exodeui 2.5.2 → 2.5.3

package/dist/index.mjs

@@ -157,10 +157,10 @@ class iA {
       Y[e++] = void 0, Y[e++] = void 0;
     }
   }
-  castShape(A, I, g, C, B, i, D, o, w, h, K, s, k, M, a) {
+  castShape(A, I, g, C, B, i, D, o, w, h, K, s, k, M, F) {
     try {
       G(A, f), G(I, H), G(g, n), G(C, S), G(B, t), G(i, S), G(D, U);
-      const y = Q.rawbroadphase_castShape(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, g.__wbg_ptr, C.__wbg_ptr, B.__wbg_ptr, i.__wbg_ptr, D.__wbg_ptr, o, w, h, K, J(s) ? 4294967297 : s >>> 0, !J(k), J(k) ? 0 : k, !J(M), J(M) ? 0 : M, l(a));
+      const y = Q.rawbroadphase_castShape(this.__wbg_ptr, A.__wbg_ptr, I.__wbg_ptr, g.__wbg_ptr, C.__wbg_ptr, B.__wbg_ptr, i.__wbg_ptr, D.__wbg_ptr, o, w, h, K, J(s) ? 4294967297 : s >>> 0, !J(k), J(k) ? 0 : k, !J(M), J(M) ? 0 : M, l(F));
       return y === 0 ? void 0 : jA.__wrap(y);
     } finally {
       Y[e++] = void 0;
@@ -552,10 +552,10 @@ class n {
   contains(A) {
     return Q.rawcolliderset_contains(this.__wbg_ptr, A) !== 0;
   }
-  createCollider(A, I, g, C, B, i, D, o, w, h, K, s, k, M, a, y, F, R, r, p, j, b, z, _) {
+  createCollider(A, I, g, C, B, i, D, o, w, h, K, s, k, M, F, y, a, R, r, p, j, b, z, _) {
     try {
       const zA = Q.__wbindgen_add_to_stack_pointer(-16);
-      G(I, U), G(g, S), G(C, t), G(D, S), G(_, H), Q.rawcolliderset_createCollider(zA, this.__wbg_ptr, A, I.__wbg_ptr, g.__wbg_ptr, C.__wbg_ptr, B, i, D.__wbg_ptr, o, w, h, K, s, k, M, a, y, F, R, r, p, j, b, z, _.__wbg_ptr);
+      G(I, U), G(g, S), G(C, t), G(D, S), G(_, H), Q.rawcolliderset_createCollider(zA, this.__wbg_ptr, A, I.__wbg_ptr, g.__wbg_ptr, C.__wbg_ptr, B, i, D.__wbg_ptr, o, w, h, K, s, k, M, F, y, a, R, r, p, j, b, z, _.__wbg_ptr);
       var kA = Z().getInt32(zA + 0, !0), Wg = Z().getFloat64(zA + 8, !0);
       return kA === 0 ? void 0 : Wg;
     } finally {
@@ -1871,8 +1871,8 @@ class H {
     const A = Q.rawrigidbodyset_new();
     return this.__wbg_ptr = A >>> 0, EI.register(this, this.__wbg_ptr, this), this;
   }
-  createRigidBody(A, I, g, C, B, i, D, o, w, h, K, s, k, M, a, y, F, R, r, p, j, b) {
-    return G(I, S), G(g, t), G(D, S), G(o, S), Q.rawrigidbodyset_createRigidBody(this.__wbg_ptr, A, I.__wbg_ptr, g.__wbg_ptr, C, B, i, D.__wbg_ptr, o.__wbg_ptr, w, h, K, s, k, M, a, y, F, R, r, p, j, b);
+  createRigidBody(A, I, g, C, B, i, D, o, w, h, K, s, k, M, F, y, a, R, r, p, j, b) {
+    return G(I, S), G(g, t), G(D, S), G(o, S), Q.rawrigidbodyset_createRigidBody(this.__wbg_ptr, A, I.__wbg_ptr, g.__wbg_ptr, C, B, i, D.__wbg_ptr, o.__wbg_ptr, w, h, K, s, k, M, F, y, a, R, r, p, j, b);
   }
   remove(A, I, g, C, B) {
     G(I, gA), G(g, n), G(C, IA), G(B, CA), Q.rawrigidbodyset_remove(this.__wbg_ptr, A, I.__wbg_ptr, g.__wbg_ptr, C.__wbg_ptr, B.__wbg_ptr);
@@ -3192,11 +3192,11 @@ class eg {
   }
   intersectionsWithRay(A, I, g, C, B, i, D, o, w, h, K, s) {
     let k = N.intoRaw(C.origin), M = N.intoRaw(C.dir);
-    this.raw.intersectionsWithRay(A.raw, I.raw, g.raw, k, M, B, i, (a) => D(LA.fromRaw(g, a)), o, w, h, K, s), k.free(), M.free();
+    this.raw.intersectionsWithRay(A.raw, I.raw, g.raw, k, M, B, i, (F) => D(LA.fromRaw(g, F)), o, w, h, K, s), k.free(), M.free();
   }
   intersectionWithShape(A, I, g, C, B, i, D, o, w, h, K) {
-    let s = N.intoRaw(C), k = q.intoRaw(B), M = i.intoRaw(), a = this.raw.intersectionWithShape(A.raw, I.raw, g.raw, s, k, M, D, o, w, h, K);
-    return s.free(), k.free(), M.free(), a;
+    let s = N.intoRaw(C), k = q.intoRaw(B), M = i.intoRaw(), F = this.raw.intersectionWithShape(A.raw, I.raw, g.raw, s, k, M, D, o, w, h, K);
+    return s.free(), k.free(), M.free(), F;
   }
   projectPoint(A, I, g, C, B, i, D, o, w, h) {
     let K = N.intoRaw(C), s = qA.fromRaw(g, this.raw.projectPoint(A.raw, I.raw, g.raw, K, B, i, D, o, w, h));
@@ -3210,13 +3210,13 @@ class eg {
     let K = N.intoRaw(C);
     this.raw.intersectionsWithPoint(A.raw, I.raw, g.raw, K, B, i, D, o, w, h), K.free();
   }
-  castShape(A, I, g, C, B, i, D, o, w, h, K, s, k, M, a) {
-    let y = N.intoRaw(C), F = q.intoRaw(B), R = N.intoRaw(i), r = D.intoRaw(), p = HA.fromRaw(g, this.raw.castShape(A.raw, I.raw, g.raw, y, F, R, r, o, w, h, K, s, k, M, a));
-    return y.free(), F.free(), R.free(), r.free(), p;
+  castShape(A, I, g, C, B, i, D, o, w, h, K, s, k, M, F) {
+    let y = N.intoRaw(C), a = q.intoRaw(B), R = N.intoRaw(i), r = D.intoRaw(), p = HA.fromRaw(g, this.raw.castShape(A.raw, I.raw, g.raw, y, a, R, r, o, w, h, K, s, k, M, F));
+    return y.free(), a.free(), R.free(), r.free(), p;
   }
   intersectionsWithShape(A, I, g, C, B, i, D, o, w, h, K, s) {
-    let k = N.intoRaw(C), M = q.intoRaw(B), a = i.intoRaw();
-    this.raw.intersectionsWithShape(A.raw, I.raw, g.raw, k, M, a, D, o, w, h, K, s), k.free(), M.free(), a.free();
+    let k = N.intoRaw(C), M = q.intoRaw(B), F = i.intoRaw();
+    this.raw.intersectionsWithShape(A.raw, I.raw, g.raw, k, M, F, D, o, w, h, K, s), k.free(), M.free(), F.free();
   }
   collidersWithAabbIntersectingAabb(A, I, g, C, B, i) {
     let D = N.intoRaw(C), o = N.intoRaw(B);
@@ -3355,8 +3355,8 @@ class W {
         const k = A.coTriMeshFlags(I);
         return new fI(i, D, k);
       case x.HeightField:
-        const M = A.coHeightfieldScale(I), a = A.coHeightfieldHeights(I);
-        return new bI(a, M);
+        const M = A.coHeightfieldScale(I), F = A.coHeightfieldHeights(I);
+        return new bI(F, M);
       case x.ConvexPolygon:
         return i = A.coVertices(I), new ZA(i, !1);
       case x.RoundConvexPolygon:
@@ -3366,8 +3366,8 @@ class W {
     }
   }
   castShape(A, I, g, C, B, i, D, o, w, h) {
-    let K = N.intoRaw(A), s = q.intoRaw(I), k = N.intoRaw(g), M = N.intoRaw(B), a = q.intoRaw(i), y = N.intoRaw(D), F = this.intoRaw(), R = C.intoRaw(), r = sA.fromRaw(null, F.castShape(K, s, k, R, M, a, y, o, w, h));
-    return K.free(), s.free(), k.free(), M.free(), a.free(), y.free(), F.free(), R.free(), r;
+    let K = N.intoRaw(A), s = q.intoRaw(I), k = N.intoRaw(g), M = N.intoRaw(B), F = q.intoRaw(i), y = N.intoRaw(D), a = this.intoRaw(), R = C.intoRaw(), r = sA.fromRaw(null, a.castShape(K, s, k, R, M, F, y, o, w, h));
+    return K.free(), s.free(), k.free(), M.free(), F.free(), y.free(), a.free(), R.free(), r;
   }
   intersectsShape(A, I, g, C, B) {
     let i = N.intoRaw(A), D = q.intoRaw(I), o = N.intoRaw(C), w = q.intoRaw(B), h = this.intoRaw(), K = g.intoRaw(), s = h.intersectsShape(i, D, K, o, w);
@@ -4642,7 +4642,7 @@ class KC {
     return this.objectStates.get(A);
   }
   load(A) {
-    this.artboard = A, this.reset();
+    this.artboard = A, this.reset(), this.advance(0);
   }
   reset() {
     if (!this.artboard) return;
@@ -5091,8 +5091,8 @@ class KC {
         break;
     }
     const s = g * D, k = C * o;
-    let M = 0, a = 0;
-    return i.includes("Left") ? M = 0 : i.includes("Right") ? M = A - s : M = (A - s) / 2, i.includes("Top") ? a = 0 : i.includes("Bottom") ? a = I - k : a = (I - k) / 2, { scaleX: D, scaleY: o, tx: M, ty: a };
+    let M = 0, F = 0;
+    return i.includes("Left") ? M = 0 : i.includes("Right") ? M = A - s : M = (A - s) / 2, i.includes("Top") ? F = 0 : i.includes("Bottom") ? F = I - k : F = (I - k) / 2, { scaleX: D, scaleY: o, tx: M, ty: F };
   }
   renderObject(A, I) {
     const g = this.objectStates.get(I.id);
@@ -5106,15 +5106,17 @@ class KC {
     if (C.type === "Text") {
       let h = C.text;
       if (C.textInputId) {
-        const y = this.inputs.get(C.textInputId);
-        y !== void 0 && (h = String(y), g.geometry && (g.geometry.text = h));
+        const a = this.inputs.get(C.textInputId);
+        a !== void 0 && (h = String(a), g.geometry && (g.geometry.text = h));
       }
       const K = C.align || "center", s = C.width || 0;
       A.textAlign = K, A.textBaseline = "middle";
       let k = 0;
       K === "left" && (k = -s / 2), K === "right" && (k = s / 2);
-      const M = C.fontWeight || "normal", a = C.fontStyle || "normal";
-      A.font = `${a} ${M} ${C.fontSize}px ${C.fontFamily}`, w.fill && (A.fillStyle = w.fill.color, A.globalAlpha = (g.opacity ?? 1) * (w.fill.opacity ?? 1), A.fillText(h, k, 0)), w.stroke && w.stroke.width > 0 && (A.strokeStyle = w.stroke.color, A.lineWidth = w.stroke.width, A.globalAlpha = (g.opacity ?? 1) * (w.stroke.opacity ?? 1), A.strokeText(h, k, 0));
+      const M = C.fontWeight || "normal", F = C.fontStyle || "normal";
+      A.font = `${F} ${M} ${C.fontSize}px ${C.fontFamily}`;
+      const y = s > 0 ? s : void 0;
+      w.fill && (A.fillStyle = w.fill.color, A.globalAlpha = (g.opacity ?? 1) * (w.fill.opacity ?? 1), A.fillText(h, k, 0, y)), w.stroke && w.stroke.width > 0 && (A.strokeStyle = w.stroke.color, A.lineWidth = w.stroke.width, A.globalAlpha = (g.opacity ?? 1) * (w.stroke.opacity ?? 1), A.strokeText(h, k, 0, y));
     } else if (C.type === "Image") {
       const h = C.src;
       if (h) {
@@ -5129,13 +5131,13 @@ class KC {
         if (!k) {
           k = new Image();
           let M = h;
-          C.colors && C.colors.length > 0 && K.length > 0 && C.colors.forEach((F, R) => {
+          C.colors && C.colors.length > 0 && K.length > 0 && C.colors.forEach((a, R) => {
             if (K[R]) {
-              const r = F.replace(/[-\/\\^$*+?.()|[\]{}]/g, "\\$&"), p = new RegExp(r, "gi");
+              const r = a.replace(/[-\/\\^$*+?.()|[\]{}]/g, "\\$&"), p = new RegExp(r, "gi");
               M = M.replace(p, K[R]);
             }
           });
-          const a = new Blob([M], { type: "image/svg+xml" }), y = URL.createObjectURL(a);
+          const F = new Blob([M], { type: "image/svg+xml" }), y = URL.createObjectURL(F);
           k.src = y, this.imageCache.set(s, k);
         }
         k.complete && k.naturalWidth > 0 && (A.globalAlpha = g.opacity ?? 1, A.drawImage(k, -B / 2, -i / 2, B, i));
@@ -5152,8 +5154,8 @@ class KC {
       else if (C.type === "Star") {
         const h = C.inner_radius, K = C.outer_radius, s = C.points || 5;
         for (let k = 0; k < s * 2; k++) {
-          const M = k * Math.PI / s - Math.PI / 2, a = k % 2 === 0 ? K : h, y = a * Math.cos(M), F = a * Math.sin(M);
-          k === 0 ? A.moveTo(y, F) : A.lineTo(y, F);
+          const M = k * Math.PI / s - Math.PI / 2, F = k % 2 === 0 ? K : h, y = F * Math.cos(M), a = F * Math.sin(M);
+          k === 0 ? A.moveTo(y, a) : A.lineTo(y, a);
         }
         A.closePath();
       }
@@ -5184,84 +5186,84 @@ class KC {
       pointFill: I.pointFill || "#ffffff",
       pointStrokeColor: I.pointStrokeColor || I.lineColor || "#3b82f6",
       pointStrokeWidth: I.pointStrokeWidth || 2
-    }]), !B || B.length === 0 || !B.some((a) => a.data && a.data.length >= 2)) {
+    }]), !B || B.length === 0 || !B.some((F) => F.data && F.data.length >= 2)) {
       A.save(), A.fillStyle = "#6366f1", A.font = "12px Inter, system-ui, sans-serif", A.textAlign = "center", A.textBaseline = "middle", A.fillText("NO DATA", 0, 0), A.restore();
       return;
     }
     let i = 1 / 0, D = -1 / 0, o = 0;
-    if (B.forEach((a) => {
-      let y = a.data;
-      if (a.isVarEnabled && a.inputId) {
-        let F = this.inputs.get(a.inputId);
-        if (F === void 0) {
-          const R = this.inputNameMap.get(a.inputId);
-          R && R.length > 0 && (F = this.inputs.get(R[0]));
+    if (B.forEach((F) => {
+      let y = F.data;
+      if (F.isVarEnabled && F.inputId) {
+        let a = this.inputs.get(F.inputId);
+        if (a === void 0) {
+          const R = this.inputNameMap.get(F.inputId);
+          R && R.length > 0 && (a = this.inputs.get(R[0]));
         }
-        F && Array.isArray(F) && (y = F);
+        a && Array.isArray(a) && (y = a);
       }
       if (y && y.length > 0) {
-        const F = y.filter((R) => typeof R == "number" && !isNaN(R));
-        F.length > 0 && (i = Math.min(i, ...F), D = Math.max(D, ...F), o = Math.max(o, y.length));
+        const a = y.filter((R) => typeof R == "number" && !isNaN(R));
+        a.length > 0 && (i = Math.min(i, ...a), D = Math.max(D, ...a), o = Math.max(o, y.length));
       }
-      a._resolvedData = y;
+      F._resolvedData = y;
     }), o < 2) return;
-    const w = D - i, h = g / (o - 1), K = (a) => {
-      const y = w === 0 ? 0.5 : (a - i) / w;
+    const w = D - i, h = g / (o - 1), K = (F) => {
+      const y = w === 0 ? 0.5 : (F - i) / w;
       return C / 2 - y * C;
-    }, s = (a) => a * h - g / 2, k = I.axisColor || "#333333";
+    }, s = (F) => F * h - g / 2, k = I.axisColor || "#333333";
     if (I.showXAxis && (A.beginPath(), A.strokeStyle = I.xAxisColor || k, A.lineWidth = 1, A.moveTo(-g / 2, C / 2), A.lineTo(g / 2, C / 2), A.stroke()), I.showYAxis && (A.beginPath(), A.strokeStyle = I.yAxisColor || k, A.lineWidth = 1, A.moveTo(-g / 2, -C / 2), A.lineTo(-g / 2, C / 2), A.stroke()), A.fillStyle = I.axisLabelColor || "#333333", A.font = `${I.axisLabelFontSize || 10}px Inter, sans-serif`, I.showXLabels) {
       A.textAlign = "center", A.textBaseline = "top";
-      for (let a = 0; a < o; a++) {
-        const y = s(a);
-        A.fillText(`${a + 1}`, y, C / 2 + 5);
+      for (let F = 0; F < o; F++) {
+        const y = s(F);
+        A.fillText(`${F + 1}`, y, C / 2 + 5);
       }
     }
     if (I.showYLabels) {
       A.textAlign = "right", A.textBaseline = "middle";
-      const a = -g / 2 - 5, y = (D + i) / 2;
-      A.fillText(D.toFixed(1), a, K(D)), A.fillText(y.toFixed(1), a, K(y)), A.fillText(i.toFixed(1), a, K(i));
+      const F = -g / 2 - 5, y = (D + i) / 2;
+      A.fillText(D.toFixed(1), F, K(D)), A.fillText(y.toFixed(1), F, K(y)), A.fillText(i.toFixed(1), F, K(i));
     }
     const M = 10;
-    if (B.forEach((a) => {
-      const y = a._resolvedData;
+    if (B.forEach((F) => {
+      const y = F._resolvedData;
       if (!(!y || y.length < 2)) {
-        if (a.showArea) {
-          if (A.beginPath(), A.moveTo(s(0), C / 2), A.lineTo(s(0), K(y[0])), a.smoothing && y.length > 2)
-            for (let F = 0; F < y.length - 1; F++) {
-              const R = y[F === 0 ? F : F - 1], r = y[F], p = y[F + 1], j = y[F + 1 === y.length - 1 ? F + 1 : F + 2];
+        if (F.showArea) {
+          if (A.beginPath(), A.moveTo(s(0), C / 2), A.lineTo(s(0), K(y[0])), F.smoothing && y.length > 2)
+            for (let a = 0; a < y.length - 1; a++) {
+              const R = y[a === 0 ? a : a - 1], r = y[a], p = y[a + 1], j = y[a + 1 === y.length - 1 ? a + 1 : a + 2];
               for (let b = 1; b <= M; b++) {
                 const z = b / M, _ = this._catmullRom(R, r, p, j, z);
-                A.lineTo(s(F + z), K(_));
+                A.lineTo(s(a + z), K(_));
               }
             }
           else
-            for (let F = 1; F < y.length; F++)
-              A.lineTo(s(F), K(y[F]));
-          A.lineTo(s(y.length - 1), C / 2), A.closePath(), A.globalAlpha = I.areaOpacity ?? 0.3, A.fillStyle = a.areaColor || "rgba(139, 92, 246, 0.2)", A.fill(), A.globalAlpha = 1;
+            for (let a = 1; a < y.length; a++)
+              A.lineTo(s(a), K(y[a]));
+          A.lineTo(s(y.length - 1), C / 2), A.closePath(), A.globalAlpha = I.areaOpacity ?? 0.3, A.fillStyle = F.areaColor || "rgba(139, 92, 246, 0.2)", A.fill(), A.globalAlpha = 1;
         }
-        if (A.beginPath(), A.strokeStyle = a.lineColor || "#3b82f6", A.lineWidth = a.lineWidth || 2, A.lineJoin = "round", A.lineCap = "round", A.moveTo(s(0), K(y[0])), a.smoothing && y.length > 2)
-          for (let F = 0; F < y.length - 1; F++) {
-            const R = y[F === 0 ? F : F - 1], r = y[F], p = y[F + 1], j = y[F + 1 === y.length - 1 ? F + 1 : F + 2];
+        if (A.beginPath(), A.strokeStyle = F.lineColor || "#3b82f6", A.lineWidth = F.lineWidth || 2, A.lineJoin = "round", A.lineCap = "round", A.moveTo(s(0), K(y[0])), F.smoothing && y.length > 2)
+          for (let a = 0; a < y.length - 1; a++) {
+            const R = y[a === 0 ? a : a - 1], r = y[a], p = y[a + 1], j = y[a + 1 === y.length - 1 ? a + 1 : a + 2];
             for (let b = 1; b <= M; b++) {
               const z = b / M, _ = this._catmullRom(R, r, p, j, z);
-              A.lineTo(s(F + z), K(_));
+              A.lineTo(s(a + z), K(_));
             }
           }
         else
-          for (let F = 1; F < y.length; F++)
-            A.lineTo(s(F), K(y[F]));
-        A.stroke(), a.showPoints && y.forEach((F, R) => {
-          const r = s(R), p = K(F);
-          A.beginPath(), A.arc(r, p, (a.pointSize || 6) / 2, 0, Math.PI * 2), A.fillStyle = a.pointFill || "#ffffff", A.fill(), A.strokeStyle = a.pointStrokeColor || a.lineColor || "#3b82f6", A.lineWidth = a.pointStrokeWidth || 1, A.stroke();
+          for (let a = 1; a < y.length; a++)
+            A.lineTo(s(a), K(y[a]));
+        A.stroke(), F.showPoints && y.forEach((a, R) => {
+          const r = s(R), p = K(a);
+          A.beginPath(), A.arc(r, p, (F.pointSize || 6) / 2, 0, Math.PI * 2), A.fillStyle = F.pointFill || "#ffffff", A.fill(), A.strokeStyle = F.pointStrokeColor || F.lineColor || "#3b82f6", A.lineWidth = F.pointStrokeWidth || 1, A.stroke();
         });
       }
     }), I.showLegend && B.length > 0) {
-      const a = g / 2 - 10;
+      const F = g / 2 - 10;
       let y = -C / 2 + 15;
-      const F = I.legendFontSize || 10, R = F + 5;
-      A.font = `${F}px Inter, sans-serif`, A.textAlign = "right", A.textBaseline = "alphabetic", B.forEach((r) => {
+      const a = I.legendFontSize || 10, R = a + 5;
+      A.font = `${a}px Inter, sans-serif`, A.textAlign = "right", A.textBaseline = "alphabetic", B.forEach((r) => {
         const j = r.label || "Series", b = A.measureText(j).width;
-        A.beginPath(), A.rect(a - b - 8 - 5, y - (8 / 2 + 2), 8, 8), A.fillStyle = r.lineColor || "#3b82f6", A.fill(), A.fillStyle = I.legendColor || "#333333", A.fillText(j, a, y), y += R;
+        A.beginPath(), A.rect(F - b - 8 - 5, y - (8 / 2 + 2), 8, 8), A.fillStyle = r.lineColor || "#3b82f6", A.fill(), A.fillStyle = I.legendColor || "#333333", A.fillText(j, F, y), y += R;
       });
     }
   }
@@ -5281,7 +5283,7 @@ const kC = mg(
       w && s.current.setInputUpdateCallback(w);
     }, [w]), yA(() => {
       (async () => {
-        const F = s.current;
+        const a = s.current;
         let R = E;
         if (!R && A)
           try {
@@ -5290,27 +5292,27 @@ const kC = mg(
             console.error("Failed to load ExodeUI animation:", r);
             return;
           }
-        R && (F.load(R), D && D(F));
+        R && (a.load(R), D && D(a));
       })();
     }, [E, A]), yA(() => {
-      const y = s.current, F = K.current;
-      if (!F) return;
-      const R = F.getContext("2d");
+      const y = s.current, a = K.current;
+      if (!a) return;
+      const R = a.getContext("2d");
       if (!R) return;
       const r = (p) => {
         M.current || (M.current = p);
         const j = (p - M.current) / 1e3;
         M.current = p, C && y.advance(j);
-        const b = window.devicePixelRatio || 1, z = F.getBoundingClientRect(), _ = Math.floor(z.width * b), kA = Math.floor(z.height * b);
-        (F.width !== _ || F.height !== kA) && (F.width = _, F.height = kA), y.render(R, _, kA), k.current = requestAnimationFrame(r);
+        const b = window.devicePixelRatio || 1, z = a.getBoundingClientRect(), _ = Math.floor(z.width * b), kA = Math.floor(z.height * b);
+        (a.width !== _ || a.height !== kA) && (a.width = _, a.height = kA), y.render(R, _, kA), k.current = requestAnimationFrame(r);
       };
       return k.current = requestAnimationFrame(r), () => {
         k.current && cancelAnimationFrame(k.current);
       };
     }, [C]);
-    const a = (y, F) => {
+    const F = (y, a) => {
       const R = y.currentTarget.getBoundingClientRect(), r = y.clientX - R.left, p = y.clientY - R.top, j = R.width, b = R.height;
-      s.current.handlePointerInput(F, r, p, j, b);
+      s.current.handlePointerInput(a, r, p, j, b);
     };
     return /* @__PURE__ */ Xg(
       "canvas",
@@ -5318,11 +5320,11 @@ const kC = mg(
         ref: K,
         style: { width: "100%", height: "100%", ...g },
         className: I,
-        onPointerDown: (y) => a(y, "down"),
-        onPointerUp: (y) => a(y, "up"),
-        onPointerMove: (y) => a(y, "move"),
-        onPointerLeave: (y) => a(y, "blur"),
-        onClick: (y) => a(y, "click")
+        onPointerDown: (y) => F(y, "down"),
+        onPointerUp: (y) => F(y, "up"),
+        onPointerMove: (y) => F(y, "move"),
+        onPointerLeave: (y) => F(y, "blur"),
+        onClick: (y) => F(y, "click")
       }
     );
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "exodeui",
-  "version": "2.5.2",
+  "version": "2.5.3",
   "description": "React Runtime for ExodeUI Animation Engine",
   "main": "dist/index.js",
   "module": "dist/index.mjs",