exodeui 6.3.40 → 6.3.41

package/dist/index.mjs

@@ -62,19 +62,19 @@ function ps(g) {
     try {
       if (r !== 0 && typeof CanvasRenderingContext2D < "u" && (CanvasRenderingContext2D.prototype.measureText = y), c && p && p.length > 0) {
         const k = p.map((T) => {
-          let L = T.text || "";
+          let R = T.text || "";
           const P = T.textCase || l || "none";
-          return P === "uppercase" ? L.toUpperCase() : P === "lowercase" ? L.toLowerCase() : P === "capitalize" ? L.replace(/\b\w/g, (_) => _.toUpperCase()) : L;
+          return P === "uppercase" ? R.toUpperCase() : P === "lowercase" ? R.toLowerCase() : P === "capitalize" ? R.replace(/\b\w/g, (_) => _.toUpperCase()) : R;
         }).join("");
         if (b = ts(k, u), b) {
-          let T = 0, L = o;
+          let T = 0, R = o;
           for (const P of p) {
             let _ = P.text || "";
             if (!_) continue;
             const E = P.textCase || l || "none";
             E === "uppercase" ? _ = _.toUpperCase() : E === "lowercase" ? _ = _.toLowerCase() : E === "capitalize" && (_ = _.replace(/\b\w/g, (Y) => Y.toUpperCase()));
             const A = P.fontSize || o;
-            A > L && (L = A);
+            A > R && (R = A);
             const W = `${P.fontStyle || s} ${P.fontWeight || e} ${A}px "${P.fontFamily || i}", sans-serif`, z = ts(_, W);
             if (z && z.widths)
               for (let Y = 0; Y < z.widths.length; Y++) {
@@ -83,16 +83,16 @@ function ps(g) {
                   b.widths[G] = z.widths[Y];
                   const N = z.kinds[Y];
                   if (N === 2) {
-                    const Q = _[Y];
-                    Q === `
-` || Q === "\r" ? b.kinds[G] = 2 : b.kinds[G] = 0;
+                    const J = _[Y];
+                    J === `
+` || J === "\r" ? b.kinds[G] = 2 : b.kinds[G] = 0;
                   } else
                     b.kinds[G] = N;
                 }
               }
             T += _.length;
           }
-          b.fullText = k, b.maxFontSize = L;
+          b.fullText = k, b.maxFontSize = R;
         }
       } else
         b = ts(d, u);
@@ -109,10 +109,10 @@ function ps(g) {
   }
   if (f > 0 && b && b.widths && !b.indentApplied) {
     const k = [...b.widths], T = b.fullText || d;
-    let L = !0;
+    let R = !0;
     for (let P = 0; P < T.length; P++)
-      L && k[P] !== void 0 && (k[P] += f, L = !1), (T[P] === `
-` || T[P] === "\r") && (L = !0, T[P] === "\r" && T[P + 1] === `
+      R && k[P] !== void 0 && (k[P] += f, R = !1), (T[P] === `
+` || T[P] === "\r") && (R = !0, T[P] === "\r" && T[P + 1] === `
 ` && P++);
     b = { ...b, widths: k, indentApplied: !0 };
   }
@@ -125,7 +125,7 @@ function ps(g) {
     if (a >= 1e5) {
       const T = d.split(/\r\n|\r|\n/);
       C = {
-        lines: T.map((L) => ({ text: L, width: 0 })),
+        lines: T.map((R) => ({ text: R, width: 0 })),
         // Width will be measured below
         height: T.length * (S * k),
         lineCount: T.length
@@ -139,8 +139,8 @@ function ps(g) {
   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] === `
+    for (let R = 0; R < C.lines.length - 1; R++)
+      k += C.lines[R].text.length, (T[k] === `
 ` || T[k] === "\r") && (w += h, k++, T[k - 1] === "\r" && T[k] === `
 ` && k++);
   }
@@ -218,19 +218,19 @@ function Es(g, t, i) {
   }), 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-");
+  const I = a.toLowerCase(), k = I === "center" || I.endsWith("-center"), T = I.endsWith("-right"), R = I === "center" || I.startsWith("center-"), P = I.startsWith("bottom-");
   return u.forEach((A) => {
     let W = w, z = M;
-    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, tt;
+    h ? R ? 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;
-      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 Q = ((F = Y.original.layoutProps) == null ? void 0 : F.width) === "fill", x = ((tt = Y.original.layoutProps) == null ? void 0 : tt.height) === "fill";
+      h ? k ? G += (A.width - Y.w) / 2 : T && (G += A.width - Y.w) : R ? 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: Q && h ? A.width : void 0,
+        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;
@@ -241,29 +241,29 @@ function As(g, t, i) {
   if (!o) return { childUpdates: [] };
   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-");
+  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, R) => T + R, 0) + (d.length - 1) * n : 0, b = u.length > 0 ? u.reduce((T, R) => T + R, 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 = [];
-  return t.forEach((T, L) => {
-    var tt, X;
-    const P = L % d.length || 0, _ = Math.floor(L / d.length) || 0;
+  return t.forEach((T, R) => {
+    var j, X;
+    const P = R % d.length || 0, _ = Math.floor(R / d.length) || 0;
     _ >= u.length && u.push(100);
     const E = d[P], A = u[_];
-    let W = r.left + M + d.slice(0, P).reduce((et, R) => et + R + n, 0), z = r.top + I + u.slice(0, _).reduce((et, R) => et + R + a, 0);
+    let W = r.left + M + d.slice(0, P).reduce((tt, L) => tt + L + n, 0), z = r.top + I + u.slice(0, _).reduce((tt, L) => tt + L + a, 0);
     const Y = i(T.id), G = T.geometry;
-    let N = (Y == null ? void 0 : Y.width) ?? G.width ?? 100, Q = (Y == null ? void 0 : Y.height) ?? G.height ?? 100;
+    let N = (Y == null ? void 0 : Y.width) ?? G.width ?? 100, J = (Y == null ? void 0 : Y.height) ?? G.height ?? 100;
     if (G.type === "Ellipse" || G.type === "Polygon" || G.type === "Star") {
-      const et = (Y == null ? void 0 : Y.radius) ?? G.radius ?? (Y == null ? void 0 : Y.outer_radius) ?? G.outer_radius ?? 50;
-      N = et * 2, Q = et * 2;
+      const tt = (Y == null ? void 0 : Y.radius) ?? G.radius ?? (Y == null ? void 0 : Y.outer_radius) ?? G.outer_radius ?? 50;
+      N = tt * 2, J = tt * 2;
     }
-    N *= T.transform.scale_x || 1, Q *= T.transform.scale_y || 1;
+    N *= T.transform.scale_x || 1, J *= T.transform.scale_y || 1;
     let x = W, F = z;
-    y ? x += (E - N) / 2 : S && (x += E - N), C ? F += (A - Q) / 2 : w && (F += A - Q), k.push({
+    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 - f / 2,
-      y: F + Q / 2 - l / 2,
-      width: ((tt = T.layoutProps) == null ? void 0 : tt.width) === "fill" ? E : void 0,
+      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
     });
   }), { childUpdates: k };
@@ -427,7 +427,7 @@ 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 gs = (g) => g, Rs = (g) => g > 0 ? 1 : 0, Ls = (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 = (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) => {
@@ -500,8 +500,8 @@ const gs = (g) => g, Ls = (g) => g > 0 ? 1 : 0, Rs = (g) => g < 1 ? 0 : 1, os =
   EaseOut: as,
   EaseInOut: rs,
   // Discrete
-  StepStart: Ls,
-  StepEnd: Rs
+  StepStart: Rs,
+  StepEnd: Ls
 }, ri = (g) => {
   const t = g.trim(), i = t.toLowerCase();
   if (Ke[t]) return Ke[t];
@@ -584,31 +584,31 @@ const gs = (g) => g, Ls = (g) => g > 0 ? 1 : 0, Rs = (g) => g < 1 ? 0 : 1, os =
         rotation: k.rotation,
         scaleX: k.scale_x ?? 1,
         scaleY: k.scale_y ?? 1
-      }, 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;
+      }, R = i[I.boneId] || [1, 0, 0, 1, 0, 0], P = v * R[0] + b * R[2] + R[4], _ = v * R[1] + b * R[3] + R[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 = [...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) {
-        const T = I.length * (I.scale_y ?? 1), L = I.rotation * Math.PI / 180, P = I.x - T * Math.sin(L), _ = I.y + T * Math.cos(L), E = k.length * (k.scale_y ?? 1), A = k.rotation * Math.PI / 180, W = k.x - E * Math.sin(A), z = k.y + E * Math.cos(A);
+        const T = I.length * (I.scale_y ?? 1), R = I.rotation * Math.PI / 180, P = I.x - T * Math.sin(R), _ = I.y + T * Math.cos(R), E = k.length * (k.scale_y ?? 1), A = k.rotation * Math.PI / 180, W = k.x - E * Math.sin(A), z = k.y + E * Math.cos(A);
         let Y = null, G = null, N = !1;
-        const Q = 1;
-        if (Math.hypot(I.x - k.x, I.y - k.y) < Q || Math.hypot(I.x - W, I.y - z) < Q ? (Y = I.x, G = I.y) : (Math.hypot(P - k.x, _ - k.y) < Q || Math.hypot(P - W, _ - z) < Q) && (Y = P, G = _, N = !0), Y !== null && G !== null) {
+        const J = 1;
+        if (Math.hypot(I.x - k.x, I.y - k.y) < J || Math.hypot(I.x - W, I.y - z) < J ? (Y = I.x, G = I.y) : (Math.hypot(P - k.x, _ - k.y) < J || Math.hypot(P - W, _ - z) < J) && (Y = P, G = _, N = !0), Y !== null && G !== null) {
           const x = i[m[0].boneId] || [1, 0, 0, 1, 0, 0], F = x[0] * x[3] - x[1] * x[2];
-          let tt = 0, X = 0;
+          let j = 0, X = 0;
           if (F !== 0) {
-            const et = (x[2] * x[5] - x[3] * x[4]) / F, R = (x[1] * x[4] - x[0] * x[5]) / F, O = Math.atan2(-x[1], x[3]);
+            const tt = (x[2] * x[5] - x[3] * x[4]) / F, L = (x[1] * x[4] - x[0] * x[5]) / F, O = Math.atan2(-x[1], x[3]);
             if (!N)
-              tt = et, X = R;
+              j = tt, X = L;
             else {
-              const ot = -x[2] / F, yt = x[0] / F, bt = Math.hypot(ot, yt), pt = I.length * bt;
-              tt = et - pt * Math.sin(O), X = R + pt * Math.cos(O);
+              const ot = -x[2] / F, yt = x[0] / F, bt = Math.hypot(ot, yt), gt = I.length * bt;
+              j = tt - gt * Math.sin(O), X = L + gt * Math.cos(O);
             }
-            const D = Math.hypot(v - tt, b - X), q = Math.hypot(l - Y, p - G);
+            const D = Math.hypot(v - j, b - X), q = Math.hypot(l - Y, p - G);
             if (q > 0 && D > 0) {
-              const ot = Math.max(q, 0.01), yt = Math.min(D / ot, 3), bt = Y + (l - Y) * yt, pt = G + (p - G) * yt, Et = m[0].amount, It = m[1].amount, vt = Math.min(Et, It) * 2, Yt = 1 - Math.pow(1 - vt, 4);
-              l = l * (1 - Yt) + bt * Yt, p = p * (1 - Yt) + pt * Yt;
+              const ot = Math.max(q, 0.01), yt = Math.min(D / ot, 3), bt = Y + (l - Y) * yt, gt = G + (p - G) * yt, Et = m[0].amount, It = m[1].amount, vt = Math.min(Et, It) * 2, Yt = 1 - Math.pow(1 - vt, 4);
+              l = l * (1 - Yt) + bt * Yt, p = p * (1 - Yt) + gt * Yt;
             }
           }
         }
@@ -1912,8 +1912,8 @@ class ci {
           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) * h), r.copyY && (e.y = e.y + (P - e.y) * h), this.objectVelocities.set(i.id, { vx: _, vy: E });
+              const T = this.objectVelocities.get(i.id) || { vx: 0, vy: 0 }, { x: R, 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 + (R - 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) * h), r.copyY && (e.y = e.y + (M - e.y) * h);
             let k = !1;
@@ -1946,8 +1946,8 @@ class ci {
         } 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;
           if (C) {
-            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 });
+            const M = this.objectVelocities.get(i.id) || { vx: 0, vy: 0 }, { x: I, y: k, vx: T, vy: R } = 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: R });
           } else
             e.x = e.x + (y - e.x) * h, e.y = e.y + (S - e.y) * h;
           let w = !1;
@@ -1992,19 +1992,19 @@ class ci {
               let C = y.geometry;
               if (y.type === "Frame" || y.type === "Group" || !C || C.type !== "Path" && C.type !== "Ellipse" && C.type !== "Rectangle") {
                 const F = (m = this.artboard) == null ? void 0 : m.objects.find(
-                  (tt) => tt.parentId === y.id && tt.type === "Shape" && tt.geometry && (tt.geometry.type === "Path" || tt.geometry.type === "Ellipse" || tt.geometry.type === "Rectangle")
+                  (j) => j.parentId === y.id && j.type === "Shape" && j.geometry && (j.geometry.type === "Path" || j.geometry.type === "Ellipse" || j.geometry.type === "Rectangle")
                 );
                 F && (C = F.geometry);
               }
               if (!C) return;
-              const w = (r.distance || 0) / 100, M = S.width || C.width || 0, I = S.height || C.height || 0, k = this.getPointOnPath(C, M, I, w), T = S.rotation * Math.PI / 180, L = Math.cos(T), P = Math.sin(T), _ = k.x * S.scale_x * L - k.y * S.scale_y * P, E = k.x * S.scale_x * P + k.y * S.scale_y * L;
+              const w = (r.distance || 0) / 100, M = S.width || C.width || 0, I = S.height || C.height || 0, k = this.getPointOnPath(C, M, I, w), T = S.rotation * Math.PI / 180, R = Math.cos(T), P = Math.sin(T), _ = k.x * S.scale_x * R - k.y * S.scale_y * P, E = k.x * S.scale_x * P + k.y * S.scale_y * R;
               let A = S.rotation + (r.offsetRotation || 0);
               if (r.orient) {
-                const F = Math.cos(k.angle), tt = Math.sin(k.angle), X = F * S.scale_x * L - tt * S.scale_y * P, et = F * S.scale_x * P + tt * S.scale_y * L;
-                A = Math.atan2(et, X) * 180 / Math.PI + (r.offsetRotation || 0);
+                const F = Math.cos(k.angle), j = Math.sin(k.angle), X = F * S.scale_x * R - j * S.scale_y * P, tt = F * S.scale_x * P + j * S.scale_y * R;
+                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, Q = S.x + _ + G, x = S.y + E + N;
-              if (e.x = e.x + (Q - e.x) * h, e.y = e.y + (x - e.y) * h, r.orient) {
+              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) * 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 * h;
               }
@@ -2156,8 +2156,8 @@ class ci {
     })) : t === "blur" && this.activeHoverIds.clear(), this.activeDropdownId && t === "down") {
       const c = this.artboard.objects.find((d) => d.id === this.activeDropdownId);
       if (c && (c.type === "Dropdown" || c.variant === "dropdown")) {
-        const d = this.objectStates.get(c.id), u = (d == null ? void 0 : d.options) || c.options || {}, v = c.geometry || {}, b = v.width ?? c.width ?? 200, m = v.height ?? c.height ?? 40, y = u.optionsList || [], S = u.itemHeight || 32, C = u.listPadding ?? 4, w = y.length * S + C * 2, M = this.getWorldTransform(c.id), I = b * Math.abs(M.scaleX), k = m * Math.abs(M.scaleY), T = M.y + k / 2 + 4, L = Math.abs(i - M.x) <= I / 2, P = o >= T && o <= T + w * Math.abs(M.scaleY);
-        if (L && P) {
+        const d = this.objectStates.get(c.id), u = (d == null ? void 0 : d.options) || c.options || {}, v = c.geometry || {}, b = v.width ?? c.width ?? 200, m = v.height ?? c.height ?? 40, y = u.optionsList || [], S = u.itemHeight || 32, C = u.listPadding ?? 4, w = y.length * S + C * 2, M = this.getWorldTransform(c.id), I = b * Math.abs(M.scaleX), k = m * Math.abs(M.scaleY), T = M.y + k / 2 + 4, R = Math.abs(i - M.x) <= I / 2, P = o >= T && o <= T + w * Math.abs(M.scaleY);
+        if (R && P) {
           const _ = Math.abs(M.scaleY), E = o - (T + C * _), A = Math.floor(E / (S * _));
           if (A >= 0 && A < y.length) {
             const W = y[A];
@@ -2280,14 +2280,14 @@ class ci {
           const E = Math.max(..._.data || [0]);
           E > T && (T = E);
         });
-        let L = 1 / 0, P = null;
+        let R = 1 / 0, P = null;
         b.forEach((_, E) => {
           const A = _.data || [], W = I / Math.max(A.length - 1, 1);
           A.forEach((z, Y) => {
-            const G = C.x - y / 2 + w + Y * W, N = C.y + S / 2 - M - z / T * k, Q = Math.sqrt((i - G) ** 2 + (o - N) ** 2);
-            Q < L && (L = Q, P = { dIdx: E, pIdx: Y, val: z, label: _.label || `Dataset ${E + 1}` });
+            const G = C.x - y / 2 + w + Y * W, N = C.y + S / 2 - M - z / T * k, J = Math.sqrt((i - G) ** 2 + (o - N) ** 2);
+            J < R && (R = J, P = { dIdx: E, pIdx: Y, val: z, label: _.label || `Dataset ${E + 1}` });
           });
-        }), 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 });
+        }), P && R < 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 = (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";
@@ -2570,7 +2570,7 @@ class ci {
           if (c) {
             if (l.actionType === "bind" && l.targetProperty && l.isContinuous !== !1) {
               const w = l.sourceMin ?? -1, M = l.sourceMax ?? 1, I = l.targetMin ?? 0, k = l.targetMax ?? 100;
-              let T = !!l.isContinuous, L = 0, P = 0;
+              let T = !!l.isContinuous, R = 0, P = 0;
               if (T) {
                 if ((l.sourceAxis === "x" || l.sourceAxis === "y") && I >= 0) {
                   const E = Math.max(Math.abs(w), Math.abs(M)) || 1;
@@ -2582,23 +2582,23 @@ class ci {
                 Math.abs(p) < 0.05 && (P = 0);
               } else {
                 const E = (p - w) / (M - w), A = Math.max(0, Math.min(1, E));
-                L = I + A * (k - I), l.step && l.step > 0 && (L = Math.round(L / l.step) * l.step);
+                R = I + A * (k - I), l.step && l.step > 0 && (R = Math.round(R / l.step) * l.step);
               }
               const _ = this.objectStates.get(c.id);
               if (_) {
-                const E = l.isRelative !== !1, A = E ? ((u = c.transform) == null ? void 0 : u.x) ?? 0 : 0, W = E ? ((v = c.transform) == null ? void 0 : v.y) ?? 0 : 0, z = E ? ((b = c.transform) == null ? void 0 : b.rotation) ?? 0 : 0, Y = E ? ((m = c.transform) == null ? void 0 : m.scale_x) ?? 1 : 0, G = E ? ((y = c.transform) == null ? void 0 : y.scale_y) ?? 1 : 0, N = E ? ((S = c.style) == null ? void 0 : S.opacity) ?? 100 : 0, Q = t * 60, x = (F, tt) => {
-                  let X = L;
+                const E = l.isRelative !== !1, A = E ? ((u = c.transform) == null ? void 0 : u.x) ?? 0 : 0, W = E ? ((v = c.transform) == null ? void 0 : v.y) ?? 0 : 0, z = E ? ((b = c.transform) == null ? void 0 : b.rotation) ?? 0 : 0, Y = E ? ((m = c.transform) == null ? void 0 : m.scale_x) ?? 1 : 0, G = E ? ((y = c.transform) == null ? void 0 : y.scale_y) ?? 1 : 0, N = E ? ((S = c.style) == null ? void 0 : S.opacity) ?? 100 : 0, J = t * 60, x = (F, j) => {
+                  let X = R;
                   if (T) {
-                    const et = `_internal_${F}_${l.id}`;
-                    let R = _[et];
-                    R === void 0 && (R = _[F] ?? tt), X = R + P * Q, _[et] = X, l.step && l.step > 0 && (X = Math.round(X / l.step) * l.step);
+                    const tt = `_internal_${F}_${l.id}`;
+                    let L = _[tt];
+                    L === void 0 && (L = _[F] ?? j), X = L + P * J, _[tt] = X, l.step && l.step > 0 && (X = Math.round(X / l.step) * l.step);
                   } else
-                    X = tt + L;
+                    X = j + R;
                   _[F] = X;
                 };
                 l.targetProperty === "x" || l.targetProperty === "transform.x" ? x("x", A) : l.targetProperty === "y" || l.targetProperty === "transform.y" ? x("y", W) : l.targetProperty === "rotation" || l.targetProperty === "r" || l.targetProperty === "transform.rotation" ? x("rotation", z) : l.targetProperty === "scaleX" || l.targetProperty === "transform.scale_x" ? x("scale_x", Y) : l.targetProperty === "scaleY" || l.targetProperty === "transform.scale_y" ? x("scale_y", G) : (l.targetProperty === "opacity" || l.targetProperty === "transform.opacity") && x("opacity", N);
               }
-              (C = c.physics) != null && C.enabled && this.physicsEngine && (l.targetProperty === "x" || l.targetProperty === "transform.x" || l.targetProperty === "y" || l.targetProperty === "transform.y") && (l.targetProperty === "x" || l.targetProperty === "transform.x" ? this.physicsEngine.applyForce(c.id, (L - ((_ == null ? void 0 : _.x) || 0)) * 10, 0) : (l.targetProperty === "y" || l.targetProperty === "transform.y") && this.physicsEngine.applyForce(c.id, 0, (L - ((_ == null ? void 0 : _.y) || 0)) * 10));
+              (C = c.physics) != null && C.enabled && this.physicsEngine && (l.targetProperty === "x" || l.targetProperty === "transform.x" || l.targetProperty === "y" || l.targetProperty === "transform.y") && (l.targetProperty === "x" || l.targetProperty === "transform.x" ? this.physicsEngine.applyForce(c.id, (R - ((_ == null ? void 0 : _.x) || 0)) * 10, 0) : (l.targetProperty === "y" || l.targetProperty === "transform.y") && this.physicsEngine.applyForce(c.id, 0, (R - ((_ == null ? void 0 : _.y) || 0)) * 10));
             } else if (l.actionType === "playAnimation" || l.actionType === "stopAnimation" || l.actionType === "pauseAnimation") {
               let w = !1;
               const M = l.threshold ?? 0;
@@ -2660,8 +2660,8 @@ class ci {
     };
     s.forEach(({ anim: b, weight: m }) => {
       b.tracks && b.tracks.forEach((y) => {
-        var L, P;
-        const S = y.object_id || y.objectId, C = y.property, w = (L = this.artboard) == null ? void 0 : L.objects.find((_) => _.id === S);
+        var R, P;
+        const S = y.object_id || y.objectId, C = y.property, w = (R = this.artboard) == null ? void 0 : R.objects.find((_) => _.id === S);
         if (((P = w == null ? void 0 : w.physics) == null ? void 0 : P.enabled) && w.physics.bodyType !== "Static" && (C === "x" || C === "y" || C === "rotation")) return;
         const I = this.interpolate(y.keyframes, i);
         if (I === void 0) return;
@@ -2690,24 +2690,24 @@ class ci {
       !y || !S || b.forEach((w, M) => {
         let I = w.value;
         if (w.type === "color" && w.colorAcc) {
-          const k = Math.round(w.colorAcc.r).toString(16).padStart(2, "0"), T = Math.round(w.colorAcc.g).toString(16).padStart(2, "0"), L = Math.round(w.colorAcc.b).toString(16).padStart(2, "0");
-          I = `#${k}${T}${L}`;
+          const k = Math.round(w.colorAcc.r).toString(16).padStart(2, "0"), T = Math.round(w.colorAcc.g).toString(16).padStart(2, "0"), R = Math.round(w.colorAcc.b).toString(16).padStart(2, "0");
+          I = `#${k}${T}${R}`;
         }
         if (M.includes(".")) {
           const k = (M || "").split(".");
           let T = y;
-          for (let L = 0; L < k.length - 1; L++) {
-            if (typeof T[k[L]] != "object" || T[k[L]] === null) {
+          for (let R = 0; R < k.length - 1; R++) {
+            if (typeof T[k[R]] != "object" || T[k[R]] === null) {
               let P = S;
-              for (let _ = 0; _ <= L; _++)
+              for (let _ = 0; _ <= R; _++)
                 P = P ? P[k[_]] : null;
-              if (k[L] === "corner_radius" || k[L] === "cornerRadius") {
-                const _ = typeof T[k[L]] == "number" ? T[k[L]] : typeof P == "number" ? P : 0;
-                T[k[L]] = { tl: _, tr: _, bl: _, br: _ };
+              if (k[R] === "corner_radius" || k[R] === "cornerRadius") {
+                const _ = typeof T[k[R]] == "number" ? T[k[R]] : typeof P == "number" ? P : 0;
+                T[k[R]] = { tl: _, tr: _, bl: _, br: _ };
               } else
-                T[k[L]] = P ? JSON.parse(JSON.stringify(P)) : {};
+                T[k[R]] = P ? JSON.parse(JSON.stringify(P)) : {};
             }
-            T = T[k[L]];
+            T = T[k[R]];
           }
           T[k[k.length - 1]] = I, k[k.length - 1] === "color" && (k[k.length - 2] === "fill" || k[k.length - 2] === "stroke") && (T.type = "Solid");
         } else
@@ -2950,20 +2950,20 @@ class ci {
   }
   */
   renderObject(t, i, o) {
-    var u, v, b, m, y, S, C, w, M, I, k, T, L, P, _, E, A, W, z, Y, G, N, Q, x, F, tt;
+    var u, v, b, m, y, S, C, w, M, I, k, T, R, P, _, E, A, W, z, Y, G, N, J, x, F, j;
     const e = this.objectStates.get(i.id);
     if (!e) {
       this.warn("No state for object:", i.id);
       return;
     }
-    this.frameCount % 60, t.roundRect || (t.roundRect = (X, et, R, O, D) => (this.drawRoundRect(t, X, et, R, O, D), t));
+    this.frameCount % 60, t.roundRect || (t.roundRect = (X, tt, L, O, D) => (this.drawRoundRect(t, X, tt, L, O, D), t));
     const s = e.geometry ? this.deepMerge(i.geometry, e.geometry) : i.geometry;
     let n = e.style ? this.deepMerge(i.style, e.style) : i.style, a = (s == null ? void 0 : s.width) || ((u = i.geometry) == null ? void 0 : u.width) || i.width || 0, r = (s == null ? void 0 : s.height) || ((v = i.geometry) == null ? void 0 : v.height) || i.height || 0;
     if ((a === 0 || r === 0) && (s != null && s.points) && Array.isArray(s.points) && s.points.length > 0) {
-      let X = 1 / 0, et = -1 / 0, R = 1 / 0, O = -1 / 0;
+      let X = 1 / 0, tt = -1 / 0, L = 1 / 0, O = -1 / 0;
       s.points.forEach((D) => {
-        X = Math.min(X, D.x), et = Math.max(et, D.x), R = Math.min(R, D.y), O = Math.max(O, D.y);
-      }), a === 0 && (a = et - X), r === 0 && (r = O - R);
+        X = Math.min(X, D.x), tt = Math.max(tt, D.x), L = Math.min(L, D.y), O = Math.max(O, D.y);
+      }), a === 0 && (a = tt - X), r === 0 && (r = O - L);
     }
     const h = (X) => {
       if (X)
@@ -2973,48 +2973,48 @@ class ci {
     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 et = li(
+        const tt = li(
           l.points,
           i.weights,
           i.bindMatrices,
           X,
-          (R) => this.getGlobalTransform(R)
+          (L) => this.getGlobalTransform(L)
         );
-        l = { ...l, points: et };
+        l = { ...l, points: tt };
       }
     }
     if (e.visible === !1)
       return;
     const p = i.repeaterConfig, c = p && p.isEnabled && p.count > 1, d = c ? p.count : 1;
     for (let X = 0; X < d; X++) {
-      let et = 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;
+      let tt = e.x !== void 0 ? e.x : ((b = e.transform) == null ? void 0 : b.x) ?? 0, L = 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 ht = p.offsetX || 0, mt = p.offsetY || 0, at = p.rotation || 0, B = p.scale !== void 0 ? p.scale : 1;
-          et += X * ht, R += X * mt, O += X * at, D *= Math.pow(B, X), q *= Math.pow(B, X);
+          const ht = p.offsetX || 0, ut = p.offsetY || 0, at = p.rotation || 0, B = p.scale !== void 0 ? p.scale : 1;
+          tt += X * ht, L += X * ut, O += X * at, D *= Math.pow(B, X), q *= Math.pow(B, X);
         } else if (p.type === "Grid") {
-          const ht = p.cols || Math.ceil(Math.sqrt(p.count)), mt = p.gapX || 0, at = p.gapY || 0, B = Math.floor(X / ht), K = X % ht, j = a + mt, kt = r + at;
-          et += K * j, R += B * kt;
+          const ht = p.cols || Math.ceil(Math.sqrt(p.count)), ut = p.gapX || 0, at = p.gapY || 0, B = Math.floor(X / ht), et = X % ht, Q = a + ut, Pt = r + at;
+          tt += et * Q, L += B * Pt;
         } else if (p.type === "Radial") {
-          const ht = p.radius || 100, mt = p.startAngle || 0, B = (p.endAngle || 360) - mt, K = p.count > 1 ? B / (B === 360 ? p.count : p.count - 1) : 0, j = mt + X * K, kt = j * Math.PI / 180;
-          et = e.x + ht * Math.cos(kt), R = e.y + ht * Math.sin(kt), O += j;
+          const ht = p.radius || 100, ut = p.startAngle || 0, B = (p.endAngle || 360) - ut, et = p.count > 1 ? B / (B === 360 ? p.count : p.count - 1) : 0, Q = ut + X * et, Pt = Q * Math.PI / 180;
+          tt = e.x + ht * Math.cos(Pt), L = e.y + ht * Math.sin(Pt), O += Q;
         }
       }
       const ot = i.type === "Group" || i.type === "Frame" || i.type === "Component", yt = a > 0 && r > 0;
       if (!ot && yt) {
         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, et, R, a, r, ht))
+        if (!this.isObjectInView(t, tt, L, a, r, ht))
           continue;
       }
       this.debug_objectsRendered++, t.save();
-      const bt = [], pt = n.blur || ((T = i.style) == null ? void 0 : T.blur);
-      pt && pt.amount > 0 && bt.push(`blur(${pt.amount}px)`);
-      const Et = n.effects || ((L = i.style) == null ? void 0 : L.effects) || [];
+      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 || ((R = i.style) == null ? void 0 : R.effects) || [];
       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 vt = It, Yt = (vt == null ? void 0 : vt.isEnabled) !== !1, se = vt == null ? void 0 : vt.type, fe = (vt == null ? void 0 : vt.radius) ?? 10;
-      Yt && se === "LayerBlur" ? bt.push(`blur(${fe}px)`) : Yt && se === "BackgroundBlur" && (n === i.style && (n = { ...n }), n.fill = { type: "None" });
-      const st = ((_ = s == null ? void 0 : s.type) == null ? void 0 : _.toLowerCase().includes("image")) || ((E = i.type) == null ? void 0 : E.toLowerCase().includes("image")), gt = 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, Pt = st ? Rt || gt : gt || Rt, dt = st && !Pt ? {
+      const vt = It, Yt = (vt == null ? void 0 : vt.isEnabled) !== !1, ie = vt == null ? void 0 : vt.type, fe = (vt == null ? void 0 : vt.radius) ?? 10;
+      Yt && ie === "LayerBlur" ? bt.push(`blur(${fe}px)`) : Yt && ie === "BackgroundBlur" && (n === i.style && (n = { ...n }), n.fill = { type: "None" });
+      const st = ((_ = 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, Lt = s != null && s.adjustments && Object.keys(s.adjustments).length > 0 ? s.adjustments : null, _t = st ? Lt || mt : mt || Lt, dt = st && !_t ? {
         exposure: 0,
         contrast: 0,
         saturation: 100,
@@ -3025,35 +3025,35 @@ class ci {
         blur: 0,
         negative: 0,
         hue: 0
-      } : Pt;
+      } : _t;
       if (e && dt && (e.geometry = e.geometry || {}, e.geometry.adjustments = { ...dt }), dt) {
-        const ht = (dt.exposure || 0) / 100, mt = dt.contrast || 0, at = 1 + (dt.saturation || 0) / 100, B = (dt.temperature || 0) / 200, K = (dt.tint || 0) / 200, j = (dt.highlights || 0) / 500, kt = (dt.shadows || 0) / 500;
-        let At = "", Tt = "SourceGraphic";
-        if (ht !== 0 && (At += `
-                <feComponentTransfer in="${Tt}" result="exposure">
+        const ht = (dt.exposure || 0) / 100, ut = dt.contrast || 0, at = 1 + (dt.saturation || 0) / 100, B = (dt.temperature || 0) / 200, et = (dt.tint || 0) / 200, Q = (dt.highlights || 0) / 500, Pt = (dt.shadows || 0) / 500;
+        let xt = "", kt = "SourceGraphic";
+        if (ht !== 0 && (xt += `
+                <feComponentTransfer in="${kt}" result="exposure">
                     <feFuncR type="linear" slope="1" intercept="${ht}"/>
                     <feFuncG type="linear" slope="1" intercept="${ht}"/>
                     <feFuncB type="linear" slope="1" intercept="${ht}"/>
-                </feComponentTransfer>`, Tt = "exposure"), mt !== 0) {
-          const Mt = (mt + 100) / 100, $ = 0.5 * (1 - Mt);
-          At += `
-                <feComponentTransfer in="${Tt}" result="contrast">
+                </feComponentTransfer>`, kt = "exposure"), ut !== 0) {
+          const Mt = (ut + 100) / 100, $ = 0.5 * (1 - Mt);
+          xt += `
+                <feComponentTransfer in="${kt}" result="contrast">
                     <feFuncR type="linear" slope="${Mt}" intercept="${$}"/>
                     <feFuncG type="linear" slope="${Mt}" intercept="${$}"/>
                     <feFuncB type="linear" slope="${Mt}" intercept="${$}"/>
-                </feComponentTransfer>`, Tt = "contrast";
+                </feComponentTransfer>`, kt = "contrast";
         }
-        if (at !== 1 && (At += `<feColorMatrix in="${Tt}" type="saturate" values="${at}" result="saturate"/>`, Tt = "saturate"), dt.hue && (At += `<feColorMatrix in="${Tt}" type="hueRotate" values="${dt.hue}" result="hue"/>`, Tt = "hue"), dt.negative) {
+        if (at !== 1 && (xt += `<feColorMatrix in="${kt}" type="saturate" values="${at}" result="saturate"/>`, kt = "saturate"), dt.hue && (xt += `<feColorMatrix in="${kt}" type="hueRotate" values="${dt.hue}" result="hue"/>`, kt = "hue"), dt.negative) {
           const Mt = 1 - dt.negative / 50;
-          At += `
-                <feColorMatrix in="${Tt}" type="matrix" result="invert"
+          xt += `
+                <feColorMatrix in="${kt}" type="matrix" result="invert"
                     values="${Mt} 0 0 0 ${1 - Mt}
                             0 ${Mt} 0 0 ${1 - Mt}
                             0 0 ${Mt} 0 ${1 - Mt}
-                            0 0 0 1 0"/>`, Tt = "invert";
+                            0 0 0 1 0"/>`, kt = "invert";
         }
-        if (B !== 0 || K !== 0 || j !== 0 || kt !== 0) {
-          const Mt = 1 + j + kt, $ = Mt * (1 + B - K / 2), Wt = Mt * (1 + K), Kt = Mt * (1 - B - K / 2), te = dt.shadows * 0.1 / 255, Jt = [
+        if (B !== 0 || et !== 0 || Q !== 0 || Pt !== 0) {
+          const Mt = 1 + Q + Pt, $ = Mt * (1 + B - et / 2), Wt = Mt * (1 + et), Kt = Mt * (1 - B - et / 2), te = dt.shadows * 0.1 / 255, Jt = [
             $,
             0,
             0,
@@ -3075,10 +3075,10 @@ class ci {
             1,
             0
           ].join(" ");
-          At += `<feColorMatrix in="${Tt}" type="matrix" values="${Jt}" result="advanced"/>`, Tt = "advanced";
+          xt += `<feColorMatrix in="${kt}" type="matrix" values="${Jt}" result="advanced"/>`, kt = "advanced";
         }
-        if (dt.blur && (At += `<feGaussianBlur in="${Tt}" stdDeviation="${dt.blur}" result="blur"/>`, Tt = "blur"), At) {
-          const Mt = `<svg xmlns="http://www.w3.org/2000/svg"><filter id="f" color-interpolation-filters="sRGB">${At}</filter></svg>`, $ = btoa(Mt);
+        if (dt.blur && (xt += `<feGaussianBlur in="${kt}" stdDeviation="${dt.blur}" result="blur"/>`, kt = "blur"), xt) {
+          const Mt = `<svg xmlns="http://www.w3.org/2000/svg"><filter id="f" color-interpolation-filters="sRGB">${xt}</filter></svg>`, $ = btoa(Mt);
           bt.push(`url('data:image/svg+xml;base64,${$}#f')`);
         }
       }
@@ -3130,71 +3130,70 @@ class ci {
       let ne = !1;
       const me = Vt.filter((ht) => ht.isVisible !== !1 && o.has(ht.maskId));
       if (me.length > 0) {
-        const ht = me[0], mt = o.get(ht.maskId), at = this.objectStates.get(mt.id);
+        const ht = me[0], ut = o.get(ht.maskId), at = this.objectStates.get(ut.id);
         at && at.visible !== !1 && (ne = !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(et), Math.round(R)), t.rotate(O * Math.PI / 180);
+      t.translate(Math.round(tt), Math.round(L)), t.rotate(O * Math.PI / 180);
       const ye = e.skew_x || 0, Ut = e.skew_y || 0;
       if (ye !== 0 || Ut !== 0) {
-        const ht = Math.tan(ye * Math.PI / 180), mt = Math.tan(Ut * Math.PI / 180);
-        t.transform(1 + ht * mt, mt, ht, 1, 0, 0);
+        const ht = Math.tan(ye * Math.PI / 180), ut = Math.tan(Ut * Math.PI / 180);
+        t.transform(1 + ht * ut, ut, 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(
         D * Ae,
         q * xe
       ), 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 ie = n.shadow;
-      if (ie && ie.isEnabled !== !1) {
-        let ht = ie.color || "#000000";
+      const se = n.shadow;
+      if (se && se.isEnabled !== !1) {
+        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 mt = this.normalizeOpacity(ie.opacity ?? 100), at = ie.spread || 0, K = (ie.blur || 0) + at * 1.5;
-        let j = ht;
+        const ut = this.normalizeOpacity(se.opacity ?? 100), at = se.spread || 0, et = (se.blur || 0) + at * 1.5;
+        let Q = ht;
         if (ht.startsWith("#")) {
-          const Tt = ht.replace("#", ""), xt = parseInt(Tt.substring(0, 2), 16), Mt = parseInt(Tt.substring(2, 4), 16), $ = parseInt(Tt.substring(4, 6), 16);
-          j = `rgba(${xt}, ${Mt}, ${$}, ${mt})`;
+          const kt = ht.replace("#", ""), At = parseInt(kt.substring(0, 2), 16), Mt = parseInt(kt.substring(2, 4), 16), $ = parseInt(kt.substring(4, 6), 16);
+          Q = `rgba(${At}, ${Mt}, ${$}, ${ut})`;
         } else if (ht.startsWith("rgba")) {
-          const Tt = ht.match(/[\d.]+/g);
-          if (Tt && Tt.length >= 4) {
-            const xt = Tt[0], Mt = Tt[1], $ = Tt[2], Wt = Tt[3];
-            j = `rgba(${xt}, ${Mt}, ${$}, ${parseFloat(Wt) * mt})`;
+          const kt = ht.match(/[\d.]+/g);
+          if (kt && kt.length >= 4) {
+            const At = kt[0], Mt = kt[1], $ = kt[2], Wt = kt[3];
+            Q = `rgba(${At}, ${Mt}, ${$}, ${parseFloat(Wt) * ut})`;
           }
         }
-        const kt = t.getTransform(), At = Math.sqrt(kt.a * kt.a + kt.b * kt.b) || 1;
-        t.shadowColor = j, t.shadowBlur = K * At, t.shadowOffsetX = (ie.offsetX || 0) * At, t.shadowOffsetY = (ie.offsetY || 0) * At;
-      } else
-        t.shadowColor = "transparent", t.shadowBlur = 0, t.shadowOffsetX = 0, t.shadowOffsetY = 0;
+        const Pt = t.getTransform(), xt = Math.sqrt(Pt.a * Pt.a + Pt.b * Pt.b) || 1;
+        t.shadowColor = Q, t.shadowBlur = et * xt, t.shadowOffsetX = (se.offsetX || 0) * xt, t.shadowOffsetY = (se.offsetY || 0) * xt;
+      }
       const jt = i.liquidFill || ((N = i.style) == null ? void 0 : N.liquidFill);
       if (jt && jt.enabled) {
         t.save();
         const ht = jt.fillLevel ?? 0.5;
         t.beginPath();
-        const mt = r / 2 - r * ht;
-        t.rect(-a / 2, mt, a, r * ht), t.clip(), t.fillStyle = jt.color || "#3b82f6", t.globalAlpha = t.globalAlpha * (jt.opacity ?? 1);
+        const ut = r / 2 - r * ht;
+        t.rect(-a / 2, ut, 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 ht = s.originalSrc || s.src;
         if (ht) {
-          let mt = this.imageCache.get(ht);
-          mt || (mt = new Image(), mt.onload = () => {
-            this.log(`[ExodeUI] Image loaded successfully, size: ${mt.naturalWidth}x${mt.naturalHeight}`);
-          }, mt.onerror = (K) => {
-            console.error("[ExodeUI] Image load failed:", K, `Src preview: ${ht.substring(0, 100)}...`);
-          }, mt.src = ht, this.imageCache.set(ht, mt));
-          const at = n.stroke && n.stroke.width > 0 && n.stroke.isEnabled !== !1, B = (((Q = n.stroke) == null ? void 0 : Q.alignment) || "center").toLowerCase();
+          let ut = this.imageCache.get(ht);
+          ut || (ut = new Image(), ut.onload = () => {
+            this.log(`[ExodeUI] Image loaded successfully, size: ${ut.naturalWidth}x${ut.naturalHeight}`);
+          }, ut.onerror = (et) => {
+            console.error("[ExodeUI] Image load failed:", et, `Src preview: ${ht.substring(0, 100)}...`);
+          }, ut.src = ht, this.imageCache.set(ht, ut));
+          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, f, D, q), n.fill && n.fill.type !== "None") {
             t.save();
-            const K = t.globalAlpha, j = this.createCanvasFill(t, n.fill, a, r);
-            t.fillStyle = j || n.fill.color || "transparent", t.globalAlpha = K * this.normalizeOpacity(n.fill.opacity ?? 100), f !== 0 ? (this.drawRoundRect(t, -a / 2, -r / 2, a, r, f), t.fill()) : t.fillRect(-a / 2, -r / 2, a, r), t.globalAlpha = K, t.restore();
+            const et = t.globalAlpha, Q = this.createCanvasFill(t, n.fill, a, r);
+            t.fillStyle = Q || n.fill.color || "transparent", t.globalAlpha = et * 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 = et, t.restore();
           }
-          mt.complete && mt.naturalWidth > 0 ? (f !== 0 ? (t.save(), this.drawRoundRect(t, -a / 2, -r / 2, a, r, f), t.clip(), t.drawImage(mt, -a / 2, -r / 2, a, r), t.restore()) : t.drawImage(mt, -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);
+          ut.complete && ut.naturalWidth > 0 ? (f !== 0 ? (t.save(), this.drawRoundRect(t, -a / 2, -r / 2, a, r, f), t.clip(), t.drawImage(ut, -a / 2, -r / 2, a, r), t.restore()) : t.drawImage(ut, -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 ht = s.svgContent;
         if (ht) {
-          const mt = n.palette || [], at = n.fill, B = n.stroke, K = at ? this.normalizeOpacity(at.opacity ?? 100) : 1, j = (at == null ? void 0 : at.type) === "Solid" && (!B || B.isEnabled === !1 || B.type === "Solid" && B.color === at.color), kt = at && at.type !== "None" ? j ? "monochrome" : at.type === "Solid" ? (at.color || "") + "|opacity:" + K : JSON.stringify(at.stops || []) + "|opacity:" + K : "", At = B && B.isEnabled !== !1 && (B.width || 0) > 0 ? j ? [
+          const ut = n.palette || [], at = n.fill, B = n.stroke, et = at ? this.normalizeOpacity(at.opacity ?? 100) : 1, Q = (at == null ? void 0 : at.type) === "Solid" && (!B || B.isEnabled === !1 || B.type === "Solid" && B.color === at.color), Pt = at && at.type !== "None" ? Q ? "monochrome" : at.type === "Solid" ? (at.color || "") + "|opacity:" + et : JSON.stringify(at.stops || []) + "|opacity:" + et : "", xt = B && B.isEnabled !== !1 && (B.width || 0) > 0 ? Q ? [
             "monochrome",
             B.width || 0,
             B.trimStart ?? 0,
@@ -3213,17 +3212,17 @@ class ci {
             B.trimEnd ?? 1,
             B.trimOffset ?? 0,
             B.dashOffset ?? 0
-          ].join("|") : "nostroke", Tt = [
+          ].join("|") : "nostroke", kt = [
             i.id,
-            mt.join("_"),
-            kt,
-            At,
+            ut.join("_"),
+            Pt,
+            xt,
             e.opacity ?? 100,
             e.visible !== !1 ? "v" : "h"
           ].join("_");
-          let xt = this.imageCache.get(Tt);
-          if (!xt) {
-            xt = new Image(), xt.crossOrigin = "anonymous";
+          let At = this.imageCache.get(kt);
+          if (!At) {
+            At = new Image(), At.crossOrigin = "anonymous";
             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;
@@ -3231,14 +3230,14 @@ class ci {
             if (te && (Wt = parseFloat(te[1]), Kt = parseFloat(te[2])), $ = $.replace(/<svg([^>]*)>/i, (rt, V) => {
               let it = V.replace(/\b(?:width|height)=["'][^"']*["']/gi, " ");
               return it.match(/\bviewBox=/i) || (it += ` viewBox="0 0 ${Wt} ${Kt}"`), it.match(/\bpreserveAspectRatio=/i) || (it += ' preserveAspectRatio="none"'), it += ' width="100%" height="100%"', `<svg${it}>`;
-            }), s.colors && s.colors.length > 0 && mt.length > 0 && s.colors.forEach((rt, V) => {
-              if (mt[V]) {
+            }), s.colors && s.colors.length > 0 && ut.length > 0 && s.colors.forEach((rt, V) => {
+              if (ut[V]) {
                 const it = rt.replace(/[-\/\\^$*+?.()|[\]{}]/g, "\\$&"), nt = new RegExp(it, "gi");
-                $ = $.replace(nt, mt[V]);
+                $ = $.replace(nt, ut[V]);
               }
             }), at && at.type && at.type !== "None") {
               if (at.type === "Solid" && at.color) {
-                const rt = j ? "#FFFFFF" : at.color, V = j ? 1 : this.normalizeOpacity(at.opacity ?? 100);
+                const rt = Q ? "#FFFFFF" : at.color, V = Q ? 1 : this.normalizeOpacity(at.opacity ?? 100);
                 $ = $.replace(/\bfill\s*=\s*["'][^"']*["']/gi, (it) => /fill\s*=\s*["']\s*(none|transparent)\s*["']/i.test(it) ? it : `fill="${rt}"`), $ = $.replace(/fill\s*:\s*[^;"')]+/gi, (it) => /fill\s*:\s*(none|transparent)/i.test(it) ? it : `fill:${rt}`), V < 1 && ($ = $.replace(/\bfill-opacity\s*=\s*["'][^"']*["']/gi, `fill-opacity="${V}"`), $ = $.replace(/fill-opacity\s*:\s*[^;"')]+/gi, `fill-opacity:${V}`), $.match(/\bfill-opacity\s*=/i) || ($ = $.replace(/(<svg[^>]*>)/i, `$1<g fill-opacity="${V}">`), $ = $.replace(/<\/svg>/i, "</g></svg>")));
               } else if (at.type === "LinearGradient" || at.type === "RadialGradient" || at.type === "Linear" || at.type === "Radial") {
                 const rt = "exode-fill", V = this.normalizeOpacity(at.opacity ?? 100), it = (at.stops || []).map((St) => {
@@ -3267,9 +3266,9 @@ class ci {
               }
               const Xt = St(rt.center, 0, 0.5) * 100, Qt = St(rt.center, 1, 0.5) * 100, oe = (rt.radius ?? 0.5) * 100;
               return `<radialGradient id="${V}" cx="${Xt}%" cy="${Qt}%" r="${oe}%" gradientUnits="objectBoundingBox">${nt}</radialGradient>`;
-            }, ut = (rt, V) => /<defs>/i.test(rt) ? rt.replace(/<defs>/i, `<defs>${V}`) : rt.replace(/(<svg[^>]*>)/i, `$1<defs>${V}</defs>`);
+            }, pt = (rt, V) => /<defs>/i.test(rt) ? rt.replace(/<defs>/i, `<defs>${V}`) : rt.replace(/(<svg[^>]*>)/i, `$1<defs>${V}</defs>`);
             if (B && B.isEnabled !== !1 && (B.width || 0) > 0) {
-              const rt = j ? 1 : this.normalizeOpacity(B.opacity ?? 100), V = j ? "#FFFFFF" : B.color || (at == null ? void 0 : at.color) || "#000000";
+              const rt = Q ? 1 : this.normalizeOpacity(B.opacity ?? 100), V = Q ? "#FFFFFF" : B.color || (at == null ? void 0 : at.color) || "#000000";
               let it = "";
               const nt = B.fill;
               if (nt && nt.type) {
@@ -3277,7 +3276,7 @@ class ci {
                   it = nt.color || B.color || "#000000";
                 else if (nt.type === "LinearGradient" || nt.type === "RadialGradient" || nt.type === "Linear" || nt.type === "Radial") {
                   const zt = "exode-stroke";
-                  $ = ut($, Jt(nt, zt, rt)), it = `url(#${zt})`;
+                  $ = pt($, Jt(nt, zt, rt)), it = `url(#${zt})`;
                 }
               }
               it || (it = V), $.match(/\bstroke\s*=\s*["']/i) ? $ = $.replace(
@@ -3297,11 +3296,11 @@ class ci {
               $.match(/\bstroke-width\s*=\s*["']/i) ? $ = $.replace(/\bstroke-width\s*=\s*["'][^"']*["']/gi, `stroke-width="${Nt}"`) : $ = $.replace(/<(path|circle|rect|ellipse|polygon|polyline)/gi, `<$1 stroke-width="${Nt}"`), $ = $.replace(/stroke-width\s*:\s*[^;"')]+/gi, `stroke-width:${Nt}`), $.match(/\bstroke-opacity\s*=\s*["']/i) ? $ = $.replace(/\bstroke-opacity\s*=\s*["'][^"']*["']/gi, `stroke-opacity="${rt}"`) : $ = $.replace(/<(path|circle|rect|ellipse|polygon|polyline)/gi, `<$1 stroke-opacity="${rt}"`), $ = $.replace(/stroke-opacity\s*:\s*[^;"')]+/gi, `stroke-opacity:${rt}`);
               const Ie = B.lineCap || "round";
               $.match(/\bstroke-linecap\s*=\s*["']/i) ? $ = $.replace(/\bstroke-linecap\s*=\s*["'][^"']*["']/gi, `stroke-linecap="${Ie}"`) : $ = $.replace(/<(path|circle|rect|ellipse|polygon|polyline)/gi, `<$1 stroke-linecap="${Ie}"`), $ = $.replace(/stroke-linecap\s*:\s*[^;"')]+/gi, `stroke-linecap:${Ie}`);
-              const Le = B.lineJoin || "round";
-              $.match(/\bstroke-linejoin\s*=\s*["']/i) ? $ = $.replace(/\bstroke-linejoin\s*=\s*["'][^"']*["']/gi, `stroke-linejoin="${Le}"`) : $ = $.replace(/<(path|circle|rect|ellipse|polygon|polyline)/gi, `<$1 stroke-linejoin="${Le}"`), $ = $.replace(/stroke-linejoin\s*:\s*[^;"')]+/gi, `stroke-linejoin:${Le}`);
-              const Re = B.trimStart ?? 0, Oe = B.trimEnd ?? 1, Fe = B.trimOffset ?? 0, $e = B.dashOffset ?? 0, Ye = Re !== 0 || Oe !== 1 || Fe !== 0 || $e !== 0;
+              const Re = B.lineJoin || "round";
+              $.match(/\bstroke-linejoin\s*=\s*["']/i) ? $ = $.replace(/\bstroke-linejoin\s*=\s*["'][^"']*["']/gi, `stroke-linejoin="${Re}"`) : $ = $.replace(/<(path|circle|rect|ellipse|polygon|polyline)/gi, `<$1 stroke-linejoin="${Re}"`), $ = $.replace(/stroke-linejoin\s*:\s*[^;"')]+/gi, `stroke-linejoin:${Re}`);
+              const Le = B.trimStart ?? 0, Oe = B.trimEnd ?? 1, Fe = B.trimOffset ?? 0, $e = B.dashOffset ?? 0, Ye = Le !== 0 || Oe !== 1 || Fe !== 0 || $e !== 0;
               if (Ye) {
-                const zt = Math.max(0, Math.min(1, Re)), ae = Math.max(0, Math.min(1, Oe));
+                const zt = Math.max(0, Math.min(1, Le)), ae = Math.max(0, Math.min(1, Oe));
                 this.frameCount % 600 === 0 && this.debugLog(`SVG Trim - Object: ${i.name || i.id}, Start: ${zt}, End: ${ae}`);
                 const we = (St + Xt) * 2, Be = (Fe % 1 + 1) % 1, We = ($e % 1 + 1) % 1;
                 let de = "", ce = 0;
@@ -3319,7 +3318,7 @@ class ci {
               if (!/\bstroke\s*=\s*["']/i.test(ht) && !new RegExp("(?<![a-z-])stroke\\s*:", "i").test(ht)) {
                 let zt = "", ae = "";
                 if (Ye) {
-                  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;
+                  const de = s.width || a || 100, ce = s.height || r || 100, he = (de + ce) * 2, ke = Math.max(0, Math.min(1, Le)), 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 ${he}"`, ae = ' stroke-dashoffset="0"';
                   else {
@@ -3335,19 +3334,19 @@ class ci {
               }
             } 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"));
             const ct = new Blob([$], { type: "image/svg+xml" }), Ct = URL.createObjectURL(ct);
-            xt.onload = () => {
+            At.onload = () => {
               if (URL.revokeObjectURL(Ct), this.frameCount % 900 === 0) {
-                const rt = this.imageCache.get(Tt);
+                const rt = this.imageCache.get(kt);
                 rt && this.debugLog(`SVG Payload Ready: ${i.name || i.id} (${rt.naturalWidth}x${rt.naturalHeight})`);
               }
-            }, xt.onerror = () => {
+            }, At.onerror = () => {
               URL.revokeObjectURL(Ct), this.debugLog(`SVG Error: Failed to load payload for ${i.name || i.id}`);
-            }, xt.src = Ct, this.imageCache.set(Tt, xt);
+            }, At.src = Ct, this.imageCache.set(kt, At);
           }
           let Mt = null;
-          if (xt.complete && xt.naturalWidth > 0 ? (Mt = xt, this.lastValidSvgImgMap.set(i.id, xt)) : Mt = this.lastValidSvgImgMap.get(i.id) || null, Mt && Mt.complete && Mt.naturalWidth > 0) {
+          if (At.complete && At.naturalWidth > 0 ? (Mt = At, this.lastValidSvgImgMap.set(i.id, At)) : Mt = this.lastValidSvgImgMap.get(i.id) || null, Mt && Mt.complete && Mt.naturalWidth > 0) {
             const $ = Math.max(1, a), Wt = Math.max(1, r);
-            if (j && (at == null ? void 0 : at.type) === "Solid") {
+            if (Q && (at == null ? void 0 : at.type) === "Solid") {
               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);
@@ -3357,54 +3356,53 @@ class ci {
       } else if (l.type === "LineGraph")
         this.renderLineGraph(t, l, a, r);
       else if (i.type === "Shape") {
-        this.applyPath(t, l, a, r, f), t.save(), n.blur && n.blur.amount > 0 && (t.filter = `blur(${n.blur.amount}px)`);
-        const ht = Yt && se === "BackgroundBlur";
-        if (ht)
+        if (this.applyPath(t, l, a, r, f), t.save(), n.blur && n.blur.amount > 0 && (t.filter = `blur(${n.blur.amount}px)`), Yt && ie === "BackgroundBlur")
           this.applyBackgroundBlurGlass(t, l, a, r, f, vt);
         else if (n.fill) {
-          const at = t.globalAlpha;
+          const ut = t.globalAlpha;
           if (((F = n.fill) == null ? void 0 : F.type) === "Image" && (n.fill.originalSrc || n.fill.src)) {
-            const B = n.fill.originalSrc || n.fill.src;
-            let K = this.imageCache.get(B);
-            K || (K = new Image(), K.src = B, this.imageCache.set(B, K)), K.complete && K.naturalWidth > 0 && (t.save(), this.applyPath(t, l, a, r, f), t.clip(), this.renderFittedImage(t, K, -a / 2, -r / 2, a, r, n.fill.fillMode), t.restore());
+            const at = n.fill.originalSrc || n.fill.src;
+            let B = this.imageCache.get(at);
+            B || (B = new Image(), B.src = at, this.imageCache.set(at, B)), B.complete && B.naturalWidth > 0 && (t.save(), this.applyPath(t, l, a, r, f), t.clip(), this.renderFittedImage(t, B, -a / 2, -r / 2, a, r, n.fill.fillMode), t.restore());
           } else {
-            const B = this.createCanvasFill(t, n.fill, a, r);
-            t.fillStyle = B || (typeof n.fill == "string" ? n.fill : n.fill.color || "transparent"), t.globalAlpha = at * this.normalizeOpacity(n.fill.opacity ?? 100), this.applyPath(t, l, a, r, f), t.fill();
+            const at = this.createCanvasFill(t, n.fill, a, r);
+            t.fillStyle = at || (typeof n.fill == "string" ? n.fill : n.fill.color || "transparent"), t.globalAlpha = ut * this.normalizeOpacity(n.fill.opacity ?? 100), this.applyPath(t, l, a, r, f), t.fill();
           }
-          t.globalAlpha = at;
+          t.globalAlpha = ut;
         }
-        t.restore(), n.stroke && n.stroke.width > 0 && n.stroke.isEnabled !== !1 ? this.applyStrokeAlignment(t, n, l, a, r, f, D, q) : ht && (t.save(), t.globalAlpha = 1, t.strokeStyle = "rgba(255, 255, 255, 0.25)", t.lineWidth = 1.5, this.applyPath(t, l, a, r, f), t.stroke(), t.restore());
+        t.restore(), n.stroke && n.stroke.width > 0 && (this.applyPath(t, l, a, r, f), this.applyStrokeAlignment(t, n, l, a, r, f, D, q));
       } else if (i.type === "Frame" || i.type === "Group" && !i.isStructuralGroup) {
-        const ht = e.width ?? s.width ?? i.width ?? a, mt = e.height ?? s.height ?? i.height ?? r, at = f;
-        t.save(), t.beginPath(), this.drawRoundRect(t, -ht / 2, -mt / 2, ht, mt, at);
-        const B = Yt && se === "BackgroundBlur", K = { type: "Rectangle" };
-        if (B)
-          this.applyBackgroundBlurGlass(t, K, ht, mt, at, vt);
+        const ht = e.width ?? s.width ?? i.width ?? a, ut = e.height ?? s.height ?? i.height ?? r, at = f;
+        if (t.save(), t.beginPath(), this.drawRoundRect(t, -ht / 2, -ut / 2, ht, ut, at), Yt && ie === "BackgroundBlur")
+          this.applyBackgroundBlurGlass(t, l, ht, ut, at, vt);
         else if (n.fill && n.fill.type !== "None") {
-          const kt = t.globalAlpha, At = this.createCanvasFill(t, n.fill, ht, mt);
-          t.fillStyle = At || n.fill.color || "transparent", t.globalAlpha = kt * this.normalizeOpacity(n.fill.opacity ?? 100), t.fill(), t.globalAlpha = kt;
+          const et = t.globalAlpha, Q = this.createCanvasFill(t, n.fill, ht, ut);
+          t.fillStyle = Q || n.fill.color || "transparent", t.globalAlpha = et * this.normalizeOpacity(n.fill.opacity ?? 100), t.beginPath(), this.drawRoundRect(t, -ht / 2, -ut / 2, ht, ut, at), t.fill(), t.globalAlpha = et;
         }
-        t.restore(), n.stroke && n.stroke.width > 0 && n.stroke.isEnabled !== !1 ? this.applyStrokeAlignment(t, n, K, ht, mt, at, D, q) : B && (t.save(), t.globalAlpha = 1, t.strokeStyle = "rgba(255, 255, 255, 0.25)", t.lineWidth = 1.5, this.applyPath(t, K, ht, mt, at), t.stroke(), t.restore());
-      } 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:", (tt = i.geometry) == null ? void 0 : tt.type));
-      if (this.applyArtEffectOverlay(t, i, l, a, r, f), Yt && se === "BackgroundBlur" && i.type !== "Shape" && i.type !== "Frame" && i.type !== "Group" && (this.applyBackgroundBlurGlass(t, l, a, r, f, vt), (!n.stroke || n.stroke.width === 0 || n.stroke.isEnabled === !1) && (t.save(), t.globalAlpha = 1, t.strokeStyle = "rgba(255, 255, 255, 0.25)", t.lineWidth = 1.5, this.applyPath(t, l, a, r, f), t.stroke(), t.restore())), jt && jt.enabled && t.restore(), i.children && i.children.length > 0) {
-        const mt = i.type === "Frame", at = i.clipsContent !== void 0 ? i.clipsContent : i.clipContent !== void 0 ? i.clipContent : mt;
+        if (t.restore(), n.stroke && n.stroke.width > 0 && n.stroke.isEnabled !== !1) {
+          const et = { type: "Rectangle" };
+          t.beginPath(), this.drawRoundRect(t, -ht / 2, -ut / 2, ht, ut, at), this.applyStrokeAlignment(t, n, et, ht, ut, 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, f), jt && jt.enabled && t.restore(), i.children && i.children.length > 0) {
+        const ut = i.type === "Frame", at = i.clipsContent !== void 0 ? i.clipsContent : i.clipContent !== void 0 ? i.clipContent : ut;
         if (t.save(), at) {
           t.beginPath();
-          const K = e.width ?? (s == null ? void 0 : s.width) ?? i.width ?? 0, j = e.height ?? (s == null ? void 0 : s.height) ?? i.height ?? 0, kt = e.cornerRadius ?? (s == null ? void 0 : s.corner_radius) ?? i.cornerRadius ?? 0;
-          this.drawRoundRect(t, -K / 2, -j / 2, K, j, kt), t.clip();
+          const et = e.width ?? (s == null ? void 0 : s.width) ?? i.width ?? 0, Q = e.height ?? (s == null ? void 0 : s.height) ?? i.height ?? 0, Pt = e.cornerRadius ?? (s == null ? void 0 : s.corner_radius) ?? i.cornerRadius ?? 0;
+          this.drawRoundRect(t, -et / 2, -Q / 2, et, Q, Pt), t.clip();
         }
         let B = 0;
-        for (i.children.forEach((K) => {
-          const j = o.get(K);
-          if (!j) return;
-          const kt = this.objectStates.get(K), At = (kt == null ? void 0 : kt.geometry) || j.geometry;
-          if (At && At.isMask && (kt == null ? void 0 : kt.visible) !== !1) {
-            const Tt = At.width || 0, xt = At.height || 0;
-            this.applyObjectTransform(t, K);
-            const Mt = (kt == null ? void 0 : kt.corner_radius) ?? (At == null ? void 0 : At.corner_radius) ?? 0;
-            this.applyPath(t, At, Tt, xt, Mt), t.clip(), B++;
+        for (i.children.forEach((et) => {
+          const Q = o.get(et);
+          if (!Q) return;
+          const Pt = this.objectStates.get(et), xt = (Pt == null ? void 0 : Pt.geometry) || Q.geometry;
+          if (xt && xt.isMask && (Pt == null ? void 0 : Pt.visible) !== !1) {
+            const kt = xt.width || 0, At = xt.height || 0;
+            this.applyObjectTransform(t, et);
+            const Mt = (Pt == null ? void 0 : Pt.corner_radius) ?? (xt == null ? void 0 : xt.corner_radius) ?? 0;
+            this.applyPath(t, xt, kt, At, Mt), t.clip(), B++;
           } else
-            this.renderObject(t, j, o);
+            this.renderObject(t, Q, o);
         }); B > 0; )
           t.restore(), B--;
         t.restore();
@@ -3419,23 +3417,23 @@ class ci {
           isVisible: !0
         }] : [])).filter((B) => B.isVisible !== !1 && o.has(B.maskId)).forEach((B) => {
           var Mt, $, Wt, Kt, te, Jt;
-          const K = o.get(B.maskId), j = this.objectStates.get(K.id), kt = B.feather || 0, At = B.inverted === !0, Tt = B.opacity !== void 0 ? typeof B.opacity == "number" ? B.opacity : B.opacity / 100 : 1;
+          const et = o.get(B.maskId), Q = this.objectStates.get(et.id), Pt = B.feather || 0, xt = B.inverted === !0, kt = B.opacity !== void 0 ? typeof B.opacity == "number" ? B.opacity : B.opacity / 100 : 1;
           if ((B.type || "alpha") === "luma") {
-            (!this.lumaBuffer || this.lumaBuffer.width !== this.maskBuffer.width || this.lumaBuffer.height !== this.maskBuffer.height) && (this.lumaBuffer = document.createElement("canvas"), this.lumaBuffer.width = this.maskBuffer.width, this.lumaBuffer.height = this.maskBuffer.height, this.lumaCtx = this.lumaBuffer.getContext("2d", { willReadFrequently: !0 }), this.lumaCtx && (this.lumaCtx.imageSmoothingEnabled = !0, this.lumaCtx.imageSmoothingQuality = "high")), this.lumaCtx.setTransform(1, 0, 0, 1, 0, 0), this.lumaCtx.globalCompositeOperation = "source-over", this.lumaCtx.globalAlpha = 1, this.lumaCtx.filter = "none", this.lumaCtx.clearRect(0, 0, this.lumaBuffer.width, this.lumaBuffer.height), this.lumaCtx.save(), this.rootTransform && this.lumaCtx.setTransform(this.rootTransform), this.applyAbsoluteTransform(this.lumaCtx, K.id, o), kt > 0 && (this.lumaCtx.filter = `blur(${kt}px)`), this.lumaCtx.globalAlpha = Tt;
-            const ut = (j == null ? void 0 : j.width) || K.geometry.width || 0, ct = (j == null ? void 0 : j.height) || K.geometry.height || 0, Ct = (j == null ? void 0 : j.corner_radius) ?? K.corner_radius ?? 0;
-            if (((Mt = K.geometry) == null ? void 0 : Mt.type) === "Text") {
-              const nt = j != null && j.geometry ? this.deepMerge(K.geometry, j.geometry) : K.geometry, St = j != null && j.style ? this.deepMerge(K.style, j.style) : K.style;
-              this._renderText(this.lumaCtx, K, { ...nt, width: ut, height: ct, corner_radius: Ct }, St, j, ut, ct, !0, !1, D, q);
-            } else if ((($ = K.geometry) == null ? void 0 : $.type) === "Image") {
-              const nt = K.geometry.src;
+            (!this.lumaBuffer || this.lumaBuffer.width !== this.maskBuffer.width || this.lumaBuffer.height !== this.maskBuffer.height) && (this.lumaBuffer = document.createElement("canvas"), this.lumaBuffer.width = this.maskBuffer.width, this.lumaBuffer.height = this.maskBuffer.height, this.lumaCtx = this.lumaBuffer.getContext("2d", { willReadFrequently: !0 }), this.lumaCtx && (this.lumaCtx.imageSmoothingEnabled = !0, this.lumaCtx.imageSmoothingQuality = "high")), this.lumaCtx.setTransform(1, 0, 0, 1, 0, 0), this.lumaCtx.globalCompositeOperation = "source-over", this.lumaCtx.globalAlpha = 1, this.lumaCtx.filter = "none", this.lumaCtx.clearRect(0, 0, this.lumaBuffer.width, this.lumaBuffer.height), this.lumaCtx.save(), this.rootTransform && this.lumaCtx.setTransform(this.rootTransform), this.applyAbsoluteTransform(this.lumaCtx, et.id, o), Pt > 0 && (this.lumaCtx.filter = `blur(${Pt}px)`), this.lumaCtx.globalAlpha = kt;
+            const pt = (Q == null ? void 0 : Q.width) || et.geometry.width || 0, ct = (Q == null ? void 0 : Q.height) || et.geometry.height || 0, Ct = (Q == null ? void 0 : Q.corner_radius) ?? et.corner_radius ?? 0;
+            if (((Mt = et.geometry) == null ? void 0 : Mt.type) === "Text") {
+              const nt = Q != null && Q.geometry ? this.deepMerge(et.geometry, Q.geometry) : et.geometry, St = Q != null && Q.style ? this.deepMerge(et.style, Q.style) : et.style;
+              this._renderText(this.lumaCtx, et, { ...nt, width: pt, height: ct, corner_radius: Ct }, St, Q, pt, ct, !0, !1, D, q);
+            } else if ((($ = et.geometry) == null ? void 0 : $.type) === "Image") {
+              const nt = et.geometry.src;
               if (nt) {
                 let St = this.imageCache.get(nt);
-                St || (St = new Image(), St.src = nt, this.imageCache.set(nt, St)), St.complete && St.naturalWidth > 0 ? this.lumaCtx.drawImage(St, -ut / 2, -ct / 2, ut, ct) : (this.applyPath(this.lumaCtx, K.geometry, ut, ct, Ct), this.lumaCtx.fillStyle = "#ffffff", this.lumaCtx.fill());
+                St || (St = new Image(), St.src = nt, this.imageCache.set(nt, St)), St.complete && St.naturalWidth > 0 ? this.lumaCtx.drawImage(St, -pt / 2, -ct / 2, pt, ct) : (this.applyPath(this.lumaCtx, et.geometry, pt, ct, Ct), this.lumaCtx.fillStyle = "#ffffff", this.lumaCtx.fill());
               }
-            } else if (((Wt = K.geometry) == null ? void 0 : Wt.type) === "SVG") {
-              const nt = K.geometry.svgContent;
+            } else if (((Wt = et.geometry) == null ? void 0 : Wt.type) === "SVG") {
+              const nt = et.geometry.svgContent;
               if (nt) {
-                const St = `__lumamask_${K.id}`;
+                const St = `__lumamask_${et.id}`;
                 let Xt = this.imageCache.get(St);
                 if (!Xt) {
                   Xt = new Image();
@@ -3444,34 +3442,34 @@ class ci {
                     this.artboard && this.reset();
                   }, this.imageCache.set(St, Xt);
                 }
-                Xt.complete && Xt.naturalWidth > 0 ? this.lumaCtx.drawImage(Xt, -ut / 2, -ct / 2, ut, ct) : (this.applyPath(this.lumaCtx, K.geometry, ut, ct, Ct), this.lumaCtx.fillStyle = "#ffffff", this.lumaCtx.fill());
+                Xt.complete && Xt.naturalWidth > 0 ? this.lumaCtx.drawImage(Xt, -pt / 2, -ct / 2, pt, ct) : (this.applyPath(this.lumaCtx, et.geometry, pt, ct, Ct), this.lumaCtx.fillStyle = "#ffffff", this.lumaCtx.fill());
               }
             } else
-              this.applyPath(this.lumaCtx, K.geometry, ut, ct, Ct), this.lumaCtx.fillStyle = "#ffffff", this.lumaCtx.fill();
+              this.applyPath(this.lumaCtx, et.geometry, pt, ct, Ct), this.lumaCtx.fillStyle = "#ffffff", this.lumaCtx.fill();
             this.lumaCtx.restore();
             const rt = this.maskCtx.getImageData(0, 0, this.canvasWidth, this.canvasHeight), V = this.lumaCtx.getImageData(0, 0, this.canvasWidth, this.canvasHeight).data, it = rt.data;
             for (let nt = 0; nt < it.length; nt += 4) {
               const St = V[nt], Xt = V[nt + 1], Qt = V[nt + 2];
               let oe = (0.299 * St + 0.587 * Xt + 0.114 * Qt) / 255;
-              At && (oe = 1 - oe), it[nt + 3] *= oe;
+              xt && (oe = 1 - oe), it[nt + 3] *= oe;
             }
             this.maskCtx.putImageData(rt, 0, 0);
           } else {
-            this.maskCtx.save(), this.rootTransform && this.maskCtx.setTransform(this.rootTransform), this.maskCtx.globalCompositeOperation = At ? "destination-out" : "destination-in", kt > 0 && (this.maskCtx.filter = `blur(${kt}px)`), this.maskCtx.globalAlpha = Tt, this.applyAbsoluteTransform(this.maskCtx, K.id, o);
-            const ut = (j == null ? void 0 : j.width) || K.geometry.width || 0, ct = (j == null ? void 0 : j.height) || K.geometry.height || 0, Ct = (j == null ? void 0 : j.corner_radius) ?? K.corner_radius ?? 0;
-            if (((Kt = K.geometry) == null ? void 0 : Kt.type) === "Text") {
-              const rt = j != null && j.geometry ? this.deepMerge(K.geometry, j.geometry) : K.geometry, V = j != null && j.style ? this.deepMerge(K.style, j.style) : K.style;
-              this._renderText(this.maskCtx, K, { ...rt, width: ut, height: ct, corner_radius: Ct }, V, j, ut, ct, !0, !1, D, q);
-            } else if (((te = K.geometry) == null ? void 0 : te.type) === "Image") {
-              const rt = K.geometry.src;
+            this.maskCtx.save(), this.rootTransform && this.maskCtx.setTransform(this.rootTransform), this.maskCtx.globalCompositeOperation = xt ? "destination-out" : "destination-in", Pt > 0 && (this.maskCtx.filter = `blur(${Pt}px)`), this.maskCtx.globalAlpha = kt, this.applyAbsoluteTransform(this.maskCtx, et.id, o);
+            const pt = (Q == null ? void 0 : Q.width) || et.geometry.width || 0, ct = (Q == null ? void 0 : Q.height) || et.geometry.height || 0, Ct = (Q == null ? void 0 : Q.corner_radius) ?? et.corner_radius ?? 0;
+            if (((Kt = et.geometry) == null ? void 0 : Kt.type) === "Text") {
+              const rt = Q != null && Q.geometry ? this.deepMerge(et.geometry, Q.geometry) : et.geometry, V = Q != null && Q.style ? this.deepMerge(et.style, Q.style) : et.style;
+              this._renderText(this.maskCtx, et, { ...rt, width: pt, height: ct, corner_radius: Ct }, V, Q, pt, ct, !0, !1, D, q);
+            } else if (((te = et.geometry) == null ? void 0 : te.type) === "Image") {
+              const rt = et.geometry.src;
               if (rt) {
                 let V = this.imageCache.get(rt);
-                V || (V = new Image(), V.src = rt, this.imageCache.set(rt, V)), V.complete && V.naturalWidth > 0 ? this.maskCtx.drawImage(V, -ut / 2, -ct / 2, ut, ct) : (this.applyPath(this.maskCtx, K.geometry, ut, ct, Ct), this.maskCtx.fillStyle = "#ffffff", this.maskCtx.fill());
+                V || (V = new Image(), V.src = rt, this.imageCache.set(rt, V)), V.complete && V.naturalWidth > 0 ? this.maskCtx.drawImage(V, -pt / 2, -ct / 2, pt, ct) : (this.applyPath(this.maskCtx, et.geometry, pt, ct, Ct), this.maskCtx.fillStyle = "#ffffff", this.maskCtx.fill());
               }
-            } else if (((Jt = K.geometry) == null ? void 0 : Jt.type) === "SVG") {
-              const rt = K.geometry.svgContent;
+            } else if (((Jt = et.geometry) == null ? void 0 : Jt.type) === "SVG") {
+              const rt = et.geometry.svgContent;
               if (rt) {
-                const V = `__alphamask_${K.id}`;
+                const V = `__alphamask_${et.id}`;
                 let it = this.imageCache.get(V);
                 if (!it) {
                   it = new Image();
@@ -3480,10 +3478,10 @@ class ci {
                     this.artboard && this.reset();
                   }, this.imageCache.set(V, it);
                 }
-                it.complete && it.naturalWidth > 0 ? this.maskCtx.drawImage(it, -ut / 2, -ct / 2, ut, ct) : (this.applyPath(this.maskCtx, K.geometry, ut, ct, Ct), this.maskCtx.fillStyle = "#ffffff", this.maskCtx.fill());
+                it.complete && it.naturalWidth > 0 ? this.maskCtx.drawImage(it, -pt / 2, -ct / 2, pt, ct) : (this.applyPath(this.maskCtx, et.geometry, pt, ct, Ct), this.maskCtx.fillStyle = "#ffffff", this.maskCtx.fill());
               }
             } else
-              this.applyPath(this.maskCtx, K.geometry, ut, ct, Ct), this.maskCtx.fillStyle = "#ffffff", this.maskCtx.fill();
+              this.applyPath(this.maskCtx, et.geometry, pt, ct, Ct), this.maskCtx.fillStyle = "#ffffff", this.maskCtx.fill();
             this.maskCtx.restore();
           }
         }), Ot.save(), Ot.setTransform(1, 0, 0, 1, 0, 0);
@@ -3494,7 +3492,7 @@ class ci {
     }
   }
   _renderText(t, i, o, e, s, n, a, r = !1, h = !1, f = 1, l = 1) {
-    var yt, bt, pt, Et, It, vt, Yt, se, fe;
+    var yt, bt, gt, Et, It, vt, Yt, ie, fe;
     let p = o.text || "";
     if (o.textInputId && !r) {
       const st = this.inputs.get(o.textInputId);
@@ -3503,10 +3501,10 @@ class ci {
     if (o.svgPath) {
       const st = o.svgPath;
       t.save();
-      const gt = ((yt = e == null ? void 0 : e.fill) == null ? void 0 : yt.color) || "#000000", Rt = ((bt = e == null ? void 0 : e.fill) == null ? void 0 : bt.opacity) !== void 0 ? (pt = e == null ? void 0 : e.fill) == null ? void 0 : pt.opacity : 1;
-      t.fillStyle = gt, t.globalAlpha *= Rt;
-      const Pt = new Path2D(st);
-      t.fill(Pt), t.restore();
+      const mt = ((yt = e == null ? void 0 : e.fill) == null ? void 0 : yt.color) || "#000000", Lt = ((bt = e == null ? void 0 : e.fill) == null ? void 0 : bt.opacity) !== void 0 ? (gt = e == null ? void 0 : e.fill) == null ? void 0 : gt.opacity : 1;
+      t.fillStyle = mt, t.globalAlpha *= Lt;
+      const _t = new Path2D(st);
+      t.fill(_t), t.restore();
       return;
     }
     let c = p || "";
@@ -3519,8 +3517,8 @@ class ci {
     let y = o.fontFamily || "Inter";
     const S = ["Bold", "SemiBold", "Medium", "Regular", "Light", "Thin", "ExtraBold", "Black", "Italic"];
     S.forEach((st) => {
-      const gt = new RegExp(`[\\s-]${st}$`, "i");
-      gt.test(y) && (y = y.replace(gt, "").trim());
+      const mt = new RegExp(`[\\s-]${st}$`, "i");
+      mt.test(y) && (y = y.replace(mt, "").trim());
     });
     const M = `${o.smallCaps === !0 ? "small-caps " : ""}${v} ${b} ${m}px "${y}", sans-serif`;
     t.font = M;
@@ -3536,8 +3534,8 @@ class ci {
       T = st.unit === "PERCENT" ? st.value / 100 * m : st.value;
     }
     t.letterSpacing !== void 0 && (t.letterSpacing = `${T}px`);
-    const L = o.kerning || "auto", P = o.kerningValue || 0;
-    L === "manual" && P !== 0 && (t.letterSpacing = `${T + P}px`);
+    const R = o.kerning || "auto", P = o.kerningValue || 0;
+    R === "manual" && P !== 0 && (t.letterSpacing = `${T + P}px`);
     const _ = o.paragraphSpacing || 0;
     let E = o.lineHeight ?? 1.2;
     typeof E == "string" && (E = parseFloat(E)), E > 5 && m > 0 && (E = E / m);
@@ -3560,34 +3558,34 @@ class ci {
       hyphenation: o.hyphenation,
       composer: o.composer,
       balanceRaggedLines: o.balanceRaggedLines
-    }), N = G.lines || [], Q = G.maxFontSize || m, x = this.fontLeadingFactors[y] ?? 0.5, F = (A - m) * x;
-    let tt = G.height, X = n, et = a;
-    if (X === 0 || et === 0 || X >= 1e5) {
-      let st = 0, gt = 0;
-      const Rt = G.fullText || c;
-      (N || []).forEach((Pt) => {
-        const dt = Pt.text || "", Ft = t.measureText(dt).width + (dt.length > 0 ? (dt.length - 1) * T : 0);
-        Ft > st && (st = Ft), gt += dt.length, gt < Rt.length && (Rt[gt] === `
-` || Rt[gt] === "\r") && (gt++, Rt[gt - 1] === "\r" && Rt[gt] === `
-` && gt++);
-      }), (X === 0 || X >= 1e5) && (X = st), et === 0 && (et = tt || 0);
+    }), N = G.lines || [], J = G.maxFontSize || m, x = this.fontLeadingFactors[y] ?? 0.5, F = (A - m) * x;
+    let j = G.height, X = n, tt = a;
+    if (X === 0 || tt === 0 || X >= 1e5) {
+      let st = 0, mt = 0;
+      const Lt = G.fullText || c;
+      (N || []).forEach((_t) => {
+        const dt = _t.text || "", Ft = t.measureText(dt).width + (dt.length > 0 ? (dt.length - 1) * T : 0);
+        Ft > st && (st = Ft), mt += dt.length, mt < Lt.length && (Lt[mt] === `
+` || Lt[mt] === "\r") && (mt++, Lt[mt - 1] === "\r" && Lt[mt] === `
+` && mt++);
+      }), (X === 0 || X >= 1e5) && (X = st), tt === 0 && (tt = j || 0);
     }
-    let R = -tt / 2;
-    a > 0 && a > tt && (I === "top" ? R = -a / 2 : I === "middle" || I === "center" ? R = -tt / 2 : I === "bottom" && (R = a / 2 - tt)), R += F;
+    let L = -j / 2;
+    a > 0 && a > j && (I === "top" ? L = -a / 2 : I === "middle" || I === "center" ? L = -j / 2 : I === "bottom" && (L = a / 2 - j)), L += F;
     let O = null, D = 0;
     if (o.pathId && this.artboard) {
-      const st = this.artboard.objects.find((gt) => gt.id === o.pathId);
+      const st = this.artboard.objects.find((mt) => mt.id === o.pathId);
       if (st && st.type === "Shape" && ((Yt = st.geometry) == null ? void 0 : Yt.type) === "Path") {
-        const gt = this.objectStates.get(st.id), Rt = gt != null && gt.geometry ? this.deepMerge(st.geometry, gt.geometry) : st.geometry, Pt = (gt == null ? void 0 : gt.scale_x) !== void 0 ? (st.width || 0) * gt.scale_x : st.width || 0, dt = (gt == null ? void 0 : gt.scale_y) !== void 0 ? (st.height || 0) * gt.scale_y : st.height || 0;
-        O = { geo: Rt, obj: st, w: Pt, h: dt }, D = this.getPerimeter(Rt, Pt, dt);
+        const mt = this.objectStates.get(st.id), Lt = mt != null && mt.geometry ? this.deepMerge(st.geometry, mt.geometry) : st.geometry, _t = (mt == null ? void 0 : mt.scale_x) !== void 0 ? (st.width || 0) * mt.scale_x : st.width || 0, dt = (mt == null ? void 0 : mt.scale_y) !== void 0 ? (st.height || 0) * mt.scale_y : st.height || 0;
+        O = { geo: Lt, obj: st, w: _t, h: dt }, D = this.getPerimeter(Lt, _t, dt);
       }
     }
-    const q = (st, gt) => {
-      var Pt, dt;
-      if (T === 0 && (!o.enableSegments || !((Pt = o.segments) != null && Pt.length))) return t.measureText(st).width;
-      let Rt = 0;
+    const q = (st, mt) => {
+      var _t, dt;
+      if (T === 0 && (!o.enableSegments || !((_t = o.segments) != null && _t.length))) return t.measureText(st).width;
+      let Lt = 0;
       for (let Ft = 0; Ft < st.length; Ft++) {
-        const Dt = gt + Ft;
+        const Dt = mt + Ft;
         let $t = 0;
         if (o.enableSegments === !0 && ((dt = o.segments) == null ? void 0 : dt.length) > 0) {
           let Ot = 0, Vt = null;
@@ -3607,40 +3605,40 @@ class ci {
             $t = t.measureText(st[Ft]).width;
         } else
           $t = t.measureText(st[Ft]).width;
-        Rt += $t + T;
+        Lt += $t + T;
       }
-      return Rt - (st.length > 0 ? T : 0);
-    }, ot = (st, gt, Rt, Pt, dt) => {
+      return Lt - (st.length > 0 ? T : 0);
+    }, ot = (st, mt, Lt, _t, dt) => {
       var me, ye;
       const Dt = (dt === 0 || c[dt - 1] === `
 ` || 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, ne = Rt + Vt;
+      ), Ot = !o.pathId && !$t && (o.enableSegments !== !0 || !o.segments || o.segments.length === 0), Vt = o.baselineShift || 0, ne = Lt + Vt;
       if (Ot)
-        t.font = M, Pt ? t.strokeText(st, gt + Dt, ne) : t.fillText(st, gt + Dt, ne);
+        t.font = M, _t ? t.strokeText(st, mt + Dt, ne) : t.fillText(st, mt + Dt, ne);
       else {
         const Ut = q(st, dt);
-        let Se = gt + Dt;
+        let Se = mt + Dt;
         k === "center" ? Se -= Ut / 2 : k === "right" && (Se -= Ut);
         const Pe = dt + st.length >= c.length || c[dt + st.length] === `
 ` || c[dt + st.length] === "\r";
         let Ee = 0, Ce = 0;
         const Ae = o.justifyMinWordSpacing, xe = o.justifyMaxWordSpacing;
         if (k === "justify" && !Pe && Ut > 0 && !o.pathId) {
-          const mt = W ? Ut : Y - z * 2 + 0, at = Math.max(0, mt - Ut);
+          const ut = W ? Ut : Y - z * 2 + 0, at = Math.max(0, ut - Ut);
           for (let B = 0; B < st.length; B++)
             st[B] === " " && Ce++;
           if (Ce > 0) {
             const B = t.measureText(" ").width;
-            let K = Ae || B * 0.5, j = xe || B * 2.5;
-            Ee = Math.max(0, Math.min(at / Ce, j - K));
+            let et = Ae || B * 0.5, Q = xe || B * 2.5;
+            Ee = Math.max(0, Math.min(at / Ce, Q - et));
           }
         }
-        let ie = o.pathOffset || 0;
-        o.pathId && D > 0 && O && (k === "center" ? ie += D / 2 - Ut / 2 : k === "right" && (ie += D - Ut));
+        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 ht = r && !h ? [] : ((me = i.behaviors) == null ? void 0 : me.filter(
-          (mt) => [
+          (ut) => [
             U.Typewriter,
             U.Scramble,
             U.Wave,
@@ -3670,117 +3668,117 @@ class ci {
             U.TextZing,
             U.TextPerspective,
             U.TextMirror
-          ].includes(mt.type) && mt.enabled
+          ].includes(ut.type) && ut.enabled
         )) || [];
-        for (let mt = 0; mt < st.length; mt++) {
-          let at = st[mt];
-          const B = dt + mt;
-          let K = 0, j = 0, kt = 1, At = 1, Tt = 0, xt = 1, Mt = at;
-          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 && (xt = 0);
-            else if (ut.type === U.Scramble)
+        for (let ut = 0; ut < st.length; ut++) {
+          let at = st[ut];
+          const B = dt + ut;
+          let et = 0, Q = 0, Pt = 1, xt = 1, kt = 0, At = 1, Mt = at;
+          ht.forEach((pt) => {
+            const ct = pt.settings || {}, Ct = ct.strength || 1, rt = Date.now();
+            if (pt.type === U.Typewriter)
+              this.currentTime * (ct.speed || 1) - B * (ct.stagger || 0.05) < 0 && (At = 0);
+            else if (pt.type === U.Scramble)
               Math.max(0, Math.min(1, this.currentTime / (ct.duration || 1.5)) - B * 0.02) < 1 && Math.random() < 0.3 && (Mt = "$%#@!*&"[Math.floor(Math.random() * 7)]);
-            else if (ut.type === U.Wave)
-              j += Math.sin(this.currentTime * 5 * (ct.speed || 1) + B * (ct.frequency || 1)) * (ct.amplitude || 20) * Ct;
-            else if (ut.type === U.Bounce) {
+            else if (pt.type === U.Wave)
+              Q += Math.sin(this.currentTime * 5 * (ct.speed || 1) + B * (ct.frequency || 1)) * (ct.amplitude || 20) * Ct;
+            else if (pt.type === U.Bounce) {
               const V = Math.max(0, this.currentTime % 2 - B * (ct.stagger || 0.1));
-              V < 1 && (j -= Math.abs(Math.sin(V * Math.PI)) * (ct.height || 50) * Ct);
-            } else if (ut.type === U.TextTrail) {
+              V < 1 && (Q -= Math.abs(Math.sin(V * Math.PI)) * (ct.height || 50) * Ct);
+            } else if (pt.type === U.TextTrail) {
               const V = this.pointerHistory[Math.max(0, this.pointerHistory.length - 1 - B * (ct.delay || 5))];
-              V && (K += (V.x - (s.x + jt)) * Ct * 0.2, j += (V.y - (s.y + Rt + j)) * Ct * 0.2);
-            } else if (ut.type === U.Reveal3D) {
+              V && (et += (V.x - (s.x + jt)) * Ct * 0.2, Q += (V.y - (s.y + Lt + Q)) * Ct * 0.2);
+            } else if (pt.type === U.Reveal3D) {
               const V = Math.max(0, Math.min(1, this.currentTime * (ct.speed || 1) - B * (ct.stagger || 0.1)));
-              kt *= V, At *= V, xt = V;
-            } else if (ut.type === U.RevealSlide) {
+              Pt *= V, xt *= V, At = V;
+            } else if (pt.type === U.RevealSlide) {
               const V = Math.max(0, Math.min(1, this.currentTime * 1.5 - B * 0.05)), it = (1 - V) * (ct.distance || 40) * Ct, nt = ct.direction || "up";
-              nt === "up" ? j -= it : nt === "down" ? j += it : nt === "left" ? K -= it : nt === "right" && (K += it), xt = V;
-            } else if (ut.type === U.RevealBlur) {
+              nt === "up" ? Q -= it : nt === "down" ? Q += it : nt === "left" ? et -= it : nt === "right" && (et += it), At = V;
+            } else if (pt.type === U.RevealBlur) {
               const V = Math.max(0, Math.min(1, this.currentTime * 1.2 - B * 0.1));
-              xt = V, K += (1 - V) * 5;
-            } else if (ut.type === U.TextLiquid) {
+              At = V, et += (1 - V) * 5;
+            } else if (pt.type === U.TextLiquid) {
               const V = Math.max(0, Math.sin(rt * 1e-3 * (ct.speed || 1) + B * 0.5));
-              j += V * (ct.amplitude || 10) * Ct, At *= 1 + V * 0.2;
-            } else if (ut.type === U.TextVortex) {
+              Q += V * (ct.amplitude || 10) * Ct, xt *= 1 + V * 0.2;
+            } else if (pt.type === U.TextVortex) {
               const V = rt * 2e-3 * (ct.speed || 1) + B * 0.2, it = (1 - (Math.sin(rt * 1e-3) * 0.5 + 0.5)) * (ct.radius || 50);
-              K += Math.cos(V) * it * Ct, j += Math.sin(V) * it * Ct;
-            } else if (ut.type === U.TextExplosion) {
+              et += Math.cos(V) * it * Ct, Q += Math.sin(V) * it * Ct;
+            } else if (pt.type === U.TextExplosion) {
               const V = ct.force || 1, it = this.currentTime % 2;
               if (it < 1) {
                 const nt = (B / st.length - 0.5) * Math.PI * 2, St = it * 100 * V;
-                K += Math.cos(nt) * St * Ct, j += Math.sin(nt) * St * Ct, xt = 1 - it;
+                et += Math.cos(nt) * St * Ct, Q += Math.sin(nt) * St * Ct, At = 1 - it;
               }
-            } else if (ut.type === U.TextRain) {
+            } else if (pt.type === U.TextRain) {
               const V = ct.speed || 1, it = ct.height || 100, nt = (rt * 1e-3 * V + B * 0.1) % 1;
-              j -= (1 - nt) * it * Ct, xt = nt > 0.1 ? 1 : nt * 10;
-            } else if (ut.type === U.TextGravity) {
+              Q -= (1 - nt) * it * Ct, At = nt > 0.1 ? 1 : nt * 10;
+            } else if (pt.type === U.TextGravity) {
               const V = ct.gravity || 9.8, it = this.currentTime % 3 / 3, nt = 0.5 * V * Math.pow(it * 10, 2);
-              nt < 100 ? j += nt * Ct : j += 100 * Ct;
-            } else if (ut.type === U.TextMatrix) {
+              nt < 100 ? Q += nt * Ct : Q += 100 * Ct;
+            } else if (pt.type === U.TextMatrix) {
               const V = ct.speed || 1;
               if (Math.random() < 0.1 * V) {
                 const nt = "0123456789ABCDEF!@#$%^&*";
                 Mt = nt[Math.floor(Math.random() * nt.length)];
               }
-              xt = 0.3 + (Math.sin(rt * 0.01 * V + B) + 1) / 2 * 0.7;
-            } else if (ut.type === U.TextNeon) {
+              At = 0.3 + (Math.sin(rt * 0.01 * V + B) + 1) / 2 * 0.7;
+            } else if (pt.type === U.TextNeon) {
               const V = Math.random() > 0.95 ? 0.5 : 1;
-              xt = (0.7 + (Math.sin(rt * 5e-3) + 1) / 2 * 0.3) * V;
-            } else if (ut.type === U.TextDissolve)
-              Math.sin(B * 1.5 + rt * 2e-3 * (ct.speed || 1)) > 0.5 && (xt = 0);
-            else if (ut.type === U.TextOrganic) {
+              At = (0.7 + (Math.sin(rt * 5e-3) + 1) / 2 * 0.3) * V;
+            } else if (pt.type === U.TextDissolve)
+              Math.sin(B * 1.5 + rt * 2e-3 * (ct.speed || 1)) > 0.5 && (At = 0);
+            else if (pt.type === U.TextOrganic) {
               const V = ct.speed || 1, it = ct.amplitude || 10;
-              K += Math.sin(rt * 2e-3 * V + B) * it * Ct, j += Math.cos(rt * 15e-4 * V + B * 0.7) * it * Ct;
-            } else if (ut.type === U.TextBreathe) {
+              et += Math.sin(rt * 2e-3 * V + B) * it * Ct, Q += Math.cos(rt * 15e-4 * V + B * 0.7) * it * Ct;
+            } else if (pt.type === U.TextBreathe) {
               const it = 1 + (Math.sin(rt * 3e-3 + B * 0.2) + 1) / 2 * 0.2 * Ct;
-              kt *= it, At *= it;
-            } else if (ut.type === U.TextSpin) {
+              Pt *= it, xt *= it;
+            } else if (pt.type === U.TextSpin) {
               const V = ct.speed || 1;
-              Tt += rt * 0.01 * V + B;
-            } else if (ut.type === U.TextMagnet) {
+              kt += rt * 0.01 * V + B;
+            } else if (pt.type === U.TextMagnet) {
               const V = this.pointerHistory[this.pointerHistory.length - 1];
               if (V) {
-                const it = V.x - (s.x + jt), nt = V.y - (s.y + Rt);
-                Tt = Math.atan2(nt, it);
+                const it = V.x - (s.x + jt), nt = V.y - (s.y + Lt);
+                kt = Math.atan2(nt, it);
               }
-            } else if (ut.type === U.TextPerspective) {
+            } else if (pt.type === U.TextPerspective) {
               const V = st.length / 2, it = (B - V) / V, nt = 1 - Math.abs(it) * 0.3 * Ct;
-              kt *= nt, At *= nt, K += it * 20 * Ct;
-            } else if (ut.type === U.TextMirror)
-              xt *= 0.8;
-            else if (ut.type === U.TextFloral) {
+              Pt *= nt, xt *= nt, et += it * 20 * Ct;
+            } else if (pt.type === U.TextMirror)
+              At *= 0.8;
+            else if (pt.type === U.TextFloral) {
               const V = ct.speed || 1, it = ct.stagger || 0.1, nt = (rt * 1e-3 * V + B * it) % 2;
-              nt < 1 && (kt *= nt, At *= nt, Tt += nt * Math.PI);
-            } else if (ut.type === U.TextSmoke) {
+              nt < 1 && (Pt *= nt, xt *= nt, kt += nt * Math.PI);
+            } else if (pt.type === U.TextSmoke) {
               const V = ct.speed || 1, it = ct.height || 50, nt = (rt * 5e-4 * V + B * 0.2) % 1;
-              j -= nt * it * Ct, K += Math.sin(rt * 2e-3 + B) * 5 * Ct, xt = 1 - nt;
-            } else if (ut.type === U.TextVariable) {
+              Q -= nt * it * Ct, et += Math.sin(rt * 2e-3 + B) * 5 * Ct, At = 1 - nt;
+            } else if (pt.type === U.TextVariable) {
               const V = ct.speed || 1, it = ct.intensity || 1.5, nt = (Math.sin(rt * 4e-3 * V + B * 0.3) + 1) / 2;
-              kt *= 1 + nt * (it - 1) * Ct;
-            } else if (ut.type === U.TextZing) {
+              Pt *= 1 + nt * (it - 1) * Ct;
+            } else if (pt.type === U.TextZing) {
               const V = ct.speed || 2, it = ct.distance || 100, nt = (rt * 2e-3 * V + B * 0.05) % 1;
-              K += (1 - nt) * it * Ct, xt = nt;
-            } else if (ut.type === U.TextElastic) {
+              et += (1 - nt) * it * Ct, At = nt;
+            } else if (pt.type === U.TextElastic) {
               const V = ct.stiffness || 0.2, it = ct.damping || 0.1, nt = Math.sin(rt * 0.01) * Math.exp(-rt * 1e-3 * it);
-              At *= 1 + nt * V * Ct;
-            } else if (ut.type === U.TextGlitch3D) {
+              xt *= 1 + nt * V * Ct;
+            } else if (pt.type === U.TextGlitch3D) {
               const V = ct.intensity || 5;
-              Math.random() < 0.2 && (K += (Math.random() - 0.5) * V, j += (Math.random() - 0.5) * V, xt = 0.8);
-            } else if (ut.type === U.GlitchText) {
+              Math.random() < 0.2 && (et += (Math.random() - 0.5) * V, Q += (Math.random() - 0.5) * V, At = 0.8);
+            } else if (pt.type === U.GlitchText) {
               const V = ct.intensity || 5;
-              Math.random() < 0.1 && (K += (Math.random() - 0.5) * V, j += (Math.random() - 0.5) * V, Math.random() < 0.05 && (xt = 0.5));
+              Math.random() < 0.1 && (et += (Math.random() - 0.5) * V, Q += (Math.random() - 0.5) * V, Math.random() < 0.05 && (At = 0.5));
             }
           });
           let $ = null, Wt = o.textDecoration || "none", Kt = m;
           if (o.enableSegments === !0 && ((ye = o.segments) == null ? void 0 : ye.length) > 0) {
-            let ut = 0, ct = null;
+            let pt = 0, ct = null;
             for (const Ct of o.segments) {
-              if (B < ut + (Ct.text || "").length) {
+              if (B < pt + (Ct.text || "").length) {
                 ct = Ct;
                 break;
               }
-              ut += (Ct.text || "").length;
+              pt += (Ct.text || "").length;
             }
             if (ct) {
               let Ct = ct.fontFamily || o.fontFamily || "Inter";
@@ -3789,110 +3787,110 @@ class ci {
                 nt.test(Ct) && (Ct = Ct.replace(nt, "").trim());
               });
               const rt = this.mapFontWeight((ct.fontWeight || o.fontWeight || "400").toString()), V = ct.fontStyle || v;
-              Kt = ct.fontSize || m, t.font = `${V} ${rt} ${Kt}px "${Ct}", sans-serif`, ct.fill && ($ = ct.fill), ct.textDecoration && (Wt = ct.textDecoration), Kt < Q && (j += (Q - Kt) * 0.85);
+              Kt = ct.fontSize || m, t.font = `${V} ${rt} ${Kt}px "${Ct}", sans-serif`, ct.fill && ($ = ct.fill), ct.textDecoration && (Wt = ct.textDecoration), Kt < J && (Q += (J - Kt) * 0.85);
             }
           } else
             t.font = M;
           const te = t.globalAlpha;
-          t.globalAlpha *= xt, t.save();
+          t.globalAlpha *= At, t.save();
           const Jt = t.measureText(Mt).width;
           if (O && D > 0) {
-            const ut = jt - Se + Jt / 2, Ct = (ie + ut) / D, rt = this.getPointOnPath(O.geo, O.w, O.h, Math.abs(Ct % 1)), V = rt.angle, it = Rt + j + (o.pathOffsetY || 0), nt = o.pathSide === "right" ? -1 : 1, St = Math.cos(V + Math.PI / 2) * it * nt, Xt = Math.sin(V + Math.PI / 2) * it * nt;
-            t.translate(rt.x + St + K, rt.y + Xt), t.rotate(V + Tt + (nt === -1 ? Math.PI : 0));
+            const pt = jt - Se + Jt / 2, Ct = (se + pt) / D, rt = this.getPointOnPath(O.geo, O.w, O.h, Math.abs(Ct % 1)), V = rt.angle, it = Lt + Q + (o.pathOffsetY || 0), nt = o.pathSide === "right" ? -1 : 1, St = Math.cos(V + Math.PI / 2) * it * nt, Xt = Math.sin(V + Math.PI / 2) * it * nt;
+            t.translate(rt.x + St + et, rt.y + Xt), t.rotate(V + kt + (nt === -1 ? Math.PI : 0));
           } else
-            t.translate(jt + K + Jt / 2, Rt + j), Tt !== 0 && t.rotate(Tt);
-          if (t.scale(kt, At), $ && !r && !h) {
-            const ut = this.createCanvasFill(t, $, X, et);
-            t.fillStyle = ut || $.color || "#000000";
+            t.translate(jt + et + Jt / 2, Lt + Q), kt !== 0 && t.rotate(kt);
+          if (t.scale(Pt, xt), $ && !r && !h) {
+            const pt = this.createCanvasFill(t, $, X, tt);
+            t.fillStyle = pt || $.color || "#000000";
           } else if (!r && !h) {
-            const ut = this.createCanvasFill(t, e.fill, X, et);
-            t.fillStyle = ut || e.fill.color || "#000000";
+            const pt = this.createCanvasFill(t, e.fill, X, tt);
+            t.fillStyle = pt || e.fill.color || "#000000";
           }
-          if (xt > 0)
+          if (At > 0)
             if (r || h) {
-              const ut = h ? "#000000" : this.createCanvasFill(t, e.fill, X, et);
-              t.fillStyle = ut || e.fill.color || "#ffffff", t.fillText(Mt, -Jt / 2, 0);
-            } else Pt ? t.strokeText(Mt, -Jt / 2, 0) : t.fillText(Mt, -Jt / 2, 0);
+              const pt = h ? "#000000" : this.createCanvasFill(t, e.fill, X, tt);
+              t.fillStyle = pt || 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;
         }
       }
     };
     if (r) {
-      let st = 0, gt = R;
-      (N || []).forEach((Rt) => {
-        const Pt = Rt.text || "", dt = c.indexOf(Pt, st);
+      let st = 0, mt = L;
+      (N || []).forEach((Lt) => {
+        const _t = Lt.text || "", dt = c.indexOf(_t, st);
         dt !== -1 && (st = dt);
         let Ft = -X / 2;
-        k === "center" ? Ft = 0 : k === "right" && (Ft = X / 2), ot(Pt, Ft, gt, !1, st), st += Pt.length, gt += A;
+        k === "center" ? Ft = 0 : k === "right" && (Ft = X / 2), ot(_t, Ft, mt, !1, st), st += _t.length, mt += A;
       });
     } else if (h) {
-      let st = 0, gt = R;
-      (N || []).forEach((Rt) => {
-        const Pt = Rt.text || "";
+      let st = 0, mt = L;
+      (N || []).forEach((Lt) => {
+        const _t = Lt.text || "";
         let dt = -X / 2;
-        k === "center" ? dt = 0 : k === "right" && (dt = X / 2), ot(Pt, dt, gt, !1, st), st += Pt.length, st < c.length && (c[st] === `
+        k === "center" ? dt = 0 : k === "right" && (dt = X / 2), ot(_t, dt, mt, !1, st), st += _t.length, st < c.length && (c[st] === `
 ` || c[st] === "\r") && (st++, c[st - 1] === "\r" && c[st] === `
-` && st++), gt += A;
+` && st++), mt += A;
       });
     } else {
       if (e.fill) {
-        const gt = t.globalAlpha, Rt = this.createCanvasFill(t, e.fill, X, et);
-        t.fillStyle = Rt || e.fill.color || "#000000", t.globalAlpha = gt * this.normalizeOpacity(e.fill.opacity ?? 100);
-        const Pt = G.fullText || (o.enableSegments ? (o.segments || []).map((Dt) => {
+        const mt = t.globalAlpha, Lt = this.createCanvasFill(t, e.fill, X, tt);
+        t.fillStyle = Lt || e.fill.color || "#000000", t.globalAlpha = mt * this.normalizeOpacity(e.fill.opacity ?? 100);
+        const _t = G.fullText || (o.enableSegments ? (o.segments || []).map((Dt) => {
           let $t = Dt.text || "";
           const Ot = Dt.textCase || o.textCase || "none";
           return Ot === "uppercase" ? $t.toUpperCase() : Ot === "lowercase" ? $t.toLowerCase() : Ot === "capitalize" ? $t.replace(/\b\w/g, (Vt) => Vt.toUpperCase()) : $t;
         }).join("") : c);
-        let dt = 0, Ft = R;
+        let dt = 0, Ft = L;
         (N || []).forEach((Dt) => {
           const $t = Dt.text || "";
           let Ot = -X / 2;
-          k === "center" ? Ot = 0 : k === "right" && (Ot = X / 2), ot($t, Ot, Ft, !1, dt), dt += $t.length, Ft += A, dt < Pt.length && (Pt[dt] === `
-` || Pt[dt] === "\r") && (_ > 0 && (Ft += _), dt++, Pt[dt - 1] === "\r" && Pt[dt] === `
+          k === "center" ? Ot = 0 : k === "right" && (Ot = X / 2), ot($t, Ot, Ft, !1, dt), dt += $t.length, Ft += A, dt < _t.length && (_t[dt] === `
+` || _t[dt] === "\r") && (_ > 0 && (Ft += _), dt++, _t[dt - 1] === "\r" && _t[dt] === `
 ` && dt++);
-        }), t.globalAlpha = gt;
+        }), t.globalAlpha = mt;
       }
       const st = o.paragraphRule;
-      if (st && (((se = st.top) == null ? void 0 : se.width) > 0 || ((fe = st.bottom) == null ? void 0 : fe.width) > 0)) {
-        let gt = 0;
-        (N || []).forEach((Rt, Pt) => {
+      if (st && (((ie = st.top) == null ? void 0 : ie.width) > 0 || ((fe = st.bottom) == null ? void 0 : fe.width) > 0)) {
+        let mt = 0;
+        (N || []).forEach((Lt, _t) => {
           var Dt, $t;
-          const Ft = gt === 0 || gt < c.length && (c[gt] === `
-` || c[gt] === "\r");
-          if (Ft && Pt > 0 && gt++, Ft) {
+          const Ft = mt === 0 || mt < c.length && (c[mt] === `
+` || c[mt] === "\r");
+          if (Ft && _t > 0 && mt++, Ft) {
             if (((Dt = st.top) == null ? void 0 : Dt.width) > 0) {
-              const Ot = R + Pt * A - st.top.offset;
+              const Ot = L + _t * A - st.top.offset;
               t.strokeStyle = st.top.color || "#000000", t.lineWidth = st.top.width, t.beginPath();
               const Vt = -n / 2 + A * 0.2;
               t.moveTo(Vt, Ot), t.lineTo(n / 2 - A * 0.2, Ot), t.stroke();
             }
             if ((($t = st.bottom) == null ? void 0 : $t.width) > 0) {
-              const Ot = R + (Pt + 1) * A - st.bottom.offset;
+              const Ot = L + (_t + 1) * A - st.bottom.offset;
               t.strokeStyle = st.bottom.color || "#000000", t.lineWidth = st.bottom.width, t.beginPath();
               const Vt = -n / 2 + A * 0.2;
               t.moveTo(Vt, Ot), t.lineTo(n / 2 - A * 0.2, Ot), t.stroke();
             }
           }
-          gt += (Rt.text || "").length;
+          mt += (Lt.text || "").length;
         });
       }
       if (e.stroke && e.stroke.width > 0) {
-        const gt = t.globalAlpha;
+        const mt = t.globalAlpha;
         e.fill && e.fill.type !== "None" && e.fill.isEnabled !== !1 && e.fill.opacity !== 0 && e.fill.color !== "transparent" && e.fill.color !== "rgba(0,0,0,0)" && (t.shadowColor = "transparent", t.shadowBlur = 0, t.shadowOffsetX = 0, t.shadowOffsetY = 0), t.strokeStyle = e.stroke.color;
-        let Pt = 1;
+        let _t = 1;
         if (this.rootTransform) {
           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;
-          Pt = $t / Vt;
+          _t = $t / Vt;
         } else
-          Pt = (Math.abs(f) + Math.abs(l)) / 2 || 1;
-        t.lineWidth = (e.stroke.width || 1) / (Pt || 1), t.globalAlpha = gt * this.normalizeOpacity(e.stroke.opacity ?? 100);
-        let dt = 0, Ft = R;
+          _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 = L;
         (N || []).forEach((Dt) => {
           let $t = -X / 2;
           k === "center" ? $t = 0 : k === "right" && ($t = X / 2), ot(Dt.text, $t, Ft, !0, dt), dt += (Dt.text || "").length, Ft += A, dt < c.length && (c[dt] === `
 ` || c[dt] === "\r") && (_ > 0 && (Ft += _), dt++, c[dt - 1] === "\r" && c[dt] === `
 ` && dt++);
-        }), t.globalAlpha = gt;
+        }), t.globalAlpha = mt;
       }
     }
   }
@@ -3929,7 +3927,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, 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();
+    (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();
   }
   getPerimeter(t, i, o) {
     switch (this.ensurePathPoints(t), t == null ? void 0 : t.type) {
@@ -4011,8 +4009,8 @@ class ci {
     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) / f;
+        const T = t - l, R = k === 0 ? 0 : T / k;
+        return (d - 1 + R) / f;
       }
       l += k, p = C, c = w;
     }
@@ -4176,8 +4174,8 @@ class ci {
         for (let I = 0; I < S; I++) {
           const k = Math.sin(I * 127.1 + m * 311.7 * l) * 43758.5, T = k - Math.floor(k);
           if (T > 1 - y) {
-            const L = (T - (1 - y)) / y * C * (Math.random() > 0.5 ? 1 : -1), P = -s / 2 + I * M, _ = t.getTransform(), E = _.e - e / 2 + L, A = _.f + P;
-            t.save(), t.beginPath(), t.rect(-e / 2, P, e, M), t.clip(), t.globalAlpha = 0.8, t.drawImage(t.canvas, E, A, e, M, -e / 2 + L, P, e, M), t.restore();
+            const R = (T - (1 - y)) / y * C * (Math.random() > 0.5 ? 1 : -1), P = -s / 2 + I * M, _ = t.getTransform(), E = _.e - e / 2 + R, A = _.f + P;
+            t.save(), t.beginPath(), t.rect(-e / 2, P, e, M), t.clip(), t.globalAlpha = 0.8, t.drawImage(t.canvas, E, A, e, M, -e / 2 + R, P, e, M), t.restore();
           }
         }
       }
@@ -4259,7 +4257,7 @@ class ci {
       const d = t.createPattern(this._noiseTileCanvas, "repeat");
       d && (t.fillStyle = d, t.fillRect(-o / 2, -e / 2, o, e));
     }
-    t.restore();
+    t.restore(), t.save(), t.globalAlpha = 1, t.strokeStyle = "rgba(255, 255, 255, 0.25)", t.lineWidth = 1.5, this.applyPath(t, i, o, e, s), t.stroke(), t.restore();
   }
   applyPath(t, i, o, e, s) {
     i != null && i.data && (i.type === "Path" || i.type === "Subtract" || i.type === "Union" || i.type === "Intersect" || i.type === "Exclude" || i.type), t.beginPath(), this._tracePath(t, i, o, e, s);
@@ -4349,13 +4347,13 @@ 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, 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];
+    var L, O;
+    const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.options) || i.options || {}, s = ((L = i.geometry) == null ? void 0 : L.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 = `${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 R = this.createCanvasFill(t, y, s, n);
+    if (R && (t.fillStyle = R, t.fill()), C > 0) {
       const D = this.createCanvasFill(t, S, s, n);
       if (D && (t.strokeStyle = D, t.lineWidth = C, t.stroke()), f === "focused" || f === "focus") {
         t.save(), t.beginPath();
@@ -4365,8 +4363,8 @@ class ci {
     }
     const P = (D, q) => {
       if (!D.visible || !D.svgPath) return;
-      const ot = D.size || 14, yt = D.offset ?? 16, bt = D.color || "#ffffff", pt = q ? -(s / 2) + yt : s / 2 - yt, Et = D.svgPath;
-      if (t.save(), t.translate(pt, 0), !Et.startsWith("<svg")) {
+      const ot = D.size || 14, yt = D.offset ?? 16, bt = D.color || "#ffffff", gt = q ? -(s / 2) + yt : s / 2 - yt, Et = D.svgPath;
+      if (t.save(), t.translate(gt, 0), !Et.startsWith("<svg")) {
         const It = new Path2D(Et), vt = ot / 24;
         t.scale(vt, vt), t.translate(-12, -12), t.fillStyle = bt, t.fill(It);
       }
@@ -4375,49 +4373,49 @@ class ci {
     P(c, !0), P(d, !1);
     const _ = e.text || "", E = e.placeholder || "Enter text...", A = !_, W = _ || E, z = A ? M : w, Y = I, G = e.fontFamily || "Inter", N = e.fontWeight || 400;
     t.font = `${N} ${Y}px "${G}", sans-serif`, t.fillStyle = z, t.textAlign = "left", t.textBaseline = u ? "top" : "middle";
-    const Q = e.inputPadding ?? 16, x = c.visible ? (c.offset ?? 16) + (c.size || 14) / 2 + 8 : Q, F = d.visible ? (d.offset ?? 16) + (d.size || 14) / 2 + 8 : Q, tt = -(s / 2) + x, X = s - x - F, et = e.inputType === "password" ? "•".repeat(W.length) : W;
-    if (t.save(), t.beginPath(), t.rect(tt - 2, -n / 2 + 4, X + 4, n - 8), t.clip(), u) {
-      const D = et.split(`
+    const J = e.inputPadding ?? 16, x = c.visible ? (c.offset ?? 16) + (c.size || 14) / 2 + 8 : J, F = d.visible ? (d.offset ?? 16) + (d.size || 14) / 2 + 8 : J, j = -(s / 2) + x, X = s - x - F, tt = e.inputType === "password" ? "•".repeat(W.length) : W;
+    if (t.save(), t.beginPath(), t.rect(j - 2, -n / 2 + 4, X + 4, n - 8), t.clip(), u) {
+      const D = tt.split(`
 `);
-      let q = -n / 2 + Q;
+      let q = -n / 2 + J;
       const ot = Y * 1.2;
       let yt = 0;
-      D.forEach((bt, pt) => {
+      D.forEach((bt, gt) => {
         const Et = bt.split(" ");
         let It = "";
         for (let vt = 0; vt < Et.length; vt++) {
           const Yt = It + Et[vt] + " ";
-          t.measureText(Yt).width > X && vt > 0 ? (t.fillText(It, tt, q), It = Et[vt] + " ", q += ot) : It = Yt;
+          t.measureText(Yt).width > X && vt > 0 ? (t.fillText(It, j, q), It = Et[vt] + " ", q += ot) : It = Yt;
         }
-        t.fillText(It, tt, q), yt = t.measureText(It).width, pt < D.length - 1 && (q += ot, yt = 0);
-      }), a && !A && Math.floor(performance.now() / 500) % 2 === 0 && t.fillRect(tt + yt, q, 1.5, Y);
+        t.fillText(It, j, q), yt = t.measureText(It).width, gt < D.length - 1 && (q += ot, yt = 0);
+      }), a && !A && Math.floor(performance.now() / 500) % 2 === 0 && t.fillRect(j + yt, q, 1.5, Y);
     } else {
-      const q = t.measureText(et).width;
+      const q = t.measureText(tt).width;
       let ot = 0;
-      if (q > X && (ot = q - X), t.fillText(et, tt - ot, 0), a && !A && Math.floor(performance.now() / 500) % 2 === 0) {
-        const bt = tt + q - ot;
+      if (q > X && (ot = q - X), t.fillText(tt, j - ot, 0), a && !A && Math.floor(performance.now() / 500) % 2 === 0) {
+        const bt = j + q - ot;
         t.fillRect(bt, -(Y / 2), 1.5, Y);
       }
     }
     if (t.restore(), l.visible !== !1) {
       const D = l.text || "Label", q = l.fontSize || 12, ot = l.color || "rgba(156, 163, 175, 1)", yt = l.offset ?? 8;
       t.font = `600 ${q}px "${G}", sans-serif`, t.fillStyle = ot, t.textAlign = "left", t.textBaseline = "bottom";
-      const bt = -(s / 2), pt = -(n / 2) - yt;
-      t.fillText(D, bt, pt);
+      const bt = -(s / 2), gt = -(n / 2) - yt;
+      t.fillText(D, bt, gt);
     }
     if (p.visible === !0) {
       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), pt = n / 2 + yt;
-      t.fillText(D, bt, pt);
+      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, 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, et, 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", R = s.tooltipColor || "#ffffff", P = s.tooltipOffsetX ?? 0, _ = s.tooltipOffsetY ?? -25, E = (X, tt, L, O, D, q, ot) => {
       if ((X === "Custom" || X === "Icon") && ot)
         try {
           const yt = new Path2D(ot);
-          if (t.save(), t.translate(et, R), X === "Icon") {
+          if (t.save(), t.translate(tt, L), X === "Icon") {
             const bt = Math.min(O, D) / 24;
             t.scale(bt, bt), t.translate(-12, -12);
           }
@@ -4427,28 +4425,28 @@ class ci {
           console.error("Error drawing slider shape in engine:", yt);
         }
       if (t.beginPath(), X === "Ellipse")
-        t.ellipse(et, R, O / 2, D / 2, 0, 0, Math.PI * 2);
+        t.ellipse(tt, L, O / 2, D / 2, 0, 0, Math.PI * 2);
       else if (X === "Rectangle")
-        this.drawRoundRect(t, et - O / 2, R - D / 2, O, D, q);
+        this.drawRoundRect(t, tt - O / 2, L - D / 2, O, D, q);
       else if (X === "Triangle")
-        t.moveTo(et, R - D / 2), t.lineTo(et + O / 2, R + D / 2), t.lineTo(et - O / 2, R + D / 2), t.closePath();
+        t.moveTo(tt, L - D / 2), t.lineTo(tt + O / 2, L + D / 2), t.lineTo(tt - O / 2, L + D / 2), t.closePath();
       else if (X === "Diamond")
-        t.moveTo(et, R - D / 2), t.lineTo(et + O / 2, R), t.lineTo(et, R + D / 2), t.lineTo(et - O / 2, R), t.closePath();
+        t.moveTo(tt, L - D / 2), t.lineTo(tt + O / 2, L), t.lineTo(tt, L + D / 2), t.lineTo(tt - O / 2, L), t.closePath();
       else if (X === "Polygon") {
         const yt = i.geometry.sides || 3, bt = i.geometry.radius || Math.min(O, D) / 2;
-        for (let pt = 0; pt < yt; pt++) {
-          const Et = pt * 2 * Math.PI / yt - Math.PI / 2, It = et + bt * Math.cos(Et), vt = R + bt * Math.sin(Et);
-          pt === 0 ? t.moveTo(It, vt) : t.lineTo(It, vt);
+        for (let gt = 0; gt < yt; gt++) {
+          const Et = gt * 2 * Math.PI / yt - Math.PI / 2, It = tt + bt * Math.cos(Et), vt = L + bt * Math.sin(Et);
+          gt === 0 ? t.moveTo(It, vt) : t.lineTo(It, vt);
         }
         t.closePath();
       } else if (X === "Star") {
-        const bt = Math.min(O, D) / 2, pt = bt / 2;
+        const bt = Math.min(O, D) / 2, gt = bt / 2;
         for (let Et = 0; Et < 10; Et++) {
-          const It = Et % 2 === 0 ? bt : pt, vt = Et * Math.PI / 5 - Math.PI / 2;
-          t.lineTo(et + It * Math.cos(vt), R + It * Math.sin(vt));
+          const It = Et % 2 === 0 ? bt : gt, vt = Et * Math.PI / 5 - Math.PI / 2;
+          t.lineTo(tt + It * Math.cos(vt), L + It * Math.sin(vt));
         }
         t.closePath();
-      } else X === "Line" && (t.moveTo(et - O / 2, R), t.lineTo(et + O / 2, R));
+      } else X === "Line" && (t.moveTo(tt - O / 2, L), t.lineTo(tt + O / 2, L));
       t.fill();
     }, A = this.createCanvasFill(t, b, n, p);
     A && (t.fillStyle = A, t.strokeStyle = A), d === "Line" ? (t.lineWidth = p, t.beginPath(), t.moveTo(-n / 2, 0), t.lineTo(n / 2, 0), t.stroke()) : E(d, 0, 0, n, p, c, u);
@@ -4460,24 +4458,24 @@ class ci {
     t.save(), t.translate(z, 0);
     const G = t.getTransform(), N = Math.sqrt(G.a * G.a + G.b * G.b) || 1;
     t.shadowColor = "rgba(0,0,0,0.2)", t.shadowBlur = 4 * N, t.shadowOffsetY = 1 * N;
-    const Q = this.createCanvasFill(t, w, y, S);
-    if (Q && (t.fillStyle = Q), E(m, 0, 0, y, S, C, m === "Icon" ? I : M), t.restore(), k) {
+    const J = this.createCanvasFill(t, w, y, S);
+    if (J && (t.fillStyle = J), E(m, 0, 0, y, S, C, m === "Icon" ? I : M), t.restore(), k) {
       t.save(), t.translate(z + P, _);
       const X = Math.round(a).toString();
       t.font = "10px Inter, sans-serif";
-      const et = t.measureText(X), R = 6, O = 4, D = et.width + R * 2, q = 14 + O;
-      t.beginPath(), this.drawRoundRect(t, -D / 2, -q / 2, D, q, 4), t.fillStyle = T, t.fill(), t.fillStyle = L, t.textAlign = "center", t.textBaseline = "middle", t.fillText(X, 0, 0), t.restore();
+      const tt = t.measureText(X), L = 6, O = 4, D = tt.width + L * 2, q = 14 + O;
+      t.beginPath(), this.drawRoundRect(t, -D / 2, -q / 2, D, q, 4), t.fillStyle = T, t.fill(), t.fillStyle = R, t.textAlign = "center", t.textBaseline = "middle", t.fillText(X, 0, 0), t.restore();
     }
-    const x = s.label || {}, F = s.helperText || {}, tt = s.fontFamily || "Inter";
+    const x = s.label || {}, F = s.helperText || {}, j = s.fontFamily || "Inter";
     if (x.visible !== !1) {
-      const X = x.text || "Label", et = x.fontSize || 12, R = x.color || "rgba(156, 163, 175, 1)", O = x.offset ?? 8;
-      t.font = `600 ${et}px "${tt}", sans-serif`, t.fillStyle = R, t.textAlign = "left", t.textBaseline = "bottom";
+      const X = x.text || "Label", tt = x.fontSize || 12, L = x.color || "rgba(156, 163, 175, 1)", O = x.offset ?? 8;
+      t.font = `600 ${tt}px "${j}", sans-serif`, t.fillStyle = L, t.textAlign = "left", t.textBaseline = "bottom";
       const D = -(n / 2), q = -(p / 2) - O;
       t.fillText(X, D, q);
     }
     if (F.visible === !0) {
-      const X = F.text || "Helper text", et = F.fontSize || 11, R = F.color || "rgba(156, 163, 175, 1)", O = F.offset ?? 6;
-      t.font = `400 ${et}px "${tt}", sans-serif`, t.fillStyle = R, t.textAlign = "left", t.textBaseline = "top";
+      const X = F.text || "Helper text", tt = F.fontSize || 11, L = F.color || "rgba(156, 163, 175, 1)", O = F.offset ?? 6;
+      t.font = `400 ${tt}px "${j}", sans-serif`, t.fillStyle = L, t.textAlign = "left", t.textBaseline = "top";
       const D = -(n / 2), q = p / 2 + O;
       t.fillText(X, D, q);
     }
@@ -4515,24 +4513,24 @@ class ci {
     t.font = `${I} ${M}px ${k}`;
     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;
+    const R = y === "none" ? 0 : S + 8, P = s - m * 2 - R;
     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 || {}, Q = t.getTransform(), x = Math.sqrt(Q.a * Q.a + Q.b * Q.b) || 1;
+      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();
       const F = e.listBorderWidth ?? 1;
       F > 0 && (t.shadowColor = "transparent", t.strokeStyle = this.createCanvasFill(t, typeof e.listBorderColor == "string" ? { type: "Solid", color: e.listBorderColor } : e.listBorderColor || { type: "Solid", color: d }, s, Y) || "#e5e7eb", t.lineWidth = F, t.stroke()), t.restore();
-      const tt = e.itemFontSize || M, X = e.itemFontFamily || k;
-      t.font = `${I} ${tt}px ${X}`, A.forEach((et, R) => {
-        const O = E + z + R * W;
-        if (et === e.selectedOption)
+      const j = e.itemFontSize || M, X = e.itemFontFamily || k;
+      t.font = `${I} ${j}px ${X}`, A.forEach((tt, L) => {
+        const O = E + z + L * W;
+        if (tt === e.selectedOption)
           t.fillStyle = this.createCanvasFill(t, typeof e.itemSelectedBackgroundColor == "string" ? { type: "Solid", color: e.itemSelectedBackgroundColor } : e.itemSelectedBackgroundColor || { type: "Solid", color: "#f3f4f6" }, s, W) || "#f3f4f6", t.fillRect(a + F, O, s - F * 2, W), t.fillStyle = e.itemSelectedColor || e.accentColor || u || "#374151";
         else if (t.fillStyle = e.listTextColor || u || "#333333", this.activeDropdownId === i.id && this._lastPointerPos) {
           const q = this._lastPointerPos.y - (E + z), ot = Math.floor(q / W);
-          R === ot && (t.fillStyle = this.createCanvasFill(t, typeof e.itemHoverBackgroundColor == "string" ? { type: "Solid", color: e.itemHoverBackgroundColor } : e.itemHoverBackgroundColor || { type: "Solid", color: "#f9fafb" }, s, W) || "#f9fafb", t.fillRect(a + F, O, s - F * 2, W), t.fillStyle = e.itemHoverColor || u);
+          L === ot && (t.fillStyle = this.createCanvasFill(t, typeof e.itemHoverBackgroundColor == "string" ? { type: "Solid", color: e.itemHoverBackgroundColor } : e.itemHoverBackgroundColor || { type: "Solid", color: "#f9fafb" }, s, W) || "#f9fafb", t.fillRect(a + F, O, s - F * 2, W), t.fillStyle = e.itemHoverColor || u);
         }
-        t.fillText(et, a + m, O + W / 2);
+        t.fillText(tt, a + m, O + W / 2);
       });
     }
     t.globalAlpha = v;
@@ -4548,14 +4546,14 @@ class ci {
     M && (t.fillStyle = M, t.fill()), (y > 0 || r && l.borderColor) && (t.strokeStyle = m, t.lineWidth = y || (r ? 1 : 0), t.stroke());
     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;
+    let R = 0;
     if (c.enabled && c.svgPath) {
       const P = I * 1.1, _ = c.gap || 8, E = t.measureText(v), W = -(E.width + P + _) / 2, z = c.position === "left" ? W + P / 2 : W + E.width + _ + P / 2;
-      L = c.position === "left" ? W + P + _ + E.width / 2 : W + E.width / 2, t.save(), t.translate(z, 0);
+      R = c.position === "left" ? W + P + _ + E.width / 2 : W + E.width / 2, t.save(), t.translate(z, 0);
       const Y = new Path2D(c.svgPath), G = P / 24;
       t.scale(G, G), t.translate(-12, -12), t.fillStyle = u, t.fill(Y), t.restore();
     }
-    t.fillText(v, L, 0), t.restore();
+    t.fillText(v, R, 0), t.restore();
   }
   renderToggleButton(t, i) {
     var v, b;
@@ -4565,7 +4563,7 @@ class ci {
     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, Q, x, F, tt, X, et, R, O, D, q;
+    var G, N, J, x, F, j, X, tt, L, 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, 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);
@@ -4574,24 +4572,24 @@ class ci {
       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 = h ? k : I, L = r + C;
-    t.beginPath(), t.arc(T + M, L + M, M, 0, Math.PI * 2);
+    const C = 2, w = n - C * 2, M = w / 2, I = a + C, k = a + s - C - w, T = h ? k : I, R = r + C;
+    t.beginPath(), t.arc(T + M, R + 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 = (h ? (Q = l.leftLabel) == null ? void 0 : Q.text : null) || ((x = e.leftLabel) == null ? void 0 : x.text) || "", W = (h ? (F = l.leftLabel) == null ? void 0 : F.color : null) || ((tt = e.leftLabel) == null ? void 0 : tt.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 = (h ? (et = l.rightLabel) == null ? void 0 : et.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";
+    const z = (h ? (tt = l.rightLabel) == null ? void 0 : tt.text : null) || ((L = e.rightLabel) == null ? void 0 : L.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;
     }
     if (!_ && !E && e.label && e.label.text) {
-      const ot = e.label, yt = ot.fontSize || 14, bt = ot.fontWeight || 400, pt = ot.fontFamily || "Inter";
-      t.font = `${bt} ${yt}px "${pt}", sans-serif`, t.fillStyle = ot.color || "#f3f4f6", t.textBaseline = "middle";
+      const ot = e.label, yt = ot.fontSize || 14, bt = ot.fontWeight || 400, gt = ot.fontFamily || "Inter";
+      t.font = `${bt} ${yt}px "${gt}", sans-serif`, t.fillStyle = ot.color || "#f3f4f6", t.textBaseline = "middle";
       const Et = ot.gap || 10;
       let It = 0, vt = 0;
       ot.position === "left" ? (t.textAlign = "right", It = a - Et, vt = 0) : ot.position === "right" ? (t.textAlign = "left", It = a + s + Et, vt = 0) : ot.position === "top" ? (t.textAlign = "center", It = 0, vt = r - Et, t.textBaseline = "bottom") : ot.position === "bottom" ? (t.textAlign = "center", It = 0, vt = r + n + Et, t.textBaseline = "top") : (t.textAlign = "left", It = a + s + Et, vt = 0), t.fillText(ot.text, It, vt);
@@ -4615,8 +4613,8 @@ class ci {
       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";
-      const M = a + s * 0.25, I = r + n * 0.5, k = a + s * 0.45, T = r + n * 0.7, L = a + s * 0.75, P = r + n * 0.25;
-      t.moveTo(M, I), t.lineTo(k, T), t.lineTo(L, P), t.stroke(), t.restore();
+      const M = a + s * 0.25, I = r + n * 0.5, k = a + s * 0.45, T = r + n * 0.7, R = a + s * 0.75, P = r + n * 0.25;
+      t.moveTo(M, I), t.lineTo(k, T), t.lineTo(R, P), t.stroke(), t.restore();
     }
     if (e.disabled && (t.globalAlpha *= 2), e.label && e.label.text) {
       const w = e.label;
@@ -4636,16 +4634,16 @@ class ci {
       f.forEach((I, k) => {
         const T = r + k * M + y;
         t.beginPath(), t.arc(a + y, T, y, 0, Math.PI * 2);
-        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);
+        const R = h === I, P = this.createCanvasFill(t, c, S, S), _ = this.createCanvasFill(t, d, S, S);
+        R ? (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;
       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;
+        const R = this.createCanvasFill(t, c, S, S), P = this.createCanvasFill(t, d, S, S);
+        k ? (t.strokeStyle = R || c, t.lineWidth = 2, t.stroke(), t.beginPath(), t.arc(M + y, 0, y / 2, 0, Math.PI * 2), t.fillStyle = R || 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;
       });
     }
     if (t.restore(), e.disabled && (t.globalAlpha *= 2), e.label && e.label.text) {
@@ -4657,10 +4655,10 @@ class ci {
     }
   }
   renderBarChart(t, i) {
-    var T, L;
+    var T, R;
     const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.options) || i.options || {}, s = {
       width: ((T = i.geometry) == null ? void 0 : T.width) || 300,
-      height: ((L = i.geometry) == null ? void 0 : L.height) || 180,
+      height: ((R = i.geometry) == null ? void 0 : R.height) || 180,
       chartType: e.chartType || "grouped",
       stylePreset: e.stylePreset || "default",
       datasets: e.datasets || [{ id: "ds-1", label: "Revenue", data: [42, 67, 31, 55, 78, 48], color: "#6366f1" }],
@@ -4789,10 +4787,10 @@ class ci {
           s.datasets.forEach((W, z) => {
             const Y = W.data[_] ?? 0;
             if (Y === 0) return;
-            const G = Y / u * M, N = Math.min(s.barWidth * d + s.barGap, P - 8), Q = E - N / 2, x = A;
+            const G = Y / u * M, N = Math.min(s.barWidth * d + s.barGap, P - 8), J = E - N / 2, x = A;
             A += G;
             const F = s._resolveColor(W.color, z);
-            t.beginPath(), t.fillStyle = s._makeGradient(t, F, x, Q, x + G, Q), s._drawRoundedBar(t, x, Q, G, N, z === d - 1 ? s.barCornerRadius : 0, !1), s.barStyle === "outline" || s.barStyle === "dashed" ? (t.fillStyle = "transparent", t.strokeStyle = s.barBorderColor === "auto" ? F : s.barBorderColor, t.lineWidth = s.barBorderWidth, s.barStyle === "dashed" && t.setLineDash([4, 4]), t.stroke(), t.setLineDash([])) : t.fill();
+            t.beginPath(), t.fillStyle = s._makeGradient(t, F, x, J, x + G, J), s._drawRoundedBar(t, x, J, G, N, z === d - 1 ? s.barCornerRadius : 0, !1), s.barStyle === "outline" || s.barStyle === "dashed" ? (t.fillStyle = "transparent", t.strokeStyle = s.barBorderColor === "auto" ? F : s.barBorderColor, t.lineWidth = s.barBorderWidth, s.barStyle === "dashed" && t.setLineDash([4, 4]), t.stroke(), t.setLineDash([])) : t.fill();
           });
         }
       } else {
@@ -4804,10 +4802,10 @@ class ci {
           s.datasets.forEach((W, z) => {
             const Y = W.data[_] ?? 0;
             if (Y === 0) return;
-            const G = Y / u * I, N = Math.min(s.barWidth * d + s.barGap, P - 8), Q = E - N / 2, x = A - G;
+            const G = Y / u * I, N = Math.min(s.barWidth * d + s.barGap, P - 8), J = E - N / 2, x = A - G;
             A -= G;
             const F = s._resolveColor(W.color, z);
-            t.beginPath(), t.fillStyle = s._makeGradient(t, F, Q, x, Q, x + G), s._drawRoundedBar(t, Q, x, N, G, z === d - 1 ? s.barCornerRadius : 0, !0), s.barStyle === "outline" || s.barStyle === "dashed" ? (t.fillStyle = "transparent", t.strokeStyle = s.barBorderColor === "auto" ? F : s.barBorderColor, t.lineWidth = s.barBorderWidth, s.barStyle === "dashed" && t.setLineDash([4, 4]), t.stroke(), t.setLineDash([])) : t.fill();
+            t.beginPath(), t.fillStyle = s._makeGradient(t, F, J, x, J, x + G), s._drawRoundedBar(t, J, x, N, G, z === d - 1 ? s.barCornerRadius : 0, !0), s.barStyle === "outline" || s.barStyle === "dashed" ? (t.fillStyle = "transparent", t.strokeStyle = s.barBorderColor === "auto" ? F : s.barBorderColor, t.lineWidth = s.barBorderWidth, s.barStyle === "dashed" && t.setLineDash([4, 4]), t.stroke(), t.setLineDash([])) : t.fill();
           });
         }
       }
@@ -4818,10 +4816,10 @@ class ci {
         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, Q = Math.abs(N / u * M);
-          if (Q < 1) return;
-          const x = z + G * (s.barWidth + s.barGap), F = N >= 0 ? E : E - Q, tt = s._resolveColor(Y.color, G);
-          t.beginPath(), t.fillStyle = s._makeGradient(t, tt, F, x, F + Q, x), s._drawRoundedBar(t, F, x, Q, s.barWidth, s.barCornerRadius, !1), s.barStyle === "outline" || s.barStyle === "dashed" ? (t.fillStyle = "transparent", t.strokeStyle = s.barBorderColor === "auto" ? tt : s.barBorderColor, t.lineWidth = s.barBorderWidth, s.barStyle === "dashed" && t.setLineDash([4, 4]), t.stroke(), t.setLineDash([])) : t.fill(), s.showValueOnTop && N !== 0 && (t.font = (s.valueFontWeight || "bold") + " " + (s.valueFontSize || 10) + "px Inter, sans-serif", t.textAlign = N >= 0 ? "left" : "right", t.textBaseline = "middle", t.fillStyle = s.valueColor === "auto" ? tt : s.valueColor || "#fff", t.shadowColor = "transparent", t.fillText(N.toString(), N >= 0 ? F + Q + 4 : F - 4, x + s.barWidth / 2), s.enableShadows && (t.shadowColor = s.shadowColor));
+          const N = Y.data[A] ?? 0, J = Math.abs(N / u * M);
+          if (J < 1) return;
+          const x = z + G * (s.barWidth + s.barGap), F = N >= 0 ? E : E - J, j = s._resolveColor(Y.color, G);
+          t.beginPath(), t.fillStyle = s._makeGradient(t, j, F, x, F + J, x), s._drawRoundedBar(t, F, x, J, s.barWidth, s.barCornerRadius, !1), s.barStyle === "outline" || s.barStyle === "dashed" ? (t.fillStyle = "transparent", t.strokeStyle = s.barBorderColor === "auto" ? j : s.barBorderColor, t.lineWidth = s.barBorderWidth, s.barStyle === "dashed" && t.setLineDash([4, 4]), t.stroke(), t.setLineDash([])) : t.fill(), s.showValueOnTop && N !== 0 && (t.font = (s.valueFontWeight || "bold") + " " + (s.valueFontSize || 10) + "px Inter, sans-serif", t.textAlign = N >= 0 ? "left" : "right", t.textBaseline = "middle", t.fillStyle = s.valueColor === "auto" ? j : s.valueColor || "#fff", t.shadowColor = "transparent", t.fillText(N.toString(), N >= 0 ? F + J + 4 : F - 4, x + s.barWidth / 2), s.enableShadows && (t.shadowColor = s.shadowColor));
         });
       }
     } else {
@@ -4831,10 +4829,10 @@ class ci {
         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, Q = Math.abs(N / u * I);
-          if (Q < 1) return;
-          const x = z + G * (s.barWidth + s.barGap), F = N >= 0 ? E - Q : E, tt = s._resolveColor(Y.color, G);
-          t.beginPath(), t.fillStyle = s._makeGradient(t, tt, x, F, x, F + Q), s._drawRoundedBar(t, x, F, s.barWidth, Q, s.barCornerRadius, !0), s.barStyle === "outline" || s.barStyle === "dashed" ? (t.fillStyle = "transparent", t.strokeStyle = s.barBorderColor === "auto" ? tt : s.barBorderColor, t.lineWidth = s.barBorderWidth, s.barStyle === "dashed" && t.setLineDash([4, 4]), t.stroke(), t.setLineDash([])) : t.fill(), s.showValueOnTop && N !== 0 && (t.font = (s.valueFontWeight || "bold") + " " + (s.valueFontSize || 10) + "px Inter, sans-serif", t.textAlign = "center", t.textBaseline = N >= 0 ? "bottom" : "top", t.fillStyle = s.valueColor === "auto" ? tt : s.valueColor || "#fff", t.shadowColor = "transparent", t.fillText(N.toString(), x + s.barWidth / 2, N >= 0 ? F - 4 : F + Q + 4), s.enableShadows && (t.shadowColor = s.shadowColor));
+          const N = Y.data[A] ?? 0, J = Math.abs(N / u * I);
+          if (J < 1) return;
+          const x = z + G * (s.barWidth + s.barGap), F = N >= 0 ? E - J : E, j = s._resolveColor(Y.color, G);
+          t.beginPath(), t.fillStyle = s._makeGradient(t, j, x, F, x, F + J), s._drawRoundedBar(t, x, F, s.barWidth, J, s.barCornerRadius, !0), s.barStyle === "outline" || s.barStyle === "dashed" ? (t.fillStyle = "transparent", t.strokeStyle = s.barBorderColor === "auto" ? j : s.barBorderColor, t.lineWidth = s.barBorderWidth, s.barStyle === "dashed" && t.setLineDash([4, 4]), t.stroke(), t.setLineDash([])) : t.fill(), s.showValueOnTop && N !== 0 && (t.font = (s.valueFontWeight || "bold") + " " + (s.valueFontSize || 10) + "px Inter, sans-serif", t.textAlign = "center", t.textBaseline = N >= 0 ? "bottom" : "top", t.fillStyle = s.valueColor === "auto" ? j : s.valueColor || "#fff", t.shadowColor = "transparent", t.fillText(N.toString(), x + s.barWidth / 2, N >= 0 ? F - 4 : F + J + 4), s.enableShadows && (t.shadowColor = s.shadowColor));
         });
       }
     }
@@ -4885,8 +4883,8 @@ class ci {
       s.slices.forEach((C, w) => {
         const M = C.value || 0;
         if (M === 0) return;
-        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 I = M / m * c, k = -Math.PI / 2 + w * y + S / 2, T = k + y - S, R = s._resolveSliceColor(C, w);
+        if (t.beginPath(), t.moveTo(d, u), t.arc(d, u, I, k, T), t.closePath(), t.fillStyle = R + "cc", t.fill(), t.strokeStyle = R, t.lineWidth = 1.5, t.stroke(), s.showLabels) {
           const P = k + (T - k) / 2, _ = 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 = h.labelColor, t.textAlign = "center", t.textBaseline = "middle", t.fillText(`${A}%`, _, E), t.restore();
         }
@@ -4900,14 +4898,14 @@ class ci {
           C += I / r * Math.PI * 2;
           return;
         }
-        const k = I / r * Math.PI * 2, T = C + S / 2, L = C + k - S / 2;
-        if (L <= T) {
+        const k = I / r * Math.PI * 2, T = C + S / 2, R = C + k - S / 2;
+        if (R <= T) {
           C += k;
           return;
         }
         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);
+        if (t.beginPath(), t.fillStyle = P, y <= 0 ? (t.moveTo(d, u), t.arc(d, u, c, T, R), t.lineTo(d, u)) : (t.moveTo(d + c * Math.cos(T), u + c * Math.sin(T)), t.arc(d, u, c, T, R), t.arc(d, u, y, R, T, !0), t.closePath()), t.fill(), s.showLabels) {
+          const _ = T + (R - 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 = h.labelColor, t.textAlign = "center", t.textBaseline = "middle", t.fillText(`${z}%`, A, W), t.restore();
         }
         C += k;
@@ -4920,13 +4918,13 @@ class ci {
       t.font = `${s.legendFontSize}px Inter, sans-serif`;
       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 = h.legendColor;
+        const k = I % m, T = Math.floor(I / m), R = w + k * y, P = C + T * S, _ = s._resolveSliceColor(M, I), E = 7;
+        t.beginPath(), t.roundRect(R, 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; )
           Y = Y.slice(0, -4) + "…";
-        t.fillText(Y, L + E + 4, P);
+        t.fillText(Y, R + E + 4, P);
       });
     }
     t.restore();
@@ -4949,17 +4947,17 @@ class ci {
     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;
+      for (let R = 0; R < n.length; R++) {
+        const P = M + R * T;
         if (m >= w && m <= w + a && y >= P && y <= P + T)
-          return L;
+          return R;
       }
     } else {
       let T = w;
-      for (let L = 0; L < n.length; L++) {
-        const _ = n[L].length * 8, E = C + 6 + _ + f;
+      for (let R = 0; R < n.length; R++) {
+        const _ = n[R].length * 8, E = C + 6 + _ + f;
         if (m >= T && m <= T + E && y >= M && y <= M + r)
-          return L;
+          return R;
         T += E;
       }
     }
@@ -5187,17 +5185,17 @@ class ci {
         const x = this.drawCustomShape(t, e.containerShape || "rectangle", e.containerPath || "", a, r, s, n, h);
         t.fill();
       }
-      const Q = e.borderWidth ?? 0;
-      if (Q > 0) {
-        t.strokeStyle = e.borderColor || "#cccccc", t.lineWidth = Q, t.beginPath();
+      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, h);
         t.stroke();
       }
     }
     t.shadowBlur = 0, t.save(), t.beginPath();
-    const L = this.drawCustomShape(t, e.containerShape || "rectangle", e.containerPath || "", a, r, s, n, h);
+    const R = this.drawCustomShape(t, e.containerShape || "rectangle", e.containerPath || "", a, r, s, n, h);
     if (e.listLayout !== "circular")
-      if (L && e.containerShape === "custom")
+      if (R && e.containerShape === "custom")
         try {
           const G = new Path2D(e.containerPath);
           t.translate(a, r), t.scale(s / 100, n / 100), t.clip(G), t.scale(100 / s, 100 / n), t.translate(-a, -r);
@@ -5208,52 +5206,52 @@ class ci {
     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 Q = e.listLayout || "linear", x = Q === "circular" ? d : f === "vertical" ? s : d, F = Q === "circular" || f === "vertical" ? c : n;
-      let tt = 0, X = 0, et = 0;
-      if (Q === "circular") {
-        const vt = l.length || 1, Yt = Math.PI * 2 / vt, se = e.circularStartAngle || 0, fe = e.circularRadius || 100, st = u * 0.01 + se * Math.PI / 180, gt = N * Yt + st, Rt = a + s / 2, Pt = r + n / 2;
-        tt = Rt + Math.cos(gt) * fe - x / 2, X = Pt + Math.sin(gt) * fe - F / 2, et = gt + (e.itemRotation || 0) * Math.PI / 180;
+      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 vt = l.length || 1, Yt = Math.PI * 2 / vt, ie = e.circularStartAngle || 0, fe = e.circularRadius || 100, st = u * 0.01 + ie * Math.PI / 180, mt = N * Yt + st, Lt = a + s / 2, _t = r + n / 2;
+        j = Lt + Math.cos(mt) * fe - x / 2, X = _t + Math.sin(mt) * fe - F / 2, tt = mt + (e.itemRotation || 0) * Math.PI / 180;
       } else
-        tt = f === "vertical" ? a : _, X = f === "vertical" ? _ : r, et = (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(), et !== 0 && (t.translate(tt + x / 2, X + F / 2), t.rotate(et), t.translate(-(tt + x / 2), -(X + F / 2))), O) {
+        j = f === "vertical" ? a : _, X = f === "vertical" ? _ : r, tt = (e.itemRotation || 0) * Math.PI / 180;
+      const L = 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 vt = this.createCanvasFill(t, m, x, F);
         t.fillStyle = vt || m;
         const Yt = t.globalAlpha;
-        t.globalAlpha = Yt * 0.8, t.beginPath(), this.drawCustomShape(t, D, q, tt, X, x, F, ot) || (t.rect(tt, X, x, F), t.fill()), t.globalAlpha = Yt;
-      } else if (R)
-        t.fillStyle = b ? "rgba(255, 255, 255, 0.1)" : "rgba(0, 0, 0, 0.05)", t.beginPath(), this.drawCustomShape(t, D, q, tt, X, x, F, ot) || (t.rect(tt, X, x, F), t.fill());
+        t.globalAlpha = Yt * 0.8, t.beginPath(), this.drawCustomShape(t, D, q, j, X, x, F, ot) || (t.rect(j, X, x, F), t.fill()), t.globalAlpha = Yt;
+      } else if (L)
+        t.fillStyle = b ? "rgba(255, 255, 255, 0.1)" : "rgba(0, 0, 0, 0.05)", t.beginPath(), this.drawCustomShape(t, D, q, j, X, x, F, ot) || (t.rect(j, X, x, F), t.fill());
       else if (S !== "transparent") {
         const vt = this.createCanvasFill(t, S, x, F);
-        t.fillStyle = vt || S, t.beginPath(), this.drawCustomShape(t, D, q, tt, X, x, F, ot) || (t.rect(tt, X, x, F), t.fill());
+        t.fillStyle = vt || S, t.beginPath(), this.drawCustomShape(t, D, q, j, X, x, F, ot) || (t.rect(j, X, x, F), t.fill());
       }
-      if (O || R) {
+      if (O || L) {
         const vt = this.createCanvasFill(t, m, f === "vertical" ? 3 : x, f === "vertical" ? F : 3);
-        t.fillStyle = vt || m, f === "vertical" ? t.fillRect(tt, X, 3, F) : t.fillRect(tt, X + F - 3, x, 3);
+        t.fillStyle = vt || 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}`, pt = tt + (f === "vertical" ? 16 : x / 2), Et = X + F / 2;
-      f === "horizontal" || Q === "circular" ? t.textAlign = "center" : t.textAlign = "left";
-      const It = Q === "circular" ? tt + x / 2 : pt;
+      t.fillStyle = yt, t.font = O || L ? "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 + (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(), _ += (f === "vertical" ? c : d) + p;
     }), t.restore(), e.showScrollbar !== !1) {
-      const G = (l.length || 0) * (f === "vertical" ? c : d) + ((l.length || 0) - 1) * p, N = f === "vertical" ? n : s, Q = e.listLayout || "linear", x = e.containerShape === "circle" || Q === "circular";
-      if (G > N || Q === "circular" && l.length > 0) {
-        const F = e.scrollbarColor || "rgba(255,255,255,0.3)", tt = e.scrollbarWidth || 4;
+      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) {
-          const X = Math.min(s, n) / 2 - tt / 2 - 2, et = a + s / 2, R = r + n / 2;
-          if (t.strokeStyle = F, t.lineWidth = tt, t.lineCap = "round", t.beginPath(), Q === "circular") {
+          const X = Math.min(s, n) / 2 - j / 2 - 2, tt = a + s / 2, L = r + n / 2;
+          if (t.strokeStyle = F, t.lineWidth = j, t.lineCap = "round", t.beginPath(), J === "circular") {
             const O = Math.PI / 4, D = -(u * 0.01) - Math.PI / 2;
-            t.arc(et, R, X, D, D + O);
+            t.arc(tt, L, X, D, D + O);
           } else {
             const O = Math.PI / 2, D = N / G, q = O * D, ot = -u / G * O, bt = -Math.PI / 4 + ot;
-            t.arc(et, R, X, bt, bt + q);
+            t.arc(tt, L, X, bt, bt + q);
           }
           t.stroke();
         } else {
-          const X = N / G, et = N * X, R = -u / G * N;
-          t.fillStyle = F, f === "vertical" ? t.fillRect(a + s - tt - 2, r + R, tt, et) : t.fillRect(a + R, r + n - tt - 2, et, tt);
+          const X = N / G, tt = N * X, L = -u / G * N;
+          t.fillStyle = F, f === "vertical" ? t.fillRect(a + s - j - 2, r + L, j, tt) : t.fillRect(a + L, r + n - j - 2, tt, j);
         }
       }
     }
@@ -5296,20 +5294,20 @@ class ci {
     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, 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;
+    const R = 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 : h === "vertical" ? a : p, Q = L === "circular" || h === "vertical" ? l : r;
-      let x = 0, F = 0, tt = 0;
-      if (L === "circular") {
-        const X = G * _ + W, et = M + a / 2, R = I + r / 2;
-        x = et + Math.cos(X) * A - N / 2, F = R + Math.sin(X) * A - Q / 2, tt = X + (e.itemRotation || 0) * Math.PI / 180;
+      const N = R === "circular" ? p : h === "vertical" ? a : p, J = R === "circular" || h === "vertical" ? l : r;
+      let x = 0, F = 0, j = 0;
+      if (R === "circular") {
+        const X = G * _ + W, tt = M + a / 2, L = I + r / 2;
+        x = tt + Math.cos(X) * A - N / 2, F = L + Math.sin(X) * A - J / 2, j = X + (e.itemRotation || 0) * Math.PI / 180;
       } else
-        x = h === "vertical" ? M : T, F = h === "vertical" ? T : I, tt = (e.itemRotation || 0) * Math.PI / 180;
-      if (tt !== 0) {
-        const X = x + N / 2, et = F + Q / 2, R = C - X, O = w - et, D = -tt, q = R * Math.cos(D) - O * Math.sin(D) + X, ot = R * Math.sin(D) + O * Math.cos(D) + et;
-        if (q >= x && q <= x + N && ot >= F && ot <= F + Q)
+        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, L = C - X, O = w - tt, D = -j, q = L * Math.cos(D) - O * Math.sin(D) + X, ot = L * 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 + Q)
+      } else if (C >= x && C <= x + N && w >= F && w <= F + J)
         return G;
       T += (h === "vertical" ? l : p) + f;
     }
@@ -5329,120 +5327,120 @@ 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, Q, x, F, tt, X, et, R, O, D, q, ot, yt, bt, pt, Et, It, vt, Yt, se, fe, st, gt, Rt, Pt, dt, Ft, Dt, $t, Ot, Vt, ne, me, ye, Ut, Se, Pe, Ee, Ce, Ae, xe, ie, jt, ht, mt, at, B, K, j, kt, At, Tt, xt, Mt, $, Wt, Kt, te, Jt, ut, ct, Ct, rt, V, it, nt, St, Xt, Qt, oe, Gt, Ht, Nt, Ie, Le, Re, Oe, Fe, $e, Ye, zt, ae, we, Be, We, de, ce, he, ke, Xe, Ve, Ne, De, He;
+        var p, c, d, u, v, b, m, y, S, C, w, M, I, k, T, R, P, _, E, A, W, z, Y, G, N, J, x, F, j, X, tt, L, O, D, q, ot, yt, bt, gt, Et, It, vt, Yt, ie, fe, st, mt, Lt, _t, dt, Ft, Dt, $t, Ot, Vt, ne, me, ye, Ut, Se, Pe, Ee, Ce, Ae, xe, se, jt, ht, ut, at, B, et, Q, Pt, xt, kt, At, Mt, $, Wt, Kt, te, Jt, pt, ct, Ct, rt, V, it, nt, St, Xt, Qt, oe, Gt, Ht, Nt, Ie, Re, Le, Oe, Fe, $e, Ye, zt, ae, 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 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, Z = ((c = n.settings) == null ? void 0 : c.falloff) || "smooth";
-          let J = 0;
-          l < H && (Z === "linear" ? J = 1 - l / H : J = Math.pow(1 - l / H, 2)), n.sensors.forEach((ft) => {
-            this.applyBehaviorSensor(s, ft, J, t, n.settings, e, h, f, l);
+          let K = 0;
+          l < H && (Z === "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, Z = ((u = n.settings) == null ? void 0 : u.strength) || 0.5;
           if (l < H && l > 5) {
-            const J = 1 - l / H, ft = h * J * Z, _t = f * J * Z;
-            s.x -= ft * t * 10, s.y -= _t * t * 10;
+            const K = 1 - l / H, ft = h * K * Z, Tt = f * K * Z;
+            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, Z = ((b = n.settings) == null ? void 0 : b.strength) || 1;
           if (l < H) {
-            const J = Math.pow(1 - l / H, 2);
-            s.x += h / (l || 1) * J * 60 * Z * t * 5, s.y += f / (l || 1) * J * 60 * Z * t * 5;
+            const K = Math.pow(1 - l / H, 2);
+            s.x += h / (l || 1) * K * 60 * Z * t * 5, s.y += f / (l || 1) * K * 60 * Z * t * 5;
           }
         } else if (n.type === U.Orbit) {
-          const H = ((m = n.settings) == null ? void 0 : m.speed) || 1, Z = ((y = n.settings) == null ? void 0 : y.radius) || 30, J = this.currentTime * H * Math.PI * 2;
-          s.x += Math.cos(J) * Z * t * 5, s.y += Math.sin(J) * Z * t * 5, s.rotation += 2 * t * 5;
+          const H = ((m = n.settings) == null ? void 0 : m.speed) || 1, Z = ((y = n.settings) == null ? void 0 : y.radius) || 30, K = this.currentTime * H * Math.PI * 2;
+          s.x += Math.cos(K) * Z * t * 5, s.y += Math.sin(K) * Z * t * 5, s.rotation += 2 * t * 5;
         } else if (n.type === U.Vortex) {
-          const H = ((S = n.settings) == null ? void 0 : S.radius) || 400, Z = ((C = n.settings) == null ? void 0 : C.speed) || 2, J = ((w = n.settings) == null ? void 0 : w.strength) || 1;
+          const H = ((S = n.settings) == null ? void 0 : S.radius) || 400, Z = ((C = n.settings) == null ? void 0 : C.speed) || 2, K = ((w = n.settings) == null ? void 0 : w.strength) || 1;
           if (l < H) {
-            const ft = Math.pow(1 - l / H, 1.5), _t = this.currentTime * Z * Math.PI * 2, Lt = Math.cos(_t) * 30 - h * 0.4, Bt = Math.sin(_t) * 30 - f * 0.4;
-            s.x += Lt * ft * J * t * 5, s.y += Bt * ft * J * t * 5, s.rotation += 5 * ft * J * t * 5, s.scale_x *= 1 - ft * 0.1 * J * t, s.scale_y *= 1 - ft * 0.1 * J * t;
+            const ft = Math.pow(1 - l / H, 1.5), Tt = this.currentTime * Z * Math.PI * 2, Rt = Math.cos(Tt) * 30 - h * 0.4, Bt = Math.sin(Tt) * 30 - f * 0.4;
+            s.x += Rt * 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, Z = ((I = n.settings) == null ? void 0 : I.strength) || 1;
           if (l < H) {
-            const J = Math.pow(1 - l / H, 1.2), ft = h / (l || 1) * J * 1.2 * Z, _t = f / (l || 1) * J * 1.2 * Z;
-            s.x += ft * 10 * t * 5, s.y += _t * 10 * t * 5, s.scale_x *= 1 + J * 0.3 * Z * t, s.scale_y *= 1 + J * 0.3 * Z * t;
+            const K = Math.pow(1 - l / H, 1.2), ft = h / (l || 1) * K * 1.2 * Z, Tt = f / (l || 1) * K * 1.2 * Z;
+            s.x += ft * 10 * t * 5, s.y += Tt * 10 * t * 5, s.scale_x *= 1 + K * 0.3 * Z * t, s.scale_y *= 1 + K * 0.3 * Z * t;
           }
         } else if (n.type === U.Elastic) {
           const H = ((k = n.settings) == null ? void 0 : k.radius) || 300, Z = ((T = n.settings) == null ? void 0 : T.strength) || 1;
           if (l < H) {
-            const J = 1 - l / H;
-            s.scale_x *= 1 + J * 0.4 * Z * t, s.scale_y *= 1 + J * 0.4 * Z * t;
+            const K = 1 - l / H;
+            s.scale_x *= 1 + K * 0.4 * Z * t, s.scale_y *= 1 + K * 0.4 * Z * t;
           }
         } else if (n.type === U.Holographic) {
-          const H = s.x - this.canvasWidth / 2, Z = s.y - this.canvasHeight / 2, J = ((L = n.settings) == null ? void 0 : L.factor) || 25;
-          if (s.x -= H / 1e3 * J * t * 5, s.y -= Z / 1e3 * J * t * 5, s.style) {
+          const H = s.x - this.canvasWidth / 2, Z = s.y - this.canvasHeight / 2, K = ((R = n.settings) == null ? void 0 : R.factor) || 25;
+          if (s.x -= H / 1e3 * K * t * 5, s.y -= Z / 1e3 * K * t * 5, s.style) {
             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, Z = ((_ = n.settings) == null ? void 0 : _.strength) || 1;
           if (l < H) {
-            const J = Math.pow(1 - l / H, 2);
-            s.x -= h * J * Z * t * 10, s.y -= f * J * Z * t * 10, s.scale_x *= 1 - J * 0.1 * Z * t, s.scale_y *= 1 - J * 0.1 * Z * t;
+            const K = Math.pow(1 - l / H, 2);
+            s.x -= h * K * Z * t * 10, s.y -= f * K * Z * t * 10, s.scale_x *= 1 - K * 0.1 * Z * t, s.scale_y *= 1 - K * 0.1 * Z * t;
           }
         } else if (n.type === U.Dilation) {
           const H = ((E = n.settings) == null ? void 0 : E.size) || 120, Z = ((A = n.settings) == null ? void 0 : A.strength) || 1;
           if (l < H) {
-            const J = 1 - l / H;
-            s.scale_x *= 1 + J * 0.5 * Z * t, s.scale_y *= 1 + J * 0.5 * Z * t;
+            const K = 1 - l / H;
+            s.scale_x *= 1 + K * 0.5 * Z * t, s.scale_y *= 1 + K * 0.5 * Z * t;
           }
         } else if (n.type === U.Parallax) {
-          const H = ((W = n.settings) == null ? void 0 : W.factor) || 15, Z = ((z = n.settings) == null ? void 0 : z.strength) || 1, J = this.canvasWidth / 2, ft = this.canvasHeight / 2, _t = this._lastPointerPos || { x: J, y: ft }, Lt = (_t.x - J) / J, Bt = (_t.y - ft) / ft, ee = (((Y = e.transform) == null ? void 0 : Y.x) ?? 0) + Lt * H * Z, ue = (((G = e.transform) == null ? void 0 : G.y) ?? 0) + Bt * H * Z, Te = (((N = e.transform) == null ? void 0 : N.rotate_x) ?? 0) - Bt * H * 1.5 * Z, re = (((Q = e.transform) == null ? void 0 : Q.rotate_y) ?? 0) + Lt * H * 1.5 * Z, 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 ?? ((tt = e.transform) == null ? void 0 : tt.rotate_x) ?? 0, Te, be), s.rotate_y = this.lerp(s.rotate_y ?? ((X = e.transform) == null ? void 0 : X.rotate_y) ?? 0, re, be);
+          const H = ((W = n.settings) == null ? void 0 : W.factor) || 15, Z = ((z = n.settings) == null ? void 0 : z.strength) || 1, K = this.canvasWidth / 2, ft = this.canvasHeight / 2, Tt = this._lastPointerPos || { x: K, y: ft }, Rt = (Tt.x - K) / K, Bt = (Tt.y - ft) / ft, ee = (((Y = e.transform) == null ? void 0 : Y.x) ?? 0) + Rt * H * Z, ue = (((G = e.transform) == null ? void 0 : G.y) ?? 0) + Bt * H * Z, Te = (((N = e.transform) == null ? void 0 : N.rotate_x) ?? 0) - Bt * H * 1.5 * Z, re = (((J = e.transform) == null ? void 0 : J.rotate_y) ?? 0) + Rt * H * 1.5 * Z, 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, re, be);
         } else if (n.type === U.Fold) {
           if (l < 300) {
-            const H = 1 - l / 300, Z = (h > 0 ? -1 : 1) * H * 10, J = 1 - H * 0.1, ft = f / 300 * H * 20, _t = -(h / 300) * H * 20, Lt = Math.min(1, 10 * t);
-            s.skew_x = this.lerp(s.skew_x ?? ((et = e.transform) == null ? void 0 : et.skew_x) ?? 0, Z, 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) * J, 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, _t, 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, Z = (h > 0 ? -1 : 1) * H * 10, K = 1 - H * 0.1, ft = f / 300 * H * 20, Tt = -(h / 300) * H * 20, Rt = Math.min(1, 10 * t);
+            s.skew_x = this.lerp(s.skew_x ?? ((tt = e.transform) == null ? void 0 : tt.skew_x) ?? 0, Z, Rt), s.scale_y = this.lerp(s.scale_y ?? ((L = e.transform) == null ? void 0 : L.scale_y) ?? 1, (((O = e.transform) == null ? void 0 : O.scale_y) ?? 1) * K, Rt), s.rotate_x = this.lerp(s.rotate_x ?? ((D = e.transform) == null ? void 0 : D.rotate_x) ?? 0, ft, Rt), s.rotate_y = this.lerp(s.rotate_y ?? ((q = e.transform) == null ? void 0 : q.rotate_y) ?? 0, Tt, Rt), 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, Z = H * (Math.random() - 0.5) * 5, J = 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, Z, ft), s.scale_x = this.lerp(s.scale_x ?? ((bt = e.transform) == null ? void 0 : bt.scale_x) ?? 1, (((pt = e.transform) == null ? void 0 : pt.scale_x) ?? 1) * (1 + J), 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 + J), ft), s.style = s.style || { ...e.style }, s.style.artEffect = { enabled: !0, type: "crumple_overlay", intensity: ((vt = n.settings) == null ? void 0 : vt.intensity) ?? 1, scale: ((Yt = n.settings) == null ? void 0 : Yt.scale) ?? 2 };
+            const H = 1 - l / 300, Z = 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, Z, 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: ((vt = n.settings) == null ? void 0 : vt.intensity) ?? 1, scale: ((Yt = n.settings) == null ? void 0 : Yt.scale) ?? 2 };
           }
         } else if (n.type === U.Squash) {
-          const H = ((se = n.settings) == null ? void 0 : se.strength) || 0.8;
-          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, (((st = e.transform) == null ? void 0 : st.scale_x) ?? 1) * (1 + (1 - H) * 0.4), 0.3)) : (s.scale_y = this.lerp(s.scale_y ?? 1, ((gt = e.transform) == null ? void 0 : gt.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));
+          const H = ((ie = n.settings) == null ? void 0 : ie.strength) || 0.8;
+          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, (((st = e.transform) == null ? void 0 : st.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, ((Lt = e.transform) == null ? void 0 : Lt.scale_x) ?? 1, 0.2));
         } else if (n.type === U.TextCounter) {
-          const H = ((Pt = n.settings) == null ? void 0 : Pt.duration) || 2, Z = ((dt = n.settings) == null ? void 0 : dt.from) || 0, J = ((Ft = n.settings) == null ? void 0 : Ft.to) || 100;
+          const H = ((_t = n.settings) == null ? void 0 : _t.duration) || 2, Z = ((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 ft = this.currentTime - n._runtimeStart, _t = Math.min(1, ft / H), Lt = Math.floor(Z + (J - Z) * _t);
+          const ft = this.currentTime - n._runtimeStart, Tt = Math.min(1, ft / H), Rt = Math.floor(Z + (K - Z) * 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}`;
+            s.geometry || (s.geometry = { ...e.geometry }), s.geometry.text = `${Bt}${Rt}${ee}`;
           }
         } else if (n.type === U.Spotlight) {
           const H = ((Vt = n.settings) == null ? void 0 : Vt.radius) || 250, Z = ((ne = n.settings) == null ? void 0 : ne.strength) || 1.5;
           if (l < H) {
-            const J = Math.pow(1 - l / H, 2);
-            s.style || (s.style = { ...e.style }), s.style.adjustments || (s.style.adjustments = { ...(me = e.style) == null ? void 0 : me.adjustments }), s.style.adjustments.exposure = (((Ut = (ye = e.style) == null ? void 0 : ye.adjustments) == null ? void 0 : Ut.exposure) || 0) + J * Z * 50;
+            const K = Math.pow(1 - l / H, 2);
+            s.style || (s.style = { ...e.style }), s.style.adjustments || (s.style.adjustments = { ...(me = e.style) == null ? void 0 : me.adjustments }), s.style.adjustments.exposure = (((Ut = (ye = e.style) == null ? void 0 : ye.adjustments) == null ? void 0 : Ut.exposure) || 0) + K * Z * 50;
           } else
             (Se = s.style) != null && Se.adjustments && (s.style.adjustments.exposure = this.lerp(s.style.adjustments.exposure || 0, ((Ee = (Pe = e.style) == null ? void 0 : Pe.adjustments) == null ? void 0 : Ee.exposure) || 0, 0.1));
         } else if (n.type === U.Noise || n.type === U.Float) {
-          const H = (((Ce = n.settings) == null ? void 0 : Ce.frequency) || ((Ae = n.settings) == null ? void 0 : Ae.speed) || 1) * 2e-3, Z = (((xe = n.settings) == null ? void 0 : xe.amplitude) || ((ie = n.settings) == null ? void 0 : ie.range) || 50) * (((jt = n.settings) == null ? void 0 : jt.strength) || 1), J = Date.now();
-          s.x += Math.sin(J * H) * Z * t, s.y += Math.cos(J * H * 0.8) * Z * t, s.rotation += Math.sin(J * H * 0.5) * 5 * t;
+          const H = (((Ce = n.settings) == null ? void 0 : Ce.frequency) || ((Ae = n.settings) == null ? void 0 : Ae.speed) || 1) * 2e-3, Z = (((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) * Z * t, s.y += Math.cos(K * H * 0.8) * Z * t, s.rotation += Math.sin(K * H * 0.5) * 5 * t;
         } else if (n.type === U.Pulse) {
-          const H = (((ht = n.settings) == null ? void 0 : ht.speed) || 1) * 5e-3, Z = (((mt = n.settings) == null ? void 0 : mt.scale) || 1.2) - 1, J = Math.sin(Date.now() * H), ft = ((at = n.settings) == null ? void 0 : at.strength) || 1;
-          s.scale_x *= 1 + J * Z * ft * t, s.scale_y *= 1 + J * Z * ft * t, s.style && (s.style.exposure = (s.style.exposure || 1) + Math.max(0, J) * 0.1 * ft * t);
+          const H = (((ht = n.settings) == null ? void 0 : ht.speed) || 1) * 5e-3, Z = (((ut = n.settings) == null ? void 0 : ut.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 * Z * ft * t, s.scale_y *= 1 + K * Z * 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, Z = this.draggingBehaviors.has(e.id);
           if (l < H || Z) {
-            const J = ((K = n.settings) == null ? void 0 : K.strength) || 1, ft = Z ? 1 : Math.max(0, 1 - l / H);
-            this.applyBehaviorSensor(s, Zt.PositionX, ft * J, t, n.settings), this.applyBehaviorSensor(s, Zt.PositionY, ft * J, t, n.settings);
+            const K = ((et = n.settings) == null ? void 0 : et.strength) || 1, ft = Z ? 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 = ((j = n.settings) == null ? void 0 : j.axis) || "vertical", Z = ((kt = n.settings) == null ? void 0 : kt.factor) || 0.5, J = ((At = n.settings) == null ? void 0 : At.strength) || 1, ft = ((Tt = n.settings) == null ? void 0 : Tt.scaleFactor) || 0;
-          (H === "vertical" || H === "both") && (s.y += this.scrollOffset.y * Z * J * t), (H === "horizontal" || H === "both") && (s.x += this.scrollOffset.x * Z * J * t), ft !== 0 && (s.scale_x *= 1 + this.scrollOffset.y * ft * t, s.scale_y *= 1 + this.scrollOffset.y * ft * t);
+          const H = ((Q = n.settings) == null ? void 0 : Q.axis) || "vertical", Z = ((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 * Z * K * t), (H === "horizontal" || H === "both") && (s.x += this.scrollOffset.x * Z * 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 = ((xt = n.settings) == null ? void 0 : xt.factor) || 1, Z = ((Mt = n.settings) == null ? void 0 : Mt.strength) || 1, J = Math.atan2(-f, -h) * (180 / Math.PI), ft = s.rotation, _t = (J - ft + 180) % 360 - 180;
-          s.rotation += _t * H * Z * t * 10;
+          const H = ((At = n.settings) == null ? void 0 : At.factor) || 1, Z = ((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 * Z * t * 10;
         } else if (n.type === U.Scan) {
-          const H = ((($ = n.settings) == null ? void 0 : $.speed) || 1) * 4e-3, Z = ((Wt = n.settings) == null ? void 0 : Wt.strength) || 1, J = (Math.sin(Date.now() * H) + 1) / 2;
-          s.style && (s.style.exposure = (s.style.exposure || 1) + J * Z * t * 5), s.x += (J - 0.5) * 20 * Z * t;
+          const H = ((($ = n.settings) == null ? void 0 : $.speed) || 1) * 4e-3, Z = ((Wt = n.settings) == null ? void 0 : Wt.strength) || 1, K = (Math.sin(Date.now() * H) + 1) / 2;
+          s.style && (s.style.exposure = (s.style.exposure || 1) + K * Z * t * 5), s.x += (K - 0.5) * 20 * Z * t;
         } else if (n.type === U.Glint)
           s.style = s.style || { ...e.style }, s.style.artEffect = {
             enabled: !0,
@@ -5450,18 +5448,18 @@ class ci {
             intensity: ((Kt = n.settings) == null ? void 0 : Kt.strength) ?? 0.8
           };
         else if (n.type === U.Ratchet) {
-          const H = ((te = n.settings) == null ? void 0 : te.steps) || 12, Z = (((Jt = n.settings) == null ? void 0 : Jt.speed) || 1) * 30, J = Math.floor(s.rotation / (360 / H)) * (360 / H);
-          s.rotation = this.lerp(s.rotation, J + Z * t, 0.1);
+          const H = ((te = n.settings) == null ? void 0 : te.steps) || 12, Z = (((Jt = n.settings) == null ? void 0 : Jt.speed) || 1) * 30, K = Math.floor(s.rotation / (360 / H)) * (360 / H);
+          s.rotation = this.lerp(s.rotation, K + Z * t, 0.1);
         } else if (n.type === U.Jitter && l < 300) {
-          const H = ((ut = n.settings) == null ? void 0 : ut.strength) || 1, Z = (((ct = n.settings) == null ? void 0 : ct.intensity) || 5) * H;
+          const H = ((pt = n.settings) == null ? void 0 : pt.strength) || 1, Z = (((ct = n.settings) == null ? void 0 : ct.intensity) || 5) * H;
           s.x += (Math.random() - 0.5) * Z * t * 60, s.y += (Math.random() - 0.5) * Z * t * 60, s.rotation += (Math.random() - 0.5) * Z * t * 120;
         } else if (n.type === U.Follower) {
           const H = (Ct = n.settings) == null ? void 0 : Ct.targetId;
           if (H) {
             const Z = this.objectStates.get(H);
             if (Z) {
-              const J = ((rt = n.settings) == null ? void 0 : rt.stiffness) || 0.1, ft = Z.x - s.x, _t = Z.y - s.y;
-              s.x += ft * J * t * 60, s.y += _t * J * t * 60;
+              const K = ((rt = n.settings) == null ? void 0 : rt.stiffness) || 0.1, ft = Z.x - s.x, Tt = Z.y - s.y;
+              s.x += ft * K * t * 60, s.y += Tt * K * t * 60;
             }
           }
         } else if (n.type === U.Wrap)
@@ -5475,42 +5473,42 @@ class ci {
         } else if (n.type === U.Shear) {
           const H = ((St = n.settings) == null ? void 0 : St.strength) || 1, Z = ((Xt = n.settings) == null ? void 0 : Xt.radius) || 300;
           if (l < Z) {
-            const J = 1 - l / Z;
-            s.skew_x = this.lerp(s.skew_x || 0, (((Qt = e.transform) == null ? void 0 : Qt.skew_x) || 0) + J * H * 30, 0.1);
+            const K = 1 - l / Z;
+            s.skew_x = this.lerp(s.skew_x || 0, (((Qt = e.transform) == null ? void 0 : Qt.skew_x) || 0) + K * H * 30, 0.1);
           } else
             s.skew_x = this.lerp(s.skew_x || 0, ((oe = e.transform) == null ? void 0 : oe.skew_x) || 0, 0.05);
         } else if (n.type === U.Lens) {
           const H = ((Gt = n.settings) == null ? void 0 : Gt.radius) || 200, Z = ((Ht = n.settings) == null ? void 0 : Ht.strength) || 0.5;
           if (l < H) {
-            const J = Math.pow(1 - l / H, 2);
-            s.scale_x = this.lerp(s.scale_x ?? 1, (((Nt = e.transform) == null ? void 0 : Nt.scale_x) ?? 1) * (1 + J * Z), 0.2), s.scale_y = this.lerp(s.scale_y ?? 1, (((Ie = e.transform) == null ? void 0 : Ie.scale_y) ?? 1) * (1 + J * Z), 0.2);
+            const K = Math.pow(1 - l / H, 2);
+            s.scale_x = this.lerp(s.scale_x ?? 1, (((Nt = e.transform) == null ? void 0 : Nt.scale_x) ?? 1) * (1 + K * Z), 0.2), s.scale_y = this.lerp(s.scale_y ?? 1, (((Ie = e.transform) == null ? void 0 : Ie.scale_y) ?? 1) * (1 + K * Z), 0.2);
           } else
-            s.scale_x = this.lerp(s.scale_x ?? 1, ((Le = e.transform) == null ? void 0 : Le.scale_x) ?? 1, 0.1), s.scale_y = this.lerp(s.scale_y ?? 1, ((Re = e.transform) == null ? void 0 : Re.scale_y) ?? 1, 0.1);
+            s.scale_x = this.lerp(s.scale_x ?? 1, ((Re = e.transform) == null ? void 0 : Re.scale_x) ?? 1, 0.1), s.scale_y = this.lerp(s.scale_y ?? 1, ((Le = e.transform) == null ? void 0 : Le.scale_y) ?? 1, 0.1);
         } else if (n.type === U.LayoutAnimation) {
           const H = ((Oe = n.settings) == null ? void 0 : Oe.watchProperties) || ["x", "y", "scale_x", "scale_y", "opacity", "rotation"], Z = ((Fe = n.settings) == null ? void 0 : Fe.duration) || 0.3;
           this._layoutAnimCache.has(e.id) || this._layoutAnimCache.set(e.id, /* @__PURE__ */ new Map());
-          const J = this._layoutAnimCache.get(e.id);
+          const K = this._layoutAnimCache.get(e.id);
           for (const ft of H) {
-            const _t = this.getObjectProperty(s, e, ft);
-            if (_t === void 0) continue;
-            const Lt = J.get(ft);
-            if (!Lt)
-              J.set(ft, {
-                from: _t,
-                to: _t,
+            const Tt = this.getObjectProperty(s, e, ft);
+            if (Tt === void 0) continue;
+            const Rt = K.get(ft);
+            if (!Rt)
+              K.set(ft, {
+                from: Tt,
+                to: Tt,
                 startTime: this.currentTime,
                 duration: 0
               });
-            else if (Lt.to !== _t) {
+            else if (Rt.to !== Tt) {
               const ee = this.getObjectProperty(s, e, ft);
-              J.set(ft, {
-                from: ee ?? Lt.from,
-                to: _t,
+              K.set(ft, {
+                from: ee ?? Rt.from,
+                to: Tt,
                 startTime: this.currentTime,
                 duration: (($e = n.settings) == null ? void 0 : $e.duration) ?? Z
               });
             }
-            const Bt = J.get(ft);
+            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"), re = Bt.from + (Bt.to - Bt.from) * Te;
               this.setObjectProperty(s, e, ft, re);
@@ -5518,7 +5516,7 @@ class ci {
           }
         } else if (n.type === U.StateReactive) {
           this._layoutAnimCache.has(e.id) || this._layoutAnimCache.set(e.id, /* @__PURE__ */ new Map());
-          const H = this._layoutAnimCache.get(e.id), Z = ((zt = n.settings) == null ? void 0 : zt.defaultDuration) || 0.3, J = [
+          const H = this._layoutAnimCache.get(e.id), Z = ((zt = n.settings) == null ? void 0 : zt.defaultDuration) || 0.3, K = [
             "x",
             "y",
             "scale_x",
@@ -5533,22 +5531,22 @@ class ci {
             "style.shadow.offsetX",
             "style.shadow.offsetY"
           ];
-          for (const ft of J) {
-            const _t = this.getObjectProperty(s, e, ft);
-            if (_t === void 0 || typeof _t != "number") continue;
-            const Lt = H.get(ft);
-            if (!Lt)
+          for (const ft of K) {
+            const Tt = this.getObjectProperty(s, e, ft);
+            if (Tt === void 0 || typeof Tt != "number") continue;
+            const Rt = H.get(ft);
+            if (!Rt)
               H.set(ft, {
-                from: _t,
-                to: _t,
+                from: Tt,
+                to: Tt,
                 startTime: this.currentTime,
                 duration: 0
               });
-            else if (Lt.to !== _t) {
+            else if (Rt.to !== Tt) {
               const ee = this.getObjectProperty(s, e, ft);
               H.set(ft, {
-                from: ee ?? Lt.from,
-                to: _t,
+                from: ee ?? Rt.from,
+                to: Tt,
                 startTime: this.currentTime,
                 duration: Z
               });
@@ -5562,34 +5560,34 @@ class ci {
         } else if (n.type === U.SpringChain) {
           const H = ((we = n.settings) == null ? void 0 : we.connections) || [], Z = ((Be = n.settings) == null ? void 0 : Be.globalDamping) || 0.3;
           this._springChainState.has(e.id) || this._springChainState.set(e.id, /* @__PURE__ */ new Map());
-          const J = this._springChainState.get(e.id);
-          for (const _t of H) {
-            if (!J.has(_t.targetId)) {
-              const Lt = this.objectStates.get(_t.targetId);
-              J.set(_t.targetId, {
-                x: (Lt == null ? void 0 : Lt.x) ?? 0,
-                y: (Lt == null ? void 0 : Lt.y) ?? 0,
+          const K = this._springChainState.get(e.id);
+          for (const Tt of H) {
+            if (!K.has(Tt.targetId)) {
+              const Rt = this.objectStates.get(Tt.targetId);
+              K.set(Tt.targetId, {
+                x: (Rt == null ? void 0 : Rt.x) ?? 0,
+                y: (Rt == null ? void 0 : Rt.y) ?? 0,
                 vx: 0,
                 vy: 0
               });
             }
-            J.has(e.id) || J.set(e.id, { x: s.x, y: s.y, vx: 0, vy: 0 });
+            K.has(e.id) || K.set(e.id, { x: s.x, y: s.y, vx: 0, vy: 0 });
           }
-          const ft = J.get(e.id);
+          const ft = K.get(e.id);
           if (ft) {
             ft.x = s.x, ft.y = s.y;
-            for (const _t of H) {
-              const Lt = J.get(_t.targetId);
-              if (!Lt) continue;
-              const Bt = Lt.x - ft.x, ee = Lt.y - ft.y, ue = Math.sqrt(Bt * Bt + ee * ee) || 1e-3, re = (ue - (_t.restLength || 50)) * (_t.stiffness || 0.8), be = Bt / ue * re, Ue = ee / ue * re;
-              ft.vx += be * t * 10, ft.vy += Ue * t * 10, Lt.vx -= be * t * 10, Lt.vy -= Ue * t * 10, ft.vx *= 1 - Z * t * 10, ft.vy *= 1 - Z * t * 10, Lt.vx *= 1 - Z * t * 10, Lt.vy *= 1 - Z * t * 10;
-              const pe = this.objectStates.get(_t.targetId);
-              pe && (pe.x += Lt.vx * t, pe.y += Lt.vy * t);
+            for (const Tt of H) {
+              const Rt = K.get(Tt.targetId);
+              if (!Rt) continue;
+              const Bt = Rt.x - ft.x, ee = Rt.y - ft.y, ue = Math.sqrt(Bt * Bt + ee * ee) || 1e-3, re = (ue - (Tt.restLength || 50)) * (Tt.stiffness || 0.8), be = Bt / ue * re, Ue = ee / ue * re;
+              ft.vx += be * t * 10, ft.vy += Ue * t * 10, Rt.vx -= be * t * 10, Rt.vy -= Ue * t * 10, ft.vx *= 1 - Z * t * 10, ft.vy *= 1 - Z * t * 10, Rt.vx *= 1 - Z * t * 10, Rt.vy *= 1 - Z * t * 10;
+              const pe = this.objectStates.get(Tt.targetId);
+              pe && (pe.x += Rt.vx * t, pe.y += Rt.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, Z = ((de = n.settings) == null ? void 0 : de.speed) || 100, J = ((ce = n.settings) == null ? void 0 : ce.size) || 5, ft = ((he = n.settings) == null ? void 0 : he.lifetime) || 2, _t = ((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) ?? _t : _t, Te = (He = n.settings) != null && He.speedInputId ? this.inputs.get(n.settings.speedInputId) ?? Z : Z;
+          const H = ((We = n.settings) == null ? void 0 : We.rate) || 10, Z = ((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, Rt = ((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) ?? Z : Z;
           this._emitterPools.has(e.id) || this._emitterPools.set(e.id, []);
           const re = this._emitterPools.get(e.id);
           let be = 0;
@@ -5604,8 +5602,8 @@ class ci {
               vy: Math.sin(le) * ss,
               life: 0,
               maxLife: ft * (0.5 + Math.random() * 0.5),
-              size: J * (0.5 + Math.random()),
-              color: Lt,
+              size: K * (0.5 + Math.random()),
+              color: Rt,
               opacity: 1
             });
           }
@@ -5618,12 +5616,12 @@ class ci {
     });
   }
   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, Q;
+    var d, u, v, b, m, y, S, C, w, M, I, k, T, R, P, _, E, A, W, z, Y, G, N, J;
     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, tt = x * (1 + o * f * 0.4), X = F * (1 + o * f * 0.4);
-        t.scale_x = (t.scale_x ?? x) * (1 - l) + tt * l, t.scale_y = (t.scale_y ?? F) * (1 - l) + X * l;
+        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: {
@@ -5669,7 +5667,7 @@ class ci {
       }
       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) * f;
+        const x = ((P = (R = n == null ? void 0 : n.style) == null ? void 0 : R.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;
       }
@@ -5698,7 +5696,7 @@ class ci {
       }
       case Zt.LetterSpacing: {
         t.geometry || (t.geometry = {});
-        const x = ((Q = n == null ? void 0 : n.geometry) == null ? void 0 : Q.letterSpacing) || 0, F = x + o * f * 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;
       }
@@ -5807,19 +5805,19 @@ const yi = Ss(({
   isMouseDown: I,
   inputs: k,
   interactive: T = !0,
-  onNavigation: L
+  onNavigation: R
 }, P) => {
   const _ = _e(null), E = _e(null);
   E.current || (E.current = new ci());
-  const A = _e(void 0), W = _e(0), z = _e(null), Y = _e(y), G = _e(null), [, N] = Qe(g || null), Q = _e(!0);
-  Cs(P, () => _.current), ve(() => (Q.current = !0, () => {
-    Q.current = !1, A.current && cancelAnimationFrame(A.current);
+  const A = _e(void 0), W = _e(0), z = _e(null), Y = _e(y), G = _e(null), [, N] = Qe(g || null), J = _e(!0);
+  Cs(P, () => _.current), ve(() => (J.current = !0, () => {
+    J.current = !1, A.current && cancelAnimationFrame(A.current);
   }), []), ve(() => {
     E.current.setLayout(e, s);
   }, [e, s]), ve(() => {
-    const R = E.current;
-    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(() => {
+    const L = E.current;
+    a && L.setTriggerCallback(a), r && L.setInputUpdateCallback((O, D) => r({ [O]: D })), h && L.setComponentChangeCallback((O) => h(O)), f && L.setToggleCallback(f), l && L.setInputChangeCallback(l), p && L.setInputFocusCallback(p), c && L.setInputBlurCallback(c), d && L.setOnLogCallback((O) => d(O, "info")), u && L.setLogicUpdateCallback(u), v && L.setButtonClickCallback(v), b && L.setGraphPointClickCallback((O) => b(O.objectId, O)), R && L.setNavigationCallback(R);
+  }, [a, r, h, f, l, p, c, d, u, v, b, R]), ve(() => {
     (async () => {
       let O = g;
       if (t && !g)
@@ -5834,8 +5832,8 @@ const yi = Ss(({
       }
     })();
   }, [g, t, y]), ve(() => {
-    const R = (O) => {
-      if (!E.current || !Q.current) return;
+    const L = (O) => {
+      if (!E.current || !J.current) return;
       const D = E.current, q = _.current;
       if (!q) return;
       const ot = q.getContext("2d");
@@ -5844,75 +5842,75 @@ const yi = Ss(({
       W.current === 0 && (W.current = yt);
       let bt = yt - W.current;
       bt > 0.1 && (bt = 0.1), W.current = yt;
-      const pt = q.getBoundingClientRect(), Et = window.devicePixelRatio || 1, It = Math.round(pt.width * Et), vt = Math.round(pt.height * Et);
+      const gt = q.getBoundingClientRect(), Et = window.devicePixelRatio || 1, It = Math.round(gt.width * Et), vt = Math.round(gt.height * Et);
       (q.width !== It || q.height !== vt) && (q.width = It, q.height = vt);
       try {
         o ? D.advance(bt) : m !== void 0 && D.seek(m), D.render(ot, q.width, q.height);
       } catch (Yt) {
         console.error("[ExodeUICanvas] Error in animation loop:", Yt), d && d(`[Error] Animation loop crashed: ${Yt}`, "error");
       }
-      A.current = requestAnimationFrame(R);
+      A.current = requestAnimationFrame(L);
     };
-    return A.current = requestAnimationFrame(R), () => {
+    return A.current = requestAnimationFrame(L), () => {
       A.current && cancelAnimationFrame(A.current);
     };
   }, [o, m]), ve(() => {
-    const R = E.current;
-    S !== void 0 && R.updateInput("scrollY", S), C !== void 0 && R.updateInput("scrollX", C), w !== void 0 && R.updateInput("mouseX", w), M !== void 0 && R.updateInput("mouseY", M), I !== void 0 && R.updateInput("isMouseDown", I), k && Object.entries(k).forEach(([O, D]) => R.updateInput(O, D));
+    const L = E.current;
+    S !== void 0 && L.updateInput("scrollY", S), C !== void 0 && L.updateInput("scrollX", C), w !== void 0 && L.updateInput("mouseX", w), M !== void 0 && L.updateInput("mouseY", M), I !== void 0 && L.updateInput("isMouseDown", I), k && Object.entries(k).forEach(([O, D]) => L.updateInput(O, D));
   }, [S, C, w, M, I, k]);
-  const x = (R, O) => {
+  const x = (L, O) => {
     if (!T || !_.current) return;
-    R.stopPropagation(), "nativeEvent" in R && R.nativeEvent && typeof R.nativeEvent.stopImmediatePropagation == "function" ? R.nativeEvent.stopImmediatePropagation() : typeof R.stopImmediatePropagation == "function" && R.stopImmediatePropagation();
-    const D = _.current, q = D.getBoundingClientRect(), ot = R.clientX - q.left, yt = R.clientY - q.top, bt = window.devicePixelRatio || 1;
+    L.stopPropagation(), "nativeEvent" in L && L.nativeEvent && typeof L.nativeEvent.stopImmediatePropagation == "function" ? L.nativeEvent.stopImmediatePropagation() : typeof L.stopImmediatePropagation == "function" && L.stopImmediatePropagation();
+    const D = _.current, q = D.getBoundingClientRect(), ot = L.clientX - q.left, yt = L.clientY - q.top, bt = window.devicePixelRatio || 1;
     (O === "click" || O === "down" || O === "up") && d && d(`[Canvas] Pointer ${O} at rect(${Math.round(ot)},${Math.round(yt)}) mapped to buffer(${Math.round(ot * bt)},${Math.round(yt * bt)})`, "info"), E.current.handlePointerInput(O, ot * bt, yt * bt, D.width, D.height);
   };
   ve(() => {
     if (!T) return;
-    const R = (D) => {
+    const L = (D) => {
       var q, ot, yt;
       ((q = document.activeElement) == null ? void 0 : q.tagName) === "INPUT" || ((ot = document.activeElement) == null ? void 0 : ot.tagName) === "TEXTAREA" || (yt = E.current) == null || yt.handleKeyDown(D);
     }, O = (D) => {
       var q, ot, yt;
       ((q = document.activeElement) == null ? void 0 : q.tagName) === "INPUT" || ((ot = document.activeElement) == null ? void 0 : ot.tagName) === "TEXTAREA" || (yt = E.current) == null || yt.handleKeyUp(D);
     };
-    return window.addEventListener("keydown", R), window.addEventListener("keyup", O), () => {
-      window.removeEventListener("keydown", R), window.removeEventListener("keyup", O);
+    return window.addEventListener("keydown", L), window.addEventListener("keyup", O), () => {
+      window.removeEventListener("keydown", L), window.removeEventListener("keyup", O);
     };
   }, [T]);
-  const [F, tt] = Qe([]);
+  const [F, j] = Qe([]);
   ve(() => {
     if (g && g.objects) {
-      const R = g.objects.filter((O) => {
+      const L = g.objects.filter((O) => {
         var D, q;
         return O.type === "Joystick" && ((D = O.inputBinding) == null ? void 0 : D.type) === "keyboard" && ((q = O.inputBinding.keyboardConfig) == null ? void 0 : q.showVirtualKeyboard);
       });
-      tt(R);
+      j(L);
     }
   }, [g]);
   const [, X] = Qe(0);
   ve(() => {
     if (F.length === 0) return;
-    let R;
+    let L;
     const O = () => {
-      X((D) => D + 1), R = requestAnimationFrame(O);
+      X((D) => D + 1), L = requestAnimationFrame(O);
     };
-    return R = requestAnimationFrame(O), () => cancelAnimationFrame(R);
+    return L = requestAnimationFrame(O), () => cancelAnimationFrame(L);
   }, [F.length]);
-  const et = () => F.map((R) => {
-    const O = R.inputBinding.keyboardConfig, D = (pt) => {
+  const tt = () => F.map((L) => {
+    const O = L.inputBinding.keyboardConfig, D = (gt) => {
       var It;
-      const Et = { key: pt, code: pt, preventDefault: () => {
+      const Et = { key: gt, code: gt, preventDefault: () => {
       } };
       (It = E.current) == null || It.handleKeyDown(Et);
-    }, q = (pt) => {
+    }, q = (gt) => {
       var It;
-      const Et = { key: pt, code: pt, preventDefault: () => {
+      const Et = { key: gt, code: gt, preventDefault: () => {
       } };
       (It = E.current) == null || It.handleKeyUp(Et);
-    }, ot = E.current, yt = (pt) => ot && ot.activeKeys ? ot.activeKeys.has(pt.toLowerCase()) : !1, bt = (pt) => ({
+    }, ot = E.current, yt = (gt) => ot && ot.activeKeys ? ot.activeKeys.has(gt.toLowerCase()) : !1, bt = (gt) => ({
       width: "50px",
       height: "50px",
-      background: pt ? "rgba(255, 255, 255, 0.4)" : "rgba(0, 0, 0, 0.4)",
+      background: gt ? "rgba(255, 255, 255, 0.4)" : "rgba(0, 0, 0, 0.4)",
       border: "1px solid rgba(255, 255, 255, 0.2)",
       borderRadius: "12px",
       display: "flex",
@@ -5925,7 +5923,7 @@ const yi = Ss(({
       cursor: "pointer",
       backdropFilter: "blur(8px)",
       transition: "background 0.1s",
-      boxShadow: pt ? "none" : "0 4px 6px rgba(0,0,0,0.1)"
+      boxShadow: gt ? "none" : "0 4px 6px rgba(0,0,0,0.1)"
     });
     return /* @__PURE__ */ Je("div", { style: {
       position: "absolute",
@@ -5945,11 +5943,11 @@ const yi = Ss(({
           onMouseDown: () => D(O.upKey),
           onMouseUp: () => q(O.upKey),
           onMouseLeave: () => q(O.upKey),
-          onTouchStart: (pt) => {
-            pt.preventDefault(), D(O.upKey);
+          onTouchStart: (gt) => {
+            gt.preventDefault(), D(O.upKey);
           },
-          onTouchEnd: (pt) => {
-            pt.preventDefault(), q(O.upKey);
+          onTouchEnd: (gt) => {
+            gt.preventDefault(), q(O.upKey);
           },
           children: O.upKey.toUpperCase()
         }
@@ -5962,11 +5960,11 @@ const yi = Ss(({
             onMouseDown: () => D(O.leftKey),
             onMouseUp: () => q(O.leftKey),
             onMouseLeave: () => q(O.leftKey),
-            onTouchStart: (pt) => {
-              pt.preventDefault(), D(O.leftKey);
+            onTouchStart: (gt) => {
+              gt.preventDefault(), D(O.leftKey);
             },
-            onTouchEnd: (pt) => {
-              pt.preventDefault(), q(O.leftKey);
+            onTouchEnd: (gt) => {
+              gt.preventDefault(), q(O.leftKey);
             },
             children: O.leftKey.toUpperCase()
           }
@@ -5978,11 +5976,11 @@ const yi = Ss(({
             onMouseDown: () => D(O.downKey),
             onMouseUp: () => q(O.downKey),
             onMouseLeave: () => q(O.downKey),
-            onTouchStart: (pt) => {
-              pt.preventDefault(), D(O.downKey);
+            onTouchStart: (gt) => {
+              gt.preventDefault(), D(O.downKey);
             },
-            onTouchEnd: (pt) => {
-              pt.preventDefault(), q(O.downKey);
+            onTouchEnd: (gt) => {
+              gt.preventDefault(), q(O.downKey);
             },
             children: O.downKey.toUpperCase()
           }
@@ -5994,37 +5992,37 @@ const yi = Ss(({
             onMouseDown: () => D(O.rightKey),
             onMouseUp: () => q(O.rightKey),
             onMouseLeave: () => q(O.rightKey),
-            onTouchStart: (pt) => {
-              pt.preventDefault(), D(O.rightKey);
+            onTouchStart: (gt) => {
+              gt.preventDefault(), D(O.rightKey);
             },
-            onTouchEnd: (pt) => {
-              pt.preventDefault(), q(O.rightKey);
+            onTouchEnd: (gt) => {
+              gt.preventDefault(), q(O.rightKey);
             },
             children: O.rightKey.toUpperCase()
           }
         )
       ] })
-    ] }, R.id);
+    ] }, L.id);
   });
   return /* @__PURE__ */ Je("div", { style: { position: "relative", width: "100%", height: "100%" }, children: [
     /* @__PURE__ */ ge(
       "canvas",
       {
         ref: _,
-        onPointerDown: (R) => {
+        onPointerDown: (L) => {
           var O;
-          x(R, "down"), (O = _.current) == null || O.focus();
+          x(L, "down"), (O = _.current) == null || O.focus();
         },
-        onPointerMove: (R) => x(R, "move"),
-        onPointerUp: (R) => x(R, "up"),
-        onPointerCancel: (R) => x(R, "up"),
-        onClick: (R) => x(R, "click"),
-        onWheel: (R) => {
-          E.current.handleWheel(R.deltaX, R.deltaY);
+        onPointerMove: (L) => x(L, "move"),
+        onPointerUp: (L) => x(L, "up"),
+        onPointerCancel: (L) => x(L, "up"),
+        onClick: (L) => x(L, "click"),
+        onWheel: (L) => {
+          E.current.handleWheel(L.deltaX, L.deltaY);
         },
-        onKeyDown: (R) => E.current.handleKeyDown(R.nativeEvent),
-        onKeyUp: (R) => E.current.handleKeyUp(R.nativeEvent),
-        onContextMenu: (R) => R.preventDefault(),
+        onKeyDown: (L) => E.current.handleKeyDown(L.nativeEvent),
+        onKeyUp: (L) => E.current.handleKeyUp(L.nativeEvent),
+        onContextMenu: (L) => L.preventDefault(),
         tabIndex: 0,
         style: {
           ...i,
@@ -6037,7 +6035,7 @@ const yi = Ss(({
         }
       }
     ),
-    et()
+    tt()
   ] });
 });
 function bi() {
@@ -6144,7 +6142,7 @@ const vi = ({ artboard: g, config: t }) => {
       ]
     }
   );
-}, hi = "6.3.39", fi = {
+}, hi = "6.3.40", fi = {
   version: hi
 }, Si = fi.version;
 export {