exodeui 6.3.37 → 6.3.39

package/dist/index.mjs

@@ -40,15 +40,15 @@ function ps(g) {
     lineHeight: n = 1.2,
     width: a = 200,
     letterSpacing: r = 0,
-    paragraphSpacing: f = 0,
-    paragraphIndent: h = 0,
+    paragraphSpacing: h = 0,
+    paragraphIndent: f = 0,
     textCase: l = "none",
     segments: p = [],
     enableSegments: c = !1
   } = g;
   let d = String(t || "");
   l === "uppercase" ? d = d.toUpperCase() : l === "lowercase" ? d = d.toLowerCase() : l === "capitalize" && (d = d.replace(/\b\w/g, (k) => k.toUpperCase())), g.hyphenation === !0 && (d = Ts(d));
-  const u = `${s} ${e} ${o}px "${i}", sans-serif`, v = `${d}|${u}|${r}|${f}|${h}|${c}|${JSON.stringify(p)}|hyp:${!!g.hyphenation}|comp:${g.composer}|bal:${!!g.balanceRaggedLines}`;
+  const u = `${s} ${e} ${o}px "${i}", sans-serif`, v = `${d}|${u}|${r}|${h}|${f}|${c}|${JSON.stringify(p)}|hyp:${!!g.hyphenation}|comp:${g.composer}|bal:${!!g.balanceRaggedLines}`;
   let b = Ge.get(v);
   const m = typeof CanvasRenderingContext2D < "u" ? CanvasRenderingContext2D.prototype.measureText : null, y = function(k) {
     if (!m) return { width: 0, fontBoundingBoxAscent: 0, fontBoundingBoxDescent: 0 };
@@ -107,11 +107,11 @@ function ps(g) {
       k && Ge.delete(k);
     }
   }
