@aiquants/resize-panels 0.2.0 → 0.3.0

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import Vt, { createContext as Yt, useContext as qt, useCallback as fe, useMemo as de, useReducer as Xt, useState as ze, useRef as pe, useLayoutEffect as Ye, useEffect as ue, memo as nt, useSyncExternalStore as Et } from "react";
+import Vt, { createContext as Yt, useContext as qt, useCallback as pe, useMemo as ue, useReducer as Xt, useState as Se, useRef as me, useLayoutEffect as Ye, useEffect as fe, memo as nt, useSyncExternalStore as Et } from "react";
 import { createPortal as Jt } from "react-dom";
 const Mt = Yt(null), it = () => {
   const e = qt(Mt);
@@ -10,10 +10,10 @@ const Mt = Yt(null), it = () => {
     return e;
   const r = 10 ** t, o = e * r, i = Math.floor(o), s = o - i, a = Number.EPSILON * Math.max(1, Math.abs(o));
   return s < 0.5 - a ? i / r : s > 0.5 + a ? (i + 1) / r : (i % 2 === 0 ? i : i + 1) / r;
-}, _t = 12, dt = 8, Zt = 8, Qt = 8, It = 0.05, At = 10, Kt = 0.05, er = 20, tr = 0.05, Xe = 0, ut = 0, Nt = 6, me = (e, t) => t <= 0 ? 0 : Rt(e / t * 100, Nt), Be = (e, t) => !e || t <= 0 ? 0 : e / 100 * t, Le = (e, t = "percentage") => {
+}, _t = 12, dt = 8, Zt = 8, Qt = 8, It = 0.05, At = 10, Kt = 0.05, er = 20, tr = 0.05, Xe = 0, ut = 0, Nt = 6, ge = (e, t) => t <= 0 ? 0 : Rt(e / t * 100, Nt), Be = (e, t) => !e || t <= 0 ? 0 : e / 100 * t, Le = (e, t = "percentage") => {
   if (e !== void 0)
     return typeof e == "number" ? { value: e, unit: t } : e;
-}, ft = (e, t) => e ? e.unit === "percentage" ? e.value / 100 * t : e.value : 0, oe = (e, t, r) => e ? typeof e == "number" ? e / 100 * r : e.unit === "pixels" ? e.value : e.value / 100 * r : t, he = (e, t, r) => Math.min(Math.max(e, t), r), Ke = (e) => {
+}, ft = (e, t) => e ? e.unit === "percentage" ? e.value / 100 * t : e.value : 0, se = (e, t, r) => e ? typeof e == "number" ? e / 100 * r : e.unit === "pixels" ? e.value : e.value / 100 * r : t, he = (e, t, r) => Math.min(Math.max(e, t), r), Ke = (e) => {
   if (!Number.isFinite(e) || e <= 0)
     return ut;
   const t = e * It, r = Math.min(_t, At, t);
@@ -25,8 +25,8 @@ const Mt = Yt(null), it = () => {
   if (o.length === 0)
     return t;
   const i = [...o].sort((l, c) => {
-    const S = l.panel.pixelAdjustPriority ?? l.index + 1, b = c.panel.pixelAdjustPriority ?? c.index + 1;
-    return S === b ? l.index - c.index : S - b;
+    const P = l.panel.pixelAdjustPriority ?? l.index + 1, z = c.panel.pixelAdjustPriority ?? c.index + 1;
+    return P === z ? l.index - c.index : P - z;
   });
   let s = t;
   return (() => {
@@ -36,41 +36,41 @@ const Mt = Yt(null), it = () => {
       const c = e[l];
       if (!c || c.collapsed)
         continue;
-      const S = Le(c.minSize, "pixels"), b = Le(c.maxSize, "pixels"), d = S ? ft(S, r) : 0, u = b ? ft(b, r) : r;
+      const P = Le(c.minSize, "pixels"), z = Le(c.maxSize, "pixels"), f = P ? ft(P, r) : 0, d = z ? ft(z, r) : r;
       if (s > 0) {
         if (Math.abs(c.size) <= 0 && (c.percentageSize ?? 0) <= 0)
           continue;
-        const w = Math.max(0, u - c.size);
-        if (w <= 0)
+        const v = Math.max(0, d - c.size);
+        if (v <= 0)
           continue;
-        const C = Math.min(w, s);
-        if (C <= 0)
+        const w = Math.min(v, s);
+        if (w <= 0)
           continue;
-        const v = c.size + C, p = me(v, r), m = c.collapsible ? v : c.sizeBeforeCollapse, R = c.collapsible ? c.measuredPixelSizeBeforeCollapse ?? c.measuredPixelSize ?? v : c.measuredPixelSizeBeforeCollapse;
+        const C = c.size + w, p = ge(C, r), x = c.collapsible ? C : c.sizeBeforeCollapse, k = c.collapsible ? c.measuredPixelSizeBeforeCollapse ?? c.measuredPixelSize ?? C : c.measuredPixelSizeBeforeCollapse;
         e[l] = {
           ...c,
-          size: v,
+          size: C,
           percentageSize: p,
-          originalPixelSize: c.originalPixelSize !== void 0 ? c.originalPixelSize : v,
-          sizeBeforeCollapse: m,
-          measuredPixelSizeBeforeCollapse: R
-        }, s -= C;
+          originalPixelSize: c.originalPixelSize !== void 0 ? c.originalPixelSize : C,
+          sizeBeforeCollapse: x,
+          measuredPixelSizeBeforeCollapse: k
+        }, s -= w;
       } else {
-        const h = Math.max(0, c.size - d);
+        const h = Math.max(0, c.size - f);
         if (h <= 0)
           continue;
-        const w = Math.min(h, Math.abs(s));
-        if (w <= 0)
+        const v = Math.min(h, Math.abs(s));
+        if (v <= 0)
           continue;
-        const C = c.size - w, v = me(C, r), p = c.collapsible ? C : c.sizeBeforeCollapse, m = c.collapsible ? c.measuredPixelSizeBeforeCollapse ?? c.measuredPixelSize ?? C : c.measuredPixelSizeBeforeCollapse;
+        const w = c.size - v, C = ge(w, r), p = c.collapsible ? w : c.sizeBeforeCollapse, x = c.collapsible ? c.measuredPixelSizeBeforeCollapse ?? c.measuredPixelSize ?? w : c.measuredPixelSizeBeforeCollapse;
         e[l] = {
           ...c,
-          size: C,
-          percentageSize: v,
-          originalPixelSize: c.originalPixelSize !== void 0 ? c.originalPixelSize : C,
+          size: w,
+          percentageSize: C,
+          originalPixelSize: c.originalPixelSize !== void 0 ? c.originalPixelSize : w,
           sizeBeforeCollapse: p,
-          measuredPixelSizeBeforeCollapse: m
-        }, s += w;
+          measuredPixelSizeBeforeCollapse: x
+        }, s += v;
       }
     }
   })(), s;
@@ -82,10 +82,10 @@ const Mt = Yt(null), it = () => {
 }, we = (e, t) => {
   const r = e.getBoundingClientRect(), o = typeof window < "u" ? window.getComputedStyle(e) : null, i = o ? Fe(o.borderLeftWidth) + Fe(o.borderRightWidth) : 0, s = o ? Fe(o.borderTopWidth) + Fe(o.borderBottomWidth) : 0;
   if (t === "horizontal") {
-    const S = r.width > 0 ? r.width : e.offsetWidth, b = r.width > 0 ? Math.max(0, r.width - i) : e.clientWidth, d = e.offsetWidth > 0 ? e.offsetWidth : e.clientWidth + i;
+    const P = r.width > 0 ? r.width : e.offsetWidth, z = r.width > 0 ? Math.max(0, r.width - i) : e.clientWidth, f = e.offsetWidth > 0 ? e.offsetWidth : e.clientWidth + i;
     return {
-      inner: b > 0 ? b : Math.max(0, e.clientWidth),
-      outer: S > 0 ? S : Math.max(0, d)
+      inner: z > 0 ? z : Math.max(0, e.clientWidth),
+      outer: P > 0 ? P : Math.max(0, f)
     };
   }
   const a = r.height > 0 ? r.height : e.offsetHeight, l = r.height > 0 ? Math.max(0, r.height - s) : e.clientHeight, c = e.offsetHeight > 0 ? e.offsetHeight : e.clientHeight + s;
@@ -109,115 +109,115 @@ const rr = () => typeof window > "u" ? (pt += 1, `panel-server-${pt}`) : `panel-
     return console.warn("Failed to load panel layout:", t), null;
   }
 }, Je = (e, t) => {
-  const r = e.map((u) => {
-    if (u.collapsed)
+  const r = e.map((d) => {
+    if (d.collapsed)
       return {
-        ...u,
+        ...d,
         size: 0,
         percentageSize: 0
       };
-    if (u.sizeUnit === "pixels" || u.originalPixelSize !== void 0) {
-      const h = oe(u.minSize, 0, t), w = oe(u.maxSize, t, t), C = he(u.size, h, w);
-      let v = C, p = Math.abs(C - u.size) > Xe, m = u.size;
-      if (u.originalPixelSize !== void 0 && Math.abs(u.size - u.originalPixelSize) <= Xe && (m = u.originalPixelSize), m !== void 0) {
-        const R = he(m, h, w);
-        R > v + Xe && (v = R, p = !0);
+    if (d.sizeUnit === "pixels" || d.originalPixelSize !== void 0) {
+      const h = se(d.minSize, 0, t), v = se(d.maxSize, t, t), w = he(d.size, h, v);
+      let C = w, p = Math.abs(w - d.size) > Xe, x = d.size;
+      if (d.originalPixelSize !== void 0 && Math.abs(d.size - d.originalPixelSize) <= Xe && (x = d.originalPixelSize), x !== void 0) {
+        const k = he(x, h, v);
+        k > C + Xe && (C = k, p = !0);
       }
       if (p) {
-        const R = me(v, t), F = u.collapsible ? v : u.sizeBeforeCollapse, V = u.collapsible ? u.measuredPixelSizeBeforeCollapse ?? u.measuredPixelSize ?? v : u.measuredPixelSizeBeforeCollapse;
+        const k = ge(C, t), $ = d.collapsible ? C : d.sizeBeforeCollapse, J = d.collapsible ? d.measuredPixelSizeBeforeCollapse ?? d.measuredPixelSize ?? C : d.measuredPixelSizeBeforeCollapse;
         return {
-          ...u,
-          size: v,
-          percentageSize: R,
-          sizeBeforeCollapse: F,
-          measuredPixelSizeBeforeCollapse: V
+          ...d,
+          size: C,
+          percentageSize: k,
+          sizeBeforeCollapse: $,
+          measuredPixelSizeBeforeCollapse: J
         };
       }
     }
-    if (u.sizeUnit === "percentage" && (!u.percentageSize || u.percentageSize <= 0) && u.size > 0) {
-      const h = me(u.size, t);
+    if (d.sizeUnit === "percentage" && (!d.percentageSize || d.percentageSize <= 0) && d.size > 0) {
+      const h = ge(d.size, t);
       return {
-        ...u,
+        ...d,
         percentageSize: h
       };
     }
-    return u;
-  }), o = r.reduce((u, h) => h.collapsed ? u : h.sizeUnit === "pixels" || h.originalPixelSize !== void 0 ? u + h.size : u, 0), i = () => {
-    const u = r.map((p, m) => ({ panel: p, index: m })).filter(({ panel: p }) => !p.collapsed && (p.sizeUnit === "pixels" || p.originalPixelSize !== void 0));
-    if (u.length === 0)
+    return d;
+  }), o = r.reduce((d, h) => h.collapsed ? d : h.sizeUnit === "pixels" || h.originalPixelSize !== void 0 ? d + h.size : d, 0), i = () => {
+    const d = r.map((p, x) => ({ panel: p, index: x })).filter(({ panel: p }) => !p.collapsed && (p.sizeUnit === "pixels" || p.originalPixelSize !== void 0));
+    if (d.length === 0)
       return r;
-    const h = u.reduce((p, { panel: m }) => p + m.size, 0), w = t - h;
-    if (Math.abs(w) <= 0.1)
+    const h = d.reduce((p, { panel: x }) => p + x.size, 0), v = t - h;
+    if (Math.abs(v) <= 0.1)
       return r;
-    const C = [...u].sort((p, m) => {
-      const R = p.panel.pixelAdjustPriority ?? p.index + 1, F = m.panel.pixelAdjustPriority ?? m.index + 1;
-      return R === F ? p.index - m.index : R - F;
+    const w = [...d].sort((p, x) => {
+      const k = p.panel.pixelAdjustPriority ?? p.index + 1, $ = x.panel.pixelAdjustPriority ?? x.index + 1;
+      return k === $ ? p.index - x.index : k - $;
     });
-    let v = w;
-    for (const { panel: p, index: m } of C) {
-      if (Math.abs(v) <= 0.1)
+    let C = v;
+    for (const { panel: p, index: x } of w) {
+      if (Math.abs(C) <= 0.1)
         break;
-      const R = oe(p.minSize, 0, t), F = oe(p.maxSize, t, t), V = p.size;
-      if (v > 0) {
-        const I = Math.max(0, F - V);
-        if (I <= 0)
+      const k = se(p.minSize, 0, t), $ = se(p.maxSize, t, t), J = p.size;
+      if (C > 0) {
+        const H = Math.max(0, $ - J);
+        if (H <= 0)
           continue;
-        const ee = Math.min(I, v), M = V + ee, $ = me(M, t), W = p.collapsible ? M : p.sizeBeforeCollapse, X = p.collapsible ? p.measuredPixelSizeBeforeCollapse ?? p.measuredPixelSize ?? M : p.measuredPixelSizeBeforeCollapse;
-        r[m] = {
+        const O = Math.min(H, C), E = J + O, q = ge(E, t), F = p.collapsible ? E : p.sizeBeforeCollapse, Y = p.collapsible ? p.measuredPixelSizeBeforeCollapse ?? p.measuredPixelSize ?? E : p.measuredPixelSizeBeforeCollapse;
+        r[x] = {
           ...p,
-          size: M,
-          percentageSize: $,
-          sizeBeforeCollapse: W,
-          measuredPixelSizeBeforeCollapse: X
-        }, v -= ee;
+          size: E,
+          percentageSize: q,
+          sizeBeforeCollapse: F,
+          measuredPixelSizeBeforeCollapse: Y
+        }, C -= O;
       } else {
-        const I = Math.max(0, V - R);
-        if (I <= 0)
+        const H = Math.max(0, J - k);
+        if (H <= 0)
           continue;
-        const ee = Math.min(I, Math.abs(v)), M = V - ee, $ = me(M, t), W = p.collapsible ? M : p.sizeBeforeCollapse, X = p.collapsible ? p.measuredPixelSizeBeforeCollapse ?? p.measuredPixelSize ?? M : p.measuredPixelSizeBeforeCollapse;
-        r[m] = {
+        const O = Math.min(H, Math.abs(C)), E = J - O, q = ge(E, t), F = p.collapsible ? E : p.sizeBeforeCollapse, Y = p.collapsible ? p.measuredPixelSizeBeforeCollapse ?? p.measuredPixelSize ?? E : p.measuredPixelSizeBeforeCollapse;
+        r[x] = {
           ...p,
-          size: M,
-          percentageSize: $,
-          sizeBeforeCollapse: W,
-          measuredPixelSizeBeforeCollapse: X
-        }, v += ee;
+          size: E,
+          percentageSize: q,
+          sizeBeforeCollapse: F,
+          measuredPixelSizeBeforeCollapse: Y
+        }, C += O;
       }
     }
     return r;
-  }, s = r.reduce((u, h, w) => (!h.collapsed && h.sizeUnit === "percentage" && h.originalPixelSize === void 0 && u.push(w), u), []);
+  }, s = r.reduce((d, h, v) => (!h.collapsed && h.sizeUnit === "percentage" && h.originalPixelSize === void 0 && d.push(v), d), []);
   if (s.length === 0)
     return i();
-  const a = Math.max(0, t - o), l = s.map((u) => {
-    const h = r[u];
+  const a = Math.max(0, t - o), l = s.map((d) => {
+    const h = r[d];
     return h.percentageSize !== void 0 && h.percentageSize > 0 ? Be(h.percentageSize, t) : h.size > 0 ? h.size : 0;
-  }), c = l.reduce((u, h) => h > 0 ? u + h : u, 0);
+  }), c = l.reduce((d, h) => h > 0 ? d + h : d, 0);
   if (c <= 0)
     return i();
-  const S = [...r];
-  let b = 0;
-  s.forEach((u, h) => {
-    const w = S[u], C = l[h];
-    let v;
-    if (C > 0) {
-      const I = C / c;
-      v = a * I;
+  const P = [...r];
+  let z = 0;
+  s.forEach((d, h) => {
+    const v = P[d], w = l[h];
+    let C;
+    if (w > 0) {
+      const H = w / c;
+      C = a * H;
     } else
-      v = w.size;
-    const p = oe(w.minSize, 0, t), m = oe(w.maxSize, t, t);
-    v = he(v, p, m), b += v;
-    const R = me(v, t), F = w.collapsible ? v : w.sizeBeforeCollapse, V = w.collapsible ? w.measuredPixelSizeBeforeCollapse ?? w.measuredPixelSize ?? v : w.measuredPixelSizeBeforeCollapse;
-    S[u] = {
-      ...w,
-      size: v,
-      percentageSize: R,
-      sizeBeforeCollapse: F,
-      measuredPixelSizeBeforeCollapse: V
+      C = v.size;
+    const p = se(v.minSize, 0, t), x = se(v.maxSize, t, t);
+    C = he(C, p, x), z += C;
+    const k = ge(C, t), $ = v.collapsible ? C : v.sizeBeforeCollapse, J = v.collapsible ? v.measuredPixelSizeBeforeCollapse ?? v.measuredPixelSize ?? C : v.measuredPixelSizeBeforeCollapse;
+    P[d] = {
+      ...v,
+      size: C,
+      percentageSize: k,
+      sizeBeforeCollapse: $,
+      measuredPixelSizeBeforeCollapse: J
     };
   });
-  const d = a - b;
-  return Math.abs(d) > 0.1 && ot(S, d, t), Re(S);
-}, Re = (e) => {
+  const f = a - z;
+  return Math.abs(f) > 0.1 && ot(P, f, t), Me(P);
+}, Me = (e) => {
   let t = 0;
   for (const i of e)
     i.collapsed || (t += Math.max(i.size, 0));
@@ -241,16 +241,16 @@ const rr = () => typeof window > "u" ? (pt += 1, `panel-server-${pt}`) : `panel-
         percentageSize: 0,
         measuredPercentageSize: i.measuredPercentageSize !== void 0 ? 0 : i.measuredPercentageSize
       }) : i;
-    const s = me(i.size, t), a = i.measuredPercentageSize, S = (a !== void 0 ? Math.abs(a - s) : 1 / 0) < 1e-4 && a !== void 0 ? a : s, b = Rt(S, Nt), u = Math.abs((i.percentageSize ?? 0) - b) > 0 || i.percentageSize === void 0, h = i.sizeBeforeCollapse === void 0 || i.sizeBeforeCollapse !== i.size, w = i.collapsible && h, C = i.measuredPixelSize ?? i.size, v = i.collapsible && (i.measuredPixelSizeBeforeCollapse === void 0 || i.measuredPixelSizeBeforeCollapse !== C);
-    if (!(u || w || v))
+    const s = ge(i.size, t), a = i.measuredPercentageSize, P = (a !== void 0 ? Math.abs(a - s) : 1 / 0) < 1e-4 && a !== void 0 ? a : s, z = Rt(P, Nt), d = Math.abs((i.percentageSize ?? 0) - z) > 0 || i.percentageSize === void 0, h = i.sizeBeforeCollapse === void 0 || i.sizeBeforeCollapse !== i.size, v = i.collapsible && h, w = i.measuredPixelSize ?? i.size, C = i.collapsible && (i.measuredPixelSizeBeforeCollapse === void 0 || i.measuredPixelSizeBeforeCollapse !== w);
+    if (!(d || v || C))
       return i;
     r = !0;
-    const p = w ? i.size : i.sizeBeforeCollapse, m = v ? C : i.measuredPixelSizeBeforeCollapse;
+    const p = v ? i.size : i.sizeBeforeCollapse, x = C ? w : i.measuredPixelSizeBeforeCollapse;
     return {
       ...i,
-      percentageSize: b,
+      percentageSize: z,
       sizeBeforeCollapse: p,
-      measuredPixelSizeBeforeCollapse: m
+      measuredPixelSizeBeforeCollapse: x
     };
   });
   return r ? o : e;
@@ -259,9 +259,9 @@ const rr = () => typeof window > "u" ? (pt += 1, `panel-server-${pt}`) : `panel-
     return !1;
   const r = [];
   let o = 0;
-  for (let b = 0; b < e.length; b += 1) {
-    const d = e[b];
-    !d || d.collapsed || (r.push(b), o += d.size);
+  for (let z = 0; z < e.length; z += 1) {
+    const f = e[z];
+    !f || f.collapsed || (r.push(z), o += f.size);
   }
   if (r.length === 0)
     return !1;
@@ -269,63 +269,63 @@ const rr = () => typeof window > "u" ? (pt += 1, `panel-server-${pt}`) : `panel-
   if (Math.abs(i) <= 0)
     return !1;
   let s = !1;
