exodeui 6.3.29 → 6.3.31

package/dist/index.mjs

@@ -40,15 +40,15 @@ function us(g) {
     lineHeight: n = 1.2,
     width: a = 200,
     letterSpacing: r = 0,
-    paragraphSpacing: l = 0,
-    paragraphIndent: c = 0,
+    paragraphSpacing: c = 0,
+    paragraphIndent: l = 0,
     textCase: f = "none",
     segments: u = [],
     enableSegments: h = !1
   } = g;
   let d = String(t || "");
   f === "uppercase" ? d = d.toUpperCase() : f === "lowercase" ? d = d.toLowerCase() : f === "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}|${c}|${h}|${JSON.stringify(u)}|hyp:${!!g.hyphenation}|comp:${g.composer}|bal:${!!g.balanceRaggedLines}`;
+  const p = `${s} ${e} ${o}px "${i}", sans-serif`, y = `${d}|${p}|${r}|${c}|${l}|${h}|${JSON.stringify(u)}|hyp:${!!g.hyphenation}|comp:${g.composer}|bal:${!!g.balanceRaggedLines}`;
   let m = Ye.get(y);
   const b = typeof CanvasRenderingContext2D < "u" ? CanvasRenderingContext2D.prototype.measureText : null, v = function(k) {
     if (!b) return { width: 0, fontBoundingBoxAscent: 0, fontBoundingBoxDescent: 0 };
@@ -62,19 +62,19 @@ function us(g) {
     try {
       if (r !== 0 && typeof CanvasRenderingContext2D < "u" && (CanvasRenderingContext2D.prototype.measureText = v), h && u && u.length > 0) {
         const k = u.map((T) => {
-          let R = T.text || "";
+          let x = T.text || "";
           const P = T.textCase || f || "none";
-          return P === "uppercase" ? R.toUpperCase() : P === "lowercase" ? R.toLowerCase() : P === "capitalize" ? R.replace(/\b\w/g, (E) => E.toUpperCase()) : R;
+          return P === "uppercase" ? x.toUpperCase() : P === "lowercase" ? x.toLowerCase() : P === "capitalize" ? x.replace(/\b\w/g, (E) => E.toUpperCase()) : x;
         }).join("");
         if (m = Qe(k, p), m) {
-          let T = 0, R = o;
+          let T = 0, x = o;
           for (const P of u) {
             let E = P.text || "";
             if (!E) continue;
-            const x = P.textCase || f || "none";
-            x === "uppercase" ? E = E.toUpperCase() : x === "lowercase" ? E = E.toLowerCase() : x === "capitalize" && (E = E.replace(/\b\w/g, ($) => $.toUpperCase()));
+            const R = P.textCase || f || "none";
+            R === "uppercase" ? E = E.toUpperCase() : R === "lowercase" ? E = E.toLowerCase() : R === "capitalize" && (E = E.replace(/\b\w/g, ($) => $.toUpperCase()));
             const O = P.fontSize || o;
-            O > R && (R = O);
+            O > x && (x = O);
             const W = `${P.fontStyle || s} ${P.fontWeight || e} ${O}px "${P.fontFamily || i}", sans-serif`, B = Qe(E, W);
             if (B && B.widths)
               for (let $ = 0; $ < B.widths.length; $++) {
@@ -92,7 +92,7 @@ function us(g) {
               }
             T += E.length;
           }
-          m.fullText = k, m.maxFontSize = R;
+          m.fullText = k, m.maxFontSize = x;
         }
       } else
         m = Qe(d, p);
@@ -107,12 +107,12 @@ function us(g) {
       k && Ye.delete(k);
     }
   }
-  if (c > 0 && m && m.widths && !m.indentApplied) {
+  if (l > 0 && m && m.widths && !m.indentApplied) {
     const k = [...m.widths], T = m.fullText || d;
-    let R = !0;
+    let x = !0;
     for (let P = 0; P < T.length; P++)
-      R && k[P] !== void 0 && (k[P] += c, R = !1), (T[P] === `
-` || T[P] === "\r") && (R = !0, T[P] === "\r" && T[P + 1] === `
+      x && k[P] !== void 0 && (k[P] += l, x = !1), (T[P] === `
+` || T[P] === "\r") && (x = !0, T[P] === "\r" && T[P + 1] === `
 ` && P++);
     m = { ...m, widths: k, indentApplied: !0 };
   }
@@ -125,7 +125,7 @@ function us(g) {
     if (a >= 1e5) {
       const T = d.split(/\r\n|\r|\n/);
       C = {
-        lines: T.map((R) => ({ text: R, width: 0 })),
+        lines: T.map((x) => ({ text: x, width: 0 })),
         // Width will be measured below
         height: T.length * (S * k),
         lineCount: T.length
@@ -136,12 +136,12 @@ function us(g) {
     r !== 0 && b && (CanvasRenderingContext2D.prototype.measureText = b);
   }
   let w = (C == null ? void 0 : C.height) !== void 0 && C.height > 0 ? C.height : (((M = C == null ? void 0 : C.lines) == null ? void 0 : M.length) || 0) * S * o;
-  if (l > 0 && C && C.lines && C.lines.length > 1) {
+  if (c > 0 && C && C.lines && C.lines.length > 1) {
     let k = 0;
     const T = m.fullText || t;
-    for (let R = 0; R < C.lines.length - 1; R++)
-      k += C.lines[R].text.length, (T[k] === `
-` || T[k] === "\r") && (w += l, k++, T[k - 1] === "\r" && T[k] === `
+    for (let x = 0; x < C.lines.length - 1; x++)
+      k += C.lines[x].text.length, (T[k] === `
+` || T[k] === "\r") && (w += c, k++, T[k - 1] === "\r" && T[k] === `
 ` && k++);
   }
   let I = (C == null ? void 0 : C.lines) || [];
@@ -160,15 +160,15 @@ function es(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, l) => {
+  if (e.forEach((r, c) => {
     if (r.endsWith("px")) {
-      const c = parseFloat(r);
-      s[l] = c, n -= c;
-    } else r.endsWith("fr") ? a += parseFloat(r) : r === "auto" && (s[l] = 100, n -= 100);
+      const l = parseFloat(r);
+      s[c] = l, n -= l;
+    } else r.endsWith("fr") ? a += parseFloat(r) : r === "auto" && (s[c] = 100, n -= 100);
   }), a > 0 && n > 0) {
     const r = n / a;
-    e.forEach((l, c) => {
-      l.endsWith("fr") && (s[c] = r * parseFloat(l));
+    e.forEach((c, l) => {
+      c.endsWith("fr") && (s[l] = r * parseFloat(c));
     });
   }
   return s;
@@ -182,8 +182,8 @@ function ss(g, t, i) {
   }
 }
 function Es(g, t, i) {
-  var E, x;
-  const o = g.autoLayout, { direction: e, spacing: s, padding: n, align: a, wrap: r } = o, l = e === "vertical", c = t.map((O) => {
+  var E, R;
+  const o = g.autoLayout, { direction: e, spacing: s, padding: n, align: a, wrap: r } = o, c = e === "vertical", l = t.map((O) => {
     const W = i(O.id), B = O.geometry;
     let $ = (W == null ? void 0 : W.width) ?? B.width ?? 100, Y = (W == null ? void 0 : W.height) ?? B.height ?? 100;
     if (B.type === "Ellipse" || B.type === "Polygon" || B.type === "Star") {
@@ -210,46 +210,46 @@ function Es(g, t, i) {
     return $ *= O.transform.scale_x || 1, Y *= O.transform.scale_y || 1, { id: O.id, w: $, h: Y, original: O };
   });
   let f = g.width, u = g.height;
-  const h = ((E = g.layoutProps) == null ? void 0 : E.width) === "hug", d = ((x = g.layoutProps) == null ? void 0 : x.height) === "hug", p = [];
+  const h = ((E = g.layoutProps) == null ? void 0 : E.width) === "hug", d = ((R = g.layoutProps) == null ? void 0 : R.height) === "hug", p = [];
   let y = [], m = 0, b = 0;
   const v = f - n.left - n.right, S = u - n.top - n.bottom;
-  c.forEach((O) => {
-    r && y.length > 0 && (l ? b + s + O.h > S : m + s + O.w > v) ? (p.push({ children: y, width: m, height: b }), y = [O], m = O.w, b = O.h) : (y.push(O), l ? (m = Math.max(m, O.w), b += (y.length > 1 ? s : 0) + O.h) : (m += (y.length > 1 ? s : 0) + O.w, b = Math.max(b, O.h)));
-  }), y.length > 0 && p.push({ children: y, width: m, height: b }), h && !l && (f = Math.max(...p.map((O) => O.width), 0) + n.left + n.right), d && l && (u = Math.max(...p.map((O) => O.height), 0) + n.top + n.bottom);
+  l.forEach((O) => {
+    r && y.length > 0 && (c ? b + s + O.h > S : m + s + O.w > v) ? (p.push({ children: y, width: m, height: b }), y = [O], m = O.w, b = O.h) : (y.push(O), c ? (m = Math.max(m, O.w), b += (y.length > 1 ? s : 0) + O.h) : (m += (y.length > 1 ? s : 0) + O.w, b = Math.max(b, O.h)));
+  }), y.length > 0 && p.push({ children: y, width: m, height: b }), h && !c && (f = Math.max(...p.map((O) => O.width), 0) + n.left + n.right), d && c && (u = Math.max(...p.map((O) => O.height), 0) + n.top + n.bottom);
   const C = [];
   let w = n.left, I = n.top;
-  const M = a.toLowerCase(), k = M === "center" || M.endsWith("-center"), T = M.endsWith("-right"), R = M === "center" || M.startsWith("center-"), P = M.startsWith("bottom-");
+  const M = a.toLowerCase(), k = M === "center" || M.endsWith("-center"), T = M.endsWith("-right"), x = M === "center" || M.startsWith("center-"), P = M.startsWith("bottom-");
   return p.forEach((O) => {
     let W = w, B = I;
-    l ? R ? B = n.top + (u - n.top - n.bottom - O.height) / 2 : P && (B = u - n.bottom - O.height) : k ? W = n.left + (f - n.left - n.right - O.width) / 2 : T && (W = f - n.right - O.width), O.children.forEach(($) => {
+    c ? x ? B = n.top + (u - n.top - n.bottom - O.height) / 2 : P && (B = u - n.bottom - O.height) : k ? W = n.left + (f - n.left - n.right - O.width) / 2 : T && (W = f - n.right - O.width), O.children.forEach(($) => {
       var _, L;
       let Y = W, H = B;
-      l ? k ? Y += (O.width - $.w) / 2 : T && (Y += O.width - $.w) : R ? H += (O.height - $.h) / 2 : P && (H += O.height - $.h);
+      c ? k ? Y += (O.width - $.w) / 2 : T && (Y += O.width - $.w) : x ? H += (O.height - $.h) / 2 : P && (H += O.height - $.h);
       const K = ((_ = $.original.layoutProps) == null ? void 0 : _.width) === "fill", A = ((L = $.original.layoutProps) == null ? void 0 : L.height) === "fill";
       C.push({
         id: $.id,
         x: Y + $.w / 2 - f / 2,
         y: H + $.h / 2 - u / 2,
-        width: K && l ? O.width : void 0,
-        height: A ? l ? void 0 : O.height : void 0
-      }), l ? B += $.h + s : W += $.w + s;
-    }), l ? w += O.width + s : I += O.height + s;
+        width: K && c ? O.width : void 0,
+        height: A ? c ? void 0 : O.height : void 0
+      }), c ? B += $.h + s : W += $.w + s;
+    }), c ? w += O.width + s : I += O.height + s;
   }), { frameWidth: h ? f : 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: l } = o;
-  let c = g.width, f = g.height;
-  const u = c - r.left - r.right, h = f - r.top - r.bottom, d = es(e || "1fr", u, n), p = es(s || "auto", h, a), y = d.length > 0 ? d.reduce((T, R) => T + R, 0) + (d.length - 1) * n : 0, m = p.length > 0 ? p.reduce((T, R) => T + R, 0) + (p.length - 1) * a : 0, b = l.toLowerCase(), v = b === "center" || b.endsWith("-center"), S = b.endsWith("-right"), C = b === "center" || b.startsWith("center-"), w = b.startsWith("bottom-");
+  const { gridColumns: e, gridRows: s, columnGap: n = 0, rowGap: a = 0, padding: r, align: c } = o;
+  let l = g.width, f = g.height;
+  const u = l - r.left - r.right, h = f - r.top - r.bottom, d = es(e || "1fr", u, n), p = es(s || "auto", h, a), y = d.length > 0 ? d.reduce((T, x) => T + x, 0) + (d.length - 1) * n : 0, m = p.length > 0 ? p.reduce((T, x) => T + x, 0) + (p.length - 1) * a : 0, b = c.toLowerCase(), v = b === "center" || b.endsWith("-center"), S = b.endsWith("-right"), C = b === "center" || b.startsWith("center-"), w = b.startsWith("bottom-");
   let I = 0, M = 0;
   v ? I = (u - y) / 2 : S && (I = u - y), C ? M = (h - m) / 2 : w && (M = h - m);
   const k = [];
-  return t.forEach((T, R) => {
+  return t.forEach((T, x) => {
     var L, X;
-    const P = R % d.length || 0, E = Math.floor(R / d.length) || 0;
+    const P = x % d.length || 0, E = Math.floor(x / d.length) || 0;
     E >= p.length && p.push(100);
-    const x = d[P], O = p[E];
+    const R = d[P], O = p[E];
     let W = r.left + I + d.slice(0, P).reduce((V, it) => V + it + n, 0), B = r.top + M + p.slice(0, E).reduce((V, it) => V + it + a, 0);
     const $ = i(T.id), Y = T.geometry;
     let H = ($ == null ? void 0 : $.width) ?? Y.width ?? 100, K = ($ == null ? void 0 : $.height) ?? Y.height ?? 100;
@@ -259,11 +259,11 @@ function As(g, t, i) {
     }
     H *= T.transform.scale_x || 1, K *= T.transform.scale_y || 1;
     let A = W, _ = B;
-    v ? A += (x - H) / 2 : S && (A += x - H), C ? _ += (O - K) / 2 : w && (_ += O - K), k.push({
+    v ? A += (R - H) / 2 : S && (A += R - H), C ? _ += (O - K) / 2 : w && (_ += O - K), k.push({
       id: T.id,
-      x: A + H / 2 - c / 2,
+      x: A + H / 2 - l / 2,
       y: _ + K / 2 - f / 2,
-      width: ((L = T.layoutProps) == null ? void 0 : L.width) === "fill" ? x : void 0,
+      width: ((L = T.layoutProps) == null ? void 0 : L.width) === "fill" ? R : void 0,
       height: ((X = T.layoutProps) == null ? void 0 : X.height) === "fill" ? O : void 0
     });
   }), { childUpdates: k };
@@ -404,8 +404,8 @@ class Os {
     const e = new Jt.Vector2(t.anchorA.x, t.anchorA.y), s = new Jt.Vector2(t.anchorB.x, t.anchorB.y);
     let n;
     if (t.type === "Distance") {
-      const a = t.length ?? 100, r = t.stiffness ?? 100, l = t.damping ?? 10;
-      n = Jt.JointData.spring(a, r, l, e, s);
+      const a = t.length ?? 100, r = t.stiffness ?? 100, c = t.damping ?? 10;
+      n = Jt.JointData.spring(a, r, c, e, s);
     } else
       n = Jt.JointData.revolute(e, s);
     try {
@@ -427,21 +427,21 @@ class Os {
     }
   }
 }
-const ps = (g) => g, Rs = (g) => g > 0 ? 1 : 0, xs = (g) => g < 1 ? 0 : 1, is = (g) => g * g, ns = (g) => g * (2 - g), os = (g) => g < 0.5 ? 2 * g * g : -1 + (4 - 2 * g) * g, Ls = (g) => g * g * g, Fs = (g) => --g * g * g + 1, $s = (g) => g < 0.5 ? 4 * g * g * g : (g - 1) * (2 * g - 2) * (2 * g - 2) + 1, Ws = (g) => g * g * g * g, Bs = (g) => 1 - --g * g * g * g, Ys = (g) => g < 0.5 ? 8 * g * g * g * g : 1 - 8 * --g * g * g * g, Xs = (g) => g * g * g * g * g, Gs = (g) => 1 + --g * g * g * g * g, Ds = (g) => g < 0.5 ? 16 * g * g * g * g * g : 1 + 16 * --g * g * g * g * g, zs = (g) => 1 - Math.cos(g * Math.PI / 2), Vs = (g) => Math.sin(g * Math.PI / 2), Ns = (g) => -(Math.cos(Math.PI * g) - 1) / 2, Hs = (g) => g === 0 ? 0 : Math.pow(2, 10 * (g - 1)), Us = (g) => g === 1 ? 1 : 1 - Math.pow(2, -10 * g), qs = (g) => g === 0 ? 0 : g === 1 ? 1 : g < 0.5 ? Math.pow(2, 20 * g - 10) / 2 : (2 - Math.pow(2, -20 * g + 10)) / 2, Js = (g) => 1 - Math.sqrt(1 - g * g), Qs = (g) => Math.sqrt(1 - --g * g), Ks = (g) => g < 0.5 ? (1 - Math.sqrt(1 - 4 * g * g)) / 2 : (Math.sqrt(1 - (-2 * g + 2) * (-2 * g + 2)) + 1) / 2, Je = 1.70158, He = Je * 1.525, gs = Je + 1, Zs = (g) => gs * g * g * g - Je * g * g, js = (g) => 1 + gs * Math.pow(g - 1, 3) + Je * Math.pow(g - 1, 2), ti = (g) => g < 0.5 ? Math.pow(2 * g, 2) * ((He + 1) * 2 * g - He) / 2 : (Math.pow(2 * g - 2, 2) * ((He + 1) * (g * 2 - 2) + He) + 2) / 2, ms = 2 * Math.PI / 3, as = 2 * Math.PI / 4.5, ei = (g) => g === 0 ? 0 : g === 1 ? 1 : -Math.pow(2, 10 * g - 10) * Math.sin((g * 10 - 10.75) * ms), si = (g) => g === 0 ? 0 : g === 1 ? 1 : Math.pow(2, -10 * g) * Math.sin((g * 10 - 0.75) * ms) + 1, ii = (g) => g === 0 ? 0 : g === 1 ? 1 : g < 0.5 ? -(Math.pow(2, 20 * g - 10) * Math.sin((20 * g - 11.125) * as)) / 2 : Math.pow(2, -20 * g + 10) * Math.sin((20 * g - 11.125) * as) / 2 + 1, qe = (g) => g < 1 / 2.75 ? 7.5625 * g * g : g < 2 / 2.75 ? 7.5625 * (g -= 1.5 / 2.75) * g + 0.75 : g < 2.5 / 2.75 ? 7.5625 * (g -= 2.25 / 2.75) * g + 0.9375 : 7.5625 * (g -= 2.625 / 2.75) * g + 0.984375, ni = (g) => 1 - qe(1 - g), oi = qe, ai = (g) => g < 0.5 ? (1 - qe(1 - 2 * g)) / 2 : (1 + qe(2 * g - 1)) / 2, Ke = /* @__PURE__ */ new Map(), Xe = (g, t, i, o) => {
+const ps = (g) => g, xs = (g) => g > 0 ? 1 : 0, Rs = (g) => g < 1 ? 0 : 1, is = (g) => g * g, ns = (g) => g * (2 - g), os = (g) => g < 0.5 ? 2 * g * g : -1 + (4 - 2 * g) * g, Ls = (g) => g * g * g, Fs = (g) => --g * g * g + 1, $s = (g) => g < 0.5 ? 4 * g * g * g : (g - 1) * (2 * g - 2) * (2 * g - 2) + 1, Ws = (g) => g * g * g * g, Bs = (g) => 1 - --g * g * g * g, Ys = (g) => g < 0.5 ? 8 * g * g * g * g : 1 - 8 * --g * g * g * g, Xs = (g) => g * g * g * g * g, Gs = (g) => 1 + --g * g * g * g * g, Ds = (g) => g < 0.5 ? 16 * g * g * g * g * g : 1 + 16 * --g * g * g * g * g, zs = (g) => 1 - Math.cos(g * Math.PI / 2), Vs = (g) => Math.sin(g * Math.PI / 2), Ns = (g) => -(Math.cos(Math.PI * g) - 1) / 2, Hs = (g) => g === 0 ? 0 : Math.pow(2, 10 * (g - 1)), Us = (g) => g === 1 ? 1 : 1 - Math.pow(2, -10 * g), qs = (g) => g === 0 ? 0 : g === 1 ? 1 : g < 0.5 ? Math.pow(2, 20 * g - 10) / 2 : (2 - Math.pow(2, -20 * g + 10)) / 2, Js = (g) => 1 - Math.sqrt(1 - g * g), Qs = (g) => Math.sqrt(1 - --g * g), Ks = (g) => g < 0.5 ? (1 - Math.sqrt(1 - 4 * g * g)) / 2 : (Math.sqrt(1 - (-2 * g + 2) * (-2 * g + 2)) + 1) / 2, Je = 1.70158, He = Je * 1.525, gs = Je + 1, Zs = (g) => gs * g * g * g - Je * g * g, js = (g) => 1 + gs * Math.pow(g - 1, 3) + Je * Math.pow(g - 1, 2), ti = (g) => g < 0.5 ? Math.pow(2 * g, 2) * ((He + 1) * 2 * g - He) / 2 : (Math.pow(2 * g - 2, 2) * ((He + 1) * (g * 2 - 2) + He) + 2) / 2, ms = 2 * Math.PI / 3, as = 2 * Math.PI / 4.5, ei = (g) => g === 0 ? 0 : g === 1 ? 1 : -Math.pow(2, 10 * g - 10) * Math.sin((g * 10 - 10.75) * ms), si = (g) => g === 0 ? 0 : g === 1 ? 1 : Math.pow(2, -10 * g) * Math.sin((g * 10 - 0.75) * ms) + 1, ii = (g) => g === 0 ? 0 : g === 1 ? 1 : g < 0.5 ? -(Math.pow(2, 20 * g - 10) * Math.sin((20 * g - 11.125) * as)) / 2 : Math.pow(2, -20 * g + 10) * Math.sin((20 * g - 11.125) * as) / 2 + 1, qe = (g) => g < 1 / 2.75 ? 7.5625 * g * g : g < 2 / 2.75 ? 7.5625 * (g -= 1.5 / 2.75) * g + 0.75 : g < 2.5 / 2.75 ? 7.5625 * (g -= 2.25 / 2.75) * g + 0.9375 : 7.5625 * (g -= 2.625 / 2.75) * g + 0.984375, ni = (g) => 1 - qe(1 - g), oi = qe, ai = (g) => g < 0.5 ? (1 - qe(1 - 2 * g)) / 2 : (1 + qe(2 * g - 1)) / 2, Ke = /* @__PURE__ */ new Map(), Xe = (g, t, i, o) => {
   const e = `${g},${t},${i},${o}`;
   if (Ke.has(e)) return Ke.get(e);
-  const s = (c) => (1 - 3 * i + 3 * g) * c * c * c + (3 * i - 6 * g) * c * c + 3 * g * c, n = (c) => (1 - 3 * o + 3 * t) * c * c * c + (3 * o - 6 * t) * c * c + 3 * t * c, a = (c) => 3 * (1 - 3 * i + 3 * g) * c * c + 2 * (3 * i - 6 * g) * c + 3 * g, r = (c) => {
-    let f = c;
+  const s = (l) => (1 - 3 * i + 3 * g) * l * l * l + (3 * i - 6 * g) * l * l + 3 * g * l, n = (l) => (1 - 3 * o + 3 * t) * l * l * l + (3 * o - 6 * t) * l * l + 3 * t * l, a = (l) => 3 * (1 - 3 * i + 3 * g) * l * l + 2 * (3 * i - 6 * g) * l + 3 * g, r = (l) => {
+    let f = l;
     for (let u = 0; u < 8; u++) {
-      const h = s(f) - c;
+      const h = s(f) - l;
       if (Math.abs(h) < 1e-6) return f;
       const d = a(f);
       if (Math.abs(d) < 1e-6) break;
       f = f - h / d;
     }
     return f;
-  }, l = (c) => c === 0 ? 0 : c === 1 ? 1 : n(r(c));
-  return Ke.set(e, l), l;
+  }, c = (l) => l === 0 ? 0 : l === 1 ? 1 : n(r(l));
+  return Ke.set(e, c), c;
 }, rs = (g) => {
   const t = g.match(/cubic-bezier\s*\(\s*([-?\d.]+)\s*,\s*([-?\d.]+)\s*,\s*([-?\d.]+)\s*,\s*([-?\d.]+)\s*\)/);
   if (!t) return null;
@@ -500,8 +500,8 @@ const ps = (g) => g, Rs = (g) => g > 0 ? 1 : 0, xs = (g) => g < 1 ? 0 : 1, is =
   EaseOut: ns,
   EaseInOut: os,
   // Discrete
-  StepStart: Rs,
-  StepEnd: xs
+  StepStart: xs,
+  StepEnd: Rs
 }, ri = (g) => {
   const t = g.trim(), i = t.toLowerCase();
   if (Ue[t]) return Ue[t];
@@ -572,10 +572,10 @@ const ps = (g) => g, Rs = (g) => g > 0 ? 1 : 0, xs = (g) => g < 1 ? 0 : 1, is =
   }
 }, 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, l, c) => {
+  const s = o.scale_x ?? 1, n = o.scale_y ?? 1, a = (r, c, l) => {
     let f = 0, u = 0;
-    const h = o.rotation * Math.PI / 180, d = Math.cos(h), p = Math.sin(h), y = r * s * d - l * n * p + o.x, m = r * s * p + l * n * d + o.y;
-    c.forEach((M) => {
+    const h = o.rotation * Math.PI / 180, d = Math.cos(h), p = Math.sin(h), y = r * s * d - c * n * p + o.x, m = r * s * p + c * n * d + o.y;
+    l.forEach((M) => {
       const k = e(M.boneId);
       if (!k) return;
       const T = {
@@ -584,30 +584,30 @@ const ps = (g) => g, Rs = (g) => g > 0 ? 1 : 0, xs = (g) => g < 1 ? 0 : 1, is =
         rotation: k.rotation,
         scaleX: k.scale_x ?? 1,
         scaleY: k.scale_y ?? 1
-      }, R = i[M.boneId] || [1, 0, 0, 1, 0, 0], P = y * R[0] + m * R[2] + R[4], E = y * R[1] + m * R[3] + R[5], x = T.rotation * Math.PI / 180, O = Math.cos(x), W = Math.sin(x), B = P * T.scaleX * O - E * T.scaleY * W + T.x, $ = P * T.scaleX * W + E * T.scaleY * O + T.y;
+      }, x = i[M.boneId] || [1, 0, 0, 1, 0, 0], P = y * x[0] + m * x[2] + x[4], E = y * x[1] + m * x[3] + x[5], R = T.rotation * Math.PI / 180, O = Math.cos(R), W = Math.sin(R), B = P * T.scaleX * O - E * T.scaleY * W + T.x, $ = P * T.scaleX * W + E * T.scaleY * O + T.y;
       f += B * M.amount, u += $ * M.amount;
     });
-    const b = [...c].sort((M, k) => k.amount - M.amount);
+    const b = [...l].sort((M, k) => k.amount - M.amount);
     if (b.length >= 2 && b[0].amount > 0 && b[1].amount > 0) {
       const M = e(b[0].boneId), k = e(b[1].boneId);
       if (M && k && M.length !== void 0 && k.length !== void 0) {
-        const T = M.length * (M.scale_y ?? 1), R = M.rotation * Math.PI / 180, P = M.x - T * Math.sin(R), E = M.y + T * Math.cos(R), x = k.length * (k.scale_y ?? 1), O = k.rotation * Math.PI / 180, W = k.x - x * Math.sin(O), B = k.y + x * Math.cos(O);
+        const T = M.length * (M.scale_y ?? 1), x = M.rotation * Math.PI / 180, P = M.x - T * Math.sin(x), E = M.y + T * Math.cos(x), R = k.length * (k.scale_y ?? 1), O = k.rotation * Math.PI / 180, W = k.x - R * Math.sin(O), B = k.y + R * Math.cos(O);
         let $ = null, Y = null, H = !1;
         const K = 1;
         if (Math.hypot(M.x - k.x, M.y - k.y) < K || Math.hypot(M.x - W, M.y - B) < K ? ($ = M.x, Y = M.y) : (Math.hypot(P - k.x, E - k.y) < K || Math.hypot(P - W, E - B) < K) && ($ = P, Y = E, H = !0), $ !== null && Y !== null) {
           const A = i[b[0].boneId] || [1, 0, 0, 1, 0, 0], _ = A[0] * A[3] - A[1] * A[2];
           let L = 0, X = 0;
           if (_ !== 0) {
-            const V = (A[2] * A[5] - A[3] * A[4]) / _, it = (A[1] * A[4] - A[0] * A[5]) / _, rt = Math.atan2(-A[1], A[3]);
+            const V = (A[2] * A[5] - A[3] * A[4]) / _, it = (A[1] * A[4] - A[0] * A[5]) / _, lt = Math.atan2(-A[1], A[3]);
             if (!H)
               L = V, X = it;
             else {
-              const ct = -A[2] / _, wt = A[0] / _, Mt = Math.hypot(ct, wt), It = M.length * Mt;
-              L = V - It * Math.sin(rt), X = it + It * Math.cos(rt);
+              const ht = -A[2] / _, wt = A[0] / _, Mt = Math.hypot(ht, wt), It = M.length * Mt;
+              L = V - It * Math.sin(lt), X = it + It * Math.cos(lt);
             }
-            const nt = Math.hypot(y - L, m - X), yt = Math.hypot(f - $, u - Y);
-            if (yt > 0 && nt > 0) {
-              const ct = Math.max(yt, 0.01), wt = Math.min(nt / ct, 3), Mt = $ + (f - $) * wt, It = Y + (u - Y) * wt, Ot = b[0].amount, At = b[1].amount, Tt = Math.min(Ot, At) * 2, zt = 1 - Math.pow(1 - Tt, 4);
+            const nt = Math.hypot(y - L, m - X), bt = Math.hypot(f - $, u - Y);
+            if (bt > 0 && nt > 0) {
+              const ht = Math.max(bt, 0.01), wt = Math.min(nt / ht, 3), Mt = $ + (f - $) * wt, It = Y + (u - Y) * wt, Ot = b[0].amount, At = b[1].amount, Tt = Math.min(Ot, At) * 2, zt = 1 - Math.pow(1 - Tt, 4);
               f = f * (1 - zt) + Mt * zt, u = u * (1 - zt) + It * zt;
             }
           }
@@ -620,16 +620,16 @@ const ps = (g) => g, Rs = (g) => g > 0 ? 1 : 0, xs = (g) => g < 1 ? 0 : 1, is =
       y: (-w * C + I * S) / n
     };
   };
-  return g.map((r, l) => {
-    const c = t[l];
-    if (!c || c.length === 0) return { ...r };
-    const f = { ...r, ...a(r.x, r.y, c) };
+  return g.map((r, c) => {
+    const l = t[c];
+    if (!l || l.length === 0) return { ...r };
+    const f = { ...r, ...a(r.x, r.y, l) };
     if (r.in_x !== void 0 && r.in_y !== void 0) {
-      const u = a(r.in_x, r.in_y, c);
+      const u = a(r.in_x, r.in_y, l);
       f.in_x = u.x, f.in_y = u.y;
     }
     if (r.out_x !== void 0 && r.out_y !== void 0) {
-      const u = a(r.out_x, r.out_y, c);
+      const u = a(r.out_x, r.out_y, l);
       f.out_x = u.x, f.out_y = u.y;
     }
     return f;
@@ -905,7 +905,7 @@ 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, l = 0, c = 0, f = 0, u;
+    let s = !1, n = 0, a = 0, r = 0, c = 0, l = 0, f = 0, u;
     for (; (u = i.exec(t)) !== null; ) {
       const h = u[1], d = (u[2].match(o) || []).map(parseFloat), p = h === h.toLowerCase(), y = h.toUpperCase();
       let m = 0;
@@ -916,7 +916,7 @@ class ci {
       switch (y) {
         case "M": {
           const S = v();
-          for (c = n = S.x, f = a = S.y, e.push({ x: n, y: a, in_x: n, in_y: a, out_x: n, out_y: a, moveTo: !0 }); m < d.length; ) {
+          for (l = n = S.x, f = a = S.y, e.push({ x: n, y: a, in_x: n, in_y: a, out_x: n, out_y: a, moveTo: !0 }); m < 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 });
           }
@@ -943,17 +943,17 @@ class ci {
               const I = e[e.length - 1];
               I.out_x = S.x, I.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, l = 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, c = C.y;
           }
           break;
         case "S":
           for (; m < d.length; ) {
-            const S = { x: 2 * n - r, y: 2 * a - l }, C = v(), w = v();
+            const S = { x: 2 * n - r, y: 2 * a - c }, C = v(), w = v();
             if (e.length > 0) {
               const I = e[e.length - 1];
               I.out_x = S.x, I.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, l = 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, c = C.y;
           }
           break;
         case "Q":
@@ -963,17 +963,17 @@ class ci {
               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, l = 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, c = S.y;
           }
           break;
         case "T":
           for (; m < d.length; ) {
-            const S = { x: 2 * n - r, y: 2 * a - l }, C = v();
+            const S = { x: 2 * n - r, y: 2 * a - c }, 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, l = 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, c = S.y;
           }
           break;
         case "Z":
@@ -983,7 +983,7 @@ 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 = c, a = f;
+          n = l, a = f;
           break;
         default:
           if (d.length >= 2) {
@@ -1060,20 +1060,20 @@ class ci {
     if (!t) return;
     let i = this.decompressStrings(t);
     const o = [], e = /* @__PURE__ */ new Set(), s = (r) => {
-      r && r.forEach((l) => {
-        if (e.has(l.id)) return;
-        const c = { ...l }, f = c.childrenObjects || [];
-        e.add(c.id), o.push(c), s(f);
+      r && r.forEach((c) => {
+        if (e.has(c.id)) return;
+        const l = { ...c }, f = l.childrenObjects || [];
+        e.add(l.id), o.push(l), s(f);
       });
     };
     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((l) => {
-        r.set(l.id, l), l.children || (l.children = []);
-      }), this.artboard.objects.forEach((l) => {
-        if (l.parentId) {
-          const c = r.get(l.parentId);
-          c && (c.children || (c.children = []), c.children.includes(l.id) || c.children.push(l.id));
+      this.artboard.objects.forEach((c) => {
+        r.set(c.id, c), c.children || (c.children = []);
+      }), this.artboard.objects.forEach((c) => {
+        if (c.parentId) {
+          const l = r.get(c.parentId);
+          l && (l.children || (l.children = []), l.children.includes(c.id) || l.children.push(c.id));
         }
       });
     }
@@ -1123,11 +1123,11 @@ 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, l, c, f, 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;
+      var n, a, r, c, l, f, 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) ?? ((c = i.geometry) == null ? void 0 : c.cornerRadius) ?? 0;
       this.objectStates.set(i.id, {
         ...i.transform || {},
-        x: ((c = i.transform) == null ? void 0 : c.x) ?? i.x ?? 0,
+        x: ((l = i.transform) == null ? void 0 : l.x) ?? i.x ?? 0,
         y: ((f = i.transform) == null ? void 0 : f.y) ?? i.y ?? 0,
         width: o,
         height: e,
@@ -1164,14 +1164,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, l = e.geometry.height || 100;
+            const r = e.geometry.width || 100, c = 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: l,
+              height: c,
               rotation: a.rotation * (Math.PI / 180),
               // Convert deg to rad
               isStatic: e.physics.bodyType === "Static",
@@ -1208,8 +1208,8 @@ class ci {
       n.forEach((a) => {
         const r = this.objectStates.get(a.id);
         if (r) {
-          const l = Math.abs(r.x - a.x), c = Math.abs(r.y - a.y);
-          !t && (l > 20 || c > 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 c = Math.abs(r.x - a.x), l = Math.abs(r.y - a.y);
+          !t && (c > 20 || l > 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);
         }
       });
     };
@@ -1220,10 +1220,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((f) => i.get(f)).filter((f) => !!f), l = this.objectStates.get(n.id);
-        if (!l) return;
-        const c = ss(l, r, (f) => this.objectStates.get(f));
-        c.frameWidth !== void 0 && (l.width = c.frameWidth), c.frameHeight !== void 0 && (l.height = c.frameHeight), e(c.childUpdates);
+        const r = n.children.map((f) => i.get(f)).filter((f) => !!f), c = this.objectStates.get(n.id);
+        if (!c) return;
+        const l = ss(c, r, (f) => this.objectStates.get(f));
+        l.frameWidth !== void 0 && (c.width = l.frameWidth), l.frameHeight !== void 0 && (c.height = l.frameHeight), e(l.childUpdates);
       }
     });
   }
@@ -1274,21 +1274,21 @@ class ci {
       const a = this.activeStateMachine.layers.find((r) => r.name === t);
       if (a)
         for (const r of i) {
-          const l = a.states.find((c) => c.id === r);
-          if (l)
-            if (l.isBlendState && l.blendAnimations && l.blendAnimations.length > 0)
-              e.push({ animation: null, state: l }), l.blendAnimations.forEach((c) => {
-                const f = this.artboard.animations.find((u) => u.id === c.animationId);
+          const c = a.states.find((l) => l.id === r);
+          if (c)
+            if (c.isBlendState && c.blendAnimations && c.blendAnimations.length > 0)
+              e.push({ animation: null, state: c }), c.blendAnimations.forEach((l) => {
+                const f = this.artboard.animations.find((u) => u.id === l.animationId);
                 f && (s = Math.max(s, f.duration));
               });
             else {
-              let c = null;
-              l.animationId && (c = this.artboard.animations.find((f) => f.id === l.animationId) || null), c || (c = this.artboard.animations.find(
+              let l = null;
+              c.animationId && (l = this.artboard.animations.find((f) => f.id === c.animationId) || null), l || (l = this.artboard.animations.find(
                 (f) => {
                   var u, h;
-                  return f.name === l.name || f.id === l.name || (l.name === "Entry" || l.id === "entry") && (((u = f.name) == null ? void 0 : u.toLowerCase()) === "onload" || ((h = f.name) == null ? void 0 : h.toLowerCase()) === "intro");
+                  return f.name === c.name || f.id === c.name || (c.name === "Entry" || c.id === "entry") && (((u = f.name) == null ? void 0 : u.toLowerCase()) === "onload" || ((h = f.name) == null ? void 0 : h.toLowerCase()) === "intro");
                 }
-              ) || null), c && ((n = this.artboard.animationFlow) != null && n.some((u) => (u.trigger === "on_load" || u.trigger === "after_delay") && u.targetAnimationId === (c == null ? void 0 : c.id)) || (e.push({ animation: c, state: l }), s = Math.max(s, c.duration)));
+              ) || null), l && ((n = this.artboard.animationFlow) != null && n.some((u) => (u.trigger === "on_load" || u.trigger === "after_delay") && u.targetAnimationId === (l == null ? void 0 : l.id)) || (e.push({ animation: l, state: c }), s = Math.max(s, l.duration)));
             }
         }
     }
@@ -1334,22 +1334,22 @@ class ci {
     var n, a, r;
     let o;
     if (this.inputs.has(t)) {
-      const l = (n = this.activeStateMachine) == null ? void 0 : n.inputs.find((c) => c.id === t);
-      l && typeof l.value == "object" && (o = l.value.type);
+      const c = (n = this.activeStateMachine) == null ? void 0 : n.inputs.find((l) => l.id === t);
+      c && typeof c.value == "object" && (o = c.value.type);
     } else {
-      const l = this.inputNameMap.get(t);
-      if (l && l.length > 0) {
-        const c = (a = this.activeStateMachine) == null ? void 0 : a.inputs.find((f) => f.id === l[0]);
-        c && typeof c.value == "object" && (o = c.value.type);
+      const c = this.inputNameMap.get(t);
+      if (c && c.length > 0) {
+        const l = (a = this.activeStateMachine) == null ? void 0 : a.inputs.find((f) => f.id === c[0]);
+        l && typeof l.value == "object" && (o = l.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((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 c = this.objectStates.get(l.id);
-        c && c.options && (l.type === "ListView" || l.variant === "listview" ? c.options.items = e : (l.type === "Dropdown" || l.variant === "dropdown") && (c.options.optionsList = e));
+    s && s.forEach((c) => this.setInternalInput(c, e)), o === "Trigger" && e === !0 && (this.justFiredTriggers.add(t), s && s.forEach((c) => this.justFiredTriggers.add(c))), Array.isArray(e) && ((r = this.artboard) == null || r.objects.forEach((c) => {
+      if (c.inputId === t || c.name === t) {
+        const l = this.objectStates.get(c.id);
+        l && l.options && (c.type === "ListView" || c.variant === "listview" ? l.options.items = e : (c.type === "Dropdown" || c.variant === "dropdown") && (l.options.optionsList = e));
       }
     })), this.evaluateTransitions(), this.evaluateVariableTriggers(t, e);
   }
@@ -1359,42 +1359,42 @@ 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 l = !1;
+        let c = !1;
         switch (a) {
           case "Equal":
           case "==":
-            l = i == r;
+            c = i == r;
             break;
           case "NotEqual":
           case "!=":
-            l = i != r;
+            c = i != r;
             break;
           case "GreaterThan":
           case ">":
-            l = i > r;
+            c = i > r;
             break;
           case "LessThan":
           case "<":
-            l = i < r;
+            c = i < r;
             break;
           case "GreaterEqual":
           case ">=":
-            l = i >= r;
+            c = i >= r;
             break;
           case "LessEqual":
           case "<=":
-            l = i <= r;
+            c = i <= r;
             break;
           case "IsTrue":
-            l = !!i;
+            c = !!i;
             break;
           case "IsFalse":
-            l = !i;
+            c = !i;
             break;
         }
-        if (l) {
-          const c = s.delay || 0;
-          c <= 0 ? this.triggerGlobalAnimation(s.targetAnimationId, s.subAnimationIds, s.loop, s.id) : setTimeout(() => this.triggerGlobalAnimation(s.targetAnimationId, s.subAnimationIds, s.loop, s.id), c);
+        if (c) {
+          const l = s.delay || 0;
+          l <= 0 ? this.triggerGlobalAnimation(s.targetAnimationId, s.subAnimationIds, s.loop, s.id) : setTimeout(() => this.triggerGlobalAnimation(s.targetAnimationId, s.subAnimationIds, s.loop, s.id), l);
         }
       }
     });
@@ -1417,7 +1417,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((l) => l.id === n.inputId);
+          const a = (r = this.activeStateMachine) == null ? void 0 : r.inputs.find((c) => c.id === n.inputId);
           a && typeof a.value == "object" && a.value.type === "Trigger" && this.setInternalInput(n.inputId, !1);
         }));
       }
@@ -1494,7 +1494,7 @@ class ci {
     });
   }
   evaluateLogicTree(t, i = null, o = /* @__PURE__ */ new Set()) {
-    var a, r, l, c, f, u;
+    var a, r, c, l, f, u;
     if (o.has(t))
       return this.inputs.get(t) ?? this.logicNodeValues.get(t) ?? 0;
     o.add(t);
@@ -1704,7 +1704,7 @@ class ci {
         }
         case St.SPRING_PULL: {
           const p = h("objectId", ""), y = h("forceX", 0), m = h("forceY", 0);
-          p && ((l = this.artboard) == null || l.objects.forEach((b) => {
+          p && ((c = this.artboard) == null || c.objects.forEach((b) => {
             b.behaviors && b.behaviors.forEach((v) => {
               var S;
               if (v.type === N.SpringChain && ((S = v.settings) != null && S.connections) && (v.settings.connections.some((w) => w.targetId === p) || b.id === p)) {
@@ -1741,7 +1741,7 @@ class ci {
         }
         case St.EMIT: {
           const p = h("objectId", ""), y = h("count", 20);
-          p && ((c = this.artboard) == null || c.objects.forEach((m) => {
+          p && ((l = this.artboard) == null || l.objects.forEach((m) => {
             m.behaviors && m.behaviors.forEach((b) => {
               b.type === N.ParticleEmitter && m.id === p && (b._pendingBurst = (b._pendingBurst || 0) + y);
             });
@@ -1837,11 +1837,11 @@ 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, l, c, f;
+      var s, n, a, r, c, l, f;
       if (o.phase === "entry")
         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 u = (c = (l = (r = this.artboard) == null ? void 0 : r.objects.find((p) => p.id === e)) == null ? void 0 : l.triggers) == null ? void 0 : c.find((p) => p.id === o.triggerId), h = (u == null ? void 0 : u.duration) || 0;
+        const u = (l = (c = (r = this.artboard) == null ? void 0 : r.objects.find((p) => p.id === e)) == null ? void 0 : c.triggers) == null ? void 0 : l.find((p) => p.id === o.triggerId), h = (u == null ? void 0 : u.duration) || 0;
         o.elapsedHold += t * 1e3;
         let d = o.elapsedHold >= h;
         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)
@@ -1860,7 +1860,7 @@ 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), l = (((s = i.geometry) == null ? void 0 : s.width) || 100) * (r.scale_x || 1), c = (((n = i.geometry) == null ? void 0 : n.height) || 100) * (r.scale_y || 1), f = 50, u = r.x + l / 2 >= -this.canvasWidth / 2 - f && r.x - l / 2 <= this.canvasWidth / 2 + f && r.y + c / 2 >= -this.canvasHeight / 2 - f && r.y - c / 2 <= this.canvasHeight / 2 + f, h = `analytics_${i.id}`, d = this.wasInView.has(h);
+          const r = this.getGlobalTransform(i.id), c = (((s = i.geometry) == null ? void 0 : s.width) || 100) * (r.scale_x || 1), l = (((n = i.geometry) == null ? void 0 : n.height) || 100) * (r.scale_y || 1), f = 50, u = r.x + c / 2 >= -this.canvasWidth / 2 - f && r.x - c / 2 <= this.canvasWidth / 2 + f && r.y + l / 2 >= -this.canvasHeight / 2 - f && r.y - l / 2 <= this.canvasHeight / 2 + f, h = `analytics_${i.id}`, d = this.wasInView.has(h);
           u && !d && this.fireAnalyticsEvent(i.id, "visible"), u ? this.wasInView.add(h) : this.wasInView.delete(h);
         }
       }
@@ -1869,7 +1869,7 @@ class ci {
       o.length !== 0 && o.forEach((e) => {
         const s = e.triggers || [e.event || e.trigger];
         s && s.forEach((n) => {
-          var r, l, c;
+          var r, c, l;
           const a = n.toLowerCase();
           if (a === "on interval" || a === "oninterval") {
             const f = e.intervalValue || 2e3, u = this.periodicTriggerTimes.get(e.id) || 0;
@@ -1882,12 +1882,12 @@ class ci {
           if (a === "scroll into view" || a === "scrollintoview") {
             const f = this.objectStates.get(i.id);
             if (f && f.visible !== !1) {
-              const u = this.getGlobalTransform(i.id), h = (((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 + h / 2 >= -this.canvasWidth / 2 - p && u.x - h / 2 <= this.canvasWidth / 2 + p && u.y + d / 2 >= -this.canvasHeight / 2 - p && u.y - d / 2 <= this.canvasHeight / 2 + p, m = this.wasInView.has(i.id);
+              const u = this.getGlobalTransform(i.id), h = (((r = i.geometry) == null ? void 0 : r.width) || 100) * (u.scale_x || 1), d = (((c = i.geometry) == null ? void 0 : c.height) || 100) * (u.scale_y || 1), p = 50, y = u.x + h / 2 >= -this.canvasWidth / 2 - p && u.x - h / 2 <= this.canvasWidth / 2 + p && u.y + d / 2 >= -this.canvasHeight / 2 - p && u.y - d / 2 <= this.canvasHeight / 2 + p, m = this.wasInView.has(i.id);
               y && !m && (!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 f = Math.abs(this.scrollOffset.y) / (((c = this.artboard) == null ? void 0 : c.height) || 1e3), u = this.scrollProgressLastValue.get(e.id) || 0;
+            const f = Math.abs(this.scrollOffset.y) / (((l = this.artboard) == null ? void 0 : l.height) || 1e3), u = this.scrollProgressLastValue.get(e.id) || 0;
             Math.abs(f - u) > 1e-3 && (this.scrollProgressLastValue.set(e.id, f), (e.action === "Set Input" || e.action === "setInput") && this.updateInput(e.targetInputId, f));
           }
         });
@@ -1901,17 +1901,17 @@ class ci {
       if (!o) return;
       const e = this.getGlobalTransform(i.id);
       if (i.constraints.forEach((s, n) => {
-        var c, f, u, h, d, p, y, m, b;
-        const a = ((c = o.constraints) == null ? void 0 : c[n]) || {}, r = { ...s, ...a }, l = r.strength ?? 1;
+        var l, f, u, h, d, p, y, m, b;
+        const a = ((l = o.constraints) == null ? void 0 : l[n]) || {}, r = { ...s, ...a }, c = r.strength ?? 1;
         if (r.type === "Translation") {
           const v = this.getGlobalTransform(r.targetId);
           if (v) {
             const S = r.offsetX || 0, C = r.offsetY || 0, w = v.x + S, I = v.y + C, M = r.useSpring;
             if (M) {
-              const T = this.objectVelocities.get(i.id) || { vx: 0, vy: 0 }, { x: R, y: P, vx: E, vy: x } = this.computeSpring(e.x, e.y, T.vx, T.vy, w, I, r, t);
-              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: E, vy: x });
+              const T = this.objectVelocities.get(i.id) || { vx: 0, vy: 0 }, { x, y: P, vx: E, vy: R } = this.computeSpring(e.x, e.y, T.vx, T.vy, w, I, r, t);
+              r.copyX && (e.x = e.x + (x - e.x) * c), r.copyY && (e.y = e.y + (P - e.y) * c), this.objectVelocities.set(i.id, { vx: E, vy: R });
             } else
-              r.copyX && (e.x = e.x + (w - e.x) * l), r.copyY && (e.y = e.y + (I - e.y) * l);
+              r.copyX && (e.x = e.x + (w - e.x) * c), r.copyY && (e.y = e.y + (I - e.y) * c);
             let k = !1;
             if ((f = r.limitX) != null && f.enabled) {
               const T = e.x;
@@ -1927,25 +1927,25 @@ class ci {
           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;
+            C > 180 && (C -= 360), C < -180 && (C += 360), e.rotation = e.rotation + C * c;
           }
         } else if (r.type === "Scale") {
           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));
+          v && (r.copyX && (e.scale_x = e.scale_x + (v.scale_x - e.scale_x) * c), r.copyY && (e.scale_y = e.scale_y + (v.scale_y - e.scale_y) * c));
         } else if (r.type === "Transform") {
           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;
+            e.x = e.x + (v.x - e.x) * c, e.y = e.y + (v.y - e.y) * c;
             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;
+            S > 180 && (S -= 360), S < -180 && (S += 360), e.rotation = e.rotation + S * c, e.scale_x = e.scale_x + (v.scale_x - e.scale_x) * c, e.scale_y = e.scale_y + (v.scale_y - e.scale_y) * c;
           }
         } else if (r.type === "FollowPointer") {
           const v = ((h = this._lastPointerPos) == null ? void 0 : h.x) ?? e.x, S = ((d = this._lastPointerPos) == null ? void 0 : d.y) ?? e.y, C = r.useSpring;
           if (C) {
-            const I = this.objectVelocities.get(i.id) || { vx: 0, vy: 0 }, { x: M, y: k, vx: T, vy: R } = this.computeSpring(e.x, e.y, I.vx, I.vy, v, S, r, t);
-            e.x = M, e.y = k, this.objectVelocities.set(i.id, { vx: T, vy: R });
+            const I = this.objectVelocities.get(i.id) || { vx: 0, vy: 0 }, { x: M, y: k, vx: T, vy: x } = this.computeSpring(e.x, e.y, I.vx, I.vy, v, S, r, t);
+            e.x = M, e.y = k, this.objectVelocities.set(i.id, { vx: T, vy: x });
           } else
-            e.x = e.x + (v - e.x) * l, e.y = e.y + (S - e.y) * l;
+            e.x = e.x + (v - e.x) * c, e.y = e.y + (S - e.y) * c;
           let w = !1;
           if ((p = r.limitX) != null && p.enabled) {
             const I = e.x;
@@ -1977,7 +1977,7 @@ class ci {
             }
             if (w > 0) {
               const k = e.x === v.x && e.y === v.y ? 1 : M / w;
-              e.x = e.x + (v.x + S * k - e.x) * l, e.y = e.y + (v.y + C * k - e.y) * l;
+              e.x = e.x + (v.x + S * k - e.x) * c, e.y = e.y + (v.y + C * k - e.y) * c;
             }
           }
         } else if (r.type === "FollowPath") {
@@ -1993,22 +1993,22 @@ class ci {
                 _ && (C = _.geometry);
               }
               if (!C) return;
-              const w = (r.distance || 0) / 100, I = S.width || C.width || 0, M = S.height || C.height || 0, k = this.getPointOnPath(C, I, M, w), T = S.rotation * Math.PI / 180, R = Math.cos(T), P = Math.sin(T), E = k.x * S.scale_x * R - k.y * S.scale_y * P, x = k.x * S.scale_x * P + k.y * S.scale_y * R;
+              const w = (r.distance || 0) / 100, I = S.width || C.width || 0, M = S.height || C.height || 0, k = this.getPointOnPath(C, I, M, w), T = S.rotation * Math.PI / 180, x = Math.cos(T), P = Math.sin(T), E = k.x * S.scale_x * x - k.y * S.scale_y * P, R = k.x * S.scale_x * P + k.y * S.scale_y * x;
               let O = S.rotation + (r.offsetRotation || 0);
               if (r.orient) {
-                const _ = Math.cos(k.angle), L = Math.sin(k.angle), X = _ * S.scale_x * R - L * S.scale_y * P, V = _ * S.scale_x * P + L * S.scale_y * R;
+                const _ = Math.cos(k.angle), L = Math.sin(k.angle), X = _ * S.scale_x * x - L * S.scale_y * P, V = _ * S.scale_x * P + L * S.scale_y * x;
                 O = Math.atan2(V, X) * 180 / Math.PI + (r.offsetRotation || 0);
               }
-              const W = O * Math.PI / 180, B = Math.cos(W), $ = Math.sin(W), Y = (r.offsetX || 0) * B - (r.offsetY || 0) * $, H = (r.offsetX || 0) * $ + (r.offsetY || 0) * B, K = S.x + E + Y, A = S.y + x + H;
-              if (e.x = e.x + (K - e.x) * l, e.y = e.y + (A - e.y) * l, r.orient) {
+              const W = O * Math.PI / 180, B = Math.cos(W), $ = Math.sin(W), Y = (r.offsetX || 0) * B - (r.offsetY || 0) * $, H = (r.offsetX || 0) * $ + (r.offsetY || 0) * B, K = S.x + E + Y, A = S.y + R + H;
+              if (e.x = e.x + (K - e.x) * c, e.y = e.y + (A - e.y) * c, r.orient) {
                 let _ = (O - e.rotation) % 360;
-                _ > 180 && (_ -= 360), _ < -180 && (_ += 360), e.rotation = e.rotation + _ * l;
+                _ > 180 && (_ -= 360), _ < -180 && (_ += 360), e.rotation = e.rotation + _ * c;
               }
             }
           }
         } else if (r.type === "IK") {
           const v = this.getGlobalTransform(r.targetId);
-          v && this.solveIK(i, v, r.boneCount || 2, l);
+          v && this.solveIK(i, v, r.boneCount || 2, c);
         }
       }), i.constraints.some((s) => s.type !== "IK")) {
         const s = this.globalToLocal(i.parentId, e);
@@ -2030,10 +2030,10 @@ 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), l = s.x + (i.x * s.scale_x * a - i.y * s.scale_y * r), c = 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), c = s.x + (i.x * s.scale_x * a - i.y * s.scale_y * r), l = s.y + (i.x * s.scale_x * r + i.y * s.scale_y * a);
     return {
-      x: l,
-      y: c,
+      x: c,
+      y: l,
       rotation: s.rotation + i.rotation,
       scale_x: s.scale_x * (i.scale_x ?? 1) * (i.flip_x ? -1 : 1),
       scale_y: s.scale_y * (i.scale_y ?? 1) * (i.flip_y ? -1 : 1),
@@ -2042,7 +2042,7 @@ 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), l = i.x - o.x, c = i.y - o.y, f = (l * a - c * r) * e, u = (l * r + c * 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), c = i.x - o.x, l = i.y - o.y, f = (c * a - l * r) * e, u = (c * r + l * a) * s;
     return {
       x: f,
       y: u,
@@ -2052,11 +2052,11 @@ class ci {
     };
   }
   solveIK(t, i, o, e) {
-    var l;
+    var c;
     const s = [];
     let n = t.id;
-    for (let c = 0; c < o && n; c++) {
-      const f = (l = this.artboard) == null ? void 0 : l.objects.find((u) => u.id === n);
+    for (let l = 0; l < o && n; l++) {
+      const f = (c = this.artboard) == null ? void 0 : c.objects.find((u) => u.id === n);
       if (!f) break;
       s.push({
         id: n,
@@ -2066,7 +2066,7 @@ class ci {
     }
     if (s.length < 2) return;
     const a = s.reverse(), r = 5;
-    for (let c = 0; c < r; c++) {
+    for (let l = 0; l < r; l++) {
       const f = this.getGlobalTransform(t.id);
       for (let u = a.length - 2; u >= 0; u--) {
         const h = a[u], d = this.getGlobalTransform(h.id), p = f.x - d.x, y = f.y - d.y, m = i.x - d.x, b = i.y - d.y, v = Math.sqrt(p * p + y * y), S = Math.sqrt(m * m + b * b);
@@ -2081,7 +2081,7 @@ class ci {
     }
   }
   computeSpring(t, i, o, e, s, n, a, r) {
-    const l = a.stiffness ?? 100, c = a.damping ?? 10, f = a.mass ?? 1, u = -l * (t - s), h = -l * (i - n), d = -c * o, p = -c * e, y = (u + d) / f, m = (h + p) / f, b = o + y * r, v = e + m * r, S = t + b * r, C = i + v * r;
+    const c = a.stiffness ?? 100, l = a.damping ?? 10, f = a.mass ?? 1, u = -c * (t - s), h = -c * (i - n), d = -l * o, p = -l * e, y = (u + d) / f, m = (h + p) / f, b = o + y * r, v = e + m * r, S = t + b * r, C = i + v * r;
     return { x: S, y: C, vx: b, vy: v };
   }
   handlePointerInput(t, i, o, e, s) {
@@ -2105,7 +2105,7 @@ 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, l, c, f, u;
+    var r, c, l, f, 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;
@@ -2152,9 +2152,9 @@ class ci {
     })) : t === "blur" && this.activeHoverIds.clear(), this.activeDropdownId && t === "down") {
       const h = this.artboard.objects.find((d) => d.id === this.activeDropdownId);
       if (h && (h.type === "Dropdown" || h.variant === "dropdown")) {
-        const d = this.objectStates.get(h.id), p = (d == null ? void 0 : d.options) || h.options || {}, y = h.geometry || {}, m = y.width ?? h.width ?? 200, b = y.height ?? h.height ?? 40, v = p.optionsList || [], S = p.itemHeight || 32, C = p.listPadding ?? 4, w = v.length * S + C * 2, I = this.getWorldTransform(h.id), M = m * Math.abs(I.scaleX), k = b * Math.abs(I.scaleY), T = I.y + k / 2 + 4, R = Math.abs(i - I.x) <= M / 2, P = o >= T && o <= T + w * Math.abs(I.scaleY);
-        if (R && P) {
-          const E = Math.abs(I.scaleY), x = o - (T + C * E), O = Math.floor(x / (S * E));
+        const d = this.objectStates.get(h.id), p = (d == null ? void 0 : d.options) || h.options || {}, y = h.geometry || {}, m = y.width ?? h.width ?? 200, b = y.height ?? h.height ?? 40, v = p.optionsList || [], S = p.itemHeight || 32, C = p.listPadding ?? 4, w = v.length * S + C * 2, I = this.getWorldTransform(h.id), M = m * Math.abs(I.scaleX), k = b * Math.abs(I.scaleY), T = I.y + k / 2 + 4, x = Math.abs(i - I.x) <= M / 2, P = o >= T && o <= T + w * Math.abs(I.scaleY);
+        if (x && P) {
+          const E = Math.abs(I.scaleY), R = o - (T + C * E), O = Math.floor(R / (S * E));
           if (O >= 0 && O < v.length) {
             const W = v[O];
             p.selectedOption = W, p.isOpen = !1, this.activeDropdownId = null, h.inputId && this.setInternalInput(h.inputId, W), this.onComponentChange && this.onComponentChange({
@@ -2273,24 +2273,24 @@ class ci {
         const y = h.geometry, m = (y == null ? void 0 : y.datasets) || [], b = this.objectStates.get(h.id), v = (b == null ? void 0 : b.width) || (y == null ? void 0 : y.width) || 200, S = (b == null ? void 0 : b.height) || (y == null ? void 0 : y.height) || 150, C = this.getWorldTransform(h.id), w = 30, I = 20, M = v - w, k = S - I;
         let T = 1;
         m.forEach((E) => {
-          const x = Math.max(...E.data || [0]);
-          x > T && (T = x);
+          const R = Math.max(...E.data || [0]);
+          R > T && (T = R);
         });
-        let R = 1 / 0, P = null;
-        m.forEach((E, x) => {
+        let x = 1 / 0, P = null;
+        m.forEach((E, R) => {
           const O = E.data || [], W = M / Math.max(O.length - 1, 1);
           O.forEach((B, $) => {
             const Y = C.x - v / 2 + w + $ * W, H = C.y + S / 2 - I - B / T * k, K = Math.sqrt((i - Y) ** 2 + (o - H) ** 2);
-            K < R && (R = K, P = { dIdx: x, pIdx: $, val: B, label: E.label || `Dataset ${x + 1}` });
+            K < x && (x = K, P = { dIdx: R, pIdx: $, val: B, label: E.label || `Dataset ${R + 1}` });
           });
-        }), P && R < 20 && this.onGraphPointClick && this.onGraphPointClick({ objectId: h.id, componentName: h.name, datasetIndex: P.dIdx, pointIndex: P.pIdx, value: P.val, label: P.label }), this.onComponentChange && this.onComponentChange({ objectId: h.id, componentName: h.name, variant: "linegraph", property: "click", value: (P == null ? void 0 : P.val) ?? null });
+        }), P && x < 20 && this.onGraphPointClick && this.onGraphPointClick({ objectId: h.id, componentName: h.name, datasetIndex: P.dIdx, pointIndex: P.pIdx, value: P.val, label: P.label }), this.onComponentChange && this.onComponentChange({ objectId: h.id, componentName: h.name, variant: "linegraph", property: "click", value: (P == null ? void 0 : P.val) ?? null });
       }
       if (t === "click") {
-        const y = (l = this.artboard) == null ? void 0 : l.objects.find((v) => v.id === e.id), m = this.focusedId, b = (y == null ? void 0 : y.type) === "InputBox" || (y == null ? void 0 : y.type) === "Component" && y.variant === "inputbox";
+        const y = (c = this.artboard) == null ? void 0 : c.objects.find((v) => v.id === e.id), m = this.focusedId, b = (y == null ? void 0 : y.type) === "InputBox" || (y == null ? void 0 : y.type) === "Component" && y.variant === "inputbox";
         if (y && b) {
           if (this.focusedId = e.id, this.log(`[Engine] Focus set to: ${e.id}`), m !== this.focusedId) {
             if (m) {
-              const v = (c = this.artboard) == null ? void 0 : c.objects.find((S) => S.id === m);
+              const v = (l = this.artboard) == null ? void 0 : l.objects.find((S) => S.id === m);
               v && this.onInputBlur && this.onInputBlur(v.name);
             }
             this.onInputFocus && this.onInputFocus(y.name);
@@ -2342,8 +2342,8 @@ class ci {
     this.artboard && (this.activeKeys.delete(t.key.toLowerCase()), this.activeKeys.delete(t.code));
   }
   fireEventForObject(t, i) {
-    var c, f, u, h, d;
-    const o = (c = this.artboard) == null ? void 0 : c.objects.find((p) => p.id === t);
+    var l, f, u, h, d;
+    const o = (l = this.artboard) == null ? void 0 : l.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"));
@@ -2390,51 +2390,51 @@ class ci {
       }
       this.onTrigger && this.onTrigger(i, a.action);
     }
-    const l = (o.triggers || []).find((p) => {
+    const c = (o.triggers || []).find((p) => {
       const y = p.eventType.toLowerCase();
       let m = !1;
       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")) && (m = !0), m && p.conditions && p.conditions.length > 0 ? this.checkConditions(p.conditions) : m;
     });
-    if (l && l.entryAnimationId) {
-      this.log(`[Engine] Trigger matched: ${i} (as ${l.eventType}) -> Animation ${l.entryAnimationId}`);
-      const p = (d = (h = this.artboard) == null ? void 0 : h.animations) == null ? void 0 : d.find((y) => y.id === l.entryAnimationId);
+    if (c && c.entryAnimationId) {
+      this.log(`[Engine] Trigger matched: ${i} (as ${c.eventType}) -> Animation ${c.entryAnimationId}`);
+      const p = (d = (h = this.artboard) == null ? void 0 : h.animations) == null ? void 0 : d.find((y) => y.id === c.entryAnimationId);
       p && (this.activeTriggers.set(o.id, {
-        triggerId: l.id,
+        triggerId: c.id,
         animation: p,
         time: 0,
         phase: "entry",
         elapsedHold: 0,
-        filterObjectId: l.targetObjectId
-      }), this.onTrigger && this.onTrigger(l.name, p.name));
+        filterObjectId: c.targetObjectId
+      }), this.onTrigger && this.onTrigger(c.name, p.name));
     }
   }
   fireAnalyticsEvent(t, i) {
-    var r, l;
-    const o = (r = this.artboard) == null ? void 0 : r.objects.find((c) => c.id === t);
+    var r, c;
+    const o = (r = this.artboard) == null ? void 0 : r.objects.find((l) => l.id === t);
     if (!o) return;
-    const e = (l = o.style) == null ? void 0 : l.analytics;
+    const e = (c = o.style) == null ? void 0 : c.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((c) => {
-      if (c.type === "literal")
-        n[c.key] = c.value;
-      else if (c.type === "variable") {
-        const f = this.inputs.get(c.value);
-        n[c.key] = f !== void 0 ? f : "";
+    e.parameters && Array.isArray(e.parameters) && e.parameters.forEach((l) => {
+      if (l.type === "literal")
+        n[l.key] = l.value;
+      else if (l.type === "variable") {
+        const f = this.inputs.get(l.value);
+        n[l.key] = f !== void 0 ? f : "";
       }
     }), this.log(`[ExodeUI Analytics] Dispatching event "${s}" via ${i} trigger:`, n);
     const a = e.platforms || { ga4: !0, meta: !0, mixpanel: !1 };
     if (a.ga4) {
-      const c = window;
-      typeof c.gtag == "function" ? (c.gtag("event", s, n), this.log(`[ExodeUI Analytics] GA4: Event "${s}" sent successfully.`)) : this.warn(`[ExodeUI Analytics] GA4: window.gtag is not a function. Event "${s}" skipped.`);
+      const l = window;
+      typeof l.gtag == "function" ? (l.gtag("event", s, n), this.log(`[ExodeUI Analytics] GA4: Event "${s}" sent successfully.`)) : this.warn(`[ExodeUI Analytics] GA4: window.gtag is not a function. Event "${s}" skipped.`);
     }
     if (a.meta) {
-      const c = window;
-      typeof c.fbq == "function" ? (c.fbq("track", s, n), this.log(`[ExodeUI Analytics] Meta Pixel: Event "${s}" sent successfully.`)) : this.warn(`[ExodeUI Analytics] Meta Pixel: window.fbq is not a function. Event "${s}" skipped.`);
+      const l = window;
+      typeof l.fbq == "function" ? (l.fbq("track", s, n), this.log(`[ExodeUI Analytics] Meta Pixel: Event "${s}" sent successfully.`)) : this.warn(`[ExodeUI Analytics] Meta Pixel: window.fbq is not a function. Event "${s}" skipped.`);
     }
     if (a.mixpanel) {
-      const c = window;
-      c.mixpanel && typeof c.mixpanel.track == "function" ? (c.mixpanel.track(s, n), this.log(`[ExodeUI Analytics] Mixpanel: Event "${s}" sent successfully.`)) : this.warn(`[ExodeUI Analytics] Mixpanel: window.mixpanel.track is not a function. Event "${s}" skipped.`);
+      const l = window;
+      l.mixpanel && typeof l.mixpanel.track == "function" ? (l.mixpanel.track(s, n), this.log(`[ExodeUI Analytics] Mixpanel: Event "${s}" sent successfully.`)) : this.warn(`[ExodeUI Analytics] Mixpanel: window.mixpanel.track is not a function. Event "${s}" skipped.`);
     }
   }
   initGlobalAnimationTriggers() {
@@ -2484,9 +2484,9 @@ 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, l = i.y * e.scaleY, c = e.x + (r * n - l * a), f = e.y + (r * a + l * 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, c = i.y * e.scaleY, l = e.x + (r * n - c * a), f = e.y + (r * a + c * n);
     return {
-      x: c,
+      x: l,
       y: f,
       scaleX: (i.scale_x ?? 1) * e.scaleX,
       scaleY: (i.scale_y ?? 1) * e.scaleY,
@@ -2496,14 +2496,14 @@ class ci {
   hitTest(t, i, o) {
     var v, S;
     if (!this.objectStates.get(t.id)) return !1;
-    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, c = -a.rotation * (Math.PI / 180), f = Math.cos(c), u = Math.sin(c), h = r * f - l * u, d = r * u + l * f, p = a.scaleX, y = a.scaleY, m = s * Math.abs(p), b = n * Math.abs(y);
+    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, c = o - a.y, l = -a.rotation * (Math.PI / 180), f = Math.cos(l), u = Math.sin(l), h = r * f - c * u, d = r * u + c * f, p = a.scaleX, y = a.scaleY, m = s * Math.abs(p), b = n * Math.abs(y);
     return Math.abs(h) <= m / 2 && Math.abs(d) <= b / 2;
   }
   updateSliderValueFromPointer(t, i, o) {
     var I;
     const e = this.objectStates.get(t.id);
     if (!e) return;
-    const s = t.options || {}, n = ((I = t.geometry) == null ? void 0 : I.width) ?? t.width ?? 200, a = this.getWorldTransform(t.id), r = i - a.x, l = o - a.y, c = -a.rotation * (Math.PI / 180), f = Math.cos(c), u = Math.sin(c), h = r * f - l * u, d = s.thumbWidth ?? 16, p = n - d;
+    const s = t.options || {}, n = ((I = t.geometry) == null ? void 0 : I.width) ?? t.width ?? 200, a = this.getWorldTransform(t.id), r = i - a.x, c = o - a.y, l = -a.rotation * (Math.PI / 180), f = Math.cos(l), u = Math.sin(l), h = r * f - c * u, d = s.thumbWidth ?? 16, p = n - d;
     let m = (h + p / 2) / p;
     m = Math.max(0, Math.min(1, m));
     const b = s.min ?? 0, v = s.max ?? 100, S = s.step || 1;
@@ -2522,8 +2522,8 @@ class ci {
     var I, M;
     const e = this.objectStates.get(t.id);
     if (!e) return;
-    const s = (e == null ? void 0 : e.width) !== void 0 ? e.width : ((I = t.geometry) == null ? void 0 : I.width) ?? t.width ?? 100, n = (e == null ? void 0 : e.height) !== void 0 ? e.height : ((M = t.geometry) == null ? void 0 : M.height) ?? t.height ?? 100, a = this.getWorldTransform(t.id), r = i - a.x, l = o - a.y, c = -a.rotation * (Math.PI / 180), f = Math.cos(c), u = Math.sin(c);
-    let h = (r * f - l * u) / Math.max(1e-3, Math.abs(a.scaleX || 1)), d = (r * u + l * f) / Math.max(1e-3, Math.abs(a.scaleY || 1));
+    const s = (e == null ? void 0 : e.width) !== void 0 ? e.width : ((I = t.geometry) == null ? void 0 : I.width) ?? t.width ?? 100, n = (e == null ? void 0 : e.height) !== void 0 ? e.height : ((M = t.geometry) == null ? void 0 : M.height) ?? t.height ?? 100, a = this.getWorldTransform(t.id), r = i - a.x, c = o - a.y, l = -a.rotation * (Math.PI / 180), f = Math.cos(l), u = Math.sin(l);
+    let h = (r * f - c * u) / Math.max(1e-3, Math.abs(a.scaleX || 1)), d = (r * u + c * f) / Math.max(1e-3, Math.abs(a.scaleY || 1));
     t.handleOrigin === "top-left" ? (h -= s / 2, d -= n / 2) : t.handleOrigin === "bottom-right" && (h += s / 2, d += n / 2);
     const p = Math.min(s, n) * 0.45, y = Math.min(s, n) * 0.15, m = p - y;
     let b = h / m, v = d / m;
@@ -2541,39 +2541,39 @@ class ci {
       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 r = o.inputBinding.keyboardConfig;
-        let l = s, c = n;
+        let c = s, l = n;
         const u = (r.speed || 5) * t;
         let h = !1;
-        this.activeKeys.has(r.upKey.toLowerCase()) && (c -= u, h = !0), this.activeKeys.has(r.downKey.toLowerCase()) && (c += u, h = !0), this.activeKeys.has(r.leftKey.toLowerCase()) && (l -= u, h = !0), this.activeKeys.has(r.rightKey.toLowerCase()) && (l += u, h = !0), o.joystickType === "1D_X" && (c = 0), o.joystickType === "1D_Y" && (l = 0);
-        const d = Math.sqrt(l * l + c * c);
-        d > 1 && (l /= d, c /= d), !h && o.isSpringReturn !== !1 && (l += (0 - l) * (10 * t), c += (0 - c) * (10 * t), Math.abs(l) < 0.01 && (l = 0), Math.abs(c) < 0.01 && (c = 0)), s = l, n = c;
+        this.activeKeys.has(r.upKey.toLowerCase()) && (l -= u, h = !0), this.activeKeys.has(r.downKey.toLowerCase()) && (l += u, h = !0), this.activeKeys.has(r.leftKey.toLowerCase()) && (c -= u, h = !0), this.activeKeys.has(r.rightKey.toLowerCase()) && (c += u, h = !0), o.joystickType === "1D_X" && (l = 0), o.joystickType === "1D_Y" && (c = 0);
+        const d = Math.sqrt(c * c + l * l);
+        d > 1 && (c /= d, l /= d), !h && o.isSpringReturn !== !1 && (c += (0 - c) * (10 * t), l += (0 - l) * (10 * t), Math.abs(c) < 0.01 && (c = 0), Math.abs(l) < 0.01 && (l = 0)), s = c, n = l;
       }
       if (e.handleX = s, e.handleY = n, o.handleX = s, o.handleY = n, o.bindings && o.bindings.length > 0) {
         const r = Math.sqrt(s * s + n * n);
-        let l = Math.atan2(n, s) * (180 / Math.PI);
-        l < 0 && (l += 360), o.bindings.forEach((c) => {
+        let c = Math.atan2(n, s) * (180 / Math.PI);
+        c < 0 && (c += 360), o.bindings.forEach((l) => {
           var h, d;
           let f = 0;
-          c.sourceAxis === "x" ? f = o.invertX ? -s : s : c.sourceAxis === "y" ? f = o.invertY ? -n : n : c.sourceAxis === "distance" ? f = r : c.sourceAxis === "angle" && (f = l);
-          const u = (h = this.artboard) == null ? void 0 : h.objects.find((p) => p.id === c.targetObjectId);
+          l.sourceAxis === "x" ? f = o.invertX ? -s : s : l.sourceAxis === "y" ? f = o.invertY ? -n : n : l.sourceAxis === "distance" ? f = r : l.sourceAxis === "angle" && (f = c);
+          const u = (h = this.artboard) == null ? void 0 : h.objects.find((p) => p.id === l.targetObjectId);
           if (u) {
-            if (c.actionType === "bind" && c.targetProperty && c.isContinuous !== !1) {
-              const p = c.sourceMin ?? -1, y = c.sourceMax ?? 1, m = c.targetMin ?? 0, b = c.targetMax ?? 100, v = (f - p) / (y - p), S = Math.max(0, Math.min(1, v));
+            if (l.actionType === "bind" && l.targetProperty && l.isContinuous !== !1) {
+              const p = l.sourceMin ?? -1, y = l.sourceMax ?? 1, m = l.targetMin ?? 0, b = l.targetMax ?? 100, v = (f - p) / (y - p), S = Math.max(0, Math.min(1, v));
               let C = m + S * (b - m);
-              c.step && c.step > 0 && (C = Math.round(C / c.step) * c.step);
+              l.step && l.step > 0 && (C = Math.round(C / l.step) * l.step);
               const w = this.objectStates.get(u.id);
               if (w) {
-                const I = c.isRelative !== !1, M = I ? u.x ?? 0 : 0, k = I ? u.y ?? 0 : 0, T = I ? u.rotation ?? 0 : 0, R = I ? u.scale_x ?? 1 : 0, P = I ? u.scale_y ?? 1 : 0, E = I ? u.opacity ?? 100 : 0;
-                c.targetProperty === "x" ? w.x = M + C : c.targetProperty === "y" ? w.y = k + C : c.targetProperty === "rotation" || c.targetProperty === "r" ? w.rotation = T + C : c.targetProperty === "scaleX" ? w.scale_x = R + C : c.targetProperty === "scaleY" ? w.scale_y = P + C : c.targetProperty === "opacity" && (w.opacity = E + C);
+                const I = l.isRelative !== !1, M = I ? u.x ?? 0 : 0, k = I ? u.y ?? 0 : 0, T = I ? u.rotation ?? 0 : 0, x = I ? u.scale_x ?? 1 : 0, P = I ? u.scale_y ?? 1 : 0, E = I ? u.opacity ?? 100 : 0;
+                l.targetProperty === "x" || l.targetProperty === "transform.x" ? w.x = M + C : l.targetProperty === "y" || l.targetProperty === "transform.y" ? w.y = k + C : l.targetProperty === "rotation" || l.targetProperty === "r" || l.targetProperty === "transform.rotation" ? w.rotation = T + C : l.targetProperty === "scaleX" || l.targetProperty === "transform.scale_x" ? w.scale_x = x + C : l.targetProperty === "scaleY" || l.targetProperty === "transform.scale_y" ? w.scale_y = P + C : (l.targetProperty === "opacity" || l.targetProperty === "transform.opacity") && (w.opacity = E + C);
               }
-              (d = u.physics) != null && d.enabled && this.physicsEngine && (c.targetProperty === "x" || c.targetProperty === "y") && (c.targetProperty === "x" ? this.physicsEngine.applyForce(u.id, (C - ((w == null ? void 0 : w.x) || 0)) * 10, 0) : c.targetProperty === "y" && this.physicsEngine.applyForce(u.id, 0, (C - ((w == null ? void 0 : w.y) || 0)) * 10));
-            } else if (c.actionType === "playAnimation" || c.actionType === "stopAnimation" || c.actionType === "pauseAnimation") {
+              (d = u.physics) != null && d.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(u.id, (C - ((w == null ? void 0 : w.x) || 0)) * 10, 0) : (l.targetProperty === "y" || l.targetProperty === "transform.y") && this.physicsEngine.applyForce(u.id, 0, (C - ((w == null ? void 0 : w.y) || 0)) * 10));
+            } else if (l.actionType === "playAnimation" || l.actionType === "stopAnimation" || l.actionType === "pauseAnimation") {
               let p = !1;
-              const y = c.threshold ?? 0;
-              c.condition === "always" ? p = !0 : c.condition === ">" ? p = f > y : c.condition === "<" ? p = f < y : c.condition === "==" && (p = Math.abs(f - y) < 0.01);
-              const m = e[`_prev_src_${c.id}`] ?? f;
+              const y = l.threshold ?? 0;
+              l.condition === "always" ? p = !0 : l.condition === ">" ? p = f > y : l.condition === "<" ? p = f < y : l.condition === "==" && (p = Math.abs(f - y) < 0.01);
+              const m = e[`_prev_src_${l.id}`] ?? f;
               let b = !1;
-              c.condition === "always" ? b = !0 : c.condition === ">" ? b = m > y : c.condition === "<" ? b = m < y : c.condition === "==" && (b = Math.abs(m - y) < 0.01), e[`_prev_src_${c.id}`] = f, p && !b && c.targetAnimationId && (c.actionType === "playAnimation" || c.actionType);
+              l.condition === "always" ? b = !0 : l.condition === ">" ? b = m > y : l.condition === "<" ? b = m < y : l.condition === "==" && (b = Math.abs(m - y) < 0.01), e[`_prev_src_${l.id}`] = f, p && !b && l.targetAnimationId && (l.actionType === "playAnimation" || l.actionType);
             }
           }
         });
@@ -2581,7 +2581,7 @@ class ci {
     });
   }
   applyBlendState(t, i) {
-    var l, c, f, u, h, d, p, y;
+    var c, l, f, u, h, 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);
@@ -2590,7 +2590,7 @@ class ci {
     if (t.blendType === "1D") {
       const m = [...t.blendAnimations].sort((b, v) => b.position[0] - v.position[0]);
       if (m.length === 1) {
-        const b = (c = (l = this.artboard) == null ? void 0 : l.animations) == null ? void 0 : c.find((v) => v.id === m[0].animationId);
+        const b = (l = (c = this.artboard) == null ? void 0 : c.animations) == null ? void 0 : l.find((v) => v.id === m[0].animationId);
         b && (s.push({ anim: b, weight: 1 }), n = 1);
       } else {
         let b = 0;
@@ -2628,8 +2628,8 @@ class ci {
     };
     s.forEach(({ anim: m, weight: b }) => {
       m.tracks && m.tracks.forEach((v) => {
-        var R, P;
-        const S = v.object_id || v.objectId, C = v.property, w = (R = this.artboard) == null ? void 0 : R.objects.find((E) => E.id === S);
+        var x, P;
+        const S = v.object_id || v.objectId, C = v.property, w = (x = this.artboard) == null ? void 0 : x.objects.find((E) => E.id === S);
         if (((P = w == null ? void 0 : w.physics) == null ? void 0 : P.enabled) && w.physics.bodyType !== "Static" && (C === "x" || C === "y" || C === "rotation")) return;
         const M = this.interpolate(v.keyframes, i);
         if (M === void 0) return;
@@ -2658,24 +2658,24 @@ class ci {
       !v || !S || m.forEach((w, I) => {
         let M = 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");
-          M = `#${k}${T}${R}`;
+          const k = Math.round(w.colorAcc.r).toString(16).padStart(2, "0"), T = Math.round(w.colorAcc.g).toString(16).padStart(2, "0"), x = Math.round(w.colorAcc.b).toString(16).padStart(2, "0");
+          M = `#${k}${T}${x}`;
         }
         if (I.includes(".")) {
           const k = (I || "").split(".");
           let T = v;
-          for (let R = 0; R < k.length - 1; R++) {
-            if (typeof T[k[R]] != "object" || T[k[R]] === null) {
+          for (let x = 0; x < k.length - 1; x++) {
+            if (typeof T[k[x]] != "object" || T[k[x]] === null) {
               let P = S;
-              for (let E = 0; E <= R; E++)
+              for (let E = 0; E <= x; E++)
                 P = P ? P[k[E]] : null;
-              if (k[R] === "corner_radius" || k[R] === "cornerRadius") {
-                const E = typeof T[k[R]] == "number" ? T[k[R]] : typeof P == "number" ? P : 0;
-                T[k[R]] = { tl: E, tr: E, bl: E, br: E };
+              if (k[x] === "corner_radius" || k[x] === "cornerRadius") {
+                const E = typeof T[k[x]] == "number" ? T[k[x]] : typeof P == "number" ? P : 0;
+                T[k[x]] = { tl: E, tr: E, bl: E, br: E };
               } else
-                T[k[R]] = P ? JSON.parse(JSON.stringify(P)) : {};
+                T[k[x]] = P ? JSON.parse(JSON.stringify(P)) : {};
             }
-            T = T[k[R]];
+            T = T[k[x]];
           }
           T[k[k.length - 1]] = M, k[k.length - 1] === "color" && (k[k.length - 2] === "fill" || k[k.length - 2] === "stroke") && (T.type = "Solid");
         } else
@@ -2697,20 +2697,20 @@ class ci {
       let r = e.property;
       if (a && (r === "x" || r === "y" || r === "rotation"))
         return;
-      const l = this.objectStates.get(s);
-      if (!l) {
+      const c = this.objectStates.get(s);
+      if (!c) {
         this.frameCount % 600 === 0 && this.debugLog(`Skipping track: Object ${s} not found in state`);
         return;
       }
-      const c = this.interpolate(e.keyframes, i);
-      if (c !== void 0) {
+      const l = this.interpolate(e.keyframes, i);
+      if (l !== void 0) {
         if (this.frameCount % 240 === 0) {
-          const d = (n == null ? void 0 : n.name) || s, p = typeof c == "object" ? JSON.stringify(c).slice(0, 50) : c;
+          const d = (n == null ? void 0 : n.name) || s, p = typeof l == "object" ? JSON.stringify(l).slice(0, 50) : l;
           this.debugLog(`[Anim] Applying ${r} = ${p} to ${d}`);
         }
         if (r.includes(".")) {
           const d = (r || "").split(".");
-          let p = l;
+          let p = c;
           for (let y = 0; y < d.length - 1; y++) {
             if (typeof p[d[y]] != "object" || p[d[y]] === null) {
               let m = n;
@@ -2724,17 +2724,17 @@ class ci {
             }
             p = p[d[y]];
           }
-          p[d[d.length - 1]] = c, d[d.length - 1] === "color" && (d[d.length - 2] === "fill" || d[d.length - 2] === "stroke") && (p.type = "Solid");
+          p[d[d.length - 1]] = l, d[d.length - 1] === "color" && (d[d.length - 2] === "fill" || d[d.length - 2] === "stroke") && (p.type = "Solid");
         } else
-          r === "fill" ? (l.style || (l.style = {}), l.style.fill = c) : r === "stroke" ? (l.style || (l.style = {}), l.style.stroke = c) : l[r] = c;
+          r === "fill" ? (c.style || (c.style = {}), c.style.fill = l) : r === "stroke" ? (c.style || (c.style = {}), c.style.stroke = l) : c[r] = l;
         if (this.physicsEngine && ((h = n == null ? void 0 : n.physics) != null && h.enabled) && n.physics.bodyType === "Static")
           if (r === "x") {
             const d = this.physicsEngine.getPosition(s);
-            d && this.physicsEngine.setPosition(s, c, d.y);
+            d && this.physicsEngine.setPosition(s, l, d.y);
           } else if (r === "y") {
             const d = this.physicsEngine.getPosition(s);
-            d && this.physicsEngine.setPosition(s, d.x, c);
-          } else r === "rotation" && this.physicsEngine.setRotation(s, c * (Math.PI / 180));
+            d && this.physicsEngine.setPosition(s, d.x, l);
+          } else r === "rotation" && this.physicsEngine.setRotation(s, l * (Math.PI / 180));
       }
     });
   }
@@ -2758,8 +2758,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 l = e.value[r];
-        return typeof a == "number" && typeof l == "number" ? a + (l - a) * n : n < 0.5 ? a : l;
+        const c = e.value[r];
+        return typeof a == "number" && typeof c == "number" ? a + (c - a) * n : n < 0.5 ? a : c;
       }) : 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)
@@ -2767,9 +2767,9 @@ 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((l) => {
-        const c = o.value[l], f = e.value[l];
-        typeof c == "number" && typeof f == "number" ? a[l] = c + (f - c) * n : c === void 0 ? a[l] = f : f === void 0 ? a[l] = c : a[l] = n < 0.5 ? c : f;
+      return (/* @__PURE__ */ new Set([...Object.keys(o.value), ...Object.keys(e.value)])).forEach((c) => {
+        const l = o.value[c], f = e.value[c];
+        typeof l == "number" && typeof f == "number" ? a[c] = l + (f - l) * n : l === void 0 ? a[c] = f : f === void 0 ? a[c] = l : a[c] = n < 0.5 ? l : f;
       }), a;
     }
     return typeof o.value == "number" && typeof e.value == "number" ? o.value + (e.value - o.value) * n : n < 0.5 ? o.value : e.value;
@@ -2788,11 +2788,11 @@ class ci {
         g: parseInt(m.substring(2, 4), 16),
         b: parseInt(m.substring(4, 6), 16)
       };
-    }, r = a(s), l = a(n), c = Math.round(r.r + (l.r - r.r) * o), f = Math.round(r.g + (l.g - r.g) * o), u = Math.round(r.b + (l.b - r.b) * o), h = (y) => {
+    }, r = a(s), c = a(n), l = Math.round(r.r + (c.r - r.r) * o), f = Math.round(r.g + (c.g - r.g) * o), u = Math.round(r.b + (c.b - r.b) * o), h = (y) => {
       const m = Math.max(0, Math.min(255, y)).toString(16);
       return m.length === 1 ? "0" + m : m;
     };
-    return `#${h(c)}${h(f)}${h(u)}`;
+    return `#${h(l)}${h(f)}${h(u)}`;
   }
   interpolateStops(t, i, o) {
     return !t || !i || t.length !== i.length ? o < 0.5 ? t : i : t.map((e, s) => {
@@ -2849,46 +2849,46 @@ class ci {
       }
     }
     (this.artboard.clipContent === !0 || this.artboard.clip_content === !0) && (t.beginPath(), t.rect(0, 0, s, n), t.clip());
-    const l = /* @__PURE__ */ new Map();
-    this.artboard.objects.forEach((u) => l.set(u.id, u)), this.artboard.objects.filter((u) => !u.parentId).map((u, h) => {
+    const c = /* @__PURE__ */ new Map();
+    this.artboard.objects.forEach((u) => c.set(u.id, u)), this.artboard.objects.filter((u) => !u.parentId).map((u, h) => {
       const d = this.objectStates.get(u.id), p = (d == null ? void 0 : d.zIndex) ?? h;
       return { obj: u, zIndex: p };
     }).sort((u, h) => u.zIndex - h.zIndex).forEach(({ obj: u }) => {
-      this.renderObject(t, u, l);
+      this.renderObject(t, u, c);
     }), this._emitterPools.forEach((u, h) => {
-      if (!(u.length === 0 || !l.get(h)))
+      if (!(u.length === 0 || !c.get(h)))
         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, l = i * a.b + o * a.d + a.f, c = Math.sqrt(a.a * a.a + a.b * a.b), f = Math.sqrt(a.c * a.c + a.d * a.d), u = (e / 2 + n) * c, h = (s / 2 + n) * f;
-    return r + u >= 0 && r - u <= this.canvasWidth && l + h >= 0 && l - h <= this.canvasHeight;
+    const a = t.getTransform(), r = i * a.a + o * a.c + a.e, c = i * a.b + o * a.d + a.f, l = Math.sqrt(a.a * a.a + a.b * a.b), f = Math.sqrt(a.c * a.c + a.d * a.d), u = (e / 2 + n) * l, h = (s / 2 + n) * f;
+    return r + u >= 0 && r - u <= this.canvasWidth && c + h >= 0 && c - h <= this.canvasHeight;
   }
   calculateTransform(t, i, o, e, s, n) {
-    let a = 1, r = 1, l = 1;
-    const c = o / e, f = t / i;
+    let a = 1, r = 1, c = 1;
+    const l = o / e, f = t / i;
     switch (s) {
       case "Contain":
-        f > c ? l = i / e : l = t / o, a = r = l;
+        f > l ? c = i / e : c = t / o, a = r = c;
         break;
       case "Cover":
-        f > c ? l = t / o : l = i / e, a = r = l;
+        f > l ? c = t / o : c = i / e, a = r = c;
         break;
       case "Fill":
         a = t / o, r = i / e;
         break;
       case "FitWidth":
-        l = t / o, a = r = l;
+        c = t / o, a = r = c;
         break;
       case "FitHeight":
-        l = i / e, a = r = l;
+        c = i / e, a = r = c;
         break;
       case "None":
         a = r = 1;
         break;
       case "ScaleDown":
-        l = Math.min(t / o, i / e), l > 1 && (l = 1), a = r = l;
+        c = Math.min(t / o, i / e), c > 1 && (c = 1), a = r = c;
         break;
       default:
         a = r = 1;
@@ -2918,27 +2918,27 @@ class ci {
   }
   */
   renderObject(t, i, o) {
-    var p, y, m, b, v, S, C, w, I, M, k, T, R, P, E, x, O, W, B, $, Y, H, K, A, _;
+    var p, y, m, b, v, S, C, w, I, M, k, T, x, P, E, R, O, W, B, $, Y, H, K, A, _;
     const e = this.objectStates.get(i.id);
     if (!e) {
       this.warn("No state for object:", i.id);
       return;
     }
-    this.frameCount % 60, t.roundRect || (t.roundRect = (L, X, V, it, rt) => (this.drawRoundRect(t, L, X, V, it, rt), t));
+    this.frameCount % 60, t.roundRect || (t.roundRect = (L, X, V, it, lt) => (this.drawRoundRect(t, L, X, V, it, lt), t));
     const s = e.geometry ? this.deepMerge(i.geometry, e.geometry) : i.geometry, n = e.style ? this.deepMerge(i.style, e.style) : i.style;
     let 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 L = 1 / 0, X = -1 / 0, V = 1 / 0, it = -1 / 0;
-      s.points.forEach((rt) => {
-        L = Math.min(L, rt.x), X = Math.max(X, rt.x), V = Math.min(V, rt.y), it = Math.max(it, rt.y);
+      s.points.forEach((lt) => {
+        L = Math.min(L, lt.x), X = Math.max(X, lt.x), V = Math.min(V, lt.y), it = Math.max(it, lt.y);
       }), a === 0 && (a = X - L), r === 0 && (r = it - V);
     }
-    const l = (L) => {
+    const c = (L) => {
       if (L)
         return L.corner_radius ?? L.cornerRadius;
-    }, c = l(e) ?? l(n) ?? l(s) ?? l(i.style) ?? l(i.geometry) ?? 0;
+    }, l = c(e) ?? c(n) ?? c(s) ?? c(i.style) ?? c(i.geometry) ?? 0;
     let f = { ...s, width: a, height: r };
-    if (delete f.cornerRadius, f.corner_radius = c, f.type === "Path" && i.weights && i.bindMatrices && f.points) {
+    if (delete f.cornerRadius, f.corner_radius = l, f.type === "Path" && i.weights && i.bindMatrices && f.points) {
       const L = this.getGlobalTransform(i.id);
       if (L) {
         const X = li(
@@ -2955,29 +2955,29 @@ class ci {
       return;
     const u = i.repeaterConfig, h = u && u.isEnabled && u.count > 1, d = h ? u.count : 1;
     for (let L = 0; L < d; L++) {
-      let X = e.x !== void 0 ? e.x : ((m = e.transform) == null ? void 0 : m.x) ?? 0, V = e.y !== void 0 ? e.y : ((b = e.transform) == null ? void 0 : b.y) ?? 0, it = e.rotation !== void 0 ? e.rotation : ((v = e.transform) == null ? void 0 : v.rotation) ?? 0, rt = e.scale_x !== void 0 ? e.scale_x : ((S = e.transform) == null ? void 0 : S.scale_x) ?? 1, nt = e.scale_y !== void 0 ? e.scale_y : ((C = e.transform) == null ? void 0 : C.scale_y) ?? 1;
+      let X = e.x !== void 0 ? e.x : ((m = e.transform) == null ? void 0 : m.x) ?? 0, V = e.y !== void 0 ? e.y : ((b = e.transform) == null ? void 0 : b.y) ?? 0, it = e.rotation !== void 0 ? e.rotation : ((v = e.transform) == null ? void 0 : v.rotation) ?? 0, lt = e.scale_x !== void 0 ? e.scale_x : ((S = e.transform) == null ? void 0 : S.scale_x) ?? 1, nt = e.scale_y !== void 0 ? e.scale_y : ((C = e.transform) == null ? void 0 : C.scale_y) ?? 1;
       if (h && L > 0) {
         if (u.type === "Linear") {
-          const ht = u.offsetX || 0, bt = u.offsetY || 0, j = u.rotation || 0, z = u.scale !== void 0 ? u.scale : 1;
-          X += L * ht, V += L * bt, it += L * j, rt *= Math.pow(z, L), nt *= Math.pow(z, L);
+          const at = u.offsetX || 0, gt = u.offsetY || 0, j = u.rotation || 0, z = u.scale !== void 0 ? u.scale : 1;
+          X += L * at, V += L * gt, it += L * j, lt *= Math.pow(z, L), nt *= Math.pow(z, L);
         } else if (u.type === "Grid") {
-          const ht = u.cols || Math.ceil(Math.sqrt(u.count)), bt = u.gapX || 0, j = u.gapY || 0, z = Math.floor(L / ht), D = L % ht, et = a + bt, gt = r + j;
-          X += D * et, V += z * gt;
+          const at = u.cols || Math.ceil(Math.sqrt(u.count)), gt = u.gapX || 0, j = u.gapY || 0, z = Math.floor(L / at), D = L % at, et = a + gt, mt = r + j;
+          X += D * et, V += z * mt;
         } else if (u.type === "Radial") {
-          const ht = u.radius || 100, bt = u.startAngle || 0, z = (u.endAngle || 360) - bt, D = u.count > 1 ? z / (z === 360 ? u.count : u.count - 1) : 0, et = bt + L * D, gt = et * Math.PI / 180;
-          X = e.x + ht * Math.cos(gt), V = e.y + ht * Math.sin(gt), it += et;
+          const at = u.radius || 100, gt = u.startAngle || 0, z = (u.endAngle || 360) - gt, D = u.count > 1 ? z / (z === 360 ? u.count : u.count - 1) : 0, et = gt + L * D, mt = et * Math.PI / 180;
+          X = e.x + at * Math.cos(mt), V = e.y + at * Math.sin(mt), it += et;
         }
       }
-      const yt = i.type === "Group" || i.type === "Frame" || i.type === "Component", ct = a > 0 && r > 0;
-      if (!yt && ct) {
-        const ht = (((w = n.shadow) == null ? void 0 : w.isEnabled) !== !1 ? (((I = n.shadow) == null ? void 0 : I.blur) || 0) + 10 : 0) + (((M = n.blur) == null ? void 0 : M.isEnabled) !== !1 && ((k = n.blur) == null ? void 0 : k.radius) || 0) + 20;
-        if (!this.isObjectInView(t, X, V, a, r, ht))
+      const bt = i.type === "Group" || i.type === "Frame" || i.type === "Component", ht = a > 0 && r > 0;
+      if (!bt && ht) {
+        const at = (((w = n.shadow) == null ? void 0 : w.isEnabled) !== !1 ? (((I = n.shadow) == null ? void 0 : I.blur) || 0) + 10 : 0) + (((M = n.blur) == null ? void 0 : M.isEnabled) !== !1 && ((k = n.blur) == null ? void 0 : k.radius) || 0) + 20;
+        if (!this.isObjectInView(t, X, V, a, r, at))
           continue;
       }
       this.debug_objectsRendered++, t.save();
       const wt = [], Mt = n.blur || ((T = i.style) == null ? void 0 : T.blur);
       Mt && Mt.amount > 0 && wt.push(`blur(${Mt.amount}px)`);
-      const It = n.effect || ((R = i.style) == null ? void 0 : R.effect), Ot = (It == null ? void 0 : It.isEnabled) === !0, At = It == null ? void 0 : It.type, Tt = (It == null ? void 0 : It.radius) ?? 10;
+      const It = n.effect || ((x = i.style) == null ? void 0 : x.effect), Ot = (It == null ? void 0 : It.isEnabled) === !0, At = It == null ? void 0 : It.type, Tt = (It == null ? void 0 : It.radius) ?? 10;
       Ot && At === "LayerBlur" && wt.push(`blur(${Tt}px)`);
       const zt = ((P = s == null ? void 0 : s.type) == null ? void 0 : P.toLowerCase().includes("image")) || ((E = i.type) == null ? void 0 : E.toLowerCase().includes("image")), Z = n.adjustments && Object.keys(n.adjustments).length > 0 ? n.adjustments : null, pt = s != null && s.adjustments && Object.keys(s.adjustments).length > 0 ? s.adjustments : null, Et = zt ? pt || Z : Z || pt, ut = zt && !Et ? {
         exposure: 0,
@@ -2992,33 +2992,33 @@ class ci {
         hue: 0
       } : Et;
       if (e && ut && (e.geometry = e.geometry || {}, e.geometry.adjustments = { ...ut }), ut) {
-        const ht = (ut.exposure || 0) / 100, bt = ut.contrast || 0, j = 1 + (ut.saturation || 0) / 100, z = (ut.temperature || 0) / 200, D = (ut.tint || 0) / 200, et = (ut.highlights || 0) / 500, gt = (ut.shadows || 0) / 500;
+        const at = (ut.exposure || 0) / 100, gt = ut.contrast || 0, j = 1 + (ut.saturation || 0) / 100, z = (ut.temperature || 0) / 200, D = (ut.tint || 0) / 200, et = (ut.highlights || 0) / 500, mt = (ut.shadows || 0) / 500;
         let Pt = "", Ct = "SourceGraphic";
-        if (ht !== 0 && (Pt += `
+        if (at !== 0 && (Pt += `
                 <feComponentTransfer in="${Ct}" result="exposure">
-                    <feFuncR type="linear" slope="1" intercept="${ht}"/>
-                    <feFuncG type="linear" slope="1" intercept="${ht}"/>
-                    <feFuncB type="linear" slope="1" intercept="${ht}"/>
-                </feComponentTransfer>`, Ct = "exposure"), bt !== 0) {
-          const mt = (bt + 100) / 100, F = 0.5 * (1 - mt);
+                    <feFuncR type="linear" slope="1" intercept="${at}"/>
+                    <feFuncG type="linear" slope="1" intercept="${at}"/>
+                    <feFuncB type="linear" slope="1" intercept="${at}"/>
+                </feComponentTransfer>`, Ct = "exposure"), gt !== 0) {
+          const yt = (gt + 100) / 100, F = 0.5 * (1 - yt);
           Pt += `
                 <feComponentTransfer in="${Ct}" result="contrast">
-                    <feFuncR type="linear" slope="${mt}" intercept="${F}"/>
-                    <feFuncG type="linear" slope="${mt}" intercept="${F}"/>
-                    <feFuncB type="linear" slope="${mt}" intercept="${F}"/>
+                    <feFuncR type="linear" slope="${yt}" intercept="${F}"/>
+                    <feFuncG type="linear" slope="${yt}" intercept="${F}"/>
+                    <feFuncB type="linear" slope="${yt}" intercept="${F}"/>
                 </feComponentTransfer>`, Ct = "contrast";
         }
         if (j !== 1 && (Pt += `<feColorMatrix in="${Ct}" type="saturate" values="${j}" result="saturate"/>`, Ct = "saturate"), ut.hue && (Pt += `<feColorMatrix in="${Ct}" type="hueRotate" values="${ut.hue}" result="hue"/>`, Ct = "hue"), ut.negative) {
-          const mt = 1 - ut.negative / 50;
+          const yt = 1 - ut.negative / 50;
           Pt += `
                 <feColorMatrix in="${Ct}" type="matrix" result="invert"
-                    values="${mt} 0 0 0 ${1 - mt}
-                            0 ${mt} 0 0 ${1 - mt}
-                            0 0 ${mt} 0 ${1 - mt}
+                    values="${yt} 0 0 0 ${1 - yt}
+                            0 ${yt} 0 0 ${1 - yt}
+                            0 0 ${yt} 0 ${1 - yt}
                             0 0 0 1 0"/>`, Ct = "invert";
         }
-        if (z !== 0 || D !== 0 || et !== 0 || gt !== 0) {
-          const mt = 1 + et + gt, F = mt * (1 + z - D / 2), Lt = mt * (1 + D), jt = mt * (1 - z - D / 2), Vt = ut.shadows * 0.1 / 255, ce = [
+        if (z !== 0 || D !== 0 || et !== 0 || mt !== 0) {
+          const yt = 1 + et + mt, F = yt * (1 + z - D / 2), Lt = yt * (1 + D), jt = yt * (1 - z - D / 2), Vt = ut.shadows * 0.1 / 255, ce = [
             F,
             0,
             0,
@@ -3043,16 +3043,16 @@ class ci {
           Pt += `<feColorMatrix in="${Ct}" type="matrix" values="${ce}" result="advanced"/>`, Ct = "advanced";
         }
         if (ut.blur && (Pt += `<feGaussianBlur in="${Ct}" stdDeviation="${ut.blur}" result="blur"/>`, Ct = "blur"), Pt) {
-          const mt = `<svg xmlns="http://www.w3.org/2000/svg"><filter id="f" color-interpolation-filters="sRGB">${Pt}</filter></svg>`, F = btoa(mt);
+          const yt = `<svg xmlns="http://www.w3.org/2000/svg"><filter id="f" color-interpolation-filters="sRGB">${Pt}</filter></svg>`, F = btoa(yt);
           wt.push(`url('data:image/svg+xml;base64,${F}#f')`);
         }
       }
       wt.length > 0 ? t.filter = wt.join(" ") : t.filter = "none", t.imageSmoothingEnabled = !0, t.imageSmoothingQuality = "high";
-      const vt = t.globalAlpha, xt = this.normalizeOpacity(e.opacity !== void 0 ? e.opacity : 100);
-      t.globalAlpha = vt * xt;
+      const vt = t.globalAlpha, Rt = this.normalizeOpacity(e.opacity !== void 0 ? e.opacity : 100);
+      t.globalAlpha = vt * Rt;
       const Xt = e.compositeOperation || e.blendMode;
       if (Xt && Xt !== "Normal") {
-        const ht = Xt.toLowerCase();
+        const at = Xt.toLowerCase();
         [
           "multiply",
           "screen",
@@ -3082,7 +3082,7 @@ class ci {
           "xor",
           "multiply",
           "screen"
-        ].includes(ht) && (t.globalCompositeOperation = ht);
+        ].includes(at) && (t.globalCompositeOperation = at);
       }
       const Bt = t, Dt = e.masks || (i.maskedBy ? [{
         maskId: i.maskedBy,
@@ -3093,69 +3093,72 @@ class ci {
         isVisible: !0
       }] : []);
       let Ht = !1;
-      const te = Dt.filter((ht) => ht.isVisible !== !1 && o.has(ht.maskId));
+      const te = Dt.filter((at) => at.isVisible !== !1 && o.has(at.maskId));
       if (te.length > 0) {
-        const ht = te[0], bt = o.get(ht.maskId), j = this.objectStates.get(bt.id);
+        const at = te[0], gt = o.get(at.maskId), j = this.objectStates.get(gt.id);
         j && j.visible !== !1 && (Ht = !0, (!this.maskBuffer || this.maskBuffer.width !== this.canvasWidth || this.maskBuffer.height !== this.canvasHeight) && (this.maskBuffer = document.createElement("canvas"), this.maskBuffer.width = this.canvasWidth, this.maskBuffer.height = this.canvasHeight, this.maskCtx = this.maskBuffer.getContext("2d", { willReadFrequently: !0 }), this.maskCtx && (this.maskCtx.imageSmoothingEnabled = !0, this.maskCtx.imageSmoothingQuality = "high")), this.maskCtx.setTransform(1, 0, 0, 1, 0, 0), this.maskCtx.globalCompositeOperation = "source-over", this.maskCtx.globalAlpha = 1, this.maskCtx.filter = "none", this.maskCtx.clearRect(0, 0, this.maskBuffer.width, this.maskBuffer.height), this.rootTransform && this.maskCtx.setTransform(this.rootTransform), i.parentId && this.applyAbsoluteTransform(this.maskCtx, i.parentId, o), this.maskCtx.save(), this.maskCtx.globalAlpha = 1, t = this.maskCtx, t.filter = Bt.filter);
       }
       t.translate(Math.round(X), Math.round(V)), t.rotate(it * Math.PI / 180);
       const ue = e.skew_x || 0, pe = e.skew_y || 0;
-      (ue !== 0 || pe !== 0) && t.transform(1, Math.tan(pe * Math.PI / 180), Math.tan(ue * Math.PI / 180), 1, 0, 0);
-      const Qt = e.rotate_x !== void 0 ? e.rotate_x : ((x = e.transform) == null ? void 0 : x.rotate_x) ?? 0, me = e.rotate_y !== void 0 ? e.rotate_y : ((O = e.transform) == null ? void 0 : O.rotate_y) ?? 0, ye = 1 + (e.translate_z !== void 0 ? e.translate_z : ((W = e.transform) == null ? void 0 : W.translate_z) ?? 0) / 1e3, Se = (e.flip_x === !0 ? -1 : 1) * Math.cos(me * Math.PI / 180) * ye, Pe = (e.flip_y === !0 ? -1 : 1) * Math.cos(Qt * Math.PI / 180) * ye;
+      if (ue !== 0 || pe !== 0) {
+        const at = Math.tan(ue * Math.PI / 180), gt = Math.tan(pe * Math.PI / 180);
+        t.transform(1 + at * gt, gt, at, 1, 0, 0);
+      }
+      const Qt = e.rotate_x !== void 0 ? e.rotate_x : ((R = e.transform) == null ? void 0 : R.rotate_x) ?? 0, me = e.rotate_y !== void 0 ? e.rotate_y : ((O = e.transform) == null ? void 0 : O.rotate_y) ?? 0, ye = 1 + (e.translate_z !== void 0 ? e.translate_z : ((W = e.transform) == null ? void 0 : W.translate_z) ?? 0) / 1e3, Se = (e.flip_x === !0 ? -1 : 1) * Math.cos(me * Math.PI / 180) * ye, Pe = (e.flip_y === !0 ? -1 : 1) * Math.cos(Qt * Math.PI / 180) * ye;
       t.scale(
-        rt * Se,
+        lt * Se,
         nt * Pe
       ), n.shadow && n.shadow.isEnabled !== !0 && ((n.shadow.blur || 0) > 0 || Math.abs(n.shadow.offsetX || 0) > 0 || Math.abs(n.shadow.offsetY || 0) > 0) && (n.shadow.isEnabled = !0);
       const ae = n.shadow;
       if (ae && ae.isEnabled !== !1) {
-        let ht = ae.color || "#000000";
-        ($ = (B = this.artboard) == null ? void 0 : B.tokens) != null && $.colors && this.artboard.tokens.colors[ht] && (ht = this.artboard.tokens.colors[ht]);
-        const bt = this.normalizeOpacity(ae.opacity ?? 100), j = ae.spread || 0, D = (ae.blur || 0) + j * 1.5;
-        let et = ht;
-        if (ht.startsWith("#")) {
-          const Ct = ht.replace("#", ""), Wt = parseInt(Ct.substring(0, 2), 16), mt = parseInt(Ct.substring(2, 4), 16), F = parseInt(Ct.substring(4, 6), 16);
-          et = `rgba(${Wt}, ${mt}, ${F}, ${bt})`;
-        } else if (ht.startsWith("rgba")) {
-          const Ct = ht.match(/[\d.]+/g);
+        let at = ae.color || "#000000";
+        ($ = (B = this.artboard) == null ? void 0 : B.tokens) != null && $.colors && this.artboard.tokens.colors[at] && (at = this.artboard.tokens.colors[at]);
+        const gt = this.normalizeOpacity(ae.opacity ?? 100), j = ae.spread || 0, D = (ae.blur || 0) + j * 1.5;
+        let et = at;
+        if (at.startsWith("#")) {
+          const Ct = at.replace("#", ""), Wt = parseInt(Ct.substring(0, 2), 16), yt = parseInt(Ct.substring(2, 4), 16), F = parseInt(Ct.substring(4, 6), 16);
+          et = `rgba(${Wt}, ${yt}, ${F}, ${gt})`;
+        } else if (at.startsWith("rgba")) {
+          const Ct = at.match(/[\d.]+/g);
           if (Ct && Ct.length >= 4) {
-            const Wt = Ct[0], mt = Ct[1], F = Ct[2], Lt = Ct[3];
-            et = `rgba(${Wt}, ${mt}, ${F}, ${parseFloat(Lt) * bt})`;
+            const Wt = Ct[0], yt = Ct[1], F = Ct[2], Lt = Ct[3];
+            et = `rgba(${Wt}, ${yt}, ${F}, ${parseFloat(Lt) * gt})`;
           }
         }
-        const gt = t.getTransform(), Pt = Math.sqrt(gt.a * gt.a + gt.b * gt.b) || 1;
+        const mt = t.getTransform(), Pt = Math.sqrt(mt.a * mt.a + mt.b * mt.b) || 1;
         t.shadowColor = et, t.shadowBlur = D * Pt, t.shadowOffsetX = (ae.offsetX || 0) * Pt, t.shadowOffsetY = (ae.offsetY || 0) * Pt;
       }
       const ee = i.liquidFill || ((Y = i.style) == null ? void 0 : Y.liquidFill);
       if (ee && ee.enabled) {
         t.save();
-        const ht = ee.fillLevel ?? 0.5;
+        const at = ee.fillLevel ?? 0.5;
         t.beginPath();
-        const bt = r / 2 - r * ht;
-        t.rect(-a / 2, bt, a, r * ht), t.clip(), t.fillStyle = ee.color || "#3b82f6", t.globalAlpha = t.globalAlpha * (ee.opacity ?? 1);
+        const gt = r / 2 - r * at;
+        t.rect(-a / 2, gt, a, r * at), t.clip(), t.fillStyle = ee.color || "#3b82f6", t.globalAlpha = t.globalAlpha * (ee.opacity ?? 1);
       }
       if ((s == null ? void 0 : s.type) === "Text")
         this._renderText(t, i, f, n, e, a, r);
       else if ((s == null ? void 0 : s.type) === "Image") {
-        const ht = s.originalSrc || s.src;
-        if (ht) {
-          let bt = this.imageCache.get(ht);
-          bt || (bt = new Image(), bt.onload = () => {
-            this.log(`[ExodeUI] Image loaded successfully, size: ${bt.naturalWidth}x${bt.naturalHeight}`);
-          }, bt.onerror = (D) => {
-            console.error("[ExodeUI] Image load failed:", D, `Src preview: ${ht.substring(0, 100)}...`);
-          }, bt.src = ht, this.imageCache.set(ht, bt));
+        const at = s.originalSrc || s.src;
+        if (at) {
+          let gt = this.imageCache.get(at);
+          gt || (gt = new Image(), gt.onload = () => {
+            this.log(`[ExodeUI] Image loaded successfully, size: ${gt.naturalWidth}x${gt.naturalHeight}`);
+          }, gt.onerror = (D) => {
+            console.error("[ExodeUI] Image load failed:", D, `Src preview: ${at.substring(0, 100)}...`);
+          }, gt.src = at, this.imageCache.set(at, gt));
           const j = n.stroke && n.stroke.width > 0 && n.stroke.isEnabled !== !1, z = (((H = n.stroke) == null ? void 0 : H.alignment) || "center").toLowerCase();
-          if (j && (z === "outside" || z === "center") && this.applyStrokeAlignment(t, n, f, a, r, c), n.fill && n.fill.type !== "None") {
+          if (j && (z === "outside" || z === "center") && this.applyStrokeAlignment(t, n, f, a, r, l), n.fill && n.fill.type !== "None") {
             t.save();
             const D = t.globalAlpha, et = this.createCanvasFill(t, n.fill, a, r);
-            t.fillStyle = et || n.fill.color || "transparent", t.globalAlpha = D * this.normalizeOpacity(n.fill.opacity ?? 100), c !== 0 ? (this.drawRoundRect(t, -a / 2, -r / 2, a, r, c), t.fill()) : t.fillRect(-a / 2, -r / 2, a, r), t.globalAlpha = D, t.restore();
+            t.fillStyle = et || n.fill.color || "transparent", t.globalAlpha = D * this.normalizeOpacity(n.fill.opacity ?? 100), l !== 0 ? (this.drawRoundRect(t, -a / 2, -r / 2, a, r, l), t.fill()) : t.fillRect(-a / 2, -r / 2, a, r), t.globalAlpha = D, t.restore();
           }
-          bt.complete && bt.naturalWidth > 0 ? (c !== 0 ? (t.save(), this.drawRoundRect(t, -a / 2, -r / 2, a, r, c), t.clip(), t.drawImage(bt, -a / 2, -r / 2, a, r), t.restore()) : t.drawImage(bt, -a / 2, -r / 2, a, r), j && z === "inside" && this.applyStrokeAlignment(t, n, f, a, r, c)) : j && z === "inside" && this.applyStrokeAlignment(t, n, f, a, r, c);
+          gt.complete && gt.naturalWidth > 0 ? (l !== 0 ? (t.save(), this.drawRoundRect(t, -a / 2, -r / 2, a, r, l), t.clip(), t.drawImage(gt, -a / 2, -r / 2, a, r), t.restore()) : t.drawImage(gt, -a / 2, -r / 2, a, r), j && z === "inside" && this.applyStrokeAlignment(t, n, f, a, r, l)) : j && z === "inside" && this.applyStrokeAlignment(t, n, f, a, r, l);
         }
       } else if (s.type === "SVG") {
-        const ht = s.svgContent;
-        if (ht) {
-          const bt = n.palette || [], j = n.fill, z = n.stroke, D = j ? this.normalizeOpacity(j.opacity ?? 100) : 1, et = (j == null ? void 0 : j.type) === "Solid" && (!z || z.isEnabled === !1 || z.type === "Solid" && z.color === j.color), gt = j && j.type !== "None" ? et ? "monochrome" : j.type === "Solid" ? (j.color || "") + "|opacity:" + D : JSON.stringify(j.stops || []) + "|opacity:" + D : "", Pt = z && z.isEnabled !== !1 && (z.width || 0) > 0 ? et ? [
+        const at = s.svgContent;
+        if (at) {
+          const gt = n.palette || [], j = n.fill, z = n.stroke, D = j ? this.normalizeOpacity(j.opacity ?? 100) : 1, et = (j == null ? void 0 : j.type) === "Solid" && (!z || z.isEnabled === !1 || z.type === "Solid" && z.color === j.color), mt = j && j.type !== "None" ? et ? "monochrome" : j.type === "Solid" ? (j.color || "") + "|opacity:" + D : JSON.stringify(j.stops || []) + "|opacity:" + D : "", Pt = z && z.isEnabled !== !1 && (z.width || 0) > 0 ? et ? [
             "monochrome",
             z.width || 0,
             z.trimStart ?? 0,
@@ -3176,8 +3179,8 @@ class ci {
             z.dashOffset ?? 0
           ].join("|") : "nostroke", Ct = [
             i.id,
-            bt.join("_"),
-            gt,
+            gt.join("_"),
+            mt,
             Pt,
             e.opacity ?? 100,
             e.visible !== !1 ? "v" : "h"
@@ -3185,17 +3188,17 @@ class ci {
           let Wt = this.imageCache.get(Ct);
           if (!Wt) {
             Wt = new Image(), Wt.crossOrigin = "anonymous";
-            let F = ht;
+            let F = at;
             F.match(/xmlns=["']http:\/\/www\.w3\.org\/2000\/svg["']/i) || (F = F.replace(/<svg([^>]*)>/i, (tt, dt) => `<svg xmlns="http://www.w3.org/2000/svg"${dt}>`));
             let Lt = s.width || a || 100, jt = s.height || r || 100;
             const Vt = F.match(/viewBox=["']\s*0\s+0\s+([\d.]+)\s+([\d.]+)\s*["']/i);
             if (Vt && (Lt = parseFloat(Vt[1]), jt = parseFloat(Vt[2])), F = F.replace(/<svg([^>]*)>/i, (tt, dt) => {
               let G = dt.replace(/\b(?:width|height)=["'][^"']*["']/gi, " ");
               return G.match(/\bviewBox=/i) || (G += ` viewBox="0 0 ${Lt} ${jt}"`), G.match(/\bpreserveAspectRatio=/i) || (G += ' preserveAspectRatio="none"'), G += ' width="100%" height="100%"', `<svg${G}>`;
-            }), s.colors && s.colors.length > 0 && bt.length > 0 && s.colors.forEach((tt, dt) => {
-              if (bt[dt]) {
+            }), s.colors && s.colors.length > 0 && gt.length > 0 && s.colors.forEach((tt, dt) => {
+              if (gt[dt]) {
                 const G = tt.replace(/[-\/\\^$*+?.()|[\]{}]/g, "\\$&"), st = new RegExp(G, "gi");
-                F = F.replace(st, bt[dt]);
+                F = F.replace(st, gt[dt]);
               }
             }), j && j.type && j.type !== "None") {
               if (j.type === "Solid" && j.color) {
@@ -3228,7 +3231,7 @@ class ci {
               }
               const Ft = J(tt.center, 0, 0.5) * 100, Ut = J(tt.center, 1, 0.5) * 100, se = (tt.radius ?? 0.5) * 100;
               return `<radialGradient id="${dt}" cx="${Ft}%" cy="${Ut}%" r="${se}%" gradientUnits="objectBoundingBox">${st}</radialGradient>`;
-            }, Rt = (tt, dt) => /<defs>/i.test(tt) ? tt.replace(/<defs>/i, `<defs>${dt}`) : tt.replace(/(<svg[^>]*>)/i, `$1<defs>${dt}</defs>`);
+            }, xt = (tt, dt) => /<defs>/i.test(tt) ? tt.replace(/<defs>/i, `<defs>${dt}`) : tt.replace(/(<svg[^>]*>)/i, `$1<defs>${dt}</defs>`);
             if (z && z.isEnabled !== !1 && (z.width || 0) > 0) {
               const tt = et ? 1 : this.normalizeOpacity(z.opacity ?? 100), dt = et ? "#FFFFFF" : z.color || (j == null ? void 0 : j.color) || "#000000";
               let G = "";
@@ -3238,7 +3241,7 @@ class ci {
                   G = st.color || z.color || "#000000";
                 else if (st.type === "LinearGradient" || st.type === "RadialGradient" || st.type === "Linear" || st.type === "Radial") {
                   const Gt = "exode-stroke";
-                  F = Rt(F, ce(st, Gt, tt)), G = `url(#${Gt})`;
+                  F = xt(F, ce(st, Gt, tt)), G = `url(#${Gt})`;
                 }
               }
               G || (G = dt), F.match(/\bstroke\s*=\s*["']/i) ? F = F.replace(
@@ -3249,7 +3252,7 @@ class ci {
                 `stroke:${G}`
               );
               let J = s.width || a || 100, Ft = s.height || r || 100;
-              const Ut = ht.match(/viewBox=["']\s*0\s+0\s+([\d.]+)\s+([\d.]+)\s*["']/i);
+              const Ut = at.match(/viewBox=["']\s*0\s+0\s+([\d.]+)\s+([\d.]+)\s*["']/i);
               if (Ut) {
                 const Gt = parseFloat(Ut[1]), ie = parseFloat(Ut[2]);
                 !isNaN(Gt) && !isNaN(ie) && (J = Gt, Ft = ie);
@@ -3260,11 +3263,11 @@ class ci {
               F.match(/\bstroke-linecap\s*=\s*["']/i) ? F = F.replace(/\bstroke-linecap\s*=\s*["'][^"']*["']/gi, `stroke-linecap="${Ce}"`) : F = F.replace(/<(path|circle|rect|ellipse|polygon|polyline)/gi, `<$1 stroke-linecap="${Ce}"`), F = F.replace(/stroke-linecap\s*:\s*[^;"')]+/gi, `stroke-linecap:${Ce}`);
               const Ee = z.lineJoin || "round";
               F.match(/\bstroke-linejoin\s*=\s*["']/i) ? F = F.replace(/\bstroke-linejoin\s*=\s*["'][^"']*["']/gi, `stroke-linejoin="${Ee}"`) : F = F.replace(/<(path|circle|rect|ellipse|polygon|polyline)/gi, `<$1 stroke-linejoin="${Ee}"`), F = F.replace(/stroke-linejoin\s*:\s*[^;"')]+/gi, `stroke-linejoin:${Ee}`);
-              const Ae = z.trimStart ?? 0, Oe = z.trimEnd ?? 1, Re = z.trimOffset ?? 0, xe = z.dashOffset ?? 0, $e = Ae !== 0 || Oe !== 1 || Re !== 0 || xe !== 0;
+              const Ae = z.trimStart ?? 0, Oe = z.trimEnd ?? 1, xe = z.trimOffset ?? 0, Re = z.dashOffset ?? 0, $e = Ae !== 0 || Oe !== 1 || xe !== 0 || Re !== 0;
               if ($e) {
                 const Gt = Math.max(0, Math.min(1, Ae)), ie = Math.max(0, Math.min(1, Oe));
                 this.frameCount % 600 === 0 && this.debugLog(`SVG Trim - Object: ${i.name || i.id}, Start: ${Gt}, End: ${ie}`);
-                const be = (J + Ft) * 2, Le = (Re % 1 + 1) % 1, Fe = (xe % 1 + 1) % 1;
+                const be = (J + Ft) * 2, Le = (xe % 1 + 1) % 1, Fe = (Re % 1 + 1) % 1;
                 let he = "", re = 0;
                 if (Gt >= ie)
                   he = `0 ${be}`, re = 0;
@@ -3277,10 +3280,10 @@ class ci {
                 const Gt = z.dashArray.join(" ");
                 F = F.replace(/\bstroke-dasharray\s*=\s*["'][^"']*["']/gi, `stroke-dasharray="${Gt}"`), F = F.replace(/stroke-dasharray\s*:\s*[^;"')]+/gi, `stroke-dasharray:${Gt}`), z.dashOffset && (F = F.replace(/\bstroke-dashoffset\s*=\s*["'][^"']*["']/gi, `stroke-dashoffset="${z.dashOffset}"`), F = F.replace(/stroke-dashoffset\s*:\s*[^;"')]+/gi, `stroke-dashoffset:${z.dashOffset}`));
               }
-              if (!/\bstroke\s*=\s*["']/i.test(ht) && !new RegExp("(?<![a-z-])stroke\\s*:", "i").test(ht)) {
+              if (!/\bstroke\s*=\s*["']/i.test(at) && !new RegExp("(?<![a-z-])stroke\\s*:", "i").test(at)) {
                 let Gt = "", ie = "";
                 if ($e) {
-                  const he = s.width || a || 100, re = s.height || r || 100, le = (he + re) * 2, we = Math.max(0, Math.min(1, Ae)), We = Math.max(0, Math.min(1, Oe)), Ge = (Re % 1 + 1) % 1, De = (xe % 1 + 1) % 1;
+                  const he = s.width || a || 100, re = s.height || r || 100, le = (he + re) * 2, we = Math.max(0, Math.min(1, Ae)), We = Math.max(0, Math.min(1, Oe)), Ge = (xe % 1 + 1) % 1, De = (Re % 1 + 1) % 1;
                   if (we >= We)
                     Gt = ` stroke-dasharray="0 ${le}"`, ie = ' stroke-dashoffset="0"';
                   else {
@@ -3295,70 +3298,70 @@ class ci {
                 ), F = F.replace(/<\/svg>/i, "</g></svg>");
               }
             } else z && z.isEnabled === !1 && (F = F.replace(/\bstroke\s*=\s*["'][^"']*["']/gi, 'stroke="none"'), F = F.replace(new RegExp(`(?<![a-z-])stroke\\s*:\\s*(?!none|transparent)[^;"')]+`, "gi"), "stroke:none"));
-            const ft = new Blob([F], { type: "image/svg+xml" }), lt = URL.createObjectURL(ft);
+            const ft = new Blob([F], { type: "image/svg+xml" }), ct = URL.createObjectURL(ft);
             Wt.onload = () => {
-              if (URL.revokeObjectURL(lt), this.frameCount % 900 === 0) {
+              if (URL.revokeObjectURL(ct), this.frameCount % 900 === 0) {
                 const tt = this.imageCache.get(Ct);
                 tt && this.debugLog(`SVG Payload Ready: ${i.name || i.id} (${tt.naturalWidth}x${tt.naturalHeight})`);
               }
             }, Wt.onerror = () => {
-              URL.revokeObjectURL(lt), this.debugLog(`SVG Error: Failed to load payload for ${i.name || i.id}`);
-            }, Wt.src = lt, this.imageCache.set(Ct, Wt);
+              URL.revokeObjectURL(ct), this.debugLog(`SVG Error: Failed to load payload for ${i.name || i.id}`);
+            }, Wt.src = ct, this.imageCache.set(Ct, Wt);
           }
-          let mt = null;
-          if (Wt.complete && Wt.naturalWidth > 0 ? (mt = Wt, this.lastValidSvgImgMap.set(i.id, Wt)) : mt = this.lastValidSvgImgMap.get(i.id) || null, mt && mt.complete && mt.naturalWidth > 0) {
+          let yt = null;
+          if (Wt.complete && Wt.naturalWidth > 0 ? (yt = Wt, this.lastValidSvgImgMap.set(i.id, Wt)) : yt = this.lastValidSvgImgMap.get(i.id) || null, yt && yt.complete && yt.naturalWidth > 0) {
             const F = Math.max(1, a), Lt = Math.max(1, r);
             if (et && (j == null ? void 0 : j.type) === "Solid") {
-              this.maskBuffer || (this.maskBuffer = document.createElement("canvas"), this.maskCtx = this.maskBuffer.getContext("2d")), this.maskBuffer.width = F, this.maskBuffer.height = Lt, this.maskCtx.setTransform(1, 0, 0, 1, 0, 0), this.maskCtx.globalCompositeOperation = "source-over", this.maskCtx.globalAlpha = 1, this.maskCtx.filter = "none", this.maskCtx.clearRect(0, 0, F, Lt), this.maskCtx.drawImage(mt, 0, 0, F, Lt), this.maskCtx.globalCompositeOperation = "source-in";
+              this.maskBuffer || (this.maskBuffer = document.createElement("canvas"), this.maskCtx = this.maskBuffer.getContext("2d")), this.maskBuffer.width = F, this.maskBuffer.height = Lt, this.maskCtx.setTransform(1, 0, 0, 1, 0, 0), this.maskCtx.globalCompositeOperation = "source-over", this.maskCtx.globalAlpha = 1, this.maskCtx.filter = "none", this.maskCtx.clearRect(0, 0, F, Lt), this.maskCtx.drawImage(yt, 0, 0, F, Lt), this.maskCtx.globalCompositeOperation = "source-in";
               const jt = j.color || "#000000", Vt = this.normalizeOpacity(j.opacity ?? 100);
               this.maskCtx.fillStyle = jt, this.maskCtx.globalAlpha = Vt, this.maskCtx.fillRect(0, 0, F, Lt), t.drawImage(this.maskBuffer, -F / 2, -Lt / 2, F, Lt);
-            } else c !== 0 ? (t.save(), this.drawRoundRect(t, -F / 2, -Lt / 2, F, Lt, c), t.clip(), t.drawImage(mt, -F / 2, -Lt / 2, F, Lt), t.restore()) : t.drawImage(mt, -F / 2, -Lt / 2, F, Lt);
+            } else l !== 0 ? (t.save(), this.drawRoundRect(t, -F / 2, -Lt / 2, F, Lt, l), t.clip(), t.drawImage(yt, -F / 2, -Lt / 2, F, Lt), t.restore()) : t.drawImage(yt, -F / 2, -Lt / 2, F, Lt);
           }
         }
       } else if (f.type === "LineGraph")
         this.renderLineGraph(t, f, a, r);
       else if (i.type === "Shape") {
-        if (this.applyPath(t, f, a, r, c), t.save(), n.blur && n.blur.amount > 0 && (t.filter = `blur(${n.blur.amount}px)`), n.fill) {
-          const ht = t.globalAlpha;
+        if (this.applyPath(t, f, a, r, l), t.save(), n.blur && n.blur.amount > 0 && (t.filter = `blur(${n.blur.amount}px)`), n.fill) {
+          const at = t.globalAlpha;
           if (((A = n.fill) == null ? void 0 : A.type) === "Image" && (n.fill.originalSrc || n.fill.src)) {
-            const bt = n.fill.originalSrc || n.fill.src;
-            let j = this.imageCache.get(bt);
-            j || (j = new Image(), j.src = bt, this.imageCache.set(bt, j)), j.complete && j.naturalWidth > 0 && (t.save(), this.applyPath(t, f, a, r, c), t.clip(), this.renderFittedImage(t, j, -a / 2, -r / 2, a, r, n.fill.fillMode), t.restore());
+            const gt = n.fill.originalSrc || n.fill.src;
+            let j = this.imageCache.get(gt);
+            j || (j = new Image(), j.src = gt, this.imageCache.set(gt, j)), j.complete && j.naturalWidth > 0 && (t.save(), this.applyPath(t, f, a, r, l), t.clip(), this.renderFittedImage(t, j, -a / 2, -r / 2, a, r, n.fill.fillMode), t.restore());
           } else {
-            const bt = this.createCanvasFill(t, n.fill, a, r);
-            t.fillStyle = bt || (typeof n.fill == "string" ? n.fill : n.fill.color || "transparent"), t.globalAlpha = ht * this.normalizeOpacity(n.fill.opacity ?? 100), this.applyPath(t, f, a, r, c), t.fill();
+            const gt = this.createCanvasFill(t, n.fill, a, r);
+            t.fillStyle = gt || (typeof n.fill == "string" ? n.fill : n.fill.color || "transparent"), t.globalAlpha = at * this.normalizeOpacity(n.fill.opacity ?? 100), this.applyPath(t, f, a, r, l), t.fill();
           }
-          t.globalAlpha = ht;
+          t.globalAlpha = at;
         }
-        t.restore(), n.stroke && n.stroke.width > 0 && this.applyStrokeAlignment(t, n, f, a, r, c);
+        t.restore(), n.stroke && n.stroke.width > 0 && this.applyStrokeAlignment(t, n, f, a, r, l);
       } else if (i.type === "Frame" || i.type === "Group" && !i.isStructuralGroup) {
-        const ht = e.width ?? s.width ?? i.width ?? a, bt = e.height ?? s.height ?? i.height ?? r, j = c;
-        if (t.save(), t.beginPath(), this.drawRoundRect(t, -ht / 2, -bt / 2, ht, bt, j), n.fill && n.fill.type !== "None") {
-          const z = t.globalAlpha, D = this.createCanvasFill(t, n.fill, ht, bt);
+        const at = e.width ?? s.width ?? i.width ?? a, gt = e.height ?? s.height ?? i.height ?? r, j = l;
+        if (t.save(), t.beginPath(), this.drawRoundRect(t, -at / 2, -gt / 2, at, gt, j), n.fill && n.fill.type !== "None") {
+          const z = t.globalAlpha, D = this.createCanvasFill(t, n.fill, at, gt);
           t.fillStyle = D || n.fill.color || "transparent", t.globalAlpha = z * this.normalizeOpacity(n.fill.opacity ?? 100), t.fill(), t.globalAlpha = z;
         }
         if (t.restore(), n.stroke && n.stroke.width > 0 && n.stroke.isEnabled !== !1) {
           const z = { type: "Rectangle" };
-          this.applyStrokeAlignment(t, n, z, ht, bt, j);
+          this.applyStrokeAlignment(t, n, z, at, gt, j);
         }
       } 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:", (_ = i.geometry) == null ? void 0 : _.type));
-      if (this.applyArtEffectOverlay(t, i, f, a, r, c), Ot && At === "BackgroundBlur" && this.applyBackgroundBlurGlass(t, f, a, r, c, It), ee && ee.enabled && t.restore(), i.children && i.children.length > 0) {
-        const bt = i.type === "Frame", j = i.clipsContent !== void 0 ? i.clipsContent : i.clipContent !== void 0 ? i.clipContent : bt;
+      if (this.applyArtEffectOverlay(t, i, f, a, r, l), Ot && At === "BackgroundBlur" && this.applyBackgroundBlurGlass(t, f, a, r, l, It), ee && ee.enabled && t.restore(), i.children && i.children.length > 0) {
+        const gt = i.type === "Frame", j = i.clipsContent !== void 0 ? i.clipsContent : i.clipContent !== void 0 ? i.clipContent : gt;
         if (t.save(), j) {
           t.beginPath();
-          const D = e.width ?? (s == null ? void 0 : s.width) ?? i.width ?? 0, et = e.height ?? (s == null ? void 0 : s.height) ?? i.height ?? 0, gt = e.cornerRadius ?? (s == null ? void 0 : s.corner_radius) ?? i.cornerRadius ?? 0;
-          this.drawRoundRect(t, -D / 2, -et / 2, D, et, gt), t.clip();
+          const D = e.width ?? (s == null ? void 0 : s.width) ?? i.width ?? 0, et = e.height ?? (s == null ? void 0 : s.height) ?? i.height ?? 0, mt = e.cornerRadius ?? (s == null ? void 0 : s.corner_radius) ?? i.cornerRadius ?? 0;
+          this.drawRoundRect(t, -D / 2, -et / 2, D, et, mt), t.clip();
         }
         let z = 0;
         for (i.children.forEach((D) => {
           const et = o.get(D);
           if (!et) return;
-          const gt = this.objectStates.get(D), Pt = (gt == null ? void 0 : gt.geometry) || et.geometry;
-          if (Pt && Pt.isMask && (gt == null ? void 0 : gt.visible) !== !1) {
+          const mt = this.objectStates.get(D), Pt = (mt == null ? void 0 : mt.geometry) || et.geometry;
+          if (Pt && Pt.isMask && (mt == null ? void 0 : mt.visible) !== !1) {
             const Ct = Pt.width || 0, Wt = Pt.height || 0;
             this.applyObjectTransform(t, D);
-            const mt = (gt == null ? void 0 : gt.corner_radius) ?? (Pt == null ? void 0 : Pt.corner_radius) ?? 0;
-            this.applyPath(t, Pt, Ct, Wt, mt), t.clip(), z++;
+            const yt = (mt == null ? void 0 : mt.corner_radius) ?? (Pt == null ? void 0 : Pt.corner_radius) ?? 0;
+            this.applyPath(t, Pt, Ct, Wt, yt), t.clip(), z++;
           } else
             this.renderObject(t, et, o);
         }); z > 0; )
@@ -3374,19 +3377,19 @@ class ci {
           feather: i.maskFeather || 0,
           isVisible: !0
         }] : [])).filter((z) => z.isVisible !== !1 && o.has(z.maskId)).forEach((z) => {
-          var mt, F, Lt, jt, Vt, ce;
-          const D = o.get(z.maskId), et = this.objectStates.get(D.id), gt = z.feather || 0, Pt = z.inverted === !0, Ct = z.opacity !== void 0 ? typeof z.opacity == "number" ? z.opacity : z.opacity / 100 : 1;
+          var yt, F, Lt, jt, Vt, ce;
+          const D = o.get(z.maskId), et = this.objectStates.get(D.id), mt = z.feather || 0, Pt = z.inverted === !0, Ct = z.opacity !== void 0 ? typeof z.opacity == "number" ? z.opacity : z.opacity / 100 : 1;
           if ((z.type || "alpha") === "luma") {
-            (!this.lumaBuffer || this.lumaBuffer.width !== this.maskBuffer.width || this.lumaBuffer.height !== this.maskBuffer.height) && (this.lumaBuffer = document.createElement("canvas"), this.lumaBuffer.width = this.maskBuffer.width, this.lumaBuffer.height = this.maskBuffer.height, this.lumaCtx = this.lumaBuffer.getContext("2d", { willReadFrequently: !0 }), this.lumaCtx && (this.lumaCtx.imageSmoothingEnabled = !0, this.lumaCtx.imageSmoothingQuality = "high")), this.lumaCtx.setTransform(1, 0, 0, 1, 0, 0), this.lumaCtx.globalCompositeOperation = "source-over", this.lumaCtx.globalAlpha = 1, this.lumaCtx.filter = "none", this.lumaCtx.clearRect(0, 0, this.lumaBuffer.width, this.lumaBuffer.height), this.lumaCtx.save(), this.rootTransform && this.lumaCtx.setTransform(this.rootTransform), this.applyAbsoluteTransform(this.lumaCtx, D.id, o), gt > 0 && (this.lumaCtx.filter = `blur(${gt}px)`), this.lumaCtx.globalAlpha = Ct;
-            const Rt = (et == null ? void 0 : et.width) || D.geometry.width || 0, ft = (et == null ? void 0 : et.height) || D.geometry.height || 0, lt = (et == null ? void 0 : et.corner_radius) ?? D.corner_radius ?? 0;
-            if (((mt = D.geometry) == null ? void 0 : mt.type) === "Text") {
+            (!this.lumaBuffer || this.lumaBuffer.width !== this.maskBuffer.width || this.lumaBuffer.height !== this.maskBuffer.height) && (this.lumaBuffer = document.createElement("canvas"), this.lumaBuffer.width = this.maskBuffer.width, this.lumaBuffer.height = this.maskBuffer.height, this.lumaCtx = this.lumaBuffer.getContext("2d", { willReadFrequently: !0 }), this.lumaCtx && (this.lumaCtx.imageSmoothingEnabled = !0, this.lumaCtx.imageSmoothingQuality = "high")), this.lumaCtx.setTransform(1, 0, 0, 1, 0, 0), this.lumaCtx.globalCompositeOperation = "source-over", this.lumaCtx.globalAlpha = 1, this.lumaCtx.filter = "none", this.lumaCtx.clearRect(0, 0, this.lumaBuffer.width, this.lumaBuffer.height), this.lumaCtx.save(), this.rootTransform && this.lumaCtx.setTransform(this.rootTransform), this.applyAbsoluteTransform(this.lumaCtx, D.id, o), mt > 0 && (this.lumaCtx.filter = `blur(${mt}px)`), this.lumaCtx.globalAlpha = Ct;
+            const xt = (et == null ? void 0 : et.width) || D.geometry.width || 0, ft = (et == null ? void 0 : et.height) || D.geometry.height || 0, ct = (et == null ? void 0 : et.corner_radius) ?? D.corner_radius ?? 0;
+            if (((yt = D.geometry) == null ? void 0 : yt.type) === "Text") {
               const st = et != null && et.geometry ? this.deepMerge(D.geometry, et.geometry) : D.geometry, J = et != null && et.style ? this.deepMerge(D.style, et.style) : D.style;
-              this._renderText(this.lumaCtx, D, { ...st, width: Rt, height: ft, corner_radius: lt }, J, et, Rt, ft, !0);
+              this._renderText(this.lumaCtx, D, { ...st, width: xt, height: ft, corner_radius: ct }, J, et, xt, ft, !0);
             } else if (((F = D.geometry) == null ? void 0 : F.type) === "Image") {
               const st = D.geometry.src;
               if (st) {
                 let J = this.imageCache.get(st);
-                J || (J = new Image(), J.src = st, this.imageCache.set(st, J)), J.complete && J.naturalWidth > 0 ? this.lumaCtx.drawImage(J, -Rt / 2, -ft / 2, Rt, ft) : (this.applyPath(this.lumaCtx, D.geometry, Rt, ft, lt), this.lumaCtx.fillStyle = "#ffffff", this.lumaCtx.fill());
+                J || (J = new Image(), J.src = st, this.imageCache.set(st, J)), J.complete && J.naturalWidth > 0 ? this.lumaCtx.drawImage(J, -xt / 2, -ft / 2, xt, ft) : (this.applyPath(this.lumaCtx, D.geometry, xt, ft, ct), this.lumaCtx.fillStyle = "#ffffff", this.lumaCtx.fill());
               }
             } else if (((Lt = D.geometry) == null ? void 0 : Lt.type) === "SVG") {
               const st = D.geometry.svgContent;
@@ -3400,10 +3403,10 @@ class ci {
                     this.artboard && this.reset();
                   }, this.imageCache.set(J, Ft);
                 }
-                Ft.complete && Ft.naturalWidth > 0 ? this.lumaCtx.drawImage(Ft, -Rt / 2, -ft / 2, Rt, ft) : (this.applyPath(this.lumaCtx, D.geometry, Rt, ft, lt), this.lumaCtx.fillStyle = "#ffffff", this.lumaCtx.fill());
+                Ft.complete && Ft.naturalWidth > 0 ? this.lumaCtx.drawImage(Ft, -xt / 2, -ft / 2, xt, ft) : (this.applyPath(this.lumaCtx, D.geometry, xt, ft, ct), this.lumaCtx.fillStyle = "#ffffff", this.lumaCtx.fill());
               }
             } else
-              this.applyPath(this.lumaCtx, D.geometry, Rt, ft, lt), this.lumaCtx.fillStyle = "#ffffff", this.lumaCtx.fill();
+              this.applyPath(this.lumaCtx, D.geometry, xt, ft, ct), this.lumaCtx.fillStyle = "#ffffff", this.lumaCtx.fill();
             this.lumaCtx.restore();
             const tt = this.maskCtx.getImageData(0, 0, this.canvasWidth, this.canvasHeight), dt = this.lumaCtx.getImageData(0, 0, this.canvasWidth, this.canvasHeight).data, G = tt.data;
             for (let st = 0; st < G.length; st += 4) {
@@ -3413,16 +3416,16 @@ class ci {
             }
             this.maskCtx.putImageData(tt, 0, 0);
           } else {
-            this.maskCtx.save(), this.rootTransform && this.maskCtx.setTransform(this.rootTransform), this.maskCtx.globalCompositeOperation = Pt ? "destination-out" : "destination-in", gt > 0 && (this.maskCtx.filter = `blur(${gt}px)`), this.maskCtx.globalAlpha = Ct, this.applyAbsoluteTransform(this.maskCtx, D.id, o);
-            const Rt = (et == null ? void 0 : et.width) || D.geometry.width || 0, ft = (et == null ? void 0 : et.height) || D.geometry.height || 0, lt = (et == null ? void 0 : et.corner_radius) ?? D.corner_radius ?? 0;
+            this.maskCtx.save(), this.rootTransform && this.maskCtx.setTransform(this.rootTransform), this.maskCtx.globalCompositeOperation = Pt ? "destination-out" : "destination-in", mt > 0 && (this.maskCtx.filter = `blur(${mt}px)`), this.maskCtx.globalAlpha = Ct, this.applyAbsoluteTransform(this.maskCtx, D.id, o);
+            const xt = (et == null ? void 0 : et.width) || D.geometry.width || 0, ft = (et == null ? void 0 : et.height) || D.geometry.height || 0, ct = (et == null ? void 0 : et.corner_radius) ?? D.corner_radius ?? 0;
             if (((jt = D.geometry) == null ? void 0 : jt.type) === "Text") {
               const tt = et != null && et.geometry ? this.deepMerge(D.geometry, et.geometry) : D.geometry, dt = et != null && et.style ? this.deepMerge(D.style, et.style) : D.style;
-              this._renderText(this.maskCtx, D, { ...tt, width: Rt, height: ft, corner_radius: lt }, dt, et, Rt, ft, !0);
+              this._renderText(this.maskCtx, D, { ...tt, width: xt, height: ft, corner_radius: ct }, dt, et, xt, ft, !0);
             } else if (((Vt = D.geometry) == null ? void 0 : Vt.type) === "Image") {
               const tt = D.geometry.src;
               if (tt) {
                 let dt = this.imageCache.get(tt);
-                dt || (dt = new Image(), dt.src = tt, this.imageCache.set(tt, dt)), dt.complete && dt.naturalWidth > 0 ? this.maskCtx.drawImage(dt, -Rt / 2, -ft / 2, Rt, ft) : (this.applyPath(this.maskCtx, D.geometry, Rt, ft, lt), this.maskCtx.fillStyle = "#ffffff", this.maskCtx.fill());
+                dt || (dt = new Image(), dt.src = tt, this.imageCache.set(tt, dt)), dt.complete && dt.naturalWidth > 0 ? this.maskCtx.drawImage(dt, -xt / 2, -ft / 2, xt, ft) : (this.applyPath(this.maskCtx, D.geometry, xt, ft, ct), this.maskCtx.fillStyle = "#ffffff", this.maskCtx.fill());
               }
             } else if (((ce = D.geometry) == null ? void 0 : ce.type) === "SVG") {
               const tt = D.geometry.svgContent;
@@ -3436,10 +3439,10 @@ class ci {
                     this.artboard && this.reset();
                   }, this.imageCache.set(dt, G);
                 }
-                G.complete && G.naturalWidth > 0 ? this.maskCtx.drawImage(G, -Rt / 2, -ft / 2, Rt, ft) : (this.applyPath(this.maskCtx, D.geometry, Rt, ft, lt), this.maskCtx.fillStyle = "#ffffff", this.maskCtx.fill());
+                G.complete && G.naturalWidth > 0 ? this.maskCtx.drawImage(G, -xt / 2, -ft / 2, xt, ft) : (this.applyPath(this.maskCtx, D.geometry, xt, ft, ct), this.maskCtx.fillStyle = "#ffffff", this.maskCtx.fill());
               }
             } else
-              this.applyPath(this.maskCtx, D.geometry, Rt, ft, lt), this.maskCtx.fillStyle = "#ffffff", this.maskCtx.fill();
+              this.applyPath(this.maskCtx, D.geometry, xt, ft, ct), this.maskCtx.fillStyle = "#ffffff", this.maskCtx.fill();
             this.maskCtx.restore();
           }
         }), Bt.save(), Bt.setTransform(1, 0, 0, 1, 0, 0);
@@ -3449,23 +3452,23 @@ class ci {
         t.restore();
     }
   }
-  _renderText(t, i, o, e, s, n, a, r = !1, l = !1) {
-    var yt, ct, wt, Mt, It, Ot, At, Tt, zt;
-    let c = o.text || "";
+  _renderText(t, i, o, e, s, n, a, r = !1, c = !1) {
+    var bt, ht, wt, Mt, It, Ot, At, Tt, zt;
+    let l = o.text || "";
     if (o.textInputId && !r) {
       const Z = this.inputs.get(o.textInputId);
-      Z !== void 0 && (c = String(Z), s.geometry && s.geometry.type === "Text" && (s.geometry.text = c));
+      Z !== void 0 && (l = String(Z), s.geometry && s.geometry.type === "Text" && (s.geometry.text = l));
     }
     if (o.svgPath) {
       const Z = o.svgPath;
       t.save();
-      const pt = ((yt = e == null ? void 0 : e.fill) == null ? void 0 : yt.color) || "#000000", Et = ((ct = e == null ? void 0 : e.fill) == null ? void 0 : ct.opacity) !== void 0 ? (wt = e == null ? void 0 : e.fill) == null ? void 0 : wt.opacity : 1;
+      const pt = ((bt = e == null ? void 0 : e.fill) == null ? void 0 : bt.color) || "#000000", Et = ((ht = e == null ? void 0 : e.fill) == null ? void 0 : ht.opacity) !== void 0 ? (wt = e == null ? void 0 : e.fill) == null ? void 0 : wt.opacity : 1;
       t.fillStyle = pt, t.globalAlpha *= Et;
       const ut = new Path2D(Z);
       t.fill(ut), t.restore();
       return;
     }
-    let f = c || "";
+    let f = l || "";
     o.enableSegments === !0 && o.segments && Array.isArray(o.segments) && (f = o.segments.map((Z) => Z && Z.text ? Z.text : "").join(""));
     const u = o.textCase || "none";
     u === "uppercase" ? f = f.toUpperCase() : u === "lowercase" ? f = f.toLowerCase() : u === "capitalize" && (f = f.replace(/\b\w/g, (Z) => Z.toUpperCase()));
@@ -3494,10 +3497,10 @@ class ci {
     t.letterSpacing !== void 0 && (t.letterSpacing = `${M}px`);
     const k = o.kerning || "auto", T = o.kerningValue || 0;
     k === "manual" && T !== 0 && (t.letterSpacing = `${M + T}px`);
-    const R = o.paragraphSpacing || 0;
+    const x = o.paragraphSpacing || 0;
     let P = o.lineHeight ?? 1.2;
     typeof P == "string" && (P = parseFloat(P)), P > 5 && y > 0 && (P = P / y);
-    const E = (P || 1.2) * y, x = o.isPointText === !0 || !o.width || o.width <= 0, O = ((It = o.padding) == null ? void 0 : It.left) || ((Ot = o.padding) == null ? void 0 : Ot.right) || 0, W = x ? 1e5 : o.width && o.width > 0 ? Math.ceil(o.width) - O * 2 : 1e5;
+    const E = (P || 1.2) * y, R = o.isPointText === !0 || !o.width || o.width <= 0, O = ((It = o.padding) == null ? void 0 : It.left) || ((Ot = o.padding) == null ? void 0 : Ot.right) || 0, W = R ? 1e5 : o.width && o.width > 0 ? Math.ceil(o.width) - O * 2 : 1e5;
     o.autoHeight;
     const B = us({
       text: f,
@@ -3508,7 +3511,7 @@ class ci {
       lineHeight: P,
       width: W,
       letterSpacing: M,
-      paragraphSpacing: R,
+      paragraphSpacing: x,
       paragraphIndent: o.paragraphIndent || 0,
       segments: o.segments,
       enableSegments: o.enableSegments,
@@ -3522,8 +3525,8 @@ class ci {
       let Z = 0, pt = 0;
       const Et = B.fullText || f;
       ($ || []).forEach((ut) => {
-        const vt = ut.text || "", xt = t.measureText(vt).width + (vt.length > 0 ? (vt.length - 1) * M : 0);
-        xt > Z && (Z = xt), pt += vt.length, pt < Et.length && (Et[pt] === `
+        const vt = ut.text || "", Rt = t.measureText(vt).width + (vt.length > 0 ? (vt.length - 1) * M : 0);
+        Rt > Z && (Z = Rt), pt += vt.length, pt < Et.length && (Et[pt] === `
 ` || Et[pt] === "\r") && (pt++, Et[pt - 1] === "\r" && Et[pt] === `
 ` && pt++);
       }), (_ === 0 || _ >= 1e5) && (_ = Z), L === 0 && (L = A || 0);
@@ -3538,12 +3541,12 @@ class ci {
         V = { geo: Et, obj: Z, w: ut, h: vt }, it = this.getPerimeter(Et, ut, vt);
       }
     }
-    const rt = (Z, pt) => {
+    const lt = (Z, pt) => {
       var ut, vt;
       if (M === 0 && (!o.enableSegments || !((ut = o.segments) != null && ut.length))) return t.measureText(Z).width;
       let Et = 0;
-      for (let xt = 0; xt < Z.length; xt++) {
-        const Xt = pt + xt;
+      for (let Rt = 0; Rt < Z.length; Rt++) {
+        const Xt = pt + Rt;
         let Bt = 0;
         if (o.enableSegments === !0 && ((vt = o.segments) == null ? void 0 : vt.length) > 0) {
           let Dt = 0, Ht = null;
@@ -3558,24 +3561,24 @@ class ci {
             t.save();
             let te = Ht.fontFamily || o.fontFamily || "Inter";
             const ue = this.mapFontWeight((Ht.fontWeight || o.fontWeight || "400").toString()), pe = Ht.fontStyle || d, Qt = Ht.fontSize || y;
-            t.font = `${pe} ${ue} ${Qt}px "${te}", sans-serif`, Bt = t.measureText(Z[xt]).width, t.restore();
+            t.font = `${pe} ${ue} ${Qt}px "${te}", sans-serif`, Bt = t.measureText(Z[Rt]).width, t.restore();
           } else
-            Bt = t.measureText(Z[xt]).width;
+            Bt = t.measureText(Z[Rt]).width;
         } else
-          Bt = t.measureText(Z[xt]).width;
+          Bt = t.measureText(Z[Rt]).width;
         Et += Bt + M;
       }
       return Et - (Z.length > 0 ? M : 0);
     }, nt = (Z, pt, Et, ut, vt) => {
       var ue, pe;
       const Xt = (vt === 0 || f[vt - 1] === `
-` || f[vt - 1] === "\r") && o.paragraphIndent ? o.paragraphIndent : 0, Bt = (!r || l) && (i.behaviors || []).some(
+` || f[vt - 1] === "\r") && o.paragraphIndent ? o.paragraphIndent : 0, Bt = (!r || c) && (i.behaviors || []).some(
         (Qt) => Qt.enabled && (Qt.type.toString().includes("Text") || ["Typewriter", "Scramble", "Wave", "Bounce", "GlitchText", "Reveal3D", "RevealSlide", "RevealBlur"].includes(Qt.type))
       ), Dt = !o.pathId && !Bt && (o.enableSegments !== !0 || !o.segments || o.segments.length === 0), Ht = o.baselineShift || 0, te = Et + Ht;
       if (Dt)
         t.font = C, ut ? t.strokeText(Z, pt + Xt, te) : t.fillText(Z, pt + Xt, te);
       else {
-        const Qt = rt(Z, vt);
+        const Qt = lt(Z, vt);
         let me = pt + Xt;
         I === "center" ? me -= Qt / 2 : I === "right" && (me -= Qt);
         const _e = vt + Z.length >= f.length || f[vt + Z.length] === `
@@ -3583,19 +3586,19 @@ class ci {
         let ye = 0, Se = 0;
         const Pe = o.justifyMinWordSpacing, ae = o.justifyMaxWordSpacing;
         if (I === "justify" && !_e && Qt > 0 && !o.pathId) {
-          const j = x ? Qt : W - O * 2 + 0, z = Math.max(0, j - Qt);
+          const j = R ? Qt : W - O * 2 + 0, z = Math.max(0, j - Qt);
           for (let D = 0; D < Z.length; D++)
             Z[D] === " " && Se++;
           if (Se > 0) {
             const D = t.measureText(" ").width;
-            let et = Pe || D * 0.5, gt = ae || D * 2.5;
-            ye = Math.max(0, Math.min(z / Se, gt - et));
+            let et = Pe || D * 0.5, mt = ae || D * 2.5;
+            ye = Math.max(0, Math.min(z / Se, mt - et));
           }
         }
         let ee = o.pathOffset || 0;
         o.pathId && it > 0 && V && (I === "center" ? ee += it / 2 - Qt / 2 : I === "right" && (ee += it - Qt));
-        let ht = me;
-        const bt = r && !l ? [] : ((ue = i.behaviors) == null ? void 0 : ue.filter(
+        let at = me;
+        const gt = r && !c ? [] : ((ue = i.behaviors) == null ? void 0 : ue.filter(
           (j) => [
             N.Typewriter,
             N.Scramble,
@@ -3631,145 +3634,145 @@ class ci {
         for (let j = 0; j < Z.length; j++) {
           let z = Z[j];
           const D = vt + j;
-          let et = 0, gt = 0, Pt = 1, Ct = 1, Wt = 0, mt = 1, F = z;
-          bt.forEach((ft) => {
-            const lt = ft.settings || {}, tt = lt.strength || 1, dt = Date.now();
+          let et = 0, mt = 0, Pt = 1, Ct = 1, Wt = 0, yt = 1, F = z;
+          gt.forEach((ft) => {
+            const ct = ft.settings || {}, tt = ct.strength || 1, dt = Date.now();
             if (ft.type === N.Typewriter)
-              this.currentTime * (lt.speed || 1) - D * (lt.stagger || 0.05) < 0 && (mt = 0);
+              this.currentTime * (ct.speed || 1) - D * (ct.stagger || 0.05) < 0 && (yt = 0);
             else if (ft.type === N.Scramble)
-              Math.max(0, Math.min(1, this.currentTime / (lt.duration || 1.5)) - D * 0.02) < 1 && Math.random() < 0.3 && (F = "$%#@!*&"[Math.floor(Math.random() * 7)]);
+              Math.max(0, Math.min(1, this.currentTime / (ct.duration || 1.5)) - D * 0.02) < 1 && Math.random() < 0.3 && (F = "$%#@!*&"[Math.floor(Math.random() * 7)]);
             else if (ft.type === N.Wave)
-              gt += Math.sin(this.currentTime * 5 * (lt.speed || 1) + D * (lt.frequency || 1)) * (lt.amplitude || 20) * tt;
+              mt += Math.sin(this.currentTime * 5 * (ct.speed || 1) + D * (ct.frequency || 1)) * (ct.amplitude || 20) * tt;
             else if (ft.type === N.Bounce) {
-              const G = Math.max(0, this.currentTime % 2 - D * (lt.stagger || 0.1));
-              G < 1 && (gt -= Math.abs(Math.sin(G * Math.PI)) * (lt.height || 50) * tt);
+              const G = Math.max(0, this.currentTime % 2 - D * (ct.stagger || 0.1));
+              G < 1 && (mt -= Math.abs(Math.sin(G * Math.PI)) * (ct.height || 50) * tt);
             } else if (ft.type === N.TextTrail) {
-              const G = this.pointerHistory[Math.max(0, this.pointerHistory.length - 1 - D * (lt.delay || 5))];
-              G && (et += (G.x - (s.x + ht)) * tt * 0.2, gt += (G.y - (s.y + Et + gt)) * tt * 0.2);
+              const G = this.pointerHistory[Math.max(0, this.pointerHistory.length - 1 - D * (ct.delay || 5))];
+              G && (et += (G.x - (s.x + at)) * tt * 0.2, mt += (G.y - (s.y + Et + mt)) * tt * 0.2);
             } else if (ft.type === N.Reveal3D) {
-              const G = Math.max(0, Math.min(1, this.currentTime * (lt.speed || 1) - D * (lt.stagger || 0.1)));
-              Pt *= G, Ct *= G, mt = G;
+              const G = Math.max(0, Math.min(1, this.currentTime * (ct.speed || 1) - D * (ct.stagger || 0.1)));
+              Pt *= G, Ct *= G, yt = G;
             } else if (ft.type === N.RevealSlide) {
-              const G = Math.max(0, Math.min(1, this.currentTime * 1.5 - D * 0.05)), st = (1 - G) * (lt.distance || 40) * tt, J = lt.direction || "up";
-              J === "up" ? gt -= st : J === "down" ? gt += st : J === "left" ? et -= st : J === "right" && (et += st), mt = G;
+              const G = Math.max(0, Math.min(1, this.currentTime * 1.5 - D * 0.05)), st = (1 - G) * (ct.distance || 40) * tt, J = ct.direction || "up";
+              J === "up" ? mt -= st : J === "down" ? mt += st : J === "left" ? et -= st : J === "right" && (et += st), yt = G;
             } else if (ft.type === N.RevealBlur) {
               const G = Math.max(0, Math.min(1, this.currentTime * 1.2 - D * 0.1));
-              mt = G, et += (1 - G) * 5;
+              yt = G, et += (1 - G) * 5;
             } else if (ft.type === N.TextLiquid) {
-              const G = Math.max(0, Math.sin(dt * 1e-3 * (lt.speed || 1) + D * 0.5));
-              gt += G * (lt.amplitude || 10) * tt, Ct *= 1 + G * 0.2;
+              const G = Math.max(0, Math.sin(dt * 1e-3 * (ct.speed || 1) + D * 0.5));
+              mt += G * (ct.amplitude || 10) * tt, Ct *= 1 + G * 0.2;
             } else if (ft.type === N.TextVortex) {
-              const G = dt * 2e-3 * (lt.speed || 1) + D * 0.2, st = (1 - (Math.sin(dt * 1e-3) * 0.5 + 0.5)) * (lt.radius || 50);
-              et += Math.cos(G) * st * tt, gt += Math.sin(G) * st * tt;
+              const G = dt * 2e-3 * (ct.speed || 1) + D * 0.2, st = (1 - (Math.sin(dt * 1e-3) * 0.5 + 0.5)) * (ct.radius || 50);
+              et += Math.cos(G) * st * tt, mt += Math.sin(G) * st * tt;
             } else if (ft.type === N.TextExplosion) {
-              const G = lt.force || 1, st = this.currentTime % 2;
+              const G = ct.force || 1, st = this.currentTime % 2;
               if (st < 1) {
                 const J = (D / Z.length - 0.5) * Math.PI * 2, Ft = st * 100 * G;
-                et += Math.cos(J) * Ft * tt, gt += Math.sin(J) * Ft * tt, mt = 1 - st;
+                et += Math.cos(J) * Ft * tt, mt += Math.sin(J) * Ft * tt, yt = 1 - st;
               }
             } else if (ft.type === N.TextRain) {
-              const G = lt.speed || 1, st = lt.height || 100, J = (dt * 1e-3 * G + D * 0.1) % 1;
-              gt -= (1 - J) * st * tt, mt = J > 0.1 ? 1 : J * 10;
+              const G = ct.speed || 1, st = ct.height || 100, J = (dt * 1e-3 * G + D * 0.1) % 1;
+              mt -= (1 - J) * st * tt, yt = J > 0.1 ? 1 : J * 10;
             } else if (ft.type === N.TextGravity) {
-              const G = lt.gravity || 9.8, st = this.currentTime % 3 / 3, J = 0.5 * G * Math.pow(st * 10, 2);
-              J < 100 ? gt += J * tt : gt += 100 * tt;
+              const G = ct.gravity || 9.8, st = this.currentTime % 3 / 3, J = 0.5 * G * Math.pow(st * 10, 2);
+              J < 100 ? mt += J * tt : mt += 100 * tt;
             } else if (ft.type === N.TextMatrix) {
-              const G = lt.speed || 1;
+              const G = ct.speed || 1;
               if (Math.random() < 0.1 * G) {
                 const J = "0123456789ABCDEF!@#$%^&*";
                 F = J[Math.floor(Math.random() * J.length)];
               }
-              mt = 0.3 + (Math.sin(dt * 0.01 * G + D) + 1) / 2 * 0.7;
+              yt = 0.3 + (Math.sin(dt * 0.01 * G + D) + 1) / 2 * 0.7;
             } else if (ft.type === N.TextNeon) {
               const G = Math.random() > 0.95 ? 0.5 : 1;
-              mt = (0.7 + (Math.sin(dt * 5e-3) + 1) / 2 * 0.3) * G;
+              yt = (0.7 + (Math.sin(dt * 5e-3) + 1) / 2 * 0.3) * G;
             } else if (ft.type === N.TextDissolve)
-              Math.sin(D * 1.5 + dt * 2e-3 * (lt.speed || 1)) > 0.5 && (mt = 0);
+              Math.sin(D * 1.5 + dt * 2e-3 * (ct.speed || 1)) > 0.5 && (yt = 0);
             else if (ft.type === N.TextOrganic) {
-              const G = lt.speed || 1, st = lt.amplitude || 10;
-              et += Math.sin(dt * 2e-3 * G + D) * st * tt, gt += Math.cos(dt * 15e-4 * G + D * 0.7) * st * tt;
+              const G = ct.speed || 1, st = ct.amplitude || 10;
+              et += Math.sin(dt * 2e-3 * G + D) * st * tt, mt += Math.cos(dt * 15e-4 * G + D * 0.7) * st * tt;
             } else if (ft.type === N.TextBreathe) {
               const st = 1 + (Math.sin(dt * 3e-3 + D * 0.2) + 1) / 2 * 0.2 * tt;
               Pt *= st, Ct *= st;
             } else if (ft.type === N.TextSpin) {
-              const G = lt.speed || 1;
+              const G = ct.speed || 1;
               Wt += dt * 0.01 * G + D;
             } else if (ft.type === N.TextMagnet) {
               const G = this.pointerHistory[this.pointerHistory.length - 1];
               if (G) {
-                const st = G.x - (s.x + ht), J = G.y - (s.y + Et);
+                const st = G.x - (s.x + at), J = G.y - (s.y + Et);
                 Wt = Math.atan2(J, st);
               }
             } else if (ft.type === N.TextPerspective) {
               const G = Z.length / 2, st = (D - G) / G, J = 1 - Math.abs(st) * 0.3 * tt;
               Pt *= J, Ct *= J, et += st * 20 * tt;
             } else if (ft.type === N.TextMirror)
-              mt *= 0.8;
+              yt *= 0.8;
             else if (ft.type === N.TextFloral) {
-              const G = lt.speed || 1, st = lt.stagger || 0.1, J = (dt * 1e-3 * G + D * st) % 2;
+              const G = ct.speed || 1, st = ct.stagger || 0.1, J = (dt * 1e-3 * G + D * st) % 2;
               J < 1 && (Pt *= J, Ct *= J, Wt += J * Math.PI);
             } else if (ft.type === N.TextSmoke) {
-              const G = lt.speed || 1, st = lt.height || 50, J = (dt * 5e-4 * G + D * 0.2) % 1;
-              gt -= J * st * tt, et += Math.sin(dt * 2e-3 + D) * 5 * tt, mt = 1 - J;
+              const G = ct.speed || 1, st = ct.height || 50, J = (dt * 5e-4 * G + D * 0.2) % 1;
+              mt -= J * st * tt, et += Math.sin(dt * 2e-3 + D) * 5 * tt, yt = 1 - J;
             } else if (ft.type === N.TextVariable) {
-              const G = lt.speed || 1, st = lt.intensity || 1.5, J = (Math.sin(dt * 4e-3 * G + D * 0.3) + 1) / 2;
+              const G = ct.speed || 1, st = ct.intensity || 1.5, J = (Math.sin(dt * 4e-3 * G + D * 0.3) + 1) / 2;
               Pt *= 1 + J * (st - 1) * tt;
             } else if (ft.type === N.TextZing) {
-              const G = lt.speed || 2, st = lt.distance || 100, J = (dt * 2e-3 * G + D * 0.05) % 1;
-              et += (1 - J) * st * tt, mt = J;
+              const G = ct.speed || 2, st = ct.distance || 100, J = (dt * 2e-3 * G + D * 0.05) % 1;
+              et += (1 - J) * st * tt, yt = J;
             } else if (ft.type === N.TextElastic) {
-              const G = lt.stiffness || 0.2, st = lt.damping || 0.1, J = Math.sin(dt * 0.01) * Math.exp(-dt * 1e-3 * st);
+              const G = ct.stiffness || 0.2, st = ct.damping || 0.1, J = Math.sin(dt * 0.01) * Math.exp(-dt * 1e-3 * st);
               Ct *= 1 + J * G * tt;
             } else if (ft.type === N.TextGlitch3D) {
-              const G = lt.intensity || 5;
-              Math.random() < 0.2 && (et += (Math.random() - 0.5) * G, gt += (Math.random() - 0.5) * G, mt = 0.8);
+              const G = ct.intensity || 5;
+              Math.random() < 0.2 && (et += (Math.random() - 0.5) * G, mt += (Math.random() - 0.5) * G, yt = 0.8);
             } else if (ft.type === N.GlitchText) {
-              const G = lt.intensity || 5;
-              Math.random() < 0.1 && (et += (Math.random() - 0.5) * G, gt += (Math.random() - 0.5) * G, Math.random() < 0.05 && (mt = 0.5));
+              const G = ct.intensity || 5;
+              Math.random() < 0.1 && (et += (Math.random() - 0.5) * G, mt += (Math.random() - 0.5) * G, Math.random() < 0.05 && (yt = 0.5));
             }
           });
           let Lt = null, jt = o.textDecoration || "none", Vt = y;
           if (o.enableSegments === !0 && ((pe = o.segments) == null ? void 0 : pe.length) > 0) {
-            let ft = 0, lt = null;
+            let ft = 0, ct = null;
             for (const tt of o.segments) {
               if (D < ft + (tt.text || "").length) {
-                lt = tt;
+                ct = tt;
                 break;
               }
               ft += (tt.text || "").length;
             }
-            if (lt) {
-              let tt = lt.fontFamily || o.fontFamily || "Inter";
+            if (ct) {
+              let tt = ct.fontFamily || o.fontFamily || "Inter";
               b.forEach((st) => {
                 const J = new RegExp(`[\\s-]${st}$`, "i");
                 J.test(tt) && (tt = tt.replace(J, "").trim());
               });
-              const dt = this.mapFontWeight((lt.fontWeight || o.fontWeight || "400").toString()), G = lt.fontStyle || d;
-              Vt = lt.fontSize || y, t.font = `${G} ${dt} ${Vt}px "${tt}", sans-serif`, lt.fill && (Lt = lt.fill), lt.textDecoration && (jt = lt.textDecoration), Vt < Y && (gt += (Y - Vt) * 0.85);
+              const dt = this.mapFontWeight((ct.fontWeight || o.fontWeight || "400").toString()), G = ct.fontStyle || d;
+              Vt = ct.fontSize || y, t.font = `${G} ${dt} ${Vt}px "${tt}", sans-serif`, ct.fill && (Lt = ct.fill), ct.textDecoration && (jt = ct.textDecoration), Vt < Y && (mt += (Y - Vt) * 0.85);
             }
           } else
             t.font = C;
           const ce = t.globalAlpha;
-          t.globalAlpha *= mt, t.save();
-          const Rt = t.measureText(F).width;
+          t.globalAlpha *= yt, t.save();
+          const xt = t.measureText(F).width;
           if (V && it > 0) {
-            const ft = ht - me + Rt / 2, tt = (ee + ft) / it, dt = this.getPointOnPath(V.geo, V.w, V.h, Math.abs(tt % 1)), G = dt.angle, st = Et + gt + (o.pathOffsetY || 0), J = o.pathSide === "right" ? -1 : 1, Ft = Math.cos(G + Math.PI / 2) * st * J, Ut = Math.sin(G + Math.PI / 2) * st * J;
+            const ft = at - me + xt / 2, tt = (ee + ft) / it, dt = this.getPointOnPath(V.geo, V.w, V.h, Math.abs(tt % 1)), G = dt.angle, st = Et + mt + (o.pathOffsetY || 0), J = o.pathSide === "right" ? -1 : 1, Ft = Math.cos(G + Math.PI / 2) * st * J, Ut = Math.sin(G + Math.PI / 2) * st * J;
             t.translate(dt.x + Ft + et, dt.y + Ut), t.rotate(G + Wt + (J === -1 ? Math.PI : 0));
           } else
-            t.translate(ht + et + Rt / 2, Et + gt), Wt !== 0 && t.rotate(Wt);
-          if (t.scale(Pt, Ct), Lt && !r && !l) {
+            t.translate(at + et + xt / 2, Et + mt), Wt !== 0 && t.rotate(Wt);
+          if (t.scale(Pt, Ct), Lt && !r && !c) {
             const ft = this.createCanvasFill(t, Lt, _, L);
             t.fillStyle = ft || Lt.color || "#000000";
-          } else if (!r && !l) {
+          } else if (!r && !c) {
             const ft = this.createCanvasFill(t, e.fill, _, L);
             t.fillStyle = ft || e.fill.color || "#000000";
           }
-          if (mt > 0)
-            if (r || l) {
-              const ft = l ? "#000000" : this.createCanvasFill(t, e.fill, _, L);
-              t.fillStyle = ft || e.fill.color || "#ffffff", t.fillText(F, -Rt / 2, 0);
-            } else ut ? t.strokeText(F, -Rt / 2, 0) : t.fillText(F, -Rt / 2, 0);
-          jt !== "none" && !r && this.drawTextDecoration(t, jt, 0, 0, Rt, Vt), t.restore(), t.globalAlpha = ce, I === "justify" && ye > 0 && F === " " && !_e ? ht += Rt + M + ye : ht += Rt + M;
+          if (yt > 0)
+            if (r || c) {
+              const ft = c ? "#000000" : this.createCanvasFill(t, e.fill, _, L);
+              t.fillStyle = ft || e.fill.color || "#ffffff", t.fillText(F, -xt / 2, 0);
+            } else ut ? t.strokeText(F, -xt / 2, 0) : t.fillText(F, -xt / 2, 0);
+          jt !== "none" && !r && this.drawTextDecoration(t, jt, 0, 0, xt, Vt), t.restore(), t.globalAlpha = ce, I === "justify" && ye > 0 && F === " " && !_e ? at += xt + M + ye : at += xt + M;
         }
       }
     };
@@ -3778,10 +3781,10 @@ class ci {
       ($ || []).forEach((Et) => {
         const ut = Et.text || "", vt = f.indexOf(ut, Z);
         vt !== -1 && (Z = vt);
-        let xt = -_ / 2;
-        I === "center" ? xt = 0 : I === "right" && (xt = _ / 2), nt(ut, xt, pt, !1, Z), Z += ut.length, pt += E;
+        let Rt = -_ / 2;
+        I === "center" ? Rt = 0 : I === "right" && (Rt = _ / 2), nt(ut, Rt, pt, !1, Z), Z += ut.length, pt += E;
       });
-    } else if (l) {
+    } else if (c) {
       let Z = 0, pt = X;
       ($ || []).forEach((Et) => {
         const ut = Et.text || "";
@@ -3799,12 +3802,12 @@ class ci {
           const Dt = Xt.textCase || o.textCase || "none";
           return Dt === "uppercase" ? Bt.toUpperCase() : Dt === "lowercase" ? Bt.toLowerCase() : Dt === "capitalize" ? Bt.replace(/\b\w/g, (Ht) => Ht.toUpperCase()) : Bt;
         }).join("") : f);
-        let vt = 0, xt = X;
+        let vt = 0, Rt = X;
         ($ || []).forEach((Xt) => {
           const Bt = Xt.text || "";
           let Dt = -_ / 2;
-          I === "center" ? Dt = 0 : I === "right" && (Dt = _ / 2), nt(Bt, Dt, xt, !1, vt), vt += Bt.length, xt += E, vt < ut.length && (ut[vt] === `
-` || ut[vt] === "\r") && (R > 0 && (xt += R), vt++, ut[vt - 1] === "\r" && ut[vt] === `
+          I === "center" ? Dt = 0 : I === "right" && (Dt = _ / 2), nt(Bt, Dt, Rt, !1, vt), vt += Bt.length, Rt += E, vt < ut.length && (ut[vt] === `
+` || ut[vt] === "\r") && (x > 0 && (Rt += x), vt++, ut[vt - 1] === "\r" && ut[vt] === `
 ` && vt++);
         }), t.globalAlpha = pt;
       }
@@ -3813,9 +3816,9 @@ class ci {
         let pt = 0;
         ($ || []).forEach((Et, ut) => {
           var Xt, Bt;
-          const xt = pt === 0 || pt < f.length && (f[pt] === `
+          const Rt = pt === 0 || pt < f.length && (f[pt] === `
 ` || f[pt] === "\r");
-          if (xt && ut > 0 && pt++, xt) {
+          if (Rt && ut > 0 && pt++, Rt) {
             if (((Xt = Z.top) == null ? void 0 : Xt.width) > 0) {
               const Dt = X + ut * E - Z.top.offset;
               t.strokeStyle = Z.top.color || "#000000", t.lineWidth = Z.top.width, t.beginPath();
@@ -3836,10 +3839,10 @@ class ci {
         const pt = t.globalAlpha;
         e.fill && e.fill.type !== "None" && e.fill.isEnabled !== !1 && e.fill.opacity !== 0 && e.fill.color !== "transparent" && e.fill.color !== "rgba(0,0,0,0)" && (t.shadowColor = "transparent", t.shadowBlur = 0, t.shadowOffsetX = 0, t.shadowOffsetY = 0), t.strokeStyle = e.stroke.color, t.lineWidth = e.stroke.width, t.globalAlpha = pt * this.normalizeOpacity(e.stroke.opacity ?? 100);
         let ut = 0, vt = X;
-        ($ || []).forEach((xt) => {
+        ($ || []).forEach((Rt) => {
           let Xt = -_ / 2;
-          I === "center" ? Xt = 0 : I === "right" && (Xt = _ / 2), nt(xt.text, Xt, vt, !0, ut), ut += (xt.text || "").length, vt += E, ut < f.length && (f[ut] === `
-` || f[ut] === "\r") && (R > 0 && (vt += R), ut++, f[ut - 1] === "\r" && f[ut] === `
+          I === "center" ? Xt = 0 : I === "right" && (Xt = _ / 2), nt(Rt.text, Xt, vt, !0, ut), ut += (Rt.text || "").length, vt += E, ut < f.length && (f[ut] === `
+` || f[ut] === "\r") && (x > 0 && (vt += x), ut++, f[ut - 1] === "\r" && f[ut] === `
 ` && ut++);
         }), t.globalAlpha = pt;
       }
@@ -3847,7 +3850,7 @@ class ci {
   }
   applyStrokeAlignment(t, i, o, e, s, n) {
     if (!i.stroke || i.stroke.width <= 0 || i.stroke.isEnabled === !1) return;
-    const a = i.stroke, r = a.width, l = (a.alignment || "center").toLowerCase();
+    const a = i.stroke, r = a.width, c = (a.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), a.fill) {
       const m = this.createCanvasFill(t, a.fill, e, s);
       m ? t.strokeStyle = m : t.strokeStyle = a.color || "#000000";
@@ -3871,7 +3874,7 @@ class ci {
         }
       }
     } else y.length > 0 && (t.setLineDash(y), t.lineDashOffset = p);
-    (o == null ? void 0 : o.type) === "Line" || e === 0 || s === 0 ? (this.applyPath(t, o, e, s, n), t.stroke()) : l === "inside" ? (t.lineWidth = r * 2, t.save(), this.applyPath(t, o, e, s, n), t.clip(), t.stroke(), t.restore()) : l === "outside" ? (t.lineWidth = r * 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 = r, this.applyPath(t, o, e, s, n), t.stroke()), t.restore();
+    (o == null ? void 0 : o.type) === "Line" || e === 0 || s === 0 ? (this.applyPath(t, o, e, s, n), t.stroke()) : c === "inside" ? (t.lineWidth = r * 2, t.save(), this.applyPath(t, o, e, s, n), t.clip(), t.stroke(), t.restore()) : c === "outside" ? (t.lineWidth = r * 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 = r, 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) {
@@ -3880,12 +3883,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 l = n / 360 * r;
+        let c = n / 360 * r;
         if (a > 0) {
-          const c = Math.PI * (3 * (e * a + s * a) - Math.sqrt((3 * e * a + s * a) * (e * a + 3 * s * a)));
-          l += n / 360 * c, 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;
+          const l = Math.PI * (3 * (e * a + s * a) - Math.sqrt((3 * e * a + s * a) * (e * a + 3 * s * a)));
+          c += n / 360 * l, n < 360 && (c += 2 * Math.sqrt((e - e * a) ** 2 + (s - s * a) ** 2));
+        } else n < 360 && (c += 2 * Math.max(e, s));
+        return isNaN(c) ? 0 : c;
       }
       case "Line":
         return t.length || Math.sqrt(i * i + o * o);
@@ -3904,22 +3907,22 @@ 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 l = e[r];
-          if (l.moveTo) {
-            n = l.x, a = l.y;
+          const c = e[r];
+          if (c.moveTo) {
+            n = c.x, a = c.y;
             continue;
           }
-          const c = n, f = a, u = e[r - 1].out_x, h = e[r - 1].out_y;
-          if (u !== void 0 || l.in_x !== void 0 ? s += this.getBezierLength(
-            c,
+          const l = n, f = a, u = e[r - 1].out_x, h = e[r - 1].out_y;
+          if (u !== void 0 || c.in_x !== void 0 ? s += this.getBezierLength(
+            l,
             f,
-            u ?? c,
+            u ?? l,
             h ?? f,
-            l.in_x ?? l.x,
-            l.in_y ?? l.y,
-            l.x,
-            l.y
-          ) : s += Math.sqrt((l.x - c) ** 2 + (l.y - f) ** 2), n = l.x, a = l.y, l.closePath || r === e.length - 1 && (t.is_closed || t.isClosed)) {
+            c.in_x ?? c.x,
+            c.in_y ?? c.y,
+            c.x,
+            c.y
+          ) : s += Math.sqrt((c.x - l) ** 2 + (c.y - f) ** 2), n = c.x, a = c.y, c.closePath || r === e.length - 1 && (t.is_closed || t.isClosed)) {
             const d = n, p = a, y = [...e.slice(0, r + 1)].reverse().find((I) => I.moveTo) || e[0], m = y.x, b = 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,
@@ -3939,22 +3942,22 @@ class ci {
         return (i + o) * 2;
     }
   }
-  getBezierLength(t, i, o, e, s, n, a, r, l = 10) {
-    let c = 0, f = t, u = i;
-    for (let h = 1; h <= l; h++) {
-      const d = h / l, p = 1 - d, y = d * d, m = p * p, b = m * p, v = y * d, S = b * t + 3 * m * d * o + 3 * p * y * s + v * a, C = b * i + 3 * m * d * e + 3 * p * y * n + v * r, w = S - f, I = C - u;
-      c += Math.sqrt(w * w + I * I), f = S, u = C;
+  getBezierLength(t, i, o, e, s, n, a, r, c = 10) {
+    let l = 0, f = t, u = i;
+    for (let h = 1; h <= c; h++) {
+      const d = h / c, p = 1 - d, y = d * d, m = p * p, b = m * p, v = y * d, S = b * t + 3 * m * d * o + 3 * p * y * s + v * a, C = b * i + 3 * m * d * e + 3 * p * y * n + v * r, w = S - f, I = C - u;
+      l += Math.sqrt(w * w + I * I), f = S, u = C;
     }
-    return c;
+    return l;
   }
-  getBezierTAtLength(t, i, o, e, s, n, a, r, l, c = 20) {
+  getBezierTAtLength(t, i, o, e, s, n, a, r, c, l = 20) {
     if (t <= 0) return 0;
     let f = 0, u = i, h = o;
-    for (let d = 1; d <= c; d++) {
-      const p = d / c, y = 1 - p, m = p * p, b = y * y, v = b * y, S = m * p, C = v * i + 3 * b * p * e + 3 * y * m * n + S * r, w = v * o + 3 * b * p * s + 3 * y * m * a + S * l, I = C - u, M = w - h, k = Math.sqrt(I * I + M * M);
+    for (let d = 1; d <= l; d++) {
+      const p = d / l, y = 1 - p, m = p * p, b = y * y, v = b * y, S = m * p, C = v * i + 3 * b * p * e + 3 * y * m * n + S * r, w = v * o + 3 * b * p * s + 3 * y * m * a + S * c, I = C - u, M = w - h, k = Math.sqrt(I * I + M * M);
       if (f + k >= t) {
-        const T = t - f, R = k === 0 ? 0 : T / k;
-        return (d - 1 + R) / c;
+        const T = t - f, x = k === 0 ? 0 : T / k;
+        return (d - 1 + x) / l;
       }
       f += k, u = C, h = w;
     }
@@ -3964,11 +3967,11 @@ 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, l = -1 / 0;
+      let n = 1 / 0, a = -1 / 0, r = 1 / 0, c = -1 / 0;
       s.forEach((b) => {
-        typeof b.x == "number" && typeof b.y == "number" && (n = Math.min(n, b.x), a = Math.max(a, b.x), r = Math.min(r, b.y), l = Math.max(l, b.y), b.out_x !== void 0 && (n = Math.min(n, b.out_x), a = Math.max(a, b.out_x)), b.out_y !== void 0 && (r = Math.min(r, b.out_y), l = Math.max(l, b.out_y)), b.in_x !== void 0 && (n = Math.min(n, b.in_x), a = Math.max(a, b.in_x)), b.in_y !== void 0 && (r = Math.min(r, b.in_y), l = Math.max(l, b.in_y)));
+        typeof b.x == "number" && typeof b.y == "number" && (n = Math.min(n, b.x), a = Math.max(a, b.x), r = Math.min(r, b.y), c = Math.max(c, b.y), b.out_x !== void 0 && (n = Math.min(n, b.out_x), a = Math.max(a, b.out_x)), b.out_y !== void 0 && (r = Math.min(r, b.out_y), c = Math.max(c, b.out_y)), b.in_x !== void 0 && (n = Math.min(n, b.in_x), a = Math.max(a, b.in_x)), b.in_y !== void 0 && (r = Math.min(r, b.in_y), c = Math.max(c, b.in_y)));
       });
-      const c = (n + a) / 2, f = (r + l) / 2, h = this.getPerimeter(t, i, o) * e;
+      const l = (n + a) / 2, f = (r + c) / 2, h = this.getPerimeter(t, i, o) * e;
       let d = 0;
       const p = [];
       let y = s[0], m = s[0];
@@ -3987,27 +3990,27 @@ class ci {
         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 >= h || b === p[p.length - 1]) {
           let I = 0;
           if (w)
-            return I = this.getBezierTAtLength(h - 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(I, v, S, c, f);
+            return I = this.getBezierTAtLength(h - 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(I, v, S, l, f);
           {
             I = C === 0 ? 0 : (h - d) / C;
-            const M = v.x + (S.x - v.x) * I - c, k = v.y + (S.y - v.y) * I - f, T = Math.atan2(S.y - v.y, S.x - v.x);
+            const M = v.x + (S.x - v.x) * I - l, k = v.y + (S.y - v.y) * I - f, T = Math.atan2(S.y - v.y, S.x - v.x);
             return { x: M, 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, l = ((t.startAngle ?? 0) + a * e) * Math.PI / 180, c = s * Math.cos(l), f = n * Math.sin(l), u = -s * Math.sin(l), h = n * Math.cos(l), d = Math.atan2(h, u);
-      return { x: c, y: f, angle: d };
+      const s = Math.abs(i) / 2, n = Math.abs(o) / 2, a = t.sweepAngle ?? 360, c = ((t.startAngle ?? 0) + a * e) * Math.PI / 180, l = s * Math.cos(c), f = n * Math.sin(c), u = -s * Math.sin(c), h = n * Math.cos(c), d = Math.atan2(h, u);
+      return { x: l, y: f, 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 l = 0, c = 0, f = 0;
-      return r < s ? (l = -s / 2 + r, c = -n / 2, f = 0) : r < s + n ? (l = s / 2, c = -n / 2 + (r - s), f = Math.PI / 2) : r < 2 * s + n ? (l = s / 2 - (r - (s + n)), c = n / 2, f = Math.PI) : (l = -s / 2, c = n / 2 - (r - (2 * s + n)), f = -Math.PI / 2), { x: l, y: c, angle: f };
+      let c = 0, l = 0, f = 0;
+      return r < s ? (c = -s / 2 + r, l = -n / 2, f = 0) : r < s + n ? (c = s / 2, l = -n / 2 + (r - s), f = Math.PI / 2) : r < 2 * s + n ? (c = s / 2 - (r - (s + n)), l = n / 2, f = Math.PI) : (c = -s / 2, l = n / 2 - (r - (2 * s + n)), f = -Math.PI / 2), { x: c, y: l, angle: f };
     }
     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, l = i.out_y ?? i.y, c = o.in_x ?? o.x, f = o.in_y ?? o.y, u = o.x, h = o.y, d = 1 - t, p = t * t, y = d * d, m = y * d, b = p * t, v = m * n + 3 * y * t * r + 3 * d * p * c + b * u - e, S = m * a + 3 * y * t * l + 3 * d * p * f + b * h - s, C = 3 * y * (r - n) + 6 * d * t * (c - r) + 3 * p * (u - c), w = 3 * y * (l - a) + 6 * d * t * (f - l) + 3 * p * (h - f), I = Math.atan2(w, C);
+    const n = i.x, a = i.y, r = i.out_x ?? i.x, c = i.out_y ?? i.y, l = o.in_x ?? o.x, f = o.in_y ?? o.y, u = o.x, h = o.y, d = 1 - t, p = t * t, y = d * d, m = y * d, b = p * t, v = m * n + 3 * y * t * r + 3 * d * p * l + b * u - e, S = m * a + 3 * y * t * c + 3 * d * p * f + b * h - s, C = 3 * y * (r - n) + 6 * d * t * (l - r) + 3 * p * (u - l), w = 3 * y * (c - a) + 6 * d * t * (f - c) + 3 * p * (h - f), I = Math.atan2(w, C);
     return { x: v, y: S, angle: I };
   }
   applyAbsoluteTransform(t, i, o) {
@@ -4034,50 +4037,50 @@ class ci {
     var h, d, p, y, m;
     const a = this.objectStates.get(i.id), r = ((h = a == null ? void 0 : a.style) == null ? void 0 : h.artEffect) || i.artEffect || ((d = i.style) == null ? void 0 : d.artEffect);
     if (!r || !r.enabled) return;
-    const l = r.type, c = r.intensity ?? 0.5, f = 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 c = r.type, l = r.intensity ?? 0.5, f = r.speed ?? 1, u = r.scale ?? 10;
+    if (c === "acid_gradient" || c === "acid_rave" || c === "shimmer" || c === "glint_overlay" || c === "halftone" || c === "noise" || c === "scanlines" || c === "chromatic_aberration" || c === "pixelate" || c === "glitch" || c === "fold_overlay" || c === "crumple_overlay") {
+      if (t.save(), this.applyPath(t, o, e, s, n), t.clip(), c === "shimmer") {
         const v = this.currentTime * f % 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,${c * 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") {
+        S.addColorStop(Math.max(0, v - 0.2), "rgba(255,255,255,0)"), S.addColorStop(v, `rgba(255,255,255,${l * 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 (c === "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,${c})`), 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 (l === "fold_overlay") {
+        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,${l})`), 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 (c === "fold_overlay") {
         const b = this._lastPointerPos || { x: 0, y: 0 }, v = b.x - (((y = i.transform) == null ? void 0 : y.x) ?? 0), S = b.y - (((m = i.transform) == null ? void 0 : m.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,${c * 0.6})`), C.addColorStop(0.4, "rgba(0,0,0,0)"), C.addColorStop(0.5, `rgba(255,255,255,${c * 0.4})`), C.addColorStop(1, `rgba(0,0,0,${c * 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") {
+        C.addColorStop(0, `rgba(0,0,0,${l * 0.6})`), C.addColorStop(0.4, "rgba(0,0,0,0)"), C.addColorStop(0.5, `rgba(255,255,255,${l * 0.4})`), C.addColorStop(1, `rgba(0,0,0,${l * 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 (c === "crumple_overlay") {
         const b = Math.floor(e / u), v = document.createElement("canvas");
         v.width = b, 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 I = Math.random() > 0.95 ? 150 : 255;
-          C.data[w] = I, C.data[w + 1] = I, C.data[w + 2] = I, C.data[w + 3] = 255 * c;
+          C.data[w] = I, C.data[w + 1] = I, C.data[w + 2] = I, C.data[w + 3] = 255 * l;
         }
         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") {
+      } else if (c === "acid_gradient" || c === "acid_rave") {
         const b = this.currentTime * f, v = r.color1, S = r.color2, C = t.createLinearGradient(-e / 2, -s / 2, e / 2, s / 2);
         if (v && S) {
           const w = b * 60 % 360;
-          C.addColorStop(0, this._shiftHue(v, w, c * 0.7)), C.addColorStop(1, this._shiftHue(S, (w + 180) % 360, c * 0.7));
+          C.addColorStop(0, this._shiftHue(v, w, l * 0.7)), C.addColorStop(1, this._shiftHue(S, (w + 180) % 360, l * 0.7));
         } else {
           const w = b * 100 % 360, I = (w + 180) % 360;
-          C.addColorStop(0, `hsla(${w}, 80%, 50%, ${c * 0.5})`), C.addColorStop(1, `hsla(${I}, 80%, 50%, ${c * 0.5})`);
+          C.addColorStop(0, `hsla(${w}, 80%, 50%, ${l * 0.5})`), C.addColorStop(1, `hsla(${I}, 80%, 50%, ${l * 0.5})`);
         }
         t.fillStyle = C, t.globalCompositeOperation = "screen", t.fillRect(-e / 2, -s / 2, e, s);
-      } else if (l === "halftone") {
-        const b = Math.max(2, u * (1 - c * 0.8)), v = document.createElement("canvas");
+      } else if (c === "halftone") {
+        const b = Math.max(2, u * (1 - l * 0.8)), v = document.createElement("canvas");
         v.width = b, v.height = b;
         const S = v.getContext("2d");
         if (S) {
-          S.fillStyle = "black", S.beginPath(), S.arc(b / 2, b / 2, b / 2 * c, 0, Math.PI * 2), S.fill();
+          S.fillStyle = "black", S.beginPath(), S.arc(b / 2, b / 2, b / 2 * l, 0, Math.PI * 2), S.fill();
           const C = t.createPattern(v, "repeat");
-          C && (t.globalAlpha = 0.3 * c, t.fillStyle = C, t.fillRect(-e / 2, -s / 2, e, s));
+          C && (t.globalAlpha = 0.3 * l, t.fillStyle = C, t.fillRect(-e / 2, -s / 2, e, s));
         }
-      } else if (l === "noise") {
-        const b = Math.floor(e * s * c * 0.02);
-        t.globalAlpha = 0.4 * c;
+      } else if (c === "noise") {
+        const b = Math.floor(e * s * l * 0.02);
+        t.globalAlpha = 0.4 * l;
         for (let v = 0; v < b; v++) {
           const S = Math.random() > 0.5 ? 255 : 0;
           t.fillStyle = `rgba(${S}, ${S}, ${S}, ${0.5 + Math.random() * 0.5})`, t.fillRect(
@@ -4087,15 +4090,15 @@ class ci {
             2
           );
         }
-      } else if (l === "scanlines") {
-        t.globalAlpha = 0.2 * c, t.strokeStyle = "rgba(0,0,0,0.5)", t.lineWidth = 1;
+      } else if (c === "scanlines") {
+        t.globalAlpha = 0.2 * l, t.strokeStyle = "rgba(0,0,0,0.5)", t.lineWidth = 1;
         for (let b = -s / 2; b < s / 2; b += 4)
           t.beginPath(), t.moveTo(-e / 2, b), t.lineTo(e / 2, b), t.stroke();
-      } else if (l === "chromatic_aberration") {
-        const b = 5 * c;
+      } else if (c === "chromatic_aberration") {
+        const b = 5 * l;
         t.globalCompositeOperation = "screen", t.globalAlpha = 0.5, t.fillStyle = "cyan", t.fillRect(-e / 2 - b, -s / 2, e, s), t.fillStyle = "magenta", t.fillRect(-e / 2 + b, -s / 2, e, s);
-      } else if (l === "pixelate") {
-        const b = Math.max(2, Math.round(u * (1 - c * 0.5))), v = document.createElement("canvas"), S = Math.max(1, Math.ceil(e / b)), C = Math.max(1, Math.ceil(s / b));
+      } else if (c === "pixelate") {
+        const b = Math.max(2, Math.round(u * (1 - l * 0.5))), v = document.createElement("canvas"), S = Math.max(1, Math.ceil(e / b)), C = Math.max(1, Math.ceil(s / b));
         v.width = S, v.height = C;
         const w = v.getContext("2d");
         if (w) {
@@ -4103,17 +4106,17 @@ class ci {
           const I = t.getTransform(), M = I.e - e / 2, k = I.f - s / 2;
           w.drawImage(t.canvas, M, k, e, s, 0, 0, S, C), t.imageSmoothingEnabled = !1, t.drawImage(v, 0, 0, S, C, -e / 2, -s / 2, e, s), t.imageSmoothingEnabled = !0;
         }
-      } else if (l === "glitch") {
-        const b = this.currentTime * f, v = r.chaosAmount ?? 0.2, S = Math.max(3, Math.floor(8 * c)), C = c * e * 0.15;
-        t.globalCompositeOperation = "screen", t.globalAlpha = c * 0.4;
+      } else if (c === "glitch") {
+        const b = this.currentTime * f, v = r.chaosAmount ?? 0.2, S = Math.max(3, Math.floor(8 * l)), C = l * e * 0.15;
+        t.globalCompositeOperation = "screen", t.globalAlpha = l * 0.4;
         const w = C * 0.3;
         t.fillStyle = "rgba(255, 0, 0, 0.4)", t.fillRect(-e / 2 + w, -s / 2, e, s), t.fillStyle = "rgba(0, 255, 255, 0.4)", t.fillRect(-e / 2 - w, -s / 2, e, s), t.globalCompositeOperation = "source-over", t.globalAlpha = 1;
         const I = s / S;
         for (let M = 0; M < S; M++) {
           const k = Math.sin(M * 127.1 + b * 311.7 * f) * 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 + M * I, E = t.getTransform(), x = E.e - e / 2 + R, O = E.f + P;
-            t.save(), t.beginPath(), t.rect(-e / 2, P, e, I), t.clip(), t.globalAlpha = 0.8, t.drawImage(t.canvas, x, O, e, I, -e / 2 + R, P, e, I), t.restore();
+            const x = (T - (1 - v)) / v * C * (Math.random() > 0.5 ? 1 : -1), P = -s / 2 + M * I, E = t.getTransform(), R = E.e - e / 2 + x, O = E.f + P;
+            t.save(), t.beginPath(), t.rect(-e / 2, P, e, I), t.clip(), t.globalAlpha = 0.8, t.drawImage(t.canvas, R, O, e, I, -e / 2 + x, P, e, I), t.restore();
           }
         }
       }
@@ -4128,22 +4131,22 @@ class ci {
       e = parseInt(h.substring(0, 2), 16) / 255, s = parseInt(h.substring(2, 4), 16) / 255, n = parseInt(h.substring(4, 6), 16) / 255;
     }
     const a = Math.max(e, s, n), r = Math.min(e, s, n);
-    let l = 0, c = 0, f = (a + r) / 2;
+    let c = 0, l = 0, f = (a + r) / 2;
     if (a !== r) {
       const h = a - r;
-      switch (c = f > 0.5 ? h / (2 - a - r) : h / (a + r), a) {
+      switch (l = f > 0.5 ? h / (2 - a - r) : h / (a + r), a) {
         case e:
-          l = ((s - n) / h + (s < n ? 6 : 0)) / 6;
+          c = ((s - n) / h + (s < n ? 6 : 0)) / 6;
           break;
         case s:
-          l = ((n - e) / h + 2) / 6;
+          c = ((n - e) / h + 2) / 6;
           break;
         case n:
-          l = ((e - s) / h + 4) / 6;
+          c = ((e - s) / h + 4) / 6;
           break;
       }
     }
-    return `hsla(${(((l * 360 + i) % 360 + 360) % 360).toFixed(0)}, ${(c * 100).toFixed(0)}%, ${(f * 100).toFixed(0)}%, ${o})`;
+    return `hsla(${(((c * 360 + i) % 360 + 360) % 360).toFixed(0)}, ${(l * 100).toFixed(0)}%, ${(f * 100).toFixed(0)}%, ${o})`;
   }
   /**
    * Simulate CSS `backdrop-filter: blur()` + glass overlay on Canvas2D.
@@ -4154,7 +4157,7 @@ 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)", l = n.opacity ?? 0.5, c = n.noise ?? 0;
+    const a = n.radius ?? 10, r = n.color ?? "rgba(255,255,255,0.2)", c = n.opacity ?? 0.5, l = n.noise ?? 0;
     t.save(), this.applyPath(t, i, o, e, s), t.clip();
     const f = t.getTransform(), u = f.e - o / 2, h = f.f - e / 2;
     try {
@@ -4170,10 +4173,10 @@ class ci {
       }
     } catch {
     }
-    t.globalCompositeOperation = "source-over", t.globalAlpha = l, t.fillStyle = r, t.fillRect(-o / 2, -e / 2, o, e), t.globalAlpha = 1, t.globalCompositeOperation = "source-atop";
+    t.globalCompositeOperation = "source-over", t.globalAlpha = c, t.fillStyle = r, 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), c > 0) {
-      if (t.globalAlpha = c / 100, !this._noiseTileCanvas) {
+    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 m = y.getContext("2d"), b = m.createImageData(64, 64), v = b.data;
@@ -4199,76 +4202,76 @@ 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, l = o / 2, c = e / 2, f = n * Math.PI / 180, u = a * Math.PI / 180, h = f + u;
-        a >= 360 && r <= 0 ? t.ellipse(0, 0, l, c, 0, 0, Math.PI * 2) : (t.ellipse(0, 0, l, c, 0, f, h, !1), r > 0 ? t.ellipse(0, 0, l * r, c * r, 0, h, f, !0) : t.lineTo(0, 0), t.closePath());
+        const { startAngle: n = 0, sweepAngle: a = 360, ratio: r = 0 } = i, c = o / 2, l = e / 2, f = n * Math.PI / 180, u = a * Math.PI / 180, h = f + u;
+        a >= 360 && r <= 0 ? t.ellipse(0, 0, c, l, 0, 0, Math.PI * 2) : (t.ellipse(0, 0, c, l, 0, f, h, !1), r > 0 ? t.ellipse(0, 0, c * r, l * r, 0, h, f, !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 l = r * 2 * Math.PI / n - Math.PI / 2, c = a * Math.cos(l), f = a * Math.sin(l);
-          r === 0 ? t.moveTo(c, f) : t.lineTo(c, f);
+          const c = r * 2 * Math.PI / n - Math.PI / 2, l = a * Math.cos(c), f = a * Math.sin(c);
+          r === 0 ? t.moveTo(l, f) : t.lineTo(l, f);
         }
         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 l = 0; l < n * 2; l++) {
-          const c = l * Math.PI / n - Math.PI / 2, f = l % 2 === 0 ? a : r, u = f * Math.cos(c), h = f * Math.sin(c);
-          l === 0 ? t.moveTo(u, h) : t.lineTo(u, h);
+        for (let c = 0; c < n * 2; c++) {
+          const l = c * Math.PI / n - Math.PI / 2, f = c % 2 === 0 ? a : r, u = f * Math.cos(l), h = f * Math.sin(l);
+          c === 0 ? t.moveTo(u, h) : t.lineTo(u, h);
         }
         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, l = -1 / 0;
+        let n = 1 / 0, a = -1 / 0, r = 1 / 0, c = -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)));
+          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), c = Math.max(c, 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), c = Math.max(c, 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), c = Math.max(c, u.in_y)));
         }), n === 1 / 0) return;
-        const c = (n + a) / 2, f = (r + l) / 2;
-        if (isNaN(c) || isNaN(f)) {
-          this.warn("[Engine] Invalid path center:", c, f);
+        const l = (n + a) / 2, f = (r + c) / 2;
+        if (isNaN(l) || isNaN(f)) {
+          this.warn("[Engine] Invalid path center:", l, f);
           return;
         }
         i.points.forEach((u, h) => {
           if (h === 0 || u.moveTo)
-            t.moveTo(u.x - c, u.y - f);
+            t.moveTo(u.x - l, u.y - f);
           else {
             const d = i.points[h - 1];
             if (!d) return;
-            const p = (d.out_x ?? d.x) - c, y = (d.out_y ?? d.y) - f, m = (u.in_x ?? u.x) - c, b = (u.in_y ?? u.y) - f;
-            isNaN(p) || isNaN(m) || isNaN(u.x) ? t.lineTo(u.x - c, u.y - f) : t.bezierCurveTo(p, y, m, b, u.x - c, u.y - f);
+            const p = (d.out_x ?? d.x) - l, y = (d.out_y ?? d.y) - f, m = (u.in_x ?? u.x) - l, b = (u.in_y ?? u.y) - f;
+            isNaN(p) || isNaN(m) || isNaN(u.x) ? t.lineTo(u.x - l, u.y - f) : t.bezierCurveTo(p, y, m, b, u.x - l, u.y - f);
           }
           if (u.closePath || h === i.points.length - 1 && (i.is_closed || i.isClosed)) {
             const d = [...i.points.slice(0, h + 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) - c,
+              (u.out_x ?? u.x) - l,
               (u.out_y ?? u.y) - f,
-              (d.in_x ?? d.x) - c,
+              (d.in_x ?? d.x) - l,
               (d.in_y ?? d.y) - f,
-              d.x - c,
+              d.x - l,
               d.y - f
             ), t.closePath();
           }
         });
       } else if (i.points && Array.isArray(i.points)) {
-        let n = 1 / 0, a = -1 / 0, r = 1 / 0, l = -1 / 0;
+        let n = 1 / 0, a = -1 / 0, r = 1 / 0, c = -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);
+          n = Math.min(n, u.x), a = Math.max(a, u.x), r = Math.min(r, u.y), c = Math.max(c, u.y);
         });
-        const c = (n + a) / 2, f = (r + l) / 2;
+        const l = (n + a) / 2, f = (r + c) / 2;
         i.points.forEach((u, h) => {
-          if (h === 0) t.moveTo(u.x - c, u.y - f);
+          if (h === 0) t.moveTo(u.x - l, u.y - f);
           else {
             const d = i.points[h - 1];
             d.out_x !== void 0 || u.in_x !== void 0 ? t.bezierCurveTo(
-              (d.out_x ?? d.x) - c,
+              (d.out_x ?? d.x) - l,
               (d.out_y ?? d.y) - f,
-              (u.in_x ?? u.x) - c,
+              (u.in_x ?? u.x) - l,
               (u.in_y ?? u.y) - f,
-              u.x - c,
+              u.x - l,
               u.y - f
-            ) : t.lineTo(u.x - c, u.y - f);
+            ) : t.lineTo(u.x - l, u.y - f);
           }
           (u.closePath || h === i.points.length - 1 && (i.is_closed || i.isClosed)) && t.closePath();
         });
@@ -4276,76 +4279,76 @@ class ci {
     }
   }
   renderInputBox(t, i) {
-    var it, rt;
-    const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.options) || i.options || {}, s = ((it = i.geometry) == null ? void 0 : it.width) || 250, n = ((rt = i.geometry) == null ? void 0 : rt.height) || 45, a = this.focusedId === i.id, r = this.lastHoveredObjectId === i.id, l = e.previewState || "default", c = l !== "default" ? l : a ? "focused" : r ? "hovered" : "default", f = e.label || { visible: !0, text: "Label" }, u = e.helperText || { visible: !1, text: "Helper text" }, h = e.leftIcon || { visible: !1 }, d = e.rightIcon || { visible: !1 }, p = e.multiline === !0, y = e.corner_radius ?? 8, m = e.corners || { tl: y, tr: y, bl: y, br: y }, b = [m.tl, m.tr, m.br, m.bl];
+    var it, lt;
+    const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.options) || i.options || {}, s = ((it = i.geometry) == null ? void 0 : it.width) || 250, n = ((lt = i.geometry) == null ? void 0 : lt.height) || 45, a = this.focusedId === i.id, r = this.lastHoveredObjectId === i.id, c = e.previewState || "default", l = c !== "default" ? c : a ? "focused" : r ? "hovered" : "default", f = e.label || { visible: !0, text: "Label" }, u = e.helperText || { visible: !1, text: "Helper text" }, h = e.leftIcon || { visible: !1 }, d = e.rightIcon || { visible: !1 }, p = e.multiline === !0, y = e.corner_radius ?? 8, m = e.corners || { tl: y, tr: y, bl: y, br: y }, b = [m.tl, m.tr, m.br, m.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", I = e.placeholderColor || "rgba(156, 163, 175, 1)", M = e.fontSize || 14;
-    const k = `${c}Style`, T = e[k];
-    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 && (I = T.placeholderColor), T.fontSize !== void 0 && (M = T.fontSize)) : c === "focused" ? (S = e.focusBorderColor || "rgba(59, 130, 246, 1)", C = Math.max(C, 2)) : c === "hovered" || c === "hover" ? (S = e.hoverBorderColor || S, v = e.hoverBackgroundColor || v) : c === "disabled" ? (v = e.disabledBackgroundColor || "rgba(31, 41, 55, 0.6)", S = e.disabledBorderColor || "rgba(55, 65, 81, 0.4)") : c === "error" && (S = "rgba(239, 68, 68, 1)", C = Math.max(C, 2)), t.beginPath(), this.drawRoundRect(t, -s / 2, -n / 2, s, n, b);
-    const R = this.createCanvasFill(t, v, s, n);
-    if (R && (t.fillStyle = R, t.fill()), C > 0) {
+    const k = `${l}Style`, T = e[k];
+    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 && (I = T.placeholderColor), T.fontSize !== void 0 && (M = T.fontSize)) : l === "focused" ? (S = e.focusBorderColor || "rgba(59, 130, 246, 1)", C = Math.max(C, 2)) : l === "hovered" || l === "hover" ? (S = e.hoverBorderColor || S, v = e.hoverBackgroundColor || v) : l === "disabled" ? (v = e.disabledBackgroundColor || "rgba(31, 41, 55, 0.6)", S = e.disabledBorderColor || "rgba(55, 65, 81, 0.4)") : l === "error" && (S = "rgba(239, 68, 68, 1)", C = Math.max(C, 2)), t.beginPath(), this.drawRoundRect(t, -s / 2, -n / 2, s, n, b);
+    const x = this.createCanvasFill(t, v, s, n);
+    if (x && (t.fillStyle = x, t.fill()), C > 0) {
       const nt = this.createCanvasFill(t, S, s, n);
-      if (nt && (t.strokeStyle = nt, t.lineWidth = C, t.stroke()), c === "focused" || c === "focus") {
+      if (nt && (t.strokeStyle = nt, t.lineWidth = C, t.stroke()), l === "focused" || l === "focus") {
         t.save(), t.beginPath();
-        const yt = b.map((ct) => ct + 2);
-        this.drawRoundRect(t, -s / 2 - 2, -n / 2 - 2, s + 4, n + 4, yt), t.strokeStyle = "rgba(59, 130, 246, 0.3)", t.lineWidth = 2, t.stroke(), t.restore();
+        const bt = b.map((ht) => ht + 2);
+        this.drawRoundRect(t, -s / 2 - 2, -n / 2 - 2, s + 4, n + 4, bt), t.strokeStyle = "rgba(59, 130, 246, 0.3)", t.lineWidth = 2, t.stroke(), t.restore();
       }
     }
-    const P = (nt, yt) => {
+    const P = (nt, bt) => {
       if (!nt.visible || !nt.svgPath) return;
-      const ct = nt.size || 14, wt = nt.offset ?? 16, Mt = nt.color || "#ffffff", It = yt ? -(s / 2) + wt : s / 2 - wt, Ot = nt.svgPath;
+      const ht = nt.size || 14, wt = nt.offset ?? 16, Mt = nt.color || "#ffffff", It = bt ? -(s / 2) + wt : s / 2 - wt, Ot = nt.svgPath;
       if (t.save(), t.translate(It, 0), !Ot.startsWith("<svg")) {
-        const At = new Path2D(Ot), Tt = ct / 24;
+        const At = new Path2D(Ot), Tt = ht / 24;
         t.scale(Tt, Tt), t.translate(-12, -12), t.fillStyle = Mt, t.fill(At);
       }
       t.restore();
     };
     P(h, !0), P(d, !1);
-    const E = e.text || "", x = e.placeholder || "Enter text...", O = !E, W = E || x, B = O ? I : w, $ = M, Y = e.fontFamily || "Inter", H = e.fontWeight || 400;
+    const E = e.text || "", R = e.placeholder || "Enter text...", O = !E, W = E || R, B = O ? I : w, $ = M, Y = e.fontFamily || "Inter", H = e.fontWeight || 400;
     t.font = `${H} ${$}px "${Y}", sans-serif`, t.fillStyle = B, t.textAlign = "left", t.textBaseline = p ? "top" : "middle";
     const K = e.inputPadding ?? 16, A = h.visible ? (h.offset ?? 16) + (h.size || 14) / 2 + 8 : K, _ = d.visible ? (d.offset ?? 16) + (d.size || 14) / 2 + 8 : K, L = -(s / 2) + A, X = s - A - _, V = e.inputType === "password" ? "•".repeat(W.length) : W;
     if (t.save(), t.beginPath(), t.rect(L - 2, -n / 2 + 4, X + 4, n - 8), t.clip(), p) {
       const nt = V.split(`
 `);
-      let yt = -n / 2 + K;
-      const ct = $ * 1.2;
+      let bt = -n / 2 + K;
+      const ht = $ * 1.2;
       let wt = 0;
       nt.forEach((Mt, It) => {
         const Ot = Mt.split(" ");
         let At = "";
         for (let Tt = 0; Tt < Ot.length; Tt++) {
           const zt = At + Ot[Tt] + " ";
-          t.measureText(zt).width > X && Tt > 0 ? (t.fillText(At, L, yt), At = Ot[Tt] + " ", yt += ct) : At = zt;
+          t.measureText(zt).width > X && Tt > 0 ? (t.fillText(At, L, bt), At = Ot[Tt] + " ", bt += ht) : At = zt;
         }
-        t.fillText(At, L, yt), wt = t.measureText(At).width, It < nt.length - 1 && (yt += ct, wt = 0);
-      }), a && !O && Math.floor(performance.now() / 500) % 2 === 0 && t.fillRect(L + wt, yt, 1.5, $);
+        t.fillText(At, L, bt), wt = t.measureText(At).width, It < nt.length - 1 && (bt += ht, wt = 0);
+      }), a && !O && Math.floor(performance.now() / 500) % 2 === 0 && t.fillRect(L + wt, bt, 1.5, $);
     } else {
-      const yt = t.measureText(V).width;
-      let ct = 0;
-      if (yt > X && (ct = yt - X), t.fillText(V, L - ct, 0), a && !O && Math.floor(performance.now() / 500) % 2 === 0) {
-        const Mt = L + yt - ct;
+      const bt = t.measureText(V).width;
+      let ht = 0;
+      if (bt > X && (ht = bt - X), t.fillText(V, L - ht, 0), a && !O && Math.floor(performance.now() / 500) % 2 === 0) {
+        const Mt = L + bt - ht;
         t.fillRect(Mt, -($ / 2), 1.5, $);
       }
     }
     if (t.restore(), f.visible !== !1) {
-      const nt = f.text || "Label", yt = f.fontSize || 12, ct = f.color || "rgba(156, 163, 175, 1)", wt = f.offset ?? 8;
-      t.font = `600 ${yt}px "${Y}", sans-serif`, t.fillStyle = ct, t.textAlign = "left", t.textBaseline = "bottom";
+      const nt = f.text || "Label", bt = f.fontSize || 12, ht = f.color || "rgba(156, 163, 175, 1)", wt = f.offset ?? 8;
+      t.font = `600 ${bt}px "${Y}", sans-serif`, t.fillStyle = ht, t.textAlign = "left", t.textBaseline = "bottom";
       const Mt = -(s / 2), It = -(n / 2) - wt;
       t.fillText(nt, Mt, It);
     }
     if (u.visible === !0) {
-      const nt = u.text || "Helper text", yt = u.fontSize || 11, ct = c === "error" ? "rgba(239, 68, 68, 1)" : u.color || "rgba(156, 163, 175, 1)", wt = u.offset ?? 6;
-      t.font = `400 ${yt}px "${Y}", sans-serif`, t.fillStyle = ct, t.textAlign = "left", t.textBaseline = "top";
+      const nt = u.text || "Helper text", bt = u.fontSize || 11, ht = l === "error" ? "rgba(239, 68, 68, 1)" : u.color || "rgba(156, 163, 175, 1)", wt = u.offset ?? 6;
+      t.font = `400 ${bt}px "${Y}", sans-serif`, t.fillStyle = ht, t.textAlign = "left", t.textBaseline = "top";
       const Mt = -(s / 2), It = n / 2 + wt;
       t.fillText(nt, Mt, It);
     }
   }
   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, c = (s.max ?? 100) - r, f = c === 0 ? 0 : (a - r) / c, u = s.trackHeight || 4, h = s.trackRoundedness ?? 2, d = s.trackShape ?? "Rectangle", p = s.trackPath || "", y = s.accentColor || "#3b82f6", m = s.inactiveColor || "#374151", b = s.thumbShape || "Ellipse", v = s.thumbWidth ?? 16, S = s.thumbHeight ?? 16, C = s.thumbRoundedness ?? 0, w = s.thumbColor || "#ffffff", I = s.thumbPath || "", M = s.thumbIcon || "", k = s.showValueTooltip ?? !1, T = s.tooltipBgColor || "#333333", R = s.tooltipColor || "#ffffff", P = s.tooltipOffsetX ?? 0, E = s.tooltipOffsetY ?? -25, x = (X, V, it, rt, nt, yt, ct) => {
-      if ((X === "Custom" || X === "Icon") && ct)
+    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, l = (s.max ?? 100) - r, f = l === 0 ? 0 : (a - r) / l, u = s.trackHeight || 4, h = s.trackRoundedness ?? 2, d = s.trackShape ?? "Rectangle", p = s.trackPath || "", y = s.accentColor || "#3b82f6", m = s.inactiveColor || "#374151", b = s.thumbShape || "Ellipse", v = s.thumbWidth ?? 16, S = s.thumbHeight ?? 16, C = s.thumbRoundedness ?? 0, w = s.thumbColor || "#ffffff", I = s.thumbPath || "", M = s.thumbIcon || "", k = s.showValueTooltip ?? !1, T = s.tooltipBgColor || "#333333", x = s.tooltipColor || "#ffffff", P = s.tooltipOffsetX ?? 0, E = s.tooltipOffsetY ?? -25, R = (X, V, it, lt, nt, bt, ht) => {
+      if ((X === "Custom" || X === "Icon") && ht)
         try {
-          const wt = new Path2D(ct);
+          const wt = new Path2D(ht);
           if (t.save(), t.translate(V, it), X === "Icon") {
-            const Mt = Math.min(rt, nt) / 24;
+            const Mt = Math.min(lt, nt) / 24;
             t.scale(Mt, Mt), t.translate(-12, -12);
           }
           t.fill(wt), t.restore();
@@ -4354,31 +4357,31 @@ class ci {
           console.error("Error drawing slider shape in engine:", wt);
         }
       if (t.beginPath(), X === "Ellipse")
-        t.ellipse(V, it, rt / 2, nt / 2, 0, 0, Math.PI * 2);
+        t.ellipse(V, it, lt / 2, nt / 2, 0, 0, Math.PI * 2);
       else if (X === "Rectangle")
-        this.drawRoundRect(t, V - rt / 2, it - nt / 2, rt, nt, yt);
+        this.drawRoundRect(t, V - lt / 2, it - nt / 2, lt, nt, bt);
       else if (X === "Triangle")
-        t.moveTo(V, it - nt / 2), t.lineTo(V + rt / 2, it + nt / 2), t.lineTo(V - rt / 2, it + nt / 2), t.closePath();
+        t.moveTo(V, it - nt / 2), t.lineTo(V + lt / 2, it + nt / 2), t.lineTo(V - lt / 2, it + nt / 2), t.closePath();
       else if (X === "Diamond")
-        t.moveTo(V, it - nt / 2), t.lineTo(V + rt / 2, it), t.lineTo(V, it + nt / 2), t.lineTo(V - rt / 2, it), t.closePath();
+        t.moveTo(V, it - nt / 2), t.lineTo(V + lt / 2, it), t.lineTo(V, it + nt / 2), t.lineTo(V - lt / 2, it), t.closePath();
       else if (X === "Polygon") {
-        const wt = i.geometry.sides || 3, Mt = i.geometry.radius || Math.min(rt, nt) / 2;
+        const wt = i.geometry.sides || 3, Mt = i.geometry.radius || Math.min(lt, nt) / 2;
         for (let It = 0; It < wt; It++) {
           const Ot = It * 2 * Math.PI / wt - Math.PI / 2, At = V + Mt * Math.cos(Ot), Tt = it + Mt * Math.sin(Ot);
           It === 0 ? t.moveTo(At, Tt) : t.lineTo(At, Tt);
         }
         t.closePath();
       } else if (X === "Star") {
-        const Mt = Math.min(rt, nt) / 2, It = Mt / 2;
+        const Mt = Math.min(lt, nt) / 2, It = Mt / 2;
         for (let Ot = 0; Ot < 10; Ot++) {
           const At = Ot % 2 === 0 ? Mt : It, Tt = Ot * Math.PI / 5 - Math.PI / 2;
           t.lineTo(V + At * Math.cos(Tt), it + At * Math.sin(Tt));
         }
         t.closePath();
-      } else X === "Line" && (t.moveTo(V - rt / 2, it), t.lineTo(V + rt / 2, it));
+      } else X === "Line" && (t.moveTo(V - lt / 2, it), t.lineTo(V + lt / 2, it));
       t.fill();
     }, O = this.createCanvasFill(t, m, n, u);
-    O && (t.fillStyle = O, t.strokeStyle = O), d === "Line" ? (t.lineWidth = u, t.beginPath(), t.moveTo(-n / 2, 0), t.lineTo(n / 2, 0), t.stroke()) : x(d, 0, 0, n, u, h, p);
+    O && (t.fillStyle = O, t.strokeStyle = O), d === "Line" ? (t.lineWidth = u, t.beginPath(), t.moveTo(-n / 2, 0), t.lineTo(n / 2, 0), t.stroke()) : R(d, 0, 0, n, u, h, p);
     const W = n - v, B = -n / 2 + v / 2 + f * W, $ = B - -n / 2;
     if ($ > 0) {
       const X = this.createCanvasFill(t, y, n, u);
@@ -4388,42 +4391,42 @@ class ci {
     const Y = t.getTransform(), H = Math.sqrt(Y.a * Y.a + Y.b * Y.b) || 1;
     t.shadowColor = "rgba(0,0,0,0.2)", t.shadowBlur = 4 * H, t.shadowOffsetY = 1 * H;
     const K = this.createCanvasFill(t, w, v, S);
-    if (K && (t.fillStyle = K), x(b, 0, 0, v, S, C, b === "Icon" ? M : I), t.restore(), k) {
+    if (K && (t.fillStyle = K), R(b, 0, 0, v, S, C, b === "Icon" ? M : I), t.restore(), k) {
       t.save(), t.translate(B + P, E);
       const X = Math.round(a).toString();
       t.font = "10px Inter, sans-serif";
-      const V = t.measureText(X), it = 6, rt = 4, nt = V.width + it * 2, yt = 14 + rt;
-      t.beginPath(), this.drawRoundRect(t, -nt / 2, -yt / 2, nt, yt, 4), t.fillStyle = T, t.fill(), t.fillStyle = R, t.textAlign = "center", t.textBaseline = "middle", t.fillText(X, 0, 0), t.restore();
+      const V = t.measureText(X), it = 6, lt = 4, nt = V.width + it * 2, bt = 14 + lt;
+      t.beginPath(), this.drawRoundRect(t, -nt / 2, -bt / 2, nt, bt, 4), t.fillStyle = T, t.fill(), t.fillStyle = x, t.textAlign = "center", t.textBaseline = "middle", t.fillText(X, 0, 0), t.restore();
     }
     const A = s.label || {}, _ = s.helperText || {}, L = s.fontFamily || "Inter";
     if (A.visible !== !1) {
-      const X = A.text || "Label", V = A.fontSize || 12, it = A.color || "rgba(156, 163, 175, 1)", rt = A.offset ?? 8;
+      const X = A.text || "Label", V = A.fontSize || 12, it = A.color || "rgba(156, 163, 175, 1)", lt = A.offset ?? 8;
       t.font = `600 ${V}px "${L}", sans-serif`, t.fillStyle = it, t.textAlign = "left", t.textBaseline = "bottom";
-      const nt = -(n / 2), yt = -(u / 2) - rt;
-      t.fillText(X, nt, yt);
+      const nt = -(n / 2), bt = -(u / 2) - lt;
+      t.fillText(X, nt, bt);
     }
     if (_.visible === !0) {
-      const X = _.text || "Helper text", V = _.fontSize || 11, it = _.color || "rgba(156, 163, 175, 1)", rt = _.offset ?? 6;
+      const X = _.text || "Helper text", V = _.fontSize || 11, it = _.color || "rgba(156, 163, 175, 1)", lt = _.offset ?? 6;
       t.font = `400 ${V}px "${L}", sans-serif`, t.fillStyle = it, t.textAlign = "left", t.textBaseline = "top";
-      const nt = -(n / 2), yt = u / 2 + rt;
-      t.fillText(X, nt, yt);
+      const nt = -(n / 2), bt = u / 2 + lt;
+      t.fillText(X, nt, bt);
     }
   }
   renderDropdown(t, i) {
     var E;
     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, l = e.corner_radius ?? 6, c = e.disabled || e.previewState === "disabled", f = this.lastHoveredObjectId === i.id || e.previewState === "hover", u = (e.isOpen || e.previewState === "active") && !c;
+    const e = o.options || i.options || {}, s = i.geometry.width || 160, n = i.geometry.height || 40, a = -s / 2, r = -n / 2, c = e.corner_radius ?? 6, l = e.disabled || e.previewState === "disabled", f = this.lastHoveredObjectId === i.id || e.previewState === "hover", u = (e.isOpen || e.previewState === "active") && !l;
     let h = e.backgroundColor, d = e.borderColor, p = e.color || "#333333";
-    c ? (h = e.disabledBackgroundColor || "#f3f4f6", d = e.disabledBorderColor || "#e5e7eb", p = e.disabledColor || "#9ca3af") : u ? (h = e.activeBackgroundColor || h, d = e.activeBorderColor || d, p = e.activeColor || p) : f && (h = e.hoverBackgroundColor || h, d = e.hoverBorderColor || d, p = e.hoverColor || p), h || (h = "#ffffff"), d || (d = "#e5e7eb");
+    l ? (h = e.disabledBackgroundColor || "#f3f4f6", d = e.disabledBorderColor || "#e5e7eb", p = e.disabledColor || "#9ca3af") : u ? (h = e.activeBackgroundColor || h, d = e.activeBorderColor || d, p = e.activeColor || p) : f && (h = e.hoverBackgroundColor || h, d = e.hoverBorderColor || d, p = e.hoverColor || p), h || (h = "#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 h == "string" ? { type: "Solid", color: h } : h, s, n) || "#ffffff", t.fill();
+    t.globalAlpha = y * (e.opacity ?? 1), this.drawRoundRect(t, a, r, s, n, c), t.fillStyle = this.createCanvasFill(t, typeof h == "string" ? { type: "Solid", color: h } : h, s, n) || "#ffffff", t.fill();
     const m = e.borderWidth ?? 1;
     m > 0 && (t.strokeStyle = this.createCanvasFill(t, typeof d == "string" ? { type: "Solid", color: d } : d, s, n) || "#e5e7eb", t.lineWidth = m, t.stroke());
     const b = 12, v = e.chevronType || "chevron", S = e.chevronSize || 16, C = (u ? e.openIconColor : e.closedIconColor) || e.chevronColor || "#6b7280";
     if (v !== "none") {
-      const x = a + s - b - S / 2;
-      t.save(), t.translate(x, 0);
+      const R = a + s - b - S / 2;
+      t.save(), t.translate(R, 0);
       const O = u ? e.openIconAngle ?? 180 : e.closedIconAngle ?? 0;
       if (t.rotate(O * 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();
@@ -4440,110 +4443,110 @@ class ci {
     }
     const w = e.selectedOption || e.placeholder || "Select...", I = e.fontSize || 14, M = e.fontWeight || 400, k = e.fontFamily || "Inter, sans-serif";
     t.font = `${M} ${I}px ${k}`;
-    const T = c ? e.disabledColor || "#9ca3af" : !e.selectedOption && e.placeholder ? "#9ca3af" : p;
+    const T = l ? 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 = v === "none" ? 0 : S + 8, P = s - b * 2 - R;
-    if (t.save(), t.beginPath(), t.rect(a + b, r, P, n), t.clip(), t.fillText(w, a + b, 0), t.restore(), u && !c) {
-      const x = r + n + 4, O = e.optionsList || [], W = e.itemHeight || 32, B = e.listPadding ?? 4, $ = O.length * W + B * 2, Y = e.listCornerRadius ?? l;
+    const x = v === "none" ? 0 : S + 8, P = s - b * 2 - x;
+    if (t.save(), t.beginPath(), t.rect(a + b, r, P, n), t.clip(), t.fillText(w, a + b, 0), t.restore(), u && !l) {
+      const R = r + n + 4, O = e.optionsList || [], W = e.itemHeight || 32, B = e.listPadding ?? 4, $ = O.length * W + B * 2, Y = e.listCornerRadius ?? c;
       t.save();
       const H = e.listShadow || {}, K = t.getTransform(), A = Math.sqrt(K.a * K.a + K.b * K.b) || 1;
-      t.shadowColor = typeof H.color == "string" ? H.color : ((E = H.color) == null ? void 0 : E.color) || "rgba(0,0,0,0.15)", t.shadowBlur = (H.blur ?? 12) * A, t.shadowOffsetY = (H.offsetY ?? 6) * A, t.shadowOffsetX = (H.offsetX ?? 0) * A, t.beginPath(), this.drawRoundRect(t, a, x, s, $, Y), t.fillStyle = this.createCanvasFill(t, typeof e.listBackgroundColor == "string" ? { type: "Solid", color: e.listBackgroundColor } : e.listBackgroundColor || { type: "Solid", color: "#ffffff" }, s, $) || "#ffffff", t.fill();
+      t.shadowColor = typeof H.color == "string" ? H.color : ((E = H.color) == null ? void 0 : E.color) || "rgba(0,0,0,0.15)", t.shadowBlur = (H.blur ?? 12) * A, t.shadowOffsetY = (H.offsetY ?? 6) * A, t.shadowOffsetX = (H.offsetX ?? 0) * A, t.beginPath(), this.drawRoundRect(t, a, R, s, $, Y), t.fillStyle = this.createCanvasFill(t, typeof e.listBackgroundColor == "string" ? { type: "Solid", color: e.listBackgroundColor } : e.listBackgroundColor || { type: "Solid", color: "#ffffff" }, s, $) || "#ffffff", t.fill();
       const _ = e.listBorderWidth ?? 1;
       _ > 0 && (t.shadowColor = "transparent", t.strokeStyle = this.createCanvasFill(t, typeof e.listBorderColor == "string" ? { type: "Solid", color: e.listBorderColor } : e.listBorderColor || { type: "Solid", color: d }, s, $) || "#e5e7eb", t.lineWidth = _, t.stroke()), t.restore();
       const L = e.itemFontSize || I, X = e.itemFontFamily || k;
       t.font = `${M} ${L}px ${X}`, O.forEach((V, it) => {
-        const rt = x + B + it * W;
+        const lt = R + B + it * W;
         if (V === 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 + _, rt, s - _ * 2, W), t.fillStyle = e.itemSelectedColor || e.accentColor || p || "#374151";
+          t.fillStyle = this.createCanvasFill(t, typeof e.itemSelectedBackgroundColor == "string" ? { type: "Solid", color: e.itemSelectedBackgroundColor } : e.itemSelectedBackgroundColor || { type: "Solid", color: "#f3f4f6" }, s, W) || "#f3f4f6", t.fillRect(a + _, lt, s - _ * 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 yt = this._lastPointerPos.y - (x + B), ct = Math.floor(yt / W);
-          it === ct && (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 + _, rt, s - _ * 2, W), t.fillStyle = e.itemHoverColor || p);
+          const bt = this._lastPointerPos.y - (R + B), ht = Math.floor(bt / W);
+          it === ht && (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 + _, lt, s - _ * 2, W), t.fillStyle = e.itemHoverColor || p);
         }
-        t.fillText(V, a + b, rt + W / 2);
+        t.fillText(V, a + b, lt + W / 2);
       });
     }
     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, l = this.activeObjectId === i.id, c = e.label || {}, f = e.hoverStyle || {}, u = e.activeStyle || {}, h = e.icon || { enabled: !1 };
-    let d = e.backgroundColor || "#3b82f6", p = c.color || "#ffffff", y = c.text || "Button", m = s.cornerRadius ?? 8, b = 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, m = u.cornerRadius ?? m) : r && f && (d = f.backgroundColor || d, p = f.color || p, y = f.text || y, S = f.scale ?? 1, m = f.cornerRadius ?? m, b = f.borderColor || b);
+    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, c = this.activeObjectId === i.id, l = e.label || {}, f = e.hoverStyle || {}, u = e.activeStyle || {}, h = e.icon || { enabled: !1 };
+    let d = e.backgroundColor || "#3b82f6", p = l.color || "#ffffff", y = l.text || "Button", m = s.cornerRadius ?? 8, b = e.borderColor || "transparent", v = e.borderWidth || 0, S = 1;
+    c && u ? (d = u.backgroundColor || d, p = u.color || p, y = u.text || y, S = u.scale ?? 0.95, m = u.cornerRadius ?? m) : r && f && (d = f.backgroundColor || d, p = f.color || p, y = f.text || y, S = f.scale ?? 1, m = f.cornerRadius ?? m, b = f.borderColor || b);
     const C = -n / 2, w = -a / 2;
     t.save(), t.scale(S, S), t.beginPath(), this.drawRoundRect(t, C, w, n, a, m);
     const I = this.createCanvasFill(t, d, n, a);
     I && (t.fillStyle = I, t.fill()), (v > 0 || r && f.borderColor) && (t.strokeStyle = b, t.lineWidth = v || (r ? 1 : 0), t.stroke());
-    const M = c.fontSize || 14, k = c.fontFamily || "Inter", T = c.fontWeight || 600;
+    const M = l.fontSize || 14, k = l.fontFamily || "Inter", T = l.fontWeight || 600;
     t.font = `${T} ${M}px "${k}", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif`, t.fillStyle = p, t.textAlign = "center", t.textBaseline = "middle";
-    let R = 0;
+    let x = 0;
     if (h.enabled && h.svgPath) {
-      const P = M * 1.1, E = h.gap || 8, x = t.measureText(y), W = -(x.width + P + E) / 2, B = h.position === "left" ? W + P / 2 : W + x.width + E + P / 2;
-      R = h.position === "left" ? W + P + E + x.width / 2 : W + x.width / 2, t.save(), t.translate(B, 0);
+      const P = M * 1.1, E = h.gap || 8, R = t.measureText(y), W = -(R.width + P + E) / 2, B = h.position === "left" ? W + P / 2 : W + R.width + E + P / 2;
+      x = h.position === "left" ? W + P + E + R.width / 2 : W + R.width / 2, t.save(), t.translate(B, 0);
       const $ = new Path2D(h.svgPath), Y = P / 24;
       t.scale(Y, Y), t.translate(-12, -12), t.fillStyle = p, t.fill($), t.restore();
     }
-    t.fillText(y, R, 0), t.restore();
+    t.fillText(y, x, 0), t.restore();
   }
   renderToggleButton(t, i) {
     var y, m;
-    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 = ((m = i.geometry) == null ? void 0 : m.height) || 40, r = -n / 2, l = -a / 2, c = e.corner_radius ?? 8, f = e.label || {}, u = s ? e.accentColor || "#3b82f6" : e.inactiveColor || "#374151", h = s ? e.activeTextColor || "#ffffff" : e.inactiveTextColor || "#9ca3af";
-    t.save(), t.beginPath(), this.drawRoundRect(t, r, l, n, a, c), t.fillStyle = u, t.fill();
+    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 = ((m = i.geometry) == null ? void 0 : m.height) || 40, r = -n / 2, c = -a / 2, l = e.corner_radius ?? 8, f = e.label || {}, u = s ? e.accentColor || "#3b82f6" : e.inactiveColor || "#374151", h = s ? e.activeTextColor || "#ffffff" : e.inactiveTextColor || "#9ca3af";
+    t.save(), t.beginPath(), this.drawRoundRect(t, r, c, n, a, l), t.fillStyle = u, t.fill();
     const d = f.fontSize || 14, p = f.fontFamily || "Inter";
     t.font = `${f.fontWeight || 600} ${d}px "${p}", sans-serif`, t.fillStyle = h, t.textAlign = "center", t.textBaseline = "middle", t.fillText(f.text || "Toggle", 0, 0), t.restore();
   }
   renderToggle(t, i) {
-    var Y, H, K, A, _, L, X, V, it, rt, nt, yt;
-    const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.options) || i.options || {}, s = ((Y = i.geometry) == null ? void 0 : Y.width) || 52, n = ((H = i.geometry) == null ? void 0 : H.height) || 30, a = -s / 2, r = -n / 2, l = e.checked ?? !1, c = e.cornerRadius ?? e.corner_radius ?? n / 2, f = e.toggleStyle || {}, u = f.backgroundColor || e.activeColor || "#10b981", h = f.borderColor || e.borderColor || "transparent", d = f.borderWidth ?? e.borderWidth ?? 0, p = f.knobColor || e.knobColor || "#ffffff", y = l ? u : e.inactiveColor || "#374151", m = l ? h : e.borderColor || "transparent", b = 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, c);
+    var Y, H, K, A, _, L, X, V, it, lt, nt, bt;
+    const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.options) || i.options || {}, s = ((Y = i.geometry) == null ? void 0 : Y.width) || 52, n = ((H = i.geometry) == null ? void 0 : H.height) || 30, a = -s / 2, r = -n / 2, c = e.checked ?? !1, l = e.cornerRadius ?? e.corner_radius ?? n / 2, f = e.toggleStyle || {}, u = f.backgroundColor || e.activeColor || "#10b981", h = f.borderColor || e.borderColor || "transparent", d = f.borderWidth ?? e.borderWidth ?? 0, p = f.knobColor || e.knobColor || "#ffffff", y = c ? u : e.inactiveColor || "#374151", m = c ? h : e.borderColor || "transparent", b = c ? d : e.borderWidth ?? 0, v = c ? p : e.knobColor || "#ffffff";
+    e.disabled && (t.globalAlpha *= 0.5), t.beginPath(), this.drawRoundRect(t, a, r, s, n, l);
     const S = this.createCanvasFill(t, y, s, n);
     if (S && (t.fillStyle = S, t.fill()), b > 0) {
       t.lineWidth = b;
-      const ct = this.createCanvasFill(t, m, s, n);
-      ct && (t.strokeStyle = ct, t.stroke());
+      const ht = this.createCanvasFill(t, m, s, n);
+      ht && (t.strokeStyle = ht, t.stroke());
     }
-    const C = 2, w = n - C * 2, I = w / 2, M = a + C, k = a + s - C - w, T = l ? k : M, R = r + C;
-    t.beginPath(), t.arc(T + I, R + I, I, 0, Math.PI * 2);
+    const C = 2, w = n - C * 2, I = w / 2, M = a + C, k = a + s - C - w, T = c ? k : M, x = r + C;
+    t.beginPath(), t.arc(T + I, x + I, I, 0, Math.PI * 2);
     const P = this.createCanvasFill(t, v, w, w);
     P && (t.fillStyle = P, t.fill()), e.disabled && (t.globalAlpha *= 2);
-    let E = !1, x = !1;
-    const O = (l ? (K = f.leftLabel) == null ? void 0 : K.text : null) || ((A = e.leftLabel) == null ? void 0 : A.text) || "", W = (l ? (_ = f.leftLabel) == null ? void 0 : _.color : null) || ((L = e.leftLabel) == null ? void 0 : L.color) || "#f3f4f6";
+    let E = !1, R = !1;
+    const O = (c ? (K = f.leftLabel) == null ? void 0 : K.text : null) || ((A = e.leftLabel) == null ? void 0 : A.text) || "", W = (c ? (_ = f.leftLabel) == null ? void 0 : _.color : null) || ((L = e.leftLabel) == null ? void 0 : L.color) || "#f3f4f6";
     if ((X = e.leftLabel) != null && X.enabled && O) {
-      const ct = e.leftLabel;
-      t.font = `${ct.fontWeight || 400} ${ct.fontSize || 12}px "${ct.fontFamily || "Inter"}", sans-serif`, t.fillStyle = W, t.textBaseline = "middle", t.textAlign = "right", t.fillText(O, a - (ct.gap || 8), 0), E = !0;
+      const ht = e.leftLabel;
+      t.font = `${ht.fontWeight || 400} ${ht.fontSize || 12}px "${ht.fontFamily || "Inter"}", sans-serif`, t.fillStyle = W, t.textBaseline = "middle", t.textAlign = "right", t.fillText(O, a - (ht.gap || 8), 0), E = !0;
     }
-    const B = (l ? (V = f.rightLabel) == null ? void 0 : V.text : null) || ((it = e.rightLabel) == null ? void 0 : it.text) || "", $ = (l ? (rt = f.rightLabel) == null ? void 0 : rt.color : null) || ((nt = e.rightLabel) == null ? void 0 : nt.color) || "#f3f4f6";
-    if ((yt = e.rightLabel) != null && yt.enabled && B) {
-      const ct = e.rightLabel;
-      t.font = `${ct.fontWeight || 400} ${ct.fontSize || 12}px "${ct.fontFamily || "Inter"}", sans-serif`, t.fillStyle = $, t.textBaseline = "middle", t.textAlign = "left", t.fillText(B, a + s + (ct.gap || 8), 0), x = !0;
+    const B = (c ? (V = f.rightLabel) == null ? void 0 : V.text : null) || ((it = e.rightLabel) == null ? void 0 : it.text) || "", $ = (c ? (lt = f.rightLabel) == null ? void 0 : lt.color : null) || ((nt = e.rightLabel) == null ? void 0 : nt.color) || "#f3f4f6";
+    if ((bt = e.rightLabel) != null && bt.enabled && B) {
+      const ht = e.rightLabel;
+      t.font = `${ht.fontWeight || 400} ${ht.fontSize || 12}px "${ht.fontFamily || "Inter"}", sans-serif`, t.fillStyle = $, t.textBaseline = "middle", t.textAlign = "left", t.fillText(B, a + s + (ht.gap || 8), 0), R = !0;
     }
-    if (!E && !x && e.label && e.label.text) {
-      const ct = e.label, wt = ct.fontSize || 14, Mt = ct.fontWeight || 400, It = ct.fontFamily || "Inter";
-      t.font = `${Mt} ${wt}px "${It}", sans-serif`, t.fillStyle = ct.color || "#f3f4f6", t.textBaseline = "middle";
-      const Ot = ct.gap || 10;
+    if (!E && !R && e.label && e.label.text) {
+      const ht = e.label, wt = ht.fontSize || 14, Mt = ht.fontWeight || 400, It = ht.fontFamily || "Inter";
+      t.font = `${Mt} ${wt}px "${It}", sans-serif`, t.fillStyle = ht.color || "#f3f4f6", t.textBaseline = "middle";
+      const Ot = ht.gap || 10;
       let At = 0, Tt = 0;
-      ct.position === "left" ? (t.textAlign = "right", At = a - Ot, Tt = 0) : ct.position === "right" ? (t.textAlign = "left", At = a + s + Ot, Tt = 0) : ct.position === "top" ? (t.textAlign = "center", At = 0, Tt = r - Ot, t.textBaseline = "bottom") : ct.position === "bottom" ? (t.textAlign = "center", At = 0, Tt = r + n + Ot, t.textBaseline = "top") : (t.textAlign = "left", At = a + s + Ot, Tt = 0), t.fillText(ct.text, At, Tt);
+      ht.position === "left" ? (t.textAlign = "right", At = a - Ot, Tt = 0) : ht.position === "right" ? (t.textAlign = "left", At = a + s + Ot, Tt = 0) : ht.position === "top" ? (t.textAlign = "center", At = 0, Tt = r - Ot, t.textBaseline = "bottom") : ht.position === "bottom" ? (t.textAlign = "center", At = 0, Tt = r + n + Ot, t.textBaseline = "top") : (t.textAlign = "left", At = a + s + Ot, Tt = 0), t.fillText(ht.text, At, Tt);
     }
   }
   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, l = e.cornerRadius ?? 4, c = e.checked ?? !1, f = e.activeColor || "#3b82f6", u = e.inactiveColor || "transparent", h = e.checkColor || "#ffffff", d = e.borderColor || "#4b5563", p = e.borderWidth ?? 2, y = c ? f : u, m = c ? "transparent" : d, b = c ? 0 : p;
-    e.disabled && (t.globalAlpha *= 0.5), t.beginPath(), this.drawRoundRect(t, a, r, s, n, l);
+    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, c = e.cornerRadius ?? 4, l = e.checked ?? !1, f = e.activeColor || "#3b82f6", u = e.inactiveColor || "transparent", h = e.checkColor || "#ffffff", d = e.borderColor || "#4b5563", p = e.borderWidth ?? 2, y = l ? f : u, m = l ? "transparent" : d, b = l ? 0 : p;
+    e.disabled && (t.globalAlpha *= 0.5), t.beginPath(), this.drawRoundRect(t, a, r, s, n, c);
     const v = this.createCanvasFill(t, y, s, n);
     if (v && (t.fillStyle = v, t.fill()), b > 0) {
       t.lineWidth = b;
       const w = this.createCanvasFill(t, m, s, n);
       w && (t.strokeStyle = w, t.stroke());
-    } else if (c) {
+    } else if (l) {
       t.lineWidth = 1;
       const w = this.createCanvasFill(t, f, s, n);
       w && (t.strokeStyle = w, t.stroke());
     }
-    if (c) {
+    if (l) {
       t.save(), t.beginPath();
       const w = this.createCanvasFill(t, h, s, n);
       t.strokeStyle = w || h, t.lineWidth = Math.max(2, s * 0.12), t.lineCap = "round", t.lineJoin = "round";
-      const I = a + s * 0.25, M = r + n * 0.5, k = a + s * 0.45, T = r + n * 0.7, R = a + s * 0.75, P = r + n * 0.25;
-      t.moveTo(I, M), t.lineTo(k, T), t.lineTo(R, P), t.stroke(), t.restore();
+      const I = a + s * 0.25, M = r + n * 0.5, k = a + s * 0.45, T = r + n * 0.7, x = a + s * 0.75, P = r + n * 0.25;
+      t.moveTo(I, M), t.lineTo(k, T), t.lineTo(x, P), t.stroke(), t.restore();
     }
     if (e.disabled && (t.globalAlpha *= 2), e.label && e.label.text) {
       const w = e.label;
@@ -4555,24 +4558,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, l = e.selectedValue, c = e.optionsList || ["Option 1", "Option 2", "Option 3"], f = e.orientation || "vertical", u = e.itemGap !== void 0 ? e.itemGap : 16, h = e.activeColor || "#3b82f6", d = e.inactiveColor || "#4b5563", p = e.textColor || "#ffffff", y = e.fontSize || 14, m = e.fontFamily || "Inter", b = 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, c = e.selectedValue, l = e.optionsList || ["Option 1", "Option 2", "Option 3"], f = e.orientation || "vertical", u = e.itemGap !== void 0 ? e.itemGap : 16, h = e.activeColor || "#3b82f6", d = e.inactiveColor || "#4b5563", p = e.textColor || "#ffffff", y = e.fontSize || 14, m = e.fontFamily || "Inter", b = e.fontWeight || 400;
     e.disabled && (t.globalAlpha *= 0.5);
     const v = 8, S = v * 2;
     if (t.save(), t.font = `${b} ${y}px "${m}", sans-serif`, t.textBaseline = "middle", t.textAlign = "left", f === "vertical") {
       const I = Math.max(S, y) + u;
-      c.forEach((M, k) => {
+      l.forEach((M, k) => {
         const T = r + k * I + v;
         t.beginPath(), t.arc(a + v, T, v, 0, Math.PI * 2);
-        const R = l === M, P = this.createCanvasFill(t, h, S, S), E = this.createCanvasFill(t, d, S, S);
-        R ? (t.strokeStyle = P || h, t.lineWidth = 2, t.stroke(), t.beginPath(), t.arc(a + v, T, v / 2, 0, Math.PI * 2), t.fillStyle = P || h, t.fill()) : (t.strokeStyle = E || d, t.lineWidth = 1.5, t.stroke()), t.fillStyle = p, t.fillText(M, a + S + 8, T);
+        const x = c === M, P = this.createCanvasFill(t, h, S, S), E = this.createCanvasFill(t, d, S, S);
+        x ? (t.strokeStyle = P || h, t.lineWidth = 2, t.stroke(), t.beginPath(), t.arc(a + v, T, v / 2, 0, Math.PI * 2), t.fillStyle = P || h, t.fill()) : (t.strokeStyle = E || d, t.lineWidth = 1.5, t.stroke()), t.fillStyle = p, t.fillText(M, a + S + 8, T);
       });
     } else {
       let I = a;
-      c.forEach((M) => {
-        const k = l === M, T = t.measureText(M).width;
+      l.forEach((M) => {
+        const k = c === M, T = t.measureText(M).width;
         t.beginPath(), t.arc(I + v, 0, v, 0, Math.PI * 2);
-        const R = this.createCanvasFill(t, h, S, S), P = this.createCanvasFill(t, d, S, S);
-        k ? (t.strokeStyle = R || h, t.lineWidth = 2, t.stroke(), t.beginPath(), t.arc(I + v, 0, v / 2, 0, Math.PI * 2), t.fillStyle = R || h, t.fill()) : (t.strokeStyle = P || d, t.lineWidth = 1.5, t.stroke()), t.fillStyle = p, t.fillText(M, I + S + 6, 0), I += S + 6 + T + u;
+        const x = this.createCanvasFill(t, h, S, S), P = this.createCanvasFill(t, d, S, S);
+        k ? (t.strokeStyle = x || h, t.lineWidth = 2, t.stroke(), t.beginPath(), t.arc(I + v, 0, v / 2, 0, Math.PI * 2), t.fillStyle = x || h, t.fill()) : (t.strokeStyle = P || d, t.lineWidth = 1.5, t.stroke()), t.fillStyle = p, t.fillText(M, I + S + 6, 0), I += S + 6 + T + u;
       });
     }
     if (t.restore(), e.disabled && (t.globalAlpha *= 2), e.label && e.label.text) {
@@ -4584,10 +4587,10 @@ class ci {
     }
   }
   renderBarChart(t, i) {
-    var T, R;
+    var T, x;
     const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.options) || i.options || {}, s = {
       width: ((T = i.geometry) == null ? void 0 : T.width) || 300,
-      height: ((R = i.geometry) == null ? void 0 : R.height) || 180,
+      height: ((x = i.geometry) == null ? void 0 : x.height) || 180,
       chartType: e.chartType || "grouped",
       stylePreset: e.stylePreset || "default",
       datasets: e.datasets || [{ id: "ds-1", label: "Revenue", data: [42, 67, 31, 55, 78, 48], color: "#6366f1" }],
@@ -4632,36 +4635,36 @@ class ci {
         return hs[this.stylePreset] || hs.default;
       },
       _resolveColor: function(P, E) {
-        const x = this._getPreset();
-        return ["#6366f1", "#f59e0b", "#10b981", "#3b82f6", "#a855f7"].includes(P) ? x.colors[E % x.colors.length] : typeof P == "string" ? P : x.colors[E % x.colors.length];
+        const R = this._getPreset();
+        return ["#6366f1", "#f59e0b", "#10b981", "#3b82f6", "#a855f7"].includes(P) ? R.colors[E % R.colors.length] : typeof P == "string" ? P : R.colors[E % R.colors.length];
       },
-      _makeGradient: function(P, E, x, O, W, B) {
+      _makeGradient: function(P, E, R, O, W, B) {
         if (!this._getPreset().barGradient && !this.barGradient) return E;
-        const Y = P.createLinearGradient(x, O, W, B);
+        const Y = P.createLinearGradient(R, O, W, B);
         return Y.addColorStop(0, E), Y.addColorStop(1, E + "44"), Y;
       },
-      _drawRoundedBar: function(P, E, x, O, W, B, $) {
+      _drawRoundedBar: function(P, E, R, O, W, B, $) {
         if (B = Math.min(B, Math.min(Math.abs(O), Math.abs(W)) / 2), B <= 0 || O === 0 || W === 0) {
-          P.rect(E, x, O, W);
+          P.rect(E, R, O, W);
           return;
         }
-        P.beginPath(), $ ? (P.moveTo(E, x + W), P.lineTo(E, x + B), P.quadraticCurveTo(E, x, E + B, x), P.lineTo(E + O - B, x), P.quadraticCurveTo(E + O, x, E + O, x + B), P.lineTo(E + O, x + W), P.lineTo(E, x + W)) : (P.moveTo(E, x), P.lineTo(E + O - B, x), P.quadraticCurveTo(E + O, x, E + O, x + B), P.lineTo(E + O, x + W - B), P.quadraticCurveTo(E + O, x + W, E + O - B, x + W), P.lineTo(E, x + W), P.lineTo(E, x)), P.closePath();
+        P.beginPath(), $ ? (P.moveTo(E, R + W), P.lineTo(E, R + B), P.quadraticCurveTo(E, R, E + B, R), P.lineTo(E + O - B, R), P.quadraticCurveTo(E + O, R, E + O, R + B), P.lineTo(E + O, R + W), P.lineTo(E, R + W)) : (P.moveTo(E, R), P.lineTo(E + O - B, R), P.quadraticCurveTo(E + O, R, E + O, R + B), P.lineTo(E + O, R + W - B), P.quadraticCurveTo(E + O, R + W, E + O - B, R + W), P.lineTo(E, R + W), P.lineTo(E, R)), P.closePath();
       }
-    }, n = s.width, a = s.height, r = -n / 2, l = -a / 2;
+    }, n = s.width, a = s.height, r = -n / 2, c = -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 c = s._getPreset();
+    const l = s._getPreset();
     let f = -1 / 0, u = 1 / 0;
     const h = s.categories.length, d = s.datasets.length;
     if (s.chartType === "stacked")
       for (let P = 0; P < h; P++) {
-        let E = 0, x = 0;
+        let E = 0, R = 0;
         s.datasets.forEach((O) => {
           const W = O.data[P] ?? 0;
-          W >= 0 ? E += W : x += W;
-        }), E > f && (f = E), x < u && (u = x);
+          W >= 0 ? E += W : R += W;
+        }), E > f && (f = E), R < u && (u = R);
       }
     else
       s.datasets.forEach((P) => {
@@ -4672,19 +4675,19 @@ class ci {
     isFinite(f) || (f = 10), isFinite(u) || (u = 0), f = Math.max(f, 0), u = Math.min(u, 0);
     const p = f - 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 y = s.showYLabels ? t.measureText(f.toFixed(0)).width + 14 : 10, m = s.showXLabels ? s.axisLabelFontSize + 12 : 8, v = (s.showLegend && d > 0 ? s.legendFontSize + 10 : 0) + 8, S = 10, C = r + y, w = l + v, I = n - y - S, M = a - v - m;
-    if (s.enableShadows && (t.shadowColor = "transparent"), t.beginPath(), t.roundRect(r, l, n, a, 10), t.fillStyle = c.cardBackground, t.fill(), t.strokeStyle = c.cardBorderColor, t.lineWidth = 1, t.stroke(), s.chartBackground && s.chartBackground !== "transparent" && (t.beginPath(), t.rect(C, w, I, M), t.fillStyle = s.chartBackground, t.fill()), s.showLegend && d > 0) {
+    const y = s.showYLabels ? t.measureText(f.toFixed(0)).width + 14 : 10, m = s.showXLabels ? s.axisLabelFontSize + 12 : 8, v = (s.showLegend && d > 0 ? s.legendFontSize + 10 : 0) + 8, S = 10, C = r + y, w = c + v, I = n - y - S, M = a - v - m;
+    if (s.enableShadows && (t.shadowColor = "transparent"), t.beginPath(), t.roundRect(r, c, n, a, 10), t.fillStyle = l.cardBackground, t.fill(), t.strokeStyle = l.cardBorderColor, t.lineWidth = 1, t.stroke(), s.chartBackground && s.chartBackground !== "transparent" && (t.beginPath(), t.rect(C, w, I, M), t.fillStyle = s.chartBackground, t.fill()), s.showLegend && d > 0) {
       t.font = s.legendFontSize + "px Inter, sans-serif", t.textBaseline = "middle";
-      const P = l + 12;
+      const P = c + 12;
       let E = C;
-      s.datasets.forEach((x, O) => {
-        const W = s._resolveColor(x.color, O), B = x.label || "Series " + (O + 1), $ = 7;
-        t.beginPath(), t.roundRect(E, P - $ / 2, $, $, 2), t.fillStyle = W, t.fill(), t.fillStyle = c.legendColor, t.textAlign = "left", t.fillText(B, E + $ + 4, P), E += t.measureText(B).width + $ + 16;
+      s.datasets.forEach((R, O) => {
+        const W = s._resolveColor(R.color, O), B = R.label || "Series " + (O + 1), $ = 7;
+        t.beginPath(), t.roundRect(E, P - $ / 2, $, $, 2), t.fillStyle = W, t.fill(), t.fillStyle = l.legendColor, t.textAlign = "left", t.fillText(B, E + $ + 4, P), E += t.measureText(B).width + $ + 16;
       });
     }
     const k = 4;
     if (s.showGridLines) {
-      t.setLineDash(s.gridLineDash || []), t.lineWidth = s.gridLineWidth || 1, t.strokeStyle = c.gridColor;
+      t.setLineDash(s.gridLineDash || []), t.lineWidth = s.gridLineWidth || 1, t.strokeStyle = l.gridColor;
       for (let P = 0; P <= k; P++)
         if (s.orientation === "horizontal") {
           const E = C + P / k * I;
@@ -4696,27 +4699,27 @@ class ci {
       t.setLineDash([]);
     }
     if (s.showYLabels) {
-      t.font = s.axisLabelFontSize + "px Inter, sans-serif", t.textAlign = "right", t.textBaseline = "middle", t.fillStyle = c.axisLabelColor;
+      t.font = s.axisLabelFontSize + "px Inter, sans-serif", t.textAlign = "right", t.textBaseline = "middle", t.fillStyle = l.axisLabelColor;
       for (let P = 0; P <= k; P++)
         if (s.orientation === "horizontal") {
-          const E = u + P / k * p, x = C + P / k * I;
-          t.textAlign = "center", t.fillText(E.toFixed(0), x, w + M + s.axisLabelFontSize);
+          const E = u + P / k * p, R = C + P / k * I;
+          t.textAlign = "center", t.fillText(E.toFixed(0), R, w + M + s.axisLabelFontSize);
         } else {
-          const E = f - P / k * p, x = w + P / k * M;
-          t.textAlign = "right", t.fillText(E.toFixed(0), C - 6, x);
+          const E = f - P / k * p, R = w + P / k * M;
+          t.textAlign = "right", t.fillText(E.toFixed(0), C - 6, R);
         }
     }
     if (t.setLineDash([]), s.showXAxis && (t.lineWidth = s.xAxisLineWidth || 1, t.strokeStyle = s.xAxisColor, t.beginPath(), t.moveTo(C, w + M), t.lineTo(C + I, w + M), t.stroke()), s.showYAxis && (t.lineWidth = s.yAxisLineWidth || 1, t.strokeStyle = s.yAxisColor, t.beginPath(), t.moveTo(C, w), t.lineTo(C, w + M), t.stroke()), s.enableShadows && (t.shadowColor = s.shadowColor), s.chartType === "stacked")
       if (s.orientation === "horizontal") {
         const P = M / h;
         for (let E = 0; E < h; E++) {
-          const x = w + E * P + P / 2;
-          s.showXLabels && (t.font = s.axisLabelFontSize + "px Inter, sans-serif", t.textAlign = "right", t.textBaseline = "middle", t.fillStyle = c.axisLabelColor, t.shadowColor = "transparent", t.fillText(s.categories[E] || "", C - 5, x), s.enableShadows && (t.shadowColor = s.shadowColor));
+          const R = w + E * P + P / 2;
+          s.showXLabels && (t.font = s.axisLabelFontSize + "px Inter, sans-serif", t.textAlign = "right", t.textBaseline = "middle", t.fillStyle = l.axisLabelColor, t.shadowColor = "transparent", t.fillText(s.categories[E] || "", C - 5, R), s.enableShadows && (t.shadowColor = s.shadowColor));
           let O = C;
           s.datasets.forEach((W, B) => {
             const $ = W.data[E] ?? 0;
             if ($ === 0) return;
-            const Y = $ / p * I, H = Math.min(s.barWidth * d + s.barGap, P - 8), K = x - H / 2, A = O;
+            const Y = $ / p * I, H = Math.min(s.barWidth * d + s.barGap, P - 8), K = R - H / 2, A = O;
             O += Y;
             const _ = s._resolveColor(W.color, B);
             t.beginPath(), t.fillStyle = s._makeGradient(t, _, A, K, A + Y, K), s._drawRoundedBar(t, A, K, Y, H, B === d - 1 ? s.barCornerRadius : 0, !1), s.barStyle === "outline" || s.barStyle === "dashed" ? (t.fillStyle = "transparent", t.strokeStyle = s.barBorderColor === "auto" ? _ : s.barBorderColor, t.lineWidth = s.barBorderWidth, s.barStyle === "dashed" && t.setLineDash([4, 4]), t.stroke(), t.setLineDash([])) : t.fill();
@@ -4725,13 +4728,13 @@ class ci {
       } else {
         const P = I / h;
         for (let E = 0; E < h; E++) {
-          const x = C + E * P + P / 2;
-          s.showXLabels && (t.font = s.axisLabelFontSize + "px Inter, sans-serif", t.textAlign = "center", t.textBaseline = "top", t.fillStyle = c.axisLabelColor, t.shadowColor = "transparent", t.fillText(s.categories[E] || "", x, w + M + 5), s.enableShadows && (t.shadowColor = s.shadowColor));
+          const R = C + E * P + P / 2;
+          s.showXLabels && (t.font = s.axisLabelFontSize + "px Inter, sans-serif", t.textAlign = "center", t.textBaseline = "top", t.fillStyle = l.axisLabelColor, t.shadowColor = "transparent", t.fillText(s.categories[E] || "", R, w + M + 5), s.enableShadows && (t.shadowColor = s.shadowColor));
           let O = w + M;
           s.datasets.forEach((W, B) => {
             const $ = W.data[E] ?? 0;
             if ($ === 0) return;
-            const Y = $ / p * M, H = Math.min(s.barWidth * d + s.barGap, P - 8), K = x - H / 2, A = O - Y;
+            const Y = $ / p * M, H = Math.min(s.barWidth * d + s.barGap, P - 8), K = R - H / 2, A = O - Y;
             O -= Y;
             const _ = s._resolveColor(W.color, B);
             t.beginPath(), t.fillStyle = s._makeGradient(t, _, K, A, K, A + Y), s._drawRoundedBar(t, K, A, H, Y, B === d - 1 ? s.barCornerRadius : 0, !0), s.barStyle === "outline" || s.barStyle === "dashed" ? (t.fillStyle = "transparent", t.strokeStyle = s.barBorderColor === "auto" ? _ : s.barBorderColor, t.lineWidth = s.barBorderWidth, s.barStyle === "dashed" && t.setLineDash([4, 4]), t.stroke(), t.setLineDash([])) : t.fill();
@@ -4739,28 +4742,28 @@ class ci {
         }
       }
     else if (s.orientation === "horizontal") {
-      const P = M / h, E = d * s.barWidth + Math.max(0, (d - 1) * s.barGap), x = C + (0 - u) / p * I;
+      const P = M / h, E = d * s.barWidth + Math.max(0, (d - 1) * s.barGap), R = C + (0 - u) / p * I;
       for (let O = 0; O < h; O++) {
         const W = w + O * P + P / 2;
-        s.showXLabels && (t.font = s.axisLabelFontSize + "px Inter, sans-serif", t.textAlign = "right", t.textBaseline = "middle", t.fillStyle = c.axisLabelColor, t.shadowColor = "transparent", t.fillText(s.categories[O] || "", C - 5, W), s.enableShadows && (t.shadowColor = s.shadowColor));
+        s.showXLabels && (t.font = s.axisLabelFontSize + "px Inter, sans-serif", t.textAlign = "right", t.textBaseline = "middle", t.fillStyle = l.axisLabelColor, t.shadowColor = "transparent", t.fillText(s.categories[O] || "", C - 5, W), s.enableShadows && (t.shadowColor = s.shadowColor));
         const B = W - E / 2;
         s.datasets.forEach(($, Y) => {
           const H = $.data[O] ?? 0, K = Math.abs(H / p * I);
           if (K < 1) return;
-          const A = B + Y * (s.barWidth + s.barGap), _ = H >= 0 ? x : x - K, L = s._resolveColor($.color, Y);
+          const A = B + Y * (s.barWidth + s.barGap), _ = H >= 0 ? R : R - K, L = s._resolveColor($.color, Y);
           t.beginPath(), t.fillStyle = s._makeGradient(t, L, _, A, _ + K, A), s._drawRoundedBar(t, _, A, K, s.barWidth, s.barCornerRadius, !1), s.barStyle === "outline" || s.barStyle === "dashed" ? (t.fillStyle = "transparent", t.strokeStyle = s.barBorderColor === "auto" ? L : s.barBorderColor, t.lineWidth = s.barBorderWidth, s.barStyle === "dashed" && t.setLineDash([4, 4]), t.stroke(), t.setLineDash([])) : t.fill(), s.showValueOnTop && H !== 0 && (t.font = (s.valueFontWeight || "bold") + " " + (s.valueFontSize || 10) + "px Inter, sans-serif", t.textAlign = H >= 0 ? "left" : "right", t.textBaseline = "middle", t.fillStyle = s.valueColor === "auto" ? L : s.valueColor || "#fff", t.shadowColor = "transparent", t.fillText(H.toString(), H >= 0 ? _ + K + 4 : _ - 4, A + s.barWidth / 2), s.enableShadows && (t.shadowColor = s.shadowColor));
         });
       }
     } else {
-      const P = I / h, E = d * s.barWidth + Math.max(0, (d - 1) * s.barGap), x = w + M - (0 - u) / p * M;
+      const P = I / h, E = d * s.barWidth + Math.max(0, (d - 1) * s.barGap), R = w + M - (0 - u) / p * M;
       for (let O = 0; O < h; O++) {
         const W = C + O * P + P / 2;
-        s.showXLabels && (t.font = s.axisLabelFontSize + "px Inter, sans-serif", t.textAlign = "center", t.textBaseline = "top", t.fillStyle = c.axisLabelColor, t.shadowColor = "transparent", t.fillText(s.categories[O] || "", W, w + M + 5), s.enableShadows && (t.shadowColor = s.shadowColor));
+        s.showXLabels && (t.font = s.axisLabelFontSize + "px Inter, sans-serif", t.textAlign = "center", t.textBaseline = "top", t.fillStyle = l.axisLabelColor, t.shadowColor = "transparent", t.fillText(s.categories[O] || "", W, w + M + 5), s.enableShadows && (t.shadowColor = s.shadowColor));
         const B = W - E / 2;
         s.datasets.forEach(($, Y) => {
           const H = $.data[O] ?? 0, K = Math.abs(H / p * M);
           if (K < 1) return;
-          const A = B + Y * (s.barWidth + s.barGap), _ = H >= 0 ? x - K : x, L = s._resolveColor($.color, Y);
+          const A = B + Y * (s.barWidth + s.barGap), _ = H >= 0 ? R - K : R, L = s._resolveColor($.color, Y);
           t.beginPath(), t.fillStyle = s._makeGradient(t, L, A, _, A, _ + K), s._drawRoundedBar(t, A, _, s.barWidth, K, s.barCornerRadius, !0), s.barStyle === "outline" || s.barStyle === "dashed" ? (t.fillStyle = "transparent", t.strokeStyle = s.barBorderColor === "auto" ? L : s.barBorderColor, t.lineWidth = s.barBorderWidth, s.barStyle === "dashed" && t.setLineDash([4, 4]), t.stroke(), t.setLineDash([])) : t.fill(), s.showValueOnTop && H !== 0 && (t.font = (s.valueFontWeight || "bold") + " " + (s.valueFontSize || 10) + "px Inter, sans-serif", t.textAlign = "center", t.textBaseline = H >= 0 ? "bottom" : "top", t.fillStyle = s.valueColor === "auto" ? L : s.valueColor || "#fff", t.shadowColor = "transparent", t.fillText(H.toString(), A + s.barWidth / 2, H >= 0 ? _ - 4 : _ + K + 4), s.enableShadows && (t.shadowColor = s.shadowColor));
         });
       }
@@ -4804,18 +4807,18 @@ 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("EMPTY DATA", 0, 0), t.restore();
       return;
     }
-    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 c = s.showLegend ? Math.ceil(s.slices.length / 2) : 0, f = c > 0 ? c * (s.legendFontSize + 8) + 10 : 0, u = a - f - 16, h = Math.min(n - 24, u) / 2, d = 0, p = -f / 2;
+    const c = s._getPreset();
+    t.save(), t.beginPath(), t.roundRect(-n / 2, -a / 2, n, a, 10), t.fillStyle = c.cardBackground, t.fill(), t.strokeStyle = c.cardBorderColor, t.lineWidth = 1, t.stroke();
+    const l = s.showLegend ? Math.ceil(s.slices.length / 2) : 0, f = l > 0 ? l * (s.legendFontSize + 8) + 10 : 0, u = a - f - 16, h = Math.min(n - 24, u) / 2, d = 0, p = -f / 2;
     if (s.chartType === "rose") {
       const b = Math.max(...s.slices.map((C) => C.value || 0)), v = Math.PI * 2 / s.slices.length, S = h > 0 ? s.sliceGap / h : 0;
       s.slices.forEach((C, w) => {
         const I = C.value || 0;
         if (I === 0) return;
-        const M = I / b * h, 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, M, 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, E = d + M * 0.65 * Math.cos(P), x = p + M * 0.65 * Math.sin(P), O = 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(`${O}%`, E, x), t.restore();
+        const M = I / b * h, k = -Math.PI / 2 + w * v + S / 2, T = k + v - S, x = s._resolveSliceColor(C, w);
+        if (t.beginPath(), t.moveTo(d, p), t.arc(d, p, M, k, T), t.closePath(), t.fillStyle = x + "cc", t.fill(), t.strokeStyle = x, t.lineWidth = 1.5, t.stroke(), s.showLabels) {
+          const P = k + (T - k) / 2, E = d + M * 0.65 * Math.cos(P), R = p + M * 0.65 * Math.sin(P), O = Math.round(I / r * 100);
+          t.save(), t.font = `bold ${s.labelFontSize}px Inter, sans-serif`, t.fillStyle = c.labelColor, t.textAlign = "center", t.textBaseline = "middle", t.fillText(`${O}%`, E, R), t.restore();
         }
       });
     } else {
@@ -4827,33 +4830,33 @@ class ci {
           C += M / r * Math.PI * 2;
           return;
         }
-        const k = M / r * Math.PI * 2, T = C + S / 2, R = C + k - S / 2;
-        if (R <= T) {
+        const k = M / r * Math.PI * 2, T = C + S / 2, x = C + k - S / 2;
+        if (x <= T) {
           C += k;
           return;
         }
         const P = s._resolveSliceColor(w, I);
-        if (t.beginPath(), t.fillStyle = P, v <= 0 ? (t.moveTo(d, p), t.arc(d, p, h, T, R), t.lineTo(d, p)) : (t.moveTo(d + h * Math.cos(T), p + h * Math.sin(T)), t.arc(d, p, h, T, R), t.arc(d, p, v, R, T, !0), t.closePath()), t.fill(), s.showLabels) {
-          const E = T + (R - T) / 2, x = v + (h - v) / 2, O = d + x * Math.cos(E), W = p + x * Math.sin(E), B = 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(`${B}%`, O, W), t.restore();
+        if (t.beginPath(), t.fillStyle = P, v <= 0 ? (t.moveTo(d, p), t.arc(d, p, h, T, x), t.lineTo(d, p)) : (t.moveTo(d + h * Math.cos(T), p + h * Math.sin(T)), t.arc(d, p, h, T, x), t.arc(d, p, v, x, T, !0), t.closePath()), t.fill(), s.showLabels) {
+          const E = T + (x - T) / 2, R = v + (h - v) / 2, O = d + R * Math.cos(E), W = p + R * Math.sin(E), B = Math.round(M / r * 100);
+          t.save(), t.font = `bold ${s.labelFontSize}px Inter, sans-serif`, t.fillStyle = c.labelColor, t.textAlign = "center", t.textBaseline = "middle", t.fillText(`${B}%`, O, W), t.restore();
         }
         C += k;
       }), s.chartType === "donut" && s.showCenterText && v > 14) {
         const w = Math.round(r), I = Math.min(Math.floor(v * 0.52), 20), M = Math.min(Math.floor(v * 0.26), 10);
-        t.textAlign = "center", t.textBaseline = "middle", t.font = `bold ${I}px Inter, sans-serif`, t.fillStyle = l.centerTextColor, t.fillText(w.toString(), d, p - M * 0.5), s.centerLabel && (t.font = `${M}px Inter, sans-serif`, t.fillStyle = l.centerLabelColor, t.fillText(s.centerLabel, d, p + I * 0.6));
+        t.textAlign = "center", t.textBaseline = "middle", t.font = `bold ${I}px Inter, sans-serif`, t.fillStyle = c.centerTextColor, t.fillText(w.toString(), d, p - M * 0.5), s.centerLabel && (t.font = `${M}px Inter, sans-serif`, t.fillStyle = c.centerLabelColor, t.fillText(s.centerLabel, d, p + I * 0.6));
       }
     }
     if (s.showLegend && s.slices.length > 0) {
       t.font = `${s.legendFontSize}px Inter, sans-serif`;
       const b = 2, v = n / b, S = s.legendFontSize + 8, C = a / 2 - f + 10, w = -n / 2 + 10;
       s.slices.forEach((I, M) => {
-        const k = M % b, T = Math.floor(M / b), R = w + k * v, P = C + T * S, E = s._resolveSliceColor(I, M), x = 7;
-        t.beginPath(), t.roundRect(R, P - x / 2, x, x, 2), t.fillStyle = E, t.fill(), t.textAlign = "left", t.textBaseline = "middle", t.fillStyle = l.legendColor;
-        const O = Math.round((I.value || 0) / r * 100), W = `${I.label || "Item"} ${O}%`, B = v - x - 20;
+        const k = M % b, T = Math.floor(M / b), x = w + k * v, P = C + T * S, E = s._resolveSliceColor(I, M), R = 7;
+        t.beginPath(), t.roundRect(x, P - R / 2, R, R, 2), t.fillStyle = E, t.fill(), t.textAlign = "left", t.textBaseline = "middle", t.fillStyle = c.legendColor;
+        const O = Math.round((I.value || 0) / r * 100), W = `${I.label || "Item"} ${O}%`, B = v - R - 20;
         let $ = W;
         for (; t.measureText($).width > B && $.length > 4; )
           $ = $.slice(0, -4) + "…";
-        t.fillText($, R + x + 4, P);
+        t.fillText($, x + R + 4, P);
       });
     }
     t.restore();
@@ -4861,33 +4864,33 @@ class ci {
   renderJoystick(t, i) {
     var p, y, m, b, 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 c = 0, f = 0;
-    i.handleOrigin === "top-left" ? (c = e / 2, f = s / 2) : i.handleOrigin === "bottom-right" && (c = -e / 2, f = -s / 2), t.translate(c, f), 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)", (m = i.style) != null && m.fill && typeof i.style.fill == "string" ? t.fillStyle = i.style.fill : (b = i.style) != null && b.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());
+    let r = i.handleX || 0, c = i.handleY || 0;
+    o && o.handleX !== void 0 && (r = o.handleX), o && o.handleY !== void 0 && (c = o.handleY), t.save();
+    let l = 0, f = 0;
+    i.handleOrigin === "top-left" ? (l = e / 2, f = s / 2) : i.handleOrigin === "bottom-right" && (l = -e / 2, f = -s / 2), t.translate(l, f), 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)", (m = i.style) != null && m.fill && typeof i.style.fill == "string" ? t.fillStyle = i.style.fill : (b = i.style) != null && b.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 h = 0, d = 0;
-    i.joystickType === "2D" ? (h = r * u, d = l * u) : i.joystickType === "1D_X" ? (h = r * u, d = 0) : i.joystickType === "1D_Y" && (h = 0, d = l * u), t.beginPath(), t.arc(h, 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" ? (h = r * u, d = c * u) : i.joystickType === "1D_X" ? (h = r * u, d = 0) : i.joystickType === "1D_Y" && (h = 0, d = c * u), t.beginPath(), t.arc(h, d, a, 0, Math.PI * 2), t.fillStyle = "#fff", t.fill(), t.strokeStyle = "rgba(0,0,0,0.5)", t.lineWidth = 1, t.stroke(), t.restore();
   }
   getRadioGroupItemIndexAtPointer(t, i, o) {
     var M, k;
     const e = t.options || {}, s = this.objectStates.get(t.id) || {}, n = e.optionsList || [];
     if (n.length === 0) return null;
-    const a = s.width !== void 0 ? s.width : ((M = t.geometry) == null ? void 0 : M.width) || 180, r = s.height !== void 0 ? s.height : ((k = t.geometry) == null ? void 0 : k.height) || 100, l = e.orientation || "vertical", c = e.itemGap !== void 0 ? e.itemGap : 16, f = e.fontSize || 14, u = this.getWorldTransform(t.id), h = i - u.x, d = o - u.y, p = -u.rotation * (Math.PI / 180), y = Math.cos(p), m = Math.sin(p), b = h * y - d * m, v = h * m + d * y, C = 8 * 2, w = -a / 2, I = -r / 2;
-    if (l === "vertical") {
-      const T = Math.max(C, f) + c;
-      for (let R = 0; R < n.length; R++) {
-        const P = I + R * T;
+    const a = s.width !== void 0 ? s.width : ((M = t.geometry) == null ? void 0 : M.width) || 180, r = s.height !== void 0 ? s.height : ((k = t.geometry) == null ? void 0 : k.height) || 100, c = e.orientation || "vertical", l = e.itemGap !== void 0 ? e.itemGap : 16, f = e.fontSize || 14, u = this.getWorldTransform(t.id), h = i - u.x, d = o - u.y, p = -u.rotation * (Math.PI / 180), y = Math.cos(p), m = Math.sin(p), b = h * y - d * m, v = h * m + d * y, C = 8 * 2, w = -a / 2, I = -r / 2;
+    if (c === "vertical") {
+      const T = Math.max(C, f) + l;
+      for (let x = 0; x < n.length; x++) {
+        const P = I + x * T;
         if (b >= w && b <= w + a && v >= P && v <= P + T)
-          return R;
+          return x;
       }
     } else {
       let T = w;
-      for (let R = 0; R < n.length; R++) {
-        const E = n[R].length * 8, x = C + 6 + E + c;
-        if (b >= T && b <= T + x && v >= I && v <= I + r)
-          return R;
-        T += x;
+      for (let x = 0; x < n.length; x++) {
+        const E = n[x].length * 8, R = C + 6 + E + l;
+        if (b >= T && b <= T + R && v >= I && v <= I + r)
+          return x;
+        T += R;
       }
     }
     return null;
@@ -4929,10 +4932,10 @@ class ci {
       }
       p._resolvedData = y;
     }), r < 2) return;
-    const l = a - n, c = o / (r - 1), f = (p) => {
-      const y = l === 0 ? 0.5 : (p - n) / l;
+    const c = a - n, l = o / (r - 1), f = (p) => {
+      const y = c === 0 ? 0.5 : (p - n) / c;
       return e / 2 - y * e;
-    }, u = (p) => p * c - o / 2, h = i.axisColor || "#333333";
+    }, u = (p) => p * l - o / 2, h = i.axisColor || "#333333";
     if (i.showXAxis && (t.beginPath(), t.strokeStyle = i.xAxisColor || h, 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 || h, 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 p = 0; p < r; p++) {
@@ -4992,8 +4995,8 @@ class ci {
     }
   }
   _catmullRom(t, i, o, e, s) {
-    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;
+    const n = (o - t) * 0.5, a = (e - i) * 0.5, r = s * s, c = s * r;
+    return (2 * i - 2 * o + n + a) * c + (-3 * i + 3 * o - 2 * n - a) * r + n * s + i;
   }
   normalizeOpacity(t) {
     const i = typeof t == "number" ? t : parseFloat(String(t));
@@ -5004,19 +5007,19 @@ class ci {
     if (!i || i.type === "None") return null;
     if (typeof i == "string") return i;
     if (i.type === "Solid" && i.color) {
-      const r = i.color, c = (((n = (s = this.artboard) == null ? void 0 : s.tokens) == null ? void 0 : n.colors) || {})[r] || r;
-      return t.fillStyle = c, c;
+      const r = i.color, l = (((n = (s = this.artboard) == null ? void 0 : s.tokens) == null ? void 0 : n.colors) || {})[r] || r;
+      return t.fillStyle = l, l;
     }
     if ((i.type === "LinearGradient" || i.type === "RadialGradient" || i.type === "AngularGradient" || i.type === "DiamondGradient") && i.stops) {
-      const r = (l, c = 100) => {
+      const r = (c, l = 100) => {
         var S, C;
-        const u = (((C = (S = this.artboard) == null ? void 0 : S.tokens) == null ? void 0 : C.colors) || {})[l] || l, h = this.normalizeOpacity(i.opacity ?? 100), p = this.normalizeOpacity(c) * h;
+        const u = (((C = (S = this.artboard) == null ? void 0 : S.tokens) == null ? void 0 : C.colors) || {})[c] || c, h = this.normalizeOpacity(i.opacity ?? 100), p = this.normalizeOpacity(l) * h;
         if (p >= 1 && u.startsWith("#")) return u;
         const y = u.startsWith("#") ? u.replace("#", "") : "ffffff", m = parseInt(y.substring(0, 2), 16), b = parseInt(y.substring(2, 4), 16), v = parseInt(y.substring(4, 6), 16);
         return `rgba(${m}, ${b}, ${v}, ${p})`;
       };
       if (i.type === "LinearGradient") {
-        const l = (p, y, m) => Array.isArray(p) ? p[y] ?? (y === 0 ? 0 : 1) : p && typeof p == "object" ? p[m] ?? (y === 0 ? 0 : 1) : y === 0 ? 0 : 1, c = l(i.start, 0, "x") * o - o / 2, f = l(i.start, 1, "y") * e - e / 2, u = l(i.end, 0, "x") * o - o / 2, h = l(i.end, 1, "y") * e - e / 2, d = t.createLinearGradient(c, f, u, h);
+        const c = (p, y, m) => Array.isArray(p) ? p[y] ?? (y === 0 ? 0 : 1) : p && typeof p == "object" ? p[m] ?? (y === 0 ? 0 : 1) : y === 0 ? 0 : 1, l = c(i.start, 0, "x") * o - o / 2, f = c(i.start, 1, "y") * e - e / 2, u = c(i.end, 0, "x") * o - o / 2, h = c(i.end, 1, "y") * e - e / 2, d = t.createLinearGradient(l, f, u, h);
         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, m = r(p.color || "#000000", p.opacity ?? 100);
           d.addColorStop(Math.max(0, Math.min(1, y)), m);
@@ -5026,7 +5029,7 @@ class ci {
         }
         return d;
       } else if (i.type === "RadialGradient") {
-        const l = (d, p, y) => Array.isArray(d) ? d[p] ?? 0.5 : d && typeof d == "object" ? d[y] ?? 0.5 : 0.5, c = l(i.center, 0, "x") * o - o / 2, f = l(i.center, 1, "y") * e - e / 2, u = (i.radius ?? 0.5) * Math.max(o, e), h = t.createRadialGradient(c, f, 0, c, f, u);
+        const c = (d, p, y) => Array.isArray(d) ? d[p] ?? 0.5 : d && typeof d == "object" ? d[y] ?? 0.5 : 0.5, l = c(i.center, 0, "x") * o - o / 2, f = c(i.center, 1, "y") * e - e / 2, u = (i.radius ?? 0.5) * Math.max(o, e), h = t.createRadialGradient(l, f, 0, l, f, u);
         if (i.stops.forEach((d) => {
           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);
           h.addColorStop(Math.max(0, Math.min(1, p)), y);
@@ -5036,7 +5039,7 @@ class ci {
         }
         return h;
       } else if (i.type === "AngularGradient") {
-        const l = (d, p, y) => Array.isArray(d) ? d[p] ?? 0.5 : d && typeof d == "object" ? d[y] ?? 0.5 : 0.5, c = l(i.center || [0.5, 0.5], 0, "x") * o - o / 2, f = l(i.center || [0.5, 0.5], 1, "y") * e - e / 2, u = (i.degree || i.angle || 0) * (Math.PI / 180), h = (a = t.createConicGradient) == null ? void 0 : a.call(t, u, c, f);
+        const c = (d, p, y) => Array.isArray(d) ? d[p] ?? 0.5 : d && typeof d == "object" ? d[y] ?? 0.5 : 0.5, l = c(i.center || [0.5, 0.5], 0, "x") * o - o / 2, f = c(i.center || [0.5, 0.5], 1, "y") * e - e / 2, u = (i.degree || i.angle || 0) * (Math.PI / 180), h = (a = t.createConicGradient) == null ? void 0 : a.call(t, u, l, f);
         if (h) {
           if (i.stops.forEach((d) => {
             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);
@@ -5048,8 +5051,8 @@ class ci {
           return h;
         }
       } else if (i.type === "DiamondGradient") {
-        const l = (d, p, y) => Array.isArray(d) ? d[p] ?? 0.5 : d && typeof d == "object" ? d[y] ?? 0.5 : 0.5, c = l(i.center || [0.5, 0.5], 0, "x") * o - o / 2, f = 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(c, f), t.rotate(Math.PI / 4);
+        const c = (d, p, y) => Array.isArray(d) ? d[p] ?? 0.5 : d && typeof d == "object" ? d[y] ?? 0.5 : 0.5, l = c(i.center || [0.5, 0.5], 0, "x") * o - o / 2, f = c(i.center || [0.5, 0.5], 1, "y") * e - e / 2, u = (i.radius ?? 0.5) * Math.max(o, e);
+        t.save(), t.translate(l, f), t.rotate(Math.PI / 4);
         const h = t.createRadialGradient(0, 0, 0, 0, 0, u);
         if (i.stops.forEach((d) => {
           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);
@@ -5064,12 +5067,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 l = t.createPattern(r, "repeat");
-        if (l && (i.scaleX !== void 0 || i.offsetX !== void 0)) {
-          const c = new DOMMatrix(), f = i.scaleX ?? 1, u = i.scaleY ?? 1, h = i.offsetX ?? 0, d = i.offsetY ?? 0, p = i.rotation ?? 0;
-          c.translateSelf(h, d), c.rotateSelf(p), c.scaleSelf(f, u), l.setTransform(c);
+        const c = t.createPattern(r, "repeat");
+        if (c && (i.scaleX !== void 0 || i.offsetX !== void 0)) {
+          const l = new DOMMatrix(), f = i.scaleX ?? 1, u = i.scaleY ?? 1, h = i.offsetX ?? 0, d = i.offsetY ?? 0, p = i.rotation ?? 0;
+          l.translateSelf(h, d), l.rotateSelf(p), l.scaleSelf(f, u), c.setTransform(l);
         }
-        return l;
+        return c;
       }
     }
     return i.color || null;
@@ -5086,45 +5089,45 @@ class ci {
       } catch {
         a = parseFloat(a) || 0;
       }
-    let r = 0, l = 0, c = 0, f = 0;
-    typeof a == "number" ? r = l = c = f = a : Array.isArray(a) ? a.length === 1 ? r = l = c = f = a[0] : a.length === 2 ? (r = c = a[0], l = f = a[1]) : a.length === 3 ? (r = a[0], l = f = a[1], c = a[2]) : a.length >= 4 && (r = a[0], l = a[1], c = a[2], f = a[3]) : a && typeof a == "object" && (r = a.tl ?? a.corner_radius ?? a.cornerRadius ?? 0, l = a.tr ?? a.corner_radius ?? a.cornerRadius ?? 0, c = a.br ?? a.corner_radius ?? a.cornerRadius ?? 0, f = a.bl ?? a.corner_radius ?? a.cornerRadius ?? 0);
+    let r = 0, c = 0, l = 0, f = 0;
+    typeof a == "number" ? r = c = l = f = a : Array.isArray(a) ? a.length === 1 ? r = c = l = f = a[0] : a.length === 2 ? (r = l = a[0], c = f = a[1]) : a.length === 3 ? (r = a[0], c = f = a[1], l = a[2]) : a.length >= 4 && (r = a[0], c = a[1], l = a[2], f = a[3]) : a && typeof a == "object" && (r = a.tl ?? a.corner_radius ?? a.cornerRadius ?? 0, c = a.tr ?? a.corner_radius ?? a.cornerRadius ?? 0, l = a.br ?? a.corner_radius ?? a.cornerRadius ?? 0, f = 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), c = Math.min(Math.max(0, c), u), f = Math.min(Math.max(0, f), u), t.roundRect) {
-      t.roundRect(i, o, e, s, [r, l, c, f]);
+    if (r = Math.min(Math.max(0, r), u), c = Math.min(Math.max(0, c), u), l = Math.min(Math.max(0, l), u), f = Math.min(Math.max(0, f), u), t.roundRect) {
+      t.roundRect(i, o, e, s, [r, c, l, f]);
       return;
     }
-    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 - c), t.arcTo(i + e, o + s, i + e - c, o + s, c), t.lineTo(i + f, o + s), t.arcTo(i, o + s, i, o + s - f, f), t.lineTo(i, o + r), t.arcTo(i, o, i + r, o, r), t.closePath();
+    t.moveTo(i + r, o), t.lineTo(i + e - c, o), t.arcTo(i + e, o, i + e, o + c, c), t.lineTo(i + e, o + s - l), t.arcTo(i + e, o + s, i + e - l, o + s, l), t.lineTo(i + f, o + s), t.arcTo(i, o + s, i, o + s - f, f), t.lineTo(i, o + r), t.arcTo(i, o, i + r, o, r), t.closePath();
   }
   renderListView(t, i) {
     var O, W, B, $;
-    const o = this.objectStates.get(i.id) || {}, e = o.options || i.options || {}, s = o.width !== void 0 ? o.width : ((O = i.geometry) == null ? void 0 : O.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, c = e.orientation || "vertical", f = e.items || [], u = e.itemGap ?? 10, h = e.itemHeight ?? 50, d = e.itemWidth ?? 200, p = e.scrollOffset ?? 0, y = e.padding ?? 0, m = e.glassEffect !== !1, b = e.accentColor || "#3b82f6", v = e.itemTextColor || "#333333", S = e.itemBackgroundColor || "#ffffff", C = e.hoveredIndex ?? null, w = e.activeItemIndex ?? null, I = e.glowIntensity ?? 0, M = e.glowColor || "#3b82f6", k = typeof M == "string" ? M : M.color || (($ = (B = M.stops) == null ? void 0 : B[0]) == null ? void 0 : $.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 : ((O = i.geometry) == null ? void 0 : O.width) || 200, n = o.height !== void 0 ? o.height : ((W = i.geometry) == null ? void 0 : W.height) || 300, a = -s / 2, r = -n / 2, c = o.corner_radius !== void 0 ? o.corner_radius : e.corner_radius ?? 0, l = e.orientation || "vertical", f = e.items || [], u = e.itemGap ?? 10, h = e.itemHeight ?? 50, d = e.itemWidth ?? 200, p = e.scrollOffset ?? 0, y = e.padding ?? 0, m = e.glassEffect !== !1, b = e.accentColor || "#3b82f6", v = e.itemTextColor || "#333333", S = e.itemBackgroundColor || "#ffffff", C = e.hoveredIndex ?? null, w = e.activeItemIndex ?? null, I = e.glowIntensity ?? 0, M = e.glowColor || "#3b82f6", k = typeof M == "string" ? M : M.color || (($ = (B = M.stops) == null ? void 0 : B[0]) == null ? void 0 : $.color) || "#3b82f6", T = e.opacity !== void 0 ? e.opacity : i.opacity !== void 0 ? i.opacity : 1;
     if (t.save(), t.globalAlpha *= T, I > 0) {
       const Y = t.getTransform(), H = Math.sqrt(Y.a * Y.a + Y.b * Y.b) || 1;
       t.shadowColor = k, t.shadowBlur = I * 2 * H, t.shadowOffsetX = 0, t.shadowOffsetY = 0;
     }
     if (m) {
       const Y = e.listBackgroundColor || "rgba(31, 41, 55, 0.4)", H = this.createCanvasFill(t, Y, s, n);
-      t.fillStyle = H || "rgba(31, 41, 55, 0.4)", t.beginPath(), this.drawCustomShape(t, e.containerShape || "rectangle", e.containerPath || "", a, r, s, n, l) || t.fill();
+      t.fillStyle = H || "rgba(31, 41, 55, 0.4)", t.beginPath(), this.drawCustomShape(t, e.containerShape || "rectangle", e.containerPath || "", a, r, s, n, c) || t.fill();
       const A = t.createLinearGradient(a, r, a + s, r + n);
-      A.addColorStop(0, "rgba(255, 255, 255, 0.15)"), A.addColorStop(0.5, "rgba(255, 255, 255, 0.08)"), A.addColorStop(1, "rgba(255, 255, 255, 0.03)"), t.fillStyle = A, 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();
+      A.addColorStop(0, "rgba(255, 255, 255, 0.15)"), A.addColorStop(0.5, "rgba(255, 255, 255, 0.08)"), A.addColorStop(1, "rgba(255, 255, 255, 0.03)"), t.fillStyle = A, t.beginPath(), this.drawCustomShape(t, e.containerShape || "rectangle", e.containerPath || "", a, r, s, n, c) || 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, c) || t.stroke();
     } else {
       const Y = e.backgroundColor || e.listBackgroundColor || "transparent", H = this.createCanvasFill(t, Y, s, n);
       if (H) {
         t.fillStyle = H, t.beginPath();
-        const A = this.drawCustomShape(t, e.containerShape || "rectangle", e.containerPath || "", a, r, s, n, l);
+        const A = this.drawCustomShape(t, e.containerShape || "rectangle", e.containerPath || "", a, r, s, n, c);
         t.fill();
       }
       const K = e.borderWidth ?? 0;
       if (K > 0) {
         t.strokeStyle = e.borderColor || "#cccccc", t.lineWidth = K, t.beginPath();
-        const A = this.drawCustomShape(t, e.containerShape || "rectangle", e.containerPath || "", a, r, s, n, l);
+        const A = this.drawCustomShape(t, e.containerShape || "rectangle", e.containerPath || "", a, r, s, n, c);
         t.stroke();
       }
     }
     t.shadowBlur = 0, t.save(), t.beginPath();
-    const R = this.drawCustomShape(t, e.containerShape || "rectangle", e.containerPath || "", a, r, s, n, l);
+    const x = this.drawCustomShape(t, e.containerShape || "rectangle", e.containerPath || "", a, r, s, n, c);
     if (e.listLayout !== "circular")
-      if (R && e.containerShape === "custom")
+      if (x && e.containerShape === "custom")
         try {
           const Y = new Path2D(e.containerPath);
           t.translate(a, r), t.scale(s / 100, n / 100), t.clip(Y), t.scale(100 / s, 100 / n), t.translate(-a, -r);
@@ -5132,55 +5135,55 @@ class ci {
         }
       else
         t.clip();
-    const P = typeof y == "number" ? y : c === "vertical" ? y[0] : y[3];
-    let E = (c === "vertical" ? r : a) + p + P;
+    const P = typeof y == "number" ? y : l === "vertical" ? y[0] : y[3];
+    let E = (l === "vertical" ? r : a) + p + P;
     if (t.textBaseline = "middle", f.forEach((Y, H) => {
-      const K = e.listLayout || "linear", A = K === "circular" ? d : c === "vertical" ? s : d, _ = K === "circular" || c === "vertical" ? h : n;
+      const K = e.listLayout || "linear", A = K === "circular" ? d : l === "vertical" ? s : d, _ = K === "circular" || l === "vertical" ? h : n;
       let L = 0, X = 0, V = 0;
       if (K === "circular") {
-        const Tt = f.length || 1, zt = Math.PI * 2 / Tt, Z = e.circularStartAngle || 0, pt = e.circularRadius || 100, Et = p * 0.01 + Z * Math.PI / 180, ut = H * zt + Et, vt = a + s / 2, xt = r + n / 2;
-        L = vt + Math.cos(ut) * pt - A / 2, X = xt + Math.sin(ut) * pt - _ / 2, V = ut + (e.itemRotation || 0) * Math.PI / 180;
+        const Tt = f.length || 1, zt = Math.PI * 2 / Tt, Z = e.circularStartAngle || 0, pt = e.circularRadius || 100, Et = p * 0.01 + Z * Math.PI / 180, ut = H * zt + Et, vt = a + s / 2, Rt = r + n / 2;
+        L = vt + Math.cos(ut) * pt - A / 2, X = Rt + Math.sin(ut) * pt - _ / 2, V = ut + (e.itemRotation || 0) * Math.PI / 180;
       } else
-        L = c === "vertical" ? a : E, X = c === "vertical" ? E : r, V = (e.itemRotation || 0) * Math.PI / 180;
-      const it = C === H, rt = w === H, nt = rt && e.activeItemShape ? e.activeItemShape : e.itemShape || "rectangle", yt = rt && e.activeItemShape ? e.activeItemPath : e.itemPath || "", ct = e.itemCornerRadius || 0;
-      if (t.save(), V !== 0 && (t.translate(L + A / 2, X + _ / 2), t.rotate(V), t.translate(-(L + A / 2), -(X + _ / 2))), rt) {
+        L = l === "vertical" ? a : E, X = l === "vertical" ? E : r, V = (e.itemRotation || 0) * Math.PI / 180;
+      const it = C === H, lt = w === H, nt = lt && e.activeItemShape ? e.activeItemShape : e.itemShape || "rectangle", bt = lt && e.activeItemShape ? e.activeItemPath : e.itemPath || "", ht = e.itemCornerRadius || 0;
+      if (t.save(), V !== 0 && (t.translate(L + A / 2, X + _ / 2), t.rotate(V), t.translate(-(L + A / 2), -(X + _ / 2))), lt) {
         const Tt = this.createCanvasFill(t, b, A, _);
         t.fillStyle = Tt || b;
         const zt = t.globalAlpha;
-        t.globalAlpha = zt * 0.8, t.beginPath(), this.drawCustomShape(t, nt, yt, L, X, A, _, ct) || (t.rect(L, X, A, _), t.fill()), t.globalAlpha = zt;
+        t.globalAlpha = zt * 0.8, t.beginPath(), this.drawCustomShape(t, nt, bt, L, X, A, _, ht) || (t.rect(L, X, A, _), t.fill()), t.globalAlpha = zt;
       } else if (it)
-        t.fillStyle = m ? "rgba(255, 255, 255, 0.1)" : "rgba(0, 0, 0, 0.05)", t.beginPath(), this.drawCustomShape(t, nt, yt, L, X, A, _, ct) || (t.rect(L, X, A, _), t.fill());
+        t.fillStyle = m ? "rgba(255, 255, 255, 0.1)" : "rgba(0, 0, 0, 0.05)", t.beginPath(), this.drawCustomShape(t, nt, bt, L, X, A, _, ht) || (t.rect(L, X, A, _), t.fill());
       else if (S !== "transparent") {
         const Tt = this.createCanvasFill(t, S, A, _);
-        t.fillStyle = Tt || S, t.beginPath(), this.drawCustomShape(t, nt, yt, L, X, A, _, ct) || (t.rect(L, X, A, _), t.fill());
+        t.fillStyle = Tt || S, t.beginPath(), this.drawCustomShape(t, nt, bt, L, X, A, _, ht) || (t.rect(L, X, A, _), t.fill());
       }
-      if (rt || it) {
-        const Tt = this.createCanvasFill(t, b, c === "vertical" ? 3 : A, c === "vertical" ? _ : 3);
-        t.fillStyle = Tt || b, c === "vertical" ? t.fillRect(L, X, 3, _) : t.fillRect(L, X + _ - 3, A, 3);
+      if (lt || it) {
+        const Tt = this.createCanvasFill(t, b, l === "vertical" ? 3 : A, l === "vertical" ? _ : 3);
+        t.fillStyle = Tt || b, l === "vertical" ? t.fillRect(L, X, 3, _) : t.fillRect(L, X + _ - 3, A, 3);
       }
-      const wt = rt ? "#ffffff" : m ? "rgba(255, 255, 255, 0.9)" : v;
-      t.fillStyle = wt, t.font = rt || it ? "600 14px Inter, sans-serif" : "400 14px Inter, sans-serif";
-      const Mt = typeof Y == "string" ? Y : (Y == null ? void 0 : Y.label) || `Item ${H + 1}`, It = L + (c === "vertical" ? 16 : A / 2), Ot = X + _ / 2;
-      c === "horizontal" || K === "circular" ? t.textAlign = "center" : t.textAlign = "left";
+      const wt = lt ? "#ffffff" : m ? "rgba(255, 255, 255, 0.9)" : v;
+      t.fillStyle = wt, t.font = lt || it ? "600 14px Inter, sans-serif" : "400 14px Inter, sans-serif";
+      const Mt = typeof Y == "string" ? Y : (Y == null ? void 0 : Y.label) || `Item ${H + 1}`, It = L + (l === "vertical" ? 16 : A / 2), Ot = X + _ / 2;
+      l === "horizontal" || K === "circular" ? t.textAlign = "center" : t.textAlign = "left";
       const At = K === "circular" ? L + A / 2 : It;
-      t.fillText(Mt, At, Ot), t.restore(), E += (c === "vertical" ? h : d) + u;
+      t.fillText(Mt, At, Ot), t.restore(), E += (l === "vertical" ? h : d) + u;
     }), t.restore(), e.showScrollbar !== !1) {
-      const Y = (f.length || 0) * (c === "vertical" ? h : d) + ((f.length || 0) - 1) * u, H = c === "vertical" ? n : s, K = e.listLayout || "linear", A = e.containerShape === "circle" || K === "circular";
+      const Y = (f.length || 0) * (l === "vertical" ? h : d) + ((f.length || 0) - 1) * u, H = l === "vertical" ? n : s, K = e.listLayout || "linear", A = e.containerShape === "circle" || K === "circular";
       if (Y > H || K === "circular" && f.length > 0) {
         const _ = e.scrollbarColor || "rgba(255,255,255,0.3)", L = e.scrollbarWidth || 4;
         if (A) {
           const X = Math.min(s, n) / 2 - L / 2 - 2, V = a + s / 2, it = r + n / 2;
           if (t.strokeStyle = _, t.lineWidth = L, t.lineCap = "round", t.beginPath(), K === "circular") {
-            const rt = Math.PI / 4, nt = -(p * 0.01) - Math.PI / 2;
-            t.arc(V, it, X, nt, nt + rt);
+            const lt = Math.PI / 4, nt = -(p * 0.01) - Math.PI / 2;
+            t.arc(V, it, X, nt, nt + lt);
           } else {
-            const rt = Math.PI / 2, nt = H / Y, yt = rt * nt, ct = -p / Y * rt, Mt = -Math.PI / 4 + ct;
-            t.arc(V, it, X, Mt, Mt + yt);
+            const lt = Math.PI / 2, nt = H / Y, bt = lt * nt, ht = -p / Y * lt, Mt = -Math.PI / 4 + ht;
+            t.arc(V, it, X, Mt, Mt + bt);
           }
           t.stroke();
         } else {
           const X = H / Y, V = H * X, it = -p / Y * H;
-          t.fillStyle = _, c === "vertical" ? t.fillRect(a + s - L - 2, r + it, L, V) : t.fillRect(a + it, r + n - L - 2, V, L);
+          t.fillStyle = _, l === "vertical" ? t.fillRect(a + s - L - 2, r + it, L, V) : t.fillRect(a + it, r + n - L - 2, V, L);
         }
       }
     }
@@ -5188,15 +5191,15 @@ class ci {
   }
   drawCustomShape(t, i, o, e, s, n, a, r) {
     if (i === "circle") {
-      const l = Math.min(n, a) / 2;
-      return t.arc(e + n / 2, s + a / 2, l, 0, Math.PI * 2), !1;
+      const c = Math.min(n, a) / 2;
+      return t.arc(e + n / 2, s + a / 2, c, 0, Math.PI * 2), !1;
     } else if (i === "pill") {
-      const l = Math.min(n, a) / 2;
-      return this.drawListViewRect(t, e, s, n, a, l), !1;
+      const c = Math.min(n, a) / 2;
+      return this.drawListViewRect(t, e, s, n, a, c), !1;
     } else if (i === "custom" && o)
       try {
-        const l = new Path2D(o);
-        return t.save(), t.translate(e, s), t.scale(n / 100, a / 100), t.fill(l), t.restore(), !0;
+        const c = new Path2D(o);
+        return t.save(), t.translate(e, s), t.scale(n / 100, a / 100), t.fill(c), t.restore(), !0;
       } catch {
         return this.drawListViewRect(t, e, s, n, a, r), !1;
       }
@@ -5207,10 +5210,10 @@ 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 || [], l = i.itemGap ?? 10, c = i.itemHeight ?? 50, f = i.itemWidth ?? 200, u = a.width !== void 0 ? a.width : ((m = t.geometry) == null ? void 0 : m.width) || 200, h = a.height !== void 0 ? a.height : ((b = t.geometry) == null ? void 0 : b.height) || 300;
+    const n = i.listLayout || "linear", a = this.objectStates.get(t.id) || {}, r = i.items || [], c = i.itemGap ?? 10, l = i.itemHeight ?? 50, f = i.itemWidth ?? 200, u = a.width !== void 0 ? a.width : ((m = t.geometry) == null ? void 0 : m.width) || 200, h = a.height !== void 0 ? a.height : ((b = t.geometry) == null ? void 0 : b.height) || 300;
     if (n === "circular")
       return;
-    const d = (r.length || 0) * (o === "vertical" ? c : f) + ((r.length || 0) - 1) * l, y = Math.max(0, d - (o === "vertical" ? h : u) + (i.padding * 2 || 0));
+    const d = (r.length || 0) * (o === "vertical" ? l : f) + ((r.length || 0) - 1) * c, y = Math.max(0, d - (o === "vertical" ? h : u) + (i.padding * 2 || 0));
     i.scrollOffset > 0 && (i.scrollOffset = 0), i.scrollOffset < -y && (i.scrollOffset = -y);
   }
   updateListViewHoverFromPointer(t, i, o) {
@@ -5221,24 +5224,24 @@ class ci {
     var B, $;
     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 : ((B = t.geometry) == null ? void 0 : B.width) || 200, r = s.height !== void 0 ? s.height : (($ = t.geometry) == null ? void 0 : $.height) || 300, l = e.orientation || "vertical", c = e.itemGap ?? 10, f = e.itemHeight ?? 50, u = e.itemWidth ?? 200, h = e.scrollOffset ?? 0, d = e.padding ?? 0, p = this.getWorldTransform(t.id), y = i - p.x, m = o - p.y, b = -p.rotation * (Math.PI / 180), v = Math.cos(b), S = Math.sin(b), C = y * v - m * S, w = y * S + m * v, I = -a / 2, M = -r / 2, k = typeof d == "number" ? d : l === "vertical" ? d[0] : d[3];
-    let T = (l === "vertical" ? M : I) + h + k;
-    const R = e.listLayout || "linear", P = n.length || 1, E = Math.PI * 2 / P, x = e.circularStartAngle || 0, O = e.circularRadius || 100, W = h * 0.01 + x * Math.PI / 180;
+    const a = s.width !== void 0 ? s.width : ((B = t.geometry) == null ? void 0 : B.width) || 200, r = s.height !== void 0 ? s.height : (($ = t.geometry) == null ? void 0 : $.height) || 300, c = e.orientation || "vertical", l = e.itemGap ?? 10, f = e.itemHeight ?? 50, u = e.itemWidth ?? 200, h = e.scrollOffset ?? 0, d = e.padding ?? 0, p = this.getWorldTransform(t.id), y = i - p.x, m = o - p.y, b = -p.rotation * (Math.PI / 180), v = Math.cos(b), S = Math.sin(b), C = y * v - m * S, w = y * S + m * v, I = -a / 2, M = -r / 2, k = typeof d == "number" ? d : c === "vertical" ? d[0] : d[3];
+    let T = (c === "vertical" ? M : I) + h + k;
+    const x = e.listLayout || "linear", P = n.length || 1, E = Math.PI * 2 / P, R = e.circularStartAngle || 0, O = e.circularRadius || 100, W = h * 0.01 + R * Math.PI / 180;
     for (let Y = 0; Y < n.length; Y++) {
-      const H = R === "circular" ? u : l === "vertical" ? a : u, K = R === "circular" || l === "vertical" ? f : r;
+      const H = x === "circular" ? u : c === "vertical" ? a : u, K = x === "circular" || c === "vertical" ? f : r;
       let A = 0, _ = 0, L = 0;
-      if (R === "circular") {
+      if (x === "circular") {
         const X = Y * E + W, V = I + a / 2, it = M + r / 2;
         A = V + Math.cos(X) * O - H / 2, _ = it + Math.sin(X) * O - K / 2, L = X + (e.itemRotation || 0) * Math.PI / 180;
       } else
-        A = l === "vertical" ? I : T, _ = l === "vertical" ? T : M, L = (e.itemRotation || 0) * Math.PI / 180;
+        A = c === "vertical" ? I : T, _ = c === "vertical" ? T : M, L = (e.itemRotation || 0) * Math.PI / 180;
       if (L !== 0) {
-        const X = A + H / 2, V = _ + K / 2, it = C - X, rt = w - V, nt = -L, yt = it * Math.cos(nt) - rt * Math.sin(nt) + X, ct = it * Math.sin(nt) + rt * Math.cos(nt) + V;
-        if (yt >= A && yt <= A + H && ct >= _ && ct <= _ + K)
+        const X = A + H / 2, V = _ + K / 2, it = C - X, lt = w - V, nt = -L, bt = it * Math.cos(nt) - lt * Math.sin(nt) + X, ht = it * Math.sin(nt) + lt * Math.cos(nt) + V;
+        if (bt >= A && bt <= A + H && ht >= _ && ht <= _ + K)
           return Y;
       } else if (C >= A && C <= A + H && w >= _ && w <= _ + K)
         return Y;
-      T += (l === "vertical" ? f : u) + c;
+      T += (c === "vertical" ? f : u) + l;
     }
     return null;
   }
@@ -5256,28 +5259,28 @@ class ci {
       if (!e.behaviors || e.behaviors.length === 0) return;
       const s = this.objectStates.get(e.id);
       s && e.behaviors.forEach((n) => {
-        var u, h, d, p, y, m, b, v, S, C, w, I, M, k, T, R, P, E, x, O, W, B, $, Y, H, K, A, _, L, X, V, it, rt, nt, yt, ct, wt, Mt, It, Ot, At, Tt, zt, Z, pt, Et, ut, vt, xt, Xt, Bt, Dt, Ht, te, ue, pe, Qt, me, _e, ye, Se, Pe, ae, ee, ht, bt, j, z, D, et, gt, Pt, Ct, Wt, mt, F, Lt, jt, Vt, ce, Rt, ft, lt, tt, dt, G, st, J, Ft, Ut, se, Yt, qt, Nt, Ce, Ee, Ae, Oe, Re, xe, $e, Gt, ie, be, Le, Fe, he, re, le, we, We, Ge, De, Be, ze, Ve, Ze, je;
+        var u, h, d, p, y, m, b, v, S, C, w, I, M, k, T, x, P, E, R, O, W, B, $, Y, H, K, A, _, L, X, V, it, lt, nt, bt, ht, wt, Mt, It, Ot, At, Tt, zt, Z, pt, Et, ut, vt, Rt, Xt, Bt, Dt, Ht, te, ue, pe, Qt, me, _e, ye, Se, Pe, ae, ee, at, gt, j, z, D, et, mt, Pt, Ct, Wt, yt, F, Lt, jt, Vt, ce, xt, ft, ct, tt, dt, G, st, J, Ft, Ut, se, Yt, qt, Nt, Ce, Ee, Ae, Oe, xe, Re, $e, Gt, ie, be, Le, Fe, he, re, le, we, We, Ge, De, Be, ze, Ve, Ze, je;
         if (!n.enabled) return;
         const a = n.startTime || 0, r = n.endTime || 1 / 0;
         if (this.currentTime < a || this.currentTime > r) return;
-        const l = s.x - i, c = s.y - o, f = Math.sqrt(l * l + c * c);
+        const c = s.x - i, l = s.y - o, f = Math.sqrt(c * c + l * l);
         if (this.frameCount % 240 === 0 && Math.random() < 0.1 && this.log(`[ExodeUI] Executing ${n.type} on ${e.name}`), n.type === N.Proximity) {
           const U = ((u = n.settings) == null ? void 0 : u.radius) || 300, Q = ((h = n.settings) == null ? void 0 : h.falloff) || "smooth";
           let q = 0;
-          f < U && (Q === "linear" ? q = 1 - f / U : q = Math.pow(1 - f / U, 2)), n.sensors.forEach((at) => {
-            this.applyBehaviorSensor(s, at, q, t, n.settings, e, l, c, f);
+          f < U && (Q === "linear" ? q = 1 - f / U : q = Math.pow(1 - f / U, 2)), n.sensors.forEach((rt) => {
+            this.applyBehaviorSensor(s, rt, q, t, n.settings, e, c, l, f);
           });
         } else if (n.type === N.Magnetic) {
           const U = ((d = n.settings) == null ? void 0 : d.radius) || 400, Q = ((p = n.settings) == null ? void 0 : p.strength) || 0.5;
           if (f < U && f > 5) {
-            const q = 1 - f / U, at = l * q * Q, kt = c * q * Q;
-            s.x -= at * t * 10, s.y -= kt * t * 10;
+            const q = 1 - f / U, rt = c * q * Q, kt = l * q * Q;
+            s.x -= rt * t * 10, s.y -= kt * t * 10;
           }
         } else if (n.type === N.Repel) {
           const U = ((y = n.settings) == null ? void 0 : y.radius) || 300, Q = ((m = n.settings) == null ? void 0 : m.strength) || 1;
           if (f < U) {
             const q = Math.pow(1 - f / U, 2);
-            s.x += l / (f || 1) * q * 60 * Q * t * 5, s.y += c / (f || 1) * q * 60 * Q * t * 5;
+            s.x += c / (f || 1) * q * 60 * Q * t * 5, s.y += l / (f || 1) * q * 60 * Q * t * 5;
           }
         } else if (n.type === N.Orbit) {
           const U = ((b = n.settings) == null ? void 0 : b.speed) || 1, Q = ((v = n.settings) == null ? void 0 : v.radius) || 30, q = this.currentTime * U * Math.PI * 2;
@@ -5285,14 +5288,14 @@ class ci {
         } else if (n.type === N.Vortex) {
           const U = ((S = n.settings) == null ? void 0 : S.radius) || 400, Q = ((C = n.settings) == null ? void 0 : C.speed) || 2, q = ((w = n.settings) == null ? void 0 : w.strength) || 1;
           if (f < U) {
-            const at = Math.pow(1 - f / U, 1.5), kt = this.currentTime * Q * Math.PI * 2, _t = Math.cos(kt) * 30 - l * 0.4, $t = Math.sin(kt) * 30 - c * 0.4;
-            s.x += _t * at * q * t * 5, s.y += $t * at * q * t * 5, s.rotation += 5 * at * q * t * 5, s.scale_x *= 1 - at * 0.1 * q * t, s.scale_y *= 1 - at * 0.1 * q * t;
+            const rt = Math.pow(1 - f / U, 1.5), kt = this.currentTime * Q * Math.PI * 2, _t = Math.cos(kt) * 30 - c * 0.4, $t = Math.sin(kt) * 30 - l * 0.4;
+            s.x += _t * rt * q * t * 5, s.y += $t * rt * q * t * 5, s.rotation += 5 * rt * q * t * 5, s.scale_x *= 1 - rt * 0.1 * q * t, s.scale_y *= 1 - rt * 0.1 * q * t;
           }
         } else if (n.type === N.Fluid) {
           const U = ((I = n.settings) == null ? void 0 : I.radius) || 300, Q = ((M = n.settings) == null ? void 0 : M.strength) || 1;
           if (f < U) {
-            const q = Math.pow(1 - f / U, 1.2), at = l / (f || 1) * q * 1.2 * Q, kt = c / (f || 1) * q * 1.2 * Q;
-            s.x += at * 10 * t * 5, s.y += kt * 10 * t * 5, s.scale_x *= 1 + q * 0.3 * Q * t, s.scale_y *= 1 + q * 0.3 * Q * t;
+            const q = Math.pow(1 - f / U, 1.2), rt = c / (f || 1) * q * 1.2 * Q, kt = l / (f || 1) * q * 1.2 * Q;
+            s.x += rt * 10 * t * 5, s.y += kt * 10 * t * 5, s.scale_x *= 1 + q * 0.3 * Q * t, s.scale_y *= 1 + q * 0.3 * Q * t;
           }
         } else if (n.type === N.Elastic) {
           const U = ((k = n.settings) == null ? void 0 : k.radius) || 300, Q = ((T = n.settings) == null ? void 0 : T.strength) || 1;
@@ -5301,43 +5304,43 @@ class ci {
             s.scale_x *= 1 + q * 0.4 * Q * t, s.scale_y *= 1 + q * 0.4 * Q * t;
           }
         } else if (n.type === N.Holographic) {
-          const U = s.x - this.canvasWidth / 2, Q = s.y - this.canvasHeight / 2, q = ((R = n.settings) == null ? void 0 : R.factor) || 25;
+          const U = s.x - this.canvasWidth / 2, Q = s.y - this.canvasHeight / 2, q = ((x = n.settings) == null ? void 0 : x.factor) || 25;
           if (s.x -= U / 1e3 * q * t * 5, s.y -= Q / 1e3 * q * t * 5, s.style) {
-            const at = 1 - Math.min(1, f / 400);
-            s.style.exposure = (s.style.exposure || 1) + at * 0.5 * t;
+            const rt = 1 - Math.min(1, f / 400);
+            s.style.exposure = (s.style.exposure || 1) + rt * 0.5 * t;
           }
         } else if (n.type === N.Sticky) {
           const U = ((P = n.settings) == null ? void 0 : P.radius) || 80, Q = ((E = n.settings) == null ? void 0 : E.strength) || 1;
           if (f < U) {
             const q = Math.pow(1 - f / U, 2);
-            s.x -= l * q * Q * t * 10, s.y -= c * q * Q * t * 10, s.scale_x *= 1 - q * 0.1 * Q * t, s.scale_y *= 1 - q * 0.1 * Q * t;
+            s.x -= c * q * Q * t * 10, s.y -= l * q * Q * t * 10, s.scale_x *= 1 - q * 0.1 * Q * t, s.scale_y *= 1 - q * 0.1 * Q * t;
           }
         } else if (n.type === N.Dilation) {
-          const U = ((x = n.settings) == null ? void 0 : x.size) || 120, Q = ((O = n.settings) == null ? void 0 : O.strength) || 1;
+          const U = ((R = n.settings) == null ? void 0 : R.size) || 120, Q = ((O = n.settings) == null ? void 0 : O.strength) || 1;
           if (f < U) {
             const q = 1 - f / U;
             s.scale_x *= 1 + q * 0.5 * Q * t, s.scale_y *= 1 + q * 0.5 * Q * t;
           }
         } else if (n.type === N.Parallax) {
-          const U = ((W = n.settings) == null ? void 0 : W.factor) || 15, Q = ((B = n.settings) == null ? void 0 : B.strength) || 1, q = this.canvasWidth / 2, at = this.canvasHeight / 2, kt = this._lastPointerPos || { x: q, y: at }, _t = (kt.x - q) / q, $t = (kt.y - at) / at, Zt = ((($ = e.transform) == null ? void 0 : $.x) ?? 0) + _t * U * Q, fe = (((Y = e.transform) == null ? void 0 : Y.y) ?? 0) + $t * U * Q, Ie = (((H = e.transform) == null ? void 0 : H.rotate_x) ?? 0) - $t * U * 1.5 * Q, ne = (((K = e.transform) == null ? void 0 : K.rotate_y) ?? 0) + _t * U * 1.5 * Q, ge = Math.min(1, 10 * t);
+          const U = ((W = n.settings) == null ? void 0 : W.factor) || 15, Q = ((B = n.settings) == null ? void 0 : B.strength) || 1, q = this.canvasWidth / 2, rt = this.canvasHeight / 2, kt = this._lastPointerPos || { x: q, y: rt }, _t = (kt.x - q) / q, $t = (kt.y - rt) / rt, Zt = ((($ = e.transform) == null ? void 0 : $.x) ?? 0) + _t * U * Q, fe = (((Y = e.transform) == null ? void 0 : Y.y) ?? 0) + $t * U * Q, Ie = (((H = e.transform) == null ? void 0 : H.rotate_x) ?? 0) - $t * U * 1.5 * Q, ne = (((K = e.transform) == null ? void 0 : K.rotate_y) ?? 0) + _t * U * 1.5 * Q, ge = Math.min(1, 10 * t);
           s.x = this.lerp(s.x ?? ((A = e.transform) == null ? void 0 : A.x) ?? 0, Zt, ge), s.y = this.lerp(s.y ?? ((_ = e.transform) == null ? void 0 : _.y) ?? 0, fe, ge), s.rotate_x = this.lerp(s.rotate_x ?? ((L = e.transform) == null ? void 0 : L.rotate_x) ?? 0, Ie, ge), s.rotate_y = this.lerp(s.rotate_y ?? ((X = e.transform) == null ? void 0 : X.rotate_y) ?? 0, ne, ge);
         } else if (n.type === N.Fold) {
           if (f < 300) {
-            const U = 1 - f / 300, Q = (l > 0 ? -1 : 1) * U * 10, q = 1 - U * 0.1, at = c / 300 * U * 20, kt = -(l / 300) * U * 20, _t = Math.min(1, 10 * t);
-            s.skew_x = this.lerp(s.skew_x ?? ((V = e.transform) == null ? void 0 : V.skew_x) ?? 0, Q, _t), s.scale_y = this.lerp(s.scale_y ?? ((it = e.transform) == null ? void 0 : it.scale_y) ?? 1, (((rt = e.transform) == null ? void 0 : rt.scale_y) ?? 1) * q, _t), s.rotate_x = this.lerp(s.rotate_x ?? ((nt = e.transform) == null ? void 0 : nt.rotate_x) ?? 0, at, _t), s.rotate_y = this.lerp(s.rotate_y ?? ((yt = e.transform) == null ? void 0 : yt.rotate_y) ?? 0, kt, _t), s.style = s.style || { ...e.style }, s.style.artEffect = { enabled: !0, type: "fold_overlay", intensity: ((ct = n.settings) == null ? void 0 : ct.opacity) ?? 0.5 };
+            const U = 1 - f / 300, Q = (c > 0 ? -1 : 1) * U * 10, q = 1 - U * 0.1, rt = l / 300 * U * 20, kt = -(c / 300) * U * 20, _t = Math.min(1, 10 * t);
+            s.skew_x = this.lerp(s.skew_x ?? ((V = e.transform) == null ? void 0 : V.skew_x) ?? 0, Q, _t), s.scale_y = this.lerp(s.scale_y ?? ((it = e.transform) == null ? void 0 : it.scale_y) ?? 1, (((lt = e.transform) == null ? void 0 : lt.scale_y) ?? 1) * q, _t), s.rotate_x = this.lerp(s.rotate_x ?? ((nt = e.transform) == null ? void 0 : nt.rotate_x) ?? 0, rt, _t), s.rotate_y = this.lerp(s.rotate_y ?? ((bt = e.transform) == null ? void 0 : bt.rotate_y) ?? 0, kt, _t), s.style = s.style || { ...e.style }, s.style.artEffect = { enabled: !0, type: "fold_overlay", intensity: ((ht = n.settings) == null ? void 0 : ht.opacity) ?? 0.5 };
           }
         } else if (n.type === N.Crumple) {
           if (f < 300) {
-            const U = 1 - f / 300, Q = U * (Math.random() - 0.5) * 5, q = U * (Math.random() - 0.5) * 0.05, at = Math.min(1, 15 * t);
-            s.skew_x = this.lerp(s.skew_x ?? ((wt = e.transform) == null ? void 0 : wt.skew_x) ?? 0, Q, at), s.scale_x = this.lerp(s.scale_x ?? ((Mt = e.transform) == null ? void 0 : Mt.scale_x) ?? 1, (((It = e.transform) == null ? void 0 : It.scale_x) ?? 1) * (1 + q), at), s.scale_y = this.lerp(s.scale_y ?? ((Ot = e.transform) == null ? void 0 : Ot.scale_y) ?? 1, (((At = e.transform) == null ? void 0 : At.scale_y) ?? 1) * (1 + q), at), s.style = s.style || { ...e.style }, s.style.artEffect = { enabled: !0, type: "crumple_overlay", intensity: ((Tt = n.settings) == null ? void 0 : Tt.intensity) ?? 1, scale: ((zt = n.settings) == null ? void 0 : zt.scale) ?? 2 };
+            const U = 1 - f / 300, Q = U * (Math.random() - 0.5) * 5, q = U * (Math.random() - 0.5) * 0.05, rt = Math.min(1, 15 * t);
+            s.skew_x = this.lerp(s.skew_x ?? ((wt = e.transform) == null ? void 0 : wt.skew_x) ?? 0, Q, rt), s.scale_x = this.lerp(s.scale_x ?? ((Mt = e.transform) == null ? void 0 : Mt.scale_x) ?? 1, (((It = e.transform) == null ? void 0 : It.scale_x) ?? 1) * (1 + q), rt), s.scale_y = this.lerp(s.scale_y ?? ((Ot = e.transform) == null ? void 0 : Ot.scale_y) ?? 1, (((At = e.transform) == null ? void 0 : At.scale_y) ?? 1) * (1 + q), rt), s.style = s.style || { ...e.style }, s.style.artEffect = { enabled: !0, type: "crumple_overlay", intensity: ((Tt = n.settings) == null ? void 0 : Tt.intensity) ?? 1, scale: ((zt = n.settings) == null ? void 0 : zt.scale) ?? 2 };
           }
         } else if (n.type === N.Squash) {
           const U = ((Z = n.settings) == null ? void 0 : Z.strength) || 0.8;
           f < (e.width || 100) && this.isMouseDown ? (s.scale_y = this.lerp(s.scale_y ?? 1, (((pt = e.transform) == null ? void 0 : pt.scale_y) ?? 1) * U, 0.3), s.scale_x = this.lerp(s.scale_x ?? 1, (((Et = e.transform) == null ? void 0 : Et.scale_x) ?? 1) * (1 + (1 - U) * 0.4), 0.3)) : (s.scale_y = this.lerp(s.scale_y ?? 1, ((ut = e.transform) == null ? void 0 : ut.scale_y) ?? 1, 0.2), s.scale_x = this.lerp(s.scale_x ?? 1, ((vt = e.transform) == null ? void 0 : vt.scale_x) ?? 1, 0.2));
         } else if (n.type === N.TextCounter) {
-          const U = ((xt = n.settings) == null ? void 0 : xt.duration) || 2, Q = ((Xt = n.settings) == null ? void 0 : Xt.from) || 0, q = ((Bt = n.settings) == null ? void 0 : Bt.to) || 100;
+          const U = ((Rt = n.settings) == null ? void 0 : Rt.duration) || 2, Q = ((Xt = n.settings) == null ? void 0 : Xt.from) || 0, q = ((Bt = n.settings) == null ? void 0 : Bt.to) || 100;
           n._runtimeStart === void 0 && (n._runtimeStart = this.currentTime);
-          const at = this.currentTime - n._runtimeStart, kt = Math.min(1, at / U), _t = Math.floor(Q + (q - Q) * kt);
+          const rt = this.currentTime - n._runtimeStart, kt = Math.min(1, rt / U), _t = Math.floor(Q + (q - Q) * kt);
           if (((Dt = e.geometry) == null ? void 0 : Dt.type) === "Text") {
             const $t = ((Ht = n.settings) == null ? void 0 : Ht.prefix) || "", Zt = ((te = n.settings) == null ? void 0 : te.suffix) || "";
             s.geometry || (s.geometry = { ...e.geometry }), s.geometry.text = `${$t}${_t}${Zt}`;
@@ -5350,22 +5353,22 @@ class ci {
           } else
             (ye = s.style) != null && ye.adjustments && (s.style.adjustments.exposure = this.lerp(s.style.adjustments.exposure || 0, ((Pe = (Se = e.style) == null ? void 0 : Se.adjustments) == null ? void 0 : Pe.exposure) || 0, 0.1));
         } else if (n.type === N.Noise || n.type === N.Float) {
-          const U = (((ae = n.settings) == null ? void 0 : ae.frequency) || ((ee = n.settings) == null ? void 0 : ee.speed) || 1) * 2e-3, Q = (((ht = n.settings) == null ? void 0 : ht.amplitude) || ((bt = n.settings) == null ? void 0 : bt.range) || 50) * (((j = n.settings) == null ? void 0 : j.strength) || 1), q = Date.now();
+          const U = (((ae = n.settings) == null ? void 0 : ae.frequency) || ((ee = n.settings) == null ? void 0 : ee.speed) || 1) * 2e-3, Q = (((at = n.settings) == null ? void 0 : at.amplitude) || ((gt = n.settings) == null ? void 0 : gt.range) || 50) * (((j = n.settings) == null ? void 0 : j.strength) || 1), q = Date.now();
           s.x += Math.sin(q * U) * Q * t, s.y += Math.cos(q * U * 0.8) * Q * t, s.rotation += Math.sin(q * U * 0.5) * 5 * t;
         } else if (n.type === N.Pulse) {
-          const U = (((z = n.settings) == null ? void 0 : z.speed) || 1) * 5e-3, Q = (((D = n.settings) == null ? void 0 : D.scale) || 1.2) - 1, q = Math.sin(Date.now() * U), at = ((et = n.settings) == null ? void 0 : et.strength) || 1;
-          s.scale_x *= 1 + q * Q * at * t, s.scale_y *= 1 + q * Q * at * t, s.style && (s.style.exposure = (s.style.exposure || 1) + Math.max(0, q) * 0.1 * at * t);
+          const U = (((z = n.settings) == null ? void 0 : z.speed) || 1) * 5e-3, Q = (((D = n.settings) == null ? void 0 : D.scale) || 1.2) - 1, q = Math.sin(Date.now() * U), rt = ((et = n.settings) == null ? void 0 : et.strength) || 1;
+          s.scale_x *= 1 + q * Q * rt * t, s.scale_y *= 1 + q * Q * rt * t, s.style && (s.style.exposure = (s.style.exposure || 1) + Math.max(0, q) * 0.1 * rt * t);
         } else if (n.type === N.Draggable) {
-          const U = ((gt = n.settings) == null ? void 0 : gt.radius) || 150, Q = this.draggingBehaviors.has(e.id);
+          const U = ((mt = n.settings) == null ? void 0 : mt.radius) || 150, Q = this.draggingBehaviors.has(e.id);
           if (f < U || Q) {
-            const q = ((Pt = n.settings) == null ? void 0 : Pt.strength) || 1, at = Q ? 1 : Math.max(0, 1 - f / U);
-            this.applyBehaviorSensor(s, Kt.PositionX, at * q, t, n.settings), this.applyBehaviorSensor(s, Kt.PositionY, at * q, t, n.settings);
+            const q = ((Pt = n.settings) == null ? void 0 : Pt.strength) || 1, rt = Q ? 1 : Math.max(0, 1 - f / U);
+            this.applyBehaviorSensor(s, Kt.PositionX, rt * q, t, n.settings), this.applyBehaviorSensor(s, Kt.PositionY, rt * q, t, n.settings);
           }
         } else if (n.type === N.Scroll) {
-          const U = ((Ct = n.settings) == null ? void 0 : Ct.axis) || "vertical", Q = ((Wt = n.settings) == null ? void 0 : Wt.factor) || 0.5, q = ((mt = n.settings) == null ? void 0 : mt.strength) || 1, at = ((F = n.settings) == null ? void 0 : F.scaleFactor) || 0;
-          (U === "vertical" || U === "both") && (s.y += this.scrollOffset.y * Q * q * t), (U === "horizontal" || U === "both") && (s.x += this.scrollOffset.x * Q * q * t), at !== 0 && (s.scale_x *= 1 + this.scrollOffset.y * at * t, s.scale_y *= 1 + this.scrollOffset.y * at * t);
+          const U = ((Ct = n.settings) == null ? void 0 : Ct.axis) || "vertical", Q = ((Wt = n.settings) == null ? void 0 : Wt.factor) || 0.5, q = ((yt = n.settings) == null ? void 0 : yt.strength) || 1, rt = ((F = n.settings) == null ? void 0 : F.scaleFactor) || 0;
+          (U === "vertical" || U === "both") && (s.y += this.scrollOffset.y * Q * q * t), (U === "horizontal" || U === "both") && (s.x += this.scrollOffset.x * Q * q * t), rt !== 0 && (s.scale_x *= 1 + this.scrollOffset.y * rt * t, s.scale_y *= 1 + this.scrollOffset.y * rt * t);
         } else if (n.type === N.LookAt) {
-          const U = ((Lt = n.settings) == null ? void 0 : Lt.factor) || 1, Q = ((jt = n.settings) == null ? void 0 : jt.strength) || 1, q = Math.atan2(-c, -l) * (180 / Math.PI), at = s.rotation, kt = (q - at + 180) % 360 - 180;
+          const U = ((Lt = n.settings) == null ? void 0 : Lt.factor) || 1, Q = ((jt = n.settings) == null ? void 0 : jt.strength) || 1, q = Math.atan2(-l, -c) * (180 / Math.PI), rt = s.rotation, kt = (q - rt + 180) % 360 - 180;
           s.rotation += kt * U * Q * t * 10;
         } else if (n.type === N.Scan) {
           const U = (((Vt = n.settings) == null ? void 0 : Vt.speed) || 1) * 4e-3, Q = ((ce = n.settings) == null ? void 0 : ce.strength) || 1, q = (Math.sin(Date.now() * U) + 1) / 2;
@@ -5374,10 +5377,10 @@ class ci {
           s.style = s.style || { ...e.style }, s.style.artEffect = {
             enabled: !0,
             type: "glint_overlay",
-            intensity: ((Rt = n.settings) == null ? void 0 : Rt.strength) ?? 0.8
+            intensity: ((xt = n.settings) == null ? void 0 : xt.strength) ?? 0.8
           };
         else if (n.type === N.Ratchet) {
-          const U = ((ft = n.settings) == null ? void 0 : ft.steps) || 12, Q = (((lt = n.settings) == null ? void 0 : lt.speed) || 1) * 30, q = Math.floor(s.rotation / (360 / U)) * (360 / U);
+          const U = ((ft = n.settings) == null ? void 0 : ft.steps) || 12, Q = (((ct = n.settings) == null ? void 0 : ct.speed) || 1) * 30, q = Math.floor(s.rotation / (360 / U)) * (360 / U);
           s.rotation = this.lerp(s.rotation, q + Q * t, 0.1);
         } else if (n.type === N.Jitter && f < 300) {
           const U = ((tt = n.settings) == null ? void 0 : tt.strength) || 1, Q = (((dt = n.settings) == null ? void 0 : dt.intensity) || 5) * U;
@@ -5387,8 +5390,8 @@ class ci {
           if (U) {
             const Q = this.objectStates.get(U);
             if (Q) {
-              const q = ((st = n.settings) == null ? void 0 : st.stiffness) || 0.1, at = Q.x - s.x, kt = Q.y - s.y;
-              s.x += at * q * t * 60, s.y += kt * q * t * 60;
+              const q = ((st = n.settings) == null ? void 0 : st.stiffness) || 0.1, rt = Q.x - s.x, kt = Q.y - s.y;
+              s.x += rt * q * t * 60, s.y += kt * q * t * 60;
             }
           }
         } else if (n.type === N.Wrap)
@@ -5412,35 +5415,35 @@ class ci {
             const q = Math.pow(1 - f / U, 2);
             s.scale_x = this.lerp(s.scale_x ?? 1, (((Ae = e.transform) == null ? void 0 : Ae.scale_x) ?? 1) * (1 + q * Q), 0.2), s.scale_y = this.lerp(s.scale_y ?? 1, (((Oe = e.transform) == null ? void 0 : Oe.scale_y) ?? 1) * (1 + q * Q), 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, ((xe = e.transform) == null ? void 0 : xe.scale_y) ?? 1, 0.1);
+            s.scale_x = this.lerp(s.scale_x ?? 1, ((xe = e.transform) == null ? void 0 : xe.scale_x) ?? 1, 0.1), s.scale_y = this.lerp(s.scale_y ?? 1, ((Re = e.transform) == null ? void 0 : Re.scale_y) ?? 1, 0.1);
         } else if (n.type === N.LayoutAnimation) {
           const U = (($e = n.settings) == null ? void 0 : $e.watchProperties) || ["x", "y", "scale_x", "scale_y", "opacity", "rotation"], Q = ((Gt = n.settings) == null ? void 0 : Gt.duration) || 0.3;
           this._layoutAnimCache.has(e.id) || this._layoutAnimCache.set(e.id, /* @__PURE__ */ new Map());
           const q = this._layoutAnimCache.get(e.id);
-          for (const at of U) {
-            const kt = this.getObjectProperty(s, e, at);
+          for (const rt of U) {
+            const kt = this.getObjectProperty(s, e, rt);
             if (kt === void 0) continue;
-            const _t = q.get(at);
+            const _t = q.get(rt);
             if (!_t)
-              q.set(at, {
+              q.set(rt, {
                 from: kt,
                 to: kt,
                 startTime: this.currentTime,
                 duration: 0
               });
             else if (_t.to !== kt) {
-              const Zt = this.getObjectProperty(s, e, at);
-              q.set(at, {
+              const Zt = this.getObjectProperty(s, e, rt);
+              q.set(rt, {
                 from: Zt ?? _t.from,
                 to: kt,
                 startTime: this.currentTime,
                 duration: ((ie = n.settings) == null ? void 0 : ie.duration) ?? Q
               });
             }
-            const $t = q.get(at);
+            const $t = q.get(rt);
             if ($t.duration > 0 && $t.from !== $t.to) {
               const Zt = this.currentTime - $t.startTime, fe = Math.min(1, Zt / $t.duration), Ie = this.applyEasing(fe, ((be = n.settings) == null ? void 0 : be.easing) || "easeOutCubic"), ne = $t.from + ($t.to - $t.from) * Ie;
-              this.setObjectProperty(s, e, at, ne);
+              this.setObjectProperty(s, e, rt, ne);
             }
           }
         } else if (n.type === N.StateReactive) {
@@ -5460,30 +5463,30 @@ class ci {
             "style.shadow.offsetX",
             "style.shadow.offsetY"
           ];
-          for (const at of q) {
-            const kt = this.getObjectProperty(s, e, at);
+          for (const rt of q) {
+            const kt = this.getObjectProperty(s, e, rt);
             if (kt === void 0 || typeof kt != "number") continue;
-            const _t = U.get(at);
+            const _t = U.get(rt);
             if (!_t)
-              U.set(at, {
+              U.set(rt, {
                 from: kt,
                 to: kt,
                 startTime: this.currentTime,
                 duration: 0
               });
             else if (_t.to !== kt) {
-              const Zt = this.getObjectProperty(s, e, at);
-              U.set(at, {
+              const Zt = this.getObjectProperty(s, e, rt);
+              U.set(rt, {
                 from: Zt ?? _t.from,
                 to: kt,
                 startTime: this.currentTime,
                 duration: Q
               });
             }
-            const $t = U.get(at);
+            const $t = U.get(rt);
             if ($t.duration > 0 && $t.from !== $t.to) {
               const Zt = this.currentTime - $t.startTime, fe = Math.min(1, Zt / $t.duration), Ie = this.applyEasing(fe, ((Fe = n.settings) == null ? void 0 : Fe.defaultEasing) || "easeOutCubic"), ne = $t.from + ($t.to - $t.from) * Ie;
-              this.setObjectProperty(s, e, at, ne);
+              this.setObjectProperty(s, e, rt, ne);
             }
           }
         } else if (n.type === N.SpringChain) {
@@ -5502,21 +5505,21 @@ class ci {
             }
             q.has(e.id) || q.set(e.id, { x: s.x, y: s.y, vx: 0, vy: 0 });
           }
-          const at = q.get(e.id);
-          if (at) {
-            at.x = s.x, at.y = s.y;
+          const rt = q.get(e.id);
+          if (rt) {
+            rt.x = s.x, rt.y = s.y;
             for (const kt of U) {
               const _t = q.get(kt.targetId);
               if (!_t) continue;
-              const $t = _t.x - at.x, Zt = _t.y - at.y, fe = Math.sqrt($t * $t + Zt * Zt) || 1e-3, ne = (fe - (kt.restLength || 50)) * (kt.stiffness || 0.8), ge = $t / fe * ne, Ne = Zt / fe * ne;
-              at.vx += ge * t * 10, at.vy += Ne * t * 10, _t.vx -= ge * t * 10, _t.vy -= Ne * t * 10, at.vx *= 1 - Q * t * 10, at.vy *= 1 - Q * t * 10, _t.vx *= 1 - Q * t * 10, _t.vy *= 1 - Q * t * 10;
+              const $t = _t.x - rt.x, Zt = _t.y - rt.y, fe = Math.sqrt($t * $t + Zt * Zt) || 1e-3, ne = (fe - (kt.restLength || 50)) * (kt.stiffness || 0.8), ge = $t / fe * ne, Ne = Zt / fe * ne;
+              rt.vx += ge * t * 10, rt.vy += Ne * t * 10, _t.vx -= ge * t * 10, _t.vy -= Ne * t * 10, rt.vx *= 1 - Q * t * 10, rt.vy *= 1 - Q * t * 10, _t.vx *= 1 - Q * t * 10, _t.vy *= 1 - Q * t * 10;
               const de = this.objectStates.get(kt.targetId);
               de && (de.x += _t.vx * t, de.y += _t.vy * t);
             }
-            s.x += at.vx * t, s.y += at.vy * t;
+            s.x += rt.vx * t, s.y += rt.vy * t;
           }
         } else if (n.type === N.ParticleEmitter) {
-          const U = ((le = n.settings) == null ? void 0 : le.rate) || 10, Q = ((we = n.settings) == null ? void 0 : we.speed) || 100, q = ((We = n.settings) == null ? void 0 : We.size) || 5, at = ((Ge = n.settings) == null ? void 0 : Ge.lifetime) || 2, kt = ((De = n.settings) == null ? void 0 : De.gravity) || 0, _t = ((Be = n.settings) == null ? void 0 : Be.color) || "#ffffff", $t = ((ze = n.settings) == null ? void 0 : ze.maxParticles) || 200, Zt = (Ve = n.settings) != null && Ve.rateInputId ? this.inputs.get(n.settings.rateInputId) ?? U : U, fe = (Ze = n.settings) != null && Ze.gravityInputId ? this.inputs.get(n.settings.gravityInputId) ?? kt : kt, Ie = (je = n.settings) != null && je.speedInputId ? this.inputs.get(n.settings.speedInputId) ?? Q : Q;
+          const U = ((le = n.settings) == null ? void 0 : le.rate) || 10, Q = ((we = n.settings) == null ? void 0 : we.speed) || 100, q = ((We = n.settings) == null ? void 0 : We.size) || 5, rt = ((Ge = n.settings) == null ? void 0 : Ge.lifetime) || 2, kt = ((De = n.settings) == null ? void 0 : De.gravity) || 0, _t = ((Be = n.settings) == null ? void 0 : Be.color) || "#ffffff", $t = ((ze = n.settings) == null ? void 0 : ze.maxParticles) || 200, Zt = (Ve = n.settings) != null && Ve.rateInputId ? this.inputs.get(n.settings.rateInputId) ?? U : U, fe = (Ze = n.settings) != null && Ze.gravityInputId ? this.inputs.get(n.settings.gravityInputId) ?? kt : kt, Ie = (je = n.settings) != null && je.speedInputId ? this.inputs.get(n.settings.speedInputId) ?? Q : Q;
           this._emitterPools.has(e.id) || this._emitterPools.set(e.id, []);
           const ne = this._emitterPools.get(e.id);
           let ge = 0;
@@ -5530,7 +5533,7 @@ class ci {
               vx: Math.cos(oe) * ts,
               vy: Math.sin(oe) * ts,
               life: 0,
-              maxLife: at * (0.5 + Math.random() * 0.5),
+              maxLife: rt * (0.5 + Math.random() * 0.5),
               size: q * (0.5 + Math.random()),
               color: _t,
               opacity: 1
@@ -5544,88 +5547,88 @@ class ci {
       });
     });
   }
-  applyBehaviorSensor(t, i, o, e, s, n, a = 0, r = 0, l = 1) {
-    var d, p, y, m, b, v, S, C, w, I, M, k, T, R, P, E, x, O, W, B, $, Y, H, K;
-    const c = (s == null ? void 0 : s.intensity) || (s == null ? void 0 : s.strength) || 1, f = Math.min(1, 15 * e), u = l > 0 ? a / l : 0, h = l > 0 ? r / l : 0;
+  applyBehaviorSensor(t, i, o, e, s, n, a = 0, r = 0, c = 1) {
+    var d, p, y, m, b, v, S, C, w, I, M, k, T, x, P, E, R, O, W, B, $, Y, H, K;
+    const l = (s == null ? void 0 : s.intensity) || (s == null ? void 0 : s.strength) || 1, f = Math.min(1, 15 * e), u = c > 0 ? a / c : 0, h = c > 0 ? r / c : 0;
     switch (i) {
       case Kt.Scale: {
-        const A = ((d = n == null ? void 0 : n.transform) == null ? void 0 : d.scale_x) ?? 1, _ = ((p = n == null ? void 0 : n.transform) == null ? void 0 : p.scale_y) ?? 1, L = A * (1 + o * c * 0.4), X = _ * (1 + o * c * 0.4);
+        const A = ((d = n == null ? void 0 : n.transform) == null ? void 0 : d.scale_x) ?? 1, _ = ((p = n == null ? void 0 : n.transform) == null ? void 0 : p.scale_y) ?? 1, L = A * (1 + o * l * 0.4), X = _ * (1 + o * l * 0.4);
         t.scale_x = (t.scale_x ?? A) * (1 - f) + L * f, t.scale_y = (t.scale_y ?? _) * (1 - f) + X * f;
         break;
       }
       case Kt.Opacity: {
-        const A = ((y = n == null ? void 0 : n.transform) == null ? void 0 : y.opacity) ?? 100, _ = Math.max(0, Math.min(100, A - o * c * 100));
+        const A = ((y = n == null ? void 0 : n.transform) == null ? void 0 : y.opacity) ?? 100, _ = Math.max(0, Math.min(100, A - o * l * 100));
         t.opacity = (t.opacity ?? A) * (1 - f) + _ * f;
         break;
       }
       case Kt.RotateZ: {
-        const A = ((m = n == null ? void 0 : n.transform) == null ? void 0 : m.rotation) ?? 0, _ = A + o * c * 45;
+        const A = ((m = n == null ? void 0 : n.transform) == null ? void 0 : m.rotation) ?? 0, _ = A + o * l * 45;
         t.rotation = (t.rotation ?? A) * (1 - f) + _ * f;
         break;
       }
       case Kt.RotateX: {
-        const A = ((b = n == null ? void 0 : n.transform) == null ? void 0 : b.rotate_x) ?? 0, _ = A - h * o * c * 60;
+        const A = ((b = n == null ? void 0 : n.transform) == null ? void 0 : b.rotate_x) ?? 0, _ = A - h * o * l * 60;
         t.rotate_x = (t.rotate_x ?? A) * (1 - f) + _ * f;
         break;
       }
       case Kt.RotateY: {
-        const A = ((v = n == null ? void 0 : n.transform) == null ? void 0 : v.rotate_y) ?? 0, _ = A + u * o * c * 60;
+        const A = ((v = n == null ? void 0 : n.transform) == null ? void 0 : v.rotate_y) ?? 0, _ = A + u * o * l * 60;
         t.rotate_y = (t.rotate_y ?? A) * (1 - f) + _ * f;
         break;
       }
       case Kt.PositionX: {
-        const A = ((S = n == null ? void 0 : n.transform) == null ? void 0 : S.x) ?? 0, _ = A - u * o * c * 40;
+        const A = ((S = n == null ? void 0 : n.transform) == null ? void 0 : S.x) ?? 0, _ = A - u * o * l * 40;
         t.x = (t.x ?? A) * (1 - f) + _ * f;
         break;
       }
       case Kt.PositionY: {
-        const A = ((C = n == null ? void 0 : n.transform) == null ? void 0 : C.y) ?? 0, _ = A - h * o * c * 40;
+        const A = ((C = n == null ? void 0 : n.transform) == null ? void 0 : C.y) ?? 0, _ = A - h * o * l * 40;
         t.y = (t.y ?? A) * (1 - f) + _ * f;
         break;
       }
       case Kt.SkewX: {
-        const A = ((w = n == null ? void 0 : n.transform) == null ? void 0 : w.skew_x) ?? 0, _ = A + u * o * c * 45;
+        const A = ((w = n == null ? void 0 : n.transform) == null ? void 0 : w.skew_x) ?? 0, _ = A + u * o * l * 45;
         t.skew_x = (t.skew_x ?? A) * (1 - f) + _ * f, t.skew_x > 85 && (t.skew_x = 85), t.skew_x < -85 && (t.skew_x = -85);
         break;
       }
       case Kt.Blur: {
         t.style || (t.style = { ...n == null ? void 0 : n.style }), t.style.blur || (t.style.blur = { ...(I = n == null ? void 0 : n.style) == null ? void 0 : I.blur });
-        const A = ((k = (M = n == null ? void 0 : n.style) == null ? void 0 : M.blur) == null ? void 0 : k.amount) || 0, _ = A + o * ((s == null ? void 0 : s.blur) || 20) * c;
+        const A = ((k = (M = n == null ? void 0 : n.style) == null ? void 0 : M.blur) == null ? void 0 : k.amount) || 0, _ = A + o * ((s == null ? void 0 : s.blur) || 20) * l;
         t.style.blur.amount = (t.style.blur.amount ?? A) * (1 - f) + _ * f;
         break;
       }
       case Kt.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 A = ((P = (R = n == null ? void 0 : n.style) == null ? void 0 : R.adjustments) == null ? void 0 : P.exposure) || 0, _ = A + o * ((s == null ? void 0 : s.exposure) || 50) * c;
+        const A = ((P = (x = n == null ? void 0 : n.style) == null ? void 0 : x.adjustments) == null ? void 0 : P.exposure) || 0, _ = A + o * ((s == null ? void 0 : s.exposure) || 50) * l;
         t.style.adjustments.exposure = (t.style.adjustments.exposure ?? A) * (1 - f) + _ * f;
         break;
       }
       case Kt.HueShift: {
         t.style || (t.style = { ...n == null ? void 0 : n.style }), t.style.adjustments || (t.style.adjustments = { ...(E = n == null ? void 0 : n.style) == null ? void 0 : E.adjustments });
-        const A = ((O = (x = n == null ? void 0 : n.style) == null ? void 0 : x.adjustments) == null ? void 0 : O.hue) || 0, _ = A + o * ((s == null ? void 0 : s.hue) || 180) * c;
+        const A = ((O = (R = n == null ? void 0 : n.style) == null ? void 0 : R.adjustments) == null ? void 0 : O.hue) || 0, _ = A + o * ((s == null ? void 0 : s.hue) || 180) * l;
         t.style.adjustments.hue = (t.style.adjustments.hue ?? A) * (1 - f) + _ * f;
         break;
       }
       case Kt.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 A = (($ = (B = n == null ? void 0 : n.style) == null ? void 0 : B.adjustments) == null ? void 0 : $.negative) || 0, _ = A + o * ((s == null ? void 0 : s.negative) || 100) * c;
+        const A = (($ = (B = n == null ? void 0 : n.style) == null ? void 0 : B.adjustments) == null ? void 0 : $.negative) || 0, _ = A + o * ((s == null ? void 0 : s.negative) || 100) * l;
         t.style.adjustments.negative = (t.style.adjustments.negative ?? A) * (1 - f) + _ * f;
         break;
       }
       case Kt.CornerRadius: {
-        const A = ((Y = n == null ? void 0 : n.transform) == null ? void 0 : Y.corner_radius) || 0, _ = A + o * c * 50;
+        const A = ((Y = n == null ? void 0 : n.transform) == null ? void 0 : Y.corner_radius) || 0, _ = A + o * l * 50;
         t.corner_radius = (t.corner_radius ?? A) * (1 - f) + _ * f;
         break;
       }
       case Kt.StrokeWidth: {
         t.style || (t.style = { ...n == null ? void 0 : n.style });
-        const A = ((H = n == null ? void 0 : n.style) == null ? void 0 : H.borderWidth) || 0, _ = A + o * c * 10;
+        const A = ((H = n == null ? void 0 : n.style) == null ? void 0 : H.borderWidth) || 0, _ = A + o * l * 10;
         t.style.borderWidth = (t.style.borderWidth ?? A) * (1 - f) + _ * f;
         break;
       }
       case Kt.LetterSpacing: {
         t.geometry || (t.geometry = {});
-        const A = ((K = n == null ? void 0 : n.geometry) == null ? void 0 : K.letterSpacing) || 0, _ = A + o * c * 10;
+        const A = ((K = n == null ? void 0 : n.geometry) == null ? void 0 : K.letterSpacing) || 0, _ = A + o * l * 10;
         t.geometry.letterSpacing = (t.geometry.letterSpacing ?? A) * (1 - f) + _ * f;
         break;
       }
@@ -5648,12 +5651,12 @@ class ci {
     const s = o.split(".");
     let n = t;
     for (let r = 0; r < s.length - 1; r++) {
-      const l = s[r];
-      if (n[l] === void 0 || n[l] === null) {
-        const c = i, f = s.slice(0, r + 1).reduce((u, h) => u == null ? void 0 : u[h], c);
-        n[l] = f !== void 0 ? { ...f } : {};
+      const c = s[r];
+      if (n[c] === void 0 || n[c] === null) {
+        const l = i, f = s.slice(0, r + 1).reduce((u, h) => u == null ? void 0 : u[h], l);
+        n[c] = f !== void 0 ? { ...f } : {};
       }
-      n = n[l];
+      n = n[c];
     }
     const a = s[s.length - 1];
     n != null && (n[a] = e);
@@ -5701,9 +5704,9 @@ class ci {
     return o;
   }
   renderFittedImage(t, i, o, e, s, n, a = "cover") {
-    const r = i.naturalWidth, l = i.naturalHeight, c = r / l, f = s / n;
+    const r = i.naturalWidth, c = i.naturalHeight, l = r / c, f = s / n;
     let u = s, h = n, d = o, p = e;
-    a === "cover" ? c > f ? (u = n * c, d = o - (u - s) / 2) : (h = s / c, p = e - (h - n) / 2) : a === "contain" && (c > f ? (h = s / c, p = e + (n - h) / 2) : (u = n * c, d = o + (s - u) / 2)), t.drawImage(i, d, p, u, h);
+    a === "cover" ? l > f ? (u = n * l, d = o - (u - s) / 2) : (h = s / l, p = e - (h - n) / 2) : a === "contain" && (l > f ? (h = s / l, p = e + (n - h) / 2) : (u = n * l, d = o + (s - u) / 2)), t.drawImage(i, d, p, u, h);
   }
 }
 const yi = Ss(({
@@ -5716,8 +5719,8 @@ const yi = Ss(({
   onReady: n,
   onTrigger: a,
   onInputUpdate: r,
-  onComponentChange: l,
-  onToggle: c,
+  onComponentChange: c,
+  onToggle: l,
   onInputChange: f,
   onInputFocus: u,
   onInputBlur: h,
@@ -5734,19 +5737,19 @@ const yi = Ss(({
   isMouseDown: M,
   inputs: k,
   interactive: T = !0,
-  onNavigation: R
+  onNavigation: x
 }, P) => {
-  const E = Me(null), x = Me(null);
-  x.current || (x.current = new ci());
+  const E = Me(null), R = Me(null);
+  R.current || (R.current = new ci());
   const O = Me(void 0), W = Me(0), B = Me(null), $ = Me(v), Y = Me(null), [, H] = ds(g || null), K = Me(!0);
   Cs(P, () => E.current), Te(() => (K.current = !0, () => {
     K.current = !1, O.current && cancelAnimationFrame(O.current);
   }), []), Te(() => {
-    x.current.setLayout(e, s);
+    R.current.setLayout(e, s);
   }, [e, s]), Te(() => {
-    const _ = x.current;
-    a && _.setTriggerCallback(a), r && _.setInputUpdateCallback((L, X) => r({ [L]: X })), l && _.setComponentChangeCallback((L) => l(L)), c && _.setToggleCallback(c), f && _.setInputChangeCallback(f), u && _.setInputFocusCallback(u), h && _.setInputBlurCallback(h), d && _.setOnLogCallback((L) => d(L, "info")), p && _.setLogicUpdateCallback(p), y && _.setButtonClickCallback(y), m && _.setGraphPointClickCallback((L) => m(L.objectId, L)), R && _.setNavigationCallback(R);
-  }, [a, r, l, c, f, u, h, d, p, y, m, R]), Te(() => {
+    const _ = R.current;
+    a && _.setTriggerCallback(a), r && _.setInputUpdateCallback((L, X) => r({ [L]: X })), c && _.setComponentChangeCallback((L) => c(L)), l && _.setToggleCallback(l), f && _.setInputChangeCallback(f), u && _.setInputFocusCallback(u), h && _.setInputBlurCallback(h), d && _.setOnLogCallback((L) => d(L, "info")), p && _.setLogicUpdateCallback(p), y && _.setButtonClickCallback(y), m && _.setGraphPointClickCallback((L) => m(L.objectId, L)), x && _.setNavigationCallback(x);
+  }, [a, r, c, l, f, u, h, d, p, y, m, x]), Te(() => {
     (async () => {
       let L = g;
       if (t && !g)
@@ -5756,22 +5759,22 @@ const yi = Ss(({
           console.error("[ExodeUI] Failed to load src:", X);
         }
       if (L) {
-        const X = x.current, V = L.id || L.name || "default";
+        const X = R.current, V = L.id || L.name || "default";
         (B.current !== V || $.current !== v || Y.current !== L) && (X.load(L), B.current = V, $.current = v, Y.current = L, H(L), W.current = 0, X.advance(0)), n && n(X);
       }
     })();
   }, [g, t, v]), Te(() => {
     const _ = (L) => {
-      if (!x.current || !K.current) return;
-      const X = x.current, V = E.current;
+      if (!R.current || !K.current) return;
+      const X = R.current, V = E.current;
       if (!V) return;
       const it = V.getContext("2d");
       if (!it) return;
-      const rt = L / 1e3;
-      W.current === 0 && (W.current = rt);
-      let nt = rt - W.current;
-      nt > 0.1 && (nt = 0.1), W.current = rt;
-      const yt = V.getBoundingClientRect(), ct = window.devicePixelRatio || 1, wt = Math.round(yt.width * ct), Mt = Math.round(yt.height * ct);
+      const lt = L / 1e3;
+      W.current === 0 && (W.current = lt);
+      let nt = lt - W.current;
+      nt > 0.1 && (nt = 0.1), W.current = lt;
+      const bt = V.getBoundingClientRect(), ht = window.devicePixelRatio || 1, wt = Math.round(bt.width * ht), Mt = Math.round(bt.height * ht);
       (V.width !== wt || V.height !== Mt) && (V.width = wt, V.height = Mt);
       try {
         o ? X.advance(nt) : b !== void 0 && X.seek(b), X.render(it, V.width, V.height);
@@ -5784,14 +5787,14 @@ const yi = Ss(({
       O.current && cancelAnimationFrame(O.current);
     };
   }, [o, b]), Te(() => {
-    const _ = x.current;
+    const _ = R.current;
     S !== void 0 && _.updateInput("scrollY", S), C !== void 0 && _.updateInput("scrollX", C), w !== void 0 && _.updateInput("mouseX", w), I !== void 0 && _.updateInput("mouseY", I), M !== void 0 && _.updateInput("isMouseDown", M), k && Object.entries(k).forEach(([L, X]) => _.updateInput(L, X));
   }, [S, C, w, I, M, k]);
   const A = (_, L) => {
     if (!T || !E.current) return;
     _.stopPropagation(), "nativeEvent" in _ && _.nativeEvent && typeof _.nativeEvent.stopImmediatePropagation == "function" ? _.nativeEvent.stopImmediatePropagation() : typeof _.stopImmediatePropagation == "function" && _.stopImmediatePropagation();
-    const X = E.current, V = X.getBoundingClientRect(), it = _.clientX - V.left, rt = _.clientY - V.top, nt = window.devicePixelRatio || 1;
-    (L === "click" || L === "down" || L === "up") && d && d(`[Canvas] Pointer ${L} at rect(${Math.round(it)},${Math.round(rt)}) mapped to buffer(${Math.round(it * nt)},${Math.round(rt * nt)})`, "info"), x.current.handlePointerInput(L, it * nt, rt * nt, X.width, X.height);
+    const X = E.current, V = X.getBoundingClientRect(), it = _.clientX - V.left, lt = _.clientY - V.top, nt = window.devicePixelRatio || 1;
+    (L === "click" || L === "down" || L === "up") && d && d(`[Canvas] Pointer ${L} at rect(${Math.round(it)},${Math.round(lt)}) mapped to buffer(${Math.round(it * nt)},${Math.round(lt * nt)})`, "info"), R.current.handlePointerInput(L, it * nt, lt * nt, X.width, X.height);
   };
   return /* @__PURE__ */ ke(
     "canvas",
@@ -5806,9 +5809,9 @@ const yi = Ss(({
       onPointerCancel: (_) => A(_, "up"),
       onClick: (_) => A(_, "click"),
       onWheel: (_) => {
-        x.current.handleWheel(_.deltaX, _.deltaY);
+        R.current.handleWheel(_.deltaX, _.deltaY);
       },
-      onKeyDown: (_) => x.current.handleKeyDown(_.nativeEvent),
+      onKeyDown: (_) => R.current.handleKeyDown(_.nativeEvent),
       onContextMenu: (_) => _.preventDefault(),
       tabIndex: 0,
       style: {
@@ -5838,9 +5841,9 @@ function bi() {
     g == null || g.setInputStringArray(f, u);
   }, [g]), r = ve((f, u) => {
     g == null || g.updateObjectOptions(f, u);
-  }, [g]), l = ve((f, u, h) => {
+  }, [g]), c = ve((f, u, h) => {
     g == null || g.updateConstraint(f, u, h);
-  }, [g]), c = ve((f, u) => {
+  }, [g]), l = ve((f, u) => {
     g == null || g.updateGraphData(f, u);
   }, [g]);
   return {
@@ -5853,8 +5856,8 @@ function bi() {
     setInputText: s,
     setInputNumberArray: n,
     setInputStringArray: a,
-    updateConstraint: l,
-    updateGraphData: c,
+    updateConstraint: c,
+    updateGraphData: l,
     updateObjectOptions: r
   };
 }
@@ -5877,24 +5880,24 @@ const vi = ({ artboard: g, config: t }) => {
       f.length > 0 && (r = f[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 l = i.ogImage || g.backgroundImage;
-    l && e("property", "og:image", l), a && e("property", "og:title", a), e("property", "og:type", "website");
+    const c = i.ogImage || g.backgroundImage;
+    c && e("property", "og:image", c), a && e("property", "og:title", a), e("property", "og:type", "website");
   }, [i, g, o]);
-  const e = (a, r, l) => {
-    let c = document.querySelector(`meta[${a}="${r}"]`);
-    c || (c = document.createElement("meta"), c.setAttribute(a, r), document.head.appendChild(c)), c.setAttribute("content", l);
+  const e = (a, r, c) => {
+    let l = document.querySelector(`meta[${a}="${r}"]`);
+    l || (l = document.createElement("meta"), l.setAttribute(a, r), document.head.appendChild(l)), l.setAttribute("content", c);
   }, s = () => {
     const a = [];
-    return a.push(/* @__PURE__ */ ke("h1", { children: i.title || g.name }, "artboard-title")), g.objects.forEach((l, c) => {
+    return a.push(/* @__PURE__ */ ke("h1", { children: i.title || g.name }, "artboard-title")), g.objects.forEach((c, l) => {
       var f, u;
-      if (!(l.visible === !1 || l.isVisible === !1))
-        if (((f = l.geometry) == null ? void 0 : f.type) === "Text") {
-          const h = l.geometry.text;
-          h && (l.geometry.fontSize > 24 ? a.push(/* @__PURE__ */ ke("h2", { children: h }, l.id || c)) : a.push(/* @__PURE__ */ ke("p", { children: h }, l.id || c)));
-        } else if (((u = l.geometry) == null ? void 0 : u.type) === "Image") {
-          const h = l.geometry.src, d = l.altText || l.name || "Illustration";
-          a.push(/* @__PURE__ */ ke("img", { src: h, alt: d }, l.id || c));
-        } else l.type === "Button" && a.push(/* @__PURE__ */ ke("button", { children: l.name || "Button" }, l.id || c));
+      if (!(c.visible === !1 || c.isVisible === !1))
+        if (((f = c.geometry) == null ? void 0 : f.type) === "Text") {
+          const h = c.geometry.text;
+          h && (c.geometry.fontSize > 24 ? a.push(/* @__PURE__ */ ke("h2", { children: h }, c.id || l)) : a.push(/* @__PURE__ */ ke("p", { children: h }, c.id || l)));
+        } else if (((u = c.geometry) == null ? void 0 : u.type) === "Image") {
+          const h = c.geometry.src, d = c.altText || c.name || "Illustration";
+          a.push(/* @__PURE__ */ ke("img", { src: h, alt: d }, c.id || l));
+        } else c.type === "Button" && a.push(/* @__PURE__ */ ke("button", { children: c.name || "Button" }, c.id || l));
     }), a;
   }, n = i.jsonLd || {
     "@context": "https://schema.org",
@@ -5927,7 +5930,7 @@ const vi = ({ artboard: g, config: t }) => {
       ]
     }
   );
-}, hi = "6.3.29", fi = {
+}, hi = "6.3.31", fi = {
   version: hi
 }, Si = fi.version;
 export {