exodeui 2.6.17 → 2.6.18

package/dist/index.mjs

@@ -1,12 +1,12 @@
 var NC = Object.defineProperty;
 var kC = (i, A, I) => A in i ? NC(i, A, { enumerable: !0, configurable: !0, writable: !0, value: I }) : i[A] = I;
-var _ = (i, A, I) => kC(i, typeof A != "symbol" ? A + "" : A, I);
+var V = (i, A, I) => kC(i, typeof A != "symbol" ? A + "" : A, I);
 import { jsx as yC } from "react/jsx-runtime";
-import { forwardRef as FC, useRef as DI, useImperativeHandle as MC, useEffect as jA, useState as JC, useCallback as uA } from "react";
-var UC = /* @__PURE__ */ ((i) => (i.Equal = "Equal", i.NotEqual = "NotEqual", i.GreaterThan = "GreaterThan", i.LessThan = "LessThan", i.GreaterEqual = "GreaterEqual", i.LessEqual = "LessEqual", i.IsTrue = "IsTrue", i.IsFalse = "IsFalse", i))(UC || {}), PA = /* @__PURE__ */ ((i) => (i.AND = "AND", i.OR = "OR", i.NOT = "NOT", i.XOR = "XOR", i))(PA || {});
+import { forwardRef as FC, useRef as DI, useImperativeHandle as MC, useEffect as jA, useState as JC, useCallback as xA } from "react";
+var UC = /* @__PURE__ */ ((i) => (i.Equal = "Equal", i.NotEqual = "NotEqual", i.GreaterThan = "GreaterThan", i.LessThan = "LessThan", i.GreaterEqual = "GreaterEqual", i.LessEqual = "LessEqual", i.IsTrue = "IsTrue", i.IsFalse = "IsFalse", i))(UC || {}), VA = /* @__PURE__ */ ((i) => (i.AND = "AND", i.OR = "OR", i.NOT = "NOT", i.XOR = "XOR", i))(VA || {});
 let B;
 const f = new Array(128).fill(void 0);
