@blockbite/libraries 0.11.4

package/dist/libraries.js

@@ -0,0 +1,2632 @@
+function lr() {
+  return lr = Object.assign ? Object.assign.bind() : function(e) {
+    for (var t = 1; t < arguments.length; t++) {
+      var n = arguments[t];
+      for (var s in n) ({}).hasOwnProperty.call(n, s) && (e[s] = n[s]);
+    }
+    return e;
+  }, lr.apply(null, arguments);
+}
+var Wt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function ur(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var xr, Er = {
+  exports: {}
+};
+/*!
+  Copyright (c) 2018 Jed Watson.
+  Licensed under the MIT License (MIT), see
+  http://jedwatson.github.io/classnames
+*/
+var wr, Ir, Cr, on = (xr || (xr = 1, wr = Er, (function() {
+  var e = {}.hasOwnProperty;
+  function t() {
+    for (var n = [], s = 0; s < arguments.length; s++) {
+      var f = arguments[s];
+      if (f) {
+        var _ = typeof f;
+        if (_ === "string" || _ === "number") n.push(f);
+        else if (Array.isArray(f)) {
+          if (f.length) {
+            var E = t.apply(null, f);
+            E && n.push(E);
+          }
+        } else if (_ === "object") if (f.toString === Object.prototype.toString) for (var g in f) e.call(f, g) && f[g] && n.push(g);
+        else n.push(f.toString());
+      }
+    }
+    return n.join(" ");
+  }
+  wr.exports ? (t.default = t, wr.exports = t) : window.classNames = t;
+})()), Er.exports), Sr = ur(on), Pr, zt = ur((function() {
+  if (Cr) return Ir;
+  Cr = 1;
+  var e = /^\s+|\s+$/g, t = /^[-+]0x[0-9a-f]+$/i, n = /^0b[01]+$/i, s = /^0o[0-7]+$/i, f = parseInt, _ = Object.prototype.toString;
+  function E(i) {
+    var u = typeof i;
+    return !!i && (u == "object" || u == "function");
+  }
+  function g(i) {
+    if (typeof i == "number") return i;
+    if ((function(p) {
+      return typeof p == "symbol" || /* @__PURE__ */ (function(y) {
+        return !!y && typeof y == "object";
+      })(p) && _.call(p) == "[object Symbol]";
+    })(i)) return NaN;
+    if (E(i)) {
+      var u = typeof i.valueOf == "function" ? i.valueOf() : i;
+      i = E(u) ? u + "" : u;
+    }
+    if (typeof i != "string") return i === 0 ? i : +i;
+    i = i.replace(e, "");
+    var d = n.test(i);
+    return d || s.test(i) ? f(i.slice(2), d ? 2 : 8) : t.test(i) ? NaN : +i;
+  }
+  return Ir = function(i, u, d) {
+    return d === void 0 && (d = u, u = void 0), d !== void 0 && (d = (d = g(d)) == d ? d : 0), u !== void 0 && (u = (u = g(u)) == u ? u : 0), (function(p, y, R) {
+      return p == p && (R !== void 0 && (p = p <= R ? p : R), y !== void 0 && (p = p >= y ? p : y)), p;
+    })(g(i), u, d);
+  };
+})()), mr = {
+  exports: {}
+}, an = (Pr || (Pr = 1, (function(e, t) {
+  var n = "__lodash_hash_undefined__", s = 9007199254740991, f = "[object Arguments]", _ = "[object Array]", E = "[object Boolean]", g = "[object Date]", i = "[object Error]", u = "[object Function]", d = "[object Map]", p = "[object Number]", y = "[object Object]", R = "[object Promise]", b = "[object RegExp]", j = "[object Set]", N = "[object String]", S = "[object Symbol]", P = "[object WeakMap]", l = "[object ArrayBuffer]", M = "[object DataView]", K = /^\[object .+?Constructor\]$/, ue = /^(?:0|[1-9]\d*)$/, w = {};
+  w["[object Float32Array]"] = w["[object Float64Array]"] = w["[object Int8Array]"] = w["[object Int16Array]"] = w["[object Int32Array]"] = w["[object Uint8Array]"] = w["[object Uint8ClampedArray]"] = w["[object Uint16Array]"] = w["[object Uint32Array]"] = !0, w[f] = w[_] = w[l] = w[E] = w[M] = w[g] = w[i] = w[u] = w[d] = w[p] = w[y] = w[b] = w[j] = w[N] = w[P] = !1;
+  var Z = typeof Wt == "object" && Wt && Wt.Object === Object && Wt, Me = typeof self == "object" && self && self.Object === Object && self, ie = Z || Me || Function("return this")(), Ye = t && !t.nodeType && t, I = Ye && e && !e.nodeType && e, W = I && I.exports === Ye, ne = W && Z.process, X = (function() {
+    try {
+      return ne && ne.binding && ne.binding("util");
+    } catch {
+    }
+  })(), q = X && X.isTypedArray;
+  function ee(r, a) {
+    for (var v = -1, C = r == null ? 0 : r.length; ++v < C; ) if (a(r[v], v, r)) return !0;
+    return !1;
+  }
+  function fe(r) {
+    var a = -1, v = Array(r.size);
+    return r.forEach(function(C, te) {
+      v[++a] = [te, C];
+    }), v;
+  }
+  function We(r) {
+    var a = -1, v = Array(r.size);
+    return r.forEach(function(C) {
+      v[++a] = C;
+    }), v;
+  }
+  var $e, ce, Ae, F = Array.prototype, Oe = Function.prototype, Xe = Object.prototype, et = ie["__core-js_shared__"], Se = Oe.toString, V = Xe.hasOwnProperty, A = ($e = /[^.]+$/.exec(et && et.keys && et.keys.IE_PROTO || "")) ? "Symbol(src)_1." + $e : "", se = Xe.toString, Q = RegExp("^" + Se.call(V).replace(/[\\^$.*+?()[\]{}|]/g, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"), Dt = W ? ie.Buffer : void 0, De = ie.Symbol, he = ie.Uint8Array, Xt = Xe.propertyIsEnumerable, Ot = F.splice, dt = De ? De.toStringTag : void 0, pt = Object.getOwnPropertySymbols, nr = Dt ? Dt.isBuffer : void 0, kt = (ce = Object.keys, Ae = Object, function(r) {
+    return ce(Ae(r));
+  }), Ge = Ve(ie, "DataView"), rt = Ve(ie, "Map"), Vt = Ve(ie, "Promise"), Ut = Ve(ie, "Set"), ae = Ve(ie, "WeakMap"), Ke = Ve(Object, "create"), St = Pe(Ge), ve = Pe(rt), Re = Pe(Vt), Tt = Pe(Ut), It = Pe(ae), Rt = De ? De.prototype : void 0, ft = Rt ? Rt.valueOf : void 0;
+  function Ne(r) {
+    var a = -1, v = r == null ? 0 : r.length;
+    for (this.clear(); ++a < v; ) {
+      var C = r[a];
+      this.set(C[0], C[1]);
+    }
+  }
+  function Ce(r) {
+    var a = -1, v = r == null ? 0 : r.length;
+    for (this.clear(); ++a < v; ) {
+      var C = r[a];
+      this.set(C[0], C[1]);
+    }
+  }
+  function nt(r) {
+    var a = -1, v = r == null ? 0 : r.length;
+    for (this.clear(); ++a < v; ) {
+      var C = r[a];
+      this.set(C[0], C[1]);
+    }
+  }
+  function ht(r) {
+    var a = -1, v = r == null ? 0 : r.length;
+    for (this.__data__ = new nt(); ++a < v; ) this.add(r[a]);
+  }
+  function Le(r) {
+    var a = this.__data__ = new Ce(r);
+    this.size = a.size;
+  }
+  function Ct(r, a) {
+    var v = jt(r), C = !v && Zt(r), te = !v && !C && At(r), B = !v && !C && !te && Ft(r), le = v || C || te || B, we = le ? (function(me, Fe) {
+      for (var Te = -1, be = Array(me); ++Te < me; ) be[Te] = Fe(Te);
+      return be;
+    })(r.length, String) : [], Be = we.length;
+    for (var re in r) !V.call(r, re) || le && (re == "length" || te && (re == "offset" || re == "parent") || B && (re == "buffer" || re == "byteLength" || re == "byteOffset") || Jt(re, Be)) || we.push(re);
+    return we;
+  }
+  function wt(r, a) {
+    for (var v = r.length; v--; ) if (gt(r[v][0], a)) return v;
+    return -1;
+  }
+  function ke(r) {
+    return r == null ? r === void 0 ? "[object Undefined]" : "[object Null]" : dt && dt in Object(r) ? (function(a) {
+      var v = V.call(a, dt), C = a[dt];
+      try {
+        a[dt] = void 0;
+        var te = !0;
+      } catch {
+      }
+      var B = se.call(a);
+      return te && (v ? a[dt] = C : delete a[dt]), B;
+    })(r) : (function(a) {
+      return se.call(a);
+    })(r);
+  }
+  function Ht(r) {
+    return yt(r) && ke(r) == f;
+  }
+  function Qe(r, a, v, C, te) {
+    return r === a || (r == null || a == null || !yt(r) && !yt(a) ? r != r && a != a : (function(B, le, we, Be, re, me) {
+      var Fe = jt(B), Te = jt(le), be = Fe ? _ : Ue(B), ze = Te ? _ : Ue(le), _t = (be = be == f ? y : be) == y, bt = (ze = ze == f ? y : ze) == y, c = be == ze;
+      if (c && At(B)) {
+        if (!At(le)) return !1;
+        Fe = !0, _t = !1;
+      }
+      if (c && !_t) return me || (me = new Le()), Fe || Ft(B) ? $t(B, le, we, Be, re, me) : (function(U, T, _e, de, je, oe, xe) {
+        switch (_e) {
+          case M:
+            if (U.byteLength != T.byteLength || U.byteOffset != T.byteOffset) return !1;
+            U = U.buffer, T = T.buffer;
+          case l:
+            return !(U.byteLength != T.byteLength || !oe(new he(U), new he(T)));
+          case E:
+          case g:
+          case p:
+            return gt(+U, +T);
+          case i:
+            return U.name == T.name && U.message == T.message;
+          case b:
+          case N:
+            return U == T + "";
+          case d:
+            var xt = fe;
+          case j:
+            var at = 1 & de;
+            if (xt || (xt = We), U.size != T.size && !at) return !1;
+            var Et = xe.get(U);
+            if (Et) return Et == T;
+            de |= 2, xe.set(U, T);
+            var ir = $t(xt(U), xt(T), de, je, oe, xe);
+            return xe.delete(U), ir;
+          case S:
+            if (ft) return ft.call(U) == ft.call(T);
+        }
+        return !1;
+      })(B, le, be, we, Be, re, me);
+      if (!(1 & we)) {
+        var O = _t && V.call(B, "__wrapped__"), He = bt && V.call(le, "__wrapped__");
+        if (O || He) {
+          var Je = O ? B.value() : B, ot = He ? le.value() : le;
+          return me || (me = new Le()), re(Je, ot, we, Be, me);
+        }
+      }
+      return !!c && (me || (me = new Le()), (function(U, T, _e, de, je, oe) {
+        var xe = 1 & _e, xt = mt(U), at = xt.length, Et = mt(T), ir = Et.length;
+        if (at != ir && !xe) return !1;
+        for (var Kt = at; Kt--; ) {
+          var Nt = xt[Kt];
+          if (!(xe ? Nt in T : V.call(T, Nt))) return !1;
+        }
+        var cr = oe.get(U);
+        if (cr && oe.get(T)) return cr == T;
+        var Qt = !0;
+        oe.set(U, T), oe.set(T, U);
+        for (var Yt = xe; ++Kt < at; ) {
+          var qt = U[Nt = xt[Kt]], Gt = T[Nt];
+          if (de) var sr = xe ? de(Gt, qt, Nt, T, U, oe) : de(qt, Gt, Nt, U, T, oe);
+          if (!(sr === void 0 ? qt === Gt || je(qt, Gt, _e, de, oe) : sr)) {
+            Qt = !1;
+            break;
+          }
+          Yt || (Yt = Nt == "constructor");
+        }
+        if (Qt && !Yt) {
+          var er = U.constructor, tr = T.constructor;
+          er == tr || !("constructor" in U) || !("constructor" in T) || typeof er == "function" && er instanceof er && typeof tr == "function" && tr instanceof tr || (Qt = !1);
+        }
+        return oe.delete(U), oe.delete(T), Qt;
+      })(B, le, we, Be, re, me));
+    })(r, a, v, C, Qe, te));
+  }
+  function ge(r) {
+    return !(!ye(r) || (function(a) {
+      return !!A && A in a;
+    })(r)) && (Bt(r) ? Q : K).test(Pe(r));
+  }
+  function Pt(r) {
+    if (v = (a = r) && a.constructor, C = typeof v == "function" && v.prototype || Xe, a !== C) return kt(r);
+    var a, v, C, te = [];
+    for (var B in Object(r)) V.call(r, B) && B != "constructor" && te.push(B);
+    return te;
+  }
+  function $t(r, a, v, C, te, B) {
+    var le = 1 & v, we = r.length, Be = a.length;
+    if (we != Be && !(le && Be > we)) return !1;
+    var re = B.get(r);
+    if (re && B.get(a)) return re == a;
+    var me = -1, Fe = !0, Te = 2 & v ? new ht() : void 0;
+    for (B.set(r, a), B.set(a, r); ++me < we; ) {
+      var be = r[me], ze = a[me];
+      if (C) var _t = le ? C(ze, be, me, a, r, B) : C(be, ze, me, r, a, B);
+      if (_t !== void 0) {
+        if (_t) continue;
+        Fe = !1;
+        break;
+      }
+      if (Te) {
+        if (!ee(a, function(bt, c) {
+          if (O = c, !Te.has(O) && (be === bt || te(be, bt, v, C, B))) return Te.push(c);
+          var O;
+        })) {
+          Fe = !1;
+          break;
+        }
+      } else if (be !== ze && !te(be, ze, v, C, B)) {
+        Fe = !1;
+        break;
+      }
+    }
+    return B.delete(r), B.delete(a), Fe;
+  }
+  function mt(r) {
+    return (function(a, v, C) {
+      var te = v(a);
+      return jt(a) ? te : (function(B, le) {
+        for (var we = -1, Be = le.length, re = B.length; ++we < Be; ) B[re + we] = le[we];
+        return B;
+      })(te, C(a));
+    })(r, Mt, vt);
+  }
+  function it(r, a) {
+    var v, C, te = r.__data__;
+    return ((C = typeof (v = a)) == "string" || C == "number" || C == "symbol" || C == "boolean" ? v !== "__proto__" : v === null) ? te[typeof a == "string" ? "string" : "hash"] : te.map;
+  }
+  function Ve(r, a) {
+    var v = (function(C, te) {
+      return C == null ? void 0 : C[te];
+    })(r, a);
+    return ge(v) ? v : void 0;
+  }
+  Ne.prototype.clear = function() {
+    this.__data__ = Ke ? Ke(null) : {}, this.size = 0;
+  }, Ne.prototype.delete = function(r) {
+    var a = this.has(r) && delete this.__data__[r];
+    return this.size -= a ? 1 : 0, a;
+  }, Ne.prototype.get = function(r) {
+    var a = this.__data__;
+    if (Ke) {
+      var v = a[r];
+      return v === n ? void 0 : v;
+    }
+    return V.call(a, r) ? a[r] : void 0;
+  }, Ne.prototype.has = function(r) {
+    var a = this.__data__;
+    return Ke ? a[r] !== void 0 : V.call(a, r);
+  }, Ne.prototype.set = function(r, a) {
+    var v = this.__data__;
+    return this.size += this.has(r) ? 0 : 1, v[r] = Ke && a === void 0 ? n : a, this;
+  }, Ce.prototype.clear = function() {
+    this.__data__ = [], this.size = 0;
+  }, Ce.prototype.delete = function(r) {
+    var a = this.__data__, v = wt(a, r);
+    return !(v < 0 || (v == a.length - 1 ? a.pop() : Ot.call(a, v, 1), --this.size, 0));
+  }, Ce.prototype.get = function(r) {
+    var a = this.__data__, v = wt(a, r);
+    return v < 0 ? void 0 : a[v][1];
+  }, Ce.prototype.has = function(r) {
+    return wt(this.__data__, r) > -1;
+  }, Ce.prototype.set = function(r, a) {
+    var v = this.__data__, C = wt(v, r);
+    return C < 0 ? (++this.size, v.push([r, a])) : v[C][1] = a, this;
+  }, nt.prototype.clear = function() {
+    this.size = 0, this.__data__ = {
+      hash: new Ne(),
+      map: new (rt || Ce)(),
+      string: new Ne()
+    };
+  }, nt.prototype.delete = function(r) {
+    var a = it(this, r).delete(r);
+    return this.size -= a ? 1 : 0, a;
+  }, nt.prototype.get = function(r) {
+    return it(this, r).get(r);
+  }, nt.prototype.has = function(r) {
+    return it(this, r).has(r);
+  }, nt.prototype.set = function(r, a) {
+    var v = it(this, r), C = v.size;
+    return v.set(r, a), this.size += v.size == C ? 0 : 1, this;
+  }, ht.prototype.add = ht.prototype.push = function(r) {
+    return this.__data__.set(r, n), this;
+  }, ht.prototype.has = function(r) {
+    return this.__data__.has(r);
+  }, Le.prototype.clear = function() {
+    this.__data__ = new Ce(), this.size = 0;
+  }, Le.prototype.delete = function(r) {
+    var a = this.__data__, v = a.delete(r);
+    return this.size = a.size, v;
+  }, Le.prototype.get = function(r) {
+    return this.__data__.get(r);
+  }, Le.prototype.has = function(r) {
+    return this.__data__.has(r);
+  }, Le.prototype.set = function(r, a) {
+    var v = this.__data__;
+    if (v instanceof Ce) {
+      var C = v.__data__;
+      if (!rt || C.length < 199) return C.push([r, a]), this.size = ++v.size, this;
+      v = this.__data__ = new nt(C);
+    }
+    return v.set(r, a), this.size = v.size, this;
+  };
+  var vt = pt ? function(r) {
+    return r == null ? [] : (r = Object(r), (function(a, v) {
+      for (var C = -1, te = a == null ? 0 : a.length, B = 0, le = []; ++C < te; ) {
+        var we = a[C];
+        v(we, C, a) && (le[B++] = we);
+      }
+      return le;
+    })(pt(r), function(a) {
+      return Xt.call(r, a);
+    }));
+  } : function() {
+    return [];
+  }, Ue = ke;
+  function Jt(r, a) {
+    return !!(a = a ?? s) && (typeof r == "number" || ue.test(r)) && r > -1 && r % 1 == 0 && r < a;
+  }
+  function Pe(r) {
+    if (r != null) {
+      try {
+        return Se.call(r);
+      } catch {
+      }
+      try {
+        return r + "";
+      } catch {
+      }
+    }
+    return "";
+  }
+  function gt(r, a) {
+    return r === a || r != r && a != a;
+  }
+  (Ge && Ue(new Ge(new ArrayBuffer(1))) != M || rt && Ue(new rt()) != d || Vt && Ue(Vt.resolve()) != R || Ut && Ue(new Ut()) != j || ae && Ue(new ae()) != P) && (Ue = function(r) {
+    var a = ke(r), v = a == y ? r.constructor : void 0, C = v ? Pe(v) : "";
+    if (C) switch (C) {
+      case St:
+        return M;
+      case ve:
+        return d;
+      case Re:
+        return R;
+      case Tt:
+        return j;
+      case It:
+        return P;
+    }
+    return a;
+  });
+  var Zt = Ht(/* @__PURE__ */ (function() {
+    return arguments;
+  })()) ? Ht : function(r) {
+    return yt(r) && V.call(r, "callee") && !Xt.call(r, "callee");
+  }, jt = Array.isArray, At = nr || function() {
+    return !1;
+  };
+  function Bt(r) {
+    if (!ye(r)) return !1;
+    var a = ke(r);
+    return a == u || a == "[object GeneratorFunction]" || a == "[object AsyncFunction]" || a == "[object Proxy]";
+  }
+  function st(r) {
+    return typeof r == "number" && r > -1 && r % 1 == 0 && r <= s;
+  }
+  function ye(r) {
+    var a = typeof r;
+    return r != null && (a == "object" || a == "function");
+  }
+  function yt(r) {
+    return r != null && typeof r == "object";
+  }
+  var Ft = q ? /* @__PURE__ */ (function(r) {
+    return function(a) {
+      return r(a);
+    };
+  })(q) : function(r) {
+    return yt(r) && st(r.length) && !!w[ke(r)];
+  };
+  function Mt(r) {
+    return (a = r) != null && st(a.length) && !Bt(a) ? Ct(r) : Pt(r);
+    var a;
+  }
+  e.exports = function(r, a) {
+    return Qe(r, a);
+  };
+})(mr, mr.exports)), mr.exports), ln = ur(an);
+function jr(e, t, n) {
+  return e[t] ? e[t][0] ? e[t][0][n] : e[t][n] : t === "contentBoxSize" ? e.contentRect[n === "inlineSize" ? "width" : "height"] : void 0;
+}
+function un(e) {
+  e === void 0 && (e = {});
+  var t = e.onResize, n = window.React.useRef(void 0);
+  n.current = t;
+  var s = e.round || Math.round, f = window.React.useRef(), _ = window.React.useState({
+    width: void 0,
+    height: void 0
+  }), E = _[0], g = _[1], i = window.React.useRef(!1);
+  window.React.useEffect(function() {
+    return i.current = !1, function() {
+      i.current = !0;
+    };
+  }, []);
+  var u = window.React.useRef({
+    width: void 0,
+    height: void 0
+  }), d = (function(p, y) {
+    var R = window.React.useRef(null), b = window.React.useRef(null);
+    b.current = y;
+    var j = window.React.useRef(null);
+    window.React.useEffect(function() {
+      N();
+    });
+    var N = window.React.useCallback(function() {
+      var S = j.current, P = b.current, l = S || (P ? P instanceof Element ? P : P.current : null);
+      R.current && R.current.element === l && R.current.subscriber === p || (R.current && R.current.cleanup && R.current.cleanup(), R.current = {
+        element: l,
+        subscriber: p,
+        cleanup: l ? p(l) : void 0
+      });
+    }, [p]);
+    return window.React.useEffect(function() {
+      return function() {
+        R.current && R.current.cleanup && (R.current.cleanup(), R.current = null);
+      };
+    }, []), window.React.useCallback(function(S) {
+      j.current = S, N();
+    }, [N]);
+  })(window.React.useCallback(function(p) {
+    return f.current && f.current.box === e.box && f.current.round === s || (f.current = {
+      box: e.box,
+      round: s,
+      instance: new ResizeObserver(function(y) {
+        var R = y[0], b = e.box === "border-box" ? "borderBoxSize" : e.box === "device-pixel-content-box" ? "devicePixelContentBoxSize" : "contentBoxSize", j = jr(R, b, "inlineSize"), N = jr(R, b, "blockSize"), S = j ? s(j) : void 0, P = N ? s(N) : void 0;
+        if (u.current.width !== S || u.current.height !== P) {
+          var l = {
+            width: S,
+            height: P
+          };
+          u.current.width = S, u.current.height = P, n.current ? n.current(l) : i.current || g(l);
+        }
+      })
+    }), f.current.instance.observe(p, {
+      box: e.box
+    }), function() {
+      f.current && f.current.instance.unobserve(p);
+    };
+  }, [e.box, s]), e.ref);
+  return window.React.useMemo(function() {
+    return {
+      ref: d,
+      width: E.width,
+      height: E.height
+    };
+  }, [d, E.width, E.height]);
+}
+var cn = "allotment-module_splitView__L-yRc", dn = "allotment-module_sashContainer__fzwJF", pn = "allotment-module_splitViewContainer__rQnVa", Wr = "allotment-module_splitViewView__MGZ6O", fn = "allotment-module_vertical__WSwwa", hn = "allotment-module_horizontal__7doS8", wn = "allotment-module_separatorBorder__x-rDS";
+let or, Xr = !1, Ur = !1;
+typeof navigator == "object" && (or = navigator.userAgent, Ur = or.indexOf("Macintosh") >= 0, Xr = (or.indexOf("Macintosh") >= 0 || or.indexOf("iPad") >= 0 || or.indexOf("iPhone") >= 0) && !!navigator.maxTouchPoints && navigator.maxTouchPoints > 0);
+const Jr = Xr, mn = Ur, Mr = typeof window < "u" && window.document !== void 0 && window.document.createElement !== void 0 ? window.React.useLayoutEffect : window.React.useEffect;
+class vn {
+  constructor() {
+    this._size = void 0;
+  }
+  getSize() {
+    return this._size;
+  }
+  setSize(t) {
+    this._size = t;
+  }
+}
+function dr(e, t) {
+  const n = e.length, s = n - t.length;
+  return s >= 0 && e.slice(s, n) === t;
+}
+var Nr, Lr = {
+  exports: {}
+}, Dr, Or, gn = (Nr || (Nr = 1, (function(e) {
+  var t = Object.prototype.hasOwnProperty, n = "~";
+  function s() {
+  }
+  function f(i, u, d) {
+    this.fn = i, this.context = u, this.once = d || !1;
+  }
+  function _(i, u, d, p, y) {
+    if (typeof d != "function") throw new TypeError("The listener must be a function");
+    var R = new f(d, p || i, y), b = n ? n + u : u;
+    return i._events[b] ? i._events[b].fn ? i._events[b] = [i._events[b], R] : i._events[b].push(R) : (i._events[b] = R, i._eventsCount++), i;
+  }
+  function E(i, u) {
+    --i._eventsCount == 0 ? i._events = new s() : delete i._events[u];
+  }
+  function g() {
+    this._events = new s(), this._eventsCount = 0;
+  }
+  Object.create && (s.prototype = /* @__PURE__ */ Object.create(null), new s().__proto__ || (n = !1)), g.prototype.eventNames = function() {
+    var i, u, d = [];
+    if (this._eventsCount === 0) return d;
+    for (u in i = this._events) t.call(i, u) && d.push(n ? u.slice(1) : u);
+    return Object.getOwnPropertySymbols ? d.concat(Object.getOwnPropertySymbols(i)) : d;
+  }, g.prototype.listeners = function(i) {
+    var u = n ? n + i : i, d = this._events[u];
+    if (!d) return [];
+    if (d.fn) return [d.fn];
+    for (var p = 0, y = d.length, R = new Array(y); p < y; p++) R[p] = d[p].fn;
+    return R;
+  }, g.prototype.listenerCount = function(i) {
+    var u = n ? n + i : i, d = this._events[u];
+    return d ? d.fn ? 1 : d.length : 0;
+  }, g.prototype.emit = function(i, u, d, p, y, R) {
+    var b = n ? n + i : i;
+    if (!this._events[b]) return !1;
+    var j, N, S = this._events[b], P = arguments.length;
+    if (S.fn) {
+      switch (S.once && this.removeListener(i, S.fn, void 0, !0), P) {
+        case 1:
+          return S.fn.call(S.context), !0;
+        case 2:
+          return S.fn.call(S.context, u), !0;
+        case 3:
+          return S.fn.call(S.context, u, d), !0;
+        case 4:
+          return S.fn.call(S.context, u, d, p), !0;
+        case 5:
+          return S.fn.call(S.context, u, d, p, y), !0;
+        case 6:
+          return S.fn.call(S.context, u, d, p, y, R), !0;
+      }
+      for (N = 1, j = new Array(P - 1); N < P; N++) j[N - 1] = arguments[N];
+      S.fn.apply(S.context, j);
+    } else {
+      var l, M = S.length;
+      for (N = 0; N < M; N++) switch (S[N].once && this.removeListener(i, S[N].fn, void 0, !0), P) {
+        case 1:
+          S[N].fn.call(S[N].context);
+          break;
+        case 2:
+          S[N].fn.call(S[N].context, u);
+          break;
+        case 3:
+          S[N].fn.call(S[N].context, u, d);
+          break;
+        case 4:
+          S[N].fn.call(S[N].context, u, d, p);
+          break;
+        default:
+          if (!j) for (l = 1, j = new Array(P - 1); l < P; l++) j[l - 1] = arguments[l];
+          S[N].fn.apply(S[N].context, j);
+      }
+    }
+    return !0;
+  }, g.prototype.on = function(i, u, d) {
+    return _(this, i, u, d, !1);
+  }, g.prototype.once = function(i, u, d) {
+    return _(this, i, u, d, !0);
+  }, g.prototype.removeListener = function(i, u, d, p) {
+    var y = n ? n + i : i;
+    if (!this._events[y]) return this;
+    if (!u) return E(this, y), this;
+    var R = this._events[y];
+    if (R.fn) R.fn !== u || p && !R.once || d && R.context !== d || E(this, y);
+    else {
+      for (var b = 0, j = [], N = R.length; b < N; b++) (R[b].fn !== u || p && !R[b].once || d && R[b].context !== d) && j.push(R[b]);
+      j.length ? this._events[y] = j.length === 1 ? j[0] : j : E(this, y);
+    }
+    return this;
+  }, g.prototype.removeAllListeners = function(i) {
+    var u;
+    return i ? (u = n ? n + i : i, this._events[u] && E(this, u)) : (this._events = new s(), this._eventsCount = 0), this;
+  }, g.prototype.off = g.prototype.removeListener, g.prototype.addListener = g.prototype.on, g.prefixed = n, g.EventEmitter = g, e.exports = g;
+})(Lr)), Lr.exports), Rr = ur(gn);
+function kr(e, t) {
+  const n = e.indexOf(t);
+  n > -1 && (e.splice(n, 1), e.unshift(t));
+}
+function vr(e, t) {
+  const n = e.indexOf(t);
+  n > -1 && (e.splice(n, 1), e.push(t));
+}
+function lt(e, t, n = 1) {
+  const s = Math.max(0, Math.ceil((t - e) / n)), f = new Array(s);
+  let _ = -1;
+  for (; ++_ < s; ) f[_] = e + _ * n;
+  return f;
+}
+var _n = ur((function() {
+  if (Or) return Dr;
+  Or = 1;
+  var e = /^\s+|\s+$/g, t = /^[-+]0x[0-9a-f]+$/i, n = /^0b[01]+$/i, s = /^0o[0-7]+$/i, f = parseInt, _ = typeof Wt == "object" && Wt && Wt.Object === Object && Wt, E = typeof self == "object" && self && self.Object === Object && self, g = _ || E || Function("return this")(), i = Object.prototype.toString, u = Math.max, d = Math.min, p = function() {
+    return g.Date.now();
+  };
+  function y(b) {
+    var j = typeof b;
+    return !!b && (j == "object" || j == "function");
+  }
+  function R(b) {
+    if (typeof b == "number") return b;
+    if ((function(S) {
+      return typeof S == "symbol" || /* @__PURE__ */ (function(P) {
+        return !!P && typeof P == "object";
+      })(S) && i.call(S) == "[object Symbol]";
+    })(b)) return NaN;
+    if (y(b)) {
+      var j = typeof b.valueOf == "function" ? b.valueOf() : b;
+      b = y(j) ? j + "" : j;
+    }
+    if (typeof b != "string") return b === 0 ? b : +b;
+    b = b.replace(e, "");
+    var N = n.test(b);
+    return N || s.test(b) ? f(b.slice(2), N ? 2 : 8) : t.test(b) ? NaN : +b;
+  }
+  return Dr = function(b, j, N) {
+    var S, P, l, M, K, ue, w = 0, Z = !1, Me = !1, ie = !0;
+    if (typeof b != "function") throw new TypeError("Expected a function");
+    function Ye(q) {
+      var ee = S, fe = P;
+      return S = P = void 0, w = q, M = b.apply(fe, ee);
+    }
+    function I(q) {
+      var ee = q - ue;
+      return ue === void 0 || ee >= j || ee < 0 || Me && q - w >= l;
+    }
+    function W() {
+      var q = p();
+      if (I(q)) return ne(q);
+      K = setTimeout(W, (function(ee) {
+        var fe = j - (ee - ue);
+        return Me ? d(fe, l - (ee - w)) : fe;
+      })(q));
+    }
+    function ne(q) {
+      return K = void 0, ie && S ? Ye(q) : (S = P = void 0, M);
+    }
+    function X() {
+      var q = p(), ee = I(q);
+      if (S = arguments, P = this, ue = q, ee) {
+        if (K === void 0) return (function(fe) {
+          return w = fe, K = setTimeout(W, j), Z ? Ye(fe) : M;
+        })(ue);
+        if (Me) return K = setTimeout(W, j), Ye(ue);
+      }
+      return K === void 0 && (K = setTimeout(W, j)), M;
+    }
+    return j = R(j) || 0, y(N) && (Z = !!N.leading, l = (Me = "maxWait" in N) ? u(R(N.maxWait) || 0, j) : l, ie = "trailing" in N ? !!N.trailing : ie), X.cancel = function() {
+      K !== void 0 && clearTimeout(K), w = 0, S = ue = P = K = void 0;
+    }, X.flush = function() {
+      return K === void 0 ? M : ne(p());
+    }, X;
+  };
+})()), bn = "sash-module_sash__K-9lB", zn = "sash-module_disabled__Hm-wx", Sn = "sash-module_mac__Jf6OJ", Vr = "sash-module_vertical__pB-rs", Rn = "sash-module_minimum__-UKxp", yn = "sash-module_maximum__TCWxD", Tr = "sash-module_horizontal__kFbiw", gr = "sash-module_hover__80W6I", _r = "sash-module_active__bJspD";
+let ct = (function(e) {
+  return e.Vertical = "VERTICAL", e.Horizontal = "HORIZONTAL", e;
+})({}), tt = (function(e) {
+  return e.Disabled = "DISABLED", e.Minimum = "MINIMUM", e.Maximum = "MAXIMUM", e.Enabled = "ENABLED", e;
+})({}), Zr = Jr ? 20 : 8;
+const qr = new Rr();
+class Hr extends Rr {
+  get state() {
+    return this._state;
+  }
+  set state(t) {
+    this._state !== t && (this.el.classList.toggle(zn, t === tt.Disabled), this.el.classList.toggle("sash-disabled", t === tt.Disabled), this.el.classList.toggle(Rn, t === tt.Minimum), this.el.classList.toggle("sash-minimum", t === tt.Minimum), this.el.classList.toggle(yn, t === tt.Maximum), this.el.classList.toggle("sash-maximum", t === tt.Maximum), this._state = t, this.emit("enablementChange", t));
+  }
+  constructor(t, n, s) {
+    var f;
+    super(), this.el = void 0, this.layoutProvider = void 0, this.orientation = void 0, this.size = void 0, this.hoverDelay = 300, this.hoverDelayer = _n((_) => _.classList.add("sash-hover", gr), this.hoverDelay), this._state = tt.Enabled, this.onPointerStart = (_) => {
+      const E = _.pageX, g = _.pageY, i = {
+        startX: E,
+        currentX: E,
+        startY: g,
+        currentY: g
+      };
+      this.el.classList.add("sash-active", _r), this.emit("start", i), this.el.setPointerCapture(_.pointerId);
+      const u = (p) => {
+        p.preventDefault();
+        const y = {
+          startX: E,
+          currentX: p.pageX,
+          startY: g,
+          currentY: p.pageY
+        };
+        this.emit("change", y);
+      }, d = (p) => {
+        p.preventDefault(), this.el.classList.remove("sash-active", _r), this.hoverDelayer.cancel(), this.emit("end"), this.el.releasePointerCapture(p.pointerId), window.removeEventListener("pointermove", u), window.removeEventListener("pointerup", d);
+      };
+      window.addEventListener("pointermove", u), window.addEventListener("pointerup", d);
+    }, this.onPointerDoublePress = () => {
+      this.emit("reset");
+    }, this.onMouseEnter = () => {
+      this.el.classList.contains(_r) ? (this.hoverDelayer.cancel(), this.el.classList.add("sash-hover", gr)) : this.hoverDelayer(this.el);
+    }, this.onMouseLeave = () => {
+      this.hoverDelayer.cancel(), this.el.classList.remove("sash-hover", gr);
+    }, this.el = document.createElement("div"), this.el.classList.add("sash", bn), this.el.dataset.testid = "sash", t.append(this.el), mn && this.el.classList.add("sash-mac", Sn), this.el.addEventListener("pointerdown", this.onPointerStart), this.el.addEventListener("dblclick", this.onPointerDoublePress), this.el.addEventListener("mouseenter", this.onMouseEnter), this.el.addEventListener("mouseleave", this.onMouseLeave), typeof s.size == "number" ? (this.size = s.size, s.orientation === ct.Vertical ? this.el.style.width = `${this.size}px` : this.el.style.height = `${this.size}px`) : (this.size = Zr, qr.on("onDidChangeGlobalSize", (_) => {
+      this.size = _, this.layout();
+    })), this.layoutProvider = n, this.orientation = (f = s.orientation) != null ? f : ct.Vertical, this.orientation === ct.Horizontal ? (this.el.classList.add("sash-horizontal", Tr), this.el.classList.remove("sash-vertical", Vr)) : (this.el.classList.remove("sash-horizontal", Tr), this.el.classList.add("sash-vertical", Vr)), this.layout();
+  }
+  layout() {
+    if (this.orientation === ct.Vertical) {
+      const t = this.layoutProvider;
+      this.el.style.left = t.getVerticalSashLeft(this) - this.size / 2 + "px", t.getVerticalSashTop && (this.el.style.top = t.getVerticalSashTop(this) + "px"), t.getVerticalSashHeight && (this.el.style.height = t.getVerticalSashHeight(this) + "px");
+    } else {
+      const t = this.layoutProvider;
+      this.el.style.top = t.getHorizontalSashTop(this) - this.size / 2 + "px", t.getHorizontalSashLeft && (this.el.style.left = t.getHorizontalSashLeft(this) + "px"), t.getHorizontalSashWidth && (this.el.style.width = t.getHorizontalSashWidth(this) + "px");
+    }
+  }
+  dispose() {
+    this.el.removeEventListener("pointerdown", this.onPointerStart), this.el.removeEventListener("dblclick", this.onPointerDoublePress), this.el.removeEventListener("mouseenter", this.onMouseEnter), this.el.removeEventListener("mouseleave", () => this.onMouseLeave), this.el.remove();
+  }
+}
+let fr;
+var br;
+(br = fr || (fr = {})).Distribute = {
+  type: "distribute"
+}, br.Split = function(e) {
+  return {
+    type: "split",
+    index: e
+  };
+}, br.Invisible = function(e) {
+  return {
+    type: "invisible",
+    cachedVisibleSize: e
+  };
+};
+let ut = (function(e) {
+  return e.Normal = "NORMAL", e.Low = "LOW", e.High = "HIGH", e;
+})({});
+class Gr {
+  constructor(t, n, s) {
+    this.container = void 0, this.view = void 0, this._size = void 0, this._cachedVisibleSize = void 0, this.container = t, this.view = n, this.container.classList.add("split-view-view", Wr), this.container.dataset.testid = "split-view-view", typeof s == "number" ? (this._size = s, this._cachedVisibleSize = void 0, t.classList.add("split-view-view-visible")) : (this._size = 0, this._cachedVisibleSize = s.cachedVisibleSize);
+  }
+  set size(t) {
+    this._size = t;
+  }
+  get size() {
+    return this._size;
+  }
+  get priority() {
+    return this.view.priority;
+  }
+  get snap() {
+    return !!this.view.snap;
+  }
+  get cachedVisibleSize() {
+    return this._cachedVisibleSize;
+  }
+  get visible() {
+    return this._cachedVisibleSize === void 0;
+  }
+  setVisible(t, n) {
+    t !== this.visible && (t ? (this.size = zt(this._cachedVisibleSize, this.viewMinimumSize, this.viewMaximumSize), this._cachedVisibleSize = void 0) : (this._cachedVisibleSize = typeof n == "number" ? n : this.size, this.size = 0), this.container.classList.toggle("split-view-view-visible", t), this.view.setVisible && this.view.setVisible(t));
+  }
+  get minimumSize() {
+    return this.visible ? this.view.minimumSize : 0;
+  }
+  get viewMinimumSize() {
+    return this.view.minimumSize;
+  }
+  get maximumSize() {
+    return this.visible ? this.view.maximumSize : 0;
+  }
+  get viewMaximumSize() {
+    return this.view.maximumSize;
+  }
+  set enabled(t) {
+    this.container.style.pointerEvents = t ? "" : "none";
+  }
+  layout(t) {
+    this.layoutContainer(t), this.view.layout(this.size, t);
+  }
+}
+class xn extends Gr {
+  layoutContainer(t) {
+    this.container.style.left = `${t}px`, this.container.style.width = `${this.size}px`;
+  }
+}
+class En extends Gr {
+  layoutContainer(t) {
+    this.container.style.top = `${t}px`, this.container.style.height = `${this.size}px`;
+  }
+}
+class In extends Rr {
+  get startSnappingEnabled() {
+    return this._startSnappingEnabled;
+  }
+  set startSnappingEnabled(t) {
+    this._startSnappingEnabled !== t && (this._startSnappingEnabled = t, this.updateSashEnablement());
+  }
+  get endSnappingEnabled() {
+    return this._endSnappingEnabled;
+  }
+  set endSnappingEnabled(t) {
+    this._endSnappingEnabled !== t && (this._endSnappingEnabled = t, this.updateSashEnablement());
+  }
+  constructor(t, n = {}, s, f, _) {
+    var E, g;
+    if (super(), this.onDidChange = void 0, this.onDidDragStart = void 0, this.onDidDragEnd = void 0, this.orientation = void 0, this.sashContainer = void 0, this.size = 0, this.contentSize = 0, this.proportions = void 0, this.viewItems = [], this.sashItems = [], this.sashDragState = void 0, this.proportionalLayout = void 0, this.getSashOrthogonalSize = void 0, this._startSnappingEnabled = !0, this._endSnappingEnabled = !0, this.onSashEnd = (i) => {
+      this.emit("sashchange", i), this.saveProportions();
+      for (const u of this.viewItems) u.enabled = !0;
+    }, this.orientation = (E = n.orientation) != null ? E : ct.Vertical, this.proportionalLayout = (g = n.proportionalLayout) != null ? g : !0, this.getSashOrthogonalSize = n.getSashOrthogonalSize, s && (this.onDidChange = s), f && (this.onDidDragStart = f), _ && (this.onDidDragEnd = _), this.sashContainer = document.createElement("div"), this.sashContainer.classList.add("sash-container", dn), t.prepend(this.sashContainer), n.descriptor) {
+      this.size = n.descriptor.size;
+      for (const [i, u] of n.descriptor.views.entries()) {
+        const d = u.size, p = u.container, y = u.view;
+        this.addView(p, y, d, i, !0);
+      }
+      this.contentSize = this.viewItems.reduce((i, u) => i + u.size, 0), this.saveProportions();
+    }
+  }
+  addView(t, n, s, f = this.viewItems.length, _) {
+    let E;
+    E = typeof s == "number" ? s : s.type === "split" ? this.getViewSize(s.index) / 2 : s.type === "invisible" ? {
+      cachedVisibleSize: s.cachedVisibleSize
+    } : n.minimumSize;
+    const g = this.orientation === ct.Vertical ? new En(t, n, E) : new xn(t, n, E);
+    if (this.viewItems.splice(f, 0, g), this.viewItems.length > 1) {
+      const i = this.orientation === ct.Vertical ? new Hr(this.sashContainer, {
+        getHorizontalSashTop: (p) => this.getSashPosition(p),
+        getHorizontalSashWidth: this.getSashOrthogonalSize
+      }, {
+        orientation: ct.Horizontal
+      }) : new Hr(this.sashContainer, {
+        getVerticalSashLeft: (p) => this.getSashPosition(p),
+        getVerticalSashHeight: this.getSashOrthogonalSize
+      }, {
+        orientation: ct.Vertical
+      }), u = this.orientation === ct.Vertical ? (p) => ({
+        sash: i,
+        start: p.startY,
+        current: p.currentY
+      }) : (p) => ({
+        sash: i,
+        start: p.startX,
+        current: p.currentX
+      });
+      i.on("start", (p) => {
+        var y;
+        this.emit("sashDragStart"), this.onSashStart(u(p));
+        const R = this.viewItems.map((b) => b.size);
+        (y = this.onDidDragStart) == null || y.call(this, R);
+      }), i.on("change", (p) => this.onSashChange(u(p))), i.on("end", () => {
+        var p;
+        this.emit("sashDragEnd"), this.onSashEnd(this.sashItems.findIndex((R) => R.sash === i));
+        const y = this.viewItems.map((R) => R.size);
+        (p = this.onDidDragEnd) == null || p.call(this, y);
+      }), i.on("reset", () => {
+        const p = this.sashItems.findIndex((N) => N.sash === i), y = lt(p, -1, -1), R = lt(p + 1, this.viewItems.length), b = this.findFirstSnapIndex(y), j = this.findFirstSnapIndex(R);
+        (typeof b != "number" || this.viewItems[b].visible) && (typeof j != "number" || this.viewItems[j].visible) && this.emit("sashreset", p);
+      });
+      const d = {
+        sash: i
+      };
+      this.sashItems.splice(f - 1, 0, d);
+    }
+    _ || this.relayout(), _ || typeof s == "number" || s.type !== "distribute" || this.distributeViewSizes();
+  }
+  removeView(t, n) {
+    if (t < 0 || t >= this.viewItems.length) throw new Error("Index out of bounds");
+    const s = this.viewItems.splice(t, 1)[0].view;
+    if (this.viewItems.length >= 1) {
+      const f = Math.max(t - 1, 0);
+      this.sashItems.splice(f, 1)[0].sash.dispose();
+    }
+    return this.relayout(), n && n.type === "distribute" && this.distributeViewSizes(), s;
+  }
+  moveView(t, n, s) {
+    const f = this.getViewCachedVisibleSize(n), _ = f === void 0 ? this.getViewSize(n) : fr.Invisible(f), E = this.removeView(n);
+    this.addView(t, E, _, s);
+  }
+  getViewCachedVisibleSize(t) {
+    if (t < 0 || t >= this.viewItems.length) throw new Error("Index out of bounds");
+    return this.viewItems[t].cachedVisibleSize;
+  }
+  layout(t = this.size) {
+    const n = Math.max(this.size, this.contentSize);
+    if (this.size = t, this.proportions) for (let s = 0; s < this.viewItems.length; s++) {
+      const f = this.viewItems[s];
+      f.size = zt(Math.round(this.proportions[s] * t), f.minimumSize, f.maximumSize);
+    }
+    else {
+      const s = lt(0, this.viewItems.length), f = s.filter((E) => this.viewItems[E].priority === ut.Low), _ = s.filter((E) => this.viewItems[E].priority === ut.High);
+      this.resize(this.viewItems.length - 1, t - n, void 0, f, _);
+    }
+    this.distributeEmptySpace(), this.layoutViews();
+  }
+  resizeView(t, n) {
+    if (t < 0 || t >= this.viewItems.length) return;
+    const s = lt(0, this.viewItems.length).filter((g) => g !== t), f = [...s.filter((g) => this.viewItems[g].priority === ut.Low), t], _ = s.filter((g) => this.viewItems[g].priority === ut.High), E = this.viewItems[t];
+    n = Math.round(n), n = zt(n, E.minimumSize, Math.min(E.maximumSize, this.size)), E.size = n, this.relayout(f, _);
+  }
+  resizeViews(t) {
+    for (let n = 0; n < t.length; n++) {
+      const s = this.viewItems[n];
+      let f = t[n];
+      f = Math.round(f), f = zt(f, s.minimumSize, Math.min(s.maximumSize, this.size)), s.size = f;
+    }
+    this.contentSize = this.viewItems.reduce((n, s) => n + s.size, 0), this.saveProportions(), this.layout(this.size);
+  }
+  getViewSize(t) {
+    return t < 0 || t >= this.viewItems.length ? -1 : this.viewItems[t].size;
+  }
+  isViewVisible(t) {
+    if (t < 0 || t >= this.viewItems.length) throw new Error("Index out of bounds");
+    return this.viewItems[t].visible;
+  }
+  setViewVisible(t, n) {
+    if (t < 0 || t >= this.viewItems.length) throw new Error("Index out of bounds");
+    this.viewItems[t].setVisible(n), this.distributeEmptySpace(t), this.layoutViews(), this.saveProportions();
+  }
+  distributeViewSizes() {
+    const t = [];
+    let n = 0;
+    for (const g of this.viewItems) g.maximumSize - g.minimumSize > 0 && (t.push(g), n += g.size);
+    const s = Math.floor(n / t.length);
+    for (const g of t) g.size = zt(s, g.minimumSize, g.maximumSize);
+    const f = lt(0, this.viewItems.length), _ = f.filter((g) => this.viewItems[g].priority === ut.Low), E = f.filter((g) => this.viewItems[g].priority === ut.High);
+    this.relayout(_, E);
+  }
+  dispose() {
+    this.sashItems.forEach((t) => t.sash.dispose()), this.sashItems = [], this.sashContainer.remove();
+  }
+  relayout(t, n) {
+    const s = this.viewItems.reduce((f, _) => f + _.size, 0);
+    this.resize(this.viewItems.length - 1, this.size - s, void 0, t, n), this.distributeEmptySpace(), this.layoutViews(), this.saveProportions();
+  }
+  onSashStart({
+    sash: t,
+    start: n
+  }) {
+    const s = this.sashItems.findIndex((f) => f.sash === t);
+    ((f) => {
+      const _ = this.viewItems.map((P) => P.size);
+      let E, g, i = Number.NEGATIVE_INFINITY, u = Number.POSITIVE_INFINITY;
+      const d = lt(s, -1, -1), p = lt(s + 1, this.viewItems.length), y = d.reduce((P, l) => P + (this.viewItems[l].minimumSize - _[l]), 0), R = d.reduce((P, l) => P + (this.viewItems[l].viewMaximumSize - _[l]), 0), b = p.length === 0 ? Number.POSITIVE_INFINITY : p.reduce((P, l) => P + (_[l] - this.viewItems[l].minimumSize), 0), j = p.length === 0 ? Number.NEGATIVE_INFINITY : p.reduce((P, l) => P + (_[l] - this.viewItems[l].viewMaximumSize), 0);
+      i = Math.max(y, j), u = Math.min(b, R);
+      const N = this.findFirstSnapIndex(d), S = this.findFirstSnapIndex(p);
+      if (typeof N == "number") {
+        const P = this.viewItems[N], l = Math.floor(P.viewMinimumSize / 2);
+        E = {
+          index: N,
+          limitDelta: P.visible ? i - l : i + l,
+          size: P.size
+        };
+      }
+      if (typeof S == "number") {
+        const P = this.viewItems[S], l = Math.floor(P.viewMinimumSize / 2);
+        g = {
+          index: S,
+          limitDelta: P.visible ? u + l : u - l,
+          size: P.size
+        };
+      }
+      this.sashDragState = {
+        start: f,
+        current: f,
+        index: s,
+        sizes: _,
+        minDelta: i,
+        maxDelta: u,
+        snapBefore: E,
+        snapAfter: g
+      };
+    })(n);
+  }
+  onSashChange({
+    current: t
+  }) {
+    const {
+      index: n,
+      start: s,
+      sizes: f,
+      minDelta: _,
+      maxDelta: E,
+      snapBefore: g,
+      snapAfter: i
+    } = this.sashDragState;
+    this.sashDragState.current = t;
+    const u = t - s;
+    this.resize(n, u, f, void 0, void 0, _, E, g, i), this.distributeEmptySpace(), this.layoutViews();
+  }
+  getSashPosition(t) {
+    let n = 0;
+    for (let s = 0; s < this.sashItems.length; s++) if (n += this.viewItems[s].size, this.sashItems[s].sash === t) return n;
+    return 0;
+  }
+  resize(t, n, s = this.viewItems.map((d) => d.size), f, _, E = Number.NEGATIVE_INFINITY, g = Number.POSITIVE_INFINITY, i, u) {
+    if (t < 0 || t >= this.viewItems.length) return 0;
+    const d = lt(t, -1, -1), p = lt(t + 1, this.viewItems.length);
+    if (_) for (const w of _) kr(d, w), kr(p, w);
+    if (f) for (const w of f) vr(d, w), vr(p, w);
+    const y = d.map((w) => this.viewItems[w]), R = d.map((w) => s[w]), b = p.map((w) => this.viewItems[w]), j = p.map((w) => s[w]), N = d.reduce((w, Z) => w + (this.viewItems[Z].minimumSize - s[Z]), 0), S = d.reduce((w, Z) => w + (this.viewItems[Z].maximumSize - s[Z]), 0), P = p.length === 0 ? Number.POSITIVE_INFINITY : p.reduce((w, Z) => w + (s[Z] - this.viewItems[Z].minimumSize), 0), l = p.length === 0 ? Number.NEGATIVE_INFINITY : p.reduce((w, Z) => w + (s[Z] - this.viewItems[Z].maximumSize), 0), M = Math.max(N, l, E), K = Math.min(P, S, g);
+    let ue = !1;
+    if (i) {
+      const w = this.viewItems[i.index], Z = n >= i.limitDelta;
+      ue = Z !== w.visible, w.setVisible(Z, i.size);
+    }
+    if (!ue && u) {
+      const w = this.viewItems[u.index], Z = n < u.limitDelta;
+      ue = Z !== w.visible, w.setVisible(Z, u.size);
+    }
+    if (ue) return this.resize(t, n, s, f, _, E, g);
+    for (let w = 0, Z = n = zt(n, M, K); w < y.length; w++) {
+      const Me = y[w], ie = zt(R[w] + Z, Me.minimumSize, Me.maximumSize);
+      Z -= ie - R[w], Me.size = ie;
+    }
+    for (let w = 0, Z = n; w < b.length; w++) {
+      const Me = b[w], ie = zt(j[w] - Z, Me.minimumSize, Me.maximumSize);
+      Z += ie - j[w], Me.size = ie;
+    }
+    return n;
+  }
+  distributeEmptySpace(t) {
+    const n = this.viewItems.reduce((u, d) => u + d.size, 0);
+    let s = this.size - n;
+    const f = lt(0, this.viewItems.length), _ = [], E = f.filter((u) => this.viewItems[u].priority === ut.Low), g = f.filter((u) => this.viewItems[u].priority === ut.Normal), i = f.filter((u) => this.viewItems[u].priority === ut.High);
+    _.push(...i, ...g, ...E), typeof t == "number" && vr(_, t);
+    for (let u = 0; s !== 0 && u < _.length; u++) {
+      const d = this.viewItems[_[u]], p = zt(d.size + s, d.minimumSize, d.maximumSize);
+      s -= p - d.size, d.size = p;
+    }
+  }
+  layoutViews() {
+    var t;
+    this.contentSize = this.viewItems.reduce((s, f) => s + f.size, 0);
+    let n = 0;
+    for (const s of this.viewItems) s.layout(n), n += s.size;
+    (t = this.onDidChange) != null && t.call(this, this.viewItems.map((s) => s.size)), this.sashItems.forEach((s) => s.sash.layout()), this.updateSashEnablement();
+  }
+  saveProportions() {
+    this.proportionalLayout && this.contentSize > 0 && (this.proportions = this.viewItems.map((t) => t.size / this.contentSize));
+  }
+  updateSashEnablement() {
+    let t = !1;
+    const n = this.viewItems.map((i) => t = i.size - i.minimumSize > 0 || t);
+    t = !1;
+    const s = this.viewItems.map((i) => t = i.maximumSize - i.size > 0 || t), f = [...this.viewItems].reverse();
+    t = !1;
+    const _ = f.map((i) => t = i.size - i.minimumSize > 0 || t).reverse();
+    t = !1;
+    const E = f.map((i) => t = i.maximumSize - i.size > 0 || t).reverse();
+    let g = 0;
+    for (let i = 0; i < this.sashItems.length; i++) {
+      const {
+        sash: u
+      } = this.sashItems[i];
+      g += this.viewItems[i].size;
+      const d = !(n[i] && E[i + 1]), p = !(s[i] && _[i + 1]);
+      if (d && p) {
+        const y = lt(i, -1, -1), R = lt(i + 1, this.viewItems.length), b = this.findFirstSnapIndex(y), j = this.findFirstSnapIndex(R), N = typeof b == "number" && !this.viewItems[b].visible, S = typeof j == "number" && !this.viewItems[j].visible;
+        N && _[i] && (g > 0 || this.startSnappingEnabled) ? u.state = tt.Minimum : S && n[i] && (g < this.contentSize || this.endSnappingEnabled) ? u.state = tt.Maximum : u.state = tt.Disabled;
+      } else u.state = d && !p ? tt.Minimum : !d && p ? tt.Maximum : tt.Enabled;
+    }
+  }
+  findFirstSnapIndex(t) {
+    for (const n of t) {
+      const s = this.viewItems[n];
+      if (s.visible && s.snap) return n;
+    }
+    for (const n of t) {
+      const s = this.viewItems[n];
+      if (s.visible && s.maximumSize - s.minimumSize > 0) return;
+      if (!s.visible && s.snap) return n;
+    }
+  }
+}
+class rr {
+  constructor(t) {
+    this.size = void 0, this.size = t;
+  }
+  getPreferredSize() {
+    return this.size;
+  }
+}
+class $r {
+  constructor(t, n) {
+    this.proportion = void 0, this.layoutService = void 0, this.proportion = t, this.layoutService = n;
+  }
+  getPreferredSize() {
+    return this.proportion * this.layoutService.getSize();
+  }
+}
+class pr {
+  getPreferredSize() {
+  }
+}
+class Ar {
+  get preferredSize() {
+    return this.layoutStrategy.getPreferredSize();
+  }
+  set preferredSize(t) {
+    if (typeof t == "number") this.layoutStrategy = new rr(t);
+    else if (typeof t == "string") {
+      const n = t.trim();
+      if (dr(n, "%")) {
+        const s = Number(n.slice(0, -1)) / 100;
+        this.layoutStrategy = new $r(s, this.layoutService);
+      } else if (dr(n, "px")) {
+        const s = Number(n.slice(0, -2)) / 100;
+        this.layoutStrategy = new rr(s);
+      } else if (typeof Number.parseFloat(n) == "number") {
+        const s = Number.parseFloat(n);
+        this.layoutStrategy = new rr(s);
+      } else this.layoutStrategy = new pr();
+    } else this.layoutStrategy = new pr();
+  }
+  constructor(t, n) {
+    var s;
+    if (this.minimumSize = 0, this.maximumSize = Number.POSITIVE_INFINITY, this.element = void 0, this.priority = void 0, this.snap = void 0, this.layoutService = void 0, this.layoutStrategy = void 0, this.layoutService = t, this.element = n.element, this.minimumSize = typeof n.minimumSize == "number" ? n.minimumSize : 30, this.maximumSize = typeof n.maximumSize == "number" ? n.maximumSize : Number.POSITIVE_INFINITY, typeof n.preferredSize == "number") this.layoutStrategy = new rr(n.preferredSize);
+    else if (typeof n.preferredSize == "string") {
+      const f = n.preferredSize.trim();
+      if (dr(f, "%")) {
+        const _ = Number(f.slice(0, -1)) / 100;
+        this.layoutStrategy = new $r(_, this.layoutService);
+      } else if (dr(f, "px")) {
+        const _ = Number(f.slice(0, -2));
+        this.layoutStrategy = new rr(_);
+      } else if (typeof Number.parseFloat(f) == "number") {
+        const _ = Number.parseFloat(f);
+        this.layoutStrategy = new rr(_);
+      } else this.layoutStrategy = new pr();
+    } else this.layoutStrategy = new pr();
+    this.priority = (s = n.priority) != null ? s : ut.Normal, this.snap = typeof n.snap == "boolean" && n.snap;
+  }
+  layout(t) {
+  }
+}
+function Br(e) {
+  return e.minSize !== void 0 || e.maxSize !== void 0 || e.preferredSize !== void 0 || e.priority !== void 0 || e.visible !== void 0;
+}
+const yr = window.React.forwardRef(({
+  className: e,
+  children: t
+}, n) => window.React.createElement("div", {
+  ref: n,
+  className: Sr("split-view-view", Wr, e)
+}, t));
+yr.displayName = "Allotment.Pane";
+const Kr = window.React.forwardRef(({
+  children: e,
+  className: t,
+  id: n,
+  maxSize: s = 1 / 0,
+  minSize: f = 30,
+  proportionalLayout: _ = !0,
+  separator: E = !0,
+  sizes: g,
+  defaultSizes: i = g,
+  snap: u = !1,
+  vertical: d = !1,
+  onChange: p,
+  onReset: y,
+  onVisibleChange: R,
+  onDragStart: b,
+  onDragEnd: j
+}, N) => {
+  const S = window.React.useRef(null), P = window.React.useRef([]), l = window.React.useRef(/* @__PURE__ */ new Map()), M = window.React.useRef(null), K = window.React.useRef(/* @__PURE__ */ new Map()), ue = window.React.useRef(new vn()), w = window.React.useRef([]), [Z, Me] = window.React.useState(!1), ie = window.React.useMemo(() => window.React.Children.toArray(e).filter(window.React.isValidElement), [e]), Ye = window.React.useCallback((I) => {
+    var W, ne;
+    const X = (W = w.current) == null ? void 0 : W[I];
+    return typeof (X == null ? void 0 : X.preferredSize) == "number" && ((ne = M.current) != null && ne.resizeView(I, Math.round(X.preferredSize)), !0);
+  }, []);
+  return window.React.useImperativeHandle(N, () => ({
+    reset: () => {
+      if (y) y();
+      else {
+        var I;
+        (I = M.current) == null || I.distributeViewSizes();
+        for (let W = 0; W < w.current.length; W++) Ye(W);
+      }
+    },
+    resize: (I) => {
+      var W;
+      (W = M.current) == null || W.resizeViews(I);
+    }
+  })), Mr(() => {
+    let I = !0;
+    i && K.current.size !== i.length && (I = !1, console.warn(`Expected ${i.length} children based on defaultSizes but found ${K.current.size}`)), I && i && (P.current = ie.map((X) => X.key));
+    const W = lr({
+      orientation: d ? ct.Vertical : ct.Horizontal,
+      proportionalLayout: _
+    }, I && i && {
+      descriptor: {
+        size: i.reduce((X, q) => X + q, 0),
+        views: i.map((X, q) => {
+          var ee, fe, We, $e;
+          const ce = l.current.get(P.current[q]), Ae = new Ar(ue.current, lr({
+            element: document.createElement("div"),
+            minimumSize: (ee = ce == null ? void 0 : ce.minSize) != null ? ee : f,
+            maximumSize: (fe = ce == null ? void 0 : ce.maxSize) != null ? fe : s,
+            priority: (We = ce == null ? void 0 : ce.priority) != null ? We : ut.Normal
+          }, (ce == null ? void 0 : ce.preferredSize) && {
+            preferredSize: ce == null ? void 0 : ce.preferredSize
+          }, {
+            snap: ($e = ce == null ? void 0 : ce.snap) != null ? $e : u
+          }));
+          return w.current.push(Ae), {
+            container: [...K.current.values()][q],
+            size: X,
+            view: Ae
+          };
+        })
+      }
+    });
+    M.current = new In(S.current, W, p, b, j), M.current.on("sashDragStart", () => {
+      var X;
+      (X = S.current) == null || X.classList.add("split-view-sash-dragging");
+    }), M.current.on("sashDragEnd", () => {
+      var X;
+      (X = S.current) == null || X.classList.remove("split-view-sash-dragging");
+    }), M.current.on("sashchange", (X) => {
+      if (R && M.current) {
+        const q = ie.map((ee) => ee.key);
+        for (let ee = 0; ee < q.length; ee++) {
+          const fe = l.current.get(q[ee]);
+          (fe == null ? void 0 : fe.visible) !== void 0 && fe.visible !== M.current.isViewVisible(ee) && R(ee, M.current.isViewVisible(ee));
+        }
+      }
+    }), M.current.on("sashreset", (X) => {
+      if (y) y();
+      else {
+        var q;
+        if (Ye(X) || Ye(X + 1)) return;
+        (q = M.current) == null || q.distributeViewSizes();
+      }
+    });
+    const ne = M.current;
+    return () => {
+      ne.dispose();
+    };
+  }, []), Mr(() => {
+    if (Z) {
+      const F = ie.map((V) => V.key), Oe = [...P.current], Xe = F.filter((V) => !P.current.includes(V)), et = F.filter((V) => P.current.includes(V)), Se = P.current.map((V) => !F.includes(V));
+      for (let V = Se.length - 1; V >= 0; V--) {
+        var I;
+        Se[V] && ((I = M.current) != null && I.removeView(V), Oe.splice(V, 1), w.current.splice(V, 1));
+      }
+      for (const V of Xe) {
+        var W, ne, X, q, ee;
+        const A = l.current.get(V), se = new Ar(ue.current, lr({
+          element: document.createElement("div"),
+          minimumSize: (W = A == null ? void 0 : A.minSize) != null ? W : f,
+          maximumSize: (ne = A == null ? void 0 : A.maxSize) != null ? ne : s,
+          priority: (X = A == null ? void 0 : A.priority) != null ? X : ut.Normal
+        }, (A == null ? void 0 : A.preferredSize) && {
+          preferredSize: A == null ? void 0 : A.preferredSize
+        }, {
+          snap: (q = A == null ? void 0 : A.snap) != null ? q : u
+        }));
+        (ee = M.current) != null && ee.addView(K.current.get(V), se, fr.Distribute, F.findIndex((Q) => Q === V)), Oe.splice(F.findIndex((Q) => Q === V), 0, V), w.current.splice(F.findIndex((Q) => Q === V), 0, se);
+      }
+      for (; !ln(F, Oe); ) for (const [V, A] of F.entries()) {
+        const se = Oe.findIndex((Q) => Q === A);
+        if (se !== V) {
+          var fe;
+          (fe = M.current) == null || fe.moveView(K.current.get(A), se, V);
+          const Q = Oe[se];
+          Oe.splice(se, 1), Oe.splice(V, 0, Q);
+          break;
+        }
+      }
+      for (const V of Xe) {
+        var We;
+        const A = F.findIndex((Q) => Q === V), se = w.current[A].preferredSize;
+        se !== void 0 && ((We = M.current) == null || We.resizeView(A, se));
+      }
+      for (const V of [...Xe, ...et]) {
+        var $e, ce;
+        const A = l.current.get(V), se = F.findIndex((Q) => Q === V);
+        A && Br(A) && A.visible !== void 0 && (($e = M.current) == null ? void 0 : $e.isViewVisible(se)) !== A.visible && ((ce = M.current) == null || ce.setViewVisible(se, A.visible));
+      }
+      for (const V of et) {
+        const A = l.current.get(V), se = F.findIndex((Q) => Q === V);
+        if (A && Br(A)) {
+          var Ae;
+          A.preferredSize !== void 0 && w.current[se].preferredSize !== A.preferredSize && (w.current[se].preferredSize = A.preferredSize);
+          let Q = !1;
+          A.minSize !== void 0 && w.current[se].minimumSize !== A.minSize && (w.current[se].minimumSize = A.minSize, Q = !0), A.maxSize !== void 0 && w.current[se].maximumSize !== A.maxSize && (w.current[se].maximumSize = A.maxSize, Q = !0), Q && ((Ae = M.current) == null || Ae.layout());
+        }
+      }
+      (Xe.length > 0 || Se.length > 0) && (P.current = F);
+    }
+  }, [ie, Z, s, f, u]), window.React.useEffect(() => {
+    M.current && (M.current.onDidChange = p);
+  }, [p]), window.React.useEffect(() => {
+    M.current && (M.current.onDidDragStart = b);
+  }, [b]), window.React.useEffect(() => {
+    M.current && (M.current.onDidDragEnd = j);
+  }, [j]), un({
+    ref: S,
+    onResize: ({
+      width: I,
+      height: W
+    }) => {
+      var ne;
+      I && W && ((ne = M.current) != null && ne.layout(d ? W : I), ue.current.setSize(d ? W : I), Me(!0));
+    }
+  }), window.React.useEffect(() => {
+    Jr && Cn(20);
+  }, []), window.React.createElement("div", {
+    ref: S,
+    className: Sr("split-view", d ? "split-view-vertical" : "split-view-horizontal", {
+      "split-view-separator-border": E
+    }, cn, d ? fn : hn, {
+      [wn]: E
+    }, t),
+    id: n
+  }, window.React.createElement("div", {
+    className: Sr("split-view-container", pn)
+  }, window.React.Children.toArray(e).map((I) => {
+    if (!window.React.isValidElement(I)) return null;
+    const W = I.key;
+    return I.type.displayName === "Allotment.Pane" ? (l.current.set(W, I.props), window.React.cloneElement(I, {
+      key: W,
+      ref: (ne) => {
+        const X = I.ref;
+        X && (X.current = ne), ne ? K.current.set(W, ne) : K.current.delete(W);
+      }
+    })) : window.React.createElement(yr, {
+      key: W,
+      ref: (ne) => {
+        ne ? K.current.set(W, ne) : K.current.delete(W);
+      }
+    }, I);
+  })));
+});
+function Cn(e) {
+  const t = zt(e, 4, 20), n = zt(e, 1, 8);
+  document.documentElement.style.setProperty("--sash-size", t + "px"), document.documentElement.style.setProperty("--sash-hover-size", n + "px"), (function(s) {
+    Zr = s, qr.emit("onDidChangeGlobalSize", s);
+  })(t);
+}
+Kr.displayName = "Allotment";
+var Dn = Object.assign(Kr, {
+  Pane: yr
+});
+(function() {
+  try {
+    if (typeof document < "u") {
+      var e = document.createElement("style");
+      e.appendChild(document.createTextNode('.grid-drag-resize{display:grid}.grid-drag-resize--dropping{background-color:#d8e9f666}.grid-drag-resize__item{position:relative}.grid-drag-resize__item--draggable-full{cursor:move;-webkit-user-select:none;user-select:none}.grid-drag-resize__item--dragging{opacity:.6}.grid-drag-resize__item--shadow{background-color:#bacbd74d}.grid-drag-resize__item--resizing>.grid-drag-resize__item__adjust{display:block}.grid-drag-resize__item--resizing>.grid-drag-resize__item__remove{transform:translate(-14px)}.grid-drag-resize__item--resizing>.grid-drag-resize__item__drop{transform:translate(-16px)}.grid-drag-resize__item__group{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%}.grid-drag-resize__item__mask{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;-webkit-user-select:none;user-select:none}.grid-drag-resize__item__border{display:none;position:absolute;z-index:3;background-color:#71c4ef}.grid-drag-resize__item__border--top{top:0;width:100%;height:2px}.grid-drag-resize__item__border--right{right:0;width:2px;height:100%}.grid-drag-resize__item__border--bottom{bottom:0;width:100%;height:2px}.grid-drag-resize__item__border--left{left:0;width:2px;height:100%}.grid-drag-resize__item--selected>.grid-drag-resize__item__border{display:block}.grid-drag-resize__item__adjust{display:none;position:absolute;z-index:4;width:10px;height:10px;border:1px solid #666;background-color:#fff;box-shadow:1px 1px 2px #0003}.grid-drag-resize__item__adjust--top{left:calc(50% - 5px);cursor:ns-resize}.grid-drag-resize__item__adjust--right{top:calc(50% - 5px);cursor:ew-resize}.grid-drag-resize__item__adjust--bottom{left:calc(50% - 5px);cursor:ns-resize}.grid-drag-resize__item__adjust--left{top:calc(50% - 5px);cursor:ew-resize}.grid-drag-resize__item__adjust--top-left{cursor:nwse-resize}.grid-drag-resize__item__adjust--top-right,.grid-drag-resize__item__adjust--bottom-left{cursor:nesw-resize}.grid-drag-resize__item__adjust--bottom-right{cursor:nwse-resize}.grid-drag-resize__item__remove{position:absolute;z-index:5;top:0;right:0;width:0;height:0;overflow:hidden;transition:transform .3s ease-in-out;border:0 solid rgba(255,0,0,.6);border-radius:50%;opacity:.8;background-color:#fff;box-shadow:0 0 2px #0003;cursor:pointer}.grid-drag-resize__item__remove:hover{opacity:1}.grid-drag-resize__item__remove:before,.grid-drag-resize__item__remove:after{content:"";display:block;position:absolute;top:5px;left:1px;width:9px;height:1px;transform-origin:center;background-color:#f009}.grid-drag-resize__item__remove:before{transform:rotate(-45deg)}.grid-drag-resize__item__remove:after{transform:rotate(45deg)}.grid-drag-resize__item__drop{position:absolute;z-index:5;left:calc(50% - 9px);width:0;height:0;overflow:hidden;transition:transform .3s ease-in-out;border:0 solid #666;border-radius:50%;opacity:.8;background-color:#fff;cursor:grab}.grid-drag-resize__item__drop:hover{opacity:1}.grid-drag-resize__item--hover>.grid-drag-resize__item__remove{width:13px;height:13px;border-width:1px}.grid-drag-resize__item--hover>.grid-drag-resize__item__drop{width:18px;height:18px;border-width:1px}.grid-drag-resize--sub{min-width:100%;min-height:100%}')), document.head.appendChild(e);
+    }
+  } catch (t) {
+    console.error("vite-plugin-css-injected-by-js", t);
+  }
+})();
+var Qr = { exports: {} }, ar = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Fr;
+function Pn() {
+  if (Fr) return ar;
+  Fr = 1;
+  var e = window.React, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, f = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, _ = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function E(g, i, u) {
+    var d, p = {}, y = null, R = null;
+    u !== void 0 && (y = "" + u), i.key !== void 0 && (y = "" + i.key), i.ref !== void 0 && (R = i.ref);
+    for (d in i) s.call(i, d) && !_.hasOwnProperty(d) && (p[d] = i[d]);
+    if (g && g.defaultProps) for (d in i = g.defaultProps, i) p[d] === void 0 && (p[d] = i[d]);
+    return { $$typeof: t, type: g, key: y, ref: R, props: p, _owner: f.current };
+  }
+  return ar.Fragment = n, ar.jsx = E, ar.jsxs = E, ar;
+}
+Qr.exports = Pn();
+var Ie = Qr.exports;
+const hr = window.React.createContext(void 0);
+function Yr(e) {
+  var t, n, s, f, _, E, g, i, u, d, p, y, R, b, j, N, S, P, l, M, K, ue, w, Z, Me, ie, Ye;
+  const I = window.React.useContext(hr), W = window.React.useRef(1), ne = window.React.useRef(1), X = window.React.useRef(1), q = window.React.useRef(2), ee = window.React.useRef(1), fe = window.React.useRef(2), We = window.React.useRef(), $e = window.React.useRef(), ce = window.React.useRef(), Ae = window.React.useRef(), F = window.React.useRef(), Oe = window.React.useRef(), Xe = window.React.useRef(), et = window.React.useRef(), Se = window.React.useRef(), V = window.React.useRef(), A = window.React.useRef(), se = window.React.useRef(), Q = window.React.useRef(), Dt = window.React.useRef(), De = window.React.useRef(), he = window.React.useRef(), Xt = window.React.useRef();
+  window.React.useEffect(() => {
+    var c, O, He, Je, ot, U, T, _e, de, je, oe;
+    W.current = e.columns || 1, ne.current = e.rows || 1, X.current = (e.columnStart ?? 0) < 1 ? 1 : e.columnStart, q.current = (e.columnEnd ?? 0) < 2 ? 2 : e.columnEnd, ee.current = (e.rowStart ?? 0) < 1 ? 1 : e.rowStart, fe.current = (e.rowEnd ?? 0) < 2 ? 2 : e.rowEnd, Se.current = e.mask ?? !1, We.current = e.dragHandler || ((c = e.parentProps) == null ? void 0 : c.dragHandler), $e.current = e.dropOutHandler || ((O = e.parentProps) == null ? void 0 : O.dropOutHandler), ce.current = e.removeHandler || ((He = e.parentProps) == null ? void 0 : He.removeHandler), Ae.current = e.overflow || ((Je = e.parentProps) == null ? void 0 : Je.overflow), F.current = e.readonly ?? ((ot = e.parentProps) == null ? void 0 : ot.readonly), Oe.current = F.current ? !1 : e.draggable ?? ((U = e.parentProps) == null ? void 0 : U.draggable), Q.current = Oe.current ?? !0, Xe.current = F.current ? !1 : e.resizable ?? ((T = e.parentProps) == null ? void 0 : T.resizable), Dt.current = Xe.current ?? !0, et.current = F.current ? !1 : e.removable ?? ((_e = e.parentProps) == null ? void 0 : _e.removable), De.current = et.current ?? !0, Se.current = e.mask ?? ((de = e.parentProps) == null ? void 0 : de.mask), he.current = Se.current ?? !1, V.current = F.current ? !1 : e.droppableOut ?? ((je = e.parentProps) == null ? void 0 : je.droppableOut), Xt.current = V.current ?? !0, A.current = e.debug ?? ((oe = e.parentProps) == null ? void 0 : oe.debug), se.current = { ...e.parentProps };
+  }, [e]);
+  const [Ot, dt] = window.React.useState(
+    Xt.current
+  ), [pt, nr] = window.React.useState($e.current), [kt, Ge] = window.React.useState(ce.current), [rt, Vt] = window.React.useState(De.current), [Ut, ae] = window.React.useState(Ae.current), [Ke, St] = window.React.useState(We.current), [ve, Re] = window.React.useState(Q.current), [Tt, It] = window.React.useState(X.current), [Rt, ft] = window.React.useState(q.current), [Ne, Ce] = window.React.useState(ee.current), [nt, ht] = window.React.useState(fe.current), [Le, Ct] = window.React.useState(ne.current), [wt, ke] = window.React.useState(W.current), [Ht, Qe] = window.React.useState(he.current);
+  window.React.useEffect(() => {
+    dt(V.current ?? !0);
+  }, [e.droppableOut, (t = e.parentProps) == null ? void 0 : t.droppableOut]), window.React.useEffect(() => {
+    nr($e.current);
+  }, [e.dropOutHandler, (n = e.parentProps) == null ? void 0 : n.dropOutHandler]), window.React.useEffect(() => {
+    Ge(ce.current);
+  }, [e.removeHandler, (s = e.parentProps) == null ? void 0 : s.removeHandler]), window.React.useEffect(() => {
+    Vt(et.current ?? !0);
+  }, [e.removable, (f = e.parentProps) == null ? void 0 : f.removable]), window.React.useEffect(() => {
+    Qe(Se.current ?? !1);
+  }, [e.mask, (_ = e.parentProps) == null ? void 0 : _.mask]), window.React.useEffect(() => {
+    ae(Ae.current);
+  }, [e.overflow, (E = e.parentProps) == null ? void 0 : E.overflow]), window.React.useEffect(() => {
+    St(We.current);
+  }, [e.dragHandler, (g = e.parentProps) == null ? void 0 : g.dragHandler]), window.React.useEffect(() => {
+    Re(Oe.current ?? !0);
+  }, [e.draggable, (i = e.parentProps) == null ? void 0 : i.draggable]), window.React.useEffect(() => {
+    It(X.current);
+  }, [e.columnStart]), window.React.useEffect(() => {
+    ft(q.current);
+  }, [e.columnEnd]), window.React.useEffect(() => {
+    Ce(ee.current);
+  }, [e.rowStart]), window.React.useEffect(() => {
+    ht(fe.current);
+  }, [e.rowEnd]), window.React.useEffect(() => {
+    Ct(ne.current);
+  }, [e.rows]), window.React.useEffect(() => {
+    ke(W.current);
+  }, [e.columns]);
+  const ge = window.React.useRef(null), [Pt, $t] = window.React.useState(ge.current), mt = window.React.useRef(null), [it, Ve] = window.React.useState(mt.current);
+  window.React.useEffect(() => {
+    $t(ge.current);
+  }, []), window.React.useEffect(() => {
+    Ve(mt.current);
+  }, [Ht]);
+  const [vt, Ue] = window.React.useState(se.current), Jt = window.React.useRef({ ...se.current });
+  window.React.useEffect(() => {
+    Jt.current = {
+      ...se.current,
+      //
+      dragHandler: We.current,
+      dropOutHandler: $e.current,
+      removeHandler: ce.current,
+      overflow: Ae.current,
+      //
+      readonly: F.current,
+      //
+      draggable: Oe.current,
+      resizable: Xe.current,
+      removable: et.current,
+      mask: Se.current,
+      droppableIn: e.droppableIn,
+      droppableOut: V.current,
+      //
+      debug: A.current
+    }, Ue(Jt.current);
+  }, [
+    e.dragHandler,
+    (u = e.parentProps) == null ? void 0 : u.dragHandler,
+    e.dropOutHandler,
+    (d = e.parentProps) == null ? void 0 : d.dropOutHandler,
+    e.removeHandler,
+    (p = e.parentProps) == null ? void 0 : p.removeHandler,
+    e.overflow,
+    (y = e.parentProps) == null ? void 0 : y.overflow,
+    e.readonly,
+    (R = e.parentProps) == null ? void 0 : R.readonly,
+    e.draggable,
+    (b = e.parentProps) == null ? void 0 : b.draggable,
+    e.resizable,
+    (j = e.parentProps) == null ? void 0 : j.resizable,
+    e.removable,
+    (N = e.parentProps) == null ? void 0 : N.removable,
+    e.mask,
+    (S = e.parentProps) == null ? void 0 : S.mask,
+    e.droppableIn,
+    (P = e.parentProps) == null ? void 0 : P.droppableIn,
+    e.droppableOut,
+    (l = e.parentProps) == null ? void 0 : l.droppableOut,
+    e.debug,
+    (M = e.parentProps) == null ? void 0 : M.debug
+  ]), A.current && console.log(Jt);
+  const [Pe, gt] = window.React.useState(((K = e.parentProps) == null ? void 0 : K.gap) ?? 0);
+  window.React.useEffect(() => {
+    var c;
+    const O = ((c = e.parentProps) == null ? void 0 : c.gap) ?? 0;
+    gt(O < 5 ? O : 5);
+  }, [(ue = e.parentProps) == null ? void 0 : ue.gap]);
+  const [Zt, jt] = window.React.useState(((w = e.parentProps) == null ? void 0 : w.gap) ?? 0);
+  window.React.useEffect(() => {
+    var c;
+    const O = ((c = e.parentProps) == null ? void 0 : c.gap) ?? 0;
+    jt(O < 6.5 ? O : 6.5);
+  }, [(Z = e.parentProps) == null ? void 0 : Z.gap]);
+  const [At, Bt] = window.React.useState(((Me = e.parentProps) == null ? void 0 : Me.gap) ?? 0);
+  window.React.useEffect(() => {
+    var c;
+    const O = ((c = e.parentProps) == null ? void 0 : c.gap) ?? 0;
+    Bt(O < 8 ? O : 8);
+  }, [(ie = e.parentProps) == null ? void 0 : ie.gap]);
+  const [st, ye] = window.React.useState(I == null ? void 0 : I.state.hoverEle), [yt, Ft] = window.React.useState(st === Pt);
+  window.React.useEffect(() => {
+    Ft(
+      st !== void 0 && (st === Pt || st === it)
+    );
+  }, [st, Pt, it]), window.React.useEffect(() => {
+    ye(I == null ? void 0 : I.state.hoverEle);
+  }, [I == null ? void 0 : I.state.hoverEle]);
+  const Mt = window.React.useMemo(() => ({
+    gridColumnStart: Tt ?? "",
+    gridColumnEnd: Rt ?? "",
+    gridRowStart: Ne ?? "",
+    gridRowEnd: nt ?? ""
+  }), [Tt, Rt, Ne, nt]);
+  window.React.useEffect(() => {
+    var c;
+    e.rows !== Le && ((c = e.updateRows) == null || c.call(e, Le));
+  }, [e, Le]), window.React.useEffect(() => {
+    var c;
+    e.columns !== wt && ((c = e.updateColumns) == null || c.call(e, wt));
+  }, [e, wt]), window.React.useEffect(() => {
+    var c, O, He, Je, ot, U;
+    let T = e.columnStart ?? 0, _e = e.columnEnd ?? 0, de = e.columns ?? 0, je = e.rowStart ?? 0, oe = e.rowEnd ?? 0, xe = e.rows ?? 0;
+    (T < 1 && _e < 1 || T > 0 && _e > 0 && _e <= T) && (T = 0, _e = 0), de < 1 && (de = 1), (je < 1 && oe < 1 || oe <= je && je > 0 && oe > 1) && (je = 0, oe = 0), xe < 1 && (xe = 1), T < 1 && _e < 1 && je < 1 && oe < 1 || (T < 1 && (T = 1), _e < T && (de < 1 ? _e = T + 1 : _e = T + de), je < 1 && (je = 1), oe < je && (xe < 1 ? oe = je + 1 : oe = je + xe), (de < 1 || de < _e - T) && T !== void 0 && _e !== void 0 && (de = _e - T), (xe < 1 || xe < oe - je) && oe !== void 0 && je !== void 0 && (xe = oe - je)), (c = e.updateColumnStart) == null || c.call(e, T), (O = e.updateColumnEnd) == null || O.call(e, _e), (He = e.updateColumns) == null || He.call(e, de), (Je = e.updateRowStart) == null || Je.call(e, je), (ot = e.updateRowEnd) == null || ot.call(e, oe), (U = e.updateRows) == null || U.call(e, xe);
+  }, [e]);
+  const r = window.React.useCallback(
+    (c) => {
+      var O, He;
+      Q.current && ((He = e.startDrag) == null || He.call(e, {
+        event: c,
+        rect: ((O = ge == null ? void 0 : ge.current) == null ? void 0 : O.getBoundingClientRect()) ?? {
+          height: 0,
+          width: 0,
+          x: 0,
+          y: 0,
+          bottom: 0,
+          right: 0
+        }
+      }));
+    },
+    [e]
+  ), a = window.React.useCallback(() => {
+    var c;
+    (c = e.dropEnd) == null || c.call(e);
+  }, [e]), v = window.React.useCallback(() => {
+    var c;
+    (c = e.dropStart) == null || c.call(e, {
+      ele: ge.current,
+      remove: () => {
+        var O;
+        De.current && ((O = e.remove) == null || O.call(e));
+      }
+    });
+  }, [e]), C = window.React.useCallback(
+    (c) => {
+      var O;
+      c.stopPropagation(), (O = e.remove) == null || O.call(e);
+    },
+    [e]
+  );
+  window.React.useEffect(() => {
+    if (ve && Ke && ge.current) {
+      const c = ge.current.querySelector(Ke);
+      c instanceof HTMLElement && (c.style.cursor = "move", c.addEventListener("mousedown", r));
+    }
+    return () => {
+      window.removeEventListener("mousedown", r);
+    };
+  }, [ve, Ke, r]);
+  const te = window.React.useRef(), B = window.React.useRef(), le = window.React.useRef(), we = window.React.useRef(), Be = window.React.useRef();
+  window.React.useEffect(() => {
+    if (Ot && pt && ge.current) {
+      const c = ge.current.querySelector(pt);
+      c instanceof HTMLElement && (c.style.cursor = "grab", c.setAttribute("draggable", "true"), te.current && c.removeEventListener("mousedown", te.current), B.current && c.removeEventListener("mousemove", B.current), le.current && c.removeEventListener("mouseup", le.current), we.current && c.removeEventListener("dragstart", we.current), Be.current && c.removeEventListener("dragend", Be.current), te.current = (O) => {
+        O.stopPropagation(), v();
+      }, c.addEventListener("mousedown", te.current), B.current = (O) => {
+        O.stopPropagation();
+      }, c.addEventListener("mousemove", B.current), le.current = (O) => {
+        O.stopPropagation();
+      }, c.addEventListener("mouseup", le.current), we.current = (O) => {
+        O.stopPropagation();
+      }, c.addEventListener("dragstart", we.current), Be.current = (O) => {
+        O.stopPropagation(), a();
+      }, c.addEventListener("dragend", Be.current));
+    }
+  }, [pt, Ot, a, v]);
+  const re = window.React.useRef(), me = window.React.useRef(), Fe = window.React.useRef(), Te = window.React.useRef();
+  window.React.useEffect(() => {
+    if (rt && kt && ge.current) {
+      const c = ge.current.querySelector(kt);
+      c instanceof HTMLElement && (c.style.cursor = "pointer", re.current && c.removeEventListener("click", re.current), me.current && c.removeEventListener("mousedown", me.current), Fe.current && c.removeEventListener("mousemove", Fe.current), Te.current && c.removeEventListener("mouseup", Te.current), re.current = (O) => {
+        C(O);
+      }, c.addEventListener("click", re.current), me.current = (O) => {
+        O.stopPropagation();
+      }, c.addEventListener("mousedown", me.current), Fe.current = (O) => {
+        O.stopPropagation();
+      }, c.addEventListener("mousemove", Fe.current), Te.current = (O) => {
+        O.stopPropagation();
+      }, c.addEventListener("mouseup", Te.current));
+    }
+  }, [rt, kt, C]);
+  const be = window.React.useCallback(
+    (c) => {
+      var O, He;
+      F.current || (c.stopPropagation(), (O = e.select) == null || O.call(e)), Dt.current && (c.stopPropagation(), (He = e.selectResizing) == null || He.call(e));
+    },
+    [e]
+  ), ze = window.React.useCallback(
+    (c, O) => {
+      var He, Je;
+      Dt.current && (c.stopPropagation(), (Je = e.startResize) == null || Je.call(e, {
+        event: c,
+        rect: ((He = ge == null ? void 0 : ge.current) == null ? void 0 : He.getBoundingClientRect()) ?? {
+          height: 0,
+          width: 0,
+          x: 0,
+          y: 0,
+          bottom: 0,
+          right: 0
+        },
+        cursor: c.target instanceof HTMLElement ? getComputedStyle(c.target).cursor : "",
+        direction: O
+      }));
+    },
+    [e]
+  ), _t = window.React.useCallback(
+    (c) => {
+      c.currentTarget instanceof HTMLElement && I && (I.state.hoverEle = c.currentTarget, I.setState({ ...I.state }));
+    },
+    [I]
+  ), bt = window.React.useCallback(() => {
+    I && (I.state.hoverEle = void 0, I.setState({ ...I.state }));
+  }, [I]);
+  return /* @__PURE__ */ Ie.jsxs(
+    "div",
+    {
+      className: `grid-drag-resize__item ${[
+        ...ve ? ["grid-drag-resize__item--draggable"] : [],
+        ...ve && !Ke ? ["grid-drag-resize__item--draggable-full"] : [],
+        ...yt && !(I != null && I.state.dragging) && !(I != null && I.state.resizing) ? ["grid-drag-resize__item--hover"] : [],
+        ...e.className ? [e.className] : []
+      ].join(" ")}`,
+      style: { ...e.style, ...Mt },
+      onMouseDown: (c) => Ke ? void 0 : r(c),
+      onClick: be,
+      onMouseOverCapture: _t,
+      onMouseLeave: bt,
+      ref: ge,
+      children: [
+        /* @__PURE__ */ Ie.jsx("div", { className: "grid-drag-resize__item__group", style: { overflow: Ut }, children: e.grid ? /* @__PURE__ */ Ie.jsx(
+          Ln,
+          {
+            ...e.grid,
+            droppingChild: I == null ? void 0 : I.state.droppingChild,
+            parentProps: vt,
+            updateCells: () => {
+              var c;
+              return (c = vt == null ? void 0 : vt.updateCells) == null ? void 0 : c.call(vt, [...(vt == null ? void 0 : vt.cells) ?? []]);
+            }
+          }
+        ) : (Ye = e.render) == null ? void 0 : Ye.call(e, e) }),
+        Ht && /* @__PURE__ */ Ie.jsx(
+          "div",
+          {
+            className: "grid-drag-resize__item__mask",
+            onMouseDown: (c) => Ke ? void 0 : r(c),
+            onClick: be,
+            onMouseOverCapture: _t,
+            onMouseLeave: bt,
+            ref: mt
+          }
+        ),
+        /* @__PURE__ */ Ie.jsx("b", { className: "grid-drag-resize__item__border grid-drag-resize__item__border--top" }),
+        /* @__PURE__ */ Ie.jsx("b", { className: "grid-drag-resize__item__border grid-drag-resize__item__border--bottom" }),
+        /* @__PURE__ */ Ie.jsx("b", { className: "grid-drag-resize__item__border grid-drag-resize__item__border--left" }),
+        /* @__PURE__ */ Ie.jsx("b", { className: "grid-drag-resize__item__border grid-drag-resize__item__border--right" }),
+        /* @__PURE__ */ Ie.jsx(
+          "i",
+          {
+            className: "grid-drag-resize__item__adjust grid-drag-resize__item__adjust--top",
+            style: { top: `${-Pe}px` },
+            onMouseDown: (c) => ze(c, "top")
+          }
+        ),
+        /* @__PURE__ */ Ie.jsx(
+          "i",
+          {
+            className: "grid-drag-resize__item__adjust grid-drag-resize__item__adjust--right",
+            style: { right: `${-Pe}px` },
+            onMouseDown: (c) => ze(c, "right")
+          }
+        ),
+        /* @__PURE__ */ Ie.jsx(
+          "i",
+          {
+            className: "grid-drag-resize__item__adjust grid-drag-resize__item__adjust--bottom",
+            style: { bottom: `${-Pe}px` },
+            onMouseDown: (c) => ze(c, "bottom")
+          }
+        ),
+        /* @__PURE__ */ Ie.jsx(
+          "i",
+          {
+            className: "grid-drag-resize__item__adjust grid-drag-resize__item__adjust--left",
+            style: { left: `${-Pe}px` },
+            onMouseDown: (c) => ze(c, "left")
+          }
+        ),
+        /* @__PURE__ */ Ie.jsx(
+          "i",
+          {
+            className: "grid-drag-resize__item__adjust grid-drag-resize__item__adjust--top-left",
+            style: { top: `${-Pe}px`, left: `${-Pe}px` },
+            onMouseDown: (c) => ze(c, "top-left")
+          }
+        ),
+        /* @__PURE__ */ Ie.jsx(
+          "i",
+          {
+            className: "grid-drag-resize__item__adjust grid-drag-resize__item__adjust--top-right",
+            style: { top: `${-Pe}px`, right: `${-Pe}px` },
+            onMouseDown: (c) => ze(c, "top-right")
+          }
+        ),
+        /* @__PURE__ */ Ie.jsx(
+          "i",
+          {
+            className: "grid-drag-resize__item__adjust grid-drag-resize__item__adjust--bottom-left",
+            style: { bottom: `${-Pe}px`, left: `${-Pe}px` },
+            onMouseDown: (c) => ze(c, "bottom-left")
+          }
+        ),
+        /* @__PURE__ */ Ie.jsx(
+          "i",
+          {
+            className: "grid-drag-resize__item__adjust grid-drag-resize__item__adjust--bottom-right",
+            style: { bottom: `${-Pe}px`, right: `${-Pe}px` },
+            onMouseDown: (c) => ze(c, "bottom-right")
+          }
+        ),
+        rt && !kt && /* @__PURE__ */ Ie.jsx(
+          "span",
+          {
+            className: "grid-drag-resize__item__remove",
+            style: { top: `${-Zt}px`, right: `${-Zt}px` },
+            onClick: C,
+            onMouseDown: (c) => c.stopPropagation(),
+            onMouseMove: (c) => c.stopPropagation(),
+            onMouseUp: (c) => c.stopPropagation()
+          }
+        ),
+        Ot && !pt && /* @__PURE__ */ Ie.jsx(
+          "div",
+          {
+            className: "grid-drag-resize__item__drop",
+            style: { top: Ot ? `${-At}px` : "" },
+            draggable: "true",
+            onMouseDown: (c) => {
+              c.stopPropagation(), v();
+            },
+            onMouseMove: (c) => c.stopPropagation(),
+            onMouseUp: (c) => c.stopPropagation(),
+            onDragStart: (c) => c.stopPropagation(),
+            onDragEnd: (c) => c.stopPropagation()
+          }
+        )
+      ]
+    }
+  );
+}
+let jn = 0;
+const zr = /* @__PURE__ */ new Map();
+function Mn(e) {
+  if (zr.has(e))
+    return zr.get(e);
+  {
+    const t = ++jn;
+    return zr.set(e, t), t;
+  }
+}
+function Nn(e) {
+  var t, n, s, f, _, E, g, i, u, d, p, y, R, b, j, N, S, P;
+  const l = window.React.useContext(hr), M = window.React.useMemo(() => e.parentProps !== void 0, [e.parentProps]), K = window.React.useRef(1), ue = window.React.useRef(1), w = window.React.useRef(0), Z = window.React.useRef(), Me = window.React.useRef(), ie = window.React.useRef(), Ye = window.React.useRef(), I = window.React.useRef(), W = window.React.useRef(), ne = window.React.useRef(), X = window.React.useRef(), q = window.React.useRef(), ee = window.React.useRef(), fe = window.React.useRef(), We = window.React.useRef(), $e = window.React.useRef(), ce = window.React.useRef(), Ae = window.React.useRef("div"), F = window.React.useRef(), Oe = window.React.useRef();
+  window.React.useEffect(() => {
+    var o, m, h, x, H, z, D, Y, G, J, k, L, $, pe, Ee;
+    K.current = e.columns || 1, ue.current = e.rows || 1, w.current = e.gap || 0, Z.current = e.overflow || ((o = e.parentProps) == null ? void 0 : o.overflow), Me.current = e.dragHandler || ((m = e.parentProps) == null ? void 0 : m.dragHandler), ie.current = e.dropOutHandler || ((h = e.parentProps) == null ? void 0 : h.dropOutHandler), Ye.current = e.removeHandler || ((x = e.parentProps) == null ? void 0 : x.removeHandler), I.current = e.readonly ?? ((H = e.parentProps) == null ? void 0 : H.readonly), W.current = I.current ? !1 : e.draggable ?? ((z = e.parentProps) == null ? void 0 : z.draggable), ne.current = I.current ? !1 : e.resizable ?? ((D = e.parentProps) == null ? void 0 : D.resizable), X.current = I.current ? !1 : e.removable ?? ((Y = e.parentProps) == null ? void 0 : Y.removable), q.current = I.current ? !1 : e.droppableOut ?? ((G = e.parentProps) == null ? void 0 : G.droppableOut), ee.current = e.mask ?? ((J = e.parentProps) == null ? void 0 : J.mask), fe.current = e.debug ?? ((k = e.parentProps) == null ? void 0 : k.debug), We.current = I.current ? !1 : e.droppableIn ?? ((L = e.parentProps) == null ? void 0 : L.droppableIn), Oe.current = We.current ?? !0, $e.current = e.beforeDrop ?? (($ = e.parentProps) == null ? void 0 : $.beforeDrop), ce.current = e.suffixClass || ((pe = e.parentProps) == null ? void 0 : pe.suffixClass), Ae.current = e.tagName || ((Ee = e.parentProps) == null ? void 0 : Ee.tagName) || "div";
+  }, [e]), window.React.useEffect(() => {
+    F.current = l.state.droppingChild ?? e.droppingChild;
+  }, [l.state.droppingChild, e.droppingChild]);
+  const [Xe, et] = window.React.useState(Ae.current), [Se, V] = window.React.useState(F.current), [A, se] = window.React.useState(ce.current), [Q, Dt] = window.React.useState(w.current);
+  window.React.useEffect(() => {
+    et(Ae.current);
+  }, [e.tagName, (t = e.parentProps) == null ? void 0 : t.tagName]), window.React.useEffect(() => {
+    V(F.current);
+  }, [e.droppingChild, l.state.droppingChild]), window.React.useEffect(() => {
+    se(ce.current);
+  }, [e.suffixClass]), window.React.useEffect(() => {
+    Dt(w.current);
+  }, [e.gap]);
+  const De = window.React.useRef(null), [he, Xt] = window.React.useState(De.current);
+  window.React.useEffect(() => {
+    Xt(De.current);
+  }, []);
+  const [Ot, dt] = window.React.useState(), pt = window.React.useRef();
+  window.React.useEffect(() => {
+    pt.current = {
+      ...e,
+      //
+      dragHandler: Me.current,
+      dropOutHandler: ie.current,
+      removeHandler: Ye.current,
+      overflow: Z.current,
+      //
+      readonly: I.current,
+      //
+      draggable: W.current,
+      resizable: ne.current,
+      removable: X.current,
+      droppableOut: q.current,
+      mask: ee.current,
+      //
+      debug: fe.current,
+      //
+      droppableIn: We.current,
+      //
+      beforeDrop: $e.current,
+      //
+      suffixClass: ce.current,
+      tagName: Ae.current
+    }, dt(pt.current);
+  }, [
+    e.dragHandler,
+    (n = e.parentProps) == null ? void 0 : n.dragHandler,
+    e.dropOutHandler,
+    (s = e.parentProps) == null ? void 0 : s.dropOutHandler,
+    e.removeHandler,
+    (f = e.parentProps) == null ? void 0 : f.removeHandler,
+    e.overflow,
+    (_ = e.parentProps) == null ? void 0 : _.overflow,
+    e.readonly,
+    (E = e.parentProps) == null ? void 0 : E.readonly,
+    e.draggable,
+    (g = e.parentProps) == null ? void 0 : g.draggable,
+    e.resizable,
+    (i = e.parentProps) == null ? void 0 : i.resizable,
+    e.removable,
+    (u = e.parentProps) == null ? void 0 : u.removable,
+    e.droppableOut,
+    (d = e.parentProps) == null ? void 0 : d.droppableOut,
+    e.mask,
+    (p = e.parentProps) == null ? void 0 : p.mask,
+    e.debug,
+    (y = e.parentProps) == null ? void 0 : y.debug,
+    e.droppableIn,
+    (R = e.parentProps) == null ? void 0 : R.droppableIn,
+    e.beforeDrop,
+    (b = e.parentProps) == null ? void 0 : b.beforeDrop,
+    e.suffixClass,
+    (j = e.parentProps) == null ? void 0 : j.suffixClass,
+    e.tagName,
+    (N = e.parentProps) == null ? void 0 : N.tagName
+  ]), fe.current && console.log(pt);
+  const [nr, kt] = window.React.useState({
+    columnStart: 1,
+    columnEnd: 2,
+    rowStart: 1,
+    rowEnd: 2
+  });
+  window.React.useEffect(() => {
+    kt({
+      columnStart: (Se == null ? void 0 : Se.columnStart) ?? 1,
+      columnEnd: (Se == null ? void 0 : Se.columnEnd) ?? 2,
+      rowStart: (Se == null ? void 0 : Se.rowStart) ?? 1,
+      rowEnd: (Se == null ? void 0 : Se.rowEnd) ?? 2
+    });
+  }, [Se]);
+  const [Ge, rt] = window.React.useState();
+  window.React.useEffect(() => {
+    var o, m;
+    l.state.droppingChildRaw && he ? rt(
+      ((o = e.cells) == null ? void 0 : o.includes(l.state.droppingChildRaw)) || ((m = l.state.droppingChildEle) == null ? void 0 : m.contains(he))
+    ) : rt(!1);
+  }, [l.state.droppingChildRaw, l.state.droppingChildEle, he, e.cells]);
+  const [Vt, Ut] = window.React.useState(!1);
+  window.React.useEffect(() => {
+    Ut(l.state.droppingEle === he && !Ge);
+  }, [l.state.droppingEle, he, Ge]);
+  const ae = window.React.useRef(), [Ke, St] = window.React.useState(), ve = window.React.useRef(1), Re = window.React.useRef(1), [Tt, It] = window.React.useState(ue.current), [Rt, ft] = window.React.useState(K.current);
+  window.React.useEffect(() => {
+    ve.current = e.rows || 1, Re.current = e.columns || 1;
+  }, [e.rows, e.columns]), window.React.useEffect(() => {
+    It(ve.current), ft(Re.current);
+  }, [e.rows, e.columns]);
+  const Ne = window.React.useMemo(
+    () => e.rowExpandable && !Ge,
+    [e.rowExpandable, Ge]
+  ), Ce = window.React.useMemo(
+    () => e.columnExpandable && !Ge,
+    [e.columnExpandable, Ge]
+  ), nt = window.React.useMemo(() => ({
+    gridTemplateColumns: wt(
+      Rt,
+      e.columnExpandable ?? !1,
+      e.columnSize,
+      e.columnTemplate
+    ),
+    gridTemplateRows: wt(
+      Tt,
+      e.rowExpandable ?? !1,
+      e.rowSize,
+      e.rowTemplate
+    ),
+    gridGap: Q > 0 ? `${Q}px ${Q}px` : ""
+  }), [
+    Rt,
+    e.columnSize,
+    e.rowSize,
+    Tt,
+    Q,
+    e.columnTemplate,
+    e.rowTemplate,
+    Ce,
+    Ne
+  ]);
+  window.React.useEffect(() => {
+    l.state.droppingChild !== e.droppingChild && (l.state.droppingChild = { ...e.droppingChild }, l.setState({ ...l.state }));
+  }, [e.droppingChild]);
+  const ht = window.React.useCallback(() => {
+    var o;
+    (o = e.updateDroppingChild) == null || o.call(e, void 0), l.state.droppingChild = void 0, l.state.droppingChildEle = void 0, l.state.droppingChildRaw = void 0, l.state.droppingEle = void 0, l.state.droppingChildRemove = void 0, l.setState({ ...l.state });
+  }, [l, e]), Le = window.React.useCallback(
+    (o) => {
+      o ? l.state.actionEle = De.current ?? void 0 : l.state.actionEle = void 0;
+    },
+    [l.state]
+  );
+  function Ct(o, m, h) {
+    const x = re(o), H = m - x.length, z = Number.isInteger(h) ? `${h}px` : "1fr";
+    return o + (H > 0 ? ` repeat(${H},${z})` : "");
+  }
+  function wt(o, m, h, x) {
+    return x ? m ? Ct(x, o, h) : x : `repeat(${o},${Number.isInteger(h) ? `${h}px` : "1fr"})`;
+  }
+  const ke = window.React.useCallback(
+    (o, m, h = []) => {
+      const x = [...e.cells ?? [], ...h].reduce((H, z) => {
+        const D = { rows: z.rowEnd, columns: z.columnEnd }[o];
+        D && D > 1 && D - 1 > H && (H = D - 1);
+        const Y = { rows: z.rows, columns: z.columns }[o] ?? 1;
+        return Math.max(H, Y);
+      }, 1);
+      return m === void 0 || m < x ? x : m;
+    },
+    [e.cells]
+  );
+  window.React.useEffect(() => {
+    var o, m;
+    const h = ke(
+      "rows",
+      Math.max(ue.current, re(e.rowTemplate ?? "").length)
+    );
+    ve.current !== h && (ve.current = h, It(ve.current), (o = e.updateRows) == null || o.call(e, ve.current));
+    const x = ke(
+      "columns",
+      Math.max(K.current, re(e.columnTemplate ?? "").length)
+    );
+    Re.current !== x && (Re.current = x, ft(Re.current), (m = e.updateColumns) == null || m.call(e, Re.current));
+  }, [e, ke]), window.React.useEffect(() => {
+    var o, m;
+    const h = (o = e.cells) == null ? void 0 : o.find(
+      (x) => [x.columns, x.columnStart, x.columnEnd, x.rows, x.rowStart, x.rowEnd].every(
+        (H) => H !== void 0
+      ) && x.columns > 0 && x.columnStart < 1 && x.columnEnd < 1 && x.rows > 0 && x.rowStart < 1 && x.rowEnd < 1
+    );
+    if (h && e.cells) {
+      const x = e.cells.filter(
+        (J) => [J.columnStart, J.columnEnd, J.rowStart, J.rowEnd].every((k) => k !== void 0) && J.columnEnd > J.columnStart && J.rowEnd > J.rowStart
+      );
+      let H = !0, z = 1, D = z + h.columns, Y = 1, G = Y + h.rows;
+      for (; H; Y++)
+        for (G = Y + h.rows, z = 1; z + h.columns <= Re.current + 1 && H; z++) {
+          D = z + h.columns;
+          let J = !1;
+          for (const k of x)
+            if (!(!(z >= k.columnStart && z < k.columnEnd || D > k.columnStart && D <= k.columnEnd) || !(Y >= k.rowStart && Y < k.rowEnd || G > k.rowStart && G <= k.rowEnd))) {
+              J = !0;
+              break;
+            }
+          J || (H = !1);
+        }
+      H || (z = z - 1, Y = Y - 1, h.columnStart = z, h.columnEnd = D, h.rowStart = Y, h.rowEnd = G, (m = e.updateCells) == null || m.call(e, e.cells ? [...e.cells] : []));
+    }
+  }, [e, Rt]);
+  function Ht(o, m, h, x) {
+    const H = x.filter((D) => /\d+px/.test(D)), z = H.map((D) => parseInt(D) + h).reduce((D, Y) => D + Y, 0);
+    return (o - z - h * (m - 1 - H.length)) / (m - H.length);
+  }
+  const Qe = window.React.useCallback(() => {
+    let o = ((he == null ? void 0 : he.getBoundingClientRect()) ?? {
+      width: 0
+    }).width;
+    return he && (o = o - [
+      parseInt(window.getComputedStyle(he).paddingLeft),
+      parseInt(window.getComputedStyle(he).paddingRight)
+    ].filter((m) => !isNaN(m)).reduce((m, h) => m + h, 0)), e.columnSize || Ht(
+      o,
+      Re.current,
+      Q,
+      e.columnTemplate ? re(e.columnTemplate) : []
+    );
+  }, [Rt, Q, e.columnSize, he, e.columnTemplate]), ge = window.React.useCallback(() => {
+    let o = ((he == null ? void 0 : he.getBoundingClientRect()) ?? {
+      height: 0
+    }).height;
+    return he && (o = o - [
+      parseInt(window.getComputedStyle(he).paddingTop),
+      parseInt(window.getComputedStyle(he).paddingBottom)
+    ].filter((m) => !isNaN(m)).reduce((m, h) => m + h, 0)), e.rowSize || Ht(
+      o,
+      ve.current,
+      Q,
+      e.rowTemplate ? re(e.rowTemplate) : []
+    );
+  }, [Tt, Q, e.rowSize, he, e.rowTemplate]), Pt = window.React.useRef(0), $t = window.React.useRef(0), mt = window.React.useRef(0), it = window.React.useRef(0), Ve = window.React.useRef(), vt = window.React.useRef(), Ue = window.React.useRef(""), [Jt, Pe] = window.React.useState(
+    Ue.current
+  ), gt = window.React.useRef(""), Zt = window.React.useRef(), jt = window.React.useRef(0), At = window.React.useRef(0), Bt = window.React.useRef(0), st = window.React.useRef(0), ye = window.React.useRef(), [yt, Ft] = window.React.useState(ye.current), Mt = window.React.useRef(), r = window.React.useRef(), a = window.React.useRef(), v = window.React.useRef(0), C = window.React.useRef(0), te = window.React.useRef(0), B = window.React.useRef(0), le = window.React.useRef(0), we = window.React.useRef(0);
+  function Be(o) {
+    const m = o.match(/repeat\((\d+),(\d+(fr|px))\)/);
+    return m ? new Array(parseInt(m[1])).fill(m[2]) : [o];
+  }
+  function re(o) {
+    return o.trim().replace(/ {2,}/, " ").replace(/, /, ",").split(" ").map((m) => Be(m)).reduce((m, h) => m.concat(h), []);
+  }
+  function me(o) {
+    const { size: m, gap: h, span: x, max: H, offset: z, startBefore: D, expandable: Y, template: G } = o;
+    if (G) {
+      const J = re(G).map(($) => /\d+px/.test($) ? parseInt($) : m);
+      let k = 0, L = 0;
+      for (; L < J.length && L < D && !(L > D); L++)
+        k += J[L] + h;
+      if (z > 0) {
+        let $ = k;
+        for (; L < J.length && ($ += J[L] + h, !(k + z < $)); L++)
+          ;
+        if (Y && k + z > $) {
+          const Ee = Math.round((k + z - $) / (m + h));
+          L += Ee;
+        }
+        let pe = L;
+        return !Y && pe + x > H + 1 && (pe = H + 1 - x), {
+          start: pe,
+          end: pe + x
+        };
+      } else {
+        let $ = 0, pe = D - 2, Ee = 0;
+        for (; pe >= 0 && ($ += J[pe] + h, !($ > Math.abs(z))); pe--, Ee++)
+          ;
+        let Lt = D - Ee;
+        return Lt < 1 && (Lt = 1), {
+          start: Lt,
+          end: Lt + x
+        };
+      }
+    } else {
+      const J = m + h ? Math.round(z / (m + h)) : 0;
+      let k = D + J;
+      return k < 1 && (k = 1), Y || k + x > H && (k = H - x + 1), {
+        start: k,
+        end: k + x
+      };
+    }
+  }
+  function Fe(o) {
+    const { size: m, gap: h, span: x, max: H, pos: z, expandable: D, template: Y } = o;
+    if (Y) {
+      const G = re(Y).map(($) => /\d+px/.test($) ? parseInt($) : m);
+      let J = 0, k = 0;
+      for (; k < G.length && (J += G[k] + h, !(z < J)); k++)
+        ;
+      if (D && z - J > 0) {
+        const $ = Math.floor((z - J) / (m + h));
+        k += $;
+      }
+      let L = k + 1;
+      return !D && L + x > H + 1 && (L = H + 1 - x), {
+        start: L,
+        end: L + x
+      };
+    } else {
+      let G = m + h ? Math.ceil((z + h / 2) / (m + h)) : 0;
+      return G < 1 && (G = 1), D || G + x > H && (G = H - x + 1), {
+        start: G,
+        end: G + x
+      };
+    }
+  }
+  function Te(o) {
+    const { size: m, gap: h, max: x, offset: H, startBefore: z, endBefore: D, target: Y, expandable: G, template: J } = o;
+    if (J) {
+      const k = re(J).map((L) => /\d+px/.test(L) ? parseInt(L) : m);
+      if (Y === "start")
+        if (H > 0) {
+          let L = 0, $ = 0;
+          for (; $ < k.length && $ < z - 1 && !($ > z - 1); $++)
+            L += k[$] + h;
+          let pe = L;
+          for (; $ < k.length && (pe += k[$] + h, !(L + H < pe)); $++)
+            ;
+          let Ee = $ + 1;
+          return Ee + 1 > D && (Ee = D - 1), {
+            start: Ee,
+            end: D
+          };
+        } else {
+          let L = 0, $ = z - 2, pe = 0;
+          for (; $ >= 0 && (L += k[$] + h, !(L > Math.abs(H))); $--, pe++)
+            ;
+          let Ee = z - pe;
+          return Ee + 1 > D && (Ee = D - 1), {
+            start: Ee,
+            end: D
+          };
+        }
+      else if (H > 0) {
+        let L = 0, $ = 0;
+        for (; $ < k.length && $ < D - 1 && !($ > D - 1); $++)
+          L += k[$] + h;
+        let pe = L;
+        for (; $ < k.length && (pe += k[$] + h, !(L + H < pe)); $++)
+          ;
+        if (G && L + H > pe) {
+          const Lt = Math.round((L + H - pe) / (m + h));
+          $ += Lt;
+        }
+        const Ee = $ + 1;
+        return {
+          start: z,
+          end: Ee
+        };
+      } else {
+        let L = 0, $ = D - 2, pe = 0;
+        for (; $ >= 0 && (L += k[$] + h, !(L > Math.abs(H))); $--, pe++)
+          ;
+        let Ee = D - pe;
+        return Ee < z && (Ee = z), {
+          start: z,
+          end: Ee
+        };
+      }
+    } else {
+      const k = m + h ? Math.round(H / (m + h)) : 0;
+      if (Y === "start") {
+        let L = z + k;
+        return L < 1 && (L = 1), L >= D && (L = D - 1), {
+          start: L,
+          end: D
+        };
+      } else {
+        let L = D + k;
+        return G || L > x && (L = x + 1), L <= z && (L = z + 1), {
+          start: z,
+          end: L
+        };
+      }
+    }
+  }
+  const be = window.React.useCallback(() => {
+    l.state.resizing = !1, l.setState({ ...l.state }), Le(!1), Ve.current = void 0, vt.current = void 0, Ue.current = "", Pe(Ue.current), gt.current = "", document.body.style.cursor = "";
+  }, [l, Le]), ze = window.React.useCallback(() => {
+    l.state.dragging = !1, l.setState({ ...l.state }), Le(!1), ye.current = void 0, Ft(ye.current), Mt.current = void 0, r.current = void 0, a.current = void 0;
+  }, [l, Le]);
+  function _t(o) {
+    const m = o.getBoundingClientRect();
+    return m.top >= 0 && m.left >= 0 && m.bottom <= (window.innerHeight || document.documentElement.clientHeight) && m.right <= (window.innerWidth || document.documentElement.clientWidth);
+  }
+  const bt = window.React.useCallback((o) => {
+    o && (_t(o) || o.scrollIntoView());
+  }, []), c = (o, m) => {
+    const { event: h, rect: x } = o;
+    h && h.currentTarget instanceof HTMLElement && He(m, x, h.currentTarget);
+  }, O = window.React.useCallback(
+    (...o) => {
+      const m = o[0], { event: h, rect: x, cursor: H, direction: z } = m;
+      h && h.currentTarget instanceof HTMLElement && h.currentTarget.parentElement instanceof HTMLElement && (Zt.current = h.currentTarget.parentElement), Pt.current = h.clientX, $t.current = h.clientY, jt.current = h.clientX, At.current = h.clientY, ze(), l.state.resizing = !0, l.setState({ ...l.state }), Le(!0), vt.current = x, Ue.current = H, Pe(Ue.current), gt.current = z, document.body.style.cursor = H, Ve.current = { ...ae.current };
+    },
+    [l, ze, Le]
+  );
+  function He(o, m, h) {
+    ye.current = o, Ft(ye.current), Mt.current = { ...o }, r.current = m, a.current = h;
+  }
+  const Je = window.React.useRef(e.rowTemplate), ot = window.React.useRef(e.columnTemplate), U = window.React.useCallback(
+    (o) => {
+      Pt.current = o.clientX, $t.current = o.clientY, I.current || ye.current && r.current && (be(), l.state.dragging = !0, l.setState({ ...l.state }), Le(!0), v.current = o.clientX, C.current = o.clientY, Je.current = e.rowTemplate ? Ct(e.rowTemplate, ve.current, ge()) : "", ot.current = e.columnTemplate ? Ct(e.columnTemplate, Re.current, Qe()) : "");
+    },
+    [l, be, Le]
+  ), T = window.React.useCallback(
+    (o) => {
+      var m, h, x, H, z, D, Y, G, J, k, L, $, pe, Ee, Lt;
+      if (l.state.dragging && ye.current) {
+        B.current = o.clientX - v.current, te.current = o.clientY - C.current;
+        let Ze = (ye.current.rowEnd ?? ye.current.rowStart ?? 1) - (ye.current.rowStart ?? 1), qe = (ye.current.columnEnd ?? ye.current.columnStart ?? 1) - (ye.current.columnStart ?? 1);
+        Ze <= 0 && (Ze = 1), qe <= 0 && (qe = 1);
+        const { start: tn, end: rn } = me({
+          size: ge(),
+          gap: w.current,
+          span: Ze,
+          max: ve.current ?? 1,
+          offset: te.current,
+          startBefore: ((m = Mt.current) == null ? void 0 : m.rowStart) ?? 1,
+          direction: le.current,
+          expandable: Ne ?? !1,
+          template: Je.current
+        });
+        Ne && (ve.current = ke("rows", ue.current), It(ve.current));
+        const { start: nn, end: sn } = me({
+          size: Qe(),
+          gap: w.current,
+          span: qe,
+          max: Re.current ?? 1,
+          offset: B.current,
+          startBefore: ((h = Mt.current) == null ? void 0 : h.columnStart) ?? 1,
+          direction: we.current,
+          expandable: Ce ?? !1,
+          template: ot.current
+        });
+        Ce && (Re.current = ke("columns", K.current), ft(Re.current)), ye.current.columnStart = nn, ye.current.columnEnd = sn, ye.current.rowStart = tn, ye.current.rowEnd = rn, (x = e.updateCells) == null || x.call(e, e.cells ? [...e.cells] : []), bt(a.current);
+      }
+      if (l.state.resizing && ae.current) {
+        if (st.current = o.clientX - jt.current, Bt.current = o.clientY - At.current, ae.current) {
+          if (gt.current.startsWith("top")) {
+            const { start: Ze, end: qe } = Te({
+              size: ge(),
+              gap: w.current,
+              max: ve.current ?? 1,
+              offset: Bt.current,
+              startBefore: ((H = Ve.current) == null ? void 0 : H.rowStart) ?? 1,
+              endBefore: ((z = Ve.current) == null ? void 0 : z.rowEnd) ?? 1,
+              target: "start",
+              expandable: Ne ?? !1,
+              template: Je.current
+            });
+            ae.current.rows = qe - Ze, ae.current.rowStart = Ze, ae.current.rowEnd = qe, St(ae.current), (D = e.updateCells) == null || D.call(e, e.cells ? [...e.cells] : []);
+          } else if (gt.current.startsWith("bottom")) {
+            const { start: Ze, end: qe } = Te({
+              size: ge(),
+              gap: w.current,
+              max: ve.current ?? 1,
+              offset: Bt.current,
+              startBefore: ((Y = Ve.current) == null ? void 0 : Y.rowStart) ?? 1,
+              endBefore: ((G = Ve.current) == null ? void 0 : G.rowEnd) ?? 1,
+              target: "end",
+              expandable: Ne ?? !1,
+              template: Je.current
+            });
+            ae.current.rows = qe - Ze, ae.current.rowStart = Ze, ae.current.rowEnd = qe, St(ae.current), (J = e.updateCells) == null || J.call(e, e.cells ? [...e.cells] : []), Ne && (ve.current = ke("rows", ue.current), It(ve.current));
+          }
+          if (gt.current.endsWith("left")) {
+            const { start: Ze, end: qe } = Te({
+              size: Qe(),
+              gap: w.current,
+              max: Re.current ?? 1,
+              offset: st.current,
+              startBefore: ((k = Ve.current) == null ? void 0 : k.columnStart) ?? 1,
+              endBefore: ((L = Ve.current) == null ? void 0 : L.columnEnd) ?? 1,
+              target: "start",
+              expandable: Ce ?? !1,
+              template: ot.current
+            });
+            ae.current.columns = qe - Ze, ae.current.columnStart = Ze, ae.current.columnEnd = qe, St(ae.current), ($ = e.updateCells) == null || $.call(e, e.cells ? [...e.cells] : []);
+          } else if (gt.current.endsWith("right")) {
+            const { start: Ze, end: qe } = Te({
+              size: Qe(),
+              gap: w.current,
+              max: Re.current ?? 1,
+              offset: st.current,
+              startBefore: ((pe = Ve.current) == null ? void 0 : pe.columnStart) ?? 1,
+              endBefore: ((Ee = Ve.current) == null ? void 0 : Ee.columnEnd) ?? 1,
+              target: "end",
+              expandable: Ce ?? !1,
+              template: ot.current
+            });
+            ae.current.columns = qe - Ze, ae.current.columnStart = Ze, ae.current.columnEnd = qe, St(ae.current), (Lt = e.updateCells) == null || Lt.call(e, e.cells ? [...e.cells] : []), Ce && (Re.current = ke("columns", K.current), ft(Re.current));
+          }
+        }
+        bt(Zt.current);
+      }
+    },
+    [
+      ke,
+      Ce,
+      l.state.dragging,
+      l.state.resizing,
+      e,
+      Ne,
+      bt,
+      Qe,
+      ge
+    ]
+  ), _e = window.React.useCallback(
+    (o) => {
+      mt.current = o.clientX - Pt.current, it.current = o.clientY - $t.current, be(), ze();
+    },
+    [ze, be]
+  ), de = window.React.useCallback(() => {
+    var o, m;
+    Math.abs(mt.current) < 5 && Math.abs(it.current) < 5 && (l.state.selectedChild = void 0, l.setState({ ...l.state }), (o = e.updateSelectedChild) == null || o.call(e, void 0), (m = e.select) == null || m.call(e, void 0), ae.current = void 0, St(ae.current)), be(), ze();
+  }, [l, ze, e, be]), je = window.React.useCallback(
+    (o) => {
+      var m, h;
+      Math.abs(mt.current) < 5 && Math.abs(it.current) < 5 && (l.state.selectedChild = o, l.setState({ ...l.state }), (m = e.updateSelectedChild) == null || m.call(e, o), (h = e.select) == null || h.call(e, o));
+    },
+    [l, e]
+  ), oe = (o) => {
+    Math.abs(mt.current) < 5 && Math.abs(it.current) < 5 && (ae.current = o, St(ae.current), ye.current = void 0, Ft(ye.current), Mt.current = void 0, r.current = void 0, a.current = void 0);
+  };
+  window.React.useEffect(() => (window.addEventListener("mousedown", U), () => {
+    window.removeEventListener("mousedown", U);
+  }), [U]), window.React.useEffect(() => (window.addEventListener("mousemove", T), () => {
+    window.removeEventListener("mousemove", T);
+  }), [T]), window.React.useEffect(() => (window.addEventListener("mouseup", _e), () => {
+    window.removeEventListener("mouseup", _e);
+  }), [_e]), window.React.useEffect(() => (window.addEventListener("click", de), () => {
+    window.removeEventListener("click", de);
+  }), [de]);
+  const xe = window.React.useCallback(
+    (o) => {
+      var m, h, x;
+      if (Oe.current && (o.stopPropagation(), o.preventDefault(), l.state.droppingEle !== De.current && (l.state.droppingEle = De.current ?? void 0, l.setState({ ...l.state })), F.current)) {
+        const H = ((m = F.current) == null ? void 0 : m.rows) ?? 1, z = ((h = F.current) == null ? void 0 : h.columns) ?? 1, D = ((x = De == null ? void 0 : De.current) == null ? void 0 : x.getBoundingClientRect()) ?? {
+          height: 0,
+          width: 0,
+          x: 0,
+          y: 0
+        };
+        let Y = o.clientY - D.y;
+        Y < 0 ? Y = 0 : !Ne && Y > D.height && (Y = D.height);
+        let G = o.clientX - D.x;
+        G < 0 ? G = 0 : !Ce && G > D.width && (G = D.width);
+        const { start: J, end: k } = Fe({
+          size: ge(),
+          gap: w.current,
+          span: H,
+          max: ve.current ?? 1,
+          pos: Y,
+          expandable: Ne ?? !1,
+          template: Gt.current
+        });
+        F.current && (F.current.rowStart = J, F.current.rowEnd = k, V({ ...F.current })), Ne && (ve.current = ke(
+          "rows",
+          ue.current,
+          F.current ? [F.current] : []
+        ), It(ve.current));
+        const { start: L, end: $ } = Fe({
+          size: Qe(),
+          gap: w.current,
+          span: z,
+          max: Re.current ?? 1,
+          pos: G,
+          expandable: Ce ?? !1,
+          template: sr.current
+        });
+        F.current && (F.current.columnStart = L, F.current.columnEnd = $, V({ ...F.current })), Ce && (Re.current = ke(
+          "columns",
+          K.current,
+          F.current ? [F.current] : []
+        ), ft(Re.current));
+      }
+    },
+    [l, ke, Ce, Ne, Qe, ge]
+  ), xt = window.React.useCallback(
+    (o) => {
+      var m, h, x, H, z, D;
+      if (Oe.current) {
+        if (o.stopPropagation(), o.preventDefault(), F.current && !Ge) {
+          (h = (m = l.state).droppingChildRemove) == null || h.call(m);
+          let Y = { ...F.current };
+          if ($e.current instanceof Function) {
+            const G = $e.current(Y);
+            G instanceof Promise ? G.then((J) => {
+              var k, L;
+              Y = J ?? Y, (k = e.cells) == null || k.push(Y), (L = e.updateCells) == null || L.call(e, e.cells ? [...e.cells] : []);
+            }).catch((J) => {
+              console.error(J);
+            }) : (Y = G ?? Y, (x = e.cells) == null || x.push(Y), (H = e.updateCells) == null || H.call(e, e.cells ? [...e.cells] : []));
+          } else
+            (z = e.cells) == null || z.push(Y), (D = e.updateCells) == null || D.call(e, e.cells ? [...e.cells] : []);
+        }
+        ht();
+      }
+    },
+    [l.state, ht, Ge, e]
+  );
+  window.React.useEffect(() => (M || window.addEventListener("dragover", xe), () => {
+    M || window.removeEventListener("dragover", xe);
+  }), [M, xe]);
+  const at = window.React.useMemo(() => he && l.state && l.state.actionEle ? !l.state.actionEle.contains(he) || l.state.actionEle === he : !0, [l.state, he]), Et = window.React.useRef(!1), ir = window.React.useCallback(
+    (o) => {
+      Et.current = o.target === De.current, M && at && !Et.current && (o.stopPropagation(), U(o));
+    },
+    [M, U, at]
+  ), Kt = window.React.useCallback(
+    (o) => {
+      M && at && !Et.current && (o.stopPropagation(), T(o));
+    },
+    [T, at, M]
+  ), Nt = window.React.useCallback(
+    (o) => {
+      M && at && !Et.current && (o.stopPropagation(), _e(o)), Et.current = !1;
+    },
+    [_e, at, M]
+  ), cr = window.React.useCallback(
+    (o) => {
+      M && o.target !== De.current && (o.stopPropagation(), de());
+    },
+    [M, de]
+  ), Qt = window.React.useCallback(
+    (o) => {
+      var m;
+      if (e.cells) {
+        const h = e.cells.findIndex((x) => x === o);
+        h > -1 && (e.cells.splice(h, 1), (m = e.updateCells) == null || m.call(e, e.cells ? [...e.cells] : []));
+      }
+    },
+    [e]
+  ), Yt = window.React.useCallback((o) => {
+    const m = {};
+    for (const h in o)
+      Array.isArray(o[h]) ? m[h] = o[h].map((x) => Yt(x)) : o[h] instanceof Function ? m[h] = o[h] : o[h] instanceof Object ? m[h] = Yt(o[h]) : m[h] = o[h];
+    return m;
+  }, []), qt = window.React.useCallback(
+    (o, m) => {
+      var h;
+      l.state.droppingChild = Yt(o), l.state.droppingChildEle = m.ele ?? void 0, l.state.droppingChildRaw = o, l.state.droppingChildRemove = m.remove, l.setState({ ...l.state }), (h = e.updateDroppingChild) == null || h.call(e, l.state.droppingChild);
+    },
+    [l, Yt, e]
+  ), Gt = window.React.useRef(e.rowTemplate), sr = window.React.useRef(e.columnTemplate), er = window.React.useCallback(
+    (o, m) => {
+      qt(m, o), Gt.current = e.rowTemplate ? Ct(e.rowTemplate, ve.current, ge()) : "", sr.current = e.columnTemplate ? Ct(e.columnTemplate, Re.current, Qe()) : "";
+    },
+    [qt, e.rowTemplate, e.columnTemplate, ge, Qe]
+  ), tr = window.React.useCallback(
+    (o) => {
+      M && Oe.current && (o.stopPropagation(), xe(o));
+    },
+    [xe, M]
+  ), en = window.React.useCallback(() => {
+    de(), ht();
+  }, [de, ht]);
+  return e.children ? window.React.createElement(
+    Xe,
+    {
+      className: `grid-drag-resize ${[
+        ...A ? [A] : [],
+        ...M ? ["grid-drag-resize--sub"] : [],
+        ...e.className ? [e.className] : []
+      ].join(" ")}`,
+      ref: De,
+      style: {
+        ...e.style
+      }
+    },
+    e.children
+  ) : window.React.createElement(
+    Xe,
+    {
+      className: `grid-drag-resize ${[
+        ...A ? [A] : [],
+        ...M ? ["grid-drag-resize--sub"] : [],
+        ...Se && Vt ? ["grid-drag-resize--dropping"] : [],
+        ...e.className ? [e.className] : []
+      ].join(" ")}`,
+      ref: De,
+      style: {
+        ...e.style,
+        ...nt
+      },
+      //
+      onDragOver: tr,
+      onDrop: xt,
+      onMouseDown: ir,
+      onMouseMove: Kt,
+      onMouseUp: Nt,
+      onClick: cr
+    },
+    /* @__PURE__ */ Ie.jsxs(Ie.Fragment, { children: [
+      (S = e.cells) == null ? void 0 : S.map((o, m) => {
+        var h, x;
+        const H = Mn(o);
+        return /* @__PURE__ */ Ie.jsx(
+          Yr,
+          {
+            ...o,
+            columnStart: o.columnStart,
+            columnEnd: o.columnEnd,
+            rowStart: o.rowStart,
+            rowEnd: o.rowEnd,
+            rows: o.rows,
+            columns: o.columns,
+            //
+            updateColumnStart: (z) => {
+              o.columnStart = z;
+            },
+            updateColumnEnd: (z) => {
+              o.columnEnd = z;
+            },
+            updateRowStart: (z) => {
+              o.rowStart = z;
+            },
+            updateRowEnd: (z) => {
+              o.rowEnd = z;
+            },
+            updateRows: (z) => {
+              o.rows = z;
+            },
+            updateColumns: (z) => {
+              o.columns = z;
+            },
+            //
+            startDrag: (z) => {
+              c(z, o);
+            },
+            select: () => {
+              je(o);
+            },
+            selectResizing: () => {
+              oe(o);
+            },
+            startResize: (z) => {
+              O(z);
+            },
+            remove: () => {
+              Qt(o);
+            },
+            dropStart: (z) => {
+              er(z, o);
+            },
+            dropEnd: () => {
+              en();
+            },
+            className: [
+              ...yt === o ? ["grid-drag-resize__item--dragging"] : [],
+              ...l.state.selectedChild === o ? ["grid-drag-resize__item--selected"] : [],
+              ...l.state.selectedChild === o && Ke === o ? ["grid-drag-resize__item--resizing"] : []
+            ].join(" "),
+            style: {
+              zIndex: yt === o ? (((h = e.cells) == null ? void 0 : h.length) ?? 0) + 2 : l.state.selectedChild === o ? (((x = e.cells) == null ? void 0 : x.length) ?? 0) + 1 : m + 1,
+              cursor: Jt
+            },
+            parentProps: Ot
+          },
+          H
+        );
+      }),
+      Se && Vt && /* @__PURE__ */ Ie.jsx(
+        Yr,
+        {
+          draggable: !1,
+          resizable: !1,
+          ...nr,
+          className: "grid-drag-resize__item--shadow",
+          style: {
+            zIndex: (((P = e.cells) == null ? void 0 : P.length) ?? 0) + 3
+          }
+        },
+        0
+      )
+    ] })
+  );
+}
+function Ln(e) {
+  const [t, n] = window.React.useState({
+    dragging: !1,
+    resizing: !1,
+    //
+    droppingChild: e.droppingChild,
+    droppingChildRaw: e.droppingChild,
+    selectedChild: e.selectedChild
+  }), s = window.React.useContext(hr) ?? {
+    state: t,
+    setState: n
+  };
+  return /* @__PURE__ */ Ie.jsx(hr.Provider, { value: s, children: /* @__PURE__ */ Ie.jsx(
+    Nn,
+    {
+      ...e,
+      parentProps: { ...e.parentProps, ...e }
+    }
+  ) });
+}
+export {
+  Dn as Allotment,
+  Ln as GridDragResize,
+  Ln as default
+};
+//# sourceMappingURL=libraries.js.map