-  const a = (b) => {
-    const d = e[b], u = oe(d.minSize, 0, t), h = oe(d.maxSize, t, t), w = d.sizeUnit === "percentage" && d.originalPixelSize === void 0;
+  const a = (z) => {
+    const f = e[z], d = se(f.minSize, 0, t), h = se(f.maxSize, t, t), v = f.sizeUnit === "percentage" && f.originalPixelSize === void 0;
     return {
-      index: b,
-      minSize: u,
+      index: z,
+      minSize: d,
       maxSize: h,
-      isFlexible: w
+      isFlexible: v
     };
-  }, l = (b, d) => {
-    if (!Number.isFinite(d) || Math.abs(d) <= 0)
+  }, l = (z, f) => {
+    if (!Number.isFinite(f) || Math.abs(f) <= 0)
       return;
-    const u = e[b];
-    if (!u)
+    const d = e[z];
+    if (!d)
       return;
-    const h = Math.max(0, u.size + d);
-    if (Math.abs(h - u.size) <= 0)
+    const h = Math.max(0, d.size + f);
+    if (Math.abs(h - d.size) <= 0)
       return;
-    const w = me(h, t), C = u.collapsible ? h : u.sizeBeforeCollapse, v = u.collapsible ? u.measuredPixelSizeBeforeCollapse ?? u.measuredPixelSize ?? h : u.measuredPixelSizeBeforeCollapse;
-    e[b] = {
-      ...u,
+    const v = ge(h, t), w = d.collapsible ? h : d.sizeBeforeCollapse, C = d.collapsible ? d.measuredPixelSizeBeforeCollapse ?? d.measuredPixelSize ?? h : d.measuredPixelSizeBeforeCollapse;
+    e[z] = {
+      ...d,
       size: h,
-      percentageSize: w,
-      sizeBeforeCollapse: C,
-      measuredPixelSizeBeforeCollapse: v,
+      percentageSize: v,
+      sizeBeforeCollapse: w,
+      measuredPixelSizeBeforeCollapse: C,
       measuredPixelSize: void 0,
       measuredPercentageSize: void 0
-    }, i -= d, s = !0;
-  }, c = (b) => {
-    for (const d of b) {
+    }, i -= f, s = !0;
+  }, c = (z) => {
+    for (const f of z) {
       if (Math.abs(i) <= 0)
         break;
-      const u = e[d.index];
-      if (!u || u.collapsed)
+      const d = e[f.index];
+      if (!d || d.collapsed)
         continue;
-      const h = u.size;
+      const h = d.size;
       if (i > 0) {
-        const w = Math.max(0, d.maxSize - h);
-        if (w <= 0)
+        const v = Math.max(0, f.maxSize - h);
+        if (v <= 0)
           continue;
-        const C = Math.min(w, i);
-        if (C <= 0)
+        const w = Math.min(v, i);
+        if (w <= 0)
           continue;
-        l(d.index, C);
+        l(f.index, w);
       } else {
-        const w = Math.max(0, h - d.minSize);
-        if (w <= 0)
+        const v = Math.max(0, h - f.minSize);
+        if (v <= 0)
           continue;
-        const C = Math.min(w, Math.abs(i));
-        if (C <= 0)
+        const w = Math.min(v, Math.abs(i));
+        if (w <= 0)
           continue;
-        l(d.index, -C);
+        l(f.index, -w);
       }
     }
-  }, S = r.map((b) => a(b)).filter((b) => b.isFlexible);
-  if (S.length > 0 && c(S), Math.abs(i) > 0) {
-    const b = i;
-    i = ot(e, i, t), Math.abs(i - b) > 0 && (s = !0);
+  }, P = r.map((z) => a(z)).filter((z) => z.isFlexible);
+  if (P.length > 0 && c(P), Math.abs(i) > 0) {
+    const z = i;
+    i = ot(e, i, t), Math.abs(i - z) > 0 && (s = !0);
   }
   return s;
 }, gt = (e, t, r) => {
@@ -359,73 +359,73 @@ const rr = () => typeof window > "u" ? (pt += 1, `panel-server-${pt}`) : `panel-
     case "UNREGISTER_PANEL": {
       console.log("UNREGISTER_PANEL", t.id);
       const r = e.filter((o) => o.id !== t.id);
-      return Re(r);
+      return Me(r);
     }
     case "RESIZE_PANELS": {
       console.log("RESIZE_PANELS", t.leftId, t.rightId, t.leftSize, t.rightSize);
-      const r = e.findIndex((A) => A.id === t.leftId), o = e.findIndex((A) => A.id === t.rightId);
+      const r = e.findIndex((_) => _.id === t.leftId), o = e.findIndex((_) => _.id === t.rightId);
       if (r === -1 || o === -1) return e;
       const i = [...e], s = i[r], a = i[o];
       if (s.collapsed || a.collapsed || t.leftSize === s.size && t.rightSize === a.size)
         return e;
-      const l = t.containerSize ?? e.reduce((A, D) => A + D.size, 0), c = oe(s.minSize, 0, l), S = oe(s.maxSize, l, l), b = oe(a.minSize, 0, l), d = oe(a.maxSize, l, l), u = s.size + a.size, h = e.reduce((A, D) => D.collapsed ? A : A + D.size, 0), w = h - u, C = c + b, v = S + d, p = he(t.leftSize + t.rightSize, C, v);
-      let m = l > 0 ? l - w : p;
-      Number.isFinite(m) || (m = p);
-      const R = he(Math.max(p, m), C, v), F = (A) => ({
-        min: Math.max(c, A - d),
-        max: Math.min(S, A - b)
-      }), V = (A) => ({
-        min: Math.max(b, A - S),
-        max: Math.min(d, A - c)
-      }), I = Math.abs(t.leftSize - s.size), ee = Math.abs(t.rightSize - a.size), M = I >= ee;
-      let $ = s.size, W = a.size;
-      if (M) {
-        const A = F(R);
-        if (A.min > A.max)
+      const l = t.containerSize ?? e.reduce((_, D) => _ + D.size, 0), c = se(s.minSize, 0, l), P = se(s.maxSize, l, l), z = se(a.minSize, 0, l), f = se(a.maxSize, l, l), d = s.size + a.size, h = e.reduce((_, D) => D.collapsed ? _ : _ + D.size, 0), v = h - d, w = c + z, C = P + f, p = he(t.leftSize + t.rightSize, w, C);
+      let x = l > 0 ? l - v : p;
+      Number.isFinite(x) || (x = p);
+      const k = he(Math.max(p, x), w, C), $ = (_) => ({
+        min: Math.max(c, _ - f),
+        max: Math.min(P, _ - z)
+      }), J = (_) => ({
+        min: Math.max(z, _ - P),
+        max: Math.min(f, _ - c)
+      }), H = Math.abs(t.leftSize - s.size), O = Math.abs(t.rightSize - a.size), E = H >= O;
+      let q = s.size, F = a.size;
+      if (E) {
+        const _ = $(k);
+        if (_.min > _.max)
           return e;
-        const D = he(t.leftSize, A.min, A.max), k = R - D;
-        if (k < b || k > d)
+        const D = he(t.leftSize, _.min, _.max), y = k - D;
+        if (y < z || y > f)
           return e;
-        $ = D, W = k;
+        q = D, F = y;
       } else {
-        const A = V(R);
-        if (A.min > A.max)
+        const _ = J(k);
+        if (_.min > _.max)
           return e;
-        const D = he(t.rightSize, A.min, A.max), k = R - D;
-        if (k < c || k > S)
+        const D = he(t.rightSize, _.min, _.max), y = k - D;
+        if (y < c || y > P)
           return e;
-        W = D, $ = k;
+        F = D, q = y;
       }
-      const X = $ + W;
-      if (R !== X)
+      const Y = q + F;
+      if (k !== Y)
         return e;
-      const te = h - s.size - a.size + X, Y = l > 0 ? l : te, Z = Y > 0 ? me($, Y) : 0, H = Y > 0 ? me(W, Y) : 0;
+      const te = h - s.size - a.size + Y, V = l > 0 ? l : te, K = V > 0 ? ge(q, V) : 0, W = V > 0 ? ge(F, V) : 0;
       return i[r] = {
         ...s,
-        size: $,
-        percentageSize: Z,
-        sizeBeforeCollapse: s.collapsible ? $ : s.sizeBeforeCollapse,
+        size: q,
+        percentageSize: K,
+        sizeBeforeCollapse: s.collapsible ? q : s.sizeBeforeCollapse,
         measuredPixelSize: void 0,
         measuredPercentageSize: void 0
       }, i[o] = {
         ...a,
-        size: W,
-        percentageSize: H,
-        sizeBeforeCollapse: a.collapsible ? W : a.sizeBeforeCollapse,
+        size: F,
+        percentageSize: W,
+        sizeBeforeCollapse: a.collapsible ? F : a.sizeBeforeCollapse,
         measuredPixelSize: void 0,
         measuredPercentageSize: void 0
-      }, l > 0 && He(i, l) ? Re(i) : i;
+      }, l > 0 && He(i, l) ? Me(i) : i;
     }
     case "SET_PANELS":
-      return console.log("SET_PANELS", t.panels), Re(t.panels);
+      return console.log("SET_PANELS", t.panels), Me(t.panels);
     case "CONTAINER_RESIZED": {
       console.log("CONTAINER_RESIZED", t.containerSize);
       const r = Je(e, t.containerSize);
-      return t.containerSize > 0 && He(r, t.containerSize) ? Re(r) : r;
+      return t.containerSize > 0 && He(r, t.containerSize) ? Me(r) : r;
     }
     case "COLLAPSE_PANEL": {
       console.log("COLLAPSE_PANEL", t.id);
-      const r = e.findIndex((S) => S.id === t.id);
+      const r = e.findIndex((P) => P.id === t.id);
       if (r === -1)
         return e;
       const o = e[r];
@@ -443,296 +443,296 @@ const rr = () => typeof window > "u" ? (pt += 1, `panel-server-${pt}`) : `panel-
       }, l = [...e];
       l[r] = a;
       const c = Je(l, t.containerSize);
-      return t.containerSize > 0 && He(c, t.containerSize) ? Re(c) : c;
+      return t.containerSize > 0 && He(c, t.containerSize) ? Me(c) : c;
     }
     case "EXPAND_PANEL": {
       console.log("EXPAND_PANEL", t.id, t.targetSize);
-      const r = e.findIndex((v) => v.id === t.id);
+      const r = e.findIndex((C) => C.id === t.id);
       if (r === -1)
         return e;
       const o = t.containerSize, i = e[r];
       if (!(i.collapsible && i.collapsed))
         return e;
-      const a = [t.targetSize, i.sizeBeforeCollapse, i.measuredPixelSizeBeforeCollapse, i.originalPixelSize].find((v) => v !== void 0) ?? 0, l = oe(i.minSize, 0, o), c = oe(i.maxSize, o, o), S = he(a, l, c), b = me(S, o), d = i.measuredPixelSizeBeforeCollapse ?? S, u = me(d, o), h = {
+      const a = [t.targetSize, i.sizeBeforeCollapse, i.measuredPixelSizeBeforeCollapse, i.originalPixelSize].find((C) => C !== void 0) ?? 0, l = se(i.minSize, 0, o), c = se(i.maxSize, o, o), P = he(a, l, c), z = ge(P, o), f = i.measuredPixelSizeBeforeCollapse ?? P, d = ge(f, o), h = {
         ...i,
         collapsed: !1,
-        size: S,
-        percentageSize: b,
-        sizeBeforeCollapse: S,
-        measuredPixelSize: S,
-        measuredPixelSizeBeforeCollapse: d,
-        measuredPercentageSize: u
-      }, w = [...e];
-      w[r] = h;
-      const C = Je(w, o);
-      return o > 0 && He(C, o) ? Re(C) : C;
+        size: P,
+        percentageSize: z,
+        sizeBeforeCollapse: P,
+        measuredPixelSize: P,
+        measuredPixelSizeBeforeCollapse: f,
+        measuredPercentageSize: d
+      }, v = [...e];
+      v[r] = h;
+      const w = Je(v, o);
+      return o > 0 && He(w, o) ? Me(w) : w;
     }
     default:
       return e;
   }
 }, ar = ({ direction: e, style: t, onLayout: r, autoSaveId: o, showDebugInfo: i = !1 }) => {
-  const [s, a] = Xt(sr, []), [l, c] = ze({ width: 0, height: 0 }), [S, b] = ze(!1), [d, u] = ze(!1), [h, w] = ze(null), [C, v] = ze({}), [p, m] = ze({}), R = pe(null), F = pe(r), V = pe(!1), I = pe(0), ee = pe(l);
+  const [s, a] = Xt(sr, []), [l, c] = Se({ width: 0, height: 0 }), [P, z] = Se(!1), [f, d] = Se(!1), [h, v] = Se(null), [w, C] = Se({}), [p, x] = Se({}), k = me(null), $ = me(r), J = me(!1), H = me(0), O = me(l);
   Ye(() => {
-    if (!R.current) return;
-    const _ = new ResizeObserver((n) => {
-      for (const z of n) {
-        const E = z.target, N = E ? we(E, "horizontal") : null, U = E ? we(E, "vertical") : null, P = N ? N.inner : 0, x = U ? U.inner : 0, g = z.contentRect.width, y = z.contentRect.height, B = P > 0 ? P : g, j = x > 0 ? x : y;
-        c((G) => (!S && B > 0 && j > 0 && b(!0), G.width === B && G.height === j ? G : { width: B, height: j }));
+    if (!k.current) return;
+    const M = new ResizeObserver((n) => {
+      for (const S of n) {
+        const R = S.target, A = R ? we(R, "horizontal") : null, ee = R ? we(R, "vertical") : null, m = A ? A.inner : 0, b = ee ? ee.inner : 0, B = S.contentRect.width, g = S.contentRect.height, I = m > 0 ? m : B, j = b > 0 ? b : g;
+        c((G) => (!P && I > 0 && j > 0 && z(!0), G.width === I && G.height === j ? G : { width: I, height: j }));
       }
     });
-    return _.observe(R.current), () => _.disconnect();
-  }, [S]), Ye(() => {
-    const _ = ee.current, n = l, z = e === "horizontal" ? Math.abs(_.width - n.width) > 0 : Math.abs(_.height - n.height) > 0;
-    if (d && z) {
-      const E = e === "horizontal" ? n.width : n.height;
-      a({ type: "CONTAINER_RESIZED", containerSize: E, direction: e });
+    return M.observe(k.current), () => M.disconnect();
+  }, [P]), Ye(() => {
+    const M = O.current, n = l, S = e === "horizontal" ? Math.abs(M.width - n.width) > 0 : Math.abs(M.height - n.height) > 0;
+    if (f && S) {
+      const R = e === "horizontal" ? n.width : n.height;
+      a({ type: "CONTAINER_RESIZED", containerSize: R, direction: e });
     }
-    ee.current = n;
-  }, [l, d, e]);
-  const M = fe(() => {
+    O.current = n;
+  }, [l, f, e]);
+  const E = pe(() => {
     console.log("panels[0]?.id", s[0]?.id);
-    const _ = s.some((f) => {
-      if (f.collapsed || f.sizeUnit !== "percentage")
+    const M = s.some((u) => {
+      if (u.collapsed || u.sizeUnit !== "percentage")
         return !1;
-      const q = f.collapsible ? f.sizeBeforeCollapse ?? f.measuredPixelSizeBeforeCollapse ?? f.originalPixelSize ?? f.measuredPixelSize ?? 0 : f.measuredPixelSize ?? f.originalPixelSize ?? f.size, ae = f.percentageSize !== void 0 && f.percentageSize > 0;
-      return f.size <= 0 && (q > 0 || ae);
-    }), n = e === "horizontal" ? l.width : l.height, z = n > 0;
-    if (h || !z || !(s.length > 0 && (s.length !== I.current || !d || _)))
+      const U = u.collapsible ? u.sizeBeforeCollapse ?? u.measuredPixelSizeBeforeCollapse ?? u.originalPixelSize ?? u.measuredPixelSize ?? 0 : u.measuredPixelSize ?? u.originalPixelSize ?? u.size, le = u.percentageSize !== void 0 && u.percentageSize > 0;
+      return u.size <= 0 && (U > 0 || le);
+    }), n = e === "horizontal" ? l.width : l.height, S = n > 0;
+    if (h || !S || !(s.length > 0 && (s.length !== H.current || !f || M)))
       return;
-    const U = s.filter((f) => !f.collapsed && (f.originalPixelSize !== void 0 || f.sizeUnit === "pixels")).reduce((f, q) => q.originalPixelSize !== void 0 ? f + q.originalPixelSize : f + q.size, 0), P = s.filter((f) => f.sizeUnit === "percentage" && !f.collapsed), x = P.map((f) => f.id), g = P.map((f) => f.percentageSize !== void 0 && f.percentageSize > 0 ? Be(f.percentageSize, n) : f.size > 0 ? f.size : 0), y = g.reduce((f, q) => f + q, 0), B = n - U, j = Math.max(0, B), G = j > 0, re = s.map((f) => {
-      if (f.collapsed) {
-        const q = f.sizeBeforeCollapse ?? f.measuredPixelSizeBeforeCollapse ?? f.originalPixelSize ?? (f.sizeUnit === "pixels" ? f.size : void 0), ae = f.sizeUnit === "percentage" && f.percentageSize !== void 0 ? Be(f.percentageSize, n) : void 0, ie = q ?? ae ?? 0, ce = f.measuredPixelSizeBeforeCollapse ?? f.measuredPixelSize ?? ie;
+    const ee = s.filter((u) => !u.collapsed && (u.originalPixelSize !== void 0 || u.sizeUnit === "pixels")).reduce((u, U) => U.originalPixelSize !== void 0 ? u + U.originalPixelSize : u + U.size, 0), m = s.filter((u) => u.sizeUnit === "percentage" && !u.collapsed), b = m.map((u) => u.id), B = m.map((u) => u.percentageSize !== void 0 && u.percentageSize > 0 ? Be(u.percentageSize, n) : u.size > 0 ? u.size : 0), g = B.reduce((u, U) => u + U, 0), I = n - ee, j = Math.max(0, I), G = j > 0, Q = s.map((u) => {
+      if (u.collapsed) {
+        const U = u.sizeBeforeCollapse ?? u.measuredPixelSizeBeforeCollapse ?? u.originalPixelSize ?? (u.sizeUnit === "pixels" ? u.size : void 0), le = u.sizeUnit === "percentage" && u.percentageSize !== void 0 ? Be(u.percentageSize, n) : void 0, oe = U ?? le ?? 0, ae = u.measuredPixelSizeBeforeCollapse ?? u.measuredPixelSize ?? oe;
         return {
-          ...f,
+          ...u,
           size: 0,
           percentageSize: 0,
-          sizeBeforeCollapse: ie,
-          measuredPixelSizeBeforeCollapse: ce
+          sizeBeforeCollapse: oe,
+          measuredPixelSizeBeforeCollapse: ae
         };
       }
-      if (f.sizeUnit === "pixels" || f.originalPixelSize !== void 0) {
-        const q = f.size, ae = n > 0 ? me(q, n) : 0, ie = {
-          ...f,
-          size: q,
-          percentageSize: ae
+      if (u.sizeUnit === "pixels" || u.originalPixelSize !== void 0) {
+        const U = u.size, le = n > 0 ? ge(U, n) : 0, oe = {
+          ...u,
+          size: U,
+          percentageSize: le
         };
-        if (f.collapsible) {
-          const ce = f.sizeBeforeCollapse ?? q, be = f.measuredPixelSizeBeforeCollapse ?? f.measuredPixelSize ?? ce;
-          ie.sizeBeforeCollapse = ce, ie.measuredPixelSizeBeforeCollapse = be;
+        if (u.collapsible) {
+          const ae = u.sizeBeforeCollapse ?? U, ze = u.measuredPixelSizeBeforeCollapse ?? u.measuredPixelSize ?? ae;
+          oe.sizeBeforeCollapse = ae, oe.measuredPixelSizeBeforeCollapse = ze;
         }
-        return ie;
+        return oe;
       }
-      if (f.sizeUnit === "percentage") {
-        const q = x.indexOf(f.id), ae = q !== -1 ? g[q] : 0, ie = oe(f.minSize, 0, n), ce = oe(f.maxSize, n, n), be = 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 ? Be(f.percentageSize, n) : 0,
+      if (u.sizeUnit === "percentage") {
+        const U = b.indexOf(u.id), le = U !== -1 ? B[U] : 0, oe = se(u.minSize, 0, n), ae = se(u.maxSize, n, n), ze = Math.max(
+          oe,
+          u.sizeBeforeCollapse ?? 0,
+          u.measuredPixelSizeBeforeCollapse ?? 0,
+          u.measuredPixelSize ?? 0,
+          u.originalPixelSize ?? 0,
+          u.size > 0 ? u.size : 0,
+          u.percentageSize !== void 0 ? Be(u.percentageSize, n) : 0,
           1
-        ), xe = ae > 0 ? ae : be;
-        let ge;
+        ), xe = le > 0 ? le : ze;
+        let de;
         if (!G)
-          ge = ie;
-        else if (q !== -1 && y > 0) {
-          const Pe = xe / y, Ce = j * Pe;
-          ge = he(Ce, ie, ce);
+          de = oe;
+        else if (U !== -1 && g > 0) {
+          const Pe = xe / g, Ce = j * Pe;
+          de = he(Ce, oe, ae);
         } else {
-          const Pe = f.percentageSize !== void 0 ? Be(f.percentageSize, n) : f.size, Ce = Pe > 0 ? Pe : xe;
-          ge = he(Ce, ie, ce);
+          const Pe = u.percentageSize !== void 0 ? Be(u.percentageSize, n) : u.size, Ce = Pe > 0 ? Pe : xe;
+          de = he(Ce, oe, ae);
         }
-        const Se = n > 0 ? me(ge, n) : 0, Ee = {
-          ...f,
-          size: ge,
-          percentageSize: Se
+        const Re = n > 0 ? ge(de, n) : 0, be = {
+          ...u,
+          size: de,
+          percentageSize: Re
         };
-        if (f.collapsible) {
-          const Pe = f.sizeBeforeCollapse ?? ge, Ce = f.measuredPixelSizeBeforeCollapse ?? f.measuredPixelSize ?? Pe;
-          Ee.sizeBeforeCollapse = Pe, Ee.measuredPixelSizeBeforeCollapse = Ce;
+        if (u.collapsible) {
+          const Pe = u.sizeBeforeCollapse ?? de, Ce = u.measuredPixelSizeBeforeCollapse ?? u.measuredPixelSize ?? Pe;
+          be.sizeBeforeCollapse = Pe, be.measuredPixelSizeBeforeCollapse = Ce;
         }
-        return Ee;
+        return be;
       }
-      return f;
-    }), K = [];
-    for (let f = 0; f < re.length; f += 1) {
-      const q = re[f];
-      q.sizeUnit === "percentage" && !q.collapsed && K.push(f);
+      return u;
+    }), ie = [];
+    for (let u = 0; u < Q.length; u += 1) {
+      const U = Q[u];
+      U.sizeUnit === "percentage" && !U.collapsed && ie.push(u);
     }
-    const Q = K.reduce((f, q) => f + re[q].size, 0), se = B - Q;
-    Math.abs(se) > 0 && ot(re, se, n), a({ type: "SET_PANELS", panels: re }), I.current = s.length, u(!0);
-  }, [s, e, l.width, l.height, d, h]);
-  ue(() => {
-    const _ = e === "horizontal" ? l.width : l.height, n = _ > 0, z = n && s.length > 0, E = z ? s.reduce((y, B) => {
-      if (B.collapsed)
-        return y;
-      const j = oe(B.minSize, 0, _);
-      return y + Math.max(0, j);
-    }, 0) : null, N = z ? s.reduce((y, B) => {
-      if (B.collapsed)
-        return y;
-      const j = oe(B.maxSize, _, _);
-      return y + Math.max(0, j);
-    }, 0) : null, U = E ?? h?.totalMinimumSize ?? null, P = N ?? h?.totalMaximumSize ?? null;
+    const Z = ie.reduce((u, U) => u + Q[U].size, 0), re = I - Z;
+    Math.abs(re) > 0 && ot(Q, re, n), a({ type: "SET_PANELS", panels: Q }), H.current = s.length, d(!0);
+  }, [s, e, l.width, l.height, f, h]);
+  fe(() => {
+    const M = e === "horizontal" ? l.width : l.height, n = M > 0, S = n && s.length > 0, R = S ? s.reduce((g, I) => {
+      if (I.collapsed)
+        return g;
+      const j = se(I.minSize, 0, M);
+      return g + Math.max(0, j);
+    }, 0) : null, A = S ? s.reduce((g, I) => {
+      if (I.collapsed)
+        return g;
+      const j = se(I.maxSize, M, M);
+      return g + Math.max(0, j);
+    }, 0) : null, ee = R ?? h?.totalMinimumSize ?? null, m = A ?? h?.totalMaximumSize ?? null;
     if (!n) {
-      h && w((y) => !y || y.availableContainerSize === _ ? y : {
-        reason: y.reason,
+      h && v((g) => !g || g.availableContainerSize === M ? g : {
+        reason: g.reason,
         // totalMinimumSize: previous.totalMinimumSize,
         // totalMaximumSize: previous.totalMaximumSize,
         totalMinimumSize: null,
         totalMaximumSize: null,
-        availableContainerSize: _
+        availableContainerSize: M
       });
       return;
     }
-    const x = U !== null && U - _ > Number.EPSILON, g = P !== null && _ - P > Number.EPSILON;
-    if (x || g) {
-      const B = {
-        reason: x ? "minimum-exceeded" : "maximum-insufficient",
-        totalMinimumSize: U,
-        totalMaximumSize: P,
-        availableContainerSize: _
+    const b = ee !== null && ee - M > Number.EPSILON, B = m !== null && M - m > Number.EPSILON;
+    if (b || B) {
+      const I = {
+        reason: b ? "minimum-exceeded" : "maximum-insufficient",
+        totalMinimumSize: ee,
+        totalMaximumSize: m,
+        availableContainerSize: M
       };
-      w((j) => j && j.reason === B.reason && Math.abs((j.totalMinimumSize ?? 0) - (B.totalMinimumSize ?? 0)) <= Number.EPSILON && Math.abs((j.totalMaximumSize ?? 0) - (B.totalMaximumSize ?? 0)) <= Number.EPSILON && Math.abs(j.availableContainerSize - B.availableContainerSize) <= Number.EPSILON ? j : B);
+      v((j) => j && j.reason === I.reason && Math.abs((j.totalMinimumSize ?? 0) - (I.totalMinimumSize ?? 0)) <= Number.EPSILON && Math.abs((j.totalMaximumSize ?? 0) - (I.totalMaximumSize ?? 0)) <= Number.EPSILON && Math.abs(j.availableContainerSize - I.availableContainerSize) <= Number.EPSILON ? j : I);
       return;
     }
     if (h) {
-      const y = h.reason === "minimum-exceeded", B = h.reason === "maximum-insufficient";
-      (!y || U !== null) && (!B || P !== null) && !x && !g && w((Q) => Q && null);
+      const g = h.reason === "minimum-exceeded", I = h.reason === "maximum-insufficient";
+      (!g || ee !== null) && (!I || m !== null) && !b && !B && v((Z) => Z && null);
     }
-  }, [s, e, l.width, l.height, h]), ue(() => {
-    M();
-  }, [M]), ue(() => {
-    F.current = r;
+  }, [s, e, l.width, l.height, h]), fe(() => {
+    E();
+  }, [E]), fe(() => {
+    $.current = r;
   }, [r]);
-  const $ = de(() => s.map((_) => _.size), [s]);
+  const q = ue(() => s.map((M) => M.size), [s]);
   Ye(() => {
-    $.length > 0 && F.current && F.current($);
-  }, [$]), ue(() => {
-    if (o && $.length > 0) {
-      const _ = setTimeout(() => {
-        ir(o, $);
+    q.length > 0 && $.current && $.current(q);
+  }, [q]), fe(() => {
+    if (o && q.length > 0) {
+      const M = setTimeout(() => {
+        ir(o, q);
       }, 200);
-      return () => clearTimeout(_);
+      return () => clearTimeout(M);
     }
-  }, [o, $]), ue(() => {
-    if (!o || s.length === 0 || V.current)
+  }, [o, q]), fe(() => {
+    if (!o || s.length === 0 || J.current)
       return;
-    const _ = e === "horizontal" ? l.width : l.height;
-    if (_ <= 0)
+    const M = e === "horizontal" ? l.width : l.height;
+    if (M <= 0)
       return;
     const n = or(o);
     if (n && n.length === s.length) {
-      const z = s.map((E, N) => {
-        const U = oe(E.minSize, 0, _), P = oe(E.maxSize, _, _), x = he(n[N], U, P), g = me(x, _);
+      const S = s.map((R, A) => {
+        const ee = se(R.minSize, 0, M), m = se(R.maxSize, M, M), b = he(n[A], ee, m), B = ge(b, M);
         return {
-          ...E,
-          size: x,
-          percentageSize: g
+          ...R,
+          size: b,
+          percentageSize: B
         };
       });
-      a({ type: "SET_PANELS", panels: z }), V.current = !0;
+      a({ type: "SET_PANELS", panels: S }), J.current = !0;
     }
   }, [o, s, l.width, l.height, e]);
-  const W = fe((_) => {
-    a({ type: "REGISTER_PANEL", panel: _ });
-  }, []), X = fe((_) => {
-    a({ type: "UNREGISTER_PANEL", id: _ }), v((n) => {
-      if (!(_ in n))
+  const F = pe((M) => {
+    a({ type: "REGISTER_PANEL", panel: M });
+  }, []), Y = pe((M) => {
+    a({ type: "UNREGISTER_PANEL", id: M }), C((n) => {
+      if (!(M in n))
         return n;
-      const z = { ...n };
-      return delete z[_], z;
+      const S = { ...n };
+      return delete S[M], S;
     });
-  }, []), te = fe(
-    (_, n, z, E) => {
-      const N = e === "horizontal" ? l.width : l.height, U = s.find((Q) => Q.id === _), P = s.find((Q) => Q.id === n);
-      if (!(U && P)) {
-        a({ type: "RESIZE_PANELS", leftId: _, rightId: n, leftSize: z, rightSize: E, containerSize: N });
+  }, []), te = pe(
+    (M, n, S, R) => {
+      const A = e === "horizontal" ? l.width : l.height, ee = s.find((Z) => Z.id === M), m = s.find((Z) => Z.id === n);
+      if (!(ee && m)) {
+        a({ type: "RESIZE_PANELS", leftId: M, rightId: n, leftSize: S, rightSize: R, containerSize: A });
         return;
       }
-      if (U.collapsed || P.collapsed)
+      if (ee.collapsed || m.collapsed)
         return;
-      const x = oe(U.minSize, 0, N), g = oe(U.maxSize, N, N), y = oe(P.minSize, 0, N), B = oe(P.maxSize, N, N);
-      let j = he(z, x, g), G = he(E, y, B);
-      const re = j + G, K = z + E;
-      if (re !== K) {
-        const Q = K - re;
-        if (Q > 0) {
-          const se = g - j, f = B - G, q = se + f;
-          if (q > 0) {
-            const ae = Math.min(Q * (se / q), se), ie = Math.min(Q - ae, f);
-            j += ae, G += ie;
+      const b = se(ee.minSize, 0, A), B = se(ee.maxSize, A, A), g = se(m.minSize, 0, A), I = se(m.maxSize, A, A);
+      let j = he(S, b, B), G = he(R, g, I);
+      const Q = j + G, ie = S + R;
+      if (Q !== ie) {
+        const Z = ie - Q;
+        if (Z > 0) {
+          const re = B - j, u = I - G, U = re + u;
+          if (U > 0) {
+            const le = Math.min(Z * (re / U), re), oe = Math.min(Z - le, u);
+            j += le, G += oe;
           }
-        } else if (Q < 0) {
-          const se = Math.abs(Q), f = j - x, q = G - y, ae = f + q;
-          if (ae > 0) {
-            const ie = Math.min(se * (f / ae), f), ce = Math.min(se - ie, q);
-            j -= ie, G -= ce;
+        } else if (Z < 0) {
+          const re = Math.abs(Z), u = j - b, U = G - g, le = u + U;
+          if (le > 0) {
+            const oe = Math.min(re * (u / le), u), ae = Math.min(re - oe, U);
+            j -= oe, G -= ae;
           }
         }
       }
-      j = he(j, x, g), G = he(G, y, B), console.assert(j + G === K, "Total size after constraints should be close to the original total size.", { constrainedLeftSize: j, constrainedRightSize: G, originalTotalSize: K }), a({ type: "RESIZE_PANELS", leftId: _, rightId: n, leftSize: j, rightSize: G, containerSize: N });
+      j = he(j, b, B), G = he(G, g, I), console.assert(j + G === ie, "Total size after constraints should be close to the original total size.", { constrainedLeftSize: j, constrainedRightSize: G, originalTotalSize: ie }), a({ type: "RESIZE_PANELS", leftId: M, rightId: n, leftSize: j, rightSize: G, containerSize: A });
     },
     [e, l.width, l.height, s]
-  ), Y = fe(
-    (_) => {
+  ), V = pe(
+    (M) => {
       const n = e === "horizontal" ? l.width : l.height;
-      a({ type: "COLLAPSE_PANEL", id: _, containerSize: n });
+      a({ type: "COLLAPSE_PANEL", id: M, containerSize: n });
     },
     [e, l.width, l.height]
-  ), Z = fe(
-    (_, n) => {
-      const z = e === "horizontal" ? l.width : l.height;
-      a({ type: "EXPAND_PANEL", id: _, containerSize: z, targetSize: n });
+  ), K = pe(
+    (M, n) => {
+      const S = e === "horizontal" ? l.width : l.height;
+      a({ type: "EXPAND_PANEL", id: M, containerSize: S, targetSize: n });
     },
     [e, l.width, l.height]
-  ), H = fe(
-    (_) => s.find((n) => n.id === _),
+  ), W = pe(
+    (M) => s.find((n) => n.id === M),
     [s]
-  ), A = fe((_, n) => {
-    v((z) => {
+  ), _ = pe((M, n) => {
+    C((S) => {
       if (n === null) {
-        if (!(_ in z))
-          return z;
-        const N = { ...z };
-        return delete N[_], N;
+        if (!(M in S))
+          return S;
+        const A = { ...S };
+        return delete A[M], A;
       }
-      const E = z[_];
-      return E && E.pixelSize === n.pixelSize && E.percentageSize === n.percentageSize ? z : {
-        ...z,
-        [_]: n
+      const R = S[M];
+      return R && R.pixelSize === n.pixelSize && R.percentageSize === n.percentageSize ? S : {
+        ...S,
+        [M]: n
       };
     });
-  }, []), D = fe((_, n) => {
-    m((z) => {
+  }, []), D = pe((M, n) => {
+    x((S) => {
       if (n === null) {
-        if (!(_ in z))
-          return z;
-        const N = { ...z };
-        return delete N[_], N;
+        if (!(M in S))
+          return S;
+        const A = { ...S };
+        return delete A[M], A;
       }
-      const E = z[_];
-      return E && Math.abs(E.thickness - n.thickness) <= 0.25 && E.visible === n.visible && E.direction === n.direction && E.startPanelId === n.startPanelId && E.endPanelId === n.endPanelId ? z : {
-        ...z,
-        [_]: n
+      const R = S[M];
+      return R && Math.abs(R.thickness - n.thickness) <= 0.25 && R.visible === n.visible && R.direction === n.direction && R.startPanelId === n.startPanelId && R.endPanelId === n.endPanelId ? S : {
+        ...S,
+        [M]: n
       };
     });
-  }, []), k = de(
+  }, []), y = ue(
     () => ({
       direction: e,
       panels: s,
       containerSize: l,
-      isContainerReady: S,
+      isContainerReady: P,
       showDebugInfo: i,
-      registerPanel: W,
-      unregisterPanel: X,
+      registerPanel: F,
+      unregisterPanel: Y,
       resizePanels: te,
-      collapsePanel: Y,
-      expandPanel: Z,
-      getPanel: H,
-      reportPanelMeasurement: A,
-      panelMeasurements: C,
+      collapsePanel: V,
+      expandPanel: K,
+      getPanel: W,
+      reportPanelMeasurement: _,
+      panelMeasurements: w,
       reportHandleMeasurement: D,
       handleMeasurements: p,
       layoutConstraintViolation: h
@@ -741,21 +741,21 @@ const rr = () => typeof window > "u" ? (pt += 1, `panel-server-${pt}`) : `panel-
       e,
       s,
       l,
-      S,
+      P,
       i,
-      W,
-      X,
-      te,
+      F,
       Y,
-      Z,
-      H,
-      A,
-      C,
+      te,
+      V,
+      K,
+      W,
+      _,
+      w,
       D,
       p,
       h
     ]
-  ), ne = de(
+  ), ne = ue(
     () => ({
       display: "flex",
       flexDirection: e === "horizontal" ? "row" : "column",
@@ -772,22 +772,22 @@ const rr = () => typeof window > "u" ? (pt += 1, `panel-server-${pt}`) : `panel-
     [e, t]
   );
   return {
-    groupRef: R,
-    contextValue: k,
+    groupRef: k,
+    contextValue: y,
     groupStyle: ne
   };
 }, nn = (e) => {
-  const { getPanel: t, collapsePanel: r, expandPanel: o } = it(), i = t(e), s = fe(() => {
+  const { getPanel: t, collapsePanel: r, expandPanel: o } = it(), i = t(e), s = pe(() => {
     r(e);
-  }, [r, e]), a = fe(
+  }, [r, e]), a = pe(
     (c) => {
       o(e, c);
     },
     [o, e]
-  ), l = fe(() => {
+  ), l = pe(() => {
     i?.collapsed ? a() : s();
   }, [i?.collapsed, s, a]);
-  return de(
+  return ue(
     () => ({
       panel: i,
       isCollapsed: i?.collapsed ?? !1,
@@ -830,7 +830,7 @@ function lr() {
   }
   return Te.Fragment = t, Te.jsx = r, Te.jsxs = r, Te;
 }
-var Oe = {};
+var je = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -846,41 +846,41 @@ function cr() {
     function e(n) {
       if (n == null) return null;
       if (typeof n == "function")
-        return n.$$typeof === X ? null : n.displayName || n.name || null;
+        return n.$$typeof === Y ? null : n.displayName || n.name || null;
       if (typeof n == "string") return n;
       switch (n) {
-        case v:
+        case C:
           return "Fragment";
-        case m:
+        case x:
           return "Profiler";
         case p:
           return "StrictMode";
-        case I:
+        case H:
           return "Suspense";
-        case ee:
+        case O:
           return "SuspenseList";
-        case W:
+        case F:
           return "Activity";
       }
       if (typeof n == "object")
         switch (typeof n.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), n.$$typeof) {
-          case C:
+          case w:
             return "Portal";
-          case F:
+          case $:
             return n.displayName || "Context";
-          case R:
+          case k:
             return (n._context.displayName || "Context") + ".Consumer";
-          case V:
-            var z = n.render;
-            return n = n.displayName, n || (n = z.displayName || z.name || "", n = n !== "" ? "ForwardRef(" + n + ")" : "ForwardRef"), n;
-          case M:
-            return z = n.displayName || null, z !== null ? z : e(n.type) || "Memo";
-          case $:
-            z = n._payload, n = n._init;
+          case J:
+            var S = n.render;
+            return n = n.displayName, n || (n = S.displayName || S.name || "", n = n !== "" ? "ForwardRef(" + n + ")" : "ForwardRef"), n;
+          case E:
+            return S = n.displayName || null, S !== null ? S : e(n.type) || "Memo";
+          case q:
+            S = n._payload, n = n._init;
             try {
-              return e(n(z));
+              return e(n(S));
             } catch {
             }
         }
@@ -892,27 +892,27 @@ function cr() {
     function r(n) {
       try {
         t(n);
-        var z = !1;
+        var S = !1;
       } catch {
-        z = !0;
+        S = !0;
       }
-      if (z) {
-        z = console;
-        var E = z.error, N = typeof Symbol == "function" && Symbol.toStringTag && n[Symbol.toStringTag] || n.constructor.name || "Object";
-        return E.call(
-          z,
+      if (S) {
+        S = console;
+        var R = S.error, A = typeof Symbol == "function" && Symbol.toStringTag && n[Symbol.toStringTag] || n.constructor.name || "Object";
+        return R.call(
+          S,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          N
+          A
         ), t(n);
       }
     }
     function o(n) {
-      if (n === v) return "<>";
-      if (typeof n == "object" && n !== null && n.$$typeof === $)
+      if (n === C) return "<>";
+      if (typeof n == "object" && n !== null && n.$$typeof === q)
         return "<...>";
       try {
-        var z = e(n);
-        return z ? "<" + z + ">" : "<...>";
+        var S = e(n);
+        return S ? "<" + S + ">" : "<...>";
       } catch {
         return "<...>";
       }
@@ -925,21 +925,21 @@ function cr() {
       return Error("react-stack-top-frame");
     }
     function a(n) {
-      if (Y.call(n, "key")) {
-        var z = Object.getOwnPropertyDescriptor(n, "key").get;
-        if (z && z.isReactWarning) return !1;
+      if (V.call(n, "key")) {
+        var S = Object.getOwnPropertyDescriptor(n, "key").get;
+        if (S && S.isReactWarning) return !1;
       }
       return n.key !== void 0;
     }
-    function l(n, z) {
-      function E() {
-        A || (A = !0, console.error(
+    function l(n, S) {
+      function R() {
+        _ || (_ = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          z
+          S
         ));
       }
-      E.isReactWarning = !0, Object.defineProperty(n, "key", {
-        get: E,
+      R.isReactWarning = !0, Object.defineProperty(n, "key", {
+        get: R,
         configurable: !0
       });
     }
@@ -949,15 +949,15 @@ function cr() {
         "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."
       )), n = this.props.ref, n !== void 0 ? n : null;
     }
-    function S(n, z, E, N, U, P) {
-      var x = E.ref;
+    function P(n, S, R, A, ee, m) {
+      var b = R.ref;
       return n = {
-        $$typeof: w,
+        $$typeof: v,
         type: n,
-        key: z,
-        props: E,
-        _owner: N
-      }, (x !== void 0 ? x : null) !== null ? Object.defineProperty(n, "ref", {
+        key: S,
+        props: R,
+        _owner: A
+      }, (b !== void 0 ? b : null) !== null ? Object.defineProperty(n, "ref", {
         enumerable: !1,
         get: c
       }) : Object.defineProperty(n, "ref", { enumerable: !1, value: null }), n._store = {}, Object.defineProperty(n._store, "validated", {
@@ -974,69 +974,69 @@ function cr() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: U
+        value: ee
       }), Object.defineProperty(n, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: P
+        value: m
       }), Object.freeze && (Object.freeze(n.props), Object.freeze(n)), n;
     }
-    function b(n, z, E, N, U, P) {
-      var x = z.children;
-      if (x !== void 0)
-        if (N)
-          if (Z(x)) {
-            for (N = 0; N < x.length; N++)
-              d(x[N]);
-            Object.freeze && Object.freeze(x);
+    function z(n, S, R, A, ee, m) {
+      var b = S.children;
+      if (b !== void 0)
+        if (A)
+          if (K(b)) {
+            for (A = 0; A < b.length; A++)
+              f(b[A]);
+            Object.freeze && Object.freeze(b);
           } 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 d(x);
-      if (Y.call(z, "key")) {
-        x = e(n);
-        var g = Object.keys(z).filter(function(B) {
-          return B !== "key";
+        else f(b);
+      if (V.call(S, "key")) {
+        b = e(n);
+        var B = Object.keys(S).filter(function(I) {
+          return I !== "key";
         });
-        N = 0 < g.length ? "{key: someKey, " + g.join(": ..., ") + ": ...}" : "{key: someKey}", _[x + N] || (g = 0 < g.length ? "{" + g.join(": ..., ") + ": ...}" : "{}", console.error(
+        A = 0 < B.length ? "{key: someKey, " + B.join(": ..., ") + ": ...}" : "{key: someKey}", M[b + A] || (B = 0 < B.length ? "{" + B.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          N,
-          x,
-          g,
-          x
-        ), _[x + N] = !0);
+          A,
+          b,
+          B,
+          b
+        ), M[b + A] = !0);
       }
-      if (x = null, E !== void 0 && (r(E), x = "" + E), a(z) && (r(z.key), x = "" + z.key), "key" in z) {
-        E = {};
-        for (var y in z)
-          y !== "key" && (E[y] = z[y]);
-      } else E = z;
-      return x && l(
-        E,
+      if (b = null, R !== void 0 && (r(R), b = "" + R), a(S) && (r(S.key), b = "" + S.key), "key" in S) {
+        R = {};
+        for (var g in S)
+          g !== "key" && (R[g] = S[g]);
+      } else R = S;
+      return b && l(
+        R,
         typeof n == "function" ? n.displayName || n.name || "Unknown" : n
-      ), S(
+      ), P(
         n,
-        x,
-        E,
+        b,
+        R,
         i(),
-        U,
-        P
+        ee,
+        m
       );
     }
-    function d(n) {
-      u(n) ? n._store && (n._store.validated = 1) : typeof n == "object" && n !== null && n.$$typeof === $ && (n._payload.status === "fulfilled" ? u(n._payload.value) && n._payload.value._store && (n._payload.value._store.validated = 1) : n._store && (n._store.validated = 1));
+    function f(n) {
+      d(n) ? n._store && (n._store.validated = 1) : typeof n == "object" && n !== null && n.$$typeof === q && (n._payload.status === "fulfilled" ? d(n._payload.value) && n._payload.value._store && (n._payload.value._store.validated = 1) : n._store && (n._store.validated = 1));
     }
-    function u(n) {
-      return typeof n == "object" && n !== null && n.$$typeof === w;
+    function d(n) {
+      return typeof n == "object" && n !== null && n.$$typeof === v;
     }
-    var h = Vt, w = Symbol.for("react.transitional.element"), C = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), p = Symbol.for("react.strict_mode"), m = Symbol.for("react.profiler"), R = Symbol.for("react.consumer"), F = Symbol.for("react.context"), V = Symbol.for("react.forward_ref"), I = Symbol.for("react.suspense"), ee = Symbol.for("react.suspense_list"), M = Symbol.for("react.memo"), $ = Symbol.for("react.lazy"), W = Symbol.for("react.activity"), X = Symbol.for("react.client.reference"), te = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Y = Object.prototype.hasOwnProperty, Z = Array.isArray, H = console.createTask ? console.createTask : function() {
+    var h = Vt, v = Symbol.for("react.transitional.element"), w = Symbol.for("react.portal"), C = Symbol.for("react.fragment"), p = Symbol.for("react.strict_mode"), x = Symbol.for("react.profiler"), k = Symbol.for("react.consumer"), $ = Symbol.for("react.context"), J = Symbol.for("react.forward_ref"), H = Symbol.for("react.suspense"), O = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), q = Symbol.for("react.lazy"), F = Symbol.for("react.activity"), Y = Symbol.for("react.client.reference"), te = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, K = Array.isArray, W = console.createTask ? console.createTask : function() {
       return null;
     };
     h = {
@@ -1044,32 +1044,32 @@ React keys must be passed directly to JSX without using spread:
         return n();
       }
     };
-    var A, D = {}, k = h.react_stack_bottom_frame.bind(
+    var _, D = {}, y = h.react_stack_bottom_frame.bind(
       h,
       s
-    )(), ne = H(o(s)), _ = {};
-    Oe.Fragment = v, Oe.jsx = function(n, z, E) {
-      var N = 1e4 > te.recentlyCreatedOwnerStacks++;
-      return b(
+    )(), ne = W(o(s)), M = {};
+    je.Fragment = C, je.jsx = function(n, S, R) {
+      var A = 1e4 > te.recentlyCreatedOwnerStacks++;
+      return z(
         n,
-        z,
-        E,
+        S,
+        R,
         !1,
-        N ? Error("react-stack-top-frame") : k,
-        N ? H(o(n)) : ne
+        A ? Error("react-stack-top-frame") : y,
+        A ? W(o(n)) : ne
       );
-    }, Oe.jsxs = function(n, z, E) {
-      var N = 1e4 > te.recentlyCreatedOwnerStacks++;
-      return b(
+    }, je.jsxs = function(n, S, R) {
+      var A = 1e4 > te.recentlyCreatedOwnerStacks++;
+      return z(
         n,
-        z,
-        E,
+        S,
+        R,
         !0,
-        N ? Error("react-stack-top-frame") : k,
-        N ? H(o(n)) : ne
+        A ? Error("react-stack-top-frame") : y,
+        A ? W(o(n)) : ne
       );
     };
-  })()), Oe;
+  })()), je;
 }
 var bt;
 function dr() {
@@ -1181,26 +1181,26 @@ const st = "-", ur = (e) => {
   } = e;
   let o = (i) => {
     const s = [];
-    let a = 0, l = 0, c = 0, S;
-    for (let w = 0; w < i.length; w++) {
-      let C = i[w];
+    let a = 0, l = 0, c = 0, P;
+    for (let v = 0; v < i.length; v++) {
+      let w = i[v];
       if (a === 0 && l === 0) {
-        if (C === rt) {
-          s.push(i.slice(c, w)), c = w + hr;
+        if (w === rt) {
+          s.push(i.slice(c, v)), c = v + hr;
           continue;
         }
-        if (C === "/") {
-          S = w;
+        if (w === "/") {
+          P = v;
           continue;
         }
       }
-      C === "[" ? a++ : C === "]" ? a-- : C === "(" ? l++ : C === ")" && l--;
+      w === "[" ? a++ : w === "]" ? a-- : w === "(" ? l++ : w === ")" && l--;
     }
-    const b = s.length === 0 ? i : i.substring(c), d = br(b), u = d !== b, h = S && S > c ? S - c : void 0;
+    const z = s.length === 0 ? i : i.substring(c), f = br(z), d = f !== z, h = P && P > c ? P - c : void 0;
     return {
       modifiers: s,
-      hasImportantModifier: u,
-      baseClassName: d,
+      hasImportantModifier: d,
+      baseClassName: f,
       maybePostfixModifierPosition: h
     };
   };
@@ -1246,90 +1246,90 @@ const st = "-", ur = (e) => {
     sortModifiers: s
   } = t, a = [], l = e.trim().split(Pr);
   let c = "";
-  for (let S = l.length - 1; S >= 0; S -= 1) {
-    const b = l[S], {
-      isExternal: d,
-      modifiers: u,
+  for (let P = l.length - 1; P >= 0; P -= 1) {
+    const z = l[P], {
+      isExternal: f,
+      modifiers: d,
       hasImportantModifier: h,
-      baseClassName: w,
-      maybePostfixModifierPosition: C
-    } = r(b);
-    if (d) {
-      c = b + (c.length > 0 ? " " + c : c);
+      baseClassName: v,
+      maybePostfixModifierPosition: w
+    } = r(z);
+    if (f) {
+      c = z + (c.length > 0 ? " " + c : c);
       continue;
     }
-    let v = !!C, p = o(v ? w.substring(0, C) : w);
+    let C = !!w, p = o(C ? v.substring(0, w) : v);
     if (!p) {
-      if (!v) {
-        c = b + (c.length > 0 ? " " + c : c);
+      if (!C) {
+        c = z + (c.length > 0 ? " " + c : c);
         continue;
       }
-      if (p = o(w), !p) {
-        c = b + (c.length > 0 ? " " + c : c);
+      if (p = o(v), !p) {
+        c = z + (c.length > 0 ? " " + c : c);
         continue;
       }
-      v = !1;
+      C = !1;
     }
-    const m = s(u).join(":"), R = h ? m + tt : m, F = R + p;
-    if (a.includes(F))
+    const x = s(d).join(":"), k = h ? x + tt : x, $ = k + p;
+    if (a.includes($))
       continue;
-    a.push(F);
-    const V = i(p, v);
-    for (let I = 0; I < V.length; ++I) {
-      const ee = V[I];
-      a.push(R + ee);
+    a.push($);
+    const J = i(p, C);
+    for (let H = 0; H < J.length; ++H) {
+      const O = J[H];
+      a.push(k + O);
     }
-    c = b + (c.length > 0 ? " " + c : c);
+    c = z + (c.length > 0 ? " " + c : c);
   }
   return c;
 };
 function vr() {
   let e = 0, t, r, o = "";
   for (; e < arguments.length; )
-    (t = arguments[e++]) && (r = Ot(t)) && (o && (o += " "), o += r);
+    (t = arguments[e++]) && (r = jt(t)) && (o && (o += " "), o += r);
   return o;
 }
-const Ot = (e) => {
+const jt = (e) => {
   if (typeof e == "string")
     return e;
   let t, r = "";
   for (let o = 0; o < e.length; o++)
-    e[o] && (t = Ot(e[o])) && (r && (r += " "), r += t);
+    e[o] && (t = jt(e[o])) && (r && (r += " "), r += t);
   return r;
 };
 function wr(e, ...t) {
   let r, o, i, s = a;
   function a(c) {
-    const S = t.reduce((b, d) => d(b), e());
-    return r = Sr(S), o = r.cache.get, i = r.cache.set, s = l, l(c);
+    const P = t.reduce((z, f) => f(z), e());
+    return r = Sr(P), o = r.cache.get, i = r.cache.set, s = l, l(c);
   }
   function l(c) {
-    const S = o(c);
-    if (S)
-      return S;
-    const b = yr(c, r);
-    return i(c, b), b;
+    const P = o(c);
+    if (P)
+      return P;
+    const z = yr(c, r);
+    return i(c, z), z;
   }
   return function() {
     return s(vr.apply(null, arguments));
   };
 }
-const le = (e) => {
+const ce = (e) => {
   const t = (r) => r[e] || [];
   return t.isThemeGetter = !0, t;
-}, jt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Bt = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Cr = /^\d+\/\d+$/, kr = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Er = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Mr = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Rr = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, _r = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, _e = (e) => Cr.test(e), J = (e) => !!e && !Number.isNaN(Number(e)), ke = (e) => !!e && Number.isInteger(Number(e)), Ze = (e) => e.endsWith("%") && J(e.slice(0, -1)), ve = (e) => kr.test(e), Ir = () => !0, Ar = (e) => (
+}, Ot = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Bt = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Cr = /^\d+\/\d+$/, kr = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Er = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Mr = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Rr = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, _r = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, _e = (e) => Cr.test(e), X = (e) => !!e && !Number.isNaN(Number(e)), ke = (e) => !!e && Number.isInteger(Number(e)), Ze = (e) => e.endsWith("%") && X(e.slice(0, -1)), ve = (e) => kr.test(e), Ir = () => !0, Ar = (e) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   Er.test(e) && !Mr.test(e)
-), Lt = () => !1, Nr = (e) => Rr.test(e), Tr = (e) => _r.test(e), Or = (e) => !T(e) && !O(e), jr = (e) => Ie(e, Ft, Lt), T = (e) => jt.test(e), Me = (e) => Ie(e, Ht, Ar), Qe = (e) => Ie(e, Fr, J), Pt = (e) => Ie(e, Dt, Lt), Br = (e) => Ie(e, Gt, Tr), We = (e) => Ie(e, $t, Nr), O = (e) => Bt.test(e), je = (e) => Ae(e, Ht), Lr = (e) => Ae(e, Hr), yt = (e) => Ae(e, Dt), Dr = (e) => Ae(e, Ft), Gr = (e) => Ae(e, Gt), Ue = (e) => Ae(e, $t, !0), Ie = (e, t, r) => {
-  const o = jt.exec(e);
+), Lt = () => !1, Nr = (e) => Rr.test(e), Tr = (e) => _r.test(e), jr = (e) => !N(e) && !T(e), Or = (e) => Ie(e, Ft, Lt), N = (e) => Ot.test(e), Ee = (e) => Ie(e, Ht, Ar), Qe = (e) => Ie(e, Fr, X), Pt = (e) => Ie(e, Dt, Lt), Br = (e) => Ie(e, Gt, Tr), We = (e) => Ie(e, $t, Nr), T = (e) => Bt.test(e), Oe = (e) => Ae(e, Ht), Lr = (e) => Ae(e, Hr), yt = (e) => Ae(e, Dt), Dr = (e) => Ae(e, Ft), Gr = (e) => Ae(e, Gt), Ue = (e) => Ae(e, $t, !0), Ie = (e, t, r) => {
+  const o = Ot.exec(e);
   return o ? o[1] ? t(o[1]) : r(o[2]) : !1;
 }, Ae = (e, t, r = !1) => {
   const o = Bt.exec(e);
   return o ? o[1] ? t(o[1]) : r : !1;
 }, Dt = (e) => e === "position" || e === "percentage", Gt = (e) => e === "image" || e === "url", Ft = (e) => e === "length" || e === "size" || e === "bg-size", Ht = (e) => e === "length", Fr = (e) => e === "number", Hr = (e) => e === "family-name", $t = (e) => e === "shadow", $r = () => {
-  const e = le("color"), t = le("font"), r = le("text"), o = le("font-weight"), i = le("tracking"), s = le("leading"), a = le("breakpoint"), l = le("container"), c = le("spacing"), S = le("radius"), b = le("shadow"), d = le("inset-shadow"), u = le("text-shadow"), h = le("drop-shadow"), w = le("blur"), C = le("perspective"), v = le("aspect"), p = le("ease"), m = le("animate"), R = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], F = () => [
+  const e = ce("color"), t = ce("font"), r = ce("text"), o = ce("font-weight"), i = ce("tracking"), s = ce("leading"), a = ce("breakpoint"), l = ce("container"), c = ce("spacing"), P = ce("radius"), z = ce("shadow"), f = ce("inset-shadow"), d = ce("text-shadow"), h = ce("drop-shadow"), v = ce("blur"), w = ce("perspective"), C = ce("aspect"), p = ce("ease"), x = ce("animate"), k = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], $ = () => [
     "center",
     "top",
     "bottom",
@@ -1347,30 +1347,30 @@ const le = (e) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], V = () => [...F(), O, T], I = () => ["auto", "hidden", "clip", "visible", "scroll"], ee = () => ["auto", "contain", "none"], M = () => [O, T, c], $ = () => [_e, "full", "auto", ...M()], W = () => [ke, "none", "subgrid", O, T], X = () => ["auto", {
-    span: ["full", ke, O, T]
-  }, ke, O, T], te = () => [ke, "auto", O, T], Y = () => ["auto", "min", "max", "fr", O, T], Z = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], H = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], A = () => ["auto", ...M()], D = () => [_e, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...M()], k = () => [e, O, T], ne = () => [...F(), yt, Pt, {
-    position: [O, T]
-  }], _ = () => ["no-repeat", {
+  ], J = () => [...$(), T, N], H = () => ["auto", "hidden", "clip", "visible", "scroll"], O = () => ["auto", "contain", "none"], E = () => [T, N, c], q = () => [_e, "full", "auto", ...E()], F = () => [ke, "none", "subgrid", T, N], Y = () => ["auto", {
+    span: ["full", ke, T, N]
+  }, ke, T, N], te = () => [ke, "auto", T, N], V = () => ["auto", "min", "max", "fr", T, N], K = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], W = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], _ = () => ["auto", ...E()], D = () => [_e, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...E()], y = () => [e, T, N], ne = () => [...$(), yt, Pt, {
+    position: [T, N]
+  }], M = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], n = () => ["auto", "cover", "contain", Dr, jr, {
-    size: [O, T]
-  }], z = () => [Ze, je, Me], E = () => [
+  }], n = () => ["auto", "cover", "contain", Dr, Or, {
+    size: [T, N]
+  }], S = () => [Ze, Oe, Ee], R = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     "full",
-    S,
-    O,
-    T
-  ], N = () => ["", J, je, Me], U = () => ["solid", "dashed", "dotted", "double"], P = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], x = () => [J, Ze, yt, Pt], g = () => [
+    P,
+    T,
+    N
+  ], A = () => ["", X, Oe, Ee], ee = () => ["solid", "dashed", "dotted", "double"], m = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], b = () => [X, Ze, yt, Pt], B = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
-    w,
-    O,
-    T
-  ], y = () => ["none", J, O, T], B = () => ["none", J, O, T], j = () => [J, O, T], G = () => [_e, "full", ...M()];
+    v,
+    T,
+    N
+  ], g = () => ["none", X, T, N], I = () => ["none", X, T, N], j = () => [X, T, N], G = () => [_e, "full", ...E()];
   return {
     cacheSize: 500,
     theme: {
@@ -1382,14 +1382,14 @@ const le = (e) => {
       container: [ve],
       "drop-shadow": [ve],
       ease: ["in", "out", "in-out"],
-      font: [Or],
+      font: [jr],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
       "inset-shadow": [ve],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
       radius: [ve],
       shadow: [ve],
-      spacing: ["px", J],
+      spacing: ["px", X],
       text: [ve],
       "text-shadow": [ve],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
@@ -1403,7 +1403,7 @@ const le = (e) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", _e, T, O, v]
+        aspect: ["auto", "square", _e, N, T, C]
       }],
       /**
        * Container
@@ -1416,21 +1416,21 @@ const le = (e) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [J, T, O, l]
+        columns: [X, N, T, l]
       }],
       /**
        * Break After
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": R()
+        "break-after": k()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": R()
+        "break-before": k()
       }],
       /**
        * Break Inside
@@ -1494,49 +1494,49 @@ const le = (e) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: V()
+        object: J()
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: I()
+        overflow: H()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": I()
+        "overflow-x": H()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": I()
+        "overflow-y": H()
       }],
       /**
        * Overscroll Behavior
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: ee()
+        overscroll: O()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": ee()
+        "overscroll-x": O()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": ee()
+        "overscroll-y": O()
       }],
       /**
        * Position
@@ -1548,63 +1548,63 @@ const le = (e) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: $()
+        inset: q()
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": $()
+        "inset-x": q()
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": $()
+        "inset-y": q()
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: $()
+        start: q()
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: $()
+        end: q()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: $()
+        top: q()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: $()
+        right: q()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: $()
+        bottom: q()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: $()
+        left: q()
       }],
       /**
        * Visibility
@@ -1616,7 +1616,7 @@ const le = (e) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [ke, "auto", O, T]
+        z: [ke, "auto", T, N]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -1626,7 +1626,7 @@ const le = (e) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [_e, "full", "auto", l, ...M()]
+        basis: [_e, "full", "auto", l, ...E()]
       }],
       /**
        * Flex Direction
@@ -1647,42 +1647,42 @@ const le = (e) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [J, _e, "auto", "initial", "none", T]
+        flex: [X, _e, "auto", "initial", "none", N]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", J, O, T]
+        grow: ["", X, T, N]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", J, O, T]
+        shrink: ["", X, T, N]
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [ke, "first", "last", "none", O, T]
+        order: [ke, "first", "last", "none", T, N]
       }],
       /**
        * Grid Template Columns
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": W()
+        "grid-cols": F()
       }],
       /**
        * Grid Column Start / End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start-end": [{
-        col: X()
+        col: Y()
       }],
       /**
        * Grid Column Start
@@ -1703,14 +1703,14 @@ const le = (e) => {
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": W()
+        "grid-rows": F()
       }],
       /**
        * Grid Row Start / End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start-end": [{
-        row: X()
+        row: Y()
       }],
       /**
        * Grid Row Start
@@ -1738,70 +1738,70 @@ const le = (e) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": Y()
+        "auto-cols": V()
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": Y()
+        "auto-rows": V()
       }],
       /**
        * Gap
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: M()
+        gap: E()
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": M()
+        "gap-x": E()
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": M()
+        "gap-y": E()
       }],
       /**
        * Justify Content
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: [...Z(), "normal"]
+        justify: [...K(), "normal"]
       }],
       /**
        * Justify Items
        * @see https://tailwindcss.com/docs/justify-items
        */
       "justify-items": [{
-        "justify-items": [...H(), "normal"]
+        "justify-items": [...W(), "normal"]
       }],
       /**
        * Justify Self
        * @see https://tailwindcss.com/docs/justify-self
        */
       "justify-self": [{
-        "justify-self": ["auto", ...H()]
+        "justify-self": ["auto", ...W()]
       }],
       /**
        * Align Content
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...Z()]
+        content: ["normal", ...K()]
       }],
       /**
        * Align Items
        * @see https://tailwindcss.com/docs/align-items
        */
       "align-items": [{
-        items: [...H(), {
+        items: [...W(), {
           baseline: ["", "last"]
         }]
       }],
@@ -1810,7 +1810,7 @@ const le = (e) => {
        * @see https://tailwindcss.com/docs/align-self
        */
       "align-self": [{
-        self: ["auto", ...H(), {
+        self: ["auto", ...W(), {
           baseline: ["", "last"]
         }]
       }],
@@ -1819,21 +1819,21 @@ const le = (e) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": Z()
+        "place-content": K()
       }],
       /**
        * Place Items
        * @see https://tailwindcss.com/docs/place-items
        */
       "place-items": [{
-        "place-items": [...H(), "baseline"]
+        "place-items": [...W(), "baseline"]
       }],
       /**
        * Place Self
        * @see https://tailwindcss.com/docs/place-self
        */
       "place-self": [{
-        "place-self": ["auto", ...H()]
+        "place-self": ["auto", ...W()]
       }],
       // Spacing
       /**
@@ -1841,133 +1841,133 @@ const le = (e) => {
        * @see https://tailwindcss.com/docs/padding
        */
       p: [{
-        p: M()
+        p: E()
       }],
       /**
        * Padding X
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
-        px: M()
+        px: E()
       }],
       /**
        * Padding Y
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
-        py: M()
+        py: E()
       }],
       /**
        * Padding Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
-        ps: M()
+        ps: E()
       }],
       /**
        * Padding End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
-        pe: M()
+        pe: E()
       }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
        */
       pt: [{
-        pt: M()
+        pt: E()
       }],
       /**
        * Padding Right
        * @see https://tailwindcss.com/docs/padding
        */
       pr: [{
-        pr: M()
+        pr: E()
       }],
       /**
        * Padding Bottom
        * @see https://tailwindcss.com/docs/padding
        */
       pb: [{
-        pb: M()
+        pb: E()
       }],
       /**
        * Padding Left
        * @see https://tailwindcss.com/docs/padding
        */
       pl: [{
-        pl: M()
+        pl: E()
       }],
       /**
        * Margin
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: A()
+        m: _()
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: A()
+        mx: _()
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: A()
+        my: _()
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: A()
+        ms: _()
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: A()
+        me: _()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: A()
+        mt: _()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: A()
+        mr: _()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: A()
+        mb: _()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: A()
+        ml: _()
       }],
       /**
        * Space Between X
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-x": [{
-        "space-x": M()
+        "space-x": E()
       }],
       /**
        * Space Between X Reverse
@@ -1979,7 +1979,7 @@ const le = (e) => {
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-y": [{
-        "space-y": M()
+        "space-y": E()
       }],
       /**
        * Space Between Y Reverse
@@ -2063,7 +2063,7 @@ const le = (e) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", r, je, Me]
+        text: ["base", r, Oe, Ee]
       }],
       /**
        * Font Smoothing
@@ -2080,21 +2080,21 @@ const le = (e) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [o, O, Qe]
+        font: [o, T, Qe]
       }],
       /**
        * Font Stretch
        * @see https://tailwindcss.com/docs/font-stretch
        */
       "font-stretch": [{
-        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", Ze, T]
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", Ze, N]
       }],
       /**
        * Font Family
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [Lr, T, t]
+        font: [Lr, N, t]
       }],
       /**
        * Font Variant Numeric
@@ -2131,14 +2131,14 @@ const le = (e) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: [i, O, T]
+        tracking: [i, T, N]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [J, "none", O, Qe]
+        "line-clamp": [X, "none", T, Qe]
       }],
       /**
        * Line Height
@@ -2148,7 +2148,7 @@ const le = (e) => {
         leading: [
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           s,
-          ...M()
+          ...E()
         ]
       }],
       /**
@@ -2156,7 +2156,7 @@ const le = (e) => {
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", O, T]
+        "list-image": ["none", T, N]
       }],
       /**
        * List Style Position
@@ -2170,7 +2170,7 @@ const le = (e) => {
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["disc", "decimal", "none", O, T]
+        list: ["disc", "decimal", "none", T, N]
       }],
       /**
        * Text Alignment
@@ -2185,14 +2185,14 @@ const le = (e) => {
        * @see https://v3.tailwindcss.com/docs/placeholder-color
        */
       "placeholder-color": [{
-        placeholder: k()
+        placeholder: y()
       }],
       /**
        * Text Color
        * @see https://tailwindcss.com/docs/text-color
        */
       "text-color": [{
-        text: k()
+        text: y()
       }],
       /**
        * Text Decoration
@@ -2204,28 +2204,28 @@ const le = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...U(), "wavy"]
+        decoration: [...ee(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [J, "from-font", "auto", O, Me]
+        decoration: [X, "from-font", "auto", T, Ee]
       }],
       /**
        * Text Decoration Color
        * @see https://tailwindcss.com/docs/text-decoration-color
        */
       "text-decoration-color": [{
-        decoration: k()
+        decoration: y()
       }],
       /**
        * Text Underline Offset
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [J, "auto", O, T]
+        "underline-offset": [X, "auto", T, N]
       }],
       /**
        * Text Transform
@@ -2249,14 +2249,14 @@ const le = (e) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: M()
+        indent: E()
       }],
       /**
        * Vertical Alignment
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", O, T]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", T, N]
       }],
       /**
        * Whitespace
@@ -2291,7 +2291,7 @@ const le = (e) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", O, T]
+        content: ["none", T, N]
       }],
       // -------------------
       // --- Backgrounds ---
@@ -2329,7 +2329,7 @@ const le = (e) => {
        * @see https://tailwindcss.com/docs/background-repeat
        */
       "bg-repeat": [{
-        bg: _()
+        bg: M()
       }],
       /**
        * Background Size
@@ -2346,9 +2346,9 @@ const le = (e) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, ke, O, T],
-          radial: ["", O, T],
-          conic: [ke, O, T]
+          }, ke, T, N],
+          radial: ["", T, N],
+          conic: [ke, T, N]
         }, Gr, Br]
       }],
       /**
@@ -2356,49 +2356,49 @@ const le = (e) => {
        * @see https://tailwindcss.com/docs/background-color
        */
       "bg-color": [{
-        bg: k()
+        bg: y()
       }],
       /**
        * Gradient Color Stops From Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: z()
+        from: S()
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: z()
+        via: S()
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: z()
+        to: S()
       }],
       /**
        * Gradient Color Stops From
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: k()
+        from: y()
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: k()
+        via: y()
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: k()
+        to: y()
       }],
       // ---------------
       // --- Borders ---
@@ -2408,175 +2408,175 @@ const le = (e) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: E()
+        rounded: R()
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": E()
+        "rounded-s": R()
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": E()
+        "rounded-e": R()
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": E()
+        "rounded-t": R()
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": E()
+        "rounded-r": R()
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": E()
+        "rounded-b": R()
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": E()
+        "rounded-l": R()
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": E()
+        "rounded-ss": R()
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": E()
+        "rounded-se": R()
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": E()
+        "rounded-ee": R()
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": E()
+        "rounded-es": R()
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": E()
+        "rounded-tl": R()
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": E()
+        "rounded-tr": R()
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": E()
+        "rounded-br": R()
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": E()
+        "rounded-bl": R()
       }],
       /**
        * Border Width
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: N()
+        border: A()
       }],
       /**
        * Border Width X
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": N()
+        "border-x": A()
       }],
       /**
        * Border Width Y
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": N()
+        "border-y": A()
       }],
       /**
        * Border Width Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": N()
+        "border-s": A()
       }],
       /**
        * Border Width End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": N()
+        "border-e": A()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": N()
+        "border-t": A()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": N()
+        "border-r": A()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": N()
+        "border-b": A()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": N()
+        "border-l": A()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": N()
+        "divide-x": A()
       }],
       /**
        * Divide Width X Reverse
@@ -2588,7 +2588,7 @@ const le = (e) => {
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-y": [{
-        "divide-y": N()
+        "divide-y": A()
       }],
       /**
        * Divide Width Y Reverse
@@ -2600,112 +2600,112 @@ const le = (e) => {
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...U(), "hidden", "none"]
+        border: [...ee(), "hidden", "none"]
       }],
       /**
        * Divide Style
        * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
        */
       "divide-style": [{
-        divide: [...U(), "hidden", "none"]
+        divide: [...ee(), "hidden", "none"]
       }],
       /**
        * Border Color
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color": [{
-        border: k()
+        border: y()
       }],
       /**
        * Border Color X
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-x": [{
-        "border-x": k()
+        "border-x": y()
       }],
       /**
        * Border Color Y
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-y": [{
-        "border-y": k()
+        "border-y": y()
       }],
       /**
        * Border Color S
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-s": [{
-        "border-s": k()
+        "border-s": y()
       }],
       /**
        * Border Color E
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-e": [{
-        "border-e": k()
+        "border-e": y()
       }],
       /**
        * Border Color Top
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-t": [{
-        "border-t": k()
+        "border-t": y()
       }],
       /**
        * Border Color Right
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-r": [{
-        "border-r": k()
+        "border-r": y()
       }],
       /**
        * Border Color Bottom
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-b": [{
-        "border-b": k()
+        "border-b": y()
       }],
       /**
        * Border Color Left
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-l": [{
-        "border-l": k()
+        "border-l": y()
       }],
       /**
        * Divide Color
        * @see https://tailwindcss.com/docs/divide-color
        */
       "divide-color": [{
-        divide: k()
+        divide: y()
       }],
       /**
        * Outline Style
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: [...U(), "none", "hidden"]
+        outline: [...ee(), "none", "hidden"]
       }],
       /**
        * Outline Offset
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [J, O, T]
+        "outline-offset": [X, T, N]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", J, je, Me]
+        outline: ["", X, Oe, Ee]
       }],
       /**
        * Outline Color
        * @see https://tailwindcss.com/docs/outline-color
        */
       "outline-color": [{
-        outline: k()
+        outline: y()
       }],
       // ---------------
       // --- Effects ---
@@ -2719,7 +2719,7 @@ const le = (e) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          b,
+          z,
           Ue,
           We
         ]
@@ -2729,28 +2729,28 @@ const le = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
        */
       "shadow-color": [{
-        shadow: k()
+        shadow: y()
       }],
       /**
        * Inset Box Shadow
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
        */
       "inset-shadow": [{
-        "inset-shadow": ["none", d, Ue, We]
+        "inset-shadow": ["none", f, Ue, We]
       }],
       /**
        * Inset Box Shadow Color
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
        */
       "inset-shadow-color": [{
-        "inset-shadow": k()
+        "inset-shadow": y()
       }],
       /**
        * Ring Width
        * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
        */
       "ring-w": [{
-        ring: N()
+        ring: A()
       }],
       /**
        * Ring Width Inset
@@ -2764,7 +2764,7 @@ const le = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
        */
       "ring-color": [{
-        ring: k()
+        ring: y()
       }],
       /**
        * Ring Offset Width
@@ -2773,7 +2773,7 @@ const le = (e) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [J, Me]
+        "ring-offset": [X, Ee]
       }],
       /**
        * Ring Offset Color
@@ -2782,56 +2782,56 @@ const le = (e) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-color": [{
-        "ring-offset": k()
+        "ring-offset": y()
       }],
       /**
        * Inset Ring Width
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
        */
       "inset-ring-w": [{
-        "inset-ring": N()
+        "inset-ring": A()
       }],
       /**
        * Inset Ring Color
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
        */
       "inset-ring-color": [{
-        "inset-ring": k()
+        "inset-ring": y()
       }],
       /**
        * Text Shadow
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", u, Ue, We]
+        "text-shadow": ["none", d, Ue, We]
       }],
       /**
        * Text Shadow Color
        * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
        */
       "text-shadow-color": [{
-        "text-shadow": k()
+        "text-shadow": y()
       }],
       /**
        * Opacity
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [J, O, T]
+        opacity: [X, T, N]
       }],
       /**
        * Mix Blend Mode
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       "mix-blend": [{
-        "mix-blend": [...P(), "plus-darker", "plus-lighter"]
+        "mix-blend": [...m(), "plus-darker", "plus-lighter"]
       }],
       /**
        * Background Blend Mode
        * @see https://tailwindcss.com/docs/background-blend-mode
        */
       "bg-blend": [{
-        "bg-blend": P()
+        "bg-blend": m()
       }],
       /**
        * Mask Clip
@@ -2852,106 +2852,106 @@ const le = (e) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image-linear-pos": [{
-        "mask-linear": [J]
+        "mask-linear": [X]
       }],
       "mask-image-linear-from-pos": [{
-        "mask-linear-from": x()
+        "mask-linear-from": b()
       }],
       "mask-image-linear-to-pos": [{
-        "mask-linear-to": x()
+        "mask-linear-to": b()
       }],
       "mask-image-linear-from-color": [{
-        "mask-linear-from": k()
+        "mask-linear-from": y()
       }],
       "mask-image-linear-to-color": [{
-        "mask-linear-to": k()
+        "mask-linear-to": y()
       }],
       "mask-image-t-from-pos": [{
-        "mask-t-from": x()
+        "mask-t-from": b()
       }],
       "mask-image-t-to-pos": [{
-        "mask-t-to": x()
+        "mask-t-to": b()
       }],
       "mask-image-t-from-color": [{
-        "mask-t-from": k()
+        "mask-t-from": y()
       }],
       "mask-image-t-to-color": [{
-        "mask-t-to": k()
+        "mask-t-to": y()
       }],
       "mask-image-r-from-pos": [{
-        "mask-r-from": x()
+        "mask-r-from": b()
       }],
       "mask-image-r-to-pos": [{
-        "mask-r-to": x()
+        "mask-r-to": b()
       }],
       "mask-image-r-from-color": [{
-        "mask-r-from": k()
+        "mask-r-from": y()
       }],
       "mask-image-r-to-color": [{
-        "mask-r-to": k()
+        "mask-r-to": y()
       }],
       "mask-image-b-from-pos": [{
-        "mask-b-from": x()
+        "mask-b-from": b()
       }],
       "mask-image-b-to-pos": [{
-        "mask-b-to": x()
+        "mask-b-to": b()
       }],
       "mask-image-b-from-color": [{
-        "mask-b-from": k()
+        "mask-b-from": y()
       }],
       "mask-image-b-to-color": [{
-        "mask-b-to": k()
+        "mask-b-to": y()
       }],
       "mask-image-l-from-pos": [{
-        "mask-l-from": x()
+        "mask-l-from": b()
       }],
       "mask-image-l-to-pos": [{
-        "mask-l-to": x()
+        "mask-l-to": b()
       }],
       "mask-image-l-from-color": [{
-        "mask-l-from": k()
+        "mask-l-from": y()
       }],
       "mask-image-l-to-color": [{
-        "mask-l-to": k()
+        "mask-l-to": y()
       }],
       "mask-image-x-from-pos": [{
-        "mask-x-from": x()
+        "mask-x-from": b()
       }],
       "mask-image-x-to-pos": [{
-        "mask-x-to": x()
+        "mask-x-to": b()
       }],
       "mask-image-x-from-color": [{
-        "mask-x-from": k()
+        "mask-x-from": y()
       }],
       "mask-image-x-to-color": [{
-        "mask-x-to": k()
+        "mask-x-to": y()
       }],
       "mask-image-y-from-pos": [{
-        "mask-y-from": x()
+        "mask-y-from": b()
       }],
       "mask-image-y-to-pos": [{
-        "mask-y-to": x()
+        "mask-y-to": b()
       }],
       "mask-image-y-from-color": [{
-        "mask-y-from": k()
+        "mask-y-from": y()
       }],
       "mask-image-y-to-color": [{
-        "mask-y-to": k()
+        "mask-y-to": y()
       }],
       "mask-image-radial": [{
-        "mask-radial": [O, T]
+        "mask-radial": [T, N]
       }],
       "mask-image-radial-from-pos": [{
-        "mask-radial-from": x()
+        "mask-radial-from": b()
       }],
       "mask-image-radial-to-pos": [{
-        "mask-radial-to": x()
+        "mask-radial-to": b()
       }],
       "mask-image-radial-from-color": [{
-        "mask-radial-from": k()
+        "mask-radial-from": y()
       }],
       "mask-image-radial-to-color": [{
-        "mask-radial-to": k()
+        "mask-radial-to": y()
       }],
       "mask-image-radial-shape": [{
         "mask-radial": ["circle", "ellipse"]
@@ -2963,22 +2963,22 @@ const le = (e) => {
         }]
       }],
       "mask-image-radial-pos": [{
-        "mask-radial-at": F()
+        "mask-radial-at": $()
       }],
       "mask-image-conic-pos": [{
-        "mask-conic": [J]
+        "mask-conic": [X]
       }],
       "mask-image-conic-from-pos": [{
-        "mask-conic-from": x()
+        "mask-conic-from": b()
       }],
       "mask-image-conic-to-pos": [{
-        "mask-conic-to": x()
+        "mask-conic-to": b()
       }],
       "mask-image-conic-from-color": [{
-        "mask-conic-from": k()
+        "mask-conic-from": y()
       }],
       "mask-image-conic-to-color": [{
-        "mask-conic-to": k()
+        "mask-conic-to": y()
       }],
       /**
        * Mask Mode
@@ -3006,7 +3006,7 @@ const le = (e) => {
        * @see https://tailwindcss.com/docs/mask-repeat
        */
       "mask-repeat": [{
-        mask: _()
+        mask: M()
       }],
       /**
        * Mask Size
@@ -3027,7 +3027,7 @@ const le = (e) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image": [{
-        mask: ["none", O, T]
+        mask: ["none", T, N]
       }],
       // ---------------
       // --- Filters ---
@@ -3041,8 +3041,8 @@ const le = (e) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          O,
-          T
+          T,
+          N
         ]
       }],
       /**
@@ -3050,21 +3050,21 @@ const le = (e) => {
        * @see https://tailwindcss.com/docs/blur
        */
       blur: [{
-        blur: g()
+        blur: B()
       }],
       /**
        * Brightness
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [J, O, T]
+        brightness: [X, T, N]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [J, O, T]
+        contrast: [X, T, N]
       }],
       /**
        * Drop Shadow
@@ -3085,42 +3085,42 @@ const le = (e) => {
        * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
        */
       "drop-shadow-color": [{
-        "drop-shadow": k()
+        "drop-shadow": y()
       }],
       /**
        * Grayscale
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", J, O, T]
+        grayscale: ["", X, T, N]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [J, O, T]
+        "hue-rotate": [X, T, N]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", J, O, T]
+        invert: ["", X, T, N]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [J, O, T]
+        saturate: [X, T, N]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", J, O, T]
+        sepia: ["", X, T, N]
       }],
       /**
        * Backdrop Filter
@@ -3131,8 +3131,8 @@ const le = (e) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          O,
-          T
+          T,
+          N
         ]
       }],
       /**
@@ -3140,63 +3140,63 @@ const le = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-blur
        */
       "backdrop-blur": [{
-        "backdrop-blur": g()
+        "backdrop-blur": B()
       }],
       /**
        * Backdrop Brightness
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [J, O, T]
+        "backdrop-brightness": [X, T, N]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [J, O, T]
+        "backdrop-contrast": [X, T, N]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", J, O, T]
+        "backdrop-grayscale": ["", X, T, N]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [J, O, T]
+        "backdrop-hue-rotate": [X, T, N]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", J, O, T]
+        "backdrop-invert": ["", X, T, N]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [J, O, T]
+        "backdrop-opacity": [X, T, N]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [J, O, T]
+        "backdrop-saturate": [X, T, N]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", J, O, T]
+        "backdrop-sepia": ["", X, T, N]
       }],
       // --------------
       // --- Tables ---
@@ -3213,21 +3213,21 @@ const le = (e) => {
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing": [{
-        "border-spacing": M()
+        "border-spacing": E()
       }],
       /**
        * Border Spacing X
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-x": [{
-        "border-spacing-x": M()
+        "border-spacing-x": E()
       }],
       /**
        * Border Spacing Y
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-y": [{
-        "border-spacing-y": M()
+        "border-spacing-y": E()
       }],
       /**
        * Table Layout
@@ -3251,7 +3251,7 @@ const le = (e) => {
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", O, T]
+        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", T, N]
       }],
       /**
        * Transition Behavior
@@ -3265,28 +3265,28 @@ const le = (e) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [J, "initial", O, T]
+        duration: [X, "initial", T, N]
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", p, O, T]
+        ease: ["linear", "initial", p, T, N]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [J, O, T]
+        delay: [X, T, N]
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", m, O, T]
+        animate: ["none", x, T, N]
       }],
       // ------------------
       // --- Transforms ---
@@ -3303,70 +3303,70 @@ const le = (e) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [C, O, T]
+        perspective: [w, T, N]
       }],
       /**
        * Perspective Origin
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": V()
+        "perspective-origin": J()
       }],
       /**
        * Rotate
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: y()
+        rotate: g()
       }],
       /**
        * Rotate X
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-x": [{
-        "rotate-x": y()
+        "rotate-x": g()
       }],
       /**
        * Rotate Y
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-y": [{
-        "rotate-y": y()
+        "rotate-y": g()
       }],
       /**
        * Rotate Z
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-z": [{
-        "rotate-z": y()
+        "rotate-z": g()
       }],
       /**
        * Scale
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: B()
+        scale: I()
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": B()
+        "scale-x": I()
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": B()
+        "scale-y": I()
       }],
       /**
        * Scale Z
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-z": [{
-        "scale-z": B()
+        "scale-z": I()
       }],
       /**
        * Scale 3D
@@ -3399,14 +3399,14 @@ const le = (e) => {
        * @see https://tailwindcss.com/docs/transform
        */
       transform: [{
-        transform: [O, T, "", "none", "gpu", "cpu"]
+        transform: [T, N, "", "none", "gpu", "cpu"]
       }],
       /**
        * Transform Origin
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: V()
+        origin: J()
       }],
       /**
        * Transform Style
@@ -3456,7 +3456,7 @@ const le = (e) => {
        * @see https://tailwindcss.com/docs/accent-color
        */
       accent: [{
-        accent: k()
+        accent: y()
       }],
       /**
        * Appearance
@@ -3470,7 +3470,7 @@ const le = (e) => {
        * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
        */
       "caret-color": [{
-        caret: k()
+        caret: y()
       }],
       /**
        * Color Scheme
@@ -3484,7 +3484,7 @@ const le = (e) => {
        * @see https://tailwindcss.com/docs/cursor
        */
       cursor: [{
-        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", O, T]
+        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", T, N]
       }],
       /**
        * Field Sizing
@@ -3519,126 +3519,126 @@ const le = (e) => {
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": M()
+        "scroll-m": E()
       }],
       /**
        * Scroll Margin X
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": M()
+        "scroll-mx": E()
       }],
       /**
        * Scroll Margin Y
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": M()
+        "scroll-my": E()
       }],
       /**
        * Scroll Margin Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": M()
+        "scroll-ms": E()
       }],
       /**
        * Scroll Margin End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": M()
+        "scroll-me": E()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": M()
+        "scroll-mt": E()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": M()
+        "scroll-mr": E()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": M()
+        "scroll-mb": E()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": M()
+        "scroll-ml": E()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": M()
+        "scroll-p": E()
       }],
       /**
        * Scroll Padding X
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": M()
+        "scroll-px": E()
       }],
       /**
        * Scroll Padding Y
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": M()
+        "scroll-py": E()
       }],
       /**
        * Scroll Padding Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": M()
+        "scroll-ps": E()
       }],
       /**
        * Scroll Padding End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": M()
+        "scroll-pe": E()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": M()
+        "scroll-pt": E()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": M()
+        "scroll-pr": E()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": M()
+        "scroll-pb": E()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": M()
+        "scroll-pl": E()
       }],
       /**
        * Scroll Snap Align
@@ -3706,7 +3706,7 @@ const le = (e) => {
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", O, T]
+        "will-change": ["auto", "scroll", "contents", "transform", T, N]
       }],
       // -----------
       // --- SVG ---
@@ -3716,21 +3716,21 @@ const le = (e) => {
        * @see https://tailwindcss.com/docs/fill
        */
       fill: [{
-        fill: ["none", ...k()]
+        fill: ["none", ...y()]
       }],
       /**
        * Stroke Width
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [J, je, Me, Qe]
+        stroke: [X, Oe, Ee, Qe]
       }],
       /**
        * Stroke
        * @see https://tailwindcss.com/docs/stroke
        */
       stroke: [{
-        stroke: ["none", ...k()]
+        stroke: ["none", ...y()]
       }],
       // ---------------------
       // --- Accessibility ---
@@ -3799,17 +3799,17 @@ const le = (e) => {
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
 }, De = /* @__PURE__ */ wr($r), Wr = ({ panel: e, isLastFlexiblePanel: t, measuredPixelSize: r, measuredPercentageSize: o, containerAxisSize: i, containerLabel: s }) => {
-  const a = e?.size, l = typeof a == "number" && Number.isFinite(a) ? `${a.toFixed(3)}px` : "-", c = e?.percentageSize !== void 0 ? `${e.percentageSize.toFixed(3)}%` : "-", S = Number.isFinite(r) ? `${r.toFixed(3)}px` : "-", b = Number.isFinite(o) ? `${o.toFixed(3)}%` : "-", d = Number.isFinite(i) ? `${i.toFixed(3)}px` : "-", u = `${l} / ${c}`, h = `${S} / ${b}`, w = `${e?.sizeUnit === "pixels" ? "Fixed" : "Flexible"}${t ? " (Grow)" : ""}`, C = [w, `${s}: ${d}`, `size (state): ${u}`, `size (measured): ${h}`];
+  const a = e?.size, l = typeof a == "number" && Number.isFinite(a) ? `${a.toFixed(3)}px` : "-", c = e?.percentageSize !== void 0 ? `${e.percentageSize.toFixed(3)}%` : "-", P = Number.isFinite(r) ? `${r.toFixed(3)}px` : "-", z = Number.isFinite(o) ? `${o.toFixed(3)}%` : "-", f = Number.isFinite(i) ? `${i.toFixed(3)}px` : "-", d = `${l} / ${c}`, h = `${P} / ${z}`, v = `${e?.sizeUnit === "pixels" ? "Fixed" : "Flexible"}${t ? " (Grow)" : ""}`, w = [v, `${s}: ${f}`, `size (state): ${d}`, `size (measured): ${h}`];
   return {
-    stateValueDisplay: u,
+    stateValueDisplay: d,
     measuredValueDisplay: h,
-    containerDisplay: d,
-    headlineLabel: w,
-    titleText: C.join(`
+    containerDisplay: f,
+    headlineLabel: v,
+    titleText: w.join(`
 `)
   };
 }, Ur = nt(({ panel: e, isLastFlexiblePanel: t, measuredPixelSize: r, measuredPercentageSize: o, containerAxisSize: i, direction: s }) => {
-  const a = s === "horizontal" ? "container width" : "container height", { stateValueDisplay: l, measuredValueDisplay: c, containerDisplay: S, headlineLabel: b, titleText: d } = de(
+  const a = s === "horizontal" ? "container width" : "container height", { stateValueDisplay: l, measuredValueDisplay: c, containerDisplay: P, headlineLabel: z, titleText: f } = ue(
     () => Wr({
       panel: e,
       isLastFlexiblePanel: t,
@@ -3819,7 +3819,7 @@ const le = (e) => {
       containerLabel: a
     }),
     [e, t, r, o, i, a]
-  ), u = {
+  ), d = {
     position: "absolute",
     top: "2px",
     right: "4px",
@@ -3843,7 +3843,7 @@ const le = (e) => {
     gap: "1px",
     minWidth: "0",
     width: "100%"
-  }, w = {
+  }, v = {
     display: "flex",
     justifyContent: "flex-start",
     alignItems: "center",
@@ -3855,7 +3855,7 @@ const le = (e) => {
     textOverflow: "ellipsis",
     minWidth: "0",
     width: "100%"
-  }, C = {
+  }, w = {
     display: "flex",
     justifyContent: "space-between",
     alignItems: "center",
@@ -3865,171 +3865,171 @@ const le = (e) => {
     textOverflow: "ellipsis",
     minWidth: "0",
     width: "100%"
-  }, v = {
+  }, C = {
     marginLeft: "auto",
     fontVariantNumeric: "tabular-nums",
     whiteSpace: "nowrap"
   };
-  return /* @__PURE__ */ L.jsx("div", { style: u, title: d, children: /* @__PURE__ */ L.jsxs("div", { style: h, children: [
-    /* @__PURE__ */ L.jsx("div", { style: w, children: /* @__PURE__ */ L.jsx("span", { children: b }) }),
-    /* @__PURE__ */ L.jsxs("div", { style: C, children: [
+  return /* @__PURE__ */ L.jsx("div", { style: d, title: f, children: /* @__PURE__ */ L.jsxs("div", { style: h, children: [
+    /* @__PURE__ */ L.jsx("div", { style: v, children: /* @__PURE__ */ L.jsx("span", { children: z }) }),
+    /* @__PURE__ */ L.jsxs("div", { style: w, children: [
       /* @__PURE__ */ L.jsx("span", { children: a }),
-      /* @__PURE__ */ L.jsx("span", { style: v, children: S })
+      /* @__PURE__ */ L.jsx("span", { style: C, children: P })
     ] }),
-    /* @__PURE__ */ L.jsxs("div", { style: C, children: [
+    /* @__PURE__ */ L.jsxs("div", { style: w, children: [
       /* @__PURE__ */ L.jsx("span", { children: "size (state)" }),
-      /* @__PURE__ */ L.jsx("span", { style: v, children: l })
+      /* @__PURE__ */ L.jsx("span", { style: C, children: l })
     ] }),
-    /* @__PURE__ */ L.jsxs("div", { style: C, children: [
+    /* @__PURE__ */ L.jsxs("div", { style: w, children: [
       /* @__PURE__ */ L.jsx("span", { children: "size (measured)" }),
-      /* @__PURE__ */ L.jsx("span", { style: v, children: c })
+      /* @__PURE__ */ L.jsx("span", { style: C, children: c })
     ] })
   ] }) });
-}), on = nt(({ id: e, defaultSize: t = { value: 50, unit: "percentage" }, minSize: r, maxSize: o, className: i, style: s, children: a, order: l = 0, collapsible: c = !1, defaultCollapsed: S = !1, pixelAdjustPriority: b }) => {
-  const { direction: d, registerPanel: u, unregisterPanel: h, getPanel: w, showDebugInfo: C, panels: v, isContainerReady: p, reportPanelMeasurement: m, containerSize: R } = it(), F = pe(null), V = pe(e || rr()), I = w(V.current), ee = !!I?.collapsed, M = (I?.size ?? 0) <= 0, $ = ee || M, [W, X] = ze(() => {
+}), on = nt(({ id: e, defaultSize: t = { value: 50, unit: "percentage" }, minSize: r, maxSize: o, className: i, style: s, children: a, order: l = 0, collapsible: c = !1, defaultCollapsed: P = !1, pixelAdjustPriority: z, contentOverflow: f = "auto" }) => {
+  const { direction: d, registerPanel: h, unregisterPanel: v, getPanel: w, showDebugInfo: C, panels: p, isContainerReady: x, reportPanelMeasurement: k, containerSize: $ } = it(), J = me(null), H = me(e || rr()), O = w(H.current), E = !!O?.collapsed, q = (O?.size ?? 0) <= 0, F = E || q, [Y, te] = Se(() => {
     const g = Le(t);
-    return g?.unit === "pixels" ? g.value : I?.size !== void 0 ? I.size : 0;
-  }), [te, Y] = ze(() => {
+    return g?.unit === "pixels" ? g.value : O?.size !== void 0 ? O.size : 0;
+  }), [V, K] = Se(() => {
     const g = Le(t);
-    return g?.unit === "percentage" ? g.value : I?.percentageSize !== void 0 ? I.percentageSize : 0;
-  }), Z = pe(te);
-  Z.current = te;
-  const H = pe(W);
-  H.current = W;
-  const A = fe((g) => {
+    return g?.unit === "percentage" ? g.value : O?.percentageSize !== void 0 ? O.percentageSize : 0;
+  }), W = me(V);
+  W.current = V;
+  const _ = me(Y);
+  _.current = Y;
+  const D = pe((g) => {
     if (!Number.isFinite(g))
       return;
-    const y = g < 0 ? 0 : g;
-    H.current !== y && (H.current = y, console.debug("[resize-panels] commit pixel", { panelId: V.current, pixel: y }), X(y));
-  }, []), D = fe((g) => {
+    const I = g < 0 ? 0 : g;
+    _.current !== I && (_.current = I, console.debug("[resize-panels] commit pixel", { panelId: H.current, pixel: I }), te(I));
+  }, []), y = pe((g) => {
     if (!Number.isFinite(g))
       return;
-    const y = g < 0 ? 0 : g;
-    Z.current !== y && (Z.current = y, console.debug("[resize-panels] commit percentage", { panelId: V.current, percentage: y }), Y(y));
+    const I = g < 0 ? 0 : g;
+    W.current !== I && (W.current = I, console.debug("[resize-panels] commit percentage", { panelId: H.current, percentage: I }), K(I));
   }, []);
-  ue(() => {
+  fe(() => {
     e || console.warn("Panel component should have an explicit 'id' prop to avoid hydration issues. Auto-generated ID may cause SSR/client mismatch.");
-  }, [e]), ue(() => {
-    if (!p)
+  }, [e]), fe(() => {
+    if (!x)
       return;
-    const g = Le(t), y = g?.unit === "pixels";
-    let B = 0;
-    if (y) {
-      let f = g.value;
-      r && typeof r == "object" && r.unit === "pixels" && (f = Math.max(f, r.value)), o && typeof o == "object" && o.unit === "pixels" && (f = Math.min(f, o.value)), B = f;
+    const g = Le(t), I = g?.unit === "pixels";
+    let j = 0;
+    if (I) {
+      let U = g.value;
+      r && typeof r == "object" && r.unit === "pixels" && (U = Math.max(U, r.value)), o && typeof o == "object" && o.unit === "pixels" && (U = Math.min(U, o.value)), j = U;
     }
-    const j = y ? void 0 : g?.value, G = S, re = c && G && y ? B : void 0, K = c ? j : void 0, Q = {
-      id: V.current,
-      size: G ? 0 : B,
-      percentageSize: G ? 0 : j,
+    const G = I ? void 0 : g?.value, Q = P, ie = c && Q && I ? j : void 0, Z = c ? G : void 0, re = {
+      id: H.current,
+      size: Q ? 0 : j,
+      percentageSize: Q ? 0 : G,
       sizeUnit: g?.unit || "percentage",
-      originalPixelSize: y ? B : void 0,
+      originalPixelSize: I ? j : void 0,
       minSize: r,
       maxSize: o,
       collapsible: c,
-      collapsed: G,
-      sizeBeforeCollapse: re,
-      percentageSizeBeforeCollapse: K,
-      pixelAdjustPriority: b
+      collapsed: Q,
+      sizeBeforeCollapse: ie,
+      percentageSizeBeforeCollapse: Z,
+      pixelAdjustPriority: z
     };
-    return u(Q), () => {
-      h(V.current), m(V.current, null);
+    return h(re), () => {
+      v(H.current), k(H.current, null);
     };
-  }, [t, r, o, u, h, c, S, b, m, p]);
-  const k = I?.size ?? 0;
-  ue(() => {
-    const g = F.current;
+  }, [t, r, o, h, v, c, P, z, k, x]);
+  const ne = O?.size ?? 0;
+  fe(() => {
+    const g = J.current;
     if (!g) return;
-    const y = () => {
-      if (!I)
+    const I = () => {
+      if (!O)
         return;
-      const K = g.parentElement;
-      if (!K) return;
-      const { width: Q, height: se } = g.getBoundingClientRect(), { inner: f } = we(K, "horizontal"), { inner: q } = we(K, "vertical"), ae = d === "horizontal" ? Q : se, ie = d === "horizontal" ? f : q, ce = Ke(ie);
-      if ($) {
-        H.current !== 0 && (H.current = 0, X(0)), Z.current !== 0 && (Z.current = 0, Y(0));
+      const Z = g.parentElement;
+      if (!Z) return;
+      const { width: re, height: u } = g.getBoundingClientRect(), { inner: U } = we(Z, "horizontal"), { inner: le } = we(Z, "vertical"), oe = d === "horizontal" ? re : u, ae = d === "horizontal" ? U : le, ze = Ke(ae);
+      if (F) {
+        _.current !== 0 && (_.current = 0, te(0)), W.current !== 0 && (W.current = 0, K(0));
         return;
       }
-      const be = I?.size ?? 0, xe = Math.max(2, ce * 0.5);
-      if (!$ && be > ce && ae < xe) {
+      const xe = O?.size ?? 0, de = Math.max(2, ze * 0.5);
+      if (!F && xe > ze && oe < de) {
         console.debug("[resize-panels] skip noisy measurement", {
-          panelId: V.current,
-          expectedPanelSize: be,
-          measured: ae,
-          noiseThreshold: xe
+          panelId: H.current,
+          expectedPanelSize: xe,
+          measured: oe,
+          noiseThreshold: de
         });
         return;
       }
-      if (ae > 0) {
-        if (A(ae), ie > 0) {
-          const Se = ae / ie * 100;
-          D(Se);
+      if (oe > 0) {
+        if (D(oe), ae > 0) {
+          const be = oe / ae * 100;
+          y(be);
         }
-      } else if (I?.size !== void 0 && A(I.size), I?.percentageSize !== void 0) {
-        const Se = I.percentageSize;
-        D(Se);
-      } else if (I?.sizeUnit === "pixels" && I?.size !== void 0 && ie > 0) {
-        const Se = I.size / ie * 100;
-        D(Se);
+      } else if (O?.size !== void 0 && D(O.size), O?.percentageSize !== void 0) {
+        const be = O.percentageSize;
+        y(be);
+      } else if (O?.sizeUnit === "pixels" && O?.size !== void 0 && ae > 0) {
+        const be = O.size / ae * 100;
+        y(be);
       }
-    }, B = new ResizeObserver(() => {
-      y();
+    }, j = new ResizeObserver(() => {
+      I();
     });
-    B.observe(g), y();
-    const j = [], G = new MutationObserver(() => {
+    j.observe(g), I();
+    const G = [], Q = new MutationObserver(() => {
       (() => {
-        if (!F.current) return !1;
-        const Q = F.current.getBoundingClientRect();
-        return (d === "horizontal" ? Q.width : Q.height) !== H.current;
-      })() && setTimeout(y, 0);
-    }), re = g.parentElement;
-    return re && G.observe(re, {
+        if (!J.current) return !1;
+        const re = J.current.getBoundingClientRect();
+        return (d === "horizontal" ? re.width : re.height) !== _.current;
+      })() && setTimeout(I, 0);
+    }), ie = g.parentElement;
+    return ie && Q.observe(ie, {
       childList: !0,
       subtree: !0,
       attributes: !0,
       attributeFilter: ["style", "class"]
     }), () => {
-      B.disconnect(), G.disconnect();
-      for (const K of j)
-        clearTimeout(K);
+      j.disconnect(), Q.disconnect();
+      for (const Z of G)
+        clearTimeout(Z);
     };
-  }, [d, I, $, A, D]);
-  const ne = I?.size, _ = I?.percentageSize, n = I?.sizeUnit;
-  ue(() => {
-    if (I) {
-      if ($) {
-        H.current !== 0 && (H.current = 0, X(0)), Z.current !== 0 && (Z.current = 0, Y(0));
+  }, [d, O, F, D, y]);
+  const M = O?.size, n = O?.percentageSize, S = O?.sizeUnit;
+  fe(() => {
+    if (O) {
+      if (F) {
+        _.current !== 0 && (_.current = 0, te(0)), W.current !== 0 && (W.current = 0, K(0));
         return;
       }
-      if (ne !== void 0 && A(ne), _ !== void 0)
-        D(_);
-      else if (n === "pixels" && ne !== void 0) {
-        const g = F.current, y = g?.parentElement;
-        if (g && y) {
-          const { width: B, height: j } = g.getBoundingClientRect(), G = y.clientWidth, re = y.clientHeight, K = d === "horizontal" ? B : j, Q = d === "horizontal" ? G : re;
-          if (K > 0 && Q > 0) {
-            const se = K / Q * 100;
-            D(se);
+      if (M !== void 0 && D(M), n !== void 0)
+        y(n);
+      else if (S === "pixels" && M !== void 0) {
+        const g = J.current, I = g?.parentElement;
+        if (g && I) {
+          const { width: j, height: G } = g.getBoundingClientRect(), Q = I.clientWidth, ie = I.clientHeight, Z = d === "horizontal" ? j : G, re = d === "horizontal" ? Q : ie;
+          if (Z > 0 && re > 0) {
+            const u = Z / re * 100;
+            y(u);
           }
         }
       }
     }
-  }, [ne, _, n, d, $, A, D, I]), ue(() => {
-    m(V.current, {
-      pixelSize: W,
-      percentageSize: te
+  }, [M, n, S, d, F, D, y, O]), fe(() => {
+    k(H.current, {
+      pixelSize: Y,
+      percentageSize: V
     });
-  }, [m, W, te]);
-  const z = () => $ ? "0px" : I?.originalPixelSize !== void 0 ? `${k}px` : I?.percentageSize !== void 0 ? `${I.percentageSize}%` : `${k}px`, E = (() => {
-    if (!v || v.length === 0) return !1;
-    const g = v.filter((j) => j.sizeUnit === "percentage");
-    if (g.length === 0 || g[g.length - 1]?.id !== V.current) return !1;
-    const B = I?.percentageSize;
-    return !(B !== void 0 && g.filter((G) => Math.abs((G.percentageSize || 0) - B) < 0.01).length > 1);
-  })(), N = I?.sizeUnit === "percentage" && !I?.collapsed ? 1 : 0, U = {
-    flexBasis: z(),
-    flexGrow: E ? 1 : 0,
-    flexShrink: N,
+  }, [k, Y, V]);
+  const R = () => F ? "0px" : O?.originalPixelSize !== void 0 ? `${ne}px` : O?.percentageSize !== void 0 ? `${O.percentageSize}%` : `${ne}px`, A = (() => {
+    if (!p || p.length === 0) return !1;
+    const g = p.filter((G) => G.sizeUnit === "percentage");
+    if (g.length === 0 || g[g.length - 1]?.id !== H.current) return !1;
+    const j = O?.percentageSize;
+    return !(j !== void 0 && g.filter((Q) => Math.abs((Q.percentageSize || 0) - j) < 0.01).length > 1);
+  })(), ee = O?.sizeUnit === "percentage" && !O?.collapsed ? 1 : 0, m = {
+    flexBasis: R(),
+    flexGrow: A ? 1 : 0,
+    flexShrink: ee,
     overflow: "hidden",
     position: "relative",
     boxSizing: "border-box",
@@ -4037,12 +4037,12 @@ const le = (e) => {
     minWidth: "0px",
     ...s
   };
-  d === "horizontal" ? (U.height = "100%", U.minWidth = 0) : (U.width = "100%", U.minHeight = 0), $ && (d === "horizontal" ? (U.width = "0px", U.minWidth = "0px") : (U.height = "0px", U.minHeight = "0px"), U.flexGrow = 0, U.flexShrink = 0, U.pointerEvents = "none", U.visibility = "hidden", ee && (U.display = "none"));
-  const P = d === "horizontal" ? R.width : R.height, x = de(
+  d === "horizontal" ? (m.height = "100%", m.minWidth = 0) : (m.width = "100%", m.minHeight = 0), F && (d === "horizontal" ? (m.width = "0px", m.minWidth = "0px") : (m.height = "0px", m.minHeight = "0px"), m.flexGrow = 0, m.flexShrink = 0, m.pointerEvents = "none", m.visibility = "hidden", E && (m.display = "none"));
+  const b = d === "horizontal" ? $.width : $.height, B = ue(
     () => ({
       position: "absolute",
       inset: "0px",
-      overflow: "auto",
+      overflow: f,
       display: "flex",
       flexDirection: "column",
       width: "100%",
@@ -4050,25 +4050,25 @@ const le = (e) => {
       minWidth: "0px",
       minHeight: "0px"
     }),
-    []
+    [f]
   );
   return /* @__PURE__ */ L.jsxs(
     "div",
     {
-      ref: F,
+      ref: J,
       className: De("panel", i),
-      style: U,
-      "data-panel-id": V.current,
-      "data-panel-size": k,
-      "data-panel-size-unit": I?.sizeUnit || "percentage",
-      "data-panel-pixel-size": I?.sizeUnit === "pixels" ? I?.originalPixelSize : null,
+      style: m,
+      "data-panel-id": H.current,
+      "data-panel-size": ne,
+      "data-panel-size-unit": O?.sizeUnit || "percentage",
+      "data-panel-pixel-size": O?.sizeUnit === "pixels" ? O?.originalPixelSize : null,
       "data-panel-order": l,
       "data-panel-collapsible": c,
-      "data-panel-collapsed": I?.collapsed,
-      "aria-hidden": $,
+      "data-panel-collapsed": O?.collapsed,
+      "aria-hidden": F,
       children: [
-        /* @__PURE__ */ L.jsx("div", { style: x, children: a }),
-        C && /* @__PURE__ */ L.jsx(Ur, { panel: I, isLastFlexiblePanel: E, measuredPixelSize: W, measuredPercentageSize: te, containerAxisSize: P, direction: d })
+        /* @__PURE__ */ L.jsx("div", { style: B, children: a }),
+        C && /* @__PURE__ */ L.jsx(Ur, { panel: O, isLastFlexiblePanel: A, measuredPixelSize: Y, measuredPercentageSize: V, containerAxisSize: b, direction: d })
       ]
     }
   );
@@ -4107,84 +4107,84 @@ const le = (e) => {
   const c = () => {
     for (const p of e)
       p();
-  }, S = () => {
+  }, P = () => {
     s = !0, c();
-  }, b = () => {
+  }, z = () => {
     const p = o;
     if (p && r.has(p))
       return !1;
     o = null;
-    const m = r.values().next();
-    return m.done || (o = m.value), p !== o;
+    const x = r.values().next();
+    return x.done || (o = x.value), p !== o;
   };
   return {
     subscribe: (p) => (e.add(p), () => {
       e.delete(p);
     }),
-    getSnapshot: () => (b() && (s = !0), s && (a = Array.from(t.values()).sort((m, R) => m.index - R.index).map(({ serializedPanels: m, serializedHandles: R, ...F }) => F), l = {
+    getSnapshot: () => (z() && (s = !0), s && (a = Array.from(t.values()).sort((x, k) => x.index - k.index).map(({ serializedPanels: x, serializedHandles: k, ...$ }) => $), l = {
       ownerId: o,
       groups: a
     }, s = !1), l),
-    getOwnerId: () => (b() && (s = !0), o),
+    getOwnerId: () => (z() && (s = !0), o),
     enableGroup: (p) => {
-      const m = r.size;
-      r.add(p), r.size !== m && b() && S();
+      const x = r.size;
+      r.add(p), r.size !== x && z() && P();
     },
     disableGroup: (p) => {
-      r.delete(p) && b() && S();
+      r.delete(p) && z() && P();
     },
-    updateGroup: (p, m) => {
-      const R = t.get(p), F = R?.index ?? i++, V = Vr(m.panels), I = Yr(m.handles), ee = R?.displayName !== m.displayName, M = R?.direction !== m.direction, $ = R ? R.containerSize.width !== m.containerSize.width || R.containerSize.height !== m.containerSize.height : !0;
-      let W = R?.serializedPanels !== V;
-      if (!W && R)
-        if (R.panels.length !== m.panels.length)
-          W = !0;
+    updateGroup: (p, x) => {
+      const k = t.get(p), $ = k?.index ?? i++, J = Vr(x.panels), H = Yr(x.handles), O = k?.displayName !== x.displayName, E = k?.direction !== x.direction, q = k ? k.containerSize.width !== x.containerSize.width || k.containerSize.height !== x.containerSize.height : !0;
+      let F = k?.serializedPanels !== J;
+      if (!F && k)
+        if (k.panels.length !== x.panels.length)
+          F = !0;
         else
-          for (let H = 0; H < m.panels.length; H += 1) {
-            const A = R.panels[H], D = m.panels[H];
-            if (!(A && D)) {
-              W = !0;
+          for (let W = 0; W < x.panels.length; W += 1) {
+            const _ = k.panels[W], D = x.panels[W];
+            if (!(_ && D)) {
+              F = !0;
               break;
             }
-            if (A.id !== D.id || A.size !== D.size || A.percentageSize !== D.percentageSize || A.collapsed !== D.collapsed || A.measuredPixelSize !== D.measuredPixelSize || A.measuredPercentageSize !== D.measuredPercentageSize) {
-              W = !0;
+            if (_.id !== D.id || _.size !== D.size || _.percentageSize !== D.percentageSize || _.collapsed !== D.collapsed || _.measuredPixelSize !== D.measuredPixelSize || _.measuredPercentageSize !== D.measuredPercentageSize) {
+              F = !0;
               break;
             }
           }
-      let X = R?.serializedHandles !== I;
-      if (!X && R)
-        if (R.handles.length !== m.handles.length)
-          X = !0;
+      let Y = k?.serializedHandles !== H;
+      if (!Y && k)
+        if (k.handles.length !== x.handles.length)
+          Y = !0;
         else
-          for (let H = 0; H < m.handles.length; H += 1) {
-            const A = R.handles[H], D = m.handles[H];
-            if (!(A && D)) {
-              X = !0;
+          for (let W = 0; W < x.handles.length; W += 1) {
+            const _ = k.handles[W], D = x.handles[W];
+            if (!(_ && D)) {
+              Y = !0;
               break;
             }
-            if (A.id !== D.id || A.thickness !== D.thickness || A.visible !== D.visible || A.direction !== D.direction || A.startPanelId !== D.startPanelId || A.endPanelId !== D.endPanelId) {
-              X = !0;
+            if (_.id !== D.id || _.thickness !== D.thickness || _.visible !== D.visible || _.direction !== D.direction || _.startPanelId !== D.startPanelId || _.endPanelId !== D.endPanelId) {
+              Y = !0;
               break;
             }
           }
-      if (!R && m.panels.length === 0 && m.handles.length === 0 || R && !ee && !M && !$ && !W && !X)
+      if (!k && x.panels.length === 0 && x.handles.length === 0 || k && !O && !E && !q && !F && !Y)
         return;
-      const te = m.panels.map((H) => ({ ...H })), Y = m.handles.map((H) => ({ ...H })), Z = { ...m.containerSize };
+      const te = x.panels.map((W) => ({ ...W })), V = x.handles.map((W) => ({ ...W })), K = { ...x.containerSize };
       t.set(p, {
         groupId: p,
-        displayName: m.displayName,
-        direction: m.direction,
-        containerSize: Z,
+        displayName: x.displayName,
+        direction: x.direction,
+        containerSize: K,
         panels: te,
-        handles: Y,
-        index: F,
-        serializedPanels: V,
-        serializedHandles: I
-      }), S();
+        handles: V,
+        index: $,
+        serializedPanels: J,
+        serializedHandles: H
+      }), P();
     },
     removeGroup: (p) => {
-      const m = t.delete(p), R = r.delete(p), F = b();
-      (m || R || F) && S();
+      const x = t.delete(p), k = r.delete(p), $ = z();
+      (x || k || $) && P();
     }
   };
 }, ye = qr(), Xr = () => Et(ye.subscribe, ye.getOwnerId, ye.getOwnerId), Jr = () => Et(ye.subscribe, ye.getSnapshot, ye.getSnapshot), Zr = (e) => {
@@ -4198,88 +4198,88 @@ const le = (e) => {
 };
 let Ct = 0;
 const Kr = () => (Ct += 1, `panel-group-${Ct}`), Wt = (e, t) => typeof e != "number" || !Number.isFinite(e) ? "—" : `${(e < 0 ? 0 : e).toFixed(8)}${t}`, Ve = (e) => Wt(e, "px"), kt = (e) => Wt(e, "%"), sn = (e) => {
-  const { id: t, className: r, style: o, children: i, direction: s } = e, { groupRef: a, contextValue: l, groupStyle: c } = ar(e), [S, b] = ze({ width: 0, height: 0 }), d = l.layoutConstraintViolation, u = !!d, h = u && d ? /* @__PURE__ */ L.jsxs(
+  const { id: t, className: r, style: o, children: i, direction: s } = e, { groupRef: a, contextValue: l, groupStyle: c } = ar(e), [P, z] = Se({ width: 0, height: 0 }), f = l.layoutConstraintViolation, d = !!f, h = d && f ? /* @__PURE__ */ L.jsxs(
     "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__ */ L.jsx("span", { children: d.reason === "minimum-exceeded" ? "Layout unavailable: minimum panel sizes exceed the container." : "Layout unavailable: panels cannot fill the container with their maximum sizes." }),
-        /* @__PURE__ */ L.jsx("span", { className: "text-slate-500 text-xs dark:text-slate-400", children: d.reason === "minimum-exceeded" ? `Min required: ${Math.ceil(d.totalMinimumSize ?? 0)}px | Available: ${Math.floor(d.availableContainerSize)}px` : `Max total: ${Math.floor(d.totalMaximumSize ?? 0)}px | Needed: ${Math.floor(d.availableContainerSize)}px` })
+        /* @__PURE__ */ L.jsx("span", { children: f.reason === "minimum-exceeded" ? "Layout unavailable: minimum panel sizes exceed the container." : "Layout unavailable: panels cannot fill the container with their maximum sizes." }),
+        /* @__PURE__ */ L.jsx("span", { className: "text-slate-500 text-xs dark:text-slate-400", children: f.reason === "minimum-exceeded" ? `Min required: ${Math.ceil(f.totalMinimumSize ?? 0)}px | Available: ${Math.floor(f.availableContainerSize)}px` : `Max total: ${Math.floor(f.totalMaximumSize ?? 0)}px | Needed: ${Math.floor(f.availableContainerSize)}px` })
       ]
     }
-  ) : null, C = pe(t ?? Kr()).current, v = t ?? C, p = l.showDebugInfo && l.panels.length > 0, m = p ? l.panels : [], R = p ? l.panelMeasurements : {}, F = de(() => {
+  ) : null, w = me(t ?? Kr()).current, C = t ?? w, p = l.showDebugInfo && l.panels.length > 0, x = p ? l.panels : [], k = p ? l.panelMeasurements : {}, $ = ue(() => {
     if (!p)
       return [];
-    const X = Object.values(l.handleMeasurements);
-    return X.length <= 1 ? X : X.slice().sort((te, Y) => te.id.localeCompare(Y.id));
-  }, [l.handleMeasurements, p]), V = l.containerSize, I = S.width > 0 ? S.width : V.width, ee = S.height > 0 ? S.height : V.height, M = Xr(), $ = p && M === C;
+    const Y = Object.values(l.handleMeasurements);
+    return Y.length <= 1 ? Y : Y.slice().sort((te, V) => te.id.localeCompare(V.id));
+  }, [l.handleMeasurements, p]), J = l.containerSize, H = P.width > 0 ? P.width : J.width, O = P.height > 0 ? P.height : J.height, E = Xr(), q = p && E === w;
   Ye(() => {
     if (!p) {
-      b({ width: 0, height: 0 });
+      z({ width: 0, height: 0 });
       return;
     }
     if (typeof window > "u" || typeof ResizeObserver > "u")
       return;
-    const X = a.current;
-    if (!X)
+    const Y = a.current;
+    if (!Y)
       return;
-    const te = new ResizeObserver((k) => {
-      for (const ne of k) {
-        if (ne.target !== X)
+    const te = new ResizeObserver((y) => {
+      for (const ne of y) {
+        if (ne.target !== Y)
           continue;
-        const _ = ne.target, n = _ ? we(_, "horizontal") : null, z = _ ? we(_, "vertical") : null, E = n ? n.inner : 0, N = z ? z.inner : 0, U = ne.contentRect.width, P = ne.contentRect.height, x = E > 0 ? E : U, g = N > 0 ? N : P;
-        b((y) => y.width === x && y.height === g ? y : { width: x, height: g });
+        const M = ne.target, n = M ? we(M, "horizontal") : null, S = M ? we(M, "vertical") : null, R = n ? n.inner : 0, A = S ? S.inner : 0, ee = ne.contentRect.width, m = ne.contentRect.height, b = R > 0 ? R : ee, B = A > 0 ? A : m;
+        z((g) => g.width === b && g.height === B ? g : { width: b, height: B });
       }
     });
-    te.observe(X);
-    const { inner: Y } = we(X, "horizontal"), { inner: Z } = we(X, "vertical"), H = X.getBoundingClientRect(), A = Y > 0 ? Y : H.width, D = Z > 0 ? Z : H.height;
-    return b({ width: A, height: D }), () => {
+    te.observe(Y);
+    const { inner: V } = we(Y, "horizontal"), { inner: K } = we(Y, "vertical"), W = Y.getBoundingClientRect(), _ = V > 0 ? V : W.width, D = K > 0 ? K : W.height;
+    return z({ width: _, height: D }), () => {
       te.disconnect();
     };
   }, [a, p]);
-  const W = de(() => {
-    if (m.length === 0)
-      return m;
-    let X = !1;
-    const te = m.map((Y) => {
-      const Z = R[Y.id];
-      return !Z || Y.measuredPixelSize === Z.pixelSize && Y.measuredPercentageSize === Z.percentageSize ? Y : (X = !0, {
-        ...Y,
-        measuredPixelSize: Z.pixelSize,
-        measuredPercentageSize: Z.percentageSize
+  const F = ue(() => {
+    if (x.length === 0)
+      return x;
+    let Y = !1;
+    const te = x.map((V) => {
+      const K = k[V.id];
+      return !K || V.measuredPixelSize === K.pixelSize && V.measuredPercentageSize === K.percentageSize ? V : (Y = !0, {
+        ...V,
+        measuredPixelSize: K.pixelSize,
+        measuredPercentageSize: K.percentageSize
       });
     });
-    return X ? te : m;
-  }, [m, R]);
-  return ue(() => {
+    return Y ? te : x;
+  }, [x, k]);
+  return fe(() => {
     if (!p) {
-      vt(C), wt(C);
+      vt(w), wt(w);
       return;
     }
-    return Zr(C), () => {
-      vt(C), wt(C);
+    return Zr(w), () => {
+      vt(w), wt(w);
     };
-  }, [p, C]), ue(() => {
-    p && Qr(C, {
-      displayName: v,
+  }, [p, w]), fe(() => {
+    p && Qr(w, {
+      displayName: C,
       direction: s,
       containerSize: {
-        width: I,
-        height: ee
+        width: H,
+        height: O
       },
-      panels: W,
-      handles: F
+      panels: F,
+      handles: $
     });
-  }, [p, C, v, s, I, ee, W, F]), /* @__PURE__ */ L.jsxs(Mt.Provider, { value: l, children: [
-    /* @__PURE__ */ L.jsx("div", { ref: a, className: De("panel-group", s === "horizontal" ? "flex-row" : "flex-col", r), style: { ...c, ...o }, "data-panel-group-id": t, "data-panel-group-direction": s, children: u ? h : i }),
-    $ && /* @__PURE__ */ L.jsx(en, {})
+  }, [p, w, C, s, H, O, F, $]), /* @__PURE__ */ L.jsxs(Mt.Provider, { value: l, children: [
+    /* @__PURE__ */ L.jsx("div", { ref: a, className: De("panel-group", s === "horizontal" ? "flex-row" : "flex-col", r), style: { ...c, ...o }, "data-panel-group-id": t, "data-panel-group-direction": s, children: d ? h : i }),
+    q && /* @__PURE__ */ L.jsx(en, {})
   ] });
 }, en = () => {
-  const t = Jr().groups, [r, o] = ze(!0);
+  const t = Jr().groups, [r, o] = Se(!0);
   if (t.length === 0 || typeof document > "u")
     return null;
-  const i = t.reduce((c, S) => c + S.panels.length, 0), s = t.reduce((c, S) => c + (S.handles?.length ?? 0), 0), a = () => {
+  const i = t.reduce((c, P) => c + P.panels.length, 0), s = t.reduce((c, P) => c + (P.handles?.length ?? 0), 0), a = () => {
     o((c) => !c);
   }, l = /* @__PURE__ */ L.jsxs(
     "div",
@@ -4388,8 +4388,8 @@ const Kr = () => (Ct += 1, `panel-group-${Ct}`), Wt = (e, t) => typeof e != "num
               overflowY: "auto",
               paddingRight: "6px"
             },
-            children: t.map((c, S) => {
-              const b = c.direction === "horizontal" ? c.containerSize.width : c.containerSize.height;
+            children: t.map((c, P) => {
+              const z = c.direction === "horizontal" ? c.containerSize.width : c.containerSize.height;
               return /* @__PURE__ */ L.jsxs(
                 "div",
                 {
@@ -4426,7 +4426,7 @@ const Kr = () => (Ct += 1, `panel-group-${Ct}`), Wt = (e, t) => typeof e != "num
                               },
                               children: [
                                 "group ",
-                                S + 1,
+                                P + 1,
                                 ": ",
                                 c.displayName
                               ]
@@ -4451,8 +4451,8 @@ const Kr = () => (Ct += 1, `panel-group-${Ct}`), Wt = (e, t) => typeof e != "num
                           gridTemplateColumns: "repeat(auto-fill, minmax(220px, 1fr))",
                           gap: "10px"
                         },
-                        children: c.panels.map((d, u) => {
-                          const h = d.measuredPixelSize ?? d.size, w = d.size, C = Ve(w), v = d.percentageSize ?? (b > 0 ? d.size / b * 100 : void 0), p = d.measuredPercentageSize !== void 0 ? d.measuredPercentageSize : b > 0 ? h / b * 100 : void 0, m = d.collapsed || h <= _t, R = d.collapsed ? "collapsed" : m ? "hidden" : "visible", F = kt(v), V = kt(p), I = Ve(h);
+                        children: c.panels.map((f, d) => {
+                          const h = f.measuredPixelSize ?? f.size, v = f.size, w = Ve(v), C = f.percentageSize ?? (z > 0 ? f.size / z * 100 : void 0), p = f.measuredPercentageSize !== void 0 ? f.measuredPercentageSize : z > 0 ? h / z * 100 : void 0, x = f.collapsed || h <= _t, k = f.collapsed ? "collapsed" : x ? "hidden" : "visible", $ = kt(C), J = kt(p), H = Ve(h);
                           return /* @__PURE__ */ L.jsxs(
                             "div",
                             {
@@ -4476,7 +4476,7 @@ const Kr = () => (Ct += 1, `panel-group-${Ct}`), Wt = (e, t) => typeof e != "num
                                       gap: "6px"
                                     },
                                     children: [
-                                      /* @__PURE__ */ L.jsx("span", { style: { flex: 1, minWidth: 0, overflow: "hidden", textOverflow: "ellipsis" }, children: d.id }),
+                                      /* @__PURE__ */ L.jsx("span", { style: { flex: 1, minWidth: 0, overflow: "hidden", textOverflow: "ellipsis" }, children: f.id }),
                                       /* @__PURE__ */ L.jsx(
                                         "span",
                                         {
@@ -4485,10 +4485,10 @@ const Kr = () => (Ct += 1, `panel-group-${Ct}`), Wt = (e, t) => typeof e != "num
                                             borderRadius: "9999px",
                                             fontSize: "10px",
                                             textTransform: "uppercase",
-                                            backgroundColor: d.collapsed ? "rgba(251, 113, 133, 0.25)" : m ? "rgba(250, 204, 21, 0.25)" : "rgba(74, 222, 128, 0.25)",
-                                            color: d.collapsed ? "#fecdd3" : m ? "#fef08a" : "#bbf7d0"
+                                            backgroundColor: f.collapsed ? "rgba(251, 113, 133, 0.25)" : x ? "rgba(250, 204, 21, 0.25)" : "rgba(74, 222, 128, 0.25)",
+                                            color: f.collapsed ? "#fecdd3" : x ? "#fef08a" : "#bbf7d0"
                                           },
-                                          children: R
+                                          children: k
                                         }
                                       )
                                     ]
@@ -4505,27 +4505,27 @@ const Kr = () => (Ct += 1, `panel-group-${Ct}`), Wt = (e, t) => typeof e != "num
                                     },
                                     children: [
                                       /* @__PURE__ */ L.jsx("span", { children: "size (state):" }),
-                                      /* @__PURE__ */ L.jsx("span", { children: C }),
+                                      /* @__PURE__ */ L.jsx("span", { children: w }),
                                       /* @__PURE__ */ L.jsx("span", { children: "size (measured):" }),
-                                      /* @__PURE__ */ L.jsx("span", { children: I }),
+                                      /* @__PURE__ */ L.jsx("span", { children: H }),
                                       /* @__PURE__ */ L.jsx("span", { children: "percentage (state):" }),
-                                      /* @__PURE__ */ L.jsx("span", { children: F }),
+                                      /* @__PURE__ */ L.jsx("span", { children: $ }),
                                       /* @__PURE__ */ L.jsx("span", { children: "percentage (measured):" }),
-                                      /* @__PURE__ */ L.jsx("span", { children: V }),
+                                      /* @__PURE__ */ L.jsx("span", { children: J }),
                                       /* @__PURE__ */ L.jsx("span", { children: "unit:" }),
-                                      /* @__PURE__ */ L.jsx("span", { children: d.sizeUnit }),
+                                      /* @__PURE__ */ L.jsx("span", { children: f.sizeUnit }),
                                       /* @__PURE__ */ L.jsx("span", { children: "min:" }),
-                                      /* @__PURE__ */ L.jsx("span", { children: d.minSize !== void 0 ? JSON.stringify(d.minSize) : "—" }),
+                                      /* @__PURE__ */ L.jsx("span", { children: f.minSize !== void 0 ? JSON.stringify(f.minSize) : "—" }),
                                       /* @__PURE__ */ L.jsx("span", { children: "max:" }),
-                                      /* @__PURE__ */ L.jsx("span", { children: d.maxSize !== void 0 ? JSON.stringify(d.maxSize) : "—" }),
+                                      /* @__PURE__ */ L.jsx("span", { children: f.maxSize !== void 0 ? JSON.stringify(f.maxSize) : "—" }),
                                       /* @__PURE__ */ L.jsx("span", { children: "priority:" }),
-                                      /* @__PURE__ */ L.jsx("span", { children: d.pixelAdjustPriority ?? "—" })
+                                      /* @__PURE__ */ L.jsx("span", { children: f.pixelAdjustPriority ?? "—" })
                                     ]
                                   }
                                 )
                               ]
                             },
-                            d.id || u
+                            f.id || d
                           );
                         })
                       }
@@ -4542,264 +4542,264 @@ const Kr = () => (Ct += 1, `panel-group-${Ct}`), Wt = (e, t) => typeof e != "num
   );
   return Jt(l, document.body);
 }, an = nt(({ id: e, disabled: t = !1, className: r, style: o, children: i, onDragging: s }) => {
-  const { direction: a, resizePanels: l, getPanel: c, collapsePanel: S, expandPanel: b, panels: d, reportHandleMeasurement: u, containerSize: h } = it(), [w, C] = ze(!1), v = pe(null), p = pe(null), m = pe(""), R = pe(""), [F, V] = ze({ left: null, right: null }), I = pe(e ?? nr()), ee = pe(null), M = e ?? I.current;
-  ue(() => {
-    if (v.current) {
-      const P = v.current.parentElement;
-      if (P) {
-        p.current = P;
-        const x = Array.from(P.children), g = v.current, y = x.indexOf(g);
-        if (y > 0 && y < x.length - 1) {
-          let B = null, j = null;
-          for (let G = y - 1; G >= 0; G -= 1) {
-            const re = x[G];
-            if (re.dataset.panelId) {
-              B = re;
+  const { direction: a, resizePanels: l, getPanel: c, collapsePanel: P, expandPanel: z, panels: f, reportHandleMeasurement: d, containerSize: h } = it(), [v, w] = Se(!1), C = me(null), p = me(null), x = me(""), k = me(""), [$, J] = Se({ left: null, right: null }), H = me(e ?? nr()), O = me(null), E = e ?? H.current;
+  fe(() => {
+    if (C.current) {
+      const m = C.current.parentElement;
+      if (m) {
+        p.current = m;
+        const b = Array.from(m.children), B = C.current, g = b.indexOf(B);
+        if (g > 0 && g < b.length - 1) {
+          let I = null, j = null;
+          for (let G = g - 1; G >= 0; G -= 1) {
+            const Q = b[G];
+            if (Q.dataset.panelId) {
+              I = Q;
               break;
             }
           }
-          for (let G = y + 1; G < x.length; G += 1) {
-            const re = x[G];
-            if (re.dataset.panelId) {
-              j = re;
+          for (let G = g + 1; G < b.length; G += 1) {
+            const Q = b[G];
+            if (Q.dataset.panelId) {
+              j = Q;
               break;
             }
           }
-          m.current = B?.dataset.panelId || "", R.current = j?.dataset.panelId || "", V({
-            left: m.current || null,
-            right: R.current || null
+          x.current = I?.dataset.panelId || "", k.current = j?.dataset.panelId || "", J({
+            left: x.current || null,
+            right: k.current || null
           });
         }
       }
     }
-  }, []), ue(() => {
-    if (M === I.current)
+  }, []), fe(() => {
+    if (E === H.current)
       return;
-    const P = I.current;
-    I.current = M, ee.current = null, P !== M && u(P, null);
-  }, [u, M]), ue(() => {
-    const P = I.current;
+    const m = H.current;
+    H.current = E, O.current = null, m !== E && d(m, null);
+  }, [d, E]), fe(() => {
+    const m = H.current;
     return () => {
-      u(P, null);
+      d(m, null);
     };
-  }, [u]);
-  const $ = fe(
-    (P) => {
+  }, [d]);
+  const q = pe(
+    (m) => {
       if (t || !p.current) return;
-      P.preventDefault(), P.stopPropagation();
-      const x = p.current, { inner: g } = we(x, a), y = { x: P.clientX, y: P.clientY }, B = c(m.current), j = c(R.current);
-      if (!(B && j)) return;
-      const G = B.size, re = j.size;
-      let K = 0;
-      const Q = Qt;
-      C(!0), s?.(!0), P.currentTarget.setPointerCapture(P.pointerId);
-      const se = (q) => {
-        if (!v.current) return;
-        q.preventDefault(), q.stopPropagation();
-        const ae = performance.now();
-        if (ae - K < Q) return;
-        K = ae;
-        const ie = a === "horizontal" ? q.clientX - y.x : q.clientY - y.y;
-        if (ie === 0)
+      m.preventDefault(), m.stopPropagation();
+      const b = p.current, { inner: B } = we(b, a), g = { x: m.clientX, y: m.clientY }, I = c(x.current), j = c(k.current);
+      if (!(I && j)) return;
+      const G = I.size, Q = j.size;
+      let ie = 0;
+      const Z = Qt;
+      w(!0), s?.(!0), m.currentTarget.setPointerCapture(m.pointerId);
+      const re = (U) => {
+        if (!C.current) return;
+        U.preventDefault(), U.stopPropagation();
+        const le = performance.now();
+        if (le - ie < Z) return;
+        ie = le;
+        const oe = a === "horizontal" ? U.clientX - g.x : U.clientY - g.y;
+        if (oe === 0)
           return;
-        const ce = G + ie, be = re - ie, xe = c(m.current), ge = c(R.current);
-        if (xe && ge && m.current && R.current) {
-          const Se = oe(xe.minSize, 0, g), Ee = oe(ge.minSize, 0, g), Pe = Se, Ce = Ee, at = Math.min(g * It, At), lt = Math.min(g * Kt, er);
-          if (ge.collapsible && !ge.collapsed && be <= Math.max(Ee * 0.3, at)) {
-            S(R.current);
+        const ae = G + oe, ze = Q - oe, xe = c(x.current), de = c(k.current);
+        if (xe && de && x.current && k.current) {
+          const Re = se(xe.minSize, 0, B), be = se(de.minSize, 0, B), Pe = Re, Ce = be, at = Math.min(B * It, At), lt = Math.min(B * Kt, er);
+          if (de.collapsible && !de.collapsed && ze <= Math.max(be * 0.3, at)) {
+            P(k.current);
             return;
           }
-          if (xe.collapsible && !xe.collapsed && ce <= Math.max(Se * 0.3, at)) {
-            S(m.current);
+          if (xe.collapsible && !xe.collapsed && ae <= Math.max(Re * 0.3, at)) {
+            P(x.current);
             return;
           }
-          if (ge.collapsed && be > Math.max(Ee * 0.3, lt)) {
-            b(R.current, be);
+          if (de.collapsed && ze > Math.max(be * 0.3, lt)) {
+            z(k.current, ze);
             return;
           }
-          if (xe.collapsed && ce > Math.max(Se * 0.3, lt)) {
-            b(m.current, ce);
+          if (xe.collapsed && ae > Math.max(Re * 0.3, lt)) {
+            z(x.current, ae);
             return;
           }
-          if (g > 0) {
-            const ct = xe.size + ge.size, Ge = Ke(g);
+          if (B > 0) {
+            const ct = xe.size + de.size, Ge = Ke(B);
             let qe = !1;
-            if (Pe <= Ge && ce <= Ge && G !== 0) {
+            if (Pe <= Ge && ae <= Ge && G !== 0) {
               const Ne = Math.max(0, ct - 0);
-              Ne >= Ce && (l(m.current, R.current, 0, Ne), qe = !0);
-            } else if (Ce <= Ge && be <= Ge && re !== 0) {
+              Ne >= Ce && (l(x.current, k.current, 0, Ne), qe = !0);
+            } else if (Ce <= Ge && ze <= Ge && Q !== 0) {
               const Ne = Math.max(0, ct - 0);
-              Ne >= Pe && (l(m.current, R.current, Ne, 0), qe = !0);
+              Ne >= Pe && (l(x.current, k.current, Ne, 0), qe = !0);
             }
             if (qe)
               return;
           }
-          if (xe.collapsed || ge.collapsed)
+          if (xe.collapsed || de.collapsed)
             return;
-          l(m.current, R.current, ce, be);
+          l(x.current, k.current, ae, ze);
         }
-      }, f = () => {
-        C(!1), s?.(!1), document.removeEventListener("pointermove", se), document.removeEventListener("pointerup", f);
+      }, u = () => {
+        w(!1), s?.(!1), document.removeEventListener("pointermove", re), document.removeEventListener("pointerup", u);
       };
-      document.addEventListener("pointermove", se), document.addEventListener("pointerup", f);
+      document.addEventListener("pointermove", re), document.addEventListener("pointerup", u);
     },
-    [t, a, l, c, S, b, s]
-  ), W = a === "horizontal", te = De(
+    [t, a, l, c, P, z, s]
+  ), F = a === "horizontal", te = De(
     "group absolute z-20 flex select-none items-center justify-center border-none bg-transparent transition-colors duration-150 overflow-visible",
-    W ? "cursor-col-resize" : "cursor-row-resize",
-    W ? "h-full" : "w-full",
+    F ? "cursor-col-resize" : "cursor-row-resize",
+    F ? "h-full" : "w-full",
     !t && "hover:bg-gray-200/70 dark:hover:bg-gray-700/70",
     !t && "active:bg-blue-300/60 dark:active:bg-blue-700/60",
-    w && "bg-blue-200/80 dark:bg-blue-800/60",
+    v && "bg-blue-200/80 dark:bg-blue-800/60",
     t && "cursor-not-allowed opacity-50",
     "focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50",
     r
-  ), Y = de(() => {
-    const P = (x) => {
-      if (!x)
+  ), V = ue(() => {
+    const m = (b) => {
+      if (!b)
         return -1;
-      for (let g = 0; g < d.length; g += 1)
-        if (d[g].id === x)
-          return g;
+      for (let B = 0; B < f.length; B += 1)
+        if (f[B].id === b)
+          return B;
       return -1;
     };
     return {
-      left: P(F.left),
-      right: P(F.right)
+      left: m($.left),
+      right: m($.right)
     };
-  }, [F.left, F.right, d]), Z = W ? h.width : h.height, H = de(() => {
-    const P = (x, g) => {
-      if (x > g)
+  }, [$.left, $.right, f]), K = F ? h.width : h.height, W = ue(() => {
+    const m = (b, B) => {
+      if (b > B)
         return 0;
-      let y = 0;
-      for (let B = x; B <= g; B += 1) {
-        const j = d[B];
+      let g = 0;
+      for (let I = b; I <= B; I += 1) {
+        const j = f[I];
         if (!j)
           continue;
-        const G = j.size ?? 0, re = Math.max(0, G);
-        y += j.collapsed ? 0 : re;
+        const G = j.size ?? 0, Q = Math.max(0, G);
+        g += j.collapsed ? 0 : Q;
       }
-      return y;
+      return g;
     };
-    return Y.left >= 0 ? P(0, Y.left) : Y.right > 0 ? P(0, Y.right - 1) : 0;
-  }, [Y.left, Y.right, d]), A = de(() => !Number.isFinite(H) || H < 0 ? 0 : Z > 0 && H > Z ? Z : H, [H, Z]), D = de(() => {
-    const P = {
+    return V.left >= 0 ? m(0, V.left) : V.right > 0 ? m(0, V.right - 1) : 0;
+  }, [V.left, V.right, f]), _ = ue(() => !Number.isFinite(W) || W < 0 ? 0 : K > 0 && W > K ? K : W, [W, K]), D = ue(() => {
+    const m = {
       position: "absolute",
       zIndex: 20,
       touchAction: "none"
     };
-    return W ? (P.top = 0, P.left = `${A}px`, P.transform = "translateX(-50%)", P.width = `${dt}px`, P.height = "100%") : (P.left = 0, P.top = `${A}px`, P.transform = "translateY(-50%)", P.height = `${dt}px`, P.width = "100%"), P;
-  }, [A, W]), k = de(() => {
-    const P = Ke(Z), x = (Q) => {
-      if (Q < 0 || Q >= d.length)
+    return F ? (m.top = 0, m.left = `${_}px`, m.transform = "translateX(-50%)", m.width = `${dt}px`, m.height = "100%") : (m.left = 0, m.top = `${_}px`, m.transform = "translateY(-50%)", m.height = `${dt}px`, m.width = "100%"), m;
+  }, [_, F]), y = ue(() => {
+    const m = Ke(K), b = (Z) => {
+      if (Z < 0 || Z >= f.length)
         return !1;
-      const se = d[Q];
-      return se ? se.collapsed ? !0 : se.size <= P : !1;
-    }, g = (Q, se) => {
-      if (!x(Q))
+      const re = f[Z];
+      return re ? re.collapsed ? !0 : re.size <= m : !1;
+    }, B = (Z, re) => {
+      if (!b(Z))
         return 0;
-      let f = 0;
-      for (let q = Q; q >= 0 && q < d.length && x(q); q += se)
-        f += 1;
-      return f;
-    }, y = Y.left, B = Y.right, j = y >= 0 ? g(y, -1) : 0, G = B >= 0 ? g(B, 1) : 0;
+      let u = 0;
+      for (let U = Z; U >= 0 && U < f.length && b(U); U += re)
+        u += 1;
+      return u;
+    }, g = V.left, I = V.right, j = g >= 0 ? B(g, -1) : 0, G = I >= 0 ? B(I, 1) : 0;
     return {
       groupSize: j + G + 1,
       overlapIndex: j
     };
-  }, [Y.left, Y.right, d, Z]), ne = de(() => {
-    if (k.groupSize <= 1)
+  }, [V.left, V.right, f, K]), ne = ue(() => {
+    if (y.groupSize <= 1)
       return !1;
-    const P = k.groupSize - 1;
-    return k.overlapIndex > 0 && k.overlapIndex < P;
-  }, [k]), _ = de(() => {
-    if (k.groupSize <= 1 || ne)
+    const m = y.groupSize - 1;
+    return y.overlapIndex > 0 && y.overlapIndex < m;
+  }, [y]), M = ue(() => {
+    if (y.groupSize <= 1 || ne)
       return 0;
-    const P = k.groupSize > 1 ? 2 : 1;
-    if (P === 1)
+    const m = y.groupSize > 1 ? 2 : 1;
+    if (m === 1)
       return 0;
-    const x = k.overlapIndex === 0 ? 0 : P - 1, g = (P - 1) / 2;
-    return (x - g) * Zt;
-  }, [k, ne]), n = de(() => {
+    const b = y.overlapIndex === 0 ? 0 : m - 1, B = (m - 1) / 2;
+    return (b - B) * Zt;
+  }, [y, ne]), n = ue(() => {
     if (ne)
       return { display: "none" };
-    if (_ !== 0)
-      return W ? { transform: `translateX(${_}px)` } : { transform: `translateY(${_}px)` };
-  }, [_, W, ne]), z = De(
+    if (M !== 0)
+      return F ? { transform: `translateX(${M}px)` } : { transform: `translateY(${M}px)` };
+  }, [M, F, ne]), S = De(
     "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)]",
-    W ? "h-12 w-[6px] px-[2px]" : "h-[6px] w-20 py-[2px]",
-    w && "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)]"
-  ), E = De(
+    F ? "h-12 w-[6px] px-[2px]" : "h-[6px] w-20 py-[2px]",
+    v && "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)]"
+  ), R = De(
     "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)]",
-    W ? "h-8 w-[2px]" : "h-[2px] w-16",
-    w && "bg-blue-500 dark:bg-blue-300",
+    F ? "h-8 w-[2px]" : "h-[2px] w-16",
+    v && "bg-blue-500 dark:bg-blue-300",
     !t && "group-hover:bg-slate-700 dark:group-hover:bg-slate-100"
-  ), N = fe(() => {
-    const P = v.current;
-    if (!P)
+  ), A = pe(() => {
+    const m = C.current;
+    if (!m)
       return;
-    let x = 0;
+    let b = 0;
     if (!ne) {
-      const B = a === "horizontal" ? P.offsetWidth : P.offsetHeight;
+      const I = a === "horizontal" ? m.offsetWidth : m.offsetHeight;
       let j = 0, G = 0;
       if (typeof window < "u") {
-        const K = window.getComputedStyle(P);
-        a === "horizontal" ? (j = Number.parseFloat(K.marginLeft || "0"), G = Number.parseFloat(K.marginRight || "0")) : (j = Number.parseFloat(K.marginTop || "0"), G = Number.parseFloat(K.marginBottom || "0"));
+        const ie = window.getComputedStyle(m);
+        a === "horizontal" ? (j = Number.parseFloat(ie.marginLeft || "0"), G = Number.parseFloat(ie.marginRight || "0")) : (j = Number.parseFloat(ie.marginTop || "0"), G = Number.parseFloat(ie.marginBottom || "0"));
       }
-      x = [B, j, G].reduce((K, Q) => Number.isFinite(Q) ? K + Q : K, 0);
+      b = [I, j, G].reduce((ie, Z) => Number.isFinite(Z) ? ie + Z : ie, 0);
     }
-    (!Number.isFinite(x) || x < 0) && (x = 0);
-    const g = {
-      id: M,
-      thickness: x,
+    (!Number.isFinite(b) || b < 0) && (b = 0);
+    const B = {
+      id: E,
+      thickness: b,
       direction: a,
-      visible: !ne && x > tr,
-      startPanelId: F.left,
-      endPanelId: F.right
-    }, y = ee.current;
-    y && Math.abs(y.thickness - g.thickness) <= 0.25 && y.visible === g.visible && y.direction === g.direction && y.startPanelId === g.startPanelId && y.endPanelId === g.endPanelId || (ee.current = g, u(M, g));
-  }, [a, F.left, F.right, u, M, ne]);
-  ue(() => {
-    N();
-  }, [N]), ue(() => {
-    const P = v.current;
-    if (!P)
+      visible: !ne && b > tr,
+      startPanelId: $.left,
+      endPanelId: $.right
+    }, g = O.current;
+    g && Math.abs(g.thickness - B.thickness) <= 0.25 && g.visible === B.visible && g.direction === B.direction && g.startPanelId === B.startPanelId && g.endPanelId === B.endPanelId || (O.current = B, d(E, B));
+  }, [a, $.left, $.right, d, E, ne]);
+  fe(() => {
+    A();
+  }, [A]), fe(() => {
+    const m = C.current;
+    if (!m)
       return;
     if (typeof ResizeObserver > "u") {
-      N();
+      A();
       return;
     }
-    const x = new ResizeObserver(() => {
-      N();
+    const b = new ResizeObserver(() => {
+      A();
     });
-    return x.observe(P), () => {
-      x.disconnect();
+    return b.observe(m), () => {
+      b.disconnect();
     };
-  }, [N]);
-  const U = de(() => {
-    const P = o ? { ...D, ...o } : D;
+  }, [A]);
+  const ee = ue(() => {
+    const m = o ? { ...D, ...o } : D;
     return ne ? {
-      ...P,
+      ...m,
       display: "none",
       pointerEvents: "none",
       visibility: "hidden"
-    } : P;
+    } : m;
   }, [D, ne, o]);
   return /* @__PURE__ */ L.jsx(
     "button",
     {
       type: "button",
-      ref: v,
+      ref: C,
       className: te,
-      style: U,
-      onPointerDown: $,
+      style: ee,
+      onPointerDown: q,
       disabled: t,
       "aria-hidden": ne || void 0,
-      "aria-label": `Resize ${W ? "columns" : "rows"} - Drag to collapse/expand panels`,
-      "data-resize-handle-id": M,
-      title: `ドラッグして${W ? "列" : "行"}をリサイズ、端まで移動して折りたたみ/展開`,
-      children: i || /* @__PURE__ */ L.jsx("div", { className: z, style: n, children: /* @__PURE__ */ L.jsx("span", { className: E }) })
+      "aria-label": `Resize ${F ? "columns" : "rows"} - Drag to collapse/expand panels`,
+      "data-resize-handle-id": E,
+      title: `ドラッグして${F ? "列" : "行"}をリサイズ、端まで移動して折りたたみ/展開`,
+      children: i || /* @__PURE__ */ L.jsx("div", { className: S, style: n, children: /* @__PURE__ */ L.jsx("span", { className: R }) })
     }
   );
 }), ln = (e) => document.querySelector(`[data-panel-id="${e}"]`), cn = (e) => document.querySelector(`[data-panel-group-id="${e}"]`), dn = (e) => document.querySelector(`[data-resize-handle-id="${e}"]`);
@@ -4810,7 +4810,7 @@ export {
   an as PanelResizeHandle,
   he as clamp,
   rr as generatePanelId,
-  oe as getConstraintInPixels,
+  se as getConstraintInPixels,
   we as getContainerSize,
   ln as getPanelElement,
   cn as getPanelGroupElement,