exodeui 6.3.30 → 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,14 +584,14 @@ 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) {
@@ -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,7 +2918,7 @@ 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);
@@ -2933,12 +2933,12 @@ class ci {
         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(
@@ -2977,7 +2977,7 @@ class ci {
       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,
@@ -3048,8 +3048,8 @@ class ci {
         }
       }
       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 at = Xt.toLowerCase();
@@ -3104,7 +3104,7 @@ class ci {
         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 : ((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;
+      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(
         lt * Se,
         nt * Pe
@@ -3148,12 +3148,12 @@ class ci {
             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();
           }
-          gt.complete && gt.naturalWidth > 0 ? (c !== 0 ? (t.save(), this.drawRoundRect(t, -a / 2, -r / 2, a, r, c), 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, 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 at = s.svgContent;
@@ -3231,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 = "";
@@ -3241,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(
@@ -3263,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;
@@ -3283,7 +3283,7 @@ class ci {
               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 {
@@ -3315,27 +3315,27 @@ class ci {
               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(yt, -F / 2, -Lt / 2, F, Lt), t.restore()) : t.drawImage(yt, -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) {
+        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 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, c), t.clip(), this.renderFittedImage(t, j, -a / 2, -r / 2, a, r, n.fill.fillMode), t.restore());
+            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 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, c), t.fill();
+            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 = 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 at = e.width ?? s.width ?? i.width ?? a, gt = e.height ?? s.height ?? i.height ?? r, j = c;
+        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;
@@ -3345,7 +3345,7 @@ class ci {
           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) {
+      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();
@@ -3381,15 +3381,15 @@ class ci {
           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), mt > 0 && (this.lumaCtx.filter = `blur(${mt}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, ct = (et == null ? void 0 : et.corner_radius) ?? D.corner_radius ?? 0;
+            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: ct }, 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, ct), 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;
@@ -3403,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, ct), 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, ct), 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) {
@@ -3417,15 +3417,15 @@ 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", mt > 0 && (this.maskCtx.filter = `blur(${mt}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, ct = (et == null ? void 0 : et.corner_radius) ?? D.corner_radius ?? 0;
+            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: ct }, 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, ct), 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;
@@ -3439,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, ct), 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, ct), 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);
@@ -3452,12 +3452,12 @@ class ci {
         t.restore();
     }
   }
-  _renderText(t, i, o, e, s, n, a, r = !1, l = !1) {
+  _renderText(t, i, o, e, s, n, a, r = !1, c = !1) {
     var bt, ht, wt, Mt, It, Ot, At, Tt, zt;
-    let c = o.text || "";
+    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;
@@ -3468,7 +3468,7 @@ class ci {
       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()));
@@ -3497,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,
@@ -3511,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,
@@ -3525,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);
@@ -3545,8 +3545,8 @@ class ci {
       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;
@@ -3561,18 +3561,18 @@ 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)
@@ -3586,7 +3586,7 @@ 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) {
@@ -3598,7 +3598,7 @@ class ci {
         let ee = o.pathOffset || 0;
         o.pathId && it > 0 && V && (I === "center" ? ee += it / 2 - Qt / 2 : I === "right" && (ee += it - Qt));
         let at = me;
-        const gt = r && !l ? [] : ((ue = i.behaviors) == null ? void 0 : ue.filter(
+        const gt = r && !c ? [] : ((ue = i.behaviors) == null ? void 0 : ue.filter(
           (j) => [
             N.Typewriter,
             N.Scramble,
@@ -3754,25 +3754,25 @@ class ci {
             t.font = C;
           const ce = t.globalAlpha;
           t.globalAlpha *= yt, t.save();
-          const Rt = t.measureText(F).width;
+          const xt = t.measureText(F).width;
           if (V && it > 0) {
-            const ft = at - 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 + 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;
+            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(at + et + Rt / 2, Et + mt), 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 (yt > 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 ? at += Rt + M + ye : at += Rt + M;
+            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;
         }
       }
     };
@@ -3781,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 || "";
@@ -3802,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;
       }
@@ -3816,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();
@@ -3839,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;
       }
@@ -3850,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";
@@ -3874,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) {
@@ -3883,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);
@@ -3907,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,
@@ -3942,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;
     }
@@ -3967,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];
@@ -3990,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) {
@@ -4037,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(
@@ -4090,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) {
@@ -4106,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();
           }
         }
       }
@@ -4131,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.
@@ -4157,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 {
@@ -4173,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;
@@ -4202,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();
         });
@@ -4280,14 +4280,14 @@ class ci {
   }
   renderInputBox(t, i) {
     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, 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];
+    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 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();
@@ -4303,7 +4303,7 @@ class ci {
       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) {
@@ -4336,14 +4336,14 @@ class ci {
       t.fillText(nt, Mt, It);
     }
     if (u.visible === !0) {
-      const nt = u.text || "Helper text", bt = u.fontSize || 11, ht = c === "error" ? "rgba(239, 68, 68, 1)" : u.color || "rgba(156, 163, 175, 1)", wt = u.offset ?? 6;
+      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, lt, nt, bt, ht) => {
+    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(ht);
@@ -4381,7 +4381,7 @@ class ci {
       } 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);
@@ -4391,12 +4391,12 @@ 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, 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 = R, t.textAlign = "center", t.textBaseline = "middle", t.fillText(X, 0, 0), t.restore();
+      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) {
@@ -4416,17 +4416,17 @@ class ci {
     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();
@@ -4443,23 +4443,23 @@ 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 lt = 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 + _, 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 bt = this._lastPointerPos.y - (x + B), ht = Math.floor(bt / W);
+          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, lt + W / 2);
@@ -4469,57 +4469,57 @@ class ci {
   }
   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, 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, 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);
+    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 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 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 ? (lt = f.rightLabel) == null ? void 0 : lt.color : null) || ((nt = e.rightLabel) == null ? void 0 : nt.color) || "#f3f4f6";
+    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), x = !0;
+      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) {
+    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;
@@ -4529,24 +4529,24 @@ class ci {
   }
   renderCheckbox(t, i) {
     var S, C;
-    const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.options) || i.options || {}, s = ((S = i.geometry) == null ? void 0 : S.width) || 20, n = ((C = i.geometry) == null ? void 0 : C.height) || 20, a = -s / 2, r = -n / 2, 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;
@@ -4558,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) {
@@ -4587,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" }],
@@ -4635,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) => {
@@ -4675,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;
@@ -4699,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();
@@ -4728,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();
@@ -4742,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));
         });
       }
