canvasengine 2.0.0-beta.53 → 2.0.0-beta.56

package/dist/index.js

@@ -1,5 +1,5 @@
 import * as Fn from "pixi.js";
-import { Point as k, Rectangle as _t, Sprite as pe, Texture as ct, WRAP_MODES as Hn, DisplacementFilter as Rn, ObservablePoint as bs, BlurFilter as qi, Container as Ft, Graphics as ai, Assets as St, Mesh as Wn, Geometry as jn, Ticker as ws, Text as Bn, TilingSprite as Nn, NineSliceSprite as Vn, DOMContainer as zn, Application as Un, DOMAdapter as Gn, ImageSource as Xn, Matrix as Yn } from "pixi.js";
+import { Point as k, Rectangle as _t, Sprite as pe, Texture as ct, WRAP_MODES as Hn, DisplacementFilter as Rn, ObservablePoint as bs, BlurFilter as qi, Container as Lt, Graphics as ai, Assets as St, Mesh as jn, Geometry as Wn, Ticker as ws, Text as Bn, TilingSprite as Nn, NineSliceSprite as Vn, DOMContainer as zn, Application as Un, DOMAdapter as Gn, ImageSource as Xn, Matrix as Yn } from "pixi.js";
 function $n(s, t) {
   for (var e = 0; e < t.length; e++) {
     const i = t[e];
@@ -119,7 +119,7 @@ function xs(s, t) {
     return { value: f[0] ? f[1] : void 0, done: !0 };
   }
 }
-function Ht(s) {
+function Ft(s) {
   var t = typeof Symbol == "function" && Symbol.iterator, e = t && s[t], i = 0;
   if (e) return e.call(s);
   if (s && typeof s.length == "number") return {
@@ -129,7 +129,7 @@ function Ht(s) {
   };
   throw new TypeError(t ? "Object is not iterable." : "Symbol.iterator is not defined.");
 }
-function $t(s, t) {
+function Yt(s, t) {
   var e = typeof Symbol == "function" && s[Symbol.iterator];
   if (!e) return s;
   var i = e.call(s), n, r = [], a;
@@ -146,13 +146,13 @@ function $t(s, t) {
   }
   return r;
 }
-function qt(s, t, e) {
+function $t(s, t, e) {
   if (e || arguments.length === 2) for (var i = 0, n = t.length, r; i < n; i++)
     (r || !(i in t)) && (r || (r = Array.prototype.slice.call(t, 0, i)), r[i] = t[i]);
   return s.concat(r || Array.prototype.slice.call(t));
 }
-function It(s) {
-  return this instanceof It ? (this.v = s, this) : new It(s);
+function Ot(s) {
+  return this instanceof Ot ? (this.v = s, this) : new Ot(s);
 }
 function Kn(s, t, e) {
   if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
@@ -180,7 +180,7 @@ function Kn(s, t, e) {
     }
   }
   function f(u) {
-    u.value instanceof It ? Promise.resolve(u.value.v).then(p, o) : h(r[0][2], u);
+    u.value instanceof Ot ? Promise.resolve(u.value.v).then(p, o) : h(r[0][2], u);
   }
   function p(u) {
     c("next", u);
@@ -195,7 +195,7 @@ function Kn(s, t, e) {
 function Jn(s) {
   if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
   var t = s[Symbol.asyncIterator], e;
-  return t ? t.call(s) : (s = typeof Ht == "function" ? Ht(s) : s[Symbol.iterator](), e = {}, i("next"), i("throw"), i("return"), e[Symbol.asyncIterator] = function() {
+  return t ? t.call(s) : (s = typeof Ft == "function" ? Ft(s) : s[Symbol.iterator](), e = {}, i("next"), i("throw"), i("return"), e[Symbol.asyncIterator] = function() {
     return this;
   }, e);
   function i(r) {
@@ -247,7 +247,7 @@ var be = (function() {
       if (a)
         if (this._parentage = null, Array.isArray(a))
           try {
-            for (var l = Ht(a), c = l.next(); !c.done; c = l.next()) {
+            for (var l = Ft(a), c = l.next(); !c.done; c = l.next()) {
               var f = c.value;
               f.remove(this);
             }
@@ -273,12 +273,12 @@ var be = (function() {
       if (o) {
         this._finalizers = null;
         try {
-          for (var h = Ht(o), u = h.next(); !u.done; u = h.next()) {
+          for (var h = Ft(o), u = h.next(); !u.done; u = h.next()) {
             var d = u.value;
             try {
               Ki(d);
             } catch (m) {
-              r = r ?? [], m instanceof De ? r = qt(qt([], $t(r)), $t(m.errors)) : r.push(m);
+              r = r ?? [], m instanceof De ? r = $t($t([], Yt(r)), Yt(m.errors)) : r.push(m);
             }
           }
         } catch (m) {
@@ -336,7 +336,7 @@ var Zn = {
   setTimeout: function(s, t) {
     for (var e = [], i = 2; i < arguments.length; i++)
       e[i - 2] = arguments[i];
-    return setTimeout.apply(void 0, qt([s, t], $t(e)));
+    return setTimeout.apply(void 0, $t([s, t], Yt(e)));
   },
   clearTimeout: function(s) {
     return clearTimeout(s);
@@ -360,7 +360,7 @@ var li = (function(s) {
     return i.isStopped = !1, e ? (i.destination = e, As(e) && e.add(i)) : i.destination = ir, i;
   }
   return t.create = function(e, i, n) {
-    return new Kt(e, i, n);
+    return new qt(e, i, n);
   }, t.prototype.next = function(e) {
     this.isStopped || this._next(e);
   }, t.prototype.error = function(e) {
@@ -394,7 +394,7 @@ var li = (function(s) {
       try {
         e.next(t);
       } catch (i) {
-        re(i);
+        ne(i);
       }
   }, s.prototype.error = function(t) {
     var e = this.partialObserver;
@@ -402,20 +402,20 @@ var li = (function(s) {
       try {
         e.error(t);
       } catch (i) {
-        re(i);
+        ne(i);
       }
     else
-      re(t);
+      ne(t);
   }, s.prototype.complete = function() {
     var t = this.partialObserver;
     if (t.complete)
       try {
         t.complete();
       } catch (e) {
-        re(e);
+        ne(e);
       }
   }, s;
-})(), Kt = (function(s) {
+})(), qt = (function(s) {
   kt(t, s);
   function t(e, i, n) {
     var r = s.call(this) || this, a;
@@ -427,7 +427,7 @@ var li = (function(s) {
   }
   return t;
 })(li);
-function re(s) {
+function ne(s) {
   Cs(s);
 }
 function er(s) {
@@ -451,7 +451,7 @@ function sr(s) {
     }, e);
   };
 }
-var I = (function() {
+var D = (function() {
   function s(t) {
     t && (this._subscribe = t);
   }
@@ -459,7 +459,7 @@ var I = (function() {
     var e = new s();
     return e.source = this, e.operator = t, e;
   }, s.prototype.subscribe = function(t, e, i) {
-    var n = this, r = rr(t) ? t : new Kt(t, e, i);
+    var n = this, r = rr(t) ? t : new qt(t, e, i);
     return ue(function() {
       var a = n, l = a.operator, c = a.source;
       r.add(l ? l.call(r, c) : c ? n._subscribe(r) : n._trySubscribe(r));
@@ -473,7 +473,7 @@ var I = (function() {
   }, s.prototype.forEach = function(t, e) {
     var i = this;
     return e = Zi(e), new e(function(n, r) {
-      var a = new Kt({
+      var a = new qt({
         next: function(l) {
           try {
             t(l);
@@ -524,7 +524,7 @@ function rr(s) {
 function or(s) {
   return F(s?.lift);
 }
-function Wt(s) {
+function Rt(s) {
   return function(t) {
     if (or(t))
       return t.lift(function(e) {
@@ -598,7 +598,7 @@ var ar = (function(s) {
       if (i._throwIfClosed(), !i.isStopped) {
         i.currentObservers || (i.currentObservers = Array.from(i.observers));
         try {
-          for (var a = Ht(i.currentObservers), l = a.next(); !l.done; l = a.next()) {
+          for (var a = Ft(i.currentObservers), l = a.next(); !l.done; l = a.next()) {
             var c = l.value;
             c.next(e);
           }
@@ -653,12 +653,12 @@ var ar = (function(s) {
     var i = this, n = i.hasError, r = i.thrownError, a = i.isStopped;
     n ? e.error(r) : a && e.complete();
   }, t.prototype.asObservable = function() {
-    var e = new I();
+    var e = new D();
     return e.source = this, e;
   }, t.create = function(e, i) {
     return new Qi(e, i);
   }, t;
-})(I), Qi = (function(s) {
+})(D), Qi = (function(s) {
   kt(t, s);
   function t(e, i) {
     var n = s.call(this) || this;
@@ -773,13 +773,13 @@ function Fs(s) {
         case 1:
           a.trys.push([1, , 9, 10]), a.label = 2;
         case 2:
-          return [4, It(e.read())];
+          return [4, Ot(e.read())];
         case 3:
-          return i = a.sent(), n = i.value, r = i.done, r ? [4, It(void 0)] : [3, 5];
+          return i = a.sent(), n = i.value, r = i.done, r ? [4, Ot(void 0)] : [3, 5];
         case 4:
           return [2, a.sent()];
         case 5:
-          return [4, It(n)];
+          return [4, Ot(n)];
         case 6:
           return [4, a.sent()];
         case 7:
@@ -798,7 +798,7 @@ function Hs(s) {
   return F(s?.getReader);
 }
 function jt(s) {
-  if (s instanceof I)
+  if (s instanceof D)
     return s;
   if (s != null) {
     if (Es(s))
@@ -817,7 +817,7 @@ function jt(s) {
   throw Is(s);
 }
 function pr(s) {
-  return new I(function(t) {
+  return new D(function(t) {
     var e = s[hi]();
     if (F(e.subscribe))
       return e.subscribe(t);
@@ -825,14 +825,14 @@ function pr(s) {
   });
 }
 function mr(s) {
-  return new I(function(t) {
+  return new D(function(t) {
     for (var e = 0; e < s.length && !t.closed; e++)
       t.next(s[e]);
     t.complete();
   });
 }
 function yr(s) {
-  return new I(function(t) {
+  return new D(function(t) {
     s.then(function(e) {
       t.closed || (t.next(e), t.complete());
     }, function(e) {
@@ -841,10 +841,10 @@ function yr(s) {
   });
 }
 function gr(s) {
-  return new I(function(t) {
+  return new D(function(t) {
     var e, i;
     try {
-      for (var n = Ht(s), r = n.next(); !r.done; r = n.next()) {
+      for (var n = Ft(s), r = n.next(); !r.done; r = n.next()) {
         var a = r.value;
         if (t.next(a), t.closed)
           return;
@@ -862,7 +862,7 @@ function gr(s) {
   });
 }
 function Rs(s) {
-  return new I(function(t) {
+  return new D(function(t) {
     br(s, t).catch(function(e) {
       return t.error(e);
     });
@@ -917,8 +917,8 @@ function mt(s, t, e, i, n) {
   if (s.add(r), !n)
     return r;
 }
-function Ws(s, t) {
-  return t === void 0 && (t = 0), Wt(function(e, i) {
+function js(s, t) {
+  return t === void 0 && (t = 0), Rt(function(e, i) {
     e.subscribe(we(i, function(n) {
       return mt(i, s, function() {
         return i.next(n);
@@ -934,21 +934,21 @@ function Ws(s, t) {
     }));
   });
 }
-function js(s, t) {
-  return t === void 0 && (t = 0), Wt(function(e, i) {
+function Ws(s, t) {
+  return t === void 0 && (t = 0), Rt(function(e, i) {
     i.add(s.schedule(function() {
       return e.subscribe(i);
     }, t));
   });
 }
 function wr(s, t) {
-  return jt(s).pipe(js(t), Ws(t));
+  return jt(s).pipe(Ws(t), js(t));
 }
 function xr(s, t) {
-  return jt(s).pipe(js(t), Ws(t));
+  return jt(s).pipe(Ws(t), js(t));
 }
 function _r(s, t) {
-  return new I(function(e) {
+  return new D(function(e) {
     var i = 0;
     return t.schedule(function() {
       i === s.length ? e.complete() : (e.next(s[i++]), e.closed || this.schedule());
@@ -956,7 +956,7 @@ function _r(s, t) {
   });
 }
 function Sr(s, t) {
-  return new I(function(e) {
+  return new D(function(e) {
     var i;
     return mt(e, t, function() {
       i = s[Ds](), mt(e, t, function() {
@@ -977,7 +977,7 @@ function Sr(s, t) {
 function Bs(s, t) {
   if (!s)
     throw new Error("Iterable cannot be null");
-  return new I(function(e) {
+  return new D(function(e) {
     mt(e, t, function() {
       var i = s[Symbol.asyncIterator]();
       mt(e, t, function() {
@@ -1012,10 +1012,10 @@ function me(s, t) {
   return t ? Cr(s, t) : jt(s);
 }
 function Gl(s) {
-  return !!s && (s instanceof I || F(s.lift) && F(s.subscribe));
+  return !!s && (s instanceof D || F(s.lift) && F(s.subscribe));
 }
 function ui(s, t) {
-  return Wt(function(e, i) {
+  return Rt(function(e, i) {
     var n = 0;
     e.subscribe(we(i, function(r) {
       i.next(s.call(t, r, n++));
@@ -1024,7 +1024,7 @@ function ui(s, t) {
 }
 var kr = Array.isArray;
 function Pr(s, t) {
-  return kr(t) ? s.apply(void 0, qt([], $t(t))) : s(t);
+  return kr(t) ? s.apply(void 0, $t([], Yt(t))) : s(t);
 }
 function Tr(s) {
   return ui(function(t) {
@@ -1063,7 +1063,7 @@ function xe() {
   var e = fr(s), i = ur(s), n = Dr(s), r = n.args, a = n.keys;
   if (r.length === 0)
     return me([], e);
-  var l = new I(Hr(r, e, a ? function(c) {
+  var l = new D(Hr(r, e, a ? function(c) {
     return Fr(a, c);
   } : ci));
   return i ? l.pipe(Tr(i)) : l;
@@ -1089,20 +1089,20 @@ function ts(s, t, e) {
   s ? mt(e, s, t) : t();
 }
 function Rr(s) {
-  return new I(function(t) {
+  return new D(function(t) {
     jt(s()).subscribe(t);
   });
 }
-function Ut(s, t) {
-  return Wt(function(e, i) {
+function zt(s, t) {
+  return Rt(function(e, i) {
     var n = 0;
     e.subscribe(we(i, function(r) {
       return s.call(t, r, n++) && i.next(r);
     }));
   });
 }
-function Wr(s) {
-  return Wt(function(t, e) {
+function jr(s) {
+  return Rt(function(t, e) {
     try {
       t.subscribe(e);
     } finally {
@@ -1124,12 +1124,12 @@ function Ns(s) {
       var b = p;
       y(), b?.unsubscribe();
     };
-    return Wt(function(b, w) {
+    return Rt(function(b, w) {
       u++, !m && !d && g();
       var x = h = h ?? e();
       w.add(function() {
         u--, u === 0 && !m && !d && (o = Le(v, c));
-      }), x.subscribe(w), !p && u > 0 && (p = new Kt({
+      }), x.subscribe(w), !p && u > 0 && (p = new qt({
         next: function(S) {
           return x.next(S);
         },
@@ -1151,15 +1151,15 @@ function Le(s, t) {
     return;
   }
   if (t !== !1) {
-    var n = new Kt({
+    var n = new qt({
       next: function() {
         n.unsubscribe(), s();
       }
     });
-    return jt(t.apply(void 0, qt([], $t(e)))).subscribe(n);
+    return jt(t.apply(void 0, $t([], Yt(e)))).subscribe(n);
   }
 }
-function jr(s, t, e) {
+function Wr(s, t, e) {
   var i, n, r, a, l = !1;
   return s && typeof s == "object" ? (i = s.bufferSize, a = i === void 0 ? 1 / 0 : i, n = s.windowTime, t = n === void 0 ? 1 / 0 : n, r = s.refCount, l = r === void 0 ? !1 : r, e = s.scheduler) : a = s ?? 1 / 0, Ns({
     connector: function() {
@@ -1170,26 +1170,26 @@ function jr(s, t, e) {
     resetOnRefCountZero: l
   });
 }
-function Ot() {
+function Et() {
   return typeof window < "u";
 }
 function lt() {
   return typeof performance < "u" ? performance.now() : Date.now();
 }
-function st(s) {
+function it(s) {
   return 1e3 / s;
 }
 function yt(s) {
   return s && s instanceof Promise;
 }
-function te(s, t) {
+function Qt(s, t) {
   if (s.length !== t.length) return !1;
   for (let e = 0; e < s.length; e++) {
     const i = s[e], n = t[e];
     if (typeof i == "object" && i !== null) {
       if (typeof n != "object" || n === null) return !1;
       if (Array.isArray(i)) {
-        if (!Array.isArray(n) || !te(i, n)) return !1;
+        if (!Array.isArray(n) || !Qt(i, n)) return !1;
       } else if (!Vs(i, n))
         return !1;
     } else if (i !== n)
@@ -1205,7 +1205,7 @@ function Vs(s, t) {
   return !0;
 }
 function Br(s, t) {
-  return s === t ? !0 : typeof s != typeof t ? !1 : typeof s == "object" && s !== null ? Array.isArray(s) ? Array.isArray(t) && te(s, t) : Vs(s, t) : !1;
+  return s === t ? !0 : typeof s != typeof t ? !1 : typeof s == "object" && s !== null ? Array.isArray(s) ? Array.isArray(t) && Qt(s, t) : Vs(s, t) : !1;
 }
 function fi(s) {
   return {}.toString.call(s) === "[object Function]";
@@ -1214,7 +1214,7 @@ function _e(s) {
   return typeof s == "object" && s != null && !Array.isArray(s) && s.constructor === Object;
 }
 function zs(s) {
-  return s instanceof I;
+  return s instanceof D;
 }
 function qe(s, t, e, i = !1) {
   if (Object(s) !== s) return s;
@@ -1253,12 +1253,12 @@ function Us(s, t, e, i) {
 }
 const Xl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  arrayEquals: te,
+  arrayEquals: Qt,
   calculateDistance: Us,
   error: di,
-  fps2ms: st,
+  fps2ms: it,
   get: Nr,
-  isBrowser: Ot,
+  isBrowser: Et,
   isFunction: fi,
   isObject: _e,
   isObservable: zs,
@@ -1279,7 +1279,7 @@ class pi {
   start() {
     this.setupListeners(), this.interval = setInterval(() => {
       this.preStep();
-    }, st(this.serverFps ?? 60));
+    }, it(this.serverFps ?? 60));
   }
   /**
    * Stop the control processing and cleanup resources
@@ -1754,7 +1754,7 @@ class Gr extends pi {
     super.listenInputs(), this.keyState = {};
   }
 }
-var Q = { events: {}, publish: function(t, e) {
+var Z = { events: {}, publish: function(t, e) {
   this.events.hasOwnProperty(t) && this.events[t].forEach(function(i) {
     return i(e);
   });
@@ -1763,7 +1763,7 @@ var Q = { events: {}, publish: function(t, e) {
     var i = this.events[t].indexOf(e);
     i !== -1 && this.events[t].splice(i, 1);
   }).bind(this) };
-} }, O = { CONNECT: { NATIVE: "gamepadconnected", ALIAS: "connect" }, DISCONNECT: { NATIVE: "gamepaddisconnected", ALIAS: "disconnect" }, BUTTON_PRESS: { ALIAS: "button_press" }, BUTTON_RELEASE: { ALIAS: "button_release" }, AXIS_MOVEMENT: { ALIAS: "axis_move" } }, Tt = { LEFT: { NAME: "left_stick", AXES: { X: 0, Y: 1 } }, RIGHT: { NAME: "right_stick", AXES: { X: 2, Y: 3 } } }, oe = { LEFT: "left", RIGHT: "right", TOP: "top", BOTTOM: "bottom" }, Xr = { button_0: 0, button_1: 1, button_2: 2, button_3: 3, button_4: 4, button_5: 5, button_6: 6, button_7: 7, button_8: 8, button_9: 9, button_10: 10, button_11: 11, button_12: 12, button_13: 13, button_14: 14, button_15: 15, button_16: 16, button_17: 17 }, Yr = 0.8, Xs = function(s) {
+} }, O = { CONNECT: { NATIVE: "gamepadconnected", ALIAS: "connect" }, DISCONNECT: { NATIVE: "gamepaddisconnected", ALIAS: "disconnect" }, BUTTON_PRESS: { ALIAS: "button_press" }, BUTTON_RELEASE: { ALIAS: "button_release" }, AXIS_MOVEMENT: { ALIAS: "axis_move" } }, Tt = { LEFT: { NAME: "left_stick", AXES: { X: 0, Y: 1 } }, RIGHT: { NAME: "right_stick", AXES: { X: 2, Y: 3 } } }, re = { LEFT: "left", RIGHT: "right", TOP: "top", BOTTOM: "bottom" }, Xr = { button_0: 0, button_1: 1, button_2: 2, button_3: 3, button_4: 4, button_5: 5, button_6: 6, button_7: 7, button_8: 8, button_9: 9, button_10: 10, button_11: 11, button_12: 12, button_13: 13, button_14: 14, button_15: 15, button_16: 16, button_17: 17 }, Yr = 0.8, Xs = function(s) {
   console.warn && typeof console.warn == "function" ? console.warn(s) : console.log(s);
 }, $r = function(s, t) {
   var e = [];
@@ -1774,20 +1774,20 @@ var Q = { events: {}, publish: function(t, e) {
   return !!s && !!s.type && !!s.playEffect && typeof s.playEffect == "function" || !1;
 }, Kr = function() {
   return !!window.navigator.getGamepads && typeof window.navigator.getGamepads == "function" || !1;
-}, X = { loopStarted: !1, instances: {}, buttonEvents: { joypad: [] }, settings: { axisMovementThreshold: Yr }, remove: function(t) {
+}, G = { loopStarted: !1, instances: {}, buttonEvents: { joypad: [] }, settings: { axisMovementThreshold: Yr }, remove: function(t) {
   return delete this.instances[t];
 }, on: function(t, e) {
   switch (t) {
     case O.CONNECT.ALIAS:
-      return Q.subscribe(O.CONNECT.ALIAS, e);
+      return Z.subscribe(O.CONNECT.ALIAS, e);
     case O.DISCONNECT.ALIAS:
-      return Q.subscribe(O.DISCONNECT.ALIAS, e);
+      return Z.subscribe(O.DISCONNECT.ALIAS, e);
     case O.BUTTON_PRESS.ALIAS:
-      return Q.subscribe(O.BUTTON_PRESS.ALIAS, e);
+      return Z.subscribe(O.BUTTON_PRESS.ALIAS, e);
     case O.BUTTON_RELEASE.ALIAS:
-      return Q.subscribe(O.BUTTON_RELEASE.ALIAS, e);
+      return Z.subscribe(O.BUTTON_RELEASE.ALIAS, e);
     case O.AXIS_MOVEMENT.ALIAS:
-      return Q.subscribe(O.AXIS_MOVEMENT.ALIAS, e);
+      return Z.subscribe(O.AXIS_MOVEMENT.ALIAS, e);
   }
 }, vibrate: function(t, e) {
   var i = t.vibrationActuator, n = e || this.settings.vibration;
@@ -1800,10 +1800,10 @@ var Q = { events: {}, publish: function(t, e) {
   var e = t.axisMovementThreshold, i = t.vibration, n = t.customButtonMapping, r = parseFloat(e);
   isNaN(r) || (this.settings.axisMovementThreshold = r), this.settings.vibration = i, this.settings.customButtonMapping = n;
 }, trigger: function(t, e) {
-  return Q.publish(t, e);
+  return Z.publish(t, e);
 } }, Jr = function(s) {
   s.buttons.forEach(function(t, e) {
-    var i = X.settings.customButtonMapping, n = i || Xr, r = $r(e, n), a = X.buttonEvents;
+    var i = G.settings.customButtonMapping, n = i || Xr, r = $r(e, n), a = G.buttonEvents;
     r && r.length && r.forEach(function(l) {
       t.pressed ? (a.joypad[s.index][l] || (a.joypad[s.index][l] = { pressed: !0, hold: !1, released: !1 }), a.joypad[s.index][l].button = t, a.joypad[s.index][l].index = e, a.joypad[s.index][l].gamepad = s) : !t.pressed && a.joypad[s.index][l] && (a.joypad[s.index][l].released = !0, a.joypad[s.index][l].hold = !1);
     });
@@ -1811,11 +1811,11 @@ var Q = { events: {}, publish: function(t, e) {
 }, Zr = function(s) {
   var t = function(a) {
     return new CustomEvent(O.AXIS_MOVEMENT.ALIAS, { detail: a });
-  }, e = X.settings.axisMovementThreshold, i = s.axes, n = i.length, r = n / 2;
+  }, e = G.settings.axisMovementThreshold, i = s.axes, n = i.length, r = n / 2;
   i.forEach(function(a, l) {
     if (Math.abs(a) > e) {
       var c = null, f = null, p = a;
-      c = l < r ? Tt.LEFT.NAME : Tt.RIGHT.NAME, (l === Tt.LEFT.AXES.X || l === Tt.RIGHT.AXES.X) && (f = a < 0 ? oe.LEFT : oe.RIGHT), (l === Tt.LEFT.AXES.Y || l === Tt.RIGHT.AXES.Y) && (f = a < 0 ? oe.TOP : oe.BOTTOM);
+      c = l < r ? Tt.LEFT.NAME : Tt.RIGHT.NAME, (l === Tt.LEFT.AXES.X || l === Tt.RIGHT.AXES.X) && (f = a < 0 ? re.LEFT : re.RIGHT), (l === Tt.LEFT.AXES.Y || l === Tt.RIGHT.AXES.Y) && (f = a < 0 ? re.TOP : re.BOTTOM);
       var o = { gamepad: s, totalSticks: r, stickMoved: c, directionOfMovement: f, axisMovementValue: p, axis: l };
       return window.dispatchEvent(t(o));
     }
@@ -1823,9 +1823,9 @@ var Q = { events: {}, publish: function(t, e) {
 }, Qr = function(s, t) {
   t[s].pressed ? (is(O.BUTTON_PRESS.ALIAS, t, s), t[s].pressed = !1, t[s].hold = !0, t[s].last_event = O.BUTTON_PRESS.ALIAS) : t[s].hold || t[s].released && t[s].last_event === O.BUTTON_PRESS.ALIAS && (is(O.BUTTON_RELEASE.ALIAS, t, s), delete t[s]);
 }, Fe = { id: null, start: function() {
-  var t = window.requestAnimationFrame || window.webkitRequestAnimationFrame, e = X.buttonEvents, i = window.navigator.getGamepads();
+  var t = window.requestAnimationFrame || window.webkitRequestAnimationFrame, e = G.buttonEvents, i = window.navigator.getGamepads();
   i = Array.prototype.slice.call(i), i.forEach(function(n, r) {
-    n && (e.joypad[r] || (e.joypad[r] = {}), X.instances[r] = n, Jr(n), Zr(n));
+    n && (e.joypad[r] || (e.joypad[r] = {}), G.instances[r] = n, Jr(n), Zr(n));
   }), e.joypad.forEach(function(n) {
     n && Object.keys(n).forEach(function(r) {
       Qr(r, n);
@@ -1836,17 +1836,17 @@ var Q = { events: {}, publish: function(t, e) {
   return e(t);
 } }, to = function() {
   window.addEventListener(O.CONNECT.NATIVE, function(s) {
-    if (Q.publish(O.CONNECT.ALIAS, s), !X.loopStarted)
-      return X.loopStarted = !0, Fe.start();
+    if (Z.publish(O.CONNECT.ALIAS, s), !G.loopStarted)
+      return G.loopStarted = !0, Fe.start();
   }), window.addEventListener(O.DISCONNECT.NATIVE, function(s) {
-    if (Q.publish(O.DISCONNECT.ALIAS, s), X.remove(s.gamepad.index), X.buttonEvents.joypad[s.gamepad.index] = null, !Object.keys(X.instances).length)
-      return X.loopStarted = !1, Fe.stop(Fe.id);
+    if (Z.publish(O.DISCONNECT.ALIAS, s), G.remove(s.gamepad.index), G.buttonEvents.joypad[s.gamepad.index] = null, !Object.keys(G.instances).length)
+      return G.loopStarted = !1, Fe.stop(Fe.id);
   }), window.addEventListener(O.BUTTON_PRESS.ALIAS, function(s) {
-    return Q.publish(O.BUTTON_PRESS.ALIAS, s);
+    return Z.publish(O.BUTTON_PRESS.ALIAS, s);
   }), window.addEventListener(O.BUTTON_RELEASE.ALIAS, function(s) {
-    return Q.publish(O.BUTTON_RELEASE.ALIAS, s);
+    return Z.publish(O.BUTTON_RELEASE.ALIAS, s);
   }), window.addEventListener(O.AXIS_MOVEMENT.ALIAS, function(s) {
-    return Q.publish(O.AXIS_MOVEMENT.ALIAS, s);
+    return Z.publish(O.AXIS_MOVEMENT.ALIAS, s);
   });
 }, is = function(s, t, e) {
   var i = function(c) {
@@ -1855,7 +1855,7 @@ var Q = { events: {}, publish: function(t, e) {
   window.dispatchEvent(i(l));
 };
 to();
-Kr() ? window.joypad = X : (window.joypad = {}, Xs("Your browser does not support the Gamepad API - https://developer.mozilla.org/en-US/docs/Web/API/Gamepad_API"));
+Kr() ? window.joypad = G : (window.joypad = {}, Xs("Your browser does not support the Gamepad API - https://developer.mozilla.org/en-US/docs/Web/API/Gamepad_API"));
 const He = {
   button_0: "action",
   button_1: "back",
@@ -2135,7 +2135,7 @@ class eo extends pi {
     this.joypad || this.initGamepad();
   }
 }
-const We = {
+const je = {
   top: "up",
   bottom: "down",
   left: "left",
@@ -2149,7 +2149,7 @@ class io extends pi {
   constructor() {
     super(...arguments), this.joystickEnabled = !0, this.joystickConfig = {
       enabled: !0,
-      directionMapping: We,
+      directionMapping: je,
       moveInterval: 50,
       threshold: 0.1
     }, this.joystickMoving = !1, this.joystickDirections = {}, this.joystickLastUpdate = 0, this.joystickMoveInterval = null, this.currentPower = 0;
@@ -2185,7 +2185,7 @@ class io extends pi {
       this.stopAllMovements();
       return;
     }
-    const e = this.joystickConfig.directionMapping || We, i = t.direction, n = e[i];
+    const e = this.joystickConfig.directionMapping || je, i = t.direction, n = e[i];
     if (!n) {
       this.stopAllMovements();
       return;
@@ -2256,7 +2256,7 @@ class io extends pi {
   updateJoystickConfig(t) {
     this.joystickConfig = {
       enabled: t.enabled !== void 0 ? t.enabled : !0,
-      directionMapping: t.directionMapping || We,
+      directionMapping: t.directionMapping || je,
       moveInterval: t.moveInterval || 50,
       threshold: t.threshold || 0.1
     };
@@ -2334,9 +2334,9 @@ class io extends pi {
   }
 }
 const Ke = {};
-class $ {
+class Y {
 }
-function q(s, t) {
+function $(s, t) {
   Ke[s] = t;
 }
 function mi(s, t) {
@@ -2345,7 +2345,7 @@ function mi(s, t) {
   const e = new Ke[t]();
   return e.onInit?.(s), e;
 }
-var so = Object.defineProperty, D = (s, t) => so(s, "name", { value: t, configurable: !0 }), Dt, ae = (Dt = class extends Ct {
+var so = Object.defineProperty, I = (s, t) => so(s, "name", { value: t, configurable: !0 }), It, oe = (It = class extends Ct {
   _items = [];
   constructor(t = []) {
     super({
@@ -2355,7 +2355,7 @@ var so = Object.defineProperty, D = (s, t) => so(s, "name", { value: t, configur
   }
   createProxy(t) {
     this._items = new Proxy(t, {
-      get: /* @__PURE__ */ D((e, i, n) => {
+      get: /* @__PURE__ */ I((e, i, n) => {
         const r = e[i];
         return typeof r == "function" ? (...a) => {
           let l = "update", c, f = !1, p = [], o = !0;
@@ -2390,7 +2390,7 @@ var so = Object.defineProperty, D = (s, t) => so(s, "name", { value: t, configur
           })), h;
         } : Reflect.get(e, i, n);
       }, "get"),
-      set: /* @__PURE__ */ D((e, i, n) => {
+      set: /* @__PURE__ */ I((e, i, n) => {
         const r = isNaN(Number(i)) ? void 0 : Number(i);
         return e[i] = n, this.next({
           type: "update",
@@ -2411,7 +2411,7 @@ var so = Object.defineProperty, D = (s, t) => so(s, "name", { value: t, configur
       items: t
     });
   }
-}, D(Dt, "ArraySubject"), Dt), Yl = /* @__PURE__ */ D((s) => "_items" in s, "isArraySubject"), Lt, le = (Lt = class extends Ct {
+}, I(It, "ArraySubject"), It), Yl = /* @__PURE__ */ I((s) => "_items" in s, "isArraySubject"), Dt, ae = (Dt = class extends Ct {
   _obj;
   constructor(t = {}) {
     super({
@@ -2421,8 +2421,8 @@ var so = Object.defineProperty, D = (s, t) => so(s, "name", { value: t, configur
   }
   createProxy(t) {
     this._obj = new Proxy(t, {
-      get: /* @__PURE__ */ D((e, i, n) => Reflect.get(e, i, n), "get"),
-      set: /* @__PURE__ */ D((e, i, n, r) => {
+      get: /* @__PURE__ */ I((e, i, n) => Reflect.get(e, i, n), "get"),
+      set: /* @__PURE__ */ I((e, i, n, r) => {
         const a = i, l = a in e ? "update" : "add";
         return e[a] = n, this.next({
           type: l,
@@ -2430,7 +2430,7 @@ var so = Object.defineProperty, D = (s, t) => so(s, "name", { value: t, configur
           value: n
         }), !0;
       }, "set"),
-      deleteProperty: /* @__PURE__ */ D((e, i) => {
+      deleteProperty: /* @__PURE__ */ I((e, i) => {
         const n = i;
         if (n in e) {
           const r = e[n];
@@ -2453,7 +2453,7 @@ var so = Object.defineProperty, D = (s, t) => so(s, "name", { value: t, configur
       value: t
     });
   }
-}, D(Lt, "ObjectSubject"), Lt), $l = /* @__PURE__ */ D((s) => "_obj" in s, "isObjectSubject"), no = /* @__PURE__ */ D(() => {
+}, I(Dt, "ObjectSubject"), Dt), $l = /* @__PURE__ */ I((s) => "_obj" in s, "isObjectSubject"), no = /* @__PURE__ */ I(() => {
   const s = "__REACTIVE_STORE__";
   if (typeof globalThis < "u")
     return globalThis[s] || (globalThis[s] = {
@@ -2476,26 +2476,26 @@ var so = Object.defineProperty, D = (s, t) => so(s, "name", { value: t, configur
     currentDependencyTracker: null,
     currentSubscriptionsTracker: null
   }), t[s];
-}, "getGlobalReactiveStore"), B = no(), yi = /* @__PURE__ */ D((s) => {
-  B.currentDependencyTracker && B.currentDependencyTracker(s);
+}, "getGlobalReactiveStore"), N = no(), yi = /* @__PURE__ */ I((s) => {
+  N.currentDependencyTracker && N.currentDependencyTracker(s);
 }, "trackDependency");
 function P(s, t) {
   let e;
-  Array.isArray(s) ? e = new ae(s) : typeof s == "object" && s !== null ? e = new le(s) : e = new Ct(s);
-  const i = /* @__PURE__ */ D(() => e instanceof ae ? e.items : e instanceof le ? e.obj : e.value, "getValue"), n = /* @__PURE__ */ D(function() {
+  Array.isArray(s) ? e = new oe(s) : typeof s == "object" && s !== null ? e = new ae(s) : e = new Ct(s);
+  const i = /* @__PURE__ */ I(() => e instanceof oe ? e.items : e instanceof ae ? e.obj : e.value, "getValue"), n = /* @__PURE__ */ I(function() {
     return yi(n), i();
   }, "fn");
   return n.set = (r) => {
     const a = i();
     let l = !0;
-    t?.equal ? l = !t.equal(a, r) : l = a !== r, l && (e instanceof ae ? e.items = r : e instanceof le ? e.obj = r : e.next(r));
+    t?.equal ? l = !t.equal(a, r) : l = a !== r, l && (e instanceof oe ? e.items = r : e instanceof ae ? e.obj = r : e.next(r));
   }, n._isFrozen = !1, n.freeze = () => {
     n._isFrozen = !0;
   }, n.unfreeze = () => {
-    n._isFrozen = !1, e instanceof ae ? e.next({
+    n._isFrozen = !1, e instanceof oe ? e.next({
       type: "init",
       items: e.items
-    }) : e instanceof le ? e.next({
+    }) : e instanceof ae ? e.next({
       type: "init",
       value: e.obj
     }) : e.next(e.value);
@@ -2505,41 +2505,41 @@ function P(s, t) {
   }, n.update = (r) => {
     const a = r(i());
     n.set(a);
-  }, n.observable = e.asObservable().pipe(Ut(() => !n._isFrozen)), n._subject = e, n;
+  }, n.observable = e.asObservable().pipe(zt(() => !n._isFrozen)), n._subject = e, n;
 }
-D(P, "signal");
+I(P, "signal");
 function _(s) {
   return !!(s && s.observable);
 }
-D(_, "isSignal");
-function ee(s) {
+I(_, "isSignal");
+function te(s) {
   return _(s) && !!s.dependencies;
 }
-D(ee, "isComputed");
-function J(s, t) {
+I(te, "isComputed");
+function K(s, t) {
   const e = /* @__PURE__ */ new Set();
   let i = !0, n;
-  const r = B.currentDependencyTracker;
-  B.currentDependencyTracker = (f) => {
+  const r = N.currentDependencyTracker;
+  N.currentDependencyTracker = (f) => {
     e.add(f);
-  }, n = s(), s.isEffect && (t = n), B.currentDependencyTracker = r;
+  }, n = s(), s.isEffect && (t = n), N.currentDependencyTracker = r;
   const a = [
     ...e
   ].map((f) => {
-    if (ee(f) && "dependencies" in f) {
+    if (te(f) && "dependencies" in f) {
       const p = f;
       if (p.dependencies.size === 0)
         return new Ct(p()).asObservable();
     }
     return f.observable;
-  }), l = xe(a).pipe(Ut(() => !i), ui(() => s()), Wr(() => t?.())), c = /* @__PURE__ */ D(function() {
+  }), l = xe(a).pipe(zt(() => !i), ui(() => s()), jr(() => t?.())), c = /* @__PURE__ */ I(function() {
     return yi(c), n;
   }, "fn");
   return c.observable = l, c.subscription = l.subscribe((f) => {
     n = f;
-  }), c.dependencies = e, B.currentSubscriptionsTracker?.(c.subscription), i = !1, c;
+  }), c.dependencies = e, N.currentSubscriptionsTracker?.(c.subscription), i = !1, c;
 }
-D(J, "computed");
+I(K, "computed");
 function ro(s, t) {
   const e = /* @__PURE__ */ new Set();
   let i = !0, n, r, a, l, c, f, p = !1, o, h = 0, u = null;
@@ -2549,7 +2549,7 @@ function ro(s, t) {
     const b = s;
     if (a = b.source, l = b.computation, c = b.equal, typeof a == "function" && !_(a)) {
       const w = a;
-      r = /* @__PURE__ */ D(() => {
+      r = /* @__PURE__ */ I(() => {
         const x = w();
         if (l.length > 1) {
           const S = l(x, f);
@@ -2567,7 +2567,7 @@ function ro(s, t) {
       }, "computeFunction");
     } else {
       const w = a;
-      r = /* @__PURE__ */ D(() => {
+      r = /* @__PURE__ */ I(() => {
         const x = w();
         if (l.length > 1) {
           const S = l(x, f);
@@ -2585,14 +2585,14 @@ function ro(s, t) {
       }, "computeFunction");
     }
   }
-  const d = B.currentDependencyTracker;
-  B.currentDependencyTracker = (b) => {
+  const d = N.currentDependencyTracker;
+  N.currentDependencyTracker = (b) => {
     e.add(b);
-  }, a && typeof a == "function" && !_(a) || a && _(a) && e.add(a), n = r(), B.currentDependencyTracker = d;
+  }, a && typeof a == "function" && !_(a) || a && _(a) && e.add(a), n = r(), N.currentDependencyTracker = d;
   const m = new Ct(n), g = [
     ...e
   ].map((b) => {
-    if (ee(b) && "dependencies" in b) {
+    if (te(b) && "dependencies" in b) {
       const w = b;
       if (w.dependencies.size === 0)
         return new Ct(w()).asObservable();
@@ -2600,11 +2600,11 @@ function ro(s, t) {
     return b.observable;
   });
   let y;
-  g.length > 0 ? y = xe(g).pipe(Ut(() => !i), ui(() => {
+  g.length > 0 ? y = xe(g).pipe(zt(() => !i), ui(() => {
     const b = r();
     return c ? c(n, b) || (n = b, p = !1) : n !== b && (n = b, p = !1), n;
-  })) : y = m.asObservable().pipe(Ut(() => !i));
-  const v = /* @__PURE__ */ D(function() {
+  })) : y = m.asObservable().pipe(zt(() => !i));
+  const v = /* @__PURE__ */ I(function() {
     if (yi(v), p && e.size > 0) {
       if (u !== h) {
         const b = r();
@@ -2614,12 +2614,12 @@ function ro(s, t) {
     }
     return p ? o : (e.size === 0 && (n = r()), n);
   }, "fn");
-  return v.observable = new I((b) => {
+  return v.observable = new D((b) => {
     const w = y.subscribe((S) => {
       e.size > 0 && (h++, p = !1, u = null), n = S, b.next(S);
     });
     let x;
-    return e.size === 0 && (x = m.pipe(Ut(() => !i)).subscribe((S) => {
+    return e.size === 0 && (x = m.pipe(zt(() => !i)).subscribe((S) => {
       b.next(S);
     })), b.next(n), () => {
       w.unsubscribe(), x && x.unsubscribe();
@@ -2636,23 +2636,23 @@ function ro(s, t) {
       }),
       value: b
     })), p = !0, o = b, n = b, m.next(b);
-  }, B.currentSubscriptionsTracker?.(v.subscription), i = !1, v;
+  }, N.currentSubscriptionsTracker?.(v.subscription), i = !1, v;
 }
-D(ro, "linkedSignal");
+I(ro, "linkedSignal");
 function Ys(s) {
-  const t = B.currentDependencyTracker, e = B.currentSubscriptionsTracker;
-  B.currentDependencyTracker = null, B.currentSubscriptionsTracker = null;
+  const t = N.currentDependencyTracker, e = N.currentSubscriptionsTracker;
+  N.currentDependencyTracker = null, N.currentSubscriptionsTracker = null;
   try {
     return s();
   } finally {
-    B.currentDependencyTracker = t, B.currentSubscriptionsTracker = e;
+    N.currentDependencyTracker = t, N.currentSubscriptionsTracker = e;
   }
 }
-D(Ys, "untracked");
+I(Ys, "untracked");
 function H(s) {
-  return s.isEffect = !0, J(s);
+  return s.isEffect = !0, K(s);
 }
-D(H, "effect");
+I(H, "effect");
 function $s(s, t) {
   var e = {};
   for (var i in s) Object.prototype.hasOwnProperty.call(s, i) && t.indexOf(i) < 0 && (e[i] = s[i]);
@@ -2663,18 +2663,18 @@ function $s(s, t) {
 }
 var ss = function() {
 };
-const Je = (s, t, e) => Math.min(Math.max(e, s), t), je = 1e-3, oo = 0.01, ao = 10, lo = 0.05, ho = 1;
+const Je = (s, t, e) => Math.min(Math.max(e, s), t), We = 1e-3, oo = 0.01, ao = 10, lo = 0.05, ho = 1;
 function co({ duration: s = 800, bounce: t = 0.25, velocity: e = 0, mass: i = 1 }) {
   let n, r, a = 1 - t;
   a = Je(lo, ho, a), s = Je(oo, ao, s / 1e3), a < 1 ? (n = (f) => {
     const p = f * a, o = p * s, h = p - e, u = Ze(f, a), d = Math.exp(-o);
-    return je - h / u * d;
+    return We - h / u * d;
   }, r = (f) => {
     const o = f * a * s, h = o * e + e, u = Math.pow(a, 2) * Math.pow(f, 2) * s, d = Math.exp(-o), m = Ze(Math.pow(f, 2), a);
-    return (-n(f) + je > 0 ? -1 : 1) * ((h - u) * d) / m;
+    return (-n(f) + We > 0 ? -1 : 1) * ((h - u) * d) / m;
   }) : (n = (f) => {
     const p = Math.exp(-f * s), o = (f - e) * s + 1;
-    return -je + p * o;
+    return -We + p * o;
   }, r = (f) => {
     const p = Math.exp(-f * s), o = (e - f) * (s * s);
     return p * o;
@@ -2762,8 +2762,8 @@ gi.needsInterpolation = (s, t) => typeof s == "string" || typeof t == "string";
 const rs = (s) => 0, qs = (s, t, e) => {
   const i = t - s;
   return i === 0 ? 1 : (e - s) / i;
-}, vi = (s, t, e) => -e * s + e * t + s, Ks = (s, t) => (e) => Math.max(Math.min(e, t), s), Gt = (s) => s % 1 ? Number(s.toFixed(5)) : s, ye = /(-)?([\d]*\.?[\d])+/g, Qe = /(#[0-9a-f]{6}|#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))/gi, go = /^(#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;
-function ie(s) {
+}, vi = (s, t, e) => -e * s + e * t + s, Ks = (s, t) => (e) => Math.max(Math.min(e, t), s), Ut = (s) => s % 1 ? Number(s.toFixed(5)) : s, ye = /(-)?([\d]*\.?[\d])+/g, Qe = /(#[0-9a-f]{6}|#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))/gi, go = /^(#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;
+function ee(s) {
   return typeof s == "string";
 }
 const Se = {
@@ -2773,13 +2773,13 @@ const Se = {
 }, Js = Object.assign(Object.assign({}, Se), { transform: Ks(0, 1) });
 Object.assign(Object.assign({}, Se), { default: 1 });
 const vo = (s) => ({
-  test: (t) => ie(t) && t.endsWith(s) && t.split(" ").length === 1,
+  test: (t) => ee(t) && t.endsWith(s) && t.split(" ").length === 1,
   parse: parseFloat,
   transform: (t) => `${t}${s}`
-}), Xt = vo("%");
-Object.assign(Object.assign({}, Xt), { parse: (s) => Xt.parse(s) / 100, transform: (s) => Xt.transform(s * 100) });
-const bi = (s, t) => (e) => !!(ie(e) && go.test(e) && e.startsWith(s) || t && Object.prototype.hasOwnProperty.call(e, t)), Zs = (s, t, e) => (i) => {
-  if (!ie(i))
+}), Gt = vo("%");
+Object.assign(Object.assign({}, Gt), { parse: (s) => Gt.parse(s) / 100, transform: (s) => Gt.transform(s * 100) });
+const bi = (s, t) => (e) => !!(ee(e) && go.test(e) && e.startsWith(s) || t && Object.prototype.hasOwnProperty.call(e, t)), Zs = (s, t, e) => (i) => {
+  if (!ee(i))
     return i;
   const [n, r, a, l] = i.match(ye);
   return {
@@ -2791,11 +2791,11 @@ const bi = (s, t) => (e) => !!(ie(e) && go.test(e) && e.startsWith(s) || t && Ob
 }, xt = {
   test: bi("hsl", "hue"),
   parse: Zs("hue", "saturation", "lightness"),
-  transform: ({ hue: s, saturation: t, lightness: e, alpha: i = 1 }) => "hsla(" + Math.round(s) + ", " + Xt.transform(Gt(t)) + ", " + Xt.transform(Gt(e)) + ", " + Gt(Js.transform(i)) + ")"
+  transform: ({ hue: s, saturation: t, lightness: e, alpha: i = 1 }) => "hsla(" + Math.round(s) + ", " + Gt.transform(Ut(t)) + ", " + Gt.transform(Ut(e)) + ", " + Ut(Js.transform(i)) + ")"
 }, bo = Ks(0, 255), Be = Object.assign(Object.assign({}, Se), { transform: (s) => Math.round(bo(s)) }), pt = {
   test: bi("rgb", "red"),
   parse: Zs("red", "green", "blue"),
-  transform: ({ red: s, green: t, blue: e, alpha: i = 1 }) => "rgba(" + Be.transform(s) + ", " + Be.transform(t) + ", " + Be.transform(e) + ", " + Gt(Js.transform(i)) + ")"
+  transform: ({ red: s, green: t, blue: e, alpha: i = 1 }) => "rgba(" + Be.transform(s) + ", " + Be.transform(t) + ", " + Be.transform(e) + ", " + Ut(Js.transform(i)) + ")"
 };
 function wo(s) {
   let t = "", e = "", i = "", n = "";
@@ -2813,11 +2813,11 @@ const ti = {
 }, Ae = {
   test: (s) => pt.test(s) || ti.test(s) || xt.test(s),
   parse: (s) => pt.test(s) ? pt.parse(s) : xt.test(s) ? xt.parse(s) : ti.parse(s),
-  transform: (s) => ie(s) ? s : s.hasOwnProperty("red") ? pt.transform(s) : xt.transform(s)
+  transform: (s) => ee(s) ? s : s.hasOwnProperty("red") ? pt.transform(s) : xt.transform(s)
 }, Qs = "${c}", tn = "${n}";
 function xo(s) {
   var t, e, i, n;
-  return isNaN(s) && ie(s) && ((e = (t = s.match(ye)) === null || t === void 0 ? void 0 : t.length) !== null && e !== void 0 ? e : 0) + ((n = (i = s.match(Qe)) === null || i === void 0 ? void 0 : i.length) !== null && n !== void 0 ? n : 0) > 0;
+  return isNaN(s) && ee(s) && ((e = (t = s.match(ye)) === null || t === void 0 ? void 0 : t.length) !== null && e !== void 0 ? e : 0) + ((n = (i = s.match(Qe)) === null || i === void 0 ? void 0 : i.length) !== null && n !== void 0 ? n : 0) > 0;
 }
 function en(s) {
   typeof s == "number" && (s = `${s}`);
@@ -2836,7 +2836,7 @@ function nn(s) {
   return (r) => {
     let a = i;
     for (let l = 0; l < n; l++)
-      a = a.replace(l < e ? Qs : tn, l < e ? Ae.transform(r[l]) : Gt(r[l]));
+      a = a.replace(l < e ? Qs : tn, l < e ? Ae.transform(r[l]) : Ut(r[l]));
     return a;
   };
 }
@@ -2957,11 +2957,11 @@ function un(s, t, { clamp: e = !0, ease: i, mixer: n } = {}) {
 const Ce = (s) => (t) => 1 - s(1 - t), wi = (s) => (t) => t <= 0.5 ? s(2 * t) / 2 : (2 - s(2 * (1 - t))) / 2, Lo = (s) => (t) => Math.pow(t, s), fn = (s) => (t) => t * t * ((s + 1) * t - s), Fo = (s) => {
   const t = fn(s);
   return (e) => (e *= 2) < 1 ? 0.5 * t(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1)));
-}, dn = 1.525, Ho = 4 / 11, Ro = 8 / 11, Wo = 9 / 10, jo = (s) => s, xi = Lo(2), Bo = Ce(xi), pn = wi(xi), mn = (s) => 1 - Math.sin(Math.acos(s)), yn = Ce(mn), No = wi(yn), _i = fn(dn), Vo = Ce(_i), zo = wi(_i), Uo = Fo(dn), Go = 4356 / 361, Xo = 35442 / 1805, Yo = 16061 / 1805, ge = (s) => {
+}, dn = 1.525, Ho = 4 / 11, Ro = 8 / 11, jo = 9 / 10, Wo = (s) => s, xi = Lo(2), Bo = Ce(xi), pn = wi(xi), mn = (s) => 1 - Math.sin(Math.acos(s)), yn = Ce(mn), No = wi(yn), _i = fn(dn), Vo = Ce(_i), zo = wi(_i), Uo = Fo(dn), Go = 4356 / 361, Xo = 35442 / 1805, Yo = 16061 / 1805, ge = (s) => {
   if (s === 1 || s === 0)
     return s;
   const t = s * s;
-  return s < Ho ? 7.5625 * t : s < Ro ? 9.075 * t - 9.9 * s + 3.4 : s < Wo ? Go * t - Xo * s + Yo : 10.8 * s * s - 20.52 * s + 10.72;
+  return s < Ho ? 7.5625 * t : s < Ro ? 9.075 * t - 9.9 * s + 3.4 : s < jo ? Go * t - Xo * s + Yo : 10.8 * s * s - 20.52 * s + 10.72;
 }, $o = Ce(ge), qo = (s) => s < 0.5 ? 0.5 * (1 - ge(1 - s * 2)) : 0.5 * ge(s * 2 - 1) + 0.5;
 function Ko(s, t) {
   return s.map(() => t || pn).splice(0, s.length - 1);
@@ -3038,25 +3038,25 @@ function ia(s) {
   return l;
 }
 const sa = 40;
-let ei = !0, Jt = !1, ii = !1;
-const Yt = {
+let ei = !0, Kt = !1, ii = !1;
+const Xt = {
   delta: 0,
   timestamp: 0
-}, se = [
+}, ie = [
   "read",
   "update",
   "preRender",
   "render",
   "postRender"
-], ke = se.reduce((s, t) => (s[t] = ia(() => Jt = !0), s), {}), na = se.reduce((s, t) => {
+], ke = ie.reduce((s, t) => (s[t] = ia(() => Kt = !0), s), {}), na = ie.reduce((s, t) => {
   const e = ke[t];
-  return s[t] = (i, n = !1, r = !1) => (Jt || aa(), e.schedule(i, n, r)), s;
-}, {}), ra = se.reduce((s, t) => (s[t] = ke[t].cancel, s), {});
-se.reduce((s, t) => (s[t] = () => ke[t].process(Yt), s), {});
-const oa = (s) => ke[s].process(Yt), bn = (s) => {
-  Jt = !1, Yt.delta = ei ? gn : Math.max(Math.min(s - Yt.timestamp, sa), 1), Yt.timestamp = s, ii = !0, se.forEach(oa), ii = !1, Jt && (ei = !1, vn(bn));
+  return s[t] = (i, n = !1, r = !1) => (Kt || aa(), e.schedule(i, n, r)), s;
+}, {}), ra = ie.reduce((s, t) => (s[t] = ke[t].cancel, s), {});
+ie.reduce((s, t) => (s[t] = () => ke[t].process(Xt), s), {});
+const oa = (s) => ke[s].process(Xt), bn = (s) => {
+  Kt = !1, Xt.delta = ei ? gn : Math.max(Math.min(s - Xt.timestamp, sa), 1), Xt.timestamp = s, ii = !0, ie.forEach(oa), ii = !1, Kt && (ei = !1, vn(bn));
 }, aa = () => {
-  Jt = !0, ei = !0, ii || vn(bn);
+  Kt = !0, ei = !0, ii || vn(bn);
 };
 function wn(s, t, e = 0) {
   return s - t - e;
@@ -3085,18 +3085,18 @@ function xn(s) {
   function L() {
     v++, c === "reverse" ? (S = v % 2 === 0, a = la(a, b, f, S)) : (a = wn(a, b, f), c === "mirror" && A.flipTarget()), x = !1, u && u();
   }
-  function W() {
+  function j() {
     y.stop(), h && h();
   }
-  function Nt(j) {
-    if (S || (j = -j), a += j, !x) {
-      const it = A.next(Math.max(0, a));
-      w = it.value, C && (w = C(w)), x = S ? it.done : a <= 0;
+  function Bt(W) {
+    if (S || (W = -W), a += W, !x) {
+      const et = A.next(Math.max(0, a));
+      w = et.value, C && (w = C(w)), x = S ? et.done : a <= 0;
     }
-    d?.(w), x && (v === 0 && (b ?? (b = a)), v < l ? ha(a, b, f, S) && L() : W());
+    d?.(w), x && (v === 0 && (b ?? (b = a)), v < l ? ha(a, b, f, S) && L() : j());
   }
   function ut() {
-    p?.(), y = r(Nt), y.start();
+    p?.(), y = r(Bt), y.start();
   }
   return n && ut(), {
     stop: () => {
@@ -3128,7 +3128,7 @@ const ua = (s) => {
 function fa() {
   return globalThis.__CANVAS_ENGINE_TICK__;
 }
-function Zt(s) {
+function Jt(s) {
   return s.animatedState !== void 0;
 }
 function _n(s, t = {}) {
@@ -3198,7 +3198,7 @@ async function ql(s) {
   for (const t of s)
     Array.isArray(t) ? await Promise.all(t.map((e) => e())) : await t();
 }
-const si = {}, G = (s) => s && typeof s == "object" && "tag" in s && "props" in s && "componentInstance" in s, cs = (s) => typeof s == "string" || typeof s == "number" || typeof s == "boolean" || s === null || s === void 0, da = {
+const si = {}, st = (s) => s && typeof s == "object" && "tag" in s && "props" in s && "componentInstance" in s, cs = (s) => typeof s == "string" || typeof s == "number" || typeof s == "boolean" || s === null || s === void 0, da = {
   Sprite: "DOMSprite"
 }, pa = /* @__PURE__ */ new Set(["DOMContainer", "DOMElement", "DOMSprite"]), ma = /* @__PURE__ */ new Set([
   "Canvas",
@@ -3231,14 +3231,14 @@ const si = {}, G = (s) => s && typeof s == "object" && "tag" in s && "props" in
   return !1;
 }, ga = (s) => {
   s.propSubscriptions?.forEach((t) => t.unsubscribe()), s.effectSubscriptions?.forEach((t) => t.unsubscribe()), s.effectUnmounts?.forEach((t) => t?.());
-}, Mt = (s, t) => {
+}, le = (s, t) => {
   if (!ya(s) || pa.has(t.tag))
     return t;
   const e = da[t.tag];
   if (e) {
     ga(t);
     const i = t.propObservables ?? t.props;
-    return N(e, i);
+    return V(e, i);
   }
   if (ma.has(t.tag))
     throw new Error(
@@ -3287,22 +3287,22 @@ function ot(s) {
 function Ve(s, t) {
   if (!s.propObservables) return;
   const e = (i) => {
-    if (_(i) && Zt(i)) {
+    if (_(i) && Jt(i)) {
       const n = i;
       t ? n.pause() : n.resume();
-    } else _e(i) && !G(i) && Object.values(i).forEach(e);
+    } else _e(i) && !st(i) && Object.values(i).forEach(e);
   };
   Object.values(s.propObservables).forEach(e);
 }
-function V(s) {
+function B(s) {
   if (Array.isArray(s)) {
-    s.forEach((t) => V(t));
+    s.forEach((t) => B(t));
     return;
   }
   if (s) {
     if (s.props?.children)
       for (let t of s.props.children)
-        V(t);
+        B(t);
     for (let t in s.directives)
       s.directives[t].onDestroy?.(s);
     s.componentInstance && s.componentInstance.onDestroy ? s.componentInstance.onDestroy(s.parent, () => {
@@ -3314,7 +3314,7 @@ function V(s) {
     }) : (s.propSubscriptions?.forEach((t) => t.unsubscribe()), s.effectSubscriptions?.forEach((t) => t.unsubscribe()), s.effectUnmounts?.forEach((t) => t?.()));
   }
 }
-function N(s, t) {
+function V(s, t) {
   if (!si[s])
     throw new Error(`Component ${s} is not registered`);
   const e = new si[s](), i = {
@@ -3329,7 +3329,7 @@ function N(s, t) {
     effectSubscriptions: [],
     effectMounts: [],
     destroy() {
-      V(this);
+      B(this);
     },
     allElements: new At(),
     isFrozen: !1
@@ -3362,10 +3362,10 @@ function N(s, t) {
           i.propSubscriptions.push(
             g.observable.subscribe((y) => {
               if (ot(i)) {
-                Zt(g) && g.pause();
+                Jt(g) && g.pause();
                 return;
               }
-              if (Zt(g) && g.resume(), u(h, d, y), i.directives[d] && i.directives[d].onUpdate?.(y, i), d == "tick")
+              if (Jt(g) && g.resume(), u(h, d, y), i.directives[d] && i.directives[d].onUpdate?.(y, i), d == "tick")
                 return ot(i), void 0;
               e.onUpdate?.(
                 h == "" ? {
@@ -3375,7 +3375,7 @@ function N(s, t) {
             })
           );
         } else
-          d === "freeze" && (i.isFrozen = m === !0, Ve(i, i.isFrozen)), _e(m) && d != "context" && !G(m) ? p(m, (h ? h + "." : "") + d) : u(h, d, m);
+          d === "freeze" && (i.isFrozen = m === !0, Ve(i, i.isFrozen)), _e(m) && d != "context" && !st(m) ? p(m, (h ? h + "." : "") + d) : u(h, d, m);
       });
     };
     p(t);
@@ -3430,76 +3430,78 @@ function N(s, t) {
         const m = d?.value ?? d;
         if (!m)
           throw new Error(`attach in ${p.tag} is undefined or null, add a component`);
-        u && V(u), u = m, await f(p, m), h(void 0);
+        u && B(u), u = m, await f(p, m), h(void 0);
       }));
     }) : p.props.children.push(p.props.attach)), !!p.props.children)
       for (let o of p.props.children)
         o && await f(p, o);
   }
   async function f(p, o) {
-    if (yt(o) && (o = await o), o instanceof I) {
-      const h = o.subscribe(
-        (u) => {
-          if (u && typeof u == "object" && "elements" in u) {
+    if (yt(o) && (o = await o), o instanceof D) {
+      const h = /* @__PURE__ */ new Map(), u = (y, v) => {
+        if (h.has(y))
+          return;
+        const b = le(p, y);
+        h.set(y, b), l(p, b, v), c(b);
+      }, d = (y) => {
+        h.forEach((v, b) => {
+          y.has(b) || (h.delete(b), v !== b && B(v));
+        });
+      }, m = (y, v, b) => {
+        if (y instanceof D) {
+          f(p, y);
+          return;
+        }
+        if (Array.isArray(y)) {
+          y.forEach(
+            (w) => m(w, v, b)
+          );
+          return;
+        }
+        st(y) && (v.add(y), u(y, b));
+      }, g = o.subscribe(
+        (y) => {
+          if (y && typeof y == "object" && "elements" in y) {
             const {
-              elements: d,
-              prev: m
-            } = u, g = d.filter((y) => y !== null);
-            if (m) {
-              g.forEach(async (y) => {
-                const v = p.props.children.indexOf(m.props.key);
-                if (y instanceof I)
-                  await f(p, y);
-                else if (G(y)) {
-                  const b = Mt(p, y);
-                  l(p, b, v + 1), c(b);
-                }
-              });
+              elements: v,
+              prev: b
+            } = y, w = v.filter((S) => S !== null), x = /* @__PURE__ */ new Set();
+            if (b) {
+              w.forEach((S) => {
+                const C = p.props.children.indexOf(b.props.key);
+                m(S, x, C + 1);
+              }), d(x);
               return;
             }
-            g.forEach(async (y) => {
-              if (Array.isArray(y))
-                y.forEach(async (v) => {
-                  if (v instanceof I)
-                    await f(p, v);
-                  else if (G(v)) {
-                    const b = Mt(p, v);
-                    l(p, b), c(b);
-                  }
-                });
-              else if (y instanceof I)
-                await f(p, y);
-              else if (G(y)) {
-                const v = Mt(p, y);
-                l(p, v), c(v);
-              }
-            });
-          } else if (G(u)) {
-            const d = Mt(p, u);
-            l(p, d), c(d);
-          } else Array.isArray(u) && u.forEach(async (d) => {
-            if (d instanceof I)
-              await f(p, d);
-            else if (G(d)) {
-              const m = Mt(p, d);
-              l(p, m), c(m);
+            w.forEach((S, C) => {
+              m(S, x, C);
+            }), d(x);
+          } else if (st(y)) {
+            const v = le(p, y);
+            l(p, v), c(v);
+          } else Array.isArray(y) && y.forEach(async (v) => {
+            if (v instanceof D)
+              await f(p, v);
+            else if (st(v)) {
+              const b = le(p, v);
+              l(p, b), c(b);
             }
           });
           n.next(void 0);
         }
       );
-      p.effectSubscriptions.push(h);
-    } else if (G(o)) {
-      const h = Mt(p, o);
+      p.effectSubscriptions.push(g);
+    } else if (st(o)) {
+      const h = le(p, o);
       l(p, h), await c(h);
     }
   }
   return i;
 }
 function Kl(s, t) {
-  return ee(s) && s.dependencies.size == 0 ? s = P(s()) : _(s) || (s = P(s)), Rr(() => {
+  return te(s) && s.dependencies.size == 0 ? s = P(s()) : _(s) || (s = P(s)), Rr(() => {
     let e = [], i = /* @__PURE__ */ new Map(), n = !0;
-    const r = (l) => l ? G(l) ? l : {
+    const r = (l) => l ? st(l) ? l : {
       tag: "fragment",
       props: { children: Array.isArray(l) ? l : [l] },
       componentInstance: {},
@@ -3511,12 +3513,12 @@ function Kl(s, t) {
       parent: null,
       directives: {},
       destroy() {
-        V(this);
+        B(this);
       },
       allElements: new At(),
       isFrozen: !1
     } : null, a = (l) => Array.isArray(l());
-    return new I((l) => {
+    return new D((l) => {
       const c = a(s) ? s.observable.subscribe((f) => {
         if (n) {
           n = !1, e.forEach((h) => h.destroy()), e = [], i.clear();
@@ -3531,7 +3533,7 @@ function Kl(s, t) {
         }
         const p = Array.isArray(f) || f && typeof f == "object" && !("type" in f);
         if (f.type === "init" || f.type === "reset" || p) {
-          e.forEach((h) => V(h)), e = [], i.clear();
+          e.forEach((h) => B(h)), e = [], i.clear();
           const o = s();
           o && o.forEach((h, u) => {
             const d = r(t(h, u));
@@ -3545,7 +3547,7 @@ function Kl(s, t) {
           e.splice(f.index, 0, ...o);
         } else if (f.type === "remove" && f.index !== void 0)
           e.splice(f.index, 1).forEach((h) => {
-            V(h), i.delete(f.index);
+            B(h), i.delete(f.index);
           });
         else if (f.type === "update" && f.index !== void 0 && f.items.length === 1) {
           const o = f.index, h = f.items[0];
@@ -3554,7 +3556,7 @@ function Kl(s, t) {
             u ? (e.splice(o, 0, u), i.set(o, u)) : console.warn(`Element creation returned null for index ${o} during add-like update.`);
           } else {
             const u = e[o];
-            V(u);
+            B(u);
             const d = r(t(h, o));
             d ? (e[o] = d, i.set(o, d)) : (e.splice(o, 1), i.delete(o));
           }
@@ -3566,7 +3568,7 @@ function Kl(s, t) {
       }) : s.observable.subscribe((f) => {
         const p = f.key;
         if (n) {
-          n = !1, e.forEach((h) => V(h)), e = [], i.clear();
+          n = !1, e.forEach((h) => B(h)), e = [], i.clear();
           const o = s();
           o && Object.entries(o).forEach(([h, u]) => {
             const d = r(t(u, h));
@@ -3577,7 +3579,7 @@ function Kl(s, t) {
           return;
         }
         if (f.type === "init" || f.type === "reset") {
-          e.forEach((h) => V(h)), e = [], i.clear();
+          e.forEach((h) => B(h)), e = [], i.clear();
           const o = s();
           o && Object.entries(o).forEach(([h, u]) => {
             const d = r(t(u, h));
@@ -3590,13 +3592,13 @@ function Kl(s, t) {
           const o = e.findIndex((h) => i.get(p) === h);
           if (o !== -1) {
             const [h] = e.splice(o, 1);
-            V(h), i.delete(p);
+            B(h), i.delete(p);
           }
         } else if (f.type === "update" && f.key && f.value !== void 0) {
           const o = e.findIndex((h) => i.get(p) === h);
           if (o !== -1) {
             const h = e[o];
-            V(h);
+            B(h);
             const u = r(t(f.value, p));
             u && (e[o] = u, i.set(p, u));
           }
@@ -3607,16 +3609,16 @@ function Kl(s, t) {
         });
       });
       return () => {
-        c.unsubscribe(), e.forEach((f) => V(f));
+        c.unsubscribe(), e.forEach((f) => B(f));
       };
     });
-  }).pipe(jr({ bufferSize: 1, refCount: !0 }));
+  }).pipe(Wr({ bufferSize: 1, refCount: !0 }));
 }
 function Jl(s, t, ...e) {
   let i = null, n = -1;
   const r = [];
   let a = null;
-  const l = (f) => _(f) ? f : typeof f == "function" ? J(f) : P(f);
+  const l = (f) => _(f) ? f : typeof f == "function" ? K(f) : P(f);
   for (const f of e)
     if (Array.isArray(f))
       r.push({
@@ -3631,7 +3633,7 @@ function Jl(s, t, ...e) {
     { condition: l(s), elementFn: t },
     ...r
   ];
-  return new I((f) => {
+  return new D((f) => {
     const p = [], o = () => {
       let h = -1;
       for (let m = 0; m < c.length; m++) {
@@ -3643,7 +3645,7 @@ function Jl(s, t, ...e) {
       }
       const u = h === -1 && a, d = u ? -2 : h;
       if (d !== n)
-        if (i && (V(i), i = null), n = d, u) {
+        if (i && (B(i), i = null), n = d, u) {
           let m = a();
           yt(m) ? me(m).subscribe((g) => {
             i = g, f.next({
@@ -3678,11 +3680,11 @@ function Jl(s, t, ...e) {
         })
       );
     }), o(), () => {
-      p.forEach((h) => h.unsubscribe()), i && V(i);
+      p.forEach((h) => h.unsubscribe()), i && B(i);
     };
   }).pipe(Ns());
 }
-class ba extends $ {
+class ba extends Y {
   constructor() {
     super(...arguments), this.keyboardControls = null, this.gamepadControls = null, this.joystickControls = null, this.freezeSubscription = null, this.element = null;
   }
@@ -3802,8 +3804,8 @@ class ba extends $ {
     return this.joystickControls;
   }
 }
-q("controls", ba);
-class wa extends $ {
+$("controls", ba);
+class wa extends Y {
   constructor() {
     super(...arguments), this.fps = 60, this.deltaTime = 0, this.frame = 0, this.timestamp = 0, this.requestedDelay = 0, this.lastTimestamp = 0, this._stop = !1;
   }
@@ -3822,7 +3824,7 @@ class wa extends $ {
       timestamp: this.timestamp,
       deltaTime: this.deltaTime,
       frame: this.frame,
-      deltaRatio: ~~this.deltaTime / ~~st(this.fps)
+      deltaRatio: ~~this.deltaTime / ~~it(this.fps)
     }), this.lastTimestamp = this.timestamp, this.frame++;
   }
   /**
@@ -3832,12 +3834,12 @@ class wa extends $ {
   start(t = {}) {
     t.maxFps && (this.maxFps = t.maxFps), t.fps && (this.fps = t.fps), t.delay && (this.requestedDelay = t.delay);
     const e = (i) => {
-      Ot() ? window.requestAnimationFrame(i.bind(this)) : setTimeout(() => {
+      Et() ? window.requestAnimationFrame(i.bind(this)) : setTimeout(() => {
         this.requestedDelay = 0, i(lt());
-      }, st(this.fps) + this.requestedDelay);
+      }, it(this.fps) + this.requestedDelay);
     };
     if (this.maxFps) {
-      const i = st(this.maxFps);
+      const i = it(this.maxFps);
       let n = lt(), r = lt();
       const a = (l) => {
         if (this._stop) return;
@@ -3858,8 +3860,8 @@ class wa extends $ {
     this._stop = !0;
   }
 }
-q("tick", wa);
-const tt = (s, t = {}) => {
+$("tick", wa);
+const Q = (s, t = {}) => {
   if (_(s))
     return s();
   const e = {};
@@ -3893,7 +3895,7 @@ const tt = (s, t = {}) => {
     i[n] = _(l) ? l : P(l);
   }
   return {
-    ...tt(e),
+    ...Q(e),
     ...i
   };
 };
@@ -3905,7 +3907,7 @@ function ze(s, t, e) {
       `Invalid prop: type check failed for prop "${s}". Expected ${e.map((r) => r.name).join(" or ")}`
     );
 }
-class xa extends $ {
+class xa extends Y {
   onInit(t) {
   }
   onMount(t) {
@@ -3922,7 +3924,7 @@ class xa extends $ {
       if (t === !0)
         i.follow(e.componentInstance);
       else {
-        const n = tt(t, {
+        const n = Q(t, {
           speed: void 0,
           acceleration: void 0,
           radius: void 0
@@ -3940,8 +3942,8 @@ class xa extends $ {
     e && i && i.plugins.remove("follow");
   }
 }
-q("viewportFollow", xa);
-var Vt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+$("viewportFollow", xa);
+var Nt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function _a(s) {
   return s && s.__esModule && Object.prototype.hasOwnProperty.call(s, "default") ? s.default : s;
 }
@@ -4283,18 +4285,18 @@ function Sa() {
           if (u._webAudio) {
             var L = function() {
               u._playLock = !1, M(), u._refreshBuffer(y);
-              var j = y._muted || u._muted ? 0 : y._volume;
-              A.gain.setValueAtTime(j, e.ctx.currentTime), y._playStart = e.ctx.currentTime, typeof A.bufferSource.start > "u" ? y._loop ? A.bufferSource.noteGrainOn(0, b, 86400) : A.bufferSource.noteGrainOn(0, b, w) : y._loop ? A.bufferSource.start(0, b, 86400) : A.bufferSource.start(0, b, w), x !== 1 / 0 && (u._endTimers[y._id] = setTimeout(u._ended.bind(u, y), x)), h || setTimeout(function() {
+              var W = y._muted || u._muted ? 0 : y._volume;
+              A.gain.setValueAtTime(W, e.ctx.currentTime), y._playStart = e.ctx.currentTime, typeof A.bufferSource.start > "u" ? y._loop ? A.bufferSource.noteGrainOn(0, b, 86400) : A.bufferSource.noteGrainOn(0, b, w) : y._loop ? A.bufferSource.start(0, b, 86400) : A.bufferSource.start(0, b, w), x !== 1 / 0 && (u._endTimers[y._id] = setTimeout(u._ended.bind(u, y), x)), h || setTimeout(function() {
                 u._emit("play", y._id), u._loadQueue();
               }, 0);
             };
             e.state === "running" && e.ctx.state !== "interrupted" ? L() : (u._playLock = !0, u.once("resume", L), u._clearTimer(y._id));
           } else {
-            var W = function() {
+            var j = function() {
               A.currentTime = b, A.muted = y._muted || u._muted || e._muted || A.muted, A.volume = y._volume * e.volume(), A.playbackRate = y._rate;
               try {
-                var j = A.play();
-                if (j && typeof Promise < "u" && (j instanceof Promise || typeof j.then == "function") ? (u._playLock = !0, M(), j.then(function() {
+                var W = A.play();
+                if (W && typeof Promise < "u" && (W instanceof Promise || typeof W.then == "function") ? (u._playLock = !0, M(), W.then(function() {
                   u._playLock = !1, A._unlocked = !0, h ? u._loadQueue() : u._emit("play", y._id);
                 }).catch(function() {
                   u._playLock = !1, u._emit("playerror", y._id, "Playback was unable to start. This is most commonly an issue on mobile devices and Chrome where playback was not within a user interaction."), y._ended = !0, y._paused = !0;
@@ -4305,18 +4307,18 @@ function Sa() {
                 o !== "__default" || y._loop ? u._endTimers[y._id] = setTimeout(u._ended.bind(u, y), x) : (u._endTimers[y._id] = function() {
                   u._ended(y), A.removeEventListener("ended", u._endTimers[y._id], !1);
                 }, A.addEventListener("ended", u._endTimers[y._id], !1));
-              } catch (it) {
-                u._emit("playerror", y._id, it);
+              } catch (et) {
+                u._emit("playerror", y._id, et);
               }
             };
             A.src === "data:audio/wav;base64,UklGRigAAABXQVZFZm10IBIAAAABAAEARKwAAIhYAQACABAAAABkYXRhAgAAAAEA" && (A.src = u._src, A.load());
-            var Nt = window && window.ejecta || !A.readyState && e._navigator.isCocoonJS;
-            if (A.readyState >= 3 || Nt)
-              W();
+            var Bt = window && window.ejecta || !A.readyState && e._navigator.isCocoonJS;
+            if (A.readyState >= 3 || Bt)
+              j();
             else {
               u._playLock = !0, u._state = "loading";
               var ut = function() {
-                u._state = "loaded", W(), A.removeEventListener(e._canPlayEvent, ut, !1);
+                u._state = "loaded", j(), A.removeEventListener(e._canPlayEvent, ut, !1);
               };
               A.addEventListener(e._canPlayEvent, ut, !1), u._clearTimer(y._id);
             }
@@ -4944,7 +4946,7 @@ function Sa() {
           e.usingWebAudio && (e.masterGain = typeof e.ctx.createGain > "u" ? e.ctx.createGainNode() : e.ctx.createGain(), e.masterGain.gain.setValueAtTime(e._muted ? 0 : e._volume, e.ctx.currentTime), e.masterGain.connect(e.ctx.destination)), e._setup();
         }
       };
-      s.Howler = e, s.Howl = i, typeof Vt < "u" ? (Vt.HowlerGlobal = t, Vt.Howler = e, Vt.Howl = i, Vt.Sound = n) : typeof window < "u" && (window.HowlerGlobal = t, window.Howler = e, window.Howl = i, window.Sound = n);
+      s.Howler = e, s.Howl = i, typeof Nt < "u" ? (Nt.HowlerGlobal = t, Nt.Howler = e, Nt.Howl = i, Nt.Sound = n) : typeof window < "u" && (window.HowlerGlobal = t, window.Howler = e, window.Howl = i, window.Sound = n);
     })();
     (function() {
       HowlerGlobal.prototype._pos = [0, 0, 0], HowlerGlobal.prototype._orientation = [0, 0, -1, 0, 1, 0], HowlerGlobal.prototype.stereo = function(e) {
@@ -5127,12 +5129,12 @@ function Sa() {
     })();
   })(Ue)), Ue;
 }
-var Bt = Sa();
-const Aa = /* @__PURE__ */ _a(Bt), Zl = /* @__PURE__ */ $n({
+var Wt = Sa();
+const Aa = /* @__PURE__ */ _a(Wt), Zl = /* @__PURE__ */ $n({
   __proto__: null,
   default: Aa
-}, [Bt]), ps = ["load", "loaderror", "playerror", "play", "end", "pause", "stop", "mute", "volume", "rate", "seek", "fade", "unlock"];
-let Ca = class extends $ {
+}, [Wt]), ps = ["load", "loaderror", "playerror", "play", "end", "pause", "stop", "mute", "volume", "rate", "seek", "fade", "unlock"];
+let Ca = class extends Y {
   constructor() {
     super(...arguments), this.sounds = [], this.eventsFn = [], this.maxVolume = 1, this.maxDistance = 100;
   }
@@ -5145,7 +5147,7 @@ let Ca = class extends $ {
     const { src: r, autoplay: a, loop: l, volume: c, spatial: f } = n, p = Array.isArray(r) ? r : [r];
     for (const o of p) {
       if (!o) continue;
-      const h = new Bt.Howl({
+      const h = new Wt.Howl({
         src: o,
         autoplay: a,
         loop: l,
@@ -5187,7 +5189,7 @@ let Ca = class extends $ {
     }), this.sounds = [], this.eventsFn = [], this.tickSubscription?.unsubscribe();
   }
 };
-class ka extends $ {
+class ka extends Y {
   onMount(t) {
     t.props.context.soundListenerPosition = t.propObservables?.soundListenerPosition;
   }
@@ -5198,15 +5200,15 @@ class ka extends $ {
   onDestroy() {
   }
 }
-q("sound", Ca);
-q("soundListenerPosition", ka);
+$("sound", Ca);
+$("soundListenerPosition", ka);
 const Pa = (s, t, e) => {
   s.props.context = {
     ...s.props.context ?? {},
     [t]: e
   };
 };
-class Ta extends $ {
+class Ta extends Y {
   constructor() {
     super(...arguments), this.elementRef = null;
   }
@@ -5222,7 +5224,7 @@ class Ta extends $ {
     this.elementRef = null;
   }
 }
-class Ma extends $ {
+class Ma extends Y {
   constructor() {
     super(...arguments), this.elementRef = null, this.stageRef = null, this.offsetInParent = new k(), this.isDragging = !1, this.viewport = null, this.animationFrameId = null, this.lastPointerPosition = new k(), this.pressedKeys = /* @__PURE__ */ new Set(), this.pointerIsDown = !1, this.onDragMoveHandler = () => {
     }, this.onDragEndHandler = () => {
@@ -5253,13 +5255,13 @@ class Ma extends $ {
     ];
   }
   get dragProps() {
-    const t = this.elementRef?.props.drag, e = tt(t?.value ?? t, {
+    const t = this.elementRef?.props.drag, e = Q(t?.value ?? t, {
       snap: 0,
       viewport: {},
       direction: "all",
       keyToPress: []
     });
-    return e.viewport = tt(e.viewport, {
+    return e.viewport = Q(e.viewport, {
       edgeThreshold: 300,
       maxSpeed: 40
     }), e;
@@ -5282,7 +5284,7 @@ class Ma extends $ {
     const l = i.toLocal(t.global), c = l.x - this.offsetInParent.x, f = l.y - this.offsetInParent.y;
     n?.snap() ? (e.position.x = a(c), e.position.y = a(f)) : (this.axis.x && (e.position.x = c), this.axis.y && (e.position.y = f)), this.lastPointerPosition.copyFrom(t.global);
     const { x: p, y: o } = r, h = (u, d) => {
-      ee(u) ? u.dependencies.forEach((m) => {
+      te(u) ? u.dependencies.forEach((m) => {
         m.set(d);
       }) : _(u) && u.set(d);
     };
@@ -5341,9 +5343,9 @@ class Ma extends $ {
     t && t.off("pointerdown", this.onDragStartHandler), this.stageRef && (this.stageRef.off("pointermove", this.onDragMoveHandler), this.stageRef.off("pointerup", this.onDragEndHandler), this.stageRef.off("pointerupoutside", this.onDragEndHandler)), window.removeEventListener("keydown", this.onKeyDownHandler), window.removeEventListener("keyup", this.onKeyUpHandler), this.stageRef = null, this.viewport = null, this.pressedKeys.clear(), this.pointerIsDown = !1;
   }
 }
-q("drag", Ma);
-q("drop", Ta);
-class Ea extends $ {
+$("drag", Ma);
+$("drop", Ta);
+class Ea extends Y {
   onInit(t) {
   }
   onMount(t) {
@@ -5366,7 +5368,7 @@ class Ea extends $ {
   onDestroy() {
   }
 }
-q("transition", Ea);
+$("transition", Ea);
 function Pe(s) {
   return s?.start && s?.listen;
 }
@@ -5418,7 +5420,7 @@ function Si(s, t) {
     }
   }).subscription;
 }
-class Oa extends $ {
+class Oa extends Y {
   constructor() {
     super(...arguments), this.elementRef = null, this.originalPosition = new k(), this.progressSignal = null, this.shakeSubscription = null, this.positionEffect = null, this.currentShakeConfig = null;
   }
@@ -5447,7 +5449,7 @@ class Oa extends $ {
    */
   get shakeProps() {
     const t = this.elementRef?.props.shake;
-    return tt(t?.value ?? t, {
+    return Q(t?.value ?? t, {
       intensity: 10,
       duration: 500,
       frequency: 10,
@@ -5504,8 +5506,8 @@ class Oa extends $ {
     this.shakeSubscription && (this.shakeSubscription.unsubscribe(), this.shakeSubscription = null), this.elementRef = null;
   }
 }
-q("shake", Oa);
-class Ia extends $ {
+$("shake", Oa);
+class Ia extends Y {
   constructor() {
     super(...arguments), this.elementRef = null, this.progressSignal = null, this.flashSubscription = null, this.alphaEffect = null, this.tintEffect = null, this.originalAlpha = 1, this.originalTint = 16777215, this.currentFlashConfig = null;
   }
@@ -5538,7 +5540,7 @@ class Ia extends $ {
    */
   get flashProps() {
     const t = this.elementRef?.props.flash;
-    return tt(t?.value ?? t, {
+    return Q(t?.value ?? t, {
       type: "alpha",
       duration: 300,
       cycles: 1,
@@ -5579,8 +5581,8 @@ class Ia extends $ {
       if (!e || !this.progressSignal || !this.currentFlashConfig) return;
       const h = e.tint;
       if (h === void 0) return;
-      const u = _(h), d = this.progressSignal(), m = this.currentFlashConfig, g = d * m.cycles % 1, y = g < 0.5 ? g * 2 : 1 - (g - 0.5) * 2, v = this.originalTint >> 16 & 255, b = this.originalTint >> 8 & 255, w = this.originalTint & 255, x = m.flashTint >> 16 & 255, S = m.flashTint >> 8 & 255, C = m.flashTint & 255, M = Math.round(v + (x - v) * y), A = Math.round(b + (S - b) * y), L = Math.round(w + (C - w) * y), W = M << 16 | A << 8 | L;
-      u ? h.set(W) : e.tint = W;
+      const u = _(h), d = this.progressSignal(), m = this.currentFlashConfig, g = d * m.cycles % 1, y = g < 0.5 ? g * 2 : 1 - (g - 0.5) * 2, v = this.originalTint >> 16 & 255, b = this.originalTint >> 8 & 255, w = this.originalTint & 255, x = m.flashTint >> 16 & 255, S = m.flashTint >> 8 & 255, C = m.flashTint & 255, M = Math.round(v + (x - v) * y), A = Math.round(b + (S - b) * y), L = Math.round(w + (C - w) * y), j = M << 16 | A << 8 | L;
+      u ? h.set(j) : e.tint = j;
     }).subscription), await this.progressSignal.set(1, {
       duration: r
     }), this.currentFlashConfig === p && e) {
@@ -5617,9 +5619,9 @@ class Ia extends $ {
     this.flashSubscription && (this.flashSubscription = null), this.elementRef = null;
   }
 }
-q("flash", Ia);
+$("flash", Ia);
 const he = (s, t, e) => Math.max(t, Math.min(e, s));
-class Da extends $ {
+class Da extends Y {
   constructor() {
     super(...arguments), this.elementRef = null, this.tickSubscription = null, this.sampleAccumulatorMs = 0, this.managesAlpha = !1;
   }
@@ -5736,8 +5738,8 @@ class Da extends $ {
     i.visible = r && f, this.managesAlpha && (i.alpha = a, this.managesAlpha = !1);
   }
 }
-q("fogVisibility", Da);
-function Y(s) {
+$("fogVisibility", Da);
+function X(s) {
   return s && typeof s == "string" ? s.endsWith("%") : !1;
 }
 const La = [
@@ -5846,7 +5848,7 @@ function at(s) {
           };
           i === "click" ? (this.on("pointertap", r), this.#e.set("pointertap", r)) : (this.on(i, r), this.#e.set(i, r));
         }
-      (e.onBeforeDestroy || e["on-before-destroy"]) && (this.onBeforeDestroy = e.onBeforeDestroy || e["on-before-destroy"]), (e.onAfterMount || e["on-after-mount"]) && (this.onAfterMount = e.onAfterMount || e["on-after-mount"]), (e.justifyContent || e.alignItems || e.flexDirection || e.flexWrap || e.alignContent || e.display == "flex" || Y(e.width) || Y(e.height) || e.isRoot) && (this.layout = {}, this.isFlex = !0), this.subjectInit.next(this);
+      (e.onBeforeDestroy || e["on-before-destroy"]) && (this.onBeforeDestroy = e.onBeforeDestroy || e["on-before-destroy"]), (e.onAfterMount || e["on-after-mount"]) && (this.onAfterMount = e.onAfterMount || e["on-after-mount"]), (e.justifyContent || e.alignItems || e.flexDirection || e.flexWrap || e.alignContent || e.display == "flex" || X(e.width) || X(e.height) || e.isRoot) && (this.layout = {}, this.isFlex = !0), this.subjectInit.next(this);
     }
     async onMount(e, i) {
       if (!this.destroyed && (this.#s = e, this.#t = e.props.context, e.parent)) {
@@ -5886,7 +5888,23 @@ function at(s) {
         ...this.fullProps,
         ...e
       }, this.destroyed || !this.#t || !this.parent) return;
-      e.x !== void 0 && this.setX(e.x), e.y !== void 0 && this.setY(e.y), e.scale !== void 0 && wt(this.scale, e.scale), e.anchor !== void 0 && !this.isCustomAnchor && wt(this.anchor, e.anchor), e.width !== void 0 && this.setWidth(e.width), e.height !== void 0 && this.setHeight(e.height), e.minWidth !== void 0 && this.setMinWidth(e.minWidth), e.minHeight !== void 0 && this.setMinHeight(e.minHeight), e.maxWidth !== void 0 && this.setMaxWidth(e.maxWidth), e.maxHeight !== void 0 && this.setMaxHeight(e.maxHeight), e.aspectRatio !== void 0 && this.setAspectRatio(e.aspectRatio), e.flexGrow !== void 0 && this.setFlexGrow(e.flexGrow), e.flexShrink !== void 0 && this.setFlexShrink(e.flexShrink), e.flexBasis !== void 0 && this.setFlexBasis(e.flexBasis), e.rowGap !== void 0 && this.setRowGap(e.rowGap), e.columnGap !== void 0 && this.setColumnGap(e.columnGap), e.top !== void 0 && this.setTop(e.top), e.left !== void 0 && this.setLeft(e.left), e.right !== void 0 && this.setRight(e.right), e.bottom !== void 0 && this.setBottom(e.bottom), e.objectFit !== void 0 && this.setObjectFit(e.objectFit), e.objectPosition !== void 0 && this.setObjectPosition(e.objectPosition), e.transformOrigin !== void 0 && this.setTransformOrigin(e.transformOrigin), e.skew !== void 0 && wt(this.skew, e.skew), e.tint && (this.tint = e.tint), e.rotation !== void 0 && (this.rotation = e.rotation), e.angle !== void 0 && (this.angle = e.angle), e.zIndex !== void 0 && (this.zIndex = e.zIndex), e.roundPixels !== void 0 && (this.roundPixels = e.roundPixels), e.cursor && (this.cursor = e.cursor), e.visible !== void 0 && (this.visible = e.visible), e.alpha !== void 0 && (this.alpha = e.alpha), e.pivot && wt(this.pivot, e.pivot), e.flexDirection && this.setFlexDirection(e.flexDirection), e.flexWrap && this.setFlexWrap(e.flexWrap), e.justifyContent && this.setJustifyContent(e.justifyContent), e.alignItems && this.setAlignItems(e.alignItems), e.alignContent && this.setAlignContent(e.alignContent), e.alignSelf && this.setAlignSelf(e.alignSelf), e.margin && this.setMargin(e.margin), e.padding && this.setPadding(e.padding), e.gap && this.setGap(e.gap), e.border && this.setBorder(e.border), e.positionType && this.setPositionType(e.positionType), e.filters && (this.filters = e.filters), e.maskOf && G(e.maskOf) && (e.maskOf.componentInstance.mask = this), e.blendMode && (this.blendMode = e.blendMode), e.filterArea && (this.filterArea = e.filterArea);
+      if (e.x !== void 0 && this.setX(e.x), e.y !== void 0 && this.setY(e.y), e.scale !== void 0 && wt(this.scale, e.scale), e.anchor !== void 0 && !this.isCustomAnchor && wt(this.anchor, e.anchor), e.width !== void 0 && this.setWidth(e.width), e.height !== void 0 && this.setHeight(e.height), e.minWidth !== void 0 && this.setMinWidth(e.minWidth), e.minHeight !== void 0 && this.setMinHeight(e.minHeight), e.maxWidth !== void 0 && this.setMaxWidth(e.maxWidth), e.maxHeight !== void 0 && this.setMaxHeight(e.maxHeight), e.aspectRatio !== void 0 && this.setAspectRatio(e.aspectRatio), e.flexGrow !== void 0 && this.setFlexGrow(e.flexGrow), e.flexShrink !== void 0 && this.setFlexShrink(e.flexShrink), e.flexBasis !== void 0 && this.setFlexBasis(e.flexBasis), e.rowGap !== void 0 && this.setRowGap(e.rowGap), e.columnGap !== void 0 && this.setColumnGap(e.columnGap), e.top !== void 0 && this.setTop(e.top), e.left !== void 0 && this.setLeft(e.left), e.right !== void 0 && this.setRight(e.right), e.bottom !== void 0 && this.setBottom(e.bottom), e.objectFit !== void 0 && this.setObjectFit(e.objectFit), e.objectPosition !== void 0 && this.setObjectPosition(e.objectPosition), e.transformOrigin !== void 0 && this.setTransformOrigin(e.transformOrigin), e.skew !== void 0 && wt(this.skew, e.skew), e.tint && (this.tint = e.tint), e.rotation !== void 0 && (this.rotation = e.rotation), e.angle !== void 0 && (this.angle = e.angle), e.zIndex !== void 0 && (this.zIndex = e.zIndex), e.roundPixels !== void 0 && (this.roundPixels = e.roundPixels), e.cursor && (this.cursor = e.cursor), e.visible !== void 0 && (this.visible = e.visible), e.alpha !== void 0 && (this.alpha = e.alpha), e.pivot && wt(this.pivot, e.pivot), e.flexDirection && this.setFlexDirection(e.flexDirection), e.flexWrap && this.setFlexWrap(e.flexWrap), e.justifyContent && this.setJustifyContent(e.justifyContent), e.alignItems && this.setAlignItems(e.alignItems), e.alignContent && this.setAlignContent(e.alignContent), e.alignSelf && this.setAlignSelf(e.alignSelf), e.margin && this.setMargin(e.margin), e.padding && this.setPadding(e.padding), e.gap && this.setGap(e.gap), e.border && this.setBorder(e.border), e.positionType && this.setPositionType(e.positionType), e.filters && (this.filters = e.filters), e.maskOf && st(e.maskOf) && (e.maskOf.componentInstance.mask = this), e.shadowCaster !== void 0) {
+        const n = e.shadowCaster?.value ?? e.shadowCaster;
+        if (n && typeof n == "object" && !Array.isArray(n)) {
+          const r = this.shadowCaster ?? {};
+          this.shadowCaster = { ...r, ...n };
+        } else
+          this.shadowCaster = n;
+      }
+      if (e.footprintCaster !== void 0) {
+        const n = e.footprintCaster?.value ?? e.footprintCaster;
+        if (n && typeof n == "object" && !Array.isArray(n)) {
+          const r = this.footprintCaster ?? {};
+          this.footprintCaster = { ...r, ...n };
+        } else
+          this.footprintCaster = n;
+      }
+      e.blendMode && (this.blendMode = e.blendMode), e.filterArea && (this.filterArea = e.filterArea);
       const i = this.filters || [];
       if (e.blur) {
         let n = i.find(
@@ -5988,10 +6006,10 @@ function at(s) {
       this.displayHeight.set(e), this.parentIsFlex ? this.layout = { height: e } : this.height = e;
     }
     getWidth() {
-      return Y(this.fullProps.width) ? this.#i?.width !== void 0 ? this.#i.width : typeof this.width == "number" ? this.width : 0 : typeof this.width == "number" && this.width > 0 ? this.width : typeof this.displayWidth() == "number" ? this.displayWidth() : 0;
+      return X(this.fullProps.width) ? this.#i?.width !== void 0 ? this.#i.width : typeof this.width == "number" ? this.width : 0 : typeof this.width == "number" && this.width > 0 ? this.width : typeof this.displayWidth() == "number" ? this.displayWidth() : 0;
     }
     getHeight() {
-      return Y(this.fullProps.height) ? this.#i?.height !== void 0 ? this.#i.height : typeof this.height == "number" ? this.height : 0 : typeof this.height == "number" && this.height > 0 ? this.height : typeof this.displayHeight() == "number" ? this.displayHeight() : 0;
+      return X(this.fullProps.height) ? this.#i?.height !== void 0 ? this.#i.height : typeof this.height == "number" ? this.height : 0 : typeof this.height == "number" && this.height > 0 ? this.height : typeof this.displayHeight() == "number" ? this.displayHeight() : 0;
     }
     // Min/Max constraints
     setMinWidth(e) {
@@ -6238,10 +6256,10 @@ class Fa {
     this.assets.clear(), this.onProgressCallbacks.clear(), this.onCompleteCallbacks.clear(), this.assetCounter = 0, this.isComplete = !1;
   }
 }
-R("Canvas", class extends at(Ft) {
+R("Canvas", class extends at(Lt) {
 });
 const sh = async (s = {}) => {
-  let { cursorStyles: t, width: e, height: i, class: n } = tt(s);
+  let { cursorStyles: t, width: e, height: i, class: n } = Q(s);
   s.width || (e = P(800)), s.height || (i = P(600));
   const r = P({
     width: 0,
@@ -6264,7 +6282,7 @@ const sh = async (s = {}) => {
     frame: 0,
     deltaRatio: 1
   }), globalThis.__CANVAS_ENGINE_TICK__ = l.context.tick;
-  const c = N("Canvas", l);
+  const c = V("Canvas", l);
   return c.render = (f, p) => {
     if (!p)
       return;
@@ -6292,7 +6310,7 @@ const sh = async (s = {}) => {
     u ? f.replaceChild(h, u) : f.appendChild(h), l.context.app.set(p);
   }, c;
 };
-class Ai extends at(Ft) {
+class Ai extends at(Lt) {
   constructor() {
     super(...arguments), this.isCustomAnchor = !0;
   }
@@ -6308,7 +6326,7 @@ class Ai extends at(Ft) {
     n && n.forEach((l) => {
       e.addChild(l);
     });
-    const r = Y(i.width), a = Y(i.height);
+    const r = X(i.width), a = X(i.height);
     (r || a) && this.on("layout", (l) => {
       const c = l.computedLayout;
       r && c.width !== void 0 && this.displayWidth.set(c.width), a && c.height !== void 0 && this.displayHeight.set(c.height);
@@ -6316,7 +6334,7 @@ class Ai extends at(Ft) {
   }
 }
 R("Container", Ai);
-const Te = (s) => (R("Container", Ai), N("Container", s));
+const Te = (s) => (R("Container", Ai), V("Container", s));
 class Ha extends at(ai) {
   constructor() {
     super(...arguments), this.isCustomAnchor = !0;
@@ -6363,7 +6381,7 @@ class Ha extends at(ai) {
     await super.onMount(t, e);
     const { props: i, propObservables: n } = t, r = _(n?.width) ? n.width : P(i.width || 0), a = _(n?.height) ? n.height : P(i.height || 0), l = _(n?.anchor) ? n.anchor : P(i.anchor || [0, 0]);
     this._width = r, this._height = a;
-    const c = Y(r()), f = Y(a());
+    const c = X(r()), f = X(a());
     i.draw && (this.clearEffect = H(() => {
       const p = r(), o = a(), h = l();
       typeof p == "string" || typeof o == "string" || (this.clear(), i.draw?.(this, p, o, h), this.subjectInit.next(this));
@@ -6398,8 +6416,8 @@ class Ha extends at(ai) {
   }
 }
 R("Graphics", Ha);
-function Rt(s) {
-  return N("Graphics", s);
+function Ht(s) {
+  return V("Graphics", s);
 }
 const Ci = (s, t, e) => {
   const i = new bs({ _onUpdate: () => {
@@ -6409,11 +6427,11 @@ const Ci = (s, t, e) => {
   return { x: -n * t, y: -r * e };
 };
 function Ra(s) {
-  const { color: t, borderRadius: e, border: i } = tt(s, {
+  const { color: t, borderRadius: e, border: i } = Q(s, {
     borderRadius: null,
     border: null
   });
-  return Rt({
+  return Ht({
     draw: (n, r, a, l) => {
       const { x: c, y: f } = Ci(l, r, a);
       e() ? n.roundRect(c, f, r, a, e()) : n.rect(c, f, r, a), i && n.stroke(i), n.fill(t());
@@ -6422,11 +6440,11 @@ function Ra(s) {
   });
 }
 function An(s) {
-  const { color: t, border: e, radius: i } = tt(s, {
+  const { color: t, border: e, radius: i } = Q(s, {
     border: null,
     radius: null
   });
-  return Rt({
+  return Ht({
     draw: (n, r, a, l) => {
       const { x: c, y: f } = Ci(l, r, a);
       r == a || a == 0 ? n.circle(c, f, i() || r) : n.ellipse(c, f, r, a), e() && n.stroke(e()), n.fill(t());
@@ -6434,15 +6452,15 @@ function An(s) {
     ...s
   });
 }
-function Wa(s) {
+function ja(s) {
   return An(s);
 }
 function nh(s) {
-  const { color: t, border: e } = tt(s, {
+  const { color: t, border: e } = Q(s, {
     border: null,
     color: "#000"
   });
-  return Rt({
+  return Ht({
     draw: (i, n, r, a) => {
       const { x: l, y: c } = Ci(a, n, r);
       i.moveTo(l, c + r), i.lineTo(l + n / 2, c), i.lineTo(l + n, c + r), i.lineTo(l, c + r), i.fill(t()), e && i.stroke(e);
@@ -6451,7 +6469,7 @@ function nh(s) {
   });
 }
 function rh(s) {
-  return Rt({
+  return Ht({
     draw: async (t) => {
       if (s.src) {
         const e = await St.load({
@@ -6466,7 +6484,7 @@ function rh(s) {
     ...s
   });
 }
-class ja extends at(Wn) {
+class Wa extends at(jn) {
   /**
    * Constructor for the CanvasMesh component.
    * Initializes the PixiMesh with default geometry and shader to prevent errors.
@@ -6479,7 +6497,7 @@ class ja extends at(Wn) {
    */
   constructor() {
     super({
-      geometry: new jn()
+      geometry: new Wn()
     });
   }
   /**
@@ -6547,8 +6565,8 @@ class ja extends at(Wn) {
     await super.onDestroy(t, i);
   }
 }
-R("Mesh", ja);
-const oh = (s) => N("Mesh", s);
+R("Mesh", Wa);
+const oh = (s) => V("Mesh", s);
 let ms = null, ni = null;
 function Cn(s) {
   ni?.(s);
@@ -6572,7 +6590,7 @@ function de(s, t = {}, e) {
     n.add(a);
   }, e[0] instanceof Array && (e = e[0]);
   let r;
-  return Array.isArray(s) ? s.length === 1 ? r = s[0] : r = de(Te, {}, s) : "tag" in s || s instanceof I ? r = s : r = s({ ...t, children: e }), r || (r = {}), r.effectSubscriptions = Array.from(i), r.effectMounts = [
+  return Array.isArray(s) ? s.length === 1 ? r = s[0] : r = de(Te, {}, s) : "tag" in s || s instanceof D ? r = s : r = s({ ...t, children: e }), r || (r = {}), r.effectSubscriptions = Array.from(i), r.effectMounts = [
     ...Array.from(n),
     ...r.effectMounts ?? []
   ], t?.dependencies && (r.props = r.props || {}, r.props.dependencies = t.dependencies), r instanceof Promise && r.then((a) => {
@@ -6580,7 +6598,7 @@ function de(s, t = {}, e) {
   }), ms = null, ni = null, r;
 }
 function U(s, t = {}, ...e) {
-  return t?.dependencies ? !t.dependencies.some(yt) && t.dependencies.every((r) => _(r) ? r() !== void 0 : r !== void 0) ? de(s, t, e) : new I((n) => {
+  return t?.dependencies ? !t.dependencies.some(yt) && t.dependencies.every((r) => _(r) ? r() !== void 0 : r !== void 0) ? de(s, t, e) : new D((n) => {
     va(t.dependencies).then(() => {
       const r = de(s, t, e);
       n.next(r);
@@ -6692,7 +6710,7 @@ class rt {
     return t.end !== t.start && (e.next = new rt(typeof t.end == "string" ? ce(t.end) : t.end, 1)), e;
   }
 }
-let Qt = ct.from;
+let Zt = ct.from;
 const nt = Math.PI / 180;
 function ht(s, t) {
   if (!s)
@@ -6808,7 +6826,7 @@ function Ya(s) {
   const e = t.value;
   return Me(e.r, e.g, e.b);
 }
-class ne {
+class se {
   /**
    * @param isColor If this list handles color values
    */
@@ -6826,7 +6844,7 @@ class ne {
 }
 class Mi {
   constructor(t) {
-    this.order = E.Normal, this.list = new ne(!1), this.list.reset(rt.createList(t.alpha));
+    this.order = E.Normal, this.list = new se(!1), this.list.reset(rt.createList(t.alpha));
   }
   initParticles(t) {
     let e = t;
@@ -6856,12 +6874,12 @@ function Mn(s) {
   for (let e = 0; e < s.length; ++e) {
     let i = s[e];
     if (typeof i == "string")
-      t.push(Qt(i));
+      t.push(Zt(i));
     else if (i instanceof ct)
       t.push(i);
     else {
       let n = i.count || 1;
-      for (typeof i.texture == "string" ? i = Qt(i.texture) : i = i.texture; n > 0; --n)
+      for (typeof i.texture == "string" ? i = Zt(i.texture) : i = i.texture; n > 0; --n)
         t.push(i);
     }
   }
@@ -6950,7 +6968,7 @@ Li.type = "spawnBurst";
 Li.editorConfig = null;
 class Fi {
   constructor(t) {
-    this.order = E.Normal, this.list = new ne(!0), this.list.reset(rt.createList(t.color));
+    this.order = E.Normal, this.list = new se(!0), this.list.reset(rt.createList(t.color));
   }
   initParticles(t) {
     let e = t;
@@ -6980,7 +6998,7 @@ Hi.type = "colorStatic";
 Hi.editorConfig = null;
 class Ri {
   constructor(t) {
-    this.order = E.Normal, this.index = 0, this.textures = t.textures.map((e) => typeof e == "string" ? Qt(e) : e);
+    this.order = E.Normal, this.index = 0, this.textures = t.textures.map((e) => typeof e == "string" ? Zt(e) : e);
   }
   initParticles(t) {
     let e = t;
@@ -6990,7 +7008,7 @@ class Ri {
 }
 Ri.type = "textureOrdered";
 Ri.editorConfig = null;
-const Et = new k(), En = [
+const Mt = new k(), En = [
   "E",
   "LN2",
   "LN10",
@@ -7042,7 +7060,7 @@ function qa(s) {
     En.indexOf(t[e]) >= 0 && (t[e] = `Math.${t[e]}`);
   return s = t.join(""), new Function("x", `return ${s};`);
 }
-class Wi {
+class ji {
   constructor(t) {
     if (this.order = E.Late, t.path)
       if (typeof t.path == "function")
@@ -7055,7 +7073,7 @@ class Wi {
         }
     else
       this.path = (e) => e;
-    this.list = new ne(!1), this.list.reset(rt.createList(t.speed)), this.minMult = t.minMult ?? 1;
+    this.list = new se(!1), this.list.reset(rt.createList(t.speed)), this.minMult = t.minMult ?? 1;
   }
   initParticles(t) {
     let e = t;
@@ -7067,12 +7085,12 @@ class Wi {
   }
   updateParticle(t, e) {
     const i = this.list.interpolate(t.agePercent) * t.config.speedMult;
-    t.config.movement += i * e, Et.x = t.config.movement, Et.y = this.path(Et.x), ht(t.config.initRotation, Et), t.position.x = t.config.initPosition.x + Et.x, t.position.y = t.config.initPosition.y + Et.y;
+    t.config.movement += i * e, Mt.x = t.config.movement, Mt.y = this.path(Mt.x), ht(t.config.initRotation, Mt), t.position.x = t.config.initPosition.x + Mt.x, t.position.y = t.config.initPosition.y + Mt.y;
   }
 }
-Wi.type = "movePath";
-Wi.editorConfig = null;
-class ji {
+ji.type = "movePath";
+ji.editorConfig = null;
+class Wi {
   constructor() {
     this.order = E.Spawn;
   }
@@ -7080,11 +7098,11 @@ class ji {
   initParticles(t) {
   }
 }
-ji.type = "spawnPoint";
-ji.editorConfig = null;
+Wi.type = "spawnPoint";
+Wi.editorConfig = null;
 class Bi {
   constructor(t) {
-    this.order = E.Normal, this.textures = t.textures.map((e) => typeof e == "string" ? Qt(e) : e);
+    this.order = E.Normal, this.textures = t.textures.map((e) => typeof e == "string" ? Zt(e) : e);
   }
   initParticles(t) {
     let e = t;
@@ -7141,7 +7159,7 @@ zi.type = "noRotation";
 zi.editorConfig = null;
 class Ui {
   constructor(t) {
-    this.order = E.Normal, this.list = new ne(!1), this.list.reset(rt.createList(t.scale)), this.minMult = t.minMult ?? 1;
+    this.order = E.Normal, this.list = new se(!1), this.list.reset(rt.createList(t.scale)), this.minMult = t.minMult ?? 1;
   }
   initParticles(t) {
     let e = t;
@@ -7170,18 +7188,18 @@ class Gi {
 }
 Gi.type = "scaleStatic";
 Gi.editorConfig = null;
-class et {
+class tt {
   /**
    * Registers a shape to be used by the ShapeSpawn behavior.
    * @param constructor The shape class constructor to use, with a static `type` property to reference it by.
    * @param typeOverride An optional type override, primarily for registering a shape under multiple names.
    */
   static registerShape(t, e) {
-    et.shapes[e || t.type] = t;
+    tt.shapes[e || t.type] = t;
   }
   constructor(t) {
     this.order = E.Spawn;
-    const e = et.shapes[t.type];
+    const e = tt.shapes[t.type];
     if (!e)
       throw new Error(`No shape found with type '${t.type}'`);
     this.shape = new e(t.data);
@@ -7192,16 +7210,16 @@ class et {
       this.shape.getRandPos(e), e = e.next;
   }
 }
-et.type = "spawnShape";
-et.editorConfig = null;
-et.shapes = {};
-et.registerShape(ki);
-et.registerShape(Pi);
-et.registerShape(Ee);
-et.registerShape(Ee, "circle");
+tt.type = "spawnShape";
+tt.editorConfig = null;
+tt.shapes = {};
+tt.registerShape(ki);
+tt.registerShape(Pi);
+tt.registerShape(Ee);
+tt.registerShape(Ee, "circle");
 class Xi {
   constructor(t) {
-    this.order = E.Normal, this.texture = typeof t.texture == "string" ? Qt(t.texture) : t.texture;
+    this.order = E.Normal, this.texture = typeof t.texture == "string" ? Zt(t.texture) : t.texture;
   }
   initParticles(t) {
     let e = t;
@@ -7213,7 +7231,7 @@ Xi.type = "textureSingle";
 Xi.editorConfig = null;
 class Yi {
   constructor(t) {
-    this.order = E.Late, this.list = new ne(!1), this.list.reset(rt.createList(t.speed)), this.minMult = t.minMult ?? 1;
+    this.order = E.Late, this.list = new se(!1), this.list.reset(rt.createList(t.speed)), this.minMult = t.minMult ?? 1;
   }
   initParticles(t) {
     let e = t;
@@ -7579,15 +7597,15 @@ T.registerBehavior(Li);
 T.registerBehavior(Fi);
 T.registerBehavior(Hi);
 T.registerBehavior(Ri);
-T.registerBehavior(Wi);
 T.registerBehavior(ji);
+T.registerBehavior(Wi);
 T.registerBehavior(Bi);
 T.registerBehavior(Ni);
 T.registerBehavior(Vi);
 T.registerBehavior(zi);
 T.registerBehavior(Ui);
 T.registerBehavior(Gi);
-T.registerBehavior(et);
+T.registerBehavior(tt);
 T.registerBehavior(Xi);
 T.registerBehavior(Yi);
 T.registerBehavior($i);
@@ -7615,12 +7633,12 @@ class Ka extends Ai {
 }
 R("ParticlesEmitter", Ka);
 function hh(s) {
-  return N("ParticlesEmitter", s);
+  return V("ParticlesEmitter", s);
 }
 const ys = console.log;
 class On extends at(pe) {
   constructor() {
-    super(...arguments), this.currentAnimation = null, this.time = 0, this.frameIndex = 0, this.animations = /* @__PURE__ */ new Map(), this.subscriptionSheet = [], this.sheetParams = {}, this.sheetCurrentAnimation = "stand", this.app = null, this.globalLoader = null, this.trackedAssetIds = /* @__PURE__ */ new Set(), this.currentAnimationContainer = null;
+    super(...arguments), this.hitbox = null, this.currentAnimation = null, this.time = 0, this.frameIndex = 0, this.animations = /* @__PURE__ */ new Map(), this.subscriptionSheet = [], this.sheetParams = {}, this.sheetCurrentAnimation = "stand", this.app = null, this.globalLoader = null, this.trackedAssetIds = /* @__PURE__ */ new Set(), this.currentAnimationContainer = null;
   }
   get renderer() {
     return this.app?.renderer;
@@ -7783,10 +7801,10 @@ class On extends at(pe) {
           this.play(this.sheetCurrentAnimation, [{ ...this.sheetParams, [c]: f }]);
         }
       }
-    const l = J(() => {
+    const l = K(() => {
       const { x: c, y: f } = i ?? {};
       if (!c || !f) return !1;
-      const p = c, o = f, h = Zt(p) && p.animatedState().current !== p.animatedState().end, u = Zt(o) && o.animatedState().current !== o.animatedState().end;
+      const p = c, o = f, h = Jt(p) && p.animatedState().current !== p.animatedState().end, u = Jt(o) && o.animatedState().current !== o.animatedState().end;
       return h || u;
     });
     H(() => {
@@ -7817,11 +7835,11 @@ class On extends at(pe) {
       const r = n.value instanceof Promise ? await n.value : n.value;
       this.spritesheet = r ?? n, await this.resetAnimations();
     }
-    if (i?.params && (this.sheetParams = i?.params), i?.playing && this.isMounted && this.spritesheet && this.animations.size > 0 && (this.sheetCurrentAnimation = i?.playing, this.play(this.sheetCurrentAnimation, [this.sheetParams])), t.hitbox && (this.hitbox = t.hitbox.value ?? t.hitbox), t.scaleMode) this.baseTexture.scaleMode = t.scaleMode;
+    if (i?.params && (this.sheetParams = i?.params), i?.playing && this.isMounted && this.spritesheet && this.animations.size > 0 && (this.sheetCurrentAnimation = i?.playing, this.play(this.sheetCurrentAnimation, [this.sheetParams])), t.hitbox !== void 0 && (this.hitbox = this.normalizeHitbox(t.hitbox)), t.scaleMode) this.baseTexture.scaleMode = t.scaleMode;
     else if (t.image && this.fullProps.rectangle === void 0) {
       const r = await e(this.fullProps.image);
       r && (this.texture = r);
-    } else t.texture && (G(t.texture) ? (t.texture.componentInstance.subjectInit.subscribe(), this.texture = this.renderer?.generateTexture(t.texture.componentInstance)) : this.texture = t.texture);
+    } else t.texture && (st(t.texture) ? (t.texture.componentInstance.subjectInit.subscribe(), this.texture = this.renderer?.generateTexture(t.texture.componentInstance)) : this.texture = t.texture);
     if (t.rectangle !== void 0) {
       const { x: r, y: a, width: l, height: c } = t.rectangle?.value ?? t.rectangle, f = await e(this.fullProps.image);
       f && (this.texture = new ct({
@@ -7829,12 +7847,13 @@ class On extends at(pe) {
         frame: new _t(r, a, l, c)
       }));
     }
+    this.hitbox && !this.spritesheet && this.applyHitboxAnchor(this.texture.width, this.texture.height);
   }
   async onDestroy(t, e) {
     const i = async () => {
       this.globalLoader && (this.trackedAssetIds.forEach((n) => {
         this.globalLoader.removeAsset(n);
-      }), this.trackedAssetIds.clear()), this.subscriptionSheet.forEach((n) => n.unsubscribe()), this.subscriptionTick.unsubscribe(), this.currentAnimationContainer && this.parent instanceof Ft && this.parent.removeChild(this.currentAnimationContainer), e && e();
+      }), this.trackedAssetIds.clear()), this.subscriptionSheet.forEach((n) => n.unsubscribe()), this.subscriptionTick.unsubscribe(), this.currentAnimationContainer && this.parent instanceof Lt && this.parent.removeChild(this.currentAnimationContainer), e && e();
     };
     await super.onDestroy(t, i);
   }
@@ -7852,7 +7871,7 @@ class On extends at(pe) {
   }
   play(t, e = []) {
     const i = this.currentAnimation?.params;
-    if (this.isPlaying(t) && te(e, i || [])) return;
+    if (this.isPlaying(t) && Qt(e, i || [])) return;
     const n = this.get(t);
     if (!n)
       throw new Error(
@@ -7861,7 +7880,7 @@ class On extends at(pe) {
     const r = structuredClone(e);
     this.removeChildren(), n.sprites = [], this.currentAnimation = n, this.currentAnimation.params = r, this.time = 0, this.frameIndex = 0;
     let a = n.animations;
-    a = fi(a) ? a(...r) : a, this.currentAnimationContainer = new Ft();
+    a = fi(a) ? a(...r) : a, this.currentAnimationContainer = new Lt();
     for (let c of a) {
       const f = new pe();
       for (let p of c)
@@ -7869,7 +7888,7 @@ class On extends at(pe) {
       this.currentAnimationContainer.addChild(f);
     }
     const l = this.currentAnimation.data.sound;
-    l && new Bt.Howl({
+    l && new Wt.Howl({
       src: l,
       autoplay: !0,
       loop: !1,
@@ -7904,30 +7923,23 @@ class On extends at(pe) {
     let l = r[this.frameIndex];
     const c = r[this.frameIndex + 1];
     for (let f of this.currentAnimationContainer.children) {
-      let p = function(g, y) {
-        const b = o(y || g);
-        b !== void 0 && (i[g] = b);
+      let p = function(d, m) {
+        const y = o(m || d);
+        y !== void 0 && (i[d] = y);
       };
       if (!l || l.frameY == null || l.frameX == null)
         continue;
       this.texture = n[l.frameY][l.frameX];
-      const o = (g) => l[g] ?? a[g] ?? this.spritesheet[g], h = (g) => {
-        const y = o(g);
-        y && this[g].set(...y);
+      const o = (d) => l[d] ?? a[d] ?? this.spritesheet[d], h = (d) => {
+        const m = o(d);
+        m && this[d].set(...m);
       };
       this.applyTransform && (l = {
         ...l,
         ...this.applyTransform(l, a, this.spritesheet)
       });
-      const u = o("spriteRealSize"), d = typeof u == "number" ? u : u?.height;
-      typeof u == "number" || u?.width;
-      const m = () => {
-        if (d && this.hitbox) {
-          const { spriteWidth: g, spriteHeight: y } = a, v = (g - this.hitbox.w) / 2 / g, b = (y - d) / 2, w = (y - this.hitbox.h - b) / y;
-          this.anchor.set(v, w);
-        }
-      };
-      l.sound, m(), h("anchor"), h("scale"), h("skew"), h("pivot"), p("alpha", "opacity"), p("x"), p("y"), p("angle"), p("rotation"), p("visible");
+      const u = o("spriteRealSize");
+      l.sound, this.applyHitboxAnchor(a.spriteWidth, a.spriteHeight, u), h("anchor"), h("scale"), h("skew"), h("pivot"), p("alpha", "opacity"), p("x"), p("y"), p("angle"), p("rotation"), p("visible");
     }
     if (!c) {
       this.time = 0, this.frameIndex = 0, this.onFinish && r.length > 1 && this.onFinish();
@@ -7935,9 +7947,46 @@ class On extends at(pe) {
     }
     this.time += t ?? 1, this.time >= c.time && this.frameIndex++;
   }
+  applyHitboxAnchor(t, e, i) {
+    if (!this.hitbox || !t || !e)
+      return;
+    const r = (typeof i == "number" ? i : i?.height) ?? e, a = Math.max(0, (e - r) / 2), l = this.clamp(
+      (t - this.hitbox.w) / 2 / t
+    ), c = this.clamp(
+      (e - this.hitbox.h - a) / e
+    ), f = this.clamp(
+      l + this.hitbox.w / 2 / t
+    ), p = this.clamp(
+      c + this.hitbox.h / 2 / e
+    ), o = this.clamp((e - a) / e);
+    let h = l, u = c;
+    switch (this.hitbox.anchorMode ?? "top-left") {
+      case "center":
+        h = f, u = p;
+        break;
+      case "foot":
+        h = f, u = o;
+        break;
+    }
+    this.anchor.set(h, u);
+  }
+  normalizeHitbox(t) {
+    const e = t?.value ?? t;
+    if (!e || typeof e != "object")
+      return null;
+    const { w: i, h: n, anchorMode: r } = e;
+    return typeof i != "number" || typeof n != "number" ? null : {
+      w: i,
+      h: n,
+      anchorMode: r
+    };
+  }
+  clamp(t) {
+    return Math.min(1, Math.max(0, t));
+  }
 }
 R("Sprite", On);
-const In = (s) => (R("Sprite", On), N("Sprite", s));
+const In = (s) => (R("Sprite", On), V("Sprite", s));
 function ch(s) {
   const t = {
     audioprocess: null,
@@ -8037,7 +8086,7 @@ class Ja extends at(Bn) {
    * Calculates the sound duration to prevent overlapping sounds.
    */
   initializeTypewriterSound() {
-    this.typewriterOptions.sound?.src && (this.typewriterSound = new Bt.Howl({
+    this.typewriterOptions.sound?.src && (this.typewriterSound = new Wt.Howl({
       src: [this.typewriterOptions.sound.src],
       volume: this.typewriterOptions.sound.volume ?? 0.5,
       rate: this.typewriterOptions.sound.rate ?? 1,
@@ -8092,7 +8141,7 @@ class Ja extends at(Bn) {
 }
 R("Text", Ja);
 function Za(s) {
-  return N("Text", s);
+  return V("Text", s);
 }
 class Qa extends at(Nn) {
   onUpdate(t) {
@@ -8101,7 +8150,7 @@ class Qa extends at(Nn) {
 }
 R("TilingSprite", Qa);
 function uh(s) {
-  return N("TilingSprite", s);
+  return V("TilingSprite", s);
 }
 var tl = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function el(s) {
@@ -8334,7 +8383,7 @@ class sl {
     return (this.isMouseDown ? 1 : 0) + this.touches.length;
   }
 }
-const zt = [
+const Vt = [
   "drag",
   "pinch",
   "wheel",
@@ -8362,11 +8411,11 @@ class nl {
    * @param {Plugin} plugin - instantiated Plugin class
    * @param {number} index to insert userPlugin (otherwise inserts it at the end)
    */
-  add(t, e, i = zt.length) {
+  add(t, e, i = Vt.length) {
     const n = this.plugins[t];
     n && n.destroy(), this.plugins[t] = e;
-    const r = zt.indexOf(t);
-    r !== -1 && zt.splice(r, 1), zt.splice(i, 0, t), this.sort();
+    const r = Vt.indexOf(t);
+    r !== -1 && Vt.splice(r, 1), Vt.splice(i, 0, t), this.sort();
   }
   /**
    * Get plugin
@@ -8445,7 +8494,7 @@ class nl {
    */
   sort() {
     this.list = [];
-    for (const t of zt)
+    for (const t of Vt)
       this.plugins[t] && this.list.push(this.plugins[t]);
   }
   /**
@@ -8497,7 +8546,7 @@ class nl {
     return e;
   }
 }
-class K {
+class q {
   /** @param {Viewport} parent */
   constructor(t) {
     this.parent = t, this.paused = !1;
@@ -8547,7 +8596,7 @@ const rl = {
   ease: "linear",
   time: 1e3
 };
-class ol extends K {
+class ol extends q {
   /**
    * This is called by {@link Viewport.animate}.
    *
@@ -8621,7 +8670,7 @@ const al = {
   underflow: "center",
   bounceBox: null
 };
-class ll extends K {
+class ll extends q {
   /**
    * This is called by {@link Viewport.bounce}.
    */
@@ -8744,7 +8793,7 @@ const hl = {
   direction: null,
   underflow: "center"
 };
-class cl extends K {
+class cl extends q {
   /**
   * This is called by {@link Viewport.clamp}.
   */
@@ -8818,7 +8867,7 @@ const ul = {
   minScale: null,
   maxScale: null
 };
-class fl extends K {
+class fl extends q {
   /**
    * This is called by {@link Viewport.clampZoom}.
    */
@@ -8877,7 +8926,7 @@ const dl = {
   bounce: 0.8,
   minSpeed: 0.01
 }, ft = 16;
-class pl extends K {
+class pl extends q {
   /**
    * This is called by {@link Viewport.decelerate}.
    */
@@ -8958,7 +9007,7 @@ const ml = {
   lineHeight: 20,
   wheelSwapAxes: !1
 };
-class yl extends K {
+class yl extends q {
   /**
   * This is called by {@link Viewport.drag}.
   */
@@ -9121,7 +9170,7 @@ const gl = {
   acceleration: null,
   radius: null
 };
-class vl extends K {
+class vl extends q {
   /**
    * This is called by {@link Viewport.follow}.
    *
@@ -9181,7 +9230,7 @@ const bl = {
   linear: !1,
   allowButtons: !1
 };
-class wl extends K {
+class wl extends q {
   /**
    * This is called by {@link Viewport.mouseEdges}.
    */
@@ -9235,7 +9284,7 @@ const xl = {
   factor: 1,
   axis: "all"
 }, _l = new k();
-class Sl extends K {
+class Sl extends q {
   /**
   * This is called by {@link Viewport.pinch}.
   */
@@ -9320,7 +9369,7 @@ const Al = {
   removeOnInterrupt: !1,
   forceStart: !1
 };
-class Cl extends K {
+class Cl extends q {
   /**
    * This is called by {@link Viewport.snap}.
    */
@@ -9377,7 +9426,7 @@ const kl = {
   forceStart: !1,
   noMove: !1
 };
-class Pl extends K {
+class Pl extends q {
   /**
    * This is called by {@link Viewport.snapZoom}.
    */
@@ -9437,7 +9486,7 @@ const Tl = {
   trackpadPinch: !1,
   wheelZoom: !0
 };
-class Ml extends K {
+class Ml extends q {
   /**
   * This is called by {@link Viewport.wheel}.
   */
@@ -9550,7 +9599,7 @@ const El = {
   ticker: ws.shared,
   allowPreserveDragOutside: !1
 };
-class Ol extends Ft {
+class Ol extends Lt {
   /**
    * @param {IViewportOptions} ViewportOptions
    * @param {number} [options.screenWidth=window.innerWidth]
@@ -10216,7 +10265,7 @@ const Il = [
   "zoomed",
   "zoomed-end"
 ];
-class Dl extends at(Ft) {
+class Dl extends at(Lt) {
   constructor() {
     super(), this.overrideProps = ["wheel"];
     const t = {
@@ -10296,7 +10345,7 @@ class Dl extends at(Ft) {
 }
 R("Viewport", Dl);
 function fh(s) {
-  return N("Viewport", s);
+  return V("Viewport", s);
 }
 class Ll extends at(Vn) {
   constructor() {
@@ -10312,7 +10361,7 @@ class Ll extends at(Vn) {
 }
 R("NineSliceSprite", Ll);
 function dh(s) {
-  return N("NineSliceSprite", s);
+  return V("NineSliceSprite", s);
 }
 const vs = [
   "click",
@@ -10537,7 +10586,7 @@ class Ln {
   }
 }
 R("DOMElement", Ln);
-const Fl = (s) => N("DOMElement", s), dt = class dt extends at(zn) {
+const Fl = (s) => V("DOMElement", s), dt = class dt extends at(zn) {
   constructor() {
     super(...arguments), this.disableLayout = !0, this.canvasSizeEffect = null;
   }
@@ -10559,7 +10608,7 @@ const Fl = (s) => N("DOMElement", s), dt = class dt extends at(zn) {
   }
   shouldUseCanvasPercent() {
     const t = this.fullProps?.width, e = this.fullProps?.height;
-    return !Y(t) && !Y(e) ? !1 : !this.hasDomContainerAncestor();
+    return !X(t) && !X(e) ? !1 : !this.hasDomContainerAncestor();
   }
   syncCanvasSizeEffect() {
     const t = this.shouldUseCanvasPercent();
@@ -10574,7 +10623,7 @@ const Fl = (s) => N("DOMElement", s), dt = class dt extends at(zn) {
     if (!this.element) return;
     const t = this.fullProps?.width, e = this.fullProps?.height, i = this.shouldUseCanvasPercent(), n = i ? this.getCanvasSize() : null;
     if (t !== void 0)
-      if (Y(t))
+      if (X(t))
         if (i) {
           const r = this.getPercentRatio(t);
           if (r !== null) {
@@ -10585,7 +10634,7 @@ const Fl = (s) => N("DOMElement", s), dt = class dt extends at(zn) {
           this.element.style.width = t;
       else typeof t == "number" ? this.element.style.width = `${t}px` : typeof t == "string" && (this.element.style.width = t);
     if (e !== void 0)
-      if (Y(e))
+      if (X(e))
         if (i) {
           const r = this.getPercentRatio(e);
           if (r !== null) {
@@ -10600,14 +10649,14 @@ const Fl = (s) => N("DOMElement", s), dt = class dt extends at(zn) {
     if (!t) return t;
     if (Array.isArray(t))
       return t.map((e) => this.routeDomChildren(e));
-    if (G(t)) {
+    if (st(t)) {
       if (dt.DOM_ALLOWED_TAGS.has(t.tag))
         return t;
       const e = dt.DOM_ROUTING_MAP[t.tag];
       if (e) {
         t.propSubscriptions?.forEach((n) => n.unsubscribe()), t.effectSubscriptions?.forEach((n) => n.unsubscribe()), t.effectUnmounts?.forEach((n) => n?.());
         const i = t.propObservables ?? t.props;
-        return N(e, i);
+        return V(e, i);
       }
       if (dt.DOM_UNSUPPORTED_TAGS.has(t.tag))
         throw new Error(
@@ -10692,7 +10741,7 @@ dt.DOM_ROUTING_MAP = {
 ]);
 let ri = dt;
 R("DOMContainer", ri);
-const ph = (s) => N("DOMContainer", s), Hl = [
+const ph = (s) => V("DOMContainer", s), Hl = [
   "click",
   "mouseover",
   "mouseout",
@@ -10768,7 +10817,7 @@ class Rl extends Ln {
       return e.value ?? e;
   }
   async detectImageDimensions(t) {
-    return !Ot() || !t ? { width: 0, height: 0 } : new Promise((e, i) => {
+    return !Et() || !t ? { width: 0, height: 0 } : new Promise((e, i) => {
       const n = new Image();
       n.onload = () => e({ width: n.naturalWidth, height: n.naturalHeight }), n.onerror = () => i(new Error(`Failed to load image: ${t}`)), n.src = t;
     });
@@ -10836,7 +10885,7 @@ class Rl extends Ln {
   }
   playSheet(t, e = []) {
     const i = this.sheetCurrentAnimation?.params;
-    if (this.sheetCurrentAnimation && this.sheetCurrentAnimation.name === t && te(e, i || []))
+    if (this.sheetCurrentAnimation && this.sheetCurrentAnimation.name === t && Qt(e, i || []))
       return;
     const n = this.sheetAnimations.get(t);
     if (!n)
@@ -10869,7 +10918,7 @@ class Rl extends Ln {
     if (e.length <= 1) return;
     const i = this.fps > 0 ? this.fps : 60;
     let n = 0;
-    t.deltaTime ? n = t.deltaTime / st(i) : typeof t.deltaRatio == "number" && (n = t.deltaRatio * (i / 60));
+    t.deltaTime ? n = t.deltaTime / it(i) : typeof t.deltaRatio == "number" && (n = t.deltaRatio * (i / 60));
     const r = e[this.sheetFrameIndex + 1];
     if (!r) {
       if (this.loop) {
@@ -11128,23 +11177,23 @@ class Rl extends Ln {
         timestamp: e,
         deltaTime: i,
         frame: 0,
-        deltaRatio: i / st(this.fps)
-      }) : this.advance(i), Ot() ? this.rafId = window.requestAnimationFrame(t) : this.rafId = setTimeout(() => {
+        deltaRatio: i / it(this.fps)
+      }) : this.advance(i), Et() ? this.rafId = window.requestAnimationFrame(t) : this.rafId = setTimeout(() => {
         t(lt());
-      }, st(this.fps));
+      }, it(this.fps));
     };
-    Ot() ? this.rafId = window.requestAnimationFrame(t) : this.rafId = setTimeout(() => {
+    Et() ? this.rafId = window.requestAnimationFrame(t) : this.rafId = setTimeout(() => {
       t(lt());
-    }, st(this.fps));
+    }, it(this.fps));
   }
   stopAnimationLoop() {
-    this.isAnimating = !1, this.tickSubscription && (this.tickSubscription.unsubscribe(), this.tickSubscription = void 0), this.rafId !== void 0 && (Ot() ? window.cancelAnimationFrame(this.rafId) : clearTimeout(this.rafId), this.rafId = void 0, this.lastRafTimestamp = void 0), this.lastTickTimestamp = void 0;
+    this.isAnimating = !1, this.tickSubscription && (this.tickSubscription.unsubscribe(), this.tickSubscription = void 0), this.rafId !== void 0 && (Et() ? window.cancelAnimationFrame(this.rafId) : clearTimeout(this.rafId), this.rafId = void 0, this.lastRafTimestamp = void 0), this.lastTickTimestamp = void 0;
   }
   advance(t) {
     const e = this.getFrames();
     if (!this.playing || e.length <= 1 || this.fps <= 0) return;
     this.elapsed += t;
-    const i = st(this.fps);
+    const i = it(this.fps);
     for (; this.elapsed >= i; )
       if (this.elapsed -= i, this.frameIndex += 1, !this.loop && this.frameIndex >= e.length) {
         this.frameIndex = e.length - 1;
@@ -11154,8 +11203,8 @@ class Rl extends Ln {
   }
 }
 R("DOMSprite", Rl);
-const mh = (s) => N("DOMSprite", s);
-var Wl = /* @__PURE__ */ ((s) => (s.Normal = "normal", s.Hover = "hover", s.Pressed = "pressed", s.Disabled = "disabled", s))(Wl || {});
+const mh = (s) => V("DOMSprite", s);
+var jl = /* @__PURE__ */ ((s) => (s.Normal = "normal", s.Hover = "hover", s.Pressed = "pressed", s.Disabled = "disabled", s))(jl || {});
 function yh(s) {
   const t = P(
     "normal"
@@ -11237,7 +11286,7 @@ function yh(s) {
   }, d = () => {
     if (s.background)
       return s.background;
-    const g = p(), y = J(() => {
+    const g = p(), y = K(() => {
       const b = f().backgroundColor || {
         normal: "#007bff",
         hover: "#0056b3",
@@ -11247,14 +11296,14 @@ function yh(s) {
       return b[w] || b.normal;
     });
     if (g === "circle") {
-      const v = J(() => Math.min(l(), c()) / 2);
+      const v = K(() => Math.min(l(), c()) / 2);
       return U(An, {
         radius: v,
-        x: J(() => l() / 2),
-        y: J(() => c() / 2),
+        x: K(() => l() / 2),
+        y: K(() => c() / 2),
         color: y
       });
-    } else return g === "ellipse" ? U(Wa, {
+    } else return g === "ellipse" ? U(ja, {
       width: l,
       height: c,
       color: y
@@ -11266,10 +11315,10 @@ function yh(s) {
   }, m = () => s.children && s.children.length > 0 ? s.children : [
     U(Za, {
       text: r,
-      x: J(() => l() / 2),
-      y: J(() => c() / 2),
+      x: K(() => l() / 2),
+      y: K(() => c() / 2),
       anchor: { x: 0.5, y: 0.5 },
-      style: J(() => {
+      style: K(() => {
         const y = f().text || {};
         return {
           fontSize: y.fontSize || 16,
@@ -11335,13 +11384,13 @@ function gh(s = {}) {
     let S = w.getLocalPosition(x), C = S.x - (l?.x ?? 0), M = S.y - (l?.y ?? 0), A = new Fn.Point(0, 0), L = 0;
     if (C == 0 && M == 0)
       return;
-    let W = "left";
+    let j = "left";
     if (C == 0) {
-      M > 0 ? (A.set(0, M > i ? i : M), L = 270, W = "bottom") : (A.set(
+      M > 0 ? (A.set(0, M > i ? i : M), L = 270, j = "bottom") : (A.set(
         0,
         -(Math.abs(M) > i ? i : Math.abs(M))
-      ), L = 90, W = "top"), f.set(A.x), p.set(A.y), c = h(A);
-      const gt = { angle: L, direction: W, power: c };
+      ), L = 90, j = "top"), f.set(A.x), p.set(A.y), c = h(A);
+      const gt = { angle: L, direction: j, power: c };
       t.onChange?.(gt);
       const z = e();
       z && (z.handleJoystickChange ? z.handleJoystickChange(gt) : z.joystick && z.joystick.handleJoystickChange && z.joystick.handleJoystickChange(gt));
@@ -11351,21 +11400,21 @@ function gh(s = {}) {
       C > 0 ? (A.set(
         Math.abs(C) > i ? i : Math.abs(C),
         0
-      ), L = 0, W = "right") : (A.set(
+      ), L = 0, j = "right") : (A.set(
         -(Math.abs(C) > i ? i : Math.abs(C)),
         0
-      ), L = 180, W = "left"), f.set(A.x), p.set(A.y), c = h(A);
-      const gt = { angle: L, direction: W, power: c };
+      ), L = 180, j = "left"), f.set(A.x), p.set(A.y), c = h(A);
+      const gt = { angle: L, direction: j, power: c };
       t.onChange?.(gt);
       const z = e();
       z && (z.handleJoystickChange ? z.handleJoystickChange(gt) : z.joystick && z.joystick.handleJoystickChange && z.joystick.handleJoystickChange(gt));
       return;
     }
-    let Nt = Math.abs(M / C), ut = Math.atan(Nt);
+    let Bt = Math.abs(M / C), ut = Math.atan(Bt);
     L = ut * 180 / Math.PI;
-    let j = 0, it = 0;
-    C * C + M * M >= i * i ? (j = i * Math.cos(ut), it = i * Math.sin(ut)) : (j = Math.abs(C) > i ? i : Math.abs(C), it = Math.abs(M) > i ? i : Math.abs(M)), M < 0 && (it = -Math.abs(it)), C < 0 && (j = -Math.abs(j)), C > 0 && M < 0 || (C < 0 && M < 0 ? L = 180 - L : C < 0 && M > 0 ? L = L + 180 : C > 0 && M > 0 && (L = 360 - L)), A.set(j, it), c = h(A), W = u(A), f.set(A.x), p.set(A.y);
-    const Ie = { angle: L, direction: W, power: c };
+    let W = 0, et = 0;
+    C * C + M * M >= i * i ? (W = i * Math.cos(ut), et = i * Math.sin(ut)) : (W = Math.abs(C) > i ? i : Math.abs(C), et = Math.abs(M) > i ? i : Math.abs(M)), M < 0 && (et = -Math.abs(et)), C < 0 && (W = -Math.abs(W)), C > 0 && M < 0 || (C < 0 && M < 0 ? L = 180 - L : C < 0 && M > 0 ? L = L + 180 : C > 0 && M > 0 && (L = 360 - L)), A.set(W, et), c = h(A), j = u(A), f.set(A.x), p.set(A.y);
+    const Ie = { angle: L, direction: j, power: c };
     t.onChange?.(Ie);
     const Pt = e();
     Pt && (Pt.handleJoystickChange ? Pt.handleJoystickChange(Ie) : Pt.joystick && Pt.joystick.handleJoystickChange && Pt.joystick.handleJoystickChange(Ie));
@@ -11375,7 +11424,7 @@ function gh(s = {}) {
     image: t.outer,
     anchor: { x: 0.5, y: 0.5 },
     scale: t.outerScale
-  }) : v = U(Rt, {
+  }) : v = U(Ht, {
     draw: (w) => {
       w.circle(0, 0, i).fill(t.outerColor);
     },
@@ -11387,7 +11436,7 @@ function gh(s = {}) {
     y: p,
     alpha: o
   };
-  return t.inner ? y = t.inner : y = U(Rt, {
+  return t.inner ? y = t.inner : y = U(Ht, {
     draw: (w) => {
       w.circle(0, 0, n * 2.5).fill(t.innerColor);
     },
@@ -11675,8 +11724,8 @@ const bt = class bt {
 };
 bt.instance = null;
 let oi = bt;
-const Z = oi.getInstance();
-class jl extends $ {
+const J = oi.getInstance();
+class Wl extends Y {
   constructor() {
     super(...arguments), this.element = null, this.controlsDirective = null, this.controlsSubscription = null;
   }
@@ -11728,7 +11777,7 @@ class jl extends $ {
     this.controlsSubscription && (this.controlsSubscription.unsubscribe(), this.controlsSubscription = null), this.element = null, this.controlsDirective = null;
   }
 }
-q("focusNavigation", jl);
+$("focusNavigation", Wl);
 class Bl {
   constructor() {
     this.containerId = "", this.currentIndexSignal = null, this.focusedElementSignal = null, this.registeredFocusables = /* @__PURE__ */ new Set();
@@ -11743,7 +11792,7 @@ class Bl {
     const e = P(null), i = P(null);
     this.currentIndexSignal = e, this.focusedElementSignal = i;
     const n = t.viewport || t.context?.viewport;
-    Z.registerContainer(this.containerId, {
+    J.registerContainer(this.containerId, {
       focusables: /* @__PURE__ */ new Map(),
       currentIndex: e,
       focusedElement: i,
@@ -11758,7 +11807,7 @@ class Bl {
    * @param element - The element being mounted
    */
   async onMount(t) {
-    if (Z.updateContainer(this.containerId, { element: t }), t.props.controls) {
+    if (J.updateContainer(this.containerId, { element: t }), t.props.controls) {
       const e = mi(t, "focusNavigation");
       e && !t.directives && (t.directives = {}), e && (t.directives.focusNavigation = e, e.onInit(t), e.onMount(t));
     }
@@ -11768,7 +11817,7 @@ class Bl {
       });
       t.effectSubscriptions || (t.effectSubscriptions = []), t.effectSubscriptions.push(e);
     }
-    Z.setTabindex(this.containerId, t.propObservables?.tabindex), setTimeout(() => {
+    J.setTabindex(this.containerId, t.propObservables?.tabindex), setTimeout(() => {
       this.registerChildren(t);
     }, 0);
   }
@@ -11779,7 +11828,7 @@ class Bl {
    */
   onUpdate(t) {
     const e = t.viewport || t.context?.viewport;
-    Z.updateContainer(this.containerId, {
+    J.updateContainer(this.containerId, {
       viewport: e,
       autoScroll: t.autoScroll,
       onFocusChange: t.onFocusChange
@@ -11793,8 +11842,8 @@ class Bl {
    */
   async onDestroy(t, e) {
     for (const i of this.registeredFocusables)
-      Z.unregisterFocusable(this.containerId, i);
-    this.registeredFocusables.clear(), Z.unregisterContainer(this.containerId), e && e();
+      J.unregisterFocusable(this.containerId, i);
+    this.registeredFocusables.clear(), J.unregisterContainer(this.containerId), e && e();
   }
   /**
    * Register focusable children from element
@@ -11832,7 +11881,7 @@ class Bl {
         const a = n.props.tabindex;
         r = _(a) ? a() : a;
       }
-      if (r !== void 0 && r >= 0 && (this.registeredFocusables.has(r) || (Z.registerFocusable(this.containerId, n, r), this.registeredFocusables.add(r))), n.props && n.props.children)
+      if (r !== void 0 && r >= 0 && (this.registeredFocusables.has(r) || (J.registerFocusable(this.containerId, n, r), this.registeredFocusables.add(r))), n.props && n.props.children)
         if (Array.isArray(n.props.children))
           e(n.props.children);
         else if (_(n.props.children) || n.props.children && typeof n.props.children.subscribe == "function") {
@@ -11886,7 +11935,7 @@ class Bl {
   }
 }
 R("Navigation", Bl);
-const Nl = (s) => N("Navigation", s), vh = Nl, bh = async (s, t, e) => {
+const Nl = (s) => V("Navigation", s), vh = Nl, bh = async (s, t, e) => {
   const { components: i, autoRegister: n, enableLayout: r, ...a } = e ?? {};
   r !== !1 && await import("./index-DaGekQUW.js"), i ? (n !== !1 && fs(), Object.entries(i).forEach(([p, o]) => {
     R(p, o);
@@ -11902,7 +11951,7 @@ const Nl = (s) => N("Navigation", s), vh = Nl, bh = async (s, t, e) => {
   if (c.tag != "Canvas")
     throw new Error("Canvas is required");
   c.render(s, l);
-  const { backgroundColor: f } = tt(c.props, {
+  const { backgroundColor: f } = Q(c.props, {
     backgroundColor: "black"
   });
   return l.renderer.background.color = f(), {
@@ -11911,13 +11960,13 @@ const Nl = (s) => N("Navigation", s), vh = Nl, bh = async (s, t, e) => {
   };
 };
 function wh(s) {
-  return Z.getCurrentIndexSignal(s);
+  return J.getCurrentIndexSignal(s);
 }
 function xh(s) {
-  return Z.getFocusedElementSignal(s);
+  return J.getFocusedElementSignal(s);
 }
 function _h(s, t) {
-  const e = Z.getCurrentIndexSignal(s), i = Z.getFocusedElementSignal(s);
+  const e = J.getCurrentIndexSignal(s), i = J.getFocusedElementSignal(s);
   if (!e || !i)
     return console.warn(`FocusContainer with id "${s}" not found`), () => {
     };
@@ -11930,7 +11979,7 @@ function _h(s, t) {
   };
 }
 const Sh = {
-  linear: jo,
+  linear: Wo,
   easeIn: xi,
   easeInOut: pn,
   easeOut: Bo,
@@ -12033,11 +12082,11 @@ function Ch(s, t, e = "wrap") {
     set: (n) => i(n)
   };
 }
-const kh = Bt.Howler;
+const kh = Wt.Howler;
 export {
-  ae as ArraySubject,
+  oe as ArraySubject,
   yh as Button,
-  Wl as ButtonState,
+  jl as ButtonState,
   sh as Canvas,
   An as Circle,
   Te as Container,
@@ -12051,13 +12100,13 @@ export {
   Ta as Drop,
   La as EVENTS,
   Sh as Easing,
-  Wa as Ellipse,
+  ja as Ellipse,
   Ia as Flash,
   Nl as FocusContainer,
   oi as FocusManager,
   Da as FogVisibility,
   eo as GamepadControls,
-  Rt as Graphics,
+  Ht as Graphics,
   Zl as Howl,
   kh as Howler,
   zr as Input,
@@ -12067,7 +12116,7 @@ export {
   oh as Mesh,
   vh as Navigation,
   dh as NineSliceSprite,
-  le as ObjectSubject,
+  ae as ObjectSubject,
   hh as ParticlesEmitter,
   Ah as RadialGradient,
   Ra as Rect,
@@ -12089,18 +12138,18 @@ export {
   _n as animatedSignal,
   bh as bootstrapCanvas,
   ve as checkDependencies,
-  J as computed,
+  K as computed,
   Jl as cond,
-  N as createComponent,
+  V as createComponent,
   Ch as createTabindexNavigator,
   ms as currentSubscriptionsTracker,
   H as effect,
-  Z as focusManager,
+  J as focusManager,
   U as h,
-  Zt as isAnimatedSignal,
+  Jt as isAnimatedSignal,
   Yl as isArraySubject,
-  ee as isComputed,
-  G as isElement,
+  te as isComputed,
+  st as isElement,
   ot as isElementFrozen,
   $l as isObjectSubject,
   Gl as isObservable,
@@ -12122,7 +12171,7 @@ export {
   _h as useFocusChange,
   wh as useFocusIndex,
   xh as useFocusedElement,
-  tt as useProps,
+  Q as useProps,
   va as waitForDependencies
 };
 //# sourceMappingURL=index.js.map