exodeui 6.3.8 → 6.3.10

package/dist/index.mjs

@@ -1318,9 +1318,9 @@ function KE(B, A, I) {
     p(n, 0);
   }
   function p(n, j) {
-    const iA = Q[n], DA = E[n] ?? null;
+    const iA = Q[n], oA = E[n] ?? null;
     for (let Z = j; Z < iA.length; Z++) {
-      const f = FQ(iA, DA, Z, i.preferPrefixWidthsForBreakableRuns);
+      const f = FQ(iA, oA, Z, i.preferPrefixWidthsForBreakableRuns);
       if (!w) {
         c(n, Z, f);
         continue;
@@ -1389,24 +1389,24 @@ function yE(B, A, I) {
     }
     S += q, k = H + 1, e = 0;
   }
-  function DA(H, q) {
+  function oA(H, q) {
     if (!sg(E[H]))
       return;
-    const X = E[H] === "tab" ? 0 : g[H], P = E[H] === "tab" ? q : Q[H];
-    c = H + 1, M = S - q + X, R = S - q + P, J = E[H];
+    const X = E[H] === "tab" ? 0 : g[H], v = E[H] === "tab" ? q : Q[H];
+    c = H + 1, M = S - q + X, R = S - q + v, J = E[H];
   }
   function Z(H) {
     f(H, 0);
   }
   function f(H, q) {
-    const X = i[H], P = o[H] ?? null;
+    const X = i[H], v = o[H] ?? null;
     for (let d = q; d < X.length; d++) {
-      const v = FQ(X, P, d, a.preferPrefixWidthsForBreakableRuns);
+      const P = FQ(X, v, d, a.preferPrefixWidthsForBreakableRuns);
       if (!K) {
-        j(H, d, v);
+        j(H, d, P);
         continue;
       }
-      S + v > A + t ? (l(), j(H, d, v)) : (S += v, k = H, e = d + 1);
+      S + P > A + t ? (l(), j(H, d, P)) : (S += P, k = H, e = d + 1);
     }
     K && k === H && e === X.length && (k = H + 1, e = 0);
   }
@@ -1416,8 +1416,8 @@ function yE(B, A, I) {
     const q = i[H];
     if (q === null)
       return !1;
-    const X = a.preferPrefixWidthsForBreakableRuns ? o[H] ?? q : q, P = X !== q, { fitCount: d, fittedWidth: v } = SE(X, S, A, t, D, P);
-    return d === 0 ? !1 : (S = v, k = H, e = d, p(), d === q.length ? (k = H + 1, e = 0, !0) : (l(H, d, v + D), f(H, d), !0));
+    const X = a.preferPrefixWidthsForBreakableRuns ? o[H] ?? q : q, v = X !== q, { fitCount: d, fittedWidth: P } = SE(X, S, A, t, D, v);
+    return d === 0 ? !1 : (S = P, k = H, e = d, p(), d === q.length ? (k = H + 1, e = 0, !0) : (l(H, d, P + D), f(H, d), !0));
   }
   function b(H) {
     G++, I == null || I({
@@ -1437,17 +1437,17 @@ function yE(B, A, I) {
     K = !1, S = 0, y = q.startSegmentIndex, N = 0, k = q.startSegmentIndex, e = 0, p();
     let X = q.startSegmentIndex;
     for (; X < q.endSegmentIndex; ) {
-      const P = E[X], d = P === "tab" ? GE(S, s) : C[X];
-      if (P === "soft-hyphen") {
-        K && (k = X + 1, e = 0, c = X + 1, M = S + D, R = S + D, J = P), X++;
+      const v = E[X], d = v === "tab" ? GE(S, s) : C[X];
+      if (v === "soft-hyphen") {
+        K && (k = X + 1, e = 0, c = X + 1, M = S + D, R = S + D, J = v), X++;
         continue;
       }
       if (!K) {
-        d > A && i[X] !== null ? Z(X) : n(X, d), DA(X, d), X++;
+        d > A && i[X] !== null ? Z(X) : n(X, d), oA(X, d), X++;
         continue;
       }
       if (S + d > A + t) {
-        const sA = S + (P === "tab" ? 0 : g[X]), yA = S + (P === "tab" ? d : Q[X]);
+        const sA = S + (v === "tab" ? 0 : g[X]), yA = S + (v === "tab" ? d : Q[X]);
         if (J === "soft-hyphen" && a.preferEarlySoftHyphenBreak && M <= A + t) {
           l(c, 0, R);
           continue;
@@ -1456,7 +1456,7 @@ function yE(B, A, I) {
           X++;
           continue;
         }
-        if (sg(P) && sA <= A + t) {
+        if (sg(v) && sA <= A + t) {
           iA(X, d), l(X + 1, 0, yA), X++;
           continue;
         }
@@ -1471,11 +1471,11 @@ function yE(B, A, I) {
         l();
         continue;
       }
-      iA(X, d), DA(X, d), X++;
+      iA(X, d), oA(X, d), X++;
     }
     if (K) {
-      const P = c === q.consumedEndSegmentIndex ? R : S;
-      l(q.consumedEndSegmentIndex, 0, P);
+      const v = c === q.consumedEndSegmentIndex ? R : S;
+      l(q.consumedEndSegmentIndex, 0, v);
     }
   }
   return G;
@@ -1507,8 +1507,8 @@ function kE(B, A, I) {
   const s = [], w = [], a = [], t = [];
   let G = B.chunks.length <= 1;
   const S = [], K = [], y = [], N = I ? [] : null, k = Array.from({ length: B.len }), e = Array.from({ length: B.len });
-  function c(J, p, l, n, j, iA, DA, Z) {
-    j !== "text" && j !== "space" && j !== "zero-width-break" && (G = !1), s.push(p), w.push(l), a.push(n), t.push(j), S == null || S.push(iA), K.push(DA), y.push(Z), N !== null && N.push(J);
+  function c(J, p, l, n, j, iA, oA, Z) {
+    j !== "text" && j !== "space" && j !== "zero-width-break" && (G = !1), s.push(p), w.push(l), a.push(n), t.push(j), S == null || S.push(iA), K.push(oA), y.push(Z), N !== null && N.push(J);
   }
   for (let J = 0; J < B.len; J++) {
     k[J] = s.length;
@@ -1538,8 +1538,8 @@ function kE(B, A, I) {
           T += q;
           continue;
         }
-        const X = pI(T, Q), P = HI(T, X, E);
-        c(T, P, P, P, "text", j + b, null, null), T = q, b = H.index;
+        const X = pI(T, Q), v = HI(T, X, E);
+        c(T, v, v, v, "text", j + b, null, null), T = q, b = H.index;
       }
       if (T.length > 0) {
         const H = pI(T, Q), q = HI(T, H, E);
@@ -1548,12 +1548,12 @@ function kE(B, A, I) {
       e[J] = s.length;
       continue;
     }
-    const DA = HI(p, iA, E), Z = n === "space" || n === "preserved-space" || n === "zero-width-break" ? 0 : DA, f = n === "space" || n === "zero-width-break" ? 0 : DA;
+    const oA = HI(p, iA, E), Z = n === "space" || n === "preserved-space" || n === "zero-width-break" ? 0 : oA, f = n === "space" || n === "zero-width-break" ? 0 : oA;
     if (l && p.length > 1) {
       const T = aE(p, iA, Q, E), b = g.preferPrefixWidthsForBreakableRuns ? hE(p, iA, Q, E) : null;
-      c(p, DA, Z, f, n, j, T, b);
+      c(p, oA, Z, f, n, j, T, b);
     } else
-      c(p, DA, Z, f, n, j, null, null);
+      c(p, oA, Z, f, n, j, null, null);
     e[J] = s.length;
   }
   const M = NE(B.chunks, k, e), R = S === null ? null : kB(B.normalized, S);
@@ -1697,9 +1697,9 @@ function JQ(B) {
             if (!j) continue;
             const iA = n.textCase || w || "none";
             iA === "uppercase" ? j = j.toUpperCase() : iA === "lowercase" ? j = j.toLowerCase() : iA === "capitalize" && (j = j.replace(/\b\w/g, (T) => T.toUpperCase()));
-            const DA = n.fontSize || C;
-            DA > l && (l = DA);
-            const Z = `${n.fontStyle || Q} ${n.fontWeight || g} ${DA}px "${n.fontFamily || I}", sans-serif`, f = dg(j, Z);
+            const oA = n.fontSize || C;
+            oA > l && (l = oA);
+            const Z = `${n.fontStyle || Q} ${n.fontWeight || g} ${oA}px "${n.fontFamily || I}", sans-serif`, f = dg(j, Z);
             if (f && f.widths)
               for (let T = 0; T < f.widths.length; T++) {
                 const b = p + T;
@@ -1805,7 +1805,7 @@ function uC(B, A, I) {
   }
 }
 function nE(B, A, I) {
-  var iA, DA;
+  var iA, oA;
   const C = B.autoLayout, { direction: g, spacing: Q, padding: E, align: i, wrap: o } = C, D = g === "vertical", s = A.map((Z) => {
     const f = I(Z.id), T = Z.geometry;
     let b = (f == null ? void 0 : f.width) ?? T.width ?? 100, H = (f == null ? void 0 : f.height) ?? T.height ?? 100;
@@ -1831,7 +1831,7 @@ function nE(B, A, I) {
     return b *= Z.transform.scale_x || 1, H *= Z.transform.scale_y || 1, { id: Z.id, w: b, h: H, original: Z };
   });
   let w = B.width, a = B.height;
-  const t = ((iA = B.layoutProps) == null ? void 0 : iA.width) === "hug", G = ((DA = B.layoutProps) == null ? void 0 : DA.height) === "hug", S = [];
+  const t = ((iA = B.layoutProps) == null ? void 0 : iA.width) === "hug", G = ((oA = B.layoutProps) == null ? void 0 : oA.height) === "hug", S = [];
   let K = [], y = 0, N = 0;
   const k = w - E.left - E.right, e = a - E.top - E.bottom;
   s.forEach((Z) => {
@@ -1843,16 +1843,16 @@ function nE(B, A, I) {
   return S.forEach((Z) => {
     let f = M, T = R;
     D ? n ? T = E.top + (a - E.top - E.bottom - Z.height) / 2 : j && (T = a - E.bottom - Z.height) : p ? f = E.left + (w - E.left - E.right - Z.width) / 2 : l && (f = w - E.right - Z.width), Z.children.forEach((b) => {
-      var d, v;
+      var d, P;
       let H = f, q = T;
       D ? p ? H += (Z.width - b.w) / 2 : l && (H += Z.width - b.w) : n ? q += (Z.height - b.h) / 2 : j && (q += Z.height - b.h);
-      const X = ((d = b.original.layoutProps) == null ? void 0 : d.width) === "fill", P = ((v = b.original.layoutProps) == null ? void 0 : v.height) === "fill";
+      const X = ((d = b.original.layoutProps) == null ? void 0 : d.width) === "fill", v = ((P = b.original.layoutProps) == null ? void 0 : P.height) === "fill";
       c.push({
         id: b.id,
         x: H + b.w / 2 - w / 2,
         y: q + b.h / 2 - a / 2,
         width: X && D ? Z.width : void 0,
-        height: P ? D ? void 0 : Z.height : void 0
+        height: v ? D ? void 0 : Z.height : void 0
       }), D ? T += b.h + Q : f += b.w + Q;
     }), D ? M += Z.width + Q : R += Z.height + Q;
   }), { frameWidth: t ? w : void 0, frameHeight: G ? a : void 0, childUpdates: c };
@@ -1867,10 +1867,10 @@ function lE(B, A, I) {
   k ? R = (a - K) / 2 : e && (R = a - K), c ? J = (t - y) / 2 : M && (J = t - y);
   const p = [];
   return A.forEach((l, n) => {
-    var v, sA;
+    var P, sA;
     const j = n % G.length || 0, iA = Math.floor(n / G.length) || 0;
     iA >= S.length && S.push(100);
-    const DA = G[j], Z = S[iA];
+    const oA = G[j], Z = S[iA];
     let f = o.left + R + G.slice(0, j).reduce((yA, m) => yA + m + E, 0), T = o.top + J + S.slice(0, iA).reduce((yA, m) => yA + m + i, 0);
     const b = I(l.id), H = l.geometry;
     let q = (b == null ? void 0 : b.width) ?? H.width ?? 100, X = (b == null ? void 0 : b.height) ?? H.height ?? 100;
@@ -1879,12 +1879,12 @@ function lE(B, A, I) {
       q = yA * 2, X = yA * 2;
     }
     q *= l.transform.scale_x || 1, X *= l.transform.scale_y || 1;
-    let P = f, d = T;
-    k ? P += (DA - q) / 2 : e && (P += DA - q), c ? d += (Z - X) / 2 : M && (d += Z - X), p.push({
+    let v = f, d = T;
+    k ? v += (oA - q) / 2 : e && (v += oA - q), c ? d += (Z - X) / 2 : M && (d += Z - X), p.push({
       id: l.id,
-      x: P + q / 2 - s / 2,
+      x: v + q / 2 - s / 2,
       y: d + X / 2 - w / 2,
-      width: ((v = l.layoutProps) == null ? void 0 : v.width) === "fill" ? DA : void 0,
+      width: ((P = l.layoutProps) == null ? void 0 : P.width) === "fill" ? oA : void 0,
       height: ((sA = l.layoutProps) == null ? void 0 : sA.height) === "fill" ? Z : void 0
     });
   }), { childUpdates: p };
@@ -6907,7 +6907,7 @@ class Ji {
     wA(this, "debugMode", !1);
     // Trigger Management
     wA(this, "activeTriggers", /* @__PURE__ */ new Map());
-    console.info("%c[ExodeUI Engine] Pixel-Perfect Parity Active (v6.2.8) - SVG Fill & Gradient Parity Active", "color: #3b82f6; font-weight: bold; padding: 2px 4px; border-radius: 4px; background: rgba(59, 130, 246, 0.1)");
+    console.info("%c[ExodeUI Engine] Pixel-Perfect Parity Active (v6.3.10) - SVG Fill & Gradient Parity Active", "color: #3b82f6; font-weight: bold; padding: 2px 4px; border-radius: 4px; background: rgba(59, 130, 246, 0.1)");
   }
   // interactionId -> lastProgress
   setTriggerCallback(A) {
@@ -7888,19 +7888,19 @@ class Ji {
               let c = k.geometry;
               if (k.type === "Frame" || k.type === "Group" || !c || c.type !== "Path" && c.type !== "Ellipse" && c.type !== "Rectangle") {
                 const d = (N = this.artboard) == null ? void 0 : N.objects.find(
-                  (v) => v.parentId === k.id && v.type === "Shape" && v.geometry && (v.geometry.type === "Path" || v.geometry.type === "Ellipse" || v.geometry.type === "Rectangle")
+                  (P) => P.parentId === k.id && P.type === "Shape" && P.geometry && (P.geometry.type === "Path" || P.geometry.type === "Ellipse" || P.geometry.type === "Rectangle")
                 );
                 d && (c = d.geometry);
               }
               if (!c) return;
-              const M = (o.distance || 0) / 100, R = e.width || c.width || 0, J = e.height || c.height || 0, p = this.getPointOnPath(c, R, J, M), l = e.rotation * Math.PI / 180, n = Math.cos(l), j = Math.sin(l), iA = p.x * e.scale_x * n - p.y * e.scale_y * j, DA = p.x * e.scale_x * j + p.y * e.scale_y * n;
+              const M = (o.distance || 0) / 100, R = e.width || c.width || 0, J = e.height || c.height || 0, p = this.getPointOnPath(c, R, J, M), l = e.rotation * Math.PI / 180, n = Math.cos(l), j = Math.sin(l), iA = p.x * e.scale_x * n - p.y * e.scale_y * j, oA = p.x * e.scale_x * j + p.y * e.scale_y * n;
               let Z = e.rotation + (o.offsetRotation || 0);
               if (o.orient) {
-                const d = Math.cos(p.angle), v = Math.sin(p.angle), sA = d * e.scale_x * n - v * e.scale_y * j, yA = d * e.scale_x * j + v * e.scale_y * n;
+                const d = Math.cos(p.angle), P = Math.sin(p.angle), sA = d * e.scale_x * n - P * e.scale_y * j, yA = d * e.scale_x * j + P * e.scale_y * n;
                 Z = Math.atan2(yA, sA) * 180 / Math.PI + (o.offsetRotation || 0);
               }
-              const f = Z * Math.PI / 180, T = Math.cos(f), b = Math.sin(f), H = (o.offsetX || 0) * T - (o.offsetY || 0) * b, q = (o.offsetX || 0) * b + (o.offsetY || 0) * T, X = e.x + iA + H, P = e.y + DA + q;
-              if (g.x = g.x + (X - g.x) * D, g.y = g.y + (P - g.y) * D, o.orient) {
+              const f = Z * Math.PI / 180, T = Math.cos(f), b = Math.sin(f), H = (o.offsetX || 0) * T - (o.offsetY || 0) * b, q = (o.offsetX || 0) * b + (o.offsetY || 0) * T, X = e.x + iA + H, v = e.y + oA + q;
+              if (g.x = g.x + (X - g.x) * D, g.y = g.y + (v - g.y) * D, o.orient) {
                 let d = (Z - g.rotation) % 360;
                 d > 180 && (d -= 360), d < -180 && (d += 360), g.rotation = g.rotation + d * D;
               }
@@ -8047,7 +8047,7 @@ class Ji {
       if (t && (t.type === "Dropdown" || t.variant === "dropdown")) {
         const G = this.objectStates.get(t.id), S = (G == null ? void 0 : G.options) || t.options || {}, K = t.geometry || {}, y = K.width ?? t.width ?? 200, N = K.height ?? t.height ?? 40, k = S.optionsList || [], e = S.itemHeight || 32, c = S.listPadding ?? 4, M = k.length * e + c * 2, R = this.getWorldTransform(t.id), J = y * Math.abs(R.scaleX), p = N * Math.abs(R.scaleY), l = R.y + p / 2 + 4, n = Math.abs(I - R.x) <= J / 2, j = C >= l && C <= l + M * Math.abs(R.scaleY);
         if (n && j) {
-          const iA = Math.abs(R.scaleY), DA = C - (l + c * iA), Z = Math.floor(DA / (e * iA));
+          const iA = Math.abs(R.scaleY), oA = C - (l + c * iA), Z = Math.floor(oA / (e * iA));
           if (Z >= 0 && Z < k.length) {
             const f = k[Z];
             S.selectedOption = f, S.isOpen = !1, this.activeDropdownId = null, t.inputId && this.setInternalInput(t.inputId, f), this.onComponentChange && this.onComponentChange({
@@ -8135,15 +8135,15 @@ class Ji {
         const K = t.geometry, y = (K == null ? void 0 : K.datasets) || [], N = this.objectStates.get(t.id), k = (N == null ? void 0 : N.width) || (K == null ? void 0 : K.width) || 200, e = (N == null ? void 0 : N.height) || (K == null ? void 0 : K.height) || 150, c = this.getWorldTransform(t.id), M = 30, R = 20, J = k - M, p = e - R;
         let l = 1;
         y.forEach((iA) => {
-          const DA = Math.max(...iA.data || [0]);
-          DA > l && (l = DA);
+          const oA = Math.max(...iA.data || [0]);
+          oA > l && (l = oA);
         });
         let n = 1 / 0, j = null;
-        y.forEach((iA, DA) => {
+        y.forEach((iA, oA) => {
           const Z = iA.data || [], f = J / Math.max(Z.length - 1, 1);
           Z.forEach((T, b) => {
             const H = c.x - k / 2 + M + b * f, q = c.y + e / 2 - R - T / l * p, X = Math.sqrt((I - H) ** 2 + (C - q) ** 2);
-            X < n && (n = X, j = { dIdx: DA, pIdx: b, val: T, label: iA.label || `Dataset ${DA + 1}` });
+            X < n && (n = X, j = { dIdx: oA, pIdx: b, val: T, label: iA.label || `Dataset ${oA + 1}` });
           });
         }), j && n < 20 && this.onGraphPointClick && this.onGraphPointClick({ objectId: t.id, componentName: t.name, datasetIndex: j.dIdx, pointIndex: j.pIdx, value: j.val, label: j.label }), this.onComponentChange && this.onComponentChange({ objectId: t.id, componentName: t.name, variant: "linegraph", property: "click", value: (j == null ? void 0 : j.val) ?? null });
       }
@@ -8579,7 +8579,7 @@ class Ji {
   }
   */
   renderObject(A, I, C) {
-    var S, K, y, N, k, e, c, M, R, J, p, l, n, j, iA, DA, Z;
+    var S, K, y, N, k, e, c, M, R, J, p, l, n, j, iA, oA, Z;
     const g = this.objectStates.get(I.id);
     if (!g) {
       console.warn("No state for object:", I.id);
@@ -8608,23 +8608,23 @@ class Ji {
           const EA = a.offsetX || 0, hA = a.offsetY || 0, x = a.rotation || 0, L = a.scale !== void 0 ? a.scale : 1;
           T += f * EA, b += f * hA, H += f * x, q *= Math.pow(L, f), X *= Math.pow(L, f);
         } else if (a.type === "Grid") {
-          const EA = a.cols || Math.ceil(Math.sqrt(a.count)), hA = a.gapX || 0, x = a.gapY || 0, L = Math.floor(f / EA), V = f % EA, CA = i + hA, FA = o + x;
-          T += V * CA, b += L * FA;
+          const EA = a.cols || Math.ceil(Math.sqrt(a.count)), hA = a.gapX || 0, x = a.gapY || 0, L = Math.floor(f / EA), V = f % EA, QA = i + hA, FA = o + x;
+          T += V * QA, b += L * FA;
         } else if (a.type === "Radial") {
-          const EA = a.radius || 100, hA = a.startAngle || 0, L = (a.endAngle || 360) - hA, V = a.count > 1 ? L / (L === 360 ? a.count : a.count - 1) : 0, CA = hA + f * V, FA = CA * Math.PI / 180;
-          T = g.x + EA * Math.cos(FA), b = g.y + EA * Math.sin(FA), H += CA;
+          const EA = a.radius || 100, hA = a.startAngle || 0, L = (a.endAngle || 360) - hA, V = a.count > 1 ? L / (L === 360 ? a.count : a.count - 1) : 0, QA = hA + f * V, FA = QA * Math.PI / 180;
+          T = g.x + EA * Math.cos(FA), b = g.y + EA * Math.sin(FA), H += QA;
         }
       }
-      const P = I.type === "Group" || I.type === "Frame" || I.type === "Component", d = i > 0 && o > 0;
-      if (!P && d) {
+      const v = I.type === "Group" || I.type === "Frame" || I.type === "Component", d = i > 0 && o > 0;
+      if (!v && d) {
         const EA = (((y = E.shadow) == null ? void 0 : y.isEnabled) !== !1 ? (((N = E.shadow) == null ? void 0 : N.blur) || 0) + 10 : 0) + (((k = E.blur) == null ? void 0 : k.isEnabled) !== !1 && ((e = E.blur) == null ? void 0 : e.radius) || 0) + 20;
         if (!this.isObjectInView(A, T, b, i, o, EA))
           continue;
       }
       this.debug_objectsRendered++, A.save();
-      const v = [], sA = E.blur || ((c = I.style) == null ? void 0 : c.blur);
-      sA && sA.amount > 0 && v.push(`blur(${sA.amount}px)`);
-      const yA = ((M = Q == null ? void 0 : Q.type) == null ? void 0 : M.toLowerCase().includes("image")) || ((R = I.type) == null ? void 0 : R.toLowerCase().includes("image")), m = E.adjustments && Object.keys(E.adjustments).length > 0 ? E.adjustments : null, QA = Q != null && Q.adjustments && Object.keys(Q.adjustments).length > 0 ? Q.adjustments : null, oA = yA ? QA || m : m || QA, _ = yA && !oA ? {
+      const P = [], sA = E.blur || ((c = I.style) == null ? void 0 : c.blur);
+      sA && sA.amount > 0 && P.push(`blur(${sA.amount}px)`);
+      const yA = ((M = Q == null ? void 0 : Q.type) == null ? void 0 : M.toLowerCase().includes("image")) || ((R = I.type) == null ? void 0 : R.toLowerCase().includes("image")), m = E.adjustments && Object.keys(E.adjustments).length > 0 ? E.adjustments : null, CA = Q != null && Q.adjustments && Object.keys(Q.adjustments).length > 0 ? Q.adjustments : null, DA = yA ? CA || m : m || CA, _ = yA && !DA ? {
         exposure: 0,
         contrast: 0,
         saturation: 100,
@@ -8635,9 +8635,9 @@ class Ji {
         blur: 0,
         negative: 0,
         hue: 0
-      } : oA;
+      } : DA;
       if (g && _ && (g.geometry = g.geometry || {}, g.geometry.adjustments = { ..._ }), _) {
-        const EA = (_.exposure || 0) / 100, hA = _.contrast || 0, x = 1 + (_.saturation || 0) / 100, L = (_.temperature || 0) / 200, V = (_.tint || 0) / 200, CA = (_.highlights || 0) / 500, FA = (_.shadows || 0) / 500;
+        const EA = (_.exposure || 0) / 100, hA = _.contrast || 0, x = 1 + (_.saturation || 0) / 100, L = (_.temperature || 0) / 200, V = (_.tint || 0) / 200, QA = (_.highlights || 0) / 500, FA = (_.shadows || 0) / 500;
         let nA = "", tA = "SourceGraphic";
         if (EA !== 0 && (nA += `
                 <feComponentTransfer in="${tA}" result="exposure">
@@ -8662,8 +8662,8 @@ class Ji {
                             0 0 ${cA} 0 ${1 - cA}
                             0 0 0 1 0"/>`, tA = "invert";
         }
-        if (L !== 0 || V !== 0 || CA !== 0 || FA !== 0) {
-          const cA = 1 + CA + FA, Y = cA * (1 + L - V / 2), pA = cA * (1 + V), iI = cA * (1 - L - V / 2), XA = _.shadows * 0.1 / 255, GA = [
+        if (L !== 0 || V !== 0 || QA !== 0 || FA !== 0) {
+          const cA = 1 + QA + FA, Y = cA * (1 + L - V / 2), pA = cA * (1 + V), iI = cA * (1 - L - V / 2), XA = _.shadows * 0.1 / 255, GA = [
             Y,
             0,
             0,
@@ -8689,10 +8689,10 @@ class Ji {
         }
         if (_.blur && (nA += `<feGaussianBlur in="${tA}" stdDeviation="${_.blur}" result="blur"/>`, tA = "blur"), nA) {
           const cA = `<svg xmlns="http://www.w3.org/2000/svg"><filter id="f" color-interpolation-filters="sRGB">${nA}</filter></svg>`, Y = btoa(cA);
-          v.push(`url('data:image/svg+xml;base64,${Y}#f')`);
+          P.push(`url('data:image/svg+xml;base64,${Y}#f')`);
         }
       }
-      v.length > 0 ? A.filter = v.join(" ") : A.filter = "none", A.imageSmoothingEnabled = !0, A.imageSmoothingQuality = "high";
+      P.length > 0 ? A.filter = P.join(" ") : A.filter = "none", A.imageSmoothingEnabled = !0, A.imageSmoothingQuality = "high";
       const aA = A.globalAlpha, kA = this.normalizeOpacity(g.opacity !== void 0 ? g.opacity : 100);
       A.globalAlpha = aA * kA;
       const lA = g.compositeOperation || g.blendMode;
@@ -8754,19 +8754,19 @@ class Ji {
         let EA = $A.color || "#000000";
         (p = (J = this.artboard) == null ? void 0 : J.tokens) != null && p.colors && this.artboard.tokens.colors[EA] && (EA = this.artboard.tokens.colors[EA]);
         const hA = this.normalizeOpacity($A.opacity ?? 100), x = $A.spread || 0, V = ($A.blur || 0) + x * 1.5;
-        let CA = EA;
+        let QA = EA;
         if (EA.startsWith("#")) {
           const tA = EA.replace("#", ""), HA = parseInt(tA.substring(0, 2), 16), cA = parseInt(tA.substring(2, 4), 16), Y = parseInt(tA.substring(4, 6), 16);
-          CA = `rgba(${HA}, ${cA}, ${Y}, ${hA})`;
+          QA = `rgba(${HA}, ${cA}, ${Y}, ${hA})`;
         } else if (EA.startsWith("rgba")) {
           const tA = EA.match(/[\d.]+/g);
           if (tA && tA.length >= 4) {
             const HA = tA[0], cA = tA[1], Y = tA[2], pA = tA[3];
-            CA = `rgba(${HA}, ${cA}, ${Y}, ${parseFloat(pA) * hA})`;
+            QA = `rgba(${HA}, ${cA}, ${Y}, ${parseFloat(pA) * hA})`;
           }
         }
         const FA = A.getTransform(), nA = Math.sqrt(FA.a * FA.a + FA.b * FA.b) || 1;
-        A.shadowColor = CA, A.shadowBlur = V * nA, A.shadowOffsetX = ($A.offsetX || 0) * nA, A.shadowOffsetY = ($A.offsetY || 0) * nA;
+        A.shadowColor = QA, A.shadowBlur = V * nA, A.shadowOffsetX = ($A.offsetX || 0) * nA, A.shadowOffsetY = ($A.offsetY || 0) * nA;
       }
       const II = I.liquidFill || ((l = I.style) == null ? void 0 : l.liquidFill), aI = I.artEffect || ((n = I.style) == null ? void 0 : n.artEffect);
       if (II && II.enabled) {
@@ -8798,15 +8798,15 @@ class Ji {
           const x = E.stroke && E.stroke.width > 0 && E.stroke.isEnabled !== !1, L = (((j = E.stroke) == null ? void 0 : j.alignment) || "center").toLowerCase();
           if (x && (L === "outside" || L === "center") && this.applyStrokeAlignment(A, E, w, i, o, s), E.fill && E.fill.type !== "None") {
             A.save();
-            const V = A.globalAlpha, CA = this.createCanvasFill(A, E.fill, i, o);
-            A.fillStyle = CA || E.fill.color || "transparent", A.globalAlpha = V * this.normalizeOpacity(E.fill.opacity ?? 100), s !== 0 ? (this.drawRoundRect(A, -i / 2, -o / 2, i, o, s), A.fill()) : A.fillRect(-i / 2, -o / 2, i, o), A.globalAlpha = V, A.restore();
+            const V = A.globalAlpha, QA = this.createCanvasFill(A, E.fill, i, o);
+            A.fillStyle = QA || E.fill.color || "transparent", A.globalAlpha = V * this.normalizeOpacity(E.fill.opacity ?? 100), s !== 0 ? (this.drawRoundRect(A, -i / 2, -o / 2, i, o, s), A.fill()) : A.fillRect(-i / 2, -o / 2, i, o), A.globalAlpha = V, A.restore();
           }
           hA.complete && hA.naturalWidth > 0 ? (s !== 0 ? (A.save(), this.drawRoundRect(A, -i / 2, -o / 2, i, o, s), A.clip(), A.drawImage(hA, -i / 2, -o / 2, i, o), A.restore()) : A.drawImage(hA, -i / 2, -o / 2, i, o), x && L === "inside" && this.applyStrokeAlignment(A, E, w, i, o, s)) : x && L === "inside" && this.applyStrokeAlignment(A, E, w, i, o, s);
         }
       } else if (Q.type === "SVG") {
         const EA = Q.svgContent;
         if (EA) {
-          const hA = E.palette || [], x = E.fill, L = E.stroke, V = x ? this.normalizeOpacity(x.opacity ?? 100) : 1, CA = (x == null ? void 0 : x.type) === "Solid" && (!L || L.isEnabled === !1 || L.type === "Solid" && L.color === x.color), FA = x && x.type !== "None" ? CA ? "monochrome" : x.type === "Solid" ? (x.color || "") + "|opacity:" + V : JSON.stringify(x.stops || []) + "|opacity:" + V : "", nA = L && L.isEnabled !== !1 && (L.width || 0) > 0 ? CA ? [
+          const hA = E.palette || [], x = E.fill, L = E.stroke, V = x ? this.normalizeOpacity(x.opacity ?? 100) : 1, QA = (x == null ? void 0 : x.type) === "Solid" && (!L || L.isEnabled === !1 || L.type === "Solid" && L.color === x.color), FA = x && x.type !== "None" ? QA ? "monochrome" : x.type === "Solid" ? (x.color || "") + "|opacity:" + V : JSON.stringify(x.stops || []) + "|opacity:" + V : "", nA = L && L.isEnabled !== !1 && (L.width || 0) > 0 ? QA ? [
             "monochrome",
             L.width || 0,
             L.trimStart ?? 0,
@@ -8844,7 +8844,7 @@ class Ji {
               }
             }), x && x.type && x.type !== "None") {
               if (x.type === "Solid" && x.color) {
-                const u = CA ? "#FFFFFF" : x.color, $ = CA ? 1 : this.normalizeOpacity(x.opacity ?? 100);
+                const u = QA ? "#FFFFFF" : x.color, $ = QA ? 1 : this.normalizeOpacity(x.opacity ?? 100);
                 Y = Y.replace(/\bfill\s*=\s*["'][^"']*["']/gi, (KA) => /fill\s*=\s*["']\s*(none|transparent)\s*["']/i.test(KA) ? KA : `fill="${u}"`), Y = Y.replace(/fill\s*:\s*[^;"')]+/gi, (KA) => /fill\s*:\s*(none|transparent)/i.test(KA) ? KA : `fill:${u}`), $ < 1 && (Y = Y.replace(/\bfill-opacity\s*=\s*["'][^"']*["']/gi, `fill-opacity="${$}"`), Y = Y.replace(/fill-opacity\s*:\s*[^;"')]+/gi, `fill-opacity:${$}`), Y.match(/\bfill-opacity\s*=/i) || (Y = Y.replace(/(<svg[^>]*>)/i, `$1<g fill-opacity="${$}">`), Y = Y.replace(/<\/svg>/i, "</g></svg>")));
               } else if (x.type === "LinearGradient" || x.type === "RadialGradient" || x.type === "Linear" || x.type === "Radial") {
                 const u = "exode-fill", $ = this.normalizeOpacity(x.opacity ?? 100), KA = (x.stops || []).map((W) => {
@@ -8875,7 +8875,7 @@ class Ji {
               return `<radialGradient id="${$}" cx="${BA}%" cy="${rA}%" r="${dA}%" gradientUnits="objectBoundingBox">${O}</radialGradient>`;
             }, iI = (u, $) => /<defs>/i.test(u) ? u.replace(/<defs>/i, `<defs>${$}`) : u.replace(/(<svg[^>]*>)/i, `$1<defs>${$}</defs>`);
             if (L && L.isEnabled !== !1 && (L.width || 0) > 0) {
-              const u = L.width || 1, $ = CA ? 1 : this.normalizeOpacity(L.opacity ?? 100), KA = CA ? "#FFFFFF" : L.color || (x == null ? void 0 : x.color) || "#000000";
+              const u = L.width || 1, $ = QA ? 1 : this.normalizeOpacity(L.opacity ?? 100), KA = QA ? "#FFFFFF" : L.color || (x == null ? void 0 : x.color) || "#000000";
               let O = "";
               const W = L.fill;
               if (W && W.type) {
@@ -8947,7 +8947,7 @@ class Ji {
           let cA = null;
           if (HA.complete && HA.naturalWidth > 0 ? (cA = HA, this.lastValidSvgImgMap.set(I.id, HA)) : cA = this.lastValidSvgImgMap.get(I.id) || null, cA && cA.complete && cA.naturalWidth > 0) {
             const Y = Math.max(1, i), pA = Math.max(1, o);
-            if (CA && (x == null ? void 0 : x.type) === "Solid") {
+            if (QA && (x == null ? void 0 : x.type) === "Solid") {
               this.maskBuffer || (this.maskBuffer = document.createElement("canvas"), this.maskCtx = this.maskBuffer.getContext("2d")), this.maskBuffer.width = Y, this.maskBuffer.height = pA, 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, Y, pA), this.maskCtx.drawImage(cA, 0, 0, Y, pA), this.maskCtx.globalCompositeOperation = "source-in";
               const iI = x.color || "#000000", XA = this.normalizeOpacity(x.opacity ?? 100);
               this.maskCtx.fillStyle = iI, this.maskCtx.globalAlpha = XA, this.maskCtx.fillRect(0, 0, Y, pA), A.drawImage(this.maskBuffer, -Y / 2, -pA / 2, Y, pA);
@@ -8959,7 +8959,7 @@ class Ji {
       else if (I.type === "Shape") {
         if (this.applyPath(A, w, i, o, s), A.save(), E.blur && E.blur.amount > 0 && (A.filter = `blur(${E.blur.amount}px)`), E.fill) {
           const EA = A.globalAlpha;
-          if (((DA = E.fill) == null ? void 0 : DA.type) === "Image" && (E.fill.originalSrc || E.fill.src)) {
+          if (((oA = E.fill) == null ? void 0 : oA.type) === "Image" && (E.fill.originalSrc || E.fill.src)) {
             const hA = E.fill.originalSrc || E.fill.src;
             let x = this.imageCache.get(hA);
             x || (x = new Image(), x.src = hA, this.imageCache.set(hA, x)), x.complete && x.naturalWidth > 0 && (A.save(), this.applyPath(A, w, i, o, s), A.clip(), this.renderFittedImage(A, x, -i / 2, -o / 2, i, o, E.fill.fillMode), A.restore());
@@ -8985,21 +8985,21 @@ class Ji {
         const hA = I.type === "Frame", x = I.clipsContent !== void 0 ? I.clipsContent : I.clipContent !== void 0 ? I.clipContent : hA;
         if (A.save(), x) {
           A.beginPath();
-          const V = g.width ?? (Q == null ? void 0 : Q.width) ?? I.width ?? 0, CA = g.height ?? (Q == null ? void 0 : Q.height) ?? I.height ?? 0, FA = g.cornerRadius ?? (Q == null ? void 0 : Q.corner_radius) ?? I.cornerRadius ?? 0;
-          this.drawRoundRect(A, -V / 2, -CA / 2, V, CA, FA), A.clip();
+          const V = g.width ?? (Q == null ? void 0 : Q.width) ?? I.width ?? 0, QA = g.height ?? (Q == null ? void 0 : Q.height) ?? I.height ?? 0, FA = g.cornerRadius ?? (Q == null ? void 0 : Q.corner_radius) ?? I.cornerRadius ?? 0;
+          this.drawRoundRect(A, -V / 2, -QA / 2, V, QA, FA), A.clip();
         }
         let L = 0;
         for (I.children.forEach((V) => {
-          const CA = C.get(V);
-          if (!CA) return;
-          const FA = this.objectStates.get(V), nA = (FA == null ? void 0 : FA.geometry) || CA.geometry;
+          const QA = C.get(V);
+          if (!QA) return;
+          const FA = this.objectStates.get(V), nA = (FA == null ? void 0 : FA.geometry) || QA.geometry;
           if (nA && nA.isMask && (FA == null ? void 0 : FA.visible) !== !1) {
             const tA = nA.width || 0, HA = nA.height || 0;
             this.applyObjectTransform(A, V);
             const cA = (FA == null ? void 0 : FA.corner_radius) ?? (nA == null ? void 0 : nA.corner_radius) ?? 0;
             this.applyPath(A, nA, tA, HA, cA), A.clip(), L++;
           } else
-            this.renderObject(A, CA, C);
+            this.renderObject(A, QA, C);
         }); L > 0; )
           A.restore(), L--;
         A.restore();
@@ -9014,13 +9014,13 @@ class Ji {
           isVisible: !0
         }] : [])).filter((L) => L.isVisible !== !1 && C.has(L.maskId)).forEach((L) => {
           var cA, Y, pA, iI, XA, GA;
-          const V = C.get(L.maskId), CA = this.objectStates.get(V.id), FA = L.feather || 0, nA = L.inverted === !0, tA = L.opacity !== void 0 ? typeof L.opacity == "number" ? L.opacity : L.opacity / 100 : 1;
+          const V = C.get(L.maskId), QA = this.objectStates.get(V.id), FA = L.feather || 0, nA = L.inverted === !0, tA = L.opacity !== void 0 ? typeof L.opacity == "number" ? L.opacity : L.opacity / 100 : 1;
           if ((L.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, V.id, C), FA > 0 && (this.lumaCtx.filter = `blur(${FA}px)`), this.lumaCtx.globalAlpha = tA;
-            const u = (CA == null ? void 0 : CA.width) || V.geometry.width || 0, $ = (CA == null ? void 0 : CA.height) || V.geometry.height || 0, KA = (CA == null ? void 0 : CA.corner_radius) ?? V.corner_radius ?? 0;
+            const u = (QA == null ? void 0 : QA.width) || V.geometry.width || 0, $ = (QA == null ? void 0 : QA.height) || V.geometry.height || 0, KA = (QA == null ? void 0 : QA.corner_radius) ?? V.corner_radius ?? 0;
             if (((cA = V.geometry) == null ? void 0 : cA.type) === "Text") {
-              const rA = CA != null && CA.geometry ? this.deepMerge(V.geometry, CA.geometry) : V.geometry, dA = CA != null && CA.style ? this.deepMerge(V.style, CA.style) : V.style;
-              this._renderText(this.lumaCtx, V, { ...rA, width: u, height: $, corner_radius: KA }, dA, CA, u, $, !0);
+              const rA = QA != null && QA.geometry ? this.deepMerge(V.geometry, QA.geometry) : V.geometry, dA = QA != null && QA.style ? this.deepMerge(V.style, QA.style) : V.style;
+              this._renderText(this.lumaCtx, V, { ...rA, width: u, height: $, corner_radius: KA }, dA, QA, u, $, !0);
             } else if (((Y = V.geometry) == null ? void 0 : Y.type) === "Image") {
               const rA = V.geometry.src;
               if (rA) {
@@ -9053,10 +9053,10 @@ class Ji {
             this.maskCtx.putImageData(O, 0, 0);
           } else {
             this.maskCtx.save(), this.rootTransform && this.maskCtx.setTransform(this.rootTransform), this.maskCtx.globalCompositeOperation = nA ? "destination-out" : "destination-in", FA > 0 && (this.maskCtx.filter = `blur(${FA}px)`), this.maskCtx.globalAlpha = tA, this.applyAbsoluteTransform(this.maskCtx, V.id, C);
-            const u = (CA == null ? void 0 : CA.width) || V.geometry.width || 0, $ = (CA == null ? void 0 : CA.height) || V.geometry.height || 0, KA = (CA == null ? void 0 : CA.corner_radius) ?? V.corner_radius ?? 0;
+            const u = (QA == null ? void 0 : QA.width) || V.geometry.width || 0, $ = (QA == null ? void 0 : QA.height) || V.geometry.height || 0, KA = (QA == null ? void 0 : QA.corner_radius) ?? V.corner_radius ?? 0;
             if (((iI = V.geometry) == null ? void 0 : iI.type) === "Text") {
-              const O = CA != null && CA.geometry ? this.deepMerge(V.geometry, CA.geometry) : V.geometry, W = CA != null && CA.style ? this.deepMerge(V.style, CA.style) : V.style;
-              this._renderText(this.maskCtx, V, { ...O, width: u, height: $, corner_radius: KA }, W, CA, u, $, !0);
+              const O = QA != null && QA.geometry ? this.deepMerge(V.geometry, QA.geometry) : V.geometry, W = QA != null && QA.style ? this.deepMerge(V.style, QA.style) : V.style;
+              this._renderText(this.maskCtx, V, { ...O, width: u, height: $, corner_radius: KA }, W, QA, u, $, !0);
             } else if (((XA = V.geometry) == null ? void 0 : XA.type) === "Image") {
               const O = V.geometry.src;
               if (O) {
@@ -9089,7 +9089,7 @@ class Ji {
     }
   }
   _renderText(A, I, C, g, Q, E, i, o = !1, D = !1) {
-    var P, d, v, sA, yA;
+    var v, d, P, sA, yA;
     let s = C.text || "";
     if (C.textInputId && !o) {
       const m = this.inputs.get(C.textInputId);
@@ -9098,8 +9098,8 @@ class Ji {
     if (C.svgPath) {
       const m = C.svgPath;
       A.save();
-      const QA = ((P = g == null ? void 0 : g.fill) == null ? void 0 : P.color) || "#000000", oA = ((d = g == null ? void 0 : g.fill) == null ? void 0 : d.opacity) !== void 0 ? (v = g == null ? void 0 : g.fill) == null ? void 0 : v.opacity : 1;
-      A.fillStyle = QA, A.globalAlpha *= oA;
+      const CA = ((v = g == null ? void 0 : g.fill) == null ? void 0 : v.color) || "#000000", DA = ((d = g == null ? void 0 : g.fill) == null ? void 0 : d.opacity) !== void 0 ? (P = g == null ? void 0 : g.fill) == null ? void 0 : P.opacity : 1;
+      A.fillStyle = CA, A.globalAlpha *= DA;
       const _ = new Path2D(m);
       A.fill(_), A.restore();
       return;
@@ -9114,8 +9114,8 @@ class Ji {
     let y = C.fontFamily || "Inter";
     const N = ["Bold", "SemiBold", "Medium", "Regular", "Light", "Thin", "ExtraBold", "Black", "Italic"];
     N.forEach((m) => {
-      const QA = new RegExp(`[\\s-]${m}$`, "i");
-      QA.test(y) && (y = y.replace(QA, "").trim());
+      const CA = new RegExp(`[\\s-]${m}$`, "i");
+      CA.test(y) && (y = y.replace(CA, "").trim());
     });
     const k = `${G} ${S} ${K}px "${y}", sans-serif`;
     A.font = k;
@@ -9147,23 +9147,23 @@ class Ji {
       segments: C.segments,
       enableSegments: C.enableSegments,
       textCase: a
-    }), j = n.lines || [], iA = n.maxFontSize || K, DA = this.fontLeadingFactors[y] ?? 0.5, Z = (p - K) * DA;
+    }), j = n.lines || [], iA = n.maxFontSize || K, oA = this.fontLeadingFactors[y] ?? 0.5, Z = (p - K) * oA;
     let f = n.height, T = -f / 2;
     i > 0 && i > f && (e === "top" ? T = -i / 2 : e === "middle" || e === "center" ? T = -f / 2 : e === "bottom" && (T = i / 2 - f)), T += Z;
     let b = null, H = 0;
     if (C.pathId && this.artboard) {
-      const m = this.artboard.objects.find((QA) => QA.id === C.pathId);
+      const m = this.artboard.objects.find((CA) => CA.id === C.pathId);
       if (m && m.type === "Shape" && ((yA = m.geometry) == null ? void 0 : yA.type) === "Path") {
-        const QA = this.objectStates.get(m.id), oA = QA != null && QA.geometry ? this.deepMerge(m.geometry, QA.geometry) : m.geometry, _ = (QA == null ? void 0 : QA.scale_x) !== void 0 ? (m.width || 0) * QA.scale_x : m.width || 0, aA = (QA == null ? void 0 : QA.scale_y) !== void 0 ? (m.height || 0) * QA.scale_y : m.height || 0;
-        b = { geo: oA, obj: m, w: _, h: aA }, H = this.getPerimeter(oA, _, aA);
+        const CA = this.objectStates.get(m.id), DA = CA != null && CA.geometry ? this.deepMerge(m.geometry, CA.geometry) : m.geometry, _ = (CA == null ? void 0 : CA.scale_x) !== void 0 ? (m.width || 0) * CA.scale_x : m.width || 0, aA = (CA == null ? void 0 : CA.scale_y) !== void 0 ? (m.height || 0) * CA.scale_y : m.height || 0;
+        b = { geo: DA, obj: m, w: _, h: aA }, H = this.getPerimeter(DA, _, aA);
       }
     }
-    const q = (m, QA) => {
+    const q = (m, CA) => {
       var _, aA;
       if (M === 0 && (!C.enableSegments || !((_ = C.segments) != null && _.length))) return A.measureText(m).width;
-      let oA = 0;
+      let DA = 0;
       for (let kA = 0; kA < m.length; kA++) {
-        const lA = QA + kA;
+        const lA = CA + kA;
         let UA = 0;
         if (C.enableSegments === !0 && ((aA = C.segments) == null ? void 0 : aA.length) > 0) {
           let TA = 0, OA = null;
@@ -9183,20 +9183,20 @@ class Ji {
             UA = A.measureText(m[kA]).width;
         } else
           UA = A.measureText(m[kA]).width;
-        oA += UA + M;
+        DA += UA + M;
       }
-      return oA - (m.length > 0 ? M : 0);
-    }, X = (m, QA, oA, _, aA) => {
+      return DA - (m.length > 0 ? M : 0);
+    }, X = (m, CA, DA, _, aA) => {
       var OA, zA;
       const lA = (aA === 0 || w[aA - 1] === `
 ` || w[aA - 1] === "\r") && C.paragraphIndent ? C.paragraphIndent : 0, UA = (!o || D) && (I.behaviors || []).some(
         (_A) => _A.enabled && (_A.type.toString().includes("Text") || ["Typewriter", "Scramble", "Wave", "Bounce", "GlitchText", "Reveal3D", "RevealSlide", "RevealBlur"].includes(_A.type))
       );
       if (!C.pathId && !UA && (C.enableSegments !== !0 || !C.segments || C.segments.length === 0))
-        A.font = k, _ ? A.strokeText(m, QA + lA, oA) : A.fillText(m, QA + lA, oA);
+        A.font = k, _ ? A.strokeText(m, CA + lA, DA) : A.fillText(m, CA + lA, DA);
       else {
         const _A = q(m, aA);
-        let EI = QA + lA;
+        let EI = CA + lA;
         c === "center" ? EI -= _A / 2 : c === "right" && (EI -= _A);
         let $A = C.pathOffset || 0;
         C.pathId && H > 0 && b && (c === "center" ? $A += H / 2 - _A / 2 : c === "right" && ($A += H - _A));
@@ -9237,7 +9237,7 @@ class Ji {
         for (let EA = 0; EA < m.length; EA++) {
           let hA = m[EA];
           const x = aA + EA;
-          let L = 0, V = 0, CA = 1, FA = 1, nA = 0, tA = 1, HA = hA;
+          let L = 0, V = 0, QA = 1, FA = 1, nA = 0, tA = 1, HA = hA;
           aI.forEach((GA) => {
             const u = GA.settings || {}, $ = u.strength || 1, KA = Date.now();
             if (GA.type === z.Typewriter)
@@ -9251,10 +9251,10 @@ class Ji {
               O < 1 && (V -= Math.abs(Math.sin(O * Math.PI)) * (u.height || 50) * $);
             } else if (GA.type === z.TextTrail) {
               const O = this.pointerHistory[Math.max(0, this.pointerHistory.length - 1 - x * (u.delay || 5))];
-              O && (L += (O.x - (Q.x + II)) * $ * 0.2, V += (O.y - (Q.y + oA + V)) * $ * 0.2);
+              O && (L += (O.x - (Q.x + II)) * $ * 0.2, V += (O.y - (Q.y + DA + V)) * $ * 0.2);
             } else if (GA.type === z.Reveal3D) {
               const O = Math.max(0, Math.min(1, this.currentTime * (u.speed || 1) - x * (u.stagger || 0.1)));
-              CA *= O, FA *= O, tA = O;
+              QA *= O, FA *= O, tA = O;
             } else if (GA.type === z.RevealSlide) {
               const O = Math.max(0, Math.min(1, this.currentTime * 1.5 - x * 0.05)), W = (1 - O) * (u.distance || 40) * $, BA = u.direction || "up";
               BA === "up" ? V -= W : BA === "down" ? V += W : BA === "left" ? L -= W : BA === "right" && (L += W), tA = O;
@@ -9296,30 +9296,30 @@ class Ji {
               L += Math.sin(KA * 2e-3 * O + x) * W * $, V += Math.cos(KA * 15e-4 * O + x * 0.7) * W * $;
             } else if (GA.type === z.TextBreathe) {
               const W = 1 + (Math.sin(KA * 3e-3 + x * 0.2) + 1) / 2 * 0.2 * $;
-              CA *= W, FA *= W;
+              QA *= W, FA *= W;
             } else if (GA.type === z.TextSpin) {
               const O = u.speed || 1;
               nA += KA * 0.01 * O + x;
             } else if (GA.type === z.TextMagnet) {
               const O = this.pointerHistory[this.pointerHistory.length - 1];
               if (O) {
-                const W = O.x - (Q.x + II), BA = O.y - (Q.y + oA);
+                const W = O.x - (Q.x + II), BA = O.y - (Q.y + DA);
                 nA = Math.atan2(BA, W);
               }
             } else if (GA.type === z.TextPerspective) {
               const O = m.length / 2, W = (x - O) / O, BA = 1 - Math.abs(W) * 0.3 * $;
-              CA *= BA, FA *= BA, L += W * 20 * $;
+              QA *= BA, FA *= BA, L += W * 20 * $;
             } else if (GA.type === z.TextMirror)
               tA *= 0.8;
             else if (GA.type === z.TextFloral) {
               const O = u.speed || 1, W = u.stagger || 0.1, BA = (KA * 1e-3 * O + x * W) % 2;
-              BA < 1 && (CA *= BA, FA *= BA, nA += BA * Math.PI);
+              BA < 1 && (QA *= BA, FA *= BA, nA += BA * Math.PI);
             } else if (GA.type === z.TextSmoke) {
               const O = u.speed || 1, W = u.height || 50, BA = (KA * 5e-4 * O + x * 0.2) % 1;
               V -= BA * W * $, L += Math.sin(KA * 2e-3 + x) * 5 * $, tA = 1 - BA;
             } else if (GA.type === z.TextVariable) {
               const O = u.speed || 1, W = u.intensity || 1.5, BA = (Math.sin(KA * 4e-3 * O + x * 0.3) + 1) / 2;
-              CA *= 1 + BA * (W - 1) * $;
+              QA *= 1 + BA * (W - 1) * $;
             } else if (GA.type === z.TextZing) {
               const O = u.speed || 2, W = u.distance || 100, BA = (KA * 2e-3 * O + x * 0.05) % 1;
               L += (1 - BA) * W * $, tA = BA;
@@ -9359,11 +9359,11 @@ class Ji {
           A.globalAlpha *= tA, A.save();
           const XA = A.measureText(HA).width;
           if (b && H > 0) {
-            const GA = II - EI + XA / 2, $ = ($A + GA) / H, KA = this.getPointOnPath(b.geo, b.w, b.h, Math.abs($ % 1)), O = KA.angle, W = oA + V + (C.pathOffsetY || 0), BA = C.pathSide === "right" ? -1 : 1, rA = Math.cos(O + Math.PI / 2) * W * BA, dA = Math.sin(O + Math.PI / 2) * W * BA;
+            const GA = II - EI + XA / 2, $ = ($A + GA) / H, KA = this.getPointOnPath(b.geo, b.w, b.h, Math.abs($ % 1)), O = KA.angle, W = DA + V + (C.pathOffsetY || 0), BA = C.pathSide === "right" ? -1 : 1, rA = Math.cos(O + Math.PI / 2) * W * BA, dA = Math.sin(O + Math.PI / 2) * W * BA;
             A.translate(KA.x + rA + L, KA.y + dA), A.rotate(O + nA + (BA === -1 ? Math.PI : 0));
           } else
-            A.translate(II + L + XA / 2, oA + V), nA !== 0 && A.rotate(nA);
-          if (A.scale(CA, FA), cA && !o && !D) {
+            A.translate(II + L + XA / 2, DA + V), nA !== 0 && A.rotate(nA);
+          if (A.scale(QA, FA), cA && !o && !D) {
             const GA = this.createCanvasFill(A, cA, E, i);
             A.fillStyle = GA || cA.color || "#000000";
           } else if (!o && !D) {
@@ -9380,27 +9380,27 @@ class Ji {
       }
     };
     if (o) {
-      let m = 0, QA = T;
-      (j || []).forEach((oA) => {
-        const _ = oA.text || "", aA = w.indexOf(_, m);
+      let m = 0, CA = T;
+      (j || []).forEach((DA) => {
+        const _ = DA.text || "", aA = w.indexOf(_, m);
         aA !== -1 && (m = aA);
         let kA = -E / 2;
-        c === "center" ? kA = 0 : c === "right" && (kA = E / 2), X(_, kA, QA, !1, m), m += _.length, QA += p;
+        c === "center" ? kA = 0 : c === "right" && (kA = E / 2), X(_, kA, CA, !1, m), m += _.length, CA += p;
       });
     } else if (D) {
-      let m = 0, QA = T;
-      (j || []).forEach((oA) => {
-        const _ = oA.text || "";
+      let m = 0, CA = T;
+      (j || []).forEach((DA) => {
+        const _ = DA.text || "";
         let aA = -E / 2;
-        c === "center" ? aA = 0 : c === "right" && (aA = E / 2), X(_, aA, QA, !1, m), m += _.length, m < w.length && (w[m] === `
+        c === "center" ? aA = 0 : c === "right" && (aA = E / 2), X(_, aA, CA, !1, m), m += _.length, m < w.length && (w[m] === `
 ` || w[m] === "\r") && (m++, w[m - 1] === "\r" && w[m] === `
-` && m++), QA += p;
+` && m++), CA += p;
       });
     } else {
       if (g.fill) {
-        const m = A.globalAlpha, QA = this.createCanvasFill(A, g.fill, E, i);
-        A.fillStyle = QA || g.fill.color || "#000000", A.globalAlpha = m * this.normalizeOpacity(g.fill.opacity ?? 100);
-        const oA = n.fullText || (C.enableSegments ? (C.segments || []).map((kA) => {
+        const m = A.globalAlpha, CA = this.createCanvasFill(A, g.fill, E, i);
+        A.fillStyle = CA || g.fill.color || "#000000", A.globalAlpha = m * this.normalizeOpacity(g.fill.opacity ?? 100);
+        const DA = n.fullText || (C.enableSegments ? (C.segments || []).map((kA) => {
           let lA = kA.text || "";
           const UA = kA.textCase || C.textCase || "none";
           return UA === "uppercase" ? lA.toUpperCase() : UA === "lowercase" ? lA.toLowerCase() : UA === "capitalize" ? lA.replace(/\b\w/g, (TA) => TA.toUpperCase()) : lA;
@@ -9409,20 +9409,20 @@ class Ji {
         (j || []).forEach((kA) => {
           const lA = kA.text || "";
           let UA = -E / 2;
-          c === "center" ? UA = 0 : c === "right" && (UA = E / 2), X(lA, UA, aA, !1, _), _ += lA.length, aA += p, _ < oA.length && (oA[_] === `
-` || oA[_] === "\r") && (R > 0 && (aA += R), _++, oA[_ - 1] === "\r" && oA[_] === `
+          c === "center" ? UA = 0 : c === "right" && (UA = E / 2), X(lA, UA, aA, !1, _), _ += lA.length, aA += p, _ < DA.length && (DA[_] === `
+` || DA[_] === "\r") && (R > 0 && (aA += R), _++, DA[_ - 1] === "\r" && DA[_] === `
 ` && _++);
         }), A.globalAlpha = m;
       }
       if (g.stroke && g.stroke.width > 0) {
         const m = A.globalAlpha;
         g.fill && g.fill.type !== "None" && g.fill.isEnabled !== !1 && g.fill.opacity !== 0 && g.fill.color !== "transparent" && g.fill.color !== "rgba(0,0,0,0)" && (A.shadowColor = "transparent", A.shadowBlur = 0, A.shadowOffsetX = 0, A.shadowOffsetY = 0), A.strokeStyle = g.stroke.color, A.lineWidth = g.stroke.width, A.globalAlpha = m * this.normalizeOpacity(g.stroke.opacity ?? 100);
-        let oA = 0, _ = T;
+        let DA = 0, _ = T;
         (j || []).forEach((aA) => {
           let kA = -E / 2;
-          c === "center" ? kA = 0 : c === "right" && (kA = E / 2), X(aA.text, kA, _, !0, oA), oA += (aA.text || "").length, _ += p, oA < w.length && (w[oA] === `
-` || w[oA] === "\r") && (R > 0 && (_ += R), oA++, w[oA - 1] === "\r" && w[oA] === `
-` && oA++);
+          c === "center" ? kA = 0 : c === "right" && (kA = E / 2), X(aA.text, kA, _, !0, DA), DA += (aA.text || "").length, _ += p, DA < w.length && (w[DA] === `
+` || w[DA] === "\r") && (R > 0 && (_ += R), DA++, w[DA - 1] === "\r" && w[DA] === `
+` && DA++);
         }), A.globalAlpha = m;
       }
     }
@@ -9745,12 +9745,12 @@ class Ji {
     const p = `${s}Style`, l = g[p];
     if (l ? (l.backgroundColor !== void 0 && (k = l.backgroundColor), l.borderColor !== void 0 && (e = l.borderColor), l.borderWidth !== void 0 && (c = l.borderWidth), l.color !== void 0 && (M = l.color), l.placeholderColor !== void 0 && (R = l.placeholderColor), l.fontSize !== void 0 && (J = l.fontSize)) : s === "focused" ? (e = g.focusBorderColor || "rgba(59, 130, 246, 1)", c = Math.max(c, 2)) : s === "hovered" || s === "hover" ? (e = g.hoverBorderColor || e, k = g.hoverBackgroundColor || k) : s === "disabled" ? (k = g.disabledBackgroundColor || "rgba(31, 41, 55, 0.6)", e = g.disabledBorderColor || "rgba(55, 65, 81, 0.4)") : s === "error" && (e = "rgba(239, 68, 68, 1)", c = Math.max(c, 2)), A.beginPath(), this.drawRoundRect(A, -Q / 2, -E / 2, Q, E, N), A.fillStyle = k, A.fill(), c > 0 && (A.strokeStyle = e, A.lineWidth = c, A.stroke(), s === "focused" || s === "focus")) {
       A.save(), A.beginPath();
-      const QA = N.map((oA) => oA + 2);
-      this.drawRoundRect(A, -Q / 2 - 2, -E / 2 - 2, Q + 4, E + 4, QA), A.strokeStyle = "rgba(59, 130, 246, 0.3)", A.lineWidth = 2, A.stroke(), A.restore();
+      const CA = N.map((DA) => DA + 2);
+      this.drawRoundRect(A, -Q / 2 - 2, -E / 2 - 2, Q + 4, E + 4, CA), A.strokeStyle = "rgba(59, 130, 246, 0.3)", A.lineWidth = 2, A.stroke(), A.restore();
     }
-    const n = (QA, oA) => {
-      if (!QA.visible || !QA.svgPath) return;
-      const _ = QA.size || 14, aA = QA.offset ?? 16, kA = QA.color || "#ffffff", lA = oA ? -(Q / 2) + aA : Q / 2 - aA, UA = QA.svgPath;
+    const n = (CA, DA) => {
+      if (!CA.visible || !CA.svgPath) return;
+      const _ = CA.size || 14, aA = CA.offset ?? 16, kA = CA.color || "#ffffff", lA = DA ? -(Q / 2) + aA : Q / 2 - aA, UA = CA.svgPath;
       if (A.save(), A.translate(lA, 0), !UA.startsWith("<svg")) {
         const TA = new Path2D(UA), OA = _ / 24;
         A.scale(OA, OA), A.translate(-12, -12), A.fillStyle = kA, A.fill(TA);
@@ -9758,51 +9758,51 @@ class Ji {
       A.restore();
     };
     n(t, !0), n(G, !1);
-    const j = g.text || "", iA = g.placeholder || "Enter text...", DA = !j, Z = j || iA, f = DA ? R : M, T = J, b = g.fontFamily || "Inter", H = g.fontWeight || 400;
+    const j = g.text || "", iA = g.placeholder || "Enter text...", oA = !j, Z = j || iA, f = oA ? R : M, T = J, b = g.fontFamily || "Inter", H = g.fontWeight || 400;
     A.font = `${H} ${T}px "${b}", sans-serif`, A.fillStyle = f, A.textAlign = "left", A.textBaseline = S ? "top" : "middle";
-    const q = g.inputPadding ?? 16, X = t.visible ? (t.offset ?? 16) + (t.size || 14) / 2 + 8 : q, P = G.visible ? (G.offset ?? 16) + (G.size || 14) / 2 + 8 : q, d = -(Q / 2) + X, v = Q - X - P, sA = g.inputType === "password" ? "•".repeat(Z.length) : Z;
-    if (A.save(), A.beginPath(), A.rect(d - 2, -E / 2 + 4, v + 4, E - 8), A.clip(), S) {
-      const QA = sA.split(`
+    const q = g.inputPadding ?? 16, X = t.visible ? (t.offset ?? 16) + (t.size || 14) / 2 + 8 : q, v = G.visible ? (G.offset ?? 16) + (G.size || 14) / 2 + 8 : q, d = -(Q / 2) + X, P = Q - X - v, sA = g.inputType === "password" ? "•".repeat(Z.length) : Z;
+    if (A.save(), A.beginPath(), A.rect(d - 2, -E / 2 + 4, P + 4, E - 8), A.clip(), S) {
+      const CA = sA.split(`
 `);
-      let oA = -E / 2 + q;
+      let DA = -E / 2 + q;
       const _ = T * 1.2;
       let aA = 0;
-      QA.forEach((kA, lA) => {
+      CA.forEach((kA, lA) => {
         const UA = kA.split(" ");
         let TA = "";
         for (let OA = 0; OA < UA.length; OA++) {
           const zA = TA + UA[OA] + " ";
-          A.measureText(zA).width > v && OA > 0 ? (A.fillText(TA, d, oA), TA = UA[OA] + " ", oA += _) : TA = zA;
+          A.measureText(zA).width > P && OA > 0 ? (A.fillText(TA, d, DA), TA = UA[OA] + " ", DA += _) : TA = zA;
         }
-        A.fillText(TA, d, oA), aA = A.measureText(TA).width, lA < QA.length - 1 && (oA += _, aA = 0);
-      }), i && !DA && Math.floor(performance.now() / 500) % 2 === 0 && A.fillRect(d + aA, oA, 1.5, T);
+        A.fillText(TA, d, DA), aA = A.measureText(TA).width, lA < CA.length - 1 && (DA += _, aA = 0);
+      }), i && !oA && Math.floor(performance.now() / 500) % 2 === 0 && A.fillRect(d + aA, DA, 1.5, T);
     } else {
-      const oA = A.measureText(sA).width;
+      const DA = A.measureText(sA).width;
       let _ = 0;
-      if (oA > v && (_ = oA - v), A.fillText(sA, d - _, 0), i && !DA && Math.floor(performance.now() / 500) % 2 === 0) {
-        const kA = d + oA - _;
+      if (DA > P && (_ = DA - P), A.fillText(sA, d - _, 0), i && !oA && Math.floor(performance.now() / 500) % 2 === 0) {
+        const kA = d + DA - _;
         A.fillRect(kA, -(T / 2), 1.5, T);
       }
     }
     if (A.restore(), w.visible !== !1) {
-      const QA = w.text || "Label", oA = w.fontSize || 12, _ = w.color || "rgba(156, 163, 175, 1)", aA = w.offset ?? 8;
-      A.font = `600 ${oA}px "${b}", sans-serif`, A.fillStyle = _, A.textAlign = "left", A.textBaseline = "bottom";
+      const CA = w.text || "Label", DA = w.fontSize || 12, _ = w.color || "rgba(156, 163, 175, 1)", aA = w.offset ?? 8;
+      A.font = `600 ${DA}px "${b}", sans-serif`, A.fillStyle = _, A.textAlign = "left", A.textBaseline = "bottom";
       const kA = -(Q / 2), lA = -(E / 2) - aA;
-      A.fillText(QA, kA, lA);
+      A.fillText(CA, kA, lA);
     }
     if (a.visible === !0) {
-      const QA = a.text || "Helper text", oA = a.fontSize || 11, _ = s === "error" ? "rgba(239, 68, 68, 1)" : a.color || "rgba(156, 163, 175, 1)", aA = a.offset ?? 6;
-      A.font = `400 ${oA}px "${b}", sans-serif`, A.fillStyle = _, A.textAlign = "left", A.textBaseline = "top";
+      const CA = a.text || "Helper text", DA = a.fontSize || 11, _ = s === "error" ? "rgba(239, 68, 68, 1)" : a.color || "rgba(156, 163, 175, 1)", aA = a.offset ?? 6;
+      A.font = `400 ${DA}px "${b}", sans-serif`, A.fillStyle = _, A.textAlign = "left", A.textBaseline = "top";
       const kA = -(Q / 2), lA = E / 2 + aA;
-      A.fillText(QA, kA, lA);
+      A.fillText(CA, kA, lA);
     }
   }
   renderSlider(A, I) {
-    const C = this.objectStates.get(I.id), g = (C == null ? void 0 : C.geometry) || I.geometry, Q = (C == null ? void 0 : C.options) || I.options || {}, E = g.width || 200, i = Q.value ?? 50, o = Q.min ?? 0, s = (Q.max ?? 100) - o, w = s === 0 ? 0 : (i - o) / s, a = Q.trackHeight || 4, t = Q.trackRoundedness ?? 2, G = Q.trackShape ?? "Rectangle", S = Q.trackPath || "", K = Q.activeColor || "#3b82f6", y = Q.inactiveColor || "#374151", N = Q.thumbShape || "Ellipse", k = Q.thumbWidth ?? 16, e = Q.thumbHeight ?? 16, c = Q.thumbRoundedness ?? 0, M = Q.thumbColor || "#ffffff", R = Q.thumbPath || "", J = Q.thumbIcon || "", p = Q.showValueTooltip ?? !1, l = Q.tooltipBgColor || "#333333", n = Q.tooltipColor || "#ffffff", j = Q.tooltipOffsetX ?? 0, iA = Q.tooltipOffsetY ?? -25, DA = (d, v, sA, yA, m, QA, oA) => {
-      if ((d === "Custom" || d === "Icon") && oA)
+    const C = this.objectStates.get(I.id), g = (C == null ? void 0 : C.geometry) || I.geometry, Q = (C == null ? void 0 : C.options) || I.options || {}, E = g.width || 200, i = Q.value ?? 50, o = Q.min ?? 0, s = (Q.max ?? 100) - o, w = s === 0 ? 0 : (i - o) / s, a = Q.trackHeight || 4, t = Q.trackRoundedness ?? 2, G = Q.trackShape ?? "Rectangle", S = Q.trackPath || "", K = Q.activeColor || "#3b82f6", y = Q.inactiveColor || "#374151", N = Q.thumbShape || "Ellipse", k = Q.thumbWidth ?? 16, e = Q.thumbHeight ?? 16, c = Q.thumbRoundedness ?? 0, M = Q.thumbColor || "#ffffff", R = Q.thumbPath || "", J = Q.thumbIcon || "", p = Q.showValueTooltip ?? !1, l = Q.tooltipBgColor || "#333333", n = Q.tooltipColor || "#ffffff", j = Q.tooltipOffsetX ?? 0, iA = Q.tooltipOffsetY ?? -25, oA = (d, P, sA, yA, m, CA, DA) => {
+      if ((d === "Custom" || d === "Icon") && DA)
         try {
-          const _ = new Path2D(oA);
-          if (A.save(), A.translate(v, sA), d === "Icon") {
+          const _ = new Path2D(DA);
+          if (A.save(), A.translate(P, sA), d === "Icon") {
             const aA = Math.min(yA, m) / 24;
             A.scale(aA, aA), A.translate(-12, -12);
           }
@@ -9812,17 +9812,17 @@ class Ji {
           console.error("Error drawing slider shape in engine:", _);
         }
       if (A.beginPath(), d === "Ellipse")
-        A.ellipse(v, sA, yA / 2, m / 2, 0, 0, Math.PI * 2);
+        A.ellipse(P, sA, yA / 2, m / 2, 0, 0, Math.PI * 2);
       else if (d === "Rectangle")
-        this.drawRoundRect(A, v - yA / 2, sA - m / 2, yA, m, QA);
+        this.drawRoundRect(A, P - yA / 2, sA - m / 2, yA, m, CA);
       else if (d === "Triangle")
-        A.moveTo(v, sA - m / 2), A.lineTo(v + yA / 2, sA + m / 2), A.lineTo(v - yA / 2, sA + m / 2), A.closePath();
+        A.moveTo(P, sA - m / 2), A.lineTo(P + yA / 2, sA + m / 2), A.lineTo(P - yA / 2, sA + m / 2), A.closePath();
       else if (d === "Diamond")
-        A.moveTo(v, sA - m / 2), A.lineTo(v + yA / 2, sA), A.lineTo(v, sA + m / 2), A.lineTo(v - yA / 2, sA), A.closePath();
+        A.moveTo(P, sA - m / 2), A.lineTo(P + yA / 2, sA), A.lineTo(P, sA + m / 2), A.lineTo(P - yA / 2, sA), A.closePath();
       else if (d === "Polygon") {
         const _ = I.geometry.sides || 3, aA = I.geometry.radius || Math.min(yA, m) / 2;
         for (let kA = 0; kA < _; kA++) {
-          const lA = kA * 2 * Math.PI / _ - Math.PI / 2, UA = v + aA * Math.cos(lA), TA = sA + aA * Math.sin(lA);
+          const lA = kA * 2 * Math.PI / _ - Math.PI / 2, UA = P + aA * Math.cos(lA), TA = sA + aA * Math.sin(lA);
           kA === 0 ? A.moveTo(UA, TA) : A.lineTo(UA, TA);
         }
         A.closePath();
@@ -9830,35 +9830,35 @@ class Ji {
         const aA = Math.min(yA, m) / 2, kA = aA / 2;
         for (let lA = 0; lA < 5 * 2; lA++) {
           const UA = lA % 2 === 0 ? aA : kA, TA = lA * Math.PI / 5 - Math.PI / 2;
-          A.lineTo(v + UA * Math.cos(TA), sA + UA * Math.sin(TA));
+          A.lineTo(P + UA * Math.cos(TA), sA + UA * Math.sin(TA));
         }
         A.closePath();
-      } else d === "Line" && (A.moveTo(v - yA / 2, sA), A.lineTo(v + yA / 2, sA));
+      } else d === "Line" && (A.moveTo(P - yA / 2, sA), A.lineTo(P + yA / 2, sA));
       A.fill();
     };
-    A.fillStyle = y, G === "Line" ? (A.strokeStyle = y, A.lineWidth = a, A.beginPath(), A.moveTo(-E / 2, 0), A.lineTo(E / 2, 0), A.stroke()) : DA(G, 0, 0, E, a, t, S);
+    A.fillStyle = y, G === "Line" ? (A.strokeStyle = y, A.lineWidth = a, A.beginPath(), A.moveTo(-E / 2, 0), A.lineTo(E / 2, 0), A.stroke()) : oA(G, 0, 0, E, a, t, S);
     const Z = E - k, f = -E / 2 + k / 2 + w * Z, T = f - -E / 2;
     T > 0 && (A.fillStyle = K, G === "Line" ? (A.strokeStyle = K, A.lineWidth = a, A.beginPath(), A.moveTo(-E / 2, 0), A.lineTo(f, 0), A.stroke()) : G === "Rectangle" && (A.beginPath(), this.drawRoundRect(A, -E / 2, -a / 2, T, a, t), A.fill())), A.save(), A.translate(f, 0);
     const b = A.getTransform(), H = Math.sqrt(b.a * b.a + b.b * b.b) || 1;
-    if (A.shadowColor = "rgba(0,0,0,0.2)", A.shadowBlur = 4 * H, A.shadowOffsetY = 1 * H, A.fillStyle = M, DA(N, 0, 0, k, e, c, N === "Icon" ? J : R), A.restore(), p) {
+    if (A.shadowColor = "rgba(0,0,0,0.2)", A.shadowBlur = 4 * H, A.shadowOffsetY = 1 * H, A.fillStyle = M, oA(N, 0, 0, k, e, c, N === "Icon" ? J : R), A.restore(), p) {
       A.save(), A.translate(f + j, iA);
       const d = Math.round(i).toString();
       A.font = "10px Inter, sans-serif";
-      const v = A.measureText(d), sA = 6, yA = 4, m = v.width + sA * 2, QA = 14 + yA;
-      A.beginPath(), this.drawRoundRect(A, -m / 2, -QA / 2, m, QA, 4), A.fillStyle = l, A.fill(), A.fillStyle = n, A.textAlign = "center", A.textBaseline = "middle", A.fillText(d, 0, 0), A.restore();
+      const P = A.measureText(d), sA = 6, yA = 4, m = P.width + sA * 2, CA = 14 + yA;
+      A.beginPath(), this.drawRoundRect(A, -m / 2, -CA / 2, m, CA, 4), A.fillStyle = l, A.fill(), A.fillStyle = n, A.textAlign = "center", A.textBaseline = "middle", A.fillText(d, 0, 0), A.restore();
     }
-    const q = Q.label || {}, X = Q.helperText || {}, P = Q.fontFamily || "Inter";
+    const q = Q.label || {}, X = Q.helperText || {}, v = Q.fontFamily || "Inter";
     if (q.visible !== !1) {
-      const d = q.text || "Label", v = q.fontSize || 12, sA = q.color || "rgba(156, 163, 175, 1)", yA = q.offset ?? 8;
-      A.font = `600 ${v}px "${P}", sans-serif`, A.fillStyle = sA, A.textAlign = "left", A.textBaseline = "bottom";
-      const m = -(E / 2), QA = -(a / 2) - yA;
-      A.fillText(d, m, QA);
+      const d = q.text || "Label", P = q.fontSize || 12, sA = q.color || "rgba(156, 163, 175, 1)", yA = q.offset ?? 8;
+      A.font = `600 ${P}px "${v}", sans-serif`, A.fillStyle = sA, A.textAlign = "left", A.textBaseline = "bottom";
+      const m = -(E / 2), CA = -(a / 2) - yA;
+      A.fillText(d, m, CA);
     }
     if (X.visible === !0) {
-      const d = X.text || "Helper text", v = X.fontSize || 11, sA = X.color || "rgba(156, 163, 175, 1)", yA = X.offset ?? 6;
-      A.font = `400 ${v}px "${P}", sans-serif`, A.fillStyle = sA, A.textAlign = "left", A.textBaseline = "top";
-      const m = -(E / 2), QA = a / 2 + yA;
-      A.fillText(d, m, QA);
+      const d = X.text || "Helper text", P = X.fontSize || 11, sA = X.color || "rgba(156, 163, 175, 1)", yA = X.offset ?? 6;
+      A.font = `400 ${P}px "${v}", sans-serif`, A.fillStyle = sA, A.textAlign = "left", A.textBaseline = "top";
+      const m = -(E / 2), CA = a / 2 + yA;
+      A.fillText(d, m, CA);
     }
   }
   renderDropdown(A, I) {
@@ -9874,8 +9874,8 @@ class Ji {
     y > 0 && (A.strokeStyle = this.createCanvasFill(A, typeof G == "string" ? { type: "Solid", color: G } : G, Q, E) || "#e5e7eb", A.lineWidth = y, A.stroke());
     const N = 12, k = g.chevronType || "chevron", e = g.chevronSize || 16, c = (a ? g.openIconColor : g.closedIconColor) || g.chevronColor || "#6b7280";
     if (k !== "none") {
-      const DA = i + Q - N - e / 2;
-      A.save(), A.translate(DA, 0);
+      const oA = i + Q - N - e / 2;
+      A.save(), A.translate(oA, 0);
       const Z = a ? g.openIconAngle ?? 180 : g.closedIconAngle ?? 0;
       if (A.rotate(Z * Math.PI / 180), A.strokeStyle = c, A.fillStyle = c, A.lineWidth = 1.5, A.lineCap = "round", A.lineJoin = "round", k === "chevron")
         A.beginPath(), A.moveTo(-e / 2, -e * 0.2), A.lineTo(0, e * 0.2), A.lineTo(e / 2, -e * 0.2), A.stroke();
@@ -9896,22 +9896,22 @@ class Ji {
     A.fillStyle = this.createCanvasFill(A, typeof l == "string" ? { type: "Solid", color: l } : l, Q, E) || "#333333", A.textAlign = "left", A.textBaseline = "middle";
     const n = k === "none" ? 0 : e + 8, j = Q - N * 2 - n;
     if (A.save(), A.beginPath(), A.rect(i + N, o, j, E), A.clip(), A.fillText(M, i + N, 0), A.restore(), a && !s) {
-      const DA = o + E + 4, Z = g.optionsList || [], f = g.itemHeight || 32, T = g.listPadding ?? 4, b = Z.length * f + T * 2, H = g.listCornerRadius ?? D;
+      const oA = o + E + 4, Z = g.optionsList || [], f = g.itemHeight || 32, T = g.listPadding ?? 4, b = Z.length * f + T * 2, H = g.listCornerRadius ?? D;
       A.save();
-      const q = g.listShadow || {}, X = A.getTransform(), P = Math.sqrt(X.a * X.a + X.b * X.b) || 1;
-      A.shadowColor = typeof q.color == "string" ? q.color : ((iA = q.color) == null ? void 0 : iA.color) || "rgba(0,0,0,0.15)", A.shadowBlur = (q.blur ?? 12) * P, A.shadowOffsetY = (q.offsetY ?? 6) * P, A.shadowOffsetX = (q.offsetX ?? 0) * P, A.beginPath(), this.drawRoundRect(A, i, DA, Q, b, H), A.fillStyle = this.createCanvasFill(A, typeof g.listBackgroundColor == "string" ? { type: "Solid", color: g.listBackgroundColor } : g.listBackgroundColor || { type: "Solid", color: "#ffffff" }, Q, b) || "#ffffff", A.fill();
+      const q = g.listShadow || {}, X = A.getTransform(), v = Math.sqrt(X.a * X.a + X.b * X.b) || 1;
+      A.shadowColor = typeof q.color == "string" ? q.color : ((iA = q.color) == null ? void 0 : iA.color) || "rgba(0,0,0,0.15)", A.shadowBlur = (q.blur ?? 12) * v, A.shadowOffsetY = (q.offsetY ?? 6) * v, A.shadowOffsetX = (q.offsetX ?? 0) * v, A.beginPath(), this.drawRoundRect(A, i, oA, Q, b, H), A.fillStyle = this.createCanvasFill(A, typeof g.listBackgroundColor == "string" ? { type: "Solid", color: g.listBackgroundColor } : g.listBackgroundColor || { type: "Solid", color: "#ffffff" }, Q, b) || "#ffffff", A.fill();
       const d = g.listBorderWidth ?? 1;
       d > 0 && (A.shadowColor = "transparent", A.strokeStyle = this.createCanvasFill(A, typeof g.listBorderColor == "string" ? { type: "Solid", color: g.listBorderColor } : g.listBorderColor || { type: "Solid", color: G }, Q, b) || "#e5e7eb", A.lineWidth = d, A.stroke()), A.restore();
-      const v = g.itemFontSize || R, sA = g.itemFontFamily || p;
-      A.font = `${J} ${v}px ${sA}`, Z.forEach((yA, m) => {
-        const QA = DA + T + m * f;
+      const P = g.itemFontSize || R, sA = g.itemFontFamily || p;
+      A.font = `${J} ${P}px ${sA}`, Z.forEach((yA, m) => {
+        const CA = oA + T + m * f;
         if (yA === g.selectedOption)
-          A.fillStyle = this.createCanvasFill(A, typeof g.itemSelectedBackgroundColor == "string" ? { type: "Solid", color: g.itemSelectedBackgroundColor } : g.itemSelectedBackgroundColor || { type: "Solid", color: "#f3f4f6" }, Q, f) || "#f3f4f6", A.fillRect(i + d, QA, Q - d * 2, f), A.fillStyle = g.itemSelectedColor || g.activeColor || S || "#374151";
+          A.fillStyle = this.createCanvasFill(A, typeof g.itemSelectedBackgroundColor == "string" ? { type: "Solid", color: g.itemSelectedBackgroundColor } : g.itemSelectedBackgroundColor || { type: "Solid", color: "#f3f4f6" }, Q, f) || "#f3f4f6", A.fillRect(i + d, CA, Q - d * 2, f), A.fillStyle = g.itemSelectedColor || g.activeColor || S || "#374151";
         else if (A.fillStyle = g.listTextColor || S || "#333333", this.activeDropdownId === I.id && this._lastPointerPos) {
-          const _ = this._lastPointerPos.y - (DA + T), aA = Math.floor(_ / f);
-          m === aA && (A.fillStyle = this.createCanvasFill(A, typeof g.itemHoverBackgroundColor == "string" ? { type: "Solid", color: g.itemHoverBackgroundColor } : g.itemHoverBackgroundColor || { type: "Solid", color: "#f9fafb" }, Q, f) || "#f9fafb", A.fillRect(i + d, QA, Q - d * 2, f), A.fillStyle = g.itemHoverColor || S);
+          const _ = this._lastPointerPos.y - (oA + T), aA = Math.floor(_ / f);
+          m === aA && (A.fillStyle = this.createCanvasFill(A, typeof g.itemHoverBackgroundColor == "string" ? { type: "Solid", color: g.itemHoverBackgroundColor } : g.itemHoverBackgroundColor || { type: "Solid", color: "#f9fafb" }, Q, f) || "#f9fafb", A.fillRect(i + d, CA, Q - d * 2, f), A.fillStyle = g.itemHoverColor || S);
         }
-        A.fillText(yA, i + N, QA + f / 2);
+        A.fillText(yA, i + N, CA + f / 2);
       });
     }
     A.globalAlpha = K;
@@ -10155,8 +10155,8 @@ class Ji {
     A.moveTo(I + o, C), A.lineTo(I + g - D, C), A.arcTo(I + g, C, I + g, C + D, D), A.lineTo(I + g, C + Q - s), A.arcTo(I + g, C + Q, I + g - s, C + Q, s), A.lineTo(I + w, C + Q), A.arcTo(I, C + Q, I, C + Q - w, w), A.lineTo(I, C + o), A.arcTo(I, C, I + o, C, o), A.closePath();
   }
   renderListView(A, I) {
-    var DA, Z, f, T;
-    const C = this.objectStates.get(I.id) || {}, g = C.options || I.options || {}, Q = C.width !== void 0 ? C.width : ((DA = I.geometry) == null ? void 0 : DA.width) || 200, E = C.height !== void 0 ? C.height : ((Z = I.geometry) == null ? void 0 : Z.height) || 300, i = -Q / 2, o = -E / 2, D = C.corner_radius !== void 0 ? C.corner_radius : g.corner_radius ?? 0, s = g.orientation || "vertical", w = g.items || [], a = g.itemGap ?? 10, t = g.itemHeight ?? 50, G = g.itemWidth ?? 200, S = g.scrollOffset ?? 0, K = g.padding ?? 0, y = g.glassEffect !== !1, N = g.accentColor || "#3b82f6", k = g.itemTextColor || "#333333", e = g.itemBackgroundColor || "#ffffff", c = g.hoveredIndex ?? null, M = g.activeItemIndex ?? null, R = g.glowIntensity ?? 0, J = g.glowColor || "#3b82f6", p = typeof J == "string" ? J : J.color || ((T = (f = J.stops) == null ? void 0 : f[0]) == null ? void 0 : T.color) || "#3b82f6", l = g.opacity !== void 0 ? g.opacity : I.opacity !== void 0 ? I.opacity : 1;
+    var oA, Z, f, T;
+    const C = this.objectStates.get(I.id) || {}, g = C.options || I.options || {}, Q = C.width !== void 0 ? C.width : ((oA = I.geometry) == null ? void 0 : oA.width) || 200, E = C.height !== void 0 ? C.height : ((Z = I.geometry) == null ? void 0 : Z.height) || 300, i = -Q / 2, o = -E / 2, D = C.corner_radius !== void 0 ? C.corner_radius : g.corner_radius ?? 0, s = g.orientation || "vertical", w = g.items || [], a = g.itemGap ?? 10, t = g.itemHeight ?? 50, G = g.itemWidth ?? 200, S = g.scrollOffset ?? 0, K = g.padding ?? 0, y = g.glassEffect !== !1, N = g.accentColor || "#3b82f6", k = g.itemTextColor || "#333333", e = g.itemBackgroundColor || "#ffffff", c = g.hoveredIndex ?? null, M = g.activeItemIndex ?? null, R = g.glowIntensity ?? 0, J = g.glowColor || "#3b82f6", p = typeof J == "string" ? J : J.color || ((T = (f = J.stops) == null ? void 0 : f[0]) == null ? void 0 : T.color) || "#3b82f6", l = g.opacity !== void 0 ? g.opacity : I.opacity !== void 0 ? I.opacity : 1;
     if (A.save(), A.globalAlpha *= l, R > 0) {
       const b = A.getTransform(), H = Math.sqrt(b.a * b.a + b.b * b.b) || 1;
       A.shadowColor = p, A.shadowBlur = R * 2 * H, A.shadowOffsetX = 0, A.shadowOffsetY = 0;
@@ -10176,31 +10176,31 @@ class Ji {
     const n = typeof K == "number" ? K : s === "vertical" ? K[0] : K[3];
     let j = (s === "vertical" ? o : i) + S + n;
     if (A.textBaseline = "middle", w.forEach((b, H) => {
-      const q = s === "vertical" ? Q : G, X = s === "vertical" ? t : E, P = s === "vertical" ? i : j, d = s === "vertical" ? j : o, v = c === H, sA = M === H;
+      const q = s === "vertical" ? Q : G, X = s === "vertical" ? t : E, v = s === "vertical" ? i : j, d = s === "vertical" ? j : o, P = c === H, sA = M === H;
       if (sA) {
         const _ = this.createCanvasFill(A, N, q, X);
         A.fillStyle = _ || N;
         const aA = A.globalAlpha;
-        A.globalAlpha = aA * 0.8, A.fillRect(P, d, q, X), A.globalAlpha = aA;
-      } else if (v)
-        A.fillStyle = y ? "rgba(255, 255, 255, 0.1)" : "rgba(0, 0, 0, 0.05)", A.fillRect(P, d, q, X);
+        A.globalAlpha = aA * 0.8, A.fillRect(v, d, q, X), A.globalAlpha = aA;
+      } else if (P)
+        A.fillStyle = y ? "rgba(255, 255, 255, 0.1)" : "rgba(0, 0, 0, 0.05)", A.fillRect(v, d, q, X);
       else if (e !== "transparent") {
         const _ = this.createCanvasFill(A, e, q, X);
-        A.fillStyle = _ || e, A.fillRect(P, d, q, X);
+        A.fillStyle = _ || e, A.fillRect(v, d, q, X);
       }
-      if (sA || v) {
+      if (sA || P) {
         const _ = this.createCanvasFill(A, N, s === "vertical" ? 3 : q, s === "vertical" ? X : 3);
-        A.fillStyle = _ || N, s === "vertical" ? A.fillRect(P, d, 3, X) : A.fillRect(P, d + X - 3, q, 3);
+        A.fillStyle = _ || N, s === "vertical" ? A.fillRect(v, d, 3, X) : A.fillRect(v, d + X - 3, q, 3);
       }
       const yA = sA ? "#ffffff" : y ? "rgba(255, 255, 255, 0.9)" : k;
-      A.fillStyle = yA, A.font = sA || v ? "600 14px Inter, sans-serif" : "400 14px Inter, sans-serif";
-      const m = typeof b == "string" ? b : (b == null ? void 0 : b.label) || `Item ${H + 1}`, QA = P + (s === "vertical" ? 16 : q / 2), oA = d + X / 2;
-      s === "horizontal" ? A.textAlign = "center" : A.textAlign = "left", A.fillText(m, QA, oA), j += (s === "vertical" ? t : G) + a;
+      A.fillStyle = yA, A.font = sA || P ? "600 14px Inter, sans-serif" : "400 14px Inter, sans-serif";
+      const m = typeof b == "string" ? b : (b == null ? void 0 : b.label) || `Item ${H + 1}`, CA = v + (s === "vertical" ? 16 : q / 2), DA = d + X / 2;
+      s === "horizontal" ? A.textAlign = "center" : A.textAlign = "left", A.fillText(m, CA, DA), j += (s === "vertical" ? t : G) + a;
     }), A.restore(), g.showScrollbar !== !1) {
       const b = (w.length || 0) * (s === "vertical" ? t : G) + ((w.length || 0) - 1) * a, H = s === "vertical" ? E : Q;
       if (b > H) {
-        const q = H / b, X = H * q, P = -S / b * H, d = g.scrollbarColor || "rgba(255,255,255,0.3)", v = g.scrollbarWidth || 4;
-        A.fillStyle = d, s === "vertical" ? A.fillRect(i + Q - v - 2, o + P, v, X) : A.fillRect(i + P, o + E - v - 2, X, v);
+        const q = H / b, X = H * q, v = -S / b * H, d = g.scrollbarColor || "rgba(255,255,255,0.3)", P = g.scrollbarWidth || 4;
+        A.fillStyle = d, s === "vertical" ? A.fillRect(i + Q - P - 2, o + v, P, X) : A.fillRect(i + v, o + E - P - 2, X, P);
       }
     }
     A.restore();
@@ -10224,8 +10224,8 @@ class Ji {
     const i = Q.width !== void 0 ? Q.width : ((n = A.geometry) == null ? void 0 : n.width) || 200, o = Q.height !== void 0 ? Q.height : ((j = A.geometry) == null ? void 0 : j.height) || 300, D = g.orientation || "vertical", s = g.itemGap ?? 10, w = g.itemHeight ?? 50, a = g.itemWidth ?? 200, t = g.scrollOffset ?? 0, G = g.padding ?? 0, S = this.getWorldTransform(A.id), K = I - S.x, y = C - S.y, N = -S.rotation * (Math.PI / 180), k = Math.cos(N), e = Math.sin(N), c = K * k - y * e, M = K * e + y * k, R = -i / 2, J = -o / 2, p = typeof G == "number" ? G : D === "vertical" ? G[0] : G[3];
     let l = (D === "vertical" ? J : R) + t + p;
     for (let iA = 0; iA < E.length; iA++) {
-      const DA = D === "vertical" ? i : a, Z = D === "vertical" ? w : o, f = D === "vertical" ? R : l, T = D === "vertical" ? l : J;
-      if (c >= f && c <= f + DA && M >= T && M <= T + Z)
+      const oA = D === "vertical" ? i : a, Z = D === "vertical" ? w : o, f = D === "vertical" ? R : l, T = D === "vertical" ? l : J;
+      if (c >= f && c <= f + oA && M >= T && M <= T + Z)
         return iA;
       l += (D === "vertical" ? w : a) + s;
     }
@@ -10245,7 +10245,7 @@ class Ji {
       if (!g.behaviors || g.behaviors.length === 0) return;
       const Q = this.objectStates.get(g.id);
       Q && g.behaviors.forEach((E) => {
-        var a, t, G, S, K, y, N, k, e, c, M, R, J, p, l, n, j, iA, DA, Z, f, T, b, H, q, X, P, d, v, sA, yA, m, QA, oA, _, aA, kA, lA, UA, TA, OA, zA, _A, EI, $A, II, aI, EA, hA, x, L, V, CA, FA, nA, tA, HA, cA, Y, pA, iI, XA, GA, u, $, KA, O, W, BA, rA, dA, MA, mA, JA, oI, rI, nI;
+        var a, t, G, S, K, y, N, k, e, c, M, R, J, p, l, n, j, iA, oA, Z, f, T, b, H, q, X, v, d, P, sA, yA, m, CA, DA, _, aA, kA, lA, UA, TA, OA, zA, _A, EI, $A, II, aI, EA, hA, x, L, V, QA, FA, nA, tA, HA, cA, Y, pA, iI, XA, GA, u, $, KA, O, W, BA, rA, dA, MA, mA, JA, oI, rI, nI;
         if (!E.enabled) return;
         const i = E.startTime || 0, o = E.endTime || 1 / 0;
         if (this.currentTime < i || this.currentTime > o) return;
@@ -10302,7 +10302,7 @@ class Ji {
             Q.x -= D * gA * AA * A * 10, Q.y -= s * gA * AA * A * 10, Q.scale_x *= 1 - gA * 0.1 * AA * A, Q.scale_y *= 1 - gA * 0.1 * AA * A;
           }
         } else if (E.type === z.Dilation) {
-          const IA = ((DA = E.settings) == null ? void 0 : DA.size) || 120, AA = ((Z = E.settings) == null ? void 0 : Z.strength) || 1;
+          const IA = ((oA = E.settings) == null ? void 0 : oA.size) || 120, AA = ((Z = E.settings) == null ? void 0 : Z.strength) || 1;
           if (w < IA) {
             const gA = 1 - w / IA;
             Q.scale_x *= 1 + gA * 0.5 * AA * A, Q.scale_y *= 1 + gA * 0.5 * AA * A;
@@ -10314,7 +10314,7 @@ class Ji {
           const IA = ((T = E.settings) == null ? void 0 : T.strength) || 0.8;
           w < (g.width || 100) && this.isMouseDown ? (Q.scale_y = this.lerp(Q.scale_y ?? 1, (((b = g.transform) == null ? void 0 : b.scale_y) ?? 1) * IA, 0.3), Q.scale_x = this.lerp(Q.scale_x ?? 1, (((H = g.transform) == null ? void 0 : H.scale_x) ?? 1) * (1 + (1 - IA) * 0.4), 0.3)) : (Q.scale_y = this.lerp(Q.scale_y ?? 1, ((q = g.transform) == null ? void 0 : q.scale_y) ?? 1, 0.2), Q.scale_x = this.lerp(Q.scale_x ?? 1, ((X = g.transform) == null ? void 0 : X.scale_x) ?? 1, 0.2));
         } else if (E.type === z.TextCounter) {
-          const IA = ((P = E.settings) == null ? void 0 : P.duration) || 2, AA = ((d = E.settings) == null ? void 0 : d.from) || 0, gA = ((v = E.settings) == null ? void 0 : v.to) || 100;
+          const IA = ((v = E.settings) == null ? void 0 : v.duration) || 2, AA = ((d = E.settings) == null ? void 0 : d.from) || 0, gA = ((P = E.settings) == null ? void 0 : P.to) || 100;
           E._runtimeStart === void 0 && (E._runtimeStart = this.currentTime);
           const RA = this.currentTime - E._runtimeStart, ZA = Math.min(1, RA / IA), hI = Math.floor(AA + (gA - AA) * ZA);
           if (((sA = g.geometry) == null ? void 0 : sA.type) === "Text") {
@@ -10322,7 +10322,7 @@ class Ji {
             Q.geometry || (Q.geometry = { ...g.geometry }), Q.geometry.text = `${GI}${hI}${MI}`;
           }
         } else if (E.type === z.Spotlight) {
-          const IA = ((QA = E.settings) == null ? void 0 : QA.radius) || 250, AA = ((oA = E.settings) == null ? void 0 : oA.strength) || 1.5;
+          const IA = ((CA = E.settings) == null ? void 0 : CA.radius) || 250, AA = ((DA = E.settings) == null ? void 0 : DA.strength) || 1.5;
           if (w < IA) {
             const gA = Math.pow(1 - w / IA, 2);
             Q.style || (Q.style = { ...g.style }), Q.style.adjustments || (Q.style.adjustments = { ...(_ = g.style) == null ? void 0 : _.adjustments }), Q.style.adjustments.exposure = (((kA = (aA = g.style) == null ? void 0 : aA.adjustments) == null ? void 0 : kA.exposure) || 0) + gA * AA * 50;
@@ -10341,7 +10341,7 @@ class Ji {
             this.applyBehaviorSensor(Q, gI.PositionX, RA * gA, A, E.settings), this.applyBehaviorSensor(Q, gI.PositionY, RA * gA, A, E.settings);
           }
         } else if (E.type === z.Scroll) {
-          const IA = ((L = E.settings) == null ? void 0 : L.axis) || "vertical", AA = ((V = E.settings) == null ? void 0 : V.factor) || 0.5, gA = ((CA = E.settings) == null ? void 0 : CA.strength) || 1, RA = ((FA = E.settings) == null ? void 0 : FA.scaleFactor) || 0;
+          const IA = ((L = E.settings) == null ? void 0 : L.axis) || "vertical", AA = ((V = E.settings) == null ? void 0 : V.factor) || 0.5, gA = ((QA = E.settings) == null ? void 0 : QA.strength) || 1, RA = ((FA = E.settings) == null ? void 0 : FA.scaleFactor) || 0;
           (IA === "vertical" || IA === "both") && (Q.y += this.scrollOffset.y * AA * gA * A), (IA === "horizontal" || IA === "both") && (Q.x += this.scrollOffset.x * AA * gA * A), RA !== 0 && (Q.scale_x *= 1 + this.scrollOffset.y * RA * A, Q.scale_y *= 1 + this.scrollOffset.y * RA * A);
         } else if (E.type === z.LookAt) {
           const IA = ((nA = E.settings) == null ? void 0 : nA.factor) || 1, AA = ((tA = E.settings) == null ? void 0 : tA.strength) || 1, gA = Math.atan2(-s, -D) * (180 / Math.PI), RA = Q.rotation, ZA = (gA - RA + 180) % 360 - 180;
@@ -10483,66 +10483,70 @@ const Yi = hB(({
   interactive: l = !0,
   onNavigation: n
 }, j) => {
-  const iA = lI(null), DA = lI(new Ji()), Z = lI(void 0), f = lI(0), T = lI(null), b = lI(k), [, H] = yQ(B || null), q = lI(!0);
+  const iA = lI(null), oA = lI(new Ji()), Z = lI(void 0), f = lI(0), T = lI(null), b = lI(k), [, H] = yQ(B || null), q = lI(!0);
   tB(j, () => iA.current), LI(() => (q.current = !0, () => {
     q.current = !1, Z.current && cancelAnimationFrame(Z.current);
   }), []), LI(() => {
-    DA.current.setLayout(g, Q);
+    oA.current.setLayout(g, Q);
   }, [g, Q]), LI(() => {
-    const P = DA.current;
-    i && P.setTriggerCallback(i), o && P.setInputUpdateCallback((d, v) => o({ [d]: v })), D && P.setComponentChangeCallback((d) => D(d)), s && P.setToggleCallback(s), w && P.setInputChangeCallback(w), a && P.setInputFocusCallback(a), t && P.setInputBlurCallback(t), G && P.setOnLogCallback((d) => G(d, "info")), S && P.setLogicUpdateCallback(S), K && P.setButtonClickCallback(K), y && P.setGraphPointClickCallback((d) => y(d.objectId, d)), n && P.setNavigationCallback(n);
+    const v = oA.current;
+    i && v.setTriggerCallback(i), o && v.setInputUpdateCallback((d, P) => o({ [d]: P })), D && v.setComponentChangeCallback((d) => D(d)), s && v.setToggleCallback(s), w && v.setInputChangeCallback(w), a && v.setInputFocusCallback(a), t && v.setInputBlurCallback(t), G && v.setOnLogCallback((d) => G(d, "info")), S && v.setLogicUpdateCallback(S), K && v.setButtonClickCallback(K), y && v.setGraphPointClickCallback((d) => y(d.objectId, d)), n && v.setNavigationCallback(n);
   }, [i, o, D, s, w, a, t, G, S, K, y, n]), LI(() => {
     (async () => {
       let d = B;
       if (A && !B)
         try {
           A.startsWith("{") ? d = JSON.parse(A) : d = await (await fetch(A)).json();
-        } catch (v) {
-          console.error("[ExodeUI] Failed to load src:", v);
+        } catch (P) {
+          console.error("[ExodeUI] Failed to load src:", P);
         }
       if (d) {
-        const v = DA.current, sA = d.id || d.name || "default";
-        (T.current !== sA || b.current !== k) && (v.load(d), T.current = sA, b.current = k, H(d), f.current = 0, v.advance(0)), E && E(v);
+        const P = oA.current, sA = d.id || d.name || "default";
+        (T.current !== sA || b.current !== k) && (P.load(d), T.current = sA, b.current = k, H(d), f.current = 0, P.advance(0)), E && E(P);
       }
     })();
   }, [B == null ? void 0 : B.id, A, k]), LI(() => {
-    const P = (d) => {
-      if (!DA.current || !q.current) return;
-      const v = DA.current, sA = iA.current;
+    const v = (d) => {
+      if (!oA.current || !q.current) return;
+      const P = oA.current, sA = iA.current;
       if (!sA) return;
       const yA = sA.getContext("2d", { willReadFrequently: !0 });
       if (!yA) return;
       const m = d / 1e3;
       f.current === 0 && (f.current = m);
-      const QA = m - f.current;
+      const CA = m - f.current;
       f.current = m;
-      const oA = sA.getBoundingClientRect(), _ = window.devicePixelRatio || 1, aA = Math.round(oA.width * _), kA = Math.round(oA.height * _);
-      (sA.width !== aA || sA.height !== kA) && (sA.width = aA, sA.height = kA), C ? v.advance(QA) : N !== void 0 && v.seek(N), v.render(yA, sA.width, sA.height), Z.current = requestAnimationFrame(P);
+      const DA = sA.getBoundingClientRect(), _ = window.devicePixelRatio || 1, aA = Math.round(DA.width * _), kA = Math.round(DA.height * _);
+      (sA.width !== aA || sA.height !== kA) && (sA.width = aA, sA.height = kA), C ? P.advance(CA) : N !== void 0 && P.seek(N), P.render(yA, sA.width, sA.height), Z.current = requestAnimationFrame(v);
     };
-    return Z.current = requestAnimationFrame(P), () => {
+    return Z.current = requestAnimationFrame(v), () => {
       Z.current && cancelAnimationFrame(Z.current);
     };
   }, [C, N]), LI(() => {
-    const P = DA.current;
-    e !== void 0 && P.updateInput("scrollY", e), c !== void 0 && P.updateInput("scrollX", c), M !== void 0 && P.updateInput("mouseX", M), R !== void 0 && P.updateInput("mouseY", R), J !== void 0 && P.updateInput("isMouseDown", J), p && Object.entries(p).forEach(([d, v]) => P.updateInput(d, v));
+    const v = oA.current;
+    e !== void 0 && v.updateInput("scrollY", e), c !== void 0 && v.updateInput("scrollX", c), M !== void 0 && v.updateInput("mouseX", M), R !== void 0 && v.updateInput("mouseY", R), J !== void 0 && v.updateInput("isMouseDown", J), p && Object.entries(p).forEach(([d, P]) => v.updateInput(d, P));
   }, [e, c, M, R, J, p]);
-  const X = (P, d) => {
+  const X = (v, d) => {
     if (!l || !iA.current) return;
-    const v = iA.current, sA = v.getBoundingClientRect(), yA = P.clientX - sA.left, m = P.clientY - sA.top;
-    DA.current.handlePointerInput(d, yA, m, v.width, v.height);
+    const P = iA.current, sA = P.getBoundingClientRect(), yA = v.clientX - sA.left, m = v.clientY - sA.top, CA = window.devicePixelRatio || 1;
+    oA.current.handlePointerInput(d, yA * CA, m * CA, P.width, P.height);
   };
   return /* @__PURE__ */ YI(
     "canvas",
     {
       ref: iA,
-      onPointerDown: (P) => {
+      onPointerDown: (v) => {
         var d;
-        X(P, "down"), (d = iA.current) == null || d.focus();
+        X(v, "down"), (d = iA.current) == null || d.focus();
       },
-      onPointerMove: (P) => X(P, "move"),
-      onPointerUp: (P) => X(P, "up"),
-      onPointerCancel: (P) => X(P, "up"),
-      onContextMenu: (P) => P.preventDefault(),
+      onPointerMove: (v) => X(v, "move"),
+      onPointerUp: (v) => X(v, "up"),
+      onPointerCancel: (v) => X(v, "up"),
+      onClick: (v) => X(v, "click"),
+      onWheel: (v) => {
+        oA.current.handleWheel(v.deltaX, v.deltaY);
+      },
+      onContextMenu: (v) => v.preventDefault(),
       tabIndex: 0,
       style: {
         ...I,
@@ -10660,7 +10664,7 @@ const qi = ({ artboard: B, config: A }) => {
       ]
     }
   );
-}, Ri = "6.3.8", Ui = {
+}, Ri = "6.3.10", Ui = {
   version: Ri
 }, pi = Ui.version;
 export {