@sticky-studio-npm/ui-core 0.1.66 → 0.1.70

package/dist/ui-bundle.es.js

@@ -113,7 +113,7 @@ function on(e) {
       return t = !0, e.apply(this, arguments);
   };
 }
-var xe = function() {
+var Be = function() {
 };
 function D(e) {
   return typeof e == "function";
@@ -128,11 +128,11 @@ function Ae(e) {
   }
   return !1;
 }
-function Ct(e) {
+function wt(e) {
   return e !== null && typeof e == "object";
 }
 function I(e) {
-  if (!Ct(e))
+  if (!wt(e))
     return !1;
   var t = Object.getPrototypeOf(e);
   if (t == null)
@@ -163,7 +163,7 @@ function Jn(e, t, r) {
 function De(e, t) {
   var r = "isMobX" + e;
   return t.prototype[r] = !0, function(n) {
-    return Ct(n) && n[r] === !0;
+    return wt(n) && n[r] === !0;
   };
 }
 function Ie(e) {
@@ -316,7 +316,7 @@ function ri(e) {
 function Qe(e) {
   return typeof e == "object" && typeof e.kind == "string";
 }
-function wt(e, t) {
+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 _ = /* @__PURE__ */ Symbol("mobx administration"), _e = /* @__PURE__ */ (function() {
@@ -369,9 +369,9 @@ _e.isPendingUnobservationMask_ = 2;
 _e.diffValueMask_ = 4;
 var an = /* @__PURE__ */ De("Atom", _e);
 function nr(e, t, r) {
-  t === void 0 && (t = xe), r === void 0 && (r = xe);
+  t === void 0 && (t = Be), r === void 0 && (r = Be);
   var n = new _e(e);
-  return t !== xe && hs(n, t), r !== xe && Ar(n, r), n;
+  return t !== Be && hs(n, t), r !== Be && Ar(n, r), n;
 }
 function ii(e, t) {
   return Mr(e, t);
@@ -395,7 +395,7 @@ function Se(e, t, r) {
   }) : typeof e == "function" && !Pe(e) && !Ze(e) ? Yn(e) ? je(e) : We(r, e) : e;
 }
 function oi(e, t, r) {
-  if (e == null || $e(e) || Bt(e) || be(e) || re(e))
+  if (e == null || $e(e) || xt(e) || be(e) || re(e))
     return e;
   if (Array.isArray(e))
     return S.array(e, {
@@ -454,10 +454,10 @@ function li(e, t, r, n) {
   return e.defineProperty_(t, i, n);
 }
 function fi(e, t) {
-  process.env.NODE_ENV !== "production" && wt(t, ["method", "field"]);
+  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, b;
-    return Ce((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);
+    return we((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) {
@@ -488,7 +488,7 @@ function rr(e, t, r, n, i) {
     h = h.bind((b = e.proxy_) != null ? b : e.target_);
   }
   return {
-    value: Ce(
+    value: we(
       (o = (a = t.options_) == null ? void 0 : a.name) != null ? o : r.toString(),
       h,
       (u = (l = t.options_) == null ? void 0 : l.autoAction) != null ? u : !1,
@@ -531,7 +531,7 @@ function vi(e, t, r, n) {
 }
 function hi(e, t) {
   var r;
-  process.env.NODE_ENV !== "production" && wt(t, ["method"]);
+  process.env.NODE_ENV !== "production" && Ct(t, ["method"]);
   var n = t.name, i = t.addInitializer;
   return Ze(e) || (e = je(e)), (r = this.options_) != null && r.bound && i(function() {
     var s = this, o = s[n].bind(s);
@@ -581,7 +581,7 @@ function mi(e, t, r, n) {
   }), n);
 }
 function gi(e, t) {
-  process.env.NODE_ENV !== "production" && wt(t, ["getter"]);
+  process.env.NODE_ENV !== "production" && Ct(t, ["getter"]);
   var r = this, n = t.name, i = t.addInitializer;
   return i(function() {
     var s = Le(this)[_], o = fe({}, r.options_, {
@@ -618,7 +618,7 @@ function Ni(e, t) {
   if (process.env.NODE_ENV !== "production") {
     if (t.kind === "field")
       throw p("Please use `@observable accessor " + String(t.name) + "` instead of `@observable " + String(t.name) + "`");
-    wt(t, ["accessor"]);
+    Ct(t, ["accessor"]);
   }
   var r = this, n = t.kind, i = t.name, s = /* @__PURE__ */ new WeakSet();
   function o(a, u) {
@@ -643,22 +643,22 @@ function Ai(e, t, r, n) {
   process.env.NODE_ENV !== "production" && !("value" in n) && p("Cannot apply '" + i + "' to '" + e.name_ + "." + r.toString() + "':" + (`
 '` + i + "' cannot be used on getter/setter properties"));
 }
-var Si = "true", Ci = /* @__PURE__ */ or();
+var Si = "true", wi = /* @__PURE__ */ or();
 function or(e) {
   return {
     annotationType_: Si,
     options_: e,
-    make_: wi,
+    make_: Ci,
     extend_: Di,
     decorate_20223_: Vi
   };
 }
-function wi(e, t, r, n) {
+function Ci(e, t, r, n) {
   var i, s;
   if (r.get)
     return Oe.make_(e, t, r, n);
   if (r.set) {
-    var o = Ce(t.toString(), r.set);
+    var o = we(t.toString(), r.set);
     return n === e.target_ ? e.defineProperty_(t, {
       configurable: f.safeDescriptors ? e.isPlainObject_ : !0,
       set: o
@@ -690,7 +690,7 @@ function Di(e, t, r, n) {
   if (r.set)
     return e.defineProperty_(t, {
       configurable: f.safeDescriptors ? e.isPlainObject_ : !0,
-      set: Ce(t.toString(), r.set)
+      set: we(t.toString(), r.set)
     }, n);
   if (typeof r.value == "function" && (i = this.options_) != null && i.autoBind) {
     var o;
@@ -702,7 +702,7 @@ function Di(e, t, r, n) {
 function Vi(e, t) {
   p("'" + this.annotationType_ + "' cannot be used as a decorator");
 }
-var Li = "observable", Bi = "observable.ref", xi = "observable.shallow", Ri = "observable.struct", ar = {
+var Li = "observable", xi = "observable.ref", Bi = "observable.shallow", Ri = "observable.struct", ar = {
   deep: !0,
   name: void 0,
   defaultDecorator: void 0,
@@ -712,9 +712,9 @@ Object.freeze(ar);
 function rt(e) {
   return e || ar;
 }
-var Wt = /* @__PURE__ */ Vt(Li), Ti = /* @__PURE__ */ Vt(Bi, {
+var Wt = /* @__PURE__ */ Vt(Li), Ti = /* @__PURE__ */ Vt(xi, {
   enhancer: Dt
-}), Pi = /* @__PURE__ */ Vt(xi, {
+}), Pi = /* @__PURE__ */ Vt(Bi, {
   enhancer: oi
 }), ji = /* @__PURE__ */ Vt(Ri, {
   enhancer: ai
@@ -751,15 +751,15 @@ var ki = {
   },
   map: function(t, r) {
     var n = rt(r);
-    return new Br(t, it(n), n.name);
+    return new xr(t, it(n), n.name);
   },
   set: function(t, r) {
     var n = rt(r);
-    return new xr(t, it(n), n.name);
+    return new Br(t, it(n), n.name);
   },
   object: function(t, r, n) {
     return me(function() {
-      return Cr(f.useProxies === !1 || n?.proxy === !1 ? Le({}, n) : Cs({}, n), t, r);
+      return wr(f.useProxies === !1 || n?.proxy === !1 ? Le({}, n) : ws({}, n), t, r);
     });
   },
   ref: /* @__PURE__ */ oe(Ti),
@@ -788,7 +788,7 @@ var mn, gn, bt = 0, Fi = 1, Ki = (mn = (gn = /* @__PURE__ */ pt(function() {
   writable: !1,
   enumerable: !1
 };
-function Ce(e, t, r, n) {
+function we(e, t, r, n) {
   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);
@@ -808,7 +808,7 @@ function qi(e, t, r, n, i) {
   }
 }
 function Hi(e, t, r, n) {
-  var i = process.env.NODE_ENV !== "production" && B() && !!e, s = 0;
+  var i = process.env.NODE_ENV !== "production" && x() && !!e, s = 0;
   if (process.env.NODE_ENV !== "production" && i) {
     s = Date.now();
     var o = n ? Array.from(n) : vt;
@@ -850,7 +850,7 @@ function ln(e) {
 var zi = "create", Ee = /* @__PURE__ */ (function(e) {
   function t(n, i, s, o, a) {
     var u;
-    return s === void 0 && (s = process.env.NODE_ENV !== "production" ? "ObservableValue@" + ee() : "ObservableValue"), o === void 0 && (o = !0), a === void 0 && (a = ht.default), u = e.call(this, s) || this, u.enhancer = void 0, u.name_ = void 0, u.equals = void 0, u.hasUnreportedChange_ = !1, u.interceptors_ = void 0, u.changeListeners_ = void 0, u.value_ = void 0, u.dehancer = void 0, u.enhancer = i, u.name_ = s, u.equals = a, u.value_ = i(n, void 0, s), process.env.NODE_ENV !== "production" && o && B() && we({
+    return s === void 0 && (s = process.env.NODE_ENV !== "production" ? "ObservableValue@" + ee() : "ObservableValue"), o === void 0 && (o = !0), a === void 0 && (a = ht.default), u = e.call(this, s) || this, u.enhancer = void 0, u.name_ = void 0, u.equals = void 0, u.hasUnreportedChange_ = !1, u.interceptors_ = void 0, u.changeListeners_ = void 0, u.value_ = void 0, u.dehancer = void 0, u.enhancer = i, u.name_ = s, u.equals = a, u.value_ = i(n, void 0, s), process.env.NODE_ENV !== "production" && o && x() && Ce({
       type: zi,
       object: u,
       observableKind: "value",
@@ -865,7 +865,7 @@ var zi = "create", Ee = /* @__PURE__ */ (function(e) {
   }, r.set = function(i) {
     var s = this.value_;
     if (i = this.prepareNewValue_(i), i !== f.UNCHANGED) {
-      var o = B();
+      var o = x();
       process.env.NODE_ENV !== "production" && o && k({
         type: Y,
         object: this,
@@ -921,7 +921,7 @@ var zi = "create", Ee = /* @__PURE__ */ (function(e) {
   }, t;
 })(_e), Z = /* @__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_ = Ce(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_ = 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_ = we(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() {
@@ -961,7 +961,7 @@ var zi = "create", Ee = /* @__PURE__ */ (function(e) {
       /* see #1208 */
       this.dependenciesState_ === E.NOT_TRACKING_
     ), s = this.computeValue_(!0), o = i || ut(n) || ut(s) || !this.equals_(n, s);
-    return o && (this.value_ = s, process.env.NODE_ENV !== "production" && B() && we({
+    return o && (this.value_ = s, process.env.NODE_ENV !== "production" && x() && Ce({
       observableKind: "computed",
       debugObjectName: this.name_,
       object: this.scope_,
@@ -1240,7 +1240,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) {
     var r = [];
-    yr(wr(e), r, 1), new Function(`debugger;
+    yr(Cr(e), r, 1), new Function(`debugger;
 /*
 Tracing '` + e.name_ + `'
 
@@ -1283,7 +1283,7 @@ var de = /* @__PURE__ */ (function() {
       if (f.trackingContext = this, Xt(this)) {
         this.isTrackPending = !0;
         try {
-          this.onInvalidate_(), process.env.NODE_ENV !== "production" && this.isTrackPending && B() && we({
+          this.onInvalidate_(), process.env.NODE_ENV !== "production" && this.isTrackPending && x() && Ce({
             name: this.name_,
             type: "scheduled-reaction"
           });
@@ -1296,7 +1296,7 @@ var de = /* @__PURE__ */ (function() {
   }, t.track = function(n) {
     if (!this.isDisposed) {
       H();
-      var i = B(), s;
+      var i = x(), s;
       process.env.NODE_ENV !== "production" && i && (s = Date.now(), k({
         name: this.name_,
         type: "reaction"
@@ -1317,7 +1317,7 @@ var de = /* @__PURE__ */ (function() {
     if (f.disableErrorBoundaries)
       throw n;
     var s = process.env.NODE_ENV !== "production" ? "[mobx] Encountered an uncaught exception that was thrown by a reaction or observer component, in: '" + this + "'" : "[mobx] uncaught error in '" + this + "'";
-    f.suppressReactionErrors ? process.env.NODE_ENV !== "production" && console.warn("[mobx] (error in reaction '" + this.name_ + "' suppressed, fix error of causing action below)") : console.error(s, n), process.env.NODE_ENV !== "production" && B() && we({
+    f.suppressReactionErrors ? process.env.NODE_ENV !== "production" && console.warn("[mobx] (error in reaction '" + this.name_ + "' suppressed, fix error of causing action below)") : console.error(s, n), process.env.NODE_ENV !== "production" && x() && Ce({
       type: "error",
       name: this.name_,
       message: s,
@@ -1407,10 +1407,10 @@ function ns(e) {
     });
   };
 }
-function B() {
+function x() {
   return process.env.NODE_ENV !== "production" && !!f.spyListeners.length;
 }
-function we(e) {
+function Ce(e) {
   if (process.env.NODE_ENV !== "production" && f.spyListeners.length)
     for (var t = f.spyListeners, r = 0, n = t.length; r < n; r++)
       t[r](e);
@@ -1420,7 +1420,7 @@ function k(e) {
     var t = fe({}, e, {
       spyReportStart: !0
     });
-    we(t);
+    Ce(t);
   }
 }
 var rs = {
@@ -1428,7 +1428,7 @@ var rs = {
   spyReportEnd: !0
 };
 function U(e) {
-  process.env.NODE_ENV !== "production" && we(e ? fe({}, e, {
+  process.env.NODE_ENV !== "production" && Ce(e ? fe({}, e, {
     type: "report-end",
     spyReportEnd: !0
   }) : rs);
@@ -1452,9 +1452,9 @@ var dn = "action", ss = "action.bound", Er = "autoAction", os = "autoAction.boun
 function Nr(e) {
   var t = function(n, i) {
     if (D(n))
-      return Ce(n.name || as, n, e);
+      return we(n.name || as, n, e);
     if (D(i))
-      return Ce(n, i, e);
+      return we(n, i, e);
     if (Qe(i))
       return (e ? en : Qt).decorate_20223_(n, i);
     if (Ae(i))
@@ -1468,11 +1468,11 @@ function Nr(e) {
   };
   return t;
 }
-var w = /* @__PURE__ */ Nr(!1);
-Object.assign(w, Qt);
+var C = /* @__PURE__ */ Nr(!1);
+Object.assign(C, Qt);
 var We = /* @__PURE__ */ Nr(!0);
 Object.assign(We, en);
-w.bound = /* @__PURE__ */ oe(us);
+C.bound = /* @__PURE__ */ oe(us);
 We.bound = /* @__PURE__ */ oe(cs);
 function Pe(e) {
   return D(e) && e.isMobxAction === !0;
@@ -1532,7 +1532,7 @@ function ms(e) {
     i in e && (f[i] = !!e[i]);
   }), f.allowStateReads = !f.observableRequiresReaction, process.env.NODE_ENV !== "production" && f.disableErrorBoundaries === !0 && console.warn("WARNING: Debug feature only. MobX will NOT recover from errors when `disableErrorBoundaries` is enabled."), e.reactionScheduler && ns(e.reactionScheduler);
 }
-function Cr(e, t, r, n) {
+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"), I(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() {
@@ -1547,7 +1547,7 @@ function Cr(e, t, r, n) {
     });
   }), e;
 }
-function wr(e, t) {
+function Cr(e, t) {
   return Dr(Me(e, t));
 }
 function Dr(e) {
@@ -1573,16 +1573,16 @@ var Rt = /* @__PURE__ */ ir("flow"), Os = /* @__PURE__ */ ir("flow.bound", {
     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 = w(i + " - runid: " + l + " - init", n).apply(a, u), v, h = void 0, b = new Promise(function(m, y) {
+    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 O(A) {
         h = void 0;
         var L;
         try {
-          L = w(i + " - runid: " + l + " - yield " + N++, d.next).call(d, A);
-        } catch (x) {
-          return y(x);
+          L = C(i + " - runid: " + l + " - yield " + N++, d.next).call(d, A);
+        } catch (B) {
+          return y(B);
         }
         X(L);
       }
@@ -1590,9 +1590,9 @@ var Rt = /* @__PURE__ */ ir("flow"), Os = /* @__PURE__ */ ir("flow.bound", {
         h = void 0;
         var L;
         try {
-          L = w(i + " - runid: " + l + " - yield " + N++, d.throw).call(d, A);
-        } catch (x) {
-          return y(x);
+          L = C(i + " - runid: " + l + " - yield " + N++, d.throw).call(d, A);
+        } catch (B) {
+          return y(B);
         }
         X(L);
       }
@@ -1605,11 +1605,11 @@ var Rt = /* @__PURE__ */ ir("flow"), Os = /* @__PURE__ */ ir("flow.bound", {
       }
       O(void 0);
     });
-    return b.cancel = w(i + " - runid: " + l + " - cancel", function() {
+    return b.cancel = C(i + " - runid: " + l + " - cancel", function() {
       try {
         h && En(h);
         var m = d.return(void 0), y = Promise.resolve(m.value);
-        y.then(xe, xe), En(y), v(new Vr());
+        y.then(Be, Be), En(y), v(new Vr());
       } catch (N) {
         v(N);
       }
@@ -1688,7 +1688,7 @@ var Ss = {
     p(13);
   }
 };
-function Cs(e, t) {
+function ws(e, t) {
   var r, n;
   return Xn(), e = Le(e, t), (n = (r = e[_]).proxy_) != null ? n : r.proxy_ = new Proxy(e, Ss);
 }
@@ -1741,7 +1741,7 @@ function pn(e, t, r) {
 }
 var Tt = /* @__PURE__ */ Symbol("mobx-keys");
 function Ue(e, t, r) {
-  return process.env.NODE_ENV !== "production" && (!I(e) && !I(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")), I(e) ? Cr(e, e, t, r) : (me(function() {
+  return process.env.NODE_ENV !== "production" && (!I(e) && !I(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")), I(e) ? wr(e, e, t, r) : (me(function() {
     var n = Le(e, r)[_];
     if (!e[Tt]) {
       var i = Object.getPrototypeOf(e), s = new Set([].concat(Te(e), Te(i)));
@@ -1756,7 +1756,7 @@ function Ue(e, t, r) {
     });
   }), e);
 }
-var Nn = "splice", Y = "update", ws = 1e4, Ds = {
+var Nn = "splice", Y = "update", Cs = 1e4, Ds = {
   get: function(t, r) {
     var n = t[_];
     return r === _ ? n : r === "length" ? n.getArrayLength_() : typeof r == "string" && !isNaN(r) ? n.get_(parseInt(r)) : z(yt, r) ? yt[r] : t[r];
@@ -1832,7 +1832,7 @@ var Nn = "splice", Y = "update", ws = 1e4, Ds = {
     var d = this.spliceItemsIntoValues_(n, i, s);
     return (i !== 0 || s.length !== 0) && this.notifyArraySplice_(n, s, d), this.dehanceValues_(d);
   }, t.spliceItemsIntoValues_ = function(n, i, s) {
-    if (s.length < ws) {
+    if (s.length < Cs) {
       var o;
       return (o = this.values_).splice.apply(o, [n, i].concat(s));
     } else {
@@ -1845,7 +1845,7 @@ var Nn = "splice", Y = "update", ws = 1e4, Ds = {
       return a;
     }
   }, t.notifyArrayChildUpdate_ = function(n, i, s) {
-    var o = !this.owned_ && B(), a = J(this), u = a || o ? {
+    var o = !this.owned_ && x(), a = J(this), u = a || o ? {
       observableKind: "array",
       object: this.proxy_,
       type: Y,
@@ -1856,7 +1856,7 @@ var Nn = "splice", Y = "update", ws = 1e4, Ds = {
     } : null;
     process.env.NODE_ENV !== "production" && o && k(u), this.atom_.reportChanged(), a && Q(this, u), process.env.NODE_ENV !== "production" && o && U();
   }, t.notifyArraySplice_ = function(n, i, s) {
-    var o = !this.owned_ && B(), a = J(this), u = a || o ? {
+    var o = !this.owned_ && x(), a = J(this), u = a || o ? {
       observableKind: "array",
       object: this.proxy_,
       debugObjectName: this.atom_.name_,
@@ -1973,33 +1973,33 @@ var yt = {
     return n > -1 ? (this.splice(n, 1), !0) : !1;
   }
 };
-C("at", $);
-C("concat", $);
-C("flat", $);
-C("includes", $);
-C("indexOf", $);
-C("join", $);
-C("lastIndexOf", $);
-C("slice", $);
-C("toString", $);
-C("toLocaleString", $);
-C("toSorted", $);
-C("toSpliced", $);
-C("with", $);
-C("every", te);
-C("filter", te);
-C("find", te);
-C("findIndex", te);
-C("findLast", te);
-C("findLastIndex", te);
-C("flatMap", te);
-C("forEach", te);
-C("map", te);
-C("some", te);
-C("toReversed", te);
-C("reduce", Lr);
-C("reduceRight", Lr);
-function C(e, t) {
+w("at", $);
+w("concat", $);
+w("flat", $);
+w("includes", $);
+w("indexOf", $);
+w("join", $);
+w("lastIndexOf", $);
+w("slice", $);
+w("toString", $);
+w("toLocaleString", $);
+w("toSorted", $);
+w("toSpliced", $);
+w("with", $);
+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 $(e) {
@@ -2031,13 +2031,13 @@ function Lr(e) {
   };
 }
 var Ls = /* @__PURE__ */ De("ObservableArrayAdministration", vn);
-function Bt(e) {
-  return Ct(e) && Ls(e[_]);
+function xt(e) {
+  return wt(e) && Ls(e[_]);
 }
-var Bs = {}, ve = "add", Ot = "delete", Br = /* @__PURE__ */ (function() {
+var xs = {}, ve = "add", Ot = "delete", xr = /* @__PURE__ */ (function() {
   function e(r, n, i) {
     var s = this;
-    n === void 0 && (n = Se), 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() {
+    n === void 0 && (n = Se), i === void 0 && (i = process.env.NODE_ENV !== "production" ? "ObservableMap@" + ee() : "ObservableMap"), this.enhancer_ = void 0, this.name_ = void 0, this[_] = xs, 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);
     });
   }
@@ -2082,7 +2082,7 @@ var Bs = {}, ve = "add", Ot = "delete", Br = /* @__PURE__ */ (function() {
         return !1;
     }
     if (this.has_(n)) {
-      var o = B(), a = J(this), u = a || o ? {
+      var o = x(), a = J(this), u = a || o ? {
         observableKind: "map",
         debugObjectName: this.name_,
         type: Ot,
@@ -2101,7 +2101,7 @@ var Bs = {}, ve = "add", Ot = "delete", Br = /* @__PURE__ */ (function() {
   }, t.updateValue_ = function(n, i) {
     var s = this.data_.get(n);
     if (i = s.prepareNewValue_(i), i !== f.UNCHANGED) {
-      var o = B(), a = J(this), u = a || o ? {
+      var o = x(), a = J(this), u = a || o ? {
         observableKind: "map",
         debugObjectName: this.name_,
         type: Y,
@@ -2118,7 +2118,7 @@ var Bs = {}, ve = "add", Ot = "delete", Br = /* @__PURE__ */ (function() {
       var l, d = new Ee(i, s.enhancer_, process.env.NODE_ENV !== "production" ? s.name_ + "." + Gt(n) : "ObservableMap.key", !1);
       s.data_.set(n, d), i = d.value_, (l = s.hasMap_.get(n)) == null || l.setNewValue_(!0), s.keysAtom_.reportChanged();
     });
-    var o = B(), a = J(this), u = a || o ? {
+    var o = x(), a = J(this), u = a || o ? {
       observableKind: "map",
       debugObjectName: this.name_,
       type: ve,
@@ -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 = Re(i.data_.keys()), l; !(l = u()).done; ) {
+      for (var s = Bs(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);
@@ -2210,12 +2210,12 @@ var Bs = {}, ve = "add", Ot = "delete", Br = /* @__PURE__ */ (function() {
         if (i.data_.size !== o.size)
           i.keysAtom_.reportChanged();
         else
-          for (var A = i.data_.keys(), L = o.keys(), x = A.next(), Fe = L.next(); !x.done; ) {
-            if (x.value !== Fe.value) {
+          for (var A = i.data_.keys(), L = o.keys(), B = A.next(), Fe = L.next(); !B.done; ) {
+            if (B.value !== Fe.value) {
               i.keysAtom_.reportChanged();
               break;
             }
-            x = A.next(), Fe = L.next();
+            B = A.next(), Fe = L.next();
           }
       i.data_ = o;
     }), this;
@@ -2238,11 +2238,11 @@ var Bs = {}, ve = "add", Ot = "delete", Br = /* @__PURE__ */ (function() {
       return "Map";
     }
   }]);
-})(), be = /* @__PURE__ */ De("ObservableMap", Br);
+})(), be = /* @__PURE__ */ De("ObservableMap", xr);
 function An(e) {
   return e[Symbol.toStringTag] = "MapIterator", _n(e);
 }
-function xs(e) {
+function Bs(e) {
   if (Ie(e) || be(e))
     return e;
   if (Array.isArray(e))
@@ -2255,7 +2255,7 @@ function xs(e) {
   } else
     return p(21, e);
 }
-var Rs = {}, xr = /* @__PURE__ */ (function() {
+var Rs = {}, Br = /* @__PURE__ */ (function() {
   function e(r, n, i) {
     var s = this;
     n === void 0 && (n = Se), 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) {
@@ -2298,7 +2298,7 @@ var Rs = {}, xr = /* @__PURE__ */ (function() {
       ce(function() {
         i.data_.add(i.enhancer_(n, void 0)), i.atom_.reportChanged();
       });
-      var o = process.env.NODE_ENV !== "production" && B(), a = J(this), u = a || o ? {
+      var o = process.env.NODE_ENV !== "production" && x(), a = J(this), u = a || o ? {
         observableKind: "set",
         debugObjectName: this.name_,
         type: ve,
@@ -2320,7 +2320,7 @@ var Rs = {}, xr = /* @__PURE__ */ (function() {
         return !1;
     }
     if (this.has(n)) {
-      var o = process.env.NODE_ENV !== "production" && B(), a = J(this), u = a || o ? {
+      var o = process.env.NODE_ENV !== "production" && x(), a = J(this), u = a || o ? {
         observableKind: "set",
         debugObjectName: this.name_,
         type: Ot,
@@ -2421,13 +2421,13 @@ var Rs = {}, xr = /* @__PURE__ */ (function() {
       return "Set";
     }
   }]);
-})(), re = /* @__PURE__ */ De("ObservableSet", xr);
+})(), re = /* @__PURE__ */ De("ObservableSet", Br);
 function Sn(e) {
   return e[Symbol.toStringTag] = "SetIterator", _n(e);
 }
-var Cn = /* @__PURE__ */ Object.create(null), wn = "remove", tn = /* @__PURE__ */ (function() {
+var wn = /* @__PURE__ */ Object.create(null), Cn = "remove", tn = /* @__PURE__ */ (function() {
   function e(r, n, i, s) {
-    n === void 0 && (n = /* @__PURE__ */ new Map()), s === void 0 && (s = Ci), 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_ = I(this.target_), process.env.NODE_ENV !== "production" && !Ir(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_ = I(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) {
@@ -2448,7 +2448,7 @@ var Cn = /* @__PURE__ */ Object.create(null), wn = "remove", tn = /* @__PURE__ *
       i = o.newValue;
     }
     if (i = s.prepareNewValue_(i), i !== f.UNCHANGED) {
-      var a = J(this), u = process.env.NODE_ENV !== "production" && B(), l = a || u ? {
+      var a = J(this), u = process.env.NODE_ENV !== "production" && x(), l = a || u ? {
         type: Y,
         observableKind: "object",
         debugObjectName: this.name_,
@@ -2609,7 +2609,7 @@ var Cn = /* @__PURE__ */ Object.create(null), wn = "remove", tn = /* @__PURE__ *
       var s = q(this, {
         object: this.proxy_ || this.target_,
         name: n,
-        type: wn
+        type: Cn
       });
       if (!s)
         return null;
@@ -2617,7 +2617,7 @@ var Cn = /* @__PURE__ */ Object.create(null), wn = "remove", tn = /* @__PURE__ *
     try {
       var o;
       H();
-      var a = J(this), u = process.env.NODE_ENV !== "production" && B(), l = this.values_.get(n), d = void 0;
+      var a = J(this), u = process.env.NODE_ENV !== "production" && x(), l = this.values_.get(n), d = void 0;
       if (!l && (a || u)) {
         var v;
         d = (v = pt(this.target_, n)) == null ? void 0 : v.value;
@@ -2629,7 +2629,7 @@ var Cn = /* @__PURE__ */ Object.create(null), wn = "remove", tn = /* @__PURE__ *
         delete this.target_[n];
       if (process.env.NODE_ENV !== "production" && delete this.appliedAnnotations_[n], l && (this.values_.delete(n), l instanceof Ee && (d = l.value_), mr(l)), this.keysAtom_.reportChanged(), (o = this.pendingKeys_) == null || (o = o.get(n)) == null || o.set(n in this.target_), a || u) {
         var h = {
-          type: wn,
+          type: Cn,
           observableKind: "object",
           object: this.proxy_ || this.target_,
           debugObjectName: this.name_,
@@ -2647,7 +2647,7 @@ var Cn = /* @__PURE__ */ Object.create(null), wn = "remove", tn = /* @__PURE__ *
   }, t.intercept_ = function(n) {
     return tt(this, n);
   }, t.notifyPropertyAddition_ = function(n, i) {
-    var s, o = J(this), a = process.env.NODE_ENV !== "production" && B();
+    var s, o = J(this), a = process.env.NODE_ENV !== "production" && x();
     if (o || a) {
       var u = o || a ? {
         type: ve,
@@ -2678,7 +2678,7 @@ Extending builtins is not supported.`), e;
 }
 var Ts = /* @__PURE__ */ De("ObservableObjectAdministration", tn);
 function Dn(e) {
-  return Cn[e] || (Cn[e] = {
+  return wn[e] || (wn[e] = {
     get: function() {
       return this[_].getObservablePropValue_(e);
     },
@@ -2688,7 +2688,7 @@ function Dn(e) {
   });
 }
 function $e(e) {
-  return Ct(e) ? Ts(e[_]) : !1;
+  return wt(e) ? Ts(e[_]) : !1;
 }
 function Vn(e, t, r) {
   var n;
@@ -2734,7 +2734,7 @@ var hn = /* @__PURE__ */ (function(e) {
       this.slice(),
       //@ts-ignore
       s.map(function(a) {
-        return Bt(a) ? a.slice() : a;
+        return xt(a) ? a.slice() : a;
       })
     );
   }, r[Symbol.iterator] = function() {
@@ -2797,7 +2797,7 @@ function ks(e, t, r) {
 }
 function Me(e, t) {
   if (typeof e == "object" && e !== null) {
-    if (Bt(e))
+    if (xt(e))
       return t !== void 0 && p(23), e[_].atom_;
     if (re(e))
       return e.atom_;
@@ -2846,7 +2846,7 @@ function me(e) {
     G(), ln(r), le(t);
   }
 }
-var Bn = St.toString;
+var xn = St.toString;
 function Mr(e, t, r) {
   return r === void 0 && (r = -1), nn(e, t, r);
 }
@@ -2860,8 +2860,8 @@ function nn(e, t, r, n, i) {
   var s = typeof e;
   if (s !== "function" && s !== "object" && typeof t != "object")
     return !1;
-  var o = Bn.call(e);
-  if (o !== Bn.call(t))
+  var o = xn.call(e);
+  if (o !== xn.call(t))
     return !1;
   switch (o) {
     // Strings, numbers, regular expressions, dates, and booleans are compared by value.
@@ -2881,7 +2881,7 @@ function nn(e, t, r, n, i) {
       r >= 0 && r++;
       break;
   }
-  e = xn(e), t = xn(t);
+  e = Bn(e), t = Bn(t);
   var a = o === "[object Array]";
   if (!a) {
     if (typeof e != "object" || typeof t != "object")
@@ -2914,8 +2914,8 @@ function nn(e, t, r, n, i) {
   }
   return n.pop(), i.pop(), !0;
 }
-function xn(e) {
-  return Bt(e) ? e.slice() : Ie(e) || be(e) || ue(e) || re(e) ? Array.from(e.entries()) : e;
+function Bn(e) {
+  return xt(e) ? e.slice() : Ie(e) || be(e) || ue(e) || re(e) ? Array.from(e.entries()) : e;
 }
 var Rn, Us = ((Rn = At().Iterator) == null ? void 0 : Rn.prototype) || {};
 function _n(e) {
@@ -2952,7 +2952,7 @@ function Ks(e) {
   e || (e = Fs, process.env.NODE_ENV !== "production" && console.warn("[MobX] Failed to get unstable_batched updates from react-dom / react-native")), ms({ reactionScheduler: e });
 }
 function qs(e) {
-  return wr(e);
+  return Cr(e);
 }
 var Hs = 1e4, Gs = 1e4, zs = (
   /** @class */
@@ -3234,7 +3234,54 @@ process.env.NODE_ENV;
 var Ut;
 Ks(Kr);
 Ut = rn.finalizeAllImmediately;
-const io = ({ onClick: e, disabled: t = !1, imagePath: r }) => g("div", { className: "buy-bonus-wrap", "aria-hidden": t ? "true" : "false", children: [r && c("div", { className: "bonus-thumb", role: "img", "aria-label": "bonus thumbnail", style: { backgroundImage: `url(${r})` } }), c("button", { className: `buy-bonus ${t ? "disabled" : ""}`, onClick: e, disabled: t, "aria-pressed": t, children: r ? "Disable" : "Buy Bonus" })] }), $n = ({ label: e, value: t }) => g("div", { className: "info", children: [c("span", { className: "label", children: e }), c("span", { className: "value", children: t })] }), so = ({ onClick: e, disabled: t = !1, value: r, currency: n, activeAnteBet: i = !1 }) => g("div", { className: `bet-amount ${t ? "disabled" : ""}`, onClick: e, children: [c("div", { className: "bet-amount-icon" }), g("label", { className: `bet-amount-text ${i ? "ante-color" : ""}`, children: [r, " ", n] })] }), Fn = ({ onClick: e, disabled: t = !1, className: r }) => c("button", { className: `${r} ${t ? "disabled" : ""}`, onClick: e });
+const io = ({
+  onClick: e,
+  disabled: t = !1,
+  imagePath: r
+}) => /* @__PURE__ */ g("div", { className: "buy-bonus-wrap", "aria-hidden": t ? "true" : "false", children: [
+  r && /* @__PURE__ */ c(
+    "div",
+    {
+      className: "bonus-thumb",
+      role: "img",
+      "aria-label": "bonus thumbnail",
+      style: { backgroundImage: `url(${r})` }
+    }
+  ),
+  /* @__PURE__ */ c(
+    "button",
+    {
+      className: `buy-bonus ${t ? "disabled" : ""}`,
+      onClick: e,
+      disabled: t,
+      "aria-pressed": t,
+      children: r ? "Disable" : "Buy Bonus"
+    }
+  )
+] }), $n = ({
+  label: e,
+  value: t
+}) => /* @__PURE__ */ g("div", { className: "info", children: [
+  /* @__PURE__ */ c("span", { className: "label", children: e }),
+  /* @__PURE__ */ c("span", { className: "value", children: t })
+] }), so = ({
+  onClick: e,
+  disabled: t = !1,
+  value: r,
+  currency: n,
+  activeAnteBet: i = !1
+}) => /* @__PURE__ */ g("div", { className: `bet-amount ${t ? "disabled" : ""}`, onClick: e, children: [
+  /* @__PURE__ */ c("div", { className: "bet-amount-icon" }),
+  /* @__PURE__ */ g("label", { className: `bet-amount-text ${i ? "ante-color" : ""}`, children: [
+    r,
+    " ",
+    n
+  ] })
+] }), Fn = ({
+  onClick: e,
+  disabled: t = !1,
+  className: r
+}) => /* @__PURE__ */ c("button", { className: `${r} ${t ? "disabled" : ""}`, onClick: e });
 class oo {
   activePopup = null;
   constructor() {
@@ -3352,8 +3399,7 @@ class lo {
     this.betIndex += 1, this.betAmount = this.betAmountRange[this.betIndex];
   }
   setPrevBetAmount() {
-    if (this.betIndex < 1)
-      return console.error("Bet Index must be more than 0");
+    if (this.betIndex < 1) return console.error("Bet Index must be more than 0");
     this.betIndex -= 1, this.betAmount = this.betAmountRange[this.betIndex];
   }
   setBetAmountRange(t) {
@@ -3454,14 +3500,14 @@ class po {
       isActiveBonus: Oe,
       isActiveInReelFeature: Oe,
       isActiveAnteBet: Oe,
-      setAnteBets: w,
-      setActiveAnteBet: w,
-      setActiveBonusFeature: w,
-      setActiveInReelFeature: w,
-      setInReelFeatures: w,
-      setBonusFeatures: w,
-      setHandlerOnce: w,
-      buyHandler: w
+      setAnteBets: C,
+      setActiveAnteBet: C,
+      setActiveBonusFeature: C,
+      setActiveInReelFeature: C,
+      setInReelFeatures: C,
+      setBonusFeatures: C,
+      setHandlerOnce: C,
+      buyHandler: C
     });
   }
   setAnteBets(t) {
@@ -3654,7 +3700,7 @@ class bo {
   isRunning = !1;
   isDisabled = !1;
   isSlamStop = !1;
-  isUIVisible = !0;
+  isUIVisible = !1;
   isAutoPlayDisabled = !1;
   isBuyBonusDisabled = !1;
   isBetAmountLabelsDisabled = !1;
@@ -3669,15 +3715,15 @@ class bo {
       isAutoPlayDisabled: S,
       isBuyBonusDisabled: S,
       isBetAmountLabelsDisabled: S,
-      setIsSpinRunning: w,
-      setIsSpinDisabled: w,
-      setIsSlamStop: w,
-      setHandlerOnce: w,
-      setIsUIVisible: w,
-      setIsAutoplayDisabled: w,
-      setIsBuyBonusDisabled: w,
-      setIsBetAmountLabelsDisabled: w,
-      clickHandler: w
+      setIsSpinRunning: C,
+      setIsSpinDisabled: C,
+      setIsSlamStop: C,
+      setHandlerOnce: C,
+      setIsUIVisible: C,
+      setIsAutoplayDisabled: C,
+      setIsBuyBonusDisabled: C,
+      setIsBetAmountLabelsDisabled: C,
+      clickHandler: C
     });
   }
   setHandlerOnce(t) {
@@ -3714,34 +3760,136 @@ class bo {
 }
 const Nt = new bo(), mo = F(() => {
   const { isDisabled: e, isRunning: t, clickHandler: r } = Nt, { count: n, isStarted: i } = ye;
-  return c("button", { className: `spin-btn
+  return /* @__PURE__ */ c(
+    "button",
+    {
+      className: `spin-btn
         ${e ? "disabled" : ""}
         ${t ? "slam-stop" : ""}
-        `, onClick: r.bind(Nt), children: i && t && n && c("span", { className: "spin-btn_label", children: n }) });
-}), qn = ({ onClick: e, disabled: t = !1, className: r, isActive: n }) => c("button", { className: `${r} ${t ? "disabled" : ""} ${n ? "active" : ""}`, onClick: e }), go = F(() => {
-  const { lastWin: e, balance: t, betAmount: r, displayCurrency: n, setNextBetAmount: i, setPrevBetAmount: s } = ae, { setIsTurbo: o, isTurbo: a } = ne, { open: u } = T, { activeAnteBet: l, activeBonusFeature: d, activeInReelFeature: v, setActiveAnteBet: h } = Ne, { isUIVisible: b, isAutoPlayDisabled: m, isBuyBonusDisabled: y, isBetAmountLabelsDisabled: N } = Nt, O = dt(() => l?.imagePath || v?.imagePath || d?.imagePath, [l, d, v]), V = zn(() => {
+        `,
+      onClick: r.bind(Nt),
+      children: i && t && n && /* @__PURE__ */ c("span", { className: "spin-btn_label", children: n })
+    }
+  );
+}), qn = ({
+  onClick: e,
+  disabled: t = !1,
+  className: r,
+  isActive: n
+}) => /* @__PURE__ */ c(
+  "button",
+  {
+    className: `${r} ${t ? "disabled" : ""} ${n ? "active" : ""}`,
+    onClick: e
+  }
+), go = F(() => {
+  const {
+    lastWin: e,
+    balance: t,
+    betAmount: r,
+    displayCurrency: n,
+    setNextBetAmount: i,
+    setPrevBetAmount: s
+  } = ae, { setIsTurbo: o, isTurbo: a } = ne, { open: u } = T, {
+    activeAnteBet: l,
+    activeBonusFeature: d,
+    activeInReelFeature: v,
+    setActiveAnteBet: h
+  } = Ne, { 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(Ne, null) : u.call(T, P.buyBonus);
   }, [l, h]);
-  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($n, { label: "LAST WIN", value: `${e} ${n}` }), c($n, { label: "BALANCE", value: `${t} ${n}` })] })] }), g("div", { className: "bet-control", children: [c(so, { activeAnteBet: !!l, value: r, currency: n, onClick: u.bind(T, P.bet), disabled: N }), g("div", { className: "bet-box", children: [c(Fn, { onClick: () => s.call(ae), className: "bet-btn minus", disabled: N }), c(mo, { onClick: () => console.log("Spin"), state: "active" }), c(Fn, { onClick: () => i.call(ae), className: "bet-btn plus", disabled: N })] }), c(qn, { className: "quick-spin", onClick: o.bind(ne, !a), isActive: a }), c(qn, { className: "auto-spin", onClick: u.bind(T, P.autoplay), isActive: !1, disabled: m })] })] }) });
-}), yo = ({ onMount: e, onUnmount: t, className: r }) => {
+  return /* @__PURE__ */ c("div", { className: `ui-footer ${b ? "" : "hidden"}`, children: /* @__PURE__ */ g("div", { className: "top-row", children: [
+    /* @__PURE__ */ g("div", { className: "left-group", children: [
+      /* @__PURE__ */ c(
+        io,
+        {
+          imagePath: O,
+          disabled: y,
+          onClick: V
+        }
+      ),
+      /* @__PURE__ */ g("div", { className: "balance-info", children: [
+        /* @__PURE__ */ c($n, { label: "LAST WIN", value: `${e} ${n}` }),
+        /* @__PURE__ */ c($n, { label: "BALANCE", value: `${t} ${n}` })
+      ] })
+    ] }),
+    /* @__PURE__ */ g("div", { className: "bet-control", children: [
+      /* @__PURE__ */ c(
+        so,
+        {
+          activeAnteBet: !!l,
+          value: r,
+          currency: n,
+          onClick: u.bind(T, P.bet),
+          disabled: N
+        }
+      ),
+      /* @__PURE__ */ g("div", { className: "bet-box", children: [
+        /* @__PURE__ */ c(
+          Fn,
+          {
+            onClick: () => s.call(ae),
+            className: "bet-btn minus",
+            disabled: N
+          }
+        ),
+        /* @__PURE__ */ c(mo, { onClick: () => console.log("Spin"), state: "active" }),
+        /* @__PURE__ */ c(
+          Fn,
+          {
+            onClick: () => i.call(ae),
+            className: "bet-btn plus",
+            disabled: N
+          }
+        )
+      ] }),
+      /* @__PURE__ */ c(
+        qn,
+        {
+          className: "quick-spin",
+          onClick: o.bind(ne, !a),
+          isActive: a
+        }
+      ),
+      /* @__PURE__ */ c(
+        qn,
+        {
+          className: "auto-spin",
+          onClick: u.bind(T, P.autoplay),
+          isActive: !1,
+          disabled: m
+        }
+      )
+    ] })
+  ] }) });
+}), yo = ({
+  onMount: e,
+  onUnmount: t,
+  className: r
+}) => {
   const n = Ge(null);
   return ze(() => (n.current && e && e(n.current), () => {
     t?.();
-  }), [e, t]), c("div", { ref: n, className: r, style: {
-    width: "100%",
-    height: "100%",
-    position: "relative"
-  } });
+  }), [e, t]), /* @__PURE__ */ c(
+    "div",
+    {
+      ref: n,
+      className: r,
+      style: {
+        width: "100%",
+        height: "100%",
+        position: "relative"
+      }
+    }
+  );
 };
 function Oo(e) {
   const t = Ge(null);
   return ze(() => {
-    if (typeof e != "function")
-      return;
+    if (typeof e != "function") return;
     const r = (n) => {
       const i = t.current;
-      if (!i)
-        return;
+      if (!i) return;
       const s = n.target;
       s && (i.contains(s) || e(n));
     };
@@ -3754,17 +3902,103 @@ const Eo = F(() => {
   const { volume: e, setVolume: t } = ne, [r, n] = he.useState(!1), i = Oo(() => n(!1)), s = zn(() => {
     r || n(!0);
   }, [r, n]);
-  return g(sn, { 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 })] });
+  return /* @__PURE__ */ g(sn, { children: [
+    r && /* @__PURE__ */ g("div", { className: "volume-control", ref: i, children: [
+      /* @__PURE__ */ c(
+        "input",
+        {
+          type: "range",
+          min: 0,
+          max: 100,
+          value: e,
+          onChange: (o) => t.call(ne, Number(o.target.value)),
+          className: "slider",
+          "aria-label": "Volume"
+        }
+      ),
+      /* @__PURE__ */ c("span", { className: "volume-value", children: e })
+    ] }),
+    /* @__PURE__ */ c(
+      "button",
+      {
+        className: `btn-sound ${e === 0 ? "inactive" : ""}`,
+        "aria-label": "Toggle Sound",
+        onClick: s
+      }
+    )
+  ] });
 }), No = F(() => {
   const { open: e } = T, { 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(T, P.settings) })] }) : null;
+  return t ? /* @__PURE__ */ g("div", { className: "settings-section", children: [
+    /* @__PURE__ */ c(Eo, {}),
+    /* @__PURE__ */ c(
+      "button",
+      {
+        className: "btn-settings",
+        "aria-label": "Open Settings",
+        onClick: e.bind(T, P.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 = F(() => {
   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) })] });
-}), Ur = ({ value: e, onClick: t, active: r }) => c("div", { className: `rectLabel ${r ? "current-active" : ""}`, onClick: () => t(e), children: c("span", { children: e }) }), Co = F(() => {
+  return /* @__PURE__ */ g("div", { className: "overlay-bet-controller", children: [
+    /* @__PURE__ */ c("div", { className: "decrease-bet", onClick: n.bind(ae) }),
+    /* @__PURE__ */ g("div", { className: "bet-amount", children: [
+      e,
+      " ",
+      t
+    ] }),
+    /* @__PURE__ */ c("div", { className: "increase-bet", onClick: r.bind(ae) })
+  ] });
+}), Ur = ({
+  value: e,
+  onClick: t,
+  active: r
+}) => /* @__PURE__ */ c("div", { className: `rectLabel ${r ? "current-active" : ""}`, onClick: () => t(e), children: /* @__PURE__ */ c("span", { children: e }) }), wo = F(() => {
   const { betAmountRange: e, setBet: t, betAmount: r } = ae;
-  return c("div", { className: "bet-popup-container", children: e.map((n, i) => c(Ur, { value: n, active: r === n, onClick: t.bind(ae, n) }, i)) });
-}), xt = ({ checked: e, onChange: t }) => c("button", { className: `ap-toggle ${e ? "ap-toggle--on" : "ap-toggle--off"}`, "aria-pressed": e, onClick: () => t(!e), type: "button", children: c("span", { className: "ap-toggle__knob" }) }), Ft = ({ active: e, onClick: t, children: r }) => c("button", { className: `ap-limit ${e ? "ap-limit--active" : ""}`, onClick: t, type: "button", children: r }), Hn = ({ active: e, onClick: t, children: r }) => c("button", { className: `ap-tab ${e ? "ap-tab--active" : ""}`, onClick: t, type: "button", children: r }), wo = ({ value: e, placeholder: t, inputType: r = "text", className: n = "", autoFocus: i = !0, onSubmit: s, onCancel: o }) => {
+  return /* @__PURE__ */ c("div", { className: "bet-popup-container", children: e.map((n, i) => /* @__PURE__ */ c(
+    Ur,
+    {
+      value: n,
+      active: r === n,
+      onClick: t.bind(ae, n)
+    },
+    i
+  )) });
+}), Bt = ({
+  checked: e,
+  onChange: t
+}) => /* @__PURE__ */ c(
+  "button",
+  {
+    className: `ap-toggle ${e ? "ap-toggle--on" : "ap-toggle--off"}`,
+    "aria-pressed": e,
+    onClick: () => t(!e),
+    type: "button",
+    children: /* @__PURE__ */ c("span", { className: "ap-toggle__knob" })
+  }
+), Ft = ({ active: e, onClick: t, children: r }) => /* @__PURE__ */ c(
+  "button",
+  {
+    className: `ap-limit ${e ? "ap-limit--active" : ""}`,
+    onClick: t,
+    type: "button",
+    children: r
+  }
+), Hn = ({
+  active: e,
+  onClick: t,
+  children: r
+}) => /* @__PURE__ */ c("button", { className: `ap-tab ${e ? "ap-tab--active" : ""}`, onClick: t, type: "button", children: r }), Co = ({
+  value: e,
+  placeholder: t,
+  inputType: r = "text",
+  className: n = "",
+  autoFocus: i = !0,
+  onSubmit: s,
+  onCancel: o
+}) => {
   const [a, u] = pe(""), l = Ge(null), d = Ge(!1);
   ze(() => {
     u(e ?? ""), d.current = !1;
@@ -3780,55 +4014,267 @@ const Eo = F(() => {
   }, 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: b, inputMode: r === "number" ? "numeric" : void 0, "aria-label": "custom limit input" });
+  return /* @__PURE__ */ 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 = F(() => {
-  const { specialFeatureSwitcherOn: e, setSpecialFeatureSwitcher: t, countRange: r, count: n, setCount: i, lossLimit: s, winLimit: o, setLossLimit: a, limitsRange: u, setWinLimit: l, setIsStarted: d } = ye, [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(ye) : a.bind(ye), [v, 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
+  } = ye, [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(ye) : a.bind(ye), [v, l, a]);
   ze(() => {
     const A = O && !u.includes(O);
     N(A ? O : 0);
   }, [O, o]);
   const X = !!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(ye, 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(ye, A) }) })] }), g("div", { className: "ap-tabs", children: [c(Hn, { active: !v, onClick: () => h(0), children: "Loss limit" }), c(Hn, { 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(wo, { value: "" + y, inputType: "number", onSubmit: (A) => {
-    const L = A.trim();
-    if (L === "") {
-      m(!1);
-      return;
-    }
-    const x = Number(L);
-    N(x ?? 0), V(x), m(!1);
-  }, onCancel: () => {
-    m(!1);
-  } }) : c(Ft, { onClick: () => {
-    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 ${X ? "" : "ap-start-btn--disabled"}`, onClick: d.bind(ye, !0), type: "button", disabled: !X, children: "Start Autoplay" }) })] });
-}), Gn = ({ 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 = F(() => {
-  const { introSkip: e, spaceToSkip: t, musicOn: r, soundsOn: n, spaceToSpin: i, setSpaceToSpin: s, setIntroSkip: o, setSpaceToSkip: a, setSoundsOn: u, setMusicOn: l } = ne, { open: d } = T;
-  return g("div", { className: "sp-wrap", children: [g("div", { className: "sp-actions", children: [c(Gn, { onClick: d.bind(T, P.history), className: "sp-action--history", label: "History" }), c(Gn, { onClick: T.open.bind(T, P.payTable), 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" })] })] });
+  return /* @__PURE__ */ g("div", { className: "autoplay-wrap", children: [
+    /* @__PURE__ */ c("h3", { className: "ap-title", children: "Number of spins" }),
+    /* @__PURE__ */ c("div", { className: "autoplay-count", children: r.map((A, L) => /* @__PURE__ */ c(
+      Ur,
+      {
+        value: A,
+        active: n === A,
+        onClick: i.bind(ye, A)
+      },
+      L
+    )) }),
+    /* @__PURE__ */ g("div", { className: "ap-switch-row", children: [
+      /* @__PURE__ */ c("div", { className: "ap-switch-label", children: "Stop on special feature WIN" }),
+      /* @__PURE__ */ c("div", { className: "ap-switch-control", children: /* @__PURE__ */ c(
+        Bt,
+        {
+          checked: e,
+          onChange: (A) => t.call(ye, A)
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ g("div", { className: "ap-tabs", children: [
+      /* @__PURE__ */ c(Hn, { active: !v, onClick: () => h(0), children: "Loss limit" }),
+      /* @__PURE__ */ c(Hn, { active: !!v, onClick: () => h(1), children: "Single WIN limit" })
+    ] }),
+    /* @__PURE__ */ c("div", { className: "ap-limits-panel", children: /* @__PURE__ */ c("div", { className: "ap-limits-inner", children: /* @__PURE__ */ g("div", { className: "ap-limit-grid", children: [
+      u.map((A, L) => /* @__PURE__ */ g(
+        Ft,
+        {
+          active: O === A,
+          onClick: () => V(A),
+          children: [
+            A,
+            "X BET"
+          ]
+        },
+        L
+      )),
+      /* @__PURE__ */ c(Ft, { active: !O, onClick: () => V(null), children: "NO LIMIT" }),
+      b ? /* @__PURE__ */ c(
+        Co,
+        {
+          value: "" + y,
+          inputType: "number",
+          onSubmit: (A) => {
+            const L = A.trim();
+            if (L === "") {
+              m(!1);
+              return;
+            }
+            const B = Number(L);
+            N(B ?? 0), V(B), m(!1);
+          },
+          onCancel: () => {
+            m(!1);
+          }
+        }
+      ) : /* @__PURE__ */ c(
+        Ft,
+        {
+          onClick: () => {
+            m(!0);
+          },
+          active: !!O && O === Number(y),
+          children: y ? `${y}X BET` : "CUSTOM"
+        }
+      )
+    ] }) }) }),
+    /* @__PURE__ */ c("div", { className: "ap-start-row", children: /* @__PURE__ */ c(
+      "button",
+      {
+        className: `ap-start-btn ${X ? "" : "ap-start-btn--disabled"}`,
+        onClick: d.bind(ye, !0),
+        type: "button",
+        disabled: !X,
+        children: "Start Autoplay"
+      }
+    ) })
+  ] });
+}), Gn = ({ onClick: e, label: t, className: r }) => /* @__PURE__ */ g("button", { className: `sp-action ${r}`, type: "button", onClick: e, children: [
+  /* @__PURE__ */ c("span", { className: "sp-action__icon", "aria-hidden": "true" }),
+  /* @__PURE__ */ c("span", { className: "sp-action__label", children: t })
+] }), qe = ({ onToggle: e, label: t, checked: r = !1 }) => /* @__PURE__ */ g("div", { className: "sp-row", children: [
+  /* @__PURE__ */ c("div", { className: "sp-switch", children: /* @__PURE__ */ c(Bt, { checked: r, onChange: () => e(!r) }) }),
+  /* @__PURE__ */ c("div", { className: "sp-label", children: t })
+] }), Vo = F(() => {
+  const {
+    introSkip: e,
+    spaceToSkip: t,
+    musicOn: r,
+    soundsOn: n,
+    spaceToSpin: i,
+    setSpaceToSpin: s,
+    setIntroSkip: o,
+    setSpaceToSkip: a,
+    setSoundsOn: u,
+    setMusicOn: l
+  } = ne, { open: d } = T;
+  return /* @__PURE__ */ g("div", { className: "sp-wrap", children: [
+    /* @__PURE__ */ g("div", { className: "sp-actions", children: [
+      /* @__PURE__ */ c(
+        Gn,
+        {
+          onClick: d.bind(T, P.history),
+          className: "sp-action--history",
+          label: "History"
+        }
+      ),
+      /* @__PURE__ */ c(
+        Gn,
+        {
+          onClick: T.open.bind(T, P.payTable),
+          className: "sp-action--paytable",
+          label: "Paytable"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ c("h3", { className: "sp-section-title", children: "Audio" }),
+    /* @__PURE__ */ g("div", { className: "sp-rows", children: [
+      /* @__PURE__ */ c(qe, { onToggle: l.bind(ne), checked: r, label: "Music" }),
+      /* @__PURE__ */ c(
+        qe,
+        {
+          onToggle: u.bind(ne),
+          checked: n,
+          label: "Sounds"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ c("h3", { className: "sp-section-title", children: "Game launch" }),
+    /* @__PURE__ */ c("div", { className: "sp-rows", children: /* @__PURE__ */ c(
+      qe,
+      {
+        onToggle: o.bind(ne),
+        checked: e,
+        label: "Skip Intro"
+      }
+    ) }),
+    /* @__PURE__ */ c("h3", { className: "sp-section-title", children: "Keyboard" }),
+    /* @__PURE__ */ g("div", { className: "sp-rows", children: [
+      /* @__PURE__ */ c(
+        qe,
+        {
+          onToggle: s.bind(ne),
+          checked: i,
+          label: "Spacebar to Spin"
+        }
+      ),
+      /* @__PURE__ */ 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);
-  return g("div", { className: `history-item ${i ? "active" : ""}`, role: "row", children: [c("span", { className: "date-section", children: e }), g("span", { className: "bet-section", children: [r, c("span", { className: "currency", children: t })] }), g("span", { className: "win-section", children: [n, g("span", { className: "currency", children: [" ", t] })] }), c("div", { className: `vector ${i ? "up" : "down"}`, "aria-hidden": "true", onClick: () => s(!i) }), i && g("div", { className: "additional-info", children: [g("button", { className: "additional-button replay", children: [c("div", { className: "replay-icon" }), "REPLAY"] }), c("button", { className: "additional-button", children: "LINK" })] })] });
-}, Bo = F(() => {
+  return /* @__PURE__ */ g("div", { className: `history-item ${i ? "active" : ""}`, role: "row", children: [
+    /* @__PURE__ */ c("span", { className: "date-section", children: e }),
+    /* @__PURE__ */ g("span", { className: "bet-section", children: [
+      r,
+      /* @__PURE__ */ c("span", { className: "currency", children: t })
+    ] }),
+    /* @__PURE__ */ g("span", { className: "win-section", children: [
+      n,
+      /* @__PURE__ */ g("span", { className: "currency", children: [
+        " ",
+        t
+      ] })
+    ] }),
+    /* @__PURE__ */ c(
+      "div",
+      {
+        className: `vector ${i ? "up" : "down"}`,
+        "aria-hidden": "true",
+        onClick: () => s(!i)
+      }
+    ),
+    i && /* @__PURE__ */ g("div", { className: "additional-info", children: [
+      /* @__PURE__ */ g("button", { className: "additional-button replay", children: [
+        /* @__PURE__ */ c("div", { className: "replay-icon" }),
+        "REPLAY"
+      ] }),
+      /* @__PURE__ */ c("button", { className: "additional-button", children: "LINK" })
+    ] })
+  ] });
+}, xo = F(() => {
   const { data: e } = _o;
-  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 = F(({ item: e, type: t, onBuy: r }) => {
+  return /* @__PURE__ */ g("div", { className: "history-wrap", role: "list", "aria-label": "History list", children: [
+    /* @__PURE__ */ g("div", { className: "history-item history-item--head", role: "row", children: [
+      /* @__PURE__ */ c("span", { className: "date-section", children: "Date" }),
+      /* @__PURE__ */ c("span", { className: "bet-section", children: "Bet" }),
+      /* @__PURE__ */ c("span", { className: "win-section", children: "Win" })
+    ] }),
+    e.map((t, r) => /* @__PURE__ */ c(
+      Lo,
+      {
+        date: t.date,
+        betAmount: t.betAmount,
+        winAmount: t.winAmount,
+        currencyCode: t.currencyCode,
+        id: "aa"
+      },
+      r
+    ))
+  ] });
+}), Bo = F(({ item: e, type: t, onBuy: r }) => {
   const { betAmount: n } = ae, { activeAnteBet: i, setActiveAnteBet: s } = Ne, o = e.title.split(`
 `), [a, u] = pe(!1), [l, d] = pe(84), [v, h] = pe(0), [b, m] = pe(!1), y = Ge(null);
   $r(() => {
     const O = y.current;
-    if (!O)
-      return;
+    if (!O) return;
     const V = () => {
       const A = getComputedStyle(O), L = A.getPropertyValue("--max-description-height").trim();
-      let x = 84;
+      let B = 84;
       if (L) {
-        const Be = L.match(/^(-?\d+(\.\d+)?)(px)?$/);
-        Be && (x = Number(Be[1]));
+        const xe = L.match(/^(-?\d+(\.\d+)?)(px)?$/);
+        xe && (B = Number(xe[1]));
       } else {
-        const Be = A.getPropertyValue("max-height").trim();
-        Be && Be.endsWith("px") && (x = Number(Be.replace("px", "")));
+        const xe = A.getPropertyValue("max-height").trim();
+        xe && xe.endsWith("px") && (B = Number(xe.replace("px", "")));
       }
       const Fe = O.scrollHeight;
-      d(x), h(Fe), m(Fe > x + 1);
+      d(B), h(Fe), m(Fe > B + 1);
     };
     V();
     const X = new ResizeObserver(V);
@@ -3837,26 +4283,97 @@ const Eo = F(() => {
     };
   }, [e.description]);
   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(Ne, 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(sn, { 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 } = Ne;
-  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(Ne) }, 1) : null, r.length ? c(Kt, { features: r, type: $t.buy, title: "Bonus", onBuy: n.bind(Ne) }, 2) : null] });
+  return /* @__PURE__ */ g("div", { className: "sf-card", role: "group", "aria-label": o.join(" "), children: [
+    /* @__PURE__ */ g("div", { className: "sf-card__title", children: [
+      e.title,
+      e.description && /* @__PURE__ */ c(
+        "div",
+        {
+          ref: y,
+          className: `sf-card__description ${a ? "open" : ""} ${b ? "expandable" : ""}`,
+          style: { maxHeight: `${N}px` },
+          onClick: () => {
+            b && u((O) => !O);
+          },
+          children: /* @__PURE__ */ c("div", { children: e.description })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ c("div", { className: "sf-card__content", children: /* @__PURE__ */ c("div", { className: `sf-card__image-wrap ${a ? "hidden" : ""}`, children: e.imagePath ? /* @__PURE__ */ c("img", { src: e.imagePath, alt: o[0] }) : /* @__PURE__ */ c("div", { className: "sf-card__image-placeholder" }) }) }),
+    /* @__PURE__ */ g("div", { className: `sf-card__bottom ${t}`, children: [
+      /* @__PURE__ */ g("div", { className: "sf-card__price", children: [
+        e.costMultiplier * n,
+        " ",
+        ae.displayCurrency
+      ] }),
+      t === "ante" ? /* @__PURE__ */ c("div", { className: "sf-card__toggle", children: /* @__PURE__ */ c(
+        Bt,
+        {
+          checked: i === e,
+          onChange: (O) => s.call(Ne, O ? e.id : null)
+        }
+      ) }) : /* @__PURE__ */ c("button", { className: "sf-buy-btn", type: "button", onClick: () => r && r(e.id), children: "BUY" })
+    ] })
+  ] });
+}), Kt = ({
+  features: e,
+  type: t,
+  title: r,
+  onBuy: n
+}) => /* @__PURE__ */ g(sn, { children: [
+  /* @__PURE__ */ c("h2", { className: "sf-section-title", children: r }),
+  /* @__PURE__ */ c("div", { className: "sf-grid", children: e.map((i, s) => /* @__PURE__ */ c(Bo, { item: i, type: t, onBuy: n }, s)) })
+] }), Ro = () => {
+  const {
+    anteBets: e,
+    inReelFeatures: t,
+    bonusFeatures: r,
+    buyHandler: n
+  } = Ne;
+  return /* @__PURE__ */ g("div", { className: "sf-wrap", children: [
+    e.length ? /* @__PURE__ */ c(
+      Kt,
+      {
+        features: e,
+        type: $t.ante,
+        title: "Ante Bets"
+      },
+      0
+    ) : null,
+    t.length ? /* @__PURE__ */ c(
+      Kt,
+      {
+        features: t,
+        type: $t.buy,
+        title: "Reel Features",
+        onBuy: n.bind(Ne)
+      },
+      1
+    ) : null,
+    r.length ? /* @__PURE__ */ c(
+      Kt,
+      {
+        features: r,
+        type: $t.buy,
+        title: "Bonus",
+        onBuy: n.bind(Ne)
+      },
+      2
+    ) : null
+  ] });
 }, To = F(({ payTableComponent: e }) => {
   const { activePopup: t } = T;
-  if (!t)
-    return null;
+  if (!t) return null;
   const r = dt(() => {
     switch (t) {
       case P.bet:
-        return Co;
+        return wo;
       case P.autoplay:
         return Do;
       case P.settings:
         return Vo;
       case P.history:
-        return Bo;
+        return xo;
       case P.buyBonus:
         return Ro;
       case P.payTable:
@@ -3865,36 +4382,87 @@ const Eo = F(() => {
         return null;
     }
   }, [t]);
-  return r ? c(r, {}) : null;
-}), Po = ({ configs: e, text: t, onClick: r }) => c("button", { type: "button", className: "additional-btn", style: {
-  "--btn-bg": e?.background ?? "transparent",
-  "--btn-color": e?.color ?? "inherit"
-}, onClick: typeof r == "function" ? r : void 0, children: t }), jo = F(() => {
+  return r ? /* @__PURE__ */ c(r, {}) : null;
+}), Po = ({ configs: e, text: t, onClick: r }) => /* @__PURE__ */ c(
+  "button",
+  {
+    type: "button",
+    className: "additional-btn",
+    style: {
+      "--btn-bg": e?.background ?? "transparent",
+      "--btn-color": e?.color ?? "inherit"
+    },
+    onClick: typeof r == "function" ? r : void 0,
+    children: t
+  }
+), jo = F(() => {
   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(Po, { configs: t.configs, text: t.text, onClick: t.onClick }, r)) })] }) : null;
+  return e ? /* @__PURE__ */ g("div", { className: "dialogs-wrap", "aria-live": "polite", children: [
+    /* @__PURE__ */ c("span", { className: "title", children: e?.title }),
+    e?.imagePath && /* @__PURE__ */ c(
+      "img",
+      {
+        className: "dialog-image",
+        src: e.imagePath,
+        alt: e.title ?? "dialog image"
+      }
+    ),
+    /* @__PURE__ */ c("span", { className: "message", children: e?.message }),
+    e.toggle && /* @__PURE__ */ c(
+      Bt,
+      {
+        checked: e.toggle.value,
+        onChange: () => e.toggle?.onClick()
+      }
+    ),
+    /* @__PURE__ */ c("div", { className: "additional-btns", children: e?.buttons?.map((t, r) => /* @__PURE__ */ c(Po, { configs: t.configs, text: t.text, onClick: t.onClick }, r)) })
+  ] }) : null;
 }), Mo = F(({ payTableComponent: e }) => {
   const t = T.activePopup, r = ft.activeDialog;
-  if (!t && !r)
-    return null;
+  if (!t && !r) return null;
   const n = (s) => {
     s.target === s.currentTarget && (T.close(), ft.close());
   }, i = () => {
     T.close(), ft.close();
   };
-  return g("div", { className: `overlay ${r ? "dialog" : ""}`, onClick: n, role: "presentation", children: [typeof t == "string" && c("span", { className: "popup-title", children: t.toUpperCase() }), g("div", { className: "overlay-content", role: "dialog", "aria-modal": "true", children: [r && c(jo, {}), !r && t && c(To, { payTableComponent: e })] }), !r && c("div", { className: "overlay-close", "aria-label": "Close", onClick: i, children: c("img", { src: Ao, alt: "Close" }) }), t === P.buyBonus && c(So, {})] });
+  return /* @__PURE__ */ g(
+    "div",
+    {
+      className: `overlay ${r ? "dialog" : ""}`,
+      onClick: n,
+      role: "presentation",
+      children: [
+        typeof t == "string" && /* @__PURE__ */ c("span", { className: "popup-title", children: t.toUpperCase() }),
+        /* @__PURE__ */ g("div", { className: "overlay-content", role: "dialog", "aria-modal": "true", children: [
+          r && /* @__PURE__ */ c(jo, {}),
+          !r && t && /* @__PURE__ */ c(To, { payTableComponent: e })
+        ] }),
+        !r && /* @__PURE__ */ c("div", { className: "overlay-close", "aria-label": "Close", onClick: i, children: /* @__PURE__ */ c("img", { src: Ao, alt: "Close" }) }),
+        t === P.buyBonus && /* @__PURE__ */ c(So, {})
+      ]
+    }
+  );
 });
 function Io({ payTableComponent: e }) {
-  return g("div", { className: "app", children: [g("div", { className: "game-container", children: [c(yo, {}), c(No, {}), c(go, {})] }), c(Mo, { payTableComponent: e })] });
-}
-const ko = () => c(sn, {});
-function Uo(e, t = ko) {
+  return /* @__PURE__ */ g("div", { className: "app", children: [
+    /* @__PURE__ */ g("div", { className: "game-container", children: [
+      /* @__PURE__ */ c(yo, {}),
+      /* @__PURE__ */ c(No, {}),
+      /* @__PURE__ */ c(go, {})
+    ] }),
+    /* @__PURE__ */ c(Mo, { payTableComponent: e })
+  ] });
+}
+const ko = () => /* @__PURE__ */ c(sn, {});
+function qo(e, t = ko) {
   if (!e) {
     console.error("element not found");
     return;
   }
-  Fr(e).render(c(he.StrictMode, { children: c(Io, { payTableComponent: t }) }));
+  Fr(e).render(
+    /* @__PURE__ */ c(he.StrictMode, { children: /* @__PURE__ */ c(Io, { payTableComponent: t }) })
+  );
 }
-Uo(document.body);
 export {
   at as LOCAL_STORAGE_ITEM_NAMES,
   P as PopupNames,
@@ -3902,7 +4470,7 @@ export {
   ae as betStore,
   $t as bonusFeatureTypes,
   Ne as bonusStore,
-  Uo as createUi,
+  qo as createUi,
   Kn as defaultDialogButtonsConfigs,
   uo as defaultDialogs,
   ao as defaultDialogsNames,