exodeui 2.6.23 → 2.6.24

package/dist/index.mjs

@@ -5,16 +5,16 @@ 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 HA } 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 || {}), uA = /* @__PURE__ */ ((i) => (i.AND = "AND", i.OR = "OR", i.NOT = "NOT", i.XOR = "XOR", i))(uA || {});
 let E;
-const j = new Array(128).fill(void 0);
+const m = new Array(128).fill(void 0);
 function W(i) {
-  return j[i];
+  return m[i];
 }
-j.push(void 0, null, !0, !1);
-let $A = j.length;
+m.push(void 0, null, !0, !1);
+let $A = m.length;
 function P(i) {
-  $A === j.length && j.push(j.length + 1);
+  $A === m.length && m.push(m.length + 1);
   const A = $A;
-  return $A = j[A], j[A] = i, A;
+  return $A = m[A], m[A] = i, A;
 }
 function oI(i, A) {
   try {
@@ -41,7 +41,7 @@ function GA() {
 function wI(i) {
   const A = W(i);
   return function(I) {
-    I < 132 || (j[I] = $A, $A = I);
+    I < 132 || (m[I] = $A, $A = I);
   }(i), A;
 }
 function K(i, A) {
@@ -50,7 +50,7 @@ function K(i, A) {
 let AA = 128;
 function CA(i) {
   if (AA == 1) throw new Error("out of js stack");
-  return j[--AA] = i, AA;
+  return m[--AA] = i, AA;
 }
 let PA = null;
 function RC(i, A) {
@@ -67,16 +67,16 @@ let _A = null;
 function Og() {
   return _A !== null && _A.byteLength !== 0 || (_A = new Uint32Array(E.memory.buffer)), _A;
 }
-let FA = 0;
+let MA = 0;
 function tI(i, A) {
   const I = A(4 * i.length, 4) >>> 0;
-  return Og().set(i, I / 4), FA = i.length, I;
+  return Og().set(i, I / 4), MA = i.length, I;
 }
 function pA(i, A) {
   const I = A(4 * i.length, 4) >>> 0;
-  return Zg().set(i, I / 4), FA = i.length, I;
+  return Zg().set(i, I / 4), MA = i.length, I;
 }
-const NI = Object.freeze({ LinX: 0, 0: "LinX", LinY: 1, 1: "LinY", AngX: 2, 2: "AngX" }), dA = Object.freeze({ Revolute: 0, 0: "Revolute", Fixed: 1, 1: "Fixed", Prismatic: 2, 2: "Prismatic", Rope: 3, 3: "Rope", Spring: 4, 4: "Spring", Generic: 5, 5: "Generic" }), NA = Object.freeze({ Ball: 0, 0: "Ball", Cuboid: 1, 1: "Cuboid", Capsule: 2, 2: "Capsule", Segment: 3, 3: "Segment", Polyline: 4, 4: "Polyline", Triangle: 5, 5: "Triangle", TriMesh: 6, 6: "TriMesh", HeightField: 7, 7: "HeightField", Compound: 8, 8: "Compound", ConvexPolygon: 9, 9: "ConvexPolygon", RoundCuboid: 10, 10: "RoundCuboid", RoundTriangle: 11, 11: "RoundTriangle", RoundConvexPolygon: 12, 12: "RoundConvexPolygon", HalfSpace: 13, 13: "HalfSpace", Voxels: 14, 14: "Voxels" }), YI = typeof FinalizationRegistry > "u" ? { register: () => {
+const NI = Object.freeze({ LinX: 0, 0: "LinX", LinY: 1, 1: "LinY", AngX: 2, 2: "AngX" }), dA = Object.freeze({ Revolute: 0, 0: "Revolute", Fixed: 1, 1: "Fixed", Prismatic: 2, 2: "Prismatic", Rope: 3, 3: "Rope", Spring: 4, 4: "Spring", Generic: 5, 5: "Generic" }), kA = Object.freeze({ Ball: 0, 0: "Ball", Cuboid: 1, 1: "Cuboid", Capsule: 2, 2: "Capsule", Segment: 3, 3: "Segment", Polyline: 4, 4: "Polyline", Triangle: 5, 5: "Triangle", TriMesh: 6, 6: "TriMesh", HeightField: 7, 7: "HeightField", Compound: 8, 8: "Compound", ConvexPolygon: 9, 9: "ConvexPolygon", RoundCuboid: 10, 10: "RoundCuboid", RoundTriangle: 11, 11: "RoundTriangle", RoundConvexPolygon: 12, 12: "RoundConvexPolygon", HalfSpace: 13, 13: "HalfSpace", Voxels: 14, 14: "Voxels" }), YI = typeof FinalizationRegistry > "u" ? { register: () => {
 }, unregister: () => {
 } } : new FinalizationRegistry((i) => E.__wbg_rawbroadphase_free(i >>> 0, 1));
 class fA {
@@ -99,85 +99,85 @@ class fA {
   }
   castRay(A, I, C, g, Q, B, D, w, o, h, G, s) {
     try {
-      K(A, oA), K(I, IA), K(C, EA), K(g, k), K(Q, k);
+      K(A, oA), K(I, gA), K(C, EA), K(g, k), K(Q, k);
       const a = E.rawbroadphase_castRay(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, C.__wbg_ptr, g.__wbg_ptr, Q.__wbg_ptr, B, D, w, L(o) ? 4294967297 : o >>> 0, !L(h), L(h) ? 0 : h, !L(G), L(G) ? 0 : G, CA(s));
       return a === 0 ? void 0 : _I.__wrap(a);
     } finally {
-      j[AA++] = void 0;
+      m[AA++] = void 0;
     }
   }
   castRayAndGetNormal(A, I, C, g, Q, B, D, w, o, h, G, s) {
     try {
-      K(A, oA), K(I, IA), K(C, EA), K(g, k), K(Q, k);
+      K(A, oA), K(I, gA), K(C, EA), K(g, k), K(Q, k);
       const a = E.rawbroadphase_castRayAndGetNormal(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, C.__wbg_ptr, g.__wbg_ptr, Q.__wbg_ptr, B, D, w, L(o) ? 4294967297 : o >>> 0, !L(h), L(h) ? 0 : h, !L(G), L(G) ? 0 : G, CA(s));
       return a === 0 ? void 0 : FI.__wrap(a);
     } finally {
-      j[AA++] = void 0;
+      m[AA++] = void 0;
     }
   }
   intersectionsWithRay(A, I, C, g, Q, B, D, w, o, h, G, s, a) {
     try {
-      K(A, oA), K(I, IA), K(C, EA), K(g, k), K(Q, k), E.rawbroadphase_intersectionsWithRay(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, C.__wbg_ptr, g.__wbg_ptr, Q.__wbg_ptr, B, D, CA(w), o, L(h) ? 4294967297 : h >>> 0, !L(G), L(G) ? 0 : G, !L(s), L(s) ? 0 : s, CA(a));
+      K(A, oA), K(I, gA), K(C, EA), K(g, k), K(Q, k), E.rawbroadphase_intersectionsWithRay(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, C.__wbg_ptr, g.__wbg_ptr, Q.__wbg_ptr, B, D, CA(w), o, L(h) ? 4294967297 : h >>> 0, !L(G), L(G) ? 0 : G, !L(s), L(s) ? 0 : s, CA(a));
     } finally {
-      j[AA++] = void 0, j[AA++] = void 0;
+      m[AA++] = void 0, m[AA++] = void 0;
     }
   }
   intersectionWithShape(A, I, C, g, Q, B, D, w, o, h, G) {
     try {
       const M = E.__wbindgen_add_to_stack_pointer(-16);
-      K(A, oA), K(I, IA), K(C, EA), K(g, k), K(Q, m), K(B, d), E.rawbroadphase_intersectionWithShape(M, this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, C.__wbg_ptr, g.__wbg_ptr, Q.__wbg_ptr, B.__wbg_ptr, D, L(w) ? 4294967297 : w >>> 0, !L(o), L(o) ? 0 : o, !L(h), L(h) ? 0 : h, CA(G));
+      K(A, oA), K(I, gA), K(C, EA), K(g, k), K(Q, x), K(B, f), E.rawbroadphase_intersectionWithShape(M, this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, C.__wbg_ptr, g.__wbg_ptr, Q.__wbg_ptr, B.__wbg_ptr, D, L(w) ? 4294967297 : w >>> 0, !L(o), L(o) ? 0 : o, !L(h), L(h) ? 0 : h, CA(G));
       var s = GA().getInt32(M + 0, !0), a = GA().getFloat64(M + 8, !0);
       return s === 0 ? void 0 : a;
     } finally {
-      E.__wbindgen_add_to_stack_pointer(16), j[AA++] = void 0;
+      E.__wbindgen_add_to_stack_pointer(16), m[AA++] = void 0;
     }
   }
   projectPoint(A, I, C, g, Q, B, D, w, o, h) {
     try {
-      K(A, oA), K(I, IA), K(C, EA), K(g, k);
+      K(A, oA), K(I, gA), K(C, EA), K(g, k);
       const G = E.rawbroadphase_projectPoint(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, C.__wbg_ptr, g.__wbg_ptr, Q, B, L(D) ? 4294967297 : D >>> 0, !L(w), L(w) ? 0 : w, !L(o), L(o) ? 0 : o, CA(h));
       return G === 0 ? void 0 : hI.__wrap(G);
     } finally {
-      j[AA++] = void 0;
+      m[AA++] = void 0;
     }
   }
   projectPointAndGetFeature(A, I, C, g, Q, B, D, w, o) {
     try {
-      K(A, oA), K(I, IA), K(C, EA), K(g, k);
+      K(A, oA), K(I, gA), K(C, EA), K(g, k);
       const h = E.rawbroadphase_projectPointAndGetFeature(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, C.__wbg_ptr, g.__wbg_ptr, Q, L(B) ? 4294967297 : B >>> 0, !L(D), L(D) ? 0 : D, !L(w), L(w) ? 0 : w, CA(o));
       return h === 0 ? void 0 : hI.__wrap(h);
     } finally {
-      j[AA++] = void 0;
+      m[AA++] = void 0;
     }
   }
   intersectionsWithPoint(A, I, C, g, Q, B, D, w, o, h) {
     try {
-      K(A, oA), K(I, IA), K(C, EA), K(g, k), E.rawbroadphase_intersectionsWithPoint(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, C.__wbg_ptr, g.__wbg_ptr, CA(Q), B, L(D) ? 4294967297 : D >>> 0, !L(w), L(w) ? 0 : w, !L(o), L(o) ? 0 : o, CA(h));
+      K(A, oA), K(I, gA), K(C, EA), K(g, k), E.rawbroadphase_intersectionsWithPoint(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, C.__wbg_ptr, g.__wbg_ptr, CA(Q), B, L(D) ? 4294967297 : D >>> 0, !L(w), L(w) ? 0 : w, !L(o), L(o) ? 0 : o, CA(h));
     } finally {
-      j[AA++] = void 0, j[AA++] = void 0;
+      m[AA++] = void 0, m[AA++] = void 0;
     }
   }
   castShape(A, I, C, g, Q, B, D, w, o, h, G, s, a, M, y) {
     try {
-      K(A, oA), K(I, IA), K(C, EA), K(g, k), K(Q, m), K(B, k), K(D, d);
+      K(A, oA), K(I, gA), K(C, EA), K(g, k), K(Q, x), K(B, k), K(D, f);
       const J = E.rawbroadphase_castShape(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, C.__wbg_ptr, g.__wbg_ptr, Q.__wbg_ptr, B.__wbg_ptr, D.__wbg_ptr, w, o, h, G, L(s) ? 4294967297 : s >>> 0, !L(a), L(a) ? 0 : a, !L(M), L(M) ? 0 : M, CA(y));
       return J === 0 ? void 0 : kI.__wrap(J);
     } finally {
-      j[AA++] = void 0;
+      m[AA++] = void 0;
     }
   }
   intersectionsWithShape(A, I, C, g, Q, B, D, w, o, h, G, s) {
     try {
-      K(A, oA), K(I, IA), K(C, EA), K(g, k), K(Q, m), K(B, d), E.rawbroadphase_intersectionsWithShape(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, C.__wbg_ptr, g.__wbg_ptr, Q.__wbg_ptr, B.__wbg_ptr, CA(D), w, L(o) ? 4294967297 : o >>> 0, !L(h), L(h) ? 0 : h, !L(G), L(G) ? 0 : G, CA(s));
+      K(A, oA), K(I, gA), K(C, EA), K(g, k), K(Q, x), K(B, f), E.rawbroadphase_intersectionsWithShape(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, C.__wbg_ptr, g.__wbg_ptr, Q.__wbg_ptr, B.__wbg_ptr, CA(D), w, L(o) ? 4294967297 : o >>> 0, !L(h), L(h) ? 0 : h, !L(G), L(G) ? 0 : G, CA(s));
     } finally {
-      j[AA++] = void 0, j[AA++] = void 0;
+      m[AA++] = void 0, m[AA++] = void 0;
     }
   }
   collidersWithAabbIntersectingAabb(A, I, C, g, Q, B) {
     try {
-      K(A, oA), K(I, IA), K(C, EA), K(g, k), K(Q, k), E.rawbroadphase_collidersWithAabbIntersectingAabb(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, C.__wbg_ptr, g.__wbg_ptr, Q.__wbg_ptr, CA(B));
+      K(A, oA), K(I, gA), K(C, EA), K(g, k), K(Q, k), E.rawbroadphase_collidersWithAabbIntersectingAabb(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, C.__wbg_ptr, g.__wbg_ptr, Q.__wbg_ptr, CA(B));
     } finally {
-      j[AA++] = void 0;
+      m[AA++] = void 0;
     }
   }
 }
@@ -268,7 +268,7 @@ class EA {
   }
   coRotation(A) {
     const I = E.rawcolliderset_coRotation(this.__wbg_ptr, A);
-    return m.__wrap(I);
+    return x.__wrap(I);
   }
   coTranslationWrtParent(A) {
     const I = E.rawcolliderset_coTranslationWrtParent(this.__wbg_ptr, A);
@@ -276,7 +276,7 @@ class EA {
   }
   coRotationWrtParent(A) {
     const I = E.rawcolliderset_coRotationWrtParent(this.__wbg_ptr, A);
-    return I === 0 ? void 0 : m.__wrap(I);
+    return I === 0 ? void 0 : x.__wrap(I);
   }
   coSetTranslation(A, I, C) {
     E.rawcolliderset_coSetTranslation(this.__wbg_ptr, A, I, C);
@@ -454,7 +454,7 @@ class EA {
     return K(I, k), E.rawcolliderset_coContainsPoint(this.__wbg_ptr, A, I.__wbg_ptr) !== 0;
   }
   coCastShape(A, I, C, g, Q, B, D, w, o) {
-    K(I, k), K(C, d), K(g, k), K(Q, m), K(B, k);
+    K(I, k), K(C, f), K(g, k), K(Q, x), K(B, k);
     const h = E.rawcolliderset_coCastShape(this.__wbg_ptr, A, I.__wbg_ptr, C.__wbg_ptr, g.__wbg_ptr, Q.__wbg_ptr, B.__wbg_ptr, D, w, o);
     return h === 0 ? void 0 : JI.__wrap(h);
   }
@@ -464,10 +464,10 @@ class EA {
     return w === 0 ? void 0 : kI.__wrap(w);
   }
   coIntersectsShape(A, I, C, g) {
-    return K(I, d), K(C, k), K(g, m), E.rawcolliderset_coIntersectsShape(this.__wbg_ptr, A, I.__wbg_ptr, C.__wbg_ptr, g.__wbg_ptr) !== 0;
+    return K(I, f), K(C, k), K(g, x), E.rawcolliderset_coIntersectsShape(this.__wbg_ptr, A, I.__wbg_ptr, C.__wbg_ptr, g.__wbg_ptr) !== 0;
   }
   coContactShape(A, I, C, g, Q) {
-    K(I, d), K(C, k), K(g, m);
+    K(I, f), K(C, k), K(g, x);
     const B = E.rawcolliderset_coContactShape(this.__wbg_ptr, A, I.__wbg_ptr, C.__wbg_ptr, g.__wbg_ptr, Q);
     return B === 0 ? void 0 : AI.__wrap(B);
   }
@@ -528,7 +528,7 @@ class EA {
     E.rawcolliderset_coSetActiveCollisionTypes(this.__wbg_ptr, A, I);
   }
   coSetShape(A, I) {
-    K(I, d), E.rawcolliderset_coSetShape(this.__wbg_ptr, A, I.__wbg_ptr);
+    K(I, f), E.rawcolliderset_coSetShape(this.__wbg_ptr, A, I.__wbg_ptr);
   }
   coSetContactForceEventThreshold(A, I) {
     E.rawcolliderset_coSetContactForceEventThreshold(this.__wbg_ptr, A, I);
@@ -552,18 +552,18 @@ class EA {
   contains(A) {
     return E.rawcolliderset_contains(this.__wbg_ptr, A) !== 0;
   }
-  createCollider(A, I, C, g, Q, B, D, w, o, h, G, s, a, M, y, J, S, F, U, R, c, r, n, p) {
+  createCollider(A, I, C, g, Q, B, D, w, o, h, G, s, a, M, y, J, S, F, U, R, c, r, q, n) {
     try {
-      const X = E.__wbindgen_add_to_stack_pointer(-16);
-      K(I, d), K(C, k), K(g, m), K(D, k), K(p, IA), E.rawcolliderset_createCollider(X, this.__wbg_ptr, A, I.__wbg_ptr, C.__wbg_ptr, g.__wbg_ptr, Q, B, D.__wbg_ptr, w, o, h, G, s, a, M, y, J, S, F, U, R, c, r, n, p.__wbg_ptr);
-      var Z = GA().getInt32(X + 0, !0), H = GA().getFloat64(X + 8, !0);
-      return Z === 0 ? void 0 : H;
+      const v = E.__wbindgen_add_to_stack_pointer(-16);
+      K(I, f), K(C, k), K(g, x), K(D, k), K(n, gA), E.rawcolliderset_createCollider(v, this.__wbg_ptr, A, I.__wbg_ptr, C.__wbg_ptr, g.__wbg_ptr, Q, B, D.__wbg_ptr, w, o, h, G, s, a, M, y, J, S, F, U, R, c, r, q, n.__wbg_ptr);
+      var O = GA().getInt32(v + 0, !0), l = GA().getFloat64(v + 8, !0);
+      return O === 0 ? void 0 : l;
     } finally {
       E.__wbindgen_add_to_stack_pointer(16);
     }
   }
   remove(A, I, C, g) {
-    K(I, qA), K(C, IA), E.rawcolliderset_remove(this.__wbg_ptr, A, I.__wbg_ptr, C.__wbg_ptr, g);
+    K(I, qA), K(C, gA), E.rawcolliderset_remove(this.__wbg_ptr, A, I.__wbg_ptr, C.__wbg_ptr, g);
   }
   isHandleValid(A) {
     return E.rawcolliderset_contains(this.__wbg_ptr, A) !== 0;
@@ -572,7 +572,7 @@ class EA {
     try {
       E.rawcolliderset_forEachColliderHandle(this.__wbg_ptr, CA(A));
     } finally {
-      j[AA++] = void 0;
+      m[AA++] = void 0;
     }
   }
 }
@@ -791,9 +791,9 @@ class cC {
   }
   render(A, I, C, g, Q, B, D) {
     try {
-      K(A, IA), K(I, EA), K(C, rA), K(g, lA), K(Q, oA), E.rawdebugrenderpipeline_render(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, C.__wbg_ptr, g.__wbg_ptr, Q.__wbg_ptr, B, CA(D));
+      K(A, gA), K(I, EA), K(C, rA), K(g, lA), K(Q, oA), E.rawdebugrenderpipeline_render(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, C.__wbg_ptr, g.__wbg_ptr, Q.__wbg_ptr, B, CA(D));
     } finally {
-      j[AA++] = void 0;
+      m[AA++] = void 0;
     }
   }
 }
@@ -836,7 +836,7 @@ class zI {
   }
   takeBodies() {
     const A = E.rawdeserializedworld_takeBodies(this.__wbg_ptr);
-    return A === 0 ? void 0 : IA.__wrap(A);
+    return A === 0 ? void 0 : gA.__wrap(A);
   }
   takeColliders() {
     const A = E.rawdeserializedworld_takeColliders(this.__wbg_ptr);
@@ -871,14 +871,14 @@ class jg {
     try {
       E.raweventqueue_drainCollisionEvents(this.__wbg_ptr, CA(A));
     } finally {
-      j[AA++] = void 0;
+      m[AA++] = void 0;
     }
   }
   drainContactForceEvents(A) {
     try {
       E.raweventqueue_drainContactForceEvents(this.__wbg_ptr, CA(A));
     } finally {
-      j[AA++] = void 0;
+      m[AA++] = void 0;
     }
   }
   clear() {
@@ -888,10 +888,10 @@ class jg {
 const Rg = typeof FinalizationRegistry > "u" ? { register: () => {
 }, unregister: () => {
 } } : new FinalizationRegistry((i) => E.__wbg_rawgenericjoint_free(i >>> 0, 1));
-class kA {
+class yA {
   static __wrap(A) {
     A >>>= 0;
-    const I = Object.create(kA.prototype);
+    const I = Object.create(yA.prototype);
     return I.__wbg_ptr = A, Rg.register(I, I.__wbg_ptr, I), I;
   }
   __destroy_into_raw() {
@@ -905,27 +905,27 @@ class kA {
   static spring(A, I, C, g, Q) {
     K(g, k), K(Q, k);
     const B = E.rawgenericjoint_spring(A, I, C, g.__wbg_ptr, Q.__wbg_ptr);
-    return kA.__wrap(B);
+    return yA.__wrap(B);
   }
   static rope(A, I, C) {
     K(I, k), K(C, k);
     const g = E.rawgenericjoint_rope(A, I.__wbg_ptr, C.__wbg_ptr);
-    return kA.__wrap(g);
+    return yA.__wrap(g);
   }
   static prismatic(A, I, C, g, Q, B) {
     K(A, k), K(I, k), K(C, k);
     const D = E.rawgenericjoint_prismatic(A.__wbg_ptr, I.__wbg_ptr, C.__wbg_ptr, g, Q, B);
-    return D === 0 ? void 0 : kA.__wrap(D);
+    return D === 0 ? void 0 : yA.__wrap(D);
   }
   static fixed(A, I, C, g) {
-    K(A, k), K(I, m), K(C, k), K(g, m);
+    K(A, k), K(I, x), K(C, k), K(g, x);
     const Q = E.rawgenericjoint_fixed(A.__wbg_ptr, I.__wbg_ptr, C.__wbg_ptr, g.__wbg_ptr);
-    return kA.__wrap(Q);
+    return yA.__wrap(Q);
   }
   static revolute(A, I) {
     K(A, k), K(I, k);
     const C = E.rawgenericjoint_revolute(A.__wbg_ptr, I.__wbg_ptr);
-    return C === 0 ? void 0 : kA.__wrap(C);
+    return C === 0 ? void 0 : yA.__wrap(C);
   }
 }
 const LI = typeof FinalizationRegistry > "u" ? { register: () => {
@@ -956,11 +956,11 @@ class rA {
   }
   jointFrameX1(A) {
     const I = E.rawimpulsejointset_jointFrameX1(this.__wbg_ptr, A);
-    return m.__wrap(I);
+    return x.__wrap(I);
   }
   jointFrameX2(A) {
     const I = E.rawimpulsejointset_jointFrameX2(this.__wbg_ptr, A);
-    return m.__wrap(I);
+    return x.__wrap(I);
   }
   jointAnchor1(A) {
     const I = E.rawimpulsejointset_jointAnchor1(this.__wbg_ptr, A);
@@ -1011,7 +1011,7 @@ class rA {
     return this.__wbg_ptr = A >>> 0, LI.register(this, this.__wbg_ptr, this), this;
   }
   createJoint(A, I, C, g) {
-    return K(A, kA), E.rawimpulsejointset_createJoint(this.__wbg_ptr, A.__wbg_ptr, I, C, g);
+    return K(A, yA), E.rawimpulsejointset_createJoint(this.__wbg_ptr, A.__wbg_ptr, I, C, g);
   }
   remove(A, I) {
     E.rawimpulsejointset_remove(this.__wbg_ptr, A, I);
@@ -1026,14 +1026,14 @@ class rA {
     try {
       E.rawimpulsejointset_forEachJointHandle(this.__wbg_ptr, CA(A));
     } finally {
-      j[AA++] = void 0;
+      m[AA++] = void 0;
     }
   }
   forEachJointAttachedToRigidBody(A, I) {
     try {
       E.rawimpulsejointset_forEachJointAttachedToRigidBody(this.__wbg_ptr, A, CA(I));
     } finally {
-      j[AA++] = void 0;
+      m[AA++] = void 0;
     }
   }
 }
@@ -1138,7 +1138,7 @@ class qA {
     try {
       E.rawislandmanager_forEachActiveRigidBodyHandle(this.__wbg_ptr, CA(A));
     } finally {
-      j[AA++] = void 0;
+      m[AA++] = void 0;
     }
   }
 }
@@ -1231,9 +1231,9 @@ class tC {
   }
   computeColliderMovement(A, I, C, g, Q, B, D, w, o, h, G, s) {
     try {
-      K(I, fA), K(C, oA), K(g, IA), K(Q, EA), K(D, k), E.rawkinematiccharactercontroller_computeColliderMovement(this.__wbg_ptr, A, I.__wbg_ptr, C.__wbg_ptr, g.__wbg_ptr, Q.__wbg_ptr, B, D.__wbg_ptr, w, L(o) ? 4294967297 : Math.fround(o), h, L(G) ? 4294967297 : G >>> 0, CA(s));
+      K(I, fA), K(C, oA), K(g, gA), K(Q, EA), K(D, k), E.rawkinematiccharactercontroller_computeColliderMovement(this.__wbg_ptr, A, I.__wbg_ptr, C.__wbg_ptr, g.__wbg_ptr, Q.__wbg_ptr, B, D.__wbg_ptr, w, L(o) ? 4294967297 : Math.fround(o), h, L(G) ? 4294967297 : G >>> 0, CA(s));
     } finally {
-      j[AA++] = void 0;
+      m[AA++] = void 0;
     }
   }
   computedMovement() {
@@ -1272,11 +1272,11 @@ class lA {
   }
   jointFrameX1(A) {
     const I = E.rawmultibodyjointset_jointFrameX1(this.__wbg_ptr, A);
-    return m.__wrap(I);
+    return x.__wrap(I);
   }
   jointFrameX2(A) {
     const I = E.rawmultibodyjointset_jointFrameX2(this.__wbg_ptr, A);
-    return m.__wrap(I);
+    return x.__wrap(I);
   }
   jointAnchor1(A) {
     const I = E.rawmultibodyjointset_jointAnchor1(this.__wbg_ptr, A);
@@ -1306,7 +1306,7 @@ class lA {
     return this.__wbg_ptr = A >>> 0, lI.register(this, this.__wbg_ptr, this), this;
   }
   createJoint(A, I, C, g) {
-    return K(A, kA), E.rawmultibodyjointset_createJoint(this.__wbg_ptr, A.__wbg_ptr, I, C, g);
+    return K(A, yA), E.rawmultibodyjointset_createJoint(this.__wbg_ptr, A.__wbg_ptr, I, C, g);
   }
   remove(A, I) {
     E.rawmultibodyjointset_remove(this.__wbg_ptr, A, I);
@@ -1318,14 +1318,14 @@ class lA {
     try {
       E.rawmultibodyjointset_forEachJointHandle(this.__wbg_ptr, CA(A));
     } finally {
-      j[AA++] = void 0;
+      m[AA++] = void 0;
     }
   }
   forEachJointAttachedToRigidBody(A, I) {
     try {
       E.rawmultibodyjointset_forEachJointAttachedToRigidBody(this.__wbg_ptr, A, CA(I));
     } finally {
-      j[AA++] = void 0;
+      m[AA++] = void 0;
     }
   }
 }
@@ -1435,10 +1435,10 @@ class YC {
     return E.rawphysicspipeline_timing_user_changes(this.__wbg_ptr);
   }
   step(A, I, C, g, Q, B, D, w, o, h) {
-    K(A, k), K(I, OA), K(C, qA), K(g, fA), K(Q, oA), K(B, IA), K(D, EA), K(w, rA), K(o, lA), K(h, bI), E.rawphysicspipeline_step(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, C.__wbg_ptr, g.__wbg_ptr, Q.__wbg_ptr, B.__wbg_ptr, D.__wbg_ptr, w.__wbg_ptr, o.__wbg_ptr, h.__wbg_ptr);
+    K(A, k), K(I, OA), K(C, qA), K(g, fA), K(Q, oA), K(B, gA), K(D, EA), K(w, rA), K(o, lA), K(h, bI), E.rawphysicspipeline_step(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, C.__wbg_ptr, g.__wbg_ptr, Q.__wbg_ptr, B.__wbg_ptr, D.__wbg_ptr, w.__wbg_ptr, o.__wbg_ptr, h.__wbg_ptr);
   }
   stepWithEvents(A, I, C, g, Q, B, D, w, o, h, G, s, a, M) {
-    K(A, k), K(I, OA), K(C, qA), K(g, fA), K(Q, oA), K(B, IA), K(D, EA), K(w, rA), K(o, lA), K(h, bI), K(G, jg), E.rawphysicspipeline_stepWithEvents(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, C.__wbg_ptr, g.__wbg_ptr, Q.__wbg_ptr, B.__wbg_ptr, D.__wbg_ptr, w.__wbg_ptr, o.__wbg_ptr, h.__wbg_ptr, G.__wbg_ptr, P(s), P(a), P(M));
+    K(A, k), K(I, OA), K(C, qA), K(g, fA), K(Q, oA), K(B, gA), K(D, EA), K(w, rA), K(o, lA), K(h, bI), K(G, jg), E.rawphysicspipeline_stepWithEvents(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, C.__wbg_ptr, g.__wbg_ptr, Q.__wbg_ptr, B.__wbg_ptr, D.__wbg_ptr, w.__wbg_ptr, o.__wbg_ptr, h.__wbg_ptr, G.__wbg_ptr, P(s), P(a), P(M));
   }
 }
 const Yg = typeof FinalizationRegistry > "u" ? { register: () => {
@@ -1473,18 +1473,18 @@ class eC {
     E.rawpidcontroller_reset_integrals(this.__wbg_ptr);
   }
   apply_linear_correction(A, I, C, g, Q) {
-    K(I, IA), K(g, k), K(Q, k), E.rawpidcontroller_apply_linear_correction(this.__wbg_ptr, A, I.__wbg_ptr, C, g.__wbg_ptr, Q.__wbg_ptr);
+    K(I, gA), K(g, k), K(Q, k), E.rawpidcontroller_apply_linear_correction(this.__wbg_ptr, A, I.__wbg_ptr, C, g.__wbg_ptr, Q.__wbg_ptr);
   }
   apply_angular_correction(A, I, C, g, Q) {
-    K(I, IA), E.rawpidcontroller_apply_angular_correction(this.__wbg_ptr, A, I.__wbg_ptr, C, g, Q);
+    K(I, gA), E.rawpidcontroller_apply_angular_correction(this.__wbg_ptr, A, I.__wbg_ptr, C, g, Q);
   }
   linear_correction(A, I, C, g, Q) {
-    K(I, IA), K(g, k), K(Q, k);
+    K(I, gA), K(g, k), K(Q, k);
     const B = E.rawpidcontroller_linear_correction(this.__wbg_ptr, A, I.__wbg_ptr, C, g.__wbg_ptr, Q.__wbg_ptr);
     return k.__wrap(B);
   }
   angular_correction(A, I, C, g, Q) {
-    return K(I, IA), E.rawpidcontroller_angular_correction(this.__wbg_ptr, A, I.__wbg_ptr, C, g, Q);
+    return K(I, gA), E.rawpidcontroller_angular_correction(this.__wbg_ptr, A, I.__wbg_ptr, C, g, Q);
   }
 }
 const eg = typeof FinalizationRegistry > "u" ? { register: () => {
@@ -1641,10 +1641,10 @@ class MI {
 const HI = typeof FinalizationRegistry > "u" ? { register: () => {
 }, unregister: () => {
 } } : new FinalizationRegistry((i) => E.__wbg_rawrigidbodyset_free(i >>> 0, 1));
-class IA {
+class gA {
   static __wrap(A) {
     A >>>= 0;
-    const I = Object.create(IA.prototype);
+    const I = Object.create(gA.prototype);
     return I.__wbg_ptr = A, HI.register(I, I.__wbg_ptr, I), I;
   }
   __destroy_into_raw() {
@@ -1661,7 +1661,7 @@ class IA {
   }
   rbRotation(A) {
     const I = E.rawrigidbodyset_rbRotation(this.__wbg_ptr, A);
-    return m.__wrap(I);
+    return x.__wrap(I);
   }
   rbSleep(A) {
     E.rawrigidbodyset_rbSleep(this.__wbg_ptr, A);
@@ -1678,7 +1678,7 @@ class IA {
   }
   rbNextRotation(A) {
     const I = E.rawrigidbodyset_rbNextRotation(this.__wbg_ptr, A);
-    return m.__wrap(I);
+    return x.__wrap(I);
   }
   rbSetTranslation(A, I, C, g) {
     E.rawrigidbodyset_rbSetTranslation(this.__wbg_ptr, A, I, C, g);
@@ -1872,7 +1872,7 @@ class IA {
     return this.__wbg_ptr = A >>> 0, HI.register(this, this.__wbg_ptr, this), this;
   }
   createRigidBody(A, I, C, g, Q, B, D, w, o, h, G, s, a, M, y, J, S, F, U, R, c, r) {
-    return K(I, k), K(C, m), K(D, k), K(w, k), E.rawrigidbodyset_createRigidBody(this.__wbg_ptr, A, I.__wbg_ptr, C.__wbg_ptr, g, Q, B, D.__wbg_ptr, w.__wbg_ptr, o, h, G, s, a, M, y, J, S, F, U, R, c, r);
+    return K(I, k), K(C, x), K(D, k), K(w, k), E.rawrigidbodyset_createRigidBody(this.__wbg_ptr, A, I.__wbg_ptr, C.__wbg_ptr, g, Q, B, D.__wbg_ptr, w.__wbg_ptr, o, h, G, s, a, M, y, J, S, F, U, R, c, r);
   }
   remove(A, I, C, g, Q) {
     K(I, qA), K(C, EA), K(g, rA), K(Q, lA), E.rawrigidbodyset_remove(this.__wbg_ptr, A, I.__wbg_ptr, C.__wbg_ptr, g.__wbg_ptr, Q.__wbg_ptr);
@@ -1887,7 +1887,7 @@ class IA {
     try {
       E.rawrigidbodyset_forEachRigidBodyHandle(this.__wbg_ptr, CA(A));
     } finally {
-      j[AA++] = void 0;
+      m[AA++] = void 0;
     }
   }
   propagateModifiedBodyPositionsToColliders(A) {
@@ -1897,10 +1897,10 @@ class IA {
 const ng = typeof FinalizationRegistry > "u" ? { register: () => {
 }, unregister: () => {
 } } : new FinalizationRegistry((i) => E.__wbg_rawrotation_free(i >>> 0, 1));
-class m {
+class x {
   static __wrap(A) {
     A >>>= 0;
-    const I = Object.create(m.prototype);
+    const I = Object.create(x.prototype);
     return I.__wbg_ptr = A, ng.register(I, I.__wbg_ptr, I), I;
   }
   __destroy_into_raw() {
@@ -1913,11 +1913,11 @@ class m {
   }
   static identity() {
     const A = E.rawrotation_identity();
-    return m.__wrap(A);
+    return x.__wrap(A);
   }
   static fromAngle(A) {
     const I = E.rawrotation_fromAngle(A);
-    return m.__wrap(I);
+    return x.__wrap(I);
   }
   get im() {
     return E.rawkinematiccharactercontroller_offset(this.__wbg_ptr);
@@ -1946,7 +1946,7 @@ class LC {
     return this.__wbg_ptr = A >>> 0, Hg.register(this, this.__wbg_ptr, this), this;
   }
   serializeAll(A, I, C, g, Q, B, D, w, o) {
-    return K(A, k), K(I, OA), K(C, qA), K(g, fA), K(Q, oA), K(B, IA), K(D, EA), K(w, rA), K(o, lA), wI(E.rawserializationpipeline_serializeAll(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, C.__wbg_ptr, g.__wbg_ptr, Q.__wbg_ptr, B.__wbg_ptr, D.__wbg_ptr, w.__wbg_ptr, o.__wbg_ptr));
+    return K(A, k), K(I, OA), K(C, qA), K(g, fA), K(Q, oA), K(B, gA), K(D, EA), K(w, rA), K(o, lA), wI(E.rawserializationpipeline_serializeAll(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, C.__wbg_ptr, g.__wbg_ptr, Q.__wbg_ptr, B.__wbg_ptr, D.__wbg_ptr, w.__wbg_ptr, o.__wbg_ptr));
   }
   deserializeAll(A) {
     const I = E.rawserializationpipeline_deserializeAll(this.__wbg_ptr, P(A));
@@ -1956,10 +1956,10 @@ class LC {
 const pg = typeof FinalizationRegistry > "u" ? { register: () => {
 }, unregister: () => {
 } } : new FinalizationRegistry((i) => E.__wbg_rawshape_free(i >>> 0, 1));
-class d {
+class f {
   static __wrap(A) {
     A >>>= 0;
-    const I = Object.create(d.prototype);
+    const I = Object.create(f.prototype);
     return I.__wbg_ptr = A, pg.register(I, I.__wbg_ptr, I), I;
   }
   __destroy_into_raw() {
@@ -1972,109 +1972,109 @@ class d {
   }
   static cuboid(A, I) {
     const C = E.rawshape_cuboid(A, I);
-    return d.__wrap(C);
+    return f.__wrap(C);
   }
   static roundCuboid(A, I, C) {
     const g = E.rawshape_roundCuboid(A, I, C);
-    return d.__wrap(g);
+    return f.__wrap(g);
   }
   static ball(A) {
     const I = E.rawshape_ball(A);
-    return d.__wrap(I);
+    return f.__wrap(I);
   }
   static halfspace(A) {
     K(A, k);
     const I = E.rawshape_halfspace(A.__wbg_ptr);
-    return d.__wrap(I);
+    return f.__wrap(I);
   }
   static capsule(A, I) {
     const C = E.rawshape_capsule(A, I);
-    return d.__wrap(C);
+    return f.__wrap(C);
   }
   static voxels(A, I) {
     K(A, k);
-    const C = tI(I, E.__wbindgen_export_2), g = FA, Q = E.rawshape_voxels(A.__wbg_ptr, C, g);
-    return d.__wrap(Q);
+    const C = tI(I, E.__wbindgen_export_2), g = MA, Q = E.rawshape_voxels(A.__wbg_ptr, C, g);
+    return f.__wrap(Q);
   }
   static voxelsFromPoints(A, I) {
     K(A, k);
-    const C = pA(I, E.__wbindgen_export_2), g = FA, Q = E.rawshape_voxelsFromPoints(A.__wbg_ptr, C, g);
-    return d.__wrap(Q);
+    const C = pA(I, E.__wbindgen_export_2), g = MA, Q = E.rawshape_voxelsFromPoints(A.__wbg_ptr, C, g);
+    return f.__wrap(Q);
   }
   static polyline(A, I) {
-    const C = pA(A, E.__wbindgen_export_2), g = FA, Q = tI(I, E.__wbindgen_export_2), B = FA, D = E.rawshape_polyline(C, g, Q, B);
-    return d.__wrap(D);
+    const C = pA(A, E.__wbindgen_export_2), g = MA, Q = tI(I, E.__wbindgen_export_2), B = MA, D = E.rawshape_polyline(C, g, Q, B);
+    return f.__wrap(D);
   }
   static trimesh(A, I, C) {
-    const g = pA(A, E.__wbindgen_export_2), Q = FA, B = tI(I, E.__wbindgen_export_2), D = FA, w = E.rawshape_trimesh(g, Q, B, D, C);
-    return w === 0 ? void 0 : d.__wrap(w);
+    const g = pA(A, E.__wbindgen_export_2), Q = MA, B = tI(I, E.__wbindgen_export_2), D = MA, w = E.rawshape_trimesh(g, Q, B, D, C);
+    return w === 0 ? void 0 : f.__wrap(w);
   }
   static heightfield(A, I) {
-    const C = pA(A, E.__wbindgen_export_2), g = FA;
+    const C = pA(A, E.__wbindgen_export_2), g = MA;
     K(I, k);
     const Q = E.rawshape_heightfield(C, g, I.__wbg_ptr);
-    return d.__wrap(Q);
+    return f.__wrap(Q);
   }
   static segment(A, I) {
     K(A, k), K(I, k);
     const C = E.rawshape_segment(A.__wbg_ptr, I.__wbg_ptr);
-    return d.__wrap(C);
+    return f.__wrap(C);
   }
   static triangle(A, I, C) {
     K(A, k), K(I, k), K(C, k);
     const g = E.rawshape_triangle(A.__wbg_ptr, I.__wbg_ptr, C.__wbg_ptr);
-    return d.__wrap(g);
+    return f.__wrap(g);
   }
   static roundTriangle(A, I, C, g) {
     K(A, k), K(I, k), K(C, k);
     const Q = E.rawshape_roundTriangle(A.__wbg_ptr, I.__wbg_ptr, C.__wbg_ptr, g);
-    return d.__wrap(Q);
+    return f.__wrap(Q);
   }
   static convexHull(A) {
-    const I = pA(A, E.__wbindgen_export_2), C = FA, g = E.rawshape_convexHull(I, C);
-    return g === 0 ? void 0 : d.__wrap(g);
+    const I = pA(A, E.__wbindgen_export_2), C = MA, g = E.rawshape_convexHull(I, C);
+    return g === 0 ? void 0 : f.__wrap(g);
   }
   static roundConvexHull(A, I) {
-    const C = pA(A, E.__wbindgen_export_2), g = FA, Q = E.rawshape_roundConvexHull(C, g, I);
-    return Q === 0 ? void 0 : d.__wrap(Q);
+    const C = pA(A, E.__wbindgen_export_2), g = MA, Q = E.rawshape_roundConvexHull(C, g, I);
+    return Q === 0 ? void 0 : f.__wrap(Q);
   }
   static convexPolyline(A) {
-    const I = pA(A, E.__wbindgen_export_2), C = FA, g = E.rawshape_convexPolyline(I, C);
-    return g === 0 ? void 0 : d.__wrap(g);
+    const I = pA(A, E.__wbindgen_export_2), C = MA, g = E.rawshape_convexPolyline(I, C);
+    return g === 0 ? void 0 : f.__wrap(g);
   }
   static roundConvexPolyline(A, I) {
-    const C = pA(A, E.__wbindgen_export_2), g = FA, Q = E.rawshape_roundConvexPolyline(C, g, I);
-    return Q === 0 ? void 0 : d.__wrap(Q);
+    const C = pA(A, E.__wbindgen_export_2), g = MA, Q = E.rawshape_roundConvexPolyline(C, g, I);
+    return Q === 0 ? void 0 : f.__wrap(Q);
   }
   castShape(A, I, C, g, Q, B, D, w, o, h) {
-    K(A, k), K(I, m), K(C, k), K(g, d), K(Q, k), K(B, m), K(D, k);
+    K(A, k), K(I, x), K(C, k), K(g, f), K(Q, k), K(B, x), K(D, k);
     const G = E.rawshape_castShape(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, C.__wbg_ptr, g.__wbg_ptr, Q.__wbg_ptr, B.__wbg_ptr, D.__wbg_ptr, w, o, h);
     return G === 0 ? void 0 : JI.__wrap(G);
   }
   intersectsShape(A, I, C, g, Q) {
-    return K(A, k), K(I, m), K(C, d), K(g, k), K(Q, m), E.rawshape_intersectsShape(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, C.__wbg_ptr, g.__wbg_ptr, Q.__wbg_ptr) !== 0;
+    return K(A, k), K(I, x), K(C, f), K(g, k), K(Q, x), E.rawshape_intersectsShape(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, C.__wbg_ptr, g.__wbg_ptr, Q.__wbg_ptr) !== 0;
   }
   contactShape(A, I, C, g, Q, B) {
-    K(A, k), K(I, m), K(C, d), K(g, k), K(Q, m);
+    K(A, k), K(I, x), K(C, f), K(g, k), K(Q, x);
     const D = E.rawshape_contactShape(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, C.__wbg_ptr, g.__wbg_ptr, Q.__wbg_ptr, B);
     return D === 0 ? void 0 : AI.__wrap(D);
   }
   containsPoint(A, I, C) {
-    return K(A, k), K(I, m), K(C, k), E.rawshape_containsPoint(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, C.__wbg_ptr) !== 0;
+    return K(A, k), K(I, x), K(C, k), E.rawshape_containsPoint(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, C.__wbg_ptr) !== 0;
   }
   projectPoint(A, I, C, g) {
-    K(A, k), K(I, m), K(C, k);
+    K(A, k), K(I, x), K(C, k);
     const Q = E.rawshape_projectPoint(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, C.__wbg_ptr, g);
     return yI.__wrap(Q);
   }
   intersectsRay(A, I, C, g, Q) {
-    return K(A, k), K(I, m), K(C, k), K(g, k), E.rawshape_intersectsRay(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, C.__wbg_ptr, g.__wbg_ptr, Q) !== 0;
+    return K(A, k), K(I, x), K(C, k), K(g, k), E.rawshape_intersectsRay(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, C.__wbg_ptr, g.__wbg_ptr, Q) !== 0;
   }
   castRay(A, I, C, g, Q, B) {
-    return K(A, k), K(I, m), K(C, k), K(g, k), E.rawshape_castRay(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, C.__wbg_ptr, g.__wbg_ptr, Q, B);
+    return K(A, k), K(I, x), K(C, k), K(g, k), E.rawshape_castRay(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, C.__wbg_ptr, g.__wbg_ptr, Q, B);
   }
   castRayAndGetNormal(A, I, C, g, Q, B) {
-    K(A, k), K(I, m), K(C, k), K(g, k);
+    K(A, k), K(I, x), K(C, k), K(g, k);
     const D = E.rawshape_castRayAndGetNormal(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, C.__wbg_ptr, g.__wbg_ptr, Q, B);
     return D === 0 ? void 0 : MI.__wrap(D);
   }
@@ -2339,10 +2339,10 @@ class z {
     return A.free(), I;
   }
   static intoRaw(A) {
-    return m.fromAngle(A);
+    return x.fromAngle(A);
   }
 }
-var cA, MA, TI, ZI, II, xA, KA, OI, WI, GI, sI, jI, mI, KI, ZA;
+var cA, JA, TI, ZI, II, xA, KA, OI, WI, GI, sI, jI, mI, KI, ZA;
 (function(i) {
   i[i.Dynamic = 0] = "Dynamic", i[i.Fixed = 1] = "Fixed", i[i.KinematicPositionBased = 2] = "KinematicPositionBased", i[i.KinematicVelocityBased = 3] = "KinematicVelocityBased";
 })(cA || (cA = {}));
@@ -2696,7 +2696,7 @@ class UI {
 }
 class Xg {
   constructor(A) {
-    this.raw = A || new IA(), this.map = new UI(), A && A.forEachRigidBodyHandle((I) => {
+    this.raw = A || new gA(), this.map = new UI(), A && A.forEachRigidBodyHandle((I) => {
       this.map.set(I, new xI(A, null, I));
     });
   }
@@ -2801,7 +2801,7 @@ class vg {
 }
 (function(i) {
   i[i.Revolute = 0] = "Revolute", i[i.Fixed = 1] = "Fixed", i[i.Prismatic = 2] = "Prismatic", i[i.Rope = 3] = "Rope", i[i.Spring = 4] = "Spring";
-})(MA || (MA = {})), function(i) {
+})(JA || (JA = {})), function(i) {
   i[i.AccelerationBased = 0] = "AccelerationBased", i[i.ForceBased = 1] = "ForceBased";
 }(TI || (TI = {})), function(i) {
   i[i.LinX = 1] = "LinX", i[i.LinY = 2] = "LinY", i[i.LinZ = 4] = "LinZ", i[i.AngX = 8] = "AngX", i[i.AngY = 16] = "AngY", i[i.AngZ = 32] = "AngZ";
@@ -2909,42 +2909,42 @@ class TA {
   }
   static fixed(A, I, C, g) {
     let Q = new TA();
-    return Q.anchor1 = A, Q.anchor2 = C, Q.frame1 = I, Q.frame2 = g, Q.jointType = MA.Fixed, Q;
+    return Q.anchor1 = A, Q.anchor2 = C, Q.frame1 = I, Q.frame2 = g, Q.jointType = JA.Fixed, Q;
   }
   static spring(A, I, C, g, Q) {
     let B = new TA();
-    return B.anchor1 = g, B.anchor2 = Q, B.length = A, B.stiffness = I, B.damping = C, B.jointType = MA.Spring, B;
+    return B.anchor1 = g, B.anchor2 = Q, B.length = A, B.stiffness = I, B.damping = C, B.jointType = JA.Spring, B;
   }
   static rope(A, I, C) {
     let g = new TA();
-    return g.anchor1 = I, g.anchor2 = C, g.length = A, g.jointType = MA.Rope, g;
+    return g.anchor1 = I, g.anchor2 = C, g.length = A, g.jointType = JA.Rope, g;
   }
   static revolute(A, I) {
     let C = new TA();
-    return C.anchor1 = A, C.anchor2 = I, C.jointType = MA.Revolute, C;
+    return C.anchor1 = A, C.anchor2 = I, C.jointType = JA.Revolute, C;
   }
   static prismatic(A, I, C) {
     let g = new TA();
-    return g.anchor1 = A, g.anchor2 = I, g.axis = C, g.jointType = MA.Prismatic, g;
+    return g.anchor1 = A, g.anchor2 = I, g.axis = C, g.jointType = JA.Prismatic, g;
   }
   intoRaw() {
     let A, I, C = N.intoRaw(this.anchor1), g = N.intoRaw(this.anchor2), Q = !1, B = 0, D = 0;
     switch (this.jointType) {
-      case MA.Fixed:
+      case JA.Fixed:
         let w = z.intoRaw(this.frame1), o = z.intoRaw(this.frame2);
-        I = kA.fixed(C, w, g, o), w.free(), o.free();
+        I = yA.fixed(C, w, g, o), w.free(), o.free();
         break;
-      case MA.Spring:
-        I = kA.spring(this.length, this.stiffness, this.damping, C, g);
+      case JA.Spring:
+        I = yA.spring(this.length, this.stiffness, this.damping, C, g);
         break;
-      case MA.Rope:
-        I = kA.rope(this.length, C, g);
+      case JA.Rope:
+        I = yA.rope(this.length, C, g);
         break;
-      case MA.Prismatic:
-        A = N.intoRaw(this.axis), this.limitsEnabled && (Q = !0, B = this.limits[0], D = this.limits[1]), I = kA.prismatic(C, g, A, Q, B, D), A.free();
+      case JA.Prismatic:
+        A = N.intoRaw(this.axis), this.limitsEnabled && (Q = !0, B = this.limits[0], D = this.limits[1]), I = yA.prismatic(C, g, A, Q, B, D), A.free();
         break;
-      case MA.Revolute:
-        I = kA.revolute(C, g);
+      case JA.Revolute:
+        I = yA.revolute(C, g);
     }
     return C.free(), g.free(), I;
   }
@@ -3329,37 +3329,37 @@ class aA {
     const C = A.coShapeType(I);
     let g, Q, B, D, w, o, h;
     switch (C) {
-      case NA.Ball:
+      case kA.Ball:
         return new Ig(A.coRadius(I));
-      case NA.Cuboid:
+      case kA.Cuboid:
         return g = A.coHalfExtents(I), new Cg(g.x, g.y);
-      case NA.RoundCuboid:
+      case kA.RoundCuboid:
         return g = A.coHalfExtents(I), Q = A.coRoundRadius(I), new Qg(g.x, g.y, Q);
-      case NA.Capsule:
+      case kA.Capsule:
         return w = A.coHalfHeight(I), o = A.coRadius(I), new Bg(w, o);
-      case NA.Segment:
+      case kA.Segment:
         return B = A.coVertices(I), new Eg(N.new(B[0], B[1]), N.new(B[2], B[3]));
-      case NA.Polyline:
+      case kA.Polyline:
         return B = A.coVertices(I), D = A.coIndices(I), new og(B, D);
-      case NA.Triangle:
+      case kA.Triangle:
         return B = A.coVertices(I), new ig(N.new(B[0], B[1]), N.new(B[2], B[3]), N.new(B[4], B[5]));
-      case NA.RoundTriangle:
+      case kA.RoundTriangle:
         return B = A.coVertices(I), Q = A.coRoundRadius(I), new Dg(N.new(B[0], B[1]), N.new(B[2], B[3]), N.new(B[4], B[5]), Q);
-      case NA.HalfSpace:
+      case kA.HalfSpace:
         return h = N.fromRaw(A.coHalfspaceNormal(I)), new gg(h);
-      case NA.Voxels:
+      case kA.Voxels:
         const G = A.coVoxelData(I), s = A.coVoxelSize(I);
         return new wg(G, s);
-      case NA.TriMesh:
+      case kA.TriMesh:
         B = A.coVertices(I), D = A.coIndices(I);
         const a = A.coTriMeshFlags(I);
         return new hg(B, D, a);
-      case NA.HeightField:
+      case kA.HeightField:
         const M = A.coHeightfieldScale(I), y = A.coHeightfieldHeights(I);
         return new Gg(y, M);
-      case NA.ConvexPolygon:
+      case kA.ConvexPolygon:
         return B = A.coVertices(I), new aI(B, !1);
-      case NA.RoundConvexPolygon:
+      case kA.RoundConvexPolygon:
         return B = A.coVertices(I), Q = A.coRoundRadius(I), new SI(B, Q, !1);
       default:
         throw new Error("unknown shape type: " + C);
@@ -3408,7 +3408,7 @@ class Ig extends aA {
     super(), this.type = KA.Ball, this.radius = A;
   }
   intoRaw() {
-    return d.ball(this.radius);
+    return f.ball(this.radius);
   }
 }
 class gg extends aA {
@@ -3416,7 +3416,7 @@ class gg extends aA {
     super(), this.type = KA.HalfSpace, this.normal = A;
   }
   intoRaw() {
-    let A = N.intoRaw(this.normal), I = d.halfspace(A);
+    let A = N.intoRaw(this.normal), I = f.halfspace(A);
     return A.free(), I;
   }
 }
@@ -3425,7 +3425,7 @@ class Cg extends aA {
     super(), this.type = KA.Cuboid, this.halfExtents = N.new(A, I);
   }
   intoRaw() {
-    return d.cuboid(this.halfExtents.x, this.halfExtents.y);
+    return f.cuboid(this.halfExtents.x, this.halfExtents.y);
   }
 }
 class Qg extends aA {
@@ -3433,7 +3433,7 @@ class Qg extends aA {
     super(), this.type = KA.RoundCuboid, this.halfExtents = N.new(A, I), this.borderRadius = C;
   }
   intoRaw() {
-    return d.roundCuboid(this.halfExtents.x, this.halfExtents.y, this.borderRadius);
+    return f.roundCuboid(this.halfExtents.x, this.halfExtents.y, this.borderRadius);
   }
 }
 class Bg extends aA {
@@ -3441,7 +3441,7 @@ class Bg extends aA {
     super(), this.type = KA.Capsule, this.halfHeight = A, this.radius = I;
   }
   intoRaw() {
-    return d.capsule(this.halfHeight, this.radius);
+    return f.capsule(this.halfHeight, this.radius);
   }
 }
 class Eg extends aA {
@@ -3449,7 +3449,7 @@ class Eg extends aA {
     super(), this.type = KA.Segment, this.a = A, this.b = I;
   }
   intoRaw() {
-    let A = N.intoRaw(this.a), I = N.intoRaw(this.b), C = d.segment(A, I);
+    let A = N.intoRaw(this.a), I = N.intoRaw(this.b), C = f.segment(A, I);
     return A.free(), I.free(), C;
   }
 }
@@ -3458,7 +3458,7 @@ class ig extends aA {
     super(), this.type = KA.Triangle, this.a = A, this.b = I, this.c = C;
   }
   intoRaw() {
-    let A = N.intoRaw(this.a), I = N.intoRaw(this.b), C = N.intoRaw(this.c), g = d.triangle(A, I, C);
+    let A = N.intoRaw(this.a), I = N.intoRaw(this.b), C = N.intoRaw(this.c), g = f.triangle(A, I, C);
     return A.free(), I.free(), C.free(), g;
   }
 }
@@ -3467,7 +3467,7 @@ class Dg extends aA {
     super(), this.type = KA.RoundTriangle, this.a = A, this.b = I, this.c = C, this.borderRadius = g;
   }
   intoRaw() {
-    let A = N.intoRaw(this.a), I = N.intoRaw(this.b), C = N.intoRaw(this.c), g = d.roundTriangle(A, I, C, this.borderRadius);
+    let A = N.intoRaw(this.a), I = N.intoRaw(this.b), C = N.intoRaw(this.c), g = f.roundTriangle(A, I, C, this.borderRadius);
     return A.free(), I.free(), C.free(), g;
   }
 }
@@ -3476,7 +3476,7 @@ class og extends aA {
     super(), this.type = KA.Polyline, this.vertices = A, this.indices = I ?? new Uint32Array(0);
   }
   intoRaw() {
-    return d.polyline(this.vertices, this.indices);
+    return f.polyline(this.vertices, this.indices);
   }
 }
 class wg extends aA {
@@ -3485,7 +3485,7 @@ class wg extends aA {
   }
   intoRaw() {
     let A, I = N.intoRaw(this.voxelSize);
-    return A = this.data instanceof Int32Array ? d.voxels(I, this.data) : d.voxelsFromPoints(I, this.data), I.free(), A;
+    return A = this.data instanceof Int32Array ? f.voxels(I, this.data) : f.voxelsFromPoints(I, this.data), I.free(), A;
   }
 }
 class hg extends aA {
@@ -3493,7 +3493,7 @@ class hg extends aA {
     super(), this.type = KA.TriMesh, this.vertices = A, this.indices = I, this.flags = C;
   }
   intoRaw() {
-    return d.trimesh(this.vertices, this.indices, this.flags);
+    return f.trimesh(this.vertices, this.indices, this.flags);
   }
 }
 class aI extends aA {
@@ -3501,7 +3501,7 @@ class aI extends aA {
     super(), this.type = KA.ConvexPolygon, this.vertices = A, this.skipConvexHullComputation = !!I;
   }
   intoRaw() {
-    return this.skipConvexHullComputation ? d.convexPolyline(this.vertices) : d.convexHull(this.vertices);
+    return this.skipConvexHullComputation ? f.convexPolyline(this.vertices) : f.convexHull(this.vertices);
   }
 }
 class SI extends aA {
@@ -3509,7 +3509,7 @@ class SI extends aA {
     super(), this.type = KA.RoundConvexPolygon, this.vertices = A, this.borderRadius = I, this.skipConvexHullComputation = !!C;
   }
   intoRaw() {
-    return this.skipConvexHullComputation ? d.roundConvexPolyline(this.vertices, this.borderRadius) : d.roundConvexHull(this.vertices, this.borderRadius);
+    return this.skipConvexHullComputation ? f.roundConvexPolyline(this.vertices, this.borderRadius) : f.roundConvexHull(this.vertices, this.borderRadius);
   }
 }
 class Gg extends aA {
@@ -3517,7 +3517,7 @@ class Gg extends aA {
     super(), this.type = KA.HeightField, this.heights = A, this.scale = I;
   }
   intoRaw() {
-    let A = N.intoRaw(this.scale), I = d.heightfield(this.heights, A);
+    let A = N.intoRaw(this.scale), I = f.heightfield(this.heights, A);
     return A.free(), I;
   }
 }
@@ -4423,12 +4423,12 @@ for (var nC = { byteLength: function(i) {
   var A, I, C = bg(i), g = C[0], Q = C[1], B = new HC(function(o, h, G) {
     return 3 * (h + G) / 4 - G;
   }(0, g, Q)), D = 0, w = Q > 0 ? g - 4 : g;
-  for (I = 0; I < w; 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)], B[D++] = A >> 16 & 255, B[D++] = A >> 8 & 255, B[D++] = 255 & A;
-  return Q === 2 && (A = UA[i.charCodeAt(I)] << 2 | UA[i.charCodeAt(I + 1)] >> 4, B[D++] = 255 & A), Q === 1 && (A = UA[i.charCodeAt(I)] << 10 | UA[i.charCodeAt(I + 1)] << 4 | UA[i.charCodeAt(I + 2)] >> 2, B[D++] = A >> 8 & 255, B[D++] = 255 & A), B;
+  for (I = 0; I < w; I += 4) A = RA[i.charCodeAt(I)] << 18 | RA[i.charCodeAt(I + 1)] << 12 | RA[i.charCodeAt(I + 2)] << 6 | RA[i.charCodeAt(I + 3)], B[D++] = A >> 16 & 255, B[D++] = A >> 8 & 255, B[D++] = 255 & A;
+  return Q === 2 && (A = RA[i.charCodeAt(I)] << 2 | RA[i.charCodeAt(I + 1)] >> 4, B[D++] = 255 & A), Q === 1 && (A = RA[i.charCodeAt(I)] << 10 | RA[i.charCodeAt(I + 1)] << 4 | RA[i.charCodeAt(I + 2)] >> 2, B[D++] = A >> 8 & 255, B[D++] = 255 & A), B;
 }, fromByteArray: function(i) {
   for (var A, I = i.length, C = I % 3, g = [], Q = 16383, B = 0, D = I - C; B < D; B += Q) g.push(dC(i, B, B + Q > D ? D : B + Q));
   return C === 1 ? (A = i[I - 1], g.push(eA[A >> 2] + eA[A << 4 & 63] + "==")) : C === 2 && (A = (i[I - 2] << 8) + i[I - 1], g.push(eA[A >> 10] + eA[A >> 4 & 63] + eA[A << 2 & 63] + "=")), g.join("");
-} }, eA = [], UA = [], HC = typeof Uint8Array < "u" ? Uint8Array : Array, dI = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/", mA = 0, pC = dI.length; mA < pC; ++mA) eA[mA] = dI[mA], UA[dI.charCodeAt(mA)] = mA;
+} }, eA = [], RA = [], HC = typeof Uint8Array < "u" ? Uint8Array : Array, dI = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/", mA = 0, pC = dI.length; mA < pC; ++mA) eA[mA] = dI[mA], RA[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");
@@ -4461,11 +4461,11 @@ function TC(i) {
   var A;
   A = i, E.reserve_memory(A);
 }
-UA[45] = 62, UA[95] = 63;
-var yA = Object.freeze({ __proto__: null, version: bC, reserveMemory: TC, Vector2: xg, VectorOps: N, RotationOps: z, get RigidBodyType() {
+RA[45] = 62, RA[95] = 63;
+var FA = Object.freeze({ __proto__: null, version: bC, reserveMemory: TC, Vector2: xg, VectorOps: N, RotationOps: z, get RigidBodyType() {
   return cA;
 }, RigidBody: xI, RigidBodyDesc: YA, RigidBodySet: Xg, IntegrationParameters: vg, get JointType() {
-  return MA;
+  return JA;
 }, get MotorModel() {
   return TI;
 }, get JointAxesMask() {
@@ -4501,7 +4501,7 @@ class ZC {
     $(this, "initialized", !1);
   }
   async init(A) {
-    this.initialized || (await yA.init(), this.world = new yA.World(new yA.Vector2(A.x, A.y)), this.initialized = !0);
+    this.initialized || (await FA.init(), this.world = new FA.World(new FA.Vector2(A.x, A.y)), this.initialized = !0);
   }
   destroy() {
     this.bodies.clear(), this.colliders.clear(), this.world && (this.world.free(), this.world = null), this.initialized = !1;
@@ -4512,32 +4512,32 @@ class ZC {
       return;
     }
     this.bodies.has(A.id) && this.removeBody(A.id);
-    const I = A.isStatic ? yA.RigidBodyDesc.fixed() : yA.RigidBodyDesc.dynamic();
+    const I = A.isStatic ? FA.RigidBodyDesc.fixed() : FA.RigidBodyDesc.dynamic();
     I.setTranslation(A.x, A.y), A.rotation !== void 0 && I.setRotation(A.rotation);
     const C = this.world.createRigidBody(I);
     let g;
     switch (A.type) {
       case "Rectangle":
-        g = yA.ColliderDesc.cuboid(
+        g = FA.ColliderDesc.cuboid(
           A.width / 2,
           A.height / 2
         );
         break;
       case "Ellipse":
-        g = yA.ColliderDesc.ball(
+        g = FA.ColliderDesc.ball(
           Math.max(A.width, A.height) / 2
         );
         break;
       case "Triangle":
       case "Star":
       case "Polygon":
-        g = yA.ColliderDesc.cuboid(
+        g = FA.ColliderDesc.cuboid(
           A.width / 2,
           A.height / 2
         );
         break;
       default:
-        g = yA.ColliderDesc.cuboid(
+        g = FA.ColliderDesc.cuboid(
           A.width / 2,
           A.height / 2
         );
@@ -4577,7 +4577,7 @@ class ZC {
   }
   setPosition(A, I, C) {
     const g = this.bodies.get(A);
-    g && g.setTranslation(new yA.Vector2(I, C), !0);
+    g && g.setTranslation(new FA.Vector2(I, C), !0);
   }
   setRotation(A, I) {
     const C = this.bodies.get(A);
@@ -4585,15 +4585,15 @@ class ZC {
   }
   setVelocity(A, I, C) {
     const g = this.bodies.get(A);
-    g && g.setLinvel(new yA.Vector2(I, C), !0);
+    g && g.setLinvel(new FA.Vector2(I, C), !0);
   }
   applyForce(A, I, C) {
     const g = this.bodies.get(A);
-    g && g.addForce(new yA.Vector2(I, C), !0);
+    g && g.addForce(new FA.Vector2(I, C), !0);
   }
   applyImpulse(A, I, C) {
     const g = this.bodies.get(A);
-    g && g.applyImpulse(new yA.Vector2(I, C), !0);
+    g && g.applyImpulse(new FA.Vector2(I, C), !0);
   }
 }
 class OC {
@@ -5106,11 +5106,11 @@ class OC {
     if ((A === "up" || A === "blur") && (this.draggingSliderId = null, this.draggingListViewId = null), this.activeDropdownId && A === "down") {
       const o = this.artboard.objects.find((h) => h.id === this.activeDropdownId);
       if (o && (o.type === "Dropdown" || o.variant === "dropdown")) {
-        const h = this.objectStates.get(o.id), G = (h == null ? void 0 : h.options) || o.options || {}, s = o.geometry || {}, a = s.width ?? o.width ?? 200, M = s.height ?? o.height ?? 40, y = G.optionsList || [], J = G.itemHeight || 32, S = G.listPadding ?? 4, F = y.length * J + S * 2, U = this.getWorldTransform(o.id), R = a * Math.abs(U.scaleX), c = M * Math.abs(U.scaleY), r = U.y + c / 2 + 4, n = Math.abs(I - U.x) <= R / 2, p = C >= r && C <= r + F * Math.abs(U.scaleY);
-        if (n && p) {
-          const Z = Math.abs(U.scaleY), H = C - (r + S * Z), X = Math.floor(H / (J * Z));
-          if (X >= 0 && X < y.length) {
-            const QA = y[X];
+        const h = this.objectStates.get(o.id), G = (h == null ? void 0 : h.options) || o.options || {}, s = o.geometry || {}, a = s.width ?? o.width ?? 200, M = s.height ?? o.height ?? 40, y = G.optionsList || [], J = G.itemHeight || 32, S = G.listPadding ?? 4, F = y.length * J + S * 2, U = this.getWorldTransform(o.id), R = a * Math.abs(U.scaleX), c = M * Math.abs(U.scaleY), r = U.y + c / 2 + 4, q = Math.abs(I - U.x) <= R / 2, n = C >= r && C <= r + F * Math.abs(U.scaleY);
+        if (q && n) {
+          const O = Math.abs(U.scaleY), l = C - (r + S * O), v = Math.floor(l / (J * O));
+          if (v >= 0 && v < y.length) {
+            const QA = y[v];
             G.selectedOption = QA, G.isOpen = !1, this.activeDropdownId = null, o.inputId && this.setInternalInput(o.inputId, QA), this.onComponentChange && this.onComponentChange({
               objectId: o.id,
               componentName: o.name,
@@ -5192,7 +5192,7 @@ class OC {
           }));
         }
       }
-      if (A === "click") {
+      if (g.type === "Component" && g.variant === "slider" && A === "down" && (this.draggingSliderId = g.id, this.updateSliderValueFromPointer(g, I, C)), A === "click") {
         const s = (w = this.artboard) == null ? void 0 : w.objects.find((a) => a.id === g.id);
         (s == null ? void 0 : s.type) === "Component" && s.variant === "inputbox" ? (this.focusedId = g.id, console.log(`[Engine] Focus set to: ${g.id}`)) : this.focusedId = null;
       }
@@ -5283,14 +5283,17 @@ class OC {
     return Math.abs(a) <= S / 2 && Math.abs(M) <= F / 2;
   }
   updateSliderValueFromPointer(A, I, C) {
-    var r;
-    if (!this.objectStates.get(A.id)) return;
-    const Q = A.options || {}, B = ((r = A.geometry) == null ? void 0 : r.width) ?? A.width ?? 200, D = this.getWorldTransform(A.id), w = I - D.x, o = C - D.y, h = -D.rotation * (Math.PI / 180), G = Math.cos(h), s = Math.sin(h), a = w * G - o * s, M = Q.thumbWidth ?? 16, y = B - M;
+    var q;
+    const g = this.objectStates.get(A.id);
+    if (!g) return;
+    const Q = A.options || {}, B = ((q = A.geometry) == null ? void 0 : q.width) ?? A.width ?? 200, D = this.getWorldTransform(A.id), w = I - D.x, o = C - D.y, h = -D.rotation * (Math.PI / 180), G = Math.cos(h), s = Math.sin(h), a = w * G - o * s, M = Q.thumbWidth ?? 16, y = B - M;
     let S = (a + y / 2) / y;
     S = Math.max(0, Math.min(1, S));
     const F = Q.min ?? 0, U = Q.max ?? 100, R = Q.step || 1;
     let c = F + S * (U - F);
-    R > 0 && (c = Math.round(c / R) * R), c = Math.max(F, Math.min(U, c)), Q.value !== c && (Q.value = c, A.inputId && this.setInternalInput(A.inputId, c), this.onComponentChange && this.onComponentChange({
+    R > 0 && (c = Math.round(c / R) * R), c = Math.max(F, Math.min(U, c));
+    const r = g.options || {};
+    r.value !== c && (g.options = { ...r, value: c }, A.inputId && this.setInternalInput(A.inputId, c), this.onComponentChange && this.onComponentChange({
       objectId: A.id,
       componentName: A.name,
       variant: "slider",
@@ -5503,88 +5506,88 @@ class OC {
       U === "uppercase" ? F = F.toUpperCase() : U === "lowercase" ? F = F.toLowerCase() : U === "capitalize" && (F = F.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 r = this.mapFontWeight(R), n = Math.max(1, Q.fontSize || 16);
-      A.font = `${c} ${r} ${n}px "${Q.fontFamily || "Inter"}", sans-serif`;
-      const p = Q.textVerticalAlign || "top";
-      let Z = -w / 2;
-      p === "middle" || p === "center" ? (A.textBaseline = "middle", Z = 0) : p === "bottom" ? (A.textBaseline = "bottom", Z = w / 2) : (A.textBaseline = "top", Z = -w / 2);
-      const H = Q.textAlign || "left";
-      A.textAlign = H;
-      let X = -D / 2;
-      H === "center" && (X = 0), H === "right" && (X = D / 2);
-      const QA = Q.letterSpacing || 0, SA = Q.paragraphSpacing || 0, wA = (Q.lineHeight || 1.2) * n, v = (Q.width || D || 200) + 15, x = (t) => {
+      const r = this.mapFontWeight(R), q = Math.max(1, Q.fontSize || 16);
+      A.font = `${c} ${r} ${q}px "${Q.fontFamily || "Inter"}", sans-serif`;
+      const n = Q.textVerticalAlign || "top";
+      let O = -w / 2;
+      n === "middle" || n === "center" ? (A.textBaseline = "middle", O = 0) : n === "bottom" ? (A.textBaseline = "bottom", O = w / 2) : (A.textBaseline = "top", O = -w / 2);
+      const l = Q.textAlign || "left";
+      A.textAlign = l;
+      let v = -D / 2;
+      l === "center" && (v = 0), l === "right" && (v = D / 2);
+      const QA = Q.letterSpacing || 0, SA = Q.paragraphSpacing || 0, wA = (Q.lineHeight || 1.2) * q, u = (Q.width || D || 200) + 15, j = (t) => {
         if (QA === 0) return A.measureText(t).width;
-        let l = 0;
-        for (let e = 0; e < t.length; e++)
-          l += A.measureText(t[e]).width + QA;
-        return l - QA;
-      }, q = [], b = String(F || "").split(`
+        let e = 0;
+        for (let Y = 0; Y < t.length; Y++)
+          e += A.measureText(t[Y]).width + QA;
+        return e - QA;
+      }, H = [], Z = String(F || "").split(`
 `);
-      b.forEach((t, l) => {
-        const e = String(t || "").split(" ");
-        let O = "";
-        for (let _ = 0; _ < e.length; _++) {
-          const BA = O + e[_] + " ";
-          x(BA.trim()) > v && _ > 0 ? (q.push({ text: O.trim(), isParaEnd: !1 }), O = e[_] + " ") : O = BA;
+      Z.forEach((t, e) => {
+        const Y = String(t || "").split(" ");
+        let d = "";
+        for (let X = 0; X < Y.length; X++) {
+          const iA = d + Y[X] + " ";
+          j(iA.trim()) > u && X > 0 ? (H.push({ text: d.trim(), isParaEnd: !1 }), d = Y[X] + " ") : d = iA;
         }
-        q.push({ text: O.trim(), isParaEnd: l < b.length - 1 });
+        H.push({ text: d.trim(), isParaEnd: e < Z.length - 1 });
       });
-      let T = Z, Y = q.length * wA;
+      let b = O, p = H.length * wA;
       if (SA > 0) {
-        const t = q.filter((l, e) => l.isParaEnd && e < q.length - 1).length;
-        Y += t * SA;
+        const t = H.filter((e, Y) => e.isParaEnd && Y < H.length - 1).length;
+        p += t * SA;
       }
-      p === "middle" || p === "center" ? T -= Y / 2 - n / 2 : p === "bottom" && (T -= Y - n);
-      const f = (t, l, e, O, _) => {
-        var BA, V;
+      n === "middle" || n === "center" ? b -= p / 2 - q / 2 : n === "bottom" && (b -= p - q);
+      const T = (t, e, Y, d, X) => {
+        var iA, _;
         if (QA === 0 && (Q.enableSegments !== !0 || !Q.segments || Q.segments.length === 0))
-          O ? A.strokeText(t, l, e) : A.fillText(t, l, e);
+          d ? A.strokeText(t, e, Y) : A.fillText(t, e, Y);
         else {
-          const gA = x(t);
-          let u = l;
-          H === "center" ? u -= gA / 2 : H === "right" && (u -= gA);
-          let iA = u;
+          const V = j(t);
+          let IA = e;
+          l === "center" ? IA -= V / 2 : l === "right" && (IA -= V);
+          let BA = IA;
           for (let sA = 0; sA < t.length; sA++) {
-            const RA = t[sA];
+            const NA = t[sA];
             if (Q.enableSegments === !0 && Q.segments && Q.segments.length > 0) {
-              const LA = _ + sA;
-              let JA = 0;
+              const LA = X + sA;
+              let UA = 0;
               const DA = Q.segments.find((tA) => {
                 if (!tA || typeof tA.text != "string") return !1;
-                const iI = JA;
-                return JA += tA.text.length, LA >= iI && LA < JA;
+                const iI = UA;
+                return UA += tA.text.length, LA >= iI && LA < UA;
               });
               if (DA) {
                 if (DA.fill) {
-                  const tA = ((V = (BA = g == null ? void 0 : g.style) == null ? void 0 : BA.fill) == null ? void 0 : V.color) || null;
-                  O ? A.strokeStyle = DA.fill.color || A.strokeStyle : A.fillStyle = tA || DA.fill.color || A.fillStyle;
+                  const tA = ((_ = (iA = g == null ? void 0 : g.style) == null ? void 0 : iA.fill) == null ? void 0 : _.color) || null;
+                  d ? A.strokeStyle = DA.fill.color || A.strokeStyle : A.fillStyle = tA || DA.fill.color || A.fillStyle;
                 }
                 if (DA.fontSize || DA.fontFamily || DA.fontWeight) {
-                  const tA = DA.fontWeight ? this.mapFontWeight(DA.fontWeight.toString()) : r, iI = DA.fontSize || n, sg = DA.fontFamily || Q.fontFamily || "Inter";
+                  const tA = DA.fontWeight ? this.mapFontWeight(DA.fontWeight.toString()) : r, iI = DA.fontSize || q, sg = DA.fontFamily || Q.fontFamily || "Inter";
                   A.font = `${c} ${tA} ${iI}px "${sg}", sans-serif`;
                 }
               }
             }
-            O ? A.strokeText(RA, iA, e) : A.fillText(RA, iA, e), Q.enableSegments === !0 && Q.segments && Q.segments.length > 0 && (A.font = `${c} ${r} ${n}px "${Q.fontFamily || "Inter"}", sans-serif`), iA += A.measureText(RA).width + QA;
+            d ? A.strokeText(NA, BA, Y) : A.fillText(NA, BA, Y), Q.enableSegments === !0 && Q.segments && Q.segments.length > 0 && (A.font = `${c} ${r} ${q}px "${Q.fontFamily || "Inter"}", sans-serif`), BA += A.measureText(NA).width + QA;
           }
         }
       };
       if (B.fill) {
-        const t = A.globalAlpha, l = this.createCanvasFill(A, B.fill, D, w);
-        A.fillStyle = l || B.fill.color || "#000000", A.globalAlpha = t * (B.fill.opacity ?? 1);
-        let e = 0, O = T;
-        q.forEach((_) => {
-          const BA = F.indexOf(_.text, e);
-          BA !== -1 && (f(_.text, X, O, !1, BA), e = BA + _.text.length, O += wA + (_.isParaEnd ? SA : 0));
+        const t = A.globalAlpha, e = this.createCanvasFill(A, B.fill, D, w);
+        A.fillStyle = e || B.fill.color || "#000000", A.globalAlpha = t * (B.fill.opacity ?? 1);
+        let Y = 0, d = b;
+        H.forEach((X) => {
+          const iA = F.indexOf(X.text, Y);
+          iA !== -1 && (T(X.text, v, d, !1, iA), Y = iA + X.text.length, d += wA + (X.isParaEnd ? SA : 0));
         }), A.globalAlpha = t;
       }
       if (B.stroke && B.stroke.width > 0) {
         const t = A.globalAlpha;
         A.strokeStyle = B.stroke.color, A.lineWidth = B.stroke.width, A.globalAlpha = t * (B.stroke.opacity ?? 1);
-        let l = 0, e = T;
-        q.forEach((O) => {
-          const _ = F.indexOf(O.text, l);
-          _ !== -1 && (f(O.text, X, e, !0, _), l = _ + O.text.length, e += wA + (O.isParaEnd ? SA : 0));
+        let e = 0, Y = b;
+        H.forEach((d) => {
+          const X = F.indexOf(d.text, e);
+          X !== -1 && (T(d.text, v, Y, !0, X), e = X + d.text.length, Y += wA + (d.isParaEnd ? SA : 0));
         }), A.globalAlpha = t;
       }
     } else if (Q.type === "Image") {
@@ -5607,14 +5610,14 @@ class OC {
         if (!R) {
           R = new Image();
           let c = S;
-          Q.colors && Q.colors.length > 0 && F.length > 0 && Q.colors.forEach((p, Z) => {
-            if (F[Z]) {
-              const H = p.replace(/[-\/\\^$*+?.()|[\]{}]/g, "\\$&"), X = new RegExp(H, "gi");
-              c = c.replace(X, F[Z]);
+          Q.colors && Q.colors.length > 0 && F.length > 0 && Q.colors.forEach((n, O) => {
+            if (F[O]) {
+              const l = n.replace(/[-\/\\^$*+?.()|[\]{}]/g, "\\$&"), v = new RegExp(l, "gi");
+              c = c.replace(v, F[O]);
             }
           });
-          const r = new Blob([c], { type: "image/svg+xml" }), n = URL.createObjectURL(r);
-          R.src = n, this.imageCache.set(U, R);
+          const r = new Blob([c], { type: "image/svg+xml" }), q = URL.createObjectURL(r);
+          R.src = q, this.imageCache.set(U, R);
         }
         if (R.complete && R.naturalWidth > 0) {
           const c = Q.corner_radius ?? Q.cornerRadius ?? 0;
@@ -5644,8 +5647,8 @@ class OC {
       const S = g.width !== void 0 ? g.width : I.width || D, F = g.height !== void 0 ? g.height : I.height || w, U = g.cornerRadius !== void 0 ? g.cornerRadius : I.cornerRadius ?? I.corner_radius ?? 0;
       if (A.save(), B.shadow && B.shadow.opacity > 0) {
         if (A.shadowColor = B.shadow.color, B.shadow.opacity < 1 && B.shadow.color.startsWith("#")) {
-          const c = parseInt(B.shadow.color.slice(1, 3), 16), r = parseInt(B.shadow.color.slice(3, 5), 16), n = parseInt(B.shadow.color.slice(5, 7), 16);
-          A.shadowColor = `rgba(${c}, ${r}, ${n}, ${B.shadow.opacity})`;
+          const c = parseInt(B.shadow.color.slice(1, 3), 16), r = parseInt(B.shadow.color.slice(3, 5), 16), q = parseInt(B.shadow.color.slice(5, 7), 16);
+          A.shadowColor = `rgba(${c}, ${r}, ${q}, ${B.shadow.opacity})`;
         }
         A.shadowBlur = B.shadow.blur, A.shadowOffsetX = B.shadow.offsetX, A.shadowOffsetY = B.shadow.offsetY;
       }
@@ -5668,8 +5671,8 @@ class OC {
         const R = this.objectStates.get(F), 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, F);
-          const r = c.width || 0, n = c.height || 0;
-          this.applyPath(A, c, r, n), A.clip(), S++;
+          const r = c.width || 0, q = c.height || 0;
+          this.applyPath(A, c, r, q), A.clip(), S++;
         } else
           this.renderObject(A, U, C);
       }); S > 0; )
@@ -5702,113 +5705,113 @@ class OC {
     }), I.is_closed && A.closePath());
   }
   renderInputBox(A, I) {
-    var _, BA;
-    const C = this.objectStates.get(I.id), g = (C == null ? void 0 : C.options) || I.options || {}, Q = ((_ = I.geometry) == null ? void 0 : _.width) || 250, B = ((BA = I.geometry) == null ? void 0 : BA.height) || 45, D = this.focusedId === I.id, w = this.lastHoveredObjectId === I.id, o = g.previewState || "default", h = o !== "default" ? o : D ? "focused" : w ? "hovered" : "default", G = g.label || { visible: !0, text: "Label" }, s = g.helperText || { visible: !1, text: "Helper text" }, a = g.leftIcon || { visible: !1 }, M = g.rightIcon || { visible: !1 }, y = g.multiline === !0, J = g.cornerRadius ?? 8, S = g.corners || { tl: J, tr: J, bl: J, br: J }, F = [S.tl, S.tr, S.br, S.bl];
-    let U = g.backgroundColor || "rgba(31, 41, 55, 1)", R = g.borderColor || "rgba(55, 65, 81, 1)", c = g.borderWidth ?? 1.5, r = g.color || "#ffffff", n = g.placeholderColor || "rgba(156, 163, 175, 1)", p = g.fontSize || 14;
-    const Z = `${h}Style`, H = g[Z];
-    H ? (H.backgroundColor !== void 0 && (U = H.backgroundColor), H.borderColor !== void 0 && (R = H.borderColor), H.borderWidth !== void 0 && (c = H.borderWidth), H.color !== void 0 && (r = H.color), H.placeholderColor !== void 0 && (n = H.placeholderColor), H.fontSize !== void 0 && (p = H.fontSize)) : h === "focused" ? (R = g.focusBorderColor || "rgba(59, 130, 246, 1)", c = Math.max(c, 2)) : h === "hovered" || h === "hover" ? (R = g.hoverBorderColor || R, U = g.hoverBackgroundColor || U) : h === "disabled" ? (U = g.disabledBackgroundColor || "rgba(31, 41, 55, 0.6)", R = g.disabledBorderColor || "rgba(55, 65, 81, 0.4)") : h === "error" && (R = "rgba(239, 68, 68, 1)", c = Math.max(c, 2)), A.beginPath(), A.roundRect(-Q / 2, -B / 2, Q, B, F), A.fillStyle = U, A.fill(), c > 0 && (A.strokeStyle = R, A.lineWidth = c, A.stroke(), (h === "focused" || h === "focus") && (A.save(), A.beginPath(), A.roundRect(-Q / 2 - 2, -B / 2 - 2, Q + 4, B + 4, F.map((V) => V + 2)), A.strokeStyle = "rgba(59, 130, 246, 0.3)", A.lineWidth = 2, A.stroke(), A.restore()));
-    const X = (V, gA) => {
-      if (!V.visible || !V.svgPath) return;
-      const u = V.size || 14, iA = V.offset ?? 16, sA = V.color || "#ffffff", RA = gA ? -(Q / 2) + iA : Q / 2 - iA, LA = V.svgPath;
-      if (A.save(), A.translate(RA, 0), !LA.startsWith("<svg")) {
-        const JA = new Path2D(LA), DA = u / 24;
-        A.scale(DA, DA), A.translate(-12, -12), A.fillStyle = sA, A.fill(JA);
+    var X, iA;
+    const C = this.objectStates.get(I.id), g = (C == null ? void 0 : C.options) || I.options || {}, Q = ((X = I.geometry) == null ? void 0 : X.width) || 250, B = ((iA = I.geometry) == null ? void 0 : iA.height) || 45, D = this.focusedId === I.id, w = this.lastHoveredObjectId === I.id, o = g.previewState || "default", h = o !== "default" ? o : D ? "focused" : w ? "hovered" : "default", G = g.label || { visible: !0, text: "Label" }, s = g.helperText || { visible: !1, text: "Helper text" }, a = g.leftIcon || { visible: !1 }, M = g.rightIcon || { visible: !1 }, y = g.multiline === !0, J = g.cornerRadius ?? 8, S = g.corners || { tl: J, tr: J, bl: J, br: J }, F = [S.tl, S.tr, S.br, S.bl];
+    let U = g.backgroundColor || "rgba(31, 41, 55, 1)", R = g.borderColor || "rgba(55, 65, 81, 1)", c = g.borderWidth ?? 1.5, r = g.color || "#ffffff", q = g.placeholderColor || "rgba(156, 163, 175, 1)", n = g.fontSize || 14;
+    const O = `${h}Style`, l = g[O];
+    l ? (l.backgroundColor !== void 0 && (U = l.backgroundColor), l.borderColor !== void 0 && (R = l.borderColor), l.borderWidth !== void 0 && (c = l.borderWidth), l.color !== void 0 && (r = l.color), l.placeholderColor !== void 0 && (q = l.placeholderColor), l.fontSize !== void 0 && (n = l.fontSize)) : h === "focused" ? (R = g.focusBorderColor || "rgba(59, 130, 246, 1)", c = Math.max(c, 2)) : h === "hovered" || h === "hover" ? (R = g.hoverBorderColor || R, U = g.hoverBackgroundColor || U) : h === "disabled" ? (U = g.disabledBackgroundColor || "rgba(31, 41, 55, 0.6)", R = g.disabledBorderColor || "rgba(55, 65, 81, 0.4)") : h === "error" && (R = "rgba(239, 68, 68, 1)", c = Math.max(c, 2)), A.beginPath(), A.roundRect(-Q / 2, -B / 2, Q, B, F), A.fillStyle = U, A.fill(), c > 0 && (A.strokeStyle = R, A.lineWidth = c, A.stroke(), (h === "focused" || h === "focus") && (A.save(), A.beginPath(), A.roundRect(-Q / 2 - 2, -B / 2 - 2, Q + 4, B + 4, F.map((_) => _ + 2)), A.strokeStyle = "rgba(59, 130, 246, 0.3)", A.lineWidth = 2, A.stroke(), A.restore()));
+    const v = (_, V) => {
+      if (!_.visible || !_.svgPath) return;
+      const IA = _.size || 14, BA = _.offset ?? 16, sA = _.color || "#ffffff", NA = V ? -(Q / 2) + BA : Q / 2 - BA, LA = _.svgPath;
+      if (A.save(), A.translate(NA, 0), !LA.startsWith("<svg")) {
+        const UA = new Path2D(LA), DA = IA / 24;
+        A.scale(DA, DA), A.translate(-12, -12), A.fillStyle = sA, A.fill(UA);
       }
       A.restore();
     };
-    X(a, !0), X(M, !1);
-    const QA = g.text || "", SA = g.placeholder || "Enter text...", wA = !QA, v = QA || SA, x = wA ? n : r, q = p, b = g.fontFamily || "Inter", T = g.fontWeight || 400;
-    A.font = `${T} ${q}px "${b}", sans-serif`, A.fillStyle = x, A.textAlign = "left", A.textBaseline = y ? "top" : "middle";
-    const Y = g.inputPadding ?? 16, f = a.visible ? (a.offset ?? 16) + (a.size || 14) / 2 + 8 : Y, t = M.visible ? (M.offset ?? 16) + (M.size || 14) / 2 + 8 : Y, l = -(Q / 2) + f, e = Q - f - t, O = g.inputType === "password" ? "•".repeat(v.length) : v;
-    if (A.save(), A.beginPath(), A.rect(l - 2, -B / 2 + 4, e + 4, B - 8), A.clip(), y) {
-      const V = O.split(`
+    v(a, !0), v(M, !1);
+    const QA = g.text || "", SA = g.placeholder || "Enter text...", wA = !QA, u = QA || SA, j = wA ? q : r, H = n, Z = g.fontFamily || "Inter", b = g.fontWeight || 400;
+    A.font = `${b} ${H}px "${Z}", sans-serif`, A.fillStyle = j, A.textAlign = "left", A.textBaseline = y ? "top" : "middle";
+    const p = g.inputPadding ?? 16, T = a.visible ? (a.offset ?? 16) + (a.size || 14) / 2 + 8 : p, t = M.visible ? (M.offset ?? 16) + (M.size || 14) / 2 + 8 : p, e = -(Q / 2) + T, Y = Q - T - t, d = g.inputType === "password" ? "•".repeat(u.length) : u;
+    if (A.save(), A.beginPath(), A.rect(e - 2, -B / 2 + 4, Y + 4, B - 8), A.clip(), y) {
+      const _ = d.split(`
 `);
-      let gA = -B / 2 + Y;
-      const u = q * 1.2;
-      let iA = 0;
-      V.forEach((sA, RA) => {
+      let V = -B / 2 + p;
+      const IA = H * 1.2;
+      let BA = 0;
+      _.forEach((sA, NA) => {
         const LA = sA.split(" ");
-        let JA = "";
+        let UA = "";
         for (let DA = 0; DA < LA.length; DA++) {
-          const tA = JA + LA[DA] + " ";
-          A.measureText(tA).width > e && DA > 0 ? (A.fillText(JA, l, gA), JA = LA[DA] + " ", gA += u) : JA = tA;
+          const tA = UA + LA[DA] + " ";
+          A.measureText(tA).width > Y && DA > 0 ? (A.fillText(UA, e, V), UA = LA[DA] + " ", V += IA) : UA = tA;
         }
-        A.fillText(JA, l, gA), iA = A.measureText(JA).width, RA < V.length - 1 && (gA += u, iA = 0);
-      }), D && !wA && Math.floor(performance.now() / 500) % 2 === 0 && A.fillRect(l + iA, gA, 1.5, q);
+        A.fillText(UA, e, V), BA = A.measureText(UA).width, NA < _.length - 1 && (V += IA, BA = 0);
+      }), D && !wA && Math.floor(performance.now() / 500) % 2 === 0 && A.fillRect(e + BA, V, 1.5, H);
     } else {
-      const gA = A.measureText(O).width;
-      let u = 0;
-      if (gA > e && (u = gA - e), A.fillText(O, l - u, 0), D && !wA && Math.floor(performance.now() / 500) % 2 === 0) {
-        const sA = l + gA - u;
-        A.fillRect(sA, -(q / 2), 1.5, q);
+      const V = A.measureText(d).width;
+      let IA = 0;
+      if (V > Y && (IA = V - Y), A.fillText(d, e - IA, 0), D && !wA && Math.floor(performance.now() / 500) % 2 === 0) {
+        const sA = e + V - IA;
+        A.fillRect(sA, -(H / 2), 1.5, H);
       }
     }
     if (A.restore(), G.visible !== !1) {
-      const V = G.text || "Label", gA = G.fontSize || 12, u = G.color || "rgba(156, 163, 175, 1)", iA = G.offset ?? 8;
-      A.font = `600 ${gA}px "${b}", sans-serif`, A.fillStyle = u, A.textAlign = "left", A.textBaseline = "bottom";
-      const sA = -(Q / 2), RA = -(B / 2) - iA;
-      A.fillText(V, sA, RA);
+      const _ = G.text || "Label", V = G.fontSize || 12, IA = G.color || "rgba(156, 163, 175, 1)", BA = G.offset ?? 8;
+      A.font = `600 ${V}px "${Z}", sans-serif`, A.fillStyle = IA, A.textAlign = "left", A.textBaseline = "bottom";
+      const sA = -(Q / 2), NA = -(B / 2) - BA;
+      A.fillText(_, sA, NA);
     }
     if (s.visible === !0) {
-      const V = s.text || "Helper text", gA = s.fontSize || 11, u = h === "error" ? "rgba(239, 68, 68, 1)" : s.color || "rgba(156, 163, 175, 1)", iA = s.offset ?? 6;
-      A.font = `400 ${gA}px "${b}", sans-serif`, A.fillStyle = u, A.textAlign = "left", A.textBaseline = "top";
-      const sA = -(Q / 2), RA = B / 2 + iA;
-      A.fillText(V, sA, RA);
+      const _ = s.text || "Helper text", V = s.fontSize || 11, IA = h === "error" ? "rgba(239, 68, 68, 1)" : s.color || "rgba(156, 163, 175, 1)", BA = s.offset ?? 6;
+      A.font = `400 ${V}px "${Z}", sans-serif`, A.fillStyle = IA, A.textAlign = "left", A.textBaseline = "top";
+      const sA = -(Q / 2), NA = B / 2 + BA;
+      A.fillText(_, sA, NA);
     }
   }
   renderSlider(A, I) {
-    const C = this.objectStates.get(I.id), g = (C == null ? void 0 : C.geometry) || I.geometry, Q = (C == null ? void 0 : C.options) || I.options || {}, B = g.width || 200, D = Q.value ?? 50, w = Q.min ?? 0, h = (Q.max ?? 100) - w, G = h === 0 ? 0 : (D - w) / h, s = Q.trackHeight || 4, a = Q.trackRoundedness ?? 2, M = Q.trackShape ?? "Rectangle", y = Q.trackPath || "", J = Q.activeColor || "#3b82f6", S = Q.inactiveColor || "#374151", F = Q.thumbShape || "Ellipse", U = Q.thumbWidth ?? 16, R = Q.thumbHeight ?? 16, c = Q.thumbRoundedness ?? 0, r = Q.thumbColor || "#ffffff", n = Q.thumbPath || "", p = Q.thumbIcon || "", Z = Q.showValueTooltip ?? !1, H = Q.tooltipBgColor || "#333333", X = Q.tooltipColor || "#ffffff", QA = Q.tooltipOffsetX ?? 0, SA = Q.tooltipOffsetY ?? -25, wA = (Y, f, t, l, e, O, _) => {
-      if ((Y === "Custom" || Y === "Icon") && _)
+    const C = this.objectStates.get(I.id), g = (C == null ? void 0 : C.geometry) || I.geometry, Q = (C == null ? void 0 : C.options) || I.options || {}, B = g.width || 200, D = Q.value ?? 50, w = Q.min ?? 0, h = (Q.max ?? 100) - w, G = h === 0 ? 0 : (D - w) / h, s = Q.trackHeight || 4, a = Q.trackRoundedness ?? 2, M = Q.trackShape ?? "Rectangle", y = Q.trackPath || "", J = Q.activeColor || "#3b82f6", S = Q.inactiveColor || "#374151", F = Q.thumbShape || "Ellipse", U = Q.thumbWidth ?? 16, R = Q.thumbHeight ?? 16, c = Q.thumbRoundedness ?? 0, r = Q.thumbColor || "#ffffff", q = Q.thumbPath || "", n = Q.thumbIcon || "", O = Q.showValueTooltip ?? !1, l = Q.tooltipBgColor || "#333333", v = Q.tooltipColor || "#ffffff", QA = Q.tooltipOffsetX ?? 0, SA = Q.tooltipOffsetY ?? -25, wA = (T, t, e, Y, d, X, iA) => {
+      if ((T === "Custom" || T === "Icon") && iA)
         try {
-          const BA = new Path2D(_);
-          if (A.save(), A.translate(f, t), Y === "Icon") {
-            const V = Math.min(l, e) / 24;
+          const _ = new Path2D(iA);
+          if (A.save(), A.translate(t, e), T === "Icon") {
+            const V = Math.min(Y, d) / 24;
             A.scale(V, V), A.translate(-12, -12);
           }
-          A.fill(BA), A.restore();
+          A.fill(_), A.restore();
           return;
-        } catch (BA) {
-          console.error("Error drawing slider shape in engine:", BA);
+        } catch (_) {
+          console.error("Error drawing slider shape in engine:", _);
         }
-      if (A.beginPath(), Y === "Ellipse")
-        A.ellipse(f, t, l / 2, e / 2, 0, 0, Math.PI * 2);
-      else if (Y === "Rectangle")
-        A.roundRect(f - l / 2, t - e / 2, l, e, O);
-      else if (Y === "Triangle")
-        A.moveTo(f, t - e / 2), A.lineTo(f + l / 2, t + e / 2), A.lineTo(f - l / 2, t + e / 2), A.closePath();
-      else if (Y === "Diamond")
-        A.moveTo(f, t - e / 2), A.lineTo(f + l / 2, t), A.lineTo(f, t + e / 2), A.lineTo(f - l / 2, t), A.closePath();
-      else if (Y === "Star") {
-        const V = Math.min(l, e) / 2, gA = V / 2;
-        for (let u = 0; u < 5 * 2; u++) {
-          const iA = u % 2 === 0 ? V : gA, sA = u * Math.PI / 5 - Math.PI / 2;
-          A.lineTo(f + iA * Math.cos(sA), t + iA * Math.sin(sA));
+      if (A.beginPath(), T === "Ellipse")
+        A.ellipse(t, e, Y / 2, d / 2, 0, 0, Math.PI * 2);
+      else if (T === "Rectangle")
+        A.roundRect(t - Y / 2, e - d / 2, Y, d, X);
+      else if (T === "Triangle")
+        A.moveTo(t, e - d / 2), A.lineTo(t + Y / 2, e + d / 2), A.lineTo(t - Y / 2, e + d / 2), A.closePath();
+      else if (T === "Diamond")
+        A.moveTo(t, e - d / 2), A.lineTo(t + Y / 2, e), A.lineTo(t, e + d / 2), A.lineTo(t - Y / 2, e), A.closePath();
+      else if (T === "Star") {
+        const V = Math.min(Y, d) / 2, IA = V / 2;
+        for (let BA = 0; BA < 5 * 2; BA++) {
+          const sA = BA % 2 === 0 ? V : IA, NA = BA * Math.PI / 5 - Math.PI / 2;
+          A.lineTo(t + sA * Math.cos(NA), e + sA * Math.sin(NA));
         }
         A.closePath();
-      } else Y === "Line" && (A.moveTo(f - l / 2, t), A.lineTo(f + l / 2, t));
+      } else T === "Line" && (A.moveTo(t - Y / 2, e), A.lineTo(t + Y / 2, e));
       A.fill();
     };
     A.fillStyle = S, M === "Line" ? (A.strokeStyle = S, A.lineWidth = s, A.beginPath(), A.moveTo(-B / 2, 0), A.lineTo(B / 2, 0), A.stroke()) : wA(M, 0, 0, B, s, a, y);
-    const v = B * G, x = -B / 2 + v;
-    if (v > 0 && (A.fillStyle = J, M === "Line" ? (A.strokeStyle = J, A.lineWidth = s, A.beginPath(), A.moveTo(-B / 2, 0), A.lineTo(x, 0), A.stroke()) : M === "Rectangle" && (A.beginPath(), A.roundRect(-B / 2, -s / 2, v, s, a), A.fill())), A.save(), A.translate(x, 0), A.shadowColor = "rgba(0,0,0,0.2)", A.shadowBlur = 4, A.shadowOffsetY = 1, A.fillStyle = r, wA(F, 0, 0, U, R, c, F === "Icon" ? p : n), A.restore(), Z) {
-      A.save(), A.translate(x + QA, SA);
-      const Y = Math.round(D).toString();
+    const u = B - U, j = -B / 2 + U / 2 + G * u, H = j - -B / 2;
+    if (H > 0 && (A.fillStyle = J, M === "Line" ? (A.strokeStyle = J, A.lineWidth = s, A.beginPath(), A.moveTo(-B / 2, 0), A.lineTo(j, 0), A.stroke()) : M === "Rectangle" && (A.beginPath(), A.roundRect(-B / 2, -s / 2, H, s, a), A.fill())), A.save(), A.translate(j, 0), A.shadowColor = "rgba(0,0,0,0.2)", A.shadowBlur = 4, A.shadowOffsetY = 1, A.fillStyle = r, wA(F, 0, 0, U, R, c, F === "Icon" ? n : q), A.restore(), O) {
+      A.save(), A.translate(j + QA, SA);
+      const T = Math.round(D).toString();
       A.font = "10px Inter, sans-serif";
-      const f = A.measureText(Y), t = 6, l = 4, e = f.width + t * 2, O = 14 + l;
-      A.beginPath(), A.roundRect(-e / 2, -O / 2, e, O, 4), A.fillStyle = H, A.fill(), A.fillStyle = X, A.textAlign = "center", A.textBaseline = "middle", A.fillText(Y, 0, 0), A.restore();
+      const t = A.measureText(T), e = 6, Y = 4, d = t.width + e * 2, X = 14 + Y;
+      A.beginPath(), A.roundRect(-d / 2, -X / 2, d, X, 4), A.fillStyle = l, A.fill(), A.fillStyle = v, A.textAlign = "center", A.textBaseline = "middle", A.fillText(T, 0, 0), A.restore();
     }
-    const q = Q.label || {}, b = Q.helperText || {}, T = Q.fontFamily || "Inter";
-    if (q.visible !== !1) {
-      const Y = q.text || "Label", f = q.fontSize || 12, t = q.color || "rgba(156, 163, 175, 1)", l = q.offset ?? 8;
-      A.font = `600 ${f}px "${T}", sans-serif`, A.fillStyle = t, A.textAlign = "left", A.textBaseline = "bottom";
-      const e = -(B / 2), O = -(s / 2) - l;
-      A.fillText(Y, e, O);
+    const Z = Q.label || {}, b = Q.helperText || {}, p = Q.fontFamily || "Inter";
+    if (Z.visible !== !1) {
+      const T = Z.text || "Label", t = Z.fontSize || 12, e = Z.color || "rgba(156, 163, 175, 1)", Y = Z.offset ?? 8;
+      A.font = `600 ${t}px "${p}", sans-serif`, A.fillStyle = e, A.textAlign = "left", A.textBaseline = "bottom";
+      const d = -(B / 2), X = -(s / 2) - Y;
+      A.fillText(T, d, X);
     }
     if (b.visible === !0) {
-      const Y = b.text || "Helper text", f = b.fontSize || 11, t = b.color || "rgba(156, 163, 175, 1)", l = b.offset ?? 6;
-      A.font = `400 ${f}px "${T}", sans-serif`, A.fillStyle = t, A.textAlign = "left", A.textBaseline = "top";
-      const e = -(B / 2), O = s / 2 + l;
-      A.fillText(Y, e, O);
+      const T = b.text || "Helper text", t = b.fontSize || 11, e = b.color || "rgba(156, 163, 175, 1)", Y = b.offset ?? 6;
+      A.font = `400 ${t}px "${p}", sans-serif`, A.fillStyle = e, A.textAlign = "left", A.textBaseline = "top";
+      const d = -(B / 2), X = s / 2 + Y;
+      A.fillText(T, d, X);
     }
   }
   renderDropdown(A, I) {
@@ -5820,52 +5823,52 @@ class OC {
     h ? (a = g.disabledBackgroundColor || "#f3f4f6", M = g.disabledBorderColor || "#e5e7eb", y = g.disabledColor || "#9ca3af") : s ? (a = g.activeBackgroundColor || a, M = g.activeBorderColor || M, y = g.activeColor || y) : G && (a = g.hoverBackgroundColor || a, M = g.hoverBorderColor || M, y = g.hoverColor || y), a || (a = "#ffffff"), M || (M = "#e5e7eb");
     const J = A.globalAlpha;
     A.globalAlpha = J * (g.opacity ?? 1), A.beginPath();
-    const S = (v, x, q, b, T, Y) => {
-      b < 0 && (b = 0), T < 0 && (T = 0), Y = Math.min(Y, Math.min(b, T) / 2), v.moveTo(x + Y, q), v.lineTo(x + b - Y, q), v.arcTo(x + b, q, x + b, q + Y, Y), v.lineTo(x + b, q + T - Y), v.arcTo(x + b, q + T, x + b - Y, q + T, Y), v.lineTo(x + Y, q + T), v.arcTo(x, q + T, x, q + T - Y, Y), v.lineTo(x, q + Y), v.arcTo(x, q, x + Y, q, Y), v.closePath();
+    const S = (u, j, H, Z, b, p) => {
+      Z < 0 && (Z = 0), b < 0 && (b = 0), p = Math.min(p, Math.min(Z, b) / 2), u.moveTo(j + p, H), u.lineTo(j + Z - p, H), u.arcTo(j + Z, H, j + Z, H + p, p), u.lineTo(j + Z, H + b - p), u.arcTo(j + Z, H + b, j + Z - p, H + b, p), u.lineTo(j + p, H + b), u.arcTo(j, H + b, j, H + b - p, p), u.lineTo(j, H + p), u.arcTo(j, H, j + p, H, p), u.closePath();
     };
     S(A, D, w, Q, B, o), A.fillStyle = this.createCanvasFill(A, typeof a == "string" ? { type: "Solid", color: a } : a, Q, B) || "#ffffff", A.fill();
     const F = g.borderWidth ?? 1;
     F > 0 && (A.strokeStyle = this.createCanvasFill(A, typeof M == "string" ? { type: "Solid", color: M } : M, Q, B) || "#e5e7eb", A.lineWidth = F, A.stroke());
     const U = 12, R = g.chevronType || "chevron", c = g.chevronSize || 16, r = (s ? g.openIconColor : g.closedIconColor) || g.chevronColor || "#6b7280";
     if (R !== "none") {
-      const v = D + Q - U - c / 2;
-      A.save(), A.translate(v, 0);
-      const x = s ? g.openIconAngle ?? 180 : g.closedIconAngle ?? 0;
-      if (A.rotate(x * Math.PI / 180), A.strokeStyle = r, A.fillStyle = r, A.lineWidth = 1.5, A.lineCap = "round", A.lineJoin = "round", R === "chevron")
+      const u = D + Q - U - c / 2;
+      A.save(), A.translate(u, 0);
+      const j = s ? g.openIconAngle ?? 180 : g.closedIconAngle ?? 0;
+      if (A.rotate(j * Math.PI / 180), A.strokeStyle = r, A.fillStyle = r, A.lineWidth = 1.5, A.lineCap = "round", A.lineJoin = "round", R === "chevron")
         A.beginPath(), A.moveTo(-c / 2, -c * 0.2), A.lineTo(0, c * 0.2), A.lineTo(c / 2, -c * 0.2), A.stroke();
       else if (R === "custom" || R === "path") {
-        const q = s && g.openIconPath || g.closedIconPath;
-        if (q) {
-          const b = new Path2D(q);
+        const H = s && g.openIconPath || g.closedIconPath;
+        if (H) {
+          const Z = new Path2D(H);
           A.save();
-          const T = c / 24;
-          A.scale(T, T), A.translate(-12, -12), A.fill(b), A.restore();
+          const b = c / 24;
+          A.scale(b, b), A.translate(-12, -12), A.fill(Z), A.restore();
         }
       }
       A.restore();
     }
-    const n = g.selectedOption || g.placeholder || "Select...", p = g.fontSize || 14, Z = g.fontWeight || 400, H = g.fontFamily || "Inter, sans-serif";
-    A.font = `${Z} ${p}px ${H}`;
-    const X = h ? g.disabledColor || "#9ca3af" : !g.selectedOption && g.placeholder ? "#9ca3af" : y;
-    A.fillStyle = this.createCanvasFill(A, typeof X == "string" ? { type: "Solid", color: X } : X, Q, B) || "#333333", A.textAlign = "left", A.textBaseline = "middle";
+    const q = g.selectedOption || g.placeholder || "Select...", n = g.fontSize || 14, O = g.fontWeight || 400, l = g.fontFamily || "Inter, sans-serif";
+    A.font = `${O} ${n}px ${l}`;
+    const v = h ? g.disabledColor || "#9ca3af" : !g.selectedOption && g.placeholder ? "#9ca3af" : y;
+    A.fillStyle = this.createCanvasFill(A, typeof v == "string" ? { type: "Solid", color: v } : v, Q, B) || "#333333", A.textAlign = "left", A.textBaseline = "middle";
     const QA = R === "none" ? 0 : c + 8, SA = Q - U * 2 - QA;
-    if (A.save(), A.beginPath(), A.rect(D + U, w, SA, B), A.clip(), A.fillText(n, D + U, 0), A.restore(), s && !h) {
-      const v = w + B + 4, x = g.optionsList || [], q = g.itemHeight || 32, b = g.listPadding ?? 4, T = x.length * q + b * 2, Y = g.listCornerRadius ?? o;
+    if (A.save(), A.beginPath(), A.rect(D + U, w, SA, B), A.clip(), A.fillText(q, D + U, 0), A.restore(), s && !h) {
+      const u = w + B + 4, j = g.optionsList || [], H = g.itemHeight || 32, Z = g.listPadding ?? 4, b = j.length * H + Z * 2, p = g.listCornerRadius ?? o;
       A.save();
-      const f = g.listShadow || {};
-      A.shadowColor = typeof f.color == "string" ? f.color : ((wA = f.color) == null ? void 0 : wA.color) || "rgba(0,0,0,0.15)", A.shadowBlur = f.blur ?? 12, A.shadowOffsetY = f.offsetY ?? 6, A.beginPath(), S(A, D, v, Q, T, Y), A.fillStyle = this.createCanvasFill(A, typeof g.listBackgroundColor == "string" ? { type: "Solid", color: g.listBackgroundColor } : g.listBackgroundColor || { type: "Solid", color: "#ffffff" }, Q, T) || "#ffffff", A.fill();
+      const T = g.listShadow || {};
+      A.shadowColor = typeof T.color == "string" ? T.color : ((wA = T.color) == null ? void 0 : wA.color) || "rgba(0,0,0,0.15)", A.shadowBlur = T.blur ?? 12, A.shadowOffsetY = T.offsetY ?? 6, A.beginPath(), S(A, D, u, Q, b, p), A.fillStyle = this.createCanvasFill(A, typeof g.listBackgroundColor == "string" ? { type: "Solid", color: g.listBackgroundColor } : g.listBackgroundColor || { type: "Solid", color: "#ffffff" }, Q, b) || "#ffffff", A.fill();
       const t = g.listBorderWidth ?? 1;
-      t > 0 && (A.shadowColor = "transparent", A.strokeStyle = this.createCanvasFill(A, typeof g.listBorderColor == "string" ? { type: "Solid", color: g.listBorderColor } : g.listBorderColor || { type: "Solid", color: M }, Q, T) || "#e5e7eb", A.lineWidth = t, A.stroke()), A.restore();
-      const l = g.itemFontSize || p, e = g.itemFontFamily || H;
-      A.font = `${Z} ${l}px ${e}`, x.forEach((O, _) => {
-        const BA = v + b + _ * q;
-        if (O === g.selectedOption)
-          A.fillStyle = this.createCanvasFill(A, typeof g.itemSelectedBackgroundColor == "string" ? { type: "Solid", color: g.itemSelectedBackgroundColor } : g.itemSelectedBackgroundColor || { type: "Solid", color: "#f3f4f6" }, Q, q) || "#f3f4f6", A.fillRect(D + t, BA, Q - t * 2, q), A.fillStyle = g.itemSelectedColor || g.activeColor || y || "#374151";
+      t > 0 && (A.shadowColor = "transparent", A.strokeStyle = this.createCanvasFill(A, typeof g.listBorderColor == "string" ? { type: "Solid", color: g.listBorderColor } : g.listBorderColor || { type: "Solid", color: M }, Q, b) || "#e5e7eb", A.lineWidth = t, A.stroke()), A.restore();
+      const e = g.itemFontSize || n, Y = g.itemFontFamily || l;
+      A.font = `${O} ${e}px ${Y}`, j.forEach((d, X) => {
+        const iA = u + Z + X * H;
+        if (d === g.selectedOption)
+          A.fillStyle = this.createCanvasFill(A, typeof g.itemSelectedBackgroundColor == "string" ? { type: "Solid", color: g.itemSelectedBackgroundColor } : g.itemSelectedBackgroundColor || { type: "Solid", color: "#f3f4f6" }, Q, H) || "#f3f4f6", A.fillRect(D + t, iA, Q - t * 2, H), A.fillStyle = g.itemSelectedColor || g.activeColor || y || "#374151";
         else if (A.fillStyle = g.listTextColor || y || "#333333", this.activeDropdownId === I.id && this._lastPointerPos) {
-          const gA = this._lastPointerPos.y - (v + b), u = Math.floor(gA / q);
-          _ === u && (A.fillStyle = this.createCanvasFill(A, typeof g.itemHoverBackgroundColor == "string" ? { type: "Solid", color: g.itemHoverBackgroundColor } : g.itemHoverBackgroundColor || { type: "Solid", color: "#f9fafb" }, Q, q) || "#f9fafb", A.fillRect(D + t, BA, Q - t * 2, q), A.fillStyle = g.itemHoverColor || y);
+          const V = this._lastPointerPos.y - (u + Z), IA = Math.floor(V / H);
+          X === IA && (A.fillStyle = this.createCanvasFill(A, typeof g.itemHoverBackgroundColor == "string" ? { type: "Solid", color: g.itemHoverBackgroundColor } : g.itemHoverBackgroundColor || { type: "Solid", color: "#f9fafb" }, Q, H) || "#f9fafb", A.fillRect(D + t, iA, Q - t * 2, H), A.fillStyle = g.itemHoverColor || y);
         }
-        A.fillText(O, D + U, BA + q / 2);
+        A.fillText(d, D + U, iA + H / 2);
       });
     }
     A.globalAlpha = J;
@@ -5878,10 +5881,10 @@ class OC {
     A.font = `${a.fontWeight || 400} ${J}px "${S}", sans-serif`, A.fillStyle = M, A.textAlign = "center", A.textBaseline = "middle";
     let F = 0;
     if (y.enabled && y.svgPath) {
-      const n = y.size || 16, p = y.gap || 8, Z = y.position === "left" ? -(A.measureText(a.text || "").width / 2 + n / 2 + p / 2) : A.measureText(a.text || "").width / 2 + n / 2 + p / 2;
-      A.save(), A.translate(Z, 0);
-      const H = new Path2D(y.svgPath), X = n / 24;
-      A.scale(X, X), A.translate(-12, -12), A.fillStyle = y.color || M, A.fill(H), A.restore(), F = y.position === "left" ? n / 2 + p / 2 : -(n / 2 + p / 2);
+      const q = y.size || 16, n = y.gap || 8, O = y.position === "left" ? -(A.measureText(a.text || "").width / 2 + q / 2 + n / 2) : A.measureText(a.text || "").width / 2 + q / 2 + n / 2;
+      A.save(), A.translate(O, 0);
+      const l = new Path2D(y.svgPath), v = q / 24;
+      A.scale(v, v), A.translate(-12, -12), A.fillStyle = y.color || M, A.fill(l), A.restore(), F = y.position === "left" ? q / 2 + n / 2 : -(q / 2 + n / 2);
     }
     A.fillText(a.text || "Button", F, 0), A.restore();
   }
@@ -5898,11 +5901,11 @@ class OC {
     A.beginPath(), A.roundRect(D, w, Q, B, h), A.fillStyle = o ? g.activeColor || "#10b981" : g.inactiveColor || "#374151", g.disabled && (A.globalAlpha *= 0.5), A.fill();
     const G = 3, s = B - G * 2, a = s / 2, M = D + G, y = D + Q - G - s, J = o ? y : M, S = w + G;
     if (A.beginPath(), A.arc(J + a, S + a, a, 0, Math.PI * 2), A.fillStyle = g.knobColor || "#ffffff", A.fill(), g.disabled && (A.globalAlpha *= 2), g.label && g.label.text) {
-      const R = g.label, c = R.fontSize || 14, r = R.fontWeight || 400, n = R.fontFamily || "Inter";
-      A.font = `${r} ${c}px "${n}", sans-serif`, A.fillStyle = R.color || "#f3f4f6", A.textBaseline = "middle";
-      const p = R.gap || 10;
-      let Z = 0, H = 0;
-      R.position === "left" ? (A.textAlign = "right", Z = D - p, H = 0) : R.position === "right" ? (A.textAlign = "left", Z = D + Q + p, H = 0) : R.position === "top" ? (A.textAlign = "center", Z = 0, H = w - p, A.textBaseline = "bottom") : R.position === "bottom" ? (A.textAlign = "center", Z = 0, H = w + B + p, A.textBaseline = "top") : (A.textAlign = "left", Z = D + Q + p, H = 0), A.fillText(R.text, Z, H);
+      const R = g.label, c = R.fontSize || 14, r = R.fontWeight || 400, q = R.fontFamily || "Inter";
+      A.font = `${r} ${c}px "${q}", sans-serif`, A.fillStyle = R.color || "#f3f4f6", A.textBaseline = "middle";
+      const n = R.gap || 10;
+      let O = 0, l = 0;
+      R.position === "left" ? (A.textAlign = "right", O = D - n, l = 0) : R.position === "right" ? (A.textAlign = "left", O = D + Q + n, l = 0) : R.position === "top" ? (A.textAlign = "center", O = 0, l = w - n, A.textBaseline = "bottom") : R.position === "bottom" ? (A.textAlign = "center", O = 0, l = w + B + n, A.textBaseline = "top") : (A.textAlign = "left", O = D + Q + n, l = 0), A.fillText(R.text, O, l);
     }
   }
   renderLineGraph(A, I, C, g) {
@@ -5966,9 +5969,9 @@ class OC {
           if (A.beginPath(), A.moveTo(s(0), g / 2), A.lineTo(s(0), G(J[0])), y.smoothing && J.length > 2)
             for (let F = 0; F < J.length - 1; F++) {
               const U = J[F === 0 ? F : F - 1], R = J[F], c = J[F + 1], r = J[F + 1 === J.length - 1 ? F + 1 : F + 2];
-              for (let n = 1; n <= M; n++) {
-                const p = n / M, Z = this._catmullRom(U, R, c, r, p);
-                A.lineTo(s(F + p), G(Z));
+              for (let q = 1; q <= M; q++) {
+                const n = q / M, O = this._catmullRom(U, R, c, r, n);
+                A.lineTo(s(F + n), G(O));
               }
             }
           else
@@ -5982,8 +5985,8 @@ class OC {
           for (let S = 0; S < J.length - 1; S++) {
             const F = J[S === 0 ? S : S - 1], U = J[S], R = J[S + 1], c = J[S + 1 === J.length - 1 ? S + 1 : S + 2];
             for (let r = 1; r <= M; r++) {
-              const n = r / M, p = this._catmullRom(F, U, R, c, n);
-              A.lineTo(s(S + n), G(p));
+              const q = r / M, n = this._catmullRom(F, U, R, c, q);
+              A.lineTo(s(S + q), G(n));
             }
           }
         else
@@ -6048,48 +6051,48 @@ class OC {
     A.moveTo(I + h, C), A.lineTo(I + g - G, C), G > 0 ? A.arcTo(I + g, C, I + g, C + G, G) : A.lineTo(I + g, C), A.lineTo(I + g, C + Q - s), s > 0 ? A.arcTo(I + g, C + Q, I + g - s, C + Q, s) : A.lineTo(I + g, C + Q), A.lineTo(I + a, C + Q), a > 0 ? A.arcTo(I, C + Q, I, C + Q - a, a) : A.lineTo(I, C + Q), A.lineTo(I, C + h), h > 0 ? A.arcTo(I, C, I + h, C, h) : A.lineTo(I, C), A.closePath();
   }
   renderListView(A, I) {
-    var wA, v, x, q;
-    const C = this.objectStates.get(I.id) || {}, g = C.options || I.options || {}, Q = C.width !== void 0 ? C.width : ((wA = I.geometry) == null ? void 0 : wA.width) || 200, B = C.height !== void 0 ? C.height : ((v = I.geometry) == null ? void 0 : v.height) || 300, D = -Q / 2, w = -B / 2, o = C.cornerRadius !== void 0 ? C.cornerRadius : g.cornerRadius ?? 0, h = g.orientation || "vertical", G = g.items || [], s = g.itemGap ?? 10, a = g.itemHeight ?? 50, M = g.itemWidth ?? 200, y = g.scrollOffset ?? 0, J = g.padding ?? 0, S = g.glassEffect !== !1, F = g.accentColor || "#3b82f6", U = g.itemTextColor || "#333333", R = g.itemBackgroundColor || "#ffffff", c = g.hoveredIndex ?? null, r = g.activeItemIndex ?? null, n = g.glowIntensity ?? 0, p = g.glowColor || "#3b82f6", Z = typeof p == "string" ? p : p.color || ((q = (x = p.stops) == null ? void 0 : x[0]) == null ? void 0 : q.color) || "#3b82f6", H = g.opacity !== void 0 ? g.opacity : I.opacity !== void 0 ? I.opacity : 1;
-    if (A.save(), A.globalAlpha *= H, n > 0 && (A.shadowColor = Z, A.shadowBlur = n * 2, A.shadowOffsetX = 0, A.shadowOffsetY = 0), S) {
-      const b = g.listBackgroundColor || "rgba(31, 41, 55, 0.4)", T = this.createCanvasFill(A, b, Q, B);
-      A.fillStyle = T || "rgba(31, 41, 55, 0.4)", this.drawListViewRect(A, D, w, Q, B, o), A.fill();
-      const Y = A.createLinearGradient(D, w, D + Q, w + B);
-      Y.addColorStop(0, "rgba(255, 255, 255, 0.15)"), Y.addColorStop(0.5, "rgba(255, 255, 255, 0.08)"), Y.addColorStop(1, "rgba(255, 255, 255, 0.03)"), A.fillStyle = Y, this.drawListViewRect(A, D, w, Q, B, o), A.fill(), A.strokeStyle = "rgba(255, 255, 255, 0.25)", A.lineWidth = 1, this.drawListViewRect(A, D, w, Q, B, o), A.stroke();
+    var wA, u, j, H;
+    const C = this.objectStates.get(I.id) || {}, g = C.options || I.options || {}, Q = C.width !== void 0 ? C.width : ((wA = I.geometry) == null ? void 0 : wA.width) || 200, B = C.height !== void 0 ? C.height : ((u = I.geometry) == null ? void 0 : u.height) || 300, D = -Q / 2, w = -B / 2, o = C.cornerRadius !== void 0 ? C.cornerRadius : g.cornerRadius ?? 0, h = g.orientation || "vertical", G = g.items || [], s = g.itemGap ?? 10, a = g.itemHeight ?? 50, M = g.itemWidth ?? 200, y = g.scrollOffset ?? 0, J = g.padding ?? 0, S = g.glassEffect !== !1, F = g.accentColor || "#3b82f6", U = g.itemTextColor || "#333333", R = g.itemBackgroundColor || "#ffffff", c = g.hoveredIndex ?? null, r = g.activeItemIndex ?? null, q = g.glowIntensity ?? 0, n = g.glowColor || "#3b82f6", O = typeof n == "string" ? n : n.color || ((H = (j = n.stops) == null ? void 0 : j[0]) == null ? void 0 : H.color) || "#3b82f6", l = g.opacity !== void 0 ? g.opacity : I.opacity !== void 0 ? I.opacity : 1;
+    if (A.save(), A.globalAlpha *= l, q > 0 && (A.shadowColor = O, A.shadowBlur = q * 2, A.shadowOffsetX = 0, A.shadowOffsetY = 0), S) {
+      const Z = g.listBackgroundColor || "rgba(31, 41, 55, 0.4)", b = this.createCanvasFill(A, Z, Q, B);
+      A.fillStyle = b || "rgba(31, 41, 55, 0.4)", this.drawListViewRect(A, D, w, Q, B, o), A.fill();
+      const p = A.createLinearGradient(D, w, D + Q, w + B);
+      p.addColorStop(0, "rgba(255, 255, 255, 0.15)"), p.addColorStop(0.5, "rgba(255, 255, 255, 0.08)"), p.addColorStop(1, "rgba(255, 255, 255, 0.03)"), A.fillStyle = p, this.drawListViewRect(A, D, w, Q, B, o), A.fill(), A.strokeStyle = "rgba(255, 255, 255, 0.25)", A.lineWidth = 1, this.drawListViewRect(A, D, w, Q, B, o), A.stroke();
     } else {
-      const b = g.listBackgroundColor || "transparent", T = this.createCanvasFill(A, b, Q, B);
-      T && (A.fillStyle = T, this.drawListViewRect(A, D, w, Q, B, o), A.fill());
-      const Y = g.borderWidth ?? 0;
-      Y > 0 && (A.strokeStyle = g.borderColor || "#cccccc", A.lineWidth = Y, this.drawListViewRect(A, D, w, Q, B, o), A.stroke());
+      const Z = g.listBackgroundColor || "transparent", b = this.createCanvasFill(A, Z, Q, B);
+      b && (A.fillStyle = b, this.drawListViewRect(A, D, w, Q, B, o), A.fill());
+      const p = g.borderWidth ?? 0;
+      p > 0 && (A.strokeStyle = g.borderColor || "#cccccc", A.lineWidth = p, this.drawListViewRect(A, D, w, Q, B, o), A.stroke());
     }
     A.shadowBlur = 0, A.save(), this.drawListViewRect(A, D, w, Q, B, o), A.clip();
-    const X = typeof J == "number" ? J : h === "vertical" ? J[0] : J[3];
-    let QA = (h === "vertical" ? w : D) + y + X;
-    if (A.textBaseline = "middle", G.forEach((b, T) => {
-      const Y = h === "vertical" ? Q : M, f = h === "vertical" ? a : B, t = h === "vertical" ? D : QA, l = h === "vertical" ? QA : w, e = c === T, O = r === T;
-      if (O) {
-        const u = this.createCanvasFill(A, F, Y, f);
-        A.fillStyle = u || F;
-        const iA = A.globalAlpha;
-        A.globalAlpha = iA * 0.8, A.fillRect(t, l, Y, f), A.globalAlpha = iA;
-      } else if (e)
-        A.fillStyle = S ? "rgba(255, 255, 255, 0.1)" : "rgba(0, 0, 0, 0.05)", A.fillRect(t, l, Y, f);
+    const v = typeof J == "number" ? J : h === "vertical" ? J[0] : J[3];
+    let QA = (h === "vertical" ? w : D) + y + v;
+    if (A.textBaseline = "middle", G.forEach((Z, b) => {
+      const p = h === "vertical" ? Q : M, T = h === "vertical" ? a : B, t = h === "vertical" ? D : QA, e = h === "vertical" ? QA : w, Y = c === b, d = r === b;
+      if (d) {
+        const IA = this.createCanvasFill(A, F, p, T);
+        A.fillStyle = IA || F;
+        const BA = A.globalAlpha;
+        A.globalAlpha = BA * 0.8, A.fillRect(t, e, p, T), A.globalAlpha = BA;
+      } else if (Y)
+        A.fillStyle = S ? "rgba(255, 255, 255, 0.1)" : "rgba(0, 0, 0, 0.05)", A.fillRect(t, e, p, T);
       else if (R !== "transparent") {
-        const u = this.createCanvasFill(A, R, Y, f);
-        A.fillStyle = u || R, A.fillRect(t, l, Y, f);
+        const IA = this.createCanvasFill(A, R, p, T);
+        A.fillStyle = IA || R, A.fillRect(t, e, p, T);
       }
-      if (O || e) {
-        const u = this.createCanvasFill(A, F, h === "vertical" ? 3 : Y, h === "vertical" ? f : 3);
-        A.fillStyle = u || F, h === "vertical" ? A.fillRect(t, l, 3, f) : A.fillRect(t, l + f - 3, Y, 3);
+      if (d || Y) {
+        const IA = this.createCanvasFill(A, F, h === "vertical" ? 3 : p, h === "vertical" ? T : 3);
+        A.fillStyle = IA || F, h === "vertical" ? A.fillRect(t, e, 3, T) : A.fillRect(t, e + T - 3, p, 3);
       }
-      const _ = O ? "#ffffff" : S ? "rgba(255, 255, 255, 0.9)" : U;
-      A.fillStyle = _, A.font = O || e ? "600 14px Inter, sans-serif" : "400 14px Inter, sans-serif";
-      const BA = typeof b == "string" ? b : b.label || `Item ${T + 1}`, V = t + (h === "vertical" ? 16 : Y / 2), gA = l + f / 2;
-      h === "horizontal" ? A.textAlign = "center" : A.textAlign = "left", A.fillText(BA, V, gA), QA += (h === "vertical" ? a : M) + s;
+      const X = d ? "#ffffff" : S ? "rgba(255, 255, 255, 0.9)" : U;
+      A.fillStyle = X, A.font = d || Y ? "600 14px Inter, sans-serif" : "400 14px Inter, sans-serif";
+      const iA = typeof Z == "string" ? Z : Z.label || `Item ${b + 1}`, _ = t + (h === "vertical" ? 16 : p / 2), V = e + T / 2;
+      h === "horizontal" ? A.textAlign = "center" : A.textAlign = "left", A.fillText(iA, _, V), QA += (h === "vertical" ? a : M) + s;
     }), A.restore(), g.showScrollbar !== !1) {
-      const b = (G.length || 0) * (h === "vertical" ? a : M) + ((G.length || 0) - 1) * s, T = h === "vertical" ? B : Q;
-      if (b > T) {
-        const Y = T / b, f = T * Y, t = -y / b * T, l = g.scrollbarColor || "rgba(255,255,255,0.3)", e = g.scrollbarWidth || 4;
-        A.fillStyle = l, h === "vertical" ? A.fillRect(D + Q - e - 2, w + t, e, f) : A.fillRect(D + t, w + B - e - 2, f, e);
+      const Z = (G.length || 0) * (h === "vertical" ? a : M) + ((G.length || 0) - 1) * s, b = h === "vertical" ? B : Q;
+      if (Z > b) {
+        const p = b / Z, T = b * p, t = -y / Z * b, e = g.scrollbarColor || "rgba(255,255,255,0.3)", Y = g.scrollbarWidth || 4;
+        A.fillStyle = e, h === "vertical" ? A.fillRect(D + Q - Y - 2, w + t, Y, T) : A.fillRect(D + t, w + B - Y - 2, T, Y);
       }
     }
     A.restore();
@@ -6107,16 +6110,16 @@ class OC {
     Q.hoveredIndex !== g && (Q.hoveredIndex = g);
   }
   getListViewItemIndexAtPointer(A, I, C) {
-    var X, QA;
+    var v, QA;
     const g = A.options || {}, Q = this.objectStates.get(A.id) || {}, B = g.items || [];
     if (B.length === 0) return null;
-    const D = Q.width !== void 0 ? Q.width : ((X = A.geometry) == null ? void 0 : X.width) || 200, w = Q.height !== void 0 ? Q.height : ((QA = A.geometry) == null ? void 0 : QA.height) || 300, o = g.orientation || "vertical", h = g.itemGap ?? 10, G = g.itemHeight ?? 50, s = g.itemWidth ?? 200, a = g.scrollOffset ?? 0, M = g.padding ?? 0, y = this.getWorldTransform(A.id), J = I - y.x, S = C - y.y, F = -y.rotation * (Math.PI / 180), U = Math.cos(F), R = Math.sin(F), c = J * U - S * R, r = J * R + S * U, n = -D / 2, p = -w / 2, Z = typeof M == "number" ? M : o === "vertical" ? M[0] : M[3];
-    let H = (o === "vertical" ? p : n) + a + Z;
+    const D = Q.width !== void 0 ? Q.width : ((v = A.geometry) == null ? void 0 : v.width) || 200, w = Q.height !== void 0 ? Q.height : ((QA = A.geometry) == null ? void 0 : QA.height) || 300, o = g.orientation || "vertical", h = g.itemGap ?? 10, G = g.itemHeight ?? 50, s = g.itemWidth ?? 200, a = g.scrollOffset ?? 0, M = g.padding ?? 0, y = this.getWorldTransform(A.id), J = I - y.x, S = C - y.y, F = -y.rotation * (Math.PI / 180), U = Math.cos(F), R = Math.sin(F), c = J * U - S * R, r = J * R + S * U, q = -D / 2, n = -w / 2, O = typeof M == "number" ? M : o === "vertical" ? M[0] : M[3];
+    let l = (o === "vertical" ? n : q) + a + O;
     for (let SA = 0; SA < B.length; SA++) {
-      const wA = o === "vertical" ? D : s, v = o === "vertical" ? G : w, x = o === "vertical" ? n : H, q = o === "vertical" ? H : p;
-      if (c >= x && c <= x + wA && r >= q && r <= q + v)
+      const wA = o === "vertical" ? D : s, u = o === "vertical" ? G : w, j = o === "vertical" ? q : l, H = o === "vertical" ? l : n;
+      if (c >= j && c <= j + wA && r >= H && r <= H + u)
         return SA;
-      H += (o === "vertical" ? G : s) + h;
+      l += (o === "vertical" ? G : s) + h;
     }
     return null;
   }
@@ -6157,16 +6160,16 @@ const xC = FC(
         y.current || (y.current = c);
         const r = (c - y.current) / 1e3;
         y.current = c, g && S.advance(r);
-        const n = window.devicePixelRatio || 1, p = F.getBoundingClientRect(), Z = Math.floor(p.width * n), H = Math.floor(p.height * n);
-        (F.width !== Z || F.height !== H) && (F.width = Z, F.height = H), S.render(U, Z, H), M.current = requestAnimationFrame(R);
+        const q = window.devicePixelRatio || 1, n = F.getBoundingClientRect(), O = Math.floor(n.width * q), l = Math.floor(n.height * q);
+        (F.width !== O || F.height !== l) && (F.width = O, F.height = l), S.render(U, O, l), M.current = requestAnimationFrame(R);
       };
       return M.current = requestAnimationFrame(R), () => {
         M.current && cancelAnimationFrame(M.current);
       };
     }, [g]);
     const J = (S, F) => {
-      const U = S.currentTarget.getBoundingClientRect(), R = S.clientX - U.left, c = S.clientY - U.top, r = U.width, n = U.height;
-      a.current.handlePointerInput(F, R, c, r, n);
+      const U = S.currentTarget.getBoundingClientRect(), R = S.clientX - U.left, c = S.clientY - U.top, r = U.width, q = U.height;
+      a.current.handlePointerInput(F, R, c, r, q);
     };
     return /* @__PURE__ */ yC(
       "canvas",