react-resizable-panels 4.13.1 → 4.13.2

package/dist/react-resizable-panels.js

@@ -1,6 +1,6 @@
 "use client";
-import { jsx as U, 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 O, createContext as Lt, useContext as Ct, isValidElement as Rt, useImperativeHandle as et, useMemo as Pe, useSyncExternalStore as tt } from "react";
+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";
 function Mt(e, t) {
   const n = getComputedStyle(e), o = parseFloat(n.fontSize);
   return t * o;
@@ -15,7 +15,7 @@ function It(e) {
 function kt(e) {
   return e / 100 * window.innerWidth;
 }
-function Tt(e) {
+function Ot(e) {
   switch (typeof e) {
     case "number":
       return [e, "px"];
@@ -31,8 +31,8 @@ function ie({
   styleProp: n
 }) {
   let o;
-  const [r, s] = Tt(n);
-  switch (s) {
+  const [r, i] = Ot(n);
+  switch (i) {
     case "%": {
       o = r / 100 * e;
       break;
@@ -60,7 +60,7 @@ function ie({
   }
   return o;
 }
-function A(e) {
+function F(e) {
   return parseFloat(e.toFixed(3));
 }
 function ae({
@@ -81,59 +81,59 @@ function Le(e) {
     maxSize: 100,
     panelId: o.id
   })) : t.map((o) => {
-    const { element: r, panelConstraints: s } = o;
-    let i = 0;
-    if (s.collapsedSize !== void 0) {
+    const { element: r, panelConstraints: i } = o;
+    let s = 0;
+    if (i.collapsedSize !== void 0) {
       const f = ie({
         groupSize: n,
         panelElement: r,
-        styleProp: s.collapsedSize
+        styleProp: i.collapsedSize
       });
-      i = A(f / n * 100);
+      s = F(f / n * 100);
     }
     let u;
-    if (s.collapsedThreshold !== void 0) {
+    if (i.collapsedThreshold !== void 0) {
       const f = ie({
         groupSize: n,
         panelElement: r,
-        styleProp: s.collapsedThreshold
+        styleProp: i.collapsedThreshold
       });
-      u = A(f / n * 100);
+      u = F(f / n * 100);
     }
     let c;
-    if (s.defaultSize !== void 0) {
+    if (i.defaultSize !== void 0) {
       const f = ie({
         groupSize: n,
         panelElement: r,
-        styleProp: s.defaultSize
+        styleProp: i.defaultSize
       });
-      c = A(f / n * 100);
+      c = F(f / n * 100);
     }
     let a = 0;
-    if (s.minSize !== void 0) {
+    if (i.minSize !== void 0) {
       const f = ie({
         groupSize: n,
         panelElement: r,
-        styleProp: s.minSize
+        styleProp: i.minSize
       });
-      a = A(f / n * 100);
+      a = F(f / n * 100);
     }
     let l = 100;
-    if (s.maxSize !== void 0) {
+    if (i.maxSize !== void 0) {
       const f = ie({
         groupSize: n,
         panelElement: r,
-        styleProp: s.maxSize
+        styleProp: i.maxSize
       });
-      l = A(f / n * 100);
+      l = F(f / n * 100);
     }
     return {
-      groupResizeBehavior: s.groupResizeBehavior,
-      collapsedSize: i,
+      groupResizeBehavior: i.groupResizeBehavior,
+      collapsedSize: s,
       collapsedThreshold: u,
-      collapsible: s.collapsible === !0,
+      collapsible: i.collapsible === !0,
       defaultSize: c,
-      disabled: s.disabled,
+      disabled: i.disabled,
       minSize: a,
       maxSize: l,
       panelId: o.id
@@ -154,18 +154,18 @@ class nt {
       if (o.length === 1)
         o[0].call(null, n);
       else {
-        let r = !1, s = null;
-        const i = Array.from(o);
-        for (let u = 0; u < i.length; u++) {
-          const c = i[u];
+        let r = !1, i = null;
+        const s = Array.from(o);
+        for (let u = 0; u < s.length; u++) {
+          const c = s[u];
           try {
             c.call(null, n);
           } catch (a) {
-            s === null && (r = !0, s = a);
+            i === null && (r = !0, i = a);
           }
         }
         if (r)
-          throw s;
+          throw i;
       }
   }
   removeAllListeners() {
@@ -179,70 +179,72 @@ class nt {
     }
   }
 }
-let T = {
+let k = {
   cursorFlags: 0,
   state: "inactive"
 };
 const Re = new nt();
-function X() {
-  return T;
+function q() {
+  return k;
 }
 function ot(e) {
   return Re.addListener("change", e);
 }
-function Dt(e, t = [], n) {
-  const o = T, r = { ...T };
-  r.cursorFlags = e, r.state === "active" && (r.previews = t, n && (r.previewLayoutMap = n)), T = r, Re.emit("change", {
-    prev: o,
-    next: r
+function Tt(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", {
+    prev: r,
+    next: i
   });
 }
 function W(e) {
-  const t = T;
-  T = e, Re.emit("change", {
+  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", {
     prev: t,
     next: e
   });
 }
-function Ot(e) {
-  T.state !== "active" || !T.previews.some((t) => t.separator === e) || W({
-    ...T,
-    previews: T.previews.map(
+function Dt(e) {
+  k.state !== "active" || !k.previews.some((t) => t.separator === e) || W({
+    ...k,
+    previews: k.previews.map(
       (t) => t.separator === e ? { ...t } : t
     )
   });
 }
-function Gt(e) {
-  if (T.state === "inactive")
+function Nt(e) {
+  if (k.state === "inactive")
     return !1;
-  const t = T.hitRegions.filter(
+  const t = k.hitRegions.filter(
     (o) => o.group !== e
-  ), n = T.state === "active" && T.previews.some((o) => o.group === e);
-  if (t.length === T.hitRegions.length && !n)
+  ), n = k.state === "active" && k.previews.some((o) => o.group === e);
+  if (t.length === k.hitRegions.length && !n)
     return !1;
   if (t.length === 0)
     W({ cursorFlags: 0, state: "inactive" });
-  else if (T.state === "active") {
-    const o = new Map(T.initialLayoutMap), r = new Map(T.previewLayoutMap);
+  else if (k.state === "active") {
+    const o = new Map(k.initialLayoutMap), r = new Map(k.previewLayoutMap);
     o.delete(e), r.delete(e), W({
-      ...T,
+      ...k,
       cursorFlags: 0,
       hitRegions: t,
       initialLayoutMap: o,
       previewLayoutMap: r,
-      previews: T.previews.filter((s) => s.group !== e)
+      previews: k.previews.filter((i) => i.group !== e)
     });
   } else
-    W({ ...T, hitRegions: t });
+    W({ ...k, hitRegions: t });
   return !0;
 }
-const At = (e) => e, we = () => {
-}, rt = 1, it = 2, st = 4, at = 8, Fe = 3, Ne = 12;
+const Gt = (e) => e, we = () => {
+}, rt = 1, it = 2, st = 4, at = 8, Ae = 3, Fe = 12;
 let me;
 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 Ft({
+function At({
   cursorFlags: e,
   groups: t,
   state: n
@@ -251,9 +253,9 @@ function Ft({
   switch (n) {
     case "active":
     case "hover":
-      t.forEach((s) => {
-        if (!s.mutableState.disableCursor)
-          switch (s.orientation) {
+      t.forEach((i) => {
+        if (!i.mutableState.disableCursor)
+          switch (i.orientation) {
             case "horizontal": {
               o++;
               break;
@@ -269,10 +271,10 @@ function Ft({
     switch (n) {
       case "active": {
         if (e && _e()) {
-          const s = (e & rt) !== 0, i = (e & it) !== 0, u = (e & st) !== 0, c = (e & at) !== 0;
-          if (s)
-            return u ? "se-resize" : c ? "ne-resize" : "e-resize";
+          const i = (e & rt) !== 0, s = (e & it) !== 0, u = (e & st) !== 0, c = (e & at) !== 0;
           if (i)
+            return u ? "se-resize" : c ? "ne-resize" : "e-resize";
+          if (s)
             return u ? "sw-resize" : c ? "nw-resize" : "w-resize";
           if (u)
             return "s-resize";
@@ -294,18 +296,18 @@ function fe(e) {
     ...e.adoptedStyleSheets,
     n
   ]));
-  const o = X();
+  const o = q();
   switch (o.state) {
     case "active":
     case "hover": {
-      const r = Ft({
+      const r = At({
         cursorFlags: o.cursorFlags,
-        groups: o.hitRegions.map((i) => i.group),
+        groups: o.hitRegions.map((s) => s.group),
         state: o.state
-      }), s = `*, *:hover {cursor: ${r} !important; }`;
-      if (t === s)
+      }), i = `*, *:hover {cursor: ${r} !important; }`;
+      if (t === i)
         return;
-      t = s, r ? n.cssRules.length === 0 ? n.insertRule(s) : n.replaceSync(s) : n.cssRules.length === 1 && n.deleteRule(0);
+      t = i, r ? n.cssRules.length === 0 ? n.insertRule(i) : n.replaceSync(i) : n.cssRules.length === 1 && n.deleteRule(0);
       break;
     }
     case "inactive": {
@@ -323,11 +325,15 @@ function L(e, t = "Assertion error") {
     throw Error(t);
 }
 function Ce(e, t) {
-  return Array.from(t).sort(
-    e === "horizontal" ? Nt : _t
-  );
+  return Array.from(t).sort((n, o) => {
+    const r = e === "horizontal" ? Ft(n, o) : _t(n, o);
+    if (r !== 0)
+      return r;
+    const i = n.element.compareDocumentPosition(o.element);
+    return i & Node.DOCUMENT_POSITION_DISCONNECTED ? 0 : i & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : i & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
+  });
 }
-function Nt(e, t) {
+function Ft(e, t) {
   const n = e.element.offsetLeft - t.element.offsetLeft;
   return n !== 0 ? n : e.element.offsetWidth - t.element.offsetWidth;
 }
@@ -359,10 +365,10 @@ function $t({
     x: n.x + n.width / 2,
     y: n.y + n.height / 2
   };
-  let r, s = Number.MAX_VALUE;
-  for (const i of t) {
-    const { x: u, y: c } = ct(o, i), a = e === "horizontal" ? u : c;
-    a < s && (s = a, r = i);
+  let r, i = Number.MAX_VALUE;
+  for (const s of t) {
+    const { x: u, y: c } = ct(o, s), a = e === "horizontal" ? u : c;
+    a < i && (i = a, r = s);
   }
   return L(r, "No rect found"), r;
 }
@@ -375,151 +381,151 @@ function Me({
   group: t,
   includeDisabled: n = !1
 }) {
-  const { element: o, orientation: r, panels: s, separators: i } = t, u = Ce(
+  const { element: o, orientation: r, panels: i, separators: s } = t, u = Ce(
     r,
-    Array.from(o.children).filter(lt).filter((m) => !m.hasAttribute("data-resize-preview")).map((m) => ({ element: m }))
-  ).map(({ element: m }) => m), c = [];
-  let a = !1, l = !1, f = -1, y, d = -1, p = 0, h, v = [];
+    Array.from(o.children).filter(lt).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 = [];
   {
-    let m = -1;
-    for (const g of u)
-      g.hasAttribute("data-panel") && (m++, g.hasAttribute("data-disabled") || (p++, f === -1 && (f = m), d = m));
+    let h = -1;
+    for (const m of u)
+      m.hasAttribute("data-panel") && (h++, m.hasAttribute("data-disabled") || (g++, f === -1 && (f = h), p = h));
   }
-  if (n || p > 1) {
-    let m = -1;
-    for (const g of u)
-      if (g.hasAttribute("data-panel")) {
-        m++;
-        const x = s.find(
-          (b) => b.element === g
+  if (n || g > 1) {
+    let h = -1;
+    for (const m of u)
+      if (m.hasAttribute("data-panel")) {
+        h++;
+        const x = i.find(
+          (S) => S.element === m
         );
         if (x) {
-          if (h) {
-            const b = h.element.getBoundingClientRect(), z = g.getBoundingClientRect();
-            let E;
+          if (d) {
+            const S = d.element.getBoundingClientRect(), P = m.getBoundingClientRect();
+            let C;
             if (l) {
-              const R = r === "horizontal" ? new DOMRect(
-                b.right,
-                b.top,
+              const E = r === "horizontal" ? new DOMRect(
+                S.right,
+                S.top,
                 0,
-                b.height
+                S.height
               ) : new DOMRect(
-                b.left,
-                b.bottom,
-                b.width,
+                S.left,
+                S.bottom,
+                S.width,
                 0
-              ), w = r === "horizontal" ? new DOMRect(z.left, z.top, 0, z.height) : new DOMRect(z.left, z.top, z.width, 0);
+              ), w = r === "horizontal" ? new DOMRect(P.left, P.top, 0, P.height) : new DOMRect(P.left, P.top, P.width, 0);
               switch (v.length) {
                 case 0: {
-                  E = [
-                    R,
+                  C = [
+                    E,
                     w
                   ];
                   break;
                 }
                 case 1: {
-                  const C = v[0], F = $t({
+                  const R = v[0], N = $t({
                     orientation: r,
-                    rects: [b, z],
-                    targetRect: C.element.getBoundingClientRect()
+                    rects: [S, P],
+                    targetRect: R.element.getBoundingClientRect()
                   });
-                  E = [
-                    C,
-                    F === b ? w : R
+                  C = [
+                    R,
+                    N === S ? w : E
                   ];
                   break;
                 }
                 default: {
-                  E = v;
+                  C = v;
                   break;
                 }
               }
             } else
-              v.length ? E = v : E = [
+              v.length ? C = v : C = [
                 r === "horizontal" ? new DOMRect(
-                  b.right,
-                  z.top,
-                  z.left - b.right,
-                  z.height
+                  S.right,
+                  P.top,
+                  P.left - S.right,
+                  P.height
                 ) : new DOMRect(
-                  z.left,
-                  b.bottom,
-                  z.width,
-                  z.top - b.bottom
+                  P.left,
+                  S.bottom,
+                  P.width,
+                  P.top - S.bottom
                 )
               ];
-            for (const R of E) {
-              let w = "width" in R ? R : R.element.getBoundingClientRect();
-              const C = e ? Ht() ? t.resizeTargetMinimumSize.coarse : t.resizeTargetMinimumSize.fine : 0;
-              if (w.width < C) {
-                const I = C - w.width;
+            for (const E of C) {
+              let w = "width" in E ? E : E.element.getBoundingClientRect();
+              const R = e ? Ht() ? t.resizeTargetMinimumSize.coarse : t.resizeTargetMinimumSize.fine : 0;
+              if (w.width < R) {
+                const O = R - w.width;
                 w = new DOMRect(
-                  w.x - I / 2,
+                  w.x - O / 2,
                   w.y,
-                  w.width + I,
+                  w.width + O,
                   w.height
                 );
               }
-              if (w.height < C) {
-                const I = C - w.height;
+              if (w.height < R) {
+                const O = R - w.height;
                 w = new DOMRect(
                   w.x,
-                  w.y - I / 2,
+                  w.y - O / 2,
                   w.width,
-                  w.height + I
+                  w.height + O
                 );
               }
-              const F = m <= f || m > d;
-              (n || !a && !F) && (y ??= ae({ group: t }), c.push({
+              const N = h <= f || h > p;
+              (n || !a && !N) && (y ??= ae({ group: t }), c.push({
                 group: t,
                 groupSize: y,
-                panels: [h, x],
-                separator: "width" in R ? void 0 : R,
+                panels: [d, x],
+                separator: "width" in E ? void 0 : E,
                 rect: w
               })), a = !1;
             }
           }
-          l = !1, h = x, v = [];
+          l = !1, d = x, v = [];
         }
-      } else if (g.hasAttribute("data-separator")) {
-        g.ariaDisabled !== null && (a = !0);
-        const x = i.find(
-          (b) => b.element === g
+      } else if (m.hasAttribute("data-separator")) {
+        m.ariaDisabled !== null && (a = !0);
+        const x = s.find(
+          (S) => S.element === m
         );
-        x ? v.push(x) : (h = void 0, v = []);
+        x ? v.push(x) : (d = void 0, v = []);
       } else
         l = !0;
   }
   return c;
 }
-let B = /* @__PURE__ */ new Map();
+let U = /* @__PURE__ */ new Map();
 const ut = new nt();
 function Vt(e) {
-  B = new Map(B), B.delete(e);
+  U = new Map(U), U.delete(e);
 }
 function ft(e, t) {
-  for (const [n] of B)
+  for (const [n] of U)
     if (n.id === e)
       return n;
 }
 function Q(e, t) {
-  for (const [n, o] of B)
+  for (const [n, o] of U)
     if (n.id === e)
       return o;
   if (t)
     throw Error(`Could not find data for Group with id ${e}`);
 }
 function ee() {
-  return B;
+  return U;
 }
 function Ee(e, t) {
   return ut.addListener("groupChange", (n) => {
     n.group.id === e && t(n);
   });
 }
-function q(e, t, n) {
-  const o = B.get(e);
-  B = new Map(B), B.set(e, t), ut.emit("groupChange", {
+function X(e, t, n) {
+  const o = U.get(e);
+  U = new Map(U), U.set(e, t), ut.emit("groupChange", {
     group: e,
     isUserInteraction: n?.isUserInteraction === !0,
     prev: o,
@@ -534,11 +540,11 @@ function jt(e, t) {
       return !1;
   return !0;
 }
-function D(e, t, n = 0) {
-  return Math.abs(A(e) - A(t)) <= n;
+function T(e, t, n = 0) {
+  return Math.abs(F(e) - F(t)) <= n;
 }
 function j(e, t) {
-  return D(e, t) ? 0 : e > t ? 1 : -1;
+  return T(e, t) ? 0 : e > t ? 1 : -1;
 }
 function se({
   overrideDisabledPanels: e,
@@ -548,8 +554,8 @@ function se({
 }) {
   const {
     collapsedSize: r = 0,
-    collapsedThreshold: s,
-    collapsible: i,
+    collapsedThreshold: i,
+    collapsible: s,
     disabled: u,
     maxSize: c = 100,
     minSize: a = 0
@@ -557,12 +563,12 @@ function se({
   if (u && !e)
     return n;
   if (j(o, a) < 0)
-    if (i) {
-      const l = s ?? (a - r) / 2, f = j(n, r) <= 0, y = f ? r + l : a - l, d = j(o, y);
-      j(o, r) <= 0 || d < 0 || s !== void 0 && f && d === 0 ? o = r : o = a;
+    if (s) {
+      const l = i ?? (a - r) / 2, f = j(n, r) <= 0, y = f ? r + l : a - l, p = j(o, y);
+      j(o, r) <= 0 || p < 0 || i !== void 0 && f && p === 0 ? o = r : o = a;
     } else
       o = a;
-  return o = Math.min(c, o), o = A(o), o;
+  return o = Math.min(c, o), o = F(o), o;
 }
 function de({
   delta: e,
@@ -570,163 +576,163 @@ function de({
   panelConstraints: n,
   pivotIndices: o,
   prevLayout: r,
-  trigger: s
+  trigger: i
 }) {
-  if (D(e, 0))
+  if (T(e, 0))
     return t;
-  const i = s === "imperative-api", u = n.map(
-    ({ panelId: p }) => t[p]
+  const s = i === "imperative-api", u = n.map(
+    ({ panelId: g }) => t[g]
   ), c = n.map(
-    ({ panelId: p }) => r[p]
+    ({ panelId: g }) => r[g]
   ), a = [...u], [l, f] = o;
   L(l != null, "Invalid first pivot index"), L(f != null, "Invalid second pivot index");
   let y = 0;
-  switch (s) {
+  switch (i) {
     case "keyboard": {
       {
-        const p = e < 0 ? f : l, h = n[p];
+        const g = e < 0 ? f : l, d = n[g];
         L(
-          h,
-          `Panel constraints not found for index ${p}`
+          d,
+          `Panel constraints not found for index ${g}`
         );
         const {
           collapsedSize: v = 0,
-          collapsible: m,
-          minSize: g = 0
-        } = h;
-        if (m) {
-          const x = u[p];
+          collapsible: h,
+          minSize: m = 0
+        } = d;
+        if (h) {
+          const x = u[g];
           if (L(
             x != null,
-            `Previous layout not found for panel index ${p}`
-          ), D(x, v)) {
-            const b = g - x;
-            j(b, Math.abs(e)) > 0 && (e = e < 0 ? 0 - b : b);
+            `Previous layout not found for panel index ${g}`
+          ), T(x, v)) {
+            const S = m - x;
+            j(S, Math.abs(e)) > 0 && (e = e < 0 ? 0 - S : S);
           }
         }
       }
       {
-        const p = e < 0 ? l : f, h = n[p];
+        const g = e < 0 ? l : f, d = n[g];
         L(
-          h,
-          `No panel constraints found for index ${p}`
+          d,
+          `No panel constraints found for index ${g}`
         );
         const {
           collapsedSize: v = 0,
-          collapsible: m,
-          minSize: g = 0
-        } = h;
-        if (m) {
-          const x = u[p];
+          collapsible: h,
+          minSize: m = 0
+        } = d;
+        if (h) {
+          const x = u[g];
           if (L(
             x != null,
-            `Previous layout not found for panel index ${p}`
-          ), D(x, g)) {
-            const b = x - v;
-            j(b, Math.abs(e)) > 0 && (e = e < 0 ? 0 - b : b);
+            `Previous layout not found for panel index ${g}`
+          ), T(x, m)) {
+            const S = x - v;
+            j(S, Math.abs(e)) > 0 && (e = e < 0 ? 0 - S : S);
           }
         }
       }
       break;
     }
     default: {
-      const p = e < 0 ? f : l, h = n[p];
+      const g = e < 0 ? f : l, d = n[g];
       L(
-        h,
-        `Panel constraints not found for index ${p}`
+        d,
+        `Panel constraints not found for index ${g}`
       );
-      const v = u[p], { collapsedSize: m, collapsedThreshold: g, collapsible: x, minSize: b } = h;
-      if (x && j(v, b) < 0) {
-        const z = b - m, E = g ?? z / 2, R = v + Math.abs(e);
-        if (j(R, b) < 0) {
-          const w = j(Math.abs(e), E), C = g === void 0 && e < 0;
-          w > 0 || w === 0 && C ? e = e < 0 ? -z : z : e = 0;
+      const v = u[g], { collapsedSize: h, collapsedThreshold: m, collapsible: x, minSize: S } = d;
+      if (x && j(v, S) < 0) {
+        const P = S - h, C = m ?? P / 2, E = v + Math.abs(e);
+        if (j(E, S) < 0) {
+          const w = j(Math.abs(e), C), R = m === void 0 && e < 0;
+          w > 0 || w === 0 && R ? e = e < 0 ? -P : P : e = 0;
         }
       }
       break;
     }
   }
   {
-    const p = e < 0 ? 1 : -1;
-    let h = e < 0 ? f : l, v = 0;
+    const g = e < 0 ? 1 : -1;
+    let d = e < 0 ? f : l, v = 0;
     for (; ; ) {
-      const g = u[h];
+      const m = u[d];
       L(
-        g != null,
-        `Previous layout not found for panel index ${h}`
+        m != null,
+        `Previous layout not found for panel index ${d}`
       );
-      const b = se({
-        overrideDisabledPanels: i,
-        panelConstraints: n[h],
-        prevSize: g,
+      const S = se({
+        overrideDisabledPanels: s,
+        panelConstraints: n[d],
+        prevSize: m,
         size: 100
-      }) - g;
-      if (v += b, h += p, h < 0 || h >= n.length)
+      }) - m;
+      if (v += S, d += g, d < 0 || d >= n.length)
         break;
     }
-    const m = Math.min(Math.abs(e), Math.abs(v));
-    e = e < 0 ? 0 - m : m;
+    const h = Math.min(Math.abs(e), Math.abs(v));
+    e = e < 0 ? 0 - h : h;
   }
   {
-    let h = e < 0 ? l : f;
-    for (; h >= 0 && h < n.length; ) {
-      const v = Math.abs(e) - Math.abs(y), m = u[h];
+    let d = e < 0 ? l : f;
+    for (; d >= 0 && d < n.length; ) {
+      const v = Math.abs(e) - Math.abs(y), h = u[d];
       L(
-        m != null,
-        `Previous layout not found for panel index ${h}`
+        h != null,
+        `Previous layout not found for panel index ${d}`
       );
-      const g = m - v, x = se({
-        overrideDisabledPanels: i,
-        panelConstraints: n[h],
-        prevSize: m,
-        size: g
+      const m = h - v, x = se({
+        overrideDisabledPanels: s,
+        panelConstraints: n[d],
+        prevSize: h,
+        size: m
       });
-      if (!D(m, x) && (y += m - x, a[h] = x, y.toFixed(3).localeCompare(Math.abs(e).toFixed(3), void 0, {
+      if (!T(h, x) && (y += h - x, a[d] = x, y.toFixed(3).localeCompare(Math.abs(e).toFixed(3), void 0, {
         numeric: !0
       }) >= 0))
         break;
-      e < 0 ? h-- : h++;
+      e < 0 ? d-- : d++;
     }
   }
   if (jt(c, a))
     return r;
   {
-    const p = e < 0 ? f : l, h = u[p];
+    const g = e < 0 ? f : l, d = u[g];
     L(
-      h != null,
-      `Previous layout not found for panel index ${p}`
+      d != null,
+      `Previous layout not found for panel index ${g}`
     );
-    const v = h + y, m = se({
-      overrideDisabledPanels: i,
-      panelConstraints: n[p],
-      prevSize: h,
+    const v = d + y, h = se({
+      overrideDisabledPanels: s,
+      panelConstraints: n[g],
+      prevSize: d,
       size: v
     });
-    if (a[p] = m, !D(m, v)) {
-      let g = v - m, b = e < 0 ? f : l;
-      for (; b >= 0 && b < n.length; ) {
-        const z = a[b];
+    if (a[g] = h, !T(h, v)) {
+      let m = v - h, S = e < 0 ? f : l;
+      for (; S >= 0 && S < n.length; ) {
+        const P = a[S];
         L(
-          z != null,
-          `Previous layout not found for panel index ${b}`
+          P != null,
+          `Previous layout not found for panel index ${S}`
         );
-        const E = z + g, R = se({
-          overrideDisabledPanels: i,
-          panelConstraints: n[b],
-          prevSize: z,
-          size: E
+        const C = P + m, E = se({
+          overrideDisabledPanels: s,
+          panelConstraints: n[S],
+          prevSize: P,
+          size: C
         });
-        if (D(z, R) || (g -= R - z, a[b] = R), D(g, 0))
+        if (T(P, E) || (m -= E - P, a[S] = E), T(m, 0))
           break;
-        e > 0 ? b-- : b++;
+        e > 0 ? S-- : S++;
       }
     }
   }
-  const d = Object.values(a).reduce(
-    (p, h) => h + p,
+  const p = Object.values(a).reduce(
+    (g, d) => d + g,
     0
   );
-  return D(d, 100, 0.1) ? a.reduce((p, h, v) => (p[n[v].panelId] = h, p), {}) : r;
+  return T(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,78 +748,80 @@ function Ie({
   event: n,
   hitRegions: o,
   initialLayoutMap: r,
-  mountedGroups: s,
-  pointerDownAtPoint: i,
+  mountedGroups: i,
+  pointerDownAtPoint: s,
   prevCursorFlags: u
 }) {
   let c = 0;
-  const a = X();
+  const a = q();
   let l = a.state === "active" ? a.previews : [];
   const f = new Map(
     a.state === "active" ? a.previewLayoutMap : void 0
   );
-  o.forEach((d) => {
-    const { group: p, groupSize: h } = d, { orientation: v, panels: m } = p;
-    if (e && p.resizePreviewMode !== "separator")
+  o.forEach((g) => {
+    const { group: d, groupSize: v } = g, { orientation: h, panels: m } = d;
+    if (e && d.resizePreviewMode !== "separator")
       return;
-    const { disableCursor: g } = p.mutableState;
-    let x = 0;
-    i ? v === "horizontal" ? x = (n.clientX - i.x) / h * 100 : x = (n.clientY - i.y) / h * 100 : v === "horizontal" ? x = n.clientX < 0 ? -100 : 100 : x = n.clientY < 0 ? -100 : 100;
-    const b = r.get(p), z = s.get(p);
-    if (!b || !z)
+    const { disableCursor: x } = d.mutableState;
+    let S = 0;
+    s ? h === "horizontal" ? S = (n.clientX - s.x) / v * 100 : S = (n.clientY - s.y) / v * 100 : h === "horizontal" ? S = n.clientX < 0 ? -100 : 100 : S = n.clientY < 0 ? -100 : 100;
+    const P = r.get(d), C = i.get(d);
+    if (!P || !C)
       return;
     const {
       defaultLayoutDeferred: E,
-      derivedPanelConstraints: R,
-      groupSize: w,
-      layout: C,
-      separatorToPanels: F
-    } = z;
-    if (R && C && F) {
-      const I = p.resizePreviewMode === "separator" ? f.get(p) ?? C : C, M = de({
-        delta: x,
-        initialLayout: b,
-        panelConstraints: R,
-        pivotIndices: d.panels.map((N) => m.indexOf(N)),
+      derivedPanelConstraints: w,
+      groupSize: R,
+      layout: N,
+      separatorToPanels: O
+    } = C;
+    if (w && N && O) {
+      const I = d.resizePreviewMode === "separator" ? f.get(d) ?? N : N, G = de({
+        delta: S,
+        initialLayout: P,
+        panelConstraints: w,
+        pivotIndices: g.panels.map((_) => m.indexOf(_)),
         prevLayout: I,
         trigger: "mouse-or-touch"
       });
-      if (p.resizePreviewMode === "separator" && !e && !K(M, I)) {
-        f.set(p, M);
-        let N = 0;
-        const _ = m.map((S) => (N += M[S.id] - b[S.id], N * (h / 100)));
-        l = l.map((S) => {
-          if (S.group !== p)
-            return S;
-          const P = _[S.panelIndex];
-          return P === S.offset ? S : { ...S, offset: P };
+      if (d.resizePreviewMode === "separator" && !e && !K(G, I)) {
+        f.set(d, G);
+        let _ = 0;
+        const b = m.map((z) => (_ += G[z.id] - P[z.id], _ * (v / 100)));
+        l = l.map((z) => {
+          if (z.group !== d)
+            return z;
+          const M = b[z.panelIndex];
+          return M === z.offset ? z : { ...z, offset: M };
         });
       }
-      if (K(M, I) && x !== 0 && !g)
-        switch (v) {
+      if (K(G, I) && S !== 0 && !x)
+        switch (h) {
           case "horizontal": {
-            c |= x < 0 ? rt : it;
+            c |= S < 0 ? rt : it;
             break;
           }
           case "vertical": {
-            c |= x < 0 ? st : at;
+            c |= S < 0 ? st : at;
             break;
           }
         }
-      (p.resizePreviewMode !== "separator" || e) && !K(M, C) && q(d.group, {
+      (d.resizePreviewMode !== "separator" || e) && !K(G, N) && X(g.group, {
         defaultLayoutDeferred: E,
-        derivedPanelConstraints: R,
-        groupSize: w,
-        layout: M,
-        separatorToPanels: F
+        derivedPanelConstraints: w,
+        groupSize: R,
+        layout: G,
+        separatorToPanels: O
       });
     }
   });
   let y = 0;
-  n.movementX === 0 ? y |= u & Fe : y |= c & Fe, n.movementY === 0 ? y |= u & Ne : y |= c & Ne, Dt(y, l, f), fe(t);
+  n.movementX === 0 ? y |= u & Ae : y |= c & Ae, n.movementY === 0 ? y |= u & Fe : y |= c & Fe;
+  const p = a.state === "active" && (n.clientX !== a.pointerDownAtPoint.x || n.clientY !== a.pointerDownAtPoint.y);
+  Tt(y, l, f, p), fe(t);
 }
 function dt(e, t) {
-  const n = X(), o = ee();
+  const n = q(), o = ee();
   let r = !1;
   switch (n.state) {
     case "active":
@@ -829,11 +837,11 @@ function dt(e, t) {
       }), W({
         cursorFlags: 0,
         state: "inactive"
-      }), n.hitRegions.length > 0 && (fe(e), r = !0, n.hitRegions.forEach((s) => {
-        if (!o.has(s.group))
+      }), n.hitRegions.length > 0 && (fe(e), r = !0, n.hitRegions.forEach((i) => {
+        if (!o.has(i.group))
           return;
-        const i = Q(s.group.id, !0);
-        q(s.group, i, {
+        const s = Q(i.group.id, !0);
+        X(i.group, s, {
           isUserInteraction: !0
         });
       }));
@@ -843,20 +851,20 @@ function dt(e, t) {
 function He(e) {
   e.defaultPrevented || dt(e.currentTarget, e);
 }
-function Bt(e, t, n) {
+function Ut(e, t, n) {
   let o, r = {
     x: 1 / 0,
     y: 1 / 0
   };
-  for (const s of t) {
-    const i = ct(n, s.rect);
+  for (const i of t) {
+    const s = ct(n, i.rect);
     switch (e) {
       case "horizontal": {
-        i.x <= r.x && (o = s, r = i);
+        s.x <= r.x && (o = i, r = s);
         break;
       }
       case "vertical": {
-        i.y <= r.y && (o = s, r = i);
+        s.y <= r.y && (o = i, r = s);
         break;
       }
     }
@@ -866,14 +874,14 @@ function Bt(e, t, n) {
     hitRegion: o
   } : void 0;
 }
-function Ut(e) {
+function Bt(e) {
   return e !== null && typeof e == "object" && "nodeType" in e && e.nodeType === Node.DOCUMENT_FRAGMENT_NODE;
 }
 function Wt(e, t) {
   if (e === t) throw new Error("Cannot compare node with itself");
   const n = {
-    a: Be(e),
-    b: Be(t)
+    a: Ue(e),
+    b: Ue(t)
   };
   let o;
   for (; n.a.at(-1) === n.b.at(-1); )
@@ -887,40 +895,40 @@ function Wt(e, t) {
     b: je(Ve(n.b))
   };
   if (r.a === r.b) {
-    const s = o.childNodes, i = {
+    const i = o.childNodes, s = {
       a: n.a.at(-1),
       b: n.b.at(-1)
     };
-    let u = s.length;
+    let u = i.length;
     for (; u--; ) {
-      const c = s[u];
-      if (c === i.a) return 1;
-      if (c === i.b) return -1;
+      const c = i[u];
+      if (c === s.a) return 1;
+      if (c === s.b) return -1;
     }
   }
   return Math.sign(r.a - r.b);
 }
 const Kt = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
-function qt(e) {
+function Xt(e) {
   const t = getComputedStyle(pt(e) ?? e).display;
   return t === "flex" || t === "inline-flex";
 }
-function Xt(e) {
+function qt(e) {
   const t = getComputedStyle(e);
-  return !!(t.position === "fixed" || t.zIndex !== "auto" && (t.position !== "static" || qt(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");
+  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) {
   let t = e.length;
   for (; t--; ) {
     const n = e[t];
-    if (L(n, "Missing node"), Xt(n)) return n;
+    if (L(n, "Missing node"), qt(n)) return n;
   }
   return null;
 }
 function je(e) {
   return e && Number(getComputedStyle(e).zIndex) || 0;
 }
-function Be(e) {
+function Ue(e) {
   const t = [];
   for (; e; )
     t.push(e), e = pt(e);
@@ -928,7 +936,7 @@ function Be(e) {
 }
 function pt(e) {
   const { parentNode: t } = e;
-  return Ut(t) ? t.host : t;
+  return Bt(t) ? t.host : t;
 }
 function Yt(e, t) {
   return e.x < t.x + t.width && e.x + e.width > t.x && e.y < t.y + t.height && e.y + e.height > t.y;
@@ -957,64 +965,64 @@ function ke(e, t) {
   return t.forEach((o, r) => {
     if (r.disabled)
       return;
-    const s = Me({ group: r }), i = Bt(r.orientation, s, {
+    const i = Me({ group: r }), s = Ut(r.orientation, i, {
       x: e.clientX,
       y: e.clientY
     });
-    i && i.distance.x <= 0 && i.distance.y <= 0 && Jt({
+    s && s.distance.x <= 0 && s.distance.y <= 0 && Jt({
       groupElement: r.element,
-      hitRegion: i.hitRegion.rect,
+      hitRegion: s.hitRegion.rect,
       pointerEventTarget: e.target
-    }) && n.push(i.hitRegion);
+    }) && n.push(s.hitRegion);
   }), n;
 }
 function ne({
   layout: e,
   panelConstraints: t
 }) {
-  const n = t.map(({ panelId: i }) => e[i]), o = [...n], r = o.reduce(
-    (i, u) => i + u,
+  const n = t.map(({ panelId: s }) => e[s]), o = [...n], r = o.reduce(
+    (s, u) => s + u,
     0
   );
   if (Object.keys(e).length !== t.length)
     throw Error(
-      `Invalid ${t.length} panel layout: ${Object.values(e).map((i) => `${i}%`).join(", ")}`
+      `Invalid ${t.length} panel layout: ${Object.values(e).map((s) => `${s}%`).join(", ")}`
     );
-  if (!D(r, 100) && o.length > 0)
-    for (let i = 0; i < t.length; i++) {
-      const u = o[i];
-      L(u != null, `No layout data found for index ${i}`);
+  if (!T(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}`);
       const c = 100 / r * u;
-      o[i] = c;
+      o[s] = c;
     }
-  let s = 0;
-  for (let i = 0; i < t.length; i++) {
-    const u = n[i];
-    L(u != null, `No layout data found for index ${i}`);
-    const c = o[i];
-    L(c != null, `No layout data found for index ${i}`);
+  let i = 0;
+  for (let s = 0; s < t.length; s++) {
+    const u = n[s];
+    L(u != null, `No layout data found for index ${s}`);
+    const c = o[s];
+    L(c != null, `No layout data found for index ${s}`);
     const a = se({
       overrideDisabledPanels: !0,
-      panelConstraints: t[i],
+      panelConstraints: t[s],
       prevSize: u,
       size: c
     });
-    c != a && (s += c - a, o[i] = a);
+    c != a && (i += c - a, o[s] = a);
   }
-  if (!D(s, 0))
-    for (let i = 0; i < t.length; i++) {
-      const u = o[i];
-      L(u != null, `No layout data found for index ${i}`);
-      const c = u + s, a = se({
+  if (!T(i, 0))
+    for (let s = 0; s < t.length; s++) {
+      const u = o[s];
+      L(u != null, `No layout data found for index ${s}`);
+      const c = u + i, a = se({
         overrideDisabledPanels: !0,
-        panelConstraints: t[i],
+        panelConstraints: t[s],
         prevSize: u,
         size: c
       });
-      if (u !== a && (s -= a - u, o[i] = a, D(s, 0)))
+      if (u !== a && (i -= a - u, o[s] = a, T(i, 0)))
         break;
     }
-  return o.reduce((i, u, c) => (i[t[c].panelId] = u, i), {});
+  return o.reduce((s, u, c) => (s[t[c].panelId] = u, s), {});
 }
 function ht({
   groupId: e,
@@ -1028,8 +1036,8 @@ function ht({
         defaultLayoutDeferred: l,
         derivedPanelConstraints: f,
         layout: y,
-        groupSize: d,
-        separatorToPanels: p
+        groupSize: p,
+        separatorToPanels: g
       }
     ] of c)
       if (a.id === e)
@@ -1037,9 +1045,9 @@ function ht({
           defaultLayoutDeferred: l,
           derivedPanelConstraints: f,
           group: a,
-          groupSize: d,
+          groupSize: p,
           layout: y,
-          separatorToPanels: p
+          separatorToPanels: g
         };
     throw Error(`Group ${e} not found`);
   }, o = () => {
@@ -1054,112 +1062,112 @@ function ht({
     if (c !== void 0)
       return c;
     throw Error(`Layout not found for Panel ${t}`);
-  }, s = () => {
+  }, i = () => {
     const c = n().layout[t];
     if (c !== void 0)
       return c;
     throw Error(`Layout not found for Panel ${t}`);
-  }, i = ({
+  }, s = ({
     nextSize: c,
     panels: a,
     prevLayout: l,
     derivedPanelConstraints: f
   }) => {
-    const y = s(), d = a.findIndex((m) => m.id === t), p = d === 0, h = d === a.length - 1;
-    if (h && c < y && (p || a.slice(0, d).every((m, g) => {
-      const x = f[g];
-      return x?.collapsible && D(x.collapsedSize, l[x.panelId]);
+    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]);
     }))) {
-      const m = a.slice(0, d).reduce((g, x) => g + l[x.id], 0);
+      const h = a.slice(0, p).reduce((m, x) => m + l[x.id], 0);
       return {
         ...l,
-        [t]: A(100 - m)
+        [t]: F(100 - h)
       };
     }
     return de({
-      delta: h ? y - c : c - y,
+      delta: d ? y - c : c - y,
       initialLayout: l,
       panelConstraints: f,
-      pivotIndices: h ? [d - 1, d] : [d, d + 1],
+      pivotIndices: d ? [p - 1, p] : [p, p + 1],
       prevLayout: l,
       trigger: "imperative-api"
     });
   }, u = (c) => {
-    const a = s();
+    const a = i();
     if (c === a)
       return;
     const {
       defaultLayoutDeferred: l,
       derivedPanelConstraints: f,
       group: y,
-      groupSize: d,
-      layout: p,
-      separatorToPanels: h
-    } = n(), v = i({
+      groupSize: p,
+      layout: g,
+      separatorToPanels: d
+    } = n(), v = s({
       nextSize: c,
       panels: y.panels,
-      prevLayout: p,
+      prevLayout: g,
       derivedPanelConstraints: f
-    }), m = ne({
+    }), h = ne({
       layout: v,
       panelConstraints: f
     });
-    K(p, m) || q(y, {
+    K(g, h) || X(y, {
       defaultLayoutDeferred: l,
       derivedPanelConstraints: f,
-      groupSize: d,
-      layout: m,
-      separatorToPanels: h
+      groupSize: p,
+      layout: h,
+      separatorToPanels: d
     });
   };
   return {
     collapse: () => {
-      const { collapsible: c, collapsedSize: a } = o(), { mutableValues: l } = r(), f = s();
+      const { collapsible: c, collapsedSize: a } = o(), { mutableValues: l } = r(), f = i();
       c && f !== a && (l.expandToSize = f, u(a));
     },
     expand: () => {
-      const { collapsible: c, collapsedSize: a, minSize: l } = o(), { mutableValues: f } = r(), y = s();
+      const { collapsible: c, collapsedSize: a, minSize: l } = o(), { mutableValues: f } = r(), y = i();
       if (c && y === a) {
-        let d = f.expandToSize ?? l;
-        d === 0 && (d = 1), u(d);
+        let p = f.expandToSize ?? l;
+        p === 0 && (p = 1), u(p);
       }
     },
     getSize: () => {
-      const { group: c } = n(), a = s(), { element: l } = r(), f = c.orientation === "horizontal" ? l.offsetWidth : l.offsetHeight;
+      const { group: c } = n(), a = i(), { element: l } = r(), f = c.orientation === "horizontal" ? l.offsetWidth : l.offsetHeight;
       return {
         asPercentage: a,
         inPixels: f
       };
     },
     isCollapsed: () => {
-      const { collapsible: c, collapsedSize: a } = o(), l = s();
-      return c && D(a, l);
+      const { collapsible: c, collapsedSize: a } = o(), l = i();
+      return c && T(a, l);
     },
     resize: (c) => {
       const { group: a } = n(), { element: l } = r(), f = ae({ group: a }), y = ie({
         groupSize: f,
         panelElement: l,
         styleProp: c
-      }), d = A(y / f * 100);
-      u(d);
+      }), p = F(y / f * 100);
+      u(p);
     }
   };
 }
-function Ue(e) {
+function Be(e) {
   if (e.defaultPrevented)
     return;
   const t = ee();
   ke(e, t).forEach((o) => {
     if (o.separator && !o.separator.disableDoubleClick) {
       const r = o.panels.find(
-        (s) => s.panelConstraints.defaultSize !== void 0
+        (i) => i.panelConstraints.defaultSize !== void 0
       );
       if (r) {
-        const s = r.panelConstraints.defaultSize, i = ht({
+        const i = r.panelConstraints.defaultSize, s = ht({
           groupId: o.group.id,
           panelId: r.id
         });
-        i && s !== void 0 && (i.resize(s), e.preventDefault());
+        s && i !== void 0 && (s.resize(i), e.preventDefault());
       }
     }
   });
@@ -1192,18 +1200,18 @@ function mt({
       const {
         defaultLayoutDeferred: o,
         derivedPanelConstraints: r,
-        group: s,
-        groupSize: i,
+        group: i,
+        groupSize: s,
         layout: u,
         separatorToPanels: c
       } = t(), a = ne({
         layout: n,
         panelConstraints: r
       });
-      return o ? u : (K(u, a) || q(s, {
+      return o ? u : (K(u, a) || X(i, {
         defaultLayoutDeferred: o,
         derivedPanelConstraints: r,
-        groupSize: i,
+        groupSize: s,
         layout: a,
         separatorToPanels: c
       }), a);
@@ -1215,20 +1223,20 @@ function te(e, t) {
     (f) => f.element === e
   );
   L(r, "Matching separator not found");
-  const s = o.separatorToPanels.get(r);
-  L(s, "Matching panels not found");
-  const i = s.map((f) => n.panels.indexOf(f)), c = mt({ groupId: n.id }).getLayout(), a = de({
+  const i = o.separatorToPanels.get(r);
+  L(i, "Matching panels not found");
+  const s = i.map((f) => n.panels.indexOf(f)), c = mt({ groupId: n.id }).getLayout(), a = de({
     delta: t,
     initialLayout: c,
     panelConstraints: o.derivedPanelConstraints,
-    pivotIndices: i,
+    pivotIndices: s,
     prevLayout: c,
     trigger: "keyboard"
   }), l = ne({
     layout: a,
     panelConstraints: o.derivedPanelConstraints
   });
-  K(c, l) || q(
+  K(c, l) || X(
     n,
     {
       defaultLayoutDeferred: o.defaultLayoutDeferred,
@@ -1274,31 +1282,31 @@ function We(e) {
       }
       case "Enter": {
         e.preventDefault();
-        const r = ye(t), s = Q(r.id, !0), { derivedPanelConstraints: i, layout: u, separatorToPanels: c } = s, a = r.separators.find(
-          (d) => d.element === t
+        const r = ye(t), i = Q(r.id, !0), { derivedPanelConstraints: s, layout: u, separatorToPanels: c } = i, a = r.separators.find(
+          (p) => p.element === t
         );
         L(a, "Matching separator not found");
         const l = c.get(a);
         L(l, "Matching panels not found");
-        const f = l[0], y = i.find(
-          (d) => d.panelId === f.id
+        const f = l[0], y = s.find(
+          (p) => p.panelId === f.id
         );
         if (L(y, "Panel metadata not found"), y.collapsible) {
-          const d = u[f.id], p = y.collapsedSize === d ? r.mutableState.expandedPanelSizes[f.id] ?? y.minSize : y.collapsedSize;
-          te(t, p - d);
+          const p = u[f.id], g = y.collapsedSize === p ? r.mutableState.expandedPanelSizes[f.id] ?? y.minSize : y.collapsedSize;
+          te(t, g - p);
         }
         break;
       }
       case "F6": {
         e.preventDefault();
-        const s = ye(t).separators.map(
+        const i = ye(t).separators.map(
           (a) => a.element
-        ), i = Array.from(s).findIndex(
+        ), s = Array.from(i).findIndex(
           (a) => a === e.currentTarget
         );
-        L(i !== null, "Index not found");
-        const u = e.shiftKey ? i > 0 ? i - 1 : s.length - 1 : i + 1 < s.length ? i + 1 : 0;
-        s[u].focus({
+        L(s !== null, "Index not found");
+        const u = e.shiftKey ? s > 0 ? s - 1 : i.length - 1 : s + 1 < i.length ? s + 1 : 0;
+        i[u].focus({
           preventScroll: !0
         });
         break;
@@ -1310,32 +1318,32 @@ function We(e) {
     }
 }
 function Zt(e, t) {
-  const { element: n, orientation: o, panels: r } = e, s = n.getBoundingClientRect(), i = o === "horizontal";
+  const { element: n, orientation: o, panels: r } = e, i = n.getBoundingClientRect(), s = o === "horizontal";
   return Me({
     expandHitTargets: !1,
     group: e,
     includeDisabled: !0
   }).map(
     ({ panels: c, rect: a, separator: l }, f) => {
-      const y = r.indexOf(c[0]), d = i ? a.left + a.width / 2 : a.top + a.height / 2;
+      const y = r.indexOf(c[0]), p = s ? a.left + a.width / 2 : a.top + a.height / 2;
       return {
-        active: t.some((h) => {
-          if (h.group !== e || h.panels[0] !== c[0])
+        active: t.some((d) => {
+          if (d.group !== e || d.panels[0] !== c[0])
             return !1;
-          if (l || h.separator)
-            return h.separator === l;
-          const v = i ? h.rect.left + h.rect.width / 2 : h.rect.top + h.rect.height / 2;
-          return D(d, v);
+          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);
         }),
         group: e,
         key: l ? `separator-${l.id}` : `panel-${c[0].id}-${f}`,
         offset: 0,
         panelIndex: y,
         rect: new DOMRect(
-          (i && !l ? d : a.left) - s.left - n.clientLeft + n.scrollLeft,
-          (!i && !l ? d : a.top) - s.top - n.clientTop + n.scrollTop,
-          i && !l ? 0 : a.width,
-          !i && !l ? 0 : a.height
+          (s && !l ? p : a.left) - i.left - n.clientLeft + n.scrollLeft,
+          (!s && !l ? p : a.top) - i.top - n.clientTop + n.scrollTop,
+          s && !l ? 0 : a.width,
+          !s && !l ? 0 : a.height
         ),
         separator: l
       };
@@ -1352,30 +1360,31 @@ function Ke(e) {
     return;
   const o = /* @__PURE__ */ new Map();
   let r = !1;
-  n.forEach((i) => {
-    i.separator && (r || (r = !0, i.separator.element.focus({
+  n.forEach((s) => {
+    s.separator && (r || (r = !0, s.separator.element.focus({
       // @ts-expect-error https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/focus#browser_compatibility
       focusVisible: !1,
       preventScroll: !0
     })));
-    const u = t.get(i.group);
-    u && o.set(i.group, u.layout);
+    const u = t.get(s.group);
+    u && o.set(s.group, u.layout);
   });
-  const s = Array.from(o.keys()).flatMap(
-    (i) => i.resizePreviewMode === "separator" ? Zt(i, n) : []
+  const i = Array.from(o.keys()).flatMap(
+    (s) => s.resizePreviewMode === "separator" ? Zt(s, n) : []
   );
   W({
     cursorFlags: 0,
+    didPointerMove: !1,
     hitRegions: n,
     initialLayoutMap: o,
     pointerDownAtPoint: { x: e.clientX, y: e.clientY },
     previewLayoutMap: new Map(o),
-    previews: s,
+    previews: i,
     state: "active"
   }), e.preventDefault();
 }
-function qe(e) {
-  const t = ee(), n = X();
+function Xe(e) {
+  const t = ee(), n = q();
   switch (n.state) {
     case "active":
       Ie({
@@ -1389,10 +1398,10 @@ function qe(e) {
       });
   }
 }
-function Xe(e) {
+function qe(e) {
   if (e.defaultPrevented)
     return;
-  const t = X(), n = ee();
+  const t = q(), n = ee();
   switch (t.state) {
     case "active": {
       if (
@@ -1400,8 +1409,8 @@ function Xe(e) {
         e.buttons === 0
       ) {
         t.previewLayoutMap.forEach((o, r) => {
-          const s = n.get(r);
-          r.resizePreviewMode === "separator" && s && !K(o, s.layout) && q(r, { ...s, layout: o });
+          const i = n.get(r);
+          r.resizePreviewMode === "separator" && i && !K(o, i.layout) && X(r, { ...i, layout: o });
         }), W({
           cursorFlags: 0,
           state: "inactive"
@@ -1409,7 +1418,7 @@ function Xe(e) {
           if (!n.has(o.group))
             return;
           const r = Q(o.group.id, !0);
-          q(o.group, r, {
+          X(o.group, r, {
             isUserInteraction: !0
           });
         }), fe(e.currentTarget);
@@ -1448,7 +1457,7 @@ function Xe(e) {
 }
 function Ye(e) {
   if (e.relatedTarget instanceof HTMLIFrameElement)
-    switch (X().state) {
+    switch (q().state) {
       case "hover":
         W({
           cursorFlags: 0,
@@ -1469,18 +1478,18 @@ function Je(e) {
 function Qt(e) {
   let t = 0, n = 0;
   const o = {};
-  for (const s of e)
-    if (s.defaultSize !== void 0) {
+  for (const i of e)
+    if (i.defaultSize !== void 0) {
       t++;
-      const i = A(s.defaultSize);
-      n += i, o[s.panelId] = i;
+      const s = F(i.defaultSize);
+      n += s, o[i.panelId] = s;
     } else
-      o[s.panelId] = void 0;
+      o[i.panelId] = void 0;
   const r = e.length - t;
   if (r !== 0) {
-    const s = A((100 - n) / r);
-    for (const i of e)
-      i.defaultSize === void 0 && (o[i.panelId] = s);
+    const i = F((100 - n) / r);
+    for (const s of e)
+      s.defaultSize === void 0 && (o[s.panelId] = i);
   }
   return o;
 }
@@ -1506,9 +1515,9 @@ function tn(e, t, n) {
   const r = e.panels.find((a) => a.element === t);
   if (!r || !r.onResize)
     return;
-  const s = ae({ group: e }), i = e.orientation === "horizontal" ? r.element.offsetWidth : r.element.offsetHeight, u = r.mutableValues.prevSize, c = {
-    asPercentage: A(i / s * 100),
-    inPixels: i
+  const i = ae({ group: e }), s = e.orientation === "horizontal" ? r.element.offsetWidth : r.element.offsetHeight, u = r.mutableValues.prevSize, c = {
+    asPercentage: F(s / i * 100),
+    inPixels: s
   };
   r.mutableValues.prevSize = c, r.onResize(c, r.id, u);
 }
@@ -1531,40 +1540,40 @@ function on({
 }) {
   if (n <= 0 || t <= 0 || n === t)
     return o;
-  let r = 0, s = 0, i = !1;
+  let r = 0, i = 0, s = !1;
   const u = /* @__PURE__ */ new Map(), c = [];
   for (const f of e.panels) {
     const y = o[f.id] ?? 0;
     switch (f.panelConstraints.groupResizeBehavior) {
       case "preserve-pixel-size": {
-        i = !0;
-        const d = y / 100 * n, p = A(
-          d / t * 100
+        s = !0;
+        const p = y / 100 * n, g = F(
+          p / t * 100
         );
-        u.set(f.id, p), r += p;
+        u.set(f.id, g), r += g;
         break;
       }
       case "preserve-relative-size":
       default: {
-        c.push(f.id), s += y;
+        c.push(f.id), i += y;
         break;
       }
     }
   }
-  if (!i || c.length === 0)
+  if (!s || c.length === 0)
     return o;
   const a = 100 - r, l = { ...o };
   if (u.forEach((f, y) => {
     l[y] = f;
-  }), s > 0)
+  }), i > 0)
     for (const f of c) {
       const y = o[f] ?? 0;
-      l[f] = A(
-        y / s * a
+      l[f] = F(
+        y / i * a
       );
     }
   else {
-    const f = A(
+    const f = F(
       a / c.length
     );
     for (const y of c)
@@ -1579,53 +1588,53 @@ function rn(e) {
     e.element.ownerDocument.defaultView,
     "Cannot register an unmounted Group"
   );
-  const n = e.element.ownerDocument.defaultView.ResizeObserver, o = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set(), s = new n((d) => {
-    for (const p of d) {
-      const { borderBoxSize: h, target: v } = p;
+  const n = e.element.ownerDocument.defaultView.ResizeObserver, o = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set(), i = new n((p) => {
+    for (const g of p) {
+      const { borderBoxSize: d, target: v } = g;
       if (v === e.element) {
         if (t) {
-          const m = ae({ group: e });
-          if (m === 0)
+          const h = ae({ group: e });
+          if (h === 0)
             return;
-          const g = Q(e.id);
-          if (!g)
+          const m = Q(e.id);
+          if (!m)
             return;
-          const x = Le(e), b = g.defaultLayoutDeferred ? Ze({
+          const x = Le(e), S = m.defaultLayoutDeferred ? Ze({
             group: e,
             panelConstraints: x
-          }) : g.layout, z = on({
+          }) : m.layout, P = on({
             group: e,
-            nextGroupSize: m,
-            prevGroupSize: g.groupSize,
-            prevLayout: b
-          }), E = ne({
-            layout: z,
+            nextGroupSize: h,
+            prevGroupSize: m.groupSize,
+            prevLayout: S
+          }), C = ne({
+            layout: P,
             panelConstraints: x
           });
-          if (!g.defaultLayoutDeferred && K(g.layout, E) && nn(
-            g.derivedPanelConstraints,
+          if (!m.defaultLayoutDeferred && K(m.layout, C) && nn(
+            m.derivedPanelConstraints,
             x
-          ) && g.groupSize === m)
+          ) && m.groupSize === h)
             continue;
-          q(e, {
+          X(e, {
             defaultLayoutDeferred: !1,
             derivedPanelConstraints: x,
-            groupSize: m,
-            layout: E,
-            separatorToPanels: g.separatorToPanels
+            groupSize: h,
+            layout: C,
+            separatorToPanels: m.separatorToPanels
           });
         }
       } else
-        tn(e, v, h);
+        tn(e, v, d);
     }
   });
-  s.observe(e.element), e.panels.forEach((d) => {
+  i.observe(e.element), e.panels.forEach((p) => {
     L(
-      !o.has(d.id),
-      `Panel ids must be unique; id "${d.id}" was used more than once`
-    ), o.add(d.id), d.onResize && s.observe(d.element);
+      !o.has(p.id),
+      `Panel ids must be unique; id "${p.id}" was used more than once`
+    ), o.add(p.id), p.onResize && i.observe(p.element);
   });
-  const i = ae({ group: e }), u = Le(e), c = Ze({
+  const s = ae({ group: e }), u = Le(e), c = Ze({
     group: e,
     panelConstraints: u
   }), a = ne({
@@ -1637,51 +1646,51 @@ function rn(e) {
     (re.get(l) ?? 0) + 1
   );
   const f = /* @__PURE__ */ new Map();
-  return Me({ group: e, includeDisabled: !0 }).forEach((d) => {
-    d.separator && f.set(d.separator, d.panels);
-  }), q(e, {
-    defaultLayoutDeferred: i === 0,
+  return Me({ group: e, includeDisabled: !0 }).forEach((p) => {
+    p.separator && f.set(p.separator, p.panels);
+  }), X(e, {
+    defaultLayoutDeferred: s === 0,
     derivedPanelConstraints: u,
-    groupSize: i,
+    groupSize: s,
     layout: a,
     separatorToPanels: f
-  }), e.separators.forEach((d) => {
+  }), e.separators.forEach((p) => {
     L(
-      !r.has(d.id),
-      `Separator ids must be unique; id "${d.id}" was used more than once`
-    ), r.add(d.id), d.element.addEventListener("keydown", We);
-  }), re.get(l) === 1 && (l.addEventListener("contextmenu", He, !0), l.addEventListener("dblclick", Ue, !0), l.addEventListener("pointerdown", Ke, !0), l.addEventListener("pointerleave", qe), l.addEventListener("pointermove", Xe), l.addEventListener("pointerout", Ye), l.addEventListener("pointerup", Je, !0)), function() {
+      !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() {
     t = !1, re.set(
       l,
       Math.max(0, (re.get(l) ?? 0) - 1)
-    ), Vt(e), Gt(e) && fe(l), e.separators.forEach((p) => {
-      p.element.removeEventListener("keydown", We);
+    ), Vt(e), Nt(e) && fe(l), e.separators.forEach((g) => {
+      g.element.removeEventListener("keydown", We);
     }), re.get(l) || (l.removeEventListener(
       "contextmenu",
       He,
       !0
     ), l.removeEventListener(
       "dblclick",
-      Ue,
+      Be,
       !0
     ), l.removeEventListener(
       "pointerdown",
       Ke,
       !0
-    ), l.removeEventListener("pointerleave", qe), l.removeEventListener("pointermove", Xe), l.removeEventListener("pointerout", Ye), l.removeEventListener("pointerup", Je, !0)), s.disconnect();
+    ), l.removeEventListener("pointerleave", Xe), l.removeEventListener("pointermove", qe), l.removeEventListener("pointerout", Ye), l.removeEventListener("pointerup", Je, !0)), i.disconnect();
   };
 }
 function sn() {
   const [e, t] = Z({}), n = ce(() => t({}), []);
   return [e, n];
 }
-function Te(e) {
+function Oe(e) {
   const t = Pt();
   return `${e ?? t}`;
 }
 const V = typeof window < "u" ? Qe : Se;
 function ue(e) {
-  const t = O(e);
+  const t = D(e);
   return V(() => {
     t.current = e;
   }, [e]), ce(
@@ -1689,7 +1698,7 @@ function ue(e) {
     [t]
   );
 }
-function De(...e) {
+function Te(...e) {
   return ue((t) => {
     e.forEach((n) => {
       if (n)
@@ -1706,8 +1715,8 @@ function De(...e) {
     });
   });
 }
-function Oe(e) {
-  const t = O({ ...e });
+function De(e) {
+  const t = D({ ...e });
   return V(() => {
     for (const n in e)
       t.current[n] = e[n];
@@ -1717,13 +1726,13 @@ const yt = Lt(null);
 function an({
   separator: e
 }) {
-  const { element: t } = e, n = O(null);
+  const { element: t } = e, n = D(null);
   return V(() => {
-    const o = t.cloneNode(!0), r = [t, ...t.querySelectorAll("*")], s = [o, ...o.querySelectorAll("*")], i = t.ownerDocument.defaultView;
+    const o = t.cloneNode(!0), r = [t, ...t.querySelectorAll("*")], i = [o, ...o.querySelectorAll("*")], s = t.ownerDocument.defaultView;
     return r.forEach((u, c) => {
-      const a = s[c];
-      if (a instanceof i.HTMLElement || a instanceof i.SVGElement) {
-        const l = i.getComputedStyle(u);
+      const a = i[c];
+      if (a instanceof s.HTMLElement || a instanceof s.SVGElement) {
+        const l = s.getComputedStyle(u);
         for (let f = 0; f < l.length; f++) {
           const y = l.item(f);
           a.style.setProperty(
@@ -1741,7 +1750,7 @@ function an({
       transform: "none",
       width: "100%"
     }), n.current.appendChild(o), () => o.remove();
-  }, [t]), /* @__PURE__ */ U(
+  }, [t]), /* @__PURE__ */ B(
     "div",
     {
       ref: n,
@@ -1762,7 +1771,7 @@ function be() {
   ), e;
 }
 function vt(e) {
-  const { registerOverlay: t } = be(), n = O(e);
+  const { registerOverlay: t } = be(), n = D(e);
   gt(n.current, e) || (n.current = e);
   const o = n.current;
   return V(
@@ -1794,7 +1803,7 @@ function ln({
       break;
     }
   }
-  return /* @__PURE__ */ U(
+  return /* @__PURE__ */ B(
     "div",
     {
       ...o,
@@ -1812,16 +1821,16 @@ function cn({
   overlay: e,
   preview: t
 }) {
-  const { group: n, offset: o, rect: r, separator: s } = t, i = n.orientation === "horizontal";
-  let u = s?.preview, c = e;
-  return Rt(u) && u.type === vt && (c = u.props, u = void 0), u == null && (c ? u = /* @__PURE__ */ U(
+  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,
     {
       ...c,
       active: t.active,
       orientation: n.orientation
     }
-  ) : s && (u = /* @__PURE__ */ U(an, { separator: s }))), /* @__PURE__ */ U(
+  ) : i && (u = /* @__PURE__ */ B(an, { separator: i }))), /* @__PURE__ */ B(
     "div",
     {
       "aria-hidden": "true",
@@ -1833,7 +1842,7 @@ function cn({
         pointerEvents: "none",
         position: "absolute",
         top: r.top,
-        transform: i ? `translateX(${o}px)` : `translateY(${o}px)`,
+        transform: s ? `translateX(${o}px)` : `translateY(${o}px)`,
         width: r.width
       },
       children: u
@@ -1841,9 +1850,9 @@ function cn({
   );
 }
 function un(e, t) {
-  const n = O({
+  const n = D({
     getLayout: () => ({}),
-    setLayout: At
+    setLayout: Gt
   });
   et(t, () => n.current, []), V(() => {
     Object.assign(
@@ -1856,24 +1865,24 @@ function fn({
   groupId: e,
   resizePreviewMode: t
 }) {
-  const [n, o] = Z([]), r = O(n);
+  const [n, o] = Z([]), r = D(n);
   return V(() => {
-    const s = (u) => {
+    const i = (u) => {
       const c = ft(e), a = t === "separator" && u.state === "active" ? u.previews.filter(
-        (f) => f.group === c && (f.active || !D(f.offset, 0))
+        (f) => f.group === c && (f.active || !T(f.offset, 0))
       ) : [], l = r.current;
       l.length === a.length && a.every(
         (f, y) => f === l[y]
       ) || (r.current = a, o(a));
     };
     if (t !== "separator") {
-      s(X());
+      i(q());
       return;
     }
-    const i = ot(
-      ({ next: u }) => s(u)
+    const s = ot(
+      ({ next: u }) => i(u)
     );
-    return s(X()), i;
+    return i(q()), s;
   }, [e, t]), n;
 }
 function dn({
@@ -1882,8 +1891,8 @@ function dn({
   defaultLayout: n,
   disableCursor: o,
   disabled: r,
-  elementRef: s,
-  groupRef: i,
+  elementRef: i,
+  groupRef: s,
   id: u,
   onLayoutChange: c,
   onLayoutChanged: a,
@@ -1893,187 +1902,187 @@ function dn({
     coarse: 20,
     fine: 10
   },
-  style: d,
-  ...p
+  style: p,
+  ...g
 }) {
-  const h = O({
+  const d = D({
     onLayoutChange: {},
     onLayoutChanged: {}
-  }), v = ue((S) => {
-    K(h.current.onLayoutChange, S) || (h.current.onLayoutChange = S, c?.(S));
-  }), m = ue(
-    (S, P) => {
-      K(h.current.onLayoutChanged, S) || (h.current.onLayoutChanged = S, a?.(S, { isUserInteraction: P }));
+  }), v = ue((b) => {
+    K(d.current.onLayoutChange, b) || (d.current.onLayoutChange = b, c?.(b));
+  }), h = ue(
+    (b, z) => {
+      K(d.current.onLayoutChanged, b) || (d.current.onLayoutChanged = b, a?.(b, { isUserInteraction: z }));
     }
-  ), g = Te(u), [x, b] = Z(), z = fn({
-    groupId: g,
+  ), m = Oe(u), [x, S] = Z(), P = fn({
+    groupId: m,
     resizePreviewMode: f
-  }), E = O(null), [R, w] = sn(), C = O({
+  }), C = D(null), [E, w] = sn(), R = D({
     lastExpandedPanelSizes: {},
     layouts: {},
     panels: [],
     separators: []
-  }), F = De(E, s);
-  un(g, i);
-  const I = ue(
-    (S, P) => {
-      const k = Q(S);
-      if (k)
+  }), N = Te(C, i);
+  un(m, s);
+  const O = ue(
+    (b, z) => {
+      const M = Q(b);
+      if (M)
         return {
-          flexGrow: k.layout[P] ?? 1
+          flexGrow: M.layout[z] ?? 1
         };
-      if (n?.[P])
+      if (n?.[z])
         return {
-          flexGrow: n?.[P]
+          flexGrow: n?.[z]
         };
     }
-  ), M = Oe({
+  ), I = De({
     defaultLayout: n,
     disableCursor: o,
     resizeTargetMinimumSize: y
-  }), N = Pe(
+  }), G = Pe(
     () => ({
       get disableCursor() {
-        return !!M.disableCursor;
+        return !!I.disableCursor;
       },
-      getPanelStyles: I,
-      id: g,
+      getPanelStyles: O,
+      id: m,
       orientation: l,
-      registerPanel: (S) => {
-        const P = C.current;
-        return P.panels = Ce(l, [
-          ...P.panels,
-          S
+      registerPanel: (b) => {
+        const z = R.current;
+        return z.panels = Ce(l, [
+          ...z.panels,
+          b
         ]), w(), () => {
-          P.panels = P.panels.filter(
-            (k) => k !== S
+          z.panels = z.panels.filter(
+            (M) => M !== b
           ), w();
         };
       },
-      registerOverlay: (S) => (b(S), () => {
-        b(void 0);
+      registerOverlay: (b) => (S(b), () => {
+        S(void 0);
       }),
-      registerSeparator: (S) => {
-        const P = C.current;
-        return P.separators = Ce(l, [
-          ...P.separators,
-          S
+      registerSeparator: (b) => {
+        const z = R.current;
+        return z.separators = Ce(l, [
+          ...z.separators,
+          b
         ]), w(), () => {
-          P.separators = P.separators.filter(
-            (k) => k !== S
+          z.separators = z.separators.filter(
+            (M) => M !== b
           ), w();
         };
       },
-      updatePanelProps: (S, { disabled: P }) => {
-        const G = C.current.panels.find(
-          (oe) => oe.id === S
+      updatePanelProps: (b, { disabled: z }) => {
+        const A = R.current.panels.find(
+          (oe) => oe.id === b
         );
-        G && (G.panelConstraints.disabled = P);
-        const $ = ft(g), Y = Q(g);
-        $ && Y && q($, {
+        A && (A.panelConstraints.disabled = z);
+        const $ = ft(m), Y = Q(m);
+        $ && Y && X($, {
           ...Y,
           derivedPanelConstraints: Le($)
         });
       },
-      updateSeparatorProps: (S, {
-        disabled: P,
-        disableDoubleClick: k
+      updateSeparatorProps: (b, {
+        disabled: z,
+        disableDoubleClick: M
       }) => {
-        const $ = C.current.separators.find(
-          (Y) => Y.id === S
+        const $ = R.current.separators.find(
+          (Y) => Y.id === b
         );
-        $ && ($.disabled = P, $.disableDoubleClick = k);
+        $ && ($.disabled = z, $.disableDoubleClick = M);
       }
     }),
-    [I, g, w, l, M]
-  ), _ = O(null);
+    [O, m, w, l, I]
+  ), _ = D(null);
   return V(() => {
-    const S = E.current;
-    if (S === null)
+    const b = C.current;
+    if (b === null)
       return;
-    const P = C.current;
-    let k;
-    if (M.defaultLayout !== void 0 && Object.keys(M.defaultLayout).length === P.panels.length) {
-      k = {};
-      for (const J of P.panels) {
-        const pe = M.defaultLayout[J.id];
-        pe !== void 0 && (k[J.id] = pe);
+    const z = R.current;
+    let M;
+    if (I.defaultLayout !== void 0 && Object.keys(I.defaultLayout).length === z.panels.length) {
+      M = {};
+      for (const J of z.panels) {
+        const pe = I.defaultLayout[J.id];
+        pe !== void 0 && (M[J.id] = pe);
       }
     }
-    const G = {
+    const A = {
       disabled: !!r,
-      element: S,
-      id: g,
+      element: b,
+      id: m,
       mutableState: {
-        defaultLayout: k,
-        disableCursor: !!M.disableCursor,
-        expandedPanelSizes: C.current.lastExpandedPanelSizes,
-        layouts: C.current.layouts
+        defaultLayout: M,
+        disableCursor: !!I.disableCursor,
+        expandedPanelSizes: R.current.lastExpandedPanelSizes,
+        layouts: R.current.layouts
       },
       orientation: l,
-      panels: P.panels,
+      panels: z.panels,
       resizePreviewMode: f,
       get resizeTargetMinimumSize() {
-        return M.resizeTargetMinimumSize;
+        return I.resizeTargetMinimumSize;
       },
-      separators: P.separators
+      separators: z.separators
     };
-    _.current = G;
-    const $ = rn(G), { defaultLayoutDeferred: Y, derivedPanelConstraints: oe, layout: le } = Q(G.id, !0);
-    !Y && oe.length > 0 && (v(le), m(le, !1));
-    const xe = Ee(g, (J) => {
-      const { defaultLayoutDeferred: pe, derivedPanelConstraints: Ge, layout: he } = J.next;
-      if (pe || Ge.length === 0)
+    _.current = A;
+    const $ = rn(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)
         return;
-      const St = G.panels.map(({ id: H }) => H).join(",");
-      G.mutableState.layouts[St] = he, Ge.forEach((H) => {
+      const St = A.panels.map(({ id: H }) => H).join(",");
+      A.mutableState.layouts[St] = he, Ne.forEach((H) => {
         if (H.collapsible) {
           const { layout: ze } = J.prev ?? {};
           if (ze) {
-            const xt = D(
+            const xt = T(
               H.collapsedSize,
               he[H.panelId]
-            ), zt = D(
+            ), zt = T(
               H.collapsedSize,
               ze[H.panelId]
             );
-            xt && !zt && (G.mutableState.expandedPanelSizes[H.panelId] = ze[H.panelId]);
+            xt && !zt && (A.mutableState.expandedPanelSizes[H.panelId] = ze[H.panelId]);
           }
         }
       });
-      const Ae = X(), bt = Ae.state !== "active" || !Ae.hitRegions.some((H) => H.group === G);
-      v(he), bt && m(he, J.isUserInteraction);
+      const Ge = q(), bt = Ge.state !== "active" || !Ge.hitRegions.some((H) => H.group === A);
+      v(he), bt && h(he, J.isUserInteraction);
     });
     return () => {
       _.current = null, $(), xe();
     };
   }, [
     r,
-    g,
     m,
+    h,
     v,
     l,
-    R,
+    E,
     f,
-    M
+    I
   ]), Se(() => {
-    const S = _.current;
-    S && (S.mutableState.defaultLayout = n, S.mutableState.disableCursor = !!o);
-  }), /* @__PURE__ */ U(yt.Provider, { value: N, children: /* @__PURE__ */ wt(
+    const b = _.current;
+    b && (b.mutableState.defaultLayout = n, b.mutableState.disableCursor = !!o);
+  }), /* @__PURE__ */ B(yt.Provider, { value: G, children: /* @__PURE__ */ wt(
     "div",
     {
-      ...p,
+      ...g,
       className: t,
       "data-group": !0,
-      "data-testid": g,
-      id: g,
-      ref: F,
+      "data-testid": m,
+      id: m,
+      ref: N,
       style: {
         height: "100%",
         width: "100%",
         overflow: "hidden",
         position: f === "separator" ? "relative" : void 0,
-        ...d,
+        ...p,
         display: "flex",
         flexDirection: l === "horizontal" ? "row" : "column",
         flexWrap: "nowrap",
@@ -2085,13 +2094,13 @@ function dn({
       },
       children: [
         e,
-        z.map((S) => /* @__PURE__ */ U(
+        P.map((b) => /* @__PURE__ */ B(
           cn,
           {
             overlay: x,
-            preview: S
+            preview: b
           },
-          S.key
+          b.key
         ))
       ]
     }
@@ -2109,9 +2118,9 @@ function pn({
   const o = ve(e, []), r = n.getItem(o);
   if (r)
     try {
-      const s = JSON.parse(r);
+      const i = JSON.parse(r);
       if (t) {
-        const i = t.join(","), u = s[i];
+        const s = t.join(","), u = i[s];
         if (u && Array.isArray(u.layout) && t.length === u.layout.length) {
           const c = {};
           for (let a = 0; a < t.length; a++)
@@ -2119,11 +2128,11 @@ function pn({
           return c;
         }
       } else {
-        const i = Object.keys(s);
-        if (i.length === 1) {
-          const u = s[i[0]];
+        const s = Object.keys(i);
+        if (s.length === 1) {
+          const u = i[s[0]];
           if (u && Array.isArray(u.layout)) {
-            const c = i[0].split(",");
+            const c = s[0].split(",");
             if (c.length === u.layout.length) {
               const a = {};
               for (let l = 0; l < c.length; l++)
@@ -2143,62 +2152,62 @@ function zn({
   storage: o = localStorage,
   ...r
 }) {
-  const s = n !== void 0, i = "id" in r ? r.id : r.groupId, u = ve(i, n ?? []), c = tt(
+  const i = n !== void 0, s = "id" in r ? r.id : r.groupId, u = ve(s, n ?? []), c = tt(
     hn,
     () => o.getItem(u),
     () => o.getItem(u)
   ), a = Pe(() => {
     if (c) {
-      const v = JSON.parse(c), m = Object.values(v);
-      if (Array.from(m).every((g) => typeof g == "number"))
+      const v = JSON.parse(c), h = Object.values(v);
+      if (Array.from(h).every((m) => typeof m == "number"))
         return v;
     }
   }, [c]), l = Pe(() => {
     if (!a)
       return pn({
-        id: i,
+        id: s,
         panelIds: n,
         storage: o
       });
-  }, [a, i, n, o]), f = a ?? l, y = O(null), d = ce(() => {
+  }, [a, s, n, o]), f = a ?? l, y = D(null), p = ce(() => {
     const v = y.current;
     v && (y.current = null, clearTimeout(v));
   }, []);
   Qe(() => () => {
-    d();
-  }, [d]);
-  const p = ce(
+    p();
+  }, [p]);
+  const g = ce(
     // The hook persists every layout commit -- including library-driven ones --
     // because it owns its own storage and the goal is to remember whatever
     // layout the user is currently looking at. Consumers that only want to
     // persist on user interaction should branch on `isUserInteraction` in
     // their own callback (see #716) rather than via this hook.
-    (v, m) => {
-      if (t && !m.isUserInteraction)
+    (v, h) => {
+      if (t && !h.isUserInteraction)
         return;
-      d();
-      let g;
-      s ? g = ve(i, Object.keys(v)) : g = ve(i, []);
+      p();
+      let m;
+      i ? m = ve(s, Object.keys(v)) : m = ve(s, []);
       try {
-        o.setItem(g, JSON.stringify(v));
+        o.setItem(m, JSON.stringify(v));
       } catch (x) {
         console.error(x);
       }
     },
     [
-      d,
-      s,
+      p,
       i,
+      s,
       t,
       o
     ]
-  ), h = ce(
+  ), d = ce(
     (v) => {
-      d(), e === 0 ? p(v, { isUserInteraction: !1 }) : y.current = setTimeout(() => {
-        p(v, { isUserInteraction: !1 });
+      p(), e === 0 ? g(v, { isUserInteraction: !1 }) : y.current = setTimeout(() => {
+        g(v, { isUserInteraction: !1 });
       }, e);
     },
-    [d, e, p]
+    [p, e, g]
   );
   return {
     /**
@@ -2210,11 +2219,11 @@ function zn({
      *
      * @deprecated Use the {@link onLayoutChanged} prop instead.
      */
-    onLayoutChange: h,
+    onLayoutChange: d,
     /**
      * Attach this callback on the `Group` as the `onLayoutChanged` prop.
      */
-    onLayoutChanged: p
+    onLayoutChanged: g
   };
 }
 function hn() {
@@ -2225,10 +2234,10 @@ function wn() {
   return Z(null);
 }
 function Pn() {
-  return O(null);
+  return D(null);
 }
 function mn(e, t) {
-  const { id: n } = be(), o = O({
+  const { id: n } = be(), o = D({
     collapse: we,
     expand: we,
     getSize: () => ({
@@ -2251,96 +2260,96 @@ function gn({
   collapsedSize: n = "0%",
   collapsedThreshold: o,
   collapsible: r = !1,
-  defaultSize: s,
-  disabled: i,
+  defaultSize: i,
+  disabled: s,
   elementRef: u,
   groupResizeBehavior: c = "preserve-relative-size",
   id: a,
   maxSize: l = "100%",
   minSize: f = "0%",
   onResize: y,
-  panelRef: d,
-  style: p,
-  ...h
+  panelRef: p,
+  style: g,
+  ...d
 }) {
-  const v = !!a, m = Te(a), g = Oe({
-    disabled: i
-  }), x = O(null), b = De(x, u), {
-    getPanelStyles: z,
-    id: E,
-    orientation: R,
+  const v = !!a, h = Oe(a), m = De({
+    disabled: s
+  }), x = D(null), S = Te(x, u), {
+    getPanelStyles: P,
+    id: C,
+    orientation: E,
     registerPanel: w,
-    updatePanelProps: C
-  } = be(), F = y !== null, I = ue(
-    (S, P, k) => {
-      y?.(S, a, k);
+    updatePanelProps: R
+  } = be(), N = y !== null, O = ue(
+    (b, z, M) => {
+      y?.(b, a, M);
     }
   );
   V(() => {
-    const S = x.current;
-    if (S !== null) {
-      const P = {
-        element: S,
-        id: m,
+    const b = x.current;
+    if (b !== null) {
+      const z = {
+        element: b,
+        id: h,
         idIsStable: v,
         mutableValues: {
           expandToSize: void 0,
           prevSize: void 0
         },
-        onResize: F ? I : void 0,
+        onResize: N ? O : void 0,
         panelConstraints: {
           groupResizeBehavior: c,
           collapsedSize: n,
           collapsedThreshold: o,
           collapsible: r,
-          defaultSize: s,
-          disabled: g.disabled,
+          defaultSize: i,
+          disabled: m.disabled,
           maxSize: l,
           minSize: f
         }
       };
-      return w(P);
+      return w(z);
     }
   }, [
     c,
     n,
     o,
     r,
-    s,
-    F,
-    m,
+    i,
+    N,
+    h,
     v,
     l,
     f,
-    I,
+    O,
     w,
-    g
+    m
   ]), Se(() => {
-    C(m, { disabled: i });
-  }, [i, m, C]), mn(m, d);
-  const M = () => {
-    const S = z(E, m);
-    if (S)
-      return JSON.stringify(S);
-  }, N = tt(
-    (S) => Ee(E, S),
-    M,
-    M
+    R(h, { disabled: s });
+  }, [s, h, R]), mn(h, p);
+  const I = () => {
+    const b = P(C, h);
+    if (b)
+      return JSON.stringify(b);
+  }, G = tt(
+    (b) => Ee(C, b),
+    I,
+    I
   );
   let _;
-  return N ? _ = JSON.parse(N) : s !== void 0 ? _ = {
+  return G ? _ = JSON.parse(G) : i !== void 0 ? _ = {
     flexGrow: void 0,
     flexShrink: void 0,
-    flexBasis: s
-  } : _ = { flexGrow: 1 }, /* @__PURE__ */ U(
+    flexBasis: i
+  } : _ = { flexGrow: 1 }, /* @__PURE__ */ B(
     "div",
     {
-      ...h,
-      "data-disabled": i || void 0,
+      ...d,
+      "data-disabled": s || void 0,
       "data-panel": !0,
-      "data-testid": m,
-      id: m,
-      ref: b,
+      "data-testid": h,
+      id: h,
+      ref: S,
       style: {
         ...yn,
         display: "flex",
@@ -2349,7 +2358,7 @@ function gn({
         overflow: "visible",
         ..._
       },
-      children: /* @__PURE__ */ U(
+      children: /* @__PURE__ */ B(
         "div",
         {
           className: t,
@@ -2358,12 +2367,12 @@ function gn({
             maxWidth: "100%",
             flexGrow: 1,
             overflow: "auto",
-            ...p,
+            ...g,
             // Inform the browser that the library is handling touch events for this element
             // but still allow users to scroll content within panels in the non-resizing direction
             // NOTE This is not an inherited style
             // See github.com/bvaughn/react-resizable-panels/issues/662
-            touchAction: R === "horizontal" ? "pan-y" : "pan-x"
+            touchAction: E === "horizontal" ? "pan-y" : "pan-x"
           },
           children: e
         }
@@ -2388,7 +2397,7 @@ function Ln() {
   return Z(null);
 }
 function Cn() {
-  return O(null);
+  return D(null);
 }
 function vn({
   layout: e,
@@ -2396,15 +2405,15 @@ function vn({
   panelId: n,
   panelIndex: o
 }) {
-  let r, s;
-  const i = e[n], u = t.find(
+  let r, i;
+  const s = e[n], u = t.find(
     (c) => c.panelId === n
   );
   if (u) {
     const c = u.maxSize, a = u.collapsible ? u.collapsedSize : u.minSize, l = [o, o + 1];
-    s = ne({
+    i = ne({
       layout: de({
-        delta: a - i,
+        delta: a - s,
         initialLayout: e,
         panelConstraints: t,
         pivotIndices: l,
@@ -2413,7 +2422,7 @@ function vn({
       panelConstraints: t
     })[n], r = ne({
       layout: de({
-        delta: c - i,
+        delta: c - s,
         initialLayout: e,
         panelConstraints: t,
         pivotIndices: l,
@@ -2425,8 +2434,8 @@ function vn({
   return {
     valueControls: n,
     valueMax: r,
-    valueMin: s,
-    valueNow: i
+    valueMin: i,
+    valueNow: s
   };
 }
 function Sn({
@@ -2435,32 +2444,32 @@ function Sn({
   disabled: n,
   disableDoubleClick: o,
   elementRef: r,
-  id: s,
-  preview: i,
+  id: i,
+  preview: s,
   style: u,
   ...c
 }) {
-  const a = Te(s), l = Oe({
+  const a = Oe(i), l = De({
     disabled: n,
     disableDoubleClick: o,
     children: e,
     className: t,
-    preview: i,
+    preview: s,
     style: u
-  }), [f, y] = Z({}), [d, p] = Z("inactive"), [h, v] = Z(!1), m = O(null), g = O(null), x = De(m, r), {
-    disableCursor: b,
-    id: z,
-    orientation: E,
-    registerSeparator: R,
+  }), [f, y] = Z({}), [p, g] = Z("inactive"), [d, v] = Z(!1), h = D(null), m = D(null), x = Te(h, r), {
+    disableCursor: S,
+    id: P,
+    orientation: C,
+    registerSeparator: E,
     updateSeparatorProps: w
-  } = be(), C = E === "horizontal" ? "vertical" : "horizontal";
+  } = be(), R = C === "horizontal" ? "vertical" : "horizontal";
   V(() => {
-    const M = m.current;
-    if (M !== null) {
-      const N = {
+    const I = h.current;
+    if (I !== null) {
+      const G = {
         disabled: l.disabled,
         disableDoubleClick: l.disableDoubleClick,
-        element: M,
+        element: I,
         id: a,
         get children() {
           return l.children;
@@ -2475,27 +2484,27 @@ function Sn({
           return l.style;
         }
       };
-      g.current = N;
-      const _ = R(N), S = ot(
-        (k) => {
-          p(
-            k.next.state !== "inactive" && k.next.hitRegions.some(
-              (G) => G.separator === N
-            ) ? k.next.state : "inactive"
+      m.current = G;
+      const _ = E(G), b = ot(
+        (M) => {
+          g(
+            M.next.state !== "inactive" && M.next.hitRegions.some(
+              (A) => A.separator === G
+            ) ? M.next.state : "inactive"
           );
         }
-      ), P = Ee(
-        z,
-        (k) => {
-          const { derivedPanelConstraints: G, layout: $, separatorToPanels: Y } = k.next, oe = Y.get(N);
+      ), z = Ee(
+        P,
+        (M) => {
+          const { derivedPanelConstraints: A, layout: $, separatorToPanels: Y } = M.next, oe = Y.get(G);
           if (oe) {
-            const le = oe[0], xe = G.findIndex(
+            const le = oe[0], xe = A.findIndex(
               (J) => J.panelId === le.id
             );
             y(
               vn({
                 layout: $,
-                panelConstraints: G,
+                panelConstraints: A,
                 panelId: le.id,
                 panelIndex: xe
               })
@@ -2504,42 +2513,42 @@ function Sn({
         }
       );
       return () => {
-        g.current = null, S(), P(), _();
+        m.current = null, b(), z(), _();
       };
     }
-  }, [z, a, R, l]), V(() => {
-    const M = g.current;
-    M && Ot(M);
-  }, [i]), Se(() => {
+  }, [P, a, E, l]), V(() => {
+    const I = m.current;
+    I && Dt(I);
+  }, [s]), Se(() => {
     w(a, { disabled: n, disableDoubleClick: o });
   }, [n, o, a, w]);
-  let F;
-  n && !b && (F = "not-allowed");
-  let I;
+  let N;
+  n && !S && (N = "not-allowed");
+  let O;
   if (n)
-    I = "disabled";
+    O = "disabled";
   else
-    switch (d) {
+    switch (p) {
       case "active": {
-        I = "active";
+        O = "active";
         break;
       }
       default:
-        h ? I = "focus" : I = d;
+        d ? O = "focus" : O = p;
     }
-  return /* @__PURE__ */ U(
+  return /* @__PURE__ */ B(
     "div",
     {
       ...c,
       "aria-controls": f.valueControls,
       "aria-disabled": n || void 0,
-      "aria-orientation": C,
+      "aria-orientation": R,
       "aria-valuemax": f.valueMax,
       "aria-valuemin": f.valueMin,
       "aria-valuenow": f.valueNow,
       children: e,
       className: t,
-      "data-separator": I,
+      "data-separator": O,
       "data-testid": a,
       id: a,
       onBlur: () => v(!1),
@@ -2548,7 +2557,7 @@ function Sn({
       role: "separator",
       style: {
         flexBasis: "auto",
-        cursor: F,
+        cursor: N,
         ...u,
         flexGrow: 0,
         flexShrink: 0,