exodeui 6.3.18 → 6.3.19

package/dist/index.mjs

@@ -30,7 +30,7 @@ function Ps(p, t, s) {
 }
 const Ee = /* @__PURE__ */ new Map();
 function ps(p) {
-  var k;
+  var M;
   const {
     text: t,
     fontFamily: s = "Inter",
@@ -41,41 +41,41 @@ function ps(p) {
     width: a = 200,
     letterSpacing: r = 0,
     paragraphSpacing: l = 0,
-    paragraphIndent: h = 0,
+    paragraphIndent: f = 0,
     textCase: c = "none",
     segments: g = [],
-    enableSegments: f = !1
+    enableSegments: h = !1
   } = p;
   let d = String(t || "");
-  c === "uppercase" ? d = d.toUpperCase() : c === "lowercase" ? d = d.toLowerCase() : c === "capitalize" && (d = d.replace(/\b\w/g, (E) => E.toUpperCase())), p.hyphenation === !0 && (d = Ts(d));
-  const u = `${i} ${e} ${o}px "${s}", sans-serif`, m = `${d}|${u}|${r}|${l}|${h}|${f}|${JSON.stringify(g)}|hyp:${!!p.hyphenation}|comp:${p.composer}|bal:${!!p.balanceRaggedLines}`;
+  c === "uppercase" ? d = d.toUpperCase() : c === "lowercase" ? d = d.toLowerCase() : c === "capitalize" && (d = d.replace(/\b\w/g, (P) => P.toUpperCase())), p.hyphenation === !0 && (d = Ts(d));
+  const u = `${i} ${e} ${o}px "${s}", sans-serif`, m = `${d}|${u}|${r}|${l}|${f}|${h}|${JSON.stringify(g)}|hyp:${!!p.hyphenation}|comp:${p.composer}|bal:${!!p.balanceRaggedLines}`;
   let y = Ee.get(m);
-  const v = typeof CanvasRenderingContext2D < "u" ? CanvasRenderingContext2D.prototype.measureText : null, b = function(E) {
+  const v = typeof CanvasRenderingContext2D < "u" ? CanvasRenderingContext2D.prototype.measureText : null, b = function(P) {
     if (!v) return { width: 0, fontBoundingBoxAscent: 0, fontBoundingBoxDescent: 0 };
-    const T = v.call(this, E);
-    return r !== 0 && E && E.length > 0 ? {
+    const T = v.call(this, P);
+    return r !== 0 && P && P.length > 0 ? {
       ...T,
-      width: T.width + (E.length - 1) * r
+      width: T.width + (P.length - 1) * r
     } : T;
   };
   if (!y) {
     try {
-      if (r !== 0 && typeof CanvasRenderingContext2D < "u" && (CanvasRenderingContext2D.prototype.measureText = b), f && g && g.length > 0) {
-        const E = g.map((T) => {
+      if (r !== 0 && typeof CanvasRenderingContext2D < "u" && (CanvasRenderingContext2D.prototype.measureText = b), h && g && g.length > 0) {
+        const P = g.map((T) => {
           let W = T.text || "";
-          const M = T.textCase || c || "none";
-          return M === "uppercase" ? W.toUpperCase() : M === "lowercase" ? W.toLowerCase() : M === "capitalize" ? W.replace(/\b\w/g, (_) => _.toUpperCase()) : W;
+          const k = T.textCase || c || "none";
+          return k === "uppercase" ? W.toUpperCase() : k === "lowercase" ? W.toLowerCase() : k === "capitalize" ? W.replace(/\b\w/g, (_) => _.toUpperCase()) : W;
         }).join("");
-        if (y = Ye(E, u), y) {
+        if (y = Ye(P, u), y) {
           let T = 0, W = o;
-          for (const M of g) {
-            let _ = M.text || "";
+          for (const k of g) {
+            let _ = k.text || "";
             if (!_) continue;
-            const L = M.textCase || c || "none";
+            const L = k.textCase || c || "none";
             L === "uppercase" ? _ = _.toUpperCase() : L === "lowercase" ? _ = _.toLowerCase() : L === "capitalize" && (_ = _.replace(/\b\w/g, (O) => O.toUpperCase()));
-            const x = M.fontSize || o;
+            const x = k.fontSize || o;
             x > W && (W = x);
-            const R = `${M.fontStyle || i} ${M.fontWeight || e} ${x}px "${M.fontFamily || s}", sans-serif`, $ = Ye(_, R);
+            const A = `${k.fontStyle || i} ${k.fontWeight || e} ${x}px "${k.fontFamily || s}", sans-serif`, $ = Ye(_, A);
             if ($ && $.widths)
               for (let O = 0; O < $.widths.length; O++) {
                 const V = T + O;
@@ -92,57 +92,57 @@ function ps(p) {
               }
             T += _.length;
           }
-          y.fullText = E, y.maxFontSize = W;
+          y.fullText = P, y.maxFontSize = W;
         }
       } else
         y = Ye(d, u);
       y && Ee.set(m, y);
-    } catch (E) {
-      return console.error("[ExodeUI] Pretext prepare failed:", E), { width: a, height: 0, lineCount: 0, lines: [] };
+    } catch (P) {
+      return console.error("[ExodeUI] Pretext prepare failed:", P), { width: a, height: 0, lineCount: 0, lines: [] };
     } finally {
       r !== 0 && typeof CanvasRenderingContext2D < "u" && v && (CanvasRenderingContext2D.prototype.measureText = v);
     }
     if (Ee.size > 500) {
-      const E = Ee.keys().next().value;
-      E && Ee.delete(E);
+      const P = Ee.keys().next().value;
+      P && Ee.delete(P);
     }
   }
-  if (h > 0 && y && y.widths && !y.indentApplied) {
-    const E = [...y.widths], T = y.fullText || d;
+  if (f > 0 && y && y.widths && !y.indentApplied) {
+    const P = [...y.widths], T = y.fullText || d;
     let W = !0;
-    for (let M = 0; M < T.length; M++)
-      W && E[M] !== void 0 && (E[M] += h, W = !1), (T[M] === `
-` || T[M] === "\r") && (W = !0, T[M] === "\r" && T[M + 1] === `
-` && M++);
-    y = { ...y, widths: E, indentApplied: !0 };
+    for (let k = 0; k < T.length; k++)
+      W && P[k] !== void 0 && (P[k] += f, W = !1), (T[k] === `
+` || T[k] === "\r") && (W = !0, T[k] === "\r" && T[k + 1] === `
+` && k++);
+    y = { ...y, widths: P, indentApplied: !0 };
   }
   if (!y) return { width: a, height: 0, lineCount: 0, lines: [] };
   let C = n;
   typeof C == "string" && (C = parseFloat(C)), C > 5 && o > 0 && (C = C / o), r !== 0 && (CanvasRenderingContext2D.prototype.measureText = b);
   let S;
   try {
-    const E = y.maxFontSize || o;
+    const P = y.maxFontSize || o;
     if (a >= 1e5) {
       const T = d.split(/\r\n|\r|\n/);
       S = {
         lines: T.map((W) => ({ text: W, width: 0 })),
         // Width will be measured below
-        height: T.length * (C * E),
+        height: T.length * (C * P),
         lineCount: T.length
       };
     } else
-      S = Is(y, a, C * E);
+      S = Is(y, a, C * P);
   } finally {
     r !== 0 && v && (CanvasRenderingContext2D.prototype.measureText = v);
   }
-  let I = (S == null ? void 0 : S.height) !== void 0 && S.height > 0 ? S.height : (((k = S == null ? void 0 : S.lines) == null ? void 0 : k.length) || 0) * C * o;
+  let I = (S == null ? void 0 : S.height) !== void 0 && S.height > 0 ? S.height : (((M = S == null ? void 0 : S.lines) == null ? void 0 : M.length) || 0) * C * o;
   if (l > 0 && S && S.lines && S.lines.length > 1) {
-    let E = 0;
+    let P = 0;
     const T = y.fullText || t;
     for (let W = 0; W < S.lines.length - 1; W++)
-      E += S.lines[W].text.length, (T[E] === `
-` || T[E] === "\r") && (I += l, E++, T[E - 1] === "\r" && T[E] === `
-` && E++);
+      P += S.lines[W].text.length, (T[P] === `
+` || T[P] === "\r") && (I += l, P++, T[P - 1] === "\r" && T[P] === `
+` && P++);
   }
   let w = (S == null ? void 0 : S.lines) || [];
   return p.composer === "every-line" && w.length > 1 && (w = _s(w)), p.balanceRaggedLines === !0 && w.length > 1 && (w = Ps(w)), {
@@ -162,13 +162,13 @@ function es(p, t, s) {
   let n = t - (e.length - 1) * s, a = 0;
   if (e.forEach((r, l) => {
     if (r.endsWith("px")) {
-      const h = parseFloat(r);
-      i[l] = h, n -= h;
+      const f = parseFloat(r);
+      i[l] = f, n -= f;
     } else r.endsWith("fr") ? a += parseFloat(r) : r === "auto" && (i[l] = 100, n -= 100);
   }), a > 0 && n > 0) {
     const r = n / a;
-    e.forEach((l, h) => {
-      l.endsWith("fr") && (i[h] = r * parseFloat(l));
+    e.forEach((l, f) => {
+      l.endsWith("fr") && (i[f] = r * parseFloat(l));
     });
   }
   return i;
@@ -183,15 +183,15 @@ function ss(p, t, s) {
 }
 function Es(p, t, s) {
   var _, L;
-  const o = p.autoLayout, { direction: e, spacing: i, padding: n, align: a, wrap: r } = o, l = e === "vertical", h = t.map((x) => {
-    const R = s(x.id), $ = x.geometry;
-    let O = (R == null ? void 0 : R.width) ?? $.width ?? 100, V = (R == null ? void 0 : R.height) ?? $.height ?? 100;
+  const o = p.autoLayout, { direction: e, spacing: i, padding: n, align: a, wrap: r } = o, l = e === "vertical", f = t.map((x) => {
+    const A = s(x.id), $ = x.geometry;
+    let O = (A == null ? void 0 : A.width) ?? $.width ?? 100, V = (A == null ? void 0 : A.height) ?? $.height ?? 100;
     if ($.type === "Ellipse" || $.type === "Polygon" || $.type === "Star") {
-      const H = (R == null ? void 0 : R.radius) ?? $.radius ?? (R == null ? void 0 : R.outer_radius) ?? $.outer_radius ?? 50;
+      const H = (A == null ? void 0 : A.radius) ?? $.radius ?? (A == null ? void 0 : A.outer_radius) ?? $.outer_radius ?? 50;
       O = H * 2, V = H * 2;
     } else if ($.type === "Text") {
       const H = ps({
-        text: (R == null ? void 0 : R.text) ?? $.text ?? "",
+        text: (A == null ? void 0 : A.text) ?? $.text ?? "",
         fontFamily: $.fontFamily,
         fontSize: $.fontSize,
         fontWeight: $.fontWeight,
@@ -210,47 +210,47 @@ function Es(p, t, s) {
     return O *= x.transform.scale_x || 1, V *= x.transform.scale_y || 1, { id: x.id, w: O, h: V, original: x };
   });
   let c = p.width, g = p.height;
-  const f = ((_ = p.layoutProps) == null ? void 0 : _.width) === "hug", d = ((L = p.layoutProps) == null ? void 0 : L.height) === "hug", u = [];
+  const h = ((_ = p.layoutProps) == null ? void 0 : _.width) === "hug", d = ((L = p.layoutProps) == null ? void 0 : L.height) === "hug", u = [];
   let m = [], y = 0, v = 0;
   const b = c - n.left - n.right, C = g - n.top - n.bottom;
-  h.forEach((x) => {
+  f.forEach((x) => {
     r && m.length > 0 && (l ? v + i + x.h > C : y + i + x.w > b) ? (u.push({ children: m, width: y, height: v }), m = [x], y = x.w, v = x.h) : (m.push(x), l ? (y = Math.max(y, x.w), v += (m.length > 1 ? i : 0) + x.h) : (y += (m.length > 1 ? i : 0) + x.w, v = Math.max(v, x.h)));
-  }), m.length > 0 && u.push({ children: m, width: y, height: v }), f && !l && (c = Math.max(...u.map((x) => x.width), 0) + n.left + n.right), d && l && (g = Math.max(...u.map((x) => x.height), 0) + n.top + n.bottom);
+  }), m.length > 0 && u.push({ children: m, width: y, height: v }), h && !l && (c = Math.max(...u.map((x) => x.width), 0) + n.left + n.right), d && l && (g = Math.max(...u.map((x) => x.height), 0) + n.top + n.bottom);
   const S = [];
   let I = n.left, w = n.top;
-  const k = a.toLowerCase(), E = k === "center" || k.endsWith("-center"), T = k.endsWith("-right"), W = k === "center" || k.startsWith("center-"), M = k.startsWith("bottom-");
+  const M = a.toLowerCase(), P = M === "center" || M.endsWith("-center"), T = M.endsWith("-right"), W = M === "center" || M.startsWith("center-"), k = M.startsWith("bottom-");
   return u.forEach((x) => {
-    let R = I, $ = w;
-    l ? W ? $ = n.top + (g - n.top - n.bottom - x.height) / 2 : M && ($ = g - n.bottom - x.height) : E ? R = n.left + (c - n.left - n.right - x.width) / 2 : T && (R = c - n.right - x.width), x.children.forEach((O) => {
+    let A = I, $ = w;
+    l ? W ? $ = n.top + (g - n.top - n.bottom - x.height) / 2 : k && ($ = g - n.bottom - x.height) : P ? A = n.left + (c - n.left - n.right - x.width) / 2 : T && (A = c - n.right - x.width), x.children.forEach((O) => {
       var F, q;
-      let V = R, H = $;
-      l ? E ? V += (x.width - O.w) / 2 : T && (V += x.width - O.w) : W ? H += (x.height - O.h) / 2 : M && (H += x.height - O.h);
-      const et = ((F = O.original.layoutProps) == null ? void 0 : F.width) === "fill", P = ((q = O.original.layoutProps) == null ? void 0 : q.height) === "fill";
+      let V = A, H = $;
+      l ? P ? V += (x.width - O.w) / 2 : T && (V += x.width - O.w) : W ? H += (x.height - O.h) / 2 : k && (H += x.height - O.h);
+      const et = ((F = O.original.layoutProps) == null ? void 0 : F.width) === "fill", E = ((q = O.original.layoutProps) == null ? void 0 : q.height) === "fill";
       S.push({
         id: O.id,
         x: V + O.w / 2 - c / 2,
         y: H + O.h / 2 - g / 2,
         width: et && l ? x.width : void 0,
-        height: P ? l ? void 0 : x.height : void 0
-      }), l ? $ += O.h + i : R += O.w + i;
+        height: E ? l ? void 0 : x.height : void 0
+      }), l ? $ += O.h + i : A += O.w + i;
     }), l ? I += x.width + i : w += x.height + i;
-  }), { frameWidth: f ? c : void 0, frameHeight: d ? g : void 0, childUpdates: S };
+  }), { frameWidth: h ? c : void 0, frameHeight: d ? g : void 0, childUpdates: S };
 }
 function xs(p, t, s) {
   const o = p.autoLayout;
   if (!o) return { childUpdates: [] };
   const { gridColumns: e, gridRows: i, columnGap: n = 0, rowGap: a = 0, padding: r, align: l } = o;
-  let h = p.width, c = p.height;
-  const g = h - r.left - r.right, f = c - r.top - r.bottom, d = es(e || "1fr", g, n), u = es(i || "auto", f, a), m = d.length > 0 ? d.reduce((T, W) => T + W, 0) + (d.length - 1) * n : 0, y = u.length > 0 ? u.reduce((T, W) => T + W, 0) + (u.length - 1) * a : 0, v = l.toLowerCase(), b = v === "center" || v.endsWith("-center"), C = v.endsWith("-right"), S = v === "center" || v.startsWith("center-"), I = v.startsWith("bottom-");
-  let w = 0, k = 0;
-  b ? w = (g - m) / 2 : C && (w = g - m), S ? k = (f - y) / 2 : I && (k = f - y);
-  const E = [];
+  let f = p.width, c = p.height;
+  const g = f - r.left - r.right, h = c - r.top - r.bottom, d = es(e || "1fr", g, n), u = es(i || "auto", h, a), m = d.length > 0 ? d.reduce((T, W) => T + W, 0) + (d.length - 1) * n : 0, y = u.length > 0 ? u.reduce((T, W) => T + W, 0) + (u.length - 1) * a : 0, v = l.toLowerCase(), b = v === "center" || v.endsWith("-center"), C = v.endsWith("-right"), S = v === "center" || v.startsWith("center-"), I = v.startsWith("bottom-");
+  let w = 0, M = 0;
+  b ? w = (g - m) / 2 : C && (w = g - m), S ? M = (h - y) / 2 : I && (M = h - y);
+  const P = [];
   return t.forEach((T, W) => {
     var q, Q;
-    const M = W % d.length || 0, _ = Math.floor(W / d.length) || 0;
+    const k = W % d.length || 0, _ = Math.floor(W / d.length) || 0;
     _ >= u.length && u.push(100);
-    const L = d[M], x = u[_];
-    let R = r.left + w + d.slice(0, M).reduce((it, dt) => it + dt + n, 0), $ = r.top + k + u.slice(0, _).reduce((it, dt) => it + dt + a, 0);
+    const L = d[k], x = u[_];
+    let A = r.left + w + d.slice(0, k).reduce((it, dt) => it + dt + n, 0), $ = r.top + M + u.slice(0, _).reduce((it, dt) => it + dt + a, 0);
     const O = s(T.id), V = T.geometry;
     let H = (O == null ? void 0 : O.width) ?? V.width ?? 100, et = (O == null ? void 0 : O.height) ?? V.height ?? 100;
     if (V.type === "Ellipse" || V.type === "Polygon" || V.type === "Star") {
@@ -258,15 +258,15 @@ function xs(p, t, s) {
       H = it * 2, et = it * 2;
     }
     H *= T.transform.scale_x || 1, et *= T.transform.scale_y || 1;
-    let P = R, F = $;
-    b ? P += (L - H) / 2 : C && (P += L - H), S ? F += (x - et) / 2 : I && (F += x - et), E.push({
+    let E = A, F = $;
+    b ? E += (L - H) / 2 : C && (E += L - H), S ? F += (x - et) / 2 : I && (F += x - et), P.push({
       id: T.id,
-      x: P + H / 2 - h / 2,
+      x: E + H / 2 - f / 2,
       y: F + et / 2 - c / 2,
       width: ((q = T.layoutProps) == null ? void 0 : q.width) === "fill" ? L : void 0,
       height: ((Q = T.layoutProps) == null ? void 0 : Q.height) === "fill" ? x : void 0
     });
-  }), { childUpdates: E };
+  }), { childUpdates: P };
 }
 class As {
   constructor() {
@@ -374,17 +374,17 @@ class As {
 const us = (p) => p, Os = (p) => p > 0 ? 1 : 0, Rs = (p) => p < 1 ? 0 : 1, is = (p) => p * p, ns = (p) => p * (2 - p), os = (p) => p < 0.5 ? 2 * p * p : -1 + (4 - 2 * p) * p, Ls = (p) => p * p * p, Fs = (p) => --p * p * p + 1, $s = (p) => p < 0.5 ? 4 * p * p * p : (p - 1) * (2 * p - 2) * (2 * p - 2) + 1, Ws = (p) => p * p * p * p, Bs = (p) => 1 - --p * p * p * p, Gs = (p) => p < 0.5 ? 8 * p * p * p * p : 1 - 8 * --p * p * p * p, Ys = (p) => p * p * p * p * p, Xs = (p) => 1 + --p * p * p * p * p, Ds = (p) => p < 0.5 ? 16 * p * p * p * p * p : 1 + 16 * --p * p * p * p * p, zs = (p) => 1 - Math.cos(p * Math.PI / 2), Vs = (p) => Math.sin(p * Math.PI / 2), Ns = (p) => -(Math.cos(Math.PI * p) - 1) / 2, Hs = (p) => p === 0 ? 0 : Math.pow(2, 10 * (p - 1)), Us = (p) => p === 1 ? 1 : 1 - Math.pow(2, -10 * p), qs = (p) => p === 0 ? 0 : p === 1 ? 1 : p < 0.5 ? Math.pow(2, 20 * p - 10) / 2 : (2 - Math.pow(2, -20 * p + 10)) / 2, Js = (p) => 1 - Math.sqrt(1 - p * p), Qs = (p) => Math.sqrt(1 - --p * p), Ks = (p) => p < 0.5 ? (1 - Math.sqrt(1 - 4 * p * p)) / 2 : (Math.sqrt(1 - (-2 * p + 2) * (-2 * p + 2)) + 1) / 2, Ge = 1.70158, $e = Ge * 1.525, gs = Ge + 1, Zs = (p) => gs * p * p * p - Ge * p * p, js = (p) => 1 + gs * Math.pow(p - 1, 3) + Ge * Math.pow(p - 1, 2), ti = (p) => p < 0.5 ? Math.pow(2 * p, 2) * (($e + 1) * 2 * p - $e) / 2 : (Math.pow(2 * p - 2, 2) * (($e + 1) * (p * 2 - 2) + $e) + 2) / 2, ms = 2 * Math.PI / 3, as = 2 * Math.PI / 4.5, ei = (p) => p === 0 ? 0 : p === 1 ? 1 : -Math.pow(2, 10 * p - 10) * Math.sin((p * 10 - 10.75) * ms), si = (p) => p === 0 ? 0 : p === 1 ? 1 : Math.pow(2, -10 * p) * Math.sin((p * 10 - 0.75) * ms) + 1, ii = (p) => p === 0 ? 0 : p === 1 ? 1 : p < 0.5 ? -(Math.pow(2, 20 * p - 10) * Math.sin((20 * p - 11.125) * as)) / 2 : Math.pow(2, -20 * p + 10) * Math.sin((20 * p - 11.125) * as) / 2 + 1, Be = (p) => p < 1 / 2.75 ? 7.5625 * p * p : p < 2 / 2.75 ? 7.5625 * (p -= 1.5 / 2.75) * p + 0.75 : p < 2.5 / 2.75 ? 7.5625 * (p -= 2.25 / 2.75) * p + 0.9375 : 7.5625 * (p -= 2.625 / 2.75) * p + 0.984375, ni = (p) => 1 - Be(1 - p), oi = Be, ai = (p) => p < 0.5 ? (1 - Be(1 - 2 * p)) / 2 : (1 + Be(2 * p - 1)) / 2, Xe = /* @__PURE__ */ new Map(), xe = (p, t, s, o) => {
   const e = `${p},${t},${s},${o}`;
   if (Xe.has(e)) return Xe.get(e);
-  const i = (h) => (1 - 3 * s + 3 * p) * h * h * h + (3 * s - 6 * p) * h * h + 3 * p * h, n = (h) => (1 - 3 * o + 3 * t) * h * h * h + (3 * o - 6 * t) * h * h + 3 * t * h, a = (h) => 3 * (1 - 3 * s + 3 * p) * h * h + 2 * (3 * s - 6 * p) * h + 3 * p, r = (h) => {
-    let c = h;
+  const i = (f) => (1 - 3 * s + 3 * p) * f * f * f + (3 * s - 6 * p) * f * f + 3 * p * f, n = (f) => (1 - 3 * o + 3 * t) * f * f * f + (3 * o - 6 * t) * f * f + 3 * t * f, a = (f) => 3 * (1 - 3 * s + 3 * p) * f * f + 2 * (3 * s - 6 * p) * f + 3 * p, r = (f) => {
+    let c = f;
     for (let g = 0; g < 8; g++) {
-      const f = i(c) - h;
-      if (Math.abs(f) < 1e-6) return c;
+      const h = i(c) - f;
+      if (Math.abs(h) < 1e-6) return c;
       const d = a(c);
       if (Math.abs(d) < 1e-6) break;
-      c = c - f / d;
+      c = c - h / d;
     }
     return c;
-  }, l = (h) => h === 0 ? 0 : h === 1 ? 1 : n(r(h));
+  }, l = (f) => f === 0 ? 0 : f === 1 ? 1 : n(r(f));
   return Xe.set(e, l), l;
 }, rs = (p) => {
   const t = p.match(/cubic-bezier\s*\(\s*([-?\d.]+)\s*,\s*([-?\d.]+)\s*,\s*([-?\d.]+)\s*,\s*([-?\d.]+)\s*\)/);
@@ -514,6 +514,43 @@ const us = (p) => p, Os = (p) => p > 0 ? 1 : 0, Rs = (p) => p < 1 ? 0 : 1, is =
     description: "Slow start, massive impact.",
     value: "cubic-bezier(0.6, 0, 1, 1)"
   }
+}, li = (p, t, s, o, e) => {
+  if (!p || !t || !s) return p;
+  const i = o.scale_x ?? 1, n = o.scale_y ?? 1, a = (r, l, f) => {
+    let c = 0, g = 0;
+    const h = o.rotation * Math.PI / 180, d = Math.cos(h), u = Math.sin(h), m = r * i * d - l * n * u + o.x, y = r * i * u + l * n * d + o.y;
+    f.forEach((w) => {
+      const M = e(w.boneId);
+      if (!M) return;
+      const P = {
+        x: M.x,
+        y: M.y,
+        rotation: M.rotation,
+        scaleX: M.scale_x ?? 1,
+        scaleY: M.scale_y ?? 1
+      }, T = s[w.boneId] || [1, 0, 0, 1, 0, 0], W = m * T[0] + y * T[2] + T[4], k = m * T[1] + y * T[3] + T[5], _ = P.rotation * Math.PI / 180, L = Math.cos(_), x = Math.sin(_), A = W * P.scaleX * L - k * P.scaleY * x + P.x, $ = W * P.scaleX * x + k * P.scaleY * L + P.y;
+      c += A * w.amount, g += $ * w.amount;
+    });
+    const v = o.rotation * Math.PI / 180, b = Math.cos(v), C = Math.sin(v), S = c - o.x, I = g - o.y;
+    return {
+      x: (S * b + I * C) / i,
+      y: (-S * C + I * b) / n
+    };
+  };
+  return p.map((r, l) => {
+    const f = t[l];
+    if (!f || f.length === 0) return { ...r };
+    const c = { ...r, ...a(r.x, r.y, f) };
+    if (r.in_x !== void 0 && r.in_y !== void 0) {
+      const g = a(r.in_x, r.in_y, f);
+      c.in_x = g.x, c.in_y = g.y;
+    }
+    if (r.out_x !== void 0 && r.out_y !== void 0) {
+      const g = a(r.out_x, r.out_y, f);
+      c.out_x = g.x, c.out_y = g.y;
+    }
+    return c;
+  });
 }, fs = {
   default: {
     label: "Default",
@@ -643,7 +680,7 @@ const us = (p) => p, Os = (p) => p > 0 ? 1 : 0, Rs = (p) => p < 1 ? 0 : 1, is =
     centerLabelColor: "rgba(255,255,255,0.4)"
   }
 };
-class li {
+class ci {
   constructor() {
     tt(this, "artboard", null);
     tt(this, "objectStates", /* @__PURE__ */ new Map());
@@ -783,9 +820,9 @@ class li {
   }
   svgPathToPoints(t) {
     const s = /([MLHVCSQTAZmlhvcsqtaz])([^MLHVCSQTAZmlhvcsqtaz]*)/g, o = /[-+]?(?:\d*\.\d+|\d+)(?:[eE][-+]?\d+)?/g, e = [];
-    let i = !1, n = 0, a = 0, r = 0, l = 0, h = 0, c = 0, g;
+    let i = !1, n = 0, a = 0, r = 0, l = 0, f = 0, c = 0, g;
     for (; (g = s.exec(t)) !== null; ) {
-      const f = g[1], d = (g[2].match(o) || []).map(parseFloat), u = f === f.toLowerCase(), m = f.toUpperCase();
+      const h = g[1], d = (g[2].match(o) || []).map(parseFloat), u = h === h.toLowerCase(), m = h.toUpperCase();
       let y = 0;
       const v = (C) => {
         let S = d[y++];
@@ -794,7 +831,7 @@ class li {
       switch (m) {
         case "M": {
           const C = b();
-          for (h = n = C.x, c = a = C.y, e.push({ x: n, y: a, in_x: n, in_y: a, out_x: n, out_y: a, moveTo: !0 }); y < d.length; ) {
+          for (f = n = C.x, c = a = C.y, e.push({ x: n, y: a, in_x: n, in_y: a, out_x: n, out_y: a, moveTo: !0 }); y < d.length; ) {
             const S = b();
             n = S.x, a = S.y, e.push({ x: n, y: a, in_x: n, in_y: a, out_x: n, out_y: a });
           }
@@ -861,7 +898,7 @@ class li {
             const S = [...e].reverse().find((I) => I.moveTo) || e[0];
             S && Math.hypot(S.x - C.x, S.y - C.y) < 0.1 && (S.in_x = C.in_x, S.in_y = C.in_y, e.pop(), e.length > 0 && (e[e.length - 1].closePath = !0));
           }
-          n = h, a = c;
+          n = f, a = c;
           break;
         default:
           if (d.length >= 2) {
@@ -934,8 +971,8 @@ class li {
     const o = [], e = /* @__PURE__ */ new Set(), i = (r) => {
       r && r.forEach((l) => {
         if (e.has(l.id)) return;
-        const h = { ...l }, c = h.childrenObjects || [];
-        e.add(h.id), o.push(h), i(c);
+        const f = { ...l }, c = f.childrenObjects || [];
+        e.add(f.id), o.push(f), i(c);
       });
     };
     if (i(s.objects || []), o.length > (s.objects || []).length && console.log(`[Engine] Flattened artboard from ${(s.objects || []).length} to ${o.length} objects.`), s.objects = o, this.artboard = s, this.currentTime = 0, this.objectStates.clear(), console.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) {
@@ -944,8 +981,8 @@ class li {
         r.set(l.id, l), l.children || (l.children = []);
       }), this.artboard.objects.forEach((l) => {
         if (l.parentId) {
-          const h = r.get(l.parentId);
-          h && (h.children || (h.children = []), h.children.includes(l.id) || h.children.push(l.id));
+          const f = r.get(l.parentId);
+          f && (f.children || (f.children = []), f.children.includes(l.id) || f.children.push(l.id));
         }
       });
     }
@@ -995,11 +1032,11 @@ class li {
   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((s) => {
-      var n, a, r, l, h, c, g;
+      var n, a, r, l, f, c, g;
       const o = s.width ?? ((n = s.geometry) == null ? void 0 : n.width) ?? 0, e = s.height ?? ((a = s.geometry) == null ? void 0 : a.height) ?? 0, i = s.cornerRadius ?? s.corner_radius ?? ((r = s.geometry) == null ? void 0 : r.corner_radius) ?? ((l = s.geometry) == null ? void 0 : l.cornerRadius) ?? 0;
       this.objectStates.set(s.id, {
         ...s.transform || {},
-        x: ((h = s.transform) == null ? void 0 : h.x) ?? s.x ?? 0,
+        x: ((f = s.transform) == null ? void 0 : f.x) ?? s.x ?? 0,
         y: ((c = s.transform) == null ? void 0 : c.y) ?? s.y ?? 0,
         width: o,
         height: e,
@@ -1080,8 +1117,8 @@ class li {
       n.forEach((a) => {
         const r = this.objectStates.get(a.id);
         if (r) {
-          const l = Math.abs(r.x - a.x), h = Math.abs(r.y - a.y);
-          !t && (l > 20 || h > 20) ? (r.x += (a.x - r.x) * o, r.y += (a.y - r.y) * o) : (r.x = a.x, r.y = a.y), a.width !== void 0 && (r.width = a.width), a.height !== void 0 && (r.height = a.height);
+          const l = Math.abs(r.x - a.x), f = Math.abs(r.y - a.y);
+          !t && (l > 20 || f > 20) ? (r.x += (a.x - r.x) * o, r.y += (a.y - r.y) * o) : (r.x = a.x, r.y = a.y), a.width !== void 0 && (r.width = a.width), a.height !== void 0 && (r.height = a.height);
         }
       });
     };
@@ -1094,8 +1131,8 @@ class li {
       if (n.type === "Frame" && ((a = n.autoLayout) != null && a.enabled) && n.children && n.children.length > 0) {
         const r = n.children.map((c) => s.get(c)).filter((c) => !!c), l = this.objectStates.get(n.id);
         if (!l) return;
-        const h = ss(l, r, (c) => this.objectStates.get(c));
-        h.frameWidth !== void 0 && (l.width = h.frameWidth), h.frameHeight !== void 0 && (l.height = h.frameHeight), e(h.childUpdates);
+        const f = ss(l, r, (c) => this.objectStates.get(c));
+        f.frameWidth !== void 0 && (l.width = f.frameWidth), f.frameHeight !== void 0 && (l.height = f.frameHeight), e(f.childUpdates);
       }
     });
   }
@@ -1146,15 +1183,15 @@ class li {
       const a = this.activeStateMachine.layers.find((r) => r.name === t);
       if (a)
         for (const r of s) {
-          const l = a.states.find((h) => h.id === r);
+          const l = a.states.find((f) => f.id === r);
           if (l) {
-            let h = null;
-            l.animationId && (h = this.artboard.animations.find((c) => c.id === l.animationId) || null), h || (h = this.artboard.animations.find(
+            let f = null;
+            l.animationId && (f = this.artboard.animations.find((c) => c.id === l.animationId) || null), f || (f = this.artboard.animations.find(
               (c) => {
-                var g, f;
-                return c.name === l.name || c.id === l.name || (l.name === "Entry" || l.id === "entry") && (((g = c.name) == null ? void 0 : g.toLowerCase()) === "onload" || ((f = c.name) == null ? void 0 : f.toLowerCase()) === "intro");
+                var g, h;
+                return c.name === l.name || c.id === l.name || (l.name === "Entry" || l.id === "entry") && (((g = c.name) == null ? void 0 : g.toLowerCase()) === "onload" || ((h = c.name) == null ? void 0 : h.toLowerCase()) === "intro");
               }
-            ) || null), h && ((n = this.artboard.animationFlow) != null && n.some((g) => (g.trigger === "on_load" || g.trigger === "after_delay") && g.targetAnimationId === (h == null ? void 0 : h.id)) || (e.push({ animation: h, state: l }), i = Math.max(i, h.duration)));
+            ) || null), f && ((n = this.artboard.animationFlow) != null && n.some((g) => (g.trigger === "on_load" || g.trigger === "after_delay") && g.targetAnimationId === (f == null ? void 0 : f.id)) || (e.push({ animation: f, state: l }), i = Math.max(i, f.duration)));
           }
         }
     }
@@ -1200,13 +1237,13 @@ class li {
     var n, a, r;
     let o;
     if (this.inputs.has(t)) {
-      const l = (n = this.activeStateMachine) == null ? void 0 : n.inputs.find((h) => h.id === t);
+      const l = (n = this.activeStateMachine) == null ? void 0 : n.inputs.find((f) => f.id === t);
       l && typeof l.value == "object" && (o = l.value.type);
     } else {
       const l = this.inputNameMap.get(t);
       if (l && l.length > 0) {
-        const h = (a = this.activeStateMachine) == null ? void 0 : a.inputs.find((c) => c.id === l[0]);
-        h && typeof h.value == "object" && (o = h.value.type);
+        const f = (a = this.activeStateMachine) == null ? void 0 : a.inputs.find((c) => c.id === l[0]);
+        f && typeof f.value == "object" && (o = f.value.type);
       }
     }
     let e = s;
@@ -1214,8 +1251,8 @@ class li {
     const i = this.inputNameMap.get(t);
     i && i.forEach((l) => this.setInternalInput(l, e)), o === "Trigger" && e === !0 && (this.justFiredTriggers.add(t), i && i.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 h = this.objectStates.get(l.id);
-        h && h.options && (l.type === "ListView" || l.variant === "listview" ? h.options.items = e : (l.type === "Dropdown" || l.variant === "dropdown") && (h.options.optionsList = e));
+        const f = this.objectStates.get(l.id);
+        f && f.options && (l.type === "ListView" || l.variant === "listview" ? f.options.items = e : (l.type === "Dropdown" || l.variant === "dropdown") && (f.options.optionsList = e));
       }
     })), this.evaluateTransitions(), this.evaluateVariableTriggers(t, e);
   }
@@ -1259,8 +1296,8 @@ class li {
             break;
         }
         if (l) {
-          const h = i.delay || 0;
-          h <= 0 ? this.triggerGlobalAnimation(i.targetAnimationId, i.subAnimationIds, i.loop, i.id) : setTimeout(() => this.triggerGlobalAnimation(i.targetAnimationId, i.subAnimationIds, i.loop, i.id), h);
+          const f = i.delay || 0;
+          f <= 0 ? this.triggerGlobalAnimation(i.targetAnimationId, i.subAnimationIds, i.loop, i.id) : setTimeout(() => this.triggerGlobalAnimation(i.targetAnimationId, i.subAnimationIds, i.loop, i.id), f);
         }
       }
     });
@@ -1360,36 +1397,36 @@ class li {
     });
   }
   evaluateLogicTree(t, s = null, o = /* @__PURE__ */ new Set()) {
-    var a, r, l, h, c, g;
+    var a, r, l, f, c, g;
     if (o.has(t))
       return this.inputs.get(t) ?? this.logicNodeValues.get(t) ?? 0;
     o.add(t);
-    const e = (r = (a = this.activeStateMachine) == null ? void 0 : a.logicNodes) == null ? void 0 : r.find((f) => f.id === t);
+    const e = (r = (a = this.activeStateMachine) == null ? void 0 : a.logicNodes) == null ? void 0 : r.find((h) => h.id === t);
     if (e) {
-      const f = (u, m) => {
+      const h = (u, m) => {
         const y = e.inputs.find((v) => v.id === u);
         return y ? y.sourceId ? this.evaluateLogicTree(y.sourceId, y.sourceHandleId, o) : y.value !== void 0 ? y.value : m : m;
       };
       let d = 0;
       switch (e.op) {
         case Ct.AND:
-          d = f("a", !1) && f("b", !1);
+          d = h("a", !1) && h("b", !1);
           break;
         case Ct.OR:
-          d = f("a", !1) || f("b", !1);
+          d = h("a", !1) || h("b", !1);
           break;
         case Ct.NOT:
-          d = !f("in", !1);
+          d = !h("in", !1);
           break;
         case Ct.XOR:
-          d = !!f("a", !1) != !!f("b", !1);
+          d = !!h("a", !1) != !!h("b", !1);
           break;
         case Ct.OBJECT:
           d = e.name;
           break;
         case Ct.PROPERTY:
         case Ct.GET_PROPERTY: {
-          const u = f("id", "");
+          const u = h("id", "");
           if (!u) {
             d = 0;
             break;
@@ -1408,7 +1445,7 @@ class li {
           break;
         }
         case Ct.SET_PROPERTY: {
-          const u = f("id", ""), m = f("value", void 0);
+          const u = h("id", ""), m = h("value", void 0);
           if (!u || m === void 0) {
             d = 0;
             break;
@@ -1429,8 +1466,8 @@ class li {
             const C = y.split(".");
             let S = v;
             for (let w = 0; w < C.length - 1; w++) {
-              const k = C[w];
-              S[k] === void 0 && (S[k] = {}), S = S[k];
+              const M = C[w];
+              S[M] === void 0 && (S[M] = {}), S = S[M];
             }
             const I = C[C.length - 1];
             S[I] = m, d = m;
@@ -1438,76 +1475,76 @@ class li {
           break;
         }
         case Ct.ADD:
-          d = f("a", 0) + f("b", 0);
+          d = h("a", 0) + h("b", 0);
           break;
         case Ct.SUB:
-          d = f("a", 0) - f("b", 0);
+          d = h("a", 0) - h("b", 0);
           break;
         case Ct.MUL:
-          d = f("a", 0) * f("b", 0);
+          d = h("a", 0) * h("b", 0);
           break;
         case Ct.DIV: {
-          const u = f("b", 1);
-          d = u === 0 ? 0 : f("a", 0) / u;
+          const u = h("b", 1);
+          d = u === 0 ? 0 : h("a", 0) / u;
           break;
         }
         case Ct.MOD:
-          d = f("a", 0) % f("b", 1);
+          d = h("a", 0) % h("b", 1);
           break;
         case Ct.POW:
-          d = Math.pow(f("a", 0), f("b", 1));
+          d = Math.pow(h("a", 0), h("b", 1));
           break;
         case Ct.ABS:
-          d = Math.abs(f("in", 0));
+          d = Math.abs(h("in", 0));
           break;
         case Ct.ROUND:
-          d = Math.round(f("in", 0));
+          d = Math.round(h("in", 0));
           break;
         case Ct.FLOOR:
-          d = Math.floor(f("in", 0));
+          d = Math.floor(h("in", 0));
           break;
         case Ct.CEIL:
-          d = Math.ceil(f("in", 0));
+          d = Math.ceil(h("in", 0));
           break;
         case Ct.SIN:
-          d = Math.sin(f("in", 0));
+          d = Math.sin(h("in", 0));
           break;
         case Ct.COS:
-          d = Math.cos(f("in", 0));
+          d = Math.cos(h("in", 0));
           break;
         case Ct.TAN:
-          d = Math.tan(f("in", 0));
+          d = Math.tan(h("in", 0));
           break;
         case Ct.CLAMP: {
-          const u = f("in", 0), m = f("min", 0), y = f("max", 1);
+          const u = h("in", 0), m = h("min", 0), y = h("max", 1);
           d = Math.max(m, Math.min(y, u));
           break;
         }
         case Ct.REMAP: {
-          const u = f("in", 0), m = f("inMin", 0), y = f("inMax", 100), v = f("outMin", 0), b = f("outMax", 1);
+          const u = h("in", 0), m = h("inMin", 0), y = h("inMax", 100), v = h("outMin", 0), b = h("outMax", 1);
           d = y === m ? v : v + (u - m) * (b - v) / (y - m);
           break;
         }
         case Ct.EQ:
-          d = f("a", 0) == f("b", 0);
+          d = h("a", 0) == h("b", 0);
           break;
         case Ct.NEQ:
-          d = f("a", 0) != f("b", 0);
+          d = h("a", 0) != h("b", 0);
           break;
         case Ct.GT:
-          d = f("a", 0) > f("b", 0);
+          d = h("a", 0) > h("b", 0);
           break;
         case Ct.LT:
-          d = f("a", 0) < f("b", 0);
+          d = h("a", 0) < h("b", 0);
           break;
         case Ct.GTE:
-          d = f("a", 0) >= f("b", 0);
+          d = h("a", 0) >= h("b", 0);
           break;
         case Ct.LTE:
-          d = f("a", 0) <= f("b", 0);
+          d = h("a", 0) <= h("b", 0);
           break;
         case Ct.IF_ELSE:
-          d = f("cond", !1) ? f("then", 0) : f("else", 0);
+          d = h("cond", !1) ? h("then", 0) : h("else", 0);
           break;
         case Ct.VALUE:
           d = e.value !== void 0 ? e.value : 0;
@@ -1516,7 +1553,7 @@ class li {
           d = this.inputs.get(e.name) ?? 0;
           break;
         case Ct.LOG: {
-          const u = f("in", "");
+          const u = h("in", "");
           this.debugLog(`[User Logic] ${u}`), d = u;
           break;
         }
@@ -1536,7 +1573,7 @@ class li {
           d = this.inputs.get("isMouseDown") ?? !1;
           break;
         case Ct.EFFECTOR: {
-          const u = f("id", ""), m = f("intensity", 1), y = f("trigger", !0);
+          const u = h("id", ""), m = h("intensity", 1), y = h("trigger", !0);
           if (!u || !y) {
             d = 0;
             break;
@@ -1561,11 +1598,11 @@ class li {
           break;
         }
         case Ct.MONITOR: {
-          d = f("in", 0);
+          d = h("in", 0);
           break;
         }
         case Ct.SPRING_PULL: {
-          const u = f("objectId", ""), m = f("forceX", 0), y = f("forceY", 0);
+          const u = h("objectId", ""), m = h("forceX", 0), y = h("forceY", 0);
           u && ((l = this.artboard) == null || l.objects.forEach((v) => {
             v.behaviors && v.behaviors.forEach((b) => {
               var C;
@@ -1573,10 +1610,10 @@ class li {
                 this._springChainState.has(v.id) || this._springChainState.set(v.id, /* @__PURE__ */ new Map());
                 const I = this._springChainState.get(v.id);
                 if (!I.has(u)) {
-                  const k = this.objectStates.get(u);
+                  const M = this.objectStates.get(u);
                   I.set(u, {
-                    x: (k == null ? void 0 : k.x) ?? 0,
-                    y: (k == null ? void 0 : k.y) ?? 0,
+                    x: (M == null ? void 0 : M.x) ?? 0,
+                    y: (M == null ? void 0 : M.y) ?? 0,
                     vx: 0,
                     vy: 0
                   });
@@ -1589,10 +1626,10 @@ class li {
           break;
         }
         case Ct.SPRING_SETTLE: {
-          const u = f("objectId", "");
+          const u = h("objectId", "");
           let m = !0;
           if (u) {
-            const y = f("threshold", 1);
+            const y = h("threshold", 1);
             this._springChainState.forEach((v) => {
               const b = v.get(u);
               b && (Math.abs(b.vx) > y || Math.abs(b.vy) > y) && (m = !1);
@@ -1602,8 +1639,8 @@ class li {
           break;
         }
         case Ct.EMIT: {
-          const u = f("objectId", ""), m = f("count", 20);
-          u && ((h = this.artboard) == null || h.objects.forEach((y) => {
+          const u = h("objectId", ""), m = h("count", 20);
+          u && ((f = this.artboard) == null || f.objects.forEach((y) => {
             y.behaviors && y.behaviors.forEach((v) => {
               v.type === Y.ParticleEmitter && y.id === u && (v._pendingBurst = (v._pendingBurst || 0) + m);
             });
@@ -1615,7 +1652,7 @@ class li {
           break;
       }
       if (this.logicNodeValues.set(t, d), e.op === Ct.DELAY) {
-        const u = f("delay", 0), m = f("in", 0);
+        const u = h("delay", 0), m = h("in", 0);
         let y = this.logicNodeState.get(t);
         for (y || (y = { queue: [] }, this.logicNodeState.set(t, y)), y.queue.push({ time: this.currentTime + u, value: m }); y.queue.length > 0 && y.queue[0].time <= this.currentTime; )
           y.lastValue = y.queue.shift().value;
@@ -1623,16 +1660,16 @@ class li {
       }
       return d;
     }
-    const i = (c = this.activeStateMachine) == null ? void 0 : c.inputs.find((f) => f.id === t || f.name === t);
+    const i = (c = this.activeStateMachine) == null ? void 0 : c.inputs.find((h) => h.id === t || h.name === t);
     if (i && i.sourceId && !o.has(i.sourceId)) {
-      const f = this.evaluateLogicTree(i.sourceId, i.sourceHandleId, o);
-      return this.inputs.set(i.id, f), f;
+      const h = this.evaluateLogicTree(i.sourceId, i.sourceHandleId, o);
+      return this.inputs.set(i.id, h), h;
     }
     let n = this.inputs.get(t) ?? (i ? this.inputs.get(i.id) : void 0);
     if ((this.justFiredTriggers.has(t) || i && this.justFiredTriggers.has(i.id)) && (n = !0), s && n !== void 0) {
-      const f = (g = this.activeStateMachine) == null ? void 0 : g.inputs.find((d) => d.id === t);
-      if (f && f.value.type === "Number" && typeof n == "number") {
-        const d = f.value.defaultValue ?? f.value.value;
+      const h = (g = this.activeStateMachine) == null ? void 0 : g.inputs.find((d) => d.id === t);
+      if (h && h.value.type === "Number" && typeof n == "number") {
+        const d = h.value.defaultValue ?? h.value.value;
         if (s === "source-greater") return n > d;
         if (s === "source-less") return n < d;
         if (s === "source-equal") return n === d;
@@ -1698,13 +1735,13 @@ class li {
     }), s.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 i, n, a, r, l, h, c;
+      var i, n, a, r, l, f, c;
       if (o.phase === "entry")
         o.time += t, o.time >= o.animation.duration && ((a = (n = (i = this.artboard) == null ? void 0 : i.objects.find((g) => g.id === e)) == null ? void 0 : n.triggers) == null || a.find((g) => g.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 g = (h = (l = (r = this.artboard) == null ? void 0 : r.objects.find((u) => u.id === e)) == null ? void 0 : l.triggers) == null ? void 0 : h.find((u) => u.id === o.triggerId), f = (g == null ? void 0 : g.duration) || 0;
+        const g = (f = (l = (r = this.artboard) == null ? void 0 : r.objects.find((u) => u.id === e)) == null ? void 0 : l.triggers) == null ? void 0 : f.find((u) => u.id === o.triggerId), h = (g == null ? void 0 : g.duration) || 0;
         o.elapsedHold += t * 1e3;
-        let d = o.elapsedHold >= f;
+        let d = o.elapsedHold >= h;
         if ((g == null ? void 0 : g.eventType) === "hover" && !this.activeHoverIds.has(e) && (d = !0), ((g == null ? void 0 : g.eventType) === "onHold" || (g == null ? void 0 : g.eventType) === "pointerDown") && !this.isMouseDown && (d = !0), d)
           if (g != null && g.exitAnimationId) {
             const u = (c = this.artboard) == null ? void 0 : c.animations.find((m) => m.id === g.exitAnimationId);
@@ -1721,8 +1758,8 @@ class li {
       if (o && o.isEnabled && o.triggerType === "visible") {
         const a = this.objectStates.get(s.id);
         if (a && a.visible !== !1) {
-          const r = this.getGlobalTransform(s.id), l = (((i = s.geometry) == null ? void 0 : i.width) || 100) * (r.scale_x || 1), h = (((n = s.geometry) == null ? void 0 : n.height) || 100) * (r.scale_y || 1), c = 50, g = r.x + l / 2 >= -this.canvasWidth / 2 - c && r.x - l / 2 <= this.canvasWidth / 2 + c && r.y + h / 2 >= -this.canvasHeight / 2 - c && r.y - h / 2 <= this.canvasHeight / 2 + c, f = `analytics_${s.id}`, d = this.wasInView.has(f);
-          g && !d && this.fireAnalyticsEvent(s.id, "visible"), g ? this.wasInView.add(f) : this.wasInView.delete(f);
+          const r = this.getGlobalTransform(s.id), l = (((i = s.geometry) == null ? void 0 : i.width) || 100) * (r.scale_x || 1), f = (((n = s.geometry) == null ? void 0 : n.height) || 100) * (r.scale_y || 1), c = 50, g = r.x + l / 2 >= -this.canvasWidth / 2 - c && r.x - l / 2 <= this.canvasWidth / 2 + c && r.y + f / 2 >= -this.canvasHeight / 2 - c && r.y - f / 2 <= this.canvasHeight / 2 + c, h = `analytics_${s.id}`, d = this.wasInView.has(h);
+          g && !d && this.fireAnalyticsEvent(s.id, "visible"), g ? this.wasInView.add(h) : this.wasInView.delete(h);
         }
       }
     }), this.artboard.objects.forEach((s) => {
@@ -1730,7 +1767,7 @@ class li {
       o.length !== 0 && o.forEach((e) => {
         const i = e.triggers || [e.event || e.trigger];
         i && i.forEach((n) => {
-          var r, l, h;
+          var r, l, f;
           const a = n.toLowerCase();
           if (a === "on interval" || a === "oninterval") {
             const c = e.intervalValue || 2e3, g = this.periodicTriggerTimes.get(e.id) || 0;
@@ -1743,12 +1780,12 @@ class li {
           if (a === "scroll into view" || a === "scrollintoview") {
             const c = this.objectStates.get(s.id);
             if (c && c.visible !== !1) {
-              const g = this.getGlobalTransform(s.id), f = (((r = s.geometry) == null ? void 0 : r.width) || 100) * (g.scale_x || 1), d = (((l = s.geometry) == null ? void 0 : l.height) || 100) * (g.scale_y || 1), u = 50, m = g.x + f / 2 >= -this.canvasWidth / 2 - u && g.x - f / 2 <= this.canvasWidth / 2 + u && g.y + d / 2 >= -this.canvasHeight / 2 - u && g.y - d / 2 <= this.canvasHeight / 2 + u, y = this.wasInView.has(s.id);
+              const g = this.getGlobalTransform(s.id), h = (((r = s.geometry) == null ? void 0 : r.width) || 100) * (g.scale_x || 1), d = (((l = s.geometry) == null ? void 0 : l.height) || 100) * (g.scale_y || 1), u = 50, m = g.x + h / 2 >= -this.canvasWidth / 2 - u && g.x - h / 2 <= this.canvasWidth / 2 + u && g.y + d / 2 >= -this.canvasHeight / 2 - u && g.y - d / 2 <= this.canvasHeight / 2 + u, y = this.wasInView.has(s.id);
               m && !y && (!e.conditions || this.checkConditions(e.conditions)) && this.fireEventForObject(s.id, "Scroll Into View"), m ? this.wasInView.add(s.id) : this.wasInView.delete(s.id);
             }
           }
           if (a === "scroll progress" || a === "scrollprogress") {
-            const c = Math.abs(this.scrollOffset.y) / (((h = this.artboard) == null ? void 0 : h.height) || 1e3), g = this.scrollProgressLastValue.get(e.id) || 0;
+            const c = Math.abs(this.scrollOffset.y) / (((f = this.artboard) == null ? void 0 : f.height) || 1e3), g = this.scrollProgressLastValue.get(e.id) || 0;
             Math.abs(c - g) > 1e-3 && (this.scrollProgressLastValue.set(e.id, c), (e.action === "Set Input" || e.action === "setInput") && this.updateInput(e.targetInputId, c));
           }
         });
@@ -1762,27 +1799,27 @@ class li {
       if (!o) return;
       const e = this.getGlobalTransform(s.id);
       if (s.constraints.forEach((i, n) => {
-        var h, c, g, f, d, u, m, y, v;
-        const a = ((h = o.constraints) == null ? void 0 : h[n]) || {}, r = { ...i, ...a }, l = r.strength ?? 1;
+        var f, c, g, h, d, u, m, y, v;
+        const a = ((f = o.constraints) == null ? void 0 : f[n]) || {}, r = { ...i, ...a }, l = r.strength ?? 1;
         if (r.type === "Translation") {
           const b = this.getGlobalTransform(r.targetId);
           if (b) {
-            const C = r.offsetX || 0, S = r.offsetY || 0, I = b.x + C, w = b.y + S, k = r.useSpring;
-            if (k) {
-              const T = this.objectVelocities.get(s.id) || { vx: 0, vy: 0 }, { x: W, y: M, vx: _, vy: L } = this.computeSpring(e.x, e.y, T.vx, T.vy, I, w, r, t);
-              r.copyX && (e.x = e.x + (W - e.x) * l), r.copyY && (e.y = e.y + (M - e.y) * l), this.objectVelocities.set(s.id, { vx: _, vy: L });
+            const C = r.offsetX || 0, S = r.offsetY || 0, I = b.x + C, w = b.y + S, M = r.useSpring;
+            if (M) {
+              const T = this.objectVelocities.get(s.id) || { vx: 0, vy: 0 }, { x: W, y: k, vx: _, vy: L } = this.computeSpring(e.x, e.y, T.vx, T.vy, I, w, r, t);
+              r.copyX && (e.x = e.x + (W - e.x) * l), r.copyY && (e.y = e.y + (k - e.y) * l), this.objectVelocities.set(s.id, { vx: _, vy: L });
             } else
               r.copyX && (e.x = e.x + (I - e.x) * l), r.copyY && (e.y = e.y + (w - e.y) * l);
-            let E = !1;
+            let P = !1;
             if ((c = r.limitX) != null && c.enabled) {
               const T = e.x;
-              e.x = Math.max(r.limitX.min, Math.min(r.limitX.max, e.x)), e.x !== T && (E = !0);
+              e.x = Math.max(r.limitX.min, Math.min(r.limitX.max, e.x)), e.x !== T && (P = !0);
             }
             if ((g = r.limitY) != null && g.enabled) {
               const T = e.y;
-              e.y = Math.max(r.limitY.min, Math.min(r.limitY.max, e.y)), e.y !== T && (E = !0);
+              e.y = Math.max(r.limitY.min, Math.min(r.limitY.max, e.y)), e.y !== T && (P = !0);
             }
-            E && k && this.objectVelocities.set(s.id, { vx: 0, vy: 0 });
+            P && M && this.objectVelocities.set(s.id, { vx: 0, vy: 0 });
           }
         } else if (r.type === "Rotation") {
           const b = this.getGlobalTransform(r.targetId);
@@ -1801,10 +1838,10 @@ class li {
             C > 180 && (C -= 360), C < -180 && (C += 360), e.rotation = e.rotation + C * l, e.scale_x = e.scale_x + (b.scale_x - e.scale_x) * l, e.scale_y = e.scale_y + (b.scale_y - e.scale_y) * l;
           }
         } else if (r.type === "FollowPointer") {
-          const b = ((f = this._lastPointerPos) == null ? void 0 : f.x) ?? e.x, C = ((d = this._lastPointerPos) == null ? void 0 : d.y) ?? e.y, S = r.useSpring;
+          const b = ((h = this._lastPointerPos) == null ? void 0 : h.x) ?? e.x, C = ((d = this._lastPointerPos) == null ? void 0 : d.y) ?? e.y, S = r.useSpring;
           if (S) {
-            const w = this.objectVelocities.get(s.id) || { vx: 0, vy: 0 }, { x: k, y: E, vx: T, vy: W } = this.computeSpring(e.x, e.y, w.vx, w.vy, b, C, r, t);
-            e.x = k, e.y = E, this.objectVelocities.set(s.id, { vx: T, vy: W });
+            const w = this.objectVelocities.get(s.id) || { vx: 0, vy: 0 }, { x: M, y: P, vx: T, vy: W } = this.computeSpring(e.x, e.y, w.vx, w.vy, b, C, r, t);
+            e.x = M, e.y = P, this.objectVelocities.set(s.id, { vx: T, vy: W });
           } else
             e.x = e.x + (b - e.x) * l, e.y = e.y + (C - e.y) * l;
           let I = !1;
@@ -1821,24 +1858,24 @@ class li {
           const b = this.getGlobalTransform(r.targetId);
           if (b) {
             const C = e.x - b.x, S = e.y - b.y, I = Math.sqrt(C * C + S * S), w = r.distance || 0;
-            let k = I;
+            let M = I;
             switch (r.mode) {
               case "exact":
-                k = w;
+                M = w;
                 break;
               case "minimum":
-                k = Math.max(w, I);
+                M = Math.max(w, I);
                 break;
               case "maximum":
-                k = Math.min(w, I);
+                M = Math.min(w, I);
                 break;
               case "clamped":
-                k = Math.max(0, Math.min(w, I));
+                M = Math.max(0, Math.min(w, I));
                 break;
             }
             if (I > 0) {
-              const E = e.x === b.x && e.y === b.y ? 1 : k / I;
-              e.x = e.x + (b.x + C * E - e.x) * l, e.y = e.y + (b.y + S * E - e.y) * l;
+              const P = e.x === b.x && e.y === b.y ? 1 : M / I;
+              e.x = e.x + (b.x + C * P - e.x) * l, e.y = e.y + (b.y + S * P - e.y) * l;
             }
           }
         } else if (r.type === "FollowPath") {
@@ -1854,14 +1891,14 @@ class li {
                 F && (S = F.geometry);
               }
               if (!S) return;
-              const I = (r.distance || 0) / 100, w = C.width || S.width || 0, k = C.height || S.height || 0, E = this.getPointOnPath(S, w, k, I), T = C.rotation * Math.PI / 180, W = Math.cos(T), M = Math.sin(T), _ = E.x * C.scale_x * W - E.y * C.scale_y * M, L = E.x * C.scale_x * M + E.y * C.scale_y * W;
+              const I = (r.distance || 0) / 100, w = C.width || S.width || 0, M = C.height || S.height || 0, P = this.getPointOnPath(S, w, M, I), T = C.rotation * Math.PI / 180, W = Math.cos(T), k = Math.sin(T), _ = P.x * C.scale_x * W - P.y * C.scale_y * k, L = P.x * C.scale_x * k + P.y * C.scale_y * W;
               let x = C.rotation + (r.offsetRotation || 0);
               if (r.orient) {
-                const F = Math.cos(E.angle), q = Math.sin(E.angle), Q = F * C.scale_x * W - q * C.scale_y * M, it = F * C.scale_x * M + q * C.scale_y * W;
+                const F = Math.cos(P.angle), q = Math.sin(P.angle), Q = F * C.scale_x * W - q * C.scale_y * k, it = F * C.scale_x * k + q * C.scale_y * W;
                 x = Math.atan2(it, Q) * 180 / Math.PI + (r.offsetRotation || 0);
               }
-              const R = x * Math.PI / 180, $ = Math.cos(R), O = Math.sin(R), V = (r.offsetX || 0) * $ - (r.offsetY || 0) * O, H = (r.offsetX || 0) * O + (r.offsetY || 0) * $, et = C.x + _ + V, P = C.y + L + H;
-              if (e.x = e.x + (et - e.x) * l, e.y = e.y + (P - e.y) * l, r.orient) {
+              const A = x * Math.PI / 180, $ = Math.cos(A), O = Math.sin(A), V = (r.offsetX || 0) * $ - (r.offsetY || 0) * O, H = (r.offsetX || 0) * O + (r.offsetY || 0) * $, et = C.x + _ + V, E = C.y + L + H;
+              if (e.x = e.x + (et - e.x) * l, e.y = e.y + (E - e.y) * l, r.orient) {
                 let F = (x - e.rotation) % 360;
                 F > 180 && (F -= 360), F < -180 && (F += 360), e.rotation = e.rotation + F * l;
               }
@@ -1878,10 +1915,10 @@ class li {
     });
   }
   getGlobalTransform(t) {
-    var h;
+    var f;
     const s = this.objectStates.get(t);
     if (!s) return { x: 0, y: 0, rotation: 0, scale_x: 1, scale_y: 1 };
-    const o = (h = this.artboard) == null ? void 0 : h.objects.find((c) => c.id === t);
+    const o = (f = this.artboard) == null ? void 0 : f.objects.find((c) => c.id === t);
     if (!o || !o.parentId)
       return {
         x: s.x,
@@ -1901,7 +1938,7 @@ class li {
   }
   globalToLocal(t, s) {
     if (!t) return s;
-    const o = this.getGlobalTransform(t), e = o.scale_x === 0 ? 0 : 1 / o.scale_x, i = o.scale_y === 0 ? 0 : 1 / o.scale_y, n = -o.rotation * Math.PI / 180, a = Math.cos(n), r = Math.sin(n), l = s.x - o.x, h = s.y - o.y, c = (l * a - h * r) * e, g = (l * r + h * a) * i;
+    const o = this.getGlobalTransform(t), e = o.scale_x === 0 ? 0 : 1 / o.scale_x, i = o.scale_y === 0 ? 0 : 1 / o.scale_y, n = -o.rotation * Math.PI / 180, a = Math.cos(n), r = Math.sin(n), l = s.x - o.x, f = s.y - o.y, c = (l * a - f * r) * e, g = (l * r + f * a) * i;
     return {
       x: c,
       y: g,
@@ -1914,7 +1951,7 @@ class li {
     var l;
     const i = [];
     let n = t.id;
-    for (let h = 0; h < o && n; h++) {
+    for (let f = 0; f < o && n; f++) {
       const c = (l = this.artboard) == null ? void 0 : l.objects.find((g) => g.id === n);
       if (!c) break;
       i.push({
@@ -1925,22 +1962,22 @@ class li {
     }
     if (i.length < 2) return;
     const a = i.reverse(), r = 5;
-    for (let h = 0; h < r; h++) {
+    for (let f = 0; f < r; f++) {
       const c = this.getGlobalTransform(t.id);
       for (let g = a.length - 2; g >= 0; g--) {
-        const f = a[g], d = this.getGlobalTransform(f.id), u = c.x - d.x, m = c.y - d.y, y = s.x - d.x, v = s.y - d.y, b = Math.sqrt(u * u + m * m), C = Math.sqrt(y * y + v * v);
+        const h = a[g], d = this.getGlobalTransform(h.id), u = c.x - d.x, m = c.y - d.y, y = s.x - d.x, v = s.y - d.y, b = Math.sqrt(u * u + m * m), C = Math.sqrt(y * y + v * v);
         if (b > 1e-3 && C > 1e-3) {
           const S = Math.atan2(m, u);
           let w = (Math.atan2(v, y) - S) * 180 / Math.PI;
           w *= e;
-          const k = this.objectStates.get(f.id);
-          k && (k.rotation += w);
+          const M = this.objectStates.get(h.id);
+          M && (M.rotation += w);
         }
       }
     }
   }
   computeSpring(t, s, o, e, i, n, a, r) {
-    const l = a.stiffness ?? 100, h = a.damping ?? 10, c = a.mass ?? 1, g = -l * (t - i), f = -l * (s - n), d = -h * o, u = -h * e, m = (g + d) / c, y = (f + u) / c, v = o + m * r, b = e + y * r, C = t + v * r, S = s + b * r;
+    const l = a.stiffness ?? 100, f = a.damping ?? 10, c = a.mass ?? 1, g = -l * (t - i), h = -l * (s - n), d = -f * o, u = -f * e, m = (g + d) / c, y = (h + u) / c, v = o + m * r, b = e + y * r, C = t + v * r, S = s + b * r;
     return { x: C, y: S, vx: v, vy: b };
   }
   handlePointerInput(t, s, o, e, i) {
@@ -1964,22 +2001,22 @@ class li {
     this._totalScroll.x += t, this._totalScroll.y += s, this.scrollOffset = { x: this._totalScroll.x, y: this._totalScroll.y }, this.updateInput("scrollX", this._totalScroll.x), this.updateInput("scrollY", this._totalScroll.y);
   }
   handlePointerEvent(t, s, o) {
-    var r, l, h, c, g;
+    var r, l, f, c, g;
     if (!this.artboard) return;
     t === "down" ? (this.isMouseDown = !0, this.updateInput("isMouseDown", !0)) : (t === "up" || t === "blur") && (this.isMouseDown = !1, this.updateInput("isMouseDown", !1));
     let e = null;
-    const i = (f, d) => {
+    const i = (h, d) => {
       var C;
       let u = d;
       d === "click" ? u = "onClick" : d === "down" ? u = "onPointerDown" : d === "up" ? u = "onPointerUp" : d === "blur" && (u = "onPointerLeave");
       const m = /* @__PURE__ */ new Set([u]);
       d === "move" && m.add("onPointerEnter").add("hover").add("onPointerLeave").add("blur"), u === "onClick" && m.add("click"), u === "onPointerDown" && m.add("pointerDown"), u === "onPointerUp" && m.add("pointerUp");
       const y = ["button", "toggle", "toggle_button", "dropdown", "listview", "inputbox", "slider", "checkbox", "radiogroup"];
-      return !!(f.type === "Component" && y.includes(f.variant) || y.includes((C = f.type) == null ? void 0 : C.toLowerCase()) || (f.interactions || []).some((S) => m.has(S.event)) || (f.triggers || []).some((S) => m.has(S.eventType)));
+      return !!(h.type === "Component" && y.includes(h.variant) || y.includes((C = h.type) == null ? void 0 : C.toLowerCase()) || (h.interactions || []).some((S) => m.has(S.event)) || (h.triggers || []).some((S) => m.has(S.eventType)));
     };
     let n = null;
-    for (let f = this.artboard.objects.length - 1; f >= 0; f--) {
-      const d = this.artboard.objects[f], u = this.objectStates.get(d.id);
+    for (let h = this.artboard.objects.length - 1; h >= 0; h--) {
+      const d = this.artboard.objects[h], u = this.objectStates.get(d.id);
       if (u && u.visible !== !1 && u.opacity > 0 && this.hitTest(d, s, o) && (n || (n = d), i(d, t))) {
         e = d;
         break;
@@ -1989,34 +2026,34 @@ class li {
     const a = (e == null ? void 0 : e.id) || null;
     if (t === "move") {
       if (this.draggingSliderId) {
-        const f = this.artboard.objects.find((d) => d.id === this.draggingSliderId);
-        f && this.updateSliderValueFromPointer(f, s, o);
+        const h = this.artboard.objects.find((d) => d.id === this.draggingSliderId);
+        h && this.updateSliderValueFromPointer(h, s, o);
         return;
       }
       if (this.draggingListViewId) {
-        const f = this.artboard.objects.find((d) => d.id === this.draggingListViewId);
-        f && this.updateListViewScrollFromPointer(f);
+        const h = this.artboard.objects.find((d) => d.id === this.draggingListViewId);
+        h && this.updateListViewScrollFromPointer(h);
         return;
       }
       e && e.type === "Component" && e.variant === "listview" && this.updateListViewHoverFromPointer(e, s, o), this.isMouseDown && a && this.fireEventForObject(a, "Drag"), a !== this.lastHoveredObjectId && (console.log(`[Engine] HOVER CHANGE: ${this.lastHoveredObjectId} -> ${a}`), this.lastHoveredObjectId && this.fireEventForObject(this.lastHoveredObjectId, "onPointerLeave"), a && this.fireEventForObject(a, "onPointerEnter"), this.lastHoveredObjectId = a);
       return;
     }
-    if ((t === "up" || t === "blur") && (this.draggingSliderId = null, this.draggingListViewId = null, this.draggingBehaviors.clear(), this.pointerDownTimes.delete(a), this.activeObjectId = null), t === "down" && (this.pointerDownTimes.set(a, this.currentTime), this.activeObjectId = a, e && ((r = e.behaviors) != null && r.some((f) => f.type === Y.Draggable)) && this.draggingBehaviors.add(a)), t === "move" ? (a && !this.activeHoverIds.has(a) && this.activeHoverIds.add(a), this.activeHoverIds.forEach((f) => {
-      f !== a && this.activeHoverIds.delete(f);
+    if ((t === "up" || t === "blur") && (this.draggingSliderId = null, this.draggingListViewId = null, this.draggingBehaviors.clear(), this.pointerDownTimes.delete(a), this.activeObjectId = null), t === "down" && (this.pointerDownTimes.set(a, this.currentTime), this.activeObjectId = a, e && ((r = e.behaviors) != null && r.some((h) => h.type === Y.Draggable)) && this.draggingBehaviors.add(a)), t === "move" ? (a && !this.activeHoverIds.has(a) && this.activeHoverIds.add(a), this.activeHoverIds.forEach((h) => {
+      h !== a && this.activeHoverIds.delete(h);
     })) : t === "blur" && this.activeHoverIds.clear(), this.activeDropdownId && t === "down") {
-      const f = this.artboard.objects.find((d) => d.id === this.activeDropdownId);
-      if (f && (f.type === "Dropdown" || f.variant === "dropdown")) {
-        const d = this.objectStates.get(f.id), u = (d == null ? void 0 : d.options) || f.options || {}, m = f.geometry || {}, y = m.width ?? f.width ?? 200, v = m.height ?? f.height ?? 40, b = u.optionsList || [], C = u.itemHeight || 32, S = u.listPadding ?? 4, I = b.length * C + S * 2, w = this.getWorldTransform(f.id), k = y * Math.abs(w.scaleX), E = v * Math.abs(w.scaleY), T = w.y + E / 2 + 4, W = Math.abs(s - w.x) <= k / 2, M = o >= T && o <= T + I * Math.abs(w.scaleY);
-        if (W && M) {
+      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), u = (d == null ? void 0 : d.options) || h.options || {}, m = h.geometry || {}, y = m.width ?? h.width ?? 200, v = m.height ?? h.height ?? 40, b = u.optionsList || [], C = u.itemHeight || 32, S = u.listPadding ?? 4, I = b.length * C + S * 2, w = this.getWorldTransform(h.id), M = y * Math.abs(w.scaleX), P = v * Math.abs(w.scaleY), T = w.y + P / 2 + 4, W = Math.abs(s - w.x) <= M / 2, k = o >= T && o <= T + I * Math.abs(w.scaleY);
+        if (W && k) {
           const _ = Math.abs(w.scaleY), L = o - (T + S * _), x = Math.floor(L / (C * _));
           if (x >= 0 && x < b.length) {
-            const R = b[x];
-            u.selectedOption = R, u.isOpen = !1, this.activeDropdownId = null, f.inputId && this.setInternalInput(f.inputId, R), this.onComponentChange && this.onComponentChange({
-              objectId: f.id,
-              componentName: f.name,
+            const A = b[x];
+            u.selectedOption = A, u.isOpen = !1, this.activeDropdownId = null, h.inputId && this.setInternalInput(h.inputId, A), this.onComponentChange && this.onComponentChange({
+              objectId: h.id,
+              componentName: h.name,
               variant: "dropdown",
               property: "selectedOption",
-              value: R
+              value: A
             });
           }
           return;
@@ -2024,119 +2061,119 @@ class li {
       }
     }
     if (e) {
-      let f = e, d = e;
+      let h = e, d = e;
       for (; d && d.parentId; ) {
         const m = this.artboard.objects.find((y) => y.id === d.parentId);
         if (m && m.type === "Component") {
-          f = m;
+          h = m;
           break;
         }
         d = m;
       }
       let u = t;
-      if (t === "click" ? u = "onClick" : t === "down" ? u = "onPointerDown" : t === "up" ? u = "onPointerUp" : t === "blur" && (u = "onPointerLeave"), this.fireEventForObject(e.id, u), f !== e && this.fireEventForObject(f.id, u), f.type === "Component" && f.variant === "toggle_button" && t === "down") {
-        const m = this.objectStates.get(f.id), y = (m == null ? void 0 : m.options) || f.options || {};
-        y.checked = !y.checked, f.inputId && this.setInternalInput(f.inputId, y.checked), this.onComponentChange && this.onComponentChange({
-          objectId: f.id,
-          componentName: f.name,
+      if (t === "click" ? u = "onClick" : t === "down" ? u = "onPointerDown" : t === "up" ? u = "onPointerUp" : t === "blur" && (u = "onPointerLeave"), this.fireEventForObject(e.id, u), h !== e && this.fireEventForObject(h.id, u), h.type === "Component" && h.variant === "toggle_button" && t === "down") {
+        const m = this.objectStates.get(h.id), y = (m == null ? void 0 : m.options) || h.options || {};
+        y.checked = !y.checked, h.inputId && this.setInternalInput(h.inputId, y.checked), this.onComponentChange && this.onComponentChange({
+          objectId: h.id,
+          componentName: h.name,
           variant: "toggle_button",
           property: "checked",
           value: y.checked
-        }), this.fireEventForObject(f.id, "Toggle"), this.fireEventForObject(f.id, y.checked ? "Toggle True" : "Toggle False");
+        }), this.fireEventForObject(h.id, "Toggle"), this.fireEventForObject(h.id, y.checked ? "Toggle True" : "Toggle False");
       }
-      if (f.type === "Component" && f.variant === "toggle" && t === "down") {
-        const m = this.objectStates.get(f.id), y = (m == null ? void 0 : m.options) || f.options || {};
-        y.checked = !y.checked, f.inputId && this.setInternalInput(f.inputId, y.checked), this.onComponentChange && this.onComponentChange({
-          objectId: f.id,
-          componentName: f.name,
+      if (h.type === "Component" && h.variant === "toggle" && t === "down") {
+        const m = this.objectStates.get(h.id), y = (m == null ? void 0 : m.options) || h.options || {};
+        y.checked = !y.checked, h.inputId && this.setInternalInput(h.inputId, y.checked), this.onComponentChange && this.onComponentChange({
+          objectId: h.id,
+          componentName: h.name,
           variant: "toggle",
           property: "checked",
           value: y.checked
-        }), this.onToggle && this.onToggle(f.name, y.checked), this.fireEventForObject(f.id, "Toggle"), this.fireEventForObject(f.id, y.checked ? "Toggle True" : "Toggle False");
+        }), this.onToggle && this.onToggle(h.name, y.checked), this.fireEventForObject(h.id, "Toggle"), this.fireEventForObject(h.id, y.checked ? "Toggle True" : "Toggle False");
       }
-      if (f.type === "Component" && f.variant === "dropdown" && t === "down") {
-        const m = this.objectStates.get(f.id), y = (m == null ? void 0 : m.options) || f.options || {}, v = !y.isOpen;
-        if (v && this.activeDropdownId && this.activeDropdownId !== f.id) {
+      if (h.type === "Component" && h.variant === "dropdown" && t === "down") {
+        const m = this.objectStates.get(h.id), y = (m == null ? void 0 : m.options) || h.options || {}, v = !y.isOpen;
+        if (v && this.activeDropdownId && this.activeDropdownId !== h.id) {
           const b = this.artboard.objects.find((C) => C.id === this.activeDropdownId);
           b && b.options && (b.options.isOpen = !1);
         }
-        y.isOpen = v, this.activeDropdownId = v ? f.id : null;
+        y.isOpen = v, this.activeDropdownId = v ? h.id : null;
       }
-      if (f.type === "Component" && f.variant === "button" && t === "down" && (this.onButtonClick && this.onButtonClick(f.name, f.id), this.onComponentChange && this.onComponentChange({
-        objectId: f.id,
-        componentName: f.name,
+      if (h.type === "Component" && h.variant === "button" && t === "down" && (this.onButtonClick && this.onButtonClick(h.name, h.id), this.onComponentChange && this.onComponentChange({
+        objectId: h.id,
+        componentName: h.name,
         variant: "button",
         property: "click",
         value: !0
-      })), f.type === "Component" && f.variant === "listview" && t === "down") {
-        this.draggingListViewId = f.id;
-        const m = this.getListViewItemIndexAtPointer(f, s, o);
+      })), h.type === "Component" && h.variant === "listview" && t === "down") {
+        this.draggingListViewId = h.id;
+        const m = this.getListViewItemIndexAtPointer(h, s, o);
         if (m !== null) {
-          const y = f.options || {};
+          const y = h.options || {};
           y.activeItemIndex = m;
-          const v = this.objectStates.get(f.id);
+          const v = this.objectStates.get(h.id);
           v && v.options && (v.options.activeItemIndex = m);
           const b = (y.items || [])[m], C = typeof b == "string" ? b : b.label || b.value || m;
-          v && v.options && (v.options.selectedValue = C), f.inputId && this.setInternalInput(f.inputId, C), this.onComponentChange && (this.onComponentChange({
-            objectId: f.id,
-            componentName: f.name,
+          v && v.options && (v.options.selectedValue = C), h.inputId && this.setInternalInput(h.inputId, C), this.onComponentChange && (this.onComponentChange({
+            objectId: h.id,
+            componentName: h.name,
             variant: "listview",
             property: "activeItemIndex",
             value: m
           }), this.onComponentChange({
-            objectId: f.id,
-            componentName: f.name,
+            objectId: h.id,
+            componentName: h.name,
             variant: "listview",
             property: "selected",
             value: C
           }));
         }
       }
-      if (f.type === "Component" && f.variant === "slider" && t === "down" && (this.draggingSliderId = f.id, this.updateSliderValueFromPointer(f, s, o)), f.type === "Component" && f.variant === "checkbox" && t === "down") {
-        const m = this.objectStates.get(f.id), y = (m == null ? void 0 : m.options) || f.options || {};
-        y.checked = !y.checked, f.inputId && this.setInternalInput(f.inputId, y.checked), this.onComponentChange && this.onComponentChange({
-          objectId: f.id,
-          componentName: f.name,
+      if (h.type === "Component" && h.variant === "slider" && t === "down" && (this.draggingSliderId = h.id, this.updateSliderValueFromPointer(h, s, o)), h.type === "Component" && h.variant === "checkbox" && t === "down") {
+        const m = this.objectStates.get(h.id), y = (m == null ? void 0 : m.options) || h.options || {};
+        y.checked = !y.checked, h.inputId && this.setInternalInput(h.inputId, y.checked), this.onComponentChange && this.onComponentChange({
+          objectId: h.id,
+          componentName: h.name,
           variant: "checkbox",
           property: "checked",
           value: y.checked
-        }), this.fireEventForObject(f.id, "Click"), this.fireEventForObject(f.id, y.checked ? "Checked" : "Unchecked");
+        }), this.fireEventForObject(h.id, "Click"), this.fireEventForObject(h.id, y.checked ? "Checked" : "Unchecked");
       }
-      if (f.type === "Component" && f.variant === "radiogroup" && t === "down") {
-        const m = this.objectStates.get(f.id), y = (m == null ? void 0 : m.options) || f.options || {}, v = y.optionsList || [], b = this.getRadioGroupItemIndexAtPointer(f, s, o);
+      if (h.type === "Component" && h.variant === "radiogroup" && t === "down") {
+        const m = this.objectStates.get(h.id), y = (m == null ? void 0 : m.options) || h.options || {}, v = y.optionsList || [], b = this.getRadioGroupItemIndexAtPointer(h, s, o);
         if (b !== null && b >= 0 && b < v.length) {
           const C = v[b];
-          y.selectedValue = C, f.inputId && this.setInternalInput(f.inputId, C), this.onComponentChange && this.onComponentChange({
-            objectId: f.id,
-            componentName: f.name,
+          y.selectedValue = C, h.inputId && this.setInternalInput(h.inputId, C), this.onComponentChange && this.onComponentChange({
+            objectId: h.id,
+            componentName: h.name,
             variant: "radiogroup",
             property: "selectedValue",
             value: C
-          }), this.fireEventForObject(f.id, "Click"), this.fireEventForObject(f.id, `Selected: ${C}`);
+          }), this.fireEventForObject(h.id, "Click"), this.fireEventForObject(h.id, `Selected: ${C}`);
         }
       }
-      if (f.type === "LineGraph" && (t === "down" || t === "click")) {
-        const m = f.geometry, y = (m == null ? void 0 : m.datasets) || [], v = this.objectStates.get(f.id), b = (v == null ? void 0 : v.width) || (m == null ? void 0 : m.width) || 200, C = (v == null ? void 0 : v.height) || (m == null ? void 0 : m.height) || 150, S = this.getWorldTransform(f.id), I = 30, w = 20, k = b - I, E = C - w;
+      if (h.type === "LineGraph" && (t === "down" || t === "click")) {
+        const m = h.geometry, y = (m == null ? void 0 : m.datasets) || [], v = this.objectStates.get(h.id), b = (v == null ? void 0 : v.width) || (m == null ? void 0 : m.width) || 200, C = (v == null ? void 0 : v.height) || (m == null ? void 0 : m.height) || 150, S = this.getWorldTransform(h.id), I = 30, w = 20, M = b - I, P = C - w;
         let T = 1;
         y.forEach((_) => {
           const L = Math.max(..._.data || [0]);
           L > T && (T = L);
         });
-        let W = 1 / 0, M = null;
+        let W = 1 / 0, k = null;
         y.forEach((_, L) => {
-          const x = _.data || [], R = k / Math.max(x.length - 1, 1);
+          const x = _.data || [], A = M / Math.max(x.length - 1, 1);
           x.forEach(($, O) => {
-            const V = S.x - b / 2 + I + O * R, H = S.y + C / 2 - w - $ / T * E, et = Math.sqrt((s - V) ** 2 + (o - H) ** 2);
-            et < W && (W = et, M = { dIdx: L, pIdx: O, val: $, label: _.label || `Dataset ${L + 1}` });
+            const V = S.x - b / 2 + I + O * A, H = S.y + C / 2 - w - $ / T * P, et = Math.sqrt((s - V) ** 2 + (o - H) ** 2);
+            et < W && (W = et, k = { dIdx: L, pIdx: O, val: $, label: _.label || `Dataset ${L + 1}` });
           });
-        }), M && W < 20 && this.onGraphPointClick && this.onGraphPointClick({ objectId: f.id, componentName: f.name, datasetIndex: M.dIdx, pointIndex: M.pIdx, value: M.val, label: M.label }), this.onComponentChange && this.onComponentChange({ objectId: f.id, componentName: f.name, variant: "linegraph", property: "click", value: (M == null ? void 0 : M.val) ?? null });
+        }), k && W < 20 && this.onGraphPointClick && this.onGraphPointClick({ objectId: h.id, componentName: h.name, datasetIndex: k.dIdx, pointIndex: k.pIdx, value: k.val, label: k.label }), this.onComponentChange && this.onComponentChange({ objectId: h.id, componentName: h.name, variant: "linegraph", property: "click", value: (k == null ? void 0 : k.val) ?? null });
       }
       if (t === "click") {
         const m = (l = this.artboard) == null ? void 0 : l.objects.find((b) => b.id === e.id), y = this.focusedId, v = (m == null ? void 0 : m.type) === "InputBox" || (m == null ? void 0 : m.type) === "Component" && m.variant === "inputbox";
         if (m && v) {
           if (this.focusedId = e.id, console.log(`[Engine] Focus set to: ${e.id}`), y !== this.focusedId) {
             if (y) {
-              const b = (h = this.artboard) == null ? void 0 : h.objects.find((C) => C.id === y);
+              const b = (f = this.artboard) == null ? void 0 : f.objects.find((C) => C.id === y);
               b && this.onInputBlur && this.onInputBlur(b.name);
             }
             this.onInputFocus && this.onInputFocus(m.name);
@@ -2147,9 +2184,9 @@ class li {
         }
       }
     } else if (t === "click") {
-      const f = this.focusedId;
-      if (this.focusedId = null, f) {
-        const d = (g = this.artboard) == null ? void 0 : g.objects.find((u) => u.id === f);
+      const h = this.focusedId;
+      if (this.focusedId = null, h) {
+        const d = (g = this.artboard) == null ? void 0 : g.objects.find((u) => u.id === h);
         d && this.onInputBlur && this.onInputBlur(d.name);
       }
     }
@@ -2185,8 +2222,8 @@ class li {
     }), this.onInputChange && this.onInputChange(s.name, i), this.onInputUpdate && this.onInputUpdate(this.focusedId, i);
   }
   fireEventForObject(t, s) {
-    var h, c, g, f, d;
-    const o = (h = this.artboard) == null ? void 0 : h.objects.find((u) => u.id === t);
+    var f, c, g, h, d;
+    const o = (f = this.artboard) == null ? void 0 : f.objects.find((u) => u.id === t);
     if (!o) return;
     const e = /* @__PURE__ */ new Set([s, s.toLowerCase()]), i = s.toLowerCase();
     i === "onclick" || i === "click" || i === "onpointerdown" || i === "pointerdown" ? this.fireAnalyticsEvent(t, "click") : (i === "onpointerenter" || i === "hover" || i === "move") && this.fireAnalyticsEvent(t, "hover"), i === "onclick" || i === "click" ? (e.add("click"), e.add("onclick")) : i === "onpointerdown" || i === "pointerdown" ? (e.add("pointerdown"), e.add("onpointerdown")) : i === "onpointerup" || i === "pointerup" ? (e.add("pointerup"), e.add("onpointerup")) : i === "onpointerenter" || i === "hover" || i === "move" ? (e.add("hover"), e.add("onpointerenter")) : i === "onpointerleave" || i === "blur" ? (e.add("onpointerleave"), e.add("blur")) : i === "drag" || i === "ondrag" ? (e.add("drag"), e.add("ondrag")) : i === "toggle" || i === "ontoggle" ? (e.add("toggle"), e.add("ontoggle")) : i === "toggle true" || i === "toggle_true" || i === "toggletrue" ? (e.add("toggle true"), e.add("toggle_true"), e.add("toggletrue")) : (i === "toggle false" || i === "toggle_false" || i === "togglefalse") && (e.add("toggle false"), e.add("toggle_false"), e.add("togglefalse"));
@@ -2240,7 +2277,7 @@ class li {
     });
     if (l && l.entryAnimationId) {
       console.log(`[Engine] Trigger matched: ${s} (as ${l.eventType}) -> Animation ${l.entryAnimationId}`);
-      const u = (d = (f = this.artboard) == null ? void 0 : f.animations) == null ? void 0 : d.find((m) => m.id === l.entryAnimationId);
+      const u = (d = (h = this.artboard) == null ? void 0 : h.animations) == null ? void 0 : d.find((m) => m.id === l.entryAnimationId);
       u && (this.activeTriggers.set(o.id, {
         triggerId: l.id,
         animation: u,
@@ -2253,31 +2290,31 @@ class li {
   }
   fireAnalyticsEvent(t, s) {
     var r, l;
-    const o = (r = this.artboard) == null ? void 0 : r.objects.find((h) => h.id === t);
+    const o = (r = this.artboard) == null ? void 0 : r.objects.find((f) => f.id === t);
     if (!o) return;
     const e = (l = o.style) == null ? void 0 : l.analytics;
     if (!e || !e.isEnabled || e.triggerType !== s) return;
     const i = e.eventName || `${o.name.toLowerCase().replace(/\s+/g, "_")}_interacted`, n = {};
-    e.parameters && Array.isArray(e.parameters) && e.parameters.forEach((h) => {
-      if (h.type === "literal")
-        n[h.key] = h.value;
-      else if (h.type === "variable") {
-        const c = this.inputs.get(h.value);
-        n[h.key] = c !== void 0 ? c : "";
+    e.parameters && Array.isArray(e.parameters) && e.parameters.forEach((f) => {
+      if (f.type === "literal")
+        n[f.key] = f.value;
+      else if (f.type === "variable") {
+        const c = this.inputs.get(f.value);
+        n[f.key] = c !== void 0 ? c : "";
       }
     }), console.log(`[ExodeUI Analytics] Dispatching event "${i}" via ${s} trigger:`, n);
     const a = e.platforms || { ga4: !0, meta: !0, mixpanel: !1 };
     if (a.ga4) {
-      const h = window;
-      typeof h.gtag == "function" ? (h.gtag("event", i, n), console.log(`[ExodeUI Analytics] GA4: Event "${i}" sent successfully.`)) : console.warn(`[ExodeUI Analytics] GA4: window.gtag is not a function. Event "${i}" skipped.`);
+      const f = window;
+      typeof f.gtag == "function" ? (f.gtag("event", i, n), console.log(`[ExodeUI Analytics] GA4: Event "${i}" sent successfully.`)) : console.warn(`[ExodeUI Analytics] GA4: window.gtag is not a function. Event "${i}" skipped.`);
     }
     if (a.meta) {
-      const h = window;
-      typeof h.fbq == "function" ? (h.fbq("track", i, n), console.log(`[ExodeUI Analytics] Meta Pixel: Event "${i}" sent successfully.`)) : console.warn(`[ExodeUI Analytics] Meta Pixel: window.fbq is not a function. Event "${i}" skipped.`);
+      const f = window;
+      typeof f.fbq == "function" ? (f.fbq("track", i, n), console.log(`[ExodeUI Analytics] Meta Pixel: Event "${i}" sent successfully.`)) : console.warn(`[ExodeUI Analytics] Meta Pixel: window.fbq is not a function. Event "${i}" skipped.`);
     }
     if (a.mixpanel) {
-      const h = window;
-      h.mixpanel && typeof h.mixpanel.track == "function" ? (h.mixpanel.track(i, n), console.log(`[ExodeUI Analytics] Mixpanel: Event "${i}" sent successfully.`)) : console.warn(`[ExodeUI Analytics] Mixpanel: window.mixpanel.track is not a function. Event "${i}" skipped.`);
+      const f = window;
+      f.mixpanel && typeof f.mixpanel.track == "function" ? (f.mixpanel.track(i, n), console.log(`[ExodeUI Analytics] Mixpanel: Event "${i}" sent successfully.`)) : console.warn(`[ExodeUI Analytics] Mixpanel: window.mixpanel.track is not a function. Event "${i}" skipped.`);
     }
   }
   initGlobalAnimationTriggers() {
@@ -2318,7 +2355,7 @@ class li {
     var g;
     const s = this.objectStates.get(t);
     if (!s) return { x: 0, y: 0, scaleX: 1, scaleY: 1, rotation: 0 };
-    const o = (g = this.artboard) == null ? void 0 : g.objects.find((f) => f.id === t);
+    const o = (g = this.artboard) == null ? void 0 : g.objects.find((h) => h.id === t);
     if (!o || !o.parentId)
       return {
         x: s.x,
@@ -2327,9 +2364,9 @@ class li {
         scaleY: s.scale_y ?? 1,
         rotation: s.rotation ?? 0
       };
-    const e = this.getWorldTransform(o.parentId), i = e.rotation * (Math.PI / 180), n = Math.cos(i), a = Math.sin(i), r = s.x * e.scaleX, l = s.y * e.scaleY, h = e.x + (r * n - l * a), c = e.y + (r * a + l * n);
+    const e = this.getWorldTransform(o.parentId), i = e.rotation * (Math.PI / 180), n = Math.cos(i), a = Math.sin(i), r = s.x * e.scaleX, l = s.y * e.scaleY, f = e.x + (r * n - l * a), c = e.y + (r * a + l * n);
     return {
-      x: h,
+      x: f,
       y: c,
       scaleX: (s.scale_x ?? 1) * e.scaleX,
       scaleY: (s.scale_y ?? 1) * e.scaleY,
@@ -2339,15 +2376,15 @@ class li {
   hitTest(t, s, o) {
     var b, C;
     if (!this.objectStates.get(t.id)) return !1;
-    const i = ((b = t.geometry) == null ? void 0 : b.width) ?? t.width ?? 100, n = ((C = t.geometry) == null ? void 0 : C.height) ?? t.height ?? 100, a = this.getWorldTransform(t.id), r = s - a.x, l = o - a.y, h = -a.rotation * (Math.PI / 180), c = Math.cos(h), g = Math.sin(h), f = r * c - l * g, d = r * g + l * c, u = a.scaleX, m = a.scaleY, y = i * Math.abs(u), v = n * Math.abs(m);
-    return Math.abs(f) <= y / 2 && Math.abs(d) <= v / 2;
+    const i = ((b = t.geometry) == null ? void 0 : b.width) ?? t.width ?? 100, n = ((C = t.geometry) == null ? void 0 : C.height) ?? t.height ?? 100, a = this.getWorldTransform(t.id), r = s - a.x, l = o - a.y, f = -a.rotation * (Math.PI / 180), c = Math.cos(f), g = Math.sin(f), h = r * c - l * g, d = r * g + l * c, u = a.scaleX, m = a.scaleY, y = i * Math.abs(u), v = n * Math.abs(m);
+    return Math.abs(h) <= y / 2 && Math.abs(d) <= v / 2;
   }
   updateSliderValueFromPointer(t, s, o) {
     var w;
     const e = this.objectStates.get(t.id);
     if (!e) return;
-    const i = t.options || {}, n = ((w = t.geometry) == null ? void 0 : w.width) ?? t.width ?? 200, a = this.getWorldTransform(t.id), r = s - a.x, l = o - a.y, h = -a.rotation * (Math.PI / 180), c = Math.cos(h), g = Math.sin(h), f = r * c - l * g, d = i.thumbWidth ?? 16, u = n - d;
-    let y = (f + u / 2) / u;
+    const i = t.options || {}, n = ((w = t.geometry) == null ? void 0 : w.width) ?? t.width ?? 200, a = this.getWorldTransform(t.id), r = s - a.x, l = o - a.y, f = -a.rotation * (Math.PI / 180), c = Math.cos(f), g = Math.sin(f), h = r * c - l * g, d = i.thumbWidth ?? 16, u = n - d;
+    let y = (h + u / 2) / u;
     y = Math.max(0, Math.min(1, y));
     const v = i.min ?? 0, b = i.max ?? 100, C = i.step || 1;
     let S = v + y * (b - v);
@@ -2363,7 +2400,7 @@ class li {
   }
   applyAnimation(t, s, o) {
     !t || !t.tracks || t.tracks.forEach((e) => {
-      var c, g, f;
+      var c, g, h;
       const i = e.object_id || e.objectId;
       if (o) {
         if (Array.isArray(o)) {
@@ -2380,10 +2417,10 @@ class li {
         this.frameCount % 600 === 0 && this.debugLog(`Skipping track: Object ${i} not found in state`);
         return;
       }
-      const h = this.interpolate(e.keyframes, s);
-      if (h !== void 0) {
+      const f = this.interpolate(e.keyframes, s);
+      if (f !== void 0) {
         if (this.frameCount % 240 === 0) {
-          const d = (n == null ? void 0 : n.name) || i, u = typeof h == "object" ? JSON.stringify(h).slice(0, 50) : h;
+          const d = (n == null ? void 0 : n.name) || i, u = typeof f == "object" ? JSON.stringify(f).slice(0, 50) : f;
           this.debugLog(`[Anim] Applying ${r} = ${u} to ${d}`);
         }
         if (r.includes(".")) {
@@ -2402,17 +2439,17 @@ class li {
             }
             u = u[d[m]];
           }
-          u[d[d.length - 1]] = h, d[d.length - 1] === "color" && (d[d.length - 2] === "fill" || d[d.length - 2] === "stroke") && (u.type = "Solid");
+          u[d[d.length - 1]] = f, d[d.length - 1] === "color" && (d[d.length - 2] === "fill" || d[d.length - 2] === "stroke") && (u.type = "Solid");
         } else
-          r === "fill" ? (l.style || (l.style = {}), l.style.fill = h) : r === "stroke" ? (l.style || (l.style = {}), l.style.stroke = h) : l[r] = h;
-        if (this.physicsEngine && ((f = n == null ? void 0 : n.physics) != null && f.enabled) && n.physics.bodyType === "Static")
+          r === "fill" ? (l.style || (l.style = {}), l.style.fill = f) : r === "stroke" ? (l.style || (l.style = {}), l.style.stroke = f) : l[r] = f;
+        if (this.physicsEngine && ((h = n == null ? void 0 : n.physics) != null && h.enabled) && n.physics.bodyType === "Static")
           if (r === "x") {
             const d = this.physicsEngine.getPosition(i);
-            d && this.physicsEngine.setPosition(i, h, d.y);
+            d && this.physicsEngine.setPosition(i, f, d.y);
           } else if (r === "y") {
             const d = this.physicsEngine.getPosition(i);
-            d && this.physicsEngine.setPosition(i, d.x, h);
-          } else r === "rotation" && this.physicsEngine.setRotation(i, h * (Math.PI / 180));
+            d && this.physicsEngine.setPosition(i, d.x, f);
+          } else r === "rotation" && this.physicsEngine.setRotation(i, f * (Math.PI / 180));
       }
     });
   }
@@ -2446,8 +2483,8 @@ class li {
         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 h = o.value[l], c = e.value[l];
-        typeof h == "number" && typeof c == "number" ? a[l] = h + (c - h) * n : h === void 0 ? a[l] = c : c === void 0 ? a[l] = h : a[l] = n < 0.5 ? h : c;
+        const f = o.value[l], c = e.value[l];
+        typeof f == "number" && typeof c == "number" ? a[l] = f + (c - f) * n : f === void 0 ? a[l] = c : c === void 0 ? a[l] = f : a[l] = n < 0.5 ? f : c;
       }), a;
     }
     return typeof o.value == "number" && typeof e.value == "number" ? o.value + (e.value - o.value) * n : n < 0.5 ? o.value : e.value;
@@ -2466,11 +2503,11 @@ class li {
         g: parseInt(y.substring(2, 4), 16),
         b: parseInt(y.substring(4, 6), 16)
       };
-    }, r = a(i), l = a(n), h = Math.round(r.r + (l.r - r.r) * o), c = Math.round(r.g + (l.g - r.g) * o), g = Math.round(r.b + (l.b - r.b) * o), f = (m) => {
+    }, r = a(i), l = a(n), f = Math.round(r.r + (l.r - r.r) * o), c = Math.round(r.g + (l.g - r.g) * o), g = Math.round(r.b + (l.b - r.b) * o), h = (m) => {
       const y = Math.max(0, Math.min(255, m)).toString(16);
       return y.length === 1 ? "0" + y : y;
     };
-    return `#${f(h)}${f(c)}${f(g)}`;
+    return `#${h(f)}${h(c)}${h(g)}`;
   }
   interpolateStops(t, s, o) {
     return !t || !s || t.length !== s.length ? o < 0.5 ? t : s : t.map((e, i) => {
@@ -2502,8 +2539,8 @@ class li {
     return e.width = (t.width ?? 0) + ((s.width ?? 0) - (t.width ?? 0)) * o, e.opacity = (t.opacity ?? 1) + ((s.opacity ?? 1) - (t.opacity ?? 1)) * o, t.fill && s.fill ? e.fill = this.interpolateFill(t.fill, s.fill, o) : t.color && s.color && t.color.startsWith("#") && s.color.startsWith("#") && (e.color = this.interpolateColor(t.color, s.color, o)), e.trimStart = (t.trimStart ?? 0) + ((s.trimStart ?? 0) - (t.trimStart ?? 0)) * o, e.trimEnd = (t.trimEnd ?? 1) + ((s.trimEnd ?? 1) - (t.trimEnd ?? 1)) * o, e.trimOffset = (t.trimOffset ?? 0) + ((s.trimOffset ?? 0) - (t.trimOffset ?? 0)) * o, e.dashOffset = (t.dashOffset ?? 0) + ((s.dashOffset ?? 0) - (t.dashOffset ?? 0)) * o, e;
   }
   render(t, s, o) {
-    var h;
-    this.debug_objectsTotal = ((h = this.artboard) == null ? void 0 : h.objects.length) || 0, this.debug_objectsRendered = 0;
+    var f;
+    this.debug_objectsTotal = ((f = this.artboard) == null ? void 0 : f.objects.length) || 0, this.debug_objectsRendered = 0;
     const e = performance.now();
     if (this.canvasWidth = s, this.canvasHeight = o, !this.artboard)
       return;
@@ -2521,15 +2558,15 @@ class li {
       let g = this.imageCache.get(c);
       if (g || (g = new Image(), g.src = c, this.imageCache.set(c, g)), g.complete && g.naturalWidth > 0) {
         t.save(), t.globalAlpha = this.normalizeOpacity(this.artboard.backgroundOpacity ?? 100);
-        const f = g.naturalWidth / g.naturalHeight, d = i / n;
+        const h = g.naturalWidth / g.naturalHeight, d = i / n;
         let u, m, y, v;
-        d > f ? (u = i, m = i / f) : (m = n, u = n * f), y = -u / 2, v = -m / 2, t.drawImage(g, y, v, u, m), t.restore();
+        d > h ? (u = i, m = i / h) : (m = n, u = n * h), y = -u / 2, v = -m / 2, t.drawImage(g, y, v, u, m), t.restore();
       }
     }
     t.beginPath(), t.rect(-i / 2, -n / 2, i, n), t.clip();
     const r = /* @__PURE__ */ new Map();
     this.artboard.objects.forEach((c) => r.set(c.id, c)), this.artboard.objects.filter((c) => !c.parentId).map((c, g) => {
-      const f = this.objectStates.get(c.id), d = (f == null ? void 0 : f.zIndex) ?? g;
+      const h = this.objectStates.get(c.id), d = (h == null ? void 0 : h.zIndex) ?? g;
       return { obj: c, zIndex: d };
     }).sort((c, g) => c.zIndex - g.zIndex).forEach(({ obj: c }) => {
       this.renderObject(t, c, r);
@@ -2540,18 +2577,18 @@ class li {
     }), this.lastRenderTime = performance.now() - e, this.debugMode && this.frameCount % 60 === 0 && console.log(`[Engine Debug] Rendered ${this.debug_objectsRendered}/${this.debug_objectsTotal} objects in ${this.lastRenderTime.toFixed(2)}ms`), t.restore();
   }
   isObjectInView(t, s, o, e, i, n = 0) {
-    const a = t.getTransform(), r = s * a.a + o * a.c + a.e, l = s * a.b + o * a.d + a.f, h = Math.sqrt(a.a * a.a + a.b * a.b), c = Math.sqrt(a.c * a.c + a.d * a.d), g = (e / 2 + n) * h, f = (i / 2 + n) * c;
-    return r + g >= 0 && r - g <= this.canvasWidth && l + f >= 0 && l - f <= this.canvasHeight;
+    const a = t.getTransform(), r = s * a.a + o * a.c + a.e, l = s * a.b + o * a.d + a.f, f = Math.sqrt(a.a * a.a + a.b * a.b), c = Math.sqrt(a.c * a.c + a.d * a.d), g = (e / 2 + n) * f, h = (i / 2 + n) * c;
+    return r + g >= 0 && r - g <= this.canvasWidth && l + h >= 0 && l - h <= this.canvasHeight;
   }
   calculateTransform(t, s, o, e, i, n) {
     let a = 1, r = 1, l = 1;
-    const h = o / e, c = t / s;
+    const f = o / e, c = t / s;
     switch (i) {
       case "Contain":
-        c > h ? l = s / e : l = t / o, a = r = l;
+        c > f ? l = s / e : l = t / o, a = r = l;
         break;
       case "Cover":
-        c > h ? l = t / o : l = s / e, a = r = l;
+        c > f ? l = t / o : l = s / e, a = r = l;
         break;
       case "Fill":
         a = t / o, r = s / e;
@@ -2572,9 +2609,9 @@ class li {
         a = r = 1;
         break;
     }
-    const g = o * a, f = e * r;
+    const g = o * a, h = e * r;
     let d = 0, u = 0;
-    return n.includes("Left") ? d = 0 : n.includes("Right") ? d = t - g : d = (t - g) / 2, n.includes("Top") ? u = 0 : n.includes("Bottom") ? u = s - f : u = (s - f) / 2, { scaleX: a, scaleY: r, tx: d, ty: u };
+    return n.includes("Left") ? d = 0 : n.includes("Right") ? d = t - g : d = (t - g) / 2, n.includes("Top") ? u = 0 : n.includes("Bottom") ? u = s - h : u = (s - h) / 2, { scaleX: a, scaleY: r, tx: d, ty: u };
   }
   mapFontWeight(t) {
     const s = t.toLowerCase();
@@ -2596,44 +2633,58 @@ class li {
   }
   */
   renderObject(t, s, o) {
-    var u, m, y, v, b, C, S, I, w, k, E, T, W, M, _, L, x;
+    var u, m, y, v, b, C, S, I, w, M, P, T, W, k, _, L, x;
     const e = this.objectStates.get(s.id);
     if (!e) {
       console.warn("No state for object:", s.id);
       return;
     }
-    this.frameCount % 60, t.roundRect || (t.roundRect = (R, $, O, V, H) => (this.drawRoundRect(t, R, $, O, V, H), t));
+    this.frameCount % 60, t.roundRect || (t.roundRect = (A, $, O, V, H) => (this.drawRoundRect(t, A, $, O, V, H), t));
     const i = e.geometry ? this.deepMerge(s.geometry, e.geometry) : s.geometry, n = e.style ? this.deepMerge(s.style, e.style) : s.style;
     let a = (i == null ? void 0 : i.width) || ((u = s.geometry) == null ? void 0 : u.width) || s.width || 0, r = (i == null ? void 0 : i.height) || ((m = s.geometry) == null ? void 0 : m.height) || s.height || 0;
     if ((a === 0 || r === 0) && (i != null && i.points) && Array.isArray(i.points) && i.points.length > 0) {
-      let R = 1 / 0, $ = -1 / 0, O = 1 / 0, V = -1 / 0;
+      let A = 1 / 0, $ = -1 / 0, O = 1 / 0, V = -1 / 0;
       i.points.forEach((H) => {
-        R = Math.min(R, H.x), $ = Math.max($, H.x), O = Math.min(O, H.y), V = Math.max(V, H.y);
-      }), a === 0 && (a = $ - R), r === 0 && (r = V - O);
+        A = Math.min(A, H.x), $ = Math.max($, H.x), O = Math.min(O, H.y), V = Math.max(V, H.y);
+      }), a === 0 && (a = $ - A), r === 0 && (r = V - O);
+    }
+    const l = (A) => {
+      if (A)
+        return A.corner_radius ?? A.cornerRadius;
+    }, f = l(e) ?? l(n) ?? l(i) ?? l(s.style) ?? l(s.geometry) ?? 0;
+    let c = { ...i, width: a, height: r };
+    if (delete c.cornerRadius, c.corner_radius = f, c.type === "Path" && s.weights && s.bindMatrices && c.points) {
+      const A = this.getGlobalTransform(s.id);
+      if (A) {
+        const $ = li(
+          c.points,
+          s.weights,
+          s.bindMatrices,
+          A,
+          (O) => this.getGlobalTransform(O)
+        );
+        c = { ...c, points: $ };
+      }
     }
-    const l = (R) => {
-      if (R)
-        return R.corner_radius ?? R.cornerRadius;
-    }, h = l(e) ?? l(n) ?? l(i) ?? l(s.style) ?? l(s.geometry) ?? 0, c = { ...i, width: a, height: r };
-    if (delete c.cornerRadius, c.corner_radius = h, e.visible === !1)
+    if (e.visible === !1)
       return;
-    const g = s.repeaterConfig, f = g && g.isEnabled && g.count > 1, d = f ? g.count : 1;
-    for (let R = 0; R < d; R++) {
+    const g = s.repeaterConfig, h = g && g.isEnabled && g.count > 1, d = h ? g.count : 1;
+    for (let A = 0; A < d; A++) {
       let $ = e.x, O = e.y, V = e.rotation, H = e.scale_x ?? 1, et = e.scale_y ?? 1;
-      if (f && R > 0) {
+      if (h && A > 0) {
         if (g.type === "Linear") {
           const J = g.offsetX || 0, ft = g.offsetY || 0, U = g.rotation || 0, G = g.scale !== void 0 ? g.scale : 1;
-          $ += R * J, O += R * ft, V += R * U, H *= Math.pow(G, R), et *= Math.pow(G, R);
+          $ += A * J, O += A * ft, V += A * U, H *= Math.pow(G, A), et *= Math.pow(G, A);
         } else if (g.type === "Grid") {
-          const J = g.cols || Math.ceil(Math.sqrt(g.count)), ft = g.gapX || 0, U = g.gapY || 0, G = Math.floor(R / J), K = R % J, Z = a + ft, At = r + U;
+          const J = g.cols || Math.ceil(Math.sqrt(g.count)), ft = g.gapX || 0, U = g.gapY || 0, G = Math.floor(A / J), K = A % J, Z = a + ft, At = r + U;
           $ += K * Z, O += G * At;
         } else if (g.type === "Radial") {
-          const J = g.radius || 100, ft = g.startAngle || 0, G = (g.endAngle || 360) - ft, K = g.count > 1 ? G / (G === 360 ? g.count : g.count - 1) : 0, Z = ft + R * K, At = Z * Math.PI / 180;
+          const J = g.radius || 100, ft = g.startAngle || 0, G = (g.endAngle || 360) - ft, K = g.count > 1 ? G / (G === 360 ? g.count : g.count - 1) : 0, Z = ft + A * K, At = Z * Math.PI / 180;
           $ = e.x + J * Math.cos(At), O = e.y + J * Math.sin(At), V += Z;
         }
       }
-      const P = s.type === "Group" || s.type === "Frame" || s.type === "Component", F = a > 0 && r > 0;
-      if (!P && F) {
+      const E = s.type === "Group" || s.type === "Frame" || s.type === "Component", F = a > 0 && r > 0;
+      if (!E && F) {
         const J = (((y = n.shadow) == null ? void 0 : y.isEnabled) !== !1 ? (((v = n.shadow) == null ? void 0 : v.blur) || 0) + 10 : 0) + (((b = n.blur) == null ? void 0 : b.isEnabled) !== !1 && ((C = n.blur) == null ? void 0 : C.radius) || 0) + 20;
         if (!this.isObjectInView(t, $, O, a, r, J))
           continue;
@@ -2643,7 +2694,7 @@ class li {
       Q && Q.amount > 0 && q.push(`blur(${Q.amount}px)`);
       const it = n.effect || ((I = s.style) == null ? void 0 : I.effect), dt = (it == null ? void 0 : it.isEnabled) === !0, St = it == null ? void 0 : it.type, ht = (it == null ? void 0 : it.radius) ?? 10;
       dt && St === "LayerBlur" && q.push(`blur(${ht}px)`);
-      const mt = ((w = i == null ? void 0 : i.type) == null ? void 0 : w.toLowerCase().includes("image")) || ((k = s.type) == null ? void 0 : k.toLowerCase().includes("image")), rt = n.adjustments && Object.keys(n.adjustments).length > 0 ? n.adjustments : null, Lt = i != null && i.adjustments && Object.keys(i.adjustments).length > 0 ? i.adjustments : null, Gt = mt ? Lt || rt : rt || Lt, Pt = mt && !Gt ? {
+      const mt = ((w = i == null ? void 0 : i.type) == null ? void 0 : w.toLowerCase().includes("image")) || ((M = s.type) == null ? void 0 : M.toLowerCase().includes("image")), rt = n.adjustments && Object.keys(n.adjustments).length > 0 ? n.adjustments : null, Lt = i != null && i.adjustments && Object.keys(i.adjustments).length > 0 ? i.adjustments : null, Gt = mt ? Lt || rt : rt || Lt, Pt = mt && !Gt ? {
         exposure: 0,
         contrast: 0,
         saturation: 100,
@@ -2664,12 +2715,12 @@ class li {
                     <feFuncG type="linear" slope="1" intercept="${J}"/>
                     <feFuncB type="linear" slope="1" intercept="${J}"/>
                 </feComponentTransfer>`, kt = "exposure"), ft !== 0) {
-          const yt = (ft + 100) / 100, A = 0.5 * (1 - yt);
+          const yt = (ft + 100) / 100, R = 0.5 * (1 - yt);
           Ot += `
                 <feComponentTransfer in="${kt}" result="contrast">
-                    <feFuncR type="linear" slope="${yt}" intercept="${A}"/>
-                    <feFuncG type="linear" slope="${yt}" intercept="${A}"/>
-                    <feFuncB type="linear" slope="${yt}" intercept="${A}"/>
+                    <feFuncR type="linear" slope="${yt}" intercept="${R}"/>
+                    <feFuncG type="linear" slope="${yt}" intercept="${R}"/>
+                    <feFuncB type="linear" slope="${yt}" intercept="${R}"/>
                 </feComponentTransfer>`, kt = "contrast";
         }
         if (U !== 1 && (Ot += `<feColorMatrix in="${kt}" type="saturate" values="${U}" result="saturate"/>`, kt = "saturate"), Pt.hue && (Ot += `<feColorMatrix in="${kt}" type="hueRotate" values="${Pt.hue}" result="hue"/>`, kt = "hue"), Pt.negative) {
@@ -2682,8 +2733,8 @@ class li {
                             0 0 0 1 0"/>`, kt = "invert";
         }
         if (G !== 0 || K !== 0 || Z !== 0 || At !== 0) {
-          const yt = 1 + Z + At, A = yt * (1 + G - K / 2), ct = yt * (1 + K), Xt = yt * (1 - G - K / 2), xt = Pt.shadows * 0.1 / 255, te = [
-            A,
+          const yt = 1 + Z + At, R = yt * (1 + G - K / 2), ct = yt * (1 + K), Xt = yt * (1 - G - K / 2), xt = Pt.shadows * 0.1 / 255, te = [
+            R,
             0,
             0,
             0,
@@ -2707,8 +2758,8 @@ class li {
           Ot += `<feColorMatrix in="${kt}" type="matrix" values="${te}" result="advanced"/>`, kt = "advanced";
         }
         if (Pt.blur && (Ot += `<feGaussianBlur in="${kt}" stdDeviation="${Pt.blur}" result="blur"/>`, kt = "blur"), Ot) {
-          const yt = `<svg xmlns="http://www.w3.org/2000/svg"><filter id="f" color-interpolation-filters="sRGB">${Ot}</filter></svg>`, A = btoa(yt);
-          q.push(`url('data:image/svg+xml;base64,${A}#f')`);
+          const yt = `<svg xmlns="http://www.w3.org/2000/svg"><filter id="f" color-interpolation-filters="sRGB">${Ot}</filter></svg>`, R = btoa(yt);
+          q.push(`url('data:image/svg+xml;base64,${R}#f')`);
         }
       }
       q.length > 0 ? t.filter = q.join(" ") : t.filter = "none", t.imageSmoothingEnabled = !0, t.imageSmoothingQuality = "high";
@@ -2773,17 +2824,17 @@ class li {
       const jt = n.shadow;
       if (jt && jt.isEnabled !== !1) {
         let J = jt.color || "#000000";
-        (T = (E = this.artboard) == null ? void 0 : E.tokens) != null && T.colors && this.artboard.tokens.colors[J] && (J = this.artboard.tokens.colors[J]);
+        (T = (P = this.artboard) == null ? void 0 : P.tokens) != null && T.colors && this.artboard.tokens.colors[J] && (J = this.artboard.tokens.colors[J]);
         const ft = this.normalizeOpacity(jt.opacity ?? 100), U = jt.spread || 0, K = (jt.blur || 0) + U * 1.5;
         let Z = J;
         if (J.startsWith("#")) {
-          const kt = J.replace("#", ""), Nt = parseInt(kt.substring(0, 2), 16), yt = parseInt(kt.substring(2, 4), 16), A = parseInt(kt.substring(4, 6), 16);
-          Z = `rgba(${Nt}, ${yt}, ${A}, ${ft})`;
+          const kt = J.replace("#", ""), Nt = parseInt(kt.substring(0, 2), 16), yt = parseInt(kt.substring(2, 4), 16), R = parseInt(kt.substring(4, 6), 16);
+          Z = `rgba(${Nt}, ${yt}, ${R}, ${ft})`;
         } else if (J.startsWith("rgba")) {
           const kt = J.match(/[\d.]+/g);
           if (kt && kt.length >= 4) {
-            const Nt = kt[0], yt = kt[1], A = kt[2], ct = kt[3];
-            Z = `rgba(${Nt}, ${yt}, ${A}, ${parseFloat(ct) * ft})`;
+            const Nt = kt[0], yt = kt[1], R = kt[2], ct = kt[3];
+            Z = `rgba(${Nt}, ${yt}, ${R}, ${parseFloat(ct) * ft})`;
           }
         }
         const At = t.getTransform(), Ot = Math.sqrt(At.a * At.a + At.b * At.b) || 1;
@@ -2808,13 +2859,13 @@ class li {
           }, ft.onerror = (K) => {
             console.error("[ExodeUI] Image load failed:", K, `Src preview: ${J.substring(0, 100)}...`);
           }, ft.src = J, this.imageCache.set(J, ft));
-          const U = n.stroke && n.stroke.width > 0 && n.stroke.isEnabled !== !1, G = (((M = n.stroke) == null ? void 0 : M.alignment) || "center").toLowerCase();
-          if (U && (G === "outside" || G === "center") && this.applyStrokeAlignment(t, n, c, a, r, h), n.fill && n.fill.type !== "None") {
+          const U = n.stroke && n.stroke.width > 0 && n.stroke.isEnabled !== !1, G = (((k = n.stroke) == null ? void 0 : k.alignment) || "center").toLowerCase();
+          if (U && (G === "outside" || G === "center") && this.applyStrokeAlignment(t, n, c, a, r, f), n.fill && n.fill.type !== "None") {
             t.save();
             const K = t.globalAlpha, Z = this.createCanvasFill(t, n.fill, a, r);
-            t.fillStyle = Z || n.fill.color || "transparent", t.globalAlpha = K * this.normalizeOpacity(n.fill.opacity ?? 100), h !== 0 ? (this.drawRoundRect(t, -a / 2, -r / 2, a, r, h), t.fill()) : t.fillRect(-a / 2, -r / 2, a, r), t.globalAlpha = K, t.restore();
+            t.fillStyle = Z || n.fill.color || "transparent", t.globalAlpha = K * this.normalizeOpacity(n.fill.opacity ?? 100), f !== 0 ? (this.drawRoundRect(t, -a / 2, -r / 2, a, r, f), t.fill()) : t.fillRect(-a / 2, -r / 2, a, r), t.globalAlpha = K, t.restore();
           }
-          ft.complete && ft.naturalWidth > 0 ? (h !== 0 ? (t.save(), this.drawRoundRect(t, -a / 2, -r / 2, a, r, h), t.clip(), t.drawImage(ft, -a / 2, -r / 2, a, r), t.restore()) : t.drawImage(ft, -a / 2, -r / 2, a, r), U && G === "inside" && this.applyStrokeAlignment(t, n, c, a, r, h)) : U && G === "inside" && this.applyStrokeAlignment(t, n, c, a, r, h);
+          ft.complete && ft.naturalWidth > 0 ? (f !== 0 ? (t.save(), this.drawRoundRect(t, -a / 2, -r / 2, a, r, f), t.clip(), t.drawImage(ft, -a / 2, -r / 2, a, r), t.restore()) : t.drawImage(ft, -a / 2, -r / 2, a, r), U && G === "inside" && this.applyStrokeAlignment(t, n, c, a, r, f)) : U && G === "inside" && this.applyStrokeAlignment(t, n, c, a, r, f);
         }
       } else if (i.type === "SVG") {
         const J = i.svgContent;
@@ -2849,22 +2900,22 @@ class li {
           let Nt = this.imageCache.get(kt);
           if (!Nt) {
             Nt = new Image(), Nt.crossOrigin = "anonymous";
-            let A = J;
-            A.match(/xmlns=["']http:\/\/www\.w3\.org\/2000\/svg["']/i) || (A = A.replace(/<svg([^>]*)>/i, (ot, It) => `<svg xmlns="http://www.w3.org/2000/svg"${It}>`));
+            let R = J;
+            R.match(/xmlns=["']http:\/\/www\.w3\.org\/2000\/svg["']/i) || (R = R.replace(/<svg([^>]*)>/i, (ot, It) => `<svg xmlns="http://www.w3.org/2000/svg"${It}>`));
             let ct = i.width || a || 100, Xt = i.height || r || 100;
-            const xt = A.match(/viewBox=["']\s*0\s+0\s+([\d.]+)\s+([\d.]+)\s*["']/i);
-            if (xt && (ct = parseFloat(xt[1]), Xt = parseFloat(xt[2])), A = A.replace(/<svg([^>]*)>/i, (ot, It) => {
+            const xt = R.match(/viewBox=["']\s*0\s+0\s+([\d.]+)\s+([\d.]+)\s*["']/i);
+            if (xt && (ct = parseFloat(xt[1]), Xt = parseFloat(xt[2])), R = R.replace(/<svg([^>]*)>/i, (ot, It) => {
               let bt = It.replace(/\b(?:width|height)=["'][^"']*["']/gi, " ");
               return bt.match(/\bviewBox=/i) || (bt += ` viewBox="0 0 ${ct} ${Xt}"`), bt.match(/\bpreserveAspectRatio=/i) || (bt += ' preserveAspectRatio="none"'), bt += ' width="100%" height="100%"', `<svg${bt}>`;
             }), i.colors && i.colors.length > 0 && ft.length > 0 && i.colors.forEach((ot, It) => {
               if (ft[It]) {
                 const bt = ot.replace(/[-\/\\^$*+?.()|[\]{}]/g, "\\$&"), vt = new RegExp(bt, "gi");
-                A = A.replace(vt, ft[It]);
+                R = R.replace(vt, ft[It]);
               }
             }), U && U.type && U.type !== "None") {
               if (U.type === "Solid" && U.color) {
                 const ot = Z ? "#FFFFFF" : U.color, It = Z ? 1 : this.normalizeOpacity(U.opacity ?? 100);
-                A = A.replace(/\bfill\s*=\s*["'][^"']*["']/gi, (bt) => /fill\s*=\s*["']\s*(none|transparent)\s*["']/i.test(bt) ? bt : `fill="${ot}"`), A = A.replace(/fill\s*:\s*[^;"')]+/gi, (bt) => /fill\s*:\s*(none|transparent)/i.test(bt) ? bt : `fill:${ot}`), It < 1 && (A = A.replace(/\bfill-opacity\s*=\s*["'][^"']*["']/gi, `fill-opacity="${It}"`), A = A.replace(/fill-opacity\s*:\s*[^;"')]+/gi, `fill-opacity:${It}`), A.match(/\bfill-opacity\s*=/i) || (A = A.replace(/(<svg[^>]*>)/i, `$1<g fill-opacity="${It}">`), A = A.replace(/<\/svg>/i, "</g></svg>")));
+                R = R.replace(/\bfill\s*=\s*["'][^"']*["']/gi, (bt) => /fill\s*=\s*["']\s*(none|transparent)\s*["']/i.test(bt) ? bt : `fill="${ot}"`), R = R.replace(/fill\s*:\s*[^;"')]+/gi, (bt) => /fill\s*:\s*(none|transparent)/i.test(bt) ? bt : `fill:${ot}`), It < 1 && (R = R.replace(/\bfill-opacity\s*=\s*["'][^"']*["']/gi, `fill-opacity="${It}"`), R = R.replace(/fill-opacity\s*:\s*[^;"')]+/gi, `fill-opacity:${It}`), R.match(/\bfill-opacity\s*=/i) || (R = R.replace(/(<svg[^>]*>)/i, `$1<g fill-opacity="${It}">`), R = R.replace(/<\/svg>/i, "</g></svg>")));
               } else if (U.type === "LinearGradient" || U.type === "RadialGradient" || U.type === "Linear" || U.type === "Radial") {
                 const ot = "exode-fill", It = this.normalizeOpacity(U.opacity ?? 100), bt = (U.stops || []).map((gt) => {
                   const Rt = gt.offset !== void 0 ? gt.offset : gt.pos ?? 0, at = this.normalizeOpacity(gt.opacity ?? 100) * It;
@@ -2878,7 +2929,7 @@ class li {
                   const gt = (nt, wt) => Array.isArray(nt) ? nt[wt] ?? 0.5 : nt && typeof nt == "object" ? nt[wt === 0 ? "x" : "y"] ?? 0.5 : 0.5, Rt = gt(U.center, 0) * 100, at = gt(U.center, 1) * 100, st = (U.radius ?? 0.5) * 100;
                   vt = `<radialGradient id="${ot}" cx="${Rt}%" cy="${at}%" r="${st}%" gradientUnits="objectBoundingBox">${bt}</radialGradient>`;
                 }
-                /<defs>/i.test(A) ? A = A.replace(/<defs>/i, `<defs>${vt}`) : A = A.replace(/<svg([^>]*)>/i, `<svg$1><defs>${vt}</defs>`), A = A.replace(/\bfill\s*=\s*["'][^"']*["']/gi, (gt) => /fill\s*=\s*["']\s*(none|transparent)\s*["']/i.test(gt) ? gt : `fill="url(#${ot})"`), A = A.replace(/fill\s*:\s*[^;"')]+/gi, (gt) => /fill\s*:\s*(none|transparent)/i.test(gt) ? gt : `fill:url(#${ot})`);
+                /<defs>/i.test(R) ? R = R.replace(/<defs>/i, `<defs>${vt}`) : R = R.replace(/<svg([^>]*)>/i, `<svg$1><defs>${vt}</defs>`), R = R.replace(/\bfill\s*=\s*["'][^"']*["']/gi, (gt) => /fill\s*=\s*["']\s*(none|transparent)\s*["']/i.test(gt) ? gt : `fill="url(#${ot})"`), R = R.replace(/fill\s*:\s*[^;"')]+/gi, (gt) => /fill\s*:\s*(none|transparent)/i.test(gt) ? gt : `fill:url(#${ot})`);
               }
             }
             const te = (ot, It, bt = 1) => {
@@ -2902,13 +2953,13 @@ class li {
                   bt = vt.color || G.color || "#000000";
                 else if (vt.type === "LinearGradient" || vt.type === "RadialGradient" || vt.type === "Linear" || vt.type === "Radial") {
                   const Ht = "exode-stroke";
-                  A = $t(A, te(vt, Ht, ot)), bt = `url(#${Ht})`;
+                  R = $t(R, te(vt, Ht, ot)), bt = `url(#${Ht})`;
                 }
               }
-              bt || (bt = It), A.match(/\bstroke\s*=\s*["']/i) ? A = A.replace(
+              bt || (bt = It), R.match(/\bstroke\s*=\s*["']/i) ? R = R.replace(
                 /\bstroke\s*=\s*["'][^"']*["']/gi,
                 (Ht) => /stroke\s*=\s*["']\s*(none|transparent)\s*["']/i.test(Ht) ? Ht : `stroke="${bt}"`
-              ) : A = A.replace(/<(path|circle|rect|ellipse|polygon|polyline)/gi, `<$1 stroke="${bt}"`), A = A.replace(
+              ) : R = R.replace(/<(path|circle|rect|ellipse|polygon|polyline)/gi, `<$1 stroke="${bt}"`), R = R.replace(
                 new RegExp(`(?<![a-z-])stroke\\s*:\\s*(?!none|transparent)[^;"')]+`, "gi"),
                 `stroke:${bt}`
               );
@@ -2919,11 +2970,11 @@ class li {
                 !isNaN(Ht) && !isNaN(se) && (gt = Ht, Rt = se);
               }
               const st = Math.max(1e-3, a / gt), nt = Math.max(1e-3, r / Rt), wt = (st + nt) / 2, z = (G.width || 1) / wt;
-              A.match(/\bstroke-width\s*=\s*["']/i) ? A = A.replace(/\bstroke-width\s*=\s*["'][^"']*["']/gi, `stroke-width="${z}"`) : A = A.replace(/<(path|circle|rect|ellipse|polygon|polyline)/gi, `<$1 stroke-width="${z}"`), A = A.replace(/stroke-width\s*:\s*[^;"')]+/gi, `stroke-width:${z}`), A.match(/\bstroke-opacity\s*=\s*["']/i) ? A = A.replace(/\bstroke-opacity\s*=\s*["'][^"']*["']/gi, `stroke-opacity="${ot}"`) : A = A.replace(/<(path|circle|rect|ellipse|polygon|polyline)/gi, `<$1 stroke-opacity="${ot}"`), A = A.replace(/stroke-opacity\s*:\s*[^;"')]+/gi, `stroke-opacity:${ot}`);
+              R.match(/\bstroke-width\s*=\s*["']/i) ? R = R.replace(/\bstroke-width\s*=\s*["'][^"']*["']/gi, `stroke-width="${z}"`) : R = R.replace(/<(path|circle|rect|ellipse|polygon|polyline)/gi, `<$1 stroke-width="${z}"`), R = R.replace(/stroke-width\s*:\s*[^;"')]+/gi, `stroke-width:${z}`), R.match(/\bstroke-opacity\s*=\s*["']/i) ? R = R.replace(/\bstroke-opacity\s*=\s*["'][^"']*["']/gi, `stroke-opacity="${ot}"`) : R = R.replace(/<(path|circle|rect|ellipse|polygon|polyline)/gi, `<$1 stroke-opacity="${ot}"`), R = R.replace(/stroke-opacity\s*:\s*[^;"')]+/gi, `stroke-opacity:${ot}`);
               const pt = G.lineCap || "round";
-              A.match(/\bstroke-linecap\s*=\s*["']/i) ? A = A.replace(/\bstroke-linecap\s*=\s*["'][^"']*["']/gi, `stroke-linecap="${pt}"`) : A = A.replace(/<(path|circle|rect|ellipse|polygon|polyline)/gi, `<$1 stroke-linecap="${pt}"`), A = A.replace(/stroke-linecap\s*:\s*[^;"')]+/gi, `stroke-linecap:${pt}`);
+              R.match(/\bstroke-linecap\s*=\s*["']/i) ? R = R.replace(/\bstroke-linecap\s*=\s*["'][^"']*["']/gi, `stroke-linecap="${pt}"`) : R = R.replace(/<(path|circle|rect|ellipse|polygon|polyline)/gi, `<$1 stroke-linecap="${pt}"`), R = R.replace(/stroke-linecap\s*:\s*[^;"')]+/gi, `stroke-linecap:${pt}`);
               const ut = G.lineJoin || "round";
-              A.match(/\bstroke-linejoin\s*=\s*["']/i) ? A = A.replace(/\bstroke-linejoin\s*=\s*["'][^"']*["']/gi, `stroke-linejoin="${ut}"`) : A = A.replace(/<(path|circle|rect|ellipse|polygon|polyline)/gi, `<$1 stroke-linejoin="${ut}"`), A = A.replace(/stroke-linejoin\s*:\s*[^;"')]+/gi, `stroke-linejoin:${ut}`);
+              R.match(/\bstroke-linejoin\s*=\s*["']/i) ? R = R.replace(/\bstroke-linejoin\s*=\s*["'][^"']*["']/gi, `stroke-linejoin="${ut}"`) : R = R.replace(/<(path|circle|rect|ellipse|polygon|polyline)/gi, `<$1 stroke-linejoin="${ut}"`), R = R.replace(/stroke-linejoin\s*:\s*[^;"')]+/gi, `stroke-linejoin:${ut}`);
               const ce = G.trimStart ?? 0, me = G.trimEnd ?? 1, Ie = G.trimOffset ?? 0, we = G.dashOffset ?? 0, Te = ce !== 0 || me !== 1 || Ie !== 0 || we !== 0;
               if (Te) {
                 const Ht = Math.max(0, Math.min(1, ce)), se = Math.max(0, Math.min(1, me));
@@ -2936,10 +2987,10 @@ class li {
                   const le = ue * (se - Ht), ye = ue - le;
                   re = -(ue * (Ht + Me + ke)), fe = `${le} ${ye}`;
                 }
-                A.match(/\bstroke-dasharray\s*=/i) ? A = A.replace(/\bstroke-dasharray\s*=\s*["'][^"']*["']/gi, `stroke-dasharray="${fe}"`) : A = A.replace(/<(path|circle|rect|ellipse|polygon|polyline)/gi, `<$1 stroke-dasharray="${fe}"`), A = A.replace(/stroke-dasharray\s*:\s*[^;"')]+/gi, `stroke-dasharray:${fe}`), A.match(/\bstroke-dashoffset\s*=/i) ? A = A.replace(/\bstroke-dashoffset\s*=\s*["'][^"']*["']/gi, `stroke-dashoffset="${re}"`) : A = A.replace(/<(path|circle|rect|ellipse|polygon|polyline)/gi, `<$1 stroke-dashoffset="${re}"`), A = A.replace(/stroke-dashoffset\s*:\s*[^;"')]+/gi, `stroke-dashoffset:${re}`);
+                R.match(/\bstroke-dasharray\s*=/i) ? R = R.replace(/\bstroke-dasharray\s*=\s*["'][^"']*["']/gi, `stroke-dasharray="${fe}"`) : R = R.replace(/<(path|circle|rect|ellipse|polygon|polyline)/gi, `<$1 stroke-dasharray="${fe}"`), R = R.replace(/stroke-dasharray\s*:\s*[^;"')]+/gi, `stroke-dasharray:${fe}`), R.match(/\bstroke-dashoffset\s*=/i) ? R = R.replace(/\bstroke-dashoffset\s*=\s*["'][^"']*["']/gi, `stroke-dashoffset="${re}"`) : R = R.replace(/<(path|circle|rect|ellipse|polygon|polyline)/gi, `<$1 stroke-dashoffset="${re}"`), R = R.replace(/stroke-dashoffset\s*:\s*[^;"')]+/gi, `stroke-dashoffset:${re}`);
               } else if (G.dashArray && G.dashArray.length > 0) {
                 const Ht = G.dashArray.join(" ");
-                A = A.replace(/\bstroke-dasharray\s*=\s*["'][^"']*["']/gi, `stroke-dasharray="${Ht}"`), A = A.replace(/stroke-dasharray\s*:\s*[^;"')]+/gi, `stroke-dasharray:${Ht}`), G.dashOffset && (A = A.replace(/\bstroke-dashoffset\s*=\s*["'][^"']*["']/gi, `stroke-dashoffset="${G.dashOffset}"`), A = A.replace(/stroke-dashoffset\s*:\s*[^;"')]+/gi, `stroke-dashoffset:${G.dashOffset}`));
+                R = R.replace(/\bstroke-dasharray\s*=\s*["'][^"']*["']/gi, `stroke-dasharray="${Ht}"`), R = R.replace(/stroke-dasharray\s*:\s*[^;"')]+/gi, `stroke-dasharray:${Ht}`), G.dashOffset && (R = R.replace(/\bstroke-dashoffset\s*=\s*["'][^"']*["']/gi, `stroke-dashoffset="${G.dashOffset}"`), R = R.replace(/stroke-dashoffset\s*:\s*[^;"')]+/gi, `stroke-dashoffset:${G.dashOffset}`));
               }
               if (!/\bstroke\s*=\s*["']/i.test(J) && !new RegExp("(?<![a-z-])stroke\\s*:", "i").test(J)) {
                 let Ht = "", se = "";
@@ -2953,13 +3004,13 @@ class li {
                   }
                 } else (_ = G.dashArray) != null && _.length && (Ht = ` stroke-dasharray="${G.dashArray.join(" ")}"`, G.dashOffset && (se = ` stroke-dashoffset="${G.dashOffset}"`));
                 const ue = ` stroke-linecap="${G.lineCap || "round"}"`, Me = ` stroke-linejoin="${G.lineJoin || "round"}"`, ke = `stroke="${bt}" stroke-width="${z}" stroke-opacity="${ot}"${ue}${Me}${Ht}${se}`;
-                A = A.replace(
+                R = R.replace(
                   /(<svg[^>]*>)(\s*(?:<defs>[\s\S]*?<\/defs>)?)/i,
                   (fe, re, le) => `${re}${le}<g ${ke}>`
-                ), A = A.replace(/<\/svg>/i, "</g></svg>");
+                ), R = R.replace(/<\/svg>/i, "</g></svg>");
               }
-            } else G && G.isEnabled === !1 && (A = A.replace(/\bstroke\s*=\s*["'][^"']*["']/gi, 'stroke="none"'), A = A.replace(new RegExp(`(?<![a-z-])stroke\\s*:\\s*(?!none|transparent)[^;"')]+`, "gi"), "stroke:none"));
-            const Wt = new Blob([A], { type: "image/svg+xml" }), Ft = URL.createObjectURL(Wt);
+            } else G && G.isEnabled === !1 && (R = R.replace(/\bstroke\s*=\s*["'][^"']*["']/gi, 'stroke="none"'), R = R.replace(new RegExp(`(?<![a-z-])stroke\\s*:\\s*(?!none|transparent)[^;"')]+`, "gi"), "stroke:none"));
+            const Wt = new Blob([R], { type: "image/svg+xml" }), Ft = URL.createObjectURL(Wt);
             Nt.onload = () => {
               if (URL.revokeObjectURL(Ft), this.frameCount % 900 === 0) {
                 const ot = this.imageCache.get(kt);
@@ -2971,32 +3022,32 @@ class li {
           }
           let yt = null;
           if (Nt.complete && Nt.naturalWidth > 0 ? (yt = Nt, this.lastValidSvgImgMap.set(s.id, Nt)) : yt = this.lastValidSvgImgMap.get(s.id) || null, yt && yt.complete && yt.naturalWidth > 0) {
-            const A = Math.max(1, a), ct = Math.max(1, r);
+            const R = Math.max(1, a), ct = Math.max(1, r);
             if (Z && (U == null ? void 0 : U.type) === "Solid") {
-              this.maskBuffer || (this.maskBuffer = document.createElement("canvas"), this.maskCtx = this.maskBuffer.getContext("2d")), this.maskBuffer.width = A, this.maskBuffer.height = ct, 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, A, ct), this.maskCtx.drawImage(yt, 0, 0, A, ct), this.maskCtx.globalCompositeOperation = "source-in";
+              this.maskBuffer || (this.maskBuffer = document.createElement("canvas"), this.maskCtx = this.maskBuffer.getContext("2d")), this.maskBuffer.width = R, this.maskBuffer.height = ct, 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, R, ct), this.maskCtx.drawImage(yt, 0, 0, R, ct), this.maskCtx.globalCompositeOperation = "source-in";
               const Xt = U.color || "#000000", xt = this.normalizeOpacity(U.opacity ?? 100);
-              this.maskCtx.fillStyle = Xt, this.maskCtx.globalAlpha = xt, this.maskCtx.fillRect(0, 0, A, ct), t.drawImage(this.maskBuffer, -A / 2, -ct / 2, A, ct);
-            } else h !== 0 ? (t.save(), this.drawRoundRect(t, -A / 2, -ct / 2, A, ct, h), t.clip(), t.drawImage(yt, -A / 2, -ct / 2, A, ct), t.restore()) : t.drawImage(yt, -A / 2, -ct / 2, A, ct);
+              this.maskCtx.fillStyle = Xt, this.maskCtx.globalAlpha = xt, this.maskCtx.fillRect(0, 0, R, ct), t.drawImage(this.maskBuffer, -R / 2, -ct / 2, R, ct);
+            } else f !== 0 ? (t.save(), this.drawRoundRect(t, -R / 2, -ct / 2, R, ct, f), t.clip(), t.drawImage(yt, -R / 2, -ct / 2, R, ct), t.restore()) : t.drawImage(yt, -R / 2, -ct / 2, R, ct);
           }
         }
       } else if (c.type === "LineGraph")
         this.renderLineGraph(t, c, a, r);
       else if (s.type === "Shape") {
-        if (this.applyPath(t, c, a, r, h), t.save(), n.blur && n.blur.amount > 0 && (t.filter = `blur(${n.blur.amount}px)`), n.fill) {
+        if (this.applyPath(t, c, a, r, f), t.save(), n.blur && n.blur.amount > 0 && (t.filter = `blur(${n.blur.amount}px)`), n.fill) {
           const J = t.globalAlpha;
           if (((L = n.fill) == null ? void 0 : L.type) === "Image" && (n.fill.originalSrc || n.fill.src)) {
             const ft = n.fill.originalSrc || n.fill.src;
             let U = this.imageCache.get(ft);
-            U || (U = new Image(), U.src = ft, this.imageCache.set(ft, U)), U.complete && U.naturalWidth > 0 && (t.save(), this.applyPath(t, c, a, r, h), t.clip(), this.renderFittedImage(t, U, -a / 2, -r / 2, a, r, n.fill.fillMode), t.restore());
+            U || (U = new Image(), U.src = ft, this.imageCache.set(ft, U)), U.complete && U.naturalWidth > 0 && (t.save(), this.applyPath(t, c, a, r, f), t.clip(), this.renderFittedImage(t, U, -a / 2, -r / 2, a, r, n.fill.fillMode), t.restore());
           } else {
             const ft = this.createCanvasFill(t, n.fill, a, r);
-            t.fillStyle = ft || (typeof n.fill == "string" ? n.fill : n.fill.color || "transparent"), t.globalAlpha = J * this.normalizeOpacity(n.fill.opacity ?? 100), this.applyPath(t, c, a, r, h), t.fill();
+            t.fillStyle = ft || (typeof n.fill == "string" ? n.fill : n.fill.color || "transparent"), t.globalAlpha = J * this.normalizeOpacity(n.fill.opacity ?? 100), this.applyPath(t, c, a, r, f), t.fill();
           }
           t.globalAlpha = J;
         }
-        t.restore(), n.stroke && n.stroke.width > 0 && this.applyStrokeAlignment(t, n, c, a, r, h);
+        t.restore(), n.stroke && n.stroke.width > 0 && this.applyStrokeAlignment(t, n, c, a, r, f);
       } else if (s.type === "Frame" || s.type === "Group" && !s.isStructuralGroup) {
-        const J = e.width ?? i.width ?? s.width ?? a, ft = e.height ?? i.height ?? s.height ?? r, U = h;
+        const J = e.width ?? i.width ?? s.width ?? a, ft = e.height ?? i.height ?? s.height ?? r, U = f;
         if (t.save(), t.beginPath(), this.drawRoundRect(t, -J / 2, -ft / 2, J, ft, U), n.fill && n.fill.type !== "None") {
           const G = t.globalAlpha, K = this.createCanvasFill(t, n.fill, J, ft);
           t.fillStyle = K || n.fill.color || "transparent", t.globalAlpha = G * this.normalizeOpacity(n.fill.opacity ?? 100), t.fill(), t.globalAlpha = G;
@@ -3006,7 +3057,7 @@ class li {
           this.applyStrokeAlignment(t, n, G, J, ft, U);
         }
       } else s.type === "Group" && s.isStructuralGroup || (s.type === "Component" && s.variant === "inputbox" ? this.renderInputBox(t, s) : s.type === "Component" && s.variant === "button" ? this.renderButton(t, s) : s.type === "Component" && s.variant === "toggle_button" ? this.renderToggleButton(t, s) : s.type === "Toggle" || s.type === "Component" && s.variant === "toggle" ? this.renderToggle(t, s) : s.type === "Slider" || s.type === "Component" && s.variant === "slider" ? this.renderSlider(t, s) : s.type === "Dropdown" || s.type === "Component" && s.variant === "dropdown" ? this.renderDropdown(t, s) : s.type === "ListView" || s.type === "Component" && s.variant === "listview" ? this.renderListView(t, s) : s.type === "Checkbox" || s.type === "Component" && s.variant === "checkbox" ? this.renderCheckbox(t, s) : s.type === "RadioGroup" || s.type === "Component" && s.variant === "radiogroup" ? this.renderRadioGroup(t, s) : s.type === "BarChart" || s.type === "Component" && s.variant === "barchart" ? this.renderBarChart(t, s) : s.type === "PieChart" || s.type === "Component" && s.variant === "piechart" ? this.renderPieChart(t, s) : this.frameCount % 60 === 0 && console.warn("[Engine] Unhandled object type in renderObject:", s.type, "Geo:", (x = s.geometry) == null ? void 0 : x.type));
-      if (this.applyArtEffectOverlay(t, s, c, a, r, h), dt && St === "BackgroundBlur" && this.applyBackgroundBlurGlass(t, c, a, r, h, it), ee && ee.enabled && t.restore(), s.children && s.children.length > 0) {
+      if (this.applyArtEffectOverlay(t, s, c, a, r, f), dt && St === "BackgroundBlur" && this.applyBackgroundBlurGlass(t, c, a, r, f, it), ee && ee.enabled && t.restore(), s.children && s.children.length > 0) {
         const ft = s.type === "Frame", U = s.clipsContent !== void 0 ? s.clipsContent : s.clipContent !== void 0 ? s.clipContent : ft;
         if (t.save(), U) {
           t.beginPath();
@@ -3038,7 +3089,7 @@ class li {
           feather: s.maskFeather || 0,
           isVisible: !0
         }] : [])).filter((G) => G.isVisible !== !1 && o.has(G.maskId)).forEach((G) => {
-          var yt, A, ct, Xt, xt, te;
+          var yt, R, ct, Xt, xt, te;
           const K = o.get(G.maskId), Z = this.objectStates.get(K.id), At = G.feather || 0, Ot = G.inverted === !0, kt = G.opacity !== void 0 ? typeof G.opacity == "number" ? G.opacity : G.opacity / 100 : 1;
           if ((G.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, K.id, o), At > 0 && (this.lumaCtx.filter = `blur(${At}px)`), this.lumaCtx.globalAlpha = kt;
@@ -3046,7 +3097,7 @@ class li {
             if (((yt = K.geometry) == null ? void 0 : yt.type) === "Text") {
               const vt = Z != null && Z.geometry ? this.deepMerge(K.geometry, Z.geometry) : K.geometry, gt = Z != null && Z.style ? this.deepMerge(K.style, Z.style) : K.style;
               this._renderText(this.lumaCtx, K, { ...vt, width: $t, height: Wt, corner_radius: Ft }, gt, Z, $t, Wt, !0);
-            } else if (((A = K.geometry) == null ? void 0 : A.type) === "Image") {
+            } else if (((R = K.geometry) == null ? void 0 : R.type) === "Image") {
               const vt = K.geometry.src;
               if (vt) {
                 let gt = this.imageCache.get(vt);
@@ -3115,10 +3166,10 @@ class li {
   }
   _renderText(t, s, o, e, i, n, a, r = !1, l = !1) {
     var St, ht, mt, rt, Lt, Gt, Pt, Dt, Yt;
-    let h = o.text || "";
+    let f = o.text || "";
     if (o.textInputId && !r) {
       const B = this.inputs.get(o.textInputId);
-      B !== void 0 && (h = String(B), i.geometry && i.geometry.type === "Text" && (i.geometry.text = h));
+      B !== void 0 && (f = String(B), i.geometry && i.geometry.type === "Text" && (i.geometry.text = f));
     }
     if (o.svgPath) {
       const B = o.svgPath;
@@ -3129,13 +3180,13 @@ class li {
       t.fill(Mt), t.restore();
       return;
     }
-    let c = h || "";
+    let c = f || "";
     o.enableSegments === !0 && o.segments && Array.isArray(o.segments) && (c = o.segments.map((B) => B && B.text ? B.text : "").join(""));
     const g = o.textCase || "none";
     g === "uppercase" ? c = c.toUpperCase() : g === "lowercase" ? c = c.toLowerCase() : g === "capitalize" && (c = c.replace(/\b\w/g, (B) => B.toUpperCase()));
-    let f = ((rt = o.fontWeight) == null ? void 0 : rt.toString()) || "400", d = o.fontStyle || "normal";
-    f.toLowerCase().includes("italic") && (d = "italic", f = f.replace(/italic/gi, "").trim() || "400");
-    const u = this.mapFontWeight(f), m = Math.max(1, o.fontSize || 32);
+    let h = ((rt = o.fontWeight) == null ? void 0 : rt.toString()) || "400", d = o.fontStyle || "normal";
+    h.toLowerCase().includes("italic") && (d = "italic", h = h.replace(/italic/gi, "").trim() || "400");
+    const u = this.mapFontWeight(h), m = Math.max(1, o.fontSize || 32);
     let y = o.fontFamily || "Inter";
     const v = ["Bold", "SemiBold", "Medium", "Regular", "Light", "Thin", "ExtraBold", "Black", "Italic"];
     v.forEach((B) => {
@@ -3148,20 +3199,20 @@ class li {
     t.textBaseline = "top";
     const w = o.textAlign || "left";
     t.textAlign = w;
-    let k = 0;
+    let M = 0;
     if (typeof o.letterSpacing == "number")
-      k = o.letterSpacing;
+      M = o.letterSpacing;
     else if (typeof o.letterSpacing == "object" && o.letterSpacing.value !== void 0) {
       const B = o.letterSpacing;
-      k = B.unit === "PERCENT" ? B.value / 100 * m : B.value;
+      M = B.unit === "PERCENT" ? B.value / 100 * m : B.value;
     }
-    t.letterSpacing !== void 0 && (t.letterSpacing = `${k}px`);
-    const E = o.kerning || "auto", T = o.kerningValue || 0;
-    E === "manual" && T !== 0 && (t.letterSpacing = `${k + T}px`);
+    t.letterSpacing !== void 0 && (t.letterSpacing = `${M}px`);
+    const P = o.kerning || "auto", T = o.kerningValue || 0;
+    P === "manual" && T !== 0 && (t.letterSpacing = `${M + T}px`);
     const W = o.paragraphSpacing || 0;
-    let M = o.lineHeight ?? 1.2;
-    typeof M == "string" && (M = parseFloat(M)), M > 5 && m > 0 && (M = M / m);
-    const _ = (M || 1.2) * m, L = o.isPointText === !0 || !o.width || o.width <= 0, x = ((Lt = o.padding) == null ? void 0 : Lt.left) || ((Gt = o.padding) == null ? void 0 : Gt.right) || 0, R = L ? 1e5 : o.width && o.width > 0 ? Math.ceil(o.width) - x * 2 : 1e5;
+    let k = o.lineHeight ?? 1.2;
+    typeof k == "string" && (k = parseFloat(k)), k > 5 && m > 0 && (k = k / m);
+    const _ = (k || 1.2) * m, L = o.isPointText === !0 || !o.width || o.width <= 0, x = ((Lt = o.padding) == null ? void 0 : Lt.left) || ((Gt = o.padding) == null ? void 0 : Gt.right) || 0, A = L ? 1e5 : o.width && o.width > 0 ? Math.ceil(o.width) - x * 2 : 1e5;
     o.autoHeight;
     const $ = ps({
       text: c,
@@ -3169,9 +3220,9 @@ class li {
       fontSize: m,
       fontWeight: u,
       fontStyle: d,
-      lineHeight: M,
-      width: R,
-      letterSpacing: k,
+      lineHeight: k,
+      width: A,
+      letterSpacing: M,
       paragraphSpacing: W,
       paragraphIndent: o.paragraphIndent || 0,
       segments: o.segments,
@@ -3181,8 +3232,8 @@ class li {
       composer: o.composer,
       balanceRaggedLines: o.balanceRaggedLines
     }), O = $.lines || [], V = $.maxFontSize || m, H = this.fontLeadingFactors[y] ?? 0.5, et = (_ - m) * H;
-    let P = $.height, F = -P / 2;
-    a > 0 && a > P && (I === "top" ? F = -a / 2 : I === "middle" || I === "center" ? F = -P / 2 : I === "bottom" && (F = a / 2 - P)), F += et;
+    let E = $.height, F = -E / 2;
+    a > 0 && a > E && (I === "top" ? F = -a / 2 : I === "middle" || I === "center" ? F = -E / 2 : I === "bottom" && (F = a / 2 - E)), F += et;
     let q = null, Q = 0;
     if (o.pathId && this.artboard) {
       const B = this.artboard.objects.find((lt) => lt.id === o.pathId);
@@ -3193,7 +3244,7 @@ class li {
     }
     const it = (B, lt) => {
       var Mt, Tt;
-      if (k === 0 && (!o.enableSegments || !((Mt = o.segments) != null && Mt.length))) return t.measureText(B).width;
+      if (M === 0 && (!o.enableSegments || !((Mt = o.segments) != null && Mt.length))) return t.measureText(B).width;
       let zt = 0;
       for (let Vt = 0; Vt < B.length; Vt++) {
         const Ut = lt + Vt;
@@ -3216,9 +3267,9 @@ class li {
             Jt = t.measureText(B[Vt]).width;
         } else
           Jt = t.measureText(B[Vt]).width;
-        zt += Jt + k;
+        zt += Jt + M;
       }
-      return zt - (B.length > 0 ? k : 0);
+      return zt - (B.length > 0 ? M : 0);
     }, dt = (B, lt, zt, Mt, Tt) => {
       var jt, ee;
       const Ut = (Tt === 0 || c[Tt - 1] === `
@@ -3236,13 +3287,13 @@ class li {
         let G = 0, K = 0;
         const Z = o.justifyMinWordSpacing, At = o.justifyMaxWordSpacing;
         if (w === "justify" && !U && J > 0 && !o.pathId) {
-          const yt = L ? J : R - x * 2 + 0, A = Math.max(0, yt - J);
+          const yt = L ? J : A - x * 2 + 0, R = Math.max(0, yt - J);
           for (let ct = 0; ct < B.length; ct++)
             B[ct] === " " && K++;
           if (K > 0) {
             const ct = t.measureText(" ").width;
             let Xt = Z || ct * 0.5, xt = At || ct * 2.5;
-            G = Math.max(0, Math.min(A / K, xt - Xt));
+            G = Math.max(0, Math.min(R / K, xt - Xt));
           }
         }
         let Ot = o.pathOffset || 0;
@@ -3282,9 +3333,9 @@ class li {
           ].includes(yt.type) && yt.enabled
         )) || [];
         for (let yt = 0; yt < B.length; yt++) {
-          let A = B[yt];
+          let R = B[yt];
           const ct = Tt + yt;
-          let Xt = 0, xt = 0, te = 1, $t = 1, Wt = 0, Ft = 1, ot = A;
+          let Xt = 0, xt = 0, te = 1, $t = 1, Wt = 0, Ft = 1, ot = R;
           Nt.forEach((at) => {
             const st = at.settings || {}, nt = st.strength || 1, wt = Date.now();
             if (at.type === Y.Typewriter)
@@ -3422,7 +3473,7 @@ class li {
               const at = l ? "#000000" : this.createCanvasFill(t, e.fill, n, a);
               t.fillStyle = at || e.fill.color || "#ffffff", t.fillText(ot, -Rt / 2, 0);
             } else Mt ? t.strokeText(ot, -Rt / 2, 0) : t.fillText(ot, -Rt / 2, 0);
-          bt !== "none" && !r && this.drawTextDecoration(t, bt, 0, 0, Rt, vt), t.restore(), t.globalAlpha = gt, w === "justify" && G > 0 && ot === " " && !U ? kt += Rt + k + G : kt += Rt + k;
+          bt !== "none" && !r && this.drawTextDecoration(t, bt, 0, 0, Rt, vt), t.restore(), t.globalAlpha = gt, w === "justify" && G > 0 && ot === " " && !U ? kt += Rt + M + G : kt += Rt + M;
         }
       }
     };
@@ -3508,11 +3559,11 @@ class li {
       t.strokeStyle = a.color || "#000000";
     const c = t.globalAlpha;
     t.globalAlpha = c * this.normalizeOpacity(a.opacity ?? 100), t.lineWidth = r, t.lineCap = a.lineCap || "round", t.lineJoin = a.lineJoin || "round", a.miterLimit !== void 0 && (t.miterLimit = a.miterLimit);
-    const g = a.trimStart ?? 0, f = a.trimEnd ?? 1, d = a.trimOffset ?? 0, u = a.dashOffset ?? 0, m = a.dashArray || [];
-    if (g !== 0 || f !== 1 || d !== 0) {
+    const g = a.trimStart ?? 0, h = a.trimEnd ?? 1, d = a.trimOffset ?? 0, u = a.dashOffset ?? 0, m = a.dashArray || [];
+    if (g !== 0 || h !== 1 || d !== 0) {
       const y = this.getPerimeter(o, e, i);
       if (y > 0) {
-        const v = Math.max(0, Math.min(1, g)), b = Math.max(0, Math.min(1, f));
+        const v = Math.max(0, Math.min(1, g)), b = Math.max(0, Math.min(1, h));
         if (v < b) {
           const C = y * (b - v), S = y - C, I = -(y * (v + d % 1));
           t.setLineDash([C, S]), t.lineDashOffset = I + u * y;
@@ -3535,8 +3586,8 @@ class li {
         if (n >= 360 && a <= 0) return r;
         let l = n / 360 * r;
         if (a > 0) {
-          const h = Math.PI * (3 * (e * a + i * a) - Math.sqrt((3 * e * a + i * a) * (e * a + 3 * i * a)));
-          l += n / 360 * h, n < 360 && (l += 2 * Math.sqrt((e - e * a) ** 2 + (i - i * a) ** 2));
+          const f = Math.PI * (3 * (e * a + i * a) - Math.sqrt((3 * e * a + i * a) * (e * a + 3 * i * a)));
+          l += n / 360 * f, n < 360 && (l += 2 * Math.sqrt((e - e * a) ** 2 + (i - i * a) ** 2));
         } else n < 360 && (l += 2 * Math.max(e, i));
         return isNaN(l) ? 0 : l;
       }
@@ -3562,17 +3613,17 @@ class li {
             n = l.x, a = l.y;
             continue;
           }
-          const h = n, c = a, g = e[r - 1].out_x, f = e[r - 1].out_y;
+          const f = n, c = a, g = e[r - 1].out_x, h = e[r - 1].out_y;
           if (g !== void 0 || l.in_x !== void 0 ? i += this.getBezierLength(
-            h,
+            f,
             c,
-            g ?? h,
-            f ?? c,
+            g ?? f,
+            h ?? c,
             l.in_x ?? l.x,
             l.in_y ?? l.y,
             l.x,
             l.y
-          ) : i += Math.sqrt((l.x - h) ** 2 + (l.y - c) ** 2), n = l.x, a = l.y, l.closePath || r === e.length - 1 && (t.is_closed || t.isClosed)) {
+          ) : i += Math.sqrt((l.x - f) ** 2 + (l.y - c) ** 2), n = l.x, a = l.y, l.closePath || r === e.length - 1 && (t.is_closed || t.isClosed)) {
             const d = n, u = a, m = [...e.slice(0, r + 1)].reverse().find((w) => w.moveTo) || e[0], y = m.x, v = m.y, b = e[r].out_x, C = e[r].out_y, S = m.in_x, I = m.in_y;
             b !== void 0 || S !== void 0 ? i += this.getBezierLength(
               d,
@@ -3593,23 +3644,23 @@ class li {
     }
   }
   getBezierLength(t, s, o, e, i, n, a, r, l = 10) {
-    let h = 0, c = t, g = s;
-    for (let f = 1; f <= l; f++) {
-      const d = f / l, u = 1 - d, m = d * d, y = u * u, v = y * u, b = m * d, C = v * t + 3 * y * d * o + 3 * u * m * i + b * a, S = v * s + 3 * y * d * e + 3 * u * m * n + b * r, I = C - c, w = S - g;
-      h += Math.sqrt(I * I + w * w), c = C, g = S;
+    let f = 0, c = t, g = s;
+    for (let h = 1; h <= l; h++) {
+      const d = h / l, u = 1 - d, m = d * d, y = u * u, v = y * u, b = m * d, C = v * t + 3 * y * d * o + 3 * u * m * i + b * a, S = v * s + 3 * y * d * e + 3 * u * m * n + b * r, I = C - c, w = S - g;
+      f += Math.sqrt(I * I + w * w), c = C, g = S;
     }
-    return h;
+    return f;
   }
-  getBezierTAtLength(t, s, o, e, i, n, a, r, l, h = 20) {
+  getBezierTAtLength(t, s, o, e, i, n, a, r, l, f = 20) {
     if (t <= 0) return 0;
-    let c = 0, g = s, f = o;
-    for (let d = 1; d <= h; d++) {
-      const u = d / h, m = 1 - u, y = u * u, v = m * m, b = v * m, C = y * u, S = b * s + 3 * v * u * e + 3 * m * y * n + C * r, I = b * o + 3 * v * u * i + 3 * m * y * a + C * l, w = S - g, k = I - f, E = Math.sqrt(w * w + k * k);
-      if (c + E >= t) {
-        const T = t - c, W = E === 0 ? 0 : T / E;
-        return (d - 1 + W) / h;
+    let c = 0, g = s, h = o;
+    for (let d = 1; d <= f; d++) {
+      const u = d / f, m = 1 - u, y = u * u, v = m * m, b = v * m, C = y * u, S = b * s + 3 * v * u * e + 3 * m * y * n + C * r, I = b * o + 3 * v * u * i + 3 * m * y * a + C * l, w = S - g, M = I - h, P = Math.sqrt(w * w + M * M);
+      if (c + P >= t) {
+        const T = t - c, W = P === 0 ? 0 : T / P;
+        return (d - 1 + W) / f;
       }
-      c += E, g = S, f = I;
+      c += P, g = S, h = I;
     }
     return 1;
   }
@@ -3621,7 +3672,7 @@ class li {
       i.forEach((v) => {
         typeof v.x == "number" && typeof v.y == "number" && (n = Math.min(n, v.x), a = Math.max(a, v.x), r = Math.min(r, v.y), l = Math.max(l, v.y), v.out_x !== void 0 && (n = Math.min(n, v.out_x), a = Math.max(a, v.out_x)), v.out_y !== void 0 && (r = Math.min(r, v.out_y), l = Math.max(l, v.out_y)), v.in_x !== void 0 && (n = Math.min(n, v.in_x), a = Math.max(a, v.in_x)), v.in_y !== void 0 && (r = Math.min(r, v.in_y), l = Math.max(l, v.in_y)));
       });
-      const h = (n + a) / 2, c = (r + l) / 2, f = this.getPerimeter(t, s, o) * e;
+      const f = (n + a) / 2, c = (r + l) / 2, h = this.getPerimeter(t, s, o) * e;
       let d = 0;
       const u = [];
       let m = i[0], y = i[0];
@@ -3637,30 +3688,30 @@ class li {
         const b = v.p0, C = v.p1;
         let S = 0;
         const I = b.out_x !== void 0 || C.in_x !== void 0;
-        if (I ? S = this.getBezierLength(b.x, b.y, b.out_x ?? b.x, b.out_y ?? b.y, C.in_x ?? C.x, C.in_y ?? C.y, C.x, C.y) : S = Math.sqrt((C.x - b.x) ** 2 + (C.y - b.y) ** 2), d + S >= f || v === u[u.length - 1]) {
+        if (I ? S = this.getBezierLength(b.x, b.y, b.out_x ?? b.x, b.out_y ?? b.y, C.in_x ?? C.x, C.in_y ?? C.y, C.x, C.y) : S = Math.sqrt((C.x - b.x) ** 2 + (C.y - b.y) ** 2), d + S >= h || v === u[u.length - 1]) {
           let w = 0;
           if (I)
-            return w = this.getBezierTAtLength(f - d, b.x, b.y, b.out_x ?? b.x, b.out_y ?? b.y, C.in_x ?? C.x, C.in_y ?? C.y, C.x, C.y, 20), this.getBezierPointAndAngle(w, b, C, h, c);
+            return w = this.getBezierTAtLength(h - d, b.x, b.y, b.out_x ?? b.x, b.out_y ?? b.y, C.in_x ?? C.x, C.in_y ?? C.y, C.x, C.y, 20), this.getBezierPointAndAngle(w, b, C, f, c);
           {
-            w = S === 0 ? 0 : (f - d) / S;
-            const k = b.x + (C.x - b.x) * w - h, E = b.y + (C.y - b.y) * w - c, T = Math.atan2(C.y - b.y, C.x - b.x);
-            return { x: k, y: E, angle: T };
+            w = S === 0 ? 0 : (h - d) / S;
+            const M = b.x + (C.x - b.x) * w - f, P = b.y + (C.y - b.y) * w - c, T = Math.atan2(C.y - b.y, C.x - b.x);
+            return { x: M, y: P, angle: T };
           }
         }
         d += S;
       }
     } else if (t.type === "Ellipse") {
-      const i = Math.abs(s) / 2, n = Math.abs(o) / 2, a = t.sweepAngle ?? 360, l = ((t.startAngle ?? 0) + a * e) * Math.PI / 180, h = i * Math.cos(l), c = n * Math.sin(l), g = -i * Math.sin(l), f = n * Math.cos(l), d = Math.atan2(f, g);
-      return { x: h, y: c, angle: d };
+      const i = Math.abs(s) / 2, n = Math.abs(o) / 2, a = t.sweepAngle ?? 360, l = ((t.startAngle ?? 0) + a * e) * Math.PI / 180, f = i * Math.cos(l), c = n * Math.sin(l), g = -i * Math.sin(l), h = n * Math.cos(l), d = Math.atan2(h, g);
+      return { x: f, y: c, angle: d };
     } else if ((t == null ? void 0 : t.type) === "Rectangle") {
       const i = Math.abs(s), n = Math.abs(o), r = (i + n) * 2 * e;
-      let l = 0, h = 0, c = 0;
-      return r < i ? (l = -i / 2 + r, h = -n / 2, c = 0) : r < i + n ? (l = i / 2, h = -n / 2 + (r - i), c = Math.PI / 2) : r < 2 * i + n ? (l = i / 2 - (r - (i + n)), h = n / 2, c = Math.PI) : (l = -i / 2, h = n / 2 - (r - (2 * i + n)), c = -Math.PI / 2), { x: l, y: h, angle: c };
+      let l = 0, f = 0, c = 0;
+      return r < i ? (l = -i / 2 + r, f = -n / 2, c = 0) : r < i + n ? (l = i / 2, f = -n / 2 + (r - i), c = Math.PI / 2) : r < 2 * i + n ? (l = i / 2 - (r - (i + n)), f = n / 2, c = Math.PI) : (l = -i / 2, f = n / 2 - (r - (2 * i + n)), c = -Math.PI / 2), { x: l, y: f, angle: c };
     }
     return { x: 0, y: 0, angle: 0 };
   }
   getBezierPointAndAngle(t, s, o, e, i) {
-    const n = s.x, a = s.y, r = s.out_x ?? s.x, l = s.out_y ?? s.y, h = o.in_x ?? o.x, c = o.in_y ?? o.y, g = o.x, f = o.y, d = 1 - t, u = t * t, m = d * d, y = m * d, v = u * t, b = y * n + 3 * m * t * r + 3 * d * u * h + v * g - e, C = y * a + 3 * m * t * l + 3 * d * u * c + v * f - i, S = 3 * m * (r - n) + 6 * d * t * (h - r) + 3 * u * (g - h), I = 3 * m * (l - a) + 6 * d * t * (c - l) + 3 * u * (f - c), w = Math.atan2(I, S);
+    const n = s.x, a = s.y, r = s.out_x ?? s.x, l = s.out_y ?? s.y, f = o.in_x ?? o.x, c = o.in_y ?? o.y, g = o.x, h = o.y, d = 1 - t, u = t * t, m = d * d, y = m * d, v = u * t, b = y * n + 3 * m * t * r + 3 * d * u * f + v * g - e, C = y * a + 3 * m * t * l + 3 * d * u * c + v * h - i, S = 3 * m * (r - n) + 6 * d * t * (f - r) + 3 * u * (g - f), I = 3 * m * (l - a) + 6 * d * t * (c - l) + 3 * u * (h - c), w = Math.atan2(I, S);
     return { x: b, y: C, angle: w };
   }
   applyAbsoluteTransform(t, s, o) {
@@ -3684,53 +3735,53 @@ class li {
     t.scale(e, i);
   }
   applyArtEffectOverlay(t, s, o, e, i, n) {
-    var f, d, u, m, y;
-    const a = this.objectStates.get(s.id), r = ((f = a == null ? void 0 : a.style) == null ? void 0 : f.artEffect) || s.artEffect || ((d = s.style) == null ? void 0 : d.artEffect);
+    var h, d, u, m, y;
+    const a = this.objectStates.get(s.id), r = ((h = a == null ? void 0 : a.style) == null ? void 0 : h.artEffect) || s.artEffect || ((d = s.style) == null ? void 0 : d.artEffect);
     if (!r || !r.enabled) return;
-    const l = r.type, h = r.intensity ?? 0.5, c = r.speed ?? 1, g = r.scale ?? 10;
+    const l = r.type, f = r.intensity ?? 0.5, c = r.speed ?? 1, g = 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, i, n), t.clip(), l === "shimmer") {
         const b = this.currentTime * c % 2 / 2, C = t.createLinearGradient(-e, -i, e, i);
-        C.addColorStop(Math.max(0, b - 0.2), "rgba(255,255,255,0)"), C.addColorStop(b, `rgba(255,255,255,${h * 0.8})`), C.addColorStop(Math.min(1, b + 0.2), "rgba(255,255,255,0)"), t.fillStyle = C, t.globalCompositeOperation = "screen", t.fillRect(-e / 2, -i / 2, e, i), t.globalCompositeOperation = "source-over";
+        C.addColorStop(Math.max(0, b - 0.2), "rgba(255,255,255,0)"), C.addColorStop(b, `rgba(255,255,255,${f * 0.8})`), C.addColorStop(Math.min(1, b + 0.2), "rgba(255,255,255,0)"), t.fillStyle = C, t.globalCompositeOperation = "screen", t.fillRect(-e / 2, -i / 2, e, i), t.globalCompositeOperation = "source-over";
       } else if (l === "glint_overlay") {
         let C = ((this._lastPointerPos || { x: 0 }).x - (((u = s.transform) == null ? void 0 : u.x) ?? 0) + 300) / 600;
         C = Math.max(-0.2, Math.min(1.2, C));
         const S = t.createLinearGradient(-e, -i, e, i);
-        S.addColorStop(Math.max(0, C - 0.15), "rgba(255,255,255,0)"), S.addColorStop(Math.max(0, Math.min(1, C)), `rgba(255,255,255,${h})`), S.addColorStop(Math.min(1, C + 0.15), "rgba(255,255,255,0)"), t.fillStyle = S, t.globalCompositeOperation = "screen", t.fillRect(-e / 2, -i / 2, e, i), t.globalCompositeOperation = "source-over";
+        S.addColorStop(Math.max(0, C - 0.15), "rgba(255,255,255,0)"), S.addColorStop(Math.max(0, Math.min(1, C)), `rgba(255,255,255,${f})`), S.addColorStop(Math.min(1, C + 0.15), "rgba(255,255,255,0)"), t.fillStyle = S, t.globalCompositeOperation = "screen", t.fillRect(-e / 2, -i / 2, e, i), t.globalCompositeOperation = "source-over";
       } else if (l === "fold_overlay") {
         const v = this._lastPointerPos || { x: 0, y: 0 }, b = v.x - (((m = s.transform) == null ? void 0 : m.x) ?? 0), C = v.y - (((y = s.transform) == null ? void 0 : y.y) ?? 0), S = t.createLinearGradient(b > 0 ? -e / 2 : e / 2, C > 0 ? -i / 2 : i / 2, b > 0 ? e / 2 : -e / 2, C > 0 ? i / 2 : -i / 2);
-        S.addColorStop(0, `rgba(0,0,0,${h * 0.6})`), S.addColorStop(0.4, "rgba(0,0,0,0)"), S.addColorStop(0.5, `rgba(255,255,255,${h * 0.4})`), S.addColorStop(1, `rgba(0,0,0,${h * 0.2})`), t.fillStyle = S, t.globalCompositeOperation = "overlay", t.fillRect(-e / 2, -i / 2, e, i), t.globalCompositeOperation = "source-over", t.beginPath(), b > 0 && C > 0 ? (t.moveTo(e / 2 - 40, i / 2), t.lineTo(e / 2, i / 2 - 40), t.lineTo(e / 2 - 40, i / 2 - 40)) : b < 0 && C > 0 ? (t.moveTo(-e / 2 + 40, i / 2), t.lineTo(-e / 2, i / 2 - 40), t.lineTo(-e / 2 + 40, i / 2 - 40)) : b > 0 && C < 0 ? (t.moveTo(e / 2 - 40, -i / 2), t.lineTo(e / 2, -i / 2 + 40), t.lineTo(e / 2 - 40, -i / 2 + 40)) : (t.moveTo(-e / 2 + 40, -i / 2), t.lineTo(-e / 2, -i / 2 + 40), t.lineTo(-e / 2 + 40, -i / 2 + 40)), t.closePath(), t.fillStyle = "#ffffff", t.shadowColor = "rgba(0,0,0,0.5)", t.shadowBlur = 10, t.shadowOffsetX = b > 0 ? -2 : 2, t.shadowOffsetY = C > 0 ? -2 : 2, t.fill();
+        S.addColorStop(0, `rgba(0,0,0,${f * 0.6})`), S.addColorStop(0.4, "rgba(0,0,0,0)"), S.addColorStop(0.5, `rgba(255,255,255,${f * 0.4})`), S.addColorStop(1, `rgba(0,0,0,${f * 0.2})`), t.fillStyle = S, t.globalCompositeOperation = "overlay", t.fillRect(-e / 2, -i / 2, e, i), t.globalCompositeOperation = "source-over", t.beginPath(), b > 0 && C > 0 ? (t.moveTo(e / 2 - 40, i / 2), t.lineTo(e / 2, i / 2 - 40), t.lineTo(e / 2 - 40, i / 2 - 40)) : b < 0 && C > 0 ? (t.moveTo(-e / 2 + 40, i / 2), t.lineTo(-e / 2, i / 2 - 40), t.lineTo(-e / 2 + 40, i / 2 - 40)) : b > 0 && C < 0 ? (t.moveTo(e / 2 - 40, -i / 2), t.lineTo(e / 2, -i / 2 + 40), t.lineTo(e / 2 - 40, -i / 2 + 40)) : (t.moveTo(-e / 2 + 40, -i / 2), t.lineTo(-e / 2, -i / 2 + 40), t.lineTo(-e / 2 + 40, -i / 2 + 40)), t.closePath(), t.fillStyle = "#ffffff", t.shadowColor = "rgba(0,0,0,0.5)", t.shadowBlur = 10, t.shadowOffsetX = b > 0 ? -2 : 2, t.shadowOffsetY = C > 0 ? -2 : 2, t.fill();
       } else if (l === "crumple_overlay") {
         const v = Math.floor(e / g), b = document.createElement("canvas");
         b.width = v, b.height = Math.floor(i / g);
         const C = b.getContext("2d"), S = C.createImageData(b.width, b.height);
         for (let I = 0; I < S.data.length; I += 4) {
           const w = Math.random() > 0.95 ? 150 : 255;
-          S.data[I] = w, S.data[I + 1] = w, S.data[I + 2] = w, S.data[I + 3] = 255 * h;
+          S.data[I] = w, S.data[I + 1] = w, S.data[I + 2] = w, S.data[I + 3] = 255 * f;
         }
         C.putImageData(S, 0, 0), t.globalCompositeOperation = "multiply", t.imageSmoothingEnabled = !1, t.drawImage(b, -e / 2, -i / 2, e, i);
       } else if (l === "acid_gradient" || l === "acid_rave") {
         const v = this.currentTime * c, b = r.color1, C = r.color2, S = t.createLinearGradient(-e / 2, -i / 2, e / 2, i / 2);
         if (b && C) {
           const I = v * 60 % 360;
-          S.addColorStop(0, this._shiftHue(b, I, h * 0.7)), S.addColorStop(1, this._shiftHue(C, (I + 180) % 360, h * 0.7));
+          S.addColorStop(0, this._shiftHue(b, I, f * 0.7)), S.addColorStop(1, this._shiftHue(C, (I + 180) % 360, f * 0.7));
         } else {
           const I = v * 100 % 360, w = (I + 180) % 360;
-          S.addColorStop(0, `hsla(${I}, 80%, 50%, ${h * 0.5})`), S.addColorStop(1, `hsla(${w}, 80%, 50%, ${h * 0.5})`);
+          S.addColorStop(0, `hsla(${I}, 80%, 50%, ${f * 0.5})`), S.addColorStop(1, `hsla(${w}, 80%, 50%, ${f * 0.5})`);
         }
         t.fillStyle = S, t.globalCompositeOperation = "screen", t.fillRect(-e / 2, -i / 2, e, i);
       } else if (l === "halftone") {
-        const v = Math.max(2, g * (1 - h * 0.8)), b = document.createElement("canvas");
+        const v = Math.max(2, g * (1 - f * 0.8)), b = document.createElement("canvas");
         b.width = v, b.height = v;
         const C = b.getContext("2d");
         if (C) {
-          C.fillStyle = "black", C.beginPath(), C.arc(v / 2, v / 2, v / 2 * h, 0, Math.PI * 2), C.fill();
+          C.fillStyle = "black", C.beginPath(), C.arc(v / 2, v / 2, v / 2 * f, 0, Math.PI * 2), C.fill();
           const S = t.createPattern(b, "repeat");
-          S && (t.globalAlpha = 0.3 * h, t.fillStyle = S, t.fillRect(-e / 2, -i / 2, e, i));
+          S && (t.globalAlpha = 0.3 * f, t.fillStyle = S, t.fillRect(-e / 2, -i / 2, e, i));
         }
       } else if (l === "noise") {
-        const v = Math.floor(e * i * h * 0.02);
-        t.globalAlpha = 0.4 * h;
+        const v = Math.floor(e * i * f * 0.02);
+        t.globalAlpha = 0.4 * f;
         for (let b = 0; b < v; b++) {
           const C = Math.random() > 0.5 ? 255 : 0;
           t.fillStyle = `rgba(${C}, ${C}, ${C}, ${0.5 + Math.random() * 0.5})`, t.fillRect(
@@ -3741,32 +3792,32 @@ class li {
           );
         }
       } else if (l === "scanlines") {
-        t.globalAlpha = 0.2 * h, t.strokeStyle = "rgba(0,0,0,0.5)", t.lineWidth = 1;
+        t.globalAlpha = 0.2 * f, t.strokeStyle = "rgba(0,0,0,0.5)", t.lineWidth = 1;
         for (let v = -i / 2; v < i / 2; v += 4)
           t.beginPath(), t.moveTo(-e / 2, v), t.lineTo(e / 2, v), t.stroke();
       } else if (l === "chromatic_aberration") {
-        const v = 5 * h;
+        const v = 5 * f;
         t.globalCompositeOperation = "screen", t.globalAlpha = 0.5, t.fillStyle = "cyan", t.fillRect(-e / 2 - v, -i / 2, e, i), t.fillStyle = "magenta", t.fillRect(-e / 2 + v, -i / 2, e, i);
       } else if (l === "pixelate") {
-        const v = Math.max(2, Math.round(g * (1 - h * 0.5))), b = document.createElement("canvas"), C = Math.max(1, Math.ceil(e / v)), S = Math.max(1, Math.ceil(i / v));
+        const v = Math.max(2, Math.round(g * (1 - f * 0.5))), b = document.createElement("canvas"), C = Math.max(1, Math.ceil(e / v)), S = Math.max(1, Math.ceil(i / v));
         b.width = C, b.height = S;
         const I = b.getContext("2d");
         if (I) {
           I.imageSmoothingEnabled = !1;
-          const w = t.getTransform(), k = w.e - e / 2, E = w.f - i / 2;
-          I.drawImage(t.canvas, k, E, e, i, 0, 0, C, S), t.imageSmoothingEnabled = !1, t.drawImage(b, 0, 0, C, S, -e / 2, -i / 2, e, i), t.imageSmoothingEnabled = !0;
+          const w = t.getTransform(), M = w.e - e / 2, P = w.f - i / 2;
+          I.drawImage(t.canvas, M, P, e, i, 0, 0, C, S), t.imageSmoothingEnabled = !1, t.drawImage(b, 0, 0, C, S, -e / 2, -i / 2, e, i), t.imageSmoothingEnabled = !0;
         }
       } else if (l === "glitch") {
-        const v = this.currentTime * c, b = r.chaosAmount ?? 0.2, C = Math.max(3, Math.floor(8 * h)), S = h * e * 0.15;
-        t.globalCompositeOperation = "screen", t.globalAlpha = h * 0.4;
+        const v = this.currentTime * c, b = r.chaosAmount ?? 0.2, C = Math.max(3, Math.floor(8 * f)), S = f * e * 0.15;
+        t.globalCompositeOperation = "screen", t.globalAlpha = f * 0.4;
         const I = S * 0.3;
         t.fillStyle = "rgba(255, 0, 0, 0.4)", t.fillRect(-e / 2 + I, -i / 2, e, i), t.fillStyle = "rgba(0, 255, 255, 0.4)", t.fillRect(-e / 2 - I, -i / 2, e, i), t.globalCompositeOperation = "source-over", t.globalAlpha = 1;
         const w = i / C;
-        for (let k = 0; k < C; k++) {
-          const E = Math.sin(k * 127.1 + v * 311.7 * c) * 43758.5, T = E - Math.floor(E);
+        for (let M = 0; M < C; M++) {
+          const P = Math.sin(M * 127.1 + v * 311.7 * c) * 43758.5, T = P - Math.floor(P);
           if (T > 1 - b) {
-            const W = (T - (1 - b)) / b * S * (Math.random() > 0.5 ? 1 : -1), M = -i / 2 + k * w, _ = t.getTransform(), L = _.e - e / 2 + W, x = _.f + M;
-            t.save(), t.beginPath(), t.rect(-e / 2, M, e, w), t.clip(), t.globalAlpha = 0.8, t.drawImage(t.canvas, L, x, e, w, -e / 2 + W, M, e, w), t.restore();
+            const W = (T - (1 - b)) / b * S * (Math.random() > 0.5 ? 1 : -1), k = -i / 2 + M * w, _ = t.getTransform(), L = _.e - e / 2 + W, x = _.f + k;
+            t.save(), t.beginPath(), t.rect(-e / 2, k, e, w), t.clip(), t.globalAlpha = 0.8, t.drawImage(t.canvas, L, x, e, w, -e / 2 + W, k, e, w), t.restore();
           }
         }
       }
@@ -3777,26 +3828,26 @@ class li {
   _shiftHue(t, s, o) {
     let e = 0, i = 0, n = 0;
     if (t.startsWith("#")) {
-      const f = t.replace("#", "");
-      e = parseInt(f.substring(0, 2), 16) / 255, i = parseInt(f.substring(2, 4), 16) / 255, n = parseInt(f.substring(4, 6), 16) / 255;
+      const h = t.replace("#", "");
+      e = parseInt(h.substring(0, 2), 16) / 255, i = parseInt(h.substring(2, 4), 16) / 255, n = parseInt(h.substring(4, 6), 16) / 255;
     }
     const a = Math.max(e, i, n), r = Math.min(e, i, n);
-    let l = 0, h = 0, c = (a + r) / 2;
+    let l = 0, f = 0, c = (a + r) / 2;
     if (a !== r) {
-      const f = a - r;
-      switch (h = c > 0.5 ? f / (2 - a - r) : f / (a + r), a) {
+      const h = a - r;
+      switch (f = c > 0.5 ? h / (2 - a - r) : h / (a + r), a) {
         case e:
-          l = ((i - n) / f + (i < n ? 6 : 0)) / 6;
+          l = ((i - n) / h + (i < n ? 6 : 0)) / 6;
           break;
         case i:
-          l = ((n - e) / f + 2) / 6;
+          l = ((n - e) / h + 2) / 6;
           break;
         case n:
-          l = ((e - i) / f + 4) / 6;
+          l = ((e - i) / h + 4) / 6;
           break;
       }
     }
-    return `hsla(${(((l * 360 + s) % 360 + 360) % 360).toFixed(0)}, ${(h * 100).toFixed(0)}%, ${(c * 100).toFixed(0)}%, ${o})`;
+    return `hsla(${(((l * 360 + s) % 360 + 360) % 360).toFixed(0)}, ${(f * 100).toFixed(0)}%, ${(c * 100).toFixed(0)}%, ${o})`;
   }
   /**
    * Simulate CSS `backdrop-filter: blur()` + glass overlay on Canvas2D.
@@ -3807,15 +3858,15 @@ class li {
    * 4. Apply the overlay color tint, sheen highlight, noise grain, and glass border
    */
   applyBackgroundBlurGlass(t, s, o, e, i, n) {
-    const a = n.radius ?? 10, r = n.color ?? "rgba(255,255,255,0.2)", l = n.opacity ?? 0.5, h = n.noise ?? 0;
+    const a = n.radius ?? 10, r = n.color ?? "rgba(255,255,255,0.2)", l = n.opacity ?? 0.5, f = n.noise ?? 0;
     t.save(), this.applyPath(t, s, o, e, i), t.clip();
-    const c = t.getTransform(), g = c.e - o / 2, f = c.f - e / 2;
+    const c = t.getTransform(), g = c.e - o / 2, h = c.f - e / 2;
     try {
       const u = document.createElement("canvas");
       u.width = Math.max(1, Math.ceil(o)), u.height = Math.max(1, Math.ceil(e));
       const m = u.getContext("2d");
       if (m) {
-        m.drawImage(t.canvas, g, f, o, e, 0, 0, o, e), m.filter = `blur(${a}px)`;
+        m.drawImage(t.canvas, g, h, o, e, 0, 0, o, e), m.filter = `blur(${a}px)`;
         const y = document.createElement("canvas");
         y.width = u.width, y.height = u.height;
         const v = y.getContext("2d");
@@ -3825,8 +3876,8 @@ class li {
     }
     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";
     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), h > 0) {
-      if (t.globalAlpha = h / 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), f > 0) {
+      if (t.globalAlpha = f / 100, !this._noiseTileCanvas) {
         const m = document.createElement("canvas");
         m.width = 64, m.height = 64;
         const y = m.getContext("2d"), v = y.createImageData(64, 64), b = v.data;
@@ -3852,15 +3903,15 @@ class li {
       } else if (s.type === "Line")
         t.moveTo(-o / 2, 0), t.lineTo(o / 2, 0);
       else if (s.type === "Ellipse") {
-        const { startAngle: n = 0, sweepAngle: a = 360, ratio: r = 0 } = s, l = o / 2, h = e / 2, c = n * Math.PI / 180, g = a * Math.PI / 180, f = c + g;
-        a >= 360 && r <= 0 ? t.ellipse(0, 0, l, h, 0, 0, Math.PI * 2) : (t.ellipse(0, 0, l, h, 0, c, f, !1), r > 0 ? t.ellipse(0, 0, l * r, h * r, 0, f, c, !0) : t.lineTo(0, 0), t.closePath());
+        const { startAngle: n = 0, sweepAngle: a = 360, ratio: r = 0 } = s, l = o / 2, f = e / 2, c = n * Math.PI / 180, g = a * Math.PI / 180, h = c + g;
+        a >= 360 && r <= 0 ? t.ellipse(0, 0, l, f, 0, 0, Math.PI * 2) : (t.ellipse(0, 0, l, f, 0, c, h, !1), r > 0 ? t.ellipse(0, 0, l * r, f * r, 0, h, c, !0) : t.lineTo(0, 0), t.closePath());
       } else if (s.type === "Triangle")
         t.moveTo(0, -e / 2), t.lineTo(o / 2, e / 2), t.lineTo(-o / 2, e / 2), t.closePath();
       else if (s.type === "Polygon") {
         const n = s.sides || 3, a = s.radius || Math.min(o, e) / 2;
         for (let r = 0; r < n; r++) {
-          const l = r * 2 * Math.PI / n - Math.PI / 2, h = a * Math.cos(l), c = a * Math.sin(l);
-          r === 0 ? t.moveTo(h, c) : t.lineTo(h, c);
+          const l = r * 2 * Math.PI / n - Math.PI / 2, f = a * Math.cos(l), c = a * Math.sin(l);
+          r === 0 ? t.moveTo(f, c) : t.lineTo(f, c);
         }
         t.closePath();
       } else if (s.type === "Star") {
@@ -3868,8 +3919,8 @@ class li {
         let r = s.inner_radius;
         r == null ? r = a * 0.382 : r <= 1 && (r = a * r);
         for (let l = 0; l < n * 2; l++) {
-          const h = l * Math.PI / n - Math.PI / 2, c = l % 2 === 0 ? a : r, g = c * Math.cos(h), f = c * Math.sin(h);
-          l === 0 ? t.moveTo(g, f) : t.lineTo(g, f);
+          const f = l * Math.PI / n - Math.PI / 2, c = l % 2 === 0 ? a : r, g = c * Math.cos(f), h = c * Math.sin(f);
+          l === 0 ? t.moveTo(g, h) : t.lineTo(g, h);
         }
         t.closePath();
       } else if (((s == null ? void 0 : s.type) === "Path" || s.type === "Subtract" || s.type === "Union" || s.type === "Intersect" || s.type === "Exclude" || s.type === "BooleanOperation") && s.points) {
@@ -3878,28 +3929,28 @@ class li {
         if (s.points.forEach((g) => {
           typeof g.x == "number" && typeof g.y == "number" && (n = Math.min(n, g.x), a = Math.max(a, g.x), r = Math.min(r, g.y), l = Math.max(l, g.y), g.out_x !== void 0 && (n = Math.min(n, g.out_x), a = Math.max(a, g.out_x)), g.out_y !== void 0 && (r = Math.min(r, g.out_y), l = Math.max(l, g.out_y)), g.in_x !== void 0 && (n = Math.min(n, g.in_x), a = Math.max(a, g.in_x)), g.in_y !== void 0 && (r = Math.min(r, g.in_y), l = Math.max(l, g.in_y)));
         }), n === 1 / 0) return;
-        const h = (n + a) / 2, c = (r + l) / 2;
-        if (isNaN(h) || isNaN(c)) {
-          console.warn("[Engine] Invalid path center:", h, c);
+        const f = (n + a) / 2, c = (r + l) / 2;
+        if (isNaN(f) || isNaN(c)) {
+          console.warn("[Engine] Invalid path center:", f, c);
           return;
         }
-        s.points.forEach((g, f) => {
-          if (f === 0 || g.moveTo)
-            t.moveTo(g.x - h, g.y - c);
+        s.points.forEach((g, h) => {
+          if (h === 0 || g.moveTo)
+            t.moveTo(g.x - f, g.y - c);
           else {
-            const d = s.points[f - 1];
+            const d = s.points[h - 1];
             if (!d) return;
-            const u = (d.out_x ?? d.x) - h, m = (d.out_y ?? d.y) - c, y = (g.in_x ?? g.x) - h, v = (g.in_y ?? g.y) - c;
-            isNaN(u) || isNaN(y) || isNaN(g.x) ? t.lineTo(g.x - h, g.y - c) : t.bezierCurveTo(u, m, y, v, g.x - h, g.y - c);
+            const u = (d.out_x ?? d.x) - f, m = (d.out_y ?? d.y) - c, y = (g.in_x ?? g.x) - f, v = (g.in_y ?? g.y) - c;
+            isNaN(u) || isNaN(y) || isNaN(g.x) ? t.lineTo(g.x - f, g.y - c) : t.bezierCurveTo(u, m, y, v, g.x - f, g.y - c);
           }
-          if (g.closePath || f === s.points.length - 1 && (s.is_closed || s.isClosed)) {
-            const d = [...s.points.slice(0, f + 1)].reverse().find((u) => u.moveTo) || s.points[0];
+          if (g.closePath || h === s.points.length - 1 && (s.is_closed || s.isClosed)) {
+            const d = [...s.points.slice(0, h + 1)].reverse().find((u) => u.moveTo) || s.points[0];
             d && (g.out_x !== void 0 || d.in_x !== void 0) && t.bezierCurveTo(
-              (g.out_x ?? g.x) - h,
+              (g.out_x ?? g.x) - f,
               (g.out_y ?? g.y) - c,
-              (d.in_x ?? d.x) - h,
+              (d.in_x ?? d.x) - f,
               (d.in_y ?? d.y) - c,
-              d.x - h,
+              d.x - f,
               d.y - c
             ), t.closePath();
           }
@@ -3909,41 +3960,41 @@ class li {
         s.points.forEach((g) => {
           n = Math.min(n, g.x), a = Math.max(a, g.x), r = Math.min(r, g.y), l = Math.max(l, g.y);
         });
-        const h = (n + a) / 2, c = (r + l) / 2;
-        s.points.forEach((g, f) => {
-          if (f === 0) t.moveTo(g.x - h, g.y - c);
+        const f = (n + a) / 2, c = (r + l) / 2;
+        s.points.forEach((g, h) => {
+          if (h === 0) t.moveTo(g.x - f, g.y - c);
           else {
-            const d = s.points[f - 1];
+            const d = s.points[h - 1];
             d.out_x !== void 0 || g.in_x !== void 0 ? t.bezierCurveTo(
-              (d.out_x ?? d.x) - h,
+              (d.out_x ?? d.x) - f,
               (d.out_y ?? d.y) - c,
-              (g.in_x ?? g.x) - h,
+              (g.in_x ?? g.x) - f,
               (g.in_y ?? g.y) - c,
-              g.x - h,
+              g.x - f,
               g.y - c
-            ) : t.lineTo(g.x - h, g.y - c);
+            ) : t.lineTo(g.x - f, g.y - c);
           }
-          (g.closePath || f === s.points.length - 1 && (s.is_closed || s.isClosed)) && t.closePath();
+          (g.closePath || h === s.points.length - 1 && (s.is_closed || s.isClosed)) && t.closePath();
         });
       }
     }
   }
   renderInputBox(t, s) {
     var dt, St;
-    const o = this.objectStates.get(s.id), e = (o == null ? void 0 : o.options) || s.options || {}, i = ((dt = s.geometry) == null ? void 0 : dt.width) || 250, n = ((St = s.geometry) == null ? void 0 : St.height) || 45, a = this.focusedId === s.id, r = this.lastHoveredObjectId === s.id, l = e.previewState || "default", h = l !== "default" ? l : a ? "focused" : r ? "hovered" : "default", c = e.label || { visible: !0, text: "Label" }, g = e.helperText || { visible: !1, text: "Helper text" }, f = e.leftIcon || { visible: !1 }, d = e.rightIcon || { visible: !1 }, u = e.multiline === !0, m = e.corner_radius ?? 8, y = e.corners || { tl: m, tr: m, bl: m, br: m }, v = [y.tl, y.tr, y.br, y.bl];
-    let b = e.backgroundColor || "rgba(31, 41, 55, 1)", C = e.borderColor || "rgba(55, 65, 81, 1)", S = e.borderWidth ?? 1.5, I = e.color || "#ffffff", w = e.placeholderColor || "rgba(156, 163, 175, 1)", k = e.fontSize || 14;
-    const E = `${h}Style`, T = e[E];
-    T ? (T.backgroundColor !== void 0 && (b = T.backgroundColor), T.borderColor !== void 0 && (C = T.borderColor), T.borderWidth !== void 0 && (S = T.borderWidth), T.color !== void 0 && (I = T.color), T.placeholderColor !== void 0 && (w = T.placeholderColor), T.fontSize !== void 0 && (k = T.fontSize)) : h === "focused" ? (C = e.focusBorderColor || "rgba(59, 130, 246, 1)", S = Math.max(S, 2)) : h === "hovered" || h === "hover" ? (C = e.hoverBorderColor || C, b = e.hoverBackgroundColor || b) : h === "disabled" ? (b = e.disabledBackgroundColor || "rgba(31, 41, 55, 0.6)", C = e.disabledBorderColor || "rgba(55, 65, 81, 0.4)") : h === "error" && (C = "rgba(239, 68, 68, 1)", S = Math.max(S, 2)), t.beginPath(), this.drawRoundRect(t, -i / 2, -n / 2, i, n, v);
+    const o = this.objectStates.get(s.id), e = (o == null ? void 0 : o.options) || s.options || {}, i = ((dt = s.geometry) == null ? void 0 : dt.width) || 250, n = ((St = s.geometry) == null ? void 0 : St.height) || 45, a = this.focusedId === s.id, r = this.lastHoveredObjectId === s.id, l = e.previewState || "default", f = l !== "default" ? l : a ? "focused" : r ? "hovered" : "default", c = e.label || { visible: !0, text: "Label" }, g = e.helperText || { visible: !1, text: "Helper text" }, h = e.leftIcon || { visible: !1 }, d = e.rightIcon || { visible: !1 }, u = e.multiline === !0, m = e.corner_radius ?? 8, y = e.corners || { tl: m, tr: m, bl: m, br: m }, v = [y.tl, y.tr, y.br, y.bl];
+    let b = e.backgroundColor || "rgba(31, 41, 55, 1)", C = e.borderColor || "rgba(55, 65, 81, 1)", S = e.borderWidth ?? 1.5, I = e.color || "#ffffff", w = e.placeholderColor || "rgba(156, 163, 175, 1)", M = e.fontSize || 14;
+    const P = `${f}Style`, T = e[P];
+    T ? (T.backgroundColor !== void 0 && (b = T.backgroundColor), T.borderColor !== void 0 && (C = T.borderColor), T.borderWidth !== void 0 && (S = T.borderWidth), T.color !== void 0 && (I = T.color), T.placeholderColor !== void 0 && (w = T.placeholderColor), T.fontSize !== void 0 && (M = T.fontSize)) : f === "focused" ? (C = e.focusBorderColor || "rgba(59, 130, 246, 1)", S = Math.max(S, 2)) : f === "hovered" || f === "hover" ? (C = e.hoverBorderColor || C, b = e.hoverBackgroundColor || b) : f === "disabled" ? (b = e.disabledBackgroundColor || "rgba(31, 41, 55, 0.6)", C = e.disabledBorderColor || "rgba(55, 65, 81, 0.4)") : f === "error" && (C = "rgba(239, 68, 68, 1)", S = Math.max(S, 2)), t.beginPath(), this.drawRoundRect(t, -i / 2, -n / 2, i, n, v);
     const W = this.createCanvasFill(t, b, i, n);
     if (W && (t.fillStyle = W, t.fill()), S > 0) {
       const ht = this.createCanvasFill(t, C, i, n);
-      if (ht && (t.strokeStyle = ht, t.lineWidth = S, t.stroke()), h === "focused" || h === "focus") {
+      if (ht && (t.strokeStyle = ht, t.lineWidth = S, t.stroke()), f === "focused" || f === "focus") {
         t.save(), t.beginPath();
         const mt = v.map((rt) => rt + 2);
         this.drawRoundRect(t, -i / 2 - 2, -n / 2 - 2, i + 4, n + 4, mt), t.strokeStyle = "rgba(59, 130, 246, 0.3)", t.lineWidth = 2, t.stroke(), t.restore();
       }
     }
-    const M = (ht, mt) => {
+    const k = (ht, mt) => {
       if (!ht.visible || !ht.svgPath) return;
       const rt = ht.size || 14, Lt = ht.offset ?? 16, Gt = ht.color || "#ffffff", Pt = mt ? -(i / 2) + Lt : i / 2 - Lt, Dt = ht.svgPath;
       if (t.save(), t.translate(Pt, 0), !Dt.startsWith("<svg")) {
@@ -3952,10 +4003,10 @@ class li {
       }
       t.restore();
     };
-    M(f, !0), M(d, !1);
-    const _ = e.text || "", L = e.placeholder || "Enter text...", x = !_, R = _ || L, $ = x ? w : I, O = k, V = e.fontFamily || "Inter", H = e.fontWeight || 400;
+    k(h, !0), k(d, !1);
+    const _ = e.text || "", L = e.placeholder || "Enter text...", x = !_, A = _ || L, $ = x ? w : I, O = M, V = e.fontFamily || "Inter", H = e.fontWeight || 400;
     t.font = `${H} ${O}px "${V}", sans-serif`, t.fillStyle = $, t.textAlign = "left", t.textBaseline = u ? "top" : "middle";
-    const et = e.inputPadding ?? 16, P = f.visible ? (f.offset ?? 16) + (f.size || 14) / 2 + 8 : et, F = d.visible ? (d.offset ?? 16) + (d.size || 14) / 2 + 8 : et, q = -(i / 2) + P, Q = i - P - F, it = e.inputType === "password" ? "•".repeat(R.length) : R;
+    const et = e.inputPadding ?? 16, E = h.visible ? (h.offset ?? 16) + (h.size || 14) / 2 + 8 : et, F = d.visible ? (d.offset ?? 16) + (d.size || 14) / 2 + 8 : et, q = -(i / 2) + E, Q = i - E - F, it = e.inputType === "password" ? "•".repeat(A.length) : A;
     if (t.save(), t.beginPath(), t.rect(q - 2, -n / 2 + 4, Q + 4, n - 8), t.clip(), u) {
       const ht = it.split(`
 `);
@@ -3986,14 +4037,14 @@ class li {
       t.fillText(ht, Gt, Pt);
     }
     if (g.visible === !0) {
-      const ht = g.text || "Helper text", mt = g.fontSize || 11, rt = h === "error" ? "rgba(239, 68, 68, 1)" : g.color || "rgba(156, 163, 175, 1)", Lt = g.offset ?? 6;
+      const ht = g.text || "Helper text", mt = g.fontSize || 11, rt = f === "error" ? "rgba(239, 68, 68, 1)" : g.color || "rgba(156, 163, 175, 1)", Lt = g.offset ?? 6;
       t.font = `400 ${mt}px "${V}", sans-serif`, t.fillStyle = rt, t.textAlign = "left", t.textBaseline = "top";
       const Gt = -(i / 2), Pt = n / 2 + Lt;
       t.fillText(ht, Gt, Pt);
     }
   }
   renderSlider(t, s) {
-    const o = this.objectStates.get(s.id), e = (o == null ? void 0 : o.geometry) || s.geometry, i = (o == null ? void 0 : o.options) || s.options || {}, n = e.width || 200, a = i.value ?? 50, r = i.min ?? 0, h = (i.max ?? 100) - r, c = h === 0 ? 0 : (a - r) / h, g = i.trackHeight || 4, f = i.trackRoundedness ?? 2, d = i.trackShape ?? "Rectangle", u = i.trackPath || "", m = i.accentColor || "#3b82f6", y = i.inactiveColor || "#374151", v = i.thumbShape || "Ellipse", b = i.thumbWidth ?? 16, C = i.thumbHeight ?? 16, S = i.thumbRoundedness ?? 0, I = i.thumbColor || "#ffffff", w = i.thumbPath || "", k = i.thumbIcon || "", E = i.showValueTooltip ?? !1, T = i.tooltipBgColor || "#333333", W = i.tooltipColor || "#ffffff", M = i.tooltipOffsetX ?? 0, _ = i.tooltipOffsetY ?? -25, L = (Q, it, dt, St, ht, mt, rt) => {
+    const o = this.objectStates.get(s.id), e = (o == null ? void 0 : o.geometry) || s.geometry, i = (o == null ? void 0 : o.options) || s.options || {}, n = e.width || 200, a = i.value ?? 50, r = i.min ?? 0, f = (i.max ?? 100) - r, c = f === 0 ? 0 : (a - r) / f, g = i.trackHeight || 4, h = i.trackRoundedness ?? 2, d = i.trackShape ?? "Rectangle", u = i.trackPath || "", m = i.accentColor || "#3b82f6", y = i.inactiveColor || "#374151", v = i.thumbShape || "Ellipse", b = i.thumbWidth ?? 16, C = i.thumbHeight ?? 16, S = i.thumbRoundedness ?? 0, I = i.thumbColor || "#ffffff", w = i.thumbPath || "", M = i.thumbIcon || "", P = i.showValueTooltip ?? !1, T = i.tooltipBgColor || "#333333", W = i.tooltipColor || "#ffffff", k = i.tooltipOffsetX ?? 0, _ = i.tooltipOffsetY ?? -25, L = (Q, it, dt, St, ht, mt, rt) => {
       if ((Q === "Custom" || Q === "Icon") && rt)
         try {
           const Lt = new Path2D(rt);
@@ -4031,26 +4082,26 @@ class li {
       } else Q === "Line" && (t.moveTo(it - St / 2, dt), t.lineTo(it + St / 2, dt));
       t.fill();
     }, x = this.createCanvasFill(t, y, n, g);
-    x && (t.fillStyle = x, t.strokeStyle = x), d === "Line" ? (t.lineWidth = g, t.beginPath(), t.moveTo(-n / 2, 0), t.lineTo(n / 2, 0), t.stroke()) : L(d, 0, 0, n, g, f, u);
-    const R = n - b, $ = -n / 2 + b / 2 + c * R, O = $ - -n / 2;
+    x && (t.fillStyle = x, t.strokeStyle = x), d === "Line" ? (t.lineWidth = g, t.beginPath(), t.moveTo(-n / 2, 0), t.lineTo(n / 2, 0), t.stroke()) : L(d, 0, 0, n, g, h, u);
+    const A = n - b, $ = -n / 2 + b / 2 + c * A, O = $ - -n / 2;
     if (O > 0) {
       const Q = this.createCanvasFill(t, m, n, g);
-      Q && (t.fillStyle = Q, t.strokeStyle = Q), d === "Line" ? (t.lineWidth = g, t.beginPath(), t.moveTo(-n / 2, 0), t.lineTo($, 0), t.stroke()) : d === "Rectangle" && (t.beginPath(), this.drawRoundRect(t, -n / 2, -g / 2, O, g, f), t.fill());
+      Q && (t.fillStyle = Q, t.strokeStyle = Q), d === "Line" ? (t.lineWidth = g, t.beginPath(), t.moveTo(-n / 2, 0), t.lineTo($, 0), t.stroke()) : d === "Rectangle" && (t.beginPath(), this.drawRoundRect(t, -n / 2, -g / 2, O, g, h), t.fill());
     }
     t.save(), t.translate($, 0);
     const V = t.getTransform(), H = Math.sqrt(V.a * V.a + V.b * V.b) || 1;
     t.shadowColor = "rgba(0,0,0,0.2)", t.shadowBlur = 4 * H, t.shadowOffsetY = 1 * H;
     const et = this.createCanvasFill(t, I, b, C);
-    if (et && (t.fillStyle = et), L(v, 0, 0, b, C, S, v === "Icon" ? k : w), t.restore(), E) {
-      t.save(), t.translate($ + M, _);
+    if (et && (t.fillStyle = et), L(v, 0, 0, b, C, S, v === "Icon" ? M : w), t.restore(), P) {
+      t.save(), t.translate($ + k, _);
       const Q = Math.round(a).toString();
       t.font = "10px Inter, sans-serif";
       const it = t.measureText(Q), dt = 6, St = 4, ht = it.width + dt * 2, mt = 14 + St;
       t.beginPath(), this.drawRoundRect(t, -ht / 2, -mt / 2, ht, mt, 4), t.fillStyle = T, t.fill(), t.fillStyle = W, t.textAlign = "center", t.textBaseline = "middle", t.fillText(Q, 0, 0), t.restore();
     }
-    const P = i.label || {}, F = i.helperText || {}, q = i.fontFamily || "Inter";
-    if (P.visible !== !1) {
-      const Q = P.text || "Label", it = P.fontSize || 12, dt = P.color || "rgba(156, 163, 175, 1)", St = P.offset ?? 8;
+    const E = i.label || {}, F = i.helperText || {}, q = i.fontFamily || "Inter";
+    if (E.visible !== !1) {
+      const Q = E.text || "Label", it = E.fontSize || 12, dt = E.color || "rgba(156, 163, 175, 1)", St = E.offset ?? 8;
       t.font = `600 ${it}px "${q}", sans-serif`, t.fillStyle = dt, t.textAlign = "left", t.textBaseline = "bottom";
       const ht = -(n / 2), mt = -(g / 2) - St;
       t.fillText(Q, ht, mt);
@@ -4066,11 +4117,11 @@ class li {
     var _;
     const o = this.objectStates.get(s.id);
     if (!o) return;
-    const e = o.options || s.options || {}, i = s.geometry.width || 160, n = s.geometry.height || 40, a = -i / 2, r = -n / 2, l = e.corner_radius ?? 6, h = e.disabled || e.previewState === "disabled", c = this.lastHoveredObjectId === s.id || e.previewState === "hover", g = (e.isOpen || e.previewState === "active") && !h;
-    let f = e.backgroundColor, d = e.borderColor, u = e.color || "#333333";
-    h ? (f = e.disabledBackgroundColor || "#f3f4f6", d = e.disabledBorderColor || "#e5e7eb", u = e.disabledColor || "#9ca3af") : g ? (f = e.activeBackgroundColor || f, d = e.activeBorderColor || d, u = e.activeColor || u) : c && (f = e.hoverBackgroundColor || f, d = e.hoverBorderColor || d, u = e.hoverColor || u), f || (f = "#ffffff"), d || (d = "#e5e7eb");
+    const e = o.options || s.options || {}, i = s.geometry.width || 160, n = s.geometry.height || 40, a = -i / 2, r = -n / 2, l = e.corner_radius ?? 6, f = e.disabled || e.previewState === "disabled", c = this.lastHoveredObjectId === s.id || e.previewState === "hover", g = (e.isOpen || e.previewState === "active") && !f;
+    let h = e.backgroundColor, d = e.borderColor, u = e.color || "#333333";
+    f ? (h = e.disabledBackgroundColor || "#f3f4f6", d = e.disabledBorderColor || "#e5e7eb", u = e.disabledColor || "#9ca3af") : g ? (h = e.activeBackgroundColor || h, d = e.activeBorderColor || d, u = e.activeColor || u) : c && (h = e.hoverBackgroundColor || h, d = e.hoverBorderColor || d, u = e.hoverColor || u), h || (h = "#ffffff"), d || (d = "#e5e7eb");
     const m = t.globalAlpha;
-    t.globalAlpha = m * (e.opacity ?? 1), this.drawRoundRect(t, a, r, i, n, l), t.fillStyle = this.createCanvasFill(t, typeof f == "string" ? { type: "Solid", color: f } : f, i, n) || "#ffffff", t.fill();
+    t.globalAlpha = m * (e.opacity ?? 1), this.drawRoundRect(t, a, r, i, n, l), t.fillStyle = this.createCanvasFill(t, typeof h == "string" ? { type: "Solid", color: h } : h, i, n) || "#ffffff", t.fill();
     const y = e.borderWidth ?? 1;
     y > 0 && (t.strokeStyle = this.createCanvasFill(t, typeof d == "string" ? { type: "Solid", color: d } : d, i, n) || "#e5e7eb", t.lineWidth = y, t.stroke());
     const v = 12, b = e.chevronType || "chevron", C = e.chevronSize || 16, S = (g ? e.openIconColor : e.closedIconColor) || e.chevronColor || "#6b7280";
@@ -4081,9 +4132,9 @@ class li {
       if (t.rotate(x * Math.PI / 180), t.strokeStyle = S, t.fillStyle = S, t.lineWidth = 1.5, t.lineCap = "round", t.lineJoin = "round", b === "chevron")
         t.beginPath(), t.moveTo(-C / 2, -C * 0.2), t.lineTo(0, C * 0.2), t.lineTo(C / 2, -C * 0.2), t.stroke();
       else if (b === "custom" || b === "path") {
-        const R = g && e.openIconPath || e.closedIconPath;
-        if (R) {
-          const $ = new Path2D(R);
+        const A = g && e.openIconPath || e.closedIconPath;
+        if (A) {
+          const $ = new Path2D(A);
           t.save();
           const O = C / 24;
           t.scale(O, O), t.translate(-12, -12), t.fill($), t.restore();
@@ -4091,78 +4142,78 @@ class li {
       }
       t.restore();
     }
-    const I = e.selectedOption || e.placeholder || "Select...", w = e.fontSize || 14, k = e.fontWeight || 400, E = e.fontFamily || "Inter, sans-serif";
-    t.font = `${k} ${w}px ${E}`;
-    const T = h ? e.disabledColor || "#9ca3af" : !e.selectedOption && e.placeholder ? "#9ca3af" : u;
+    const I = e.selectedOption || e.placeholder || "Select...", w = e.fontSize || 14, M = e.fontWeight || 400, P = e.fontFamily || "Inter, sans-serif";
+    t.font = `${M} ${w}px ${P}`;
+    const T = f ? e.disabledColor || "#9ca3af" : !e.selectedOption && e.placeholder ? "#9ca3af" : u;
     t.fillStyle = this.createCanvasFill(t, typeof T == "string" ? { type: "Solid", color: T } : T, i, n) || "#333333", t.textAlign = "left", t.textBaseline = "middle";
-    const W = b === "none" ? 0 : C + 8, M = i - v * 2 - W;
-    if (t.save(), t.beginPath(), t.rect(a + v, r, M, n), t.clip(), t.fillText(I, a + v, 0), t.restore(), g && !h) {
-      const L = r + n + 4, x = e.optionsList || [], R = e.itemHeight || 32, $ = e.listPadding ?? 4, O = x.length * R + $ * 2, V = e.listCornerRadius ?? l;
+    const W = b === "none" ? 0 : C + 8, k = i - v * 2 - W;
+    if (t.save(), t.beginPath(), t.rect(a + v, r, k, n), t.clip(), t.fillText(I, a + v, 0), t.restore(), g && !f) {
+      const L = r + n + 4, x = e.optionsList || [], A = e.itemHeight || 32, $ = e.listPadding ?? 4, O = x.length * A + $ * 2, V = e.listCornerRadius ?? l;
       t.save();
-      const H = e.listShadow || {}, et = t.getTransform(), P = Math.sqrt(et.a * et.a + et.b * et.b) || 1;
-      t.shadowColor = typeof H.color == "string" ? H.color : ((_ = H.color) == null ? void 0 : _.color) || "rgba(0,0,0,0.15)", t.shadowBlur = (H.blur ?? 12) * P, t.shadowOffsetY = (H.offsetY ?? 6) * P, t.shadowOffsetX = (H.offsetX ?? 0) * P, t.beginPath(), this.drawRoundRect(t, a, L, i, O, V), t.fillStyle = this.createCanvasFill(t, typeof e.listBackgroundColor == "string" ? { type: "Solid", color: e.listBackgroundColor } : e.listBackgroundColor || { type: "Solid", color: "#ffffff" }, i, O) || "#ffffff", t.fill();
+      const H = e.listShadow || {}, et = t.getTransform(), E = Math.sqrt(et.a * et.a + et.b * et.b) || 1;
+      t.shadowColor = typeof H.color == "string" ? H.color : ((_ = H.color) == null ? void 0 : _.color) || "rgba(0,0,0,0.15)", t.shadowBlur = (H.blur ?? 12) * E, t.shadowOffsetY = (H.offsetY ?? 6) * E, t.shadowOffsetX = (H.offsetX ?? 0) * E, t.beginPath(), this.drawRoundRect(t, a, L, i, O, V), t.fillStyle = this.createCanvasFill(t, typeof e.listBackgroundColor == "string" ? { type: "Solid", color: e.listBackgroundColor } : e.listBackgroundColor || { type: "Solid", color: "#ffffff" }, i, O) || "#ffffff", t.fill();
       const F = e.listBorderWidth ?? 1;
       F > 0 && (t.shadowColor = "transparent", t.strokeStyle = this.createCanvasFill(t, typeof e.listBorderColor == "string" ? { type: "Solid", color: e.listBorderColor } : e.listBorderColor || { type: "Solid", color: d }, i, O) || "#e5e7eb", t.lineWidth = F, t.stroke()), t.restore();
-      const q = e.itemFontSize || w, Q = e.itemFontFamily || E;
-      t.font = `${k} ${q}px ${Q}`, x.forEach((it, dt) => {
-        const St = L + $ + dt * R;
+      const q = e.itemFontSize || w, Q = e.itemFontFamily || P;
+      t.font = `${M} ${q}px ${Q}`, x.forEach((it, dt) => {
+        const St = L + $ + dt * A;
         if (it === e.selectedOption)
-          t.fillStyle = this.createCanvasFill(t, typeof e.itemSelectedBackgroundColor == "string" ? { type: "Solid", color: e.itemSelectedBackgroundColor } : e.itemSelectedBackgroundColor || { type: "Solid", color: "#f3f4f6" }, i, R) || "#f3f4f6", t.fillRect(a + F, St, i - F * 2, R), t.fillStyle = e.itemSelectedColor || e.accentColor || u || "#374151";
+          t.fillStyle = this.createCanvasFill(t, typeof e.itemSelectedBackgroundColor == "string" ? { type: "Solid", color: e.itemSelectedBackgroundColor } : e.itemSelectedBackgroundColor || { type: "Solid", color: "#f3f4f6" }, i, A) || "#f3f4f6", t.fillRect(a + F, St, i - F * 2, A), t.fillStyle = e.itemSelectedColor || e.accentColor || u || "#374151";
         else if (t.fillStyle = e.listTextColor || u || "#333333", this.activeDropdownId === s.id && this._lastPointerPos) {
-          const mt = this._lastPointerPos.y - (L + $), rt = Math.floor(mt / R);
-          dt === rt && (t.fillStyle = this.createCanvasFill(t, typeof e.itemHoverBackgroundColor == "string" ? { type: "Solid", color: e.itemHoverBackgroundColor } : e.itemHoverBackgroundColor || { type: "Solid", color: "#f9fafb" }, i, R) || "#f9fafb", t.fillRect(a + F, St, i - F * 2, R), t.fillStyle = e.itemHoverColor || u);
+          const mt = this._lastPointerPos.y - (L + $), rt = Math.floor(mt / A);
+          dt === rt && (t.fillStyle = this.createCanvasFill(t, typeof e.itemHoverBackgroundColor == "string" ? { type: "Solid", color: e.itemHoverBackgroundColor } : e.itemHoverBackgroundColor || { type: "Solid", color: "#f9fafb" }, i, A) || "#f9fafb", t.fillRect(a + F, St, i - F * 2, A), t.fillStyle = e.itemHoverColor || u);
         }
-        t.fillText(it, a + v, St + R / 2);
+        t.fillText(it, a + v, St + A / 2);
       });
     }
     t.globalAlpha = m;
   }
   renderButton(t, s) {
     if (s.children && s.children.length > 0) return;
-    const o = this.objectStates.get(s.id), e = (o == null ? void 0 : o.options) || s.options || {}, i = s.geometry || {}, n = i.width || 120, a = i.height || 40, r = this.lastHoveredObjectId === s.id, l = this.activeObjectId === s.id, h = e.label || {}, c = e.hoverStyle || {}, g = e.activeStyle || {}, f = e.icon || { enabled: !1 };
-    let d = e.backgroundColor || "#3b82f6", u = h.color || "#ffffff", m = h.text || "Button", y = i.cornerRadius ?? 8, v = e.borderColor || "transparent", b = e.borderWidth || 0, C = 1;
+    const o = this.objectStates.get(s.id), e = (o == null ? void 0 : o.options) || s.options || {}, i = s.geometry || {}, n = i.width || 120, a = i.height || 40, r = this.lastHoveredObjectId === s.id, l = this.activeObjectId === s.id, f = e.label || {}, c = e.hoverStyle || {}, g = e.activeStyle || {}, h = e.icon || { enabled: !1 };
+    let d = e.backgroundColor || "#3b82f6", u = f.color || "#ffffff", m = f.text || "Button", y = i.cornerRadius ?? 8, v = e.borderColor || "transparent", b = e.borderWidth || 0, C = 1;
     l && g ? (d = g.backgroundColor || d, u = g.color || u, m = g.text || m, C = g.scale ?? 0.95, y = g.cornerRadius ?? y) : r && c && (d = c.backgroundColor || d, u = c.color || u, m = c.text || m, C = c.scale ?? 1, y = c.cornerRadius ?? y, v = c.borderColor || v);
     const S = -n / 2, I = -a / 2;
     t.save(), t.scale(C, C), t.beginPath(), this.drawRoundRect(t, S, I, n, a, y);
     const w = this.createCanvasFill(t, d, n, a);
     w && (t.fillStyle = w, t.fill()), (b > 0 || r && c.borderColor) && (t.strokeStyle = v, t.lineWidth = b || (r ? 1 : 0), t.stroke());
-    const k = h.fontSize || 14, E = h.fontFamily || "Inter", T = h.fontWeight || 600;
-    t.font = `${T} ${k}px "${E}", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif`, t.fillStyle = u, t.textAlign = "center", t.textBaseline = "middle";
+    const M = f.fontSize || 14, P = f.fontFamily || "Inter", T = f.fontWeight || 600;
+    t.font = `${T} ${M}px "${P}", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif`, t.fillStyle = u, t.textAlign = "center", t.textBaseline = "middle";
     let W = 0;
-    if (f.enabled && f.svgPath) {
-      const M = k * 1.1, _ = f.gap || 8, L = t.measureText(m), R = -(L.width + M + _) / 2, $ = f.position === "left" ? R + M / 2 : R + L.width + _ + M / 2;
-      W = f.position === "left" ? R + M + _ + L.width / 2 : R + L.width / 2, t.save(), t.translate($, 0);
-      const O = new Path2D(f.svgPath), V = M / 24;
+    if (h.enabled && h.svgPath) {
+      const k = M * 1.1, _ = h.gap || 8, L = t.measureText(m), A = -(L.width + k + _) / 2, $ = h.position === "left" ? A + k / 2 : A + L.width + _ + k / 2;
+      W = h.position === "left" ? A + k + _ + L.width / 2 : A + L.width / 2, t.save(), t.translate($, 0);
+      const O = new Path2D(h.svgPath), V = k / 24;
       t.scale(V, V), t.translate(-12, -12), t.fillStyle = u, t.fill(O), t.restore();
     }
     t.fillText(m, W, 0), t.restore();
   }
   renderToggleButton(t, s) {
     var m, y;
-    const o = this.objectStates.get(s.id), e = (o == null ? void 0 : o.options) || s.options || {}, i = e.checked ?? !1, n = ((m = s.geometry) == null ? void 0 : m.width) || 120, a = ((y = s.geometry) == null ? void 0 : y.height) || 40, r = -n / 2, l = -a / 2, h = e.corner_radius ?? 8, c = e.label || {}, g = i ? e.accentColor || "#3b82f6" : e.inactiveColor || "#374151", f = i ? e.activeTextColor || "#ffffff" : e.inactiveTextColor || "#9ca3af";
-    t.save(), t.beginPath(), this.drawRoundRect(t, r, l, n, a, h), t.fillStyle = g, t.fill();
+    const o = this.objectStates.get(s.id), e = (o == null ? void 0 : o.options) || s.options || {}, i = e.checked ?? !1, n = ((m = s.geometry) == null ? void 0 : m.width) || 120, a = ((y = s.geometry) == null ? void 0 : y.height) || 40, r = -n / 2, l = -a / 2, f = e.corner_radius ?? 8, c = e.label || {}, g = i ? e.accentColor || "#3b82f6" : e.inactiveColor || "#374151", h = i ? e.activeTextColor || "#ffffff" : e.inactiveTextColor || "#9ca3af";
+    t.save(), t.beginPath(), this.drawRoundRect(t, r, l, n, a, f), t.fillStyle = g, t.fill();
     const d = c.fontSize || 14, u = c.fontFamily || "Inter";
-    t.font = `${c.fontWeight || 600} ${d}px "${u}", sans-serif`, t.fillStyle = f, t.textAlign = "center", t.textBaseline = "middle", t.fillText(c.text || "Toggle", 0, 0), t.restore();
+    t.font = `${c.fontWeight || 600} ${d}px "${u}", sans-serif`, t.fillStyle = h, t.textAlign = "center", t.textBaseline = "middle", t.fillText(c.text || "Toggle", 0, 0), t.restore();
   }
   renderToggle(t, s) {
-    var V, H, et, P, F, q, Q, it, dt, St, ht, mt;
-    const o = this.objectStates.get(s.id), e = (o == null ? void 0 : o.options) || s.options || {}, i = ((V = s.geometry) == null ? void 0 : V.width) || 52, n = ((H = s.geometry) == null ? void 0 : H.height) || 30, a = -i / 2, r = -n / 2, l = e.checked ?? !1, h = e.cornerRadius ?? e.corner_radius ?? n / 2, c = e.toggleStyle || {}, g = c.backgroundColor || e.activeColor || "#10b981", f = c.borderColor || e.borderColor || "transparent", d = c.borderWidth ?? e.borderWidth ?? 0, u = c.knobColor || e.knobColor || "#ffffff", m = l ? g : e.inactiveColor || "#374151", y = l ? f : e.borderColor || "transparent", v = l ? d : e.borderWidth ?? 0, b = l ? u : e.knobColor || "#ffffff";
-    e.disabled && (t.globalAlpha *= 0.5), t.beginPath(), this.drawRoundRect(t, a, r, i, n, h);
+    var V, H, et, E, F, q, Q, it, dt, St, ht, mt;
+    const o = this.objectStates.get(s.id), e = (o == null ? void 0 : o.options) || s.options || {}, i = ((V = s.geometry) == null ? void 0 : V.width) || 52, n = ((H = s.geometry) == null ? void 0 : H.height) || 30, a = -i / 2, r = -n / 2, l = e.checked ?? !1, f = e.cornerRadius ?? e.corner_radius ?? n / 2, c = e.toggleStyle || {}, g = c.backgroundColor || e.activeColor || "#10b981", h = c.borderColor || e.borderColor || "transparent", d = c.borderWidth ?? e.borderWidth ?? 0, u = c.knobColor || e.knobColor || "#ffffff", m = l ? g : e.inactiveColor || "#374151", y = l ? h : e.borderColor || "transparent", v = l ? d : e.borderWidth ?? 0, b = l ? u : e.knobColor || "#ffffff";
+    e.disabled && (t.globalAlpha *= 0.5), t.beginPath(), this.drawRoundRect(t, a, r, i, n, f);
     const C = this.createCanvasFill(t, m, i, n);
     if (C && (t.fillStyle = C, t.fill()), v > 0) {
       t.lineWidth = v;
       const rt = this.createCanvasFill(t, y, i, n);
       rt && (t.strokeStyle = rt, t.stroke());
     }
-    const S = 2, I = n - S * 2, w = I / 2, k = a + S, E = a + i - S - I, T = l ? E : k, W = r + S;
+    const S = 2, I = n - S * 2, w = I / 2, M = a + S, P = a + i - S - I, T = l ? P : M, W = r + S;
     t.beginPath(), t.arc(T + w, W + w, w, 0, Math.PI * 2);
-    const M = this.createCanvasFill(t, b, I, I);
-    M && (t.fillStyle = M, t.fill()), e.disabled && (t.globalAlpha *= 2);
+    const k = this.createCanvasFill(t, b, I, I);
+    k && (t.fillStyle = k, t.fill()), e.disabled && (t.globalAlpha *= 2);
     let _ = !1, L = !1;
-    const x = (l ? (et = c.leftLabel) == null ? void 0 : et.text : null) || ((P = e.leftLabel) == null ? void 0 : P.text) || "", R = (l ? (F = c.leftLabel) == null ? void 0 : F.color : null) || ((q = e.leftLabel) == null ? void 0 : q.color) || "#f3f4f6";
+    const x = (l ? (et = c.leftLabel) == null ? void 0 : et.text : null) || ((E = e.leftLabel) == null ? void 0 : E.text) || "", A = (l ? (F = c.leftLabel) == null ? void 0 : F.color : null) || ((q = e.leftLabel) == null ? void 0 : q.color) || "#f3f4f6";
     if ((Q = e.leftLabel) != null && Q.enabled && x) {
       const rt = e.leftLabel;
-      t.font = `${rt.fontWeight || 400} ${rt.fontSize || 12}px "${rt.fontFamily || "Inter"}", sans-serif`, t.fillStyle = R, t.textBaseline = "middle", t.textAlign = "right", t.fillText(x, a - (rt.gap || 8), 0), _ = !0;
+      t.font = `${rt.fontWeight || 400} ${rt.fontSize || 12}px "${rt.fontFamily || "Inter"}", sans-serif`, t.fillStyle = A, t.textBaseline = "middle", t.textAlign = "right", t.fillText(x, a - (rt.gap || 8), 0), _ = !0;
     }
     const $ = (l ? (it = c.rightLabel) == null ? void 0 : it.text : null) || ((dt = e.rightLabel) == null ? void 0 : dt.text) || "", O = (l ? (St = c.rightLabel) == null ? void 0 : St.color : null) || ((ht = e.rightLabel) == null ? void 0 : ht.color) || "#f3f4f6";
     if ((mt = e.rightLabel) != null && mt.enabled && $) {
@@ -4179,61 +4230,61 @@ class li {
   }
   renderCheckbox(t, s) {
     var C, S;
-    const o = this.objectStates.get(s.id), e = (o == null ? void 0 : o.options) || s.options || {}, i = ((C = s.geometry) == null ? void 0 : C.width) || 20, n = ((S = s.geometry) == null ? void 0 : S.height) || 20, a = -i / 2, r = -n / 2, l = e.cornerRadius ?? 4, h = e.checked ?? !1, c = e.activeColor || "#3b82f6", g = e.inactiveColor || "transparent", f = e.checkColor || "#ffffff", d = e.borderColor || "#4b5563", u = e.borderWidth ?? 2, m = h ? c : g, y = h ? "transparent" : d, v = h ? 0 : u;
+    const o = this.objectStates.get(s.id), e = (o == null ? void 0 : o.options) || s.options || {}, i = ((C = s.geometry) == null ? void 0 : C.width) || 20, n = ((S = s.geometry) == null ? void 0 : S.height) || 20, a = -i / 2, r = -n / 2, l = e.cornerRadius ?? 4, f = e.checked ?? !1, c = e.activeColor || "#3b82f6", g = e.inactiveColor || "transparent", h = e.checkColor || "#ffffff", d = e.borderColor || "#4b5563", u = e.borderWidth ?? 2, m = f ? c : g, y = f ? "transparent" : d, v = f ? 0 : u;
     e.disabled && (t.globalAlpha *= 0.5), t.beginPath(), this.drawRoundRect(t, a, r, i, n, l);
     const b = this.createCanvasFill(t, m, i, n);
     if (b && (t.fillStyle = b, t.fill()), v > 0) {
       t.lineWidth = v;
       const I = this.createCanvasFill(t, y, i, n);
       I && (t.strokeStyle = I, t.stroke());
-    } else if (h) {
+    } else if (f) {
       t.lineWidth = 1;
       const I = this.createCanvasFill(t, c, i, n);
       I && (t.strokeStyle = I, t.stroke());
     }
-    if (h) {
+    if (f) {
       t.save(), t.beginPath();
-      const I = this.createCanvasFill(t, f, i, n);
-      t.strokeStyle = I || f, t.lineWidth = Math.max(2, i * 0.12), t.lineCap = "round", t.lineJoin = "round";
-      const w = a + i * 0.25, k = r + n * 0.5, E = a + i * 0.45, T = r + n * 0.7, W = a + i * 0.75, M = r + n * 0.25;
-      t.moveTo(w, k), t.lineTo(E, T), t.lineTo(W, M), t.stroke(), t.restore();
+      const I = this.createCanvasFill(t, h, i, n);
+      t.strokeStyle = I || h, t.lineWidth = Math.max(2, i * 0.12), t.lineCap = "round", t.lineJoin = "round";
+      const w = a + i * 0.25, M = r + n * 0.5, P = a + i * 0.45, T = r + n * 0.7, W = a + i * 0.75, k = r + n * 0.25;
+      t.moveTo(w, M), t.lineTo(P, T), t.lineTo(W, k), t.stroke(), t.restore();
     }
     if (e.disabled && (t.globalAlpha *= 2), e.label && e.label.text) {
       const I = e.label;
       t.save(), t.font = `${I.fontWeight || 400} ${I.fontSize || 14}px "${I.fontFamily || "Inter"}", sans-serif`, t.fillStyle = I.color || "#f3f4f6", t.textBaseline = "middle";
       const w = I.gap || 8;
-      let k = 0, E = 0;
-      I.position === "left" ? (t.textAlign = "right", k = a - w, E = 0) : I.position === "right" ? (t.textAlign = "left", k = a + i + w, E = 0) : I.position === "top" ? (t.textAlign = "center", k = 0, E = r - w, t.textBaseline = "bottom") : I.position === "bottom" && (t.textAlign = "center", k = 0, E = r + n + w, t.textBaseline = "top"), t.fillText(I.text, k, E), t.restore();
+      let M = 0, P = 0;
+      I.position === "left" ? (t.textAlign = "right", M = a - w, P = 0) : I.position === "right" ? (t.textAlign = "left", M = a + i + w, P = 0) : I.position === "top" ? (t.textAlign = "center", M = 0, P = r - w, t.textBaseline = "bottom") : I.position === "bottom" && (t.textAlign = "center", M = 0, P = r + n + w, t.textBaseline = "top"), t.fillText(I.text, M, P), t.restore();
     }
   }
   renderRadioGroup(t, s) {
     var S, I;
-    const o = this.objectStates.get(s.id), e = (o == null ? void 0 : o.options) || s.options || {}, i = ((S = s.geometry) == null ? void 0 : S.width) || 180, n = ((I = s.geometry) == null ? void 0 : I.height) || 100, a = -i / 2, r = -n / 2, l = e.selectedValue, h = e.optionsList || ["Option 1", "Option 2", "Option 3"], c = e.orientation || "vertical", g = e.itemGap !== void 0 ? e.itemGap : 16, f = e.activeColor || "#3b82f6", d = e.inactiveColor || "#4b5563", u = e.textColor || "#ffffff", m = e.fontSize || 14, y = e.fontFamily || "Inter", v = e.fontWeight || 400;
+    const o = this.objectStates.get(s.id), e = (o == null ? void 0 : o.options) || s.options || {}, i = ((S = s.geometry) == null ? void 0 : S.width) || 180, n = ((I = s.geometry) == null ? void 0 : I.height) || 100, a = -i / 2, r = -n / 2, l = e.selectedValue, f = e.optionsList || ["Option 1", "Option 2", "Option 3"], c = e.orientation || "vertical", g = e.itemGap !== void 0 ? e.itemGap : 16, h = e.activeColor || "#3b82f6", d = e.inactiveColor || "#4b5563", u = e.textColor || "#ffffff", m = e.fontSize || 14, y = e.fontFamily || "Inter", v = e.fontWeight || 400;
     e.disabled && (t.globalAlpha *= 0.5);
     const b = 8, C = b * 2;
     if (t.save(), t.font = `${v} ${m}px "${y}", sans-serif`, t.textBaseline = "middle", t.textAlign = "left", c === "vertical") {
       const w = Math.max(C, m) + g;
-      h.forEach((k, E) => {
-        const T = r + E * w + b;
+      f.forEach((M, P) => {
+        const T = r + P * w + b;
         t.beginPath(), t.arc(a + b, T, b, 0, Math.PI * 2);
-        const W = l === k, M = this.createCanvasFill(t, f, C, C), _ = this.createCanvasFill(t, d, C, C);
-        W ? (t.strokeStyle = M || f, t.lineWidth = 2, t.stroke(), t.beginPath(), t.arc(a + b, T, b / 2, 0, Math.PI * 2), t.fillStyle = M || f, t.fill()) : (t.strokeStyle = _ || d, t.lineWidth = 1.5, t.stroke()), t.fillStyle = u, t.fillText(k, a + C + 8, T);
+        const W = l === M, k = this.createCanvasFill(t, h, C, C), _ = this.createCanvasFill(t, d, C, C);
+        W ? (t.strokeStyle = k || h, t.lineWidth = 2, t.stroke(), t.beginPath(), t.arc(a + b, T, b / 2, 0, Math.PI * 2), t.fillStyle = k || h, t.fill()) : (t.strokeStyle = _ || d, t.lineWidth = 1.5, t.stroke()), t.fillStyle = u, t.fillText(M, a + C + 8, T);
       });
     } else {
       let w = a;
-      h.forEach((k) => {
-        const E = l === k, T = t.measureText(k).width;
+      f.forEach((M) => {
+        const P = l === M, T = t.measureText(M).width;
         t.beginPath(), t.arc(w + b, 0, b, 0, Math.PI * 2);
-        const W = this.createCanvasFill(t, f, C, C), M = this.createCanvasFill(t, d, C, C);
-        E ? (t.strokeStyle = W || f, t.lineWidth = 2, t.stroke(), t.beginPath(), t.arc(w + b, 0, b / 2, 0, Math.PI * 2), t.fillStyle = W || f, t.fill()) : (t.strokeStyle = M || d, t.lineWidth = 1.5, t.stroke()), t.fillStyle = u, t.fillText(k, w + C + 6, 0), w += C + 6 + T + g;
+        const W = this.createCanvasFill(t, h, C, C), k = this.createCanvasFill(t, d, C, C);
+        P ? (t.strokeStyle = W || h, t.lineWidth = 2, t.stroke(), t.beginPath(), t.arc(w + b, 0, b / 2, 0, Math.PI * 2), t.fillStyle = W || h, t.fill()) : (t.strokeStyle = k || d, t.lineWidth = 1.5, t.stroke()), t.fillStyle = u, t.fillText(M, w + C + 6, 0), w += C + 6 + T + g;
       });
     }
     if (t.restore(), e.disabled && (t.globalAlpha *= 2), e.label && e.label.text) {
       const w = e.label;
       t.save(), t.font = `${w.fontWeight || 400} ${w.fontSize || 14}px "${w.fontFamily || "Inter"}", sans-serif`, t.fillStyle = w.color || "#9ca3af", t.textBaseline = "middle";
-      const k = w.gap || 8;
-      let E = 0, T = 0;
-      w.position === "left" ? (t.textAlign = "right", E = a - k, T = 0) : w.position === "right" ? (t.textAlign = "left", E = a + i + k, T = 0) : w.position === "top" ? (t.textAlign = "center", E = 0, T = r - k, t.textBaseline = "bottom") : w.position === "bottom" && (t.textAlign = "center", E = 0, T = r + n + k, t.textBaseline = "top"), t.fillText(w.text, E, T), t.restore();
+      const M = w.gap || 8;
+      let P = 0, T = 0;
+      w.position === "left" ? (t.textAlign = "right", P = a - M, T = 0) : w.position === "right" ? (t.textAlign = "left", P = a + i + M, T = 0) : w.position === "top" ? (t.textAlign = "center", P = 0, T = r - M, t.textBaseline = "bottom") : w.position === "bottom" && (t.textAlign = "center", P = 0, T = r + n + M, t.textBaseline = "top"), t.fillText(w.text, P, T), t.restore();
     }
   }
   renderBarChart(t, s) {
@@ -4269,99 +4320,99 @@ class li {
       _getPreset: function() {
         return fs[this.stylePreset] || fs.default;
       },
-      _resolveColor: function(M, _) {
+      _resolveColor: function(k, _) {
         const L = this._getPreset();
-        return ["#6366f1", "#f59e0b", "#10b981", "#3b82f6", "#a855f7"].includes(M) ? L.colors[_ % L.colors.length] : typeof M == "string" ? M : L.colors[_ % L.colors.length];
+        return ["#6366f1", "#f59e0b", "#10b981", "#3b82f6", "#a855f7"].includes(k) ? L.colors[_ % L.colors.length] : typeof k == "string" ? k : L.colors[_ % L.colors.length];
       },
-      _makeGradient: function(M, _, L, x, R, $) {
+      _makeGradient: function(k, _, L, x, A, $) {
         if (!this._getPreset().barGradient && !this.barGradient) return _;
-        const V = M.createLinearGradient(L, x, R, $);
+        const V = k.createLinearGradient(L, x, A, $);
         return V.addColorStop(0, _), V.addColorStop(1, _ + "44"), V;
       },
-      _drawRoundedBar: function(M, _, L, x, R, $, O) {
-        if ($ = Math.min($, Math.min(Math.abs(x), Math.abs(R)) / 2), $ <= 0 || x === 0 || R === 0) {
-          M.rect(_, L, x, R);
+      _drawRoundedBar: function(k, _, L, x, A, $, O) {
+        if ($ = Math.min($, Math.min(Math.abs(x), Math.abs(A)) / 2), $ <= 0 || x === 0 || A === 0) {
+          k.rect(_, L, x, A);
           return;
         }
-        M.beginPath(), O ? (M.moveTo(_, L + R), M.lineTo(_, L + $), M.quadraticCurveTo(_, L, _ + $, L), M.lineTo(_ + x - $, L), M.quadraticCurveTo(_ + x, L, _ + x, L + $), M.lineTo(_ + x, L + R), M.lineTo(_, L + R)) : (M.moveTo(_, L), M.lineTo(_ + x - $, L), M.quadraticCurveTo(_ + x, L, _ + x, L + $), M.lineTo(_ + x, L + R - $), M.quadraticCurveTo(_ + x, L + R, _ + x - $, L + R), M.lineTo(_, L + R), M.lineTo(_, L)), M.closePath();
+        k.beginPath(), O ? (k.moveTo(_, L + A), k.lineTo(_, L + $), k.quadraticCurveTo(_, L, _ + $, L), k.lineTo(_ + x - $, L), k.quadraticCurveTo(_ + x, L, _ + x, L + $), k.lineTo(_ + x, L + A), k.lineTo(_, L + A)) : (k.moveTo(_, L), k.lineTo(_ + x - $, L), k.quadraticCurveTo(_ + x, L, _ + x, L + $), k.lineTo(_ + x, L + A - $), k.quadraticCurveTo(_ + x, L + A, _ + x - $, L + A), k.lineTo(_, L + A), k.lineTo(_, L)), k.closePath();
       }
     }, n = i.width, a = i.height, r = -n / 2, l = -a / 2;
     if (!i.datasets || i.datasets.length === 0 || i.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 h = i._getPreset();
+    const f = i._getPreset();
     let c = -1 / 0, g = 1 / 0;
-    const f = i.categories.length, d = i.datasets.length;
+    const h = i.categories.length, d = i.datasets.length;
     if (i.chartType === "stacked")
-      for (let M = 0; M < f; M++) {
+      for (let k = 0; k < h; k++) {
         let _ = 0, L = 0;
         i.datasets.forEach((x) => {
-          const R = x.data[M] ?? 0;
-          R >= 0 ? _ += R : L += R;
+          const A = x.data[k] ?? 0;
+          A >= 0 ? _ += A : L += A;
         }), _ > c && (c = _), L < g && (g = L);
       }
     else
-      i.datasets.forEach((M) => {
-        M.data && M.data.forEach((_) => {
+      i.datasets.forEach((k) => {
+        k.data && k.data.forEach((_) => {
           _ > c && (c = _), _ < g && (g = _);
         });
       });
     isFinite(c) || (c = 10), isFinite(g) || (g = 0), c = Math.max(c, 0), g = Math.min(g, 0);
     const u = c - g || 10;
     t.save(), t.font = `${i.axisLabelFontSize}px Inter, sans-serif`;
-    const m = i.showYLabels ? t.measureText(c.toFixed(0)).width + 14 : 10, y = i.showXLabels ? i.axisLabelFontSize + 12 : 8, b = (i.showLegend && d > 0 ? i.legendFontSize + 10 : 0) + 8, C = 10, S = r + m, I = l + b, w = n - m - C, k = a - b - y;
-    if (t.beginPath(), t.roundRect(r, l, n, a, 10), t.fillStyle = h.cardBackground, t.fill(), t.strokeStyle = h.cardBorderColor, t.lineWidth = 1, t.stroke(), i.showLegend && d > 0) {
+    const m = i.showYLabels ? t.measureText(c.toFixed(0)).width + 14 : 10, y = i.showXLabels ? i.axisLabelFontSize + 12 : 8, b = (i.showLegend && d > 0 ? i.legendFontSize + 10 : 0) + 8, C = 10, S = r + m, I = l + b, w = n - m - C, M = a - b - y;
+    if (t.beginPath(), t.roundRect(r, l, n, a, 10), t.fillStyle = f.cardBackground, t.fill(), t.strokeStyle = f.cardBorderColor, t.lineWidth = 1, t.stroke(), i.showLegend && d > 0) {
       t.font = `${i.legendFontSize}px Inter, sans-serif`, t.textBaseline = "middle";
-      const M = l + 12;
+      const k = l + 12;
       let _ = S;
       i.datasets.forEach((L, x) => {
-        const R = i._resolveColor(L.color, x), $ = L.label || `Series ${x + 1}`, O = 7;
-        t.beginPath(), t.roundRect(_, M - O / 2, O, O, 2), t.fillStyle = R, t.fill(), t.fillStyle = h.legendColor, t.textAlign = "left", t.fillText($, _ + O + 4, M), _ += t.measureText($).width + O + 16;
+        const A = i._resolveColor(L.color, x), $ = L.label || `Series ${x + 1}`, O = 7;
+        t.beginPath(), t.roundRect(_, k - O / 2, O, O, 2), t.fillStyle = A, t.fill(), t.fillStyle = f.legendColor, t.textAlign = "left", t.fillText($, _ + O + 4, k), _ += t.measureText($).width + O + 16;
       });
     }
-    const E = 4;
+    const P = 4;
     if (i.showGridLines) {
-      t.setLineDash([3, 4]), t.lineWidth = 1, t.strokeStyle = h.gridColor;
-      for (let M = 0; M <= E; M++) {
-        const _ = I + M / E * k;
+      t.setLineDash([3, 4]), t.lineWidth = 1, t.strokeStyle = f.gridColor;
+      for (let k = 0; k <= P; k++) {
+        const _ = I + k / P * M;
         t.beginPath(), t.moveTo(S, _), t.lineTo(S + w, _), t.stroke();
       }
       t.setLineDash([]);
     }
     if (i.showYLabels) {
-      t.font = `${i.axisLabelFontSize}px Inter, sans-serif`, t.textAlign = "right", t.textBaseline = "middle", t.fillStyle = h.axisLabelColor;
-      for (let M = 0; M <= E; M++) {
-        const _ = c - M / E * u, L = I + M / E * k;
+      t.font = `${i.axisLabelFontSize}px Inter, sans-serif`, t.textAlign = "right", t.textBaseline = "middle", t.fillStyle = f.axisLabelColor;
+      for (let k = 0; k <= P; k++) {
+        const _ = c - k / P * u, L = I + k / P * M;
         t.fillText(_.toFixed(0), S - 6, L);
       }
     }
-    if (t.lineWidth = 1, t.setLineDash([]), i.showXAxis && (t.strokeStyle = i.xAxisColor, t.beginPath(), t.moveTo(S, I + k), t.lineTo(S + w, I + k), t.stroke()), i.showYAxis && (t.strokeStyle = i.yAxisColor, t.beginPath(), t.moveTo(S, I), t.lineTo(S, I + k), t.stroke()), i.chartType === "stacked") {
-      const M = w / f;
-      for (let _ = 0; _ < f; _++) {
-        const L = S + _ * M + M / 2;
-        i.showXLabels && (t.font = `${i.axisLabelFontSize}px Inter, sans-serif`, t.textAlign = "center", t.textBaseline = "top", t.fillStyle = h.axisLabelColor, t.fillText(i.categories[_] || "", L, I + k + 5));
-        let x = I + k;
-        i.datasets.forEach((R, $) => {
-          const O = R.data[_] ?? 0;
+    if (t.lineWidth = 1, t.setLineDash([]), i.showXAxis && (t.strokeStyle = i.xAxisColor, t.beginPath(), t.moveTo(S, I + M), t.lineTo(S + w, I + M), t.stroke()), i.showYAxis && (t.strokeStyle = i.yAxisColor, t.beginPath(), t.moveTo(S, I), t.lineTo(S, I + M), t.stroke()), i.chartType === "stacked") {
+      const k = w / h;
+      for (let _ = 0; _ < h; _++) {
+        const L = S + _ * k + k / 2;
+        i.showXLabels && (t.font = `${i.axisLabelFontSize}px Inter, sans-serif`, t.textAlign = "center", t.textBaseline = "top", t.fillStyle = f.axisLabelColor, t.fillText(i.categories[_] || "", L, I + M + 5));
+        let x = I + M;
+        i.datasets.forEach((A, $) => {
+          const O = A.data[_] ?? 0;
           if (O === 0) return;
-          const V = O / u * k, H = Math.min(i.barWidth * d + i.barGap, M - 8), et = L - H / 2, P = x - V;
+          const V = O / u * M, H = Math.min(i.barWidth * d + i.barGap, k - 8), et = L - H / 2, E = x - V;
           x -= V;
-          const F = i._resolveColor(R.color, $);
-          t.beginPath(), t.fillStyle = i._makeGradient(t, F, et, P, et, P + V), i._drawRoundedBar(t, et, P, H, V, $ === d - 1 ? i.barCornerRadius : 0, !0), t.fill();
+          const F = i._resolveColor(A.color, $);
+          t.beginPath(), t.fillStyle = i._makeGradient(t, F, et, E, et, E + V), i._drawRoundedBar(t, et, E, H, V, $ === d - 1 ? i.barCornerRadius : 0, !0), t.fill();
         });
       }
     } else {
-      const M = w / f, _ = d * i.barWidth + Math.max(0, (d - 1) * i.barGap), L = I + k - (0 - g) / u * k;
-      for (let x = 0; x < f; x++) {
-        const R = S + x * M + M / 2;
-        i.showXLabels && (t.font = `${i.axisLabelFontSize}px Inter, sans-serif`, t.textAlign = "center", t.textBaseline = "top", t.fillStyle = h.axisLabelColor, t.fillText(i.categories[x] || "", R, I + k + 5));
-        const $ = R - _ / 2;
+      const k = w / h, _ = d * i.barWidth + Math.max(0, (d - 1) * i.barGap), L = I + M - (0 - g) / u * M;
+      for (let x = 0; x < h; x++) {
+        const A = S + x * k + k / 2;
+        i.showXLabels && (t.font = `${i.axisLabelFontSize}px Inter, sans-serif`, t.textAlign = "center", t.textBaseline = "top", t.fillStyle = f.axisLabelColor, t.fillText(i.categories[x] || "", A, I + M + 5));
+        const $ = A - _ / 2;
         i.datasets.forEach((O, V) => {
-          const H = O.data[x] ?? 0, et = Math.abs(H / u * k);
+          const H = O.data[x] ?? 0, et = Math.abs(H / u * M);
           if (et < 1) return;
-          const P = $ + V * (i.barWidth + i.barGap), F = H >= 0 ? L - et : L, q = i._resolveColor(O.color, V);
-          t.beginPath(), t.fillStyle = i._makeGradient(t, q, P, F, P, F + et), i._drawRoundedBar(t, P, F, i.barWidth, et, i.barCornerRadius, !0), t.fill(), i.showValueOnTop && H !== 0 && (t.font = `bold ${i.axisLabelFontSize}px Inter, sans-serif`, t.textAlign = "center", t.textBaseline = "bottom", t.fillStyle = q, t.fillText(H.toString(), P + i.barWidth / 2, F - 2));
+          const E = $ + V * (i.barWidth + i.barGap), F = H >= 0 ? L - et : L, q = i._resolveColor(O.color, V);
+          t.beginPath(), t.fillStyle = i._makeGradient(t, q, E, F, E, F + et), i._drawRoundedBar(t, E, F, i.barWidth, et, i.barCornerRadius, !0), t.fill(), i.showValueOnTop && H !== 0 && (t.font = `bold ${i.axisLabelFontSize}px Inter, sans-serif`, t.textAlign = "center", t.textBaseline = "bottom", t.fillStyle = q, t.fillText(H.toString(), E + i.barWidth / 2, F - 2));
         });
       }
     }
@@ -4406,74 +4457,74 @@ class li {
     }
     const l = i._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 h = i.showLegend ? Math.ceil(i.slices.length / 2) : 0, c = h > 0 ? h * (i.legendFontSize + 8) + 10 : 0, g = a - c - 16, f = Math.min(n - 24, g) / 2, d = 0, u = -c / 2;
+    const f = i.showLegend ? Math.ceil(i.slices.length / 2) : 0, c = f > 0 ? f * (i.legendFontSize + 8) + 10 : 0, g = a - c - 16, h = Math.min(n - 24, g) / 2, d = 0, u = -c / 2;
     if (i.chartType === "rose") {
-      const v = Math.max(...i.slices.map((S) => S.value || 0)), b = Math.PI * 2 / i.slices.length, C = f > 0 ? i.sliceGap / f : 0;
+      const v = Math.max(...i.slices.map((S) => S.value || 0)), b = Math.PI * 2 / i.slices.length, C = h > 0 ? i.sliceGap / h : 0;
       i.slices.forEach((S, I) => {
         const w = S.value || 0;
         if (w === 0) return;
-        const k = w / v * f, E = -Math.PI / 2 + I * b + C / 2, T = E + b - C, W = i._resolveSliceColor(S, I);
-        if (t.beginPath(), t.moveTo(d, u), t.arc(d, u, k, E, T), t.closePath(), t.fillStyle = W + "cc", t.fill(), t.strokeStyle = W, t.lineWidth = 1.5, t.stroke(), i.showLabels) {
-          const M = E + (T - E) / 2, _ = d + k * 0.65 * Math.cos(M), L = u + k * 0.65 * Math.sin(M), x = Math.round(w / r * 100);
+        const M = w / v * h, P = -Math.PI / 2 + I * b + C / 2, T = P + b - C, W = i._resolveSliceColor(S, I);
+        if (t.beginPath(), t.moveTo(d, u), t.arc(d, u, M, P, T), t.closePath(), t.fillStyle = W + "cc", t.fill(), t.strokeStyle = W, t.lineWidth = 1.5, t.stroke(), i.showLabels) {
+          const k = P + (T - P) / 2, _ = d + M * 0.65 * Math.cos(k), L = u + M * 0.65 * Math.sin(k), x = Math.round(w / r * 100);
           t.save(), t.font = `bold ${i.labelFontSize}px Inter, sans-serif`, t.fillStyle = l.labelColor, t.textAlign = "center", t.textBaseline = "middle", t.fillText(`${x}%`, _, L), t.restore();
         }
       });
     } else {
-      const v = i.chartType === "pie" ? 0 : i.innerRadius, b = f * Math.max(0, v), C = f > 0 ? i.sliceGap / f : 0;
+      const v = i.chartType === "pie" ? 0 : i.innerRadius, b = h * Math.max(0, v), C = h > 0 ? i.sliceGap / h : 0;
       let S = -Math.PI / 2;
       if (i.slices.forEach((I, w) => {
-        const k = I.value || 0;
-        if (k === 0) {
-          S += k / r * Math.PI * 2;
+        const M = I.value || 0;
+        if (M === 0) {
+          S += M / r * Math.PI * 2;
           return;
         }
-        const E = k / r * Math.PI * 2, T = S + C / 2, W = S + E - C / 2;
+        const P = M / r * Math.PI * 2, T = S + C / 2, W = S + P - C / 2;
         if (W <= T) {
-          S += E;
+          S += P;
           return;
         }
-        const M = i._resolveSliceColor(I, w);
-        if (t.beginPath(), t.fillStyle = M, b <= 0 ? (t.moveTo(d, u), t.arc(d, u, f, T, W), t.lineTo(d, u)) : (t.moveTo(d + f * Math.cos(T), u + f * Math.sin(T)), t.arc(d, u, f, T, W), t.arc(d, u, b, W, T, !0), t.closePath()), t.fill(), i.showLabels) {
-          const _ = T + (W - T) / 2, L = b + (f - b) / 2, x = d + L * Math.cos(_), R = u + L * Math.sin(_), $ = Math.round(k / r * 100);
-          t.save(), t.font = `bold ${i.labelFontSize}px Inter, sans-serif`, t.fillStyle = l.labelColor, t.textAlign = "center", t.textBaseline = "middle", t.fillText(`${$}%`, x, R), t.restore();
+        const k = i._resolveSliceColor(I, w);
+        if (t.beginPath(), t.fillStyle = k, b <= 0 ? (t.moveTo(d, u), t.arc(d, u, h, T, W), t.lineTo(d, u)) : (t.moveTo(d + h * Math.cos(T), u + h * Math.sin(T)), t.arc(d, u, h, T, W), t.arc(d, u, b, W, T, !0), t.closePath()), t.fill(), i.showLabels) {
+          const _ = T + (W - T) / 2, L = b + (h - b) / 2, x = d + L * Math.cos(_), A = u + L * Math.sin(_), $ = Math.round(M / r * 100);
+          t.save(), t.font = `bold ${i.labelFontSize}px Inter, sans-serif`, t.fillStyle = l.labelColor, t.textAlign = "center", t.textBaseline = "middle", t.fillText(`${$}%`, x, A), t.restore();
         }
-        S += E;
+        S += P;
       }), i.chartType === "donut" && i.showCenterText && b > 14) {
-        const I = Math.round(r), w = Math.min(Math.floor(b * 0.52), 20), k = Math.min(Math.floor(b * 0.26), 10);
-        t.textAlign = "center", t.textBaseline = "middle", t.font = `bold ${w}px Inter, sans-serif`, t.fillStyle = l.centerTextColor, t.fillText(I.toString(), d, u - k * 0.5), i.centerLabel && (t.font = `${k}px Inter, sans-serif`, t.fillStyle = l.centerLabelColor, t.fillText(i.centerLabel, d, u + w * 0.6));
+        const I = Math.round(r), w = Math.min(Math.floor(b * 0.52), 20), M = Math.min(Math.floor(b * 0.26), 10);
+        t.textAlign = "center", t.textBaseline = "middle", t.font = `bold ${w}px Inter, sans-serif`, t.fillStyle = l.centerTextColor, t.fillText(I.toString(), d, u - M * 0.5), i.centerLabel && (t.font = `${M}px Inter, sans-serif`, t.fillStyle = l.centerLabelColor, t.fillText(i.centerLabel, d, u + w * 0.6));
       }
     }
     if (i.showLegend && i.slices.length > 0) {
       t.font = `${i.legendFontSize}px Inter, sans-serif`;
       const v = 2, b = n / v, C = i.legendFontSize + 8, S = a / 2 - c + 10, I = -n / 2 + 10;
-      i.slices.forEach((w, k) => {
-        const E = k % v, T = Math.floor(k / v), W = I + E * b, M = S + T * C, _ = i._resolveSliceColor(w, k), L = 7;
-        t.beginPath(), t.roundRect(W, M - L / 2, L, L, 2), t.fillStyle = _, t.fill(), t.textAlign = "left", t.textBaseline = "middle", t.fillStyle = l.legendColor;
-        const x = Math.round((w.value || 0) / r * 100), R = `${w.label || "Item"} ${x}%`, $ = b - L - 20;
-        let O = R;
+      i.slices.forEach((w, M) => {
+        const P = M % v, T = Math.floor(M / v), W = I + P * b, k = S + T * C, _ = i._resolveSliceColor(w, M), L = 7;
+        t.beginPath(), t.roundRect(W, k - L / 2, L, L, 2), t.fillStyle = _, t.fill(), t.textAlign = "left", t.textBaseline = "middle", t.fillStyle = l.legendColor;
+        const x = Math.round((w.value || 0) / r * 100), A = `${w.label || "Item"} ${x}%`, $ = b - L - 20;
+        let O = A;
         for (; t.measureText(O).width > $ && O.length > 4; )
           O = O.slice(0, -4) + "…";
-        t.fillText(O, W + L + 4, M);
+        t.fillText(O, W + L + 4, k);
       });
     }
     t.restore();
   }
   getRadioGroupItemIndexAtPointer(t, s, o) {
-    var k, E;
+    var M, P;
     const e = t.options || {}, i = this.objectStates.get(t.id) || {}, n = e.optionsList || [];
     if (n.length === 0) return null;
-    const a = i.width !== void 0 ? i.width : ((k = t.geometry) == null ? void 0 : k.width) || 180, r = i.height !== void 0 ? i.height : ((E = t.geometry) == null ? void 0 : E.height) || 100, l = e.orientation || "vertical", h = e.itemGap !== void 0 ? e.itemGap : 16, c = e.fontSize || 14, g = this.getWorldTransform(t.id), f = s - g.x, d = o - g.y, u = -g.rotation * (Math.PI / 180), m = Math.cos(u), y = Math.sin(u), v = f * m - d * y, b = f * y + d * m, S = 8 * 2, I = -a / 2, w = -r / 2;
+    const a = i.width !== void 0 ? i.width : ((M = t.geometry) == null ? void 0 : M.width) || 180, r = i.height !== void 0 ? i.height : ((P = t.geometry) == null ? void 0 : P.height) || 100, l = e.orientation || "vertical", f = e.itemGap !== void 0 ? e.itemGap : 16, c = e.fontSize || 14, g = this.getWorldTransform(t.id), h = s - g.x, d = o - g.y, u = -g.rotation * (Math.PI / 180), m = Math.cos(u), y = Math.sin(u), v = h * m - d * y, b = h * y + d * m, S = 8 * 2, I = -a / 2, w = -r / 2;
     if (l === "vertical") {
-      const T = Math.max(S, c) + h;
+      const T = Math.max(S, c) + f;
       for (let W = 0; W < n.length; W++) {
-        const M = w + W * T;
-        if (v >= I && v <= I + a && b >= M && b <= M + T)
+        const k = w + W * T;
+        if (v >= I && v <= I + a && b >= k && b <= k + T)
           return W;
       }
     } else {
       let T = I;
       for (let W = 0; W < n.length; W++) {
-        const _ = n[W].length * 8, L = S + 6 + _ + h;
+        const _ = n[W].length * 8, L = S + 6 + _ + f;
         if (v >= T && v <= T + L && b >= w && b <= w + r)
           return W;
         T += L;
@@ -4518,11 +4569,11 @@ class li {
       }
       u._resolvedData = m;
     }), r < 2) return;
-    const l = a - n, h = o / (r - 1), c = (u) => {
+    const l = a - n, f = o / (r - 1), c = (u) => {
       const m = l === 0 ? 0.5 : (u - n) / l;
       return e / 2 - m * e;
-    }, g = (u) => u * h - o / 2, f = s.axisColor || "#333333";
-    if (s.showXAxis && (t.beginPath(), t.strokeStyle = s.xAxisColor || f, t.lineWidth = 1, t.moveTo(-o / 2, e / 2), t.lineTo(o / 2, e / 2), t.stroke()), s.showYAxis && (t.beginPath(), t.strokeStyle = s.yAxisColor || f, t.lineWidth = 1, t.moveTo(-o / 2, -e / 2), t.lineTo(-o / 2, e / 2), t.stroke()), t.fillStyle = s.axisLabelColor || "#333333", t.font = `${s.axisLabelFontSize || 10}px Inter, sans-serif`, s.showXLabels) {
+    }, g = (u) => u * f - o / 2, h = s.axisColor || "#333333";
+    if (s.showXAxis && (t.beginPath(), t.strokeStyle = s.xAxisColor || h, t.lineWidth = 1, t.moveTo(-o / 2, e / 2), t.lineTo(o / 2, e / 2), t.stroke()), s.showYAxis && (t.beginPath(), t.strokeStyle = s.yAxisColor || h, t.lineWidth = 1, t.moveTo(-o / 2, -e / 2), t.lineTo(-o / 2, e / 2), t.stroke()), t.fillStyle = s.axisLabelColor || "#333333", t.font = `${s.axisLabelFontSize || 10}px Inter, sans-serif`, s.showXLabels) {
       t.textAlign = "center", t.textBaseline = "top";
       for (let u = 0; u < r; u++) {
         const m = g(u);
@@ -4543,8 +4594,8 @@ class li {
             for (let v = 0; v < m.length - 1; v++) {
               const b = m[v === 0 ? v : v - 1], C = m[v], S = m[v + 1], I = m[v + 1 === m.length - 1 ? v + 1 : v + 2];
               for (let w = 1; w <= d; w++) {
-                const k = w / d, E = this._catmullRom(b, C, S, I, k);
-                t.lineTo(g(v + k), c(E));
+                const M = w / d, P = this._catmullRom(b, C, S, I, M);
+                t.lineTo(g(v + M), c(P));
               }
             }
           else
@@ -4558,8 +4609,8 @@ class li {
           for (let y = 0; y < m.length - 1; y++) {
             const v = m[y === 0 ? y : y - 1], b = m[y], C = m[y + 1], S = m[y + 1 === m.length - 1 ? y + 1 : y + 2];
             for (let I = 1; I <= d; I++) {
-              const w = I / d, k = this._catmullRom(v, b, C, S, w);
-              t.lineTo(g(y + w), c(k));
+              const w = I / d, M = this._catmullRom(v, b, C, S, w);
+              t.lineTo(g(y + w), c(M));
             }
           }
         else
@@ -4593,19 +4644,19 @@ class li {
     if (!s || s.type === "None") return null;
     if (typeof s == "string") return s;
     if (s.type === "Solid" && s.color) {
-      const r = s.color, h = (((n = (i = this.artboard) == null ? void 0 : i.tokens) == null ? void 0 : n.colors) || {})[r] || r;
-      return t.fillStyle = h, h;
+      const r = s.color, f = (((n = (i = this.artboard) == null ? void 0 : i.tokens) == null ? void 0 : n.colors) || {})[r] || r;
+      return t.fillStyle = f, f;
     }
     if ((s.type === "LinearGradient" || s.type === "RadialGradient" || s.type === "AngularGradient" || s.type === "DiamondGradient") && s.stops) {
-      const r = (l, h = 100) => {
+      const r = (l, f = 100) => {
         var C, S;
-        const g = (((S = (C = this.artboard) == null ? void 0 : C.tokens) == null ? void 0 : S.colors) || {})[l] || l, f = this.normalizeOpacity(s.opacity ?? 100), u = this.normalizeOpacity(h) * f;
+        const g = (((S = (C = this.artboard) == null ? void 0 : C.tokens) == null ? void 0 : S.colors) || {})[l] || l, h = this.normalizeOpacity(s.opacity ?? 100), u = this.normalizeOpacity(f) * h;
         if (u >= 1 && g.startsWith("#")) return g;
         const m = g.startsWith("#") ? g.replace("#", "") : "ffffff", y = parseInt(m.substring(0, 2), 16), v = parseInt(m.substring(2, 4), 16), b = parseInt(m.substring(4, 6), 16);
         return `rgba(${y}, ${v}, ${b}, ${u})`;
       };
       if (s.type === "LinearGradient") {
-        const l = (u, m, y) => Array.isArray(u) ? u[m] ?? (m === 0 ? 0 : 1) : u && typeof u == "object" ? u[y] ?? (m === 0 ? 0 : 1) : m === 0 ? 0 : 1, h = l(s.start, 0, "x") * o - o / 2, c = l(s.start, 1, "y") * e - e / 2, g = l(s.end, 0, "x") * o - o / 2, f = l(s.end, 1, "y") * e - e / 2, d = t.createLinearGradient(h, c, g, f);
+        const l = (u, m, y) => Array.isArray(u) ? u[m] ?? (m === 0 ? 0 : 1) : u && typeof u == "object" ? u[y] ?? (m === 0 ? 0 : 1) : m === 0 ? 0 : 1, f = l(s.start, 0, "x") * o - o / 2, c = l(s.start, 1, "y") * e - e / 2, g = l(s.end, 0, "x") * o - o / 2, h = l(s.end, 1, "y") * e - e / 2, d = t.createLinearGradient(f, c, g, h);
         if (s.stops.forEach((u) => {
           const m = u.offset !== void 0 ? u.offset : u.pos !== void 0 ? u.pos : u.position !== void 0 ? u.position : 0, y = r(u.color || "#000000", u.opacity ?? 100);
           d.addColorStop(Math.max(0, Math.min(1, m)), y);
@@ -4615,39 +4666,39 @@ class li {
         }
         return d;
       } else if (s.type === "RadialGradient") {
-        const l = (d, u, m) => Array.isArray(d) ? d[u] ?? 0.5 : d && typeof d == "object" ? d[m] ?? 0.5 : 0.5, h = l(s.center, 0, "x") * o - o / 2, c = l(s.center, 1, "y") * e - e / 2, g = (s.radius ?? 0.5) * Math.max(o, e), f = t.createRadialGradient(h, c, 0, h, c, g);
+        const l = (d, u, m) => Array.isArray(d) ? d[u] ?? 0.5 : d && typeof d == "object" ? d[m] ?? 0.5 : 0.5, f = l(s.center, 0, "x") * o - o / 2, c = l(s.center, 1, "y") * e - e / 2, g = (s.radius ?? 0.5) * Math.max(o, e), h = t.createRadialGradient(f, c, 0, f, c, g);
         if (s.stops.forEach((d) => {
           const u = d.offset !== void 0 ? d.offset : d.pos !== void 0 ? d.pos : d.position !== void 0 ? d.position : 0, m = r(d.color || "#000000", d.opacity ?? 100);
-          f.addColorStop(Math.max(0, Math.min(1, u)), m);
-        }), s.gradientTransform && f.setTransform) {
+          h.addColorStop(Math.max(0, Math.min(1, u)), m);
+        }), s.gradientTransform && h.setTransform) {
           const [d, u, m, y, v, b] = s.gradientTransform;
-          f.setTransform({ a: d, b: u, c: m, d: y, e: v, f: b });
+          h.setTransform({ a: d, b: u, c: m, d: y, e: v, f: b });
         }
-        return f;
+        return h;
       } else if (s.type === "AngularGradient") {
-        const l = (d, u, m) => Array.isArray(d) ? d[u] ?? 0.5 : d && typeof d == "object" ? d[m] ?? 0.5 : 0.5, h = l(s.center || [0.5, 0.5], 0, "x") * o - o / 2, c = l(s.center || [0.5, 0.5], 1, "y") * e - e / 2, g = (s.degree || s.angle || 0) * (Math.PI / 180), f = (a = t.createConicGradient) == null ? void 0 : a.call(t, g, h, c);
-        if (f) {
+        const l = (d, u, m) => Array.isArray(d) ? d[u] ?? 0.5 : d && typeof d == "object" ? d[m] ?? 0.5 : 0.5, f = l(s.center || [0.5, 0.5], 0, "x") * o - o / 2, c = l(s.center || [0.5, 0.5], 1, "y") * e - e / 2, g = (s.degree || s.angle || 0) * (Math.PI / 180), h = (a = t.createConicGradient) == null ? void 0 : a.call(t, g, f, c);
+        if (h) {
           if (s.stops.forEach((d) => {
             const u = d.offset !== void 0 ? d.offset : d.pos !== void 0 ? d.pos : d.position !== void 0 ? d.position : 0, m = r(d.color || "#000000", d.opacity ?? 100);
-            f.addColorStop(Math.max(0, Math.min(1, u)), m);
-          }), s.gradientTransform && f.setTransform) {
+            h.addColorStop(Math.max(0, Math.min(1, u)), m);
+          }), s.gradientTransform && h.setTransform) {
             const [d, u, m, y, v, b] = s.gradientTransform;
-            f.setTransform({ a: d, b: u, c: m, d: y, e: v, f: b });
+            h.setTransform({ a: d, b: u, c: m, d: y, e: v, f: b });
           }
-          return f;
+          return h;
         }
       } else if (s.type === "DiamondGradient") {
-        const l = (d, u, m) => Array.isArray(d) ? d[u] ?? 0.5 : d && typeof d == "object" ? d[m] ?? 0.5 : 0.5, h = l(s.center || [0.5, 0.5], 0, "x") * o - o / 2, c = l(s.center || [0.5, 0.5], 1, "y") * e - e / 2, g = (s.radius ?? 0.5) * Math.max(o, e);
-        t.save(), t.translate(h, c), t.rotate(Math.PI / 4);
-        const f = t.createRadialGradient(0, 0, 0, 0, 0, g);
+        const l = (d, u, m) => Array.isArray(d) ? d[u] ?? 0.5 : d && typeof d == "object" ? d[m] ?? 0.5 : 0.5, f = l(s.center || [0.5, 0.5], 0, "x") * o - o / 2, c = l(s.center || [0.5, 0.5], 1, "y") * e - e / 2, g = (s.radius ?? 0.5) * Math.max(o, e);
+        t.save(), t.translate(f, c), t.rotate(Math.PI / 4);
+        const h = t.createRadialGradient(0, 0, 0, 0, 0, g);
         if (s.stops.forEach((d) => {
           const u = d.offset !== void 0 ? d.offset : d.pos !== void 0 ? d.pos : d.position !== void 0 ? d.position : 0, m = r(d.color || "#000000", d.opacity ?? 100);
-          f.addColorStop(Math.max(0, Math.min(1, u)), m);
-        }), s.gradientTransform && f.setTransform) {
+          h.addColorStop(Math.max(0, Math.min(1, u)), m);
+        }), s.gradientTransform && h.setTransform) {
           const [d, u, m, y, v, b] = s.gradientTransform;
-          f.setTransform({ a: d, b: u, c: m, d: y, e: v, f: b });
+          h.setTransform({ a: d, b: u, c: m, d: y, e: v, f: b });
         }
-        return t.scale(1 / Math.SQRT2, 1 / Math.SQRT2), t.fillStyle = f, t.restore(), f;
+        return t.scale(1 / Math.SQRT2, 1 / Math.SQRT2), t.fillStyle = h, t.restore(), h;
       }
     }
     if (s.type === "Pattern" && s.url) {
@@ -4655,8 +4706,8 @@ class li {
       if (r || (r = new Image(), r.src = s.url, this.imageCache.set(s.url, r)), r.complete && r.naturalWidth > 0) {
         const l = t.createPattern(r, "repeat");
         if (l && (s.scaleX !== void 0 || s.offsetX !== void 0)) {
-          const h = new DOMMatrix(), c = s.scaleX ?? 1, g = s.scaleY ?? 1, f = s.offsetX ?? 0, d = s.offsetY ?? 0, u = s.rotation ?? 0;
-          h.translateSelf(f, d), h.rotateSelf(u), h.scaleSelf(c, g), l.setTransform(h);
+          const f = new DOMMatrix(), c = s.scaleX ?? 1, g = s.scaleY ?? 1, h = s.offsetX ?? 0, d = s.offsetY ?? 0, u = s.rotation ?? 0;
+          f.translateSelf(h, d), f.rotateSelf(u), f.scaleSelf(c, g), l.setTransform(f);
         }
         return l;
       }
@@ -4675,21 +4726,21 @@ class li {
       } catch {
         a = parseFloat(a) || 0;
       }
-    let r = 0, l = 0, h = 0, c = 0;
-    typeof a == "number" ? r = l = h = c = a : Array.isArray(a) ? a.length === 1 ? r = l = h = c = a[0] : a.length === 2 ? (r = h = a[0], l = c = a[1]) : a.length === 3 ? (r = a[0], l = c = a[1], h = a[2]) : a.length >= 4 && (r = a[0], l = a[1], h = a[2], c = a[3]) : a && typeof a == "object" && (r = a.tl ?? a.corner_radius ?? a.cornerRadius ?? 0, l = a.tr ?? a.corner_radius ?? a.cornerRadius ?? 0, h = a.br ?? a.corner_radius ?? a.cornerRadius ?? 0, c = a.bl ?? a.corner_radius ?? a.cornerRadius ?? 0);
+    let r = 0, l = 0, f = 0, c = 0;
+    typeof a == "number" ? r = l = f = c = a : Array.isArray(a) ? a.length === 1 ? r = l = f = c = a[0] : a.length === 2 ? (r = f = a[0], l = c = a[1]) : a.length === 3 ? (r = a[0], l = c = a[1], f = a[2]) : a.length >= 4 && (r = a[0], l = a[1], f = a[2], c = a[3]) : a && typeof a == "object" && (r = a.tl ?? a.corner_radius ?? a.cornerRadius ?? 0, l = a.tr ?? a.corner_radius ?? a.cornerRadius ?? 0, f = a.br ?? a.corner_radius ?? a.cornerRadius ?? 0, c = a.bl ?? a.corner_radius ?? a.cornerRadius ?? 0);
     const g = Math.min(Math.abs(e) / 2, Math.abs(i) / 2);
-    if (r = Math.min(Math.max(0, r), g), l = Math.min(Math.max(0, l), g), h = Math.min(Math.max(0, h), g), c = Math.min(Math.max(0, c), g), t.roundRect) {
-      t.roundRect(s, o, e, i, [r, l, h, c]);
+    if (r = Math.min(Math.max(0, r), g), l = Math.min(Math.max(0, l), g), f = Math.min(Math.max(0, f), g), c = Math.min(Math.max(0, c), g), t.roundRect) {
+      t.roundRect(s, o, e, i, [r, l, f, c]);
       return;
     }
-    t.moveTo(s + r, o), t.lineTo(s + e - l, o), t.arcTo(s + e, o, s + e, o + l, l), t.lineTo(s + e, o + i - h), t.arcTo(s + e, o + i, s + e - h, o + i, h), t.lineTo(s + c, o + i), t.arcTo(s, o + i, s, o + i - c, c), t.lineTo(s, o + r), t.arcTo(s, o, s + r, o, r), t.closePath();
+    t.moveTo(s + r, o), t.lineTo(s + e - l, o), t.arcTo(s + e, o, s + e, o + l, l), t.lineTo(s + e, o + i - f), t.arcTo(s + e, o + i, s + e - f, o + i, f), t.lineTo(s + c, o + i), t.arcTo(s, o + i, s, o + i - c, c), t.lineTo(s, o + r), t.arcTo(s, o, s + r, o, r), t.closePath();
   }
   renderListView(t, s) {
-    var L, x, R, $;
-    const o = this.objectStates.get(s.id) || {}, e = o.options || s.options || {}, i = o.width !== void 0 ? o.width : ((L = s.geometry) == null ? void 0 : L.width) || 200, n = o.height !== void 0 ? o.height : ((x = s.geometry) == null ? void 0 : x.height) || 300, a = -i / 2, r = -n / 2, l = o.corner_radius !== void 0 ? o.corner_radius : e.corner_radius ?? 0, h = e.orientation || "vertical", c = e.items || [], g = e.itemGap ?? 10, f = e.itemHeight ?? 50, d = e.itemWidth ?? 200, u = e.scrollOffset ?? 0, m = e.padding ?? 0, y = e.glassEffect !== !1, v = e.accentColor || "#3b82f6", b = e.itemTextColor || "#333333", C = e.itemBackgroundColor || "#ffffff", S = e.hoveredIndex ?? null, I = e.activeItemIndex ?? null, w = e.glowIntensity ?? 0, k = e.glowColor || "#3b82f6", E = typeof k == "string" ? k : k.color || (($ = (R = k.stops) == null ? void 0 : R[0]) == null ? void 0 : $.color) || "#3b82f6", T = e.opacity !== void 0 ? e.opacity : s.opacity !== void 0 ? s.opacity : 1;
+    var L, x, A, $;
+    const o = this.objectStates.get(s.id) || {}, e = o.options || s.options || {}, i = o.width !== void 0 ? o.width : ((L = s.geometry) == null ? void 0 : L.width) || 200, n = o.height !== void 0 ? o.height : ((x = s.geometry) == null ? void 0 : x.height) || 300, a = -i / 2, r = -n / 2, l = o.corner_radius !== void 0 ? o.corner_radius : e.corner_radius ?? 0, f = e.orientation || "vertical", c = e.items || [], g = e.itemGap ?? 10, h = e.itemHeight ?? 50, d = e.itemWidth ?? 200, u = e.scrollOffset ?? 0, m = e.padding ?? 0, y = e.glassEffect !== !1, v = e.accentColor || "#3b82f6", b = e.itemTextColor || "#333333", C = e.itemBackgroundColor || "#ffffff", S = e.hoveredIndex ?? null, I = e.activeItemIndex ?? null, w = e.glowIntensity ?? 0, M = e.glowColor || "#3b82f6", P = typeof M == "string" ? M : M.color || (($ = (A = M.stops) == null ? void 0 : A[0]) == null ? void 0 : $.color) || "#3b82f6", T = e.opacity !== void 0 ? e.opacity : s.opacity !== void 0 ? s.opacity : 1;
     if (t.save(), t.globalAlpha *= T, w > 0) {
       const O = t.getTransform(), V = Math.sqrt(O.a * O.a + O.b * O.b) || 1;
-      t.shadowColor = E, t.shadowBlur = w * 2 * V, t.shadowOffsetX = 0, t.shadowOffsetY = 0;
+      t.shadowColor = P, t.shadowBlur = w * 2 * V, t.shadowOffsetX = 0, t.shadowOffsetY = 0;
     }
     if (y) {
       const O = e.listBackgroundColor || "rgba(31, 41, 55, 0.4)", V = this.createCanvasFill(t, O, i, n);
@@ -4703,34 +4754,34 @@ class li {
       H > 0 && (t.strokeStyle = e.borderColor || "#cccccc", t.lineWidth = H, this.drawListViewRect(t, a, r, i, n, l), t.stroke());
     }
     t.shadowBlur = 0, t.save(), this.drawListViewRect(t, a, r, i, n, l), t.clip();
-    const W = typeof m == "number" ? m : h === "vertical" ? m[0] : m[3];
-    let M = (h === "vertical" ? r : a) + u + W;
+    const W = typeof m == "number" ? m : f === "vertical" ? m[0] : m[3];
+    let k = (f === "vertical" ? r : a) + u + W;
     if (t.textBaseline = "middle", c.forEach((O, V) => {
-      const H = h === "vertical" ? i : d, et = h === "vertical" ? f : n, P = h === "vertical" ? a : M, F = h === "vertical" ? M : r, q = S === V, Q = I === V;
+      const H = f === "vertical" ? i : d, et = f === "vertical" ? h : n, E = f === "vertical" ? a : k, F = f === "vertical" ? k : r, q = S === V, Q = I === V;
       if (Q) {
         const mt = this.createCanvasFill(t, v, H, et);
         t.fillStyle = mt || v;
         const rt = t.globalAlpha;
-        t.globalAlpha = rt * 0.8, t.fillRect(P, F, H, et), t.globalAlpha = rt;
+        t.globalAlpha = rt * 0.8, t.fillRect(E, F, H, et), t.globalAlpha = rt;
       } else if (q)
-        t.fillStyle = y ? "rgba(255, 255, 255, 0.1)" : "rgba(0, 0, 0, 0.05)", t.fillRect(P, F, H, et);
+        t.fillStyle = y ? "rgba(255, 255, 255, 0.1)" : "rgba(0, 0, 0, 0.05)", t.fillRect(E, F, H, et);
       else if (C !== "transparent") {
         const mt = this.createCanvasFill(t, C, H, et);
-        t.fillStyle = mt || C, t.fillRect(P, F, H, et);
+        t.fillStyle = mt || C, t.fillRect(E, F, H, et);
       }
       if (Q || q) {
-        const mt = this.createCanvasFill(t, v, h === "vertical" ? 3 : H, h === "vertical" ? et : 3);
-        t.fillStyle = mt || v, h === "vertical" ? t.fillRect(P, F, 3, et) : t.fillRect(P, F + et - 3, H, 3);
+        const mt = this.createCanvasFill(t, v, f === "vertical" ? 3 : H, f === "vertical" ? et : 3);
+        t.fillStyle = mt || v, f === "vertical" ? t.fillRect(E, F, 3, et) : t.fillRect(E, F + et - 3, H, 3);
       }
       const it = Q ? "#ffffff" : y ? "rgba(255, 255, 255, 0.9)" : b;
       t.fillStyle = it, t.font = Q || q ? "600 14px Inter, sans-serif" : "400 14px Inter, sans-serif";
-      const dt = typeof O == "string" ? O : (O == null ? void 0 : O.label) || `Item ${V + 1}`, St = P + (h === "vertical" ? 16 : H / 2), ht = F + et / 2;
-      h === "horizontal" ? t.textAlign = "center" : t.textAlign = "left", t.fillText(dt, St, ht), M += (h === "vertical" ? f : d) + g;
+      const dt = typeof O == "string" ? O : (O == null ? void 0 : O.label) || `Item ${V + 1}`, St = E + (f === "vertical" ? 16 : H / 2), ht = F + et / 2;
+      f === "horizontal" ? t.textAlign = "center" : t.textAlign = "left", t.fillText(dt, St, ht), k += (f === "vertical" ? h : d) + g;
     }), t.restore(), e.showScrollbar !== !1) {
-      const O = (c.length || 0) * (h === "vertical" ? f : d) + ((c.length || 0) - 1) * g, V = h === "vertical" ? n : i;
+      const O = (c.length || 0) * (f === "vertical" ? h : d) + ((c.length || 0) - 1) * g, V = f === "vertical" ? n : i;
       if (O > V) {
-        const H = V / O, et = V * H, P = -u / O * V, F = e.scrollbarColor || "rgba(255,255,255,0.3)", q = e.scrollbarWidth || 4;
-        t.fillStyle = F, h === "vertical" ? t.fillRect(a + i - q - 2, r + P, q, et) : t.fillRect(a + P, r + n - q - 2, et, q);
+        const H = V / O, et = V * H, E = -u / O * V, F = e.scrollbarColor || "rgba(255,255,255,0.3)", q = e.scrollbarWidth || 4;
+        t.fillStyle = F, f === "vertical" ? t.fillRect(a + i - q - 2, r + E, q, et) : t.fillRect(a + E, r + n - q - 2, et, q);
       }
     }
     t.restore();
@@ -4740,7 +4791,7 @@ class li {
     if (!this._lastPointerPos || !this._prevPointerPos) return;
     const s = t.options || {}, o = s.orientation || "vertical", e = this._lastPointerPos.x - this._prevPointerPos.x, i = this._lastPointerPos.y - this._prevPointerPos.y;
     o === "vertical" ? s.scrollOffset = (s.scrollOffset || 0) + i : s.scrollOffset = (s.scrollOffset || 0) + e;
-    const n = this.objectStates.get(t.id) || {}, a = s.items || [], r = s.itemGap ?? 10, l = s.itemHeight ?? 50, h = s.itemWidth ?? 200, c = n.width !== void 0 ? n.width : ((m = t.geometry) == null ? void 0 : m.width) || 200, g = n.height !== void 0 ? n.height : ((y = t.geometry) == null ? void 0 : y.height) || 300, f = (a.length || 0) * (o === "vertical" ? l : h) + ((a.length || 0) - 1) * r, u = Math.max(0, f - (o === "vertical" ? g : c) + (s.padding * 2 || 0));
+    const n = this.objectStates.get(t.id) || {}, a = s.items || [], r = s.itemGap ?? 10, l = s.itemHeight ?? 50, f = s.itemWidth ?? 200, c = n.width !== void 0 ? n.width : ((m = t.geometry) == null ? void 0 : m.width) || 200, g = n.height !== void 0 ? n.height : ((y = t.geometry) == null ? void 0 : y.height) || 300, h = (a.length || 0) * (o === "vertical" ? l : f) + ((a.length || 0) - 1) * r, u = Math.max(0, h - (o === "vertical" ? g : c) + (s.padding * 2 || 0));
     s.scrollOffset > 0 && (s.scrollOffset = 0), s.scrollOffset < -u && (s.scrollOffset = -u);
   }
   updateListViewHoverFromPointer(t, s, o) {
@@ -4748,16 +4799,16 @@ class li {
     i.hoveredIndex !== e && (i.hoveredIndex = e);
   }
   getListViewItemIndexAtPointer(t, s, o) {
-    var W, M;
+    var W, k;
     const e = t.options || {}, i = this.objectStates.get(t.id) || {}, n = e.items || [];
     if (n.length === 0) return null;
-    const a = i.width !== void 0 ? i.width : ((W = t.geometry) == null ? void 0 : W.width) || 200, r = i.height !== void 0 ? i.height : ((M = t.geometry) == null ? void 0 : M.height) || 300, l = e.orientation || "vertical", h = e.itemGap ?? 10, c = e.itemHeight ?? 50, g = e.itemWidth ?? 200, f = e.scrollOffset ?? 0, d = e.padding ?? 0, u = this.getWorldTransform(t.id), m = s - u.x, y = o - u.y, v = -u.rotation * (Math.PI / 180), b = Math.cos(v), C = Math.sin(v), S = m * b - y * C, I = m * C + y * b, w = -a / 2, k = -r / 2, E = typeof d == "number" ? d : l === "vertical" ? d[0] : d[3];
-    let T = (l === "vertical" ? k : w) + f + E;
+    const a = i.width !== void 0 ? i.width : ((W = t.geometry) == null ? void 0 : W.width) || 200, r = i.height !== void 0 ? i.height : ((k = t.geometry) == null ? void 0 : k.height) || 300, l = e.orientation || "vertical", f = e.itemGap ?? 10, c = e.itemHeight ?? 50, g = e.itemWidth ?? 200, h = e.scrollOffset ?? 0, d = e.padding ?? 0, u = this.getWorldTransform(t.id), m = s - u.x, y = o - u.y, v = -u.rotation * (Math.PI / 180), b = Math.cos(v), C = Math.sin(v), S = m * b - y * C, I = m * C + y * b, w = -a / 2, M = -r / 2, P = typeof d == "number" ? d : l === "vertical" ? d[0] : d[3];
+    let T = (l === "vertical" ? M : w) + h + P;
     for (let _ = 0; _ < n.length; _++) {
-      const L = l === "vertical" ? a : g, x = l === "vertical" ? c : r, R = l === "vertical" ? w : T, $ = l === "vertical" ? T : k;
-      if (S >= R && S <= R + L && I >= $ && I <= $ + x)
+      const L = l === "vertical" ? a : g, x = l === "vertical" ? c : r, A = l === "vertical" ? w : T, $ = l === "vertical" ? T : M;
+      if (S >= A && S <= A + L && I >= $ && I <= $ + x)
         return _;
-      T += (l === "vertical" ? c : g) + h;
+      T += (l === "vertical" ? c : g) + f;
     }
     return null;
   }
@@ -4775,28 +4826,28 @@ class li {
       if (!e.behaviors || e.behaviors.length === 0) return;
       const i = this.objectStates.get(e.id);
       i && e.behaviors.forEach((n) => {
-        var g, f, d, u, m, y, v, b, C, S, I, w, k, E, T, W, M, _, L, x, R, $, O, V, H, et, P, F, q, Q, it, dt, St, ht, mt, rt, Lt, Gt, Pt, Dt, Yt, B, lt, zt, Mt, Tt, Vt, Ut, Jt, qt, Qt, oe, jt, ee, J, ft, U, G, K, Z, At, Ot, kt, Nt, yt, A, ct, Xt, xt, te, $t, Wt, Ft, ot, It, bt, vt, gt, Rt, at, st, nt, wt, z, pt, ut, ce, me, Ie, we, Te, Ht, se, ue, Me, ke, fe, re, le, ye, _e, Ae, Oe, Pe, Re, Le, De, ze, Ve, Ne, He, Ue, qe, Je, Qe, Ke, Ze, je;
+        var g, h, d, u, m, y, v, b, C, S, I, w, M, P, T, W, k, _, L, x, A, $, O, V, H, et, E, F, q, Q, it, dt, St, ht, mt, rt, Lt, Gt, Pt, Dt, Yt, B, lt, zt, Mt, Tt, Vt, Ut, Jt, qt, Qt, oe, jt, ee, J, ft, U, G, K, Z, At, Ot, kt, Nt, yt, R, ct, Xt, xt, te, $t, Wt, Ft, ot, It, bt, vt, gt, Rt, at, st, nt, wt, z, pt, ut, ce, me, Ie, we, Te, Ht, se, ue, Me, ke, fe, re, le, ye, _e, Ae, Oe, Pe, Re, Le, De, ze, Ve, Ne, He, Ue, qe, Je, Qe, Ke, 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 = i.x - s, h = i.y - o, c = Math.sqrt(l * l + h * h);
+        const l = i.x - s, f = i.y - o, c = Math.sqrt(l * l + f * f);
         if (this.frameCount % 240 === 0 && Math.random() < 0.1 && console.log(`[ExodeUI] Executing ${n.type} on ${e.name}`), n.type === Y.Proximity) {
-          const X = ((g = n.settings) == null ? void 0 : g.radius) || 300, N = ((f = n.settings) == null ? void 0 : f.falloff) || "smooth";
+          const X = ((g = n.settings) == null ? void 0 : g.radius) || 300, N = ((h = n.settings) == null ? void 0 : h.falloff) || "smooth";
           let D = 0;
           c < X && (N === "linear" ? D = 1 - c / X : D = Math.pow(1 - c / X, 2)), n.sensors.forEach((j) => {
-            this.applyBehaviorSensor(i, j, D, t, n.settings, e, l, h, c);
+            this.applyBehaviorSensor(i, j, D, t, n.settings, e, l, f, c);
           });
         } else if (n.type === Y.Magnetic) {
           const X = ((d = n.settings) == null ? void 0 : d.radius) || 400, N = ((u = n.settings) == null ? void 0 : u.strength) || 0.5;
           if (c < X && c > 5) {
-            const D = 1 - c / X, j = l * D * N, _t = h * D * N;
+            const D = 1 - c / X, j = l * D * N, _t = f * D * N;
             i.x -= j * t * 10, i.y -= _t * t * 10;
           }
         } else if (n.type === Y.Repel) {
           const X = ((m = n.settings) == null ? void 0 : m.radius) || 300, N = ((y = n.settings) == null ? void 0 : y.strength) || 1;
           if (c < X) {
             const D = Math.pow(1 - c / X, 2);
-            i.x += l / (c || 1) * D * 60 * N * t * 5, i.y += h / (c || 1) * D * 60 * N * t * 5;
+            i.x += l / (c || 1) * D * 60 * N * t * 5, i.y += f / (c || 1) * D * 60 * N * t * 5;
           }
         } else if (n.type === Y.Orbit) {
           const X = ((v = n.settings) == null ? void 0 : v.speed) || 1, N = ((b = n.settings) == null ? void 0 : b.radius) || 30, D = this.currentTime * X * Math.PI * 2;
@@ -4804,17 +4855,17 @@ class li {
         } else if (n.type === Y.Vortex) {
           const X = ((C = n.settings) == null ? void 0 : C.radius) || 400, N = ((S = n.settings) == null ? void 0 : S.speed) || 2, D = ((I = n.settings) == null ? void 0 : I.strength) || 1;
           if (c < X) {
-            const j = Math.pow(1 - c / X, 1.5), _t = this.currentTime * N * Math.PI * 2, Et = Math.cos(_t) * 30 - l * 0.4, Bt = Math.sin(_t) * 30 - h * 0.4;
+            const j = Math.pow(1 - c / X, 1.5), _t = this.currentTime * N * Math.PI * 2, Et = Math.cos(_t) * 30 - l * 0.4, Bt = Math.sin(_t) * 30 - f * 0.4;
             i.x += Et * j * D * t * 5, i.y += Bt * j * D * t * 5, i.rotation += 5 * j * D * t * 5, i.scale_x *= 1 - j * 0.1 * D * t, i.scale_y *= 1 - j * 0.1 * D * t;
           }
         } else if (n.type === Y.Fluid) {
-          const X = ((w = n.settings) == null ? void 0 : w.radius) || 300, N = ((k = n.settings) == null ? void 0 : k.strength) || 1;
+          const X = ((w = n.settings) == null ? void 0 : w.radius) || 300, N = ((M = n.settings) == null ? void 0 : M.strength) || 1;
           if (c < X) {
-            const D = Math.pow(1 - c / X, 1.2), j = l / (c || 1) * D * 1.2 * N, _t = h / (c || 1) * D * 1.2 * N;
+            const D = Math.pow(1 - c / X, 1.2), j = l / (c || 1) * D * 1.2 * N, _t = f / (c || 1) * D * 1.2 * N;
             i.x += j * 10 * t * 5, i.y += _t * 10 * t * 5, i.scale_x *= 1 + D * 0.3 * N * t, i.scale_y *= 1 + D * 0.3 * N * t;
           }
         } else if (n.type === Y.Elastic) {
-          const X = ((E = n.settings) == null ? void 0 : E.radius) || 300, N = ((T = n.settings) == null ? void 0 : T.strength) || 1;
+          const X = ((P = n.settings) == null ? void 0 : P.radius) || 300, N = ((T = n.settings) == null ? void 0 : T.strength) || 1;
           if (c < X) {
             const D = 1 - c / X;
             i.scale_x *= 1 + D * 0.4 * N * t, i.scale_y *= 1 + D * 0.4 * N * t;
@@ -4826,10 +4877,10 @@ class li {
             i.style.exposure = (i.style.exposure || 1) + j * 0.5 * t;
           }
         } else if (n.type === Y.Sticky) {
-          const X = ((M = n.settings) == null ? void 0 : M.radius) || 80, N = ((_ = n.settings) == null ? void 0 : _.strength) || 1;
+          const X = ((k = n.settings) == null ? void 0 : k.radius) || 80, N = ((_ = n.settings) == null ? void 0 : _.strength) || 1;
           if (c < X) {
             const D = Math.pow(1 - c / X, 2);
-            i.x -= l * D * N * t * 10, i.y -= h * D * N * t * 10, i.scale_x *= 1 - D * 0.1 * N * t, i.scale_y *= 1 - D * 0.1 * N * t;
+            i.x -= l * D * N * t * 10, i.y -= f * D * N * t * 10, i.scale_x *= 1 - D * 0.1 * N * t, i.scale_y *= 1 - D * 0.1 * N * t;
           }
         } else if (n.type === Y.Dilation) {
           const X = ((L = n.settings) == null ? void 0 : L.size) || 120, N = ((x = n.settings) == null ? void 0 : x.strength) || 1;
@@ -4838,11 +4889,11 @@ class li {
             i.scale_x *= 1 + D * 0.5 * N * t, i.scale_y *= 1 + D * 0.5 * N * t;
           }
         } else if (n.type === Y.Parallax) {
-          const X = ((R = n.settings) == null ? void 0 : R.factor) || 15, N = (($ = n.settings) == null ? void 0 : $.strength) || 1, D = this.canvasWidth / 2, j = this.canvasHeight / 2, _t = this._lastPointerPos || { x: D, y: j }, Et = (_t.x - D) / D, Bt = (_t.y - j) / j, Zt = (((O = e.transform) == null ? void 0 : O.x) ?? 0) + Et * X * N, he = (((V = e.transform) == null ? void 0 : V.y) ?? 0) + Bt * X * N, be = (((H = e.transform) == null ? void 0 : H.rotate_x) ?? 0) - Bt * X * 1.5 * N, ie = (((et = e.transform) == null ? void 0 : et.rotate_y) ?? 0) + Et * X * 1.5 * N, pe = Math.min(1, 10 * t);
-          i.x = this.lerp(i.x ?? ((P = e.transform) == null ? void 0 : P.x) ?? 0, Zt, pe), i.y = this.lerp(i.y ?? ((F = e.transform) == null ? void 0 : F.y) ?? 0, he, pe), i.rotate_x = this.lerp(i.rotate_x ?? ((q = e.transform) == null ? void 0 : q.rotate_x) ?? 0, be, pe), i.rotate_y = this.lerp(i.rotate_y ?? ((Q = e.transform) == null ? void 0 : Q.rotate_y) ?? 0, ie, pe);
+          const X = ((A = n.settings) == null ? void 0 : A.factor) || 15, N = (($ = n.settings) == null ? void 0 : $.strength) || 1, D = this.canvasWidth / 2, j = this.canvasHeight / 2, _t = this._lastPointerPos || { x: D, y: j }, Et = (_t.x - D) / D, Bt = (_t.y - j) / j, Zt = (((O = e.transform) == null ? void 0 : O.x) ?? 0) + Et * X * N, he = (((V = e.transform) == null ? void 0 : V.y) ?? 0) + Bt * X * N, be = (((H = e.transform) == null ? void 0 : H.rotate_x) ?? 0) - Bt * X * 1.5 * N, ie = (((et = e.transform) == null ? void 0 : et.rotate_y) ?? 0) + Et * X * 1.5 * N, pe = Math.min(1, 10 * t);
+          i.x = this.lerp(i.x ?? ((E = e.transform) == null ? void 0 : E.x) ?? 0, Zt, pe), i.y = this.lerp(i.y ?? ((F = e.transform) == null ? void 0 : F.y) ?? 0, he, pe), i.rotate_x = this.lerp(i.rotate_x ?? ((q = e.transform) == null ? void 0 : q.rotate_x) ?? 0, be, pe), i.rotate_y = this.lerp(i.rotate_y ?? ((Q = e.transform) == null ? void 0 : Q.rotate_y) ?? 0, ie, pe);
         } else if (n.type === Y.Fold) {
           if (c < 300) {
-            const X = 1 - c / 300, N = (l > 0 ? -1 : 1) * X * 10, D = 1 - X * 0.1, j = h / 300 * X * 20, _t = -(l / 300) * X * 20, Et = Math.min(1, 10 * t);
+            const X = 1 - c / 300, N = (l > 0 ? -1 : 1) * X * 10, D = 1 - X * 0.1, j = f / 300 * X * 20, _t = -(l / 300) * X * 20, Et = Math.min(1, 10 * t);
             i.skew_x = this.lerp(i.skew_x ?? ((it = e.transform) == null ? void 0 : it.skew_x) ?? 0, N, Et), i.scale_y = this.lerp(i.scale_y ?? ((dt = e.transform) == null ? void 0 : dt.scale_y) ?? 1, (((St = e.transform) == null ? void 0 : St.scale_y) ?? 1) * D, Et), i.rotate_x = this.lerp(i.rotate_x ?? ((ht = e.transform) == null ? void 0 : ht.rotate_x) ?? 0, j, Et), i.rotate_y = this.lerp(i.rotate_y ?? ((mt = e.transform) == null ? void 0 : mt.rotate_y) ?? 0, _t, Et), i.style = i.style || { ...e.style }, i.style.artEffect = { enabled: !0, type: "fold_overlay", intensity: ((rt = n.settings) == null ? void 0 : rt.opacity) ?? 0.5 };
           }
         } else if (n.type === Y.Crumple) {
@@ -4869,7 +4920,7 @@ class li {
           } else
             (Z = i.style) != null && Z.adjustments && (i.style.adjustments.exposure = this.lerp(i.style.adjustments.exposure || 0, ((Ot = (At = e.style) == null ? void 0 : At.adjustments) == null ? void 0 : Ot.exposure) || 0, 0.1));
         } else if (n.type === Y.Noise || n.type === Y.Float) {
-          const X = (((kt = n.settings) == null ? void 0 : kt.frequency) || ((Nt = n.settings) == null ? void 0 : Nt.speed) || 1) * 2e-3, N = (((yt = n.settings) == null ? void 0 : yt.amplitude) || ((A = n.settings) == null ? void 0 : A.range) || 50) * (((ct = n.settings) == null ? void 0 : ct.strength) || 1), D = Date.now();
+          const X = (((kt = n.settings) == null ? void 0 : kt.frequency) || ((Nt = n.settings) == null ? void 0 : Nt.speed) || 1) * 2e-3, N = (((yt = n.settings) == null ? void 0 : yt.amplitude) || ((R = n.settings) == null ? void 0 : R.range) || 50) * (((ct = n.settings) == null ? void 0 : ct.strength) || 1), D = Date.now();
           i.x += Math.sin(D * X) * N * t, i.y += Math.cos(D * X * 0.8) * N * t, i.rotation += Math.sin(D * X * 0.5) * 5 * t;
         } else if (n.type === Y.Pulse) {
           const X = (((Xt = n.settings) == null ? void 0 : Xt.speed) || 1) * 5e-3, N = (((xt = n.settings) == null ? void 0 : xt.scale) || 1.2) - 1, D = Math.sin(Date.now() * X), j = ((te = n.settings) == null ? void 0 : te.strength) || 1;
@@ -4884,7 +4935,7 @@ class li {
           const X = ((Ft = n.settings) == null ? void 0 : Ft.axis) || "vertical", N = ((ot = n.settings) == null ? void 0 : ot.factor) || 0.5, D = ((It = n.settings) == null ? void 0 : It.strength) || 1, j = ((bt = n.settings) == null ? void 0 : bt.scaleFactor) || 0;
           (X === "vertical" || X === "both") && (i.y += this.scrollOffset.y * N * D * t), (X === "horizontal" || X === "both") && (i.x += this.scrollOffset.x * N * D * t), j !== 0 && (i.scale_x *= 1 + this.scrollOffset.y * j * t, i.scale_y *= 1 + this.scrollOffset.y * j * t);
         } else if (n.type === Y.LookAt) {
-          const X = ((vt = n.settings) == null ? void 0 : vt.factor) || 1, N = ((gt = n.settings) == null ? void 0 : gt.strength) || 1, D = Math.atan2(-h, -l) * (180 / Math.PI), j = i.rotation, _t = (D - j + 180) % 360 - 180;
+          const X = ((vt = n.settings) == null ? void 0 : vt.factor) || 1, N = ((gt = n.settings) == null ? void 0 : gt.strength) || 1, D = Math.atan2(-f, -l) * (180 / Math.PI), j = i.rotation, _t = (D - j + 180) % 360 - 180;
           i.rotation += _t * X * N * t * 10;
         } else if (n.type === Y.Scan) {
           const X = (((Rt = n.settings) == null ? void 0 : Rt.speed) || 1) * 4e-3, N = ((at = n.settings) == null ? void 0 : at.strength) || 1, D = (Math.sin(Date.now() * X) + 1) / 2;
@@ -5064,88 +5115,88 @@ class li {
     });
   }
   applyBehaviorSensor(t, s, o, e, i, n, a = 0, r = 0, l = 1) {
-    var d, u, m, y, v, b, C, S, I, w, k, E, T, W, M, _, L, x, R, $, O, V, H, et;
-    const h = (i == null ? void 0 : i.intensity) || (i == null ? void 0 : i.strength) || 1, c = Math.min(1, 15 * e), g = l > 0 ? a / l : 0, f = l > 0 ? r / l : 0;
+    var d, u, m, y, v, b, C, S, I, w, M, P, T, W, k, _, L, x, A, $, O, V, H, et;
+    const f = (i == null ? void 0 : i.intensity) || (i == null ? void 0 : i.strength) || 1, c = Math.min(1, 15 * e), g = l > 0 ? a / l : 0, h = l > 0 ? r / l : 0;
     switch (s) {
       case Kt.Scale: {
-        const P = ((d = n == null ? void 0 : n.transform) == null ? void 0 : d.scale_x) ?? 1, F = ((u = n == null ? void 0 : n.transform) == null ? void 0 : u.scale_y) ?? 1, q = P * (1 + o * h * 0.4), Q = F * (1 + o * h * 0.4);
-        t.scale_x = (t.scale_x ?? P) * (1 - c) + q * c, t.scale_y = (t.scale_y ?? F) * (1 - c) + Q * c;
+        const E = ((d = n == null ? void 0 : n.transform) == null ? void 0 : d.scale_x) ?? 1, F = ((u = n == null ? void 0 : n.transform) == null ? void 0 : u.scale_y) ?? 1, q = E * (1 + o * f * 0.4), Q = F * (1 + o * f * 0.4);
+        t.scale_x = (t.scale_x ?? E) * (1 - c) + q * c, t.scale_y = (t.scale_y ?? F) * (1 - c) + Q * c;
         break;
       }
       case Kt.Opacity: {
-        const P = ((m = n == null ? void 0 : n.transform) == null ? void 0 : m.opacity) ?? 100, F = Math.max(0, Math.min(100, P - o * h * 100));
-        t.opacity = (t.opacity ?? P) * (1 - c) + F * c;
+        const E = ((m = n == null ? void 0 : n.transform) == null ? void 0 : m.opacity) ?? 100, F = Math.max(0, Math.min(100, E - o * f * 100));
+        t.opacity = (t.opacity ?? E) * (1 - c) + F * c;
         break;
       }
       case Kt.RotateZ: {
-        const P = ((y = n == null ? void 0 : n.transform) == null ? void 0 : y.rotation) ?? 0, F = P + o * h * 45;
-        t.rotation = (t.rotation ?? P) * (1 - c) + F * c;
+        const E = ((y = n == null ? void 0 : n.transform) == null ? void 0 : y.rotation) ?? 0, F = E + o * f * 45;
+        t.rotation = (t.rotation ?? E) * (1 - c) + F * c;
         break;
       }
       case Kt.RotateX: {
-        const P = ((v = n == null ? void 0 : n.transform) == null ? void 0 : v.rotate_x) ?? 0, F = P - f * o * h * 60;
-        t.rotate_x = (t.rotate_x ?? P) * (1 - c) + F * c;
+        const E = ((v = n == null ? void 0 : n.transform) == null ? void 0 : v.rotate_x) ?? 0, F = E - h * o * f * 60;
+        t.rotate_x = (t.rotate_x ?? E) * (1 - c) + F * c;
         break;
       }
       case Kt.RotateY: {
-        const P = ((b = n == null ? void 0 : n.transform) == null ? void 0 : b.rotate_y) ?? 0, F = P + g * o * h * 60;
-        t.rotate_y = (t.rotate_y ?? P) * (1 - c) + F * c;
+        const E = ((b = n == null ? void 0 : n.transform) == null ? void 0 : b.rotate_y) ?? 0, F = E + g * o * f * 60;
+        t.rotate_y = (t.rotate_y ?? E) * (1 - c) + F * c;
         break;
       }
       case Kt.PositionX: {
-        const P = ((C = n == null ? void 0 : n.transform) == null ? void 0 : C.x) ?? 0, F = P - g * o * h * 40;
-        t.x = (t.x ?? P) * (1 - c) + F * c;
+        const E = ((C = n == null ? void 0 : n.transform) == null ? void 0 : C.x) ?? 0, F = E - g * o * f * 40;
+        t.x = (t.x ?? E) * (1 - c) + F * c;
         break;
       }
       case Kt.PositionY: {
-        const P = ((S = n == null ? void 0 : n.transform) == null ? void 0 : S.y) ?? 0, F = P - f * o * h * 40;
-        t.y = (t.y ?? P) * (1 - c) + F * c;
+        const E = ((S = n == null ? void 0 : n.transform) == null ? void 0 : S.y) ?? 0, F = E - h * o * f * 40;
+        t.y = (t.y ?? E) * (1 - c) + F * c;
         break;
       }
       case Kt.SkewX: {
-        const P = ((I = n == null ? void 0 : n.transform) == null ? void 0 : I.skew_x) ?? 0, F = P + g * o * h * 45;
-        t.skew_x = (t.skew_x ?? P) * (1 - c) + F * c, t.skew_x > 85 && (t.skew_x = 85), t.skew_x < -85 && (t.skew_x = -85);
+        const E = ((I = n == null ? void 0 : n.transform) == null ? void 0 : I.skew_x) ?? 0, F = E + g * o * f * 45;
+        t.skew_x = (t.skew_x ?? E) * (1 - c) + F * c, 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 = { ...(w = n == null ? void 0 : n.style) == null ? void 0 : w.blur });
-        const P = ((E = (k = n == null ? void 0 : n.style) == null ? void 0 : k.blur) == null ? void 0 : E.amount) || 0, F = P + o * ((i == null ? void 0 : i.blur) || 20) * h;
-        t.style.blur.amount = (t.style.blur.amount ?? P) * (1 - c) + F * c;
+        const E = ((P = (M = n == null ? void 0 : n.style) == null ? void 0 : M.blur) == null ? void 0 : P.amount) || 0, F = E + o * ((i == null ? void 0 : i.blur) || 20) * f;
+        t.style.blur.amount = (t.style.blur.amount ?? E) * (1 - c) + F * c;
         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 P = ((M = (W = n == null ? void 0 : n.style) == null ? void 0 : W.adjustments) == null ? void 0 : M.exposure) || 0, F = P + o * ((i == null ? void 0 : i.exposure) || 50) * h;
-        t.style.adjustments.exposure = (t.style.adjustments.exposure ?? P) * (1 - c) + F * c;
+        const E = ((k = (W = n == null ? void 0 : n.style) == null ? void 0 : W.adjustments) == null ? void 0 : k.exposure) || 0, F = E + o * ((i == null ? void 0 : i.exposure) || 50) * f;
+        t.style.adjustments.exposure = (t.style.adjustments.exposure ?? E) * (1 - c) + F * c;
         break;
       }
       case Kt.HueShift: {
         t.style || (t.style = { ...n == null ? void 0 : n.style }), t.style.adjustments || (t.style.adjustments = { ...(_ = n == null ? void 0 : n.style) == null ? void 0 : _.adjustments });
-        const P = ((x = (L = n == null ? void 0 : n.style) == null ? void 0 : L.adjustments) == null ? void 0 : x.hue) || 0, F = P + o * ((i == null ? void 0 : i.hue) || 180) * h;
-        t.style.adjustments.hue = (t.style.adjustments.hue ?? P) * (1 - c) + F * c;
+        const E = ((x = (L = n == null ? void 0 : n.style) == null ? void 0 : L.adjustments) == null ? void 0 : x.hue) || 0, F = E + o * ((i == null ? void 0 : i.hue) || 180) * f;
+        t.style.adjustments.hue = (t.style.adjustments.hue ?? E) * (1 - c) + F * c;
         break;
       }
       case Kt.Negative: {
-        t.style || (t.style = { ...n == null ? void 0 : n.style }), t.style.adjustments || (t.style.adjustments = { ...(R = n == null ? void 0 : n.style) == null ? void 0 : R.adjustments });
-        const P = ((O = ($ = n == null ? void 0 : n.style) == null ? void 0 : $.adjustments) == null ? void 0 : O.negative) || 0, F = P + o * ((i == null ? void 0 : i.negative) || 100) * h;
-        t.style.adjustments.negative = (t.style.adjustments.negative ?? P) * (1 - c) + F * c;
+        t.style || (t.style = { ...n == null ? void 0 : n.style }), t.style.adjustments || (t.style.adjustments = { ...(A = n == null ? void 0 : n.style) == null ? void 0 : A.adjustments });
+        const E = ((O = ($ = n == null ? void 0 : n.style) == null ? void 0 : $.adjustments) == null ? void 0 : O.negative) || 0, F = E + o * ((i == null ? void 0 : i.negative) || 100) * f;
+        t.style.adjustments.negative = (t.style.adjustments.negative ?? E) * (1 - c) + F * c;
         break;
       }
       case Kt.CornerRadius: {
-        const P = ((V = n == null ? void 0 : n.transform) == null ? void 0 : V.corner_radius) || 0, F = P + o * h * 50;
-        t.corner_radius = (t.corner_radius ?? P) * (1 - c) + F * c;
+        const E = ((V = n == null ? void 0 : n.transform) == null ? void 0 : V.corner_radius) || 0, F = E + o * f * 50;
+        t.corner_radius = (t.corner_radius ?? E) * (1 - c) + F * c;
         break;
       }
       case Kt.StrokeWidth: {
         t.style || (t.style = { ...n == null ? void 0 : n.style });
-        const P = ((H = n == null ? void 0 : n.style) == null ? void 0 : H.borderWidth) || 0, F = P + o * h * 10;
-        t.style.borderWidth = (t.style.borderWidth ?? P) * (1 - c) + F * c;
+        const E = ((H = n == null ? void 0 : n.style) == null ? void 0 : H.borderWidth) || 0, F = E + o * f * 10;
+        t.style.borderWidth = (t.style.borderWidth ?? E) * (1 - c) + F * c;
         break;
       }
       case Kt.LetterSpacing: {
         t.geometry || (t.geometry = {});
-        const P = ((et = n == null ? void 0 : n.geometry) == null ? void 0 : et.letterSpacing) || 0, F = P + o * h * 10;
-        t.geometry.letterSpacing = (t.geometry.letterSpacing ?? P) * (1 - c) + F * c;
+        const E = ((et = n == null ? void 0 : n.geometry) == null ? void 0 : et.letterSpacing) || 0, F = E + o * f * 10;
+        t.geometry.letterSpacing = (t.geometry.letterSpacing ?? E) * (1 - c) + F * c;
         break;
       }
     }
@@ -5169,7 +5220,7 @@ class li {
     for (let r = 0; r < i.length - 1; r++) {
       const l = i[r];
       if (n[l] === void 0 || n[l] === null) {
-        const h = s, c = i.slice(0, r + 1).reduce((g, f) => g == null ? void 0 : g[f], h);
+        const f = s, c = i.slice(0, r + 1).reduce((g, h) => g == null ? void 0 : g[h], f);
         n[l] = c !== void 0 ? { ...c } : {};
       }
       n = n[l];
@@ -5220,12 +5271,12 @@ class li {
     return o;
   }
   renderFittedImage(t, s, o, e, i, n, a = "cover") {
-    const r = s.naturalWidth, l = s.naturalHeight, h = r / l, c = i / n;
-    let g = i, f = n, d = o, u = e;
-    a === "cover" ? h > c ? (g = n * h, d = o - (g - i) / 2) : (f = i / h, u = e - (f - n) / 2) : a === "contain" && (h > c ? (f = i / h, u = e + (n - f) / 2) : (g = n * h, d = o + (i - g) / 2)), t.drawImage(s, d, u, g, f);
+    const r = s.naturalWidth, l = s.naturalHeight, f = r / l, c = i / n;
+    let g = i, h = n, d = o, u = e;
+    a === "cover" ? f > c ? (g = n * f, d = o - (g - i) / 2) : (h = i / f, u = e - (h - n) / 2) : a === "contain" && (f > c ? (h = i / f, u = e + (n - h) / 2) : (g = n * f, d = o + (i - g) / 2)), t.drawImage(s, d, u, g, h);
   }
 }
-const mi = Cs(({
+const yi = Cs(({
   artboard: p,
   src: t,
   style: s,
@@ -5236,10 +5287,10 @@ const mi = Cs(({
   onTrigger: a,
   onInputUpdate: r,
   onComponentChange: l,
-  onToggle: h,
+  onToggle: f,
   onInputChange: c,
   onInputFocus: g,
-  onInputBlur: f,
+  onInputBlur: h,
   onLog: d,
   onLogicUpdate: u,
   onButtonClick: m,
@@ -5250,20 +5301,20 @@ const mi = Cs(({
   scrollX: S,
   mouseX: I,
   mouseY: w,
-  isMouseDown: k,
-  inputs: E,
+  isMouseDown: M,
+  inputs: P,
   interactive: T = !0,
   onNavigation: W
-}, M) => {
-  const _ = ve(null), L = ve(new li()), x = ve(void 0), R = ve(0), $ = ve(null), O = ve(b), [, V] = ds(p || null), H = ve(!0);
-  Ss(M, () => _.current), Se(() => (H.current = !0, () => {
+}, k) => {
+  const _ = ve(null), L = ve(new ci()), x = ve(void 0), A = ve(0), $ = ve(null), O = ve(b), [, V] = ds(p || null), H = ve(!0);
+  Ss(k, () => _.current), Se(() => (H.current = !0, () => {
     H.current = !1, x.current && cancelAnimationFrame(x.current);
   }), []), Se(() => {
     L.current.setLayout(e, i);
   }, [e, i]), Se(() => {
-    const P = L.current;
-    a && P.setTriggerCallback(a), r && P.setInputUpdateCallback((F, q) => r({ [F]: q })), l && P.setComponentChangeCallback((F) => l(F)), h && P.setToggleCallback(h), c && P.setInputChangeCallback(c), g && P.setInputFocusCallback(g), f && P.setInputBlurCallback(f), d && P.setOnLogCallback((F) => d(F, "info")), u && P.setLogicUpdateCallback(u), m && P.setButtonClickCallback(m), y && P.setGraphPointClickCallback((F) => y(F.objectId, F)), W && P.setNavigationCallback(W);
-  }, [a, r, l, h, c, g, f, d, u, m, y, W]), Se(() => {
+    const E = L.current;
+    a && E.setTriggerCallback(a), r && E.setInputUpdateCallback((F, q) => r({ [F]: q })), l && E.setComponentChangeCallback((F) => l(F)), f && E.setToggleCallback(f), c && E.setInputChangeCallback(c), g && E.setInputFocusCallback(g), h && E.setInputBlurCallback(h), d && E.setOnLogCallback((F) => d(F, "info")), u && E.setLogicUpdateCallback(u), m && E.setButtonClickCallback(m), y && E.setGraphPointClickCallback((F) => y(F.objectId, F)), W && E.setNavigationCallback(W);
+  }, [a, r, l, f, c, g, h, d, u, m, y, W]), Se(() => {
     (async () => {
       let F = p;
       if (t && !p)
@@ -5274,52 +5325,52 @@ const mi = Cs(({
         }
       if (F) {
         const q = L.current, Q = F.id || F.name || "default";
-        ($.current !== Q || O.current !== b) && (q.load(F), $.current = Q, O.current = b, V(F), R.current = 0, q.advance(0)), n && n(q);
+        ($.current !== Q || O.current !== b) && (q.load(F), $.current = Q, O.current = b, V(F), A.current = 0, q.advance(0)), n && n(q);
       }
     })();
   }, [p == null ? void 0 : p.id, t, b]), Se(() => {
-    const P = (F) => {
+    const E = (F) => {
       if (!L.current || !H.current) return;
       const q = L.current, Q = _.current;
       if (!Q) return;
       const it = Q.getContext("2d");
       if (!it) return;
       const dt = F / 1e3;
-      R.current === 0 && (R.current = dt);
-      let St = dt - R.current;
-      St > 0.1 && (St = 0.1), R.current = dt;
+      A.current === 0 && (A.current = dt);
+      let St = dt - A.current;
+      St > 0.1 && (St = 0.1), A.current = dt;
       const ht = Q.getBoundingClientRect(), mt = window.devicePixelRatio || 1, rt = Math.round(ht.width * mt), Lt = Math.round(ht.height * mt);
-      (Q.width !== rt || Q.height !== Lt) && (Q.width = rt, Q.height = Lt), o ? q.advance(St) : v !== void 0 && q.seek(v), q.render(it, Q.width, Q.height), x.current = requestAnimationFrame(P);
+      (Q.width !== rt || Q.height !== Lt) && (Q.width = rt, Q.height = Lt), o ? q.advance(St) : v !== void 0 && q.seek(v), q.render(it, Q.width, Q.height), x.current = requestAnimationFrame(E);
     };
-    return x.current = requestAnimationFrame(P), () => {
+    return x.current = requestAnimationFrame(E), () => {
       x.current && cancelAnimationFrame(x.current);
     };
   }, [o, v]), Se(() => {
-    const P = L.current;
-    C !== void 0 && P.updateInput("scrollY", C), S !== void 0 && P.updateInput("scrollX", S), I !== void 0 && P.updateInput("mouseX", I), w !== void 0 && P.updateInput("mouseY", w), k !== void 0 && P.updateInput("isMouseDown", k), E && Object.entries(E).forEach(([F, q]) => P.updateInput(F, q));
-  }, [C, S, I, w, k, E]);
-  const et = (P, F) => {
+    const E = L.current;
+    C !== void 0 && E.updateInput("scrollY", C), S !== void 0 && E.updateInput("scrollX", S), I !== void 0 && E.updateInput("mouseX", I), w !== void 0 && E.updateInput("mouseY", w), M !== void 0 && E.updateInput("isMouseDown", M), P && Object.entries(P).forEach(([F, q]) => E.updateInput(F, q));
+  }, [C, S, I, w, M, P]);
+  const et = (E, F) => {
     if (!T || !_.current) return;
-    const q = _.current, Q = q.getBoundingClientRect(), it = P.clientX - Q.left, dt = P.clientY - Q.top, St = window.devicePixelRatio || 1;
+    const q = _.current, Q = q.getBoundingClientRect(), it = E.clientX - Q.left, dt = E.clientY - Q.top, St = window.devicePixelRatio || 1;
     L.current.handlePointerInput(F, it * St, dt * St, q.width, q.height);
   };
   return /* @__PURE__ */ Ce(
     "canvas",
     {
       ref: _,
-      onPointerDown: (P) => {
+      onPointerDown: (E) => {
         var F;
-        et(P, "down"), (F = _.current) == null || F.focus();
+        et(E, "down"), (F = _.current) == null || F.focus();
       },
-      onPointerMove: (P) => et(P, "move"),
-      onPointerUp: (P) => et(P, "up"),
-      onPointerCancel: (P) => et(P, "up"),
-      onClick: (P) => et(P, "click"),
-      onWheel: (P) => {
-        L.current.handleWheel(P.deltaX, P.deltaY);
+      onPointerMove: (E) => et(E, "move"),
+      onPointerUp: (E) => et(E, "up"),
+      onPointerCancel: (E) => et(E, "up"),
+      onClick: (E) => et(E, "click"),
+      onWheel: (E) => {
+        L.current.handleWheel(E.deltaX, E.deltaY);
       },
-      onKeyDown: (P) => L.current.handleKeyDown(P.nativeEvent),
-      onContextMenu: (P) => P.preventDefault(),
+      onKeyDown: (E) => L.current.handleKeyDown(E.nativeEvent),
+      onContextMenu: (E) => E.preventDefault(),
       tabIndex: 0,
       style: {
         ...s,
@@ -5333,7 +5384,7 @@ const mi = Cs(({
     }
   );
 });
-function yi() {
+function bi() {
   const [p, t] = ds(null), s = ge((c, g) => {
     p == null || p.setInputBool(c, g);
   }, [p]), o = ge((c, g) => {
@@ -5348,9 +5399,9 @@ function yi() {
     p == null || p.setInputStringArray(c, g);
   }, [p]), r = ge((c, g) => {
     p == null || p.updateObjectOptions(c, g);
-  }, [p]), l = ge((c, g, f) => {
-    p == null || p.updateConstraint(c, g, f);
-  }, [p]), h = ge((c, g) => {
+  }, [p]), l = ge((c, g, h) => {
+    p == null || p.updateConstraint(c, g, h);
+  }, [p]), f = ge((c, g) => {
     p == null || p.updateGraphData(c, g);
   }, [p]);
   return {
@@ -5364,11 +5415,11 @@ function yi() {
     setInputNumberArray: n,
     setInputStringArray: a,
     updateConstraint: l,
-    updateGraphData: h,
+    updateGraphData: f,
     updateObjectOptions: r
   };
 }
-const bi = ({ artboard: p, config: t }) => {
+const vi = ({ artboard: p, config: t }) => {
   const s = { ...p.seo, ...t }, o = s.enableSmartExtraction !== !1;
   Se(() => {
     const a = s.title || p.name;
@@ -5376,12 +5427,12 @@ const bi = ({ artboard: p, config: t }) => {
     let r = s.description;
     if (!r && o) {
       const c = p.objects.filter((g) => {
-        var f;
-        return ((f = g.geometry) == null ? void 0 : f.type) === "Text";
+        var h;
+        return ((h = g.geometry) == null ? void 0 : h.type) === "Text";
       }).sort(
-        (g, f) => {
+        (g, h) => {
           var d, u;
-          return (((d = f.geometry.text) == null ? void 0 : d.length) || 0) - (((u = g.geometry.text) == null ? void 0 : u.length) || 0);
+          return (((d = h.geometry.text) == null ? void 0 : d.length) || 0) - (((u = g.geometry.text) == null ? void 0 : u.length) || 0);
         }
       );
       c.length > 0 && (r = c[0].geometry.text);
@@ -5391,20 +5442,20 @@ const bi = ({ artboard: p, config: t }) => {
     l && e("property", "og:image", l), a && e("property", "og:title", a), e("property", "og:type", "website");
   }, [s, p, o]);
   const e = (a, r, l) => {
-    let h = document.querySelector(`meta[${a}="${r}"]`);
-    h || (h = document.createElement("meta"), h.setAttribute(a, r), document.head.appendChild(h)), h.setAttribute("content", l);
+    let f = document.querySelector(`meta[${a}="${r}"]`);
+    f || (f = document.createElement("meta"), f.setAttribute(a, r), document.head.appendChild(f)), f.setAttribute("content", l);
   }, i = () => {
     const a = [];
-    return a.push(/* @__PURE__ */ Ce("h1", { children: s.title || p.name }, "artboard-title")), p.objects.forEach((l, h) => {
+    return a.push(/* @__PURE__ */ Ce("h1", { children: s.title || p.name }, "artboard-title")), p.objects.forEach((l, f) => {
       var c, g;
       if (!(l.visible === !1 || l.isVisible === !1))
         if (((c = l.geometry) == null ? void 0 : c.type) === "Text") {
-          const f = l.geometry.text;
-          f && (l.geometry.fontSize > 24 ? a.push(/* @__PURE__ */ Ce("h2", { children: f }, l.id || h)) : a.push(/* @__PURE__ */ Ce("p", { children: f }, l.id || h)));
+          const h = l.geometry.text;
+          h && (l.geometry.fontSize > 24 ? a.push(/* @__PURE__ */ Ce("h2", { children: h }, l.id || f)) : a.push(/* @__PURE__ */ Ce("p", { children: h }, l.id || f)));
         } else if (((g = l.geometry) == null ? void 0 : g.type) === "Image") {
-          const f = l.geometry.src, d = l.altText || l.name || "Illustration";
-          a.push(/* @__PURE__ */ Ce("img", { src: f, alt: d }, l.id || h));
-        } else l.type === "Button" && a.push(/* @__PURE__ */ Ce("button", { children: l.name || "Button" }, l.id || h));
+          const h = l.geometry.src, d = l.altText || l.name || "Illustration";
+          a.push(/* @__PURE__ */ Ce("img", { src: h, alt: d }, l.id || f));
+        } else l.type === "Button" && a.push(/* @__PURE__ */ Ce("button", { children: l.name || "Button" }, l.id || f));
     }), a;
   }, n = s.jsonLd || {
     "@context": "https://schema.org",
@@ -5437,17 +5488,17 @@ const bi = ({ artboard: p, config: t }) => {
       ]
     }
   );
-}, ci = "6.3.18", fi = {
-  version: ci
-}, vi = fi.version;
+}, fi = "6.3.18", hi = {
+  version: fi
+}, Ci = hi.version;
 export {
   Kt as BehaviorSensor,
   Y as BehaviorType,
   Ms as ConditionOp,
-  bi as ExodeSEO,
-  mi as ExodeUICanvas,
-  li as ExodeUIEngine,
+  vi as ExodeSEO,
+  yi as ExodeUICanvas,
+  ci as ExodeUIEngine,
   Ct as LogicOp,
-  vi as VERSION,
-  yi as useExodeUI
+  Ci as VERSION,
+  bi as useExodeUI
 };