-  if (h > 0 && b && b.widths && !b.indentApplied) {
+  if (f > 0 && b && b.widths && !b.indentApplied) {
     const k = [...b.widths], T = b.fullText || d;
     let L = !0;
     for (let P = 0; P < T.length; P++)
-      L && k[P] !== void 0 && (k[P] += h, L = !1), (T[P] === `
+      L && k[P] !== void 0 && (k[P] += f, L = !1), (T[P] === `
 ` || T[P] === "\r") && (L = !0, T[P] === "\r" && T[P + 1] === `
 ` && P++);
     b = { ...b, widths: k, indentApplied: !0 };
@@ -136,12 +136,12 @@ function ps(g) {
     r !== 0 && m && (CanvasRenderingContext2D.prototype.measureText = m);
   }
   let w = (C == null ? void 0 : C.height) !== void 0 && C.height > 0 ? C.height : (((I = C == null ? void 0 : C.lines) == null ? void 0 : I.length) || 0) * S * o;
-  if (f > 0 && C && C.lines && C.lines.length > 1) {
+  if (h > 0 && C && C.lines && C.lines.length > 1) {
     let k = 0;
     const T = b.fullText || t;
     for (let L = 0; L < C.lines.length - 1; L++)
       k += C.lines[L].text.length, (T[k] === `
-` || T[k] === "\r") && (w += f, k++, T[k - 1] === "\r" && T[k] === `
+` || T[k] === "\r") && (w += h, k++, T[k - 1] === "\r" && T[k] === `
 ` && k++);
   }
   let M = (C == null ? void 0 : C.lines) || [];
@@ -160,15 +160,15 @@ function is(g, t, i) {
   }
   const e = o.split(/\s+/).filter(Boolean), s = new Array(e.length).fill(0);
   let n = t - (e.length - 1) * i, a = 0;
-  if (e.forEach((r, f) => {
+  if (e.forEach((r, h) => {
     if (r.endsWith("px")) {
-      const h = parseFloat(r);
-      s[f] = h, n -= h;
-    } else r.endsWith("fr") ? a += parseFloat(r) : r === "auto" && (s[f] = 100, n -= 100);
+      const f = parseFloat(r);
+      s[h] = f, n -= f;
+    } else r.endsWith("fr") ? a += parseFloat(r) : r === "auto" && (s[h] = 100, n -= 100);
   }), a > 0 && n > 0) {
     const r = n / a;
-    e.forEach((f, h) => {
-      f.endsWith("fr") && (s[h] = r * parseFloat(f));
+    e.forEach((h, f) => {
+      h.endsWith("fr") && (s[f] = r * parseFloat(h));
     });
   }
   return s;
@@ -183,7 +183,7 @@ function ns(g, t, i) {
 }
 function Es(g, t, i) {
   var _, E;
-  const o = g.autoLayout, { direction: e, spacing: s, padding: n, align: a, wrap: r } = o, f = e === "vertical", h = t.map((A) => {
+  const o = g.autoLayout, { direction: e, spacing: s, padding: n, align: a, wrap: r } = o, h = e === "vertical", f = t.map((A) => {
     const W = i(A.id), z = A.geometry;
     let Y = (W == null ? void 0 : W.width) ?? z.width ?? 100, G = (W == null ? void 0 : W.height) ?? z.height ?? 100;
     if (z.type === "Ellipse" || z.type === "Polygon" || z.type === "Star") {
@@ -213,35 +213,35 @@ function Es(g, t, i) {
   const c = ((_ = g.layoutProps) == null ? void 0 : _.width) === "hug", d = ((E = g.layoutProps) == null ? void 0 : E.height) === "hug", u = [];
   let v = [], b = 0, m = 0;
   const y = l - n.left - n.right, S = p - n.top - n.bottom;
-  h.forEach((A) => {
-    r && v.length > 0 && (f ? m + s + A.h > S : b + s + A.w > y) ? (u.push({ children: v, width: b, height: m }), v = [A], b = A.w, m = A.h) : (v.push(A), f ? (b = Math.max(b, A.w), m += (v.length > 1 ? s : 0) + A.h) : (b += (v.length > 1 ? s : 0) + A.w, m = Math.max(m, A.h)));
-  }), v.length > 0 && u.push({ children: v, width: b, height: m }), c && !f && (l = Math.max(...u.map((A) => A.width), 0) + n.left + n.right), d && f && (p = Math.max(...u.map((A) => A.height), 0) + n.top + n.bottom);
+  f.forEach((A) => {
+    r && v.length > 0 && (h ? m + s + A.h > S : b + s + A.w > y) ? (u.push({ children: v, width: b, height: m }), v = [A], b = A.w, m = A.h) : (v.push(A), h ? (b = Math.max(b, A.w), m += (v.length > 1 ? s : 0) + A.h) : (b += (v.length > 1 ? s : 0) + A.w, m = Math.max(m, A.h)));
+  }), v.length > 0 && u.push({ children: v, width: b, height: m }), c && !h && (l = Math.max(...u.map((A) => A.width), 0) + n.left + n.right), d && h && (p = Math.max(...u.map((A) => A.height), 0) + n.top + n.bottom);
   const C = [];
   let w = n.left, M = n.top;
   const I = a.toLowerCase(), k = I === "center" || I.endsWith("-center"), T = I.endsWith("-right"), L = I === "center" || I.startsWith("center-"), P = I.startsWith("bottom-");
   return u.forEach((A) => {
     let W = w, z = M;
-    f ? L ? z = n.top + (p - n.top - n.bottom - A.height) / 2 : P && (z = p - n.bottom - A.height) : k ? W = n.left + (l - n.left - n.right - A.width) / 2 : T && (W = l - n.right - A.width), A.children.forEach((Y) => {
+    h ? L ? z = n.top + (p - n.top - n.bottom - A.height) / 2 : P && (z = p - n.bottom - A.height) : k ? W = n.left + (l - n.left - n.right - A.width) / 2 : T && (W = l - n.right - A.width), A.children.forEach((Y) => {
       var F, j;
       let G = W, N = z;
-      f ? k ? G += (A.width - Y.w) / 2 : T && (G += A.width - Y.w) : L ? N += (A.height - Y.h) / 2 : P && (N += A.height - Y.h);
+      h ? k ? G += (A.width - Y.w) / 2 : T && (G += A.width - Y.w) : L ? N += (A.height - Y.h) / 2 : P && (N += A.height - Y.h);
       const J = ((F = Y.original.layoutProps) == null ? void 0 : F.width) === "fill", x = ((j = Y.original.layoutProps) == null ? void 0 : j.height) === "fill";
       C.push({
         id: Y.id,
         x: G + Y.w / 2 - l / 2,
         y: N + Y.h / 2 - p / 2,
-        width: J && f ? A.width : void 0,
-        height: x ? f ? void 0 : A.height : void 0
-      }), f ? z += Y.h + s : W += Y.w + s;
-    }), f ? w += A.width + s : M += A.height + s;
+        width: J && h ? A.width : void 0,
+        height: x ? h ? void 0 : A.height : void 0
+      }), h ? z += Y.h + s : W += Y.w + s;
+    }), h ? w += A.width + s : M += A.height + s;
   }), { frameWidth: c ? l : void 0, frameHeight: d ? p : void 0, childUpdates: C };
 }
 function As(g, t, i) {
   const o = g.autoLayout;
   if (!o) return { childUpdates: [] };
-  const { gridColumns: e, gridRows: s, columnGap: n = 0, rowGap: a = 0, padding: r, align: f } = o;
-  let h = g.width, l = g.height;
-  const p = h - r.left - r.right, c = l - r.top - r.bottom, d = is(e || "1fr", p, n), u = is(s || "auto", c, a), v = d.length > 0 ? d.reduce((T, L) => T + L, 0) + (d.length - 1) * n : 0, b = u.length > 0 ? u.reduce((T, L) => T + L, 0) + (u.length - 1) * a : 0, m = f.toLowerCase(), y = m === "center" || m.endsWith("-center"), S = m.endsWith("-right"), C = m === "center" || m.startsWith("center-"), w = m.startsWith("bottom-");
+  const { gridColumns: e, gridRows: s, columnGap: n = 0, rowGap: a = 0, padding: r, align: h } = o;
+  let f = g.width, l = g.height;
+  const p = f - r.left - r.right, c = l - r.top - r.bottom, d = is(e || "1fr", p, n), u = is(s || "auto", c, a), v = d.length > 0 ? d.reduce((T, L) => T + L, 0) + (d.length - 1) * n : 0, b = u.length > 0 ? u.reduce((T, L) => T + L, 0) + (u.length - 1) * a : 0, m = h.toLowerCase(), y = m === "center" || m.endsWith("-center"), S = m.endsWith("-right"), C = m === "center" || m.startsWith("center-"), w = m.startsWith("bottom-");
   let M = 0, I = 0;
   y ? M = (p - v) / 2 : S && (M = p - v), C ? I = (c - b) / 2 : w && (I = c - b);
   const k = [];
@@ -261,7 +261,7 @@ function As(g, t, i) {
     let x = W, F = z;
     y ? x += (E - N) / 2 : S && (x += E - N), C ? F += (A - J) / 2 : w && (F += A - J), k.push({
       id: T.id,
-      x: x + N / 2 - h / 2,
+      x: x + N / 2 - f / 2,
       y: F + J / 2 - l / 2,
       width: ((j = T.layoutProps) == null ? void 0 : j.width) === "fill" ? E : void 0,
       height: ((X = T.layoutProps) == null ? void 0 : X.height) === "fill" ? A : void 0
@@ -404,8 +404,8 @@ class xs {
     const e = new qt.Vector2(t.anchorA.x, t.anchorA.y), s = new qt.Vector2(t.anchorB.x, t.anchorB.y);
     let n;
     if (t.type === "Distance") {
-      const a = t.length ?? 100, r = t.stiffness ?? 100, f = t.damping ?? 10;
-      n = qt.JointData.spring(a, r, f, e, s);
+      const a = t.length ?? 100, r = t.stiffness ?? 100, h = t.damping ?? 10;
+      n = qt.JointData.spring(a, r, h, e, s);
     } else
       n = qt.JointData.revolute(e, s);
     try {
@@ -430,24 +430,24 @@ class xs {
 const gs = (g) => g, Ls = (g) => g > 0 ? 1 : 0, Rs = (g) => g < 1 ? 0 : 1, os = (g) => g * g, as = (g) => g * (2 - g), rs = (g) => g < 0.5 ? 2 * g * g : -1 + (4 - 2 * g) * g, Os = (g) => g * g * g, Fs = (g) => --g * g * g + 1, $s = (g) => g < 0.5 ? 4 * g * g * g : (g - 1) * (2 * g - 2) * (2 * g - 2) + 1, Bs = (g) => g * g * g * g, Ws = (g) => 1 - --g * g * g * g, Ys = (g) => g < 0.5 ? 8 * g * g * g * g : 1 - 8 * --g * g * g * g, Xs = (g) => g * g * g * g * g, Ds = (g) => 1 + --g * g * g * g * g, Gs = (g) => g < 0.5 ? 16 * g * g * g * g * g : 1 + 16 * --g * g * g * g * g, zs = (g) => 1 - Math.cos(g * Math.PI / 2), Vs = (g) => Math.sin(g * Math.PI / 2), Ns = (g) => -(Math.cos(Math.PI * g) - 1) / 2, Hs = (g) => g === 0 ? 0 : Math.pow(2, 10 * (g - 1)), Us = (g) => g === 1 ? 1 : 1 - Math.pow(2, -10 * g), qs = (g) => g === 0 ? 0 : g === 1 ? 1 : g < 0.5 ? Math.pow(2, 20 * g - 10) / 2 : (2 - Math.pow(2, -20 * g + 10)) / 2, Ks = (g) => 1 - Math.sqrt(1 - g * g), Js = (g) => Math.sqrt(1 - --g * g), Qs = (g) => g < 0.5 ? (1 - Math.sqrt(1 - 4 * g * g)) / 2 : (Math.sqrt(1 - (-2 * g + 2) * (-2 * g + 2)) + 1) / 2, je = 1.70158, qe = je * 1.525, ms = je + 1, Zs = (g) => ms * g * g * g - je * g * g, js = (g) => 1 + ms * Math.pow(g - 1, 3) + je * Math.pow(g - 1, 2), ti = (g) => g < 0.5 ? Math.pow(2 * g, 2) * ((qe + 1) * 2 * g - qe) / 2 : (Math.pow(2 * g - 2, 2) * ((qe + 1) * (g * 2 - 2) + qe) + 2) / 2, ys = 2 * Math.PI / 3, ls = 2 * Math.PI / 4.5, ei = (g) => g === 0 ? 0 : g === 1 ? 1 : -Math.pow(2, 10 * g - 10) * Math.sin((g * 10 - 10.75) * ys), si = (g) => g === 0 ? 0 : g === 1 ? 1 : Math.pow(2, -10 * g) * Math.sin((g * 10 - 0.75) * ys) + 1, ii = (g) => g === 0 ? 0 : g === 1 ? 1 : g < 0.5 ? -(Math.pow(2, 20 * g - 10) * Math.sin((20 * g - 11.125) * ls)) / 2 : Math.pow(2, -20 * g + 10) * Math.sin((20 * g - 11.125) * ls) / 2 + 1, Ze = (g) => g < 1 / 2.75 ? 7.5625 * g * g : g < 2 / 2.75 ? 7.5625 * (g -= 1.5 / 2.75) * g + 0.75 : g < 2.5 / 2.75 ? 7.5625 * (g -= 2.25 / 2.75) * g + 0.9375 : 7.5625 * (g -= 2.625 / 2.75) * g + 0.984375, ni = (g) => 1 - Ze(1 - g), oi = Ze, ai = (g) => g < 0.5 ? (1 - Ze(1 - 2 * g)) / 2 : (1 + Ze(2 * g - 1)) / 2, es = /* @__PURE__ */ new Map(), ze = (g, t, i, o) => {
   const e = `${g},${t},${i},${o}`;
   if (es.has(e)) return es.get(e);
-  const s = (h) => (1 - 3 * i + 3 * g) * h * h * h + (3 * i - 6 * g) * h * h + 3 * g * 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 * i + 3 * g) * h * h + 2 * (3 * i - 6 * g) * h + 3 * g, r = (h) => {
-    let l = h;
+  const s = (f) => (1 - 3 * i + 3 * g) * f * f * f + (3 * i - 6 * g) * f * f + 3 * g * f, n = (f) => (1 - 3 * o + 3 * t) * f * f * f + (3 * o - 6 * t) * f * f + 3 * t * f, a = (f) => 3 * (1 - 3 * i + 3 * g) * f * f + 2 * (3 * i - 6 * g) * f + 3 * g, r = (f) => {
+    let l = f;
     for (let p = 0; p < 8; p++) {
-      const c = s(l) - h;
+      const c = s(l) - f;
       if (Math.abs(c) < 1e-6) return l;
       const d = a(l);
       if (Math.abs(d) < 1e-6) break;
       l = l - c / d;
     }
     return l;
-  }, f = (h) => h === 0 ? 0 : h === 1 ? 1 : n(r(h));
-  return es.set(e, f), f;
+  }, h = (f) => f === 0 ? 0 : f === 1 ? 1 : n(r(f));
+  return es.set(e, h), h;
 }, cs = (g) => {
   const t = g.match(/cubic-bezier\s*\(\s*([-?\d.]+)\s*,\s*([-?\d.]+)\s*,\s*([-?\d.]+)\s*,\s*([-?\d.]+)\s*\)/);
   if (!t) return null;
   const [, i, o, e, s] = t.map(Number);
   return ze(i, o, e, s);
-}, fs = {
+}, hs = {
   ease: ze(0.25, 0.1, 0.25, 1),
   "ease-in": ze(0.42, 0, 1, 1),
   "ease-out": ze(0, 0, 0.58, 1),
@@ -507,19 +507,19 @@ const gs = (g) => g, Ls = (g) => g > 0 ? 1 : 0, Rs = (g) => g < 1 ? 0 : 1, os =
   if (Ke[t]) return Ke[t];
   const o = Object.keys(Ke).find((s) => s.toLowerCase() === i);
   if (o) return Ke[o];
-  const e = Object.keys(hs).find((s) => s.toLowerCase() === i);
+  const e = Object.keys(fs).find((s) => s.toLowerCase() === i);
   if (e) {
-    const s = cs(hs[e].value);
+    const s = cs(fs[e].value);
     if (s) return s;
   }
-  if (fs[i])
-    return fs[i];
+  if (hs[i])
+    return hs[i];
   if (i.startsWith("cubic-bezier")) {
     const s = cs(t);
     if (s) return s;
   }
   return gs;
-}, hs = {
+}, fs = {
   Snappy: {
     label: "Snappy",
     description: "High energy, quick arrival.",
@@ -572,10 +572,10 @@ const gs = (g) => g, Ls = (g) => g > 0 ? 1 : 0, Rs = (g) => g < 1 ? 0 : 1, os =
   }
 }, li = (g, t, i, o, e) => {
   if (!g || !t || !i) return g;
-  const s = o.scale_x ?? 1, n = o.scale_y ?? 1, a = (r, f, h) => {
+  const s = o.scale_x ?? 1, n = o.scale_y ?? 1, a = (r, h, f) => {
     let l = 0, p = 0;
-    const c = o.rotation * Math.PI / 180, d = Math.cos(c), u = Math.sin(c), v = r * s * d - f * n * u + o.x, b = r * s * u + f * n * d + o.y;
-    h.forEach((I) => {
+    const c = o.rotation * Math.PI / 180, d = Math.cos(c), u = Math.sin(c), v = r * s * d - h * n * u + o.x, b = r * s * u + h * n * d + o.y;
+    f.forEach((I) => {
       const k = e(I.boneId);
       if (!k) return;
       const T = {
@@ -587,7 +587,7 @@ const gs = (g) => g, Ls = (g) => g > 0 ? 1 : 0, Rs = (g) => g < 1 ? 0 : 1, os =
       }, L = i[I.boneId] || [1, 0, 0, 1, 0, 0], P = v * L[0] + b * L[2] + L[4], _ = v * L[1] + b * L[3] + L[5], E = T.rotation * Math.PI / 180, A = Math.cos(E), W = Math.sin(E), z = P * T.scaleX * A - _ * T.scaleY * W + T.x, Y = P * T.scaleX * W + _ * T.scaleY * A + T.y;
       l += z * I.amount, p += Y * I.amount;
     });
-    const m = [...h].sort((I, k) => k.amount - I.amount);
+    const m = [...f].sort((I, k) => k.amount - I.amount);
     if (m.length >= 2 && m[0].amount > 0 && m[1].amount > 0) {
       const I = e(m[0].boneId), k = e(m[1].boneId);
       if (I && k && I.length !== void 0 && k.length !== void 0) {
@@ -620,16 +620,16 @@ const gs = (g) => g, Ls = (g) => g > 0 ? 1 : 0, Rs = (g) => g < 1 ? 0 : 1, os =
       y: (-w * C + M * S) / n
     };
   };
-  return g.map((r, f) => {
-    const h = t[f];
-    if (!h || h.length === 0) return { ...r };
-    const l = { ...r, ...a(r.x, r.y, h) };
+  return g.map((r, h) => {
+    const f = t[h];
+    if (!f || f.length === 0) return { ...r };
+    const l = { ...r, ...a(r.x, r.y, f) };
     if (r.in_x !== void 0 && r.in_y !== void 0) {
-      const p = a(r.in_x, r.in_y, h);
+      const p = a(r.in_x, r.in_y, f);
       l.in_x = p.x, l.in_y = p.y;
     }
     if (r.out_x !== void 0 && r.out_y !== void 0) {
-      const p = a(r.out_x, r.out_y, h);
+      const p = a(r.out_x, r.out_y, f);
       l.out_x = p.x, l.out_y = p.y;
     }
     return l;
@@ -909,7 +909,7 @@ class ci {
   }
   svgPathToPoints(t) {
     const i = /([MLHVCSQTAZmlhvcsqtaz])([^MLHVCSQTAZmlhvcsqtaz]*)/g, o = /[-+]?(?:\d*\.\d+|\d+)(?:[eE][-+]?\d+)?/g, e = [];
-    let s = !1, n = 0, a = 0, r = 0, f = 0, h = 0, l = 0, p;
+    let s = !1, n = 0, a = 0, r = 0, h = 0, f = 0, l = 0, p;
     for (; (p = i.exec(t)) !== null; ) {
       const c = p[1], d = (p[2].match(o) || []).map(parseFloat), u = c === c.toLowerCase(), v = c.toUpperCase();
       let b = 0;
@@ -920,7 +920,7 @@ class ci {
       switch (v) {
         case "M": {
           const S = y();
-          for (h = n = S.x, l = a = S.y, e.push({ x: n, y: a, in_x: n, in_y: a, out_x: n, out_y: a, moveTo: !0 }); b < d.length; ) {
+          for (f = n = S.x, l = a = S.y, e.push({ x: n, y: a, in_x: n, in_y: a, out_x: n, out_y: a, moveTo: !0 }); b < d.length; ) {
             const C = y();
             n = C.x, a = C.y, e.push({ x: n, y: a, in_x: n, in_y: a, out_x: n, out_y: a });
           }
@@ -947,17 +947,17 @@ class ci {
               const M = e[e.length - 1];
               M.out_x = S.x, M.out_y = S.y;
             }
-            n = w.x, a = w.y, e.push({ x: n, y: a, in_x: C.x, in_y: C.y, out_x: n, out_y: a }), r = C.x, f = C.y;
+            n = w.x, a = w.y, e.push({ x: n, y: a, in_x: C.x, in_y: C.y, out_x: n, out_y: a }), r = C.x, h = C.y;
           }
           break;
         case "S":
           for (; b < d.length; ) {
-            const S = { x: 2 * n - r, y: 2 * a - f }, C = y(), w = y();
+            const S = { x: 2 * n - r, y: 2 * a - h }, C = y(), w = y();
             if (e.length > 0) {
               const M = e[e.length - 1];
               M.out_x = S.x, M.out_y = S.y;
             }
-            n = w.x, a = w.y, e.push({ x: n, y: a, in_x: C.x, in_y: C.y, out_x: n, out_y: a }), r = C.x, f = C.y;
+            n = w.x, a = w.y, e.push({ x: n, y: a, in_x: C.x, in_y: C.y, out_x: n, out_y: a }), r = C.x, h = C.y;
           }
           break;
         case "Q":
@@ -967,17 +967,17 @@ class ci {
               const w = e[e.length - 1];
               w.out_x = w.x + 2 / 3 * (S.x - w.x), w.out_y = w.y + 2 / 3 * (S.y - w.y);
             }
-            n = C.x, a = C.y, e.push({ x: n, y: a, in_x: n + 2 / 3 * (S.x - n), in_y: a + 2 / 3 * (S.y - a), out_x: n, out_y: a }), r = S.x, f = S.y;
+            n = C.x, a = C.y, e.push({ x: n, y: a, in_x: n + 2 / 3 * (S.x - n), in_y: a + 2 / 3 * (S.y - a), out_x: n, out_y: a }), r = S.x, h = S.y;
           }
           break;
         case "T":
           for (; b < d.length; ) {
-            const S = { x: 2 * n - r, y: 2 * a - f }, C = y();
+            const S = { x: 2 * n - r, y: 2 * a - h }, C = y();
             if (e.length > 0) {
               const w = e[e.length - 1];
               w.out_x = w.x + 2 / 3 * (S.x - w.x), w.out_y = w.y + 2 / 3 * (S.y - w.y);
             }
-            n = C.x, a = C.y, e.push({ x: n, y: a, in_x: n + 2 / 3 * (S.x - n), in_y: a + 2 / 3 * (S.y - a), out_x: n, out_y: a }), r = S.x, f = S.y;
+            n = C.x, a = C.y, e.push({ x: n, y: a, in_x: n + 2 / 3 * (S.x - n), in_y: a + 2 / 3 * (S.y - a), out_x: n, out_y: a }), r = S.x, h = S.y;
           }
           break;
         case "Z":
@@ -987,7 +987,7 @@ class ci {
             const C = [...e].reverse().find((w) => w.moveTo) || e[0];
             C && Math.hypot(C.x - S.x, C.y - S.y) < 0.1 && (C.in_x = S.in_x, C.in_y = S.in_y, e.pop(), e.length > 0 && (e[e.length - 1].closePath = !0));
           }
-          n = h, a = l;
+          n = f, a = l;
           break;
         default:
           if (d.length >= 2) {
@@ -1064,20 +1064,20 @@ class ci {
     if (!t) return;
     let i = this.decompressStrings(t);
     const o = [], e = /* @__PURE__ */ new Set(), s = (r) => {
-      r && r.forEach((f) => {
-        if (e.has(f.id)) return;
-        const h = { ...f }, l = h.childrenObjects || [];
-        e.add(h.id), o.push(h), s(l);
+      r && r.forEach((h) => {
+        if (e.has(h.id)) return;
+        const f = { ...h }, l = f.childrenObjects || [];
+        e.add(f.id), o.push(f), s(l);
       });
     };
     if (s(i.objects || []), o.length > (i.objects || []).length && this.log(`[Engine] Flattened artboard from ${(i.objects || []).length} to ${o.length} objects.`), i.objects = o, this.artboard = i, this.currentTime = 0, this.objectStates.clear(), this.log(`[ExodeUIEngine] Loading artboard: "${(n = this.artboard) == null ? void 0 : n.name}" with ${(a = this.artboard) == null ? void 0 : a.objects.length} objects`), this.artboard && this.artboard.objects) {
       const r = /* @__PURE__ */ new Map();
-      this.artboard.objects.forEach((f) => {
-        r.set(f.id, f), f.children || (f.children = []);
-      }), this.artboard.objects.forEach((f) => {
-        if (f.parentId) {
-          const h = r.get(f.parentId);
-          h && (h.children || (h.children = []), h.children.includes(f.id) || h.children.push(f.id));
+      this.artboard.objects.forEach((h) => {
+        r.set(h.id, h), h.children || (h.children = []);
+      }), this.artboard.objects.forEach((h) => {
+        if (h.parentId) {
+          const f = r.get(h.parentId);
+          f && (f.children || (f.children = []), f.children.includes(h.id) || f.children.push(h.id));
         }
       });
     }
@@ -1127,11 +1127,11 @@ class ci {
   reset() {
     if (!this.artboard) return;
     if (this.objectStates.clear(), this.objectVelocities.clear(), this.currentTime = 0, this.inputs.clear(), this.inputNameMap.clear(), this.layerStates.clear(), this.logicNodeValues.clear(), this.justFiredTriggers.clear(), this.inputs.set("mouseX", 0), this.inputs.set("mouseY", 0), this.inputs.set("scrollX", 0), this.inputs.set("scrollY", 0), this.inputs.set("isMouseDown", !1), this.physicsEngine && (this.physicsEngine.destroy(), this.physicsEngine = null), this._layoutAnimCache.clear(), this._springChainState.clear(), this._emitterPools.clear(), this.artboard.objects.forEach((i) => {
-      var n, a, r, f, h, l, p;
-      const o = i.width ?? ((n = i.geometry) == null ? void 0 : n.width) ?? 0, e = i.height ?? ((a = i.geometry) == null ? void 0 : a.height) ?? 0, s = i.cornerRadius ?? i.corner_radius ?? ((r = i.geometry) == null ? void 0 : r.corner_radius) ?? ((f = i.geometry) == null ? void 0 : f.cornerRadius) ?? 0;
+      var n, a, r, h, f, l, p;
+      const o = i.width ?? ((n = i.geometry) == null ? void 0 : n.width) ?? 0, e = i.height ?? ((a = i.geometry) == null ? void 0 : a.height) ?? 0, s = i.cornerRadius ?? i.corner_radius ?? ((r = i.geometry) == null ? void 0 : r.corner_radius) ?? ((h = i.geometry) == null ? void 0 : h.cornerRadius) ?? 0;
       this.objectStates.set(i.id, {
         ...i.transform || {},
-        x: ((h = i.transform) == null ? void 0 : h.x) ?? i.x ?? 0,
+        x: ((f = i.transform) == null ? void 0 : f.x) ?? i.x ?? 0,
         y: ((l = i.transform) == null ? void 0 : l.y) ?? i.y ?? 0,
         width: o,
         height: e,
@@ -1168,14 +1168,14 @@ class ci {
           if ((s = e.physics) != null && s.enabled && e.type === "Shape") {
             const a = this.objectStates.get(e.id);
             if (!a) return;
-            const r = e.geometry.width || 100, f = e.geometry.height || 100;
+            const r = e.geometry.width || 100, h = e.geometry.height || 100;
             this.physicsEngine.createBody({
               id: e.id,
               type: ((n = e.geometry) == null ? void 0 : n.type) || "Rectangle",
               x: a.x,
               y: a.y,
               width: r,
-              height: f,
+              height: h,
               rotation: a.rotation * (Math.PI / 180),
               // Convert deg to rad
               isStatic: e.physics.bodyType === "Static",
@@ -1212,8 +1212,8 @@ class ci {
       n.forEach((a) => {
         const r = this.objectStates.get(a.id);
         if (r) {
-          const f = Math.abs(r.x - a.x), h = Math.abs(r.y - a.y);
-          !t && (f > 20 || h > 20) ? (r.x += (a.x - r.x) * o, r.y += (a.y - r.y) * o) : (r.x = a.x, r.y = a.y), a.width !== void 0 && (r.width = a.width), a.height !== void 0 && (r.height = a.height);
+          const h = Math.abs(r.x - a.x), f = Math.abs(r.y - a.y);
+          !t && (h > 20 || f > 20) ? (r.x += (a.x - r.x) * o, r.y += (a.y - r.y) * o) : (r.x = a.x, r.y = a.y), a.width !== void 0 && (r.width = a.width), a.height !== void 0 && (r.height = a.height);
         }
       });
     };
@@ -1224,10 +1224,10 @@ class ci {
     this.artboard.objects.forEach((n) => {
       var a;
       if (n.type === "Frame" && ((a = n.autoLayout) != null && a.enabled) && n.children && n.children.length > 0) {
-        const r = n.children.map((l) => i.get(l)).filter((l) => !!l), f = this.objectStates.get(n.id);
-        if (!f) return;
-        const h = ns(f, r, (l) => this.objectStates.get(l));
-        h.frameWidth !== void 0 && (f.width = h.frameWidth), h.frameHeight !== void 0 && (f.height = h.frameHeight), e(h.childUpdates);
+        const r = n.children.map((l) => i.get(l)).filter((l) => !!l), h = this.objectStates.get(n.id);
+        if (!h) return;
+        const f = ns(h, r, (l) => this.objectStates.get(l));
+        f.frameWidth !== void 0 && (h.width = f.frameWidth), f.frameHeight !== void 0 && (h.height = f.frameHeight), e(f.childUpdates);
       }
     });
   }
@@ -1278,21 +1278,21 @@ class ci {
       const a = this.activeStateMachine.layers.find((r) => r.name === t);
       if (a)
         for (const r of i) {
-          const f = a.states.find((h) => h.id === r);
-          if (f)
-            if (f.isBlendState && f.blendAnimations && f.blendAnimations.length > 0)
-              e.push({ animation: null, state: f }), f.blendAnimations.forEach((h) => {
-                const l = this.artboard.animations.find((p) => p.id === h.animationId);
+          const h = a.states.find((f) => f.id === r);
+          if (h)
+            if (h.isBlendState && h.blendAnimations && h.blendAnimations.length > 0)
+              e.push({ animation: null, state: h }), h.blendAnimations.forEach((f) => {
+                const l = this.artboard.animations.find((p) => p.id === f.animationId);
                 l && (s = Math.max(s, l.duration));
               });
             else {
-              let h = null;
-              f.animationId && (h = this.artboard.animations.find((l) => l.id === f.animationId) || null), h || (h = this.artboard.animations.find(
+              let f = null;
+              h.animationId && (f = this.artboard.animations.find((l) => l.id === h.animationId) || null), f || (f = this.artboard.animations.find(
                 (l) => {
                   var p, c;
-                  return l.name === f.name || l.id === f.name || (f.name === "Entry" || f.id === "entry") && (((p = l.name) == null ? void 0 : p.toLowerCase()) === "onload" || ((c = l.name) == null ? void 0 : c.toLowerCase()) === "intro");
+                  return l.name === h.name || l.id === h.name || (h.name === "Entry" || h.id === "entry") && (((p = l.name) == null ? void 0 : p.toLowerCase()) === "onload" || ((c = l.name) == null ? void 0 : c.toLowerCase()) === "intro");
                 }
-              ) || null), h && ((n = this.artboard.animationFlow) != null && n.some((p) => (p.trigger === "on_load" || p.trigger === "after_delay") && p.targetAnimationId === (h == null ? void 0 : h.id)) || (e.push({ animation: h, state: f }), s = Math.max(s, h.duration)));
+              ) || null), f && ((n = this.artboard.animationFlow) != null && n.some((p) => (p.trigger === "on_load" || p.trigger === "after_delay") && p.targetAnimationId === (f == null ? void 0 : f.id)) || (e.push({ animation: f, state: h }), s = Math.max(s, f.duration)));
             }
         }
     }
@@ -1338,22 +1338,22 @@ class ci {
     var n, a, r;
     let o;
     if (this.inputs.has(t)) {
-      const f = (n = this.activeStateMachine) == null ? void 0 : n.inputs.find((h) => h.id === t);
-      f && typeof f.value == "object" && (o = f.value.type);
+      const h = (n = this.activeStateMachine) == null ? void 0 : n.inputs.find((f) => f.id === t);
+      h && typeof h.value == "object" && (o = h.value.type);
     } else {
-      const f = this.inputNameMap.get(t);
-      if (f && f.length > 0) {
-        const h = (a = this.activeStateMachine) == null ? void 0 : a.inputs.find((l) => l.id === f[0]);
-        h && typeof h.value == "object" && (o = h.value.type);
+      const h = this.inputNameMap.get(t);
+      if (h && h.length > 0) {
+        const f = (a = this.activeStateMachine) == null ? void 0 : a.inputs.find((l) => l.id === h[0]);
+        f && typeof f.value == "object" && (o = f.value.type);
       }
     }
     let e = i;
     o === "Trigger" && (i === 1 ? e = !0 : i === 0 && (e = !1)), this.inputs.has(t) && this.setInternalInput(t, e);
     const s = this.inputNameMap.get(t);
-    s && s.forEach((f) => this.setInternalInput(f, e)), o === "Trigger" && e === !0 && (this.justFiredTriggers.add(t), s && s.forEach((f) => this.justFiredTriggers.add(f))), Array.isArray(e) && ((r = this.artboard) == null || r.objects.forEach((f) => {
-      if (f.inputId === t || f.name === t) {
-        const h = this.objectStates.get(f.id);
-        h && h.options && (f.type === "ListView" || f.variant === "listview" ? h.options.items = e : (f.type === "Dropdown" || f.variant === "dropdown") && (h.options.optionsList = e));
+    s && s.forEach((h) => this.setInternalInput(h, e)), o === "Trigger" && e === !0 && (this.justFiredTriggers.add(t), s && s.forEach((h) => this.justFiredTriggers.add(h))), Array.isArray(e) && ((r = this.artboard) == null || r.objects.forEach((h) => {
+      if (h.inputId === t || h.name === t) {
+        const f = this.objectStates.get(h.id);
+        f && f.options && (h.type === "ListView" || h.variant === "listview" ? f.options.items = e : (h.type === "Dropdown" || h.variant === "dropdown") && (f.options.optionsList = e));
       }
     })), this.evaluateTransitions(), this.evaluateVariableTriggers(t, e);
   }
@@ -1363,42 +1363,42 @@ class ci {
     o.forEach((s) => {
       if (s.trigger === "variable" && s.conditionVariableId && s.targetAnimationId && (s.conditionVariableId === t || e && e.includes(s.conditionVariableId))) {
         const a = s.conditionOperator || "IsTrue", r = s.conditionValue;
-        let f = !1;
+        let h = !1;
         switch (a) {
           case "Equal":
           case "==":
-            f = i == r;
+            h = i == r;
             break;
           case "NotEqual":
           case "!=":
-            f = i != r;
+            h = i != r;
             break;
           case "GreaterThan":
           case ">":
-            f = i > r;
+            h = i > r;
             break;
           case "LessThan":
           case "<":
-            f = i < r;
+            h = i < r;
             break;
           case "GreaterEqual":
           case ">=":
-            f = i >= r;
+            h = i >= r;
             break;
           case "LessEqual":
           case "<=":
-            f = i <= r;
+            h = i <= r;
             break;
           case "IsTrue":
-            f = !!i;
+            h = !!i;
             break;
           case "IsFalse":
-            f = !i;
+            h = !i;
             break;
         }
-        if (f) {
-          const h = s.delay || 0;
-          h <= 0 ? this.triggerGlobalAnimation(s.targetAnimationId, s.subAnimationIds, s.loop, s.id) : setTimeout(() => this.triggerGlobalAnimation(s.targetAnimationId, s.subAnimationIds, s.loop, s.id), h);
+        if (h) {
+          const f = s.delay || 0;
+          f <= 0 ? this.triggerGlobalAnimation(s.targetAnimationId, s.subAnimationIds, s.loop, s.id) : setTimeout(() => this.triggerGlobalAnimation(s.targetAnimationId, s.subAnimationIds, s.loop, s.id), f);
         }
       }
     });
@@ -1421,7 +1421,7 @@ class ci {
         const s = this.findGlobalTransition(t, i.currentStateIds);
         s && (o.length = 0, o.push(s.targetStateId), e = !0, s.conditions && (s.conditions || []).forEach((n) => {
           var r;
-          const a = (r = this.activeStateMachine) == null ? void 0 : r.inputs.find((f) => f.id === n.inputId);
+          const a = (r = this.activeStateMachine) == null ? void 0 : r.inputs.find((h) => h.id === n.inputId);
           a && typeof a.value == "object" && a.value.type === "Trigger" && this.setInternalInput(n.inputId, !1);
         }));
       }
@@ -1498,7 +1498,7 @@ class ci {
     });
   }
   evaluateLogicTree(t, i = null, o = /* @__PURE__ */ new Set()) {
-    var a, r, f, h, l, p;
+    var a, r, h, f, l, p;
     if (o.has(t))
       return this.inputs.get(t) ?? this.logicNodeValues.get(t) ?? 0;
     o.add(t);
@@ -1708,7 +1708,7 @@ class ci {
         }
         case wt.SPRING_PULL: {
           const u = c("objectId", ""), v = c("forceX", 0), b = c("forceY", 0);
-          u && ((f = this.artboard) == null || f.objects.forEach((m) => {
+          u && ((h = this.artboard) == null || h.objects.forEach((m) => {
             m.behaviors && m.behaviors.forEach((y) => {
               var S;
               if (y.type === U.SpringChain && ((S = y.settings) != null && S.connections) && (y.settings.connections.some((w) => w.targetId === u) || m.id === u)) {
@@ -1745,7 +1745,7 @@ class ci {
         }
         case wt.EMIT: {
           const u = c("objectId", ""), v = c("count", 20);
-          u && ((h = this.artboard) == null || h.objects.forEach((b) => {
+          u && ((f = this.artboard) == null || f.objects.forEach((b) => {
             b.behaviors && b.behaviors.forEach((m) => {
               m.type === U.ParticleEmitter && b.id === u && (m._pendingBurst = (m._pendingBurst || 0) + v);
             });
@@ -1841,11 +1841,11 @@ class ci {
     }), i.forEach((o) => {
       this.layerStates.delete(o), this.debugLog(`[Engine] Cleaned up completed global layer: ${o}`);
     }), this.solveConstraints(t), this.solveBehaviors(t), this.activeTriggers.forEach((o, e) => {
-      var s, n, a, r, f, h, l;
+      var s, n, a, r, h, f, l;
       if (o.phase === "entry")
         o.time += t, o.time >= o.animation.duration && ((a = (n = (s = this.artboard) == null ? void 0 : s.objects.find((p) => p.id === e)) == null ? void 0 : n.triggers) == null || a.find((p) => p.id === o.triggerId), o.phase = "hold", o.elapsedHold = 0, o.time = o.animation.duration), this.applyAnimation(o.animation, o.time, o.filterObjectIds || o.filterObjectId || void 0);
       else if (o.phase === "hold") {
-        const p = (h = (f = (r = this.artboard) == null ? void 0 : r.objects.find((u) => u.id === e)) == null ? void 0 : f.triggers) == null ? void 0 : h.find((u) => u.id === o.triggerId), c = (p == null ? void 0 : p.duration) || 0;
+        const p = (f = (h = (r = this.artboard) == null ? void 0 : r.objects.find((u) => u.id === e)) == null ? void 0 : h.triggers) == null ? void 0 : f.find((u) => u.id === o.triggerId), c = (p == null ? void 0 : p.duration) || 0;
         o.elapsedHold += t * 1e3;
         let d = o.elapsedHold >= c;
         if ((p == null ? void 0 : p.eventType) === "hover" && !this.activeHoverIds.has(e) && (d = !0), ((p == null ? void 0 : p.eventType) === "onHold" || (p == null ? void 0 : p.eventType) === "pointerDown") && !this.isMouseDown && (d = !0), d)
@@ -1864,7 +1864,7 @@ class ci {
       if (o && o.isEnabled && o.triggerType === "visible") {
         const a = this.objectStates.get(i.id);
         if (a && a.visible !== !1) {
-          const r = this.getGlobalTransform(i.id), f = (((s = i.geometry) == null ? void 0 : s.width) || 100) * (r.scale_x || 1), h = (((n = i.geometry) == null ? void 0 : n.height) || 100) * (r.scale_y || 1), l = 50, p = r.x + f / 2 >= -this.canvasWidth / 2 - l && r.x - f / 2 <= this.canvasWidth / 2 + l && r.y + h / 2 >= -this.canvasHeight / 2 - l && r.y - h / 2 <= this.canvasHeight / 2 + l, c = `analytics_${i.id}`, d = this.wasInView.has(c);
+          const r = this.getGlobalTransform(i.id), h = (((s = i.geometry) == null ? void 0 : s.width) || 100) * (r.scale_x || 1), f = (((n = i.geometry) == null ? void 0 : n.height) || 100) * (r.scale_y || 1), l = 50, p = r.x + h / 2 >= -this.canvasWidth / 2 - l && r.x - h / 2 <= this.canvasWidth / 2 + l && r.y + f / 2 >= -this.canvasHeight / 2 - l && r.y - f / 2 <= this.canvasHeight / 2 + l, c = `analytics_${i.id}`, d = this.wasInView.has(c);
           p && !d && this.fireAnalyticsEvent(i.id, "visible"), p ? this.wasInView.add(c) : this.wasInView.delete(c);
         }
       }
@@ -1873,7 +1873,7 @@ class ci {
       o.length !== 0 && o.forEach((e) => {
         const s = e.triggers || [e.event || e.trigger];
         s && s.forEach((n) => {
-          var r, f, h;
+          var r, h, f;
           const a = n.toLowerCase();
           if (a === "on interval" || a === "oninterval") {
             const l = e.intervalValue || 2e3, p = this.periodicTriggerTimes.get(e.id) || 0;
@@ -1886,12 +1886,12 @@ class ci {
           if (a === "scroll into view" || a === "scrollintoview") {
             const l = this.objectStates.get(i.id);
             if (l && l.visible !== !1) {
-              const p = this.getGlobalTransform(i.id), c = (((r = i.geometry) == null ? void 0 : r.width) || 100) * (p.scale_x || 1), d = (((f = i.geometry) == null ? void 0 : f.height) || 100) * (p.scale_y || 1), u = 50, v = p.x + c / 2 >= -this.canvasWidth / 2 - u && p.x - c / 2 <= this.canvasWidth / 2 + u && p.y + d / 2 >= -this.canvasHeight / 2 - u && p.y - d / 2 <= this.canvasHeight / 2 + u, b = this.wasInView.has(i.id);
+              const p = this.getGlobalTransform(i.id), c = (((r = i.geometry) == null ? void 0 : r.width) || 100) * (p.scale_x || 1), d = (((h = i.geometry) == null ? void 0 : h.height) || 100) * (p.scale_y || 1), u = 50, v = p.x + c / 2 >= -this.canvasWidth / 2 - u && p.x - c / 2 <= this.canvasWidth / 2 + u && p.y + d / 2 >= -this.canvasHeight / 2 - u && p.y - d / 2 <= this.canvasHeight / 2 + u, b = this.wasInView.has(i.id);
               v && !b && (!e.conditions || this.checkConditions(e.conditions)) && this.fireEventForObject(i.id, "Scroll Into View"), v ? this.wasInView.add(i.id) : this.wasInView.delete(i.id);
             }
           }
           if (a === "scroll progress" || a === "scrollprogress") {
-            const l = Math.abs(this.scrollOffset.y) / (((h = this.artboard) == null ? void 0 : h.height) || 1e3), p = this.scrollProgressLastValue.get(e.id) || 0;
+            const l = Math.abs(this.scrollOffset.y) / (((f = this.artboard) == null ? void 0 : f.height) || 1e3), p = this.scrollProgressLastValue.get(e.id) || 0;
             Math.abs(l - p) > 1e-3 && (this.scrollProgressLastValue.set(e.id, l), (e.action === "Set Input" || e.action === "setInput") && this.updateInput(e.targetInputId, l));
           }
         });
@@ -1905,17 +1905,17 @@ class ci {
       if (!o) return;
       const e = this.getGlobalTransform(i.id);
       if (i.constraints.forEach((s, n) => {
-        var h, l, p, c, d, u, v, b, m;
-        const a = ((h = o.constraints) == null ? void 0 : h[n]) || {}, r = { ...s, ...a }, f = r.strength ?? 1;
+        var f, l, p, c, d, u, v, b, m;
+        const a = ((f = o.constraints) == null ? void 0 : f[n]) || {}, r = { ...s, ...a }, h = r.strength ?? 1;
         if (r.type === "Translation") {
           const y = this.getGlobalTransform(r.targetId);
           if (y) {
             const S = r.offsetX || 0, C = r.offsetY || 0, w = y.x + S, M = y.y + C, I = r.useSpring;
             if (I) {
               const T = this.objectVelocities.get(i.id) || { vx: 0, vy: 0 }, { x: L, y: P, vx: _, vy: E } = this.computeSpring(e.x, e.y, T.vx, T.vy, w, M, r, t);
-              r.copyX && (e.x = e.x + (L - e.x) * f), r.copyY && (e.y = e.y + (P - e.y) * f), this.objectVelocities.set(i.id, { vx: _, vy: E });
+              r.copyX && (e.x = e.x + (L - e.x) * h), r.copyY && (e.y = e.y + (P - e.y) * h), this.objectVelocities.set(i.id, { vx: _, vy: E });
             } else
-              r.copyX && (e.x = e.x + (w - e.x) * f), r.copyY && (e.y = e.y + (M - e.y) * f);
+              r.copyX && (e.x = e.x + (w - e.x) * h), r.copyY && (e.y = e.y + (M - e.y) * h);
             let k = !1;
             if ((l = r.limitX) != null && l.enabled) {
               const T = e.x;
@@ -1931,17 +1931,17 @@ class ci {
           const y = this.getGlobalTransform(r.targetId);
           if (y) {
             let C = (y.rotation + (r.offset || 0) - e.rotation) % 360;
-            C > 180 && (C -= 360), C < -180 && (C += 360), e.rotation = e.rotation + C * f;
+            C > 180 && (C -= 360), C < -180 && (C += 360), e.rotation = e.rotation + C * h;
           }
         } else if (r.type === "Scale") {
           const y = this.getGlobalTransform(r.targetId);
-          y && (r.copyX && (e.scale_x = e.scale_x + (y.scale_x - e.scale_x) * f), r.copyY && (e.scale_y = e.scale_y + (y.scale_y - e.scale_y) * f));
+          y && (r.copyX && (e.scale_x = e.scale_x + (y.scale_x - e.scale_x) * h), r.copyY && (e.scale_y = e.scale_y + (y.scale_y - e.scale_y) * h));
         } else if (r.type === "Transform") {
           const y = this.getGlobalTransform(r.targetId);
           if (y) {
-            e.x = e.x + (y.x - e.x) * f, e.y = e.y + (y.y - e.y) * f;
+            e.x = e.x + (y.x - e.x) * h, e.y = e.y + (y.y - e.y) * h;
             let S = (y.rotation - e.rotation) % 360;
-            S > 180 && (S -= 360), S < -180 && (S += 360), e.rotation = e.rotation + S * f, e.scale_x = e.scale_x + (y.scale_x - e.scale_x) * f, e.scale_y = e.scale_y + (y.scale_y - e.scale_y) * f;
+            S > 180 && (S -= 360), S < -180 && (S += 360), e.rotation = e.rotation + S * h, e.scale_x = e.scale_x + (y.scale_x - e.scale_x) * h, e.scale_y = e.scale_y + (y.scale_y - e.scale_y) * h;
           }
         } else if (r.type === "FollowPointer") {
           const y = ((c = this._lastPointerPos) == null ? void 0 : c.x) ?? e.x, S = ((d = this._lastPointerPos) == null ? void 0 : d.y) ?? e.y, C = r.useSpring;
@@ -1949,7 +1949,7 @@ class ci {
             const M = this.objectVelocities.get(i.id) || { vx: 0, vy: 0 }, { x: I, y: k, vx: T, vy: L } = this.computeSpring(e.x, e.y, M.vx, M.vy, y, S, r, t);
             e.x = I, e.y = k, this.objectVelocities.set(i.id, { vx: T, vy: L });
           } else
-            e.x = e.x + (y - e.x) * f, e.y = e.y + (S - e.y) * f;
+            e.x = e.x + (y - e.x) * h, e.y = e.y + (S - e.y) * h;
           let w = !1;
           if ((u = r.limitX) != null && u.enabled) {
             const M = e.x;
@@ -1981,7 +1981,7 @@ class ci {
             }
             if (w > 0) {
               const k = e.x === y.x && e.y === y.y ? 1 : I / w;
-              e.x = e.x + (y.x + S * k - e.x) * f, e.y = e.y + (y.y + C * k - e.y) * f;
+              e.x = e.x + (y.x + S * k - e.x) * h, e.y = e.y + (y.y + C * k - e.y) * h;
             }
           }
         } else if (r.type === "FollowPath") {
@@ -2004,15 +2004,15 @@ class ci {
                 A = Math.atan2(tt, X) * 180 / Math.PI + (r.offsetRotation || 0);
               }
               const W = A * Math.PI / 180, z = Math.cos(W), Y = Math.sin(W), G = (r.offsetX || 0) * z - (r.offsetY || 0) * Y, N = (r.offsetX || 0) * Y + (r.offsetY || 0) * z, J = S.x + _ + G, x = S.y + E + N;
-              if (e.x = e.x + (J - e.x) * f, e.y = e.y + (x - e.y) * f, r.orient) {
+              if (e.x = e.x + (J - e.x) * h, e.y = e.y + (x - e.y) * h, r.orient) {
                 let F = (A - e.rotation) % 360;
-                F > 180 && (F -= 360), F < -180 && (F += 360), e.rotation = e.rotation + F * f;
+                F > 180 && (F -= 360), F < -180 && (F += 360), e.rotation = e.rotation + F * h;
               }
             }
           }
         } else if (r.type === "IK") {
           const y = this.getGlobalTransform(r.targetId);
-          y && this.solveIK(i, y, r.boneCount || 2, f);
+          y && this.solveIK(i, y, r.boneCount || 2, h);
         }
       }), i.constraints.some((s) => s.type !== "IK")) {
         const s = this.globalToLocal(i.parentId, e);
@@ -2034,10 +2034,10 @@ class ci {
         scale_y: (i.scale_y ?? 1) * (i.flip_y ? -1 : 1),
         length: e
       };
-    const s = this.getGlobalTransform(o.parentId), n = s.rotation * Math.PI / 180, a = Math.cos(n), r = Math.sin(n), f = s.x + (i.x * s.scale_x * a - i.y * s.scale_y * r), h = s.y + (i.x * s.scale_x * r + i.y * s.scale_y * a);
+    const s = this.getGlobalTransform(o.parentId), n = s.rotation * Math.PI / 180, a = Math.cos(n), r = Math.sin(n), h = s.x + (i.x * s.scale_x * a - i.y * s.scale_y * r), f = s.y + (i.x * s.scale_x * r + i.y * s.scale_y * a);
     return {
-      x: f,
-      y: h,
+      x: h,
+      y: f,
       rotation: s.rotation + i.rotation,
       scale_x: s.scale_x * (i.scale_x ?? 1) * (i.flip_x ? -1 : 1),
       scale_y: s.scale_y * (i.scale_y ?? 1) * (i.flip_y ? -1 : 1),
@@ -2046,7 +2046,7 @@ class ci {
   }
   globalToLocal(t, i) {
     if (!t) return i;
-    const o = this.getGlobalTransform(t), e = o.scale_x === 0 ? 0 : 1 / o.scale_x, s = o.scale_y === 0 ? 0 : 1 / o.scale_y, n = -o.rotation * Math.PI / 180, a = Math.cos(n), r = Math.sin(n), f = i.x - o.x, h = i.y - o.y, l = (f * a - h * r) * e, p = (f * r + h * a) * s;
+    const o = this.getGlobalTransform(t), e = o.scale_x === 0 ? 0 : 1 / o.scale_x, s = o.scale_y === 0 ? 0 : 1 / o.scale_y, n = -o.rotation * Math.PI / 180, a = Math.cos(n), r = Math.sin(n), h = i.x - o.x, f = i.y - o.y, l = (h * a - f * r) * e, p = (h * r + f * a) * s;
     return {
       x: l,
       y: p,
@@ -2056,11 +2056,11 @@ class ci {
     };
   }
   solveIK(t, i, o, e) {
-    var f;
+    var h;
     const s = [];
     let n = t.id;
-    for (let h = 0; h < o && n; h++) {
-      const l = (f = this.artboard) == null ? void 0 : f.objects.find((p) => p.id === n);
+    for (let f = 0; f < o && n; f++) {
+      const l = (h = this.artboard) == null ? void 0 : h.objects.find((p) => p.id === n);
       if (!l) break;
       s.push({
         id: n,
@@ -2070,7 +2070,7 @@ class ci {
     }
     if (s.length < 2) return;
     const a = s.reverse(), r = 5;
-    for (let h = 0; h < r; h++) {
+    for (let f = 0; f < r; f++) {
       const l = this.getGlobalTransform(t.id);
       for (let p = a.length - 2; p >= 0; p--) {
         const c = a[p], d = this.getGlobalTransform(c.id), u = l.x - d.x, v = l.y - d.y, b = i.x - d.x, m = i.y - d.y, y = Math.sqrt(u * u + v * v), S = Math.sqrt(b * b + m * m);
@@ -2085,7 +2085,7 @@ class ci {
     }
   }
   computeSpring(t, i, o, e, s, n, a, r) {
-    const f = a.stiffness ?? 100, h = a.damping ?? 10, l = a.mass ?? 1, p = -f * (t - s), c = -f * (i - n), d = -h * o, u = -h * e, v = (p + d) / l, b = (c + u) / l, m = o + v * r, y = e + b * r, S = t + m * r, C = i + y * r;
+    const h = a.stiffness ?? 100, f = a.damping ?? 10, l = a.mass ?? 1, p = -h * (t - s), c = -h * (i - n), d = -f * o, u = -f * e, v = (p + d) / l, b = (c + u) / l, m = o + v * r, y = e + b * r, S = t + m * r, C = i + y * r;
     return { x: S, y: C, vx: m, vy: y };
   }
   handlePointerInput(t, i, o, e, s) {
@@ -2109,7 +2109,7 @@ class ci {
     this._totalScroll.x += t, this._totalScroll.y += i, this.scrollOffset = { x: this._totalScroll.x, y: this._totalScroll.y }, this.updateInput("scrollX", this._totalScroll.x), this.updateInput("scrollY", this._totalScroll.y);
   }
   handlePointerEvent(t, i, o) {
-    var r, f, h, l, p;
+    var r, h, f, l, p;
     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;
@@ -2290,11 +2290,11 @@ class ci {
         }), P && L < 20 && this.onGraphPointClick && this.onGraphPointClick({ objectId: c.id, componentName: c.name, datasetIndex: P.dIdx, pointIndex: P.pIdx, value: P.val, label: P.label }), this.onComponentChange && this.onComponentChange({ objectId: c.id, componentName: c.name, variant: "linegraph", property: "click", value: (P == null ? void 0 : P.val) ?? null });
       }
       if (t === "click") {
-        const v = (f = this.artboard) == null ? void 0 : f.objects.find((y) => y.id === e.id), b = this.focusedId, m = (v == null ? void 0 : v.type) === "InputBox" || (v == null ? void 0 : v.type) === "Component" && v.variant === "inputbox";
+        const v = (h = this.artboard) == null ? void 0 : h.objects.find((y) => y.id === e.id), b = this.focusedId, m = (v == null ? void 0 : v.type) === "InputBox" || (v == null ? void 0 : v.type) === "Component" && v.variant === "inputbox";
         if (v && m) {
           if (this.focusedId = e.id, this.log(`[Engine] Focus set to: ${e.id}`), b !== this.focusedId) {
             if (b) {
-              const y = (h = this.artboard) == null ? void 0 : h.objects.find((S) => S.id === b);
+              const y = (f = this.artboard) == null ? void 0 : f.objects.find((S) => S.id === b);
               y && this.onInputBlur && this.onInputBlur(y.name);
             }
             this.onInputFocus && this.onInputFocus(v.name);
@@ -2346,8 +2346,8 @@ class ci {
     this.artboard && (this.activeKeys.delete(t.key.toLowerCase()), this.activeKeys.delete(t.code));
   }
   fireEventForObject(t, i) {
-    var h, l, p, c, d;
-    const o = (h = this.artboard) == null ? void 0 : h.objects.find((u) => u.id === t);
+    var f, l, p, c, d;
+    const o = (f = this.artboard) == null ? void 0 : f.objects.find((u) => u.id === t);
     if (!o) return;
     const e = /* @__PURE__ */ new Set([i, i.toLowerCase()]), s = i.toLowerCase();
     s === "onclick" || s === "click" || s === "onpointerdown" || s === "pointerdown" ? this.fireAnalyticsEvent(t, "click") : (s === "onpointerenter" || s === "hover" || s === "move") && this.fireAnalyticsEvent(t, "hover"), s === "onclick" || s === "click" ? (e.add("click"), e.add("onclick")) : s === "onpointerdown" || s === "pointerdown" ? (e.add("pointerdown"), e.add("onpointerdown")) : s === "onpointerup" || s === "pointerup" ? (e.add("pointerup"), e.add("onpointerup")) : s === "onpointerenter" || s === "hover" || s === "move" ? (e.add("hover"), e.add("onpointerenter")) : s === "onpointerleave" || s === "blur" ? (e.add("onpointerleave"), e.add("blur")) : s === "drag" || s === "ondrag" ? (e.add("drag"), e.add("ondrag")) : s === "toggle" || s === "ontoggle" ? (e.add("toggle"), e.add("ontoggle")) : s === "toggle true" || s === "toggle_true" || s === "toggletrue" ? (e.add("toggle true"), e.add("toggle_true"), e.add("toggletrue")) : (s === "toggle false" || s === "toggle_false" || s === "togglefalse") && (e.add("toggle false"), e.add("toggle_false"), e.add("togglefalse"));
@@ -2394,51 +2394,51 @@ class ci {
       }
       this.onTrigger && this.onTrigger(i, a.action);
     }
-    const f = (o.triggers || []).find((u) => {
+    const h = (o.triggers || []).find((u) => {
       const v = u.eventType.toLowerCase();
       let b = !1;
       return (e.has(v) || v === "click" && e.has("onclick") || v === "hover" && (e.has("onpointerenter") || e.has("hover")) || v === "pointerdown" && e.has("onpointerdown") || v === "pointerup" && e.has("onpointerup")) && (b = !0), b && u.conditions && u.conditions.length > 0 ? this.checkConditions(u.conditions) : b;
     });
-    if (f && f.entryAnimationId) {
-      this.log(`[Engine] Trigger matched: ${i} (as ${f.eventType}) -> Animation ${f.entryAnimationId}`);
-      const u = (d = (c = this.artboard) == null ? void 0 : c.animations) == null ? void 0 : d.find((v) => v.id === f.entryAnimationId);
+    if (h && h.entryAnimationId) {
+      this.log(`[Engine] Trigger matched: ${i} (as ${h.eventType}) -> Animation ${h.entryAnimationId}`);
+      const u = (d = (c = this.artboard) == null ? void 0 : c.animations) == null ? void 0 : d.find((v) => v.id === h.entryAnimationId);
       u && (this.activeTriggers.set(o.id, {
-        triggerId: f.id,
+        triggerId: h.id,
         animation: u,
         time: 0,
         phase: "entry",
         elapsedHold: 0,
-        filterObjectId: f.targetObjectId
-      }), this.onTrigger && this.onTrigger(f.name, u.name));
+        filterObjectId: h.targetObjectId
+      }), this.onTrigger && this.onTrigger(h.name, u.name));
     }
   }
   fireAnalyticsEvent(t, i) {
-    var r, f;
-    const o = (r = this.artboard) == null ? void 0 : r.objects.find((h) => h.id === t);
+    var r, h;
+    const o = (r = this.artboard) == null ? void 0 : r.objects.find((f) => f.id === t);
     if (!o) return;
-    const e = (f = o.style) == null ? void 0 : f.analytics;
+    const e = (h = o.style) == null ? void 0 : h.analytics;
     if (!e || !e.isEnabled || e.triggerType !== i) return;
     const s = e.eventName || `${o.name.toLowerCase().replace(/\s+/g, "_")}_interacted`, n = {};
-    e.parameters && Array.isArray(e.parameters) && e.parameters.forEach((h) => {
-      if (h.type === "literal")
-        n[h.key] = h.value;
-      else if (h.type === "variable") {
-        const l = this.inputs.get(h.value);
-        n[h.key] = l !== void 0 ? l : "";
+    e.parameters && Array.isArray(e.parameters) && e.parameters.forEach((f) => {
+      if (f.type === "literal")
+        n[f.key] = f.value;
+      else if (f.type === "variable") {
+        const l = this.inputs.get(f.value);
+        n[f.key] = l !== void 0 ? l : "";
       }
     }), this.log(`[ExodeUI Analytics] Dispatching event "${s}" via ${i} trigger:`, n);
     const a = e.platforms || { ga4: !0, meta: !0, mixpanel: !1 };
     if (a.ga4) {
-      const h = window;
-      typeof h.gtag == "function" ? (h.gtag("event", s, n), this.log(`[ExodeUI Analytics] GA4: Event "${s}" sent successfully.`)) : this.warn(`[ExodeUI Analytics] GA4: window.gtag is not a function. Event "${s}" skipped.`);
+      const f = window;
+      typeof f.gtag == "function" ? (f.gtag("event", s, n), this.log(`[ExodeUI Analytics] GA4: Event "${s}" sent successfully.`)) : this.warn(`[ExodeUI Analytics] GA4: window.gtag is not a function. Event "${s}" skipped.`);
     }
     if (a.meta) {
-      const h = window;
-      typeof h.fbq == "function" ? (h.fbq("track", s, n), this.log(`[ExodeUI Analytics] Meta Pixel: Event "${s}" sent successfully.`)) : this.warn(`[ExodeUI Analytics] Meta Pixel: window.fbq is not a function. Event "${s}" skipped.`);
+      const f = window;
+      typeof f.fbq == "function" ? (f.fbq("track", s, n), this.log(`[ExodeUI Analytics] Meta Pixel: Event "${s}" sent successfully.`)) : this.warn(`[ExodeUI Analytics] Meta Pixel: window.fbq is not a function. Event "${s}" skipped.`);
     }
     if (a.mixpanel) {
-      const h = window;
-      h.mixpanel && typeof h.mixpanel.track == "function" ? (h.mixpanel.track(s, n), this.log(`[ExodeUI Analytics] Mixpanel: Event "${s}" sent successfully.`)) : this.warn(`[ExodeUI Analytics] Mixpanel: window.mixpanel.track is not a function. Event "${s}" skipped.`);
+      const f = window;
+      f.mixpanel && typeof f.mixpanel.track == "function" ? (f.mixpanel.track(s, n), this.log(`[ExodeUI Analytics] Mixpanel: Event "${s}" sent successfully.`)) : this.warn(`[ExodeUI Analytics] Mixpanel: window.mixpanel.track is not a function. Event "${s}" skipped.`);
     }
   }
   initGlobalAnimationTriggers() {
@@ -2488,9 +2488,9 @@ class ci {
         scaleY: i.scale_y ?? 1,
         rotation: i.rotation ?? 0
       };
-    const e = this.getWorldTransform(o.parentId), s = e.rotation * (Math.PI / 180), n = Math.cos(s), a = Math.sin(s), r = i.x * e.scaleX, f = i.y * e.scaleY, h = e.x + (r * n - f * a), l = e.y + (r * a + f * n);
+    const e = this.getWorldTransform(o.parentId), s = e.rotation * (Math.PI / 180), n = Math.cos(s), a = Math.sin(s), r = i.x * e.scaleX, h = i.y * e.scaleY, f = e.x + (r * n - h * a), l = e.y + (r * a + h * n);
     return {
-      x: h,
+      x: f,
       y: l,
       scaleX: (i.scale_x ?? 1) * e.scaleX,
       scaleY: (i.scale_y ?? 1) * e.scaleY,
@@ -2500,14 +2500,14 @@ class ci {
   hitTest(t, i, o) {
     var y, S;
     if (!this.objectStates.get(t.id)) return !1;
-    const s = ((y = t.geometry) == null ? void 0 : y.width) ?? t.width ?? 100, n = ((S = t.geometry) == null ? void 0 : S.height) ?? t.height ?? 100, a = this.getWorldTransform(t.id), r = i - a.x, f = o - a.y, h = -a.rotation * (Math.PI / 180), l = Math.cos(h), p = Math.sin(h), c = r * l - f * p, d = r * p + f * l, u = a.scaleX, v = a.scaleY, b = s * Math.abs(u), m = n * Math.abs(v);
+    const s = ((y = t.geometry) == null ? void 0 : y.width) ?? t.width ?? 100, n = ((S = t.geometry) == null ? void 0 : S.height) ?? t.height ?? 100, a = this.getWorldTransform(t.id), r = i - a.x, h = o - a.y, f = -a.rotation * (Math.PI / 180), l = Math.cos(f), p = Math.sin(f), c = r * l - h * p, d = r * p + h * l, u = a.scaleX, v = a.scaleY, b = s * Math.abs(u), m = n * Math.abs(v);
     return Math.abs(c) <= b / 2 && Math.abs(d) <= m / 2;
   }
   updateSliderValueFromPointer(t, i, o) {
     var M;
     const e = this.objectStates.get(t.id);
     if (!e) return;
-    const s = t.options || {}, n = ((M = t.geometry) == null ? void 0 : M.width) ?? t.width ?? 200, a = this.getWorldTransform(t.id), r = i - a.x, f = o - a.y, h = -a.rotation * (Math.PI / 180), l = Math.cos(h), p = Math.sin(h), c = r * l - f * p, d = s.thumbWidth ?? 16, u = n - d;
+    const s = t.options || {}, n = ((M = t.geometry) == null ? void 0 : M.width) ?? t.width ?? 200, a = this.getWorldTransform(t.id), r = i - a.x, h = o - a.y, f = -a.rotation * (Math.PI / 180), l = Math.cos(f), p = Math.sin(f), c = r * l - h * p, d = s.thumbWidth ?? 16, u = n - d;
     let b = (c + u / 2) / u;
     b = Math.max(0, Math.min(1, b));
     const m = s.min ?? 0, y = s.max ?? 100, S = s.step || 1;
@@ -2526,8 +2526,8 @@ class ci {
     var M, I;
     const e = this.objectStates.get(t.id);
     if (!e) return;
-    const s = (e == null ? void 0 : e.width) !== void 0 ? e.width : ((M = t.geometry) == null ? void 0 : M.width) ?? t.width ?? 100, n = (e == null ? void 0 : e.height) !== void 0 ? e.height : ((I = t.geometry) == null ? void 0 : I.height) ?? t.height ?? 100, a = this.getWorldTransform(t.id), r = i - a.x, f = o - a.y, h = -a.rotation * (Math.PI / 180), l = Math.cos(h), p = Math.sin(h);
-    let c = (r * l - f * p) / Math.max(1e-3, Math.abs(a.scaleX || 1)), d = (r * p + f * l) / Math.max(1e-3, Math.abs(a.scaleY || 1));
+    const s = (e == null ? void 0 : e.width) !== void 0 ? e.width : ((M = t.geometry) == null ? void 0 : M.width) ?? t.width ?? 100, n = (e == null ? void 0 : e.height) !== void 0 ? e.height : ((I = t.geometry) == null ? void 0 : I.height) ?? t.height ?? 100, a = this.getWorldTransform(t.id), r = i - a.x, h = o - a.y, f = -a.rotation * (Math.PI / 180), l = Math.cos(f), p = Math.sin(f);
+    let c = (r * l - h * p) / Math.max(1e-3, Math.abs(a.scaleX || 1)), d = (r * p + h * l) / Math.max(1e-3, Math.abs(a.scaleY || 1));
     t.handleOrigin === "top-left" ? (c -= s / 2, d -= n / 2) : t.handleOrigin === "bottom-right" && (c += s / 2, d += n / 2);
     const u = Math.min(s, n) * 0.45, v = Math.min(s, n) * 0.15, b = u - v;
     let m = c / b, y = d / b;
@@ -2544,28 +2544,28 @@ class ci {
       if (!e) return;
       let s = e.handleX ?? o.handleX ?? 0, n = e.handleY ?? o.handleY ?? 0;
       if (((a = o.inputBinding) == null ? void 0 : a.type) === "keyboard" && o.inputBinding.keyboardConfig) {
-        const f = o.inputBinding.keyboardConfig;
-        let h = s, l = n;
-        const c = (f.speed || 5) * t;
+        const h = o.inputBinding.keyboardConfig;
+        let f = s, l = n;
+        const c = (h.speed || 5) * t;
         let d = !1;
-        this.activeKeys.has(f.upKey.toLowerCase()) && (l -= c, d = !0), this.activeKeys.has(f.downKey.toLowerCase()) && (l += c, d = !0), this.activeKeys.has(f.leftKey.toLowerCase()) && (h -= c, d = !0), this.activeKeys.has(f.rightKey.toLowerCase()) && (h += c, d = !0), o.joystickType === "1D_X" && (l = 0), o.joystickType === "1D_Y" && (h = 0);
-        const u = Math.sqrt(h * h + l * l);
-        u > 1 && (h /= u, l /= u), !d && o.isSpringReturn !== !1 && (h += (0 - h) * (10 * t), l += (0 - l) * (10 * t), Math.abs(h) < 0.01 && (h = 0), Math.abs(l) < 0.01 && (l = 0)), s = h, n = l;
+        this.activeKeys.has(h.upKey.toLowerCase()) && (l -= c, d = !0), this.activeKeys.has(h.downKey.toLowerCase()) && (l += c, d = !0), this.activeKeys.has(h.leftKey.toLowerCase()) && (f -= c, d = !0), this.activeKeys.has(h.rightKey.toLowerCase()) && (f += c, d = !0), o.joystickType === "1D_X" && (l = 0), o.joystickType === "1D_Y" && (f = 0);
+        const u = Math.sqrt(f * f + l * l);
+        u > 1 && (f /= u, l /= u), !d && o.isSpringReturn !== !1 && (f += (0 - f) * (10 * t), l += (0 - l) * (10 * t), Math.abs(f) < 0.01 && (f = 0), Math.abs(l) < 0.01 && (l = 0)), s = f, n = l;
       } else if (((r = o.inputBinding) == null ? void 0 : r.type) === "mouse" && o.inputBinding.mouseConfig) {
-        const f = o.inputBinding.mouseConfig;
-        let h = s, l = n;
-        const p = f.sensitivity || 0.01, c = Math.abs(this._mouseDelta.dx) > 0 || Math.abs(this._mouseDelta.dy) > 0;
-        f.axisX && (h += this._mouseDelta.dx * p), f.axisY && (l += this._mouseDelta.dy * p), o.joystickType === "1D_X" && (l = 0), o.joystickType === "1D_Y" && (h = 0);
-        const d = Math.sqrt(h * h + l * l);
-        d > 1 && (h /= d, l /= d), !c && o.isSpringReturn !== !1 && (h += (0 - h) * (10 * t), l += (0 - l) * (10 * t), Math.abs(h) < 0.01 && (h = 0), Math.abs(l) < 0.01 && (l = 0)), s = h, n = l;
+        const h = o.inputBinding.mouseConfig;
+        let f = s, l = n;
+        const p = h.sensitivity || 0.01, c = Math.abs(this._mouseDelta.dx) > 0 || Math.abs(this._mouseDelta.dy) > 0;
+        h.axisX && (f += this._mouseDelta.dx * p), h.axisY && (l += this._mouseDelta.dy * p), o.joystickType === "1D_X" && (l = 0), o.joystickType === "1D_Y" && (f = 0);
+        const d = Math.sqrt(f * f + l * l);
+        d > 1 && (f /= d, l /= d), !c && o.isSpringReturn !== !1 && (f += (0 - f) * (10 * t), l += (0 - l) * (10 * t), Math.abs(f) < 0.01 && (f = 0), Math.abs(l) < 0.01 && (l = 0)), s = f, n = l;
       }
       if (e.handleX = s, e.handleY = n, o.handleX = s, o.handleY = n, o.bindings && o.bindings.length > 0) {
-        const f = Math.sqrt(s * s + n * n);
-        let h = Math.atan2(n, s) * (180 / Math.PI);
-        h < 0 && (h += 360), o.bindings.forEach((l) => {
+        const h = Math.sqrt(s * s + n * n);
+        let f = Math.atan2(n, s) * (180 / Math.PI);
+        f < 0 && (f += 360), o.bindings.forEach((l) => {
           var d, u, v, b, m, y, S, C;
           let p = 0;
-          l.sourceAxis === "x" ? p = o.invertX ? -s : s : l.sourceAxis === "y" ? p = o.invertY ? -n : n : l.sourceAxis === "distance" ? p = f : l.sourceAxis === "angle" && (p = h);
+          l.sourceAxis === "x" ? p = o.invertX ? -s : s : l.sourceAxis === "y" ? p = o.invertY ? -n : n : l.sourceAxis === "distance" ? p = h : l.sourceAxis === "angle" && (p = f);
           const c = (d = this.artboard) == null ? void 0 : d.objects.find((w) => w.id === l.targetObjectId);
           if (c) {
             if (l.actionType === "bind" && l.targetProperty && l.isContinuous !== !1) {
@@ -2613,7 +2613,7 @@ class ci {
     }), this._mouseDelta.dx = 0, this._mouseDelta.dy = 0);
   }
   applyBlendState(t, i) {
-    var f, h, l, p, c, d, u, v;
+    var h, f, l, p, c, d, u, v;
     if (!t.blendAnimations || t.blendAnimations.length === 0) return;
     let o = 0, e = 0;
     t.blendInputX && (o = this.inputs.get(t.blendInputX) ?? 0), t.blendInputY && (e = this.inputs.get(t.blendInputY) ?? 0);
@@ -2622,7 +2622,7 @@ class ci {
     if (t.blendType === "1D") {
       const b = [...t.blendAnimations].sort((m, y) => m.position[0] - y.position[0]);
       if (b.length === 1) {
-        const m = (h = (f = this.artboard) == null ? void 0 : f.animations) == null ? void 0 : h.find((y) => y.id === b[0].animationId);
+        const m = (f = (h = this.artboard) == null ? void 0 : h.animations) == null ? void 0 : f.find((y) => y.id === b[0].animationId);
         m && (s.push({ anim: m, weight: 1 }), n = 1);
       } else {
         let m = 0;
@@ -2729,20 +2729,20 @@ class ci {
       let r = e.property;
       if (a && (r === "x" || r === "y" || r === "rotation"))
         return;
-      const f = this.objectStates.get(s);
-      if (!f) {
+      const h = this.objectStates.get(s);
+      if (!h) {
         this.frameCount % 600 === 0 && this.debugLog(`Skipping track: Object ${s} not found in state`);
         return;
       }
-      const h = this.interpolate(e.keyframes, i);
-      if (h !== void 0) {
+      const f = this.interpolate(e.keyframes, i);
+      if (f !== void 0) {
         if (this.frameCount % 240 === 0) {
-          const d = (n == null ? void 0 : n.name) || s, u = typeof h == "object" ? JSON.stringify(h).slice(0, 50) : h;
+          const d = (n == null ? void 0 : n.name) || s, u = typeof f == "object" ? JSON.stringify(f).slice(0, 50) : f;
           this.debugLog(`[Anim] Applying ${r} = ${u} to ${d}`);
         }
         if (r.includes(".")) {
           const d = (r || "").split(".");
-          let u = f;
+          let u = h;
           for (let v = 0; v < d.length - 1; v++) {
             if (typeof u[d[v]] != "object" || u[d[v]] === null) {
               let b = n;
@@ -2756,17 +2756,17 @@ class ci {
             }
             u = u[d[v]];
           }
-          u[d[d.length - 1]] = h, d[d.length - 1] === "color" && (d[d.length - 2] === "fill" || d[d.length - 2] === "stroke") && (u.type = "Solid");
+          u[d[d.length - 1]] = f, d[d.length - 1] === "color" && (d[d.length - 2] === "fill" || d[d.length - 2] === "stroke") && (u.type = "Solid");
         } else
-          r === "fill" ? (f.style || (f.style = {}), f.style.fill = h) : r === "stroke" ? (f.style || (f.style = {}), f.style.stroke = h) : f[r] = h;
+          r === "fill" ? (h.style || (h.style = {}), h.style.fill = f) : r === "stroke" ? (h.style || (h.style = {}), h.style.stroke = f) : h[r] = f;
         if (this.physicsEngine && ((c = n == null ? void 0 : n.physics) != null && c.enabled) && n.physics.bodyType === "Static")
           if (r === "x") {
             const d = this.physicsEngine.getPosition(s);
-            d && this.physicsEngine.setPosition(s, h, d.y);
+            d && this.physicsEngine.setPosition(s, f, d.y);
           } else if (r === "y") {
             const d = this.physicsEngine.getPosition(s);
-            d && this.physicsEngine.setPosition(s, d.x, h);
-          } else r === "rotation" && this.physicsEngine.setRotation(s, h * (Math.PI / 180));
+            d && this.physicsEngine.setPosition(s, d.x, f);
+          } else r === "rotation" && this.physicsEngine.setRotation(s, f * (Math.PI / 180));
       }
     });
   }
@@ -2790,8 +2790,8 @@ class ci {
     }
     if (Array.isArray(o.value) && Array.isArray(e.value))
       return o.value.length === e.value.length ? o.value.map((a, r) => {
-        const f = e.value[r];
-        return typeof a == "number" && typeof f == "number" ? a + (f - a) * n : n < 0.5 ? a : f;
+        const h = e.value[r];
+        return typeof a == "number" && typeof h == "number" ? a + (h - a) * n : n < 0.5 ? a : h;
       }) : n < 0.5 ? o.value : e.value;
     if (typeof o.value == "object" && typeof e.value == "object" && o.value !== null && e.value !== null) {
       if (o.value.width !== void 0 && o.value.color !== void 0)
@@ -2799,9 +2799,9 @@ class ci {
       if (o.value.type && e.value.type)
         return this.interpolateFill(o.value, e.value, n);
       const a = {};
-      return (/* @__PURE__ */ new Set([...Object.keys(o.value), ...Object.keys(e.value)])).forEach((f) => {
-        const h = o.value[f], l = e.value[f];
-        typeof h == "number" && typeof l == "number" ? a[f] = h + (l - h) * n : h === void 0 ? a[f] = l : l === void 0 ? a[f] = h : a[f] = n < 0.5 ? h : l;
+      return (/* @__PURE__ */ new Set([...Object.keys(o.value), ...Object.keys(e.value)])).forEach((h) => {
+        const f = o.value[h], l = e.value[h];
+        typeof f == "number" && typeof l == "number" ? a[h] = f + (l - f) * n : f === void 0 ? a[h] = l : l === void 0 ? a[h] = f : a[h] = n < 0.5 ? f : l;
       }), a;
     }
     return typeof o.value == "number" && typeof e.value == "number" ? o.value + (e.value - o.value) * n : n < 0.5 ? o.value : e.value;
@@ -2820,11 +2820,11 @@ class ci {
         g: parseInt(b.substring(2, 4), 16),
         b: parseInt(b.substring(4, 6), 16)
       };
-    }, r = a(s), f = a(n), h = Math.round(r.r + (f.r - r.r) * o), l = Math.round(r.g + (f.g - r.g) * o), p = Math.round(r.b + (f.b - r.b) * o), c = (v) => {
+    }, r = a(s), h = a(n), f = Math.round(r.r + (h.r - r.r) * o), l = Math.round(r.g + (h.g - r.g) * o), p = Math.round(r.b + (h.b - r.b) * o), c = (v) => {
       const b = Math.max(0, Math.min(255, v)).toString(16);
       return b.length === 1 ? "0" + b : b;
     };
-    return `#${c(h)}${c(l)}${c(p)}`;
+    return `#${c(f)}${c(l)}${c(p)}`;
   }
   interpolateStops(t, i, o) {
     return !t || !i || t.length !== i.length ? o < 0.5 ? t : i : t.map((e, s) => {
@@ -2881,46 +2881,46 @@ class ci {
       }
     }
     (this.artboard.clipContent === !0 || this.artboard.clip_content === !0) && (t.beginPath(), t.rect(0, 0, s, n), t.clip());
-    const f = /* @__PURE__ */ new Map();
-    this.artboard.objects.forEach((p) => f.set(p.id, p)), this.artboard.objects.filter((p) => !p.parentId).map((p, c) => {
+    const h = /* @__PURE__ */ new Map();
+    this.artboard.objects.forEach((p) => h.set(p.id, p)), this.artboard.objects.filter((p) => !p.parentId).map((p, c) => {
       const d = this.objectStates.get(p.id), u = (d == null ? void 0 : d.zIndex) ?? c;
       return { obj: p, zIndex: u };
     }).sort((p, c) => p.zIndex - c.zIndex).forEach(({ obj: p }) => {
-      this.renderObject(t, p, f);
+      this.renderObject(t, p, h);
     }), this._emitterPools.forEach((p, c) => {
-      if (!(p.length === 0 || !f.get(c)))
+      if (!(p.length === 0 || !h.get(c)))
         for (const u of p)
           t.save(), t.globalAlpha = u.opacity, t.fillStyle = u.color, t.beginPath(), t.arc(u.x, u.y, Math.max(1, u.size * u.opacity), 0, Math.PI * 2), t.fill(), t.restore();
     }), this.lastRenderTime = performance.now() - e, this.debugMode && this.frameCount % 60 === 0 && this.log(`[Engine Debug] Rendered ${this.debug_objectsRendered}/${this.debug_objectsTotal} objects in ${this.lastRenderTime.toFixed(2)}ms`), t.restore();
   }
   isObjectInView(t, i, o, e, s, n = 0) {
-    const a = t.getTransform(), r = i * a.a + o * a.c + a.e, f = i * a.b + o * a.d + a.f, h = Math.sqrt(a.a * a.a + a.b * a.b), l = Math.sqrt(a.c * a.c + a.d * a.d), p = (e / 2 + n) * h, c = (s / 2 + n) * l;
-    return r + p >= 0 && r - p <= this.canvasWidth && f + c >= 0 && f - c <= this.canvasHeight;
+    const a = t.getTransform(), r = i * a.a + o * a.c + a.e, h = i * a.b + o * a.d + a.f, f = Math.sqrt(a.a * a.a + a.b * a.b), l = Math.sqrt(a.c * a.c + a.d * a.d), p = (e / 2 + n) * f, c = (s / 2 + n) * l;
+    return r + p >= 0 && r - p <= this.canvasWidth && h + c >= 0 && h - c <= this.canvasHeight;
   }
   calculateTransform(t, i, o, e, s, n) {
-    let a = 1, r = 1, f = 1;
-    const h = o / e, l = t / i;
+    let a = 1, r = 1, h = 1;
+    const f = o / e, l = t / i;
     switch (s) {
       case "Contain":
-        l > h ? f = i / e : f = t / o, a = r = f;
+        l > f ? h = i / e : h = t / o, a = r = h;
         break;
       case "Cover":
-        l > h ? f = t / o : f = i / e, a = r = f;
+        l > f ? h = t / o : h = i / e, a = r = h;
         break;
       case "Fill":
         a = t / o, r = i / e;
         break;
       case "FitWidth":
-        f = t / o, a = r = f;
+        h = t / o, a = r = h;
         break;
       case "FitHeight":
-        f = i / e, a = r = f;
+        h = i / e, a = r = h;
         break;
       case "None":
         a = r = 1;
         break;
       case "ScaleDown":
-        f = Math.min(t / o, i / e), f > 1 && (f = 1), a = r = f;
+        h = Math.min(t / o, i / e), h > 1 && (h = 1), a = r = h;
         break;
       default:
         a = r = 1;
@@ -2965,12 +2965,12 @@ class ci {
         X = Math.min(X, D.x), tt = Math.max(tt, D.x), R = Math.min(R, D.y), O = Math.max(O, D.y);
       }), a === 0 && (a = tt - X), r === 0 && (r = O - R);
     }
-    const f = (X) => {
+    const h = (X) => {
       if (X)
         return X.corner_radius ?? X.cornerRadius;
-    }, h = f(e) ?? f(n) ?? f(s) ?? f(i.style) ?? f(i.geometry) ?? 0;
+    }, f = h(e) ?? h(n) ?? h(s) ?? h(i.style) ?? h(i.geometry) ?? 0;
     let l = { ...s, width: a, height: r };
-    if (delete l.cornerRadius, l.corner_radius = h, l.type === "Path" && i.weights && i.bindMatrices && l.points) {
+    if (delete l.cornerRadius, l.corner_radius = f, l.type === "Path" && i.weights && i.bindMatrices && l.points) {
       const X = this.getGlobalTransform(i.id);
       if (X) {
         const tt = li(
@@ -2990,30 +2990,30 @@ class ci {
       let tt = e.x !== void 0 ? e.x : ((b = e.transform) == null ? void 0 : b.x) ?? 0, R = e.y !== void 0 ? e.y : ((m = e.transform) == null ? void 0 : m.y) ?? 0, O = e.rotation !== void 0 ? e.rotation : ((y = e.transform) == null ? void 0 : y.rotation) ?? 0, D = e.scale_x !== void 0 ? e.scale_x : ((S = e.transform) == null ? void 0 : S.scale_x) ?? 1, q = e.scale_y !== void 0 ? e.scale_y : ((C = e.transform) == null ? void 0 : C.scale_y) ?? 1;
       if (c && X > 0) {
         if (p.type === "Linear") {
-          const ft = p.offsetX || 0, pt = p.offsetY || 0, at = p.rotation || 0, B = p.scale !== void 0 ? p.scale : 1;
-          tt += X * ft, R += X * pt, O += X * at, D *= Math.pow(B, X), q *= Math.pow(B, X);
+          const ht = p.offsetX || 0, pt = p.offsetY || 0, at = p.rotation || 0, B = p.scale !== void 0 ? p.scale : 1;
+          tt += X * ht, R += X * pt, O += X * at, D *= Math.pow(B, X), q *= Math.pow(B, X);
         } else if (p.type === "Grid") {
-          const ft = p.cols || Math.ceil(Math.sqrt(p.count)), pt = p.gapX || 0, at = p.gapY || 0, B = Math.floor(X / ft), nt = X % ft, Z = a + pt, Pt = r + at;
+          const ht = p.cols || Math.ceil(Math.sqrt(p.count)), pt = p.gapX || 0, at = p.gapY || 0, B = Math.floor(X / ht), nt = X % ht, Z = a + pt, Pt = r + at;
           tt += nt * Z, R += B * Pt;
         } else if (p.type === "Radial") {
-          const ft = p.radius || 100, pt = p.startAngle || 0, B = (p.endAngle || 360) - pt, nt = p.count > 1 ? B / (B === 360 ? p.count : p.count - 1) : 0, Z = pt + X * nt, Pt = Z * Math.PI / 180;
-          tt = e.x + ft * Math.cos(Pt), R = e.y + ft * Math.sin(Pt), O += Z;
+          const ht = p.radius || 100, pt = p.startAngle || 0, B = (p.endAngle || 360) - pt, nt = p.count > 1 ? B / (B === 360 ? p.count : p.count - 1) : 0, Z = pt + X * nt, Pt = Z * Math.PI / 180;
+          tt = e.x + ht * Math.cos(Pt), R = e.y + ht * Math.sin(Pt), O += Z;
         }
       }
       const ot = i.type === "Group" || i.type === "Frame" || i.type === "Component", yt = a > 0 && r > 0;
       if (!ot && yt) {
-        const ft = (((w = n.shadow) == null ? void 0 : w.isEnabled) !== !1 ? (((M = n.shadow) == null ? void 0 : M.blur) || 0) + 10 : 0) + (((I = n.blur) == null ? void 0 : I.isEnabled) !== !1 && ((k = n.blur) == null ? void 0 : k.radius) || 0) + 20;
-        if (!this.isObjectInView(t, tt, R, a, r, ft))
+        const ht = (((w = n.shadow) == null ? void 0 : w.isEnabled) !== !1 ? (((M = n.shadow) == null ? void 0 : M.blur) || 0) + 10 : 0) + (((I = n.blur) == null ? void 0 : I.isEnabled) !== !1 && ((k = n.blur) == null ? void 0 : k.radius) || 0) + 20;
+        if (!this.isObjectInView(t, tt, R, a, r, ht))
           continue;
       }
       this.debug_objectsRendered++, t.save();
       const bt = [], gt = n.blur || ((T = i.style) == null ? void 0 : T.blur);
       gt && gt.amount > 0 && bt.push(`blur(${gt.amount}px)`);
       const Et = n.effects || ((L = i.style) == null ? void 0 : L.effects) || [];
-      let It = Et.find((ft) => ft.isEnabled !== !1 && (ft.type === "BackgroundBlur" || ft.type === "LayerBlur"));
-      It || (It = n.effect || ((P = i.style) == null ? void 0 : P.effect) || Et.find((ft) => ft.isEnabled !== !1));
-      const St = It, Xt = (St == null ? void 0 : St.isEnabled) !== !1, le = St == null ? void 0 : St.type, he = (St == null ? void 0 : St.radius) ?? 10;
-      Xt && le === "LayerBlur" ? bt.push(`blur(${he}px)`) : Xt && le === "BackgroundBlur" && (n === i.style && (n = { ...n }), n.fill = { type: "None" });
+      let It = Et.find((ht) => ht.isEnabled !== !1 && (ht.type === "BackgroundBlur" || ht.type === "LayerBlur"));
+      It || (It = n.effect || ((P = i.style) == null ? void 0 : P.effect) || Et.find((ht) => ht.isEnabled !== !1));
+      const St = It, Xt = (St == null ? void 0 : St.isEnabled) !== !1, le = St == null ? void 0 : St.type, fe = (St == null ? void 0 : St.radius) ?? 10;
+      Xt && le === "LayerBlur" ? bt.push(`blur(${fe}px)`) : Xt && le === "BackgroundBlur" && (n === i.style && (n = { ...n }), n.fill = { type: "None" });
       const et = ((_ = s == null ? void 0 : s.type) == null ? void 0 : _.toLowerCase().includes("image")) || ((E = i.type) == null ? void 0 : E.toLowerCase().includes("image")), mt = n.adjustments && Object.keys(n.adjustments).length > 0 ? n.adjustments : null, Rt = s != null && s.adjustments && Object.keys(s.adjustments).length > 0 ? s.adjustments : null, _t = et ? Rt || mt : mt || Rt, dt = et && !_t ? {
         exposure: 0,
         contrast: 0,
@@ -3027,13 +3027,13 @@ class ci {
         hue: 0
       } : _t;
       if (e && dt && (e.geometry = e.geometry || {}, e.geometry.adjustments = { ...dt }), dt) {
-        const ft = (dt.exposure || 0) / 100, pt = dt.contrast || 0, at = 1 + (dt.saturation || 0) / 100, B = (dt.temperature || 0) / 200, nt = (dt.tint || 0) / 200, Z = (dt.highlights || 0) / 500, Pt = (dt.shadows || 0) / 500;
+        const ht = (dt.exposure || 0) / 100, pt = dt.contrast || 0, at = 1 + (dt.saturation || 0) / 100, B = (dt.temperature || 0) / 200, nt = (dt.tint || 0) / 200, Z = (dt.highlights || 0) / 500, Pt = (dt.shadows || 0) / 500;
         let xt = "", kt = "SourceGraphic";
-        if (ft !== 0 && (xt += `
+        if (ht !== 0 && (xt += `
                 <feComponentTransfer in="${kt}" result="exposure">
-                    <feFuncR type="linear" slope="1" intercept="${ft}"/>
-                    <feFuncG type="linear" slope="1" intercept="${ft}"/>
-                    <feFuncB type="linear" slope="1" intercept="${ft}"/>
+                    <feFuncR type="linear" slope="1" intercept="${ht}"/>
+                    <feFuncG type="linear" slope="1" intercept="${ht}"/>
+                    <feFuncB type="linear" slope="1" intercept="${ht}"/>
                 </feComponentTransfer>`, kt = "exposure"), pt !== 0) {
           const Mt = (pt + 100) / 100, $ = 0.5 * (1 - Mt);
           xt += `
@@ -3087,7 +3087,7 @@ class ci {
       t.globalAlpha = Ft * Dt;
       const $t = e.compositeOperation || e.blendMode;
       if ($t && $t !== "Normal") {
-        const ft = $t.toLowerCase();
+        const ht = $t.toLowerCase();
         [
           "multiply",
           "screen",
@@ -3117,7 +3117,7 @@ class ci {
           "xor",
           "multiply",
           "screen"
-        ].includes(ft) && (t.globalCompositeOperation = ft);
+        ].includes(ht) && (t.globalCompositeOperation = ht);
       }
       const Ot = t, Vt = e.masks || (i.maskedBy ? [{
         maskId: i.maskedBy,
@@ -3128,16 +3128,16 @@ class ci {
         isVisible: !0
       }] : []);
       let ie = !1;
-      const me = Vt.filter((ft) => ft.isVisible !== !1 && o.has(ft.maskId));
+      const me = Vt.filter((ht) => ht.isVisible !== !1 && o.has(ht.maskId));
       if (me.length > 0) {
-        const ft = me[0], pt = o.get(ft.maskId), at = this.objectStates.get(pt.id);
+        const ht = me[0], pt = o.get(ht.maskId), at = this.objectStates.get(pt.id);
         at && at.visible !== !1 && (ie = !0, (!this.maskBuffer || this.maskBuffer.width !== this.canvasWidth || this.maskBuffer.height !== this.canvasHeight) && (this.maskBuffer = document.createElement("canvas"), this.maskBuffer.width = this.canvasWidth, this.maskBuffer.height = this.canvasHeight, this.maskCtx = this.maskBuffer.getContext("2d", { willReadFrequently: !0 }), this.maskCtx && (this.maskCtx.imageSmoothingEnabled = !0, this.maskCtx.imageSmoothingQuality = "high")), this.maskCtx.setTransform(1, 0, 0, 1, 0, 0), this.maskCtx.globalCompositeOperation = "source-over", this.maskCtx.globalAlpha = 1, this.maskCtx.filter = "none", this.maskCtx.clearRect(0, 0, this.maskBuffer.width, this.maskBuffer.height), this.rootTransform && this.maskCtx.setTransform(this.rootTransform), i.parentId && this.applyAbsoluteTransform(this.maskCtx, i.parentId, o), this.maskCtx.save(), this.maskCtx.globalAlpha = 1, t = this.maskCtx, t.filter = Ot.filter);
       }
       t.translate(Math.round(tt), Math.round(R)), t.rotate(O * Math.PI / 180);
       const ye = e.skew_x || 0, Ut = e.skew_y || 0;
       if (ye !== 0 || Ut !== 0) {
-        const ft = Math.tan(ye * Math.PI / 180), pt = Math.tan(Ut * Math.PI / 180);
-        t.transform(1 + ft * pt, pt, ft, 1, 0, 0);
+        const ht = Math.tan(ye * Math.PI / 180), pt = Math.tan(Ut * Math.PI / 180);
+        t.transform(1 + ht * pt, pt, ht, 1, 0, 0);
       }
       const Se = e.rotate_x !== void 0 ? e.rotate_x : ((A = e.transform) == null ? void 0 : A.rotate_x) ?? 0, Pe = e.rotate_y !== void 0 ? e.rotate_y : ((W = e.transform) == null ? void 0 : W.rotate_y) ?? 0, Ce = 1 + (e.translate_z !== void 0 ? e.translate_z : ((z = e.transform) == null ? void 0 : z.translate_z) ?? 0) / 1e3, Ae = (e.flip_x === !0 ? -1 : 1) * Math.cos(Pe * Math.PI / 180) * Ce, xe = (e.flip_y === !0 ? -1 : 1) * Math.cos(Se * Math.PI / 180) * Ce;
       t.scale(
@@ -3146,15 +3146,15 @@ class ci {
       ), n.shadow && n.shadow.isEnabled !== !0 && ((n.shadow.blur || 0) > 0 || Math.abs(n.shadow.offsetX || 0) > 0 || Math.abs(n.shadow.offsetY || 0) > 0) && (n.shadow.isEnabled = !0);
       const se = n.shadow;
       if (se && se.isEnabled !== !1) {
-        let ft = se.color || "#000000";
-        (G = (Y = this.artboard) == null ? void 0 : Y.tokens) != null && G.colors && this.artboard.tokens.colors[ft] && (ft = this.artboard.tokens.colors[ft]);
+        let ht = se.color || "#000000";
+        (G = (Y = this.artboard) == null ? void 0 : Y.tokens) != null && G.colors && this.artboard.tokens.colors[ht] && (ht = this.artboard.tokens.colors[ht]);
         const pt = this.normalizeOpacity(se.opacity ?? 100), at = se.spread || 0, nt = (se.blur || 0) + at * 1.5;
-        let Z = ft;
-        if (ft.startsWith("#")) {
-          const kt = ft.replace("#", ""), At = parseInt(kt.substring(0, 2), 16), Mt = parseInt(kt.substring(2, 4), 16), $ = parseInt(kt.substring(4, 6), 16);
+        let Z = ht;
+        if (ht.startsWith("#")) {
+          const kt = ht.replace("#", ""), At = parseInt(kt.substring(0, 2), 16), Mt = parseInt(kt.substring(2, 4), 16), $ = parseInt(kt.substring(4, 6), 16);
           Z = `rgba(${At}, ${Mt}, ${$}, ${pt})`;
-        } else if (ft.startsWith("rgba")) {
-          const kt = ft.match(/[\d.]+/g);
+        } else if (ht.startsWith("rgba")) {
+          const kt = ht.match(/[\d.]+/g);
           if (kt && kt.length >= 4) {
             const At = kt[0], Mt = kt[1], $ = kt[2], Wt = kt[3];
             Z = `rgba(${At}, ${Mt}, ${$}, ${parseFloat(Wt) * pt})`;
@@ -3162,37 +3162,38 @@ class ci {
         }
         const Pt = t.getTransform(), xt = Math.sqrt(Pt.a * Pt.a + Pt.b * Pt.b) || 1;
         t.shadowColor = Z, t.shadowBlur = nt * xt, t.shadowOffsetX = (se.offsetX || 0) * xt, t.shadowOffsetY = (se.offsetY || 0) * xt;
-      }
+      } else
+        t.shadowColor = "transparent", t.shadowBlur = 0, t.shadowOffsetX = 0, t.shadowOffsetY = 0;
       const jt = i.liquidFill || ((N = i.style) == null ? void 0 : N.liquidFill);
       if (jt && jt.enabled) {
         t.save();
-        const ft = jt.fillLevel ?? 0.5;
+        const ht = jt.fillLevel ?? 0.5;
         t.beginPath();
-        const pt = r / 2 - r * ft;
-        t.rect(-a / 2, pt, a, r * ft), t.clip(), t.fillStyle = jt.color || "#3b82f6", t.globalAlpha = t.globalAlpha * (jt.opacity ?? 1);
+        const pt = r / 2 - r * ht;
+        t.rect(-a / 2, pt, a, r * ht), t.clip(), t.fillStyle = jt.color || "#3b82f6", t.globalAlpha = t.globalAlpha * (jt.opacity ?? 1);
       }
       if ((s == null ? void 0 : s.type) === "Text")
         this._renderText(t, i, l, n, e, a, r, !1, !1, D, q);
       else if ((s == null ? void 0 : s.type) === "Image") {
-        const ft = s.originalSrc || s.src;
-        if (ft) {
-          let pt = this.imageCache.get(ft);
+        const ht = s.originalSrc || s.src;
+        if (ht) {
+          let pt = this.imageCache.get(ht);
           pt || (pt = new Image(), pt.onload = () => {
             this.log(`[ExodeUI] Image loaded successfully, size: ${pt.naturalWidth}x${pt.naturalHeight}`);
           }, pt.onerror = (nt) => {
-            console.error("[ExodeUI] Image load failed:", nt, `Src preview: ${ft.substring(0, 100)}...`);
-          }, pt.src = ft, this.imageCache.set(ft, pt));
+            console.error("[ExodeUI] Image load failed:", nt, `Src preview: ${ht.substring(0, 100)}...`);
+          }, pt.src = ht, this.imageCache.set(ht, pt));
           const at = n.stroke && n.stroke.width > 0 && n.stroke.isEnabled !== !1, B = (((J = n.stroke) == null ? void 0 : J.alignment) || "center").toLowerCase();
-          if (at && (B === "outside" || B === "center") && this.applyStrokeAlignment(t, n, l, a, r, h, D, q), n.fill && n.fill.type !== "None") {
+          if (at && (B === "outside" || B === "center") && this.applyStrokeAlignment(t, n, l, a, r, f, D, q), n.fill && n.fill.type !== "None") {
             t.save();
             const nt = t.globalAlpha, Z = this.createCanvasFill(t, n.fill, a, r);
-            t.fillStyle = Z || n.fill.color || "transparent", t.globalAlpha = nt * 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 = nt, t.restore();
+            t.fillStyle = Z || n.fill.color || "transparent", t.globalAlpha = nt * 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 = nt, t.restore();
           }
-          pt.complete && pt.naturalWidth > 0 ? (h !== 0 ? (t.save(), this.drawRoundRect(t, -a / 2, -r / 2, a, r, h), t.clip(), t.drawImage(pt, -a / 2, -r / 2, a, r), t.restore()) : t.drawImage(pt, -a / 2, -r / 2, a, r), at && B === "inside" && this.applyStrokeAlignment(t, n, l, a, r, h, D, q)) : at && B === "inside" && this.applyStrokeAlignment(t, n, l, a, r, h, D, q);
+          pt.complete && pt.naturalWidth > 0 ? (f !== 0 ? (t.save(), this.drawRoundRect(t, -a / 2, -r / 2, a, r, f), t.clip(), t.drawImage(pt, -a / 2, -r / 2, a, r), t.restore()) : t.drawImage(pt, -a / 2, -r / 2, a, r), at && B === "inside" && this.applyStrokeAlignment(t, n, l, a, r, f, D, q)) : at && B === "inside" && this.applyStrokeAlignment(t, n, l, a, r, f, D, q);
         }
       } else if (s.type === "SVG") {
-        const ft = s.svgContent;
-        if (ft) {
+        const ht = s.svgContent;
+        if (ht) {
           const pt = n.palette || [], at = n.fill, B = n.stroke, nt = at ? this.normalizeOpacity(at.opacity ?? 100) : 1, Z = (at == null ? void 0 : at.type) === "Solid" && (!B || B.isEnabled === !1 || B.type === "Solid" && B.color === at.color), Pt = at && at.type !== "None" ? Z ? "monochrome" : at.type === "Solid" ? (at.color || "") + "|opacity:" + nt : JSON.stringify(at.stops || []) + "|opacity:" + nt : "", xt = B && B.isEnabled !== !1 && (B.width || 0) > 0 ? Z ? [
             "monochrome",
             B.width || 0,
@@ -3223,7 +3224,7 @@ class ci {
           let At = this.imageCache.get(kt);
           if (!At) {
             At = new Image(), At.crossOrigin = "anonymous";
-            let $ = ft;
+            let $ = ht;
             $.match(/xmlns=["']http:\/\/www\.w3\.org\/2000\/svg["']/i) || ($ = $.replace(/<svg([^>]*)>/i, (rt, V) => `<svg xmlns="http://www.w3.org/2000/svg"${V}>`));
             let Wt = s.width || a || 100, Kt = s.height || r || 100;
             const te = $.match(/viewBox=["']\s*0\s+0\s+([\d.]+)\s+([\d.]+)\s*["']/i);
@@ -3287,7 +3288,7 @@ class ci {
                 `stroke:${st}`
               );
               let vt = s.width || a || 100, Yt = s.height || r || 100;
-              const Qt = ft.match(/viewBox=["']\s*0\s+0\s+([\d.]+)\s+([\d.]+)\s*["']/i);
+              const Qt = ht.match(/viewBox=["']\s*0\s+0\s+([\d.]+)\s+([\d.]+)\s*["']/i);
               if (Qt) {
                 const zt = parseFloat(Qt[1]), oe = parseFloat(Qt[2]);
                 !isNaN(zt) && !isNaN(oe) && (vt = zt, Yt = oe);
@@ -3307,29 +3308,29 @@ class ci {
                 if (zt >= oe)
                   de = `0 ${we}`, ce = 0;
                 else {
-                  const fe = we * (oe - zt), ke = we - fe;
-                  ce = -(we * (zt + Be + We)), de = `${fe} ${ke}`;
+                  const he = we * (oe - zt), ke = we - he;
+                  ce = -(we * (zt + Be + We)), de = `${he} ${ke}`;
                 }
                 $.match(/\bstroke-dasharray\s*=/i) ? $ = $.replace(/\bstroke-dasharray\s*=\s*["'][^"']*["']/gi, `stroke-dasharray="${de}"`) : $ = $.replace(/<(path|circle|rect|ellipse|polygon|polyline)/gi, `<$1 stroke-dasharray="${de}"`), $ = $.replace(/stroke-dasharray\s*:\s*[^;"')]+/gi, `stroke-dasharray:${de}`), $.match(/\bstroke-dashoffset\s*=/i) ? $ = $.replace(/\bstroke-dashoffset\s*=\s*["'][^"']*["']/gi, `stroke-dashoffset="${ce}"`) : $ = $.replace(/<(path|circle|rect|ellipse|polygon|polyline)/gi, `<$1 stroke-dashoffset="${ce}"`), $ = $.replace(/stroke-dashoffset\s*:\s*[^;"')]+/gi, `stroke-dashoffset:${ce}`);
               } else if (B.dashArray && B.dashArray.length > 0) {
                 const zt = B.dashArray.join(" ");
                 $ = $.replace(/\bstroke-dasharray\s*=\s*["'][^"']*["']/gi, `stroke-dasharray="${zt}"`), $ = $.replace(/stroke-dasharray\s*:\s*[^;"')]+/gi, `stroke-dasharray:${zt}`), B.dashOffset && ($ = $.replace(/\bstroke-dashoffset\s*=\s*["'][^"']*["']/gi, `stroke-dashoffset="${B.dashOffset}"`), $ = $.replace(/stroke-dashoffset\s*:\s*[^;"')]+/gi, `stroke-dashoffset:${B.dashOffset}`));
               }
-              if (!/\bstroke\s*=\s*["']/i.test(ft) && !new RegExp("(?<![a-z-])stroke\\s*:", "i").test(ft)) {
+              if (!/\bstroke\s*=\s*["']/i.test(ht) && !new RegExp("(?<![a-z-])stroke\\s*:", "i").test(ht)) {
                 let zt = "", oe = "";
                 if (Ye) {
-                  const de = s.width || a || 100, ce = s.height || r || 100, fe = (de + ce) * 2, ke = Math.max(0, Math.min(1, Re)), Xe = Math.max(0, Math.min(1, Oe)), Ve = (Fe % 1 + 1) % 1, Ne = ($e % 1 + 1) % 1;
+                  const de = s.width || a || 100, ce = s.height || r || 100, he = (de + ce) * 2, ke = Math.max(0, Math.min(1, Re)), Xe = Math.max(0, Math.min(1, Oe)), Ve = (Fe % 1 + 1) % 1, Ne = ($e % 1 + 1) % 1;
                   if (ke >= Xe)
-                    zt = ` stroke-dasharray="0 ${fe}"`, oe = ' stroke-dashoffset="0"';
+                    zt = ` stroke-dasharray="0 ${he}"`, oe = ' stroke-dashoffset="0"';
                   else {
-                    const De = fe * (Xe - ke), He = fe - De, H = -(fe * (ke + Ve + Ne));
+                    const De = he * (Xe - ke), He = he - De, H = -(he * (ke + Ve + Ne));
                     zt = ` stroke-dasharray="${De} ${He}"`, oe = ` stroke-dashoffset="${H}"`;
                   }
                 } else (x = B.dashArray) != null && x.length && (zt = ` stroke-dasharray="${B.dashArray.join(" ")}"`, B.dashOffset && (oe = ` stroke-dashoffset="${B.dashOffset}"`));
                 const we = ` stroke-linecap="${B.lineCap || "round"}"`, Be = ` stroke-linejoin="${B.lineJoin || "round"}"`, We = `stroke="${st}" stroke-width="${Nt}" stroke-opacity="${rt}"${we}${Be}${zt}${oe}`;
                 $ = $.replace(
                   /(<svg[^>]*>)(\s*(?:<defs>[\s\S]*?<\/defs>)?)/i,
-                  (de, ce, fe) => `${ce}${fe}<g ${We}>`
+                  (de, ce, he) => `${ce}${he}<g ${We}>`
                 ), $ = $.replace(/<\/svg>/i, "</g></svg>");
               }
             } else B && B.isEnabled === !1 && ($ = $.replace(/\bstroke\s*=\s*["'][^"']*["']/gi, 'stroke="none"'), $ = $.replace(new RegExp(`(?<![a-z-])stroke\\s*:\\s*(?!none|transparent)[^;"')]+`, "gi"), "stroke:none"));
@@ -3350,37 +3351,37 @@ class ci {
               this.maskBuffer || (this.maskBuffer = document.createElement("canvas"), this.maskCtx = this.maskBuffer.getContext("2d")), this.maskBuffer.width = $, this.maskBuffer.height = Wt, 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, $, Wt), this.maskCtx.drawImage(Mt, 0, 0, $, Wt), this.maskCtx.globalCompositeOperation = "source-in";
               const Kt = at.color || "#000000", te = this.normalizeOpacity(at.opacity ?? 100);
               this.maskCtx.fillStyle = Kt, this.maskCtx.globalAlpha = te, this.maskCtx.fillRect(0, 0, $, Wt), t.drawImage(this.maskBuffer, -$ / 2, -Wt / 2, $, Wt);
-            } else h !== 0 ? (t.save(), this.drawRoundRect(t, -$ / 2, -Wt / 2, $, Wt, h), t.clip(), t.drawImage(Mt, -$ / 2, -Wt / 2, $, Wt), t.restore()) : t.drawImage(Mt, -$ / 2, -Wt / 2, $, Wt);
+            } else f !== 0 ? (t.save(), this.drawRoundRect(t, -$ / 2, -Wt / 2, $, Wt, f), t.clip(), t.drawImage(Mt, -$ / 2, -Wt / 2, $, Wt), t.restore()) : t.drawImage(Mt, -$ / 2, -Wt / 2, $, Wt);
           }
         }
       } else if (l.type === "LineGraph")
         this.renderLineGraph(t, l, a, r);
       else if (i.type === "Shape") {
-        if (this.applyPath(t, l, a, r, h), t.save(), n.blur && n.blur.amount > 0 && (t.filter = `blur(${n.blur.amount}px)`), n.fill) {
-          const ft = t.globalAlpha;
+        if (this.applyPath(t, l, a, r, f), t.save(), n.blur && n.blur.amount > 0 && (t.filter = `blur(${n.blur.amount}px)`), n.fill) {
+          const ht = t.globalAlpha;
           if (((F = n.fill) == null ? void 0 : F.type) === "Image" && (n.fill.originalSrc || n.fill.src)) {
             const pt = n.fill.originalSrc || n.fill.src;
             let at = this.imageCache.get(pt);
-            at || (at = new Image(), at.src = pt, this.imageCache.set(pt, at)), at.complete && at.naturalWidth > 0 && (t.save(), this.applyPath(t, l, a, r, h), t.clip(), this.renderFittedImage(t, at, -a / 2, -r / 2, a, r, n.fill.fillMode), t.restore());
+            at || (at = new Image(), at.src = pt, this.imageCache.set(pt, at)), at.complete && at.naturalWidth > 0 && (t.save(), this.applyPath(t, l, a, r, f), t.clip(), this.renderFittedImage(t, at, -a / 2, -r / 2, a, r, n.fill.fillMode), t.restore());
           } else {
             const pt = this.createCanvasFill(t, n.fill, a, r);
-            t.fillStyle = pt || (typeof n.fill == "string" ? n.fill : n.fill.color || "transparent"), t.globalAlpha = ft * this.normalizeOpacity(n.fill.opacity ?? 100), this.applyPath(t, l, a, r, h), t.fill();
+            t.fillStyle = pt || (typeof n.fill == "string" ? n.fill : n.fill.color || "transparent"), t.globalAlpha = ht * this.normalizeOpacity(n.fill.opacity ?? 100), this.applyPath(t, l, a, r, f), t.fill();
           }
-          t.globalAlpha = ft;
+          t.globalAlpha = ht;
         }
-        t.restore(), n.stroke && n.stroke.width > 0 && this.applyStrokeAlignment(t, n, l, a, r, h, D, q);
+        t.restore(), n.stroke && n.stroke.width > 0 && this.applyStrokeAlignment(t, n, l, a, r, f, D, q);
       } else if (i.type === "Frame" || i.type === "Group" && !i.isStructuralGroup) {
-        const ft = e.width ?? s.width ?? i.width ?? a, pt = e.height ?? s.height ?? i.height ?? r, at = h;
-        if (t.save(), t.beginPath(), this.drawRoundRect(t, -ft / 2, -pt / 2, ft, pt, at), n.fill && n.fill.type !== "None") {
-          const B = t.globalAlpha, nt = this.createCanvasFill(t, n.fill, ft, pt);
+        const ht = e.width ?? s.width ?? i.width ?? a, pt = e.height ?? s.height ?? i.height ?? r, at = f;
+        if (t.save(), t.beginPath(), this.drawRoundRect(t, -ht / 2, -pt / 2, ht, pt, at), n.fill && n.fill.type !== "None") {
+          const B = t.globalAlpha, nt = this.createCanvasFill(t, n.fill, ht, pt);
           t.fillStyle = nt || n.fill.color || "transparent", t.globalAlpha = B * this.normalizeOpacity(n.fill.opacity ?? 100), t.fill(), t.globalAlpha = B;
         }
         if (t.restore(), n.stroke && n.stroke.width > 0 && n.stroke.isEnabled !== !1) {
           const B = { type: "Rectangle" };
-          this.applyStrokeAlignment(t, n, B, ft, pt, at, D, q);
+          this.applyStrokeAlignment(t, n, B, ht, pt, at, D, q);
         }
       } else i.type === "Group" && i.isStructuralGroup || (i.type === "Component" && i.variant === "inputbox" ? this.renderInputBox(t, i) : i.type === "Component" && i.variant === "button" ? this.renderButton(t, i) : i.type === "Component" && i.variant === "toggle_button" ? this.renderToggleButton(t, i) : i.type === "Toggle" || i.type === "Component" && i.variant === "toggle" ? this.renderToggle(t, i) : i.type === "Slider" || i.type === "Component" && i.variant === "slider" ? this.renderSlider(t, i) : i.type === "Dropdown" || i.type === "Component" && i.variant === "dropdown" ? this.renderDropdown(t, i) : i.type === "ListView" || i.type === "Component" && i.variant === "listview" ? this.renderListView(t, i) : i.type === "Checkbox" || i.type === "Component" && i.variant === "checkbox" ? this.renderCheckbox(t, i) : i.type === "RadioGroup" || i.type === "Component" && i.variant === "radiogroup" ? this.renderRadioGroup(t, i) : i.type === "BarChart" || i.type === "Component" && i.variant === "barchart" ? this.renderBarChart(t, i) : i.type === "PieChart" || i.type === "Component" && i.variant === "piechart" ? this.renderPieChart(t, i) : i.type === "Joystick" || i.type === "Component" && i.variant === "joystick" ? this.renderJoystick(t, i) : this.frameCount % 300 === 0 && this.warn("[Engine] Unhandled object type in renderObject:", i.type, "Geo:", (j = i.geometry) == null ? void 0 : j.type));
-      if (this.applyArtEffectOverlay(t, i, l, a, r, h), Xt && le === "BackgroundBlur" && this.applyBackgroundBlurGlass(t, l, a, r, h, St), jt && jt.enabled && t.restore(), i.children && i.children.length > 0) {
+      if (this.applyArtEffectOverlay(t, i, l, a, r, f), Xt && le === "BackgroundBlur" && this.applyBackgroundBlurGlass(t, l, a, r, f, St), jt && jt.enabled && t.restore(), i.children && i.children.length > 0) {
         const pt = i.type === "Frame", at = i.clipsContent !== void 0 ? i.clipsContent : i.clipContent !== void 0 ? i.clipContent : pt;
         if (t.save(), at) {
           t.beginPath();
@@ -3487,8 +3488,8 @@ class ci {
         t.restore();
     }
   }
-  _renderText(t, i, o, e, s, n, a, r = !1, f = !1, h = 1, l = 1) {
-    var yt, bt, gt, Et, It, St, Xt, le, he;
+  _renderText(t, i, o, e, s, n, a, r = !1, h = !1, f = 1, l = 1) {
+    var yt, bt, gt, Et, It, St, Xt, le, fe;
     let p = o.text || "";
     if (o.textInputId && !r) {
       const et = this.inputs.get(o.textInputId);
@@ -3607,7 +3608,7 @@ class ci {
     }, ot = (et, mt, Rt, _t, dt) => {
       var me, ye;
       const Dt = (dt === 0 || c[dt - 1] === `
-` || c[dt - 1] === "\r") && o.paragraphIndent ? o.paragraphIndent : 0, $t = (!r || f) && (i.behaviors || []).some(
+` || c[dt - 1] === "\r") && o.paragraphIndent ? o.paragraphIndent : 0, $t = (!r || h) && (i.behaviors || []).some(
         (Ut) => Ut.enabled && (Ut.type.toString().includes("Text") || ["Typewriter", "Scramble", "Wave", "Bounce", "GlitchText", "Reveal3D", "RevealSlide", "RevealBlur"].includes(Ut.type))
       ), Ot = !o.pathId && !$t && (o.enableSegments !== !0 || !o.segments || o.segments.length === 0), Vt = o.baselineShift || 0, ie = Rt + Vt;
       if (Ot)
@@ -3633,7 +3634,7 @@ class ci {
         let se = o.pathOffset || 0;
         o.pathId && D > 0 && O && (k === "center" ? se += D / 2 - Ut / 2 : k === "right" && (se += D - Ut));
         let jt = Se;
-        const ft = r && !f ? [] : ((me = i.behaviors) == null ? void 0 : me.filter(
+        const ht = r && !h ? [] : ((me = i.behaviors) == null ? void 0 : me.filter(
           (pt) => [
             U.Typewriter,
             U.Scramble,
@@ -3670,7 +3671,7 @@ class ci {
           let at = et[pt];
           const B = dt + pt;
           let nt = 0, Z = 0, Pt = 1, xt = 1, kt = 0, At = 1, Mt = at;
-          ft.forEach((ut) => {
+          ht.forEach((ut) => {
             const ct = ut.settings || {}, Ct = ct.strength || 1, rt = Date.now();
             if (ut.type === U.Typewriter)
               this.currentTime * (ct.speed || 1) - B * (ct.stagger || 0.05) < 0 && (At = 0);
@@ -3795,16 +3796,16 @@ class ci {
             t.translate(rt.x + vt + nt, rt.y + Yt), t.rotate(V + kt + (it === -1 ? Math.PI : 0));
           } else
             t.translate(jt + nt + Jt / 2, Rt + Z), kt !== 0 && t.rotate(kt);
-          if (t.scale(Pt, xt), $ && !r && !f) {
+          if (t.scale(Pt, xt), $ && !r && !h) {
             const ut = this.createCanvasFill(t, $, X, tt);
             t.fillStyle = ut || $.color || "#000000";
-          } else if (!r && !f) {
+          } else if (!r && !h) {
             const ut = this.createCanvasFill(t, e.fill, X, tt);
             t.fillStyle = ut || e.fill.color || "#000000";
           }
           if (At > 0)
-            if (r || f) {
-              const ut = f ? "#000000" : this.createCanvasFill(t, e.fill, X, tt);
+            if (r || h) {
+              const ut = h ? "#000000" : this.createCanvasFill(t, e.fill, X, tt);
               t.fillStyle = ut || e.fill.color || "#ffffff", t.fillText(Mt, -Jt / 2, 0);
             } else _t ? t.strokeText(Mt, -Jt / 2, 0) : t.fillText(Mt, -Jt / 2, 0);
           Wt !== "none" && !r && this.drawTextDecoration(t, Wt, 0, 0, Jt, Kt), t.restore(), t.globalAlpha = te, k === "justify" && Ee > 0 && Mt === " " && !Pe ? jt += Jt + T + Ee : jt += Jt + T;
@@ -3819,7 +3820,7 @@ class ci {
         let Ft = -X / 2;
         k === "center" ? Ft = 0 : k === "right" && (Ft = X / 2), ot(_t, Ft, mt, !1, et), et += _t.length, mt += A;
       });
-    } else if (f) {
+    } else if (h) {
       let et = 0, mt = R;
       (N || []).forEach((Rt) => {
         const _t = Rt.text || "";
@@ -3847,7 +3848,7 @@ class ci {
         }), t.globalAlpha = mt;
       }
       const et = o.paragraphRule;
-      if (et && (((le = et.top) == null ? void 0 : le.width) > 0 || ((he = et.bottom) == null ? void 0 : he.width) > 0)) {
+      if (et && (((le = et.top) == null ? void 0 : le.width) > 0 || ((fe = et.bottom) == null ? void 0 : fe.width) > 0)) {
         let mt = 0;
         (N || []).forEach((Rt, _t) => {
           var Dt, $t;
@@ -3878,7 +3879,7 @@ class ci {
           const Dt = t.getTransform(), $t = Math.sqrt(Dt.a * Dt.a + Dt.b * Dt.b) || 1, Ot = this.rootTransform, Vt = Math.sqrt(Ot.a * Ot.a + Ot.b * Ot.b) || 1;
           _t = $t / Vt;
         } else
-          _t = (Math.abs(h) + Math.abs(l)) / 2 || 1;
+          _t = (Math.abs(f) + Math.abs(l)) / 2 || 1;
         t.lineWidth = (e.stroke.width || 1) / (_t || 1), t.globalAlpha = mt * this.normalizeOpacity(e.stroke.opacity ?? 100);
         let dt = 0, Ft = R;
         (N || []).forEach((Dt) => {
@@ -3892,22 +3893,22 @@ class ci {
   }
   applyStrokeAlignment(t, i, o, e, s, n, a = 1, r = 1) {
     if (!i.stroke || i.stroke.width <= 0 || i.stroke.isEnabled === !1) return;
-    const f = i.stroke;
-    let h = 1;
+    const h = i.stroke;
+    let f = 1;
     if (this.rootTransform) {
       const S = t.getTransform(), C = Math.sqrt(S.a * S.a + S.b * S.b) || 1, w = this.rootTransform, M = Math.sqrt(w.a * w.a + w.b * w.b) || 1;
-      h = C / M;
+      f = C / M;
     } else
-      h = (Math.abs(a) + Math.abs(r)) / 2 || 1;
-    const l = (f.width || 1) / (h || 1), p = (f.alignment || "center").toLowerCase();
-    if (t.save(), i.fill && i.fill.type !== "None" && i.fill.isEnabled !== !1 && i.fill.opacity !== 0 && i.fill.color !== "transparent" && i.fill.color !== "rgba(0,0,0,0)" && (t.shadowColor = "transparent", t.shadowBlur = 0, t.shadowOffsetX = 0, t.shadowOffsetY = 0), f.fill) {
-      const S = this.createCanvasFill(t, f.fill, e, s);
-      S ? t.strokeStyle = S : t.strokeStyle = f.color || "#000000";
+      f = (Math.abs(a) + Math.abs(r)) / 2 || 1;
+    const l = (h.width || 1) / (f || 1), p = (h.alignment || "center").toLowerCase();
+    if (t.save(), i.fill && i.fill.type !== "None" && i.fill.isEnabled !== !1 && i.fill.opacity !== 0 && i.fill.color !== "transparent" && i.fill.color !== "rgba(0,0,0,0)" && (t.shadowColor = "transparent", t.shadowBlur = 0, t.shadowOffsetX = 0, t.shadowOffsetY = 0), h.fill) {
+      const S = this.createCanvasFill(t, h.fill, e, s);
+      S ? t.strokeStyle = S : t.strokeStyle = h.color || "#000000";
     } else
-      t.strokeStyle = f.color || "#000000";
+      t.strokeStyle = h.color || "#000000";
     const d = t.globalAlpha;
-    t.globalAlpha = d * this.normalizeOpacity(f.opacity ?? 100), t.lineWidth = l, t.lineCap = f.lineCap || "round", t.lineJoin = f.lineJoin || "round", f.miterLimit !== void 0 && (t.miterLimit = f.miterLimit);
-    const u = f.trimStart ?? 0, v = f.trimEnd ?? 1, b = f.trimOffset ?? 0, m = f.dashOffset ?? 0, y = f.dashArray || [];
+    t.globalAlpha = d * this.normalizeOpacity(h.opacity ?? 100), t.lineWidth = l, t.lineCap = h.lineCap || "round", t.lineJoin = h.lineJoin || "round", h.miterLimit !== void 0 && (t.miterLimit = h.miterLimit);
+    const u = h.trimStart ?? 0, v = h.trimEnd ?? 1, b = h.trimOffset ?? 0, m = h.dashOffset ?? 0, y = h.dashArray || [];
     if (u !== 0 || v !== 1 || b !== 0) {
       const S = this.getPerimeter(o, e, s);
       if (S > 0) {
@@ -3923,7 +3924,7 @@ class ci {
         }
       }
     } else y.length > 0 && (t.setLineDash(y), t.lineDashOffset = m);
-    (o == null ? void 0 : o.type) === "Line" || e === 0 || s === 0 ? (this.applyPath(t, o, e, s, n), t.stroke()) : p === "inside" ? (t.lineWidth = l * 2, t.save(), this.applyPath(t, o, e, s, n), t.clip(), t.stroke(), t.restore()) : p === "outside" ? (t.lineWidth = l * 2, this.applyPath(t, o, e, s, n), t.stroke(), t.save(), t.globalCompositeOperation = "destination-out", this.applyPath(t, o, e, s, n), t.fill(), t.restore()) : (t.lineWidth = l, this.applyPath(t, o, e, s, n), t.stroke()), t.restore();
+    (o == null ? void 0 : o.type) === "Line" || e === 0 || s === 0 ? (this.applyPath(t, o, e, s, n), t.stroke()) : p === "inside" ? (t.lineWidth = l * 2, t.save(), this.applyPath(t, o, e, s, n), t.clip(), t.stroke(), t.restore()) : p === "outside" ? (t.lineWidth = l * 2, t.save(), t.beginPath(), t.rect(-99999, -99999, 199998, 199998), this._tracePath(t, o, e, s, n), t.clip("evenodd"), this.applyPath(t, o, e, s, n), t.stroke(), t.restore()) : (t.lineWidth = l, this.applyPath(t, o, e, s, n), t.stroke()), t.restore();
   }
   getPerimeter(t, i, o) {
     switch (this.ensurePathPoints(t), t == null ? void 0 : t.type) {
@@ -3932,12 +3933,12 @@ class ci {
       case "Ellipse": {
         const e = Math.abs(i) / 2, s = Math.abs(o) / 2, n = Math.abs(t.sweepAngle ?? 360), a = t.ratio || 0, r = Math.PI * (3 * (e + s) - Math.sqrt((3 * e + s) * (e + 3 * s)));
         if (n >= 360 && a <= 0) return r;
-        let f = n / 360 * r;
+        let h = n / 360 * r;
         if (a > 0) {
-          const h = Math.PI * (3 * (e * a + s * a) - Math.sqrt((3 * e * a + s * a) * (e * a + 3 * s * a)));
-          f += n / 360 * h, n < 360 && (f += 2 * Math.sqrt((e - e * a) ** 2 + (s - s * a) ** 2));
-        } else n < 360 && (f += 2 * Math.max(e, s));
-        return isNaN(f) ? 0 : f;
+          const f = Math.PI * (3 * (e * a + s * a) - Math.sqrt((3 * e * a + s * a) * (e * a + 3 * s * a)));
+          h += n / 360 * f, n < 360 && (h += 2 * Math.sqrt((e - e * a) ** 2 + (s - s * a) ** 2));
+        } else n < 360 && (h += 2 * Math.max(e, s));
+        return isNaN(h) ? 0 : h;
       }
       case "Line":
         return t.length || Math.sqrt(i * i + o * o);
@@ -3956,22 +3957,22 @@ class ci {
         if (e.length < 2) return t.length || 0;
         let s = 0, n = e[0].x, a = e[0].y;
         for (let r = 1; r < e.length; r++) {
-          const f = e[r];
-          if (f.moveTo) {
-            n = f.x, a = f.y;
+          const h = e[r];
+          if (h.moveTo) {
+            n = h.x, a = h.y;
             continue;
           }
-          const h = n, l = a, p = e[r - 1].out_x, c = e[r - 1].out_y;
-          if (p !== void 0 || f.in_x !== void 0 ? s += this.getBezierLength(
-            h,
+          const f = n, l = a, p = e[r - 1].out_x, c = e[r - 1].out_y;
+          if (p !== void 0 || h.in_x !== void 0 ? s += this.getBezierLength(
+            f,
             l,
-            p ?? h,
+            p ?? f,
             c ?? l,
-            f.in_x ?? f.x,
-            f.in_y ?? f.y,
-            f.x,
-            f.y
-          ) : s += Math.sqrt((f.x - h) ** 2 + (f.y - l) ** 2), n = f.x, a = f.y, f.closePath || r === e.length - 1 && (t.is_closed || t.isClosed)) {
+            h.in_x ?? h.x,
+            h.in_y ?? h.y,
+            h.x,
+            h.y
+          ) : s += Math.sqrt((h.x - f) ** 2 + (h.y - l) ** 2), n = h.x, a = h.y, h.closePath || r === e.length - 1 && (t.is_closed || t.isClosed)) {
             const d = n, u = a, v = [...e.slice(0, r + 1)].reverse().find((M) => M.moveTo) || e[0], b = v.x, m = v.y, y = e[r].out_x, S = e[r].out_y, C = v.in_x, w = v.in_y;
             y !== void 0 || C !== void 0 ? s += this.getBezierLength(
               d,
@@ -3991,22 +3992,22 @@ class ci {
         return (i + o) * 2;
     }
   }
-  getBezierLength(t, i, o, e, s, n, a, r, f = 10) {
-    let h = 0, l = t, p = i;
-    for (let c = 1; c <= f; c++) {
-      const d = c / f, u = 1 - d, v = d * d, b = u * u, m = b * u, y = v * d, S = m * t + 3 * b * d * o + 3 * u * v * s + y * a, C = m * i + 3 * b * d * e + 3 * u * v * n + y * r, w = S - l, M = C - p;
-      h += Math.sqrt(w * w + M * M), l = S, p = C;
+  getBezierLength(t, i, o, e, s, n, a, r, h = 10) {
+    let f = 0, l = t, p = i;
+    for (let c = 1; c <= h; c++) {
+      const d = c / h, u = 1 - d, v = d * d, b = u * u, m = b * u, y = v * d, S = m * t + 3 * b * d * o + 3 * u * v * s + y * a, C = m * i + 3 * b * d * e + 3 * u * v * n + y * r, w = S - l, M = C - p;
+      f += Math.sqrt(w * w + M * M), l = S, p = C;
     }
-    return h;
+    return f;
   }
-  getBezierTAtLength(t, i, o, e, s, n, a, r, f, h = 20) {
+  getBezierTAtLength(t, i, o, e, s, n, a, r, h, f = 20) {
     if (t <= 0) return 0;
     let l = 0, p = i, c = o;
-    for (let d = 1; d <= h; d++) {
-      const u = d / h, v = 1 - u, b = u * u, m = v * v, y = m * v, S = b * u, C = y * i + 3 * m * u * e + 3 * v * b * n + S * r, w = y * o + 3 * m * u * s + 3 * v * b * a + S * f, M = C - p, I = w - c, k = Math.sqrt(M * M + I * I);
+    for (let d = 1; d <= f; d++) {
+      const u = d / f, v = 1 - u, b = u * u, m = v * v, y = m * v, S = b * u, C = y * i + 3 * m * u * e + 3 * v * b * n + S * r, w = y * o + 3 * m * u * s + 3 * v * b * a + S * h, M = C - p, I = w - c, k = Math.sqrt(M * M + I * I);
       if (l + k >= t) {
         const T = t - l, L = k === 0 ? 0 : T / k;
-        return (d - 1 + L) / h;
+        return (d - 1 + L) / f;
       }
       l += k, p = C, c = w;
     }
@@ -4016,11 +4017,11 @@ class ci {
     if (this.ensurePathPoints(t), (t == null ? void 0 : t.type) === "Path") {
       const s = t.points || [];
       if (s.length < 2) return { x: 0, y: 0, angle: 0 };
-      let n = 1 / 0, a = -1 / 0, r = 1 / 0, f = -1 / 0;
+      let n = 1 / 0, a = -1 / 0, r = 1 / 0, h = -1 / 0;
       s.forEach((m) => {
-        typeof m.x == "number" && typeof m.y == "number" && (n = Math.min(n, m.x), a = Math.max(a, m.x), r = Math.min(r, m.y), f = Math.max(f, m.y), m.out_x !== void 0 && (n = Math.min(n, m.out_x), a = Math.max(a, m.out_x)), m.out_y !== void 0 && (r = Math.min(r, m.out_y), f = Math.max(f, m.out_y)), m.in_x !== void 0 && (n = Math.min(n, m.in_x), a = Math.max(a, m.in_x)), m.in_y !== void 0 && (r = Math.min(r, m.in_y), f = Math.max(f, m.in_y)));
+        typeof m.x == "number" && typeof m.y == "number" && (n = Math.min(n, m.x), a = Math.max(a, m.x), r = Math.min(r, m.y), h = Math.max(h, m.y), m.out_x !== void 0 && (n = Math.min(n, m.out_x), a = Math.max(a, m.out_x)), m.out_y !== void 0 && (r = Math.min(r, m.out_y), h = Math.max(h, m.out_y)), m.in_x !== void 0 && (n = Math.min(n, m.in_x), a = Math.max(a, m.in_x)), m.in_y !== void 0 && (r = Math.min(r, m.in_y), h = Math.max(h, m.in_y)));
       });
-      const h = (n + a) / 2, l = (r + f) / 2, c = this.getPerimeter(t, i, o) * e;
+      const f = (n + a) / 2, l = (r + h) / 2, c = this.getPerimeter(t, i, o) * e;
       let d = 0;
       const u = [];
       let v = s[0], b = s[0];
@@ -4039,27 +4040,27 @@ class ci {
         if (w ? C = this.getBezierLength(y.x, y.y, y.out_x ?? y.x, y.out_y ?? y.y, S.in_x ?? S.x, S.in_y ?? S.y, S.x, S.y) : C = Math.sqrt((S.x - y.x) ** 2 + (S.y - y.y) ** 2), d + C >= c || m === u[u.length - 1]) {
           let M = 0;
           if (w)
-            return M = this.getBezierTAtLength(c - d, y.x, y.y, y.out_x ?? y.x, y.out_y ?? y.y, S.in_x ?? S.x, S.in_y ?? S.y, S.x, S.y, 20), this.getBezierPointAndAngle(M, y, S, h, l);
+            return M = this.getBezierTAtLength(c - d, y.x, y.y, y.out_x ?? y.x, y.out_y ?? y.y, S.in_x ?? S.x, S.in_y ?? S.y, S.x, S.y, 20), this.getBezierPointAndAngle(M, y, S, f, l);
           {
             M = C === 0 ? 0 : (c - d) / C;
-            const I = y.x + (S.x - y.x) * M - h, k = y.y + (S.y - y.y) * M - l, T = Math.atan2(S.y - y.y, S.x - y.x);
+            const I = y.x + (S.x - y.x) * M - f, k = y.y + (S.y - y.y) * M - l, T = Math.atan2(S.y - y.y, S.x - y.x);
             return { x: I, y: k, angle: T };
           }
         }
         d += C;
       }
     } else if (t.type === "Ellipse") {
-      const s = Math.abs(i) / 2, n = Math.abs(o) / 2, a = t.sweepAngle ?? 360, f = ((t.startAngle ?? 0) + a * e) * Math.PI / 180, h = s * Math.cos(f), l = n * Math.sin(f), p = -s * Math.sin(f), c = n * Math.cos(f), d = Math.atan2(c, p);
-      return { x: h, y: l, angle: d };
+      const s = Math.abs(i) / 2, n = Math.abs(o) / 2, a = t.sweepAngle ?? 360, h = ((t.startAngle ?? 0) + a * e) * Math.PI / 180, f = s * Math.cos(h), l = n * Math.sin(h), p = -s * Math.sin(h), c = n * Math.cos(h), d = Math.atan2(c, p);
+      return { x: f, y: l, angle: d };
     } else if ((t == null ? void 0 : t.type) === "Rectangle") {
       const s = Math.abs(i), n = Math.abs(o), r = (s + n) * 2 * e;
-      let f = 0, h = 0, l = 0;
-      return r < s ? (f = -s / 2 + r, h = -n / 2, l = 0) : r < s + n ? (f = s / 2, h = -n / 2 + (r - s), l = Math.PI / 2) : r < 2 * s + n ? (f = s / 2 - (r - (s + n)), h = n / 2, l = Math.PI) : (f = -s / 2, h = n / 2 - (r - (2 * s + n)), l = -Math.PI / 2), { x: f, y: h, angle: l };
+      let h = 0, f = 0, l = 0;
+      return r < s ? (h = -s / 2 + r, f = -n / 2, l = 0) : r < s + n ? (h = s / 2, f = -n / 2 + (r - s), l = Math.PI / 2) : r < 2 * s + n ? (h = s / 2 - (r - (s + n)), f = n / 2, l = Math.PI) : (h = -s / 2, f = n / 2 - (r - (2 * s + n)), l = -Math.PI / 2), { x: h, y: f, angle: l };
     }
     return { x: 0, y: 0, angle: 0 };
   }
   getBezierPointAndAngle(t, i, o, e, s) {
-    const n = i.x, a = i.y, r = i.out_x ?? i.x, f = i.out_y ?? i.y, h = o.in_x ?? o.x, l = o.in_y ?? o.y, p = o.x, c = o.y, d = 1 - t, u = t * t, v = d * d, b = v * d, m = u * t, y = b * n + 3 * v * t * r + 3 * d * u * h + m * p - e, S = b * a + 3 * v * t * f + 3 * d * u * l + m * c - s, C = 3 * v * (r - n) + 6 * d * t * (h - r) + 3 * u * (p - h), w = 3 * v * (f - a) + 6 * d * t * (l - f) + 3 * u * (c - l), M = Math.atan2(w, C);
+    const n = i.x, a = i.y, r = i.out_x ?? i.x, h = i.out_y ?? i.y, f = o.in_x ?? o.x, l = o.in_y ?? o.y, p = o.x, c = o.y, d = 1 - t, u = t * t, v = d * d, b = v * d, m = u * t, y = b * n + 3 * v * t * r + 3 * d * u * f + m * p - e, S = b * a + 3 * v * t * h + 3 * d * u * l + m * c - s, C = 3 * v * (r - n) + 6 * d * t * (f - r) + 3 * u * (p - f), w = 3 * v * (h - a) + 6 * d * t * (l - h) + 3 * u * (c - l), M = Math.atan2(w, C);
     return { x: y, y: S, angle: M };
   }
   applyAbsoluteTransform(t, i, o) {
@@ -4085,57 +4086,57 @@ class ci {
       const b = Math.tan(e * Math.PI / 180), m = Math.tan(s * Math.PI / 180);
       t.transform(1 + b * m, m, b, 1, 0, 0);
     }
-    const n = o.rotate_x !== void 0 ? o.rotate_x : ((d = o.transform) == null ? void 0 : d.rotate_x) ?? 0, a = o.rotate_y !== void 0 ? o.rotate_y : ((u = o.transform) == null ? void 0 : u.rotate_y) ?? 0, f = 1 + (o.translate_z !== void 0 ? o.translate_z : ((v = o.transform) == null ? void 0 : v.translate_z) ?? 0) / 1e3, h = (o.flip_x === !0 ? -1 : 1) * Math.cos(a * Math.PI / 180) * f, l = (o.flip_y === !0 ? -1 : 1) * Math.cos(n * Math.PI / 180) * f, p = (o.scale_x ?? 1) * h, c = (o.scale_y ?? 1) * l;
+    const n = o.rotate_x !== void 0 ? o.rotate_x : ((d = o.transform) == null ? void 0 : d.rotate_x) ?? 0, a = o.rotate_y !== void 0 ? o.rotate_y : ((u = o.transform) == null ? void 0 : u.rotate_y) ?? 0, h = 1 + (o.translate_z !== void 0 ? o.translate_z : ((v = o.transform) == null ? void 0 : v.translate_z) ?? 0) / 1e3, f = (o.flip_x === !0 ? -1 : 1) * Math.cos(a * Math.PI / 180) * h, l = (o.flip_y === !0 ? -1 : 1) * Math.cos(n * Math.PI / 180) * h, p = (o.scale_x ?? 1) * f, c = (o.scale_y ?? 1) * l;
     t.scale(p, c);
   }
   applyArtEffectOverlay(t, i, o, e, s, n) {
     var c, d, u, v, b;
     const a = this.objectStates.get(i.id), r = ((c = a == null ? void 0 : a.style) == null ? void 0 : c.artEffect) || i.artEffect || ((d = i.style) == null ? void 0 : d.artEffect);
     if (!r || !r.enabled) return;
-    const f = r.type, h = r.intensity ?? 0.5, l = r.speed ?? 1, p = r.scale ?? 10;
-    if (f === "acid_gradient" || f === "acid_rave" || f === "shimmer" || f === "glint_overlay" || f === "halftone" || f === "noise" || f === "scanlines" || f === "chromatic_aberration" || f === "pixelate" || f === "glitch" || f === "fold_overlay" || f === "crumple_overlay") {
-      if (t.save(), this.applyPath(t, o, e, s, n), t.clip(), f === "shimmer") {
+    const h = r.type, f = r.intensity ?? 0.5, l = r.speed ?? 1, p = r.scale ?? 10;
+    if (h === "acid_gradient" || h === "acid_rave" || h === "shimmer" || h === "glint_overlay" || h === "halftone" || h === "noise" || h === "scanlines" || h === "chromatic_aberration" || h === "pixelate" || h === "glitch" || h === "fold_overlay" || h === "crumple_overlay") {
+      if (t.save(), this.applyPath(t, o, e, s, n), t.clip(), h === "shimmer") {
         const y = this.currentTime * l % 2 / 2, S = t.createLinearGradient(-e, -s, e, s);
-        S.addColorStop(Math.max(0, y - 0.2), "rgba(255,255,255,0)"), S.addColorStop(y, `rgba(255,255,255,${h * 0.8})`), S.addColorStop(Math.min(1, y + 0.2), "rgba(255,255,255,0)"), t.fillStyle = S, t.globalCompositeOperation = "screen", t.fillRect(-e / 2, -s / 2, e, s), t.globalCompositeOperation = "source-over";
-      } else if (f === "glint_overlay") {
+        S.addColorStop(Math.max(0, y - 0.2), "rgba(255,255,255,0)"), S.addColorStop(y, `rgba(255,255,255,${f * 0.8})`), S.addColorStop(Math.min(1, y + 0.2), "rgba(255,255,255,0)"), t.fillStyle = S, t.globalCompositeOperation = "screen", t.fillRect(-e / 2, -s / 2, e, s), t.globalCompositeOperation = "source-over";
+      } else if (h === "glint_overlay") {
         let S = ((this._lastPointerPos || { x: 0 }).x - (((u = i.transform) == null ? void 0 : u.x) ?? 0) + 300) / 600;
         S = Math.max(-0.2, Math.min(1.2, S));
         const C = t.createLinearGradient(-e, -s, e, s);
-        C.addColorStop(Math.max(0, S - 0.15), "rgba(255,255,255,0)"), C.addColorStop(Math.max(0, Math.min(1, S)), `rgba(255,255,255,${h})`), C.addColorStop(Math.min(1, S + 0.15), "rgba(255,255,255,0)"), t.fillStyle = C, t.globalCompositeOperation = "screen", t.fillRect(-e / 2, -s / 2, e, s), t.globalCompositeOperation = "source-over";
-      } else if (f === "fold_overlay") {
+        C.addColorStop(Math.max(0, S - 0.15), "rgba(255,255,255,0)"), C.addColorStop(Math.max(0, Math.min(1, S)), `rgba(255,255,255,${f})`), C.addColorStop(Math.min(1, S + 0.15), "rgba(255,255,255,0)"), t.fillStyle = C, t.globalCompositeOperation = "screen", t.fillRect(-e / 2, -s / 2, e, s), t.globalCompositeOperation = "source-over";
+      } else if (h === "fold_overlay") {
         const m = this._lastPointerPos || { x: 0, y: 0 }, y = m.x - (((v = i.transform) == null ? void 0 : v.x) ?? 0), S = m.y - (((b = i.transform) == null ? void 0 : b.y) ?? 0), C = t.createLinearGradient(y > 0 ? -e / 2 : e / 2, S > 0 ? -s / 2 : s / 2, y > 0 ? e / 2 : -e / 2, S > 0 ? s / 2 : -s / 2);
-        C.addColorStop(0, `rgba(0,0,0,${h * 0.6})`), C.addColorStop(0.4, "rgba(0,0,0,0)"), C.addColorStop(0.5, `rgba(255,255,255,${h * 0.4})`), C.addColorStop(1, `rgba(0,0,0,${h * 0.2})`), t.fillStyle = C, t.globalCompositeOperation = "overlay", t.fillRect(-e / 2, -s / 2, e, s), t.globalCompositeOperation = "source-over", t.beginPath(), y > 0 && S > 0 ? (t.moveTo(e / 2 - 40, s / 2), t.lineTo(e / 2, s / 2 - 40), t.lineTo(e / 2 - 40, s / 2 - 40)) : y < 0 && S > 0 ? (t.moveTo(-e / 2 + 40, s / 2), t.lineTo(-e / 2, s / 2 - 40), t.lineTo(-e / 2 + 40, s / 2 - 40)) : y > 0 && S < 0 ? (t.moveTo(e / 2 - 40, -s / 2), t.lineTo(e / 2, -s / 2 + 40), t.lineTo(e / 2 - 40, -s / 2 + 40)) : (t.moveTo(-e / 2 + 40, -s / 2), t.lineTo(-e / 2, -s / 2 + 40), t.lineTo(-e / 2 + 40, -s / 2 + 40)), t.closePath(), t.fillStyle = "#ffffff", t.shadowColor = "rgba(0,0,0,0.5)", t.shadowBlur = 10, t.shadowOffsetX = y > 0 ? -2 : 2, t.shadowOffsetY = S > 0 ? -2 : 2, t.fill();
-      } else if (f === "crumple_overlay") {
+        C.addColorStop(0, `rgba(0,0,0,${f * 0.6})`), C.addColorStop(0.4, "rgba(0,0,0,0)"), C.addColorStop(0.5, `rgba(255,255,255,${f * 0.4})`), C.addColorStop(1, `rgba(0,0,0,${f * 0.2})`), t.fillStyle = C, t.globalCompositeOperation = "overlay", t.fillRect(-e / 2, -s / 2, e, s), t.globalCompositeOperation = "source-over", t.beginPath(), y > 0 && S > 0 ? (t.moveTo(e / 2 - 40, s / 2), t.lineTo(e / 2, s / 2 - 40), t.lineTo(e / 2 - 40, s / 2 - 40)) : y < 0 && S > 0 ? (t.moveTo(-e / 2 + 40, s / 2), t.lineTo(-e / 2, s / 2 - 40), t.lineTo(-e / 2 + 40, s / 2 - 40)) : y > 0 && S < 0 ? (t.moveTo(e / 2 - 40, -s / 2), t.lineTo(e / 2, -s / 2 + 40), t.lineTo(e / 2 - 40, -s / 2 + 40)) : (t.moveTo(-e / 2 + 40, -s / 2), t.lineTo(-e / 2, -s / 2 + 40), t.lineTo(-e / 2 + 40, -s / 2 + 40)), t.closePath(), t.fillStyle = "#ffffff", t.shadowColor = "rgba(0,0,0,0.5)", t.shadowBlur = 10, t.shadowOffsetX = y > 0 ? -2 : 2, t.shadowOffsetY = S > 0 ? -2 : 2, t.fill();
+      } else if (h === "crumple_overlay") {
         const m = Math.floor(e / p), y = document.createElement("canvas");
         y.width = m, y.height = Math.floor(s / p);
         const S = y.getContext("2d"), C = S.createImageData(y.width, y.height);
         for (let w = 0; w < C.data.length; w += 4) {
           const M = Math.random() > 0.95 ? 150 : 255;
-          C.data[w] = M, C.data[w + 1] = M, C.data[w + 2] = M, C.data[w + 3] = 255 * h;
+          C.data[w] = M, C.data[w + 1] = M, C.data[w + 2] = M, C.data[w + 3] = 255 * f;
         }
         S.putImageData(C, 0, 0), t.globalCompositeOperation = "multiply", t.imageSmoothingEnabled = !1, t.drawImage(y, -e / 2, -s / 2, e, s);
-      } else if (f === "acid_gradient" || f === "acid_rave") {
+      } else if (h === "acid_gradient" || h === "acid_rave") {
         const m = this.currentTime * l, y = r.color1, S = r.color2, C = t.createLinearGradient(-e / 2, -s / 2, e / 2, s / 2);
         if (y && S) {
           const w = m * 60 % 360;
-          C.addColorStop(0, this._shiftHue(y, w, h * 0.7)), C.addColorStop(1, this._shiftHue(S, (w + 180) % 360, h * 0.7));
+          C.addColorStop(0, this._shiftHue(y, w, f * 0.7)), C.addColorStop(1, this._shiftHue(S, (w + 180) % 360, f * 0.7));
         } else {
           const w = m * 100 % 360, M = (w + 180) % 360;
-          C.addColorStop(0, `hsla(${w}, 80%, 50%, ${h * 0.5})`), C.addColorStop(1, `hsla(${M}, 80%, 50%, ${h * 0.5})`);
+          C.addColorStop(0, `hsla(${w}, 80%, 50%, ${f * 0.5})`), C.addColorStop(1, `hsla(${M}, 80%, 50%, ${f * 0.5})`);
         }
         t.fillStyle = C, t.globalCompositeOperation = "screen", t.fillRect(-e / 2, -s / 2, e, s);
-      } else if (f === "halftone") {
-        const m = Math.max(2, p * (1 - h * 0.8)), y = document.createElement("canvas");
+      } else if (h === "halftone") {
+        const m = Math.max(2, p * (1 - f * 0.8)), y = document.createElement("canvas");
         y.width = m, y.height = m;
         const S = y.getContext("2d");
         if (S) {
-          S.fillStyle = "black", S.beginPath(), S.arc(m / 2, m / 2, m / 2 * h, 0, Math.PI * 2), S.fill();
+          S.fillStyle = "black", S.beginPath(), S.arc(m / 2, m / 2, m / 2 * f, 0, Math.PI * 2), S.fill();
           const C = t.createPattern(y, "repeat");
-          C && (t.globalAlpha = 0.3 * h, t.fillStyle = C, t.fillRect(-e / 2, -s / 2, e, s));
+          C && (t.globalAlpha = 0.3 * f, t.fillStyle = C, t.fillRect(-e / 2, -s / 2, e, s));
         }
-      } else if (f === "noise") {
-        const m = Math.floor(e * s * h * 0.02);
-        t.globalAlpha = 0.4 * h;
+      } else if (h === "noise") {
+        const m = Math.floor(e * s * f * 0.02);
+        t.globalAlpha = 0.4 * f;
         for (let y = 0; y < m; y++) {
           const S = Math.random() > 0.5 ? 255 : 0;
           t.fillStyle = `rgba(${S}, ${S}, ${S}, ${0.5 + Math.random() * 0.5})`, t.fillRect(
@@ -4145,15 +4146,15 @@ class ci {
             2
           );
         }
-      } else if (f === "scanlines") {
-        t.globalAlpha = 0.2 * h, t.strokeStyle = "rgba(0,0,0,0.5)", t.lineWidth = 1;
+      } else if (h === "scanlines") {
+        t.globalAlpha = 0.2 * f, t.strokeStyle = "rgba(0,0,0,0.5)", t.lineWidth = 1;
         for (let m = -s / 2; m < s / 2; m += 4)
           t.beginPath(), t.moveTo(-e / 2, m), t.lineTo(e / 2, m), t.stroke();
-      } else if (f === "chromatic_aberration") {
-        const m = 5 * h;
+      } else if (h === "chromatic_aberration") {
+        const m = 5 * f;
         t.globalCompositeOperation = "screen", t.globalAlpha = 0.5, t.fillStyle = "cyan", t.fillRect(-e / 2 - m, -s / 2, e, s), t.fillStyle = "magenta", t.fillRect(-e / 2 + m, -s / 2, e, s);
-      } else if (f === "pixelate") {
-        const m = Math.max(2, Math.round(p * (1 - h * 0.5))), y = document.createElement("canvas"), S = Math.max(1, Math.ceil(e / m)), C = Math.max(1, Math.ceil(s / m));
+      } else if (h === "pixelate") {
+        const m = Math.max(2, Math.round(p * (1 - f * 0.5))), y = document.createElement("canvas"), S = Math.max(1, Math.ceil(e / m)), C = Math.max(1, Math.ceil(s / m));
         y.width = S, y.height = C;
         const w = y.getContext("2d");
         if (w) {
@@ -4161,9 +4162,9 @@ class ci {
           const M = t.getTransform(), I = M.e - e / 2, k = M.f - s / 2;
           w.drawImage(t.canvas, I, k, e, s, 0, 0, S, C), t.imageSmoothingEnabled = !1, t.drawImage(y, 0, 0, S, C, -e / 2, -s / 2, e, s), t.imageSmoothingEnabled = !0;
         }
-      } else if (f === "glitch") {
-        const m = this.currentTime * l, y = r.chaosAmount ?? 0.2, S = Math.max(3, Math.floor(8 * h)), C = h * e * 0.15;
-        t.globalCompositeOperation = "screen", t.globalAlpha = h * 0.4;
+      } else if (h === "glitch") {
+        const m = this.currentTime * l, y = r.chaosAmount ?? 0.2, S = Math.max(3, Math.floor(8 * f)), C = f * e * 0.15;
+        t.globalCompositeOperation = "screen", t.globalAlpha = f * 0.4;
         const w = C * 0.3;
         t.fillStyle = "rgba(255, 0, 0, 0.4)", t.fillRect(-e / 2 + w, -s / 2, e, s), t.fillStyle = "rgba(0, 255, 255, 0.4)", t.fillRect(-e / 2 - w, -s / 2, e, s), t.globalCompositeOperation = "source-over", t.globalAlpha = 1;
         const M = s / S;
@@ -4186,22 +4187,22 @@ class ci {
       e = parseInt(c.substring(0, 2), 16) / 255, s = parseInt(c.substring(2, 4), 16) / 255, n = parseInt(c.substring(4, 6), 16) / 255;
     }
     const a = Math.max(e, s, n), r = Math.min(e, s, n);
-    let f = 0, h = 0, l = (a + r) / 2;
+    let h = 0, f = 0, l = (a + r) / 2;
     if (a !== r) {
       const c = a - r;
-      switch (h = l > 0.5 ? c / (2 - a - r) : c / (a + r), a) {
+      switch (f = l > 0.5 ? c / (2 - a - r) : c / (a + r), a) {
         case e:
-          f = ((s - n) / c + (s < n ? 6 : 0)) / 6;
+          h = ((s - n) / c + (s < n ? 6 : 0)) / 6;
           break;
         case s:
-          f = ((n - e) / c + 2) / 6;
+          h = ((n - e) / c + 2) / 6;
           break;
         case n:
-          f = ((e - s) / c + 4) / 6;
+          h = ((e - s) / c + 4) / 6;
           break;
       }
     }
-    return `hsla(${(((f * 360 + i) % 360 + 360) % 360).toFixed(0)}, ${(h * 100).toFixed(0)}%, ${(l * 100).toFixed(0)}%, ${o})`;
+    return `hsla(${(((h * 360 + i) % 360 + 360) % 360).toFixed(0)}, ${(f * 100).toFixed(0)}%, ${(l * 100).toFixed(0)}%, ${o})`;
   }
   /**
    * Simulate CSS `backdrop-filter: blur()` + glass overlay on Canvas2D.
@@ -4212,7 +4213,7 @@ class ci {
    * 4. Apply the overlay color tint, sheen highlight, noise grain, and glass border
    */
   applyBackgroundBlurGlass(t, i, o, e, s, n) {
-    const a = n.radius ?? 10, r = n.color ?? "rgba(255,255,255,0.2)", f = n.opacity !== void 0 ? this.normalizeOpacity(n.opacity) : 0.5, h = n.noise ?? 0;
+    const a = n.radius ?? 10, r = n.color ?? "rgba(255,255,255,0.2)", h = n.opacity !== void 0 ? this.normalizeOpacity(n.opacity) : 0.5, f = n.noise ?? 0;
     t.save(), this.applyPath(t, i, o, e, s), t.clip();
     const l = t.getTransform(), p = t.canvas;
     try {
@@ -4237,10 +4238,10 @@ class ci {
       }
     } catch {
     }
-    t.globalCompositeOperation = "source-over", t.globalAlpha = f, t.fillStyle = r, t.fillRect(-o / 2, -e / 2, o, e), t.globalAlpha = 1, t.globalCompositeOperation = "source-atop";
+    t.globalCompositeOperation = "source-over", t.globalAlpha = h, t.fillStyle = r, t.fillRect(-o / 2, -e / 2, o, e), t.globalAlpha = 1, t.globalCompositeOperation = "source-atop";
     const c = t.createLinearGradient(-o / 2, -e / 2, o / 2, e / 2);
-    if (c.addColorStop(0, "rgba(255,255,255,0.12)"), c.addColorStop(0.3, "rgba(255,255,255,0.04)"), c.addColorStop(0.5, "rgba(255,255,255,0.0)"), c.addColorStop(1, "rgba(255,255,255,0.0)"), t.fillStyle = c, t.fillRect(-o / 2, -e / 2, o, e), h > 0) {
-      if (t.globalAlpha = h / 100, !this._noiseTileCanvas) {
+    if (c.addColorStop(0, "rgba(255,255,255,0.12)"), c.addColorStop(0.3, "rgba(255,255,255,0.04)"), c.addColorStop(0.5, "rgba(255,255,255,0.0)"), c.addColorStop(1, "rgba(255,255,255,0.0)"), t.fillStyle = c, t.fillRect(-o / 2, -e / 2, o, e), f > 0) {
+      if (t.globalAlpha = f / 100, !this._noiseTileCanvas) {
         const u = document.createElement("canvas");
         u.width = 64, u.height = 64;
         const v = u.getContext("2d"), b = v.createImageData(64, 64), m = b.data;
@@ -4266,76 +4267,76 @@ class ci {
       } else if (i.type === "Line")
         t.moveTo(-o / 2, 0), t.lineTo(o / 2, 0);
       else if (i.type === "Ellipse") {
-        const { startAngle: n = 0, sweepAngle: a = 360, ratio: r = 0 } = i, f = o / 2, h = e / 2, l = n * Math.PI / 180, p = a * Math.PI / 180, c = l + p;
-        a >= 360 && r <= 0 ? t.ellipse(0, 0, f, h, 0, 0, Math.PI * 2) : (t.ellipse(0, 0, f, h, 0, l, c, !1), r > 0 ? t.ellipse(0, 0, f * r, h * r, 0, c, l, !0) : t.lineTo(0, 0), t.closePath());
+        const { startAngle: n = 0, sweepAngle: a = 360, ratio: r = 0 } = i, h = o / 2, f = e / 2, l = n * Math.PI / 180, p = a * Math.PI / 180, c = l + p;
+        a >= 360 && r <= 0 ? t.ellipse(0, 0, h, f, 0, 0, Math.PI * 2) : (t.ellipse(0, 0, h, f, 0, l, c, !1), r > 0 ? t.ellipse(0, 0, h * r, f * r, 0, c, l, !0) : t.lineTo(0, 0), t.closePath());
       } else if (i.type === "Triangle")
         t.moveTo(0, -e / 2), t.lineTo(o / 2, e / 2), t.lineTo(-o / 2, e / 2), t.closePath();
       else if (i.type === "Polygon") {
         const n = i.sides || 3, a = i.radius || Math.min(o, e) / 2;
         for (let r = 0; r < n; r++) {
-          const f = r * 2 * Math.PI / n - Math.PI / 2, h = a * Math.cos(f), l = a * Math.sin(f);
-          r === 0 ? t.moveTo(h, l) : t.lineTo(h, l);
+          const h = r * 2 * Math.PI / n - Math.PI / 2, f = a * Math.cos(h), l = a * Math.sin(h);
+          r === 0 ? t.moveTo(f, l) : t.lineTo(f, l);
         }
         t.closePath();
       } else if (i.type === "Star") {
         const n = i.points || 5, a = i.outer_radius || Math.min(o, e) / 2;
         let r = i.inner_radius;
         r == null ? r = a * 0.382 : r <= 1 && (r = a * r);
-        for (let f = 0; f < n * 2; f++) {
-          const h = f * Math.PI / n - Math.PI / 2, l = f % 2 === 0 ? a : r, p = l * Math.cos(h), c = l * Math.sin(h);
-          f === 0 ? t.moveTo(p, c) : t.lineTo(p, c);
+        for (let h = 0; h < n * 2; h++) {
+          const f = h * Math.PI / n - Math.PI / 2, l = h % 2 === 0 ? a : r, p = l * Math.cos(f), c = l * Math.sin(f);
+          h === 0 ? t.moveTo(p, c) : t.lineTo(p, c);
         }
         t.closePath();
       } else if (((i == null ? void 0 : i.type) === "Path" || i.type === "Subtract" || i.type === "Union" || i.type === "Intersect" || i.type === "Exclude" || i.type === "BooleanOperation") && i.points) {
         this.frameCount % 300 === 0 && this.log("[Engine] Tracing Path:", i.points.length, "points");
-        let n = 1 / 0, a = -1 / 0, r = 1 / 0, f = -1 / 0;
+        let n = 1 / 0, a = -1 / 0, r = 1 / 0, h = -1 / 0;
         if (i.points.forEach((p) => {
-          typeof p.x == "number" && typeof p.y == "number" && (n = Math.min(n, p.x), a = Math.max(a, p.x), r = Math.min(r, p.y), f = Math.max(f, p.y), p.out_x !== void 0 && (n = Math.min(n, p.out_x), a = Math.max(a, p.out_x)), p.out_y !== void 0 && (r = Math.min(r, p.out_y), f = Math.max(f, p.out_y)), p.in_x !== void 0 && (n = Math.min(n, p.in_x), a = Math.max(a, p.in_x)), p.in_y !== void 0 && (r = Math.min(r, p.in_y), f = Math.max(f, p.in_y)));
+          typeof p.x == "number" && typeof p.y == "number" && (n = Math.min(n, p.x), a = Math.max(a, p.x), r = Math.min(r, p.y), h = Math.max(h, p.y), p.out_x !== void 0 && (n = Math.min(n, p.out_x), a = Math.max(a, p.out_x)), p.out_y !== void 0 && (r = Math.min(r, p.out_y), h = Math.max(h, p.out_y)), p.in_x !== void 0 && (n = Math.min(n, p.in_x), a = Math.max(a, p.in_x)), p.in_y !== void 0 && (r = Math.min(r, p.in_y), h = Math.max(h, p.in_y)));
         }), n === 1 / 0) return;
-        const h = (n + a) / 2, l = (r + f) / 2;
-        if (isNaN(h) || isNaN(l)) {
-          this.warn("[Engine] Invalid path center:", h, l);
+        const f = (n + a) / 2, l = (r + h) / 2;
+        if (isNaN(f) || isNaN(l)) {
+          this.warn("[Engine] Invalid path center:", f, l);
           return;
         }
         i.points.forEach((p, c) => {
           if (c === 0 || p.moveTo)
-            t.moveTo(p.x - h, p.y - l);
+            t.moveTo(p.x - f, p.y - l);
           else {
             const d = i.points[c - 1];
             if (!d) return;
-            const u = (d.out_x ?? d.x) - h, v = (d.out_y ?? d.y) - l, b = (p.in_x ?? p.x) - h, m = (p.in_y ?? p.y) - l;
-            isNaN(u) || isNaN(b) || isNaN(p.x) ? t.lineTo(p.x - h, p.y - l) : t.bezierCurveTo(u, v, b, m, p.x - h, p.y - l);
+            const u = (d.out_x ?? d.x) - f, v = (d.out_y ?? d.y) - l, b = (p.in_x ?? p.x) - f, m = (p.in_y ?? p.y) - l;
+            isNaN(u) || isNaN(b) || isNaN(p.x) ? t.lineTo(p.x - f, p.y - l) : t.bezierCurveTo(u, v, b, m, p.x - f, p.y - l);
           }
           if (p.closePath || c === i.points.length - 1 && (i.is_closed || i.isClosed)) {
             const d = [...i.points.slice(0, c + 1)].reverse().find((u) => u.moveTo) || i.points[0];
             d && (p.out_x !== void 0 || d.in_x !== void 0) && t.bezierCurveTo(
-              (p.out_x ?? p.x) - h,
+              (p.out_x ?? p.x) - f,
               (p.out_y ?? p.y) - l,
-              (d.in_x ?? d.x) - h,
+              (d.in_x ?? d.x) - f,
               (d.in_y ?? d.y) - l,
-              d.x - h,
+              d.x - f,
               d.y - l
             ), t.closePath();
           }
         });
       } else if (i.points && Array.isArray(i.points)) {
-        let n = 1 / 0, a = -1 / 0, r = 1 / 0, f = -1 / 0;
+        let n = 1 / 0, a = -1 / 0, r = 1 / 0, h = -1 / 0;
         i.points.forEach((p) => {
-          n = Math.min(n, p.x), a = Math.max(a, p.x), r = Math.min(r, p.y), f = Math.max(f, p.y);
+          n = Math.min(n, p.x), a = Math.max(a, p.x), r = Math.min(r, p.y), h = Math.max(h, p.y);
         });
-        const h = (n + a) / 2, l = (r + f) / 2;
+        const f = (n + a) / 2, l = (r + h) / 2;
         i.points.forEach((p, c) => {
-          if (c === 0) t.moveTo(p.x - h, p.y - l);
+          if (c === 0) t.moveTo(p.x - f, p.y - l);
           else {
             const d = i.points[c - 1];
             d.out_x !== void 0 || p.in_x !== void 0 ? t.bezierCurveTo(
-              (d.out_x ?? d.x) - h,
+              (d.out_x ?? d.x) - f,
               (d.out_y ?? d.y) - l,
-              (p.in_x ?? p.x) - h,
+              (p.in_x ?? p.x) - f,
               (p.in_y ?? p.y) - l,
-              p.x - h,
+              p.x - f,
               p.y - l
-            ) : t.lineTo(p.x - h, p.y - l);
+            ) : t.lineTo(p.x - f, p.y - l);
           }
           (p.closePath || c === i.points.length - 1 && (i.is_closed || i.isClosed)) && t.closePath();
         });
@@ -4344,14 +4345,14 @@ class ci {
   }
   renderInputBox(t, i) {
     var R, O;
-    const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.options) || i.options || {}, s = ((R = i.geometry) == null ? void 0 : R.width) || 250, n = ((O = i.geometry) == null ? void 0 : O.height) || 45, a = this.focusedId === i.id, r = this.lastHoveredObjectId === i.id, f = e.previewState || "default", h = f !== "default" ? f : a ? "focused" : r ? "hovered" : "default", l = e.label || { visible: !0, text: "Label" }, p = e.helperText || { visible: !1, text: "Helper text" }, c = e.leftIcon || { visible: !1 }, d = e.rightIcon || { visible: !1 }, u = e.multiline === !0, v = e.corner_radius ?? 8, b = e.corners || { tl: v, tr: v, bl: v, br: v }, m = [b.tl, b.tr, b.br, b.bl];
+    const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.options) || i.options || {}, s = ((R = i.geometry) == null ? void 0 : R.width) || 250, n = ((O = i.geometry) == null ? void 0 : O.height) || 45, a = this.focusedId === i.id, r = this.lastHoveredObjectId === i.id, h = e.previewState || "default", f = h !== "default" ? h : a ? "focused" : r ? "hovered" : "default", l = e.label || { visible: !0, text: "Label" }, p = e.helperText || { visible: !1, text: "Helper text" }, c = e.leftIcon || { visible: !1 }, d = e.rightIcon || { visible: !1 }, u = e.multiline === !0, v = e.corner_radius ?? 8, b = e.corners || { tl: v, tr: v, bl: v, br: v }, m = [b.tl, b.tr, b.br, b.bl];
     let y = e.backgroundColor || "rgba(31, 41, 55, 1)", S = e.borderColor || "rgba(55, 65, 81, 1)", C = e.borderWidth ?? 1.5, w = e.color || "#ffffff", M = e.placeholderColor || "rgba(156, 163, 175, 1)", I = e.fontSize || 14;
-    const k = `${h}Style`, T = e[k];
-    T ? (T.backgroundColor !== void 0 && (y = T.backgroundColor), T.borderColor !== void 0 && (S = T.borderColor), T.borderWidth !== void 0 && (C = T.borderWidth), T.color !== void 0 && (w = T.color), T.placeholderColor !== void 0 && (M = T.placeholderColor), T.fontSize !== void 0 && (I = T.fontSize)) : h === "focused" ? (S = e.focusBorderColor || "rgba(59, 130, 246, 1)", C = Math.max(C, 2)) : h === "hovered" || h === "hover" ? (S = e.hoverBorderColor || S, y = e.hoverBackgroundColor || y) : h === "disabled" ? (y = e.disabledBackgroundColor || "rgba(31, 41, 55, 0.6)", S = e.disabledBorderColor || "rgba(55, 65, 81, 0.4)") : h === "error" && (S = "rgba(239, 68, 68, 1)", C = Math.max(C, 2)), t.beginPath(), this.drawRoundRect(t, -s / 2, -n / 2, s, n, m);
+    const k = `${f}Style`, T = e[k];
+    T ? (T.backgroundColor !== void 0 && (y = T.backgroundColor), T.borderColor !== void 0 && (S = T.borderColor), T.borderWidth !== void 0 && (C = T.borderWidth), T.color !== void 0 && (w = T.color), T.placeholderColor !== void 0 && (M = T.placeholderColor), T.fontSize !== void 0 && (I = T.fontSize)) : f === "focused" ? (S = e.focusBorderColor || "rgba(59, 130, 246, 1)", C = Math.max(C, 2)) : f === "hovered" || f === "hover" ? (S = e.hoverBorderColor || S, y = e.hoverBackgroundColor || y) : f === "disabled" ? (y = e.disabledBackgroundColor || "rgba(31, 41, 55, 0.6)", S = e.disabledBorderColor || "rgba(55, 65, 81, 0.4)") : f === "error" && (S = "rgba(239, 68, 68, 1)", C = Math.max(C, 2)), t.beginPath(), this.drawRoundRect(t, -s / 2, -n / 2, s, n, m);
     const L = this.createCanvasFill(t, y, s, n);
     if (L && (t.fillStyle = L, t.fill()), C > 0) {
       const D = this.createCanvasFill(t, S, s, n);
-      if (D && (t.strokeStyle = D, t.lineWidth = C, t.stroke()), h === "focused" || h === "focus") {
+      if (D && (t.strokeStyle = D, t.lineWidth = C, t.stroke()), f === "focused" || f === "focus") {
         t.save(), t.beginPath();
         const q = m.map((ot) => ot + 2);
         this.drawRoundRect(t, -s / 2 - 2, -n / 2 - 2, s + 4, n + 4, q), t.strokeStyle = "rgba(59, 130, 246, 0.3)", t.lineWidth = 2, t.stroke(), t.restore();
@@ -4400,14 +4401,14 @@ class ci {
       t.fillText(D, bt, gt);
     }
     if (p.visible === !0) {
-      const D = p.text || "Helper text", q = p.fontSize || 11, ot = h === "error" ? "rgba(239, 68, 68, 1)" : p.color || "rgba(156, 163, 175, 1)", yt = p.offset ?? 6;
+      const D = p.text || "Helper text", q = p.fontSize || 11, ot = f === "error" ? "rgba(239, 68, 68, 1)" : p.color || "rgba(156, 163, 175, 1)", yt = p.offset ?? 6;
       t.font = `400 ${q}px "${G}", sans-serif`, t.fillStyle = ot, t.textAlign = "left", t.textBaseline = "top";
       const bt = -(s / 2), gt = n / 2 + yt;
       t.fillText(D, bt, gt);
     }
   }
   renderSlider(t, i) {
-    const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.geometry) || i.geometry, s = (o == null ? void 0 : o.options) || i.options || {}, n = e.width || 200, a = s.value ?? 50, r = s.min ?? 0, h = (s.max ?? 100) - r, l = h === 0 ? 0 : (a - r) / h, p = s.trackHeight || 4, c = s.trackRoundedness ?? 2, d = s.trackShape ?? "Rectangle", u = s.trackPath || "", v = s.accentColor || "#3b82f6", b = s.inactiveColor || "#374151", m = s.thumbShape || "Ellipse", y = s.thumbWidth ?? 16, S = s.thumbHeight ?? 16, C = s.thumbRoundedness ?? 0, w = s.thumbColor || "#ffffff", M = s.thumbPath || "", I = s.thumbIcon || "", k = s.showValueTooltip ?? !1, T = s.tooltipBgColor || "#333333", L = s.tooltipColor || "#ffffff", P = s.tooltipOffsetX ?? 0, _ = s.tooltipOffsetY ?? -25, E = (X, tt, R, O, D, q, ot) => {
+    const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.geometry) || i.geometry, s = (o == null ? void 0 : o.options) || i.options || {}, n = e.width || 200, a = s.value ?? 50, r = s.min ?? 0, f = (s.max ?? 100) - r, l = f === 0 ? 0 : (a - r) / f, p = s.trackHeight || 4, c = s.trackRoundedness ?? 2, d = s.trackShape ?? "Rectangle", u = s.trackPath || "", v = s.accentColor || "#3b82f6", b = s.inactiveColor || "#374151", m = s.thumbShape || "Ellipse", y = s.thumbWidth ?? 16, S = s.thumbHeight ?? 16, C = s.thumbRoundedness ?? 0, w = s.thumbColor || "#ffffff", M = s.thumbPath || "", I = s.thumbIcon || "", k = s.showValueTooltip ?? !1, T = s.tooltipBgColor || "#333333", L = s.tooltipColor || "#ffffff", P = s.tooltipOffsetX ?? 0, _ = s.tooltipOffsetY ?? -25, E = (X, tt, R, O, D, q, ot) => {
       if ((X === "Custom" || X === "Icon") && ot)
         try {
           const yt = new Path2D(ot);
@@ -4480,11 +4481,11 @@ class ci {
     var _;
     const o = this.objectStates.get(i.id);
     if (!o) return;
-    const e = o.options || i.options || {}, s = i.geometry.width || 160, n = i.geometry.height || 40, a = -s / 2, r = -n / 2, f = e.corner_radius ?? 6, h = e.disabled || e.previewState === "disabled", l = this.lastHoveredObjectId === i.id || e.previewState === "hover", p = (e.isOpen || e.previewState === "active") && !h;
+    const e = o.options || i.options || {}, s = i.geometry.width || 160, n = i.geometry.height || 40, a = -s / 2, r = -n / 2, h = e.corner_radius ?? 6, f = e.disabled || e.previewState === "disabled", l = this.lastHoveredObjectId === i.id || e.previewState === "hover", p = (e.isOpen || e.previewState === "active") && !f;
     let c = e.backgroundColor, d = e.borderColor, u = e.color || "#333333";
-    h ? (c = e.disabledBackgroundColor || "#f3f4f6", d = e.disabledBorderColor || "#e5e7eb", u = e.disabledColor || "#9ca3af") : p ? (c = e.activeBackgroundColor || c, d = e.activeBorderColor || d, u = e.activeColor || u) : l && (c = e.hoverBackgroundColor || c, d = e.hoverBorderColor || d, u = e.hoverColor || u), c || (c = "#ffffff"), d || (d = "#e5e7eb");
+    f ? (c = e.disabledBackgroundColor || "#f3f4f6", d = e.disabledBorderColor || "#e5e7eb", u = e.disabledColor || "#9ca3af") : p ? (c = e.activeBackgroundColor || c, d = e.activeBorderColor || d, u = e.activeColor || u) : l && (c = e.hoverBackgroundColor || c, d = e.hoverBorderColor || d, u = e.hoverColor || u), c || (c = "#ffffff"), d || (d = "#e5e7eb");
     const v = t.globalAlpha;
-    t.globalAlpha = v * (e.opacity ?? 1), this.drawRoundRect(t, a, r, s, n, f), t.fillStyle = this.createCanvasFill(t, typeof c == "string" ? { type: "Solid", color: c } : c, s, n) || "#ffffff", t.fill();
+    t.globalAlpha = v * (e.opacity ?? 1), this.drawRoundRect(t, a, r, s, n, h), t.fillStyle = this.createCanvasFill(t, typeof c == "string" ? { type: "Solid", color: c } : c, s, n) || "#ffffff", t.fill();
     const b = e.borderWidth ?? 1;
     b > 0 && (t.strokeStyle = this.createCanvasFill(t, typeof d == "string" ? { type: "Solid", color: d } : d, s, n) || "#e5e7eb", t.lineWidth = b, t.stroke());
     const m = 12, y = e.chevronType || "chevron", S = e.chevronSize || 16, C = (p ? e.openIconColor : e.closedIconColor) || e.chevronColor || "#6b7280";
@@ -4507,11 +4508,11 @@ class ci {
     }
     const w = e.selectedOption || e.placeholder || "Select...", M = e.fontSize || 14, I = e.fontWeight || 400, k = e.fontFamily || "Inter, sans-serif";
     t.font = `${I} ${M}px ${k}`;
-    const T = h ? e.disabledColor || "#9ca3af" : !e.selectedOption && e.placeholder ? "#9ca3af" : u;
+    const T = f ? e.disabledColor || "#9ca3af" : !e.selectedOption && e.placeholder ? "#9ca3af" : u;
     t.fillStyle = this.createCanvasFill(t, typeof T == "string" ? { type: "Solid", color: T } : T, s, n) || "#333333", t.textAlign = "left", t.textBaseline = "middle";
     const L = y === "none" ? 0 : S + 8, P = s - m * 2 - L;
-    if (t.save(), t.beginPath(), t.rect(a + m, r, P, n), t.clip(), t.fillText(w, a + m, 0), t.restore(), p && !h) {
-      const E = r + n + 4, A = e.optionsList || [], W = e.itemHeight || 32, z = e.listPadding ?? 4, Y = A.length * W + z * 2, G = e.listCornerRadius ?? f;
+    if (t.save(), t.beginPath(), t.rect(a + m, r, P, n), t.clip(), t.fillText(w, a + m, 0), t.restore(), p && !f) {
+      const E = r + n + 4, A = e.optionsList || [], W = e.itemHeight || 32, z = e.listPadding ?? 4, Y = A.length * W + z * 2, G = e.listCornerRadius ?? h;
       t.save();
       const N = e.listShadow || {}, J = t.getTransform(), x = Math.sqrt(J.a * J.a + J.b * J.b) || 1;
       t.shadowColor = typeof N.color == "string" ? N.color : ((_ = N.color) == null ? void 0 : _.color) || "rgba(0,0,0,0.15)", t.shadowBlur = (N.blur ?? 12) * x, t.shadowOffsetY = (N.offsetY ?? 6) * x, t.shadowOffsetX = (N.offsetX ?? 0) * x, t.beginPath(), this.drawRoundRect(t, a, E, s, Y, G), t.fillStyle = this.createCanvasFill(t, typeof e.listBackgroundColor == "string" ? { type: "Solid", color: e.listBackgroundColor } : e.listBackgroundColor || { type: "Solid", color: "#ffffff" }, s, Y) || "#ffffff", t.fill();
@@ -4533,14 +4534,14 @@ class ci {
   }
   renderButton(t, i) {
     if (i.children && i.children.length > 0) return;
-    const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.options) || i.options || {}, s = i.geometry || {}, n = s.width || 120, a = s.height || 40, r = this.lastHoveredObjectId === i.id, f = this.activeObjectId === i.id, h = e.label || {}, l = e.hoverStyle || {}, p = e.activeStyle || {}, c = e.icon || { enabled: !1 };
-    let d = e.backgroundColor || "#3b82f6", u = h.color || "#ffffff", v = h.text || "Button", b = s.cornerRadius ?? 8, m = e.borderColor || "transparent", y = e.borderWidth || 0, S = 1;
-    f && p ? (d = p.backgroundColor || d, u = p.color || u, v = p.text || v, S = p.scale ?? 0.95, b = p.cornerRadius ?? b) : r && l && (d = l.backgroundColor || d, u = l.color || u, v = l.text || v, S = l.scale ?? 1, b = l.cornerRadius ?? b, m = l.borderColor || m);
+    const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.options) || i.options || {}, s = i.geometry || {}, n = s.width || 120, a = s.height || 40, r = this.lastHoveredObjectId === i.id, h = this.activeObjectId === i.id, f = e.label || {}, l = e.hoverStyle || {}, p = e.activeStyle || {}, c = e.icon || { enabled: !1 };
+    let d = e.backgroundColor || "#3b82f6", u = f.color || "#ffffff", v = f.text || "Button", b = s.cornerRadius ?? 8, m = e.borderColor || "transparent", y = e.borderWidth || 0, S = 1;
+    h && p ? (d = p.backgroundColor || d, u = p.color || u, v = p.text || v, S = p.scale ?? 0.95, b = p.cornerRadius ?? b) : r && l && (d = l.backgroundColor || d, u = l.color || u, v = l.text || v, S = l.scale ?? 1, b = l.cornerRadius ?? b, m = l.borderColor || m);
     const C = -n / 2, w = -a / 2;
     t.save(), t.scale(S, S), t.beginPath(), this.drawRoundRect(t, C, w, n, a, b);
     const M = this.createCanvasFill(t, d, n, a);
     M && (t.fillStyle = M, t.fill()), (y > 0 || r && l.borderColor) && (t.strokeStyle = m, t.lineWidth = y || (r ? 1 : 0), t.stroke());
-    const I = h.fontSize || 14, k = h.fontFamily || "Inter", T = h.fontWeight || 600;
+    const I = f.fontSize || 14, k = f.fontFamily || "Inter", T = f.fontWeight || 600;
     t.font = `${T} ${I}px "${k}", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif`, t.fillStyle = u, t.textAlign = "center", t.textBaseline = "middle";
     let L = 0;
     if (c.enabled && c.svgPath) {
@@ -4553,32 +4554,32 @@ class ci {
   }
   renderToggleButton(t, i) {
     var v, b;
-    const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.options) || i.options || {}, s = e.checked ?? !1, n = ((v = i.geometry) == null ? void 0 : v.width) || 120, a = ((b = i.geometry) == null ? void 0 : b.height) || 40, r = -n / 2, f = -a / 2, h = e.corner_radius ?? 8, l = e.label || {}, p = s ? e.accentColor || "#3b82f6" : e.inactiveColor || "#374151", c = s ? e.activeTextColor || "#ffffff" : e.inactiveTextColor || "#9ca3af";
-    t.save(), t.beginPath(), this.drawRoundRect(t, r, f, n, a, h), t.fillStyle = p, t.fill();
+    const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.options) || i.options || {}, s = e.checked ?? !1, n = ((v = i.geometry) == null ? void 0 : v.width) || 120, a = ((b = i.geometry) == null ? void 0 : b.height) || 40, r = -n / 2, h = -a / 2, f = e.corner_radius ?? 8, l = e.label || {}, p = s ? e.accentColor || "#3b82f6" : e.inactiveColor || "#374151", c = s ? e.activeTextColor || "#ffffff" : e.inactiveTextColor || "#9ca3af";
+    t.save(), t.beginPath(), this.drawRoundRect(t, r, h, n, a, f), t.fillStyle = p, t.fill();
     const d = l.fontSize || 14, u = l.fontFamily || "Inter";
     t.font = `${l.fontWeight || 600} ${d}px "${u}", sans-serif`, t.fillStyle = c, t.textAlign = "center", t.textBaseline = "middle", t.fillText(l.text || "Toggle", 0, 0), t.restore();
   }
   renderToggle(t, i) {
     var G, N, J, x, F, j, X, tt, R, O, D, q;
-    const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.options) || i.options || {}, s = ((G = i.geometry) == null ? void 0 : G.width) || 52, n = ((N = i.geometry) == null ? void 0 : N.height) || 30, a = -s / 2, r = -n / 2, f = e.checked ?? !1, h = e.cornerRadius ?? e.corner_radius ?? n / 2, l = e.toggleStyle || {}, p = l.backgroundColor || e.activeColor || "#10b981", c = l.borderColor || e.borderColor || "transparent", d = l.borderWidth ?? e.borderWidth ?? 0, u = l.knobColor || e.knobColor || "#ffffff", v = f ? p : e.inactiveColor || "#374151", b = f ? c : e.borderColor || "transparent", m = f ? d : e.borderWidth ?? 0, y = f ? u : e.knobColor || "#ffffff";
-    e.disabled && (t.globalAlpha *= 0.5), t.beginPath(), this.drawRoundRect(t, a, r, s, n, h);
+    const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.options) || i.options || {}, s = ((G = i.geometry) == null ? void 0 : G.width) || 52, n = ((N = i.geometry) == null ? void 0 : N.height) || 30, a = -s / 2, r = -n / 2, h = e.checked ?? !1, f = e.cornerRadius ?? e.corner_radius ?? n / 2, l = e.toggleStyle || {}, p = l.backgroundColor || e.activeColor || "#10b981", c = l.borderColor || e.borderColor || "transparent", d = l.borderWidth ?? e.borderWidth ?? 0, u = l.knobColor || e.knobColor || "#ffffff", v = h ? p : e.inactiveColor || "#374151", b = h ? c : e.borderColor || "transparent", m = h ? d : e.borderWidth ?? 0, y = h ? u : e.knobColor || "#ffffff";
+    e.disabled && (t.globalAlpha *= 0.5), t.beginPath(), this.drawRoundRect(t, a, r, s, n, f);
     const S = this.createCanvasFill(t, v, s, n);
     if (S && (t.fillStyle = S, t.fill()), m > 0) {
       t.lineWidth = m;
       const ot = this.createCanvasFill(t, b, s, n);
       ot && (t.strokeStyle = ot, t.stroke());
     }
-    const C = 2, w = n - C * 2, M = w / 2, I = a + C, k = a + s - C - w, T = f ? k : I, L = r + C;
+    const C = 2, w = n - C * 2, M = w / 2, I = a + C, k = a + s - C - w, T = h ? k : I, L = r + C;
     t.beginPath(), t.arc(T + M, L + M, M, 0, Math.PI * 2);
     const P = this.createCanvasFill(t, y, w, w);
     P && (t.fillStyle = P, t.fill()), e.disabled && (t.globalAlpha *= 2);
     let _ = !1, E = !1;
-    const A = (f ? (J = l.leftLabel) == null ? void 0 : J.text : null) || ((x = e.leftLabel) == null ? void 0 : x.text) || "", W = (f ? (F = l.leftLabel) == null ? void 0 : F.color : null) || ((j = e.leftLabel) == null ? void 0 : j.color) || "#f3f4f6";
+    const A = (h ? (J = l.leftLabel) == null ? void 0 : J.text : null) || ((x = e.leftLabel) == null ? void 0 : x.text) || "", W = (h ? (F = l.leftLabel) == null ? void 0 : F.color : null) || ((j = e.leftLabel) == null ? void 0 : j.color) || "#f3f4f6";
     if ((X = e.leftLabel) != null && X.enabled && A) {
       const ot = e.leftLabel;
       t.font = `${ot.fontWeight || 400} ${ot.fontSize || 12}px "${ot.fontFamily || "Inter"}", sans-serif`, t.fillStyle = W, t.textBaseline = "middle", t.textAlign = "right", t.fillText(A, a - (ot.gap || 8), 0), _ = !0;
     }
-    const z = (f ? (tt = l.rightLabel) == null ? void 0 : tt.text : null) || ((R = e.rightLabel) == null ? void 0 : R.text) || "", Y = (f ? (O = l.rightLabel) == null ? void 0 : O.color : null) || ((D = e.rightLabel) == null ? void 0 : D.color) || "#f3f4f6";
+    const z = (h ? (tt = l.rightLabel) == null ? void 0 : tt.text : null) || ((R = e.rightLabel) == null ? void 0 : R.text) || "", Y = (h ? (O = l.rightLabel) == null ? void 0 : O.color : null) || ((D = e.rightLabel) == null ? void 0 : D.color) || "#f3f4f6";
     if ((q = e.rightLabel) != null && q.enabled && z) {
       const ot = e.rightLabel;
       t.font = `${ot.fontWeight || 400} ${ot.fontSize || 12}px "${ot.fontFamily || "Inter"}", sans-serif`, t.fillStyle = Y, t.textBaseline = "middle", t.textAlign = "left", t.fillText(z, a + s + (ot.gap || 8), 0), E = !0;
@@ -4593,19 +4594,19 @@ class ci {
   }
   renderCheckbox(t, i) {
     var S, C;
-    const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.options) || i.options || {}, s = ((S = i.geometry) == null ? void 0 : S.width) || 20, n = ((C = i.geometry) == null ? void 0 : C.height) || 20, a = -s / 2, r = -n / 2, f = e.cornerRadius ?? 4, h = e.checked ?? !1, l = e.activeColor || "#3b82f6", p = e.inactiveColor || "transparent", c = e.checkColor || "#ffffff", d = e.borderColor || "#4b5563", u = e.borderWidth ?? 2, v = h ? l : p, b = h ? "transparent" : d, m = h ? 0 : u;
-    e.disabled && (t.globalAlpha *= 0.5), t.beginPath(), this.drawRoundRect(t, a, r, s, n, f);
+    const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.options) || i.options || {}, s = ((S = i.geometry) == null ? void 0 : S.width) || 20, n = ((C = i.geometry) == null ? void 0 : C.height) || 20, a = -s / 2, r = -n / 2, h = e.cornerRadius ?? 4, f = e.checked ?? !1, l = e.activeColor || "#3b82f6", p = e.inactiveColor || "transparent", c = e.checkColor || "#ffffff", d = e.borderColor || "#4b5563", u = e.borderWidth ?? 2, v = f ? l : p, b = f ? "transparent" : d, m = f ? 0 : u;
+    e.disabled && (t.globalAlpha *= 0.5), t.beginPath(), this.drawRoundRect(t, a, r, s, n, h);
     const y = this.createCanvasFill(t, v, s, n);
     if (y && (t.fillStyle = y, t.fill()), m > 0) {
       t.lineWidth = m;
       const w = this.createCanvasFill(t, b, s, n);
       w && (t.strokeStyle = w, t.stroke());
-    } else if (h) {
+    } else if (f) {
       t.lineWidth = 1;
       const w = this.createCanvasFill(t, l, s, n);
       w && (t.strokeStyle = w, t.stroke());
     }
-    if (h) {
+    if (f) {
       t.save(), t.beginPath();
       const w = this.createCanvasFill(t, c, s, n);
       t.strokeStyle = w || c, t.lineWidth = Math.max(2, s * 0.12), t.lineCap = "round", t.lineJoin = "round";
@@ -4622,21 +4623,21 @@ class ci {
   }
   renderRadioGroup(t, i) {
     var C, w;
-    const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.options) || i.options || {}, s = ((C = i.geometry) == null ? void 0 : C.width) || 180, n = ((w = i.geometry) == null ? void 0 : w.height) || 100, a = -s / 2, r = -n / 2, f = e.selectedValue, h = e.optionsList || ["Option 1", "Option 2", "Option 3"], l = e.orientation || "vertical", p = e.itemGap !== void 0 ? e.itemGap : 16, c = e.activeColor || "#3b82f6", d = e.inactiveColor || "#4b5563", u = e.textColor || "#ffffff", v = e.fontSize || 14, b = e.fontFamily || "Inter", m = e.fontWeight || 400;
+    const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.options) || i.options || {}, s = ((C = i.geometry) == null ? void 0 : C.width) || 180, n = ((w = i.geometry) == null ? void 0 : w.height) || 100, a = -s / 2, r = -n / 2, h = e.selectedValue, f = e.optionsList || ["Option 1", "Option 2", "Option 3"], l = e.orientation || "vertical", p = e.itemGap !== void 0 ? e.itemGap : 16, c = e.activeColor || "#3b82f6", d = e.inactiveColor || "#4b5563", u = e.textColor || "#ffffff", v = e.fontSize || 14, b = e.fontFamily || "Inter", m = e.fontWeight || 400;
     e.disabled && (t.globalAlpha *= 0.5);
     const y = 8, S = y * 2;
     if (t.save(), t.font = `${m} ${v}px "${b}", sans-serif`, t.textBaseline = "middle", t.textAlign = "left", l === "vertical") {
       const M = Math.max(S, v) + p;
-      h.forEach((I, k) => {
+      f.forEach((I, k) => {
         const T = r + k * M + y;
         t.beginPath(), t.arc(a + y, T, y, 0, Math.PI * 2);
-        const L = f === I, P = this.createCanvasFill(t, c, S, S), _ = this.createCanvasFill(t, d, S, S);
+        const L = h === I, P = this.createCanvasFill(t, c, S, S), _ = this.createCanvasFill(t, d, S, S);
         L ? (t.strokeStyle = P || c, t.lineWidth = 2, t.stroke(), t.beginPath(), t.arc(a + y, T, y / 2, 0, Math.PI * 2), t.fillStyle = P || c, t.fill()) : (t.strokeStyle = _ || d, t.lineWidth = 1.5, t.stroke()), t.fillStyle = u, t.fillText(I, a + S + 8, T);
       });
     } else {
       let M = a;
-      h.forEach((I) => {
-        const k = f === I, T = t.measureText(I).width;
+      f.forEach((I) => {
+        const k = h === I, T = t.measureText(I).width;
         t.beginPath(), t.arc(M + y, 0, y, 0, Math.PI * 2);
         const L = this.createCanvasFill(t, c, S, S), P = this.createCanvasFill(t, d, S, S);
         k ? (t.strokeStyle = L || c, t.lineWidth = 2, t.stroke(), t.beginPath(), t.arc(M + y, 0, y / 2, 0, Math.PI * 2), t.fillStyle = L || c, t.fill()) : (t.strokeStyle = P || d, t.lineWidth = 1.5, t.stroke()), t.fillStyle = u, t.fillText(I, M + S + 6, 0), M += S + 6 + T + p;
@@ -4714,12 +4715,12 @@ class ci {
         }
         P.beginPath(), Y ? (P.moveTo(_, E + W), P.lineTo(_, E + z), P.quadraticCurveTo(_, E, _ + z, E), P.lineTo(_ + A - z, E), P.quadraticCurveTo(_ + A, E, _ + A, E + z), P.lineTo(_ + A, E + W), P.lineTo(_, E + W)) : (P.moveTo(_, E), P.lineTo(_ + A - z, E), P.quadraticCurveTo(_ + A, E, _ + A, E + z), P.lineTo(_ + A, E + W - z), P.quadraticCurveTo(_ + A, E + W, _ + A - z, E + W), P.lineTo(_, E + W), P.lineTo(_, E)), P.closePath();
       }
-    }, n = s.width, a = s.height, r = -n / 2, f = -a / 2;
+    }, n = s.width, a = s.height, r = -n / 2, h = -a / 2;
     if (!s.datasets || s.datasets.length === 0 || s.categories.length === 0) {
       t.save(), t.fillStyle = "rgba(99,102,241,0.7)", t.font = "bold 11px Inter, sans-serif", t.textAlign = "center", t.textBaseline = "middle", t.fillText("NO CHART DATA", 0, 0), t.restore();
       return;
     }
-    const h = s._getPreset();
+    const f = s._getPreset();
     let l = -1 / 0, p = 1 / 0;
     const c = s.categories.length, d = s.datasets.length;
     if (s.chartType === "stacked")
@@ -4739,19 +4740,19 @@ class ci {
     isFinite(l) || (l = 10), isFinite(p) || (p = 0), l = Math.max(l, 0), p = Math.min(p, 0);
     const u = l - p || 10;
     t.save(), s.enableShadows && (t.shadowColor = s.shadowColor, t.shadowBlur = s.shadowBlur, t.shadowOffsetY = s.shadowOffsetY), t.font = s.axisLabelFontSize + "px Inter, sans-serif";
-    const v = s.showYLabels ? t.measureText(l.toFixed(0)).width + 14 : 10, b = s.showXLabels ? s.axisLabelFontSize + 12 : 8, y = (s.showLegend && d > 0 ? s.legendFontSize + 10 : 0) + 8, S = 10, C = r + v, w = f + y, M = n - v - S, I = a - y - b;
-    if (s.enableShadows && (t.shadowColor = "transparent"), t.beginPath(), t.roundRect(r, f, n, a, 10), t.fillStyle = h.cardBackground, t.fill(), t.strokeStyle = h.cardBorderColor, t.lineWidth = 1, t.stroke(), s.chartBackground && s.chartBackground !== "transparent" && (t.beginPath(), t.rect(C, w, M, I), t.fillStyle = s.chartBackground, t.fill()), s.showLegend && d > 0) {
+    const v = s.showYLabels ? t.measureText(l.toFixed(0)).width + 14 : 10, b = s.showXLabels ? s.axisLabelFontSize + 12 : 8, y = (s.showLegend && d > 0 ? s.legendFontSize + 10 : 0) + 8, S = 10, C = r + v, w = h + y, M = n - v - S, I = a - y - b;
+    if (s.enableShadows && (t.shadowColor = "transparent"), t.beginPath(), t.roundRect(r, h, n, a, 10), t.fillStyle = f.cardBackground, t.fill(), t.strokeStyle = f.cardBorderColor, t.lineWidth = 1, t.stroke(), s.chartBackground && s.chartBackground !== "transparent" && (t.beginPath(), t.rect(C, w, M, I), t.fillStyle = s.chartBackground, t.fill()), s.showLegend && d > 0) {
       t.font = s.legendFontSize + "px Inter, sans-serif", t.textBaseline = "middle";
-      const P = f + 12;
+      const P = h + 12;
       let _ = C;
       s.datasets.forEach((E, A) => {
         const W = s._resolveColor(E.color, A), z = E.label || "Series " + (A + 1), Y = 7;
-        t.beginPath(), t.roundRect(_, P - Y / 2, Y, Y, 2), t.fillStyle = W, t.fill(), t.fillStyle = h.legendColor, t.textAlign = "left", t.fillText(z, _ + Y + 4, P), _ += t.measureText(z).width + Y + 16;
+        t.beginPath(), t.roundRect(_, P - Y / 2, Y, Y, 2), t.fillStyle = W, t.fill(), t.fillStyle = f.legendColor, t.textAlign = "left", t.fillText(z, _ + Y + 4, P), _ += t.measureText(z).width + Y + 16;
       });
     }
     const k = 4;
     if (s.showGridLines) {
-      t.setLineDash(s.gridLineDash || []), t.lineWidth = s.gridLineWidth || 1, t.strokeStyle = h.gridColor;
+      t.setLineDash(s.gridLineDash || []), t.lineWidth = s.gridLineWidth || 1, t.strokeStyle = f.gridColor;
       for (let P = 0; P <= k; P++)
         if (s.orientation === "horizontal") {
           const _ = C + P / k * M;
@@ -4763,7 +4764,7 @@ class ci {
       t.setLineDash([]);
     }
     if (s.showYLabels) {
-      t.font = s.axisLabelFontSize + "px Inter, sans-serif", t.textAlign = "right", t.textBaseline = "middle", t.fillStyle = h.axisLabelColor;
+      t.font = s.axisLabelFontSize + "px Inter, sans-serif", t.textAlign = "right", t.textBaseline = "middle", t.fillStyle = f.axisLabelColor;
       for (let P = 0; P <= k; P++)
         if (s.orientation === "horizontal") {
           const _ = p + P / k * u, E = C + P / k * M;
@@ -4778,7 +4779,7 @@ class ci {
         const P = I / c;
         for (let _ = 0; _ < c; _++) {
           const E = w + _ * P + P / 2;
-          s.showXLabels && (t.font = s.axisLabelFontSize + "px Inter, sans-serif", t.textAlign = "right", t.textBaseline = "middle", t.fillStyle = h.axisLabelColor, t.shadowColor = "transparent", t.fillText(s.categories[_] || "", C - 5, E), s.enableShadows && (t.shadowColor = s.shadowColor));
+          s.showXLabels && (t.font = s.axisLabelFontSize + "px Inter, sans-serif", t.textAlign = "right", t.textBaseline = "middle", t.fillStyle = f.axisLabelColor, t.shadowColor = "transparent", t.fillText(s.categories[_] || "", C - 5, E), s.enableShadows && (t.shadowColor = s.shadowColor));
           let A = C;
           s.datasets.forEach((W, z) => {
             const Y = W.data[_] ?? 0;
@@ -4793,7 +4794,7 @@ class ci {
         const P = M / c;
         for (let _ = 0; _ < c; _++) {
           const E = C + _ * P + P / 2;
-          s.showXLabels && (t.font = s.axisLabelFontSize + "px Inter, sans-serif", t.textAlign = "center", t.textBaseline = "top", t.fillStyle = h.axisLabelColor, t.shadowColor = "transparent", t.fillText(s.categories[_] || "", E, w + I + 5), s.enableShadows && (t.shadowColor = s.shadowColor));
+          s.showXLabels && (t.font = s.axisLabelFontSize + "px Inter, sans-serif", t.textAlign = "center", t.textBaseline = "top", t.fillStyle = f.axisLabelColor, t.shadowColor = "transparent", t.fillText(s.categories[_] || "", E, w + I + 5), s.enableShadows && (t.shadowColor = s.shadowColor));
           let A = w + I;
           s.datasets.forEach((W, z) => {
             const Y = W.data[_] ?? 0;
@@ -4809,7 +4810,7 @@ class ci {
       const P = I / c, _ = d * s.barWidth + Math.max(0, (d - 1) * s.barGap), E = C + (0 - p) / u * M;
       for (let A = 0; A < c; A++) {
         const W = w + A * P + P / 2;
-        s.showXLabels && (t.font = s.axisLabelFontSize + "px Inter, sans-serif", t.textAlign = "right", t.textBaseline = "middle", t.fillStyle = h.axisLabelColor, t.shadowColor = "transparent", t.fillText(s.categories[A] || "", C - 5, W), s.enableShadows && (t.shadowColor = s.shadowColor));
+        s.showXLabels && (t.font = s.axisLabelFontSize + "px Inter, sans-serif", t.textAlign = "right", t.textBaseline = "middle", t.fillStyle = f.axisLabelColor, t.shadowColor = "transparent", t.fillText(s.categories[A] || "", C - 5, W), s.enableShadows && (t.shadowColor = s.shadowColor));
         const z = W - _ / 2;
         s.datasets.forEach((Y, G) => {
           const N = Y.data[A] ?? 0, J = Math.abs(N / u * M);
@@ -4822,7 +4823,7 @@ class ci {
       const P = M / c, _ = d * s.barWidth + Math.max(0, (d - 1) * s.barGap), E = w + I - (0 - p) / u * I;
       for (let A = 0; A < c; A++) {
         const W = C + A * P + P / 2;
-        s.showXLabels && (t.font = s.axisLabelFontSize + "px Inter, sans-serif", t.textAlign = "center", t.textBaseline = "top", t.fillStyle = h.axisLabelColor, t.shadowColor = "transparent", t.fillText(s.categories[A] || "", W, w + I + 5), s.enableShadows && (t.shadowColor = s.shadowColor));
+        s.showXLabels && (t.font = s.axisLabelFontSize + "px Inter, sans-serif", t.textAlign = "center", t.textBaseline = "top", t.fillStyle = f.axisLabelColor, t.shadowColor = "transparent", t.fillText(s.categories[A] || "", W, w + I + 5), s.enableShadows && (t.shadowColor = s.shadowColor));
         const z = W - _ / 2;
         s.datasets.forEach((Y, G) => {
           const N = Y.data[A] ?? 0, J = Math.abs(N / u * I);
@@ -4871,9 +4872,9 @@ class ci {
       t.save(), t.fillStyle = "rgba(99,102,241,0.8)", t.font = "bold 11px Inter, sans-serif", t.textAlign = "center", t.textBaseline = "middle", t.fillText("EMPTY DATA", 0, 0), t.restore();
       return;
     }
-    const f = s._getPreset();
-    t.save(), t.beginPath(), t.roundRect(-n / 2, -a / 2, n, a, 10), t.fillStyle = f.cardBackground, t.fill(), t.strokeStyle = f.cardBorderColor, t.lineWidth = 1, t.stroke();
-    const h = s.showLegend ? Math.ceil(s.slices.length / 2) : 0, l = h > 0 ? h * (s.legendFontSize + 8) + 10 : 0, p = a - l - 16, c = Math.min(n - 24, p) / 2, d = 0, u = -l / 2;
+    const h = s._getPreset();
+    t.save(), t.beginPath(), t.roundRect(-n / 2, -a / 2, n, a, 10), t.fillStyle = h.cardBackground, t.fill(), t.strokeStyle = h.cardBorderColor, t.lineWidth = 1, t.stroke();
+    const f = s.showLegend ? Math.ceil(s.slices.length / 2) : 0, l = f > 0 ? f * (s.legendFontSize + 8) + 10 : 0, p = a - l - 16, c = Math.min(n - 24, p) / 2, d = 0, u = -l / 2;
     if (s.chartType === "rose") {
       const m = Math.max(...s.slices.map((C) => C.value || 0)), y = Math.PI * 2 / s.slices.length, S = c > 0 ? s.sliceGap / c : 0;
       s.slices.forEach((C, w) => {
@@ -4882,7 +4883,7 @@ class ci {
         const I = M / m * c, k = -Math.PI / 2 + w * y + S / 2, T = k + y - S, L = s._resolveSliceColor(C, w);
         if (t.beginPath(), t.moveTo(d, u), t.arc(d, u, I, k, T), t.closePath(), t.fillStyle = L + "cc", t.fill(), t.strokeStyle = L, t.lineWidth = 1.5, t.stroke(), s.showLabels) {
           const P = k + (T - k) / 2, _ = d + I * 0.65 * Math.cos(P), E = u + I * 0.65 * Math.sin(P), A = Math.round(M / r * 100);
-          t.save(), t.font = `bold ${s.labelFontSize}px Inter, sans-serif`, t.fillStyle = f.labelColor, t.textAlign = "center", t.textBaseline = "middle", t.fillText(`${A}%`, _, E), t.restore();
+          t.save(), t.font = `bold ${s.labelFontSize}px Inter, sans-serif`, t.fillStyle = h.labelColor, t.textAlign = "center", t.textBaseline = "middle", t.fillText(`${A}%`, _, E), t.restore();
         }
       });
     } else {
@@ -4902,12 +4903,12 @@ class ci {
         const P = s._resolveSliceColor(w, M);
         if (t.beginPath(), t.fillStyle = P, y <= 0 ? (t.moveTo(d, u), t.arc(d, u, c, T, L), t.lineTo(d, u)) : (t.moveTo(d + c * Math.cos(T), u + c * Math.sin(T)), t.arc(d, u, c, T, L), t.arc(d, u, y, L, T, !0), t.closePath()), t.fill(), s.showLabels) {
           const _ = T + (L - T) / 2, E = y + (c - y) / 2, A = d + E * Math.cos(_), W = u + E * Math.sin(_), z = Math.round(I / r * 100);
-          t.save(), t.font = `bold ${s.labelFontSize}px Inter, sans-serif`, t.fillStyle = f.labelColor, t.textAlign = "center", t.textBaseline = "middle", t.fillText(`${z}%`, A, W), t.restore();
+          t.save(), t.font = `bold ${s.labelFontSize}px Inter, sans-serif`, t.fillStyle = h.labelColor, t.textAlign = "center", t.textBaseline = "middle", t.fillText(`${z}%`, A, W), t.restore();
         }
         C += k;
       }), s.chartType === "donut" && s.showCenterText && y > 14) {
         const w = Math.round(r), M = Math.min(Math.floor(y * 0.52), 20), I = Math.min(Math.floor(y * 0.26), 10);
-        t.textAlign = "center", t.textBaseline = "middle", t.font = `bold ${M}px Inter, sans-serif`, t.fillStyle = f.centerTextColor, t.fillText(w.toString(), d, u - I * 0.5), s.centerLabel && (t.font = `${I}px Inter, sans-serif`, t.fillStyle = f.centerLabelColor, t.fillText(s.centerLabel, d, u + M * 0.6));
+        t.textAlign = "center", t.textBaseline = "middle", t.font = `bold ${M}px Inter, sans-serif`, t.fillStyle = h.centerTextColor, t.fillText(w.toString(), d, u - I * 0.5), s.centerLabel && (t.font = `${I}px Inter, sans-serif`, t.fillStyle = h.centerLabelColor, t.fillText(s.centerLabel, d, u + M * 0.6));
       }
     }
     if (s.showLegend && s.slices.length > 0) {
@@ -4915,7 +4916,7 @@ class ci {
       const m = 2, y = n / m, S = s.legendFontSize + 8, C = a / 2 - l + 10, w = -n / 2 + 10;
       s.slices.forEach((M, I) => {
         const k = I % m, T = Math.floor(I / m), L = w + k * y, P = C + T * S, _ = s._resolveSliceColor(M, I), E = 7;
-        t.beginPath(), t.roundRect(L, P - E / 2, E, E, 2), t.fillStyle = _, t.fill(), t.textAlign = "left", t.textBaseline = "middle", t.fillStyle = f.legendColor;
+        t.beginPath(), t.roundRect(L, P - E / 2, E, E, 2), t.fillStyle = _, t.fill(), t.textAlign = "left", t.textBaseline = "middle", t.fillStyle = h.legendColor;
         const A = Math.round((M.value || 0) / r * 100), W = `${M.label || "Item"} ${A}%`, z = y - E - 20;
         let Y = W;
         for (; t.measureText(Y).width > z && Y.length > 4; )
@@ -4928,21 +4929,21 @@ class ci {
   renderJoystick(t, i) {
     var u, v, b, m, y;
     const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.width) !== void 0 ? o.width : ((u = i.geometry) == null ? void 0 : u.width) ?? i.width ?? 100, s = (o == null ? void 0 : o.height) !== void 0 ? o.height : ((v = i.geometry) == null ? void 0 : v.height) ?? i.height ?? 100, n = Math.min(e, s) * 0.45, a = Math.min(e, s) * 0.15;
-    let r = i.handleX || 0, f = i.handleY || 0;
-    o && o.handleX !== void 0 && (r = o.handleX), o && o.handleY !== void 0 && (f = o.handleY), t.save();
-    let h = 0, l = 0;
-    i.handleOrigin === "top-left" ? (h = e / 2, l = s / 2) : i.handleOrigin === "bottom-right" && (h = -e / 2, l = -s / 2), t.translate(h, l), t.beginPath(), i.boundsShape === "square" ? t.rect(-n, -n, n * 2, n * 2) : t.arc(0, 0, n, 0, Math.PI * 2), t.fillStyle = "rgba(0,0,0,0.2)", (b = i.style) != null && b.fill && typeof i.style.fill == "string" ? t.fillStyle = i.style.fill : (m = i.style) != null && m.fill && i.style.fill.type === "solid" && (t.fillStyle = i.style.fill.color), t.fill(), (y = i.style) != null && y.stroke && i.style.stroke.isEnabled !== !1 && (t.lineWidth = i.style.stroke.width || 1, t.strokeStyle = i.style.stroke.color || "#000", t.stroke());
+    let r = i.handleX || 0, h = i.handleY || 0;
+    o && o.handleX !== void 0 && (r = o.handleX), o && o.handleY !== void 0 && (h = o.handleY), t.save();
+    let f = 0, l = 0;
+    i.handleOrigin === "top-left" ? (f = e / 2, l = s / 2) : i.handleOrigin === "bottom-right" && (f = -e / 2, l = -s / 2), t.translate(f, l), t.beginPath(), i.boundsShape === "square" ? t.rect(-n, -n, n * 2, n * 2) : t.arc(0, 0, n, 0, Math.PI * 2), t.fillStyle = "rgba(0,0,0,0.2)", (b = i.style) != null && b.fill && typeof i.style.fill == "string" ? t.fillStyle = i.style.fill : (m = i.style) != null && m.fill && i.style.fill.type === "solid" && (t.fillStyle = i.style.fill.color), t.fill(), (y = i.style) != null && y.stroke && i.style.stroke.isEnabled !== !1 && (t.lineWidth = i.style.stroke.width || 1, t.strokeStyle = i.style.stroke.color || "#000", t.stroke());
     const p = n - a;
     let c = 0, d = 0;
-    i.joystickType === "2D" ? (c = r * p, d = f * p) : i.joystickType === "1D_X" ? (c = r * p, d = 0) : i.joystickType === "1D_Y" && (c = 0, d = f * p), t.beginPath(), t.arc(c, d, a, 0, Math.PI * 2), t.fillStyle = "#fff", t.fill(), t.strokeStyle = "rgba(0,0,0,0.5)", t.lineWidth = 1, t.stroke(), t.restore();
+    i.joystickType === "2D" ? (c = r * p, d = h * p) : i.joystickType === "1D_X" ? (c = r * p, d = 0) : i.joystickType === "1D_Y" && (c = 0, d = h * p), t.beginPath(), t.arc(c, d, a, 0, Math.PI * 2), t.fillStyle = "#fff", t.fill(), t.strokeStyle = "rgba(0,0,0,0.5)", t.lineWidth = 1, t.stroke(), t.restore();
   }
   getRadioGroupItemIndexAtPointer(t, i, o) {
     var I, k;
     const e = t.options || {}, s = this.objectStates.get(t.id) || {}, n = e.optionsList || [];
     if (n.length === 0) return null;
-    const a = s.width !== void 0 ? s.width : ((I = t.geometry) == null ? void 0 : I.width) || 180, r = s.height !== void 0 ? s.height : ((k = t.geometry) == null ? void 0 : k.height) || 100, f = e.orientation || "vertical", h = e.itemGap !== void 0 ? e.itemGap : 16, l = e.fontSize || 14, p = this.getWorldTransform(t.id), c = i - p.x, d = o - p.y, u = -p.rotation * (Math.PI / 180), v = Math.cos(u), b = Math.sin(u), m = c * v - d * b, y = c * b + d * v, C = 8 * 2, w = -a / 2, M = -r / 2;
-    if (f === "vertical") {
-      const T = Math.max(C, l) + h;
+    const a = s.width !== void 0 ? s.width : ((I = t.geometry) == null ? void 0 : I.width) || 180, r = s.height !== void 0 ? s.height : ((k = t.geometry) == null ? void 0 : k.height) || 100, h = e.orientation || "vertical", f = e.itemGap !== void 0 ? e.itemGap : 16, l = e.fontSize || 14, p = this.getWorldTransform(t.id), c = i - p.x, d = o - p.y, u = -p.rotation * (Math.PI / 180), v = Math.cos(u), b = Math.sin(u), m = c * v - d * b, y = c * b + d * v, C = 8 * 2, w = -a / 2, M = -r / 2;
+    if (h === "vertical") {
+      const T = Math.max(C, l) + f;
       for (let L = 0; L < n.length; L++) {
         const P = M + L * T;
         if (m >= w && m <= w + a && y >= P && y <= P + T)
@@ -4951,7 +4952,7 @@ class ci {
     } else {
       let T = w;
       for (let L = 0; L < n.length; L++) {
-        const _ = n[L].length * 8, E = C + 6 + _ + h;
+        const _ = n[L].length * 8, E = C + 6 + _ + f;
         if (m >= T && m <= T + E && y >= M && y <= M + r)
           return L;
         T += E;
@@ -4996,10 +4997,10 @@ class ci {
       }
       u._resolvedData = v;
     }), r < 2) return;
-    const f = a - n, h = o / (r - 1), l = (u) => {
-      const v = f === 0 ? 0.5 : (u - n) / f;
+    const h = a - n, f = o / (r - 1), l = (u) => {
+      const v = h === 0 ? 0.5 : (u - n) / h;
       return e / 2 - v * e;
-    }, p = (u) => u * h - o / 2, c = i.axisColor || "#333333";
+    }, p = (u) => u * f - o / 2, c = i.axisColor || "#333333";
     if (i.showXAxis && (t.beginPath(), t.strokeStyle = i.xAxisColor || c, t.lineWidth = 1, t.moveTo(-o / 2, e / 2), t.lineTo(o / 2, e / 2), t.stroke()), i.showYAxis && (t.beginPath(), t.strokeStyle = i.yAxisColor || c, t.lineWidth = 1, t.moveTo(-o / 2, -e / 2), t.lineTo(-o / 2, e / 2), t.stroke()), t.fillStyle = i.axisLabelColor || "#333333", t.font = `${i.axisLabelFontSize || 10}px Inter, sans-serif`, i.showXLabels) {
       t.textAlign = "center", t.textBaseline = "top";
       for (let u = 0; u < r; u++) {
@@ -5059,8 +5060,8 @@ class ci {
     }
   }
   _catmullRom(t, i, o, e, s) {
-    const n = (o - t) * 0.5, a = (e - i) * 0.5, r = s * s, f = s * r;
-    return (2 * i - 2 * o + n + a) * f + (-3 * i + 3 * o - 2 * n - a) * r + n * s + i;
+    const n = (o - t) * 0.5, a = (e - i) * 0.5, r = s * s, h = s * r;
+    return (2 * i - 2 * o + n + a) * h + (-3 * i + 3 * o - 2 * n - a) * r + n * s + i;
   }
   normalizeOpacity(t) {
     const i = typeof t == "number" ? t : parseFloat(String(t));
@@ -5071,19 +5072,19 @@ class ci {
     if (!i || i.type === "None") return null;
     if (typeof i == "string") return i;
     if (i.type === "Solid" && i.color) {
-      const r = i.color, h = (((n = (s = this.artboard) == null ? void 0 : s.tokens) == null ? void 0 : n.colors) || {})[r] || r;
-      return t.fillStyle = h, h;
+      const r = i.color, f = (((n = (s = this.artboard) == null ? void 0 : s.tokens) == null ? void 0 : n.colors) || {})[r] || r;
+      return t.fillStyle = f, f;
     }
     if ((i.type === "LinearGradient" || i.type === "RadialGradient" || i.type === "AngularGradient" || i.type === "DiamondGradient") && i.stops) {
-      const r = (f, h = 100) => {
+      const r = (h, f = 100) => {
         var S, C;
-        const p = (((C = (S = this.artboard) == null ? void 0 : S.tokens) == null ? void 0 : C.colors) || {})[f] || f, c = this.normalizeOpacity(i.opacity ?? 100), u = this.normalizeOpacity(h) * c;
+        const p = (((C = (S = this.artboard) == null ? void 0 : S.tokens) == null ? void 0 : C.colors) || {})[h] || h, c = this.normalizeOpacity(i.opacity ?? 100), u = this.normalizeOpacity(f) * c;
         if (u >= 1 && p.startsWith("#")) return p;
         const v = p.startsWith("#") ? p.replace("#", "") : "ffffff", b = parseInt(v.substring(0, 2), 16), m = parseInt(v.substring(2, 4), 16), y = parseInt(v.substring(4, 6), 16);
         return `rgba(${b}, ${m}, ${y}, ${u})`;
       };
       if (i.type === "LinearGradient") {
-        const f = (u, v, b) => Array.isArray(u) ? u[v] ?? (v === 0 ? 0 : 1) : u && typeof u == "object" ? u[b] ?? (v === 0 ? 0 : 1) : v === 0 ? 0 : 1, h = f(i.start, 0, "x") * o - o / 2, l = f(i.start, 1, "y") * e - e / 2, p = f(i.end, 0, "x") * o - o / 2, c = f(i.end, 1, "y") * e - e / 2, d = t.createLinearGradient(h, l, p, c);
+        const h = (u, v, b) => Array.isArray(u) ? u[v] ?? (v === 0 ? 0 : 1) : u && typeof u == "object" ? u[b] ?? (v === 0 ? 0 : 1) : v === 0 ? 0 : 1, f = h(i.start, 0, "x") * o - o / 2, l = h(i.start, 1, "y") * e - e / 2, p = h(i.end, 0, "x") * o - o / 2, c = h(i.end, 1, "y") * e - e / 2, d = t.createLinearGradient(f, l, p, c);
         if (i.stops.forEach((u) => {
           const v = u.offset !== void 0 ? u.offset : u.pos !== void 0 ? u.pos : u.position !== void 0 ? u.position : 0, b = r(u.color || "#000000", u.opacity ?? 100);
           d.addColorStop(Math.max(0, Math.min(1, v)), b);
@@ -5093,7 +5094,7 @@ class ci {
         }
         return d;
       } else if (i.type === "RadialGradient") {
-        const f = (d, u, v) => Array.isArray(d) ? d[u] ?? 0.5 : d && typeof d == "object" ? d[v] ?? 0.5 : 0.5, h = f(i.center, 0, "x") * o - o / 2, l = f(i.center, 1, "y") * e - e / 2, p = (i.radius ?? 0.5) * Math.max(o, e), c = t.createRadialGradient(h, l, 0, h, l, p);
+        const h = (d, u, v) => Array.isArray(d) ? d[u] ?? 0.5 : d && typeof d == "object" ? d[v] ?? 0.5 : 0.5, f = h(i.center, 0, "x") * o - o / 2, l = h(i.center, 1, "y") * e - e / 2, p = (i.radius ?? 0.5) * Math.max(o, e), c = t.createRadialGradient(f, l, 0, f, l, p);
         if (i.stops.forEach((d) => {
           const u = d.offset !== void 0 ? d.offset : d.pos !== void 0 ? d.pos : d.position !== void 0 ? d.position : 0, v = r(d.color || "#000000", d.opacity ?? 100);
           c.addColorStop(Math.max(0, Math.min(1, u)), v);
@@ -5103,7 +5104,7 @@ class ci {
         }
         return c;
       } else if (i.type === "AngularGradient") {
-        const f = (d, u, v) => Array.isArray(d) ? d[u] ?? 0.5 : d && typeof d == "object" ? d[v] ?? 0.5 : 0.5, h = f(i.center || [0.5, 0.5], 0, "x") * o - o / 2, l = f(i.center || [0.5, 0.5], 1, "y") * e - e / 2, p = (i.degree || i.angle || 0) * (Math.PI / 180), c = (a = t.createConicGradient) == null ? void 0 : a.call(t, p, h, l);
+        const h = (d, u, v) => Array.isArray(d) ? d[u] ?? 0.5 : d && typeof d == "object" ? d[v] ?? 0.5 : 0.5, f = h(i.center || [0.5, 0.5], 0, "x") * o - o / 2, l = h(i.center || [0.5, 0.5], 1, "y") * e - e / 2, p = (i.degree || i.angle || 0) * (Math.PI / 180), c = (a = t.createConicGradient) == null ? void 0 : a.call(t, p, f, l);
         if (c) {
           if (i.stops.forEach((d) => {
             const u = d.offset !== void 0 ? d.offset : d.pos !== void 0 ? d.pos : d.position !== void 0 ? d.position : 0, v = r(d.color || "#000000", d.opacity ?? 100);
@@ -5115,8 +5116,8 @@ class ci {
           return c;
         }
       } else if (i.type === "DiamondGradient") {
-        const f = (d, u, v) => Array.isArray(d) ? d[u] ?? 0.5 : d && typeof d == "object" ? d[v] ?? 0.5 : 0.5, h = f(i.center || [0.5, 0.5], 0, "x") * o - o / 2, l = f(i.center || [0.5, 0.5], 1, "y") * e - e / 2, p = (i.radius ?? 0.5) * Math.max(o, e);
-        t.save(), t.translate(h, l), t.rotate(Math.PI / 4);
+        const h = (d, u, v) => Array.isArray(d) ? d[u] ?? 0.5 : d && typeof d == "object" ? d[v] ?? 0.5 : 0.5, f = h(i.center || [0.5, 0.5], 0, "x") * o - o / 2, l = h(i.center || [0.5, 0.5], 1, "y") * e - e / 2, p = (i.radius ?? 0.5) * Math.max(o, e);
+        t.save(), t.translate(f, l), t.rotate(Math.PI / 4);
         const c = t.createRadialGradient(0, 0, 0, 0, 0, p);
         if (i.stops.forEach((d) => {
           const u = d.offset !== void 0 ? d.offset : d.pos !== void 0 ? d.pos : d.position !== void 0 ? d.position : 0, v = r(d.color || "#000000", d.opacity ?? 100);
@@ -5131,12 +5132,12 @@ class ci {
     if (i.type === "Pattern" && i.url) {
       let r = this.imageCache.get(i.url);
       if (r || (r = new Image(), r.src = i.url, this.imageCache.set(i.url, r)), r.complete && r.naturalWidth > 0) {
-        const f = t.createPattern(r, "repeat");
-        if (f && (i.scaleX !== void 0 || i.offsetX !== void 0)) {
-          const h = new DOMMatrix(), l = i.scaleX ?? 1, p = i.scaleY ?? 1, c = i.offsetX ?? 0, d = i.offsetY ?? 0, u = i.rotation ?? 0;
-          h.translateSelf(c, d), h.rotateSelf(u), h.scaleSelf(l, p), f.setTransform(h);
+        const h = t.createPattern(r, "repeat");
+        if (h && (i.scaleX !== void 0 || i.offsetX !== void 0)) {
+          const f = new DOMMatrix(), l = i.scaleX ?? 1, p = i.scaleY ?? 1, c = i.offsetX ?? 0, d = i.offsetY ?? 0, u = i.rotation ?? 0;
+          f.translateSelf(c, d), f.rotateSelf(u), f.scaleSelf(l, p), h.setTransform(f);
         }
-        return f;
+        return h;
       }
     }
     return i.color || null;
@@ -5153,43 +5154,43 @@ class ci {
       } catch {
         a = parseFloat(a) || 0;
       }
-    let r = 0, f = 0, h = 0, l = 0;
-    typeof a == "number" ? r = f = h = l = a : Array.isArray(a) ? a.length === 1 ? r = f = h = l = a[0] : a.length === 2 ? (r = h = a[0], f = l = a[1]) : a.length === 3 ? (r = a[0], f = l = a[1], h = a[2]) : a.length >= 4 && (r = a[0], f = a[1], h = a[2], l = a[3]) : a && typeof a == "object" && (r = a.tl ?? a.corner_radius ?? a.cornerRadius ?? 0, f = a.tr ?? a.corner_radius ?? a.cornerRadius ?? 0, h = a.br ?? a.corner_radius ?? a.cornerRadius ?? 0, l = a.bl ?? a.corner_radius ?? a.cornerRadius ?? 0);
+    let r = 0, h = 0, f = 0, l = 0;
+    typeof a == "number" ? r = h = f = l = a : Array.isArray(a) ? a.length === 1 ? r = h = f = l = a[0] : a.length === 2 ? (r = f = a[0], h = l = a[1]) : a.length === 3 ? (r = a[0], h = l = a[1], f = a[2]) : a.length >= 4 && (r = a[0], h = a[1], f = a[2], l = a[3]) : a && typeof a == "object" && (r = a.tl ?? a.corner_radius ?? a.cornerRadius ?? 0, h = a.tr ?? a.corner_radius ?? a.cornerRadius ?? 0, f = a.br ?? a.corner_radius ?? a.cornerRadius ?? 0, l = a.bl ?? a.corner_radius ?? a.cornerRadius ?? 0);
     const p = Math.min(Math.abs(e) / 2, Math.abs(s) / 2);
-    if (r = Math.min(Math.max(0, r), p), f = Math.min(Math.max(0, f), p), h = Math.min(Math.max(0, h), p), l = Math.min(Math.max(0, l), p), t.roundRect) {
-      t.roundRect(i, o, e, s, [r, f, h, l]);
+    if (r = Math.min(Math.max(0, r), p), h = Math.min(Math.max(0, h), p), f = Math.min(Math.max(0, f), p), l = Math.min(Math.max(0, l), p), t.roundRect) {
+      t.roundRect(i, o, e, s, [r, h, f, l]);
       return;
     }
-    t.moveTo(i + r, o), t.lineTo(i + e - f, o), t.arcTo(i + e, o, i + e, o + f, f), t.lineTo(i + e, o + s - h), t.arcTo(i + e, o + s, i + e - h, o + s, h), t.lineTo(i + l, o + s), t.arcTo(i, o + s, i, o + s - l, l), t.lineTo(i, o + r), t.arcTo(i, o, i + r, o, r), t.closePath();
+    t.moveTo(i + r, o), t.lineTo(i + e - h, o), t.arcTo(i + e, o, i + e, o + h, h), t.lineTo(i + e, o + s - f), t.arcTo(i + e, o + s, i + e - f, o + s, f), t.lineTo(i + l, o + s), t.arcTo(i, o + s, i, o + s - l, l), t.lineTo(i, o + r), t.arcTo(i, o, i + r, o, r), t.closePath();
   }
   renderListView(t, i) {
     var A, W, z, Y;
-    const o = this.objectStates.get(i.id) || {}, e = o.options || i.options || {}, s = o.width !== void 0 ? o.width : ((A = i.geometry) == null ? void 0 : A.width) || 200, n = o.height !== void 0 ? o.height : ((W = i.geometry) == null ? void 0 : W.height) || 300, a = -s / 2, r = -n / 2, f = o.corner_radius !== void 0 ? o.corner_radius : e.corner_radius ?? 0, h = e.orientation || "vertical", l = e.items || [], p = e.itemGap ?? 10, c = e.itemHeight ?? 50, d = e.itemWidth ?? 200, u = e.scrollOffset ?? 0, v = e.padding ?? 0, b = e.glassEffect !== !1, m = e.accentColor || "#3b82f6", y = e.itemTextColor || "#333333", S = e.itemBackgroundColor || "#ffffff", C = e.hoveredIndex ?? null, w = e.activeItemIndex ?? null, M = e.glowIntensity ?? 0, I = e.glowColor || "#3b82f6", k = typeof I == "string" ? I : I.color || ((Y = (z = I.stops) == null ? void 0 : z[0]) == null ? void 0 : Y.color) || "#3b82f6", T = e.opacity !== void 0 ? e.opacity : i.opacity !== void 0 ? i.opacity : 1;
+    const o = this.objectStates.get(i.id) || {}, e = o.options || i.options || {}, s = o.width !== void 0 ? o.width : ((A = i.geometry) == null ? void 0 : A.width) || 200, n = o.height !== void 0 ? o.height : ((W = i.geometry) == null ? void 0 : W.height) || 300, a = -s / 2, r = -n / 2, h = o.corner_radius !== void 0 ? o.corner_radius : e.corner_radius ?? 0, f = e.orientation || "vertical", l = e.items || [], p = e.itemGap ?? 10, c = e.itemHeight ?? 50, d = e.itemWidth ?? 200, u = e.scrollOffset ?? 0, v = e.padding ?? 0, b = e.glassEffect !== !1, m = e.accentColor || "#3b82f6", y = e.itemTextColor || "#333333", S = e.itemBackgroundColor || "#ffffff", C = e.hoveredIndex ?? null, w = e.activeItemIndex ?? null, M = e.glowIntensity ?? 0, I = e.glowColor || "#3b82f6", k = typeof I == "string" ? I : I.color || ((Y = (z = I.stops) == null ? void 0 : z[0]) == null ? void 0 : Y.color) || "#3b82f6", T = e.opacity !== void 0 ? e.opacity : i.opacity !== void 0 ? i.opacity : 1;
     if (t.save(), t.globalAlpha *= T, M > 0) {
       const G = t.getTransform(), N = Math.sqrt(G.a * G.a + G.b * G.b) || 1;
       t.shadowColor = k, t.shadowBlur = M * 2 * N, t.shadowOffsetX = 0, t.shadowOffsetY = 0;
     }
     if (b) {
       const G = e.listBackgroundColor || "rgba(31, 41, 55, 0.4)", N = this.createCanvasFill(t, G, s, n);
-      t.fillStyle = N || "rgba(31, 41, 55, 0.4)", t.beginPath(), this.drawCustomShape(t, e.containerShape || "rectangle", e.containerPath || "", a, r, s, n, f) || t.fill();
+      t.fillStyle = N || "rgba(31, 41, 55, 0.4)", t.beginPath(), this.drawCustomShape(t, e.containerShape || "rectangle", e.containerPath || "", a, r, s, n, h) || t.fill();
       const x = t.createLinearGradient(a, r, a + s, r + n);
-      x.addColorStop(0, "rgba(255, 255, 255, 0.15)"), x.addColorStop(0.5, "rgba(255, 255, 255, 0.08)"), x.addColorStop(1, "rgba(255, 255, 255, 0.03)"), t.fillStyle = x, t.beginPath(), this.drawCustomShape(t, e.containerShape || "rectangle", e.containerPath || "", a, r, s, n, f) || t.fill(), t.strokeStyle = "rgba(255, 255, 255, 0.25)", t.lineWidth = 1, t.beginPath(), this.drawCustomShape(t, e.containerShape || "rectangle", e.containerPath || "", a, r, s, n, f) || t.stroke();
+      x.addColorStop(0, "rgba(255, 255, 255, 0.15)"), x.addColorStop(0.5, "rgba(255, 255, 255, 0.08)"), x.addColorStop(1, "rgba(255, 255, 255, 0.03)"), t.fillStyle = x, t.beginPath(), this.drawCustomShape(t, e.containerShape || "rectangle", e.containerPath || "", a, r, s, n, h) || t.fill(), t.strokeStyle = "rgba(255, 255, 255, 0.25)", t.lineWidth = 1, t.beginPath(), this.drawCustomShape(t, e.containerShape || "rectangle", e.containerPath || "", a, r, s, n, h) || t.stroke();
     } else {
       const G = e.backgroundColor || e.listBackgroundColor || "transparent", N = this.createCanvasFill(t, G, s, n);
       if (N) {
         t.fillStyle = N, t.beginPath();
-        const x = this.drawCustomShape(t, e.containerShape || "rectangle", e.containerPath || "", a, r, s, n, f);
+        const x = this.drawCustomShape(t, e.containerShape || "rectangle", e.containerPath || "", a, r, s, n, h);
         t.fill();
       }
       const J = e.borderWidth ?? 0;
       if (J > 0) {
         t.strokeStyle = e.borderColor || "#cccccc", t.lineWidth = J, t.beginPath();
-        const x = this.drawCustomShape(t, e.containerShape || "rectangle", e.containerPath || "", a, r, s, n, f);
+        const x = this.drawCustomShape(t, e.containerShape || "rectangle", e.containerPath || "", a, r, s, n, h);
         t.stroke();
       }
     }
     t.shadowBlur = 0, t.save(), t.beginPath();
-    const L = this.drawCustomShape(t, e.containerShape || "rectangle", e.containerPath || "", a, r, s, n, f);
+    const L = this.drawCustomShape(t, e.containerShape || "rectangle", e.containerPath || "", a, r, s, n, h);
     if (e.listLayout !== "circular")
       if (L && e.containerShape === "custom")
         try {
@@ -5199,16 +5200,16 @@ class ci {
         }
       else
         t.clip();
-    const P = typeof v == "number" ? v : h === "vertical" ? v[0] : v[3];
-    let _ = (h === "vertical" ? r : a) + u + P;
+    const P = typeof v == "number" ? v : f === "vertical" ? v[0] : v[3];
+    let _ = (f === "vertical" ? r : a) + u + P;
     if (t.textBaseline = "middle", l.forEach((G, N) => {
-      const J = e.listLayout || "linear", x = J === "circular" ? d : h === "vertical" ? s : d, F = J === "circular" || h === "vertical" ? c : n;
+      const J = e.listLayout || "linear", x = J === "circular" ? d : f === "vertical" ? s : d, F = J === "circular" || f === "vertical" ? c : n;
       let j = 0, X = 0, tt = 0;
       if (J === "circular") {
-        const St = l.length || 1, Xt = Math.PI * 2 / St, le = e.circularStartAngle || 0, he = e.circularRadius || 100, et = u * 0.01 + le * Math.PI / 180, mt = N * Xt + et, Rt = a + s / 2, _t = r + n / 2;
-        j = Rt + Math.cos(mt) * he - x / 2, X = _t + Math.sin(mt) * he - F / 2, tt = mt + (e.itemRotation || 0) * Math.PI / 180;
+        const St = l.length || 1, Xt = Math.PI * 2 / St, le = e.circularStartAngle || 0, fe = e.circularRadius || 100, et = u * 0.01 + le * Math.PI / 180, mt = N * Xt + et, Rt = a + s / 2, _t = r + n / 2;
+        j = Rt + Math.cos(mt) * fe - x / 2, X = _t + Math.sin(mt) * fe - F / 2, tt = mt + (e.itemRotation || 0) * Math.PI / 180;
       } else
-        j = h === "vertical" ? a : _, X = h === "vertical" ? _ : r, tt = (e.itemRotation || 0) * Math.PI / 180;
+        j = f === "vertical" ? a : _, X = f === "vertical" ? _ : r, tt = (e.itemRotation || 0) * Math.PI / 180;
       const R = C === N, O = w === N, D = O && e.activeItemShape ? e.activeItemShape : e.itemShape || "rectangle", q = O && e.activeItemShape ? e.activeItemPath : e.itemPath || "", ot = e.itemCornerRadius || 0;
       if (t.save(), tt !== 0 && (t.translate(j + x / 2, X + F / 2), t.rotate(tt), t.translate(-(j + x / 2), -(X + F / 2))), O) {
         const St = this.createCanvasFill(t, m, x, F);
@@ -5222,17 +5223,17 @@ class ci {
         t.fillStyle = St || S, t.beginPath(), this.drawCustomShape(t, D, q, j, X, x, F, ot) || (t.rect(j, X, x, F), t.fill());
       }
       if (O || R) {
-        const St = this.createCanvasFill(t, m, h === "vertical" ? 3 : x, h === "vertical" ? F : 3);
-        t.fillStyle = St || m, h === "vertical" ? t.fillRect(j, X, 3, F) : t.fillRect(j, X + F - 3, x, 3);
+        const St = this.createCanvasFill(t, m, f === "vertical" ? 3 : x, f === "vertical" ? F : 3);
+        t.fillStyle = St || m, f === "vertical" ? t.fillRect(j, X, 3, F) : t.fillRect(j, X + F - 3, x, 3);
       }
       const yt = O ? "#ffffff" : b ? "rgba(255, 255, 255, 0.9)" : y;
       t.fillStyle = yt, t.font = O || R ? "600 14px Inter, sans-serif" : "400 14px Inter, sans-serif";
-      const bt = typeof G == "string" ? G : (G == null ? void 0 : G.label) || `Item ${N + 1}`, gt = j + (h === "vertical" ? 16 : x / 2), Et = X + F / 2;
-      h === "horizontal" || J === "circular" ? t.textAlign = "center" : t.textAlign = "left";
+      const bt = typeof G == "string" ? G : (G == null ? void 0 : G.label) || `Item ${N + 1}`, gt = j + (f === "vertical" ? 16 : x / 2), Et = X + F / 2;
+      f === "horizontal" || J === "circular" ? t.textAlign = "center" : t.textAlign = "left";
       const It = J === "circular" ? j + x / 2 : gt;
-      t.fillText(bt, It, Et), t.restore(), _ += (h === "vertical" ? c : d) + p;
+      t.fillText(bt, It, Et), t.restore(), _ += (f === "vertical" ? c : d) + p;
     }), t.restore(), e.showScrollbar !== !1) {
-      const G = (l.length || 0) * (h === "vertical" ? c : d) + ((l.length || 0) - 1) * p, N = h === "vertical" ? n : s, J = e.listLayout || "linear", x = e.containerShape === "circle" || J === "circular";
+      const G = (l.length || 0) * (f === "vertical" ? c : d) + ((l.length || 0) - 1) * p, N = f === "vertical" ? n : s, J = e.listLayout || "linear", x = e.containerShape === "circle" || J === "circular";
       if (G > N || J === "circular" && l.length > 0) {
         const F = e.scrollbarColor || "rgba(255,255,255,0.3)", j = e.scrollbarWidth || 4;
         if (x) {
@@ -5247,7 +5248,7 @@ class ci {
           t.stroke();
         } else {
           const X = N / G, tt = N * X, R = -u / G * N;
-          t.fillStyle = F, h === "vertical" ? t.fillRect(a + s - j - 2, r + R, j, tt) : t.fillRect(a + R, r + n - j - 2, tt, j);
+          t.fillStyle = F, f === "vertical" ? t.fillRect(a + s - j - 2, r + R, j, tt) : t.fillRect(a + R, r + n - j - 2, tt, j);
         }
       }
     }
@@ -5255,15 +5256,15 @@ class ci {
   }
   drawCustomShape(t, i, o, e, s, n, a, r) {
     if (i === "circle") {
-      const f = Math.min(n, a) / 2;
-      return t.arc(e + n / 2, s + a / 2, f, 0, Math.PI * 2), !1;
+      const h = Math.min(n, a) / 2;
+      return t.arc(e + n / 2, s + a / 2, h, 0, Math.PI * 2), !1;
     } else if (i === "pill") {
-      const f = Math.min(n, a) / 2;
-      return this.drawListViewRect(t, e, s, n, a, f), !1;
+      const h = Math.min(n, a) / 2;
+      return this.drawListViewRect(t, e, s, n, a, h), !1;
     } else if (i === "custom" && o)
       try {
-        const f = new Path2D(o);
-        return t.save(), t.translate(e, s), t.scale(n / 100, a / 100), t.fill(f), t.restore(), !0;
+        const h = new Path2D(o);
+        return t.save(), t.translate(e, s), t.scale(n / 100, a / 100), t.fill(h), t.restore(), !0;
       } catch {
         return this.drawListViewRect(t, e, s, n, a, r), !1;
       }
@@ -5274,10 +5275,10 @@ class ci {
     if (!this._lastPointerPos || !this._prevPointerPos) return;
     const i = t.options || {}, o = i.orientation || "vertical", e = this._lastPointerPos.x - this._prevPointerPos.x, s = this._lastPointerPos.y - this._prevPointerPos.y;
     o === "vertical" ? i.scrollOffset = (i.scrollOffset || 0) + s : i.scrollOffset = (i.scrollOffset || 0) + e;
-    const n = i.listLayout || "linear", a = this.objectStates.get(t.id) || {}, r = i.items || [], f = i.itemGap ?? 10, h = i.itemHeight ?? 50, l = i.itemWidth ?? 200, p = a.width !== void 0 ? a.width : ((b = t.geometry) == null ? void 0 : b.width) || 200, c = a.height !== void 0 ? a.height : ((m = t.geometry) == null ? void 0 : m.height) || 300;
+    const n = i.listLayout || "linear", a = this.objectStates.get(t.id) || {}, r = i.items || [], h = i.itemGap ?? 10, f = i.itemHeight ?? 50, l = i.itemWidth ?? 200, p = a.width !== void 0 ? a.width : ((b = t.geometry) == null ? void 0 : b.width) || 200, c = a.height !== void 0 ? a.height : ((m = t.geometry) == null ? void 0 : m.height) || 300;
     if (n === "circular")
       return;
-    const d = (r.length || 0) * (o === "vertical" ? h : l) + ((r.length || 0) - 1) * f, v = Math.max(0, d - (o === "vertical" ? c : p) + (i.padding * 2 || 0));
+    const d = (r.length || 0) * (o === "vertical" ? f : l) + ((r.length || 0) - 1) * h, v = Math.max(0, d - (o === "vertical" ? c : p) + (i.padding * 2 || 0));
     i.scrollOffset > 0 && (i.scrollOffset = 0), i.scrollOffset < -v && (i.scrollOffset = -v);
   }
   updateListViewHoverFromPointer(t, i, o) {
@@ -5288,24 +5289,24 @@ class ci {
     var z, Y;
     const e = t.options || {}, s = this.objectStates.get(t.id) || {}, n = e.items || [];
     if (n.length === 0) return null;
-    const a = s.width !== void 0 ? s.width : ((z = t.geometry) == null ? void 0 : z.width) || 200, r = s.height !== void 0 ? s.height : ((Y = t.geometry) == null ? void 0 : Y.height) || 300, f = e.orientation || "vertical", h = e.itemGap ?? 10, l = e.itemHeight ?? 50, p = e.itemWidth ?? 200, c = e.scrollOffset ?? 0, d = e.padding ?? 0, u = this.getWorldTransform(t.id), v = i - u.x, b = o - u.y, m = -u.rotation * (Math.PI / 180), y = Math.cos(m), S = Math.sin(m), C = v * y - b * S, w = v * S + b * y, M = -a / 2, I = -r / 2, k = typeof d == "number" ? d : f === "vertical" ? d[0] : d[3];
-    let T = (f === "vertical" ? I : M) + c + k;
+    const a = s.width !== void 0 ? s.width : ((z = t.geometry) == null ? void 0 : z.width) || 200, r = s.height !== void 0 ? s.height : ((Y = t.geometry) == null ? void 0 : Y.height) || 300, h = e.orientation || "vertical", f = e.itemGap ?? 10, l = e.itemHeight ?? 50, p = e.itemWidth ?? 200, c = e.scrollOffset ?? 0, d = e.padding ?? 0, u = this.getWorldTransform(t.id), v = i - u.x, b = o - u.y, m = -u.rotation * (Math.PI / 180), y = Math.cos(m), S = Math.sin(m), C = v * y - b * S, w = v * S + b * y, M = -a / 2, I = -r / 2, k = typeof d == "number" ? d : h === "vertical" ? d[0] : d[3];
+    let T = (h === "vertical" ? I : M) + c + k;
     const L = e.listLayout || "linear", P = n.length || 1, _ = Math.PI * 2 / P, E = e.circularStartAngle || 0, A = e.circularRadius || 100, W = c * 0.01 + E * Math.PI / 180;
     for (let G = 0; G < n.length; G++) {
-      const N = L === "circular" ? p : f === "vertical" ? a : p, J = L === "circular" || f === "vertical" ? l : r;
+      const N = L === "circular" ? p : h === "vertical" ? a : p, J = L === "circular" || h === "vertical" ? l : r;
       let x = 0, F = 0, j = 0;
       if (L === "circular") {
         const X = G * _ + W, tt = M + a / 2, R = I + r / 2;
         x = tt + Math.cos(X) * A - N / 2, F = R + Math.sin(X) * A - J / 2, j = X + (e.itemRotation || 0) * Math.PI / 180;
       } else
-        x = f === "vertical" ? M : T, F = f === "vertical" ? T : I, j = (e.itemRotation || 0) * Math.PI / 180;
+        x = h === "vertical" ? M : T, F = h === "vertical" ? T : I, j = (e.itemRotation || 0) * Math.PI / 180;
       if (j !== 0) {
         const X = x + N / 2, tt = F + J / 2, R = C - X, O = w - tt, D = -j, q = R * Math.cos(D) - O * Math.sin(D) + X, ot = R * Math.sin(D) + O * Math.cos(D) + tt;
         if (q >= x && q <= x + N && ot >= F && ot <= F + J)
           return G;
       } else if (C >= x && C <= x + N && w >= F && w <= F + J)
         return G;
-      T += (f === "vertical" ? l : p) + h;
+      T += (h === "vertical" ? l : p) + f;
     }
     return null;
   }
@@ -5323,28 +5324,28 @@ class ci {
       if (!e.behaviors || e.behaviors.length === 0) return;
       const s = this.objectStates.get(e.id);
       s && e.behaviors.forEach((n) => {
-        var p, c, d, u, v, b, m, y, S, C, w, M, I, k, T, L, P, _, E, A, W, z, Y, G, N, J, x, F, j, X, tt, R, O, D, q, ot, yt, bt, gt, Et, It, St, Xt, le, he, et, mt, Rt, _t, dt, Ft, Dt, $t, Ot, Vt, ie, me, ye, Ut, Se, Pe, Ee, Ce, Ae, xe, se, jt, ft, pt, at, B, nt, Z, Pt, xt, kt, At, Mt, $, Wt, Kt, te, Jt, ut, ct, Ct, rt, V, st, it, vt, Yt, Qt, ne, Gt, Ht, Nt, Ie, Le, Re, Oe, Fe, $e, Ye, zt, oe, we, Be, We, de, ce, fe, ke, Xe, Ve, Ne, De, He;
+        var p, c, d, u, v, b, m, y, S, C, w, M, I, k, T, L, P, _, E, A, W, z, Y, G, N, J, x, F, j, X, tt, R, O, D, q, ot, yt, bt, gt, Et, It, St, Xt, le, fe, et, mt, Rt, _t, dt, Ft, Dt, $t, Ot, Vt, ie, me, ye, Ut, Se, Pe, Ee, Ce, Ae, xe, se, jt, ht, pt, at, B, nt, Z, Pt, xt, kt, At, Mt, $, Wt, Kt, te, Jt, ut, ct, Ct, rt, V, st, it, vt, Yt, Qt, ne, Gt, Ht, Nt, Ie, Le, Re, Oe, Fe, $e, Ye, zt, oe, we, Be, We, de, ce, he, ke, Xe, Ve, Ne, De, He;
         if (!n.enabled) return;
         const a = n.startTime || 0, r = n.endTime || 1 / 0;
         if (this.currentTime < a || this.currentTime > r) return;
-        const f = s.x - i, h = s.y - o, l = Math.sqrt(f * f + h * h);
+        const h = s.x - i, f = s.y - o, l = Math.sqrt(h * h + f * f);
         if (this.frameCount % 240 === 0 && Math.random() < 0.1 && this.log(`[ExodeUI] Executing ${n.type} on ${e.name}`), n.type === U.Proximity) {
           const H = ((p = n.settings) == null ? void 0 : p.radius) || 300, Q = ((c = n.settings) == null ? void 0 : c.falloff) || "smooth";
           let K = 0;
-          l < H && (Q === "linear" ? K = 1 - l / H : K = Math.pow(1 - l / H, 2)), n.sensors.forEach((ht) => {
-            this.applyBehaviorSensor(s, ht, K, t, n.settings, e, f, h, l);
+          l < H && (Q === "linear" ? K = 1 - l / H : K = Math.pow(1 - l / H, 2)), n.sensors.forEach((ft) => {
+            this.applyBehaviorSensor(s, ft, K, t, n.settings, e, h, f, l);
           });
         } else if (n.type === U.Magnetic) {
           const H = ((d = n.settings) == null ? void 0 : d.radius) || 400, Q = ((u = n.settings) == null ? void 0 : u.strength) || 0.5;
           if (l < H && l > 5) {
-            const K = 1 - l / H, ht = f * K * Q, Tt = h * K * Q;
-            s.x -= ht * t * 10, s.y -= Tt * t * 10;
+            const K = 1 - l / H, ft = h * K * Q, Tt = f * K * Q;
+            s.x -= ft * t * 10, s.y -= Tt * t * 10;
           }
         } else if (n.type === U.Repel) {
           const H = ((v = n.settings) == null ? void 0 : v.radius) || 300, Q = ((b = n.settings) == null ? void 0 : b.strength) || 1;
           if (l < H) {
             const K = Math.pow(1 - l / H, 2);
-            s.x += f / (l || 1) * K * 60 * Q * t * 5, s.y += h / (l || 1) * K * 60 * Q * t * 5;
+            s.x += h / (l || 1) * K * 60 * Q * t * 5, s.y += f / (l || 1) * K * 60 * Q * t * 5;
           }
         } else if (n.type === U.Orbit) {
           const H = ((m = n.settings) == null ? void 0 : m.speed) || 1, Q = ((y = n.settings) == null ? void 0 : y.radius) || 30, K = this.currentTime * H * Math.PI * 2;
@@ -5352,14 +5353,14 @@ class ci {
         } else if (n.type === U.Vortex) {
           const H = ((S = n.settings) == null ? void 0 : S.radius) || 400, Q = ((C = n.settings) == null ? void 0 : C.speed) || 2, K = ((w = n.settings) == null ? void 0 : w.strength) || 1;
           if (l < H) {
-            const ht = Math.pow(1 - l / H, 1.5), Tt = this.currentTime * Q * Math.PI * 2, Lt = Math.cos(Tt) * 30 - f * 0.4, Bt = Math.sin(Tt) * 30 - h * 0.4;
-            s.x += Lt * ht * K * t * 5, s.y += Bt * ht * K * t * 5, s.rotation += 5 * ht * K * t * 5, s.scale_x *= 1 - ht * 0.1 * K * t, s.scale_y *= 1 - ht * 0.1 * K * t;
+            const ft = Math.pow(1 - l / H, 1.5), Tt = this.currentTime * Q * Math.PI * 2, Lt = Math.cos(Tt) * 30 - h * 0.4, Bt = Math.sin(Tt) * 30 - f * 0.4;
+            s.x += Lt * ft * K * t * 5, s.y += Bt * ft * K * t * 5, s.rotation += 5 * ft * K * t * 5, s.scale_x *= 1 - ft * 0.1 * K * t, s.scale_y *= 1 - ft * 0.1 * K * t;
           }
         } else if (n.type === U.Fluid) {
           const H = ((M = n.settings) == null ? void 0 : M.radius) || 300, Q = ((I = n.settings) == null ? void 0 : I.strength) || 1;
           if (l < H) {
-            const K = Math.pow(1 - l / H, 1.2), ht = f / (l || 1) * K * 1.2 * Q, Tt = h / (l || 1) * K * 1.2 * Q;
-            s.x += ht * 10 * t * 5, s.y += Tt * 10 * t * 5, s.scale_x *= 1 + K * 0.3 * Q * t, s.scale_y *= 1 + K * 0.3 * Q * t;
+            const K = Math.pow(1 - l / H, 1.2), ft = h / (l || 1) * K * 1.2 * Q, Tt = f / (l || 1) * K * 1.2 * Q;
+            s.x += ft * 10 * t * 5, s.y += Tt * 10 * t * 5, s.scale_x *= 1 + K * 0.3 * Q * t, s.scale_y *= 1 + K * 0.3 * Q * t;
           }
         } else if (n.type === U.Elastic) {
           const H = ((k = n.settings) == null ? void 0 : k.radius) || 300, Q = ((T = n.settings) == null ? void 0 : T.strength) || 1;
@@ -5370,14 +5371,14 @@ class ci {
         } else if (n.type === U.Holographic) {
           const H = s.x - this.canvasWidth / 2, Q = s.y - this.canvasHeight / 2, K = ((L = n.settings) == null ? void 0 : L.factor) || 25;
           if (s.x -= H / 1e3 * K * t * 5, s.y -= Q / 1e3 * K * t * 5, s.style) {
-            const ht = 1 - Math.min(1, l / 400);
-            s.style.exposure = (s.style.exposure || 1) + ht * 0.5 * t;
+            const ft = 1 - Math.min(1, l / 400);
+            s.style.exposure = (s.style.exposure || 1) + ft * 0.5 * t;
           }
         } else if (n.type === U.Sticky) {
           const H = ((P = n.settings) == null ? void 0 : P.radius) || 80, Q = ((_ = n.settings) == null ? void 0 : _.strength) || 1;
           if (l < H) {
             const K = Math.pow(1 - l / H, 2);
-            s.x -= f * K * Q * t * 10, s.y -= h * K * Q * t * 10, s.scale_x *= 1 - K * 0.1 * Q * t, s.scale_y *= 1 - K * 0.1 * Q * t;
+            s.x -= h * K * Q * t * 10, s.y -= f * K * Q * t * 10, s.scale_x *= 1 - K * 0.1 * Q * t, s.scale_y *= 1 - K * 0.1 * Q * t;
           }
         } else if (n.type === U.Dilation) {
           const H = ((E = n.settings) == null ? void 0 : E.size) || 120, Q = ((A = n.settings) == null ? void 0 : A.strength) || 1;
@@ -5386,25 +5387,25 @@ class ci {
             s.scale_x *= 1 + K * 0.5 * Q * t, s.scale_y *= 1 + K * 0.5 * Q * t;
           }
         } else if (n.type === U.Parallax) {
-          const H = ((W = n.settings) == null ? void 0 : W.factor) || 15, Q = ((z = n.settings) == null ? void 0 : z.strength) || 1, K = this.canvasWidth / 2, ht = this.canvasHeight / 2, Tt = this._lastPointerPos || { x: K, y: ht }, Lt = (Tt.x - K) / K, Bt = (Tt.y - ht) / ht, ee = (((Y = e.transform) == null ? void 0 : Y.x) ?? 0) + Lt * H * Q, ue = (((G = e.transform) == null ? void 0 : G.y) ?? 0) + Bt * H * Q, Te = (((N = e.transform) == null ? void 0 : N.rotate_x) ?? 0) - Bt * H * 1.5 * Q, ae = (((J = e.transform) == null ? void 0 : J.rotate_y) ?? 0) + Lt * H * 1.5 * Q, be = Math.min(1, 10 * t);
+          const H = ((W = n.settings) == null ? void 0 : W.factor) || 15, Q = ((z = n.settings) == null ? void 0 : z.strength) || 1, K = this.canvasWidth / 2, ft = this.canvasHeight / 2, Tt = this._lastPointerPos || { x: K, y: ft }, Lt = (Tt.x - K) / K, Bt = (Tt.y - ft) / ft, ee = (((Y = e.transform) == null ? void 0 : Y.x) ?? 0) + Lt * H * Q, ue = (((G = e.transform) == null ? void 0 : G.y) ?? 0) + Bt * H * Q, Te = (((N = e.transform) == null ? void 0 : N.rotate_x) ?? 0) - Bt * H * 1.5 * Q, ae = (((J = e.transform) == null ? void 0 : J.rotate_y) ?? 0) + Lt * H * 1.5 * Q, be = Math.min(1, 10 * t);
           s.x = this.lerp(s.x ?? ((x = e.transform) == null ? void 0 : x.x) ?? 0, ee, be), s.y = this.lerp(s.y ?? ((F = e.transform) == null ? void 0 : F.y) ?? 0, ue, be), s.rotate_x = this.lerp(s.rotate_x ?? ((j = e.transform) == null ? void 0 : j.rotate_x) ?? 0, Te, be), s.rotate_y = this.lerp(s.rotate_y ?? ((X = e.transform) == null ? void 0 : X.rotate_y) ?? 0, ae, be);
         } else if (n.type === U.Fold) {
           if (l < 300) {
-            const H = 1 - l / 300, Q = (f > 0 ? -1 : 1) * H * 10, K = 1 - H * 0.1, ht = h / 300 * H * 20, Tt = -(f / 300) * H * 20, Lt = Math.min(1, 10 * t);
-            s.skew_x = this.lerp(s.skew_x ?? ((tt = e.transform) == null ? void 0 : tt.skew_x) ?? 0, Q, Lt), s.scale_y = this.lerp(s.scale_y ?? ((R = e.transform) == null ? void 0 : R.scale_y) ?? 1, (((O = e.transform) == null ? void 0 : O.scale_y) ?? 1) * K, Lt), s.rotate_x = this.lerp(s.rotate_x ?? ((D = e.transform) == null ? void 0 : D.rotate_x) ?? 0, ht, Lt), s.rotate_y = this.lerp(s.rotate_y ?? ((q = e.transform) == null ? void 0 : q.rotate_y) ?? 0, Tt, Lt), s.style = s.style || { ...e.style }, s.style.artEffect = { enabled: !0, type: "fold_overlay", intensity: ((ot = n.settings) == null ? void 0 : ot.opacity) ?? 0.5 };
+            const H = 1 - l / 300, Q = (h > 0 ? -1 : 1) * H * 10, K = 1 - H * 0.1, ft = f / 300 * H * 20, Tt = -(h / 300) * H * 20, Lt = Math.min(1, 10 * t);
+            s.skew_x = this.lerp(s.skew_x ?? ((tt = e.transform) == null ? void 0 : tt.skew_x) ?? 0, Q, Lt), s.scale_y = this.lerp(s.scale_y ?? ((R = e.transform) == null ? void 0 : R.scale_y) ?? 1, (((O = e.transform) == null ? void 0 : O.scale_y) ?? 1) * K, Lt), s.rotate_x = this.lerp(s.rotate_x ?? ((D = e.transform) == null ? void 0 : D.rotate_x) ?? 0, ft, Lt), s.rotate_y = this.lerp(s.rotate_y ?? ((q = e.transform) == null ? void 0 : q.rotate_y) ?? 0, Tt, Lt), s.style = s.style || { ...e.style }, s.style.artEffect = { enabled: !0, type: "fold_overlay", intensity: ((ot = n.settings) == null ? void 0 : ot.opacity) ?? 0.5 };
           }
         } else if (n.type === U.Crumple) {
           if (l < 300) {
-            const H = 1 - l / 300, Q = H * (Math.random() - 0.5) * 5, K = H * (Math.random() - 0.5) * 0.05, ht = Math.min(1, 15 * t);
-            s.skew_x = this.lerp(s.skew_x ?? ((yt = e.transform) == null ? void 0 : yt.skew_x) ?? 0, Q, ht), s.scale_x = this.lerp(s.scale_x ?? ((bt = e.transform) == null ? void 0 : bt.scale_x) ?? 1, (((gt = e.transform) == null ? void 0 : gt.scale_x) ?? 1) * (1 + K), ht), s.scale_y = this.lerp(s.scale_y ?? ((Et = e.transform) == null ? void 0 : Et.scale_y) ?? 1, (((It = e.transform) == null ? void 0 : It.scale_y) ?? 1) * (1 + K), ht), s.style = s.style || { ...e.style }, s.style.artEffect = { enabled: !0, type: "crumple_overlay", intensity: ((St = n.settings) == null ? void 0 : St.intensity) ?? 1, scale: ((Xt = n.settings) == null ? void 0 : Xt.scale) ?? 2 };
+            const H = 1 - l / 300, Q = H * (Math.random() - 0.5) * 5, K = H * (Math.random() - 0.5) * 0.05, ft = Math.min(1, 15 * t);
+            s.skew_x = this.lerp(s.skew_x ?? ((yt = e.transform) == null ? void 0 : yt.skew_x) ?? 0, Q, ft), s.scale_x = this.lerp(s.scale_x ?? ((bt = e.transform) == null ? void 0 : bt.scale_x) ?? 1, (((gt = e.transform) == null ? void 0 : gt.scale_x) ?? 1) * (1 + K), ft), s.scale_y = this.lerp(s.scale_y ?? ((Et = e.transform) == null ? void 0 : Et.scale_y) ?? 1, (((It = e.transform) == null ? void 0 : It.scale_y) ?? 1) * (1 + K), ft), s.style = s.style || { ...e.style }, s.style.artEffect = { enabled: !0, type: "crumple_overlay", intensity: ((St = n.settings) == null ? void 0 : St.intensity) ?? 1, scale: ((Xt = n.settings) == null ? void 0 : Xt.scale) ?? 2 };
           }
         } else if (n.type === U.Squash) {
           const H = ((le = n.settings) == null ? void 0 : le.strength) || 0.8;
-          l < (e.width || 100) && this.isMouseDown ? (s.scale_y = this.lerp(s.scale_y ?? 1, (((he = e.transform) == null ? void 0 : he.scale_y) ?? 1) * H, 0.3), s.scale_x = this.lerp(s.scale_x ?? 1, (((et = e.transform) == null ? void 0 : et.scale_x) ?? 1) * (1 + (1 - H) * 0.4), 0.3)) : (s.scale_y = this.lerp(s.scale_y ?? 1, ((mt = e.transform) == null ? void 0 : mt.scale_y) ?? 1, 0.2), s.scale_x = this.lerp(s.scale_x ?? 1, ((Rt = e.transform) == null ? void 0 : Rt.scale_x) ?? 1, 0.2));
+          l < (e.width || 100) && this.isMouseDown ? (s.scale_y = this.lerp(s.scale_y ?? 1, (((fe = e.transform) == null ? void 0 : fe.scale_y) ?? 1) * H, 0.3), s.scale_x = this.lerp(s.scale_x ?? 1, (((et = e.transform) == null ? void 0 : et.scale_x) ?? 1) * (1 + (1 - H) * 0.4), 0.3)) : (s.scale_y = this.lerp(s.scale_y ?? 1, ((mt = e.transform) == null ? void 0 : mt.scale_y) ?? 1, 0.2), s.scale_x = this.lerp(s.scale_x ?? 1, ((Rt = e.transform) == null ? void 0 : Rt.scale_x) ?? 1, 0.2));
         } else if (n.type === U.TextCounter) {
           const H = ((_t = n.settings) == null ? void 0 : _t.duration) || 2, Q = ((dt = n.settings) == null ? void 0 : dt.from) || 0, K = ((Ft = n.settings) == null ? void 0 : Ft.to) || 100;
           n._runtimeStart === void 0 && (n._runtimeStart = this.currentTime);
-          const ht = this.currentTime - n._runtimeStart, Tt = Math.min(1, ht / H), Lt = Math.floor(Q + (K - Q) * Tt);
+          const ft = this.currentTime - n._runtimeStart, Tt = Math.min(1, ft / H), Lt = Math.floor(Q + (K - Q) * Tt);
           if (((Dt = e.geometry) == null ? void 0 : Dt.type) === "Text") {
             const Bt = (($t = n.settings) == null ? void 0 : $t.prefix) || "", ee = ((Ot = n.settings) == null ? void 0 : Ot.suffix) || "";
             s.geometry || (s.geometry = { ...e.geometry }), s.geometry.text = `${Bt}${Lt}${ee}`;
@@ -5420,19 +5421,19 @@ class ci {
           const H = (((Ce = n.settings) == null ? void 0 : Ce.frequency) || ((Ae = n.settings) == null ? void 0 : Ae.speed) || 1) * 2e-3, Q = (((xe = n.settings) == null ? void 0 : xe.amplitude) || ((se = n.settings) == null ? void 0 : se.range) || 50) * (((jt = n.settings) == null ? void 0 : jt.strength) || 1), K = Date.now();
           s.x += Math.sin(K * H) * Q * t, s.y += Math.cos(K * H * 0.8) * Q * t, s.rotation += Math.sin(K * H * 0.5) * 5 * t;
         } else if (n.type === U.Pulse) {
-          const H = (((ft = n.settings) == null ? void 0 : ft.speed) || 1) * 5e-3, Q = (((pt = n.settings) == null ? void 0 : pt.scale) || 1.2) - 1, K = Math.sin(Date.now() * H), ht = ((at = n.settings) == null ? void 0 : at.strength) || 1;
-          s.scale_x *= 1 + K * Q * ht * t, s.scale_y *= 1 + K * Q * ht * t, s.style && (s.style.exposure = (s.style.exposure || 1) + Math.max(0, K) * 0.1 * ht * t);
+          const H = (((ht = n.settings) == null ? void 0 : ht.speed) || 1) * 5e-3, Q = (((pt = n.settings) == null ? void 0 : pt.scale) || 1.2) - 1, K = Math.sin(Date.now() * H), ft = ((at = n.settings) == null ? void 0 : at.strength) || 1;
+          s.scale_x *= 1 + K * Q * ft * t, s.scale_y *= 1 + K * Q * ft * t, s.style && (s.style.exposure = (s.style.exposure || 1) + Math.max(0, K) * 0.1 * ft * t);
         } else if (n.type === U.Draggable) {
           const H = ((B = n.settings) == null ? void 0 : B.radius) || 150, Q = this.draggingBehaviors.has(e.id);
           if (l < H || Q) {
-            const K = ((nt = n.settings) == null ? void 0 : nt.strength) || 1, ht = Q ? 1 : Math.max(0, 1 - l / H);
-            this.applyBehaviorSensor(s, Zt.PositionX, ht * K, t, n.settings), this.applyBehaviorSensor(s, Zt.PositionY, ht * K, t, n.settings);
+            const K = ((nt = n.settings) == null ? void 0 : nt.strength) || 1, ft = Q ? 1 : Math.max(0, 1 - l / H);
+            this.applyBehaviorSensor(s, Zt.PositionX, ft * K, t, n.settings), this.applyBehaviorSensor(s, Zt.PositionY, ft * K, t, n.settings);
           }
         } else if (n.type === U.Scroll) {
-          const H = ((Z = n.settings) == null ? void 0 : Z.axis) || "vertical", Q = ((Pt = n.settings) == null ? void 0 : Pt.factor) || 0.5, K = ((xt = n.settings) == null ? void 0 : xt.strength) || 1, ht = ((kt = n.settings) == null ? void 0 : kt.scaleFactor) || 0;
-          (H === "vertical" || H === "both") && (s.y += this.scrollOffset.y * Q * K * t), (H === "horizontal" || H === "both") && (s.x += this.scrollOffset.x * Q * K * t), ht !== 0 && (s.scale_x *= 1 + this.scrollOffset.y * ht * t, s.scale_y *= 1 + this.scrollOffset.y * ht * t);
+          const H = ((Z = n.settings) == null ? void 0 : Z.axis) || "vertical", Q = ((Pt = n.settings) == null ? void 0 : Pt.factor) || 0.5, K = ((xt = n.settings) == null ? void 0 : xt.strength) || 1, ft = ((kt = n.settings) == null ? void 0 : kt.scaleFactor) || 0;
+          (H === "vertical" || H === "both") && (s.y += this.scrollOffset.y * Q * K * t), (H === "horizontal" || H === "both") && (s.x += this.scrollOffset.x * Q * K * t), ft !== 0 && (s.scale_x *= 1 + this.scrollOffset.y * ft * t, s.scale_y *= 1 + this.scrollOffset.y * ft * t);
         } else if (n.type === U.LookAt) {
-          const H = ((At = n.settings) == null ? void 0 : At.factor) || 1, Q = ((Mt = n.settings) == null ? void 0 : Mt.strength) || 1, K = Math.atan2(-h, -f) * (180 / Math.PI), ht = s.rotation, Tt = (K - ht + 180) % 360 - 180;
+          const H = ((At = n.settings) == null ? void 0 : At.factor) || 1, Q = ((Mt = n.settings) == null ? void 0 : Mt.strength) || 1, K = Math.atan2(-f, -h) * (180 / Math.PI), ft = s.rotation, Tt = (K - ft + 180) % 360 - 180;
           s.rotation += Tt * H * Q * t * 10;
         } else if (n.type === U.Scan) {
           const H = ((($ = n.settings) == null ? void 0 : $.speed) || 1) * 4e-3, Q = ((Wt = n.settings) == null ? void 0 : Wt.strength) || 1, K = (Math.sin(Date.now() * H) + 1) / 2;
@@ -5454,8 +5455,8 @@ class ci {
           if (H) {
             const Q = this.objectStates.get(H);
             if (Q) {
-              const K = ((rt = n.settings) == null ? void 0 : rt.stiffness) || 0.1, ht = Q.x - s.x, Tt = Q.y - s.y;
-              s.x += ht * K * t * 60, s.y += Tt * K * t * 60;
+              const K = ((rt = n.settings) == null ? void 0 : rt.stiffness) || 0.1, ft = Q.x - s.x, Tt = Q.y - s.y;
+              s.x += ft * K * t * 60, s.y += Tt * K * t * 60;
             }
           }
         } else if (n.type === U.Wrap)
@@ -5484,30 +5485,30 @@ class ci {
           const H = ((Oe = n.settings) == null ? void 0 : Oe.watchProperties) || ["x", "y", "scale_x", "scale_y", "opacity", "rotation"], Q = ((Fe = n.settings) == null ? void 0 : Fe.duration) || 0.3;
           this._layoutAnimCache.has(e.id) || this._layoutAnimCache.set(e.id, /* @__PURE__ */ new Map());
           const K = this._layoutAnimCache.get(e.id);
-          for (const ht of H) {
-            const Tt = this.getObjectProperty(s, e, ht);
+          for (const ft of H) {
+            const Tt = this.getObjectProperty(s, e, ft);
             if (Tt === void 0) continue;
-            const Lt = K.get(ht);
+            const Lt = K.get(ft);
             if (!Lt)
-              K.set(ht, {
+              K.set(ft, {
                 from: Tt,
                 to: Tt,
                 startTime: this.currentTime,
                 duration: 0
               });
             else if (Lt.to !== Tt) {
-              const ee = this.getObjectProperty(s, e, ht);
-              K.set(ht, {
+              const ee = this.getObjectProperty(s, e, ft);
+              K.set(ft, {
                 from: ee ?? Lt.from,
                 to: Tt,
                 startTime: this.currentTime,
                 duration: (($e = n.settings) == null ? void 0 : $e.duration) ?? Q
               });
             }
-            const Bt = K.get(ht);
+            const Bt = K.get(ft);
             if (Bt.duration > 0 && Bt.from !== Bt.to) {
               const ee = this.currentTime - Bt.startTime, ue = Math.min(1, ee / Bt.duration), Te = this.applyEasing(ue, ((Ye = n.settings) == null ? void 0 : Ye.easing) || "easeOutCubic"), ae = Bt.from + (Bt.to - Bt.from) * Te;
-              this.setObjectProperty(s, e, ht, ae);
+              this.setObjectProperty(s, e, ft, ae);
             }
           }
         } else if (n.type === U.StateReactive) {
@@ -5527,30 +5528,30 @@ class ci {
             "style.shadow.offsetX",
             "style.shadow.offsetY"
           ];
-          for (const ht of K) {
-            const Tt = this.getObjectProperty(s, e, ht);
+          for (const ft of K) {
+            const Tt = this.getObjectProperty(s, e, ft);
             if (Tt === void 0 || typeof Tt != "number") continue;
-            const Lt = H.get(ht);
+            const Lt = H.get(ft);
             if (!Lt)
-              H.set(ht, {
+              H.set(ft, {
                 from: Tt,
                 to: Tt,
                 startTime: this.currentTime,
                 duration: 0
               });
             else if (Lt.to !== Tt) {
-              const ee = this.getObjectProperty(s, e, ht);
-              H.set(ht, {
+              const ee = this.getObjectProperty(s, e, ft);
+              H.set(ft, {
                 from: ee ?? Lt.from,
                 to: Tt,
                 startTime: this.currentTime,
                 duration: Q
               });
             }
-            const Bt = H.get(ht);
+            const Bt = H.get(ft);
             if (Bt.duration > 0 && Bt.from !== Bt.to) {
               const ee = this.currentTime - Bt.startTime, ue = Math.min(1, ee / Bt.duration), Te = this.applyEasing(ue, ((oe = n.settings) == null ? void 0 : oe.defaultEasing) || "easeOutCubic"), ae = Bt.from + (Bt.to - Bt.from) * Te;
-              this.setObjectProperty(s, e, ht, ae);
+              this.setObjectProperty(s, e, ft, ae);
             }
           }
         } else if (n.type === U.SpringChain) {
@@ -5569,21 +5570,21 @@ class ci {
             }
             K.has(e.id) || K.set(e.id, { x: s.x, y: s.y, vx: 0, vy: 0 });
           }
-          const ht = K.get(e.id);
-          if (ht) {
-            ht.x = s.x, ht.y = s.y;
+          const ft = K.get(e.id);
+          if (ft) {
+            ft.x = s.x, ft.y = s.y;
             for (const Tt of H) {
               const Lt = K.get(Tt.targetId);
               if (!Lt) continue;
-              const Bt = Lt.x - ht.x, ee = Lt.y - ht.y, ue = Math.sqrt(Bt * Bt + ee * ee) || 1e-3, ae = (ue - (Tt.restLength || 50)) * (Tt.stiffness || 0.8), be = Bt / ue * ae, Ue = ee / ue * ae;
-              ht.vx += be * t * 10, ht.vy += Ue * t * 10, Lt.vx -= be * t * 10, Lt.vy -= Ue * t * 10, ht.vx *= 1 - Q * t * 10, ht.vy *= 1 - Q * t * 10, Lt.vx *= 1 - Q * t * 10, Lt.vy *= 1 - Q * t * 10;
+              const Bt = Lt.x - ft.x, ee = Lt.y - ft.y, ue = Math.sqrt(Bt * Bt + ee * ee) || 1e-3, ae = (ue - (Tt.restLength || 50)) * (Tt.stiffness || 0.8), be = Bt / ue * ae, Ue = ee / ue * ae;
+              ft.vx += be * t * 10, ft.vy += Ue * t * 10, Lt.vx -= be * t * 10, Lt.vy -= Ue * t * 10, ft.vx *= 1 - Q * t * 10, ft.vy *= 1 - Q * t * 10, Lt.vx *= 1 - Q * t * 10, Lt.vy *= 1 - Q * t * 10;
               const pe = this.objectStates.get(Tt.targetId);
               pe && (pe.x += Lt.vx * t, pe.y += Lt.vy * t);
             }
-            s.x += ht.vx * t, s.y += ht.vy * t;
+            s.x += ft.vx * t, s.y += ft.vy * t;
           }
         } else if (n.type === U.ParticleEmitter) {
-          const H = ((We = n.settings) == null ? void 0 : We.rate) || 10, Q = ((de = n.settings) == null ? void 0 : de.speed) || 100, K = ((ce = n.settings) == null ? void 0 : ce.size) || 5, ht = ((fe = n.settings) == null ? void 0 : fe.lifetime) || 2, Tt = ((ke = n.settings) == null ? void 0 : ke.gravity) || 0, Lt = ((Xe = n.settings) == null ? void 0 : Xe.color) || "#ffffff", Bt = ((Ve = n.settings) == null ? void 0 : Ve.maxParticles) || 200, ee = (Ne = n.settings) != null && Ne.rateInputId ? this.inputs.get(n.settings.rateInputId) ?? H : H, ue = (De = n.settings) != null && De.gravityInputId ? this.inputs.get(n.settings.gravityInputId) ?? Tt : Tt, Te = (He = n.settings) != null && He.speedInputId ? this.inputs.get(n.settings.speedInputId) ?? Q : Q;
+          const H = ((We = n.settings) == null ? void 0 : We.rate) || 10, Q = ((de = n.settings) == null ? void 0 : de.speed) || 100, K = ((ce = n.settings) == null ? void 0 : ce.size) || 5, ft = ((he = n.settings) == null ? void 0 : he.lifetime) || 2, Tt = ((ke = n.settings) == null ? void 0 : ke.gravity) || 0, Lt = ((Xe = n.settings) == null ? void 0 : Xe.color) || "#ffffff", Bt = ((Ve = n.settings) == null ? void 0 : Ve.maxParticles) || 200, ee = (Ne = n.settings) != null && Ne.rateInputId ? this.inputs.get(n.settings.rateInputId) ?? H : H, ue = (De = n.settings) != null && De.gravityInputId ? this.inputs.get(n.settings.gravityInputId) ?? Tt : Tt, Te = (He = n.settings) != null && He.speedInputId ? this.inputs.get(n.settings.speedInputId) ?? Q : Q;
           this._emitterPools.has(e.id) || this._emitterPools.set(e.id, []);
           const ae = this._emitterPools.get(e.id);
           let be = 0;
@@ -5597,7 +5598,7 @@ class ci {
               vx: Math.cos(re) * ss,
               vy: Math.sin(re) * ss,
               life: 0,
-              maxLife: ht * (0.5 + Math.random() * 0.5),
+              maxLife: ft * (0.5 + Math.random() * 0.5),
               size: K * (0.5 + Math.random()),
               color: Lt,
               opacity: 1
@@ -5611,88 +5612,88 @@ class ci {
       });
     });
   }
-  applyBehaviorSensor(t, i, o, e, s, n, a = 0, r = 0, f = 1) {
+  applyBehaviorSensor(t, i, o, e, s, n, a = 0, r = 0, h = 1) {
     var d, u, v, b, m, y, S, C, w, M, I, k, T, L, P, _, E, A, W, z, Y, G, N, J;
-    const h = (s == null ? void 0 : s.intensity) || (s == null ? void 0 : s.strength) || 1, l = Math.min(1, 15 * e), p = f > 0 ? a / f : 0, c = f > 0 ? r / f : 0;
+    const f = (s == null ? void 0 : s.intensity) || (s == null ? void 0 : s.strength) || 1, l = Math.min(1, 15 * e), p = h > 0 ? a / h : 0, c = h > 0 ? r / h : 0;
     switch (i) {
       case Zt.Scale: {
-        const x = ((d = n == null ? void 0 : n.transform) == null ? void 0 : d.scale_x) ?? 1, F = ((u = n == null ? void 0 : n.transform) == null ? void 0 : u.scale_y) ?? 1, j = x * (1 + o * h * 0.4), X = F * (1 + o * h * 0.4);
+        const x = ((d = n == null ? void 0 : n.transform) == null ? void 0 : d.scale_x) ?? 1, F = ((u = n == null ? void 0 : n.transform) == null ? void 0 : u.scale_y) ?? 1, j = x * (1 + o * f * 0.4), X = F * (1 + o * f * 0.4);
         t.scale_x = (t.scale_x ?? x) * (1 - l) + j * l, t.scale_y = (t.scale_y ?? F) * (1 - l) + X * l;
         break;
       }
       case Zt.Opacity: {
-        const x = ((v = n == null ? void 0 : n.transform) == null ? void 0 : v.opacity) ?? 100, F = Math.max(0, Math.min(100, x - o * h * 100));
+        const x = ((v = n == null ? void 0 : n.transform) == null ? void 0 : v.opacity) ?? 100, F = Math.max(0, Math.min(100, x - o * f * 100));
         t.opacity = (t.opacity ?? x) * (1 - l) + F * l;
         break;
       }
       case Zt.RotateZ: {
-        const x = ((b = n == null ? void 0 : n.transform) == null ? void 0 : b.rotation) ?? 0, F = x + o * h * 45;
+        const x = ((b = n == null ? void 0 : n.transform) == null ? void 0 : b.rotation) ?? 0, F = x + o * f * 45;
         t.rotation = (t.rotation ?? x) * (1 - l) + F * l;
         break;
       }
       case Zt.RotateX: {
-        const x = ((m = n == null ? void 0 : n.transform) == null ? void 0 : m.rotate_x) ?? 0, F = x - c * o * h * 60;
+        const x = ((m = n == null ? void 0 : n.transform) == null ? void 0 : m.rotate_x) ?? 0, F = x - c * o * f * 60;
         t.rotate_x = (t.rotate_x ?? x) * (1 - l) + F * l;
         break;
       }
       case Zt.RotateY: {
-        const x = ((y = n == null ? void 0 : n.transform) == null ? void 0 : y.rotate_y) ?? 0, F = x + p * o * h * 60;
+        const x = ((y = n == null ? void 0 : n.transform) == null ? void 0 : y.rotate_y) ?? 0, F = x + p * o * f * 60;
         t.rotate_y = (t.rotate_y ?? x) * (1 - l) + F * l;
         break;
       }
       case Zt.PositionX: {
-        const x = ((S = n == null ? void 0 : n.transform) == null ? void 0 : S.x) ?? 0, F = x - p * o * h * 40;
+        const x = ((S = n == null ? void 0 : n.transform) == null ? void 0 : S.x) ?? 0, F = x - p * o * f * 40;
         t.x = (t.x ?? x) * (1 - l) + F * l;
         break;
       }
       case Zt.PositionY: {
-        const x = ((C = n == null ? void 0 : n.transform) == null ? void 0 : C.y) ?? 0, F = x - c * o * h * 40;
+        const x = ((C = n == null ? void 0 : n.transform) == null ? void 0 : C.y) ?? 0, F = x - c * o * f * 40;
         t.y = (t.y ?? x) * (1 - l) + F * l;
         break;
       }
       case Zt.SkewX: {
-        const x = ((w = n == null ? void 0 : n.transform) == null ? void 0 : w.skew_x) ?? 0, F = x + p * o * h * 45;
+        const x = ((w = n == null ? void 0 : n.transform) == null ? void 0 : w.skew_x) ?? 0, F = x + p * o * f * 45;
         t.skew_x = (t.skew_x ?? x) * (1 - l) + F * l, t.skew_x > 85 && (t.skew_x = 85), t.skew_x < -85 && (t.skew_x = -85);
         break;
       }
       case Zt.Blur: {
         t.style || (t.style = { ...n == null ? void 0 : n.style }), t.style.blur || (t.style.blur = { ...(M = n == null ? void 0 : n.style) == null ? void 0 : M.blur });
-        const x = ((k = (I = n == null ? void 0 : n.style) == null ? void 0 : I.blur) == null ? void 0 : k.amount) || 0, F = x + o * ((s == null ? void 0 : s.blur) || 20) * h;
+        const x = ((k = (I = n == null ? void 0 : n.style) == null ? void 0 : I.blur) == null ? void 0 : k.amount) || 0, F = x + o * ((s == null ? void 0 : s.blur) || 20) * f;
         t.style.blur.amount = (t.style.blur.amount ?? x) * (1 - l) + F * l;
         break;
       }
       case Zt.Exposure: {
         t.style || (t.style = { ...n == null ? void 0 : n.style }), t.style.adjustments || (t.style.adjustments = { ...(T = n == null ? void 0 : n.style) == null ? void 0 : T.adjustments });
-        const x = ((P = (L = n == null ? void 0 : n.style) == null ? void 0 : L.adjustments) == null ? void 0 : P.exposure) || 0, F = x + o * ((s == null ? void 0 : s.exposure) || 50) * h;
+        const x = ((P = (L = n == null ? void 0 : n.style) == null ? void 0 : L.adjustments) == null ? void 0 : P.exposure) || 0, F = x + o * ((s == null ? void 0 : s.exposure) || 50) * f;
         t.style.adjustments.exposure = (t.style.adjustments.exposure ?? x) * (1 - l) + F * l;
         break;
       }
       case Zt.HueShift: {
         t.style || (t.style = { ...n == null ? void 0 : n.style }), t.style.adjustments || (t.style.adjustments = { ...(_ = n == null ? void 0 : n.style) == null ? void 0 : _.adjustments });
-        const x = ((A = (E = n == null ? void 0 : n.style) == null ? void 0 : E.adjustments) == null ? void 0 : A.hue) || 0, F = x + o * ((s == null ? void 0 : s.hue) || 180) * h;
+        const x = ((A = (E = n == null ? void 0 : n.style) == null ? void 0 : E.adjustments) == null ? void 0 : A.hue) || 0, F = x + o * ((s == null ? void 0 : s.hue) || 180) * f;
         t.style.adjustments.hue = (t.style.adjustments.hue ?? x) * (1 - l) + F * l;
         break;
       }
       case Zt.Negative: {
         t.style || (t.style = { ...n == null ? void 0 : n.style }), t.style.adjustments || (t.style.adjustments = { ...(W = n == null ? void 0 : n.style) == null ? void 0 : W.adjustments });
-        const x = ((Y = (z = n == null ? void 0 : n.style) == null ? void 0 : z.adjustments) == null ? void 0 : Y.negative) || 0, F = x + o * ((s == null ? void 0 : s.negative) || 100) * h;
+        const x = ((Y = (z = n == null ? void 0 : n.style) == null ? void 0 : z.adjustments) == null ? void 0 : Y.negative) || 0, F = x + o * ((s == null ? void 0 : s.negative) || 100) * f;
         t.style.adjustments.negative = (t.style.adjustments.negative ?? x) * (1 - l) + F * l;
         break;
       }
       case Zt.CornerRadius: {
-        const x = ((G = n == null ? void 0 : n.transform) == null ? void 0 : G.corner_radius) || 0, F = x + o * h * 50;
+        const x = ((G = n == null ? void 0 : n.transform) == null ? void 0 : G.corner_radius) || 0, F = x + o * f * 50;
         t.corner_radius = (t.corner_radius ?? x) * (1 - l) + F * l;
         break;
       }
       case Zt.StrokeWidth: {
         t.style || (t.style = { ...n == null ? void 0 : n.style });
-        const x = ((N = n == null ? void 0 : n.style) == null ? void 0 : N.borderWidth) || 0, F = x + o * h * 10;
+        const x = ((N = n == null ? void 0 : n.style) == null ? void 0 : N.borderWidth) || 0, F = x + o * f * 10;
         t.style.borderWidth = (t.style.borderWidth ?? x) * (1 - l) + F * l;
         break;
       }
       case Zt.LetterSpacing: {
         t.geometry || (t.geometry = {});
-        const x = ((J = n == null ? void 0 : n.geometry) == null ? void 0 : J.letterSpacing) || 0, F = x + o * h * 10;
+        const x = ((J = n == null ? void 0 : n.geometry) == null ? void 0 : J.letterSpacing) || 0, F = x + o * f * 10;
         t.geometry.letterSpacing = (t.geometry.letterSpacing ?? x) * (1 - l) + F * l;
         break;
       }
@@ -5715,12 +5716,12 @@ class ci {
     const s = o.split(".");
     let n = t;
     for (let r = 0; r < s.length - 1; r++) {
-      const f = s[r];
-      if (n[f] === void 0 || n[f] === null) {
-        const h = i, l = s.slice(0, r + 1).reduce((p, c) => p == null ? void 0 : p[c], h);
-        n[f] = l !== void 0 ? { ...l } : {};
+      const h = s[r];
+      if (n[h] === void 0 || n[h] === null) {
+        const f = i, l = s.slice(0, r + 1).reduce((p, c) => p == null ? void 0 : p[c], f);
+        n[h] = l !== void 0 ? { ...l } : {};
       }
-      n = n[f];
+      n = n[h];
     }
     const a = s[s.length - 1];
     n != null && (n[a] = e);
@@ -5768,9 +5769,9 @@ class ci {
     return o;
   }
   renderFittedImage(t, i, o, e, s, n, a = "cover") {
-    const r = i.naturalWidth, f = i.naturalHeight, h = r / f, l = s / n;
+    const r = i.naturalWidth, h = i.naturalHeight, f = r / h, l = s / n;
     let p = s, c = n, d = o, u = e;
-    a === "cover" ? h > l ? (p = n * h, d = o - (p - s) / 2) : (c = s / h, u = e - (c - n) / 2) : a === "contain" && (h > l ? (c = s / h, u = e + (n - c) / 2) : (p = n * h, d = o + (s - p) / 2)), t.drawImage(i, d, u, p, c);
+    a === "cover" ? f > l ? (p = n * f, d = o - (p - s) / 2) : (c = s / f, u = e - (c - n) / 2) : a === "contain" && (f > l ? (c = s / f, u = e + (n - c) / 2) : (p = n * f, d = o + (s - p) / 2)), t.drawImage(i, d, u, p, c);
   }
 }
 const yi = Ss(({
@@ -5783,8 +5784,8 @@ const yi = Ss(({
   onReady: n,
   onTrigger: a,
   onInputUpdate: r,
-  onComponentChange: f,
-  onToggle: h,
+  onComponentChange: h,
+  onToggle: f,
   onInputChange: l,
   onInputFocus: p,
   onInputBlur: c,
@@ -5812,8 +5813,8 @@ const yi = Ss(({
     E.current.setLayout(e, s);
   }, [e, s]), ve(() => {
     const R = E.current;
-    a && R.setTriggerCallback(a), r && R.setInputUpdateCallback((O, D) => r({ [O]: D })), f && R.setComponentChangeCallback((O) => f(O)), h && R.setToggleCallback(h), l && R.setInputChangeCallback(l), p && R.setInputFocusCallback(p), c && R.setInputBlurCallback(c), d && R.setOnLogCallback((O) => d(O, "info")), u && R.setLogicUpdateCallback(u), v && R.setButtonClickCallback(v), b && R.setGraphPointClickCallback((O) => b(O.objectId, O)), L && R.setNavigationCallback(L);
-  }, [a, r, f, h, l, p, c, d, u, v, b, L]), ve(() => {
+    a && R.setTriggerCallback(a), r && R.setInputUpdateCallback((O, D) => r({ [O]: D })), h && R.setComponentChangeCallback((O) => h(O)), f && R.setToggleCallback(f), l && R.setInputChangeCallback(l), p && R.setInputFocusCallback(p), c && R.setInputBlurCallback(c), d && R.setOnLogCallback((O) => d(O, "info")), u && R.setLogicUpdateCallback(u), v && R.setButtonClickCallback(v), b && R.setGraphPointClickCallback((O) => b(O.objectId, O)), L && R.setNavigationCallback(L);
+  }, [a, r, h, f, l, p, c, d, u, v, b, L]), ve(() => {
     (async () => {
       let O = g;
       if (t && !g)
@@ -6049,9 +6050,9 @@ function bi() {
     g == null || g.setInputStringArray(l, p);
   }, [g]), r = Me((l, p) => {
     g == null || g.updateObjectOptions(l, p);
-  }, [g]), f = Me((l, p, c) => {
+  }, [g]), h = Me((l, p, c) => {
     g == null || g.updateConstraint(l, p, c);
-  }, [g]), h = Me((l, p) => {
+  }, [g]), f = Me((l, p) => {
     g == null || g.updateGraphData(l, p);
   }, [g]);
   return {
@@ -6064,8 +6065,8 @@ function bi() {
     setInputText: s,
     setInputNumberArray: n,
     setInputStringArray: a,
-    updateConstraint: f,
-    updateGraphData: h,
+    updateConstraint: h,
+    updateGraphData: f,
     updateObjectOptions: r
   };
 }
@@ -6088,24 +6089,24 @@ const vi = ({ artboard: g, config: t }) => {
       l.length > 0 && (r = l[0].geometry.text);
     }
     r && (e("name", "description", r), e("property", "og:description", r)), i.keywords && i.keywords.length > 0 && e("name", "keywords", i.keywords.join(", "));
-    const f = i.ogImage || g.backgroundImage;
-    f && e("property", "og:image", f), a && e("property", "og:title", a), e("property", "og:type", "website");
+    const h = i.ogImage || g.backgroundImage;
+    h && e("property", "og:image", h), a && e("property", "og:title", a), e("property", "og:type", "website");
   }, [i, g, o]);
-  const e = (a, r, f) => {
-    let h = document.querySelector(`meta[${a}="${r}"]`);
-    h || (h = document.createElement("meta"), h.setAttribute(a, r), document.head.appendChild(h)), h.setAttribute("content", f);
+  const e = (a, r, h) => {
+    let f = document.querySelector(`meta[${a}="${r}"]`);
+    f || (f = document.createElement("meta"), f.setAttribute(a, r), document.head.appendChild(f)), f.setAttribute("content", h);
   }, s = () => {
     const a = [];
-    return a.push(/* @__PURE__ */ ge("h1", { children: i.title || g.name }, "artboard-title")), g.objects.forEach((f, h) => {
+    return a.push(/* @__PURE__ */ ge("h1", { children: i.title || g.name }, "artboard-title")), g.objects.forEach((h, f) => {
       var l, p;
-      if (!(f.visible === !1 || f.isVisible === !1))
-        if (((l = f.geometry) == null ? void 0 : l.type) === "Text") {
-          const c = f.geometry.text;
-          c && (f.geometry.fontSize > 24 ? a.push(/* @__PURE__ */ ge("h2", { children: c }, f.id || h)) : a.push(/* @__PURE__ */ ge("p", { children: c }, f.id || h)));
-        } else if (((p = f.geometry) == null ? void 0 : p.type) === "Image") {
-          const c = f.geometry.src, d = f.altText || f.name || "Illustration";
-          a.push(/* @__PURE__ */ ge("img", { src: c, alt: d }, f.id || h));
-        } else f.type === "Button" && a.push(/* @__PURE__ */ ge("button", { children: f.name || "Button" }, f.id || h));
+      if (!(h.visible === !1 || h.isVisible === !1))
+        if (((l = h.geometry) == null ? void 0 : l.type) === "Text") {
+          const c = h.geometry.text;
+          c && (h.geometry.fontSize > 24 ? a.push(/* @__PURE__ */ ge("h2", { children: c }, h.id || f)) : a.push(/* @__PURE__ */ ge("p", { children: c }, h.id || f)));
+        } else if (((p = h.geometry) == null ? void 0 : p.type) === "Image") {
+          const c = h.geometry.src, d = h.altText || h.name || "Illustration";
+          a.push(/* @__PURE__ */ ge("img", { src: c, alt: d }, h.id || f));
+        } else h.type === "Button" && a.push(/* @__PURE__ */ ge("button", { children: h.name || "Button" }, h.id || f));
     }), a;
   }, n = i.jsonLd || {
     "@context": "https://schema.org",
@@ -6138,9 +6139,9 @@ const vi = ({ artboard: g, config: t }) => {
       ]
     }
   );
-}, fi = "6.3.36", hi = {
-  version: fi
-}, Si = hi.version;
+}, hi = "6.3.38", fi = {
+  version: hi
+}, Si = fi.version;
 export {
   Zt as BehaviorSensor,
   U as BehaviorType,