@aiquants/resize-panels 1.6.0 → 1.7.0

package/dist/index.js

@@ -1,91 +1,91 @@
-import { createContext as vt, useContext as Mt, useCallback as pe, useMemo as te, useReducer as wt, useState as ye, useRef as ie, useEffect as re, useLayoutEffect as je, memo as Ke, useId as ut, useSyncExternalStore as ft } from "react";
-import { jsx as A, jsxs as le } from "react/jsx-runtime";
-import { twMerge as ke } from "tailwind-merge";
+import { createContext as vt, useContext as Mt, useCallback as Se, useMemo as ae, useReducer as wt, useState as Me, useRef as J, useEffect as se, useLayoutEffect as Xe, memo as it, useId as zt, useSyncExternalStore as ht } from "react";
+import { jsx as I, jsxs as fe } from "react/jsx-runtime";
+import { twMerge as $e } from "tailwind-merge";
 import { createPortal as Et } from "react-dom";
-const pt = vt(null), Qe = () => {
-  const t = Mt(pt);
+const gt = vt(null), rt = () => {
+  const t = Mt(gt);
   if (!t)
     throw new Error("usePanelGroup must be used within a PanelGroup");
   return t;
-}, zt = (t, e = 0) => {
+}, xt = (t, e = 0) => {
   if (!Number.isFinite(t))
     return t;
-  const n = 10 ** e, d = t * n, r = Math.floor(d), l = d - r, i = Number.EPSILON * Math.max(1, Math.abs(d));
-  return l < 0.5 - i ? r / n : l > 0.5 + i ? (r + 1) / n : (r % 2 === 0 ? r : r + 1) / n;
-}, gt = 12, tt = 8, Bt = 8, Rt = 8, ht = 0.05, xt = 10, It = 0.05, Ft = 20, Nt = 0.05, it = 0, St = 6, me = (t, e) => e <= 0 ? 0 : zt(t / e * 100, St), Te = (t, e) => !t || e <= 0 ? 0 : t / 100 * e, Xe = (t, e = "percentage") => {
+  const n = 10 ** e, d = t * n, r = Math.floor(d), c = d - r, i = Number.EPSILON * Math.max(1, Math.abs(d));
+  return c < 0.5 - i ? r / n : c > 0.5 + i ? (r + 1) / n : (r % 2 === 0 ? r : r + 1) / n;
+}, St = 12, nt = 8, Bt = 8, Rt = 8, mt = 0.05, Pt = 10, It = 0.05, Ft = 20, Nt = 0.05, ot = 0, bt = 6, Ce = (t, e) => e <= 0 ? 0 : xt(t / e * 100, bt), We = (t, e) => !t || e <= 0 ? 0 : t / 100 * e, Qe = (t, e = "percentage") => {
   if (t !== void 0)
     return typeof t == "number" ? { value: t, unit: e } : t;
-}, rt = (t, e) => t ? t.unit === "percentage" ? t.value / 100 * e : t.value : 0, q = (t, e, n) => t ? typeof t == "number" ? t / 100 * n : t.unit === "pixels" ? t.value : t.value / 100 * n : e, ze = (t, e, n) => Math.min(Math.max(t, e), n), qe = (t) => {
+}, st = (t, e) => t ? t.unit === "percentage" ? t.value / 100 * e : t.value : 0, te = (t, e, n) => t ? typeof t == "number" ? t / 100 * n : t.unit === "pixels" ? t.value : t.value / 100 * n : e, me = (t, e, n) => Math.min(Math.max(t, e), n), et = (t) => {
   if (!Number.isFinite(t) || t <= 0)
-    return it;
-  const e = t * ht, n = Math.min(gt, xt, e);
-  return Math.max(it, n);
-}, mt = (t, e, n, d = {}) => {
+    return ot;
+  const e = t * mt, n = Math.min(St, Pt, e);
+  return Math.max(ot, n);
+}, Ct = (t, e, n, d = {}) => {
   if (Math.abs(e) <= 0)
     return e;
-  const r = d.enforceAutoMinSize ?? !1, l = t.map((s, a) => ({ panel: s, index: a })).filter(({ panel: s }) => !s.collapsed && (s.sizeUnit === "pixels" || s.originalPixelSize !== void 0));
-  if (l.length === 0)
+  const r = d.enforceAutoMinSize ?? !1, c = t.map((s, a) => ({ panel: s, index: a })).filter(({ panel: s }) => !s.collapsed && (s.sizeUnit === "pixels" || s.originalPixelSize !== void 0));
+  if (c.length === 0)
     return e;
-  const i = e > 0, f = [...l].sort((s, a) => {
-    const o = s.panel.pixelAdjustPriority ?? s.index + 1, x = a.panel.pixelAdjustPriority ?? a.index + 1;
-    return o === x ? i ? a.index - s.index : s.index - a.index : i ? x - o : o - x;
+  const i = e > 0, p = [...c].sort((s, a) => {
+    const o = s.panel.pixelAdjustPriority ?? s.index + 1, h = a.panel.pixelAdjustPriority ?? a.index + 1;
+    return o === h ? i ? a.index - s.index : s.index - a.index : i ? h - o : o - h;
   });
   let u = e;
   const z = (s) => {
-    for (const { index: a } of f) {
+    for (const { index: a } of p) {
       if (Math.abs(u) <= 0)
         break;
       const o = t[a];
       if (!o || o.collapsed)
         continue;
-      const x = Xe(o.minSize, "pixels"), C = Xe(o.maxSize, "pixels"), P = x ? rt(x, n) : 0, v = C ? rt(C, n) : n, S = r ? q(o.autoMinSize, 0, n) : 0, y = Math.max(P, S), m = o.preferredPixelSize !== void 0 ? ze(o.preferredPixelSize, y, v) : o.size, D = o.collapseFromStart || o.collapseFromEnd;
+      const h = Qe(o.minSize, "pixels"), b = Qe(o.maxSize, "pixels"), m = h ? st(h, n) : 0, v = b ? st(b, n) : n, x = r ? te(o.autoMinSize, 0, n) : 0, C = Math.max(m, x), S = o.preferredPixelSize !== void 0 ? me(o.preferredPixelSize, C, v) : o.size, D = o.collapseFromStart || o.collapseFromEnd;
       if (u > 0) {
         if (Math.abs(o.size) <= 0 && (o.percentageSize ?? 0) <= 0)
           continue;
-        const J = Math.max(o.size, m), ae = s ? Math.min(v, J) : v, W = Math.max(0, ae - o.size);
-        if (W <= 0)
+        const re = Math.max(o.size, S), de = s ? Math.min(v, re) : v, j = Math.max(0, de - o.size);
+        if (j <= 0)
           continue;
-        const O = Math.min(W, u);
-        if (O <= 0)
+        const _ = Math.min(j, u);
+        if (_ <= 0)
           continue;
-        const B = o.size + O, ee = me(B, n), k = D ? B : o.sizeBeforeCollapse, $ = D ? o.measuredPixelSizeBeforeCollapse ?? o.measuredPixelSize ?? B : o.measuredPixelSizeBeforeCollapse;
+        const E = o.size + _, oe = Ce(E, n), U = D ? E : o.sizeBeforeCollapse, V = D ? o.measuredPixelSizeBeforeCollapse ?? o.measuredPixelSize ?? E : o.measuredPixelSizeBeforeCollapse;
         t[a] = {
           ...o,
-          size: B,
-          percentageSize: ee,
-          sizeBeforeCollapse: k,
-          measuredPixelSizeBeforeCollapse: $,
+          size: E,
+          percentageSize: oe,
+          sizeBeforeCollapse: U,
+          measuredPixelSizeBeforeCollapse: V,
           measuredPixelSize: void 0,
           measuredPercentageSize: void 0
-        }, u -= O;
+        }, u -= _;
       } else {
-        const X = s ? m : y, J = Math.max(0, o.size - X);
-        if (J <= 0)
+        const X = s ? S : C, re = Math.max(0, o.size - X);
+        if (re <= 0)
           continue;
-        const ae = Math.min(J, Math.abs(u));
-        if (ae <= 0)
+        const de = Math.min(re, Math.abs(u));
+        if (de <= 0)
           continue;
-        const W = o.size - ae, O = me(W, n), B = D ? W : o.sizeBeforeCollapse, ee = D ? o.measuredPixelSizeBeforeCollapse ?? o.measuredPixelSize ?? W : o.measuredPixelSizeBeforeCollapse;
+        const j = o.size - de, _ = Ce(j, n), E = D ? j : o.sizeBeforeCollapse, oe = D ? o.measuredPixelSizeBeforeCollapse ?? o.measuredPixelSize ?? j : o.measuredPixelSizeBeforeCollapse;
         t[a] = {
           ...o,
-          size: W,
-          percentageSize: O,
-          sizeBeforeCollapse: B,
-          measuredPixelSizeBeforeCollapse: ee,
+          size: j,
+          percentageSize: _,
+          sizeBeforeCollapse: E,
+          measuredPixelSizeBeforeCollapse: oe,
           measuredPixelSize: void 0,
           measuredPercentageSize: void 0
-        }, u += ae;
+        }, u += de;
       }
     }
   };
   return z(!0), (i && u > 0 || !i && u < 0) && z(!1), u;
-}, Ue = (t) => {
+}, Ve = (t) => {
   if (!t)
     return 0;
   const e = parseFloat(t);
   return Number.isFinite(e) ? e : 0;
-}, Le = (t, e) => {
-  const n = t.getBoundingClientRect(), d = typeof window < "u" ? window.getComputedStyle(t) : null, r = d ? Ue(d.borderLeftWidth) + Ue(d.borderRightWidth) : 0, l = d ? Ue(d.borderTopWidth) + Ue(d.borderBottomWidth) : 0;
+}, Oe = (t, e) => {
+  const n = t.getBoundingClientRect(), d = typeof window < "u" ? window.getComputedStyle(t) : null, r = d ? Ve(d.borderLeftWidth) + Ve(d.borderRightWidth) : 0, c = d ? Ve(d.borderTopWidth) + Ve(d.borderBottomWidth) : 0;
   if (e === "horizontal") {
     const z = n.width > 0 ? n.width : t.offsetWidth, s = n.width > 0 ? Math.max(0, n.width - r) : t.clientWidth, a = t.offsetWidth > 0 ? t.offsetWidth : t.clientWidth + r;
     return {
@@ -93,9 +93,9 @@ const pt = vt(null), Qe = () => {
       outer: z > 0 ? z : Math.max(0, a)
     };
   }
-  const i = n.height > 0 ? n.height : t.offsetHeight, f = n.height > 0 ? Math.max(0, n.height - l) : t.clientHeight, u = t.offsetHeight > 0 ? t.offsetHeight : t.clientHeight + l;
+  const i = n.height > 0 ? n.height : t.offsetHeight, p = n.height > 0 ? Math.max(0, n.height - c) : t.clientHeight, u = t.offsetHeight > 0 ? t.offsetHeight : t.clientHeight + c;
   return {
-    inner: f > 0 ? f : Math.max(0, t.clientHeight),
+    inner: p > 0 ? p : Math.max(0, t.clientHeight),
     outer: i > 0 ? i : Math.max(0, u)
   };
 }, At = (t, e) => {
@@ -112,8 +112,8 @@ const pt = vt(null), Qe = () => {
     return console.warn("Failed to load panel layout:", e), null;
   }
 };
-var Ve = /* @__PURE__ */ ((t) => (t[t.DEBUG = 0] = "DEBUG", t[t.INFO = 1] = "INFO", t[t.WARN = 2] = "WARN", t[t.ERROR = 3] = "ERROR", t[t.NONE = 4] = "NONE", t))(Ve || {});
-const we = class we {
+var qe = /* @__PURE__ */ ((t) => (t[t.DEBUG = 0] = "DEBUG", t[t.INFO = 1] = "INFO", t[t.WARN = 2] = "WARN", t[t.ERROR = 3] = "ERROR", t[t.NONE = 4] = "NONE", t))(qe || {});
+const Ee = class Ee {
   /**
    * @constructor
    * @param {LogLevel} [level=LogLevel.WARN] - The minimum log level to output.
@@ -130,7 +130,7 @@ const we = class we {
    * @param {LogLevel} level - The new log level.
    */
   static setLevel(e) {
-    we.instance.setLevel(e);
+    Ee.instance.setLevel(e);
   }
   /**
    * @method setLevel
@@ -148,7 +148,7 @@ const we = class we {
    * @param {ILogger} impl - The new logger implementation.
    */
   static setImplementation(e) {
-    we.instance.setImplementation(e);
+    Ee.instance.setImplementation(e);
   }
   /**
    * @method setImplementation
@@ -166,7 +166,7 @@ const we = class we {
    * @param {string} prefix - The new prefix.
    */
   static setPrefix(e) {
-    we.instance.setPrefix(e);
+    Ee.instance.setPrefix(e);
   }
   /**
    * @method setPrefix
@@ -181,33 +181,33 @@ const we = class we {
     return typeof e == "string" ? [`${this.prefix} ${e}`] : [this.prefix, e];
   }
   static debug(e, ...n) {
-    we.instance.debug(e, ...n);
+    Ee.instance.debug(e, ...n);
   }
   debug(e, ...n) {
     this.level <= 0 && this.impl.debug(...this.formatMessage(e), ...n);
   }
   static info(e, ...n) {
-    we.instance.info(e, ...n);
+    Ee.instance.info(e, ...n);
   }
   info(e, ...n) {
     this.level <= 1 && this.impl.info(...this.formatMessage(e), ...n);
   }
   static warn(e, ...n) {
-    we.instance.warn(e, ...n);
+    Ee.instance.warn(e, ...n);
   }
   warn(e, ...n) {
     this.level <= 2 && this.impl.warn(...this.formatMessage(e), ...n);
   }
   static error(e, ...n) {
-    we.instance.error(e, ...n);
+    Ee.instance.error(e, ...n);
   }
   error(e, ...n) {
     this.level <= 3 && this.impl.error(...this.formatMessage(e), ...n);
   }
 };
-we.instance = new we(2, "[resize-panels]");
-let Ge = we;
-const ue = new Ge(Ve.INFO, "[resize-panels]"), Ce = (t) => t.map((e) => ({
+Ee.instance = new Ee(2, "[resize-panels]");
+let je = Ee;
+const ze = new je(qe.INFO, "[resize-panels]"), ve = (t) => t.map((e) => ({
   id: e.id,
   size: e.size,
   percentageSize: e.percentageSize,
@@ -221,7 +221,7 @@ const ue = new Ge(Ve.INFO, "[resize-panels]"), Ce = (t) => t.map((e) => ({
   collapseFromStart: e.collapseFromStart,
   collapseFromEnd: e.collapseFromEnd,
   collapsedByDirection: e.collapsedByDirection ?? null
-})), We = (t) => t ? Ce([t])[0] : null, Ae = (t) => t ? !!(t.collapseFromStart || t.collapseFromEnd) : !1, Ze = (t, e) => {
+})), Ye = (t) => t ? ve([t])[0] : null, De = (t) => t ? !!(t.collapseFromStart || t.collapseFromEnd) : !1, Ke = (t, e) => {
   if (!Number.isFinite(e) || e <= 0)
     return t;
   const n = t.map((u) => ({ ...u })), d = [];
@@ -235,35 +235,35 @@ const ue = new Ge(Ve.INFO, "[resize-panels]"), Ce = (t) => t.map((e) => ({
       };
       continue;
     }
-    const s = Math.max(0, q(z.minSize, 0, e)), a = Math.max(0, q(z.autoMinSize, 0, e)), o = Math.max(s, a), x = Math.max(1e-3, o), C = q(z.maxSize, e, e), P = Math.max(o, C), v = z.sizeUnit === "pixels" || z.originalPixelSize !== void 0, S = Math.max(0, z.size);
-    let y = o;
+    const s = Math.max(0, te(z.minSize, 0, e)), a = Math.max(0, te(z.autoMinSize, 0, e)), o = Math.max(s, a), h = Math.max(1e-3, o), b = te(z.maxSize, e, e), m = Math.max(o, b), v = z.sizeUnit === "pixels" || z.originalPixelSize !== void 0, x = Math.max(0, z.size);
+    let C = o;
     if (v) {
       const D = z.preferredPixelSize ?? z.size ?? z.originalPixelSize ?? o;
-      y = ze(D, o, P);
+      C = me(D, o, m);
     } else {
-      const D = z.preferredPercentageSize ?? z.percentageSize ?? me(z.size, e), X = Te(D, e);
-      y = ze(X, o, P);
+      const D = z.preferredPercentageSize ?? z.percentageSize ?? Ce(z.size, e), X = We(D, e);
+      C = me(X, o, m);
     }
-    const m = !v && (z.excludeFromAutoGrowth ?? !1) && S <= x;
+    const S = !v && (z.excludeFromAutoGrowth ?? !1) && x <= h;
     d.push({
       index: u,
       isPixelPanel: v,
       minSize: o,
-      maxSize: P,
-      preferredSize: y,
+      maxSize: m,
+      preferredSize: C,
       priority: z.pixelAdjustPriority ?? u + 1,
       flexPriority: v ? void 0 : z.flexAdjustPriority,
-      excludeFromGrowth: m
+      excludeFromGrowth: S
     });
   }
   if (d.length === 0)
     return n;
   const r = /* @__PURE__ */ new Map();
-  let l = 0;
+  let c = 0;
   for (const u of d)
-    r.set(u.index, u.minSize), l += u.minSize;
-  let i = e - l;
-  const f = (u, z) => {
+    r.set(u.index, u.minSize), c += u.minSize;
+  let i = e - c;
+  const p = (u, z) => {
     if (z <= 0)
       return 0;
     const s = r.get(u.index) ?? u.minSize, a = Math.max(0, u.maxSize - s);
@@ -276,29 +276,29 @@ const ue = new Ge(Ve.INFO, "[resize-panels]"), Ce = (t) => t.map((e) => ({
     const u = (s) => {
       for (; i > 1e-6; ) {
         let o = 0;
-        const x = [];
+        const h = [];
         for (const v of s) {
           if (!v.isPixelPanel && v.excludeFromGrowth)
             continue;
-          const S = r.get(v.index) ?? v.minSize, y = Math.min(v.preferredSize, v.maxSize), m = Math.max(0, y - S);
-          m > 1e-6 && (o += m, x.push({ descriptor: v, capacity: m }));
+          const x = r.get(v.index) ?? v.minSize, C = Math.min(v.preferredSize, v.maxSize), S = Math.max(0, C - x);
+          S > 1e-6 && (o += S, h.push({ descriptor: v, capacity: S }));
         }
-        if (x.length === 0 || o <= 1e-6)
+        if (h.length === 0 || o <= 1e-6)
           break;
-        let C = 0;
-        const P = i;
-        for (const v of x) {
+        let b = 0;
+        const m = i;
+        for (const v of h) {
           if (i <= 1e-6)
             break;
           if (!v.descriptor.isPixelPanel && v.descriptor.excludeFromGrowth)
             continue;
-          const S = P * v.capacity / o, y = Math.min(v.capacity, S);
-          if (y <= 0)
+          const x = m * v.capacity / o, C = Math.min(v.capacity, x);
+          if (C <= 0)
             continue;
-          const m = f(v.descriptor, y);
-          m > 0 && (i -= m, C += m);
+          const S = p(v.descriptor, C);
+          S > 0 && (i -= S, b += S);
         }
-        if (C <= 1e-6)
+        if (b <= 1e-6)
           break;
       }
     }, z = d.filter((s) => s.isPixelPanel);
@@ -306,32 +306,32 @@ const ue = new Ge(Ve.INFO, "[resize-panels]"), Ce = (t) => t.map((e) => ({
     for (const s of z) {
       if (i <= 0)
         break;
-      const a = r.get(s.index) ?? s.minSize, o = Math.min(s.preferredSize, s.maxSize), x = Math.max(0, o - a);
-      if (x <= 0)
+      const a = r.get(s.index) ?? s.minSize, o = Math.min(s.preferredSize, s.maxSize), h = Math.max(0, o - a);
+      if (h <= 0)
         continue;
-      const C = f(s, Math.min(x, i));
-      C > 0 && (i -= C);
+      const b = p(s, Math.min(h, i));
+      b > 0 && (i -= b);
     }
     if (i > 0) {
       const s = d.filter((a) => !a.isPixelPanel);
       if (s.length > 0) {
         const a = s.filter((o) => o.flexPriority !== void 0 && !o.excludeFromGrowth);
         if (a.length > 0) {
-          a.sort((o, x) => (x.flexPriority ?? 0) - (o.flexPriority ?? 0));
+          a.sort((o, h) => (h.flexPriority ?? 0) - (o.flexPriority ?? 0));
           for (const o of a) {
             if (i <= 0)
               break;
             if (o.excludeFromGrowth)
               continue;
-            const x = r.get(o.index) ?? o.minSize, C = Math.min(o.preferredSize, o.maxSize), P = Math.max(0, C - x);
-            if (P <= 0)
+            const h = r.get(o.index) ?? o.minSize, b = Math.min(o.preferredSize, o.maxSize), m = Math.max(0, b - h);
+            if (m <= 0)
               continue;
-            const v = f(o, Math.min(P, i));
+            const v = p(o, Math.min(m, i));
             v > 0 && (i -= v);
           }
         }
         if (i > 0) {
-          const o = a.length > 0 ? s.filter((x) => x.flexPriority === void 0 && !x.excludeFromGrowth) : s.filter((x) => !x.excludeFromGrowth);
+          const o = a.length > 0 ? s.filter((h) => h.flexPriority === void 0 && !h.excludeFromGrowth) : s.filter((h) => !h.excludeFromGrowth);
           o.length > 0 && u(o);
         }
       }
@@ -345,8 +345,8 @@ const ue = new Ge(Ve.INFO, "[resize-panels]"), Ce = (t) => t.map((e) => ({
       for (const o of d) {
         if (!o.isPixelPanel && o.excludeFromGrowth)
           continue;
-        const x = r.get(o.index) ?? o.minSize, C = o.isPixelPanel ? Math.min(o.maxSize, o.preferredSize) : o.maxSize, P = Math.max(0, C - x);
-        P > 0 && (s.push(o), z += P);
+        const h = r.get(o.index) ?? o.minSize, b = o.isPixelPanel ? Math.min(o.maxSize, o.preferredSize) : o.maxSize, m = Math.max(0, b - h);
+        m > 0 && (s.push(o), z += m);
       }
       if (z <= 0)
         break;
@@ -356,11 +356,11 @@ const ue = new Ge(Ve.INFO, "[resize-panels]"), Ce = (t) => t.map((e) => ({
           break;
         if (!o.isPixelPanel && o.excludeFromGrowth)
           continue;
-        const x = r.get(o.index) ?? o.minSize, C = o.isPixelPanel ? Math.min(o.maxSize, o.preferredSize) : o.maxSize, P = Math.max(0, C - x);
-        if (P <= 0)
+        const h = r.get(o.index) ?? o.minSize, b = o.isPixelPanel ? Math.min(o.maxSize, o.preferredSize) : o.maxSize, m = Math.max(0, b - h);
+        if (m <= 0)
           continue;
-        const v = a * P / z, S = f(o, Math.min(P, v));
-        S > 0 && (i -= S);
+        const v = a * m / z, x = p(o, Math.min(m, v));
+        x > 0 && (i -= x);
       }
       if (i <= 1e-6 || Math.abs(u - i) <= 1e-6)
         break;
@@ -376,15 +376,15 @@ const ue = new Ge(Ve.INFO, "[resize-panels]"), Ce = (t) => t.map((e) => ({
       for (const a of z) {
         if (i >= 0)
           break;
-        const o = r.get(a.index) ?? a.minSize, x = ze(a.preferredSize, a.minSize, a.maxSize), C = Math.max(0, o - x);
-        if (C > 0 && i < 0) {
-          const v = Math.min(C, Math.abs(i));
+        const o = r.get(a.index) ?? a.minSize, h = me(a.preferredSize, a.minSize, a.maxSize), b = Math.max(0, o - h);
+        if (b > 0 && i < 0) {
+          const v = Math.min(b, Math.abs(i));
           r.set(a.index, o - v), i += v, s = !0;
           continue;
         }
-        const P = Math.max(0, o - a.minSize);
-        if (P > 0 && i < 0) {
-          const v = Math.min(P, Math.abs(i));
+        const m = Math.max(0, o - a.minSize);
+        if (m > 0 && i < 0) {
+          const v = Math.min(m, Math.abs(i));
           r.set(a.index, o - v), i += v, s = !0;
         }
       }
@@ -394,27 +394,27 @@ const ue = new Ge(Ve.INFO, "[resize-panels]"), Ce = (t) => t.map((e) => ({
     }
   }
   for (const u of d) {
-    const z = r.get(u.index) ?? u.minSize, s = n[u.index], a = Ae(s), o = a ? z : s.sizeBeforeCollapse, x = a ? s.measuredPixelSizeBeforeCollapse ?? s.measuredPixelSize ?? z : s.measuredPixelSizeBeforeCollapse, C = e > 0 ? me(z, e) : 0;
+    const z = r.get(u.index) ?? u.minSize, s = n[u.index], a = De(s), o = a ? z : s.sizeBeforeCollapse, h = a ? s.measuredPixelSizeBeforeCollapse ?? s.measuredPixelSize ?? z : s.measuredPixelSizeBeforeCollapse, b = e > 0 ? Ce(z, e) : 0;
     n[u.index] = {
       ...s,
       size: z,
-      percentageSize: C,
+      percentageSize: b,
       preferredPercentageSize: s.preferredPercentageSize,
       preferredPixelSize: u.isPixelPanel ? s.preferredPixelSize ?? z : s.preferredPixelSize,
       sizeBeforeCollapse: o,
-      measuredPixelSizeBeforeCollapse: x,
+      measuredPixelSizeBeforeCollapse: h,
       measuredPixelSize: void 0,
       measuredPercentageSize: void 0
     };
   }
-  return Ne(n);
-}, Ne = (t) => {
+  return Le(n);
+}, Le = (t) => {
   let e = 0;
   for (const r of t)
     r.collapsed || (e += Math.max(r.size, 0));
   if (e <= 0) {
     let r = !1;
-    const l = t.map((i) => (i.percentageSize ?? 0) !== 0 ? (r = !0, {
+    const c = t.map((i) => (i.percentageSize ?? 0) !== 0 ? (r = !0, {
       ...i,
       percentageSize: 0,
       measuredPercentageSize: i.measuredPercentageSize !== void 0 ? 0 : i.measuredPercentageSize
@@ -422,7 +422,7 @@ const ue = new Ge(Ve.INFO, "[resize-panels]"), Ce = (t) => t.map((e) => ({
       ...i,
       sizeBeforeCollapse: i.size
     }) : i);
-    return r ? l : t;
+    return r ? c : t;
   }
   let n = !1;
   const d = t.map((r) => {
@@ -432,21 +432,21 @@ const ue = new Ge(Ve.INFO, "[resize-panels]"), Ce = (t) => t.map((e) => ({
         percentageSize: 0,
         measuredPercentageSize: r.measuredPercentageSize !== void 0 ? 0 : r.measuredPercentageSize
       }) : r;
-    const l = me(r.size, e), i = r.measuredPercentageSize, z = (i !== void 0 ? Math.abs(i - l) : 1 / 0) < 1e-4 && i !== void 0 ? i : l, s = zt(z, St), o = Math.abs((r.percentageSize ?? 0) - s) > 0 || r.percentageSize === void 0, x = r.sizeBeforeCollapse === void 0 || r.sizeBeforeCollapse !== r.size, C = Ae(r), P = C && x, v = r.measuredPixelSize ?? r.size, S = C && (r.measuredPixelSizeBeforeCollapse === void 0 || r.measuredPixelSizeBeforeCollapse !== v);
-    if (!(o || P || S))
+    const c = Ce(r.size, e), i = r.measuredPercentageSize, z = (i !== void 0 ? Math.abs(i - c) : 1 / 0) < 1e-4 && i !== void 0 ? i : c, s = xt(z, bt), o = Math.abs((r.percentageSize ?? 0) - s) > 0 || r.percentageSize === void 0, h = r.sizeBeforeCollapse === void 0 || r.sizeBeforeCollapse !== r.size, b = De(r), m = b && h, v = r.measuredPixelSize ?? r.size, x = b && (r.measuredPixelSizeBeforeCollapse === void 0 || r.measuredPixelSizeBeforeCollapse !== v);
+    if (!(o || m || x))
       return r;
     n = !0;
-    const y = P ? r.size : r.sizeBeforeCollapse, m = S ? v : r.measuredPixelSizeBeforeCollapse;
+    const C = m ? r.size : r.sizeBeforeCollapse, S = x ? v : r.measuredPixelSizeBeforeCollapse;
     return {
       ...r,
       percentageSize: s,
-      sizeBeforeCollapse: y,
-      measuredPixelSizeBeforeCollapse: m,
+      sizeBeforeCollapse: C,
+      measuredPixelSizeBeforeCollapse: S,
       collapsedByDirection: r.collapsed ? r.collapsedByDirection ?? null : null
     };
   });
   return n ? d : t;
-}, $e = (t, e) => {
+}, Ze = (t, e) => {
   if (e <= 0)
     return !1;
   const n = [];
@@ -460,34 +460,34 @@ const ue = new Ge(Ve.INFO, "[resize-panels]"), Ce = (t) => t.map((e) => ({
   let r = e - d;
   if (Math.abs(r) <= 0)
     return !1;
-  let l = !1;
+  let c = !1;
   const i = (s) => {
-    const a = t[s], o = q(a.minSize, 0, e), x = q(a.autoMinSize, 0, e), C = Math.max(o, x), P = q(a.maxSize, e, e), v = a.sizeUnit === "percentage" && a.originalPixelSize === void 0;
+    const a = t[s], o = te(a.minSize, 0, e), h = te(a.autoMinSize, 0, e), b = Math.max(o, h), m = te(a.maxSize, e, e), v = a.sizeUnit === "percentage" && a.originalPixelSize === void 0;
     return {
       index: s,
-      minSize: C,
-      maxSize: P,
+      minSize: b,
+      maxSize: m,
       isFlexible: v
     };
-  }, f = (s, a) => {
+  }, p = (s, a) => {
     if (!Number.isFinite(a) || Math.abs(a) <= 0)
       return;
     const o = t[s];
     if (!o)
       return;
-    const x = Math.max(0, o.size + a);
-    if (Math.abs(x - o.size) <= 0)
+    const h = Math.max(0, o.size + a);
+    if (Math.abs(h - o.size) <= 0)
       return;
-    const C = me(x, e), P = Ae(o), v = P ? x : o.sizeBeforeCollapse, S = P ? o.measuredPixelSizeBeforeCollapse ?? o.measuredPixelSize ?? x : o.measuredPixelSizeBeforeCollapse;
+    const b = Ce(h, e), m = De(o), v = m ? h : o.sizeBeforeCollapse, x = m ? o.measuredPixelSizeBeforeCollapse ?? o.measuredPixelSize ?? h : o.measuredPixelSizeBeforeCollapse;
     t[s] = {
       ...o,
-      size: x,
-      percentageSize: C,
+      size: h,
+      percentageSize: b,
       sizeBeforeCollapse: v,
-      measuredPixelSizeBeforeCollapse: S,
+      measuredPixelSizeBeforeCollapse: x,
       measuredPixelSize: void 0,
       measuredPercentageSize: void 0
-    }, r -= a, l = !0;
+    }, r -= a, c = !0;
   }, u = (s) => {
     for (const a of s) {
       if (Math.abs(r) <= 0)
@@ -495,46 +495,46 @@ const ue = new Ge(Ve.INFO, "[resize-panels]"), Ce = (t) => t.map((e) => ({
       const o = t[a.index];
       if (!o || o.collapsed)
         continue;
-      const x = o.size;
+      const h = o.size;
       if (r > 0) {
-        const C = Math.max(0, a.maxSize - x);
-        if (C <= 0)
+        const b = Math.max(0, a.maxSize - h);
+        if (b <= 0)
           continue;
-        const P = Math.min(C, r);
-        if (P <= 0)
+        const m = Math.min(b, r);
+        if (m <= 0)
           continue;
-        f(a.index, P);
+        p(a.index, m);
       } else {
-        const C = Math.max(0, x - a.minSize);
-        if (C <= 0)
+        const b = Math.max(0, h - a.minSize);
+        if (b <= 0)
           continue;
-        const P = Math.min(C, Math.abs(r));
-        if (P <= 0)
+        const m = Math.min(b, Math.abs(r));
+        if (m <= 0)
           continue;
-        f(a.index, -P);
+        p(a.index, -m);
       }
     }
   }, z = n.map((s) => i(s)).filter((s) => s.isFlexible);
   if (z.length > 0 && u(z), Math.abs(r) > 0) {
     const s = r;
-    r = mt(t, r, e, { enforceAutoMinSize: !0 }), Math.abs(r - s) > 0 && (l = !0);
+    r = Ct(t, r, e, { enforceAutoMinSize: !0 }), Math.abs(r - s) > 0 && (c = !0);
   }
-  return l;
-}, nt = (t, e, n) => {
+  return c;
+}, at = (t, e, n) => {
   if (!(t.sizeUnit === "pixels" || t.originalPixelSize !== void 0) || t.pixelAdjustPriority !== void 0)
     return t;
-  const r = e.filter((i, f) => f !== n && (i.sizeUnit === "pixels" || i.originalPixelSize !== void 0)).map((i) => i.pixelAdjustPriority).filter((i) => i !== void 0), l = r.length > 0 ? Math.max(...r) + 1 : 1;
+  const r = e.filter((i, p) => p !== n && (i.sizeUnit === "pixels" || i.originalPixelSize !== void 0)).map((i) => i.pixelAdjustPriority).filter((i) => i !== void 0), c = r.length > 0 ? Math.max(...r) + 1 : 1;
   return {
     ...t,
-    pixelAdjustPriority: l
+    pixelAdjustPriority: c
   };
 }, Dt = (t, e) => {
   switch (e.type) {
     case "REGISTER_PANEL": {
-      ue.debug("REGISTER_PANEL", e.panel);
-      const n = t.findIndex((l) => l.id === e.panel.id);
+      ze.debug("REGISTER_PANEL", e.panel);
+      const n = t.findIndex((c) => c.id === e.panel.id);
       if (n >= 0) {
-        const l = [...t], i = t[n], f = {
+        const c = [...t], i = t[n], p = {
           ...i,
           minSize: e.panel.minSize,
           maxSize: e.panel.maxSize,
@@ -549,97 +549,97 @@ const ue = new Ge(Ve.INFO, "[resize-panels]"), Ce = (t) => t.map((e) => ({
           pixelAdjustPriority: e.panel.pixelAdjustPriority !== void 0 ? e.panel.pixelAdjustPriority : i.pixelAdjustPriority,
           autoMinSize: e.panel.autoMinSize !== void 0 ? e.panel.autoMinSize : i.autoMinSize,
           excludeFromAutoGrowth: e.panel.excludeFromAutoGrowth !== void 0 ? e.panel.excludeFromAutoGrowth : i.excludeFromAutoGrowth
-        }, u = nt(f, t, n);
-        return ue.debug("register panel (update)", {
+        }, u = at(p, t, n);
+        return ze.debug("register panel (update)", {
           panelId: u.id,
-          incoming: We(e.panel),
-          previous: We(i),
-          next: We(u)
-        }), l[n] = u, l;
+          incoming: Ye(e.panel),
+          previous: Ye(i),
+          next: Ye(u)
+        }), c[n] = u, c;
       }
-      const d = { ...e.panel }, r = nt(d, t);
-      return ue.debug("register panel (insert)", {
+      const d = { ...e.panel }, r = at(d, t);
+      return ze.debug("register panel (insert)", {
         panelId: r.id,
-        incoming: We(r),
+        incoming: Ye(r),
         previousLength: t.length
       }), [...t, r];
     }
     case "UNREGISTER_PANEL": {
-      ue.debug("UNREGISTER_PANEL", e.id);
-      const n = t.filter((r) => r.id !== e.id), d = Ne(n);
-      return ue.debug("unregister panel", {
+      ze.debug("UNREGISTER_PANEL", e.id);
+      const n = t.filter((r) => r.id !== e.id), d = Le(n);
+      return ze.debug("unregister panel", {
         panelId: e.id,
-        previous: Ce(t),
-        filtered: Ce(n),
-        next: Ce(d)
+        previous: ve(t),
+        filtered: ve(n),
+        next: ve(d)
       }), d;
     }
     case "RESIZE_PANELS": {
-      ue.debug("RESIZE_PANELS", e.leftId, e.rightId, e.leftSize, e.rightSize);
-      const n = t.findIndex((g) => g.id === e.leftId), d = t.findIndex((g) => g.id === e.rightId);
+      ze.debug("RESIZE_PANELS", e.leftId, e.rightId, e.leftSize, e.rightSize);
+      const n = t.findIndex((G) => G.id === e.leftId), d = t.findIndex((G) => G.id === e.rightId);
       if (n === -1 || d === -1) return t;
-      const r = [...t], l = r[n], i = r[d];
-      if (l.collapsed || i.collapsed || e.leftSize === l.size && e.rightSize === i.size)
+      const r = [...t], c = r[n], i = r[d];
+      if (c.collapsed || i.collapsed || e.leftSize === c.size && e.rightSize === i.size)
         return t;
-      const f = e.containerSize ?? t.reduce((g, M) => g + M.size, 0), u = q(l.minSize, 0, f), z = q(l.maxSize, f, f), s = q(i.minSize, 0, f), a = q(i.maxSize, f, f), o = l.size + i.size, x = t.reduce((g, M) => M.collapsed ? g : g + M.size, 0), C = x - o, P = u + s, v = z + a, S = ze(e.leftSize + e.rightSize, P, v);
-      let y = f > 0 ? f - C : S;
-      Number.isFinite(y) || (y = S);
-      const m = ze(Math.max(S, y), P, v), D = (g) => ({
-        min: Math.max(u, g - a),
-        max: Math.min(z, g - s)
-      }), X = (g) => ({
-        min: Math.max(s, g - z),
-        max: Math.min(a, g - u)
-      }), J = Math.abs(e.leftSize - l.size), ae = Math.abs(e.rightSize - i.size), W = J >= ae;
-      let O = l.size, B = i.size;
-      if (W) {
-        const g = D(m);
-        if (g.min > g.max)
+      const p = e.containerSize ?? t.reduce((G, le) => G + le.size, 0), u = te(c.minSize, 0, p), z = te(c.maxSize, p, p), s = te(i.minSize, 0, p), a = te(i.maxSize, p, p), o = c.size + i.size, h = t.reduce((G, le) => le.collapsed ? G : G + le.size, 0), b = h - o, m = u + s, v = z + a, x = me(e.leftSize + e.rightSize, m, v);
+      let C = p > 0 ? p - b : x;
+      Number.isFinite(C) || (C = x);
+      const S = me(Math.max(x, C), m, v), D = (G) => ({
+        min: Math.max(u, G - a),
+        max: Math.min(z, G - s)
+      }), X = (G) => ({
+        min: Math.max(s, G - z),
+        max: Math.min(a, G - u)
+      }), re = Math.abs(e.leftSize - c.size), de = Math.abs(e.rightSize - i.size), j = re >= de;
+      let _ = c.size, E = i.size;
+      if (j) {
+        const G = D(S);
+        if (G.min > G.max)
           return t;
-        const M = ze(e.leftSize, g.min, g.max), p = m - M;
-        if (p < s || p > a)
+        const le = me(e.leftSize, G.min, G.max), P = S - le;
+        if (P < s || P > a)
           return t;
-        O = M, B = p;
+        _ = le, E = P;
       } else {
-        const g = X(m);
-        if (g.min > g.max)
+        const G = X(S);
+        if (G.min > G.max)
           return t;
-        const M = ze(e.rightSize, g.min, g.max), p = m - M;
-        if (p < u || p > z)
+        const le = me(e.rightSize, G.min, G.max), P = S - le;
+        if (P < u || P > z)
           return t;
-        B = M, O = p;
+        E = le, _ = P;
       }
-      const ee = O + B;
-      if (m !== ee)
+      const oe = _ + E;
+      if (S !== oe)
         return t;
-      const k = x - l.size - i.size + ee, $ = f > 0 ? f : k, G = $ > 0 ? me(O, $) : 0, j = $ > 0 ? me(B, $) : 0, b = l.sizeUnit === "pixels" || l.originalPixelSize !== void 0 ? O : l.preferredPixelSize, H = i.sizeUnit === "pixels" || i.originalPixelSize !== void 0 ? B : i.preferredPixelSize, he = q(l.autoMinSize, 0, f), ce = q(i.autoMinSize, 0, f), ge = Math.max(1e-3, he), Pe = Math.max(1e-3, ce), ne = l.sizeUnit === "percentage" && l.originalPixelSize === void 0, de = i.sizeUnit === "percentage" && i.originalPixelSize === void 0;
-      let fe = l.excludeFromAutoGrowth, xe = i.excludeFromAutoGrowth;
-      ne && (O <= ge ? fe = !0 : O > ge && (fe = !1)), de && (B <= Pe ? xe = !0 : B > Pe && (xe = !1));
-      const ve = Ae(l), h = Ae(i);
+      const U = h - c.size - i.size + oe, V = p > 0 ? p : U, O = V > 0 ? Ce(_, V) : 0, Y = V > 0 ? Ce(E, V) : 0, y = c.sizeUnit === "pixels" || c.originalPixelSize !== void 0 ? _ : c.preferredPixelSize, N = i.sizeUnit === "pixels" || i.originalPixelSize !== void 0 ? E : i.preferredPixelSize, be = te(c.autoMinSize, 0, p), ce = te(i.autoMinSize, 0, p), Pe = Math.max(1e-3, be), he = Math.max(1e-3, ce), ue = c.sizeUnit === "percentage" && c.originalPixelSize === void 0, pe = i.sizeUnit === "percentage" && i.originalPixelSize === void 0;
+      let ge = c.excludeFromAutoGrowth, ye = i.excludeFromAutoGrowth;
+      ue && (_ <= Pe ? ge = !0 : _ > Pe && (ge = !1)), pe && (E <= he ? ye = !0 : E > he && (ye = !1));
+      const Be = De(c), Re = De(i);
       return r[n] = {
-        ...l,
-        size: O,
-        percentageSize: G,
-        preferredPercentageSize: G > 0 ? G : l.preferredPercentageSize,
-        preferredPixelSize: b,
-        sizeBeforeCollapse: ve ? O : l.sizeBeforeCollapse,
+        ...c,
+        size: _,
+        percentageSize: O,
+        preferredPercentageSize: O > 0 ? O : c.preferredPercentageSize,
+        preferredPixelSize: y,
+        sizeBeforeCollapse: Be ? _ : c.sizeBeforeCollapse,
         measuredPixelSize: void 0,
         measuredPercentageSize: void 0,
-        excludeFromAutoGrowth: fe
+        excludeFromAutoGrowth: ge
       }, r[d] = {
         ...i,
-        size: B,
-        percentageSize: j,
-        preferredPercentageSize: j > 0 ? j : i.preferredPercentageSize,
-        preferredPixelSize: H,
-        sizeBeforeCollapse: h ? B : i.sizeBeforeCollapse,
+        size: E,
+        percentageSize: Y,
+        preferredPercentageSize: Y > 0 ? Y : i.preferredPercentageSize,
+        preferredPixelSize: N,
+        sizeBeforeCollapse: Re ? E : i.sizeBeforeCollapse,
         measuredPixelSize: void 0,
         measuredPercentageSize: void 0,
-        excludeFromAutoGrowth: xe
-      }, f > 0 && $e(r, f) ? Ne(r) : r;
+        excludeFromAutoGrowth: ye
+      }, p > 0 && Ze(r, p) ? Le(r) : r;
     }
     case "SET_PANELS": {
-      ue.debug("SET_PANELS", e.panels);
+      ze.debug("SET_PANELS", e.panels);
       const n = e.panels.map((u) => {
         const z = u.sizeUnit === "pixels" || u.originalPixelSize !== void 0, s = u.preferredPercentageSize !== void 0 ? u.preferredPercentageSize : u.percentageSize, a = u.preferredPixelSize !== void 0 ? u.preferredPixelSize : z ? u.size : u.preferredPixelSize;
         return {
@@ -647,69 +647,69 @@ const ue = new Ge(Ve.INFO, "[resize-panels]"), Ce = (t) => t.map((e) => ({
           preferredPercentageSize: s,
           preferredPixelSize: a
         };
-      }), d = Ce(t), r = Ce(n), l = Ne(n), i = Ce(l);
-      let f = d.length === i.length;
-      if (f)
+      }), d = ve(t), r = ve(n), c = Le(n), i = ve(c);
+      let p = d.length === i.length;
+      if (p)
         for (let u = 0; u < i.length; u += 1) {
           const z = i[u], s = d[u];
           if (!s) {
-            f = !1;
+            p = !1;
             break;
           }
           if (!(s.id === z.id && s.size === z.size && s.percentageSize === z.percentageSize && s.sizeBeforeCollapse === z.sizeBeforeCollapse && s.measuredPercentageSize === z.measuredPercentageSize && s.collapsed === z.collapsed)) {
-            f = !1;
+            p = !1;
             break;
           }
         }
-      return f ? (ue.debug("set panels skipped (no diff)", {
+      return p ? (ze.debug("set panels skipped (no diff)", {
         previous: d,
         incoming: r,
         next: i,
         previousLength: d.length,
         incomingLength: r.length
-      }), t) : (ue.debug("set panels", {
+      }), t) : (ze.debug("set panels", {
         previous: d,
         incoming: r,
         next: i,
         previousLength: d.length,
         incomingLength: r.length
-      }), l);
+      }), c);
     }
     case "CONTAINER_RESIZED": {
-      if (ue.debug("CONTAINER_RESIZED", e.containerSize), e.containerSize <= 0)
-        return ue.debug("container resized skipped (non-positive size)", {
+      if (ze.debug("CONTAINER_RESIZED", e.containerSize), e.containerSize <= 0)
+        return ze.debug("container resized skipped (non-positive size)", {
           containerSize: e.containerSize,
-          panels: Ce(t)
+          panels: ve(t)
         }), t;
-      ue.debug("container resized (before)", {
+      ze.debug("container resized (before)", {
         containerSize: e.containerSize,
-        panels: Ce(t)
+        panels: ve(t)
       });
-      const n = Ze(t, e.containerSize);
-      if (ue.debug("container resized (after recalc)", {
+      const n = Ke(t, e.containerSize);
+      if (ze.debug("container resized (after recalc)", {
         containerSize: e.containerSize,
-        panels: Ce(n)
-      }), e.containerSize > 0 && $e(n, e.containerSize)) {
-        const d = Ne(n);
-        return ue.debug("container resized (after reconcile)", {
+        panels: ve(n)
+      }), e.containerSize > 0 && Ze(n, e.containerSize)) {
+        const d = Le(n);
+        return ze.debug("container resized (after reconcile)", {
           containerSize: e.containerSize,
-          panels: Ce(d)
+          panels: ve(d)
         }), d;
       }
-      return ue.debug("container resized (final)", {
+      return ze.debug("container resized (final)", {
         containerSize: e.containerSize,
-        panels: Ce(n)
+        panels: ve(n)
       }), n;
     }
     case "COLLAPSE_PANEL": {
-      ue.debug("COLLAPSE_PANEL", e.id);
+      ze.debug("COLLAPSE_PANEL", e.id);
       const n = t.findIndex((o) => o.id === e.id);
       if (n === -1)
         return t;
       const d = t[n], r = e.from === "start" ? d.collapseFromStart : d.collapseFromEnd;
-      if (!(Ae(d) && r) || d.collapsed)
+      if (!(De(d) && r) || d.collapsed)
         return t;
-      const i = d.size, f = d.measuredPixelSize ?? i, u = d.percentageSize ?? d.preferredPercentageSize ?? 0, z = {
+      const i = d.size, p = d.measuredPixelSize ?? i, u = d.percentageSize ?? d.preferredPercentageSize ?? 0, z = {
         ...d,
         collapsed: !0,
         collapsedByDirection: e.from,
@@ -717,7 +717,7 @@ const ue = new Ge(Ve.INFO, "[resize-panels]"), Ce = (t) => t.map((e) => ({
         percentageSizeBeforeCollapse: u,
         preferredPercentageSizeBeforeCollapse: d.preferredPercentageSize ?? u,
         preferredPixelSizeBeforeCollapse: d.preferredPixelSize ?? i,
-        measuredPixelSizeBeforeCollapse: f,
+        measuredPixelSizeBeforeCollapse: p,
         size: 0,
         percentageSize: 0,
         preferredPercentageSize: d.preferredPercentageSize,
@@ -725,392 +725,407 @@ const ue = new Ge(Ve.INFO, "[resize-panels]"), Ce = (t) => t.map((e) => ({
         measuredPercentageSize: d.measuredPercentageSize !== void 0 ? 0 : d.measuredPercentageSize
       }, s = [...t];
       s[n] = z;
-      const a = Ze(s, e.containerSize);
-      return e.containerSize > 0 && $e(a, e.containerSize) ? Ne(a) : a;
+      const a = Ke(s, e.containerSize);
+      return e.containerSize > 0 && Ze(a, e.containerSize) ? Le(a) : a;
     }
     case "EXPAND_PANEL": {
-      ue.debug("EXPAND_PANEL", e.id, e.targetSize);
-      const n = t.findIndex((m) => m.id === e.id);
+      ze.debug("EXPAND_PANEL", e.id, e.targetSize);
+      const n = t.findIndex((S) => S.id === e.id);
       if (n === -1)
         return t;
-      const d = e.containerSize, r = t[n], l = e.from === "start" ? r.collapseFromStart : r.collapseFromEnd;
-      if (!(Ae(r) && l && r.collapsed) || r.collapsedByDirection && r.collapsedByDirection !== e.from)
+      const d = e.containerSize, r = t[n], c = e.from === "start" ? r.collapseFromStart : r.collapseFromEnd;
+      if (!(De(r) && c && r.collapsed) || r.collapsedByDirection && r.collapsedByDirection !== e.from)
         return t;
-      const f = [e.targetSize, r.sizeBeforeCollapse, r.measuredPixelSizeBeforeCollapse, r.preferredPixelSizeBeforeCollapse, r.originalPixelSize].find((m) => m !== void 0) ?? 0, u = q(r.minSize, 0, d), z = q(r.maxSize, d, d), s = ze(f, u, z), a = me(s, d), o = r.measuredPixelSizeBeforeCollapse ?? s, x = me(o, d), C = r.preferredPercentageSizeBeforeCollapse ?? r.percentageSizeBeforeCollapse ?? a, P = r.preferredPixelSizeBeforeCollapse ?? r.preferredPixelSize ?? s, v = {
+      const p = [e.targetSize, r.sizeBeforeCollapse, r.measuredPixelSizeBeforeCollapse, r.preferredPixelSizeBeforeCollapse, r.originalPixelSize].find((S) => S !== void 0) ?? 0, u = te(r.minSize, 0, d), z = te(r.maxSize, d, d), s = me(p, u, z), a = Ce(s, d), o = r.measuredPixelSizeBeforeCollapse ?? s, h = Ce(o, d), b = r.preferredPercentageSizeBeforeCollapse ?? r.percentageSizeBeforeCollapse ?? a, m = r.preferredPixelSizeBeforeCollapse ?? r.preferredPixelSize ?? s, v = {
         ...r,
         collapsed: !1,
         collapsedByDirection: null,
         size: s,
         percentageSize: a,
-        preferredPercentageSize: C,
-        preferredPixelSize: P,
+        preferredPercentageSize: b,
+        preferredPixelSize: m,
         sizeBeforeCollapse: s,
         percentageSizeBeforeCollapse: void 0,
         preferredPercentageSizeBeforeCollapse: void 0,
         preferredPixelSizeBeforeCollapse: void 0,
         measuredPixelSize: s,
         measuredPixelSizeBeforeCollapse: o,
-        measuredPercentageSize: x
-      }, S = [...t];
-      S[n] = v;
-      const y = Ze(S, d);
-      return d > 0 && $e(y, d) ? Ne(y) : y;
+        measuredPercentageSize: h
+      }, x = [...t];
+      x[n] = v;
+      const C = Ke(x, d);
+      return d > 0 && Ze(C, d) ? Le(C) : C;
     }
     default:
       return t;
   }
-}, _e = new Ge(Ve.INFO, "[resize-panels]"), Ot = ({ direction: t, style: e, onLayout: n, autoSaveId: d, showDebugInfo: r = !1 }) => {
-  const [l, i] = wt(Dt, []), [f, u] = ye({ width: 0, height: 0 }), [z, s] = ye(!1), [a, o] = ye(!1), [x, C] = ye(null), [P, v] = ye({}), [S, y] = ye({}), m = ie(null), D = ie(n), X = ie(!1), J = ie(0), ae = ie(f), W = ie(f), O = ie(z), B = ie(x?.reason ?? null), ee = ie({}), k = ie(null), $ = ie(null), G = pe((h) => h.map((g) => ({ ...g })), []);
-  re(() => {
-    W.current = f;
-  }, [f]), re(() => {
-    O.current = z;
-  }, [z]), re(() => {
-    B.current = x?.reason ?? null;
-  }, [x?.reason]), re(() => {
-    if (x)
+}, Ue = new je(qe.INFO, "[resize-panels]"), Ot = ({ direction: t, style: e, onLayout: n, autoSaveId: d, showDebugInfo: r = !1 }) => {
+  const [c, i] = wt(Dt, []), [p, u] = Me({ width: 0, height: 0 }), [z, s] = Me(!1), [a, o] = Me(!1), [h, b] = Me(null), [m, v] = Me({}), [x, C] = Me({}), S = J(null), D = J(n), X = J(!1), re = J(0), de = J(p), j = J(p), _ = J(z), E = J(h?.reason ?? null), oe = J({}), U = J(null), V = J(null), O = J(null), Y = J({ width: 0, height: 0 }), y = J({ width: 0, height: 0 }), N = J({}), be = J({}), ce = Se((l) => l.map((g) => ({ ...g })), []);
+  se(() => {
+    j.current = p;
+  }, [p]), se(() => {
+    _.current = z;
+  }, [z]), se(() => {
+    E.current = h?.reason ?? null;
+  }, [h?.reason]), se(() => {
+    if (h)
       return;
-    const h = t === "horizontal" ? f.width : f.height;
-    !Number.isFinite(h) || h <= 4 || l.length !== 0 && (k.current = G(l));
-  }, [x, l, t, f.width, f.height, G]), re(() => {
-    const h = $.current;
-    if (x) {
-      $.current = x;
+    const l = t === "horizontal" ? p.width : p.height;
+    !Number.isFinite(l) || l <= 4 || c.length !== 0 && (U.current = ce(c));
+  }, [h, c, t, p.width, p.height, ce]), se(() => {
+    const l = V.current;
+    if (h) {
+      V.current = h;
       return;
     }
-    if (h && !x && k.current) {
-      $.current = null;
-      const g = G(k.current);
+    if (l && !h && U.current) {
+      V.current = null;
+      const g = ce(U.current);
       i({ type: "SET_PANELS", panels: g });
       return;
     }
-    $.current = x;
-  }, [x, G]), je(() => {
-    if (!m.current) return;
-    const h = new ResizeObserver((g) => {
-      for (const M of g) {
-        const p = M.target, E = p ? Le(p, "horizontal") : null, R = p ? Le(p, "vertical") : null, _ = E ? E.inner : 0, V = R ? R.inner : 0, F = M.contentRect.width, N = M.contentRect.height, T = _ > 0 ? _ : F, w = V > 0 ? V : N;
-        u((L) => (!z && T > 0 && w > 0 && s(!0), L.width === T && L.height === w ? L : { width: T, height: w }));
+    V.current = h;
+  }, [h, ce]), Xe(() => {
+    if (!S.current) return;
+    const l = new ResizeObserver((g) => {
+      for (const w of g) {
+        const M = w.target, A = M ? Oe(M, "horizontal") : null, B = M ? Oe(M, "vertical") : null, H = A ? A.inner : 0, Z = B ? B.inner : 0, T = w.contentRect.width, R = w.contentRect.height, F = H > 0 ? H : T, k = Z > 0 ? Z : R;
+        Y.current = { width: F, height: k };
+        const Q = y.current, ne = Math.abs(Q.width - F) >= 0.5, K = Math.abs(Q.height - k) >= 0.5;
+        ne || K ? (O.current && (clearTimeout(O.current), O.current = null), !z && F > 0 && k > 0 && s(!0), u({ width: F, height: k }), y.current = { width: F, height: k }) : (O.current && clearTimeout(O.current), O.current = setTimeout(() => {
+          const W = Y.current;
+          u(W), y.current = W, O.current = null;
+        }, 150));
       }
     });
-    return h.observe(m.current), () => h.disconnect();
-  }, [z]), je(() => {
-    const h = ae.current, g = f, M = t === "horizontal" ? Math.abs(h.width - g.width) > 0 : Math.abs(h.height - g.height) > 0;
-    if (a && M) {
-      const p = t === "horizontal" ? g.width : g.height;
-      i({ type: "CONTAINER_RESIZED", containerSize: p, direction: t });
+    return l.observe(S.current), () => {
+      l.disconnect(), O.current && clearTimeout(O.current);
+    };
+  }, [z]), se(() => () => {
+    Object.values(N.current).forEach(clearTimeout);
+  }, []), Xe(() => {
+    const l = de.current, g = p, w = t === "horizontal" ? Math.abs(l.width - g.width) >= 0.5 : Math.abs(l.height - g.height) >= 0.5;
+    if (a && w) {
+      const M = t === "horizontal" ? g.width : g.height;
+      i({ type: "CONTAINER_RESIZED", containerSize: M, direction: t });
     }
-    ae.current = g;
-  }, [f, a, t]);
-  const j = pe(() => {
-    _e.debug("panels[0]?.id", l[0]?.id);
-    const h = l.some((c) => {
-      if (c.collapsed || c.sizeUnit !== "percentage")
+    de.current = g;
+  }, [p, a, t]);
+  const Pe = Se(() => {
+    Ue.debug("panels[0]?.id", c[0]?.id);
+    const l = c.some((f) => {
+      if (f.collapsed || f.sizeUnit !== "percentage")
         return !1;
-      const U = c.collapseFromStart || c.collapseFromEnd ? c.sizeBeforeCollapse ?? c.measuredPixelSizeBeforeCollapse ?? c.originalPixelSize ?? c.measuredPixelSize ?? 0 : c.measuredPixelSize ?? c.originalPixelSize ?? c.size, Z = c.percentageSize !== void 0 && c.percentageSize > 0;
-      return c.size <= 0 && (U > 0 || Z);
-    }), g = t === "horizontal" ? f.width : f.height, M = g > 0;
-    if (x || !M || !(l.length > 0 && (l.length !== J.current || !a || h)))
+      const ee = f.collapseFromStart || f.collapseFromEnd ? f.sizeBeforeCollapse ?? f.measuredPixelSizeBeforeCollapse ?? f.originalPixelSize ?? f.measuredPixelSize ?? 0 : f.measuredPixelSize ?? f.originalPixelSize ?? f.size, ie = f.percentageSize !== void 0 && f.percentageSize > 0;
+      return f.size <= 0 && (ee > 0 || ie);
+    }), g = t === "horizontal" ? p.width : p.height, w = g > 0;
+    if (h || !w || !(c.length > 0 && (c.length !== re.current || !a || l)))
       return;
-    const R = l.filter((c) => !c.collapsed && (c.originalPixelSize !== void 0 || c.sizeUnit === "pixels")).reduce((c, I) => {
-      const U = I.preferredPixelSize ?? I.originalPixelSize ?? I.size;
-      return c + Math.max(0, U ?? 0);
-    }, 0), _ = l.filter((c) => c.sizeUnit === "percentage" && !c.collapsed), V = _.map((c) => c.id), F = _.map((c) => {
-      const I = c.preferredPercentageSize ?? c.percentageSize;
-      return I !== void 0 && I > 0 ? Te(I, g) : c.size > 0 ? c.size : 0;
-    }), N = F.reduce((c, I) => c + I, 0), T = g - R, w = Math.max(0, T), L = w > 0, K = l.map((c) => {
-      if (c.collapsed) {
-        const I = c.sizeBeforeCollapse ?? c.measuredPixelSizeBeforeCollapse ?? c.originalPixelSize ?? (c.sizeUnit === "pixels" ? c.size : void 0), U = c.sizeUnit === "percentage" && c.percentageSize !== void 0 ? Te(c.percentageSize, g) : void 0, Z = I ?? U ?? 0, Q = c.measuredPixelSizeBeforeCollapse ?? c.measuredPixelSize ?? Z;
+    const B = c.filter((f) => !f.collapsed && (f.originalPixelSize !== void 0 || f.sizeUnit === "pixels")).reduce((f, L) => {
+      const ee = L.preferredPixelSize ?? L.originalPixelSize ?? L.size;
+      return f + Math.max(0, ee ?? 0);
+    }, 0), H = c.filter((f) => f.sizeUnit === "percentage" && !f.collapsed), Z = H.map((f) => f.id), T = H.map((f) => {
+      const L = f.preferredPercentageSize ?? f.percentageSize;
+      return L !== void 0 && L > 0 ? We(L, g) : f.size > 0 ? f.size : 0;
+    }), R = T.reduce((f, L) => f + L, 0), F = g - B, k = Math.max(0, F), Q = k > 0, ne = c.map((f) => {
+      if (f.collapsed) {
+        const L = f.sizeBeforeCollapse ?? f.measuredPixelSizeBeforeCollapse ?? f.originalPixelSize ?? (f.sizeUnit === "pixels" ? f.size : void 0), ee = f.sizeUnit === "percentage" && f.percentageSize !== void 0 ? We(f.percentageSize, g) : void 0, ie = L ?? ee ?? 0, xe = f.measuredPixelSizeBeforeCollapse ?? f.measuredPixelSize ?? ie;
         return {
-          ...c,
+          ...f,
           size: 0,
           percentageSize: 0,
-          preferredPercentageSize: c.preferredPercentageSize,
-          sizeBeforeCollapse: Z,
-          percentageSizeBeforeCollapse: c.percentageSizeBeforeCollapse ?? c.percentageSize ?? c.preferredPercentageSize ?? 0,
-          preferredPercentageSizeBeforeCollapse: c.preferredPercentageSizeBeforeCollapse ?? c.preferredPercentageSize ?? c.percentageSize ?? void 0,
-          preferredPixelSizeBeforeCollapse: c.preferredPixelSizeBeforeCollapse ?? c.preferredPixelSize ?? Z,
-          measuredPixelSizeBeforeCollapse: Q
+          preferredPercentageSize: f.preferredPercentageSize,
+          sizeBeforeCollapse: ie,
+          percentageSizeBeforeCollapse: f.percentageSizeBeforeCollapse ?? f.percentageSize ?? f.preferredPercentageSize ?? 0,
+          preferredPercentageSizeBeforeCollapse: f.preferredPercentageSizeBeforeCollapse ?? f.preferredPercentageSize ?? f.percentageSize ?? void 0,
+          preferredPixelSizeBeforeCollapse: f.preferredPixelSizeBeforeCollapse ?? f.preferredPixelSize ?? ie,
+          measuredPixelSizeBeforeCollapse: xe
         };
       }
-      if (c.sizeUnit === "pixels" || c.originalPixelSize !== void 0) {
-        const I = c.size, U = g > 0 ? me(I, g) : 0, Z = {
-          ...c,
-          size: I,
-          percentageSize: U,
-          preferredPixelSize: c.preferredPixelSize ?? c.originalPixelSize ?? I,
-          preferredPercentageSize: c.preferredPercentageSize !== void 0 ? c.preferredPercentageSize : U > 0 ? U : void 0
+      if (f.sizeUnit === "pixels" || f.originalPixelSize !== void 0) {
+        const L = f.size, ee = g > 0 ? Ce(L, g) : 0, ie = {
+          ...f,
+          size: L,
+          percentageSize: ee,
+          preferredPixelSize: f.preferredPixelSize ?? f.originalPixelSize ?? L,
+          preferredPercentageSize: f.preferredPercentageSize !== void 0 ? f.preferredPercentageSize : ee > 0 ? ee : void 0
         };
-        if (c.collapseFromStart || c.collapseFromEnd) {
-          const Q = c.sizeBeforeCollapse ?? I, Se = c.measuredPixelSizeBeforeCollapse ?? c.measuredPixelSize ?? Q;
-          Z.sizeBeforeCollapse = Q, Z.measuredPixelSizeBeforeCollapse = Se, Z.preferredPixelSizeBeforeCollapse = c.preferredPixelSizeBeforeCollapse ?? c.preferredPixelSize ?? Q;
+        if (f.collapseFromStart || f.collapseFromEnd) {
+          const xe = f.sizeBeforeCollapse ?? L, Ne = f.measuredPixelSizeBeforeCollapse ?? f.measuredPixelSize ?? xe;
+          ie.sizeBeforeCollapse = xe, ie.measuredPixelSizeBeforeCollapse = Ne, ie.preferredPixelSizeBeforeCollapse = f.preferredPixelSizeBeforeCollapse ?? f.preferredPixelSize ?? xe;
         }
-        return Z;
+        return ie;
       }
-      if (c.sizeUnit === "percentage") {
-        const I = V.indexOf(c.id), U = I !== -1 ? F[I] : 0, Z = q(c.minSize, 0, g), Q = q(c.maxSize, g, g), Se = Math.max(
-          Z,
-          c.sizeBeforeCollapse ?? 0,
-          c.measuredPixelSizeBeforeCollapse ?? 0,
-          c.measuredPixelSize ?? 0,
-          c.originalPixelSize ?? 0,
-          c.size > 0 ? c.size : 0,
-          c.percentageSize !== void 0 ? Te(c.percentageSize, g) : 0,
+      if (f.sizeUnit === "percentage") {
+        const L = Z.indexOf(f.id), ee = L !== -1 ? T[L] : 0, ie = te(f.minSize, 0, g), xe = te(f.maxSize, g, g), Ne = Math.max(
+          ie,
+          f.sizeBeforeCollapse ?? 0,
+          f.measuredPixelSizeBeforeCollapse ?? 0,
+          f.measuredPixelSize ?? 0,
+          f.originalPixelSize ?? 0,
+          f.size > 0 ? f.size : 0,
+          f.percentageSize !== void 0 ? We(f.percentageSize, g) : 0,
           1
-        ), Be = U > 0 ? U : Se;
-        let be;
-        if (!L)
-          be = Z;
-        else if (I !== -1 && N > 0) {
-          const Me = Be / N, Fe = w * Me;
-          be = ze(Fe, Z, Q);
+        ), ke = ee > 0 ? ee : Ne;
+        let Ae;
+        if (!Q)
+          Ae = ie;
+        else if (L !== -1 && R > 0) {
+          const we = ke / R, Ie = k * we;
+          Ae = me(Ie, ie, xe);
         } else {
-          const Me = c.percentageSize !== void 0 ? Te(c.percentageSize, g) : c.size, Fe = Me > 0 ? Me : Be;
-          be = ze(Fe, Z, Q);
+          const we = f.percentageSize !== void 0 ? We(f.percentageSize, g) : f.size, Ie = we > 0 ? we : ke;
+          Ae = me(Ie, ie, xe);
         }
-        const Re = g > 0 ? me(be, g) : 0, Ie = {
-          ...c,
-          size: be,
-          percentageSize: Re,
-          preferredPercentageSize: c.preferredPercentageSize !== void 0 ? c.preferredPercentageSize : Re > 0 ? Re : void 0
+        const Ge = g > 0 ? Ce(Ae, g) : 0, Te = {
+          ...f,
+          size: Ae,
+          percentageSize: Ge,
+          preferredPercentageSize: f.preferredPercentageSize !== void 0 ? f.preferredPercentageSize : Ge > 0 ? Ge : void 0
         };
-        if (c.collapseFromStart || c.collapseFromEnd) {
-          const Me = c.sizeBeforeCollapse ?? be, Fe = c.measuredPixelSizeBeforeCollapse ?? c.measuredPixelSize ?? Me;
-          Ie.sizeBeforeCollapse = Me, Ie.measuredPixelSizeBeforeCollapse = Fe, Ie.preferredPixelSizeBeforeCollapse = c.preferredPixelSizeBeforeCollapse ?? c.preferredPixelSize ?? Me;
+        if (f.collapseFromStart || f.collapseFromEnd) {
+          const we = f.sizeBeforeCollapse ?? Ae, Ie = f.measuredPixelSizeBeforeCollapse ?? f.measuredPixelSize ?? we;
+          Te.sizeBeforeCollapse = we, Te.measuredPixelSizeBeforeCollapse = Ie, Te.preferredPixelSizeBeforeCollapse = f.preferredPixelSizeBeforeCollapse ?? f.preferredPixelSize ?? we;
         }
-        return Ie;
+        return Te;
       }
-      return c;
-    }), oe = [];
-    for (let c = 0; c < K.length; c += 1) {
-      const I = K[c];
-      I.sizeUnit === "percentage" && !I.collapsed && oe.push(c);
+      return f;
+    }), K = [];
+    for (let f = 0; f < ne.length; f += 1) {
+      const L = ne[f];
+      L.sizeUnit === "percentage" && !L.collapsed && K.push(f);
     }
-    const Y = oe.reduce((c, I) => c + K[I].size, 0), se = T - Y;
-    Math.abs(se) > 0 && mt(K, se, g, { enforceAutoMinSize: !0 }), i({ type: "SET_PANELS", panels: K }), J.current = l.length, o(!0);
-  }, [l, t, f.width, f.height, a, x]);
-  re(() => {
-    const h = t === "horizontal" ? f.width : f.height, g = h > 0, M = g && l.length > 0, p = M ? l.reduce((N, T) => {
-      if (T.collapsed)
-        return N;
-      const w = q(T.minSize, 0, h);
-      return N + Math.max(0, w);
-    }, 0) : null, E = M ? l.reduce((N, T) => {
-      if (T.collapsed)
-        return N;
-      const w = q(T.maxSize, h, h);
-      return N + Math.max(0, w);
-    }, 0) : null, R = p ?? x?.totalMinimumSize ?? null, _ = E ?? x?.totalMaximumSize ?? null;
+    const W = K.reduce((f, L) => f + ne[L].size, 0), q = F - W;
+    Math.abs(q) > 0 && Ct(ne, q, g, { enforceAutoMinSize: !0 }), i({ type: "SET_PANELS", panels: ne }), re.current = c.length, o(!0);
+  }, [c, t, p.width, p.height, a, h]);
+  se(() => {
+    const l = t === "horizontal" ? p.width : p.height, g = l > 0, w = g && c.length > 0, M = w ? c.reduce((R, F) => {
+      if (F.collapsed)
+        return R;
+      const k = te(F.minSize, 0, l);
+      return R + Math.max(0, k);
+    }, 0) : null, A = w ? c.reduce((R, F) => {
+      if (F.collapsed)
+        return R;
+      const k = te(F.maxSize, l, l);
+      return R + Math.max(0, k);
+    }, 0) : null, B = M ?? h?.totalMinimumSize ?? null, H = A ?? h?.totalMaximumSize ?? null;
     if (!g) {
-      x && C((N) => !N || N.availableContainerSize === h ? N : {
-        reason: N.reason,
+      h && b((R) => !R || R.availableContainerSize === l ? R : {
+        reason: R.reason,
         // totalMinimumSize: previous.totalMinimumSize,
         // totalMaximumSize: previous.totalMaximumSize,
         totalMinimumSize: null,
         totalMaximumSize: null,
-        availableContainerSize: h
+        availableContainerSize: l
       });
       return;
     }
-    const V = R !== null && R - h > Number.EPSILON, F = _ !== null && h - _ > Number.EPSILON;
-    if (V || F) {
-      const T = {
-        reason: V ? "minimum-exceeded" : "maximum-insufficient",
-        totalMinimumSize: R,
-        totalMaximumSize: _,
-        availableContainerSize: h
+    const Z = B !== null && B - l > Number.EPSILON, T = H !== null && l - H > Number.EPSILON;
+    if (Z || T) {
+      const F = {
+        reason: Z ? "minimum-exceeded" : "maximum-insufficient",
+        totalMinimumSize: B,
+        totalMaximumSize: H,
+        availableContainerSize: l
       };
-      C((w) => w && w.reason === T.reason && Math.abs((w.totalMinimumSize ?? 0) - (T.totalMinimumSize ?? 0)) <= Number.EPSILON && Math.abs((w.totalMaximumSize ?? 0) - (T.totalMaximumSize ?? 0)) <= Number.EPSILON && Math.abs(w.availableContainerSize - T.availableContainerSize) <= Number.EPSILON ? w : T);
+      b((k) => k && k.reason === F.reason && Math.abs((k.totalMinimumSize ?? 0) - (F.totalMinimumSize ?? 0)) <= Number.EPSILON && Math.abs((k.totalMaximumSize ?? 0) - (F.totalMaximumSize ?? 0)) <= Number.EPSILON && Math.abs(k.availableContainerSize - F.availableContainerSize) <= Number.EPSILON ? k : F);
       return;
     }
-    if (x) {
-      const N = x.reason === "minimum-exceeded", T = x.reason === "maximum-insufficient";
-      (!N || R !== null) && (!T || _ !== null) && !V && !F && C((Y) => Y && null);
+    if (h) {
+      const R = h.reason === "minimum-exceeded", F = h.reason === "maximum-insufficient";
+      (!R || B !== null) && (!F || H !== null) && !Z && !T && b((W) => W && null);
     }
-  }, [l, t, f.width, f.height, x]), re(() => {
-    j();
-  }, [j]), re(() => {
+  }, [c, t, p.width, p.height, h]), se(() => {
+    Pe();
+  }, [Pe]), se(() => {
     D.current = n;
   }, [n]);
-  const b = te(() => l.map((h) => h.size), [l]);
-  je(() => {
-    b.length > 0 && D.current && D.current(b);
-  }, [b]), re(() => {
-    if (d && b.length > 0) {
-      const h = setTimeout(() => {
-        At(d, b);
+  const he = ae(() => c.map((l) => l.size), [c]);
+  Xe(() => {
+    he.length > 0 && D.current && D.current(he);
+  }, [he]), se(() => {
+    if (d && he.length > 0) {
+      const l = setTimeout(() => {
+        At(d, he);
       }, 200);
-      return () => clearTimeout(h);
+      return () => clearTimeout(l);
     }
-  }, [d, b]), re(() => {
-    if (!d || l.length === 0 || X.current)
+  }, [d, he]), se(() => {
+    if (!d || c.length === 0 || X.current)
       return;
-    const h = t === "horizontal" ? f.width : f.height;
-    if (h <= 0)
+    const l = t === "horizontal" ? p.width : p.height;
+    if (l <= 0)
       return;
     const g = Lt(d);
-    if (g && g.length === l.length) {
-      const M = l.map((p, E) => {
-        const R = q(p.minSize, 0, h), _ = q(p.maxSize, h, h), V = ze(g[E], R, _), F = me(V, h), N = p.sizeUnit === "pixels" || p.originalPixelSize !== void 0 ? V : p.preferredPixelSize;
+    if (g && g.length === c.length) {
+      const w = c.map((M, A) => {
+        const B = te(M.minSize, 0, l), H = te(M.maxSize, l, l), Z = me(g[A], B, H), T = Ce(Z, l), R = M.sizeUnit === "pixels" || M.originalPixelSize !== void 0 ? Z : M.preferredPixelSize;
         return {
-          ...p,
-          size: V,
-          percentageSize: F,
-          preferredPercentageSize: F > 0 ? F : p.preferredPercentageSize,
-          preferredPixelSize: N
+          ...M,
+          size: Z,
+          percentageSize: T,
+          preferredPercentageSize: T > 0 ? T : M.preferredPercentageSize,
+          preferredPixelSize: R
         };
       });
-      i({ type: "SET_PANELS", panels: M }), X.current = !0;
+      i({ type: "SET_PANELS", panels: w }), X.current = !0;
     }
-  }, [d, l, f.width, f.height, t]);
-  const H = pe((h) => {
-    const g = W.current, M = ee.current, p = JSON.stringify({
-      id: h.id,
-      size: h.size ?? null,
-      percentageSize: h.percentageSize ?? null,
-      preferredPercentageSize: h.preferredPercentageSize ?? null,
-      preferredPixelSize: h.preferredPixelSize ?? null,
-      sizeUnit: h.sizeUnit,
-      originalPixelSize: h.originalPixelSize ?? null,
-      minSize: h.minSize ?? null,
-      maxSize: h.maxSize ?? null,
-      collapseFromStart: h.collapseFromStart,
-      collapseFromEnd: h.collapseFromEnd,
-      collapsed: h.collapsed ?? !1,
-      collapsedByDirection: h.collapsedByDirection ?? null,
-      sizeBeforeCollapse: h.sizeBeforeCollapse ?? null,
-      percentageSizeBeforeCollapse: h.percentageSizeBeforeCollapse ?? null,
-      preferredPercentageSizeBeforeCollapse: h.preferredPercentageSizeBeforeCollapse ?? null,
-      preferredPixelSizeBeforeCollapse: h.preferredPixelSizeBeforeCollapse ?? null,
-      pixelAdjustPriority: h.pixelAdjustPriority ?? null
+  }, [d, c, p.width, p.height, t]);
+  const ue = Se((l) => {
+    const g = j.current, w = oe.current, M = JSON.stringify({
+      id: l.id,
+      size: l.size ?? null,
+      percentageSize: l.percentageSize ?? null,
+      preferredPercentageSize: l.preferredPercentageSize ?? null,
+      preferredPixelSize: l.preferredPixelSize ?? null,
+      sizeUnit: l.sizeUnit,
+      originalPixelSize: l.originalPixelSize ?? null,
+      minSize: l.minSize ?? null,
+      maxSize: l.maxSize ?? null,
+      collapseFromStart: l.collapseFromStart,
+      collapseFromEnd: l.collapseFromEnd,
+      collapsed: l.collapsed ?? !1,
+      collapsedByDirection: l.collapsedByDirection ?? null,
+      sizeBeforeCollapse: l.sizeBeforeCollapse ?? null,
+      percentageSizeBeforeCollapse: l.percentageSizeBeforeCollapse ?? null,
+      preferredPercentageSizeBeforeCollapse: l.preferredPercentageSizeBeforeCollapse ?? null,
+      preferredPixelSizeBeforeCollapse: l.preferredPixelSizeBeforeCollapse ?? null,
+      pixelAdjustPriority: l.pixelAdjustPriority ?? null
     });
-    if (M[h.id] === p) {
-      _e.debug("useResizablePanels.registerPanel skipped", {
-        panelId: h.id,
+    if (w[l.id] === M) {
+      Ue.debug("useResizablePanels.registerPanel skipped", {
+        panelId: l.id,
         reason: "duplicate-registration"
       });
       return;
     }
-    M[h.id] = p, _e.debug("useResizablePanels.registerPanel", {
-      panelId: h.id,
-      containerReady: O.current,
-      violationReason: B.current,
+    w[l.id] = M, Ue.debug("useResizablePanels.registerPanel", {
+      panelId: l.id,
+      containerReady: _.current,
+      violationReason: E.current,
       containerSize: {
         width: g.width,
         height: g.height
       }
-    }), i({ type: "REGISTER_PANEL", panel: h });
-  }, []), he = pe((h) => {
-    const g = W.current;
-    _e.debug("useResizablePanels.unregisterPanel", {
-      panelId: h,
-      containerReady: O.current,
-      violationReason: B.current,
+    }), i({ type: "REGISTER_PANEL", panel: l });
+  }, []), pe = Se((l) => {
+    const g = j.current;
+    Ue.debug("useResizablePanels.unregisterPanel", {
+      panelId: l,
+      containerReady: _.current,
+      violationReason: E.current,
       containerSize: {
         width: g.width,
         height: g.height
       }
-    }), i({ type: "UNREGISTER_PANEL", id: h }), delete ee.current[h], v((M) => {
-      if (!(h in M))
-        return M;
-      const p = { ...M };
-      return delete p[h], p;
+    }), i({ type: "UNREGISTER_PANEL", id: l }), delete oe.current[l], v((w) => {
+      if (!(l in w))
+        return w;
+      const M = { ...w };
+      return delete M[l], M;
     });
-  }, []), ce = pe(
-    (h, g, M, p) => {
-      const E = t === "horizontal" ? f.width : f.height, R = l.find((Y) => Y.id === h), _ = l.find((Y) => Y.id === g);
-      if (!(R && _)) {
-        i({ type: "RESIZE_PANELS", leftId: h, rightId: g, leftSize: M, rightSize: p, containerSize: E });
+  }, []), ge = Se(
+    (l, g, w, M) => {
+      const A = t === "horizontal" ? p.width : p.height, B = c.find((W) => W.id === l), H = c.find((W) => W.id === g);
+      if (!(B && H)) {
+        i({ type: "RESIZE_PANELS", leftId: l, rightId: g, leftSize: w, rightSize: M, containerSize: A });
         return;
       }
-      if (R.collapsed || _.collapsed)
+      if (B.collapsed || H.collapsed)
         return;
-      const V = q(R.minSize, 0, E), F = q(R.maxSize, E, E), N = q(_.minSize, 0, E), T = q(_.maxSize, E, E);
-      let w = ze(M, V, F), L = ze(p, N, T);
-      const K = w + L, oe = M + p;
-      if (K !== oe) {
-        const Y = oe - K;
-        if (Y > 0) {
-          const se = F - w, c = T - L, I = se + c;
-          if (I > 0) {
-            const U = Math.min(Y * (se / I), se), Z = Math.min(Y - U, c);
-            w += U, L += Z;
+      const Z = te(B.minSize, 0, A), T = te(B.maxSize, A, A), R = te(H.minSize, 0, A), F = te(H.maxSize, A, A);
+      let k = me(w, Z, T), Q = me(M, R, F);
+      const ne = k + Q, K = w + M;
+      if (Math.abs(ne - K) > 1e-9) {
+        const W = K - ne;
+        if (W > 0) {
+          const q = T - k, f = F - Q, L = q + f;
+          if (L > 0) {
+            const ee = Math.min(W * (q / L), q), ie = Math.min(W - ee, f);
+            k += ee, Q += ie;
           }
-        } else if (Y < 0) {
-          const se = Math.abs(Y), c = w - V, I = L - N, U = c + I;
-          if (U > 0) {
-            const Z = Math.min(se * (c / U), c), Q = Math.min(se - Z, I);
-            w -= Z, L -= Q;
+        } else if (W < 0) {
+          const q = Math.abs(W), f = k - Z, L = Q - R, ee = f + L;
+          if (ee > 0) {
+            const ie = Math.min(q * (f / ee), f), xe = Math.min(q - ie, L);
+            k -= ie, Q -= xe;
           }
         }
       }
-      w = ze(w, V, F), L = ze(L, N, T), w + L !== oe && _e.error("Total size after constraints should be close to the original total size.", { constrainedLeftSize: w, constrainedRightSize: L, originalTotalSize: oe }), i({ type: "RESIZE_PANELS", leftId: h, rightId: g, leftSize: w, rightSize: L, containerSize: E });
+      k = me(k, Z, T), Q = me(Q, R, F), Math.abs(k + Q - K) > 1e-9 && Ue.error("Total size after constraints should be close to the original total size.", { constrainedLeftSize: k, constrainedRightSize: Q, originalTotalSize: K }), i({ type: "RESIZE_PANELS", leftId: l, rightId: g, leftSize: k, rightSize: Q, containerSize: A });
     },
-    [t, f.width, f.height, l]
-  ), ge = pe(
-    (h, g) => {
-      const M = t === "horizontal" ? f.width : f.height;
-      i({ type: "COLLAPSE_PANEL", id: h, from: g, containerSize: M });
+    [t, p.width, p.height, c]
+  ), ye = Se(
+    (l, g) => {
+      const w = t === "horizontal" ? p.width : p.height;
+      i({ type: "COLLAPSE_PANEL", id: l, from: g, containerSize: w });
     },
-    [t, f.width, f.height]
-  ), Pe = pe(
-    (h, g, M) => {
-      const p = t === "horizontal" ? f.width : f.height;
-      i({ type: "EXPAND_PANEL", id: h, from: g, containerSize: p, targetSize: M });
+    [t, p.width, p.height]
+  ), Be = Se(
+    (l, g, w) => {
+      const M = t === "horizontal" ? p.width : p.height;
+      i({ type: "EXPAND_PANEL", id: l, from: g, containerSize: M, targetSize: w });
     },
-    [t, f.width, f.height]
-  ), ne = pe(
-    (h) => l.find((g) => g.id === h),
-    [l]
-  ), de = pe((h, g) => {
-    v((M) => {
+    [t, p.width, p.height]
+  ), Re = Se(
+    (l) => c.find((g) => g.id === l),
+    [c]
+  ), G = Se((l, g) => {
+    v((w) => {
       if (g === null) {
-        if (!(h in M))
-          return M;
-        const E = { ...M };
-        return delete E[h], E;
+        if (!(l in w))
+          return w;
+        const H = { ...w };
+        return delete H[l], H;
       }
-      const p = M[h];
-      return p && p.pixelSize === g.pixelSize && p.percentageSize === g.percentageSize ? M : {
-        ...M,
-        [h]: g
-      };
+      const M = w[l], A = M && Math.abs(M.pixelSize - g.pixelSize) < 0.1, B = M && Math.abs(M.percentageSize - g.percentageSize) < 0.01;
+      return A && B ? (N.current[l] && clearTimeout(N.current[l]), be.current[l] = g, N.current[l] = setTimeout(() => {
+        const H = be.current[l];
+        H && v((Z) => ({
+          ...Z,
+          [l]: H
+        })), delete N.current[l];
+      }, 200), w) : (N.current[l] && (clearTimeout(N.current[l]), delete N.current[l]), {
+        ...w,
+        [l]: g
+      });
     });
-  }, []), fe = pe((h, g) => {
-    y((M) => {
+  }, []), le = Se((l, g) => {
+    C((w) => {
       if (g === null) {
-        if (!(h in M))
-          return M;
-        const E = { ...M };
-        return delete E[h], E;
+        if (!(l in w))
+          return w;
+        const A = { ...w };
+        return delete A[l], A;
       }
-      const p = M[h];
-      return p && Math.abs(p.thickness - g.thickness) <= 0.25 && p.visible === g.visible && p.direction === g.direction && p.startPanelId === g.startPanelId && p.endPanelId === g.endPanelId ? M : {
-        ...M,
-        [h]: g
+      const M = w[l];
+      return M && Math.abs(M.thickness - g.thickness) <= 0.25 && M.visible === g.visible && M.direction === g.direction && M.startPanelId === g.startPanelId && M.endPanelId === g.endPanelId ? w : {
+        ...w,
+        [l]: g
       };
     });
-  }, []), xe = te(
+  }, []), P = ae(
     () => ({
       direction: t,
-      panels: l,
-      containerSize: f,
+      panels: c,
+      containerSize: p,
       isContainerReady: z,
       showDebugInfo: r,
-      registerPanel: H,
-      unregisterPanel: he,
-      resizePanels: ce,
-      collapsePanel: ge,
-      expandPanel: Pe,
-      getPanel: ne,
-      reportPanelMeasurement: de,
-      panelMeasurements: P,
-      reportHandleMeasurement: fe,
-      handleMeasurements: S,
-      layoutConstraintViolation: x
+      registerPanel: ue,
+      unregisterPanel: pe,
+      resizePanels: ge,
+      collapsePanel: ye,
+      expandPanel: Be,
+      getPanel: Re,
+      reportPanelMeasurement: G,
+      panelMeasurements: m,
+      reportHandleMeasurement: le,
+      handleMeasurements: x,
+      layoutConstraintViolation: h
     }),
-    [t, l, f, z, r, H, he, ce, ge, Pe, ne, de, P, fe, S, x]
-  ), ve = te(
+    [t, c, p, z, r, ue, pe, ge, ye, Be, Re, G, m, le, x, h]
+  ), $ = ae(
     () => ({
       display: "flex",
       flexDirection: t === "horizontal" ? "row" : "column",
@@ -1127,59 +1142,59 @@ const ue = new Ge(Ve.INFO, "[resize-panels]"), Ce = (t) => t.map((e) => ({
     [t, e]
   );
   return {
-    groupRef: m,
-    contextValue: xe,
-    groupStyle: ve
+    groupRef: S,
+    contextValue: P,
+    groupStyle: $
   };
 }, di = (t) => {
-  const { getPanel: e, collapsePanel: n, expandPanel: d } = Qe(), r = e(t), l = pe(
+  const { getPanel: e, collapsePanel: n, expandPanel: d } = rt(), r = e(t), c = Se(
     (u) => {
       n(t, u);
     },
     [n, t]
-  ), i = pe(
+  ), i = Se(
     (u, z) => {
       d(t, u, z);
     },
     [d, t]
-  ), f = pe(
+  ), p = Se(
     (u, z) => {
-      r?.collapsed ? i(u, z) : l(u);
+      r?.collapsed ? i(u, z) : c(u);
     },
-    [r?.collapsed, l, i]
+    [r?.collapsed, c, i]
   );
-  return te(
+  return ae(
     () => ({
       panel: r,
       isCollapsed: r?.collapsed ?? !1,
       canCollapseFromStart: r?.collapseFromStart ?? !1,
       canCollapseFromEnd: r?.collapseFromEnd ?? !1,
-      collapse: l,
+      collapse: c,
       expand: i,
-      toggle: f
+      toggle: p
     }),
-    [r, l, i, f]
+    [r, c, i, p]
   );
-}, _t = ({ panel: t, measuredPixelSize: e, measuredPercentageSize: n, containerAxisSize: d, containerLabel: r }) => {
-  const l = t?.size, i = typeof l == "number" && Number.isFinite(l) ? `${l.toFixed(3)}px` : "-", f = t?.percentageSize !== void 0 ? `${t.percentageSize.toFixed(3)}%` : "-", u = Number.isFinite(e) ? `${e.toFixed(3)}px` : "-", z = Number.isFinite(n) ? `${n.toFixed(3)}%` : "-", s = Number.isFinite(d) ? `${d.toFixed(3)}px` : "-", a = `${i} / ${f}`, o = `${u} / ${z}`, x = t?.sizeUnit === "pixels" ? "Fixed" : "Flexible", C = [x, `${r}: ${s}`, `size (state): ${a}`, `size (measured): ${o}`];
+}, Tt = ({ panel: t, measuredPixelSize: e, measuredPercentageSize: n, containerAxisSize: d, containerLabel: r }) => {
+  const c = t?.size, i = typeof c == "number" && Number.isFinite(c) ? `${c.toFixed(3)}px` : "-", p = t?.percentageSize !== void 0 ? `${t.percentageSize.toFixed(3)}%` : "-", u = Number.isFinite(e) ? `${e.toFixed(3)}px` : "-", z = Number.isFinite(n) ? `${n.toFixed(3)}%` : "-", s = Number.isFinite(d) ? `${d.toFixed(3)}px` : "-", a = `${i} / ${p}`, o = `${u} / ${z}`, h = t?.sizeUnit === "pixels" ? "Fixed" : "Flexible", b = [h, `${r}: ${s}`, `size (state): ${a}`, `size (measured): ${o}`];
   return {
     stateValueDisplay: a,
     measuredValueDisplay: o,
     containerDisplay: s,
-    headlineLabel: x,
-    titleText: C.join(`
+    headlineLabel: h,
+    titleText: b.join(`
 `)
   };
-}, Tt = Ke(({ panel: t, measuredPixelSize: e, measuredPercentageSize: n, containerAxisSize: d, direction: r }) => {
-  const l = r === "horizontal" ? "container width" : "container height", { stateValueDisplay: i, measuredValueDisplay: f, containerDisplay: u, headlineLabel: z, titleText: s } = te(
-    () => _t({
+}, _t = it(({ panel: t, measuredPixelSize: e, measuredPercentageSize: n, containerAxisSize: d, direction: r }) => {
+  const c = r === "horizontal" ? "container width" : "container height", { stateValueDisplay: i, measuredValueDisplay: p, containerDisplay: u, headlineLabel: z, titleText: s } = ae(
+    () => Tt({
       panel: t,
       measuredPixelSize: e,
       measuredPercentageSize: n,
       containerAxisSize: d,
-      containerLabel: l
+      containerLabel: c
     }),
-    [t, e, n, d, l]
+    [t, e, n, d, c]
   ), a = {
     position: "absolute",
     top: "2px",
@@ -1204,7 +1219,7 @@ const ue = new Ge(Ve.INFO, "[resize-panels]"), Ce = (t) => t.map((e) => ({
     gap: "1px",
     minWidth: "0",
     width: "100%"
-  }, x = {
+  }, h = {
     display: "flex",
     justifyContent: "flex-start",
     alignItems: "center",
@@ -1216,7 +1231,7 @@ const ue = new Ge(Ve.INFO, "[resize-panels]"), Ce = (t) => t.map((e) => ({
     textOverflow: "ellipsis",
     minWidth: "0",
     width: "100%"
-  }, C = {
+  }, b = {
     display: "flex",
     justifyContent: "space-between",
     alignItems: "center",
@@ -1226,27 +1241,27 @@ const ue = new Ge(Ve.INFO, "[resize-panels]"), Ce = (t) => t.map((e) => ({
     textOverflow: "ellipsis",
     minWidth: "0",
     width: "100%"
-  }, P = {
+  }, m = {
     marginLeft: "auto",
     fontVariantNumeric: "tabular-nums",
     whiteSpace: "nowrap"
   };
-  return /* @__PURE__ */ A("div", { style: a, title: s, children: /* @__PURE__ */ le("div", { style: o, children: [
-    /* @__PURE__ */ A("div", { style: x, children: /* @__PURE__ */ A("span", { children: z }) }),
-    /* @__PURE__ */ le("div", { style: C, children: [
-      /* @__PURE__ */ A("span", { children: l }),
-      /* @__PURE__ */ A("span", { style: P, children: u })
+  return /* @__PURE__ */ I("div", { style: a, title: s, children: /* @__PURE__ */ fe("div", { style: o, children: [
+    /* @__PURE__ */ I("div", { style: h, children: /* @__PURE__ */ I("span", { children: z }) }),
+    /* @__PURE__ */ fe("div", { style: b, children: [
+      /* @__PURE__ */ I("span", { children: c }),
+      /* @__PURE__ */ I("span", { style: m, children: u })
     ] }),
-    /* @__PURE__ */ le("div", { style: C, children: [
-      /* @__PURE__ */ A("span", { children: "size (state)" }),
-      /* @__PURE__ */ A("span", { style: P, children: i })
+    /* @__PURE__ */ fe("div", { style: b, children: [
+      /* @__PURE__ */ I("span", { children: "size (state)" }),
+      /* @__PURE__ */ I("span", { style: m, children: i })
     ] }),
-    /* @__PURE__ */ le("div", { style: C, children: [
-      /* @__PURE__ */ A("span", { children: "size (measured)" }),
-      /* @__PURE__ */ A("span", { style: P, children: f })
+    /* @__PURE__ */ fe("div", { style: b, children: [
+      /* @__PURE__ */ I("span", { children: "size (measured)" }),
+      /* @__PURE__ */ I("span", { style: m, children: p })
     ] })
   ] }) });
-}), Je = new Ge(Ve.INFO, "[resize-panels]"), kt = {
+}), tt = new je(qe.INFO, "[resize-panels]"), kt = {
   both: {
     collapseFromStart: !0,
     collapseFromEnd: !0
@@ -1269,175 +1284,181 @@ const ue = new Ge(Ve.INFO, "[resize-panels]"), Ce = (t) => t.map((e) => ({
   if (!e)
     throw new Error("Invalid collapsible configuration: unsupported 'from' value");
   return e;
-}, ot = ({ ref: t, setState: e, panelIdRef: n, label: d }) => (r) => {
-  if (!Number.isFinite(r))
+}, lt = ({ ref: t, setState: e, panelIdRef: n, label: d, timerRef: r }) => (c) => {
+  if (!Number.isFinite(c))
+    return;
+  const i = c < 0 ? 0 : c, p = d === "pixel" ? 0.1 : 0.01;
+  if (Math.abs(t.current - i) < p) {
+    r && (r.current && clearTimeout(r.current), r.current = setTimeout(() => {
+      t.current = i, e(i), r.current = null;
+    }, 200));
     return;
-  const l = r < 0 ? 0 : r;
-  t.current !== l && (t.current = l, Je.debug(`commit ${d}`, {
+  }
+  r?.current && (clearTimeout(r.current), r.current = null), t.current = i, tt.debug(`commit ${d}`, {
     panelId: n.current,
-    [d]: l
-  }), e(l));
-}, ui = Ke(
-  ({ id: t, defaultSize: e = { value: 50, unit: "percentage" }, minSize: n, maxSize: d, autoMinSize: r, className: l, style: i, children: f, order: u = 0, collapsible: z, defaultCollapsed: s = !1, pixelAdjustPriority: a, flexAdjustPriority: o, contentOverflow: x = "auto" }) => {
-    const { direction: C, registerPanel: P, unregisterPanel: v, getPanel: S, showDebugInfo: y, isContainerReady: m, reportPanelMeasurement: D, containerSize: X } = Qe(), J = ie(null), ae = ut(), W = ie(t || `panel-${ae}`), O = te(() => Gt(z), [z]), B = O.collapseFromStart || O.collapseFromEnd, ee = te(() => B ? O.collapseFromStart ? "start" : O.collapseFromEnd ? "end" : null : null, [B, O.collapseFromStart, O.collapseFromEnd]), k = B && s, $ = te(() => Xe(e), [e]), G = $?.unit === "pixels", j = G ? void 0 : $?.value, b = S(W.current), H = !!b?.collapsed, he = (b?.size ?? 0) <= 0, ce = H || he, [ge, Pe] = ye(() => G && $ ? $.value : b?.size !== void 0 ? b.size : 0), [ne, de] = ye(() => !G && $ ? $.value : b?.percentageSize !== void 0 ? b.percentageSize : 0), fe = ie(ne);
-    fe.current = ne;
-    const xe = ie(ge);
-    xe.current = ge;
-    const ve = te(
-      () => ot({
-        ref: xe,
-        setState: Pe,
-        panelIdRef: W,
-        label: "pixel"
+    [d]: i
+  }), e(i);
+}, ui = it(
+  ({ id: t, defaultSize: e = { value: 50, unit: "percentage" }, minSize: n, maxSize: d, autoMinSize: r, className: c, style: i, children: p, order: u = 0, collapsible: z, defaultCollapsed: s = !1, pixelAdjustPriority: a, flexAdjustPriority: o, contentOverflow: h = "auto" }) => {
+    const { direction: b, registerPanel: m, unregisterPanel: v, getPanel: x, showDebugInfo: C, isContainerReady: S, reportPanelMeasurement: D, containerSize: X } = rt(), re = J(null), de = zt(), j = J(t || `panel-${de}`), _ = ae(() => Gt(z), [z]), E = _.collapseFromStart || _.collapseFromEnd, oe = ae(() => E ? _.collapseFromStart ? "start" : _.collapseFromEnd ? "end" : null : null, [E, _.collapseFromStart, _.collapseFromEnd]), U = E && s, V = ae(() => Qe(e), [e]), O = V?.unit === "pixels", Y = O ? void 0 : V?.value, y = x(j.current), N = !!y?.collapsed, be = (y?.size ?? 0) <= 0, ce = N || be, [Pe, he] = Me(() => O && V ? V.value : y?.size !== void 0 ? y.size : 0), [ue, pe] = Me(() => !O && V ? V.value : y?.percentageSize !== void 0 ? y.percentageSize : 0), ge = J(Pe), ye = J(ue), Be = J(null), Re = J(null);
+    se(() => () => {
+      Be.current && clearTimeout(Be.current), Re.current && clearTimeout(Re.current);
+    }, []);
+    const G = ae(
+      () => lt({
+        ref: ge,
+        setState: he,
+        panelIdRef: j,
+        label: "pixel",
+        timerRef: Be
       }),
       []
-    ), h = te(
-      () => ot({
-        ref: fe,
-        setState: de,
-        panelIdRef: W,
-        label: "percentage"
+    ), le = ae(
+      () => lt({
+        ref: ye,
+        setState: pe,
+        panelIdRef: j,
+        label: "percentage",
+        timerRef: Re
       }),
       []
-    ), g = pe(() => {
-      xe.current !== 0 && (xe.current = 0, Pe(0)), fe.current !== 0 && (fe.current = 0, de(0));
+    ), P = Se(() => {
+      ge.current !== 0 && (ge.current = 0, he(0)), ye.current !== 0 && (ye.current = 0, pe(0));
     }, []);
-    re(() => {
-      if (!m)
+    se(() => {
+      if (!S)
         return;
-      let w = 0;
-      if (G && $) {
-        let U = $.value;
-        n && typeof n == "object" && n.unit === "pixels" && (U = Math.max(U, n.value)), d && typeof d == "object" && d.unit === "pixels" && (U = Math.min(U, d.value)), w = U;
+      let T = 0;
+      if (O && V) {
+        let q = V.value;
+        n && typeof n == "object" && n.unit === "pixels" && (q = Math.max(q, n.value)), d && typeof d == "object" && d.unit === "pixels" && (q = Math.min(q, d.value)), T = q;
       }
-      const L = k, K = L ? ee : null;
-      s && !B && Je.warn("Panel defaultCollapsed is ignored because collapsible configuration is not provided.");
-      const oe = B && L && G ? w : void 0, Y = B ? j : void 0, se = G ? w : void 0, c = {
-        id: W.current,
-        size: L ? 0 : w,
-        percentageSize: L ? 0 : j,
-        preferredPercentageSize: j,
-        preferredPixelSize: se,
-        sizeUnit: $?.unit || "percentage",
-        originalPixelSize: G ? w : void 0,
+      const R = U, F = R ? oe : null;
+      s && !E && tt.warn("Panel defaultCollapsed is ignored because collapsible configuration is not provided.");
+      const k = E && R && O ? T : void 0, Q = E ? Y : void 0, ne = O ? T : void 0, K = {
+        id: j.current,
+        size: R ? 0 : T,
+        percentageSize: R ? 0 : Y,
+        preferredPercentageSize: Y,
+        preferredPixelSize: ne,
+        sizeUnit: V?.unit || "percentage",
+        originalPixelSize: O ? T : void 0,
         minSize: n,
         maxSize: d,
-        collapseFromStart: O.collapseFromStart,
-        collapseFromEnd: O.collapseFromEnd,
-        collapsedByDirection: K,
-        collapsed: L,
-        sizeBeforeCollapse: oe,
-        percentageSizeBeforeCollapse: Y,
-        preferredPercentageSizeBeforeCollapse: B ? j : void 0,
-        preferredPixelSizeBeforeCollapse: B ? se : void 0,
+        collapseFromStart: _.collapseFromStart,
+        collapseFromEnd: _.collapseFromEnd,
+        collapsedByDirection: F,
+        collapsed: R,
+        sizeBeforeCollapse: k,
+        percentageSizeBeforeCollapse: Q,
+        preferredPercentageSizeBeforeCollapse: E ? Y : void 0,
+        preferredPixelSizeBeforeCollapse: E ? ne : void 0,
         pixelAdjustPriority: a,
         flexAdjustPriority: o,
         autoMinSize: r
       };
-      return P(c), () => {
-        v(W.current), D(W.current, null);
-      };
+      m(K);
     }, [
       r,
-      O.collapseFromEnd,
-      O.collapseFromStart,
+      _.collapseFromEnd,
+      _.collapseFromStart,
       s,
-      $,
+      V,
       o,
-      B,
-      m,
-      G,
+      E,
+      S,
+      O,
       d,
       n,
       a,
-      ee,
-      j,
-      P,
-      D,
-      k,
-      v
-    ]);
-    const M = b?.size ?? 0;
-    re(() => {
-      const w = J.current;
-      if (!w) return;
-      const L = () => {
-        if (!b)
+      oe,
+      Y,
+      m,
+      U
+    ]), se(() => () => {
+      v(j.current), D(j.current, null);
+    }, [v, D]);
+    const $ = y?.size ?? 0;
+    se(() => {
+      const T = re.current;
+      if (!T) return;
+      const R = () => {
+        if (!y)
           return;
-        const c = w.parentElement;
-        if (!c) return;
-        const I = w.getBoundingClientRect(), U = Le(c, "horizontal"), Z = Le(c, "vertical"), Q = C === "horizontal" ? I.width : I.height, Se = C === "horizontal" ? U.inner : Z.inner, Be = qe(Se);
+        const K = T.parentElement;
+        if (!K) return;
+        const W = T.getBoundingClientRect(), q = Oe(K, "horizontal"), f = Oe(K, "vertical"), L = b === "horizontal" ? W.width : W.height, ee = b === "horizontal" ? q.inner : f.inner, ie = et(ee);
         if (ce) {
-          g();
+          P();
           return;
         }
-        const be = b.size ?? 0, Re = Math.max(2, Be * 0.5);
-        if (be > Be && Q < Re) {
-          Je.debug("skip noisy measurement", {
-            panelId: W.current,
-            expectedPanelSize: be,
-            measured: Q,
-            noiseThreshold: Re
+        const xe = y.size ?? 0, Ne = Math.max(2, ie * 0.5);
+        if (xe > ie && L < Ne) {
+          tt.debug("skip noisy measurement", {
+            panelId: j.current,
+            expectedPanelSize: xe,
+            measured: L,
+            noiseThreshold: Ne
           });
           return;
         }
-        if (Q > 0) {
-          ve(Q), Se > 0 && h(Q / Se * 100);
+        if (L > 0) {
+          G(L), ee > 0 && le(L / ee * 100);
           return;
         }
-        b.size !== void 0 && ve(b.size), b.percentageSize !== void 0 ? h(b.percentageSize) : b.sizeUnit === "pixels" && b.size !== void 0 && Se > 0 && h(b.size / Se * 100);
-      }, K = new ResizeObserver(() => {
-        L();
+        y.size !== void 0 && G(y.size), y.percentageSize !== void 0 ? le(y.percentageSize) : y.sizeUnit === "pixels" && y.size !== void 0 && ee > 0 && le(y.size / ee * 100);
+      }, F = new ResizeObserver(() => {
+        R();
       });
-      K.observe(w), L();
-      const oe = [], Y = new MutationObserver(() => {
+      F.observe(T), R();
+      const k = [], Q = new MutationObserver(() => {
         (() => {
-          if (!J.current) return !1;
-          const I = J.current.getBoundingClientRect();
-          return (C === "horizontal" ? I.width : I.height) !== xe.current;
-        })() && setTimeout(L, 0);
-      }), se = w.parentElement;
-      return se && Y.observe(se, {
+          if (!re.current) return !1;
+          const W = re.current.getBoundingClientRect();
+          return (b === "horizontal" ? W.width : W.height) !== ge.current;
+        })() && setTimeout(R, 0);
+      }), ne = T.parentElement;
+      return ne && Q.observe(ne, {
         childList: !0,
         subtree: !0,
         attributes: !0,
         attributeFilter: ["style", "class"]
       }), () => {
-        K.disconnect(), Y.disconnect();
-        for (const c of oe)
-          clearTimeout(c);
+        F.disconnect(), Q.disconnect();
+        for (const K of k)
+          clearTimeout(K);
       };
-    }, [h, ve, b, C, ce, g]);
-    const p = b?.size, E = b?.percentageSize, R = b?.sizeUnit;
-    re(() => {
-      if (b) {
+    }, [le, G, y, b, ce, P]);
+    const l = y?.size, g = y?.percentageSize, w = y?.sizeUnit;
+    se(() => {
+      if (y) {
         if (ce) {
-          g();
+          P();
           return;
         }
-        if (p !== void 0 && ve(p), E !== void 0)
-          h(E);
-        else if (R === "pixels" && p !== void 0) {
-          const w = J.current, L = w?.parentElement;
-          if (w && L) {
-            const { width: K, height: oe } = w.getBoundingClientRect(), Y = L.clientWidth, se = L.clientHeight, c = C === "horizontal" ? K : oe, I = C === "horizontal" ? Y : se;
-            if (c > 0 && I > 0) {
-              const U = c / I * 100;
-              h(U);
+        if (l !== void 0 && G(l), g !== void 0)
+          le(g);
+        else if (w === "pixels" && l !== void 0) {
+          const T = re.current, R = T?.parentElement;
+          if (T && R) {
+            const { width: F, height: k } = T.getBoundingClientRect(), Q = R.clientWidth, ne = R.clientHeight, K = b === "horizontal" ? F : k, W = b === "horizontal" ? Q : ne;
+            if (K > 0 && W > 0) {
+              const q = K / W * 100;
+              le(q);
             }
           }
         }
       }
-    }, [h, ve, b, E, p, R, C, ce, g]), re(() => {
-      D(W.current, {
-        pixelSize: ge,
-        percentageSize: ne
+    }, [le, G, y, g, l, w, b, ce, P]), se(() => {
+      D(j.current, {
+        pixelSize: Pe,
+        percentageSize: ue
       });
-    }, [D, ge, ne]);
-    const _ = () => ce ? "0px" : b?.originalPixelSize !== void 0 ? `${M}px` : b?.percentageSize !== void 0 ? `${b.percentageSize}%` : `${M}px`, V = b?.sizeUnit === "percentage" && !b?.collapsed ? 1 : 0, F = {
-      flexBasis: _(),
+    }, [D, Pe, ue]);
+    const M = () => ce ? "0px" : y?.originalPixelSize !== void 0 ? `${$}px` : y?.percentageSize !== void 0 ? `${y.percentageSize}%` : `${$}px`, A = y?.sizeUnit === "percentage" && !y?.collapsed ? 1 : 0, B = {
+      flexBasis: M(),
       flexGrow: 0,
-      flexShrink: V,
+      flexShrink: A,
       overflow: "hidden",
       position: "relative",
       boxSizing: "border-box",
@@ -1445,12 +1466,12 @@ const ue = new Ge(Ve.INFO, "[resize-panels]"), Ce = (t) => t.map((e) => ({
       minWidth: "0px",
       ...i
     };
-    C === "horizontal" ? (F.height = "100%", F.minWidth = 0) : (F.width = "100%", F.minHeight = 0), ce && (C === "horizontal" ? (F.width = "0px", F.minWidth = "0px") : (F.height = "0px", F.minHeight = "0px"), F.flexGrow = 0, F.flexShrink = 0, F.pointerEvents = "none", F.visibility = "hidden", H && (F.display = "none"));
-    const N = C === "horizontal" ? X.width : X.height, T = te(
+    b === "horizontal" ? (B.height = "100%", B.minWidth = 0) : (B.width = "100%", B.minHeight = 0), ce && (b === "horizontal" ? (B.width = "0px", B.minWidth = "0px") : (B.height = "0px", B.minHeight = "0px"), B.flexGrow = 0, B.flexShrink = 0, B.pointerEvents = "none", B.visibility = "hidden", N && (B.display = "none"));
+    const H = b === "horizontal" ? X.width : X.height, Z = ae(
       () => ({
         position: "absolute",
         inset: "0px",
-        overflow: x,
+        overflow: h,
         display: "flex",
         flexDirection: "column",
         width: "100%",
@@ -1458,27 +1479,27 @@ const ue = new Ge(Ve.INFO, "[resize-panels]"), Ce = (t) => t.map((e) => ({
         minWidth: "0px",
         minHeight: "0px"
       }),
-      [x]
+      [h]
     );
-    return /* @__PURE__ */ le(
+    return /* @__PURE__ */ fe(
       "div",
       {
-        ref: J,
-        className: ke("panel", l),
-        style: F,
-        "data-panel-id": W.current,
-        "data-panel-size": M,
-        "data-panel-size-unit": b?.sizeUnit || "percentage",
-        "data-panel-pixel-size": b?.sizeUnit === "pixels" ? b?.originalPixelSize : null,
+        ref: re,
+        className: $e("panel", c),
+        style: B,
+        "data-panel-id": j.current,
+        "data-panel-size": $,
+        "data-panel-size-unit": y?.sizeUnit || "percentage",
+        "data-panel-pixel-size": y?.sizeUnit === "pixels" ? y?.originalPixelSize : null,
         "data-panel-order": u,
-        "data-panel-collapsible": B,
-        "data-panel-collapse-start": O.collapseFromStart,
-        "data-panel-collapse-end": O.collapseFromEnd,
-        "data-panel-collapsed": b?.collapsed,
+        "data-panel-collapsible": E,
+        "data-panel-collapse-start": _.collapseFromStart,
+        "data-panel-collapse-end": _.collapseFromEnd,
+        "data-panel-collapsed": y?.collapsed,
         "aria-hidden": ce,
         children: [
-          /* @__PURE__ */ A("div", { style: T, children: f }),
-          y && /* @__PURE__ */ A(Tt, { panel: b, measuredPixelSize: ge, measuredPercentageSize: ne, containerAxisSize: N, direction: C })
+          /* @__PURE__ */ I("div", { style: Z, children: p }),
+          C && /* @__PURE__ */ I(_t, { panel: y, measuredPixelSize: Pe, measuredPercentageSize: ue, containerAxisSize: H, direction: b })
         ]
       }
     );
@@ -1519,104 +1540,104 @@ const ue = new Ge(Ve.INFO, "[resize-panels]"), Ce = (t) => t.map((e) => ({
   }))
 ), Wt = () => {
   const t = /* @__PURE__ */ new Set(), e = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set();
-  let d = null, r = 0, l = !0, i = [], f = {
+  let d = null, r = 0, c = !0, i = [], p = {
     ownerId: null,
     groups: i
   };
   const u = () => {
-    for (const S of t)
-      S();
+    for (const x of t)
+      x();
   }, z = () => {
-    l = !0, u();
+    c = !0, u();
   }, s = () => {
-    const S = d;
-    if (S && n.has(S))
+    const x = d;
+    if (x && n.has(x))
       return !1;
     d = null;
-    const y = n.values().next();
-    return y.done || (d = y.value), S !== d;
+    const C = n.values().next();
+    return C.done || (d = C.value), x !== d;
   };
   return {
-    subscribe: (S) => (t.add(S), () => {
-      t.delete(S);
+    subscribe: (x) => (t.add(x), () => {
+      t.delete(x);
     }),
-    getSnapshot: () => (s() && (l = !0), l && (i = Array.from(e.values()).sort((y, m) => y.index - m.index).map(({ serializedPanels: y, serializedHandles: m, ...D }) => D), f = {
+    getSnapshot: () => (s() && (c = !0), c && (i = Array.from(e.values()).sort((C, S) => C.index - S.index).map(({ serializedPanels: C, serializedHandles: S, ...D }) => D), p = {
       ownerId: d,
       groups: i
-    }, l = !1), f),
-    getOwnerId: () => (s() && (l = !0), d),
-    enableGroup: (S) => {
-      const y = n.size;
-      n.add(S), n.size !== y && s() && z();
+    }, c = !1), p),
+    getOwnerId: () => (s() && (c = !0), d),
+    enableGroup: (x) => {
+      const C = n.size;
+      n.add(x), n.size !== C && s() && z();
     },
-    disableGroup: (S) => {
-      n.delete(S) && s() && z();
+    disableGroup: (x) => {
+      n.delete(x) && s() && z();
     },
-    updateGroup: (S, y) => {
-      const m = e.get(S), D = m?.index ?? r++, X = Ht(y.panels), J = Ut(y.handles), ae = m?.displayName !== y.displayName, W = m?.direction !== y.direction, O = m ? m.containerSize.width !== y.containerSize.width || m.containerSize.height !== y.containerSize.height : !0;
-      let B = m?.serializedPanels !== X;
-      if (!B && m)
-        if (m.panels.length !== y.panels.length)
-          B = !0;
+    updateGroup: (x, C) => {
+      const S = e.get(x), D = S?.index ?? r++, X = Ht(C.panels), re = Ut(C.handles), de = S?.displayName !== C.displayName, j = S?.direction !== C.direction, _ = S ? S.containerSize.width !== C.containerSize.width || S.containerSize.height !== C.containerSize.height : !0;
+      let E = S?.serializedPanels !== X;
+      if (!E && S)
+        if (S.panels.length !== C.panels.length)
+          E = !0;
         else
-          for (let j = 0; j < y.panels.length; j += 1) {
-            const b = m.panels[j], H = y.panels[j];
-            if (!(b && H)) {
-              B = !0;
+          for (let Y = 0; Y < C.panels.length; Y += 1) {
+            const y = S.panels[Y], N = C.panels[Y];
+            if (!(y && N)) {
+              E = !0;
               break;
             }
-            if (b.id !== H.id || b.size !== H.size || b.percentageSize !== H.percentageSize || b.collapsed !== H.collapsed || b.measuredPixelSize !== H.measuredPixelSize || b.measuredPercentageSize !== H.measuredPercentageSize) {
-              B = !0;
+            if (y.id !== N.id || y.size !== N.size || y.percentageSize !== N.percentageSize || y.collapsed !== N.collapsed || y.measuredPixelSize !== N.measuredPixelSize || y.measuredPercentageSize !== N.measuredPercentageSize) {
+              E = !0;
               break;
             }
           }
-      let ee = m?.serializedHandles !== J;
-      if (!ee && m)
-        if (m.handles.length !== y.handles.length)
-          ee = !0;
+      let oe = S?.serializedHandles !== re;
+      if (!oe && S)
+        if (S.handles.length !== C.handles.length)
+          oe = !0;
         else
-          for (let j = 0; j < y.handles.length; j += 1) {
-            const b = m.handles[j], H = y.handles[j];
-            if (!(b && H)) {
-              ee = !0;
+          for (let Y = 0; Y < C.handles.length; Y += 1) {
+            const y = S.handles[Y], N = C.handles[Y];
+            if (!(y && N)) {
+              oe = !0;
               break;
             }
-            if (b.id !== H.id || b.thickness !== H.thickness || b.visible !== H.visible || b.direction !== H.direction || b.startPanelId !== H.startPanelId || b.endPanelId !== H.endPanelId) {
-              ee = !0;
+            if (y.id !== N.id || y.thickness !== N.thickness || y.visible !== N.visible || y.direction !== N.direction || y.startPanelId !== N.startPanelId || y.endPanelId !== N.endPanelId) {
+              oe = !0;
               break;
             }
           }
-      if (!m && y.panels.length === 0 && y.handles.length === 0 || m && !ae && !W && !O && !B && !ee)
+      if (!S && C.panels.length === 0 && C.handles.length === 0 || S && !de && !j && !_ && !E && !oe)
         return;
-      const k = y.panels.map((j) => ({ ...j })), $ = y.handles.map((j) => ({ ...j })), G = { ...y.containerSize };
-      e.set(S, {
-        groupId: S,
-        displayName: y.displayName,
-        direction: y.direction,
-        containerSize: G,
-        panels: k,
-        handles: $,
+      const U = C.panels.map((Y) => ({ ...Y })), V = C.handles.map((Y) => ({ ...Y })), O = { ...C.containerSize };
+      e.set(x, {
+        groupId: x,
+        displayName: C.displayName,
+        direction: C.direction,
+        containerSize: O,
+        panels: U,
+        handles: V,
         index: D,
         serializedPanels: X,
-        serializedHandles: J
+        serializedHandles: re
       }), z();
     },
-    removeGroup: (S) => {
-      const y = e.delete(S), m = n.delete(S), D = s();
-      (y || m || D) && z();
+    removeGroup: (x) => {
+      const C = e.delete(x), S = n.delete(x), D = s();
+      (C || S || D) && z();
     }
   };
-}, Ee = Wt(), $t = () => ft(Ee.subscribe, Ee.getOwnerId, Ee.getOwnerId), jt = () => ft(Ee.subscribe, Ee.getSnapshot, Ee.getSnapshot), Vt = (t) => {
-  Ee.enableGroup(t);
-}, st = (t) => {
-  Ee.disableGroup(t);
+}, Fe = Wt(), $t = () => ht(Fe.subscribe, Fe.getOwnerId, Fe.getOwnerId), jt = () => ht(Fe.subscribe, Fe.getSnapshot, Fe.getSnapshot), Vt = (t) => {
+  Fe.enableGroup(t);
+}, ct = (t) => {
+  Fe.disableGroup(t);
 }, Yt = (t, e) => {
-  Ee.updateGroup(t, e);
-}, at = (t) => {
-  Ee.removeGroup(t);
+  Fe.updateGroup(t, e);
+}, dt = (t) => {
+  Fe.removeGroup(t);
 };
-let lt = 0;
-const Zt = () => (lt += 1, `panel-group-${lt}`), De = (t, e) => typeof t != "number" || !Number.isFinite(t) ? "—" : `${(t < 0 ? 0 : t).toFixed(8)}${e}`, Xt = {
+let ut = 0;
+const Zt = () => (ut += 1, `panel-group-${ut}`), _e = (t, e) => typeof t != "number" || !Number.isFinite(t) ? "—" : `${(t < 0 ? 0 : t).toFixed(8)}${e}`, Xt = {
   position: "fixed",
   left: "50%",
   bottom: "20px",
@@ -1673,7 +1694,7 @@ const Zt = () => (lt += 1, `panel-group-${lt}`), De = (t, e) => typeof t != "num
   display: "flex",
   flexDirection: "column",
   gap: "4px"
-}, ct = {
+}, ft = {
   display: "flex",
   justifyContent: "space-between",
   alignItems: "center",
@@ -1694,95 +1715,95 @@ const Zt = () => (lt += 1, `panel-group-${lt}`), De = (t, e) => typeof t != "num
 }, ni = (t, e) => {
   let n = !1;
   const d = t.map((r) => {
-    const l = e[r.id];
-    return !l || r.measuredPixelSize === l.pixelSize && r.measuredPercentageSize === l.percentageSize ? r : (n = !0, {
+    const c = e[r.id];
+    return !c || r.measuredPixelSize === c.pixelSize && r.measuredPercentageSize === c.percentageSize ? r : (n = !0, {
       ...r,
-      measuredPixelSize: l.pixelSize,
-      measuredPercentageSize: l.percentageSize
+      measuredPixelSize: c.pixelSize,
+      measuredPercentageSize: c.percentageSize
     });
   });
   return n ? d : t;
-}, dt = (t, e, n) => {
-  const d = Le(t, "horizontal"), r = Le(t, "vertical"), l = t.getBoundingClientRect(), i = d.inner > 0 ? d.inner : e ?? l.width, f = r.inner > 0 ? r.inner : n ?? l.height;
-  return { width: i, height: f };
+}, pt = (t, e, n) => {
+  const d = Oe(t, "horizontal"), r = Oe(t, "vertical"), c = t.getBoundingClientRect(), i = d.inner > 0 ? d.inner : e ?? c.width, p = r.inner > 0 ? r.inner : n ?? c.height;
+  return { width: i, height: p };
 }, fi = (t) => {
-  const { id: e, className: n, style: d, children: r, direction: l } = t, { groupRef: i, contextValue: f, groupStyle: u } = Ot(t), [z, s] = ye({ width: 0, height: 0 }), a = f.layoutConstraintViolation, o = !!a, x = te(() => {
+  const { id: e, className: n, style: d, children: r, direction: c } = t, { groupRef: i, contextValue: p, groupStyle: u } = Ot(t), [z, s] = Me({ width: 0, height: 0 }), a = p.layoutConstraintViolation, o = !!a, h = ae(() => {
     if (!a)
       return null;
-    const { summary: k, detail: $ } = ri(a);
-    return /* @__PURE__ */ le(
+    const { summary: U, detail: V } = ri(a);
+    return /* @__PURE__ */ fe(
       "div",
       {
         className: "flex w-full flex-1 flex-col items-center justify-center gap-2 rounded-lg border border-slate-300 border-dashed bg-slate-100/70 px-6 py-8 text-center text-slate-600 text-sm dark:border-slate-600 dark:bg-slate-800/50 dark:text-slate-200",
         "data-panel-group-placeholder": "constraint-violation",
         children: [
-          /* @__PURE__ */ A("span", { children: k }),
-          /* @__PURE__ */ A("span", { className: "text-slate-500 text-xs dark:text-slate-400", children: $ })
+          /* @__PURE__ */ I("span", { children: U }),
+          /* @__PURE__ */ I("span", { className: "text-slate-500 text-xs dark:text-slate-400", children: V })
         ]
       }
     );
-  }, [a]), P = ie(e ?? Zt()).current, v = e ?? P, S = f.showDebugInfo && f.panels.length > 0, y = S ? f.panels : [], m = S ? f.panelMeasurements : {}, D = te(() => {
-    if (!S)
+  }, [a]), m = J(e ?? Zt()).current, v = e ?? m, x = p.showDebugInfo && p.panels.length > 0, C = x ? p.panels : [], S = x ? p.panelMeasurements : {}, D = ae(() => {
+    if (!x)
       return [];
-    const k = Object.values(f.handleMeasurements);
-    return k.length <= 1 ? k : k.slice().sort(($, G) => $.id.localeCompare(G.id));
-  }, [f.handleMeasurements, S]), X = f.containerSize, J = z.width > 0 ? z.width : X.width, ae = z.height > 0 ? z.height : X.height, W = $t(), O = S && W === P;
-  je(() => {
-    if (!S) {
+    const U = Object.values(p.handleMeasurements);
+    return U.length <= 1 ? U : U.slice().sort((V, O) => V.id.localeCompare(O.id));
+  }, [p.handleMeasurements, x]), X = p.containerSize, re = z.width > 0 ? z.width : X.width, de = z.height > 0 ? z.height : X.height, j = $t(), _ = x && j === m;
+  Xe(() => {
+    if (!x) {
       s({ width: 0, height: 0 });
       return;
     }
     if (typeof window > "u" || typeof ResizeObserver > "u")
       return;
-    const k = i.current;
-    if (!k)
+    const U = i.current;
+    if (!U)
       return;
-    const $ = (j) => {
-      s((b) => b.width === j.width && b.height === j.height ? b : j);
-    }, G = new ResizeObserver((j) => {
-      for (const b of j) {
-        if (b.target !== k)
+    const V = (Y) => {
+      s((y) => y.width === Y.width && y.height === Y.height ? y : Y);
+    }, O = new ResizeObserver((Y) => {
+      for (const y of Y) {
+        if (y.target !== U)
           continue;
-        const H = dt(k, b.contentRect.width, b.contentRect.height);
-        $(H);
+        const N = pt(U, y.contentRect.width, y.contentRect.height);
+        V(N);
       }
     });
-    return G.observe(k), $(dt(k)), () => {
-      G.disconnect();
+    return O.observe(U), V(pt(U)), () => {
+      O.disconnect();
     };
-  }, [i, S]);
-  const B = te(() => ni(y, m), [y, m]);
-  re(() => {
-    if (!S) {
-      st(P), at(P);
+  }, [i, x]);
+  const E = ae(() => ni(C, S), [C, S]);
+  se(() => {
+    if (!x) {
+      ct(m), dt(m);
       return;
     }
-    return Vt(P), () => {
-      st(P), at(P);
+    return Vt(m), () => {
+      ct(m), dt(m);
     };
-  }, [S, P]), re(() => {
-    S && Yt(P, {
+  }, [x, m]), se(() => {
+    x && Yt(m, {
       displayName: v,
-      direction: l,
+      direction: c,
       containerSize: {
-        width: J,
-        height: ae
+        width: re,
+        height: de
       },
-      panels: B,
+      panels: E,
       handles: D
     });
-  }, [S, P, v, l, J, ae, B, D]);
-  const ee = te(() => {
-    const k = {
+  }, [x, m, v, c, re, de, E, D]);
+  const oe = ae(() => {
+    const U = {
       ...u,
       ...d
     };
-    return k.position || (k.position = "relative"), k;
+    return U.position || (U.position = "relative"), U;
   }, [u, d]);
-  return /* @__PURE__ */ le(pt.Provider, { value: f, children: [
-    /* @__PURE__ */ le("div", { ref: i, className: ke("panel-group", l === "horizontal" ? "flex-row" : "flex-col", n), style: ee, "data-panel-group-id": e, "data-panel-group-direction": l, children: [
+  return /* @__PURE__ */ fe(gt.Provider, { value: p, children: [
+    /* @__PURE__ */ fe("div", { ref: i, className: $e("panel-group", c === "horizontal" ? "flex-row" : "flex-col", n), style: oe, "data-panel-group-id": e, "data-panel-group-direction": c, children: [
       r,
-      o && x ? /* @__PURE__ */ A(
+      o && h ? /* @__PURE__ */ I(
         "div",
         {
           className: "pointer-events-auto",
@@ -1797,17 +1818,17 @@ const Zt = () => (lt += 1, `panel-group-${lt}`), De = (t, e) => typeof t != "num
             backgroundColor: "rgba(248, 250, 252, 0.82)",
             backdropFilter: "blur(2px)"
           },
-          children: x
+          children: h
         }
       ) : null
     ] }),
-    O && /* @__PURE__ */ A(oi, {})
+    _ && /* @__PURE__ */ I(oi, {})
   ] });
 }, oi = () => {
-  const e = jt().groups, [n, d] = ye(!0);
+  const e = jt().groups, [n, d] = Me(!0);
   if (e.length === 0 || typeof document > "u")
     return null;
-  const r = e.reduce((u, z) => u + z.panels.length, 0), l = e.reduce((u, z) => u + (z.handles?.length ?? 0), 0), i = () => d((u) => !u), f = /* @__PURE__ */ le(
+  const r = e.reduce((u, z) => u + z.panels.length, 0), c = e.reduce((u, z) => u + (z.handles?.length ?? 0), 0), i = () => d((u) => !u), p = /* @__PURE__ */ fe(
     "div",
     {
       style: {
@@ -1817,7 +1838,7 @@ const Zt = () => (lt += 1, `panel-group-${lt}`), De = (t, e) => typeof t != "num
         transition: "max-height 0.24s ease, padding 0.24s ease"
       },
       children: [
-        /* @__PURE__ */ le(
+        /* @__PURE__ */ fe(
           "div",
           {
             style: {
@@ -1825,8 +1846,8 @@ const Zt = () => (lt += 1, `panel-group-${lt}`), De = (t, e) => typeof t != "num
               marginBottom: n ? 0 : "12px"
             },
             children: [
-              /* @__PURE__ */ le("div", { style: Jt, children: [
-                /* @__PURE__ */ A(
+              /* @__PURE__ */ fe("div", { style: Jt, children: [
+                /* @__PURE__ */ I(
                   "span",
                   {
                     style: {
@@ -1837,16 +1858,16 @@ const Zt = () => (lt += 1, `panel-group-${lt}`), De = (t, e) => typeof t != "num
                     children: "Panel Overview"
                   }
                 ),
-                /* @__PURE__ */ le("span", { style: { color: "#cbd5f5" }, children: [
+                /* @__PURE__ */ fe("span", { style: { color: "#cbd5f5" }, children: [
                   "groups: ",
                   e.length,
                   " / panels: ",
                   r,
                   " / resizers: ",
-                  l
+                  c
                 ] })
               ] }),
-              /* @__PURE__ */ A(
+              /* @__PURE__ */ I(
                 "button",
                 {
                   type: "button",
@@ -1862,7 +1883,7 @@ const Zt = () => (lt += 1, `panel-group-${lt}`), De = (t, e) => typeof t != "num
             ]
           }
         ),
-        !n && /* @__PURE__ */ A(
+        !n && /* @__PURE__ */ I(
           "div",
           {
             style: {
@@ -1875,18 +1896,18 @@ const Zt = () => (lt += 1, `panel-group-${lt}`), De = (t, e) => typeof t != "num
             },
             children: e.map((u, z) => {
               const s = u.direction === "horizontal" ? u.containerSize.width : u.containerSize.height;
-              return /* @__PURE__ */ le("div", { style: Qt, children: [
-                /* @__PURE__ */ le(
+              return /* @__PURE__ */ fe("div", { style: Qt, children: [
+                /* @__PURE__ */ fe(
                   "div",
                   {
                     style: {
-                      ...ct,
+                      ...ft,
                       flexWrap: "wrap",
                       gap: "10px",
                       color: "#dbeafe"
                     },
                     children: [
-                      /* @__PURE__ */ le(
+                      /* @__PURE__ */ fe(
                         "span",
                         {
                           style: {
@@ -1903,18 +1924,18 @@ const Zt = () => (lt += 1, `panel-group-${lt}`), De = (t, e) => typeof t != "num
                           ]
                         }
                       ),
-                      /* @__PURE__ */ le("span", { children: [
+                      /* @__PURE__ */ fe("span", { children: [
                         "direction: ",
                         u.direction,
                         " / container: ",
-                        De(u.containerSize.width, "px"),
+                        _e(u.containerSize.width, "px"),
                         " × ",
-                        De(u.containerSize.height, "px")
+                        _e(u.containerSize.height, "px")
                       ] })
                     ]
                   }
                 ),
-                /* @__PURE__ */ A(
+                /* @__PURE__ */ I(
                   "div",
                   {
                     style: {
@@ -1923,43 +1944,43 @@ const Zt = () => (lt += 1, `panel-group-${lt}`), De = (t, e) => typeof t != "num
                       gap: "10px"
                     },
                     children: u.panels.map((a, o) => {
-                      const x = a.measuredPixelSize ?? a.size, C = a.size, P = De(C, "px"), v = a.percentageSize ?? (s > 0 ? a.size / s * 100 : void 0), S = a.measuredPercentageSize !== void 0 ? a.measuredPercentageSize : s > 0 ? x / s * 100 : void 0, y = a.collapsed || x <= gt, m = a.collapsed ? "collapsed" : y ? "hidden" : "visible", D = De(v, "%"), X = De(S, "%"), J = De(x, "px");
-                      return /* @__PURE__ */ le("div", { style: ei, children: [
-                        /* @__PURE__ */ le("div", { style: ct, children: [
-                          /* @__PURE__ */ A("span", { style: { flex: 1, minWidth: 0, overflow: "hidden", textOverflow: "ellipsis" }, children: a.id }),
-                          /* @__PURE__ */ A(
+                      const h = a.measuredPixelSize ?? a.size, b = a.size, m = _e(b, "px"), v = a.percentageSize ?? (s > 0 ? a.size / s * 100 : void 0), x = a.measuredPercentageSize !== void 0 ? a.measuredPercentageSize : s > 0 ? h / s * 100 : void 0, C = a.collapsed || h <= St, S = a.collapsed ? "collapsed" : C ? "hidden" : "visible", D = _e(v, "%"), X = _e(x, "%"), re = _e(h, "px");
+                      return /* @__PURE__ */ fe("div", { style: ei, children: [
+                        /* @__PURE__ */ fe("div", { style: ft, children: [
+                          /* @__PURE__ */ I("span", { style: { flex: 1, minWidth: 0, overflow: "hidden", textOverflow: "ellipsis" }, children: a.id }),
+                          /* @__PURE__ */ I(
                             "span",
                             {
                               style: {
                                 ...ii,
-                                backgroundColor: a.collapsed ? "rgba(251, 113, 133, 0.25)" : y ? "rgba(250, 204, 21, 0.25)" : "rgba(74, 222, 128, 0.25)",
-                                color: a.collapsed ? "#fecdd3" : y ? "#fef08a" : "#bbf7d0"
+                                backgroundColor: a.collapsed ? "rgba(251, 113, 133, 0.25)" : C ? "rgba(250, 204, 21, 0.25)" : "rgba(74, 222, 128, 0.25)",
+                                color: a.collapsed ? "#fecdd3" : C ? "#fef08a" : "#bbf7d0"
                               },
-                              children: m
+                              children: S
                             }
                           )
                         ] }),
-                        /* @__PURE__ */ le("div", { style: ti, children: [
-                          /* @__PURE__ */ A("span", { children: "size (state):" }),
-                          /* @__PURE__ */ A("span", { children: P }),
-                          /* @__PURE__ */ A("span", { children: "size (measured):" }),
-                          /* @__PURE__ */ A("span", { children: J }),
-                          /* @__PURE__ */ A("span", { children: "percentage (state):" }),
-                          /* @__PURE__ */ A("span", { children: D }),
-                          /* @__PURE__ */ A("span", { children: "percentage (measured):" }),
-                          /* @__PURE__ */ A("span", { children: X }),
-                          /* @__PURE__ */ A("span", { children: "unit:" }),
-                          /* @__PURE__ */ A("span", { children: a.sizeUnit }),
-                          /* @__PURE__ */ A("span", { children: "min:" }),
-                          /* @__PURE__ */ A("span", { children: a.minSize !== void 0 ? JSON.stringify(a.minSize) : "—" }),
-                          /* @__PURE__ */ A("span", { children: "auto min:" }),
-                          /* @__PURE__ */ A("span", { children: a.autoMinSize !== void 0 ? JSON.stringify(a.autoMinSize) : "—" }),
-                          /* @__PURE__ */ A("span", { children: "max:" }),
-                          /* @__PURE__ */ A("span", { children: a.maxSize !== void 0 ? JSON.stringify(a.maxSize) : "—" }),
-                          /* @__PURE__ */ A("span", { children: "priority:" }),
-                          /* @__PURE__ */ A("span", { children: a.pixelAdjustPriority ?? "—" }),
-                          /* @__PURE__ */ A("span", { children: "flex priority:" }),
-                          /* @__PURE__ */ A("span", { children: a.flexAdjustPriority ?? "—" })
+                        /* @__PURE__ */ fe("div", { style: ti, children: [
+                          /* @__PURE__ */ I("span", { children: "size (state):" }),
+                          /* @__PURE__ */ I("span", { children: m }),
+                          /* @__PURE__ */ I("span", { children: "size (measured):" }),
+                          /* @__PURE__ */ I("span", { children: re }),
+                          /* @__PURE__ */ I("span", { children: "percentage (state):" }),
+                          /* @__PURE__ */ I("span", { children: D }),
+                          /* @__PURE__ */ I("span", { children: "percentage (measured):" }),
+                          /* @__PURE__ */ I("span", { children: X }),
+                          /* @__PURE__ */ I("span", { children: "unit:" }),
+                          /* @__PURE__ */ I("span", { children: a.sizeUnit }),
+                          /* @__PURE__ */ I("span", { children: "min:" }),
+                          /* @__PURE__ */ I("span", { children: a.minSize !== void 0 ? JSON.stringify(a.minSize) : "—" }),
+                          /* @__PURE__ */ I("span", { children: "auto min:" }),
+                          /* @__PURE__ */ I("span", { children: a.autoMinSize !== void 0 ? JSON.stringify(a.autoMinSize) : "—" }),
+                          /* @__PURE__ */ I("span", { children: "max:" }),
+                          /* @__PURE__ */ I("span", { children: a.maxSize !== void 0 ? JSON.stringify(a.maxSize) : "—" }),
+                          /* @__PURE__ */ I("span", { children: "priority:" }),
+                          /* @__PURE__ */ I("span", { children: a.pixelAdjustPriority ?? "—" }),
+                          /* @__PURE__ */ I("span", { children: "flex priority:" }),
+                          /* @__PURE__ */ I("span", { children: a.flexAdjustPriority ?? "—" })
                         ] })
                       ] }, a.id || o);
                     })
@@ -1972,287 +1993,287 @@ const Zt = () => (lt += 1, `panel-group-${lt}`), De = (t, e) => typeof t != "num
       ]
     }
   );
-  return Et(f, document.body);
-}, pi = Ke(({ id: t, disabled: e = !1, className: n, style: d, children: r, onDragging: l }) => {
-  const { direction: i, resizePanels: f, getPanel: u, collapsePanel: z, expandPanel: s, panels: a, reportHandleMeasurement: o, containerSize: x, layoutConstraintViolation: C } = Qe(), [P, v] = ye(!1), S = ie(null), y = ie(null), m = ie(""), D = ie(""), [X, J] = ye({ left: null, right: null }), ae = ut(), W = ie(t ?? `resize-handle-${ae}`), O = ie(null), B = t ?? W.current, ee = !!C, k = e || ee;
-  re(() => {
-    if (S.current) {
-      const p = S.current.parentElement;
-      if (p) {
-        y.current = p;
-        const E = Array.from(p.children), R = S.current, _ = E.indexOf(R);
-        if (_ > 0 && _ < E.length - 1) {
-          let V = null, F = null;
-          for (let N = _ - 1; N >= 0; N -= 1) {
-            const T = E[N];
-            if (T.dataset.panelId) {
-              V = T;
+  return Et(p, document.body);
+}, pi = it(({ id: t, disabled: e = !1, className: n, style: d, children: r, onDragging: c }) => {
+  const { direction: i, resizePanels: p, getPanel: u, collapsePanel: z, expandPanel: s, panels: a, reportHandleMeasurement: o, containerSize: h, layoutConstraintViolation: b } = rt(), [m, v] = Me(!1), x = J(null), C = J(null), S = J(""), D = J(""), [X, re] = Me({ left: null, right: null }), de = zt(), j = J(t ?? `resize-handle-${de}`), _ = J(null), E = t ?? j.current, oe = !!b, U = e || oe;
+  se(() => {
+    if (x.current) {
+      const P = x.current.parentElement;
+      if (P) {
+        C.current = P;
+        const $ = Array.from(P.children), l = x.current, g = $.indexOf(l);
+        if (g > 0 && g < $.length - 1) {
+          let w = null, M = null;
+          for (let A = g - 1; A >= 0; A -= 1) {
+            const B = $[A];
+            if (B.dataset.panelId) {
+              w = B;
               break;
             }
           }
-          for (let N = _ + 1; N < E.length; N += 1) {
-            const T = E[N];
-            if (T.dataset.panelId) {
-              F = T;
+          for (let A = g + 1; A < $.length; A += 1) {
+            const B = $[A];
+            if (B.dataset.panelId) {
+              M = B;
               break;
             }
           }
-          m.current = V?.dataset.panelId || "", D.current = F?.dataset.panelId || "", J({
-            left: m.current || null,
+          S.current = w?.dataset.panelId || "", D.current = M?.dataset.panelId || "", re({
+            left: S.current || null,
             right: D.current || null
           });
         }
       }
     }
-  }, []), re(() => {
-    if (B === W.current)
+  }, []), se(() => {
+    if (E === j.current)
       return;
-    const p = W.current;
-    W.current = B, O.current = null, p !== B && o(p, null);
-  }, [o, B]), re(() => {
-    const p = W.current;
+    const P = j.current;
+    j.current = E, _.current = null, P !== E && o(P, null);
+  }, [o, E]), se(() => {
+    const P = j.current;
     return () => {
-      o(p, null);
+      o(P, null);
     };
   }, [o]);
-  const $ = pe(
-    (p) => {
-      if (k || !y.current) return;
-      p.preventDefault(), p.stopPropagation();
-      const E = y.current, { inner: R } = Le(E, i), _ = { x: p.clientX, y: p.clientY }, V = u(m.current), F = u(D.current);
-      if (!(V && F)) return;
-      const N = V.size, T = F.size;
-      let w = 0;
-      const L = Rt;
-      v(!0), l?.(!0), p.currentTarget.setPointerCapture(p.pointerId);
-      const K = (Y) => {
-        if (!S.current) return;
-        Y.preventDefault(), Y.stopPropagation();
-        const se = performance.now();
-        if (se - w < L) return;
-        w = se;
-        const c = i === "horizontal" ? Y.clientX - _.x : Y.clientY - _.y;
-        if (c === 0)
+  const V = Se(
+    (P) => {
+      if (U || !C.current) return;
+      P.preventDefault(), P.stopPropagation();
+      const $ = C.current, { inner: l } = Oe($, i), g = { x: P.clientX, y: P.clientY }, w = u(S.current), M = u(D.current);
+      if (!(w && M)) return;
+      const A = w.size, B = M.size;
+      let H = 0;
+      const Z = Rt;
+      v(!0), c?.(!0), P.currentTarget.setPointerCapture(P.pointerId);
+      const T = (F) => {
+        if (!x.current) return;
+        F.preventDefault(), F.stopPropagation();
+        const k = performance.now();
+        if (k - H < Z) return;
+        H = k;
+        const Q = i === "horizontal" ? F.clientX - g.x : F.clientY - g.y;
+        if (Q === 0)
           return;
-        const I = N + c, U = T - c, Z = u(m.current), Q = u(D.current);
-        if (Z && Q && m.current && D.current) {
-          const Se = q(Z.minSize, 0, R), Be = q(Q.minSize, 0, R), be = Se, Re = Be, Ie = Math.min(R * ht, xt), Me = Math.min(R * It, Ft), Fe = Q.collapseFromStart, Pt = Q.collapsedByDirection ?? "start";
-          if (Fe && !Q.collapsed && U <= Math.max(Be * 0.3, Ie)) {
+        const ne = A + Q, K = B - Q, W = u(S.current), q = u(D.current);
+        if (W && q && S.current && D.current) {
+          const f = te(W.minSize, 0, l), L = te(q.minSize, 0, l), ee = f, ie = L, xe = Math.min(l * mt, Pt), Ne = Math.min(l * It, Ft), ke = q.collapseFromStart, Ae = q.collapsedByDirection ?? "start";
+          if (ke && !q.collapsed && K <= Math.max(L * 0.3, xe)) {
             z(D.current, "start");
             return;
           }
-          const bt = Z.collapseFromEnd, Ct = Z.collapsedByDirection ?? "end";
-          if (bt && !Z.collapsed && I <= Math.max(Se * 0.3, Ie)) {
-            z(m.current, "end");
+          const Ge = W.collapseFromEnd, Te = W.collapsedByDirection ?? "end";
+          if (Ge && !W.collapsed && ne <= Math.max(f * 0.3, xe)) {
+            z(S.current, "end");
             return;
           }
-          if (Q.collapsed && U > Math.max(Be * 0.3, Me)) {
-            s(D.current, Pt, U);
+          if (q.collapsed && K > Math.max(L * 0.3, Ne)) {
+            s(D.current, Ae, K);
             return;
           }
-          if (Z.collapsed && I > Math.max(Se * 0.3, Me)) {
-            s(m.current, Ct, I);
+          if (W.collapsed && ne > Math.max(f * 0.3, Ne)) {
+            s(S.current, Te, ne);
             return;
           }
-          if (R > 0) {
-            const et = Z.size + Q.size, He = qe(R);
-            let Ye = !1;
-            if (be <= He && I <= He && N !== 0) {
-              const Oe = Math.max(0, et - 0);
-              Oe >= Re && (f(m.current, D.current, 0, Oe), Ye = !0);
-            } else if (Re <= He && U <= He && T !== 0) {
-              const Oe = Math.max(0, et - 0);
-              Oe >= be && (f(m.current, D.current, Oe, 0), Ye = !0);
+          if (l > 0) {
+            const we = W.size + q.size, Ie = et(l);
+            let Je = !1;
+            if (ee <= Ie && ne <= Ie && A !== 0) {
+              const He = Math.max(0, we - 0);
+              He >= ie && (p(S.current, D.current, 0, He), Je = !0);
+            } else if (ie <= Ie && K <= Ie && B !== 0) {
+              const He = Math.max(0, we - 0);
+              He >= ee && (p(S.current, D.current, He, 0), Je = !0);
             }
-            if (Ye)
+            if (Je)
               return;
           }
-          if (Z.collapsed || Q.collapsed)
+          if (W.collapsed || q.collapsed)
             return;
-          f(m.current, D.current, I, U);
+          p(S.current, D.current, ne, K);
         }
-      }, oe = () => {
-        v(!1), l?.(!1), document.removeEventListener("pointermove", K), document.removeEventListener("pointerup", oe);
+      }, R = () => {
+        v(!1), c?.(!1), document.removeEventListener("pointermove", T), document.removeEventListener("pointerup", R);
       };
-      document.addEventListener("pointermove", K), document.addEventListener("pointerup", oe);
+      document.addEventListener("pointermove", T), document.addEventListener("pointerup", R);
     },
-    [k, i, f, u, z, s, l]
-  ), G = i === "horizontal", b = ke(
+    [U, i, p, u, z, s, c]
+  ), O = i === "horizontal", y = $e(
     "group absolute z-20 flex select-none items-center justify-center border-none bg-transparent transition-colors duration-150 overflow-visible",
-    G ? "cursor-col-resize" : "cursor-row-resize",
-    G ? "h-full" : "w-full",
-    !k && "hover:bg-gray-200/70 dark:hover:bg-gray-700/70",
-    !k && "active:bg-blue-300/60 dark:active:bg-blue-700/60",
-    P && "bg-blue-200/80 dark:bg-blue-800/60",
-    k && "cursor-not-allowed opacity-50",
+    O ? "cursor-col-resize" : "cursor-row-resize",
+    O ? "h-full" : "w-full",
+    !U && "hover:bg-gray-200/70 dark:hover:bg-gray-700/70",
+    !U && "active:bg-blue-300/60 dark:active:bg-blue-700/60",
+    m && "bg-blue-200/80 dark:bg-blue-800/60",
+    U && "cursor-not-allowed opacity-50",
     "focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50",
     n
-  ), H = te(() => {
-    const p = (E) => {
-      if (!E)
+  ), N = ae(() => {
+    const P = ($) => {
+      if (!$)
         return -1;
-      for (let R = 0; R < a.length; R += 1)
-        if (a[R].id === E)
-          return R;
+      for (let l = 0; l < a.length; l += 1)
+        if (a[l].id === $)
+          return l;
       return -1;
     };
     return {
-      left: p(X.left),
-      right: p(X.right)
+      left: P(X.left),
+      right: P(X.right)
     };
-  }, [X.left, X.right, a]), he = G ? x.width : x.height, ce = te(() => {
-    const p = (E, R) => {
-      if (E > R)
+  }, [X.left, X.right, a]), be = O ? h.width : h.height, ce = ae(() => {
+    const P = ($, l) => {
+      if ($ > l)
         return 0;
-      let _ = 0;
-      for (let V = E; V <= R; V += 1) {
-        const F = a[V];
-        if (!F)
+      let g = 0;
+      for (let w = $; w <= l; w += 1) {
+        const M = a[w];
+        if (!M)
           continue;
-        const N = F.size ?? 0, T = Math.max(0, N);
-        _ += F.collapsed ? 0 : T;
+        const A = M.size ?? 0, B = Math.max(0, A);
+        g += M.collapsed ? 0 : B;
       }
-      return _;
+      return g;
     };
-    return H.left >= 0 ? p(0, H.left) : H.right > 0 ? p(0, H.right - 1) : 0;
-  }, [H.left, H.right, a]), ge = te(() => !Number.isFinite(ce) || ce < 0 ? 0 : he > 0 && ce > he ? he : ce, [ce, he]), Pe = te(() => {
-    const p = {
+    return N.left >= 0 ? P(0, N.left) : N.right > 0 ? P(0, N.right - 1) : 0;
+  }, [N.left, N.right, a]), Pe = ae(() => !Number.isFinite(ce) || ce < 0 ? 0 : be > 0 && ce > be ? be : ce, [ce, be]), he = ae(() => {
+    const P = {
       position: "absolute",
       zIndex: 20,
       touchAction: "none"
     };
-    return G ? (p.top = 0, p.left = `${ge}px`, p.transform = "translateX(-50%)", p.width = `${tt}px`, p.height = "100%") : (p.left = 0, p.top = `${ge}px`, p.transform = "translateY(-50%)", p.height = `${tt}px`, p.width = "100%"), p;
-  }, [ge, G]), ne = te(() => {
-    const p = qe(he), E = (L) => {
-      if (L < 0 || L >= a.length)
+    return O ? (P.top = 0, P.left = `${Pe}px`, P.transform = "translateX(-50%)", P.width = `${nt}px`, P.height = "100%") : (P.left = 0, P.top = `${Pe}px`, P.transform = "translateY(-50%)", P.height = `${nt}px`, P.width = "100%"), P;
+  }, [Pe, O]), ue = ae(() => {
+    const P = et(be), $ = (Z) => {
+      if (Z < 0 || Z >= a.length)
         return !1;
-      const K = a[L];
-      return K ? K.collapsed ? !0 : K.size <= p : !1;
-    }, R = (L, K) => {
-      if (!E(L))
+      const T = a[Z];
+      return T ? T.collapsed ? !0 : T.size <= P : !1;
+    }, l = (Z, T) => {
+      if (!$(Z))
         return 0;
-      let oe = 0;
-      for (let Y = L; Y >= 0 && Y < a.length && E(Y); Y += K)
-        oe += 1;
-      return oe;
-    }, _ = H.left, V = H.right, F = _ >= 0 ? R(_, -1) : 0, N = V >= 0 ? R(V, 1) : 0;
+      let R = 0;
+      for (let F = Z; F >= 0 && F < a.length && $(F); F += T)
+        R += 1;
+      return R;
+    }, g = N.left, w = N.right, M = g >= 0 ? l(g, -1) : 0, A = w >= 0 ? l(w, 1) : 0;
     return {
-      groupSize: F + N + 1,
-      overlapIndex: F
+      groupSize: M + A + 1,
+      overlapIndex: M
     };
-  }, [H.left, H.right, a, he]), de = te(() => {
-    if (ee)
+  }, [N.left, N.right, a, be]), pe = ae(() => {
+    if (oe)
       return !0;
-    if (ne.groupSize <= 1)
+    if (ue.groupSize <= 1)
       return !1;
-    const p = ne.groupSize - 1;
-    return ne.overlapIndex > 0 && ne.overlapIndex < p;
-  }, [ne, ee]), fe = te(() => {
-    if (ne.groupSize <= 1 || de)
+    const P = ue.groupSize - 1;
+    return ue.overlapIndex > 0 && ue.overlapIndex < P;
+  }, [ue, oe]), ge = ae(() => {
+    if (ue.groupSize <= 1 || pe)
       return 0;
-    const p = ne.groupSize > 1 ? 2 : 1;
-    if (p === 1)
+    const P = ue.groupSize > 1 ? 2 : 1;
+    if (P === 1)
       return 0;
-    const E = ne.overlapIndex === 0 ? 0 : p - 1, R = (p - 1) / 2;
-    return (E - R) * Bt;
-  }, [ne, de]), xe = te(() => {
-    if (de)
+    const $ = ue.overlapIndex === 0 ? 0 : P - 1, l = (P - 1) / 2;
+    return ($ - l) * Bt;
+  }, [ue, pe]), ye = ae(() => {
+    if (pe)
       return { display: "none" };
-    if (fe !== 0)
-      return G ? { transform: `translateX(${fe}px)` } : { transform: `translateY(${fe}px)` };
-  }, [fe, G, de]), ve = ke(
+    if (ge !== 0)
+      return O ? { transform: `translateX(${ge}px)` } : { transform: `translateY(${ge}px)` };
+  }, [ge, O, pe]), Be = $e(
     "flex items-center justify-center rounded-full bg-white text-slate-700 ring-1 ring-inset ring-white/80 backdrop-blur-sm transition-colors duration-150 shadow-[0_0_0_1px_rgba(255,255,255,0.85),0_1px_3px_rgba(15,23,42,0.18)]",
     "dark:bg-slate-800/95 dark:text-slate-200 dark:ring-slate-500/60 dark:shadow-[0_0_0_1px_rgba(148,163,184,0.45),0_1px_3px_rgba(2,6,23,0.55)]",
-    G ? "h-12 w-[6px] px-[2px]" : "h-[6px] w-20 py-[2px]",
-    P && "bg-blue-200/80 ring-blue-300 shadow-[0_0_0_1px_rgba(191,219,254,0.65),0_1px_4px_rgba(59,130,246,0.45)] dark:bg-blue-900/70 dark:ring-blue-400 dark:shadow-[0_0_0_1px_rgba(147,197,253,0.5),0_1px_4px_rgba(59,130,246,0.55)]"
-  ), h = ke(
+    O ? "h-12 w-[6px] px-[2px]" : "h-[6px] w-20 py-[2px]",
+    m && "bg-blue-200/80 ring-blue-300 shadow-[0_0_0_1px_rgba(191,219,254,0.65),0_1px_4px_rgba(59,130,246,0.45)] dark:bg-blue-900/70 dark:ring-blue-400 dark:shadow-[0_0_0_1px_rgba(147,197,253,0.5),0_1px_4px_rgba(59,130,246,0.55)]"
+  ), Re = $e(
     "rounded-full bg-slate-600 transition-colors duration-150 shadow-[0_0_0_1px_rgba(255,255,255,0.9)] dark:bg-slate-200 dark:shadow-[0_0_0_1px_rgba(15,23,42,0.55)]",
-    G ? "h-8 w-[2px]" : "h-[2px] w-16",
-    P && "bg-blue-500 dark:bg-blue-300",
-    !k && "group-hover:bg-slate-700 dark:group-hover:bg-slate-100"
-  ), g = pe(() => {
-    const p = S.current;
-    if (!p)
+    O ? "h-8 w-[2px]" : "h-[2px] w-16",
+    m && "bg-blue-500 dark:bg-blue-300",
+    !U && "group-hover:bg-slate-700 dark:group-hover:bg-slate-100"
+  ), G = Se(() => {
+    const P = x.current;
+    if (!P)
       return;
-    let E = 0;
-    if (!de) {
-      const V = i === "horizontal" ? p.offsetWidth : p.offsetHeight;
-      let F = 0, N = 0;
+    let $ = 0;
+    if (!pe) {
+      const w = i === "horizontal" ? P.offsetWidth : P.offsetHeight;
+      let M = 0, A = 0;
       if (typeof window < "u") {
-        const w = window.getComputedStyle(p);
-        i === "horizontal" ? (F = Number.parseFloat(w.marginLeft || "0"), N = Number.parseFloat(w.marginRight || "0")) : (F = Number.parseFloat(w.marginTop || "0"), N = Number.parseFloat(w.marginBottom || "0"));
+        const H = window.getComputedStyle(P);
+        i === "horizontal" ? (M = Number.parseFloat(H.marginLeft || "0"), A = Number.parseFloat(H.marginRight || "0")) : (M = Number.parseFloat(H.marginTop || "0"), A = Number.parseFloat(H.marginBottom || "0"));
       }
-      E = [V, F, N].reduce((w, L) => Number.isFinite(L) ? w + L : w, 0);
+      $ = [w, M, A].reduce((H, Z) => Number.isFinite(Z) ? H + Z : H, 0);
     }
-    (!Number.isFinite(E) || E < 0) && (E = 0);
-    const R = {
-      id: B,
-      thickness: E,
+    (!Number.isFinite($) || $ < 0) && ($ = 0);
+    const l = {
+      id: E,
+      thickness: $,
       direction: i,
-      visible: !de && E > Nt,
+      visible: !pe && $ > Nt,
       startPanelId: X.left,
       endPanelId: X.right
-    }, _ = O.current;
-    _ && Math.abs(_.thickness - R.thickness) <= 0.25 && _.visible === R.visible && _.direction === R.direction && _.startPanelId === R.startPanelId && _.endPanelId === R.endPanelId || (O.current = R, o(B, R));
-  }, [i, X.left, X.right, o, B, de]);
-  re(() => {
-    g();
-  }, [g]), re(() => {
-    const p = S.current;
-    if (!p)
+    }, g = _.current;
+    g && Math.abs(g.thickness - l.thickness) <= 0.25 && g.visible === l.visible && g.direction === l.direction && g.startPanelId === l.startPanelId && g.endPanelId === l.endPanelId || (_.current = l, o(E, l));
+  }, [i, X.left, X.right, o, E, pe]);
+  se(() => {
+    G();
+  }, [G]), se(() => {
+    const P = x.current;
+    if (!P)
       return;
     if (typeof ResizeObserver > "u") {
-      g();
+      G();
       return;
     }
-    const E = new ResizeObserver(() => {
-      g();
+    const $ = new ResizeObserver(() => {
+      G();
     });
-    return E.observe(p), () => {
-      E.disconnect();
+    return $.observe(P), () => {
+      $.disconnect();
     };
-  }, [g]);
-  const M = te(() => {
-    const p = d ? { ...Pe, ...d } : Pe;
-    return de ? {
-      ...p,
+  }, [G]);
+  const le = ae(() => {
+    const P = d ? { ...he, ...d } : he;
+    return pe ? {
+      ...P,
       display: "none",
       pointerEvents: "none",
       visibility: "hidden"
-    } : p;
-  }, [Pe, de, d]);
-  return /* @__PURE__ */ A(
+    } : P;
+  }, [he, pe, d]);
+  return /* @__PURE__ */ I(
     "button",
     {
       type: "button",
-      ref: S,
-      className: b,
-      style: M,
-      onPointerDown: $,
-      disabled: k,
-      "aria-hidden": de || void 0,
-      "aria-label": `Resize ${G ? "columns" : "rows"} - Drag to collapse/expand panels`,
-      "data-resize-handle-id": B,
-      title: `ドラッグして${G ? "列" : "行"}をリサイズ、端まで移動して折りたたみ/展開`,
-      children: r || /* @__PURE__ */ A("div", { className: ve, style: xe, children: /* @__PURE__ */ A("span", { className: h }) })
+      ref: x,
+      className: y,
+      style: le,
+      onPointerDown: V,
+      disabled: U,
+      "aria-hidden": pe || void 0,
+      "aria-label": `Resize ${O ? "columns" : "rows"} - Drag to collapse/expand panels`,
+      "data-resize-handle-id": E,
+      title: `ドラッグして${O ? "列" : "行"}をリサイズ、端まで移動して折りたたみ/展開`,
+      children: r || /* @__PURE__ */ I("div", { className: Be, style: ye, children: /* @__PURE__ */ I("span", { className: Re }) })
     }
   );
-}), zi = (t) => document.querySelector(`[data-panel-id="${t}"]`), gi = (t) => document.querySelector(`[data-panel-group-id="${t}"]`), hi = (t) => document.querySelector(`[data-resize-handle-id="${t}"]`);
+}), zi = (t) => document.querySelector(`[data-panel-id="${t}"]`), hi = (t) => document.querySelector(`[data-panel-group-id="${t}"]`), gi = (t) => document.querySelector(`[data-resize-handle-id="${t}"]`);
 export {
   ui as Panel,
   fi as PanelGroup,
-  pt as PanelGroupContext,
+  gt as PanelGroupContext,
   pi as PanelResizeHandle,
-  ze as clamp,
-  q as getConstraintInPixels,
-  Le as getContainerSize,
+  me as clamp,
+  te as getConstraintInPixels,
+  Oe as getContainerSize,
   zi as getPanelElement,
-  gi as getPanelGroupElement,
-  hi as getResizeHandleElement,
+  hi as getPanelGroupElement,
+  gi as getResizeHandleElement,
   Lt as loadLayout,
-  Xe as normalizeSizeConfig,
+  Qe as normalizeSizeConfig,
   At as saveLayout,
   di as usePanelControls,
-  Qe as usePanelGroup,
+  rt as usePanelGroup,
   Ot as useResizablePanels
 };