react-resizable-panels 4.5.0 → 4.5.1

package/dist/react-resizable-panels.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as q } from "react/jsx-runtime";
-import { useState as Y, useCallback as K, useId as Je, useLayoutEffect as Ge, useEffect as Ie, useRef as k, createContext as Qe, useImperativeHandle as De, useMemo as Oe, useSyncExternalStore as et, useContext as tt } from "react";
-function b(e, t = "Assertion error") {
+import { useState as Y, useCallback as K, useId as et, useLayoutEffect as De, useEffect as Oe, useRef as k, createContext as tt, useImperativeHandle as Te, useMemo as _e, useSyncExternalStore as nt, useContext as ot } from "react";
+function w(e, t = "Assertion error") {
   if (!e)
     throw Error(t);
 }
@@ -11,23 +11,23 @@ function U({
   const { orientation: t, panels: n } = e;
   return n.reduce((o, i) => (o += t === "horizontal" ? i.element.offsetWidth : i.element.offsetHeight, o), 0);
 }
-function ce(e, t) {
+function fe(e, t) {
   return t.sort(
-    e === "horizontal" ? nt : ot
+    e === "horizontal" ? it : rt
   );
 }
-function nt(e, t) {
+function it(e, t) {
   const n = e.element.offsetLeft - t.element.offsetLeft;
   return n !== 0 ? n : e.element.offsetWidth - t.element.offsetWidth;
 }
-function ot(e, t) {
+function rt(e, t) {
   const n = e.element.offsetTop - t.element.offsetTop;
   return n !== 0 ? n : e.element.offsetHeight - t.element.offsetHeight;
 }
-function Te(e) {
+function Ae(e) {
   return e !== null && typeof e == "object" && "nodeType" in e && e.nodeType === Node.ELEMENT_NODE;
 }
-function _e(e, t) {
+function Ne(e, t) {
   return {
     x: e.x >= t.left && e.x <= t.right ? 0 : Math.min(
       Math.abs(e.x - t.left),
@@ -39,7 +39,7 @@ function _e(e, t) {
     )
   };
 }
-function it({
+function st({
   orientation: e,
   rects: t,
   targetRect: n
@@ -50,19 +50,19 @@ function it({
   };
   let i, s = Number.MAX_VALUE;
   for (const l of t) {
-    const { x: r, y: a } = _e(o, l), u = e === "horizontal" ? r : a;
+    const { x: r, y: a } = Ne(o, l), u = e === "horizontal" ? r : a;
     u < s && (s = u, i = l);
   }
-  return b(i, "No rect found"), i;
+  return w(i, "No rect found"), i;
 }
 let oe;
-function rt() {
+function at() {
   return oe === void 0 && (typeof matchMedia == "function" ? oe = !!matchMedia("(pointer:coarse)").matches : oe = !1), oe;
 }
-function Ne(e) {
-  const { element: t, orientation: n, panels: o, separators: i } = e, s = ce(
+function Fe(e) {
+  const { element: t, orientation: n, panels: o, separators: i } = e, s = fe(
     n,
-    Array.from(t.children).filter(Te).map((c) => ({ element: c }))
+    Array.from(t.children).filter(Ae).map((c) => ({ element: c }))
   ).map(({ element: c }) => c), l = [];
   let r = !1, a, u = [];
   for (const c of s)
@@ -90,7 +90,7 @@ function Ne(e) {
                 break;
               }
               case 1: {
-                const y = u[0], v = it({
+                const y = u[0], v = st({
                   orientation: n,
                   rects: [g, h],
                   targetRect: y.element.getBoundingClientRect()
@@ -122,7 +122,7 @@ function Ne(e) {
             ];
           for (const p of f) {
             let d = "width" in p ? p : p.element.getBoundingClientRect();
-            const y = rt() ? 37 : 27;
+            const y = at() ? 37 : 27;
             if (d.width < y) {
               const v = y - d.width;
               d = new DOMRect(
@@ -161,21 +161,21 @@ function Ne(e) {
       r = !0;
   return l;
 }
-function st(e, t) {
+function lt(e, t) {
   const n = getComputedStyle(e), o = parseFloat(n.fontSize);
   return t * o;
 }
-function at(e, t) {
+function ut(e, t) {
   const n = getComputedStyle(e.ownerDocument.body), o = parseFloat(n.fontSize);
   return t * o;
 }
-function lt(e) {
+function ct(e) {
   return e / 100 * window.innerHeight;
 }
-function ut(e) {
+function ft(e) {
   return e / 100 * window.innerWidth;
 }
-function ct(e) {
+function dt(e) {
   switch (typeof e) {
     case "number":
       return [e, "px"];
@@ -191,7 +191,7 @@ function ie({
   styleProp: n
 }) {
   let o;
-  const [i, s] = ct(n);
+  const [i, s] = dt(n);
   switch (s) {
     case "%": {
       o = i / 100 * e;
@@ -202,19 +202,19 @@ function ie({
       break;
     }
     case "rem": {
-      o = at(t, i);
+      o = ut(t, i);
       break;
     }
     case "em": {
-      o = st(t, i);
+      o = lt(t, i);
       break;
     }
     case "vh": {
-      o = lt(i);
+      o = ct(i);
       break;
     }
     case "vw": {
-      o = ut(i);
+      o = ft(i);
       break;
     }
   }
@@ -223,7 +223,7 @@ function ie({
 function O(e) {
   return parseFloat(e.toFixed(3));
 }
-function ye(e) {
+function Se(e) {
   const { panels: t } = e, n = U({ group: e });
   return n === 0 ? t.map((o) => ({
     collapsedSize: 0,
@@ -280,7 +280,7 @@ function ye(e) {
     };
   });
 }
-class ft {
+class pt {
   #e = {};
   addListener(t, n) {
     const o = this.#e[t];
@@ -329,7 +329,7 @@ let D = {
   },
   mountedGroups: /* @__PURE__ */ new Map()
 };
-const _ = new ft();
+const _ = new pt();
 function G() {
   return D;
 }
@@ -359,13 +359,13 @@ function E(e) {
     });
   }), _.emit("mountedGroupsChange", D.mountedGroups)), D;
 }
-function dt(e, t, n) {
+function ht(e, t, n) {
   let o, i = {
     x: 1 / 0,
     y: 1 / 0
   };
   for (const s of t) {
-    const l = _e(n, s.rect);
+    const l = Ne(n, s.rect);
     switch (e) {
       case "horizontal": {
         l.x <= i.x && (o = s, i = l);
@@ -382,25 +382,25 @@ function dt(e, t, n) {
     hitRegion: o
   } : void 0;
 }
-function pt(e) {
+function mt(e) {
   return e !== null && typeof e == "object" && "nodeType" in e && e.nodeType === Node.DOCUMENT_FRAGMENT_NODE;
 }
-function ht(e, t) {
+function gt(e, t) {
   if (e === t) throw new Error("Cannot compare node with itself");
   const n = {
-    a: xe(e),
-    b: xe(t)
+    a: ze(e),
+    b: ze(t)
   };
   let o;
   for (; n.a.at(-1) === n.b.at(-1); )
     e = n.a.pop(), t = n.b.pop(), o = e;
-  b(
+  w(
     o,
     "Stacking order can only be calculated for elements with a common ancestor"
   );
   const i = {
-    a: ve(Se(n.a)),
-    b: ve(Se(n.b))
+    a: xe(ve(n.a)),
+    b: xe(ve(n.b))
   };
   if (i.a === i.b) {
     const s = o.childNodes, l = {
@@ -416,75 +416,75 @@ function ht(e, t) {
   }
   return Math.sign(i.a - i.b);
 }
-const mt = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
-function gt(e) {
-  const t = getComputedStyle(Ae(e) ?? e).display;
+const yt = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
+function St(e) {
+  const t = getComputedStyle($e(e) ?? e).display;
   return t === "flex" || t === "inline-flex";
 }
-function yt(e) {
+function vt(e) {
   const t = getComputedStyle(e);
-  return !!(t.position === "fixed" || t.zIndex !== "auto" && (t.position !== "static" || gt(e)) || +t.opacity < 1 || "transform" in t && t.transform !== "none" || "webkitTransform" in t && t.webkitTransform !== "none" || "mixBlendMode" in t && t.mixBlendMode !== "normal" || "filter" in t && t.filter !== "none" || "webkitFilter" in t && t.webkitFilter !== "none" || "isolation" in t && t.isolation === "isolate" || mt.test(t.willChange) || t.webkitOverflowScrolling === "touch");
+  return !!(t.position === "fixed" || t.zIndex !== "auto" && (t.position !== "static" || St(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" || yt.test(t.willChange) || t.webkitOverflowScrolling === "touch");
 }
-function Se(e) {
+function ve(e) {
   let t = e.length;
   for (; t--; ) {
     const n = e[t];
-    if (b(n, "Missing node"), yt(n)) return n;
+    if (w(n, "Missing node"), vt(n)) return n;
   }
   return null;
 }
-function ve(e) {
+function xe(e) {
   return e && Number(getComputedStyle(e).zIndex) || 0;
 }
-function xe(e) {
+function ze(e) {
   const t = [];
   for (; e; )
-    t.push(e), e = Ae(e);
+    t.push(e), e = $e(e);
   return t;
 }
-function Ae(e) {
+function $e(e) {
   const { parentNode: t } = e;
-  return pt(t) ? t.host : t;
+  return mt(t) ? t.host : t;
 }
-function St(e, t) {
+function xt(e, t) {
   return e.x < t.x + t.width && e.x + e.width > t.x && e.y < t.y + t.height && e.y + e.height > t.y;
 }
-function vt({
+function zt({
   groupElement: e,
   hitRegion: t,
   pointerEventTarget: n
 }) {
-  if (!Te(n) || n.contains(e) || e.contains(n))
+  if (!Ae(n) || n.contains(e) || e.contains(n))
     return !0;
-  if (ht(n, e) > 0) {
+  if (gt(n, e) > 0) {
     let o = n;
     for (; o; ) {
       if (o.contains(e))
         return !0;
-      if (St(o.getBoundingClientRect(), t))
+      if (xt(o.getBoundingClientRect(), t))
         return !1;
       o = o.parentElement;
     }
   }
   return !0;
 }
-function fe(e, t) {
+function de(e, t) {
   const n = [];
   return t.forEach((o, i) => {
     if (i.disabled)
       return;
-    const s = Ne(i), l = dt(i.orientation, s, {
+    const s = Fe(i), l = ht(i.orientation, s, {
       x: e.clientX,
       y: e.clientY
     });
-    l && l.distance.x <= 0 && l.distance.y <= 0 && vt({
+    l && l.distance.x <= 0 && l.distance.y <= 0 && zt({
       groupElement: i.element,
       hitRegion: l.hitRegion.rect,
       pointerEventTarget: e.target
     }) && n.push(l.hitRegion);
   }), n;
 }
-function xt(e, t) {
+function wt(e, t) {
   if (e.length !== t.length)
     return !1;
   for (let n = 0; n < e.length; n++)
@@ -524,12 +524,12 @@ function J({
   if (R(e, 0))
     return t;
   const l = Object.values(t), r = Object.values(i), a = [...l], [u, c] = o;
-  b(u != null, "Invalid first pivot index"), b(c != null, "Invalid second pivot index");
+  w(u != null, "Invalid first pivot index"), w(c != null, "Invalid second pivot index");
   let m = 0;
   if (s === "keyboard") {
     {
       const f = e < 0 ? c : u, p = n[f];
-      b(
+      w(
         p,
         `Panel constraints not found for index ${f}`
       );
@@ -540,7 +540,7 @@ function J({
       } = p;
       if (y) {
         const x = l[f];
-        if (b(
+        if (w(
           x != null,
           `Previous layout not found for panel index ${f}`
         ), R(x, d)) {
@@ -551,7 +551,7 @@ function J({
     }
     {
       const f = e < 0 ? u : c, p = n[f];
-      b(
+      w(
         p,
         `No panel constraints found for index ${f}`
       );
@@ -562,7 +562,7 @@ function J({
       } = p;
       if (y) {
         const x = l[f];
-        if (b(
+        if (w(
           x != null,
           `Previous layout not found for panel index ${f}`
         ), R(x, v)) {
@@ -577,7 +577,7 @@ function J({
     let p = e < 0 ? c : u, d = 0;
     for (; ; ) {
       const v = l[p];
-      b(
+      w(
         v != null,
         `Previous layout not found for panel index ${p}`
       );
@@ -595,7 +595,7 @@ function J({
     let p = e < 0 ? u : c;
     for (; p >= 0 && p < n.length; ) {
       const d = Math.abs(e) - Math.abs(m), y = l[p];
-      b(
+      w(
         y != null,
         `Previous layout not found for panel index ${p}`
       );
@@ -610,11 +610,11 @@ function J({
       e < 0 ? p-- : p++;
     }
   }
-  if (xt(r, a))
+  if (wt(r, a))
     return i;
   {
     const f = e < 0 ? c : u, p = l[f];
-    b(
+    w(
       p != null,
       `Previous layout not found for panel index ${f}`
     );
@@ -626,7 +626,7 @@ function J({
       let v = d - y, S = e < 0 ? c : u;
       for (; S >= 0 && S < n.length; ) {
         const C = a[S];
-        b(
+        w(
           C != null,
           `Previous layout not found for panel index ${S}`
         );
@@ -649,7 +649,7 @@ function J({
   const h = Object.keys(i);
   return a.reduce((f, p, d) => (f[h[d]] = p, f), {});
 }
-function N(e, t) {
+function A(e, t) {
   if (Object.keys(e).length !== Object.keys(t).length)
     return !1;
   for (const n in e)
@@ -657,7 +657,7 @@ function N(e, t) {
       return !1;
   return !0;
 }
-function A({
+function N({
   layout: e,
   panelConstraints: t
 }) {
@@ -672,14 +672,14 @@ function A({
   if (!R(i, 100) && o.length > 0)
     for (let r = 0; r < t.length; r++) {
       const a = o[r];
-      b(a != null, `No layout data found for index ${r}`);
+      w(a != null, `No layout data found for index ${r}`);
       const u = 100 / i * a;
       o[r] = u;
     }
   let s = 0;
   for (let r = 0; r < t.length; r++) {
     const a = o[r];
-    b(a != null, `No layout data found for index ${r}`);
+    w(a != null, `No layout data found for index ${r}`);
     const u = V({
       panelConstraints: t[r],
       size: a
@@ -689,7 +689,7 @@ function A({
   if (!R(s, 0))
     for (let r = 0; r < t.length; r++) {
       const a = o[r];
-      b(a != null, `No layout data found for index ${r}`);
+      w(a != null, `No layout data found for index ${r}`);
       const u = a + s, c = V({
         panelConstraints: t[r],
         size: u
@@ -700,7 +700,7 @@ function A({
   const l = Object.keys(e);
   return o.reduce((r, a, u) => (r[l[u]] = a, r), {});
 }
-function Fe({
+function He({
   groupId: e,
   panelId: t
 }) {
@@ -758,11 +758,11 @@ function Fe({
       pivotIndices: p ? [f - 1, f] : [f, f + 1],
       prevLayout: g,
       trigger: "imperative-api"
-    }), y = A({
+    }), y = N({
       layout: d,
       panelConstraints: c
     });
-    N(g, y) || E((v) => ({
+    A(g, y) || E((v) => ({
       mountedGroups: new Map(v.mountedGroups).set(m, {
         defaultLayoutDeferred: u,
         derivedPanelConstraints: c,
@@ -813,10 +813,10 @@ function Fe({
     }
   };
 }
-function ze(e) {
+function we(e) {
   if (e.defaultPrevented)
     return;
-  const { mountedGroups: t } = G(), n = fe(e, t), o = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set();
+  const { mountedGroups: t } = G(), n = de(e, t), o = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set();
   n.forEach((s) => {
     if (o.add(s.group), s.panels.forEach((l) => {
       i.add(l);
@@ -825,7 +825,7 @@ function ze(e) {
         (r) => r.panelConstraints.defaultSize !== void 0
       );
       if (l) {
-        const r = l.panelConstraints.defaultSize, a = Fe({
+        const r = l.panelConstraints.defaultSize, a = He({
           groupId: s.group.id,
           panelId: l.id
         });
@@ -834,7 +834,7 @@ function ze(e) {
     }
   });
 }
-function re(e) {
+function se(e) {
   const { mountedGroups: t } = G();
   for (const [n] of t)
     if (n.separators.some(
@@ -843,7 +843,7 @@ function re(e) {
       return n;
   throw Error("Could not find parent Group for separator element");
 }
-function $e({
+function je({
   groupId: e
 }) {
   const t = () => {
@@ -865,11 +865,11 @@ function $e({
         group: s,
         layout: l,
         separatorToPanels: r
-      } = t(), a = A({
+      } = t(), a = N({
         layout: n,
         panelConstraints: i
       });
-      return o ? l : (N(l, a) || E((u) => ({
+      return o ? l : (A(l, a) || E((u) => ({
         mountedGroups: new Map(u.mountedGroups).set(s, {
           defaultLayoutDeferred: o,
           derivedPanelConstraints: i,
@@ -880,29 +880,29 @@ function $e({
     }
   };
 }
-function He(e) {
+function Ve(e) {
   const { mountedGroups: t } = G(), n = t.get(e);
-  return b(n, `Mounted Group ${e.id} not found`), n;
+  return w(n, `Mounted Group ${e.id} not found`), n;
 }
 function T(e, t) {
-  const n = re(e), o = He(n), i = n.separators.find(
+  const n = se(e), o = Ve(n), i = n.separators.find(
     (m) => m.element === e
   );
-  b(i, "Matching separator not found");
+  w(i, "Matching separator not found");
   const s = o.separatorToPanels.get(i);
-  b(s, "Matching panels not found");
-  const l = s.map((m) => n.panels.indexOf(m)), a = $e({ groupId: n.id }).getLayout(), u = J({
+  w(s, "Matching panels not found");
+  const l = s.map((m) => n.panels.indexOf(m)), a = je({ groupId: n.id }).getLayout(), u = J({
     delta: t,
     initialLayout: a,
     panelConstraints: o.derivedPanelConstraints,
     pivotIndices: l,
     prevLayout: a,
     trigger: "keyboard"
-  }), c = A({
+  }), c = N({
     layout: u,
     panelConstraints: o.derivedPanelConstraints
   });
-  N(a, c) || E((m) => ({
+  A(a, c) || E((m) => ({
     mountedGroups: new Map(m.mountedGroups).set(n, {
       defaultLayoutDeferred: o.defaultLayoutDeferred,
       derivedPanelConstraints: o.derivedPanelConstraints,
@@ -914,7 +914,7 @@ function T(e, t) {
 function be(e) {
   if (e.defaultPrevented)
     return;
-  const t = e.currentTarget, n = re(t);
+  const t = e.currentTarget, n = se(t);
   if (!n.disabled)
     switch (e.key) {
       case "ArrowDown": {
@@ -939,16 +939,16 @@ function be(e) {
       }
       case "Enter": {
         e.preventDefault();
-        const o = re(t), { derivedPanelConstraints: i, layout: s, separatorToPanels: l } = He(o), r = o.separators.find(
+        const o = se(t), { derivedPanelConstraints: i, layout: s, separatorToPanels: l } = Ve(o), r = o.separators.find(
           (m) => m.element === t
         );
-        b(r, "Matching separator not found");
+        w(r, "Matching separator not found");
         const a = l.get(r);
-        b(a, "Matching panels not found");
+        w(a, "Matching panels not found");
         const u = a[0], c = i.find(
           (m) => m.panelId === u.id
         );
-        if (b(c, "Panel metadata not found"), c.collapsible) {
+        if (w(c, "Panel metadata not found"), c.collapsible) {
           const m = s[u.id], g = c.collapsedSize === m ? o.inMemoryLastExpandedPanelSizes[u.id] ?? c.minSize : c.collapsedSize;
           T(t, g - m);
         }
@@ -956,12 +956,12 @@ function be(e) {
       }
       case "F6": {
         e.preventDefault();
-        const i = re(t).separators.map(
+        const i = se(t).separators.map(
           (a) => a.element
         ), s = Array.from(i).findIndex(
           (a) => a === e.currentTarget
         );
-        b(s !== null, "Index not found");
+        w(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;
@@ -972,12 +972,12 @@ function be(e) {
       }
     }
 }
-function we(e) {
+function Le(e) {
   if (e.defaultPrevented)
     return;
   if (e.pointerType === "mouse" && e.button > 0)
     return;
-  const { mountedGroups: t } = G(), n = fe(e, t), o = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set(), l = /* @__PURE__ */ new Map();
+  const { mountedGroups: t } = G(), n = de(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((c) => {
@@ -994,9 +994,13 @@ function we(e) {
     }
   }), n.length && e.preventDefault();
 }
-const zt = (e) => e, le = () => {
-}, je = 1, Ve = 2, Ue = 4, We = 8, Le = 3, Ce = 12;
-function bt({
+const bt = (e) => e, ue = () => {
+}, Ue = 1, We = 2, Be = 4, Ke = 8, Ce = 3, Pe = 12;
+let re;
+function Re() {
+  return re === void 0 && (re = !1, typeof window < "u" && (window.navigator.userAgent.includes("Chrome") || window.navigator.userAgent.includes("Firefox")) && (re = !0)), re;
+}
+function Lt({
   cursorFlags: e,
   groups: t,
   state: n
@@ -1023,8 +1027,8 @@ function bt({
     return null;
   switch (n) {
     case "active": {
-      const s = (e & je) !== 0, l = (e & Ve) !== 0, r = (e & Ue) !== 0, a = (e & We) !== 0;
-      if (e) {
+      if (e && Re()) {
+        const s = (e & Ue) !== 0, l = (e & We) !== 0, r = (e & Be) !== 0, a = (e & Ke) !== 0;
         if (s)
           return r ? "se-resize" : a ? "ne-resize" : "e-resize";
         if (l)
@@ -1037,23 +1041,23 @@ function bt({
       break;
     }
   }
-  return o > 0 && i > 0 ? "move" : o > 0 ? "ew-resize" : "ns-resize";
+  return Re() ? o > 0 && i > 0 ? "move" : o > 0 ? "ew-resize" : "ns-resize" : o > 0 && i > 0 ? "grab" : o > 0 ? "col-resize" : "row-resize";
 }
-const Pe = /* @__PURE__ */ new WeakMap();
-function de(e) {
+const Me = /* @__PURE__ */ new WeakMap();
+function pe(e) {
   if (e.defaultView === null || e.defaultView === void 0)
     return;
-  let { prevStyle: t, styleSheet: n } = Pe.get(e) ?? {};
+  let { prevStyle: t, styleSheet: n } = Me.get(e) ?? {};
   n === void 0 && (n = new e.defaultView.CSSStyleSheet(), e.adoptedStyleSheets.push(n));
   const { cursorFlags: o, interactionState: i } = G();
   switch (i.state) {
     case "active":
     case "hover": {
-      const s = bt({
+      const s = Lt({
         cursorFlags: o,
         groups: i.hitRegions.map((r) => r.group),
         state: i.state
-      }), l = `*{cursor: ${s} !important; ${i.state === "active" ? "touch-action: none;" : ""} }`;
+      }), l = `*, *:hover {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);
@@ -1064,12 +1068,12 @@ function de(e) {
       break;
     }
   }
-  Pe.set(e, {
+  Me.set(e, {
     prevStyle: t,
     styleSheet: n
   });
 }
-function Be({
+function Xe({
   document: e,
   event: t,
   hitRegions: n,
@@ -1099,15 +1103,15 @@ function Be({
         prevLayout: S,
         trigger: "mouse-or-touch"
       });
-      if (N(L, S)) {
+      if (A(L, S)) {
         if (d !== 0 && !h)
           switch (f) {
             case "horizontal": {
-              r |= d < 0 ? je : Ve;
+              r |= d < 0 ? Ue : We;
               break;
             }
             case "vertical": {
-              r |= d < 0 ? Ue : We;
+              r |= d < 0 ? Be : Ke;
               break;
             }
           }
@@ -1124,16 +1128,16 @@ function Be({
     }
   });
   let u = 0;
-  t.movementX === 0 ? u |= l & Le : u |= r & Le, t.movementY === 0 ? u |= l & Ce : u |= r & Ce, E({
+  t.movementX === 0 ? u |= l & Ce : u |= r & Ce, t.movementY === 0 ? u |= l & Pe : u |= r & Pe, E({
     cursorFlags: u,
     mountedGroups: a
-  }), de(e);
+  }), pe(e);
 }
-function Re(e) {
+function Ee(e) {
   const { cursorFlags: t, interactionState: n, mountedGroups: o } = G();
   switch (n.state) {
     case "active":
-      Be({
+      Xe({
         document: e.currentTarget,
         event: e,
         hitRegions: n.hitRegions,
@@ -1143,7 +1147,7 @@ function Re(e) {
       });
   }
 }
-function Me(e) {
+function ke(e) {
   if (e.defaultPrevented)
     return;
   const { cursorFlags: t, interactionState: n, mountedGroups: o } = G();
@@ -1163,7 +1167,7 @@ function Me(e) {
         }));
         return;
       }
-      Be({
+      Xe({
         document: e.currentTarget,
         event: e,
         hitRegions: n.hitRegions,
@@ -1175,7 +1179,7 @@ function Me(e) {
       break;
     }
     default: {
-      const i = fe(e, o);
+      const i = de(e, o);
       i.length === 0 ? n.state !== "inactive" && E({
         interactionState: {
           state: "inactive"
@@ -1185,12 +1189,12 @@ function Me(e) {
           hitRegions: i,
           state: "hover"
         }
-      }), de(e.currentTarget);
+      }), pe(e.currentTarget);
       break;
     }
   }
 }
-function Ee(e) {
+function Ge(e) {
   if (e.defaultPrevented)
     return;
   if (e.pointerType === "mouse" && e.button > 0)
@@ -1203,12 +1207,12 @@ function Ee(e) {
         interactionState: {
           state: "inactive"
         }
-      }), t.hitRegions.length > 0 && (de(e.currentTarget), E((n) => ({
+      }), t.hitRegions.length > 0 && (pe(e.currentTarget), E((n) => ({
         mountedGroups: new Map(n.mountedGroups)
       })), e.preventDefault());
   }
 }
-function ke(e) {
+function Ie(e) {
   let t = 0, n = 0;
   const o = {};
   for (const s of e)
@@ -1226,7 +1230,7 @@ function ke(e) {
   }
   return o;
 }
-function wt(e, t, n) {
+function Ct(e, t, n) {
   if (!n[0])
     return;
   const i = e.panels.find((u) => u.element === t);
@@ -1238,7 +1242,7 @@ function wt(e, t, n) {
   };
   i.mutableValues.prevSize = a, i.onResize(a, i.id, r);
 }
-function Lt(e, t) {
+function Pt(e, t) {
   if (Object.keys(e).length !== Object.keys(t).length)
     return !1;
   for (const o in e)
@@ -1246,7 +1250,7 @@ function Lt(e, t) {
       return !1;
   return !0;
 }
-function Ct(e, t) {
+function Rt(e, t) {
   const n = e.map((i) => i.id), o = Object.keys(t);
   if (n.length !== o.length)
     return !1;
@@ -1256,9 +1260,9 @@ function Ct(e, t) {
   return !0;
 }
 const j = /* @__PURE__ */ new Map();
-function Pt(e) {
+function Mt(e) {
   let t = !0;
-  b(
+  w(
     e.element.ownerDocument.defaultView,
     "Cannot register an unmounted Group"
   );
@@ -1272,11 +1276,11 @@ function Pt(e) {
           E((x) => {
             const S = x.mountedGroups.get(e);
             if (S) {
-              const C = ye(e), L = S.defaultLayoutDeferred ? ke(C) : S.layout, P = A({
+              const C = Se(e), L = S.defaultLayoutDeferred ? Ie(C) : S.layout, P = N({
                 layout: L,
                 panelConstraints: C
               });
-              return !S.defaultLayoutDeferred && N(L, P) && Lt(
+              return !S.defaultLayoutDeferred && A(L, P) && Pt(
                 S.derivedPanelConstraints,
                 C
               ) ? x : {
@@ -1292,22 +1296,22 @@ function Pt(e) {
           });
         }
       } else
-        wt(e, y, d);
+        Ct(e, y, d);
     }
   });
   s.observe(e.element), e.panels.forEach((f) => {
-    b(
+    w(
       !o.has(f.id),
       `Panel ids must be unique; id "${f.id}" was used more than once`
     ), o.add(f.id), f.onResize && s.observe(f.element);
   });
-  const l = U({ group: e }), r = ye(e), a = e.panels.map(({ id: f }) => f).join(",");
+  const l = U({ group: e }), r = Se(e), a = e.panels.map(({ id: f }) => f).join(",");
   let u = e.defaultLayout;
-  u && (Ct(e.panels, u) || (u = void 0));
-  const c = e.inMemoryLayouts[a] ?? u ?? ke(r), m = A({
+  u && (Rt(e.panels, u) || (u = void 0));
+  const c = e.inMemoryLayouts[a] ?? u ?? Ie(r), m = N({
     layout: c,
     panelConstraints: r
-  }), g = Ne(e), h = e.element.ownerDocument;
+  }), g = Fe(e), h = e.element.ownerDocument;
   return E((f) => {
     const p = /* @__PURE__ */ new Map();
     return j.set(
@@ -1324,11 +1328,11 @@ function Pt(e) {
       })
     };
   }), e.separators.forEach((f) => {
-    b(
+    w(
       !i.has(f.id),
       `Separator ids must be unique; id "${f.id}" was used more than once`
     ), i.add(f.id), f.element.addEventListener("keydown", be);
-  }), j.get(h) === 1 && (h.addEventListener("dblclick", ze, !0), h.addEventListener("pointerdown", we, !0), h.addEventListener("pointerleave", Re), h.addEventListener("pointermove", Me), h.addEventListener("pointerup", Ee, !0)), function() {
+  }), j.get(h) === 1 && (h.addEventListener("dblclick", we, !0), h.addEventListener("pointerdown", Le, !0), h.addEventListener("pointerleave", Ee), h.addEventListener("pointermove", ke), h.addEventListener("pointerup", Ge, !0)), function() {
     t = !1, j.set(
       h,
       Math.max(0, (j.get(h) ?? 0) - 1)
@@ -1339,24 +1343,24 @@ function Pt(e) {
       p.element.removeEventListener("keydown", be);
     }), j.get(h) || (h.removeEventListener(
       "dblclick",
-      ze,
+      we,
       !0
     ), h.removeEventListener(
       "pointerdown",
-      we,
+      Le,
       !0
-    ), h.removeEventListener("pointerleave", Re), h.removeEventListener("pointermove", Me), h.removeEventListener("pointerup", Ee, !0)), s.disconnect();
+    ), h.removeEventListener("pointerleave", Ee), h.removeEventListener("pointermove", ke), h.removeEventListener("pointerup", Ge, !0)), s.disconnect();
   };
 }
-function Ke() {
+function qe() {
   const [e, t] = Y({}), n = K(() => t({}), []);
   return [e, n];
 }
-function pe(e) {
-  const t = Je();
+function he(e) {
+  const t = et();
   return `${e ?? t}`;
 }
-const F = typeof window < "u" ? Ge : Ie;
+const F = typeof window < "u" ? De : Oe;
 function X(e) {
   const t = k(e);
   return F(() => {
@@ -1366,7 +1370,7 @@ function X(e) {
     [t]
   );
 }
-function he(...e) {
+function me(...e) {
   return X((t) => {
     e.forEach((n) => {
       if (n)
@@ -1383,27 +1387,27 @@ function he(...e) {
     });
   });
 }
-function Rt(e) {
+function Et(e) {
   const t = k({ ...e });
   return F(() => {
     for (const n in e)
       t.current[n] = e[n];
   }, [e]), t.current;
 }
-const Xe = Qe(null);
-function Mt(e, t) {
+const Ye = tt(null);
+function kt(e, t) {
   const n = k({
     getLayout: () => ({}),
-    setLayout: zt
+    setLayout: bt
   });
-  De(t, () => n.current, []), F(() => {
+  Te(t, () => n.current, []), F(() => {
     Object.assign(
       n.current,
-      $e({ groupId: e })
+      je({ groupId: e })
     );
   });
 }
-function Et({
+function Gt({
   children: e,
   className: t,
   defaultLayout: n,
@@ -1422,18 +1426,18 @@ function Et({
     onLayoutChange: {},
     onLayoutChanged: {}
   }), f = X((z) => {
-    N(h.current.onLayoutChange, z) || (h.current.onLayoutChange = z, a?.(z));
+    A(h.current.onLayoutChange, z) || (h.current.onLayoutChange = z, a?.(z));
   }), p = X((z) => {
-    N(h.current.onLayoutChanged, z) || (h.current.onLayoutChanged = z, u?.(z));
-  }), d = pe(r), y = k(null), [v, x] = Ke(), S = k({
+    A(h.current.onLayoutChanged, z) || (h.current.onLayoutChanged = z, u?.(z));
+  }), d = he(r), y = k(null), [v, x] = qe(), S = k({
     lastExpandedPanelSizes: {},
     layouts: {},
     panels: [],
     separators: []
-  }), C = he(y, s);
-  Mt(d, l);
+  }), C = me(y, s);
+  kt(d, l);
   const L = X(
-    (z, w) => {
+    (z, b) => {
       const { interactionState: M, mountedGroups: H } = G();
       for (const Q of H.keys())
         if (Q.id === z) {
@@ -1443,51 +1447,51 @@ function Et({
             switch (M.state) {
               case "active": {
                 ee = M.hitRegions.some(
-                  (se) => se.group === Q
+                  (ae) => ae.group === Q
                 );
                 break;
               }
             }
             return {
-              flexGrow: W.layout[w] ?? 1,
+              flexGrow: W.layout[b] ?? 1,
               pointerEvents: ee ? "none" : void 0
             };
           }
         }
       return {
-        flexGrow: n?.[w] ?? 1
+        flexGrow: n?.[b] ?? 1
       };
     }
-  ), P = Oe(
+  ), P = _e(
     () => ({
       getPanelStyles: L,
       id: d,
       orientation: c,
       registerPanel: (z) => {
-        const w = S.current;
-        return w.panels = ce(c, [
-          ...w.panels,
+        const b = S.current;
+        return b.panels = fe(c, [
+          ...b.panels,
           z
         ]), x(), () => {
-          w.panels = w.panels.filter(
+          b.panels = b.panels.filter(
             (M) => M !== z
           ), x();
         };
       },
       registerSeparator: (z) => {
-        const w = S.current;
-        return w.separators = ce(c, [
-          ...w.separators,
+        const b = S.current;
+        return b.separators = fe(c, [
+          ...b.separators,
           z
         ]), x(), () => {
-          w.separators = w.separators.filter(
+          b.separators = b.separators.filter(
             (M) => M !== z
           ), x();
         };
       }
     }),
     [L, d, x, c]
-  ), I = Rt({
+  ), I = Et({
     defaultLayout: n,
     disableCursor: o
   }), $ = k(null);
@@ -1495,7 +1499,7 @@ function Et({
     const z = y.current;
     if (z === null)
       return;
-    const w = S.current, M = {
+    const b = S.current, M = {
       defaultLayout: I.defaultLayout,
       disableCursor: !!I.disableCursor,
       disabled: !!i,
@@ -1504,41 +1508,41 @@ function Et({
       inMemoryLastExpandedPanelSizes: S.current.lastExpandedPanelSizes,
       inMemoryLayouts: S.current.layouts,
       orientation: c,
-      panels: w.panels,
-      separators: w.separators
+      panels: b.panels,
+      separators: b.separators
     };
     $.current = M;
-    const H = Pt(M), W = G().mountedGroups.get(M);
+    const H = Mt(M), W = G().mountedGroups.get(M);
     if (W) {
       const { defaultLayoutDeferred: B, derivedPanelConstraints: te, layout: ne } = W;
-      !B && te.length > 0 && (f(ne), p(ne), w.panels.forEach((ae) => {
-        ae.scheduleUpdate();
+      !B && te.length > 0 && (f(ne), p(ne), b.panels.forEach((le) => {
+        le.scheduleUpdate();
       }));
     }
     const ee = _.addListener(
       "interactionStateChange",
       () => {
-        w.panels.forEach((B) => {
+        b.panels.forEach((B) => {
           B.scheduleUpdate();
         });
       }
-    ), se = _.addListener(
+    ), ae = _.addListener(
       "mountedGroupsChange",
       (B) => {
         const te = B.get(M);
         if (te) {
-          const { defaultLayoutDeferred: ne, derivedPanelConstraints: ae, layout: ge } = te;
-          if (ne || ae.length === 0)
+          const { defaultLayoutDeferred: ne, derivedPanelConstraints: le, layout: ye } = te;
+          if (ne || le.length === 0)
             return;
-          const { interactionState: qe } = G(), Ye = qe.state !== "active";
-          f(ge), Ye && p(ge), w.panels.forEach((Ze) => {
-            Ze.scheduleUpdate();
+          const { interactionState: Ze } = G(), Je = Ze.state !== "active";
+          f(ye), Je && p(ye), b.panels.forEach((Qe) => {
+            Qe.scheduleUpdate();
           });
         }
       }
     );
     return () => {
-      $.current = null, H(), ee(), se();
+      $.current = null, H(), ee(), ae();
     };
   }, [
     i,
@@ -1548,10 +1552,10 @@ function Et({
     c,
     v,
     I
-  ]), Ie(() => {
+  ]), Oe(() => {
     const z = $.current;
     z && (z.defaultLayout = n, z.disableCursor = !!o);
-  }), /* @__PURE__ */ q(Xe.Provider, { value: P, children: /* @__PURE__ */ q(
+  }), /* @__PURE__ */ q(Ye.Provider, { value: P, children: /* @__PURE__ */ q(
     "div",
     {
       ...g,
@@ -1574,35 +1578,35 @@ function Et({
     }
   ) });
 }
-Et.displayName = "Group";
-function ue(e, t) {
+Gt.displayName = "Group";
+function ce(e, t) {
   return `react-resizable-panels:${[e, ...t].join(":")}`;
 }
-function At({
+function $t({
   debounceSaveMs: e = 100,
   panelIds: t,
   storage: n = localStorage,
   ...o
 }) {
-  const i = t !== void 0, s = "id" in o ? o.id : o.groupId, l = ue(s, t ?? []), r = et(
-    kt,
+  const i = t !== void 0, s = "id" in o ? o.id : o.groupId, l = ce(s, t ?? []), r = nt(
+    It,
     () => n.getItem(l),
     () => n.getItem(l)
-  ), a = Oe(
+  ), a = _e(
     () => r ? JSON.parse(r) : void 0,
     [r]
   ), u = k(null), c = K(() => {
     const h = u.current;
     h && (u.current = null, clearTimeout(h));
   }, []);
-  Ge(() => () => {
+  De(() => () => {
     c();
   }, [c]);
   const m = K(
     (h) => {
       c();
       let f;
-      i ? f = ue(s, Object.keys(h)) : f = ue(s, []);
+      i ? f = ce(s, Object.keys(h)) : f = ce(s, []);
       try {
         n.setItem(f, JSON.stringify(h));
       } catch (p) {
@@ -1635,42 +1639,42 @@ function At({
     onLayoutChanged: m
   };
 }
-function kt() {
+function It() {
   return function() {
   };
 }
-function Ft() {
+function Ht() {
   return Y(null);
 }
-function $t() {
+function jt() {
   return k(null);
 }
-function me() {
-  const e = tt(Xe);
-  return b(
+function ge() {
+  const e = ot(Ye);
+  return w(
     e,
     "Group Context not found; did you render a Panel or Separator outside of a Group?"
   ), e;
 }
-function Gt(e, t) {
-  const { id: n } = me(), o = k({
-    collapse: le,
-    expand: le,
+function Dt(e, t) {
+  const { id: n } = ge(), o = k({
+    collapse: ue,
+    expand: ue,
     getSize: () => ({
       asPercentage: 0,
       inPixels: 0
     }),
     isCollapsed: () => !1,
-    resize: le
+    resize: ue
   });
-  De(t, () => o.current, []), F(() => {
+  Te(t, () => o.current, []), F(() => {
     Object.assign(
       o.current,
-      Fe({ groupId: n, panelId: e })
+      He({ groupId: n, panelId: e })
     );
   });
 }
-function It({
+function Ot({
   children: e,
   className: t,
   collapsedSize: n = "0%",
@@ -1685,7 +1689,7 @@ function It({
   style: m,
   ...g
 }) {
-  const h = !!l, f = pe(l), p = k(null), d = he(p, s), [, y] = Ke(), { getPanelStyles: v, id: x, registerPanel: S } = me(), C = u !== null, L = X(
+  const h = !!l, f = he(l), p = k(null), d = me(p, s), [, y] = qe(), { getPanelStyles: v, id: x, registerPanel: S } = ge(), C = u !== null, L = X(
     (I, $, z) => {
       u?.(I, l, z);
     }
@@ -1723,7 +1727,7 @@ function It({
     a,
     L,
     S
-  ]), Gt(f, c);
+  ]), Dt(f, c);
   const P = v(x, f);
   return /* @__PURE__ */ q(
     "div",
@@ -1734,7 +1738,7 @@ function It({
       id: f,
       ref: d,
       style: {
-        ...Dt,
+        ...Tt,
         display: "flex",
         flexBasis: 0,
         flexShrink: 1,
@@ -1756,8 +1760,8 @@ function It({
     }
   );
 }
-It.displayName = "Panel";
-const Dt = {
+Ot.displayName = "Panel";
+const Tt = {
   minHeight: 0,
   maxHeight: "100%",
   height: "auto",
@@ -1769,13 +1773,13 @@ const Dt = {
   padding: 0,
   margin: 0
 };
-function Ht() {
+function Vt() {
   return Y(null);
 }
-function jt() {
+function Ut() {
   return k(null);
 }
-function Ot({
+function _t({
   layout: e,
   panelConstraints: t,
   panelId: n,
@@ -1787,7 +1791,7 @@ function Ot({
   );
   if (r) {
     const a = r.maxSize, u = s = r.collapsible ? r.collapsedSize : r.minSize, c = [o, o + 1];
-    s = A({
+    s = N({
       layout: J({
         delta: u - l,
         initialLayout: e,
@@ -1797,7 +1801,7 @@ function Ot({
         trigger: "keyboard"
       }),
       panelConstraints: t
-    })[n], i = A({
+    })[n], i = N({
       layout: J({
         delta: a - l,
         initialLayout: e,
@@ -1816,7 +1820,7 @@ function Ot({
     valueNow: l
   };
 }
-function Tt({
+function At({
   children: e,
   className: t,
   elementRef: n,
@@ -1824,11 +1828,11 @@ function Tt({
   style: i,
   ...s
 }) {
-  const l = pe(o), [r, a] = Y({}), [u, c] = Y("inactive"), m = k(null), g = he(m, n), {
+  const l = he(o), [r, a] = Y({}), [u, c] = Y("inactive"), m = k(null), g = me(m, n), {
     id: h,
     orientation: f,
     registerSeparator: p
-  } = me(), d = f === "horizontal" ? "vertical" : "horizontal";
+  } = ge(), d = f === "horizontal" ? "vertical" : "horizontal";
   return F(() => {
     const y = m.current;
     if (y !== null) {
@@ -1850,11 +1854,11 @@ function Tt({
           L.forEach(
             ({ derivedPanelConstraints: P, layout: I, separatorToPanels: $ }, z) => {
               if (z.id === h) {
-                const w = $.get(v);
-                if (w) {
-                  const M = w[0], H = z.panels.indexOf(M);
+                const b = $.get(v);
+                if (b) {
+                  const M = b[0], H = z.panels.indexOf(M);
                   a(
-                    Ot({
+                    _t({
                       layout: I,
                       panelConstraints: P,
                       panelId: M.id,
@@ -1897,16 +1901,16 @@ function Tt({
     }
   );
 }
-Tt.displayName = "Separator";
+At.displayName = "Separator";
 export {
-  Et as Group,
-  It as Panel,
-  Tt as Separator,
-  rt as isCoarsePointer,
-  At as useDefaultLayout,
-  Ft as useGroupCallbackRef,
-  $t as useGroupRef,
-  Ht as usePanelCallbackRef,
-  jt as usePanelRef
+  Gt as Group,
+  Ot as Panel,
+  At as Separator,
+  at as isCoarsePointer,
+  $t as useDefaultLayout,
+  Ht as useGroupCallbackRef,
+  jt as useGroupRef,
+  Vt as usePanelCallbackRef,
+  Ut as usePanelRef
 };
 //# sourceMappingURL=react-resizable-panels.js.map