@window-splitter/vue 1.1.4 → 1.2.0

package/dist/index.mjs

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