@window-splitter/vue 1.1.1 → 1.1.3

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import { defineComponent as be, useId as Ie, inject as X, computed as $, onMounted as G, watchEffect as ue, onUnmounted as Be, createElementBlock as ye, openBlock as Pe, normalizeProps as Te, guardReactiveProps as je, renderSlot as Se, createPropsRestProxy as Ee, ref as me, provide as ie, onWatcherCleanup as We, mergeProps as Ke, unref as Ue } from "vue";
-var Ge = 20, Xe = 1, J = 1e6, Ye = 1e6, Je = -7, Qe = 21, Ze = !1, ne = "[big.js] ", j = ne + "Invalid ", fe = j + "decimal places", _e = j + "rounding mode", Ne = ne + "Division by zero", I = {}, N = void 0, et = /^-?(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?$/i;
+import { defineComponent as be, useId as Ie, inject as X, computed as H, onMounted as G, watchEffect as ue, onUnmounted as Be, createElementBlock as ye, openBlock as Pe, normalizeProps as We, guardReactiveProps as Ue, renderSlot as Se, createPropsRestProxy as Ee, ref as me, provide as ie, onWatcherCleanup as Ge, mergeProps as Ke, unref as Xe } from "vue";
+var Ye = 20, Je = 1, J = 1e6, Qe = 1e6, Ze = -7, _e = 21, et = !1, ne = "[big.js] ", W = ne + "Invalid ", fe = W + "decimal places", tt = W + "rounding mode", Ne = ne + "Division by zero", I = {}, N = void 0, nt = /^-?(\d+(\.\d*)?|\.\d+)(e[+-]?\d+)?$/i;
 function Oe() {
   function e(t) {
     var a = this;
@@ -9,19 +9,19 @@ function Oe() {
     else {
       if (typeof t != "string") {
         if (e.strict === !0 && typeof t != "bigint")
-          throw TypeError(j + "value");
+          throw TypeError(W + "value");
         t = t === 0 && 1 / t < 0 ? "-0" : String(t);
       }
-      tt(a, t);
+      at(a, t);
     }
     a.constructor = e;
   }
-  return e.prototype = I, e.DP = Ge, e.RM = Xe, e.NE = Je, e.PE = Qe, e.strict = Ze, e.roundDown = 0, e.roundHalfUp = 1, e.roundHalfEven = 2, e.roundUp = 3, e;
+  return e.prototype = I, e.DP = Ye, e.RM = Je, e.NE = Ze, e.PE = _e, e.strict = et, e.roundDown = 0, e.roundHalfUp = 1, e.roundHalfEven = 2, e.roundUp = 3, e;
 }
-function tt(e, t) {
+function at(e, t) {
   var a, r, l;
-  if (!et.test(t))
-    throw Error(j + "number");
+  if (!nt.test(t))
+    throw Error(W + "number");
   for (e.s = t.charAt(0) == "-" ? (t = t.slice(1), -1) : 1, (a = t.indexOf(".")) > -1 && (t = t.replace(".", "")), (r = t.search(/e/i)) > 0 ? (a < 0 && (a = r), a += +t.slice(r + 1), t = t.substring(0, r)) : a < 0 && (a = t.length), l = t.length, r = 0; r < l && t.charAt(r) == "0"; ) ++r;
   if (r == l)
     e.c = [e.e = 0];
@@ -31,10 +31,10 @@ function tt(e, t) {
   }
   return e;
 }
-function W(e, t, a, r) {
+function U(e, t, a, r) {
   var l = e.c;
   if (a === N && (a = e.constructor.RM), a !== 0 && a !== 1 && a !== 2 && a !== 3)
-    throw Error(_e);
+    throw Error(tt);
   if (t < 1)
     r = a === 3 && (r || !!l[0]) || t === 0 && (a === 1 && l[0] >= 5 || a === 2 && (l[0] > 5 || l[0] === 5 && (r || l[1] !== N))), l.length = 1, r ? (e.e = e.e - t + 1, l[0] = 1) : l[0] = e.e = 0;
   else if (t < l.length) {
@@ -68,13 +68,13 @@ I.abs = function() {
   return e.s = 1, e;
 };
 I.cmp = function(e) {
-  var t, a = this, r = a.c, l = (e = new a.constructor(e)).c, n = a.s, i = e.s, o = a.e, u = e.e;
+  var t, a = this, r = a.c, l = (e = new a.constructor(e)).c, n = a.s, i = e.s, u = a.e, d = e.e;
   if (!r[0] || !l[0]) return r[0] ? n : l[0] ? -i : 0;
   if (n != i) return n;
-  if (t = n < 0, o != u) return o > u ^ t ? 1 : -1;
-  for (i = (o = r.length) < (u = l.length) ? o : u, n = -1; ++n < i; )
+  if (t = n < 0, u != d) return u > d ^ t ? 1 : -1;
+  for (i = (u = r.length) < (d = l.length) ? u : d, n = -1; ++n < i; )
     if (r[n] != l[n]) return r[n] > l[n] ^ t ? 1 : -1;
-  return o == u ? 0 : o > u ^ t ? 1 : -1;
+  return u == d ? 0 : u > d ^ t ? 1 : -1;
 };
 I.div = function(e) {
   var t = this, a = t.constructor, r = t.c, l = (e = new a(e)).c, n = t.s == e.s ? 1 : -1, i = a.DP;
@@ -84,33 +84,33 @@ I.div = function(e) {
     throw Error(Ne);
   if (!r[0])
     return e.s = n, e.c = [e.e = 0], e;
-  var o, u, d, c, m, s = l.slice(), f = o = l.length, h = r.length, p = r.slice(0, o), v = p.length, g = e, z = g.c = [], S = 0, x = i + (g.e = t.e - e.e) + 1;
-  for (g.s = n, n = x < 0 ? 0 : x, s.unshift(0); v++ < o; ) p.push(0);
+  var u, d, c, s, m, o = l.slice(), f = u = l.length, g = r.length, p = r.slice(0, u), v = p.length, h = e, z = h.c = [], y = 0, x = i + (h.e = t.e - e.e) + 1;
+  for (h.s = n, n = x < 0 ? 0 : x, o.unshift(0); v++ < u; ) p.push(0);
   do {
-    for (d = 0; d < 10; d++) {
-      if (o != (v = p.length))
-        c = o > v ? 1 : -1;
+    for (c = 0; c < 10; c++) {
+      if (u != (v = p.length))
+        s = u > v ? 1 : -1;
       else
-        for (m = -1, c = 0; ++m < o; )
+        for (m = -1, s = 0; ++m < u; )
           if (l[m] != p[m]) {
-            c = l[m] > p[m] ? 1 : -1;
+            s = l[m] > p[m] ? 1 : -1;
             break;
           }
-      if (c < 0) {
-        for (u = v == o ? l : s; v; ) {
-          if (p[--v] < u[v]) {
+      if (s < 0) {
+        for (d = v == u ? l : o; v; ) {
+          if (p[--v] < d[v]) {
             for (m = v; m && !p[--m]; ) p[m] = 9;
             --p[m], p[v] += 10;
           }
-          p[v] -= u[v];
+          p[v] -= d[v];
         }
         for (; !p[0]; ) p.shift();
       } else
         break;
     }
-    z[S++] = c ? d : ++d, p[0] && c ? p[v] = r[f] || 0 : p = [r[f]];
-  } while ((f++ < h || p[0] !== N) && n--);
-  return !z[0] && S != 1 && (z.shift(), g.e--, x--), S > x && W(g, x, a.RM, p[0] !== N), g;
+    z[y++] = s ? c : ++c, p[0] && s ? p[v] = r[f] || 0 : p = [r[f]];
+  } while ((f++ < g || p[0] !== N) && n--);
+  return !z[0] && y != 1 && (z.shift(), h.e--, x--), y > x && U(h, x, a.RM, p[0] !== N), h;
 };
 I.eq = function(e) {
   return this.cmp(e) === 0;
@@ -128,33 +128,33 @@ I.lte = function(e) {
   return this.cmp(e) < 1;
 };
 I.minus = I.sub = function(e) {
-  var t, a, r, l, n = this, i = n.constructor, o = n.s, u = (e = new i(e)).s;
-  if (o != u)
-    return e.s = -u, n.plus(e);
-  var d = n.c.slice(), c = n.e, m = e.c, s = e.e;
-  if (!d[0] || !m[0])
-    return m[0] ? e.s = -u : d[0] ? e = new i(n) : e.s = 1, e;
-  if (o = c - s) {
-    for ((l = o < 0) ? (o = -o, r = d) : (s = c, r = m), r.reverse(), u = o; u--; ) r.push(0);
+  var t, a, r, l, n = this, i = n.constructor, u = n.s, d = (e = new i(e)).s;
+  if (u != d)
+    return e.s = -d, n.plus(e);
+  var c = n.c.slice(), s = n.e, m = e.c, o = e.e;
+  if (!c[0] || !m[0])
+    return m[0] ? e.s = -d : c[0] ? e = new i(n) : e.s = 1, e;
+  if (u = s - o) {
+    for ((l = u < 0) ? (u = -u, r = c) : (o = s, r = m), r.reverse(), d = u; d--; ) r.push(0);
     r.reverse();
   } else
-    for (a = ((l = d.length < m.length) ? d : m).length, o = u = 0; u < a; u++)
-      if (d[u] != m[u]) {
-        l = d[u] < m[u];
+    for (a = ((l = c.length < m.length) ? c : m).length, u = d = 0; d < a; d++)
+      if (c[d] != m[d]) {
+        l = c[d] < m[d];
         break;
       }
-  if (l && (r = d, d = m, m = r, e.s = -e.s), (u = (a = m.length) - (t = d.length)) > 0) for (; u--; ) d[t++] = 0;
-  for (u = t; a > o; ) {
-    if (d[--a] < m[a]) {
-      for (t = a; t && !d[--t]; ) d[t] = 9;
-      --d[t], d[a] += 10;
+  if (l && (r = c, c = m, m = r, e.s = -e.s), (d = (a = m.length) - (t = c.length)) > 0) for (; d--; ) c[t++] = 0;
+  for (d = t; a > u; ) {
+    if (c[--a] < m[a]) {
+      for (t = a; t && !c[--t]; ) c[t] = 9;
+      --c[t], c[a] += 10;
     }
-    d[a] -= m[a];
+    c[a] -= m[a];
   }
-  for (; d[--u] === 0; ) d.pop();
-  for (; d[0] === 0; )
-    d.shift(), --s;
-  return d[0] || (e.s = 1, d = [s = 0]), e.c = d, e.e = s, e;
+  for (; c[--d] === 0; ) c.pop();
+  for (; c[0] === 0; )
+    c.shift(), --o;
+  return c[0] || (e.s = 1, c = [o = 0]), e.c = c, e.e = o, e;
 };
 I.mod = function(e) {
   var t, a = this, r = a.constructor, l = a.s, n = (e = new r(e)).s;
@@ -170,58 +170,58 @@ I.plus = I.add = function(e) {
   var t, a, r, l = this, n = l.constructor;
   if (e = new n(e), l.s != e.s)
     return e.s = -e.s, l.minus(e);
-  var i = l.e, o = l.c, u = e.e, d = e.c;
-  if (!o[0] || !d[0])
-    return d[0] || (o[0] ? e = new n(l) : e.s = l.s), e;
-  if (o = o.slice(), t = i - u) {
-    for (t > 0 ? (u = i, r = d) : (t = -t, r = o), r.reverse(); t--; ) r.push(0);
+  var i = l.e, u = l.c, d = e.e, c = e.c;
+  if (!u[0] || !c[0])
+    return c[0] || (u[0] ? e = new n(l) : e.s = l.s), e;
+  if (u = u.slice(), t = i - d) {
+    for (t > 0 ? (d = i, r = c) : (t = -t, r = u), r.reverse(); t--; ) r.push(0);
     r.reverse();
   }
-  for (o.length - d.length < 0 && (r = d, d = o, o = r), t = d.length, a = 0; t; o[t] %= 10) a = (o[--t] = o[t] + d[t] + a) / 10 | 0;
-  for (a && (o.unshift(a), ++u), t = o.length; o[--t] === 0; ) o.pop();
-  return e.c = o, e.e = u, e;
+  for (u.length - c.length < 0 && (r = c, c = u, u = r), t = c.length, a = 0; t; u[t] %= 10) a = (u[--t] = u[t] + c[t] + a) / 10 | 0;
+  for (a && (u.unshift(a), ++d), t = u.length; u[--t] === 0; ) u.pop();
+  return e.c = u, e.e = d, e;
 };
 I.pow = function(e) {
   var t = this, a = new t.constructor("1"), r = a, l = e < 0;
-  if (e !== ~~e || e < -1e6 || e > Ye)
-    throw Error(j + "exponent");
+  if (e !== ~~e || e < -1e6 || e > Qe)
+    throw Error(W + "exponent");
   for (l && (e = -e); e & 1 && (r = r.times(t)), e >>= 1, !!e; )
     t = t.times(t);
   return l ? a.div(r) : r;
 };
 I.prec = function(e, t) {
   if (e !== ~~e || e < 1 || e > J)
-    throw Error(j + "precision");
-  return W(new this.constructor(this), e, t);
+    throw Error(W + "precision");
+  return U(new this.constructor(this), e, t);
 };
 I.round = function(e, t) {
   if (e === N) e = 0;
   else if (e !== ~~e || e < -1e6 || e > J)
     throw Error(fe);
-  return W(new this.constructor(this), e + this.e + 1, t);
+  return U(new this.constructor(this), e + this.e + 1, t);
 };
 I.sqrt = function() {
-  var e, t, a, r = this, l = r.constructor, n = r.s, i = r.e, o = new l("0.5");
+  var e, t, a, r = this, l = r.constructor, n = r.s, i = r.e, u = new l("0.5");
   if (!r.c[0]) return new l(r);
   if (n < 0)
     throw Error(ne + "No square root");
   n = Math.sqrt(r + ""), n === 0 || n === 1 / 0 ? (t = r.c.join(""), t.length + i & 1 || (t += "0"), n = Math.sqrt(t), i = ((i + 1) / 2 | 0) - (i < 0 || i & 1), e = new l((n == 1 / 0 ? "5e" : (n = n.toExponential()).slice(0, n.indexOf("e") + 1)) + i)) : e = new l(n + ""), i = e.e + (l.DP += 4);
   do
-    a = e, e = o.times(a.plus(r.div(a)));
+    a = e, e = u.times(a.plus(r.div(a)));
   while (a.c.slice(0, i).join("") !== e.c.slice(0, i).join(""));
-  return W(e, (l.DP -= 4) + e.e + 1, l.RM);
+  return U(e, (l.DP -= 4) + e.e + 1, l.RM);
 };
 I.times = I.mul = function(e) {
-  var t, a = this, r = a.constructor, l = a.c, n = (e = new r(e)).c, i = l.length, o = n.length, u = a.e, d = e.e;
+  var t, a = this, r = a.constructor, l = a.c, n = (e = new r(e)).c, i = l.length, u = n.length, d = a.e, c = e.e;
   if (e.s = a.s == e.s ? 1 : -1, !l[0] || !n[0])
     return e.c = [e.e = 0], e;
-  for (e.e = u + d, i < o && (t = l, l = n, n = t, d = i, i = o, o = d), t = new Array(d = i + o); d--; ) t[d] = 0;
-  for (u = o; u--; ) {
-    for (o = 0, d = i + u; d > u; )
-      o = t[d] + n[u] * l[d - u - 1] + o, t[d--] = o % 10, o = o / 10 | 0;
-    t[d] = o;
+  for (e.e = d + c, i < u && (t = l, l = n, n = t, c = i, i = u, u = c), t = new Array(c = i + u); c--; ) t[c] = 0;
+  for (d = u; d--; ) {
+    for (u = 0, c = i + d; c > d; )
+      u = t[c] + n[d] * l[c - d - 1] + u, t[c--] = u % 10, u = u / 10 | 0;
+    t[c] = u;
   }
-  for (o ? ++e.e : t.shift(), u = t.length; !t[--u]; ) t.pop();
+  for (u ? ++e.e : t.shift(), d = t.length; !t[--d]; ) t.pop();
   return e.c = t, e;
 };
 I.toExponential = function(e, t) {
@@ -229,7 +229,7 @@ I.toExponential = function(e, t) {
   if (e !== N) {
     if (e !== ~~e || e < 0 || e > J)
       throw Error(fe);
-    for (a = W(new a.constructor(a), ++e, t); a.c.length < e; ) a.c.push(0);
+    for (a = U(new a.constructor(a), ++e, t); a.c.length < e; ) a.c.push(0);
   }
   return Q(a, !0, !!r);
 };
@@ -238,7 +238,7 @@ I.toFixed = function(e, t) {
   if (e !== N) {
     if (e !== ~~e || e < 0 || e > J)
       throw Error(fe);
-    for (a = W(new a.constructor(a), e + a.e + 1, t), e = e + a.e + 1; a.c.length < e; ) a.c.push(0);
+    for (a = U(new a.constructor(a), e + a.e + 1, t), e = e + a.e + 1; a.c.length < e; ) a.c.push(0);
   }
   return Q(a, !1, !!r);
 };
@@ -256,8 +256,8 @@ I.toPrecision = function(e, t) {
   var a = this, r = a.constructor, l = a.c[0];
   if (e !== N) {
     if (e !== ~~e || e < 1 || e > J)
-      throw Error(j + "precision");
-    for (a = W(new r(a), e, t); a.c.length < e; ) a.c.push(0);
+      throw Error(W + "precision");
+    for (a = U(new r(a), e, t); a.c.length < e; ) a.c.push(0);
   }
   return Q(a, e <= a.e || a.e <= r.NE || a.e >= r.PE, !!l);
 };
@@ -268,7 +268,7 @@ I.valueOf = function() {
   return Q(e, e.e <= t.NE || e.e >= t.PE, !0);
 };
 var b = Oe();
-function nt(e, t) {
+function rt(e, t) {
   e.forEach((a) => {
     try {
       t(a);
@@ -278,7 +278,7 @@ function nt(e, t) {
   });
 }
 let _ = 0;
-function at() {
+function lt() {
   let e = /* @__PURE__ */ new Set(), t = e;
   return {
     add(a) {
@@ -288,47 +288,47 @@ function at() {
       return _ -= t == e && e.has(a) ? 1 : 0, e.delete(a);
     },
     flush(a) {
-      t.size && (e = /* @__PURE__ */ new Set(), _ -= t.size, nt(t, (r) => r(a) && e.add(r)), _ += e.size, t = e);
+      t.size && (e = /* @__PURE__ */ new Set(), _ -= t.size, rt(t, (r) => r(a) && e.add(r)), _ += e.size, t = e);
     }
   };
 }
-const He = at(), $e = typeof window < "u" ? window.requestAnimationFrame : () => {
-}, ae = (e) => rt(e, He);
+const He = lt(), $e = typeof window < "u" ? window.requestAnimationFrame : () => {
+}, ae = (e) => it(e, He);
 ae.now = typeof performance < "u" ? () => performance.now() : Date.now;
 ae.batchedUpdates = (e) => e();
-let F = -1;
-function rt(e, t) {
-  t.add(e), lt();
+let T = -1;
+function it(e, t) {
+  t.add(e), ot();
 }
-function lt() {
-  F < 0 && (F = 0, $e(Le));
+function ot() {
+  T < 0 && (T = 0, $e(Le));
 }
-function it() {
-  F = -1;
+function st() {
+  T = -1;
 }
 function Le() {
-  ~F && ($e(Le), ae.batchedUpdates(ot));
+  ~T && ($e(Le), ae.batchedUpdates(ut));
 }
-function ot() {
-  const e = F;
-  if (F = ae.now(), !_) {
-    it();
+function ut() {
+  const e = T;
+  if (T = ae.now(), !_) {
+    st();
     return;
   }
-  He.flush(e ? Math.min(64, F - e) : 16.667);
+  He.flush(e ? Math.min(64, T - e) : 16.667);
 }
 const xe = 50;
-function st(e) {
+function ct(e) {
   return { type: "percent", value: new b(e) };
 }
-function L(e) {
+function $(e) {
   return { type: "pixel", value: new b(e) };
 }
-function ut(e) {
-  let t = he.linear, a = 300;
-  return e.collapseAnimation && (typeof e.collapseAnimation == "string" ? t = he[e.collapseAnimation] : (a = e.collapseAnimation.duration, t = typeof e.collapseAnimation.easing == "function" ? e.collapseAnimation.easing : he[e.collapseAnimation.easing])), { ease: t, duration: a };
+function dt(e) {
+  let t = ge.linear, a = 300;
+  return e.collapseAnimation && (typeof e.collapseAnimation == "string" ? t = ge[e.collapseAnimation] : (a = e.collapseAnimation.duration, t = typeof e.collapseAnimation.easing == "function" ? e.collapseAnimation.easing : ge[e.collapseAnimation.easing])), { ease: t, duration: a };
 }
-const he = {
+const ge = {
   "ease-in-out": function(t) {
     return ((t *= 2) <= 1 ? t * t : --t * (2 - t) + 1) / 2;
   },
@@ -342,28 +342,28 @@ const he = {
 function Ve(e) {
   return e.orientation === "horizontal" ? e.dragOvershoot.gt(0) ? "w-resize" : e.dragOvershoot.lt(0) ? "e-resize" : "ew-resize" : e.dragOvershoot.gt(0) ? "n-resize" : e.dragOvershoot.lt(0) ? "s-resize" : "ns-resize";
 }
-function ct(e) {
+function ft(e) {
   if ("context" in e && (e = e.context), "items" in e) {
     e.dragOvershoot = new b(e.dragOvershoot || 0);
     for (const t of e.items)
-      y(t) ? (t.currentValue.value = new b(t.currentValue.value), t.collapsedSize.value = new b(t.collapsedSize.value), t.min.value = new b(t.min.value), t.default && (t.default.value = new b(t.default.value)), t.max && t.max !== "1fr" && (t.max.value = new b(t.max.value))) : t.size.value = new b(t.size.value);
+      P(t) ? (t.currentValue.value = new b(t.currentValue.value), t.collapsedSize.value = new b(t.collapsedSize.value), t.min.value = new b(t.min.value), t.default && (t.default.value = new b(t.default.value)), t.max && t.max !== "1fr" && (t.max.value = new b(t.max.value))) : t.size.value = new b(t.size.value);
     return e;
   }
 }
-function T(e, t) {
+function j(e, t) {
   if (!e)
     throw new Error(t);
 }
 function Z(e, t) {
-  T(t.includes(e.type), `Invalid event type: ${t}. Expected: ${t.join(" | ")}`);
+  j(t.includes(e.type), `Invalid event type: ${t}. Expected: ${t.join(" | ")}`);
 }
-function y(e) {
+function P(e) {
   return !!(e && typeof e == "object" && "type" in e && e.type === "panel");
 }
-function k(e) {
+function R(e) {
   return !!(e && typeof e == "object" && "type" in e && e.type === "handle");
 }
-function dt(e) {
+function pt(e) {
   const t = () => {
     let r = null;
     return (l) => {
@@ -377,77 +377,77 @@ function dt(e) {
   };
   return { ...{
     type: "panel",
-    min: q(e.min || "0px"),
-    max: e.max ? q(e.max) : "1fr",
+    min: F(e.min || "0px"),
+    max: e.max ? F(e.max) : "1fr",
     collapsed: e.collapsible ? e.collapsed ?? e.defaultCollapsed ?? !1 : void 0,
     collapsible: e.collapsible,
-    collapsedSize: q(e.collapsedSize ?? "0px"),
+    collapsedSize: F(e.collapsedSize ?? "0px"),
     onCollapseChange: e.onCollapseChange,
     onResize: { current: t() },
     collapseIsControlled: typeof e.collapsed < "u",
     sizeBeforeCollapse: void 0,
     id: e.id,
     collapseAnimation: e.collapseAnimation,
-    default: e.default ? q(e.default) : void 0,
+    default: e.default ? F(e.default) : void 0,
     isStaticAtRest: e.isStaticAtRest
-  }, currentValue: L(-1) };
+  }, currentValue: $(-1) };
 }
 function ee(e, t) {
   return e.type === t.type && e.value.eq(t.value);
 }
-function ft(e, t) {
+function mt(e, t) {
   return !!(!t || !ee(e.min, t.min) || e.max === "1fr" && t.max !== "1fr" || e.max !== "1fr" && t.max === "1fr" || e.max !== "1fr" && t.max !== "1fr" && !ee(e.max, t.max) || e.default && !t.default || !e.default && t.default || e.default && t.default && !ee(e.default, t.default) || !ee(e.collapsedSize, t.collapsedSize) || e.isStaticAtRest !== t.isStaticAtRest || e.collapseAnimation && !t.collapseAnimation || !e.collapseAnimation && t.collapseAnimation || typeof e.collapseAnimation == "string" && typeof t.collapseAnimation == "string" && e.collapseAnimation !== t.collapseAnimation || typeof e.collapseAnimation == "object" && typeof t.collapseAnimation == "object" && (e.collapseAnimation.duration !== t.collapseAnimation.duration || e.collapseAnimation.easing !== t.collapseAnimation.easing) || e.collapsible !== t.collapsible);
 }
-function pt(e, t) {
+function gt(e, t) {
   return !t || !ee(e.size, t.size);
 }
-function mt(e) {
+function ht(e) {
   return {
     type: "handle",
     ...e,
-    size: typeof e.size == "string" ? q(e.size) : e.size
+    size: typeof e.size == "string" ? F(e.size) : e.size
   };
 }
-function q(e) {
+function F(e) {
   if (e === "1fr" && (e = "100%"), e.endsWith("px"))
-    return L(parseFloat(e));
+    return $(parseFloat(e));
   if (e.endsWith("%"))
-    return st(parseFloat(e) / 100);
+    return ct(parseFloat(e) / 100);
   throw new Error(`Invalid unit: ${e}`);
 }
 function Y(e, t) {
   return t.type === "pixel" ? e === 0 ? 0 : t.value.div(e).toNumber() : t.value.toNumber();
 }
-function D(e) {
+function V(e) {
   return e.orientation === "horizontal" ? e.size.width : e.size.height;
 }
-function A(e, t) {
-  const a = t === "1fr" ? q(t) : t;
-  return a.type === "pixel" ? a.value : a.value.mul(D(e));
+function C(e, t) {
+  const a = t === "1fr" ? F(t) : t;
+  return a.type === "pixel" ? a.value : a.value.mul(V(e));
 }
-function H(e, t, a) {
-  const r = A(e, t.min), l = A(e, t.max);
+function O(e, t, a) {
+  const r = C(e, t.min), l = C(e, t.max);
   return a.gte(r) && a.lte(l) ? a : a.lt(r) ? r : l;
 }
-function E(e, t) {
+function B(e, t) {
   const a = e.items.find((r) => r.id === t);
-  if (a && y(a))
+  if (a && P(a))
     return a;
   throw new Error(`Expected panel with id: ${t}`);
 }
 function Ce(e, t) {
   const a = e.items.findIndex((r) => r.id === t);
-  if (a !== -1 && k(e.items[a]))
+  if (a !== -1 && R(e.items[a]))
     return a;
   throw new Error(`Expected panel handle with id: ${t}`);
 }
-function ht(e, t) {
+function vt(e, t) {
   if (!e.items.length)
     throw new Error("No items in group");
   const a = Ce(e, t), r = e.items[a - 1], l = e.items[a + 1];
-  if (r && y(r) && r.collapsible)
+  if (r && P(r) && r.collapsible)
     return r;
-  if (l && y(l) && l.collapsible)
+  if (l && P(l) && l.collapsible)
     return l;
   throw new Error(`No collapsible panel found for handle: ${t}`);
 }
@@ -455,27 +455,27 @@ function ce(e, t) {
   const a = e.items.findIndex((l) => l.id === t);
   if (e.activeDragHandleId) {
     const l = Ce(e, e.activeDragHandleId), n = e.items[l];
-    if (n && k(n))
+    if (n && R(n))
       return {
         item: n,
         direction: l > a ? 1 : -1
       };
   }
-  T(a !== -1, `Expected panel before: ${t}`);
+  j(a !== -1, `Expected panel before: ${t}`);
   let r = e.items[a + 1];
-  if (r && k(r))
+  if (r && R(r))
     return { item: r, direction: 1 };
-  if (r = e.items[a - 1], r && k(r))
+  if (r = e.items[a - 1], r && R(r))
     return { item: r, direction: -1 };
   throw new Error(`Cant find handle for panel: ${t}`);
 }
 function Me(e, t) {
   const a = e.items.findIndex((l) => l.id === t);
-  T(a !== -1, `Expected panel before: ${t}`);
+  j(a !== -1, `Expected panel before: ${t}`);
   let r = e.items[a + 1];
-  return r && k(r) && te(e, e.items, a + 1, 1, "add") ? { item: r, direction: 1 } : (r = e.items[a - 1], r && k(r) && te(e, e.items, a - 1, -1, "add") ? { item: r, direction: -1 } : ce(e, t));
+  return r && R(r) && te(e, e.items, a + 1, 1, "add") ? { item: r, direction: 1 } : (r = e.items[a - 1], r && R(r) && te(e, e.items, a - 1, -1, "add") ? { item: r, direction: -1 } : ce(e, t));
 }
-function gt(e) {
+function qe(e) {
   const t = {}, a = e.map((i) => i.order).filter((i) => i !== void 0);
   let r = 0;
   for (const i of e)
@@ -484,104 +484,104 @@ function gt(e) {
         r++;
       t[i.id] = r;
     }
-  const l = e.filter((i) => i.order === void 0), n = e.filter((i) => i.order !== void 0).sort((i, o) => i.order - o.order);
+  const l = e.filter((i) => i.order === void 0), n = e.filter((i) => i.order !== void 0).sort((i, u) => i.order - u.order);
   for (const i of n)
     l.splice(i.order, 0, i);
   return l;
 }
-function vt(e, t, a) {
-  return T(t.currentValue.type === "pixel", `panelHasSpace only works with number values: ${t.id} ${t.currentValue}`), t.collapsible ? !t.collapsed : a === "add" ? t.currentValue.value.gte(A(e, t.min)) && t.currentValue.value.lt(A(e, t.max)) : t.currentValue.value.gt(A(e, t.min));
+function wt(e, t, a) {
+  return j(t.currentValue.type === "pixel", `panelHasSpace only works with number values: ${t.id} ${t.currentValue}`), t.collapsible ? !t.collapsed : a === "add" ? t.currentValue.value.gte(C(e, t.min)) && t.currentValue.value.lt(C(e, t.max)) : t.currentValue.value.gt(C(e, t.min));
 }
 function te(e, t, a, r, l, n) {
   const i = r === -1 ? t.slice(0, a + 1).reverse() : t.slice(a);
-  for (const o of i) {
-    if (!y(o))
+  for (const u of i) {
+    if (!P(u))
       continue;
-    const u = n ? ve(e, o) : o;
-    if (vt(e, u, l))
-      return o;
+    const d = n ? ve(e, u) : u;
+    if (wt(e, d, l))
+      return u;
   }
 }
 function pe(e) {
   let t = new b(0);
   for (const a of e.items)
-    k(a) ? t = t.add(a.size.value) : (a.collapsed && a.currentValue.type === "pixel" || a.isStaticAtRest) && (t = t.add(a.currentValue.value));
+    R(a) ? t = t.add(a.size.value) : (a.collapsed && a.currentValue.type === "pixel" || a.isStaticAtRest) && (t = t.add(a.currentValue.value));
   return t;
 }
-function B(e) {
+function k(e) {
   return e.type === "pixel" ? `${e.value.toNumber()}px` : `${e.value.mul(100).toNumber()}%`;
 }
-function wt(e) {
-  return O(e).map((t) => y(t) ? t.currentValue.value.toNumber() : A(e, t.size).toNumber());
+function zt(e) {
+  return E(e).map((t) => P(t) ? t.currentValue.value.toNumber() : C(e, t.size).toNumber());
 }
-function zt(e, t) {
-  return E({ ...e, items: O(e) }, t).currentValue.value.toNumber();
+function bt(e, t) {
+  return B({ ...e, items: E(e) }, t).currentValue.value.toNumber();
 }
-function bt(e) {
+function It(e) {
   return Ae({
     ...e,
-    items: O(e)
-  }).map((a) => k(a) ? Y(D(e), a.size) : Y(D(e), a.currentValue));
+    items: E(e)
+  }).map((a) => R(a) ? Y(V(e), a.size) : Y(V(e), a.currentValue));
 }
-function It(e, t) {
-  const a = O(e), r = E({ ...e, items: a }, t);
-  return Y(D(e), r.currentValue);
+function yt(e, t) {
+  const a = E(e), r = B({ ...e, items: a }, t);
+  return Y(V(e), r.currentValue);
 }
 function De(e) {
   const t = pe(e);
   let a = !1;
   return e.items.map((r) => {
     if (r.type === "panel") {
-      const l = B(r.min);
+      const l = k(r.min);
       if (r.currentValue.type === "pixel" && r.currentValue.value.toNumber() !== -1) {
         if (r.isStaticAtRest) {
-          const n = r.max === "1fr" ? "100%" : B(r.max);
-          return `clamp(${l}, ${B(r.currentValue)}, ${n})`;
+          const n = r.max === "1fr" ? "100%" : k(r.max);
+          return `clamp(${l}, ${k(r.currentValue)}, ${n})`;
         }
-        return B(r.currentValue);
+        return k(r.currentValue);
       } else if (r.currentValue.type === "percent") {
         if (!a && (r.max === "1fr" || r.max.type === "percent" && r.max.value.eq(100)))
           return a = !0, `minmax(${l}, 1fr)`;
-        const n = r.max === "1fr" ? "100%" : B(r.max);
+        const n = r.max === "1fr" ? "100%" : k(r.max);
         return `minmax(${l}, min(calc(${r.currentValue.value} * (100% - ${t}px)), ${n}))`;
       } else {
         if (r.collapsible && r.collapsed)
-          return B(r.collapsedSize);
+          return k(r.collapsedSize);
         if (r.default) {
-          if (e.items.some((o) => y(o) && o.id !== r.id && !o.collapsed && (o.max === "1fr" || o.max.type === "percent" && o.max.value.eq(100))))
-            return B(r.default);
-          const i = r.max === "1fr" ? "1fr" : B(r.max);
-          return `minmax(${B(r.default)}, ${i})`;
+          if (e.items.some((u) => P(u) && u.id !== r.id && !u.collapsed && (u.max === "1fr" || u.max.type === "percent" && u.max.value.eq(100))))
+            return k(r.default);
+          const i = r.max === "1fr" ? "1fr" : k(r.max);
+          return `minmax(${k(r.default)}, ${i})`;
         } else {
-          const n = r.max === "1fr" ? "1fr" : B(r.max);
+          const n = r.max === "1fr" ? "1fr" : k(r.max);
           return `minmax(${l}, ${n})`;
         }
       }
     }
-    return B(r.size);
+    return k(r.size);
   }).join(" ");
 }
-function ge(e, t) {
+function he(e, t) {
   const a = e.findIndex((l) => l.id === t.id || typeof l.order == "number" && l.order === t.order);
   let r = e;
-  return a !== -1 && (r = e.filter((l, n) => n !== a)), gt([...r, t]);
+  return a !== -1 && (r = e.filter((l, n) => n !== a)), qe([...r, t]);
 }
 function ve(e, t) {
   return {
     ...t,
-    min: L(-1e5),
-    max: L(1e5)
+    min: $(-1e5),
+    max: $(1e5)
   };
 }
-function O(e) {
+function E(e) {
   const t = pe(e), a = [];
   for (const r of e.items) {
-    if (!r || !y(r)) {
+    if (!r || !P(r)) {
       a.push({ ...r });
       continue;
     }
     if (r.lastKnownSize) {
-      const n = L(e.orientation === "horizontal" ? r.lastKnownSize.width : r.lastKnownSize.height);
+      const n = $(e.orientation === "horizontal" ? r.lastKnownSize.width : r.lastKnownSize.height);
       a.push({ ...r, currentValue: n });
       continue;
     }
@@ -589,71 +589,71 @@ function O(e) {
       a.push({ ...r });
       continue;
     }
-    const l = new b(D(e)).minus(t).mul(r.currentValue.value);
+    const l = new b(V(e)).minus(t).mul(r.currentValue.value);
     a.push({
       ...r,
-      currentValue: L(l.toNumber())
+      currentValue: $(l.toNumber())
     });
   }
   return a;
 }
 function oe(e, t) {
-  var C, R, K, M;
-  const a = Ce(e, t.handleId), r = e.items[a], l = [...e.items];
-  let n = e.orientation === "horizontal" ? t.value.deltaX : t.value.deltaY;
-  if (t.value.shiftKey && (n *= e.shiftAmount ?? 15), n === 0)
+  var D, K, L, M;
+  const a = Ce(e, t.handleId), r = e.items[a], n = e.items.some((w) => P(w) && w.currentValue.type !== "pixel") ? E(e) : [...e.items];
+  let i = e.orientation === "horizontal" ? t.value.deltaX : t.value.deltaY;
+  if (t.value.shiftKey && (i *= e.shiftAmount ?? 15), i === 0)
     return {};
-  const i = n / Math.abs(n), o = te(e, l, a + i, i, "subtract", t.disregardCollapseBuffer);
-  if (!o)
+  const u = i / Math.abs(i), d = te(e, n, a + u, u, "subtract", t.disregardCollapseBuffer);
+  if (!d)
     return {
-      dragOvershoot: e.dragOvershoot.add(n)
+      dragOvershoot: e.dragOvershoot.add(i)
     };
-  T(y(o), `Expected panel before: ${r.id}`);
-  const u = t.type === "collapsePanel" && // If we have the panel id just use that
-  (l.find((V) => V.id === t.panelId && o.id !== t.panelId) || // otherwise fallback to the next panel with space
-  te(e, l, a - i, i * -1, "add", t.disregardCollapseBuffer)) || l[a - i];
-  if (T(u && y(u), `Expected panel after: ${r.id}`), u.currentValue.value.eq(A(e, u.max)))
+  j(P(d), `Expected panel before: ${r.id}`);
+  const c = t.type === "collapsePanel" && // If we have the panel id just use that
+  (n.find((w) => w.id === t.panelId && d.id !== t.panelId) || // otherwise fallback to the next panel with space
+  te(e, n, a - u, u * -1, "add", t.disregardCollapseBuffer)) || n[a - u];
+  if (j(c && P(c), `Expected panel after: ${r.id}`), c.currentValue.value.eq(C(e, c.max)))
     return {
-      dragOvershoot: e.dragOvershoot.add(n)
+      dragOvershoot: e.dragOvershoot.add(i)
     };
-  const d = e.dragOvershoot.add(n);
+  const s = e.dragOvershoot.add(i);
   if (!t.disregardCollapseBuffer && !t.controlled) {
-    const V = d.lt(0) && i > 0, w = d.gt(0) && i > 0, P = d.gt(0) && i < 0, U = d.lt(0) && i < 0, re = u.currentValue.value.add(new b(d).mul(P ? i : 1)), le = A(e, u.min), Fe = d.abs().lt(xe) && // Let the panel expand at it's min size
-    !u.currentValue.value.add(d.abs()).gte(u.min.value) && u.collapsible && u.collapsed && (w || U);
-    if (re.lte(le) && (d.eq(0) || P || V || Fe))
-      return { dragOvershoot: d };
+    const w = s.lt(0) && u > 0, S = s.gt(0) && u > 0, q = s.gt(0) && u < 0, re = s.lt(0) && u < 0, le = c.currentValue.value.add(new b(s).mul(q ? u : 1)), Te = C(e, c.min), je = s.abs().lt(xe) && // Let the panel expand at it's min size
+    !c.currentValue.value.add(s.abs()).gte(c.min.value) && c.collapsible && c.collapsed && (S || re);
+    if (le.lte(Te) && (s.eq(0) || q || w || je))
+      return { dragOvershoot: s };
   }
-  if (!t.disregardCollapseBuffer && !t.controlled && o.collapsible && o.currentValue.value.eq(A(e, o.min))) {
-    const V = o.currentValue.value.sub(d.abs());
-    if (d.abs().lt(xe) && V.gt(A(e, o.collapsedSize)))
-      return { dragOvershoot: d };
+  if (!t.disregardCollapseBuffer && !t.controlled && d.collapsible && d.currentValue.value.eq(C(e, d.min))) {
+    const w = d.currentValue.value.sub(s.abs());
+    if (s.abs().lt(xe) && w.gt(C(e, d.collapsedSize)))
+      return { dragOvershoot: s };
   }
-  const c = ve(e, o), m = o.currentValue.value, s = o.currentValue.value.minus(new b(n).mul(i));
-  let f = t.disregardCollapseBuffer ? H(e, c, s) : H(e, o, s);
-  const h = ve(e, u), p = u.currentValue.value, v = m.minus(f), g = u.currentValue.value.add(v);
-  let z = t.disregardCollapseBuffer ? H(e, h, g) : H(e, u, g);
+  const m = ve(e, d), o = d.currentValue.value, f = d.currentValue.value.minus(new b(i).mul(u));
+  let g = t.disregardCollapseBuffer ? O(e, m, f) : O(e, d, f);
+  const p = ve(e, c), v = c.currentValue.value, h = o.minus(g), z = c.currentValue.value.add(h);
+  let y = t.disregardCollapseBuffer ? O(e, p, z) : O(e, c, z);
   if (t.disregardCollapseBuffer)
-    u.collapsible && u.collapsed && (u.collapsed = !1);
-  else if (u.collapsible && u.collapsed) {
-    if ((C = u.onCollapseChange) != null && C.current && u.collapseIsControlled && !t.controlled && !t.isVirtual)
-      return u.onCollapseChange.current(!1), { dragOvershoot: d };
-    const V = (
+    c.collapsible && c.collapsed && (c.collapsed = !1);
+  else if (c.collapsible && c.collapsed) {
+    if ((D = c.onCollapseChange) != null && D.current && c.collapseIsControlled && !t.controlled && !t.isVirtual)
+      return c.onCollapseChange.current(!1), { dragOvershoot: s };
+    const w = (
       // Take the size it was at
-      A(e, u.collapsedSize).add(e.dragOvershoot.abs()).sub(z.add(Math.abs(n)))
+      C(e, c.collapsedSize).add(e.dragOvershoot.abs()).sub(y.add(Math.abs(i)))
     );
-    if (V.gt(0) && (z = z.add(V)), f = f.minus(z.minus(p).minus(Math.abs(n))), f.lt(o.min.value) && !o.collapsible)
-      return { dragOvershoot: d };
-    u.collapsed = !1, (R = u.onCollapseChange) != null && R.current && !u.collapseIsControlled && !t.controlled && !t.isVirtual && u.onCollapseChange.current(!1);
+    if (w.gt(0) && (y = y.add(w)), g = g.minus(y.minus(v).minus(Math.abs(i))), g.lt(d.min.value) && !d.collapsible)
+      return { dragOvershoot: s };
+    c.collapsed = !1, (K = c.onCollapseChange) != null && K.current && !c.collapseIsControlled && !t.controlled && !t.isVirtual && c.onCollapseChange.current(!1);
   }
-  const S = o.currentValue.value.eq(A(e, o.min));
-  if (!t.disregardCollapseBuffer && o.collapsible && S) {
-    if ((K = o.onCollapseChange) != null && K.current && o.collapseIsControlled && !t.controlled && !t.isVirtual)
-      return o.onCollapseChange.current(!0), { dragOvershoot: d };
-    o.collapsed = !0, f = A(e, o.collapsedSize), z = u.currentValue.value.add(m.minus(f)), (M = o.onCollapseChange) != null && M.current && !o.collapseIsControlled && !t.controlled && !t.isVirtual && o.onCollapseChange.current(!0);
+  const x = d.currentValue.value.eq(C(e, d.min));
+  if (!t.disregardCollapseBuffer && d.collapsible && x) {
+    if ((L = d.onCollapseChange) != null && L.current && d.collapseIsControlled && !t.controlled && !t.isVirtual)
+      return d.onCollapseChange.current(!0), { dragOvershoot: s };
+    d.collapsed = !0, g = C(e, d.collapsedSize), y = c.currentValue.value.add(o.minus(g)), (M = d.onCollapseChange) != null && M.current && !d.collapseIsControlled && !t.controlled && !t.isVirtual && d.onCollapseChange.current(!0);
   }
-  o.currentValue = { type: "pixel", value: f }, u.currentValue = { type: "pixel", value: z };
-  const x = new b(D(e)).minus(l.reduce((V, w) => V.add(y(w) ? w.currentValue.value : w.size.value), new b(0)));
-  return x.eq(0) || (o.currentValue.value = H(e, o, o.currentValue.value.add(x))), { items: l };
+  d.currentValue = { type: "pixel", value: g }, c.currentValue = { type: "pixel", value: y };
+  const A = new b(V(e)).minus(n.reduce((w, S) => w.add(P(S) ? S.currentValue.value : S.size.value), new b(0)));
+  return A.eq(0) || (d.currentValue.value = O(e, d, d.currentValue.value.add(A))), { items: n };
 }
 function Ae(e) {
   const t = [...e.items];
@@ -669,7 +669,7 @@ function Ae(e) {
       ...r,
       currentValue: {
         type: "percent",
-        value: r.currentValue.value.div(new b(D(e)).sub(a))
+        value: r.currentValue.value.div(new b(V(e)).sub(a))
       }
     });
   }), t;
@@ -686,115 +686,115 @@ function we({ delta: e, orientation: t = "horizontal", shiftKey: a = !1 }) {
     deltaY: t === "horizontal" ? 0 : e
   };
 }
-function de({ context: e, handleId: t, delta: a, direction: r, controlled: l, disregardCollapseBuffer: n, isVirtual: i, panelId: o }) {
-  let u = e;
-  for (let d = 0; d < a.abs().toNumber(); d++)
-    u = oe({
+function de({ context: e, handleId: t, delta: a, direction: r, controlled: l, disregardCollapseBuffer: n, isVirtual: i, panelId: u }) {
+  let d = e;
+  for (let c = 0; c < a.abs().toNumber(); c++)
+    d = oe({
       ...e,
-      ...u
+      ...d
     }, {
       handleId: t,
       type: "collapsePanel",
       controlled: l,
       disregardCollapseBuffer: n,
       isVirtual: i,
-      panelId: o,
+      panelId: u,
       value: we({
         delta: r,
         orientation: e.orientation
       })
     });
-  return u;
+  return d;
 }
 function ze(e, t, a, r) {
   let l = !1, n = 1, i = new b(r);
   for (; i.toNumber() !== 0; ) {
-    const o = te(e, t, a + n, n, r.gt(0) ? "add" : "subtract");
-    if (!o) {
+    const u = te(e, t, a + n, n, r.gt(0) ? "add" : "subtract");
+    if (!u) {
       if (l)
         break;
       n = n === 1 ? -1 : 1, l = !0;
       continue;
     }
-    const u = o.currentValue.value, d = H(e, o, u.add(i));
-    o.currentValue.value = d, i = i.sub(d.sub(u)), n = n === 1 ? -1 : 1;
+    const d = u.currentValue.value, c = O(e, u, d.add(i));
+    u.currentValue.value = c, i = i.sub(c.sub(d)), n = n === 1 ? -1 : 1;
   }
 }
-function yt(e) {
-  if (e.items.some((u) => y(u) && u.currentValue.value.eq(-1)))
+function Pt(e) {
+  if (e.items.some((d) => P(d) && d.currentValue.value.eq(-1)))
     return e;
-  const t = new b(D(e)), a = t.sub(pe(e).toNumber()), l = e.items.map((u) => {
-    if (k(u))
-      return u.size.value;
-    if (u.collapsed)
-      return A(e, u.currentValue);
-    const d = u.currentValue.type === "pixel" && u.currentValue.value || u.currentValue.value.mul(a);
-    return H(e, u, d);
-  }).reduce((u, d) => u.add(d), new b(0)), n = l.abs().sub(t);
+  const t = new b(V(e)), a = t.sub(pe(e).toNumber()), l = e.items.map((d) => {
+    if (R(d))
+      return d.size.value;
+    if (d.collapsed)
+      return C(e, d.currentValue);
+    const c = d.currentValue.type === "pixel" && d.currentValue.value || d.currentValue.value.mul(a);
+    return O(e, d, c);
+  }).reduce((d, c) => d.add(c), new b(0)), n = l.abs().sub(t);
   if (n.eq(0) || t.eq(0))
     return e;
-  let i = { ...e, items: O(e) };
-  const o = i.items.find((u) => !!(y(u) && u.collapsible));
-  if (o) {
-    const u = i.items.findIndex((m) => m.id === o.id), d = ce(i, o.id), c = o.currentValue.value.sub(A(i, o.collapsedSize));
+  let i = { ...e, items: E(e) };
+  const u = i.items.find((d) => !!(P(d) && d.collapsible));
+  if (u) {
+    const d = i.items.findIndex((m) => m.id === u.id), c = ce(i, u.id), s = u.currentValue.value.sub(C(i, u.collapsedSize));
     i = {
       ...i,
       ...de({
-        handleId: d.item.id,
-        delta: c,
-        direction: d.direction * -1,
-        panelId: o.id,
+        handleId: c.item.id,
+        delta: s,
+        direction: c.direction * -1,
+        panelId: u.id,
         context: {
           ...i,
           // act like its the old size so the space is distributed correctly
           size: { width: l.toNumber(), height: l.toNumber() }
         }
       })
-    }, ze(i, i.items, u, n.neg());
+    }, ze(i, i.items, d, n.neg());
   }
   return { ...i, items: Ae(i) };
 }
 function Re(e) {
   return e.map((t) => ({ ...t, lastKnownSize: void 0 }));
 }
-function Pt(e, t) {
+function St(e, t) {
   document.cookie = `${e}=${encodeURIComponent(`${t}`)};path=/;max-age=31536000`;
 }
-function qe(e, t) {
-  const a = E(e, t.panelId);
+function Fe(e, t) {
+  const a = B(e, t.panelId);
   if (t.type === "expandPanel")
-    return new b(a.sizeBeforeCollapse ?? A(e, a.min)).minus(a.currentValue.value);
-  const r = A(e, a.collapsedSize);
+    return new b(a.sizeBeforeCollapse ?? C(e, a.min)).minus(a.currentValue.value);
+  const r = C(e, a.collapsedSize);
   return a.currentValue.value.minus(r);
 }
 function ke(e, t, a, r) {
-  const l = E(e, t.panelId), n = Me(e, t.panelId);
+  const l = B(e, t.panelId), n = Me(e, t.panelId);
   let i = new b(n.direction);
-  const o = qe(e, t), u = { ...e, items: O(e) }, d = de({
-    context: u,
+  const u = Fe(e, t), d = { ...e, items: E(e) }, c = de({
+    context: d,
     panelId: t.panelId,
     handleId: n.item.id,
-    delta: o,
+    delta: u,
     direction: n.direction,
     isVirtual: !0
   });
-  return new Promise((c, m) => {
+  return new Promise((s, m) => {
     r.signal.addEventListener("abort", () => {
       m(new Error("Operation was canceled"));
     }), t.type === "collapsePanel" && (l.sizeBeforeCollapse = l.currentValue.value.toNumber(), i = i.mul(new b(-1)));
-    const s = 60, { duration: f, ease: h } = ut(l), p = Math.ceil(l.collapseAnimation ? f / (1e3 / s) : 1);
-    let v = 0, g = new b(0);
+    const o = 60, { duration: f, ease: g } = dt(l), p = Math.ceil(l.collapseAnimation ? f / (1e3 / o) : 1);
+    let v = 0, h = new b(0);
     function z() {
-      const S = ++v / p, x = new b(l.collapseAnimation ? h(S) : 1), C = x.mul(o).sub(g).mul(i);
+      const y = ++v / p, x = new b(l.collapseAnimation ? g(y) : 1), A = x.mul(u).sub(h).mul(i);
       if (a({
         type: "applyDelta",
         handleId: n.item.id,
-        delta: C.toNumber(),
+        delta: A.toNumber(),
         panelId: l.id
-      }), g = g.add(C.abs().mul(C.gt(0) && i.lt(0) || C.lt(0) && i.gt(0) ? -1 : 1)), x.eq(1)) {
-        e.items.find((K) => y(K) && K.currentValue.value.round(void 0, b.roundHalfEven).lt(0)) && se(e, d);
-        const R = t.type === "expandPanel" ? "expand" : "collapse";
-        return c({ panelId: l.id, action: R, resolve: t.resolve }), !1;
+      }), h = h.add(A.abs().mul(A.gt(0) && i.lt(0) || A.lt(0) && i.gt(0) ? -1 : 1)), x.eq(1)) {
+        e.items.find((K) => P(K) && K.currentValue.value.round(void 0, b.roundHalfEven).lt(0)) && se(e, c);
+        const D = t.type === "expandPanel" ? "expand" : "collapse";
+        return s({ panelId: l.id, action: D, resolve: t.resolve }), !1;
       }
       return !0;
     }
@@ -805,8 +805,8 @@ function se(e, t) {
   for (const a in t)
     e[a] = t[a];
 }
-let St = 0;
-function Ct(e, t) {
+let Ct = 0;
+function At(e, t) {
   const a = new AbortController(), r = {
     current: "idle"
   };
@@ -816,12 +816,12 @@ function Ct(e, t) {
     items: e.items || [],
     orientation: e.orientation || "horizontal",
     dragOvershoot: new b(0),
-    groupId: e.groupId || `group-${St++}`,
+    groupId: e.groupId || `group-${Ct++}`,
     autosaveStrategy: e.autosaveStrategy,
     shiftAmount: e.shiftAmount ?? 15
   }, i = {
     prepare: () => {
-      n.items = O(n);
+      n.items = E(n);
     },
     clearLastKnownSize: () => {
       n.items = Re(n.items);
@@ -830,94 +830,94 @@ function Ct(e, t) {
       n.dragOvershoot = new b(0), n.items = Ae(n);
     },
     onResize: () => {
-      var c, m;
-      for (const s of n.items)
-        if (y(s)) {
-          const f = s.lastKnownSize ? new b(n.orientation === "horizontal" ? s.lastKnownSize.width : s.lastKnownSize.height) : H(n, s, A(n, s.currentValue)), h = D(n);
-          (m = (c = s.onResize) == null ? void 0 : c.current) == null || m.call(c, {
+      var s, m;
+      for (const o of n.items)
+        if (P(o)) {
+          const f = o.lastKnownSize ? new b(n.orientation === "horizontal" ? o.lastKnownSize.width : o.lastKnownSize.height) : O(n, o, C(n, o.currentValue)), g = V(n);
+          (m = (s = o.onResize) == null ? void 0 : s.current) == null || m.call(s, {
             pixel: f.toNumber(),
-            percentage: h > 0 ? f.div(D(n)).toNumber() : -1
+            percentage: g > 0 ? f.div(V(n)).toNumber() : -1
           });
         }
     },
     onAutosave: () => {
       if (!n.autosaveStrategy || typeof window > "u")
         return;
-      const c = { ...n };
-      c.items = Re(n.items), c.activeDragHandleId = n.activeDragHandleId;
-      const m = JSON.stringify(c);
-      n.autosaveStrategy === "localStorage" ? localStorage.setItem(n.groupId, m) : Pt(n.groupId, m);
+      const s = { ...n };
+      s.items = Re(n.items), s.activeDragHandleId = n.activeDragHandleId;
+      const m = JSON.stringify(s);
+      n.autosaveStrategy === "localStorage" ? localStorage.setItem(n.groupId, m) : St(n.groupId, m);
     },
-    removeItem: (c) => {
-      const m = n.items.findIndex((p) => p.id === c), s = n.items[m];
-      if (!s)
+    removeItem: (s) => {
+      const m = n.items.findIndex((p) => p.id === s), o = n.items[m];
+      if (!o)
         return;
-      const f = n.items.filter((p) => p.id !== c), h = y(s) ? s.currentValue.value : s.size.value;
-      ze(n, f, m, h), n.items = f;
+      const f = n.items.filter((p) => p.id !== s), g = P(o) ? o.currentValue.value : o.size.value;
+      ze(n, f, m, g), n.items = f;
     },
-    notifyCollapseToggle: (c) => {
-      var s, f;
-      Z(c, ["collapsePanel", "expandPanel"]);
-      const m = E(n, c.panelId);
-      (f = (s = m.onCollapseChange) == null ? void 0 : s.current) == null || f.call(s, !m.collapsed);
+    notifyCollapseToggle: (s) => {
+      var o, f;
+      Z(s, ["collapsePanel", "expandPanel"]);
+      const m = B(n, s.panelId);
+      (f = (o = m.onCollapseChange) == null ? void 0 : o.current) == null || f.call(o, !m.collapsed);
     },
-    runCollapseToggle: (c) => {
-      Z(c, ["collapsePanel", "expandPanel"]);
-      const m = ce(n, c.panelId), s = c.type === "collapsePanel" ? m.direction * -1 : m.direction, f = oe(n, {
-        panelId: c.panelId,
+    runCollapseToggle: (s) => {
+      Z(s, ["collapsePanel", "expandPanel"]);
+      const m = ce(n, s.panelId), o = s.type === "collapsePanel" ? m.direction * -1 : m.direction, f = oe(n, {
+        panelId: s.panelId,
         handleId: m.item.id,
         type: "dragHandle",
-        controlled: c.controlled,
+        controlled: s.controlled,
         value: we({
-          delta: s,
+          delta: o,
           orientation: n.orientation
         })
       });
       se(n, f);
     },
-    onAnimationEnd: (c) => {
-      var s, f;
-      T(c, "Expected output from animation actor");
-      const m = E(n, c.panelId);
-      m.collapsed = c.action === "collapse", m.collapsed && (m.currentValue = m.collapsedSize), m.collapseIsControlled || (f = (s = m.onCollapseChange) == null ? void 0 : s.current) == null || f.call(s, m.collapsed), i.commit();
+    onAnimationEnd: (s) => {
+      var o, f;
+      j(s, "Expected output from animation actor");
+      const m = B(n, s.panelId);
+      m.collapsed = s.action === "collapse", m.collapsed && (m.currentValue = m.collapsedSize), m.collapseIsControlled || (f = (o = m.onCollapseChange) == null ? void 0 : o.current) == null || f.call(o, m.collapsed), i.commit();
     }
   };
   i.onAutosave();
-  const o = {
-    shouldNotifyCollapseToggle: (c) => {
-      Z(c, ["collapsePanel", "expandPanel"]);
-      const m = E(n, c.panelId);
-      return !c.controlled && m.collapseIsControlled === !0;
+  const u = {
+    shouldNotifyCollapseToggle: (s) => {
+      Z(s, ["collapsePanel", "expandPanel"]);
+      const m = B(n, s.panelId);
+      return !s.controlled && m.collapseIsControlled === !0;
     },
-    shouldCollapseToggle: (c) => (Z(c, ["collapsePanel", "expandPanel"]), E(n, c.panelId).collapseIsControlled === !0),
-    cannotExpandPanel: (c) => {
-      Z(c, ["expandPanel"]);
-      const m = O(n);
-      let s = { ...n, items: m };
-      const f = qe(n, c), h = Me(s, c.panelId);
-      s = {
-        ...s,
+    shouldCollapseToggle: (s) => (Z(s, ["collapsePanel", "expandPanel"]), B(n, s.panelId).collapseIsControlled === !0),
+    cannotExpandPanel: (s) => {
+      Z(s, ["expandPanel"]);
+      const m = E(n);
+      let o = { ...n, items: m };
+      const f = Fe(n, s), g = Me(o, s.panelId);
+      o = {
+        ...o,
         ...de({
-          context: s,
-          panelId: c.panelId,
-          handleId: h.item.id,
-          controlled: c.controlled,
+          context: o,
+          panelId: s.panelId,
+          handleId: g.item.id,
+          controlled: s.controlled,
           delta: f,
-          direction: h.direction,
+          direction: g.direction,
           isVirtual: !0
         })
       };
-      const p = s.items.find((z) => z.id === c.panelId), v = s.items.reduce((z, S) => z.add(y(S) ? S.currentValue.value : S.size.value), new b(0)), g = p && y(p) && !p.currentValue.value.eq(p.collapsedSize.value);
-      return v.gt(D(n)) || !g;
+      const p = o.items.find((z) => z.id === s.panelId), v = o.items.reduce((z, y) => z.add(P(y) ? y.currentValue.value : y.size.value), new b(0)), h = p && P(p) && !p.currentValue.value.eq(p.collapsedSize.value);
+      return v.gt(V(n)) || !h;
     }
   };
-  function u(c) {
+  function d(s) {
     switch (r.current) {
       case "dragging":
         i.commit(), n.activeDragHandleId = void 0;
         break;
     }
-    switch (c) {
+    switch (s) {
       case "idle":
         i.onAutosave();
         break;
@@ -928,11 +928,11 @@ function Ct(e, t) {
         i.prepare(), i.clearLastKnownSize();
         break;
     }
-    r.current = c, t == null || t(n);
+    r.current = s, t == null || t(n);
   }
-  function d(c) {
+  function c(s) {
     var m;
-    switch (c.type) {
+    switch (s.type) {
       case "lockGroup":
         l = !0;
         break;
@@ -941,137 +941,149 @@ function Ct(e, t) {
         break;
     }
     if (!l) {
-      switch (c.type) {
+      switch (s.type) {
+        case "updateItemIndex":
+          n.items = qe(n.items.map((o) => o.id === s.itemId ? { ...o, order: s.index } : o));
+          break;
         case "registerPanel":
-          n.items = ge(n.items, {
+          n.items = he(n.items, {
             type: "panel",
-            currentValue: L(-1),
-            ...c.data
+            currentValue: $(-1),
+            ...s.data
           });
           break;
         case "unregisterPanel":
-          i.prepare(), i.removeItem(c.id), i.clearLastKnownSize(), i.commit(), i.onResize(), i.onAutosave();
+          i.prepare(), i.removeItem(s.id), i.clearLastKnownSize(), i.commit(), i.onResize(), i.onAutosave();
           break;
         case "registerPanelHandle": {
-          n.items = ge(n.items, c.data);
+          n.items = he(n.items, s.data);
           break;
         }
         case "unregisterPanelHandle":
-          i.prepare(), i.removeItem(c.id), i.clearLastKnownSize(), i.commit(), i.onResize(), i.onAutosave();
+          i.prepare(), i.removeItem(s.id), i.clearLastKnownSize(), i.commit(), i.onResize(), i.onAutosave();
           break;
         case "registerDynamicPanel": {
           i.prepare();
-          let s = L(0);
-          c.data.collapsible && c.data.collapsed && c.data.collapsedSize ? s = c.data.collapsedSize : c.data.default ? s = c.data.default : s = c.data.min;
-          const f = ge(n.items, {
+          let o = $(0);
+          s.data.collapsible && s.data.collapsed && s.data.collapsedSize ? o = {
+            type: "pixel",
+            value: C(n, s.data.collapsedSize)
+          } : s.data.default ? o = {
+            type: "pixel",
+            value: C(n, s.data.default)
+          } : o = {
+            type: "pixel",
+            value: C(n, s.data.min)
+          };
+          const f = he(n.items, {
             type: "panel",
-            ...c.data,
-            currentValue: s
-          }), h = f.findIndex((g) => g.id === c.data.id), p = { ...n }, v = n.items.reduce((g, z) => k(z) ? g.add(A(n, z.size)) : g.add(z.currentValue.value), new b(0)).minus(D(n));
-          ze(p, f, h, s.value.add(v).neg()), n.items = f, i.clearLastKnownSize(), i.commit(), i.onResize(), i.onAutosave();
+            ...s.data,
+            currentValue: o
+          }), g = f.findIndex((h) => h.id === s.data.id), p = { ...n }, v = n.items.reduce((h, z) => R(z) ? h.add(C(n, z.size)) : h.add(z.currentValue.value), new b(0)).minus(V(n));
+          ze(p, f, g, o.value.add(v).neg()), n.items = f, i.clearLastKnownSize(), i.commit(), i.onResize(), i.onAutosave();
           break;
         }
         case "rebindPanelCallbacks":
-          for (const s of n.items)
-            y(s) && s.id === c.data.id && (s.onCollapseChange = c.data.onCollapseChange, s.onResize = c.data.onResize);
+          for (const o of n.items)
+            P(o) && o.id === s.data.id && (o.onCollapseChange = s.data.onCollapseChange, o.onResize = s.data.onResize);
           break;
         case "updateConstraints":
           i.prepare();
-          for (const s of n.items)
-            if (y(s) && s.id === c.data.id) {
-              const f = c.data;
-              s.min = f.min, s.max = f.max, s.default = f.default, s.collapsedSize = f.collapsedSize, s.isStaticAtRest = f.isStaticAtRest, s.collapseAnimation = f.collapseAnimation, s.collapsible = f.collapsible;
-            } else if (k(s) && s.id === c.data.id) {
-              const f = c.data;
-              s.size = f.size;
+          for (const o of n.items)
+            if (P(o) && o.id === s.data.id) {
+              const f = s.data;
+              o.min = f.min, o.max = f.max, o.default = f.default, o.collapsedSize = f.collapsedSize, o.isStaticAtRest = f.isStaticAtRest, o.collapseAnimation = f.collapseAnimation, o.collapsible = f.collapsible;
+            } else if (R(o) && o.id === s.data.id) {
+              const f = s.data;
+              o.size = f.size;
             }
           i.clearLastKnownSize(), i.commit(), i.onResize(), i.onAutosave();
           break;
         case "setActualItemsSize": {
-          const s = n.items.map((p) => {
-            if (!y(p))
+          const o = n.items.map((p) => {
+            if (!P(p))
               return p;
-            const v = c.childrenSizes[p.id] || p.lastKnownSize;
+            const v = s.childrenSizes[p.id] || p.lastKnownSize;
             return { ...p, lastKnownSize: v };
           });
-          let f = 0, h = !1;
-          for (const p of s)
-            if (y(p)) {
+          let f = 0, g = !1;
+          for (const p of o)
+            if (P(p)) {
               const v = (m = p.lastKnownSize) == null ? void 0 : m[n.orientation === "horizontal" ? "width" : "height"];
               if (!v) {
-                n.items = s, h = !0;
+                n.items = o, g = !0;
                 break;
               }
               f += v;
             } else
               f += p.size.value.toNumber();
-          h ? n.items = s : f > D(n) && r.current !== "dragging" ? n.items = yt({
+          g ? n.items = o : f > V(n) && r.current !== "dragging" ? n.items = Pt({
             ...n,
-            items: O({ ...n, items: s })
-          }).items : n.items = s, i.onResize();
+            items: E({ ...n, items: o })
+          }).items : n.items = o, i.onResize();
           break;
         }
         case "setSize": {
-          n.size = c.size, i.onResize();
+          n.size = s.size, i.onResize();
           break;
         }
         case "setOrientation":
-          n.orientation = c.orientation, i.clearLastKnownSize(), i.onResize();
+          n.orientation = s.orientation, i.clearLastKnownSize(), i.onResize();
           break;
       }
       if (r.current === "idle")
-        switch (c.type) {
+        switch (s.type) {
           case "dragHandleStart":
-            u("dragging"), n.activeDragHandleId = c.handleId;
+            d("dragging"), n.activeDragHandleId = s.handleId;
             break;
           case "setPanelPixelSize": {
             i.prepare(), i.clearLastKnownSize();
-            const s = E(n, c.panelId), f = ce(n, c.panelId), h = s.currentValue.value, p = H(n, s, A(n, q(c.size))), v = p > h, g = v ? p.minus(h) : h.minus(p);
-            s.sizeBeforeCollapse = p.toNumber(), Object.assign(n, de({
+            const o = B(n, s.panelId), f = ce(n, s.panelId), g = o.currentValue.value, p = O(n, o, C(n, F(s.size))), v = p.gt(g), h = v ? p.minus(g) : g.minus(p);
+            o.sizeBeforeCollapse = p.toNumber(), Object.assign(n, de({
               context: n,
-              panelId: c.panelId,
+              panelId: s.panelId,
               direction: f.direction * (v ? 1 : -1),
               handleId: f.item.id,
-              delta: g
+              delta: h
             })), i.commit(), i.onResize(), i.onAutosave();
             break;
           }
           case "collapsePanel":
-            o.shouldNotifyCollapseToggle(c) ? i.notifyCollapseToggle(c) : E(n, c.panelId).collapsed || (u("togglingCollapse"), a.abort(), ke(n, c, d, a).then((f) => {
-              i.onAnimationEnd(f), u("idle"), c.resolve && requestAnimationFrame(c.resolve);
+            u.shouldNotifyCollapseToggle(s) ? i.notifyCollapseToggle(s) : B(n, s.panelId).collapsed || (d("togglingCollapse"), a.abort(), ke(n, s, c, a).then((f) => {
+              i.onAnimationEnd(f), d("idle"), s.resolve && requestAnimationFrame(s.resolve);
             }));
             break;
           case "expandPanel":
-            if (o.cannotExpandPanel(c))
+            if (u.cannotExpandPanel(s))
               break;
-            o.shouldNotifyCollapseToggle(c) ? i.notifyCollapseToggle(c) : E(n, c.panelId).collapsed && (u("togglingCollapse"), a.abort(), ke(n, c, d, a).then((f) => {
-              i.onAnimationEnd(f), u("idle"), c.resolve && requestAnimationFrame(c.resolve);
+            u.shouldNotifyCollapseToggle(s) ? i.notifyCollapseToggle(s) : B(n, s.panelId).collapsed && (d("togglingCollapse"), a.abort(), ke(n, s, c, a).then((f) => {
+              i.onAnimationEnd(f), d("idle"), s.resolve && requestAnimationFrame(s.resolve);
             }));
             break;
         }
       else if (r.current === "dragging")
-        switch (c.type) {
+        switch (s.type) {
           case "dragHandle":
-            i.clearLastKnownSize(), se(n, oe(n, c)), i.onResize();
+            i.clearLastKnownSize(), se(n, oe(n, s)), i.onResize();
             break;
           case "dragHandleEnd":
-            u("idle");
+            d("idle");
             break;
           case "expandPanel":
           case "collapsePanel":
-            o.shouldCollapseToggle(c) && i.runCollapseToggle(c);
+            u.shouldCollapseToggle(s) && i.runCollapseToggle(s);
             break;
         }
       else if (r.current === "togglingCollapse")
-        switch (c.type) {
+        switch (s.type) {
           case "applyDelta":
             se(n, oe(n, {
-              panelId: c.panelId,
-              handleId: c.handleId,
+              panelId: s.panelId,
+              handleId: s.handleId,
               type: "collapsePanel",
               disregardCollapseBuffer: !0,
               value: we({
-                delta: c.delta,
+                delta: s.delta,
                 orientation: n.orientation
               })
             })), i.onResize();
@@ -1080,9 +1092,9 @@ function Ct(e, t) {
       t == null || t(n);
     }
   }
-  return [n, d, r];
+  return [n, c, r];
 }
-function At({ groupId: e, id: t, collapsible: a, collapsed: r }) {
+function xt({ groupId: e, id: t, collapsible: a, collapsed: r }) {
   const l = {
     id: t,
     "data-splitter-group-id": e,
@@ -1091,7 +1103,7 @@ function At({ groupId: e, id: t, collapsible: a, collapsed: r }) {
   };
   return a && (l["data-collapsed"] = r), l;
 }
-function xt({ groupId: e, id: t, orientation: a, isDragging: r, activeDragHandleId: l, disabled: n, controlsId: i, min: o, max: u, currentValue: d, groupSize: c }) {
+function Vt({ groupId: e, id: t, orientation: a, isDragging: r, activeDragHandleId: l, disabled: n, controlsId: i, min: u, max: d, currentValue: c, groupSize: s }) {
   return {
     id: t,
     role: "separator",
@@ -1103,19 +1115,19 @@ function xt({ groupId: e, id: t, orientation: a, isDragging: r, activeDragHandle
     "aria-label": "Resize Handle",
     "aria-disabled": n,
     "aria-controls": i,
-    "aria-valuemin": o ? Y(c, o) : void 0,
-    "aria-valuemax": u === "1fr" ? 100 : u ? Y(c, u) : void 0,
-    "aria-valuenow": d ? Y(c, d) : void 0
+    "aria-valuemin": u ? Y(s, u) : void 0,
+    "aria-valuemax": d === "1fr" ? 100 : d ? Y(s, d) : void 0,
+    "aria-valuenow": c ? Y(s, c) : void 0
   };
 }
-function Vt(e, t) {
+function Dt(e, t) {
   const a = new ResizeObserver((l) => {
     const n = {};
     for (const i of l) {
-      const u = i.target.getAttribute("data-splitter-id"), d = i.borderBoxSize[0];
-      u && d && (n[u] = {
-        width: d.inlineSize,
-        height: d.blockSize
+      const d = i.target.getAttribute("data-splitter-id"), c = i.borderBoxSize[0];
+      d && c && (n[d] = {
+        width: c.inlineSize,
+        height: c.blockSize
       });
     }
     t(n);
@@ -1126,76 +1138,76 @@ function Vt(e, t) {
     a.disconnect();
   };
 }
-function Dt(e) {
-  const { onMoveStart: t, onMove: a, onMoveEnd: r } = e, l = { didMove: !1, lastPosition: null, id: null }, n = (s, f, h, p) => {
-    h === 0 && p === 0 || (l.didMove || (l.didMove = !0, t == null || t({
+function Rt(e) {
+  const { onMoveStart: t, onMove: a, onMoveEnd: r } = e, l = { didMove: !1, lastPosition: null, id: null }, n = (o, f, g, p) => {
+    g === 0 && p === 0 || (l.didMove || (l.didMove = !0, t == null || t({
       type: "movestart",
       pointerType: f,
-      shiftKey: s.shiftKey,
-      metaKey: s.metaKey,
-      ctrlKey: s.ctrlKey,
-      altKey: s.altKey
+      shiftKey: o.shiftKey,
+      metaKey: o.metaKey,
+      ctrlKey: o.ctrlKey,
+      altKey: o.altKey
     })), a == null || a({
       type: "move",
       pointerType: f,
-      deltaX: h,
+      deltaX: g,
       deltaY: p,
-      shiftKey: s.shiftKey,
-      metaKey: s.metaKey,
-      ctrlKey: s.ctrlKey,
-      altKey: s.altKey
+      shiftKey: o.shiftKey,
+      metaKey: o.metaKey,
+      ctrlKey: o.ctrlKey,
+      altKey: o.altKey
     }));
-  }, i = (s, f) => {
+  }, i = (o, f) => {
     l.didMove && (r == null || r({
       type: "moveend",
       pointerType: f,
-      shiftKey: s.shiftKey,
-      metaKey: s.metaKey,
-      ctrlKey: s.ctrlKey,
-      altKey: s.altKey
+      shiftKey: o.shiftKey,
+      metaKey: o.metaKey,
+      ctrlKey: o.ctrlKey,
+      altKey: o.altKey
     }));
-  }, o = {}, u = () => {
+  }, u = {}, d = () => {
     l.didMove = !1;
-  }, d = (s) => {
-    var f, h;
-    if (s.pointerId === l.id) {
-      const p = s.pointerType || "mouse";
-      n(s, p, s.pageX - (((f = l.lastPosition) == null ? void 0 : f.pageX) ?? 0), s.pageY - (((h = l.lastPosition) == null ? void 0 : h.pageY) ?? 0)), l.lastPosition = { pageX: s.pageX, pageY: s.pageY };
+  }, c = (o) => {
+    var f, g;
+    if (o.pointerId === l.id) {
+      const p = o.pointerType || "mouse";
+      n(o, p, o.pageX - (((f = l.lastPosition) == null ? void 0 : f.pageX) ?? 0), o.pageY - (((g = l.lastPosition) == null ? void 0 : g.pageY) ?? 0)), l.lastPosition = { pageX: o.pageX, pageY: o.pageY };
     }
-  }, c = (s) => {
-    if (s.pointerId === l.id) {
-      const f = s.pointerType || "mouse";
-      i(s, f), l.id = null, window.removeEventListener("pointermove", d, !1), window.removeEventListener("pointerup", c, !1), window.removeEventListener("pointercancel", c, !1);
+  }, s = (o) => {
+    if (o.pointerId === l.id) {
+      const f = o.pointerType || "mouse";
+      i(o, f), l.id = null, window.removeEventListener("pointermove", c, !1), window.removeEventListener("pointerup", s, !1), window.removeEventListener("pointercancel", s, !1);
     }
   };
-  o.onPointerDown = (s) => {
-    s.button === 0 && l.id == null && (u(), s.stopPropagation(), s.preventDefault(), l.lastPosition = { pageX: s.pageX, pageY: s.pageY }, l.id = s.pointerId, window.addEventListener("pointermove", d, !1), window.addEventListener("pointerup", c, !1), window.addEventListener("pointercancel", c, !1));
+  u.onPointerDown = (o) => {
+    o.button === 0 && l.id == null && (d(), o.stopPropagation(), o.preventDefault(), l.lastPosition = { pageX: o.pageX, pageY: o.pageY }, l.id = o.pointerId, window.addEventListener("pointermove", c, !1), window.addEventListener("pointerup", s, !1), window.addEventListener("pointercancel", s, !1));
   };
-  const m = (s, f, h) => {
-    u(), n(s, "keyboard", f, h), i(s, "keyboard");
+  const m = (o, f, g) => {
+    d(), n(o, "keyboard", f, g), i(o, "keyboard");
   };
-  return o.onKeyDown = (s) => {
-    switch (s.key) {
+  return u.onKeyDown = (o) => {
+    switch (o.key) {
       case "Left":
       case "ArrowLeft":
-        s.preventDefault(), s.stopPropagation(), m(s, -1, 0);
+        o.preventDefault(), o.stopPropagation(), m(o, -1, 0);
         break;
       case "Right":
       case "ArrowRight":
-        s.preventDefault(), s.stopPropagation(), m(s, 1, 0);
+        o.preventDefault(), o.stopPropagation(), m(o, 1, 0);
         break;
       case "Up":
       case "ArrowUp":
-        s.preventDefault(), s.stopPropagation(), m(s, 0, -1);
+        o.preventDefault(), o.stopPropagation(), m(o, 0, -1);
         break;
       case "Down":
       case "ArrowDown":
-        s.preventDefault(), s.stopPropagation(), m(s, 0, 1);
+        o.preventDefault(), o.stopPropagation(), m(o, 0, 1);
         break;
     }
-  }, { moveProps: o };
+  }, { moveProps: u };
 }
-const Et = /* @__PURE__ */ be({
+const Kt = /* @__PURE__ */ be({
   __name: "Panel",
   props: {
     onResize: {},
@@ -1217,16 +1229,16 @@ const Et = /* @__PURE__ */ be({
       max: l,
       id: n,
       collapsible: i,
-      collapsedSize: o,
-      onCollapseChange: u,
-      collapseAnimation: d,
-      onResize: c,
+      collapsedSize: u,
+      onCollapseChange: d,
+      collapseAnimation: c,
+      onResize: s,
       defaultCollapsed: m,
-      default: s,
+      default: o,
       isStaticAtRest: f,
-      collapsed: h,
+      collapsed: g,
       ...p
-    } = a, v = n || Ie(), g = X("send"), z = X("state"), S = X("isPrerender"), x = () => dt({
+    } = a, v = n || Ie(), h = X("send"), z = X("state"), y = X("isPrerender"), x = () => pt({
       id: v,
       min: a.min,
       max: a.max,
@@ -1237,89 +1249,89 @@ const Et = /* @__PURE__ */ be({
       collapseAnimation: a.collapseAnimation,
       onResize: a.onResize ? { current: a.onResize } : void 0,
       defaultCollapsed: m,
-      default: s,
+      default: o,
       isStaticAtRest: f
-    }), C = $(() => {
-      var P;
-      const w = (P = z == null ? void 0 : z.value) == null ? void 0 : P.items.find((U) => U.id === v);
-      if (!(!w || !y(w)))
+    }), A = H(() => {
+      var S;
+      const w = (S = z == null ? void 0 : z.value) == null ? void 0 : S.items.find((q) => q.id === v);
+      if (!(!w || !P(w)))
         return w;
     });
-    let R = !1;
-    C.value ? g == null || g({
+    let D = !1;
+    A.value ? h == null || h({
       type: "rebindPanelCallbacks",
       data: {
         id: v,
         onCollapseChange: a.onCollapseChange ? { current: a.onCollapseChange } : void 0,
         onResize: a.onResize ? { current: a.onResize } : void 0
       }
-    }) : S != null && S.value ? g == null || g({ type: "registerPanel", data: x() }) : R = !0, G(() => {
+    }) : y != null && y.value ? h == null || h({ type: "registerPanel", data: x() }) : D = !0, G(() => {
       var le;
       const w = (le = z == null ? void 0 : z.value) == null ? void 0 : le.groupId;
-      if (!w || !R) return;
-      const P = document.getElementById(w);
-      if (!P) return;
-      const U = document.getElementById(v);
-      if (!U) return;
-      const re = Array.from(P.children).indexOf(U);
-      typeof re == "number" && (g == null || g({
+      if (!w || !D) return;
+      const S = document.getElementById(w);
+      if (!S) return;
+      const q = document.getElementById(v);
+      if (!q) return;
+      const re = Array.from(S.children).indexOf(q);
+      typeof re == "number" && (h == null || h({
         type: "registerDynamicPanel",
         data: { ...x(), order: re }
-      }), R = !1);
+      }), D = !1);
     });
-    const K = $(
-      () => !R && ft(x(), C.value)
+    const K = H(
+      () => !D && mt(x(), A.value)
     );
     ue(() => {
-      K.value && (g == null || g({ type: "updateConstraints", data: x() }));
+      K.value && (h == null || h({ type: "updateConstraints", data: x() }));
     }), Be(() => {
-      requestAnimationFrame(() => g == null ? void 0 : g({ type: "unregisterPanel", id: v }));
+      requestAnimationFrame(() => h == null ? void 0 : h({ type: "unregisterPanel", id: v }));
     }), t({
       getId: () => v,
       collapse: async () => {
         var w;
-        if ((w = C.value) != null && w.collapsible)
-          return await new Promise((P) => {
-            g == null || g({ type: "collapsePanel", panelId: v, controlled: !0, resolve: P });
+        if ((w = A.value) != null && w.collapsible)
+          return await new Promise((S) => {
+            h == null || h({ type: "collapsePanel", panelId: v, controlled: !0, resolve: S });
           });
       },
       isCollapsed: () => {
-        var w, P;
-        return !!((w = C.value) != null && w.collapsible && ((P = C.value) != null && P.collapsed));
+        var w, S;
+        return !!((w = A.value) != null && w.collapsible && ((S = A.value) != null && S.collapsed));
       },
       expand: async () => {
         var w;
-        if ((w = C.value) != null && w.collapsible)
-          return await new Promise((P) => {
-            g == null || g({ type: "expandPanel", panelId: v, controlled: !0, resolve: P });
+        if ((w = A.value) != null && w.collapsible)
+          return await new Promise((S) => {
+            h == null || h({ type: "expandPanel", panelId: v, controlled: !0, resolve: S });
           });
       },
       isExpanded: () => {
-        var w, P;
-        return !!((w = C.value) != null && w.collapsible && !((P = C.value) != null && P.collapsed));
+        var w, S;
+        return !!((w = A.value) != null && w.collapsible && !((S = A.value) != null && S.collapsed));
       },
-      getPixelSize: () => zt(z.value, v),
-      getPercentageSize: () => It(z.value, v),
-      setSize: (w) => g == null ? void 0 : g({ type: "setPanelPixelSize", panelId: v, size: w })
+      getPixelSize: () => bt(z.value, v),
+      getPercentageSize: () => yt(z.value, v),
+      setSize: (w) => h == null ? void 0 : h({ type: "setPanelPixelSize", panelId: v, size: w })
     });
-    const M = $(
+    const L = H(
       () => {
         var w;
-        return (w = C.value) == null ? void 0 : w.collapseIsControlled;
+        return (w = A.value) == null ? void 0 : w.collapseIsControlled;
       }
     );
     ue(() => {
       a.collapsed, requestAnimationFrame(() => {
-        M.value && (a.collapsed ? g == null || g({ type: "collapsePanel", panelId: v, controlled: !0 }) : g == null || g({ type: "expandPanel", panelId: v, controlled: !0 }));
+        L.value && (a.collapsed ? h == null || h({ type: "collapsePanel", panelId: v, controlled: !0 }) : h == null || h({ type: "expandPanel", panelId: v, controlled: !0 }));
       });
     });
-    const V = $(() => {
-      var P;
-      const w = C.value;
+    const M = H(() => {
+      var S;
+      const w = A.value;
       return {
         ...p,
-        ...At({
-          groupId: (P = z == null ? void 0 : z.value) == null ? void 0 : P.groupId,
+        ...xt({
+          groupId: (S = z == null ? void 0 : z.value) == null ? void 0 : S.groupId,
           id: v,
           collapsible: w == null ? void 0 : w.collapsible,
           collapsed: w == null ? void 0 : w.collapsed
@@ -1331,11 +1343,11 @@ const Et = /* @__PURE__ */ be({
         }
       };
     });
-    return (w, P) => (Pe(), ye("div", Te(je(V.value)), [
+    return (w, S) => (Pe(), ye("div", We(Ue(M.value)), [
       Se(w.$slots, "default")
     ], 16));
   }
-}), Rt = ["id"], Kt = /* @__PURE__ */ be({
+}), kt = ["id"], Nt = /* @__PURE__ */ be({
   __name: "PanelGroup",
   props: {
     snapshot: {},
@@ -1354,23 +1366,23 @@ const Et = /* @__PURE__ */ be({
     }
     const l = me(!0);
     ie("isPrerender", l);
-    const n = e.autosaveId || e.id || Ie(), [i, o, u] = Ct(
+    const n = e.autosaveId || e.id || Ie(), [i, u, d] = At(
       {
         orientation: e.orientation,
         groupId: n,
         autosaveStrategy: e.autosaveStrategy,
         shiftAmount: e.shiftAmount,
-        ...r ? ct(r) : void 0
+        ...r ? ft(r) : void 0
       },
       (f) => {
-        d.value = { ...f };
+        c.value = { ...f };
       }
     );
     G(() => {
       l.value = !1;
     });
-    const d = me(i), c = $(() => {
-      const f = De(d.value);
+    const c = me(i), s = H(() => {
+      const f = De(c.value);
       return {
         height: "100%",
         display: "grid",
@@ -1378,59 +1390,59 @@ const Et = /* @__PURE__ */ be({
         gridTemplateRows: e.orientation === "vertical" ? f : void 0
       };
     });
-    ie("send", o), ie("state", d), ie("id", u);
+    ie("send", u), ie("state", c), ie("id", d);
     const m = me(null);
     G(() => {
-      const f = new ResizeObserver(([h]) => {
-        h && h.contentRect.width > 0 && h.contentRect.height > 0 && (o == null || o({ type: "setSize", size: h.contentRect }));
+      const f = new ResizeObserver(([g]) => {
+        g && g.contentRect.width > 0 && g.contentRect.height > 0 && (u == null || u({ type: "setSize", size: g.contentRect }));
       });
       return m.value && f.observe(m.value), () => f.disconnect();
     });
-    const s = $(
+    const o = H(
       () => {
         var f;
-        return (f = d.value) == null ? void 0 : f.items.map((h) => h.id).join(",");
+        return (f = c.value) == null ? void 0 : f.items.map((g) => g.id).join(",");
       }
     );
     return G(() => {
       ue(() => {
-        s.value;
-        const f = Vt(n, (h) => {
-          o({ type: "setActualItemsSize", childrenSizes: h });
+        o.value;
+        const f = Dt(n, (g) => {
+          u({ type: "setActualItemsSize", childrenSizes: g });
         });
-        We(f);
+        Ge(f);
       });
-    }), G(() => (o({ type: "unlockGroup" }), () => o({ type: "lockGroup" }))), t({
+    }), G(() => (u({ type: "unlockGroup" }), () => u({ type: "lockGroup" }))), t({
       getId: () => n,
-      getPixelSizes: () => wt(d.value),
-      getPercentageSizes: () => bt(d.value),
+      getPixelSizes: () => zt(c.value),
+      getPercentageSizes: () => It(c.value),
       getTemplate: () => De({
-        ...d.value,
-        items: O(d.value)
+        ...c.value,
+        items: E(c.value)
       }),
-      getState: () => u.current === "idle" ? "idle" : "dragging",
+      getState: () => d.current === "idle" ? "idle" : "dragging",
       setSizes: (f) => {
-        var h;
+        var g;
         for (let p = 0; p < f.length; p++) {
-          const v = (h = d.value) == null ? void 0 : h.items[p], g = f[p];
-          v && y(v) && g && o({
+          const v = (g = c.value) == null ? void 0 : g.items[p], h = f[p];
+          v && P(v) && h && u({
             type: "setPanelPixelSize",
             panelId: v.id,
-            size: g
+            size: h
           });
         }
       }
-    }), (f, h) => (Pe(), ye("div", Ke(a, {
-      id: Ue(n),
+    }), (f, g) => (Pe(), ye("div", Ke(a, {
+      id: Xe(n),
       ref_key: "elementRef",
       ref: m,
       "data-panel-group-wrapper": "",
-      style: c.value
+      style: s.value
     }), [
       Se(f.$slots, "default")
-    ], 16, Rt));
+    ], 16, kt));
   }
-}), kt = ["tabindex"], Nt = /* @__PURE__ */ be({
+}), Bt = ["tabindex"], Ot = /* @__PURE__ */ be({
   __name: "PanelResizer",
   props: {
     disabled: { type: Boolean },
@@ -1442,95 +1454,95 @@ const Et = /* @__PURE__ */ be({
     id: {}
   },
   setup(e) {
-    const t = Ee(e, ["size", "id", "onDragStart", "onDrag", "onDragEnd", "disabled"]), r = e.id || Ie(), l = X("send"), n = X("state"), i = X("isPrerender"), o = () => mt({ size: e.size, id: r }), u = $(() => {
+    const t = Ee(e, ["size", "id", "onDragStart", "onDrag", "onDragEnd", "disabled"]), r = e.id || Ie(), l = X("send"), n = X("state"), i = X("isPrerender"), u = () => ht({ size: e.size, id: r }), d = H(() => {
       var p;
-      const h = (p = n == null ? void 0 : n.value) == null ? void 0 : p.items.find((v) => v.id === r);
-      if (!(!h || !k(h)))
-        return h;
+      const g = (p = n == null ? void 0 : n.value) == null ? void 0 : p.items.find((v) => v.id === r);
+      if (!(!g || !R(g)))
+        return g;
     });
-    let d = !1;
-    u.value || (i != null && i.value ? l == null || l({ type: "registerPanelHandle", data: o() }) : d = !0), G(() => {
-      var z, S;
-      if (!((z = n == null ? void 0 : n.value) == null ? void 0 : z.groupId) || !d) return;
-      const p = document.getElementById((S = n == null ? void 0 : n.value) == null ? void 0 : S.groupId);
+    let c = !1;
+    d.value || (i != null && i.value ? l == null || l({ type: "registerPanelHandle", data: u() }) : c = !0), G(() => {
+      var z, y;
+      if (!((z = n == null ? void 0 : n.value) == null ? void 0 : z.groupId) || !c) return;
+      const p = document.getElementById((y = n == null ? void 0 : n.value) == null ? void 0 : y.groupId);
       if (!p) return;
       const v = document.getElementById(r);
       if (!v) return;
-      const g = Array.from(p.children).indexOf(v);
-      typeof g == "number" && (l == null || l({
+      const h = Array.from(p.children).indexOf(v);
+      typeof h == "number" && (l == null || l({
         type: "registerPanelHandle",
-        data: { ...o(), order: g }
-      }), d = !1);
+        data: { ...u(), order: h }
+      }), c = !1);
     });
-    const c = $(
-      () => !d && pt(o(), u.value)
+    const s = H(
+      () => !c && gt(u(), d.value)
     );
     ue(() => {
-      c.value && (l == null || l({ type: "updateConstraints", data: o() }));
+      s.value && (l == null || l({ type: "updateConstraints", data: u() }));
     }), Be(() => {
       requestAnimationFrame(() => l == null ? void 0 : l({ type: "unregisterPanelHandle", id: r }));
     });
-    const { moveProps: m } = Dt({
+    const { moveProps: m } = Rt({
       onMoveStart: () => {
-        var h;
-        l == null || l({ type: "dragHandleStart", handleId: r }), (h = e.onDragStart) == null || h.call(e), n != null && n.value && (document.body.style.cursor = Ve(n == null ? void 0 : n.value) || "auto");
+        var g;
+        l == null || l({ type: "dragHandleStart", handleId: r }), (g = e.onDragStart) == null || g.call(e), n != null && n.value && (document.body.style.cursor = Ve(n == null ? void 0 : n.value) || "auto");
       },
-      onMove: (h) => {
+      onMove: (g) => {
         var p;
-        l == null || l({ type: "dragHandle", handleId: r, value: h }), (p = e.onDrag) == null || p.call(e);
+        l == null || l({ type: "dragHandle", handleId: r, value: g }), (p = e.onDrag) == null || p.call(e);
       },
       onMoveEnd: () => {
-        var h;
-        l == null || l({ type: "dragHandleEnd", handleId: r }), (h = e.onDragEnd) == null || h.call(e), document.body.style.cursor = "auto";
+        var g;
+        l == null || l({ type: "dragHandleEnd", handleId: r }), (g = e.onDragEnd) == null || g.call(e), document.body.style.cursor = "auto";
       }
-    }), s = (h) => {
+    }), o = (g) => {
       if (n != null && n.value)
         try {
-          const p = ht(n == null ? void 0 : n.value, r);
-          h.key === "Enter" && p && (p.collapsed ? l == null || l({ type: "expandPanel", panelId: p.id }) : l == null || l({ type: "collapsePanel", panelId: p.id }));
+          const p = vt(n == null ? void 0 : n.value, r);
+          g.key === "Enter" && p && (p.collapsed ? l == null || l({ type: "expandPanel", panelId: p.id }) : l == null || l({ type: "collapsePanel", panelId: p.id }));
         } catch {
         }
-    }, f = $(() => {
-      var g, z, S, x, C, R, K, M, V;
-      const h = (g = n == null ? void 0 : n.value) == null ? void 0 : g.items.findIndex((w) => w.id === r);
-      if (!h) return { id: r };
-      const p = (z = n == null ? void 0 : n.value) == null ? void 0 : z.items[h], v = (S = n == null ? void 0 : n.value) == null ? void 0 : S.items[h - 1];
-      return !v || !y(v) ? { id: r } : {
+    }, f = H(() => {
+      var h, z, y, x, A, D, K, L, M;
+      const g = (h = n == null ? void 0 : n.value) == null ? void 0 : h.items.findIndex((w) => w.id === r);
+      if (!g) return { id: r };
+      const p = (z = n == null ? void 0 : n.value) == null ? void 0 : z.items[g], v = (y = n == null ? void 0 : n.value) == null ? void 0 : y.items[g - 1];
+      return !v || !P(v) ? { id: r } : {
         ...t,
-        ...xt({
+        ...Vt({
           groupId: (x = n == null ? void 0 : n.value) == null ? void 0 : x.groupId,
           id: r,
-          orientation: ((C = n == null ? void 0 : n.value) == null ? void 0 : C.orientation) || "horizontal",
-          isDragging: ((R = n == null ? void 0 : n.value) == null ? void 0 : R.activeDragHandleId) === r,
+          orientation: ((A = n == null ? void 0 : n.value) == null ? void 0 : A.orientation) || "horizontal",
+          isDragging: ((D = n == null ? void 0 : n.value) == null ? void 0 : D.activeDragHandleId) === r,
           activeDragHandleId: (K = n == null ? void 0 : n.value) == null ? void 0 : K.activeDragHandleId,
           disabled: e.disabled,
           controlsId: v.id,
           min: v.min,
           max: v.max,
           currentValue: v.currentValue,
-          groupSize: D(n.value)
+          groupSize: V(n.value)
         }),
         onpointerdown: e.disabled ? void 0 : m.onPointerDown,
         onkeydown: e.disabled ? void 0 : (w) => {
-          m.onKeyDown(w), s(w);
+          m.onKeyDown(w), o(w);
         },
         style: {
           cursor: n != null && n.value ? Ve(n.value) : void 0,
-          width: ((M = n == null ? void 0 : n.value) == null ? void 0 : M.orientation) === "horizontal" ? `${p == null ? void 0 : p.size.value.toNumber()}px` : "100%",
-          height: ((V = n == null ? void 0 : n.value) == null ? void 0 : V.orientation) === "vertical" ? `${p == null ? void 0 : p.size.value.toNumber()}px` : "100%"
+          width: ((L = n == null ? void 0 : n.value) == null ? void 0 : L.orientation) === "horizontal" ? `${p == null ? void 0 : p.size.value.toNumber()}px` : "100%",
+          height: ((M = n == null ? void 0 : n.value) == null ? void 0 : M.orientation) === "vertical" ? `${p == null ? void 0 : p.size.value.toNumber()}px` : "100%"
         }
       };
     });
-    return (h, p) => (Pe(), ye("div", Ke(f.value, {
-      tabindex: h.disabled ? -1 : 0
+    return (g, p) => (Pe(), ye("div", Ke(f.value, {
+      tabindex: g.disabled ? -1 : 0
     }), [
-      Se(h.$slots, "default")
-    ], 16, kt));
+      Se(g.$slots, "default")
+    ], 16, Bt));
   }
 });
 export {
-  Et as Panel,
-  Kt as PanelGroup,
-  Nt as PanelResizer
+  Kt as Panel,
+  Nt as PanelGroup,
+  Ot as PanelResizer
 };
 //# sourceMappingURL=index.mjs.map