@window-splitter/vue 1.0.2 → 1.1.1--canary.9d2f98a.0

package/dist/index.mjs

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