exodeui 6.3.19 → 6.3.20

package/dist/index.mjs

@@ -41,14 +41,14 @@ function ps(p) {
     width: a = 200,
     letterSpacing: r = 0,
     paragraphSpacing: l = 0,
-    paragraphIndent: f = 0,
+    paragraphIndent: h = 0,
     textCase: c = "none",
     segments: g = [],
-    enableSegments: h = !1
+    enableSegments: f = !1
   } = p;
   let d = String(t || "");
   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}`;
+  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}`;
   let y = Ee.get(m);
   const v = typeof CanvasRenderingContext2D < "u" ? CanvasRenderingContext2D.prototype.measureText : null, b = function(P) {
     if (!v) return { width: 0, fontBoundingBoxAscent: 0, fontBoundingBoxDescent: 0 };
@@ -60,7 +60,7 @@ function ps(p) {
   };
   if (!y) {
     try {
-      if (r !== 0 && typeof CanvasRenderingContext2D < "u" && (CanvasRenderingContext2D.prototype.measureText = b), h && g && g.length > 0) {
+      if (r !== 0 && typeof CanvasRenderingContext2D < "u" && (CanvasRenderingContext2D.prototype.measureText = b), f && g && g.length > 0) {
         const P = g.map((T) => {
           let W = T.text || "";
           const k = T.textCase || c || "none";
@@ -78,16 +78,16 @@ function ps(p) {
             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;
-                if (V < y.widths.length) {
-                  y.widths[V] = $.widths[O];
+                const z = T + O;
+                if (z < y.widths.length) {
+                  y.widths[z] = $.widths[O];
                   const H = $.kinds[O];
                   if (H === 2) {
                     const et = _[O];
                     et === `
-` || et === "\r" ? y.kinds[V] = 2 : y.kinds[V] = 0;
+` || et === "\r" ? y.kinds[z] = 2 : y.kinds[z] = 0;
                   } else
-                    y.kinds[V] = H;
+                    y.kinds[z] = H;
                 }
               }
             T += _.length;
@@ -107,11 +107,11 @@ function ps(p) {
       P && Ee.delete(P);
     }
   }
-  if (f > 0 && y && y.widths && !y.indentApplied) {
+  if (h > 0 && y && y.widths && !y.indentApplied) {
     const P = [...y.widths], T = y.fullText || d;
     let W = !0;
     for (let k = 0; k < T.length; k++)
-      W && P[k] !== void 0 && (P[k] += f, W = !1), (T[k] === `
+      W && P[k] !== void 0 && (P[k] += h, W = !1), (T[k] === `
 ` || T[k] === "\r") && (W = !0, T[k] === "\r" && T[k + 1] === `
 ` && k++);
     y = { ...y, widths: P, indentApplied: !0 };
@@ -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 f = parseFloat(r);
-      i[l] = f, n -= f;
+      const h = parseFloat(r);
+      i[l] = h, n -= h;
     } 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, f) => {
-      l.endsWith("fr") && (i[f] = r * parseFloat(l));
+    e.forEach((l, h) => {
+      l.endsWith("fr") && (i[h] = r * parseFloat(l));
     });
   }
   return i;
@@ -183,12 +183,12 @@ 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", f = t.map((x) => {
+  const o = p.autoLayout, { direction: e, spacing: i, padding: n, align: a, wrap: r } = o, l = e === "vertical", h = 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;
+    let O = (A == null ? void 0 : A.width) ?? $.width ?? 100, z = (A == null ? void 0 : A.height) ?? $.height ?? 100;
     if ($.type === "Ellipse" || $.type === "Polygon" || $.type === "Star") {
       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;
+      O = H * 2, z = H * 2;
     } else if ($.type === "Text") {
       const H = ps({
         text: (A == null ? void 0 : A.text) ?? $.text ?? "",
@@ -205,17 +205,17 @@ function Es(p, t, s) {
         segments: $.segments,
         enableSegments: $.enableSegments
       });
-      V = H.height, $.width || (O = H.width);
+      z = H.height, $.width || (O = H.width);
     }
-    return O *= x.transform.scale_x || 1, V *= x.transform.scale_y || 1, { id: x.id, w: O, h: V, original: x };
+    return O *= x.transform.scale_x || 1, z *= x.transform.scale_y || 1, { id: x.id, w: O, h: z, original: x };
   });
   let c = p.width, g = p.height;
-  const h = ((_ = p.layoutProps) == null ? void 0 : _.width) === "hug", d = ((L = p.layoutProps) == null ? void 0 : L.height) === "hug", u = [];
+  const f = ((_ = 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;
-  f.forEach((x) => {
+  h.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 }), 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);
+  }), 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);
   const S = [];
   let I = n.left, w = n.top;
   const M = a.toLowerCase(), P = M === "center" || M.endsWith("-center"), T = M.endsWith("-right"), W = M === "center" || M.startsWith("center-"), k = M.startsWith("bottom-");
@@ -223,27 +223,27 @@ function Es(p, t, s) {
     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 = 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);
+      let z = A, H = $;
+      l ? P ? z += (x.width - O.w) / 2 : T && (z += 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,
+        x: z + O.w / 2 - c / 2,
         y: H + O.h / 2 - g / 2,
         width: et && l ? x.width : void 0,
         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: h ? c : void 0, frameHeight: d ? g : void 0, childUpdates: S };
+  }), { frameWidth: f ? 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 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 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, M = 0;
-  b ? w = (g - m) / 2 : C && (w = g - m), S ? M = (h - y) / 2 : I && (M = h - y);
+  b ? w = (g - m) / 2 : C && (w = g - m), S ? M = (f - y) / 2 : I && (M = f - y);
   const P = [];
   return t.forEach((T, W) => {
     var q, Q;
@@ -251,17 +251,17 @@ function xs(p, t, s) {
     _ >= u.length && u.push(100);
     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") {
-      const it = (O == null ? void 0 : O.radius) ?? V.radius ?? (O == null ? void 0 : O.outer_radius) ?? V.outer_radius ?? 50;
+    const O = s(T.id), z = T.geometry;
+    let H = (O == null ? void 0 : O.width) ?? z.width ?? 100, et = (O == null ? void 0 : O.height) ?? z.height ?? 100;
+    if (z.type === "Ellipse" || z.type === "Polygon" || z.type === "Star") {
+      const it = (O == null ? void 0 : O.radius) ?? z.radius ?? (O == null ? void 0 : O.outer_radius) ?? z.outer_radius ?? 50;
       H = it * 2, et = it * 2;
     }
     H *= T.transform.scale_x || 1, et *= T.transform.scale_y || 1;
     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: E + H / 2 - f / 2,
+      x: E + H / 2 - h / 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
@@ -371,20 +371,20 @@ class As {
     e && e.applyImpulse(new ae.Vector2(s, o), !0);
   }
 }
-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 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, Vs = (p) => 1 - Math.cos(p * Math.PI / 2), zs = (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 = (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;
+  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;
     for (let g = 0; g < 8; g++) {
-      const h = i(c) - f;
-      if (Math.abs(h) < 1e-6) return c;
+      const f = i(c) - h;
+      if (Math.abs(f) < 1e-6) return c;
       const d = a(c);
       if (Math.abs(d) < 1e-6) break;
-      c = c - h / d;
+      c = c - f / d;
     }
     return c;
-  }, l = (f) => f === 0 ? 0 : f === 1 ? 1 : n(r(f));
+  }, l = (h) => h === 0 ? 0 : h === 1 ? 1 : n(r(h));
   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*\)/);
@@ -416,8 +416,8 @@ const us = (p) => p, Os = (p) => p > 0 ? 1 : 0, Rs = (p) => p < 1 ? 0 : 1, is =
   EaseOutQuint: Xs,
   EaseInOutQuint: Ds,
   // Sinusoidal
-  EaseInSine: zs,
-  EaseOutSine: Vs,
+  EaseInSine: Vs,
+  EaseOutSine: zs,
   EaseInOutSine: Ns,
   // Exponential
   EaseInExpo: Hs,
@@ -516,10 +516,10 @@ const us = (p) => p, Os = (p) => p > 0 ? 1 : 0, Rs = (p) => p < 1 ? 0 : 1, is =
   }
 }, 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) => {
+  const i = o.scale_x ?? 1, n = o.scale_y ?? 1, a = (r, l, h) => {
     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 f = o.rotation * Math.PI / 180, d = Math.cos(f), u = Math.sin(f), m = r * i * d - l * n * u + o.x, y = r * i * u + l * n * d + o.y;
+    h.forEach((w) => {
       const M = e(w.boneId);
       if (!M) return;
       const P = {
@@ -538,15 +538,15 @@ const us = (p) => p, Os = (p) => p > 0 ? 1 : 0, Rs = (p) => p < 1 ? 0 : 1, is =
     };
   };
   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) };
+    const h = t[l];
+    if (!h || h.length === 0) return { ...r };
+    const c = { ...r, ...a(r.x, r.y, h) };
     if (r.in_x !== void 0 && r.in_y !== void 0) {
-      const g = a(r.in_x, r.in_y, f);
+      const g = a(r.in_x, r.in_y, h);
       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);
+      const g = a(r.out_x, r.out_y, h);
       c.out_x = g.x, c.out_y = g.y;
     }
     return c;
@@ -820,9 +820,9 @@ class ci {
   }
   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, f = 0, c = 0, g;
+    let i = !1, n = 0, a = 0, r = 0, l = 0, h = 0, c = 0, g;
     for (; (g = s.exec(t)) !== null; ) {
-      const h = g[1], d = (g[2].match(o) || []).map(parseFloat), u = h === h.toLowerCase(), m = h.toUpperCase();
+      const f = g[1], d = (g[2].match(o) || []).map(parseFloat), u = f === f.toLowerCase(), m = f.toUpperCase();
       let y = 0;
       const v = (C) => {
         let S = d[y++];
@@ -831,7 +831,7 @@ class ci {
       switch (m) {
         case "M": {
           const C = b();
-          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; ) {
+          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; ) {
             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 });
           }
@@ -898,7 +898,7 @@ class ci {
             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 = f, a = c;
+          n = h, a = c;
           break;
         default:
           if (d.length >= 2) {
@@ -971,8 +971,8 @@ class ci {
     const o = [], e = /* @__PURE__ */ new Set(), i = (r) => {
       r && r.forEach((l) => {
         if (e.has(l.id)) return;
-        const f = { ...l }, c = f.childrenObjects || [];
-        e.add(f.id), o.push(f), i(c);
+        const h = { ...l }, c = h.childrenObjects || [];
+        e.add(h.id), o.push(h), 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) {
@@ -981,8 +981,8 @@ class ci {
         r.set(l.id, l), l.children || (l.children = []);
       }), this.artboard.objects.forEach((l) => {
         if (l.parentId) {
-          const f = r.get(l.parentId);
-          f && (f.children || (f.children = []), f.children.includes(l.id) || f.children.push(l.id));
+          const h = r.get(l.parentId);
+          h && (h.children || (h.children = []), h.children.includes(l.id) || h.children.push(l.id));
         }
       });
     }
@@ -1032,11 +1032,11 @@ class ci {
   reset() {
     if (!this.artboard) return;
     if (this.objectStates.clear(), this.objectVelocities.clear(), this.currentTime = 0, this.inputs.clear(), this.inputNameMap.clear(), this.layerStates.clear(), this.logicNodeValues.clear(), this.justFiredTriggers.clear(), this.inputs.set("mouseX", 0), this.inputs.set("mouseY", 0), this.inputs.set("scrollX", 0), this.inputs.set("scrollY", 0), this.inputs.set("isMouseDown", !1), this.physicsEngine && (this.physicsEngine.destroy(), this.physicsEngine = null), this._layoutAnimCache.clear(), this._springChainState.clear(), this._emitterPools.clear(), this.artboard.objects.forEach((s) => {
-      var n, a, r, l, f, c, g;
+      var n, a, r, l, h, 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: ((f = s.transform) == null ? void 0 : f.x) ?? s.x ?? 0,
+        x: ((h = s.transform) == null ? void 0 : h.x) ?? s.x ?? 0,
         y: ((c = s.transform) == null ? void 0 : c.y) ?? s.y ?? 0,
         width: o,
         height: e,
@@ -1117,8 +1117,8 @@ class ci {
       n.forEach((a) => {
         const r = this.objectStates.get(a.id);
         if (r) {
-          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);
+          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);
         }
       });
     };
@@ -1131,8 +1131,8 @@ class ci {
       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 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);
+        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);
       }
     });
   }
@@ -1183,15 +1183,15 @@ class ci {
       const a = this.activeStateMachine.layers.find((r) => r.name === t);
       if (a)
         for (const r of s) {
-          const l = a.states.find((f) => f.id === r);
+          const l = a.states.find((h) => h.id === r);
           if (l) {
-            let f = null;
-            l.animationId && (f = this.artboard.animations.find((c) => c.id === l.animationId) || null), f || (f = this.artboard.animations.find(
+            let h = null;
+            l.animationId && (h = this.artboard.animations.find((c) => c.id === l.animationId) || null), h || (h = this.artboard.animations.find(
               (c) => {
-                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");
+                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");
               }
-            ) || 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)));
+            ) || 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)));
           }
         }
     }
@@ -1237,13 +1237,13 @@ class ci {
     var n, a, r;
     let o;
     if (this.inputs.has(t)) {
-      const l = (n = this.activeStateMachine) == null ? void 0 : n.inputs.find((f) => f.id === t);
+      const l = (n = this.activeStateMachine) == null ? void 0 : n.inputs.find((h) => h.id === t);
       l && typeof l.value == "object" && (o = l.value.type);
     } else {
       const l = this.inputNameMap.get(t);
       if (l && l.length > 0) {
-        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);
+        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);
       }
     }
     let e = s;
@@ -1251,8 +1251,8 @@ class ci {
     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 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));
+        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));
       }
     })), this.evaluateTransitions(), this.evaluateVariableTriggers(t, e);
   }
@@ -1296,8 +1296,8 @@ class ci {
             break;
         }
         if (l) {
-          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);
+          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);
         }
       }
     });
