@enya-learning/nova 0.6.0 → 0.7.1

package/dist/components/resizable.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as He } from "../chunks/utils-kyb5nny4y41y7hd8.js";
+import { t as He } from "../chunks/utils-chr77evsz8gs6wle.js";
 import { jsx as j } from "react/jsx-runtime";
 import { createContext as pt, useCallback as Ve, useContext as ht, useEffect as pe, useId as gt, useImperativeHandle as Ye, useLayoutEffect as vt, useMemo as mt, useRef as F, useState as ce, useSyncExternalStore as bt } from "react";
 function yt(e, t) {
@@ -147,7 +147,7 @@ function kt() {
 }
 function Je(e) {
   const { element: t, orientation: n, panels: o, separators: r } = e, a = me(n, Array.from(t.children).filter(Xe).map((f) => ({ element: f }))).map(({ element: f }) => f), d = [];
-  let s = !1, i = !1, l = -1, u = -1, c = 0, S, h = [];
+  let s = !1, i = !1, l = -1, u = -1, c = 0, z, h = [];
   {
     let f = -1;
     for (const p of a) p.hasAttribute("data-panel") && (f++, p.hasAttribute("data-disabled") || (c++, l === -1 && (l = f), u = f));
@@ -158,14 +158,14 @@ function Je(e) {
       f++;
       const m = o.find((g) => g.element === p);
       if (m) {
-        if (S) {
-          const g = S.element.getBoundingClientRect(), v = p.getBoundingClientRect();
+        if (z) {
+          const g = z.element.getBoundingClientRect(), v = p.getBoundingClientRect();
           let b;
           if (i) {
-            const z = n === "horizontal" ? new DOMRect(g.right, g.top, 0, g.height) : new DOMRect(g.left, g.bottom, g.width, 0), y = n === "horizontal" ? new DOMRect(v.left, v.top, 0, v.height) : new DOMRect(v.left, v.top, v.width, 0);
+            const S = n === "horizontal" ? new DOMRect(g.right, g.top, 0, g.height) : new DOMRect(g.left, g.bottom, g.width, 0), y = n === "horizontal" ? new DOMRect(v.left, v.top, 0, v.height) : new DOMRect(v.left, v.top, v.width, 0);
             switch (h.length) {
               case 0:
-                b = [z, y];
+                b = [S, y];
                 break;
               case 1: {
                 const k = h[0];
@@ -173,7 +173,7 @@ function Je(e) {
                   orientation: n,
                   rects: [g, v],
                   targetRect: k.element.getBoundingClientRect()
-                }) === g ? y : z];
+                }) === g ? y : S];
                 break;
               }
               default:
@@ -181,32 +181,32 @@ function Je(e) {
                 break;
             }
           } else h.length ? b = h : b = [n === "horizontal" ? new DOMRect(g.right, v.top, v.left - g.right, v.height) : new DOMRect(v.left, g.bottom, v.width, v.top - g.bottom)];
-          for (const z of b) {
-            let y = "width" in z ? z : z.element.getBoundingClientRect();
+          for (const S of b) {
+            let y = "width" in S ? S : S.element.getBoundingClientRect();
             const k = kt() ? e.resizeTargetMinimumSize.coarse : e.resizeTargetMinimumSize.fine;
             if (y.width < k) {
-              const E = k - y.width;
-              y = new DOMRect(y.x - E / 2, y.y, y.width + E, y.height);
+              const M = k - y.width;
+              y = new DOMRect(y.x - M / 2, y.y, y.width + M, y.height);
             }
             if (y.height < k) {
-              const E = k - y.height;
-              y = new DOMRect(y.x, y.y - E / 2, y.width, y.height + E);
+              const M = k - y.height;
+              y = new DOMRect(y.x, y.y - M / 2, y.width, y.height + M);
             }
             !s && !(f <= l || f > u) && d.push({
               group: e,
               groupSize: te({ group: e }),
-              panels: [S, m],
-              separator: "width" in z ? void 0 : z,
+              panels: [z, m],
+              separator: "width" in S ? void 0 : S,
               rect: y
             }), s = !1;
           }
         }
-        i = !1, S = m, h = [];
+        i = !1, z = m, h = [];
       }
     } else if (p.hasAttribute("data-separator")) {
       p.ariaDisabled !== null && (s = !0);
       const m = r.find((g) => g.element === p);
-      m ? h.push(m) : (S = void 0, h = []);
+      m ? h.push(m) : (z = void 0, h = []);
     } else i = !0;
   }
   return d;
