exodeui 6.3.41 → 6.3.43

package/dist/index.mjs

@@ -40,17 +40,17 @@ function ps(g) {
     lineHeight: n = 1.2,
     width: a = 200,
     letterSpacing: r = 0,
-    paragraphSpacing: h = 0,
+    paragraphSpacing: l = 0,
     paragraphIndent: f = 0,
-    textCase: l = "none",
-    segments: p = [],
+    textCase: h = "none",
+    segments: u = [],
     enableSegments: c = !1
   } = g;
   let d = String(t || "");
-  l === "uppercase" ? d = d.toUpperCase() : l === "lowercase" ? d = d.toLowerCase() : l === "capitalize" && (d = d.replace(/\b\w/g, (k) => k.toUpperCase())), g.hyphenation === !0 && (d = Ts(d));
-  const u = `${s} ${e} ${o}px "${i}", sans-serif`, v = `${d}|${u}|${r}|${h}|${f}|${c}|${JSON.stringify(p)}|hyp:${!!g.hyphenation}|comp:${g.composer}|bal:${!!g.balanceRaggedLines}`;
-  let b = Ge.get(v);
-  const m = typeof CanvasRenderingContext2D < "u" ? CanvasRenderingContext2D.prototype.measureText : null, y = function(k) {
+  h === "uppercase" ? d = d.toUpperCase() : h === "lowercase" ? d = d.toLowerCase() : h === "capitalize" && (d = d.replace(/\b\w/g, (k) => k.toUpperCase())), g.hyphenation === !0 && (d = Ts(d));
+  const p = `${s} ${e} ${o}px "${i}", sans-serif`, y = `${d}|${p}|${r}|${l}|${f}|${c}|${JSON.stringify(u)}|hyp:${!!g.hyphenation}|comp:${g.composer}|bal:${!!g.balanceRaggedLines}`;
+  let b = Ge.get(y);
+  const m = typeof CanvasRenderingContext2D < "u" ? CanvasRenderingContext2D.prototype.measureText : null, v = function(k) {
     if (!m) return { width: 0, fontBoundingBoxAscent: 0, fontBoundingBoxDescent: 0 };
     const T = m.call(this, k);
     return r !== 0 && k && k.length > 0 ? {
@@ -60,18 +60,18 @@ function ps(g) {
   };
   if (!b) {
     try {
-      if (r !== 0 && typeof CanvasRenderingContext2D < "u" && (CanvasRenderingContext2D.prototype.measureText = y), c && p && p.length > 0) {
-        const k = p.map((T) => {
+      if (r !== 0 && typeof CanvasRenderingContext2D < "u" && (CanvasRenderingContext2D.prototype.measureText = v), c && u && u.length > 0) {
+        const k = u.map((T) => {
           let R = T.text || "";
-          const P = T.textCase || l || "none";
+          const P = T.textCase || h || "none";
           return P === "uppercase" ? R.toUpperCase() : P === "lowercase" ? R.toLowerCase() : P === "capitalize" ? R.replace(/\b\w/g, (_) => _.toUpperCase()) : R;
         }).join("");
-        if (b = ts(k, u), b) {
+        if (b = ts(k, p), b) {
           let T = 0, R = o;
-          for (const P of p) {
+          for (const P of u) {
             let _ = P.text || "";
             if (!_) continue;
-            const E = P.textCase || l || "none";
+            const E = P.textCase || h || "none";
             E === "uppercase" ? _ = _.toUpperCase() : E === "lowercase" ? _ = _.toLowerCase() : E === "capitalize" && (_ = _.replace(/\b\w/g, (Y) => Y.toUpperCase()));
             const A = P.fontSize || o;
             A > R && (R = A);
@@ -95,8 +95,8 @@ function ps(g) {
           b.fullText = k, b.maxFontSize = R;
         }
       } else
-        b = ts(d, u);
-      b && Ge.set(v, b);
+        b = ts(d, p);
+      b && Ge.set(y, b);
     } catch (k) {
       return console.error("[ExodeUI] Pretext prepare failed:", k), { width: a, height: 0, lineCount: 0, lines: [] };
     } finally {
@@ -118,7 +118,7 @@ function ps(g) {
   }
   if (!b) return { width: a, height: 0, lineCount: 0, lines: [] };
   let S = n;
-  typeof S == "string" && (S = parseFloat(S)), S > 5 && o > 0 && (S = S / o), r !== 0 && (CanvasRenderingContext2D.prototype.measureText = y);
+  typeof S == "string" && (S = parseFloat(S)), S > 5 && o > 0 && (S = S / o), r !== 0 && (CanvasRenderingContext2D.prototype.measureText = v);
   let C;
   try {
     const k = b.maxFontSize || o;
@@ -136,12 +136,12 @@ function ps(g) {
     r !== 0 && m && (CanvasRenderingContext2D.prototype.measureText = m);
   }
   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 (h > 0 && C && C.lines && C.lines.length > 1) {
+  if (l > 0 && C && C.lines && C.lines.length > 1) {
     let k = 0;
     const T = b.fullText || t;
     for (let R = 0; R < C.lines.length - 1; R++)
       k += C.lines[R].text.length, (T[k] === `
-` || T[k] === "\r") && (w += h, k++, T[k - 1] === "\r" && T[k] === `
+` || T[k] === "\r") && (w += l, k++, T[k - 1] === "\r" && T[k] === `
 ` && k++);
   }
   let M = (C == null ? void 0 : C.lines) || [];
@@ -160,15 +160,15 @@ function is(g, t, i) {
   }
   const e = o.split(/\s+/).filter(Boolean), s = new Array(e.length).fill(0);
   let n = t - (e.length - 1) * i, a = 0;
-  if (e.forEach((r, h) => {
+  if (e.forEach((r, l) => {
     if (r.endsWith("px")) {
       const f = parseFloat(r);
-      s[h] = f, n -= f;
-    } else r.endsWith("fr") ? a += parseFloat(r) : r === "auto" && (s[h] = 100, n -= 100);
+      s[l] = f, n -= f;
+    } else r.endsWith("fr") ? a += parseFloat(r) : r === "auto" && (s[l] = 100, n -= 100);
   }), a > 0 && n > 0) {
     const r = n / a;
-    e.forEach((h, f) => {
-      h.endsWith("fr") && (s[f] = r * parseFloat(h));
+    e.forEach((l, f) => {
+      l.endsWith("fr") && (s[f] = r * parseFloat(l));
     });
   }
   return s;
@@ -183,7 +183,7 @@ function ns(g, t, i) {
 }
 function Es(g, t, i) {
   var _, E;
-  const o = g.autoLayout, { direction: e, spacing: s, padding: n, align: a, wrap: r } = o, h = e === "vertical", f = t.map((A) => {
+  const o = g.autoLayout, { direction: e, spacing: s, padding: n, align: a, wrap: r } = o, l = e === "vertical", f = t.map((A) => {
     const W = i(A.id), z = A.geometry;
     let Y = (W == null ? void 0 : W.width) ?? z.width ?? 100, G = (W == null ? void 0 : W.height) ?? z.height ?? 100;
     if (z.type === "Ellipse" || z.type === "Polygon" || z.type === "Star") {
@@ -209,48 +209,48 @@ function Es(g, t, i) {
     }
     return Y *= A.transform.scale_x || 1, G *= A.transform.scale_y || 1, { id: A.id, w: Y, h: G, original: A };
   });
-  let l = g.width, p = g.height;
-  const c = ((_ = g.layoutProps) == null ? void 0 : _.width) === "hug", d = ((E = g.layoutProps) == null ? void 0 : E.height) === "hug", u = [];
-  let v = [], b = 0, m = 0;
-  const y = l - n.left - n.right, S = p - n.top - n.bottom;
+  let h = g.width, u = g.height;
+  const c = ((_ = g.layoutProps) == null ? void 0 : _.width) === "hug", d = ((E = g.layoutProps) == null ? void 0 : E.height) === "hug", p = [];
+  let y = [], b = 0, m = 0;
+  const v = h - n.left - n.right, S = u - n.top - n.bottom;
   f.forEach((A) => {
-    r && v.length > 0 && (h ? 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), h ? (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 && !h && (l = Math.max(...u.map((A) => A.width), 0) + n.left + n.right), d && h && (p = Math.max(...u.map((A) => A.height), 0) + n.top + n.bottom);
+    r && y.length > 0 && (l ? m + s + A.h > S : b + s + A.w > v) ? (p.push({ children: y, width: b, height: m }), y = [A], b = A.w, m = A.h) : (y.push(A), l ? (b = Math.max(b, A.w), m += (y.length > 1 ? s : 0) + A.h) : (b += (y.length > 1 ? s : 0) + A.w, m = Math.max(m, A.h)));
+  }), y.length > 0 && p.push({ children: y, width: b, height: m }), c && !l && (h = Math.max(...p.map((A) => A.width), 0) + n.left + n.right), d && l && (u = Math.max(...p.map((A) => A.height), 0) + n.top + n.bottom);
   const C = [];
   let w = n.left, M = n.top;
   const I = a.toLowerCase(), k = I === "center" || I.endsWith("-center"), T = I.endsWith("-right"), R = I === "center" || I.startsWith("center-"), P = I.startsWith("bottom-");
-  return u.forEach((A) => {
+  return p.forEach((A) => {
     let W = w, z = M;
-    h ? R ? 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) => {
+    l ? R ? z = n.top + (u - n.top - n.bottom - A.height) / 2 : P && (z = u - n.bottom - A.height) : k ? W = n.left + (h - n.left - n.right - A.width) / 2 : T && (W = h - n.right - A.width), A.children.forEach((Y) => {
       var F, j;
       let G = W, N = z;
-      h ? k ? G += (A.width - Y.w) / 2 : T && (G += A.width - Y.w) : R ? N += (A.height - Y.h) / 2 : P && (N += A.height - Y.h);
+      l ? k ? G += (A.width - Y.w) / 2 : T && (G += A.width - Y.w) : R ? N += (A.height - Y.h) / 2 : P && (N += A.height - Y.h);
       const J = ((F = Y.original.layoutProps) == null ? void 0 : F.width) === "fill", x = ((j = Y.original.layoutProps) == null ? void 0 : j.height) === "fill";
       C.push({
         id: Y.id,
-        x: G + Y.w / 2 - l / 2,
-        y: N + Y.h / 2 - p / 2,
-        width: J && h ? A.width : void 0,
-        height: x ? h ? void 0 : A.height : void 0
-      }), h ? z += Y.h + s : W += Y.w + s;
-    }), h ? w += A.width + s : M += A.height + s;
-  }), { frameWidth: c ? l : void 0, frameHeight: d ? p : void 0, childUpdates: C };
+        x: G + Y.w / 2 - h / 2,
+        y: N + Y.h / 2 - u / 2,
+        width: J && l ? A.width : void 0,
+        height: x ? l ? void 0 : A.height : void 0
+      }), l ? z += Y.h + s : W += Y.w + s;
+    }), l ? w += A.width + s : M += A.height + s;
+  }), { frameWidth: c ? h : void 0, frameHeight: d ? u : void 0, childUpdates: C };
 }
 function As(g, t, i) {
   const o = g.autoLayout;
   if (!o) return { childUpdates: [] };
-  const { gridColumns: e, gridRows: s, columnGap: n = 0, rowGap: a = 0, padding: r, align: h } = o;
-  let f = g.width, l = g.height;
-  const p = f - 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, R) => T + R, 0) + (d.length - 1) * n : 0, b = u.length > 0 ? u.reduce((T, R) => T + R, 0) + (u.length - 1) * a : 0, m = h.toLowerCase(), y = m === "center" || m.endsWith("-center"), S = m.endsWith("-right"), C = m === "center" || m.startsWith("center-"), w = m.startsWith("bottom-");
+  const { gridColumns: e, gridRows: s, columnGap: n = 0, rowGap: a = 0, padding: r, align: l } = o;
+  let f = g.width, h = g.height;
+  const u = f - r.left - r.right, c = h - r.top - r.bottom, d = is(e || "1fr", u, n), p = is(s || "auto", c, a), y = d.length > 0 ? d.reduce((T, R) => T + R, 0) + (d.length - 1) * n : 0, b = p.length > 0 ? p.reduce((T, R) => T + R, 0) + (p.length - 1) * a : 0, m = l.toLowerCase(), v = m === "center" || m.endsWith("-center"), S = m.endsWith("-right"), C = m === "center" || m.startsWith("center-"), w = m.startsWith("bottom-");
   let M = 0, I = 0;
-  y ? M = (p - v) / 2 : S && (M = p - v), C ? I = (c - b) / 2 : w && (I = c - b);
+  v ? M = (u - y) / 2 : S && (M = u - y), C ? I = (c - b) / 2 : w && (I = c - b);
   const k = [];
   return t.forEach((T, R) => {
     var j, X;
     const P = R % d.length || 0, _ = Math.floor(R / d.length) || 0;
-    _ >= u.length && u.push(100);
-    const E = d[P], A = u[_];
-    let W = r.left + M + d.slice(0, P).reduce((tt, L) => tt + L + n, 0), z = r.top + I + u.slice(0, _).reduce((tt, L) => tt + L + a, 0);
+    _ >= p.length && p.push(100);
+    const E = d[P], A = p[_];
+    let W = r.left + M + d.slice(0, P).reduce((tt, L) => tt + L + n, 0), z = r.top + I + p.slice(0, _).reduce((tt, L) => tt + L + 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") {
@@ -259,10 +259,10 @@ function As(g, t, i) {
     }
     N *= T.transform.scale_x || 1, J *= T.transform.scale_y || 1;
     let x = W, F = z;
-    y ? x += (E - N) / 2 : S && (x += E - N), C ? F += (A - J) / 2 : w && (F += A - J), k.push({
+    v ? x += (E - N) / 2 : S && (x += E - N), C ? F += (A - J) / 2 : w && (F += A - J), k.push({
       id: T.id,
       x: x + N / 2 - f / 2,
-      y: F + J / 2 - l / 2,
+      y: F + J / 2 - h / 2,
       width: ((j = T.layoutProps) == null ? void 0 : j.width) === "fill" ? E : void 0,
       height: ((X = T.layoutProps) == null ? void 0 : X.height) === "fill" ? A : void 0
     });
@@ -404,8 +404,8 @@ class xs {
     const e = new qt.Vector2(t.anchorA.x, t.anchorA.y), s = new qt.Vector2(t.anchorB.x, t.anchorB.y);
     let n;
     if (t.type === "Distance") {
-      const a = t.length ?? 100, r = t.stiffness ?? 100, h = t.damping ?? 10;
-      n = qt.JointData.spring(a, r, h, e, s);
+      const a = t.length ?? 100, r = t.stiffness ?? 100, l = t.damping ?? 10;
+      n = qt.JointData.spring(a, r, l, e, s);
     } else
       n = qt.JointData.revolute(e, s);
     try {
@@ -431,17 +431,17 @@ const gs = (g) => g, Rs = (g) => g > 0 ? 1 : 0, Ls = (g) => g < 1 ? 0 : 1, os =
   const e = `${g},${t},${i},${o}`;
   if (es.has(e)) return es.get(e);
   const s = (f) => (1 - 3 * i + 3 * g) * f * f * f + (3 * i - 6 * g) * f * f + 3 * g * f, n = (f) => (1 - 3 * o + 3 * t) * f * f * f + (3 * o - 6 * t) * f * f + 3 * t * f, a = (f) => 3 * (1 - 3 * i + 3 * g) * f * f + 2 * (3 * i - 6 * g) * f + 3 * g, r = (f) => {
-    let l = f;
-    for (let p = 0; p < 8; p++) {
-      const c = s(l) - f;
-      if (Math.abs(c) < 1e-6) return l;
-      const d = a(l);
+    let h = f;
+    for (let u = 0; u < 8; u++) {
+      const c = s(h) - f;
+      if (Math.abs(c) < 1e-6) return h;
+      const d = a(h);
       if (Math.abs(d) < 1e-6) break;
-      l = l - c / d;
+      h = h - c / d;
     }
-    return l;
-  }, h = (f) => f === 0 ? 0 : f === 1 ? 1 : n(r(f));
-  return es.set(e, h), h;
+    return h;
+  }, l = (f) => f === 0 ? 0 : f === 1 ? 1 : n(r(f));
+  return es.set(e, l), l;
 }, cs = (g) => {
   const t = g.match(/cubic-bezier\s*\(\s*([-?\d.]+)\s*,\s*([-?\d.]+)\s*,\s*([-?\d.]+)\s*,\s*([-?\d.]+)\s*\)/);
   if (!t) return null;
@@ -572,9 +572,9 @@ const gs = (g) => g, Rs = (g) => g > 0 ? 1 : 0, Ls = (g) => g < 1 ? 0 : 1, os =
   }
 }, li = (g, t, i, o, e) => {
   if (!g || !t || !i) return g;
-  const s = o.scale_x ?? 1, n = o.scale_y ?? 1, a = (r, h, f) => {
-    let l = 0, p = 0;
-    const c = o.rotation * Math.PI / 180, d = Math.cos(c), u = Math.sin(c), v = r * s * d - h * n * u + o.x, b = r * s * u + h * n * d + o.y;
+  const s = o.scale_x ?? 1, n = o.scale_y ?? 1, a = (r, l, f) => {
+    let h = 0, u = 0;
+    const c = o.rotation * Math.PI / 180, d = Math.cos(c), p = Math.sin(c), y = r * s * d - l * n * p + o.x, b = r * s * p + l * n * d + o.y;
     f.forEach((I) => {
       const k = e(I.boneId);
       if (!k) return;
@@ -584,8 +584,8 @@ const gs = (g) => g, Rs = (g) => g > 0 ? 1 : 0, Ls = (g) => g < 1 ? 0 : 1, os =
         rotation: k.rotation,
         scaleX: k.scale_x ?? 1,
         scaleY: k.scale_y ?? 1
-      }, R = i[I.boneId] || [1, 0, 0, 1, 0, 0], P = v * R[0] + b * R[2] + R[4], _ = v * R[1] + b * R[3] + R[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;
+      }, R = i[I.boneId] || [1, 0, 0, 1, 0, 0], P = y * R[0] + b * R[2] + R[4], _ = y * R[1] + b * R[3] + R[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;
+      h += z * I.amount, u += Y * I.amount;
     });
     const m = [...f].sort((I, k) => k.amount - I.amount);
     if (m.length >= 2 && m[0].amount > 0 && m[1].amount > 0) {
@@ -605,34 +605,34 @@ const gs = (g) => g, Rs = (g) => g > 0 ? 1 : 0, Ls = (g) => g < 1 ? 0 : 1, os =
               const ot = -x[2] / F, yt = x[0] / F, bt = Math.hypot(ot, yt), gt = I.length * bt;
               j = tt - gt * Math.sin(O), X = L + gt * Math.cos(O);
             }
-            const D = Math.hypot(v - j, b - X), q = Math.hypot(l - Y, p - G);
+            const D = Math.hypot(y - j, b - X), q = Math.hypot(h - Y, u - 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, Et = m[0].amount, It = m[1].amount, vt = Math.min(Et, It) * 2, Yt = 1 - Math.pow(1 - vt, 4);
-              l = l * (1 - Yt) + bt * Yt, p = p * (1 - Yt) + gt * Yt;
+              const ot = Math.max(q, 0.01), yt = Math.min(D / ot, 3), bt = Y + (h - Y) * yt, gt = G + (u - G) * yt, Et = m[0].amount, It = m[1].amount, vt = Math.min(Et, It) * 2, Yt = 1 - Math.pow(1 - vt, 4);
+              h = h * (1 - Yt) + bt * Yt, u = u * (1 - Yt) + gt * Yt;
             }
           }
         }
       }
     }
-    const y = o.rotation * Math.PI / 180, S = Math.cos(y), C = Math.sin(y), w = l - o.x, M = p - o.y;
+    const v = o.rotation * Math.PI / 180, S = Math.cos(v), C = Math.sin(v), w = h - o.x, M = u - o.y;
     return {
       x: (w * S + M * C) / s,
       y: (-w * C + M * S) / n
     };
   };
-  return g.map((r, h) => {
-    const f = t[h];
+  return g.map((r, l) => {
+    const f = t[l];
     if (!f || f.length === 0) return { ...r };
-    const l = { ...r, ...a(r.x, r.y, f) };
+    const h = { ...r, ...a(r.x, r.y, f) };
     if (r.in_x !== void 0 && r.in_y !== void 0) {
-      const p = a(r.in_x, r.in_y, f);
-      l.in_x = p.x, l.in_y = p.y;
+      const u = a(r.in_x, r.in_y, f);
+      h.in_x = u.x, h.in_y = u.y;
     }
     if (r.out_x !== void 0 && r.out_y !== void 0) {
-      const p = a(r.out_x, r.out_y, f);
-      l.out_x = p.x, l.out_y = p.y;
+      const u = a(r.out_x, r.out_y, f);
+      h.out_x = u.x, h.out_y = u.y;
     }
-    return l;
+    return h;
   });
 }, ds = {
   default: {
@@ -909,26 +909,26 @@ class ci {
   }
   svgPathToPoints(t) {
     const i = /([MLHVCSQTAZmlhvcsqtaz])([^MLHVCSQTAZmlhvcsqtaz]*)/g, o = /[-+]?(?:\d*\.\d+|\d+)(?:[eE][-+]?\d+)?/g, e = [];
-    let s = !1, n = 0, a = 0, r = 0, h = 0, f = 0, l = 0, p;
-    for (; (p = i.exec(t)) !== null; ) {
-      const c = p[1], d = (p[2].match(o) || []).map(parseFloat), u = c === c.toLowerCase(), v = c.toUpperCase();
+    let s = !1, n = 0, a = 0, r = 0, l = 0, f = 0, h = 0, u;
+    for (; (u = i.exec(t)) !== null; ) {
+      const c = u[1], d = (u[2].match(o) || []).map(parseFloat), p = c === c.toLowerCase(), y = c.toUpperCase();
       let b = 0;
       const m = (S) => {
         let C = d[b++];
-        return u && (C += S ? n : a), C;
-      }, y = () => ({ x: m(!0), y: m(!1) });
-      switch (v) {
+        return p && (C += S ? n : a), C;
+      }, v = () => ({ x: m(!0), y: m(!1) });
+      switch (y) {
         case "M": {
-          const S = y();
-          for (f = n = S.x, l = a = S.y, e.push({ x: n, y: a, in_x: n, in_y: a, out_x: n, out_y: a, moveTo: !0 }); b < d.length; ) {
-            const C = y();
+          const S = v();
+          for (f = n = S.x, h = a = S.y, e.push({ x: n, y: a, in_x: n, in_y: a, out_x: n, out_y: a, moveTo: !0 }); b < d.length; ) {
+            const C = v();
             n = C.x, a = C.y, e.push({ x: n, y: a, in_x: n, in_y: a, out_x: n, out_y: a });
           }
           break;
         }
         case "L":
           for (; b < d.length; ) {
-            const S = y();
+            const S = v();
             n = S.x, a = S.y, e.push({ x: n, y: a, in_x: n, in_y: a, out_x: n, out_y: a });
           }
           break;
@@ -942,42 +942,42 @@ class ci {
           break;
         case "C":
           for (; b < d.length; ) {
-            const S = y(), C = y(), w = y();
+            const S = v(), C = v(), w = v();
             if (e.length > 0) {
               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, h = C.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, l = C.y;
           }
           break;
         case "S":
           for (; b < d.length; ) {
-            const S = { x: 2 * n - r, y: 2 * a - h }, C = y(), w = y();
+            const S = { x: 2 * n - r, y: 2 * a - l }, C = v(), w = v();
             if (e.length > 0) {
               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, h = C.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, l = C.y;
           }
           break;
         case "Q":
           for (; b < d.length; ) {
-            const S = y(), C = y();
+            const S = v(), C = v();
             if (e.length > 0) {
               const w = e[e.length - 1];
               w.out_x = w.x + 2 / 3 * (S.x - w.x), w.out_y = w.y + 2 / 3 * (S.y - w.y);
             }
-            n = C.x, a = C.y, e.push({ x: n, y: a, in_x: n + 2 / 3 * (S.x - n), in_y: a + 2 / 3 * (S.y - a), out_x: n, out_y: a }), r = S.x, h = S.y;
+            n = C.x, a = C.y, e.push({ x: n, y: a, in_x: n + 2 / 3 * (S.x - n), in_y: a + 2 / 3 * (S.y - a), out_x: n, out_y: a }), r = S.x, l = S.y;
           }
           break;
         case "T":
           for (; b < d.length; ) {
-            const S = { x: 2 * n - r, y: 2 * a - h }, C = y();
+            const S = { x: 2 * n - r, y: 2 * a - l }, C = v();
             if (e.length > 0) {
               const w = e[e.length - 1];
               w.out_x = w.x + 2 / 3 * (S.x - w.x), w.out_y = w.y + 2 / 3 * (S.y - w.y);
             }
-            n = C.x, a = C.y, e.push({ x: n, y: a, in_x: n + 2 / 3 * (S.x - n), in_y: a + 2 / 3 * (S.y - a), out_x: n, out_y: a }), r = S.x, h = S.y;
+            n = C.x, a = C.y, e.push({ x: n, y: a, in_x: n + 2 / 3 * (S.x - n), in_y: a + 2 / 3 * (S.y - a), out_x: n, out_y: a }), r = S.x, l = S.y;
           }
           break;
         case "Z":
@@ -987,11 +987,11 @@ class ci {
             const C = [...e].reverse().find((w) => w.moveTo) || e[0];
             C && Math.hypot(C.x - S.x, C.y - S.y) < 0.1 && (C.in_x = S.in_x, C.in_y = S.in_y, e.pop(), e.length > 0 && (e[e.length - 1].closePath = !0));
           }
-          n = f, a = l;
+          n = f, a = h;
           break;
         default:
           if (d.length >= 2) {
-            const S = y();
+            const S = v();
             n = S.x, a = S.y, e.push({ x: n, y: a, in_x: n, in_y: a, out_x: n, out_y: a });
           }
           break;
@@ -1064,20 +1064,20 @@ class ci {
     if (!t) return;
     let i = this.decompressStrings(t);
     const o = [], e = /* @__PURE__ */ new Set(), s = (r) => {
-      r && r.forEach((h) => {
-        if (e.has(h.id)) return;
-        const f = { ...h }, l = f.childrenObjects || [];
-        e.add(f.id), o.push(f), s(l);
+      r && r.forEach((l) => {
+        if (e.has(l.id)) return;
+        const f = { ...l }, h = f.childrenObjects || [];
+        e.add(f.id), o.push(f), s(h);
       });
     };
     if (s(i.objects || []), o.length > (i.objects || []).length && this.log(`[Engine] Flattened artboard from ${(i.objects || []).length} to ${o.length} objects.`), i.objects = o, this.artboard = i, this.currentTime = 0, this.objectStates.clear(), this.log(`[ExodeUIEngine] Loading artboard: "${(n = this.artboard) == null ? void 0 : n.name}" with ${(a = this.artboard) == null ? void 0 : a.objects.length} objects`), this.artboard && this.artboard.objects) {
       const r = /* @__PURE__ */ new Map();
-      this.artboard.objects.forEach((h) => {
-        r.set(h.id, h), h.children || (h.children = []);
-      }), this.artboard.objects.forEach((h) => {
-        if (h.parentId) {
-          const f = r.get(h.parentId);
-          f && (f.children || (f.children = []), f.children.includes(h.id) || f.children.push(h.id));
+      this.artboard.objects.forEach((l) => {
+        r.set(l.id, l), l.children || (l.children = []);
+      }), this.artboard.objects.forEach((l) => {
+        if (l.parentId) {
+          const f = r.get(l.parentId);
+          f && (f.children || (f.children = []), f.children.includes(l.id) || f.children.push(l.id));
         }
       });
     }
@@ -1127,12 +1127,12 @@ class ci {
   reset() {
     if (!this.artboard) return;
     if (this.objectStates.clear(), this.objectVelocities.clear(), this.currentTime = 0, this.inputs.clear(), this.inputNameMap.clear(), this.layerStates.clear(), this.logicNodeValues.clear(), this.justFiredTriggers.clear(), this.inputs.set("mouseX", 0), this.inputs.set("mouseY", 0), this.inputs.set("scrollX", 0), this.inputs.set("scrollY", 0), this.inputs.set("isMouseDown", !1), this.physicsEngine && (this.physicsEngine.destroy(), this.physicsEngine = null), this._layoutAnimCache.clear(), this._springChainState.clear(), this._emitterPools.clear(), this.artboard.objects.forEach((i) => {
-      var n, a, r, h, f, l, p;
-      const o = i.width ?? ((n = i.geometry) == null ? void 0 : n.width) ?? 0, e = i.height ?? ((a = i.geometry) == null ? void 0 : a.height) ?? 0, s = i.cornerRadius ?? i.corner_radius ?? ((r = i.geometry) == null ? void 0 : r.corner_radius) ?? ((h = i.geometry) == null ? void 0 : h.cornerRadius) ?? 0;
+      var n, a, r, l, f, h, u;
+      const o = i.width ?? ((n = i.geometry) == null ? void 0 : n.width) ?? 0, e = i.height ?? ((a = i.geometry) == null ? void 0 : a.height) ?? 0, s = i.cornerRadius ?? i.corner_radius ?? ((r = i.geometry) == null ? void 0 : r.corner_radius) ?? ((l = i.geometry) == null ? void 0 : l.cornerRadius) ?? 0;
       this.objectStates.set(i.id, {
         ...i.transform || {},
         x: ((f = i.transform) == null ? void 0 : f.x) ?? i.x ?? 0,
-        y: ((l = i.transform) == null ? void 0 : l.y) ?? i.y ?? 0,
+        y: ((h = i.transform) == null ? void 0 : h.y) ?? i.y ?? 0,
         width: o,
         height: e,
         cornerRadius: s,
@@ -1141,7 +1141,7 @@ class ci {
         clipContent: i.clipContent ?? !1,
         autoLayout: i.autoLayout ? JSON.parse(JSON.stringify(i.autoLayout)) : void 0,
         layoutProps: i.layoutProps ? JSON.parse(JSON.stringify(i.layoutProps)) : void 0,
-        opacity: ((p = i.transform) == null ? void 0 : p.opacity) !== void 0 ? i.transform.opacity : i.opacity !== void 0 ? i.opacity : 100,
+        opacity: ((u = i.transform) == null ? void 0 : u.opacity) !== void 0 ? i.transform.opacity : i.opacity !== void 0 ? i.opacity : 100,
         visible: i.visible !== void 0 ? i.visible : i.isVisible !== void 0 ? i.isVisible : !0,
         blendMode: i.blendMode || "Normal",
         // We need to store style state to animate it
@@ -1168,14 +1168,14 @@ class ci {
           if ((s = e.physics) != null && s.enabled && e.type === "Shape") {
             const a = this.objectStates.get(e.id);
             if (!a) return;
-            const r = e.geometry.width || 100, h = e.geometry.height || 100;
+            const r = e.geometry.width || 100, l = e.geometry.height || 100;
             this.physicsEngine.createBody({
               id: e.id,
               type: ((n = e.geometry) == null ? void 0 : n.type) || "Rectangle",
               x: a.x,
               y: a.y,
               width: r,
-              height: h,
+              height: l,
               rotation: a.rotation * (Math.PI / 180),
               // Convert deg to rad
               isStatic: e.physics.bodyType === "Static",
@@ -1212,8 +1212,8 @@ class ci {
       n.forEach((a) => {
         const r = this.objectStates.get(a.id);
         if (r) {
-          const h = Math.abs(r.x - a.x), f = Math.abs(r.y - a.y);
-          !t && (h > 20 || f > 20) ? (r.x += (a.x - r.x) * o, r.y += (a.y - r.y) * o) : (r.x = a.x, r.y = a.y), a.width !== void 0 && (r.width = a.width), a.height !== void 0 && (r.height = a.height);
+          const l = Math.abs(r.x - a.x), f = Math.abs(r.y - a.y);
+          !t && (l > 20 || f > 20) ? (r.x += (a.x - r.x) * o, r.y += (a.y - r.y) * o) : (r.x = a.x, r.y = a.y), a.width !== void 0 && (r.width = a.width), a.height !== void 0 && (r.height = a.height);
         }
       });
     };
@@ -1224,10 +1224,10 @@ class ci {
     this.artboard.objects.forEach((n) => {
       var a;
       if (n.type === "Frame" && ((a = n.autoLayout) != null && a.enabled) && n.children && n.children.length > 0) {
-        const r = n.children.map((l) => i.get(l)).filter((l) => !!l), h = this.objectStates.get(n.id);
-        if (!h) return;
-        const f = ns(h, r, (l) => this.objectStates.get(l));
-        f.frameWidth !== void 0 && (h.width = f.frameWidth), f.frameHeight !== void 0 && (h.height = f.frameHeight), e(f.childUpdates);
+        const r = n.children.map((h) => i.get(h)).filter((h) => !!h), l = this.objectStates.get(n.id);
+        if (!l) return;
+        const f = ns(l, r, (h) => this.objectStates.get(h));
+        f.frameWidth !== void 0 && (l.width = f.frameWidth), f.frameHeight !== void 0 && (l.height = f.frameHeight), e(f.childUpdates);
       }
     });
   }
@@ -1278,21 +1278,21 @@ class ci {
       const a = this.activeStateMachine.layers.find((r) => r.name === t);
       if (a)
         for (const r of i) {
-          const h = a.states.find((f) => f.id === r);
-          if (h)
-            if (h.isBlendState && h.blendAnimations && h.blendAnimations.length > 0)
-              e.push({ animation: null, state: h }), h.blendAnimations.forEach((f) => {
-                const l = this.artboard.animations.find((p) => p.id === f.animationId);
-                l && (s = Math.max(s, l.duration));
+          const l = a.states.find((f) => f.id === r);
+          if (l)
+            if (l.isBlendState && l.blendAnimations && l.blendAnimations.length > 0)
+              e.push({ animation: null, state: l }), l.blendAnimations.forEach((f) => {
+                const h = this.artboard.animations.find((u) => u.id === f.animationId);
+                h && (s = Math.max(s, h.duration));
               });
             else {
               let f = null;
-              h.animationId && (f = this.artboard.animations.find((l) => l.id === h.animationId) || null), f || (f = this.artboard.animations.find(
-                (l) => {
-                  var p, c;
-                  return l.name === h.name || l.id === h.name || (h.name === "Entry" || h.id === "entry") && (((p = l.name) == null ? void 0 : p.toLowerCase()) === "onload" || ((c = l.name) == null ? void 0 : c.toLowerCase()) === "intro");
+              l.animationId && (f = this.artboard.animations.find((h) => h.id === l.animationId) || null), f || (f = this.artboard.animations.find(
+                (h) => {
+                  var u, c;
+                  return h.name === l.name || h.id === l.name || (l.name === "Entry" || l.id === "entry") && (((u = h.name) == null ? void 0 : u.toLowerCase()) === "onload" || ((c = h.name) == null ? void 0 : c.toLowerCase()) === "intro");
                 }
-              ) || null), f && ((n = this.artboard.animationFlow) != null && n.some((p) => (p.trigger === "on_load" || p.trigger === "after_delay") && p.targetAnimationId === (f == null ? void 0 : f.id)) || (e.push({ animation: f, state: h }), s = Math.max(s, f.duration)));
+              ) || null), f && ((n = this.artboard.animationFlow) != null && n.some((u) => (u.trigger === "on_load" || u.trigger === "after_delay") && u.targetAnimationId === (f == null ? void 0 : f.id)) || (e.push({ animation: f, state: l }), s = Math.max(s, f.duration)));
             }
         }
     }
@@ -1338,22 +1338,22 @@ class ci {
     var n, a, r;
     let o;
     if (this.inputs.has(t)) {
-      const h = (n = this.activeStateMachine) == null ? void 0 : n.inputs.find((f) => f.id === t);
-      h && typeof h.value == "object" && (o = h.value.type);
+      const l = (n = this.activeStateMachine) == null ? void 0 : n.inputs.find((f) => f.id === t);
+      l && typeof l.value == "object" && (o = l.value.type);
     } else {
-      const h = this.inputNameMap.get(t);
-      if (h && h.length > 0) {
-        const f = (a = this.activeStateMachine) == null ? void 0 : a.inputs.find((l) => l.id === h[0]);
+      const l = this.inputNameMap.get(t);
+      if (l && l.length > 0) {
+        const f = (a = this.activeStateMachine) == null ? void 0 : a.inputs.find((h) => h.id === l[0]);
         f && typeof f.value == "object" && (o = f.value.type);
       }
     }
     let e = i;
     o === "Trigger" && (i === 1 ? e = !0 : i === 0 && (e = !1)), this.inputs.has(t) && this.setInternalInput(t, e);
     const s = this.inputNameMap.get(t);
-    s && s.forEach((h) => this.setInternalInput(h, e)), o === "Trigger" && e === !0 && (this.justFiredTriggers.add(t), s && s.forEach((h) => this.justFiredTriggers.add(h))), Array.isArray(e) && ((r = this.artboard) == null || r.objects.forEach((h) => {
-      if (h.inputId === t || h.name === t) {
-        const f = this.objectStates.get(h.id);
-        f && f.options && (h.type === "ListView" || h.variant === "listview" ? f.options.items = e : (h.type === "Dropdown" || h.variant === "dropdown") && (f.options.optionsList = e));
+    s && s.forEach((l) => this.setInternalInput(l, e)), o === "Trigger" && e === !0 && (this.justFiredTriggers.add(t), s && s.forEach((l) => this.justFiredTriggers.add(l))), Array.isArray(e) && ((r = this.artboard) == null || r.objects.forEach((l) => {
+      if (l.inputId === t || l.name === t) {
+        const f = this.objectStates.get(l.id);
+        f && f.options && (l.type === "ListView" || l.variant === "listview" ? f.options.items = e : (l.type === "Dropdown" || l.variant === "dropdown") && (f.options.optionsList = e));
       }
     })), this.evaluateTransitions(), this.evaluateVariableTriggers(t, e);
   }
@@ -1363,40 +1363,40 @@ class ci {
     o.forEach((s) => {
       if (s.trigger === "variable" && s.conditionVariableId && s.targetAnimationId && (s.conditionVariableId === t || e && e.includes(s.conditionVariableId))) {
         const a = s.conditionOperator || "IsTrue", r = s.conditionValue;
-        let h = !1;
+        let l = !1;
         switch (a) {
           case "Equal":
           case "==":
-            h = i == r;
+            l = i == r;
             break;
           case "NotEqual":
           case "!=":
-            h = i != r;
+            l = i != r;
             break;
           case "GreaterThan":
           case ">":
-            h = i > r;
+            l = i > r;
             break;
           case "LessThan":
           case "<":
-            h = i < r;
+            l = i < r;
             break;
           case "GreaterEqual":
           case ">=":
-            h = i >= r;
+            l = i >= r;
             break;
           case "LessEqual":
           case "<=":
-            h = i <= r;
+            l = i <= r;
             break;
           case "IsTrue":
-            h = !!i;
+            l = !!i;
             break;
           case "IsFalse":
-            h = !i;
+            l = !i;
             break;
         }
-        if (h) {
+        if (l) {
           const f = s.delay || 0;
           f <= 0 ? this.triggerGlobalAnimation(s.targetAnimationId, s.subAnimationIds, s.loop, s.id) : setTimeout(() => this.triggerGlobalAnimation(s.targetAnimationId, s.subAnimationIds, s.loop, s.id), f);
         }
@@ -1421,7 +1421,7 @@ class ci {
         const s = this.findGlobalTransition(t, i.currentStateIds);
         s && (o.length = 0, o.push(s.targetStateId), e = !0, s.conditions && (s.conditions || []).forEach((n) => {
           var r;
-          const a = (r = this.activeStateMachine) == null ? void 0 : r.inputs.find((h) => h.id === n.inputId);
+          const a = (r = this.activeStateMachine) == null ? void 0 : r.inputs.find((l) => l.id === n.inputId);
           a && typeof a.value == "object" && a.value.type === "Trigger" && this.setInternalInput(n.inputId, !1);
         }));
       }
@@ -1498,15 +1498,15 @@ class ci {
     });
   }
   evaluateLogicTree(t, i = null, o = /* @__PURE__ */ new Set()) {
-    var a, r, h, f, l, p;
+    var a, r, l, f, h, u;
     if (o.has(t))
       return this.inputs.get(t) ?? this.logicNodeValues.get(t) ?? 0;
     o.add(t);
     const e = (r = (a = this.activeStateMachine) == null ? void 0 : a.logicNodes) == null ? void 0 : r.find((c) => c.id === t);
     if (e) {
-      const c = (u, v) => {
-        const b = e.inputs.find((m) => m.id === u);
-        return b ? b.sourceId ? this.evaluateLogicTree(b.sourceId, b.sourceHandleId, o) : b.value !== void 0 ? b.value : v : v;
+      const c = (p, y) => {
+        const b = e.inputs.find((m) => m.id === p);
+        return b ? b.sourceId ? this.evaluateLogicTree(b.sourceId, b.sourceHandleId, o) : b.value !== void 0 ? b.value : y : y;
       };
       let d = 0;
       switch (e.op) {
@@ -1528,27 +1528,27 @@ class ci {
           break;
         case wt.PROPERTY:
         case wt.GET_PROPERTY: {
-          const u = c("id", "");
-          if (!u) {
+          const p = c("id", "");
+          if (!p) {
             d = 0;
             break;
           }
-          const v = e.name;
-          if (!v || v === "GET_PROPERTY" || v === "PROPERTY") {
+          const y = e.name;
+          if (!y || y === "GET_PROPERTY" || y === "PROPERTY") {
             d = 0;
             break;
           }
-          const b = this.objectStates.get(u);
+          const b = this.objectStates.get(p);
           if (!b) {
             d = 0;
             break;
           }
-          v in b ? d = b[v] : d = this.resolvePath(b, v);
+          y in b ? d = b[y] : d = this.resolvePath(b, y);
           break;
         }
         case wt.SET_PROPERTY: {
-          const u = c("id", ""), v = c("value", void 0);
-          if (!u || v === void 0) {
+          const p = c("id", ""), y = c("value", void 0);
+          if (!p || y === void 0) {
             d = 0;
             break;
           }
@@ -1557,13 +1557,13 @@ class ci {
             d = 0;
             break;
           }
-          const m = this.objectStates.get(u);
+          const m = this.objectStates.get(p);
           if (!m) {
             d = 0;
             break;
           }
           if (["x", "y", "rotation", "scale_x", "scale_y", "opacity", "width", "height", "cornerRadius", "visible", "zIndex"].includes(b))
-            m[b] = v, d = v;
+            m[b] = y, d = y;
           else {
             const S = b.split(".");
             let C = m;
@@ -1572,7 +1572,7 @@ class ci {
               C[I] === void 0 && (C[I] = {}), C = C[I];
             }
             const w = S[S.length - 1];
-            C[w] = v, d = v;
+            C[w] = y, d = y;
           }
           break;
         }
@@ -1587,8 +1587,8 @@ class ci {
           d = c("a", 0) * c("b", 0);
           break;
         case wt.DIV: {
-          const u = c("b", 1);
-          d = u === 0 ? 0 : c("a", 0) / u;
+          const p = c("b", 1);
+          d = p === 0 ? 0 : c("a", 0) / p;
           break;
         }
         case wt.MOD:
@@ -1619,13 +1619,13 @@ class ci {
           d = Math.tan(c("in", 0));
           break;
         case wt.CLAMP: {
-          const u = c("in", 0), v = c("min", 0), b = c("max", 1);
-          d = Math.max(v, Math.min(b, u));
+          const p = c("in", 0), y = c("min", 0), b = c("max", 1);
+          d = Math.max(y, Math.min(b, p));
           break;
         }
         case wt.REMAP: {
-          const u = c("in", 0), v = c("inMin", 0), b = c("inMax", 100), m = c("outMin", 0), y = c("outMax", 1);
-          d = b === v ? m : m + (u - v) * (y - m) / (b - v);
+          const p = c("in", 0), y = c("inMin", 0), b = c("inMax", 100), m = c("outMin", 0), v = c("outMax", 1);
+          d = b === y ? m : m + (p - y) * (v - m) / (b - y);
           break;
         }
         // Comparison
@@ -1658,8 +1658,8 @@ class ci {
           d = this.inputs.get(e.name) ?? 0;
           break;
         case wt.LOG: {
-          const u = c("in", "");
-          this.debugLog(`[User Logic] ${u}`), d = u;
+          const p = c("in", "");
+          this.debugLog(`[User Logic] ${p}`), d = p;
           break;
         }
         case wt.SCROLL_X:
@@ -1678,8 +1678,8 @@ class ci {
           d = this.inputs.get("isMouseDown") ?? !1;
           break;
         case wt.EFFECTOR: {
-          const u = c("id", ""), v = c("intensity", 1), b = c("trigger", !0);
-          if (!u || !b) {
+          const p = c("id", ""), y = c("intensity", 1), b = c("trigger", !0);
+          if (!p || !b) {
             d = 0;
             break;
           }
@@ -1688,17 +1688,17 @@ class ci {
             d = 0;
             break;
           }
-          const y = this.objectStates.get(u);
-          if (!y) {
+          const v = this.objectStates.get(p);
+          if (!v) {
             d = 0;
             break;
           }
           if (["glitch", "halftone", "pixelate", "noise", "acid_gradient", "acid_rave", "shimmer"].includes(m))
-            y.style || (y.style = {}), y.style.artEffect = { enabled: !0, type: m, intensity: v }, d = 1;
+            v.style || (v.style = {}), v.style.artEffect = { enabled: !0, type: m, intensity: y }, d = 1;
           else {
-            y.behaviors || (y.behaviors = []);
-            let C = y.behaviors.find((w) => w.type === m);
-            C ? (C.enabled = !0, C.settings || (C.settings = {}), C.settings.intensity = v) : (C = { id: `eff_${Date.now()}_${m}`, type: m, enabled: !0, sensors: [], settings: { intensity: v } }, y.behaviors.push(C)), d = 1;
+            v.behaviors || (v.behaviors = []);
+            let C = v.behaviors.find((w) => w.type === m);
+            C ? (C.enabled = !0, C.settings || (C.settings = {}), C.settings.intensity = y) : (C = { id: `eff_${Date.now()}_${m}`, type: m, enabled: !0, sensors: [], settings: { intensity: y } }, v.behaviors.push(C)), d = 1;
           }
           break;
         }
@@ -1707,47 +1707,47 @@ class ci {
           break;
         }
         case wt.SPRING_PULL: {
-          const u = c("objectId", ""), v = c("forceX", 0), b = c("forceY", 0);
-          u && ((h = this.artboard) == null || h.objects.forEach((m) => {
-            m.behaviors && m.behaviors.forEach((y) => {
+          const p = c("objectId", ""), y = c("forceX", 0), b = c("forceY", 0);
+          p && ((l = this.artboard) == null || l.objects.forEach((m) => {
+            m.behaviors && m.behaviors.forEach((v) => {
               var S;
-              if (y.type === U.SpringChain && ((S = y.settings) != null && S.connections) && (y.settings.connections.some((w) => w.targetId === u) || m.id === u)) {
+              if (v.type === U.SpringChain && ((S = v.settings) != null && S.connections) && (v.settings.connections.some((w) => w.targetId === p) || m.id === p)) {
                 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 I = this.objectStates.get(u);
-                  w.set(u, {
+                if (!w.has(p)) {
+                  const I = this.objectStates.get(p);
+                  w.set(p, {
                     x: (I == null ? void 0 : I.x) ?? 0,
                     y: (I == null ? void 0 : I.y) ?? 0,
                     vx: 0,
                     vy: 0
                   });
                 }
-                const M = w.get(u);
-                M && (M.vx += v, M.vy += b);
+                const M = w.get(p);
+                M && (M.vx += y, M.vy += b);
               }
             });
           })), d = 1;
           break;
         }
         case wt.SPRING_SETTLE: {
-          const u = c("objectId", "");
-          let v = !0;
-          if (u) {
+          const p = c("objectId", "");
+          let y = !0;
+          if (p) {
             const b = c("threshold", 1);
             this._springChainState.forEach((m) => {
-              const y = m.get(u);
-              y && (Math.abs(y.vx) > b || Math.abs(y.vy) > b) && (v = !1);
+              const v = m.get(p);
+              v && (Math.abs(v.vx) > b || Math.abs(v.vy) > b) && (y = !1);
             });
           }
-          d = v;
+          d = y;
           break;
         }
         case wt.EMIT: {
-          const u = c("objectId", ""), v = c("count", 20);
-          u && ((f = this.artboard) == null || f.objects.forEach((b) => {
+          const p = c("objectId", ""), y = c("count", 20);
+          p && ((f = this.artboard) == null || f.objects.forEach((b) => {
             b.behaviors && b.behaviors.forEach((m) => {
-              m.type === U.ParticleEmitter && b.id === u && (m._pendingBurst = (m._pendingBurst || 0) + v);
+              m.type === U.ParticleEmitter && b.id === p && (m._pendingBurst = (m._pendingBurst || 0) + y);
             });
           })), d = 1;
           break;
@@ -1757,22 +1757,22 @@ class ci {
           break;
       }
       if (this.logicNodeValues.set(t, d), e.op === wt.DELAY) {
-        const u = c("delay", 0), v = c("in", 0);
+        const p = c("delay", 0), y = c("in", 0);
         let b = this.logicNodeState.get(t);
-        for (b || (b = { queue: [] }, this.logicNodeState.set(t, b)), b.queue.push({ time: this.currentTime + u, value: v }); b.queue.length > 0 && b.queue[0].time <= this.currentTime; )
+        for (b || (b = { queue: [] }, this.logicNodeState.set(t, b)), b.queue.push({ time: this.currentTime + p, value: y }); b.queue.length > 0 && b.queue[0].time <= this.currentTime; )
           b.lastValue = b.queue.shift().value;
         d = b.lastValue ?? 0;
       }
       return d;
     }
-    const s = (l = this.activeStateMachine) == null ? void 0 : l.inputs.find((c) => c.id === t || c.name === t);
+    const s = (h = this.activeStateMachine) == null ? void 0 : h.inputs.find((c) => c.id === t || c.name === t);
     if (s && s.sourceId && !o.has(s.sourceId)) {
       const c = this.evaluateLogicTree(s.sourceId, s.sourceHandleId, o);
       return this.inputs.set(s.id, c), c;
     }
     let n = this.inputs.get(t) ?? (s ? this.inputs.get(s.id) : void 0);
     if ((this.justFiredTriggers.has(t) || s && this.justFiredTriggers.has(s.id)) && (n = !0), i && n !== void 0) {
-      const c = (p = this.activeStateMachine) == null ? void 0 : p.inputs.find((d) => d.id === t);
+      const c = (u = this.activeStateMachine) == null ? void 0 : u.inputs.find((d) => d.id === t);
       if (c && c.value.type === "Number" && typeof n == "number") {
         const d = c.value.defaultValue ?? c.value.value;
         if (i === "source-greater") return n > d;
@@ -1841,17 +1841,17 @@ class ci {
     }), i.forEach((o) => {
       this.layerStates.delete(o), this.debugLog(`[Engine] Cleaned up completed global layer: ${o}`);
     }), this.solveConstraints(t), this.solveBehaviors(t), this.activeTriggers.forEach((o, e) => {
-      var s, n, a, r, h, f, l;
+      var s, n, a, r, l, f, h;
       if (o.phase === "entry")
-        o.time += t, o.time >= o.animation.duration && ((a = (n = (s = this.artboard) == null ? void 0 : s.objects.find((p) => p.id === e)) == null ? void 0 : n.triggers) == null || a.find((p) => p.id === o.triggerId), o.phase = "hold", o.elapsedHold = 0, o.time = o.animation.duration), this.applyAnimation(o.animation, o.time, o.filterObjectIds || o.filterObjectId || void 0);
+        o.time += t, o.time >= o.animation.duration && ((a = (n = (s = this.artboard) == null ? void 0 : s.objects.find((u) => u.id === e)) == null ? void 0 : n.triggers) == null || a.find((u) => u.id === o.triggerId), o.phase = "hold", o.elapsedHold = 0, o.time = o.animation.duration), this.applyAnimation(o.animation, o.time, o.filterObjectIds || o.filterObjectId || void 0);
       else if (o.phase === "hold") {
-        const p = (f = (h = (r = this.artboard) == null ? void 0 : r.objects.find((u) => u.id === e)) == null ? void 0 : h.triggers) == null ? void 0 : f.find((u) => u.id === o.triggerId), c = (p == null ? void 0 : p.duration) || 0;
+        const u = (f = (l = (r = this.artboard) == null ? void 0 : r.objects.find((p) => p.id === e)) == null ? void 0 : l.triggers) == null ? void 0 : f.find((p) => p.id === o.triggerId), c = (u == null ? void 0 : u.duration) || 0;
         o.elapsedHold += t * 1e3;
         let d = o.elapsedHold >= c;
-        if ((p == null ? void 0 : p.eventType) === "hover" && !this.activeHoverIds.has(e) && (d = !0), ((p == null ? void 0 : p.eventType) === "onHold" || (p == null ? void 0 : p.eventType) === "pointerDown") && !this.isMouseDown && (d = !0), d)
-          if (p != null && p.exitAnimationId) {
-            const u = (l = this.artboard) == null ? void 0 : l.animations.find((v) => v.id === p.exitAnimationId);
-            u ? (o.phase = "exit", o.animation = u, o.time = 0) : this.activeTriggers.delete(e);
+        if ((u == null ? void 0 : u.eventType) === "hover" && !this.activeHoverIds.has(e) && (d = !0), ((u == null ? void 0 : u.eventType) === "onHold" || (u == null ? void 0 : u.eventType) === "pointerDown") && !this.isMouseDown && (d = !0), d)
+          if (u != null && u.exitAnimationId) {
+            const p = (h = this.artboard) == null ? void 0 : h.animations.find((y) => y.id === u.exitAnimationId);
+            p ? (o.phase = "exit", o.animation = p, o.time = 0) : this.activeTriggers.delete(e);
           } else
             this.activeTriggers.delete(e);
       } else o.phase === "exit" && (o.time += t, o.time >= o.animation.duration ? this.activeTriggers.delete(e) : this.applyAnimation(o.animation, o.time, o.filterObjectIds || o.filterObjectId || void 0));
@@ -1864,8 +1864,8 @@ class ci {
       if (o && o.isEnabled && o.triggerType === "visible") {
         const a = this.objectStates.get(i.id);
         if (a && a.visible !== !1) {
-          const r = this.getGlobalTransform(i.id), h = (((s = i.geometry) == null ? void 0 : s.width) || 100) * (r.scale_x || 1), f = (((n = i.geometry) == null ? void 0 : n.height) || 100) * (r.scale_y || 1), l = 50, p = r.x + h / 2 >= -this.canvasWidth / 2 - l && r.x - h / 2 <= this.canvasWidth / 2 + l && r.y + f / 2 >= -this.canvasHeight / 2 - l && r.y - f / 2 <= this.canvasHeight / 2 + l, c = `analytics_${i.id}`, d = this.wasInView.has(c);
-          p && !d && this.fireAnalyticsEvent(i.id, "visible"), p ? this.wasInView.add(c) : this.wasInView.delete(c);
+          const r = this.getGlobalTransform(i.id), l = (((s = i.geometry) == null ? void 0 : s.width) || 100) * (r.scale_x || 1), f = (((n = i.geometry) == null ? void 0 : n.height) || 100) * (r.scale_y || 1), h = 50, u = r.x + l / 2 >= -this.canvasWidth / 2 - h && r.x - l / 2 <= this.canvasWidth / 2 + h && r.y + f / 2 >= -this.canvasHeight / 2 - h && r.y - f / 2 <= this.canvasHeight / 2 + h, c = `analytics_${i.id}`, d = this.wasInView.has(c);
+          u && !d && this.fireAnalyticsEvent(i.id, "visible"), u ? this.wasInView.add(c) : this.wasInView.delete(c);
         }
       }
     }), this.artboard.objects.forEach((i) => {
@@ -1873,26 +1873,26 @@ class ci {
       o.length !== 0 && o.forEach((e) => {
         const s = e.triggers || [e.event || e.trigger];
         s && s.forEach((n) => {
-          var r, h, f;
+          var r, l, f;
           const a = n.toLowerCase();
           if (a === "on interval" || a === "oninterval") {
-            const l = e.intervalValue || 2e3, p = this.periodicTriggerTimes.get(e.id) || 0;
-            this.currentTime * 1e3 - p >= l && (!e.conditions || this.checkConditions(e.conditions)) && (this.fireEventForObject(i.id, "On Interval"), this.periodicTriggerTimes.set(e.id, this.currentTime * 1e3));
+            const h = e.intervalValue || 2e3, u = this.periodicTriggerTimes.get(e.id) || 0;
+            this.currentTime * 1e3 - u >= h && (!e.conditions || this.checkConditions(e.conditions)) && (this.fireEventForObject(i.id, "On Interval"), this.periodicTriggerTimes.set(e.id, this.currentTime * 1e3));
           }
           if (a === "on delay" || a === "ondelay") {
-            const l = e.delayValue || 1e3;
-            !this.periodicTriggerTimes.has(e.id) && this.currentTime * 1e3 >= l && (!e.conditions || this.checkConditions(e.conditions)) && (this.fireEventForObject(i.id, "On Delay"), this.periodicTriggerTimes.set(e.id, this.currentTime * 1e3));
+            const h = e.delayValue || 1e3;
+            !this.periodicTriggerTimes.has(e.id) && this.currentTime * 1e3 >= h && (!e.conditions || this.checkConditions(e.conditions)) && (this.fireEventForObject(i.id, "On Delay"), this.periodicTriggerTimes.set(e.id, this.currentTime * 1e3));
           }
           if (a === "scroll into view" || a === "scrollintoview") {
-            const l = this.objectStates.get(i.id);
-            if (l && l.visible !== !1) {
-              const p = this.getGlobalTransform(i.id), c = (((r = i.geometry) == null ? void 0 : r.width) || 100) * (p.scale_x || 1), d = (((h = i.geometry) == null ? void 0 : h.height) || 100) * (p.scale_y || 1), u = 50, v = p.x + c / 2 >= -this.canvasWidth / 2 - u && p.x - c / 2 <= this.canvasWidth / 2 + u && p.y + d / 2 >= -this.canvasHeight / 2 - u && p.y - d / 2 <= this.canvasHeight / 2 + u, b = this.wasInView.has(i.id);
-              v && !b && (!e.conditions || this.checkConditions(e.conditions)) && this.fireEventForObject(i.id, "Scroll Into View"), v ? this.wasInView.add(i.id) : this.wasInView.delete(i.id);
+            const h = this.objectStates.get(i.id);
+            if (h && h.visible !== !1) {
+              const u = this.getGlobalTransform(i.id), c = (((r = i.geometry) == null ? void 0 : r.width) || 100) * (u.scale_x || 1), d = (((l = i.geometry) == null ? void 0 : l.height) || 100) * (u.scale_y || 1), p = 50, y = u.x + c / 2 >= -this.canvasWidth / 2 - p && u.x - c / 2 <= this.canvasWidth / 2 + p && u.y + d / 2 >= -this.canvasHeight / 2 - p && u.y - d / 2 <= this.canvasHeight / 2 + p, b = this.wasInView.has(i.id);
+              y && !b && (!e.conditions || this.checkConditions(e.conditions)) && this.fireEventForObject(i.id, "Scroll Into View"), y ? this.wasInView.add(i.id) : this.wasInView.delete(i.id);
             }
           }
           if (a === "scroll progress" || a === "scrollprogress") {
-            const l = Math.abs(this.scrollOffset.y) / (((f = this.artboard) == null ? void 0 : f.height) || 1e3), p = this.scrollProgressLastValue.get(e.id) || 0;
-            Math.abs(l - p) > 1e-3 && (this.scrollProgressLastValue.set(e.id, l), (e.action === "Set Input" || e.action === "setInput") && this.updateInput(e.targetInputId, l));
+            const h = Math.abs(this.scrollOffset.y) / (((f = this.artboard) == null ? void 0 : f.height) || 1e3), u = this.scrollProgressLastValue.get(e.id) || 0;
+            Math.abs(h - u) > 1e-3 && (this.scrollProgressLastValue.set(e.id, h), (e.action === "Set Input" || e.action === "setInput") && this.updateInput(e.targetInputId, h));
           }
         });
       });
@@ -1905,65 +1905,65 @@ class ci {
       if (!o) return;
       const e = this.getGlobalTransform(i.id);
       if (i.constraints.forEach((s, n) => {
-        var f, l, p, c, d, u, v, b, m;
-        const a = ((f = o.constraints) == null ? void 0 : f[n]) || {}, r = { ...s, ...a }, h = r.strength ?? 1;
+        var f, h, u, c, d, p, y, b, m;
+        const a = ((f = o.constraints) == null ? void 0 : f[n]) || {}, r = { ...s, ...a }, l = r.strength ?? 1;
         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, M = y.y + C, I = r.useSpring;
+          const v = this.getGlobalTransform(r.targetId);
+          if (v) {
+            const S = r.offsetX || 0, C = r.offsetY || 0, w = v.x + S, M = v.y + C, I = r.useSpring;
             if (I) {
               const T = this.objectVelocities.get(i.id) || { vx: 0, vy: 0 }, { x: R, 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 + (R - e.x) * h), r.copyY && (e.y = e.y + (P - e.y) * h), this.objectVelocities.set(i.id, { vx: _, vy: E });
+              r.copyX && (e.x = e.x + (R - e.x) * l), r.copyY && (e.y = e.y + (P - e.y) * l), this.objectVelocities.set(i.id, { vx: _, vy: E });
             } else
-              r.copyX && (e.x = e.x + (w - e.x) * h), r.copyY && (e.y = e.y + (M - e.y) * h);
+              r.copyX && (e.x = e.x + (w - e.x) * l), r.copyY && (e.y = e.y + (M - e.y) * l);
             let k = !1;
-            if ((l = r.limitX) != null && l.enabled) {
+            if ((h = r.limitX) != null && h.enabled) {
               const T = e.x;
               e.x = Math.max(r.limitX.min, Math.min(r.limitX.max, e.x)), e.x !== T && (k = !0);
             }
-            if ((p = r.limitY) != null && p.enabled) {
+            if ((u = r.limitY) != null && u.enabled) {
               const T = e.y;
               e.y = Math.max(r.limitY.min, Math.min(r.limitY.max, e.y)), e.y !== T && (k = !0);
             }
             k && I && this.objectVelocities.set(i.id, { vx: 0, vy: 0 });
           }
         } else if (r.type === "Rotation") {
-          const y = this.getGlobalTransform(r.targetId);
-          if (y) {
-            let C = (y.rotation + (r.offset || 0) - e.rotation) % 360;
-            C > 180 && (C -= 360), C < -180 && (C += 360), e.rotation = e.rotation + C * h;
+          const v = this.getGlobalTransform(r.targetId);
+          if (v) {
+            let C = (v.rotation + (r.offset || 0) - e.rotation) % 360;
+            C > 180 && (C -= 360), C < -180 && (C += 360), e.rotation = e.rotation + C * l;
           }
         } else if (r.type === "Scale") {
-          const y = this.getGlobalTransform(r.targetId);
-          y && (r.copyX && (e.scale_x = e.scale_x + (y.scale_x - e.scale_x) * h), r.copyY && (e.scale_y = e.scale_y + (y.scale_y - e.scale_y) * h));
+          const v = this.getGlobalTransform(r.targetId);
+          v && (r.copyX && (e.scale_x = e.scale_x + (v.scale_x - e.scale_x) * l), r.copyY && (e.scale_y = e.scale_y + (v.scale_y - e.scale_y) * l));
         } else if (r.type === "Transform") {
-          const y = this.getGlobalTransform(r.targetId);
-          if (y) {
-            e.x = e.x + (y.x - e.x) * h, e.y = e.y + (y.y - e.y) * h;
-            let S = (y.rotation - e.rotation) % 360;
-            S > 180 && (S -= 360), S < -180 && (S += 360), e.rotation = e.rotation + S * h, e.scale_x = e.scale_x + (y.scale_x - e.scale_x) * h, e.scale_y = e.scale_y + (y.scale_y - e.scale_y) * h;
+          const v = this.getGlobalTransform(r.targetId);
+          if (v) {
+            e.x = e.x + (v.x - e.x) * l, e.y = e.y + (v.y - e.y) * l;
+            let S = (v.rotation - e.rotation) % 360;
+            S > 180 && (S -= 360), S < -180 && (S += 360), e.rotation = e.rotation + S * l, e.scale_x = e.scale_x + (v.scale_x - e.scale_x) * l, e.scale_y = e.scale_y + (v.scale_y - e.scale_y) * l;
           }
         } 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;
+          const v = ((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 M = this.objectVelocities.get(i.id) || { vx: 0, vy: 0 }, { x: I, y: k, vx: T, vy: R } = this.computeSpring(e.x, e.y, M.vx, M.vy, y, S, r, t);
+            const M = this.objectVelocities.get(i.id) || { vx: 0, vy: 0 }, { x: I, y: k, vx: T, vy: R } = this.computeSpring(e.x, e.y, M.vx, M.vy, v, S, r, t);
             e.x = I, e.y = k, this.objectVelocities.set(i.id, { vx: T, vy: R });
           } else
-            e.x = e.x + (y - e.x) * h, e.y = e.y + (S - e.y) * h;
+            e.x = e.x + (v - e.x) * l, e.y = e.y + (S - e.y) * l;
           let w = !1;
-          if ((u = r.limitX) != null && u.enabled) {
+          if ((p = r.limitX) != null && p.enabled) {
             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) {
+          if ((y = r.limitY) != null && y.enabled) {
             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), M = r.distance || 0;
+          const v = this.getGlobalTransform(r.targetId);
+          if (v) {
+            const S = e.x - v.x, C = e.y - v.y, w = Math.sqrt(S * S + C * C), M = r.distance || 0;
             let I = w;
             switch (r.mode) {
               case "exact":
@@ -1980,19 +1980,19 @@ class ci {
                 break;
             }
             if (w > 0) {
-              const k = e.x === y.x && e.y === y.y ? 1 : I / w;
-              e.x = e.x + (y.x + S * k - e.x) * h, e.y = e.y + (y.y + C * k - e.y) * h;
+              const k = e.x === v.x && e.y === v.y ? 1 : I / w;
+              e.x = e.x + (v.x + S * k - e.x) * l, e.y = e.y + (v.y + C * k - e.y) * l;
             }
           }
         } else if (r.type === "FollowPath") {
-          const y = (b = this.artboard) == null ? void 0 : b.objects.find((S) => S.id === r.targetId);
-          if (y) {
-            const S = this.getGlobalTransform(y.id);
+          const v = (b = this.artboard) == null ? void 0 : b.objects.find((S) => S.id === r.targetId);
+          if (v) {
+            const S = this.getGlobalTransform(v.id);
             if (S) {
-              let C = y.geometry;
-              if (y.type === "Frame" || y.type === "Group" || !C || C.type !== "Path" && C.type !== "Ellipse" && C.type !== "Rectangle") {
+              let C = v.geometry;
+              if (v.type === "Frame" || v.type === "Group" || !C || C.type !== "Path" && C.type !== "Ellipse" && C.type !== "Rectangle") {
                 const F = (m = this.artboard) == null ? void 0 : m.objects.find(
-                  (j) => j.parentId === y.id && j.type === "Shape" && j.geometry && (j.geometry.type === "Path" || j.geometry.type === "Ellipse" || j.geometry.type === "Rectangle")
+                  (j) => j.parentId === v.id && j.type === "Shape" && j.geometry && (j.geometry.type === "Path" || j.geometry.type === "Ellipse" || j.geometry.type === "Rectangle")
                 );
                 F && (C = F.geometry);
               }
@@ -2004,15 +2004,15 @@ class ci {
                 A = Math.atan2(tt, X) * 180 / Math.PI + (r.offsetRotation || 0);
               }
               const W = A * Math.PI / 180, z = Math.cos(W), Y = Math.sin(W), G = (r.offsetX || 0) * z - (r.offsetY || 0) * Y, N = (r.offsetX || 0) * Y + (r.offsetY || 0) * z, J = S.x + _ + G, x = S.y + E + N;
-              if (e.x = e.x + (J - e.x) * h, e.y = e.y + (x - e.y) * h, r.orient) {
+              if (e.x = e.x + (J - e.x) * l, e.y = e.y + (x - e.y) * l, r.orient) {
                 let F = (A - e.rotation) % 360;
-                F > 180 && (F -= 360), F < -180 && (F += 360), e.rotation = e.rotation + F * h;
+                F > 180 && (F -= 360), F < -180 && (F += 360), e.rotation = e.rotation + F * l;
               }
             }
           }
         } else if (r.type === "IK") {
-          const y = this.getGlobalTransform(r.targetId);
-          y && this.solveIK(i, y, r.boneCount || 2, h);
+          const v = this.getGlobalTransform(r.targetId);
+          v && this.solveIK(i, v, r.boneCount || 2, l);
         }
       }), i.constraints.some((s) => s.type !== "IK")) {
         const s = this.globalToLocal(i.parentId, e);
@@ -2021,10 +2021,10 @@ class ci {
     });
   }
   getGlobalTransform(t) {
-    var l, p;
+    var h, u;
     const i = this.objectStates.get(t);
     if (!i) return { x: 0, y: 0, rotation: 0, scale_x: 1, scale_y: 1 };
-    const o = (l = this.artboard) == null ? void 0 : l.objects.find((c) => c.id === t), e = (o == null ? void 0 : o.type) === "Bone" ? (p = o.geometry) == null ? void 0 : p.length : void 0;
+    const o = (h = this.artboard) == null ? void 0 : h.objects.find((c) => c.id === t), e = (o == null ? void 0 : o.type) === "Bone" ? (u = o.geometry) == null ? void 0 : u.length : void 0;
     if (!o || !o.parentId)
       return {
         x: i.x,
@@ -2034,9 +2034,9 @@ class ci {
         scale_y: (i.scale_y ?? 1) * (i.flip_y ? -1 : 1),
         length: e
       };
-    const s = this.getGlobalTransform(o.parentId), n = s.rotation * Math.PI / 180, a = Math.cos(n), r = Math.sin(n), h = s.x + (i.x * s.scale_x * a - i.y * s.scale_y * r), f = s.y + (i.x * s.scale_x * r + i.y * s.scale_y * a);
+    const s = this.getGlobalTransform(o.parentId), n = s.rotation * Math.PI / 180, a = Math.cos(n), r = Math.sin(n), l = s.x + (i.x * s.scale_x * a - i.y * s.scale_y * r), f = s.y + (i.x * s.scale_x * r + i.y * s.scale_y * a);
     return {
-      x: h,
+      x: l,
       y: f,
       rotation: s.rotation + i.rotation,
       scale_x: s.scale_x * (i.scale_x ?? 1) * (i.flip_x ? -1 : 1),
@@ -2046,36 +2046,36 @@ class ci {
   }
   globalToLocal(t, i) {
     if (!t) return i;
-    const o = this.getGlobalTransform(t), e = o.scale_x === 0 ? 0 : 1 / o.scale_x, s = o.scale_y === 0 ? 0 : 1 / o.scale_y, n = -o.rotation * Math.PI / 180, a = Math.cos(n), r = Math.sin(n), h = i.x - o.x, f = i.y - o.y, l = (h * a - f * r) * e, p = (h * r + f * a) * s;
+    const o = this.getGlobalTransform(t), e = o.scale_x === 0 ? 0 : 1 / o.scale_x, s = o.scale_y === 0 ? 0 : 1 / o.scale_y, n = -o.rotation * Math.PI / 180, a = Math.cos(n), r = Math.sin(n), l = i.x - o.x, f = i.y - o.y, h = (l * a - f * r) * e, u = (l * r + f * a) * s;
     return {
-      x: l,
-      y: p,
+      x: h,
+      y: u,
       rotation: i.rotation - o.rotation,
       scale_x: i.scale_x / (o.scale_x || 1),
       scale_y: i.scale_y / (o.scale_y || 1)
     };
   }
   solveIK(t, i, o, e) {
-    var h;
+    var l;
     const s = [];
     let n = t.id;
     for (let f = 0; f < o && n; f++) {
-      const l = (h = this.artboard) == null ? void 0 : h.objects.find((p) => p.id === n);
-      if (!l) break;
+      const h = (l = this.artboard) == null ? void 0 : l.objects.find((u) => u.id === n);
+      if (!h) break;
       s.push({
         id: n,
         local: this.objectStates.get(n),
         global: this.getGlobalTransform(n)
-      }), n = l.parentId;
+      }), n = h.parentId;
     }
     if (s.length < 2) return;
     const a = s.reverse(), r = 5;
     for (let f = 0; f < r; f++) {
-      const l = this.getGlobalTransform(t.id);
-      for (let p = a.length - 2; p >= 0; p--) {
-        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);
+      const h = this.getGlobalTransform(t.id);
+      for (let u = a.length - 2; u >= 0; u--) {
+        const c = a[u], d = this.getGlobalTransform(c.id), p = h.x - d.x, y = h.y - d.y, b = i.x - d.x, m = i.y - d.y, v = Math.sqrt(p * p + y * y), S = Math.sqrt(b * b + m * m);
+        if (v > 1e-3 && S > 1e-3) {
+          const C = Math.atan2(y, p);
           let M = (Math.atan2(m, b) - C) * 180 / Math.PI;
           M *= e;
           const I = this.objectStates.get(c.id);
@@ -2085,8 +2085,8 @@ class ci {
     }
   }
   computeSpring(t, i, o, e, s, n, a, r) {
-    const h = a.stiffness ?? 100, f = a.damping ?? 10, l = a.mass ?? 1, p = -h * (t - s), c = -h * (i - n), d = -f * o, u = -f * e, v = (p + d) / l, b = (c + u) / l, m = o + v * r, y = e + b * r, S = t + m * r, C = i + y * r;
-    return { x: S, y: C, vx: m, vy: y };
+    const l = a.stiffness ?? 100, f = a.damping ?? 10, h = a.mass ?? 1, u = -l * (t - s), c = -l * (i - n), d = -f * o, p = -f * e, y = (u + d) / h, b = (c + p) / h, m = o + y * r, v = e + b * r, S = t + m * r, C = i + v * r;
+    return { x: S, y: C, vx: m, vy: v };
   }
   handlePointerInput(t, i, o, e, s) {
     if (!this.artboard) return;
@@ -2109,23 +2109,23 @@ class ci {
     this._totalScroll.x += t, this._totalScroll.y += i, this.scrollOffset = { x: this._totalScroll.x, y: this._totalScroll.y }, this.updateInput("scrollX", this._totalScroll.x), this.updateInput("scrollY", this._totalScroll.y);
   }
   handlePointerEvent(t, i, o) {
-    var r, h, f, l, p;
+    var r, l, f, h, u;
     if (!this.artboard) return;
     t === "down" ? (this.isMouseDown = !0, this.updateInput("isMouseDown", !0)) : (t === "up" || t === "blur") && (this.isMouseDown = !1, this.updateInput("isMouseDown", !1));
     let e = null;
     const s = (c, d) => {
       var S;
-      let u = d;
-      d === "click" ? u = "onClick" : d === "down" ? u = "onPointerDown" : d === "up" ? u = "onPointerUp" : d === "blur" && (u = "onPointerLeave");
-      const v = /* @__PURE__ */ new Set([u]);
-      d === "move" && v.add("onPointerEnter").add("hover").add("onPointerLeave").add("blur"), u === "onClick" && v.add("click"), u === "onPointerDown" && v.add("pointerDown"), u === "onPointerUp" && v.add("pointerUp");
+      let p = d;
+      d === "click" ? p = "onClick" : d === "down" ? p = "onPointerDown" : d === "up" ? p = "onPointerUp" : d === "blur" && (p = "onPointerLeave");
+      const y = /* @__PURE__ */ new Set([p]);
+      d === "move" && y.add("onPointerEnter").add("hover").add("onPointerLeave").add("blur"), p === "onClick" && y.add("click"), p === "onPointerDown" && y.add("pointerDown"), p === "onPointerUp" && y.add("pointerUp");
       const b = ["button", "toggle", "toggle_button", "dropdown", "listview", "inputbox", "slider", "checkbox", "radiogroup", "joystick"];
-      return !!(c.type === "Component" && b.includes(c.variant) || c.type === "Joystick" || b.includes((S = c.type) == null ? void 0 : S.toLowerCase()) || (c.interactions || []).some((C) => v.has(C.event)) || (c.triggers || []).some((C) => v.has(C.eventType)));
+      return !!(c.type === "Component" && b.includes(c.variant) || c.type === "Joystick" || b.includes((S = c.type) == null ? void 0 : S.toLowerCase()) || (c.interactions || []).some((C) => y.has(C.event)) || (c.triggers || []).some((C) => y.has(C.eventType)));
     };
     let n = null;
     for (let c = this.artboard.objects.length - 1; c >= 0; c--) {
-      const d = this.artboard.objects[c], u = this.objectStates.get(d.id);
-      if (u && u.visible !== !1 && u.opacity > 0 && this.hitTest(d, i, o) && (n || (n = d), s(d, t))) {
+      const d = this.artboard.objects[c], p = this.objectStates.get(d.id);
+      if (p && p.visible !== !1 && p.opacity > 0 && this.hitTest(d, i, o) && (n || (n = d), s(d, t))) {
         e = d;
         break;
       }
@@ -2156,12 +2156,12 @@ 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, M = this.getWorldTransform(c.id), I = b * Math.abs(M.scaleX), k = m * Math.abs(M.scaleY), T = M.y + k / 2 + 4, R = Math.abs(i - M.x) <= I / 2, P = o >= T && o <= T + w * Math.abs(M.scaleY);
+        const d = this.objectStates.get(c.id), p = (d == null ? void 0 : d.options) || c.options || {}, y = c.geometry || {}, b = y.width ?? c.width ?? 200, m = y.height ?? c.height ?? 40, v = p.optionsList || [], S = p.itemHeight || 32, C = p.listPadding ?? 4, w = v.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, R = Math.abs(i - M.x) <= I / 2, P = o >= T && o <= T + w * Math.abs(M.scaleY);
         if (R && P) {
           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({
+          if (A >= 0 && A < v.length) {
+            const W = v[A];
+            p.selectedOption = W, p.isOpen = !1, this.activeDropdownId = null, c.inputId && this.setInternalInput(c.inputId, W), this.onComponentChange && this.onComponentChange({
               objectId: c.id,
               componentName: c.name,
               variant: "dropdown",
@@ -2170,22 +2170,22 @@ class ci {
             });
           }
           return;
-        } else a !== this.activeDropdownId && (u.isOpen = !1, this.activeDropdownId = null);
+        } else a !== this.activeDropdownId && (p.isOpen = !1, this.activeDropdownId = null);
       }
     }
     if (e) {
       let c = e, d = e;
       for (; d && d.parentId; ) {
-        const v = this.artboard.objects.find((b) => b.id === d.parentId);
-        if (v && v.type === "Component") {
-          c = v;
+        const y = this.artboard.objects.find((b) => b.id === d.parentId);
+        if (y && y.type === "Component") {
+          c = y;
           break;
         }
-        d = v;
+        d = y;
       }
-      let u = t;
-      if (t === "click" ? u = "onClick" : t === "down" ? u = "onPointerDown" : t === "up" ? u = "onPointerUp" : t === "blur" && (u = "onPointerLeave"), this.fireEventForObject(e.id, u), c !== e && this.fireEventForObject(c.id, u), c.type === "Component" && c.variant === "toggle_button" && t === "down") {
-        const v = this.objectStates.get(c.id), b = (v == null ? void 0 : v.options) || c.options || {};
+      let p = t;
+      if (t === "click" ? p = "onClick" : t === "down" ? p = "onPointerDown" : t === "up" ? p = "onPointerUp" : t === "blur" && (p = "onPointerLeave"), this.fireEventForObject(e.id, p), c !== e && this.fireEventForObject(c.id, p), c.type === "Component" && c.variant === "toggle_button" && t === "down") {
+        const y = this.objectStates.get(c.id), b = (y == null ? void 0 : y.options) || c.options || {};
         b.checked = !b.checked, c.inputId && this.setInternalInput(c.inputId, b.checked), this.onComponentChange && this.onComponentChange({
           objectId: c.id,
           componentName: c.name,
@@ -2195,7 +2195,7 @@ class ci {
         }), this.fireEventForObject(c.id, "Toggle"), this.fireEventForObject(c.id, b.checked ? "Toggle True" : "Toggle False");
       }
       if (c.type === "Component" && c.variant === "toggle" && t === "down") {
-        const v = this.objectStates.get(c.id), b = (v == null ? void 0 : v.options) || c.options || {};
+        const y = this.objectStates.get(c.id), b = (y == null ? void 0 : y.options) || c.options || {};
         b.checked = !b.checked, c.inputId && this.setInternalInput(c.inputId, b.checked), this.onComponentChange && this.onComponentChange({
           objectId: c.id,
           componentName: c.name,
@@ -2205,10 +2205,10 @@ class ci {
         }), this.onToggle && this.onToggle(c.name, b.checked), this.fireEventForObject(c.id, "Toggle"), this.fireEventForObject(c.id, b.checked ? "Toggle True" : "Toggle False");
       }
       if (c.type === "Component" && c.variant === "dropdown" && t === "down") {
-        const v = this.objectStates.get(c.id), b = (v == null ? void 0 : v.options) || c.options || {}, m = !b.isOpen;
+        const y = this.objectStates.get(c.id), b = (y == null ? void 0 : y.options) || c.options || {}, m = !b.isOpen;
         if (m && this.activeDropdownId && this.activeDropdownId !== c.id) {
-          const y = this.artboard.objects.find((S) => S.id === this.activeDropdownId);
-          y && y.options && (y.options.isOpen = !1);
+          const v = this.artboard.objects.find((S) => S.id === this.activeDropdownId);
+          v && v.options && (v.options.isOpen = !1);
         }
         b.isOpen = m, this.activeDropdownId = m ? c.id : null;
       }
@@ -2220,19 +2220,19 @@ class ci {
         value: !0
       })), (c.type === "ListView" || c.type === "Component" && c.variant === "listview") && t === "down") {
         this.draggingListViewId = c.id;
-        const v = this.getListViewItemIndexAtPointer(c, i, o);
-        if (v !== null) {
+        const y = this.getListViewItemIndexAtPointer(c, i, o);
+        if (y !== null) {
           const b = c.options || {};
-          b.activeItemIndex = v;
+          b.activeItemIndex = y;
           const m = this.objectStates.get(c.id);
-          m && m.options && (m.options.activeItemIndex = v);
-          const y = (b.items || [])[v], S = typeof y == "string" ? y : y.label || y.value || v;
+          m && m.options && (m.options.activeItemIndex = y);
+          const v = (b.items || [])[y], S = typeof v == "string" ? v : v.label || v.value || y;
           m && m.options && (m.options.selectedValue = S), c.inputId && this.setInternalInput(c.inputId, S), this.onComponentChange && (this.onComponentChange({
             objectId: c.id,
             componentName: c.name,
             variant: "listview",
             property: "activeItemIndex",
-            value: v
+            value: y
           }), this.onComponentChange({
             objectId: c.id,
             componentName: c.name,
@@ -2246,12 +2246,12 @@ class ci {
         if (t === "down")
           this.draggingJoystickId = c.id, this.updateJoystickValueFromPointer(c, i, o);
         else if (t === "up" || t === "blur") {
-          const v = this.objectStates.get(c.id);
-          v && c.isSpringReturn !== !1 && (v.handleX = 0, v.handleY = 0), c.isSpringReturn !== !1 && (c.handleX = 0, c.handleY = 0);
+          const y = this.objectStates.get(c.id);
+          y && c.isSpringReturn !== !1 && (y.handleX = 0, y.handleY = 0), c.isSpringReturn !== !1 && (c.handleX = 0, c.handleY = 0);
         }
       }
       if (c.type === "Component" && c.variant === "checkbox" && t === "down") {
-        const v = this.objectStates.get(c.id), b = (v == null ? void 0 : v.options) || c.options || {};
+        const y = this.objectStates.get(c.id), b = (y == null ? void 0 : y.options) || c.options || {};
         b.checked = !b.checked, c.inputId && this.setInternalInput(c.inputId, b.checked), this.onComponentChange && this.onComponentChange({
           objectId: c.id,
           componentName: c.name,
@@ -2261,9 +2261,9 @@ class ci {
         }), this.fireEventForObject(c.id, "Click"), this.fireEventForObject(c.id, b.checked ? "Checked" : "Unchecked");
       }
       if (c.type === "Component" && c.variant === "radiogroup" && t === "down") {
-        const v = this.objectStates.get(c.id), b = (v == null ? void 0 : v.options) || c.options || {}, m = b.optionsList || [], y = this.getRadioGroupItemIndexAtPointer(c, i, o);
-        if (y !== null && y >= 0 && y < m.length) {
-          const S = m[y];
+        const y = this.objectStates.get(c.id), b = (y == null ? void 0 : y.options) || c.options || {}, m = b.optionsList || [], v = this.getRadioGroupItemIndexAtPointer(c, i, o);
+        if (v !== null && v >= 0 && v < m.length) {
+          const S = m[v];
           b.selectedValue = S, c.inputId && this.setInternalInput(c.inputId, S), this.onComponentChange && this.onComponentChange({
             objectId: c.id,
             componentName: c.name,
@@ -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, M = 20, I = y - w, k = S - M;
+        const y = c.geometry, b = (y == null ? void 0 : y.datasets) || [], m = this.objectStates.get(c.id), v = (m == null ? void 0 : m.width) || (y == null ? void 0 : y.width) || 200, S = (m == null ? void 0 : m.height) || (y == null ? void 0 : y.height) || 150, C = this.getWorldTransform(c.id), w = 30, M = 20, I = v - w, k = S - M;
         let T = 1;
         b.forEach((_) => {
           const E = Math.max(..._.data || [0]);
@@ -2284,30 +2284,30 @@ class ci {
         b.forEach((_, E) => {
           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 - M - z / T * k, J = Math.sqrt((i - G) ** 2 + (o - N) ** 2);
+            const G = C.x - v / 2 + w + Y * W, N = C.y + S / 2 - M - z / T * k, J = Math.sqrt((i - G) ** 2 + (o - N) ** 2);
             J < R && (R = J, P = { dIdx: E, pIdx: Y, val: z, label: _.label || `Dataset ${E + 1}` });
           });
         }), P && R < 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 });
       }
       if (t === "click") {
-        const v = (h = this.artboard) == null ? void 0 : h.objects.find((y) => y.id === e.id), b = this.focusedId, m = (v == null ? void 0 : v.type) === "InputBox" || (v == null ? void 0 : v.type) === "Component" && v.variant === "inputbox";
-        if (v && m) {
+        const y = (l = this.artboard) == null ? void 0 : l.objects.find((v) => v.id === e.id), b = this.focusedId, m = (y == null ? void 0 : y.type) === "InputBox" || (y == null ? void 0 : y.type) === "Component" && y.variant === "inputbox";
+        if (y && m) {
           if (this.focusedId = e.id, this.log(`[Engine] Focus set to: ${e.id}`), b !== this.focusedId) {
             if (b) {
-              const y = (f = this.artboard) == null ? void 0 : f.objects.find((S) => S.id === b);
-              y && this.onInputBlur && this.onInputBlur(y.name);
+              const v = (f = this.artboard) == null ? void 0 : f.objects.find((S) => S.id === b);
+              v && this.onInputBlur && this.onInputBlur(v.name);
             }
-            this.onInputFocus && this.onInputFocus(v.name);
+            this.onInputFocus && this.onInputFocus(y.name);
           }
         } else if (this.focusedId = null, b) {
-          const y = (l = this.artboard) == null ? void 0 : l.objects.find((S) => S.id === b);
-          y && this.onInputBlur && this.onInputBlur(y.name);
+          const v = (h = this.artboard) == null ? void 0 : h.objects.find((S) => S.id === b);
+          v && this.onInputBlur && this.onInputBlur(v.name);
         }
       }
     } else if (t === "click") {
       const c = this.focusedId;
       if (this.focusedId = null, c) {
-        const d = (p = this.artboard) == null ? void 0 : p.objects.find((u) => u.id === c);
+        const d = (u = this.artboard) == null ? void 0 : u.objects.find((p) => p.id === c);
         d && this.onInputBlur && this.onInputBlur(d.name);
       }
     }
@@ -2346,85 +2346,85 @@ class ci {
     this.artboard && (this.activeKeys.delete(t.key.toLowerCase()), this.activeKeys.delete(t.code));
   }
   fireEventForObject(t, i) {
-    var f, l, p, c, d;
-    const o = (f = this.artboard) == null ? void 0 : f.objects.find((u) => u.id === t);
+    var f, h, u, c, d;
+    const o = (f = this.artboard) == null ? void 0 : f.objects.find((p) => p.id === t);
     if (!o) return;
     const e = /* @__PURE__ */ new Set([i, i.toLowerCase()]), s = i.toLowerCase();
     s === "onclick" || s === "click" || s === "onpointerdown" || s === "pointerdown" ? this.fireAnalyticsEvent(t, "click") : (s === "onpointerenter" || s === "hover" || s === "move") && this.fireAnalyticsEvent(t, "hover"), s === "onclick" || s === "click" ? (e.add("click"), e.add("onclick")) : s === "onpointerdown" || s === "pointerdown" ? (e.add("pointerdown"), e.add("onpointerdown")) : s === "onpointerup" || s === "pointerup" ? (e.add("pointerup"), e.add("onpointerup")) : s === "onpointerenter" || s === "hover" || s === "move" ? (e.add("hover"), e.add("onpointerenter")) : s === "onpointerleave" || s === "blur" ? (e.add("onpointerleave"), e.add("blur")) : s === "drag" || s === "ondrag" ? (e.add("drag"), e.add("ondrag")) : s === "toggle" || s === "ontoggle" ? (e.add("toggle"), e.add("ontoggle")) : s === "toggle true" || s === "toggle_true" || s === "toggletrue" ? (e.add("toggle true"), e.add("toggle_true"), e.add("toggletrue")) : (s === "toggle false" || s === "toggle_false" || s === "togglefalse") && (e.add("toggle false"), e.add("toggle_false"), e.add("togglefalse"));
-    const a = (o.interactions || []).find((u) => {
-      const v = u.triggers || [u.event || u.trigger || "click"];
-      return ((u.triggerLogic || "OR") === "AND" ? v.every((y) => e.has(y.toLowerCase())) : v.some((y) => e.has(y.toLowerCase()))) ? u.conditions && u.conditions.length > 0 ? this.checkConditions(u.conditions) : !0 : !1;
+    const a = (o.interactions || []).find((p) => {
+      const y = p.triggers || [p.event || p.trigger || "click"];
+      return ((p.triggerLogic || "OR") === "AND" ? y.every((v) => e.has(v.toLowerCase())) : y.some((v) => e.has(v.toLowerCase()))) ? p.conditions && p.conditions.length > 0 ? this.checkConditions(p.conditions) : !0 : !1;
     });
     if (a) {
       if (this.log(`[Engine] Interaction matched: ${i} -> Action: ${a.action}`), a.action === "setInput" || a.action === "Set Input") {
-        let u = a.value || a.inputValue;
-        u === "toggle" && (u = !this.inputs.get(a.targetInputId)), this.updateInput(a.targetInputId, u);
+        let p = a.value || a.inputValue;
+        p === "toggle" && (p = !this.inputs.get(a.targetInputId)), this.updateInput(a.targetInputId, p);
       } else if (a.action === "Toggle Boolean") {
-        const u = this.inputs.get(a.targetInputId);
-        this.updateInput(a.targetInputId, !u);
+        const p = this.inputs.get(a.targetInputId);
+        this.updateInput(a.targetInputId, !p);
       } else if (a.action === "fireTrigger")
         this.updateInput(a.targetInputId, !0);
       else if (a.action === "setProperty") {
-        const u = a.targetObjectId || o.id, v = a.targetProperty;
-        v && this.updateObjectProperty(u, v, a.value);
+        const p = a.targetObjectId || o.id, y = a.targetProperty;
+        y && this.updateObjectProperty(p, y, a.value);
       } else if (a.action === "Navigate Artboard" || a.action === "navigate")
         this.onNavigation && this.onNavigation({ type: "artboard", value: a.targetArtboard || a.value });
       else if (a.action === "Navigate URL")
         this.onNavigation && this.onNavigation({ type: "url", value: a.navigateUrl });
       else if (a.action === "Play Animation") {
-        const u = a.targetAnimationId, v = !a.playMode || a.playMode === "all" ? void 0 : a.subAnimationIds;
-        u === "__all__" ? (p = (l = this.artboard) == null ? void 0 : l.animations) == null || p.forEach((b) => {
-          this.triggerGlobalAnimation(b.id, v);
-        }) : u && this.triggerGlobalAnimation(u, v);
+        const p = a.targetAnimationId, y = !a.playMode || a.playMode === "all" ? void 0 : a.subAnimationIds;
+        p === "__all__" ? (u = (h = this.artboard) == null ? void 0 : h.animations) == null || u.forEach((b) => {
+          this.triggerGlobalAnimation(b.id, y);
+        }) : p && this.triggerGlobalAnimation(p, y);
       } else if (a.action === "setState" || a.action === "Set State") {
-        const u = a.targetObjectId || o.id, b = { ...this.objectStates.get(u) || {}, ...a.value || {} };
-        this.objectStates.set(u, b), this.log(`[Engine] State updated for ${u}:`, b);
+        const p = a.targetObjectId || o.id, b = { ...this.objectStates.get(p) || {}, ...a.value || {} };
+        this.objectStates.set(p, b), this.log(`[Engine] State updated for ${p}:`, b);
       } else if (a.action === "Stop Animation" || a.action === "Pause Animation") {
-        const u = a.targetAnimationId;
-        u === "__all__" ? this.layerStates.forEach((v, b) => {
+        const p = a.targetAnimationId;
+        p === "__all__" ? this.layerStates.forEach((y, b) => {
           b.startsWith("global_") && this.layerStates.delete(b);
-        }) : u && this.layerStates.forEach((v, b) => {
-          b.startsWith(`global_${u}_`) && this.layerStates.delete(b);
+        }) : p && this.layerStates.forEach((y, b) => {
+          b.startsWith(`global_${p}_`) && this.layerStates.delete(b);
         });
       } else if (a.action === "Switch to State" && this.activeStateMachine) {
-        const u = a.targetState, v = this.activeStateMachine.layers.find(
-          (b) => b.states.some((m) => m.id === u || m.name === u)
+        const p = a.targetState, y = this.activeStateMachine.layers.find(
+          (b) => b.states.some((m) => m.id === p || m.name === p)
         );
-        v && (this.log(`[Engine] Switching Layer ${v.name} to State ${u}`), this.enterStates(v.name, [u]));
+        y && (this.log(`[Engine] Switching Layer ${y.name} to State ${p}`), this.enterStates(y.name, [p]));
       }
       this.onTrigger && this.onTrigger(i, a.action);
     }
-    const h = (o.triggers || []).find((u) => {
-      const v = u.eventType.toLowerCase();
+    const l = (o.triggers || []).find((p) => {
+      const y = p.eventType.toLowerCase();
       let b = !1;
-      return (e.has(v) || v === "click" && e.has("onclick") || v === "hover" && (e.has("onpointerenter") || e.has("hover")) || v === "pointerdown" && e.has("onpointerdown") || v === "pointerup" && e.has("onpointerup")) && (b = !0), b && u.conditions && u.conditions.length > 0 ? this.checkConditions(u.conditions) : b;
+      return (e.has(y) || y === "click" && e.has("onclick") || y === "hover" && (e.has("onpointerenter") || e.has("hover")) || y === "pointerdown" && e.has("onpointerdown") || y === "pointerup" && e.has("onpointerup")) && (b = !0), b && p.conditions && p.conditions.length > 0 ? this.checkConditions(p.conditions) : b;
     });
-    if (h && h.entryAnimationId) {
-      this.log(`[Engine] Trigger matched: ${i} (as ${h.eventType}) -> Animation ${h.entryAnimationId}`);
-      const u = (d = (c = this.artboard) == null ? void 0 : c.animations) == null ? void 0 : d.find((v) => v.id === h.entryAnimationId);
-      u && (this.activeTriggers.set(o.id, {
-        triggerId: h.id,
-        animation: u,
+    if (l && l.entryAnimationId) {
+      this.log(`[Engine] Trigger matched: ${i} (as ${l.eventType}) -> Animation ${l.entryAnimationId}`);
+      const p = (d = (c = this.artboard) == null ? void 0 : c.animations) == null ? void 0 : d.find((y) => y.id === l.entryAnimationId);
+      p && (this.activeTriggers.set(o.id, {
+        triggerId: l.id,
+        animation: p,
         time: 0,
         phase: "entry",
         elapsedHold: 0,
-        filterObjectId: h.targetObjectId
-      }), this.onTrigger && this.onTrigger(h.name, u.name));
+        filterObjectId: l.targetObjectId
+      }), this.onTrigger && this.onTrigger(l.name, p.name));
     }
   }
   fireAnalyticsEvent(t, i) {
-    var r, h;
+    var r, l;
     const o = (r = this.artboard) == null ? void 0 : r.objects.find((f) => f.id === t);
     if (!o) return;
-    const e = (h = o.style) == null ? void 0 : h.analytics;
+    const e = (l = o.style) == null ? void 0 : l.analytics;
     if (!e || !e.isEnabled || e.triggerType !== i) return;
     const s = e.eventName || `${o.name.toLowerCase().replace(/\s+/g, "_")}_interacted`, n = {};
     e.parameters && Array.isArray(e.parameters) && e.parameters.forEach((f) => {
       if (f.type === "literal")
         n[f.key] = f.value;
       else if (f.type === "variable") {
-        const l = this.inputs.get(f.value);
-        n[f.key] = l !== void 0 ? l : "";
+        const h = this.inputs.get(f.value);
+        n[f.key] = h !== void 0 ? h : "";
       }
     }), this.log(`[ExodeUI Analytics] Dispatching event "${s}" via ${i} trigger:`, n);
     const a = e.platforms || { ga4: !0, meta: !0, mixpanel: !1 };
@@ -2476,10 +2476,10 @@ class ci {
     });
   }
   getWorldTransform(t) {
-    var p;
+    var u;
     const i = this.objectStates.get(t);
     if (!i) return { x: 0, y: 0, scaleX: 1, scaleY: 1, rotation: 0 };
-    const o = (p = this.artboard) == null ? void 0 : p.objects.find((c) => c.id === t);
+    const o = (u = this.artboard) == null ? void 0 : u.objects.find((c) => c.id === t);
     if (!o || !o.parentId)
       return {
         x: i.x,
@@ -2488,31 +2488,31 @@ class ci {
         scaleY: i.scale_y ?? 1,
         rotation: i.rotation ?? 0
       };
-    const e = this.getWorldTransform(o.parentId), s = e.rotation * (Math.PI / 180), n = Math.cos(s), a = Math.sin(s), r = i.x * e.scaleX, h = i.y * e.scaleY, f = e.x + (r * n - h * a), l = e.y + (r * a + h * n);
+    const e = this.getWorldTransform(o.parentId), s = e.rotation * (Math.PI / 180), n = Math.cos(s), a = Math.sin(s), r = i.x * e.scaleX, l = i.y * e.scaleY, f = e.x + (r * n - l * a), h = e.y + (r * a + l * n);
     return {
       x: f,
-      y: l,
+      y: h,
       scaleX: (i.scale_x ?? 1) * e.scaleX,
       scaleY: (i.scale_y ?? 1) * e.scaleY,
       rotation: e.rotation + (i.rotation ?? 0)
     };
   }
   hitTest(t, i, o) {
-    var y, S;
+    var v, S;
     if (!this.objectStates.get(t.id)) return !1;
-    const s = ((y = t.geometry) == null ? void 0 : y.width) ?? t.width ?? 100, n = ((S = t.geometry) == null ? void 0 : S.height) ?? t.height ?? 100, a = this.getWorldTransform(t.id), r = i - a.x, h = o - a.y, f = -a.rotation * (Math.PI / 180), l = Math.cos(f), p = Math.sin(f), c = r * l - h * p, d = r * p + h * l, u = a.scaleX, v = a.scaleY, b = s * Math.abs(u), m = n * Math.abs(v);
+    const s = ((v = t.geometry) == null ? void 0 : v.width) ?? t.width ?? 100, n = ((S = t.geometry) == null ? void 0 : S.height) ?? t.height ?? 100, a = this.getWorldTransform(t.id), r = i - a.x, l = o - a.y, f = -a.rotation * (Math.PI / 180), h = Math.cos(f), u = Math.sin(f), c = r * h - l * u, d = r * u + l * h, p = a.scaleX, y = a.scaleY, b = s * Math.abs(p), m = n * Math.abs(y);
     return Math.abs(c) <= b / 2 && Math.abs(d) <= m / 2;
   }
   updateSliderValueFromPointer(t, i, o) {
     var M;
     const e = this.objectStates.get(t.id);
     if (!e) return;
-    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, h = o - a.y, f = -a.rotation * (Math.PI / 180), l = Math.cos(f), p = Math.sin(f), c = r * l - h * p, d = s.thumbWidth ?? 16, u = n - d;
-    let b = (c + u / 2) / u;
+    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, l = o - a.y, f = -a.rotation * (Math.PI / 180), h = Math.cos(f), u = Math.sin(f), c = r * h - l * u, d = s.thumbWidth ?? 16, p = n - d;
+    let b = (c + p / 2) / p;
     b = Math.max(0, Math.min(1, b));
-    const m = s.min ?? 0, y = s.max ?? 100, S = s.step || 1;
-    let C = m + b * (y - m);
-    S > 0 && (C = Math.round(C / S) * S), C = Math.max(m, Math.min(y, C));
+    const m = s.min ?? 0, v = s.max ?? 100, S = s.step || 1;
+    let C = m + b * (v - m);
+    S > 0 && (C = Math.round(C / S) * S), C = Math.max(m, Math.min(v, C));
     const w = e.options || {};
     w.value !== C && (e.options = { ...w, value: C }, t.inputId && this.setInternalInput(t.inputId, C), this.onComponentChange && this.onComponentChange({
       objectId: t.id,
@@ -2526,15 +2526,15 @@ class ci {
     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 : ((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, h = o - a.y, f = -a.rotation * (Math.PI / 180), l = Math.cos(f), p = Math.sin(f);
-    let c = (r * l - h * p) / Math.max(1e-3, Math.abs(a.scaleX || 1)), d = (r * p + h * l) / Math.max(1e-3, Math.abs(a.scaleY || 1));
+    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, l = o - a.y, f = -a.rotation * (Math.PI / 180), h = Math.cos(f), u = Math.sin(f);
+    let c = (r * h - l * u) / Math.max(1e-3, Math.abs(a.scaleX || 1)), d = (r * u + l * h) / 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;
-    let m = c / b, y = d / b;
-    const S = Math.sqrt(m * m + y * y);
-    t.boundsShape === "square" ? (m = Math.max(-1, Math.min(1, m)), y = Math.max(-1, Math.min(1, y))) : S > 1 && (m /= S, y /= S), t.deadzone !== void 0 && S < t.deadzone ? (m = 0, y = 0) : (t.stepX !== void 0 && t.stepX > 0 && (m = Math.round(m / t.stepX) * t.stepX), t.stepY !== void 0 && t.stepY > 0 && (y = Math.round(y / t.stepY) * t.stepY)), t.joystickType === "1D_X" ? y = 0 : t.joystickType === "1D_Y" && (m = 0);
+    const p = Math.min(s, n) * 0.45, y = Math.min(s, n) * 0.15, b = p - y;
+    let m = c / b, v = d / b;
+    const S = Math.sqrt(m * m + v * v);
+    t.boundsShape === "square" ? (m = Math.max(-1, Math.min(1, m)), v = Math.max(-1, Math.min(1, v))) : S > 1 && (m /= S, v /= S), t.deadzone !== void 0 && S < t.deadzone ? (m = 0, v = 0) : (t.stepX !== void 0 && t.stepX > 0 && (m = Math.round(m / t.stepX) * t.stepX), t.stepY !== void 0 && t.stepY > 0 && (v = Math.round(v / t.stepY) * t.stepY)), t.joystickType === "1D_X" ? v = 0 : t.joystickType === "1D_Y" && (m = 0);
     const C = e.handleX, w = e.handleY;
-    (C !== m || w !== y) && (e.handleX = m, e.handleY = y, t.handleX = m, t.handleY = y);
+    (C !== m || w !== v) && (e.handleX = m, e.handleY = v, t.handleX = m, t.handleY = v);
   }
   processJoysticks(t) {
     this.artboard && (this.artboard.objects.forEach((i) => {
@@ -2544,68 +2544,68 @@ class ci {
       if (!e) return;
       let s = e.handleX ?? o.handleX ?? 0, n = e.handleY ?? o.handleY ?? 0;
       if (((a = o.inputBinding) == null ? void 0 : a.type) === "keyboard" && o.inputBinding.keyboardConfig) {
-        const h = o.inputBinding.keyboardConfig;
-        let f = s, l = n;
-        const c = (h.speed || 5) * t;
+        const l = o.inputBinding.keyboardConfig;
+        let f = s, h = n;
+        const c = (l.speed || 5) * t;
         let d = !1;
-        this.activeKeys.has(h.upKey.toLowerCase()) && (l -= c, d = !0), this.activeKeys.has(h.downKey.toLowerCase()) && (l += c, d = !0), this.activeKeys.has(h.leftKey.toLowerCase()) && (f -= c, d = !0), this.activeKeys.has(h.rightKey.toLowerCase()) && (f += c, d = !0), o.joystickType === "1D_X" && (l = 0), o.joystickType === "1D_Y" && (f = 0);
-        const u = Math.sqrt(f * f + l * l);
-        u > 1 && (f /= u, l /= u), !d && o.isSpringReturn !== !1 && (f += (0 - f) * (10 * t), l += (0 - l) * (10 * t), Math.abs(f) < 0.01 && (f = 0), Math.abs(l) < 0.01 && (l = 0)), s = f, n = l;
+        this.activeKeys.has(l.upKey.toLowerCase()) && (h -= c, d = !0), this.activeKeys.has(l.downKey.toLowerCase()) && (h += c, d = !0), this.activeKeys.has(l.leftKey.toLowerCase()) && (f -= c, d = !0), this.activeKeys.has(l.rightKey.toLowerCase()) && (f += c, d = !0), o.joystickType === "1D_X" && (h = 0), o.joystickType === "1D_Y" && (f = 0);
+        const p = Math.sqrt(f * f + h * h);
+        p > 1 && (f /= p, h /= p), !d && o.isSpringReturn !== !1 && (f += (0 - f) * (10 * t), h += (0 - h) * (10 * t), Math.abs(f) < 0.01 && (f = 0), Math.abs(h) < 0.01 && (h = 0)), s = f, n = h;
       } else if (((r = o.inputBinding) == null ? void 0 : r.type) === "mouse" && o.inputBinding.mouseConfig) {
-        const h = o.inputBinding.mouseConfig;
-        let f = s, l = n;
-        const p = h.sensitivity || 0.01, c = Math.abs(this._mouseDelta.dx) > 0 || Math.abs(this._mouseDelta.dy) > 0;
-        h.axisX && (f += this._mouseDelta.dx * p), h.axisY && (l += this._mouseDelta.dy * p), o.joystickType === "1D_X" && (l = 0), o.joystickType === "1D_Y" && (f = 0);
-        const d = Math.sqrt(f * f + l * l);
-        d > 1 && (f /= d, l /= d), !c && o.isSpringReturn !== !1 && (f += (0 - f) * (10 * t), l += (0 - l) * (10 * t), Math.abs(f) < 0.01 && (f = 0), Math.abs(l) < 0.01 && (l = 0)), s = f, n = l;
+        const l = o.inputBinding.mouseConfig;
+        let f = s, h = n;
+        const u = l.sensitivity || 0.01, c = Math.abs(this._mouseDelta.dx) > 0 || Math.abs(this._mouseDelta.dy) > 0;
+        l.axisX && (f += this._mouseDelta.dx * u), l.axisY && (h += this._mouseDelta.dy * u), o.joystickType === "1D_X" && (h = 0), o.joystickType === "1D_Y" && (f = 0);
+        const d = Math.sqrt(f * f + h * h);
+        d > 1 && (f /= d, h /= d), !c && o.isSpringReturn !== !1 && (f += (0 - f) * (10 * t), h += (0 - h) * (10 * t), Math.abs(f) < 0.01 && (f = 0), Math.abs(h) < 0.01 && (h = 0)), s = f, n = h;
       }
       if (e.handleX = s, e.handleY = n, o.handleX = s, o.handleY = n, o.bindings && o.bindings.length > 0) {
-        const h = Math.sqrt(s * s + n * n);
+        const l = Math.sqrt(s * s + n * n);
         let f = Math.atan2(n, s) * (180 / Math.PI);
-        f < 0 && (f += 360), o.bindings.forEach((l) => {
-          var d, u, v, b, m, y, S, C;
-          let p = 0;
-          l.sourceAxis === "x" ? p = o.invertX ? -s : s : l.sourceAxis === "y" ? p = o.invertY ? -n : n : l.sourceAxis === "distance" ? p = h : l.sourceAxis === "angle" && (p = f);
-          const c = (d = this.artboard) == null ? void 0 : d.objects.find((w) => w.id === l.targetObjectId);
+        f < 0 && (f += 360), o.bindings.forEach((h) => {
+          var d, p, y, b, m, v, S, C;
+          let u = 0;
+          h.sourceAxis === "x" ? u = o.invertX ? -s : s : h.sourceAxis === "y" ? u = o.invertY ? -n : n : h.sourceAxis === "distance" ? u = l : h.sourceAxis === "angle" && (u = f);
+          const c = (d = this.artboard) == null ? void 0 : d.objects.find((w) => w.id === h.targetObjectId);
           if (c) {
-            if (l.actionType === "bind" && l.targetProperty && l.isContinuous !== !1) {
-              const w = l.sourceMin ?? -1, M = l.sourceMax ?? 1, I = l.targetMin ?? 0, k = l.targetMax ?? 100;
-              let T = !!l.isContinuous, R = 0, P = 0;
+            if (h.actionType === "bind" && h.targetProperty && h.isContinuous !== !1) {
+              const w = h.sourceMin ?? -1, M = h.sourceMax ?? 1, I = h.targetMin ?? 0, k = h.targetMax ?? 100;
+              let T = !!h.isContinuous, R = 0, P = 0;
               if (T) {
-                if ((l.sourceAxis === "x" || l.sourceAxis === "y") && I >= 0) {
+                if ((h.sourceAxis === "x" || h.sourceAxis === "y") && I >= 0) {
                   const E = Math.max(Math.abs(w), Math.abs(M)) || 1;
-                  P = p / E * k;
+                  P = u / E * k;
                 } else {
-                  let E = (p - w) / (M - w);
+                  let E = (u - w) / (M - w);
                   E = Math.max(0, Math.min(1, E)), P = I + E * (k - I);
                 }
-                Math.abs(p) < 0.05 && (P = 0);
+                Math.abs(u) < 0.05 && (P = 0);
               } else {
-                const E = (p - w) / (M - w), A = Math.max(0, Math.min(1, E));
-                R = I + A * (k - I), l.step && l.step > 0 && (R = Math.round(R / l.step) * l.step);
+                const E = (u - w) / (M - w), A = Math.max(0, Math.min(1, E));
+                R = I + A * (k - I), h.step && h.step > 0 && (R = Math.round(R / h.step) * h.step);
               }
               const _ = this.objectStates.get(c.id);
               if (_) {
-                const E = l.isRelative !== !1, A = E ? ((u = c.transform) == null ? void 0 : u.x) ?? 0 : 0, W = E ? ((v = c.transform) == null ? void 0 : v.y) ?? 0 : 0, z = E ? ((b = c.transform) == null ? void 0 : b.rotation) ?? 0 : 0, Y = E ? ((m = c.transform) == null ? void 0 : m.scale_x) ?? 1 : 0, G = E ? ((y = c.transform) == null ? void 0 : y.scale_y) ?? 1 : 0, N = E ? ((S = c.style) == null ? void 0 : S.opacity) ?? 100 : 0, J = t * 60, x = (F, j) => {
+                const E = h.isRelative !== !1, A = E ? ((p = c.transform) == null ? void 0 : p.x) ?? 0 : 0, W = E ? ((y = c.transform) == null ? void 0 : y.y) ?? 0 : 0, z = E ? ((b = c.transform) == null ? void 0 : b.rotation) ?? 0 : 0, Y = E ? ((m = c.transform) == null ? void 0 : m.scale_x) ?? 1 : 0, G = E ? ((v = c.transform) == null ? void 0 : v.scale_y) ?? 1 : 0, N = E ? ((S = c.style) == null ? void 0 : S.opacity) ?? 100 : 0, J = t * 60, x = (F, j) => {
                   let X = R;
                   if (T) {
-                    const tt = `_internal_${F}_${l.id}`;
+                    const tt = `_internal_${F}_${h.id}`;
                     let L = _[tt];
-                    L === void 0 && (L = _[F] ?? j), X = L + P * J, _[tt] = X, l.step && l.step > 0 && (X = Math.round(X / l.step) * l.step);
+                    L === void 0 && (L = _[F] ?? j), X = L + P * J, _[tt] = X, h.step && h.step > 0 && (X = Math.round(X / h.step) * h.step);
                   } else
                     X = j + R;
                   _[F] = X;
                 };
-                l.targetProperty === "x" || l.targetProperty === "transform.x" ? x("x", A) : l.targetProperty === "y" || l.targetProperty === "transform.y" ? x("y", W) : l.targetProperty === "rotation" || l.targetProperty === "r" || l.targetProperty === "transform.rotation" ? x("rotation", z) : l.targetProperty === "scaleX" || l.targetProperty === "transform.scale_x" ? x("scale_x", Y) : l.targetProperty === "scaleY" || l.targetProperty === "transform.scale_y" ? x("scale_y", G) : (l.targetProperty === "opacity" || l.targetProperty === "transform.opacity") && x("opacity", N);
+                h.targetProperty === "x" || h.targetProperty === "transform.x" ? x("x", A) : h.targetProperty === "y" || h.targetProperty === "transform.y" ? x("y", W) : h.targetProperty === "rotation" || h.targetProperty === "r" || h.targetProperty === "transform.rotation" ? x("rotation", z) : h.targetProperty === "scaleX" || h.targetProperty === "transform.scale_x" ? x("scale_x", Y) : h.targetProperty === "scaleY" || h.targetProperty === "transform.scale_y" ? x("scale_y", G) : (h.targetProperty === "opacity" || h.targetProperty === "transform.opacity") && x("opacity", N);
               }
-              (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, (R - ((_ == null ? void 0 : _.x) || 0)) * 10, 0) : (l.targetProperty === "y" || l.targetProperty === "transform.y") && this.physicsEngine.applyForce(c.id, 0, (R - ((_ == null ? void 0 : _.y) || 0)) * 10));
-            } else if (l.actionType === "playAnimation" || l.actionType === "stopAnimation" || l.actionType === "pauseAnimation") {
+              (C = c.physics) != null && C.enabled && this.physicsEngine && (h.targetProperty === "x" || h.targetProperty === "transform.x" || h.targetProperty === "y" || h.targetProperty === "transform.y") && (h.targetProperty === "x" || h.targetProperty === "transform.x" ? this.physicsEngine.applyForce(c.id, (R - ((_ == null ? void 0 : _.x) || 0)) * 10, 0) : (h.targetProperty === "y" || h.targetProperty === "transform.y") && this.physicsEngine.applyForce(c.id, 0, (R - ((_ == null ? void 0 : _.y) || 0)) * 10));
+            } else if (h.actionType === "playAnimation" || h.actionType === "stopAnimation" || h.actionType === "pauseAnimation") {
               let w = !1;
-              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;
+              const M = h.threshold ?? 0;
+              h.condition === "always" ? w = !0 : h.condition === ">" ? w = u > M : h.condition === "<" ? w = u < M : h.condition === "==" && (w = Math.abs(u - M) < 0.01);
+              const I = e[`_prev_src_${h.id}`] ?? u;
               let k = !1;
-              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);
+              h.condition === "always" ? k = !0 : h.condition === ">" ? k = I > M : h.condition === "<" ? k = I < M : h.condition === "==" && (k = Math.abs(I - M) < 0.01), e[`_prev_src_${h.id}`] = u, w && !k && h.targetAnimationId && (h.actionType === "playAnimation" || h.actionType);
             }
           }
         });
@@ -2613,27 +2613,27 @@ class ci {
     }), this._mouseDelta.dx = 0, this._mouseDelta.dy = 0);
   }
   applyBlendState(t, i) {
-    var h, f, l, p, c, d, u, v;
+    var l, f, h, u, c, d, p, y;
     if (!t.blendAnimations || t.blendAnimations.length === 0) return;
     let o = 0, e = 0;
     t.blendInputX && (o = this.inputs.get(t.blendInputX) ?? 0), t.blendInputY && (e = this.inputs.get(t.blendInputY) ?? 0);
     const s = [];
     let n = 0;
     if (t.blendType === "1D") {
-      const b = [...t.blendAnimations].sort((m, y) => m.position[0] - y.position[0]);
+      const b = [...t.blendAnimations].sort((m, v) => m.position[0] - v.position[0]);
       if (b.length === 1) {
-        const m = (f = (h = this.artboard) == null ? void 0 : h.animations) == null ? void 0 : f.find((y) => y.id === b[0].animationId);
+        const m = (f = (l = this.artboard) == null ? void 0 : l.animations) == null ? void 0 : f.find((v) => v.id === b[0].animationId);
         m && (s.push({ anim: m, weight: 1 }), n = 1);
       } else {
         let m = 0;
         for (; m < b.length - 1 && b[m + 1].position[0] < o; )
           m++;
         if (m === b.length - 1 && o > b[m].position[0]) {
-          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);
+          const v = (u = (h = this.artboard) == null ? void 0 : h.animations) == null ? void 0 : u.find((S) => S.id === b[m].animationId);
+          v && (s.push({ anim: v, 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), M = Math.max(1e-3, S - y);
-          let I = (o - y) / M;
+          const v = 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 = (y = (p = this.artboard) == null ? void 0 : p.animations) == null ? void 0 : y.find((T) => T.id === b[m + 1].animationId), M = Math.max(1e-3, S - v);
+          let I = (o - v) / 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);
@@ -2644,7 +2644,7 @@ class ci {
         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;
+        const v = b.position[0] - o, S = b.position[1] - e, C = v * v + S * S;
         if (C < 1e-4)
           s.push({ anim: m, weight: 1e4 }), n += 1e4;
         else {
@@ -2659,11 +2659,11 @@ class ci {
       return m.length === 3 && (m = [m[0], m[0], m[1], m[1], m[2], m[2]].join("")), m = "0x" + m, { r: m >> 16 & 255, g: m >> 8 & 255, b: m & 255, a: 1 };
     };
     s.forEach(({ anim: b, weight: m }) => {
-      b.tracks && b.tracks.forEach((y) => {
+      b.tracks && b.tracks.forEach((v) => {
         var R, P;
-        const S = y.object_id || y.objectId, C = y.property, w = (R = this.artboard) == null ? void 0 : R.objects.find((_) => _.id === S);
+        const S = v.object_id || v.objectId, C = v.property, w = (R = this.artboard) == null ? void 0 : R.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 I = this.interpolate(y.keyframes, i);
+        const I = this.interpolate(v.keyframes, i);
         if (I === void 0) return;
         let k = a.get(S);
         k || (k = /* @__PURE__ */ new Map(), a.set(S, k));
@@ -2686,8 +2686,8 @@ class ci {
       });
     }), 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, M) => {
+      const v = this.objectStates.get(m), S = (C = this.artboard) == null ? void 0 : C.objects.find((w) => w.id === m);
+      !v || !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"), R = Math.round(w.colorAcc.b).toString(16).padStart(2, "0");
@@ -2695,7 +2695,7 @@ class ci {
         }
         if (M.includes(".")) {
           const k = (M || "").split(".");
-          let T = y;
+          let T = v;
           for (let R = 0; R < k.length - 1; R++) {
             if (typeof T[k[R]] != "object" || T[k[R]] === null) {
               let P = S;
@@ -2711,13 +2711,13 @@ class ci {
           }
           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
-          M === "fill" ? (y.style || (y.style = {}), y.style.fill = I) : M === "stroke" ? (y.style || (y.style = {}), y.style.stroke = I) : y[M] = I;
+          M === "fill" ? (v.style || (v.style = {}), v.style.fill = I) : M === "stroke" ? (v.style || (v.style = {}), v.style.stroke = I) : v[M] = I;
       });
     });
   }
   applyAnimation(t, i, o) {
     !t || !t.tracks || t.tracks.forEach((e) => {
-      var l, p, c;
+      var h, u, c;
       const s = e.object_id || e.objectId;
       if (o) {
         if (Array.isArray(o)) {
@@ -2725,40 +2725,40 @@ class ci {
         } else if (s !== o)
           return;
       }
-      const n = (l = this.artboard) == null ? void 0 : l.objects.find((d) => d.id === s), a = ((p = n == null ? void 0 : n.physics) == null ? void 0 : p.enabled) && n.physics.bodyType !== "Static";
+      const n = (h = this.artboard) == null ? void 0 : h.objects.find((d) => d.id === s), a = ((u = n == null ? void 0 : n.physics) == null ? void 0 : u.enabled) && n.physics.bodyType !== "Static";
       let r = e.property;
       if (a && (r === "x" || r === "y" || r === "rotation"))
         return;
-      const h = this.objectStates.get(s);
-      if (!h) {
+      const l = this.objectStates.get(s);
+      if (!l) {
         this.frameCount % 600 === 0 && this.debugLog(`Skipping track: Object ${s} not found in state`);
         return;
       }
       const f = this.interpolate(e.keyframes, i);
       if (f !== void 0) {
         if (this.frameCount % 240 === 0) {
-          const d = (n == null ? void 0 : n.name) || s, u = typeof f == "object" ? JSON.stringify(f).slice(0, 50) : f;
-          this.debugLog(`[Anim] Applying ${r} = ${u} to ${d}`);
+          const d = (n == null ? void 0 : n.name) || s, p = typeof f == "object" ? JSON.stringify(f).slice(0, 50) : f;
+          this.debugLog(`[Anim] Applying ${r} = ${p} to ${d}`);
         }
         if (r.includes(".")) {
           const d = (r || "").split(".");
-          let u = h;
-          for (let v = 0; v < d.length - 1; v++) {
-            if (typeof u[d[v]] != "object" || u[d[v]] === null) {
+          let p = l;
+          for (let y = 0; y < d.length - 1; y++) {
+            if (typeof p[d[y]] != "object" || p[d[y]] === null) {
               let b = n;
-              for (let m = 0; m <= v; m++)
+              for (let m = 0; m <= y; m++)
                 b = b ? b[d[m]] : null;
-              if (d[v] === "corner_radius" || d[v] === "cornerRadius") {
-                const m = typeof u[d[v]] == "number" ? u[d[v]] : typeof b == "number" ? b : 0;
-                u[d[v]] = { tl: m, tr: m, bl: m, br: m };
+              if (d[y] === "corner_radius" || d[y] === "cornerRadius") {
+                const m = typeof p[d[y]] == "number" ? p[d[y]] : typeof b == "number" ? b : 0;
+                p[d[y]] = { tl: m, tr: m, bl: m, br: m };
               } else
-                u[d[v]] = b ? JSON.parse(JSON.stringify(b)) : {};
+                p[d[y]] = b ? JSON.parse(JSON.stringify(b)) : {};
             }
-            u = u[d[v]];
+            p = p[d[y]];
           }
-          u[d[d.length - 1]] = f, d[d.length - 1] === "color" && (d[d.length - 2] === "fill" || d[d.length - 2] === "stroke") && (u.type = "Solid");
+          p[d[d.length - 1]] = f, d[d.length - 1] === "color" && (d[d.length - 2] === "fill" || d[d.length - 2] === "stroke") && (p.type = "Solid");
         } else
-          r === "fill" ? (h.style || (h.style = {}), h.style.fill = f) : r === "stroke" ? (h.style || (h.style = {}), h.style.stroke = f) : h[r] = f;
+          r === "fill" ? (l.style || (l.style = {}), l.style.fill = f) : r === "stroke" ? (l.style || (l.style = {}), l.style.stroke = f) : l[r] = f;
         if (this.physicsEngine && ((c = n == null ? void 0 : n.physics) != null && c.enabled) && n.physics.bodyType === "Static")
           if (r === "x") {
             const d = this.physicsEngine.getPosition(s);
@@ -2790,8 +2790,8 @@ class ci {
     }
     if (Array.isArray(o.value) && Array.isArray(e.value))
       return o.value.length === e.value.length ? o.value.map((a, r) => {
-        const h = e.value[r];
-        return typeof a == "number" && typeof h == "number" ? a + (h - a) * n : n < 0.5 ? a : h;
+        const l = e.value[r];
+        return typeof a == "number" && typeof l == "number" ? a + (l - a) * n : n < 0.5 ? a : l;
       }) : n < 0.5 ? o.value : e.value;
     if (typeof o.value == "object" && typeof e.value == "object" && o.value !== null && e.value !== null) {
       if (o.value.width !== void 0 && o.value.color !== void 0)
@@ -2799,18 +2799,18 @@ class ci {
       if (o.value.type && e.value.type)
         return this.interpolateFill(o.value, e.value, n);
       const a = {};
-      return (/* @__PURE__ */ new Set([...Object.keys(o.value), ...Object.keys(e.value)])).forEach((h) => {
-        const f = o.value[h], l = e.value[h];
-        typeof f == "number" && typeof l == "number" ? a[h] = f + (l - f) * n : f === void 0 ? a[h] = l : l === void 0 ? a[h] = f : a[h] = n < 0.5 ? f : l;
+      return (/* @__PURE__ */ new Set([...Object.keys(o.value), ...Object.keys(e.value)])).forEach((l) => {
+        const f = o.value[l], h = e.value[l];
+        typeof f == "number" && typeof h == "number" ? a[l] = f + (h - f) * n : f === void 0 ? a[l] = h : h === void 0 ? a[l] = f : a[l] = n < 0.5 ? f : h;
       }), a;
     }
     return typeof o.value == "number" && typeof e.value == "number" ? o.value + (e.value - o.value) * n : n < 0.5 ? o.value : e.value;
   }
   interpolateColor(t, i, o) {
-    var d, u;
-    const e = ((u = (d = this.artboard) == null ? void 0 : d.tokens) == null ? void 0 : u.colors) || {}, s = e[t] || t, n = e[i] || i, a = (v) => {
-      if (!v) return { r: 0, g: 0, b: 0 };
-      const b = v.startsWith("#") ? v.replace("#", "") : "000000";
+    var d, p;
+    const e = ((p = (d = this.artboard) == null ? void 0 : d.tokens) == null ? void 0 : p.colors) || {}, s = e[t] || t, n = e[i] || i, a = (y) => {
+      if (!y) return { r: 0, g: 0, b: 0 };
+      const b = y.startsWith("#") ? y.replace("#", "") : "000000";
       return b.length === 3 ? {
         r: parseInt(b[0] + b[0], 16),
         g: parseInt(b[1] + b[1], 16),
@@ -2820,11 +2820,11 @@ class ci {
         g: parseInt(b.substring(2, 4), 16),
         b: parseInt(b.substring(4, 6), 16)
       };
-    }, r = a(s), h = a(n), f = Math.round(r.r + (h.r - r.r) * o), l = Math.round(r.g + (h.g - r.g) * o), p = Math.round(r.b + (h.b - r.b) * o), c = (v) => {
-      const b = Math.max(0, Math.min(255, v)).toString(16);
+    }, r = a(s), l = a(n), f = Math.round(r.r + (l.r - r.r) * o), h = Math.round(r.g + (l.g - r.g) * o), u = Math.round(r.b + (l.b - r.b) * o), c = (y) => {
+      const b = Math.max(0, Math.min(255, y)).toString(16);
       return b.length === 1 ? "0" + b : b;
     };
-    return `#${c(f)}${c(l)}${c(p)}`;
+    return `#${c(f)}${c(h)}${c(u)}`;
   }
   interpolateStops(t, i, o) {
     return !t || !i || t.length !== i.length ? o < 0.5 ? t : i : t.map((e, s) => {
@@ -2856,8 +2856,8 @@ class ci {
     return e.width = (t.width ?? 0) + ((i.width ?? 0) - (t.width ?? 0)) * o, e.opacity = (t.opacity ?? 1) + ((i.opacity ?? 1) - (t.opacity ?? 1)) * o, t.fill && i.fill ? e.fill = this.interpolateFill(t.fill, i.fill, o) : t.color && i.color && t.color.startsWith("#") && i.color.startsWith("#") && (e.color = this.interpolateColor(t.color, i.color, o)), e.trimStart = (t.trimStart ?? 0) + ((i.trimStart ?? 0) - (t.trimStart ?? 0)) * o, e.trimEnd = (t.trimEnd ?? 1) + ((i.trimEnd ?? 1) - (t.trimEnd ?? 1)) * o, e.trimOffset = (t.trimOffset ?? 0) + ((i.trimOffset ?? 0) - (t.trimOffset ?? 0)) * o, e.dashOffset = (t.dashOffset ?? 0) + ((i.dashOffset ?? 0) - (t.dashOffset ?? 0)) * o, e;
   }
   render(t, i, o) {
-    var l;
-    this.debug_objectsTotal = ((l = this.artboard) == null ? void 0 : l.objects.length) || 0, this.debug_objectsRendered = 0;
+    var h;
+    this.debug_objectsTotal = ((h = this.artboard) == null ? void 0 : h.objects.length) || 0, this.debug_objectsRendered = 0;
     const e = performance.now();
     if (this.canvasWidth = i, this.canvasHeight = o, !this.artboard)
       return;
@@ -2871,64 +2871,64 @@ class ci {
       this.layout.alignment
     );
     if (t.save(), t.translate(Math.round(a.tx), Math.round(a.ty)), t.scale(a.scaleX, a.scaleY), this.rootTransform = t.getTransform(), this.artboard.backgroundVisible !== !1 && (t.fillStyle = this.artboard.backgroundColor || "#000000", t.fillRect(0, 0, s, n)), this.artboard.backgroundImage) {
-      const p = this.artboard.backgroundImage;
-      let c = this.imageCache.get(p);
-      if (c || (c = new Image(), c.src = p, this.imageCache.set(p, c)), c.complete && c.naturalWidth > 0) {
+      const u = this.artboard.backgroundImage;
+      let c = this.imageCache.get(u);
+      if (c || (c = new Image(), c.src = u, this.imageCache.set(u, c)), c.complete && c.naturalWidth > 0) {
         t.save(), t.globalAlpha = this.normalizeOpacity(this.artboard.backgroundOpacity ?? 100);
-        const d = c.naturalWidth / c.naturalHeight, u = s / n;
-        let v, b, m, y;
-        u > d ? (v = s, b = s / d) : (b = n, v = n * d), m = (s - v) / 2, y = (n - b) / 2, t.drawImage(c, m, y, v, b), t.restore();
+        const d = c.naturalWidth / c.naturalHeight, p = s / n;
+        let y, b, m, v;
+        p > d ? (y = s, b = s / d) : (b = n, y = n * d), m = (s - y) / 2, v = (n - b) / 2, t.drawImage(c, m, v, y, b), t.restore();
       }
     }
     (this.artboard.clipContent === !0 || this.artboard.clip_content === !0) && (t.beginPath(), t.rect(0, 0, s, n), t.clip());
-    const h = /* @__PURE__ */ new Map();
-    this.artboard.objects.forEach((p) => h.set(p.id, p)), this.artboard.objects.filter((p) => !p.parentId).map((p, c) => {
-      const d = this.objectStates.get(p.id), u = (d == null ? void 0 : d.zIndex) ?? c;
-      return { obj: p, zIndex: u };
-    }).sort((p, c) => p.zIndex - c.zIndex).forEach(({ obj: p }) => {
-      this.renderObject(t, p, h);
-    }), this._emitterPools.forEach((p, c) => {
-      if (!(p.length === 0 || !h.get(c)))
-        for (const u of p)
-          t.save(), t.globalAlpha = u.opacity, t.fillStyle = u.color, t.beginPath(), t.arc(u.x, u.y, Math.max(1, u.size * u.opacity), 0, Math.PI * 2), t.fill(), t.restore();
+    const l = /* @__PURE__ */ new Map();
+    this.artboard.objects.forEach((u) => l.set(u.id, u)), this.artboard.objects.filter((u) => !u.parentId).map((u, c) => {
+      const d = this.objectStates.get(u.id), p = (d == null ? void 0 : d.zIndex) ?? c;
+      return { obj: u, zIndex: p };
+    }).sort((u, c) => u.zIndex - c.zIndex).forEach(({ obj: u }) => {
+      this.renderObject(t, u, l);
+    }), this._emitterPools.forEach((u, c) => {
+      if (!(u.length === 0 || !l.get(c)))
+        for (const p of u)
+          t.save(), t.globalAlpha = p.opacity, t.fillStyle = p.color, t.beginPath(), t.arc(p.x, p.y, Math.max(1, p.size * p.opacity), 0, Math.PI * 2), t.fill(), t.restore();
     }), this.lastRenderTime = performance.now() - e, this.debugMode && this.frameCount % 60 === 0 && this.log(`[Engine Debug] Rendered ${this.debug_objectsRendered}/${this.debug_objectsTotal} objects in ${this.lastRenderTime.toFixed(2)}ms`), t.restore();
   }
   isObjectInView(t, i, o, e, s, n = 0) {
-    const a = t.getTransform(), r = i * a.a + o * a.c + a.e, h = i * a.b + o * a.d + a.f, f = Math.sqrt(a.a * a.a + a.b * a.b), l = Math.sqrt(a.c * a.c + a.d * a.d), p = (e / 2 + n) * f, c = (s / 2 + n) * l;
-    return r + p >= 0 && r - p <= this.canvasWidth && h + c >= 0 && h - c <= this.canvasHeight;
+    const a = t.getTransform(), r = i * a.a + o * a.c + a.e, l = i * a.b + o * a.d + a.f, f = Math.sqrt(a.a * a.a + a.b * a.b), h = Math.sqrt(a.c * a.c + a.d * a.d), u = (e / 2 + n) * f, c = (s / 2 + n) * h;
+    return r + u >= 0 && r - u <= this.canvasWidth && l + c >= 0 && l - c <= this.canvasHeight;
   }
   calculateTransform(t, i, o, e, s, n) {
-    let a = 1, r = 1, h = 1;
-    const f = o / e, l = t / i;
+    let a = 1, r = 1, l = 1;
+    const f = o / e, h = t / i;
     switch (s) {
       case "Contain":
-        l > f ? h = i / e : h = t / o, a = r = h;
+        h > f ? l = i / e : l = t / o, a = r = l;
         break;
       case "Cover":
-        l > f ? h = t / o : h = i / e, a = r = h;
+        h > f ? l = t / o : l = i / e, a = r = l;
         break;
       case "Fill":
         a = t / o, r = i / e;
         break;
       case "FitWidth":
-        h = t / o, a = r = h;
+        l = t / o, a = r = l;
         break;
       case "FitHeight":
-        h = i / e, a = r = h;
+        l = i / e, a = r = l;
         break;
       case "None":
         a = r = 1;
         break;
       case "ScaleDown":
-        h = Math.min(t / o, i / e), h > 1 && (h = 1), a = r = h;
+        l = Math.min(t / o, i / e), l > 1 && (l = 1), a = r = l;
         break;
       default:
         a = r = 1;
         break;
     }
-    const p = o * a, c = e * r;
-    let d = 0, u = 0;
-    return n.includes("Left") ? d = 0 : n.includes("Right") ? d = t - p : d = (t - p) / 2, n.includes("Top") ? u = 0 : n.includes("Bottom") ? u = i - c : u = (i - c) / 2, { scaleX: a, scaleY: r, tx: d, ty: u };
+    const u = o * a, c = e * r;
+    let d = 0, p = 0;
+    return n.includes("Left") ? d = 0 : n.includes("Right") ? d = t - u : d = (t - u) / 2, n.includes("Top") ? p = 0 : n.includes("Bottom") ? p = i - c : p = (i - c) / 2, { scaleX: a, scaleY: r, tx: d, ty: p };
   }
   mapFontWeight(t) {
     const i = t.toLowerCase();
@@ -2950,7 +2950,7 @@ class ci {
   }
   */
   renderObject(t, i, o) {
-    var u, v, b, m, y, S, C, w, M, I, k, T, R, P, _, E, A, W, z, Y, G, N, J, x, F, j;
+    var p, y, b, m, v, S, C, w, M, I, k, T, R, 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);
@@ -2958,45 +2958,45 @@ class ci {
     }
     this.frameCount % 60, t.roundRect || (t.roundRect = (X, tt, L, O, D) => (this.drawRoundRect(t, X, tt, L, O, 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;
+    let n = e.style ? this.deepMerge(i.style, e.style) : i.style, a = (s == null ? void 0 : s.width) || ((p = i.geometry) == null ? void 0 : p.width) || i.width || 0, r = (s == null ? void 0 : s.height) || ((y = i.geometry) == null ? void 0 : y.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, L = 1 / 0, O = -1 / 0;
       s.points.forEach((D) => {
         X = Math.min(X, D.x), tt = Math.max(tt, D.x), L = Math.min(L, D.y), O = Math.max(O, D.y);
       }), a === 0 && (a = tt - X), r === 0 && (r = O - L);
     }
-    const h = (X) => {
+    const l = (X) => {
       if (X)
         return X.corner_radius ?? X.cornerRadius;
-    }, f = h(e) ?? h(n) ?? h(s) ?? h(i.style) ?? h(i.geometry) ?? 0;
-    let l = { ...s, width: a, height: r };
-    if (delete l.cornerRadius, l.corner_radius = f, l.type === "Path" && i.weights && i.bindMatrices && l.points) {
+    }, f = l(e) ?? l(n) ?? l(s) ?? l(i.style) ?? l(i.geometry) ?? 0;
+    let h = { ...s, width: a, height: r };
+    if (delete h.cornerRadius, h.corner_radius = f, h.type === "Path" && i.weights && i.bindMatrices && h.points) {
       const X = this.getGlobalTransform(i.id);
       if (X) {
         const tt = li(
-          l.points,
+          h.points,
           i.weights,
           i.bindMatrices,
           X,
           (L) => this.getGlobalTransform(L)
         );
-        l = { ...l, points: tt };
+        h = { ...h, points: tt };
       }
     }
     if (e.visible === !1)
       return;
-    const p = i.repeaterConfig, c = p && p.isEnabled && p.count > 1, d = c ? p.count : 1;
+    const u = i.repeaterConfig, c = u && u.isEnabled && u.count > 1, d = c ? u.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, L = 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, L = e.y !== void 0 ? e.y : ((m = e.transform) == null ? void 0 : m.y) ?? 0, O = e.rotation !== void 0 ? e.rotation : ((v = e.transform) == null ? void 0 : v.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 ht = p.offsetX || 0, ut = p.offsetY || 0, at = p.rotation || 0, B = p.scale !== void 0 ? p.scale : 1;
+        if (u.type === "Linear") {
+          const ht = u.offsetX || 0, ut = u.offsetY || 0, at = u.rotation || 0, B = u.scale !== void 0 ? u.scale : 1;
           tt += X * ht, L += X * ut, O += X * at, D *= Math.pow(B, X), q *= Math.pow(B, X);
-        } else if (p.type === "Grid") {
-          const ht = p.cols || Math.ceil(Math.sqrt(p.count)), ut = p.gapX || 0, at = p.gapY || 0, B = Math.floor(X / ht), et = X % ht, Q = a + ut, Pt = r + at;
+        } else if (u.type === "Grid") {
+          const ht = u.cols || Math.ceil(Math.sqrt(u.count)), ut = u.gapX || 0, at = u.gapY || 0, B = Math.floor(X / ht), et = X % ht, Q = a + ut, Pt = r + at;
           tt += et * Q, L += B * Pt;
-        } else if (p.type === "Radial") {
-          const ht = p.radius || 100, ut = p.startAngle || 0, B = (p.endAngle || 360) - ut, et = p.count > 1 ? B / (B === 360 ? p.count : p.count - 1) : 0, Q = ut + X * et, Pt = Q * Math.PI / 180;
+        } else if (u.type === "Radial") {
+          const ht = u.radius || 100, ut = u.startAngle || 0, B = (u.endAngle || 360) - ut, et = u.count > 1 ? B / (B === 360 ? u.count : u.count - 1) : 0, Q = ut + X * et, Pt = Q * Math.PI / 180;
           tt = e.x + ht * Math.cos(Pt), L = e.y + ht * Math.sin(Pt), O += Q;
         }
       }
@@ -3172,7 +3172,7 @@ class ci {
         t.rect(-a / 2, ut, a, r * ht), t.clip(), t.fillStyle = jt.color || "#3b82f6", t.globalAlpha = t.globalAlpha * (jt.opacity ?? 1);
       }
       if ((s == null ? void 0 : s.type) === "Text")
-        this._renderText(t, i, l, n, e, a, r, !1, !1, D, q);
+        this._renderText(t, i, h, n, e, a, r, !1, !1, D, q);
       else if ((s == null ? void 0 : s.type) === "Image") {
         const ht = s.originalSrc || s.src;
         if (ht) {
@@ -3183,12 +3183,12 @@ class ci {
             console.error("[ExodeUI] Image load failed:", et, `Src preview: ${ht.substring(0, 100)}...`);
           }, ut.src = ht, this.imageCache.set(ht, ut));
           const at = n.stroke && n.stroke.width > 0 && n.stroke.isEnabled !== !1, B = (((J = n.stroke) == null ? void 0 : J.alignment) || "center").toLowerCase();
-          if (at && (B === "outside" || B === "center") && this.applyStrokeAlignment(t, n, l, a, r, f, D, q), n.fill && n.fill.type !== "None") {
+          if (at && (B === "outside" || B === "center") && this.applyStrokeAlignment(t, n, h, a, r, f, D, q), n.fill && n.fill.type !== "None") {
             t.save();
             const et = t.globalAlpha, Q = this.createCanvasFill(t, n.fill, a, r);
             t.fillStyle = Q || n.fill.color || "transparent", t.globalAlpha = et * this.normalizeOpacity(n.fill.opacity ?? 100), f !== 0 ? (this.drawRoundRect(t, -a / 2, -r / 2, a, r, f), t.fill()) : t.fillRect(-a / 2, -r / 2, a, r), t.globalAlpha = et, t.restore();
           }
-          ut.complete && ut.naturalWidth > 0 ? (f !== 0 ? (t.save(), this.drawRoundRect(t, -a / 2, -r / 2, a, r, f), t.clip(), t.drawImage(ut, -a / 2, -r / 2, a, r), t.restore()) : t.drawImage(ut, -a / 2, -r / 2, a, r), at && B === "inside" && this.applyStrokeAlignment(t, n, l, a, r, f, D, q)) : at && B === "inside" && this.applyStrokeAlignment(t, n, l, a, r, f, D, q);
+          ut.complete && ut.naturalWidth > 0 ? (f !== 0 ? (t.save(), this.drawRoundRect(t, -a / 2, -r / 2, a, r, f), t.clip(), t.drawImage(ut, -a / 2, -r / 2, a, r), t.restore()) : t.drawImage(ut, -a / 2, -r / 2, a, r), at && B === "inside" && this.applyStrokeAlignment(t, n, h, a, r, f, D, q)) : at && B === "inside" && this.applyStrokeAlignment(t, n, h, a, r, f, D, q);
         }
       } else if (s.type === "SVG") {
         const ht = s.svgContent;
@@ -3353,28 +3353,28 @@ class ci {
             } else f !== 0 ? (t.save(), this.drawRoundRect(t, -$ / 2, -Wt / 2, $, Wt, f), t.clip(), t.drawImage(Mt, -$ / 2, -Wt / 2, $, Wt), t.restore()) : t.drawImage(Mt, -$ / 2, -Wt / 2, $, Wt);
           }
         }
-      } else if (l.type === "LineGraph")
-        this.renderLineGraph(t, l, a, r);
+      } else if (h.type === "LineGraph")
+        this.renderLineGraph(t, h, a, r);
       else if (i.type === "Shape") {
-        if (this.applyPath(t, l, a, r, f), t.save(), n.blur && n.blur.amount > 0 && (t.filter = `blur(${n.blur.amount}px)`), Yt && ie === "BackgroundBlur")
-          this.applyBackgroundBlurGlass(t, l, a, r, f, vt);
+        if (this.applyPath(t, h, a, r, f), t.save(), n.blur && n.blur.amount > 0 && (t.filter = `blur(${n.blur.amount}px)`), Yt && ie === "BackgroundBlur")
+          this.applyBackgroundBlurGlass(t, h, a, r, f, vt);
         else if (n.fill) {
           const ut = t.globalAlpha;
           if (((F = n.fill) == null ? void 0 : F.type) === "Image" && (n.fill.originalSrc || n.fill.src)) {
             const at = n.fill.originalSrc || n.fill.src;
             let B = this.imageCache.get(at);
-            B || (B = new Image(), B.src = at, this.imageCache.set(at, B)), B.complete && B.naturalWidth > 0 && (t.save(), this.applyPath(t, l, a, r, f), t.clip(), this.renderFittedImage(t, B, -a / 2, -r / 2, a, r, n.fill.fillMode), t.restore());
+            B || (B = new Image(), B.src = at, this.imageCache.set(at, B)), B.complete && B.naturalWidth > 0 && (t.save(), this.applyPath(t, h, a, r, f), t.clip(), this.renderFittedImage(t, B, -a / 2, -r / 2, a, r, n.fill.fillMode), t.restore());
           } else {
             const at = this.createCanvasFill(t, n.fill, a, r);
-            t.fillStyle = at || (typeof n.fill == "string" ? n.fill : n.fill.color || "transparent"), t.globalAlpha = ut * this.normalizeOpacity(n.fill.opacity ?? 100), this.applyPath(t, l, a, r, f), t.fill();
+            t.fillStyle = at || (typeof n.fill == "string" ? n.fill : n.fill.color || "transparent"), t.globalAlpha = ut * this.normalizeOpacity(n.fill.opacity ?? 100), this.applyPath(t, h, a, r, f), t.fill();
           }
           t.globalAlpha = ut;
         }
-        t.restore(), n.stroke && n.stroke.width > 0 && (this.applyPath(t, l, a, r, f), this.applyStrokeAlignment(t, n, l, a, r, f, D, q));
+        t.restore(), n.stroke && n.stroke.width > 0 && (this.applyPath(t, h, a, r, f), this.applyStrokeAlignment(t, n, h, a, r, f, D, q));
       } else if (i.type === "Frame" || i.type === "Group" && !i.isStructuralGroup) {
         const ht = e.width ?? s.width ?? i.width ?? a, ut = e.height ?? s.height ?? i.height ?? r, at = f;
         if (t.save(), t.beginPath(), this.drawRoundRect(t, -ht / 2, -ut / 2, ht, ut, at), Yt && ie === "BackgroundBlur")
-          this.applyBackgroundBlurGlass(t, l, ht, ut, at, vt);
+          this.applyBackgroundBlurGlass(t, h, ht, ut, at, vt);
         else if (n.fill && n.fill.type !== "None") {
           const et = t.globalAlpha, Q = this.createCanvasFill(t, n.fill, ht, ut);
           t.fillStyle = Q || n.fill.color || "transparent", t.globalAlpha = et * this.normalizeOpacity(n.fill.opacity ?? 100), t.beginPath(), this.drawRoundRect(t, -ht / 2, -ut / 2, ht, ut, at), t.fill(), t.globalAlpha = et;
@@ -3384,7 +3384,7 @@ class ci {
           t.beginPath(), this.drawRoundRect(t, -ht / 2, -ut / 2, ht, ut, at), this.applyStrokeAlignment(t, n, et, ht, ut, at, D, q);
         }
       } else i.type === "Group" && i.isStructuralGroup || (i.type === "Component" && i.variant === "inputbox" ? this.renderInputBox(t, i) : i.type === "Component" && i.variant === "button" ? this.renderButton(t, i) : i.type === "Component" && i.variant === "toggle_button" ? this.renderToggleButton(t, i) : i.type === "Toggle" || i.type === "Component" && i.variant === "toggle" ? this.renderToggle(t, i) : i.type === "Slider" || i.type === "Component" && i.variant === "slider" ? this.renderSlider(t, i) : i.type === "Dropdown" || i.type === "Component" && i.variant === "dropdown" ? this.renderDropdown(t, i) : i.type === "ListView" || i.type === "Component" && i.variant === "listview" ? this.renderListView(t, i) : i.type === "Checkbox" || i.type === "Component" && i.variant === "checkbox" ? this.renderCheckbox(t, i) : i.type === "RadioGroup" || i.type === "Component" && i.variant === "radiogroup" ? this.renderRadioGroup(t, i) : i.type === "BarChart" || i.type === "Component" && i.variant === "barchart" ? this.renderBarChart(t, i) : i.type === "PieChart" || i.type === "Component" && i.variant === "piechart" ? this.renderPieChart(t, i) : i.type === "Joystick" || i.type === "Component" && i.variant === "joystick" ? this.renderJoystick(t, i) : this.frameCount % 300 === 0 && this.warn("[Engine] Unhandled object type in renderObject:", i.type, "Geo:", (j = i.geometry) == null ? void 0 : j.type));
-      if (this.applyArtEffectOverlay(t, i, l, a, r, f), jt && jt.enabled && t.restore(), i.children && i.children.length > 0) {
+      if (this.applyArtEffectOverlay(t, i, h, a, r, f), jt && jt.enabled && t.restore(), i.children && i.children.length > 0) {
         const ut = i.type === "Frame", at = i.clipsContent !== void 0 ? i.clipsContent : i.clipContent !== void 0 ? i.clipContent : ut;
         if (t.save(), at) {
           t.beginPath();
@@ -3491,12 +3491,12 @@ class ci {
         t.restore();
     }
   }
-  _renderText(t, i, o, e, s, n, a, r = !1, h = !1, f = 1, l = 1) {
+  _renderText(t, i, o, e, s, n, a, r = !1, l = !1, f = 1, h = 1) {
     var yt, bt, gt, Et, It, vt, Yt, ie, fe;
-    let p = o.text || "";
+    let u = o.text || "";
     if (o.textInputId && !r) {
       const st = this.inputs.get(o.textInputId);
-      st !== void 0 && (p = String(st), s.geometry && s.geometry.type === "Text" && (s.geometry.text = p));
+      st !== void 0 && (u = String(st), s.geometry && s.geometry.type === "Text" && (s.geometry.text = u));
     }
     if (o.svgPath) {
       const st = o.svgPath;
@@ -3507,20 +3507,20 @@ class ci {
       t.fill(_t), t.restore();
       return;
     }
-    let c = p || "";
+    let c = u || "";
     o.enableSegments === !0 && o.segments && Array.isArray(o.segments) && (c = o.segments.map((st) => st && st.text ? st.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, (st) => st.toUpperCase()));
-    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";
+    let p = ((Et = o.fontWeight) == null ? void 0 : Et.toString()) || "400", y = o.fontStyle || "normal";
+    p.toLowerCase().includes("italic") && (y = "italic", p = p.replace(/italic/gi, "").trim() || "400");
+    const b = this.mapFontWeight(p), m = Math.max(1, o.fontSize || 32);
+    let v = o.fontFamily || "Inter";
     const S = ["Bold", "SemiBold", "Medium", "Regular", "Light", "Thin", "ExtraBold", "Black", "Italic"];
     S.forEach((st) => {
       const mt = new RegExp(`[\\s-]${st}$`, "i");
-      mt.test(y) && (y = y.replace(mt, "").trim());
+      mt.test(v) && (v = v.replace(mt, "").trim());
     });
-    const M = `${o.smallCaps === !0 ? "small-caps " : ""}${v} ${b} ${m}px "${y}", sans-serif`;
+    const M = `${o.smallCaps === !0 ? "small-caps " : ""}${y} ${b} ${m}px "${v}", sans-serif`;
     t.font = M;
     const I = o.textVerticalAlign || "top";
     t.textBaseline = "top";
@@ -3543,10 +3543,10 @@ class ci {
     o.autoHeight;
     const G = ps({
       text: c,
-      fontFamily: y,
+      fontFamily: v,
       fontSize: m,
       fontWeight: b,
-      fontStyle: v,
+      fontStyle: y,
       lineHeight: E,
       width: Y,
       letterSpacing: T,
@@ -3558,7 +3558,7 @@ class ci {
       hyphenation: o.hyphenation,
       composer: o.composer,
       balanceRaggedLines: o.balanceRaggedLines
-    }), N = G.lines || [], J = G.maxFontSize || m, x = this.fontLeadingFactors[y] ?? 0.5, F = (A - m) * x;
+    }), N = G.lines || [], J = G.maxFontSize || m, x = this.fontLeadingFactors[v] ?? 0.5, F = (A - m) * x;
     let j = G.height, X = n, tt = a;
     if (X === 0 || tt === 0 || X >= 1e5) {
       let st = 0, mt = 0;
@@ -3599,7 +3599,7 @@ class ci {
           if (Vt) {
             t.save();
             let ne = Vt.fontFamily || o.fontFamily || "Inter";
-            const me = this.mapFontWeight((Vt.fontWeight || o.fontWeight || "400").toString()), ye = Vt.fontStyle || v, Ut = Vt.fontSize || m;
+            const me = this.mapFontWeight((Vt.fontWeight || o.fontWeight || "400").toString()), ye = Vt.fontStyle || y, Ut = Vt.fontSize || m;
             t.font = `${ye} ${me} ${Ut}px "${ne}", sans-serif`, $t = t.measureText(st[Ft]).width, t.restore();
           } else
             $t = t.measureText(st[Ft]).width;
@@ -3611,7 +3611,7 @@ class ci {
     }, ot = (st, mt, Lt, _t, dt) => {
       var me, ye;
       const Dt = (dt === 0 || c[dt - 1] === `
-` || c[dt - 1] === "\r") && o.paragraphIndent ? o.paragraphIndent : 0, $t = (!r || h) && (i.behaviors || []).some(
+` || c[dt - 1] === "\r") && o.paragraphIndent ? o.paragraphIndent : 0, $t = (!r || l) && (i.behaviors || []).some(
         (Ut) => Ut.enabled && (Ut.type.toString().includes("Text") || ["Typewriter", "Scramble", "Wave", "Bounce", "GlitchText", "Reveal3D", "RevealSlide", "RevealBlur"].includes(Ut.type))
       ), Ot = !o.pathId && !$t && (o.enableSegments !== !0 || !o.segments || o.segments.length === 0), Vt = o.baselineShift || 0, ne = Lt + Vt;
       if (Ot)
@@ -3637,7 +3637,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));
         let jt = Se;
-        const ht = r && !h ? [] : ((me = i.behaviors) == null ? void 0 : me.filter(
+        const ht = r && !l ? [] : ((me = i.behaviors) == null ? void 0 : me.filter(
           (ut) => [
             U.Typewriter,
             U.Scramble,
@@ -3786,7 +3786,7 @@ class ci {
                 const nt = new RegExp(`[\\s-]${it}$`, "i");
                 nt.test(Ct) && (Ct = Ct.replace(nt, "").trim());
               });
-              const rt = this.mapFontWeight((ct.fontWeight || o.fontWeight || "400").toString()), V = ct.fontStyle || v;
+              const rt = this.mapFontWeight((ct.fontWeight || o.fontWeight || "400").toString()), V = ct.fontStyle || y;
               Kt = ct.fontSize || m, t.font = `${V} ${rt} ${Kt}px "${Ct}", sans-serif`, ct.fill && ($ = ct.fill), ct.textDecoration && (Wt = ct.textDecoration), Kt < J && (Q += (J - Kt) * 0.85);
             }
           } else
@@ -3799,16 +3799,16 @@ class ci {
             t.translate(rt.x + St + et, rt.y + Xt), t.rotate(V + kt + (nt === -1 ? Math.PI : 0));
           } else
             t.translate(jt + et + Jt / 2, Lt + Q), kt !== 0 && t.rotate(kt);
-          if (t.scale(Pt, xt), $ && !r && !h) {
+          if (t.scale(Pt, xt), $ && !r && !l) {
             const pt = this.createCanvasFill(t, $, X, tt);
             t.fillStyle = pt || $.color || "#000000";
-          } else if (!r && !h) {
+          } else if (!r && !l) {
             const pt = this.createCanvasFill(t, e.fill, X, tt);
             t.fillStyle = pt || e.fill.color || "#000000";
           }
           if (At > 0)
-            if (r || h) {
-              const pt = h ? "#000000" : this.createCanvasFill(t, e.fill, X, tt);
+            if (r || l) {
+              const pt = l ? "#000000" : this.createCanvasFill(t, e.fill, X, tt);
               t.fillStyle = pt || e.fill.color || "#ffffff", t.fillText(Mt, -Jt / 2, 0);
             } 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;
@@ -3823,7 +3823,7 @@ class ci {
         let Ft = -X / 2;
         k === "center" ? Ft = 0 : k === "right" && (Ft = X / 2), ot(_t, Ft, mt, !1, st), st += _t.length, mt += A;
       });
-    } else if (h) {
+    } else if (l) {
       let st = 0, mt = L;
       (N || []).forEach((Lt) => {
         const _t = Lt.text || "";
@@ -3882,7 +3882,7 @@ class ci {
           const Dt = t.getTransform(), $t = Math.sqrt(Dt.a * Dt.a + Dt.b * Dt.b) || 1, Ot = this.rootTransform, Vt = Math.sqrt(Ot.a * Ot.a + Ot.b * Ot.b) || 1;
           _t = $t / Vt;
         } else
-          _t = (Math.abs(f) + Math.abs(l)) / 2 || 1;
+          _t = (Math.abs(f) + Math.abs(h)) / 2 || 1;
         t.lineWidth = (e.stroke.width || 1) / (_t || 1), t.globalAlpha = mt * this.normalizeOpacity(e.stroke.opacity ?? 100);
         let dt = 0, Ft = L;
         (N || []).forEach((Dt) => {
@@ -3896,26 +3896,26 @@ 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 h = i.stroke;
+    const l = i.stroke;
     let f = 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;
       f = C / M;
     } else
       f = (Math.abs(a) + Math.abs(r)) / 2 || 1;
-    const l = (h.width || 1) / (f || 1), p = (h.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), h.fill) {
-      const S = this.createCanvasFill(t, h.fill, e, s);
-      S ? t.strokeStyle = S : t.strokeStyle = h.color || "#000000";
+    const h = (l.width || 1) / (f || 1), u = (l.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), l.fill) {
+      const S = this.createCanvasFill(t, l.fill, e, s);
+      S ? t.strokeStyle = S : t.strokeStyle = l.color || "#000000";
     } else
-      t.strokeStyle = h.color || "#000000";
+      t.strokeStyle = l.color || "#000000";
     const d = t.globalAlpha;
-    t.globalAlpha = d * this.normalizeOpacity(h.opacity ?? 100), t.lineWidth = l, t.lineCap = h.lineCap || "round", t.lineJoin = h.lineJoin || "round", h.miterLimit !== void 0 && (t.miterLimit = h.miterLimit);
-    const u = h.trimStart ?? 0, v = h.trimEnd ?? 1, b = h.trimOffset ?? 0, m = h.dashOffset ?? 0, y = h.dashArray || [];
-    if (u !== 0 || v !== 1 || b !== 0) {
+    t.globalAlpha = d * this.normalizeOpacity(l.opacity ?? 100), t.lineWidth = h, t.lineCap = l.lineCap || "round", t.lineJoin = l.lineJoin || "round", l.miterLimit !== void 0 && (t.miterLimit = l.miterLimit);
+    const p = l.trimStart ?? 0, y = l.trimEnd ?? 1, b = l.trimOffset ?? 0, m = l.dashOffset ?? 0, v = l.dashArray || [];
+    if (p !== 0 || y !== 1 || b !== 0) {
       const S = this.getPerimeter(o, e, s);
       if (S > 0) {
-        const C = Math.max(0, Math.min(1, u)), w = Math.max(0, Math.min(1, v));
+        const C = Math.max(0, Math.min(1, p)), w = Math.max(0, Math.min(1, y));
         if (C < w) {
           const M = S * (w - C), I = S - M, k = -(S * (C + b % 1));
           t.setLineDash([M, I]), t.lineDashOffset = k + m * S;
@@ -3926,8 +3926,18 @@ class ci {
           t.setLineDash([M, I]), t.lineDashOffset = k + m * S;
         }
       }
-    } else y.length > 0 && (t.setLineDash(y), t.lineDashOffset = m);
-    (o == null ? void 0 : o.type) === "Line" || e === 0 || s === 0 ? (this.applyPath(t, o, e, s, n), t.stroke()) : p === "inside" ? (t.lineWidth = l * 2, t.save(), this.applyPath(t, o, e, s, n), t.clip(), t.stroke(), t.restore()) : p === "outside" ? (t.lineWidth = l * 2, this.applyPath(t, o, e, s, n), t.stroke(), t.save(), t.globalCompositeOperation = "destination-out", this.applyPath(t, o, e, s, n), t.fill(), t.restore()) : (t.lineWidth = l, this.applyPath(t, o, e, s, n), t.stroke()), t.restore();
+    } else v.length > 0 && (t.setLineDash(v), t.lineDashOffset = m);
+    if ((o == null ? void 0 : o.type) === "Line" || e === 0 || s === 0)
+      this.applyPath(t, o, e, s, n), t.stroke();
+    else if (u === "inside")
+      t.lineWidth = h * 2, t.save(), this.applyPath(t, o, e, s, n), t.clip(), t.stroke(), t.restore();
+    else if (u === "outside") {
+      t.save(), t.beginPath();
+      const S = Math.max(e, s, 2e4);
+      t.rect(-S, -S, S * 2, S * 2), this.applyPath(t, o, e, s, n), t.clip("evenodd"), t.lineWidth = h * 2, t.beginPath(), this.applyPath(t, o, e, s, n), t.stroke(), t.restore();
+    } else
+      t.lineWidth = h, this.applyPath(t, o, e, s, n), t.stroke();
+    t.restore();
   }
   getPerimeter(t, i, o) {
     switch (this.ensurePathPoints(t), t == null ? void 0 : t.type) {
@@ -3936,12 +3946,12 @@ class ci {
       case "Ellipse": {
         const e = Math.abs(i) / 2, s = Math.abs(o) / 2, n = Math.abs(t.sweepAngle ?? 360), a = t.ratio || 0, r = Math.PI * (3 * (e + s) - Math.sqrt((3 * e + s) * (e + 3 * s)));
         if (n >= 360 && a <= 0) return r;
-        let h = n / 360 * r;
+        let l = n / 360 * r;
         if (a > 0) {
           const f = Math.PI * (3 * (e * a + s * a) - Math.sqrt((3 * e * a + s * a) * (e * a + 3 * s * a)));
-          h += n / 360 * f, n < 360 && (h += 2 * Math.sqrt((e - e * a) ** 2 + (s - s * a) ** 2));
-        } else n < 360 && (h += 2 * Math.max(e, s));
-        return isNaN(h) ? 0 : h;
+          l += n / 360 * f, n < 360 && (l += 2 * Math.sqrt((e - e * a) ** 2 + (s - s * a) ** 2));
+        } else n < 360 && (l += 2 * Math.max(e, s));
+        return isNaN(l) ? 0 : l;
       }
       case "Line":
         return t.length || Math.sqrt(i * i + o * o);
@@ -3960,33 +3970,33 @@ class ci {
         if (e.length < 2) return t.length || 0;
         let s = 0, n = e[0].x, a = e[0].y;
         for (let r = 1; r < e.length; r++) {
-          const h = e[r];
-          if (h.moveTo) {
-            n = h.x, a = h.y;
+          const l = e[r];
+          if (l.moveTo) {
+            n = l.x, a = l.y;
             continue;
           }
-          const f = n, l = a, p = e[r - 1].out_x, c = e[r - 1].out_y;
-          if (p !== void 0 || h.in_x !== void 0 ? s += this.getBezierLength(
+          const f = n, h = a, u = e[r - 1].out_x, c = e[r - 1].out_y;
+          if (u !== void 0 || l.in_x !== void 0 ? s += this.getBezierLength(
             f,
-            l,
-            p ?? f,
-            c ?? l,
-            h.in_x ?? h.x,
-            h.in_y ?? h.y,
-            h.x,
-            h.y
-          ) : s += Math.sqrt((h.x - f) ** 2 + (h.y - l) ** 2), n = h.x, a = h.y, h.closePath || r === e.length - 1 && (t.is_closed || t.isClosed)) {
-            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(
+            h,
+            u ?? f,
+            c ?? h,
+            l.in_x ?? l.x,
+            l.in_y ?? l.y,
+            l.x,
+            l.y
+          ) : s += Math.sqrt((l.x - f) ** 2 + (l.y - h) ** 2), n = l.x, a = l.y, l.closePath || r === e.length - 1 && (t.is_closed || t.isClosed)) {
+            const d = n, p = a, y = [...e.slice(0, r + 1)].reverse().find((M) => M.moveTo) || e[0], b = y.x, m = y.y, v = e[r].out_x, S = e[r].out_y, C = y.in_x, w = y.in_y;
+            v !== void 0 || C !== void 0 ? s += this.getBezierLength(
               d,
-              u,
-              y ?? d,
-              S ?? u,
+              p,
+              v ?? d,
+              S ?? p,
               C ?? b,
               w ?? m,
               b,
               m
-            ) : s += Math.sqrt((b - d) ** 2 + (m - u) ** 2);
+            ) : s += Math.sqrt((b - d) ** 2 + (m - p) ** 2);
           }
         }
         return s;
@@ -3995,24 +4005,24 @@ class ci {
         return (i + o) * 2;
     }
   }
-  getBezierLength(t, i, o, e, s, n, a, r, h = 10) {
-    let f = 0, l = t, p = i;
-    for (let c = 1; c <= h; c++) {
-      const d = c / h, 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;
-      f += Math.sqrt(w * w + M * M), l = S, p = C;
+  getBezierLength(t, i, o, e, s, n, a, r, l = 10) {
+    let f = 0, h = t, u = i;
+    for (let c = 1; c <= l; c++) {
+      const d = c / l, p = 1 - d, y = d * d, b = p * p, m = b * p, v = y * d, S = m * t + 3 * b * d * o + 3 * p * y * s + v * a, C = m * i + 3 * b * d * e + 3 * p * y * n + v * r, w = S - h, M = C - u;
+      f += Math.sqrt(w * w + M * M), h = S, u = C;
     }
     return f;
   }
-  getBezierTAtLength(t, i, o, e, s, n, a, r, h, f = 20) {
+  getBezierTAtLength(t, i, o, e, s, n, a, r, l, f = 20) {
     if (t <= 0) return 0;
-    let l = 0, p = i, c = o;
+    let h = 0, u = i, c = o;
     for (let d = 1; d <= f; d++) {
-      const u = d / f, 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 * h, M = C - p, I = w - c, k = Math.sqrt(M * M + I * I);
-      if (l + k >= t) {
-        const T = t - l, R = k === 0 ? 0 : T / k;
+      const p = d / f, y = 1 - p, b = p * p, m = y * y, v = m * y, S = b * p, C = v * i + 3 * m * p * e + 3 * y * b * n + S * r, w = v * o + 3 * m * p * s + 3 * y * b * a + S * l, M = C - u, I = w - c, k = Math.sqrt(M * M + I * I);
+      if (h + k >= t) {
+        const T = t - h, R = k === 0 ? 0 : T / k;
         return (d - 1 + R) / f;
       }
-      l += k, p = C, c = w;
+      h += k, u = C, c = w;
     }
     return 1;
   }
@@ -4020,51 +4030,51 @@ class ci {
     if (this.ensurePathPoints(t), (t == null ? void 0 : t.type) === "Path") {
       const s = t.points || [];
       if (s.length < 2) return { x: 0, y: 0, angle: 0 };
-      let n = 1 / 0, a = -1 / 0, r = 1 / 0, h = -1 / 0;
+      let n = 1 / 0, a = -1 / 0, r = 1 / 0, l = -1 / 0;
       s.forEach((m) => {
-        typeof m.x == "number" && typeof m.y == "number" && (n = Math.min(n, m.x), a = Math.max(a, m.x), r = Math.min(r, m.y), h = Math.max(h, m.y), m.out_x !== void 0 && (n = Math.min(n, m.out_x), a = Math.max(a, m.out_x)), m.out_y !== void 0 && (r = Math.min(r, m.out_y), h = Math.max(h, m.out_y)), m.in_x !== void 0 && (n = Math.min(n, m.in_x), a = Math.max(a, m.in_x)), m.in_y !== void 0 && (r = Math.min(r, m.in_y), h = Math.max(h, m.in_y)));
+        typeof m.x == "number" && typeof m.y == "number" && (n = Math.min(n, m.x), a = Math.max(a, m.x), r = Math.min(r, m.y), l = Math.max(l, m.y), m.out_x !== void 0 && (n = Math.min(n, m.out_x), a = Math.max(a, m.out_x)), m.out_y !== void 0 && (r = Math.min(r, m.out_y), l = Math.max(l, m.out_y)), m.in_x !== void 0 && (n = Math.min(n, m.in_x), a = Math.max(a, m.in_x)), m.in_y !== void 0 && (r = Math.min(r, m.in_y), l = Math.max(l, m.in_y)));
       });
-      const f = (n + a) / 2, l = (r + h) / 2, c = this.getPerimeter(t, i, o) * e;
+      const f = (n + a) / 2, h = (r + l) / 2, c = this.getPerimeter(t, i, o) * e;
       let d = 0;
-      const u = [];
-      let v = s[0], b = s[0];
+      const p = [];
+      let y = s[0], b = s[0];
       for (let m = 1; m < s.length; m++) {
-        const y = s[m];
-        if (y.moveTo) {
-          v = y, b = y;
+        const v = s[m];
+        if (v.moveTo) {
+          y = v, b = v;
           continue;
         }
-        u.push({ p0: v, p1: y }), (y.closePath || m === s.length - 1 && (t.is_closed || t.isClosed)) && u.push({ p0: y, p1: b }), v = y;
+        p.push({ p0: y, p1: v }), (v.closePath || m === s.length - 1 && (t.is_closed || t.isClosed)) && p.push({ p0: v, p1: b }), y = v;
       }
-      for (const m of u) {
-        const y = m.p0, S = m.p1;
+      for (const m of p) {
+        const v = m.p0, S = m.p1;
         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]) {
+        const w = v.out_x !== void 0 || S.in_x !== void 0;
+        if (w ? C = this.getBezierLength(v.x, v.y, v.out_x ?? v.x, v.out_y ?? v.y, S.in_x ?? S.x, S.in_y ?? S.y, S.x, S.y) : C = Math.sqrt((S.x - v.x) ** 2 + (S.y - v.y) ** 2), d + C >= c || m === p[p.length - 1]) {
           let M = 0;
           if (w)
-            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, f, l);
+            return M = this.getBezierTAtLength(c - d, v.x, v.y, v.out_x ?? v.x, v.out_y ?? v.y, S.in_x ?? S.x, S.in_y ?? S.y, S.x, S.y, 20), this.getBezierPointAndAngle(M, v, S, f, h);
           {
             M = C === 0 ? 0 : (c - d) / C;
-            const I = y.x + (S.x - y.x) * M - f, k = y.y + (S.y - y.y) * M - l, T = Math.atan2(S.y - y.y, S.x - y.x);
+            const I = v.x + (S.x - v.x) * M - f, k = v.y + (S.y - v.y) * M - h, T = Math.atan2(S.y - v.y, S.x - v.x);
             return { x: I, y: k, angle: T };
           }
         }
         d += C;
       }
     } else if (t.type === "Ellipse") {
-      const s = Math.abs(i) / 2, n = Math.abs(o) / 2, a = t.sweepAngle ?? 360, h = ((t.startAngle ?? 0) + a * e) * Math.PI / 180, f = s * Math.cos(h), l = n * Math.sin(h), p = -s * Math.sin(h), c = n * Math.cos(h), d = Math.atan2(c, p);
-      return { x: f, y: l, angle: d };
+      const s = Math.abs(i) / 2, n = Math.abs(o) / 2, a = t.sweepAngle ?? 360, l = ((t.startAngle ?? 0) + a * e) * Math.PI / 180, f = s * Math.cos(l), h = n * Math.sin(l), u = -s * Math.sin(l), c = n * Math.cos(l), d = Math.atan2(c, u);
+      return { x: f, y: h, angle: d };
     } else if ((t == null ? void 0 : t.type) === "Rectangle") {
       const s = Math.abs(i), n = Math.abs(o), r = (s + n) * 2 * e;
-      let h = 0, f = 0, l = 0;
-      return r < s ? (h = -s / 2 + r, f = -n / 2, l = 0) : r < s + n ? (h = s / 2, f = -n / 2 + (r - s), l = Math.PI / 2) : r < 2 * s + n ? (h = s / 2 - (r - (s + n)), f = n / 2, l = Math.PI) : (h = -s / 2, f = n / 2 - (r - (2 * s + n)), l = -Math.PI / 2), { x: h, y: f, angle: l };
+      let l = 0, f = 0, h = 0;
+      return r < s ? (l = -s / 2 + r, f = -n / 2, h = 0) : r < s + n ? (l = s / 2, f = -n / 2 + (r - s), h = Math.PI / 2) : r < 2 * s + n ? (l = s / 2 - (r - (s + n)), f = n / 2, h = Math.PI) : (l = -s / 2, f = n / 2 - (r - (2 * s + n)), h = -Math.PI / 2), { x: l, y: f, angle: h };
     }
     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, h = i.out_y ?? i.y, f = 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 * f + m * p - e, S = b * a + 3 * v * t * h + 3 * d * u * l + m * c - s, C = 3 * v * (r - n) + 6 * d * t * (f - r) + 3 * u * (p - f), w = 3 * v * (h - a) + 6 * d * t * (l - h) + 3 * u * (c - l), M = Math.atan2(w, C);
-    return { x: y, y: S, angle: M };
+    const n = i.x, a = i.y, r = i.out_x ?? i.x, l = i.out_y ?? i.y, f = o.in_x ?? o.x, h = o.in_y ?? o.y, u = o.x, c = o.y, d = 1 - t, p = t * t, y = d * d, b = y * d, m = p * t, v = b * n + 3 * y * t * r + 3 * d * p * f + m * u - e, S = b * a + 3 * y * t * l + 3 * d * p * h + m * c - s, C = 3 * y * (r - n) + 6 * d * t * (f - r) + 3 * p * (u - f), w = 3 * y * (l - a) + 6 * d * t * (h - l) + 3 * p * (c - h), M = Math.atan2(w, C);
+    return { x: v, y: S, angle: M };
   }
   applyAbsoluteTransform(t, i, o) {
     if (!o.get(i)) return;
@@ -4080,7 +4090,7 @@ class ci {
     });
   }
   applyObjectTransform(t, i) {
-    var d, u, v;
+    var d, p, y;
     const o = this.objectStates.get(i);
     if (!o) return;
     t.translate(o.x, o.y), t.rotate((o.rotation ?? 0) * Math.PI / 180);
@@ -4089,58 +4099,58 @@ class ci {
       const b = Math.tan(e * Math.PI / 180), m = Math.tan(s * Math.PI / 180);
       t.transform(1 + b * m, m, b, 1, 0, 0);
     }
-    const n = o.rotate_x !== void 0 ? o.rotate_x : ((d = o.transform) == null ? void 0 : d.rotate_x) ?? 0, a = o.rotate_y !== void 0 ? o.rotate_y : ((u = o.transform) == null ? void 0 : u.rotate_y) ?? 0, h = 1 + (o.translate_z !== void 0 ? o.translate_z : ((v = o.transform) == null ? void 0 : v.translate_z) ?? 0) / 1e3, f = (o.flip_x === !0 ? -1 : 1) * Math.cos(a * Math.PI / 180) * h, l = (o.flip_y === !0 ? -1 : 1) * Math.cos(n * Math.PI / 180) * h, p = (o.scale_x ?? 1) * f, c = (o.scale_y ?? 1) * l;
-    t.scale(p, c);
+    const n = o.rotate_x !== void 0 ? o.rotate_x : ((d = o.transform) == null ? void 0 : d.rotate_x) ?? 0, a = o.rotate_y !== void 0 ? o.rotate_y : ((p = o.transform) == null ? void 0 : p.rotate_y) ?? 0, l = 1 + (o.translate_z !== void 0 ? o.translate_z : ((y = o.transform) == null ? void 0 : y.translate_z) ?? 0) / 1e3, f = (o.flip_x === !0 ? -1 : 1) * Math.cos(a * Math.PI / 180) * l, h = (o.flip_y === !0 ? -1 : 1) * Math.cos(n * Math.PI / 180) * l, u = (o.scale_x ?? 1) * f, c = (o.scale_y ?? 1) * h;
+    t.scale(u, c);
   }
   applyArtEffectOverlay(t, i, o, e, s, n) {
-    var c, d, u, v, b;
+    var c, d, p, y, b;
     const a = this.objectStates.get(i.id), r = ((c = a == null ? void 0 : a.style) == null ? void 0 : c.artEffect) || i.artEffect || ((d = i.style) == null ? void 0 : d.artEffect);
     if (!r || !r.enabled) return;
-    const h = r.type, f = r.intensity ?? 0.5, l = r.speed ?? 1, p = r.scale ?? 10;
-    if (h === "acid_gradient" || h === "acid_rave" || h === "shimmer" || h === "glint_overlay" || h === "halftone" || h === "noise" || h === "scanlines" || h === "chromatic_aberration" || h === "pixelate" || h === "glitch" || h === "fold_overlay" || h === "crumple_overlay") {
-      if (t.save(), this.applyPath(t, o, e, s, n), t.clip(), h === "shimmer") {
-        const y = this.currentTime * l % 2 / 2, S = t.createLinearGradient(-e, -s, e, s);
-        S.addColorStop(Math.max(0, y - 0.2), "rgba(255,255,255,0)"), S.addColorStop(y, `rgba(255,255,255,${f * 0.8})`), S.addColorStop(Math.min(1, y + 0.2), "rgba(255,255,255,0)"), t.fillStyle = S, t.globalCompositeOperation = "screen", t.fillRect(-e / 2, -s / 2, e, s), t.globalCompositeOperation = "source-over";
-      } else if (h === "glint_overlay") {
-        let S = ((this._lastPointerPos || { x: 0 }).x - (((u = i.transform) == null ? void 0 : u.x) ?? 0) + 300) / 600;
+    const l = r.type, f = r.intensity ?? 0.5, h = r.speed ?? 1, u = r.scale ?? 10;
+    if (l === "acid_gradient" || l === "acid_rave" || l === "shimmer" || l === "glint_overlay" || l === "halftone" || l === "noise" || l === "scanlines" || l === "chromatic_aberration" || l === "pixelate" || l === "glitch" || l === "fold_overlay" || l === "crumple_overlay") {
+      if (t.save(), this.applyPath(t, o, e, s, n), t.clip(), l === "shimmer") {
+        const v = this.currentTime * h % 2 / 2, S = t.createLinearGradient(-e, -s, e, s);
+        S.addColorStop(Math.max(0, v - 0.2), "rgba(255,255,255,0)"), S.addColorStop(v, `rgba(255,255,255,${f * 0.8})`), S.addColorStop(Math.min(1, v + 0.2), "rgba(255,255,255,0)"), t.fillStyle = S, t.globalCompositeOperation = "screen", t.fillRect(-e / 2, -s / 2, e, s), t.globalCompositeOperation = "source-over";
+      } else if (l === "glint_overlay") {
+        let S = ((this._lastPointerPos || { x: 0 }).x - (((p = i.transform) == null ? void 0 : p.x) ?? 0) + 300) / 600;
         S = Math.max(-0.2, Math.min(1.2, S));
         const C = t.createLinearGradient(-e, -s, e, s);
         C.addColorStop(Math.max(0, S - 0.15), "rgba(255,255,255,0)"), C.addColorStop(Math.max(0, Math.min(1, S)), `rgba(255,255,255,${f})`), C.addColorStop(Math.min(1, S + 0.15), "rgba(255,255,255,0)"), t.fillStyle = C, t.globalCompositeOperation = "screen", t.fillRect(-e / 2, -s / 2, e, s), t.globalCompositeOperation = "source-over";
-      } else if (h === "fold_overlay") {
-        const m = this._lastPointerPos || { x: 0, y: 0 }, y = m.x - (((v = i.transform) == null ? void 0 : v.x) ?? 0), S = m.y - (((b = i.transform) == null ? void 0 : b.y) ?? 0), C = t.createLinearGradient(y > 0 ? -e / 2 : e / 2, S > 0 ? -s / 2 : s / 2, y > 0 ? e / 2 : -e / 2, S > 0 ? s / 2 : -s / 2);
-        C.addColorStop(0, `rgba(0,0,0,${f * 0.6})`), C.addColorStop(0.4, "rgba(0,0,0,0)"), C.addColorStop(0.5, `rgba(255,255,255,${f * 0.4})`), C.addColorStop(1, `rgba(0,0,0,${f * 0.2})`), t.fillStyle = C, t.globalCompositeOperation = "overlay", t.fillRect(-e / 2, -s / 2, e, s), t.globalCompositeOperation = "source-over", t.beginPath(), y > 0 && S > 0 ? (t.moveTo(e / 2 - 40, s / 2), t.lineTo(e / 2, s / 2 - 40), t.lineTo(e / 2 - 40, s / 2 - 40)) : y < 0 && S > 0 ? (t.moveTo(-e / 2 + 40, s / 2), t.lineTo(-e / 2, s / 2 - 40), t.lineTo(-e / 2 + 40, s / 2 - 40)) : y > 0 && S < 0 ? (t.moveTo(e / 2 - 40, -s / 2), t.lineTo(e / 2, -s / 2 + 40), t.lineTo(e / 2 - 40, -s / 2 + 40)) : (t.moveTo(-e / 2 + 40, -s / 2), t.lineTo(-e / 2, -s / 2 + 40), t.lineTo(-e / 2 + 40, -s / 2 + 40)), t.closePath(), t.fillStyle = "#ffffff", t.shadowColor = "rgba(0,0,0,0.5)", t.shadowBlur = 10, t.shadowOffsetX = y > 0 ? -2 : 2, t.shadowOffsetY = S > 0 ? -2 : 2, t.fill();
-      } else if (h === "crumple_overlay") {
-        const m = Math.floor(e / p), y = document.createElement("canvas");
-        y.width = m, y.height = Math.floor(s / p);
-        const S = y.getContext("2d"), C = S.createImageData(y.width, y.height);
+      } else if (l === "fold_overlay") {
+        const m = this._lastPointerPos || { x: 0, y: 0 }, v = m.x - (((y = i.transform) == null ? void 0 : y.x) ?? 0), S = m.y - (((b = i.transform) == null ? void 0 : b.y) ?? 0), C = t.createLinearGradient(v > 0 ? -e / 2 : e / 2, S > 0 ? -s / 2 : s / 2, v > 0 ? e / 2 : -e / 2, S > 0 ? s / 2 : -s / 2);
+        C.addColorStop(0, `rgba(0,0,0,${f * 0.6})`), C.addColorStop(0.4, "rgba(0,0,0,0)"), C.addColorStop(0.5, `rgba(255,255,255,${f * 0.4})`), C.addColorStop(1, `rgba(0,0,0,${f * 0.2})`), t.fillStyle = C, t.globalCompositeOperation = "overlay", t.fillRect(-e / 2, -s / 2, e, s), t.globalCompositeOperation = "source-over", t.beginPath(), v > 0 && S > 0 ? (t.moveTo(e / 2 - 40, s / 2), t.lineTo(e / 2, s / 2 - 40), t.lineTo(e / 2 - 40, s / 2 - 40)) : v < 0 && S > 0 ? (t.moveTo(-e / 2 + 40, s / 2), t.lineTo(-e / 2, s / 2 - 40), t.lineTo(-e / 2 + 40, s / 2 - 40)) : v > 0 && S < 0 ? (t.moveTo(e / 2 - 40, -s / 2), t.lineTo(e / 2, -s / 2 + 40), t.lineTo(e / 2 - 40, -s / 2 + 40)) : (t.moveTo(-e / 2 + 40, -s / 2), t.lineTo(-e / 2, -s / 2 + 40), t.lineTo(-e / 2 + 40, -s / 2 + 40)), t.closePath(), t.fillStyle = "#ffffff", t.shadowColor = "rgba(0,0,0,0.5)", t.shadowBlur = 10, t.shadowOffsetX = v > 0 ? -2 : 2, t.shadowOffsetY = S > 0 ? -2 : 2, t.fill();
+      } else if (l === "crumple_overlay") {
+        const m = Math.floor(e / u), v = document.createElement("canvas");
+        v.width = m, v.height = Math.floor(s / u);
+        const S = v.getContext("2d"), C = S.createImageData(v.width, v.height);
         for (let w = 0; w < C.data.length; w += 4) {
           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 * f;
         }
-        S.putImageData(C, 0, 0), t.globalCompositeOperation = "multiply", t.imageSmoothingEnabled = !1, t.drawImage(y, -e / 2, -s / 2, e, s);
-      } else if (h === "acid_gradient" || h === "acid_rave") {
-        const m = this.currentTime * l, y = r.color1, S = r.color2, C = t.createLinearGradient(-e / 2, -s / 2, e / 2, s / 2);
-        if (y && S) {
+        S.putImageData(C, 0, 0), t.globalCompositeOperation = "multiply", t.imageSmoothingEnabled = !1, t.drawImage(v, -e / 2, -s / 2, e, s);
+      } else if (l === "acid_gradient" || l === "acid_rave") {
+        const m = this.currentTime * h, v = r.color1, S = r.color2, C = t.createLinearGradient(-e / 2, -s / 2, e / 2, s / 2);
+        if (v && S) {
           const w = m * 60 % 360;
-          C.addColorStop(0, this._shiftHue(y, w, f * 0.7)), C.addColorStop(1, this._shiftHue(S, (w + 180) % 360, f * 0.7));
+          C.addColorStop(0, this._shiftHue(v, w, f * 0.7)), C.addColorStop(1, this._shiftHue(S, (w + 180) % 360, f * 0.7));
         } else {
           const w = m * 100 % 360, M = (w + 180) % 360;
           C.addColorStop(0, `hsla(${w}, 80%, 50%, ${f * 0.5})`), C.addColorStop(1, `hsla(${M}, 80%, 50%, ${f * 0.5})`);
         }
         t.fillStyle = C, t.globalCompositeOperation = "screen", t.fillRect(-e / 2, -s / 2, e, s);
-      } else if (h === "halftone") {
-        const m = Math.max(2, p * (1 - f * 0.8)), y = document.createElement("canvas");
-        y.width = m, y.height = m;
-        const S = y.getContext("2d");
+      } else if (l === "halftone") {
+        const m = Math.max(2, u * (1 - f * 0.8)), v = document.createElement("canvas");
+        v.width = m, v.height = m;
+        const S = v.getContext("2d");
         if (S) {
           S.fillStyle = "black", S.beginPath(), S.arc(m / 2, m / 2, m / 2 * f, 0, Math.PI * 2), S.fill();
-          const C = t.createPattern(y, "repeat");
+          const C = t.createPattern(v, "repeat");
           C && (t.globalAlpha = 0.3 * f, t.fillStyle = C, t.fillRect(-e / 2, -s / 2, e, s));
         }
-      } else if (h === "noise") {
+      } else if (l === "noise") {
         const m = Math.floor(e * s * f * 0.02);
         t.globalAlpha = 0.4 * f;
-        for (let y = 0; y < m; y++) {
+        for (let v = 0; v < m; v++) {
           const S = Math.random() > 0.5 ? 255 : 0;
           t.fillStyle = `rgba(${S}, ${S}, ${S}, ${0.5 + Math.random() * 0.5})`, t.fillRect(
             -e / 2 + Math.random() * e,
@@ -4149,32 +4159,32 @@ class ci {
             2
           );
         }
-      } else if (h === "scanlines") {
+      } else if (l === "scanlines") {
         t.globalAlpha = 0.2 * f, t.strokeStyle = "rgba(0,0,0,0.5)", t.lineWidth = 1;
         for (let m = -s / 2; m < s / 2; m += 4)
           t.beginPath(), t.moveTo(-e / 2, m), t.lineTo(e / 2, m), t.stroke();
-      } else if (h === "chromatic_aberration") {
+      } else if (l === "chromatic_aberration") {
         const m = 5 * f;
         t.globalCompositeOperation = "screen", t.globalAlpha = 0.5, t.fillStyle = "cyan", t.fillRect(-e / 2 - m, -s / 2, e, s), t.fillStyle = "magenta", t.fillRect(-e / 2 + m, -s / 2, e, s);
-      } else if (h === "pixelate") {
-        const m = Math.max(2, Math.round(p * (1 - f * 0.5))), y = document.createElement("canvas"), S = Math.max(1, Math.ceil(e / m)), C = Math.max(1, Math.ceil(s / m));
-        y.width = S, y.height = C;
-        const w = y.getContext("2d");
+      } else if (l === "pixelate") {
+        const m = Math.max(2, Math.round(u * (1 - f * 0.5))), v = document.createElement("canvas"), S = Math.max(1, Math.ceil(e / m)), C = Math.max(1, Math.ceil(s / m));
+        v.width = S, v.height = C;
+        const w = v.getContext("2d");
         if (w) {
           w.imageSmoothingEnabled = !1;
           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;
+          w.drawImage(t.canvas, I, k, e, s, 0, 0, S, C), t.imageSmoothingEnabled = !1, t.drawImage(v, 0, 0, S, C, -e / 2, -s / 2, e, s), t.imageSmoothingEnabled = !0;
         }
-      } else if (h === "glitch") {
-        const m = this.currentTime * l, y = r.chaosAmount ?? 0.2, S = Math.max(3, Math.floor(8 * f)), C = f * e * 0.15;
+      } else if (l === "glitch") {
+        const m = this.currentTime * h, v = r.chaosAmount ?? 0.2, S = Math.max(3, Math.floor(8 * f)), C = f * e * 0.15;
         t.globalCompositeOperation = "screen", t.globalAlpha = f * 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 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 R = (T - (1 - y)) / y * C * (Math.random() > 0.5 ? 1 : -1), P = -s / 2 + I * M, _ = t.getTransform(), E = _.e - e / 2 + R, A = _.f + P;
+          const k = Math.sin(I * 127.1 + m * 311.7 * h) * 43758.5, T = k - Math.floor(k);
+          if (T > 1 - v) {
+            const R = (T - (1 - v)) / v * C * (Math.random() > 0.5 ? 1 : -1), P = -s / 2 + I * M, _ = t.getTransform(), E = _.e - e / 2 + R, 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 + R, P, e, M), t.restore();
           }
         }
@@ -4190,22 +4200,47 @@ class ci {
       e = parseInt(c.substring(0, 2), 16) / 255, s = parseInt(c.substring(2, 4), 16) / 255, n = parseInt(c.substring(4, 6), 16) / 255;
     }
     const a = Math.max(e, s, n), r = Math.min(e, s, n);
-    let h = 0, f = 0, l = (a + r) / 2;
+    let l = 0, f = 0, h = (a + r) / 2;
     if (a !== r) {
       const c = a - r;
-      switch (f = l > 0.5 ? c / (2 - a - r) : c / (a + r), a) {
+      switch (f = h > 0.5 ? c / (2 - a - r) : c / (a + r), a) {
         case e:
-          h = ((s - n) / c + (s < n ? 6 : 0)) / 6;
+          l = ((s - n) / c + (s < n ? 6 : 0)) / 6;
           break;
         case s:
-          h = ((n - e) / c + 2) / 6;
+          l = ((n - e) / c + 2) / 6;
           break;
         case n:
-          h = ((e - s) / c + 4) / 6;
+          l = ((e - s) / c + 4) / 6;
           break;
       }
     }
-    return `hsla(${(((h * 360 + i) % 360 + 360) % 360).toFixed(0)}, ${(f * 100).toFixed(0)}%, ${(l * 100).toFixed(0)}%, ${o})`;
+    return `hsla(${(((l * 360 + i) % 360 + 360) % 360).toFixed(0)}, ${(f * 100).toFixed(0)}%, ${(h * 100).toFixed(0)}%, ${o})`;
+  }
+  /**
+   * Parse any CSS color string and return it with the alpha channel replaced by `opacity`.
+   * This lets us bake an opacity value into the color without double-multiplying via globalAlpha.
+   */
+  _applyAlphaToColor(t, i) {
+    if (!t) return `rgba(255,255,255,${i})`;
+    const o = t.match(/rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)(?:\s*,\s*([\d.%]+))?\s*\)/);
+    if (o) {
+      const s = o[1], n = o[2], a = o[3];
+      return `rgba(${s},${n},${a},${i})`;
+    }
+    if (t.startsWith("#")) {
+      const s = t.replace("#", ""), n = s.length;
+      if (n === 3 || n === 6) {
+        const a = n === 3 ? s.split("").map((h) => h + h).join("") : s, r = parseInt(a.slice(0, 2), 16), l = parseInt(a.slice(2, 4), 16), f = parseInt(a.slice(4, 6), 16);
+        return `rgba(${r},${l},${f},${i})`;
+      }
+      if (n === 8) {
+        const a = parseInt(s.slice(0, 2), 16), r = parseInt(s.slice(2, 4), 16), l = parseInt(s.slice(4, 6), 16);
+        return `rgba(${a},${r},${l},${i})`;
+      }
+    }
+    const e = t.match(/hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.%]+))?\s*\)/);
+    return e ? `hsla(${e[1]},${e[2]}%,${e[3]}%,${i})` : `rgba(255,255,255,${i})`;
   }
   /**
    * Simulate CSS `backdrop-filter: blur()` + glass overlay on Canvas2D.
@@ -4216,46 +4251,46 @@ class ci {
    * 4. Apply the overlay color tint, sheen highlight, noise grain, and glass border
    */
   applyBackgroundBlurGlass(t, i, o, e, s, n) {
-    const a = n.radius ?? 10, r = n.color ?? "rgba(255,255,255,0.2)", h = n.opacity !== void 0 ? this.normalizeOpacity(n.opacity) : 0.5, f = n.noise ?? 0;
+    const a = n.radius ?? 10, r = n.opacity !== void 0 ? this.normalizeOpacity(n.opacity) : 0.5, l = n.noise ?? 0, f = n.color ?? "rgba(255,255,255,0.2)", h = this._applyAlphaToColor(f, r);
     t.save(), this.applyPath(t, i, o, e, s), t.clip();
-    const l = t.getTransform(), p = t.canvas;
+    const u = t.getTransform(), c = t.canvas;
     try {
-      const d = document.createElement("canvas");
-      d.width = Math.max(1, Math.ceil(o)), d.height = Math.max(1, Math.ceil(e));
-      const u = d.getContext("2d");
-      if (u) {
-        u.save(), u.translate(o / 2, e / 2);
-        const v = n.magnification || 1;
-        if (v !== 1 && u.scale(v, v), typeof l.inverse == "function") {
-          const y = l.inverse();
-          u.transform(y.a, y.b, y.c, y.d, y.e, y.f);
+      const p = document.createElement("canvas");
+      p.width = Math.max(1, Math.ceil(o)), p.height = Math.max(1, Math.ceil(e));
+      const y = p.getContext("2d");
+      if (y) {
+        y.save(), y.translate(o / 2, e / 2);
+        const b = n.magnification || 1;
+        if (b !== 1 && y.scale(b, b), typeof u.inverse == "function") {
+          const S = u.inverse();
+          y.transform(S.a, S.b, S.c, S.d, S.e, S.f);
         } else {
-          const y = l.a * l.d - l.b * l.c;
-          y !== 0 && u.transform(l.d / y, -l.b / y, -l.c / y, l.a / y, (l.c * l.f - l.d * l.e) / y, (l.b * l.e - l.a * l.f) / y);
+          const S = u.a * u.d - u.b * u.c;
+          S !== 0 && y.transform(u.d / S, -u.b / S, -u.c / S, u.a / S, (u.c * u.f - u.d * u.e) / S, (u.b * u.e - u.a * u.f) / S);
         }
-        u.drawImage(p, 0, 0), u.restore(), u.filter = `blur(${a}px)`;
-        const b = document.createElement("canvas");
-        b.width = d.width, b.height = d.height;
-        const m = b.getContext("2d");
-        m.filter = `blur(${a}px)`, m.drawImage(d, 0, 0), t.globalCompositeOperation = "source-over", t.globalAlpha = 1, t.drawImage(b, -o / 2, -e / 2, o, e);
+        y.drawImage(c, 0, 0), y.restore(), y.filter = `blur(${a}px)`;
+        const m = document.createElement("canvas");
+        m.width = p.width, m.height = p.height;
+        const v = m.getContext("2d");
+        v.filter = `blur(${a}px)`, v.drawImage(p, 0, 0), t.globalCompositeOperation = "source-over", t.globalAlpha = 1, t.drawImage(m, -o / 2, -e / 2, o, e);
       }
     } catch {
     }
-    t.globalCompositeOperation = "source-over", t.globalAlpha = h, t.fillStyle = r, t.fillRect(-o / 2, -e / 2, o, e), t.globalAlpha = 1, t.globalCompositeOperation = "source-atop";
-    const c = t.createLinearGradient(-o / 2, -e / 2, o / 2, e / 2);
-    if (c.addColorStop(0, "rgba(255,255,255,0.12)"), c.addColorStop(0.3, "rgba(255,255,255,0.04)"), c.addColorStop(0.5, "rgba(255,255,255,0.0)"), c.addColorStop(1, "rgba(255,255,255,0.0)"), t.fillStyle = c, t.fillRect(-o / 2, -e / 2, o, e), f > 0) {
-      if (t.globalAlpha = f / 100, !this._noiseTileCanvas) {
-        const u = document.createElement("canvas");
-        u.width = 64, u.height = 64;
-        const v = u.getContext("2d"), b = v.createImageData(64, 64), m = b.data;
-        for (let y = 0; y < m.length; y += 4) {
-          const S = Math.floor(Math.random() * 255);
-          m[y] = S, m[y + 1] = S, m[y + 2] = S, m[y + 3] = 18;
+    t.globalCompositeOperation = "source-over", t.globalAlpha = 1, t.fillStyle = h, t.fillRect(-o / 2, -e / 2, o, e), t.globalAlpha = 1, t.globalCompositeOperation = "source-atop";
+    const d = t.createLinearGradient(-o / 2, -e / 2, o / 2, e / 2);
+    if (d.addColorStop(0, "rgba(255,255,255,0.12)"), d.addColorStop(0.3, "rgba(255,255,255,0.04)"), d.addColorStop(0.5, "rgba(255,255,255,0.0)"), d.addColorStop(1, "rgba(255,255,255,0.0)"), t.fillStyle = d, t.fillRect(-o / 2, -e / 2, o, e), l > 0) {
+      if (t.globalAlpha = l / 100, !this._noiseTileCanvas) {
+        const y = document.createElement("canvas");
+        y.width = 64, y.height = 64;
+        const b = y.getContext("2d"), m = b.createImageData(64, 64), v = m.data;
+        for (let S = 0; S < v.length; S += 4) {
+          const C = Math.floor(Math.random() * 255);
+          v[S] = C, v[S + 1] = C, v[S + 2] = C, v[S + 3] = 18;
         }
-        v.putImageData(b, 0, 0), this._noiseTileCanvas = u;
+        b.putImageData(m, 0, 0), this._noiseTileCanvas = y;
       }
-      const d = t.createPattern(this._noiseTileCanvas, "repeat");
-      d && (t.fillStyle = d, t.fillRect(-o / 2, -e / 2, o, e));
+      const p = t.createPattern(this._noiseTileCanvas, "repeat");
+      p && (t.fillStyle = p, t.fillRect(-o / 2, -e / 2, o, e));
     }
     t.restore(), t.save(), t.globalAlpha = 1, t.strokeStyle = "rgba(255, 255, 255, 0.25)", t.lineWidth = 1.5, this.applyPath(t, i, o, e, s), t.stroke(), t.restore();
   }
@@ -4270,89 +4305,89 @@ class ci {
       } else if (i.type === "Line")
         t.moveTo(-o / 2, 0), t.lineTo(o / 2, 0);
       else if (i.type === "Ellipse") {
-        const { startAngle: n = 0, sweepAngle: a = 360, ratio: r = 0 } = i, h = o / 2, f = e / 2, l = n * Math.PI / 180, p = a * Math.PI / 180, c = l + p;
-        a >= 360 && r <= 0 ? t.ellipse(0, 0, h, f, 0, 0, Math.PI * 2) : (t.ellipse(0, 0, h, f, 0, l, c, !1), r > 0 ? t.ellipse(0, 0, h * r, f * r, 0, c, l, !0) : t.lineTo(0, 0), t.closePath());
+        const { startAngle: n = 0, sweepAngle: a = 360, ratio: r = 0 } = i, l = o / 2, f = e / 2, h = n * Math.PI / 180, u = a * Math.PI / 180, c = h + u;
+        a >= 360 && r <= 0 ? t.ellipse(0, 0, l, f, 0, 0, Math.PI * 2) : (t.ellipse(0, 0, l, f, 0, h, c, !1), r > 0 ? t.ellipse(0, 0, l * r, f * r, 0, c, h, !0) : t.lineTo(0, 0), t.closePath());
       } else if (i.type === "Triangle")
         t.moveTo(0, -e / 2), t.lineTo(o / 2, e / 2), t.lineTo(-o / 2, e / 2), t.closePath();
       else if (i.type === "Polygon") {
         const n = i.sides || 3, a = i.radius || Math.min(o, e) / 2;
         for (let r = 0; r < n; r++) {
-          const h = r * 2 * Math.PI / n - Math.PI / 2, f = a * Math.cos(h), l = a * Math.sin(h);
-          r === 0 ? t.moveTo(f, l) : t.lineTo(f, l);
+          const l = r * 2 * Math.PI / n - Math.PI / 2, f = a * Math.cos(l), h = a * Math.sin(l);
+          r === 0 ? t.moveTo(f, h) : t.lineTo(f, h);
         }
         t.closePath();
       } else if (i.type === "Star") {
         const n = i.points || 5, a = i.outer_radius || Math.min(o, e) / 2;
         let r = i.inner_radius;
         r == null ? r = a * 0.382 : r <= 1 && (r = a * r);
-        for (let h = 0; h < n * 2; h++) {
-          const f = h * Math.PI / n - Math.PI / 2, l = h % 2 === 0 ? a : r, p = l * Math.cos(f), c = l * Math.sin(f);
-          h === 0 ? t.moveTo(p, c) : t.lineTo(p, c);
+        for (let l = 0; l < n * 2; l++) {
+          const f = l * Math.PI / n - Math.PI / 2, h = l % 2 === 0 ? a : r, u = h * Math.cos(f), c = h * Math.sin(f);
+          l === 0 ? t.moveTo(u, c) : t.lineTo(u, c);
         }
         t.closePath();
       } else if (((i == null ? void 0 : i.type) === "Path" || i.type === "Subtract" || i.type === "Union" || i.type === "Intersect" || i.type === "Exclude" || i.type === "BooleanOperation") && i.points) {
         this.frameCount % 300 === 0 && this.log("[Engine] Tracing Path:", i.points.length, "points");
-        let n = 1 / 0, a = -1 / 0, r = 1 / 0, h = -1 / 0;
-        if (i.points.forEach((p) => {
-          typeof p.x == "number" && typeof p.y == "number" && (n = Math.min(n, p.x), a = Math.max(a, p.x), r = Math.min(r, p.y), h = Math.max(h, p.y), p.out_x !== void 0 && (n = Math.min(n, p.out_x), a = Math.max(a, p.out_x)), p.out_y !== void 0 && (r = Math.min(r, p.out_y), h = Math.max(h, p.out_y)), p.in_x !== void 0 && (n = Math.min(n, p.in_x), a = Math.max(a, p.in_x)), p.in_y !== void 0 && (r = Math.min(r, p.in_y), h = Math.max(h, p.in_y)));
+        let n = 1 / 0, a = -1 / 0, r = 1 / 0, l = -1 / 0;
+        if (i.points.forEach((u) => {
+          typeof u.x == "number" && typeof u.y == "number" && (n = Math.min(n, u.x), a = Math.max(a, u.x), r = Math.min(r, u.y), l = Math.max(l, u.y), u.out_x !== void 0 && (n = Math.min(n, u.out_x), a = Math.max(a, u.out_x)), u.out_y !== void 0 && (r = Math.min(r, u.out_y), l = Math.max(l, u.out_y)), u.in_x !== void 0 && (n = Math.min(n, u.in_x), a = Math.max(a, u.in_x)), u.in_y !== void 0 && (r = Math.min(r, u.in_y), l = Math.max(l, u.in_y)));
         }), n === 1 / 0) return;
-        const f = (n + a) / 2, l = (r + h) / 2;
-        if (isNaN(f) || isNaN(l)) {
-          this.warn("[Engine] Invalid path center:", f, l);
+        const f = (n + a) / 2, h = (r + l) / 2;
+        if (isNaN(f) || isNaN(h)) {
+          this.warn("[Engine] Invalid path center:", f, h);
           return;
         }
-        i.points.forEach((p, c) => {
-          if (c === 0 || p.moveTo)
-            t.moveTo(p.x - f, p.y - l);
+        i.points.forEach((u, c) => {
+          if (c === 0 || u.moveTo)
+            t.moveTo(u.x - f, u.y - h);
           else {
             const d = i.points[c - 1];
             if (!d) return;
-            const u = (d.out_x ?? d.x) - f, v = (d.out_y ?? d.y) - l, b = (p.in_x ?? p.x) - f, m = (p.in_y ?? p.y) - l;
-            isNaN(u) || isNaN(b) || isNaN(p.x) ? t.lineTo(p.x - f, p.y - l) : t.bezierCurveTo(u, v, b, m, p.x - f, p.y - l);
+            const p = (d.out_x ?? d.x) - f, y = (d.out_y ?? d.y) - h, b = (u.in_x ?? u.x) - f, m = (u.in_y ?? u.y) - h;
+            isNaN(p) || isNaN(b) || isNaN(u.x) ? t.lineTo(u.x - f, u.y - h) : t.bezierCurveTo(p, y, b, m, u.x - f, u.y - h);
           }
-          if (p.closePath || c === i.points.length - 1 && (i.is_closed || i.isClosed)) {
-            const d = [...i.points.slice(0, c + 1)].reverse().find((u) => u.moveTo) || i.points[0];
-            d && (p.out_x !== void 0 || d.in_x !== void 0) && t.bezierCurveTo(
-              (p.out_x ?? p.x) - f,
-              (p.out_y ?? p.y) - l,
+          if (u.closePath || c === i.points.length - 1 && (i.is_closed || i.isClosed)) {
+            const d = [...i.points.slice(0, c + 1)].reverse().find((p) => p.moveTo) || i.points[0];
+            d && (u.out_x !== void 0 || d.in_x !== void 0) && t.bezierCurveTo(
+              (u.out_x ?? u.x) - f,
+              (u.out_y ?? u.y) - h,
               (d.in_x ?? d.x) - f,
-              (d.in_y ?? d.y) - l,
+              (d.in_y ?? d.y) - h,
               d.x - f,
-              d.y - l
+              d.y - h
             ), t.closePath();
           }
         });
       } else if (i.points && Array.isArray(i.points)) {
-        let n = 1 / 0, a = -1 / 0, r = 1 / 0, h = -1 / 0;
-        i.points.forEach((p) => {
-          n = Math.min(n, p.x), a = Math.max(a, p.x), r = Math.min(r, p.y), h = Math.max(h, p.y);
+        let n = 1 / 0, a = -1 / 0, r = 1 / 0, l = -1 / 0;
+        i.points.forEach((u) => {
+          n = Math.min(n, u.x), a = Math.max(a, u.x), r = Math.min(r, u.y), l = Math.max(l, u.y);
         });
-        const f = (n + a) / 2, l = (r + h) / 2;
-        i.points.forEach((p, c) => {
-          if (c === 0) t.moveTo(p.x - f, p.y - l);
+        const f = (n + a) / 2, h = (r + l) / 2;
+        i.points.forEach((u, c) => {
+          if (c === 0) t.moveTo(u.x - f, u.y - h);
           else {
             const d = i.points[c - 1];
-            d.out_x !== void 0 || p.in_x !== void 0 ? t.bezierCurveTo(
+            d.out_x !== void 0 || u.in_x !== void 0 ? t.bezierCurveTo(
               (d.out_x ?? d.x) - f,
-              (d.out_y ?? d.y) - l,
-              (p.in_x ?? p.x) - f,
-              (p.in_y ?? p.y) - l,
-              p.x - f,
-              p.y - l
-            ) : t.lineTo(p.x - f, p.y - l);
+              (d.out_y ?? d.y) - h,
+              (u.in_x ?? u.x) - f,
+              (u.in_y ?? u.y) - h,
+              u.x - f,
+              u.y - h
+            ) : t.lineTo(u.x - f, u.y - h);
           }
-          (p.closePath || c === i.points.length - 1 && (i.is_closed || i.isClosed)) && t.closePath();
+          (u.closePath || c === i.points.length - 1 && (i.is_closed || i.isClosed)) && t.closePath();
         });
       }
     }
   }
   renderInputBox(t, i) {
     var L, O;
-    const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.options) || i.options || {}, s = ((L = i.geometry) == null ? void 0 : L.width) || 250, n = ((O = i.geometry) == null ? void 0 : O.height) || 45, a = this.focusedId === i.id, r = this.lastHoveredObjectId === i.id, h = e.previewState || "default", f = h !== "default" ? h : 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 o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.options) || i.options || {}, s = ((L = i.geometry) == null ? void 0 : L.width) || 250, n = ((O = i.geometry) == null ? void 0 : O.height) || 45, a = this.focusedId === i.id, r = this.lastHoveredObjectId === i.id, l = e.previewState || "default", f = l !== "default" ? l : a ? "focused" : r ? "hovered" : "default", h = e.label || { visible: !0, text: "Label" }, u = e.helperText || { visible: !1, text: "Helper text" }, c = e.leftIcon || { visible: !1 }, d = e.rightIcon || { visible: !1 }, p = e.multiline === !0, y = e.corner_radius ?? 8, b = e.corners || { tl: y, tr: y, bl: y, br: y }, m = [b.tl, b.tr, b.br, b.bl];
+    let v = 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 = `${f}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 && (M = T.placeholderColor), T.fontSize !== void 0 && (I = T.fontSize)) : f === "focused" ? (S = e.focusBorderColor || "rgba(59, 130, 246, 1)", C = Math.max(C, 2)) : f === "hovered" || f === "hover" ? (S = e.hoverBorderColor || S, y = e.hoverBackgroundColor || y) : f === "disabled" ? (y = e.disabledBackgroundColor || "rgba(31, 41, 55, 0.6)", S = e.disabledBorderColor || "rgba(55, 65, 81, 0.4)") : f === "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 R = this.createCanvasFill(t, y, s, n);
+    T ? (T.backgroundColor !== void 0 && (v = 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)) : f === "focused" ? (S = e.focusBorderColor || "rgba(59, 130, 246, 1)", C = Math.max(C, 2)) : f === "hovered" || f === "hover" ? (S = e.hoverBorderColor || S, v = e.hoverBackgroundColor || v) : f === "disabled" ? (v = e.disabledBackgroundColor || "rgba(31, 41, 55, 0.6)", S = e.disabledBorderColor || "rgba(55, 65, 81, 0.4)") : f === "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 R = this.createCanvasFill(t, v, s, n);
     if (R && (t.fillStyle = R, t.fill()), C > 0) {
       const D = this.createCanvasFill(t, S, s, n);
       if (D && (t.strokeStyle = D, t.lineWidth = C, t.stroke()), f === "focused" || f === "focus") {
@@ -4372,9 +4407,9 @@ class ci {
     };
     P(c, !0), P(d, !1);
     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";
+    t.font = `${N} ${Y}px "${G}", sans-serif`, t.fillStyle = z, t.textAlign = "left", t.textBaseline = p ? "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) {
+    if (t.save(), t.beginPath(), t.rect(j - 2, -n / 2 + 4, X + 4, n - 8), t.clip(), p) {
       const D = tt.split(`
 `);
       let q = -n / 2 + J;
@@ -4397,21 +4432,21 @@ class ci {
         t.fillRect(bt, -(Y / 2), 1.5, Y);
       }
     }
-    if (t.restore(), l.visible !== !1) {
-      const D = l.text || "Label", q = l.fontSize || 12, ot = l.color || "rgba(156, 163, 175, 1)", yt = l.offset ?? 8;
+    if (t.restore(), h.visible !== !1) {
+      const D = h.text || "Label", q = h.fontSize || 12, ot = h.color || "rgba(156, 163, 175, 1)", yt = h.offset ?? 8;
       t.font = `600 ${q}px "${G}", sans-serif`, t.fillStyle = ot, t.textAlign = "left", t.textBaseline = "bottom";
       const bt = -(s / 2), gt = -(n / 2) - yt;
       t.fillText(D, bt, gt);
     }
-    if (p.visible === !0) {
-      const D = p.text || "Helper text", q = p.fontSize || 11, ot = f === "error" ? "rgba(239, 68, 68, 1)" : p.color || "rgba(156, 163, 175, 1)", yt = p.offset ?? 6;
+    if (u.visible === !0) {
+      const D = u.text || "Helper text", q = u.fontSize || 11, ot = f === "error" ? "rgba(239, 68, 68, 1)" : u.color || "rgba(156, 163, 175, 1)", yt = u.offset ?? 6;
       t.font = `400 ${q}px "${G}", sans-serif`, t.fillStyle = ot, t.textAlign = "left", t.textBaseline = "top";
       const bt = -(s / 2), gt = n / 2 + yt;
       t.fillText(D, bt, gt);
     }
   }
   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, f = (s.max ?? 100) - r, l = f === 0 ? 0 : (a - r) / f, 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", R = s.tooltipColor || "#ffffff", P = s.tooltipOffsetX ?? 0, _ = s.tooltipOffsetY ?? -25, E = (X, tt, L, 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, f = (s.max ?? 100) - r, h = f === 0 ? 0 : (a - r) / f, u = s.trackHeight || 4, c = s.trackRoundedness ?? 2, d = s.trackShape ?? "Rectangle", p = s.trackPath || "", y = s.accentColor || "#3b82f6", b = s.inactiveColor || "#374151", m = s.thumbShape || "Ellipse", v = 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", R = s.tooltipColor || "#ffffff", P = s.tooltipOffsetX ?? 0, _ = s.tooltipOffsetY ?? -25, E = (X, tt, L, O, D, q, ot) => {
       if ((X === "Custom" || X === "Icon") && ot)
         try {
           const yt = new Path2D(ot);
@@ -4448,18 +4483,18 @@ class ci {
         t.closePath();
       } else X === "Line" && (t.moveTo(tt - O / 2, L), t.lineTo(tt + O / 2, L));
       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);
-    const W = n - y, z = -n / 2 + y / 2 + l * W, Y = z - -n / 2;
+    }, A = this.createCanvasFill(t, b, n, u);
+    A && (t.fillStyle = A, t.strokeStyle = A), d === "Line" ? (t.lineWidth = u, t.beginPath(), t.moveTo(-n / 2, 0), t.lineTo(n / 2, 0), t.stroke()) : E(d, 0, 0, n, u, c, p);
+    const W = n - v, z = -n / 2 + v / 2 + h * W, Y = z - -n / 2;
     if (Y > 0) {
-      const X = this.createCanvasFill(t, v, n, p);
-      X && (t.fillStyle = X, t.strokeStyle = X), d === "Line" ? (t.lineWidth = p, t.beginPath(), t.moveTo(-n / 2, 0), t.lineTo(z, 0), t.stroke()) : d === "Rectangle" && (t.beginPath(), this.drawRoundRect(t, -n / 2, -p / 2, Y, p, c), t.fill());
+      const X = this.createCanvasFill(t, y, n, u);
+      X && (t.fillStyle = X, t.strokeStyle = X), d === "Line" ? (t.lineWidth = u, t.beginPath(), t.moveTo(-n / 2, 0), t.lineTo(z, 0), t.stroke()) : d === "Rectangle" && (t.beginPath(), this.drawRoundRect(t, -n / 2, -u / 2, Y, u, c), t.fill());
     }
     t.save(), t.translate(z, 0);
     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" ? I : M), t.restore(), k) {
+    const J = this.createCanvasFill(t, w, v, S);
+    if (J && (t.fillStyle = J), E(m, 0, 0, v, 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";
@@ -4470,13 +4505,13 @@ class ci {
     if (x.visible !== !1) {
       const X = x.text || "Label", tt = x.fontSize || 12, L = x.color || "rgba(156, 163, 175, 1)", O = x.offset ?? 8;
       t.font = `600 ${tt}px "${j}", sans-serif`, t.fillStyle = L, t.textAlign = "left", t.textBaseline = "bottom";
-      const D = -(n / 2), q = -(p / 2) - O;
+      const D = -(n / 2), q = -(u / 2) - O;
       t.fillText(X, D, q);
     }
     if (F.visible === !0) {
       const X = F.text || "Helper text", tt = F.fontSize || 11, L = F.color || "rgba(156, 163, 175, 1)", O = F.offset ?? 6;
       t.font = `400 ${tt}px "${j}", sans-serif`, t.fillStyle = L, t.textAlign = "left", t.textBaseline = "top";
-      const D = -(n / 2), q = p / 2 + O;
+      const D = -(n / 2), q = u / 2 + O;
       t.fillText(X, D, q);
     }
   }
@@ -4484,22 +4519,22 @@ class ci {
     var _;
     const o = this.objectStates.get(i.id);
     if (!o) return;
-    const e = o.options || i.options || {}, s = i.geometry.width || 160, n = i.geometry.height || 40, a = -s / 2, r = -n / 2, h = e.corner_radius ?? 6, f = e.disabled || e.previewState === "disabled", l = this.lastHoveredObjectId === i.id || e.previewState === "hover", p = (e.isOpen || e.previewState === "active") && !f;
-    let c = e.backgroundColor, d = e.borderColor, u = e.color || "#333333";
-    f ? (c = e.disabledBackgroundColor || "#f3f4f6", d = e.disabledBorderColor || "#e5e7eb", u = e.disabledColor || "#9ca3af") : p ? (c = e.activeBackgroundColor || c, d = e.activeBorderColor || d, u = e.activeColor || u) : l && (c = e.hoverBackgroundColor || c, d = e.hoverBorderColor || d, u = e.hoverColor || u), c || (c = "#ffffff"), d || (d = "#e5e7eb");
-    const v = t.globalAlpha;
-    t.globalAlpha = v * (e.opacity ?? 1), this.drawRoundRect(t, a, r, s, n, h), t.fillStyle = this.createCanvasFill(t, typeof c == "string" ? { type: "Solid", color: c } : c, s, n) || "#ffffff", t.fill();
+    const e = o.options || i.options || {}, s = i.geometry.width || 160, n = i.geometry.height || 40, a = -s / 2, r = -n / 2, l = e.corner_radius ?? 6, f = e.disabled || e.previewState === "disabled", h = this.lastHoveredObjectId === i.id || e.previewState === "hover", u = (e.isOpen || e.previewState === "active") && !f;
+    let c = e.backgroundColor, d = e.borderColor, p = e.color || "#333333";
+    f ? (c = e.disabledBackgroundColor || "#f3f4f6", d = e.disabledBorderColor || "#e5e7eb", p = e.disabledColor || "#9ca3af") : u ? (c = e.activeBackgroundColor || c, d = e.activeBorderColor || d, p = e.activeColor || p) : h && (c = e.hoverBackgroundColor || c, d = e.hoverBorderColor || d, p = e.hoverColor || p), c || (c = "#ffffff"), d || (d = "#e5e7eb");
+    const y = t.globalAlpha;
+    t.globalAlpha = y * (e.opacity ?? 1), this.drawRoundRect(t, a, r, s, n, l), t.fillStyle = this.createCanvasFill(t, typeof c == "string" ? { type: "Solid", color: c } : c, s, n) || "#ffffff", t.fill();
     const b = e.borderWidth ?? 1;
     b > 0 && (t.strokeStyle = this.createCanvasFill(t, typeof d == "string" ? { type: "Solid", color: d } : d, s, n) || "#e5e7eb", t.lineWidth = b, t.stroke());
-    const m = 12, y = e.chevronType || "chevron", S = e.chevronSize || 16, C = (p ? e.openIconColor : e.closedIconColor) || e.chevronColor || "#6b7280";
-    if (y !== "none") {
+    const m = 12, v = e.chevronType || "chevron", S = e.chevronSize || 16, C = (u ? e.openIconColor : e.closedIconColor) || e.chevronColor || "#6b7280";
+    if (v !== "none") {
       const E = a + s - m - S / 2;
       t.save(), t.translate(E, 0);
-      const A = p ? e.openIconAngle ?? 180 : e.closedIconAngle ?? 0;
-      if (t.rotate(A * Math.PI / 180), t.strokeStyle = C, t.fillStyle = C, t.lineWidth = 1.5, t.lineCap = "round", t.lineJoin = "round", y === "chevron")
+      const A = u ? e.openIconAngle ?? 180 : e.closedIconAngle ?? 0;
+      if (t.rotate(A * Math.PI / 180), t.strokeStyle = C, t.fillStyle = C, t.lineWidth = 1.5, t.lineCap = "round", t.lineJoin = "round", v === "chevron")
         t.beginPath(), t.moveTo(-S / 2, -S * 0.2), t.lineTo(0, S * 0.2), t.lineTo(S / 2, -S * 0.2), t.stroke();
-      else if (y === "custom" || y === "path") {
-        const W = p && e.openIconPath || e.closedIconPath;
+      else if (v === "custom" || v === "path") {
+        const W = u && e.openIconPath || e.closedIconPath;
         if (W) {
           const z = new Path2D(W);
           t.save();
@@ -4511,11 +4546,11 @@ class ci {
     }
     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 = f ? e.disabledColor || "#9ca3af" : !e.selectedOption && e.placeholder ? "#9ca3af" : u;
+    const T = f ? e.disabledColor || "#9ca3af" : !e.selectedOption && e.placeholder ? "#9ca3af" : p;
     t.fillStyle = this.createCanvasFill(t, typeof T == "string" ? { type: "Solid", color: T } : T, s, n) || "#333333", t.textAlign = "left", t.textBaseline = "middle";
-    const R = y === "none" ? 0 : S + 8, P = s - m * 2 - R;
-    if (t.save(), t.beginPath(), t.rect(a + m, r, P, n), t.clip(), t.fillText(w, a + m, 0), t.restore(), p && !f) {
-      const E = r + n + 4, A = e.optionsList || [], W = e.itemHeight || 32, z = e.listPadding ?? 4, Y = A.length * W + z * 2, G = e.listCornerRadius ?? h;
+    const R = v === "none" ? 0 : S + 8, P = s - m * 2 - R;
+    if (t.save(), t.beginPath(), t.rect(a + m, r, P, n), t.clip(), t.fillText(w, a + m, 0), t.restore(), u && !f) {
+      const E = r + n + 4, A = e.optionsList || [], W = e.itemHeight || 32, z = e.listPadding ?? 4, Y = A.length * W + z * 2, G = e.listCornerRadius ?? l;
       t.save();
       const N = e.listShadow || {}, J = t.getTransform(), x = Math.sqrt(J.a * J.a + J.b * J.b) || 1;
       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();
@@ -4525,64 +4560,64 @@ class ci {
       t.font = `${I} ${j}px ${X}`, A.forEach((tt, L) => {
         const O = E + z + L * 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";
-        else if (t.fillStyle = e.listTextColor || u || "#333333", this.activeDropdownId === i.id && this._lastPointerPos) {
+          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 || p || "#374151";
+        else if (t.fillStyle = e.listTextColor || p || "#333333", this.activeDropdownId === i.id && this._lastPointerPos) {
           const q = this._lastPointerPos.y - (E + z), ot = Math.floor(q / W);
-          L === 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);
+          L === 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 || p);
         }
         t.fillText(tt, a + m, O + W / 2);
       });
     }
-    t.globalAlpha = v;
+    t.globalAlpha = y;
   }
   renderButton(t, i) {
     if (i.children && i.children.length > 0) return;
-    const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.options) || i.options || {}, s = i.geometry || {}, n = s.width || 120, a = s.height || 40, r = this.lastHoveredObjectId === i.id, h = this.activeObjectId === i.id, f = e.label || {}, l = e.hoverStyle || {}, p = e.activeStyle || {}, c = e.icon || { enabled: !1 };
-    let d = e.backgroundColor || "#3b82f6", u = f.color || "#ffffff", v = f.text || "Button", b = s.cornerRadius ?? 8, m = e.borderColor || "transparent", y = e.borderWidth || 0, S = 1;
-    h && 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 o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.options) || i.options || {}, s = i.geometry || {}, n = s.width || 120, a = s.height || 40, r = this.lastHoveredObjectId === i.id, l = this.activeObjectId === i.id, f = e.label || {}, h = e.hoverStyle || {}, u = e.activeStyle || {}, c = e.icon || { enabled: !1 };
+    let d = e.backgroundColor || "#3b82f6", p = f.color || "#ffffff", y = f.text || "Button", b = s.cornerRadius ?? 8, m = e.borderColor || "transparent", v = e.borderWidth || 0, S = 1;
+    l && u ? (d = u.backgroundColor || d, p = u.color || p, y = u.text || y, S = u.scale ?? 0.95, b = u.cornerRadius ?? b) : r && h && (d = h.backgroundColor || d, p = h.color || p, y = h.text || y, S = h.scale ?? 1, b = h.cornerRadius ?? b, m = h.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 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());
+    M && (t.fillStyle = M, t.fill()), (v > 0 || r && h.borderColor) && (t.strokeStyle = m, t.lineWidth = v || (r ? 1 : 0), t.stroke());
     const I = f.fontSize || 14, k = f.fontFamily || "Inter", T = f.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";
+    t.font = `${T} ${I}px "${k}", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif`, t.fillStyle = p, t.textAlign = "center", t.textBaseline = "middle";
     let R = 0;
     if (c.enabled && c.svgPath) {
-      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;
+      const P = I * 1.1, _ = c.gap || 8, E = t.measureText(y), W = -(E.width + P + _) / 2, z = c.position === "left" ? W + P / 2 : W + E.width + _ + P / 2;
       R = 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();
+      t.scale(G, G), t.translate(-12, -12), t.fillStyle = p, t.fill(Y), t.restore();
     }
-    t.fillText(v, R, 0), t.restore();
+    t.fillText(y, R, 0), t.restore();
   }
   renderToggleButton(t, i) {
-    var v, b;
-    const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.options) || i.options || {}, s = e.checked ?? !1, n = ((v = i.geometry) == null ? void 0 : v.width) || 120, a = ((b = i.geometry) == null ? void 0 : b.height) || 40, r = -n / 2, h = -a / 2, f = e.corner_radius ?? 8, l = e.label || {}, p = s ? e.accentColor || "#3b82f6" : e.inactiveColor || "#374151", c = s ? e.activeTextColor || "#ffffff" : e.inactiveTextColor || "#9ca3af";
-    t.save(), t.beginPath(), this.drawRoundRect(t, r, h, n, a, f), t.fillStyle = p, t.fill();
-    const d = l.fontSize || 14, u = l.fontFamily || "Inter";
-    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();
+    var y, b;
+    const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.options) || i.options || {}, s = e.checked ?? !1, n = ((y = i.geometry) == null ? void 0 : y.width) || 120, a = ((b = i.geometry) == null ? void 0 : b.height) || 40, r = -n / 2, l = -a / 2, f = e.corner_radius ?? 8, h = e.label || {}, u = s ? e.accentColor || "#3b82f6" : e.inactiveColor || "#374151", c = s ? e.activeTextColor || "#ffffff" : e.inactiveTextColor || "#9ca3af";
+    t.save(), t.beginPath(), this.drawRoundRect(t, r, l, n, a, f), t.fillStyle = u, t.fill();
+    const d = h.fontSize || 14, p = h.fontFamily || "Inter";
+    t.font = `${h.fontWeight || 600} ${d}px "${p}", sans-serif`, t.fillStyle = c, t.textAlign = "center", t.textBaseline = "middle", t.fillText(h.text || "Toggle", 0, 0), t.restore();
   }
   renderToggle(t, i) {
     var G, N, J, x, F, j, X, tt, L, O, 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, h = e.checked ?? !1, f = 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 = h ? p : e.inactiveColor || "#374151", b = h ? c : e.borderColor || "transparent", m = h ? d : e.borderWidth ?? 0, y = h ? u : e.knobColor || "#ffffff";
+    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, l = e.checked ?? !1, f = e.cornerRadius ?? e.corner_radius ?? n / 2, h = e.toggleStyle || {}, u = h.backgroundColor || e.activeColor || "#10b981", c = h.borderColor || e.borderColor || "transparent", d = h.borderWidth ?? e.borderWidth ?? 0, p = h.knobColor || e.knobColor || "#ffffff", y = l ? u : e.inactiveColor || "#374151", b = l ? c : e.borderColor || "transparent", m = l ? d : e.borderWidth ?? 0, v = l ? p : e.knobColor || "#ffffff";
     e.disabled && (t.globalAlpha *= 0.5), t.beginPath(), this.drawRoundRect(t, a, r, s, n, f);
-    const S = this.createCanvasFill(t, v, s, n);
+    const S = this.createCanvasFill(t, y, s, n);
     if (S && (t.fillStyle = S, t.fill()), m > 0) {
       t.lineWidth = m;
       const ot = this.createCanvasFill(t, b, s, n);
       ot && (t.strokeStyle = ot, t.stroke());
     }
-    const C = 2, w = n - C * 2, M = w / 2, I = a + C, k = a + s - C - w, T = h ? k : I, R = r + C;
+    const C = 2, w = n - C * 2, M = w / 2, I = a + C, k = a + s - C - w, T = l ? k : I, R = r + C;
     t.beginPath(), t.arc(T + M, R + M, M, 0, Math.PI * 2);
-    const P = this.createCanvasFill(t, y, w, w);
+    const P = this.createCanvasFill(t, v, w, w);
     P && (t.fillStyle = P, t.fill()), e.disabled && (t.globalAlpha *= 2);
     let _ = !1, E = !1;
-    const A = (h ? (J = l.leftLabel) == null ? void 0 : J.text : null) || ((x = e.leftLabel) == null ? void 0 : x.text) || "", W = (h ? (F = l.leftLabel) == null ? void 0 : F.color : null) || ((j = e.leftLabel) == null ? void 0 : j.color) || "#f3f4f6";
+    const A = (l ? (J = h.leftLabel) == null ? void 0 : J.text : null) || ((x = e.leftLabel) == null ? void 0 : x.text) || "", W = (l ? (F = h.leftLabel) == null ? void 0 : F.color : null) || ((j = e.leftLabel) == null ? void 0 : j.color) || "#f3f4f6";
     if ((X = e.leftLabel) != null && X.enabled && A) {
       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 = (h ? (tt = l.rightLabel) == null ? void 0 : tt.text : null) || ((L = e.rightLabel) == null ? void 0 : L.text) || "", Y = (h ? (O = l.rightLabel) == null ? void 0 : O.color : null) || ((D = e.rightLabel) == null ? void 0 : D.color) || "#f3f4f6";
+    const z = (l ? (tt = h.rightLabel) == null ? void 0 : tt.text : null) || ((L = e.rightLabel) == null ? void 0 : L.text) || "", Y = (l ? (O = h.rightLabel) == null ? void 0 : O.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;
@@ -4597,16 +4632,16 @@ class ci {
   }
   renderCheckbox(t, i) {
     var S, C;
-    const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.options) || i.options || {}, s = ((S = i.geometry) == null ? void 0 : S.width) || 20, n = ((C = i.geometry) == null ? void 0 : C.height) || 20, a = -s / 2, r = -n / 2, h = e.cornerRadius ?? 4, f = e.checked ?? !1, l = e.activeColor || "#3b82f6", p = e.inactiveColor || "transparent", c = e.checkColor || "#ffffff", d = e.borderColor || "#4b5563", u = e.borderWidth ?? 2, v = f ? l : p, b = f ? "transparent" : d, m = f ? 0 : u;
-    e.disabled && (t.globalAlpha *= 0.5), t.beginPath(), this.drawRoundRect(t, a, r, s, n, h);
-    const y = this.createCanvasFill(t, v, s, n);
-    if (y && (t.fillStyle = y, t.fill()), m > 0) {
+    const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.options) || i.options || {}, s = ((S = i.geometry) == null ? void 0 : S.width) || 20, n = ((C = i.geometry) == null ? void 0 : C.height) || 20, a = -s / 2, r = -n / 2, l = e.cornerRadius ?? 4, f = e.checked ?? !1, h = e.activeColor || "#3b82f6", u = e.inactiveColor || "transparent", c = e.checkColor || "#ffffff", d = e.borderColor || "#4b5563", p = e.borderWidth ?? 2, y = f ? h : u, b = f ? "transparent" : d, m = f ? 0 : p;
+    e.disabled && (t.globalAlpha *= 0.5), t.beginPath(), this.drawRoundRect(t, a, r, s, n, l);
+    const v = this.createCanvasFill(t, y, s, n);
+    if (v && (t.fillStyle = v, t.fill()), m > 0) {
       t.lineWidth = m;
       const w = this.createCanvasFill(t, b, s, n);
       w && (t.strokeStyle = w, t.stroke());
     } else if (f) {
       t.lineWidth = 1;
-      const w = this.createCanvasFill(t, l, s, n);
+      const w = this.createCanvasFill(t, h, s, n);
       w && (t.strokeStyle = w, t.stroke());
     }
     if (f) {
@@ -4626,24 +4661,24 @@ class ci {
   }
   renderRadioGroup(t, i) {
     var C, w;
-    const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.options) || i.options || {}, s = ((C = i.geometry) == null ? void 0 : C.width) || 180, n = ((w = i.geometry) == null ? void 0 : w.height) || 100, a = -s / 2, r = -n / 2, h = e.selectedValue, f = e.optionsList || ["Option 1", "Option 2", "Option 3"], l = e.orientation || "vertical", p = e.itemGap !== void 0 ? e.itemGap : 16, c = e.activeColor || "#3b82f6", d = e.inactiveColor || "#4b5563", u = e.textColor || "#ffffff", v = e.fontSize || 14, b = e.fontFamily || "Inter", m = e.fontWeight || 400;
+    const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.options) || i.options || {}, s = ((C = i.geometry) == null ? void 0 : C.width) || 180, n = ((w = i.geometry) == null ? void 0 : w.height) || 100, a = -s / 2, r = -n / 2, l = e.selectedValue, f = e.optionsList || ["Option 1", "Option 2", "Option 3"], h = e.orientation || "vertical", u = e.itemGap !== void 0 ? e.itemGap : 16, c = e.activeColor || "#3b82f6", d = e.inactiveColor || "#4b5563", p = e.textColor || "#ffffff", y = e.fontSize || 14, b = e.fontFamily || "Inter", m = e.fontWeight || 400;
     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 M = Math.max(S, v) + p;
+    const v = 8, S = v * 2;
+    if (t.save(), t.font = `${m} ${y}px "${b}", sans-serif`, t.textBaseline = "middle", t.textAlign = "left", h === "vertical") {
+      const M = Math.max(S, y) + u;
       f.forEach((I, k) => {
-        const T = r + k * M + y;
-        t.beginPath(), t.arc(a + y, T, y, 0, Math.PI * 2);
-        const R = h === I, P = this.createCanvasFill(t, c, S, S), _ = this.createCanvasFill(t, d, S, S);
-        R ? (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);
+        const T = r + k * M + v;
+        t.beginPath(), t.arc(a + v, T, v, 0, Math.PI * 2);
+        const R = l === I, P = this.createCanvasFill(t, c, S, S), _ = this.createCanvasFill(t, d, S, S);
+        R ? (t.strokeStyle = P || c, t.lineWidth = 2, t.stroke(), t.beginPath(), t.arc(a + v, T, v / 2, 0, Math.PI * 2), t.fillStyle = P || c, t.fill()) : (t.strokeStyle = _ || d, t.lineWidth = 1.5, t.stroke()), t.fillStyle = p, t.fillText(I, a + S + 8, T);
       });
     } else {
       let M = a;
       f.forEach((I) => {
-        const k = h === I, T = t.measureText(I).width;
-        t.beginPath(), t.arc(M + y, 0, y, 0, Math.PI * 2);
+        const k = l === I, T = t.measureText(I).width;
+        t.beginPath(), t.arc(M + v, 0, v, 0, Math.PI * 2);
         const R = this.createCanvasFill(t, c, S, S), P = this.createCanvasFill(t, d, S, S);
-        k ? (t.strokeStyle = R || c, t.lineWidth = 2, t.stroke(), t.beginPath(), t.arc(M + y, 0, y / 2, 0, Math.PI * 2), t.fillStyle = R || 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;
+        k ? (t.strokeStyle = R || c, t.lineWidth = 2, t.stroke(), t.beginPath(), t.arc(M + v, 0, v / 2, 0, Math.PI * 2), t.fillStyle = R || c, t.fill()) : (t.strokeStyle = P || d, t.lineWidth = 1.5, t.stroke()), t.fillStyle = p, t.fillText(I, M + S + 6, 0), M += S + 6 + T + u;
       });
     }
     if (t.restore(), e.disabled && (t.globalAlpha *= 2), e.label && e.label.text) {
@@ -4718,13 +4753,13 @@ class ci {
         }
         P.beginPath(), Y ? (P.moveTo(_, E + W), P.lineTo(_, E + z), P.quadraticCurveTo(_, E, _ + z, E), P.lineTo(_ + A - z, E), P.quadraticCurveTo(_ + A, E, _ + A, E + z), P.lineTo(_ + A, E + W), P.lineTo(_, E + W)) : (P.moveTo(_, E), P.lineTo(_ + A - z, E), P.quadraticCurveTo(_ + A, E, _ + A, E + z), P.lineTo(_ + A, E + W - z), P.quadraticCurveTo(_ + A, E + W, _ + A - z, E + W), P.lineTo(_, E + W), P.lineTo(_, E)), P.closePath();
       }
-    }, n = s.width, a = s.height, r = -n / 2, h = -a / 2;
+    }, n = s.width, a = s.height, r = -n / 2, l = -a / 2;
     if (!s.datasets || s.datasets.length === 0 || s.categories.length === 0) {
       t.save(), t.fillStyle = "rgba(99,102,241,0.7)", t.font = "bold 11px Inter, sans-serif", t.textAlign = "center", t.textBaseline = "middle", t.fillText("NO CHART DATA", 0, 0), t.restore();
       return;
     }
     const f = s._getPreset();
-    let l = -1 / 0, p = 1 / 0;
+    let h = -1 / 0, u = 1 / 0;
     const c = s.categories.length, d = s.datasets.length;
     if (s.chartType === "stacked")
       for (let P = 0; P < c; P++) {
@@ -4732,21 +4767,21 @@ class ci {
         s.datasets.forEach((A) => {
           const W = A.data[P] ?? 0;
           W >= 0 ? _ += W : E += W;
-        }), _ > l && (l = _), E < p && (p = E);
+        }), _ > h && (h = _), E < u && (u = E);
       }
     else
       s.datasets.forEach((P) => {
         P.data && P.data.forEach((_) => {
-          _ > l && (l = _), _ < p && (p = _);
+          _ > h && (h = _), _ < u && (u = _);
         });
       });
-    isFinite(l) || (l = 10), isFinite(p) || (p = 0), l = Math.max(l, 0), p = Math.min(p, 0);
-    const u = l - p || 10;
+    isFinite(h) || (h = 10), isFinite(u) || (u = 0), h = Math.max(h, 0), u = Math.min(u, 0);
+    const p = h - u || 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 = h + y, M = n - v - S, I = a - y - b;
-    if (s.enableShadows && (t.shadowColor = "transparent"), t.beginPath(), t.roundRect(r, h, n, a, 10), t.fillStyle = f.cardBackground, t.fill(), t.strokeStyle = f.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) {
+    const y = s.showYLabels ? t.measureText(h.toFixed(0)).width + 14 : 10, b = s.showXLabels ? s.axisLabelFontSize + 12 : 8, v = (s.showLegend && d > 0 ? s.legendFontSize + 10 : 0) + 8, S = 10, C = r + y, w = l + v, M = n - y - S, I = a - v - b;
+    if (s.enableShadows && (t.shadowColor = "transparent"), t.beginPath(), t.roundRect(r, l, n, a, 10), t.fillStyle = f.cardBackground, t.fill(), t.strokeStyle = f.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 = h + 12;
+      const P = l + 12;
       let _ = C;
       s.datasets.forEach((E, A) => {
         const W = s._resolveColor(E.color, A), z = E.label || "Series " + (A + 1), Y = 7;
@@ -4770,10 +4805,10 @@ class ci {
       t.font = s.axisLabelFontSize + "px Inter, sans-serif", t.textAlign = "right", t.textBaseline = "middle", t.fillStyle = f.axisLabelColor;
       for (let P = 0; P <= k; P++)
         if (s.orientation === "horizontal") {
-          const _ = p + P / k * u, E = C + P / k * M;
+          const _ = u + P / k * p, 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 * I;
+          const _ = h - P / k * p, E = w + P / k * I;
           t.textAlign = "right", t.fillText(_.toFixed(0), C - 6, E);
         }
     }
@@ -4787,7 +4822,7 @@ class ci {
           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;
+            const G = Y / p * 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();
@@ -4802,7 +4837,7 @@ 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 - G;
+            const G = Y / p * 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();
@@ -4810,26 +4845,26 @@ class ci {
         }
       }
     else if (s.orientation === "horizontal") {
-      const P = I / c, _ = d * s.barWidth + Math.max(0, (d - 1) * s.barGap), E = C + (0 - p) / u * M;
+      const P = I / c, _ = d * s.barWidth + Math.max(0, (d - 1) * s.barGap), E = C + (0 - u) / p * 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 = f.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 * M);
+          const N = Y.data[A] ?? 0, J = Math.abs(N / p * 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 = M / c, _ = d * s.barWidth + Math.max(0, (d - 1) * s.barGap), E = w + I - (0 - p) / u * I;
+      const P = M / c, _ = d * s.barWidth + Math.max(0, (d - 1) * s.barGap), E = w + I - (0 - u) / p * 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 = f.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 * I);
+          const N = Y.data[A] ?? 0, J = Math.abs(N / p * 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));
@@ -4839,9 +4874,9 @@ class ci {
     t.restore();
   }
   renderPieChart(t, i) {
-    var v, b;
+    var y, b;
     const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.options) || i.options || {}, s = {
-      width: ((v = i.geometry) == null ? void 0 : v.width) || 180,
+      width: ((y = i.geometry) == null ? void 0 : y.width) || 180,
       height: ((b = i.geometry) == null ? void 0 : b.height) || 180,
       chartType: e.chartType || "donut",
       stylePreset: e.stylePreset || "default",
@@ -4861,8 +4896,8 @@ class ci {
       _getPreset: function() {
         return us[this.stylePreset] || us.default;
       },
-      _resolveSliceColor: function(m, y) {
-        const S = m.color, C = y, w = this._getPreset();
+      _resolveSliceColor: function(m, v) {
+        const S = m.color, C = v, w = this._getPreset();
         return ["#6366f1", "#22d3ee", "#f59e0b", "#ec4899", "#34d399", "#a855f7", "#f87171"].includes(S) ? w.colors[C % w.colors.length] : typeof S == "string" ? S : w.colors[C % w.colors.length];
       }
     }, n = s.width, a = s.height;
@@ -4870,27 +4905,27 @@ class ci {
       t.save(), t.fillStyle = "rgba(99,102,241,0.8)", t.font = "bold 11px Inter, sans-serif", t.textAlign = "center", t.textBaseline = "middle", t.fillText("NO PIE DATA", 0, 0), t.restore();
       return;
     }
-    const r = s.slices.reduce((m, y) => m + (y.value || 0), 0);
+    const r = s.slices.reduce((m, v) => m + (v.value || 0), 0);
     if (r <= 0) {
       t.save(), t.fillStyle = "rgba(99,102,241,0.8)", t.font = "bold 11px Inter, sans-serif", t.textAlign = "center", t.textBaseline = "middle", t.fillText("EMPTY DATA", 0, 0), t.restore();
       return;
     }
-    const h = s._getPreset();
-    t.save(), t.beginPath(), t.roundRect(-n / 2, -a / 2, n, a, 10), t.fillStyle = h.cardBackground, t.fill(), t.strokeStyle = h.cardBorderColor, t.lineWidth = 1, t.stroke();
-    const f = s.showLegend ? Math.ceil(s.slices.length / 2) : 0, l = f > 0 ? f * (s.legendFontSize + 8) + 10 : 0, p = a - l - 16, c = Math.min(n - 24, p) / 2, d = 0, u = -l / 2;
+    const l = s._getPreset();
+    t.save(), t.beginPath(), t.roundRect(-n / 2, -a / 2, n, a, 10), t.fillStyle = l.cardBackground, t.fill(), t.strokeStyle = l.cardBorderColor, t.lineWidth = 1, t.stroke();
+    const f = s.showLegend ? Math.ceil(s.slices.length / 2) : 0, h = f > 0 ? f * (s.legendFontSize + 8) + 10 : 0, u = a - h - 16, c = Math.min(n - 24, u) / 2, d = 0, p = -h / 2;
     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;
+      const m = Math.max(...s.slices.map((C) => C.value || 0)), v = Math.PI * 2 / s.slices.length, S = c > 0 ? s.sliceGap / c : 0;
       s.slices.forEach((C, w) => {
         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, R = s._resolveSliceColor(C, w);
-        if (t.beginPath(), t.moveTo(d, u), t.arc(d, u, I, k, T), t.closePath(), t.fillStyle = R + "cc", t.fill(), t.strokeStyle = R, 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 = h.labelColor, t.textAlign = "center", t.textBaseline = "middle", t.fillText(`${A}%`, _, E), t.restore();
+        const I = M / m * c, k = -Math.PI / 2 + w * v + S / 2, T = k + v - S, R = s._resolveSliceColor(C, w);
+        if (t.beginPath(), t.moveTo(d, p), t.arc(d, p, I, k, T), t.closePath(), t.fillStyle = R + "cc", t.fill(), t.strokeStyle = R, t.lineWidth = 1.5, t.stroke(), s.showLabels) {
+          const P = k + (T - k) / 2, _ = d + I * 0.65 * Math.cos(P), E = p + 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 = l.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;
+      const m = s.chartType === "pie" ? 0 : s.innerRadius, v = c * Math.max(0, m), S = c > 0 ? s.sliceGap / c : 0;
       let C = -Math.PI / 2;
       if (s.slices.forEach((w, M) => {
         const I = w.value || 0;
@@ -4904,23 +4939,23 @@ class ci {
           return;
         }
         const P = s._resolveSliceColor(w, M);
-        if (t.beginPath(), t.fillStyle = P, y <= 0 ? (t.moveTo(d, u), t.arc(d, u, c, T, R), t.lineTo(d, u)) : (t.moveTo(d + c * Math.cos(T), u + c * Math.sin(T)), t.arc(d, u, c, T, R), t.arc(d, u, y, R, T, !0), t.closePath()), t.fill(), s.showLabels) {
-          const _ = T + (R - 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 = h.labelColor, t.textAlign = "center", t.textBaseline = "middle", t.fillText(`${z}%`, A, W), t.restore();
+        if (t.beginPath(), t.fillStyle = P, v <= 0 ? (t.moveTo(d, p), t.arc(d, p, c, T, R), t.lineTo(d, p)) : (t.moveTo(d + c * Math.cos(T), p + c * Math.sin(T)), t.arc(d, p, c, T, R), t.arc(d, p, v, R, T, !0), t.closePath()), t.fill(), s.showLabels) {
+          const _ = T + (R - T) / 2, E = v + (c - v) / 2, A = d + E * Math.cos(_), W = p + E * Math.sin(_), z = Math.round(I / r * 100);
+          t.save(), t.font = `bold ${s.labelFontSize}px Inter, sans-serif`, t.fillStyle = l.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), 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 = h.centerTextColor, t.fillText(w.toString(), d, u - I * 0.5), s.centerLabel && (t.font = `${I}px Inter, sans-serif`, t.fillStyle = h.centerLabelColor, t.fillText(s.centerLabel, d, u + M * 0.6));
+      }), s.chartType === "donut" && s.showCenterText && v > 14) {
+        const w = Math.round(r), M = Math.min(Math.floor(v * 0.52), 20), I = Math.min(Math.floor(v * 0.26), 10);
+        t.textAlign = "center", t.textBaseline = "middle", t.font = `bold ${M}px Inter, sans-serif`, t.fillStyle = l.centerTextColor, t.fillText(w.toString(), d, p - I * 0.5), s.centerLabel && (t.font = `${I}px Inter, sans-serif`, t.fillStyle = l.centerLabelColor, t.fillText(s.centerLabel, d, p + 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;
+      const m = 2, v = n / m, S = s.legendFontSize + 8, C = a / 2 - h + 10, w = -n / 2 + 10;
       s.slices.forEach((M, I) => {
-        const k = I % m, T = Math.floor(I / m), R = w + k * y, P = C + T * S, _ = s._resolveSliceColor(M, I), E = 7;
-        t.beginPath(), t.roundRect(R, P - E / 2, E, E, 2), t.fillStyle = _, t.fill(), t.textAlign = "left", t.textBaseline = "middle", t.fillStyle = h.legendColor;
-        const A = Math.round((M.value || 0) / r * 100), W = `${M.label || "Item"} ${A}%`, z = y - E - 20;
+        const k = I % m, T = Math.floor(I / m), R = w + k * v, P = C + T * S, _ = s._resolveSliceColor(M, I), E = 7;
+        t.beginPath(), t.roundRect(R, P - E / 2, E, E, 2), t.fillStyle = _, t.fill(), t.textAlign = "left", t.textBaseline = "middle", t.fillStyle = l.legendColor;
+        const A = Math.round((M.value || 0) / r * 100), W = `${M.label || "Item"} ${A}%`, z = v - E - 20;
         let Y = W;
         for (; t.measureText(Y).width > z && Y.length > 4; )
           Y = Y.slice(0, -4) + "…";
@@ -4930,33 +4965,33 @@ class ci {
     t.restore();
   }
   renderJoystick(t, i) {
-    var u, v, b, m, y;
-    const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.width) !== void 0 ? o.width : ((u = i.geometry) == null ? void 0 : u.width) ?? i.width ?? 100, s = (o == null ? void 0 : o.height) !== void 0 ? o.height : ((v = i.geometry) == null ? void 0 : v.height) ?? i.height ?? 100, n = Math.min(e, s) * 0.45, a = Math.min(e, s) * 0.15;
-    let r = i.handleX || 0, h = i.handleY || 0;
-    o && o.handleX !== void 0 && (r = o.handleX), o && o.handleY !== void 0 && (h = o.handleY), t.save();
-    let f = 0, l = 0;
-    i.handleOrigin === "top-left" ? (f = e / 2, l = s / 2) : i.handleOrigin === "bottom-right" && (f = -e / 2, l = -s / 2), t.translate(f, l), t.beginPath(), i.boundsShape === "square" ? t.rect(-n, -n, n * 2, n * 2) : t.arc(0, 0, n, 0, Math.PI * 2), t.fillStyle = "rgba(0,0,0,0.2)", (b = i.style) != null && b.fill && typeof i.style.fill == "string" ? t.fillStyle = i.style.fill : (m = i.style) != null && m.fill && i.style.fill.type === "solid" && (t.fillStyle = i.style.fill.color), t.fill(), (y = i.style) != null && y.stroke && i.style.stroke.isEnabled !== !1 && (t.lineWidth = i.style.stroke.width || 1, t.strokeStyle = i.style.stroke.color || "#000", t.stroke());
-    const p = n - a;
+    var p, y, b, m, v;
+    const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.width) !== void 0 ? o.width : ((p = i.geometry) == null ? void 0 : p.width) ?? i.width ?? 100, s = (o == null ? void 0 : o.height) !== void 0 ? o.height : ((y = i.geometry) == null ? void 0 : y.height) ?? i.height ?? 100, n = Math.min(e, s) * 0.45, a = Math.min(e, s) * 0.15;
+    let r = i.handleX || 0, l = i.handleY || 0;
+    o && o.handleX !== void 0 && (r = o.handleX), o && o.handleY !== void 0 && (l = o.handleY), t.save();
+    let f = 0, h = 0;
+    i.handleOrigin === "top-left" ? (f = e / 2, h = s / 2) : i.handleOrigin === "bottom-right" && (f = -e / 2, h = -s / 2), t.translate(f, h), t.beginPath(), i.boundsShape === "square" ? t.rect(-n, -n, n * 2, n * 2) : t.arc(0, 0, n, 0, Math.PI * 2), t.fillStyle = "rgba(0,0,0,0.2)", (b = i.style) != null && b.fill && typeof i.style.fill == "string" ? t.fillStyle = i.style.fill : (m = i.style) != null && m.fill && i.style.fill.type === "solid" && (t.fillStyle = i.style.fill.color), t.fill(), (v = i.style) != null && v.stroke && i.style.stroke.isEnabled !== !1 && (t.lineWidth = i.style.stroke.width || 1, t.strokeStyle = i.style.stroke.color || "#000", t.stroke());
+    const u = n - a;
     let c = 0, d = 0;
-    i.joystickType === "2D" ? (c = r * p, d = h * p) : i.joystickType === "1D_X" ? (c = r * p, d = 0) : i.joystickType === "1D_Y" && (c = 0, d = h * 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();
+    i.joystickType === "2D" ? (c = r * u, d = l * u) : i.joystickType === "1D_X" ? (c = r * u, d = 0) : i.joystickType === "1D_Y" && (c = 0, d = l * u), 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 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 : ((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, h = e.orientation || "vertical", f = 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 (h === "vertical") {
-      const T = Math.max(C, l) + f;
+    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, l = e.orientation || "vertical", f = e.itemGap !== void 0 ? e.itemGap : 16, h = e.fontSize || 14, u = this.getWorldTransform(t.id), c = i - u.x, d = o - u.y, p = -u.rotation * (Math.PI / 180), y = Math.cos(p), b = Math.sin(p), m = c * y - d * b, v = c * b + d * y, C = 8 * 2, w = -a / 2, M = -r / 2;
+    if (l === "vertical") {
+      const T = Math.max(C, h) + f;
       for (let R = 0; R < n.length; R++) {
         const P = M + R * T;
-        if (m >= w && m <= w + a && y >= P && y <= P + T)
+        if (m >= w && m <= w + a && v >= P && v <= P + T)
           return R;
       }
     } else {
       let T = w;
       for (let R = 0; R < n.length; R++) {
         const _ = n[R].length * 8, E = C + 6 + _ + f;
-        if (m >= T && m <= T + E && y >= M && y <= M + r)
+        if (m >= T && m <= T + E && v >= M && v <= M + r)
           return R;
         T += E;
       }
@@ -4979,92 +5014,92 @@ class ci {
       pointFill: i.pointFill || "#ffffff",
       pointStrokeColor: i.pointStrokeColor || i.lineColor || "#3b82f6",
       pointStrokeWidth: i.pointStrokeWidth || 2
-    }]), !s || s.length === 0 || !s.some((u) => u.data && u.data.length >= 2)) {
+    }]), !s || s.length === 0 || !s.some((p) => p.data && p.data.length >= 2)) {
       t.save(), t.fillStyle = "#6366f1", t.font = "12px Inter, system-ui, sans-serif", t.textAlign = "center", t.textBaseline = "middle", t.fillText("NO DATA", 0, 0), t.restore();
       return;
     }
     let n = 1 / 0, a = -1 / 0, r = 0;
-    if (s.forEach((u) => {
-      let v = u.data;
-      if (u.isVarEnabled && u.inputId) {
-        let b = this.inputs.get(u.inputId);
+    if (s.forEach((p) => {
+      let y = p.data;
+      if (p.isVarEnabled && p.inputId) {
+        let b = this.inputs.get(p.inputId);
         if (b === void 0) {
-          const m = this.inputNameMap.get(u.inputId);
+          const m = this.inputNameMap.get(p.inputId);
           m && m.length > 0 && (b = this.inputs.get(m[0]));
         }
-        b && Array.isArray(b) && (v = b);
+        b && Array.isArray(b) && (y = b);
       }
-      if (v && v.length > 0) {
-        const b = v.filter((m) => typeof m == "number" && !isNaN(m));
-        b.length > 0 && (n = Math.min(n, ...b), a = Math.max(a, ...b), r = Math.max(r, v.length));
+      if (y && y.length > 0) {
+        const b = y.filter((m) => typeof m == "number" && !isNaN(m));
+        b.length > 0 && (n = Math.min(n, ...b), a = Math.max(a, ...b), r = Math.max(r, y.length));
       }
-      u._resolvedData = v;
+      p._resolvedData = y;
     }), r < 2) return;
-    const h = a - n, f = o / (r - 1), l = (u) => {
-      const v = h === 0 ? 0.5 : (u - n) / h;
-      return e / 2 - v * e;
-    }, p = (u) => u * f - o / 2, c = i.axisColor || "#333333";
+    const l = a - n, f = o / (r - 1), h = (p) => {
+      const y = l === 0 ? 0.5 : (p - n) / l;
+      return e / 2 - y * e;
+    }, u = (p) => p * f - o / 2, c = i.axisColor || "#333333";
     if (i.showXAxis && (t.beginPath(), t.strokeStyle = i.xAxisColor || c, t.lineWidth = 1, t.moveTo(-o / 2, e / 2), t.lineTo(o / 2, e / 2), t.stroke()), i.showYAxis && (t.beginPath(), t.strokeStyle = i.yAxisColor || c, t.lineWidth = 1, t.moveTo(-o / 2, -e / 2), t.lineTo(-o / 2, e / 2), t.stroke()), t.fillStyle = i.axisLabelColor || "#333333", t.font = `${i.axisLabelFontSize || 10}px Inter, sans-serif`, i.showXLabels) {
       t.textAlign = "center", t.textBaseline = "top";
-      for (let u = 0; u < r; u++) {
-        const v = p(u);
-        t.fillText(`${u + 1}`, v, e / 2 + 5);
+      for (let p = 0; p < r; p++) {
+        const y = u(p);
+        t.fillText(`${p + 1}`, y, e / 2 + 5);
       }
     }
     if (i.showYLabels) {
       t.textAlign = "right", t.textBaseline = "middle";
-      const u = -o / 2 - 5, v = (a + n) / 2;
-      t.fillText(a.toFixed(1), u, l(a)), t.fillText(v.toFixed(1), u, l(v)), t.fillText(n.toFixed(1), u, l(n));
+      const p = -o / 2 - 5, y = (a + n) / 2;
+      t.fillText(a.toFixed(1), p, h(a)), t.fillText(y.toFixed(1), p, h(y)), t.fillText(n.toFixed(1), p, h(n));
     }
     const d = 10;
-    if (s.forEach((u) => {
-      const v = u._resolvedData;
-      if (!(!v || v.length < 2)) {
-        if (u.showArea) {
-          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];
+    if (s.forEach((p) => {
+      const y = p._resolvedData;
+      if (!(!y || y.length < 2)) {
+        if (p.showArea) {
+          if (t.beginPath(), t.moveTo(u(0), e / 2), t.lineTo(u(0), h(y[0])), p.smoothing && y.length > 2)
+            for (let m = 0; m < y.length - 1; m++) {
+              const v = y[m === 0 ? m : m - 1], S = y[m], C = y[m + 1], w = y[m + 1 === y.length - 1 ? m + 1 : m + 2];
               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));
+                const I = M / d, k = this._catmullRom(v, S, C, w, I);
+                t.lineTo(u(m + I), h(k));
               }
             }
           else
-            for (let m = 1; m < v.length; m++)
-              t.lineTo(p(m), l(v[m]));
-          t.lineTo(p(v.length - 1), e / 2), t.closePath();
+            for (let m = 1; m < y.length; m++)
+              t.lineTo(u(m), h(y[m]));
+          t.lineTo(u(y.length - 1), e / 2), t.closePath();
           const b = t.globalAlpha;
-          t.globalAlpha = b * (i.areaOpacity ?? 0.3), t.fillStyle = u.areaColor || "rgba(139, 92, 246, 0.2)", t.fill(), t.globalAlpha = b;
+          t.globalAlpha = b * (i.areaOpacity ?? 0.3), t.fillStyle = p.areaColor || "rgba(139, 92, 246, 0.2)", t.fill(), t.globalAlpha = b;
         }
-        if (t.beginPath(), t.strokeStyle = u.lineColor || "#3b82f6", t.lineWidth = u.lineWidth || 2, t.lineJoin = "round", t.lineCap = "round", t.moveTo(p(0), l(v[0])), u.smoothing && v.length > 2)
-          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];
+        if (t.beginPath(), t.strokeStyle = p.lineColor || "#3b82f6", t.lineWidth = p.lineWidth || 2, t.lineJoin = "round", t.lineCap = "round", t.moveTo(u(0), h(y[0])), p.smoothing && y.length > 2)
+          for (let b = 0; b < y.length - 1; b++) {
+            const m = y[b === 0 ? b : b - 1], v = y[b], S = y[b + 1], C = y[b + 1 === y.length - 1 ? b + 1 : b + 2];
             for (let w = 1; w <= d; w++) {
-              const M = w / d, I = this._catmullRom(m, y, S, C, M);
-              t.lineTo(p(b + M), l(I));
+              const M = w / d, I = this._catmullRom(m, v, S, C, M);
+              t.lineTo(u(b + M), h(I));
             }
           }
         else
-          for (let b = 1; b < v.length; b++)
-            t.lineTo(p(b), l(v[b]));
-        t.stroke(), u.showPoints && v.forEach((b, m) => {
-          const y = p(m), S = l(b);
-          t.beginPath(), t.arc(y, S, (u.pointSize || 6) / 2, 0, Math.PI * 2), t.fillStyle = u.pointFill || "#ffffff", t.fill(), t.strokeStyle = u.pointStrokeColor || u.lineColor || "#3b82f6", t.lineWidth = u.pointStrokeWidth || 1, t.stroke();
+          for (let b = 1; b < y.length; b++)
+            t.lineTo(u(b), h(y[b]));
+        t.stroke(), p.showPoints && y.forEach((b, m) => {
+          const v = u(m), S = h(b);
+          t.beginPath(), t.arc(v, S, (p.pointSize || 6) / 2, 0, Math.PI * 2), t.fillStyle = p.pointFill || "#ffffff", t.fill(), t.strokeStyle = p.pointStrokeColor || p.lineColor || "#3b82f6", t.lineWidth = p.pointStrokeWidth || 1, t.stroke();
         });
       }
     }), i.showLegend && s.length > 0) {
-      const u = o / 2 - 10;
-      let v = -e / 2 + 15;
+      const p = o / 2 - 10;
+      let y = -e / 2 + 15;
       const b = i.legendFontSize || 10, m = b + 5;
-      t.font = `${b}px Inter, sans-serif`, t.textAlign = "right", t.textBaseline = "alphabetic", s.forEach((y) => {
-        const C = y.label || "Series", w = t.measureText(C).width;
-        t.beginPath(), t.rect(u - w - 8 - 5, v - (8 / 2 + 2), 8, 8), t.fillStyle = y.lineColor || "#3b82f6", t.fill(), t.fillStyle = i.legendColor || "#333333", t.fillText(C, u, v), v += m;
+      t.font = `${b}px Inter, sans-serif`, t.textAlign = "right", t.textBaseline = "alphabetic", s.forEach((v) => {
+        const C = v.label || "Series", w = t.measureText(C).width;
+        t.beginPath(), t.rect(p - w - 8 - 5, y - (8 / 2 + 2), 8, 8), t.fillStyle = v.lineColor || "#3b82f6", t.fill(), t.fillStyle = i.legendColor || "#333333", t.fillText(C, p, y), y += m;
       });
     }
   }
   _catmullRom(t, i, o, e, s) {
-    const n = (o - t) * 0.5, a = (e - i) * 0.5, r = s * s, h = s * r;
-    return (2 * i - 2 * o + n + a) * h + (-3 * i + 3 * o - 2 * n - a) * r + n * s + i;
+    const n = (o - t) * 0.5, a = (e - i) * 0.5, r = s * s, l = s * r;
+    return (2 * i - 2 * o + n + a) * l + (-3 * i + 3 * o - 2 * n - a) * r + n * s + i;
   }
   normalizeOpacity(t) {
     const i = typeof t == "number" ? t : parseFloat(String(t));
@@ -5079,55 +5114,55 @@ class ci {
       return t.fillStyle = f, f;
     }
     if ((i.type === "LinearGradient" || i.type === "RadialGradient" || i.type === "AngularGradient" || i.type === "DiamondGradient") && i.stops) {
-      const r = (h, f = 100) => {
+      const r = (l, f = 100) => {
         var S, C;
-        const p = (((C = (S = this.artboard) == null ? void 0 : S.tokens) == null ? void 0 : C.colors) || {})[h] || h, c = this.normalizeOpacity(i.opacity ?? 100), u = this.normalizeOpacity(f) * c;
-        if (u >= 1 && p.startsWith("#")) return p;
-        const v = p.startsWith("#") ? p.replace("#", "") : "ffffff", b = parseInt(v.substring(0, 2), 16), m = parseInt(v.substring(2, 4), 16), y = parseInt(v.substring(4, 6), 16);
-        return `rgba(${b}, ${m}, ${y}, ${u})`;
+        const u = (((C = (S = this.artboard) == null ? void 0 : S.tokens) == null ? void 0 : C.colors) || {})[l] || l, c = this.normalizeOpacity(i.opacity ?? 100), p = this.normalizeOpacity(f) * c;
+        if (p >= 1 && u.startsWith("#")) return u;
+        const y = u.startsWith("#") ? u.replace("#", "") : "ffffff", b = parseInt(y.substring(0, 2), 16), m = parseInt(y.substring(2, 4), 16), v = parseInt(y.substring(4, 6), 16);
+        return `rgba(${b}, ${m}, ${v}, ${p})`;
       };
       if (i.type === "LinearGradient") {
-        const h = (u, v, b) => Array.isArray(u) ? u[v] ?? (v === 0 ? 0 : 1) : u && typeof u == "object" ? u[b] ?? (v === 0 ? 0 : 1) : v === 0 ? 0 : 1, f = h(i.start, 0, "x") * o - o / 2, l = h(i.start, 1, "y") * e - e / 2, p = h(i.end, 0, "x") * o - o / 2, c = h(i.end, 1, "y") * e - e / 2, d = t.createLinearGradient(f, l, p, c);
-        if (i.stops.forEach((u) => {
-          const v = u.offset !== void 0 ? u.offset : u.pos !== void 0 ? u.pos : u.position !== void 0 ? u.position : 0, b = r(u.color || "#000000", u.opacity ?? 100);
-          d.addColorStop(Math.max(0, Math.min(1, v)), b);
+        const l = (p, y, b) => Array.isArray(p) ? p[y] ?? (y === 0 ? 0 : 1) : p && typeof p == "object" ? p[b] ?? (y === 0 ? 0 : 1) : y === 0 ? 0 : 1, f = l(i.start, 0, "x") * o - o / 2, h = l(i.start, 1, "y") * e - e / 2, u = l(i.end, 0, "x") * o - o / 2, c = l(i.end, 1, "y") * e - e / 2, d = t.createLinearGradient(f, h, u, c);
+        if (i.stops.forEach((p) => {
+          const y = p.offset !== void 0 ? p.offset : p.pos !== void 0 ? p.pos : p.position !== void 0 ? p.position : 0, b = r(p.color || "#000000", p.opacity ?? 100);
+          d.addColorStop(Math.max(0, Math.min(1, y)), b);
         }), i.gradientTransform && d.setTransform) {
-          const [u, v, b, m, y, S] = i.gradientTransform;
-          d.setTransform({ a: u, b: v, c: b, d: m, e: y, f: S });
+          const [p, y, b, m, v, S] = i.gradientTransform;
+          d.setTransform({ a: p, b: y, c: b, d: m, e: v, f: S });
         }
         return d;
       } else if (i.type === "RadialGradient") {
-        const h = (d, u, v) => Array.isArray(d) ? d[u] ?? 0.5 : d && typeof d == "object" ? d[v] ?? 0.5 : 0.5, f = h(i.center, 0, "x") * o - o / 2, l = h(i.center, 1, "y") * e - e / 2, p = (i.radius ?? 0.5) * Math.max(o, e), c = t.createRadialGradient(f, l, 0, f, l, p);
+        const l = (d, p, y) => Array.isArray(d) ? d[p] ?? 0.5 : d && typeof d == "object" ? d[y] ?? 0.5 : 0.5, f = l(i.center, 0, "x") * o - o / 2, h = l(i.center, 1, "y") * e - e / 2, u = (i.radius ?? 0.5) * Math.max(o, e), c = t.createRadialGradient(f, h, 0, f, h, u);
         if (i.stops.forEach((d) => {
-          const u = d.offset !== void 0 ? d.offset : d.pos !== void 0 ? d.pos : d.position !== void 0 ? d.position : 0, v = r(d.color || "#000000", d.opacity ?? 100);
-          c.addColorStop(Math.max(0, Math.min(1, u)), v);
+          const p = d.offset !== void 0 ? d.offset : d.pos !== void 0 ? d.pos : d.position !== void 0 ? d.position : 0, y = r(d.color || "#000000", d.opacity ?? 100);
+          c.addColorStop(Math.max(0, Math.min(1, p)), y);
         }), i.gradientTransform && c.setTransform) {
-          const [d, u, v, b, m, y] = i.gradientTransform;
-          c.setTransform({ a: d, b: u, c: v, d: b, e: m, f: y });
+          const [d, p, y, b, m, v] = i.gradientTransform;
+          c.setTransform({ a: d, b: p, c: y, d: b, e: m, f: v });
         }
         return c;
       } else if (i.type === "AngularGradient") {
-        const h = (d, u, v) => Array.isArray(d) ? d[u] ?? 0.5 : d && typeof d == "object" ? d[v] ?? 0.5 : 0.5, f = h(i.center || [0.5, 0.5], 0, "x") * o - o / 2, l = h(i.center || [0.5, 0.5], 1, "y") * e - e / 2, p = (i.degree || i.angle || 0) * (Math.PI / 180), c = (a = t.createConicGradient) == null ? void 0 : a.call(t, p, f, l);
+        const l = (d, p, y) => Array.isArray(d) ? d[p] ?? 0.5 : d && typeof d == "object" ? d[y] ?? 0.5 : 0.5, f = l(i.center || [0.5, 0.5], 0, "x") * o - o / 2, h = l(i.center || [0.5, 0.5], 1, "y") * e - e / 2, u = (i.degree || i.angle || 0) * (Math.PI / 180), c = (a = t.createConicGradient) == null ? void 0 : a.call(t, u, f, h);
         if (c) {
           if (i.stops.forEach((d) => {
-            const u = d.offset !== void 0 ? d.offset : d.pos !== void 0 ? d.pos : d.position !== void 0 ? d.position : 0, v = r(d.color || "#000000", d.opacity ?? 100);
-            c.addColorStop(Math.max(0, Math.min(1, u)), v);
+            const p = d.offset !== void 0 ? d.offset : d.pos !== void 0 ? d.pos : d.position !== void 0 ? d.position : 0, y = r(d.color || "#000000", d.opacity ?? 100);
+            c.addColorStop(Math.max(0, Math.min(1, p)), y);
           }), i.gradientTransform && c.setTransform) {
-            const [d, u, v, b, m, y] = i.gradientTransform;
-            c.setTransform({ a: d, b: u, c: v, d: b, e: m, f: y });
+            const [d, p, y, b, m, v] = i.gradientTransform;
+            c.setTransform({ a: d, b: p, c: y, d: b, e: m, f: v });
           }
           return c;
         }
       } else if (i.type === "DiamondGradient") {
-        const h = (d, u, v) => Array.isArray(d) ? d[u] ?? 0.5 : d && typeof d == "object" ? d[v] ?? 0.5 : 0.5, f = h(i.center || [0.5, 0.5], 0, "x") * o - o / 2, l = h(i.center || [0.5, 0.5], 1, "y") * e - e / 2, p = (i.radius ?? 0.5) * Math.max(o, e);
-        t.save(), t.translate(f, l), t.rotate(Math.PI / 4);
-        const c = t.createRadialGradient(0, 0, 0, 0, 0, p);
+        const l = (d, p, y) => Array.isArray(d) ? d[p] ?? 0.5 : d && typeof d == "object" ? d[y] ?? 0.5 : 0.5, f = l(i.center || [0.5, 0.5], 0, "x") * o - o / 2, h = l(i.center || [0.5, 0.5], 1, "y") * e - e / 2, u = (i.radius ?? 0.5) * Math.max(o, e);
+        t.save(), t.translate(f, h), t.rotate(Math.PI / 4);
+        const c = t.createRadialGradient(0, 0, 0, 0, 0, u);
         if (i.stops.forEach((d) => {
-          const u = d.offset !== void 0 ? d.offset : d.pos !== void 0 ? d.pos : d.position !== void 0 ? d.position : 0, v = r(d.color || "#000000", d.opacity ?? 100);
-          c.addColorStop(Math.max(0, Math.min(1, u)), v);
+          const p = d.offset !== void 0 ? d.offset : d.pos !== void 0 ? d.pos : d.position !== void 0 ? d.position : 0, y = r(d.color || "#000000", d.opacity ?? 100);
+          c.addColorStop(Math.max(0, Math.min(1, p)), y);
         }), i.gradientTransform && c.setTransform) {
-          const [d, u, v, b, m, y] = i.gradientTransform;
-          c.setTransform({ a: d, b: u, c: v, d: b, e: m, f: y });
+          const [d, p, y, b, m, v] = i.gradientTransform;
+          c.setTransform({ a: d, b: p, c: y, d: b, e: m, f: v });
         }
         return t.scale(1 / Math.SQRT2, 1 / Math.SQRT2), t.fillStyle = c, t.restore(), c;
       }
@@ -5135,12 +5170,12 @@ class ci {
     if (i.type === "Pattern" && i.url) {
       let r = this.imageCache.get(i.url);
       if (r || (r = new Image(), r.src = i.url, this.imageCache.set(i.url, r)), r.complete && r.naturalWidth > 0) {
-        const h = t.createPattern(r, "repeat");
-        if (h && (i.scaleX !== void 0 || i.offsetX !== void 0)) {
-          const f = new DOMMatrix(), l = i.scaleX ?? 1, p = i.scaleY ?? 1, c = i.offsetX ?? 0, d = i.offsetY ?? 0, u = i.rotation ?? 0;
-          f.translateSelf(c, d), f.rotateSelf(u), f.scaleSelf(l, p), h.setTransform(f);
+        const l = t.createPattern(r, "repeat");
+        if (l && (i.scaleX !== void 0 || i.offsetX !== void 0)) {
+          const f = new DOMMatrix(), h = i.scaleX ?? 1, u = i.scaleY ?? 1, c = i.offsetX ?? 0, d = i.offsetY ?? 0, p = i.rotation ?? 0;
+          f.translateSelf(c, d), f.rotateSelf(p), f.scaleSelf(h, u), l.setTransform(f);
         }
-        return h;
+        return l;
       }
     }
     return i.color || null;
@@ -5157,43 +5192,43 @@ class ci {
       } catch {
         a = parseFloat(a) || 0;
       }
-    let r = 0, h = 0, f = 0, l = 0;
-    typeof a == "number" ? r = h = f = l = a : Array.isArray(a) ? a.length === 1 ? r = h = f = l = a[0] : a.length === 2 ? (r = f = a[0], h = l = a[1]) : a.length === 3 ? (r = a[0], h = l = a[1], f = a[2]) : a.length >= 4 && (r = a[0], h = a[1], f = a[2], l = a[3]) : a && typeof a == "object" && (r = a.tl ?? a.corner_radius ?? a.cornerRadius ?? 0, h = a.tr ?? a.corner_radius ?? a.cornerRadius ?? 0, f = a.br ?? a.corner_radius ?? a.cornerRadius ?? 0, l = a.bl ?? a.corner_radius ?? a.cornerRadius ?? 0);
-    const p = Math.min(Math.abs(e) / 2, Math.abs(s) / 2);
-    if (r = Math.min(Math.max(0, r), p), h = Math.min(Math.max(0, h), p), f = Math.min(Math.max(0, f), p), l = Math.min(Math.max(0, l), p), t.roundRect) {
-      t.roundRect(i, o, e, s, [r, h, f, l]);
+    let r = 0, l = 0, f = 0, h = 0;
+    typeof a == "number" ? r = l = f = h = a : Array.isArray(a) ? a.length === 1 ? r = l = f = h = a[0] : a.length === 2 ? (r = f = a[0], l = h = a[1]) : a.length === 3 ? (r = a[0], l = h = a[1], f = a[2]) : a.length >= 4 && (r = a[0], l = a[1], f = a[2], h = a[3]) : a && typeof a == "object" && (r = a.tl ?? a.corner_radius ?? a.cornerRadius ?? 0, l = a.tr ?? a.corner_radius ?? a.cornerRadius ?? 0, f = a.br ?? a.corner_radius ?? a.cornerRadius ?? 0, h = a.bl ?? a.corner_radius ?? a.cornerRadius ?? 0);
+    const u = Math.min(Math.abs(e) / 2, Math.abs(s) / 2);
+    if (r = Math.min(Math.max(0, r), u), l = Math.min(Math.max(0, l), u), f = Math.min(Math.max(0, f), u), h = Math.min(Math.max(0, h), u), t.roundRect) {
+      t.roundRect(i, o, e, s, [r, l, f, h]);
       return;
     }
-    t.moveTo(i + r, o), t.lineTo(i + e - h, o), t.arcTo(i + e, o, i + e, o + h, h), t.lineTo(i + e, o + s - f), t.arcTo(i + e, o + s, i + e - f, o + s, f), t.lineTo(i + l, o + s), t.arcTo(i, o + s, i, o + s - l, l), t.lineTo(i, o + r), t.arcTo(i, o, i + r, o, r), t.closePath();
+    t.moveTo(i + r, o), t.lineTo(i + e - l, o), t.arcTo(i + e, o, i + e, o + l, l), t.lineTo(i + e, o + s - f), t.arcTo(i + e, o + s, i + e - f, o + s, f), t.lineTo(i + h, o + s), t.arcTo(i, o + s, i, o + s - h, h), t.lineTo(i, o + r), t.arcTo(i, o, i + r, o, r), t.closePath();
   }
   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, h = o.corner_radius !== void 0 ? o.corner_radius : e.corner_radius ?? 0, f = 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;
+    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, l = o.corner_radius !== void 0 ? o.corner_radius : e.corner_radius ?? 0, f = e.orientation || "vertical", h = e.items || [], u = e.itemGap ?? 10, c = e.itemHeight ?? 50, d = e.itemWidth ?? 200, p = e.scrollOffset ?? 0, y = e.padding ?? 0, b = e.glassEffect !== !1, m = e.accentColor || "#3b82f6", v = 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 = 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);
-      t.fillStyle = N || "rgba(31, 41, 55, 0.4)", t.beginPath(), this.drawCustomShape(t, e.containerShape || "rectangle", e.containerPath || "", a, r, s, n, h) || t.fill();
+      t.fillStyle = N || "rgba(31, 41, 55, 0.4)", t.beginPath(), this.drawCustomShape(t, e.containerShape || "rectangle", e.containerPath || "", a, r, s, n, l) || t.fill();
       const x = t.createLinearGradient(a, r, a + s, r + n);
-      x.addColorStop(0, "rgba(255, 255, 255, 0.15)"), x.addColorStop(0.5, "rgba(255, 255, 255, 0.08)"), x.addColorStop(1, "rgba(255, 255, 255, 0.03)"), t.fillStyle = x, t.beginPath(), this.drawCustomShape(t, e.containerShape || "rectangle", e.containerPath || "", a, r, s, n, h) || t.fill(), t.strokeStyle = "rgba(255, 255, 255, 0.25)", t.lineWidth = 1, t.beginPath(), this.drawCustomShape(t, e.containerShape || "rectangle", e.containerPath || "", a, r, s, n, h) || t.stroke();
+      x.addColorStop(0, "rgba(255, 255, 255, 0.15)"), x.addColorStop(0.5, "rgba(255, 255, 255, 0.08)"), x.addColorStop(1, "rgba(255, 255, 255, 0.03)"), t.fillStyle = x, t.beginPath(), this.drawCustomShape(t, e.containerShape || "rectangle", e.containerPath || "", a, r, s, n, l) || t.fill(), t.strokeStyle = "rgba(255, 255, 255, 0.25)", t.lineWidth = 1, t.beginPath(), this.drawCustomShape(t, e.containerShape || "rectangle", e.containerPath || "", a, r, s, n, l) || t.stroke();
     } else {
       const G = e.backgroundColor || e.listBackgroundColor || "transparent", N = this.createCanvasFill(t, G, s, n);
       if (N) {
         t.fillStyle = N, t.beginPath();
-        const x = this.drawCustomShape(t, e.containerShape || "rectangle", e.containerPath || "", a, r, s, n, h);
+        const x = this.drawCustomShape(t, e.containerShape || "rectangle", e.containerPath || "", a, r, s, n, l);
         t.fill();
       }
       const J = e.borderWidth ?? 0;
       if (J > 0) {
         t.strokeStyle = e.borderColor || "#cccccc", t.lineWidth = J, t.beginPath();
-        const x = this.drawCustomShape(t, e.containerShape || "rectangle", e.containerPath || "", a, r, s, n, h);
+        const x = this.drawCustomShape(t, e.containerShape || "rectangle", e.containerPath || "", a, r, s, n, l);
         t.stroke();
       }
     }
     t.shadowBlur = 0, t.save(), t.beginPath();
-    const R = this.drawCustomShape(t, e.containerShape || "rectangle", e.containerPath || "", a, r, s, n, h);
+    const R = this.drawCustomShape(t, e.containerShape || "rectangle", e.containerPath || "", a, r, s, n, l);
     if (e.listLayout !== "circular")
       if (R && e.containerShape === "custom")
         try {
@@ -5203,13 +5238,13 @@ class ci {
         }
       else
         t.clip();
-    const P = typeof v == "number" ? v : f === "vertical" ? v[0] : v[3];
-    let _ = (f === "vertical" ? r : a) + u + P;
-    if (t.textBaseline = "middle", l.forEach((G, N) => {
+    const P = typeof y == "number" ? y : f === "vertical" ? y[0] : y[3];
+    let _ = (f === "vertical" ? r : a) + p + P;
+    if (t.textBaseline = "middle", h.forEach((G, N) => {
       const J = e.listLayout || "linear", x = J === "circular" ? d : f === "vertical" ? s : d, F = J === "circular" || f === "vertical" ? c : n;
       let j = 0, X = 0, tt = 0;
       if (J === "circular") {
-        const vt = l.length || 1, Yt = Math.PI * 2 / vt, ie = e.circularStartAngle || 0, fe = e.circularRadius || 100, st = u * 0.01 + ie * Math.PI / 180, mt = N * Yt + st, Lt = a + s / 2, _t = r + n / 2;
+        const vt = h.length || 1, Yt = Math.PI * 2 / vt, ie = e.circularStartAngle || 0, fe = e.circularRadius || 100, st = p * 0.01 + ie * Math.PI / 180, mt = N * Yt + st, Lt = a + s / 2, _t = r + n / 2;
         j = Lt + Math.cos(mt) * fe - x / 2, X = _t + Math.sin(mt) * fe - F / 2, tt = mt + (e.itemRotation || 0) * Math.PI / 180;
       } else
         j = f === "vertical" ? a : _, X = f === "vertical" ? _ : r, tt = (e.itemRotation || 0) * Math.PI / 180;
@@ -5229,28 +5264,28 @@ class ci {
         const vt = this.createCanvasFill(t, m, f === "vertical" ? 3 : x, f === "vertical" ? F : 3);
         t.fillStyle = vt || m, f === "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;
+      const yt = O ? "#ffffff" : b ? "rgba(255, 255, 255, 0.9)" : v;
       t.fillStyle = yt, t.font = O || L ? "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 + (f === "vertical" ? 16 : x / 2), Et = X + F / 2;
       f === "horizontal" || J === "circular" ? t.textAlign = "center" : t.textAlign = "left";
       const It = J === "circular" ? j + x / 2 : gt;
-      t.fillText(bt, It, Et), t.restore(), _ += (f === "vertical" ? c : d) + p;
+      t.fillText(bt, It, Et), t.restore(), _ += (f === "vertical" ? c : d) + u;
     }), t.restore(), e.showScrollbar !== !1) {
-      const G = (l.length || 0) * (f === "vertical" ? c : d) + ((l.length || 0) - 1) * p, N = f === "vertical" ? n : s, J = e.listLayout || "linear", x = e.containerShape === "circle" || J === "circular";
-      if (G > N || J === "circular" && l.length > 0) {
+      const G = (h.length || 0) * (f === "vertical" ? c : d) + ((h.length || 0) - 1) * u, N = f === "vertical" ? n : s, J = e.listLayout || "linear", x = e.containerShape === "circle" || J === "circular";
+      if (G > N || J === "circular" && h.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, L = 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;
+            const O = Math.PI / 4, D = -(p * 0.01) - Math.PI / 2;
             t.arc(tt, L, X, D, D + O);
           } else {
-            const O = Math.PI / 2, D = N / G, q = O * D, ot = -u / G * O, bt = -Math.PI / 4 + ot;
+            const O = Math.PI / 2, D = N / G, q = O * D, ot = -p / G * O, bt = -Math.PI / 4 + ot;
             t.arc(tt, L, X, bt, bt + q);
           }
           t.stroke();
         } else {
-          const X = N / G, tt = N * X, L = -u / G * N;
+          const X = N / G, tt = N * X, L = -p / G * N;
           t.fillStyle = F, f === "vertical" ? t.fillRect(a + s - j - 2, r + L, j, tt) : t.fillRect(a + L, r + n - j - 2, tt, j);
         }
       }
@@ -5259,15 +5294,15 @@ class ci {
   }
   drawCustomShape(t, i, o, e, s, n, a, r) {
     if (i === "circle") {
-      const h = Math.min(n, a) / 2;
-      return t.arc(e + n / 2, s + a / 2, h, 0, Math.PI * 2), !1;
+      const l = Math.min(n, a) / 2;
+      return t.arc(e + n / 2, s + a / 2, l, 0, Math.PI * 2), !1;
     } else if (i === "pill") {
-      const h = Math.min(n, a) / 2;
-      return this.drawListViewRect(t, e, s, n, a, h), !1;
+      const l = Math.min(n, a) / 2;
+      return this.drawListViewRect(t, e, s, n, a, l), !1;
     } else if (i === "custom" && o)
       try {
-        const h = new Path2D(o);
-        return t.save(), t.translate(e, s), t.scale(n / 100, a / 100), t.fill(h), t.restore(), !0;
+        const l = new Path2D(o);
+        return t.save(), t.translate(e, s), t.scale(n / 100, a / 100), t.fill(l), t.restore(), !0;
       } catch {
         return this.drawListViewRect(t, e, s, n, a, r), !1;
       }
@@ -5278,11 +5313,11 @@ class ci {
     if (!this._lastPointerPos || !this._prevPointerPos) return;
     const i = t.options || {}, o = i.orientation || "vertical", e = this._lastPointerPos.x - this._prevPointerPos.x, s = this._lastPointerPos.y - this._prevPointerPos.y;
     o === "vertical" ? i.scrollOffset = (i.scrollOffset || 0) + s : i.scrollOffset = (i.scrollOffset || 0) + e;
-    const n = i.listLayout || "linear", a = this.objectStates.get(t.id) || {}, r = i.items || [], h = i.itemGap ?? 10, f = i.itemHeight ?? 50, l = i.itemWidth ?? 200, p = a.width !== void 0 ? a.width : ((b = t.geometry) == null ? void 0 : b.width) || 200, c = a.height !== void 0 ? a.height : ((m = t.geometry) == null ? void 0 : m.height) || 300;
+    const n = i.listLayout || "linear", a = this.objectStates.get(t.id) || {}, r = i.items || [], l = i.itemGap ?? 10, f = i.itemHeight ?? 50, h = i.itemWidth ?? 200, u = a.width !== void 0 ? a.width : ((b = t.geometry) == null ? void 0 : b.width) || 200, c = a.height !== void 0 ? a.height : ((m = t.geometry) == null ? void 0 : m.height) || 300;
     if (n === "circular")
       return;
-    const d = (r.length || 0) * (o === "vertical" ? f : l) + ((r.length || 0) - 1) * h, v = Math.max(0, d - (o === "vertical" ? c : p) + (i.padding * 2 || 0));
-    i.scrollOffset > 0 && (i.scrollOffset = 0), i.scrollOffset < -v && (i.scrollOffset = -v);
+    const d = (r.length || 0) * (o === "vertical" ? f : h) + ((r.length || 0) - 1) * l, y = Math.max(0, d - (o === "vertical" ? c : u) + (i.padding * 2 || 0));
+    i.scrollOffset > 0 && (i.scrollOffset = 0), i.scrollOffset < -y && (i.scrollOffset = -y);
   }
   updateListViewHoverFromPointer(t, i, o) {
     const e = this.getListViewItemIndexAtPointer(t, i, o), s = t.options || {};
@@ -5292,24 +5327,24 @@ 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, h = e.orientation || "vertical", f = 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 : h === "vertical" ? d[0] : d[3];
-    let T = (h === "vertical" ? I : M) + 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, l = e.orientation || "vertical", f = e.itemGap ?? 10, h = e.itemHeight ?? 50, u = e.itemWidth ?? 200, c = e.scrollOffset ?? 0, d = e.padding ?? 0, p = this.getWorldTransform(t.id), y = i - p.x, b = o - p.y, m = -p.rotation * (Math.PI / 180), v = Math.cos(m), S = Math.sin(m), C = y * v - b * S, w = y * S + b * v, M = -a / 2, I = -r / 2, k = typeof d == "number" ? d : l === "vertical" ? d[0] : d[3];
+    let T = (l === "vertical" ? I : M) + c + k;
     const R = 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 = R === "circular" ? p : h === "vertical" ? a : p, J = R === "circular" || h === "vertical" ? l : r;
+      const N = R === "circular" ? u : l === "vertical" ? a : u, J = R === "circular" || l === "vertical" ? h : r;
       let x = 0, F = 0, j = 0;
       if (R === "circular") {
         const X = G * _ + W, tt = M + a / 2, L = I + r / 2;
         x = tt + Math.cos(X) * A - N / 2, F = L + Math.sin(X) * A - J / 2, j = X + (e.itemRotation || 0) * Math.PI / 180;
       } else
-        x = h === "vertical" ? M : T, F = h === "vertical" ? T : I, j = (e.itemRotation || 0) * Math.PI / 180;
+        x = l === "vertical" ? M : T, F = l === "vertical" ? T : I, j = (e.itemRotation || 0) * Math.PI / 180;
       if (j !== 0) {
         const X = x + N / 2, tt = F + J / 2, L = C - X, O = w - tt, D = -j, q = L * Math.cos(D) - O * Math.sin(D) + X, ot = L * Math.sin(D) + O * 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)
         return G;
-      T += (h === "vertical" ? l : p) + f;
+      T += (l === "vertical" ? h : u) + f;
     }
     return null;
   }
@@ -5327,84 +5362,84 @@ 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, M, I, k, T, R, P, _, E, A, W, z, Y, G, N, J, x, F, j, X, tt, L, O, D, q, ot, yt, bt, gt, Et, It, vt, Yt, ie, fe, st, mt, Lt, _t, dt, Ft, Dt, $t, Ot, Vt, ne, me, ye, Ut, Se, Pe, Ee, Ce, Ae, xe, se, jt, ht, ut, at, B, et, Q, Pt, xt, kt, At, Mt, $, Wt, Kt, te, Jt, pt, ct, Ct, rt, V, it, nt, St, Xt, Qt, oe, Gt, Ht, Nt, Ie, Re, Le, Oe, Fe, $e, Ye, zt, ae, we, Be, We, de, ce, he, ke, Xe, Ve, Ne, De, He;
+        var u, c, d, p, y, b, m, v, S, C, w, M, I, k, T, R, P, _, E, A, W, z, Y, G, N, J, x, F, j, X, tt, L, O, D, q, ot, yt, bt, gt, Et, It, vt, Yt, ie, fe, st, mt, Lt, _t, dt, Ft, Dt, $t, Ot, Vt, ne, me, ye, Ut, Se, Pe, Ee, Ce, Ae, xe, se, jt, ht, ut, at, B, et, Q, Pt, xt, kt, At, Mt, $, Wt, Kt, te, Jt, pt, ct, Ct, rt, V, it, nt, St, Xt, Qt, oe, Gt, Ht, Nt, Ie, Re, Le, Oe, Fe, $e, Ye, zt, ae, we, Be, We, de, ce, he, 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;
-        const h = s.x - i, f = s.y - o, l = Math.sqrt(h * h + f * f);
+        const l = s.x - i, f = s.y - o, h = Math.sqrt(l * l + f * f);
         if (this.frameCount % 240 === 0 && Math.random() < 0.1 && this.log(`[ExodeUI] Executing ${n.type} on ${e.name}`), n.type === U.Proximity) {
-          const H = ((p = n.settings) == null ? void 0 : p.radius) || 300, Z = ((c = n.settings) == null ? void 0 : c.falloff) || "smooth";
+          const H = ((u = n.settings) == null ? void 0 : u.radius) || 300, Z = ((c = n.settings) == null ? void 0 : c.falloff) || "smooth";
           let K = 0;
-          l < H && (Z === "linear" ? K = 1 - l / H : K = Math.pow(1 - l / H, 2)), n.sensors.forEach((ft) => {
-            this.applyBehaviorSensor(s, ft, K, t, n.settings, e, h, f, l);
+          h < H && (Z === "linear" ? K = 1 - h / H : K = Math.pow(1 - h / H, 2)), n.sensors.forEach((ft) => {
+            this.applyBehaviorSensor(s, ft, K, t, n.settings, e, l, f, h);
           });
         } else if (n.type === U.Magnetic) {
-          const H = ((d = n.settings) == null ? void 0 : d.radius) || 400, Z = ((u = n.settings) == null ? void 0 : u.strength) || 0.5;
-          if (l < H && l > 5) {
-            const K = 1 - l / H, ft = h * K * Z, Tt = f * K * Z;
+          const H = ((d = n.settings) == null ? void 0 : d.radius) || 400, Z = ((p = n.settings) == null ? void 0 : p.strength) || 0.5;
+          if (h < H && h > 5) {
+            const K = 1 - h / H, ft = l * K * Z, Tt = f * K * Z;
             s.x -= ft * t * 10, s.y -= Tt * t * 10;
           }
         } else if (n.type === U.Repel) {
-          const H = ((v = n.settings) == null ? void 0 : v.radius) || 300, Z = ((b = n.settings) == null ? void 0 : b.strength) || 1;
-          if (l < H) {
-            const K = Math.pow(1 - l / H, 2);
-            s.x += h / (l || 1) * K * 60 * Z * t * 5, s.y += f / (l || 1) * K * 60 * Z * t * 5;
+          const H = ((y = n.settings) == null ? void 0 : y.radius) || 300, Z = ((b = n.settings) == null ? void 0 : b.strength) || 1;
+          if (h < H) {
+            const K = Math.pow(1 - h / H, 2);
+            s.x += l / (h || 1) * K * 60 * Z * t * 5, s.y += f / (h || 1) * K * 60 * Z * t * 5;
           }
         } else if (n.type === U.Orbit) {
-          const H = ((m = n.settings) == null ? void 0 : m.speed) || 1, Z = ((y = n.settings) == null ? void 0 : y.radius) || 30, K = this.currentTime * H * Math.PI * 2;
+          const H = ((m = n.settings) == null ? void 0 : m.speed) || 1, Z = ((v = n.settings) == null ? void 0 : v.radius) || 30, K = this.currentTime * H * Math.PI * 2;
           s.x += Math.cos(K) * Z * t * 5, s.y += Math.sin(K) * Z * t * 5, s.rotation += 2 * t * 5;
         } else if (n.type === U.Vortex) {
           const H = ((S = n.settings) == null ? void 0 : S.radius) || 400, Z = ((C = n.settings) == null ? void 0 : C.speed) || 2, K = ((w = n.settings) == null ? void 0 : w.strength) || 1;
-          if (l < H) {
-            const ft = Math.pow(1 - l / H, 1.5), Tt = this.currentTime * Z * Math.PI * 2, Rt = Math.cos(Tt) * 30 - h * 0.4, Bt = Math.sin(Tt) * 30 - f * 0.4;
+          if (h < H) {
+            const ft = Math.pow(1 - h / H, 1.5), Tt = this.currentTime * Z * Math.PI * 2, Rt = Math.cos(Tt) * 30 - l * 0.4, Bt = Math.sin(Tt) * 30 - f * 0.4;
             s.x += Rt * ft * K * t * 5, s.y += Bt * ft * K * t * 5, s.rotation += 5 * ft * K * t * 5, s.scale_x *= 1 - ft * 0.1 * K * t, s.scale_y *= 1 - ft * 0.1 * K * t;
           }
         } else if (n.type === U.Fluid) {
           const H = ((M = n.settings) == null ? void 0 : M.radius) || 300, Z = ((I = n.settings) == null ? void 0 : I.strength) || 1;
-          if (l < H) {
-            const K = Math.pow(1 - l / H, 1.2), ft = h / (l || 1) * K * 1.2 * Z, Tt = f / (l || 1) * K * 1.2 * Z;
+          if (h < H) {
+            const K = Math.pow(1 - h / H, 1.2), ft = l / (h || 1) * K * 1.2 * Z, Tt = f / (h || 1) * K * 1.2 * Z;
             s.x += ft * 10 * t * 5, s.y += Tt * 10 * t * 5, s.scale_x *= 1 + K * 0.3 * Z * t, s.scale_y *= 1 + K * 0.3 * Z * t;
           }
         } else if (n.type === U.Elastic) {
           const H = ((k = n.settings) == null ? void 0 : k.radius) || 300, Z = ((T = n.settings) == null ? void 0 : T.strength) || 1;
-          if (l < H) {
-            const K = 1 - l / H;
+          if (h < H) {
+            const K = 1 - h / H;
             s.scale_x *= 1 + K * 0.4 * Z * t, s.scale_y *= 1 + K * 0.4 * Z * t;
           }
         } else if (n.type === U.Holographic) {
           const H = s.x - this.canvasWidth / 2, Z = s.y - this.canvasHeight / 2, K = ((R = n.settings) == null ? void 0 : R.factor) || 25;
           if (s.x -= H / 1e3 * K * t * 5, s.y -= Z / 1e3 * K * t * 5, s.style) {
-            const ft = 1 - Math.min(1, l / 400);
+            const ft = 1 - Math.min(1, h / 400);
             s.style.exposure = (s.style.exposure || 1) + ft * 0.5 * t;
           }
         } else if (n.type === U.Sticky) {
           const H = ((P = n.settings) == null ? void 0 : P.radius) || 80, Z = ((_ = n.settings) == null ? void 0 : _.strength) || 1;
-          if (l < H) {
-            const K = Math.pow(1 - l / H, 2);
-            s.x -= h * K * Z * t * 10, s.y -= f * K * Z * t * 10, s.scale_x *= 1 - K * 0.1 * Z * t, s.scale_y *= 1 - K * 0.1 * Z * t;
+          if (h < H) {
+            const K = Math.pow(1 - h / H, 2);
+            s.x -= l * K * Z * t * 10, s.y -= f * K * Z * t * 10, s.scale_x *= 1 - K * 0.1 * Z * t, s.scale_y *= 1 - K * 0.1 * Z * t;
           }
         } else if (n.type === U.Dilation) {
           const H = ((E = n.settings) == null ? void 0 : E.size) || 120, Z = ((A = n.settings) == null ? void 0 : A.strength) || 1;
-          if (l < H) {
-            const K = 1 - l / H;
+          if (h < H) {
+            const K = 1 - h / H;
             s.scale_x *= 1 + K * 0.5 * Z * t, s.scale_y *= 1 + K * 0.5 * Z * t;
           }
         } else if (n.type === U.Parallax) {
           const H = ((W = n.settings) == null ? void 0 : W.factor) || 15, Z = ((z = n.settings) == null ? void 0 : z.strength) || 1, K = this.canvasWidth / 2, ft = this.canvasHeight / 2, Tt = this._lastPointerPos || { x: K, y: ft }, Rt = (Tt.x - K) / K, Bt = (Tt.y - ft) / ft, ee = (((Y = e.transform) == null ? void 0 : Y.x) ?? 0) + Rt * H * Z, ue = (((G = e.transform) == null ? void 0 : G.y) ?? 0) + Bt * H * Z, Te = (((N = e.transform) == null ? void 0 : N.rotate_x) ?? 0) - Bt * H * 1.5 * Z, re = (((J = e.transform) == null ? void 0 : J.rotate_y) ?? 0) + Rt * H * 1.5 * Z, 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, re, be);
         } else if (n.type === U.Fold) {
-          if (l < 300) {
-            const H = 1 - l / 300, Z = (h > 0 ? -1 : 1) * H * 10, K = 1 - H * 0.1, ft = f / 300 * H * 20, Tt = -(h / 300) * H * 20, Rt = Math.min(1, 10 * t);
+          if (h < 300) {
+            const H = 1 - h / 300, Z = (l > 0 ? -1 : 1) * H * 10, K = 1 - H * 0.1, ft = f / 300 * H * 20, Tt = -(l / 300) * H * 20, Rt = Math.min(1, 10 * t);
             s.skew_x = this.lerp(s.skew_x ?? ((tt = e.transform) == null ? void 0 : tt.skew_x) ?? 0, Z, Rt), s.scale_y = this.lerp(s.scale_y ?? ((L = e.transform) == null ? void 0 : L.scale_y) ?? 1, (((O = e.transform) == null ? void 0 : O.scale_y) ?? 1) * K, Rt), s.rotate_x = this.lerp(s.rotate_x ?? ((D = e.transform) == null ? void 0 : D.rotate_x) ?? 0, ft, Rt), s.rotate_y = this.lerp(s.rotate_y ?? ((q = e.transform) == null ? void 0 : q.rotate_y) ?? 0, Tt, Rt), 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, Z = H * (Math.random() - 0.5) * 5, K = H * (Math.random() - 0.5) * 0.05, ft = Math.min(1, 15 * t);
+          if (h < 300) {
+            const H = 1 - h / 300, Z = H * (Math.random() - 0.5) * 5, K = H * (Math.random() - 0.5) * 0.05, ft = Math.min(1, 15 * t);
             s.skew_x = this.lerp(s.skew_x ?? ((yt = e.transform) == null ? void 0 : yt.skew_x) ?? 0, Z, ft), 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), ft), 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), ft), s.style = s.style || { ...e.style }, s.style.artEffect = { enabled: !0, type: "crumple_overlay", intensity: ((vt = n.settings) == null ? void 0 : vt.intensity) ?? 1, scale: ((Yt = n.settings) == null ? void 0 : Yt.scale) ?? 2 };
           }
         } else if (n.type === U.Squash) {
           const H = ((ie = n.settings) == null ? void 0 : ie.strength) || 0.8;
-          l < (e.width || 100) && this.isMouseDown ? (s.scale_y = this.lerp(s.scale_y ?? 1, (((fe = e.transform) == null ? void 0 : fe.scale_y) ?? 1) * H, 0.3), s.scale_x = this.lerp(s.scale_x ?? 1, (((st = e.transform) == null ? void 0 : st.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, ((Lt = e.transform) == null ? void 0 : Lt.scale_x) ?? 1, 0.2));
+          h < (e.width || 100) && this.isMouseDown ? (s.scale_y = this.lerp(s.scale_y ?? 1, (((fe = e.transform) == null ? void 0 : fe.scale_y) ?? 1) * H, 0.3), s.scale_x = this.lerp(s.scale_x ?? 1, (((st = e.transform) == null ? void 0 : st.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, ((Lt = e.transform) == null ? void 0 : Lt.scale_x) ?? 1, 0.2));
         } else if (n.type === U.TextCounter) {
           const H = ((_t = n.settings) == null ? void 0 : _t.duration) || 2, Z = ((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);
@@ -5415,8 +5450,8 @@ class ci {
           }
         } else if (n.type === U.Spotlight) {
           const H = ((Vt = n.settings) == null ? void 0 : Vt.radius) || 250, Z = ((ne = n.settings) == null ? void 0 : ne.strength) || 1.5;
-          if (l < H) {
-            const K = Math.pow(1 - l / H, 2);
+          if (h < H) {
+            const K = Math.pow(1 - h / 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 * Z * 50;
           } else
             (Se = s.style) != null && Se.adjustments && (s.style.adjustments.exposure = this.lerp(s.style.adjustments.exposure || 0, ((Ee = (Pe = e.style) == null ? void 0 : Pe.adjustments) == null ? void 0 : Ee.exposure) || 0, 0.1));
@@ -5428,15 +5463,15 @@ class ci {
           s.scale_x *= 1 + K * Z * ft * t, s.scale_y *= 1 + K * Z * ft * t, s.style && (s.style.exposure = (s.style.exposure || 1) + Math.max(0, K) * 0.1 * ft * t);
         } else if (n.type === U.Draggable) {
           const H = ((B = n.settings) == null ? void 0 : B.radius) || 150, Z = this.draggingBehaviors.has(e.id);
-          if (l < H || Z) {
-            const K = ((et = n.settings) == null ? void 0 : et.strength) || 1, ft = Z ? 1 : Math.max(0, 1 - l / H);
+          if (h < H || Z) {
+            const K = ((et = n.settings) == null ? void 0 : et.strength) || 1, ft = Z ? 1 : Math.max(0, 1 - h / H);
             this.applyBehaviorSensor(s, Zt.PositionX, ft * K, t, n.settings), this.applyBehaviorSensor(s, Zt.PositionY, ft * K, t, n.settings);
           }
         } else if (n.type === U.Scroll) {
           const H = ((Q = n.settings) == null ? void 0 : Q.axis) || "vertical", Z = ((Pt = n.settings) == null ? void 0 : Pt.factor) || 0.5, K = ((xt = n.settings) == null ? void 0 : xt.strength) || 1, ft = ((kt = n.settings) == null ? void 0 : kt.scaleFactor) || 0;
           (H === "vertical" || H === "both") && (s.y += this.scrollOffset.y * Z * K * t), (H === "horizontal" || H === "both") && (s.x += this.scrollOffset.x * Z * K * t), ft !== 0 && (s.scale_x *= 1 + this.scrollOffset.y * ft * t, s.scale_y *= 1 + this.scrollOffset.y * ft * t);
         } else if (n.type === U.LookAt) {
-          const H = ((At = n.settings) == null ? void 0 : At.factor) || 1, Z = ((Mt = n.settings) == null ? void 0 : Mt.strength) || 1, K = Math.atan2(-f, -h) * (180 / Math.PI), ft = s.rotation, Tt = (K - ft + 180) % 360 - 180;
+          const H = ((At = n.settings) == null ? void 0 : At.factor) || 1, Z = ((Mt = n.settings) == null ? void 0 : Mt.strength) || 1, K = Math.atan2(-f, -l) * (180 / Math.PI), ft = s.rotation, Tt = (K - ft + 180) % 360 - 180;
           s.rotation += Tt * H * Z * t * 10;
         } else if (n.type === U.Scan) {
           const H = ((($ = n.settings) == null ? void 0 : $.speed) || 1) * 4e-3, Z = ((Wt = n.settings) == null ? void 0 : Wt.strength) || 1, K = (Math.sin(Date.now() * H) + 1) / 2;
@@ -5450,7 +5485,7 @@ class ci {
         else if (n.type === U.Ratchet) {
           const H = ((te = n.settings) == null ? void 0 : te.steps) || 12, Z = (((Jt = n.settings) == null ? void 0 : Jt.speed) || 1) * 30, K = Math.floor(s.rotation / (360 / H)) * (360 / H);
           s.rotation = this.lerp(s.rotation, K + Z * t, 0.1);
-        } else if (n.type === U.Jitter && l < 300) {
+        } else if (n.type === U.Jitter && h < 300) {
           const H = ((pt = n.settings) == null ? void 0 : pt.strength) || 1, Z = (((ct = n.settings) == null ? void 0 : ct.intensity) || 5) * H;
           s.x += (Math.random() - 0.5) * Z * t * 60, s.y += (Math.random() - 0.5) * Z * t * 60, s.rotation += (Math.random() - 0.5) * Z * t * 120;
         } else if (n.type === U.Follower) {
@@ -5472,15 +5507,15 @@ class ci {
           s.x += H * t * 10, s.y += Z * t * 10;
         } else if (n.type === U.Shear) {
           const H = ((St = n.settings) == null ? void 0 : St.strength) || 1, Z = ((Xt = n.settings) == null ? void 0 : Xt.radius) || 300;
-          if (l < Z) {
-            const K = 1 - l / Z;
+          if (h < Z) {
+            const K = 1 - h / Z;
             s.skew_x = this.lerp(s.skew_x || 0, (((Qt = e.transform) == null ? void 0 : Qt.skew_x) || 0) + K * H * 30, 0.1);
           } else
             s.skew_x = this.lerp(s.skew_x || 0, ((oe = e.transform) == null ? void 0 : oe.skew_x) || 0, 0.05);
         } else if (n.type === U.Lens) {
           const H = ((Gt = n.settings) == null ? void 0 : Gt.radius) || 200, Z = ((Ht = n.settings) == null ? void 0 : Ht.strength) || 0.5;
-          if (l < H) {
-            const K = Math.pow(1 - l / H, 2);
+          if (h < H) {
+            const K = Math.pow(1 - h / H, 2);
             s.scale_x = this.lerp(s.scale_x ?? 1, (((Nt = e.transform) == null ? void 0 : Nt.scale_x) ?? 1) * (1 + K * Z), 0.2), s.scale_y = this.lerp(s.scale_y ?? 1, (((Ie = e.transform) == null ? void 0 : Ie.scale_y) ?? 1) * (1 + K * Z), 0.2);
           } else
             s.scale_x = this.lerp(s.scale_x ?? 1, ((Re = e.transform) == null ? void 0 : Re.scale_x) ?? 1, 0.1), s.scale_y = this.lerp(s.scale_y ?? 1, ((Le = e.transform) == null ? void 0 : Le.scale_y) ?? 1, 0.1);
@@ -5615,89 +5650,89 @@ class ci {
       });
     });
   }
-  applyBehaviorSensor(t, i, o, e, s, n, a = 0, r = 0, h = 1) {
-    var d, u, v, b, m, y, S, C, w, M, I, k, T, R, P, _, E, A, W, z, Y, G, N, J;
-    const f = (s == null ? void 0 : s.intensity) || (s == null ? void 0 : s.strength) || 1, l = Math.min(1, 15 * e), p = h > 0 ? a / h : 0, c = h > 0 ? r / h : 0;
+  applyBehaviorSensor(t, i, o, e, s, n, a = 0, r = 0, l = 1) {
+    var d, p, y, b, m, v, S, C, w, M, I, k, T, R, P, _, E, A, W, z, Y, G, N, J;
+    const f = (s == null ? void 0 : s.intensity) || (s == null ? void 0 : s.strength) || 1, h = Math.min(1, 15 * e), u = l > 0 ? a / l : 0, c = l > 0 ? r / l : 0;
     switch (i) {
       case Zt.Scale: {
-        const x = ((d = n == null ? void 0 : n.transform) == null ? void 0 : d.scale_x) ?? 1, F = ((u = n == null ? void 0 : n.transform) == null ? void 0 : u.scale_y) ?? 1, j = x * (1 + o * f * 0.4), X = F * (1 + o * f * 0.4);
-        t.scale_x = (t.scale_x ?? x) * (1 - l) + j * l, t.scale_y = (t.scale_y ?? F) * (1 - l) + X * l;
+        const x = ((d = n == null ? void 0 : n.transform) == null ? void 0 : d.scale_x) ?? 1, F = ((p = n == null ? void 0 : n.transform) == null ? void 0 : p.scale_y) ?? 1, j = x * (1 + o * f * 0.4), X = F * (1 + o * f * 0.4);
+        t.scale_x = (t.scale_x ?? x) * (1 - h) + j * h, t.scale_y = (t.scale_y ?? F) * (1 - h) + X * h;
         break;
       }
       case Zt.Opacity: {
-        const x = ((v = n == null ? void 0 : n.transform) == null ? void 0 : v.opacity) ?? 100, F = Math.max(0, Math.min(100, x - o * f * 100));
-        t.opacity = (t.opacity ?? x) * (1 - l) + F * l;
+        const x = ((y = n == null ? void 0 : n.transform) == null ? void 0 : y.opacity) ?? 100, F = Math.max(0, Math.min(100, x - o * f * 100));
+        t.opacity = (t.opacity ?? x) * (1 - h) + F * h;
         break;
       }
       case Zt.RotateZ: {
         const x = ((b = n == null ? void 0 : n.transform) == null ? void 0 : b.rotation) ?? 0, F = x + o * f * 45;
-        t.rotation = (t.rotation ?? x) * (1 - l) + F * l;
+        t.rotation = (t.rotation ?? x) * (1 - h) + F * h;
         break;
       }
       case Zt.RotateX: {
         const x = ((m = n == null ? void 0 : n.transform) == null ? void 0 : m.rotate_x) ?? 0, F = x - c * o * f * 60;
-        t.rotate_x = (t.rotate_x ?? x) * (1 - l) + F * l;
+        t.rotate_x = (t.rotate_x ?? x) * (1 - h) + F * h;
         break;
       }
       case Zt.RotateY: {
-        const x = ((y = n == null ? void 0 : n.transform) == null ? void 0 : y.rotate_y) ?? 0, F = x + p * o * f * 60;
-        t.rotate_y = (t.rotate_y ?? x) * (1 - l) + F * l;
+        const x = ((v = n == null ? void 0 : n.transform) == null ? void 0 : v.rotate_y) ?? 0, F = x + u * o * f * 60;
+        t.rotate_y = (t.rotate_y ?? x) * (1 - h) + F * h;
         break;
       }
       case Zt.PositionX: {
-        const x = ((S = n == null ? void 0 : n.transform) == null ? void 0 : S.x) ?? 0, F = x - p * o * f * 40;
-        t.x = (t.x ?? x) * (1 - l) + F * l;
+        const x = ((S = n == null ? void 0 : n.transform) == null ? void 0 : S.x) ?? 0, F = x - u * o * f * 40;
+        t.x = (t.x ?? x) * (1 - h) + F * h;
         break;
       }
       case Zt.PositionY: {
         const x = ((C = n == null ? void 0 : n.transform) == null ? void 0 : C.y) ?? 0, F = x - c * o * f * 40;
-        t.y = (t.y ?? x) * (1 - l) + F * l;
+        t.y = (t.y ?? x) * (1 - h) + F * h;
         break;
       }
       case Zt.SkewX: {
-        const x = ((w = n == null ? void 0 : n.transform) == null ? void 0 : w.skew_x) ?? 0, F = x + p * o * f * 45;
-        t.skew_x = (t.skew_x ?? x) * (1 - l) + F * l, t.skew_x > 85 && (t.skew_x = 85), t.skew_x < -85 && (t.skew_x = -85);
+        const x = ((w = n == null ? void 0 : n.transform) == null ? void 0 : w.skew_x) ?? 0, F = x + u * o * f * 45;
+        t.skew_x = (t.skew_x ?? x) * (1 - h) + F * h, t.skew_x > 85 && (t.skew_x = 85), t.skew_x < -85 && (t.skew_x = -85);
         break;
       }
       case Zt.Blur: {
         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) * f;
-        t.style.blur.amount = (t.style.blur.amount ?? x) * (1 - l) + F * l;
+        t.style.blur.amount = (t.style.blur.amount ?? x) * (1 - h) + F * h;
         break;
       }
       case Zt.Exposure: {
         t.style || (t.style = { ...n == null ? void 0 : n.style }), t.style.adjustments || (t.style.adjustments = { ...(T = n == null ? void 0 : n.style) == null ? void 0 : T.adjustments });
         const x = ((P = (R = n == null ? void 0 : n.style) == null ? void 0 : R.adjustments) == null ? void 0 : P.exposure) || 0, F = x + o * ((s == null ? void 0 : s.exposure) || 50) * f;
-        t.style.adjustments.exposure = (t.style.adjustments.exposure ?? x) * (1 - l) + F * l;
+        t.style.adjustments.exposure = (t.style.adjustments.exposure ?? x) * (1 - h) + F * h;
         break;
       }
       case Zt.HueShift: {
         t.style || (t.style = { ...n == null ? void 0 : n.style }), t.style.adjustments || (t.style.adjustments = { ...(_ = n == null ? void 0 : n.style) == null ? void 0 : _.adjustments });
         const x = ((A = (E = n == null ? void 0 : n.style) == null ? void 0 : E.adjustments) == null ? void 0 : A.hue) || 0, F = x + o * ((s == null ? void 0 : s.hue) || 180) * f;
-        t.style.adjustments.hue = (t.style.adjustments.hue ?? x) * (1 - l) + F * l;
+        t.style.adjustments.hue = (t.style.adjustments.hue ?? x) * (1 - h) + F * h;
         break;
       }
       case Zt.Negative: {
         t.style || (t.style = { ...n == null ? void 0 : n.style }), t.style.adjustments || (t.style.adjustments = { ...(W = n == null ? void 0 : n.style) == null ? void 0 : W.adjustments });
         const x = ((Y = (z = n == null ? void 0 : n.style) == null ? void 0 : z.adjustments) == null ? void 0 : Y.negative) || 0, F = x + o * ((s == null ? void 0 : s.negative) || 100) * f;
-        t.style.adjustments.negative = (t.style.adjustments.negative ?? x) * (1 - l) + F * l;
+        t.style.adjustments.negative = (t.style.adjustments.negative ?? x) * (1 - h) + F * h;
         break;
       }
       case Zt.CornerRadius: {
         const x = ((G = n == null ? void 0 : n.transform) == null ? void 0 : G.corner_radius) || 0, F = x + o * f * 50;
-        t.corner_radius = (t.corner_radius ?? x) * (1 - l) + F * l;
+        t.corner_radius = (t.corner_radius ?? x) * (1 - h) + F * h;
         break;
       }
       case Zt.StrokeWidth: {
         t.style || (t.style = { ...n == null ? void 0 : n.style });
         const x = ((N = n == null ? void 0 : n.style) == null ? void 0 : N.borderWidth) || 0, F = x + o * f * 10;
-        t.style.borderWidth = (t.style.borderWidth ?? x) * (1 - l) + F * l;
+        t.style.borderWidth = (t.style.borderWidth ?? x) * (1 - h) + F * h;
         break;
       }
       case Zt.LetterSpacing: {
         t.geometry || (t.geometry = {});
         const x = ((J = n == null ? void 0 : n.geometry) == null ? void 0 : J.letterSpacing) || 0, F = x + o * f * 10;
-        t.geometry.letterSpacing = (t.geometry.letterSpacing ?? x) * (1 - l) + F * l;
+        t.geometry.letterSpacing = (t.geometry.letterSpacing ?? x) * (1 - h) + F * h;
         break;
       }
     }
@@ -5719,12 +5754,12 @@ class ci {
     const s = o.split(".");
     let n = t;
     for (let r = 0; r < s.length - 1; r++) {
-      const h = s[r];
-      if (n[h] === void 0 || n[h] === null) {
-        const f = i, l = s.slice(0, r + 1).reduce((p, c) => p == null ? void 0 : p[c], f);
-        n[h] = l !== void 0 ? { ...l } : {};
+      const l = s[r];
+      if (n[l] === void 0 || n[l] === null) {
+        const f = i, h = s.slice(0, r + 1).reduce((u, c) => u == null ? void 0 : u[c], f);
+        n[l] = h !== void 0 ? { ...h } : {};
       }
-      n = n[h];
+      n = n[l];
     }
     const a = s[s.length - 1];
     n != null && (n[a] = e);
@@ -5772,9 +5807,9 @@ class ci {
     return o;
   }
   renderFittedImage(t, i, o, e, s, n, a = "cover") {
-    const r = i.naturalWidth, h = i.naturalHeight, f = r / h, l = s / n;
-    let p = s, c = n, d = o, u = e;
-    a === "cover" ? f > l ? (p = n * f, d = o - (p - s) / 2) : (c = s / f, u = e - (c - n) / 2) : a === "contain" && (f > l ? (c = s / f, u = e + (n - c) / 2) : (p = n * f, d = o + (s - p) / 2)), t.drawImage(i, d, u, p, c);
+    const r = i.naturalWidth, l = i.naturalHeight, f = r / l, h = s / n;
+    let u = s, c = n, d = o, p = e;
+    a === "cover" ? f > h ? (u = n * f, d = o - (u - s) / 2) : (c = s / f, p = e - (c - n) / 2) : a === "contain" && (f > h ? (c = s / f, p = e + (n - c) / 2) : (u = n * f, d = o + (s - u) / 2)), t.drawImage(i, d, p, u, c);
   }
 }
 const yi = Ss(({
@@ -5787,17 +5822,17 @@ const yi = Ss(({
   onReady: n,
   onTrigger: a,
   onInputUpdate: r,
-  onComponentChange: h,
+  onComponentChange: l,
   onToggle: f,
-  onInputChange: l,
-  onInputFocus: p,
+  onInputChange: h,
+  onInputFocus: u,
   onInputBlur: c,
   onLog: d,
-  onLogicUpdate: u,
-  onButtonClick: v,
+  onLogicUpdate: p,
+  onButtonClick: y,
   onGraphPointClick: b,
   currentTime: m,
-  revision: y = 0,
+  revision: v = 0,
   scrollY: S,
   scrollX: C,
   mouseX: w,
@@ -5809,15 +5844,15 @@ const yi = Ss(({
 }, P) => {
   const _ = _e(null), E = _e(null);
   E.current || (E.current = new ci());
-  const A = _e(void 0), W = _e(0), z = _e(null), Y = _e(y), G = _e(null), [, N] = Qe(g || null), J = _e(!0);
+  const A = _e(void 0), W = _e(0), z = _e(null), Y = _e(v), G = _e(null), [, N] = Qe(g || null), J = _e(!0);
   Cs(P, () => _.current), ve(() => (J.current = !0, () => {
     J.current = !1, A.current && cancelAnimationFrame(A.current);
   }), []), ve(() => {
     E.current.setLayout(e, s);
   }, [e, s]), ve(() => {
     const L = E.current;
-    a && L.setTriggerCallback(a), r && L.setInputUpdateCallback((O, D) => r({ [O]: D })), h && L.setComponentChangeCallback((O) => h(O)), f && L.setToggleCallback(f), l && L.setInputChangeCallback(l), p && L.setInputFocusCallback(p), c && L.setInputBlurCallback(c), d && L.setOnLogCallback((O) => d(O, "info")), u && L.setLogicUpdateCallback(u), v && L.setButtonClickCallback(v), b && L.setGraphPointClickCallback((O) => b(O.objectId, O)), R && L.setNavigationCallback(R);
-  }, [a, r, h, f, l, p, c, d, u, v, b, R]), ve(() => {
+    a && L.setTriggerCallback(a), r && L.setInputUpdateCallback((O, D) => r({ [O]: D })), l && L.setComponentChangeCallback((O) => l(O)), f && L.setToggleCallback(f), h && L.setInputChangeCallback(h), u && L.setInputFocusCallback(u), c && L.setInputBlurCallback(c), d && L.setOnLogCallback((O) => d(O, "info")), p && L.setLogicUpdateCallback(p), y && L.setButtonClickCallback(y), b && L.setGraphPointClickCallback((O) => b(O.objectId, O)), R && L.setNavigationCallback(R);
+  }, [a, r, l, f, h, u, c, d, p, y, b, R]), ve(() => {
     (async () => {
       let O = g;
       if (t && !g)
@@ -5828,10 +5863,10 @@ const yi = Ss(({
         }
       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);
+        (z.current !== q || Y.current !== v || G.current !== O) && (D.load(O), z.current = q, Y.current = v, G.current = O, N(O), W.current = 0, D.advance(0)), n && n(D);
       }
     })();
-  }, [g, t, y]), ve(() => {
+  }, [g, t, v]), ve(() => {
     const L = (O) => {
       if (!E.current || !J.current) return;
       const D = E.current, q = _.current;
@@ -6039,24 +6074,24 @@ const yi = Ss(({
   ] });
 });
 function bi() {
-  const [g, t] = Qe(null), i = Me((l, p) => {
-    g == null || g.setInputBool(l, p);
-  }, [g]), o = Me((l, p) => {
-    g == null || g.setInputNumber(l, p);
-  }, [g]), e = Me((l) => {
-    g == null || g.fireTrigger(l);
-  }, [g]), s = Me((l, p) => {
-    g == null || g.setInputText(l, p);
-  }, [g]), n = Me((l, p) => {
-    g == null || g.setInputNumberArray(l, p);
-  }, [g]), a = Me((l, p) => {
-    g == null || g.setInputStringArray(l, p);
-  }, [g]), r = Me((l, p) => {
-    g == null || g.updateObjectOptions(l, p);
-  }, [g]), h = Me((l, p, c) => {
-    g == null || g.updateConstraint(l, p, c);
-  }, [g]), f = Me((l, p) => {
-    g == null || g.updateGraphData(l, p);
+  const [g, t] = Qe(null), i = Me((h, u) => {
+    g == null || g.setInputBool(h, u);
+  }, [g]), o = Me((h, u) => {
+    g == null || g.setInputNumber(h, u);
+  }, [g]), e = Me((h) => {
+    g == null || g.fireTrigger(h);
+  }, [g]), s = Me((h, u) => {
+    g == null || g.setInputText(h, u);
+  }, [g]), n = Me((h, u) => {
+    g == null || g.setInputNumberArray(h, u);
+  }, [g]), a = Me((h, u) => {
+    g == null || g.setInputStringArray(h, u);
+  }, [g]), r = Me((h, u) => {
+    g == null || g.updateObjectOptions(h, u);
+  }, [g]), l = Me((h, u, c) => {
+    g == null || g.updateConstraint(h, u, c);
+  }, [g]), f = Me((h, u) => {
+    g == null || g.updateGraphData(h, u);
   }, [g]);
   return {
     setEngine: t,
@@ -6068,7 +6103,7 @@ function bi() {
     setInputText: s,
     setInputNumberArray: n,
     setInputStringArray: a,
-    updateConstraint: h,
+    updateConstraint: l,
     updateGraphData: f,
     updateObjectOptions: r
   };
@@ -6080,36 +6115,36 @@ const vi = ({ artboard: g, config: t }) => {
     a && (document.title = a);
     let r = i.description;
     if (!r && o) {
-      const l = g.objects.filter((p) => {
+      const h = g.objects.filter((u) => {
         var c;
-        return ((c = p.geometry) == null ? void 0 : c.type) === "Text";
+        return ((c = u.geometry) == null ? void 0 : c.type) === "Text";
       }).sort(
-        (p, c) => {
-          var d, u;
-          return (((d = c.geometry.text) == null ? void 0 : d.length) || 0) - (((u = p.geometry.text) == null ? void 0 : u.length) || 0);
+        (u, c) => {
+          var d, p;
+          return (((d = c.geometry.text) == null ? void 0 : d.length) || 0) - (((p = u.geometry.text) == null ? void 0 : p.length) || 0);
         }
       );
-      l.length > 0 && (r = l[0].geometry.text);
+      h.length > 0 && (r = h[0].geometry.text);
     }
     r && (e("name", "description", r), e("property", "og:description", r)), i.keywords && i.keywords.length > 0 && e("name", "keywords", i.keywords.join(", "));
-    const h = i.ogImage || g.backgroundImage;
-    h && e("property", "og:image", h), a && e("property", "og:title", a), e("property", "og:type", "website");
+    const l = i.ogImage || g.backgroundImage;
+    l && e("property", "og:image", l), a && e("property", "og:title", a), e("property", "og:type", "website");
   }, [i, g, o]);
-  const e = (a, r, h) => {
+  const e = (a, r, l) => {
     let f = document.querySelector(`meta[${a}="${r}"]`);
-    f || (f = document.createElement("meta"), f.setAttribute(a, r), document.head.appendChild(f)), f.setAttribute("content", h);
+    f || (f = document.createElement("meta"), f.setAttribute(a, r), document.head.appendChild(f)), f.setAttribute("content", l);
   }, s = () => {
     const a = [];
-    return a.push(/* @__PURE__ */ ge("h1", { children: i.title || g.name }, "artboard-title")), g.objects.forEach((h, f) => {
-      var l, p;
-      if (!(h.visible === !1 || h.isVisible === !1))
-        if (((l = h.geometry) == null ? void 0 : l.type) === "Text") {
-          const c = h.geometry.text;
-          c && (h.geometry.fontSize > 24 ? a.push(/* @__PURE__ */ ge("h2", { children: c }, h.id || f)) : a.push(/* @__PURE__ */ ge("p", { children: c }, h.id || f)));
-        } else if (((p = h.geometry) == null ? void 0 : p.type) === "Image") {
-          const c = h.geometry.src, d = h.altText || h.name || "Illustration";
-          a.push(/* @__PURE__ */ ge("img", { src: c, alt: d }, h.id || f));
-        } else h.type === "Button" && a.push(/* @__PURE__ */ ge("button", { children: h.name || "Button" }, h.id || f));
+    return a.push(/* @__PURE__ */ ge("h1", { children: i.title || g.name }, "artboard-title")), g.objects.forEach((l, f) => {
+      var h, u;
+      if (!(l.visible === !1 || l.isVisible === !1))
+        if (((h = l.geometry) == null ? void 0 : h.type) === "Text") {
+          const c = l.geometry.text;
+          c && (l.geometry.fontSize > 24 ? a.push(/* @__PURE__ */ ge("h2", { children: c }, l.id || f)) : a.push(/* @__PURE__ */ ge("p", { children: c }, l.id || f)));
+        } else if (((u = l.geometry) == null ? void 0 : u.type) === "Image") {
+          const c = l.geometry.src, d = l.altText || l.name || "Illustration";
+          a.push(/* @__PURE__ */ ge("img", { src: c, alt: d }, l.id || f));
+        } else l.type === "Button" && a.push(/* @__PURE__ */ ge("button", { children: l.name || "Button" }, l.id || f));
     }), a;
   }, n = i.jsonLd || {
     "@context": "https://schema.org",
@@ -6142,7 +6177,7 @@ const vi = ({ artboard: g, config: t }) => {
       ]
     }
   );
-}, hi = "6.3.40", fi = {
+}, hi = "6.3.42", fi = {
   version: hi
 }, Si = fi.version;
 export {