@@ -4807,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 {
@@ -4830,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();
@@ -4864,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;
@@ -4932,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++) {
@@ -4995,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));
@@ -5007,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);
@@ -5029,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);
@@ -5039,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);
@@ -5051,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);
@@ -5067,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;
@@ -5089,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);
@@ -5135,16 +5135,16 @@ 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;
+        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, _);
@@ -5158,17 +5158,17 @@ class ci {
         t.fillStyle = Tt || S, t.beginPath(), this.drawCustomShape(t, nt, bt, L, X, A, _, ht) || (t.rect(L, X, A, _), t.fill());
       }
       if (lt || 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);
+        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 = 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 + (c === "vertical" ? 16 : A / 2), Ot = X + _ / 2;
-      c === "horizontal" || K === "circular" ? t.textAlign = "center" : t.textAlign = "left";
+      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) {
@@ -5183,7 +5183,7 @@ class ci {
           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);
         }
       }
     }
@@ -5191,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;
       }
@@ -5210,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) {
@@ -5224,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, 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;
   }
@@ -5259,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, lt, nt, bt, ht, 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, at, gt, j, z, D, et, mt, Pt, Ct, Wt, yt, F, Lt, jt, Vt, ce, Rt, ft, ct, 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((rt) => {
-            this.applyBehaviorSensor(s, rt, q, t, n.settings, e, l, c, f);
+            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, rt = l * q * Q, kt = c * q * Q;
+            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;
@@ -5288,13 +5288,13 @@ 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 rt = 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;
+            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), rt = l / (f || 1) * q * 1.2 * Q, kt = c / (f || 1) * q * 1.2 * Q;
+            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) {
@@ -5304,7 +5304,7 @@ 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 rt = 1 - Math.min(1, f / 400);
             s.style.exposure = (s.style.exposure || 1) + rt * 0.5 * t;
@@ -5313,10 +5313,10 @@ class ci {
           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;
@@ -5326,7 +5326,7 @@ class ci {
           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, rt = c / 300 * U * 20, kt = -(l / 300) * U * 20, _t = Math.min(1, 10 * t);
+            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) {
@@ -5338,7 +5338,7 @@ class ci {
           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 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") {
@@ -5368,7 +5368,7 @@ class ci {
           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), rt = s.rotation, kt = (q - rt + 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;
@@ -5377,7 +5377,7 @@ 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 = (((ct = n.settings) == null ? void 0 : ct.speed) || 1) * 30, q = Math.floor(s.rotation / (360 / U)) * (360 / U);
@@ -5415,7 +5415,7 @@ 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());
@@ -5547,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;
       }
@@ -5651,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);
@@ -5704,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(({
@@ -5719,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,
@@ -5737,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)
@@ -5759,14 +5759,14 @@ 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;
@@ -5787,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, 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"), x.current.handlePointerInput(L, it * nt, lt * nt, X.width, X.height);
+    (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",
@@ -5809,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: {
@@ -5841,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 {
@@ -5856,8 +5856,8 @@ function bi() {
     setInputText: s,
     setInputNumberArray: n,
     setInputStringArray: a,
-    updateConstraint: l,
-    updateGraphData: c,
+    updateConstraint: c,
+    updateGraphData: l,
     updateObjectOptions: r
   };
 }
@@ -5880,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",
@@ -5930,7 +5930,7 @@ const vi = ({ artboard: g, config: t }) => {
       ]
     }
   );
-}, hi = "6.3.30", fi = {
+}, hi = "6.3.31", fi = {
   version: hi
 }, Si = fi.version;
 export {