react-resizable-panels 4.3.0 → 4.3.1

package/dist/react-resizable-panels.js

@@ -5,7 +5,7 @@ function z(e, t = "Assertion error") {
   if (!e)
     throw Error(t);
 }
-function B({
+function W({
   group: e
 }) {
   const { orientation: t, panels: n } = e;
@@ -48,27 +48,27 @@ function et({
     x: n.x + n.width / 2,
     y: n.y + n.height / 2
   };
-  let i, s = Number.MAX_VALUE;
+  let i, a = Number.MAX_VALUE;
   for (const l of t) {
-    const { x: r, y: a } = Ee(o, l), u = e === "horizontal" ? r : a;
-    u < s && (s = u, i = l);
+    const { x: r, y: s } = Ee(o, l), u = e === "horizontal" ? r : s;
+    u < a && (a = u, i = l);
   }
   return z(i, "No rect found"), i;
 }
 function Ie(e) {
-  const { element: t, orientation: n, panels: o, separators: i } = e, s = ie(
+  const { element: t, orientation: n, panels: o, separators: i } = e, a = ie(
     n,
     Array.from(t.children).filter(Me).map((f) => ({ element: f }))
   ).map(({ element: f }) => f), l = [];
-  let r = !1, a, u = [];
-  for (const f of s)
+  let r = !1, s, u = [];
+  for (const f of a)
     if (f.hasAttribute("data-panel")) {
       const p = o.find(
         (m) => m.element === f
       );
       if (p) {
-        if (a) {
-          const m = a.element.getBoundingClientRect(), h = f.getBoundingClientRect();
+        if (s) {
+          const m = s.element.getBoundingClientRect(), h = f.getBoundingClientRect();
           let c;
           if (r) {
             const d = n === "horizontal" ? new DOMRect(m.right, m.top, 0, m.height) : new DOMRect(
@@ -119,19 +119,19 @@ function Ie(e) {
           for (const d of c)
             l.push({
               group: e,
-              groupSize: B({ group: e }),
-              panels: [a, p],
+              groupSize: W({ group: e }),
+              panels: [s, p],
               separator: "width" in d ? void 0 : d,
               rect: "width" in d ? d : d.element.getBoundingClientRect()
             });
         }
-        r = !1, a = p, u = [];
+        r = !1, s = p, u = [];
       }
     } else if (f.hasAttribute("data-separator")) {
       const p = i.find(
         (m) => m.element === f
       );
-      p ? u.push(p) : (a = void 0, u = []);
+      p ? u.push(p) : (s = void 0, u = []);
     } else
       r = !0;
   return l;
@@ -166,8 +166,8 @@ function Q({
   styleProp: n
 }) {
   let o;
-  const [i, s] = it(n);
-  switch (s) {
+  const [i, a] = it(n);
+  switch (a) {
     case "%": {
       o = i / 100 * e;
       break;
@@ -199,7 +199,7 @@ function G(e) {
   return parseFloat(e.toFixed(3));
 }
 function pe(e) {
-  const { panels: t } = e, n = B({ group: e });
+  const { panels: t } = e, n = W({ group: e });
   return n === 0 ? t.map((o) => ({
     collapsedSize: 0,
     collapsible: o.panelConstraints.collapsible === !0,
@@ -208,48 +208,48 @@ function pe(e) {
     maxSize: 100,
     panelId: o.id
   })) : t.map((o) => {
-    const { element: i, panelConstraints: s } = o;
+    const { element: i, panelConstraints: a } = o;
     let l = 0;
-    if (s.collapsedSize) {
+    if (a.collapsedSize) {
       const f = Q({
         groupSize: n,
         panelElement: i,
-        styleProp: s.collapsedSize
+        styleProp: a.collapsedSize
       });
       l = G(f / n * 100);
     }
     let r;
-    if (s.defaultSize) {
+    if (a.defaultSize) {
       const f = Q({
         groupSize: n,
         panelElement: i,
-        styleProp: s.defaultSize
+        styleProp: a.defaultSize
       });
       r = G(f / n * 100);
     }
-    let a = 0;
-    if (s.minSize) {
+    let s = 0;
+    if (a.minSize) {
       const f = Q({
         groupSize: n,
         panelElement: i,
-        styleProp: s.minSize
+        styleProp: a.minSize
       });
-      a = G(f / n * 100);
+      s = G(f / n * 100);
     }
     let u = 100;
-    if (s.maxSize) {
+    if (a.maxSize) {
       const f = Q({
         groupSize: n,
         panelElement: i,
-        styleProp: s.maxSize
+        styleProp: a.maxSize
       });
       u = G(f / n * 100);
     }
     return {
       collapsedSize: l,
-      collapsible: s.collapsible === !0,
+      collapsible: a.collapsible === !0,
       defaultSize: r,
-      minSize: a,
+      minSize: s,
       maxSize: u,
       panelId: o.id
     };
@@ -269,18 +269,18 @@ class st {
       if (o.length === 1)
         o[0].call(null, n);
       else {
-        let i = !1, s = null;
+        let i = !1, a = null;
         const l = Array.from(o);
         for (let r = 0; r < l.length; r++) {
-          const a = l[r];
+          const s = l[r];
           try {
-            a.call(null, n);
+            s.call(null, n);
           } catch (u) {
-            s === null && (i = !0, s = u);
+            a === null && (i = !0, a = u);
           }
         }
         if (i)
-          throw s;
+          throw a;
       }
   }
   removeAllListeners() {
@@ -304,7 +304,7 @@ let M = {
   },
   mountedGroups: /* @__PURE__ */ new Map()
 };
-const O = new st();
+const T = new st();
 function D() {
   return M;
 }
@@ -316,23 +316,23 @@ function I(e) {
   return M = {
     ...M,
     ...t
-  }, t.cursorFlags !== void 0 && O.emit("cursorFlagsChange", M.cursorFlags), t.interactionState !== void 0 && O.emit("interactionStateChange", M.interactionState), t.mountedGroups !== void 0 && (M.mountedGroups.forEach((o, i) => {
-    o.derivedPanelConstraints.forEach((s) => {
-      if (s.collapsible) {
+  }, t.cursorFlags !== void 0 && T.emit("cursorFlagsChange", M.cursorFlags), t.interactionState !== void 0 && T.emit("interactionStateChange", M.interactionState), t.mountedGroups !== void 0 && (M.mountedGroups.forEach((o, i) => {
+    o.derivedPanelConstraints.forEach((a) => {
+      if (a.collapsible) {
         const { layout: l } = n.mountedGroups.get(i) ?? {};
         if (l) {
           const r = R(
-            s.collapsedSize,
-            o.layout[s.panelId]
-          ), a = R(
-            s.collapsedSize,
-            l[s.panelId]
+            a.collapsedSize,
+            o.layout[a.panelId]
+          ), s = R(
+            a.collapsedSize,
+            l[a.panelId]
           );
-          r && !a && (i.inMemoryLastExpandedPanelSizes[s.panelId] = l[s.panelId]);
+          r && !s && (i.inMemoryLastExpandedPanelSizes[a.panelId] = l[a.panelId]);
         }
       }
     });
-  }), O.emit("mountedGroupsChange", M.mountedGroups)), M;
+  }), T.emit("mountedGroupsChange", M.mountedGroups)), M;
 }
 function at(e, t) {
   if (e.length !== t.length)
@@ -353,14 +353,14 @@ function H({
     collapsedSize: n = 0,
     collapsible: o,
     maxSize: i = 100,
-    minSize: s = 0
+    minSize: a = 0
   } = e;
-  if (Y(t, s) < 0)
+  if (Y(t, a) < 0)
     if (o) {
-      const l = (n + s) / 2;
-      Y(t, l) < 0 ? t = n : t = s;
+      const l = (n + a) / 2;
+      Y(t, l) < 0 ? t = n : t = a;
     } else
-      t = s;
+      t = a;
   return t = Math.min(i, t), t = G(t), t;
 }
 function Z({
@@ -369,14 +369,14 @@ function Z({
   panelConstraints: n,
   pivotIndices: o,
   prevLayout: i,
-  trigger: s
+  trigger: a
 }) {
   if (R(e, 0))
     return t;
-  const l = Object.values(t), r = Object.values(i), a = [...l], [u, f] = o;
+  const l = Object.values(t), r = Object.values(i), s = [...l], [u, f] = o;
   z(u != null, "Invalid first pivot index"), z(f != null, "Invalid second pivot index");
   let p = 0;
-  if (s === "keyboard") {
+  if (a === "keyboard") {
     {
       const c = e < 0 ? f : u, d = n[c];
       z(
@@ -453,14 +453,14 @@ function Z({
         panelConstraints: n[d],
         size: v
       });
-      if (!R(g, x) && (p += g - x, a[d] = x, p.toFixed(3).localeCompare(Math.abs(e).toFixed(3), void 0, {
+      if (!R(g, x) && (p += g - x, s[d] = x, p.toFixed(3).localeCompare(Math.abs(e).toFixed(3), void 0, {
         numeric: !0
       }) >= 0))
         break;
       e < 0 ? d-- : d++;
     }
   }
-  if (at(r, a))
+  if (at(r, s))
     return i;
   {
     const c = e < 0 ? f : u, d = l[c];
@@ -472,10 +472,10 @@ function Z({
       panelConstraints: n[c],
       size: y
     });
-    if (a[c] = g, !R(g, y)) {
+    if (s[c] = g, !R(g, y)) {
       let v = y - g, S = e < 0 ? f : u;
       for (; S >= 0 && S < n.length; ) {
-        const b = a[S];
+        const b = s[S];
         z(
           b != null,
           `Previous layout not found for panel index ${S}`
@@ -484,20 +484,20 @@ function Z({
           panelConstraints: n[S],
           size: w
         });
-        if (R(b, C) || (v -= C - b, a[S] = C), R(v, 0))
+        if (R(b, C) || (v -= C - b, s[S] = C), R(v, 0))
           break;
         e > 0 ? S-- : S++;
       }
     }
   }
-  const m = Object.values(a).reduce(
+  const m = Object.values(s).reduce(
     (c, d) => d + c,
     0
   );
   if (!R(m, 100, 0.1))
     return i;
   const h = Object.keys(i);
-  return a.reduce((c, d, y) => (c[h[y]] = d, c), {});
+  return s.reduce((c, d, y) => (c[h[y]] = d, c), {});
 }
 function te(e) {
   const { mountedGroups: t } = D();
@@ -508,7 +508,7 @@ function te(e) {
       return n;
   throw Error("Could not find parent Group for separator element");
 }
-function W(e, t) {
+function B(e, t) {
   if (Object.keys(e).length !== Object.keys(t).length)
     return !1;
   for (const n in e)
@@ -521,7 +521,7 @@ function _({
   panelConstraints: t
 }) {
   const o = [...Object.values(e)], i = o.reduce(
-    (r, a) => r + a,
+    (r, s) => r + s,
     0
   );
   if (o.length !== t.length)
@@ -530,34 +530,34 @@ function _({
     );
   if (!R(i, 100) && o.length > 0)
     for (let r = 0; r < t.length; r++) {
-      const a = o[r];
-      z(a != null, `No layout data found for index ${r}`);
-      const u = 100 / i * a;
+      const s = o[r];
+      z(s != null, `No layout data found for index ${r}`);
+      const u = 100 / i * s;
       o[r] = u;
     }
-  let s = 0;
+  let a = 0;
   for (let r = 0; r < t.length; r++) {
-    const a = o[r];
-    z(a != null, `No layout data found for index ${r}`);
+    const s = o[r];
+    z(s != null, `No layout data found for index ${r}`);
     const u = H({
       panelConstraints: t[r],
-      size: a
+      size: s
     });
-    a != u && (s += a - u, o[r] = u);
+    s != u && (a += s - u, o[r] = u);
   }
-  if (!R(s, 0))
+  if (!R(a, 0))
     for (let r = 0; r < t.length; r++) {
-      const a = o[r];
-      z(a != null, `No layout data found for index ${r}`);
-      const u = a + s, f = H({
+      const s = o[r];
+      z(s != null, `No layout data found for index ${r}`);
+      const u = s + a, f = H({
         panelConstraints: t[r],
         size: u
       });
-      if (a !== f && (s -= f - a, o[r] = f, R(s, 0)))
+      if (s !== f && (a -= f - s, o[r] = f, R(a, 0)))
         break;
     }
   const l = Object.keys(e);
-  return o.reduce((r, a, u) => (r[l[u]] = a, r), {});
+  return o.reduce((r, s, u) => (r[l[u]] = s, r), {});
 }
 function ke({
   groupId: e
@@ -578,21 +578,21 @@ function ke({
       const {
         defaultLayoutDeferred: o,
         derivedPanelConstraints: i,
-        group: s,
+        group: a,
         layout: l,
         separatorToPanels: r
-      } = t(), a = _({
+      } = t(), s = _({
         layout: n,
         panelConstraints: i
       });
-      return o ? l : (W(l, a) || I((u) => ({
-        mountedGroups: new Map(u.mountedGroups).set(s, {
+      return o ? l : (B(l, s) || I((u) => ({
+        mountedGroups: new Map(u.mountedGroups).set(a, {
           defaultLayoutDeferred: o,
           derivedPanelConstraints: i,
-          layout: a,
+          layout: s,
           separatorToPanels: r
         })
-      })), a);
+      })), s);
     }
   };
 }
@@ -600,25 +600,25 @@ function Ge(e) {
   const { mountedGroups: t } = D(), n = t.get(e);
   return z(n, `Mounted Group ${e.id} not found`), n;
 }
-function T(e, t) {
+function O(e, t) {
   const n = te(e), o = Ge(n), i = n.separators.find(
     (p) => p.element === e
   );
   z(i, "Matching separator not found");
-  const s = o.separatorToPanels.get(i);
-  z(s, "Matching panels not found");
-  const l = s.map((p) => n.panels.indexOf(p)), a = ke({ groupId: n.id }).getLayout(), u = Z({
+  const a = o.separatorToPanels.get(i);
+  z(a, "Matching panels not found");
+  const l = a.map((p) => n.panels.indexOf(p)), s = ke({ groupId: n.id }).getLayout(), u = Z({
     delta: t,
-    initialLayout: a,
+    initialLayout: s,
     panelConstraints: o.derivedPanelConstraints,
     pivotIndices: l,
-    prevLayout: a,
+    prevLayout: s,
     trigger: "keyboard"
   }), f = _({
     layout: u,
     panelConstraints: o.derivedPanelConstraints
   });
-  W(a, f) || I((p) => ({
+  B(s, f) || I((p) => ({
     mountedGroups: new Map(p.mountedGroups).set(n, {
       defaultLayoutDeferred: o.defaultLayoutDeferred,
       derivedPanelConstraints: o.derivedPanelConstraints,
@@ -634,62 +634,62 @@ function me(e) {
   if (!n.disabled)
     switch (e.key) {
       case "ArrowDown": {
-        e.preventDefault(), n.orientation === "vertical" && T(t, 5);
+        e.preventDefault(), n.orientation === "vertical" && O(t, 5);
         break;
       }
       case "ArrowLeft": {
-        e.preventDefault(), n.orientation === "horizontal" && T(t, -5);
+        e.preventDefault(), n.orientation === "horizontal" && O(t, -5);
         break;
       }
       case "ArrowRight": {
-        e.preventDefault(), n.orientation === "horizontal" && T(t, 5);
+        e.preventDefault(), n.orientation === "horizontal" && O(t, 5);
         break;
       }
       case "ArrowUp": {
-        e.preventDefault(), n.orientation === "vertical" && T(t, -5);
+        e.preventDefault(), n.orientation === "vertical" && O(t, -5);
         break;
       }
       case "End": {
-        e.preventDefault(), T(t, 100);
+        e.preventDefault(), O(t, 100);
         break;
       }
       case "Enter": {
         e.preventDefault();
-        const o = te(t), { derivedPanelConstraints: i, layout: s, separatorToPanels: l } = Ge(o), r = o.separators.find(
+        const o = te(t), { derivedPanelConstraints: i, layout: a, separatorToPanels: l } = Ge(o), r = o.separators.find(
           (p) => p.element === t
         );
         z(r, "Matching separator not found");
-        const a = l.get(r);
-        z(a, "Matching panels not found");
-        const u = a[0], f = i.find(
+        const s = l.get(r);
+        z(s, "Matching panels not found");
+        const u = s[0], f = i.find(
           (p) => p.panelId === u.id
         );
         if (z(f, "Panel metadata not found"), f.collapsible) {
-          const p = s[u.id], m = f.collapsedSize === p ? o.inMemoryLastExpandedPanelSizes[u.id] ?? f.minSize : f.collapsedSize;
-          T(t, m - p);
+          const p = a[u.id], m = f.collapsedSize === p ? o.inMemoryLastExpandedPanelSizes[u.id] ?? f.minSize : f.collapsedSize;
+          O(t, m - p);
         }
         break;
       }
       case "F6": {
         e.preventDefault();
         const i = te(t).separators.map(
-          (a) => a.element
-        ), s = Array.from(i).findIndex(
-          (a) => a === e.currentTarget
+          (s) => s.element
+        ), a = Array.from(i).findIndex(
+          (s) => s === e.currentTarget
         );
-        z(s !== null, "Index not found");
-        const l = e.shiftKey ? s > 0 ? s - 1 : i.length - 1 : s + 1 < i.length ? s + 1 : 0;
+        z(a !== null, "Index not found");
+        const l = e.shiftKey ? a > 0 ? a - 1 : i.length - 1 : a + 1 < i.length ? a + 1 : 0;
         i[l].focus();
         break;
       }
       case "Home": {
-        e.preventDefault(), T(t, -100);
+        e.preventDefault(), O(t, -100);
         break;
       }
     }
 }
 const lt = (e) => e, ne = () => {
-}, De = 1, Te = 2, Oe = 4, Ne = 8, he = {
+}, De = 1, Oe = 2, Te = 4, Ne = 8, he = {
   coarse: 10,
   precise: 5
 };
@@ -698,15 +698,15 @@ function ut(e, t, n) {
     x: 1 / 0,
     y: 1 / 0
   };
-  for (const s of t) {
-    const l = Ee(n, s.rect);
+  for (const a of t) {
+    const l = Ee(n, a.rect);
     switch (e) {
       case "horizontal": {
-        l.x <= i.x && (o = s, i = l);
+        l.x <= i.x && (o = a, i = l);
         break;
       }
       case "vertical": {
-        l.y <= i.y && (o = s, i = l);
+        l.y <= i.y && (o = a, i = l);
         break;
       }
     }
@@ -741,15 +741,15 @@ function dt(e, t) {
     b: ge(ye(n.b))
   };
   if (i.a === i.b) {
-    const s = o.childNodes, l = {
+    const a = o.childNodes, l = {
       a: n.a.at(-1),
       b: n.b.at(-1)
     };
-    let r = s.length;
+    let r = a.length;
     for (; r--; ) {
-      const a = s[r];
-      if (a === l.a) return 1;
-      if (a === l.b) return -1;
+      const s = a[r];
+      if (s === l.a) return 1;
+      if (s === l.b) return -1;
     }
   }
   return Math.sign(i.a - i.b);
@@ -811,11 +811,11 @@ function Ae(e, t) {
   return t.forEach((o, i) => {
     if (i.disabled)
       return;
-    const s = ct() ? he.coarse : he.precise, l = Ie(i), r = ut(i.orientation, l, {
+    const a = ct() ? he.coarse : he.precise, l = Ie(i), r = ut(i.orientation, l, {
       x: e.clientX,
       y: e.clientY
     });
-    r && r.distance.x <= s && r.distance.y <= s && gt({
+    r && r.distance.x <= a && r.distance.y <= a && gt({
       groupElement: i.element,
       hitRegion: r.hitRegion.rect,
       pointerEventTarget: e.target
@@ -827,14 +827,14 @@ function ve(e) {
     return;
   if (e.pointerType === "mouse" && e.button > 0)
     return;
-  const { mountedGroups: t } = D(), n = Ae(e, t), o = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set(), l = /* @__PURE__ */ new Map();
+  const { mountedGroups: t } = D(), n = Ae(e, t), o = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Set(), l = /* @__PURE__ */ new Map();
   let r = !1;
-  n.forEach((a) => {
-    o.add(a.group), a.panels.forEach((f) => {
+  n.forEach((s) => {
+    o.add(s.group), s.panels.forEach((f) => {
       i.add(f);
-    }), a.separator && (s.add(a.separator), r || (r = !0, a.separator.element.focus()));
-    const u = t.get(a.group);
-    u && l.set(a.group, u.layout);
+    }), s.separator && (a.add(s.separator), r || (r = !0, s.separator.element.focus()));
+    const u = t.get(s.group);
+    u && l.set(s.group, u.layout);
   }), I({
     interactionState: {
       hitRegions: n,
@@ -853,9 +853,9 @@ function St({
   switch (n) {
     case "active":
     case "hover":
-      t.forEach((s) => {
-        if (!s.disableCursor)
-          switch (s.orientation) {
+      t.forEach((a) => {
+        if (!a.disableCursor)
+          switch (a.orientation) {
             case "horizontal": {
               o++;
               break;
@@ -871,15 +871,15 @@ function St({
     return null;
   switch (n) {
     case "active": {
-      const s = (e & De) !== 0, l = (e & Te) !== 0, r = (e & Oe) !== 0, a = (e & Ne) !== 0;
+      const a = (e & De) !== 0, l = (e & Oe) !== 0, r = (e & Te) !== 0, s = (e & Ne) !== 0;
       if (e) {
-        if (s)
-          return r ? "se-resize" : a ? "ne-resize" : "e-resize";
+        if (a)
+          return r ? "se-resize" : s ? "ne-resize" : "e-resize";
         if (l)
-          return r ? "sw-resize" : a ? "nw-resize" : "w-resize";
+          return r ? "sw-resize" : s ? "nw-resize" : "w-resize";
         if (r)
           return "s-resize";
-        if (a)
+        if (s)
           return "n-resize";
       }
       break;
@@ -897,14 +897,14 @@ function se(e) {
   switch (i.state) {
     case "active":
     case "hover": {
-      const s = St({
+      const a = St({
         cursorFlags: o,
         groups: i.hitRegions.map((r) => r.group),
         state: i.state
-      }), l = `*{cursor: ${s} !important; ${i.state === "active" ? "touch-action: none;" : ""} }`;
+      }), l = `*{cursor: ${a} !important; ${i.state === "active" ? "touch-action: none;" : ""} }`;
       if (t === l)
         return;
-      t = l, s ? n.cssRules.length === 0 ? n.insertRule(l) : n.replaceSync(l) : n.cssRules.length === 1 && n.deleteRule(0);
+      t = l, a ? n.cssRules.length === 0 ? n.insertRule(l) : n.replaceSync(l) : n.cssRules.length === 1 && n.deleteRule(0);
       break;
     }
     case "inactive": {
@@ -923,14 +923,14 @@ function $e({
   hitRegions: n,
   initialLayoutMap: o,
   mountedGroups: i,
-  pointerDownAtPoint: s
+  pointerDownAtPoint: a
 }) {
   let l = 0;
   const r = new Map(i);
-  n.forEach((a) => {
-    const { group: u, groupSize: f } = a, { disableCursor: p, orientation: m, panels: h } = u;
+  n.forEach((s) => {
+    const { group: u, groupSize: f } = s, { disableCursor: p, orientation: m, panels: h } = u;
     let c = 0;
-    s ? m === "horizontal" ? c = (t.clientX - s.x) / f * 100 : c = (t.clientY - s.y) / f * 100 : m === "horizontal" ? c = t.clientX < 0 ? -100 : 100 : c = t.clientY < 0 ? -100 : 100;
+    a ? m === "horizontal" ? c = (t.clientX - a.x) / f * 100 : c = (t.clientY - a.y) / f * 100 : m === "horizontal" ? c = t.clientX < 0 ? -100 : 100 : c = t.clientY < 0 ? -100 : 100;
     const d = o.get(u), {
       defaultLayoutDeferred: y,
       derivedPanelConstraints: g,
@@ -942,31 +942,31 @@ function $e({
         delta: c,
         initialLayout: d,
         panelConstraints: g,
-        pivotIndices: a.panels.map((b) => h.indexOf(b)),
+        pivotIndices: s.panels.map((b) => h.indexOf(b)),
         prevLayout: v,
         trigger: "mouse-or-touch"
       });
-      if (W(S, v)) {
+      if (B(S, v)) {
         if (c !== 0 && !p)
           switch (m) {
             case "horizontal": {
-              l |= c < 0 ? De : Te;
+              l |= c < 0 ? De : Oe;
               break;
             }
             case "vertical": {
-              l |= c < 0 ? Oe : Ne;
+              l |= c < 0 ? Te : Ne;
               break;
             }
           }
       } else {
-        r.set(a.group, {
+        r.set(s.group, {
           defaultLayoutDeferred: y,
           derivedPanelConstraints: g,
           layout: S,
           separatorToPanels: x
         });
-        const b = a.group.panels.map(({ id: w }) => w).join(",");
-        a.group.inMemoryLayouts[b] = S;
+        const b = s.group.panels.map(({ id: w }) => w).join(",");
+        s.group.inMemoryLayouts[b] = S;
       }
     }
   }), I({
@@ -1051,35 +1051,32 @@ function we(e) {
 function Le(e) {
   let t = 0, n = 0;
   const o = {};
-  for (const s of e)
-    if (s.defaultSize !== void 0) {
+  for (const a of e)
+    if (a.defaultSize !== void 0) {
       t++;
-      const l = G(s.defaultSize);
-      n += l, o[s.panelId] = l;
+      const l = G(a.defaultSize);
+      n += l, o[a.panelId] = l;
     } else
-      o[s.panelId] = void 0;
+      o[a.panelId] = void 0;
   const i = e.length - t;
   if (i !== 0) {
-    const s = G((100 - n) / i);
+    const a = G((100 - n) / i);
     for (const l of e)
-      l.defaultSize === void 0 && (o[l.panelId] = s);
+      l.defaultSize === void 0 && (o[l.panelId] = a);
   }
   return o;
 }
 function vt(e, t, n) {
-  const o = n[0];
-  if (!o)
+  if (!n[0])
     return;
-  const i = e.panels.find((a) => a.element === t);
+  const i = e.panels.find((u) => u.element === t);
   if (!i || !i.onResize)
     return;
-  const s = B({ group: e }), l = i.mutableValues.prevSize, r = {
-    asPercentage: G(
-      o.inlineSize / s * 100
-    ),
-    inPixels: o.inlineSize
+  const a = W({ group: e }), l = e.orientation === "horizontal" ? i.element.offsetWidth : i.element.offsetHeight, r = i.mutableValues.prevSize, s = {
+    asPercentage: G(l / a * 100),
+    inPixels: l
   };
-  i.mutableValues.prevSize = r, i.onResize(r, i.id, l);
+  i.mutableValues.prevSize = s, i.onResize(s, i.id, r);
 }
 function xt(e, t) {
   if (Object.keys(e).length !== Object.keys(t).length)
@@ -1105,12 +1102,12 @@ function bt(e) {
     e.element.ownerDocument.defaultView,
     "Cannot register an unmounted Group"
   );
-  const n = e.element.ownerDocument.defaultView.ResizeObserver, o = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), s = new n((c) => {
+  const n = e.element.ownerDocument.defaultView.ResizeObserver, o = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), a = new n((c) => {
     for (const d of c) {
       const { borderBoxSize: y, target: g } = d;
       if (g === e.element) {
         if (t) {
-          if (B({ group: e }) === 0)
+          if (W({ group: e }) === 0)
             return;
           I((x) => {
             const S = x.mountedGroups.get(e);
@@ -1119,7 +1116,7 @@ function bt(e) {
                 layout: w,
                 panelConstraints: b
               });
-              return !S.defaultLayoutDeferred && W(w, C) && xt(
+              return !S.defaultLayoutDeferred && B(w, C) && xt(
                 S.derivedPanelConstraints,
                 b
               ) ? x : {
@@ -1138,16 +1135,16 @@ function bt(e) {
         vt(e, g, y);
     }
   });
-  s.observe(e.element), e.panels.forEach((c) => {
+  a.observe(e.element), e.panels.forEach((c) => {
     z(
       !o.has(c.id),
       `Panel ids must be unique; id "${c.id}" was used more than once`
-    ), o.add(c.id), c.onResize && s.observe(c.element);
+    ), o.add(c.id), c.onResize && a.observe(c.element);
   });
-  const l = B({ group: e }), r = pe(e), a = e.panels.map(({ id: c }) => c).join(",");
+  const l = W({ group: e }), r = pe(e), s = e.panels.map(({ id: c }) => c).join(",");
   let u = e.defaultLayout;
   u && (zt(e.panels, u) || (u = void 0));
-  const f = e.inMemoryLayouts[a] ?? u ?? Le(r), p = _({
+  const f = e.inMemoryLayouts[s] ?? u ?? Le(r), p = _({
     layout: f,
     panelConstraints: r
   }), m = Ie(e), h = e.element.ownerDocument;
@@ -1171,7 +1168,7 @@ function bt(e) {
       !i.has(c.id),
       `Separator ids must be unique; id "${c.id}" was used more than once`
     ), i.add(c.id), c.element.addEventListener("keydown", me);
-  }), j.get(h) === 1 && (h.addEventListener("pointerdown", ve), h.addEventListener("pointerleave", ze), h.addEventListener("pointermove", be), h.addEventListener("pointerup", we)), function() {
+  }), j.get(h) === 1 && (h.addEventListener("pointerdown", ve, !0), h.addEventListener("pointerleave", ze), h.addEventListener("pointermove", be), h.addEventListener("pointerup", we, !0)), function() {
     t = !1, j.set(
       h,
       Math.max(0, (j.get(h) ?? 0) - 1)
@@ -1180,7 +1177,11 @@ function bt(e) {
       return y.delete(e), { mountedGroups: y };
     }), e.separators.forEach((d) => {
       d.element.removeEventListener("keydown", me);
-    }), j.get(h) || (h.removeEventListener("pointerdown", ve), h.removeEventListener("pointerleave", ze), h.removeEventListener("pointermove", be), h.removeEventListener("pointerup", we)), s.disconnect();
+    }), j.get(h) || (h.removeEventListener(
+      "pointerdown",
+      ve,
+      !0
+    ), h.removeEventListener("pointerleave", ze), h.removeEventListener("pointermove", be), h.removeEventListener("pointerup", we, !0)), a.disconnect();
   };
 }
 function wt() {
@@ -1249,22 +1250,22 @@ function Rt({
   defaultLayout: n,
   disableCursor: o,
   disabled: i,
-  elementRef: s,
+  elementRef: a,
   groupRef: l,
   id: r,
-  onLayoutChange: a,
+  onLayoutChange: s,
   orientation: u = "horizontal",
   style: f,
   ...p
 }) {
   const m = E({}), h = le((L) => {
-    W(m.current, L) || (m.current = L, a?.(L));
+    B(m.current, L) || (m.current = L, s?.(L));
   }), c = ae(r), d = E(null), [y, g] = N(!1), [v, x] = N(n ?? {}), [S, b] = wt(), w = E({
     lastExpandedPanelSizes: {},
     layouts: {},
     panels: [],
     separators: []
-  }), C = ue(d, s);
+  }), C = ue(d, a);
   Pt(c, l);
   const U = re(
     () => ({
@@ -1320,7 +1321,7 @@ function Rt({
       const { defaultLayoutDeferred: F, derivedPanelConstraints: V, layout: J } = fe;
       !F && V.length > 0 && (x(J), h?.(J));
     }
-    const Be = O.addListener(
+    const We = T.addListener(
       "interactionStateChange",
       (F) => {
         switch (F.state) {
@@ -1338,7 +1339,7 @@ function Rt({
           }
         }
       }
-    ), We = O.addListener(
+    ), Be = T.addListener(
       "mountedGroupsChange",
       (F) => {
         const V = F.get(k);
@@ -1351,7 +1352,7 @@ function Rt({
       }
     );
     return () => {
-      $.current = null, He(), Be(), We();
+      $.current = null, He(), We(), Be();
     };
   }, [
     i,
@@ -1413,17 +1414,17 @@ function At({
   storage: n = localStorage,
   ...o
 }) {
-  const i = t !== void 0, s = "id" in o ? o.id : o.groupId, l = oe(s, t ?? []), r = Ye(
+  const i = t !== void 0, a = "id" in o ? o.id : o.groupId, l = oe(a, t ?? []), r = Ye(
     Mt,
     () => n.getItem(l),
     () => n.getItem(l)
-  ), a = re(
+  ), s = re(
     () => r ? JSON.parse(r) : void 0,
     [r]
   ), u = re(() => {
     const f = (p) => {
       let m;
-      i ? m = oe(s, Object.keys(p)) : m = oe(s, []);
+      i ? m = oe(a, Object.keys(p)) : m = oe(a, []);
       try {
         n.setItem(m, JSON.stringify(p));
       } catch (h) {
@@ -1431,9 +1432,9 @@ function At({
       }
     };
     return e > 0 ? Ct(f, e) : f;
-  }, [e, i, s, n]);
+  }, [e, i, a, n]);
   return {
-    defaultLayout: a,
+    defaultLayout: s,
     onLayoutChange: u
   };
 }
@@ -1461,7 +1462,7 @@ function Et({
   const n = () => {
     const { mountedGroups: r } = D();
     for (const [
-      a,
+      s,
       {
         defaultLayoutDeferred: u,
         derivedPanelConstraints: f,
@@ -1469,35 +1470,35 @@ function Et({
         separatorToPanels: m
       }
     ] of r)
-      if (a.id === e)
+      if (s.id === e)
         return {
           defaultLayoutDeferred: u,
           derivedPanelConstraints: f,
-          group: a,
+          group: s,
           layout: p,
           separatorToPanels: m
         };
     throw Error(`Group ${e} not found`);
   }, o = () => {
     const r = n().derivedPanelConstraints.find(
-      (a) => a.panelId === t
+      (s) => s.panelId === t
     );
     if (r !== void 0)
       return r;
     throw Error(`Panel constraints not found for Panel ${t}`);
   }, i = () => {
-    const r = n().group.panels.find((a) => a.id === t);
+    const r = n().group.panels.find((s) => s.id === t);
     if (r !== void 0)
       return r;
     throw Error(`Layout not found for Panel ${t}`);
-  }, s = () => {
+  }, a = () => {
     const r = n().layout[t];
     if (r !== void 0)
       return r;
     throw Error(`Layout not found for Panel ${t}`);
   }, l = (r) => {
-    const a = s();
-    if (r === a)
+    const s = a();
+    if (r === s)
       return;
     const {
       defaultLayoutDeferred: u,
@@ -1506,7 +1507,7 @@ function Et({
       layout: m,
       separatorToPanels: h
     } = n(), c = p.panels.findIndex((v) => v.id === t), d = c === p.panels.length - 1, y = Z({
-      delta: d ? a - r : r - a,
+      delta: d ? s - r : r - s,
       initialLayout: m,
       panelConstraints: f,
       pivotIndices: d ? [c - 1, c] : [c, c + 1],
@@ -1516,7 +1517,7 @@ function Et({
       layout: y,
       panelConstraints: f
     });
-    W(m, g) || I((v) => ({
+    B(m, g) || I((v) => ({
       mountedGroups: new Map(v.mountedGroups).set(p, {
         defaultLayoutDeferred: u,
         derivedPanelConstraints: f,
@@ -1527,33 +1528,33 @@ function Et({
   };
   return {
     collapse: () => {
-      const { collapsible: r, collapsedSize: a } = o(), { mutableValues: u } = i(), f = s();
-      r && f !== a && (u.expandToSize = f, l(a));
+      const { collapsible: r, collapsedSize: s } = o(), { mutableValues: u } = i(), f = a();
+      r && f !== s && (u.expandToSize = f, l(s));
     },
     expand: () => {
-      const { collapsible: r, collapsedSize: a, minSize: u } = o(), { mutableValues: f } = i(), p = s();
-      if (r && p === a) {
+      const { collapsible: r, collapsedSize: s, minSize: u } = o(), { mutableValues: f } = i(), p = a();
+      if (r && p === s) {
         let m = f.expandToSize ?? u;
         m === 0 && (m = 1), l(m);
       }
     },
     getSize: () => {
-      const { group: r } = n(), a = s(), { element: u } = i(), f = r.orientation === "horizontal" ? u.offsetWidth : u.offsetHeight;
+      const { group: r } = n(), s = a(), { element: u } = i(), f = r.orientation === "horizontal" ? u.offsetWidth : u.offsetHeight;
       return {
-        asPercentage: a,
+        asPercentage: s,
         inPixels: f
       };
     },
     isCollapsed: () => {
-      const { collapsible: r, collapsedSize: a } = o(), u = s();
-      return r && R(a, u);
+      const { collapsible: r, collapsedSize: s } = o(), u = a();
+      return r && R(s, u);
     },
     resize: (r) => {
-      if (s() !== r) {
+      if (a() !== r) {
         let u;
         switch (typeof r) {
           case "number": {
-            const { group: f } = n(), p = B({ group: f });
+            const { group: f } = n(), p = W({ group: f });
             u = G(r / p * 100);
             break;
           }
@@ -1591,16 +1592,16 @@ function kt({
   collapsedSize: n = "0%",
   collapsible: o = !1,
   defaultSize: i,
-  elementRef: s,
+  elementRef: a,
   id: l,
   maxSize: r = "100%",
-  minSize: a = "0%",
+  minSize: s = "0%",
   onResize: u,
   panelRef: f,
   style: p,
   ...m
 }) {
-  const h = !!l, c = ae(l), d = E(null), y = ue(d, s), { id: g, registerPanel: v } = ce(), x = u !== null, S = le(
+  const h = !!l, c = ae(l), d = E(null), y = ue(d, a), { id: g, registerPanel: v } = ce(), x = u !== null, S = le(
     (w, C, U) => {
       u?.(w, l, U);
     }
@@ -1622,7 +1623,7 @@ function kt({
           collapsible: o,
           defaultSize: i,
           maxSize: r,
-          minSize: a
+          minSize: s
         }
       });
   }, [
@@ -1633,7 +1634,7 @@ function kt({
     c,
     h,
     r,
-    a,
+    s,
     S,
     v
   ]), It(c, f);
@@ -1674,20 +1675,16 @@ function kt({
 }
 kt.displayName = "Panel";
 const Gt = {
-  minHeight: "unset",
-  maxHeight: "unset",
-  height: "unset",
-  minWidth: "unset",
-  maxWidth: "unset",
-  width: "unset",
-  flex: "unset",
-  flexBasis: "unset",
-  flexShrink: "unset",
-  flexGrow: "unset",
-  border: "unset",
-  borderWidth: "unset",
-  padding: "unset",
-  margin: "unset"
+  minHeight: 0,
+  maxHeight: "100%",
+  height: "auto",
+  minWidth: 0,
+  maxWidth: "100%",
+  width: "auto",
+  border: "none",
+  borderWidth: 0,
+  padding: 0,
+  margin: 0
 };
 function Vt() {
   return N(null);
@@ -1701,13 +1698,13 @@ function Dt({
   panelId: n,
   panelIndex: o
 }) {
-  let i, s;
+  let i, a;
   const l = e[n], r = t.find(
-    (a) => a.panelId === n
+    (s) => s.panelId === n
   );
   if (r) {
-    const a = r.maxSize, u = s = r.collapsible ? r.collapsedSize : r.minSize, f = [o, o + 1];
-    s = _({
+    const s = r.maxSize, u = a = r.collapsible ? r.collapsedSize : r.minSize, f = [o, o + 1];
+    a = _({
       layout: Z({
         delta: u - l,
         initialLayout: e,
@@ -1719,7 +1716,7 @@ function Dt({
       panelConstraints: t
     })[n], i = _({
       layout: Z({
-        delta: a - l,
+        delta: s - l,
         initialLayout: e,
         panelConstraints: t,
         pivotIndices: f,
@@ -1732,19 +1729,19 @@ function Dt({
   return {
     valueControls: n,
     valueMax: i,
-    valueMin: s,
+    valueMin: a,
     valueNow: l
   };
 }
-function Tt({
+function Ot({
   children: e,
   className: t,
   elementRef: n,
   id: o,
   style: i,
-  ...s
+  ...a
 }) {
-  const l = ae(o), [r, a] = N({}), [u, f] = N("inactive"), p = E(null), m = ue(p, n), {
+  const l = ae(o), [r, s] = N({}), [u, f] = N("inactive"), p = E(null), m = ue(p, n), {
     id: h,
     orientation: c,
     registerSeparator: d
@@ -1755,7 +1752,7 @@ function Tt({
       const v = {
         element: g,
         id: l
-      }, x = d(v), S = O.addListener(
+      }, x = d(v), S = T.addListener(
         "interactionStateChange",
         (w) => {
           f(
@@ -1764,7 +1761,7 @@ function Tt({
             ) ? w.state : "inactive"
           );
         }
-      ), b = O.addListener(
+      ), b = T.addListener(
         "mountedGroupsChange",
         (w) => {
           w.forEach(
@@ -1773,7 +1770,7 @@ function Tt({
                 const X = K.get(v);
                 if (X) {
                   const L = X[0], P = $.panels.indexOf(L);
-                  a(
+                  s(
                     Dt({
                       layout: U,
                       panelConstraints: C,
@@ -1794,7 +1791,7 @@ function Tt({
   }, [h, l, d]), /* @__PURE__ */ q(
     "div",
     {
-      ...s,
+      ...a,
       "aria-controls": r.valueControls,
       "aria-orientation": y,
       "aria-valuemax": r.valueMax,
@@ -1817,11 +1814,11 @@ function Tt({
     }
   );
 }
-Tt.displayName = "Separator";
+Ot.displayName = "Separator";
 export {
   Rt as Group,
   kt as Panel,
-  Tt as Separator,
+  Ot as Separator,
   At as useDefaultLayout,
   $t as useGroupCallbackRef,
   Ft as useGroupRef,