@aiquants/resize-panels 1.3.0 → 1.4.0

package/dist/index.es.js

@@ -1,6 +1,6 @@
-import ir, { createContext as or, useContext as sr, useCallback as be, useMemo as ue, useReducer as ar, useState as ke, useRef as fe, useEffect as me, useLayoutEffect as rt, memo as ut, useId as Bt, useSyncExternalStore as Tt } from "react";
+import ir, { createContext as or, useContext as sr, useCallback as be, useMemo as ue, useReducer as ar, useState as ke, useRef as pe, useEffect as ge, useLayoutEffect as rt, memo as ut, useId as Bt, useSyncExternalStore as Tt } from "react";
 import { createPortal as lr } from "react-dom";
-const Nt = or(null), pt = () => {
+const Nt = or(null), ft = () => {
   const e = sr(Nt);
   if (!e)
     throw new Error("usePanelGroup must be used within a PanelGroup");
@@ -10,7 +10,7 @@ const Nt = or(null), pt = () => {
     return e;
   const i = 10 ** t, o = e * i, n = Math.floor(o), s = o - n, r = Number.EPSILON * Math.max(1, Math.abs(o));
   return s < 0.5 - r ? n / i : s > 0.5 + r ? (n + 1) / i : (n % 2 === 0 ? n : n + 1) / i;
-}, Ot = 12, gt = 8, cr = 8, dr = 8, Lt = 0.05, jt = 10, ur = 0.05, pr = 20, fr = 0.05, ht = 0, Dt = 6, ve = (e, t) => t <= 0 ? 0 : Ft(e / t * 100, Dt), Ye = (e, t) => !e || t <= 0 ? 0 : e / 100 * t, lt = (e, t = "percentage") => {
+}, Ot = 12, gt = 8, cr = 8, dr = 8, Lt = 0.05, jt = 10, ur = 0.05, fr = 20, pr = 0.05, ht = 0, Dt = 6, ve = (e, t) => t <= 0 ? 0 : Ft(e / t * 100, Dt), Ye = (e, t) => !e || t <= 0 ? 0 : e / 100 * t, lt = (e, t = "percentage") => {
   if (e !== void 0)
     return typeof e == "number" ? { value: e, unit: t } : e;
 }, xt = (e, t) => e ? e.unit === "percentage" ? e.value / 100 * t : e.value : 0, ae = (e, t, i) => e ? typeof e == "number" ? e / 100 * i : e.unit === "pixels" ? e.value : e.value / 100 * i : t, Pe = (e, t, i) => Math.min(Math.max(e, t), i), ct = (e) => {
@@ -29,7 +29,7 @@ const Nt = or(null), pt = () => {
     return c === z ? r ? u.index - l.index : l.index - u.index : r ? z - c : c - z;
   });
   let a = t;
-  const f = (l) => {
+  const p = (l) => {
     for (const { index: u } of d) {
       if (Math.abs(a) <= 0)
         break;
@@ -76,7 +76,7 @@ const Nt = or(null), pt = () => {
       }
     }
   };
-  return f(!0), (r && a > 0 || !r && a < 0) && f(!1), a;
+  return p(!0), (r && a > 0 || !r && a < 0) && p(!1), a;
 }, Je = (e) => {
   if (!e)
     return 0;
@@ -85,10 +85,10 @@ const Nt = or(null), pt = () => {
 }, Le = (e, t) => {
   const i = e.getBoundingClientRect(), o = typeof window < "u" ? window.getComputedStyle(e) : null, n = o ? Je(o.borderLeftWidth) + Je(o.borderRightWidth) : 0, s = o ? Je(o.borderTopWidth) + Je(o.borderBottomWidth) : 0;
   if (t === "horizontal") {
-    const f = i.width > 0 ? i.width : e.offsetWidth, l = i.width > 0 ? Math.max(0, i.width - n) : e.clientWidth, u = e.offsetWidth > 0 ? e.offsetWidth : e.clientWidth + n;
+    const p = i.width > 0 ? i.width : e.offsetWidth, l = i.width > 0 ? Math.max(0, i.width - n) : e.clientWidth, u = e.offsetWidth > 0 ? e.offsetWidth : e.clientWidth + n;
     return {
       inner: l > 0 ? l : Math.max(0, e.clientWidth),
-      outer: f > 0 ? f : Math.max(0, u)
+      outer: p > 0 ? p : Math.max(0, u)
     };
   }
   const r = i.height > 0 ? i.height : e.offsetHeight, d = i.height > 0 ? Math.max(0, i.height - s) : e.clientHeight, a = e.offsetHeight > 0 ? e.offsetHeight : e.clientHeight + s;
@@ -128,33 +128,33 @@ const Nt = or(null), pt = () => {
     return e;
   const i = e.map((a) => ({ ...a })), o = [];
   for (let a = 0; a < i.length; a += 1) {
-    const f = i[a];
-    if (f.collapsed) {
+    const p = i[a];
+    if (p.collapsed) {
       i[a] = {
-        ...f,
+        ...p,
         size: 0,
         percentageSize: 0
       };
       continue;
     }
-    const l = Math.max(0, ae(f.minSize, 0, t)), u = Math.max(0, ae(f.autoMinSize, 0, t)), c = Math.max(l, u), z = Math.max(1e-3, c), w = ae(f.maxSize, t, t), S = Math.max(c, w), y = f.sizeUnit === "pixels" || f.originalPixelSize !== void 0, b = Math.max(0, f.size);
+    const l = Math.max(0, ae(p.minSize, 0, t)), u = Math.max(0, ae(p.autoMinSize, 0, t)), c = Math.max(l, u), z = Math.max(1e-3, c), w = ae(p.maxSize, t, t), S = Math.max(c, w), y = p.sizeUnit === "pixels" || p.originalPixelSize !== void 0, b = Math.max(0, p.size);
     let k = c;
     if (y) {
-      const j = f.preferredPixelSize ?? f.size ?? f.originalPixelSize ?? c;
+      const j = p.preferredPixelSize ?? p.size ?? p.originalPixelSize ?? c;
       k = Pe(j, c, S);
     } else {
-      const j = f.preferredPercentageSize ?? f.percentageSize ?? ve(f.size, t), K = Ye(j, t);
+      const j = p.preferredPercentageSize ?? p.percentageSize ?? ve(p.size, t), K = Ye(j, t);
       k = Pe(K, c, S);
     }
-    const C = !y && (f.excludeFromAutoGrowth ?? !1) && b <= z;
+    const C = !y && (p.excludeFromAutoGrowth ?? !1) && b <= z;
     o.push({
       index: a,
       isPixelPanel: y,
       minSize: c,
       maxSize: S,
       preferredSize: k,
-      priority: f.pixelAdjustPriority ?? a + 1,
-      flexPriority: y ? void 0 : f.flexAdjustPriority,
+      priority: p.pixelAdjustPriority ?? a + 1,
+      flexPriority: y ? void 0 : p.flexAdjustPriority,
       excludeFromGrowth: C
     });
   }
@@ -165,13 +165,13 @@ const Nt = or(null), pt = () => {
   for (const a of o)
     n.set(a.index, a.minSize), s += a.minSize;
   let r = t - s;
-  const d = (a, f) => {
-    if (f <= 0)
+  const d = (a, p) => {
+    if (p <= 0)
       return 0;
     const l = n.get(a.index) ?? a.minSize, u = Math.max(0, a.maxSize - l);
     if (u <= 0)
       return 0;
-    const c = Math.min(f, u);
+    const c = Math.min(p, u);
     return n.set(a.index, l + c), c;
   };
   if (r > 0) {
@@ -203,9 +203,9 @@ const Nt = or(null), pt = () => {
         if (w <= 1e-6)
           break;
       }
-    }, f = o.filter((l) => l.isPixelPanel);
-    f.sort((l, u) => u.priority - l.priority);
-    for (const l of f) {
+    }, p = o.filter((l) => l.isPixelPanel);
+    p.sort((l, u) => u.priority - l.priority);
+    for (const l of p) {
       if (r <= 0)
         break;
       const u = n.get(l.index) ?? l.minSize, c = Math.min(l.preferredSize, l.maxSize), z = Math.max(0, c - u);
@@ -242,15 +242,15 @@ const Nt = or(null), pt = () => {
   if (r > 0) {
     let a = r;
     for (; ; ) {
-      let f = 0;
+      let p = 0;
       const l = [];
       for (const c of o) {
         if (!c.isPixelPanel && c.excludeFromGrowth)
           continue;
         const z = n.get(c.index) ?? c.minSize, w = c.isPixelPanel ? Math.min(c.maxSize, c.preferredSize) : c.maxSize, S = Math.max(0, w - z);
-        S > 0 && (l.push(c), f += S);
+        S > 0 && (l.push(c), p += S);
       }
-      if (f <= 0)
+      if (p <= 0)
         break;
       const u = r;
       for (const c of l) {
@@ -261,7 +261,7 @@ const Nt = or(null), pt = () => {
         const z = n.get(c.index) ?? c.minSize, w = c.isPixelPanel ? Math.min(c.maxSize, c.preferredSize) : c.maxSize, S = Math.max(0, w - z);
         if (S <= 0)
           continue;
-        const y = u * S / f, b = d(c, Math.min(S, y));
+        const y = u * S / p, b = d(c, Math.min(S, y));
         b > 0 && (r -= b);
       }
       if (r <= 1e-6 || Math.abs(a - r) <= 1e-6)
@@ -272,10 +272,10 @@ const Nt = or(null), pt = () => {
   }
   if (r < 0) {
     let a = r;
-    const f = o.filter((l) => l.isPixelPanel);
-    for (f.sort((l, u) => l.priority - u.priority); !(r >= 0); ) {
+    const p = o.filter((l) => l.isPixelPanel);
+    for (p.sort((l, u) => l.priority - u.priority); !(r >= 0); ) {
       let l = !1;
-      for (const u of f) {
+      for (const u of p) {
         if (r >= 0)
           break;
         const c = n.get(u.index) ?? u.minSize, z = Pe(u.preferredSize, u.minSize, u.maxSize), w = Math.max(0, c - z);
@@ -296,13 +296,13 @@ const Nt = or(null), pt = () => {
     }
   }
   for (const a of o) {
-    const f = n.get(a.index) ?? a.minSize, l = i[a.index], u = Oe(l), c = u ? f : l.sizeBeforeCollapse, z = u ? l.measuredPixelSizeBeforeCollapse ?? l.measuredPixelSize ?? f : l.measuredPixelSizeBeforeCollapse, w = t > 0 ? ve(f, t) : 0;
+    const p = n.get(a.index) ?? a.minSize, l = i[a.index], u = Oe(l), c = u ? p : l.sizeBeforeCollapse, z = u ? l.measuredPixelSizeBeforeCollapse ?? l.measuredPixelSize ?? p : l.measuredPixelSizeBeforeCollapse, w = t > 0 ? ve(p, t) : 0;
     i[a.index] = {
       ...l,
-      size: f,
+      size: p,
       percentageSize: w,
       preferredPercentageSize: l.preferredPercentageSize,
-      preferredPixelSize: a.isPixelPanel ? l.preferredPixelSize ?? f : l.preferredPixelSize,
+      preferredPixelSize: a.isPixelPanel ? l.preferredPixelSize ?? p : l.preferredPixelSize,
       sizeBeforeCollapse: c,
       measuredPixelSizeBeforeCollapse: z,
       measuredPixelSize: void 0,
@@ -334,7 +334,7 @@ const Nt = or(null), pt = () => {
         percentageSize: 0,
         measuredPercentageSize: n.measuredPercentageSize !== void 0 ? 0 : n.measuredPercentageSize
       }) : n;
-    const s = ve(n.size, t), r = n.measuredPercentageSize, f = (r !== void 0 ? Math.abs(r - s) : 1 / 0) < 1e-4 && r !== void 0 ? r : s, l = Ft(f, Dt), c = Math.abs((n.percentageSize ?? 0) - l) > 0 || n.percentageSize === void 0, z = n.sizeBeforeCollapse === void 0 || n.sizeBeforeCollapse !== n.size, w = Oe(n), S = w && z, y = n.measuredPixelSize ?? n.size, b = w && (n.measuredPixelSizeBeforeCollapse === void 0 || n.measuredPixelSizeBeforeCollapse !== y);
+    const s = ve(n.size, t), r = n.measuredPercentageSize, p = (r !== void 0 ? Math.abs(r - s) : 1 / 0) < 1e-4 && r !== void 0 ? r : s, l = Ft(p, Dt), c = Math.abs((n.percentageSize ?? 0) - l) > 0 || n.percentageSize === void 0, z = n.sizeBeforeCollapse === void 0 || n.sizeBeforeCollapse !== n.size, w = Oe(n), S = w && z, y = n.measuredPixelSize ?? n.size, b = w && (n.measuredPixelSizeBeforeCollapse === void 0 || n.measuredPixelSizeBeforeCollapse !== y);
     if (!(c || S || b))
       return n;
     i = !0;
@@ -416,8 +416,8 @@ const Nt = or(null), pt = () => {
         d(u.index, -S);
       }
     }
-  }, f = i.map((l) => r(l)).filter((l) => l.isFlexible);
-  if (f.length > 0 && a(f), Math.abs(n) > 0) {
+  }, p = i.map((l) => r(l)).filter((l) => l.isFlexible);
+  if (p.length > 0 && a(p), Math.abs(n) > 0) {
     const l = n;
     n = Gt(e, n, t, { enforceAutoMinSize: !0 }), Math.abs(n - l) > 0 && (s = !0);
   }
@@ -483,14 +483,14 @@ const Nt = or(null), pt = () => {
       const n = [...e], s = n[i], r = n[o];
       if (s.collapsed || r.collapsed || t.leftSize === s.size && t.rightSize === r.size)
         return e;
-      const d = t.containerSize ?? e.reduce((x, E) => x + E.size, 0), a = ae(s.minSize, 0, d), f = ae(s.maxSize, d, d), l = ae(r.minSize, 0, d), u = ae(r.maxSize, d, d), c = s.size + r.size, z = e.reduce((x, E) => E.collapsed ? x : x + E.size, 0), w = z - c, S = a + l, y = f + u, b = Pe(t.leftSize + t.rightSize, S, y);
+      const d = t.containerSize ?? e.reduce((x, E) => x + E.size, 0), a = ae(s.minSize, 0, d), p = ae(s.maxSize, d, d), l = ae(r.minSize, 0, d), u = ae(r.maxSize, d, d), c = s.size + r.size, z = e.reduce((x, E) => E.collapsed ? x : x + E.size, 0), w = z - c, S = a + l, y = p + u, b = Pe(t.leftSize + t.rightSize, S, y);
       let k = d > 0 ? d - w : b;
       Number.isFinite(k) || (k = b);
       const C = Pe(Math.max(b, k), S, y), j = (x) => ({
         min: Math.max(a, x - u),
-        max: Math.min(f, x - l)
+        max: Math.min(p, x - l)
       }), K = (x) => ({
-        min: Math.max(l, x - f),
+        min: Math.max(l, x - p),
         max: Math.min(u, x - a)
       }), ee = Math.abs(t.leftSize - s.size), se = Math.abs(t.rightSize - r.size), v = ee >= se;
       let F = s.size, O = r.size;
@@ -507,17 +507,17 @@ const Nt = or(null), pt = () => {
         if (x.min > x.max)
           return e;
         const E = Pe(t.rightSize, x.min, x.max), h = C - E;
-        if (h < a || h > f)
+        if (h < a || h > p)
           return e;
         O = E, F = h;
       }
       const oe = F + O;
       if (C !== oe)
         return e;
-      const $ = z - s.size - r.size + oe, J = d > 0 ? d : $, q = J > 0 ? ve(F, J) : 0, V = J > 0 ? ve(O, J) : 0, P = s.sizeUnit === "pixels" || s.originalPixelSize !== void 0 ? F : s.preferredPixelSize, H = r.sizeUnit === "pixels" || r.originalPixelSize !== void 0 ? O : r.preferredPixelSize, M = ae(s.autoMinSize, 0, d), de = ae(r.autoMinSize, 0, d), ge = Math.max(1e-3, M), g = Math.max(1e-3, de), _ = s.sizeUnit === "percentage" && s.originalPixelSize === void 0, N = r.sizeUnit === "percentage" && r.originalPixelSize === void 0;
-      let D = s.excludeFromAutoGrowth, pe = r.excludeFromAutoGrowth;
-      _ && (F <= ge ? D = !0 : F > ge && (D = !1)), N && (O <= g ? pe = !0 : O > g && (pe = !1));
-      const Se = Oe(s), p = Oe(r);
+      const $ = z - s.size - r.size + oe, J = d > 0 ? d : $, q = J > 0 ? ve(F, J) : 0, V = J > 0 ? ve(O, J) : 0, P = s.sizeUnit === "pixels" || s.originalPixelSize !== void 0 ? F : s.preferredPixelSize, H = r.sizeUnit === "pixels" || r.originalPixelSize !== void 0 ? O : r.preferredPixelSize, M = ae(s.autoMinSize, 0, d), de = ae(r.autoMinSize, 0, d), me = Math.max(1e-3, M), g = Math.max(1e-3, de), _ = s.sizeUnit === "percentage" && s.originalPixelSize === void 0, N = r.sizeUnit === "percentage" && r.originalPixelSize === void 0;
+      let D = s.excludeFromAutoGrowth, fe = r.excludeFromAutoGrowth;
+      _ && (F <= me ? D = !0 : F > me && (D = !1)), N && (O <= g ? fe = !0 : O > g && (fe = !1));
+      const Se = Oe(s), f = Oe(r);
       return n[i] = {
         ...s,
         size: F,
@@ -534,16 +534,16 @@ const Nt = or(null), pt = () => {
         percentageSize: V,
         preferredPercentageSize: V > 0 ? V : r.preferredPercentageSize,
         preferredPixelSize: H,
-        sizeBeforeCollapse: p ? O : r.sizeBeforeCollapse,
+        sizeBeforeCollapse: f ? O : r.sizeBeforeCollapse,
         measuredPixelSize: void 0,
         measuredPercentageSize: void 0,
-        excludeFromAutoGrowth: pe
+        excludeFromAutoGrowth: fe
       }, d > 0 && Qe(n, d) ? Fe(n) : n;
     }
     case "SET_PANELS": {
       console.log("SET_PANELS", t.panels);
       const i = t.panels.map((a) => {
-        const f = a.sizeUnit === "pixels" || a.originalPixelSize !== void 0, l = a.preferredPercentageSize !== void 0 ? a.preferredPercentageSize : a.percentageSize, u = a.preferredPixelSize !== void 0 ? a.preferredPixelSize : f ? a.size : a.preferredPixelSize;
+        const p = a.sizeUnit === "pixels" || a.originalPixelSize !== void 0, l = a.preferredPercentageSize !== void 0 ? a.preferredPercentageSize : a.percentageSize, u = a.preferredPixelSize !== void 0 ? a.preferredPixelSize : p ? a.size : a.preferredPixelSize;
         return {
           ...a,
           preferredPercentageSize: l,
@@ -553,12 +553,12 @@ const Nt = or(null), pt = () => {
       let d = o.length === r.length;
       if (d)
         for (let a = 0; a < r.length; a += 1) {
-          const f = r[a], l = o[a];
+          const p = r[a], l = o[a];
           if (!l) {
             d = !1;
             break;
           }
-          if (!(l.id === f.id && l.size === f.size && l.percentageSize === f.percentageSize && l.sizeBeforeCollapse === f.sizeBeforeCollapse && l.measuredPercentageSize === f.measuredPercentageSize && l.collapsed === f.collapsed)) {
+          if (!(l.id === p.id && l.size === p.size && l.percentageSize === p.percentageSize && l.sizeBeforeCollapse === p.sizeBeforeCollapse && l.measuredPercentageSize === p.measuredPercentageSize && l.collapsed === p.collapsed)) {
             d = !1;
             break;
           }
@@ -611,7 +611,7 @@ const Nt = or(null), pt = () => {
       const o = e[i], n = t.from === "start" ? o.collapseFromStart : o.collapseFromEnd;
       if (!(Oe(o) && n) || o.collapsed)
         return e;
-      const r = o.size, d = o.measuredPixelSize ?? r, a = o.percentageSize ?? o.preferredPercentageSize ?? 0, f = {
+      const r = o.size, d = o.measuredPixelSize ?? r, a = o.percentageSize ?? o.preferredPercentageSize ?? 0, p = {
         ...o,
         collapsed: !0,
         collapsedByDirection: t.from,
@@ -626,7 +626,7 @@ const Nt = or(null), pt = () => {
         measuredPixelSize: o.measuredPixelSize !== void 0 ? 0 : o.measuredPixelSize,
         measuredPercentageSize: o.measuredPercentageSize !== void 0 ? 0 : o.measuredPercentageSize
       }, l = [...e];
-      l[i] = f;
+      l[i] = p;
       const u = ot(l, t.containerSize);
       return t.containerSize > 0 && Qe(u, t.containerSize) ? Fe(u) : u;
     }
@@ -638,7 +638,7 @@ const Nt = or(null), pt = () => {
       const o = t.containerSize, n = e[i], s = t.from === "start" ? n.collapseFromStart : n.collapseFromEnd;
       if (!(Oe(n) && s) || !n.collapsed || n.collapsedByDirection && n.collapsedByDirection !== t.from)
         return e;
-      const d = [t.targetSize, n.sizeBeforeCollapse, n.measuredPixelSizeBeforeCollapse, n.preferredPixelSizeBeforeCollapse, n.originalPixelSize].find((C) => C !== void 0) ?? 0, a = ae(n.minSize, 0, o), f = ae(n.maxSize, o, o), l = Pe(d, a, f), u = ve(l, o), c = n.measuredPixelSizeBeforeCollapse ?? l, z = ve(c, o), w = n.preferredPercentageSizeBeforeCollapse ?? n.percentageSizeBeforeCollapse ?? u, S = n.preferredPixelSizeBeforeCollapse ?? n.preferredPixelSize ?? l, y = {
+      const d = [t.targetSize, n.sizeBeforeCollapse, n.measuredPixelSizeBeforeCollapse, n.preferredPixelSizeBeforeCollapse, n.originalPixelSize].find((C) => C !== void 0) ?? 0, a = ae(n.minSize, 0, o), p = ae(n.maxSize, o, o), l = Pe(d, a, p), u = ve(l, o), c = n.measuredPixelSizeBeforeCollapse ?? l, z = ve(c, o), w = n.preferredPercentageSizeBeforeCollapse ?? n.percentageSizeBeforeCollapse ?? u, S = n.preferredPixelSizeBeforeCollapse ?? n.preferredPixelSize ?? l, y = {
         ...n,
         collapsed: !1,
         collapsedByDirection: null,
@@ -662,25 +662,25 @@ const Nt = or(null), pt = () => {
       return e;
   }
 }, xr = ({ direction: e, style: t, onLayout: i, autoSaveId: o, showDebugInfo: n = !1 }) => {
-  const [s, r] = ar(hr, []), [d, a] = ke({ width: 0, height: 0 }), [f, l] = ke(!1), [u, c] = ke(!1), [z, w] = ke(null), [S, y] = ke({}), [b, k] = ke({}), C = fe(null), j = fe(i), K = fe(!1), ee = fe(0), se = fe(d), v = fe(d), F = fe(f), O = fe(z?.reason ?? null), oe = fe({}), $ = fe(null), J = fe(null), q = be((p) => p.map((x) => ({ ...x })), []);
-  me(() => {
+  const [s, r] = ar(hr, []), [d, a] = ke({ width: 0, height: 0 }), [p, l] = ke(!1), [u, c] = ke(!1), [z, w] = ke(null), [S, y] = ke({}), [b, k] = ke({}), C = pe(null), j = pe(i), K = pe(!1), ee = pe(0), se = pe(d), v = pe(d), F = pe(p), O = pe(z?.reason ?? null), oe = pe({}), $ = pe(null), J = pe(null), q = be((f) => f.map((x) => ({ ...x })), []);
+  ge(() => {
     v.current = d;
-  }, [d]), me(() => {
-    F.current = f;
-  }, [f]), me(() => {
+  }, [d]), ge(() => {
+    F.current = p;
+  }, [p]), ge(() => {
     O.current = z?.reason ?? null;
-  }, [z?.reason]), me(() => {
+  }, [z?.reason]), ge(() => {
     if (z)
       return;
-    const p = e === "horizontal" ? d.width : d.height;
-    !Number.isFinite(p) || p <= 4 || s.length !== 0 && ($.current = q(s));
-  }, [z, s, e, d.width, d.height, q]), me(() => {
-    const p = J.current;
+    const f = e === "horizontal" ? d.width : d.height;
+    !Number.isFinite(f) || f <= 4 || s.length !== 0 && ($.current = q(s));
+  }, [z, s, e, d.width, d.height, q]), ge(() => {
+    const f = J.current;
     if (z) {
       J.current = z;
       return;
     }
-    if (p && !z && $.current) {
+    if (f && !z && $.current) {
       J.current = null;
       const x = q($.current);
       r({ type: "SET_PANELS", panels: x });
@@ -689,15 +689,15 @@ const Nt = or(null), pt = () => {
     J.current = z;
   }, [z, q]), rt(() => {
     if (!C.current) return;
-    const p = new ResizeObserver((x) => {
+    const f = new ResizeObserver((x) => {
       for (const E of x) {
         const h = E.target, B = h ? Le(h, "horizontal") : null, L = h ? Le(h, "vertical") : null, X = B ? B.inner : 0, re = L ? L.inner : 0, W = E.contentRect.width, U = E.contentRect.height, Z = X > 0 ? X : W, T = re > 0 ? re : U;
-        a((Y) => (!f && Z > 0 && T > 0 && l(!0), Y.width === Z && Y.height === T ? Y : { width: Z, height: T }));
+        a((Y) => (!p && Z > 0 && T > 0 && l(!0), Y.width === Z && Y.height === T ? Y : { width: Z, height: T }));
       }
     });
-    return p.observe(C.current), () => p.disconnect();
-  }, [f]), rt(() => {
-    const p = se.current, x = d, E = e === "horizontal" ? Math.abs(p.width - x.width) > 0 : Math.abs(p.height - x.height) > 0;
+    return f.observe(C.current), () => f.disconnect();
+  }, [p]), rt(() => {
+    const f = se.current, x = d, E = e === "horizontal" ? Math.abs(f.width - x.width) > 0 : Math.abs(f.height - x.height) > 0;
     if (u && E) {
       const h = e === "horizontal" ? x.width : x.height;
       r({ type: "CONTAINER_RESIZED", containerSize: h, direction: e });
@@ -706,13 +706,13 @@ const Nt = or(null), pt = () => {
   }, [d, u, e]);
   const V = be(() => {
     console.log("panels[0]?.id", s[0]?.id);
-    const p = s.some((m) => {
+    const f = s.some((m) => {
       if (m.collapsed || m.sizeUnit !== "percentage")
         return !1;
       const te = m.collapseFromStart || m.collapseFromEnd ? m.sizeBeforeCollapse ?? m.measuredPixelSizeBeforeCollapse ?? m.originalPixelSize ?? m.measuredPixelSize ?? 0 : m.measuredPixelSize ?? m.originalPixelSize ?? m.size, ie = m.percentageSize !== void 0 && m.percentageSize > 0;
       return m.size <= 0 && (te > 0 || ie);
     }), x = e === "horizontal" ? d.width : d.height, E = x > 0;
-    if (z || !E || !(s.length > 0 && (s.length !== ee.current || !u || p)))
+    if (z || !E || !(s.length > 0 && (s.length !== ee.current || !u || f)))
       return;
     const L = s.filter((m) => !m.collapsed && (m.originalPixelSize !== void 0 || m.sizeUnit === "pixels")).reduce((m, G) => {
       const te = G.preferredPixelSize ?? G.originalPixelSize ?? G.size;
@@ -791,36 +791,36 @@ const Nt = or(null), pt = () => {
     const ne = he.reduce((m, G) => m + le[G].size, 0), xe = Z - ne;
     Math.abs(xe) > 0 && Gt(le, xe, x, { enforceAutoMinSize: !0 }), r({ type: "SET_PANELS", panels: le }), ee.current = s.length, c(!0);
   }, [s, e, d.width, d.height, u, z]);
-  me(() => {
-    const p = e === "horizontal" ? d.width : d.height, x = p > 0, E = x && s.length > 0, h = E ? s.reduce((U, Z) => {
+  ge(() => {
+    const f = e === "horizontal" ? d.width : d.height, x = f > 0, E = x && s.length > 0, h = E ? s.reduce((U, Z) => {
       if (Z.collapsed)
         return U;
-      const T = ae(Z.minSize, 0, p);
+      const T = ae(Z.minSize, 0, f);
       return U + Math.max(0, T);
     }, 0) : null, B = E ? s.reduce((U, Z) => {
       if (Z.collapsed)
         return U;
-      const T = ae(Z.maxSize, p, p);
+      const T = ae(Z.maxSize, f, f);
       return U + Math.max(0, T);
     }, 0) : null, L = h ?? z?.totalMinimumSize ?? null, X = B ?? z?.totalMaximumSize ?? null;
     if (!x) {
-      z && w((U) => !U || U.availableContainerSize === p ? U : {
+      z && w((U) => !U || U.availableContainerSize === f ? U : {
         reason: U.reason,
         // totalMinimumSize: previous.totalMinimumSize,
         // totalMaximumSize: previous.totalMaximumSize,
         totalMinimumSize: null,
         totalMaximumSize: null,
-        availableContainerSize: p
+        availableContainerSize: f
       });
       return;
     }
-    const re = L !== null && L - p > Number.EPSILON, W = X !== null && p - X > Number.EPSILON;
+    const re = L !== null && L - f > Number.EPSILON, W = X !== null && f - X > Number.EPSILON;
     if (re || W) {
       const Z = {
         reason: re ? "minimum-exceeded" : "maximum-insufficient",
         totalMinimumSize: L,
         totalMaximumSize: X,
-        availableContainerSize: p
+        availableContainerSize: f
       };
       w((T) => T && T.reason === Z.reason && Math.abs((T.totalMinimumSize ?? 0) - (Z.totalMinimumSize ?? 0)) <= Number.EPSILON && Math.abs((T.totalMaximumSize ?? 0) - (Z.totalMaximumSize ?? 0)) <= Number.EPSILON && Math.abs(T.availableContainerSize - Z.availableContainerSize) <= Number.EPSILON ? T : Z);
       return;
@@ -829,31 +829,31 @@ const Nt = or(null), pt = () => {
       const U = z.reason === "minimum-exceeded", Z = z.reason === "maximum-insufficient";
       (!U || L !== null) && (!Z || X !== null) && !re && !W && w((ne) => ne && null);
     }
-  }, [s, e, d.width, d.height, z]), me(() => {
+  }, [s, e, d.width, d.height, z]), ge(() => {
     V();
-  }, [V]), me(() => {
+  }, [V]), ge(() => {
     j.current = i;
   }, [i]);
-  const P = ue(() => s.map((p) => p.size), [s]);
+  const P = ue(() => s.map((f) => f.size), [s]);
   rt(() => {
     P.length > 0 && j.current && j.current(P);
-  }, [P]), me(() => {
+  }, [P]), ge(() => {
     if (o && P.length > 0) {
-      const p = setTimeout(() => {
+      const f = setTimeout(() => {
         mr(o, P);
       }, 200);
-      return () => clearTimeout(p);
+      return () => clearTimeout(f);
     }
-  }, [o, P]), me(() => {
+  }, [o, P]), ge(() => {
     if (!o || s.length === 0 || K.current)
       return;
-    const p = e === "horizontal" ? d.width : d.height;
-    if (p <= 0)
+    const f = e === "horizontal" ? d.width : d.height;
+    if (f <= 0)
       return;
     const x = gr(o);
     if (x && x.length === s.length) {
       const E = s.map((h, B) => {
-        const L = ae(h.minSize, 0, p), X = ae(h.maxSize, p, p), re = Pe(x[B], L, X), W = ve(re, p), U = h.sizeUnit === "pixels" || h.originalPixelSize !== void 0 ? re : h.preferredPixelSize;
+        const L = ae(h.minSize, 0, f), X = ae(h.maxSize, f, f), re = Pe(x[B], L, X), W = ve(re, f), U = h.sizeUnit === "pixels" || h.originalPixelSize !== void 0 ? re : h.preferredPixelSize;
         return {
           ...h,
           size: re,
@@ -865,64 +865,64 @@ const Nt = or(null), pt = () => {
       r({ type: "SET_PANELS", panels: E }), K.current = !0;
     }
   }, [o, s, d.width, d.height, e]);
-  const H = be((p) => {
+  const H = be((f) => {
     const x = v.current, E = oe.current, h = JSON.stringify({
-      id: p.id,
-      size: p.size ?? null,
-      percentageSize: p.percentageSize ?? null,
-      preferredPercentageSize: p.preferredPercentageSize ?? null,
-      preferredPixelSize: p.preferredPixelSize ?? null,
-      sizeUnit: p.sizeUnit,
-      originalPixelSize: p.originalPixelSize ?? null,
-      minSize: p.minSize ?? null,
-      maxSize: p.maxSize ?? null,
-      collapseFromStart: p.collapseFromStart,
-      collapseFromEnd: p.collapseFromEnd,
-      collapsed: p.collapsed ?? !1,
-      collapsedByDirection: p.collapsedByDirection ?? null,
-      sizeBeforeCollapse: p.sizeBeforeCollapse ?? null,
-      percentageSizeBeforeCollapse: p.percentageSizeBeforeCollapse ?? null,
-      preferredPercentageSizeBeforeCollapse: p.preferredPercentageSizeBeforeCollapse ?? null,
-      preferredPixelSizeBeforeCollapse: p.preferredPixelSizeBeforeCollapse ?? null,
-      pixelAdjustPriority: p.pixelAdjustPriority ?? null
+      id: f.id,
+      size: f.size ?? null,
+      percentageSize: f.percentageSize ?? null,
+      preferredPercentageSize: f.preferredPercentageSize ?? null,
+      preferredPixelSize: f.preferredPixelSize ?? null,
+      sizeUnit: f.sizeUnit,
+      originalPixelSize: f.originalPixelSize ?? null,
+      minSize: f.minSize ?? null,
+      maxSize: f.maxSize ?? null,
+      collapseFromStart: f.collapseFromStart,
+      collapseFromEnd: f.collapseFromEnd,
+      collapsed: f.collapsed ?? !1,
+      collapsedByDirection: f.collapsedByDirection ?? null,
+      sizeBeforeCollapse: f.sizeBeforeCollapse ?? null,
+      percentageSizeBeforeCollapse: f.percentageSizeBeforeCollapse ?? null,
+      preferredPercentageSizeBeforeCollapse: f.preferredPercentageSizeBeforeCollapse ?? null,
+      preferredPixelSizeBeforeCollapse: f.preferredPixelSizeBeforeCollapse ?? null,
+      pixelAdjustPriority: f.pixelAdjustPriority ?? null
     });
-    if (E[p.id] === h) {
+    if (E[f.id] === h) {
       console.log("[resize-panels] useResizablePanels.registerPanel skipped", {
-        panelId: p.id,
+        panelId: f.id,
         reason: "duplicate-registration"
       });
       return;
     }
-    E[p.id] = h, console.log("[resize-panels] useResizablePanels.registerPanel", {
-      panelId: p.id,
+    E[f.id] = h, console.log("[resize-panels] useResizablePanels.registerPanel", {
+      panelId: f.id,
       containerReady: F.current,
       violationReason: O.current,
       containerSize: {
         width: x.width,
         height: x.height
       }
-    }), r({ type: "REGISTER_PANEL", panel: p });
-  }, []), M = be((p) => {
+    }), r({ type: "REGISTER_PANEL", panel: f });
+  }, []), M = be((f) => {
     const x = v.current;
     console.log("[resize-panels] useResizablePanels.unregisterPanel", {
-      panelId: p,
+      panelId: f,
       containerReady: F.current,
       violationReason: O.current,
       containerSize: {
         width: x.width,
         height: x.height
       }
-    }), r({ type: "UNREGISTER_PANEL", id: p }), delete oe.current[p], y((E) => {
-      if (!(p in E))
+    }), r({ type: "UNREGISTER_PANEL", id: f }), delete oe.current[f], y((E) => {
+      if (!(f in E))
         return E;
       const h = { ...E };
-      return delete h[p], h;
+      return delete h[f], h;
     });
   }, []), de = be(
-    (p, x, E, h) => {
-      const B = e === "horizontal" ? d.width : d.height, L = s.find((ne) => ne.id === p), X = s.find((ne) => ne.id === x);
+    (f, x, E, h) => {
+      const B = e === "horizontal" ? d.width : d.height, L = s.find((ne) => ne.id === f), X = s.find((ne) => ne.id === x);
       if (!(L && X)) {
-        r({ type: "RESIZE_PANELS", leftId: p, rightId: x, leftSize: E, rightSize: h, containerSize: B });
+        r({ type: "RESIZE_PANELS", leftId: f, rightId: x, leftSize: E, rightSize: h, containerSize: B });
         return;
       }
       if (L.collapsed || X.collapsed)
@@ -946,63 +946,63 @@ const Nt = or(null), pt = () => {
           }
         }
       }
-      T = Pe(T, re, W), Y = Pe(Y, U, Z), console.assert(T + Y === he, "Total size after constraints should be close to the original total size.", { constrainedLeftSize: T, constrainedRightSize: Y, originalTotalSize: he }), r({ type: "RESIZE_PANELS", leftId: p, rightId: x, leftSize: T, rightSize: Y, containerSize: B });
+      T = Pe(T, re, W), Y = Pe(Y, U, Z), console.assert(T + Y === he, "Total size after constraints should be close to the original total size.", { constrainedLeftSize: T, constrainedRightSize: Y, originalTotalSize: he }), r({ type: "RESIZE_PANELS", leftId: f, rightId: x, leftSize: T, rightSize: Y, containerSize: B });
     },
     [e, d.width, d.height, s]
-  ), ge = be(
-    (p, x) => {
+  ), me = be(
+    (f, x) => {
       const E = e === "horizontal" ? d.width : d.height;
-      r({ type: "COLLAPSE_PANEL", id: p, from: x, containerSize: E });
+      r({ type: "COLLAPSE_PANEL", id: f, from: x, containerSize: E });
     },
     [e, d.width, d.height]
   ), g = be(
-    (p, x, E) => {
+    (f, x, E) => {
       const h = e === "horizontal" ? d.width : d.height;
-      r({ type: "EXPAND_PANEL", id: p, from: x, containerSize: h, targetSize: E });
+      r({ type: "EXPAND_PANEL", id: f, from: x, containerSize: h, targetSize: E });
     },
     [e, d.width, d.height]
   ), _ = be(
-    (p) => s.find((x) => x.id === p),
+    (f) => s.find((x) => x.id === f),
     [s]
-  ), N = be((p, x) => {
+  ), N = be((f, x) => {
     y((E) => {
       if (x === null) {
-        if (!(p in E))
+        if (!(f in E))
           return E;
         const B = { ...E };
-        return delete B[p], B;
+        return delete B[f], B;
       }
-      const h = E[p];
+      const h = E[f];
       return h && h.pixelSize === x.pixelSize && h.percentageSize === x.percentageSize ? E : {
         ...E,
-        [p]: x
+        [f]: x
       };
     });
-  }, []), D = be((p, x) => {
+  }, []), D = be((f, x) => {
     k((E) => {
       if (x === null) {
-        if (!(p in E))
+        if (!(f in E))
           return E;
         const B = { ...E };
-        return delete B[p], B;
+        return delete B[f], B;
       }
-      const h = E[p];
+      const h = E[f];
       return h && Math.abs(h.thickness - x.thickness) <= 0.25 && h.visible === x.visible && h.direction === x.direction && h.startPanelId === x.startPanelId && h.endPanelId === x.endPanelId ? E : {
         ...E,
-        [p]: x
+        [f]: x
       };
     });
-  }, []), pe = ue(
+  }, []), fe = ue(
     () => ({
       direction: e,
       panels: s,
       containerSize: d,
-      isContainerReady: f,
+      isContainerReady: p,
       showDebugInfo: n,
       registerPanel: H,
       unregisterPanel: M,
       resizePanels: de,
-      collapsePanel: ge,
+      collapsePanel: me,
       expandPanel: g,
       getPanel: _,
       reportPanelMeasurement: N,
@@ -1011,7 +1011,7 @@ const Nt = or(null), pt = () => {
       handleMeasurements: b,
       layoutConstraintViolation: z
     }),
-    [e, s, d, f, n, H, M, de, ge, g, _, N, S, D, b, z]
+    [e, s, d, p, n, H, M, de, me, g, _, N, S, D, b, z]
   ), Se = ue(
     () => ({
       display: "flex",
@@ -1030,23 +1030,23 @@ const Nt = or(null), pt = () => {
   );
   return {
     groupRef: C,
-    contextValue: pe,
+    contextValue: fe,
     groupStyle: Se
   };
 }, Tn = (e) => {
-  const { getPanel: t, collapsePanel: i, expandPanel: o } = pt(), n = t(e), s = be(
+  const { getPanel: t, collapsePanel: i, expandPanel: o } = ft(), n = t(e), s = be(
     (a) => {
       i(e, a);
     },
     [i, e]
   ), r = be(
-    (a, f) => {
-      o(e, a, f);
+    (a, p) => {
+      o(e, a, p);
     },
     [o, e]
   ), d = be(
-    (a, f) => {
-      n?.collapsed ? r(a, f) : s(a);
+    (a, p) => {
+      n?.collapsed ? r(a, p) : s(a);
     },
     [n?.collapsed, s, r]
   );
@@ -1196,15 +1196,15 @@ function Sr() {
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), g = this.props.ref, g !== void 0 ? g : null;
     }
-    function f(g, _, N, D, pe, Se) {
-      var p = N.ref;
+    function p(g, _, N, D, fe, Se) {
+      var f = N.ref;
       return g = {
         $$typeof: w,
         type: g,
         key: _,
         props: N,
         _owner: D
-      }, (p !== void 0 ? p : null) !== null ? Object.defineProperty(g, "ref", {
+      }, (f !== void 0 ? f : null) !== null ? Object.defineProperty(g, "ref", {
         enumerable: !1,
         get: a
       }) : Object.defineProperty(g, "ref", { enumerable: !1, value: null }), g._store = {}, Object.defineProperty(g._store, "validated", {
@@ -1221,7 +1221,7 @@ function Sr() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: pe
+        value: fe
       }), Object.defineProperty(g, "_debugTask", {
         configurable: !1,
         enumerable: !1,
@@ -1229,25 +1229,25 @@ function Sr() {
         value: Se
       }), Object.freeze && (Object.freeze(g.props), Object.freeze(g)), g;
     }
-    function l(g, _, N, D, pe, Se) {
-      var p = _.children;
-      if (p !== void 0)
+    function l(g, _, N, D, fe, Se) {
+      var f = _.children;
+      if (f !== void 0)
         if (D)
-          if (q(p)) {
-            for (D = 0; D < p.length; D++)
-              u(p[D]);
-            Object.freeze && Object.freeze(p);
+          if (q(f)) {
+            for (D = 0; D < f.length; D++)
+              u(f[D]);
+            Object.freeze && Object.freeze(f);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else u(p);
+        else u(f);
       if (J.call(_, "key")) {
-        p = e(g);
+        f = e(g);
         var x = Object.keys(_).filter(function(h) {
           return h !== "key";
         });
-        D = 0 < x.length ? "{key: someKey, " + x.join(": ..., ") + ": ...}" : "{key: someKey}", ge[p + D] || (x = 0 < x.length ? "{" + x.join(": ..., ") + ": ...}" : "{}", console.error(
+        D = 0 < x.length ? "{key: someKey, " + x.join(": ..., ") + ": ...}" : "{key: someKey}", me[f + D] || (x = 0 < x.length ? "{" + x.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -1255,25 +1255,25 @@ React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
           D,
-          p,
+          f,
           x,
-          p
-        ), ge[p + D] = !0);
+          f
+        ), me[f + D] = !0);
       }
-      if (p = null, N !== void 0 && (i(N), p = "" + N), r(_) && (i(_.key), p = "" + _.key), "key" in _) {
+      if (f = null, N !== void 0 && (i(N), f = "" + N), r(_) && (i(_.key), f = "" + _.key), "key" in _) {
         N = {};
         for (var E in _)
           E !== "key" && (N[E] = _[E]);
       } else N = _;
-      return p && d(
+      return f && d(
         N,
         typeof g == "function" ? g.displayName || g.name || "Unknown" : g
-      ), f(
+      ), p(
         g,
-        p,
+        f,
         N,
         n(),
-        pe,
+        fe,
         Se
       );
     }
@@ -1294,7 +1294,7 @@ React keys must be passed directly to JSX without using spread:
     var P, H = {}, M = z.react_stack_bottom_frame.bind(
       z,
       s
-    )(), de = V(o(s)), ge = {};
+    )(), de = V(o(s)), me = {};
     $e.Fragment = y, $e.jsx = function(g, _, N) {
       var D = 1e4 > $.recentlyCreatedOwnerStacks++;
       return l(
@@ -1351,8 +1351,8 @@ const Pr = (e, t) => {
     },
     getConflictingClassGroupIds: (r, d) => {
       if (d) {
-        const a = o[r], f = i[r];
-        return a ? f ? Pr(f, a) : a : f || yt;
+        const a = o[r], p = i[r];
+        return a ? p ? Pr(p, a) : a : p || yt;
       }
       return i[r] || yt;
     }
@@ -1362,15 +1362,15 @@ const Pr = (e, t) => {
     return i.classGroupId;
   const n = e[t], s = i.nextPart.get(n);
   if (s) {
-    const f = Wt(e, t + 1, s);
-    if (f) return f;
+    const p = Wt(e, t + 1, s);
+    if (p) return p;
   }
   const r = i.validators;
   if (r === null)
     return;
   const d = t === 0 ? e.join(nt) : e.slice(t).join(nt), a = r.length;
-  for (let f = 0; f < a; f++) {
-    const l = r[f];
+  for (let p = 0; p < a; p++) {
+    const l = r[p];
     if (l.validator(d))
       return l.classGroupId;
   }
@@ -1387,10 +1387,10 @@ const Pr = (e, t) => {
   const i = Ht();
   for (const o in e) {
     const n = e[o];
-    ft(n, i, o, t);
+    pt(n, i, o, t);
   }
   return i;
-}, ft = (e, t, i, o) => {
+}, pt = (e, t, i, o) => {
   const n = e.length;
   for (let s = 0; s < n; s++) {
     const r = e[s];
@@ -1411,7 +1411,7 @@ const Pr = (e, t) => {
   o.classGroupId = i;
 }, Ar = (e, t, i, o) => {
   if (Ir(e)) {
-    ft(e(o), t, i, o);
+    pt(e(o), t, i, o);
     return;
   }
   t.validators === null && (t.validators = []), t.validators.push(yr(i, e));
@@ -1419,7 +1419,7 @@ const Pr = (e, t) => {
   const n = Object.entries(e), s = n.length;
   for (let r = 0; r < s; r++) {
     const [d, a] = n[r];
-    ft(a, Ut(t, d), i, o);
+    pt(a, Ut(t, d), i, o);
   }
 }, Ut = (e, t) => {
   let i = e;
@@ -1467,7 +1467,7 @@ const Pr = (e, t) => {
   } = e;
   let o = (n) => {
     const s = [];
-    let r = 0, d = 0, a = 0, f;
+    let r = 0, d = 0, a = 0, p;
     const l = n.length;
     for (let S = 0; S < l; S++) {
       const y = n[S];
@@ -1477,7 +1477,7 @@ const Pr = (e, t) => {
           continue;
         }
         if (y === "/") {
-          f = S;
+          p = S;
           continue;
         }
       }
@@ -1492,7 +1492,7 @@ const Pr = (e, t) => {
        */
       u.startsWith(dt) && (c = u.slice(1), z = !0)
     );
-    const w = f && f > a ? f - a : void 0;
+    const w = p && p > a ? p - a : void 0;
     return wt(s, z, c, w);
   };
   if (t) {
@@ -1533,8 +1533,8 @@ const Pr = (e, t) => {
     sortModifiers: s
   } = t, r = [], d = e.trim().split(Lr);
   let a = "";
-  for (let f = d.length - 1; f >= 0; f -= 1) {
-    const l = d[f], {
+  for (let p = d.length - 1; p >= 0; p -= 1) {
+    const l = d[p], {
       isExternal: u,
       modifiers: c,
       hasImportantModifier: z,
@@ -1584,12 +1584,12 @@ const Pr = (e, t) => {
 }, Gr = (e, ...t) => {
   let i, o, n, s;
   const r = (a) => {
-    const f = t.reduce((l, u) => u(l), e());
-    return i = Or(f), o = i.cache.get, n = i.cache.set, s = d, d(a);
+    const p = t.reduce((l, u) => u(l), e());
+    return i = Or(p), o = i.cache.get, n = i.cache.set, s = d, d(a);
   }, d = (a) => {
-    const f = o(a);
-    if (f)
-      return f;
+    const p = o(a);
+    if (p)
+      return p;
     const l = jr(a, i);
     return n(a, l), l;
   };
@@ -1609,7 +1609,7 @@ const Pr = (e, t) => {
   const o = Yt.exec(e);
   return o ? o[1] ? t(o[1]) : i : !1;
 }, Xt = (e) => e === "position" || e === "percentage", Jt = (e) => e === "image" || e === "url", Zt = (e) => e === "length" || e === "size" || e === "bg-size", Qt = (e) => e === "length", sn = (e) => e === "number", an = (e) => e === "family-name", Kt = (e) => e === "shadow", ln = () => {
-  const e = ze("color"), t = ze("font"), i = ze("text"), o = ze("font-weight"), n = ze("tracking"), s = ze("leading"), r = ze("breakpoint"), d = ze("container"), a = ze("spacing"), f = ze("radius"), l = ze("shadow"), u = ze("inset-shadow"), c = ze("text-shadow"), z = ze("drop-shadow"), w = ze("blur"), S = ze("perspective"), y = ze("aspect"), b = ze("ease"), k = ze("animate"), C = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], j = () => [
+  const e = ze("color"), t = ze("font"), i = ze("text"), o = ze("font-weight"), n = ze("tracking"), s = ze("leading"), r = ze("breakpoint"), d = ze("container"), a = ze("spacing"), p = ze("radius"), l = ze("shadow"), u = ze("inset-shadow"), c = ze("text-shadow"), z = ze("drop-shadow"), w = ze("blur"), S = ze("perspective"), y = ze("aspect"), b = ze("ease"), k = ze("animate"), C = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], j = () => [
     "center",
     "top",
     "bottom",
@@ -1631,7 +1631,7 @@ const Pr = (e, t) => {
     span: ["full", Be, A, R]
   }, Be, A, R], $ = () => [Be, "auto", A, R], J = () => ["auto", "min", "max", "fr", A, R], q = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], V = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], P = () => ["auto", ...v()], H = () => [je, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...v()], M = () => [e, A, R], de = () => [...j(), kt, Ct, {
     position: [A, R]
-  }], ge = () => ["no-repeat", {
+  }], me = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
   }], g = () => ["auto", "cover", "contain", nn, en, {
     size: [A, R]
@@ -1640,10 +1640,10 @@ const Pr = (e, t) => {
     "",
     "none",
     "full",
-    f,
+    p,
     A,
     R
-  ], D = () => ["", Q, Ve, Ne], pe = () => ["solid", "dashed", "dotted", "double"], Se = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], p = () => [Q, st, kt, Ct], x = () => [
+  ], D = () => ["", Q, Ve, Ne], fe = () => ["solid", "dashed", "dotted", "double"], Se = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], f = () => [Q, st, kt, Ct], x = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -2484,7 +2484,7 @@ const Pr = (e, t) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...pe(), "wavy"]
+        decoration: [...fe(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
@@ -2609,7 +2609,7 @@ const Pr = (e, t) => {
        * @see https://tailwindcss.com/docs/background-repeat
        */
       "bg-repeat": [{
-        bg: ge()
+        bg: me()
       }],
       /**
        * Background Size
@@ -2880,14 +2880,14 @@ const Pr = (e, t) => {
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...pe(), "hidden", "none"]
+        border: [...fe(), "hidden", "none"]
       }],
       /**
        * Divide Style
        * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
        */
       "divide-style": [{
-        divide: [...pe(), "hidden", "none"]
+        divide: [...fe(), "hidden", "none"]
       }],
       /**
        * Border Color
@@ -2964,7 +2964,7 @@ const Pr = (e, t) => {
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: [...pe(), "none", "hidden"]
+        outline: [...fe(), "none", "hidden"]
       }],
       /**
        * Outline Offset
@@ -3135,10 +3135,10 @@ const Pr = (e, t) => {
         "mask-linear": [Q]
       }],
       "mask-image-linear-from-pos": [{
-        "mask-linear-from": p()
+        "mask-linear-from": f()
       }],
       "mask-image-linear-to-pos": [{
-        "mask-linear-to": p()
+        "mask-linear-to": f()
       }],
       "mask-image-linear-from-color": [{
         "mask-linear-from": M()
@@ -3147,10 +3147,10 @@ const Pr = (e, t) => {
         "mask-linear-to": M()
       }],
       "mask-image-t-from-pos": [{
-        "mask-t-from": p()
+        "mask-t-from": f()
       }],
       "mask-image-t-to-pos": [{
-        "mask-t-to": p()
+        "mask-t-to": f()
       }],
       "mask-image-t-from-color": [{
         "mask-t-from": M()
@@ -3159,10 +3159,10 @@ const Pr = (e, t) => {
         "mask-t-to": M()
       }],
       "mask-image-r-from-pos": [{
-        "mask-r-from": p()
+        "mask-r-from": f()
       }],
       "mask-image-r-to-pos": [{
-        "mask-r-to": p()
+        "mask-r-to": f()
       }],
       "mask-image-r-from-color": [{
         "mask-r-from": M()
@@ -3171,10 +3171,10 @@ const Pr = (e, t) => {
         "mask-r-to": M()
       }],
       "mask-image-b-from-pos": [{
-        "mask-b-from": p()
+        "mask-b-from": f()
       }],
       "mask-image-b-to-pos": [{
-        "mask-b-to": p()
+        "mask-b-to": f()
       }],
       "mask-image-b-from-color": [{
         "mask-b-from": M()
@@ -3183,10 +3183,10 @@ const Pr = (e, t) => {
         "mask-b-to": M()
       }],
       "mask-image-l-from-pos": [{
-        "mask-l-from": p()
+        "mask-l-from": f()
       }],
       "mask-image-l-to-pos": [{
-        "mask-l-to": p()
+        "mask-l-to": f()
       }],
       "mask-image-l-from-color": [{
         "mask-l-from": M()
@@ -3195,10 +3195,10 @@ const Pr = (e, t) => {
         "mask-l-to": M()
       }],
       "mask-image-x-from-pos": [{
-        "mask-x-from": p()
+        "mask-x-from": f()
       }],
       "mask-image-x-to-pos": [{
-        "mask-x-to": p()
+        "mask-x-to": f()
       }],
       "mask-image-x-from-color": [{
         "mask-x-from": M()
@@ -3207,10 +3207,10 @@ const Pr = (e, t) => {
         "mask-x-to": M()
       }],
       "mask-image-y-from-pos": [{
-        "mask-y-from": p()
+        "mask-y-from": f()
       }],
       "mask-image-y-to-pos": [{
-        "mask-y-to": p()
+        "mask-y-to": f()
       }],
       "mask-image-y-from-color": [{
         "mask-y-from": M()
@@ -3222,10 +3222,10 @@ const Pr = (e, t) => {
         "mask-radial": [A, R]
       }],
       "mask-image-radial-from-pos": [{
-        "mask-radial-from": p()
+        "mask-radial-from": f()
       }],
       "mask-image-radial-to-pos": [{
-        "mask-radial-to": p()
+        "mask-radial-to": f()
       }],
       "mask-image-radial-from-color": [{
         "mask-radial-from": M()
@@ -3249,10 +3249,10 @@ const Pr = (e, t) => {
         "mask-conic": [Q]
       }],
       "mask-image-conic-from-pos": [{
-        "mask-conic-from": p()
+        "mask-conic-from": f()
       }],
       "mask-image-conic-to-pos": [{
-        "mask-conic-to": p()
+        "mask-conic-to": f()
       }],
       "mask-image-conic-from-color": [{
         "mask-conic-from": M()
@@ -3286,7 +3286,7 @@ const Pr = (e, t) => {
        * @see https://tailwindcss.com/docs/mask-repeat
        */
       "mask-repeat": [{
-        mask: ge()
+        mask: me()
       }],
       /**
        * Mask Size
@@ -4079,7 +4079,7 @@ const Pr = (e, t) => {
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
 }, qe = /* @__PURE__ */ Gr(ln), cn = ({ panel: e, measuredPixelSize: t, measuredPercentageSize: i, containerAxisSize: o, containerLabel: n }) => {
-  const s = e?.size, r = typeof s == "number" && Number.isFinite(s) ? `${s.toFixed(3)}px` : "-", d = e?.percentageSize !== void 0 ? `${e.percentageSize.toFixed(3)}%` : "-", a = Number.isFinite(t) ? `${t.toFixed(3)}px` : "-", f = Number.isFinite(i) ? `${i.toFixed(3)}%` : "-", l = Number.isFinite(o) ? `${o.toFixed(3)}px` : "-", u = `${r} / ${d}`, c = `${a} / ${f}`, z = e?.sizeUnit === "pixels" ? "Fixed" : "Flexible", w = [z, `${n}: ${l}`, `size (state): ${u}`, `size (measured): ${c}`];
+  const s = e?.size, r = typeof s == "number" && Number.isFinite(s) ? `${s.toFixed(3)}px` : "-", d = e?.percentageSize !== void 0 ? `${e.percentageSize.toFixed(3)}%` : "-", a = Number.isFinite(t) ? `${t.toFixed(3)}px` : "-", p = Number.isFinite(i) ? `${i.toFixed(3)}%` : "-", l = Number.isFinite(o) ? `${o.toFixed(3)}px` : "-", u = `${r} / ${d}`, c = `${a} / ${p}`, z = e?.sizeUnit === "pixels" ? "Fixed" : "Flexible", w = [z, `${n}: ${l}`, `size (state): ${u}`, `size (measured): ${c}`];
   return {
     stateValueDisplay: u,
     measuredValueDisplay: c,
@@ -4089,7 +4089,7 @@ const Pr = (e, t) => {
 `)
   };
 }, dn = ut(({ panel: e, measuredPixelSize: t, measuredPercentageSize: i, containerAxisSize: o, direction: n }) => {
-  const s = n === "horizontal" ? "container width" : "container height", { stateValueDisplay: r, measuredValueDisplay: d, containerDisplay: a, headlineLabel: f, titleText: l } = ue(
+  const s = n === "horizontal" ? "container width" : "container height", { stateValueDisplay: r, measuredValueDisplay: d, containerDisplay: a, headlineLabel: p, titleText: l } = ue(
     () => cn({
       panel: e,
       measuredPixelSize: t,
@@ -4150,7 +4150,7 @@ const Pr = (e, t) => {
     whiteSpace: "nowrap"
   };
   return /* @__PURE__ */ I.jsx("div", { style: u, title: l, children: /* @__PURE__ */ I.jsxs("div", { style: c, children: [
-    /* @__PURE__ */ I.jsx("div", { style: z, children: /* @__PURE__ */ I.jsx("span", { children: f }) }),
+    /* @__PURE__ */ I.jsx("div", { style: z, children: /* @__PURE__ */ I.jsx("span", { children: p }) }),
     /* @__PURE__ */ I.jsxs("div", { style: w, children: [
       /* @__PURE__ */ I.jsx("span", { children: s }),
       /* @__PURE__ */ I.jsx("span", { style: S, children: a })
@@ -4177,7 +4177,7 @@ const Pr = (e, t) => {
     collapseFromStart: !1,
     collapseFromEnd: !0
   }
-}, pn = (e) => {
+}, fn = (e) => {
   if (!e)
     return {
       collapseFromStart: !1,
@@ -4196,20 +4196,20 @@ const Pr = (e, t) => {
     [o]: s
   }), t(s));
 }, Nn = ut(
-  ({ id: e, defaultSize: t = { value: 50, unit: "percentage" }, minSize: i, maxSize: o, autoMinSize: n, className: s, style: r, children: d, order: a = 0, collapsible: f, defaultCollapsed: l = !1, pixelAdjustPriority: u, flexAdjustPriority: c, contentOverflow: z = "auto" }) => {
-    const { direction: w, registerPanel: S, unregisterPanel: y, getPanel: b, showDebugInfo: k, isContainerReady: C, reportPanelMeasurement: j, containerSize: K } = pt(), ee = fe(null), se = Bt(), v = fe(e || `panel-${se}`), F = ue(() => pn(f), [f]), O = F.collapseFromStart || F.collapseFromEnd, oe = ue(() => O ? F.collapseFromStart ? "start" : F.collapseFromEnd ? "end" : null : null, [O, F.collapseFromStart, F.collapseFromEnd]), $ = O && l, J = ue(() => lt(t), [t]), q = J?.unit === "pixels", V = q ? void 0 : J?.value, P = b(v.current), H = !!P?.collapsed, M = (P?.size ?? 0) <= 0, de = H || M, [ge, g] = ke(() => q && J ? J.value : P?.size !== void 0 ? P.size : 0), [_, N] = ke(() => !q && J ? J.value : P?.percentageSize !== void 0 ? P.percentageSize : 0), D = fe(_);
+  ({ id: e, defaultSize: t = { value: 50, unit: "percentage" }, minSize: i, maxSize: o, autoMinSize: n, className: s, style: r, children: d, order: a = 0, collapsible: p, defaultCollapsed: l = !1, pixelAdjustPriority: u, flexAdjustPriority: c, contentOverflow: z = "auto" }) => {
+    const { direction: w, registerPanel: S, unregisterPanel: y, getPanel: b, showDebugInfo: k, isContainerReady: C, reportPanelMeasurement: j, containerSize: K } = ft(), ee = pe(null), se = Bt(), v = pe(e || `panel-${se}`), F = ue(() => fn(p), [p]), O = F.collapseFromStart || F.collapseFromEnd, oe = ue(() => O ? F.collapseFromStart ? "start" : F.collapseFromEnd ? "end" : null : null, [O, F.collapseFromStart, F.collapseFromEnd]), $ = O && l, J = ue(() => lt(t), [t]), q = J?.unit === "pixels", V = q ? void 0 : J?.value, P = b(v.current), H = !!P?.collapsed, M = (P?.size ?? 0) <= 0, de = H || M, [me, g] = ke(() => q && J ? J.value : P?.size !== void 0 ? P.size : 0), [_, N] = ke(() => !q && J ? J.value : P?.percentageSize !== void 0 ? P.percentageSize : 0), D = pe(_);
     D.current = _;
-    const pe = fe(ge);
-    pe.current = ge;
+    const fe = pe(me);
+    fe.current = me;
     const Se = ue(
       () => Et({
-        ref: pe,
+        ref: fe,
         setState: g,
         panelIdRef: v,
         label: "pixel"
       }),
       []
-    ), p = ue(
+    ), f = ue(
       () => Et({
         ref: D,
         setState: N,
@@ -4218,11 +4218,9 @@ const Pr = (e, t) => {
       }),
       []
     ), x = be(() => {
-      pe.current !== 0 && (pe.current = 0, g(0)), D.current !== 0 && (D.current = 0, N(0));
+      fe.current !== 0 && (fe.current = 0, g(0)), D.current !== 0 && (D.current = 0, N(0));
     }, []);
-    me(() => {
-      e || console.warn("Panel component should have an explicit 'id' prop to avoid hydration issues. Auto-generated ID may cause SSR/client mismatch.");
-    }, [e]), me(() => {
+    ge(() => {
       if (!C)
         return;
       let T = 0;
@@ -4278,7 +4276,7 @@ const Pr = (e, t) => {
       y
     ]);
     const E = P?.size ?? 0;
-    me(() => {
+    ge(() => {
       const T = ee.current;
       if (!T) return;
       const Y = () => {
@@ -4302,10 +4300,10 @@ const Pr = (e, t) => {
           return;
         }
         if (ce > 0) {
-          Se(ce), ye > 0 && p(ce / ye * 100);
+          Se(ce), ye > 0 && f(ce / ye * 100);
           return;
         }
-        P.size !== void 0 && Se(P.size), P.percentageSize !== void 0 ? p(P.percentageSize) : P.sizeUnit === "pixels" && P.size !== void 0 && ye > 0 && p(P.size / ye * 100);
+        P.size !== void 0 && Se(P.size), P.percentageSize !== void 0 ? f(P.percentageSize) : P.sizeUnit === "pixels" && P.size !== void 0 && ye > 0 && f(P.size / ye * 100);
       }, le = new ResizeObserver(() => {
         Y();
       });
@@ -4314,7 +4312,7 @@ const Pr = (e, t) => {
         (() => {
           if (!ee.current) return !1;
           const G = ee.current.getBoundingClientRect();
-          return (w === "horizontal" ? G.width : G.height) !== pe.current;
+          return (w === "horizontal" ? G.width : G.height) !== fe.current;
         })() && setTimeout(Y, 0);
       }), xe = T.parentElement;
       return xe && ne.observe(xe, {
@@ -4327,33 +4325,33 @@ const Pr = (e, t) => {
         for (const m of he)
           clearTimeout(m);
       };
-    }, [p, Se, P, w, de, x]);
+    }, [f, Se, P, w, de, x]);
     const h = P?.size, B = P?.percentageSize, L = P?.sizeUnit;
-    me(() => {
+    ge(() => {
       if (P) {
         if (de) {
           x();
           return;
         }
         if (h !== void 0 && Se(h), B !== void 0)
-          p(B);
+          f(B);
         else if (L === "pixels" && h !== void 0) {
           const T = ee.current, Y = T?.parentElement;
           if (T && Y) {
             const { width: le, height: he } = T.getBoundingClientRect(), ne = Y.clientWidth, xe = Y.clientHeight, m = w === "horizontal" ? le : he, G = w === "horizontal" ? ne : xe;
             if (m > 0 && G > 0) {
               const te = m / G * 100;
-              p(te);
+              f(te);
             }
           }
         }
       }
-    }, [p, Se, P, B, h, L, w, de, x]), me(() => {
+    }, [f, Se, P, B, h, L, w, de, x]), ge(() => {
       j(v.current, {
-        pixelSize: ge,
+        pixelSize: me,
         percentageSize: _
       });
-    }, [j, ge, _]);
+    }, [j, me, _]);
     const X = () => de ? "0px" : P?.originalPixelSize !== void 0 ? `${E}px` : P?.percentageSize !== void 0 ? `${P.percentageSize}%` : `${E}px`, re = P?.sizeUnit === "percentage" && !P?.collapsed ? 1 : 0, W = {
       flexBasis: X(),
       flexGrow: 0,
@@ -4398,12 +4396,12 @@ const Pr = (e, t) => {
         "aria-hidden": de,
         children: [
           /* @__PURE__ */ I.jsx("div", { style: Z, children: d }),
-          k && /* @__PURE__ */ I.jsx(dn, { panel: P, measuredPixelSize: ge, measuredPercentageSize: _, containerAxisSize: U, direction: w })
+          k && /* @__PURE__ */ I.jsx(dn, { panel: P, measuredPixelSize: me, measuredPercentageSize: _, containerAxisSize: U, direction: w })
         ]
       }
     );
   }
-), fn = (e) => JSON.stringify(
+), pn = (e) => JSON.stringify(
   e.map((t) => ({
     id: t.id,
     size: t.size,
@@ -4446,7 +4444,7 @@ const Pr = (e, t) => {
   const a = () => {
     for (const b of e)
       b();
-  }, f = () => {
+  }, p = () => {
     s = !0, a();
   }, l = () => {
     const b = o;
@@ -4467,13 +4465,13 @@ const Pr = (e, t) => {
     getOwnerId: () => (l() && (s = !0), o),
     enableGroup: (b) => {
       const k = i.size;
-      i.add(b), i.size !== k && l() && f();
+      i.add(b), i.size !== k && l() && p();
     },
     disableGroup: (b) => {
-      i.delete(b) && l() && f();
+      i.delete(b) && l() && p();
     },
     updateGroup: (b, k) => {
-      const C = t.get(b), j = C?.index ?? n++, K = fn(k.panels), ee = mn(k.handles), se = C?.displayName !== k.displayName, v = C?.direction !== k.direction, F = C ? C.containerSize.width !== k.containerSize.width || C.containerSize.height !== k.containerSize.height : !0;
+      const C = t.get(b), j = C?.index ?? n++, K = pn(k.panels), ee = mn(k.handles), se = C?.displayName !== k.displayName, v = C?.direction !== k.direction, F = C ? C.containerSize.width !== k.containerSize.width || C.containerSize.height !== k.containerSize.height : !0;
       let O = C?.serializedPanels !== K;
       if (!O && C)
         if (C.panels.length !== k.panels.length)
@@ -4519,11 +4517,11 @@ const Pr = (e, t) => {
         index: j,
         serializedPanels: K,
         serializedHandles: ee
-      }), f();
+      }), p();
     },
     removeGroup: (b) => {
       const k = t.delete(b), C = i.delete(b), j = l();
-      (k || C || j) && f();
+      (k || C || j) && p();
     }
   };
 }, Me = gn(), hn = () => Tt(Me.subscribe, Me.getOwnerId, Me.getOwnerId), xn = () => Tt(Me.subscribe, Me.getSnapshot, Me.getSnapshot), zn = (e) => {
@@ -4626,7 +4624,7 @@ const bn = () => (At += 1, `panel-group-${At}`), De = (e, t) => typeof e != "num
   const o = Le(e, "horizontal"), n = Le(e, "vertical"), s = e.getBoundingClientRect(), r = o.inner > 0 ? o.inner : t ?? s.width, d = n.inner > 0 ? n.inner : i ?? s.height;
   return { width: r, height: d };
 }, Fn = (e) => {
-  const { id: t, className: i, style: o, children: n, direction: s } = e, { groupRef: r, contextValue: d, groupStyle: a } = xr(e), [f, l] = ke({ width: 0, height: 0 }), u = d.layoutConstraintViolation, c = !!u, z = ue(() => {
+  const { id: t, className: i, style: o, children: n, direction: s } = e, { groupRef: r, contextValue: d, groupStyle: a } = xr(e), [p, l] = ke({ width: 0, height: 0 }), u = d.layoutConstraintViolation, c = !!u, z = ue(() => {
     if (!u)
       return null;
     const { summary: $, detail: J } = Rn(u);
@@ -4641,12 +4639,12 @@ const bn = () => (At += 1, `panel-group-${At}`), De = (e, t) => typeof e != "num
         ]
       }
     );
-  }, [u]), S = fe(t ?? bn()).current, y = t ?? S, b = d.showDebugInfo && d.panels.length > 0, k = b ? d.panels : [], C = b ? d.panelMeasurements : {}, j = ue(() => {
+  }, [u]), S = pe(t ?? bn()).current, y = t ?? S, b = d.showDebugInfo && d.panels.length > 0, k = b ? d.panels : [], C = b ? d.panelMeasurements : {}, j = ue(() => {
     if (!b)
       return [];
     const $ = Object.values(d.handleMeasurements);
     return $.length <= 1 ? $ : $.slice().sort((J, q) => J.id.localeCompare(q.id));
-  }, [d.handleMeasurements, b]), K = d.containerSize, ee = f.width > 0 ? f.width : K.width, se = f.height > 0 ? f.height : K.height, v = hn(), F = b && v === S;
+  }, [d.handleMeasurements, b]), K = d.containerSize, ee = p.width > 0 ? p.width : K.width, se = p.height > 0 ? p.height : K.height, v = hn(), F = b && v === S;
   rt(() => {
     if (!b) {
       l({ width: 0, height: 0 });
@@ -4672,7 +4670,7 @@ const bn = () => (At += 1, `panel-group-${At}`), De = (e, t) => typeof e != "num
     };
   }, [r, b]);
   const O = ue(() => An(k, C), [k, C]);
-  me(() => {
+  ge(() => {
     if (!b) {
       Mt(S), Rt(S);
       return;
@@ -4680,7 +4678,7 @@ const bn = () => (At += 1, `panel-group-${At}`), De = (e, t) => typeof e != "num
     return zn(S), () => {
       Mt(S), Rt(S);
     };
-  }, [b, S]), me(() => {
+  }, [b, S]), ge(() => {
     b && Sn(S, {
       displayName: y,
       direction: s,
@@ -4727,7 +4725,7 @@ const bn = () => (At += 1, `panel-group-${At}`), De = (e, t) => typeof e != "num
   const t = xn().groups, [i, o] = ke(!0);
   if (t.length === 0 || typeof document > "u")
     return null;
-  const n = t.reduce((a, f) => a + f.panels.length, 0), s = t.reduce((a, f) => a + (f.handles?.length ?? 0), 0), r = () => o((a) => !a), d = /* @__PURE__ */ I.jsxs(
+  const n = t.reduce((a, p) => a + p.panels.length, 0), s = t.reduce((a, p) => a + (p.handles?.length ?? 0), 0), r = () => o((a) => !a), d = /* @__PURE__ */ I.jsxs(
     "div",
     {
       style: {
@@ -4793,7 +4791,7 @@ const bn = () => (At += 1, `panel-group-${At}`), De = (e, t) => typeof e != "num
               overflowY: "auto",
               paddingRight: "6px"
             },
-            children: t.map((a, f) => {
+            children: t.map((a, p) => {
               const l = a.direction === "horizontal" ? a.containerSize.width : a.containerSize.height;
               return /* @__PURE__ */ I.jsxs("div", { style: Cn, children: [
                 /* @__PURE__ */ I.jsxs(
@@ -4817,7 +4815,7 @@ const bn = () => (At += 1, `panel-group-${At}`), De = (e, t) => typeof e != "num
                           },
                           children: [
                             "group ",
-                            f + 1,
+                            p + 1,
                             ": ",
                             a.displayName
                           ]
@@ -4894,8 +4892,8 @@ const bn = () => (At += 1, `panel-group-${At}`), De = (e, t) => typeof e != "num
   );
   return lr(d, document.body);
 }, On = ut(({ id: e, disabled: t = !1, className: i, style: o, children: n, onDragging: s }) => {
-  const { direction: r, resizePanels: d, getPanel: a, collapsePanel: f, expandPanel: l, panels: u, reportHandleMeasurement: c, containerSize: z, layoutConstraintViolation: w } = pt(), [S, y] = ke(!1), b = fe(null), k = fe(null), C = fe(""), j = fe(""), [K, ee] = ke({ left: null, right: null }), se = Bt(), v = fe(e ?? `resize-handle-${se}`), F = fe(null), O = e ?? v.current, oe = !!w, $ = t || oe;
-  me(() => {
+  const { direction: r, resizePanels: d, getPanel: a, collapsePanel: p, expandPanel: l, panels: u, reportHandleMeasurement: c, containerSize: z, layoutConstraintViolation: w } = ft(), [S, y] = ke(!1), b = pe(null), k = pe(null), C = pe(""), j = pe(""), [K, ee] = ke({ left: null, right: null }), se = Bt(), v = pe(e ?? `resize-handle-${se}`), F = pe(null), O = e ?? v.current, oe = !!w, $ = t || oe;
+  ge(() => {
     if (b.current) {
       const h = b.current.parentElement;
       if (h) {
@@ -4924,12 +4922,12 @@ const bn = () => (At += 1, `panel-group-${At}`), De = (e, t) => typeof e != "num
         }
       }
     }
-  }, []), me(() => {
+  }, []), ge(() => {
     if (O === v.current)
       return;
     const h = v.current;
     v.current = O, F.current = null, h !== O && c(h, null);
-  }, [c, O]), me(() => {
+  }, [c, O]), ge(() => {
     const h = v.current;
     return () => {
       c(h, null);
@@ -4956,14 +4954,14 @@ const bn = () => (At += 1, `panel-group-${At}`), De = (e, t) => typeof e != "num
           return;
         const G = U + m, te = Z - m, ie = a(C.current), ce = a(j.current);
         if (ie && ce && C.current && j.current) {
-          const ye = ae(ie.minSize, 0, L), Re = ae(ce.minSize, 0, L), we = ye, Ae = Re, Ie = Math.min(L * Lt, jt), Ee = Math.min(L * ur, pr), Te = ce.collapseFromStart, er = ce.collapsedByDirection ?? "start";
+          const ye = ae(ie.minSize, 0, L), Re = ae(ce.minSize, 0, L), we = ye, Ae = Re, Ie = Math.min(L * Lt, jt), Ee = Math.min(L * ur, fr), Te = ce.collapseFromStart, er = ce.collapsedByDirection ?? "start";
           if (Te && !ce.collapsed && te <= Math.max(Re * 0.3, Ie)) {
-            f(j.current, "start");
+            p(j.current, "start");
             return;
           }
           const tr = ie.collapseFromEnd, rr = ie.collapsedByDirection ?? "end";
           if (tr && !ie.collapsed && G <= Math.max(ye * 0.3, Ie)) {
-            f(C.current, "end");
+            p(C.current, "end");
             return;
           }
           if (ce.collapsed && te > Math.max(Re * 0.3, Ee)) {
@@ -4996,7 +4994,7 @@ const bn = () => (At += 1, `panel-group-${At}`), De = (e, t) => typeof e != "num
       };
       document.addEventListener("pointermove", le), document.addEventListener("pointerup", he);
     },
-    [$, r, d, a, f, l, s]
+    [$, r, d, a, p, l, s]
   ), q = r === "horizontal", P = qe(
     "group absolute z-20 flex select-none items-center justify-center border-none bg-transparent transition-colors duration-150 overflow-visible",
     q ? "cursor-col-resize" : "cursor-row-resize",
@@ -5035,14 +5033,14 @@ const bn = () => (At += 1, `panel-group-${At}`), De = (e, t) => typeof e != "num
       return X;
     };
     return H.left >= 0 ? h(0, H.left) : H.right > 0 ? h(0, H.right - 1) : 0;
-  }, [H.left, H.right, u]), ge = ue(() => !Number.isFinite(de) || de < 0 ? 0 : M > 0 && de > M ? M : de, [de, M]), g = ue(() => {
+  }, [H.left, H.right, u]), me = ue(() => !Number.isFinite(de) || de < 0 ? 0 : M > 0 && de > M ? M : de, [de, M]), g = ue(() => {
     const h = {
       position: "absolute",
       zIndex: 20,
       touchAction: "none"
     };
-    return q ? (h.top = 0, h.left = `${ge}px`, h.transform = "translateX(-50%)", h.width = `${gt}px`, h.height = "100%") : (h.left = 0, h.top = `${ge}px`, h.transform = "translateY(-50%)", h.height = `${gt}px`, h.width = "100%"), h;
-  }, [ge, q]), _ = ue(() => {
+    return q ? (h.top = 0, h.left = `${me}px`, h.transform = "translateX(-50%)", h.width = `${gt}px`, h.height = "100%") : (h.left = 0, h.top = `${me}px`, h.transform = "translateY(-50%)", h.height = `${gt}px`, h.width = "100%"), h;
+  }, [me, q]), _ = ue(() => {
     const h = ct(M), B = (Y) => {
       if (Y < 0 || Y >= u.length)
         return !1;
@@ -5075,7 +5073,7 @@ const bn = () => (At += 1, `panel-group-${At}`), De = (e, t) => typeof e != "num
       return 0;
     const B = _.overlapIndex === 0 ? 0 : h - 1, L = (h - 1) / 2;
     return (B - L) * cr;
-  }, [_, N]), pe = ue(() => {
+  }, [_, N]), fe = ue(() => {
     if (N)
       return { display: "none" };
     if (D !== 0)
@@ -5085,7 +5083,7 @@ const bn = () => (At += 1, `panel-group-${At}`), De = (e, t) => typeof e != "num
     "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)]",
     q ? "h-12 w-[6px] px-[2px]" : "h-[6px] w-20 py-[2px]",
     S && "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)]"
-  ), p = qe(
+  ), f = qe(
     "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)]",
     q ? "h-8 w-[2px]" : "h-[2px] w-16",
     S && "bg-blue-500 dark:bg-blue-300",
@@ -5109,15 +5107,15 @@ const bn = () => (At += 1, `panel-group-${At}`), De = (e, t) => typeof e != "num
       id: O,
       thickness: B,
       direction: r,
-      visible: !N && B > fr,
+      visible: !N && B > pr,
       startPanelId: K.left,
       endPanelId: K.right
     }, X = F.current;
     X && Math.abs(X.thickness - L.thickness) <= 0.25 && X.visible === L.visible && X.direction === L.direction && X.startPanelId === L.startPanelId && X.endPanelId === L.endPanelId || (F.current = L, c(O, L));
   }, [r, K.left, K.right, c, O, N]);
-  me(() => {
+  ge(() => {
     x();
-  }, [x]), me(() => {
+  }, [x]), ge(() => {
     const h = b.current;
     if (!h)
       return;
@@ -5154,7 +5152,7 @@ const bn = () => (At += 1, `panel-group-${At}`), De = (e, t) => typeof e != "num
       "aria-label": `Resize ${q ? "columns" : "rows"} - Drag to collapse/expand panels`,
       "data-resize-handle-id": O,
       title: `ドラッグして${q ? "列" : "行"}をリサイズ、端まで移動して折りたたみ/展開`,
-      children: n || /* @__PURE__ */ I.jsx("div", { className: Se, style: pe, children: /* @__PURE__ */ I.jsx("span", { className: p }) })
+      children: n || /* @__PURE__ */ I.jsx("div", { className: Se, style: fe, children: /* @__PURE__ */ I.jsx("span", { className: f }) })
     }
   );
 }), Ln = (e) => document.querySelector(`[data-panel-id="${e}"]`), jn = (e) => document.querySelector(`[data-panel-group-id="${e}"]`), Dn = (e) => document.querySelector(`[data-resize-handle-id="${e}"]`);
@@ -5173,6 +5171,6 @@ export {
   lt as normalizeSizeConfig,
   mr as saveLayout,
   Tn as usePanelControls,
-  pt as usePanelGroup,
+  ft as usePanelGroup,
   xr as useResizablePanels
 };