react-resizable-panels 4.12.0 → 4.12.1

package/dist/react-resizable-panels.js

@@ -1,21 +1,21 @@
 "use client";
 import { jsx as ae } from "react/jsx-runtime";
-import { useState as Q, useCallback as re, useId as pt, useLayoutEffect as We, useEffect as me, useRef as T, createContext as ht, useImperativeHandle as Ke, useMemo as Se, useSyncExternalStore as Xe, useContext as mt } from "react";
-function gt(e, t) {
+import { useState as Q, useCallback as re, useId as mt, useLayoutEffect as Ke, useEffect as me, useRef as O, createContext as gt, useImperativeHandle as Xe, useMemo as Se, useSyncExternalStore as qe, useContext as yt } from "react";
+function St(e, t) {
   const n = getComputedStyle(e), o = parseFloat(n.fontSize);
   return t * o;
 }
-function yt(e, t) {
+function vt(e, t) {
   const n = getComputedStyle(e.ownerDocument.documentElement), o = parseFloat(n.fontSize);
   return t * o;
 }
-function St(e) {
+function bt(e) {
   return e / 100 * window.innerHeight;
 }
-function vt(e) {
+function zt(e) {
   return e / 100 * window.innerWidth;
 }
-function bt(e) {
+function xt(e) {
   switch (typeof e) {
     case "number":
       return [e, "px"];
@@ -31,7 +31,7 @@ function ie({
   styleProp: n
 }) {
   let o;
-  const [i, s] = bt(n);
+  const [i, s] = xt(n);
   switch (s) {
     case "%": {
       o = i / 100 * e;
@@ -42,25 +42,25 @@ function ie({
       break;
     }
     case "rem": {
-      o = yt(t, i);
+      o = vt(t, i);
       break;
     }
     case "em": {
-      o = gt(t, i);
+      o = St(t, i);
       break;
     }
     case "vh": {
-      o = St(i);
+      o = bt(i);
       break;
     }
     case "vw": {
-      o = vt(i);
+      o = zt(i);
       break;
     }
   }
   return o;
 }
-function O(e) {
+function T(e) {
   return parseFloat(e.toFixed(3));
 }
 function ne({
@@ -89,7 +89,7 @@ function ve(e) {
         panelElement: i,
         styleProp: s.collapsedSize
       });
-      u = O(c / n * 100);
+      u = T(c / n * 100);
     }
     let a;
     if (s.defaultSize !== void 0) {
@@ -98,7 +98,7 @@ function ve(e) {
         panelElement: i,
         styleProp: s.defaultSize
       });
-      a = O(c / n * 100);
+      a = T(c / n * 100);
     }
     let r = 0;
     if (s.minSize !== void 0) {
@@ -107,7 +107,7 @@ function ve(e) {
         panelElement: i,
         styleProp: s.minSize
       });
-      r = O(c / n * 100);
+      r = T(c / n * 100);
     }
     let l = 100;
     if (s.maxSize !== void 0) {
@@ -116,7 +116,7 @@ function ve(e) {
         panelElement: i,
         styleProp: s.maxSize
       });
-      l = O(c / n * 100);
+      l = T(c / n * 100);
     }
     return {
       groupResizeBehavior: s.groupResizeBehavior,
@@ -136,21 +136,21 @@ function C(e, t = "Assertion error") {
 }
 function be(e, t) {
   return Array.from(t).sort(
-    e === "horizontal" ? zt : xt
+    e === "horizontal" ? Pt : wt
   );
 }
-function zt(e, t) {
+function Pt(e, t) {
   const n = e.element.offsetLeft - t.element.offsetLeft;
   return n !== 0 ? n : e.element.offsetWidth - t.element.offsetWidth;
 }
-function xt(e, t) {
+function wt(e, t) {
   const n = e.element.offsetTop - t.element.offsetTop;
   return n !== 0 ? n : e.element.offsetHeight - t.element.offsetHeight;
 }
-function qe(e) {
+function Ye(e) {
   return e !== null && typeof e == "object" && "nodeType" in e && e.nodeType === Node.ELEMENT_NODE;
 }
-function Ye(e, t) {
+function Je(e, t) {
   return {
     x: e.x >= t.left && e.x <= t.right ? 0 : Math.min(
       Math.abs(e.x - t.left),
@@ -162,7 +162,7 @@ function Ye(e, t) {
     )
   };
 }
-function Pt({
+function Lt({
   orientation: e,
   rects: t,
   targetRect: n
@@ -173,19 +173,19 @@ function Pt({
   };
   let i, s = Number.MAX_VALUE;
   for (const u of t) {
-    const { x: a, y: r } = Ye(o, u), l = e === "horizontal" ? a : r;
+    const { x: a, y: r } = Je(o, u), l = e === "horizontal" ? a : r;
     l < s && (s = l, i = u);
   }
   return C(i, "No rect found"), i;
 }
 let fe;
-function wt() {
+function Ct() {
   return fe === void 0 && (typeof matchMedia == "function" ? fe = !!matchMedia("(pointer:coarse)").matches : fe = !1), fe;
 }
-function Je(e) {
+function Ze(e) {
   const { element: t, orientation: n, panels: o, separators: i } = e, s = be(
     n,
-    Array.from(t.children).filter(qe).map((z) => ({ element: z }))
+    Array.from(t.children).filter(Ye).map((z) => ({ element: z }))
   ).map(({ element: z }) => z), u = [];
   let a = !1, r = !1, l = -1, c = -1, m = 0, p, S = [];
   {
@@ -226,7 +226,7 @@ function Je(e) {
                   break;
                 }
                 case 1: {
-                  const w = S[0], M = Pt({
+                  const w = S[0], M = Lt({
                     orientation: n,
                     rects: [h, y],
                     targetRect: w.element.getBoundingClientRect()
@@ -258,7 +258,7 @@ function Je(e) {
               ];
             for (const v of b) {
               let g = "width" in v ? v : v.element.getBoundingClientRect();
-              const w = wt() ? e.resizeTargetMinimumSize.coarse : e.resizeTargetMinimumSize.fine;
+              const w = Ct() ? e.resizeTargetMinimumSize.coarse : e.resizeTargetMinimumSize.fine;
               if (g.width < w) {
                 const L = w - g.width;
                 g = new DOMRect(
@@ -300,7 +300,7 @@ function Je(e) {
   }
   return u;
 }
-class Ze {
+class Qe {
   #e = {};
   addListener(t, n) {
     const o = this.#e[t];
@@ -339,12 +339,119 @@ class Ze {
     }
   }
 }
+let ee = {
+  cursorFlags: 0,
+  state: "inactive"
+};
+const ze = new Qe();
+function B() {
+  return ee;
+}
+function Rt(e) {
+  return ze.addListener("change", e);
+}
+function Mt(e) {
+  const t = ee, n = { ...ee };
+  n.cursorFlags = e, ee = n, ze.emit("change", {
+    prev: t,
+    next: n
+  });
+}
+function te(e) {
+  const t = ee;
+  ee = e, ze.emit("change", {
+    prev: t,
+    next: e
+  });
+}
+const Et = (e) => e, ye = () => {
+}, et = 1, tt = 2, nt = 4, ot = 8, Ie = 3, ke = 12;
+let de;
+function De() {
+  return de === void 0 && (de = !1, typeof window < "u" && (window.navigator.userAgent.includes("Chrome") || window.navigator.userAgent.includes("Firefox")) && (de = !0)), de;
+}
+function It({
+  cursorFlags: e,
+  groups: t,
+  state: n
+}) {
+  let o = 0, i = 0;
+  switch (n) {
+    case "active":
+    case "hover":
+      t.forEach((s) => {
+        if (!s.mutableState.disableCursor)
+          switch (s.orientation) {
+            case "horizontal": {
+              o++;
+              break;
+            }
+            case "vertical": {
+              i++;
+              break;
+            }
+          }
+      });
+  }
+  if (!(o === 0 && i === 0)) {
+    switch (n) {
+      case "active": {
+        if (e && De()) {
+          const s = (e & et) !== 0, u = (e & tt) !== 0, a = (e & nt) !== 0, r = (e & ot) !== 0;
+          if (s)
+            return a ? "se-resize" : r ? "ne-resize" : "e-resize";
+          if (u)
+            return a ? "sw-resize" : r ? "nw-resize" : "w-resize";
+          if (a)
+            return "s-resize";
+          if (r)
+            return "n-resize";
+        }
+        break;
+      }
+    }
+    return De() ? o > 0 && i > 0 ? "move" : o > 0 ? "ew-resize" : "ns-resize" : o > 0 && i > 0 ? "grab" : o > 0 ? "col-resize" : "row-resize";
+  }
+}
+const Te = /* @__PURE__ */ new WeakMap();
+function xe(e) {
+  if (e.defaultView === null || e.defaultView === void 0)
+    return;
+  let { prevStyle: t, styleSheet: n } = Te.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
+  ]));
+  const o = B();
+  switch (o.state) {
+    case "active":
+    case "hover": {
+      const i = It({
+        cursorFlags: o.cursorFlags,
+        groups: o.hitRegions.map((u) => u.group),
+        state: o.state
+      }), s = `*, *:hover {cursor: ${i} !important; }`;
+      if (t === s)
+        return;
+      t = s, i ? n.cssRules.length === 0 ? n.insertRule(s) : n.replaceSync(s) : n.cssRules.length === 1 && n.deleteRule(0);
+      break;
+    }
+    case "inactive": {
+      t = void 0, n.cssRules.length === 1 && n.deleteRule(0);
+      break;
+    }
+  }
+  Te.set(e, {
+    prevStyle: t,
+    styleSheet: n
+  });
+}
 let F = /* @__PURE__ */ new Map();
-const Qe = new Ze();
-function Lt(e) {
+const it = new Qe();
+function kt(e) {
   F = new Map(F), F.delete(e);
 }
-function Ie(e, t) {
+function Oe(e, t) {
   for (const [n] of F)
     if (n.id === e)
       return n;
@@ -359,27 +466,47 @@ function H(e, t) {
 function X() {
   return F;
 }
-function ze(e, t) {
-  return Qe.addListener("groupChange", (n) => {
+function Pe(e, t) {
+  return it.addListener("groupChange", (n) => {
     n.group.id === e && t(n);
   });
 }
 function j(e, t, n) {
   const o = F.get(e);
-  F = new Map(F), F.set(e, t), Qe.emit("groupChange", {
+  F = new Map(F), F.set(e, t), it.emit("groupChange", {
     group: e,
     isUserInteraction: n?.isUserInteraction === !0,
     prev: o,
     next: t
   });
 }
-function Ct(e, t, n) {
+function rt(e) {
+  const t = B();
+  let n = !1;
+  switch (t.state) {
+    case "active":
+      te({
+        cursorFlags: 0,
+        state: "inactive"
+      }), t.hitRegions.length > 0 && (xe(e), n = !0, t.hitRegions.forEach((o) => {
+        const i = H(o.group.id, !0);
+        j(o.group, i, {
+          isUserInteraction: !0
+        });
+      }));
+  }
+  return n;
+}
+function Ge(e) {
+  e.defaultPrevented || rt(e.currentTarget);
+}
+function Dt(e, t, n) {
   let o, i = {
     x: 1 / 0,
     y: 1 / 0
   };
   for (const s of t) {
-    const u = Ye(n, s.rect);
+    const u = Je(n, s.rect);
     switch (e) {
       case "horizontal": {
         u.x <= i.x && (o = s, i = u);
@@ -396,14 +523,14 @@ function Ct(e, t, n) {
     hitRegion: o
   } : void 0;
 }
-function Rt(e) {
+function Tt(e) {
   return e !== null && typeof e == "object" && "nodeType" in e && e.nodeType === Node.DOCUMENT_FRAGMENT_NODE;
 }
-function Mt(e, t) {
+function Ot(e, t) {
   if (e === t) throw new Error("Cannot compare node with itself");
   const n = {
-    a: Oe(e),
-    b: Oe(t)
+    a: Ne(e),
+    b: Ne(t)
   };
   let o;
   for (; n.a.at(-1) === n.b.at(-1); )
@@ -413,8 +540,8 @@ function Mt(e, t) {
     "Stacking order can only be calculated for elements with a common ancestor"
   );
   const i = {
-    a: De(ke(n.a)),
-    b: De(ke(n.b))
+    a: Fe(Ae(n.a)),
+    b: Fe(Ae(n.b))
   };
   if (i.a === i.b) {
     const s = o.childNodes, u = {
@@ -430,75 +557,75 @@ function Mt(e, t) {
   }
   return Math.sign(i.a - i.b);
 }
-const Et = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
-function It(e) {
-  const t = getComputedStyle(et(e) ?? e).display;
+const Gt = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
+function At(e) {
+  const t = getComputedStyle(st(e) ?? e).display;
   return t === "flex" || t === "inline-flex";
 }
-function kt(e) {
+function Ft(e) {
   const t = getComputedStyle(e);
-  return !!(t.position === "fixed" || t.zIndex !== "auto" && (t.position !== "static" || It(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" || Et.test(t.willChange) || t.webkitOverflowScrolling === "touch");
+  return !!(t.position === "fixed" || t.zIndex !== "auto" && (t.position !== "static" || At(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" || Gt.test(t.willChange) || t.webkitOverflowScrolling === "touch");
 }
-function ke(e) {
+function Ae(e) {
   let t = e.length;
   for (; t--; ) {
     const n = e[t];
-    if (C(n, "Missing node"), kt(n)) return n;
+    if (C(n, "Missing node"), Ft(n)) return n;
   }
   return null;
 }
-function De(e) {
+function Fe(e) {
   return e && Number(getComputedStyle(e).zIndex) || 0;
 }
-function Oe(e) {
+function Ne(e) {
   const t = [];
   for (; e; )
-    t.push(e), e = et(e);
+    t.push(e), e = st(e);
   return t;
 }
-function et(e) {
+function st(e) {
   const { parentNode: t } = e;
-  return Rt(t) ? t.host : t;
+  return Tt(t) ? t.host : t;
 }
-function Dt(e, t) {
+function Nt(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 Ot({
+function _t({
   groupElement: e,
   hitRegion: t,
   pointerEventTarget: n
 }) {
-  if (!qe(n) || n.contains(e) || e.contains(n))
+  if (!Ye(n) || n.contains(e) || e.contains(n))
     return !0;
-  if (Mt(n, e) > 0) {
+  if (Ot(n, e) > 0) {
     let o = n;
     for (; o; ) {
       if (o.contains(e))
         return !0;
-      if (Dt(o.getBoundingClientRect(), t))
+      if (Nt(o.getBoundingClientRect(), t))
         return !1;
       o = o.parentElement;
     }
   }
   return !0;
 }
-function xe(e, t) {
+function we(e, t) {
   const n = [];
   return t.forEach((o, i) => {
     if (i.disabled)
       return;
-    const s = Je(i), u = Ct(i.orientation, s, {
+    const s = Ze(i), u = Dt(i.orientation, s, {
       x: e.clientX,
       y: e.clientY
     });
-    u && u.distance.x <= 0 && u.distance.y <= 0 && Ot({
+    u && u.distance.x <= 0 && u.distance.y <= 0 && _t({
       groupElement: i.element,
       hitRegion: u.hitRegion.rect,
       pointerEventTarget: e.target
     }) && n.push(u.hitRegion);
   }), n;
 }
-function Tt(e, t) {
+function $t(e, t) {
   if (e.length !== t.length)
     return !1;
   for (let n = 0; n < e.length; n++)
@@ -507,7 +634,7 @@ function Tt(e, t) {
   return !0;
 }
 function k(e, t, n = 0) {
-  return Math.abs(O(e) - O(t)) <= n;
+  return Math.abs(T(e) - T(t)) <= n;
 }
 function A(e, t) {
   return k(e, t) ? 0 : e > t ? 1 : -1;
@@ -533,7 +660,7 @@ function Z({
       A(o, l) < 0 ? o = i : o = r;
     } else
       o = r;
-  return o = Math.min(a, o), o = O(o), o;
+  return o = Math.min(a, o), o = T(o), o;
 }
 function le({
   delta: e,
@@ -656,7 +783,7 @@ function le({
       e < 0 ? d-- : d++;
     }
   }
-  if (Tt(r, l))
+  if ($t(r, l))
     return i;
   {
     const f = e < 0 ? m : c, d = a[f];
@@ -699,7 +826,7 @@ function le({
   const z = Object.keys(i);
   return l.reduce((f, d, h) => (f[z[h]] = d, f), {});
 }
-function B(e, t) {
+function W(e, t) {
   if (Object.keys(e).length !== Object.keys(t).length)
     return !1;
   for (const n in e)
@@ -707,7 +834,7 @@ function B(e, t) {
       return !1;
   return !0;
 }
-function W({
+function K({
   layout: e,
   panelConstraints: t
 }) {
@@ -756,7 +883,7 @@ function W({
   const u = Object.keys(e);
   return o.reduce((a, r, l) => (a[u[l]] = r, a), {});
 }
-function tt({
+function at({
   groupId: e,
   panelId: t
 }) {
@@ -813,7 +940,7 @@ function tt({
       const h = l.slice(0, S).reduce((y, b) => y + c[b.id], 0);
       return {
         ...c,
-        [t]: O(100 - h)
+        [t]: T(100 - h)
       };
     }
     return le({
@@ -840,11 +967,11 @@ function tt({
       panels: p.panels,
       prevLayout: z,
       derivedPanelConstraints: m
-    }), h = W({
+    }), h = K({
       layout: d,
       panelConstraints: m
     });
-    B(z, h) || j(p, {
+    W(z, h) || j(p, {
       defaultLayoutDeferred: c,
       derivedPanelConstraints: m,
       groupSize: S,
@@ -880,22 +1007,22 @@ function tt({
         groupSize: m,
         panelElement: c,
         styleProp: r
-      }), S = O(p / m * 100);
+      }), S = T(p / m * 100);
       a(S);
     }
   };
 }
-function Te(e) {
+function _e(e) {
   if (e.defaultPrevented)
     return;
   const t = X();
-  xe(e, t).forEach((o) => {
+  we(e, t).forEach((o) => {
     if (o.separator && !o.separator.disableDoubleClick) {
       const i = o.panels.find(
         (s) => s.panelConstraints.defaultSize !== void 0
       );
       if (i) {
-        const s = i.panelConstraints.defaultSize, u = tt({
+        const s = i.panelConstraints.defaultSize, u = at({
           groupId: o.group.id,
           panelId: i.id
         });
@@ -913,7 +1040,7 @@ function pe(e) {
       return n;
   throw Error("Could not find parent Group for separator element");
 }
-function nt({
+function lt({
   groupId: e
 }) {
   const t = () => {
@@ -936,11 +1063,11 @@ function nt({
         groupSize: u,
         layout: a,
         separatorToPanels: r
-      } = t(), l = W({
+      } = t(), l = K({
         layout: n,
         panelConstraints: i
       });
-      return o ? a : (B(a, l) || j(s, {
+      return o ? a : (W(a, l) || j(s, {
         defaultLayoutDeferred: o,
         derivedPanelConstraints: i,
         groupSize: u,
@@ -957,18 +1084,18 @@ function U(e, t) {
   C(i, "Matching separator not found");
   const s = o.separatorToPanels.get(i);
   C(s, "Matching panels not found");
-  const u = s.map((m) => n.panels.indexOf(m)), r = nt({ groupId: n.id }).getLayout(), l = le({
+  const u = s.map((m) => n.panels.indexOf(m)), r = lt({ groupId: n.id }).getLayout(), l = le({
     delta: t,
     initialLayout: r,
     panelConstraints: o.derivedPanelConstraints,
     pivotIndices: u,
     prevLayout: r,
     trigger: "keyboard"
-  }), c = W({
+  }), c = K({
     layout: l,
     panelConstraints: o.derivedPanelConstraints
   });
-  B(r, c) || j(
+  W(r, c) || j(
     n,
     {
       defaultLayoutDeferred: o.defaultLayoutDeferred,
@@ -984,7 +1111,7 @@ function U(e, t) {
     { isUserInteraction: !0 }
   );
 }
-function Ge(e) {
+function $e(e) {
   if (e.defaultPrevented)
     return;
   const t = e.currentTarget, n = pe(t);
@@ -1047,37 +1174,12 @@ function Ge(e) {
       }
     }
 }
-let ee = {
-  cursorFlags: 0,
-  state: "inactive"
-};
-const Pe = new Ze();
-function K() {
-  return ee;
-}
-function Gt(e) {
-  return Pe.addListener("change", e);
-}
-function At(e) {
-  const t = ee, n = { ...ee };
-  n.cursorFlags = e, ee = n, Pe.emit("change", {
-    prev: t,
-    next: n
-  });
-}
-function te(e) {
-  const t = ee;
-  ee = e, Pe.emit("change", {
-    prev: t,
-    next: e
-  });
-}
-function Ae(e) {
+function je(e) {
   if (e.defaultPrevented)
     return;
   if (e.pointerType === "mouse" && e.button > 0)
     return;
-  const t = X(), n = xe(e, t), o = /* @__PURE__ */ new Map();
+  const t = X(), n = we(e, t), o = /* @__PURE__ */ new Map();
   let i = !1;
   n.forEach((s) => {
     s.separator && (i || (i = !0, s.separator.element.focus({
@@ -1095,89 +1197,7 @@ function Ae(e) {
     state: "active"
   }), n.length && e.preventDefault();
 }
-const Ft = (e) => e, ye = () => {
-}, ot = 1, it = 2, rt = 4, st = 8, Fe = 3, Ne = 12;
-let de;
-function _e() {
-  return de === void 0 && (de = !1, typeof window < "u" && (window.navigator.userAgent.includes("Chrome") || window.navigator.userAgent.includes("Firefox")) && (de = !0)), de;
-}
-function Nt({
-  cursorFlags: e,
-  groups: t,
-  state: n
-}) {
-  let o = 0, i = 0;
-  switch (n) {
-    case "active":
-    case "hover":
-      t.forEach((s) => {
-        if (!s.mutableState.disableCursor)
-          switch (s.orientation) {
-            case "horizontal": {
-              o++;
-              break;
-            }
-            case "vertical": {
-              i++;
-              break;
-            }
-          }
-      });
-  }
-  if (!(o === 0 && i === 0)) {
-    switch (n) {
-      case "active": {
-        if (e && _e()) {
-          const s = (e & ot) !== 0, u = (e & it) !== 0, a = (e & rt) !== 0, r = (e & st) !== 0;
-          if (s)
-            return a ? "se-resize" : r ? "ne-resize" : "e-resize";
-          if (u)
-            return a ? "sw-resize" : r ? "nw-resize" : "w-resize";
-          if (a)
-            return "s-resize";
-          if (r)
-            return "n-resize";
-        }
-        break;
-      }
-    }
-    return _e() ? o > 0 && i > 0 ? "move" : o > 0 ? "ew-resize" : "ns-resize" : o > 0 && i > 0 ? "grab" : o > 0 ? "col-resize" : "row-resize";
-  }
-}
-const $e = /* @__PURE__ */ new WeakMap();
-function we(e) {
-  if (e.defaultView === null || e.defaultView === void 0)
-    return;
-  let { prevStyle: t, styleSheet: n } = $e.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
-  ]));
-  const o = K();
-  switch (o.state) {
-    case "active":
-    case "hover": {
-      const i = Nt({
-        cursorFlags: o.cursorFlags,
-        groups: o.hitRegions.map((u) => u.group),
-        state: o.state
-      }), s = `*, *:hover {cursor: ${i} !important; }`;
-      if (t === s)
-        return;
-      t = s, i ? n.cssRules.length === 0 ? n.insertRule(s) : n.replaceSync(s) : n.cssRules.length === 1 && n.deleteRule(0);
-      break;
-    }
-    case "inactive": {
-      t = void 0, n.cssRules.length === 1 && n.deleteRule(0);
-      break;
-    }
-  }
-  $e.set(e, {
-    prevStyle: t,
-    styleSheet: n
-  });
-}
-function at({
+function ut({
   document: e,
   event: t,
   hitRegions: n,
@@ -1210,15 +1230,15 @@ function at({
         prevLayout: g,
         trigger: "mouse-or-touch"
       });
-      if (B(M, g)) {
+      if (W(M, g)) {
         if (f !== 0 && !z)
           switch (p) {
             case "horizontal": {
-              a |= f < 0 ? ot : it;
+              a |= f < 0 ? et : tt;
               break;
             }
             case "vertical": {
-              a |= f < 0 ? rt : st;
+              a |= f < 0 ? nt : ot;
               break;
             }
           }
@@ -1233,13 +1253,13 @@ function at({
     }
   });
   let r = 0;
-  t.movementX === 0 ? r |= u & Fe : r |= a & Fe, t.movementY === 0 ? r |= u & Ne : r |= a & Ne, At(r), we(e);
+  t.movementX === 0 ? r |= u & Ie : r |= a & Ie, t.movementY === 0 ? r |= u & ke : r |= a & ke, Mt(r), xe(e);
 }
-function je(e) {
-  const t = X(), n = K();
+function He(e) {
+  const t = X(), n = B();
   switch (n.state) {
     case "active":
-      at({
+      ut({
         document: e.currentTarget,
         event: e,
         hitRegions: n.hitRegions,
@@ -1249,10 +1269,10 @@ function je(e) {
       });
   }
 }
-function He(e) {
+function Ve(e) {
   if (e.defaultPrevented)
     return;
-  const t = K(), n = X();
+  const t = B(), n = X();
   switch (t.state) {
     case "active": {
       if (
@@ -1275,7 +1295,7 @@ function He(e) {
           const { element: i } = o.separator;
           i.hasPointerCapture?.(e.pointerId) || i.setPointerCapture?.(e.pointerId);
         }
-      at({
+      ut({
         document: e.currentTarget,
         event: e,
         hitRegions: t.hitRegions,
@@ -1287,7 +1307,7 @@ function He(e) {
       break;
     }
     default: {
-      const o = xe(e, n);
+      const o = we(e, n);
       o.length === 0 ? t.state !== "inactive" && te({
         cursorFlags: 0,
         state: "inactive"
@@ -1295,14 +1315,14 @@ function He(e) {
         cursorFlags: 0,
         hitRegions: o,
         state: "hover"
-      }), we(e.currentTarget);
+      }), xe(e.currentTarget);
       break;
     }
   }
 }
-function Ve(e) {
+function Ue(e) {
   if (e.relatedTarget instanceof HTMLIFrameElement)
-    switch (K().state) {
+    switch (B().state) {
       case "hover":
         te({
           cursorFlags: 0,
@@ -1310,56 +1330,44 @@ function Ve(e) {
         });
     }
 }
-function Ue(e) {
+function Be(e) {
   if (e.defaultPrevented)
     return;
   if (e.pointerType === "mouse" && e.button > 0)
     return;
-  const t = K();
-  switch (t.state) {
-    case "active":
-      te({
-        cursorFlags: 0,
-        state: "inactive"
-      }), t.hitRegions.length > 0 && (we(e.currentTarget), t.hitRegions.forEach((n) => {
-        const o = H(n.group.id, !0);
-        j(n.group, o, {
-          isUserInteraction: !0
-        });
-      }), e.preventDefault());
-  }
+  rt(e.currentTarget) && e.preventDefault();
 }
-function Be(e) {
+function We(e) {
   let t = 0, n = 0;
   const o = {};
   for (const s of e)
     if (s.defaultSize !== void 0) {
       t++;
-      const u = O(s.defaultSize);
+      const u = T(s.defaultSize);
       n += u, o[s.panelId] = u;
     } else
       o[s.panelId] = void 0;
   const i = e.length - t;
   if (i !== 0) {
-    const s = O((100 - n) / i);
+    const s = T((100 - n) / i);
     for (const u of e)
       u.defaultSize === void 0 && (o[u.panelId] = s);
   }
   return o;
 }
-function _t(e, t, n) {
+function jt(e, t, n) {
   if (!n[0])
     return;
   const i = e.panels.find((l) => l.element === t);
   if (!i || !i.onResize)
     return;
   const s = ne({ group: e }), u = e.orientation === "horizontal" ? i.element.offsetWidth : i.element.offsetHeight, a = i.mutableValues.prevSize, r = {
-    asPercentage: O(u / s * 100),
+    asPercentage: T(u / s * 100),
     inPixels: u
   };
   i.mutableValues.prevSize = r, i.onResize(r, i.id, a);
 }
-function $t(e, t) {
+function Ht(e, t) {
   if (Object.keys(e).length !== Object.keys(t).length)
     return !1;
   for (const o in e)
@@ -1367,7 +1375,7 @@ function $t(e, t) {
       return !1;
   return !0;
 }
-function jt({
+function Vt({
   group: e,
   nextGroupSize: t,
   prevGroupSize: n,
@@ -1382,7 +1390,7 @@ function jt({
     switch (m.panelConstraints.groupResizeBehavior) {
       case "preserve-pixel-size": {
         u = !0;
-        const S = p / 100 * n, z = O(
+        const S = p / 100 * n, z = T(
           S / t * 100
         );
         a.set(m.id, z), i += z;
@@ -1403,12 +1411,12 @@ function jt({
   }), s > 0)
     for (const m of r) {
       const p = o[m] ?? 0;
-      c[m] = O(
+      c[m] = T(
         p / s * l
       );
     }
   else {
-    const m = O(
+    const m = T(
       l / r.length
     );
     for (const p of r)
@@ -1416,7 +1424,7 @@ function jt({
   }
   return c;
 }
-function Ht(e, t) {
+function Ut(e, t) {
   const n = e.map((i) => i.id), o = Object.keys(t);
   if (n.length !== o.length)
     return !1;
@@ -1426,7 +1434,7 @@ function Ht(e, t) {
   return !0;
 }
 const J = /* @__PURE__ */ new Map();
-function Vt(e) {
+function Bt(e) {
   let t = !0;
   C(
     e.element.ownerDocument.defaultView,
@@ -1443,16 +1451,16 @@ function Vt(e) {
           const v = H(e.id);
           if (!v)
             return;
-          const g = ve(e), w = v.defaultLayoutDeferred ? Be(g) : v.layout, M = jt({
+          const g = ve(e), w = v.defaultLayoutDeferred ? We(g) : v.layout, M = Vt({
             group: e,
             nextGroupSize: b,
             prevGroupSize: v.groupSize,
             prevLayout: w
-          }), L = W({
+          }), L = K({
             layout: M,
             panelConstraints: g
           });
-          if (!v.defaultLayoutDeferred && B(v.layout, L) && $t(
+          if (!v.defaultLayoutDeferred && W(v.layout, L) && Ht(
             v.derivedPanelConstraints,
             g
           ) && v.groupSize === b)
@@ -1466,7 +1474,7 @@ function Vt(e) {
           });
         }
       } else
-        _t(e, y, h);
+        jt(e, y, h);
     }
   });
   s.observe(e.element), e.panels.forEach((f) => {
@@ -1477,8 +1485,8 @@ function Vt(e) {
   });
   const u = ne({ group: e }), a = ve(e), r = e.panels.map(({ id: f }) => f).join(",");
   let l = e.mutableState.defaultLayout;
-  l && (Ht(e.panels, l) || (l = void 0));
-  const c = e.mutableState.layouts[r] ?? l ?? Be(a), m = W({
+  l && (Ut(e.panels, l) || (l = void 0));
+  const c = e.mutableState.layouts[r] ?? l ?? We(a), m = K({
     layout: c,
     panelConstraints: a
   }), p = e.element.ownerDocument;
@@ -1487,7 +1495,7 @@ function Vt(e) {
     (J.get(p) ?? 0) + 1
   );
   const S = /* @__PURE__ */ new Map();
-  return Je(e).forEach((f) => {
+  return Ze(e).forEach((f) => {
     f.separator && S.set(f.separator, f.panels);
   }), j(e, {
     defaultLayoutDeferred: u === 0,
@@ -1499,35 +1507,39 @@ function Vt(e) {
     C(
       !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", Ge);
-  }), J.get(p) === 1 && (p.addEventListener("dblclick", Te, !0), p.addEventListener("pointerdown", Ae, !0), p.addEventListener("pointerleave", je), p.addEventListener("pointermove", He), p.addEventListener("pointerout", Ve), p.addEventListener("pointerup", Ue, !0)), function() {
+    ), i.add(f.id), f.element.addEventListener("keydown", $e);
+  }), J.get(p) === 1 && (p.addEventListener("contextmenu", Ge, !0), p.addEventListener("dblclick", _e, !0), p.addEventListener("pointerdown", je, !0), p.addEventListener("pointerleave", He), p.addEventListener("pointermove", Ve), p.addEventListener("pointerout", Ue), p.addEventListener("pointerup", Be, !0)), function() {
     t = !1, J.set(
       p,
       Math.max(0, (J.get(p) ?? 0) - 1)
-    ), Lt(e), e.separators.forEach((d) => {
-      d.element.removeEventListener("keydown", Ge);
+    ), kt(e), e.separators.forEach((d) => {
+      d.element.removeEventListener("keydown", $e);
     }), J.get(p) || (p.removeEventListener(
+      "contextmenu",
+      Ge,
+      !0
+    ), p.removeEventListener(
       "dblclick",
-      Te,
+      _e,
       !0
     ), p.removeEventListener(
       "pointerdown",
-      Ae,
+      je,
       !0
-    ), p.removeEventListener("pointerleave", je), p.removeEventListener("pointermove", He), p.removeEventListener("pointerout", Ve), p.removeEventListener("pointerup", Ue, !0)), s.disconnect();
+    ), p.removeEventListener("pointerleave", He), p.removeEventListener("pointermove", Ve), p.removeEventListener("pointerout", Ue), p.removeEventListener("pointerup", Be, !0)), s.disconnect();
   };
 }
-function Ut() {
+function Wt() {
   const [e, t] = Q({}), n = re(() => t({}), []);
   return [e, n];
 }
 function Le(e) {
-  const t = pt();
+  const t = mt();
   return `${e ?? t}`;
 }
-const q = typeof window < "u" ? We : me;
+const q = typeof window < "u" ? Ke : me;
 function se(e) {
-  const t = T(e);
+  const t = O(e);
   return q(() => {
     t.current = e;
   }, [e]), re(
@@ -1553,26 +1565,26 @@ function Ce(...e) {
   });
 }
 function Re(e) {
-  const t = T({ ...e });
+  const t = O({ ...e });
   return q(() => {
     for (const n in e)
       t.current[n] = e[n];
   }, [e]), t.current;
 }
-const lt = ht(null);
-function Bt(e, t) {
-  const n = T({
+const ct = gt(null);
+function Kt(e, t) {
+  const n = O({
     getLayout: () => ({}),
-    setLayout: Ft
+    setLayout: Et
   });
-  Ke(t, () => n.current, []), q(() => {
+  Xe(t, () => n.current, []), q(() => {
     Object.assign(
       n.current,
-      nt({ groupId: e })
+      lt({ groupId: e })
     );
   });
 }
-function Wt({
+function Xt({
   children: e,
   className: t,
   defaultLayout: n,
@@ -1591,26 +1603,26 @@ function Wt({
   style: p,
   ...S
 }) {
-  const z = T({
+  const z = O({
     onLayoutChange: {},
     onLayoutChanged: {}
   }), f = se((x) => {
-    B(z.current.onLayoutChange, x) || (z.current.onLayoutChange = x, r?.(x));
+    W(z.current.onLayoutChange, x) || (z.current.onLayoutChange = x, r?.(x));
   }), d = se(
     (x, P) => {
-      B(z.current.onLayoutChanged, x) || (z.current.onLayoutChanged = x, l?.(x, { isUserInteraction: P }));
+      W(z.current.onLayoutChanged, x) || (z.current.onLayoutChanged = x, l?.(x, { isUserInteraction: P }));
     }
-  ), h = Le(a), y = T(null), [b, v] = Ut(), g = T({
+  ), h = Le(a), y = O(null), [b, v] = Wt(), g = O({
     lastExpandedPanelSizes: {},
     layouts: {},
     panels: [],
     resizeTargetMinimumSize: m,
     separators: []
   }), w = Ce(y, s);
-  Bt(h, u);
+  Kt(h, u);
   const M = se(
     (x, P) => {
-      const I = K(), R = Ie(x), E = H(x);
+      const I = B(), R = Oe(x), E = H(x);
       if (E) {
         let D = !1;
         switch (I.state) {
@@ -1669,7 +1681,7 @@ function Wt({
           (V) => V.id === x
         );
         R && (R.panelConstraints.disabled = P);
-        const E = Ie(h), D = H(h);
+        const E = Oe(h), D = H(h);
         E && D && j(E, {
           ...D,
           derivedPanelConstraints: ve(E)
@@ -1686,7 +1698,7 @@ function Wt({
       }
     }),
     [M, h, v, c, L]
-  ), N = T(null);
+  ), N = O(null);
   return q(() => {
     const x = y.current;
     if (x === null)
@@ -1716,30 +1728,30 @@ function Wt({
       separators: P.separators
     };
     N.current = R;
-    const E = Vt(R), { defaultLayoutDeferred: D, derivedPanelConstraints: V, layout: ue } = H(R.id, !0);
+    const E = Bt(R), { defaultLayoutDeferred: D, derivedPanelConstraints: V, layout: ue } = H(R.id, !0);
     !D && V.length > 0 && (f(ue), d(ue, !1));
-    const oe = ze(h, (_) => {
+    const oe = Pe(h, (_) => {
       const { defaultLayoutDeferred: Y, derivedPanelConstraints: Ee, layout: ce } = _.next;
       if (Y || Ee.length === 0)
         return;
-      const ut = R.panels.map(({ id: $ }) => $).join(",");
-      R.mutableState.layouts[ut] = ce, Ee.forEach(($) => {
+      const ft = R.panels.map(({ id: $ }) => $).join(",");
+      R.mutableState.layouts[ft] = ce, Ee.forEach(($) => {
         if ($.collapsible) {
           const { layout: ge } = _.prev ?? {};
           if (ge) {
-            const ft = k(
+            const pt = k(
               $.collapsedSize,
               ce[$.panelId]
-            ), dt = k(
+            ), ht = k(
               $.collapsedSize,
               ge[$.panelId]
             );
-            ft && !dt && (R.mutableState.expandedPanelSizes[$.panelId] = ge[$.panelId]);
+            pt && !ht && (R.mutableState.expandedPanelSizes[$.panelId] = ge[$.panelId]);
           }
         }
       });
-      const ct = K().state !== "active";
-      f(ce), ct && d(ce, _.isUserInteraction);
+      const dt = B().state !== "active";
+      f(ce), dt && d(ce, _.isUserInteraction);
     });
     return () => {
       N.current = null, E(), oe();
@@ -1755,7 +1767,7 @@ function Wt({
   ]), me(() => {
     const x = N.current;
     x && (x.mutableState.defaultLayout = n, x.mutableState.disableCursor = !!o);
-  }), /* @__PURE__ */ ae(lt.Provider, { value: G, children: /* @__PURE__ */ ae(
+  }), /* @__PURE__ */ ae(ct.Provider, { value: G, children: /* @__PURE__ */ ae(
     "div",
     {
       ...S,
@@ -1782,11 +1794,11 @@ function Wt({
     }
   ) });
 }
-Wt.displayName = "Group";
+Xt.displayName = "Group";
 function he(e, t) {
   return `react-resizable-panels:${[e, ...t].join(":")}`;
 }
-function Kt({
+function qt({
   id: e,
   panelIds: t,
   storage: n
@@ -1821,15 +1833,15 @@ function Kt({
     } catch {
     }
 }
-function on({
+function sn({
   debounceSaveMs: e = 100,
   onlySaveAfterUserInteractions: t,
   panelIds: n,
   storage: o = localStorage,
   ...i
 }) {
-  const s = n !== void 0, u = "id" in i ? i.id : i.groupId, a = he(u, n ?? []), r = Xe(
-    Xt,
+  const s = n !== void 0, u = "id" in i ? i.id : i.groupId, a = he(u, n ?? []), r = qe(
+    Yt,
     () => o.getItem(a),
     () => o.getItem(a)
   ), l = Se(() => {
@@ -1840,16 +1852,16 @@ function on({
     }
   }, [r]), c = Se(() => {
     if (!l)
-      return Kt({
+      return qt({
         id: u,
         panelIds: n,
         storage: o
       });
-  }, [l, u, n, o]), m = l ?? c, p = T(null), S = re(() => {
+  }, [l, u, n, o]), m = l ?? c, p = O(null), S = re(() => {
     const d = p.current;
     d && (p.current = null, clearTimeout(d));
   }, []);
-  We(() => () => {
+  Ke(() => () => {
     S();
   }, [S]);
   const z = re(
@@ -1902,25 +1914,25 @@ function on({
     onLayoutChanged: z
   };
 }
-function Xt() {
+function Yt() {
   return function() {
   };
 }
-function rn() {
+function an() {
   return Q(null);
 }
-function sn() {
-  return T(null);
+function ln() {
+  return O(null);
 }
 function Me() {
-  const e = mt(lt);
+  const e = yt(ct);
   return C(
     e,
     "Group Context not found; did you render a Panel or Separator outside of a Group?"
   ), e;
 }
-function qt(e, t) {
-  const { id: n } = Me(), o = T({
+function Jt(e, t) {
+  const { id: n } = Me(), o = O({
     collapse: ye,
     expand: ye,
     getSize: () => ({
@@ -1930,14 +1942,14 @@ function qt(e, t) {
     isCollapsed: () => !1,
     resize: ye
   });
-  Ke(t, () => o.current, []), q(() => {
+  Xe(t, () => o.current, []), q(() => {
     Object.assign(
       o.current,
-      tt({ groupId: n, panelId: e })
+      at({ groupId: n, panelId: e })
     );
   });
 }
-function Yt({
+function Zt({
   children: e,
   className: t,
   collapsedSize: n = "0%",
@@ -1956,7 +1968,7 @@ function Yt({
 }) {
   const f = !!r, d = Le(r), h = Re({
     disabled: s
-  }), y = T(null), b = Ce(y, u), {
+  }), y = O(null), b = Ce(y, u), {
     getPanelStyles: v,
     id: g,
     orientation: w,
@@ -2006,13 +2018,13 @@ function Yt({
     h
   ]), me(() => {
     L(d, { disabled: s });
-  }, [s, d, L]), qt(d, p);
+  }, [s, d, L]), Jt(d, p);
   const x = () => {
     const R = v(g, d);
     if (R)
       return JSON.stringify(R);
-  }, P = Xe(
-    (R) => ze(g, R),
+  }, P = qe(
+    (R) => Pe(g, R),
     x,
     x
   );
@@ -2031,7 +2043,7 @@ function Yt({
       id: d,
       ref: b,
       style: {
-        ...Jt,
+        ...Qt,
         display: "flex",
         flexBasis: 0,
         flexShrink: 1,
@@ -2060,8 +2072,8 @@ function Yt({
     }
   );
 }
-Yt.displayName = "Panel";
-const Jt = {
+Zt.displayName = "Panel";
+const Qt = {
   minHeight: 0,
   maxHeight: "100%",
   height: "auto",
@@ -2073,13 +2085,13 @@ const Jt = {
   padding: 0,
   margin: 0
 };
-function an() {
+function un() {
   return Q(null);
 }
-function ln() {
-  return T(null);
+function cn() {
+  return O(null);
 }
-function Zt({
+function en({
   layout: e,
   panelConstraints: t,
   panelId: n,
@@ -2091,7 +2103,7 @@ function Zt({
   );
   if (a) {
     const r = a.maxSize, l = a.collapsible ? a.collapsedSize : a.minSize, c = [o, o + 1];
-    s = W({
+    s = K({
       layout: le({
         delta: l - u,
         initialLayout: e,
@@ -2100,7 +2112,7 @@ function Zt({
         prevLayout: e
       }),
       panelConstraints: t
-    })[n], i = W({
+    })[n], i = K({
       layout: le({
         delta: r - u,
         initialLayout: e,
@@ -2118,7 +2130,7 @@ function Zt({
     valueNow: u
   };
 }
-function Qt({
+function tn({
   children: e,
   className: t,
   disabled: n,
@@ -2131,7 +2143,7 @@ function Qt({
   const r = Le(s), l = Re({
     disabled: n,
     disableDoubleClick: o
-  }), [c, m] = Q({}), [p, S] = Q("inactive"), [z, f] = Q(!1), d = T(null), h = Ce(d, i), {
+  }), [c, m] = Q({}), [p, S] = Q("inactive"), [z, f] = Q(!1), d = O(null), h = Ce(d, i), {
     disableCursor: y,
     id: b,
     orientation: v,
@@ -2146,7 +2158,7 @@ function Qt({
         disableDoubleClick: l.disableDoubleClick,
         element: N,
         id: r
-      }, P = g(x), I = Gt(
+      }, P = g(x), I = Rt(
         (E) => {
           S(
             E.next.state !== "inactive" && E.next.hitRegions.some(
@@ -2154,14 +2166,14 @@ function Qt({
             ) ? E.next.state : "inactive"
           );
         }
-      ), R = ze(
+      ), R = Pe(
         b,
         (E) => {
           const { derivedPanelConstraints: D, layout: V, separatorToPanels: ue } = E.next, oe = ue.get(x);
           if (oe) {
             const _ = oe[0], Y = oe.indexOf(_);
             m(
-              Zt({
+              en({
                 layout: V,
                 panelConstraints: D,
                 panelId: _.id,
@@ -2225,16 +2237,16 @@ function Qt({
     }
   );
 }
-Qt.displayName = "Separator";
+tn.displayName = "Separator";
 export {
-  Wt as Group,
-  Yt as Panel,
-  Qt as Separator,
-  wt as isCoarsePointer,
-  on as useDefaultLayout,
-  rn as useGroupCallbackRef,
-  sn as useGroupRef,
-  an as usePanelCallbackRef,
-  ln as usePanelRef
+  Xt as Group,
+  Zt as Panel,
+  tn as Separator,
+  Ct as isCoarsePointer,
+  sn as useDefaultLayout,
+  an as useGroupCallbackRef,
+  ln as useGroupRef,
+  un as usePanelCallbackRef,
+  cn as usePanelRef
 };
 //# sourceMappingURL=react-resizable-panels.js.map