@sticky-studio-npm/ui-core 0.1.55 → 0.1.58

package/dist/ui-bundle.es.js

@@ -100,7 +100,7 @@ var zr = typeof Proxy < "u", Wr = /* @__PURE__ */ Object.toString();
 function Xn() {
   zr || p(process.env.NODE_ENV !== "production" ? "`Proxy` objects are not available in the current environment. Please configure MobX to enable a fallback implementation.`" : "Proxy not available");
 }
-function Fe(e) {
+function Ke(e) {
   process.env.NODE_ENV !== "production" && f.verifyProxies && p("MobX is currently configured to be able to run in ES5 mode, but in ES5 MobX won't be able to " + e);
 }
 function ee() {
@@ -113,9 +113,9 @@ function sn(e) {
       return t = !0, e.apply(this, arguments);
   };
 }
-var Be = function() {
+var xe = function() {
 };
-function V(e) {
+function D(e) {
   return typeof e == "function";
 }
 function Ne(e) {
@@ -166,7 +166,7 @@ function Ce(e, t) {
     return wt(n) && n[r] === !0;
   };
 }
-function Me(e) {
+function Ie(e) {
   return e != null && Object.prototype.toString.call(e) === "[object Map]";
 }
 function Zr(e) {
@@ -186,7 +186,7 @@ function Xr(e) {
     return St.propertyIsEnumerable.call(e, n);
   })) : t;
 }
-var Re = typeof Reflect < "u" && Reflect.ownKeys ? Reflect.ownKeys : Qn ? function(e) {
+var Pe = typeof Reflect < "u" && Reflect.ownKeys ? Reflect.ownKeys : Qn ? function(e) {
   return Object.getOwnPropertyNames(e).concat(Object.getOwnPropertySymbols(e));
 } : (
   /* istanbul ignore next */
@@ -198,12 +198,12 @@ function Gt(e) {
 function er(e) {
   return e === null ? null : typeof e == "object" ? "" + e : e;
 }
-function z(e, t) {
+function G(e, t) {
   return St.hasOwnProperty.call(e, t);
 }
 var Yr = Object.getOwnPropertyDescriptors || function(t) {
   var r = {};
-  return Re(t).forEach(function(n) {
+  return Pe(t).forEach(function(n) {
     r[n] = pt(t, n);
   }), r;
 };
@@ -229,7 +229,7 @@ function ke(e, t, r) {
     writable: !1
   }), e;
 }
-function xe(e, t) {
+function Re(e, t) {
   var r = typeof Symbol < "u" && e[Symbol.iterator] || e["@@iterator"];
   if (r) return (r = r.call(e)).next.bind(r);
   if (Array.isArray(e) || (r = ti(e)) || t) {
@@ -295,14 +295,14 @@ function oe(e) {
   return Object.assign(t, e);
 }
 function Je(e, t, r) {
-  if (z(e, R) || Ye(e, R, fe({}, e[R])), process.env.NODE_ENV !== "production" && _t(r) && !z(e[R], t)) {
+  if (G(e, R) || Ye(e, R, fe({}, e[R])), process.env.NODE_ENV !== "production" && _t(r) && !G(e[R], t)) {
     var n = e.constructor.name + ".prototype." + t.toString();
     p("'" + n + "' is decorated with 'override', but no such decorated member was found on prototype.");
   }
   ni(e, r, t), _t(r) || (e[R][t] = r);
 }
 function ni(e, t, r) {
-  if (process.env.NODE_ENV !== "production" && !_t(t) && z(e[R], r)) {
+  if (process.env.NODE_ENV !== "production" && !_t(t) && G(e[R], r)) {
     var n = e.constructor.name + ".prototype." + r.toString(), i = e[R][r].annotationType_, s = t.annotationType_;
     p("Cannot apply '@" + s + "' to '" + n + "':" + (`
 The field is already decorated with '@` + i + "'.") + `
@@ -311,7 +311,7 @@ Use '@override' decorator for methods overridden by subclass.`);
   }
 }
 function ri(e) {
-  return z(e, R) || Ye(e, R, fe({}, e[R])), e[R];
+  return G(e, R) || Ye(e, R, fe({}, e[R])), e[R];
 }
 function Qe(e) {
   return typeof e == "object" && typeof e.kind == "string";
@@ -319,7 +319,7 @@ function Qe(e) {
 function Ct(e, t) {
   process.env.NODE_ENV !== "production" && !t.includes(e.kind) && p("The decorator applied to '" + String(e.name) + "' cannot be used on a " + e.kind + " element");
 }
-var b = /* @__PURE__ */ Symbol("mobx administration"), _e = /* @__PURE__ */ (function() {
+var _ = /* @__PURE__ */ Symbol("mobx administration"), _e = /* @__PURE__ */ (function() {
   function e(r) {
     r === void 0 && (r = process.env.NODE_ENV !== "production" ? "Atom@" + ee() : "Atom"), this.name_ = void 0, this.flags_ = 0, this.observers_ = /* @__PURE__ */ new Set(), this.lastAccessedBy_ = 0, this.lowestObserverState_ = E.NOT_TRACKING_, this.onBOL = void 0, this.onBUOL = void 0, this.name_ = r;
   }
@@ -335,7 +335,7 @@ var b = /* @__PURE__ */ Symbol("mobx administration"), _e = /* @__PURE__ */ (fun
   }, t.reportObserved = function() {
     return br(this);
   }, t.reportChanged = function() {
-    q(), mr(this), H();
+    K(), mr(this), q();
   }, t.toString = function() {
     return this.name_;
   }, ke(e, [{
@@ -369,9 +369,9 @@ _e.isPendingUnobservationMask_ = 2;
 _e.diffValueMask_ = 4;
 var on = /* @__PURE__ */ Ce("Atom", _e);
 function nr(e, t, r) {
-  t === void 0 && (t = Be), r === void 0 && (r = Be);
+  t === void 0 && (t = xe), r === void 0 && (r = xe);
   var n = new _e(e);
-  return t !== Be && hs(n, t), r !== Be && Ar(n, r), n;
+  return t !== xe && hs(n, t), r !== xe && Ar(n, r), n;
 }
 function ii(e, t) {
   return Mr(e, t);
@@ -384,36 +384,36 @@ var ht = {
   default: si
 };
 function Ae(e, t, r) {
-  return Xe(e) ? e : Array.isArray(e) ? N.array(e, {
+  return Xe(e) ? e : Array.isArray(e) ? S.array(e, {
     name: r
-  }) : j(e) ? N.object(e, void 0, {
+  }) : j(e) ? S.object(e, void 0, {
     name: r
-  }) : Me(e) ? N.map(e, {
+  }) : Ie(e) ? S.map(e, {
     name: r
-  }) : ue(e) ? N.set(e, {
+  }) : ue(e) ? S.set(e, {
     name: r
-  }) : typeof e == "function" && !Pe(e) && !Ze(e) ? Yn(e) ? Te(e) : We(r, e) : e;
+  }) : typeof e == "function" && !Te(e) && !Ze(e) ? Yn(e) ? je(e) : We(r, e) : e;
 }
 function oi(e, t, r) {
-  if (e == null || Ue(e) || Bt(e) || be(e) || re(e))
+  if (e == null || $e(e) || Bt(e) || be(e) || re(e))
     return e;
   if (Array.isArray(e))
-    return N.array(e, {
+    return S.array(e, {
       name: r,
       deep: !1
     });
   if (j(e))
-    return N.object(e, void 0, {
+    return S.object(e, void 0, {
       name: r,
       deep: !1
     });
-  if (Me(e))
-    return N.map(e, {
+  if (Ie(e))
+    return S.map(e, {
       name: r,
       deep: !1
     });
   if (ue(e))
-    return N.set(e, {
+    return S.set(e, {
       name: r,
       deep: !1
     });
@@ -444,7 +444,7 @@ function ci(e, t, r, n) {
     return this.extend_(e, t, r, !1) === null ? 0 : 1;
   if (n === e.target_)
     return this.extend_(e, t, r, !1) === null ? 0 : 2;
-  if (Pe(r.value))
+  if (Te(r.value))
     return 1;
   var s = rr(e, this, t, r, !1);
   return se(n, t, s), 2;
@@ -456,17 +456,17 @@ function li(e, t, r, n) {
 function fi(e, t) {
   process.env.NODE_ENV !== "production" && Ct(t, ["method", "field"]);
   var r = t.kind, n = t.name, i = t.addInitializer, s = this, o = function(l) {
-    var d, v, h, _;
-    return Se((d = (v = s.options_) == null ? void 0 : v.name) != null ? d : n.toString(), l, (h = (_ = s.options_) == null ? void 0 : _.autoAction) != null ? h : !1);
+    var d, v, h, b;
+    return Se((d = (v = s.options_) == null ? void 0 : v.name) != null ? d : n.toString(), l, (h = (b = s.options_) == null ? void 0 : b.autoAction) != null ? h : !1);
   };
   if (r == "field")
     return function(u) {
       var l, d = u;
-      return Pe(d) || (d = o(d)), (l = s.options_) != null && l.bound && (d = d.bind(this), d.isMobxAction = !0), d;
+      return Te(d) || (d = o(d)), (l = s.options_) != null && l.bound && (d = d.bind(this), d.isMobxAction = !0), d;
     };
   if (r == "method") {
     var a;
-    return Pe(e) || (e = o(e)), (a = this.options_) != null && a.bound && i(function() {
+    return Te(e) || (e = o(e)), (a = this.options_) != null && a.bound && i(function() {
       var u = this, l = u[n].bind(u);
       l.isMobxAction = !0, u[n] = l;
     }), e;
@@ -476,7 +476,7 @@ function fi(e, t) {
 }
 function di(e, t, r, n) {
   var i = t.annotationType_, s = n.value;
-  process.env.NODE_ENV !== "production" && !V(s) && p("Cannot apply '" + i + "' to '" + e.name_ + "." + r.toString() + "':" + (`
+  process.env.NODE_ENV !== "production" && !D(s) && p("Cannot apply '" + i + "' to '" + e.name_ + "." + r.toString() + "':" + (`
 '` + i + "' can only be used on properties with a function value."));
 }
 function rr(e, t, r, n, i) {
@@ -484,8 +484,8 @@ function rr(e, t, r, n, i) {
   i === void 0 && (i = f.safeDescriptors), di(e, t, r, n);
   var h = n.value;
   if ((s = t.options_) != null && s.bound) {
-    var _;
-    h = h.bind((_ = e.proxy_) != null ? _ : e.target_);
+    var b;
+    h = h.bind((b = e.proxy_) != null ? b : e.target_);
   }
   return {
     value: Se(
@@ -518,7 +518,7 @@ function pi(e, t, r, n) {
   var i;
   if (n === e.target_)
     return this.extend_(e, t, r, !1) === null ? 0 : 2;
-  if ((i = this.options_) != null && i.bound && (!z(e.target_, t) || !Ze(e.target_[t])) && this.extend_(e, t, r, !1) === null)
+  if ((i = this.options_) != null && i.bound && (!G(e.target_, t) || !Ze(e.target_[t])) && this.extend_(e, t, r, !1) === null)
     return 0;
   if (Ze(r.value))
     return 1;
@@ -533,20 +533,20 @@ function hi(e, t) {
   var r;
   process.env.NODE_ENV !== "production" && Ct(t, ["method"]);
   var n = t.name, i = t.addInitializer;
-  return Ze(e) || (e = Te(e)), (r = this.options_) != null && r.bound && i(function() {
+  return Ze(e) || (e = je(e)), (r = this.options_) != null && r.bound && i(function() {
     var s = this, o = s[n].bind(s);
     o.isMobXFlow = !0, s[n] = o;
   }), e;
 }
 function _i(e, t, r, n) {
   var i = t.annotationType_, s = n.value;
-  process.env.NODE_ENV !== "production" && !V(s) && p("Cannot apply '" + i + "' to '" + e.name_ + "." + r.toString() + "':" + (`
+  process.env.NODE_ENV !== "production" && !D(s) && p("Cannot apply '" + i + "' to '" + e.name_ + "." + r.toString() + "':" + (`
 '` + i + "' can only be used on properties with a generator function value."));
 }
 function sr(e, t, r, n, i, s) {
   s === void 0 && (s = f.safeDescriptors), _i(e, t, r, n);
   var o = n.value;
-  if (Ze(o) || (o = Te(o)), i) {
+  if (Ze(o) || (o = je(o)), i) {
     var a;
     o = o.bind((a = e.proxy_) != null ? a : e.target_), o.isMobXFlow = !0;
   }
@@ -584,13 +584,13 @@ function gi(e, t) {
   process.env.NODE_ENV !== "production" && Ct(t, ["getter"]);
   var r = this, n = t.name, i = t.addInitializer;
   return i(function() {
-    var s = Ve(this)[b], o = fe({}, r.options_, {
+    var s = Ve(this)[_], o = fe({}, r.options_, {
       get: e,
       context: this
     });
-    o.name || (o.name = process.env.NODE_ENV !== "production" ? s.name_ + "." + n.toString() : "ObservableObject." + n.toString()), s.values_.set(n, new Z(o));
+    o.name || (o.name = process.env.NODE_ENV !== "production" ? s.name_ + "." + n.toString() : "ObservableObject." + n.toString()), s.values_.set(n, new W(o));
   }), function() {
-    return this[b].getObservablePropValue_(n);
+    return this[_].getObservablePropValue_(n);
   };
 }
 function yi(e, t, r, n) {
@@ -622,16 +622,16 @@ function Ni(e, t) {
   }
   var r = this, n = t.kind, i = t.name, s = /* @__PURE__ */ new WeakSet();
   function o(a, u) {
-    var l, d, v = Ve(a)[b], h = new Oe(u, (l = (d = r.options_) == null ? void 0 : d.enhancer) != null ? l : Ae, process.env.NODE_ENV !== "production" ? v.name_ + "." + i.toString() : "ObservableObject." + i.toString(), !1);
+    var l, d, v = Ve(a)[_], h = new Oe(u, (l = (d = r.options_) == null ? void 0 : d.enhancer) != null ? l : Ae, process.env.NODE_ENV !== "production" ? v.name_ + "." + i.toString() : "ObservableObject." + i.toString(), !1);
     v.values_.set(i, h), s.add(a);
   }
   if (n == "accessor")
     return {
       get: function() {
-        return s.has(this) || o(this, e.get.call(this)), this[b].getObservablePropValue_(i);
+        return s.has(this) || o(this, e.get.call(this)), this[_].getObservablePropValue_(i);
       },
       set: function(u) {
-        return s.has(this) || o(this, u), this[b].setObservablePropValue_(i, u);
+        return s.has(this) || o(this, u), this[_].setObservablePropValue_(i, u);
       },
       init: function(u) {
         return s.has(this) || o(this, u), u;
@@ -670,13 +670,13 @@ function Ci(e, t, r, n) {
   if (n !== e.target_ && typeof r.value == "function") {
     var a;
     if (Yn(r.value)) {
-      var u, l = (u = this.options_) != null && u.autoBind ? Te.bound : Te;
+      var u, l = (u = this.options_) != null && u.autoBind ? je.bound : je;
       return l.make_(e, t, r, n);
     }
     var d = (a = this.options_) != null && a.autoBind ? We.bound : We;
     return d.make_(e, t, r, n);
   }
-  var v = ((i = this.options_) == null ? void 0 : i.deep) === !1 ? N.ref : N;
+  var v = ((i = this.options_) == null ? void 0 : i.deep) === !1 ? S.ref : S;
   if (typeof r.value == "function" && (s = this.options_) != null && s.autoBind) {
     var h;
     r.value = r.value.bind((h = e.proxy_) != null ? h : e.target_);
@@ -696,7 +696,7 @@ function Di(e, t, r, n) {
     var o;
     r.value = r.value.bind((o = e.proxy_) != null ? o : e.target_);
   }
-  var a = ((s = this.options_) == null ? void 0 : s.deep) === !1 ? N.ref : N;
+  var a = ((s = this.options_) == null ? void 0 : s.deep) === !1 ? S.ref : S;
   return a.extend_(e, t, r, n);
 }
 function Vi(e, t) {
@@ -720,13 +720,13 @@ var Wt = /* @__PURE__ */ Vt(Li), Pi = /* @__PURE__ */ Vt(Bi, {
   enhancer: ai
 }), ur = /* @__PURE__ */ oe(Wt);
 function it(e) {
-  return e.deep === !0 ? Ae : e.deep === !1 ? Dt : ki(e.defaultDecorator);
+  return e.deep === !0 ? Ae : e.deep === !1 ? Dt : Ii(e.defaultDecorator);
 }
 function Mi(e) {
   var t;
   return e ? (t = e.defaultDecorator) != null ? t : or(e) : void 0;
 }
-function ki(e) {
+function Ii(e) {
   var t, r;
   return e && (t = (r = e.options_) == null ? void 0 : r.enhancer) != null ? t : Ae;
 }
@@ -737,17 +737,17 @@ function cr(e, t, r) {
     Je(e, t, Wt);
     return;
   }
-  return Xe(e) ? e : j(e) ? N.object(e, t, r) : Array.isArray(e) ? N.array(e, t) : Me(e) ? N.map(e, t) : ue(e) ? N.set(e, t) : typeof e == "object" && e !== null ? e : N.box(e, t);
+  return Xe(e) ? e : j(e) ? S.object(e, t, r) : Array.isArray(e) ? S.array(e, t) : Ie(e) ? S.map(e, t) : ue(e) ? S.set(e, t) : typeof e == "object" && e !== null ? e : S.box(e, t);
 }
 Wn(cr, ur);
-var Ii = {
+var ki = {
   box: function(t, r) {
     var n = rt(r);
     return new Oe(t, it(n), n.name, !0, n.equals);
   },
   array: function(t, r) {
     var n = rt(r);
-    return (f.useProxies === !1 || n.proxy === !1 ? Is : Vs)(t, it(n), n.name);
+    return (f.useProxies === !1 || n.proxy === !1 ? ks : Vs)(t, it(n), n.name);
   },
   map: function(t, r) {
     var n = rt(r);
@@ -766,7 +766,7 @@ var Ii = {
   shallow: /* @__PURE__ */ oe(Ti),
   deep: ur,
   struct: /* @__PURE__ */ oe(ji)
-}, N = /* @__PURE__ */ Wn(cr, Ii), lr = "computed", Ui = "computed.struct", Zt = /* @__PURE__ */ an(lr), $i = /* @__PURE__ */ an(Ui, {
+}, S = /* @__PURE__ */ Wn(cr, ki), lr = "computed", Ui = "computed.struct", Zt = /* @__PURE__ */ an(lr), $i = /* @__PURE__ */ an(Ui, {
   equals: ht.structural
 }), ye = function(t, r) {
   if (Qe(r))
@@ -775,9 +775,9 @@ var Ii = {
     return Je(t, r, Zt);
   if (j(t))
     return oe(an(lr, t));
-  process.env.NODE_ENV !== "production" && (V(t) || p("First argument to `computed` should be an expression."), V(r) && p("A setter as second argument is no longer supported, use `{ set: fn }` option instead"));
+  process.env.NODE_ENV !== "production" && (D(t) || p("First argument to `computed` should be an expression."), D(r) && p("A setter as second argument is no longer supported, use `{ set: fn }` option instead"));
   var n = j(r) ? r : {};
-  return n.get = t, n.name || (n.name = t.name || ""), new Z(n);
+  return n.get = t, n.name || (n.name = t.name || ""), new W(n);
 };
 Object.assign(ye, Zt);
 ye.struct = /* @__PURE__ */ oe($i);
@@ -789,7 +789,7 @@ var bn, mn, bt = 0, Fi = 1, Ki = (bn = (mn = /* @__PURE__ */ pt(function() {
   enumerable: !1
 };
 function Se(e, t, r, n) {
-  r === void 0 && (r = !1), process.env.NODE_ENV !== "production" && (V(t) || p("`action` can only be invoked on functions"), (typeof e != "string" || !e) && p("actions should have valid names, got: '" + e + "'"));
+  r === void 0 && (r = !1), process.env.NODE_ENV !== "production" && (D(t) || p("`action` can only be invoked on functions"), (typeof e != "string" || !e) && p("actions should have valid names, got: '" + e + "'"));
   function i() {
     return qi(e, r, t, n || this, arguments);
   }
@@ -820,7 +820,7 @@ function Hi(e, t, r, n) {
     });
   }
   var a = f.trackingDerivation, u = !t || !a;
-  q();
+  K();
   var l = f.allowStateChanges;
   u && (De(), l = un(!0));
   var d = ln(!0), v = {
@@ -836,7 +836,7 @@ function Hi(e, t, r, n) {
   return bt = v.actionId_, v;
 }
 function Gi(e) {
-  bt !== e.actionId_ && p(30), bt = e.parentActionId_, e.error_ !== void 0 && (f.suppressReactionErrors = !0), cn(e.prevAllowStateChanges_), He(e.prevAllowStateReads_), H(), e.runAsAction_ && le(e.prevDerivation_), process.env.NODE_ENV !== "production" && e.notifySpy_ && k({
+  bt !== e.actionId_ && p(30), bt = e.parentActionId_, e.error_ !== void 0 && (f.suppressReactionErrors = !0), cn(e.prevAllowStateChanges_), He(e.prevAllowStateReads_), q(), e.runAsAction_ && le(e.prevDerivation_), process.env.NODE_ENV !== "production" && e.notifySpy_ && I({
     time: Date.now() - e.startTime_
   }), f.suppressReactionErrors = !1;
 }
@@ -873,11 +873,11 @@ var zi = "create", Oe = /* @__PURE__ */ (function(e) {
         debugObjectName: this.name_,
         newValue: i,
         oldValue: s
-      }), this.setNewValue_(i), process.env.NODE_ENV !== "production" && o && k();
+      }), this.setNewValue_(i), process.env.NODE_ENV !== "production" && o && I();
     }
   }, r.prepareNewValue_ = function(i) {
-    if (ie(this), F(this)) {
-      var s = K(this, {
+    if (ie(this), $(this)) {
+      var s = F(this, {
         object: this,
         type: Y,
         newValue: i
@@ -919,9 +919,9 @@ var zi = "create", Oe = /* @__PURE__ */ (function(e) {
   }, r[Symbol.toPrimitive] = function() {
     return this.valueOf();
   }, t;
-})(_e), Z = /* @__PURE__ */ (function() {
+})(_e), W = /* @__PURE__ */ (function() {
   function e(r) {
-    this.dependenciesState_ = E.NOT_TRACKING_, this.observing_ = [], this.newObserving_ = null, this.observers_ = /* @__PURE__ */ new Set(), this.runId_ = 0, this.lastAccessedBy_ = 0, this.lowestObserverState_ = E.UP_TO_DATE_, this.unboundDepsCount_ = 0, this.value_ = new mt(null), this.name_ = void 0, this.triggeredBy_ = void 0, this.flags_ = 0, this.derivation = void 0, this.setter_ = void 0, this.isTracing_ = W.NONE, this.scope_ = void 0, this.equals_ = void 0, this.requiresReaction_ = void 0, this.keepAlive_ = void 0, this.onBOL = void 0, this.onBUOL = void 0, r.get || p(31), this.derivation = r.get, this.name_ = r.name || (process.env.NODE_ENV !== "production" ? "ComputedValue@" + ee() : "ComputedValue"), r.set && (this.setter_ = Se(process.env.NODE_ENV !== "production" ? this.name_ + "-setter" : "ComputedValue-setter", r.set)), this.equals_ = r.equals || (r.compareStructural || r.struct ? ht.structural : ht.default), this.scope_ = r.context, this.requiresReaction_ = r.requiresReaction, this.keepAlive_ = !!r.keepAlive;
+    this.dependenciesState_ = E.NOT_TRACKING_, this.observing_ = [], this.newObserving_ = null, this.observers_ = /* @__PURE__ */ new Set(), this.runId_ = 0, this.lastAccessedBy_ = 0, this.lowestObserverState_ = E.UP_TO_DATE_, this.unboundDepsCount_ = 0, this.value_ = new mt(null), this.name_ = void 0, this.triggeredBy_ = void 0, this.flags_ = 0, this.derivation = void 0, this.setter_ = void 0, this.isTracing_ = z.NONE, this.scope_ = void 0, this.equals_ = void 0, this.requiresReaction_ = void 0, this.keepAlive_ = void 0, this.onBOL = void 0, this.onBUOL = void 0, r.get || p(31), this.derivation = r.get, this.name_ = r.name || (process.env.NODE_ENV !== "production" ? "ComputedValue@" + ee() : "ComputedValue"), r.set && (this.setter_ = Se(process.env.NODE_ENV !== "production" ? this.name_ + "-setter" : "ComputedValue-setter", r.set)), this.equals_ = r.equals || (r.compareStructural || r.struct ? ht.structural : ht.default), this.scope_ = r.context, this.requiresReaction_ = r.requiresReaction, this.keepAlive_ = !!r.keepAlive;
   }
   var t = e.prototype;
   return t.onBecomeStale_ = function() {
@@ -937,7 +937,7 @@ var zi = "create", Oe = /* @__PURE__ */ (function(e) {
   }, t.get = function() {
     if (this.isComputing && p(32, this.name_, this.derivation), f.inBatch === 0 && // !globalState.trackingDerivatpion &&
     this.observers_.size === 0 && !this.keepAlive_)
-      Xt(this) && (this.warnAboutUntrackedRead_(), q(), this.value_ = this.computeValue_(!1), H());
+      Xt(this) && (this.warnAboutUntrackedRead_(), K(), this.value_ = this.computeValue_(!1), q());
     else if (br(this), Xt(this)) {
       var n = f.trackingContext;
       this.keepAlive_ && !n && (f.trackingContext = this), this.trackAndCompute() && Qi(this), f.trackingContext = n;
@@ -984,7 +984,7 @@ var zi = "create", Oe = /* @__PURE__ */ (function(e) {
       }
     return cn(i), this.isComputing = !1, s;
   }, t.suspend_ = function() {
-    this.keepAlive_ || (Yt(this), this.value_ = void 0, process.env.NODE_ENV !== "production" && this.isTracing_ !== W.NONE && console.log("[mobx.trace] Computed value '" + this.name_ + "' was suspended and it will recompute on the next access."));
+    this.keepAlive_ || (Yt(this), this.value_ = void 0, process.env.NODE_ENV !== "production" && this.isTracing_ !== z.NONE && console.log("[mobx.trace] Computed value '" + this.name_ + "' was suspended and it will recompute on the next access."));
   }, t.observe_ = function(n, i) {
     var s = this, o = !0, a = void 0;
     return ls(function() {
@@ -1003,7 +1003,7 @@ var zi = "create", Oe = /* @__PURE__ */ (function(e) {
       o = !1, a = u;
     });
   }, t.warnAboutUntrackedRead_ = function() {
-    process.env.NODE_ENV !== "production" && (this.isTracing_ !== W.NONE && console.log("[mobx.trace] Computed value '" + this.name_ + "' is being read outside a reactive context. Doing a full recompute."), (typeof this.requiresReaction_ == "boolean" ? this.requiresReaction_ : f.computedRequiresReaction) && console.warn("[mobx] Computed value '" + this.name_ + "' is being read outside a reactive context. Doing a full recompute."));
+    process.env.NODE_ENV !== "production" && (this.isTracing_ !== z.NONE && console.log("[mobx.trace] Computed value '" + this.name_ + "' is being read outside a reactive context. Doing a full recompute."), (typeof this.requiresReaction_ == "boolean" ? this.requiresReaction_ : f.computedRequiresReaction) && console.warn("[mobx] Computed value '" + this.name_ + "' is being read outside a reactive context. Doing a full recompute."));
   }, t.toString = function() {
     return this.name_ + "[" + this.derivation.toString() + "]";
   }, t.valueOf = function() {
@@ -1052,19 +1052,19 @@ var zi = "create", Oe = /* @__PURE__ */ (function(e) {
     }
   }]);
 })();
-Z.isComputingMask_ = 1;
-Z.isRunningSetterMask_ = 2;
-Z.isBeingObservedMask_ = 4;
-Z.isPendingUnobservationMask_ = 8;
-Z.diffValueMask_ = 16;
-var Lt = /* @__PURE__ */ Ce("ComputedValue", Z), E;
+W.isComputingMask_ = 1;
+W.isRunningSetterMask_ = 2;
+W.isBeingObservedMask_ = 4;
+W.isPendingUnobservationMask_ = 8;
+W.diffValueMask_ = 16;
+var Lt = /* @__PURE__ */ Ce("ComputedValue", W), E;
 (function(e) {
   e[e.NOT_TRACKING_ = -1] = "NOT_TRACKING_", e[e.UP_TO_DATE_ = 0] = "UP_TO_DATE_", e[e.POSSIBLY_STALE_ = 1] = "POSSIBLY_STALE_", e[e.STALE_ = 2] = "STALE_";
 })(E || (E = {}));
-var W;
+var z;
 (function(e) {
   e[e.NONE = 0] = "NONE", e[e.LOG = 1] = "LOG", e[e.BREAK = 2] = "BREAK";
-})(W || (W = {}));
+})(z || (z = {}));
 var mt = function(t) {
   this.cause = void 0, this.cause = t;
 };
@@ -1204,15 +1204,15 @@ function hr(e, t) {
 function _r(e) {
   e.isPendingUnobservation === !1 && (e.isPendingUnobservation = !0, f.pendingUnobservations.push(e));
 }
-function q() {
+function K() {
   f.inBatch++;
 }
-function H() {
+function q() {
   if (--f.inBatch === 0) {
     Or();
     for (var e = f.pendingUnobservations, t = 0; t < e.length; t++) {
       var r = e[t];
-      r.isPendingUnobservation = !1, r.observers_.size === 0 && (r.isBeingObserved && (r.isBeingObserved = !1, r.onBUO()), r instanceof Z && r.suspend_());
+      r.isPendingUnobservation = !1, r.observers_.size === 0 && (r.isBeingObserved && (r.isBeingObserved = !1, r.onBUO()), r instanceof W && r.suspend_());
     }
     f.pendingUnobservations = [];
   }
@@ -1224,12 +1224,12 @@ function br(e) {
 }
 function mr(e) {
   e.lowestObserverState_ !== E.STALE_ && (e.lowestObserverState_ = E.STALE_, e.observers_.forEach(function(t) {
-    t.dependenciesState_ === E.UP_TO_DATE_ && (process.env.NODE_ENV !== "production" && t.isTracing_ !== W.NONE && gr(t, e), t.onBecomeStale_()), t.dependenciesState_ = E.STALE_;
+    t.dependenciesState_ === E.UP_TO_DATE_ && (process.env.NODE_ENV !== "production" && t.isTracing_ !== z.NONE && gr(t, e), t.onBecomeStale_()), t.dependenciesState_ = E.STALE_;
   }));
 }
 function Qi(e) {
   e.lowestObserverState_ !== E.STALE_ && (e.lowestObserverState_ = E.STALE_, e.observers_.forEach(function(t) {
-    t.dependenciesState_ === E.POSSIBLY_STALE_ ? (t.dependenciesState_ = E.STALE_, process.env.NODE_ENV !== "production" && t.isTracing_ !== W.NONE && gr(t, e)) : t.dependenciesState_ === E.UP_TO_DATE_ && (e.lowestObserverState_ = E.UP_TO_DATE_);
+    t.dependenciesState_ === E.POSSIBLY_STALE_ ? (t.dependenciesState_ = E.STALE_, process.env.NODE_ENV !== "production" && t.isTracing_ !== z.NONE && gr(t, e)) : t.dependenciesState_ === E.UP_TO_DATE_ && (e.lowestObserverState_ = E.UP_TO_DATE_);
   }));
 }
 function es(e) {
@@ -1238,7 +1238,7 @@ function es(e) {
   }));
 }
 function gr(e, t) {
-  if (console.log("[mobx.trace] '" + e.name_ + "' is invalidated due to a change in: '" + t.name_ + "'"), e.isTracing_ === W.BREAK) {
+  if (console.log("[mobx.trace] '" + e.name_ + "' is invalidated due to a change in: '" + t.name_ + "'"), e.isTracing_ === z.BREAK) {
     var r = [];
     yr(Cr(e), r, 1), new Function(`debugger;
 /*
@@ -1248,7 +1248,7 @@ You are entering this break point because derivation '` + e.name_ + "' is being
 Just follow the stacktrace you should now see in the devtools to see precisely what piece of your code is causing this update
 The stackframe you are looking for is at least ~6-8 stack-frames up.
 
-` + (e instanceof Z ? e.derivation.toString().replace(/[*]\//g, "/") : "") + `
+` + (e instanceof W ? e.derivation.toString().replace(/[*]\//g, "/") : "") + `
 
 The dependencies for this derivation are:
 
@@ -1269,7 +1269,7 @@ function yr(e, t, r) {
 }
 var de = /* @__PURE__ */ (function() {
   function e(r, n, i, s) {
-    r === void 0 && (r = process.env.NODE_ENV !== "production" ? "Reaction@" + ee() : "Reaction"), this.name_ = void 0, this.onInvalidate_ = void 0, this.errorHandler_ = void 0, this.requiresObservable_ = void 0, this.observing_ = [], this.newObserving_ = [], this.dependenciesState_ = E.NOT_TRACKING_, this.runId_ = 0, this.unboundDepsCount_ = 0, this.flags_ = 0, this.isTracing_ = W.NONE, this.name_ = r, this.onInvalidate_ = n, this.errorHandler_ = i, this.requiresObservable_ = s;
+    r === void 0 && (r = process.env.NODE_ENV !== "production" ? "Reaction@" + ee() : "Reaction"), this.name_ = void 0, this.onInvalidate_ = void 0, this.errorHandler_ = void 0, this.requiresObservable_ = void 0, this.observing_ = [], this.newObserving_ = [], this.dependenciesState_ = E.NOT_TRACKING_, this.runId_ = 0, this.unboundDepsCount_ = 0, this.flags_ = 0, this.isTracing_ = z.NONE, this.name_ = r, this.onInvalidate_ = n, this.errorHandler_ = i, this.requiresObservable_ = s;
   }
   var t = e.prototype;
   return t.onBecomeStale_ = function() {
@@ -1278,7 +1278,7 @@ var de = /* @__PURE__ */ (function() {
     this.isScheduled || (this.isScheduled = !0, f.pendingReactions.push(this), Or());
   }, t.runReaction_ = function() {
     if (!this.isDisposed) {
-      q(), this.isScheduled = !1;
+      K(), this.isScheduled = !1;
       var n = f.trackingContext;
       if (f.trackingContext = this, Xt(this)) {
         this.isTrackPending = !0;
@@ -1291,11 +1291,11 @@ var de = /* @__PURE__ */ (function() {
           this.reportExceptionInDerivation_(i);
         }
       }
-      f.trackingContext = n, H();
+      f.trackingContext = n, q();
     }
   }, t.track = function(n) {
     if (!this.isDisposed) {
-      q();
+      K();
       var i = B(), s;
       process.env.NODE_ENV !== "production" && i && (s = Date.now(), M({
         name: this.name_,
@@ -1304,9 +1304,9 @@ var de = /* @__PURE__ */ (function() {
       var o = f.trackingContext;
       f.trackingContext = this;
       var a = fr(this, n, void 0);
-      f.trackingContext = o, this.isRunning = !1, this.isTrackPending = !1, this.isDisposed && Yt(this), ut(a) && this.reportExceptionInDerivation_(a.cause), process.env.NODE_ENV !== "production" && i && k({
+      f.trackingContext = o, this.isRunning = !1, this.isTrackPending = !1, this.isDisposed && Yt(this), ut(a) && this.reportExceptionInDerivation_(a.cause), process.env.NODE_ENV !== "production" && i && I({
         time: Date.now() - s
-      }), H();
+      }), q();
     }
   }, t.reportExceptionInDerivation_ = function(n) {
     var i = this;
@@ -1326,12 +1326,12 @@ var de = /* @__PURE__ */ (function() {
       return o(n, i);
     });
   }, t.dispose = function() {
-    this.isDisposed || (this.isDisposed = !0, this.isRunning || (q(), Yt(this), H()));
+    this.isDisposed || (this.isDisposed = !0, this.isRunning || (K(), Yt(this), q()));
   }, t.getDisposer_ = function(n) {
     var i = this, s = function o() {
       i.dispose(), n == null || n.removeEventListener == null || n.removeEventListener("abort", o);
     };
-    return n == null || n.addEventListener == null || n.addEventListener("abort", s), s[b] = this, s;
+    return n == null || n.addEventListener == null || n.addEventListener("abort", s), s[_] = this, s;
   }, t.toString = function() {
     return "Reaction[" + this.name_ + "]";
   }, t.trace = function(n) {
@@ -1427,7 +1427,7 @@ var rs = {
   type: "report-end",
   spyReportEnd: !0
 };
-function k(e) {
+function I(e) {
   process.env.NODE_ENV !== "production" && we(e ? fe({}, e, {
     type: "report-end",
     spyReportEnd: !0
@@ -1451,9 +1451,9 @@ var fn = "action", ss = "action.bound", Er = "autoAction", os = "autoAction.boun
 });
 function Nr(e) {
   var t = function(n, i) {
-    if (V(n))
+    if (D(n))
       return Se(n.name || as, n, e);
-    if (V(i))
+    if (D(i))
       return Se(n, i, e);
     if (Qe(i))
       return (e ? en : Qt).decorate_20223_(n, i);
@@ -1474,12 +1474,12 @@ var We = /* @__PURE__ */ Nr(!0);
 Object.assign(We, en);
 C.bound = /* @__PURE__ */ oe(us);
 We.bound = /* @__PURE__ */ oe(cs);
-function Pe(e) {
-  return V(e) && e.isMobxAction === !0;
+function Te(e) {
+  return D(e) && e.isMobxAction === !0;
 }
 function ls(e, t) {
   var r, n, i, s;
-  t === void 0 && (t = Zn), process.env.NODE_ENV !== "production" && (V(e) || p("Autorun expects a function as first argument"), Pe(e) && p("Autorun does not accept actions since actions are untrackable"));
+  t === void 0 && (t = Zn), process.env.NODE_ENV !== "production" && (D(e) || p("Autorun expects a function as first argument"), Te(e) && p("Autorun does not accept actions since actions are untrackable"));
   var o = (r = (n = t) == null ? void 0 : n.name) != null ? r : process.env.NODE_ENV !== "production" ? e.name || "Autorun@" + ee() : "Autorun", a = !t.scheduler && !t.delay, u;
   if (a)
     u = new de(o, function() {
@@ -1514,7 +1514,7 @@ function Ar(e, t, r) {
   return Sr(vs, e, t, r);
 }
 function Sr(e, t, r, n) {
-  var i = je(t), s = V(n) ? n : r, o = e + "L";
+  var i = Me(t), s = D(n) ? n : r, o = e + "L";
   return i[o] ? i[o].add(s) : i[o] = /* @__PURE__ */ new Set([s]), function() {
     var a = i[o];
     a && (a.delete(s), a.size === 0 && delete i[o]);
@@ -1536,8 +1536,8 @@ function wr(e, t, r, n) {
   process.env.NODE_ENV !== "production" && (arguments.length > 4 && p("'extendObservable' expected 2-4 arguments"), typeof e != "object" && p("'extendObservable' expects an object as first argument"), be(e) && p("'extendObservable' should not be used on maps, use map.merge instead"), j(t) || p("'extendObservable' only accepts plain objects as second argument"), (Xe(t) || Xe(r)) && p("Extending an object with another observable (object) is not supported"));
   var i = Yr(t);
   return me(function() {
-    var s = Ve(e, n)[b];
-    Re(i).forEach(function(o) {
+    var s = Ve(e, n)[_];
+    Pe(i).forEach(function(o) {
       s.extend_(
         o,
         i[o],
@@ -1548,7 +1548,7 @@ function wr(e, t, r, n) {
   }), e;
 }
 function Cr(e, t) {
-  return Dr(je(e, t));
+  return Dr(Me(e, t));
 }
 function Dr(e) {
   var t = {
@@ -1566,66 +1566,66 @@ function Vr() {
 Vr.prototype = /* @__PURE__ */ Object.create(Error.prototype);
 var Rt = /* @__PURE__ */ ir("flow"), Os = /* @__PURE__ */ ir("flow.bound", {
   bound: !0
-}), Te = /* @__PURE__ */ Object.assign(function(t, r) {
+}), je = /* @__PURE__ */ Object.assign(function(t, r) {
   if (Qe(r))
     return Rt.decorate_20223_(t, r);
   if (Ne(r))
     return Je(t, r, Rt);
   process.env.NODE_ENV !== "production" && arguments.length !== 1 && p("Flow expects single argument with generator function");
   var n = t, i = n.name || "<unnamed flow>", s = function() {
-    var a = this, u = arguments, l = ++ys, d = C(i + " - runid: " + l + " - init", n).apply(a, u), v, h = void 0, _ = new Promise(function(m, y) {
-      var O = 0;
+    var a = this, u = arguments, l = ++ys, d = C(i + " - runid: " + l + " - init", n).apply(a, u), v, h = void 0, b = new Promise(function(m, y) {
+      var N = 0;
       v = y;
-      function A(w) {
+      function O(A) {
         h = void 0;
-        var x;
+        var L;
         try {
-          x = C(i + " - runid: " + l + " - yield " + O++, d.next).call(d, w);
-        } catch ($) {
-          return y($);
+          L = C(i + " - runid: " + l + " - yield " + N++, d.next).call(d, A);
+        } catch (x) {
+          return y(x);
         }
-        D(x);
+        Z(L);
       }
-      function L(w) {
+      function V(A) {
         h = void 0;
-        var x;
+        var L;
         try {
-          x = C(i + " - runid: " + l + " - yield " + O++, d.throw).call(d, w);
-        } catch ($) {
-          return y($);
+          L = C(i + " - runid: " + l + " - yield " + N++, d.throw).call(d, A);
+        } catch (x) {
+          return y(x);
         }
-        D(x);
+        Z(L);
       }
-      function D(w) {
-        if (V(w?.then)) {
-          w.then(D, y);
+      function Z(A) {
+        if (D(A?.then)) {
+          A.then(Z, y);
           return;
         }
-        return w.done ? m(w.value) : (h = Promise.resolve(w.value), h.then(A, L));
+        return A.done ? m(A.value) : (h = Promise.resolve(A.value), h.then(O, V));
       }
-      A(void 0);
+      O(void 0);
     });
-    return _.cancel = C(i + " - runid: " + l + " - cancel", function() {
+    return b.cancel = C(i + " - runid: " + l + " - cancel", function() {
       try {
         h && On(h);
         var m = d.return(void 0), y = Promise.resolve(m.value);
-        y.then(Be, Be), On(y), v(new Vr());
-      } catch (O) {
-        v(O);
+        y.then(xe, xe), On(y), v(new Vr());
+      } catch (N) {
+        v(N);
       }
-    }), _;
+    }), b;
   };
   return s.isMobXFlow = !0, s;
 }, Rt);
-Te.bound = /* @__PURE__ */ oe(Os);
+je.bound = /* @__PURE__ */ oe(Os);
 function On(e) {
-  V(e.cancel) && e.cancel();
+  D(e.cancel) && e.cancel();
 }
 function Ze(e) {
   return e?.isMobXFlow === !0;
 }
 function Es(e, t) {
-  return e ? Ue(e) || !!e[b] || on(e) || gt(e) || Lt(e) : !1;
+  return e ? $e(e) || !!e[_] || on(e) || gt(e) || Lt(e) : !1;
 }
 function Xe(e) {
   return process.env.NODE_ENV !== "production" && arguments.length !== 1 && p("isObservable expects only 1 argument. Use isObservableProp to inspect the observability of a property"), Es(e);
@@ -1638,7 +1638,7 @@ function Ns() {
     var i = As(r);
     if (!i)
       return p("'trace(break?)' can only be used inside a tracked computed value or a Reaction. Consider passing in the computed value or reaction explicitly");
-    i.isTracing_ === W.NONE && console.log("[mobx.trace] '" + i.name_ + "' tracing enabled"), i.isTracing_ = e ? W.BREAK : W.LOG;
+    i.isTracing_ === z.NONE && console.log("[mobx.trace] '" + i.name_ + "' tracing enabled"), i.isTracing_ = e ? z.BREAK : z.LOG;
   }
 }
 function As(e) {
@@ -1646,43 +1646,43 @@ function As(e) {
     case 0:
       return f.trackingDerivation;
     case 1:
-      return je(e[0]);
+      return Me(e[0]);
     case 2:
-      return je(e[0], e[1]);
+      return Me(e[0], e[1]);
   }
 }
 function ce(e, t) {
-  t === void 0 && (t = void 0), q();
+  t === void 0 && (t = void 0), K();
   try {
     return e.apply(t);
   } finally {
-    H();
+    q();
   }
 }
 function ge(e) {
-  return e[b];
+  return e[_];
 }
 var Ss = {
   has: function(t, r) {
-    return process.env.NODE_ENV !== "production" && f.trackingDerivation && Fe("detect new properties using the 'in' operator. Use 'has' from 'mobx' instead."), ge(t).has_(r);
+    return process.env.NODE_ENV !== "production" && f.trackingDerivation && Ke("detect new properties using the 'in' operator. Use 'has' from 'mobx' instead."), ge(t).has_(r);
   },
   get: function(t, r) {
     return ge(t).get_(r);
   },
   set: function(t, r, n) {
     var i;
-    return Ne(r) ? (process.env.NODE_ENV !== "production" && !ge(t).values_.has(r) && Fe("add a new observable property through direct assignment. Use 'set' from 'mobx' instead."), (i = ge(t).set_(r, n, !0)) != null ? i : !0) : !1;
+    return Ne(r) ? (process.env.NODE_ENV !== "production" && !ge(t).values_.has(r) && Ke("add a new observable property through direct assignment. Use 'set' from 'mobx' instead."), (i = ge(t).set_(r, n, !0)) != null ? i : !0) : !1;
   },
   deleteProperty: function(t, r) {
     var n;
-    return process.env.NODE_ENV !== "production" && Fe("delete properties from an observable object. Use 'remove' from 'mobx' instead."), Ne(r) ? (n = ge(t).delete_(r, !0)) != null ? n : !0 : !1;
+    return process.env.NODE_ENV !== "production" && Ke("delete properties from an observable object. Use 'remove' from 'mobx' instead."), Ne(r) ? (n = ge(t).delete_(r, !0)) != null ? n : !0 : !1;
   },
   defineProperty: function(t, r, n) {
     var i;
-    return process.env.NODE_ENV !== "production" && Fe("define property on an observable object. Use 'defineProperty' from 'mobx' instead."), (i = ge(t).defineProperty_(r, n)) != null ? i : !0;
+    return process.env.NODE_ENV !== "production" && Ke("define property on an observable object. Use 'defineProperty' from 'mobx' instead."), (i = ge(t).defineProperty_(r, n)) != null ? i : !0;
   },
   ownKeys: function(t) {
-    return process.env.NODE_ENV !== "production" && f.trackingDerivation && Fe("iterate keys to detect added / removed properties. Use 'keys' from 'mobx' instead."), ge(t).ownKeys_();
+    return process.env.NODE_ENV !== "production" && f.trackingDerivation && Ke("iterate keys to detect added / removed properties. Use 'keys' from 'mobx' instead."), ge(t).ownKeys_();
   },
   preventExtensions: function(t) {
     p(13);
@@ -1690,9 +1690,9 @@ var Ss = {
 };
 function ws(e, t) {
   var r, n;
-  return Xn(), e = Ve(e, t), (n = (r = e[b]).proxy_) != null ? n : r.proxy_ = new Proxy(e, Ss);
+  return Xn(), e = Ve(e, t), (n = (r = e[_]).proxy_) != null ? n : r.proxy_ = new Proxy(e, Ss);
 }
-function F(e) {
+function $(e) {
   return e.interceptors_ !== void 0 && e.interceptors_.length > 0;
 }
 function tt(e, t) {
@@ -1702,7 +1702,7 @@ function tt(e, t) {
     n !== -1 && r.splice(n, 1);
   });
 }
-function K(e, t) {
+function F(e, t) {
   var r = De();
   try {
     for (var n = [].concat(e.interceptors_ || []), i = 0, s = n.length; i < s && (t = n[i](t), t && !t.type && p(14), !!t); i++)
@@ -1733,19 +1733,19 @@ function Q(e, t) {
 }
 function dn(e, t, r) {
   return me(function() {
-    var n, i = Ve(e, r)[b];
-    process.env.NODE_ENV !== "production" && t && e[R] && p("makeObservable second arg must be nullish when using decorators. Mixing @decorator syntax with annotations is not supported."), (n = t) != null || (t = ri(e)), Re(t).forEach(function(s) {
+    var n, i = Ve(e, r)[_];
+    process.env.NODE_ENV !== "production" && t && e[R] && p("makeObservable second arg must be nullish when using decorators. Mixing @decorator syntax with annotations is not supported."), (n = t) != null || (t = ri(e)), Pe(t).forEach(function(s) {
       return i.make_(s, t[s]);
     });
   }), e;
 }
 var Pt = /* @__PURE__ */ Symbol("mobx-keys");
-function Ie(e, t, r) {
-  return process.env.NODE_ENV !== "production" && (!j(e) && !j(Object.getPrototypeOf(e)) && p("'makeAutoObservable' can only be used for classes that don't have a superclass"), Ue(e) && p("makeAutoObservable can only be used on objects not already made observable")), j(e) ? wr(e, e, t, r) : (me(function() {
-    var n = Ve(e, r)[b];
+function Ue(e, t, r) {
+  return process.env.NODE_ENV !== "production" && (!j(e) && !j(Object.getPrototypeOf(e)) && p("'makeAutoObservable' can only be used for classes that don't have a superclass"), $e(e) && p("makeAutoObservable can only be used on objects not already made observable")), j(e) ? wr(e, e, t, r) : (me(function() {
+    var n = Ve(e, r)[_];
     if (!e[Pt]) {
-      var i = Object.getPrototypeOf(e), s = new Set([].concat(Re(e), Re(i)));
-      s.delete("constructor"), s.delete(b), Ye(i, Pt, s);
+      var i = Object.getPrototypeOf(e), s = new Set([].concat(Pe(e), Pe(i)));
+      s.delete("constructor"), s.delete(_), Ye(i, Pt, s);
     }
     e[Pt].forEach(function(o) {
       return n.make_(
@@ -1758,11 +1758,11 @@ function Ie(e, t, r) {
 }
 var En = "splice", Y = "update", Cs = 1e4, Ds = {
   get: function(t, r) {
-    var n = t[b];
-    return r === b ? n : r === "length" ? n.getArrayLength_() : typeof r == "string" && !isNaN(r) ? n.get_(parseInt(r)) : z(yt, r) ? yt[r] : t[r];
+    var n = t[_];
+    return r === _ ? n : r === "length" ? n.getArrayLength_() : typeof r == "string" && !isNaN(r) ? n.get_(parseInt(r)) : G(yt, r) ? yt[r] : t[r];
   },
   set: function(t, r, n) {
-    var i = t[b];
+    var i = t[_];
     return r === "length" && i.setArrayLength_(n), typeof r == "symbol" || isNaN(r) ? t[r] = n : i.set_(parseInt(r), n), !0;
   },
   preventExtensions: function() {
@@ -1811,8 +1811,8 @@ var En = "splice", Y = "update", Cs = 1e4, Ds = {
     var o = this;
     ie(this.atom_);
     var a = this.values_.length;
-    if (n === void 0 ? n = 0 : n > a ? n = a : n < 0 && (n = Math.max(0, a + n)), arguments.length === 1 ? i = a - n : i == null ? i = 0 : i = Math.max(0, Math.min(i, a - n)), s === void 0 && (s = vt), F(this)) {
-      var u = K(this, {
+    if (n === void 0 ? n = 0 : n > a ? n = a : n < 0 && (n = Math.max(0, a + n)), arguments.length === 1 ? i = a - n : i == null ? i = 0 : i = Math.max(0, Math.min(i, a - n)), s === void 0 && (s = vt), $(this)) {
+      var u = F(this, {
         object: this.proxy_,
         type: En,
         index: n,
@@ -1854,7 +1854,7 @@ var En = "splice", Y = "update", Cs = 1e4, Ds = {
       newValue: i,
       oldValue: s
     } : null;
-    process.env.NODE_ENV !== "production" && o && M(u), this.atom_.reportChanged(), a && Q(this, u), process.env.NODE_ENV !== "production" && o && k();
+    process.env.NODE_ENV !== "production" && o && M(u), this.atom_.reportChanged(), a && Q(this, u), process.env.NODE_ENV !== "production" && o && I();
   }, t.notifyArraySplice_ = function(n, i, s) {
     var o = !this.owned_ && B(), a = J(this), u = a || o ? {
       observableKind: "array",
@@ -1867,7 +1867,7 @@ var En = "splice", Y = "update", Cs = 1e4, Ds = {
       removedCount: s.length,
       addedCount: i.length
     } : null;
-    process.env.NODE_ENV !== "production" && o && M(u), this.atom_.reportChanged(), a && Q(this, u), process.env.NODE_ENV !== "production" && o && k();
+    process.env.NODE_ENV !== "production" && o && M(u), this.atom_.reportChanged(), a && Q(this, u), process.env.NODE_ENV !== "production" && o && I();
   }, t.get_ = function(n) {
     if (this.legacyMode_ && n >= this.values_.length) {
       console.warn(process.env.NODE_ENV !== "production" ? "[mobx.array] Attempt to read an array index (" + n + ") that is out of bounds (" + this.values_.length + "). Please check length first. Out of bound indices will not be tracked by MobX" : "[mobx] Out of bounds read: " + n);
@@ -1879,8 +1879,8 @@ var En = "splice", Y = "update", Cs = 1e4, Ds = {
     if (this.legacyMode_ && n > s.length && p(17, n, s.length), n < s.length) {
       ie(this.atom_);
       var o = s[n];
-      if (F(this)) {
-        var a = K(this, {
+      if ($(this)) {
+        var a = F(this, {
           type: Y,
           object: this.proxy_,
           // since "this" is the real array we need to pass its proxy
@@ -1904,7 +1904,7 @@ var En = "splice", Y = "update", Cs = 1e4, Ds = {
 function Vs(e, t, r, n) {
   return r === void 0 && (r = process.env.NODE_ENV !== "production" ? "ObservableArray@" + ee() : "ObservableArray"), n === void 0 && (n = !1), Xn(), me(function() {
     var i = new pn(r, t, n, !1);
-    Jn(i.values_, b, i);
+    Jn(i.values_, _, i);
     var s = new Proxy(i.values_, Ds);
     return i.proxy_ = s, e && e.length && i.spliceWithArray_(0, 0, e), s;
   });
@@ -1914,7 +1914,7 @@ var yt = {
     return this.splice(0);
   },
   replace: function(t) {
-    var r = this[b];
+    var r = this[_];
     return r.spliceWithArray_(0, r.values_.length, t);
   },
   // Used by JSON.stringify
@@ -1930,7 +1930,7 @@ var yt = {
   splice: function(t, r) {
     for (var n = arguments.length, i = new Array(n > 2 ? n - 2 : 0), s = 2; s < n; s++)
       i[s - 2] = arguments[s];
-    var o = this[b];
+    var o = this[_];
     switch (arguments.length) {
       case 0:
         return [];
@@ -1942,21 +1942,21 @@ var yt = {
     return o.spliceWithArray_(t, r, i);
   },
   spliceWithArray: function(t, r, n) {
-    return this[b].spliceWithArray_(t, r, n);
+    return this[_].spliceWithArray_(t, r, n);
   },
   push: function() {
-    for (var t = this[b], r = arguments.length, n = new Array(r), i = 0; i < r; i++)
+    for (var t = this[_], r = arguments.length, n = new Array(r), i = 0; i < r; i++)
       n[i] = arguments[i];
     return t.spliceWithArray_(t.values_.length, 0, n), t.values_.length;
   },
   pop: function() {
-    return this.splice(Math.max(this[b].values_.length - 1, 0), 1)[0];
+    return this.splice(Math.max(this[_].values_.length - 1, 0), 1)[0];
   },
   shift: function() {
     return this.splice(0, 1)[0];
   },
   unshift: function() {
-    for (var t = this[b], r = arguments.length, n = new Array(r), i = 0; i < r; i++)
+    for (var t = this[_], r = arguments.length, n = new Array(r), i = 0; i < r; i++)
       n[i] = arguments[i];
     return t.spliceWithArray_(0, 0, n), t.values_.length;
   },
@@ -1969,42 +1969,42 @@ var yt = {
     return t.sort.apply(t, arguments), this.replace(t), this;
   },
   remove: function(t) {
-    var r = this[b], n = r.dehanceValues_(r.values_).indexOf(t);
+    var r = this[_], n = r.dehanceValues_(r.values_).indexOf(t);
     return n > -1 ? (this.splice(n, 1), !0) : !1;
   }
 };
-S("at", I);
-S("concat", I);
-S("flat", I);
-S("includes", I);
-S("indexOf", I);
-S("join", I);
-S("lastIndexOf", I);
-S("slice", I);
-S("toString", I);
-S("toLocaleString", I);
-S("toSorted", I);
-S("toSpliced", I);
-S("with", I);
-S("every", te);
-S("filter", te);
-S("find", te);
-S("findIndex", te);
-S("findLast", te);
-S("findLastIndex", te);
-S("flatMap", te);
-S("forEach", te);
-S("map", te);
-S("some", te);
-S("toReversed", te);
-S("reduce", Lr);
-S("reduceRight", Lr);
-function S(e, t) {
+w("at", k);
+w("concat", k);
+w("flat", k);
+w("includes", k);
+w("indexOf", k);
+w("join", k);
+w("lastIndexOf", k);
+w("slice", k);
+w("toString", k);
+w("toLocaleString", k);
+w("toSorted", k);
+w("toSpliced", k);
+w("with", k);
+w("every", te);
+w("filter", te);
+w("find", te);
+w("findIndex", te);
+w("findLast", te);
+w("findLastIndex", te);
+w("flatMap", te);
+w("forEach", te);
+w("map", te);
+w("some", te);
+w("toReversed", te);
+w("reduce", Lr);
+w("reduceRight", Lr);
+function w(e, t) {
   typeof Array.prototype[e] == "function" && (yt[e] = t(e));
 }
-function I(e) {
+function k(e) {
   return function() {
-    var t = this[b];
+    var t = this[_];
     t.atom_.reportObserved();
     var r = t.dehanceValues_(t.values_);
     return r[e].apply(r, arguments);
@@ -2012,7 +2012,7 @@ function I(e) {
 }
 function te(e) {
   return function(t, r) {
-    var n = this, i = this[b];
+    var n = this, i = this[_];
     i.atom_.reportObserved();
     var s = i.dehanceValues_(i.values_);
     return s[e](function(o, a) {
@@ -2022,7 +2022,7 @@ function te(e) {
 }
 function Lr(e) {
   return function() {
-    var t = this, r = this[b];
+    var t = this, r = this[_];
     r.atom_.reportObserved();
     var n = r.dehanceValues_(r.values_), i = arguments[0];
     return arguments[0] = function(s, o, a) {
@@ -2032,12 +2032,12 @@ function Lr(e) {
 }
 var Ls = /* @__PURE__ */ Ce("ObservableArrayAdministration", pn);
 function Bt(e) {
-  return wt(e) && Ls(e[b]);
+  return wt(e) && Ls(e[_]);
 }
 var Bs = {}, ve = "add", Ot = "delete", Br = /* @__PURE__ */ (function() {
   function e(r, n, i) {
     var s = this;
-    n === void 0 && (n = Ae), i === void 0 && (i = process.env.NODE_ENV !== "production" ? "ObservableMap@" + ee() : "ObservableMap"), this.enhancer_ = void 0, this.name_ = void 0, this[b] = Bs, this.data_ = void 0, this.hasMap_ = void 0, this.keysAtom_ = void 0, this.interceptors_ = void 0, this.changeListeners_ = void 0, this.dehancer = void 0, this.enhancer_ = n, this.name_ = i, V(Map) || p(18), me(function() {
+    n === void 0 && (n = Ae), i === void 0 && (i = process.env.NODE_ENV !== "production" ? "ObservableMap@" + ee() : "ObservableMap"), this.enhancer_ = void 0, this.name_ = void 0, this[_] = Bs, this.data_ = void 0, this.hasMap_ = void 0, this.keysAtom_ = void 0, this.interceptors_ = void 0, this.changeListeners_ = void 0, this.dehancer = void 0, this.enhancer_ = n, this.name_ = i, D(Map) || p(18), me(function() {
       s.keysAtom_ = nr(process.env.NODE_ENV !== "production" ? s.name_ + ".keys()" : "ObservableMap.keys()"), s.data_ = /* @__PURE__ */ new Map(), s.hasMap_ = /* @__PURE__ */ new Map(), r && s.merge(r);
     });
   }
@@ -2058,8 +2058,8 @@ var Bs = {}, ve = "add", Ot = "delete", Br = /* @__PURE__ */ (function() {
     return s.get();
   }, t.set = function(n, i) {
     var s = this.has_(n);
-    if (F(this)) {
-      var o = K(this, {
+    if ($(this)) {
+      var o = F(this, {
         type: s ? Y : ve,
         object: this,
         newValue: i,
@@ -2072,8 +2072,8 @@ var Bs = {}, ve = "add", Ot = "delete", Br = /* @__PURE__ */ (function() {
     return s ? this.updateValue_(n, i) : this.addValue_(n, i), this;
   }, t.delete = function(n) {
     var i = this;
-    if (ie(this.keysAtom_), F(this)) {
-      var s = K(this, {
+    if (ie(this.keysAtom_), $(this)) {
+      var s = F(this, {
         type: Ot,
         object: this,
         name: n
@@ -2095,7 +2095,7 @@ var Bs = {}, ve = "add", Ot = "delete", Br = /* @__PURE__ */ (function() {
         i.keysAtom_.reportChanged(), (l = i.hasMap_.get(n)) == null || l.setNewValue_(!1);
         var d = i.data_.get(n);
         d.setNewValue_(void 0), i.data_.delete(n);
-      }), a && Q(this, u), process.env.NODE_ENV !== "production" && o && k(), !0;
+      }), a && Q(this, u), process.env.NODE_ENV !== "production" && o && I(), !0;
     }
     return !1;
   }, t.updateValue_ = function(n, i) {
@@ -2110,7 +2110,7 @@ var Bs = {}, ve = "add", Ot = "delete", Br = /* @__PURE__ */ (function() {
         name: n,
         newValue: i
       } : null;
-      process.env.NODE_ENV !== "production" && o && M(u), s.setNewValue_(i), a && Q(this, u), process.env.NODE_ENV !== "production" && o && k();
+      process.env.NODE_ENV !== "production" && o && M(u), s.setNewValue_(i), a && Q(this, u), process.env.NODE_ENV !== "production" && o && I();
     }
   }, t.addValue_ = function(n, i) {
     var s = this;
@@ -2126,7 +2126,7 @@ var Bs = {}, ve = "add", Ot = "delete", Br = /* @__PURE__ */ (function() {
       name: n,
       newValue: i
     } : null;
-    process.env.NODE_ENV !== "production" && o && M(u), a && Q(this, u), process.env.NODE_ENV !== "production" && o && k();
+    process.env.NODE_ENV !== "production" && o && M(u), a && Q(this, u), process.env.NODE_ENV !== "production" && o && I();
   }, t.get = function(n) {
     return this.has(n) ? this.dehanceValue_(this.data_.get(n).get()) : this.dehanceValue_(void 0);
   }, t.dehanceValue_ = function(n) {
@@ -2158,7 +2158,7 @@ var Bs = {}, ve = "add", Ot = "delete", Br = /* @__PURE__ */ (function() {
   }, t[Symbol.iterator] = function() {
     return this.entries();
   }, t.forEach = function(n, i) {
-    for (var s = xe(this), o; !(o = s()).done; ) {
+    for (var s = Re(this), o; !(o = s()).done; ) {
       var a = o.value, u = a[0], l = a[1];
       n.call(i, l, u, this);
     }
@@ -2170,7 +2170,7 @@ var Bs = {}, ve = "add", Ot = "delete", Br = /* @__PURE__ */ (function() {
       }) : Array.isArray(n) ? n.forEach(function(s) {
         var o = s[0], a = s[1];
         return i.set(o, a);
-      }) : Me(n) ? (Zr(n) || p(19, n), n.forEach(function(s, o) {
+      }) : Ie(n) ? (Zr(n) || p(19, n), n.forEach(function(s, o) {
         return i.set(o, s);
       })) : n != null && p(20, n);
     }), this;
@@ -2178,7 +2178,7 @@ var Bs = {}, ve = "add", Ot = "delete", Br = /* @__PURE__ */ (function() {
     var n = this;
     ce(function() {
       dr(function() {
-        for (var i = xe(n.keys()), s; !(s = i()).done; ) {
+        for (var i = Re(n.keys()), s; !(s = i()).done; ) {
           var o = s.value;
           n.delete(o);
         }
@@ -2187,7 +2187,7 @@ var Bs = {}, ve = "add", Ot = "delete", Br = /* @__PURE__ */ (function() {
   }, t.replace = function(n) {
     var i = this;
     return ce(function() {
-      for (var s = xs(n), o = /* @__PURE__ */ new Map(), a = !1, u = xe(i.data_.keys()), l; !(l = u()).done; ) {
+      for (var s = xs(n), o = /* @__PURE__ */ new Map(), a = !1, u = Re(i.data_.keys()), l; !(l = u()).done; ) {
         var d = l.value;
         if (!s.has(d)) {
           var v = i.delete(d);
@@ -2199,23 +2199,23 @@ var Bs = {}, ve = "add", Ot = "delete", Br = /* @__PURE__ */ (function() {
           }
         }
       }
-      for (var _ = xe(s.entries()), m; !(m = _()).done; ) {
-        var y = m.value, O = y[0], A = y[1], L = i.data_.has(O);
-        if (i.set(O, A), i.data_.has(O)) {
-          var D = i.data_.get(O);
-          o.set(O, D), L || (a = !0);
+      for (var b = Re(s.entries()), m; !(m = b()).done; ) {
+        var y = m.value, N = y[0], O = y[1], V = i.data_.has(N);
+        if (i.set(N, O), i.data_.has(N)) {
+          var Z = i.data_.get(N);
+          o.set(N, Z), V || (a = !0);
         }
       }
       if (!a)
         if (i.data_.size !== o.size)
           i.keysAtom_.reportChanged();
         else
-          for (var w = i.data_.keys(), x = o.keys(), $ = w.next(), $e = x.next(); !$.done; ) {
-            if ($.value !== $e.value) {
+          for (var A = i.data_.keys(), L = o.keys(), x = A.next(), Fe = L.next(); !x.done; ) {
+            if (x.value !== Fe.value) {
               i.keysAtom_.reportChanged();
               break;
             }
-            $ = w.next(), $e = x.next();
+            x = A.next(), Fe = L.next();
           }
       i.data_ = o;
     }), this;
@@ -2243,7 +2243,7 @@ function Nn(e) {
   return e[Symbol.toStringTag] = "MapIterator", hn(e);
 }
 function xs(e) {
-  if (Me(e) || be(e))
+  if (Ie(e) || be(e))
     return e;
   if (Array.isArray(e))
     return new Map(e);
@@ -2258,7 +2258,7 @@ function xs(e) {
 var Rs = {}, xr = /* @__PURE__ */ (function() {
   function e(r, n, i) {
     var s = this;
-    n === void 0 && (n = Ae), i === void 0 && (i = process.env.NODE_ENV !== "production" ? "ObservableSet@" + ee() : "ObservableSet"), this.name_ = void 0, this[b] = Rs, this.data_ = /* @__PURE__ */ new Set(), this.atom_ = void 0, this.changeListeners_ = void 0, this.interceptors_ = void 0, this.dehancer = void 0, this.enhancer_ = void 0, this.name_ = i, V(Set) || p(22), this.enhancer_ = function(o, a) {
+    n === void 0 && (n = Ae), i === void 0 && (i = process.env.NODE_ENV !== "production" ? "ObservableSet@" + ee() : "ObservableSet"), this.name_ = void 0, this[_] = Rs, this.data_ = /* @__PURE__ */ new Set(), this.atom_ = void 0, this.changeListeners_ = void 0, this.interceptors_ = void 0, this.dehancer = void 0, this.enhancer_ = void 0, this.name_ = i, D(Set) || p(22), this.enhancer_ = function(o, a) {
       return n(o, a, i);
     }, me(function() {
       s.atom_ = nr(s.name_), r && s.replace(r);
@@ -2271,21 +2271,21 @@ var Rs = {}, xr = /* @__PURE__ */ (function() {
     var n = this;
     ce(function() {
       dr(function() {
-        for (var i = xe(n.data_.values()), s; !(s = i()).done; ) {
+        for (var i = Re(n.data_.values()), s; !(s = i()).done; ) {
           var o = s.value;
           n.delete(o);
         }
       });
     });
   }, t.forEach = function(n, i) {
-    for (var s = xe(this), o; !(o = s()).done; ) {
+    for (var s = Re(this), o; !(o = s()).done; ) {
       var a = o.value;
       n.call(i, a, a, this);
     }
   }, t.add = function(n) {
     var i = this;
-    if (ie(this.atom_), F(this)) {
-      var s = K(this, {
+    if (ie(this.atom_), $(this)) {
+      var s = F(this, {
         type: ve,
         object: this,
         newValue: n
@@ -2305,13 +2305,13 @@ var Rs = {}, xr = /* @__PURE__ */ (function() {
         object: this,
         newValue: n
       } : null;
-      o && process.env.NODE_ENV !== "production" && M(u), a && Q(this, u), o && process.env.NODE_ENV !== "production" && k();
+      o && process.env.NODE_ENV !== "production" && M(u), a && Q(this, u), o && process.env.NODE_ENV !== "production" && I();
     }
     return this;
   }, t.delete = function(n) {
     var i = this;
-    if (F(this)) {
-      var s = K(this, {
+    if ($(this)) {
+      var s = F(this, {
         type: Ot,
         object: this,
         oldValue: n
@@ -2329,7 +2329,7 @@ var Rs = {}, xr = /* @__PURE__ */ (function() {
       } : null;
       return o && process.env.NODE_ENV !== "production" && M(u), ce(function() {
         i.atom_.reportChanged(), i.data_.delete(n);
-      }), a && Q(this, u), o && process.env.NODE_ENV !== "production" && k(), !0;
+      }), a && Q(this, u), o && process.env.NODE_ENV !== "production" && I(), !0;
     }
     return !1;
   }, t.has = function(n) {
@@ -2427,17 +2427,17 @@ function An(e) {
 }
 var Sn = /* @__PURE__ */ Object.create(null), wn = "remove", tn = /* @__PURE__ */ (function() {
   function e(r, n, i, s) {
-    n === void 0 && (n = /* @__PURE__ */ new Map()), s === void 0 && (s = wi), this.target_ = void 0, this.values_ = void 0, this.name_ = void 0, this.defaultAnnotation_ = void 0, this.keysAtom_ = void 0, this.changeListeners_ = void 0, this.interceptors_ = void 0, this.proxy_ = void 0, this.isPlainObject_ = void 0, this.appliedAnnotations_ = void 0, this.pendingKeys_ = void 0, this.target_ = r, this.values_ = n, this.name_ = i, this.defaultAnnotation_ = s, this.keysAtom_ = new _e(process.env.NODE_ENV !== "production" ? this.name_ + ".keys" : "ObservableObject.keys"), this.isPlainObject_ = j(this.target_), process.env.NODE_ENV !== "production" && !kr(this.defaultAnnotation_) && p("defaultAnnotation must be valid annotation"), process.env.NODE_ENV !== "production" && (this.appliedAnnotations_ = {});
+    n === void 0 && (n = /* @__PURE__ */ new Map()), s === void 0 && (s = wi), this.target_ = void 0, this.values_ = void 0, this.name_ = void 0, this.defaultAnnotation_ = void 0, this.keysAtom_ = void 0, this.changeListeners_ = void 0, this.interceptors_ = void 0, this.proxy_ = void 0, this.isPlainObject_ = void 0, this.appliedAnnotations_ = void 0, this.pendingKeys_ = void 0, this.target_ = r, this.values_ = n, this.name_ = i, this.defaultAnnotation_ = s, this.keysAtom_ = new _e(process.env.NODE_ENV !== "production" ? this.name_ + ".keys" : "ObservableObject.keys"), this.isPlainObject_ = j(this.target_), process.env.NODE_ENV !== "production" && !Ir(this.defaultAnnotation_) && p("defaultAnnotation must be valid annotation"), process.env.NODE_ENV !== "production" && (this.appliedAnnotations_ = {});
   }
   var t = e.prototype;
   return t.getObservablePropValue_ = function(n) {
     return this.values_.get(n).get();
   }, t.setObservablePropValue_ = function(n, i) {
     var s = this.values_.get(n);
-    if (s instanceof Z)
+    if (s instanceof W)
       return s.set(i), !0;
-    if (F(this)) {
-      var o = K(this, {
+    if ($(this)) {
+      var o = F(this, {
         type: Y,
         object: this.proxy_ || this.target_,
         name: n,
@@ -2457,13 +2457,13 @@ var Sn = /* @__PURE__ */ Object.create(null), wn = "remove", tn = /* @__PURE__ *
         name: n,
         newValue: i
       } : null;
-      process.env.NODE_ENV !== "production" && u && M(l), s.setNewValue_(i), a && Q(this, l), process.env.NODE_ENV !== "production" && u && k();
+      process.env.NODE_ENV !== "production" && u && M(l), s.setNewValue_(i), a && Q(this, l), process.env.NODE_ENV !== "production" && u && I();
     }
     return !0;
   }, t.get_ = function(n) {
-    return f.trackingDerivation && !z(this.target_, n) && this.has_(n), this.target_[n];
+    return f.trackingDerivation && !G(this.target_, n) && this.has_(n), this.target_[n];
   }, t.set_ = function(n, i, s) {
-    return s === void 0 && (s = !1), z(this.target_, n) ? this.values_.has(n) ? this.setObservablePropValue_(n, i) : s ? Reflect.set(this.target_, n, i) : (this.target_[n] = i, !0) : this.extend_(n, {
+    return s === void 0 && (s = !1), G(this.target_, n) ? this.values_.has(n) ? this.setObservablePropValue_(n, i) : s ? Reflect.set(this.target_, n, i) : (this.target_[n] = i, !0) : this.extend_(n, {
       value: i,
       enumerable: !0,
       writable: !0,
@@ -2505,12 +2505,12 @@ var Sn = /* @__PURE__ */ Object.create(null), wn = "remove", tn = /* @__PURE__ *
   }, t.defineProperty_ = function(n, i, s) {
     s === void 0 && (s = !1), ie(this.keysAtom_);
     try {
-      q();
+      K();
       var o = this.delete_(n);
       if (!o)
         return o;
-      if (F(this)) {
-        var a = K(this, {
+      if ($(this)) {
+        var a = F(this, {
           object: this.proxy_ || this.target_,
           name: n,
           type: ve,
@@ -2530,18 +2530,18 @@ var Sn = /* @__PURE__ */ Object.create(null), wn = "remove", tn = /* @__PURE__ *
         se(this.target_, n, i);
       this.notifyPropertyAddition_(n, i.value);
     } finally {
-      H();
+      q();
     }
     return !0;
   }, t.defineObservableProperty_ = function(n, i, s, o) {
     o === void 0 && (o = !1), ie(this.keysAtom_);
     try {
-      q();
+      K();
       var a = this.delete_(n);
       if (!a)
         return a;
-      if (F(this)) {
-        var u = K(this, {
+      if ($(this)) {
+        var u = F(this, {
           object: this.proxy_ || this.target_,
           name: n,
           type: ve,
@@ -2565,18 +2565,18 @@ var Sn = /* @__PURE__ */ Object.create(null), wn = "remove", tn = /* @__PURE__ *
       var v = new Oe(i, s, process.env.NODE_ENV !== "production" ? this.name_ + "." + n.toString() : "ObservableObject.key", !1);
       this.values_.set(n, v), this.notifyPropertyAddition_(n, v.value_);
     } finally {
-      H();
+      q();
     }
     return !0;
   }, t.defineComputedProperty_ = function(n, i, s) {
     s === void 0 && (s = !1), ie(this.keysAtom_);
     try {
-      q();
+      K();
       var o = this.delete_(n);
       if (!o)
         return o;
-      if (F(this)) {
-        var a = K(this, {
+      if ($(this)) {
+        var a = F(this, {
           object: this.proxy_ || this.target_,
           name: n,
           type: ve,
@@ -2597,16 +2597,16 @@ var Sn = /* @__PURE__ */ Object.create(null), wn = "remove", tn = /* @__PURE__ *
           return !1;
       } else
         se(this.target_, n, l);
-      this.values_.set(n, new Z(i)), this.notifyPropertyAddition_(n, void 0);
+      this.values_.set(n, new W(i)), this.notifyPropertyAddition_(n, void 0);
     } finally {
-      H();
+      q();
     }
     return !0;
   }, t.delete_ = function(n, i) {
-    if (i === void 0 && (i = !1), ie(this.keysAtom_), !z(this.target_, n))
+    if (i === void 0 && (i = !1), ie(this.keysAtom_), !G(this.target_, n))
       return !0;
-    if (F(this)) {
-      var s = K(this, {
+    if ($(this)) {
+      var s = F(this, {
         object: this.proxy_ || this.target_,
         name: n,
         type: wn
@@ -2616,7 +2616,7 @@ var Sn = /* @__PURE__ */ Object.create(null), wn = "remove", tn = /* @__PURE__ *
     }
     try {
       var o;
-      q();
+      K();
       var a = J(this), u = process.env.NODE_ENV !== "production" && B(), l = this.values_.get(n), d = void 0;
       if (!l && (a || u)) {
         var v;
@@ -2636,10 +2636,10 @@ var Sn = /* @__PURE__ */ Object.create(null), wn = "remove", tn = /* @__PURE__ *
           oldValue: d,
           name: n
         };
-        process.env.NODE_ENV !== "production" && u && M(h), a && Q(this, h), process.env.NODE_ENV !== "production" && u && k();
+        process.env.NODE_ENV !== "production" && u && M(h), a && Q(this, h), process.env.NODE_ENV !== "production" && u && I();
       }
     } finally {
-      H();
+      q();
     }
     return !0;
   }, t.observe_ = function(n, i) {
@@ -2657,45 +2657,45 @@ var Sn = /* @__PURE__ */ Object.create(null), wn = "remove", tn = /* @__PURE__ *
         name: n,
         newValue: i
       } : null;
-      process.env.NODE_ENV !== "production" && a && M(u), o && Q(this, u), process.env.NODE_ENV !== "production" && a && k();
+      process.env.NODE_ENV !== "production" && a && M(u), o && Q(this, u), process.env.NODE_ENV !== "production" && a && I();
     }
     (s = this.pendingKeys_) == null || (s = s.get(n)) == null || s.set(!0), this.keysAtom_.reportChanged();
   }, t.ownKeys_ = function() {
-    return this.keysAtom_.reportObserved(), Re(this.target_);
+    return this.keysAtom_.reportObserved(), Pe(this.target_);
   }, t.keys_ = function() {
     return this.keysAtom_.reportObserved(), Object.keys(this.target_);
   }, e;
 })();
 function Ve(e, t) {
   var r;
-  if (process.env.NODE_ENV !== "production" && t && Ue(e) && p("Options can't be provided for already observable objects."), z(e, b))
+  if (process.env.NODE_ENV !== "production" && t && $e(e) && p("Options can't be provided for already observable objects."), G(e, _))
     return process.env.NODE_ENV !== "production" && !(jr(e) instanceof tn) && p("Cannot convert '" + Et(e) + `' into observable object:
 The target is already observable of different type.
 Extending builtins is not supported.`), e;
   process.env.NODE_ENV !== "production" && !Object.isExtensible(e) && p("Cannot make the designated object observable; it is not extensible");
   var n = (r = t?.name) != null ? r : process.env.NODE_ENV !== "production" ? (j(e) ? "ObservableObject" : e.constructor.name) + "@" + ee() : "ObservableObject", i = new tn(e, /* @__PURE__ */ new Map(), String(n), Mi(t));
-  return Ye(e, b, i), e;
+  return Ye(e, _, i), e;
 }
 var Ps = /* @__PURE__ */ Ce("ObservableObjectAdministration", tn);
 function Cn(e) {
   return Sn[e] || (Sn[e] = {
     get: function() {
-      return this[b].getObservablePropValue_(e);
+      return this[_].getObservablePropValue_(e);
     },
     set: function(r) {
-      return this[b].setObservablePropValue_(e, r);
+      return this[_].setObservablePropValue_(e, r);
     }
   });
 }
-function Ue(e) {
-  return wt(e) ? Ps(e[b]) : !1;
+function $e(e) {
+  return wt(e) ? Ps(e[_]) : !1;
 }
 function Dn(e, t, r) {
   var n;
   process.env.NODE_ENV !== "production" && (e.appliedAnnotations_[r] = t), (n = e.target_[R]) == null || delete n[r];
 }
 function Vn(e, t, r) {
-  if (process.env.NODE_ENV !== "production" && !kr(t) && p("Cannot annotate '" + e.name_ + "." + r.toString() + "': Invalid annotation."), process.env.NODE_ENV !== "production" && !_t(t) && z(e.appliedAnnotations_, r)) {
+  if (process.env.NODE_ENV !== "production" && !Ir(t) && p("Cannot annotate '" + e.name_ + "." + r.toString() + "': Invalid annotation."), process.env.NODE_ENV !== "production" && !_t(t) && G(e.appliedAnnotations_, r)) {
     var n = e.name_ + "." + r.toString(), i = e.appliedAnnotations_[r].annotationType_, s = t.annotationType_;
     p("Cannot apply '" + s + "' to '" + n + "':" + (`
 The field is already annotated with '` + i + "'.") + `
@@ -2721,13 +2721,13 @@ var vn = /* @__PURE__ */ (function(e) {
     var a;
     return s === void 0 && (s = process.env.NODE_ENV !== "production" ? "ObservableArray@" + ee() : "ObservableArray"), o === void 0 && (o = !1), a = e.call(this) || this, me(function() {
       var u = new pn(s, i, o, !0);
-      u.proxy_ = a, Jn(a, b, u), n && n.length && a.spliceWithArray(0, 0, n), js && Object.defineProperty(a, "0", Ts);
+      u.proxy_ = a, Jn(a, _, u), n && n.length && a.spliceWithArray(0, 0, n), js && Object.defineProperty(a, "0", Ts);
     }), a;
   }
   tr(t, e);
   var r = t.prototype;
   return r.concat = function() {
-    this[b].atom_.reportObserved();
+    this[_].atom_.reportObserved();
     for (var i = arguments.length, s = new Array(i), o = 0; o < i; o++)
       s[o] = arguments[o];
     return Array.prototype.concat.apply(
@@ -2753,10 +2753,10 @@ var vn = /* @__PURE__ */ (function(e) {
   }, ke(t, [{
     key: "length",
     get: function() {
-      return this[b].getArrayLength_();
+      return this[_].getArrayLength_();
     },
     set: function(i) {
-      this[b].setArrayLength_(i);
+      this[_].setArrayLength_(i);
     }
   }, {
     key: Symbol.toStringTag,
@@ -2774,31 +2774,31 @@ function Pr(e) {
     enumerable: !1,
     configurable: !0,
     get: function() {
-      return this[b].get_(e);
+      return this[_].get_(e);
     },
     set: function(r) {
-      this[b].set_(e, r);
+      this[_].set_(e, r);
     }
   };
 }
-function ks(e) {
+function Is(e) {
   se(vn.prototype, "" + e, Pr(e));
 }
 function Tr(e) {
   if (e > Tt) {
     for (var t = Tt; t < e + 100; t++)
-      ks(t);
+      Is(t);
     Tt = e;
   }
 }
 Tr(1e3);
-function Is(e, t, r) {
+function ks(e, t, r) {
   return new vn(e, t, r);
 }
-function je(e, t) {
+function Me(e, t) {
   if (typeof e == "object" && e !== null) {
     if (Bt(e))
-      return t !== void 0 && p(23), e[b].atom_;
+      return t !== void 0 && p(23), e[_].atom_;
     if (re(e))
       return e.atom_;
     if (be(e)) {
@@ -2807,43 +2807,43 @@ function je(e, t) {
       var r = e.data_.get(t) || e.hasMap_.get(t);
       return r || p(25, t, Et(e)), r;
     }
-    if (Ue(e)) {
+    if ($e(e)) {
       if (!t)
         return p(26);
-      var n = e[b].values_.get(t);
+      var n = e[_].values_.get(t);
       return n || p(27, t, Et(e)), n;
     }
     if (on(e) || Lt(e) || gt(e))
       return e;
-  } else if (V(e) && gt(e[b]))
-    return e[b];
+  } else if (D(e) && gt(e[_]))
+    return e[_];
   p(28);
 }
 function jr(e, t) {
   if (e || p(29), on(e) || Lt(e) || gt(e) || be(e) || re(e))
     return e;
-  if (e[b])
-    return e[b];
+  if (e[_])
+    return e[_];
   p(24, e);
 }
 function Et(e, t) {
   var r;
   if (t !== void 0)
-    r = je(e, t);
+    r = Me(e, t);
   else {
-    if (Pe(e))
+    if (Te(e))
       return e.name;
-    Ue(e) || be(e) || re(e) ? r = jr(e) : r = je(e);
+    $e(e) || be(e) || re(e) ? r = jr(e) : r = Me(e);
   }
   return r.name_;
 }
 function me(e) {
   var t = De(), r = un(!0);
-  q();
+  K();
   try {
     return e();
   } finally {
-    H(), cn(r), le(t);
+    q(), cn(r), le(t);
   }
 }
 var Ln = St.toString;
@@ -2887,7 +2887,7 @@ function nn(e, t, r, n, i) {
     if (typeof e != "object" || typeof t != "object")
       return !1;
     var u = e.constructor, l = t.constructor;
-    if (u !== l && !(V(u) && u instanceof u && V(l) && l instanceof l) && "constructor" in e && "constructor" in t)
+    if (u !== l && !(D(u) && u instanceof u && D(l) && l instanceof l) && "constructor" in e && "constructor" in t)
       return !1;
   }
   if (r === 0)
@@ -2906,16 +2906,16 @@ function nn(e, t, r, n, i) {
     var v = Object.keys(e), h = v.length;
     if (Object.keys(t).length !== h)
       return !1;
-    for (var _ = 0; _ < h; _++) {
-      var m = v[_];
-      if (!(z(t, m) && nn(e[m], t[m], r - 1, n, i)))
+    for (var b = 0; b < h; b++) {
+      var m = v[b];
+      if (!(G(t, m) && nn(e[m], t[m], r - 1, n, i)))
         return !1;
     }
   }
   return n.pop(), i.pop(), !0;
 }
 function Bn(e) {
-  return Bt(e) ? e.slice() : Me(e) || be(e) || ue(e) || re(e) ? Array.from(e.entries()) : e;
+  return Bt(e) ? e.slice() : Ie(e) || be(e) || ue(e) || re(e) ? Array.from(e.entries()) : e;
 }
 var xn, Us = ((xn = At().Iterator) == null ? void 0 : xn.prototype) || {};
 function hn(e) {
@@ -2924,10 +2924,10 @@ function hn(e) {
 function $s() {
   return this;
 }
-function kr(e) {
+function Ir(e) {
   return (
     // Can be function
-    e instanceof Object && typeof e.annotationType_ == "string" && V(e.make_) && V(e.extend_)
+    e instanceof Object && typeof e.annotationType_ == "string" && D(e.make_) && D(e.extend_)
   );
 }
 ["Symbol", "Map", "Set"].forEach(function(e) {
@@ -2939,7 +2939,7 @@ typeof __MOBX_DEVTOOLS_GLOBAL_HOOK__ == "object" && __MOBX_DEVTOOLS_GLOBAL_HOOK_
   extras: {
     getDebugName: Et
   },
-  $mobx: b
+  $mobx: _
 });
 if (!pe)
   throw new Error("mobx-react-lite requires React with Hooks support");
@@ -3043,27 +3043,27 @@ function Zs() {
   }
   var r = typeof Object.is == "function" ? Object.is : t, n = e.useState, i = e.useEffect, s = e.useLayoutEffect, o = e.useDebugValue;
   function a(v, h) {
-    var _ = h(), m = n({ inst: { value: _, getSnapshot: h } }), y = m[0].inst, O = m[1];
+    var b = h(), m = n({ inst: { value: b, getSnapshot: h } }), y = m[0].inst, N = m[1];
     return s(
       function() {
-        y.value = _, y.getSnapshot = h, u(y) && O({ inst: y });
+        y.value = b, y.getSnapshot = h, u(y) && N({ inst: y });
       },
-      [v, _, h]
+      [v, b, h]
     ), i(
       function() {
-        return u(y) && O({ inst: y }), v(function() {
-          u(y) && O({ inst: y });
+        return u(y) && N({ inst: y }), v(function() {
+          u(y) && N({ inst: y });
         });
       },
       [v]
-    ), o(_), _;
+    ), o(b), b;
   }
   function u(v) {
     var h = v.getSnapshot;
     v = v.value;
     try {
-      var _ = h();
-      return !r(v, _);
+      var b = h();
+      return !r(v, b);
     } catch {
       return !0;
     }
@@ -3087,49 +3087,49 @@ var Mt = {};
 var Pn;
 function Xs() {
   return Pn || (Pn = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(_, m) {
-      return _ === m && (_ !== 0 || 1 / _ === 1 / m) || _ !== _ && m !== m;
+    function e(b, m) {
+      return b === m && (b !== 0 || 1 / b === 1 / m) || b !== b && m !== m;
     }
-    function t(_, m) {
+    function t(b, m) {
       d || i.startTransition === void 0 || (d = !0, console.error(
         "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
       ));
       var y = m();
       if (!v) {
-        var O = m();
-        s(y, O) || (console.error(
+        var N = m();
+        s(y, N) || (console.error(
           "The result of getSnapshot should be cached to avoid an infinite loop"
         ), v = !0);
       }
-      O = o({
+      N = o({
         inst: { value: y, getSnapshot: m }
       });
-      var A = O[0].inst, L = O[1];
+      var O = N[0].inst, V = N[1];
       return u(
         function() {
-          A.value = y, A.getSnapshot = m, r(A) && L({ inst: A });
+          O.value = y, O.getSnapshot = m, r(O) && V({ inst: O });
         },
-        [_, y, m]
+        [b, y, m]
       ), a(
         function() {
-          return r(A) && L({ inst: A }), _(function() {
-            r(A) && L({ inst: A });
+          return r(O) && V({ inst: O }), b(function() {
+            r(O) && V({ inst: O });
           });
         },
-        [_]
+        [b]
       ), l(y), y;
     }
-    function r(_) {
-      var m = _.getSnapshot;
-      _ = _.value;
+    function r(b) {
+      var m = b.getSnapshot;
+      b = b.value;
       try {
         var y = m();
-        return !s(_, y);
+        return !s(b, y);
       } catch {
         return !0;
       }
     }
-    function n(_, m) {
+    function n(b, m) {
       return m();
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
@@ -3187,18 +3187,18 @@ function Qs(e, t) {
     throw o;
   return s;
 }
-var kt, It, eo = !0, Mn = !0, Ir = typeof Symbol == "function" && Symbol.for, to = (It = (kt = Object.getOwnPropertyDescriptor(function() {
-}, "name")) === null || kt === void 0 ? void 0 : kt.configurable) !== null && It !== void 0 ? It : !1, kn = Ir ? Symbol.for("react.forward_ref") : typeof qt == "function" && qt(function(e) {
+var It, kt, eo = !0, Mn = !0, kr = typeof Symbol == "function" && Symbol.for, to = (kt = (It = Object.getOwnPropertyDescriptor(function() {
+}, "name")) === null || It === void 0 ? void 0 : It.configurable) !== null && kt !== void 0 ? kt : !1, In = kr ? Symbol.for("react.forward_ref") : typeof qt == "function" && qt(function(e) {
   return null;
-}).$$typeof, In = Ir ? Symbol.for("react.memo") : typeof Ht == "function" && Ht(function(e) {
+}).$$typeof, kn = kr ? Symbol.for("react.memo") : typeof Ht == "function" && Ht(function(e) {
   return null;
 }).$$typeof;
 function U(e, t) {
   var r;
-  if (process.env.NODE_ENV, In && e.$$typeof === In)
+  if (process.env.NODE_ENV, kn && e.$$typeof === kn)
     throw new Error("[mobx-react-lite] You are trying to use `observer` on a function component wrapped in either another `observer` or `React.memo`. The observer already applies 'React.memo' for you.");
   var n = (r = void 0) !== null && r !== void 0 ? r : !1, i = e, s = e.displayName || e.name;
-  if (kn && e.$$typeof === kn && (n = !0, i = e.render, typeof i != "function"))
+  if (In && e.$$typeof === In && (n = !0, i = e.render, typeof i != "function"))
     throw new Error("[mobx-react-lite] `render` property of ForwardRef was not a function");
   var o = function(a, u) {
     return Qs(function() {
@@ -3238,7 +3238,7 @@ const io = ({ onClick: e, disabled: t = !1, imagePath: r }) => g("div", { classN
 class oo {
   activePopup = null;
   constructor() {
-    Ie(this);
+    Ue(this);
   }
   open(t) {
     this.activePopup = t;
@@ -3250,7 +3250,7 @@ class oo {
     return this.activePopup !== null;
   }
 }
-const G = new oo(), X = {
+const H = new oo(), X = {
   bet: "bet",
   autoplay: "autoplay",
   settings: "settings",
@@ -3296,7 +3296,7 @@ class co {
   dialogs = uo;
   activeDialog = null;
   constructor() {
-    Ie(this);
+    Ue(this);
   }
   add(t) {
     this.dialogs.push(t);
@@ -3340,7 +3340,7 @@ class lo {
   minBetAmount = this.betAmountRange[this.betAmountRange.length - 1];
   displayCurrency = "FUN";
   constructor() {
-    Ie(this);
+    Ue(this);
   }
   setBet(t) {
     this.betAmount = t;
@@ -3381,12 +3381,16 @@ class fo {
   // X bet
   winLimit = null;
   // X bet
+  isStarted = !1;
   constructor() {
-    Ie(this);
+    Ue(this);
   }
   setCount(t) {
     this.count = t;
   }
+  setIsStarted(t) {
+    this.isStarted = t;
+  }
   setLimitsRange(t) {
     this.limitsRange = t;
   }
@@ -3405,7 +3409,7 @@ class fo {
   start() {
   }
 }
-const Ke = new fo();
+const Be = new fo();
 class po {
   anteBets = [
     {
@@ -3432,12 +3436,12 @@ class po {
   handlerSet = !1;
   constructor() {
     dn(this, {
-      anteBets: N,
-      inReelFeatures: N,
-      bonusFeatures: N,
-      activeAnteBet: N,
-      activeBonusFeature: N,
-      activeInReelFeature: N,
+      anteBets: S,
+      inReelFeatures: S,
+      bonusFeatures: S,
+      activeAnteBet: S,
+      activeBonusFeature: S,
+      activeInReelFeature: S,
       isActiveBonus: ye,
       isActiveInReelFeature: ye,
       isActiveAnteBet: ye,
@@ -3499,7 +3503,7 @@ class vo {
   musicOn = !0;
   soundsOn = !0;
   constructor() {
-    Ie(this);
+    Ue(this);
   }
   setMusicOn(t) {
     this.musicOn = t, localStorage.setItem(at.MUSIC_ON, t.toString());
@@ -3630,7 +3634,7 @@ class ho {
     }
   ];
   constructor() {
-    Ie(this);
+    Ue(this);
   }
   setData(t) {
     this.data = t;
@@ -3649,13 +3653,13 @@ class bo {
   handlerSet = !1;
   constructor() {
     dn(this, {
-      isRunning: N,
-      isDisabled: N,
-      isSlamStop: N,
-      isUIVisible: N,
-      isAutoPlayDisabled: N,
-      isBuyBonusDisabled: N,
-      isBetAmountLabelsDisabled: N,
+      isRunning: S,
+      isDisabled: S,
+      isSlamStop: S,
+      isUIVisible: S,
+      isAutoPlayDisabled: S,
+      isBuyBonusDisabled: S,
+      isBetAmountLabelsDisabled: S,
       setIsSpinRunning: C,
       setIsSpinDisabled: C,
       setIsSlamStop: C,
@@ -3706,10 +3710,10 @@ const Nt = new bo(), mo = U(() => {
         ${t ? "slam-stop" : ""}
         `, onClick: r.bind(Nt) });
 }), Kn = ({ onClick: e, disabled: t = !1, className: r, isActive: n }) => c("button", { className: `${r} ${t ? "disabled" : ""} ${n ? "active" : ""}`, onClick: e }), go = U(() => {
-  const { lastWin: e, balance: t, betAmount: r, displayCurrency: n, setNextBetAmount: i, setPrevBetAmount: s } = ae, { setIsTurbo: o, isTurbo: a } = ne, { open: u } = G, { activeAnteBet: l, activeBonusFeature: d, activeInReelFeature: v, setActiveAnteBet: h } = Ee, { isUIVisible: _, isAutoPlayDisabled: m, isBuyBonusDisabled: y, isBetAmountLabelsDisabled: O } = Nt, A = dt(() => l?.imagePath || v?.imagePath || d?.imagePath, [l, d, v]), L = zn(() => {
-    l ? h.call(Ee, null) : u.call(G, X.buyBonus);
+  const { lastWin: e, balance: t, betAmount: r, displayCurrency: n, setNextBetAmount: i, setPrevBetAmount: s } = ae, { setIsTurbo: o, isTurbo: a } = ne, { open: u } = H, { activeAnteBet: l, activeBonusFeature: d, activeInReelFeature: v, setActiveAnteBet: h } = Ee, { isUIVisible: b, isAutoPlayDisabled: m, isBuyBonusDisabled: y, isBetAmountLabelsDisabled: N } = Nt, O = dt(() => l?.imagePath || v?.imagePath || d?.imagePath, [l, d, v]), V = zn(() => {
+    l ? h.call(Ee, null) : u.call(H, X.buyBonus);
   }, [l, h]);
-  return c("div", { className: `ui-footer ${_ ? "" : "hidden"}`, children: g("div", { className: "top-row", children: [g("div", { className: "left-group", children: [c(io, { imagePath: A, disabled: y, onClick: L }), g("div", { className: "balance-info", children: [c(Un, { label: "LAST WIN", value: `${e} ${n}` }), c(Un, { label: "BALANCE", value: `${t} ${n}` })] })] }), g("div", { className: "bet-control", children: [c(so, { activeAnteBet: !!l, value: r, currency: n, onClick: u.bind(G, X.bet), disabled: O }), g("div", { className: "bet-box", children: [c($n, { onClick: () => s.call(ae), className: "bet-btn minus", disabled: O }), c(mo, { onClick: () => console.log("Spin"), state: "active" }), c($n, { onClick: () => i.call(ae), className: "bet-btn plus", disabled: O })] }), c(Kn, { className: "quick-spin", onClick: o.bind(ne, !a), isActive: a }), c(Kn, { className: "auto-spin", onClick: u.bind(G, X.autoplay), isActive: !1, disabled: m })] })] }) });
+  return c("div", { className: `ui-footer ${b ? "" : "hidden"}`, children: g("div", { className: "top-row", children: [g("div", { className: "left-group", children: [c(io, { imagePath: O, disabled: y, onClick: V }), g("div", { className: "balance-info", children: [c(Un, { label: "LAST WIN", value: `${e} ${n}` }), c(Un, { label: "BALANCE", value: `${t} ${n}` })] })] }), g("div", { className: "bet-control", children: [c(so, { activeAnteBet: !!l, value: r, currency: n, onClick: u.bind(H, X.bet), disabled: N }), g("div", { className: "bet-box", children: [c($n, { onClick: () => s.call(ae), className: "bet-btn minus", disabled: N }), c(mo, { onClick: () => console.log("Spin"), state: "active" }), c($n, { onClick: () => i.call(ae), className: "bet-btn plus", disabled: N })] }), c(Kn, { className: "quick-spin", onClick: o.bind(ne, !a), isActive: a }), c(Kn, { className: "auto-spin", onClick: u.bind(H, X.autoplay), isActive: !1, disabled: m })] })] }) });
 }), yo = ({ onMount: e, onUnmount: t, className: r }) => {
   const n = Ge(null);
   return ze(() => (n.current && e && e(n.current), () => {
@@ -3743,8 +3747,8 @@ const Eo = U(() => {
   }, [r, n]);
   return g(Gn, { children: [r && g("div", { className: "volume-control", ref: i, children: [c("input", { type: "range", min: 0, max: 100, value: e, onChange: (o) => t.call(ne, Number(o.target.value)), className: "slider", "aria-label": "Volume" }), c("span", { className: "volume-value", children: e })] }), c("button", { className: `btn-sound ${e === 0 ? "inactive" : ""}`, "aria-label": "Toggle Sound", onClick: s })] });
 }), No = U(() => {
-  const { open: e } = G, { isUIVisible: t } = Nt;
-  return t ? g("div", { className: "settings-section", children: [c(Eo, {}), c("button", { className: "btn-settings", "aria-label": "Open Settings", onClick: e.bind(G, X.settings) })] }) : null;
+  const { open: e } = H, { isUIVisible: t } = Nt;
+  return t ? g("div", { className: "settings-section", children: [c(Eo, {}), c("button", { className: "btn-settings", "aria-label": "Open Settings", onClick: e.bind(H, X.settings) })] }) : null;
 }), Ao = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='34'%20height='45'%20viewBox='0%200%2034%2045'%20fill='none'%3e%3cpath%20d='M7.69062%2031.7333H7.06121L9.3091%2028.0889L11.9167%2024C12.636%2022.9333%2012.666%2021.8074%2012.0066%2020.6222C11.527%2019.6741%2011.0475%2018.8148%2010.5679%2018.0444L11.1973%2017.6889C11.1973%2017.6296%2011.1674%2017.5704%2011.1074%2017.5111L10.3881%2017.6889C10.2083%2017.6296%2010.0284%2017.4222%209.8486%2017.0667C9.72871%2016.7111%209.63879%2016.5037%209.57885%2016.4444C9.15924%2016.1481%208.85952%2015.7037%208.67969%2015.1111L9.12927%2014.5778C8.94944%2014.4%208.88949%2014.2815%208.94944%2014.2222C9.06933%2013.4518%209.33907%2012.9185%209.75868%2012.6222C10.0584%2012.563%2010.0284%2012.3556%209.66877%2012L8.40994%2014.5778C7.93039%2013.9852%207.66065%2013.6%207.6007%2013.4222C7.6007%2013.1852%207.8105%2012.7704%208.23011%2012.1778C8.40994%2012%208.5598%2011.7926%208.67969%2011.5556C8.85952%2011.1407%208.94944%2010.6963%208.94944%2010.2222L8.40994%2011.3778C8.11022%2011.8519%207.69062%2011.9704%207.15112%2011.7333C7.15112%2011.4963%207.18109%2011.3481%207.24104%2011.2889C7.36093%2011.1704%207.51079%2011.0815%207.69062%2011.0222C7.87045%2010.9037%208.02031%2010.7852%208.1402%2010.6667L7.78053%2010.4C7.78053%2010.3407%207.81051%2010.2815%207.87045%2010.2222C7.87045%209.98518%207.90042%209.83704%207.96036%209.77778C7.54076%2010.1926%207.12115%2010.2222%206.70154%209.86667C6.82143%209.51111%206.88137%209.3037%206.88137%209.24444L6.97129%209.06666L7.15112%208.8C6.97129%208.85926%206.73151%208.88889%206.43179%208.88889C6.43179%208.53333%206.46177%208.32592%206.52171%208.26666C6.70154%207.79259%206.70154%207.34815%206.52171%206.93333L6.07213%207.28889C5.77241%207.46667%205.23292%207.46667%204.45365%207.28889C4.15393%206.6963%204.30379%206.13333%204.90322%205.6C4.84328%205.6%204.66345%205.62963%204.36373%205.68889C4.12395%205.68889%203.94412%205.68889%203.82423%205.68889C3.82423%206.22222%203.79426%206.60741%203.73432%206.84444C3.37465%206.25185%203.19482%205.86666%203.19482%205.68889C3.13488%205.62963%203.07494%205.6%203.01499%205.6L2.74524%205.33333L1.21667%202.66666L1.03684%202.13333C0.677179%201.00741%201.09679%200.355554%202.29566%200.177775H3.73432C3.97409%200.177775%204.42367%200.207404%205.08306%200.266663C5.80238%200.266663%206.25196%200.266663%206.43179%200.266663C7.33095%200.148146%208.05028%200.503704%208.58978%201.33333C9.18921%202.16296%2010.2982%203.94074%2011.9167%206.66667C12.0366%206.78518%2012.0965%207.05185%2012.0965%207.46666C12.8158%207.58518%2013.2354%208.14815%2013.3553%209.15555L14.0746%2010.0444L15.6032%2012.8C15.6032%2012.9185%2015.6332%2013.0074%2015.6931%2013.0667L16.5923%2014.4L17.7612%2014.0444L18.3906%2013.6C18.8102%2013.1852%2019.2298%2012.6519%2019.6494%2012L21.5377%209.06666L23.336%206.4C24.2951%204.97778%2025.0144%203.82222%2025.494%202.93333L26.0335%201.86667C26.573%201.80741%2026.8727%201.74815%2026.9326%201.68889C27.0525%201.57037%2027.0525%201.24444%2026.9326%200.71111C27.5321%200.355554%2028.5211%200.177775%2029.8998%200.177775C31.4584%200.0592581%2032.2676%200%2032.3276%200L32.5074%200.62222L32.8671%200.266663L32.957%200.35555C33.0169%200.414812%2033.0769%200.444444%2033.1368%200.444444C33.8561%200.799999%2034.0959%201.27407%2033.8561%201.86667C33.7362%202.28148%2033.3766%203.05185%2032.7771%204.17777L32.3276%204.35555L31.878%205.51111C31.0987%206.45926%2030.0497%208%2028.7309%2010.1333C27.5321%2012.0296%2026.6928%2013.3333%2026.2133%2014.0444C25.9136%2014.4%2024.6547%2016.4148%2022.4368%2020.0889L21.8973%2021.0667C21.5976%2021.7778%2021.6575%2022.4296%2022.0772%2023.0222L23.6956%2025.8667C23.6956%2025.9852%2023.7556%2026.1037%2023.8755%2026.2222C23.9954%2026.3407%2023.9654%2026.4889%2023.7856%2026.6667L24.3251%2026.9333C24.5648%2027.4074%2025.0744%2028.237%2025.8536%2029.4222C26.6329%2030.6074%2027.0525%2031.2593%2027.1124%2031.3778C27.1124%2031.4963%2027.1424%2031.5852%2027.2024%2031.6444C26.543%2031.9407%2026.4231%2032.2963%2026.8427%2032.7111C26.8427%2032.7704%2026.8127%2032.8296%2026.7528%2032.8889C26.7528%2032.9481%2026.7528%2033.0074%2026.7528%2033.0667C26.7528%2033.2444%2026.8427%2033.4222%2027.0225%2033.6C27.2024%2033.4222%2027.4122%2033.037%2027.6519%2032.4444C28.1914%2033.037%2028.4012%2033.5704%2028.2814%2034.0444C28.9407%2034.4%2029.2704%2034.9037%2029.2704%2035.5556C29.2704%2035.6741%2029.3004%2035.7333%2029.3603%2035.7333C29.6001%2035.9704%2029.9898%2036.5037%2030.5292%2037.3333L31.6082%2039.0222L31.9679%2039.5556C32.1477%2039.9704%2032.0878%2040.237%2031.7881%2040.3556H31.9679L32.5074%2040.1778L33.6763%2042.4C34.3956%2044%2033.9161%2044.8%2032.2376%2044.8C32.1777%2044.8%2032.1477%2044.7704%2032.1477%2044.7111C32.1477%2044.3556%2032.0878%2044.1778%2031.9679%2044.1778C31.7881%2044.1778%2031.6682%2044.2074%2031.6082%2044.2667C31.6082%2044.3259%2031.6082%2044.4444%2031.6082%2044.6222C31.6682%2044.7407%2031.6982%2044.8296%2031.6982%2044.8889H28.3713C27.5321%2044.8889%2026.7828%2044.4741%2026.1234%2043.6444L24.9545%2041.7778L21.8973%2036.8889L20.9082%2035.0222L20.0091%2033.5111L18.4805%2031.2C18.4805%2031.1407%2018.3307%2030.9037%2018.0309%2030.4889C17.6113%2029.9556%2017.1618%2029.8074%2016.6822%2030.0444C16.2626%2030.2222%2015.9029%2030.4593%2015.6032%2030.7556C15.3634%2031.0519%2015.1536%2031.3778%2014.9738%2031.7333L11.1973%2037.6L9.3091%2040.4444L9.12927%2040.7111V40.3556C9.06933%2040.1185%209.03935%2039.9407%209.03935%2039.8222C8.5598%2040.1185%208.40994%2040.4444%208.58978%2040.8C8.58978%2040.8593%208.67969%2040.8889%208.85952%2040.8889L7.51079%2043.2L6.70154%2042.7556C6.70154%2042.8148%206.70154%2043.0222%206.70154%2043.3778C6.76149%2043.7333%206.79146%2043.9704%206.79146%2044.0889C6.43179%2044.6815%205.80238%2044.9778%204.90322%2044.9778C4.06401%2045.037%202.92508%2044.9778%201.48642%2044.8C0.107712%2044.6222%20-0.311896%2043.8519%200.2276%2042.4889L0.407431%2042.1333L3.19482%2037.6L3.91415%2038.4889C4.03404%2037.9556%203.91415%2037.5111%203.55449%2037.1556L4.45365%2035.9111L5.17297%2034.8444L6.16205%2033.9556C6.1021%2033.5407%206.40182%2032.7704%207.06121%2031.6444V31.8222L7.42087%2032.2667L7.51079%2032.0889C7.51079%2032.0296%207.54076%2031.9407%207.6007%2031.8222V31.7333C7.90042%2031.7926%208.05028%2031.763%208.05028%2031.6444C8.11022%2031.4667%208.11022%2031.2889%208.05028%2031.1111C7.8105%2031.1111%207.69062%2031.3185%207.69062%2031.7333ZM9.03935%2030.5778C9.45896%2030.637%209.69874%2030.637%209.75868%2030.5778C9.81863%2030.5185%209.78865%2030.2519%209.66877%2029.7778H8.85952C8.97941%2030.2519%209.03935%2030.5481%209.03935%2030.6667C8.79958%2030.6667%208.61975%2030.7259%208.49986%2030.8444C8.49986%2030.9037%208.52983%2030.9926%208.58978%2031.1111C8.64972%2031.1704%208.70966%2031.1704%208.76961%2031.1111C8.8895%2031.1111%208.97941%2030.9333%209.03935%2030.5778ZM21.2679%2012.8L20.9982%2012.3556L20.099%2012.7111C20.2189%2012.9481%2020.3987%2013.2148%2020.6385%2013.5111C21.0581%2013.4518%2021.2679%2013.2148%2021.2679%2012.8ZM30.6192%2040.8C30.0797%2041.0963%2030.0197%2041.5407%2030.4393%2042.1333C30.739%2041.4815%2030.799%2041.037%2030.6192%2040.8ZM22.5267%2012.1778C22.9463%2011.7037%2023.0363%2011.2593%2022.7965%2010.8444C22.3169%2011.2593%2022.227%2011.7037%2022.5267%2012.1778ZM3.46457%205.06666L4.63348%204.44444L3.91415%204.17777L3.37466%204.97778C3.37466%205.03704%203.40463%205.06666%203.46457%205.06666ZM22.3469%2026.4L22.1671%2026.1333C21.9872%2026.4889%2021.8973%2026.7259%2021.8973%2026.8444L22.0772%2027.0222L22.257%2027.1111C22.257%2027.0519%2022.3169%2026.963%2022.4368%2026.8444C22.6167%2026.6667%2022.5867%2026.5185%2022.3469%2026.4ZM24.1452%2012.1778V11.5556C24.1452%2011.437%2024.0553%2011.3778%2023.8755%2011.3778L23.6057%2011.4667C23.6057%2011.9407%2023.7856%2012.1778%2024.1452%2012.1778ZM6.25196%2035.2889C6.25196%2035.5852%206.28194%2035.8222%206.34188%2036C6.52171%2035.7037%206.49174%2035.4667%206.25196%2035.2889ZM10.0284%208.88889L9.39902%209.77778C9.81863%209.6%2010.0284%209.3037%2010.0284%208.88889ZM28.1015%2039.5556C28.3413%2039.2%2028.3113%2038.8741%2028.0116%2038.5778C27.9517%2038.6963%2027.9217%2038.8741%2027.9217%2039.1111C27.9217%2039.1704%2027.9517%2039.2296%2028.0116%2039.2889C28.0116%2039.4074%2028.0416%2039.4963%2028.1015%2039.5556ZM29.8099%2037.0667C29.75%2037.4815%2029.8699%2037.7185%2030.1696%2037.7778C30.2895%2037.4222%2030.1696%2037.1852%2029.8099%2037.0667ZM3.01499%2042.4889C3.07494%2042.4296%203.16485%2042.4%203.28474%2042.4L3.19482%2042.2222C3.19482%2042.0444%203.19482%2041.8963%203.19482%2041.7778L3.10491%2041.8667H2.92508L3.01499%2042.0444C3.01499%2042.2222%203.01499%2042.3704%203.01499%2042.4889ZM11.2873%208.17778H11.4671C11.587%208.05926%2011.6469%207.91111%2011.6469%207.73333L11.3772%207.64444C11.3772%207.7037%2011.3472%207.79259%2011.2873%207.91111C11.2873%208.02963%2011.2873%208.11852%2011.2873%208.17778ZM29.5402%2038.8444L29.72%2038.4889V38.1333C29.6001%2038.1333%2029.5102%2038.1037%2029.4503%2038.0444C29.3304%2038.3407%2029.3603%2038.6074%2029.5402%2038.8444ZM28.641%206.31111H28.4612C28.4012%206.37037%2028.3713%206.51852%2028.3713%206.75555C28.4312%206.81481%2028.4912%206.84444%2028.5511%206.84444V6.57778L28.641%206.31111ZM28.0116%2037.1556C28.1914%2036.9185%2028.1615%2036.7111%2027.9217%2036.5333C27.9217%2036.6519%2027.9517%2036.7704%2028.0116%2036.8889V37.1556ZM24.7746%2032.7111C24.7147%2032.6518%2024.6248%2032.6222%2024.5049%2032.6222C24.5049%2032.8593%2024.4749%2033.0074%2024.415%2033.0667H24.6847C24.6847%2033.0074%2024.6847%2032.9481%2024.6847%2032.8889C24.7447%2032.8296%2024.7746%2032.7704%2024.7746%2032.7111ZM25.404%2033.9556H25.5839C25.5839%2033.8963%2025.5539%2033.8074%2025.494%2033.6889C25.494%2033.5704%2025.494%2033.5111%2025.494%2033.5111H25.404C25.3441%2033.5704%2025.2842%2033.6%2025.2242%2033.6C25.3441%2033.7185%2025.404%2033.837%2025.404%2033.9556ZM9.66877%2030.8444H9.48893V31.2889H9.57885C9.63879%2031.2296%209.66877%2031.0815%209.66877%2030.8444ZM6.52171%2041.8667L6.43179%2042.1333C6.43179%2042.1926%206.49174%2042.2815%206.61163%2042.4L6.79146%2042.2222C6.79146%2042.163%206.70154%2042.0444%206.52171%2041.8667ZM5.3528%2039.1111H5.53264C5.53264%2038.8148%205.44272%2038.637%205.26289%2038.5778C5.32283%2038.6963%205.3528%2038.8741%205.3528%2039.1111ZM29.9897%206.48889H30.2595V5.95555H30.0797L29.9897%206.22222V6.48889ZM27.2024%209.6H27.3822C27.3822%209.36296%2027.3522%209.21481%2027.2923%209.15555H27.1124C27.1124%209.39259%2027.1424%209.54074%2027.2024%209.6ZM11.3772%2027.6444V28.3556C11.557%2028.1185%2011.557%2027.8815%2011.3772%2027.6444ZM4.54356%208.08889L5.53264%207.46666L6.07213%207.28889C6.13207%207.22963%206.25196%207.2%206.43179%207.2C6.49174%207.67407%206.34188%208%205.98222%208.17778C5.62255%208.35555%205.143%208.32592%204.54356%208.08889ZM6.43179%208.88889C6.73151%208.88889%206.97129%208.85926%207.15112%208.8L6.97129%209.06666L6.88137%209.24444L6.52171%209.6C6.22199%209.77778%205.98222%209.68889%205.80238%209.33333L6.07213%209.06666H5.98222C6.04216%209.06666%206.1021%209.03703%206.16205%208.97778C6.22199%208.97778%206.31191%208.94815%206.43179%208.88889ZM6.34188%2011.0222V10.2222L7.24104%2010.4C7.06121%2010.8741%206.76149%2011.0815%206.34188%2011.0222ZM5.98222%209.06666H6.07213C5.59258%209.06666%205.29286%208.97778%205.17297%208.8C5.29286%208.8%205.44272%208.74074%205.62255%208.62222C5.80238%208.5037%205.92227%208.41481%205.98222%208.35555V9.06666Z'%20fill='white'/%3e%3c/svg%3e", So = U(() => {
   const { betAmount: e, displayCurrency: t, setNextBetAmount: r, setPrevBetAmount: n } = ae;
   return g("div", { className: "overlay-bet-controller", children: [c("div", { className: "decrease-bet", onClick: n.bind(ae) }), g("div", { className: "bet-amount", children: [e, " ", t] }), c("div", { className: "increase-bet", onClick: r.bind(ae) })] });
@@ -3764,34 +3768,33 @@ const Eo = U(() => {
     d.current || (d.current = !0, s(a.trim()));
   }, h = () => {
     v();
-  }, _ = (m) => {
+  }, b = (m) => {
     m.key === "Enter" ? (m.preventDefault(), v(), l.current?.blur()) : m.key === "Escape" && (u(e ?? ""), o?.(), l.current?.blur());
   };
-  return c("input", { ref: l, className: `ap-limit ${n}`, type: "number", value: a, placeholder: t, onChange: (m) => u(m.target.value), onBlur: h, onKeyDown: _, inputMode: r === "number" ? "numeric" : void 0, "aria-label": "custom limit input" });
+  return c("input", { ref: l, className: `ap-limit ${n}`, type: "number", value: a, placeholder: t, onChange: (m) => u(m.target.value), onBlur: h, onKeyDown: b, inputMode: r === "number" ? "numeric" : void 0, "aria-label": "custom limit input" });
 }, Do = U(() => {
-  const { specialFeatureSwitcherOn: e, setSpecialFeatureSwitcher: t, countRange: r, count: n, setCount: i, lossLimit: s, winLimit: o, setLossLimit: a, limitsRange: u, setWinLimit: l } = Ke, [d, v] = he.useState(0), [h, _] = he.useState(!1), [m, y] = pe(""), O = dt(() => d ? o : s, [d, o, s]), A = dt(() => d ? l.bind(Ke) : a.bind(Ke), [d, l, a]);
+  const { specialFeatureSwitcherOn: e, setSpecialFeatureSwitcher: t, countRange: r, count: n, setCount: i, lossLimit: s, winLimit: o, setLossLimit: a, limitsRange: u, setWinLimit: l, setIsStarted: d } = Be, [v, h] = he.useState(0), [b, m] = he.useState(!1), [y, N] = pe(""), O = dt(() => v ? o : s, [v, o, s]), V = dt(() => v ? l.bind(Be) : a.bind(Be), [v, l, a]);
   ze(() => {
-    const D = O && !u.includes(O);
-    y(D ? O : 0);
+    const A = O && !u.includes(O);
+    N(A ? O : 0);
   }, [O, o]);
-  const L = !!n && n > 0;
-  return g("div", { className: "autoplay-wrap", children: [c("h3", { className: "ap-title", children: "Number of spins" }), c("div", { className: "autoplay-count", children: r.map((D, w) => c(Ur, { value: D, active: n === D, onClick: i.bind(Ke, D) }, w)) }), g("div", { className: "ap-switch-row", children: [c("div", { className: "ap-switch-label", children: "Stop on special feature WIN" }), c("div", { className: "ap-switch-control", children: c(xt, { checked: e, onChange: (D) => t.call(Ke, D) }) })] }), g("div", { className: "ap-tabs", children: [c(qn, { active: !d, onClick: () => v(0), children: "Loss limit" }), c(qn, { active: !!d, onClick: () => v(1), children: "Single WIN limit" })] }), c("div", { className: "ap-limits-panel", children: c("div", { className: "ap-limits-inner", children: g("div", { className: "ap-limit-grid", children: [u.map((D, w) => g(Ft, { active: O === D, onClick: () => A(D), children: [D, "X BET"] }, w)), c(Ft, { active: !O, onClick: () => A(null), children: "NO LIMIT" }), h ? c(Co, { value: "" + m, inputType: "number", onSubmit: (D) => {
-    const w = D.trim();
-    if (w === "") {
-      _(!1);
+  const Z = !!n && n > 0;
+  return g("div", { className: "autoplay-wrap", children: [c("h3", { className: "ap-title", children: "Number of spins" }), c("div", { className: "autoplay-count", children: r.map((A, L) => c(Ur, { value: A, active: n === A, onClick: i.bind(Be, A) }, L)) }), g("div", { className: "ap-switch-row", children: [c("div", { className: "ap-switch-label", children: "Stop on special feature WIN" }), c("div", { className: "ap-switch-control", children: c(xt, { checked: e, onChange: (A) => t.call(Be, A) }) })] }), g("div", { className: "ap-tabs", children: [c(qn, { active: !v, onClick: () => h(0), children: "Loss limit" }), c(qn, { active: !!v, onClick: () => h(1), children: "Single WIN limit" })] }), c("div", { className: "ap-limits-panel", children: c("div", { className: "ap-limits-inner", children: g("div", { className: "ap-limit-grid", children: [u.map((A, L) => g(Ft, { active: O === A, onClick: () => V(A), children: [A, "X BET"] }, L)), c(Ft, { active: !O, onClick: () => V(null), children: "NO LIMIT" }), b ? c(Co, { value: "" + y, inputType: "number", onSubmit: (A) => {
+    const L = A.trim();
+    if (L === "") {
+      m(!1);
       return;
     }
-    const x = Number(w);
-    y(x ?? 0), A(x), _(!1);
+    const x = Number(L);
+    N(x ?? 0), V(x), m(!1);
   }, onCancel: () => {
-    _(!1);
+    m(!1);
   } }) : c(Ft, { onClick: () => {
-    _(!0);
-  }, active: !!O && O === Number(m), children: m ? `${m}X BET` : "CUSTOM" })] }) }) }), c("div", { className: "ap-start-row", children: c("button", { className: `ap-start-btn ${L ? "" : "ap-start-btn--disabled"}`, onClick: () => {
-  }, type: "button", disabled: !L, children: "Start Autoplay" }) })] });
+    m(!0);
+  }, active: !!O && O === Number(y), children: y ? `${y}X BET` : "CUSTOM" })] }) }) }), c("div", { className: "ap-start-row", children: c("button", { className: `ap-start-btn ${Z ? "" : "ap-start-btn--disabled"}`, onClick: d.bind(Be, !0), type: "button", disabled: !Z, children: "Start Autoplay" }) })] });
 }), Hn = ({ onClick: e, label: t, className: r }) => g("button", { className: `sp-action ${r}`, type: "button", onClick: e, children: [c("span", { className: "sp-action__icon", "aria-hidden": "true" }), c("span", { className: "sp-action__label", children: t })] }), qe = ({ onToggle: e, label: t, checked: r = !1 }) => g("div", { className: "sp-row", children: [c("div", { className: "sp-switch", children: c(xt, { checked: r, onChange: () => e(!r) }) }), c("div", { className: "sp-label", children: t })] }), Vo = U(() => {
-  const { introSkip: e, spaceToSkip: t, musicOn: r, soundsOn: n, spaceToSpin: i, setSpaceToSpin: s, setIntroSkip: o, setSpaceToSkip: a, setSoundsOn: u, setMusicOn: l } = ne, { open: d } = G;
-  return g("div", { className: "sp-wrap", children: [g("div", { className: "sp-actions", children: [c(Hn, { onClick: d.bind(G, X.history), className: "sp-action--history", label: "History" }), c(Hn, { onClick: () => {
+  const { introSkip: e, spaceToSkip: t, musicOn: r, soundsOn: n, spaceToSpin: i, setSpaceToSpin: s, setIntroSkip: o, setSpaceToSkip: a, setSoundsOn: u, setMusicOn: l } = ne, { open: d } = H;
+  return g("div", { className: "sp-wrap", children: [g("div", { className: "sp-actions", children: [c(Hn, { onClick: d.bind(H, X.history), className: "sp-action--history", label: "History" }), c(Hn, { onClick: () => {
   }, className: "sp-action--paytable", label: "Paytable" })] }), c("h3", { className: "sp-section-title", children: "Audio" }), g("div", { className: "sp-rows", children: [c(qe, { onToggle: l.bind(ne), checked: r, label: "Music" }), c(qe, { onToggle: u.bind(ne), checked: n, label: "Sounds" })] }), c("h3", { className: "sp-section-title", children: "Game launch" }), c("div", { className: "sp-rows", children: c(qe, { onToggle: o.bind(ne), checked: e, label: "Skip Intro" }) }), c("h3", { className: "sp-section-title", children: "Keyboard" }), g("div", { className: "sp-rows", children: [c(qe, { onToggle: s.bind(ne), checked: i, label: "Spacebar to Spin" }), c(qe, { onToggle: a.bind(ne), checked: t, label: "Spacebar to Skip" })] })] });
 }), Lo = ({ date: e, currencyCode: t, betAmount: r, winAmount: n }) => {
   const [i, s] = pe(!1);
@@ -3801,39 +3804,39 @@ const Eo = U(() => {
   return g("div", { className: "history-wrap", role: "list", "aria-label": "History list", children: [g("div", { className: "history-item history-item--head", role: "row", children: [c("span", { className: "date-section", children: "Date" }), c("span", { className: "bet-section", children: "Bet" }), c("span", { className: "win-section", children: "Win" })] }), e.map((t, r) => c(Lo, { date: t.date, betAmount: t.betAmount, winAmount: t.winAmount, currencyCode: t.currencyCode, id: "aa" }, r))] });
 }), xo = U(({ item: e, type: t, onBuy: r }) => {
   const { betAmount: n } = ae, { activeAnteBet: i, setActiveAnteBet: s } = Ee, o = e.title.split(`
-`), [a, u] = pe(!1), [l, d] = pe(84), [v, h] = pe(0), [_, m] = pe(!1), y = Ge(null);
+`), [a, u] = pe(!1), [l, d] = pe(84), [v, h] = pe(0), [b, m] = pe(!1), y = Ge(null);
   $r(() => {
-    const A = y.current;
-    if (!A)
+    const O = y.current;
+    if (!O)
       return;
-    const L = () => {
-      const w = getComputedStyle(A), x = w.getPropertyValue("--max-description-height").trim();
-      let $ = 84;
-      if (x) {
-        const Le = x.match(/^(-?\d+(\.\d+)?)(px)?$/);
-        Le && ($ = Number(Le[1]));
+    const V = () => {
+      const A = getComputedStyle(O), L = A.getPropertyValue("--max-description-height").trim();
+      let x = 84;
+      if (L) {
+        const Le = L.match(/^(-?\d+(\.\d+)?)(px)?$/);
+        Le && (x = Number(Le[1]));
       } else {
-        const Le = w.getPropertyValue("max-height").trim();
-        Le && Le.endsWith("px") && ($ = Number(Le.replace("px", "")));
+        const Le = A.getPropertyValue("max-height").trim();
+        Le && Le.endsWith("px") && (x = Number(Le.replace("px", "")));
       }
-      const $e = A.scrollHeight;
-      d($), h($e), m($e > $ + 1);
+      const Fe = O.scrollHeight;
+      d(x), h(Fe), m(Fe > x + 1);
     };
-    L();
-    const D = new ResizeObserver(L);
-    return D.observe(A), window.addEventListener("resize", L), () => {
-      D.disconnect(), window.removeEventListener("resize", L);
+    V();
+    const Z = new ResizeObserver(V);
+    return Z.observe(O), window.addEventListener("resize", V), () => {
+      Z.disconnect(), window.removeEventListener("resize", V);
     };
   }, [e.description]);
-  const O = a ? Math.max(v, l) : l;
-  return g("div", { className: "sf-card", role: "group", "aria-label": o.join(" "), children: [g("div", { className: "sf-card__title", children: [e.title, e.description && c("div", { ref: y, className: `sf-card__description ${a ? "open" : ""} ${_ ? "expandable" : ""}`, style: { maxHeight: `${O}px` }, onClick: () => {
-    _ && u((A) => !A);
-  }, children: c("div", { children: e.description }) })] }), c("div", { className: "sf-card__content", children: c("div", { className: `sf-card__image-wrap ${a ? "hidden" : ""}`, children: e.imagePath ? c("img", { src: e.imagePath, alt: o[0] }) : c("div", { className: "sf-card__image-placeholder" }) }) }), g("div", { className: `sf-card__bottom ${t}`, children: [g("div", { className: "sf-card__price", children: [e.costMultiplier * n, " ", ae.displayCurrency] }), t === "ante" ? c("div", { className: "sf-card__toggle", children: c(xt, { checked: i === e, onChange: (A) => s.call(Ee, A ? e.id : null) }) }) : c("button", { className: "sf-buy-btn", type: "button", onClick: () => r && r(e.id), children: "BUY" })] })] });
+  const N = a ? Math.max(v, l) : l;
+  return g("div", { className: "sf-card", role: "group", "aria-label": o.join(" "), children: [g("div", { className: "sf-card__title", children: [e.title, e.description && c("div", { ref: y, className: `sf-card__description ${a ? "open" : ""} ${b ? "expandable" : ""}`, style: { maxHeight: `${N}px` }, onClick: () => {
+    b && u((O) => !O);
+  }, children: c("div", { children: e.description }) })] }), c("div", { className: "sf-card__content", children: c("div", { className: `sf-card__image-wrap ${a ? "hidden" : ""}`, children: e.imagePath ? c("img", { src: e.imagePath, alt: o[0] }) : c("div", { className: "sf-card__image-placeholder" }) }) }), g("div", { className: `sf-card__bottom ${t}`, children: [g("div", { className: "sf-card__price", children: [e.costMultiplier * n, " ", ae.displayCurrency] }), t === "ante" ? c("div", { className: "sf-card__toggle", children: c(xt, { checked: i === e, onChange: (O) => s.call(Ee, O ? e.id : null) }) }) : c("button", { className: "sf-buy-btn", type: "button", onClick: () => r && r(e.id), children: "BUY" })] })] });
 }), Kt = ({ features: e, type: t, title: r, onBuy: n }) => g(Gn, { children: [c("h2", { className: "sf-section-title", children: r }), c("div", { className: "sf-grid", children: e.map((i, s) => c(xo, { item: i, type: t, onBuy: n }, s)) })] }), Ro = () => {
   const { anteBets: e, inReelFeatures: t, bonusFeatures: r, buyHandler: n } = Ee;
   return g("div", { className: "sf-wrap", children: [e.length ? c(Kt, { features: e, type: $t.ante, title: "Ante Bets" }, 0) : null, t.length ? c(Kt, { features: t, type: $t.buy, title: "Reel Features", onBuy: n.bind(Ee) }, 1) : null, r.length ? c(Kt, { features: r, type: $t.buy, title: "Bonus", onBuy: n.bind(Ee) }, 2) : null] });
 }, Po = U(() => {
-  const { activePopup: e } = G;
+  const { activePopup: e } = H;
   if (!e)
     return null;
   const t = dt(() => {
@@ -3860,41 +3863,40 @@ const Eo = U(() => {
   const { activeDialog: e } = ft;
   return e ? g("div", { className: "dialogs-wrap", "aria-live": "polite", children: [c("span", { className: "title", children: e?.title }), e?.imagePath && c("img", { className: "dialog-image", src: e.imagePath, alt: e.title ?? "dialog image" }), c("span", { className: "message", children: e?.message }), e.toggle && c(xt, { checked: e.toggle.value, onChange: () => e.toggle?.onClick() }), c("div", { className: "additional-btns", children: e?.buttons?.map((t, r) => c(To, { configs: t.configs, text: t.text, onClick: t.onClick }, r)) })] }) : null;
 }), Mo = U(() => {
-  const e = G.activePopup, t = ft.activeDialog;
+  const e = H.activePopup, t = ft.activeDialog;
   if (!e && !t)
     return null;
   const r = (i) => {
-    i.target === i.currentTarget && (G.close(), ft.close());
+    i.target === i.currentTarget && (H.close(), ft.close());
   }, n = () => {
-    G.close(), ft.close();
+    H.close(), ft.close();
   };
   return g("div", { className: `overlay ${t ? "dialog" : ""}`, onClick: r, role: "presentation", children: [typeof e == "string" && c("span", { className: "popup-title", children: e.toUpperCase() }), g("div", { className: "overlay-content", role: "dialog", "aria-modal": "true", children: [t && c(jo, {}), !t && e && c(Po, {})] }), !t && c("div", { className: "overlay-close", "aria-label": "Close", onClick: n, children: c("img", { src: Ao, alt: "Close" }) }), e === X.buyBonus && c(So, {})] });
 });
-function ko() {
+function Io() {
   return g("div", { className: "app", children: [g("div", { className: "game-container", children: [c(yo, {}), c(No, {}), c(go, {})] }), c(Mo, {})] });
 }
-function Io(e) {
+function Ko(e) {
   if (!e) {
     console.error("element not found");
     return;
   }
-  Fr(e).render(c(he.StrictMode, { children: c(ko, {}) }));
+  Fr(e).render(c(he.StrictMode, { children: c(Io, {}) }));
 }
-Io(document.body);
 export {
   at as LOCAL_STORAGE_ITEM_NAMES,
   X as PopupNames,
-  Ke as autoplayStore,
+  Be as autoplayStore,
   ae as betStore,
   $t as bonusFeatureTypes,
   Ee as bonusStore,
-  Io as createUi,
+  Ko as createUi,
   Fn as defaultDialogButtonsConfigs,
   uo as defaultDialogs,
   ao as defaultDialogsNames,
   ft as dialogStore,
   _o as historyStore,
-  G as popupStore,
+  H as popupStore,
   ne as settingsStore,
   Nt as uiStore
 };