@@ -407,7 +407,7 @@ function ie({ delta: e, initialLayout: t, panelConstraints: n, pivotIndices: o,
   if (R(e, 0)) return t;
   const d = a === "imperative-api", s = Object.values(t), i = Object.values(r), l = [...s], [u, c] = o;
   P(u != null, "Invalid first pivot index"), P(c != null, "Invalid second pivot index");
-  let S = 0;
+  let z = 0;
   switch (a) {
     case "keyboard":
       {
@@ -417,8 +417,8 @@ function ie({ delta: e, initialLayout: t, panelConstraints: n, pivotIndices: o,
         if (g) {
           const b = s[f];
           if (P(b != null, `Previous layout not found for panel index ${f}`), R(b, m)) {
-            const z = v - b;
-            O(z, Math.abs(e)) > 0 && (e = e < 0 ? 0 - z : z);
+            const S = v - b;
+            O(S, Math.abs(e)) > 0 && (e = e < 0 ? 0 - S : S);
           }
         }
       }
@@ -429,8 +429,8 @@ function ie({ delta: e, initialLayout: t, panelConstraints: n, pivotIndices: o,
         if (g) {
           const b = s[f];
           if (P(b != null, `Previous layout not found for panel index ${f}`), R(b, v)) {
-            const z = b - m;
-            O(z, Math.abs(e)) > 0 && (e = e < 0 ? 0 - z : z);
+            const S = b - m;
+            O(S, Math.abs(e)) > 0 && (e = e < 0 ? 0 - S : S);
           }
         }
       }
@@ -440,11 +440,11 @@ function ie({ delta: e, initialLayout: t, panelConstraints: n, pivotIndices: o,
       P(p, `Panel constraints not found for index ${f}`);
       const m = s[f], { collapsible: g, collapsedSize: v, minSize: b } = p;
       if (g && O(m, b) < 0) if (e > 0) {
-        const z = b - v, y = z / 2;
-        O(m + e, b) < 0 && (e = O(e, y) <= 0 ? 0 : z);
+        const S = b - v, y = S / 2;
+        O(m + e, b) < 0 && (e = O(e, y) <= 0 ? 0 : S);
       } else {
-        const z = b - v, y = 100 - z / 2;
-        O(m - e, b) < 0 && (e = O(100 + e, y) > 0 ? 0 : -z);
+        const S = b - v, y = 100 - S / 2;
+        O(m - e, b) < 0 && (e = O(100 + e, y) > 0 ? 0 : -S);
       }
       break;
     }
@@ -469,7 +469,7 @@ function ie({ delta: e, initialLayout: t, panelConstraints: n, pivotIndices: o,
   {
     let f = e < 0 ? u : c;
     for (; f >= 0 && f < n.length; ) {
-      const p = Math.abs(e) - Math.abs(S), m = s[f];
+      const p = Math.abs(e) - Math.abs(z), m = s[f];
       P(m != null, `Previous layout not found for panel index ${f}`);
       const g = m - p, v = Q({
         overrideDisabledPanels: d,
@@ -477,7 +477,7 @@ function ie({ delta: e, initialLayout: t, panelConstraints: n, pivotIndices: o,
         prevSize: m,
         size: g
       });
-      if (!R(m, v) && (S += m - v, l[f] = v, S.toFixed(3).localeCompare(Math.abs(e).toFixed(3), void 0, { numeric: !0 }) >= 0)) break;
+      if (!R(m, v) && (z += m - v, l[f] = v, z.toFixed(3).localeCompare(Math.abs(e).toFixed(3), void 0, { numeric: !0 }) >= 0)) break;
       e < 0 ? f-- : f++;
     }
   }
@@ -485,7 +485,7 @@ function ie({ delta: e, initialLayout: t, panelConstraints: n, pivotIndices: o,
   {
     const f = e < 0 ? c : u, p = s[f];
     P(p != null, `Previous layout not found for panel index ${f}`);
-    const m = p + S, g = Q({
+    const m = p + z, g = Q({
       overrideDisabledPanels: d,
       panelConstraints: n[f],
       prevSize: p,
@@ -494,15 +494,15 @@ function ie({ delta: e, initialLayout: t, panelConstraints: n, pivotIndices: o,
     if (l[f] = g, !R(g, m)) {
       let v = m - g, b = e < 0 ? c : u;
       for (; b >= 0 && b < n.length; ) {
-        const z = l[b];
-        P(z != null, `Previous layout not found for panel index ${b}`);
-        const y = z + v, k = Q({
+        const S = l[b];
+        P(S != null, `Previous layout not found for panel index ${b}`);
+        const y = S + v, k = Q({
           overrideDisabledPanels: d,
           panelConstraints: n[b],
-          prevSize: z,
+          prevSize: S,
           size: y
         });
-        if (R(z, k) || (v -= k - z, l[b] = k), R(v, 0)) break;
+        if (R(S, k) || (v -= k - S, l[b] = k), R(v, 0)) break;
         e > 0 ? b-- : b++;
       }
     }
@@ -554,12 +554,12 @@ function X({ layout: e, panelConstraints: t }) {
 function Qe({ groupId: e, panelId: t }) {
   const n = () => {
     const i = J();
-    for (const [l, { defaultLayoutDeferred: u, derivedPanelConstraints: c, layout: S, groupSize: h, separatorToPanels: f }] of i) if (l.id === e) return {
+    for (const [l, { defaultLayoutDeferred: u, derivedPanelConstraints: c, layout: z, groupSize: h, separatorToPanels: f }] of i) if (l.id === e) return {
       defaultLayoutDeferred: u,
       derivedPanelConstraints: c,
       group: l,
       groupSize: h,
-      layout: S,
+      layout: z,
       separatorToPanels: f
     };
     throw Error(`Group ${e} not found`);
@@ -576,8 +576,8 @@ function Qe({ groupId: e, panelId: t }) {
     if (i !== void 0) return i;
     throw Error(`Layout not found for Panel ${t}`);
   }, d = ({ nextSize: i, panels: l, prevLayout: u, derivedPanelConstraints: c }) => {
-    const S = a(), h = l.findIndex((m) => m.id === t), f = h === 0, p = h === l.length - 1;
-    if (p && i < S && (f || l.slice(0, h).every((m, g) => {
+    const z = a(), h = l.findIndex((m) => m.id === t), f = h === 0, p = h === l.length - 1;
+    if (p && i < z && (f || l.slice(0, h).every((m, g) => {
       const v = c[g];
       return v?.collapsible && R(v.collapsedSize, u[v.panelId]);
     }))) {
@@ -588,7 +588,7 @@ function Qe({ groupId: e, panelId: t }) {
       };
     }
     return ie({
-      delta: p ? S - i : i - S,
+      delta: p ? z - i : i - z,
       initialLayout: u,
       panelConstraints: c,
       pivotIndices: p ? [h - 1, h] : [h, h + 1],
@@ -597,7 +597,7 @@ function Qe({ groupId: e, panelId: t }) {
     });
   }, s = (i) => {
     if (i === a()) return;
-    const { defaultLayoutDeferred: l, derivedPanelConstraints: u, group: c, groupSize: S, layout: h, separatorToPanels: f } = n(), p = X({
+    const { defaultLayoutDeferred: l, derivedPanelConstraints: u, group: c, groupSize: z, layout: h, separatorToPanels: f } = n(), p = X({
       layout: d({
         nextSize: i,
         panels: c.panels,
@@ -609,7 +609,7 @@ function Qe({ groupId: e, panelId: t }) {
     Y(h, p) || B(c, {
       defaultLayoutDeferred: l,
       derivedPanelConstraints: u,
-      groupSize: S,
+      groupSize: z,
       layout: p,
       separatorToPanels: f
     });
@@ -620,8 +620,8 @@ function Qe({ groupId: e, panelId: t }) {
       i && c !== l && (u.expandToSize = c, s(l));
     },
     expand: () => {
-      const { collapsible: i, collapsedSize: l, minSize: u } = o(), { mutableValues: c } = r(), S = a();
-      if (i && S === l) {
+      const { collapsible: i, collapsedSize: l, minSize: u } = o(), { mutableValues: c } = r(), z = a();
+      if (i && z === l) {
         let h = c.expandToSize ?? u;
         h === 0 && (h = 1), s(h);
       }
@@ -638,12 +638,12 @@ function Qe({ groupId: e, panelId: t }) {
       return i && R(l, u);
     },
     resize: (i) => {
-      const { group: l } = n(), { element: u } = r(), c = te({ group: l });
-      s(I(re({
+      const { group: l } = n(), { element: u } = r(), c = te({ group: l }), z = I(re({
         groupSize: c,
         panelElement: u,
         styleProp: i
-      }) / c * 100));
+      }) / c * 100);
+      s(z);
     }
   };
 }
@@ -874,14 +874,14 @@ function Se(e) {
 function rt({ document: e, event: t, hitRegions: n, initialLayoutMap: o, mountedGroups: r, pointerDownAtPoint: a, prevCursorFlags: d }) {
   let s = 0;
   n.forEach((l) => {
-    const { group: u, groupSize: c } = l, { orientation: S, panels: h } = u, { disableCursor: f } = u.mutableState;
+    const { group: u, groupSize: c } = l, { orientation: z, panels: h } = u, { disableCursor: f } = u.mutableState;
     let p = 0;
-    a ? S === "horizontal" ? p = (t.clientX - a.x) / c * 100 : p = (t.clientY - a.y) / c * 100 : S === "horizontal" ? p = t.clientX < 0 ? -100 : 100 : p = t.clientY < 0 ? -100 : 100;
+    a ? z === "horizontal" ? p = (t.clientX - a.x) / c * 100 : p = (t.clientY - a.y) / c * 100 : z === "horizontal" ? p = t.clientX < 0 ? -100 : 100 : p = t.clientY < 0 ? -100 : 100;
     const m = o.get(u), g = r.get(u);
     if (!m || !g) return;
-    const { defaultLayoutDeferred: v, derivedPanelConstraints: b, groupSize: z, layout: y, separatorToPanels: k } = g;
+    const { defaultLayoutDeferred: v, derivedPanelConstraints: b, groupSize: S, layout: y, separatorToPanels: k } = g;
     if (b && y && k) {
-      const E = ie({
+      const M = ie({
         delta: p,
         initialLayout: m,
         panelConstraints: b,
@@ -889,8 +889,8 @@ function rt({ document: e, event: t, hitRegions: n, initialLayoutMap: o, mounted
         prevLayout: y,
         trigger: "mouse-or-touch"
       });
-      if (Y(E, y)) {
-        if (p !== 0 && !f) switch (S) {
+      if (Y(M, y)) {
+        if (p !== 0 && !f) switch (z) {
           case "horizontal":
             s |= p < 0 ? et : tt;
             break;
@@ -901,8 +901,8 @@ function rt({ document: e, event: t, hitRegions: n, initialLayoutMap: o, mounted
       } else B(l.group, {
         defaultLayoutDeferred: v,
         derivedPanelConstraints: b,
-        groupSize: z,
-        layout: E,
+        groupSize: S,
+        layout: M,
         separatorToPanels: k
       });
     }
@@ -1016,22 +1016,22 @@ function Vt({ group: e, nextGroupSize: t, prevGroupSize: n, prevLayout: o }) {
   let r = 0, a = 0, d = !1;
   const s = /* @__PURE__ */ new Map(), i = [];
   for (const c of e.panels) {
-    const S = o[c.id] ?? 0;
+    const z = o[c.id] ?? 0;
     if (c.panelConstraints.groupResizeBehavior === "preserve-pixel-size") {
       d = !0;
-      const h = I(S / 100 * n / t * 100);
+      const h = I(z / 100 * n / t * 100);
       s.set(c.id, h), r += h;
     } else
-      i.push(c.id), a += S;
+      i.push(c.id), a += z;
   }
   if (!d || i.length === 0) return o;
   const l = 100 - r, u = { ...o };
-  if (s.forEach((c, S) => {
-    u[S] = c;
+  if (s.forEach((c, z) => {
+    u[z] = c;
   }), a > 0) for (const c of i) u[c] = I((o[c] ?? 0) / a * l);
   else {
     const c = I(l / i.length);
-    for (const S of i) u[S] = c;
+    for (const z of i) u[z] = c;
   }
   return u;
 }
@@ -1054,12 +1054,12 @@ function Xt(e) {
           if (g === 0) return;
           const v = H(e.id);
           if (!v) return;
-          const b = ve(e), z = v.defaultLayoutDeferred ? We(b) : v.layout, y = X({
+          const b = ve(e), S = v.defaultLayoutDeferred ? We(b) : v.layout, y = X({
             layout: Vt({
               group: e,
               nextGroupSize: g,
               prevGroupSize: v.groupSize,
-              prevLayout: z
+              prevLayout: S
             }),
             panelConstraints: b
           });
@@ -1086,15 +1086,15 @@ function Xt(e) {
     panelConstraints: s
   }), c = e.element.ownerDocument;
   K.set(c, (K.get(c) ?? 0) + 1);
-  const S = /* @__PURE__ */ new Map();
+  const z = /* @__PURE__ */ new Map();
   return Je(e).forEach((h) => {
-    h.separator && S.set(h.separator, h.panels);
+    h.separator && z.set(h.separator, h.panels);
   }), B(e, {
     defaultLayoutDeferred: d === 0,
     derivedPanelConstraints: s,
     groupSize: d,
     layout: u,
-    separatorToPanels: S
+    separatorToPanels: z
   }), e.separators.forEach((h) => {
     P(!r.has(h.id), `Separator ids must be unique; id "${h.id}" was used more than once`), r.add(h.id), h.element.addEventListener("keydown", Ie);
   }), K.get(c) === 1 && (c.addEventListener("dblclick", De, !0), c.addEventListener("pointerdown", Te, !0), c.addEventListener("pointerleave", $e), c.addEventListener("pointermove", Ge), c.addEventListener("pointerout", je), c.addEventListener("pointerup", Be, !0)), function() {
@@ -1151,7 +1151,7 @@ function Jt(e, t) {
 function it({ children: e, className: t, defaultLayout: n, disableCursor: o, disabled: r, elementRef: a, groupRef: d, id: s, onLayoutChange: i, onLayoutChanged: l, orientation: u = "horizontal", resizeTargetMinimumSize: c = {
   coarse: 20,
   fine: 10
-}, style: S, ...h }) {
+}, style: z, ...h }) {
   const f = F({
     onLayoutChange: {},
     onLayoutChanged: {}
@@ -1159,7 +1159,7 @@ function it({ children: e, className: t, defaultLayout: n, disableCursor: o, dis
     Y(f.current.onLayoutChange, w) || (f.current.onLayoutChange = w, i?.(w));
   }), m = ae((w) => {
     Y(f.current.onLayoutChanged, w) || (f.current.onLayoutChanged = w, l?.(w));
-  }), g = we(s), v = F(null), [b, z] = qt(), y = F({
+  }), g = we(s), v = F(null), [b, S] = qt(), y = F({
     lastExpandedPanelSizes: {},
     layouts: {},
     panels: [],
@@ -1167,12 +1167,12 @@ function it({ children: e, className: t, defaultLayout: n, disableCursor: o, dis
     separators: []
   }), k = xe(v, a);
   Jt(g, d);
-  const E = ae((w, x) => {
-    const L = q(), C = ke(w), M = H(w);
-    if (M) {
+  const M = ae((w, x) => {
+    const L = q(), C = ke(w), E = H(w);
+    if (E) {
       let T = !1;
       return L.state === "active" && (T = L.hitRegions.some((ne) => ne.group === C)), {
-        flexGrow: M.layout[x] ?? 1,
+        flexGrow: E.layout[x] ?? 1,
         pointerEvents: T ? "none" : void 0
       };
     }
@@ -1184,38 +1184,38 @@ function it({ children: e, className: t, defaultLayout: n, disableCursor: o, dis
     get disableCursor() {
       return !!D.disableCursor;
     },
-    getPanelStyles: E,
+    getPanelStyles: M,
     id: g,
     orientation: u,
     registerPanel: (w) => {
       const x = y.current;
-      return x.panels = me(u, [...x.panels, w]), z(), () => {
-        x.panels = x.panels.filter((L) => L !== w), z();
+      return x.panels = me(u, [...x.panels, w]), S(), () => {
+        x.panels = x.panels.filter((L) => L !== w), S();
       };
     },
     registerSeparator: (w) => {
       const x = y.current;
-      return x.separators = me(u, [...x.separators, w]), z(), () => {
-        x.separators = x.separators.filter((L) => L !== w), z();
+      return x.separators = me(u, [...x.separators, w]), S(), () => {
+        x.separators = x.separators.filter((L) => L !== w), S();
       };
     },
     updatePanelProps: (w, { disabled: x }) => {
       const L = y.current.panels.find((T) => T.id === w);
       L && (L.panelConstraints.disabled = x);
-      const C = ke(g), M = H(g);
-      C && M && B(C, {
-        ...M,
+      const C = ke(g), E = H(g);
+      C && E && B(C, {
+        ...E,
         derivedPanelConstraints: ve(C)
       });
     },
     updateSeparatorProps: (w, { disabled: x, disableDoubleClick: L }) => {
-      const C = y.current.separators.find((M) => M.id === w);
+      const C = y.current.separators.find((E) => E.id === w);
       C && (C.disabled = x, C.disableDoubleClick = L);
     }
   }), [
-    E,
+    M,
     g,
-    z,
+    S,
     u,
     D
   ]), $ = F(null);
@@ -1247,7 +1247,7 @@ function it({ children: e, className: t, defaultLayout: n, disableCursor: o, dis
       separators: x.separators
     };
     $.current = C;
-    const M = Xt(C), { defaultLayoutDeferred: T, derivedPanelConstraints: ne, layout: se } = H(C.id, !0);
+    const E = Xt(C), { defaultLayoutDeferred: T, derivedPanelConstraints: ne, layout: se } = H(C.id, !0);
     !T && ne.length > 0 && (p(se), m(se));
     const oe = be(g, (W) => {
       const { defaultLayoutDeferred: Z, derivedPanelConstraints: Le, layout: le } = W.next;
@@ -1266,7 +1266,7 @@ function it({ children: e, className: t, defaultLayout: n, disableCursor: o, dis
       p(le), dt && m(le);
     });
     return () => {
-      $.current = null, M(), oe();
+      $.current = null, E(), oe();
     };
   }, [
     r,
@@ -1292,7 +1292,7 @@ function it({ children: e, className: t, defaultLayout: n, disableCursor: o, dis
         height: "100%",
         width: "100%",
         overflow: "hidden",
-        ...S,
+        ...z,
         display: "flex",
         flexDirection: u === "horizontal" ? "row" : "column",
         flexWrap: "nowrap",
@@ -1325,31 +1325,34 @@ function Ut(e, t) {
     }));
   });
 }
-function st({ children: e, className: t, collapsedSize: n = "0%", collapsible: o = !1, defaultSize: r, disabled: a, elementRef: d, groupResizeBehavior: s = "preserve-relative-size", id: i, maxSize: l = "100%", minSize: u = "0%", onResize: c, panelRef: S, style: h, ...f }) {
-  const p = !!i, m = we(i), g = Ce({ disabled: a }), v = F(null), b = xe(v, d), { getPanelStyles: z, id: y, orientation: k, registerPanel: E, updatePanelProps: D } = Pe(), N = c !== null, $ = ae((C, M, T) => {
+function st({ children: e, className: t, collapsedSize: n = "0%", collapsible: o = !1, defaultSize: r, disabled: a, elementRef: d, groupResizeBehavior: s = "preserve-relative-size", id: i, maxSize: l = "100%", minSize: u = "0%", onResize: c, panelRef: z, style: h, ...f }) {
+  const p = !!i, m = we(i), g = Ce({ disabled: a }), v = F(null), b = xe(v, d), { getPanelStyles: S, id: y, orientation: k, registerPanel: M, updatePanelProps: D } = Pe(), N = c !== null, $ = ae((C, E, T) => {
     c?.(C, i, T);
   });
   U(() => {
     const C = v.current;
-    if (C !== null) return E({
-      element: C,
-      id: m,
-      idIsStable: p,
-      mutableValues: {
-        expandToSize: void 0,
-        prevSize: void 0
-      },
-      onResize: N ? $ : void 0,
-      panelConstraints: {
-        groupResizeBehavior: s,
-        collapsedSize: n,
-        collapsible: o,
-        defaultSize: r,
-        disabled: g.disabled,
-        maxSize: l,
-        minSize: u
-      }
-    });
+    if (C !== null) {
+      const E = {
+        element: C,
+        id: m,
+        idIsStable: p,
+        mutableValues: {
+          expandToSize: void 0,
+          prevSize: void 0
+        },
+        onResize: N ? $ : void 0,
+        panelConstraints: {
+          groupResizeBehavior: s,
+          collapsedSize: n,
+          collapsible: o,
+          defaultSize: r,
+          disabled: g.disabled,
+          maxSize: l,
+          minSize: u
+        }
+      };
+      return M(E);
+    }
   }, [
     s,
     n,
@@ -1361,7 +1364,7 @@ function st({ children: e, className: t, collapsedSize: n = "0%", collapsible: o
     l,
     u,
     $,
-    E,
+    M,
     g
   ]), pe(() => {
     D(m, { disabled: a });
@@ -1369,9 +1372,9 @@ function st({ children: e, className: t, collapsedSize: n = "0%", collapsible: o
     a,
     m,
     D
-  ]), Ut(m, S);
+  ]), Ut(m, z);
   const w = () => {
-    const C = z(y, m);
+    const C = S(y, m);
     if (C) return JSON.stringify(C);
   }, x = bt((C) => be(y, C), w, w);
   let L;
@@ -1457,7 +1460,7 @@ function lt({ children: e, className: t, disabled: n, disableDoubleClick: o, ele
   const i = we(a), l = Ce({
     disabled: n,
     disableDoubleClick: o
-  }), [u, c] = ce({}), [S, h] = ce("inactive"), [f, p] = ce(!1), m = F(null), g = xe(m, r), { disableCursor: v, id: b, orientation: z, registerSeparator: y, updateSeparatorProps: k } = Pe(), E = z === "horizontal" ? "vertical" : "horizontal";
+  }), [u, c] = ce({}), [z, h] = ce("inactive"), [f, p] = ce(!1), m = F(null), g = xe(m, r), { disableCursor: v, id: b, orientation: S, registerSeparator: y, updateSeparatorProps: k } = Pe(), M = S === "horizontal" ? "vertical" : "horizontal";
   U(() => {
     const $ = m.current;
     if ($ !== null) {
@@ -1466,10 +1469,10 @@ function lt({ children: e, className: t, disabled: n, disableDoubleClick: o, ele
         disableDoubleClick: l.disableDoubleClick,
         element: $,
         id: i
-      }, x = y(w), L = $t((M) => {
-        h(M.next.state !== "inactive" && M.next.hitRegions.some((T) => T.separator === w) ? M.next.state : "inactive");
-      }), C = be(b, (M) => {
-        const { derivedPanelConstraints: T, layout: ne, separatorToPanels: se } = M.next, oe = se.get(w);
+      }, x = y(w), L = $t((E) => {
+        h(E.next.state !== "inactive" && E.next.hitRegions.some((T) => T.separator === w) ? E.next.state : "inactive");
+      }), C = be(b, (E) => {
+        const { derivedPanelConstraints: T, layout: ne, separatorToPanels: se } = E.next, oe = se.get(w);
         if (oe) {
           const W = oe[0], Z = oe.indexOf(W);
           c(Kt({
@@ -1503,11 +1506,11 @@ function lt({ children: e, className: t, disabled: n, disableDoubleClick: o, ele
   let D;
   n && !v && (D = "not-allowed");
   let N;
-  return n ? N = "disabled" : S === "active" ? N = "active" : f ? N = "focus" : N = S, /* @__PURE__ */ j("div", {
+  return n ? N = "disabled" : z === "active" ? N = "active" : f ? N = "focus" : N = z, /* @__PURE__ */ j("div", {
     ...s,
     "aria-controls": u.valueControls,
     "aria-disabled": n || void 0,
-    "aria-orientation": E,
+    "aria-orientation": M,
     "aria-valuemax": u.valueMax,
     "aria-valuemin": u.valueMin,
     "aria-valuenow": u.valueNow,