@@ -1397,36 +1397,36 @@ class ci {
     });
   }
   evaluateLogicTree(t, s = null, o = /* @__PURE__ */ new Set()) {
-    var a, r, l, f, c, g;
+    var a, r, l, h, 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((h) => h.id === t);
+    const e = (r = (a = this.activeStateMachine) == null ? void 0 : a.logicNodes) == null ? void 0 : r.find((f) => f.id === t);
     if (e) {
-      const h = (u, m) => {
+      const f = (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 = h("a", !1) && h("b", !1);
+          d = f("a", !1) && f("b", !1);
           break;
         case Ct.OR:
-          d = h("a", !1) || h("b", !1);
+          d = f("a", !1) || f("b", !1);
           break;
         case Ct.NOT:
-          d = !h("in", !1);
+          d = !f("in", !1);
           break;
         case Ct.XOR:
-          d = !!h("a", !1) != !!h("b", !1);
+          d = !!f("a", !1) != !!f("b", !1);
           break;
         case Ct.OBJECT:
           d = e.name;
           break;
         case Ct.PROPERTY:
         case Ct.GET_PROPERTY: {
-          const u = h("id", "");
+          const u = f("id", "");
           if (!u) {
             d = 0;
             break;
@@ -1445,7 +1445,7 @@ class ci {
           break;
         }
         case Ct.SET_PROPERTY: {
-          const u = h("id", ""), m = h("value", void 0);
+          const u = f("id", ""), m = f("value", void 0);
           if (!u || m === void 0) {
             d = 0;
             break;
@@ -1475,76 +1475,76 @@ class ci {
           break;
         }
         case Ct.ADD:
-          d = h("a", 0) + h("b", 0);
+          d = f("a", 0) + f("b", 0);
           break;
         case Ct.SUB:
-          d = h("a", 0) - h("b", 0);
+          d = f("a", 0) - f("b", 0);
           break;
         case Ct.MUL:
-          d = h("a", 0) * h("b", 0);
+          d = f("a", 0) * f("b", 0);
           break;
         case Ct.DIV: {
-          const u = h("b", 1);
-          d = u === 0 ? 0 : h("a", 0) / u;
+          const u = f("b", 1);
+          d = u === 0 ? 0 : f("a", 0) / u;
           break;
         }
         case Ct.MOD:
-          d = h("a", 0) % h("b", 1);
+          d = f("a", 0) % f("b", 1);
           break;
         case Ct.POW:
-          d = Math.pow(h("a", 0), h("b", 1));
+          d = Math.pow(f("a", 0), f("b", 1));
           break;
         case Ct.ABS:
-          d = Math.abs(h("in", 0));
+          d = Math.abs(f("in", 0));
           break;
         case Ct.ROUND:
-          d = Math.round(h("in", 0));
+          d = Math.round(f("in", 0));
           break;
         case Ct.FLOOR:
-          d = Math.floor(h("in", 0));
+          d = Math.floor(f("in", 0));
           break;
         case Ct.CEIL:
-          d = Math.ceil(h("in", 0));
+          d = Math.ceil(f("in", 0));
           break;
         case Ct.SIN:
-          d = Math.sin(h("in", 0));
+          d = Math.sin(f("in", 0));
           break;
         case Ct.COS:
-          d = Math.cos(h("in", 0));
+          d = Math.cos(f("in", 0));
           break;
         case Ct.TAN:
-          d = Math.tan(h("in", 0));
+          d = Math.tan(f("in", 0));
           break;
         case Ct.CLAMP: {
-          const u = h("in", 0), m = h("min", 0), y = h("max", 1);
+          const u = f("in", 0), m = f("min", 0), y = f("max", 1);
           d = Math.max(m, Math.min(y, u));
           break;
         }
         case Ct.REMAP: {
-          const u = h("in", 0), m = h("inMin", 0), y = h("inMax", 100), v = h("outMin", 0), b = h("outMax", 1);
+          const u = f("in", 0), m = f("inMin", 0), y = f("inMax", 100), v = f("outMin", 0), b = f("outMax", 1);
           d = y === m ? v : v + (u - m) * (b - v) / (y - m);
           break;
         }
         case Ct.EQ:
-          d = h("a", 0) == h("b", 0);
+          d = f("a", 0) == f("b", 0);
           break;
         case Ct.NEQ:
-          d = h("a", 0) != h("b", 0);
+          d = f("a", 0) != f("b", 0);
           break;
         case Ct.GT:
-          d = h("a", 0) > h("b", 0);
+          d = f("a", 0) > f("b", 0);
           break;
         case Ct.LT:
-          d = h("a", 0) < h("b", 0);
+          d = f("a", 0) < f("b", 0);
           break;
         case Ct.GTE:
-          d = h("a", 0) >= h("b", 0);
+          d = f("a", 0) >= f("b", 0);
           break;
         case Ct.LTE:
-          d = h("a", 0) <= h("b", 0);
+          d = f("a", 0) <= f("b", 0);
           break;
         case Ct.IF_ELSE:
-          d = h("cond", !1) ? h("then", 0) : h("else", 0);
+          d = f("cond", !1) ? f("then", 0) : f("else", 0);
           break;
         case Ct.VALUE:
           d = e.value !== void 0 ? e.value : 0;
@@ -1553,7 +1553,7 @@ class ci {
           d = this.inputs.get(e.name) ?? 0;
           break;
         case Ct.LOG: {
-          const u = h("in", "");
+          const u = f("in", "");
           this.debugLog(`[User Logic] ${u}`), d = u;
           break;
         }
@@ -1573,7 +1573,7 @@ class ci {
           d = this.inputs.get("isMouseDown") ?? !1;
           break;
         case Ct.EFFECTOR: {
-          const u = h("id", ""), m = h("intensity", 1), y = h("trigger", !0);
+          const u = f("id", ""), m = f("intensity", 1), y = f("trigger", !0);
           if (!u || !y) {
             d = 0;
             break;
@@ -1598,11 +1598,11 @@ class ci {
           break;
         }
         case Ct.MONITOR: {
-          d = h("in", 0);
+          d = f("in", 0);
           break;
         }
         case Ct.SPRING_PULL: {
-          const u = h("objectId", ""), m = h("forceX", 0), y = h("forceY", 0);
+          const u = f("objectId", ""), m = f("forceX", 0), y = f("forceY", 0);
           u && ((l = this.artboard) == null || l.objects.forEach((v) => {
             v.behaviors && v.behaviors.forEach((b) => {
               var C;
@@ -1626,10 +1626,10 @@ class ci {
           break;
         }
         case Ct.SPRING_SETTLE: {
-          const u = h("objectId", "");
+          const u = f("objectId", "");
           let m = !0;
           if (u) {
-            const y = h("threshold", 1);
+            const y = f("threshold", 1);
             this._springChainState.forEach((v) => {
               const b = v.get(u);
               b && (Math.abs(b.vx) > y || Math.abs(b.vy) > y) && (m = !1);
@@ -1639,8 +1639,8 @@ class ci {
           break;
         }
         case Ct.EMIT: {
-          const u = h("objectId", ""), m = h("count", 20);
-          u && ((f = this.artboard) == null || f.objects.forEach((y) => {
+          const u = f("objectId", ""), m = f("count", 20);
+          u && ((h = this.artboard) == null || h.objects.forEach((y) => {
             y.behaviors && y.behaviors.forEach((v) => {
               v.type === Y.ParticleEmitter && y.id === u && (v._pendingBurst = (v._pendingBurst || 0) + m);
             });
@@ -1652,7 +1652,7 @@ class ci {
           break;
       }
       if (this.logicNodeValues.set(t, d), e.op === Ct.DELAY) {
-        const u = h("delay", 0), m = h("in", 0);
+        const u = f("delay", 0), m = f("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;
@@ -1660,16 +1660,16 @@ class ci {
       }
       return d;
     }
-    const i = (c = this.activeStateMachine) == null ? void 0 : c.inputs.find((h) => h.id === t || h.name === t);
+    const i = (c = this.activeStateMachine) == null ? void 0 : c.inputs.find((f) => f.id === t || f.name === t);
     if (i && i.sourceId && !o.has(i.sourceId)) {
-      const h = this.evaluateLogicTree(i.sourceId, i.sourceHandleId, o);
-      return this.inputs.set(i.id, h), h;
+      const f = this.evaluateLogicTree(i.sourceId, i.sourceHandleId, o);
+      return this.inputs.set(i.id, f), f;
     }
     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 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;
+      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;
         if (s === "source-greater") return n > d;
         if (s === "source-less") return n < d;
         if (s === "source-equal") return n === d;
@@ -1735,13 +1735,13 @@ class ci {
     }), 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, f, c;
+      var i, n, a, r, l, h, 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 = (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;
+        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;
         o.elapsedHold += t * 1e3;
-        let d = o.elapsedHold >= h;
+        let d = o.elapsedHold >= f;
         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);
@@ -1758,8 +1758,8 @@ class ci {
       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), 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);
+          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);
         }
       }
     }), this.artboard.objects.forEach((s) => {
@@ -1767,7 +1767,7 @@ class ci {
       o.length !== 0 && o.forEach((e) => {
         const i = e.triggers || [e.event || e.trigger];
         i && i.forEach((n) => {
-          var r, l, f;
+          var r, l, h;
           const a = n.toLowerCase();
           if (a === "on interval" || a === "oninterval") {
             const c = e.intervalValue || 2e3, g = this.periodicTriggerTimes.get(e.id) || 0;
@@ -1780,12 +1780,12 @@ class ci {
           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), 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);
+              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);
               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) / (((f = this.artboard) == null ? void 0 : f.height) || 1e3), g = this.scrollProgressLastValue.get(e.id) || 0;
+            const c = Math.abs(this.scrollOffset.y) / (((h = this.artboard) == null ? void 0 : h.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));
           }
         });
@@ -1799,8 +1799,8 @@ class ci {
       if (!o) return;
       const e = this.getGlobalTransform(s.id);
       if (s.constraints.forEach((i, n) => {
-        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;
+        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;
         if (r.type === "Translation") {
           const b = this.getGlobalTransform(r.targetId);
           if (b) {
@@ -1838,7 +1838,7 @@ class ci {
             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 = ((h = this._lastPointerPos) == null ? void 0 : h.x) ?? e.x, C = ((d = this._lastPointerPos) == null ? void 0 : d.y) ?? e.y, S = r.useSpring;
+          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;
           if (S) {
             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 });
@@ -1897,7 +1897,7 @@ class ci {
                 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 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;
+              const A = x * Math.PI / 180, $ = Math.cos(A), O = Math.sin(A), z = (r.offsetX || 0) * $ - (r.offsetY || 0) * O, H = (r.offsetX || 0) * O + (r.offsetY || 0) * $, et = C.x + _ + z, 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;
@@ -1915,30 +1915,30 @@ class ci {
     });
   }
   getGlobalTransform(t) {
-    var f;
+    var u;
     const s = this.objectStates.get(t);
     if (!s) return { x: 0, y: 0, rotation: 0, scale_x: 1, scale_y: 1 };
-    const o = (f = this.artboard) == null ? void 0 : f.objects.find((c) => c.id === t);
+    const o = (u = this.artboard) == null ? void 0 : u.objects.find((m) => m.id === t), e = this.getAnimatedValue(t, "x", s.x), i = this.getAnimatedValue(t, "y", s.y), n = this.getAnimatedValue(t, "rotation", s.rotation), a = this.getAnimatedValue(t, "scale_x", s.scale_x ?? 1) * (s.flip_x ? -1 : 1), r = this.getAnimatedValue(t, "scale_y", s.scale_y ?? 1) * (s.flip_y ? -1 : 1);
     if (!o || !o.parentId)
       return {
-        x: s.x,
-        y: s.y,
-        rotation: s.rotation,
-        scale_x: (s.scale_x ?? 1) * (s.flip_x ? -1 : 1),
-        scale_y: (s.scale_y ?? 1) * (s.flip_y ? -1 : 1)
+        x: e,
+        y: i,
+        rotation: n,
+        scale_x: a,
+        scale_y: r
       };
-    const e = this.getGlobalTransform(o.parentId), i = e.rotation * Math.PI / 180, n = Math.cos(i), a = Math.sin(i), r = e.x + (s.x * e.scale_x * n - s.y * e.scale_y * a), l = e.y + (s.x * e.scale_x * a + s.y * e.scale_y * n);
+    const l = this.getGlobalTransform(o.parentId), h = l.rotation * Math.PI / 180, c = Math.cos(h), g = Math.sin(h), f = l.x + (e * l.scale_x * c - i * l.scale_y * g), d = l.y + (e * l.scale_x * g + i * l.scale_y * c);
     return {
-      x: r,
-      y: l,
-      rotation: e.rotation + s.rotation,
-      scale_x: e.scale_x * (s.scale_x ?? 1) * (s.flip_x ? -1 : 1),
-      scale_y: e.scale_y * (s.scale_y ?? 1) * (s.flip_y ? -1 : 1)
+      x: f,
+      y: d,
+      rotation: l.rotation + n,
+      scale_x: l.scale_x * a,
+      scale_y: l.scale_y * r
     };
   }
   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, f = s.y - o.y, c = (l * a - f * r) * e, g = (l * r + f * 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, h = s.y - o.y, c = (l * a - h * r) * e, g = (l * r + h * a) * i;
     return {
       x: c,
       y: g,
@@ -1951,7 +1951,7 @@ class ci {
     var l;
     const i = [];
     let n = t.id;
-    for (let f = 0; f < o && n; f++) {
+    for (let h = 0; h < o && n; h++) {
       const c = (l = this.artboard) == null ? void 0 : l.objects.find((g) => g.id === n);
       if (!c) break;
       i.push({
@@ -1962,22 +1962,22 @@ class ci {
     }
     if (i.length < 2) return;
     const a = i.reverse(), r = 5;
-    for (let f = 0; f < r; f++) {
+    for (let h = 0; h < r; h++) {
       const c = this.getGlobalTransform(t.id);
       for (let g = a.length - 2; g >= 0; g--) {
-        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);
+        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);
         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 M = this.objectStates.get(h.id);
+          const M = this.objectStates.get(f.id);
           M && (M.rotation += w);
         }
       }
     }
   }
   computeSpring(t, s, o, e, i, n, a, 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;
+    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;
     return { x: C, y: S, vx: v, vy: b };
   }
   handlePointerInput(t, s, o, e, i) {
@@ -2001,22 +2001,22 @@ class ci {
     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, f, c, g;
+    var r, l, h, 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 = (h, d) => {
+    const i = (f, 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 !!(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)));
+      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)));
     };
     let n = null;
-    for (let h = this.artboard.objects.length - 1; h >= 0; h--) {
-      const d = this.artboard.objects[h], u = this.objectStates.get(d.id);
+    for (let f = this.artboard.objects.length - 1; f >= 0; f--) {
+      const d = this.artboard.objects[f], 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;
@@ -2026,31 +2026,31 @@ class ci {
     const a = (e == null ? void 0 : e.id) || null;
     if (t === "move") {
       if (this.draggingSliderId) {
-        const h = this.artboard.objects.find((d) => d.id === this.draggingSliderId);
-        h && this.updateSliderValueFromPointer(h, s, o);
+        const f = this.artboard.objects.find((d) => d.id === this.draggingSliderId);
+        f && this.updateSliderValueFromPointer(f, s, o);
         return;
       }
       if (this.draggingListViewId) {
-        const h = this.artboard.objects.find((d) => d.id === this.draggingListViewId);
-        h && this.updateListViewScrollFromPointer(h);
+        const f = this.artboard.objects.find((d) => d.id === this.draggingListViewId);
+        f && this.updateListViewScrollFromPointer(f);
         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((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);
+    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);
     })) : t === "blur" && this.activeHoverIds.clear(), this.activeDropdownId && t === "down") {
-      const h = this.artboard.objects.find((d) => d.id === this.activeDropdownId);
-      if (h && (h.type === "Dropdown" || h.variant === "dropdown")) {
-        const d = this.objectStates.get(h.id), 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);
+      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), 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 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,
+            u.selectedOption = A, u.isOpen = !1, this.activeDropdownId = null, f.inputId && this.setInternalInput(f.inputId, A), this.onComponentChange && this.onComponentChange({
+              objectId: f.id,
+              componentName: f.name,
               variant: "dropdown",
               property: "selectedOption",
               value: A
@@ -2061,99 +2061,99 @@ class ci {
       }
     }
     if (e) {
-      let h = e, d = e;
+      let f = e, d = e;
       for (; d && d.parentId; ) {
         const m = this.artboard.objects.find((y) => y.id === d.parentId);
         if (m && m.type === "Component") {
-          h = m;
+          f = 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), 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,
+      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,
           variant: "toggle_button",
           property: "checked",
           value: y.checked
-        }), this.fireEventForObject(h.id, "Toggle"), this.fireEventForObject(h.id, y.checked ? "Toggle True" : "Toggle False");
+        }), this.fireEventForObject(f.id, "Toggle"), this.fireEventForObject(f.id, y.checked ? "Toggle True" : "Toggle False");
       }
-      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,
+      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,
           variant: "toggle",
           property: "checked",
           value: y.checked
-        }), this.onToggle && this.onToggle(h.name, y.checked), this.fireEventForObject(h.id, "Toggle"), this.fireEventForObject(h.id, y.checked ? "Toggle True" : "Toggle False");
+        }), this.onToggle && this.onToggle(f.name, y.checked), this.fireEventForObject(f.id, "Toggle"), this.fireEventForObject(f.id, y.checked ? "Toggle True" : "Toggle False");
       }
-      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) {
+      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) {
           const b = this.artboard.objects.find((C) => C.id === this.activeDropdownId);
           b && b.options && (b.options.isOpen = !1);
         }
-        y.isOpen = v, this.activeDropdownId = v ? h.id : null;
+        y.isOpen = v, this.activeDropdownId = v ? f.id : null;
       }
-      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,
+      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,
         variant: "button",
         property: "click",
         value: !0
-      })), h.type === "Component" && h.variant === "listview" && t === "down") {
-        this.draggingListViewId = h.id;
-        const m = this.getListViewItemIndexAtPointer(h, s, o);
+      })), f.type === "Component" && f.variant === "listview" && t === "down") {
+        this.draggingListViewId = f.id;
+        const m = this.getListViewItemIndexAtPointer(f, s, o);
         if (m !== null) {
-          const y = h.options || {};
+          const y = f.options || {};
           y.activeItemIndex = m;
-          const v = this.objectStates.get(h.id);
+          const v = this.objectStates.get(f.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), h.inputId && this.setInternalInput(h.inputId, C), this.onComponentChange && (this.onComponentChange({
-            objectId: h.id,
-            componentName: h.name,
+          v && v.options && (v.options.selectedValue = C), f.inputId && this.setInternalInput(f.inputId, C), this.onComponentChange && (this.onComponentChange({
+            objectId: f.id,
+            componentName: f.name,
             variant: "listview",
             property: "activeItemIndex",
             value: m
           }), this.onComponentChange({
-            objectId: h.id,
-            componentName: h.name,
+            objectId: f.id,
+            componentName: f.name,
             variant: "listview",
             property: "selected",
             value: C
           }));
         }
       }
-      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,
+      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,
           variant: "checkbox",
           property: "checked",
           value: y.checked
-        }), this.fireEventForObject(h.id, "Click"), this.fireEventForObject(h.id, y.checked ? "Checked" : "Unchecked");
+        }), this.fireEventForObject(f.id, "Click"), this.fireEventForObject(f.id, y.checked ? "Checked" : "Unchecked");
       }
-      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 (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 (b !== null && b >= 0 && b < v.length) {
           const C = v[b];
-          y.selectedValue = C, h.inputId && this.setInternalInput(h.inputId, C), this.onComponentChange && this.onComponentChange({
-            objectId: h.id,
-            componentName: h.name,
+          y.selectedValue = C, f.inputId && this.setInternalInput(f.inputId, C), this.onComponentChange && this.onComponentChange({
+            objectId: f.id,
+            componentName: f.name,
             variant: "radiogroup",
             property: "selectedValue",
             value: C
-          }), this.fireEventForObject(h.id, "Click"), this.fireEventForObject(h.id, `Selected: ${C}`);
+          }), this.fireEventForObject(f.id, "Click"), this.fireEventForObject(f.id, `Selected: ${C}`);
         }
       }
-      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;
+      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, M = b - I, P = C - w;
         let T = 1;
         y.forEach((_) => {
           const L = Math.max(..._.data || [0]);
@@ -2163,17 +2163,17 @@ class ci {
         y.forEach((_, L) => {
           const x = _.data || [], A = M / Math.max(x.length - 1, 1);
           x.forEach(($, O) => {
-            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);
+            const z = S.x - b / 2 + I + O * A, H = S.y + C / 2 - w - $ / T * P, et = Math.sqrt((s - z) ** 2 + (o - H) ** 2);
             et < W && (W = et, k = { dIdx: L, pIdx: O, val: $, label: _.label || `Dataset ${L + 1}` });
           });
-        }), 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 });
+        }), k && W < 20 && this.onGraphPointClick && this.onGraphPointClick({ objectId: f.id, componentName: f.name, datasetIndex: k.dIdx, pointIndex: k.pIdx, value: k.val, label: k.label }), this.onComponentChange && this.onComponentChange({ objectId: f.id, componentName: f.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 = (f = this.artboard) == null ? void 0 : f.objects.find((C) => C.id === y);
+              const b = (h = this.artboard) == null ? void 0 : h.objects.find((C) => C.id === y);
               b && this.onInputBlur && this.onInputBlur(b.name);
             }
             this.onInputFocus && this.onInputFocus(m.name);
@@ -2184,9 +2184,9 @@ class ci {
         }
       }
     } else if (t === "click") {
-      const h = this.focusedId;
-      if (this.focusedId = null, h) {
-        const d = (g = this.artboard) == null ? void 0 : g.objects.find((u) => u.id === h);
+      const f = this.focusedId;
+      if (this.focusedId = null, f) {
+        const d = (g = this.artboard) == null ? void 0 : g.objects.find((u) => u.id === f);
         d && this.onInputBlur && this.onInputBlur(d.name);
       }
     }
@@ -2222,8 +2222,8 @@ class ci {
     }), this.onInputChange && this.onInputChange(s.name, i), this.onInputUpdate && this.onInputUpdate(this.focusedId, i);
   }
   fireEventForObject(t, s) {
-    var f, c, g, h, d;
-    const o = (f = this.artboard) == null ? void 0 : f.objects.find((u) => u.id === t);
+    var h, c, g, f, d;
+    const o = (h = this.artboard) == null ? void 0 : h.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"));
@@ -2277,7 +2277,7 @@ class ci {
     });
     if (l && l.entryAnimationId) {
       console.log(`[Engine] Trigger matched: ${s} (as ${l.eventType}) -> Animation ${l.entryAnimationId}`);
-      const u = (d = (h = this.artboard) == null ? void 0 : h.animations) == null ? void 0 : d.find((m) => m.id === l.entryAnimationId);
+      const u = (d = (f = this.artboard) == null ? void 0 : f.animations) == null ? void 0 : d.find((m) => m.id === l.entryAnimationId);
       u && (this.activeTriggers.set(o.id, {
         triggerId: l.id,
         animation: u,
@@ -2290,31 +2290,31 @@ class ci {
   }
   fireAnalyticsEvent(t, s) {
     var r, l;
-    const o = (r = this.artboard) == null ? void 0 : r.objects.find((f) => f.id === t);
+    const o = (r = this.artboard) == null ? void 0 : r.objects.find((h) => h.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((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 : "";
+    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 : "";
       }
     }), 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 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.`);
+      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.`);
     }
     if (a.meta) {
-      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.`);
+      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.`);
     }
     if (a.mixpanel) {
-      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.`);
+      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.`);
     }
   }
   initGlobalAnimationTriggers() {
@@ -2355,7 +2355,7 @@ class ci {
     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((h) => h.id === t);
+    const o = (g = this.artboard) == null ? void 0 : g.objects.find((f) => f.id === t);
     if (!o || !o.parentId)
       return {
         x: s.x,
@@ -2364,9 +2364,9 @@ class ci {
         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, f = 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, h = e.x + (r * n - l * a), c = e.y + (r * a + l * n);
     return {
-      x: f,
+      x: h,
       y: c,
       scaleX: (s.scale_x ?? 1) * e.scaleX,
       scaleY: (s.scale_y ?? 1) * e.scaleY,
@@ -2376,15 +2376,15 @@ class ci {
   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, 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;
+    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;
   }
   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, 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;
+    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;
     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);
@@ -2400,7 +2400,7 @@ class ci {
   }
   applyAnimation(t, s, o) {
     !t || !t.tracks || t.tracks.forEach((e) => {
-      var c, g, h;
+      var c, g, f;
       const i = e.object_id || e.objectId;
       if (o) {
         if (Array.isArray(o)) {
@@ -2417,10 +2417,10 @@ class ci {
         this.frameCount % 600 === 0 && this.debugLog(`Skipping track: Object ${i} not found in state`);
         return;
       }
-      const f = this.interpolate(e.keyframes, s);
-      if (f !== void 0) {
+      const h = this.interpolate(e.keyframes, s);
+      if (h !== void 0) {
         if (this.frameCount % 240 === 0) {
-          const d = (n == null ? void 0 : n.name) || i, u = typeof f == "object" ? JSON.stringify(f).slice(0, 50) : f;
+          const d = (n == null ? void 0 : n.name) || i, u = typeof h == "object" ? JSON.stringify(h).slice(0, 50) : h;
           this.debugLog(`[Anim] Applying ${r} = ${u} to ${d}`);
         }
         if (r.includes(".")) {
@@ -2439,17 +2439,17 @@ class ci {
             }
             u = u[d[m]];
           }
-          u[d[d.length - 1]] = f, d[d.length - 1] === "color" && (d[d.length - 2] === "fill" || d[d.length - 2] === "stroke") && (u.type = "Solid");
+          u[d[d.length - 1]] = h, 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 = 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")
+          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")
           if (r === "x") {
             const d = this.physicsEngine.getPosition(i);
-            d && this.physicsEngine.setPosition(i, f, d.y);
+            d && this.physicsEngine.setPosition(i, h, d.y);
           } else if (r === "y") {
             const d = this.physicsEngine.getPosition(i);
-            d && this.physicsEngine.setPosition(i, d.x, f);
-          } else r === "rotation" && this.physicsEngine.setRotation(i, f * (Math.PI / 180));
+            d && this.physicsEngine.setPosition(i, d.x, h);
+          } else r === "rotation" && this.physicsEngine.setRotation(i, h * (Math.PI / 180));
       }
     });
   }
@@ -2483,8 +2483,8 @@ class ci {
         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 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;
+        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;
       }), a;
     }
     return typeof o.value == "number" && typeof e.value == "number" ? o.value + (e.value - o.value) * n : n < 0.5 ? o.value : e.value;
@@ -2503,11 +2503,11 @@ class ci {
         g: parseInt(y.substring(2, 4), 16),
         b: parseInt(y.substring(4, 6), 16)
       };
-    }, 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) => {
+    }, 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) => {
       const y = Math.max(0, Math.min(255, m)).toString(16);
       return y.length === 1 ? "0" + y : y;
     };
-    return `#${h(f)}${h(c)}${h(g)}`;
+    return `#${f(h)}${f(c)}${f(g)}`;
   }
   interpolateStops(t, s, o) {
     return !t || !s || t.length !== s.length ? o < 0.5 ? t : s : t.map((e, i) => {
@@ -2539,8 +2539,8 @@ class ci {
     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 f;
-    this.debug_objectsTotal = ((f = this.artboard) == null ? void 0 : f.objects.length) || 0, this.debug_objectsRendered = 0;
+    var h;
+    this.debug_objectsTotal = ((h = this.artboard) == null ? void 0 : h.objects.length) || 0, this.debug_objectsRendered = 0;
     const e = performance.now();
     if (this.canvasWidth = s, this.canvasHeight = o, !this.artboard)
       return;
@@ -2558,15 +2558,15 @@ class ci {
       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 h = g.naturalWidth / g.naturalHeight, d = i / n;
+        const f = g.naturalWidth / g.naturalHeight, d = i / n;
         let u, m, y, v;
-        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();
+        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();
       }
     }
     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 h = this.objectStates.get(c.id), d = (h == null ? void 0 : h.zIndex) ?? g;
+      const f = this.objectStates.get(c.id), d = (f == null ? void 0 : f.zIndex) ?? g;
       return { obj: c, zIndex: d };
     }).sort((c, g) => c.zIndex - g.zIndex).forEach(({ obj: c }) => {
       this.renderObject(t, c, r);
@@ -2577,18 +2577,18 @@ class ci {
     }), 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, 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;
+    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;
   }
   calculateTransform(t, s, o, e, i, n) {
     let a = 1, r = 1, l = 1;
-    const f = o / e, c = t / s;
+    const h = o / e, c = t / s;
     switch (i) {
       case "Contain":
-        c > f ? l = s / e : l = t / o, a = r = l;
+        c > h ? l = s / e : l = t / o, a = r = l;
         break;
       case "Cover":
-        c > f ? l = t / o : l = s / e, a = r = l;
+        c > h ? l = t / o : l = s / e, a = r = l;
         break;
       case "Fill":
         a = t / o, r = s / e;
@@ -2609,9 +2609,9 @@ class ci {
         a = r = 1;
         break;
     }
-    const g = o * a, h = e * r;
+    const g = o * a, f = 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 - h : u = (s - h) / 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 - f : u = (s - f) / 2, { scaleX: a, scaleY: r, tx: d, ty: u };
   }
   mapFontWeight(t) {
     const s = t.toLowerCase();
@@ -2639,21 +2639,21 @@ class ci {
       console.warn("No state for object:", s.id);
       return;
     }
-    this.frameCount % 60, t.roundRect || (t.roundRect = (A, $, O, V, H) => (this.drawRoundRect(t, A, $, O, V, H), t));
+    this.frameCount % 60, t.roundRect || (t.roundRect = (A, $, O, z, H) => (this.drawRoundRect(t, A, $, O, z, 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 A = 1 / 0, $ = -1 / 0, O = 1 / 0, V = -1 / 0;
+      let A = 1 / 0, $ = -1 / 0, O = 1 / 0, z = -1 / 0;
       i.points.forEach((H) => {
-        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);
+        A = Math.min(A, H.x), $ = Math.max($, H.x), O = Math.min(O, H.y), z = Math.max(z, H.y);
+      }), a === 0 && (a = $ - A), r === 0 && (r = z - 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;
+    }, h = 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) {
+    if (delete c.cornerRadius, c.corner_radius = h, c.type === "Path" && s.weights && s.bindMatrices && c.points) {
       const A = this.getGlobalTransform(s.id);
       if (A) {
         const $ = li(
@@ -2668,19 +2668,19 @@ class ci {
     }
     if (e.visible === !1)
       return;
-    const g = s.repeaterConfig, h = g && g.isEnabled && g.count > 1, d = h ? g.count : 1;
+    const g = s.repeaterConfig, f = g && g.isEnabled && g.count > 1, d = f ? 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 (h && A > 0) {
+      let $ = e.x, O = e.y, z = e.rotation, H = e.scale_x ?? 1, et = e.scale_y ?? 1;
+      if (f && 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;
-          $ += A * J, O += A * ft, V += A * U, H *= Math.pow(G, A), et *= Math.pow(G, A);
+          $ += A * J, O += A * ft, z += 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(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 + A * K, At = Z * Math.PI / 180;
-          $ = e.x + J * Math.cos(At), O = e.y + J * Math.sin(At), V += Z;
+          $ = e.x + J * Math.cos(At), O = e.y + J * Math.sin(At), z += Z;
         }
       }
       const E = s.type === "Group" || s.type === "Frame" || s.type === "Component", F = a > 0 && r > 0;
@@ -2799,7 +2799,7 @@ class ci {
           "screen"
         ].includes(J) && (t.globalCompositeOperation = J);
       }
-      const lt = t, zt = e.masks || (s.maskedBy ? [{
+      const lt = t, Vt = e.masks || (s.maskedBy ? [{
         maskId: s.maskedBy,
         inverted: s.maskInverted === !0,
         type: s.maskType || "alpha",
@@ -2808,14 +2808,14 @@ class ci {
         isVisible: !0
       }] : []);
       let Mt = !1;
-      const Tt = zt.filter((J) => J.isVisible !== !1 && o.has(J.maskId));
+      const Tt = Vt.filter((J) => J.isVisible !== !1 && o.has(J.maskId));
       if (Tt.length > 0) {
         const J = Tt[0], ft = o.get(J.maskId), U = this.objectStates.get(ft.id);
         U && U.visible !== !1 && (Mt = !0, (!this.maskBuffer || this.maskBuffer.width !== this.canvasWidth || this.maskBuffer.height !== this.canvasHeight) && (this.maskBuffer = document.createElement("canvas"), this.maskBuffer.width = this.canvasWidth, this.maskBuffer.height = this.canvasHeight, this.maskCtx = this.maskBuffer.getContext("2d", { willReadFrequently: !0 }), this.maskCtx && (this.maskCtx.imageSmoothingEnabled = !0, this.maskCtx.imageSmoothingQuality = "high")), this.maskCtx.setTransform(1, 0, 0, 1, 0, 0), this.maskCtx.globalCompositeOperation = "source-over", this.maskCtx.globalAlpha = 1, this.maskCtx.filter = "none", this.maskCtx.clearRect(0, 0, this.maskBuffer.width, this.maskBuffer.height), this.rootTransform && this.maskCtx.setTransform(this.rootTransform), s.parentId && this.applyAbsoluteTransform(this.maskCtx, s.parentId, o), this.maskCtx.save(), this.maskCtx.globalAlpha = 1, t = this.maskCtx, t.filter = lt.filter);
       }
-      t.translate(Math.round($), Math.round(O)), t.rotate(V * Math.PI / 180);
-      const Vt = e.skew_x || 0, Ut = e.skew_y || 0;
-      (Vt !== 0 || Ut !== 0) && t.transform(1, Math.tan(Ut * Math.PI / 180), Math.tan(Vt * Math.PI / 180), 1, 0, 0);
+      t.translate(Math.round($), Math.round(O)), t.rotate(z * Math.PI / 180);
+      const zt = e.skew_x || 0, Ut = e.skew_y || 0;
+      (zt !== 0 || Ut !== 0) && t.transform(1, Math.tan(Ut * Math.PI / 180), Math.tan(zt * Math.PI / 180), 1, 0, 0);
       const Jt = e.rotate_x || 0, qt = e.rotate_y || 0, Qt = (e.flip_x === !0 ? -1 : 1) * Math.cos(qt * Math.PI / 180), oe = (e.flip_y === !0 ? -1 : 1) * Math.cos(Jt * Math.PI / 180);
       t.scale(
         H * Qt,
@@ -2860,12 +2860,12 @@ class ci {
             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 = (((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") {
+          if (U && (G === "outside" || G === "center") && this.applyStrokeAlignment(t, n, c, a, r, h), 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), 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();
+            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();
           }
-          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);
+          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);
         }
       } else if (i.type === "SVG") {
         const J = i.svgContent;
@@ -2923,7 +2923,7 @@ class ci {
                 }).join("");
                 let vt = "";
                 if (U.type === "LinearGradient" || U.type === "Linear") {
-                  const gt = (wt, z) => Array.isArray(wt) ? wt[z] ?? (z === 0 ? 0 : 1) : wt && typeof wt == "object" ? wt[z === 0 ? "x" : "y"] ?? (z === 0 ? 0 : 1) : z === 0 ? 0 : 1, Rt = gt(U.start, 0) * 100, at = gt(U.start, 1) * 100, st = gt(U.end, 0) * 100, nt = gt(U.end, 1) * 100;
+                  const gt = (wt, V) => Array.isArray(wt) ? wt[V] ?? (V === 0 ? 0 : 1) : wt && typeof wt == "object" ? wt[V === 0 ? "x" : "y"] ?? (V === 0 ? 0 : 1) : V === 0 ? 0 : 1, Rt = gt(U.start, 0) * 100, at = gt(U.start, 1) * 100, st = gt(U.end, 0) * 100, nt = gt(U.end, 1) * 100;
                   vt = `<linearGradient id="${ot}" x1="${Rt}%" y1="${at}%" x2="${st}%" y2="${nt}%" gradientUnits="objectBoundingBox">${bt}</linearGradient>`;
                 } else {
                   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;
@@ -2934,12 +2934,12 @@ class ci {
             }
             const te = (ot, It, bt = 1) => {
               const vt = (ot.stops || []).map((nt) => {
-                const wt = nt.offset !== void 0 ? nt.offset : nt.pos ?? 0, z = this.normalizeOpacity(nt.opacity ?? 100) * bt;
-                return `<stop offset="${wt * 100}%" stop-color="${nt.color || "#000"}" stop-opacity="${z}"/>`;
-              }).join(""), gt = (nt, wt, z = 0.5) => Array.isArray(nt) ? nt[wt] ?? z : nt && typeof nt == "object" ? nt[wt === 0 ? "x" : "y"] ?? z : z;
+                const wt = nt.offset !== void 0 ? nt.offset : nt.pos ?? 0, V = this.normalizeOpacity(nt.opacity ?? 100) * bt;
+                return `<stop offset="${wt * 100}%" stop-color="${nt.color || "#000"}" stop-opacity="${V}"/>`;
+              }).join(""), gt = (nt, wt, V = 0.5) => Array.isArray(nt) ? nt[wt] ?? V : nt && typeof nt == "object" ? nt[wt === 0 ? "x" : "y"] ?? V : V;
               if (ot.type === "LinearGradient" || ot.type === "Linear") {
-                const nt = gt(ot.start, 0, 0) * 100, wt = gt(ot.start, 1, 0) * 100, z = gt(ot.end, 0, 1) * 100, pt = gt(ot.end, 1, 1) * 100;
-                return `<linearGradient id="${It}" x1="${nt}%" y1="${wt}%" x2="${z}%" y2="${pt}%" gradientUnits="objectBoundingBox">${vt}</linearGradient>`;
+                const nt = gt(ot.start, 0, 0) * 100, wt = gt(ot.start, 1, 0) * 100, V = gt(ot.end, 0, 1) * 100, pt = gt(ot.end, 1, 1) * 100;
+                return `<linearGradient id="${It}" x1="${nt}%" y1="${wt}%" x2="${V}%" y2="${pt}%" gradientUnits="objectBoundingBox">${vt}</linearGradient>`;
               }
               const Rt = gt(ot.center, 0, 0.5) * 100, at = gt(ot.center, 1, 0.5) * 100, st = (ot.radius ?? 0.5) * 100;
               return `<radialGradient id="${It}" cx="${Rt}%" cy="${at}%" r="${st}%" gradientUnits="objectBoundingBox">${vt}</radialGradient>`;
@@ -2969,8 +2969,8 @@ class ci {
                 const Ht = parseFloat(at[1]), se = parseFloat(at[2]);
                 !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;
-              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 st = Math.max(1e-3, a / gt), nt = Math.max(1e-3, r / Rt), wt = (st + nt) / 2, V = (G.width || 1) / wt;
+              R.match(/\bstroke-width\s*=\s*["']/i) ? R = R.replace(/\bstroke-width\s*=\s*["'][^"']*["']/gi, `stroke-width="${V}"`) : R = R.replace(/<(path|circle|rect|ellipse|polygon|polyline)/gi, `<$1 stroke-width="${V}"`), R = R.replace(/stroke-width\s*:\s*[^;"')]+/gi, `stroke-width:${V}`), 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";
               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";
@@ -3003,7 +3003,7 @@ class ci {
                     Ht = ` stroke-dasharray="${Pe} ${Re}"`, se = ` stroke-dashoffset="${Le}"`;
                   }
                 } 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}`;
+                const ue = ` stroke-linecap="${G.lineCap || "round"}"`, Me = ` stroke-linejoin="${G.lineJoin || "round"}"`, ke = `stroke="${bt}" stroke-width="${V}" stroke-opacity="${ot}"${ue}${Me}${Ht}${se}`;
                 R = R.replace(
                   /(<svg[^>]*>)(\s*(?:<defs>[\s\S]*?<\/defs>)?)/i,
                   (fe, re, le) => `${re}${le}<g ${ke}>`
@@ -3027,27 +3027,27 @@ class ci {
               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, 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 h !== 0 ? (t.save(), this.drawRoundRect(t, -R / 2, -ct / 2, R, ct, h), 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, f), t.save(), n.blur && n.blur.amount > 0 && (t.filter = `blur(${n.blur.amount}px)`), n.fill) {
+        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) {
           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, f), 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, h), 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, f), 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, h), t.fill();
           }
           t.globalAlpha = J;
         }
-        t.restore(), n.stroke && n.stroke.width > 0 && this.applyStrokeAlignment(t, n, c, a, r, f);
+        t.restore(), n.stroke && n.stroke.width > 0 && this.applyStrokeAlignment(t, n, c, a, r, h);
       } 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 = f;
+        const J = e.width ?? i.width ?? s.width ?? a, ft = e.height ?? i.height ?? s.height ?? r, U = h;
         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;
@@ -3057,7 +3057,7 @@ class ci {
           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, f), dt && St === "BackgroundBlur" && this.applyBackgroundBlurGlass(t, c, a, r, f, it), ee && ee.enabled && t.restore(), s.children && s.children.length > 0) {
+      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) {
         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();
@@ -3166,27 +3166,27 @@ class ci {
   }
   _renderText(t, s, o, e, i, n, a, r = !1, l = !1) {
     var St, ht, mt, rt, Lt, Gt, Pt, Dt, Yt;
-    let f = o.text || "";
+    let h = o.text || "";
     if (o.textInputId && !r) {
       const B = this.inputs.get(o.textInputId);
-      B !== void 0 && (f = String(B), i.geometry && i.geometry.type === "Text" && (i.geometry.text = f));
+      B !== void 0 && (h = String(B), i.geometry && i.geometry.type === "Text" && (i.geometry.text = h));
     }
     if (o.svgPath) {
       const B = o.svgPath;
       t.save();
-      const lt = ((St = e == null ? void 0 : e.fill) == null ? void 0 : St.color) || "#000000", zt = ((ht = e == null ? void 0 : e.fill) == null ? void 0 : ht.opacity) !== void 0 ? (mt = e == null ? void 0 : e.fill) == null ? void 0 : mt.opacity : 1;
-      t.fillStyle = lt, t.globalAlpha *= zt;
+      const lt = ((St = e == null ? void 0 : e.fill) == null ? void 0 : St.color) || "#000000", Vt = ((ht = e == null ? void 0 : e.fill) == null ? void 0 : ht.opacity) !== void 0 ? (mt = e == null ? void 0 : e.fill) == null ? void 0 : mt.opacity : 1;
+      t.fillStyle = lt, t.globalAlpha *= Vt;
       const Mt = new Path2D(B);
       t.fill(Mt), t.restore();
       return;
     }
-    let c = f || "";
+    let c = h || "";
     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 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 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 y = o.fontFamily || "Inter";
     const v = ["Bold", "SemiBold", "Medium", "Regular", "Light", "Thin", "ExtraBold", "Black", "Italic"];
     v.forEach((B) => {
@@ -3231,23 +3231,23 @@ class ci {
       hyphenation: o.hyphenation,
       composer: o.composer,
       balanceRaggedLines: o.balanceRaggedLines
-    }), O = $.lines || [], V = $.maxFontSize || m, H = this.fontLeadingFactors[y] ?? 0.5, et = (_ - m) * H;
+    }), O = $.lines || [], z = $.maxFontSize || m, H = this.fontLeadingFactors[y] ?? 0.5, et = (_ - m) * H;
     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);
       if (B && B.type === "Shape" && ((Pt = B.geometry) == null ? void 0 : Pt.type) === "Path") {
-        const lt = this.objectStates.get(B.id), zt = lt != null && lt.geometry ? this.deepMerge(B.geometry, lt.geometry) : B.geometry, Mt = (lt == null ? void 0 : lt.scale_x) !== void 0 ? (B.width || 0) * lt.scale_x : B.width || 0, Tt = (lt == null ? void 0 : lt.scale_y) !== void 0 ? (B.height || 0) * lt.scale_y : B.height || 0;
-        q = { geo: zt, obj: B, w: Mt, h: Tt }, Q = this.getPerimeter(zt, Mt, Tt);
+        const lt = this.objectStates.get(B.id), Vt = lt != null && lt.geometry ? this.deepMerge(B.geometry, lt.geometry) : B.geometry, Mt = (lt == null ? void 0 : lt.scale_x) !== void 0 ? (B.width || 0) * lt.scale_x : B.width || 0, Tt = (lt == null ? void 0 : lt.scale_y) !== void 0 ? (B.height || 0) * lt.scale_y : B.height || 0;
+        q = { geo: Vt, obj: B, w: Mt, h: Tt }, Q = this.getPerimeter(Vt, Mt, Tt);
       }
     }
     const it = (B, lt) => {
       var Mt, Tt;
       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;
+      let Vt = 0;
+      for (let zt = 0; zt < B.length; zt++) {
+        const Ut = lt + zt;
         let Jt = 0;
         if (o.enableSegments === !0 && ((Tt = o.segments) == null ? void 0 : Tt.length) > 0) {
           let qt = 0, Qt = null;
@@ -3262,20 +3262,20 @@ class ci {
             t.save();
             let oe = Qt.fontFamily || o.fontFamily || "Inter";
             const jt = this.mapFontWeight((Qt.fontWeight || o.fontWeight || "400").toString()), ee = Qt.fontStyle || d, J = Qt.fontSize || m;
-            t.font = `${ee} ${jt} ${J}px "${oe}", sans-serif`, Jt = t.measureText(B[Vt]).width, t.restore();
+            t.font = `${ee} ${jt} ${J}px "${oe}", sans-serif`, Jt = t.measureText(B[zt]).width, t.restore();
           } else
-            Jt = t.measureText(B[Vt]).width;
+            Jt = t.measureText(B[zt]).width;
         } else
-          Jt = t.measureText(B[Vt]).width;
-        zt += Jt + M;
+          Jt = t.measureText(B[zt]).width;
+        Vt += Jt + M;
       }
-      return zt - (B.length > 0 ? M : 0);
-    }, dt = (B, lt, zt, Mt, Tt) => {
+      return Vt - (B.length > 0 ? M : 0);
+    }, dt = (B, lt, Vt, Mt, Tt) => {
       var jt, ee;
       const Ut = (Tt === 0 || c[Tt - 1] === `
 ` || c[Tt - 1] === "\r") && o.paragraphIndent ? o.paragraphIndent : 0, Jt = (!r || l) && (s.behaviors || []).some(
         (J) => J.enabled && (J.type.toString().includes("Text") || ["Typewriter", "Scramble", "Wave", "Bounce", "GlitchText", "Reveal3D", "RevealSlide", "RevealBlur"].includes(J.type))
-      ), qt = !o.pathId && !Jt && (o.enableSegments !== !0 || !o.segments || o.segments.length === 0), Qt = o.baselineShift || 0, oe = zt + Qt;
+      ), qt = !o.pathId && !Jt && (o.enableSegments !== !0 || !o.segments || o.segments.length === 0), Qt = o.baselineShift || 0, oe = Vt + Qt;
       if (qt)
         t.font = S, Mt ? t.strokeText(B, lt + Ut, oe) : t.fillText(B, lt + Ut, oe);
       else {
@@ -3345,91 +3345,91 @@ class ci {
             else if (at.type === Y.Wave)
               xt += Math.sin(this.currentTime * 5 * (st.speed || 1) + ct * (st.frequency || 1)) * (st.amplitude || 20) * nt;
             else if (at.type === Y.Bounce) {
-              const z = Math.max(0, this.currentTime % 2 - ct * (st.stagger || 0.1));
-              z < 1 && (xt -= Math.abs(Math.sin(z * Math.PI)) * (st.height || 50) * nt);
+              const V = Math.max(0, this.currentTime % 2 - ct * (st.stagger || 0.1));
+              V < 1 && (xt -= Math.abs(Math.sin(V * Math.PI)) * (st.height || 50) * nt);
             } else if (at.type === Y.TextTrail) {
-              const z = this.pointerHistory[Math.max(0, this.pointerHistory.length - 1 - ct * (st.delay || 5))];
-              z && (Xt += (z.x - (i.x + kt)) * nt * 0.2, xt += (z.y - (i.y + zt + xt)) * nt * 0.2);
+              const V = this.pointerHistory[Math.max(0, this.pointerHistory.length - 1 - ct * (st.delay || 5))];
+              V && (Xt += (V.x - (i.x + kt)) * nt * 0.2, xt += (V.y - (i.y + Vt + xt)) * nt * 0.2);
             } else if (at.type === Y.Reveal3D) {
-              const z = Math.max(0, Math.min(1, this.currentTime * (st.speed || 1) - ct * (st.stagger || 0.1)));
-              te *= z, $t *= z, Ft = z;
+              const V = Math.max(0, Math.min(1, this.currentTime * (st.speed || 1) - ct * (st.stagger || 0.1)));
+              te *= V, $t *= V, Ft = V;
             } else if (at.type === Y.RevealSlide) {
-              const z = Math.max(0, Math.min(1, this.currentTime * 1.5 - ct * 0.05)), pt = (1 - z) * (st.distance || 40) * nt, ut = st.direction || "up";
-              ut === "up" ? xt -= pt : ut === "down" ? xt += pt : ut === "left" ? Xt -= pt : ut === "right" && (Xt += pt), Ft = z;
+              const V = Math.max(0, Math.min(1, this.currentTime * 1.5 - ct * 0.05)), pt = (1 - V) * (st.distance || 40) * nt, ut = st.direction || "up";
+              ut === "up" ? xt -= pt : ut === "down" ? xt += pt : ut === "left" ? Xt -= pt : ut === "right" && (Xt += pt), Ft = V;
             } else if (at.type === Y.RevealBlur) {
-              const z = Math.max(0, Math.min(1, this.currentTime * 1.2 - ct * 0.1));
-              Ft = z, Xt += (1 - z) * 5;
+              const V = Math.max(0, Math.min(1, this.currentTime * 1.2 - ct * 0.1));
+              Ft = V, Xt += (1 - V) * 5;
             } else if (at.type === Y.TextLiquid) {
-              const z = Math.max(0, Math.sin(wt * 1e-3 * (st.speed || 1) + ct * 0.5));
-              xt += z * (st.amplitude || 10) * nt, $t *= 1 + z * 0.2;
+              const V = Math.max(0, Math.sin(wt * 1e-3 * (st.speed || 1) + ct * 0.5));
+              xt += V * (st.amplitude || 10) * nt, $t *= 1 + V * 0.2;
             } else if (at.type === Y.TextVortex) {
-              const z = wt * 2e-3 * (st.speed || 1) + ct * 0.2, pt = (1 - (Math.sin(wt * 1e-3) * 0.5 + 0.5)) * (st.radius || 50);
-              Xt += Math.cos(z) * pt * nt, xt += Math.sin(z) * pt * nt;
+              const V = wt * 2e-3 * (st.speed || 1) + ct * 0.2, pt = (1 - (Math.sin(wt * 1e-3) * 0.5 + 0.5)) * (st.radius || 50);
+              Xt += Math.cos(V) * pt * nt, xt += Math.sin(V) * pt * nt;
             } else if (at.type === Y.TextExplosion) {
-              const z = st.force || 1, pt = this.currentTime % 2;
+              const V = st.force || 1, pt = this.currentTime % 2;
               if (pt < 1) {
-                const ut = (ct / B.length - 0.5) * Math.PI * 2, ce = pt * 100 * z;
+                const ut = (ct / B.length - 0.5) * Math.PI * 2, ce = pt * 100 * V;
                 Xt += Math.cos(ut) * ce * nt, xt += Math.sin(ut) * ce * nt, Ft = 1 - pt;
               }
             } else if (at.type === Y.TextRain) {
-              const z = st.speed || 1, pt = st.height || 100, ut = (wt * 1e-3 * z + ct * 0.1) % 1;
+              const V = st.speed || 1, pt = st.height || 100, ut = (wt * 1e-3 * V + ct * 0.1) % 1;
               xt -= (1 - ut) * pt * nt, Ft = ut > 0.1 ? 1 : ut * 10;
             } else if (at.type === Y.TextGravity) {
-              const z = st.gravity || 9.8, pt = this.currentTime % 3 / 3, ut = 0.5 * z * Math.pow(pt * 10, 2);
+              const V = st.gravity || 9.8, pt = this.currentTime % 3 / 3, ut = 0.5 * V * Math.pow(pt * 10, 2);
               ut < 100 ? xt += ut * nt : xt += 100 * nt;
             } else if (at.type === Y.TextMatrix) {
-              const z = st.speed || 1;
-              if (Math.random() < 0.1 * z) {
+              const V = st.speed || 1;
+              if (Math.random() < 0.1 * V) {
                 const ut = "0123456789ABCDEF!@#$%^&*";
                 ot = ut[Math.floor(Math.random() * ut.length)];
               }
-              Ft = 0.3 + (Math.sin(wt * 0.01 * z + ct) + 1) / 2 * 0.7;
+              Ft = 0.3 + (Math.sin(wt * 0.01 * V + ct) + 1) / 2 * 0.7;
             } else if (at.type === Y.TextNeon) {
-              const z = Math.random() > 0.95 ? 0.5 : 1;
-              Ft = (0.7 + (Math.sin(wt * 5e-3) + 1) / 2 * 0.3) * z;
+              const V = Math.random() > 0.95 ? 0.5 : 1;
+              Ft = (0.7 + (Math.sin(wt * 5e-3) + 1) / 2 * 0.3) * V;
             } else if (at.type === Y.TextDissolve)
               Math.sin(ct * 1.5 + wt * 2e-3 * (st.speed || 1)) > 0.5 && (Ft = 0);
             else if (at.type === Y.TextOrganic) {
-              const z = st.speed || 1, pt = st.amplitude || 10;
-              Xt += Math.sin(wt * 2e-3 * z + ct) * pt * nt, xt += Math.cos(wt * 15e-4 * z + ct * 0.7) * pt * nt;
+              const V = st.speed || 1, pt = st.amplitude || 10;
+              Xt += Math.sin(wt * 2e-3 * V + ct) * pt * nt, xt += Math.cos(wt * 15e-4 * V + ct * 0.7) * pt * nt;
             } else if (at.type === Y.TextBreathe) {
               const pt = 1 + (Math.sin(wt * 3e-3 + ct * 0.2) + 1) / 2 * 0.2 * nt;
               te *= pt, $t *= pt;
             } else if (at.type === Y.TextSpin) {
-              const z = st.speed || 1;
-              Wt += wt * 0.01 * z + ct;
+              const V = st.speed || 1;
+              Wt += wt * 0.01 * V + ct;
             } else if (at.type === Y.TextMagnet) {
-              const z = this.pointerHistory[this.pointerHistory.length - 1];
-              if (z) {
-                const pt = z.x - (i.x + kt), ut = z.y - (i.y + zt);
+              const V = this.pointerHistory[this.pointerHistory.length - 1];
+              if (V) {
+                const pt = V.x - (i.x + kt), ut = V.y - (i.y + Vt);
                 Wt = Math.atan2(ut, pt);
               }
             } else if (at.type === Y.TextPerspective) {
-              const z = B.length / 2, pt = (ct - z) / z, ut = 1 - Math.abs(pt) * 0.3 * nt;
+              const V = B.length / 2, pt = (ct - V) / V, ut = 1 - Math.abs(pt) * 0.3 * nt;
               te *= ut, $t *= ut, Xt += pt * 20 * nt;
             } else if (at.type === Y.TextMirror)
               Ft *= 0.8;
             else if (at.type === Y.TextFloral) {
-              const z = st.speed || 1, pt = st.stagger || 0.1, ut = (wt * 1e-3 * z + ct * pt) % 2;
+              const V = st.speed || 1, pt = st.stagger || 0.1, ut = (wt * 1e-3 * V + ct * pt) % 2;
               ut < 1 && (te *= ut, $t *= ut, Wt += ut * Math.PI);
             } else if (at.type === Y.TextSmoke) {
-              const z = st.speed || 1, pt = st.height || 50, ut = (wt * 5e-4 * z + ct * 0.2) % 1;
+              const V = st.speed || 1, pt = st.height || 50, ut = (wt * 5e-4 * V + ct * 0.2) % 1;
               xt -= ut * pt * nt, Xt += Math.sin(wt * 2e-3 + ct) * 5 * nt, Ft = 1 - ut;
             } else if (at.type === Y.TextVariable) {
-              const z = st.speed || 1, pt = st.intensity || 1.5, ut = (Math.sin(wt * 4e-3 * z + ct * 0.3) + 1) / 2;
+              const V = st.speed || 1, pt = st.intensity || 1.5, ut = (Math.sin(wt * 4e-3 * V + ct * 0.3) + 1) / 2;
               te *= 1 + ut * (pt - 1) * nt;
             } else if (at.type === Y.TextZing) {
-              const z = st.speed || 2, pt = st.distance || 100, ut = (wt * 2e-3 * z + ct * 0.05) % 1;
+              const V = st.speed || 2, pt = st.distance || 100, ut = (wt * 2e-3 * V + ct * 0.05) % 1;
               Xt += (1 - ut) * pt * nt, Ft = ut;
             } else if (at.type === Y.TextElastic) {
-              const z = st.stiffness || 0.2, pt = st.damping || 0.1, ut = Math.sin(wt * 0.01) * Math.exp(-wt * 1e-3 * pt);
-              $t *= 1 + ut * z * nt;
+              const V = st.stiffness || 0.2, pt = st.damping || 0.1, ut = Math.sin(wt * 0.01) * Math.exp(-wt * 1e-3 * pt);
+              $t *= 1 + ut * V * nt;
             } else if (at.type === Y.TextGlitch3D) {
-              const z = st.intensity || 5;
-              Math.random() < 0.2 && (Xt += (Math.random() - 0.5) * z, xt += (Math.random() - 0.5) * z, Ft = 0.8);
+              const V = st.intensity || 5;
+              Math.random() < 0.2 && (Xt += (Math.random() - 0.5) * V, xt += (Math.random() - 0.5) * V, Ft = 0.8);
             } else if (at.type === Y.GlitchText) {
-              const z = st.intensity || 5;
-              Math.random() < 0.1 && (Xt += (Math.random() - 0.5) * z, xt += (Math.random() - 0.5) * z, Math.random() < 0.05 && (Ft = 0.5));
+              const V = st.intensity || 5;
+              Math.random() < 0.1 && (Xt += (Math.random() - 0.5) * V, xt += (Math.random() - 0.5) * V, Math.random() < 0.05 && (Ft = 0.5));
             }
           });
           let It = null, bt = o.textDecoration || "none", vt = m;
@@ -3448,8 +3448,8 @@ class ci {
                 const ut = new RegExp(`[\\s-]${pt}$`, "i");
                 ut.test(nt) && (nt = nt.replace(ut, "").trim());
               });
-              const wt = this.mapFontWeight((st.fontWeight || o.fontWeight || "400").toString()), z = st.fontStyle || d;
-              vt = st.fontSize || m, t.font = `${z} ${wt} ${vt}px "${nt}", sans-serif`, st.fill && (It = st.fill), st.textDecoration && (bt = st.textDecoration), vt < V && (xt += (V - vt) * 0.85);
+              const wt = this.mapFontWeight((st.fontWeight || o.fontWeight || "400").toString()), V = st.fontStyle || d;
+              vt = st.fontSize || m, t.font = `${V} ${wt} ${vt}px "${nt}", sans-serif`, st.fill && (It = st.fill), st.textDecoration && (bt = st.textDecoration), vt < z && (xt += (z - vt) * 0.85);
             }
           } else
             t.font = S;
@@ -3457,10 +3457,10 @@ class ci {
           t.globalAlpha *= Ft, t.save();
           const Rt = t.measureText(ot).width;
           if (q && Q > 0) {
-            const at = kt - ft + Rt / 2, nt = (Ot + at) / Q, wt = this.getPointOnPath(q.geo, q.w, q.h, Math.abs(nt % 1)), z = wt.angle, pt = zt + xt + (o.pathOffsetY || 0), ut = o.pathSide === "right" ? -1 : 1, ce = Math.cos(z + Math.PI / 2) * pt * ut, me = Math.sin(z + Math.PI / 2) * pt * ut;
-            t.translate(wt.x + ce + Xt, wt.y + me), t.rotate(z + Wt + (ut === -1 ? Math.PI : 0));
+            const at = kt - ft + Rt / 2, nt = (Ot + at) / Q, wt = this.getPointOnPath(q.geo, q.w, q.h, Math.abs(nt % 1)), V = wt.angle, pt = Vt + xt + (o.pathOffsetY || 0), ut = o.pathSide === "right" ? -1 : 1, ce = Math.cos(V + Math.PI / 2) * pt * ut, me = Math.sin(V + Math.PI / 2) * pt * ut;
+            t.translate(wt.x + ce + Xt, wt.y + me), t.rotate(V + Wt + (ut === -1 ? Math.PI : 0));
           } else
-            t.translate(kt + Xt + Rt / 2, zt + xt), Wt !== 0 && t.rotate(Wt);
+            t.translate(kt + Xt + Rt / 2, Vt + xt), Wt !== 0 && t.rotate(Wt);
           if (t.scale(te, $t), It && !r && !l) {
             const at = this.createCanvasFill(t, It, n, a);
             t.fillStyle = at || It.color || "#000000";
@@ -3479,16 +3479,16 @@ class ci {
     };
     if (r) {
       let B = 0, lt = F;
-      (O || []).forEach((zt) => {
-        const Mt = zt.text || "", Tt = c.indexOf(Mt, B);
+      (O || []).forEach((Vt) => {
+        const Mt = Vt.text || "", Tt = c.indexOf(Mt, B);
         Tt !== -1 && (B = Tt);
-        let Vt = -n / 2;
-        w === "center" ? Vt = 0 : w === "right" && (Vt = n / 2), dt(Mt, Vt, lt, !1, B), B += Mt.length, lt += _;
+        let zt = -n / 2;
+        w === "center" ? zt = 0 : w === "right" && (zt = n / 2), dt(Mt, zt, lt, !1, B), B += Mt.length, lt += _;
       });
     } else if (l) {
       let B = 0, lt = F;
-      (O || []).forEach((zt) => {
-        const Mt = zt.text || "";
+      (O || []).forEach((Vt) => {
+        const Mt = Vt.text || "";
         let Tt = -n / 2;
         w === "center" ? Tt = 0 : w === "right" && (Tt = n / 2), dt(Mt, Tt, lt, !1, B), B += Mt.length, B < c.length && (c[B] === `
 ` || c[B] === "\r") && (B++, c[B - 1] === "\r" && c[B] === `
@@ -3496,30 +3496,30 @@ class ci {
       });
     } else {
       if (e.fill) {
-        const lt = t.globalAlpha, zt = this.createCanvasFill(t, e.fill, n, a);
-        t.fillStyle = zt || e.fill.color || "#000000", t.globalAlpha = lt * this.normalizeOpacity(e.fill.opacity ?? 100);
+        const lt = t.globalAlpha, Vt = this.createCanvasFill(t, e.fill, n, a);
+        t.fillStyle = Vt || e.fill.color || "#000000", t.globalAlpha = lt * this.normalizeOpacity(e.fill.opacity ?? 100);
         const Mt = $.fullText || (o.enableSegments ? (o.segments || []).map((Ut) => {
           let Jt = Ut.text || "";
           const qt = Ut.textCase || o.textCase || "none";
           return qt === "uppercase" ? Jt.toUpperCase() : qt === "lowercase" ? Jt.toLowerCase() : qt === "capitalize" ? Jt.replace(/\b\w/g, (Qt) => Qt.toUpperCase()) : Jt;
         }).join("") : c);
-        let Tt = 0, Vt = F;
+        let Tt = 0, zt = F;
         (O || []).forEach((Ut) => {
           const Jt = Ut.text || "";
           let qt = -n / 2;
-          w === "center" ? qt = 0 : w === "right" && (qt = n / 2), dt(Jt, qt, Vt, !1, Tt), Tt += Jt.length, Vt += _, Tt < Mt.length && (Mt[Tt] === `
-` || Mt[Tt] === "\r") && (W > 0 && (Vt += W), Tt++, Mt[Tt - 1] === "\r" && Mt[Tt] === `
+          w === "center" ? qt = 0 : w === "right" && (qt = n / 2), dt(Jt, qt, zt, !1, Tt), Tt += Jt.length, zt += _, Tt < Mt.length && (Mt[Tt] === `
+` || Mt[Tt] === "\r") && (W > 0 && (zt += W), Tt++, Mt[Tt - 1] === "\r" && Mt[Tt] === `
 ` && Tt++);
         }), t.globalAlpha = lt;
       }
       const B = o.paragraphRule;
       if (B && (((Dt = B.top) == null ? void 0 : Dt.width) > 0 || ((Yt = B.bottom) == null ? void 0 : Yt.width) > 0)) {
         let lt = 0;
-        (O || []).forEach((zt, Mt) => {
+        (O || []).forEach((Vt, Mt) => {
           var Ut, Jt;
-          const Vt = lt === 0 || lt < c.length && (c[lt] === `
+          const zt = lt === 0 || lt < c.length && (c[lt] === `
 ` || c[lt] === "\r");
-          if (Vt && Mt > 0 && lt++, Vt) {
+          if (zt && Mt > 0 && lt++, zt) {
             if (((Ut = B.top) == null ? void 0 : Ut.width) > 0) {
               const qt = F + Mt * _ - B.top.offset;
               t.strokeStyle = B.top.color || "#000000", t.lineWidth = B.top.width, t.beginPath();
@@ -3533,16 +3533,16 @@ class ci {
               t.moveTo(Qt, qt), t.lineTo(n / 2 - _ * 0.2, qt), t.stroke();
             }
           }
-          lt += (zt.text || "").length;
+          lt += (Vt.text || "").length;
         });
       }
       if (e.stroke && e.stroke.width > 0) {
         const lt = t.globalAlpha;
         e.fill && e.fill.type !== "None" && e.fill.isEnabled !== !1 && e.fill.opacity !== 0 && e.fill.color !== "transparent" && e.fill.color !== "rgba(0,0,0,0)" && (t.shadowColor = "transparent", t.shadowBlur = 0, t.shadowOffsetX = 0, t.shadowOffsetY = 0), t.strokeStyle = e.stroke.color, t.lineWidth = e.stroke.width, t.globalAlpha = lt * this.normalizeOpacity(e.stroke.opacity ?? 100);
         let Mt = 0, Tt = F;
-        (O || []).forEach((Vt) => {
+        (O || []).forEach((zt) => {
           let Ut = -n / 2;
-          w === "center" ? Ut = 0 : w === "right" && (Ut = n / 2), dt(Vt.text, Ut, Tt, !0, Mt), Mt += (Vt.text || "").length, Tt += _, Mt < c.length && (c[Mt] === `
+          w === "center" ? Ut = 0 : w === "right" && (Ut = n / 2), dt(zt.text, Ut, Tt, !0, Mt), Mt += (zt.text || "").length, Tt += _, Mt < c.length && (c[Mt] === `
 ` || c[Mt] === "\r") && (W > 0 && (Tt += W), Mt++, c[Mt - 1] === "\r" && c[Mt] === `
 ` && Mt++);
         }), t.globalAlpha = lt;
@@ -3559,11 +3559,11 @@ class ci {
       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, h = a.trimEnd ?? 1, d = a.trimOffset ?? 0, u = a.dashOffset ?? 0, m = a.dashArray || [];
-    if (g !== 0 || h !== 1 || d !== 0) {
+    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 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, h));
+        const v = Math.max(0, Math.min(1, g)), b = Math.max(0, Math.min(1, f));
         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;
@@ -3586,8 +3586,8 @@ class ci {
         if (n >= 360 && a <= 0) return r;
         let l = n / 360 * r;
         if (a > 0) {
-          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));
+          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));
         } else n < 360 && (l += 2 * Math.max(e, i));
         return isNaN(l) ? 0 : l;
       }
@@ -3613,17 +3613,17 @@ class ci {
             n = l.x, a = l.y;
             continue;
           }
-          const f = n, c = a, g = e[r - 1].out_x, h = e[r - 1].out_y;
+          const h = n, c = a, g = e[r - 1].out_x, f = e[r - 1].out_y;
           if (g !== void 0 || l.in_x !== void 0 ? i += this.getBezierLength(
-            f,
+            h,
             c,
-            g ?? f,
-            h ?? c,
+            g ?? h,
+            f ?? c,
             l.in_x ?? l.x,
             l.in_y ?? l.y,
             l.x,
             l.y
-          ) : 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)) {
+          ) : 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)) {
             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,
@@ -3644,23 +3644,23 @@ class ci {
     }
   }
   getBezierLength(t, s, o, e, i, n, a, r, l = 10) {
-    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;
+    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;
     }
-    return f;
+    return h;
   }
-  getBezierTAtLength(t, s, o, e, i, n, a, r, l, f = 20) {
+  getBezierTAtLength(t, s, o, e, i, n, a, r, l, h = 20) {
     if (t <= 0) return 0;
-    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);
+    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, M = I - f, 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;
+        return (d - 1 + W) / h;
       }
-      c += P, g = S, h = I;
+      c += P, g = S, f = I;
     }
     return 1;
   }
@@ -3672,7 +3672,7 @@ class ci {
       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 f = (n + a) / 2, c = (r + l) / 2, h = this.getPerimeter(t, s, o) * e;
+      const h = (n + a) / 2, c = (r + l) / 2, f = this.getPerimeter(t, s, o) * e;
       let d = 0;
       const u = [];
       let m = i[0], y = i[0];
@@ -3688,30 +3688,30 @@ class ci {
         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 >= h || 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 >= f || v === u[u.length - 1]) {
           let w = 0;
           if (I)
-            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);
+            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);
           {
-            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);
+            w = S === 0 ? 0 : (f - d) / S;
+            const M = b.x + (C.x - b.x) * w - h, 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, 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 };
+      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 };
     } 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, 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 };
+      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 };
     }
     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, 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);
+    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);
     return { x: b, y: C, angle: w };
   }
   applyAbsoluteTransform(t, s, o) {
@@ -3735,53 +3735,53 @@ class ci {
     t.scale(e, i);
   }
   applyArtEffectOverlay(t, s, o, e, i, n) {
-    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);
+    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);
     if (!r || !r.enabled) return;
-    const l = r.type, f = r.intensity ?? 0.5, c = r.speed ?? 1, g = r.scale ?? 10;
+    const l = r.type, h = 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,${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";
+        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";
       } 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,${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";
+        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";
       } 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,${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();
+        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();
       } 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 * f;
+          S.data[I] = w, S.data[I + 1] = w, S.data[I + 2] = w, S.data[I + 3] = 255 * h;
         }
         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, f * 0.7)), S.addColorStop(1, this._shiftHue(C, (I + 180) % 360, f * 0.7));
+          S.addColorStop(0, this._shiftHue(b, I, h * 0.7)), S.addColorStop(1, this._shiftHue(C, (I + 180) % 360, h * 0.7));
         } else {
           const I = v * 100 % 360, w = (I + 180) % 360;
-          S.addColorStop(0, `hsla(${I}, 80%, 50%, ${f * 0.5})`), S.addColorStop(1, `hsla(${w}, 80%, 50%, ${f * 0.5})`);
+          S.addColorStop(0, `hsla(${I}, 80%, 50%, ${h * 0.5})`), S.addColorStop(1, `hsla(${w}, 80%, 50%, ${h * 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 - f * 0.8)), b = document.createElement("canvas");
+        const v = Math.max(2, g * (1 - h * 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 * f, 0, Math.PI * 2), C.fill();
+          C.fillStyle = "black", C.beginPath(), C.arc(v / 2, v / 2, v / 2 * h, 0, Math.PI * 2), C.fill();
           const S = t.createPattern(b, "repeat");
-          S && (t.globalAlpha = 0.3 * f, t.fillStyle = S, t.fillRect(-e / 2, -i / 2, e, i));
+          S && (t.globalAlpha = 0.3 * h, t.fillStyle = S, t.fillRect(-e / 2, -i / 2, e, i));
         }
       } else if (l === "noise") {
-        const v = Math.floor(e * i * f * 0.02);
-        t.globalAlpha = 0.4 * f;
+        const v = Math.floor(e * i * h * 0.02);
+        t.globalAlpha = 0.4 * h;
         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(
@@ -3792,14 +3792,14 @@ class ci {
           );
         }
       } else if (l === "scanlines") {
-        t.globalAlpha = 0.2 * f, t.strokeStyle = "rgba(0,0,0,0.5)", t.lineWidth = 1;
+        t.globalAlpha = 0.2 * h, 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 * f;
+        const v = 5 * h;
         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 - f * 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 - h * 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) {
@@ -3808,8 +3808,8 @@ class ci {
           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 * f)), S = f * e * 0.15;
-        t.globalCompositeOperation = "screen", t.globalAlpha = f * 0.4;
+        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 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;
@@ -3828,26 +3828,26 @@ class ci {
   _shiftHue(t, s, o) {
     let e = 0, i = 0, n = 0;
     if (t.startsWith("#")) {
-      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 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 a = Math.max(e, i, n), r = Math.min(e, i, n);
-    let l = 0, f = 0, c = (a + r) / 2;
+    let l = 0, h = 0, c = (a + r) / 2;
     if (a !== r) {
-      const h = a - r;
-      switch (f = c > 0.5 ? h / (2 - a - r) : h / (a + r), a) {
+      const f = a - r;
+      switch (h = c > 0.5 ? f / (2 - a - r) : f / (a + r), a) {
         case e:
-          l = ((i - n) / h + (i < n ? 6 : 0)) / 6;
+          l = ((i - n) / f + (i < n ? 6 : 0)) / 6;
           break;
         case i:
-          l = ((n - e) / h + 2) / 6;
+          l = ((n - e) / f + 2) / 6;
           break;
         case n:
-          l = ((e - i) / h + 4) / 6;
+          l = ((e - i) / f + 4) / 6;
           break;
       }
     }
-    return `hsla(${(((l * 360 + s) % 360 + 360) % 360).toFixed(0)}, ${(f * 100).toFixed(0)}%, ${(c * 100).toFixed(0)}%, ${o})`;
+    return `hsla(${(((l * 360 + s) % 360 + 360) % 360).toFixed(0)}, ${(h * 100).toFixed(0)}%, ${(c * 100).toFixed(0)}%, ${o})`;
   }
   /**
    * Simulate CSS `backdrop-filter: blur()` + glass overlay on Canvas2D.
@@ -3858,15 +3858,15 @@ class ci {
    * 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, f = n.noise ?? 0;
+    const a = n.radius ?? 10, r = n.color ?? "rgba(255,255,255,0.2)", l = n.opacity ?? 0.5, h = n.noise ?? 0;
     t.save(), this.applyPath(t, s, o, e, i), t.clip();
-    const c = t.getTransform(), g = c.e - o / 2, h = c.f - e / 2;
+    const c = t.getTransform(), g = c.e - o / 2, f = 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, h, o, e, 0, 0, o, e), m.filter = `blur(${a}px)`;
+        m.drawImage(t.canvas, g, f, 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");
@@ -3876,8 +3876,8 @@ class ci {
     }
     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), f > 0) {
-      if (t.globalAlpha = f / 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), h > 0) {
+      if (t.globalAlpha = h / 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;
@@ -3903,15 +3903,15 @@ class ci {
       } 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, 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());
+        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());
       } 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, f = a * Math.cos(l), c = a * Math.sin(l);
-          r === 0 ? t.moveTo(f, c) : t.lineTo(f, c);
+          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);
         }
         t.closePath();
       } else if (s.type === "Star") {
@@ -3919,8 +3919,8 @@ class ci {
         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 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);
+          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);
         }
         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) {
@@ -3929,28 +3929,28 @@ class ci {
         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 f = (n + a) / 2, c = (r + l) / 2;
-        if (isNaN(f) || isNaN(c)) {
-          console.warn("[Engine] Invalid path center:", f, c);
+        const h = (n + a) / 2, c = (r + l) / 2;
+        if (isNaN(h) || isNaN(c)) {
+          console.warn("[Engine] Invalid path center:", h, c);
           return;
         }
-        s.points.forEach((g, h) => {
-          if (h === 0 || g.moveTo)
-            t.moveTo(g.x - f, g.y - c);
+        s.points.forEach((g, f) => {
+          if (f === 0 || g.moveTo)
+            t.moveTo(g.x - h, g.y - c);
           else {
-            const d = s.points[h - 1];
+            const d = s.points[f - 1];
             if (!d) return;
-            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);
+            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);
           }
-          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];
+          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];
             d && (g.out_x !== void 0 || d.in_x !== void 0) && t.bezierCurveTo(
-              (g.out_x ?? g.x) - f,
+              (g.out_x ?? g.x) - h,
               (g.out_y ?? g.y) - c,
-              (d.in_x ?? d.x) - f,
+              (d.in_x ?? d.x) - h,
               (d.in_y ?? d.y) - c,
-              d.x - f,
+              d.x - h,
               d.y - c
             ), t.closePath();
           }
@@ -3960,35 +3960,35 @@ class ci {
         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 f = (n + a) / 2, c = (r + l) / 2;
-        s.points.forEach((g, h) => {
-          if (h === 0) t.moveTo(g.x - f, g.y - c);
+        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);
           else {
-            const d = s.points[h - 1];
+            const d = s.points[f - 1];
             d.out_x !== void 0 || g.in_x !== void 0 ? t.bezierCurveTo(
-              (d.out_x ?? d.x) - f,
+              (d.out_x ?? d.x) - h,
               (d.out_y ?? d.y) - c,
-              (g.in_x ?? g.x) - f,
+              (g.in_x ?? g.x) - h,
               (g.in_y ?? g.y) - c,
-              g.x - f,
+              g.x - h,
               g.y - c
-            ) : t.lineTo(g.x - f, g.y - c);
+            ) : t.lineTo(g.x - h, g.y - c);
           }
-          (g.closePath || h === s.points.length - 1 && (s.is_closed || s.isClosed)) && t.closePath();
+          (g.closePath || f === 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", 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];
+    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)", 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 P = `${h}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)) : 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 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()), f === "focused" || f === "focus") {
+      if (ht && (t.strokeStyle = ht, t.lineWidth = S, t.stroke()), h === "focused" || h === "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();
@@ -4003,10 +4003,10 @@ class ci {
       }
       t.restore();
     };
-    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, 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;
+    k(f, !0), k(d, !1);
+    const _ = e.text || "", L = e.placeholder || "Enter text...", x = !_, A = _ || L, $ = x ? w : I, O = M, z = e.fontFamily || "Inter", H = e.fontWeight || 400;
+    t.font = `${H} ${O}px "${z}", sans-serif`, t.fillStyle = $, t.textAlign = "left", t.textBaseline = u ? "top" : "middle";
+    const et = e.inputPadding ?? 16, E = 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) + 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(`
 `);
@@ -4032,19 +4032,19 @@ class ci {
     }
     if (t.restore(), c.visible !== !1) {
       const ht = c.text || "Label", mt = c.fontSize || 12, rt = c.color || "rgba(156, 163, 175, 1)", Lt = c.offset ?? 8;
-      t.font = `600 ${mt}px "${V}", sans-serif`, t.fillStyle = rt, t.textAlign = "left", t.textBaseline = "bottom";
+      t.font = `600 ${mt}px "${z}", sans-serif`, t.fillStyle = rt, t.textAlign = "left", t.textBaseline = "bottom";
       const Gt = -(i / 2), Pt = -(n / 2) - Lt;
       t.fillText(ht, Gt, Pt);
     }
     if (g.visible === !0) {
-      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 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;
+      t.font = `400 ${mt}px "${z}", 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, 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) => {
+    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 || "", 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);
@@ -4082,14 +4082,14 @@ class ci {
       } 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, h, u);
+    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 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, h), 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, f), t.fill());
     }
     t.save(), t.translate($, 0);
-    const V = t.getTransform(), H = Math.sqrt(V.a * V.a + V.b * V.b) || 1;
+    const z = t.getTransform(), H = Math.sqrt(z.a * z.a + z.b * z.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" ? M : w), t.restore(), P) {
@@ -4117,11 +4117,11 @@ class ci {
     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, 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 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 m = t.globalAlpha;
-    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();
+    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();
     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";
@@ -4144,14 +4144,14 @@ class ci {
     }
     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;
+    const T = h ? e.disabledColor || "#9ca3af" : !e.selectedOption && e.placeholder ? "#9ca3af" : u;
     t.fillStyle = this.createCanvasFill(t, typeof T == "string" ? { type: "Solid", color: T } : T, i, n) || "#333333", t.textAlign = "left", t.textBaseline = "middle";
     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;
+    if (t.save(), t.beginPath(), t.rect(a + v, r, k, n), t.clip(), t.fillText(I, a + v, 0), t.restore(), g && !h) {
+      const L = r + n + 4, x = e.optionsList || [], A = e.itemHeight || 32, $ = e.listPadding ?? 4, O = x.length * A + $ * 2, z = e.listCornerRadius ?? l;
       t.save();
       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();
+      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, z), 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 || P;
@@ -4170,35 +4170,35 @@ class ci {
   }
   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, 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;
+    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;
     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 M = f.fontSize || 14, P = f.fontFamily || "Inter", T = f.fontWeight || 600;
+    const M = h.fontSize || 14, P = h.fontFamily || "Inter", T = h.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 (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();
+    if (f.enabled && f.svgPath) {
+      const k = M * 1.1, _ = f.gap || 8, L = t.measureText(m), A = -(L.width + k + _) / 2, $ = f.position === "left" ? A + k / 2 : A + L.width + _ + k / 2;
+      W = f.position === "left" ? A + k + _ + L.width / 2 : A + L.width / 2, t.save(), t.translate($, 0);
+      const O = new Path2D(f.svgPath), z = k / 24;
+      t.scale(z, z), 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, 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 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 d = c.fontSize || 14, u = c.fontFamily || "Inter";
-    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();
+    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();
   }
   renderToggle(t, s) {
-    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);
+    var z, 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 = ((z = s.geometry) == null ? void 0 : z.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);
     const C = this.createCanvasFill(t, m, i, n);
     if (C && (t.fillStyle = C, t.fill()), v > 0) {
       t.lineWidth = v;
@@ -4230,22 +4230,22 @@ class ci {
   }
   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, 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;
+    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;
     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 (f) {
+    } else if (h) {
       t.lineWidth = 1;
       const I = this.createCanvasFill(t, c, i, n);
       I && (t.strokeStyle = I, t.stroke());
     }
-    if (f) {
+    if (h) {
       t.save(), t.beginPath();
-      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 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, 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();
     }
@@ -4259,24 +4259,24 @@ class ci {
   }
   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, 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;
+    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;
     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;
-      f.forEach((M, P) => {
+      h.forEach((M, P) => {
         const T = r + P * w + b;
         t.beginPath(), t.arc(a + b, T, b, 0, Math.PI * 2);
-        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);
+        const W = l === M, k = this.createCanvasFill(t, f, C, C), _ = this.createCanvasFill(t, d, C, C);
+        W ? (t.strokeStyle = k || f, t.lineWidth = 2, t.stroke(), t.beginPath(), t.arc(a + b, T, b / 2, 0, Math.PI * 2), t.fillStyle = k || f, 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;
-      f.forEach((M) => {
+      h.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, 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;
+        const W = this.createCanvasFill(t, f, C, C), k = this.createCanvasFill(t, d, C, C);
+        P ? (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 = 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) {
@@ -4326,8 +4326,8 @@ class ci {
       },
       _makeGradient: function(k, _, L, x, A, $) {
         if (!this._getPreset().barGradient && !this.barGradient) return _;
-        const V = k.createLinearGradient(L, x, A, $);
-        return V.addColorStop(0, _), V.addColorStop(1, _ + "44"), V;
+        const z = k.createLinearGradient(L, x, A, $);
+        return z.addColorStop(0, _), z.addColorStop(1, _ + "44"), z;
       },
       _drawRoundedBar: function(k, _, L, x, A, $, O) {
         if ($ = Math.min($, Math.min(Math.abs(x), Math.abs(A)) / 2), $ <= 0 || x === 0 || A === 0) {
@@ -4341,11 +4341,11 @@ class ci {
       t.save(), t.fillStyle = "rgba(99,102,241,0.7)", t.font = "bold 11px Inter, sans-serif", t.textAlign = "center", t.textBaseline = "middle", t.fillText("NO CHART DATA", 0, 0), t.restore();
       return;
     }
-    const f = i._getPreset();
+    const h = i._getPreset();
     let c = -1 / 0, g = 1 / 0;
-    const h = i.categories.length, d = i.datasets.length;
+    const f = i.categories.length, d = i.datasets.length;
     if (i.chartType === "stacked")
-      for (let k = 0; k < h; k++) {
+      for (let k = 0; k < f; k++) {
         let _ = 0, L = 0;
         i.datasets.forEach((x) => {
           const A = x.data[k] ?? 0;
@@ -4362,18 +4362,18 @@ class ci {
     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, 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) {
+    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) {
       t.font = `${i.legendFontSize}px Inter, sans-serif`, t.textBaseline = "middle";
       const k = l + 12;
       let _ = S;
       i.datasets.forEach((L, x) => {
         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;
+        t.beginPath(), t.roundRect(_, k - O / 2, O, O, 2), t.fillStyle = A, t.fill(), t.fillStyle = h.legendColor, t.textAlign = "left", t.fillText($, _ + O + 4, k), _ += t.measureText($).width + O + 16;
       });
     }
     const P = 4;
     if (i.showGridLines) {
-      t.setLineDash([3, 4]), t.lineWidth = 1, t.strokeStyle = f.gridColor;
+      t.setLineDash([3, 4]), t.lineWidth = 1, t.strokeStyle = h.gridColor;
       for (let k = 0; k <= P; k++) {
         const _ = I + k / P * M;
         t.beginPath(), t.moveTo(S, _), t.lineTo(S + w, _), t.stroke();
@@ -4381,37 +4381,37 @@ class ci {
       t.setLineDash([]);
     }
     if (i.showYLabels) {
-      t.font = `${i.axisLabelFontSize}px Inter, sans-serif`, t.textAlign = "right", t.textBaseline = "middle", t.fillStyle = f.axisLabelColor;
+      t.font = `${i.axisLabelFontSize}px Inter, sans-serif`, t.textAlign = "right", t.textBaseline = "middle", t.fillStyle = h.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 + 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 k = w / f;
+      for (let _ = 0; _ < f; _++) {
         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));
+        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 + M + 5));
         let x = I + M;
         i.datasets.forEach((A, $) => {
           const O = A.data[_] ?? 0;
           if (O === 0) return;
-          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 z = O / u * M, H = Math.min(i.barWidth * d + i.barGap, k - 8), et = L - H / 2, E = x - z;
+          x -= z;
           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();
+          t.beginPath(), t.fillStyle = i._makeGradient(t, F, et, E, et, E + z), i._drawRoundedBar(t, et, E, H, z, $ === d - 1 ? i.barCornerRadius : 0, !0), t.fill();
         });
       }
     } else {
-      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 k = w / f, _ = d * i.barWidth + Math.max(0, (d - 1) * i.barGap), L = I + M - (0 - g) / u * M;
+      for (let x = 0; x < f; 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));
+        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] || "", A, I + M + 5));
         const $ = A - _ / 2;
-        i.datasets.forEach((O, V) => {
+        i.datasets.forEach((O, z) => {
           const H = O.data[x] ?? 0, et = Math.abs(H / u * M);
           if (et < 1) return;
-          const E = $ + V * (i.barWidth + i.barGap), F = H >= 0 ? L - et : L, q = i._resolveColor(O.color, V);
+          const E = $ + z * (i.barWidth + i.barGap), F = H >= 0 ? L - et : L, q = i._resolveColor(O.color, z);
           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));
         });
       }
@@ -4457,20 +4457,20 @@ class ci {
     }
     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 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;
+    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;
     if (i.chartType === "rose") {
-      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;
+      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;
       i.slices.forEach((S, I) => {
         const w = S.value || 0;
         if (w === 0) return;
-        const M = w / v * h, P = -Math.PI / 2 + I * b + C / 2, T = P + b - C, W = i._resolveSliceColor(S, I);
+        const M = w / v * f, 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 = h * Math.max(0, v), C = h > 0 ? i.sliceGap / h : 0;
+      const v = i.chartType === "pie" ? 0 : i.innerRadius, b = f * Math.max(0, v), C = f > 0 ? i.sliceGap / f : 0;
       let S = -Math.PI / 2;
       if (i.slices.forEach((I, w) => {
         const M = I.value || 0;
@@ -4484,8 +4484,8 @@ class ci {
           return;
         }
         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);
+        if (t.beginPath(), t.fillStyle = k, 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(_), 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 += P;
@@ -4513,9 +4513,9 @@ class ci {
     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 : ((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;
+    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", 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;
     if (l === "vertical") {
-      const T = Math.max(S, c) + f;
+      const T = Math.max(S, c) + h;
       for (let W = 0; W < n.length; W++) {
         const k = w + W * T;
         if (v >= I && v <= I + a && b >= k && b <= k + T)
@@ -4524,7 +4524,7 @@ class ci {
     } else {
       let T = I;
       for (let W = 0; W < n.length; W++) {
-        const _ = n[W].length * 8, L = S + 6 + _ + f;
+        const _ = n[W].length * 8, L = S + 6 + _ + h;
         if (v >= T && v <= T + L && b >= w && b <= w + r)
           return W;
         T += L;
@@ -4569,11 +4569,11 @@ class ci {
       }
       u._resolvedData = m;
     }), r < 2) return;
-    const l = a - n, f = o / (r - 1), c = (u) => {
+    const l = a - n, h = o / (r - 1), c = (u) => {
       const m = l === 0 ? 0.5 : (u - n) / l;
       return e / 2 - m * e;
-    }, 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) {
+    }, 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) {
       t.textAlign = "center", t.textBaseline = "top";
       for (let u = 0; u < r; u++) {
         const m = g(u);
@@ -4644,19 +4644,19 @@ class ci {
     if (!s || s.type === "None") return null;
     if (typeof s == "string") return s;
     if (s.type === "Solid" && s.color) {
-      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;
+      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;
     }
     if ((s.type === "LinearGradient" || s.type === "RadialGradient" || s.type === "AngularGradient" || s.type === "DiamondGradient") && s.stops) {
-      const r = (l, f = 100) => {
+      const r = (l, h = 100) => {
         var C, S;
-        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;
+        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;
         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, 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);
+        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);
         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);
@@ -4666,39 +4666,39 @@ class ci {
         }
         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, 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);
+        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);
         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);
-          h.addColorStop(Math.max(0, Math.min(1, u)), m);
-        }), s.gradientTransform && h.setTransform) {
+          f.addColorStop(Math.max(0, Math.min(1, u)), m);
+        }), s.gradientTransform && f.setTransform) {
           const [d, u, m, y, v, b] = s.gradientTransform;
-          h.setTransform({ a: d, b: u, c: m, d: y, e: v, f: b });
+          f.setTransform({ a: d, b: u, c: m, d: y, e: v, f: b });
         }
-        return h;
+        return f;
       } 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, 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) {
+        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) {
           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);
-            h.addColorStop(Math.max(0, Math.min(1, u)), m);
-          }), s.gradientTransform && h.setTransform) {
+            f.addColorStop(Math.max(0, Math.min(1, u)), m);
+          }), s.gradientTransform && f.setTransform) {
             const [d, u, m, y, v, b] = s.gradientTransform;
-            h.setTransform({ a: d, b: u, c: m, d: y, e: v, f: b });
+            f.setTransform({ a: d, b: u, c: m, d: y, e: v, f: b });
           }
-          return h;
+          return f;
         }
       } 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, 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);
+        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);
         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);
-          h.addColorStop(Math.max(0, Math.min(1, u)), m);
-        }), s.gradientTransform && h.setTransform) {
+          f.addColorStop(Math.max(0, Math.min(1, u)), m);
+        }), s.gradientTransform && f.setTransform) {
           const [d, u, m, y, v, b] = s.gradientTransform;
-          h.setTransform({ a: d, b: u, c: m, d: y, e: v, f: b });
+          f.setTransform({ a: d, b: u, c: m, d: y, e: v, f: b });
         }
-        return t.scale(1 / Math.SQRT2, 1 / Math.SQRT2), t.fillStyle = h, t.restore(), h;
+        return t.scale(1 / Math.SQRT2, 1 / Math.SQRT2), t.fillStyle = f, t.restore(), f;
       }
     }
     if (s.type === "Pattern" && s.url) {
@@ -4706,8 +4706,8 @@ class ci {
       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 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);
+          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);
         }
         return l;
       }
@@ -4726,38 +4726,38 @@ class ci {
       } catch {
         a = parseFloat(a) || 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);
+    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);
     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), 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]);
+    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]);
       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 - 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();
+    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();
   }
   renderListView(t, s) {
     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;
+    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, 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 = P, t.shadowBlur = w * 2 * V, t.shadowOffsetX = 0, t.shadowOffsetY = 0;
+      const O = t.getTransform(), z = Math.sqrt(O.a * O.a + O.b * O.b) || 1;
+      t.shadowColor = P, t.shadowBlur = w * 2 * z, 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);
-      t.fillStyle = V || "rgba(31, 41, 55, 0.4)", this.drawListViewRect(t, a, r, i, n, l), t.fill();
+      const O = e.listBackgroundColor || "rgba(31, 41, 55, 0.4)", z = this.createCanvasFill(t, O, i, n);
+      t.fillStyle = z || "rgba(31, 41, 55, 0.4)", this.drawListViewRect(t, a, r, i, n, l), t.fill();
       const H = t.createLinearGradient(a, r, a + i, r + n);
       H.addColorStop(0, "rgba(255, 255, 255, 0.15)"), H.addColorStop(0.5, "rgba(255, 255, 255, 0.08)"), H.addColorStop(1, "rgba(255, 255, 255, 0.03)"), t.fillStyle = H, this.drawListViewRect(t, a, r, i, n, l), t.fill(), t.strokeStyle = "rgba(255, 255, 255, 0.25)", t.lineWidth = 1, this.drawListViewRect(t, a, r, i, n, l), t.stroke();
     } else {
-      const O = e.listBackgroundColor || "transparent", V = this.createCanvasFill(t, O, i, n);
-      V && (t.fillStyle = V, this.drawListViewRect(t, a, r, i, n, l), t.fill());
+      const O = e.listBackgroundColor || "transparent", z = this.createCanvasFill(t, O, i, n);
+      z && (t.fillStyle = z, this.drawListViewRect(t, a, r, i, n, l), t.fill());
       const H = e.borderWidth ?? 0;
       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 : f === "vertical" ? m[0] : m[3];
-    let k = (f === "vertical" ? r : a) + u + W;
-    if (t.textBaseline = "middle", c.forEach((O, 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;
+    const W = typeof m == "number" ? m : h === "vertical" ? m[0] : m[3];
+    let k = (h === "vertical" ? r : a) + u + W;
+    if (t.textBaseline = "middle", c.forEach((O, z) => {
+      const H = h === "vertical" ? i : d, et = h === "vertical" ? f : n, E = h === "vertical" ? a : k, F = h === "vertical" ? k : r, q = S === z, Q = I === z;
       if (Q) {
         const mt = this.createCanvasFill(t, v, H, et);
         t.fillStyle = mt || v;
@@ -4770,18 +4770,18 @@ class ci {
         t.fillStyle = mt || C, t.fillRect(E, F, H, et);
       }
       if (Q || q) {
-        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 mt = this.createCanvasFill(t, v, h === "vertical" ? 3 : H, h === "vertical" ? et : 3);
+        t.fillStyle = mt || v, h === "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 = 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;
+      const dt = typeof O == "string" ? O : (O == null ? void 0 : O.label) || `Item ${z + 1}`, St = E + (h === "vertical" ? 16 : H / 2), ht = F + et / 2;
+      h === "horizontal" ? t.textAlign = "center" : t.textAlign = "left", t.fillText(dt, St, ht), k += (h === "vertical" ? f : d) + g;
     }), t.restore(), e.showScrollbar !== !1) {
-      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, 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);
+      const O = (c.length || 0) * (h === "vertical" ? f : d) + ((c.length || 0) - 1) * g, z = h === "vertical" ? n : i;
+      if (O > z) {
+        const H = z / O, et = z * H, E = -u / O * z, 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 + E, q, et) : t.fillRect(a + E, r + n - q - 2, et, q);
       }
     }
     t.restore();
@@ -4791,7 +4791,7 @@ class ci {
     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, 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));
+    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));
     s.scrollOffset > 0 && (s.scrollOffset = 0), s.scrollOffset < -u && (s.scrollOffset = -u);
   }
   updateListViewHoverFromPointer(t, s, o) {
@@ -4802,13 +4802,13 @@ class ci {
     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 : ((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;
+    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", 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, M = -r / 2, P = typeof d == "number" ? d : l === "vertical" ? d[0] : d[3];
+    let T = (l === "vertical" ? M : w) + f + P;
     for (let _ = 0; _ < n.length; _++) {
       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) + f;
+      T += (l === "vertical" ? c : g) + h;
     }
     return null;
   }
@@ -4826,28 +4826,28 @@ class ci {
       if (!e.behaviors || e.behaviors.length === 0) return;
       const i = this.objectStates.get(e.id);
       i && e.behaviors.forEach((n) => {
-        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;
+        var g, f, d, u, m, y, v, b, C, S, I, w, M, P, T, W, k, _, L, x, A, $, O, z, H, et, E, F, q, Q, it, dt, St, ht, mt, rt, Lt, Gt, Pt, Dt, Yt, B, lt, Vt, Mt, Tt, zt, 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, V, pt, ut, ce, me, Ie, we, Te, Ht, se, ue, Me, ke, fe, re, le, ye, _e, Ae, Oe, Pe, Re, Le, De, Ve, ze, 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, f = i.y - o, c = Math.sqrt(l * l + f * f);
+        const l = i.x - s, h = i.y - o, c = Math.sqrt(l * l + h * h);
         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 = ((h = n.settings) == null ? void 0 : h.falloff) || "smooth";
+          const X = ((g = n.settings) == null ? void 0 : g.radius) || 300, N = ((f = n.settings) == null ? void 0 : f.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, f, c);
+            this.applyBehaviorSensor(i, j, D, t, n.settings, e, l, h, 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 = f * D * N;
+            const D = 1 - c / X, j = l * D * N, _t = h * 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 += f / (c || 1) * D * 60 * N * t * 5;
+            i.x += l / (c || 1) * D * 60 * N * t * 5, i.y += h / (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;
@@ -4855,13 +4855,13 @@ class ci {
         } 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 - f * 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 - h * 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 = ((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 = f / (c || 1) * D * 1.2 * N;
+            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;
             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) {
@@ -4880,7 +4880,7 @@ class ci {
           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 -= f * 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 -= h * 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;
@@ -4889,11 +4889,11 @@ class ci {
             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 = ((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);
+          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 = (((z = e.transform) == null ? void 0 : z.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 = f / 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 = h / 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) {
@@ -4902,8 +4902,8 @@ class ci {
             i.skew_x = this.lerp(i.skew_x ?? ((Lt = e.transform) == null ? void 0 : Lt.skew_x) ?? 0, N, j), i.scale_x = this.lerp(i.scale_x ?? ((Gt = e.transform) == null ? void 0 : Gt.scale_x) ?? 1, (((Pt = e.transform) == null ? void 0 : Pt.scale_x) ?? 1) * (1 + D), j), i.scale_y = this.lerp(i.scale_y ?? ((Dt = e.transform) == null ? void 0 : Dt.scale_y) ?? 1, (((Yt = e.transform) == null ? void 0 : Yt.scale_y) ?? 1) * (1 + D), j), i.style = i.style || { ...e.style }, i.style.artEffect = { enabled: !0, type: "crumple_overlay", intensity: ((B = n.settings) == null ? void 0 : B.intensity) ?? 1, scale: ((lt = n.settings) == null ? void 0 : lt.scale) ?? 2 };
           }
         } else if (n.type === Y.Squash) {
-          const X = ((zt = n.settings) == null ? void 0 : zt.strength) || 0.8;
-          c < (e.width || 100) && this.isMouseDown ? (i.scale_y = this.lerp(i.scale_y ?? 1, (((Mt = e.transform) == null ? void 0 : Mt.scale_y) ?? 1) * X, 0.3), i.scale_x = this.lerp(i.scale_x ?? 1, (((Tt = e.transform) == null ? void 0 : Tt.scale_x) ?? 1) * (1 + (1 - X) * 0.4), 0.3)) : (i.scale_y = this.lerp(i.scale_y ?? 1, ((Vt = e.transform) == null ? void 0 : Vt.scale_y) ?? 1, 0.2), i.scale_x = this.lerp(i.scale_x ?? 1, ((Ut = e.transform) == null ? void 0 : Ut.scale_x) ?? 1, 0.2));
+          const X = ((Vt = n.settings) == null ? void 0 : Vt.strength) || 0.8;
+          c < (e.width || 100) && this.isMouseDown ? (i.scale_y = this.lerp(i.scale_y ?? 1, (((Mt = e.transform) == null ? void 0 : Mt.scale_y) ?? 1) * X, 0.3), i.scale_x = this.lerp(i.scale_x ?? 1, (((Tt = e.transform) == null ? void 0 : Tt.scale_x) ?? 1) * (1 + (1 - X) * 0.4), 0.3)) : (i.scale_y = this.lerp(i.scale_y ?? 1, ((zt = e.transform) == null ? void 0 : zt.scale_y) ?? 1, 0.2), i.scale_x = this.lerp(i.scale_x ?? 1, ((Ut = e.transform) == null ? void 0 : Ut.scale_x) ?? 1, 0.2));
         } else if (n.type === Y.TextCounter) {
           const X = ((Jt = n.settings) == null ? void 0 : Jt.duration) || 2, N = ((qt = n.settings) == null ? void 0 : qt.from) || 0, D = ((Qt = n.settings) == null ? void 0 : Qt.to) || 100;
           n._runtimeStart === void 0 && (n._runtimeStart = this.currentTime);
@@ -4935,7 +4935,7 @@ class ci {
           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(-f, -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(-h, -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;
@@ -4950,7 +4950,7 @@ class ci {
           const X = ((nt = n.settings) == null ? void 0 : nt.steps) || 12, N = (((wt = n.settings) == null ? void 0 : wt.speed) || 1) * 30, D = Math.floor(i.rotation / (360 / X)) * (360 / X);
           i.rotation = this.lerp(i.rotation, D + N * t, 0.1);
         } else if (n.type === Y.Jitter && c < 300) {
-          const X = ((z = n.settings) == null ? void 0 : z.strength) || 1, N = (((pt = n.settings) == null ? void 0 : pt.intensity) || 5) * X;
+          const X = ((V = n.settings) == null ? void 0 : V.strength) || 1, N = (((pt = n.settings) == null ? void 0 : pt.intensity) || 5) * X;
           i.x += (Math.random() - 0.5) * N * t * 60, i.y += (Math.random() - 0.5) * N * t * 60, i.rotation += (Math.random() - 0.5) * N * t * 120;
         } else if (n.type === Y.Follower) {
           const X = (ut = n.settings) == null ? void 0 : ut.targetId;
@@ -5057,7 +5057,7 @@ class ci {
             }
           }
         } else if (n.type === Y.SpringChain) {
-          const X = ((De = n.settings) == null ? void 0 : De.connections) || [], N = ((ze = n.settings) == null ? void 0 : ze.globalDamping) || 0.3;
+          const X = ((De = n.settings) == null ? void 0 : De.connections) || [], N = ((Ve = n.settings) == null ? void 0 : Ve.globalDamping) || 0.3;
           this._springChainState.has(e.id) || this._springChainState.set(e.id, /* @__PURE__ */ new Map());
           const D = this._springChainState.get(e.id);
           for (const _t of X) {
@@ -5086,7 +5086,7 @@ class ci {
             i.x += j.vx * t, i.y += j.vy * t;
           }
         } else if (n.type === Y.ParticleEmitter) {
-          const X = ((Ve = n.settings) == null ? void 0 : Ve.rate) || 10, N = ((Ne = n.settings) == null ? void 0 : Ne.speed) || 100, D = ((He = n.settings) == null ? void 0 : He.size) || 5, j = ((Ue = n.settings) == null ? void 0 : Ue.lifetime) || 2, _t = ((qe = n.settings) == null ? void 0 : qe.gravity) || 0, Et = ((Je = n.settings) == null ? void 0 : Je.color) || "#ffffff", Bt = ((Qe = n.settings) == null ? void 0 : Qe.maxParticles) || 200, Zt = (Ke = n.settings) != null && Ke.rateInputId ? this.inputs.get(n.settings.rateInputId) ?? X : X, he = (Ze = n.settings) != null && Ze.gravityInputId ? this.inputs.get(n.settings.gravityInputId) ?? _t : _t, be = (je = n.settings) != null && je.speedInputId ? this.inputs.get(n.settings.speedInputId) ?? N : N;
+          const X = ((ze = n.settings) == null ? void 0 : ze.rate) || 10, N = ((Ne = n.settings) == null ? void 0 : Ne.speed) || 100, D = ((He = n.settings) == null ? void 0 : He.size) || 5, j = ((Ue = n.settings) == null ? void 0 : Ue.lifetime) || 2, _t = ((qe = n.settings) == null ? void 0 : qe.gravity) || 0, Et = ((Je = n.settings) == null ? void 0 : Je.color) || "#ffffff", Bt = ((Qe = n.settings) == null ? void 0 : Qe.maxParticles) || 200, Zt = (Ke = n.settings) != null && Ke.rateInputId ? this.inputs.get(n.settings.rateInputId) ?? X : X, he = (Ze = n.settings) != null && Ze.gravityInputId ? this.inputs.get(n.settings.gravityInputId) ?? _t : _t, be = (je = n.settings) != null && je.speedInputId ? this.inputs.get(n.settings.speedInputId) ?? N : N;
           this._emitterPools.has(e.id) || this._emitterPools.set(e.id, []);
           const ie = this._emitterPools.get(e.id);
           let pe = 0;
@@ -5115,87 +5115,87 @@ class ci {
     });
   }
   applyBehaviorSensor(t, s, o, e, i, n, a = 0, r = 0, l = 1) {
-    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;
+    var d, u, m, y, v, b, C, S, I, w, M, P, T, W, k, _, L, x, A, $, O, z, 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;
     switch (s) {
       case Kt.Scale: {
-        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);
+        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 * h * 0.4), Q = F * (1 + o * h * 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 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));
+        const E = ((m = n == null ? void 0 : n.transform) == null ? void 0 : m.opacity) ?? 100, F = Math.max(0, Math.min(100, E - o * h * 100));
         t.opacity = (t.opacity ?? E) * (1 - c) + F * c;
         break;
       }
       case Kt.RotateZ: {
-        const E = ((y = n == null ? void 0 : n.transform) == null ? void 0 : y.rotation) ?? 0, F = E + o * f * 45;
+        const E = ((y = n == null ? void 0 : n.transform) == null ? void 0 : y.rotation) ?? 0, F = E + o * h * 45;
         t.rotation = (t.rotation ?? E) * (1 - c) + F * c;
         break;
       }
       case Kt.RotateX: {
-        const E = ((v = n == null ? void 0 : n.transform) == null ? void 0 : v.rotate_x) ?? 0, F = E - h * o * f * 60;
+        const E = ((v = n == null ? void 0 : n.transform) == null ? void 0 : v.rotate_x) ?? 0, F = E - f * o * h * 60;
         t.rotate_x = (t.rotate_x ?? E) * (1 - c) + F * c;
         break;
       }
       case Kt.RotateY: {
-        const E = ((b = n == null ? void 0 : n.transform) == null ? void 0 : b.rotate_y) ?? 0, F = E + g * o * f * 60;
+        const E = ((b = n == null ? void 0 : n.transform) == null ? void 0 : b.rotate_y) ?? 0, F = E + g * o * h * 60;
         t.rotate_y = (t.rotate_y ?? E) * (1 - c) + F * c;
         break;
       }
       case Kt.PositionX: {
-        const E = ((C = n == null ? void 0 : n.transform) == null ? void 0 : C.x) ?? 0, F = E - g * o * f * 40;
+        const E = ((C = n == null ? void 0 : n.transform) == null ? void 0 : C.x) ?? 0, F = E - g * o * h * 40;
         t.x = (t.x ?? E) * (1 - c) + F * c;
         break;
       }
       case Kt.PositionY: {
-        const E = ((S = n == null ? void 0 : n.transform) == null ? void 0 : S.y) ?? 0, F = E - h * o * f * 40;
+        const E = ((S = n == null ? void 0 : n.transform) == null ? void 0 : S.y) ?? 0, F = E - f * o * h * 40;
         t.y = (t.y ?? E) * (1 - c) + F * c;
         break;
       }
       case Kt.SkewX: {
-        const E = ((I = n == null ? void 0 : n.transform) == null ? void 0 : I.skew_x) ?? 0, F = E + g * o * f * 45;
+        const E = ((I = n == null ? void 0 : n.transform) == null ? void 0 : I.skew_x) ?? 0, F = E + g * o * h * 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 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;
+        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) * h;
         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 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;
+        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) * h;
         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 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;
+        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) * h;
         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 = { ...(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;
+        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) * h;
         t.style.adjustments.negative = (t.style.adjustments.negative ?? E) * (1 - c) + F * c;
         break;
       }
       case Kt.CornerRadius: {
-        const E = ((V = n == null ? void 0 : n.transform) == null ? void 0 : V.corner_radius) || 0, F = E + o * f * 50;
+        const E = ((z = n == null ? void 0 : n.transform) == null ? void 0 : z.corner_radius) || 0, F = E + o * h * 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 E = ((H = n == null ? void 0 : n.style) == null ? void 0 : H.borderWidth) || 0, F = E + o * f * 10;
+        const E = ((H = n == null ? void 0 : n.style) == null ? void 0 : H.borderWidth) || 0, F = E + o * h * 10;
         t.style.borderWidth = (t.style.borderWidth ?? E) * (1 - c) + F * c;
         break;
       }
       case Kt.LetterSpacing: {
         t.geometry || (t.geometry = {});
-        const E = ((et = n == null ? void 0 : n.geometry) == null ? void 0 : et.letterSpacing) || 0, F = E + o * f * 10;
+        const E = ((et = n == null ? void 0 : n.geometry) == null ? void 0 : et.letterSpacing) || 0, F = E + o * h * 10;
         t.geometry.letterSpacing = (t.geometry.letterSpacing ?? E) * (1 - c) + F * c;
         break;
       }
@@ -5220,7 +5220,7 @@ class ci {
     for (let r = 0; r < i.length - 1; r++) {
       const l = i[r];
       if (n[l] === void 0 || n[l] === null) {
-        const f = s, c = i.slice(0, r + 1).reduce((g, h) => g == null ? void 0 : g[h], f);
+        const h = s, c = i.slice(0, r + 1).reduce((g, f) => g == null ? void 0 : g[f], h);
         n[l] = c !== void 0 ? { ...c } : {};
       }
       n = n[l];
@@ -5271,9 +5271,9 @@ class ci {
     return o;
   }
   renderFittedImage(t, s, o, e, i, n, a = "cover") {
-    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 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 yi = Cs(({
@@ -5287,10 +5287,10 @@ const yi = Cs(({
   onTrigger: a,
   onInputUpdate: r,
   onComponentChange: l,
-  onToggle: f,
+  onToggle: h,
   onInputChange: c,
   onInputFocus: g,
-  onInputBlur: h,
+  onInputBlur: f,
   onLog: d,
   onLogicUpdate: u,
   onButtonClick: m,
@@ -5306,15 +5306,15 @@ const yi = Cs(({
   interactive: T = !0,
   onNavigation: W
 }, 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);
+  const _ = ve(null), L = ve(new ci()), x = ve(void 0), A = ve(0), $ = ve(null), O = ve(b), [, z] = 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 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(() => {
+    a && E.setTriggerCallback(a), r && E.setInputUpdateCallback((F, q) => r({ [F]: q })), l && E.setComponentChangeCallback((F) => l(F)), h && E.setToggleCallback(h), c && E.setInputChangeCallback(c), g && E.setInputFocusCallback(g), f && E.setInputBlurCallback(f), 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, h, c, g, f, d, u, m, y, W]), Se(() => {
     (async () => {
       let F = p;
       if (t && !p)
@@ -5325,7 +5325,7 @@ const yi = 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), A.current = 0, q.advance(0)), n && n(q);
+        ($.current !== Q || O.current !== b) && (q.load(F), $.current = Q, O.current = b, z(F), A.current = 0, q.advance(0)), n && n(q);
       }
     })();
   }, [p == null ? void 0 : p.id, t, b]), Se(() => {
@@ -5399,9 +5399,9 @@ function bi() {
     p == null || p.setInputStringArray(c, g);
   }, [p]), r = ge((c, g) => {
     p == null || p.updateObjectOptions(c, g);
-  }, [p]), l = ge((c, g, h) => {
-    p == null || p.updateConstraint(c, g, h);
-  }, [p]), f = ge((c, g) => {
+  }, [p]), l = ge((c, g, f) => {
+    p == null || p.updateConstraint(c, g, f);
+  }, [p]), h = ge((c, g) => {
     p == null || p.updateGraphData(c, g);
   }, [p]);
   return {
@@ -5415,7 +5415,7 @@ function bi() {
     setInputNumberArray: n,
     setInputStringArray: a,
     updateConstraint: l,
-    updateGraphData: f,
+    updateGraphData: h,
     updateObjectOptions: r
   };
 }
@@ -5427,12 +5427,12 @@ const vi = ({ artboard: p, config: t }) => {
     let r = s.description;
     if (!r && o) {
       const c = p.objects.filter((g) => {
-        var h;
-        return ((h = g.geometry) == null ? void 0 : h.type) === "Text";
+        var f;
+        return ((f = g.geometry) == null ? void 0 : f.type) === "Text";
       }).sort(
-        (g, h) => {
+        (g, f) => {
           var d, u;
-          return (((d = h.geometry.text) == null ? void 0 : d.length) || 0) - (((u = g.geometry.text) == null ? void 0 : u.length) || 0);
+          return (((d = f.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);
@@ -5442,20 +5442,20 @@ const vi = ({ 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 f = document.querySelector(`meta[${a}="${r}"]`);
-    f || (f = document.createElement("meta"), f.setAttribute(a, r), document.head.appendChild(f)), f.setAttribute("content", 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);
   }, i = () => {
     const a = [];
-    return a.push(/* @__PURE__ */ Ce("h1", { children: s.title || p.name }, "artboard-title")), p.objects.forEach((l, f) => {
+    return a.push(/* @__PURE__ */ Ce("h1", { children: s.title || p.name }, "artboard-title")), p.objects.forEach((l, h) => {
       var c, g;
       if (!(l.visible === !1 || l.isVisible === !1))
         if (((c = l.geometry) == null ? void 0 : c.type) === "Text") {
-          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)));
+          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)));
         } else if (((g = l.geometry) == null ? void 0 : g.type) === "Image") {
-          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));
+          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));
     }), a;
   }, n = s.jsonLd || {
     "@context": "https://schema.org",
@@ -5488,7 +5488,7 @@ const vi = ({ artboard: p, config: t }) => {
       ]
     }
   );
-}, fi = "6.3.18", hi = {
+}, fi = "6.3.19", hi = {
   version: fi
 }, Ci = hi.version;
 export {