-function H(i) {
+function p(i) {
   return f[i];
 }
 f.push(void 0, null, !0, !1);
@@ -27,9 +27,9 @@ const Tg = typeof TextDecoder < "u" ? new TextDecoder("utf-8", { ignoreBOM: !0,
   throw Error("TextDecoder not available");
 } };
 typeof TextDecoder < "u" && Tg.decode();
-let VA = null;
+let PA = null;
 function fI(i, A) {
-  return i >>>= 0, Tg.decode((VA !== null && VA.byteLength !== 0 || (VA = new Uint8Array(B.memory.buffer)), VA).subarray(i, i + A));
+  return i >>>= 0, Tg.decode((PA !== null && PA.byteLength !== 0 || (PA = new Uint8Array(B.memory.buffer)), PA).subarray(i, i + A));
 }
 function Y(i) {
   return i == null;
@@ -39,7 +39,7 @@ function wA() {
   return (fA === null || fA.buffer.detached === !0 || fA.buffer.detached === void 0 && fA.buffer !== B.memory.buffer) && (fA = new DataView(B.memory.buffer)), fA;
 }
 function wI(i) {
-  const A = H(i);
+  const A = p(i);
   return function(I) {
     I < 132 || (f[I] = AI, AI = I);
   }(i), A;
@@ -97,46 +97,46 @@ class dA {
     const A = B.rawbroadphase_new();
     return this.__wbg_ptr = A >>> 0, YI.register(this, this.__wbg_ptr, this), this;
   }
-  castRay(A, I, g, C, Q, E, D, o, w, h, G, K) {
+  castRay(A, I, g, C, Q, E, D, o, w, G, h, K) {
     try {
       s(A, DA), s(I, P), s(g, gA), s(C, a), s(Q, a);
-      const N = B.rawbroadphase_castRay(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, g.__wbg_ptr, C.__wbg_ptr, Q.__wbg_ptr, E, D, o, Y(w) ? 4294967297 : w >>> 0, !Y(h), Y(h) ? 0 : h, !Y(G), Y(G) ? 0 : G, $(K));
+      const N = B.rawbroadphase_castRay(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, g.__wbg_ptr, C.__wbg_ptr, Q.__wbg_ptr, E, D, o, Y(w) ? 4294967297 : w >>> 0, !Y(G), Y(G) ? 0 : G, !Y(h), Y(h) ? 0 : h, $(K));
       return N === 0 ? void 0 : _I.__wrap(N);
     } finally {
       f[X++] = void 0;
     }
   }
-  castRayAndGetNormal(A, I, g, C, Q, E, D, o, w, h, G, K) {
+  castRayAndGetNormal(A, I, g, C, Q, E, D, o, w, G, h, K) {
     try {
       s(A, DA), s(I, P), s(g, gA), s(C, a), s(Q, a);
-      const N = B.rawbroadphase_castRayAndGetNormal(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, g.__wbg_ptr, C.__wbg_ptr, Q.__wbg_ptr, E, D, o, Y(w) ? 4294967297 : w >>> 0, !Y(h), Y(h) ? 0 : h, !Y(G), Y(G) ? 0 : G, $(K));
+      const N = B.rawbroadphase_castRayAndGetNormal(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, g.__wbg_ptr, C.__wbg_ptr, Q.__wbg_ptr, E, D, o, Y(w) ? 4294967297 : w >>> 0, !Y(G), Y(G) ? 0 : G, !Y(h), Y(h) ? 0 : h, $(K));
       return N === 0 ? void 0 : FI.__wrap(N);
     } finally {
       f[X++] = void 0;
     }
   }
-  intersectionsWithRay(A, I, g, C, Q, E, D, o, w, h, G, K, N) {
+  intersectionsWithRay(A, I, g, C, Q, E, D, o, w, G, h, K, N) {
     try {
-      s(A, DA), s(I, P), s(g, gA), s(C, a), s(Q, a), B.rawbroadphase_intersectionsWithRay(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, g.__wbg_ptr, C.__wbg_ptr, Q.__wbg_ptr, E, D, $(o), w, Y(h) ? 4294967297 : h >>> 0, !Y(G), Y(G) ? 0 : G, !Y(K), Y(K) ? 0 : K, $(N));
+      s(A, DA), s(I, P), s(g, gA), s(C, a), s(Q, a), B.rawbroadphase_intersectionsWithRay(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, g.__wbg_ptr, C.__wbg_ptr, Q.__wbg_ptr, E, D, $(o), w, Y(G) ? 4294967297 : G >>> 0, !Y(h), Y(h) ? 0 : h, !Y(K), Y(K) ? 0 : K, $(N));
     } finally {
       f[X++] = void 0, f[X++] = void 0;
     }
   }
-  intersectionWithShape(A, I, g, C, Q, E, D, o, w, h, G) {
+  intersectionWithShape(A, I, g, C, Q, E, D, o, w, G, h) {
     try {
       const M = B.__wbindgen_add_to_stack_pointer(-16);
-      s(A, DA), s(I, P), s(g, gA), s(C, a), s(Q, b), s(E, e), B.rawbroadphase_intersectionWithShape(M, this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, g.__wbg_ptr, C.__wbg_ptr, Q.__wbg_ptr, E.__wbg_ptr, D, Y(o) ? 4294967297 : o >>> 0, !Y(w), Y(w) ? 0 : w, !Y(h), Y(h) ? 0 : h, $(G));
+      s(A, DA), s(I, P), s(g, gA), s(C, a), s(Q, b), s(E, r), B.rawbroadphase_intersectionWithShape(M, this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, g.__wbg_ptr, C.__wbg_ptr, Q.__wbg_ptr, E.__wbg_ptr, D, Y(o) ? 4294967297 : o >>> 0, !Y(w), Y(w) ? 0 : w, !Y(G), Y(G) ? 0 : G, $(h));
       var K = wA().getInt32(M + 0, !0), N = wA().getFloat64(M + 8, !0);
       return K === 0 ? void 0 : N;
     } finally {
       B.__wbindgen_add_to_stack_pointer(16), f[X++] = void 0;
     }
   }
-  projectPoint(A, I, g, C, Q, E, D, o, w, h) {
+  projectPoint(A, I, g, C, Q, E, D, o, w, G) {
     try {
       s(A, DA), s(I, P), s(g, gA), s(C, a);
-      const G = B.rawbroadphase_projectPoint(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, g.__wbg_ptr, C.__wbg_ptr, Q, E, Y(D) ? 4294967297 : D >>> 0, !Y(o), Y(o) ? 0 : o, !Y(w), Y(w) ? 0 : w, $(h));
-      return G === 0 ? void 0 : GI.__wrap(G);
+      const h = B.rawbroadphase_projectPoint(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, g.__wbg_ptr, C.__wbg_ptr, Q, E, Y(D) ? 4294967297 : D >>> 0, !Y(o), Y(o) ? 0 : o, !Y(w), Y(w) ? 0 : w, $(G));
+      return h === 0 ? void 0 : GI.__wrap(h);
     } finally {
       f[X++] = void 0;
     }
@@ -144,31 +144,31 @@ class dA {
   projectPointAndGetFeature(A, I, g, C, Q, E, D, o, w) {
     try {
       s(A, DA), s(I, P), s(g, gA), s(C, a);
-      const h = B.rawbroadphase_projectPointAndGetFeature(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, g.__wbg_ptr, C.__wbg_ptr, Q, Y(E) ? 4294967297 : E >>> 0, !Y(D), Y(D) ? 0 : D, !Y(o), Y(o) ? 0 : o, $(w));
-      return h === 0 ? void 0 : GI.__wrap(h);
+      const G = B.rawbroadphase_projectPointAndGetFeature(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, g.__wbg_ptr, C.__wbg_ptr, Q, Y(E) ? 4294967297 : E >>> 0, !Y(D), Y(D) ? 0 : D, !Y(o), Y(o) ? 0 : o, $(w));
+      return G === 0 ? void 0 : GI.__wrap(G);
     } finally {
       f[X++] = void 0;
     }
   }
-  intersectionsWithPoint(A, I, g, C, Q, E, D, o, w, h) {
+  intersectionsWithPoint(A, I, g, C, Q, E, D, o, w, G) {
     try {
-      s(A, DA), s(I, P), s(g, gA), s(C, a), B.rawbroadphase_intersectionsWithPoint(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, g.__wbg_ptr, C.__wbg_ptr, $(Q), E, Y(D) ? 4294967297 : D >>> 0, !Y(o), Y(o) ? 0 : o, !Y(w), Y(w) ? 0 : w, $(h));
+      s(A, DA), s(I, P), s(g, gA), s(C, a), B.rawbroadphase_intersectionsWithPoint(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, g.__wbg_ptr, C.__wbg_ptr, $(Q), E, Y(D) ? 4294967297 : D >>> 0, !Y(o), Y(o) ? 0 : o, !Y(w), Y(w) ? 0 : w, $(G));
     } finally {
       f[X++] = void 0, f[X++] = void 0;
     }
   }
-  castShape(A, I, g, C, Q, E, D, o, w, h, G, K, N, M, F) {
+  castShape(A, I, g, C, Q, E, D, o, w, G, h, K, N, M, F) {
     try {
-      s(A, DA), s(I, P), s(g, gA), s(C, a), s(Q, b), s(E, a), s(D, e);
-      const J = B.rawbroadphase_castShape(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, g.__wbg_ptr, C.__wbg_ptr, Q.__wbg_ptr, E.__wbg_ptr, D.__wbg_ptr, o, w, h, G, Y(K) ? 4294967297 : K >>> 0, !Y(N), Y(N) ? 0 : N, !Y(M), Y(M) ? 0 : M, $(F));
+      s(A, DA), s(I, P), s(g, gA), s(C, a), s(Q, b), s(E, a), s(D, r);
+      const J = B.rawbroadphase_castShape(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, g.__wbg_ptr, C.__wbg_ptr, Q.__wbg_ptr, E.__wbg_ptr, D.__wbg_ptr, o, w, G, h, Y(K) ? 4294967297 : K >>> 0, !Y(N), Y(N) ? 0 : N, !Y(M), Y(M) ? 0 : M, $(F));
       return J === 0 ? void 0 : kI.__wrap(J);
     } finally {
       f[X++] = void 0;
     }
   }
-  intersectionsWithShape(A, I, g, C, Q, E, D, o, w, h, G, K) {
+  intersectionsWithShape(A, I, g, C, Q, E, D, o, w, G, h, K) {
     try {
-      s(A, DA), s(I, P), s(g, gA), s(C, a), s(Q, b), s(E, e), B.rawbroadphase_intersectionsWithShape(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, g.__wbg_ptr, C.__wbg_ptr, Q.__wbg_ptr, E.__wbg_ptr, $(D), o, Y(w) ? 4294967297 : w >>> 0, !Y(h), Y(h) ? 0 : h, !Y(G), Y(G) ? 0 : G, $(K));
+      s(A, DA), s(I, P), s(g, gA), s(C, a), s(Q, b), s(E, r), B.rawbroadphase_intersectionsWithShape(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, g.__wbg_ptr, C.__wbg_ptr, Q.__wbg_ptr, E.__wbg_ptr, $(D), o, Y(w) ? 4294967297 : w >>> 0, !Y(G), Y(G) ? 0 : G, !Y(h), Y(h) ? 0 : h, $(K));
     } finally {
       f[X++] = void 0, f[X++] = void 0;
     }
@@ -454,9 +454,9 @@ class gA {
     return s(I, a), B.rawcolliderset_coContainsPoint(this.__wbg_ptr, A, I.__wbg_ptr) !== 0;
   }
   coCastShape(A, I, g, C, Q, E, D, o, w) {
-    s(I, a), s(g, e), s(C, a), s(Q, b), s(E, a);
-    const h = B.rawcolliderset_coCastShape(this.__wbg_ptr, A, I.__wbg_ptr, g.__wbg_ptr, C.__wbg_ptr, Q.__wbg_ptr, E.__wbg_ptr, D, o, w);
-    return h === 0 ? void 0 : JI.__wrap(h);
+    s(I, a), s(g, r), s(C, a), s(Q, b), s(E, a);
+    const G = B.rawcolliderset_coCastShape(this.__wbg_ptr, A, I.__wbg_ptr, g.__wbg_ptr, C.__wbg_ptr, Q.__wbg_ptr, E.__wbg_ptr, D, o, w);
+    return G === 0 ? void 0 : JI.__wrap(G);
   }
   coCastCollider(A, I, g, C, Q, E, D) {
     s(I, a), s(C, a);
@@ -464,10 +464,10 @@ class gA {
     return o === 0 ? void 0 : kI.__wrap(o);
   }
   coIntersectsShape(A, I, g, C) {
-    return s(I, e), s(g, a), s(C, b), B.rawcolliderset_coIntersectsShape(this.__wbg_ptr, A, I.__wbg_ptr, g.__wbg_ptr, C.__wbg_ptr) !== 0;
+    return s(I, r), s(g, a), s(C, b), B.rawcolliderset_coIntersectsShape(this.__wbg_ptr, A, I.__wbg_ptr, g.__wbg_ptr, C.__wbg_ptr) !== 0;
   }
   coContactShape(A, I, g, C, Q) {
-    s(I, e), s(g, a), s(C, b);
+    s(I, r), s(g, a), s(C, b);
     const E = B.rawcolliderset_coContactShape(this.__wbg_ptr, A, I.__wbg_ptr, g.__wbg_ptr, C.__wbg_ptr, Q);
     return E === 0 ? void 0 : II.__wrap(E);
   }
@@ -528,7 +528,7 @@ class gA {
     B.rawcolliderset_coSetActiveCollisionTypes(this.__wbg_ptr, A, I);
   }
   coSetShape(A, I) {
-    s(I, e), B.rawcolliderset_coSetShape(this.__wbg_ptr, A, I.__wbg_ptr);
+    s(I, r), B.rawcolliderset_coSetShape(this.__wbg_ptr, A, I.__wbg_ptr);
   }
   coSetContactForceEventThreshold(A, I) {
     B.rawcolliderset_coSetContactForceEventThreshold(this.__wbg_ptr, A, I);
@@ -552,10 +552,10 @@ class gA {
   contains(A) {
     return B.rawcolliderset_contains(this.__wbg_ptr, A) !== 0;
   }
-  createCollider(A, I, g, C, Q, E, D, o, w, h, G, K, N, M, F, J, k, y, U, R, c, L, r, p) {
+  createCollider(A, I, g, C, Q, E, D, o, w, G, h, K, N, M, F, J, y, k, U, R, c, e, L, H) {
     try {
       const GA = B.__wbindgen_add_to_stack_pointer(-16);
-      s(I, e), s(g, a), s(C, b), s(D, a), s(p, P), B.rawcolliderset_createCollider(GA, this.__wbg_ptr, A, I.__wbg_ptr, g.__wbg_ptr, C.__wbg_ptr, Q, E, D.__wbg_ptr, o, w, h, G, K, N, M, F, J, k, y, U, R, c, L, r, p.__wbg_ptr);
+      s(I, r), s(g, a), s(C, b), s(D, a), s(H, P), B.rawcolliderset_createCollider(GA, this.__wbg_ptr, A, I.__wbg_ptr, g.__wbg_ptr, C.__wbg_ptr, Q, E, D.__wbg_ptr, o, w, G, h, K, N, M, F, J, y, k, U, R, c, e, L, H.__wbg_ptr);
       var q = wA().getInt32(GA + 0, !0), AA = wA().getFloat64(GA + 8, !0);
       return q === 0 ? void 0 : AA;
     } finally {
@@ -657,10 +657,10 @@ class uI {
 const yg = typeof FinalizationRegistry > "u" ? { register: () => {
 }, unregister: () => {
 } } : new FinalizationRegistry((i) => B.__wbg_rawcontactmanifold_free(i >>> 0, 1));
-class PI {
+class VI {
   static __wrap(A) {
     A >>>= 0;
-    const I = Object.create(PI.prototype);
+    const I = Object.create(VI.prototype);
     return I.__wbg_ptr = A, yg.register(I, I.__wbg_ptr, I), I;
   }
   __destroy_into_raw() {
@@ -739,10 +739,10 @@ class PI {
 const Fg = typeof FinalizationRegistry > "u" ? { register: () => {
 }, unregister: () => {
 } } : new FinalizationRegistry((i) => B.__wbg_rawcontactpair_free(i >>> 0, 1));
-class VI {
+class PI {
   static __wrap(A) {
     A >>>= 0;
-    const I = Object.create(VI.prototype);
+    const I = Object.create(PI.prototype);
     return I.__wbg_ptr = A, Fg.register(I, I.__wbg_ptr, I), I;
   }
   __destroy_into_raw() {
@@ -764,7 +764,7 @@ class VI {
   }
   contactManifold(A) {
     const I = B.rawcontactpair_contactManifold(this.__wbg_ptr, A);
-    return I === 0 ? void 0 : PI.__wrap(I);
+    return I === 0 ? void 0 : VI.__wrap(I);
   }
 }
 const Mg = typeof FinalizationRegistry > "u" ? { register: () => {
@@ -1229,9 +1229,9 @@ class tC {
   snapToGroundEnabled() {
     return B.rawkinematiccharactercontroller_snapToGroundEnabled(this.__wbg_ptr) !== 0;
   }
-  computeColliderMovement(A, I, g, C, Q, E, D, o, w, h, G, K) {
+  computeColliderMovement(A, I, g, C, Q, E, D, o, w, G, h, K) {
     try {
-      s(I, dA), s(g, DA), s(C, P), s(Q, gA), s(D, a), B.rawkinematiccharactercontroller_computeColliderMovement(this.__wbg_ptr, A, I.__wbg_ptr, g.__wbg_ptr, C.__wbg_ptr, Q.__wbg_ptr, E, D.__wbg_ptr, o, Y(w) ? 4294967297 : Math.fround(w), h, Y(G) ? 4294967297 : G >>> 0, $(K));
+      s(I, dA), s(g, DA), s(C, P), s(Q, gA), s(D, a), B.rawkinematiccharactercontroller_computeColliderMovement(this.__wbg_ptr, A, I.__wbg_ptr, g.__wbg_ptr, C.__wbg_ptr, Q.__wbg_ptr, E, D.__wbg_ptr, o, Y(w) ? 4294967297 : Math.fround(w), G, Y(h) ? 4294967297 : h >>> 0, $(K));
     } finally {
       f[X++] = void 0;
     }
@@ -1355,7 +1355,7 @@ class DA {
   }
   contact_pair(A, I) {
     const g = B.rawnarrowphase_contact_pair(this.__wbg_ptr, A, I);
-    return g === 0 ? void 0 : VI.__wrap(g);
+    return g === 0 ? void 0 : PI.__wrap(g);
   }
   intersection_pairs_with(A, I) {
     B.rawnarrowphase_intersection_pairs_with(this.__wbg_ptr, A, O(I));
@@ -1434,11 +1434,11 @@ class YC {
   timing_user_changes() {
     return B.rawphysicspipeline_timing_user_changes(this.__wbg_ptr);
   }
-  step(A, I, g, C, Q, E, D, o, w, h) {
-    s(A, a), s(I, ZA), s(g, qA), s(C, dA), s(Q, DA), s(E, P), s(D, gA), s(o, rA), s(w, lA), s(h, bI), B.rawphysicspipeline_step(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, g.__wbg_ptr, C.__wbg_ptr, Q.__wbg_ptr, E.__wbg_ptr, D.__wbg_ptr, o.__wbg_ptr, w.__wbg_ptr, h.__wbg_ptr);
+  step(A, I, g, C, Q, E, D, o, w, G) {
+    s(A, a), s(I, ZA), s(g, qA), s(C, dA), s(Q, DA), s(E, P), s(D, gA), s(o, rA), s(w, lA), s(G, bI), B.rawphysicspipeline_step(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, g.__wbg_ptr, C.__wbg_ptr, Q.__wbg_ptr, E.__wbg_ptr, D.__wbg_ptr, o.__wbg_ptr, w.__wbg_ptr, G.__wbg_ptr);
   }
-  stepWithEvents(A, I, g, C, Q, E, D, o, w, h, G, K, N, M) {
-    s(A, a), s(I, ZA), s(g, qA), s(C, dA), s(Q, DA), s(E, P), s(D, gA), s(o, rA), s(w, lA), s(h, bI), s(G, jg), B.rawphysicspipeline_stepWithEvents(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, g.__wbg_ptr, C.__wbg_ptr, Q.__wbg_ptr, E.__wbg_ptr, D.__wbg_ptr, o.__wbg_ptr, w.__wbg_ptr, h.__wbg_ptr, G.__wbg_ptr, O(K), O(N), O(M));
+  stepWithEvents(A, I, g, C, Q, E, D, o, w, G, h, K, N, M) {
+    s(A, a), s(I, ZA), s(g, qA), s(C, dA), s(Q, DA), s(E, P), s(D, gA), s(o, rA), s(w, lA), s(G, bI), s(h, jg), B.rawphysicspipeline_stepWithEvents(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, g.__wbg_ptr, C.__wbg_ptr, Q.__wbg_ptr, E.__wbg_ptr, D.__wbg_ptr, o.__wbg_ptr, w.__wbg_ptr, G.__wbg_ptr, h.__wbg_ptr, O(K), O(N), O(M));
   }
 }
 const Yg = typeof FinalizationRegistry > "u" ? { register: () => {
@@ -1871,8 +1871,8 @@ class P {
     const A = B.rawrigidbodyset_new();
     return this.__wbg_ptr = A >>> 0, HI.register(this, this.__wbg_ptr, this), this;
   }
-  createRigidBody(A, I, g, C, Q, E, D, o, w, h, G, K, N, M, F, J, k, y, U, R, c, L) {
-    return s(I, a), s(g, b), s(D, a), s(o, a), B.rawrigidbodyset_createRigidBody(this.__wbg_ptr, A, I.__wbg_ptr, g.__wbg_ptr, C, Q, E, D.__wbg_ptr, o.__wbg_ptr, w, h, G, K, N, M, F, J, k, y, U, R, c, L);
+  createRigidBody(A, I, g, C, Q, E, D, o, w, G, h, K, N, M, F, J, y, k, U, R, c, e) {
+    return s(I, a), s(g, b), s(D, a), s(o, a), B.rawrigidbodyset_createRigidBody(this.__wbg_ptr, A, I.__wbg_ptr, g.__wbg_ptr, C, Q, E, D.__wbg_ptr, o.__wbg_ptr, w, G, h, K, N, M, F, J, y, k, U, R, c, e);
   }
   remove(A, I, g, C, Q) {
     s(I, qA), s(g, gA), s(C, rA), s(Q, lA), B.rawrigidbodyset_remove(this.__wbg_ptr, A, I.__wbg_ptr, g.__wbg_ptr, C.__wbg_ptr, Q.__wbg_ptr);
@@ -1956,10 +1956,10 @@ class LC {
 const pg = typeof FinalizationRegistry > "u" ? { register: () => {
 }, unregister: () => {
 } } : new FinalizationRegistry((i) => B.__wbg_rawshape_free(i >>> 0, 1));
-class e {
+class r {
   static __wrap(A) {
     A >>>= 0;
-    const I = Object.create(e.prototype);
+    const I = Object.create(r.prototype);
     return I.__wbg_ptr = A, pg.register(I, I.__wbg_ptr, I), I;
   }
   __destroy_into_raw() {
@@ -1972,90 +1972,90 @@ class e {
   }
   static cuboid(A, I) {
     const g = B.rawshape_cuboid(A, I);
-    return e.__wrap(g);
+    return r.__wrap(g);
   }
   static roundCuboid(A, I, g) {
     const C = B.rawshape_roundCuboid(A, I, g);
-    return e.__wrap(C);
+    return r.__wrap(C);
   }
   static ball(A) {
     const I = B.rawshape_ball(A);
-    return e.__wrap(I);
+    return r.__wrap(I);
   }
   static halfspace(A) {
     s(A, a);
     const I = B.rawshape_halfspace(A.__wbg_ptr);
-    return e.__wrap(I);
+    return r.__wrap(I);
   }
   static capsule(A, I) {
     const g = B.rawshape_capsule(A, I);
-    return e.__wrap(g);
+    return r.__wrap(g);
   }
   static voxels(A, I) {
     s(A, a);
     const g = tI(I, B.__wbindgen_export_2), C = MA, Q = B.rawshape_voxels(A.__wbg_ptr, g, C);
-    return e.__wrap(Q);
+    return r.__wrap(Q);
   }
   static voxelsFromPoints(A, I) {
     s(A, a);
     const g = HA(I, B.__wbindgen_export_2), C = MA, Q = B.rawshape_voxelsFromPoints(A.__wbg_ptr, g, C);
-    return e.__wrap(Q);
+    return r.__wrap(Q);
   }
   static polyline(A, I) {
     const g = HA(A, B.__wbindgen_export_2), C = MA, Q = tI(I, B.__wbindgen_export_2), E = MA, D = B.rawshape_polyline(g, C, Q, E);
-    return e.__wrap(D);
+    return r.__wrap(D);
   }
   static trimesh(A, I, g) {
     const C = HA(A, B.__wbindgen_export_2), Q = MA, E = tI(I, B.__wbindgen_export_2), D = MA, o = B.rawshape_trimesh(C, Q, E, D, g);
-    return o === 0 ? void 0 : e.__wrap(o);
+    return o === 0 ? void 0 : r.__wrap(o);
   }
   static heightfield(A, I) {
     const g = HA(A, B.__wbindgen_export_2), C = MA;
     s(I, a);
     const Q = B.rawshape_heightfield(g, C, I.__wbg_ptr);
-    return e.__wrap(Q);
+    return r.__wrap(Q);
   }
   static segment(A, I) {
     s(A, a), s(I, a);
     const g = B.rawshape_segment(A.__wbg_ptr, I.__wbg_ptr);
-    return e.__wrap(g);
+    return r.__wrap(g);
   }
   static triangle(A, I, g) {
     s(A, a), s(I, a), s(g, a);
     const C = B.rawshape_triangle(A.__wbg_ptr, I.__wbg_ptr, g.__wbg_ptr);
-    return e.__wrap(C);
+    return r.__wrap(C);
   }
   static roundTriangle(A, I, g, C) {
     s(A, a), s(I, a), s(g, a);
     const Q = B.rawshape_roundTriangle(A.__wbg_ptr, I.__wbg_ptr, g.__wbg_ptr, C);
-    return e.__wrap(Q);
+    return r.__wrap(Q);
   }
   static convexHull(A) {
     const I = HA(A, B.__wbindgen_export_2), g = MA, C = B.rawshape_convexHull(I, g);
-    return C === 0 ? void 0 : e.__wrap(C);
+    return C === 0 ? void 0 : r.__wrap(C);
   }
   static roundConvexHull(A, I) {
     const g = HA(A, B.__wbindgen_export_2), C = MA, Q = B.rawshape_roundConvexHull(g, C, I);
-    return Q === 0 ? void 0 : e.__wrap(Q);
+    return Q === 0 ? void 0 : r.__wrap(Q);
   }
   static convexPolyline(A) {
     const I = HA(A, B.__wbindgen_export_2), g = MA, C = B.rawshape_convexPolyline(I, g);
-    return C === 0 ? void 0 : e.__wrap(C);
+    return C === 0 ? void 0 : r.__wrap(C);
   }
   static roundConvexPolyline(A, I) {
     const g = HA(A, B.__wbindgen_export_2), C = MA, Q = B.rawshape_roundConvexPolyline(g, C, I);
-    return Q === 0 ? void 0 : e.__wrap(Q);
+    return Q === 0 ? void 0 : r.__wrap(Q);
   }
-  castShape(A, I, g, C, Q, E, D, o, w, h) {
-    s(A, a), s(I, b), s(g, a), s(C, e), s(Q, a), s(E, b), s(D, a);
-    const G = B.rawshape_castShape(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, g.__wbg_ptr, C.__wbg_ptr, Q.__wbg_ptr, E.__wbg_ptr, D.__wbg_ptr, o, w, h);
-    return G === 0 ? void 0 : JI.__wrap(G);
+  castShape(A, I, g, C, Q, E, D, o, w, G) {
+    s(A, a), s(I, b), s(g, a), s(C, r), s(Q, a), s(E, b), s(D, a);
+    const h = B.rawshape_castShape(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, g.__wbg_ptr, C.__wbg_ptr, Q.__wbg_ptr, E.__wbg_ptr, D.__wbg_ptr, o, w, G);
+    return h === 0 ? void 0 : JI.__wrap(h);
   }
   intersectsShape(A, I, g, C, Q) {
-    return s(A, a), s(I, b), s(g, e), s(C, a), s(Q, b), B.rawshape_intersectsShape(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, g.__wbg_ptr, C.__wbg_ptr, Q.__wbg_ptr) !== 0;
+    return s(A, a), s(I, b), s(g, r), s(C, a), s(Q, b), B.rawshape_intersectsShape(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, g.__wbg_ptr, C.__wbg_ptr, Q.__wbg_ptr) !== 0;
   }
   contactShape(A, I, g, C, Q, E) {
-    s(A, a), s(I, b), s(g, e), s(C, a), s(Q, b);
+    s(A, a), s(I, b), s(g, r), s(C, a), s(Q, b);
     const D = B.rawshape_contactShape(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, g.__wbg_ptr, C.__wbg_ptr, Q.__wbg_ptr, E);
     return D === 0 ? void 0 : II.__wrap(D);
   }
@@ -2205,51 +2205,51 @@ async function xg(i) {
   const A = function() {
     const C = { wbg: {} };
     return C.wbg.__wbg_bind_c8359b1cba058168 = function(Q, E, D, o) {
-      return O(H(Q).bind(H(E), H(D), H(o)));
+      return O(p(Q).bind(p(E), p(D), p(o)));
     }, C.wbg.__wbg_buffer_609cc3eee51ed158 = function(Q) {
-      return O(H(Q).buffer);
+      return O(p(Q).buffer);
     }, C.wbg.__wbg_call_672a4d21634d4a24 = function() {
       return oI(function(Q, E) {
-        return O(H(Q).call(H(E)));
+        return O(p(Q).call(p(E)));
       }, arguments);
     }, C.wbg.__wbg_call_7cccdd69e0791ae2 = function() {
       return oI(function(Q, E, D) {
-        return O(H(Q).call(H(E), H(D)));
+        return O(p(Q).call(p(E), p(D)));
       }, arguments);
     }, C.wbg.__wbg_call_833bed5770ea2041 = function() {
       return oI(function(Q, E, D, o) {
-        return O(H(Q).call(H(E), H(D), H(o)));
+        return O(p(Q).call(p(E), p(D), p(o)));
       }, arguments);
     }, C.wbg.__wbg_call_b8adc8b1d0a0d8eb = function() {
       return oI(function(Q, E, D, o, w) {
-        return O(H(Q).call(H(E), H(D), H(o), H(w)));
+        return O(p(Q).call(p(E), p(D), p(o), p(w)));
       }, arguments);
     }, C.wbg.__wbg_length_3b4f022188ae8db6 = function(Q) {
-      return H(Q).length;
+      return p(Q).length;
     }, C.wbg.__wbg_length_a446193dc22c12f8 = function(Q) {
-      return H(Q).length;
+      return p(Q).length;
     }, C.wbg.__wbg_new_a12002a7f91c75be = function(Q) {
-      return O(new Uint8Array(H(Q)));
+      return O(new Uint8Array(p(Q)));
     }, C.wbg.__wbg_newnoargs_105ed471475aaf50 = function(Q, E) {
       return O(new Function(fI(Q, E)));
     }, C.wbg.__wbg_newwithbyteoffsetandlength_d97e637ebe145a9a = function(Q, E, D) {
-      return O(new Uint8Array(H(Q), E >>> 0, D >>> 0));
+      return O(new Uint8Array(p(Q), E >>> 0, D >>> 0));
     }, C.wbg.__wbg_newwithbyteoffsetandlength_e6b7e69acd4c7354 = function(Q, E, D) {
-      return O(new Float32Array(H(Q), E >>> 0, D >>> 0));
+      return O(new Float32Array(p(Q), E >>> 0, D >>> 0));
     }, C.wbg.__wbg_newwithlength_5a5efe313cfd59f1 = function(Q) {
       return O(new Float32Array(Q >>> 0));
     }, C.wbg.__wbg_now_2c95c9de01293173 = function(Q) {
-      return H(Q).now();
+      return p(Q).now();
     }, C.wbg.__wbg_performance_7a3ffd0b17f663ad = function(Q) {
-      return O(H(Q).performance);
+      return O(p(Q).performance);
     }, C.wbg.__wbg_rawcontactforceevent_new = function(Q) {
       return O(uI.__wrap(Q));
     }, C.wbg.__wbg_rawraycolliderintersection_new = function(Q) {
       return O(FI.__wrap(Q));
     }, C.wbg.__wbg_set_10bad9bee0e9c58b = function(Q, E, D) {
-      H(Q).set(H(E), D >>> 0);
+      p(Q).set(p(E), D >>> 0);
     }, C.wbg.__wbg_set_65595bdd868b3009 = function(Q, E, D) {
-      H(Q).set(H(E), D >>> 0);
+      p(Q).set(p(E), D >>> 0);
     }, C.wbg.__wbg_static_accessor_GLOBAL_88a902d13a557d07 = function() {
       const Q = typeof global > "u" ? null : global;
       return Y(Q) ? 0 : O(Q);
@@ -2263,21 +2263,21 @@ async function xg(i) {
       const Q = typeof window > "u" ? null : window;
       return Y(Q) ? 0 : O(Q);
     }, C.wbg.__wbindgen_boolean_get = function(Q) {
-      const E = H(Q);
+      const E = p(Q);
       return typeof E == "boolean" ? E ? 1 : 0 : 2;
     }, C.wbg.__wbindgen_is_function = function(Q) {
-      return typeof H(Q) == "function";
+      return typeof p(Q) == "function";
     }, C.wbg.__wbindgen_is_undefined = function(Q) {
-      return H(Q) === void 0;
+      return p(Q) === void 0;
     }, C.wbg.__wbindgen_memory = function() {
       return O(B.memory);
     }, C.wbg.__wbindgen_number_get = function(Q, E) {
-      const D = H(E), o = typeof D == "number" ? D : void 0;
+      const D = p(E), o = typeof D == "number" ? D : void 0;
       wA().setFloat64(Q + 8, Y(o) ? 0 : o, !0), wA().setInt32(Q + 0, !Y(o), !0);
     }, C.wbg.__wbindgen_number_new = function(Q) {
       return O(Q);
     }, C.wbg.__wbindgen_object_clone_ref = function(Q) {
-      return O(H(Q));
+      return O(p(Q));
     }, C.wbg.__wbindgen_object_drop_ref = function(Q) {
       wI(Q);
     }, C.wbg.__wbindgen_throw = function(Q, E) {
@@ -2302,7 +2302,7 @@ async function xg(i) {
     }
   }(await i, A);
   return function(C, Q) {
-    return B = C.exports, xg.__wbindgen_wasm_module = Q, fA = null, _A = null, zA = null, $A = null, VA = null, B;
+    return B = C.exports, xg.__wbindgen_wasm_module = Q, fA = null, _A = null, zA = null, $A = null, PA = null, B;
   }(I, g);
 }
 class mg {
@@ -2342,7 +2342,7 @@ class j {
     return b.fromAngle(A);
   }
 }
-var cA, JA, TI, ZI, gI, mA, sA, WI, OI, hI, sI, jI, xI, KI, TA;
+var cA, JA, TI, ZI, gI, XA, sA, WI, OI, hI, sI, jI, xI, KI, TA;
 (function(i) {
   i[i.Dynamic = 0] = "Dynamic", i[i.Fixed = 1] = "Fixed", i[i.KinematicPositionBased = 2] = "KinematicPositionBased", i[i.KinematicVelocityBased = 3] = "KinematicVelocityBased";
 })(cA || (cA = {}));
@@ -2819,9 +2819,9 @@ class nA {
       case pA.Fixed:
         return new ug(A, I, g);
       case pA.Spring:
-        return new Vg(A, I, g);
-      case pA.Rope:
         return new Pg(A, I, g);
+      case pA.Rope:
+        return new Vg(A, I, g);
       default:
         return new nA(A, I, g);
     }
@@ -2890,10 +2890,10 @@ class $I extends nA {
 }
 class ug extends nA {
 }
-class Pg extends nA {
-}
 class Vg extends nA {
 }
+class Pg extends nA {
+}
 class zg extends $I {
   rawAxis() {
     return NI.LinX;
@@ -3096,7 +3096,7 @@ class BC {
 }
 (function(i) {
   i[i.Vertex = 0] = "Vertex", i[i.Face = 1] = "Face", i[i.Unknown = 2] = "Unknown";
-})(mA || (mA = {}));
+})(XA || (XA = {}));
 class rC {
   constructor(A, I) {
     this.origin = A, this.dir = I;
@@ -3107,7 +3107,7 @@ class rC {
 }
 class BI {
   constructor(A, I, g, C) {
-    this.featureType = mA.Unknown, this.featureId = void 0, this.timeOfImpact = A, this.normal = I, C !== void 0 && (this.featureId = C), g !== void 0 && (this.featureType = g);
+    this.featureType = XA.Unknown, this.featureId = void 0, this.timeOfImpact = A, this.normal = I, C !== void 0 && (this.featureId = C), g !== void 0 && (this.featureType = g);
   }
   static fromRaw(A) {
     if (!A) return null;
@@ -3117,7 +3117,7 @@ class BI {
 }
 class CI {
   constructor(A, I, g, C, Q) {
-    this.featureType = mA.Unknown, this.featureId = void 0, this.collider = A, this.timeOfImpact = I, this.normal = g, Q !== void 0 && (this.featureId = Q), C !== void 0 && (this.featureType = C);
+    this.featureType = XA.Unknown, this.featureId = void 0, this.collider = A, this.timeOfImpact = I, this.normal = g, Q !== void 0 && (this.featureId = Q), C !== void 0 && (this.featureType = C);
   }
   static fromRaw(A, I) {
     if (!I) return null;
@@ -3147,7 +3147,7 @@ class EI {
 }
 class QI {
   constructor(A, I, g, C, Q) {
-    this.featureType = mA.Unknown, this.featureId = void 0, this.collider = A, this.point = I, this.isInside = g, Q !== void 0 && (this.featureId = Q), C !== void 0 && (this.featureType = C);
+    this.featureType = XA.Unknown, this.featureId = void 0, this.collider = A, this.point = I, this.isInside = g, Q !== void 0 && (this.featureId = Q), C !== void 0 && (this.featureType = C);
   }
   static fromRaw(A, I) {
     if (!I) return null;
@@ -3155,17 +3155,17 @@ class QI {
     return I.free(), g;
   }
 }
-class vA {
+class uA {
   constructor(A, I, g, C, Q) {
     this.time_of_impact = A, this.witness1 = I, this.witness2 = g, this.normal1 = C, this.normal2 = Q;
   }
   static fromRaw(A, I) {
     if (!I) return null;
-    const g = new vA(I.time_of_impact(), S.fromRaw(I.witness1()), S.fromRaw(I.witness2()), S.fromRaw(I.normal1()), S.fromRaw(I.normal2()));
+    const g = new uA(I.time_of_impact(), S.fromRaw(I.witness1()), S.fromRaw(I.witness2()), S.fromRaw(I.normal1()), S.fromRaw(I.normal2()));
     return I.free(), g;
   }
 }
-class iI extends vA {
+class iI extends uA {
   constructor(A, I, g, C, Q, E) {
     super(I, g, C, Q, E), this.collider = A;
   }
@@ -3182,41 +3182,41 @@ class EC {
   free() {
     this.raw && this.raw.free(), this.raw = void 0;
   }
-  castRay(A, I, g, C, Q, E, D, o, w, h, G) {
-    let K = S.intoRaw(C.origin), N = S.intoRaw(C.dir), M = RI.fromRaw(g, this.raw.castRay(A.raw, I.raw, g.raw, K, N, Q, E, D, o, w, h, G));
+  castRay(A, I, g, C, Q, E, D, o, w, G, h) {
+    let K = S.intoRaw(C.origin), N = S.intoRaw(C.dir), M = RI.fromRaw(g, this.raw.castRay(A.raw, I.raw, g.raw, K, N, Q, E, D, o, w, G, h));
     return K.free(), N.free(), M;
   }
-  castRayAndGetNormal(A, I, g, C, Q, E, D, o, w, h, G) {
-    let K = S.intoRaw(C.origin), N = S.intoRaw(C.dir), M = CI.fromRaw(g, this.raw.castRayAndGetNormal(A.raw, I.raw, g.raw, K, N, Q, E, D, o, w, h, G));
+  castRayAndGetNormal(A, I, g, C, Q, E, D, o, w, G, h) {
+    let K = S.intoRaw(C.origin), N = S.intoRaw(C.dir), M = CI.fromRaw(g, this.raw.castRayAndGetNormal(A.raw, I.raw, g.raw, K, N, Q, E, D, o, w, G, h));
     return K.free(), N.free(), M;
   }
-  intersectionsWithRay(A, I, g, C, Q, E, D, o, w, h, G, K) {
+  intersectionsWithRay(A, I, g, C, Q, E, D, o, w, G, h, K) {
     let N = S.intoRaw(C.origin), M = S.intoRaw(C.dir);
-    this.raw.intersectionsWithRay(A.raw, I.raw, g.raw, N, M, Q, E, (F) => D(CI.fromRaw(g, F)), o, w, h, G, K), N.free(), M.free();
+    this.raw.intersectionsWithRay(A.raw, I.raw, g.raw, N, M, Q, E, (F) => D(CI.fromRaw(g, F)), o, w, G, h, K), N.free(), M.free();
   }
-  intersectionWithShape(A, I, g, C, Q, E, D, o, w, h, G) {
-    let K = S.intoRaw(C), N = j.intoRaw(Q), M = E.intoRaw(), F = this.raw.intersectionWithShape(A.raw, I.raw, g.raw, K, N, M, D, o, w, h, G);
+  intersectionWithShape(A, I, g, C, Q, E, D, o, w, G, h) {
+    let K = S.intoRaw(C), N = j.intoRaw(Q), M = E.intoRaw(), F = this.raw.intersectionWithShape(A.raw, I.raw, g.raw, K, N, M, D, o, w, G, h);
     return K.free(), N.free(), M.free(), F;
   }
-  projectPoint(A, I, g, C, Q, E, D, o, w, h) {
-    let G = S.intoRaw(C), K = QI.fromRaw(g, this.raw.projectPoint(A.raw, I.raw, g.raw, G, Q, E, D, o, w, h));
-    return G.free(), K;
+  projectPoint(A, I, g, C, Q, E, D, o, w, G) {
+    let h = S.intoRaw(C), K = QI.fromRaw(g, this.raw.projectPoint(A.raw, I.raw, g.raw, h, Q, E, D, o, w, G));
+    return h.free(), K;
   }
   projectPointAndGetFeature(A, I, g, C, Q, E, D, o, w) {
-    let h = S.intoRaw(C), G = QI.fromRaw(g, this.raw.projectPointAndGetFeature(A.raw, I.raw, g.raw, h, Q, E, D, o, w));
-    return h.free(), G;
+    let G = S.intoRaw(C), h = QI.fromRaw(g, this.raw.projectPointAndGetFeature(A.raw, I.raw, g.raw, G, Q, E, D, o, w));
+    return G.free(), h;
   }
-  intersectionsWithPoint(A, I, g, C, Q, E, D, o, w, h) {
-    let G = S.intoRaw(C);
-    this.raw.intersectionsWithPoint(A.raw, I.raw, g.raw, G, Q, E, D, o, w, h), G.free();
+  intersectionsWithPoint(A, I, g, C, Q, E, D, o, w, G) {
+    let h = S.intoRaw(C);
+    this.raw.intersectionsWithPoint(A.raw, I.raw, g.raw, h, Q, E, D, o, w, G), h.free();
   }
-  castShape(A, I, g, C, Q, E, D, o, w, h, G, K, N, M, F) {
-    let J = S.intoRaw(C), k = j.intoRaw(Q), y = S.intoRaw(E), U = D.intoRaw(), R = iI.fromRaw(g, this.raw.castShape(A.raw, I.raw, g.raw, J, k, y, U, o, w, h, G, K, N, M, F));
-    return J.free(), k.free(), y.free(), U.free(), R;
+  castShape(A, I, g, C, Q, E, D, o, w, G, h, K, N, M, F) {
+    let J = S.intoRaw(C), y = j.intoRaw(Q), k = S.intoRaw(E), U = D.intoRaw(), R = iI.fromRaw(g, this.raw.castShape(A.raw, I.raw, g.raw, J, y, k, U, o, w, G, h, K, N, M, F));
+    return J.free(), y.free(), k.free(), U.free(), R;
   }
-  intersectionsWithShape(A, I, g, C, Q, E, D, o, w, h, G, K) {
+  intersectionsWithShape(A, I, g, C, Q, E, D, o, w, G, h, K) {
     let N = S.intoRaw(C), M = j.intoRaw(Q), F = E.intoRaw();
-    this.raw.intersectionsWithShape(A.raw, I.raw, g.raw, N, M, F, D, o, w, h, G, K), N.free(), M.free(), F.free();
+    this.raw.intersectionsWithShape(A.raw, I.raw, g.raw, N, M, F, D, o, w, G, h, K), N.free(), M.free(), F.free();
   }
   collidersWithAabbIntersectingAabb(A, I, g, C, Q, E) {
     let D = S.intoRaw(C), o = S.intoRaw(Q);
@@ -3314,20 +3314,20 @@ class DC {
     return S.fromRaw(this.raw.solver_contact_tangent_velocity(A));
   }
 }
-class XA {
+class vA {
   constructor(A, I, g, C, Q) {
     this.distance = A, this.point1 = I, this.point2 = g, this.normal1 = C, this.normal2 = Q;
   }
   static fromRaw(A) {
     if (!A) return null;
-    const I = new XA(A.distance(), S.fromRaw(A.point1()), S.fromRaw(A.point2()), S.fromRaw(A.normal1()), S.fromRaw(A.normal2()));
+    const I = new vA(A.distance(), S.fromRaw(A.point1()), S.fromRaw(A.point2()), S.fromRaw(A.normal1()), S.fromRaw(A.normal2()));
     return A.free(), I;
   }
 }
 class SA {
   static fromRaw(A, I) {
     const g = A.coShapeType(I);
-    let C, Q, E, D, o, w, h;
+    let C, Q, E, D, o, w, G;
     switch (g) {
       case aA.Ball:
         return new Ig(A.coRadius(I));
@@ -3346,10 +3346,10 @@ class SA {
       case aA.RoundTriangle:
         return E = A.coVertices(I), Q = A.coRoundRadius(I), new Dg(S.new(E[0], E[1]), S.new(E[2], E[3]), S.new(E[4], E[5]), Q);
       case aA.HalfSpace:
-        return h = S.fromRaw(A.coHalfspaceNormal(I)), new gg(h);
+        return G = S.fromRaw(A.coHalfspaceNormal(I)), new gg(G);
       case aA.Voxels:
-        const G = A.coVoxelData(I), K = A.coVoxelSize(I);
-        return new wg(G, K);
+        const h = A.coVoxelData(I), K = A.coVoxelSize(I);
+        return new wg(h, K);
       case aA.TriMesh:
         E = A.coVertices(I), D = A.coIndices(I);
         const N = A.coTriMeshFlags(I);
@@ -3365,17 +3365,17 @@ class SA {
         throw new Error("unknown shape type: " + g);
     }
   }
-  castShape(A, I, g, C, Q, E, D, o, w, h) {
-    let G = S.intoRaw(A), K = j.intoRaw(I), N = S.intoRaw(g), M = S.intoRaw(Q), F = j.intoRaw(E), J = S.intoRaw(D), k = this.intoRaw(), y = C.intoRaw(), U = vA.fromRaw(null, k.castShape(G, K, N, y, M, F, J, o, w, h));
-    return G.free(), K.free(), N.free(), M.free(), F.free(), J.free(), k.free(), y.free(), U;
+  castShape(A, I, g, C, Q, E, D, o, w, G) {
+    let h = S.intoRaw(A), K = j.intoRaw(I), N = S.intoRaw(g), M = S.intoRaw(Q), F = j.intoRaw(E), J = S.intoRaw(D), y = this.intoRaw(), k = C.intoRaw(), U = uA.fromRaw(null, y.castShape(h, K, N, k, M, F, J, o, w, G));
+    return h.free(), K.free(), N.free(), M.free(), F.free(), J.free(), y.free(), k.free(), U;
   }
   intersectsShape(A, I, g, C, Q) {
-    let E = S.intoRaw(A), D = j.intoRaw(I), o = S.intoRaw(C), w = j.intoRaw(Q), h = this.intoRaw(), G = g.intoRaw(), K = h.intersectsShape(E, D, G, o, w);
-    return E.free(), D.free(), o.free(), w.free(), h.free(), G.free(), K;
+    let E = S.intoRaw(A), D = j.intoRaw(I), o = S.intoRaw(C), w = j.intoRaw(Q), G = this.intoRaw(), h = g.intoRaw(), K = G.intersectsShape(E, D, h, o, w);
+    return E.free(), D.free(), o.free(), w.free(), G.free(), h.free(), K;
   }
   contactShape(A, I, g, C, Q, E) {
-    let D = S.intoRaw(A), o = j.intoRaw(I), w = S.intoRaw(C), h = j.intoRaw(Q), G = this.intoRaw(), K = g.intoRaw(), N = XA.fromRaw(G.contactShape(D, o, K, w, h, E));
-    return D.free(), o.free(), w.free(), h.free(), G.free(), K.free(), N;
+    let D = S.intoRaw(A), o = j.intoRaw(I), w = S.intoRaw(C), G = j.intoRaw(Q), h = this.intoRaw(), K = g.intoRaw(), N = vA.fromRaw(h.contactShape(D, o, K, w, G, E));
+    return D.free(), o.free(), w.free(), G.free(), h.free(), K.free(), N;
   }
   containsPoint(A, I, g) {
     let C = S.intoRaw(A), Q = j.intoRaw(I), E = S.intoRaw(g), D = this.intoRaw(), o = D.containsPoint(C, Q, E);
@@ -3386,16 +3386,16 @@ class SA {
     return Q.free(), E.free(), D.free(), o.free(), w;
   }
   intersectsRay(A, I, g, C) {
-    let Q = S.intoRaw(I), E = j.intoRaw(g), D = S.intoRaw(A.origin), o = S.intoRaw(A.dir), w = this.intoRaw(), h = w.intersectsRay(Q, E, D, o, C);
-    return Q.free(), E.free(), D.free(), o.free(), w.free(), h;
+    let Q = S.intoRaw(I), E = j.intoRaw(g), D = S.intoRaw(A.origin), o = S.intoRaw(A.dir), w = this.intoRaw(), G = w.intersectsRay(Q, E, D, o, C);
+    return Q.free(), E.free(), D.free(), o.free(), w.free(), G;
   }
   castRay(A, I, g, C, Q) {
-    let E = S.intoRaw(I), D = j.intoRaw(g), o = S.intoRaw(A.origin), w = S.intoRaw(A.dir), h = this.intoRaw(), G = h.castRay(E, D, o, w, C, Q);
-    return E.free(), D.free(), o.free(), w.free(), h.free(), G;
+    let E = S.intoRaw(I), D = j.intoRaw(g), o = S.intoRaw(A.origin), w = S.intoRaw(A.dir), G = this.intoRaw(), h = G.castRay(E, D, o, w, C, Q);
+    return E.free(), D.free(), o.free(), w.free(), G.free(), h;
   }
   castRayAndGetNormal(A, I, g, C, Q) {
-    let E = S.intoRaw(I), D = j.intoRaw(g), o = S.intoRaw(A.origin), w = S.intoRaw(A.dir), h = this.intoRaw(), G = BI.fromRaw(h.castRayAndGetNormal(E, D, o, w, C, Q));
-    return E.free(), D.free(), o.free(), w.free(), h.free(), G;
+    let E = S.intoRaw(I), D = j.intoRaw(g), o = S.intoRaw(A.origin), w = S.intoRaw(A.dir), G = this.intoRaw(), h = BI.fromRaw(G.castRayAndGetNormal(E, D, o, w, C, Q));
+    return E.free(), D.free(), o.free(), w.free(), G.free(), h;
   }
 }
 (function(i) {
@@ -3408,7 +3408,7 @@ class Ig extends SA {
     super(), this.type = sA.Ball, this.radius = A;
   }
   intoRaw() {
-    return e.ball(this.radius);
+    return r.ball(this.radius);
   }
 }
 class gg extends SA {
@@ -3416,7 +3416,7 @@ class gg extends SA {
     super(), this.type = sA.HalfSpace, this.normal = A;
   }
   intoRaw() {
-    let A = S.intoRaw(this.normal), I = e.halfspace(A);
+    let A = S.intoRaw(this.normal), I = r.halfspace(A);
     return A.free(), I;
   }
 }
@@ -3425,7 +3425,7 @@ class Cg extends SA {
     super(), this.type = sA.Cuboid, this.halfExtents = S.new(A, I);
   }
   intoRaw() {
-    return e.cuboid(this.halfExtents.x, this.halfExtents.y);
+    return r.cuboid(this.halfExtents.x, this.halfExtents.y);
   }
 }
 class Qg extends SA {
@@ -3433,7 +3433,7 @@ class Qg extends SA {
     super(), this.type = sA.RoundCuboid, this.halfExtents = S.new(A, I), this.borderRadius = g;
   }
   intoRaw() {
-    return e.roundCuboid(this.halfExtents.x, this.halfExtents.y, this.borderRadius);
+    return r.roundCuboid(this.halfExtents.x, this.halfExtents.y, this.borderRadius);
   }
 }
 class Bg extends SA {
@@ -3441,7 +3441,7 @@ class Bg extends SA {
     super(), this.type = sA.Capsule, this.halfHeight = A, this.radius = I;
   }
   intoRaw() {
-    return e.capsule(this.halfHeight, this.radius);
+    return r.capsule(this.halfHeight, this.radius);
   }
 }
 class Eg extends SA {
@@ -3449,7 +3449,7 @@ class Eg extends SA {
     super(), this.type = sA.Segment, this.a = A, this.b = I;
   }
   intoRaw() {
-    let A = S.intoRaw(this.a), I = S.intoRaw(this.b), g = e.segment(A, I);
+    let A = S.intoRaw(this.a), I = S.intoRaw(this.b), g = r.segment(A, I);
     return A.free(), I.free(), g;
   }
 }
@@ -3458,7 +3458,7 @@ class ig extends SA {
     super(), this.type = sA.Triangle, this.a = A, this.b = I, this.c = g;
   }
   intoRaw() {
-    let A = S.intoRaw(this.a), I = S.intoRaw(this.b), g = S.intoRaw(this.c), C = e.triangle(A, I, g);
+    let A = S.intoRaw(this.a), I = S.intoRaw(this.b), g = S.intoRaw(this.c), C = r.triangle(A, I, g);
     return A.free(), I.free(), g.free(), C;
   }
 }
@@ -3467,7 +3467,7 @@ class Dg extends SA {
     super(), this.type = sA.RoundTriangle, this.a = A, this.b = I, this.c = g, this.borderRadius = C;
   }
   intoRaw() {
-    let A = S.intoRaw(this.a), I = S.intoRaw(this.b), g = S.intoRaw(this.c), C = e.roundTriangle(A, I, g, this.borderRadius);
+    let A = S.intoRaw(this.a), I = S.intoRaw(this.b), g = S.intoRaw(this.c), C = r.roundTriangle(A, I, g, this.borderRadius);
     return A.free(), I.free(), g.free(), C;
   }
 }
@@ -3476,7 +3476,7 @@ class og extends SA {
     super(), this.type = sA.Polyline, this.vertices = A, this.indices = I ?? new Uint32Array(0);
   }
   intoRaw() {
-    return e.polyline(this.vertices, this.indices);
+    return r.polyline(this.vertices, this.indices);
   }
 }
 class wg extends SA {
@@ -3485,7 +3485,7 @@ class wg extends SA {
   }
   intoRaw() {
     let A, I = S.intoRaw(this.voxelSize);
-    return A = this.data instanceof Int32Array ? e.voxels(I, this.data) : e.voxelsFromPoints(I, this.data), I.free(), A;
+    return A = this.data instanceof Int32Array ? r.voxels(I, this.data) : r.voxelsFromPoints(I, this.data), I.free(), A;
   }
 }
 class Gg extends SA {
@@ -3493,7 +3493,7 @@ class Gg extends SA {
     super(), this.type = sA.TriMesh, this.vertices = A, this.indices = I, this.flags = g;
   }
   intoRaw() {
-    return e.trimesh(this.vertices, this.indices, this.flags);
+    return r.trimesh(this.vertices, this.indices, this.flags);
   }
 }
 class SI extends SA {
@@ -3501,7 +3501,7 @@ class SI extends SA {
     super(), this.type = sA.ConvexPolygon, this.vertices = A, this.skipConvexHullComputation = !!I;
   }
   intoRaw() {
-    return this.skipConvexHullComputation ? e.convexPolyline(this.vertices) : e.convexHull(this.vertices);
+    return this.skipConvexHullComputation ? r.convexPolyline(this.vertices) : r.convexHull(this.vertices);
   }
 }
 class aI extends SA {
@@ -3509,7 +3509,7 @@ class aI extends SA {
     super(), this.type = sA.RoundConvexPolygon, this.vertices = A, this.borderRadius = I, this.skipConvexHullComputation = !!g;
   }
   intoRaw() {
-    return this.skipConvexHullComputation ? e.roundConvexPolyline(this.vertices, this.borderRadius) : e.roundConvexHull(this.vertices, this.borderRadius);
+    return this.skipConvexHullComputation ? r.roundConvexPolyline(this.vertices, this.borderRadius) : r.roundConvexHull(this.vertices, this.borderRadius);
   }
 }
 class hg extends SA {
@@ -3517,7 +3517,7 @@ class hg extends SA {
     super(), this.type = sA.HeightField, this.heights = A, this.scale = I;
   }
   intoRaw() {
-    let A = S.intoRaw(this.scale), I = e.heightfield(this.heights, A);
+    let A = S.intoRaw(this.scale), I = r.heightfield(this.heights, A);
     return A.free(), I;
   }
 }
@@ -3528,9 +3528,9 @@ class oC {
   free() {
     this.raw && this.raw.free(), this.raw = void 0;
   }
-  step(A, I, g, C, Q, E, D, o, w, h, G, K) {
+  step(A, I, g, C, Q, E, D, o, w, G, h, K) {
     let N = S.intoRaw(A);
-    G ? this.raw.stepWithEvents(N, I.raw, g.raw, C.raw, Q.raw, E.raw, D.raw, o.raw, w.raw, h.raw, G.raw, K, K ? K.filterContactPair : null, K ? K.filterIntersectionPair : null) : this.raw.step(N, I.raw, g.raw, C.raw, Q.raw, E.raw, D.raw, o.raw, w.raw, h.raw), N.free();
+    h ? this.raw.stepWithEvents(N, I.raw, g.raw, C.raw, Q.raw, E.raw, D.raw, o.raw, w.raw, G.raw, h.raw, K, K ? K.filterContactPair : null, K ? K.filterIntersectionPair : null) : this.raw.step(N, I.raw, g.raw, C.raw, Q.raw, E.raw, D.raw, o.raw, w.raw, G.raw), N.free();
   }
 }
 class XI {
@@ -3541,9 +3541,9 @@ class XI {
     this.raw && this.raw.free(), this.raw = void 0;
   }
   serializeAll(A, I, g, C, Q, E, D, o, w) {
-    let h = S.intoRaw(A);
-    const G = this.raw.serializeAll(h, I.raw, g.raw, C.raw, Q.raw, E.raw, D.raw, o.raw, w.raw);
-    return h.free(), G;
+    let G = S.intoRaw(A);
+    const h = this.raw.serializeAll(G, I.raw, g.raw, C.raw, Q.raw, E.raw, D.raw, o.raw, w.raw);
+    return G.free(), h;
   }
   deserializeAll(A) {
     return cI.fromRaw(this.raw.deserializeAll(A));
@@ -3715,8 +3715,8 @@ class KC {
   }
 }
 class cI {
-  constructor(A, I, g, C, Q, E, D, o, w, h, G, K, N) {
-    this.gravity = A, this.integrationParameters = new vg(I), this.islands = new BC(g), this.broadPhase = new EC(C), this.narrowPhase = new iC(Q), this.bodies = new Xg(E), this.colliders = new aC(D), this.impulseJoints = new $g(o), this.multibodyJoints = new CC(w), this.ccdSolver = new QC(h), this.physicsPipeline = new oC(G), this.serializationPipeline = new XI(K), this.debugRenderPipeline = new GC(N), this.characterControllers = /* @__PURE__ */ new Set(), this.pidControllers = /* @__PURE__ */ new Set(), this.impulseJoints.finalizeDeserialization(this.bodies), this.bodies.finalizeDeserialization(this.colliders), this.colliders.finalizeDeserialization(this.bodies);
+  constructor(A, I, g, C, Q, E, D, o, w, G, h, K, N) {
+    this.gravity = A, this.integrationParameters = new vg(I), this.islands = new BC(g), this.broadPhase = new EC(C), this.narrowPhase = new iC(Q), this.bodies = new Xg(E), this.colliders = new aC(D), this.impulseJoints = new $g(o), this.multibodyJoints = new CC(w), this.ccdSolver = new QC(G), this.physicsPipeline = new oC(h), this.serializationPipeline = new XI(K), this.debugRenderPipeline = new GC(N), this.characterControllers = /* @__PURE__ */ new Set(), this.pidControllers = /* @__PURE__ */ new Set(), this.impulseJoints.finalizeDeserialization(this.bodies), this.bodies.finalizeDeserialization(this.colliders), this.colliders.finalizeDeserialization(this.bodies);
   }
   free() {
     this.integrationParameters.free(), this.islands.free(), this.broadPhase.free(), this.narrowPhase.free(), this.bodies.free(), this.colliders.free(), this.impulseJoints.free(), this.multibodyJoints.free(), this.ccdSolver.free(), this.physicsPipeline.free(), this.serializationPipeline.free(), this.debugRenderPipeline.free(), this.characterControllers.forEach((A) => A.free()), this.pidControllers.forEach((A) => A.free()), this.integrationParameters = void 0, this.islands = void 0, this.broadPhase = void 0, this.narrowPhase = void 0, this.bodies = void 0, this.colliders = void 0, this.ccdSolver = void 0, this.impulseJoints = void 0, this.multibodyJoints = void 0, this.physicsPipeline = void 0, this.serializationPipeline = void 0, this.debugRenderPipeline = void 0, this.characterControllers = void 0, this.pidControllers = void 0;
@@ -3851,8 +3851,8 @@ class cI {
   intersectionsWithPoint(A, I, g, C, Q, E, D) {
     this.broadPhase.intersectionsWithPoint(this.narrowPhase, this.bodies, this.colliders, A, this.colliders.castClosure(I), g, C, Q ? Q.handle : null, E ? E.handle : null, this.colliders.castClosure(D));
   }
-  castShape(A, I, g, C, Q, E, D, o, w, h, G, K) {
-    return this.broadPhase.castShape(this.narrowPhase, this.bodies, this.colliders, A, I, g, C, Q, E, D, o, w, h ? h.handle : null, G ? G.handle : null, this.colliders.castClosure(K));
+  castShape(A, I, g, C, Q, E, D, o, w, G, h, K) {
+    return this.broadPhase.castShape(this.narrowPhase, this.bodies, this.colliders, A, I, g, C, Q, E, D, o, w, G ? G.handle : null, h ? h.handle : null, this.colliders.castClosure(K));
   }
   intersectionsWithShape(A, I, g, C, Q, E, D, o, w) {
     this.broadPhase.intersectionsWithShape(this.narrowPhase, this.bodies, this.colliders, A, I, g, this.colliders.castClosure(C), Q, E, D ? D.handle : null, o ? o.handle : null, this.colliders.castClosure(w));
@@ -4192,8 +4192,8 @@ class vI {
     return g.free(), C.free(), Q;
   }
   castShape(A, I, g, C, Q, E, D, o) {
-    let w = S.intoRaw(A), h = S.intoRaw(g), G = j.intoRaw(C), K = S.intoRaw(Q), N = I.intoRaw(), M = vA.fromRaw(this.colliderSet, this.colliderSet.raw.coCastShape(this.handle, w, N, h, G, K, E, D, o));
-    return w.free(), h.free(), G.free(), K.free(), N.free(), M;
+    let w = S.intoRaw(A), G = S.intoRaw(g), h = j.intoRaw(C), K = S.intoRaw(Q), N = I.intoRaw(), M = uA.fromRaw(this.colliderSet, this.colliderSet.raw.coCastShape(this.handle, w, N, G, h, K, E, D, o));
+    return w.free(), G.free(), h.free(), K.free(), N.free(), M;
   }
   castCollider(A, I, g, C, Q, E) {
     let D = S.intoRaw(A), o = S.intoRaw(g), w = iI.fromRaw(this.colliderSet, this.colliderSet.raw.coCastCollider(this.handle, D, I.handle, o, C, Q, E));
@@ -4204,11 +4204,11 @@ class vI {
     return C.free(), Q.free(), E.free(), D;
   }
   contactShape(A, I, g, C) {
-    let Q = S.intoRaw(I), E = j.intoRaw(g), D = A.intoRaw(), o = XA.fromRaw(this.colliderSet.raw.coContactShape(this.handle, D, Q, E, C));
+    let Q = S.intoRaw(I), E = j.intoRaw(g), D = A.intoRaw(), o = vA.fromRaw(this.colliderSet.raw.coContactShape(this.handle, D, Q, E, C));
     return Q.free(), E.free(), D.free(), o;
   }
   contactCollider(A, I) {
-    return XA.fromRaw(this.colliderSet.raw.coContactCollider(this.handle, A.handle, I));
+    return vA.fromRaw(this.colliderSet.raw.coContactCollider(this.handle, A.handle, I));
   }
   castRay(A, I, g) {
     let C = S.intoRaw(A.origin), Q = S.intoRaw(A.dir), E = this.colliderSet.raw.coCastRay(this.handle, C, Q, I, g);
@@ -4366,8 +4366,8 @@ class aC {
     if (C && isNaN(g)) throw Error("Cannot create a collider with a parent rigid-body handle that is not a number.");
     let Q = I.shape.intoRaw(), E = S.intoRaw(I.translation), D = j.intoRaw(I.rotation), o = S.intoRaw(I.centerOfMass), w = this.raw.createCollider(I.enabled, Q, E, D, I.massPropsMode, I.mass, o, I.principalAngularInertia, I.density, I.friction, I.restitution, I.frictionCombineRule, I.restitutionCombineRule, I.isSensor, I.collisionGroups, I.solverGroups, I.activeCollisionTypes, I.activeHooks, I.activeEvents, I.contactForceEventThreshold, I.contactSkin, C, C ? g : 0, A.raw);
     Q.free(), E.free(), D.free(), o.free();
-    let h = C ? A.get(g) : null, G = new vI(this, w, h, I.shape);
-    return this.map.set(w, G), G;
+    let G = C ? A.get(g) : null, h = new vI(this, w, G, I.shape);
+    return this.map.set(w, h), h;
   }
   remove(A, I, g, C) {
     this.raw.remove(A, I.raw, g.raw, C), this.unmap(A);
@@ -4396,21 +4396,21 @@ function lC(i, A, I, g) {
     function E(w) {
       try {
         o(g.next(w));
-      } catch (h) {
-        Q(h);
+      } catch (G) {
+        Q(G);
       }
     }
     function D(w) {
       try {
         o(g.throw(w));
-      } catch (h) {
-        Q(h);
+      } catch (G) {
+        Q(G);
       }
     }
     function o(w) {
-      var h;
-      w.done ? C(w.value) : (h = w.value, h instanceof I ? h : new I(function(G) {
-        G(h);
+      var G;
+      w.done ? C(w.value) : (G = w.value, G instanceof I ? G : new I(function(h) {
+        h(G);
       })).then(E, D);
     }
     o((g = g.apply(i, [])).next());
@@ -4420,15 +4420,15 @@ for (var nC = { byteLength: function(i) {
   var A = bg(i), I = A[0], g = A[1];
   return 3 * (I + g) / 4 - g;
 }, toByteArray: function(i) {
-  var A, I, g = bg(i), C = g[0], Q = g[1], E = new HC(function(w, h, G) {
-    return 3 * (h + G) / 4 - G;
+  var A, I, g = bg(i), C = g[0], Q = g[1], E = new HC(function(w, G, h) {
+    return 3 * (G + h) / 4 - h;
   }(0, C, Q)), D = 0, o = Q > 0 ? C - 4 : C;
   for (I = 0; I < o; I += 4) A = UA[i.charCodeAt(I)] << 18 | UA[i.charCodeAt(I + 1)] << 12 | UA[i.charCodeAt(I + 2)] << 6 | UA[i.charCodeAt(I + 3)], E[D++] = A >> 16 & 255, E[D++] = A >> 8 & 255, E[D++] = 255 & A;
   return Q === 2 && (A = UA[i.charCodeAt(I)] << 2 | UA[i.charCodeAt(I + 1)] >> 4, E[D++] = 255 & A), Q === 1 && (A = UA[i.charCodeAt(I)] << 10 | UA[i.charCodeAt(I + 1)] << 4 | UA[i.charCodeAt(I + 2)] >> 2, E[D++] = A >> 8 & 255, E[D++] = 255 & A), E;
 }, fromByteArray: function(i) {
   for (var A, I = i.length, g = I % 3, C = [], Q = 16383, E = 0, D = I - g; E < D; E += Q) C.push(dC(i, E, E + Q > D ? D : E + Q));
   return g === 1 ? (A = i[I - 1], C.push(LA[A >> 2] + LA[A << 4 & 63] + "==")) : g === 2 && (A = (i[I - 2] << 8) + i[I - 1], C.push(LA[A >> 10] + LA[A >> 4 & 63] + LA[A << 2 & 63] + "=")), C.join("");
-} }, LA = [], UA = [], HC = typeof Uint8Array < "u" ? Uint8Array : Array, dI = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/", xA = 0, pC = dI.length; xA < pC; ++xA) LA[xA] = dI[xA], UA[dI.charCodeAt(xA)] = xA;
+} }, LA = [], UA = [], HC = typeof Uint8Array < "u" ? Uint8Array : Array, dI = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/", mA = 0, pC = dI.length; mA < pC; ++mA) LA[mA] = dI[mA], UA[dI.charCodeAt(mA)] = mA;
 function bg(i) {
   var A = i.length;
   if (A % 4 > 0) throw new Error("Invalid string. Length must be a multiple of 4");
@@ -4470,7 +4470,7 @@ var FA = Object.freeze({ __proto__: null, version: bC, reserveMemory: TC, Vector
   return TI;
 }, get JointAxesMask() {
   return ZI;
-}, ImpulseJoint: nA, UnitImpulseJoint: $I, FixedImpulseJoint: ug, RopeImpulseJoint: Pg, SpringImpulseJoint: Vg, PrismaticImpulseJoint: zg, RevoluteImpulseJoint: _g, JointData: bA, ImpulseJointSet: $g, MultibodyJoint: WA, UnitMultibodyJoint: Ag, FixedMultibodyJoint: AC, PrismaticMultibodyJoint: IC, RevoluteMultibodyJoint: gC, MultibodyJointSet: CC, get CoefficientCombineRule() {
+}, ImpulseJoint: nA, UnitImpulseJoint: $I, FixedImpulseJoint: ug, RopeImpulseJoint: Vg, SpringImpulseJoint: Pg, PrismaticImpulseJoint: zg, RevoluteImpulseJoint: _g, JointData: bA, ImpulseJointSet: $g, MultibodyJoint: WA, UnitMultibodyJoint: Ag, FixedMultibodyJoint: AC, PrismaticMultibodyJoint: IC, RevoluteMultibodyJoint: gC, MultibodyJointSet: CC, get CoefficientCombineRule() {
   return gI;
 }, CCDSolver: QC, IslandManager: BC, BroadPhase: EC, NarrowPhase: iC, TempContactManifold: DC, Shape: SA, get ShapeType() {
   return sA;
@@ -4481,8 +4481,8 @@ var FA = Object.freeze({ __proto__: null, version: bC, reserveMemory: TC, Vector
 }, Collider: vI, get MassPropsMode() {
   return TA;
 }, ColliderDesc: oA, ColliderSet: aC, get FeatureType() {
-  return mA;
-}, Ray: rC, RayIntersection: BI, RayColliderIntersection: CI, RayColliderHit: RI, PointProjection: EI, PointColliderProjection: QI, ShapeCastHit: vA, ColliderShapeCastHit: iI, ShapeContact: XA, World: cI, PhysicsPipeline: oC, SerializationPipeline: XI, get ActiveEvents() {
+  return XA;
+}, Ray: rC, RayIntersection: BI, RayColliderIntersection: CI, RayColliderHit: RI, PointProjection: EI, PointColliderProjection: QI, ShapeCastHit: uA, ColliderShapeCastHit: iI, ShapeContact: vA, World: cI, PhysicsPipeline: oC, SerializationPipeline: XI, get ActiveEvents() {
   return hI;
 }, TempContactForceEvent: SC, EventQueue: qC, get ActiveHooks() {
   return sI;
@@ -4495,10 +4495,10 @@ var FA = Object.freeze({ __proto__: null, version: bC, reserveMemory: TC, Vector
 }, PidController: KC });
 class ZC {
   constructor() {
-    _(this, "world", null);
-    _(this, "bodies", /* @__PURE__ */ new Map());
-    _(this, "colliders", /* @__PURE__ */ new Map());
-    _(this, "initialized", !1);
+    V(this, "world", null);
+    V(this, "bodies", /* @__PURE__ */ new Map());
+    V(this, "colliders", /* @__PURE__ */ new Map());
+    V(this, "initialized", !1);
   }
   async init(A) {
     this.initialized || (await FA.init(), this.world = new FA.World(new FA.Vector2(A.x, A.y)), this.initialized = !0);
@@ -4598,33 +4598,35 @@ class ZC {
 }
 class WC {
   constructor() {
-    _(this, "artboard", null);
-    _(this, "objectStates", /* @__PURE__ */ new Map());
+    V(this, "artboard", null);
+    V(this, "objectStates", /* @__PURE__ */ new Map());
     // Physics State
-    _(this, "physicsEngine", null);
+    V(this, "physicsEngine", null);
     // State Machine State
-    _(this, "activeStateMachine", null);
-    _(this, "inputs", /* @__PURE__ */ new Map());
+    V(this, "activeStateMachine", null);
+    V(this, "inputs", /* @__PURE__ */ new Map());
     // id -> value
-    _(this, "inputNameMap", /* @__PURE__ */ new Map());
+    V(this, "inputNameMap", /* @__PURE__ */ new Map());
     // name -> id[] mapping
-    _(this, "layerStates", /* @__PURE__ */ new Map());
-    _(this, "imageCache", /* @__PURE__ */ new Map());
-    _(this, "layout", { fit: "Contain", alignment: "Center" });
-    _(this, "onTrigger");
-    _(this, "onInputUpdate");
-    _(this, "onComponentChange");
+    V(this, "layerStates", /* @__PURE__ */ new Map());
+    V(this, "imageCache", /* @__PURE__ */ new Map());
+    V(this, "layout", { fit: "Contain", alignment: "Center" });
+    V(this, "onTrigger");
+    V(this, "onInputUpdate");
+    V(this, "onComponentChange");
     // Track triggers that were just fired in the current frame
-    _(this, "justFiredTriggers", /* @__PURE__ */ new Set());
+    V(this, "justFiredTriggers", /* @__PURE__ */ new Set());
     // Track currently hovered object for Enter/Leave events
-    _(this, "lastHoveredObjectId", null);
-    _(this, "_lastPointerPos", null);
+    V(this, "lastHoveredObjectId", null);
+    V(this, "_lastPointerPos", null);
     // Interaction State
-    _(this, "focusedId", null);
-    _(this, "draggingSliderId", null);
-    _(this, "activeDropdownId", null);
+    V(this, "focusedId", null);
+    V(this, "draggingSliderId", null);
+    V(this, "activeDropdownId", null);
+    // Physics/Animation State
+    V(this, "objectVelocities", /* @__PURE__ */ new Map());
     // Trigger Management
-    _(this, "activeTriggers", /* @__PURE__ */ new Map());
+    V(this, "activeTriggers", /* @__PURE__ */ new Map());
   }
   setTriggerCallback(A) {
     this.onTrigger = A;
@@ -4635,6 +4637,11 @@ class WC {
   setComponentChangeCallback(A) {
     this.onComponentChange = A;
   }
+  updateConstraint(A, I, g) {
+    var Q;
+    const C = (Q = this.artboard) == null ? void 0 : Q.objects.find((E) => E.id === A);
+    C && C.constraints && C.constraints[I] && (C.constraints[I] = { ...C.constraints[I], ...g }, g.useSpring === !1 && this.objectVelocities.delete(A));
+  }
   // ... (setLayout, getActiveStateIds, load, reset skipped for brevity if not changing) ...
   // Helper to update Map AND notify listener
   setInternalInput(A, I) {
@@ -4655,7 +4662,7 @@ class WC {
   }
   reset() {
     if (!this.artboard) return;
-    if (this.objectStates.clear(), this.inputs.clear(), this.inputNameMap.clear(), this.layerStates.clear(), this.physicsEngine && (this.physicsEngine.destroy(), this.physicsEngine = null), this.artboard.objects.forEach((I) => {
+    if (this.objectStates.clear(), this.objectVelocities.clear(), this.inputs.clear(), this.inputNameMap.clear(), this.layerStates.clear(), this.physicsEngine && (this.physicsEngine.destroy(), this.physicsEngine = null), this.artboard.objects.forEach((I) => {
       this.objectStates.set(I.id, {
         ...I.transform,
         width: I.width,
@@ -4762,7 +4769,7 @@ class WC {
           const o = E.states.find((w) => w.id === D);
           if (o) {
             let w = null;
-            o.animationId && (w = this.artboard.animations.find((h) => h.id === o.animationId) || null), w || (w = this.artboard.animations.find((h) => h.name === o.name || h.id === o.name || o.name === "Entry" && h.name === "Rotate") || null), w && (C.push({ animation: w, state: o }), Q = Math.max(Q, w.duration));
+            o.animationId && (w = this.artboard.animations.find((G) => G.id === o.animationId) || null), w || (w = this.artboard.animations.find((G) => G.name === o.name || G.id === o.name || o.name === "Entry" && G.name === "Rotate") || null), w && (C.push({ animation: w, state: o }), Q = Math.max(Q, w.duration));
           }
         }
     }
@@ -4798,7 +4805,7 @@ class WC {
     } else {
       const o = this.inputNameMap.get(A);
       if (o && o.length > 0) {
-        const w = (D = this.activeStateMachine) == null ? void 0 : D.inputs.find((h) => h.id === o[0]);
+        const w = (D = this.activeStateMachine) == null ? void 0 : D.inputs.find((G) => G.id === o[0]);
         w && typeof w.value == "object" && (g = w.value.type);
       }
     }
@@ -4819,10 +4826,10 @@ class WC {
         let D = !1;
         for (const o of E.transitions)
           this.checkConditions(o.conditions) && (g.push(o.targetStateId), D = !0, C = !0, o.conditions && o.conditions.forEach((w) => {
-            var G;
-            const h = (G = this.activeStateMachine) == null ? void 0 : G.inputs.find((K) => K.id === w.inputId);
-            if (h && typeof h.value == "object" && h.value.type === "Number" && (this.setInternalInput(w.inputId, 0), this.inputNameMap.has(h.name))) {
-              const K = this.inputNameMap.get(h.name);
+            var h;
+            const G = (h = this.activeStateMachine) == null ? void 0 : h.inputs.find((K) => K.id === w.inputId);
+            if (G && typeof G.value == "object" && G.value.type === "Number" && (this.setInternalInput(w.inputId, 0), this.inputNameMap.has(G.name))) {
+              const K = this.inputNameMap.get(G.name);
               K == null || K.forEach((N) => this.setInternalInput(N, 0));
             }
           }));
@@ -4835,7 +4842,7 @@ class WC {
           const D = (o = this.activeStateMachine) == null ? void 0 : o.inputs.find((w) => w.id === E.inputId);
           if (D && typeof D.value == "object" && D.value.type === "Number" && (this.setInternalInput(E.inputId, 0), this.inputNameMap.has(D.name))) {
             const w = this.inputNameMap.get(D.name);
-            w == null || w.forEach((h) => this.setInternalInput(h, 0));
+            w == null || w.forEach((G) => this.setInternalInput(G, 0));
           }
         }));
       }
@@ -4911,18 +4918,18 @@ class WC {
     g.add(A);
     const C = (D = (E = this.activeStateMachine) == null ? void 0 : E.logicNodes) == null ? void 0 : D.find((w) => w.id === A);
     if (C) {
-      const w = (h, G) => {
-        const K = C.inputs.find((N) => N.id === h);
-        return K ? K.sourceId ? this.evaluateLogicTree(K.sourceId, K.sourceHandleId, g) : K.value !== void 0 ? K.value : G : G;
+      const w = (G, h) => {
+        const K = C.inputs.find((N) => N.id === G);
+        return K ? K.sourceId ? this.evaluateLogicTree(K.sourceId, K.sourceHandleId, g) : K.value !== void 0 ? K.value : h : h;
       };
       switch (C.op) {
-        case PA.AND:
+        case VA.AND:
           return w("a", !1) && w("b", !1);
-        case PA.OR:
+        case VA.OR:
           return w("a", !1) || w("b", !1);
-        case PA.NOT:
+        case VA.NOT:
           return !w("in", !1);
-        case PA.XOR:
+        case VA.XOR:
           return !!w("a", !1) != !!w("b", !1);
         default:
           return 0;
@@ -4930,12 +4937,12 @@ class WC {
     }
     let Q = this.inputs.get(A);
     if (this.justFiredTriggers.has(A) && (Q = !0), I && Q !== void 0) {
-      const w = (o = this.activeStateMachine) == null ? void 0 : o.inputs.find((h) => h.id === A);
+      const w = (o = this.activeStateMachine) == null ? void 0 : o.inputs.find((G) => G.id === A);
       if (w && w.value.type === "Number" && typeof Q == "number") {
-        const h = w.value.defaultValue ?? w.value.value;
-        if (I === "source-greater") return Q > h;
-        if (I === "source-less") return Q < h;
-        if (I === "source-equal") return Q === h;
+        const G = w.value.defaultValue ?? w.value.value;
+        if (I === "source-greater") return Q > G;
+        if (I === "source-less") return Q < G;
+        if (I === "source-equal") return Q === G;
       }
       if (I === "source-true") return Q === !0;
       if (I === "source-false") return Q === !1;
@@ -4958,57 +4965,62 @@ class WC {
       }) ? I.time %= I.duration : I.time = I.duration), I.animations.forEach((g) => {
         this.applyAnimation(g.animation, I.time);
       }));
-    })), this.solveConstraints(), this.activeTriggers.forEach((I, g) => {
-      var C, Q, E, D, o, w, h;
+    })), this.solveConstraints(A), this.activeTriggers.forEach((I, g) => {
+      var C, Q, E, D, o, w, G;
       if (I.phase === "entry")
-        I.time += A, I.time >= I.animation.duration && ((E = (Q = (C = this.artboard) == null ? void 0 : C.objects.find((G) => G.id === g)) == null ? void 0 : Q.triggers) == null || E.find((G) => G.id === I.triggerId), I.phase = "hold", I.elapsedHold = 0, I.time = I.animation.duration), this.applyAnimation(I.animation, I.time);
+        I.time += A, I.time >= I.animation.duration && ((E = (Q = (C = this.artboard) == null ? void 0 : C.objects.find((h) => h.id === g)) == null ? void 0 : Q.triggers) == null || E.find((h) => h.id === I.triggerId), I.phase = "hold", I.elapsedHold = 0, I.time = I.animation.duration), this.applyAnimation(I.animation, I.time);
       else if (I.phase === "hold") {
-        const G = (w = (o = (D = this.artboard) == null ? void 0 : D.objects.find((N) => N.id === g)) == null ? void 0 : o.triggers) == null ? void 0 : w.find((N) => N.id === I.triggerId), K = (G == null ? void 0 : G.duration) || 0;
+        const h = (w = (o = (D = this.artboard) == null ? void 0 : D.objects.find((N) => N.id === g)) == null ? void 0 : o.triggers) == null ? void 0 : w.find((N) => N.id === I.triggerId), K = (h == null ? void 0 : h.duration) || 0;
         if (I.elapsedHold += A * 1e3, I.elapsedHold >= K)
-          if (G != null && G.exitAnimationId) {
-            const N = (h = this.artboard) == null ? void 0 : h.animations.find((M) => M.id === G.exitAnimationId);
+          if (h != null && h.exitAnimationId) {
+            const N = (G = this.artboard) == null ? void 0 : G.animations.find((M) => M.id === h.exitAnimationId);
             N ? (I.phase = "exit", I.animation = N, I.time = 0) : this.activeTriggers.delete(g);
           } else
             this.activeTriggers.delete(g);
       } else I.phase === "exit" && (I.time += A, I.time >= I.animation.duration ? this.activeTriggers.delete(g) : this.applyAnimation(I.animation, I.time));
     }));
   }
-  solveConstraints() {
-    this.artboard && this.artboard.objects.forEach((A) => {
-      if (!A.constraints || A.constraints.length === 0) return;
-      const I = this.objectStates.get(A.id);
-      I && A.constraints.forEach((g) => {
-        var Q, E, D, o, w, h;
-        const C = g.strength ?? 1;
-        if (g.type === "Translation") {
-          const G = this.objectStates.get(g.targetId);
-          G && (g.copyX && (I.x = I.x + (G.x - I.x) * C), g.copyY && (I.y = I.y + (G.y - I.y) * C), (Q = g.limitX) != null && Q.enabled && (I.x = Math.max(g.limitX.min, Math.min(g.limitX.max, I.x))), (E = g.limitY) != null && E.enabled && (I.y = Math.max(g.limitY.min, Math.min(g.limitY.max, I.y))));
-        } else if (g.type === "FollowPointer") {
-          const G = ((D = this._lastPointerPos) == null ? void 0 : D.x) ?? I.x, K = ((o = this._lastPointerPos) == null ? void 0 : o.y) ?? I.y;
-          I.x = I.x + (G - I.x) * C, I.y = I.y + (K - I.y) * C, (w = g.limitX) != null && w.enabled && (I.x = Math.max(g.limitX.min, Math.min(g.limitX.max, I.x))), (h = g.limitY) != null && h.enabled && (I.y = Math.max(g.limitY.min, Math.min(g.limitY.max, I.y)));
-        } else if (g.type === "Distance") {
-          const G = this.objectStates.get(g.targetId);
-          if (G) {
-            const K = I.x - G.x, N = I.y - G.y, M = Math.sqrt(K * K + N * N), F = g.distance || 0;
-            let J = M;
-            switch (g.mode) {
+  solveConstraints(A) {
+    this.artboard && this.artboard.objects.forEach((I) => {
+      if (!I.constraints || I.constraints.length === 0) return;
+      const g = this.objectStates.get(I.id);
+      g && I.constraints.forEach((C) => {
+        var E, D, o, w, G, h;
+        const Q = C.strength ?? 1;
+        if (C.type === "Translation") {
+          const K = this.objectStates.get(C.targetId);
+          K && (C.copyX && (g.x = g.x + (K.x - g.x) * Q), C.copyY && (g.y = g.y + (K.y - g.y) * Q), (E = C.limitX) != null && E.enabled && (g.x = Math.max(C.limitX.min, Math.min(C.limitX.max, g.x))), (D = C.limitY) != null && D.enabled && (g.y = Math.max(C.limitY.min, Math.min(C.limitY.max, g.y))));
+        } else if (C.type === "FollowPointer") {
+          const K = ((o = this._lastPointerPos) == null ? void 0 : o.x) ?? g.x, N = ((w = this._lastPointerPos) == null ? void 0 : w.y) ?? g.y;
+          if (C.useSpring) {
+            const F = C.stiffness ?? 100, J = C.damping ?? 10, y = C.mass ?? 1, k = this.objectVelocities.get(I.id) || { vx: 0, vy: 0 }, U = -F * (g.x - K), R = -F * (g.y - N), c = -J * k.vx, e = -J * k.vy, L = (U + c) / y, H = (R + e) / y;
+            k.vx += L * A, k.vy += H * A, g.x += k.vx * A, g.y += k.vy * A, this.objectVelocities.set(I.id, k);
+          } else
+            g.x = g.x + (K - g.x) * Q, g.y = g.y + (N - g.y) * Q;
+          (G = C.limitX) != null && G.enabled && (g.x = Math.max(C.limitX.min, Math.min(C.limitX.max, g.x))), (h = C.limitY) != null && h.enabled && (g.y = Math.max(C.limitY.min, Math.min(C.limitY.max, g.y)));
+        } else if (C.type === "Distance") {
+          const K = this.objectStates.get(C.targetId);
+          if (K) {
+            const N = g.x - K.x, M = g.y - K.y, F = Math.sqrt(N * N + M * M), J = C.distance || 0;
+            let y = F;
+            switch (C.mode) {
               case "exact":
-                J = F;
+                y = J;
                 break;
               case "minimum":
-                J = Math.max(F, M);
+                y = Math.max(J, F);
                 break;
               case "maximum":
-                J = Math.min(F, M);
+                y = Math.min(J, F);
                 break;
               case "clamped":
-                J = Math.max(0, Math.min(F, M));
+                y = Math.max(0, Math.min(J, F));
                 break;
             }
-            if (M > 0) {
-              const k = J / M;
-              I.x = G.x + K * k, I.y = G.y + N * k;
-            } else M === 0 && J > 0 && (I.x = G.x + J);
+            if (F > 0) {
+              const k = y / F;
+              g.x = K.x + N * k, g.y = K.y + M * k;
+            } else F === 0 && y > 0 && (g.x = K.x + y);
           }
         }
       });
@@ -5030,17 +5042,17 @@ class WC {
     var o, w;
     if (!this.artboard) return;
     let C = null;
-    const Q = (h, G) => {
-      let K = G;
-      G === "click" ? K = "onClick" : G === "down" ? K = "onPointerDown" : G === "up" ? K = "onPointerUp" : G === "blur" && (K = "onPointerLeave");
+    const Q = (G, h) => {
+      let K = h;
+      h === "click" ? K = "onClick" : h === "down" ? K = "onPointerDown" : h === "up" ? K = "onPointerUp" : h === "blur" && (K = "onPointerLeave");
       const N = /* @__PURE__ */ new Set([K]);
-      return G === "move" && N.add("onPointerEnter").add("hover").add("onPointerLeave").add("blur"), K === "onClick" && N.add("click"), K === "onPointerDown" && N.add("pointerDown"), K === "onPointerUp" && N.add("pointerUp"), !!((h.interactions || []).some((J) => N.has(J.event)) || (h.triggers || []).some((J) => N.has(J.eventType)));
+      return h === "move" && N.add("onPointerEnter").add("hover").add("onPointerLeave").add("blur"), K === "onClick" && N.add("click"), K === "onPointerDown" && N.add("pointerDown"), K === "onPointerUp" && N.add("pointerUp"), !!((G.interactions || []).some((J) => N.has(J.event)) || (G.triggers || []).some((J) => N.has(J.eventType)));
     };
     let E = null;
-    for (let h = this.artboard.objects.length - 1; h >= 0; h--) {
-      const G = this.artboard.objects[h];
-      if (this.hitTest(G, I, g) && (E || (E = G), Q(G, A))) {
-        C = G;
+    for (let G = this.artboard.objects.length - 1; G >= 0; G--) {
+      const h = this.artboard.objects[G];
+      if (this.hitTest(h, I, g) && (E || (E = h), Q(h, A))) {
+        C = h;
         break;
       }
     }
@@ -5048,44 +5060,44 @@ class WC {
     const D = (C == null ? void 0 : C.id) || null;
     if (A === "move") {
       if (this.draggingSliderId) {
-        const h = this.artboard.objects.find((G) => G.id === this.draggingSliderId);
-        h && this.updateSliderValueFromPointer(h, I, g);
+        const G = this.artboard.objects.find((h) => h.id === this.draggingSliderId);
+        G && this.updateSliderValueFromPointer(G, I, g);
         return;
       }
       D !== this.lastHoveredObjectId && (console.log(`[Engine] HOVER CHANGE: ${this.lastHoveredObjectId} -> ${D}`), this.lastHoveredObjectId && this.fireEventForObject(this.lastHoveredObjectId, "onPointerLeave"), D && this.fireEventForObject(D, "onPointerEnter"), this.lastHoveredObjectId = D);
       return;
     }
     if ((A === "up" || A === "blur") && (this.draggingSliderId = null), C) {
-      let h = A;
-      if (A === "click" ? h = "onClick" : A === "down" ? h = "onPointerDown" : A === "up" ? h = "onPointerUp" : A === "blur" && (h = "onPointerLeave"), this.fireEventForObject(C.id, h), C.type === "Component" && C.variant === "toggle_button" && A === "down") {
-        const G = C.options || {};
-        G.checked = !G.checked, C.inputId && this.setInternalInput(C.inputId, G.checked), this.onComponentChange && this.onComponentChange({
+      let G = A;
+      if (A === "click" ? G = "onClick" : A === "down" ? G = "onPointerDown" : A === "up" ? G = "onPointerUp" : A === "blur" && (G = "onPointerLeave"), this.fireEventForObject(C.id, G), C.type === "Component" && C.variant === "toggle_button" && A === "down") {
+        const h = C.options || {};
+        h.checked = !h.checked, C.inputId && this.setInternalInput(C.inputId, h.checked), this.onComponentChange && this.onComponentChange({
           objectId: C.id,
           componentName: C.name,
           variant: "toggle_button",
           property: "checked",
-          value: G.checked
+          value: h.checked
         });
       }
       if (C.type === "Component" && C.variant === "toggle" && A === "down") {
-        const G = C.options || {};
-        G.checked = !G.checked, C.inputId && this.setInternalInput(C.inputId, G.checked), this.onComponentChange && this.onComponentChange({
+        const h = C.options || {};
+        h.checked = !h.checked, C.inputId && this.setInternalInput(C.inputId, h.checked), this.onComponentChange && this.onComponentChange({
           objectId: C.id,
           componentName: C.name,
           variant: "toggle",
           property: "checked",
-          value: G.checked
+          value: h.checked
         });
       }
       if (C.type === "Component" && C.variant === "dropdown" && A === "down") {
-        const G = C.options || {}, K = !G.isOpen;
-        if (G.isOpen) {
-          const N = ((o = C.geometry) == null ? void 0 : o.height) ?? C.height ?? 40, M = G.optionsList || [], F = G.itemHeight || 32, J = G.listPadding ?? 4, k = this.getWorldTransform(C.id), y = g - (k.y + N / 2 + 4);
-          if (y >= 0) {
-            const U = Math.floor((y - J) / F);
+        const h = C.options || {}, K = !h.isOpen;
+        if (h.isOpen) {
+          const N = ((o = C.geometry) == null ? void 0 : o.height) ?? C.height ?? 40, M = h.optionsList || [], F = h.itemHeight || 32, J = h.listPadding ?? 4, y = this.getWorldTransform(C.id), k = g - (y.y + N / 2 + 4);
+          if (k >= 0) {
+            const U = Math.floor((k - J) / F);
             if (U >= 0 && U < M.length) {
               const R = M[U];
-              G.selectedOption = R, G.isOpen = !1, this.activeDropdownId = null, C.inputId && this.setInternalInput(C.inputId, R), this.onComponentChange && this.onComponentChange({
+              h.selectedOption = R, h.isOpen = !1, this.activeDropdownId = null, C.inputId && this.setInternalInput(C.inputId, R), this.onComponentChange && this.onComponentChange({
                 objectId: C.id,
                 componentName: C.name,
                 variant: "dropdown",
@@ -5100,7 +5112,7 @@ class WC {
           const N = this.artboard.objects.find((M) => M.id === this.activeDropdownId);
           N && N.options && (N.options.isOpen = !1);
         }
-        G.isOpen = K, this.activeDropdownId = K ? C.id : null;
+        h.isOpen = K, this.activeDropdownId = K ? C.id : null;
       }
       if (C.type === "Component" && C.variant === "button" && A === "down" && this.onComponentChange && this.onComponentChange({
         objectId: C.id,
@@ -5109,8 +5121,8 @@ class WC {
         property: "click",
         value: !0
       }), A === "click") {
-        const G = (w = this.artboard) == null ? void 0 : w.objects.find((K) => K.id === C.id);
-        (G == null ? void 0 : G.type) === "Component" && G.variant === "inputbox" ? (this.focusedId = C.id, console.log(`[Engine] Focus set to: ${C.id}`)) : this.focusedId = null;
+        const h = (w = this.artboard) == null ? void 0 : w.objects.find((K) => K.id === C.id);
+        (h == null ? void 0 : h.type) === "Component" && h.variant === "inputbox" ? (this.focusedId = C.id, console.log(`[Engine] Focus set to: ${C.id}`)) : this.focusedId = null;
       }
     } else A === "click" && (this.focusedId = null);
   }
@@ -5160,7 +5172,7 @@ class WC {
     const o = (g.triggers || []).find((w) => C.has(w.eventType));
     if (o && o.entryAnimationId) {
       console.log(`[Engine] Trigger matched: ${I} (as ${o.eventType}) -> Animation ${o.entryAnimationId}`);
-      const w = this.artboard.animations.find((h) => h.id === o.entryAnimationId);
+      const w = this.artboard.animations.find((G) => G.id === o.entryAnimationId);
       w && (this.activeTriggers.set(g.id, {
         triggerId: o.id,
         animation: w,
@@ -5183,10 +5195,10 @@ class WC {
         scaleY: I.scale_y ?? 1,
         rotation: I.rotation ?? 0
       };
-    const C = this.getWorldTransform(g.parentId), Q = C.rotation * (Math.PI / 180), E = Math.cos(Q), D = Math.sin(Q), o = I.x * C.scaleX, w = I.y * C.scaleY, h = C.x + (o * E - w * D), G = C.y + (o * D + w * E);
+    const C = this.getWorldTransform(g.parentId), Q = C.rotation * (Math.PI / 180), E = Math.cos(Q), D = Math.sin(Q), o = I.x * C.scaleX, w = I.y * C.scaleY, G = C.x + (o * E - w * D), h = C.y + (o * D + w * E);
     return {
-      x: h,
-      y: G,
+      x: G,
+      y: h,
       scaleX: (I.scale_x ?? 1) * C.scaleX,
       scaleY: (I.scale_y ?? 1) * C.scaleY,
       rotation: C.rotation + (I.rotation ?? 0)
@@ -5195,18 +5207,18 @@ class WC {
   hitTest(A, I, g) {
     var U, R;
     if (!this.objectStates.get(A.id)) return !1;
-    const Q = ((U = A.geometry) == null ? void 0 : U.width) ?? A.width ?? 100, E = ((R = A.geometry) == null ? void 0 : R.height) ?? A.height ?? 100, D = this.getWorldTransform(A.id), o = I - D.x, w = g - D.y, h = -D.rotation * (Math.PI / 180), G = Math.cos(h), K = Math.sin(h), N = o * G - w * K, M = o * K + w * G, F = D.scaleX, J = D.scaleY, k = Q * Math.abs(F), y = E * Math.abs(J);
-    return Math.abs(N) <= k / 2 && Math.abs(M) <= y / 2;
+    const Q = ((U = A.geometry) == null ? void 0 : U.width) ?? A.width ?? 100, E = ((R = A.geometry) == null ? void 0 : R.height) ?? A.height ?? 100, D = this.getWorldTransform(A.id), o = I - D.x, w = g - D.y, G = -D.rotation * (Math.PI / 180), h = Math.cos(G), K = Math.sin(G), N = o * h - w * K, M = o * K + w * h, F = D.scaleX, J = D.scaleY, y = Q * Math.abs(F), k = E * Math.abs(J);
+    return Math.abs(N) <= y / 2 && Math.abs(M) <= k / 2;
   }
   updateSliderValueFromPointer(A, I, g) {
-    var L;
+    var e;
     if (!this.objectStates.get(A.id)) return;
-    const Q = A.options || {}, E = ((L = A.geometry) == null ? void 0 : L.width) ?? A.width ?? 200, D = this.getWorldTransform(A.id), o = I - D.x, w = g - D.y, h = -D.rotation * (Math.PI / 180), G = Math.cos(h), K = Math.sin(h), N = o * G - w * K, M = Q.thumbWidth ?? 16, F = E - M;
-    let k = (N + F / 2) / F;
-    k = Math.max(0, Math.min(1, k));
-    const y = Q.min ?? 0, U = Q.max ?? 100, R = Q.step || 1;
-    let c = y + k * (U - y);
-    R > 0 && (c = Math.round(c / R) * R), c = Math.max(y, Math.min(U, c)), Q.value !== c && (Q.value = c, A.inputId && this.setInternalInput(A.inputId, c), this.onComponentChange && this.onComponentChange({
+    const Q = A.options || {}, E = ((e = A.geometry) == null ? void 0 : e.width) ?? A.width ?? 200, D = this.getWorldTransform(A.id), o = I - D.x, w = g - D.y, G = -D.rotation * (Math.PI / 180), h = Math.cos(G), K = Math.sin(G), N = o * h - w * K, M = Q.thumbWidth ?? 16, F = E - M;
+    let y = (N + F / 2) / F;
+    y = Math.max(0, Math.min(1, y));
+    const k = Q.min ?? 0, U = Q.max ?? 100, R = Q.step || 1;
+    let c = k + y * (U - k);
+    R > 0 && (c = Math.round(c / R) * R), c = Math.max(k, Math.min(U, c)), Q.value !== c && (Q.value = c, A.inputId && this.setInternalInput(A.inputId, c), this.onComponentChange && this.onComponentChange({
       objectId: A.id,
       componentName: A.name,
       variant: "slider",
@@ -5216,35 +5228,35 @@ class WC {
   }
   applyAnimation(A, I) {
     A.tracks.forEach((g) => {
-      var o, w, h;
-      const C = (o = this.artboard) == null ? void 0 : o.objects.find((G) => G.id === g.object_id);
+      var o, w, G;
+      const C = (o = this.artboard) == null ? void 0 : o.objects.find((h) => h.id === g.object_id);
       if (((w = C == null ? void 0 : C.physics) == null ? void 0 : w.enabled) && C.physics.bodyType !== "Static" && (["x", "y", "rotation"].includes(g.property) || g.property.startsWith("transform.")))
         return;
       const E = this.objectStates.get(g.object_id);
       if (!E) return;
       const D = this.interpolate(g.keyframes, I);
       if (g.property.includes(".")) {
-        const G = (g.property || "").split(".");
+        const h = (g.property || "").split(".");
         let K = E;
-        for (let N = 0; N < G.length - 1; N++) {
-          if (!K[G[N]]) {
+        for (let N = 0; N < h.length - 1; N++) {
+          if (!K[h[N]]) {
             let M = C;
             for (let F = 0; F <= N; F++)
-              M = M ? M[G[F]] : null;
-            K[G[N]] = M ? JSON.parse(JSON.stringify(M)) : {};
+              M = M ? M[h[F]] : null;
+            K[h[N]] = M ? JSON.parse(JSON.stringify(M)) : {};
           }
-          K = K[G[N]];
+          K = K[h[N]];
         }
-        K[G[G.length - 1]] = D;
+        K[h[h.length - 1]] = D;
       } else
         E[g.property] = D;
-      if (this.physicsEngine && ((h = C == null ? void 0 : C.physics) != null && h.enabled) && C.physics.bodyType === "Static")
+      if (this.physicsEngine && ((G = C == null ? void 0 : C.physics) != null && G.enabled) && C.physics.bodyType === "Static")
         if (g.property === "x" || g.property === "transform.x") {
-          const G = this.physicsEngine.getPosition(g.object_id);
-          G && this.physicsEngine.setPosition(g.object_id, D, G.y);
+          const h = this.physicsEngine.getPosition(g.object_id);
+          h && this.physicsEngine.setPosition(g.object_id, D, h.y);
         } else if (g.property === "y" || g.property === "transform.y") {
-          const G = this.physicsEngine.getPosition(g.object_id);
-          G && this.physicsEngine.setPosition(g.object_id, G.x, D);
+          const h = this.physicsEngine.getPosition(g.object_id);
+          h && this.physicsEngine.setPosition(g.object_id, h.x, D);
         } else (g.property === "rotation" || g.property === "transform.rotation") && this.physicsEngine.setRotation(g.object_id, D * (Math.PI / 180));
     });
   }
@@ -5268,18 +5280,18 @@ class WC {
     return g.value + (C.value - g.value) * E;
   }
   interpolateColor(A, I, g) {
-    const C = (G) => {
-      const K = G.replace("#", "");
+    const C = (h) => {
+      const K = h.replace("#", "");
       return {
         r: parseInt(K.substring(0, 2), 16),
         g: parseInt(K.substring(2, 4), 16),
         b: parseInt(K.substring(4, 6), 16)
       };
-    }, Q = C(A), E = C(I), D = Math.round(Q.r + (E.r - Q.r) * g), o = Math.round(Q.g + (E.g - Q.g) * g), w = Math.round(Q.b + (E.b - Q.b) * g), h = (G) => {
-      const K = Math.max(0, Math.min(255, G)).toString(16);
+    }, Q = C(A), E = C(I), D = Math.round(Q.r + (E.r - Q.r) * g), o = Math.round(Q.g + (E.g - Q.g) * g), w = Math.round(Q.b + (E.b - Q.b) * g), G = (h) => {
+      const K = Math.max(0, Math.min(255, h)).toString(16);
       return K.length === 1 ? "0" + K : K;
     };
-    return `#${h(D)}${h(o)}${h(w)}`;
+    return `#${G(D)}${G(o)}${G(w)}`;
   }
   render(A, I, g) {
     if (!this.artboard)
@@ -5295,12 +5307,12 @@ class WC {
     );
     if (A.save(), A.translate(E.tx, E.ty), A.scale(E.scaleX, E.scaleY), A.translate(C / 2, Q / 2), A.fillStyle = this.artboard.backgroundColor || "#000000", A.fillRect(-C / 2, -Q / 2, C, Q), this.artboard.backgroundImage) {
       const w = this.artboard.backgroundImage;
-      let h = this.imageCache.get(w);
-      if (h || (h = new Image(), h.src = w, this.imageCache.set(w, h)), h.complete && h.naturalWidth > 0) {
+      let G = this.imageCache.get(w);
+      if (G || (G = new Image(), G.src = w, this.imageCache.set(w, G)), G.complete && G.naturalWidth > 0) {
         A.save(), A.globalAlpha = this.artboard.backgroundOpacity ?? 1;
-        const G = h.naturalWidth / h.naturalHeight, K = C / Q;
+        const h = G.naturalWidth / G.naturalHeight, K = C / Q;
         let N, M, F, J;
-        K > G ? (N = C, M = C / G) : (M = Q, N = Q * G), F = -N / 2, J = -M / 2, A.drawImage(h, F, J, N, M), A.restore();
+        K > h ? (N = C, M = C / h) : (M = Q, N = Q * h), F = -N / 2, J = -M / 2, A.drawImage(G, F, J, N, M), A.restore();
       }
     }
     A.beginPath(), A.rect(-C / 2, -Q / 2, C, Q), A.clip();
@@ -5309,11 +5321,11 @@ class WC {
     let o = 0;
     for (this.artboard.objects.forEach((w) => {
       if (!w.parentId) {
-        const h = this.objectStates.get(w.id), G = (h == null ? void 0 : h.geometry) || w.geometry;
-        if (G && G.isMask && (h == null ? void 0 : h.visible) !== !1) {
+        const G = this.objectStates.get(w.id), h = (G == null ? void 0 : G.geometry) || w.geometry;
+        if (h && h.isMask && (G == null ? void 0 : G.visible) !== !1) {
           A.save(), this.applyObjectTransform(A, w.id);
-          const K = G.width || 0, N = G.height || 0;
-          this.applyPath(A, G, K, N), A.clip(), o++;
+          const K = h.width || 0, N = h.height || 0;
+          this.applyPath(A, h, K, N), A.clip(), o++;
         } else
           this.renderObject(A, w, D);
       }
@@ -5323,13 +5335,13 @@ class WC {
   }
   calculateTransform(A, I, g, C, Q, E) {
     let D = 1, o = 1, w = 1;
-    const h = g / C, G = A / I;
+    const G = g / C, h = A / I;
     switch (Q) {
       case "Contain":
-        G > h ? w = I / C : w = A / g, D = o = w;
+        h > G ? w = I / C : w = A / g, D = o = w;
         break;
       case "Cover":
-        G > h ? w = A / g : w = I / C, D = o = w;
+        h > G ? w = A / g : w = I / C, D = o = w;
         break;
       case "Fill":
         D = A / g, o = I / C;
@@ -5365,54 +5377,54 @@ class WC {
       console.warn("No state for object:", I.id);
       return;
     }
-    A.roundRect || (A.roundRect = (k, y, U, R, c) => (this.drawRoundRect(A, k, y, U, R, c), A));
+    A.roundRect || (A.roundRect = (y, k, U, R, c) => (this.drawRoundRect(A, y, k, U, R, c), A));
     const Q = C.geometry ? { ...I.geometry, ...C.geometry } : I.geometry, E = C.style ? { ...I.style, ...C.style } : I.style;
     if (C.visible === !1)
       return;
-    const D = Q.width || 0, o = Q.height || 0, w = C.x, h = C.y;
+    const D = Q.width || 0, o = Q.height || 0, w = C.x, G = C.y;
     A.save();
-    const G = A.globalAlpha, K = C.opacity !== void 0 ? C.opacity : 1;
-    A.globalAlpha = G * K;
+    const h = A.globalAlpha, K = C.opacity !== void 0 ? C.opacity : 1;
+    A.globalAlpha = h * K;
     const N = C.compositeOperation || C.blendMode;
     if (N && N !== "Normal") {
-      const k = N.toLowerCase();
-      ["multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"].includes(k) && (A.globalCompositeOperation = k);
+      const y = N.toLowerCase();
+      ["multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"].includes(y) && (A.globalCompositeOperation = y);
     }
-    if (A.translate(w, h), A.rotate(C.rotation * Math.PI / 180), A.scale(C.scale_x, C.scale_y), Q.type === "Text") {
-      let k = Q.text || "";
+    if (A.translate(w, G), A.rotate(C.rotation * Math.PI / 180), A.scale(C.scale_x, C.scale_y), Q.type === "Text") {
+      let y = Q.text || "";
       if (Q.textInputId) {
         const t = this.inputs.get(Q.textInputId);
-        t !== void 0 && (k = String(t), C.geometry && C.geometry.type === "Text" && (C.geometry.text = k));
+        t !== void 0 && (y = String(t), C.geometry && C.geometry.type === "Text" && (C.geometry.text = y));
       }
-      let y = k || "";
-      Q.segments && Array.isArray(Q.segments) && (y = Q.segments.map((t) => t && t.text ? t.text : "").join(""));
+      let k = y || "";
+      Q.segments && Array.isArray(Q.segments) && (k = Q.segments.map((t) => t && t.text ? t.text : "").join(""));
       const U = Q.textCase || "none";
-      U === "uppercase" ? y = y.toUpperCase() : U === "lowercase" ? y = y.toLowerCase() : U === "capitalize" && (y = y.replace(/\b\w/g, (t) => t.toUpperCase()));
+      U === "uppercase" ? k = k.toUpperCase() : U === "lowercase" ? k = k.toLowerCase() : U === "capitalize" && (k = k.replace(/\b\w/g, (t) => t.toUpperCase()));
       let R = ((J = Q.fontWeight) == null ? void 0 : J.toString()) || "400", c = "normal";
       R.toLowerCase().includes("italic") && (c = "italic", R = R.replace(/italic/gi, "").trim() || "400");
-      const L = this.mapFontWeight(R), r = Math.max(1, Q.fontSize || 16);
-      A.font = `${c} ${L} ${r}px "${Q.fontFamily || "Inter"}", sans-serif`;
-      const p = Q.textVerticalAlign || "top";
+      const e = this.mapFontWeight(R), L = Math.max(1, Q.fontSize || 16);
+      A.font = `${c} ${e} ${L}px "${Q.fontFamily || "Inter"}", sans-serif`;
+      const H = Q.textVerticalAlign || "top";
       let q = -o / 2;
-      p === "middle" || p === "center" ? (A.textBaseline = "middle", q = 0) : p === "bottom" ? (A.textBaseline = "bottom", q = o / 2) : (A.textBaseline = "top", q = -o / 2);
+      H === "middle" || H === "center" ? (A.textBaseline = "middle", q = 0) : H === "bottom" ? (A.textBaseline = "bottom", q = o / 2) : (A.textBaseline = "top", q = -o / 2);
       const AA = Q.textAlign || "left";
       A.textAlign = AA;
       let GA = -D / 2;
       AA === "center" && (GA = 0), AA === "right" && (GA = D / 2);
-      const v = Q.letterSpacing || 0, W = Q.paragraphSpacing || 0, T = (Q.lineHeight || 1.2) * r, IA = (Q.width || D || 200) + 15, x = (t) => {
+      const v = Q.letterSpacing || 0, W = Q.paragraphSpacing || 0, T = (Q.lineHeight || 1.2) * L, IA = (Q.width || D || 200) + 15, x = (t) => {
         if (v === 0) return A.measureText(t).width;
         let n = 0;
         for (let l = 0; l < t.length; l++)
           n += A.measureText(t[l]).width + v;
         return n - v;
-      }, d = [], hA = String(y || "").split(`
+      }, d = [], hA = String(k || "").split(`
 `);
       hA.forEach((t, n) => {
         const l = String(t || "").split(" ");
         let Z = "";
-        for (let V = 0; V < l.length; V++) {
-          const BA = Z + l[V] + " ";
-          x(BA.trim()) > IA && V > 0 ? (d.push({ text: Z.trim(), isParaEnd: !1 }), Z = l[V] + " ") : Z = BA;
+        for (let z = 0; z < l.length; z++) {
+          const BA = Z + l[z] + " ";
+          x(BA.trim()) > IA && z > 0 ? (d.push({ text: Z.trim(), isParaEnd: !1 }), Z = l[z] + " ") : Z = BA;
         }
         d.push({ text: Z.trim(), isParaEnd: n < hA.length - 1 });
       });
@@ -5421,20 +5433,20 @@ class WC {
         const t = d.filter((n, l) => n.isParaEnd && l < d.length - 1).length;
         u += t * W;
       }
-      p === "middle" || p === "center" ? kA -= u / 2 - r / 2 : p === "bottom" && (kA -= u - r);
-      const m = (t, n, l, Z, V) => {
+      H === "middle" || H === "center" ? kA -= u / 2 - L / 2 : H === "bottom" && (kA -= u - L);
+      const m = (t, n, l, Z, z) => {
         var BA, RA;
         if (v === 0 && (Q.enableSegments !== !0 || !Q.segments || Q.segments.length === 0))
           Z ? A.strokeText(t, n, l) : A.fillText(t, n, l);
         else {
           const CA = x(t);
-          let z = n;
-          AA === "center" ? z -= CA / 2 : AA === "right" && (z -= CA);
-          let EA = z;
+          let _ = n;
+          AA === "center" ? _ -= CA / 2 : AA === "right" && (_ -= CA);
+          let EA = _;
           for (let iA = 0; iA < t.length; iA++) {
             const yA = t[iA];
             if (Q.enableSegments === !0 && Q.segments && Q.segments.length > 0) {
-              const tA = V + iA;
+              const tA = z + iA;
               let YA = 0;
               const QA = Q.segments.find((KA) => {
                 if (!KA || typeof KA.text != "string") return !1;
@@ -5447,12 +5459,12 @@ class WC {
                   Z ? A.strokeStyle = QA.fill.color || A.strokeStyle : A.fillStyle = KA || QA.fill.color || A.fillStyle;
                 }
                 if (QA.fontSize || QA.fontFamily || QA.fontWeight) {
-                  const KA = QA.fontWeight ? this.mapFontWeight(QA.fontWeight.toString()) : L, OA = QA.fontSize || r, sg = QA.fontFamily || Q.fontFamily || "Inter";
+                  const KA = QA.fontWeight ? this.mapFontWeight(QA.fontWeight.toString()) : e, OA = QA.fontSize || L, sg = QA.fontFamily || Q.fontFamily || "Inter";
                   A.font = `${c} ${KA} ${OA}px "${sg}", sans-serif`;
                 }
               }
             }
-            Z ? A.strokeText(yA, EA, l) : A.fillText(yA, EA, l), Q.enableSegments === !0 && Q.segments && Q.segments.length > 0 && (A.font = `${c} ${L} ${r}px "${Q.fontFamily || "Inter"}", sans-serif`), EA += A.measureText(yA).width + v;
+            Z ? A.strokeText(yA, EA, l) : A.fillText(yA, EA, l), Q.enableSegments === !0 && Q.segments && Q.segments.length > 0 && (A.font = `${c} ${e} ${L}px "${Q.fontFamily || "Inter"}", sans-serif`), EA += A.measureText(yA).width + v;
           }
         }
       };
@@ -5460,9 +5472,9 @@ class WC {
         const t = A.globalAlpha, n = this.createCanvasFill(A, E.fill, D, o);
         A.fillStyle = n || E.fill.color || "#000000", A.globalAlpha = t * (E.fill.opacity ?? 1);
         let l = 0, Z = kA;
-        d.forEach((V) => {
-          const BA = y.indexOf(V.text, l);
-          BA !== -1 && (m(V.text, GA, Z, !1, BA), l = BA + V.text.length, Z += T + (V.isParaEnd ? W : 0));
+        d.forEach((z) => {
+          const BA = k.indexOf(z.text, l);
+          BA !== -1 && (m(z.text, GA, Z, !1, BA), l = BA + z.text.length, Z += T + (z.isParaEnd ? W : 0));
         }), A.globalAlpha = t;
       }
       if (E.stroke && E.stroke.width > 0) {
@@ -5470,38 +5482,38 @@ class WC {
         A.strokeStyle = E.stroke.color, A.lineWidth = E.stroke.width, A.globalAlpha = t * (E.stroke.opacity ?? 1);
         let n = 0, l = kA;
         d.forEach((Z) => {
-          const V = y.indexOf(Z.text, n);
-          V !== -1 && (m(Z.text, GA, l, !0, V), n = V + Z.text.length, l += T + (Z.isParaEnd ? W : 0));
+          const z = k.indexOf(Z.text, n);
+          z !== -1 && (m(Z.text, GA, l, !0, z), n = z + Z.text.length, l += T + (Z.isParaEnd ? W : 0));
         }), A.globalAlpha = t;
       }
     } else if (Q.type === "Image") {
-      const k = Q.src;
-      if (k) {
-        let y = this.imageCache.get(k);
-        if (y || (y = new Image(), y.onload = () => {
-        }, y.onerror = () => {
-          console.error(`[ExodeUI] Image load failed: ${k.substring(0, 100)}${k.length > 100 ? "..." : ""}`);
-        }, y.src = k, this.imageCache.set(k, y)), y.complete && y.naturalWidth > 0) {
+      const y = Q.src;
+      if (y) {
+        let k = this.imageCache.get(y);
+        if (k || (k = new Image(), k.onload = () => {
+        }, k.onerror = () => {
+          console.error(`[ExodeUI] Image load failed: ${y.substring(0, 100)}${y.length > 100 ? "..." : ""}`);
+        }, k.src = y, this.imageCache.set(y, k)), k.complete && k.naturalWidth > 0) {
           const U = Q.corner_radius ?? Q.cornerRadius ?? 0;
-          U !== 0 ? (A.save(), this.applyPath(A, { type: "Rectangle", corner_radius: U }, D, o), A.clip(), A.drawImage(y, -D / 2, -o / 2, D, o), A.restore()) : A.drawImage(y, -D / 2, -o / 2, D, o);
+          U !== 0 ? (A.save(), this.applyPath(A, { type: "Rectangle", corner_radius: U }, D, o), A.clip(), A.drawImage(k, -D / 2, -o / 2, D, o), A.restore()) : A.drawImage(k, -D / 2, -o / 2, D, o);
         }
       }
     } else if (Q.type === "SVG") {
-      const k = Q.svgContent;
-      if (k) {
-        const y = E.palette || [], U = I.id + "_" + y.join("_");
+      const y = Q.svgContent;
+      if (y) {
+        const k = E.palette || [], U = I.id + "_" + k.join("_");
         let R = this.imageCache.get(U);
         if (!R) {
           R = new Image();
-          let c = k;
-          Q.colors && Q.colors.length > 0 && y.length > 0 && Q.colors.forEach((p, q) => {
-            if (y[q]) {
-              const AA = p.replace(/[-\/\\^$*+?.()|[\]{}]/g, "\\$&"), GA = new RegExp(AA, "gi");
-              c = c.replace(GA, y[q]);
+          let c = y;
+          Q.colors && Q.colors.length > 0 && k.length > 0 && Q.colors.forEach((H, q) => {
+            if (k[q]) {
+              const AA = H.replace(/[-\/\\^$*+?.()|[\]{}]/g, "\\$&"), GA = new RegExp(AA, "gi");
+              c = c.replace(GA, k[q]);
             }
           });
-          const L = new Blob([c], { type: "image/svg+xml" }), r = URL.createObjectURL(L);
-          R.src = r, this.imageCache.set(U, R);
+          const e = new Blob([c], { type: "image/svg+xml" }), L = URL.createObjectURL(e);
+          R.src = L, this.imageCache.set(U, R);
         }
         if (R.complete && R.naturalWidth > 0) {
           const c = Q.corner_radius ?? Q.cornerRadius ?? 0;
@@ -5513,54 +5525,54 @@ class WC {
     else if (I.type === "Shape") {
       if (this.applyPath(A, Q, D, o), A.save(), E.shadow && E.shadow.opacity > 0) {
         if (A.shadowColor = E.shadow.color, E.shadow.opacity < 1 && E.shadow.color.startsWith("#")) {
-          const k = parseInt(E.shadow.color.slice(1, 3), 16), y = parseInt(E.shadow.color.slice(3, 5), 16), U = parseInt(E.shadow.color.slice(5, 7), 16);
-          A.shadowColor = `rgba(${k}, ${y}, ${U}, ${E.shadow.opacity})`;
+          const y = parseInt(E.shadow.color.slice(1, 3), 16), k = parseInt(E.shadow.color.slice(3, 5), 16), U = parseInt(E.shadow.color.slice(5, 7), 16);
+          A.shadowColor = `rgba(${y}, ${k}, ${U}, ${E.shadow.opacity})`;
         }
         A.shadowBlur = E.shadow.blur, A.shadowOffsetX = E.shadow.offsetX, A.shadowOffsetY = E.shadow.offsetY;
       }
       if (E.blur && E.blur.amount > 0 && (A.filter = `blur(${E.blur.amount}px)`), E.fill) {
-        const k = A.globalAlpha, y = this.createCanvasFill(A, E.fill, D, o);
-        y ? A.fillStyle = y : A.fillStyle = E.fill.color || "transparent", A.globalAlpha = k * (E.fill.opacity ?? 1), A.fill(), A.globalAlpha = k;
+        const y = A.globalAlpha, k = this.createCanvasFill(A, E.fill, D, o);
+        k ? A.fillStyle = k : A.fillStyle = E.fill.color || "transparent", A.globalAlpha = y * (E.fill.opacity ?? 1), A.fill(), A.globalAlpha = y;
       }
       if (E.stroke && E.stroke.width > 0) {
-        const k = A.globalAlpha;
-        A.strokeStyle = E.stroke.color, A.lineWidth = E.stroke.width, A.globalAlpha = k * (E.stroke.opacity ?? 1), A.stroke(), A.globalAlpha = k;
+        const y = A.globalAlpha;
+        A.strokeStyle = E.stroke.color, A.lineWidth = E.stroke.width, A.globalAlpha = y * (E.stroke.opacity ?? 1), A.stroke(), A.globalAlpha = y;
       }
       A.restore();
     } else if (I.type === "Frame" || I.type === "Group" && !I.isStructuralGroup) {
-      const k = C.width !== void 0 ? C.width : I.width || D, y = C.height !== void 0 ? C.height : I.height || o, U = C.cornerRadius !== void 0 ? C.cornerRadius : I.cornerRadius ?? I.corner_radius ?? 0;
+      const y = C.width !== void 0 ? C.width : I.width || D, k = C.height !== void 0 ? C.height : I.height || o, U = C.cornerRadius !== void 0 ? C.cornerRadius : I.cornerRadius ?? I.corner_radius ?? 0;
       if (A.save(), E.shadow && E.shadow.opacity > 0) {
         if (A.shadowColor = E.shadow.color, E.shadow.opacity < 1 && E.shadow.color.startsWith("#")) {
-          const c = parseInt(E.shadow.color.slice(1, 3), 16), L = parseInt(E.shadow.color.slice(3, 5), 16), r = parseInt(E.shadow.color.slice(5, 7), 16);
-          A.shadowColor = `rgba(${c}, ${L}, ${r}, ${E.shadow.opacity})`;
+          const c = parseInt(E.shadow.color.slice(1, 3), 16), e = parseInt(E.shadow.color.slice(3, 5), 16), L = parseInt(E.shadow.color.slice(5, 7), 16);
+          A.shadowColor = `rgba(${c}, ${e}, ${L}, ${E.shadow.opacity})`;
         }
         A.shadowBlur = E.shadow.blur, A.shadowOffsetX = E.shadow.offsetX, A.shadowOffsetY = E.shadow.offsetY;
       }
-      if (A.beginPath(), A.roundRect(-k / 2, -y / 2, k, y, U), E.fill && E.fill.type !== "None") {
-        const c = A.globalAlpha, L = this.createCanvasFill(A, E.fill, k, y);
-        A.fillStyle = L || E.fill.color || "transparent", A.globalAlpha = c * (E.fill.opacity ?? 1), A.fill(), A.globalAlpha = c;
+      if (A.beginPath(), A.roundRect(-y / 2, -k / 2, y, k, U), E.fill && E.fill.type !== "None") {
+        const c = A.globalAlpha, e = this.createCanvasFill(A, E.fill, y, k);
+        A.fillStyle = e || E.fill.color || "transparent", A.globalAlpha = c * (E.fill.opacity ?? 1), A.fill(), A.globalAlpha = c;
       }
       if (E.stroke && E.stroke.width > 0 && E.stroke.isEnabled !== !1) {
         const c = A.globalAlpha;
         A.strokeStyle = E.stroke.color || "#000000", A.lineWidth = E.stroke.width, A.globalAlpha = c * (E.stroke.opacity ?? 1), A.stroke(), A.globalAlpha = c;
       }
-      A.restore(), (I.clipsContent !== !1 || I.clipContent === !0) && I.children && I.children.length > 0 && (A.save(), A.beginPath(), A.roundRect(-k / 2, -y / 2, k, y, U), A.clip());
+      A.restore(), (I.clipsContent !== !1 || I.clipContent === !0) && I.children && I.children.length > 0 && (A.save(), A.beginPath(), A.roundRect(-y / 2, -k / 2, y, k, U), A.clip());
     } else I.type === "Component" && I.variant === "inputbox" ? this.renderInputBox(A, I) : I.type === "Component" && I.variant === "button" ? this.renderButton(A, I) : I.type === "Component" && I.variant === "toggle_button" ? this.renderToggleButton(A, I) : I.type === "Component" && I.variant === "toggle" ? this.renderToggle(A, I) : I.type === "Component" && I.variant === "slider" ? this.renderSlider(A, I) : I.type === "Component" && I.variant === "dropdown" && this.renderDropdown(A, I);
     const M = (I.type === "Frame" || I.type === "Group" && !I.isStructuralGroup) && (I.clipsContent !== !1 || I.clipContent === !0) && I.children && I.children.length > 0;
     if (I.children && I.children.length > 0) {
-      let k = 0;
-      for (I.children.forEach((y) => {
-        const U = g.get(y);
+      let y = 0;
+      for (I.children.forEach((k) => {
+        const U = g.get(k);
         if (!U) return;
-        const R = this.objectStates.get(y), c = (R == null ? void 0 : R.geometry) || U.geometry;
+        const R = this.objectStates.get(k), c = (R == null ? void 0 : R.geometry) || U.geometry;
         if (c && c.isMask && (R == null ? void 0 : R.visible) !== !1) {
-          A.save(), this.applyObjectTransform(A, y);
-          const L = c.width || 0, r = c.height || 0;
-          this.applyPath(A, c, L, r), A.clip(), k++;
+          A.save(), this.applyObjectTransform(A, k);
+          const e = c.width || 0, L = c.height || 0;
+          this.applyPath(A, c, e, L), A.clip(), y++;
         } else
           this.renderObject(A, U, g);
-      }); k > 0; )
-        A.restore(), k--;
+      }); y > 0; )
+        A.restore(), y--;
     }
     const F = I.clipsContent !== !1 || I.clipContent === !0;
     (M || F) && M && A.restore(), A.restore();
@@ -5580,8 +5592,8 @@ class WC {
     else if (I.type === "Star") {
       const Q = I.inner_radius || 20, E = I.outer_radius || 50, D = I.points || 5;
       for (let o = 0; o < D * 2; o++) {
-        const w = o * Math.PI / D - Math.PI / 2, h = o % 2 === 0 ? E : Q, G = h * Math.cos(w), K = h * Math.sin(w);
-        o === 0 ? A.moveTo(G, K) : A.lineTo(G, K);
+        const w = o * Math.PI / D - Math.PI / 2, G = o % 2 === 0 ? E : Q, h = G * Math.cos(w), K = G * Math.sin(w);
+        o === 0 ? A.moveTo(h, K) : A.lineTo(h, K);
       }
       A.closePath();
     } else I.type === "Path" && I.points && (I.points.forEach((Q, E) => {
@@ -5589,14 +5601,14 @@ class WC {
     }), I.is_closed && A.closePath());
   }
   renderInputBox(A, I) {
-    var Z, V, BA, RA;
-    const g = ((V = (Z = I.objectStates) == null ? void 0 : Z.get(I.id)) == null ? void 0 : V.options) || I.options || {}, C = ((BA = I.geometry) == null ? void 0 : BA.width) || 250, Q = ((RA = I.geometry) == null ? void 0 : RA.height) || 45, E = this.focusedId === I.id, D = this.lastHoveredObjectId === I.id, o = g.previewState || "default", w = o !== "default" ? o : E ? "focused" : D ? "hovered" : "default", h = g.label || { visible: !0, text: "Label" }, G = g.helperText || { visible: !1, text: "Helper text" }, K = g.leftIcon || { visible: !1 }, N = g.rightIcon || { visible: !1 }, M = g.multiline === !0, F = g.cornerRadius ?? 8, J = g.corners || { tl: F, tr: F, bl: F, br: F }, k = [J.tl, J.tr, J.br, J.bl];
-    let y = g.backgroundColor || "rgba(31, 41, 55, 1)", U = g.borderColor || "rgba(55, 65, 81, 1)", R = g.borderWidth ?? 1.5, c = g.color || "#ffffff", L = g.placeholderColor || "rgba(156, 163, 175, 1)", r = g.fontSize || 14;
-    const p = `${w}Style`, q = g[p];
-    q ? (q.backgroundColor !== void 0 && (y = q.backgroundColor), q.borderColor !== void 0 && (U = q.borderColor), q.borderWidth !== void 0 && (R = q.borderWidth), q.color !== void 0 && (c = q.color), q.placeholderColor !== void 0 && (L = q.placeholderColor), q.fontSize !== void 0 && (r = q.fontSize)) : w === "focused" ? (U = g.focusBorderColor || "rgba(59, 130, 246, 1)", R = Math.max(R, 2)) : w === "hovered" || w === "hover" ? (U = g.hoverBorderColor || U, y = g.hoverBackgroundColor || y) : w === "disabled" ? (y = g.disabledBackgroundColor || "rgba(31, 41, 55, 0.6)", U = g.disabledBorderColor || "rgba(55, 65, 81, 0.4)") : w === "error" && (U = "rgba(239, 68, 68, 1)", R = Math.max(R, 2)), A.beginPath(), A.roundRect(-C / 2, -Q / 2, C, Q, k), A.fillStyle = y, A.fill(), R > 0 && (A.strokeStyle = U, A.lineWidth = R, A.stroke(), (w === "focused" || w === "focus") && (A.save(), A.beginPath(), A.roundRect(-C / 2 - 2, -Q / 2 - 2, C + 4, Q + 4, k.map((CA) => CA + 2)), A.strokeStyle = "rgba(59, 130, 246, 0.3)", A.lineWidth = 2, A.stroke(), A.restore()));
-    const AA = (CA, z) => {
+    var Z, z, BA, RA;
+    const g = ((z = (Z = I.objectStates) == null ? void 0 : Z.get(I.id)) == null ? void 0 : z.options) || I.options || {}, C = ((BA = I.geometry) == null ? void 0 : BA.width) || 250, Q = ((RA = I.geometry) == null ? void 0 : RA.height) || 45, E = this.focusedId === I.id, D = this.lastHoveredObjectId === I.id, o = g.previewState || "default", w = o !== "default" ? o : E ? "focused" : D ? "hovered" : "default", G = g.label || { visible: !0, text: "Label" }, h = g.helperText || { visible: !1, text: "Helper text" }, K = g.leftIcon || { visible: !1 }, N = g.rightIcon || { visible: !1 }, M = g.multiline === !0, F = g.cornerRadius ?? 8, J = g.corners || { tl: F, tr: F, bl: F, br: F }, y = [J.tl, J.tr, J.br, J.bl];
+    let k = g.backgroundColor || "rgba(31, 41, 55, 1)", U = g.borderColor || "rgba(55, 65, 81, 1)", R = g.borderWidth ?? 1.5, c = g.color || "#ffffff", e = g.placeholderColor || "rgba(156, 163, 175, 1)", L = g.fontSize || 14;
+    const H = `${w}Style`, q = g[H];
+    q ? (q.backgroundColor !== void 0 && (k = q.backgroundColor), q.borderColor !== void 0 && (U = q.borderColor), q.borderWidth !== void 0 && (R = q.borderWidth), q.color !== void 0 && (c = q.color), q.placeholderColor !== void 0 && (e = q.placeholderColor), q.fontSize !== void 0 && (L = q.fontSize)) : w === "focused" ? (U = g.focusBorderColor || "rgba(59, 130, 246, 1)", R = Math.max(R, 2)) : w === "hovered" || w === "hover" ? (U = g.hoverBorderColor || U, k = g.hoverBackgroundColor || k) : w === "disabled" ? (k = g.disabledBackgroundColor || "rgba(31, 41, 55, 0.6)", U = g.disabledBorderColor || "rgba(55, 65, 81, 0.4)") : w === "error" && (U = "rgba(239, 68, 68, 1)", R = Math.max(R, 2)), A.beginPath(), A.roundRect(-C / 2, -Q / 2, C, Q, y), A.fillStyle = k, A.fill(), R > 0 && (A.strokeStyle = U, A.lineWidth = R, A.stroke(), (w === "focused" || w === "focus") && (A.save(), A.beginPath(), A.roundRect(-C / 2 - 2, -Q / 2 - 2, C + 4, Q + 4, y.map((CA) => CA + 2)), A.strokeStyle = "rgba(59, 130, 246, 0.3)", A.lineWidth = 2, A.stroke(), A.restore()));
+    const AA = (CA, _) => {
       if (!CA.visible || !CA.svgPath) return;
-      const EA = CA.size || 14, iA = CA.offset ?? 16, yA = CA.color || "#ffffff", tA = z ? -(C / 2) + iA : C / 2 - iA, YA = CA.svgPath;
+      const EA = CA.size || 14, iA = CA.offset ?? 16, yA = CA.color || "#ffffff", tA = _ ? -(C / 2) + iA : C / 2 - iA, YA = CA.svgPath;
       if (A.save(), A.translate(tA, 0), !YA.startsWith("<svg")) {
         const QA = new Path2D(YA), KA = EA / 24;
         A.scale(KA, KA), A.translate(-12, -12), A.fillStyle = yA, A.fill(QA);
@@ -5604,13 +5616,13 @@ class WC {
       A.restore();
     };
     AA(K, !0), AA(N, !1);
-    const GA = g.text || "", v = g.placeholder || "Enter text...", W = !GA, T = GA || v, IA = W ? L : c, x = r, d = g.fontFamily || "Inter", hA = g.fontWeight || 400;
+    const GA = g.text || "", v = g.placeholder || "Enter text...", W = !GA, T = GA || v, IA = W ? e : c, x = L, d = g.fontFamily || "Inter", hA = g.fontWeight || 400;
     A.font = `${hA} ${x}px "${d}", sans-serif`, A.fillStyle = IA, A.textAlign = "left", A.textBaseline = M ? "top" : "middle";
     const kA = g.inputPadding ?? 16, u = K.visible ? (K.offset ?? 16) + (K.size || 14) / 2 + 8 : kA, m = N.visible ? (N.offset ?? 16) + (N.size || 14) / 2 + 8 : kA, t = -(C / 2) + u, n = C - u - m, l = g.inputType === "password" ? "•".repeat(T.length) : T;
     if (A.save(), A.beginPath(), A.rect(t - 2, -Q / 2 + 4, n + 4, Q - 8), A.clip(), M) {
       const CA = l.split(`
 `);
-      let z = -Q / 2 + kA;
+      let _ = -Q / 2 + kA;
       const EA = x * 1.2;
       let iA = 0;
       CA.forEach((yA, tA) => {
@@ -5618,36 +5630,36 @@ class WC {
         let QA = "";
         for (let KA = 0; KA < YA.length; KA++) {
           const OA = QA + YA[KA] + " ";
-          A.measureText(OA).width > n && KA > 0 ? (A.fillText(QA, t, z), QA = YA[KA] + " ", z += EA) : QA = OA;
+          A.measureText(OA).width > n && KA > 0 ? (A.fillText(QA, t, _), QA = YA[KA] + " ", _ += EA) : QA = OA;
         }
-        A.fillText(QA, t, z), iA = A.measureText(QA).width, tA < CA.length - 1 && (z += EA, iA = 0);
-      }), E && !W && Math.floor(performance.now() / 500) % 2 === 0 && A.fillRect(t + iA, z, 1.5, x);
+        A.fillText(QA, t, _), iA = A.measureText(QA).width, tA < CA.length - 1 && (_ += EA, iA = 0);
+      }), E && !W && Math.floor(performance.now() / 500) % 2 === 0 && A.fillRect(t + iA, _, 1.5, x);
     } else {
-      const z = A.measureText(l).width;
+      const _ = A.measureText(l).width;
       let EA = 0;
-      if (z > n && (EA = z - n), A.fillText(l, t - EA, 0), E && !W && Math.floor(performance.now() / 500) % 2 === 0) {
-        const yA = t + z - EA;
+      if (_ > n && (EA = _ - n), A.fillText(l, t - EA, 0), E && !W && Math.floor(performance.now() / 500) % 2 === 0) {
+        const yA = t + _ - EA;
         A.fillRect(yA, -(x / 2), 1.5, x);
       }
     }
-    if (A.restore(), h.visible !== !1) {
-      const CA = h.text || "Label", z = h.fontSize || 12, EA = h.color || "rgba(156, 163, 175, 1)", iA = h.offset ?? 8;
-      A.font = `600 ${z}px "${d}", sans-serif`, A.fillStyle = EA, A.textAlign = "left", A.textBaseline = "bottom";
+    if (A.restore(), G.visible !== !1) {
+      const CA = G.text || "Label", _ = G.fontSize || 12, EA = G.color || "rgba(156, 163, 175, 1)", iA = G.offset ?? 8;
+      A.font = `600 ${_}px "${d}", sans-serif`, A.fillStyle = EA, A.textAlign = "left", A.textBaseline = "bottom";
       const yA = -(C / 2), tA = -(Q / 2) - iA;
       A.fillText(CA, yA, tA);
     }
-    if (G.visible === !0) {
-      const CA = G.text || "Helper text", z = G.fontSize || 11, EA = w === "error" ? "rgba(239, 68, 68, 1)" : G.color || "rgba(156, 163, 175, 1)", iA = G.offset ?? 6;
-      A.font = `400 ${z}px "${d}", sans-serif`, A.fillStyle = EA, A.textAlign = "left", A.textBaseline = "top";
+    if (h.visible === !0) {
+      const CA = h.text || "Helper text", _ = h.fontSize || 11, EA = w === "error" ? "rgba(239, 68, 68, 1)" : h.color || "rgba(156, 163, 175, 1)", iA = h.offset ?? 6;
+      A.font = `400 ${_}px "${d}", sans-serif`, A.fillStyle = EA, A.textAlign = "left", A.textBaseline = "top";
       const yA = -(C / 2), tA = Q / 2 + iA;
       A.fillText(CA, yA, tA);
     }
   }
   renderSlider(A, I) {
-    const { geometry: g, options: C } = I, Q = g.width || 200, E = C || {}, D = E.value ?? 50, o = E.min ?? 0, h = (E.max ?? 100) - o, G = h === 0 ? 0 : (D - o) / h, K = E.trackHeight || 4, N = E.trackRoundedness ?? 2, M = E.trackShape ?? "Rectangle", F = E.trackPath || "", J = E.activeColor || "#3b82f6", k = E.inactiveColor || "#374151", y = E.thumbShape || "Ellipse", U = E.thumbWidth ?? 16, R = E.thumbHeight ?? 16, c = E.thumbRoundedness ?? 0, L = E.thumbColor || "#ffffff", r = E.thumbPath || "", p = E.thumbIcon || "", q = E.showValueTooltip ?? !1, AA = E.tooltipBgColor || "#333333", GA = E.tooltipColor || "#ffffff", v = E.tooltipOffsetX ?? 0, W = E.tooltipOffsetY ?? -25, T = (u, m, t, n, l, Z, V) => {
-      if ((u === "Custom" || u === "Icon") && V)
+    const { geometry: g, options: C } = I, Q = g.width || 200, E = C || {}, D = E.value ?? 50, o = E.min ?? 0, G = (E.max ?? 100) - o, h = G === 0 ? 0 : (D - o) / G, K = E.trackHeight || 4, N = E.trackRoundedness ?? 2, M = E.trackShape ?? "Rectangle", F = E.trackPath || "", J = E.activeColor || "#3b82f6", y = E.inactiveColor || "#374151", k = E.thumbShape || "Ellipse", U = E.thumbWidth ?? 16, R = E.thumbHeight ?? 16, c = E.thumbRoundedness ?? 0, e = E.thumbColor || "#ffffff", L = E.thumbPath || "", H = E.thumbIcon || "", q = E.showValueTooltip ?? !1, AA = E.tooltipBgColor || "#333333", GA = E.tooltipColor || "#ffffff", v = E.tooltipOffsetX ?? 0, W = E.tooltipOffsetY ?? -25, T = (u, m, t, n, l, Z, z) => {
+      if ((u === "Custom" || u === "Icon") && z)
         try {
-          const BA = new Path2D(V);
+          const BA = new Path2D(z);
           if (A.save(), A.translate(m, t), u === "Icon") {
             const RA = Math.min(n, l) / 24;
             A.scale(RA, RA), A.translate(-12, -12);
@@ -5667,17 +5679,17 @@ class WC {
         A.moveTo(m, t - l / 2), A.lineTo(m + n / 2, t), A.lineTo(m, t + l / 2), A.lineTo(m - n / 2, t), A.closePath();
       else if (u === "Star") {
         const RA = Math.min(n, l) / 2, CA = RA / 2;
-        for (let z = 0; z < 5 * 2; z++) {
-          const EA = z % 2 === 0 ? RA : CA, iA = z * Math.PI / 5 - Math.PI / 2;
+        for (let _ = 0; _ < 5 * 2; _++) {
+          const EA = _ % 2 === 0 ? RA : CA, iA = _ * Math.PI / 5 - Math.PI / 2;
           A.lineTo(m + EA * Math.cos(iA), t + EA * Math.sin(iA));
         }
         A.closePath();
       } else u === "Line" && (A.moveTo(m - n / 2, t), A.lineTo(m + n / 2, t));
       A.fill();
     };
-    A.fillStyle = k, M === "Line" ? (A.strokeStyle = k, A.lineWidth = K, A.beginPath(), A.moveTo(-Q / 2, 0), A.lineTo(Q / 2, 0), A.stroke()) : T(M, 0, 0, Q, K, N, F);
-    const IA = Q * G, x = -Q / 2 + IA;
-    if (IA > 0 && (A.fillStyle = J, M === "Line" ? (A.strokeStyle = J, A.lineWidth = K, A.beginPath(), A.moveTo(-Q / 2, 0), A.lineTo(x, 0), A.stroke()) : M === "Rectangle" && (A.beginPath(), A.roundRect(-Q / 2, -K / 2, IA, K, N), A.fill())), A.save(), A.translate(x, 0), A.shadowColor = "rgba(0,0,0,0.2)", A.shadowBlur = 4, A.shadowOffsetY = 1, A.fillStyle = L, T(y, 0, 0, U, R, c, y === "Icon" ? p : r), A.restore(), q) {
+    A.fillStyle = y, M === "Line" ? (A.strokeStyle = y, A.lineWidth = K, A.beginPath(), A.moveTo(-Q / 2, 0), A.lineTo(Q / 2, 0), A.stroke()) : T(M, 0, 0, Q, K, N, F);
+    const IA = Q * h, x = -Q / 2 + IA;
+    if (IA > 0 && (A.fillStyle = J, M === "Line" ? (A.strokeStyle = J, A.lineWidth = K, A.beginPath(), A.moveTo(-Q / 2, 0), A.lineTo(x, 0), A.stroke()) : M === "Rectangle" && (A.beginPath(), A.roundRect(-Q / 2, -K / 2, IA, K, N), A.fill())), A.save(), A.translate(x, 0), A.shadowColor = "rgba(0,0,0,0.2)", A.shadowBlur = 4, A.shadowOffsetY = 1, A.fillStyle = e, T(k, 0, 0, U, R, c, k === "Icon" ? H : L), A.restore(), q) {
       A.save(), A.translate(x + v, W);
       const u = Math.round(D).toString();
       A.font = "10px Inter, sans-serif";
@@ -5700,24 +5712,24 @@ class WC {
   }
   renderDropdown(A, I) {
     if (!this.objectStates.get(I.id)) return;
-    const C = I.options || {}, Q = I.geometry.width || 160, E = I.geometry.height || 40, D = -Q / 2, o = -E / 2, w = C.cornerRadius ?? 6, h = C.isOpen || !1, G = C.disabled || !1, K = this.lastHoveredObjectId === I.id;
+    const C = I.options || {}, Q = I.geometry.width || 160, E = I.geometry.height || 40, D = -Q / 2, o = -E / 2, w = C.cornerRadius ?? 6, G = C.isOpen || !1, h = C.disabled || !1, K = this.lastHoveredObjectId === I.id;
     let N = C.backgroundColor || "#ffffff", M = C.borderColor || "#e5e7eb", F = C.color || "#333333";
-    G ? (N = C.disabledBackgroundColor || "#f3f4f6", M = C.disabledBorderColor || "#e5e7eb", F = C.disabledColor || "#9ca3af") : h ? (N = C.activeBackgroundColor || N, M = C.activeBorderColor || M, F = C.activeColor || F) : K && (N = C.hoverBackgroundColor || N, M = C.hoverBorderColor || M, F = C.hoverColor || F), A.beginPath();
+    h ? (N = C.disabledBackgroundColor || "#f3f4f6", M = C.disabledBorderColor || "#e5e7eb", F = C.disabledColor || "#9ca3af") : G ? (N = C.activeBackgroundColor || N, M = C.activeBorderColor || M, F = C.activeColor || F) : K && (N = C.hoverBackgroundColor || N, M = C.hoverBorderColor || M, F = C.hoverColor || F), A.beginPath();
     const J = (v, W, T, IA, x, d) => {
       IA < 0 && (IA = 0), x < 0 && (x = 0), d = Math.min(d, Math.min(IA, x) / 2), v.moveTo(W + d, T), v.lineTo(W + IA - d, T), v.arcTo(W + IA, T, W + IA, T + d, d), v.lineTo(W + IA, T + x - d), v.arcTo(W + IA, T + x, W + IA - d, T + x, d), v.lineTo(W + d, T + x), v.arcTo(W, T + x, W, T + x - d, d), v.lineTo(W, T + d), v.arcTo(W, T, W + d, T, d), v.closePath();
     };
     J(A, D, o, Q, E, w), A.fillStyle = N, A.fill();
-    const k = C.borderWidth ?? 1;
-    k > 0 && (A.strokeStyle = M, A.lineWidth = k, A.stroke());
-    const y = 12, U = C.chevronType || "chevron", R = C.chevronSize || 16, c = (h ? C.openIconColor : C.closedIconColor) || C.chevronColor || "#6b7280";
+    const y = C.borderWidth ?? 1;
+    y > 0 && (A.strokeStyle = M, A.lineWidth = y, A.stroke());
+    const k = 12, U = C.chevronType || "chevron", R = C.chevronSize || 16, c = (G ? C.openIconColor : C.closedIconColor) || C.chevronColor || "#6b7280";
     if (U !== "none") {
-      const v = D + Q - y - R / 2;
+      const v = D + Q - k - R / 2;
       A.save(), A.translate(v, 0);
-      const W = h ? C.openIconAngle ?? 180 : C.closedIconAngle ?? 0;
+      const W = G ? C.openIconAngle ?? 180 : C.closedIconAngle ?? 0;
       if (A.rotate(W * Math.PI / 180), A.strokeStyle = c, A.fillStyle = c, A.lineWidth = 1.5, A.lineCap = "round", A.lineJoin = "round", U === "chevron")
         A.beginPath(), A.moveTo(-R / 2, -R * 0.2), A.lineTo(0, R * 0.2), A.lineTo(R / 2, -R * 0.2), A.stroke();
       else if (U === "custom" || U === "path") {
-        const T = h && C.openIconPath || C.closedIconPath;
+        const T = G && C.openIconPath || C.closedIconPath;
         if (T) {
           const IA = new Path2D(T);
           A.save();
@@ -5727,63 +5739,63 @@ class WC {
       }
       A.restore();
     }
-    const L = C.selectedOption || C.placeholder || "Select...", r = C.fontSize || 14, p = C.fontWeight || 400, q = C.fontFamily || "Inter, sans-serif";
-    A.font = `${p} ${r}px ${q}`, A.fillStyle = !C.selectedOption && C.placeholder ? "#9ca3af" : F, G && (A.fillStyle = C.disabledColor || "#9ca3af"), A.textAlign = "left", A.textBaseline = "middle";
-    const AA = U === "none" ? 0 : R + 8, GA = Q - y * 2 - AA;
-    if (A.save(), A.beginPath(), A.rect(D + y, o, GA, E), A.clip(), A.fillText(L, D + y, 0), A.restore(), h && !G) {
+    const e = C.selectedOption || C.placeholder || "Select...", L = C.fontSize || 14, H = C.fontWeight || 400, q = C.fontFamily || "Inter, sans-serif";
+    A.font = `${H} ${L}px ${q}`, A.fillStyle = !C.selectedOption && C.placeholder ? "#9ca3af" : F, h && (A.fillStyle = C.disabledColor || "#9ca3af"), A.textAlign = "left", A.textBaseline = "middle";
+    const AA = U === "none" ? 0 : R + 8, GA = Q - k * 2 - AA;
+    if (A.save(), A.beginPath(), A.rect(D + k, o, GA, E), A.clip(), A.fillText(e, D + k, 0), A.restore(), G && !h) {
       const v = o + E + 4, W = C.optionsList || [], T = C.itemHeight || 32, IA = C.listPadding ?? 4, x = W.length * T + IA * 2, d = C.listCornerRadius ?? w;
       A.save(), A.shadowColor = "rgba(0,0,0,0.15)", A.shadowBlur = 12, A.shadowOffsetY = 6, A.beginPath(), J(A, D, v, Q, x, d), A.fillStyle = C.listBackgroundColor || "#ffffff", A.fill();
       const hA = C.listBorderWidth ?? 1;
       hA > 0 && (A.shadowColor = "transparent", A.strokeStyle = C.listBorderColor || M, A.lineWidth = hA, A.stroke()), A.restore();
-      const kA = C.itemFontSize || r, u = C.itemFontFamily || q;
-      A.font = `${p} ${kA}px ${u}`, W.forEach((m, t) => {
+      const kA = C.itemFontSize || L, u = C.itemFontFamily || q;
+      A.font = `${H} ${kA}px ${u}`, W.forEach((m, t) => {
         const n = v + IA + t * T;
         if (m === C.selectedOption)
           A.fillStyle = C.itemSelectedBackgroundColor || C.listHoverColor || "#f3f4f6", A.fillRect(D + hA, n, Q - hA * 2, T), A.fillStyle = C.itemSelectedColor || C.activeColor || F || "#374151";
         else if (A.fillStyle = C.listTextColor || F || "#333333", this.activeDropdownId === I.id && this._lastPointerPos) {
           const Z = this.objectStates.get(I.id);
           if (Z) {
-            const V = this._lastPointerPos.y - (Z.y + E / 2 + 4 + IA), BA = Math.floor(V / T);
+            const z = this._lastPointerPos.y - (Z.y + E / 2 + 4 + IA), BA = Math.floor(z / T);
             t === BA && (A.fillStyle = C.itemHoverBackgroundColor || C.listHoverColor || "#f9fafb", A.fillRect(D + hA, n, Q - hA * 2, T), A.fillStyle = C.itemHoverColor || F);
           }
         }
-        A.fillText(m, D + y, n + T / 2);
+        A.fillText(m, D + k, n + T / 2);
       });
     }
   }
   renderButton(A, I) {
-    var y, U, R, c;
-    const g = I.options || {}, C = ((y = I.geometry) == null ? void 0 : y.width) || 120, Q = ((U = I.geometry) == null ? void 0 : U.height) || 40, E = -C / 2, D = -Q / 2, o = this.lastHoveredObjectId === I.id, w = g.cornerRadius ?? 8, h = g.bgShape || "Rectangle", G = o ? ((R = g.hoverStyle) == null ? void 0 : R.backgroundColor) || g.buttonBgColor || "#3b82f6" : g.buttonBgColor || "#3b82f6", K = g.label || {}, N = o ? ((c = g.hoverStyle) == null ? void 0 : c.textColor) || K.color || "#ffffff" : K.color || "#ffffff", M = g.icon || { enabled: !1 };
-    A.save(), A.beginPath(), h === "Rectangle" ? A.roundRect(E, D, C, Q, w) : h === "Ellipse" || h === "Circle" ? A.ellipse(0, 0, C / 2, Q / 2, 0, 0, Math.PI * 2) : h === "Pill" && A.roundRect(E, D, C, Q, Q / 2), A.fillStyle = G, A.fill();
+    var k, U, R, c;
+    const g = I.options || {}, C = ((k = I.geometry) == null ? void 0 : k.width) || 120, Q = ((U = I.geometry) == null ? void 0 : U.height) || 40, E = -C / 2, D = -Q / 2, o = this.lastHoveredObjectId === I.id, w = g.cornerRadius ?? 8, G = g.bgShape || "Rectangle", h = o ? ((R = g.hoverStyle) == null ? void 0 : R.backgroundColor) || g.buttonBgColor || "#3b82f6" : g.buttonBgColor || "#3b82f6", K = g.label || {}, N = o ? ((c = g.hoverStyle) == null ? void 0 : c.textColor) || K.color || "#ffffff" : K.color || "#ffffff", M = g.icon || { enabled: !1 };
+    A.save(), A.beginPath(), G === "Rectangle" ? A.roundRect(E, D, C, Q, w) : G === "Ellipse" || G === "Circle" ? A.ellipse(0, 0, C / 2, Q / 2, 0, 0, Math.PI * 2) : G === "Pill" && A.roundRect(E, D, C, Q, Q / 2), A.fillStyle = h, A.fill();
     const F = K.fontSize || 14, J = K.fontFamily || "Inter";
     A.font = `${K.fontWeight || 400} ${F}px "${J}", sans-serif`, A.fillStyle = N, A.textAlign = "center", A.textBaseline = "middle";
-    let k = 0;
+    let y = 0;
     if (M.enabled && M.svgPath) {
-      const L = M.size || 16, r = M.gap || 8, p = M.position === "left" ? -(A.measureText(K.text || "").width / 2 + L / 2 + r / 2) : A.measureText(K.text || "").width / 2 + L / 2 + r / 2;
-      A.save(), A.translate(p, 0);
-      const q = new Path2D(M.svgPath), AA = L / 24;
-      A.scale(AA, AA), A.translate(-12, -12), A.fillStyle = M.color || N, A.fill(q), A.restore(), k = M.position === "left" ? L / 2 + r / 2 : -(L / 2 + r / 2);
+      const e = M.size || 16, L = M.gap || 8, H = M.position === "left" ? -(A.measureText(K.text || "").width / 2 + e / 2 + L / 2) : A.measureText(K.text || "").width / 2 + e / 2 + L / 2;
+      A.save(), A.translate(H, 0);
+      const q = new Path2D(M.svgPath), AA = e / 24;
+      A.scale(AA, AA), A.translate(-12, -12), A.fillStyle = M.color || N, A.fill(q), A.restore(), y = M.position === "left" ? e / 2 + L / 2 : -(e / 2 + L / 2);
     }
-    A.fillText(K.text || "Button", k, 0), A.restore();
+    A.fillText(K.text || "Button", y, 0), A.restore();
   }
   renderToggleButton(A, I) {
     var F, J;
-    const g = I.options || {}, C = g.checked ?? !1, Q = ((F = I.geometry) == null ? void 0 : F.width) || 120, E = ((J = I.geometry) == null ? void 0 : J.height) || 40, D = -Q / 2, o = -E / 2, w = g.cornerRadius ?? 8, h = g.label || {}, G = C ? g.activeColor || "#3b82f6" : g.inactiveColor || "#374151", K = C ? g.activeTextColor || "#ffffff" : g.inactiveTextColor || "#9ca3af";
-    A.save(), A.beginPath(), A.roundRect(D, o, Q, E, w), A.fillStyle = G, A.fill();
-    const N = h.fontSize || 14, M = h.fontFamily || "Inter";
-    A.font = `${h.fontWeight || 600} ${N}px "${M}", sans-serif`, A.fillStyle = K, A.textAlign = "center", A.textBaseline = "middle", A.fillText(h.text || "Toggle", 0, 0), A.restore();
+    const g = I.options || {}, C = g.checked ?? !1, Q = ((F = I.geometry) == null ? void 0 : F.width) || 120, E = ((J = I.geometry) == null ? void 0 : J.height) || 40, D = -Q / 2, o = -E / 2, w = g.cornerRadius ?? 8, G = g.label || {}, h = C ? g.activeColor || "#3b82f6" : g.inactiveColor || "#374151", K = C ? g.activeTextColor || "#ffffff" : g.inactiveTextColor || "#9ca3af";
+    A.save(), A.beginPath(), A.roundRect(D, o, Q, E, w), A.fillStyle = h, A.fill();
+    const N = G.fontSize || 14, M = G.fontFamily || "Inter";
+    A.font = `${G.fontWeight || 600} ${N}px "${M}", sans-serif`, A.fillStyle = K, A.textAlign = "center", A.textBaseline = "middle", A.fillText(G.text || "Toggle", 0, 0), A.restore();
   }
   renderToggle(A, I) {
-    var k, y;
-    const g = I.options || {}, C = ((k = I.geometry) == null ? void 0 : k.width) || 52, Q = ((y = I.geometry) == null ? void 0 : y.height) || 30, E = -C / 2, D = -Q / 2, o = g.checked ?? !1, w = g.cornerRadius ?? Q / 2;
+    var y, k;
+    const g = I.options || {}, C = ((y = I.geometry) == null ? void 0 : y.width) || 52, Q = ((k = I.geometry) == null ? void 0 : k.height) || 30, E = -C / 2, D = -Q / 2, o = g.checked ?? !1, w = g.cornerRadius ?? Q / 2;
     A.beginPath(), A.roundRect(E, D, C, Q, w), A.fillStyle = o ? g.activeColor || "#10b981" : g.inactiveColor || "#374151", g.disabled && (A.globalAlpha *= 0.5), A.fill();
-    const h = 3, G = Q - h * 2, K = G / 2, N = E + h, M = E + C - h - G, F = o ? M : N, J = D + h;
+    const G = 3, h = Q - G * 2, K = h / 2, N = E + G, M = E + C - G - h, F = o ? M : N, J = D + G;
     if (A.beginPath(), A.arc(F + K, J + K, K, 0, Math.PI * 2), A.fillStyle = g.knobColor || "#ffffff", A.fill(), g.disabled && (A.globalAlpha *= 2), g.label && g.label.text) {
-      const U = g.label, R = U.fontSize || 14, c = U.fontWeight || 400, L = U.fontFamily || "Inter";
-      A.font = `${c} ${R}px "${L}", sans-serif`, A.fillStyle = U.color || "#f3f4f6", A.textBaseline = "middle";
-      const r = U.gap || 10;
-      let p = 0, q = 0;
-      U.position === "left" ? (A.textAlign = "right", p = E - r, q = 0) : U.position === "right" ? (A.textAlign = "left", p = E + C + r, q = 0) : U.position === "top" ? (A.textAlign = "center", p = 0, q = D - r, A.textBaseline = "bottom") : U.position === "bottom" ? (A.textAlign = "center", p = 0, q = D + Q + r, A.textBaseline = "top") : (A.textAlign = "left", p = E + C + r, q = 0), A.fillText(U.text, p, q);
+      const U = g.label, R = U.fontSize || 14, c = U.fontWeight || 400, e = U.fontFamily || "Inter";
+      A.font = `${c} ${R}px "${e}", sans-serif`, A.fillStyle = U.color || "#f3f4f6", A.textBaseline = "middle";
+      const L = U.gap || 10;
+      let H = 0, q = 0;
+      U.position === "left" ? (A.textAlign = "right", H = E - L, q = 0) : U.position === "right" ? (A.textAlign = "left", H = E + C + L, q = 0) : U.position === "top" ? (A.textAlign = "center", H = 0, q = D - L, A.textBaseline = "bottom") : U.position === "bottom" ? (A.textAlign = "center", H = 0, q = D + Q + L, A.textBaseline = "top") : (A.textAlign = "left", H = E + C + L, q = 0), A.fillText(U.text, H, q);
     }
   }
   renderLineGraph(A, I, g, C) {
@@ -5810,23 +5822,23 @@ class WC {
     if (Q.forEach((F) => {
       let J = F.data;
       if (F.isVarEnabled && F.inputId) {
-        let k = this.inputs.get(F.inputId);
-        if (k === void 0) {
-          const y = this.inputNameMap.get(F.inputId);
-          y && y.length > 0 && (k = this.inputs.get(y[0]));
+        let y = this.inputs.get(F.inputId);
+        if (y === void 0) {
+          const k = this.inputNameMap.get(F.inputId);
+          k && k.length > 0 && (y = this.inputs.get(k[0]));
         }
-        k && Array.isArray(k) && (J = k);
+        y && Array.isArray(y) && (J = y);
       }
       if (J && J.length > 0) {
-        const k = J.filter((y) => typeof y == "number" && !isNaN(y));
-        k.length > 0 && (E = Math.min(E, ...k), D = Math.max(D, ...k), o = Math.max(o, J.length));
+        const y = J.filter((k) => typeof k == "number" && !isNaN(k));
+        y.length > 0 && (E = Math.min(E, ...y), D = Math.max(D, ...y), o = Math.max(o, J.length));
       }
       F._resolvedData = J;
     }), o < 2) return;
-    const w = D - E, h = g / (o - 1), G = (F) => {
+    const w = D - E, G = g / (o - 1), h = (F) => {
       const J = w === 0 ? 0.5 : (F - E) / w;
       return C / 2 - J * C;
-    }, K = (F) => F * h - g / 2, N = I.axisColor || "#333333";
+    }, K = (F) => F * G - g / 2, N = I.axisColor || "#333333";
     if (I.showXAxis && (A.beginPath(), A.strokeStyle = I.xAxisColor || N, A.lineWidth = 1, A.moveTo(-g / 2, C / 2), A.lineTo(g / 2, C / 2), A.stroke()), I.showYAxis && (A.beginPath(), A.strokeStyle = I.yAxisColor || N, A.lineWidth = 1, A.moveTo(-g / 2, -C / 2), A.lineTo(-g / 2, C / 2), A.stroke()), A.fillStyle = I.axisLabelColor || "#333333", A.font = `${I.axisLabelFontSize || 10}px Inter, sans-serif`, I.showXLabels) {
       A.textAlign = "center", A.textBaseline = "top";
       for (let F = 0; F < o; F++) {
@@ -5837,51 +5849,51 @@ class WC {
     if (I.showYLabels) {
       A.textAlign = "right", A.textBaseline = "middle";
       const F = -g / 2 - 5, J = (D + E) / 2;
-      A.fillText(D.toFixed(1), F, G(D)), A.fillText(J.toFixed(1), F, G(J)), A.fillText(E.toFixed(1), F, G(E));
+      A.fillText(D.toFixed(1), F, h(D)), A.fillText(J.toFixed(1), F, h(J)), A.fillText(E.toFixed(1), F, h(E));
     }
     const M = 10;
     if (Q.forEach((F) => {
       const J = F._resolvedData;
       if (!(!J || J.length < 2)) {
         if (F.showArea) {
-          if (A.beginPath(), A.moveTo(K(0), C / 2), A.lineTo(K(0), G(J[0])), F.smoothing && J.length > 2)
-            for (let y = 0; y < J.length - 1; y++) {
-              const U = J[y === 0 ? y : y - 1], R = J[y], c = J[y + 1], L = J[y + 1 === J.length - 1 ? y + 1 : y + 2];
-              for (let r = 1; r <= M; r++) {
-                const p = r / M, q = this._catmullRom(U, R, c, L, p);
-                A.lineTo(K(y + p), G(q));
+          if (A.beginPath(), A.moveTo(K(0), C / 2), A.lineTo(K(0), h(J[0])), F.smoothing && J.length > 2)
+            for (let k = 0; k < J.length - 1; k++) {
+              const U = J[k === 0 ? k : k - 1], R = J[k], c = J[k + 1], e = J[k + 1 === J.length - 1 ? k + 1 : k + 2];
+              for (let L = 1; L <= M; L++) {
+                const H = L / M, q = this._catmullRom(U, R, c, e, H);
+                A.lineTo(K(k + H), h(q));
               }
             }
           else
-            for (let y = 1; y < J.length; y++)
-              A.lineTo(K(y), G(J[y]));
+            for (let k = 1; k < J.length; k++)
+              A.lineTo(K(k), h(J[k]));
           A.lineTo(K(J.length - 1), C / 2), A.closePath();
-          const k = A.globalAlpha;
-          A.globalAlpha = k * (I.areaOpacity ?? 0.3), A.fillStyle = F.areaColor || "rgba(139, 92, 246, 0.2)", A.fill(), A.globalAlpha = k;
+          const y = A.globalAlpha;
+          A.globalAlpha = y * (I.areaOpacity ?? 0.3), A.fillStyle = F.areaColor || "rgba(139, 92, 246, 0.2)", A.fill(), A.globalAlpha = y;
         }
-        if (A.beginPath(), A.strokeStyle = F.lineColor || "#3b82f6", A.lineWidth = F.lineWidth || 2, A.lineJoin = "round", A.lineCap = "round", A.moveTo(K(0), G(J[0])), F.smoothing && J.length > 2)
-          for (let k = 0; k < J.length - 1; k++) {
-            const y = J[k === 0 ? k : k - 1], U = J[k], R = J[k + 1], c = J[k + 1 === J.length - 1 ? k + 1 : k + 2];
-            for (let L = 1; L <= M; L++) {
-              const r = L / M, p = this._catmullRom(y, U, R, c, r);
-              A.lineTo(K(k + r), G(p));
+        if (A.beginPath(), A.strokeStyle = F.lineColor || "#3b82f6", A.lineWidth = F.lineWidth || 2, A.lineJoin = "round", A.lineCap = "round", A.moveTo(K(0), h(J[0])), F.smoothing && J.length > 2)
+          for (let y = 0; y < J.length - 1; y++) {
+            const k = J[y === 0 ? y : y - 1], U = J[y], R = J[y + 1], c = J[y + 1 === J.length - 1 ? y + 1 : y + 2];
+            for (let e = 1; e <= M; e++) {
+              const L = e / M, H = this._catmullRom(k, U, R, c, L);
+              A.lineTo(K(y + L), h(H));
             }
           }
         else
-          for (let k = 1; k < J.length; k++)
-            A.lineTo(K(k), G(J[k]));
-        A.stroke(), F.showPoints && J.forEach((k, y) => {
-          const U = K(y), R = G(k);
+          for (let y = 1; y < J.length; y++)
+            A.lineTo(K(y), h(J[y]));
+        A.stroke(), F.showPoints && J.forEach((y, k) => {
+          const U = K(k), R = h(y);
           A.beginPath(), A.arc(U, R, (F.pointSize || 6) / 2, 0, Math.PI * 2), A.fillStyle = F.pointFill || "#ffffff", A.fill(), A.strokeStyle = F.pointStrokeColor || F.lineColor || "#3b82f6", A.lineWidth = F.pointStrokeWidth || 1, A.stroke();
         });
       }
     }), I.showLegend && Q.length > 0) {
       const F = g / 2 - 10;
       let J = -C / 2 + 15;
-      const k = I.legendFontSize || 10, y = k + 5;
-      A.font = `${k}px Inter, sans-serif`, A.textAlign = "right", A.textBaseline = "alphabetic", Q.forEach((U) => {
-        const c = U.label || "Series", L = A.measureText(c).width;
-        A.beginPath(), A.rect(F - L - 8 - 5, J - (8 / 2 + 2), 8, 8), A.fillStyle = U.lineColor || "#3b82f6", A.fill(), A.fillStyle = I.legendColor || "#333333", A.fillText(c, F, J), J += y;
+      const y = I.legendFontSize || 10, k = y + 5;
+      A.font = `${y}px Inter, sans-serif`, A.textAlign = "right", A.textBaseline = "alphabetic", Q.forEach((U) => {
+        const c = U.label || "Series", e = A.measureText(c).width;
+        A.beginPath(), A.rect(F - e - 8 - 5, J - (8 / 2 + 2), 8, 8), A.fillStyle = U.lineColor || "#3b82f6", A.fill(), A.fillStyle = I.legendColor || "#333333", A.fillText(c, F, J), J += k;
       });
     }
   }
@@ -5890,25 +5902,25 @@ class WC {
     return (2 * I - 2 * g + E + D) * w + (-3 * I + 3 * g - 2 * E - D) * o + E * Q + I;
   }
   createCanvasFill(A, I, g, C) {
-    var Q, E, D, o, w, h;
+    var Q, E, D, o, w, G;
     if (!I || I.type === "None") return null;
     if (I.type === "Solid")
       return I.color;
     if (I.type === "LinearGradient" && I.stops) {
-      const G = (((Q = I.start) == null ? void 0 : Q[0]) ?? 0) * g - g / 2, K = (((E = I.start) == null ? void 0 : E[1]) ?? 0) * C - C / 2, N = (((D = I.end) == null ? void 0 : D[0]) ?? 1) * g - g / 2, M = (((o = I.end) == null ? void 0 : o[1]) ?? 0) * C - C / 2, F = A.createLinearGradient(G, K, N, M);
+      const h = (((Q = I.start) == null ? void 0 : Q[0]) ?? 0) * g - g / 2, K = (((E = I.start) == null ? void 0 : E[1]) ?? 0) * C - C / 2, N = (((D = I.end) == null ? void 0 : D[0]) ?? 1) * g - g / 2, M = (((o = I.end) == null ? void 0 : o[1]) ?? 0) * C - C / 2, F = A.createLinearGradient(h, K, N, M);
       return I.stops.forEach((J) => F.addColorStop(J.offset, J.color)), F;
     }
     if (I.type === "RadialGradient" && I.stops) {
-      const G = (((w = I.center) == null ? void 0 : w[0]) ?? 0.5) * g - g / 2, K = (((h = I.center) == null ? void 0 : h[1]) ?? 0.5) * C - C / 2, N = (I.radius ?? 0.5) * Math.max(g, C), M = A.createRadialGradient(G, K, 0, G, K, N);
+      const h = (((w = I.center) == null ? void 0 : w[0]) ?? 0.5) * g - g / 2, K = (((G = I.center) == null ? void 0 : G[1]) ?? 0.5) * C - C / 2, N = (I.radius ?? 0.5) * Math.max(g, C), M = A.createRadialGradient(h, K, 0, h, K, N);
       return I.stops.forEach((F) => M.addColorStop(F.offset, F.color)), M;
     }
     if (I.type === "Pattern" && I.url) {
-      let G = this.imageCache.get(I.url);
-      if (G || (G = new Image(), G.src = I.url, this.imageCache.set(I.url, G)), G.complete && G.naturalWidth > 0) {
-        const K = A.createPattern(G, "repeat");
+      let h = this.imageCache.get(I.url);
+      if (h || (h = new Image(), h.src = I.url, this.imageCache.set(I.url, h)), h.complete && h.naturalWidth > 0) {
+        const K = A.createPattern(h, "repeat");
         if (K && (I.scaleX !== void 0 || I.offsetX !== void 0)) {
-          const N = new DOMMatrix(), M = I.scaleX ?? 1, F = I.scaleY ?? 1, J = I.offsetX ?? 0, k = I.offsetY ?? 0, y = I.rotation ?? 0;
-          N.translateSelf(J, k), N.rotateSelf(y), N.scaleSelf(M, F), K.setTransform(N);
+          const N = new DOMMatrix(), M = I.scaleX ?? 1, F = I.scaleY ?? 1, J = I.offsetX ?? 0, y = I.offsetY ?? 0, k = I.rotation ?? 0;
+          N.translateSelf(J, y), N.rotateSelf(k), N.scaleSelf(M, F), K.setTransform(N);
         }
         return K;
       }
@@ -5925,24 +5937,24 @@ class WC {
       }
     let o = [0, 0, 0, 0];
     typeof D == "number" ? o = [D, D, D, D] : Array.isArray(D) && (D.length === 1 ? o = [D[0], D[0], D[0], D[0]] : D.length === 2 ? o = [D[0], D[1], D[0], D[1]] : D.length === 4 && (o = D));
-    const w = Math.min(Math.abs(C) / 2, Math.abs(Q) / 2), h = Math.max(0, Math.min(Number(o[0]) || 0, w)), G = Math.max(0, Math.min(Number(o[1]) || 0, w)), K = Math.max(0, Math.min(Number(o[2]) || 0, w)), N = Math.max(0, Math.min(Number(o[3]) || 0, w));
-    A.moveTo(I + h, g), A.lineTo(I + C - G, g), G > 0 ? A.arcTo(I + C, g, I + C, g + G, G) : A.lineTo(I + C, g), A.lineTo(I + C, g + Q - K), K > 0 ? A.arcTo(I + C, g + Q, I + C - K, g + Q, K) : A.lineTo(I + C, g + Q), A.lineTo(I + N, g + Q), N > 0 ? A.arcTo(I, g + Q, I, g + Q - N, N) : A.lineTo(I, g + Q), A.lineTo(I, g + h), h > 0 ? A.arcTo(I, g, I + h, g, h) : A.lineTo(I, g), A.closePath();
+    const w = Math.min(Math.abs(C) / 2, Math.abs(Q) / 2), G = Math.max(0, Math.min(Number(o[0]) || 0, w)), h = Math.max(0, Math.min(Number(o[1]) || 0, w)), K = Math.max(0, Math.min(Number(o[2]) || 0, w)), N = Math.max(0, Math.min(Number(o[3]) || 0, w));
+    A.moveTo(I + G, g), A.lineTo(I + C - h, g), h > 0 ? A.arcTo(I + C, g, I + C, g + h, h) : A.lineTo(I + C, g), A.lineTo(I + C, g + Q - K), K > 0 ? A.arcTo(I + C, g + Q, I + C - K, g + Q, K) : A.lineTo(I + C, g + Q), A.lineTo(I + N, g + Q), N > 0 ? A.arcTo(I, g + Q, I, g + Q - N, N) : A.lineTo(I, g + Q), A.lineTo(I, g + G), G > 0 ? A.arcTo(I, g, I + G, g, G) : A.lineTo(I, g), A.closePath();
   }
 }
 const XC = FC(
-  ({ artboard: i, src: A, className: I, style: g, autoPlay: C = !0, fit: Q = "Contain", alignment: E = "Center", onReady: D, onTrigger: o, onInputUpdate: w, onComponentChange: h }, G) => {
+  ({ artboard: i, src: A, className: I, style: g, autoPlay: C = !0, fit: Q = "Contain", alignment: E = "Center", onReady: D, onTrigger: o, onInputUpdate: w, onComponentChange: G }, h) => {
     const K = DI(null), N = DI(new WC()), M = DI(), F = DI(0);
-    MC(G, () => K.current), jA(() => {
+    MC(h, () => K.current), jA(() => {
       console.log("[ExodeUI] Layout Effect - Component Updated/Mounted"), N.current.setLayout(Q, E);
     }, [Q, E]), jA(() => {
       o && N.current.setTriggerCallback(o);
     }, [o]), jA(() => {
       w && N.current.setInputUpdateCallback(w);
     }, [w]), jA(() => {
-      h && N.current.setComponentChangeCallback(h);
-    }, [h]), jA(() => {
+      G && N.current.setComponentChangeCallback(G);
+    }, [G]), jA(() => {
       (async () => {
-        const y = N.current;
+        const k = N.current;
         let U = i;
         if (!U && A)
           try {
@@ -5951,27 +5963,27 @@ const XC = FC(
             console.error("Failed to load ExodeUI animation:", R);
             return;
           }
-        U && (y.load(U), D && D(y));
+        U && (k.load(U), D && D(k));
       })();
     }, [i, A]), jA(() => {
-      const k = N.current, y = K.current;
-      if (!y) return;
-      const U = y.getContext("2d");
+      const y = N.current, k = K.current;
+      if (!k) return;
+      const U = k.getContext("2d");
       if (!U) return;
       const R = (c) => {
         F.current || (F.current = c);
-        const L = (c - F.current) / 1e3;
-        F.current = c, C && k.advance(L);
-        const r = window.devicePixelRatio || 1, p = y.getBoundingClientRect(), q = Math.floor(p.width * r), AA = Math.floor(p.height * r);
-        (y.width !== q || y.height !== AA) && (y.width = q, y.height = AA), k.render(U, q, AA), M.current = requestAnimationFrame(R);
+        const e = (c - F.current) / 1e3;
+        F.current = c, C && y.advance(e);
+        const L = window.devicePixelRatio || 1, H = k.getBoundingClientRect(), q = Math.floor(H.width * L), AA = Math.floor(H.height * L);
+        (k.width !== q || k.height !== AA) && (k.width = q, k.height = AA), y.render(U, q, AA), M.current = requestAnimationFrame(R);
       };
       return M.current = requestAnimationFrame(R), () => {
         M.current && cancelAnimationFrame(M.current);
       };
     }, [C]);
-    const J = (k, y) => {
-      const U = k.currentTarget.getBoundingClientRect(), R = k.clientX - U.left, c = k.clientY - U.top, L = U.width, r = U.height;
-      N.current.handlePointerInput(y, R, c, L, r);
+    const J = (y, k) => {
+      const U = y.currentTarget.getBoundingClientRect(), R = y.clientX - U.left, c = y.clientY - U.top, e = U.width, L = U.height;
+      N.current.handlePointerInput(k, R, c, e, L);
     };
     return /* @__PURE__ */ yC(
       "canvas",
@@ -5980,32 +5992,34 @@ const XC = FC(
         style: { width: "100%", height: "100%", outline: "none", ...g },
         className: I,
         tabIndex: 0,
-        onPointerDown: (k) => {
-          var y;
-          J(k, "down"), (y = K.current) == null || y.focus();
+        onPointerDown: (y) => {
+          var k;
+          J(y, "down"), (k = K.current) == null || k.focus();
         },
-        onPointerUp: (k) => J(k, "up"),
-        onPointerMove: (k) => J(k, "move"),
-        onPointerLeave: (k) => J(k, "blur"),
-        onClick: (k) => J(k, "click"),
-        onKeyDown: (k) => {
-          k.key === "Backspace" || k.key === "Enter" || k.key, N.current.handleKeyDown(k.nativeEvent);
+        onPointerUp: (y) => J(y, "up"),
+        onPointerMove: (y) => J(y, "move"),
+        onPointerLeave: (y) => J(y, "blur"),
+        onClick: (y) => J(y, "click"),
+        onKeyDown: (y) => {
+          y.key === "Backspace" || y.key === "Enter" || y.key, N.current.handleKeyDown(y.nativeEvent);
         }
       }
     );
   }
 );
 function vC() {
-  const [i, A] = JC(null), I = uA((D, o) => {
-    i == null || i.setInputBool(D, o);
-  }, [i]), g = uA((D, o) => {
-    i == null || i.setInputNumber(D, o);
-  }, [i]), C = uA((D) => {
-    i == null || i.fireTrigger(D);
-  }, [i]), Q = uA((D, o) => {
-    i == null || i.setInputText(D, o);
-  }, [i]), E = uA((D, o) => {
-    i == null || i.setInputNumberArray(D, o);
+  const [i, A] = JC(null), I = xA((o, w) => {
+    i == null || i.setInputBool(o, w);
+  }, [i]), g = xA((o, w) => {
+    i == null || i.setInputNumber(o, w);
+  }, [i]), C = xA((o) => {
+    i == null || i.fireTrigger(o);
+  }, [i]), Q = xA((o, w) => {
+    i == null || i.setInputText(o, w);
+  }, [i]), E = xA((o, w) => {
+    i == null || i.setInputNumberArray(o, w);
+  }, [i]), D = xA((o, w, G) => {
+    i == null || i.updateConstraint(o, w, G);
   }, [i]);
   return {
     setEngine: A,
@@ -6015,13 +6029,14 @@ function vC() {
     setInputNumber: g,
     fireTrigger: C,
     setInputText: Q,
-    setInputNumberArray: E
+    setInputNumberArray: E,
+    updateConstraint: D
   };
 }
 export {
   UC as ConditionOp,
   XC as ExodeUICanvas,
   WC as ExodeUIEngine,
-  PA as LogicOp,
+  VA as LogicOp,
   vC as useExodeUI
 };