exodeui 6.3.36 → 6.3.38

package/dist/index.mjs

@@ -30,7 +30,7 @@ function Ps(g, t, i) {
 }
 const Ge = /* @__PURE__ */ new Map();
 function ps(g) {
-  var M;
+  var I;
   const {
     text: t,
     fontFamily: i = "Inter",
@@ -135,7 +135,7 @@ function ps(g) {
   } finally {
     r !== 0 && m && (CanvasRenderingContext2D.prototype.measureText = m);
   }
-  let w = (C == null ? void 0 : C.height) !== void 0 && C.height > 0 ? C.height : (((M = C == null ? void 0 : C.lines) == null ? void 0 : M.length) || 0) * S * o;
+  let w = (C == null ? void 0 : C.height) !== void 0 && C.height > 0 ? C.height : (((I = C == null ? void 0 : C.lines) == null ? void 0 : I.length) || 0) * S * o;
   if (f > 0 && C && C.lines && C.lines.length > 1) {
     let k = 0;
     const T = b.fullText || t;
@@ -144,12 +144,12 @@ function ps(g) {
 ` || T[k] === "\r") && (w += f, k++, T[k - 1] === "\r" && T[k] === `
 ` && k++);
   }
-  let I = (C == null ? void 0 : C.lines) || [];
-  return g.composer === "every-line" && I.length > 1 && (I = _s(I)), g.balanceRaggedLines === !0 && I.length > 1 && (I = Ps(I)), {
+  let M = (C == null ? void 0 : C.lines) || [];
+  return g.composer === "every-line" && M.length > 1 && (M = _s(M)), g.balanceRaggedLines === !0 && M.length > 1 && (M = Ps(M)), {
     width: a,
     height: w,
-    lineCount: I.length,
-    lines: I
+    lineCount: M.length,
+    lines: M
   };
 }
 function is(g, t, i) {
@@ -217,10 +217,10 @@ function Es(g, t, i) {
     r && v.length > 0 && (f ? m + s + A.h > S : b + s + A.w > y) ? (u.push({ children: v, width: b, height: m }), v = [A], b = A.w, m = A.h) : (v.push(A), f ? (b = Math.max(b, A.w), m += (v.length > 1 ? s : 0) + A.h) : (b += (v.length > 1 ? s : 0) + A.w, m = Math.max(m, A.h)));
   }), v.length > 0 && u.push({ children: v, width: b, height: m }), c && !f && (l = Math.max(...u.map((A) => A.width), 0) + n.left + n.right), d && f && (p = Math.max(...u.map((A) => A.height), 0) + n.top + n.bottom);
   const C = [];
-  let w = n.left, I = n.top;
-  const M = a.toLowerCase(), k = M === "center" || M.endsWith("-center"), T = M.endsWith("-right"), L = M === "center" || M.startsWith("center-"), P = M.startsWith("bottom-");
+  let w = n.left, M = n.top;
+  const I = a.toLowerCase(), k = I === "center" || I.endsWith("-center"), T = I.endsWith("-right"), L = I === "center" || I.startsWith("center-"), P = I.startsWith("bottom-");
   return u.forEach((A) => {
-    let W = w, z = I;
+    let W = w, z = M;
     f ? L ? z = n.top + (p - n.top - n.bottom - A.height) / 2 : P && (z = p - n.bottom - A.height) : k ? W = n.left + (l - n.left - n.right - A.width) / 2 : T && (W = l - n.right - A.width), A.children.forEach((Y) => {
       var F, j;
       let G = W, N = z;
@@ -233,7 +233,7 @@ function Es(g, t, i) {
         width: J && f ? A.width : void 0,
         height: x ? f ? void 0 : A.height : void 0
       }), f ? z += Y.h + s : W += Y.w + s;
-    }), f ? w += A.width + s : I += A.height + s;
+    }), f ? w += A.width + s : M += A.height + s;
   }), { frameWidth: c ? l : void 0, frameHeight: d ? p : void 0, childUpdates: C };
 }
 function As(g, t, i) {
@@ -242,15 +242,15 @@ function As(g, t, i) {
   const { gridColumns: e, gridRows: s, columnGap: n = 0, rowGap: a = 0, padding: r, align: f } = o;
   let h = g.width, l = g.height;
   const p = h - r.left - r.right, c = l - r.top - r.bottom, d = is(e || "1fr", p, n), u = is(s || "auto", c, a), v = d.length > 0 ? d.reduce((T, L) => T + L, 0) + (d.length - 1) * n : 0, b = u.length > 0 ? u.reduce((T, L) => T + L, 0) + (u.length - 1) * a : 0, m = f.toLowerCase(), y = m === "center" || m.endsWith("-center"), S = m.endsWith("-right"), C = m === "center" || m.startsWith("center-"), w = m.startsWith("bottom-");
-  let I = 0, M = 0;
-  y ? I = (p - v) / 2 : S && (I = p - v), C ? M = (c - b) / 2 : w && (M = c - b);
+  let M = 0, I = 0;
+  y ? M = (p - v) / 2 : S && (M = p - v), C ? I = (c - b) / 2 : w && (I = c - b);
   const k = [];
   return t.forEach((T, L) => {
     var j, X;
     const P = L % d.length || 0, _ = Math.floor(L / d.length) || 0;
     _ >= u.length && u.push(100);
     const E = d[P], A = u[_];
-    let W = r.left + I + d.slice(0, P).reduce((tt, R) => tt + R + n, 0), z = r.top + M + u.slice(0, _).reduce((tt, R) => tt + R + a, 0);
+    let W = r.left + M + d.slice(0, P).reduce((tt, O) => tt + O + n, 0), z = r.top + I + u.slice(0, _).reduce((tt, O) => tt + O + a, 0);
     const Y = i(T.id), G = T.geometry;
     let N = (Y == null ? void 0 : Y.width) ?? G.width ?? 100, J = (Y == null ? void 0 : Y.height) ?? G.height ?? 100;
     if (G.type === "Ellipse" || G.type === "Polygon" || G.type === "Star") {
@@ -427,7 +427,7 @@ class xs {
     }
   }
 }
-const gs = (g) => g, Ls = (g) => g > 0 ? 1 : 0, Rs = (g) => g < 1 ? 0 : 1, os = (g) => g * g, as = (g) => g * (2 - g), rs = (g) => g < 0.5 ? 2 * g * g : -1 + (4 - 2 * g) * g, Os = (g) => g * g * g, Fs = (g) => --g * g * g + 1, $s = (g) => g < 0.5 ? 4 * g * g * g : (g - 1) * (2 * g - 2) * (2 * g - 2) + 1, Bs = (g) => g * g * g * g, Ws = (g) => 1 - --g * g * g * g, Ys = (g) => g < 0.5 ? 8 * g * g * g * g : 1 - 8 * --g * g * g * g, Xs = (g) => g * g * g * g * g, Ds = (g) => 1 + --g * g * g * g * g, Gs = (g) => g < 0.5 ? 16 * g * g * g * g * g : 1 + 16 * --g * g * g * g * g, zs = (g) => 1 - Math.cos(g * Math.PI / 2), Vs = (g) => Math.sin(g * Math.PI / 2), Ns = (g) => -(Math.cos(Math.PI * g) - 1) / 2, Hs = (g) => g === 0 ? 0 : Math.pow(2, 10 * (g - 1)), Us = (g) => g === 1 ? 1 : 1 - Math.pow(2, -10 * g), qs = (g) => g === 0 ? 0 : g === 1 ? 1 : g < 0.5 ? Math.pow(2, 20 * g - 10) / 2 : (2 - Math.pow(2, -20 * g + 10)) / 2, Ks = (g) => 1 - Math.sqrt(1 - g * g), Js = (g) => Math.sqrt(1 - --g * g), Qs = (g) => g < 0.5 ? (1 - Math.sqrt(1 - 4 * g * g)) / 2 : (Math.sqrt(1 - (-2 * g + 2) * (-2 * g + 2)) + 1) / 2, je = 1.70158, qe = je * 1.525, ms = je + 1, Zs = (g) => ms * g * g * g - je * g * g, js = (g) => 1 + ms * Math.pow(g - 1, 3) + je * Math.pow(g - 1, 2), ti = (g) => g < 0.5 ? Math.pow(2 * g, 2) * ((qe + 1) * 2 * g - qe) / 2 : (Math.pow(2 * g - 2, 2) * ((qe + 1) * (g * 2 - 2) + qe) + 2) / 2, ys = 2 * Math.PI / 3, ls = 2 * Math.PI / 4.5, ei = (g) => g === 0 ? 0 : g === 1 ? 1 : -Math.pow(2, 10 * g - 10) * Math.sin((g * 10 - 10.75) * ys), si = (g) => g === 0 ? 0 : g === 1 ? 1 : Math.pow(2, -10 * g) * Math.sin((g * 10 - 0.75) * ys) + 1, ii = (g) => g === 0 ? 0 : g === 1 ? 1 : g < 0.5 ? -(Math.pow(2, 20 * g - 10) * Math.sin((20 * g - 11.125) * ls)) / 2 : Math.pow(2, -20 * g + 10) * Math.sin((20 * g - 11.125) * ls) / 2 + 1, Ze = (g) => g < 1 / 2.75 ? 7.5625 * g * g : g < 2 / 2.75 ? 7.5625 * (g -= 1.5 / 2.75) * g + 0.75 : g < 2.5 / 2.75 ? 7.5625 * (g -= 2.25 / 2.75) * g + 0.9375 : 7.5625 * (g -= 2.625 / 2.75) * g + 0.984375, ni = (g) => 1 - Ze(1 - g), oi = Ze, ai = (g) => g < 0.5 ? (1 - Ze(1 - 2 * g)) / 2 : (1 + Ze(2 * g - 1)) / 2, es = /* @__PURE__ */ new Map(), ze = (g, t, i, o) => {
+const gs = (g) => g, Ls = (g) => g > 0 ? 1 : 0, Os = (g) => g < 1 ? 0 : 1, os = (g) => g * g, as = (g) => g * (2 - g), rs = (g) => g < 0.5 ? 2 * g * g : -1 + (4 - 2 * g) * g, Rs = (g) => g * g * g, Fs = (g) => --g * g * g + 1, $s = (g) => g < 0.5 ? 4 * g * g * g : (g - 1) * (2 * g - 2) * (2 * g - 2) + 1, Bs = (g) => g * g * g * g, Ws = (g) => 1 - --g * g * g * g, Ys = (g) => g < 0.5 ? 8 * g * g * g * g : 1 - 8 * --g * g * g * g, Xs = (g) => g * g * g * g * g, Ds = (g) => 1 + --g * g * g * g * g, Gs = (g) => g < 0.5 ? 16 * g * g * g * g * g : 1 + 16 * --g * g * g * g * g, zs = (g) => 1 - Math.cos(g * Math.PI / 2), Vs = (g) => Math.sin(g * Math.PI / 2), Ns = (g) => -(Math.cos(Math.PI * g) - 1) / 2, Hs = (g) => g === 0 ? 0 : Math.pow(2, 10 * (g - 1)), Us = (g) => g === 1 ? 1 : 1 - Math.pow(2, -10 * g), qs = (g) => g === 0 ? 0 : g === 1 ? 1 : g < 0.5 ? Math.pow(2, 20 * g - 10) / 2 : (2 - Math.pow(2, -20 * g + 10)) / 2, Ks = (g) => 1 - Math.sqrt(1 - g * g), Js = (g) => Math.sqrt(1 - --g * g), Qs = (g) => g < 0.5 ? (1 - Math.sqrt(1 - 4 * g * g)) / 2 : (Math.sqrt(1 - (-2 * g + 2) * (-2 * g + 2)) + 1) / 2, je = 1.70158, qe = je * 1.525, ms = je + 1, Zs = (g) => ms * g * g * g - je * g * g, js = (g) => 1 + ms * Math.pow(g - 1, 3) + je * Math.pow(g - 1, 2), ti = (g) => g < 0.5 ? Math.pow(2 * g, 2) * ((qe + 1) * 2 * g - qe) / 2 : (Math.pow(2 * g - 2, 2) * ((qe + 1) * (g * 2 - 2) + qe) + 2) / 2, ys = 2 * Math.PI / 3, ls = 2 * Math.PI / 4.5, ei = (g) => g === 0 ? 0 : g === 1 ? 1 : -Math.pow(2, 10 * g - 10) * Math.sin((g * 10 - 10.75) * ys), si = (g) => g === 0 ? 0 : g === 1 ? 1 : Math.pow(2, -10 * g) * Math.sin((g * 10 - 0.75) * ys) + 1, ii = (g) => g === 0 ? 0 : g === 1 ? 1 : g < 0.5 ? -(Math.pow(2, 20 * g - 10) * Math.sin((20 * g - 11.125) * ls)) / 2 : Math.pow(2, -20 * g + 10) * Math.sin((20 * g - 11.125) * ls) / 2 + 1, Ze = (g) => g < 1 / 2.75 ? 7.5625 * g * g : g < 2 / 2.75 ? 7.5625 * (g -= 1.5 / 2.75) * g + 0.75 : g < 2.5 / 2.75 ? 7.5625 * (g -= 2.25 / 2.75) * g + 0.9375 : 7.5625 * (g -= 2.625 / 2.75) * g + 0.984375, ni = (g) => 1 - Ze(1 - g), oi = Ze, ai = (g) => g < 0.5 ? (1 - Ze(1 - 2 * g)) / 2 : (1 + Ze(2 * g - 1)) / 2, es = /* @__PURE__ */ new Map(), ze = (g, t, i, o) => {
   const e = `${g},${t},${i},${o}`;
   if (es.has(e)) return es.get(e);
   const s = (h) => (1 - 3 * i + 3 * g) * h * h * h + (3 * i - 6 * g) * h * h + 3 * g * h, n = (h) => (1 - 3 * o + 3 * t) * h * h * h + (3 * o - 6 * t) * h * h + 3 * t * h, a = (h) => 3 * (1 - 3 * i + 3 * g) * h * h + 2 * (3 * i - 6 * g) * h + 3 * g, r = (h) => {
@@ -460,7 +460,7 @@ const gs = (g) => g, Ls = (g) => g > 0 ? 1 : 0, Rs = (g) => g < 1 ? 0 : 1, os =
   EaseOutQuad: as,
   EaseInOutQuad: rs,
   // Cubic
-  EaseInCubic: Os,
+  EaseInCubic: Rs,
   EaseOutCubic: Fs,
   EaseInOutCubic: $s,
   // Quartic
@@ -501,7 +501,7 @@ const gs = (g) => g, Ls = (g) => g > 0 ? 1 : 0, Rs = (g) => g < 1 ? 0 : 1, os =
   EaseInOut: rs,
   // Discrete
   StepStart: Ls,
-  StepEnd: Rs
+  StepEnd: Os
 }, ri = (g) => {
   const t = g.trim(), i = t.toLowerCase();
   if (Ke[t]) return Ke[t];
@@ -575,8 +575,8 @@ const gs = (g) => g, Ls = (g) => g > 0 ? 1 : 0, Rs = (g) => g < 1 ? 0 : 1, os =
   const s = o.scale_x ?? 1, n = o.scale_y ?? 1, a = (r, f, h) => {
     let l = 0, p = 0;
     const c = o.rotation * Math.PI / 180, d = Math.cos(c), u = Math.sin(c), v = r * s * d - f * n * u + o.x, b = r * s * u + f * n * d + o.y;
-    h.forEach((M) => {
-      const k = e(M.boneId);
+    h.forEach((I) => {
+      const k = e(I.boneId);
       if (!k) return;
       const T = {
         x: k.x,
@@ -584,40 +584,40 @@ const gs = (g) => g, Ls = (g) => g > 0 ? 1 : 0, Rs = (g) => g < 1 ? 0 : 1, os =
         rotation: k.rotation,
         scaleX: k.scale_x ?? 1,
         scaleY: k.scale_y ?? 1
-      }, L = i[M.boneId] || [1, 0, 0, 1, 0, 0], P = v * L[0] + b * L[2] + L[4], _ = v * L[1] + b * L[3] + L[5], E = T.rotation * Math.PI / 180, A = Math.cos(E), W = Math.sin(E), z = P * T.scaleX * A - _ * T.scaleY * W + T.x, Y = P * T.scaleX * W + _ * T.scaleY * A + T.y;
-      l += z * M.amount, p += Y * M.amount;
+      }, L = i[I.boneId] || [1, 0, 0, 1, 0, 0], P = v * L[0] + b * L[2] + L[4], _ = v * L[1] + b * L[3] + L[5], E = T.rotation * Math.PI / 180, A = Math.cos(E), W = Math.sin(E), z = P * T.scaleX * A - _ * T.scaleY * W + T.x, Y = P * T.scaleX * W + _ * T.scaleY * A + T.y;
+      l += z * I.amount, p += Y * I.amount;
     });
-    const m = [...h].sort((M, k) => k.amount - M.amount);
+    const m = [...h].sort((I, k) => k.amount - I.amount);
     if (m.length >= 2 && m[0].amount > 0 && m[1].amount > 0) {
-      const M = e(m[0].boneId), k = e(m[1].boneId);
-      if (M && k && M.length !== void 0 && k.length !== void 0) {
-        const T = M.length * (M.scale_y ?? 1), L = M.rotation * Math.PI / 180, P = M.x - T * Math.sin(L), _ = M.y + T * Math.cos(L), E = k.length * (k.scale_y ?? 1), A = k.rotation * Math.PI / 180, W = k.x - E * Math.sin(A), z = k.y + E * Math.cos(A);
+      const I = e(m[0].boneId), k = e(m[1].boneId);
+      if (I && k && I.length !== void 0 && k.length !== void 0) {
+        const T = I.length * (I.scale_y ?? 1), L = I.rotation * Math.PI / 180, P = I.x - T * Math.sin(L), _ = I.y + T * Math.cos(L), E = k.length * (k.scale_y ?? 1), A = k.rotation * Math.PI / 180, W = k.x - E * Math.sin(A), z = k.y + E * Math.cos(A);
         let Y = null, G = null, N = !1;
         const J = 1;
-        if (Math.hypot(M.x - k.x, M.y - k.y) < J || Math.hypot(M.x - W, M.y - z) < J ? (Y = M.x, G = M.y) : (Math.hypot(P - k.x, _ - k.y) < J || Math.hypot(P - W, _ - z) < J) && (Y = P, G = _, N = !0), Y !== null && G !== null) {
+        if (Math.hypot(I.x - k.x, I.y - k.y) < J || Math.hypot(I.x - W, I.y - z) < J ? (Y = I.x, G = I.y) : (Math.hypot(P - k.x, _ - k.y) < J || Math.hypot(P - W, _ - z) < J) && (Y = P, G = _, N = !0), Y !== null && G !== null) {
           const x = i[m[0].boneId] || [1, 0, 0, 1, 0, 0], F = x[0] * x[3] - x[1] * x[2];
           let j = 0, X = 0;
           if (F !== 0) {
-            const tt = (x[2] * x[5] - x[3] * x[4]) / F, R = (x[1] * x[4] - x[0] * x[5]) / F, O = Math.atan2(-x[1], x[3]);
+            const tt = (x[2] * x[5] - x[3] * x[4]) / F, O = (x[1] * x[4] - x[0] * x[5]) / F, R = Math.atan2(-x[1], x[3]);
             if (!N)
-              j = tt, X = R;
+              j = tt, X = O;
             else {
-              const ot = -x[2] / F, yt = x[0] / F, bt = Math.hypot(ot, yt), gt = M.length * bt;
-              j = tt - gt * Math.sin(O), X = R + gt * Math.cos(O);
+              const ot = -x[2] / F, yt = x[0] / F, bt = Math.hypot(ot, yt), gt = I.length * bt;
+              j = tt - gt * Math.sin(R), X = O + gt * Math.cos(R);
             }
             const D = Math.hypot(v - j, b - X), q = Math.hypot(l - Y, p - G);
             if (q > 0 && D > 0) {
-              const ot = Math.max(q, 0.01), yt = Math.min(D / ot, 3), bt = Y + (l - Y) * yt, gt = G + (p - G) * yt, Pt = m[0].amount, It = m[1].amount, St = Math.min(Pt, It) * 2, Xt = 1 - Math.pow(1 - St, 4);
+              const ot = Math.max(q, 0.01), yt = Math.min(D / ot, 3), bt = Y + (l - Y) * yt, gt = G + (p - G) * yt, Et = m[0].amount, It = m[1].amount, St = Math.min(Et, It) * 2, Xt = 1 - Math.pow(1 - St, 4);
               l = l * (1 - Xt) + bt * Xt, p = p * (1 - Xt) + gt * Xt;
             }
           }
         }
       }
     }
-    const y = o.rotation * Math.PI / 180, S = Math.cos(y), C = Math.sin(y), w = l - o.x, I = p - o.y;
+    const y = o.rotation * Math.PI / 180, S = Math.cos(y), C = Math.sin(y), w = l - o.x, M = p - o.y;
     return {
-      x: (w * S + I * C) / s,
-      y: (-w * C + I * S) / n
+      x: (w * S + M * C) / s,
+      y: (-w * C + M * S) / n
     };
   };
   return g.map((r, f) => {
@@ -944,8 +944,8 @@ class ci {
           for (; b < d.length; ) {
             const S = y(), C = y(), w = y();
             if (e.length > 0) {
-              const I = e[e.length - 1];
-              I.out_x = S.x, I.out_y = S.y;
+              const M = e[e.length - 1];
+              M.out_x = S.x, M.out_y = S.y;
             }
             n = w.x, a = w.y, e.push({ x: n, y: a, in_x: C.x, in_y: C.y, out_x: n, out_y: a }), r = C.x, f = C.y;
           }
@@ -954,8 +954,8 @@ class ci {
           for (; b < d.length; ) {
             const S = { x: 2 * n - r, y: 2 * a - f }, C = y(), w = y();
             if (e.length > 0) {
-              const I = e[e.length - 1];
-              I.out_x = S.x, I.out_y = S.y;
+              const M = e[e.length - 1];
+              M.out_x = S.x, M.out_y = S.y;
             }
             n = w.x, a = w.y, e.push({ x: n, y: a, in_x: C.x, in_y: C.y, out_x: n, out_y: a }), r = C.x, f = C.y;
           }
@@ -1567,9 +1567,9 @@ class ci {
           else {
             const S = b.split(".");
             let C = m;
-            for (let I = 0; I < S.length - 1; I++) {
-              const M = S[I];
-              C[M] === void 0 && (C[M] = {}), C = C[M];
+            for (let M = 0; M < S.length - 1; M++) {
+              const I = S[M];
+              C[I] === void 0 && (C[I] = {}), C = C[I];
             }
             const w = S[S.length - 1];
             C[w] = v, d = v;
@@ -1715,16 +1715,16 @@ class ci {
                 this._springChainState.has(m.id) || this._springChainState.set(m.id, /* @__PURE__ */ new Map());
                 const w = this._springChainState.get(m.id);
                 if (!w.has(u)) {
-                  const M = this.objectStates.get(u);
+                  const I = this.objectStates.get(u);
                   w.set(u, {
-                    x: (M == null ? void 0 : M.x) ?? 0,
-                    y: (M == null ? void 0 : M.y) ?? 0,
+                    x: (I == null ? void 0 : I.x) ?? 0,
+                    y: (I == null ? void 0 : I.y) ?? 0,
                     vx: 0,
                     vy: 0
                   });
                 }
-                const I = w.get(u);
-                I && (I.vx += v, I.vy += b);
+                const M = w.get(u);
+                M && (M.vx += v, M.vy += b);
               }
             });
           })), d = 1;
@@ -1910,12 +1910,12 @@ class ci {
         if (r.type === "Translation") {
           const y = this.getGlobalTransform(r.targetId);
           if (y) {
-            const S = r.offsetX || 0, C = r.offsetY || 0, w = y.x + S, I = y.y + C, M = r.useSpring;
-            if (M) {
-              const T = this.objectVelocities.get(i.id) || { vx: 0, vy: 0 }, { x: L, y: P, vx: _, vy: E } = this.computeSpring(e.x, e.y, T.vx, T.vy, w, I, r, t);
+            const S = r.offsetX || 0, C = r.offsetY || 0, w = y.x + S, M = y.y + C, I = r.useSpring;
+            if (I) {
+              const T = this.objectVelocities.get(i.id) || { vx: 0, vy: 0 }, { x: L, y: P, vx: _, vy: E } = this.computeSpring(e.x, e.y, T.vx, T.vy, w, M, r, t);
               r.copyX && (e.x = e.x + (L - e.x) * f), r.copyY && (e.y = e.y + (P - e.y) * f), this.objectVelocities.set(i.id, { vx: _, vy: E });
             } else
-              r.copyX && (e.x = e.x + (w - e.x) * f), r.copyY && (e.y = e.y + (I - e.y) * f);
+              r.copyX && (e.x = e.x + (w - e.x) * f), r.copyY && (e.y = e.y + (M - e.y) * f);
             let k = !1;
             if ((l = r.limitX) != null && l.enabled) {
               const T = e.x;
@@ -1925,7 +1925,7 @@ class ci {
               const T = e.y;
               e.y = Math.max(r.limitY.min, Math.min(r.limitY.max, e.y)), e.y !== T && (k = !0);
             }
-            k && M && this.objectVelocities.set(i.id, { vx: 0, vy: 0 });
+            k && I && this.objectVelocities.set(i.id, { vx: 0, vy: 0 });
           }
         } else if (r.type === "Rotation") {
           const y = this.getGlobalTransform(r.targetId);
@@ -1946,41 +1946,41 @@ class ci {
         } else if (r.type === "FollowPointer") {
           const y = ((c = this._lastPointerPos) == null ? void 0 : c.x) ?? e.x, S = ((d = this._lastPointerPos) == null ? void 0 : d.y) ?? e.y, C = r.useSpring;
           if (C) {
-            const I = this.objectVelocities.get(i.id) || { vx: 0, vy: 0 }, { x: M, y: k, vx: T, vy: L } = this.computeSpring(e.x, e.y, I.vx, I.vy, y, S, r, t);
-            e.x = M, e.y = k, this.objectVelocities.set(i.id, { vx: T, vy: L });
+            const M = this.objectVelocities.get(i.id) || { vx: 0, vy: 0 }, { x: I, y: k, vx: T, vy: L } = this.computeSpring(e.x, e.y, M.vx, M.vy, y, S, r, t);
+            e.x = I, e.y = k, this.objectVelocities.set(i.id, { vx: T, vy: L });
           } else
             e.x = e.x + (y - e.x) * f, e.y = e.y + (S - e.y) * f;
           let w = !1;
           if ((u = r.limitX) != null && u.enabled) {
-            const I = e.x;
-            e.x = Math.max(r.limitX.min, Math.min(r.limitX.max, e.x)), e.x !== I && (w = !0);
+            const M = e.x;
+            e.x = Math.max(r.limitX.min, Math.min(r.limitX.max, e.x)), e.x !== M && (w = !0);
           }
           if ((v = r.limitY) != null && v.enabled) {
-            const I = e.y;
-            e.y = Math.max(r.limitY.min, Math.min(r.limitY.max, e.y)), e.y !== I && (w = !0);
+            const M = e.y;
+            e.y = Math.max(r.limitY.min, Math.min(r.limitY.max, e.y)), e.y !== M && (w = !0);
           }
           w && C && this.objectVelocities.set(i.id, { vx: 0, vy: 0 });
         } else if (r.type === "Distance") {
           const y = this.getGlobalTransform(r.targetId);
           if (y) {
-            const S = e.x - y.x, C = e.y - y.y, w = Math.sqrt(S * S + C * C), I = r.distance || 0;
-            let M = w;
+            const S = e.x - y.x, C = e.y - y.y, w = Math.sqrt(S * S + C * C), M = r.distance || 0;
+            let I = w;
             switch (r.mode) {
               case "exact":
-                M = I;
+                I = M;
                 break;
               case "minimum":
-                M = Math.max(I, w);
+                I = Math.max(M, w);
                 break;
               case "maximum":
-                M = Math.min(I, w);
+                I = Math.min(M, w);
                 break;
               case "clamped":
-                M = Math.max(0, Math.min(I, w));
+                I = Math.max(0, Math.min(M, w));
                 break;
             }
             if (w > 0) {
-              const k = e.x === y.x && e.y === y.y ? 1 : M / w;
+              const k = e.x === y.x && e.y === y.y ? 1 : I / w;
               e.x = e.x + (y.x + S * k - e.x) * f, e.y = e.y + (y.y + C * k - e.y) * f;
             }
           }
@@ -1997,7 +1997,7 @@ class ci {
                 F && (C = F.geometry);
               }
               if (!C) return;
-              const w = (r.distance || 0) / 100, I = S.width || C.width || 0, M = S.height || C.height || 0, k = this.getPointOnPath(C, I, M, w), T = S.rotation * Math.PI / 180, L = Math.cos(T), P = Math.sin(T), _ = k.x * S.scale_x * L - k.y * S.scale_y * P, E = k.x * S.scale_x * P + k.y * S.scale_y * L;
+              const w = (r.distance || 0) / 100, M = S.width || C.width || 0, I = S.height || C.height || 0, k = this.getPointOnPath(C, M, I, w), T = S.rotation * Math.PI / 180, L = Math.cos(T), P = Math.sin(T), _ = k.x * S.scale_x * L - k.y * S.scale_y * P, E = k.x * S.scale_x * P + k.y * S.scale_y * L;
               let A = S.rotation + (r.offsetRotation || 0);
               if (r.orient) {
                 const F = Math.cos(k.angle), j = Math.sin(k.angle), X = F * S.scale_x * L - j * S.scale_y * P, tt = F * S.scale_x * P + j * S.scale_y * L;
@@ -2076,10 +2076,10 @@ class ci {
         const c = a[p], d = this.getGlobalTransform(c.id), u = l.x - d.x, v = l.y - d.y, b = i.x - d.x, m = i.y - d.y, y = Math.sqrt(u * u + v * v), S = Math.sqrt(b * b + m * m);
         if (y > 1e-3 && S > 1e-3) {
           const C = Math.atan2(v, u);
-          let I = (Math.atan2(m, b) - C) * 180 / Math.PI;
-          I *= e;
-          const M = this.objectStates.get(c.id);
-          M && (M.rotation += I);
+          let M = (Math.atan2(m, b) - C) * 180 / Math.PI;
+          M *= e;
+          const I = this.objectStates.get(c.id);
+          I && (I.rotation += M);
         }
       }
     }
@@ -2156,9 +2156,9 @@ class ci {
     })) : t === "blur" && this.activeHoverIds.clear(), this.activeDropdownId && t === "down") {
       const c = this.artboard.objects.find((d) => d.id === this.activeDropdownId);
       if (c && (c.type === "Dropdown" || c.variant === "dropdown")) {
-        const d = this.objectStates.get(c.id), u = (d == null ? void 0 : d.options) || c.options || {}, v = c.geometry || {}, b = v.width ?? c.width ?? 200, m = v.height ?? c.height ?? 40, y = u.optionsList || [], S = u.itemHeight || 32, C = u.listPadding ?? 4, w = y.length * S + C * 2, I = this.getWorldTransform(c.id), M = b * Math.abs(I.scaleX), k = m * Math.abs(I.scaleY), T = I.y + k / 2 + 4, L = Math.abs(i - I.x) <= M / 2, P = o >= T && o <= T + w * Math.abs(I.scaleY);
+        const d = this.objectStates.get(c.id), u = (d == null ? void 0 : d.options) || c.options || {}, v = c.geometry || {}, b = v.width ?? c.width ?? 200, m = v.height ?? c.height ?? 40, y = u.optionsList || [], S = u.itemHeight || 32, C = u.listPadding ?? 4, w = y.length * S + C * 2, M = this.getWorldTransform(c.id), I = b * Math.abs(M.scaleX), k = m * Math.abs(M.scaleY), T = M.y + k / 2 + 4, L = Math.abs(i - M.x) <= I / 2, P = o >= T && o <= T + w * Math.abs(M.scaleY);
         if (L && P) {
-          const _ = Math.abs(I.scaleY), E = o - (T + C * _), A = Math.floor(E / (S * _));
+          const _ = Math.abs(M.scaleY), E = o - (T + C * _), A = Math.floor(E / (S * _));
           if (A >= 0 && A < y.length) {
             const W = y[A];
             u.selectedOption = W, u.isOpen = !1, this.activeDropdownId = null, c.inputId && this.setInternalInput(c.inputId, W), this.onComponentChange && this.onComponentChange({
@@ -2274,7 +2274,7 @@ class ci {
         }
       }
       if (c.type === "LineGraph" && (t === "down" || t === "click")) {
-        const v = c.geometry, b = (v == null ? void 0 : v.datasets) || [], m = this.objectStates.get(c.id), y = (m == null ? void 0 : m.width) || (v == null ? void 0 : v.width) || 200, S = (m == null ? void 0 : m.height) || (v == null ? void 0 : v.height) || 150, C = this.getWorldTransform(c.id), w = 30, I = 20, M = y - w, k = S - I;
+        const v = c.geometry, b = (v == null ? void 0 : v.datasets) || [], m = this.objectStates.get(c.id), y = (m == null ? void 0 : m.width) || (v == null ? void 0 : v.width) || 200, S = (m == null ? void 0 : m.height) || (v == null ? void 0 : v.height) || 150, C = this.getWorldTransform(c.id), w = 30, M = 20, I = y - w, k = S - M;
         let T = 1;
         b.forEach((_) => {
           const E = Math.max(..._.data || [0]);
@@ -2282,9 +2282,9 @@ class ci {
         });
         let L = 1 / 0, P = null;
         b.forEach((_, E) => {
-          const A = _.data || [], W = M / Math.max(A.length - 1, 1);
+          const A = _.data || [], W = I / Math.max(A.length - 1, 1);
           A.forEach((z, Y) => {
-            const G = C.x - y / 2 + w + Y * W, N = C.y + S / 2 - I - z / T * k, J = Math.sqrt((i - G) ** 2 + (o - N) ** 2);
+            const G = C.x - y / 2 + w + Y * W, N = C.y + S / 2 - M - z / T * k, J = Math.sqrt((i - G) ** 2 + (o - N) ** 2);
             J < L && (L = J, P = { dIdx: E, pIdx: Y, val: z, label: _.label || `Dataset ${E + 1}` });
           });
         }), P && L < 20 && this.onGraphPointClick && this.onGraphPointClick({ objectId: c.id, componentName: c.name, datasetIndex: P.dIdx, pointIndex: P.pIdx, value: P.val, label: P.label }), this.onComponentChange && this.onComponentChange({ objectId: c.id, componentName: c.name, variant: "linegraph", property: "click", value: (P == null ? void 0 : P.val) ?? null });
@@ -2504,10 +2504,10 @@ class ci {
     return Math.abs(c) <= b / 2 && Math.abs(d) <= m / 2;
   }
   updateSliderValueFromPointer(t, i, o) {
-    var I;
+    var M;
     const e = this.objectStates.get(t.id);
     if (!e) return;
-    const s = t.options || {}, n = ((I = t.geometry) == null ? void 0 : I.width) ?? t.width ?? 200, a = this.getWorldTransform(t.id), r = i - a.x, f = o - a.y, h = -a.rotation * (Math.PI / 180), l = Math.cos(h), p = Math.sin(h), c = r * l - f * p, d = s.thumbWidth ?? 16, u = n - d;
+    const s = t.options || {}, n = ((M = t.geometry) == null ? void 0 : M.width) ?? t.width ?? 200, a = this.getWorldTransform(t.id), r = i - a.x, f = o - a.y, h = -a.rotation * (Math.PI / 180), l = Math.cos(h), p = Math.sin(h), c = r * l - f * p, d = s.thumbWidth ?? 16, u = n - d;
     let b = (c + u / 2) / u;
     b = Math.max(0, Math.min(1, b));
     const m = s.min ?? 0, y = s.max ?? 100, S = s.step || 1;
@@ -2523,10 +2523,10 @@ class ci {
     }));
   }
   updateJoystickValueFromPointer(t, i, o) {
-    var I, M;
+    var M, I;
     const e = this.objectStates.get(t.id);
     if (!e) return;
-    const s = (e == null ? void 0 : e.width) !== void 0 ? e.width : ((I = t.geometry) == null ? void 0 : I.width) ?? t.width ?? 100, n = (e == null ? void 0 : e.height) !== void 0 ? e.height : ((M = t.geometry) == null ? void 0 : M.height) ?? t.height ?? 100, a = this.getWorldTransform(t.id), r = i - a.x, f = o - a.y, h = -a.rotation * (Math.PI / 180), l = Math.cos(h), p = Math.sin(h);
+    const s = (e == null ? void 0 : e.width) !== void 0 ? e.width : ((M = t.geometry) == null ? void 0 : M.width) ?? t.width ?? 100, n = (e == null ? void 0 : e.height) !== void 0 ? e.height : ((I = t.geometry) == null ? void 0 : I.height) ?? t.height ?? 100, a = this.getWorldTransform(t.id), r = i - a.x, f = o - a.y, h = -a.rotation * (Math.PI / 180), l = Math.cos(h), p = Math.sin(h);
     let c = (r * l - f * p) / Math.max(1e-3, Math.abs(a.scaleX || 1)), d = (r * p + f * l) / Math.max(1e-3, Math.abs(a.scaleY || 1));
     t.handleOrigin === "top-left" ? (c -= s / 2, d -= n / 2) : t.handleOrigin === "bottom-right" && (c += s / 2, d += n / 2);
     const u = Math.min(s, n) * 0.45, v = Math.min(s, n) * 0.15, b = u - v;
@@ -2569,20 +2569,20 @@ class ci {
           const c = (d = this.artboard) == null ? void 0 : d.objects.find((w) => w.id === l.targetObjectId);
           if (c) {
             if (l.actionType === "bind" && l.targetProperty && l.isContinuous !== !1) {
-              const w = l.sourceMin ?? -1, I = l.sourceMax ?? 1, M = l.targetMin ?? 0, k = l.targetMax ?? 100;
+              const w = l.sourceMin ?? -1, M = l.sourceMax ?? 1, I = l.targetMin ?? 0, k = l.targetMax ?? 100;
               let T = !!l.isContinuous, L = 0, P = 0;
               if (T) {
-                if ((l.sourceAxis === "x" || l.sourceAxis === "y") && M >= 0) {
-                  const E = Math.max(Math.abs(w), Math.abs(I)) || 1;
+                if ((l.sourceAxis === "x" || l.sourceAxis === "y") && I >= 0) {
+                  const E = Math.max(Math.abs(w), Math.abs(M)) || 1;
                   P = p / E * k;
                 } else {
-                  let E = (p - w) / (I - w);
-                  E = Math.max(0, Math.min(1, E)), P = M + E * (k - M);
+                  let E = (p - w) / (M - w);
+                  E = Math.max(0, Math.min(1, E)), P = I + E * (k - I);
                 }
                 Math.abs(p) < 0.05 && (P = 0);
               } else {
-                const E = (p - w) / (I - w), A = Math.max(0, Math.min(1, E));
-                L = M + A * (k - M), l.step && l.step > 0 && (L = Math.round(L / l.step) * l.step);
+                const E = (p - w) / (M - w), A = Math.max(0, Math.min(1, E));
+                L = I + A * (k - I), l.step && l.step > 0 && (L = Math.round(L / l.step) * l.step);
               }
               const _ = this.objectStates.get(c.id);
               if (_) {
@@ -2590,8 +2590,8 @@ class ci {
                   let X = L;
                   if (T) {
                     const tt = `_internal_${F}_${l.id}`;
-                    let R = _[tt];
-                    R === void 0 && (R = _[F] ?? j), X = R + P * J, _[tt] = X, l.step && l.step > 0 && (X = Math.round(X / l.step) * l.step);
+                    let O = _[tt];
+                    O === void 0 && (O = _[F] ?? j), X = O + P * J, _[tt] = X, l.step && l.step > 0 && (X = Math.round(X / l.step) * l.step);
                   } else
                     X = j + L;
                   _[F] = X;
@@ -2601,11 +2601,11 @@ class ci {
               (C = c.physics) != null && C.enabled && this.physicsEngine && (l.targetProperty === "x" || l.targetProperty === "transform.x" || l.targetProperty === "y" || l.targetProperty === "transform.y") && (l.targetProperty === "x" || l.targetProperty === "transform.x" ? this.physicsEngine.applyForce(c.id, (L - ((_ == null ? void 0 : _.x) || 0)) * 10, 0) : (l.targetProperty === "y" || l.targetProperty === "transform.y") && this.physicsEngine.applyForce(c.id, 0, (L - ((_ == null ? void 0 : _.y) || 0)) * 10));
             } else if (l.actionType === "playAnimation" || l.actionType === "stopAnimation" || l.actionType === "pauseAnimation") {
               let w = !1;
-              const I = l.threshold ?? 0;
-              l.condition === "always" ? w = !0 : l.condition === ">" ? w = p > I : l.condition === "<" ? w = p < I : l.condition === "==" && (w = Math.abs(p - I) < 0.01);
-              const M = e[`_prev_src_${l.id}`] ?? p;
+              const M = l.threshold ?? 0;
+              l.condition === "always" ? w = !0 : l.condition === ">" ? w = p > M : l.condition === "<" ? w = p < M : l.condition === "==" && (w = Math.abs(p - M) < 0.01);
+              const I = e[`_prev_src_${l.id}`] ?? p;
               let k = !1;
-              l.condition === "always" ? k = !0 : l.condition === ">" ? k = M > I : l.condition === "<" ? k = M < I : l.condition === "==" && (k = Math.abs(M - I) < 0.01), e[`_prev_src_${l.id}`] = p, w && !k && l.targetAnimationId && (l.actionType === "playAnimation" || l.actionType);
+              l.condition === "always" ? k = !0 : l.condition === ">" ? k = I > M : l.condition === "<" ? k = I < M : l.condition === "==" && (k = Math.abs(I - M) < 0.01), e[`_prev_src_${l.id}`] = p, w && !k && l.targetAnimationId && (l.actionType === "playAnimation" || l.actionType);
             }
           }
         });
@@ -2632,24 +2632,24 @@ class ci {
           const y = (p = (l = this.artboard) == null ? void 0 : l.animations) == null ? void 0 : p.find((S) => S.id === b[m].animationId);
           y && (s.push({ anim: y, weight: 1 }), n = 1);
         } else {
-          const y = b[m].position[0], S = b[m + 1].position[0], C = (d = (c = this.artboard) == null ? void 0 : c.animations) == null ? void 0 : d.find((T) => T.id === b[m].animationId), w = (v = (u = this.artboard) == null ? void 0 : u.animations) == null ? void 0 : v.find((T) => T.id === b[m + 1].animationId), I = Math.max(1e-3, S - y);
-          let M = (o - y) / I;
-          M = Math.max(0, Math.min(1, M));
-          const k = 1 - M;
-          C && (s.push({ anim: C, weight: k }), n += k), w && (s.push({ anim: w, weight: M }), n += M);
+          const y = b[m].position[0], S = b[m + 1].position[0], C = (d = (c = this.artboard) == null ? void 0 : c.animations) == null ? void 0 : d.find((T) => T.id === b[m].animationId), w = (v = (u = this.artboard) == null ? void 0 : u.animations) == null ? void 0 : v.find((T) => T.id === b[m + 1].animationId), M = Math.max(1e-3, S - y);
+          let I = (o - y) / M;
+          I = Math.max(0, Math.min(1, I));
+          const k = 1 - I;
+          C && (s.push({ anim: C, weight: k }), n += k), w && (s.push({ anim: w, weight: I }), n += I);
         }
       }
     } else
       t.blendAnimations.forEach((b) => {
-        var w, I;
-        const m = (I = (w = this.artboard) == null ? void 0 : w.animations) == null ? void 0 : I.find((M) => M.id === b.animationId);
+        var w, M;
+        const m = (M = (w = this.artboard) == null ? void 0 : w.animations) == null ? void 0 : M.find((I) => I.id === b.animationId);
         if (!m) return;
         const y = b.position[0] - o, S = b.position[1] - e, C = y * y + S * S;
         if (C < 1e-4)
           s.push({ anim: m, weight: 1e4 }), n += 1e4;
         else {
-          const M = 1 / C;
-          s.push({ anim: m, weight: M }), n += M;
+          const I = 1 / C;
+          s.push({ anim: m, weight: I }), n += I;
         }
       });
     if (n === 0) return;
@@ -2663,38 +2663,38 @@ class ci {
         var L, P;
         const S = y.object_id || y.objectId, C = y.property, w = (L = this.artboard) == null ? void 0 : L.objects.find((_) => _.id === S);
         if (((P = w == null ? void 0 : w.physics) == null ? void 0 : P.enabled) && w.physics.bodyType !== "Static" && (C === "x" || C === "y" || C === "rotation")) return;
-        const M = this.interpolate(y.keyframes, i);
-        if (M === void 0) return;
+        const I = this.interpolate(y.keyframes, i);
+        if (I === void 0) return;
         let k = a.get(S);
         k || (k = /* @__PURE__ */ new Map(), a.set(S, k));
         let T = k.get(C);
         if (!T) {
-          if (typeof M == "number")
+          if (typeof I == "number")
             T = { type: "number", value: 0 };
-          else if (typeof M == "string" && M.startsWith("#"))
-            T = { type: "color", value: M, colorAcc: { r: 0, g: 0, b: 0, a: 0 } };
-          else if (T = { type: "number", value: M }, m < 0.5) return;
+          else if (typeof I == "string" && I.startsWith("#"))
+            T = { type: "color", value: I, colorAcc: { r: 0, g: 0, b: 0, a: 0 } };
+          else if (T = { type: "number", value: I }, m < 0.5) return;
           k.set(C, T);
         }
-        if (T.type === "number" && typeof M == "number")
-          T.value += M * m;
-        else if (T.type === "color" && typeof M == "string" && T.colorAcc) {
-          const _ = r(M);
+        if (T.type === "number" && typeof I == "number")
+          T.value += I * m;
+        else if (T.type === "color" && typeof I == "string" && T.colorAcc) {
+          const _ = r(I);
           _ && (T.colorAcc.r += _.r * m, T.colorAcc.g += _.g * m, T.colorAcc.b += _.b * m, T.colorAcc.a += _.a * m);
         } else
-          m > 0.5 && (T.value = M);
+          m > 0.5 && (T.value = I);
       });
     }), a.forEach((b, m) => {
       var C;
       const y = this.objectStates.get(m), S = (C = this.artboard) == null ? void 0 : C.objects.find((w) => w.id === m);
-      !y || !S || b.forEach((w, I) => {
-        let M = w.value;
+      !y || !S || b.forEach((w, M) => {
+        let I = w.value;
         if (w.type === "color" && w.colorAcc) {
           const k = Math.round(w.colorAcc.r).toString(16).padStart(2, "0"), T = Math.round(w.colorAcc.g).toString(16).padStart(2, "0"), L = Math.round(w.colorAcc.b).toString(16).padStart(2, "0");
-          M = `#${k}${T}${L}`;
+          I = `#${k}${T}${L}`;
         }
-        if (I.includes(".")) {
-          const k = (I || "").split(".");
+        if (M.includes(".")) {
+          const k = (M || "").split(".");
           let T = y;
           for (let L = 0; L < k.length - 1; L++) {
             if (typeof T[k[L]] != "object" || T[k[L]] === null) {
@@ -2709,9 +2709,9 @@ class ci {
             }
             T = T[k[L]];
           }
-          T[k[k.length - 1]] = M, k[k.length - 1] === "color" && (k[k.length - 2] === "fill" || k[k.length - 2] === "stroke") && (T.type = "Solid");
+          T[k[k.length - 1]] = I, k[k.length - 1] === "color" && (k[k.length - 2] === "fill" || k[k.length - 2] === "stroke") && (T.type = "Solid");
         } else
-          I === "fill" ? (y.style || (y.style = {}), y.style.fill = M) : I === "stroke" ? (y.style || (y.style = {}), y.style.stroke = M) : y[I] = M;
+          M === "fill" ? (y.style || (y.style = {}), y.style.fill = I) : M === "stroke" ? (y.style || (y.style = {}), y.style.stroke = I) : y[M] = I;
       });
     });
   }
@@ -2950,20 +2950,20 @@ class ci {
   }
   */
   renderObject(t, i, o) {
-    var u, v, b, m, y, S, C, w, I, M, k, T, L, P, _, E, A, W, z, Y, G, N, J, x, F, j;
+    var u, v, b, m, y, S, C, w, M, I, k, T, L, P, _, E, A, W, z, Y, G, N, J, x, F, j;
     const e = this.objectStates.get(i.id);
     if (!e) {
       this.warn("No state for object:", i.id);
       return;
     }
-    this.frameCount % 60, t.roundRect || (t.roundRect = (X, tt, R, O, D) => (this.drawRoundRect(t, X, tt, R, O, D), t));
+    this.frameCount % 60, t.roundRect || (t.roundRect = (X, tt, O, R, D) => (this.drawRoundRect(t, X, tt, O, R, D), t));
     const s = e.geometry ? this.deepMerge(i.geometry, e.geometry) : i.geometry;
     let n = e.style ? this.deepMerge(i.style, e.style) : i.style, a = (s == null ? void 0 : s.width) || ((u = i.geometry) == null ? void 0 : u.width) || i.width || 0, r = (s == null ? void 0 : s.height) || ((v = i.geometry) == null ? void 0 : v.height) || i.height || 0;
     if ((a === 0 || r === 0) && (s != null && s.points) && Array.isArray(s.points) && s.points.length > 0) {
-      let X = 1 / 0, tt = -1 / 0, R = 1 / 0, O = -1 / 0;
+      let X = 1 / 0, tt = -1 / 0, O = 1 / 0, R = -1 / 0;
       s.points.forEach((D) => {
-        X = Math.min(X, D.x), tt = Math.max(tt, D.x), R = Math.min(R, D.y), O = Math.max(O, D.y);
-      }), a === 0 && (a = tt - X), r === 0 && (r = O - R);
+        X = Math.min(X, D.x), tt = Math.max(tt, D.x), O = Math.min(O, D.y), R = Math.max(R, D.y);
+      }), a === 0 && (a = tt - X), r === 0 && (r = R - O);
     }
     const f = (X) => {
       if (X)
@@ -2978,7 +2978,7 @@ class ci {
           i.weights,
           i.bindMatrices,
           X,
-          (R) => this.getGlobalTransform(R)
+          (O) => this.getGlobalTransform(O)
         );
         l = { ...l, points: tt };
       }
@@ -2987,34 +2987,34 @@ class ci {
       return;
     const p = i.repeaterConfig, c = p && p.isEnabled && p.count > 1, d = c ? p.count : 1;
     for (let X = 0; X < d; X++) {
-      let tt = e.x !== void 0 ? e.x : ((b = e.transform) == null ? void 0 : b.x) ?? 0, R = e.y !== void 0 ? e.y : ((m = e.transform) == null ? void 0 : m.y) ?? 0, O = e.rotation !== void 0 ? e.rotation : ((y = e.transform) == null ? void 0 : y.rotation) ?? 0, D = e.scale_x !== void 0 ? e.scale_x : ((S = e.transform) == null ? void 0 : S.scale_x) ?? 1, q = e.scale_y !== void 0 ? e.scale_y : ((C = e.transform) == null ? void 0 : C.scale_y) ?? 1;
+      let tt = e.x !== void 0 ? e.x : ((b = e.transform) == null ? void 0 : b.x) ?? 0, O = e.y !== void 0 ? e.y : ((m = e.transform) == null ? void 0 : m.y) ?? 0, R = e.rotation !== void 0 ? e.rotation : ((y = e.transform) == null ? void 0 : y.rotation) ?? 0, D = e.scale_x !== void 0 ? e.scale_x : ((S = e.transform) == null ? void 0 : S.scale_x) ?? 1, q = e.scale_y !== void 0 ? e.scale_y : ((C = e.transform) == null ? void 0 : C.scale_y) ?? 1;
       if (c && X > 0) {
         if (p.type === "Linear") {
           const ft = p.offsetX || 0, pt = p.offsetY || 0, at = p.rotation || 0, B = p.scale !== void 0 ? p.scale : 1;
-          tt += X * ft, R += X * pt, O += X * at, D *= Math.pow(B, X), q *= Math.pow(B, X);
+          tt += X * ft, O += X * pt, R += X * at, D *= Math.pow(B, X), q *= Math.pow(B, X);
         } else if (p.type === "Grid") {
-          const ft = p.cols || Math.ceil(Math.sqrt(p.count)), pt = p.gapX || 0, at = p.gapY || 0, B = Math.floor(X / ft), nt = X % ft, Z = a + pt, _t = r + at;
-          tt += nt * Z, R += B * _t;
+          const ft = p.cols || Math.ceil(Math.sqrt(p.count)), pt = p.gapX || 0, at = p.gapY || 0, B = Math.floor(X / ft), nt = X % ft, Z = a + pt, Pt = r + at;
+          tt += nt * Z, O += B * Pt;
         } else if (p.type === "Radial") {
-          const ft = p.radius || 100, pt = p.startAngle || 0, B = (p.endAngle || 360) - pt, nt = p.count > 1 ? B / (B === 360 ? p.count : p.count - 1) : 0, Z = pt + X * nt, _t = Z * Math.PI / 180;
-          tt = e.x + ft * Math.cos(_t), R = e.y + ft * Math.sin(_t), O += Z;
+          const ft = p.radius || 100, pt = p.startAngle || 0, B = (p.endAngle || 360) - pt, nt = p.count > 1 ? B / (B === 360 ? p.count : p.count - 1) : 0, Z = pt + X * nt, Pt = Z * Math.PI / 180;
+          tt = e.x + ft * Math.cos(Pt), O = e.y + ft * Math.sin(Pt), R += Z;
         }
       }
       const ot = i.type === "Group" || i.type === "Frame" || i.type === "Component", yt = a > 0 && r > 0;
       if (!ot && yt) {
-        const ft = (((w = n.shadow) == null ? void 0 : w.isEnabled) !== !1 ? (((I = n.shadow) == null ? void 0 : I.blur) || 0) + 10 : 0) + (((M = n.blur) == null ? void 0 : M.isEnabled) !== !1 && ((k = n.blur) == null ? void 0 : k.radius) || 0) + 20;
-        if (!this.isObjectInView(t, tt, R, a, r, ft))
+        const ft = (((w = n.shadow) == null ? void 0 : w.isEnabled) !== !1 ? (((M = n.shadow) == null ? void 0 : M.blur) || 0) + 10 : 0) + (((I = n.blur) == null ? void 0 : I.isEnabled) !== !1 && ((k = n.blur) == null ? void 0 : k.radius) || 0) + 20;
+        if (!this.isObjectInView(t, tt, O, a, r, ft))
           continue;
       }
       this.debug_objectsRendered++, t.save();
       const bt = [], gt = n.blur || ((T = i.style) == null ? void 0 : T.blur);
       gt && gt.amount > 0 && bt.push(`blur(${gt.amount}px)`);
-      const Pt = n.effects || ((L = i.style) == null ? void 0 : L.effects) || [];
-      let It = Pt.find((ft) => ft.isEnabled !== !1 && (ft.type === "BackgroundBlur" || ft.type === "LayerBlur"));
-      It || (It = n.effect || ((P = i.style) == null ? void 0 : P.effect) || Pt.find((ft) => ft.isEnabled !== !1));
+      const Et = n.effects || ((L = i.style) == null ? void 0 : L.effects) || [];
+      let It = Et.find((ft) => ft.isEnabled !== !1 && (ft.type === "BackgroundBlur" || ft.type === "LayerBlur"));
+      It || (It = n.effect || ((P = i.style) == null ? void 0 : P.effect) || Et.find((ft) => ft.isEnabled !== !1));
       const St = It, Xt = (St == null ? void 0 : St.isEnabled) !== !1, le = St == null ? void 0 : St.type, he = (St == null ? void 0 : St.radius) ?? 10;
       Xt && le === "LayerBlur" ? bt.push(`blur(${he}px)`) : Xt && le === "BackgroundBlur" && (n === i.style && (n = { ...n }), n.fill = { type: "None" });
-      const et = ((_ = s == null ? void 0 : s.type) == null ? void 0 : _.toLowerCase().includes("image")) || ((E = i.type) == null ? void 0 : E.toLowerCase().includes("image")), mt = n.adjustments && Object.keys(n.adjustments).length > 0 ? n.adjustments : null, Rt = s != null && s.adjustments && Object.keys(s.adjustments).length > 0 ? s.adjustments : null, Et = et ? Rt || mt : mt || Rt, dt = et && !Et ? {
+      const et = ((_ = s == null ? void 0 : s.type) == null ? void 0 : _.toLowerCase().includes("image")) || ((E = i.type) == null ? void 0 : E.toLowerCase().includes("image")), mt = n.adjustments && Object.keys(n.adjustments).length > 0 ? n.adjustments : null, Ot = s != null && s.adjustments && Object.keys(s.adjustments).length > 0 ? s.adjustments : null, _t = et ? Ot || mt : mt || Ot, dt = et && !_t ? {
         exposure: 0,
         contrast: 0,
         saturation: 100,
@@ -3025,9 +3025,9 @@ class ci {
         blur: 0,
         negative: 0,
         hue: 0
-      } : Et;
+      } : _t;
       if (e && dt && (e.geometry = e.geometry || {}, e.geometry.adjustments = { ...dt }), dt) {
-        const ft = (dt.exposure || 0) / 100, pt = dt.contrast || 0, at = 1 + (dt.saturation || 0) / 100, B = (dt.temperature || 0) / 200, nt = (dt.tint || 0) / 200, Z = (dt.highlights || 0) / 500, _t = (dt.shadows || 0) / 500;
+        const ft = (dt.exposure || 0) / 100, pt = dt.contrast || 0, at = 1 + (dt.saturation || 0) / 100, B = (dt.temperature || 0) / 200, nt = (dt.tint || 0) / 200, Z = (dt.highlights || 0) / 500, Pt = (dt.shadows || 0) / 500;
         let xt = "", kt = "SourceGraphic";
         if (ft !== 0 && (xt += `
                 <feComponentTransfer in="${kt}" result="exposure">
@@ -3052,15 +3052,15 @@ class ci {
                             0 0 ${Mt} 0 ${1 - Mt}
                             0 0 0 1 0"/>`, kt = "invert";
         }
-        if (B !== 0 || nt !== 0 || Z !== 0 || _t !== 0) {
-          const Mt = 1 + Z + _t, $ = Mt * (1 + B - nt / 2), Bt = Mt * (1 + nt), Kt = Mt * (1 - B - nt / 2), te = dt.shadows * 0.1 / 255, Jt = [
+        if (B !== 0 || nt !== 0 || Z !== 0 || Pt !== 0) {
+          const Mt = 1 + Z + Pt, $ = Mt * (1 + B - nt / 2), Wt = Mt * (1 + nt), Kt = Mt * (1 - B - nt / 2), te = dt.shadows * 0.1 / 255, Jt = [
             $,
             0,
             0,
             0,
             te,
             0,
-            Bt,
+            Wt,
             0,
             0,
             te,
@@ -3083,11 +3083,11 @@ class ci {
         }
       }
       bt.length > 0 ? t.filter = bt.join(" ") : t.filter = "none", t.imageSmoothingEnabled = !0, t.imageSmoothingQuality = "high";
-      const Ot = t.globalAlpha, zt = this.normalizeOpacity(e.opacity !== void 0 ? e.opacity : 100);
-      t.globalAlpha = Ot * zt;
-      const Wt = e.compositeOperation || e.blendMode;
-      if (Wt && Wt !== "Normal") {
-        const ft = Wt.toLowerCase();
+      const Ft = t.globalAlpha, Dt = this.normalizeOpacity(e.opacity !== void 0 ? e.opacity : 100);
+      t.globalAlpha = Ft * Dt;
+      const $t = e.compositeOperation || e.blendMode;
+      if ($t && $t !== "Normal") {
+        const ft = $t.toLowerCase();
         [
           "multiply",
           "screen",
@@ -3119,7 +3119,7 @@ class ci {
           "screen"
         ].includes(ft) && (t.globalCompositeOperation = ft);
       }
-      const $t = t, Ht = e.masks || (i.maskedBy ? [{
+      const Rt = t, Vt = e.masks || (i.maskedBy ? [{
         maskId: i.maskedBy,
         inverted: i.maskInverted === !0,
         type: i.maskType || "alpha",
@@ -3128,12 +3128,12 @@ class ci {
         isVisible: !0
       }] : []);
       let ie = !1;
-      const me = Ht.filter((ft) => ft.isVisible !== !1 && o.has(ft.maskId));
+      const me = Vt.filter((ft) => ft.isVisible !== !1 && o.has(ft.maskId));
       if (me.length > 0) {
         const ft = me[0], pt = o.get(ft.maskId), at = this.objectStates.get(pt.id);
-        at && at.visible !== !1 && (ie = !0, (!this.maskBuffer || this.maskBuffer.width !== this.canvasWidth || this.maskBuffer.height !== this.canvasHeight) && (this.maskBuffer = document.createElement("canvas"), this.maskBuffer.width = this.canvasWidth, this.maskBuffer.height = this.canvasHeight, this.maskCtx = this.maskBuffer.getContext("2d", { willReadFrequently: !0 }), this.maskCtx && (this.maskCtx.imageSmoothingEnabled = !0, this.maskCtx.imageSmoothingQuality = "high")), this.maskCtx.setTransform(1, 0, 0, 1, 0, 0), this.maskCtx.globalCompositeOperation = "source-over", this.maskCtx.globalAlpha = 1, this.maskCtx.filter = "none", this.maskCtx.clearRect(0, 0, this.maskBuffer.width, this.maskBuffer.height), this.rootTransform && this.maskCtx.setTransform(this.rootTransform), i.parentId && this.applyAbsoluteTransform(this.maskCtx, i.parentId, o), this.maskCtx.save(), this.maskCtx.globalAlpha = 1, t = this.maskCtx, t.filter = $t.filter);
+        at && at.visible !== !1 && (ie = !0, (!this.maskBuffer || this.maskBuffer.width !== this.canvasWidth || this.maskBuffer.height !== this.canvasHeight) && (this.maskBuffer = document.createElement("canvas"), this.maskBuffer.width = this.canvasWidth, this.maskBuffer.height = this.canvasHeight, this.maskCtx = this.maskBuffer.getContext("2d", { willReadFrequently: !0 }), this.maskCtx && (this.maskCtx.imageSmoothingEnabled = !0, this.maskCtx.imageSmoothingQuality = "high")), this.maskCtx.setTransform(1, 0, 0, 1, 0, 0), this.maskCtx.globalCompositeOperation = "source-over", this.maskCtx.globalAlpha = 1, this.maskCtx.filter = "none", this.maskCtx.clearRect(0, 0, this.maskBuffer.width, this.maskBuffer.height), this.rootTransform && this.maskCtx.setTransform(this.rootTransform), i.parentId && this.applyAbsoluteTransform(this.maskCtx, i.parentId, o), this.maskCtx.save(), this.maskCtx.globalAlpha = 1, t = this.maskCtx, t.filter = Rt.filter);
       }
-      t.translate(Math.round(tt), Math.round(R)), t.rotate(O * Math.PI / 180);
+      t.translate(Math.round(tt), Math.round(O)), t.rotate(R * Math.PI / 180);
       const ye = e.skew_x || 0, Ut = e.skew_y || 0;
       if (ye !== 0 || Ut !== 0) {
         const ft = Math.tan(ye * Math.PI / 180), pt = Math.tan(Ut * Math.PI / 180);
@@ -3156,13 +3156,14 @@ class ci {
         } else if (ft.startsWith("rgba")) {
           const kt = ft.match(/[\d.]+/g);
           if (kt && kt.length >= 4) {
-            const At = kt[0], Mt = kt[1], $ = kt[2], Bt = kt[3];
-            Z = `rgba(${At}, ${Mt}, ${$}, ${parseFloat(Bt) * pt})`;
+            const At = kt[0], Mt = kt[1], $ = kt[2], Wt = kt[3];
+            Z = `rgba(${At}, ${Mt}, ${$}, ${parseFloat(Wt) * pt})`;
           }
         }
-        const _t = t.getTransform(), xt = Math.sqrt(_t.a * _t.a + _t.b * _t.b) || 1;
+        const Pt = t.getTransform(), xt = Math.sqrt(Pt.a * Pt.a + Pt.b * Pt.b) || 1;
         t.shadowColor = Z, t.shadowBlur = nt * xt, t.shadowOffsetX = (se.offsetX || 0) * xt, t.shadowOffsetY = (se.offsetY || 0) * xt;
-      }
+      } else
+        t.shadowColor = "transparent", t.shadowBlur = 0, t.shadowOffsetX = 0, t.shadowOffsetY = 0;
       const jt = i.liquidFill || ((N = i.style) == null ? void 0 : N.liquidFill);
       if (jt && jt.enabled) {
         t.save();
@@ -3193,7 +3194,7 @@ class ci {
       } else if (s.type === "SVG") {
         const ft = s.svgContent;
         if (ft) {
-          const pt = n.palette || [], at = n.fill, B = n.stroke, nt = at ? this.normalizeOpacity(at.opacity ?? 100) : 1, Z = (at == null ? void 0 : at.type) === "Solid" && (!B || B.isEnabled === !1 || B.type === "Solid" && B.color === at.color), _t = at && at.type !== "None" ? Z ? "monochrome" : at.type === "Solid" ? (at.color || "") + "|opacity:" + nt : JSON.stringify(at.stops || []) + "|opacity:" + nt : "", xt = B && B.isEnabled !== !1 && (B.width || 0) > 0 ? Z ? [
+          const pt = n.palette || [], at = n.fill, B = n.stroke, nt = at ? this.normalizeOpacity(at.opacity ?? 100) : 1, Z = (at == null ? void 0 : at.type) === "Solid" && (!B || B.isEnabled === !1 || B.type === "Solid" && B.color === at.color), Pt = at && at.type !== "None" ? Z ? "monochrome" : at.type === "Solid" ? (at.color || "") + "|opacity:" + nt : JSON.stringify(at.stops || []) + "|opacity:" + nt : "", xt = B && B.isEnabled !== !1 && (B.width || 0) > 0 ? Z ? [
             "monochrome",
             B.width || 0,
             B.trimStart ?? 0,
@@ -3215,7 +3216,7 @@ class ci {
           ].join("|") : "nostroke", kt = [
             i.id,
             pt.join("_"),
-            _t,
+            Pt,
             xt,
             e.opacity ?? 100,
             e.visible !== !1 ? "v" : "h"
@@ -3225,11 +3226,11 @@ class ci {
             At = new Image(), At.crossOrigin = "anonymous";
             let $ = ft;
             $.match(/xmlns=["']http:\/\/www\.w3\.org\/2000\/svg["']/i) || ($ = $.replace(/<svg([^>]*)>/i, (rt, V) => `<svg xmlns="http://www.w3.org/2000/svg"${V}>`));
-            let Bt = s.width || a || 100, Kt = s.height || r || 100;
+            let Wt = s.width || a || 100, Kt = s.height || r || 100;
             const te = $.match(/viewBox=["']\s*0\s+0\s+([\d.]+)\s+([\d.]+)\s*["']/i);
-            if (te && (Bt = parseFloat(te[1]), Kt = parseFloat(te[2])), $ = $.replace(/<svg([^>]*)>/i, (rt, V) => {
+            if (te && (Wt = parseFloat(te[1]), Kt = parseFloat(te[2])), $ = $.replace(/<svg([^>]*)>/i, (rt, V) => {
               let st = V.replace(/\b(?:width|height)=["'][^"']*["']/gi, " ");
-              return st.match(/\bviewBox=/i) || (st += ` viewBox="0 0 ${Bt} ${Kt}"`), st.match(/\bpreserveAspectRatio=/i) || (st += ' preserveAspectRatio="none"'), st += ' width="100%" height="100%"', `<svg${st}>`;
+              return st.match(/\bviewBox=/i) || (st += ` viewBox="0 0 ${Wt} ${Kt}"`), st.match(/\bpreserveAspectRatio=/i) || (st += ' preserveAspectRatio="none"'), st += ' width="100%" height="100%"', `<svg${st}>`;
             }), s.colors && s.colors.length > 0 && pt.length > 0 && s.colors.forEach((rt, V) => {
               if (pt[V]) {
                 const st = rt.replace(/[-\/\\^$*+?.()|[\]{}]/g, "\\$&"), it = new RegExp(st, "gi");
@@ -3246,23 +3247,23 @@ class ci {
                 }).join("");
                 let it = "";
                 if (at.type === "LinearGradient" || at.type === "Linear") {
-                  const vt = (Nt, Vt) => Array.isArray(Nt) ? Nt[Vt] ?? (Vt === 0 ? 0 : 1) : Nt && typeof Nt == "object" ? Nt[Vt === 0 ? "x" : "y"] ?? (Vt === 0 ? 0 : 1) : Vt === 0 ? 0 : 1, Yt = vt(at.start, 0) * 100, Qt = vt(at.start, 1) * 100, ne = vt(at.end, 0) * 100, Dt = vt(at.end, 1) * 100;
-                  it = `<linearGradient id="${rt}" x1="${Yt}%" y1="${Qt}%" x2="${ne}%" y2="${Dt}%" gradientUnits="objectBoundingBox">${st}</linearGradient>`;
+                  const vt = (Ht, Nt) => Array.isArray(Ht) ? Ht[Nt] ?? (Nt === 0 ? 0 : 1) : Ht && typeof Ht == "object" ? Ht[Nt === 0 ? "x" : "y"] ?? (Nt === 0 ? 0 : 1) : Nt === 0 ? 0 : 1, Yt = vt(at.start, 0) * 100, Qt = vt(at.start, 1) * 100, ne = vt(at.end, 0) * 100, Gt = vt(at.end, 1) * 100;
+                  it = `<linearGradient id="${rt}" x1="${Yt}%" y1="${Qt}%" x2="${ne}%" y2="${Gt}%" gradientUnits="objectBoundingBox">${st}</linearGradient>`;
                 } else {
-                  const vt = (Dt, Nt) => Array.isArray(Dt) ? Dt[Nt] ?? 0.5 : Dt && typeof Dt == "object" ? Dt[Nt === 0 ? "x" : "y"] ?? 0.5 : 0.5, Yt = vt(at.center, 0) * 100, Qt = vt(at.center, 1) * 100, ne = (at.radius ?? 0.5) * 100;
+                  const vt = (Gt, Ht) => Array.isArray(Gt) ? Gt[Ht] ?? 0.5 : Gt && typeof Gt == "object" ? Gt[Ht === 0 ? "x" : "y"] ?? 0.5 : 0.5, Yt = vt(at.center, 0) * 100, Qt = vt(at.center, 1) * 100, ne = (at.radius ?? 0.5) * 100;
                   it = `<radialGradient id="${rt}" cx="${Yt}%" cy="${Qt}%" r="${ne}%" gradientUnits="objectBoundingBox">${st}</radialGradient>`;
                 }
                 /<defs>/i.test($) ? $ = $.replace(/<defs>/i, `<defs>${it}`) : $ = $.replace(/<svg([^>]*)>/i, `<svg$1><defs>${it}</defs>`), $ = $.replace(/\bfill\s*=\s*["'][^"']*["']/gi, (vt) => /fill\s*=\s*["']\s*(none|transparent)\s*["']/i.test(vt) ? vt : `fill="url(#${rt})"`), $ = $.replace(/fill\s*:\s*[^;"')]+/gi, (vt) => /fill\s*:\s*(none|transparent)/i.test(vt) ? vt : `fill:url(#${rt})`);
               }
             }
             const Jt = (rt, V, st = 1) => {
-              const it = (rt.stops || []).map((Dt) => {
-                const Nt = Dt.offset !== void 0 ? Dt.offset : Dt.pos ?? 0, Vt = this.normalizeOpacity(Dt.opacity ?? 100) * st;
-                return `<stop offset="${Nt * 100}%" stop-color="${Dt.color || "#000"}" stop-opacity="${Vt}"/>`;
-              }).join(""), vt = (Dt, Nt, Vt = 0.5) => Array.isArray(Dt) ? Dt[Nt] ?? Vt : Dt && typeof Dt == "object" ? Dt[Nt === 0 ? "x" : "y"] ?? Vt : Vt;
+              const it = (rt.stops || []).map((Gt) => {
+                const Ht = Gt.offset !== void 0 ? Gt.offset : Gt.pos ?? 0, Nt = this.normalizeOpacity(Gt.opacity ?? 100) * st;
+                return `<stop offset="${Ht * 100}%" stop-color="${Gt.color || "#000"}" stop-opacity="${Nt}"/>`;
+              }).join(""), vt = (Gt, Ht, Nt = 0.5) => Array.isArray(Gt) ? Gt[Ht] ?? Nt : Gt && typeof Gt == "object" ? Gt[Ht === 0 ? "x" : "y"] ?? Nt : Nt;
               if (rt.type === "LinearGradient" || rt.type === "Linear") {
-                const Dt = vt(rt.start, 0, 0) * 100, Nt = vt(rt.start, 1, 0) * 100, Vt = vt(rt.end, 0, 1) * 100, Ie = vt(rt.end, 1, 1) * 100;
-                return `<linearGradient id="${V}" x1="${Dt}%" y1="${Nt}%" x2="${Vt}%" y2="${Ie}%" gradientUnits="objectBoundingBox">${it}</linearGradient>`;
+                const Gt = vt(rt.start, 0, 0) * 100, Ht = vt(rt.start, 1, 0) * 100, Nt = vt(rt.end, 0, 1) * 100, Ie = vt(rt.end, 1, 1) * 100;
+                return `<linearGradient id="${V}" x1="${Gt}%" y1="${Ht}%" x2="${Nt}%" y2="${Ie}%" gradientUnits="objectBoundingBox">${it}</linearGradient>`;
               }
               const Yt = vt(rt.center, 0, 0.5) * 100, Qt = vt(rt.center, 1, 0.5) * 100, ne = (rt.radius ?? 0.5) * 100;
               return `<radialGradient id="${V}" cx="${Yt}%" cy="${Qt}%" r="${ne}%" gradientUnits="objectBoundingBox">${it}</radialGradient>`;
@@ -3275,13 +3276,13 @@ class ci {
                 if (it.type === "Solid")
                   st = it.color || B.color || "#000000";
                 else if (it.type === "LinearGradient" || it.type === "RadialGradient" || it.type === "Linear" || it.type === "Radial") {
-                  const Gt = "exode-stroke";
-                  $ = ut($, Jt(it, Gt, rt)), st = `url(#${Gt})`;
+                  const zt = "exode-stroke";
+                  $ = ut($, Jt(it, zt, rt)), st = `url(#${zt})`;
                 }
               }
               st || (st = V), $.match(/\bstroke\s*=\s*["']/i) ? $ = $.replace(
                 /\bstroke\s*=\s*["'][^"']*["']/gi,
-                (Gt) => /stroke\s*=\s*["']\s*(none|transparent)\s*["']/i.test(Gt) ? Gt : `stroke="${st}"`
+                (zt) => /stroke\s*=\s*["']\s*(none|transparent)\s*["']/i.test(zt) ? zt : `stroke="${st}"`
               ) : $ = $.replace(/<(path|circle|rect|ellipse|polygon|polyline)/gi, `<$1 stroke="${st}"`), $ = $.replace(
                 new RegExp(`(?<![a-z-])stroke\\s*:\\s*(?!none|transparent)[^;"')]+`, "gi"),
                 `stroke:${st}`
@@ -3289,44 +3290,44 @@ class ci {
               let vt = s.width || a || 100, Yt = s.height || r || 100;
               const Qt = ft.match(/viewBox=["']\s*0\s+0\s+([\d.]+)\s+([\d.]+)\s*["']/i);
               if (Qt) {
-                const Gt = parseFloat(Qt[1]), oe = parseFloat(Qt[2]);
-                !isNaN(Gt) && !isNaN(oe) && (vt = Gt, Yt = oe);
+                const zt = parseFloat(Qt[1]), oe = parseFloat(Qt[2]);
+                !isNaN(zt) && !isNaN(oe) && (vt = zt, Yt = oe);
               }
-              const ne = Math.max(1e-3, a / vt), Dt = Math.max(1e-3, r / Yt), Nt = (ne + Dt) / 2, Vt = (B.width || 1) / Nt;
-              $.match(/\bstroke-width\s*=\s*["']/i) ? $ = $.replace(/\bstroke-width\s*=\s*["'][^"']*["']/gi, `stroke-width="${Vt}"`) : $ = $.replace(/<(path|circle|rect|ellipse|polygon|polyline)/gi, `<$1 stroke-width="${Vt}"`), $ = $.replace(/stroke-width\s*:\s*[^;"')]+/gi, `stroke-width:${Vt}`), $.match(/\bstroke-opacity\s*=\s*["']/i) ? $ = $.replace(/\bstroke-opacity\s*=\s*["'][^"']*["']/gi, `stroke-opacity="${rt}"`) : $ = $.replace(/<(path|circle|rect|ellipse|polygon|polyline)/gi, `<$1 stroke-opacity="${rt}"`), $ = $.replace(/stroke-opacity\s*:\s*[^;"')]+/gi, `stroke-opacity:${rt}`);
+              const ne = Math.max(1e-3, a / vt), Gt = Math.max(1e-3, r / Yt), Ht = (ne + Gt) / 2, Nt = (B.width || 1) / Ht;
+              $.match(/\bstroke-width\s*=\s*["']/i) ? $ = $.replace(/\bstroke-width\s*=\s*["'][^"']*["']/gi, `stroke-width="${Nt}"`) : $ = $.replace(/<(path|circle|rect|ellipse|polygon|polyline)/gi, `<$1 stroke-width="${Nt}"`), $ = $.replace(/stroke-width\s*:\s*[^;"')]+/gi, `stroke-width:${Nt}`), $.match(/\bstroke-opacity\s*=\s*["']/i) ? $ = $.replace(/\bstroke-opacity\s*=\s*["'][^"']*["']/gi, `stroke-opacity="${rt}"`) : $ = $.replace(/<(path|circle|rect|ellipse|polygon|polyline)/gi, `<$1 stroke-opacity="${rt}"`), $ = $.replace(/stroke-opacity\s*:\s*[^;"')]+/gi, `stroke-opacity:${rt}`);
               const Ie = B.lineCap || "round";
               $.match(/\bstroke-linecap\s*=\s*["']/i) ? $ = $.replace(/\bstroke-linecap\s*=\s*["'][^"']*["']/gi, `stroke-linecap="${Ie}"`) : $ = $.replace(/<(path|circle|rect|ellipse|polygon|polyline)/gi, `<$1 stroke-linecap="${Ie}"`), $ = $.replace(/stroke-linecap\s*:\s*[^;"')]+/gi, `stroke-linecap:${Ie}`);
               const Le = B.lineJoin || "round";
               $.match(/\bstroke-linejoin\s*=\s*["']/i) ? $ = $.replace(/\bstroke-linejoin\s*=\s*["'][^"']*["']/gi, `stroke-linejoin="${Le}"`) : $ = $.replace(/<(path|circle|rect|ellipse|polygon|polyline)/gi, `<$1 stroke-linejoin="${Le}"`), $ = $.replace(/stroke-linejoin\s*:\s*[^;"')]+/gi, `stroke-linejoin:${Le}`);
-              const Re = B.trimStart ?? 0, Oe = B.trimEnd ?? 1, Fe = B.trimOffset ?? 0, $e = B.dashOffset ?? 0, Ye = Re !== 0 || Oe !== 1 || Fe !== 0 || $e !== 0;
+              const Oe = B.trimStart ?? 0, Re = B.trimEnd ?? 1, Fe = B.trimOffset ?? 0, $e = B.dashOffset ?? 0, Ye = Oe !== 0 || Re !== 1 || Fe !== 0 || $e !== 0;
               if (Ye) {
-                const Gt = Math.max(0, Math.min(1, Re)), oe = Math.max(0, Math.min(1, Oe));
-                this.frameCount % 600 === 0 && this.debugLog(`SVG Trim - Object: ${i.name || i.id}, Start: ${Gt}, End: ${oe}`);
+                const zt = Math.max(0, Math.min(1, Oe)), oe = Math.max(0, Math.min(1, Re));
+                this.frameCount % 600 === 0 && this.debugLog(`SVG Trim - Object: ${i.name || i.id}, Start: ${zt}, End: ${oe}`);
                 const we = (vt + Yt) * 2, Be = (Fe % 1 + 1) % 1, We = ($e % 1 + 1) % 1;
                 let de = "", ce = 0;
-                if (Gt >= oe)
+                if (zt >= oe)
                   de = `0 ${we}`, ce = 0;
                 else {
-                  const fe = we * (oe - Gt), ke = we - fe;
-                  ce = -(we * (Gt + Be + We)), de = `${fe} ${ke}`;
+                  const fe = we * (oe - zt), ke = we - fe;
+                  ce = -(we * (zt + Be + We)), de = `${fe} ${ke}`;
                 }
                 $.match(/\bstroke-dasharray\s*=/i) ? $ = $.replace(/\bstroke-dasharray\s*=\s*["'][^"']*["']/gi, `stroke-dasharray="${de}"`) : $ = $.replace(/<(path|circle|rect|ellipse|polygon|polyline)/gi, `<$1 stroke-dasharray="${de}"`), $ = $.replace(/stroke-dasharray\s*:\s*[^;"')]+/gi, `stroke-dasharray:${de}`), $.match(/\bstroke-dashoffset\s*=/i) ? $ = $.replace(/\bstroke-dashoffset\s*=\s*["'][^"']*["']/gi, `stroke-dashoffset="${ce}"`) : $ = $.replace(/<(path|circle|rect|ellipse|polygon|polyline)/gi, `<$1 stroke-dashoffset="${ce}"`), $ = $.replace(/stroke-dashoffset\s*:\s*[^;"')]+/gi, `stroke-dashoffset:${ce}`);
               } else if (B.dashArray && B.dashArray.length > 0) {
-                const Gt = B.dashArray.join(" ");
-                $ = $.replace(/\bstroke-dasharray\s*=\s*["'][^"']*["']/gi, `stroke-dasharray="${Gt}"`), $ = $.replace(/stroke-dasharray\s*:\s*[^;"')]+/gi, `stroke-dasharray:${Gt}`), B.dashOffset && ($ = $.replace(/\bstroke-dashoffset\s*=\s*["'][^"']*["']/gi, `stroke-dashoffset="${B.dashOffset}"`), $ = $.replace(/stroke-dashoffset\s*:\s*[^;"')]+/gi, `stroke-dashoffset:${B.dashOffset}`));
+                const zt = B.dashArray.join(" ");
+                $ = $.replace(/\bstroke-dasharray\s*=\s*["'][^"']*["']/gi, `stroke-dasharray="${zt}"`), $ = $.replace(/stroke-dasharray\s*:\s*[^;"')]+/gi, `stroke-dasharray:${zt}`), B.dashOffset && ($ = $.replace(/\bstroke-dashoffset\s*=\s*["'][^"']*["']/gi, `stroke-dashoffset="${B.dashOffset}"`), $ = $.replace(/stroke-dashoffset\s*:\s*[^;"')]+/gi, `stroke-dashoffset:${B.dashOffset}`));
               }
               if (!/\bstroke\s*=\s*["']/i.test(ft) && !new RegExp("(?<![a-z-])stroke\\s*:", "i").test(ft)) {
-                let Gt = "", oe = "";
+                let zt = "", oe = "";
                 if (Ye) {
-                  const de = s.width || a || 100, ce = s.height || r || 100, fe = (de + ce) * 2, ke = Math.max(0, Math.min(1, Re)), Xe = Math.max(0, Math.min(1, Oe)), Ve = (Fe % 1 + 1) % 1, Ne = ($e % 1 + 1) % 1;
+                  const de = s.width || a || 100, ce = s.height || r || 100, fe = (de + ce) * 2, ke = Math.max(0, Math.min(1, Oe)), Xe = Math.max(0, Math.min(1, Re)), Ve = (Fe % 1 + 1) % 1, Ne = ($e % 1 + 1) % 1;
                   if (ke >= Xe)
-                    Gt = ` stroke-dasharray="0 ${fe}"`, oe = ' stroke-dashoffset="0"';
+                    zt = ` stroke-dasharray="0 ${fe}"`, oe = ' stroke-dashoffset="0"';
                   else {
                     const De = fe * (Xe - ke), He = fe - De, H = -(fe * (ke + Ve + Ne));
-                    Gt = ` stroke-dasharray="${De} ${He}"`, oe = ` stroke-dashoffset="${H}"`;
+                    zt = ` stroke-dasharray="${De} ${He}"`, oe = ` stroke-dashoffset="${H}"`;
                   }
-                } else (x = B.dashArray) != null && x.length && (Gt = ` stroke-dasharray="${B.dashArray.join(" ")}"`, B.dashOffset && (oe = ` stroke-dashoffset="${B.dashOffset}"`));
-                const we = ` stroke-linecap="${B.lineCap || "round"}"`, Be = ` stroke-linejoin="${B.lineJoin || "round"}"`, We = `stroke="${st}" stroke-width="${Vt}" stroke-opacity="${rt}"${we}${Be}${Gt}${oe}`;
+                } else (x = B.dashArray) != null && x.length && (zt = ` stroke-dasharray="${B.dashArray.join(" ")}"`, B.dashOffset && (oe = ` stroke-dashoffset="${B.dashOffset}"`));
+                const we = ` stroke-linecap="${B.lineCap || "round"}"`, Be = ` stroke-linejoin="${B.lineJoin || "round"}"`, We = `stroke="${st}" stroke-width="${Nt}" stroke-opacity="${rt}"${we}${Be}${zt}${oe}`;
                 $ = $.replace(
                   /(<svg[^>]*>)(\s*(?:<defs>[\s\S]*?<\/defs>)?)/i,
                   (de, ce, fe) => `${ce}${fe}<g ${We}>`
@@ -3345,12 +3346,12 @@ class ci {
           }
           let Mt = null;
           if (At.complete && At.naturalWidth > 0 ? (Mt = At, this.lastValidSvgImgMap.set(i.id, At)) : Mt = this.lastValidSvgImgMap.get(i.id) || null, Mt && Mt.complete && Mt.naturalWidth > 0) {
-            const $ = Math.max(1, a), Bt = Math.max(1, r);
+            const $ = Math.max(1, a), Wt = Math.max(1, r);
             if (Z && (at == null ? void 0 : at.type) === "Solid") {
-              this.maskBuffer || (this.maskBuffer = document.createElement("canvas"), this.maskCtx = this.maskBuffer.getContext("2d")), this.maskBuffer.width = $, this.maskBuffer.height = Bt, this.maskCtx.setTransform(1, 0, 0, 1, 0, 0), this.maskCtx.globalCompositeOperation = "source-over", this.maskCtx.globalAlpha = 1, this.maskCtx.filter = "none", this.maskCtx.clearRect(0, 0, $, Bt), this.maskCtx.drawImage(Mt, 0, 0, $, Bt), this.maskCtx.globalCompositeOperation = "source-in";
+              this.maskBuffer || (this.maskBuffer = document.createElement("canvas"), this.maskCtx = this.maskBuffer.getContext("2d")), this.maskBuffer.width = $, this.maskBuffer.height = Wt, this.maskCtx.setTransform(1, 0, 0, 1, 0, 0), this.maskCtx.globalCompositeOperation = "source-over", this.maskCtx.globalAlpha = 1, this.maskCtx.filter = "none", this.maskCtx.clearRect(0, 0, $, Wt), this.maskCtx.drawImage(Mt, 0, 0, $, Wt), this.maskCtx.globalCompositeOperation = "source-in";
               const Kt = at.color || "#000000", te = this.normalizeOpacity(at.opacity ?? 100);
-              this.maskCtx.fillStyle = Kt, this.maskCtx.globalAlpha = te, this.maskCtx.fillRect(0, 0, $, Bt), t.drawImage(this.maskBuffer, -$ / 2, -Bt / 2, $, Bt);
-            } else h !== 0 ? (t.save(), this.drawRoundRect(t, -$ / 2, -Bt / 2, $, Bt, h), t.clip(), t.drawImage(Mt, -$ / 2, -Bt / 2, $, Bt), t.restore()) : t.drawImage(Mt, -$ / 2, -Bt / 2, $, Bt);
+              this.maskCtx.fillStyle = Kt, this.maskCtx.globalAlpha = te, this.maskCtx.fillRect(0, 0, $, Wt), t.drawImage(this.maskBuffer, -$ / 2, -Wt / 2, $, Wt);
+            } else h !== 0 ? (t.save(), this.drawRoundRect(t, -$ / 2, -Wt / 2, $, Wt, h), t.clip(), t.drawImage(Mt, -$ / 2, -Wt / 2, $, Wt), t.restore()) : t.drawImage(Mt, -$ / 2, -Wt / 2, $, Wt);
           }
         }
       } else if (l.type === "LineGraph")
@@ -3384,18 +3385,18 @@ class ci {
         const pt = i.type === "Frame", at = i.clipsContent !== void 0 ? i.clipsContent : i.clipContent !== void 0 ? i.clipContent : pt;
         if (t.save(), at) {
           t.beginPath();
-          const nt = e.width ?? (s == null ? void 0 : s.width) ?? i.width ?? 0, Z = e.height ?? (s == null ? void 0 : s.height) ?? i.height ?? 0, _t = e.cornerRadius ?? (s == null ? void 0 : s.corner_radius) ?? i.cornerRadius ?? 0;
-          this.drawRoundRect(t, -nt / 2, -Z / 2, nt, Z, _t), t.clip();
+          const nt = e.width ?? (s == null ? void 0 : s.width) ?? i.width ?? 0, Z = e.height ?? (s == null ? void 0 : s.height) ?? i.height ?? 0, Pt = e.cornerRadius ?? (s == null ? void 0 : s.corner_radius) ?? i.cornerRadius ?? 0;
+          this.drawRoundRect(t, -nt / 2, -Z / 2, nt, Z, Pt), t.clip();
         }
         let B = 0;
         for (i.children.forEach((nt) => {
           const Z = o.get(nt);
           if (!Z) return;
-          const _t = this.objectStates.get(nt), xt = (_t == null ? void 0 : _t.geometry) || Z.geometry;
-          if (xt && xt.isMask && (_t == null ? void 0 : _t.visible) !== !1) {
+          const Pt = this.objectStates.get(nt), xt = (Pt == null ? void 0 : Pt.geometry) || Z.geometry;
+          if (xt && xt.isMask && (Pt == null ? void 0 : Pt.visible) !== !1) {
             const kt = xt.width || 0, At = xt.height || 0;
             this.applyObjectTransform(t, nt);
-            const Mt = (_t == null ? void 0 : _t.corner_radius) ?? (xt == null ? void 0 : xt.corner_radius) ?? 0;
+            const Mt = (Pt == null ? void 0 : Pt.corner_radius) ?? (xt == null ? void 0 : xt.corner_radius) ?? 0;
             this.applyPath(t, xt, kt, At, Mt), t.clip(), B++;
           } else
             this.renderObject(t, Z, o);
@@ -3412,10 +3413,10 @@ class ci {
           feather: i.maskFeather || 0,
           isVisible: !0
         }] : [])).filter((B) => B.isVisible !== !1 && o.has(B.maskId)).forEach((B) => {
-          var Mt, $, Bt, Kt, te, Jt;
-          const nt = o.get(B.maskId), Z = this.objectStates.get(nt.id), _t = B.feather || 0, xt = B.inverted === !0, kt = B.opacity !== void 0 ? typeof B.opacity == "number" ? B.opacity : B.opacity / 100 : 1;
+          var Mt, $, Wt, Kt, te, Jt;
+          const nt = o.get(B.maskId), Z = this.objectStates.get(nt.id), Pt = B.feather || 0, xt = B.inverted === !0, kt = B.opacity !== void 0 ? typeof B.opacity == "number" ? B.opacity : B.opacity / 100 : 1;
           if ((B.type || "alpha") === "luma") {
-            (!this.lumaBuffer || this.lumaBuffer.width !== this.maskBuffer.width || this.lumaBuffer.height !== this.maskBuffer.height) && (this.lumaBuffer = document.createElement("canvas"), this.lumaBuffer.width = this.maskBuffer.width, this.lumaBuffer.height = this.maskBuffer.height, this.lumaCtx = this.lumaBuffer.getContext("2d", { willReadFrequently: !0 }), this.lumaCtx && (this.lumaCtx.imageSmoothingEnabled = !0, this.lumaCtx.imageSmoothingQuality = "high")), this.lumaCtx.setTransform(1, 0, 0, 1, 0, 0), this.lumaCtx.globalCompositeOperation = "source-over", this.lumaCtx.globalAlpha = 1, this.lumaCtx.filter = "none", this.lumaCtx.clearRect(0, 0, this.lumaBuffer.width, this.lumaBuffer.height), this.lumaCtx.save(), this.rootTransform && this.lumaCtx.setTransform(this.rootTransform), this.applyAbsoluteTransform(this.lumaCtx, nt.id, o), _t > 0 && (this.lumaCtx.filter = `blur(${_t}px)`), this.lumaCtx.globalAlpha = kt;
+            (!this.lumaBuffer || this.lumaBuffer.width !== this.maskBuffer.width || this.lumaBuffer.height !== this.maskBuffer.height) && (this.lumaBuffer = document.createElement("canvas"), this.lumaBuffer.width = this.maskBuffer.width, this.lumaBuffer.height = this.maskBuffer.height, this.lumaCtx = this.lumaBuffer.getContext("2d", { willReadFrequently: !0 }), this.lumaCtx && (this.lumaCtx.imageSmoothingEnabled = !0, this.lumaCtx.imageSmoothingQuality = "high")), this.lumaCtx.setTransform(1, 0, 0, 1, 0, 0), this.lumaCtx.globalCompositeOperation = "source-over", this.lumaCtx.globalAlpha = 1, this.lumaCtx.filter = "none", this.lumaCtx.clearRect(0, 0, this.lumaBuffer.width, this.lumaBuffer.height), this.lumaCtx.save(), this.rootTransform && this.lumaCtx.setTransform(this.rootTransform), this.applyAbsoluteTransform(this.lumaCtx, nt.id, o), Pt > 0 && (this.lumaCtx.filter = `blur(${Pt}px)`), this.lumaCtx.globalAlpha = kt;
             const ut = (Z == null ? void 0 : Z.width) || nt.geometry.width || 0, ct = (Z == null ? void 0 : Z.height) || nt.geometry.height || 0, Ct = (Z == null ? void 0 : Z.corner_radius) ?? nt.corner_radius ?? 0;
             if (((Mt = nt.geometry) == null ? void 0 : Mt.type) === "Text") {
               const it = Z != null && Z.geometry ? this.deepMerge(nt.geometry, Z.geometry) : nt.geometry, vt = Z != null && Z.style ? this.deepMerge(nt.style, Z.style) : nt.style;
@@ -3426,7 +3427,7 @@ class ci {
                 let vt = this.imageCache.get(it);
                 vt || (vt = new Image(), vt.src = it, this.imageCache.set(it, vt)), vt.complete && vt.naturalWidth > 0 ? this.lumaCtx.drawImage(vt, -ut / 2, -ct / 2, ut, ct) : (this.applyPath(this.lumaCtx, nt.geometry, ut, ct, Ct), this.lumaCtx.fillStyle = "#ffffff", this.lumaCtx.fill());
               }
-            } else if (((Bt = nt.geometry) == null ? void 0 : Bt.type) === "SVG") {
+            } else if (((Wt = nt.geometry) == null ? void 0 : Wt.type) === "SVG") {
               const it = nt.geometry.svgContent;
               if (it) {
                 const vt = `__lumamask_${nt.id}`;
@@ -3451,7 +3452,7 @@ class ci {
             }
             this.maskCtx.putImageData(rt, 0, 0);
           } else {
-            this.maskCtx.save(), this.rootTransform && this.maskCtx.setTransform(this.rootTransform), this.maskCtx.globalCompositeOperation = xt ? "destination-out" : "destination-in", _t > 0 && (this.maskCtx.filter = `blur(${_t}px)`), this.maskCtx.globalAlpha = kt, this.applyAbsoluteTransform(this.maskCtx, nt.id, o);
+            this.maskCtx.save(), this.rootTransform && this.maskCtx.setTransform(this.rootTransform), this.maskCtx.globalCompositeOperation = xt ? "destination-out" : "destination-in", Pt > 0 && (this.maskCtx.filter = `blur(${Pt}px)`), this.maskCtx.globalAlpha = kt, this.applyAbsoluteTransform(this.maskCtx, nt.id, o);
             const ut = (Z == null ? void 0 : Z.width) || nt.geometry.width || 0, ct = (Z == null ? void 0 : Z.height) || nt.geometry.height || 0, Ct = (Z == null ? void 0 : Z.corner_radius) ?? nt.corner_radius ?? 0;
             if (((Kt = nt.geometry) == null ? void 0 : Kt.type) === "Text") {
               const rt = Z != null && Z.geometry ? this.deepMerge(nt.geometry, Z.geometry) : nt.geometry, V = Z != null && Z.style ? this.deepMerge(nt.style, Z.style) : nt.style;
@@ -3480,15 +3481,15 @@ class ci {
               this.applyPath(this.maskCtx, nt.geometry, ut, ct, Ct), this.maskCtx.fillStyle = "#ffffff", this.maskCtx.fill();
             this.maskCtx.restore();
           }
-        }), $t.save(), $t.setTransform(1, 0, 0, 1, 0, 0);
+        }), Rt.save(), Rt.setTransform(1, 0, 0, 1, 0, 0);
         const at = i.maskBlendMode || i.blendMode;
-        at && at !== "Normal" && ($t.globalCompositeOperation = at.toLowerCase()), $t.drawImage(this.maskBuffer, 0, 0), $t.restore(), $t.restore();
+        at && at !== "Normal" && (Rt.globalCompositeOperation = at.toLowerCase()), Rt.drawImage(this.maskBuffer, 0, 0), Rt.restore(), Rt.restore();
       } else
         t.restore();
     }
   }
   _renderText(t, i, o, e, s, n, a, r = !1, f = !1, h = 1, l = 1) {
-    var yt, bt, gt, Pt, It, St, Xt, le, he;
+    var yt, bt, gt, Et, It, St, Xt, le, he;
     let p = o.text || "";
     if (o.textInputId && !r) {
       const et = this.inputs.get(o.textInputId);
@@ -3497,17 +3498,17 @@ class ci {
     if (o.svgPath) {
       const et = o.svgPath;
       t.save();
-      const mt = ((yt = e == null ? void 0 : e.fill) == null ? void 0 : yt.color) || "#000000", Rt = ((bt = e == null ? void 0 : e.fill) == null ? void 0 : bt.opacity) !== void 0 ? (gt = e == null ? void 0 : e.fill) == null ? void 0 : gt.opacity : 1;
-      t.fillStyle = mt, t.globalAlpha *= Rt;
-      const Et = new Path2D(et);
-      t.fill(Et), t.restore();
+      const mt = ((yt = e == null ? void 0 : e.fill) == null ? void 0 : yt.color) || "#000000", Ot = ((bt = e == null ? void 0 : e.fill) == null ? void 0 : bt.opacity) !== void 0 ? (gt = e == null ? void 0 : e.fill) == null ? void 0 : gt.opacity : 1;
+      t.fillStyle = mt, t.globalAlpha *= Ot;
+      const _t = new Path2D(et);
+      t.fill(_t), t.restore();
       return;
     }
     let c = p || "";
     o.enableSegments === !0 && o.segments && Array.isArray(o.segments) && (c = o.segments.map((et) => et && et.text ? et.text : "").join(""));
     const d = o.textCase || "none";
     d === "uppercase" ? c = c.toUpperCase() : d === "lowercase" ? c = c.toLowerCase() : d === "capitalize" && (c = c.replace(/\b\w/g, (et) => et.toUpperCase()));
-    let u = ((Pt = o.fontWeight) == null ? void 0 : Pt.toString()) || "400", v = o.fontStyle || "normal";
+    let u = ((Et = o.fontWeight) == null ? void 0 : Et.toString()) || "400", v = o.fontStyle || "normal";
     u.toLowerCase().includes("italic") && (v = "italic", u = u.replace(/italic/gi, "").trim() || "400");
     const b = this.mapFontWeight(u), m = Math.max(1, o.fontSize || 32);
     let y = o.fontFamily || "Inter";
@@ -3516,9 +3517,9 @@ class ci {
       const mt = new RegExp(`[\\s-]${et}$`, "i");
       mt.test(y) && (y = y.replace(mt, "").trim());
     });
-    const I = `${o.smallCaps === !0 ? "small-caps " : ""}${v} ${b} ${m}px "${y}", sans-serif`;
-    t.font = I;
-    const M = o.textVerticalAlign || "top";
+    const M = `${o.smallCaps === !0 ? "small-caps " : ""}${v} ${b} ${m}px "${y}", sans-serif`;
+    t.font = M;
+    const I = o.textVerticalAlign || "top";
     t.textBaseline = "top";
     const k = o.textAlign || "left";
     t.textAlign = k;
@@ -3558,63 +3559,63 @@ class ci {
     let j = G.height, X = n, tt = a;
     if (X === 0 || tt === 0 || X >= 1e5) {
       let et = 0, mt = 0;
-      const Rt = G.fullText || c;
-      (N || []).forEach((Et) => {
-        const dt = Et.text || "", Ot = t.measureText(dt).width + (dt.length > 0 ? (dt.length - 1) * T : 0);
-        Ot > et && (et = Ot), mt += dt.length, mt < Rt.length && (Rt[mt] === `
-` || Rt[mt] === "\r") && (mt++, Rt[mt - 1] === "\r" && Rt[mt] === `
+      const Ot = G.fullText || c;
+      (N || []).forEach((_t) => {
+        const dt = _t.text || "", Ft = t.measureText(dt).width + (dt.length > 0 ? (dt.length - 1) * T : 0);
+        Ft > et && (et = Ft), mt += dt.length, mt < Ot.length && (Ot[mt] === `
+` || Ot[mt] === "\r") && (mt++, Ot[mt - 1] === "\r" && Ot[mt] === `
 ` && mt++);
       }), (X === 0 || X >= 1e5) && (X = et), tt === 0 && (tt = j || 0);
     }
-    let R = -j / 2;
-    a > 0 && a > j && (M === "top" ? R = -a / 2 : M === "middle" || M === "center" ? R = -j / 2 : M === "bottom" && (R = a / 2 - j)), R += F;
-    let O = null, D = 0;
+    let O = -j / 2;
+    a > 0 && a > j && (I === "top" ? O = -a / 2 : I === "middle" || I === "center" ? O = -j / 2 : I === "bottom" && (O = a / 2 - j)), O += F;
+    let R = null, D = 0;
     if (o.pathId && this.artboard) {
       const et = this.artboard.objects.find((mt) => mt.id === o.pathId);
       if (et && et.type === "Shape" && ((Xt = et.geometry) == null ? void 0 : Xt.type) === "Path") {
-        const mt = this.objectStates.get(et.id), Rt = mt != null && mt.geometry ? this.deepMerge(et.geometry, mt.geometry) : et.geometry, Et = (mt == null ? void 0 : mt.scale_x) !== void 0 ? (et.width || 0) * mt.scale_x : et.width || 0, dt = (mt == null ? void 0 : mt.scale_y) !== void 0 ? (et.height || 0) * mt.scale_y : et.height || 0;
-        O = { geo: Rt, obj: et, w: Et, h: dt }, D = this.getPerimeter(Rt, Et, dt);
+        const mt = this.objectStates.get(et.id), Ot = mt != null && mt.geometry ? this.deepMerge(et.geometry, mt.geometry) : et.geometry, _t = (mt == null ? void 0 : mt.scale_x) !== void 0 ? (et.width || 0) * mt.scale_x : et.width || 0, dt = (mt == null ? void 0 : mt.scale_y) !== void 0 ? (et.height || 0) * mt.scale_y : et.height || 0;
+        R = { geo: Ot, obj: et, w: _t, h: dt }, D = this.getPerimeter(Ot, _t, dt);
       }
     }
     const q = (et, mt) => {
-      var Et, dt;
-      if (T === 0 && (!o.enableSegments || !((Et = o.segments) != null && Et.length))) return t.measureText(et).width;
-      let Rt = 0;
-      for (let Ot = 0; Ot < et.length; Ot++) {
-        const zt = mt + Ot;
-        let Wt = 0;
+      var _t, dt;
+      if (T === 0 && (!o.enableSegments || !((_t = o.segments) != null && _t.length))) return t.measureText(et).width;
+      let Ot = 0;
+      for (let Ft = 0; Ft < et.length; Ft++) {
+        const Dt = mt + Ft;
+        let $t = 0;
         if (o.enableSegments === !0 && ((dt = o.segments) == null ? void 0 : dt.length) > 0) {
-          let $t = 0, Ht = null;
+          let Rt = 0, Vt = null;
           for (const ie of o.segments) {
-            if (zt < $t + (ie.text || "").length) {
-              Ht = ie;
+            if (Dt < Rt + (ie.text || "").length) {
+              Vt = ie;
               break;
             }
-            $t += (ie.text || "").length;
+            Rt += (ie.text || "").length;
           }
-          if (Ht) {
+          if (Vt) {
             t.save();
-            let ie = Ht.fontFamily || o.fontFamily || "Inter";
-            const me = this.mapFontWeight((Ht.fontWeight || o.fontWeight || "400").toString()), ye = Ht.fontStyle || v, Ut = Ht.fontSize || m;
-            t.font = `${ye} ${me} ${Ut}px "${ie}", sans-serif`, Wt = t.measureText(et[Ot]).width, t.restore();
+            let ie = Vt.fontFamily || o.fontFamily || "Inter";
+            const me = this.mapFontWeight((Vt.fontWeight || o.fontWeight || "400").toString()), ye = Vt.fontStyle || v, Ut = Vt.fontSize || m;
+            t.font = `${ye} ${me} ${Ut}px "${ie}", sans-serif`, $t = t.measureText(et[Ft]).width, t.restore();
           } else
-            Wt = t.measureText(et[Ot]).width;
+            $t = t.measureText(et[Ft]).width;
         } else
-          Wt = t.measureText(et[Ot]).width;
-        Rt += Wt + T;
+          $t = t.measureText(et[Ft]).width;
+        Ot += $t + T;
       }
-      return Rt - (et.length > 0 ? T : 0);
-    }, ot = (et, mt, Rt, Et, dt) => {
+      return Ot - (et.length > 0 ? T : 0);
+    }, ot = (et, mt, Ot, _t, dt) => {
       var me, ye;
-      const zt = (dt === 0 || c[dt - 1] === `
-` || c[dt - 1] === "\r") && o.paragraphIndent ? o.paragraphIndent : 0, Wt = (!r || f) && (i.behaviors || []).some(
+      const Dt = (dt === 0 || c[dt - 1] === `
+` || c[dt - 1] === "\r") && o.paragraphIndent ? o.paragraphIndent : 0, $t = (!r || f) && (i.behaviors || []).some(
         (Ut) => Ut.enabled && (Ut.type.toString().includes("Text") || ["Typewriter", "Scramble", "Wave", "Bounce", "GlitchText", "Reveal3D", "RevealSlide", "RevealBlur"].includes(Ut.type))
-      ), $t = !o.pathId && !Wt && (o.enableSegments !== !0 || !o.segments || o.segments.length === 0), Ht = o.baselineShift || 0, ie = Rt + Ht;
-      if ($t)
-        t.font = I, Et ? t.strokeText(et, mt + zt, ie) : t.fillText(et, mt + zt, ie);
+      ), Rt = !o.pathId && !$t && (o.enableSegments !== !0 || !o.segments || o.segments.length === 0), Vt = o.baselineShift || 0, ie = Ot + Vt;
+      if (Rt)
+        t.font = M, _t ? t.strokeText(et, mt + Dt, ie) : t.fillText(et, mt + Dt, ie);
       else {
         const Ut = q(et, dt);
-        let Se = mt + zt;
+        let Se = mt + Dt;
         k === "center" ? Se -= Ut / 2 : k === "right" && (Se -= Ut);
         const Pe = dt + et.length >= c.length || c[dt + et.length] === `
 ` || c[dt + et.length] === "\r";
@@ -3631,7 +3632,7 @@ class ci {
           }
         }
         let se = o.pathOffset || 0;
-        o.pathId && D > 0 && O && (k === "center" ? se += D / 2 - Ut / 2 : k === "right" && (se += D - Ut));
+        o.pathId && D > 0 && R && (k === "center" ? se += D / 2 - Ut / 2 : k === "right" && (se += D - Ut));
         let jt = Se;
         const ft = r && !f ? [] : ((me = i.behaviors) == null ? void 0 : me.filter(
           (pt) => [
@@ -3669,7 +3670,7 @@ class ci {
         for (let pt = 0; pt < et.length; pt++) {
           let at = et[pt];
           const B = dt + pt;
-          let nt = 0, Z = 0, _t = 1, xt = 1, kt = 0, At = 1, Mt = at;
+          let nt = 0, Z = 0, Pt = 1, xt = 1, kt = 0, At = 1, Mt = at;
           ft.forEach((ut) => {
             const ct = ut.settings || {}, Ct = ct.strength || 1, rt = Date.now();
             if (ut.type === U.Typewriter)
@@ -3683,10 +3684,10 @@ class ci {
               V < 1 && (Z -= Math.abs(Math.sin(V * Math.PI)) * (ct.height || 50) * Ct);
             } else if (ut.type === U.TextTrail) {
               const V = this.pointerHistory[Math.max(0, this.pointerHistory.length - 1 - B * (ct.delay || 5))];
-              V && (nt += (V.x - (s.x + jt)) * Ct * 0.2, Z += (V.y - (s.y + Rt + Z)) * Ct * 0.2);
+              V && (nt += (V.x - (s.x + jt)) * Ct * 0.2, Z += (V.y - (s.y + Ot + Z)) * Ct * 0.2);
             } else if (ut.type === U.Reveal3D) {
               const V = Math.max(0, Math.min(1, this.currentTime * (ct.speed || 1) - B * (ct.stagger || 0.1)));
-              _t *= V, xt *= V, At = V;
+              Pt *= V, xt *= V, At = V;
             } else if (ut.type === U.RevealSlide) {
               const V = Math.max(0, Math.min(1, this.currentTime * 1.5 - B * 0.05)), st = (1 - V) * (ct.distance || 40) * Ct, it = ct.direction || "up";
               it === "up" ? Z -= st : it === "down" ? Z += st : it === "left" ? nt -= st : it === "right" && (nt += st), At = V;
@@ -3728,30 +3729,30 @@ class ci {
               nt += Math.sin(rt * 2e-3 * V + B) * st * Ct, Z += Math.cos(rt * 15e-4 * V + B * 0.7) * st * Ct;
             } else if (ut.type === U.TextBreathe) {
               const st = 1 + (Math.sin(rt * 3e-3 + B * 0.2) + 1) / 2 * 0.2 * Ct;
-              _t *= st, xt *= st;
+              Pt *= st, xt *= st;
             } else if (ut.type === U.TextSpin) {
               const V = ct.speed || 1;
               kt += rt * 0.01 * V + B;
             } else if (ut.type === U.TextMagnet) {
               const V = this.pointerHistory[this.pointerHistory.length - 1];
               if (V) {
-                const st = V.x - (s.x + jt), it = V.y - (s.y + Rt);
+                const st = V.x - (s.x + jt), it = V.y - (s.y + Ot);
                 kt = Math.atan2(it, st);
               }
             } else if (ut.type === U.TextPerspective) {
               const V = et.length / 2, st = (B - V) / V, it = 1 - Math.abs(st) * 0.3 * Ct;
-              _t *= it, xt *= it, nt += st * 20 * Ct;
+              Pt *= it, xt *= it, nt += st * 20 * Ct;
             } else if (ut.type === U.TextMirror)
               At *= 0.8;
             else if (ut.type === U.TextFloral) {
               const V = ct.speed || 1, st = ct.stagger || 0.1, it = (rt * 1e-3 * V + B * st) % 2;
-              it < 1 && (_t *= it, xt *= it, kt += it * Math.PI);
+              it < 1 && (Pt *= it, xt *= it, kt += it * Math.PI);
             } else if (ut.type === U.TextSmoke) {
               const V = ct.speed || 1, st = ct.height || 50, it = (rt * 5e-4 * V + B * 0.2) % 1;
               Z -= it * st * Ct, nt += Math.sin(rt * 2e-3 + B) * 5 * Ct, At = 1 - it;
             } else if (ut.type === U.TextVariable) {
               const V = ct.speed || 1, st = ct.intensity || 1.5, it = (Math.sin(rt * 4e-3 * V + B * 0.3) + 1) / 2;
-              _t *= 1 + it * (st - 1) * Ct;
+              Pt *= 1 + it * (st - 1) * Ct;
             } else if (ut.type === U.TextZing) {
               const V = ct.speed || 2, st = ct.distance || 100, it = (rt * 2e-3 * V + B * 0.05) % 1;
               nt += (1 - it) * st * Ct, At = it;
@@ -3766,7 +3767,7 @@ class ci {
               Math.random() < 0.1 && (nt += (Math.random() - 0.5) * V, Z += (Math.random() - 0.5) * V, Math.random() < 0.05 && (At = 0.5));
             }
           });
-          let $ = null, Bt = o.textDecoration || "none", Kt = m;
+          let $ = null, Wt = o.textDecoration || "none", Kt = m;
           if (o.enableSegments === !0 && ((ye = o.segments) == null ? void 0 : ye.length) > 0) {
             let ut = 0, ct = null;
             for (const Ct of o.segments) {
@@ -3783,19 +3784,19 @@ class ci {
                 it.test(Ct) && (Ct = Ct.replace(it, "").trim());
               });
               const rt = this.mapFontWeight((ct.fontWeight || o.fontWeight || "400").toString()), V = ct.fontStyle || v;
-              Kt = ct.fontSize || m, t.font = `${V} ${rt} ${Kt}px "${Ct}", sans-serif`, ct.fill && ($ = ct.fill), ct.textDecoration && (Bt = ct.textDecoration), Kt < J && (Z += (J - Kt) * 0.85);
+              Kt = ct.fontSize || m, t.font = `${V} ${rt} ${Kt}px "${Ct}", sans-serif`, ct.fill && ($ = ct.fill), ct.textDecoration && (Wt = ct.textDecoration), Kt < J && (Z += (J - Kt) * 0.85);
             }
           } else
-            t.font = I;
+            t.font = M;
           const te = t.globalAlpha;
           t.globalAlpha *= At, t.save();
           const Jt = t.measureText(Mt).width;
-          if (O && D > 0) {
-            const ut = jt - Se + Jt / 2, Ct = (se + ut) / D, rt = this.getPointOnPath(O.geo, O.w, O.h, Math.abs(Ct % 1)), V = rt.angle, st = Rt + Z + (o.pathOffsetY || 0), it = o.pathSide === "right" ? -1 : 1, vt = Math.cos(V + Math.PI / 2) * st * it, Yt = Math.sin(V + Math.PI / 2) * st * it;
+          if (R && D > 0) {
+            const ut = jt - Se + Jt / 2, Ct = (se + ut) / D, rt = this.getPointOnPath(R.geo, R.w, R.h, Math.abs(Ct % 1)), V = rt.angle, st = Ot + Z + (o.pathOffsetY || 0), it = o.pathSide === "right" ? -1 : 1, vt = Math.cos(V + Math.PI / 2) * st * it, Yt = Math.sin(V + Math.PI / 2) * st * it;
             t.translate(rt.x + vt + nt, rt.y + Yt), t.rotate(V + kt + (it === -1 ? Math.PI : 0));
           } else
-            t.translate(jt + nt + Jt / 2, Rt + Z), kt !== 0 && t.rotate(kt);
-          if (t.scale(_t, xt), $ && !r && !f) {
+            t.translate(jt + nt + Jt / 2, Ot + Z), kt !== 0 && t.rotate(kt);
+          if (t.scale(Pt, xt), $ && !r && !f) {
             const ut = this.createCanvasFill(t, $, X, tt);
             t.fillStyle = ut || $.color || "#000000";
           } else if (!r && !f) {
@@ -3806,80 +3807,85 @@ class ci {
             if (r || f) {
               const ut = f ? "#000000" : this.createCanvasFill(t, e.fill, X, tt);
               t.fillStyle = ut || e.fill.color || "#ffffff", t.fillText(Mt, -Jt / 2, 0);
-            } else Et ? t.strokeText(Mt, -Jt / 2, 0) : t.fillText(Mt, -Jt / 2, 0);
-          Bt !== "none" && !r && this.drawTextDecoration(t, Bt, 0, 0, Jt, Kt), t.restore(), t.globalAlpha = te, k === "justify" && Ee > 0 && Mt === " " && !Pe ? jt += Jt + T + Ee : jt += Jt + T;
+            } else _t ? t.strokeText(Mt, -Jt / 2, 0) : t.fillText(Mt, -Jt / 2, 0);
+          Wt !== "none" && !r && this.drawTextDecoration(t, Wt, 0, 0, Jt, Kt), t.restore(), t.globalAlpha = te, k === "justify" && Ee > 0 && Mt === " " && !Pe ? jt += Jt + T + Ee : jt += Jt + T;
         }
       }
     };
     if (r) {
-      let et = 0, mt = R;
-      (N || []).forEach((Rt) => {
-        const Et = Rt.text || "", dt = c.indexOf(Et, et);
+      let et = 0, mt = O;
+      (N || []).forEach((Ot) => {
+        const _t = Ot.text || "", dt = c.indexOf(_t, et);
         dt !== -1 && (et = dt);
-        let Ot = -X / 2;
-        k === "center" ? Ot = 0 : k === "right" && (Ot = X / 2), ot(Et, Ot, mt, !1, et), et += Et.length, mt += A;
+        let Ft = -X / 2;
+        k === "center" ? Ft = 0 : k === "right" && (Ft = X / 2), ot(_t, Ft, mt, !1, et), et += _t.length, mt += A;
       });
     } else if (f) {
-      let et = 0, mt = R;
-      (N || []).forEach((Rt) => {
-        const Et = Rt.text || "";
+      let et = 0, mt = O;
+      (N || []).forEach((Ot) => {
+        const _t = Ot.text || "";
         let dt = -X / 2;
-        k === "center" ? dt = 0 : k === "right" && (dt = X / 2), ot(Et, dt, mt, !1, et), et += Et.length, et < c.length && (c[et] === `
+        k === "center" ? dt = 0 : k === "right" && (dt = X / 2), ot(_t, dt, mt, !1, et), et += _t.length, et < c.length && (c[et] === `
 ` || c[et] === "\r") && (et++, c[et - 1] === "\r" && c[et] === `
 ` && et++), mt += A;
       });
     } else {
       if (e.fill) {
-        const mt = t.globalAlpha, Rt = this.createCanvasFill(t, e.fill, X, tt);
-        t.fillStyle = Rt || e.fill.color || "#000000", t.globalAlpha = mt * this.normalizeOpacity(e.fill.opacity ?? 100);
-        const Et = G.fullText || (o.enableSegments ? (o.segments || []).map((zt) => {
-          let Wt = zt.text || "";
-          const $t = zt.textCase || o.textCase || "none";
-          return $t === "uppercase" ? Wt.toUpperCase() : $t === "lowercase" ? Wt.toLowerCase() : $t === "capitalize" ? Wt.replace(/\b\w/g, (Ht) => Ht.toUpperCase()) : Wt;
+        const mt = t.globalAlpha, Ot = this.createCanvasFill(t, e.fill, X, tt);
+        t.fillStyle = Ot || e.fill.color || "#000000", t.globalAlpha = mt * this.normalizeOpacity(e.fill.opacity ?? 100);
+        const _t = G.fullText || (o.enableSegments ? (o.segments || []).map((Dt) => {
+          let $t = Dt.text || "";
+          const Rt = Dt.textCase || o.textCase || "none";
+          return Rt === "uppercase" ? $t.toUpperCase() : Rt === "lowercase" ? $t.toLowerCase() : Rt === "capitalize" ? $t.replace(/\b\w/g, (Vt) => Vt.toUpperCase()) : $t;
         }).join("") : c);
-        let dt = 0, Ot = R;
-        (N || []).forEach((zt) => {
-          const Wt = zt.text || "";
-          let $t = -X / 2;
-          k === "center" ? $t = 0 : k === "right" && ($t = X / 2), ot(Wt, $t, Ot, !1, dt), dt += Wt.length, Ot += A, dt < Et.length && (Et[dt] === `
-` || Et[dt] === "\r") && (_ > 0 && (Ot += _), dt++, Et[dt - 1] === "\r" && Et[dt] === `
+        let dt = 0, Ft = O;
+        (N || []).forEach((Dt) => {
+          const $t = Dt.text || "";
+          let Rt = -X / 2;
+          k === "center" ? Rt = 0 : k === "right" && (Rt = X / 2), ot($t, Rt, Ft, !1, dt), dt += $t.length, Ft += A, dt < _t.length && (_t[dt] === `
+` || _t[dt] === "\r") && (_ > 0 && (Ft += _), dt++, _t[dt - 1] === "\r" && _t[dt] === `
 ` && dt++);
         }), t.globalAlpha = mt;
       }
       const et = o.paragraphRule;
       if (et && (((le = et.top) == null ? void 0 : le.width) > 0 || ((he = et.bottom) == null ? void 0 : he.width) > 0)) {
         let mt = 0;
-        (N || []).forEach((Rt, Et) => {
-          var zt, Wt;
-          const Ot = mt === 0 || mt < c.length && (c[mt] === `
+        (N || []).forEach((Ot, _t) => {
+          var Dt, $t;
+          const Ft = mt === 0 || mt < c.length && (c[mt] === `
 ` || c[mt] === "\r");
-          if (Ot && Et > 0 && mt++, Ot) {
-            if (((zt = et.top) == null ? void 0 : zt.width) > 0) {
-              const $t = R + Et * A - et.top.offset;
+          if (Ft && _t > 0 && mt++, Ft) {
+            if (((Dt = et.top) == null ? void 0 : Dt.width) > 0) {
+              const Rt = O + _t * A - et.top.offset;
               t.strokeStyle = et.top.color || "#000000", t.lineWidth = et.top.width, t.beginPath();
-              const Ht = -n / 2 + A * 0.2;
-              t.moveTo(Ht, $t), t.lineTo(n / 2 - A * 0.2, $t), t.stroke();
+              const Vt = -n / 2 + A * 0.2;
+              t.moveTo(Vt, Rt), t.lineTo(n / 2 - A * 0.2, Rt), t.stroke();
             }
-            if (((Wt = et.bottom) == null ? void 0 : Wt.width) > 0) {
-              const $t = R + (Et + 1) * A - et.bottom.offset;
+            if ((($t = et.bottom) == null ? void 0 : $t.width) > 0) {
+              const Rt = O + (_t + 1) * A - et.bottom.offset;
               t.strokeStyle = et.bottom.color || "#000000", t.lineWidth = et.bottom.width, t.beginPath();
-              const Ht = -n / 2 + A * 0.2;
-              t.moveTo(Ht, $t), t.lineTo(n / 2 - A * 0.2, $t), t.stroke();
+              const Vt = -n / 2 + A * 0.2;
+              t.moveTo(Vt, Rt), t.lineTo(n / 2 - A * 0.2, Rt), t.stroke();
             }
           }
-          mt += (Rt.text || "").length;
+          mt += (Ot.text || "").length;
         });
       }
       if (e.stroke && e.stroke.width > 0) {
         const mt = t.globalAlpha;
         e.fill && e.fill.type !== "None" && e.fill.isEnabled !== !1 && e.fill.opacity !== 0 && e.fill.color !== "transparent" && e.fill.color !== "rgba(0,0,0,0)" && (t.shadowColor = "transparent", t.shadowBlur = 0, t.shadowOffsetX = 0, t.shadowOffsetY = 0), t.strokeStyle = e.stroke.color;
-        const Et = (Math.abs(h) + Math.abs(l)) / 2 || 1;
-        t.lineWidth = (e.stroke.width || 1) / Et, t.globalAlpha = mt * this.normalizeOpacity(e.stroke.opacity ?? 100);
-        let dt = 0, Ot = R;
-        (N || []).forEach((zt) => {
-          let Wt = -X / 2;
-          k === "center" ? Wt = 0 : k === "right" && (Wt = X / 2), ot(zt.text, Wt, Ot, !0, dt), dt += (zt.text || "").length, Ot += A, dt < c.length && (c[dt] === `
-` || c[dt] === "\r") && (_ > 0 && (Ot += _), dt++, c[dt - 1] === "\r" && c[dt] === `
+        let _t = 1;
+        if (this.rootTransform) {
+          const Dt = t.getTransform(), $t = Math.sqrt(Dt.a * Dt.a + Dt.b * Dt.b) || 1, Rt = this.rootTransform, Vt = Math.sqrt(Rt.a * Rt.a + Rt.b * Rt.b) || 1;
+          _t = $t / Vt;
+        } else
+          _t = (Math.abs(h) + Math.abs(l)) / 2 || 1;
+        t.lineWidth = (e.stroke.width || 1) / (_t || 1), t.globalAlpha = mt * this.normalizeOpacity(e.stroke.opacity ?? 100);
+        let dt = 0, Ft = O;
+        (N || []).forEach((Dt) => {
+          let $t = -X / 2;
+          k === "center" ? $t = 0 : k === "right" && ($t = X / 2), ot(Dt.text, $t, Ft, !0, dt), dt += (Dt.text || "").length, Ft += A, dt < c.length && (c[dt] === `
+` || c[dt] === "\r") && (_ > 0 && (Ft += _), dt++, c[dt - 1] === "\r" && c[dt] === `
 ` && dt++);
         }), t.globalAlpha = mt;
       }
@@ -3887,7 +3893,14 @@ class ci {
   }
   applyStrokeAlignment(t, i, o, e, s, n, a = 1, r = 1) {
     if (!i.stroke || i.stroke.width <= 0 || i.stroke.isEnabled === !1) return;
-    const f = i.stroke, h = (Math.abs(a) + Math.abs(r)) / 2 || 1, l = (f.width || 1) / h, p = (f.alignment || "center").toLowerCase();
+    const f = i.stroke;
+    let h = 1;
+    if (this.rootTransform) {
+      const S = t.getTransform(), C = Math.sqrt(S.a * S.a + S.b * S.b) || 1, w = this.rootTransform, M = Math.sqrt(w.a * w.a + w.b * w.b) || 1;
+      h = C / M;
+    } else
+      h = (Math.abs(a) + Math.abs(r)) / 2 || 1;
+    const l = (f.width || 1) / (h || 1), p = (f.alignment || "center").toLowerCase();
     if (t.save(), i.fill && i.fill.type !== "None" && i.fill.isEnabled !== !1 && i.fill.opacity !== 0 && i.fill.color !== "transparent" && i.fill.color !== "rgba(0,0,0,0)" && (t.shadowColor = "transparent", t.shadowBlur = 0, t.shadowOffsetX = 0, t.shadowOffsetY = 0), f.fill) {
       const S = this.createCanvasFill(t, f.fill, e, s);
       S ? t.strokeStyle = S : t.strokeStyle = f.color || "#000000";
@@ -3901,13 +3914,13 @@ class ci {
       if (S > 0) {
         const C = Math.max(0, Math.min(1, u)), w = Math.max(0, Math.min(1, v));
         if (C < w) {
-          const I = S * (w - C), M = S - I, k = -(S * (C + b % 1));
-          t.setLineDash([I, M]), t.lineDashOffset = k + m * S;
+          const M = S * (w - C), I = S - M, k = -(S * (C + b % 1));
+          t.setLineDash([M, I]), t.lineDashOffset = k + m * S;
         } else if (C === w)
           t.setLineDash([0, S]);
         else {
-          const I = S * (1 - C + w), M = S - I, k = -(S * C);
-          t.setLineDash([I, M]), t.lineDashOffset = k + m * S;
+          const M = S * (1 - C + w), I = S - M, k = -(S * C);
+          t.setLineDash([M, I]), t.lineDashOffset = k + m * S;
         }
       }
     } else y.length > 0 && (t.setLineDash(y), t.lineDashOffset = m);
@@ -3960,7 +3973,7 @@ class ci {
             f.x,
             f.y
           ) : s += Math.sqrt((f.x - h) ** 2 + (f.y - l) ** 2), n = f.x, a = f.y, f.closePath || r === e.length - 1 && (t.is_closed || t.isClosed)) {
-            const d = n, u = a, v = [...e.slice(0, r + 1)].reverse().find((I) => I.moveTo) || e[0], b = v.x, m = v.y, y = e[r].out_x, S = e[r].out_y, C = v.in_x, w = v.in_y;
+            const d = n, u = a, v = [...e.slice(0, r + 1)].reverse().find((M) => M.moveTo) || e[0], b = v.x, m = v.y, y = e[r].out_x, S = e[r].out_y, C = v.in_x, w = v.in_y;
             y !== void 0 || C !== void 0 ? s += this.getBezierLength(
               d,
               u,
@@ -3982,8 +3995,8 @@ class ci {
   getBezierLength(t, i, o, e, s, n, a, r, f = 10) {
     let h = 0, l = t, p = i;
     for (let c = 1; c <= f; c++) {
-      const d = c / f, u = 1 - d, v = d * d, b = u * u, m = b * u, y = v * d, S = m * t + 3 * b * d * o + 3 * u * v * s + y * a, C = m * i + 3 * b * d * e + 3 * u * v * n + y * r, w = S - l, I = C - p;
-      h += Math.sqrt(w * w + I * I), l = S, p = C;
+      const d = c / f, u = 1 - d, v = d * d, b = u * u, m = b * u, y = v * d, S = m * t + 3 * b * d * o + 3 * u * v * s + y * a, C = m * i + 3 * b * d * e + 3 * u * v * n + y * r, w = S - l, M = C - p;
+      h += Math.sqrt(w * w + M * M), l = S, p = C;
     }
     return h;
   }
@@ -3991,7 +4004,7 @@ class ci {
     if (t <= 0) return 0;
     let l = 0, p = i, c = o;
     for (let d = 1; d <= h; d++) {
-      const u = d / h, v = 1 - u, b = u * u, m = v * v, y = m * v, S = b * u, C = y * i + 3 * m * u * e + 3 * v * b * n + S * r, w = y * o + 3 * m * u * s + 3 * v * b * a + S * f, I = C - p, M = w - c, k = Math.sqrt(I * I + M * M);
+      const u = d / h, v = 1 - u, b = u * u, m = v * v, y = m * v, S = b * u, C = y * i + 3 * m * u * e + 3 * v * b * n + S * r, w = y * o + 3 * m * u * s + 3 * v * b * a + S * f, M = C - p, I = w - c, k = Math.sqrt(M * M + I * I);
       if (l + k >= t) {
         const T = t - l, L = k === 0 ? 0 : T / k;
         return (d - 1 + L) / h;
@@ -4025,13 +4038,13 @@ class ci {
         let C = 0;
         const w = y.out_x !== void 0 || S.in_x !== void 0;
         if (w ? C = this.getBezierLength(y.x, y.y, y.out_x ?? y.x, y.out_y ?? y.y, S.in_x ?? S.x, S.in_y ?? S.y, S.x, S.y) : C = Math.sqrt((S.x - y.x) ** 2 + (S.y - y.y) ** 2), d + C >= c || m === u[u.length - 1]) {
-          let I = 0;
+          let M = 0;
           if (w)
-            return I = this.getBezierTAtLength(c - d, y.x, y.y, y.out_x ?? y.x, y.out_y ?? y.y, S.in_x ?? S.x, S.in_y ?? S.y, S.x, S.y, 20), this.getBezierPointAndAngle(I, y, S, h, l);
+            return M = this.getBezierTAtLength(c - d, y.x, y.y, y.out_x ?? y.x, y.out_y ?? y.y, S.in_x ?? S.x, S.in_y ?? S.y, S.x, S.y, 20), this.getBezierPointAndAngle(M, y, S, h, l);
           {
-            I = C === 0 ? 0 : (c - d) / C;
-            const M = y.x + (S.x - y.x) * I - h, k = y.y + (S.y - y.y) * I - l, T = Math.atan2(S.y - y.y, S.x - y.x);
-            return { x: M, y: k, angle: T };
+            M = C === 0 ? 0 : (c - d) / C;
+            const I = y.x + (S.x - y.x) * M - h, k = y.y + (S.y - y.y) * M - l, T = Math.atan2(S.y - y.y, S.x - y.x);
+            return { x: I, y: k, angle: T };
           }
         }
         d += C;
@@ -4047,8 +4060,8 @@ class ci {
     return { x: 0, y: 0, angle: 0 };
   }
   getBezierPointAndAngle(t, i, o, e, s) {
-    const n = i.x, a = i.y, r = i.out_x ?? i.x, f = i.out_y ?? i.y, h = o.in_x ?? o.x, l = o.in_y ?? o.y, p = o.x, c = o.y, d = 1 - t, u = t * t, v = d * d, b = v * d, m = u * t, y = b * n + 3 * v * t * r + 3 * d * u * h + m * p - e, S = b * a + 3 * v * t * f + 3 * d * u * l + m * c - s, C = 3 * v * (r - n) + 6 * d * t * (h - r) + 3 * u * (p - h), w = 3 * v * (f - a) + 6 * d * t * (l - f) + 3 * u * (c - l), I = Math.atan2(w, C);
-    return { x: y, y: S, angle: I };
+    const n = i.x, a = i.y, r = i.out_x ?? i.x, f = i.out_y ?? i.y, h = o.in_x ?? o.x, l = o.in_y ?? o.y, p = o.x, c = o.y, d = 1 - t, u = t * t, v = d * d, b = v * d, m = u * t, y = b * n + 3 * v * t * r + 3 * d * u * h + m * p - e, S = b * a + 3 * v * t * f + 3 * d * u * l + m * c - s, C = 3 * v * (r - n) + 6 * d * t * (h - r) + 3 * u * (p - h), w = 3 * v * (f - a) + 6 * d * t * (l - f) + 3 * u * (c - l), M = Math.atan2(w, C);
+    return { x: y, y: S, angle: M };
   }
   applyAbsoluteTransform(t, i, o) {
     if (!o.get(i)) return;
@@ -4098,8 +4111,8 @@ class ci {
         y.width = m, y.height = Math.floor(s / p);
         const S = y.getContext("2d"), C = S.createImageData(y.width, y.height);
         for (let w = 0; w < C.data.length; w += 4) {
-          const I = Math.random() > 0.95 ? 150 : 255;
-          C.data[w] = I, C.data[w + 1] = I, C.data[w + 2] = I, C.data[w + 3] = 255 * h;
+          const M = Math.random() > 0.95 ? 150 : 255;
+          C.data[w] = M, C.data[w + 1] = M, C.data[w + 2] = M, C.data[w + 3] = 255 * h;
         }
         S.putImageData(C, 0, 0), t.globalCompositeOperation = "multiply", t.imageSmoothingEnabled = !1, t.drawImage(y, -e / 2, -s / 2, e, s);
       } else if (f === "acid_gradient" || f === "acid_rave") {
@@ -4108,8 +4121,8 @@ class ci {
           const w = m * 60 % 360;
           C.addColorStop(0, this._shiftHue(y, w, h * 0.7)), C.addColorStop(1, this._shiftHue(S, (w + 180) % 360, h * 0.7));
         } else {
-          const w = m * 100 % 360, I = (w + 180) % 360;
-          C.addColorStop(0, `hsla(${w}, 80%, 50%, ${h * 0.5})`), C.addColorStop(1, `hsla(${I}, 80%, 50%, ${h * 0.5})`);
+          const w = m * 100 % 360, M = (w + 180) % 360;
+          C.addColorStop(0, `hsla(${w}, 80%, 50%, ${h * 0.5})`), C.addColorStop(1, `hsla(${M}, 80%, 50%, ${h * 0.5})`);
         }
         t.fillStyle = C, t.globalCompositeOperation = "screen", t.fillRect(-e / 2, -s / 2, e, s);
       } else if (f === "halftone") {
@@ -4146,20 +4159,20 @@ class ci {
         const w = y.getContext("2d");
         if (w) {
           w.imageSmoothingEnabled = !1;
-          const I = t.getTransform(), M = I.e - e / 2, k = I.f - s / 2;
-          w.drawImage(t.canvas, M, k, e, s, 0, 0, S, C), t.imageSmoothingEnabled = !1, t.drawImage(y, 0, 0, S, C, -e / 2, -s / 2, e, s), t.imageSmoothingEnabled = !0;
+          const M = t.getTransform(), I = M.e - e / 2, k = M.f - s / 2;
+          w.drawImage(t.canvas, I, k, e, s, 0, 0, S, C), t.imageSmoothingEnabled = !1, t.drawImage(y, 0, 0, S, C, -e / 2, -s / 2, e, s), t.imageSmoothingEnabled = !0;
         }
       } else if (f === "glitch") {
         const m = this.currentTime * l, y = r.chaosAmount ?? 0.2, S = Math.max(3, Math.floor(8 * h)), C = h * e * 0.15;
         t.globalCompositeOperation = "screen", t.globalAlpha = h * 0.4;
         const w = C * 0.3;
         t.fillStyle = "rgba(255, 0, 0, 0.4)", t.fillRect(-e / 2 + w, -s / 2, e, s), t.fillStyle = "rgba(0, 255, 255, 0.4)", t.fillRect(-e / 2 - w, -s / 2, e, s), t.globalCompositeOperation = "source-over", t.globalAlpha = 1;
-        const I = s / S;
-        for (let M = 0; M < S; M++) {
-          const k = Math.sin(M * 127.1 + m * 311.7 * l) * 43758.5, T = k - Math.floor(k);
+        const M = s / S;
+        for (let I = 0; I < S; I++) {
+          const k = Math.sin(I * 127.1 + m * 311.7 * l) * 43758.5, T = k - Math.floor(k);
           if (T > 1 - y) {
-            const L = (T - (1 - y)) / y * C * (Math.random() > 0.5 ? 1 : -1), P = -s / 2 + M * I, _ = t.getTransform(), E = _.e - e / 2 + L, A = _.f + P;
-            t.save(), t.beginPath(), t.rect(-e / 2, P, e, I), t.clip(), t.globalAlpha = 0.8, t.drawImage(t.canvas, E, A, e, I, -e / 2 + L, P, e, I), t.restore();
+            const L = (T - (1 - y)) / y * C * (Math.random() > 0.5 ? 1 : -1), P = -s / 2 + I * M, _ = t.getTransform(), E = _.e - e / 2 + L, A = _.f + P;
+            t.save(), t.beginPath(), t.rect(-e / 2, P, e, M), t.clip(), t.globalAlpha = 0.8, t.drawImage(t.canvas, E, A, e, M, -e / 2 + L, P, e, M), t.restore();
           }
         }
       }
@@ -4331,11 +4344,11 @@ class ci {
     }
   }
   renderInputBox(t, i) {
-    var R, O;
-    const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.options) || i.options || {}, s = ((R = i.geometry) == null ? void 0 : R.width) || 250, n = ((O = i.geometry) == null ? void 0 : O.height) || 45, a = this.focusedId === i.id, r = this.lastHoveredObjectId === i.id, f = e.previewState || "default", h = f !== "default" ? f : a ? "focused" : r ? "hovered" : "default", l = e.label || { visible: !0, text: "Label" }, p = e.helperText || { visible: !1, text: "Helper text" }, c = e.leftIcon || { visible: !1 }, d = e.rightIcon || { visible: !1 }, u = e.multiline === !0, v = e.corner_radius ?? 8, b = e.corners || { tl: v, tr: v, bl: v, br: v }, m = [b.tl, b.tr, b.br, b.bl];
-    let y = e.backgroundColor || "rgba(31, 41, 55, 1)", S = e.borderColor || "rgba(55, 65, 81, 1)", C = e.borderWidth ?? 1.5, w = e.color || "#ffffff", I = e.placeholderColor || "rgba(156, 163, 175, 1)", M = e.fontSize || 14;
+    var O, R;
+    const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.options) || i.options || {}, s = ((O = i.geometry) == null ? void 0 : O.width) || 250, n = ((R = i.geometry) == null ? void 0 : R.height) || 45, a = this.focusedId === i.id, r = this.lastHoveredObjectId === i.id, f = e.previewState || "default", h = f !== "default" ? f : a ? "focused" : r ? "hovered" : "default", l = e.label || { visible: !0, text: "Label" }, p = e.helperText || { visible: !1, text: "Helper text" }, c = e.leftIcon || { visible: !1 }, d = e.rightIcon || { visible: !1 }, u = e.multiline === !0, v = e.corner_radius ?? 8, b = e.corners || { tl: v, tr: v, bl: v, br: v }, m = [b.tl, b.tr, b.br, b.bl];
+    let y = e.backgroundColor || "rgba(31, 41, 55, 1)", S = e.borderColor || "rgba(55, 65, 81, 1)", C = e.borderWidth ?? 1.5, w = e.color || "#ffffff", M = e.placeholderColor || "rgba(156, 163, 175, 1)", I = e.fontSize || 14;
     const k = `${h}Style`, T = e[k];
-    T ? (T.backgroundColor !== void 0 && (y = T.backgroundColor), T.borderColor !== void 0 && (S = T.borderColor), T.borderWidth !== void 0 && (C = T.borderWidth), T.color !== void 0 && (w = T.color), T.placeholderColor !== void 0 && (I = T.placeholderColor), T.fontSize !== void 0 && (M = T.fontSize)) : h === "focused" ? (S = e.focusBorderColor || "rgba(59, 130, 246, 1)", C = Math.max(C, 2)) : h === "hovered" || h === "hover" ? (S = e.hoverBorderColor || S, y = e.hoverBackgroundColor || y) : h === "disabled" ? (y = e.disabledBackgroundColor || "rgba(31, 41, 55, 0.6)", S = e.disabledBorderColor || "rgba(55, 65, 81, 0.4)") : h === "error" && (S = "rgba(239, 68, 68, 1)", C = Math.max(C, 2)), t.beginPath(), this.drawRoundRect(t, -s / 2, -n / 2, s, n, m);
+    T ? (T.backgroundColor !== void 0 && (y = T.backgroundColor), T.borderColor !== void 0 && (S = T.borderColor), T.borderWidth !== void 0 && (C = T.borderWidth), T.color !== void 0 && (w = T.color), T.placeholderColor !== void 0 && (M = T.placeholderColor), T.fontSize !== void 0 && (I = T.fontSize)) : h === "focused" ? (S = e.focusBorderColor || "rgba(59, 130, 246, 1)", C = Math.max(C, 2)) : h === "hovered" || h === "hover" ? (S = e.hoverBorderColor || S, y = e.hoverBackgroundColor || y) : h === "disabled" ? (y = e.disabledBackgroundColor || "rgba(31, 41, 55, 0.6)", S = e.disabledBorderColor || "rgba(55, 65, 81, 0.4)") : h === "error" && (S = "rgba(239, 68, 68, 1)", C = Math.max(C, 2)), t.beginPath(), this.drawRoundRect(t, -s / 2, -n / 2, s, n, m);
     const L = this.createCanvasFill(t, y, s, n);
     if (L && (t.fillStyle = L, t.fill()), C > 0) {
       const D = this.createCanvasFill(t, S, s, n);
@@ -4347,15 +4360,15 @@ class ci {
     }
     const P = (D, q) => {
       if (!D.visible || !D.svgPath) return;
-      const ot = D.size || 14, yt = D.offset ?? 16, bt = D.color || "#ffffff", gt = q ? -(s / 2) + yt : s / 2 - yt, Pt = D.svgPath;
-      if (t.save(), t.translate(gt, 0), !Pt.startsWith("<svg")) {
-        const It = new Path2D(Pt), St = ot / 24;
+      const ot = D.size || 14, yt = D.offset ?? 16, bt = D.color || "#ffffff", gt = q ? -(s / 2) + yt : s / 2 - yt, Et = D.svgPath;
+      if (t.save(), t.translate(gt, 0), !Et.startsWith("<svg")) {
+        const It = new Path2D(Et), St = ot / 24;
         t.scale(St, St), t.translate(-12, -12), t.fillStyle = bt, t.fill(It);
       }
       t.restore();
     };
     P(c, !0), P(d, !1);
-    const _ = e.text || "", E = e.placeholder || "Enter text...", A = !_, W = _ || E, z = A ? I : w, Y = M, G = e.fontFamily || "Inter", N = e.fontWeight || 400;
+    const _ = e.text || "", E = e.placeholder || "Enter text...", A = !_, W = _ || E, z = A ? M : w, Y = I, G = e.fontFamily || "Inter", N = e.fontWeight || 400;
     t.font = `${N} ${Y}px "${G}", sans-serif`, t.fillStyle = z, t.textAlign = "left", t.textBaseline = u ? "top" : "middle";
     const J = e.inputPadding ?? 16, x = c.visible ? (c.offset ?? 16) + (c.size || 14) / 2 + 8 : J, F = d.visible ? (d.offset ?? 16) + (d.size || 14) / 2 + 8 : J, j = -(s / 2) + x, X = s - x - F, tt = e.inputType === "password" ? "•".repeat(W.length) : W;
     if (t.save(), t.beginPath(), t.rect(j - 2, -n / 2 + 4, X + 4, n - 8), t.clip(), u) {
@@ -4365,11 +4378,11 @@ class ci {
       const ot = Y * 1.2;
       let yt = 0;
       D.forEach((bt, gt) => {
-        const Pt = bt.split(" ");
+        const Et = bt.split(" ");
         let It = "";
-        for (let St = 0; St < Pt.length; St++) {
-          const Xt = It + Pt[St] + " ";
-          t.measureText(Xt).width > X && St > 0 ? (t.fillText(It, j, q), It = Pt[St] + " ", q += ot) : It = Xt;
+        for (let St = 0; St < Et.length; St++) {
+          const Xt = It + Et[St] + " ";
+          t.measureText(Xt).width > X && St > 0 ? (t.fillText(It, j, q), It = Et[St] + " ", q += ot) : It = Xt;
         }
         t.fillText(It, j, q), yt = t.measureText(It).width, gt < D.length - 1 && (q += ot, yt = 0);
       }), a && !A && Math.floor(performance.now() / 500) % 2 === 0 && t.fillRect(j + yt, q, 1.5, Y);
@@ -4395,12 +4408,12 @@ class ci {
     }
   }
   renderSlider(t, i) {
-    const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.geometry) || i.geometry, s = (o == null ? void 0 : o.options) || i.options || {}, n = e.width || 200, a = s.value ?? 50, r = s.min ?? 0, h = (s.max ?? 100) - r, l = h === 0 ? 0 : (a - r) / h, p = s.trackHeight || 4, c = s.trackRoundedness ?? 2, d = s.trackShape ?? "Rectangle", u = s.trackPath || "", v = s.accentColor || "#3b82f6", b = s.inactiveColor || "#374151", m = s.thumbShape || "Ellipse", y = s.thumbWidth ?? 16, S = s.thumbHeight ?? 16, C = s.thumbRoundedness ?? 0, w = s.thumbColor || "#ffffff", I = s.thumbPath || "", M = s.thumbIcon || "", k = s.showValueTooltip ?? !1, T = s.tooltipBgColor || "#333333", L = s.tooltipColor || "#ffffff", P = s.tooltipOffsetX ?? 0, _ = s.tooltipOffsetY ?? -25, E = (X, tt, R, O, D, q, ot) => {
+    const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.geometry) || i.geometry, s = (o == null ? void 0 : o.options) || i.options || {}, n = e.width || 200, a = s.value ?? 50, r = s.min ?? 0, h = (s.max ?? 100) - r, l = h === 0 ? 0 : (a - r) / h, p = s.trackHeight || 4, c = s.trackRoundedness ?? 2, d = s.trackShape ?? "Rectangle", u = s.trackPath || "", v = s.accentColor || "#3b82f6", b = s.inactiveColor || "#374151", m = s.thumbShape || "Ellipse", y = s.thumbWidth ?? 16, S = s.thumbHeight ?? 16, C = s.thumbRoundedness ?? 0, w = s.thumbColor || "#ffffff", M = s.thumbPath || "", I = s.thumbIcon || "", k = s.showValueTooltip ?? !1, T = s.tooltipBgColor || "#333333", L = s.tooltipColor || "#ffffff", P = s.tooltipOffsetX ?? 0, _ = s.tooltipOffsetY ?? -25, E = (X, tt, O, R, D, q, ot) => {
       if ((X === "Custom" || X === "Icon") && ot)
         try {
           const yt = new Path2D(ot);
-          if (t.save(), t.translate(tt, R), X === "Icon") {
-            const bt = Math.min(O, D) / 24;
+          if (t.save(), t.translate(tt, O), X === "Icon") {
+            const bt = Math.min(R, D) / 24;
             t.scale(bt, bt), t.translate(-12, -12);
           }
           t.fill(yt), t.restore();
@@ -4409,28 +4422,28 @@ class ci {
           console.error("Error drawing slider shape in engine:", yt);
         }
       if (t.beginPath(), X === "Ellipse")
-        t.ellipse(tt, R, O / 2, D / 2, 0, 0, Math.PI * 2);
+        t.ellipse(tt, O, R / 2, D / 2, 0, 0, Math.PI * 2);
       else if (X === "Rectangle")
-        this.drawRoundRect(t, tt - O / 2, R - D / 2, O, D, q);
+        this.drawRoundRect(t, tt - R / 2, O - D / 2, R, D, q);
       else if (X === "Triangle")
-        t.moveTo(tt, R - D / 2), t.lineTo(tt + O / 2, R + D / 2), t.lineTo(tt - O / 2, R + D / 2), t.closePath();
+        t.moveTo(tt, O - D / 2), t.lineTo(tt + R / 2, O + D / 2), t.lineTo(tt - R / 2, O + D / 2), t.closePath();
       else if (X === "Diamond")
-        t.moveTo(tt, R - D / 2), t.lineTo(tt + O / 2, R), t.lineTo(tt, R + D / 2), t.lineTo(tt - O / 2, R), t.closePath();
+        t.moveTo(tt, O - D / 2), t.lineTo(tt + R / 2, O), t.lineTo(tt, O + D / 2), t.lineTo(tt - R / 2, O), t.closePath();
       else if (X === "Polygon") {
-        const yt = i.geometry.sides || 3, bt = i.geometry.radius || Math.min(O, D) / 2;
+        const yt = i.geometry.sides || 3, bt = i.geometry.radius || Math.min(R, D) / 2;
         for (let gt = 0; gt < yt; gt++) {
-          const Pt = gt * 2 * Math.PI / yt - Math.PI / 2, It = tt + bt * Math.cos(Pt), St = R + bt * Math.sin(Pt);
+          const Et = gt * 2 * Math.PI / yt - Math.PI / 2, It = tt + bt * Math.cos(Et), St = O + bt * Math.sin(Et);
           gt === 0 ? t.moveTo(It, St) : t.lineTo(It, St);
         }
         t.closePath();
       } else if (X === "Star") {
-        const bt = Math.min(O, D) / 2, gt = bt / 2;
-        for (let Pt = 0; Pt < 10; Pt++) {
-          const It = Pt % 2 === 0 ? bt : gt, St = Pt * Math.PI / 5 - Math.PI / 2;
-          t.lineTo(tt + It * Math.cos(St), R + It * Math.sin(St));
+        const bt = Math.min(R, D) / 2, gt = bt / 2;
+        for (let Et = 0; Et < 10; Et++) {
+          const It = Et % 2 === 0 ? bt : gt, St = Et * Math.PI / 5 - Math.PI / 2;
+          t.lineTo(tt + It * Math.cos(St), O + It * Math.sin(St));
         }
         t.closePath();
-      } else X === "Line" && (t.moveTo(tt - O / 2, R), t.lineTo(tt + O / 2, R));
+      } else X === "Line" && (t.moveTo(tt - R / 2, O), t.lineTo(tt + R / 2, O));
       t.fill();
     }, A = this.createCanvasFill(t, b, n, p);
     A && (t.fillStyle = A, t.strokeStyle = A), d === "Line" ? (t.lineWidth = p, t.beginPath(), t.moveTo(-n / 2, 0), t.lineTo(n / 2, 0), t.stroke()) : E(d, 0, 0, n, p, c, u);
@@ -4443,24 +4456,24 @@ class ci {
     const G = t.getTransform(), N = Math.sqrt(G.a * G.a + G.b * G.b) || 1;
     t.shadowColor = "rgba(0,0,0,0.2)", t.shadowBlur = 4 * N, t.shadowOffsetY = 1 * N;
     const J = this.createCanvasFill(t, w, y, S);
-    if (J && (t.fillStyle = J), E(m, 0, 0, y, S, C, m === "Icon" ? M : I), t.restore(), k) {
+    if (J && (t.fillStyle = J), E(m, 0, 0, y, S, C, m === "Icon" ? I : M), t.restore(), k) {
       t.save(), t.translate(z + P, _);
       const X = Math.round(a).toString();
       t.font = "10px Inter, sans-serif";
-      const tt = t.measureText(X), R = 6, O = 4, D = tt.width + R * 2, q = 14 + O;
+      const tt = t.measureText(X), O = 6, R = 4, D = tt.width + O * 2, q = 14 + R;
       t.beginPath(), this.drawRoundRect(t, -D / 2, -q / 2, D, q, 4), t.fillStyle = T, t.fill(), t.fillStyle = L, t.textAlign = "center", t.textBaseline = "middle", t.fillText(X, 0, 0), t.restore();
     }
     const x = s.label || {}, F = s.helperText || {}, j = s.fontFamily || "Inter";
     if (x.visible !== !1) {
-      const X = x.text || "Label", tt = x.fontSize || 12, R = x.color || "rgba(156, 163, 175, 1)", O = x.offset ?? 8;
-      t.font = `600 ${tt}px "${j}", sans-serif`, t.fillStyle = R, t.textAlign = "left", t.textBaseline = "bottom";
-      const D = -(n / 2), q = -(p / 2) - O;
+      const X = x.text || "Label", tt = x.fontSize || 12, O = x.color || "rgba(156, 163, 175, 1)", R = x.offset ?? 8;
+      t.font = `600 ${tt}px "${j}", sans-serif`, t.fillStyle = O, t.textAlign = "left", t.textBaseline = "bottom";
+      const D = -(n / 2), q = -(p / 2) - R;
       t.fillText(X, D, q);
     }
     if (F.visible === !0) {
-      const X = F.text || "Helper text", tt = F.fontSize || 11, R = F.color || "rgba(156, 163, 175, 1)", O = F.offset ?? 6;
-      t.font = `400 ${tt}px "${j}", sans-serif`, t.fillStyle = R, t.textAlign = "left", t.textBaseline = "top";
-      const D = -(n / 2), q = p / 2 + O;
+      const X = F.text || "Helper text", tt = F.fontSize || 11, O = F.color || "rgba(156, 163, 175, 1)", R = F.offset ?? 6;
+      t.font = `400 ${tt}px "${j}", sans-serif`, t.fillStyle = O, t.textAlign = "left", t.textBaseline = "top";
+      const D = -(n / 2), q = p / 2 + R;
       t.fillText(X, D, q);
     }
   }
@@ -4493,8 +4506,8 @@ class ci {
       }
       t.restore();
     }
-    const w = e.selectedOption || e.placeholder || "Select...", I = e.fontSize || 14, M = e.fontWeight || 400, k = e.fontFamily || "Inter, sans-serif";
-    t.font = `${M} ${I}px ${k}`;
+    const w = e.selectedOption || e.placeholder || "Select...", M = e.fontSize || 14, I = e.fontWeight || 400, k = e.fontFamily || "Inter, sans-serif";
+    t.font = `${I} ${M}px ${k}`;
     const T = h ? e.disabledColor || "#9ca3af" : !e.selectedOption && e.placeholder ? "#9ca3af" : u;
     t.fillStyle = this.createCanvasFill(t, typeof T == "string" ? { type: "Solid", color: T } : T, s, n) || "#333333", t.textAlign = "left", t.textBaseline = "middle";
     const L = y === "none" ? 0 : S + 8, P = s - m * 2 - L;
@@ -4505,16 +4518,16 @@ class ci {
       t.shadowColor = typeof N.color == "string" ? N.color : ((_ = N.color) == null ? void 0 : _.color) || "rgba(0,0,0,0.15)", t.shadowBlur = (N.blur ?? 12) * x, t.shadowOffsetY = (N.offsetY ?? 6) * x, t.shadowOffsetX = (N.offsetX ?? 0) * x, t.beginPath(), this.drawRoundRect(t, a, E, s, Y, G), t.fillStyle = this.createCanvasFill(t, typeof e.listBackgroundColor == "string" ? { type: "Solid", color: e.listBackgroundColor } : e.listBackgroundColor || { type: "Solid", color: "#ffffff" }, s, Y) || "#ffffff", t.fill();
       const F = e.listBorderWidth ?? 1;
       F > 0 && (t.shadowColor = "transparent", t.strokeStyle = this.createCanvasFill(t, typeof e.listBorderColor == "string" ? { type: "Solid", color: e.listBorderColor } : e.listBorderColor || { type: "Solid", color: d }, s, Y) || "#e5e7eb", t.lineWidth = F, t.stroke()), t.restore();
-      const j = e.itemFontSize || I, X = e.itemFontFamily || k;
-      t.font = `${M} ${j}px ${X}`, A.forEach((tt, R) => {
-        const O = E + z + R * W;
+      const j = e.itemFontSize || M, X = e.itemFontFamily || k;
+      t.font = `${I} ${j}px ${X}`, A.forEach((tt, O) => {
+        const R = E + z + O * W;
         if (tt === e.selectedOption)
-          t.fillStyle = this.createCanvasFill(t, typeof e.itemSelectedBackgroundColor == "string" ? { type: "Solid", color: e.itemSelectedBackgroundColor } : e.itemSelectedBackgroundColor || { type: "Solid", color: "#f3f4f6" }, s, W) || "#f3f4f6", t.fillRect(a + F, O, s - F * 2, W), t.fillStyle = e.itemSelectedColor || e.accentColor || u || "#374151";
+          t.fillStyle = this.createCanvasFill(t, typeof e.itemSelectedBackgroundColor == "string" ? { type: "Solid", color: e.itemSelectedBackgroundColor } : e.itemSelectedBackgroundColor || { type: "Solid", color: "#f3f4f6" }, s, W) || "#f3f4f6", t.fillRect(a + F, R, s - F * 2, W), t.fillStyle = e.itemSelectedColor || e.accentColor || u || "#374151";
         else if (t.fillStyle = e.listTextColor || u || "#333333", this.activeDropdownId === i.id && this._lastPointerPos) {
           const q = this._lastPointerPos.y - (E + z), ot = Math.floor(q / W);
-          R === ot && (t.fillStyle = this.createCanvasFill(t, typeof e.itemHoverBackgroundColor == "string" ? { type: "Solid", color: e.itemHoverBackgroundColor } : e.itemHoverBackgroundColor || { type: "Solid", color: "#f9fafb" }, s, W) || "#f9fafb", t.fillRect(a + F, O, s - F * 2, W), t.fillStyle = e.itemHoverColor || u);
+          O === ot && (t.fillStyle = this.createCanvasFill(t, typeof e.itemHoverBackgroundColor == "string" ? { type: "Solid", color: e.itemHoverBackgroundColor } : e.itemHoverBackgroundColor || { type: "Solid", color: "#f9fafb" }, s, W) || "#f9fafb", t.fillRect(a + F, R, s - F * 2, W), t.fillStyle = e.itemHoverColor || u);
         }
-        t.fillText(tt, a + m, O + W / 2);
+        t.fillText(tt, a + m, R + W / 2);
       });
     }
     t.globalAlpha = v;
@@ -4526,13 +4539,13 @@ class ci {
     f && p ? (d = p.backgroundColor || d, u = p.color || u, v = p.text || v, S = p.scale ?? 0.95, b = p.cornerRadius ?? b) : r && l && (d = l.backgroundColor || d, u = l.color || u, v = l.text || v, S = l.scale ?? 1, b = l.cornerRadius ?? b, m = l.borderColor || m);
     const C = -n / 2, w = -a / 2;
     t.save(), t.scale(S, S), t.beginPath(), this.drawRoundRect(t, C, w, n, a, b);
-    const I = this.createCanvasFill(t, d, n, a);
-    I && (t.fillStyle = I, t.fill()), (y > 0 || r && l.borderColor) && (t.strokeStyle = m, t.lineWidth = y || (r ? 1 : 0), t.stroke());
-    const M = h.fontSize || 14, k = h.fontFamily || "Inter", T = h.fontWeight || 600;
-    t.font = `${T} ${M}px "${k}", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif`, t.fillStyle = u, t.textAlign = "center", t.textBaseline = "middle";
+    const M = this.createCanvasFill(t, d, n, a);
+    M && (t.fillStyle = M, t.fill()), (y > 0 || r && l.borderColor) && (t.strokeStyle = m, t.lineWidth = y || (r ? 1 : 0), t.stroke());
+    const I = h.fontSize || 14, k = h.fontFamily || "Inter", T = h.fontWeight || 600;
+    t.font = `${T} ${I}px "${k}", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif`, t.fillStyle = u, t.textAlign = "center", t.textBaseline = "middle";
     let L = 0;
     if (c.enabled && c.svgPath) {
-      const P = M * 1.1, _ = c.gap || 8, E = t.measureText(v), W = -(E.width + P + _) / 2, z = c.position === "left" ? W + P / 2 : W + E.width + _ + P / 2;
+      const P = I * 1.1, _ = c.gap || 8, E = t.measureText(v), W = -(E.width + P + _) / 2, z = c.position === "left" ? W + P / 2 : W + E.width + _ + P / 2;
       L = c.position === "left" ? W + P + _ + E.width / 2 : W + E.width / 2, t.save(), t.translate(z, 0);
       const Y = new Path2D(c.svgPath), G = P / 24;
       t.scale(G, G), t.translate(-12, -12), t.fillStyle = u, t.fill(Y), t.restore();
@@ -4547,7 +4560,7 @@ class ci {
     t.font = `${l.fontWeight || 600} ${d}px "${u}", sans-serif`, t.fillStyle = c, t.textAlign = "center", t.textBaseline = "middle", t.fillText(l.text || "Toggle", 0, 0), t.restore();
   }
   renderToggle(t, i) {
-    var G, N, J, x, F, j, X, tt, R, O, D, q;
+    var G, N, J, x, F, j, X, tt, O, R, D, q;
     const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.options) || i.options || {}, s = ((G = i.geometry) == null ? void 0 : G.width) || 52, n = ((N = i.geometry) == null ? void 0 : N.height) || 30, a = -s / 2, r = -n / 2, f = e.checked ?? !1, h = e.cornerRadius ?? e.corner_radius ?? n / 2, l = e.toggleStyle || {}, p = l.backgroundColor || e.activeColor || "#10b981", c = l.borderColor || e.borderColor || "transparent", d = l.borderWidth ?? e.borderWidth ?? 0, u = l.knobColor || e.knobColor || "#ffffff", v = f ? p : e.inactiveColor || "#374151", b = f ? c : e.borderColor || "transparent", m = f ? d : e.borderWidth ?? 0, y = f ? u : e.knobColor || "#ffffff";
     e.disabled && (t.globalAlpha *= 0.5), t.beginPath(), this.drawRoundRect(t, a, r, s, n, h);
     const S = this.createCanvasFill(t, v, s, n);
@@ -4556,8 +4569,8 @@ class ci {
       const ot = this.createCanvasFill(t, b, s, n);
       ot && (t.strokeStyle = ot, t.stroke());
     }
-    const C = 2, w = n - C * 2, I = w / 2, M = a + C, k = a + s - C - w, T = f ? k : M, L = r + C;
-    t.beginPath(), t.arc(T + I, L + I, I, 0, Math.PI * 2);
+    const C = 2, w = n - C * 2, M = w / 2, I = a + C, k = a + s - C - w, T = f ? k : I, L = r + C;
+    t.beginPath(), t.arc(T + M, L + M, M, 0, Math.PI * 2);
     const P = this.createCanvasFill(t, y, w, w);
     P && (t.fillStyle = P, t.fill()), e.disabled && (t.globalAlpha *= 2);
     let _ = !1, E = !1;
@@ -4566,7 +4579,7 @@ class ci {
       const ot = e.leftLabel;
       t.font = `${ot.fontWeight || 400} ${ot.fontSize || 12}px "${ot.fontFamily || "Inter"}", sans-serif`, t.fillStyle = W, t.textBaseline = "middle", t.textAlign = "right", t.fillText(A, a - (ot.gap || 8), 0), _ = !0;
     }
-    const z = (f ? (tt = l.rightLabel) == null ? void 0 : tt.text : null) || ((R = e.rightLabel) == null ? void 0 : R.text) || "", Y = (f ? (O = l.rightLabel) == null ? void 0 : O.color : null) || ((D = e.rightLabel) == null ? void 0 : D.color) || "#f3f4f6";
+    const z = (f ? (tt = l.rightLabel) == null ? void 0 : tt.text : null) || ((O = e.rightLabel) == null ? void 0 : O.text) || "", Y = (f ? (R = l.rightLabel) == null ? void 0 : R.color : null) || ((D = e.rightLabel) == null ? void 0 : D.color) || "#f3f4f6";
     if ((q = e.rightLabel) != null && q.enabled && z) {
       const ot = e.rightLabel;
       t.font = `${ot.fontWeight || 400} ${ot.fontSize || 12}px "${ot.fontFamily || "Inter"}", sans-serif`, t.fillStyle = Y, t.textBaseline = "middle", t.textAlign = "left", t.fillText(z, a + s + (ot.gap || 8), 0), E = !0;
@@ -4574,9 +4587,9 @@ class ci {
     if (!_ && !E && e.label && e.label.text) {
       const ot = e.label, yt = ot.fontSize || 14, bt = ot.fontWeight || 400, gt = ot.fontFamily || "Inter";
       t.font = `${bt} ${yt}px "${gt}", sans-serif`, t.fillStyle = ot.color || "#f3f4f6", t.textBaseline = "middle";
-      const Pt = ot.gap || 10;
+      const Et = ot.gap || 10;
       let It = 0, St = 0;
-      ot.position === "left" ? (t.textAlign = "right", It = a - Pt, St = 0) : ot.position === "right" ? (t.textAlign = "left", It = a + s + Pt, St = 0) : ot.position === "top" ? (t.textAlign = "center", It = 0, St = r - Pt, t.textBaseline = "bottom") : ot.position === "bottom" ? (t.textAlign = "center", It = 0, St = r + n + Pt, t.textBaseline = "top") : (t.textAlign = "left", It = a + s + Pt, St = 0), t.fillText(ot.text, It, St);
+      ot.position === "left" ? (t.textAlign = "right", It = a - Et, St = 0) : ot.position === "right" ? (t.textAlign = "left", It = a + s + Et, St = 0) : ot.position === "top" ? (t.textAlign = "center", It = 0, St = r - Et, t.textBaseline = "bottom") : ot.position === "bottom" ? (t.textAlign = "center", It = 0, St = r + n + Et, t.textBaseline = "top") : (t.textAlign = "left", It = a + s + Et, St = 0), t.fillText(ot.text, It, St);
     }
   }
   renderCheckbox(t, i) {
@@ -4597,15 +4610,15 @@ class ci {
       t.save(), t.beginPath();
       const w = this.createCanvasFill(t, c, s, n);
       t.strokeStyle = w || c, t.lineWidth = Math.max(2, s * 0.12), t.lineCap = "round", t.lineJoin = "round";
-      const I = a + s * 0.25, M = r + n * 0.5, k = a + s * 0.45, T = r + n * 0.7, L = a + s * 0.75, P = r + n * 0.25;
-      t.moveTo(I, M), t.lineTo(k, T), t.lineTo(L, P), t.stroke(), t.restore();
+      const M = a + s * 0.25, I = r + n * 0.5, k = a + s * 0.45, T = r + n * 0.7, L = a + s * 0.75, P = r + n * 0.25;
+      t.moveTo(M, I), t.lineTo(k, T), t.lineTo(L, P), t.stroke(), t.restore();
     }
     if (e.disabled && (t.globalAlpha *= 2), e.label && e.label.text) {
       const w = e.label;
       t.save(), t.font = `${w.fontWeight || 400} ${w.fontSize || 14}px "${w.fontFamily || "Inter"}", sans-serif`, t.fillStyle = w.color || "#f3f4f6", t.textBaseline = "middle";
-      const I = w.gap || 8;
-      let M = 0, k = 0;
-      w.position === "left" ? (t.textAlign = "right", M = a - I, k = 0) : w.position === "right" ? (t.textAlign = "left", M = a + s + I, k = 0) : w.position === "top" ? (t.textAlign = "center", M = 0, k = r - I, t.textBaseline = "bottom") : w.position === "bottom" && (t.textAlign = "center", M = 0, k = r + n + I, t.textBaseline = "top"), t.fillText(w.text, M, k), t.restore();
+      const M = w.gap || 8;
+      let I = 0, k = 0;
+      w.position === "left" ? (t.textAlign = "right", I = a - M, k = 0) : w.position === "right" ? (t.textAlign = "left", I = a + s + M, k = 0) : w.position === "top" ? (t.textAlign = "center", I = 0, k = r - M, t.textBaseline = "bottom") : w.position === "bottom" && (t.textAlign = "center", I = 0, k = r + n + M, t.textBaseline = "top"), t.fillText(w.text, I, k), t.restore();
     }
   }
   renderRadioGroup(t, i) {
@@ -4614,28 +4627,28 @@ class ci {
     e.disabled && (t.globalAlpha *= 0.5);
     const y = 8, S = y * 2;
     if (t.save(), t.font = `${m} ${v}px "${b}", sans-serif`, t.textBaseline = "middle", t.textAlign = "left", l === "vertical") {
-      const I = Math.max(S, v) + p;
-      h.forEach((M, k) => {
-        const T = r + k * I + y;
+      const M = Math.max(S, v) + p;
+      h.forEach((I, k) => {
+        const T = r + k * M + y;
         t.beginPath(), t.arc(a + y, T, y, 0, Math.PI * 2);
-        const L = f === M, P = this.createCanvasFill(t, c, S, S), _ = this.createCanvasFill(t, d, S, S);
-        L ? (t.strokeStyle = P || c, t.lineWidth = 2, t.stroke(), t.beginPath(), t.arc(a + y, T, y / 2, 0, Math.PI * 2), t.fillStyle = P || c, t.fill()) : (t.strokeStyle = _ || d, t.lineWidth = 1.5, t.stroke()), t.fillStyle = u, t.fillText(M, a + S + 8, T);
+        const L = f === I, P = this.createCanvasFill(t, c, S, S), _ = this.createCanvasFill(t, d, S, S);
+        L ? (t.strokeStyle = P || c, t.lineWidth = 2, t.stroke(), t.beginPath(), t.arc(a + y, T, y / 2, 0, Math.PI * 2), t.fillStyle = P || c, t.fill()) : (t.strokeStyle = _ || d, t.lineWidth = 1.5, t.stroke()), t.fillStyle = u, t.fillText(I, a + S + 8, T);
       });
     } else {
-      let I = a;
-      h.forEach((M) => {
-        const k = f === M, T = t.measureText(M).width;
-        t.beginPath(), t.arc(I + y, 0, y, 0, Math.PI * 2);
+      let M = a;
+      h.forEach((I) => {
+        const k = f === I, T = t.measureText(I).width;
+        t.beginPath(), t.arc(M + y, 0, y, 0, Math.PI * 2);
         const L = this.createCanvasFill(t, c, S, S), P = this.createCanvasFill(t, d, S, S);
-        k ? (t.strokeStyle = L || c, t.lineWidth = 2, t.stroke(), t.beginPath(), t.arc(I + y, 0, y / 2, 0, Math.PI * 2), t.fillStyle = L || c, t.fill()) : (t.strokeStyle = P || d, t.lineWidth = 1.5, t.stroke()), t.fillStyle = u, t.fillText(M, I + S + 6, 0), I += S + 6 + T + p;
+        k ? (t.strokeStyle = L || c, t.lineWidth = 2, t.stroke(), t.beginPath(), t.arc(M + y, 0, y / 2, 0, Math.PI * 2), t.fillStyle = L || c, t.fill()) : (t.strokeStyle = P || d, t.lineWidth = 1.5, t.stroke()), t.fillStyle = u, t.fillText(I, M + S + 6, 0), M += S + 6 + T + p;
       });
     }
     if (t.restore(), e.disabled && (t.globalAlpha *= 2), e.label && e.label.text) {
-      const I = e.label;
-      t.save(), t.font = `${I.fontWeight || 400} ${I.fontSize || 14}px "${I.fontFamily || "Inter"}", sans-serif`, t.fillStyle = I.color || "#9ca3af", t.textBaseline = "middle";
-      const M = I.gap || 8;
+      const M = e.label;
+      t.save(), t.font = `${M.fontWeight || 400} ${M.fontSize || 14}px "${M.fontFamily || "Inter"}", sans-serif`, t.fillStyle = M.color || "#9ca3af", t.textBaseline = "middle";
+      const I = M.gap || 8;
       let k = 0, T = 0;
-      I.position === "left" ? (t.textAlign = "right", k = a - M, T = 0) : I.position === "right" ? (t.textAlign = "left", k = a + s + M, T = 0) : I.position === "top" ? (t.textAlign = "center", k = 0, T = r - M, t.textBaseline = "bottom") : I.position === "bottom" && (t.textAlign = "center", k = 0, T = r + n + M, t.textBaseline = "top"), t.fillText(I.text, k, T), t.restore();
+      M.position === "left" ? (t.textAlign = "right", k = a - I, T = 0) : M.position === "right" ? (t.textAlign = "left", k = a + s + I, T = 0) : M.position === "top" ? (t.textAlign = "center", k = 0, T = r - I, t.textBaseline = "bottom") : M.position === "bottom" && (t.textAlign = "center", k = 0, T = r + n + I, t.textBaseline = "top"), t.fillText(M.text, k, T), t.restore();
     }
   }
   renderBarChart(t, i) {
@@ -4727,8 +4740,8 @@ class ci {
     isFinite(l) || (l = 10), isFinite(p) || (p = 0), l = Math.max(l, 0), p = Math.min(p, 0);
     const u = l - p || 10;
     t.save(), s.enableShadows && (t.shadowColor = s.shadowColor, t.shadowBlur = s.shadowBlur, t.shadowOffsetY = s.shadowOffsetY), t.font = s.axisLabelFontSize + "px Inter, sans-serif";
-    const v = s.showYLabels ? t.measureText(l.toFixed(0)).width + 14 : 10, b = s.showXLabels ? s.axisLabelFontSize + 12 : 8, y = (s.showLegend && d > 0 ? s.legendFontSize + 10 : 0) + 8, S = 10, C = r + v, w = f + y, I = n - v - S, M = a - y - b;
-    if (s.enableShadows && (t.shadowColor = "transparent"), t.beginPath(), t.roundRect(r, f, n, a, 10), t.fillStyle = h.cardBackground, t.fill(), t.strokeStyle = h.cardBorderColor, t.lineWidth = 1, t.stroke(), s.chartBackground && s.chartBackground !== "transparent" && (t.beginPath(), t.rect(C, w, I, M), t.fillStyle = s.chartBackground, t.fill()), s.showLegend && d > 0) {
+    const v = s.showYLabels ? t.measureText(l.toFixed(0)).width + 14 : 10, b = s.showXLabels ? s.axisLabelFontSize + 12 : 8, y = (s.showLegend && d > 0 ? s.legendFontSize + 10 : 0) + 8, S = 10, C = r + v, w = f + y, M = n - v - S, I = a - y - b;
+    if (s.enableShadows && (t.shadowColor = "transparent"), t.beginPath(), t.roundRect(r, f, n, a, 10), t.fillStyle = h.cardBackground, t.fill(), t.strokeStyle = h.cardBorderColor, t.lineWidth = 1, t.stroke(), s.chartBackground && s.chartBackground !== "transparent" && (t.beginPath(), t.rect(C, w, M, I), t.fillStyle = s.chartBackground, t.fill()), s.showLegend && d > 0) {
       t.font = s.legendFontSize + "px Inter, sans-serif", t.textBaseline = "middle";
       const P = f + 12;
       let _ = C;
@@ -4742,11 +4755,11 @@ class ci {
       t.setLineDash(s.gridLineDash || []), t.lineWidth = s.gridLineWidth || 1, t.strokeStyle = h.gridColor;
       for (let P = 0; P <= k; P++)
         if (s.orientation === "horizontal") {
-          const _ = C + P / k * I;
-          t.beginPath(), t.moveTo(_, w), t.lineTo(_, w + M), t.stroke();
+          const _ = C + P / k * M;
+          t.beginPath(), t.moveTo(_, w), t.lineTo(_, w + I), t.stroke();
         } else {
-          const _ = w + P / k * M;
-          t.beginPath(), t.moveTo(C, _), t.lineTo(C + I, _), t.stroke();
+          const _ = w + P / k * I;
+          t.beginPath(), t.moveTo(C, _), t.lineTo(C + M, _), t.stroke();
         }
       t.setLineDash([]);
     }
@@ -4754,16 +4767,16 @@ class ci {
       t.font = s.axisLabelFontSize + "px Inter, sans-serif", t.textAlign = "right", t.textBaseline = "middle", t.fillStyle = h.axisLabelColor;
       for (let P = 0; P <= k; P++)
         if (s.orientation === "horizontal") {
-          const _ = p + P / k * u, E = C + P / k * I;
-          t.textAlign = "center", t.fillText(_.toFixed(0), E, w + M + s.axisLabelFontSize);
+          const _ = p + P / k * u, E = C + P / k * M;
+          t.textAlign = "center", t.fillText(_.toFixed(0), E, w + I + s.axisLabelFontSize);
         } else {
-          const _ = l - P / k * u, E = w + P / k * M;
+          const _ = l - P / k * u, E = w + P / k * I;
           t.textAlign = "right", t.fillText(_.toFixed(0), C - 6, E);
         }
     }
-    if (t.setLineDash([]), s.showXAxis && (t.lineWidth = s.xAxisLineWidth || 1, t.strokeStyle = s.xAxisColor, t.beginPath(), t.moveTo(C, w + M), t.lineTo(C + I, w + M), t.stroke()), s.showYAxis && (t.lineWidth = s.yAxisLineWidth || 1, t.strokeStyle = s.yAxisColor, t.beginPath(), t.moveTo(C, w), t.lineTo(C, w + M), t.stroke()), s.enableShadows && (t.shadowColor = s.shadowColor), s.chartType === "stacked")
+    if (t.setLineDash([]), s.showXAxis && (t.lineWidth = s.xAxisLineWidth || 1, t.strokeStyle = s.xAxisColor, t.beginPath(), t.moveTo(C, w + I), t.lineTo(C + M, w + I), t.stroke()), s.showYAxis && (t.lineWidth = s.yAxisLineWidth || 1, t.strokeStyle = s.yAxisColor, t.beginPath(), t.moveTo(C, w), t.lineTo(C, w + I), t.stroke()), s.enableShadows && (t.shadowColor = s.shadowColor), s.chartType === "stacked")
       if (s.orientation === "horizontal") {
-        const P = M / c;
+        const P = I / c;
         for (let _ = 0; _ < c; _++) {
           const E = w + _ * P + P / 2;
           s.showXLabels && (t.font = s.axisLabelFontSize + "px Inter, sans-serif", t.textAlign = "right", t.textBaseline = "middle", t.fillStyle = h.axisLabelColor, t.shadowColor = "transparent", t.fillText(s.categories[_] || "", C - 5, E), s.enableShadows && (t.shadowColor = s.shadowColor));
@@ -4771,22 +4784,22 @@ class ci {
           s.datasets.forEach((W, z) => {
             const Y = W.data[_] ?? 0;
             if (Y === 0) return;
-            const G = Y / u * I, N = Math.min(s.barWidth * d + s.barGap, P - 8), J = E - N / 2, x = A;
+            const G = Y / u * M, N = Math.min(s.barWidth * d + s.barGap, P - 8), J = E - N / 2, x = A;
             A += G;
             const F = s._resolveColor(W.color, z);
             t.beginPath(), t.fillStyle = s._makeGradient(t, F, x, J, x + G, J), s._drawRoundedBar(t, x, J, G, N, z === d - 1 ? s.barCornerRadius : 0, !1), s.barStyle === "outline" || s.barStyle === "dashed" ? (t.fillStyle = "transparent", t.strokeStyle = s.barBorderColor === "auto" ? F : s.barBorderColor, t.lineWidth = s.barBorderWidth, s.barStyle === "dashed" && t.setLineDash([4, 4]), t.stroke(), t.setLineDash([])) : t.fill();
           });
         }
       } else {
-        const P = I / c;
+        const P = M / c;
         for (let _ = 0; _ < c; _++) {
           const E = C + _ * P + P / 2;
-          s.showXLabels && (t.font = s.axisLabelFontSize + "px Inter, sans-serif", t.textAlign = "center", t.textBaseline = "top", t.fillStyle = h.axisLabelColor, t.shadowColor = "transparent", t.fillText(s.categories[_] || "", E, w + M + 5), s.enableShadows && (t.shadowColor = s.shadowColor));
-          let A = w + M;
+          s.showXLabels && (t.font = s.axisLabelFontSize + "px Inter, sans-serif", t.textAlign = "center", t.textBaseline = "top", t.fillStyle = h.axisLabelColor, t.shadowColor = "transparent", t.fillText(s.categories[_] || "", E, w + I + 5), s.enableShadows && (t.shadowColor = s.shadowColor));
+          let A = w + I;
           s.datasets.forEach((W, z) => {
             const Y = W.data[_] ?? 0;
             if (Y === 0) return;
-            const G = Y / u * M, N = Math.min(s.barWidth * d + s.barGap, P - 8), J = E - N / 2, x = A - G;
+            const G = Y / u * I, N = Math.min(s.barWidth * d + s.barGap, P - 8), J = E - N / 2, x = A - G;
             A -= G;
             const F = s._resolveColor(W.color, z);
             t.beginPath(), t.fillStyle = s._makeGradient(t, F, J, x, J, x + G), s._drawRoundedBar(t, J, x, N, G, z === d - 1 ? s.barCornerRadius : 0, !0), s.barStyle === "outline" || s.barStyle === "dashed" ? (t.fillStyle = "transparent", t.strokeStyle = s.barBorderColor === "auto" ? F : s.barBorderColor, t.lineWidth = s.barBorderWidth, s.barStyle === "dashed" && t.setLineDash([4, 4]), t.stroke(), t.setLineDash([])) : t.fill();
@@ -4794,26 +4807,26 @@ class ci {
         }
       }
     else if (s.orientation === "horizontal") {
-      const P = M / c, _ = d * s.barWidth + Math.max(0, (d - 1) * s.barGap), E = C + (0 - p) / u * I;
+      const P = I / c, _ = d * s.barWidth + Math.max(0, (d - 1) * s.barGap), E = C + (0 - p) / u * M;
       for (let A = 0; A < c; A++) {
         const W = w + A * P + P / 2;
         s.showXLabels && (t.font = s.axisLabelFontSize + "px Inter, sans-serif", t.textAlign = "right", t.textBaseline = "middle", t.fillStyle = h.axisLabelColor, t.shadowColor = "transparent", t.fillText(s.categories[A] || "", C - 5, W), s.enableShadows && (t.shadowColor = s.shadowColor));
         const z = W - _ / 2;
         s.datasets.forEach((Y, G) => {
-          const N = Y.data[A] ?? 0, J = Math.abs(N / u * I);
+          const N = Y.data[A] ?? 0, J = Math.abs(N / u * M);
           if (J < 1) return;
           const x = z + G * (s.barWidth + s.barGap), F = N >= 0 ? E : E - J, j = s._resolveColor(Y.color, G);
           t.beginPath(), t.fillStyle = s._makeGradient(t, j, F, x, F + J, x), s._drawRoundedBar(t, F, x, J, s.barWidth, s.barCornerRadius, !1), s.barStyle === "outline" || s.barStyle === "dashed" ? (t.fillStyle = "transparent", t.strokeStyle = s.barBorderColor === "auto" ? j : s.barBorderColor, t.lineWidth = s.barBorderWidth, s.barStyle === "dashed" && t.setLineDash([4, 4]), t.stroke(), t.setLineDash([])) : t.fill(), s.showValueOnTop && N !== 0 && (t.font = (s.valueFontWeight || "bold") + " " + (s.valueFontSize || 10) + "px Inter, sans-serif", t.textAlign = N >= 0 ? "left" : "right", t.textBaseline = "middle", t.fillStyle = s.valueColor === "auto" ? j : s.valueColor || "#fff", t.shadowColor = "transparent", t.fillText(N.toString(), N >= 0 ? F + J + 4 : F - 4, x + s.barWidth / 2), s.enableShadows && (t.shadowColor = s.shadowColor));
         });
       }
     } else {
-      const P = I / c, _ = d * s.barWidth + Math.max(0, (d - 1) * s.barGap), E = w + M - (0 - p) / u * M;
+      const P = M / c, _ = d * s.barWidth + Math.max(0, (d - 1) * s.barGap), E = w + I - (0 - p) / u * I;
       for (let A = 0; A < c; A++) {
         const W = C + A * P + P / 2;
-        s.showXLabels && (t.font = s.axisLabelFontSize + "px Inter, sans-serif", t.textAlign = "center", t.textBaseline = "top", t.fillStyle = h.axisLabelColor, t.shadowColor = "transparent", t.fillText(s.categories[A] || "", W, w + M + 5), s.enableShadows && (t.shadowColor = s.shadowColor));
+        s.showXLabels && (t.font = s.axisLabelFontSize + "px Inter, sans-serif", t.textAlign = "center", t.textBaseline = "top", t.fillStyle = h.axisLabelColor, t.shadowColor = "transparent", t.fillText(s.categories[A] || "", W, w + I + 5), s.enableShadows && (t.shadowColor = s.shadowColor));
         const z = W - _ / 2;
         s.datasets.forEach((Y, G) => {
-          const N = Y.data[A] ?? 0, J = Math.abs(N / u * M);
+          const N = Y.data[A] ?? 0, J = Math.abs(N / u * I);
           if (J < 1) return;
           const x = z + G * (s.barWidth + s.barGap), F = N >= 0 ? E - J : E, j = s._resolveColor(Y.color, G);
           t.beginPath(), t.fillStyle = s._makeGradient(t, j, x, F, x, F + J), s._drawRoundedBar(t, x, F, s.barWidth, J, s.barCornerRadius, !0), s.barStyle === "outline" || s.barStyle === "dashed" ? (t.fillStyle = "transparent", t.strokeStyle = s.barBorderColor === "auto" ? j : s.barBorderColor, t.lineWidth = s.barBorderWidth, s.barStyle === "dashed" && t.setLineDash([4, 4]), t.stroke(), t.setLineDash([])) : t.fill(), s.showValueOnTop && N !== 0 && (t.font = (s.valueFontWeight || "bold") + " " + (s.valueFontSize || 10) + "px Inter, sans-serif", t.textAlign = "center", t.textBaseline = N >= 0 ? "bottom" : "top", t.fillStyle = s.valueColor === "auto" ? j : s.valueColor || "#fff", t.shadowColor = "transparent", t.fillText(N.toString(), x + s.barWidth / 2, N >= 0 ? F - 4 : F + J + 4), s.enableShadows && (t.shadowColor = s.shadowColor));
@@ -4865,46 +4878,46 @@ class ci {
     if (s.chartType === "rose") {
       const m = Math.max(...s.slices.map((C) => C.value || 0)), y = Math.PI * 2 / s.slices.length, S = c > 0 ? s.sliceGap / c : 0;
       s.slices.forEach((C, w) => {
-        const I = C.value || 0;
-        if (I === 0) return;
-        const M = I / m * c, k = -Math.PI / 2 + w * y + S / 2, T = k + y - S, L = s._resolveSliceColor(C, w);
-        if (t.beginPath(), t.moveTo(d, u), t.arc(d, u, M, k, T), t.closePath(), t.fillStyle = L + "cc", t.fill(), t.strokeStyle = L, t.lineWidth = 1.5, t.stroke(), s.showLabels) {
-          const P = k + (T - k) / 2, _ = d + M * 0.65 * Math.cos(P), E = u + M * 0.65 * Math.sin(P), A = Math.round(I / r * 100);
+        const M = C.value || 0;
+        if (M === 0) return;
+        const I = M / m * c, k = -Math.PI / 2 + w * y + S / 2, T = k + y - S, L = s._resolveSliceColor(C, w);
+        if (t.beginPath(), t.moveTo(d, u), t.arc(d, u, I, k, T), t.closePath(), t.fillStyle = L + "cc", t.fill(), t.strokeStyle = L, t.lineWidth = 1.5, t.stroke(), s.showLabels) {
+          const P = k + (T - k) / 2, _ = d + I * 0.65 * Math.cos(P), E = u + I * 0.65 * Math.sin(P), A = Math.round(M / r * 100);
           t.save(), t.font = `bold ${s.labelFontSize}px Inter, sans-serif`, t.fillStyle = f.labelColor, t.textAlign = "center", t.textBaseline = "middle", t.fillText(`${A}%`, _, E), t.restore();
         }
       });
     } else {
       const m = s.chartType === "pie" ? 0 : s.innerRadius, y = c * Math.max(0, m), S = c > 0 ? s.sliceGap / c : 0;
       let C = -Math.PI / 2;
-      if (s.slices.forEach((w, I) => {
-        const M = w.value || 0;
-        if (M === 0) {
-          C += M / r * Math.PI * 2;
+      if (s.slices.forEach((w, M) => {
+        const I = w.value || 0;
+        if (I === 0) {
+          C += I / r * Math.PI * 2;
           return;
         }
-        const k = M / r * Math.PI * 2, T = C + S / 2, L = C + k - S / 2;
+        const k = I / r * Math.PI * 2, T = C + S / 2, L = C + k - S / 2;
         if (L <= T) {
           C += k;
           return;
         }
-        const P = s._resolveSliceColor(w, I);
+        const P = s._resolveSliceColor(w, M);
         if (t.beginPath(), t.fillStyle = P, y <= 0 ? (t.moveTo(d, u), t.arc(d, u, c, T, L), t.lineTo(d, u)) : (t.moveTo(d + c * Math.cos(T), u + c * Math.sin(T)), t.arc(d, u, c, T, L), t.arc(d, u, y, L, T, !0), t.closePath()), t.fill(), s.showLabels) {
-          const _ = T + (L - T) / 2, E = y + (c - y) / 2, A = d + E * Math.cos(_), W = u + E * Math.sin(_), z = Math.round(M / r * 100);
+          const _ = T + (L - T) / 2, E = y + (c - y) / 2, A = d + E * Math.cos(_), W = u + E * Math.sin(_), z = Math.round(I / r * 100);
           t.save(), t.font = `bold ${s.labelFontSize}px Inter, sans-serif`, t.fillStyle = f.labelColor, t.textAlign = "center", t.textBaseline = "middle", t.fillText(`${z}%`, A, W), t.restore();
         }
         C += k;
       }), s.chartType === "donut" && s.showCenterText && y > 14) {
-        const w = Math.round(r), I = Math.min(Math.floor(y * 0.52), 20), M = Math.min(Math.floor(y * 0.26), 10);
-        t.textAlign = "center", t.textBaseline = "middle", t.font = `bold ${I}px Inter, sans-serif`, t.fillStyle = f.centerTextColor, t.fillText(w.toString(), d, u - M * 0.5), s.centerLabel && (t.font = `${M}px Inter, sans-serif`, t.fillStyle = f.centerLabelColor, t.fillText(s.centerLabel, d, u + I * 0.6));
+        const w = Math.round(r), M = Math.min(Math.floor(y * 0.52), 20), I = Math.min(Math.floor(y * 0.26), 10);
+        t.textAlign = "center", t.textBaseline = "middle", t.font = `bold ${M}px Inter, sans-serif`, t.fillStyle = f.centerTextColor, t.fillText(w.toString(), d, u - I * 0.5), s.centerLabel && (t.font = `${I}px Inter, sans-serif`, t.fillStyle = f.centerLabelColor, t.fillText(s.centerLabel, d, u + M * 0.6));
       }
     }
     if (s.showLegend && s.slices.length > 0) {
       t.font = `${s.legendFontSize}px Inter, sans-serif`;
       const m = 2, y = n / m, S = s.legendFontSize + 8, C = a / 2 - l + 10, w = -n / 2 + 10;
-      s.slices.forEach((I, M) => {
-        const k = M % m, T = Math.floor(M / m), L = w + k * y, P = C + T * S, _ = s._resolveSliceColor(I, M), E = 7;
+      s.slices.forEach((M, I) => {
+        const k = I % m, T = Math.floor(I / m), L = w + k * y, P = C + T * S, _ = s._resolveSliceColor(M, I), E = 7;
         t.beginPath(), t.roundRect(L, P - E / 2, E, E, 2), t.fillStyle = _, t.fill(), t.textAlign = "left", t.textBaseline = "middle", t.fillStyle = f.legendColor;
-        const A = Math.round((I.value || 0) / r * 100), W = `${I.label || "Item"} ${A}%`, z = y - E - 20;
+        const A = Math.round((M.value || 0) / r * 100), W = `${M.label || "Item"} ${A}%`, z = y - E - 20;
         let Y = W;
         for (; t.measureText(Y).width > z && Y.length > 4; )
           Y = Y.slice(0, -4) + "…";
@@ -4925,14 +4938,14 @@ class ci {
     i.joystickType === "2D" ? (c = r * p, d = f * p) : i.joystickType === "1D_X" ? (c = r * p, d = 0) : i.joystickType === "1D_Y" && (c = 0, d = f * p), t.beginPath(), t.arc(c, d, a, 0, Math.PI * 2), t.fillStyle = "#fff", t.fill(), t.strokeStyle = "rgba(0,0,0,0.5)", t.lineWidth = 1, t.stroke(), t.restore();
   }
   getRadioGroupItemIndexAtPointer(t, i, o) {
-    var M, k;
+    var I, k;
     const e = t.options || {}, s = this.objectStates.get(t.id) || {}, n = e.optionsList || [];
     if (n.length === 0) return null;
-    const a = s.width !== void 0 ? s.width : ((M = t.geometry) == null ? void 0 : M.width) || 180, r = s.height !== void 0 ? s.height : ((k = t.geometry) == null ? void 0 : k.height) || 100, f = e.orientation || "vertical", h = e.itemGap !== void 0 ? e.itemGap : 16, l = e.fontSize || 14, p = this.getWorldTransform(t.id), c = i - p.x, d = o - p.y, u = -p.rotation * (Math.PI / 180), v = Math.cos(u), b = Math.sin(u), m = c * v - d * b, y = c * b + d * v, C = 8 * 2, w = -a / 2, I = -r / 2;
+    const a = s.width !== void 0 ? s.width : ((I = t.geometry) == null ? void 0 : I.width) || 180, r = s.height !== void 0 ? s.height : ((k = t.geometry) == null ? void 0 : k.height) || 100, f = e.orientation || "vertical", h = e.itemGap !== void 0 ? e.itemGap : 16, l = e.fontSize || 14, p = this.getWorldTransform(t.id), c = i - p.x, d = o - p.y, u = -p.rotation * (Math.PI / 180), v = Math.cos(u), b = Math.sin(u), m = c * v - d * b, y = c * b + d * v, C = 8 * 2, w = -a / 2, M = -r / 2;
     if (f === "vertical") {
       const T = Math.max(C, l) + h;
       for (let L = 0; L < n.length; L++) {
-        const P = I + L * T;
+        const P = M + L * T;
         if (m >= w && m <= w + a && y >= P && y <= P + T)
           return L;
       }
@@ -4940,7 +4953,7 @@ class ci {
       let T = w;
       for (let L = 0; L < n.length; L++) {
         const _ = n[L].length * 8, E = C + 6 + _ + h;
-        if (m >= T && m <= T + E && y >= I && y <= I + r)
+        if (m >= T && m <= T + E && y >= M && y <= M + r)
           return L;
         T += E;
       }
@@ -5008,9 +5021,9 @@ class ci {
           if (t.beginPath(), t.moveTo(p(0), e / 2), t.lineTo(p(0), l(v[0])), u.smoothing && v.length > 2)
             for (let m = 0; m < v.length - 1; m++) {
               const y = v[m === 0 ? m : m - 1], S = v[m], C = v[m + 1], w = v[m + 1 === v.length - 1 ? m + 1 : m + 2];
-              for (let I = 1; I <= d; I++) {
-                const M = I / d, k = this._catmullRom(y, S, C, w, M);
-                t.lineTo(p(m + M), l(k));
+              for (let M = 1; M <= d; M++) {
+                const I = M / d, k = this._catmullRom(y, S, C, w, I);
+                t.lineTo(p(m + I), l(k));
               }
             }
           else
@@ -5024,8 +5037,8 @@ class ci {
           for (let b = 0; b < v.length - 1; b++) {
             const m = v[b === 0 ? b : b - 1], y = v[b], S = v[b + 1], C = v[b + 1 === v.length - 1 ? b + 1 : b + 2];
             for (let w = 1; w <= d; w++) {
-              const I = w / d, M = this._catmullRom(m, y, S, C, I);
-              t.lineTo(p(b + I), l(M));
+              const M = w / d, I = this._catmullRom(m, y, S, C, M);
+              t.lineTo(p(b + M), l(I));
             }
           }
         else
@@ -5152,10 +5165,10 @@ class ci {
   }
   renderListView(t, i) {
     var A, W, z, Y;
-    const o = this.objectStates.get(i.id) || {}, e = o.options || i.options || {}, s = o.width !== void 0 ? o.width : ((A = i.geometry) == null ? void 0 : A.width) || 200, n = o.height !== void 0 ? o.height : ((W = i.geometry) == null ? void 0 : W.height) || 300, a = -s / 2, r = -n / 2, f = o.corner_radius !== void 0 ? o.corner_radius : e.corner_radius ?? 0, h = e.orientation || "vertical", l = e.items || [], p = e.itemGap ?? 10, c = e.itemHeight ?? 50, d = e.itemWidth ?? 200, u = e.scrollOffset ?? 0, v = e.padding ?? 0, b = e.glassEffect !== !1, m = e.accentColor || "#3b82f6", y = e.itemTextColor || "#333333", S = e.itemBackgroundColor || "#ffffff", C = e.hoveredIndex ?? null, w = e.activeItemIndex ?? null, I = e.glowIntensity ?? 0, M = e.glowColor || "#3b82f6", k = typeof M == "string" ? M : M.color || ((Y = (z = M.stops) == null ? void 0 : z[0]) == null ? void 0 : Y.color) || "#3b82f6", T = e.opacity !== void 0 ? e.opacity : i.opacity !== void 0 ? i.opacity : 1;
-    if (t.save(), t.globalAlpha *= T, I > 0) {
+    const o = this.objectStates.get(i.id) || {}, e = o.options || i.options || {}, s = o.width !== void 0 ? o.width : ((A = i.geometry) == null ? void 0 : A.width) || 200, n = o.height !== void 0 ? o.height : ((W = i.geometry) == null ? void 0 : W.height) || 300, a = -s / 2, r = -n / 2, f = o.corner_radius !== void 0 ? o.corner_radius : e.corner_radius ?? 0, h = e.orientation || "vertical", l = e.items || [], p = e.itemGap ?? 10, c = e.itemHeight ?? 50, d = e.itemWidth ?? 200, u = e.scrollOffset ?? 0, v = e.padding ?? 0, b = e.glassEffect !== !1, m = e.accentColor || "#3b82f6", y = e.itemTextColor || "#333333", S = e.itemBackgroundColor || "#ffffff", C = e.hoveredIndex ?? null, w = e.activeItemIndex ?? null, M = e.glowIntensity ?? 0, I = e.glowColor || "#3b82f6", k = typeof I == "string" ? I : I.color || ((Y = (z = I.stops) == null ? void 0 : z[0]) == null ? void 0 : Y.color) || "#3b82f6", T = e.opacity !== void 0 ? e.opacity : i.opacity !== void 0 ? i.opacity : 1;
+    if (t.save(), t.globalAlpha *= T, M > 0) {
       const G = t.getTransform(), N = Math.sqrt(G.a * G.a + G.b * G.b) || 1;
-      t.shadowColor = k, t.shadowBlur = I * 2 * N, t.shadowOffsetX = 0, t.shadowOffsetY = 0;
+      t.shadowColor = k, t.shadowBlur = M * 2 * N, t.shadowOffsetX = 0, t.shadowOffsetY = 0;
     }
     if (b) {
       const G = e.listBackgroundColor || "rgba(31, 41, 55, 0.4)", N = this.createCanvasFill(t, G, s, n);
@@ -5193,49 +5206,49 @@ class ci {
       const J = e.listLayout || "linear", x = J === "circular" ? d : h === "vertical" ? s : d, F = J === "circular" || h === "vertical" ? c : n;
       let j = 0, X = 0, tt = 0;
       if (J === "circular") {
-        const St = l.length || 1, Xt = Math.PI * 2 / St, le = e.circularStartAngle || 0, he = e.circularRadius || 100, et = u * 0.01 + le * Math.PI / 180, mt = N * Xt + et, Rt = a + s / 2, Et = r + n / 2;
-        j = Rt + Math.cos(mt) * he - x / 2, X = Et + Math.sin(mt) * he - F / 2, tt = mt + (e.itemRotation || 0) * Math.PI / 180;
+        const St = l.length || 1, Xt = Math.PI * 2 / St, le = e.circularStartAngle || 0, he = e.circularRadius || 100, et = u * 0.01 + le * Math.PI / 180, mt = N * Xt + et, Ot = a + s / 2, _t = r + n / 2;
+        j = Ot + Math.cos(mt) * he - x / 2, X = _t + Math.sin(mt) * he - F / 2, tt = mt + (e.itemRotation || 0) * Math.PI / 180;
       } else
         j = h === "vertical" ? a : _, X = h === "vertical" ? _ : r, tt = (e.itemRotation || 0) * Math.PI / 180;
-      const R = C === N, O = w === N, D = O && e.activeItemShape ? e.activeItemShape : e.itemShape || "rectangle", q = O && e.activeItemShape ? e.activeItemPath : e.itemPath || "", ot = e.itemCornerRadius || 0;
-      if (t.save(), tt !== 0 && (t.translate(j + x / 2, X + F / 2), t.rotate(tt), t.translate(-(j + x / 2), -(X + F / 2))), O) {
+      const O = C === N, R = w === N, D = R && e.activeItemShape ? e.activeItemShape : e.itemShape || "rectangle", q = R && e.activeItemShape ? e.activeItemPath : e.itemPath || "", ot = e.itemCornerRadius || 0;
+      if (t.save(), tt !== 0 && (t.translate(j + x / 2, X + F / 2), t.rotate(tt), t.translate(-(j + x / 2), -(X + F / 2))), R) {
         const St = this.createCanvasFill(t, m, x, F);
         t.fillStyle = St || m;
         const Xt = t.globalAlpha;
         t.globalAlpha = Xt * 0.8, t.beginPath(), this.drawCustomShape(t, D, q, j, X, x, F, ot) || (t.rect(j, X, x, F), t.fill()), t.globalAlpha = Xt;
-      } else if (R)
+      } else if (O)
         t.fillStyle = b ? "rgba(255, 255, 255, 0.1)" : "rgba(0, 0, 0, 0.05)", t.beginPath(), this.drawCustomShape(t, D, q, j, X, x, F, ot) || (t.rect(j, X, x, F), t.fill());
       else if (S !== "transparent") {
         const St = this.createCanvasFill(t, S, x, F);
         t.fillStyle = St || S, t.beginPath(), this.drawCustomShape(t, D, q, j, X, x, F, ot) || (t.rect(j, X, x, F), t.fill());
       }
-      if (O || R) {
+      if (R || O) {
         const St = this.createCanvasFill(t, m, h === "vertical" ? 3 : x, h === "vertical" ? F : 3);
         t.fillStyle = St || m, h === "vertical" ? t.fillRect(j, X, 3, F) : t.fillRect(j, X + F - 3, x, 3);
       }
-      const yt = O ? "#ffffff" : b ? "rgba(255, 255, 255, 0.9)" : y;
-      t.fillStyle = yt, t.font = O || R ? "600 14px Inter, sans-serif" : "400 14px Inter, sans-serif";
-      const bt = typeof G == "string" ? G : (G == null ? void 0 : G.label) || `Item ${N + 1}`, gt = j + (h === "vertical" ? 16 : x / 2), Pt = X + F / 2;
+      const yt = R ? "#ffffff" : b ? "rgba(255, 255, 255, 0.9)" : y;
+      t.fillStyle = yt, t.font = R || O ? "600 14px Inter, sans-serif" : "400 14px Inter, sans-serif";
+      const bt = typeof G == "string" ? G : (G == null ? void 0 : G.label) || `Item ${N + 1}`, gt = j + (h === "vertical" ? 16 : x / 2), Et = X + F / 2;
       h === "horizontal" || J === "circular" ? t.textAlign = "center" : t.textAlign = "left";
       const It = J === "circular" ? j + x / 2 : gt;
-      t.fillText(bt, It, Pt), t.restore(), _ += (h === "vertical" ? c : d) + p;
+      t.fillText(bt, It, Et), t.restore(), _ += (h === "vertical" ? c : d) + p;
     }), t.restore(), e.showScrollbar !== !1) {
       const G = (l.length || 0) * (h === "vertical" ? c : d) + ((l.length || 0) - 1) * p, N = h === "vertical" ? n : s, J = e.listLayout || "linear", x = e.containerShape === "circle" || J === "circular";
       if (G > N || J === "circular" && l.length > 0) {
         const F = e.scrollbarColor || "rgba(255,255,255,0.3)", j = e.scrollbarWidth || 4;
         if (x) {
-          const X = Math.min(s, n) / 2 - j / 2 - 2, tt = a + s / 2, R = r + n / 2;
+          const X = Math.min(s, n) / 2 - j / 2 - 2, tt = a + s / 2, O = r + n / 2;
           if (t.strokeStyle = F, t.lineWidth = j, t.lineCap = "round", t.beginPath(), J === "circular") {
-            const O = Math.PI / 4, D = -(u * 0.01) - Math.PI / 2;
-            t.arc(tt, R, X, D, D + O);
+            const R = Math.PI / 4, D = -(u * 0.01) - Math.PI / 2;
+            t.arc(tt, O, X, D, D + R);
           } else {
-            const O = Math.PI / 2, D = N / G, q = O * D, ot = -u / G * O, bt = -Math.PI / 4 + ot;
-            t.arc(tt, R, X, bt, bt + q);
+            const R = Math.PI / 2, D = N / G, q = R * D, ot = -u / G * R, bt = -Math.PI / 4 + ot;
+            t.arc(tt, O, X, bt, bt + q);
           }
           t.stroke();
         } else {
-          const X = N / G, tt = N * X, R = -u / G * N;
-          t.fillStyle = F, h === "vertical" ? t.fillRect(a + s - j - 2, r + R, j, tt) : t.fillRect(a + R, r + n - j - 2, tt, j);
+          const X = N / G, tt = N * X, O = -u / G * N;
+          t.fillStyle = F, h === "vertical" ? t.fillRect(a + s - j - 2, r + O, j, tt) : t.fillRect(a + O, r + n - j - 2, tt, j);
         }
       }
     }
@@ -5276,19 +5289,19 @@ class ci {
     var z, Y;
     const e = t.options || {}, s = this.objectStates.get(t.id) || {}, n = e.items || [];
     if (n.length === 0) return null;
-    const a = s.width !== void 0 ? s.width : ((z = t.geometry) == null ? void 0 : z.width) || 200, r = s.height !== void 0 ? s.height : ((Y = t.geometry) == null ? void 0 : Y.height) || 300, f = e.orientation || "vertical", h = e.itemGap ?? 10, l = e.itemHeight ?? 50, p = e.itemWidth ?? 200, c = e.scrollOffset ?? 0, d = e.padding ?? 0, u = this.getWorldTransform(t.id), v = i - u.x, b = o - u.y, m = -u.rotation * (Math.PI / 180), y = Math.cos(m), S = Math.sin(m), C = v * y - b * S, w = v * S + b * y, I = -a / 2, M = -r / 2, k = typeof d == "number" ? d : f === "vertical" ? d[0] : d[3];
-    let T = (f === "vertical" ? M : I) + c + k;
+    const a = s.width !== void 0 ? s.width : ((z = t.geometry) == null ? void 0 : z.width) || 200, r = s.height !== void 0 ? s.height : ((Y = t.geometry) == null ? void 0 : Y.height) || 300, f = e.orientation || "vertical", h = e.itemGap ?? 10, l = e.itemHeight ?? 50, p = e.itemWidth ?? 200, c = e.scrollOffset ?? 0, d = e.padding ?? 0, u = this.getWorldTransform(t.id), v = i - u.x, b = o - u.y, m = -u.rotation * (Math.PI / 180), y = Math.cos(m), S = Math.sin(m), C = v * y - b * S, w = v * S + b * y, M = -a / 2, I = -r / 2, k = typeof d == "number" ? d : f === "vertical" ? d[0] : d[3];
+    let T = (f === "vertical" ? I : M) + c + k;
     const L = e.listLayout || "linear", P = n.length || 1, _ = Math.PI * 2 / P, E = e.circularStartAngle || 0, A = e.circularRadius || 100, W = c * 0.01 + E * Math.PI / 180;
     for (let G = 0; G < n.length; G++) {
       const N = L === "circular" ? p : f === "vertical" ? a : p, J = L === "circular" || f === "vertical" ? l : r;
       let x = 0, F = 0, j = 0;
       if (L === "circular") {
-        const X = G * _ + W, tt = I + a / 2, R = M + r / 2;
-        x = tt + Math.cos(X) * A - N / 2, F = R + Math.sin(X) * A - J / 2, j = X + (e.itemRotation || 0) * Math.PI / 180;
+        const X = G * _ + W, tt = M + a / 2, O = I + r / 2;
+        x = tt + Math.cos(X) * A - N / 2, F = O + Math.sin(X) * A - J / 2, j = X + (e.itemRotation || 0) * Math.PI / 180;
       } else
-        x = f === "vertical" ? I : T, F = f === "vertical" ? T : M, j = (e.itemRotation || 0) * Math.PI / 180;
+        x = f === "vertical" ? M : T, F = f === "vertical" ? T : I, j = (e.itemRotation || 0) * Math.PI / 180;
       if (j !== 0) {
-        const X = x + N / 2, tt = F + J / 2, R = C - X, O = w - tt, D = -j, q = R * Math.cos(D) - O * Math.sin(D) + X, ot = R * Math.sin(D) + O * Math.cos(D) + tt;
+        const X = x + N / 2, tt = F + J / 2, O = C - X, R = w - tt, D = -j, q = O * Math.cos(D) - R * Math.sin(D) + X, ot = O * Math.sin(D) + R * Math.cos(D) + tt;
         if (q >= x && q <= x + N && ot >= F && ot <= F + J)
           return G;
       } else if (C >= x && C <= x + N && w >= F && w <= F + J)
@@ -5311,7 +5324,7 @@ class ci {
       if (!e.behaviors || e.behaviors.length === 0) return;
       const s = this.objectStates.get(e.id);
       s && e.behaviors.forEach((n) => {
-        var p, c, d, u, v, b, m, y, S, C, w, I, M, k, T, L, P, _, E, A, W, z, Y, G, N, J, x, F, j, X, tt, R, O, D, q, ot, yt, bt, gt, Pt, It, St, Xt, le, he, et, mt, Rt, Et, dt, Ot, zt, Wt, $t, Ht, ie, me, ye, Ut, Se, Pe, Ee, Ce, Ae, xe, se, jt, ft, pt, at, B, nt, Z, _t, xt, kt, At, Mt, $, Bt, Kt, te, Jt, ut, ct, Ct, rt, V, st, it, vt, Yt, Qt, ne, Dt, Nt, Vt, Ie, Le, Re, Oe, Fe, $e, Ye, Gt, oe, we, Be, We, de, ce, fe, ke, Xe, Ve, Ne, De, He;
+        var p, c, d, u, v, b, m, y, S, C, w, M, I, k, T, L, P, _, E, A, W, z, Y, G, N, J, x, F, j, X, tt, O, R, D, q, ot, yt, bt, gt, Et, It, St, Xt, le, he, et, mt, Ot, _t, dt, Ft, Dt, $t, Rt, Vt, ie, me, ye, Ut, Se, Pe, Ee, Ce, Ae, xe, se, jt, ft, pt, at, B, nt, Z, Pt, xt, kt, At, Mt, $, Wt, Kt, te, Jt, ut, ct, Ct, rt, V, st, it, vt, Yt, Qt, ne, Gt, Ht, Nt, Ie, Le, Oe, Re, Fe, $e, Ye, zt, oe, we, Be, We, de, ce, fe, ke, Xe, Ve, Ne, De, He;
         if (!n.enabled) return;
         const a = n.startTime || 0, r = n.endTime || 1 / 0;
         if (this.currentTime < a || this.currentTime > r) return;
@@ -5340,11 +5353,11 @@ class ci {
         } else if (n.type === U.Vortex) {
           const H = ((S = n.settings) == null ? void 0 : S.radius) || 400, Q = ((C = n.settings) == null ? void 0 : C.speed) || 2, K = ((w = n.settings) == null ? void 0 : w.strength) || 1;
           if (l < H) {
-            const ht = Math.pow(1 - l / H, 1.5), Tt = this.currentTime * Q * Math.PI * 2, Lt = Math.cos(Tt) * 30 - f * 0.4, Ft = Math.sin(Tt) * 30 - h * 0.4;
-            s.x += Lt * ht * K * t * 5, s.y += Ft * ht * K * t * 5, s.rotation += 5 * ht * K * t * 5, s.scale_x *= 1 - ht * 0.1 * K * t, s.scale_y *= 1 - ht * 0.1 * K * t;
+            const ht = Math.pow(1 - l / H, 1.5), Tt = this.currentTime * Q * Math.PI * 2, Lt = Math.cos(Tt) * 30 - f * 0.4, Bt = Math.sin(Tt) * 30 - h * 0.4;
+            s.x += Lt * ht * K * t * 5, s.y += Bt * ht * K * t * 5, s.rotation += 5 * ht * K * t * 5, s.scale_x *= 1 - ht * 0.1 * K * t, s.scale_y *= 1 - ht * 0.1 * K * t;
           }
         } else if (n.type === U.Fluid) {
-          const H = ((I = n.settings) == null ? void 0 : I.radius) || 300, Q = ((M = n.settings) == null ? void 0 : M.strength) || 1;
+          const H = ((M = n.settings) == null ? void 0 : M.radius) || 300, Q = ((I = n.settings) == null ? void 0 : I.strength) || 1;
           if (l < H) {
             const K = Math.pow(1 - l / H, 1.2), ht = f / (l || 1) * K * 1.2 * Q, Tt = h / (l || 1) * K * 1.2 * Q;
             s.x += ht * 10 * t * 5, s.y += Tt * 10 * t * 5, s.scale_x *= 1 + K * 0.3 * Q * t, s.scale_y *= 1 + K * 0.3 * Q * t;
@@ -5374,31 +5387,31 @@ class ci {
             s.scale_x *= 1 + K * 0.5 * Q * t, s.scale_y *= 1 + K * 0.5 * Q * t;
           }
         } else if (n.type === U.Parallax) {
-          const H = ((W = n.settings) == null ? void 0 : W.factor) || 15, Q = ((z = n.settings) == null ? void 0 : z.strength) || 1, K = this.canvasWidth / 2, ht = this.canvasHeight / 2, Tt = this._lastPointerPos || { x: K, y: ht }, Lt = (Tt.x - K) / K, Ft = (Tt.y - ht) / ht, ee = (((Y = e.transform) == null ? void 0 : Y.x) ?? 0) + Lt * H * Q, ue = (((G = e.transform) == null ? void 0 : G.y) ?? 0) + Ft * H * Q, Te = (((N = e.transform) == null ? void 0 : N.rotate_x) ?? 0) - Ft * H * 1.5 * Q, ae = (((J = e.transform) == null ? void 0 : J.rotate_y) ?? 0) + Lt * H * 1.5 * Q, be = Math.min(1, 10 * t);
+          const H = ((W = n.settings) == null ? void 0 : W.factor) || 15, Q = ((z = n.settings) == null ? void 0 : z.strength) || 1, K = this.canvasWidth / 2, ht = this.canvasHeight / 2, Tt = this._lastPointerPos || { x: K, y: ht }, Lt = (Tt.x - K) / K, Bt = (Tt.y - ht) / ht, ee = (((Y = e.transform) == null ? void 0 : Y.x) ?? 0) + Lt * H * Q, ue = (((G = e.transform) == null ? void 0 : G.y) ?? 0) + Bt * H * Q, Te = (((N = e.transform) == null ? void 0 : N.rotate_x) ?? 0) - Bt * H * 1.5 * Q, ae = (((J = e.transform) == null ? void 0 : J.rotate_y) ?? 0) + Lt * H * 1.5 * Q, be = Math.min(1, 10 * t);
           s.x = this.lerp(s.x ?? ((x = e.transform) == null ? void 0 : x.x) ?? 0, ee, be), s.y = this.lerp(s.y ?? ((F = e.transform) == null ? void 0 : F.y) ?? 0, ue, be), s.rotate_x = this.lerp(s.rotate_x ?? ((j = e.transform) == null ? void 0 : j.rotate_x) ?? 0, Te, be), s.rotate_y = this.lerp(s.rotate_y ?? ((X = e.transform) == null ? void 0 : X.rotate_y) ?? 0, ae, be);
         } else if (n.type === U.Fold) {
           if (l < 300) {
             const H = 1 - l / 300, Q = (f > 0 ? -1 : 1) * H * 10, K = 1 - H * 0.1, ht = h / 300 * H * 20, Tt = -(f / 300) * H * 20, Lt = Math.min(1, 10 * t);
-            s.skew_x = this.lerp(s.skew_x ?? ((tt = e.transform) == null ? void 0 : tt.skew_x) ?? 0, Q, Lt), s.scale_y = this.lerp(s.scale_y ?? ((R = e.transform) == null ? void 0 : R.scale_y) ?? 1, (((O = e.transform) == null ? void 0 : O.scale_y) ?? 1) * K, Lt), s.rotate_x = this.lerp(s.rotate_x ?? ((D = e.transform) == null ? void 0 : D.rotate_x) ?? 0, ht, Lt), s.rotate_y = this.lerp(s.rotate_y ?? ((q = e.transform) == null ? void 0 : q.rotate_y) ?? 0, Tt, Lt), s.style = s.style || { ...e.style }, s.style.artEffect = { enabled: !0, type: "fold_overlay", intensity: ((ot = n.settings) == null ? void 0 : ot.opacity) ?? 0.5 };
+            s.skew_x = this.lerp(s.skew_x ?? ((tt = e.transform) == null ? void 0 : tt.skew_x) ?? 0, Q, Lt), s.scale_y = this.lerp(s.scale_y ?? ((O = e.transform) == null ? void 0 : O.scale_y) ?? 1, (((R = e.transform) == null ? void 0 : R.scale_y) ?? 1) * K, Lt), s.rotate_x = this.lerp(s.rotate_x ?? ((D = e.transform) == null ? void 0 : D.rotate_x) ?? 0, ht, Lt), s.rotate_y = this.lerp(s.rotate_y ?? ((q = e.transform) == null ? void 0 : q.rotate_y) ?? 0, Tt, Lt), s.style = s.style || { ...e.style }, s.style.artEffect = { enabled: !0, type: "fold_overlay", intensity: ((ot = n.settings) == null ? void 0 : ot.opacity) ?? 0.5 };
           }
         } else if (n.type === U.Crumple) {
           if (l < 300) {
             const H = 1 - l / 300, Q = H * (Math.random() - 0.5) * 5, K = H * (Math.random() - 0.5) * 0.05, ht = Math.min(1, 15 * t);
-            s.skew_x = this.lerp(s.skew_x ?? ((yt = e.transform) == null ? void 0 : yt.skew_x) ?? 0, Q, ht), s.scale_x = this.lerp(s.scale_x ?? ((bt = e.transform) == null ? void 0 : bt.scale_x) ?? 1, (((gt = e.transform) == null ? void 0 : gt.scale_x) ?? 1) * (1 + K), ht), s.scale_y = this.lerp(s.scale_y ?? ((Pt = e.transform) == null ? void 0 : Pt.scale_y) ?? 1, (((It = e.transform) == null ? void 0 : It.scale_y) ?? 1) * (1 + K), ht), s.style = s.style || { ...e.style }, s.style.artEffect = { enabled: !0, type: "crumple_overlay", intensity: ((St = n.settings) == null ? void 0 : St.intensity) ?? 1, scale: ((Xt = n.settings) == null ? void 0 : Xt.scale) ?? 2 };
+            s.skew_x = this.lerp(s.skew_x ?? ((yt = e.transform) == null ? void 0 : yt.skew_x) ?? 0, Q, ht), s.scale_x = this.lerp(s.scale_x ?? ((bt = e.transform) == null ? void 0 : bt.scale_x) ?? 1, (((gt = e.transform) == null ? void 0 : gt.scale_x) ?? 1) * (1 + K), ht), s.scale_y = this.lerp(s.scale_y ?? ((Et = e.transform) == null ? void 0 : Et.scale_y) ?? 1, (((It = e.transform) == null ? void 0 : It.scale_y) ?? 1) * (1 + K), ht), s.style = s.style || { ...e.style }, s.style.artEffect = { enabled: !0, type: "crumple_overlay", intensity: ((St = n.settings) == null ? void 0 : St.intensity) ?? 1, scale: ((Xt = n.settings) == null ? void 0 : Xt.scale) ?? 2 };
           }
         } else if (n.type === U.Squash) {
           const H = ((le = n.settings) == null ? void 0 : le.strength) || 0.8;
-          l < (e.width || 100) && this.isMouseDown ? (s.scale_y = this.lerp(s.scale_y ?? 1, (((he = e.transform) == null ? void 0 : he.scale_y) ?? 1) * H, 0.3), s.scale_x = this.lerp(s.scale_x ?? 1, (((et = e.transform) == null ? void 0 : et.scale_x) ?? 1) * (1 + (1 - H) * 0.4), 0.3)) : (s.scale_y = this.lerp(s.scale_y ?? 1, ((mt = e.transform) == null ? void 0 : mt.scale_y) ?? 1, 0.2), s.scale_x = this.lerp(s.scale_x ?? 1, ((Rt = e.transform) == null ? void 0 : Rt.scale_x) ?? 1, 0.2));
+          l < (e.width || 100) && this.isMouseDown ? (s.scale_y = this.lerp(s.scale_y ?? 1, (((he = e.transform) == null ? void 0 : he.scale_y) ?? 1) * H, 0.3), s.scale_x = this.lerp(s.scale_x ?? 1, (((et = e.transform) == null ? void 0 : et.scale_x) ?? 1) * (1 + (1 - H) * 0.4), 0.3)) : (s.scale_y = this.lerp(s.scale_y ?? 1, ((mt = e.transform) == null ? void 0 : mt.scale_y) ?? 1, 0.2), s.scale_x = this.lerp(s.scale_x ?? 1, ((Ot = e.transform) == null ? void 0 : Ot.scale_x) ?? 1, 0.2));
         } else if (n.type === U.TextCounter) {
-          const H = ((Et = n.settings) == null ? void 0 : Et.duration) || 2, Q = ((dt = n.settings) == null ? void 0 : dt.from) || 0, K = ((Ot = n.settings) == null ? void 0 : Ot.to) || 100;
+          const H = ((_t = n.settings) == null ? void 0 : _t.duration) || 2, Q = ((dt = n.settings) == null ? void 0 : dt.from) || 0, K = ((Ft = n.settings) == null ? void 0 : Ft.to) || 100;
           n._runtimeStart === void 0 && (n._runtimeStart = this.currentTime);
           const ht = this.currentTime - n._runtimeStart, Tt = Math.min(1, ht / H), Lt = Math.floor(Q + (K - Q) * Tt);
-          if (((zt = e.geometry) == null ? void 0 : zt.type) === "Text") {
-            const Ft = ((Wt = n.settings) == null ? void 0 : Wt.prefix) || "", ee = (($t = n.settings) == null ? void 0 : $t.suffix) || "";
-            s.geometry || (s.geometry = { ...e.geometry }), s.geometry.text = `${Ft}${Lt}${ee}`;
+          if (((Dt = e.geometry) == null ? void 0 : Dt.type) === "Text") {
+            const Bt = (($t = n.settings) == null ? void 0 : $t.prefix) || "", ee = ((Rt = n.settings) == null ? void 0 : Rt.suffix) || "";
+            s.geometry || (s.geometry = { ...e.geometry }), s.geometry.text = `${Bt}${Lt}${ee}`;
           }
         } else if (n.type === U.Spotlight) {
-          const H = ((Ht = n.settings) == null ? void 0 : Ht.radius) || 250, Q = ((ie = n.settings) == null ? void 0 : ie.strength) || 1.5;
+          const H = ((Vt = n.settings) == null ? void 0 : Vt.radius) || 250, Q = ((ie = n.settings) == null ? void 0 : ie.strength) || 1.5;
           if (l < H) {
             const K = Math.pow(1 - l / H, 2);
             s.style || (s.style = { ...e.style }), s.style.adjustments || (s.style.adjustments = { ...(me = e.style) == null ? void 0 : me.adjustments }), s.style.adjustments.exposure = (((Ut = (ye = e.style) == null ? void 0 : ye.adjustments) == null ? void 0 : Ut.exposure) || 0) + K * Q * 50;
@@ -5417,13 +5430,13 @@ class ci {
             this.applyBehaviorSensor(s, Zt.PositionX, ht * K, t, n.settings), this.applyBehaviorSensor(s, Zt.PositionY, ht * K, t, n.settings);
           }
         } else if (n.type === U.Scroll) {
-          const H = ((Z = n.settings) == null ? void 0 : Z.axis) || "vertical", Q = ((_t = n.settings) == null ? void 0 : _t.factor) || 0.5, K = ((xt = n.settings) == null ? void 0 : xt.strength) || 1, ht = ((kt = n.settings) == null ? void 0 : kt.scaleFactor) || 0;
+          const H = ((Z = n.settings) == null ? void 0 : Z.axis) || "vertical", Q = ((Pt = n.settings) == null ? void 0 : Pt.factor) || 0.5, K = ((xt = n.settings) == null ? void 0 : xt.strength) || 1, ht = ((kt = n.settings) == null ? void 0 : kt.scaleFactor) || 0;
           (H === "vertical" || H === "both") && (s.y += this.scrollOffset.y * Q * K * t), (H === "horizontal" || H === "both") && (s.x += this.scrollOffset.x * Q * K * t), ht !== 0 && (s.scale_x *= 1 + this.scrollOffset.y * ht * t, s.scale_y *= 1 + this.scrollOffset.y * ht * t);
         } else if (n.type === U.LookAt) {
           const H = ((At = n.settings) == null ? void 0 : At.factor) || 1, Q = ((Mt = n.settings) == null ? void 0 : Mt.strength) || 1, K = Math.atan2(-h, -f) * (180 / Math.PI), ht = s.rotation, Tt = (K - ht + 180) % 360 - 180;
           s.rotation += Tt * H * Q * t * 10;
         } else if (n.type === U.Scan) {
-          const H = ((($ = n.settings) == null ? void 0 : $.speed) || 1) * 4e-3, Q = ((Bt = n.settings) == null ? void 0 : Bt.strength) || 1, K = (Math.sin(Date.now() * H) + 1) / 2;
+          const H = ((($ = n.settings) == null ? void 0 : $.speed) || 1) * 4e-3, Q = ((Wt = n.settings) == null ? void 0 : Wt.strength) || 1, K = (Math.sin(Date.now() * H) + 1) / 2;
           s.style && (s.style.exposure = (s.style.exposure || 1) + K * Q * t * 5), s.x += (K - 0.5) * 20 * Q * t;
         } else if (n.type === U.Glint)
           s.style = s.style || { ...e.style }, s.style.artEffect = {
@@ -5462,14 +5475,14 @@ class ci {
           } else
             s.skew_x = this.lerp(s.skew_x || 0, ((ne = e.transform) == null ? void 0 : ne.skew_x) || 0, 0.05);
         } else if (n.type === U.Lens) {
-          const H = ((Dt = n.settings) == null ? void 0 : Dt.radius) || 200, Q = ((Nt = n.settings) == null ? void 0 : Nt.strength) || 0.5;
+          const H = ((Gt = n.settings) == null ? void 0 : Gt.radius) || 200, Q = ((Ht = n.settings) == null ? void 0 : Ht.strength) || 0.5;
           if (l < H) {
             const K = Math.pow(1 - l / H, 2);
-            s.scale_x = this.lerp(s.scale_x ?? 1, (((Vt = e.transform) == null ? void 0 : Vt.scale_x) ?? 1) * (1 + K * Q), 0.2), s.scale_y = this.lerp(s.scale_y ?? 1, (((Ie = e.transform) == null ? void 0 : Ie.scale_y) ?? 1) * (1 + K * Q), 0.2);
+            s.scale_x = this.lerp(s.scale_x ?? 1, (((Nt = e.transform) == null ? void 0 : Nt.scale_x) ?? 1) * (1 + K * Q), 0.2), s.scale_y = this.lerp(s.scale_y ?? 1, (((Ie = e.transform) == null ? void 0 : Ie.scale_y) ?? 1) * (1 + K * Q), 0.2);
           } else
-            s.scale_x = this.lerp(s.scale_x ?? 1, ((Le = e.transform) == null ? void 0 : Le.scale_x) ?? 1, 0.1), s.scale_y = this.lerp(s.scale_y ?? 1, ((Re = e.transform) == null ? void 0 : Re.scale_y) ?? 1, 0.1);
+            s.scale_x = this.lerp(s.scale_x ?? 1, ((Le = e.transform) == null ? void 0 : Le.scale_x) ?? 1, 0.1), s.scale_y = this.lerp(s.scale_y ?? 1, ((Oe = e.transform) == null ? void 0 : Oe.scale_y) ?? 1, 0.1);
         } else if (n.type === U.LayoutAnimation) {
-          const H = ((Oe = n.settings) == null ? void 0 : Oe.watchProperties) || ["x", "y", "scale_x", "scale_y", "opacity", "rotation"], Q = ((Fe = n.settings) == null ? void 0 : Fe.duration) || 0.3;
+          const H = ((Re = n.settings) == null ? void 0 : Re.watchProperties) || ["x", "y", "scale_x", "scale_y", "opacity", "rotation"], Q = ((Fe = n.settings) == null ? void 0 : Fe.duration) || 0.3;
           this._layoutAnimCache.has(e.id) || this._layoutAnimCache.set(e.id, /* @__PURE__ */ new Map());
           const K = this._layoutAnimCache.get(e.id);
           for (const ht of H) {
@@ -5492,15 +5505,15 @@ class ci {
                 duration: (($e = n.settings) == null ? void 0 : $e.duration) ?? Q
               });
             }
-            const Ft = K.get(ht);
-            if (Ft.duration > 0 && Ft.from !== Ft.to) {
-              const ee = this.currentTime - Ft.startTime, ue = Math.min(1, ee / Ft.duration), Te = this.applyEasing(ue, ((Ye = n.settings) == null ? void 0 : Ye.easing) || "easeOutCubic"), ae = Ft.from + (Ft.to - Ft.from) * Te;
+            const Bt = K.get(ht);
+            if (Bt.duration > 0 && Bt.from !== Bt.to) {
+              const ee = this.currentTime - Bt.startTime, ue = Math.min(1, ee / Bt.duration), Te = this.applyEasing(ue, ((Ye = n.settings) == null ? void 0 : Ye.easing) || "easeOutCubic"), ae = Bt.from + (Bt.to - Bt.from) * Te;
               this.setObjectProperty(s, e, ht, ae);
             }
           }
         } else if (n.type === U.StateReactive) {
           this._layoutAnimCache.has(e.id) || this._layoutAnimCache.set(e.id, /* @__PURE__ */ new Map());
-          const H = this._layoutAnimCache.get(e.id), Q = ((Gt = n.settings) == null ? void 0 : Gt.defaultDuration) || 0.3, K = [
+          const H = this._layoutAnimCache.get(e.id), Q = ((zt = n.settings) == null ? void 0 : zt.defaultDuration) || 0.3, K = [
             "x",
             "y",
             "scale_x",
@@ -5535,9 +5548,9 @@ class ci {
                 duration: Q
               });
             }
-            const Ft = H.get(ht);
-            if (Ft.duration > 0 && Ft.from !== Ft.to) {
-              const ee = this.currentTime - Ft.startTime, ue = Math.min(1, ee / Ft.duration), Te = this.applyEasing(ue, ((oe = n.settings) == null ? void 0 : oe.defaultEasing) || "easeOutCubic"), ae = Ft.from + (Ft.to - Ft.from) * Te;
+            const Bt = H.get(ht);
+            if (Bt.duration > 0 && Bt.from !== Bt.to) {
+              const ee = this.currentTime - Bt.startTime, ue = Math.min(1, ee / Bt.duration), Te = this.applyEasing(ue, ((oe = n.settings) == null ? void 0 : oe.defaultEasing) || "easeOutCubic"), ae = Bt.from + (Bt.to - Bt.from) * Te;
               this.setObjectProperty(s, e, ht, ae);
             }
           }
@@ -5563,7 +5576,7 @@ class ci {
             for (const Tt of H) {
               const Lt = K.get(Tt.targetId);
               if (!Lt) continue;
-              const Ft = Lt.x - ht.x, ee = Lt.y - ht.y, ue = Math.sqrt(Ft * Ft + ee * ee) || 1e-3, ae = (ue - (Tt.restLength || 50)) * (Tt.stiffness || 0.8), be = Ft / ue * ae, Ue = ee / ue * ae;
+              const Bt = Lt.x - ht.x, ee = Lt.y - ht.y, ue = Math.sqrt(Bt * Bt + ee * ee) || 1e-3, ae = (ue - (Tt.restLength || 50)) * (Tt.stiffness || 0.8), be = Bt / ue * ae, Ue = ee / ue * ae;
               ht.vx += be * t * 10, ht.vy += Ue * t * 10, Lt.vx -= be * t * 10, Lt.vy -= Ue * t * 10, ht.vx *= 1 - Q * t * 10, ht.vy *= 1 - Q * t * 10, Lt.vx *= 1 - Q * t * 10, Lt.vy *= 1 - Q * t * 10;
               const pe = this.objectStates.get(Tt.targetId);
               pe && (pe.x += Lt.vx * t, pe.y += Lt.vy * t);
@@ -5571,13 +5584,13 @@ class ci {
             s.x += ht.vx * t, s.y += ht.vy * t;
           }
         } else if (n.type === U.ParticleEmitter) {
-          const H = ((We = n.settings) == null ? void 0 : We.rate) || 10, Q = ((de = n.settings) == null ? void 0 : de.speed) || 100, K = ((ce = n.settings) == null ? void 0 : ce.size) || 5, ht = ((fe = n.settings) == null ? void 0 : fe.lifetime) || 2, Tt = ((ke = n.settings) == null ? void 0 : ke.gravity) || 0, Lt = ((Xe = n.settings) == null ? void 0 : Xe.color) || "#ffffff", Ft = ((Ve = n.settings) == null ? void 0 : Ve.maxParticles) || 200, ee = (Ne = n.settings) != null && Ne.rateInputId ? this.inputs.get(n.settings.rateInputId) ?? H : H, ue = (De = n.settings) != null && De.gravityInputId ? this.inputs.get(n.settings.gravityInputId) ?? Tt : Tt, Te = (He = n.settings) != null && He.speedInputId ? this.inputs.get(n.settings.speedInputId) ?? Q : Q;
+          const H = ((We = n.settings) == null ? void 0 : We.rate) || 10, Q = ((de = n.settings) == null ? void 0 : de.speed) || 100, K = ((ce = n.settings) == null ? void 0 : ce.size) || 5, ht = ((fe = n.settings) == null ? void 0 : fe.lifetime) || 2, Tt = ((ke = n.settings) == null ? void 0 : ke.gravity) || 0, Lt = ((Xe = n.settings) == null ? void 0 : Xe.color) || "#ffffff", Bt = ((Ve = n.settings) == null ? void 0 : Ve.maxParticles) || 200, ee = (Ne = n.settings) != null && Ne.rateInputId ? this.inputs.get(n.settings.rateInputId) ?? H : H, ue = (De = n.settings) != null && De.gravityInputId ? this.inputs.get(n.settings.gravityInputId) ?? Tt : Tt, Te = (He = n.settings) != null && He.speedInputId ? this.inputs.get(n.settings.speedInputId) ?? Q : Q;
           this._emitterPools.has(e.id) || this._emitterPools.set(e.id, []);
           const ae = this._emitterPools.get(e.id);
           let be = 0;
           n._pendingBurst && n._pendingBurst > 0 && (be = n._pendingBurst, n._pendingBurst = 0);
           const Ue = Math.floor(ee * t) + (be || 0);
-          for (let pe = 0; pe < Math.min(Ue, Ft - ae.length); pe++) {
+          for (let pe = 0; pe < Math.min(Ue, Bt - ae.length); pe++) {
             const re = Math.random() * Math.PI * 2, ss = Te * (0.5 + Math.random() * 0.5);
             ae.push({
               x: s.x,
@@ -5600,7 +5613,7 @@ class ci {
     });
   }
   applyBehaviorSensor(t, i, o, e, s, n, a = 0, r = 0, f = 1) {
-    var d, u, v, b, m, y, S, C, w, I, M, k, T, L, P, _, E, A, W, z, Y, G, N, J;
+    var d, u, v, b, m, y, S, C, w, M, I, k, T, L, P, _, E, A, W, z, Y, G, N, J;
     const h = (s == null ? void 0 : s.intensity) || (s == null ? void 0 : s.strength) || 1, l = Math.min(1, 15 * e), p = f > 0 ? a / f : 0, c = f > 0 ? r / f : 0;
     switch (i) {
       case Zt.Scale: {
@@ -5644,8 +5657,8 @@ class ci {
         break;
       }
       case Zt.Blur: {
-        t.style || (t.style = { ...n == null ? void 0 : n.style }), t.style.blur || (t.style.blur = { ...(I = n == null ? void 0 : n.style) == null ? void 0 : I.blur });
-        const x = ((k = (M = n == null ? void 0 : n.style) == null ? void 0 : M.blur) == null ? void 0 : k.amount) || 0, F = x + o * ((s == null ? void 0 : s.blur) || 20) * h;
+        t.style || (t.style = { ...n == null ? void 0 : n.style }), t.style.blur || (t.style.blur = { ...(M = n == null ? void 0 : n.style) == null ? void 0 : M.blur });
+        const x = ((k = (I = n == null ? void 0 : n.style) == null ? void 0 : I.blur) == null ? void 0 : k.amount) || 0, F = x + o * ((s == null ? void 0 : s.blur) || 20) * h;
         t.style.blur.amount = (t.style.blur.amount ?? x) * (1 - l) + F * l;
         break;
       }
@@ -5785,8 +5798,8 @@ const yi = Ss(({
   scrollY: S,
   scrollX: C,
   mouseX: w,
-  mouseY: I,
-  isMouseDown: M,
+  mouseY: M,
+  isMouseDown: I,
   inputs: k,
   interactive: T = !0,
   onNavigation: L
@@ -5799,98 +5812,98 @@ const yi = Ss(({
   }), []), ve(() => {
     E.current.setLayout(e, s);
   }, [e, s]), ve(() => {
-    const R = E.current;
-    a && R.setTriggerCallback(a), r && R.setInputUpdateCallback((O, D) => r({ [O]: D })), f && R.setComponentChangeCallback((O) => f(O)), h && R.setToggleCallback(h), l && R.setInputChangeCallback(l), p && R.setInputFocusCallback(p), c && R.setInputBlurCallback(c), d && R.setOnLogCallback((O) => d(O, "info")), u && R.setLogicUpdateCallback(u), v && R.setButtonClickCallback(v), b && R.setGraphPointClickCallback((O) => b(O.objectId, O)), L && R.setNavigationCallback(L);
+    const O = E.current;
+    a && O.setTriggerCallback(a), r && O.setInputUpdateCallback((R, D) => r({ [R]: D })), f && O.setComponentChangeCallback((R) => f(R)), h && O.setToggleCallback(h), l && O.setInputChangeCallback(l), p && O.setInputFocusCallback(p), c && O.setInputBlurCallback(c), d && O.setOnLogCallback((R) => d(R, "info")), u && O.setLogicUpdateCallback(u), v && O.setButtonClickCallback(v), b && O.setGraphPointClickCallback((R) => b(R.objectId, R)), L && O.setNavigationCallback(L);
   }, [a, r, f, h, l, p, c, d, u, v, b, L]), ve(() => {
     (async () => {
-      let O = g;
+      let R = g;
       if (t && !g)
         try {
-          t.startsWith("{") ? O = JSON.parse(t) : O = await (await fetch(t)).json();
+          t.startsWith("{") ? R = JSON.parse(t) : R = await (await fetch(t)).json();
         } catch (D) {
           console.error("[ExodeUI] Failed to load src:", D);
         }
-      if (O) {
-        const D = E.current, q = O.id || O.name || "default";
-        (z.current !== q || Y.current !== y || G.current !== O) && (D.load(O), z.current = q, Y.current = y, G.current = O, N(O), W.current = 0, D.advance(0)), n && n(D);
+      if (R) {
+        const D = E.current, q = R.id || R.name || "default";
+        (z.current !== q || Y.current !== y || G.current !== R) && (D.load(R), z.current = q, Y.current = y, G.current = R, N(R), W.current = 0, D.advance(0)), n && n(D);
       }
     })();
   }, [g, t, y]), ve(() => {
-    const R = (O) => {
+    const O = (R) => {
       if (!E.current || !J.current) return;
       const D = E.current, q = _.current;
       if (!q) return;
       const ot = q.getContext("2d");
       if (!ot) return;
-      const yt = O / 1e3;
+      const yt = R / 1e3;
       W.current === 0 && (W.current = yt);
       let bt = yt - W.current;
       bt > 0.1 && (bt = 0.1), W.current = yt;
-      const gt = q.getBoundingClientRect(), Pt = window.devicePixelRatio || 1, It = Math.round(gt.width * Pt), St = Math.round(gt.height * Pt);
+      const gt = q.getBoundingClientRect(), Et = window.devicePixelRatio || 1, It = Math.round(gt.width * Et), St = Math.round(gt.height * Et);
       (q.width !== It || q.height !== St) && (q.width = It, q.height = St);
       try {
         o ? D.advance(bt) : m !== void 0 && D.seek(m), D.render(ot, q.width, q.height);
       } catch (Xt) {
         console.error("[ExodeUICanvas] Error in animation loop:", Xt), d && d(`[Error] Animation loop crashed: ${Xt}`, "error");
       }
-      A.current = requestAnimationFrame(R);
+      A.current = requestAnimationFrame(O);
     };
-    return A.current = requestAnimationFrame(R), () => {
+    return A.current = requestAnimationFrame(O), () => {
       A.current && cancelAnimationFrame(A.current);
     };
   }, [o, m]), ve(() => {
-    const R = E.current;
-    S !== void 0 && R.updateInput("scrollY", S), C !== void 0 && R.updateInput("scrollX", C), w !== void 0 && R.updateInput("mouseX", w), I !== void 0 && R.updateInput("mouseY", I), M !== void 0 && R.updateInput("isMouseDown", M), k && Object.entries(k).forEach(([O, D]) => R.updateInput(O, D));
-  }, [S, C, w, I, M, k]);
-  const x = (R, O) => {
+    const O = E.current;
+    S !== void 0 && O.updateInput("scrollY", S), C !== void 0 && O.updateInput("scrollX", C), w !== void 0 && O.updateInput("mouseX", w), M !== void 0 && O.updateInput("mouseY", M), I !== void 0 && O.updateInput("isMouseDown", I), k && Object.entries(k).forEach(([R, D]) => O.updateInput(R, D));
+  }, [S, C, w, M, I, k]);
+  const x = (O, R) => {
     if (!T || !_.current) return;
-    R.stopPropagation(), "nativeEvent" in R && R.nativeEvent && typeof R.nativeEvent.stopImmediatePropagation == "function" ? R.nativeEvent.stopImmediatePropagation() : typeof R.stopImmediatePropagation == "function" && R.stopImmediatePropagation();
-    const D = _.current, q = D.getBoundingClientRect(), ot = R.clientX - q.left, yt = R.clientY - q.top, bt = window.devicePixelRatio || 1;
-    (O === "click" || O === "down" || O === "up") && d && d(`[Canvas] Pointer ${O} at rect(${Math.round(ot)},${Math.round(yt)}) mapped to buffer(${Math.round(ot * bt)},${Math.round(yt * bt)})`, "info"), E.current.handlePointerInput(O, ot * bt, yt * bt, D.width, D.height);
+    O.stopPropagation(), "nativeEvent" in O && O.nativeEvent && typeof O.nativeEvent.stopImmediatePropagation == "function" ? O.nativeEvent.stopImmediatePropagation() : typeof O.stopImmediatePropagation == "function" && O.stopImmediatePropagation();
+    const D = _.current, q = D.getBoundingClientRect(), ot = O.clientX - q.left, yt = O.clientY - q.top, bt = window.devicePixelRatio || 1;
+    (R === "click" || R === "down" || R === "up") && d && d(`[Canvas] Pointer ${R} at rect(${Math.round(ot)},${Math.round(yt)}) mapped to buffer(${Math.round(ot * bt)},${Math.round(yt * bt)})`, "info"), E.current.handlePointerInput(R, ot * bt, yt * bt, D.width, D.height);
   };
   ve(() => {
     if (!T) return;
-    const R = (D) => {
+    const O = (D) => {
       var q, ot, yt;
       ((q = document.activeElement) == null ? void 0 : q.tagName) === "INPUT" || ((ot = document.activeElement) == null ? void 0 : ot.tagName) === "TEXTAREA" || (yt = E.current) == null || yt.handleKeyDown(D);
-    }, O = (D) => {
+    }, R = (D) => {
       var q, ot, yt;
       ((q = document.activeElement) == null ? void 0 : q.tagName) === "INPUT" || ((ot = document.activeElement) == null ? void 0 : ot.tagName) === "TEXTAREA" || (yt = E.current) == null || yt.handleKeyUp(D);
     };
-    return window.addEventListener("keydown", R), window.addEventListener("keyup", O), () => {
-      window.removeEventListener("keydown", R), window.removeEventListener("keyup", O);
+    return window.addEventListener("keydown", O), window.addEventListener("keyup", R), () => {
+      window.removeEventListener("keydown", O), window.removeEventListener("keyup", R);
     };
   }, [T]);
   const [F, j] = Qe([]);
   ve(() => {
     if (g && g.objects) {
-      const R = g.objects.filter((O) => {
+      const O = g.objects.filter((R) => {
         var D, q;
-        return O.type === "Joystick" && ((D = O.inputBinding) == null ? void 0 : D.type) === "keyboard" && ((q = O.inputBinding.keyboardConfig) == null ? void 0 : q.showVirtualKeyboard);
+        return R.type === "Joystick" && ((D = R.inputBinding) == null ? void 0 : D.type) === "keyboard" && ((q = R.inputBinding.keyboardConfig) == null ? void 0 : q.showVirtualKeyboard);
       });
-      j(R);
+      j(O);
     }
   }, [g]);
   const [, X] = Qe(0);
   ve(() => {
     if (F.length === 0) return;
-    let R;
-    const O = () => {
-      X((D) => D + 1), R = requestAnimationFrame(O);
+    let O;
+    const R = () => {
+      X((D) => D + 1), O = requestAnimationFrame(R);
     };
-    return R = requestAnimationFrame(O), () => cancelAnimationFrame(R);
+    return O = requestAnimationFrame(R), () => cancelAnimationFrame(O);
   }, [F.length]);
-  const tt = () => F.map((R) => {
-    const O = R.inputBinding.keyboardConfig, D = (gt) => {
+  const tt = () => F.map((O) => {
+    const R = O.inputBinding.keyboardConfig, D = (gt) => {
       var It;
-      const Pt = { key: gt, code: gt, preventDefault: () => {
+      const Et = { key: gt, code: gt, preventDefault: () => {
       } };
-      (It = E.current) == null || It.handleKeyDown(Pt);
+      (It = E.current) == null || It.handleKeyDown(Et);
     }, q = (gt) => {
       var It;
-      const Pt = { key: gt, code: gt, preventDefault: () => {
+      const Et = { key: gt, code: gt, preventDefault: () => {
       } };
-      (It = E.current) == null || It.handleKeyUp(Pt);
+      (It = E.current) == null || It.handleKeyUp(Et);
     }, ot = E.current, yt = (gt) => ot && ot.activeKeys ? ot.activeKeys.has(gt.toLowerCase()) : !1, bt = (gt) => ({
       width: "50px",
       height: "50px",
@@ -5923,90 +5936,90 @@ const yi = Ss(({
       /* @__PURE__ */ ge(
         "div",
         {
-          style: bt(yt(O.upKey)),
-          onMouseDown: () => D(O.upKey),
-          onMouseUp: () => q(O.upKey),
-          onMouseLeave: () => q(O.upKey),
+          style: bt(yt(R.upKey)),
+          onMouseDown: () => D(R.upKey),
+          onMouseUp: () => q(R.upKey),
+          onMouseLeave: () => q(R.upKey),
           onTouchStart: (gt) => {
-            gt.preventDefault(), D(O.upKey);
+            gt.preventDefault(), D(R.upKey);
           },
           onTouchEnd: (gt) => {
-            gt.preventDefault(), q(O.upKey);
+            gt.preventDefault(), q(R.upKey);
           },
-          children: O.upKey.toUpperCase()
+          children: R.upKey.toUpperCase()
         }
       ),
       /* @__PURE__ */ Je("div", { style: { display: "flex", gap: "8px" }, children: [
         /* @__PURE__ */ ge(
           "div",
           {
-            style: bt(yt(O.leftKey)),
-            onMouseDown: () => D(O.leftKey),
-            onMouseUp: () => q(O.leftKey),
-            onMouseLeave: () => q(O.leftKey),
+            style: bt(yt(R.leftKey)),
+            onMouseDown: () => D(R.leftKey),
+            onMouseUp: () => q(R.leftKey),
+            onMouseLeave: () => q(R.leftKey),
             onTouchStart: (gt) => {
-              gt.preventDefault(), D(O.leftKey);
+              gt.preventDefault(), D(R.leftKey);
             },
             onTouchEnd: (gt) => {
-              gt.preventDefault(), q(O.leftKey);
+              gt.preventDefault(), q(R.leftKey);
             },
-            children: O.leftKey.toUpperCase()
+            children: R.leftKey.toUpperCase()
           }
         ),
         /* @__PURE__ */ ge(
           "div",
           {
-            style: bt(yt(O.downKey)),
-            onMouseDown: () => D(O.downKey),
-            onMouseUp: () => q(O.downKey),
-            onMouseLeave: () => q(O.downKey),
+            style: bt(yt(R.downKey)),
+            onMouseDown: () => D(R.downKey),
+            onMouseUp: () => q(R.downKey),
+            onMouseLeave: () => q(R.downKey),
             onTouchStart: (gt) => {
-              gt.preventDefault(), D(O.downKey);
+              gt.preventDefault(), D(R.downKey);
             },
             onTouchEnd: (gt) => {
-              gt.preventDefault(), q(O.downKey);
+              gt.preventDefault(), q(R.downKey);
             },
-            children: O.downKey.toUpperCase()
+            children: R.downKey.toUpperCase()
           }
         ),
         /* @__PURE__ */ ge(
           "div",
           {
-            style: bt(yt(O.rightKey)),
-            onMouseDown: () => D(O.rightKey),
-            onMouseUp: () => q(O.rightKey),
-            onMouseLeave: () => q(O.rightKey),
+            style: bt(yt(R.rightKey)),
+            onMouseDown: () => D(R.rightKey),
+            onMouseUp: () => q(R.rightKey),
+            onMouseLeave: () => q(R.rightKey),
             onTouchStart: (gt) => {
-              gt.preventDefault(), D(O.rightKey);
+              gt.preventDefault(), D(R.rightKey);
             },
             onTouchEnd: (gt) => {
-              gt.preventDefault(), q(O.rightKey);
+              gt.preventDefault(), q(R.rightKey);
             },
-            children: O.rightKey.toUpperCase()
+            children: R.rightKey.toUpperCase()
           }
         )
       ] })
-    ] }, R.id);
+    ] }, O.id);
   });
   return /* @__PURE__ */ Je("div", { style: { position: "relative", width: "100%", height: "100%" }, children: [
     /* @__PURE__ */ ge(
       "canvas",
       {
         ref: _,
-        onPointerDown: (R) => {
-          var O;
-          x(R, "down"), (O = _.current) == null || O.focus();
+        onPointerDown: (O) => {
+          var R;
+          x(O, "down"), (R = _.current) == null || R.focus();
         },
-        onPointerMove: (R) => x(R, "move"),
-        onPointerUp: (R) => x(R, "up"),
-        onPointerCancel: (R) => x(R, "up"),
-        onClick: (R) => x(R, "click"),
-        onWheel: (R) => {
-          E.current.handleWheel(R.deltaX, R.deltaY);
+        onPointerMove: (O) => x(O, "move"),
+        onPointerUp: (O) => x(O, "up"),
+        onPointerCancel: (O) => x(O, "up"),
+        onClick: (O) => x(O, "click"),
+        onWheel: (O) => {
+          E.current.handleWheel(O.deltaX, O.deltaY);
         },
-        onKeyDown: (R) => E.current.handleKeyDown(R.nativeEvent),
-        onKeyUp: (R) => E.current.handleKeyUp(R.nativeEvent),
-        onContextMenu: (R) => R.preventDefault(),
+        onKeyDown: (O) => E.current.handleKeyDown(O.nativeEvent),
+        onKeyUp: (O) => E.current.handleKeyUp(O.nativeEvent),
+        onContextMenu: (O) => O.preventDefault(),
         tabIndex: 0,
         style: {
           ...i,
@@ -6126,7 +6139,7 @@ const vi = ({ artboard: g, config: t }) => {
       ]
     }
   );
-}, fi = "6.3.35", hi = {
+}, fi = "6.3.37", hi = {
   version: fi
 }, Si = hi.version;
 export {