exodeui 6.3.13 → 6.3.14

package/dist/index.mjs

@@ -4,7 +4,7 @@ var ot = (h, t, s) => ke(h, typeof t != "symbol" ? t + "" : t, s);
 import { jsx as Qt, jsxs as Me } from "react/jsx-runtime";
 import { forwardRef as Te, useRef as Jt, useState as me, useImperativeHandle as xe, useEffect as Kt, useCallback as zt } from "react";
 import { prepareWithSegments as ne, layoutWithLines as _e } from "@chenglou/pretext";
-import Yt from "@dimforge/rapier2d-compat";
+import Nt from "@dimforge/rapier2d-compat";
 import * as Ee from "lz-string";
 var D = /* @__PURE__ */ ((h) => (h.Proximity = "Proximity", h.Magnetic = "Magnetic", h.Repel = "Repel", h.Orbit = "Orbit", h.Vortex = "Vortex", h.Fluid = "Fluid", h.Elastic = "Elastic", h.Holographic = "Holographic", h.Sticky = "Sticky", h.Dilation = "Dilation", h.Parallax = "Parallax", h.Noise = "Noise", h.Float = "Float", h.Pulse = "Pulse", h.Draggable = "Draggable", h.Scroll = "Scroll", h.LookAt = "LookAt", h.Glint = "Glint", h.Scan = "Scan", h.Ratchet = "Ratchet", h.Jitter = "Jitter", h.Follower = "Follower", h.Wrap = "Wrap", h.Typewriter = "Typewriter", h.Scramble = "Scramble", h.Wave = "Wave", h.Bounce = "Bounce", h.TextTrail = "TextTrail", h.Reveal3D = "Reveal3D", h.RevealSlide = "RevealSlide", h.RevealBlur = "RevealBlur", h.TextLiquid = "TextLiquid", h.TextVortex = "TextVortex", h.TextExplosion = "TextExplosion", h.TextRain = "TextRain", h.TextGravity = "TextGravity", h.TextMatrix = "TextMatrix", h.TextNeon = "TextNeon", h.TextDissolve = "TextDissolve", h.TextOrganic = "TextOrganic", h.TextBreathe = "TextBreathe", h.TextSpin = "TextSpin", h.TextMagnet = "TextMagnet", h.TextPerspective = "TextPerspective", h.TextMirror = "TextMirror", h.TextFloral = "TextFloral", h.TextSmoke = "TextSmoke", h.TextVariable = "TextVariable", h.TextZing = "TextZing", h.TextElastic = "TextElastic", h.TextGlitch3D = "TextGlitch3D", h.GlitchText = "GlitchText", h.TextCounter = "TextCounter", h.Squash = "Squash", h.Spotlight = "Spotlight", h.Lens = "Lens", h.Gravity = "Gravity", h.Velocity = "Velocity", h.Shear = "Shear", h))(D || {}), Wt = /* @__PURE__ */ ((h) => (h.Scale = "Scale", h.Opacity = "Opacity", h.RotateZ = "RotateZ", h.RotateX = "RotateX", h.RotateY = "RotateY", h.PositionX = "PositionX", h.PositionY = "PositionY", h.SkewX = "SkewX", h.Blur = "Blur", h.Exposure = "Exposure", h.HueShift = "HueShift", h.Negative = "Negative", h.CornerRadius = "CornerRadius", h.StrokeWidth = "StrokeWidth", h.BoxShadow = "BoxShadow", h.FontSize = "FontSize", h.LetterSpacing = "LetterSpacing", h))(Wt || {}), Pe = /* @__PURE__ */ ((h) => (h.Equal = "Equal", h.NotEqual = "NotEqual", h.GreaterThan = "GreaterThan", h.LessThan = "LessThan", h.GreaterEqual = "GreaterEqual", h.LessEqual = "LessEqual", h.IsTrue = "IsTrue", h.IsFalse = "IsFalse", h))(Pe || {}), gt = /* @__PURE__ */ ((h) => (h.AND = "AND", h.OR = "OR", h.NOT = "NOT", h.XOR = "XOR", h.OBJECT = "OBJECT", h.PROPERTY = "PROPERTY", h.GET_PROPERTY = "GET_PROPERTY", h.SET_PROPERTY = "SET_PROPERTY", h.ADD = "ADD", h.SUB = "SUB", h.MUL = "MUL", h.DIV = "DIV", h.MOD = "MOD", h.POW = "POW", h.ABS = "ABS", h.ROUND = "ROUND", h.FLOOR = "FLOOR", h.CEIL = "CEIL", h.SIN = "SIN", h.COS = "COS", h.TAN = "TAN", h.CLAMP = "CLAMP", h.REMAP = "REMAP", h.EQ = "EQ", h.NEQ = "NEQ", h.GT = "GT", h.LT = "LT", h.GTE = "GTE", h.LTE = "LTE", h.IF_ELSE = "IF_ELSE", h.VALUE = "VALUE", h.INPUT = "INPUT", h.LOG = "LOG", h.SCROLL_X = "SCROLL_X", h.SCROLL_Y = "SCROLL_Y", h.MOUSE_X = "MOUSE_X", h.MOUSE_Y = "MOUSE_Y", h.IS_MOUSE_DOWN = "IS_MOUSE_DOWN", h.EFFECTOR = "EFFECTOR", h.MONITOR = "MONITOR", h.DELAY = "DELAY", h))(gt || {});
 const Zt = /* @__PURE__ */ new Map();
@@ -20,14 +20,14 @@ function ye(h) {
     width: a = 200,
     letterSpacing: r = 0,
     paragraphSpacing: c = 0,
-    paragraphIndent: p = 0,
+    paragraphIndent: d = 0,
     textCase: l = "none",
     segments: f = [],
     enableSegments: g = !1
   } = h;
-  let d = String(t || "");
-  l === "uppercase" ? d = d.toUpperCase() : l === "lowercase" ? d = d.toLowerCase() : l === "capitalize" && (d = d.replace(/\b\w/g, (x) => x.toUpperCase()));
-  const u = `${i} ${e} ${o}px "${s}", sans-serif`, m = `${d}|${u}|${r}|${c}|${p}|${g}|${JSON.stringify(f)}`;
+  let u = String(t || "");
+  l === "uppercase" ? u = u.toUpperCase() : l === "lowercase" ? u = u.toLowerCase() : l === "capitalize" && (u = u.replace(/\b\w/g, (x) => x.toUpperCase()));
+  const p = `${i} ${e} ${o}px "${s}", sans-serif`, m = `${u}|${p}|${r}|${c}|${d}|${g}|${JSON.stringify(f)}`;
   let y = Zt.get(m);
   const S = CanvasRenderingContext2D.prototype.measureText, b = function(x) {
     const B = S.call(this, x);
@@ -44,7 +44,7 @@ function ye(h) {
           const K = B.textCase || l || "none";
           return K === "uppercase" ? F.toUpperCase() : K === "lowercase" ? F.toLowerCase() : K === "capitalize" ? F.replace(/\b\w/g, (tt) => tt.toUpperCase()) : F;
         }).join("");
-        if (y = ne(x, u), y) {
+        if (y = ne(x, p), y) {
           let B = 0, F = o;
           for (const K of f) {
             let tt = K.text || "";
@@ -53,7 +53,7 @@ function ye(h) {
             rt === "uppercase" ? tt = tt.toUpperCase() : rt === "lowercase" ? tt = tt.toLowerCase() : rt === "capitalize" && (tt = tt.replace(/\b\w/g, ($) => $.toUpperCase()));
             const at = K.fontSize || o;
             at > F && (F = at);
-            const N = `${K.fontStyle || i} ${K.fontWeight || e} ${at}px "${K.fontFamily || s}", sans-serif`, O = ne(tt, N);
+            const V = `${K.fontStyle || i} ${K.fontWeight || e} ${at}px "${K.fontFamily || s}", sans-serif`, O = ne(tt, V);
             if (O && O.widths)
               for (let $ = 0; $ < O.widths.length; $++) {
                 const P = B + $;
@@ -73,7 +73,7 @@ function ye(h) {
           y.fullText = x, y.maxFontSize = F;
         }
       } else
-        y = ne(d, u);
+        y = ne(u, p);
       y && Zt.set(m, y);
     } catch (x) {
       return console.error("[ExodeUI] Pretext prepare failed:", x), { width: a, height: 0, lineCount: 0, lines: [] };
@@ -85,11 +85,11 @@ function ye(h) {
       x && Zt.delete(x);
     }
   }
-  if (p > 0 && y && y.widths && !y.indentApplied) {
-    const x = [...y.widths], B = y.fullText || d;
+  if (d > 0 && y && y.widths && !y.indentApplied) {
+    const x = [...y.widths], B = y.fullText || u;
     let F = !0;
     for (let K = 0; K < B.length; K++)
-      F && x[K] !== void 0 && (x[K] += p, F = !1), (B[K] === `
+      F && x[K] !== void 0 && (x[K] += d, F = !1), (B[K] === `
 ` || B[K] === "\r") && (F = !0, B[K] === "\r" && B[K + 1] === `
 ` && K++);
     y = { ...y, widths: x, indentApplied: !0 };
@@ -97,36 +97,36 @@ function ye(h) {
   if (!y) return { width: a, height: 0, lineCount: 0, lines: [] };
   let v = n;
   typeof v == "string" && (v = parseFloat(v)), v > 5 && o > 0 && (v = v / o), r !== 0 && (CanvasRenderingContext2D.prototype.measureText = b);
-  let I;
+  let w;
   try {
     const x = y.maxFontSize || o;
     if (a >= 1e5) {
-      const B = d.split(/\r\n|\r|\n/);
-      I = {
+      const B = u.split(/\r\n|\r|\n/);
+      w = {
         lines: B.map((F) => ({ text: F, width: 0 })),
         // Width will be measured below
         height: B.length * (v * x),
         lineCount: B.length
       };
     } else
-      I = _e(y, a, v * x);
+      w = _e(y, a, v * x);
   } finally {
     r !== 0 && (CanvasRenderingContext2D.prototype.measureText = S);
   }
-  let k = (I == null ? void 0 : I.height) !== void 0 && I.height > 0 ? I.height : (((A = I == null ? void 0 : I.lines) == null ? void 0 : A.length) || 0) * v * o;
-  if (c > 0 && I && I.lines && I.lines.length > 1) {
+  let k = (w == null ? void 0 : w.height) !== void 0 && w.height > 0 ? w.height : (((A = w == null ? void 0 : w.lines) == null ? void 0 : A.length) || 0) * v * o;
+  if (c > 0 && w && w.lines && w.lines.length > 1) {
     let x = 0;
     const B = y.fullText || t;
-    for (let F = 0; F < I.lines.length - 1; F++)
-      x += I.lines[F].text.length, (B[x] === `
+    for (let F = 0; F < w.lines.length - 1; F++)
+      x += w.lines[F].text.length, (B[x] === `
 ` || B[x] === "\r") && (k += c, x++, B[x - 1] === "\r" && B[x] === `
 ` && x++);
   }
   return {
     width: a,
     height: k,
-    lineCount: (I == null ? void 0 : I.lineCount) || 0,
-    lines: (I == null ? void 0 : I.lines) || []
+    lineCount: (w == null ? void 0 : w.lineCount) || 0,
+    lines: (w == null ? void 0 : w.lines) || []
   };
 }
 function re(h, t, s) {
@@ -139,13 +139,13 @@ function re(h, t, s) {
   let n = t - (e.length - 1) * s, a = 0;
   if (e.forEach((r, c) => {
     if (r.endsWith("px")) {
-      const p = parseFloat(r);
-      i[c] = p, n -= p;
+      const d = parseFloat(r);
+      i[c] = d, n -= d;
     } else r.endsWith("fr") ? a += parseFloat(r) : r === "auto" && (i[c] = 100, n -= 100);
   }), a > 0 && n > 0) {
     const r = n / a;
-    e.forEach((c, p) => {
-      c.endsWith("fr") && (i[p] = r * parseFloat(c));
+    e.forEach((c, d) => {
+      c.endsWith("fr") && (i[d] = r * parseFloat(c));
     });
   }
   return i;
@@ -160,8 +160,8 @@ function le(h, t, s) {
 }
 function Oe(h, t, s) {
   var rt, at;
-  const o = h.autoLayout, { direction: e, spacing: i, padding: n, align: a, wrap: r } = o, c = e === "vertical", p = t.map((N) => {
-    const O = s(N.id), $ = N.geometry;
+  const o = h.autoLayout, { direction: e, spacing: i, padding: n, align: a, wrap: r } = o, c = e === "vertical", d = t.map((V) => {
+    const O = s(V.id), $ = V.geometry;
     let P = (O == null ? void 0 : O.width) ?? $.width ?? 100, J = (O == null ? void 0 : O.height) ?? $.height ?? 100;
     if ($.type === "Ellipse" || $.type === "Polygon" || $.type === "Star") {
       const Z = (O == null ? void 0 : O.radius) ?? $.radius ?? (O == null ? void 0 : O.outer_radius) ?? $.outer_radius ?? 50;
@@ -182,50 +182,50 @@ function Oe(h, t, s) {
       });
       J = Z.height, $.width || (P = Z.width);
     }
-    return P *= N.transform.scale_x || 1, J *= N.transform.scale_y || 1, { id: N.id, w: P, h: J, original: N };
+    return P *= V.transform.scale_x || 1, J *= V.transform.scale_y || 1, { id: V.id, w: P, h: J, original: V };
   });
   let l = h.width, f = h.height;
-  const g = ((rt = h.layoutProps) == null ? void 0 : rt.width) === "hug", d = ((at = h.layoutProps) == null ? void 0 : at.height) === "hug", u = [];
+  const g = ((rt = h.layoutProps) == null ? void 0 : rt.width) === "hug", u = ((at = h.layoutProps) == null ? void 0 : at.height) === "hug", p = [];
   let m = [], y = 0, S = 0;
   const b = l - n.left - n.right, v = f - n.top - n.bottom;
-  p.forEach((N) => {
-    r && m.length > 0 && (c ? S + i + N.h > v : y + i + N.w > b) ? (u.push({ children: m, width: y, height: S }), m = [N], y = N.w, S = N.h) : (m.push(N), c ? (y = Math.max(y, N.w), S += (m.length > 1 ? i : 0) + N.h) : (y += (m.length > 1 ? i : 0) + N.w, S = Math.max(S, N.h)));
-  }), m.length > 0 && u.push({ children: m, width: y, height: S }), g && !c && (l = Math.max(...u.map((N) => N.width), 0) + n.left + n.right), d && c && (f = Math.max(...u.map((N) => N.height), 0) + n.top + n.bottom);
-  const I = [];
+  d.forEach((V) => {
+    r && m.length > 0 && (c ? S + i + V.h > v : y + i + V.w > b) ? (p.push({ children: m, width: y, height: S }), m = [V], y = V.w, S = V.h) : (m.push(V), c ? (y = Math.max(y, V.w), S += (m.length > 1 ? i : 0) + V.h) : (y += (m.length > 1 ? i : 0) + V.w, S = Math.max(S, V.h)));
+  }), m.length > 0 && p.push({ children: m, width: y, height: S }), g && !c && (l = Math.max(...p.map((V) => V.width), 0) + n.left + n.right), u && c && (f = Math.max(...p.map((V) => V.height), 0) + n.top + n.bottom);
+  const w = [];
   let k = n.left, A = n.top;
   const x = a.toLowerCase(), B = x === "center" || x.endsWith("-center"), F = x.endsWith("-right"), K = x === "center" || x.startsWith("center-"), tt = x.startsWith("bottom-");
-  return u.forEach((N) => {
+  return p.forEach((V) => {
     let O = k, $ = A;
-    c ? K ? $ = n.top + (f - n.top - n.bottom - N.height) / 2 : tt && ($ = f - n.bottom - N.height) : B ? O = n.left + (l - n.left - n.right - N.width) / 2 : F && (O = l - n.right - N.width), N.children.forEach((P) => {
+    c ? K ? $ = n.top + (f - n.top - n.bottom - V.height) / 2 : tt && ($ = f - n.bottom - V.height) : B ? O = n.left + (l - n.left - n.right - V.width) / 2 : F && (O = l - n.right - V.width), V.children.forEach((P) => {
       var H, it;
       let J = O, Z = $;
-      c ? B ? J += (N.width - P.w) / 2 : F && (J += N.width - P.w) : K ? Z += (N.height - P.h) / 2 : tt && (Z += N.height - P.h);
-      const lt = ((H = P.original.layoutProps) == null ? void 0 : H.width) === "fill", V = ((it = P.original.layoutProps) == null ? void 0 : it.height) === "fill";
-      I.push({
+      c ? B ? J += (V.width - P.w) / 2 : F && (J += V.width - P.w) : K ? Z += (V.height - P.h) / 2 : tt && (Z += V.height - P.h);
+      const lt = ((H = P.original.layoutProps) == null ? void 0 : H.width) === "fill", Y = ((it = P.original.layoutProps) == null ? void 0 : it.height) === "fill";
+      w.push({
         id: P.id,
         x: J + P.w / 2 - l / 2,
         y: Z + P.h / 2 - f / 2,
-        width: lt && c ? N.width : void 0,
-        height: V ? c ? void 0 : N.height : void 0
+        width: lt && c ? V.width : void 0,
+        height: Y ? c ? void 0 : V.height : void 0
       }), c ? $ += P.h + i : O += P.w + i;
-    }), c ? k += N.width + i : A += N.height + i;
-  }), { frameWidth: g ? l : void 0, frameHeight: d ? f : void 0, childUpdates: I };
+    }), c ? k += V.width + i : A += V.height + i;
+  }), { frameWidth: g ? l : void 0, frameHeight: u ? f : void 0, childUpdates: w };
 }
 function Ae(h, t, s) {
   const o = h.autoLayout;
   if (!o) return { childUpdates: [] };
   const { gridColumns: e, gridRows: i, columnGap: n = 0, rowGap: a = 0, padding: r, align: c } = o;
-  let p = h.width, l = h.height;
-  const f = p - r.left - r.right, g = l - r.top - r.bottom, d = re(e || "1fr", f, n), u = re(i || "auto", g, a), m = d.length > 0 ? d.reduce((F, K) => F + K, 0) + (d.length - 1) * n : 0, y = u.length > 0 ? u.reduce((F, K) => F + K, 0) + (u.length - 1) * a : 0, S = c.toLowerCase(), b = S === "center" || S.endsWith("-center"), v = S.endsWith("-right"), I = S === "center" || S.startsWith("center-"), k = S.startsWith("bottom-");
+  let d = h.width, l = h.height;
+  const f = d - r.left - r.right, g = l - r.top - r.bottom, u = re(e || "1fr", f, n), p = re(i || "auto", g, a), m = u.length > 0 ? u.reduce((F, K) => F + K, 0) + (u.length - 1) * n : 0, y = p.length > 0 ? p.reduce((F, K) => F + K, 0) + (p.length - 1) * a : 0, S = c.toLowerCase(), b = S === "center" || S.endsWith("-center"), v = S.endsWith("-right"), w = S === "center" || S.startsWith("center-"), k = S.startsWith("bottom-");
   let A = 0, x = 0;
-  b ? A = (f - m) / 2 : v && (A = f - m), I ? x = (g - y) / 2 : k && (x = g - y);
+  b ? A = (f - m) / 2 : v && (A = f - m), w ? x = (g - y) / 2 : k && (x = g - y);
   const B = [];
   return t.forEach((F, K) => {
     var it, nt;
-    const tt = K % d.length || 0, rt = Math.floor(K / d.length) || 0;
-    rt >= u.length && u.push(100);
-    const at = d[tt], N = u[rt];
-    let O = r.left + A + d.slice(0, tt).reduce((ft, M) => ft + M + n, 0), $ = r.top + x + u.slice(0, rt).reduce((ft, M) => ft + M + a, 0);
+    const tt = K % u.length || 0, rt = Math.floor(K / u.length) || 0;
+    rt >= p.length && p.push(100);
+    const at = u[tt], V = p[rt];
+    let O = r.left + A + u.slice(0, tt).reduce((ft, M) => ft + M + n, 0), $ = r.top + x + p.slice(0, rt).reduce((ft, M) => ft + M + a, 0);
     const P = s(F.id), J = F.geometry;
     let Z = (P == null ? void 0 : P.width) ?? J.width ?? 100, lt = (P == null ? void 0 : P.height) ?? J.height ?? 100;
     if (J.type === "Ellipse" || J.type === "Polygon" || J.type === "Star") {
@@ -233,13 +233,13 @@ function Ae(h, t, s) {
       Z = ft * 2, lt = ft * 2;
     }
     Z *= F.transform.scale_x || 1, lt *= F.transform.scale_y || 1;
-    let V = O, H = $;
-    b ? V += (at - Z) / 2 : v && (V += at - Z), I ? H += (N - lt) / 2 : k && (H += N - lt), B.push({
+    let Y = O, H = $;
+    b ? Y += (at - Z) / 2 : v && (Y += at - Z), w ? H += (V - lt) / 2 : k && (H += V - lt), B.push({
       id: F.id,
-      x: V + Z / 2 - p / 2,
+      x: Y + Z / 2 - d / 2,
       y: H + lt / 2 - l / 2,
       width: ((it = F.layoutProps) == null ? void 0 : it.width) === "fill" ? at : void 0,
-      height: ((nt = F.layoutProps) == null ? void 0 : nt.height) === "fill" ? N : void 0
+      height: ((nt = F.layoutProps) == null ? void 0 : nt.height) === "fill" ? V : void 0
     });
   }), { childUpdates: B };
 }
@@ -251,7 +251,7 @@ class Re {
     ot(this, "initialized", !1);
   }
   async init(t) {
-    this.initialized || (await Yt.init(), this.world = new Yt.World(new Yt.Vector2(t.x, t.y)), this.initialized = !0);
+    this.initialized || (await Nt.init(), this.world = new Nt.World(new Nt.Vector2(t.x, t.y)), this.initialized = !0);
   }
   destroy() {
     this.bodies.clear(), this.colliders.clear(), this.world && (this.world.free(), this.world = null), this.initialized = !1;
@@ -262,32 +262,32 @@ class Re {
       return;
     }
     this.bodies.has(t.id) && this.removeBody(t.id);
-    const s = t.isStatic ? Yt.RigidBodyDesc.fixed() : Yt.RigidBodyDesc.dynamic();
+    const s = t.isStatic ? Nt.RigidBodyDesc.fixed() : Nt.RigidBodyDesc.dynamic();
     s.setTranslation(t.x, t.y), t.rotation !== void 0 && s.setRotation(t.rotation);
     const o = this.world.createRigidBody(s);
     let e;
     switch (t.type) {
       case "Rectangle":
-        e = Yt.ColliderDesc.cuboid(
+        e = Nt.ColliderDesc.cuboid(
           t.width / 2,
           t.height / 2
         );
         break;
       case "Ellipse":
-        e = Yt.ColliderDesc.ball(
+        e = Nt.ColliderDesc.ball(
           Math.max(t.width, t.height) / 2
         );
         break;
       case "Triangle":
       case "Star":
       case "Polygon":
-        e = Yt.ColliderDesc.cuboid(
+        e = Nt.ColliderDesc.cuboid(
           t.width / 2,
           t.height / 2
         );
         break;
       default:
-        e = Yt.ColliderDesc.cuboid(
+        e = Nt.ColliderDesc.cuboid(
           t.width / 2,
           t.height / 2
         );
@@ -327,7 +327,7 @@ class Re {
   }
   setPosition(t, s, o) {
     const e = this.bodies.get(t);
-    e && e.setTranslation(new Yt.Vector2(s, o), !0);
+    e && e.setTranslation(new Nt.Vector2(s, o), !0);
   }
   setRotation(t, s) {
     const o = this.bodies.get(t);
@@ -335,31 +335,31 @@ class Re {
   }
   setVelocity(t, s, o) {
     const e = this.bodies.get(t);
-    e && e.setLinvel(new Yt.Vector2(s, o), !0);
+    e && e.setLinvel(new Nt.Vector2(s, o), !0);
   }
   applyForce(t, s, o) {
     const e = this.bodies.get(t);
-    e && e.addForce(new Yt.Vector2(s, o), !0);
+    e && e.addForce(new Nt.Vector2(s, o), !0);
   }
   applyImpulse(t, s, o) {
     const e = this.bodies.get(t);
-    e && e.applyImpulse(new Yt.Vector2(s, o), !0);
+    e && e.applyImpulse(new Nt.Vector2(s, o), !0);
   }
 }
-const be = (h) => h, Fe = (h) => h > 0 ? 1 : 0, $e = (h) => h < 1 ? 0 : 1, ce = (h) => h * h, fe = (h) => h * (2 - h), he = (h) => h < 0.5 ? 2 * h * h : -1 + (4 - 2 * h) * h, Le = (h) => h * h * h, We = (h) => --h * h * h + 1, De = (h) => h < 0.5 ? 4 * h * h * h : (h - 1) * (2 * h - 2) * (2 * h - 2) + 1, Be = (h) => h * h * h * h, Ne = (h) => 1 - --h * h * h * h, Ye = (h) => h < 0.5 ? 8 * h * h * h * h : 1 - 8 * --h * h * h * h, Ve = (h) => h * h * h * h * h, Xe = (h) => 1 + --h * h * h * h * h, Ge = (h) => h < 0.5 ? 16 * h * h * h * h * h : 1 + 16 * --h * h * h * h * h, ze = (h) => 1 - Math.cos(h * Math.PI / 2), He = (h) => Math.sin(h * Math.PI / 2), Ue = (h) => -(Math.cos(Math.PI * h) - 1) / 2, qe = (h) => h === 0 ? 0 : Math.pow(2, 10 * (h - 1)), Je = (h) => h === 1 ? 1 : 1 - Math.pow(2, -10 * h), Qe = (h) => h === 0 ? 0 : h === 1 ? 1 : h < 0.5 ? Math.pow(2, 20 * h - 10) / 2 : (2 - Math.pow(2, -20 * h + 10)) / 2, Ke = (h) => 1 - Math.sqrt(1 - h * h), Ze = (h) => Math.sqrt(1 - --h * h), je = (h) => h < 0.5 ? (1 - Math.sqrt(1 - 4 * h * h)) / 2 : (Math.sqrt(1 - (-2 * h + 2) * (-2 * h + 2)) + 1) / 2, ie = 1.70158, te = ie * 1.525, ve = ie + 1, ts = (h) => ve * h * h * h - ie * h * h, es = (h) => 1 + ve * Math.pow(h - 1, 3) + ie * Math.pow(h - 1, 2), ss = (h) => h < 0.5 ? Math.pow(2 * h, 2) * ((te + 1) * 2 * h - te) / 2 : (Math.pow(2 * h - 2, 2) * ((te + 1) * (h * 2 - 2) + te) + 2) / 2, Se = 2 * Math.PI / 3, de = 2 * Math.PI / 4.5, is = (h) => h === 0 ? 0 : h === 1 ? 1 : -Math.pow(2, 10 * h - 10) * Math.sin((h * 10 - 10.75) * Se), ns = (h) => h === 0 ? 0 : h === 1 ? 1 : Math.pow(2, -10 * h) * Math.sin((h * 10 - 0.75) * Se) + 1, os = (h) => h === 0 ? 0 : h === 1 ? 1 : h < 0.5 ? -(Math.pow(2, 20 * h - 10) * Math.sin((20 * h - 11.125) * de)) / 2 : Math.pow(2, -20 * h + 10) * Math.sin((20 * h - 11.125) * de) / 2 + 1, se = (h) => h < 1 / 2.75 ? 7.5625 * h * h : h < 2 / 2.75 ? 7.5625 * (h -= 1.5 / 2.75) * h + 0.75 : h < 2.5 / 2.75 ? 7.5625 * (h -= 2.25 / 2.75) * h + 0.9375 : 7.5625 * (h -= 2.625 / 2.75) * h + 0.984375, as = (h) => 1 - se(1 - h), rs = se, ls = (h) => h < 0.5 ? (1 - se(1 - 2 * h)) / 2 : (1 + se(2 * h - 1)) / 2, oe = /* @__PURE__ */ new Map(), jt = (h, t, s, o) => {
+const be = (h) => h, Fe = (h) => h > 0 ? 1 : 0, $e = (h) => h < 1 ? 0 : 1, ce = (h) => h * h, fe = (h) => h * (2 - h), he = (h) => h < 0.5 ? 2 * h * h : -1 + (4 - 2 * h) * h, Le = (h) => h * h * h, We = (h) => --h * h * h + 1, De = (h) => h < 0.5 ? 4 * h * h * h : (h - 1) * (2 * h - 2) * (2 * h - 2) + 1, Be = (h) => h * h * h * h, Ve = (h) => 1 - --h * h * h * h, Ne = (h) => h < 0.5 ? 8 * h * h * h * h : 1 - 8 * --h * h * h * h, Ye = (h) => h * h * h * h * h, Ge = (h) => 1 + --h * h * h * h * h, Xe = (h) => h < 0.5 ? 16 * h * h * h * h * h : 1 + 16 * --h * h * h * h * h, ze = (h) => 1 - Math.cos(h * Math.PI / 2), He = (h) => Math.sin(h * Math.PI / 2), Ue = (h) => -(Math.cos(Math.PI * h) - 1) / 2, qe = (h) => h === 0 ? 0 : Math.pow(2, 10 * (h - 1)), Je = (h) => h === 1 ? 1 : 1 - Math.pow(2, -10 * h), Qe = (h) => h === 0 ? 0 : h === 1 ? 1 : h < 0.5 ? Math.pow(2, 20 * h - 10) / 2 : (2 - Math.pow(2, -20 * h + 10)) / 2, Ke = (h) => 1 - Math.sqrt(1 - h * h), Ze = (h) => Math.sqrt(1 - --h * h), je = (h) => h < 0.5 ? (1 - Math.sqrt(1 - 4 * h * h)) / 2 : (Math.sqrt(1 - (-2 * h + 2) * (-2 * h + 2)) + 1) / 2, ie = 1.70158, te = ie * 1.525, ve = ie + 1, ts = (h) => ve * h * h * h - ie * h * h, es = (h) => 1 + ve * Math.pow(h - 1, 3) + ie * Math.pow(h - 1, 2), ss = (h) => h < 0.5 ? Math.pow(2 * h, 2) * ((te + 1) * 2 * h - te) / 2 : (Math.pow(2 * h - 2, 2) * ((te + 1) * (h * 2 - 2) + te) + 2) / 2, Se = 2 * Math.PI / 3, de = 2 * Math.PI / 4.5, is = (h) => h === 0 ? 0 : h === 1 ? 1 : -Math.pow(2, 10 * h - 10) * Math.sin((h * 10 - 10.75) * Se), ns = (h) => h === 0 ? 0 : h === 1 ? 1 : Math.pow(2, -10 * h) * Math.sin((h * 10 - 0.75) * Se) + 1, os = (h) => h === 0 ? 0 : h === 1 ? 1 : h < 0.5 ? -(Math.pow(2, 20 * h - 10) * Math.sin((20 * h - 11.125) * de)) / 2 : Math.pow(2, -20 * h + 10) * Math.sin((20 * h - 11.125) * de) / 2 + 1, se = (h) => h < 1 / 2.75 ? 7.5625 * h * h : h < 2 / 2.75 ? 7.5625 * (h -= 1.5 / 2.75) * h + 0.75 : h < 2.5 / 2.75 ? 7.5625 * (h -= 2.25 / 2.75) * h + 0.9375 : 7.5625 * (h -= 2.625 / 2.75) * h + 0.984375, as = (h) => 1 - se(1 - h), rs = se, ls = (h) => h < 0.5 ? (1 - se(1 - 2 * h)) / 2 : (1 + se(2 * h - 1)) / 2, oe = /* @__PURE__ */ new Map(), jt = (h, t, s, o) => {
   const e = `${h},${t},${s},${o}`;
   if (oe.has(e)) return oe.get(e);
-  const i = (p) => (1 - 3 * s + 3 * h) * p * p * p + (3 * s - 6 * h) * p * p + 3 * h * p, n = (p) => (1 - 3 * o + 3 * t) * p * p * p + (3 * o - 6 * t) * p * p + 3 * t * p, a = (p) => 3 * (1 - 3 * s + 3 * h) * p * p + 2 * (3 * s - 6 * h) * p + 3 * h, r = (p) => {
-    let l = p;
+  const i = (d) => (1 - 3 * s + 3 * h) * d * d * d + (3 * s - 6 * h) * d * d + 3 * h * d, n = (d) => (1 - 3 * o + 3 * t) * d * d * d + (3 * o - 6 * t) * d * d + 3 * t * d, a = (d) => 3 * (1 - 3 * s + 3 * h) * d * d + 2 * (3 * s - 6 * h) * d + 3 * h, r = (d) => {
+    let l = d;
     for (let f = 0; f < 8; f++) {
-      const g = i(l) - p;
+      const g = i(l) - d;
       if (Math.abs(g) < 1e-6) return l;
-      const d = a(l);
-      if (Math.abs(d) < 1e-6) break;
-      l = l - g / d;
+      const u = a(l);
+      if (Math.abs(u) < 1e-6) break;
+      l = l - g / u;
     }
     return l;
-  }, c = (p) => p === 0 ? 0 : p === 1 ? 1 : n(r(p));
+  }, c = (d) => d === 0 ? 0 : d === 1 ? 1 : n(r(d));
   return oe.set(e, c), c;
 }, ue = (h) => {
   const t = h.match(/cubic-bezier\s*\(\s*([-?\d.]+)\s*,\s*([-?\d.]+)\s*,\s*([-?\d.]+)\s*,\s*([-?\d.]+)\s*\)/);
@@ -384,12 +384,12 @@ const be = (h) => h, Fe = (h) => h > 0 ? 1 : 0, $e = (h) => h < 1 ? 0 : 1, ce =
   EaseInOutCubic: De,
   // Quartic
   EaseInQuart: Be,
-  EaseOutQuart: Ne,
-  EaseInOutQuart: Ye,
+  EaseOutQuart: Ve,
+  EaseInOutQuart: Ne,
   // Quintic
-  EaseInQuint: Ve,
-  EaseOutQuint: Xe,
-  EaseInOutQuint: Ge,
+  EaseInQuint: Ye,
+  EaseOutQuint: Ge,
+  EaseInOutQuint: Xe,
   // Sinusoidal
   EaseInSine: ze,
   EaseOutSine: He,
@@ -623,88 +623,88 @@ class fs {
   }
   svgPathToPoints(t) {
     const s = /([MLHVCSQTAZmlhvcsqtaz])([^MLHVCSQTAZmlhvcsqtaz]*)/g, o = /[-+]?(?:\d*\.\d+|\d+)(?:[eE][-+]?\d+)?/g, e = [];
-    let i = !1, n = 0, a = 0, r = 0, c = 0, p = 0, l = 0, f;
+    let i = !1, n = 0, a = 0, r = 0, c = 0, d = 0, l = 0, f;
     for (; (f = s.exec(t)) !== null; ) {
-      const g = f[1], d = (f[2].match(o) || []).map(parseFloat), u = g === g.toLowerCase(), m = g.toUpperCase();
+      const g = f[1], u = (f[2].match(o) || []).map(parseFloat), p = g === g.toLowerCase(), m = g.toUpperCase();
       let y = 0;
       const S = (v) => {
-        let I = d[y++];
-        return u && (I += v ? n : a), I;
+        let w = u[y++];
+        return p && (w += v ? n : a), w;
       }, b = () => ({ x: S(!0), y: S(!1) });
       switch (m) {
         case "M": {
           const v = b();
-          for (p = n = v.x, l = a = v.y, e.push({ x: n, y: a, in_x: n, in_y: a, out_x: n, out_y: a, moveTo: !0 }); y < d.length; ) {
-            const I = b();
-            n = I.x, a = I.y, e.push({ x: n, y: a, in_x: n, in_y: a, out_x: n, out_y: a });
+          for (d = n = v.x, l = a = v.y, e.push({ x: n, y: a, in_x: n, in_y: a, out_x: n, out_y: a, moveTo: !0 }); y < u.length; ) {
+            const w = b();
+            n = w.x, a = w.y, e.push({ x: n, y: a, in_x: n, in_y: a, out_x: n, out_y: a });
           }
           break;
         }
         case "L":
-          for (; y < d.length; ) {
+          for (; y < u.length; ) {
             const v = b();
             n = v.x, a = v.y, e.push({ x: n, y: a, in_x: n, in_y: a, out_x: n, out_y: a });
           }
           break;
         case "H":
-          for (; y < d.length; )
+          for (; y < u.length; )
             n = S(!0), e.push({ x: n, y: a, in_x: n, in_y: a, out_x: n, out_y: a });
           break;
         case "V":
-          for (; y < d.length; )
+          for (; y < u.length; )
             a = S(!1), e.push({ x: n, y: a, in_x: n, in_y: a, out_x: n, out_y: a });
           break;
         case "C":
-          for (; y < d.length; ) {
-            const v = b(), I = b(), k = b();
+          for (; y < u.length; ) {
+            const v = b(), w = b(), k = b();
             if (e.length > 0) {
               const A = e[e.length - 1];
               A.out_x = v.x, A.out_y = v.y;
             }
-            n = k.x, a = k.y, e.push({ x: n, y: a, in_x: I.x, in_y: I.y, out_x: n, out_y: a }), r = I.x, c = I.y;
+            n = k.x, a = k.y, e.push({ x: n, y: a, in_x: w.x, in_y: w.y, out_x: n, out_y: a }), r = w.x, c = w.y;
           }
           break;
         case "S":
-          for (; y < d.length; ) {
-            const v = { x: 2 * n - r, y: 2 * a - c }, I = b(), k = b();
+          for (; y < u.length; ) {
+            const v = { x: 2 * n - r, y: 2 * a - c }, w = b(), k = b();
             if (e.length > 0) {
               const A = e[e.length - 1];
               A.out_x = v.x, A.out_y = v.y;
             }
-            n = k.x, a = k.y, e.push({ x: n, y: a, in_x: I.x, in_y: I.y, out_x: n, out_y: a }), r = I.x, c = I.y;
+            n = k.x, a = k.y, e.push({ x: n, y: a, in_x: w.x, in_y: w.y, out_x: n, out_y: a }), r = w.x, c = w.y;
           }
           break;
         case "Q":
-          for (; y < d.length; ) {
-            const v = b(), I = b();
+          for (; y < u.length; ) {
+            const v = b(), w = b();
             if (e.length > 0) {
               const k = e[e.length - 1];
               k.out_x = k.x + 2 / 3 * (v.x - k.x), k.out_y = k.y + 2 / 3 * (v.y - k.y);
             }
-            n = I.x, a = I.y, e.push({ x: n, y: a, in_x: n + 2 / 3 * (v.x - n), in_y: a + 2 / 3 * (v.y - a), out_x: n, out_y: a }), r = v.x, c = v.y;
+            n = w.x, a = w.y, e.push({ x: n, y: a, in_x: n + 2 / 3 * (v.x - n), in_y: a + 2 / 3 * (v.y - a), out_x: n, out_y: a }), r = v.x, c = v.y;
           }
           break;
         case "T":
-          for (; y < d.length; ) {
-            const v = { x: 2 * n - r, y: 2 * a - c }, I = b();
+          for (; y < u.length; ) {
+            const v = { x: 2 * n - r, y: 2 * a - c }, w = b();
             if (e.length > 0) {
               const k = e[e.length - 1];
               k.out_x = k.x + 2 / 3 * (v.x - k.x), k.out_y = k.y + 2 / 3 * (v.y - k.y);
             }
-            n = I.x, a = I.y, e.push({ x: n, y: a, in_x: n + 2 / 3 * (v.x - n), in_y: a + 2 / 3 * (v.y - a), out_x: n, out_y: a }), r = v.x, c = v.y;
+            n = w.x, a = w.y, e.push({ x: n, y: a, in_x: n + 2 / 3 * (v.x - n), in_y: a + 2 / 3 * (v.y - a), out_x: n, out_y: a }), r = v.x, c = v.y;
           }
           break;
         case "Z":
           if (i = !0, e.length > 0) {
             const v = e[e.length - 1];
             v.closePath = !0;
-            const I = [...e].reverse().find((k) => k.moveTo) || e[0];
-            I && Math.hypot(I.x - v.x, I.y - v.y) < 0.1 && (I.in_x = v.in_x, I.in_y = v.in_y, e.pop(), e.length > 0 && (e[e.length - 1].closePath = !0));
+            const w = [...e].reverse().find((k) => k.moveTo) || e[0];
+            w && Math.hypot(w.x - v.x, w.y - v.y) < 0.1 && (w.in_x = v.in_x, w.in_y = v.in_y, e.pop(), e.length > 0 && (e[e.length - 1].closePath = !0));
           }
-          n = p, a = l;
+          n = d, a = l;
           break;
         default:
-          if (d.length >= 2) {
+          if (u.length >= 2) {
             const v = b();
             n = v.x, a = v.y, e.push({ x: n, y: a, in_x: n, in_y: a, out_x: n, out_y: a });
           }
@@ -774,8 +774,8 @@ class fs {
     const o = [], e = /* @__PURE__ */ new Set(), i = (r) => {
       r && r.forEach((c) => {
         if (e.has(c.id)) return;
-        const p = { ...c }, l = p.childrenObjects || [];
-        e.add(p.id), o.push(p), i(l);
+        const d = { ...c }, l = d.childrenObjects || [];
+        e.add(d.id), o.push(d), i(l);
       });
     };
     if (i(s.objects || []), o.length > (s.objects || []).length && console.log(`[Engine] Flattened artboard from ${(s.objects || []).length} to ${o.length} objects.`), s.objects = o, this.artboard = s, this.currentTime = 0, this.objectStates.clear(), console.log(`[ExodeUIEngine] Loading artboard: "${(n = this.artboard) == null ? void 0 : n.name}" with ${(a = this.artboard) == null ? void 0 : a.objects.length} objects`), this.artboard && this.artboard.objects) {
@@ -784,8 +784,8 @@ class fs {
         r.set(c.id, c), c.children || (c.children = []);
       }), this.artboard.objects.forEach((c) => {
         if (c.parentId) {
-          const p = r.get(c.parentId);
-          p && (p.children || (p.children = []), p.children.includes(c.id) || p.children.push(c.id));
+          const d = r.get(c.parentId);
+          d && (d.children || (d.children = []), d.children.includes(c.id) || d.children.push(c.id));
         }
       });
     }
@@ -835,11 +835,11 @@ class fs {
   reset() {
     if (!this.artboard) return;
     if (this.objectStates.clear(), this.objectVelocities.clear(), this.currentTime = 0, this.inputs.clear(), this.inputNameMap.clear(), this.layerStates.clear(), this.logicNodeValues.clear(), this.justFiredTriggers.clear(), this.inputs.set("mouseX", 0), this.inputs.set("mouseY", 0), this.inputs.set("scrollX", 0), this.inputs.set("scrollY", 0), this.inputs.set("isMouseDown", !1), this.physicsEngine && (this.physicsEngine.destroy(), this.physicsEngine = null), this.artboard.objects.forEach((s) => {
-      var n, a, r, c, p, l, f;
+      var n, a, r, c, d, l, f;
       const o = s.width ?? ((n = s.geometry) == null ? void 0 : n.width) ?? 0, e = s.height ?? ((a = s.geometry) == null ? void 0 : a.height) ?? 0, i = s.cornerRadius ?? s.corner_radius ?? ((r = s.geometry) == null ? void 0 : r.corner_radius) ?? ((c = s.geometry) == null ? void 0 : c.cornerRadius) ?? 0;
       this.objectStates.set(s.id, {
         ...s.transform || {},
-        x: ((p = s.transform) == null ? void 0 : p.x) ?? s.x ?? 0,
+        x: ((d = s.transform) == null ? void 0 : d.x) ?? s.x ?? 0,
         y: ((l = s.transform) == null ? void 0 : l.y) ?? s.y ?? 0,
         width: o,
         height: e,
@@ -932,9 +932,9 @@ class fs {
     this.artboard.objects.forEach((i) => {
       var n;
       if (i.type === "Frame" && ((n = i.autoLayout) != null && n.enabled) && i.children && i.children.length > 0) {
-        const a = i.children.map((p) => t.get(p)).filter((p) => !!p), r = this.objectStates.get(i.id);
+        const a = i.children.map((d) => t.get(d)).filter((d) => !!d), r = this.objectStates.get(i.id);
         if (!r) return;
-        const c = le(r, a, (p) => this.objectStates.get(p));
+        const c = le(r, a, (d) => this.objectStates.get(d));
         c.frameWidth !== void 0 && (r.width = c.frameWidth), c.frameHeight !== void 0 && (r.height = c.frameHeight), o(c.childUpdates);
       }
     });
@@ -986,15 +986,15 @@ class fs {
       const a = this.activeStateMachine.layers.find((r) => r.name === t);
       if (a)
         for (const r of s) {
-          const c = a.states.find((p) => p.id === r);
+          const c = a.states.find((d) => d.id === r);
           if (c) {
-            let p = null;
-            c.animationId && (p = this.artboard.animations.find((l) => l.id === c.animationId) || null), p || (p = this.artboard.animations.find(
+            let d = null;
+            c.animationId && (d = this.artboard.animations.find((l) => l.id === c.animationId) || null), d || (d = this.artboard.animations.find(
               (l) => {
                 var f, g;
                 return l.name === c.name || l.id === c.name || (c.name === "Entry" || c.id === "entry") && (((f = l.name) == null ? void 0 : f.toLowerCase()) === "onload" || ((g = l.name) == null ? void 0 : g.toLowerCase()) === "intro");
               }
-            ) || null), p && ((n = this.artboard.animationFlow) != null && n.some((f) => (f.trigger === "on_load" || f.trigger === "after_delay") && f.targetAnimationId === (p == null ? void 0 : p.id)) || (e.push({ animation: p, state: c }), i = Math.max(i, p.duration)));
+            ) || null), d && ((n = this.artboard.animationFlow) != null && n.some((f) => (f.trigger === "on_load" || f.trigger === "after_delay") && f.targetAnimationId === (d == null ? void 0 : d.id)) || (e.push({ animation: d, state: c }), i = Math.max(i, d.duration)));
           }
         }
     }
@@ -1040,13 +1040,13 @@ class fs {
     var n, a, r;
     let o;
     if (this.inputs.has(t)) {
-      const c = (n = this.activeStateMachine) == null ? void 0 : n.inputs.find((p) => p.id === t);
+      const c = (n = this.activeStateMachine) == null ? void 0 : n.inputs.find((d) => d.id === t);
       c && typeof c.value == "object" && (o = c.value.type);
     } else {
       const c = this.inputNameMap.get(t);
       if (c && c.length > 0) {
-        const p = (a = this.activeStateMachine) == null ? void 0 : a.inputs.find((l) => l.id === c[0]);
-        p && typeof p.value == "object" && (o = p.value.type);
+        const d = (a = this.activeStateMachine) == null ? void 0 : a.inputs.find((l) => l.id === c[0]);
+        d && typeof d.value == "object" && (o = d.value.type);
       }
     }
     let e = s;
@@ -1054,8 +1054,8 @@ class fs {
     const i = this.inputNameMap.get(t);
     i && i.forEach((c) => this.setInternalInput(c, e)), o === "Trigger" && e === !0 && (this.justFiredTriggers.add(t), i && i.forEach((c) => this.justFiredTriggers.add(c))), Array.isArray(e) && ((r = this.artboard) == null || r.objects.forEach((c) => {
       if (c.inputId === t || c.name === t) {
-        const p = this.objectStates.get(c.id);
-        p && p.options && (c.type === "ListView" || c.variant === "listview" ? p.options.items = e : (c.type === "Dropdown" || c.variant === "dropdown") && (p.options.optionsList = e));
+        const d = this.objectStates.get(c.id);
+        d && d.options && (c.type === "ListView" || c.variant === "listview" ? d.options.items = e : (c.type === "Dropdown" || c.variant === "dropdown") && (d.options.optionsList = e));
       }
     })), this.evaluateTransitions(), this.evaluateVariableTriggers(t, e);
   }
@@ -1099,8 +1099,8 @@ class fs {
             break;
         }
         if (c) {
-          const p = i.delay || 0;
-          p <= 0 ? this.triggerGlobalAnimation(i.targetAnimationId, i.subAnimationIds, i.loop, i.id) : setTimeout(() => this.triggerGlobalAnimation(i.targetAnimationId, i.subAnimationIds, i.loop, i.id), p);
+          const d = i.delay || 0;
+          d <= 0 ? this.triggerGlobalAnimation(i.targetAnimationId, i.subAnimationIds, i.loop, i.id) : setTimeout(() => this.triggerGlobalAnimation(i.targetAnimationId, i.subAnimationIds, i.loop, i.id), d);
         }
       }
     });
@@ -1200,15 +1200,15 @@ class fs {
     });
   }
   evaluateLogicTree(t, s = null, o = /* @__PURE__ */ new Set()) {
-    var a, r, c, p;
+    var a, r, c, d;
     if (o.has(t))
       return this.inputs.get(t) ?? this.logicNodeValues.get(t) ?? 0;
     o.add(t);
     const e = (r = (a = this.activeStateMachine) == null ? void 0 : a.logicNodes) == null ? void 0 : r.find((l) => l.id === t);
     if (e) {
-      const l = (g, d) => {
-        const u = e.inputs.find((m) => m.id === g);
-        return u ? u.sourceId ? this.evaluateLogicTree(u.sourceId, u.sourceHandleId, o) : u.value !== void 0 ? u.value : d : d;
+      const l = (g, u) => {
+        const p = e.inputs.find((m) => m.id === g);
+        return p ? p.sourceId ? this.evaluateLogicTree(p.sourceId, p.sourceHandleId, o) : p.value !== void 0 ? p.value : u : u;
       };
       let f = 0;
       switch (e.op) {
@@ -1234,27 +1234,27 @@ class fs {
             f = 0;
             break;
           }
-          const d = e.name;
-          if (!d || d === "GET_PROPERTY" || d === "PROPERTY") {
+          const u = e.name;
+          if (!u || u === "GET_PROPERTY" || u === "PROPERTY") {
             f = 0;
             break;
           }
-          const u = this.objectStates.get(g);
-          if (!u) {
+          const p = this.objectStates.get(g);
+          if (!p) {
             f = 0;
             break;
           }
-          d in u ? f = u[d] : f = this.resolvePath(u, d);
+          u in p ? f = p[u] : f = this.resolvePath(p, u);
           break;
         }
         case gt.SET_PROPERTY: {
-          const g = l("id", ""), d = l("value", void 0);
-          if (!g || d === void 0) {
+          const g = l("id", ""), u = l("value", void 0);
+          if (!g || u === void 0) {
             f = 0;
             break;
           }
-          const u = e.name;
-          if (!u || u === "SET_PROPERTY") {
+          const p = e.name;
+          if (!p || p === "SET_PROPERTY") {
             f = 0;
             break;
           }
@@ -1263,17 +1263,17 @@ class fs {
             f = 0;
             break;
           }
-          if (["x", "y", "rotation", "scale_x", "scale_y", "opacity", "width", "height", "cornerRadius", "visible", "zIndex"].includes(u))
-            m[u] = d, f = d;
+          if (["x", "y", "rotation", "scale_x", "scale_y", "opacity", "width", "height", "cornerRadius", "visible", "zIndex"].includes(p))
+            m[p] = u, f = u;
           else {
-            const S = u.split(".");
+            const S = p.split(".");
             let b = m;
-            for (let I = 0; I < S.length - 1; I++) {
-              const k = S[I];
+            for (let w = 0; w < S.length - 1; w++) {
+              const k = S[w];
               b[k] === void 0 && (b[k] = {}), b = b[k];
             }
             const v = S[S.length - 1];
-            b[v] = d, f = d;
+            b[v] = u, f = u;
           }
           break;
         }
@@ -1319,13 +1319,13 @@ class fs {
           f = Math.tan(l("in", 0));
           break;
         case gt.CLAMP: {
-          const g = l("in", 0), d = l("min", 0), u = l("max", 1);
-          f = Math.max(d, Math.min(u, g));
+          const g = l("in", 0), u = l("min", 0), p = l("max", 1);
+          f = Math.max(u, Math.min(p, g));
           break;
         }
         case gt.REMAP: {
-          const g = l("in", 0), d = l("inMin", 0), u = l("inMax", 100), m = l("outMin", 0), y = l("outMax", 1);
-          f = u === d ? m : m + (g - d) * (y - m) / (u - d);
+          const g = l("in", 0), u = l("inMin", 0), p = l("inMax", 100), m = l("outMin", 0), y = l("outMax", 1);
+          f = p === u ? m : m + (g - u) * (y - m) / (p - u);
           break;
         }
         case gt.EQ:
@@ -1376,8 +1376,8 @@ class fs {
           f = this.inputs.get("isMouseDown") ?? !1;
           break;
         case gt.EFFECTOR: {
-          const g = l("id", ""), d = l("intensity", 1), u = l("trigger", !0);
-          if (!g || !u) {
+          const g = l("id", ""), u = l("intensity", 1), p = l("trigger", !0);
+          if (!g || !p) {
             f = 0;
             break;
           }
@@ -1392,11 +1392,11 @@ class fs {
             break;
           }
           if (["glitch", "halftone", "pixelate", "noise", "acid_gradient", "acid_rave", "shimmer"].includes(m))
-            y.style || (y.style = {}), y.style.artEffect = { enabled: !0, type: m, intensity: d }, f = 1;
+            y.style || (y.style = {}), y.style.artEffect = { enabled: !0, type: m, intensity: u }, f = 1;
           else {
             y.behaviors || (y.behaviors = []);
             let b = y.behaviors.find((v) => v.type === m);
-            b ? (b.enabled = !0, b.settings || (b.settings = {}), b.settings.intensity = d) : (b = { id: `eff_${Date.now()}_${m}`, type: m, enabled: !0, sensors: [], settings: { intensity: d } }, y.behaviors.push(b)), f = 1;
+            b ? (b.enabled = !0, b.settings || (b.settings = {}), b.settings.intensity = u) : (b = { id: `eff_${Date.now()}_${m}`, type: m, enabled: !0, sensors: [], settings: { intensity: u } }, y.behaviors.push(b)), f = 1;
           }
           break;
         }
@@ -1409,11 +1409,11 @@ class fs {
           break;
       }
       if (this.logicNodeValues.set(t, f), e.op === gt.DELAY) {
-        const g = l("delay", 0), d = l("in", 0);
-        let u = this.logicNodeState.get(t);
-        for (u || (u = { queue: [] }, this.logicNodeState.set(t, u)), u.queue.push({ time: this.currentTime + g, value: d }); u.queue.length > 0 && u.queue[0].time <= this.currentTime; )
-          u.lastValue = u.queue.shift().value;
-        f = u.lastValue ?? 0;
+        const g = l("delay", 0), u = l("in", 0);
+        let p = this.logicNodeState.get(t);
+        for (p || (p = { queue: [] }, this.logicNodeState.set(t, p)), p.queue.push({ time: this.currentTime + g, value: u }); p.queue.length > 0 && p.queue[0].time <= this.currentTime; )
+          p.lastValue = p.queue.shift().value;
+        f = p.lastValue ?? 0;
       }
       return f;
     }
@@ -1424,7 +1424,7 @@ class fs {
     }
     let n = this.inputs.get(t) ?? (i ? this.inputs.get(i.id) : void 0);
     if ((this.justFiredTriggers.has(t) || i && this.justFiredTriggers.has(i.id)) && (n = !0), s && n !== void 0) {
-      const l = (p = this.activeStateMachine) == null ? void 0 : p.inputs.find((f) => f.id === t);
+      const l = (d = this.activeStateMachine) == null ? void 0 : d.inputs.find((f) => f.id === t);
       if (l && l.value.type === "Number" && typeof n == "number") {
         const f = l.value.defaultValue ?? l.value.value;
         if (s === "source-greater") return n > f;
@@ -1492,29 +1492,39 @@ class fs {
     }), s.forEach((o) => {
       this.layerStates.delete(o), this.debugLog(`[Engine] Cleaned up completed global layer: ${o}`);
     }), this.solveConstraints(t), this.solveBehaviors(t), this.activeTriggers.forEach((o, e) => {
-      var i, n, a, r, c, p, l;
+      var i, n, a, r, c, d, l;
       if (o.phase === "entry")
         o.time += t, o.time >= o.animation.duration && ((a = (n = (i = this.artboard) == null ? void 0 : i.objects.find((f) => f.id === e)) == null ? void 0 : n.triggers) == null || a.find((f) => f.id === o.triggerId), o.phase = "hold", o.elapsedHold = 0, o.time = o.animation.duration), this.applyAnimation(o.animation, o.time, o.filterObjectIds || o.filterObjectId || void 0);
       else if (o.phase === "hold") {
-        const f = (p = (c = (r = this.artboard) == null ? void 0 : r.objects.find((u) => u.id === e)) == null ? void 0 : c.triggers) == null ? void 0 : p.find((u) => u.id === o.triggerId), g = (f == null ? void 0 : f.duration) || 0;
+        const f = (d = (c = (r = this.artboard) == null ? void 0 : r.objects.find((p) => p.id === e)) == null ? void 0 : c.triggers) == null ? void 0 : d.find((p) => p.id === o.triggerId), g = (f == null ? void 0 : f.duration) || 0;
         o.elapsedHold += t * 1e3;
-        let d = o.elapsedHold >= g;
-        if ((f == null ? void 0 : f.eventType) === "hover" && !this.activeHoverIds.has(e) && (d = !0), ((f == null ? void 0 : f.eventType) === "onHold" || (f == null ? void 0 : f.eventType) === "pointerDown") && !this.isMouseDown && (d = !0), d)
+        let u = o.elapsedHold >= g;
+        if ((f == null ? void 0 : f.eventType) === "hover" && !this.activeHoverIds.has(e) && (u = !0), ((f == null ? void 0 : f.eventType) === "onHold" || (f == null ? void 0 : f.eventType) === "pointerDown") && !this.isMouseDown && (u = !0), u)
           if (f != null && f.exitAnimationId) {
-            const u = (l = this.artboard) == null ? void 0 : l.animations.find((m) => m.id === f.exitAnimationId);
-            u ? (o.phase = "exit", o.animation = u, o.time = 0) : this.activeTriggers.delete(e);
+            const p = (l = this.artboard) == null ? void 0 : l.animations.find((m) => m.id === f.exitAnimationId);
+            p ? (o.phase = "exit", o.animation = p, o.time = 0) : this.activeTriggers.delete(e);
           } else
             this.activeTriggers.delete(e);
       } else o.phase === "exit" && (o.time += t, o.time >= o.animation.duration ? this.activeTriggers.delete(e) : this.applyAnimation(o.animation, o.time, o.filterObjectIds || o.filterObjectId || void 0));
     }), this.evaluateContinuousInteractions(t);
   }
   evaluateContinuousInteractions(t) {
-    this.artboard && this.artboard.objects.forEach((s) => {
+    this.artboard && (this.artboard.objects.forEach((s) => {
+      var e, i, n;
+      const o = (e = s.style) == null ? void 0 : e.analytics;
+      if (o && o.isEnabled && o.triggerType === "visible") {
+        const a = this.objectStates.get(s.id);
+        if (a && a.visible !== !1) {
+          const r = this.getGlobalTransform(s.id), c = (((i = s.geometry) == null ? void 0 : i.width) || 100) * (r.scale_x || 1), d = (((n = s.geometry) == null ? void 0 : n.height) || 100) * (r.scale_y || 1), l = 50, f = r.x + c / 2 >= -this.canvasWidth / 2 - l && r.x - c / 2 <= this.canvasWidth / 2 + l && r.y + d / 2 >= -this.canvasHeight / 2 - l && r.y - d / 2 <= this.canvasHeight / 2 + l, g = `analytics_${s.id}`, u = this.wasInView.has(g);
+          f && !u && this.fireAnalyticsEvent(s.id, "visible"), f ? this.wasInView.add(g) : this.wasInView.delete(g);
+        }
+      }
+    }), this.artboard.objects.forEach((s) => {
       const o = s.interactions || [];
       o.length !== 0 && o.forEach((e) => {
         const i = e.triggers || [e.event || e.trigger];
         i && i.forEach((n) => {
-          var r, c, p;
+          var r, c, d;
           const a = n.toLowerCase();
           if (a === "on interval" || a === "oninterval") {
             const l = e.intervalValue || 2e3, f = this.periodicTriggerTimes.get(e.id) || 0;
@@ -1527,17 +1537,17 @@ class fs {
           if (a === "scroll into view" || a === "scrollintoview") {
             const l = this.objectStates.get(s.id);
             if (l && l.visible !== !1) {
-              const f = this.getGlobalTransform(s.id), g = (((r = s.geometry) == null ? void 0 : r.width) || 100) * (f.scale_x || 1), d = (((c = s.geometry) == null ? void 0 : c.height) || 100) * (f.scale_y || 1), u = 50, m = f.x + g / 2 >= -this.canvasWidth / 2 - u && f.x - g / 2 <= this.canvasWidth / 2 + u && f.y + d / 2 >= -this.canvasHeight / 2 - u && f.y - d / 2 <= this.canvasHeight / 2 + u, y = this.wasInView.has(s.id);
+              const f = this.getGlobalTransform(s.id), g = (((r = s.geometry) == null ? void 0 : r.width) || 100) * (f.scale_x || 1), u = (((c = s.geometry) == null ? void 0 : c.height) || 100) * (f.scale_y || 1), p = 50, m = f.x + g / 2 >= -this.canvasWidth / 2 - p && f.x - g / 2 <= this.canvasWidth / 2 + p && f.y + u / 2 >= -this.canvasHeight / 2 - p && f.y - u / 2 <= this.canvasHeight / 2 + p, y = this.wasInView.has(s.id);
               m && !y && (!e.conditions || this.checkConditions(e.conditions)) && this.fireEventForObject(s.id, "Scroll Into View"), m ? this.wasInView.add(s.id) : this.wasInView.delete(s.id);
             }
           }
           if (a === "scroll progress" || a === "scrollprogress") {
-            const l = Math.abs(this.scrollOffset.y) / (((p = this.artboard) == null ? void 0 : p.height) || 1e3), f = this.scrollProgressLastValue.get(e.id) || 0;
+            const l = Math.abs(this.scrollOffset.y) / (((d = this.artboard) == null ? void 0 : d.height) || 1e3), f = this.scrollProgressLastValue.get(e.id) || 0;
             Math.abs(l - f) > 1e-3 && (this.scrollProgressLastValue.set(e.id, l), (e.action === "Set Input" || e.action === "setInput") && this.updateInput(e.targetInputId, l));
           }
         });
       });
-    });
+    }));
   }
   solveConstraints(t) {
     this.artboard && this.artboard.objects.forEach((s) => {
@@ -1546,12 +1556,12 @@ class fs {
       if (!o) return;
       const e = this.getGlobalTransform(s.id);
       if (s.constraints.forEach((i, n) => {
-        var p, l, f, g, d, u, m, y, S;
-        const a = ((p = o.constraints) == null ? void 0 : p[n]) || {}, r = { ...i, ...a }, c = r.strength ?? 1;
+        var d, l, f, g, u, p, m, y, S;
+        const a = ((d = o.constraints) == null ? void 0 : d[n]) || {}, r = { ...i, ...a }, c = r.strength ?? 1;
         if (r.type === "Translation") {
           const b = this.getGlobalTransform(r.targetId);
           if (b) {
-            const v = r.offsetX || 0, I = r.offsetY || 0, k = b.x + v, A = b.y + I;
+            const v = r.offsetX || 0, w = r.offsetY || 0, k = b.x + v, A = b.y + w;
             if (r.useSpring) {
               const B = this.objectVelocities.get(s.id) || { vx: 0, vy: 0 }, { x: F, y: K, vx: tt, vy: rt } = this.computeSpring(e.x, e.y, B.vx, B.vy, k, A, r, t);
               r.copyX && (e.x = e.x + (F - e.x) * c), r.copyY && (e.y = e.y + (K - e.y) * c), this.objectVelocities.set(s.id, { vx: tt, vy: rt });
@@ -1562,8 +1572,8 @@ class fs {
         } else if (r.type === "Rotation") {
           const b = this.getGlobalTransform(r.targetId);
           if (b) {
-            let I = (b.rotation + (r.offset || 0) - e.rotation) % 360;
-            I > 180 && (I -= 360), I < -180 && (I += 360), e.rotation = e.rotation + I * c;
+            let w = (b.rotation + (r.offset || 0) - e.rotation) % 360;
+            w > 180 && (w -= 360), w < -180 && (w += 360), e.rotation = e.rotation + w * c;
           }
         } else if (r.type === "Scale") {
           const b = this.getGlobalTransform(r.targetId);
@@ -1576,17 +1586,17 @@ class fs {
             v > 180 && (v -= 360), v < -180 && (v += 360), e.rotation = e.rotation + v * c, e.scale_x = e.scale_x + (b.scale_x - e.scale_x) * c, e.scale_y = e.scale_y + (b.scale_y - e.scale_y) * c;
           }
         } else if (r.type === "FollowPointer") {
-          const b = ((g = this._lastPointerPos) == null ? void 0 : g.x) ?? e.x, v = ((d = this._lastPointerPos) == null ? void 0 : d.y) ?? e.y;
+          const b = ((g = this._lastPointerPos) == null ? void 0 : g.x) ?? e.x, v = ((u = this._lastPointerPos) == null ? void 0 : u.y) ?? e.y;
           if (r.useSpring) {
             const k = this.objectVelocities.get(s.id) || { vx: 0, vy: 0 }, { x: A, y: x, vx: B, vy: F } = this.computeSpring(e.x, e.y, k.vx, k.vy, b, v, r, t);
             e.x = A, e.y = x, this.objectVelocities.set(s.id, { vx: B, vy: F });
           } else
             e.x = e.x + (b - e.x) * c, e.y = e.y + (v - e.y) * c;
-          (u = r.limitX) != null && u.enabled && (e.x = Math.max(r.limitX.min, Math.min(r.limitX.max, e.x))), (m = r.limitY) != null && m.enabled && (e.y = Math.max(r.limitY.min, Math.min(r.limitY.max, e.y)));
+          (p = r.limitX) != null && p.enabled && (e.x = Math.max(r.limitX.min, Math.min(r.limitX.max, e.x))), (m = r.limitY) != null && m.enabled && (e.y = Math.max(r.limitY.min, Math.min(r.limitY.max, e.y)));
         } else if (r.type === "Distance") {
           const b = this.getGlobalTransform(r.targetId);
           if (b) {
-            const v = e.x - b.x, I = e.y - b.y, k = Math.sqrt(v * v + I * I), A = r.distance || 0;
+            const v = e.x - b.x, w = e.y - b.y, k = Math.sqrt(v * v + w * w), A = r.distance || 0;
             let x = k;
             switch (r.mode) {
               case "exact":
@@ -1604,7 +1614,7 @@ class fs {
             }
             if (k > 0) {
               const B = e.x === b.x && e.y === b.y ? 1 : x / k;
-              e.x = e.x + (b.x + v * B - e.x) * c, e.y = e.y + (b.y + I * B - e.y) * c;
+              e.x = e.x + (b.x + v * B - e.x) * c, e.y = e.y + (b.y + w * B - e.y) * c;
             }
           }
         } else if (r.type === "FollowPath") {
@@ -1612,23 +1622,23 @@ class fs {
           if (b) {
             const v = this.getGlobalTransform(b.id);
             if (v) {
-              let I = b.geometry;
-              if (b.type === "Frame" || b.type === "Group" || !I || I.type !== "Path" && I.type !== "Ellipse" && I.type !== "Rectangle") {
+              let w = b.geometry;
+              if (b.type === "Frame" || b.type === "Group" || !w || w.type !== "Path" && w.type !== "Ellipse" && w.type !== "Rectangle") {
                 const H = (S = this.artboard) == null ? void 0 : S.objects.find(
                   (it) => it.parentId === b.id && it.type === "Shape" && it.geometry && (it.geometry.type === "Path" || it.geometry.type === "Ellipse" || it.geometry.type === "Rectangle")
                 );
-                H && (I = H.geometry);
+                H && (w = H.geometry);
               }
-              if (!I) return;
-              const k = (r.distance || 0) / 100, A = v.width || I.width || 0, x = v.height || I.height || 0, B = this.getPointOnPath(I, A, x, k), F = v.rotation * Math.PI / 180, K = Math.cos(F), tt = Math.sin(F), rt = B.x * v.scale_x * K - B.y * v.scale_y * tt, at = B.x * v.scale_x * tt + B.y * v.scale_y * K;
-              let N = v.rotation + (r.offsetRotation || 0);
+              if (!w) return;
+              const k = (r.distance || 0) / 100, A = v.width || w.width || 0, x = v.height || w.height || 0, B = this.getPointOnPath(w, A, x, k), F = v.rotation * Math.PI / 180, K = Math.cos(F), tt = Math.sin(F), rt = B.x * v.scale_x * K - B.y * v.scale_y * tt, at = B.x * v.scale_x * tt + B.y * v.scale_y * K;
+              let V = v.rotation + (r.offsetRotation || 0);
               if (r.orient) {
                 const H = Math.cos(B.angle), it = Math.sin(B.angle), nt = H * v.scale_x * K - it * v.scale_y * tt, ft = H * v.scale_x * tt + it * v.scale_y * K;
-                N = Math.atan2(ft, nt) * 180 / Math.PI + (r.offsetRotation || 0);
+                V = Math.atan2(ft, nt) * 180 / Math.PI + (r.offsetRotation || 0);
               }
-              const O = N * Math.PI / 180, $ = Math.cos(O), P = Math.sin(O), J = (r.offsetX || 0) * $ - (r.offsetY || 0) * P, Z = (r.offsetX || 0) * P + (r.offsetY || 0) * $, lt = v.x + rt + J, V = v.y + at + Z;
-              if (e.x = e.x + (lt - e.x) * c, e.y = e.y + (V - e.y) * c, r.orient) {
-                let H = (N - e.rotation) % 360;
+              const O = V * Math.PI / 180, $ = Math.cos(O), P = Math.sin(O), J = (r.offsetX || 0) * $ - (r.offsetY || 0) * P, Z = (r.offsetX || 0) * P + (r.offsetY || 0) * $, lt = v.x + rt + J, Y = v.y + at + Z;
+              if (e.x = e.x + (lt - e.x) * c, e.y = e.y + (Y - e.y) * c, r.orient) {
+                let H = (V - e.rotation) % 360;
                 H > 180 && (H -= 360), H < -180 && (H += 360), e.rotation = e.rotation + H * c;
               }
             }
@@ -1644,10 +1654,10 @@ class fs {
     });
   }
   getGlobalTransform(t) {
-    var p;
+    var d;
     const s = this.objectStates.get(t);
     if (!s) return { x: 0, y: 0, rotation: 0, scale_x: 1, scale_y: 1 };
-    const o = (p = this.artboard) == null ? void 0 : p.objects.find((l) => l.id === t);
+    const o = (d = this.artboard) == null ? void 0 : d.objects.find((l) => l.id === t);
     if (!o || !o.parentId)
       return {
         x: s.x,
@@ -1667,7 +1677,7 @@ class fs {
   }
   globalToLocal(t, s) {
     if (!t) return s;
-    const o = this.getGlobalTransform(t), e = o.scale_x === 0 ? 0 : 1 / o.scale_x, i = o.scale_y === 0 ? 0 : 1 / o.scale_y, n = -o.rotation * Math.PI / 180, a = Math.cos(n), r = Math.sin(n), c = s.x - o.x, p = s.y - o.y, l = (c * a - p * r) * e, f = (c * r + p * a) * i;
+    const o = this.getGlobalTransform(t), e = o.scale_x === 0 ? 0 : 1 / o.scale_x, i = o.scale_y === 0 ? 0 : 1 / o.scale_y, n = -o.rotation * Math.PI / 180, a = Math.cos(n), r = Math.sin(n), c = s.x - o.x, d = s.y - o.y, l = (c * a - d * r) * e, f = (c * r + d * a) * i;
     return {
       x: l,
       y: f,
@@ -1680,7 +1690,7 @@ class fs {
     var c;
     const i = [];
     let n = t.id;
-    for (let p = 0; p < o && n; p++) {
+    for (let d = 0; d < o && n; d++) {
       const l = (c = this.artboard) == null ? void 0 : c.objects.find((f) => f.id === n);
       if (!l) break;
       i.push({
@@ -1691,13 +1701,13 @@ class fs {
     }
     if (i.length < 2) return;
     const a = i.reverse(), r = 5;
-    for (let p = 0; p < r; p++) {
+    for (let d = 0; d < r; d++) {
       const l = this.getGlobalTransform(t.id);
       for (let f = a.length - 2; f >= 0; f--) {
-        const g = a[f], d = this.getGlobalTransform(g.id), u = l.x - d.x, m = l.y - d.y, y = s.x - d.x, S = s.y - d.y, b = Math.sqrt(u * u + m * m), v = Math.sqrt(y * y + S * S);
+        const g = a[f], u = this.getGlobalTransform(g.id), p = l.x - u.x, m = l.y - u.y, y = s.x - u.x, S = s.y - u.y, b = Math.sqrt(p * p + m * m), v = Math.sqrt(y * y + S * S);
         if (b > 1e-3 && v > 1e-3) {
-          const I = Math.atan2(m, u);
-          let A = (Math.atan2(S, y) - I) * 180 / Math.PI;
+          const w = Math.atan2(m, p);
+          let A = (Math.atan2(S, y) - w) * 180 / Math.PI;
           A *= e;
           const x = this.objectStates.get(g.id);
           x && (x.rotation += A);
@@ -1706,8 +1716,8 @@ class fs {
     }
   }
   computeSpring(t, s, o, e, i, n, a, r) {
-    const c = a.stiffness ?? 100, p = a.damping ?? 10, l = a.mass ?? 1, f = -c * (t - i), g = -c * (s - n), d = -p * o, u = -p * e, m = (f + d) / l, y = (g + u) / l, S = o + m * r, b = e + y * r, v = t + S * r, I = s + b * r;
-    return { x: v, y: I, vx: S, vy: b };
+    const c = a.stiffness ?? 100, d = a.damping ?? 10, l = a.mass ?? 1, f = -c * (t - i), g = -c * (s - n), u = -d * o, p = -d * e, m = (f + u) / l, y = (g + p) / l, S = o + m * r, b = e + y * r, v = t + S * r, w = s + b * r;
+    return { x: v, y: w, vx: S, vy: b };
   }
   handlePointerInput(t, s, o, e, i) {
     if (!this.artboard) return;
@@ -1730,24 +1740,24 @@ class fs {
     this._totalScroll.x += t, this._totalScroll.y += s, this.scrollOffset = { x: this._totalScroll.x, y: this._totalScroll.y }, this.updateInput("scrollX", this._totalScroll.x), this.updateInput("scrollY", this._totalScroll.y);
   }
   handlePointerEvent(t, s, o) {
-    var r, c, p, l, f;
+    var r, c, d, l, f;
     if (!this.artboard) return;
     t === "down" ? (this.isMouseDown = !0, this.updateInput("isMouseDown", !0)) : (t === "up" || t === "blur") && (this.isMouseDown = !1, this.updateInput("isMouseDown", !1));
     let e = null;
-    const i = (g, d) => {
+    const i = (g, u) => {
       var v;
-      let u = d;
-      d === "click" ? u = "onClick" : d === "down" ? u = "onPointerDown" : d === "up" ? u = "onPointerUp" : d === "blur" && (u = "onPointerLeave");
-      const m = /* @__PURE__ */ new Set([u]);
-      d === "move" && m.add("onPointerEnter").add("hover").add("onPointerLeave").add("blur"), u === "onClick" && m.add("click"), u === "onPointerDown" && m.add("pointerDown"), u === "onPointerUp" && m.add("pointerUp");
+      let p = u;
+      u === "click" ? p = "onClick" : u === "down" ? p = "onPointerDown" : u === "up" ? p = "onPointerUp" : u === "blur" && (p = "onPointerLeave");
+      const m = /* @__PURE__ */ new Set([p]);
+      u === "move" && m.add("onPointerEnter").add("hover").add("onPointerLeave").add("blur"), p === "onClick" && m.add("click"), p === "onPointerDown" && m.add("pointerDown"), p === "onPointerUp" && m.add("pointerUp");
       const y = ["button", "toggle", "toggle_button", "dropdown", "listview", "inputbox", "slider"];
-      return !!(g.type === "Component" && y.includes(g.variant) || y.includes((v = g.type) == null ? void 0 : v.toLowerCase()) || (g.interactions || []).some((I) => m.has(I.event)) || (g.triggers || []).some((I) => m.has(I.eventType)));
+      return !!(g.type === "Component" && y.includes(g.variant) || y.includes((v = g.type) == null ? void 0 : v.toLowerCase()) || (g.interactions || []).some((w) => m.has(w.event)) || (g.triggers || []).some((w) => m.has(w.eventType)));
     };
     let n = null;
     for (let g = this.artboard.objects.length - 1; g >= 0; g--) {
-      const d = this.artboard.objects[g], u = this.objectStates.get(d.id);
-      if (u && u.visible !== !1 && u.opacity > 0 && this.hitTest(d, s, o) && (n || (n = d), i(d, t))) {
-        e = d;
+      const u = this.artboard.objects[g], p = this.objectStates.get(u.id);
+      if (p && p.visible !== !1 && p.opacity > 0 && this.hitTest(u, s, o) && (n || (n = u), i(u, t))) {
+        e = u;
         break;
       }
     }
@@ -1755,12 +1765,12 @@ class fs {
     const a = (e == null ? void 0 : e.id) || null;
     if (t === "move") {
       if (this.draggingSliderId) {
-        const g = this.artboard.objects.find((d) => d.id === this.draggingSliderId);
+        const g = this.artboard.objects.find((u) => u.id === this.draggingSliderId);
         g && this.updateSliderValueFromPointer(g, s, o);
         return;
       }
       if (this.draggingListViewId) {
-        const g = this.artboard.objects.find((d) => d.id === this.draggingListViewId);
+        const g = this.artboard.objects.find((u) => u.id === this.draggingListViewId);
         g && this.updateListViewScrollFromPointer(g);
         return;
       }
@@ -1770,14 +1780,14 @@ class fs {
     if ((t === "up" || t === "blur") && (this.draggingSliderId = null, this.draggingListViewId = null, this.draggingBehaviors.clear(), this.pointerDownTimes.delete(a), this.activeObjectId = null), t === "down" && (this.pointerDownTimes.set(a, this.currentTime), this.activeObjectId = a, e && ((r = e.behaviors) != null && r.some((g) => g.type === D.Draggable)) && this.draggingBehaviors.add(a)), t === "move" ? (a && !this.activeHoverIds.has(a) && this.activeHoverIds.add(a), this.activeHoverIds.forEach((g) => {
       g !== a && this.activeHoverIds.delete(g);
     })) : t === "blur" && this.activeHoverIds.clear(), this.activeDropdownId && t === "down") {
-      const g = this.artboard.objects.find((d) => d.id === this.activeDropdownId);
+      const g = this.artboard.objects.find((u) => u.id === this.activeDropdownId);
       if (g && (g.type === "Dropdown" || g.variant === "dropdown")) {
-        const d = this.objectStates.get(g.id), u = (d == null ? void 0 : d.options) || g.options || {}, m = g.geometry || {}, y = m.width ?? g.width ?? 200, S = m.height ?? g.height ?? 40, b = u.optionsList || [], v = u.itemHeight || 32, I = u.listPadding ?? 4, k = b.length * v + I * 2, A = this.getWorldTransform(g.id), x = y * Math.abs(A.scaleX), B = S * Math.abs(A.scaleY), F = A.y + B / 2 + 4, K = Math.abs(s - A.x) <= x / 2, tt = o >= F && o <= F + k * Math.abs(A.scaleY);
+        const u = this.objectStates.get(g.id), p = (u == null ? void 0 : u.options) || g.options || {}, m = g.geometry || {}, y = m.width ?? g.width ?? 200, S = m.height ?? g.height ?? 40, b = p.optionsList || [], v = p.itemHeight || 32, w = p.listPadding ?? 4, k = b.length * v + w * 2, A = this.getWorldTransform(g.id), x = y * Math.abs(A.scaleX), B = S * Math.abs(A.scaleY), F = A.y + B / 2 + 4, K = Math.abs(s - A.x) <= x / 2, tt = o >= F && o <= F + k * Math.abs(A.scaleY);
         if (K && tt) {
-          const rt = Math.abs(A.scaleY), at = o - (F + I * rt), N = Math.floor(at / (v * rt));
-          if (N >= 0 && N < b.length) {
-            const O = b[N];
-            u.selectedOption = O, u.isOpen = !1, this.activeDropdownId = null, g.inputId && this.setInternalInput(g.inputId, O), this.onComponentChange && this.onComponentChange({
+          const rt = Math.abs(A.scaleY), at = o - (F + w * rt), V = Math.floor(at / (v * rt));
+          if (V >= 0 && V < b.length) {
+            const O = b[V];
+            p.selectedOption = O, p.isOpen = !1, this.activeDropdownId = null, g.inputId && this.setInternalInput(g.inputId, O), this.onComponentChange && this.onComponentChange({
               objectId: g.id,
               componentName: g.name,
               variant: "dropdown",
@@ -1786,21 +1796,21 @@ class fs {
             });
           }
           return;
-        } else a !== this.activeDropdownId && (u.isOpen = !1, this.activeDropdownId = null);
+        } else a !== this.activeDropdownId && (p.isOpen = !1, this.activeDropdownId = null);
       }
     }
     if (e) {
-      let g = e, d = e;
-      for (; d && d.parentId; ) {
-        const m = this.artboard.objects.find((y) => y.id === d.parentId);
+      let g = e, u = e;
+      for (; u && u.parentId; ) {
+        const m = this.artboard.objects.find((y) => y.id === u.parentId);
         if (m && m.type === "Component") {
           g = m;
           break;
         }
-        d = m;
+        u = m;
       }
-      let u = t;
-      if (t === "click" ? u = "onClick" : t === "down" ? u = "onPointerDown" : t === "up" ? u = "onPointerUp" : t === "blur" && (u = "onPointerLeave"), this.fireEventForObject(e.id, u), g !== e && this.fireEventForObject(g.id, u), g.type === "Component" && g.variant === "toggle_button" && t === "down") {
+      let p = t;
+      if (t === "click" ? p = "onClick" : t === "down" ? p = "onPointerDown" : t === "up" ? p = "onPointerUp" : t === "blur" && (p = "onPointerLeave"), this.fireEventForObject(e.id, p), g !== e && this.fireEventForObject(g.id, p), g.type === "Component" && g.variant === "toggle_button" && t === "down") {
         const m = this.objectStates.get(g.id), y = (m == null ? void 0 : m.options) || g.options || {};
         y.checked = !y.checked, g.inputId && this.setInternalInput(g.inputId, y.checked), this.onComponentChange && this.onComponentChange({
           objectId: g.id,
@@ -1859,7 +1869,7 @@ class fs {
         }
       }
       if (g.type === "Component" && g.variant === "slider" && t === "down" && (this.draggingSliderId = g.id, this.updateSliderValueFromPointer(g, s, o)), g.type === "LineGraph" && (t === "down" || t === "click")) {
-        const m = g.geometry, y = (m == null ? void 0 : m.datasets) || [], S = this.objectStates.get(g.id), b = (S == null ? void 0 : S.width) || (m == null ? void 0 : m.width) || 200, v = (S == null ? void 0 : S.height) || (m == null ? void 0 : m.height) || 150, I = this.getWorldTransform(g.id), k = 30, A = 20, x = b - k, B = v - A;
+        const m = g.geometry, y = (m == null ? void 0 : m.datasets) || [], S = this.objectStates.get(g.id), b = (S == null ? void 0 : S.width) || (m == null ? void 0 : m.width) || 200, v = (S == null ? void 0 : S.height) || (m == null ? void 0 : m.height) || 150, w = this.getWorldTransform(g.id), k = 30, A = 20, x = b - k, B = v - A;
         let F = 1;
         y.forEach((rt) => {
           const at = Math.max(...rt.data || [0]);
@@ -1867,9 +1877,9 @@ class fs {
         });
         let K = 1 / 0, tt = null;
         y.forEach((rt, at) => {
-          const N = rt.data || [], O = x / Math.max(N.length - 1, 1);
-          N.forEach(($, P) => {
-            const J = I.x - b / 2 + k + P * O, Z = I.y + v / 2 - A - $ / F * B, lt = Math.sqrt((s - J) ** 2 + (o - Z) ** 2);
+          const V = rt.data || [], O = x / Math.max(V.length - 1, 1);
+          V.forEach(($, P) => {
+            const J = w.x - b / 2 + k + P * O, Z = w.y + v / 2 - A - $ / F * B, lt = Math.sqrt((s - J) ** 2 + (o - Z) ** 2);
             lt < K && (K = lt, tt = { dIdx: at, pIdx: P, val: $, label: rt.label || `Dataset ${at + 1}` });
           });
         }), tt && K < 20 && this.onGraphPointClick && this.onGraphPointClick({ objectId: g.id, componentName: g.name, datasetIndex: tt.dIdx, pointIndex: tt.pIdx, value: tt.val, label: tt.label }), this.onComponentChange && this.onComponentChange({ objectId: g.id, componentName: g.name, variant: "linegraph", property: "click", value: (tt == null ? void 0 : tt.val) ?? null });
@@ -1879,7 +1889,7 @@ class fs {
         if (m && S) {
           if (this.focusedId = e.id, console.log(`[Engine] Focus set to: ${e.id}`), y !== this.focusedId) {
             if (y) {
-              const b = (p = this.artboard) == null ? void 0 : p.objects.find((v) => v.id === y);
+              const b = (d = this.artboard) == null ? void 0 : d.objects.find((v) => v.id === y);
               b && this.onInputBlur && this.onInputBlur(b.name);
             }
             this.onInputFocus && this.onInputFocus(m.name);
@@ -1892,8 +1902,8 @@ class fs {
     } else if (t === "click") {
       const g = this.focusedId;
       if (this.focusedId = null, g) {
-        const d = (f = this.artboard) == null ? void 0 : f.objects.find((u) => u.id === g);
-        d && this.onInputBlur && this.onInputBlur(d.name);
+        const u = (f = this.artboard) == null ? void 0 : f.objects.find((p) => p.id === g);
+        u && this.onInputBlur && this.onInputBlur(u.name);
       }
     }
   }
@@ -1928,70 +1938,99 @@ class fs {
     }), this.onInputChange && this.onInputChange(s.name, i), this.onInputUpdate && this.onInputUpdate(this.focusedId, i);
   }
   fireEventForObject(t, s) {
-    var p, l, f, g, d;
-    const o = (p = this.artboard) == null ? void 0 : p.objects.find((u) => u.id === t);
+    var d, l, f, g, u;
+    const o = (d = this.artboard) == null ? void 0 : d.objects.find((p) => p.id === t);
     if (!o) return;
     const e = /* @__PURE__ */ new Set([s, s.toLowerCase()]), i = s.toLowerCase();
-    i === "onclick" || i === "click" ? (e.add("click"), e.add("onclick")) : i === "onpointerdown" || i === "pointerdown" ? (e.add("pointerdown"), e.add("onpointerdown")) : i === "onpointerup" || i === "pointerup" ? (e.add("pointerup"), e.add("onpointerup")) : i === "onpointerenter" || i === "hover" || i === "move" ? (e.add("hover"), e.add("onpointerenter")) : i === "onpointerleave" || i === "blur" ? (e.add("onpointerleave"), e.add("blur")) : i === "drag" || i === "ondrag" ? (e.add("drag"), e.add("ondrag")) : i === "toggle" || i === "ontoggle" ? (e.add("toggle"), e.add("ontoggle")) : i === "toggle true" || i === "toggle_true" || i === "toggletrue" ? (e.add("toggle true"), e.add("toggle_true"), e.add("toggletrue")) : (i === "toggle false" || i === "toggle_false" || i === "togglefalse") && (e.add("toggle false"), e.add("toggle_false"), e.add("togglefalse"));
-    const a = (o.interactions || []).find((u) => {
-      const m = u.triggers || [u.event || u.trigger || "click"];
-      return ((u.triggerLogic || "OR") === "AND" ? m.every((b) => e.has(b.toLowerCase())) : m.some((b) => e.has(b.toLowerCase()))) ? u.conditions && u.conditions.length > 0 ? this.checkConditions(u.conditions) : !0 : !1;
+    i === "onclick" || i === "click" || i === "onpointerdown" || i === "pointerdown" ? this.fireAnalyticsEvent(t, "click") : (i === "onpointerenter" || i === "hover" || i === "move") && this.fireAnalyticsEvent(t, "hover"), i === "onclick" || i === "click" ? (e.add("click"), e.add("onclick")) : i === "onpointerdown" || i === "pointerdown" ? (e.add("pointerdown"), e.add("onpointerdown")) : i === "onpointerup" || i === "pointerup" ? (e.add("pointerup"), e.add("onpointerup")) : i === "onpointerenter" || i === "hover" || i === "move" ? (e.add("hover"), e.add("onpointerenter")) : i === "onpointerleave" || i === "blur" ? (e.add("onpointerleave"), e.add("blur")) : i === "drag" || i === "ondrag" ? (e.add("drag"), e.add("ondrag")) : i === "toggle" || i === "ontoggle" ? (e.add("toggle"), e.add("ontoggle")) : i === "toggle true" || i === "toggle_true" || i === "toggletrue" ? (e.add("toggle true"), e.add("toggle_true"), e.add("toggletrue")) : (i === "toggle false" || i === "toggle_false" || i === "togglefalse") && (e.add("toggle false"), e.add("toggle_false"), e.add("togglefalse"));
+    const a = (o.interactions || []).find((p) => {
+      const m = p.triggers || [p.event || p.trigger || "click"];
+      return ((p.triggerLogic || "OR") === "AND" ? m.every((b) => e.has(b.toLowerCase())) : m.some((b) => e.has(b.toLowerCase()))) ? p.conditions && p.conditions.length > 0 ? this.checkConditions(p.conditions) : !0 : !1;
     });
     if (a) {
       if (console.log(`[Engine] Interaction matched: ${s} -> Action: ${a.action}`), a.action === "setInput" || a.action === "Set Input") {
-        let u = a.value || a.inputValue;
-        u === "toggle" && (u = !this.inputs.get(a.targetInputId)), this.updateInput(a.targetInputId, u);
+        let p = a.value || a.inputValue;
+        p === "toggle" && (p = !this.inputs.get(a.targetInputId)), this.updateInput(a.targetInputId, p);
       } else if (a.action === "Toggle Boolean") {
-        const u = this.inputs.get(a.targetInputId);
-        this.updateInput(a.targetInputId, !u);
+        const p = this.inputs.get(a.targetInputId);
+        this.updateInput(a.targetInputId, !p);
       } else if (a.action === "fireTrigger")
         this.updateInput(a.targetInputId, !0);
       else if (a.action === "setProperty") {
-        const u = a.targetObjectId || o.id, m = a.targetProperty;
-        m && this.updateObjectProperty(u, m, a.value);
+        const p = a.targetObjectId || o.id, m = a.targetProperty;
+        m && this.updateObjectProperty(p, m, a.value);
       } else if (a.action === "Navigate Artboard" || a.action === "navigate")
         this.onNavigation && this.onNavigation({ type: "artboard", value: a.targetArtboard || a.value });
       else if (a.action === "Navigate URL")
         this.onNavigation && this.onNavigation({ type: "url", value: a.navigateUrl });
       else if (a.action === "Play Animation") {
-        const u = a.targetAnimationId;
-        u === "__all__" ? (f = (l = this.artboard) == null ? void 0 : l.animations) == null || f.forEach((m) => {
+        const p = a.targetAnimationId;
+        p === "__all__" ? (f = (l = this.artboard) == null ? void 0 : l.animations) == null || f.forEach((m) => {
           this.triggerGlobalAnimation(m.id, a.subAnimationIds);
-        }) : u && this.triggerGlobalAnimation(u, a.subAnimationIds);
+        }) : p && this.triggerGlobalAnimation(p, a.subAnimationIds);
       } else if (a.action === "setState" || a.action === "Set State") {
-        const u = a.targetObjectId || o.id, y = { ...this.objectStates.get(u) || {}, ...a.value || {} };
-        this.objectStates.set(u, y), console.log(`[Engine] State updated for ${u}:`, y);
+        const p = a.targetObjectId || o.id, y = { ...this.objectStates.get(p) || {}, ...a.value || {} };
+        this.objectStates.set(p, y), console.log(`[Engine] State updated for ${p}:`, y);
       } else if (a.action === "Stop Animation" || a.action === "Pause Animation") {
-        const u = a.targetAnimationId;
-        u === "__all__" ? this.layerStates.forEach((m, y) => {
+        const p = a.targetAnimationId;
+        p === "__all__" ? this.layerStates.forEach((m, y) => {
           y.startsWith("global_") && this.layerStates.delete(y);
-        }) : u && this.layerStates.forEach((m, y) => {
-          y.startsWith(`global_${u}_`) && this.layerStates.delete(y);
+        }) : p && this.layerStates.forEach((m, y) => {
+          y.startsWith(`global_${p}_`) && this.layerStates.delete(y);
         });
       } else if (a.action === "Switch to State" && this.activeStateMachine) {
-        const u = a.targetState, m = this.activeStateMachine.layers.find(
-          (y) => y.states.some((S) => S.id === u || S.name === u)
+        const p = a.targetState, m = this.activeStateMachine.layers.find(
+          (y) => y.states.some((S) => S.id === p || S.name === p)
         );
-        m && (console.log(`[Engine] Switching Layer ${m.name} to State ${u}`), this.enterStates(m.name, [u]));
+        m && (console.log(`[Engine] Switching Layer ${m.name} to State ${p}`), this.enterStates(m.name, [p]));
       }
       this.onTrigger && this.onTrigger(s, a.action);
     }
-    const c = (o.triggers || []).find((u) => {
-      const m = u.eventType.toLowerCase();
+    const c = (o.triggers || []).find((p) => {
+      const m = p.eventType.toLowerCase();
       let y = !1;
-      return (e.has(m) || m === "click" && e.has("onclick") || m === "hover" && (e.has("onpointerenter") || e.has("hover")) || m === "pointerdown" && e.has("onpointerdown") || m === "pointerup" && e.has("onpointerup")) && (y = !0), y && u.conditions && u.conditions.length > 0 ? this.checkConditions(u.conditions) : y;
+      return (e.has(m) || m === "click" && e.has("onclick") || m === "hover" && (e.has("onpointerenter") || e.has("hover")) || m === "pointerdown" && e.has("onpointerdown") || m === "pointerup" && e.has("onpointerup")) && (y = !0), y && p.conditions && p.conditions.length > 0 ? this.checkConditions(p.conditions) : y;
     });
     if (c && c.entryAnimationId) {
       console.log(`[Engine] Trigger matched: ${s} (as ${c.eventType}) -> Animation ${c.entryAnimationId}`);
-      const u = (d = (g = this.artboard) == null ? void 0 : g.animations) == null ? void 0 : d.find((m) => m.id === c.entryAnimationId);
-      u && (this.activeTriggers.set(o.id, {
+      const p = (u = (g = this.artboard) == null ? void 0 : g.animations) == null ? void 0 : u.find((m) => m.id === c.entryAnimationId);
+      p && (this.activeTriggers.set(o.id, {
         triggerId: c.id,
-        animation: u,
+        animation: p,
         time: 0,
         phase: "entry",
         elapsedHold: 0,
         filterObjectId: c.targetObjectId
-      }), this.onTrigger && this.onTrigger(c.name, u.name));
+      }), this.onTrigger && this.onTrigger(c.name, p.name));
+    }
+  }
+  fireAnalyticsEvent(t, s) {
+    var r, c;
+    const o = (r = this.artboard) == null ? void 0 : r.objects.find((d) => d.id === t);
+    if (!o) return;
+    const e = (c = o.style) == null ? void 0 : c.analytics;
+    if (!e || !e.isEnabled || e.triggerType !== s) return;
+    const i = e.eventName || `${o.name.toLowerCase().replace(/\s+/g, "_")}_interacted`, n = {};
+    e.parameters && Array.isArray(e.parameters) && e.parameters.forEach((d) => {
+      if (d.type === "literal")
+        n[d.key] = d.value;
+      else if (d.type === "variable") {
+        const l = this.inputs.get(d.value);
+        n[d.key] = l !== void 0 ? l : "";
+      }
+    }), console.log(`[ExodeUI Analytics] Dispatching event "${i}" via ${s} trigger:`, n);
+    const a = e.platforms || { ga4: !0, meta: !0, mixpanel: !1 };
+    if (a.ga4) {
+      const d = window;
+      typeof d.gtag == "function" ? (d.gtag("event", i, n), console.log(`[ExodeUI Analytics] GA4: Event "${i}" sent successfully.`)) : console.warn(`[ExodeUI Analytics] GA4: window.gtag is not a function. Event "${i}" skipped.`);
+    }
+    if (a.meta) {
+      const d = window;
+      typeof d.fbq == "function" ? (d.fbq("track", i, n), console.log(`[ExodeUI Analytics] Meta Pixel: Event "${i}" sent successfully.`)) : console.warn(`[ExodeUI Analytics] Meta Pixel: window.fbq is not a function. Event "${i}" skipped.`);
+    }
+    if (a.mixpanel) {
+      const d = window;
+      d.mixpanel && typeof d.mixpanel.track == "function" ? (d.mixpanel.track(i, n), console.log(`[ExodeUI Analytics] Mixpanel: Event "${i}" sent successfully.`)) : console.warn(`[ExodeUI Analytics] Mixpanel: window.mixpanel.track is not a function. Event "${i}" skipped.`);
     }
   }
   initGlobalAnimationTriggers() {
@@ -2041,9 +2080,9 @@ class fs {
         scaleY: s.scale_y ?? 1,
         rotation: s.rotation ?? 0
       };
-    const e = this.getWorldTransform(o.parentId), i = e.rotation * (Math.PI / 180), n = Math.cos(i), a = Math.sin(i), r = s.x * e.scaleX, c = s.y * e.scaleY, p = e.x + (r * n - c * a), l = e.y + (r * a + c * n);
+    const e = this.getWorldTransform(o.parentId), i = e.rotation * (Math.PI / 180), n = Math.cos(i), a = Math.sin(i), r = s.x * e.scaleX, c = s.y * e.scaleY, d = e.x + (r * n - c * a), l = e.y + (r * a + c * n);
     return {
-      x: p,
+      x: d,
       y: l,
       scaleX: (s.scale_x ?? 1) * e.scaleX,
       scaleY: (s.scale_y ?? 1) * e.scaleY,
@@ -2053,26 +2092,26 @@ class fs {
   hitTest(t, s, o) {
     var b, v;
     if (!this.objectStates.get(t.id)) return !1;
-    const i = ((b = t.geometry) == null ? void 0 : b.width) ?? t.width ?? 100, n = ((v = t.geometry) == null ? void 0 : v.height) ?? t.height ?? 100, a = this.getWorldTransform(t.id), r = s - a.x, c = o - a.y, p = -a.rotation * (Math.PI / 180), l = Math.cos(p), f = Math.sin(p), g = r * l - c * f, d = r * f + c * l, u = a.scaleX, m = a.scaleY, y = i * Math.abs(u), S = n * Math.abs(m);
-    return Math.abs(g) <= y / 2 && Math.abs(d) <= S / 2;
+    const i = ((b = t.geometry) == null ? void 0 : b.width) ?? t.width ?? 100, n = ((v = t.geometry) == null ? void 0 : v.height) ?? t.height ?? 100, a = this.getWorldTransform(t.id), r = s - a.x, c = o - a.y, d = -a.rotation * (Math.PI / 180), l = Math.cos(d), f = Math.sin(d), g = r * l - c * f, u = r * f + c * l, p = a.scaleX, m = a.scaleY, y = i * Math.abs(p), S = n * Math.abs(m);
+    return Math.abs(g) <= y / 2 && Math.abs(u) <= S / 2;
   }
   updateSliderValueFromPointer(t, s, o) {
     var A;
     const e = this.objectStates.get(t.id);
     if (!e) return;
-    const i = t.options || {}, n = ((A = t.geometry) == null ? void 0 : A.width) ?? t.width ?? 200, a = this.getWorldTransform(t.id), r = s - a.x, c = o - a.y, p = -a.rotation * (Math.PI / 180), l = Math.cos(p), f = Math.sin(p), g = r * l - c * f, d = i.thumbWidth ?? 16, u = n - d;
-    let y = (g + u / 2) / u;
+    const i = t.options || {}, n = ((A = t.geometry) == null ? void 0 : A.width) ?? t.width ?? 200, a = this.getWorldTransform(t.id), r = s - a.x, c = o - a.y, d = -a.rotation * (Math.PI / 180), l = Math.cos(d), f = Math.sin(d), g = r * l - c * f, u = i.thumbWidth ?? 16, p = n - u;
+    let y = (g + p / 2) / p;
     y = Math.max(0, Math.min(1, y));
     const S = i.min ?? 0, b = i.max ?? 100, v = i.step || 1;
-    let I = S + y * (b - S);
-    v > 0 && (I = Math.round(I / v) * v), I = Math.max(S, Math.min(b, I));
+    let w = S + y * (b - S);
+    v > 0 && (w = Math.round(w / v) * v), w = Math.max(S, Math.min(b, w));
     const k = e.options || {};
-    k.value !== I && (e.options = { ...k, value: I }, t.inputId && this.setInternalInput(t.inputId, I), this.onComponentChange && this.onComponentChange({
+    k.value !== w && (e.options = { ...k, value: w }, t.inputId && this.setInternalInput(t.inputId, w), this.onComponentChange && this.onComponentChange({
       objectId: t.id,
       componentName: t.name,
       variant: "slider",
       property: "value",
-      value: I
+      value: w
     }));
   }
   applyAnimation(t, s, o) {
@@ -2085,7 +2124,7 @@ class fs {
         } else if (i !== o)
           return;
       }
-      const n = (l = this.artboard) == null ? void 0 : l.objects.find((d) => d.id === i), a = ((f = n == null ? void 0 : n.physics) == null ? void 0 : f.enabled) && n.physics.bodyType !== "Static";
+      const n = (l = this.artboard) == null ? void 0 : l.objects.find((u) => u.id === i), a = ((f = n == null ? void 0 : n.physics) == null ? void 0 : f.enabled) && n.physics.bodyType !== "Static";
       let r = e.property;
       if (a && (r === "x" || r === "y" || r === "rotation"))
         return;
@@ -2094,39 +2133,39 @@ class fs {
         this.frameCount % 600 === 0 && this.debugLog(`Skipping track: Object ${i} not found in state`);
         return;
       }
-      const p = this.interpolate(e.keyframes, s);
-      if (p !== void 0) {
+      const d = this.interpolate(e.keyframes, s);
+      if (d !== void 0) {
         if (this.frameCount % 240 === 0) {
-          const d = (n == null ? void 0 : n.name) || i, u = typeof p == "object" ? JSON.stringify(p).slice(0, 50) : p;
-          this.debugLog(`[Anim] Applying ${r} = ${u} to ${d}`);
+          const u = (n == null ? void 0 : n.name) || i, p = typeof d == "object" ? JSON.stringify(d).slice(0, 50) : d;
+          this.debugLog(`[Anim] Applying ${r} = ${p} to ${u}`);
         }
         if (r.includes(".")) {
-          const d = (r || "").split(".");
-          let u = c;
-          for (let m = 0; m < d.length - 1; m++) {
-            if (typeof u[d[m]] != "object" || u[d[m]] === null) {
+          const u = (r || "").split(".");
+          let p = c;
+          for (let m = 0; m < u.length - 1; m++) {
+            if (typeof p[u[m]] != "object" || p[u[m]] === null) {
               let y = n;
               for (let S = 0; S <= m; S++)
-                y = y ? y[d[S]] : null;
-              if (d[m] === "corner_radius" || d[m] === "cornerRadius") {
-                const S = typeof u[d[m]] == "number" ? u[d[m]] : typeof y == "number" ? y : 0;
-                u[d[m]] = { tl: S, tr: S, bl: S, br: S };
+                y = y ? y[u[S]] : null;
+              if (u[m] === "corner_radius" || u[m] === "cornerRadius") {
+                const S = typeof p[u[m]] == "number" ? p[u[m]] : typeof y == "number" ? y : 0;
+                p[u[m]] = { tl: S, tr: S, bl: S, br: S };
               } else
-                u[d[m]] = y ? JSON.parse(JSON.stringify(y)) : {};
+                p[u[m]] = y ? JSON.parse(JSON.stringify(y)) : {};
             }
-            u = u[d[m]];
+            p = p[u[m]];
           }
-          u[d[d.length - 1]] = p, d[d.length - 1] === "color" && (d[d.length - 2] === "fill" || d[d.length - 2] === "stroke") && (u.type = "Solid");
+          p[u[u.length - 1]] = d, u[u.length - 1] === "color" && (u[u.length - 2] === "fill" || u[u.length - 2] === "stroke") && (p.type = "Solid");
         } else
-          r === "fill" ? (c.style || (c.style = {}), c.style.fill = p) : r === "stroke" ? (c.style || (c.style = {}), c.style.stroke = p) : c[r] = p;
+          r === "fill" ? (c.style || (c.style = {}), c.style.fill = d) : r === "stroke" ? (c.style || (c.style = {}), c.style.stroke = d) : c[r] = d;
         if (this.physicsEngine && ((g = n == null ? void 0 : n.physics) != null && g.enabled) && n.physics.bodyType === "Static")
           if (r === "x") {
-            const d = this.physicsEngine.getPosition(i);
-            d && this.physicsEngine.setPosition(i, p, d.y);
+            const u = this.physicsEngine.getPosition(i);
+            u && this.physicsEngine.setPosition(i, d, u.y);
           } else if (r === "y") {
-            const d = this.physicsEngine.getPosition(i);
-            d && this.physicsEngine.setPosition(i, d.x, p);
-          } else r === "rotation" && this.physicsEngine.setRotation(i, p * (Math.PI / 180));
+            const u = this.physicsEngine.getPosition(i);
+            u && this.physicsEngine.setPosition(i, u.x, d);
+          } else r === "rotation" && this.physicsEngine.setRotation(i, d * (Math.PI / 180));
       }
     });
   }
@@ -2160,15 +2199,15 @@ class fs {
         return this.interpolateFill(o.value, e.value, n);
       const a = {};
       return (/* @__PURE__ */ new Set([...Object.keys(o.value), ...Object.keys(e.value)])).forEach((c) => {
-        const p = o.value[c], l = e.value[c];
-        typeof p == "number" && typeof l == "number" ? a[c] = p + (l - p) * n : p === void 0 ? a[c] = l : l === void 0 ? a[c] = p : a[c] = n < 0.5 ? p : l;
+        const d = o.value[c], l = e.value[c];
+        typeof d == "number" && typeof l == "number" ? a[c] = d + (l - d) * n : d === void 0 ? a[c] = l : l === void 0 ? a[c] = d : a[c] = n < 0.5 ? d : l;
       }), a;
     }
     return typeof o.value == "number" && typeof e.value == "number" ? o.value + (e.value - o.value) * n : n < 0.5 ? o.value : e.value;
   }
   interpolateColor(t, s, o) {
-    var d, u;
-    const e = ((u = (d = this.artboard) == null ? void 0 : d.tokens) == null ? void 0 : u.colors) || {}, i = e[t] || t, n = e[s] || s, a = (m) => {
+    var u, p;
+    const e = ((p = (u = this.artboard) == null ? void 0 : u.tokens) == null ? void 0 : p.colors) || {}, i = e[t] || t, n = e[s] || s, a = (m) => {
       if (!m) return { r: 0, g: 0, b: 0 };
       const y = m.startsWith("#") ? m.replace("#", "") : "000000";
       return y.length === 3 ? {
@@ -2180,11 +2219,11 @@ class fs {
         g: parseInt(y.substring(2, 4), 16),
         b: parseInt(y.substring(4, 6), 16)
       };
-    }, r = a(i), c = a(n), p = Math.round(r.r + (c.r - r.r) * o), l = Math.round(r.g + (c.g - r.g) * o), f = Math.round(r.b + (c.b - r.b) * o), g = (m) => {
+    }, r = a(i), c = a(n), d = Math.round(r.r + (c.r - r.r) * o), l = Math.round(r.g + (c.g - r.g) * o), f = Math.round(r.b + (c.b - r.b) * o), g = (m) => {
       const y = Math.max(0, Math.min(255, m)).toString(16);
       return y.length === 1 ? "0" + y : y;
     };
-    return `#${g(p)}${g(l)}${g(f)}`;
+    return `#${g(d)}${g(l)}${g(f)}`;
   }
   interpolateStops(t, s, o) {
     return !t || !s || t.length !== s.length ? o < 0.5 ? t : s : t.map((e, i) => {
@@ -2216,8 +2255,8 @@ class fs {
     return e.width = (t.width ?? 0) + ((s.width ?? 0) - (t.width ?? 0)) * o, e.opacity = (t.opacity ?? 1) + ((s.opacity ?? 1) - (t.opacity ?? 1)) * o, t.fill && s.fill ? e.fill = this.interpolateFill(t.fill, s.fill, o) : t.color && s.color && t.color.startsWith("#") && s.color.startsWith("#") && (e.color = this.interpolateColor(t.color, s.color, o)), e.trimStart = (t.trimStart ?? 0) + ((s.trimStart ?? 0) - (t.trimStart ?? 0)) * o, e.trimEnd = (t.trimEnd ?? 1) + ((s.trimEnd ?? 1) - (t.trimEnd ?? 1)) * o, e.trimOffset = (t.trimOffset ?? 0) + ((s.trimOffset ?? 0) - (t.trimOffset ?? 0)) * o, e.dashOffset = (t.dashOffset ?? 0) + ((s.dashOffset ?? 0) - (t.dashOffset ?? 0)) * o, e;
   }
   render(t, s, o) {
-    var p;
-    this.debug_objectsTotal = ((p = this.artboard) == null ? void 0 : p.objects.length) || 0, this.debug_objectsRendered = 0;
+    var d;
+    this.debug_objectsTotal = ((d = this.artboard) == null ? void 0 : d.objects.length) || 0, this.debug_objectsRendered = 0;
     const e = performance.now();
     if (this.canvasWidth = s, this.canvasHeight = o, !this.artboard)
       return;
@@ -2235,33 +2274,33 @@ class fs {
       let f = this.imageCache.get(l);
       if (f || (f = new Image(), f.src = l, this.imageCache.set(l, f)), f.complete && f.naturalWidth > 0) {
         t.save(), t.globalAlpha = this.normalizeOpacity(this.artboard.backgroundOpacity ?? 100);
-        const g = f.naturalWidth / f.naturalHeight, d = i / n;
-        let u, m, y, S;
-        d > g ? (u = i, m = i / g) : (m = n, u = n * g), y = -u / 2, S = -m / 2, t.drawImage(f, y, S, u, m), t.restore();
+        const g = f.naturalWidth / f.naturalHeight, u = i / n;
+        let p, m, y, S;
+        u > g ? (p = i, m = i / g) : (m = n, p = n * g), y = -p / 2, S = -m / 2, t.drawImage(f, y, S, p, m), t.restore();
       }
     }
     t.beginPath(), t.rect(-i / 2, -n / 2, i, n), t.clip();
     const r = /* @__PURE__ */ new Map();
     this.artboard.objects.forEach((l) => r.set(l.id, l)), this.artboard.objects.filter((l) => !l.parentId).map((l, f) => {
-      const g = this.objectStates.get(l.id), d = (g == null ? void 0 : g.zIndex) ?? f;
-      return { obj: l, zIndex: d };
+      const g = this.objectStates.get(l.id), u = (g == null ? void 0 : g.zIndex) ?? f;
+      return { obj: l, zIndex: u };
     }).sort((l, f) => l.zIndex - f.zIndex).forEach(({ obj: l }) => {
       this.renderObject(t, l, r);
     }), this.lastRenderTime = performance.now() - e, this.debugMode && this.frameCount % 60 === 0 && console.log(`[Engine Debug] Rendered ${this.debug_objectsRendered}/${this.debug_objectsTotal} objects in ${this.lastRenderTime.toFixed(2)}ms`), t.restore();
   }
   isObjectInView(t, s, o, e, i, n = 0) {
-    const a = t.getTransform(), r = s * a.a + o * a.c + a.e, c = s * a.b + o * a.d + a.f, p = Math.sqrt(a.a * a.a + a.b * a.b), l = Math.sqrt(a.c * a.c + a.d * a.d), f = (e / 2 + n) * p, g = (i / 2 + n) * l;
+    const a = t.getTransform(), r = s * a.a + o * a.c + a.e, c = s * a.b + o * a.d + a.f, d = Math.sqrt(a.a * a.a + a.b * a.b), l = Math.sqrt(a.c * a.c + a.d * a.d), f = (e / 2 + n) * d, g = (i / 2 + n) * l;
     return r + f >= 0 && r - f <= this.canvasWidth && c + g >= 0 && c - g <= this.canvasHeight;
   }
   calculateTransform(t, s, o, e, i, n) {
     let a = 1, r = 1, c = 1;
-    const p = o / e, l = t / s;
+    const d = o / e, l = t / s;
     switch (i) {
       case "Contain":
-        l > p ? c = s / e : c = t / o, a = r = c;
+        l > d ? c = s / e : c = t / o, a = r = c;
         break;
       case "Cover":
-        l > p ? c = t / o : c = s / e, a = r = c;
+        l > d ? c = t / o : c = s / e, a = r = c;
         break;
       case "Fill":
         a = t / o, r = s / e;
@@ -2283,8 +2322,8 @@ class fs {
         break;
     }
     const f = o * a, g = e * r;
-    let d = 0, u = 0;
-    return n.includes("Left") ? d = 0 : n.includes("Right") ? d = t - f : d = (t - f) / 2, n.includes("Top") ? u = 0 : n.includes("Bottom") ? u = s - g : u = (s - g) / 2, { scaleX: a, scaleY: r, tx: d, ty: u };
+    let u = 0, p = 0;
+    return n.includes("Left") ? u = 0 : n.includes("Right") ? u = t - f : u = (t - f) / 2, n.includes("Top") ? p = 0 : n.includes("Bottom") ? p = s - g : p = (s - g) / 2, { scaleX: a, scaleY: r, tx: u, ty: p };
   }
   mapFontWeight(t) {
     const s = t.toLowerCase();
@@ -2306,7 +2345,7 @@ class fs {
   }
   */
   renderObject(t, s, o) {
-    var u, m, y, S, b, v, I, k, A, x, B, F, K, tt, rt, at, N;
+    var p, m, y, S, b, v, w, k, A, x, B, F, K, tt, rt, at, V;
     const e = this.objectStates.get(s.id);
     if (!e) {
       console.warn("No state for object:", s.id);
@@ -2314,7 +2353,7 @@ class fs {
     }
     this.frameCount % 60, t.roundRect || (t.roundRect = (O, $, P, J, Z) => (this.drawRoundRect(t, O, $, P, J, Z), t));
     const i = e.geometry ? this.deepMerge(s.geometry, e.geometry) : s.geometry, n = e.style ? this.deepMerge(s.style, e.style) : s.style;
-    let a = (i == null ? void 0 : i.width) || ((u = s.geometry) == null ? void 0 : u.width) || s.width || 0, r = (i == null ? void 0 : i.height) || ((m = s.geometry) == null ? void 0 : m.height) || s.height || 0;
+    let a = (i == null ? void 0 : i.width) || ((p = s.geometry) == null ? void 0 : p.width) || s.width || 0, r = (i == null ? void 0 : i.height) || ((m = s.geometry) == null ? void 0 : m.height) || s.height || 0;
     if ((a === 0 || r === 0) && (i != null && i.points) && Array.isArray(i.points) && i.points.length > 0) {
       let O = 1 / 0, $ = -1 / 0, P = 1 / 0, J = -1 / 0;
       i.points.forEach((Z) => {
@@ -2324,11 +2363,11 @@ class fs {
     const c = (O) => {
       if (O)
         return O.corner_radius ?? O.cornerRadius;
-    }, p = c(e) ?? c(n) ?? c(i) ?? c(s.style) ?? c(s.geometry) ?? 0, l = { ...i, width: a, height: r };
-    if (delete l.cornerRadius, l.corner_radius = p, e.visible === !1)
+    }, d = c(e) ?? c(n) ?? c(i) ?? c(s.style) ?? c(s.geometry) ?? 0, l = { ...i, width: a, height: r };
+    if (delete l.cornerRadius, l.corner_radius = d, e.visible === !1)
       return;
-    const f = s.repeaterConfig, g = f && f.isEnabled && f.count > 1, d = g ? f.count : 1;
-    for (let O = 0; O < d; O++) {
+    const f = s.repeaterConfig, g = f && f.isEnabled && f.count > 1, u = g ? f.count : 1;
+    for (let O = 0; O < u; O++) {
       let $ = e.x, P = e.y, J = e.rotation, Z = e.scale_x ?? 1, lt = e.scale_y ?? 1;
       if (g && O > 0) {
         if (f.type === "Linear") {
@@ -2342,16 +2381,16 @@ class fs {
           $ = e.x + st * Math.cos(bt), P = e.y + st * Math.sin(bt), J += j;
         }
       }
-      const V = s.type === "Group" || s.type === "Frame" || s.type === "Component", H = a > 0 && r > 0;
-      if (!V && H) {
+      const Y = s.type === "Group" || s.type === "Frame" || s.type === "Component", H = a > 0 && r > 0;
+      if (!Y && H) {
         const st = (((y = n.shadow) == null ? void 0 : y.isEnabled) !== !1 ? (((S = n.shadow) == null ? void 0 : S.blur) || 0) + 10 : 0) + (((b = n.blur) == null ? void 0 : b.isEnabled) !== !1 && ((v = n.blur) == null ? void 0 : v.radius) || 0) + 20;
         if (!this.isObjectInView(t, $, P, a, r, st))
           continue;
       }
       this.debug_objectsRendered++, t.save();
-      const it = [], nt = n.blur || ((I = s.style) == null ? void 0 : I.blur);
+      const it = [], nt = n.blur || ((w = s.style) == null ? void 0 : w.blur);
       nt && nt.amount > 0 && it.push(`blur(${nt.amount}px)`);
-      const ft = ((k = i == null ? void 0 : i.type) == null ? void 0 : k.toLowerCase().includes("image")) || ((A = s.type) == null ? void 0 : A.toLowerCase().includes("image")), M = n.adjustments && Object.keys(n.adjustments).length > 0 ? n.adjustments : null, Q = i != null && i.adjustments && Object.keys(i.adjustments).length > 0 ? i.adjustments : null, Y = ft ? Q || M : M || Q, L = ft && !Y ? {
+      const ft = ((k = i == null ? void 0 : i.type) == null ? void 0 : k.toLowerCase().includes("image")) || ((A = s.type) == null ? void 0 : A.toLowerCase().includes("image")), M = n.adjustments && Object.keys(n.adjustments).length > 0 ? n.adjustments : null, Q = i != null && i.adjustments && Object.keys(i.adjustments).length > 0 ? i.adjustments : null, N = ft ? Q || M : M || Q, L = ft && !N ? {
         exposure: 0,
         contrast: 0,
         saturation: 100,
@@ -2362,7 +2401,7 @@ class fs {
         blur: 0,
         negative: 0,
         hue: 0
-      } : Y;
+      } : N;
       if (e && L && (e.geometry = e.geometry || {}, e.geometry.adjustments = { ...L }), L) {
         const st = (L.exposure || 0) / 100, ct = L.contrast || 0, _ = 1 + (L.saturation || 0) / 100, C = (L.temperature || 0) / 200, W = (L.tint || 0) / 200, j = (L.highlights || 0) / 500, bt = (L.shadows || 0) / 500;
         let Mt = "", ht = "SourceGraphic";
@@ -2372,12 +2411,12 @@ class fs {
                     <feFuncG type="linear" slope="1" intercept="${st}"/>
                     <feFuncB type="linear" slope="1" intercept="${st}"/>
                 </feComponentTransfer>`, ht = "exposure"), ct !== 0) {
-          const mt = (ct + 100) / 100, w = 0.5 * (1 - mt);
+          const mt = (ct + 100) / 100, I = 0.5 * (1 - mt);
           Mt += `
                 <feComponentTransfer in="${ht}" result="contrast">
-                    <feFuncR type="linear" slope="${mt}" intercept="${w}"/>
-                    <feFuncG type="linear" slope="${mt}" intercept="${w}"/>
-                    <feFuncB type="linear" slope="${mt}" intercept="${w}"/>
+                    <feFuncR type="linear" slope="${mt}" intercept="${I}"/>
+                    <feFuncG type="linear" slope="${mt}" intercept="${I}"/>
+                    <feFuncB type="linear" slope="${mt}" intercept="${I}"/>
                 </feComponentTransfer>`, ht = "contrast";
         }
         if (_ !== 1 && (Mt += `<feColorMatrix in="${ht}" type="saturate" values="${_}" result="saturate"/>`, ht = "saturate"), L.hue && (Mt += `<feColorMatrix in="${ht}" type="hueRotate" values="${L.hue}" result="hue"/>`, ht = "hue"), L.negative) {
@@ -2390,8 +2429,8 @@ class fs {
                             0 0 0 1 0"/>`, ht = "invert";
         }
         if (C !== 0 || W !== 0 || j !== 0 || bt !== 0) {
-          const mt = 1 + j + bt, w = mt * (1 + C - W / 2), _t = mt * (1 + W), Bt = mt * (1 - C - W / 2), Rt = L.shadows * 0.1 / 255, dt = [
-            w,
+          const mt = 1 + j + bt, I = mt * (1 + C - W / 2), _t = mt * (1 + W), Bt = mt * (1 - C - W / 2), Rt = L.shadows * 0.1 / 255, dt = [
+            I,
             0,
             0,
             0,
@@ -2415,8 +2454,8 @@ class fs {
           Mt += `<feColorMatrix in="${ht}" type="matrix" values="${dt}" result="advanced"/>`, ht = "advanced";
         }
         if (L.blur && (Mt += `<feGaussianBlur in="${ht}" stdDeviation="${L.blur}" result="blur"/>`, ht = "blur"), Mt) {
-          const mt = `<svg xmlns="http://www.w3.org/2000/svg"><filter id="f" color-interpolation-filters="sRGB">${Mt}</filter></svg>`, w = btoa(mt);
-          it.push(`url('data:image/svg+xml;base64,${w}#f')`);
+          const mt = `<svg xmlns="http://www.w3.org/2000/svg"><filter id="f" color-interpolation-filters="sRGB">${Mt}</filter></svg>`, I = btoa(mt);
+          it.push(`url('data:image/svg+xml;base64,${I}#f')`);
         }
       }
       it.length > 0 ? t.filter = it.join(" ") : t.filter = "none", t.imageSmoothingEnabled = !0, t.imageSmoothingQuality = "high";
@@ -2483,19 +2522,19 @@ class fs {
         const ct = this.normalizeOpacity($t.opacity ?? 100), _ = $t.spread || 0, W = ($t.blur || 0) + _ * 1.5;
         let j = st;
         if (st.startsWith("#")) {
-          const ht = st.replace("#", ""), Et = parseInt(ht.substring(0, 2), 16), mt = parseInt(ht.substring(2, 4), 16), w = parseInt(ht.substring(4, 6), 16);
-          j = `rgba(${Et}, ${mt}, ${w}, ${ct})`;
+          const ht = st.replace("#", ""), Et = parseInt(ht.substring(0, 2), 16), mt = parseInt(ht.substring(2, 4), 16), I = parseInt(ht.substring(4, 6), 16);
+          j = `rgba(${Et}, ${mt}, ${I}, ${ct})`;
         } else if (st.startsWith("rgba")) {
           const ht = st.match(/[\d.]+/g);
           if (ht && ht.length >= 4) {
-            const Et = ht[0], mt = ht[1], w = ht[2], _t = ht[3];
-            j = `rgba(${Et}, ${mt}, ${w}, ${parseFloat(_t) * ct})`;
+            const Et = ht[0], mt = ht[1], I = ht[2], _t = ht[3];
+            j = `rgba(${Et}, ${mt}, ${I}, ${parseFloat(_t) * ct})`;
           }
         }
         const bt = t.getTransform(), Mt = Math.sqrt(bt.a * bt.a + bt.b * bt.b) || 1;
         t.shadowColor = j, t.shadowBlur = W * Mt, t.shadowOffsetX = ($t.offsetX || 0) * Mt, t.shadowOffsetY = ($t.offsetY || 0) * Mt;
       }
-      const Lt = s.liquidFill || ((F = s.style) == null ? void 0 : F.liquidFill), Vt = s.artEffect || ((K = s.style) == null ? void 0 : K.artEffect);
+      const Lt = s.liquidFill || ((F = s.style) == null ? void 0 : F.liquidFill), Yt = s.artEffect || ((K = s.style) == null ? void 0 : K.artEffect);
       if (Lt && Lt.enabled) {
         t.save();
         const st = Lt.fillLevel ?? 0.5;
@@ -2503,8 +2542,8 @@ class fs {
         const ct = r / 2 - r * st;
         t.rect(-a / 2, ct, a, r * st), t.clip(), t.fillStyle = Lt.color || "#3b82f6", t.globalAlpha = t.globalAlpha * (Lt.opacity ?? 1);
       }
-      if (Vt && Vt.enabled) {
-        const st = Vt.type, ct = Vt.intensity ?? 0.5;
+      if (Yt && Yt.enabled) {
+        const st = Yt.type, ct = Yt.intensity ?? 0.5;
         if (st === "glitch") {
           t.save();
           const _ = ct * 10, C = t.getTransform(), W = Math.sqrt(C.a * C.a + C.b * C.b) || 1;
@@ -2523,12 +2562,12 @@ class fs {
             console.error("[ExodeUI] Image load failed:", W, `Src preview: ${st.substring(0, 100)}...`);
           }, ct.src = st, this.imageCache.set(st, ct));
           const _ = n.stroke && n.stroke.width > 0 && n.stroke.isEnabled !== !1, C = (((tt = n.stroke) == null ? void 0 : tt.alignment) || "center").toLowerCase();
-          if (_ && (C === "outside" || C === "center") && this.applyStrokeAlignment(t, n, l, a, r, p), n.fill && n.fill.type !== "None") {
+          if (_ && (C === "outside" || C === "center") && this.applyStrokeAlignment(t, n, l, a, r, d), n.fill && n.fill.type !== "None") {
             t.save();
             const W = t.globalAlpha, j = this.createCanvasFill(t, n.fill, a, r);
-            t.fillStyle = j || n.fill.color || "transparent", t.globalAlpha = W * this.normalizeOpacity(n.fill.opacity ?? 100), p !== 0 ? (this.drawRoundRect(t, -a / 2, -r / 2, a, r, p), t.fill()) : t.fillRect(-a / 2, -r / 2, a, r), t.globalAlpha = W, t.restore();
+            t.fillStyle = j || n.fill.color || "transparent", t.globalAlpha = W * this.normalizeOpacity(n.fill.opacity ?? 100), d !== 0 ? (this.drawRoundRect(t, -a / 2, -r / 2, a, r, d), t.fill()) : t.fillRect(-a / 2, -r / 2, a, r), t.globalAlpha = W, t.restore();
           }
-          ct.complete && ct.naturalWidth > 0 ? (p !== 0 ? (t.save(), this.drawRoundRect(t, -a / 2, -r / 2, a, r, p), t.clip(), t.drawImage(ct, -a / 2, -r / 2, a, r), t.restore()) : t.drawImage(ct, -a / 2, -r / 2, a, r), _ && C === "inside" && this.applyStrokeAlignment(t, n, l, a, r, p)) : _ && C === "inside" && this.applyStrokeAlignment(t, n, l, a, r, p);
+          ct.complete && ct.naturalWidth > 0 ? (d !== 0 ? (t.save(), this.drawRoundRect(t, -a / 2, -r / 2, a, r, d), t.clip(), t.drawImage(ct, -a / 2, -r / 2, a, r), t.restore()) : t.drawImage(ct, -a / 2, -r / 2, a, r), _ && C === "inside" && this.applyStrokeAlignment(t, n, l, a, r, d)) : _ && C === "inside" && this.applyStrokeAlignment(t, n, l, a, r, d);
         }
       } else if (i.type === "SVG") {
         const st = i.svgContent;
@@ -2563,105 +2602,105 @@ class fs {
           let Et = this.imageCache.get(ht);
           if (!Et) {
             Et = new Image(), Et.crossOrigin = "anonymous";
-            let w = st;
-            if (w.match(/xmlns\s*=\s*["']http:\/\/www\.w3\.org\/2000\/svg["']/i) || (w = w.replace(/<svg([^>]*)>/i, (T, X) => X.includes("xmlns=") ? T : `<svg xmlns="http://www.w3.org/2000/svg"${X}>`)), i.colors && i.colors.length > 0 && ct.length > 0 && i.colors.forEach((T, X) => {
-              if (ct[X]) {
+            let I = st;
+            if (I.match(/xmlns\s*=\s*["']http:\/\/www\.w3\.org\/2000\/svg["']/i) || (I = I.replace(/<svg([^>]*)>/i, (T, G) => G.includes("xmlns=") ? T : `<svg xmlns="http://www.w3.org/2000/svg"${G}>`)), i.colors && i.colors.length > 0 && ct.length > 0 && i.colors.forEach((T, G) => {
+              if (ct[G]) {
                 const ut = T.replace(/[-\/\\^$*+?.()|[\]{}]/g, "\\$&"), E = new RegExp(ut, "gi");
-                w = w.replace(E, ct[X]);
+                I = I.replace(E, ct[G]);
               }
             }), _ && _.type && _.type !== "None") {
               if (_.type === "Solid" && _.color) {
-                const T = j ? "#FFFFFF" : _.color, X = j ? 1 : this.normalizeOpacity(_.opacity ?? 100);
-                w = w.replace(/\bfill\s*=\s*["'][^"']*["']/gi, (ut) => /fill\s*=\s*["']\s*(none|transparent)\s*["']/i.test(ut) ? ut : `fill="${T}"`), w = w.replace(/fill\s*:\s*[^;"')]+/gi, (ut) => /fill\s*:\s*(none|transparent)/i.test(ut) ? ut : `fill:${T}`), X < 1 && (w = w.replace(/\bfill-opacity\s*=\s*["'][^"']*["']/gi, `fill-opacity="${X}"`), w = w.replace(/fill-opacity\s*:\s*[^;"')]+/gi, `fill-opacity:${X}`), w.match(/\bfill-opacity\s*=/i) || (w = w.replace(/(<svg[^>]*>)/i, `$1<g fill-opacity="${X}">`), w = w.replace(/<\/svg>/i, "</g></svg>")));
+                const T = j ? "#FFFFFF" : _.color, G = j ? 1 : this.normalizeOpacity(_.opacity ?? 100);
+                I = I.replace(/\bfill\s*=\s*["'][^"']*["']/gi, (ut) => /fill\s*=\s*["']\s*(none|transparent)\s*["']/i.test(ut) ? ut : `fill="${T}"`), I = I.replace(/fill\s*:\s*[^;"')]+/gi, (ut) => /fill\s*:\s*(none|transparent)/i.test(ut) ? ut : `fill:${T}`), G < 1 && (I = I.replace(/\bfill-opacity\s*=\s*["'][^"']*["']/gi, `fill-opacity="${G}"`), I = I.replace(/fill-opacity\s*:\s*[^;"')]+/gi, `fill-opacity:${G}`), I.match(/\bfill-opacity\s*=/i) || (I = I.replace(/(<svg[^>]*>)/i, `$1<g fill-opacity="${G}">`), I = I.replace(/<\/svg>/i, "</g></svg>")));
               } else if (_.type === "LinearGradient" || _.type === "RadialGradient" || _.type === "Linear" || _.type === "Radial") {
-                const T = "exode-fill", X = this.normalizeOpacity(_.opacity ?? 100), ut = (_.stops || []).map((R) => {
-                  const et = R.offset !== void 0 ? R.offset : R.pos ?? 0, Ct = this.normalizeOpacity(R.opacity ?? 100) * X;
+                const T = "exode-fill", G = this.normalizeOpacity(_.opacity ?? 100), ut = (_.stops || []).map((R) => {
+                  const et = R.offset !== void 0 ? R.offset : R.pos ?? 0, Ct = this.normalizeOpacity(R.opacity ?? 100) * G;
                   return `<stop offset="${et * 100}%" stop-color="${R.color || "#000"}" stop-opacity="${Ct}"/>`;
                 }).join("");
                 let E = "";
                 if (_.type === "LinearGradient" || _.type === "Linear") {
-                  const R = (Ot, It) => Array.isArray(Ot) ? Ot[It] ?? (It === 0 ? 0 : 1) : Ot && typeof Ot == "object" ? Ot[It === 0 ? "x" : "y"] ?? (It === 0 ? 0 : 1) : It === 0 ? 0 : 1, et = R(_.start, 0) * 100, Ct = R(_.start, 1) * 100, Pt = R(_.end, 0) * 100, St = R(_.end, 1) * 100;
+                  const R = (Ot, wt) => Array.isArray(Ot) ? Ot[wt] ?? (wt === 0 ? 0 : 1) : Ot && typeof Ot == "object" ? Ot[wt === 0 ? "x" : "y"] ?? (wt === 0 ? 0 : 1) : wt === 0 ? 0 : 1, et = R(_.start, 0) * 100, Ct = R(_.start, 1) * 100, Pt = R(_.end, 0) * 100, St = R(_.end, 1) * 100;
                   E = `<linearGradient id="${T}" x1="${et}%" y1="${Ct}%" x2="${Pt}%" y2="${St}%" gradientUnits="objectBoundingBox">${ut}</linearGradient>`;
                 } else {
                   const R = (St, Ot) => Array.isArray(St) ? St[Ot] ?? 0.5 : St && typeof St == "object" ? St[Ot === 0 ? "x" : "y"] ?? 0.5 : 0.5, et = R(_.center, 0) * 100, Ct = R(_.center, 1) * 100, Pt = (_.radius ?? 0.5) * 100;
                   E = `<radialGradient id="${T}" cx="${et}%" cy="${Ct}%" r="${Pt}%" gradientUnits="objectBoundingBox">${ut}</radialGradient>`;
                 }
-                /<defs>/i.test(w) ? w = w.replace(/<defs>/i, `<defs>${E}`) : w = w.replace(/<svg([^>]*)>/i, `<svg$1><defs>${E}</defs>`), w = w.replace(/\bfill\s*=\s*["'][^"']*["']/gi, (R) => /fill\s*=\s*["']\s*(none|transparent)\s*["']/i.test(R) ? R : `fill="url(#${T})"`), w = w.replace(/fill\s*:\s*[^;"')]+/gi, (R) => /fill\s*:\s*(none|transparent)/i.test(R) ? R : `fill:url(#${T})`);
+                /<defs>/i.test(I) ? I = I.replace(/<defs>/i, `<defs>${E}`) : I = I.replace(/<svg([^>]*)>/i, `<svg$1><defs>${E}</defs>`), I = I.replace(/\bfill\s*=\s*["'][^"']*["']/gi, (R) => /fill\s*=\s*["']\s*(none|transparent)\s*["']/i.test(R) ? R : `fill="url(#${T})"`), I = I.replace(/fill\s*:\s*[^;"')]+/gi, (R) => /fill\s*:\s*(none|transparent)/i.test(R) ? R : `fill:url(#${T})`);
               }
             }
-            const _t = (T, X, ut = 1) => {
+            const _t = (T, G, ut = 1) => {
               const E = (T.stops || []).map((St) => {
-                const Ot = St.offset !== void 0 ? St.offset : St.pos ?? 0, It = this.normalizeOpacity(St.opacity ?? 100) * ut;
-                return `<stop offset="${Ot * 100}%" stop-color="${St.color || "#000"}" stop-opacity="${It}"/>`;
-              }).join(""), R = (St, Ot, It = 0.5) => Array.isArray(St) ? St[Ot] ?? It : St && typeof St == "object" ? St[Ot === 0 ? "x" : "y"] ?? It : It;
+                const Ot = St.offset !== void 0 ? St.offset : St.pos ?? 0, wt = this.normalizeOpacity(St.opacity ?? 100) * ut;
+                return `<stop offset="${Ot * 100}%" stop-color="${St.color || "#000"}" stop-opacity="${wt}"/>`;
+              }).join(""), R = (St, Ot, wt = 0.5) => Array.isArray(St) ? St[Ot] ?? wt : St && typeof St == "object" ? St[Ot === 0 ? "x" : "y"] ?? wt : wt;
               if (T.type === "LinearGradient" || T.type === "Linear") {
-                const St = R(T.start, 0, 0) * 100, Ot = R(T.start, 1, 0) * 100, It = R(T.end, 0, 1) * 100, Nt = R(T.end, 1, 1) * 100;
-                return `<linearGradient id="${X}" x1="${St}%" y1="${Ot}%" x2="${It}%" y2="${Nt}%" gradientUnits="objectBoundingBox">${E}</linearGradient>`;
+                const St = R(T.start, 0, 0) * 100, Ot = R(T.start, 1, 0) * 100, wt = R(T.end, 0, 1) * 100, Vt = R(T.end, 1, 1) * 100;
+                return `<linearGradient id="${G}" x1="${St}%" y1="${Ot}%" x2="${wt}%" y2="${Vt}%" gradientUnits="objectBoundingBox">${E}</linearGradient>`;
               }
               const et = R(T.center, 0, 0.5) * 100, Ct = R(T.center, 1, 0.5) * 100, Pt = (T.radius ?? 0.5) * 100;
-              return `<radialGradient id="${X}" cx="${et}%" cy="${Ct}%" r="${Pt}%" gradientUnits="objectBoundingBox">${E}</radialGradient>`;
-            }, Bt = (T, X) => /<defs>/i.test(T) ? T.replace(/<defs>/i, `<defs>${X}`) : T.replace(/(<svg[^>]*>)/i, `$1<defs>${X}</defs>`);
+              return `<radialGradient id="${G}" cx="${et}%" cy="${Ct}%" r="${Pt}%" gradientUnits="objectBoundingBox">${E}</radialGradient>`;
+            }, Bt = (T, G) => /<defs>/i.test(T) ? T.replace(/<defs>/i, `<defs>${G}`) : T.replace(/(<svg[^>]*>)/i, `$1<defs>${G}</defs>`);
             if (C && C.isEnabled !== !1 && (C.width || 0) > 0) {
-              const T = C.width || 1, X = j ? 1 : this.normalizeOpacity(C.opacity ?? 100), ut = j ? "#FFFFFF" : C.color || (_ == null ? void 0 : _.color) || "#000000";
+              const T = C.width || 1, G = j ? 1 : this.normalizeOpacity(C.opacity ?? 100), ut = j ? "#FFFFFF" : C.color || (_ == null ? void 0 : _.color) || "#000000";
               let E = "";
               const R = C.fill;
               if (R && R.type) {
                 if (R.type === "Solid")
                   E = R.color || C.color || "#000000";
                 else if (R.type === "LinearGradient" || R.type === "RadialGradient" || R.type === "Linear" || R.type === "Radial") {
-                  const It = "exode-stroke";
-                  w = Bt(w, _t(R, It, X)), E = `url(#${It})`;
+                  const wt = "exode-stroke";
+                  I = Bt(I, _t(R, wt, G)), E = `url(#${wt})`;
                 }
               }
-              E || (E = ut), w.match(/\bstroke\s*=\s*["']/i) ? w = w.replace(
+              E || (E = ut), I.match(/\bstroke\s*=\s*["']/i) ? I = I.replace(
                 /\bstroke\s*=\s*["'][^"']*["']/gi,
-                (It) => /stroke\s*=\s*["']\s*(none|transparent)\s*["']/i.test(It) ? It : `stroke="${E}"`
-              ) : w = w.replace(/<(path|circle|rect|ellipse|polygon|polyline)/gi, `<$1 stroke="${E}"`), w = w.replace(
+                (wt) => /stroke\s*=\s*["']\s*(none|transparent)\s*["']/i.test(wt) ? wt : `stroke="${E}"`
+              ) : I = I.replace(/<(path|circle|rect|ellipse|polygon|polyline)/gi, `<$1 stroke="${E}"`), I = I.replace(
                 new RegExp(`(?<![a-z-])stroke\\s*:\\s*(?!none|transparent)[^;"')]+`, "gi"),
                 `stroke:${E}`
-              ), w.match(/\bstroke-width\s*=\s*["']/i) ? w = w.replace(/\bstroke-width\s*=\s*["'][^"']*["']/gi, `stroke-width="${T}"`) : w = w.replace(/<(path|circle|rect|ellipse|polygon|polyline)/gi, `<$1 stroke-width="${T}"`), w = w.replace(/stroke-width\s*:\s*[^;"')]+/gi, `stroke-width:${T}`), w.match(/\bstroke-opacity\s*=\s*["']/i) ? w = w.replace(/\bstroke-opacity\s*=\s*["'][^"']*["']/gi, `stroke-opacity="${X}"`) : w = w.replace(/<(path|circle|rect|ellipse|polygon|polyline)/gi, `<$1 stroke-opacity="${X}"`), w = w.replace(/stroke-opacity\s*:\s*[^;"')]+/gi, `stroke-opacity:${X}`), C.lineCap && (w = w.replace(/\bstroke-linecap\s*=\s*["'][^"']*["']/gi, `stroke-linecap="${C.lineCap}"`), w = w.replace(/stroke-linecap\s*:\s*[^;"')]+/gi, `stroke-linecap:${C.lineCap}`)), C.lineJoin && (w = w.replace(/\bstroke-linejoin\s*=\s*["'][^"']*["']/gi, `stroke-linejoin="${C.lineJoin}"`), w = w.replace(/stroke-linejoin\s*:\s*[^;"')]+/gi, `stroke-linejoin:${C.lineJoin}`));
+              ), I.match(/\bstroke-width\s*=\s*["']/i) ? I = I.replace(/\bstroke-width\s*=\s*["'][^"']*["']/gi, `stroke-width="${T}"`) : I = I.replace(/<(path|circle|rect|ellipse|polygon|polyline)/gi, `<$1 stroke-width="${T}"`), I = I.replace(/stroke-width\s*:\s*[^;"')]+/gi, `stroke-width:${T}`), I.match(/\bstroke-opacity\s*=\s*["']/i) ? I = I.replace(/\bstroke-opacity\s*=\s*["'][^"']*["']/gi, `stroke-opacity="${G}"`) : I = I.replace(/<(path|circle|rect|ellipse|polygon|polyline)/gi, `<$1 stroke-opacity="${G}"`), I = I.replace(/stroke-opacity\s*:\s*[^;"')]+/gi, `stroke-opacity:${G}`), C.lineCap && (I = I.replace(/\bstroke-linecap\s*=\s*["'][^"']*["']/gi, `stroke-linecap="${C.lineCap}"`), I = I.replace(/stroke-linecap\s*:\s*[^;"')]+/gi, `stroke-linecap:${C.lineCap}`)), C.lineJoin && (I = I.replace(/\bstroke-linejoin\s*=\s*["'][^"']*["']/gi, `stroke-linejoin="${C.lineJoin}"`), I = I.replace(/stroke-linejoin\s*:\s*[^;"')]+/gi, `stroke-linejoin:${C.lineJoin}`));
               const et = C.trimStart ?? 0, Ct = C.trimEnd ?? 1, Pt = C.trimOffset ?? 0, St = C.dashOffset ?? 0, Ot = et !== 0 || Ct !== 1 || Pt !== 0 || St !== 0;
               if (Ot) {
-                const It = Math.max(0, Math.min(1, et)), Nt = Math.max(0, Math.min(1, Ct));
-                this.frameCount % 600 === 0 && this.debugLog(`SVG Trim - Object: ${s.name || s.id}, Start: ${It}, End: ${Nt}`);
+                const wt = Math.max(0, Math.min(1, et)), Vt = Math.max(0, Math.min(1, Ct));
+                this.frameCount % 600 === 0 && this.debugLog(`SVG Trim - Object: ${s.name || s.id}, Start: ${wt}, End: ${Vt}`);
                 let Ut = i.width || a || 100, qt = i.height || r || 100;
                 const U = st.match(/viewBox=["']\s*0\s+0\s+([\d.]+)\s+([\d.]+)\s*["']/i);
                 if (U) {
-                  const Gt = parseFloat(U[1]), Ht = parseFloat(U[2]);
-                  !isNaN(Gt) && !isNaN(Ht) && (Ut = Gt, qt = Ht);
+                  const Xt = parseFloat(U[1]), Ht = parseFloat(U[2]);
+                  !isNaN(Xt) && !isNaN(Ht) && (Ut = Xt, qt = Ht);
                 }
-                const G = (Ut + qt) * 2, q = (Pt % 1 + 1) % 1, wt = (St % 1 + 1) % 1;
-                let At = "", Xt = 0;
-                if (It >= Nt)
-                  At = `0 ${G}`, Xt = 0;
+                const X = (Ut + qt) * 2, q = (Pt % 1 + 1) % 1, It = (St % 1 + 1) % 1;
+                let At = "", Gt = 0;
+                if (wt >= Vt)
+                  At = `0 ${X}`, Gt = 0;
                 else {
-                  const Gt = G * (Nt - It), Ht = G - Gt;
-                  Xt = -(G * (It + q + wt)), At = `${Gt} ${Ht}`;
+                  const Xt = X * (Vt - wt), Ht = X - Xt;
+                  Gt = -(X * (wt + q + It)), At = `${Xt} ${Ht}`;
                 }
-                w.match(/\bstroke-dasharray\s*=/i) ? w = w.replace(/\bstroke-dasharray\s*=\s*["'][^"']*["']/gi, `stroke-dasharray="${At}"`) : w = w.replace(/<(path|circle|rect|ellipse|polygon|polyline)/gi, `<$1 stroke-dasharray="${At}"`), w = w.replace(/stroke-dasharray\s*:\s*[^;"')]+/gi, `stroke-dasharray:${At}`), w.match(/\bstroke-dashoffset\s*=/i) ? w = w.replace(/\bstroke-dashoffset\s*=\s*["'][^"']*["']/gi, `stroke-dashoffset="${Xt}"`) : w = w.replace(/<(path|circle|rect|ellipse|polygon|polyline)/gi, `<$1 stroke-dashoffset="${Xt}"`), w = w.replace(/stroke-dashoffset\s*:\s*[^;"')]+/gi, `stroke-dashoffset:${Xt}`);
+                I.match(/\bstroke-dasharray\s*=/i) ? I = I.replace(/\bstroke-dasharray\s*=\s*["'][^"']*["']/gi, `stroke-dasharray="${At}"`) : I = I.replace(/<(path|circle|rect|ellipse|polygon|polyline)/gi, `<$1 stroke-dasharray="${At}"`), I = I.replace(/stroke-dasharray\s*:\s*[^;"')]+/gi, `stroke-dasharray:${At}`), I.match(/\bstroke-dashoffset\s*=/i) ? I = I.replace(/\bstroke-dashoffset\s*=\s*["'][^"']*["']/gi, `stroke-dashoffset="${Gt}"`) : I = I.replace(/<(path|circle|rect|ellipse|polygon|polyline)/gi, `<$1 stroke-dashoffset="${Gt}"`), I = I.replace(/stroke-dashoffset\s*:\s*[^;"')]+/gi, `stroke-dashoffset:${Gt}`);
               } else if (C.dashArray && C.dashArray.length > 0) {
-                const It = C.dashArray.join(" ");
-                w = w.replace(/\bstroke-dasharray\s*=\s*["'][^"']*["']/gi, `stroke-dasharray="${It}"`), w = w.replace(/stroke-dasharray\s*:\s*[^;"')]+/gi, `stroke-dasharray:${It}`), C.dashOffset && (w = w.replace(/\bstroke-dashoffset\s*=\s*["'][^"']*["']/gi, `stroke-dashoffset="${C.dashOffset}"`), w = w.replace(/stroke-dashoffset\s*:\s*[^;"')]+/gi, `stroke-dashoffset:${C.dashOffset}`));
+                const wt = C.dashArray.join(" ");
+                I = I.replace(/\bstroke-dasharray\s*=\s*["'][^"']*["']/gi, `stroke-dasharray="${wt}"`), I = I.replace(/stroke-dasharray\s*:\s*[^;"')]+/gi, `stroke-dasharray:${wt}`), C.dashOffset && (I = I.replace(/\bstroke-dashoffset\s*=\s*["'][^"']*["']/gi, `stroke-dashoffset="${C.dashOffset}"`), I = I.replace(/stroke-dashoffset\s*:\s*[^;"')]+/gi, `stroke-dashoffset:${C.dashOffset}`));
               }
               if (!/\bstroke\s*=\s*["']/i.test(st) && !new RegExp("(?<![a-z-])stroke\\s*:", "i").test(st)) {
-                let It = "", Nt = "";
+                let wt = "", Vt = "";
                 if (Ot) {
-                  const G = i.width || a || 100, q = i.height || r || 100, wt = (G + q) * 2, At = Math.max(0, Math.min(1, et)), Xt = Math.max(0, Math.min(1, Ct)), Gt = (Pt % 1 + 1) % 1, Ht = (St % 1 + 1) % 1;
-                  if (At >= Xt)
-                    It = ` stroke-dasharray="0 ${wt}"`, Nt = ' stroke-dashoffset="0"';
+                  const X = i.width || a || 100, q = i.height || r || 100, It = (X + q) * 2, At = Math.max(0, Math.min(1, et)), Gt = Math.max(0, Math.min(1, Ct)), Xt = (Pt % 1 + 1) % 1, Ht = (St % 1 + 1) % 1;
+                  if (At >= Gt)
+                    wt = ` stroke-dasharray="0 ${It}"`, Vt = ' stroke-dashoffset="0"';
                   else {
-                    const ae = wt * (Xt - At), Ie = wt - ae, we = -(wt * (At + Gt + Ht));
-                    It = ` stroke-dasharray="${ae} ${Ie}"`, Nt = ` stroke-dashoffset="${we}"`;
+                    const ae = It * (Gt - At), we = It - ae, Ie = -(It * (At + Xt + Ht));
+                    wt = ` stroke-dasharray="${ae} ${we}"`, Vt = ` stroke-dashoffset="${Ie}"`;
                   }
-                } else (rt = C.dashArray) != null && rt.length && (It = ` stroke-dasharray="${C.dashArray.join(" ")}"`, C.dashOffset && (Nt = ` stroke-dashoffset="${C.dashOffset}"`));
-                const Ut = C.lineCap ? ` stroke-linecap="${C.lineCap}"` : "", qt = C.lineJoin ? ` stroke-linejoin="${C.lineJoin}"` : "", U = `stroke="${E}" stroke-width="${T}" stroke-opacity="${X}"${Ut}${qt}${It}${Nt}`;
-                w = w.replace(
+                } else (rt = C.dashArray) != null && rt.length && (wt = ` stroke-dasharray="${C.dashArray.join(" ")}"`, C.dashOffset && (Vt = ` stroke-dashoffset="${C.dashOffset}"`));
+                const Ut = C.lineCap ? ` stroke-linecap="${C.lineCap}"` : "", qt = C.lineJoin ? ` stroke-linejoin="${C.lineJoin}"` : "", U = `stroke="${E}" stroke-width="${T}" stroke-opacity="${G}"${Ut}${qt}${wt}${Vt}`;
+                I = I.replace(
                   /(<svg[^>]*>)(\s*(?:<defs>[\s\S]*?<\/defs>)?)/i,
-                  (G, q, wt) => `${q}${wt}<g ${U}>`
-                ), w = w.replace(/<\/svg>/i, "</g></svg>");
+                  (X, q, It) => `${q}${It}<g ${U}>`
+                ), I = I.replace(/<\/svg>/i, "</g></svg>");
               }
-            } else C && C.isEnabled === !1 && (w = w.replace(/\bstroke\s*=\s*["'][^"']*["']/gi, 'stroke="none"'), w = w.replace(new RegExp(`(?<![a-z-])stroke\\s*:\\s*(?!none|transparent)[^;"')]+`, "gi"), "stroke:none"));
-            const Rt = new Blob([w], { type: "image/svg+xml" }), dt = URL.createObjectURL(Rt);
+            } else C && C.isEnabled === !1 && (I = I.replace(/\bstroke\s*=\s*["'][^"']*["']/gi, 'stroke="none"'), I = I.replace(new RegExp(`(?<![a-z-])stroke\\s*:\\s*(?!none|transparent)[^;"')]+`, "gi"), "stroke:none"));
+            const Rt = new Blob([I], { type: "image/svg+xml" }), dt = URL.createObjectURL(Rt);
             Et.onload = () => {
               if (URL.revokeObjectURL(dt), this.frameCount % 900 === 0) {
                 const T = this.imageCache.get(ht);
@@ -2673,32 +2712,32 @@ class fs {
           }
           let mt = null;
           if (Et.complete && Et.naturalWidth > 0 ? (mt = Et, this.lastValidSvgImgMap.set(s.id, Et)) : mt = this.lastValidSvgImgMap.get(s.id) || null, mt && mt.complete && mt.naturalWidth > 0) {
-            const w = Math.max(1, a), _t = Math.max(1, r);
+            const I = Math.max(1, a), _t = Math.max(1, r);
             if (j && (_ == null ? void 0 : _.type) === "Solid") {
-              this.maskBuffer || (this.maskBuffer = document.createElement("canvas"), this.maskCtx = this.maskBuffer.getContext("2d")), this.maskBuffer.width = w, this.maskBuffer.height = _t, 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, w, _t), this.maskCtx.drawImage(mt, 0, 0, w, _t), this.maskCtx.globalCompositeOperation = "source-in";
+              this.maskBuffer || (this.maskBuffer = document.createElement("canvas"), this.maskCtx = this.maskBuffer.getContext("2d")), this.maskBuffer.width = I, this.maskBuffer.height = _t, 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, I, _t), this.maskCtx.drawImage(mt, 0, 0, I, _t), this.maskCtx.globalCompositeOperation = "source-in";
               const Bt = _.color || "#000000", Rt = this.normalizeOpacity(_.opacity ?? 100);
-              this.maskCtx.fillStyle = Bt, this.maskCtx.globalAlpha = Rt, this.maskCtx.fillRect(0, 0, w, _t), t.drawImage(this.maskBuffer, -w / 2, -_t / 2, w, _t);
-            } else p !== 0 ? (t.save(), this.drawRoundRect(t, -w / 2, -_t / 2, w, _t, p), t.clip(), t.drawImage(mt, -w / 2, -_t / 2, w, _t), t.restore()) : t.drawImage(mt, -w / 2, -_t / 2, w, _t);
+              this.maskCtx.fillStyle = Bt, this.maskCtx.globalAlpha = Rt, this.maskCtx.fillRect(0, 0, I, _t), t.drawImage(this.maskBuffer, -I / 2, -_t / 2, I, _t);
+            } else d !== 0 ? (t.save(), this.drawRoundRect(t, -I / 2, -_t / 2, I, _t, d), t.clip(), t.drawImage(mt, -I / 2, -_t / 2, I, _t), t.restore()) : t.drawImage(mt, -I / 2, -_t / 2, I, _t);
           }
         }
       } else if (l.type === "LineGraph")
         this.renderLineGraph(t, l, a, r);
       else if (s.type === "Shape") {
-        if (this.applyPath(t, l, a, r, p), t.save(), n.blur && n.blur.amount > 0 && (t.filter = `blur(${n.blur.amount}px)`), n.fill) {
+        if (this.applyPath(t, l, a, r, d), t.save(), n.blur && n.blur.amount > 0 && (t.filter = `blur(${n.blur.amount}px)`), n.fill) {
           const st = t.globalAlpha;
           if (((at = n.fill) == null ? void 0 : at.type) === "Image" && (n.fill.originalSrc || n.fill.src)) {
             const ct = n.fill.originalSrc || n.fill.src;
             let _ = this.imageCache.get(ct);
-            _ || (_ = new Image(), _.src = ct, this.imageCache.set(ct, _)), _.complete && _.naturalWidth > 0 && (t.save(), this.applyPath(t, l, a, r, p), t.clip(), this.renderFittedImage(t, _, -a / 2, -r / 2, a, r, n.fill.fillMode), t.restore());
+            _ || (_ = new Image(), _.src = ct, this.imageCache.set(ct, _)), _.complete && _.naturalWidth > 0 && (t.save(), this.applyPath(t, l, a, r, d), t.clip(), this.renderFittedImage(t, _, -a / 2, -r / 2, a, r, n.fill.fillMode), t.restore());
           } else {
             const ct = this.createCanvasFill(t, n.fill, a, r);
-            t.fillStyle = ct || (typeof n.fill == "string" ? n.fill : n.fill.color || "transparent"), t.globalAlpha = st * this.normalizeOpacity(n.fill.opacity ?? 100), this.applyPath(t, l, a, r, p), t.fill();
+            t.fillStyle = ct || (typeof n.fill == "string" ? n.fill : n.fill.color || "transparent"), t.globalAlpha = st * this.normalizeOpacity(n.fill.opacity ?? 100), this.applyPath(t, l, a, r, d), t.fill();
           }
           t.globalAlpha = st;
         }
-        t.restore(), n.stroke && n.stroke.width > 0 && this.applyStrokeAlignment(t, n, l, a, r, p);
+        t.restore(), n.stroke && n.stroke.width > 0 && this.applyStrokeAlignment(t, n, l, a, r, d);
       } else if (s.type === "Frame" || s.type === "Group" && !s.isStructuralGroup) {
-        const st = e.width ?? i.width ?? s.width ?? a, ct = e.height ?? i.height ?? s.height ?? r, _ = p;
+        const st = e.width ?? i.width ?? s.width ?? a, ct = e.height ?? i.height ?? s.height ?? r, _ = d;
         if (t.save(), t.beginPath(), this.drawRoundRect(t, -st / 2, -ct / 2, st, ct, _), n.fill && n.fill.type !== "None") {
           const C = t.globalAlpha, W = this.createCanvasFill(t, n.fill, st, ct);
           t.fillStyle = W || n.fill.color || "transparent", t.globalAlpha = C * this.normalizeOpacity(n.fill.opacity ?? 100), t.fill(), t.globalAlpha = C;
@@ -2707,8 +2746,8 @@ class fs {
           const C = { type: "Rectangle" };
           this.applyStrokeAlignment(t, n, C, st, ct, _);
         }
-      } else s.type === "Group" && s.isStructuralGroup || (s.type === "Component" && s.variant === "inputbox" ? this.renderInputBox(t, s) : s.type === "Component" && s.variant === "button" ? this.renderButton(t, s) : s.type === "Component" && s.variant === "toggle_button" ? this.renderToggleButton(t, s) : s.type === "Toggle" || s.type === "Component" && s.variant === "toggle" ? this.renderToggle(t, s) : s.type === "Slider" || s.type === "Component" && s.variant === "slider" ? this.renderSlider(t, s) : s.type === "Dropdown" || s.type === "Component" && s.variant === "dropdown" ? this.renderDropdown(t, s) : s.type === "ListView" || s.type === "Component" && s.variant === "listview" ? this.renderListView(t, s) : this.frameCount % 60 === 0 && console.warn("[Engine] Unhandled object type in renderObject:", s.type, "Geo:", (N = s.geometry) == null ? void 0 : N.type));
-      if (this.applyArtEffectOverlay(t, s, l, a, r, p), Vt && Vt.enabled && Vt.type === "glitch" && t.restore(), Lt && Lt.enabled && t.restore(), s.children && s.children.length > 0) {
+      } else s.type === "Group" && s.isStructuralGroup || (s.type === "Component" && s.variant === "inputbox" ? this.renderInputBox(t, s) : s.type === "Component" && s.variant === "button" ? this.renderButton(t, s) : s.type === "Component" && s.variant === "toggle_button" ? this.renderToggleButton(t, s) : s.type === "Toggle" || s.type === "Component" && s.variant === "toggle" ? this.renderToggle(t, s) : s.type === "Slider" || s.type === "Component" && s.variant === "slider" ? this.renderSlider(t, s) : s.type === "Dropdown" || s.type === "Component" && s.variant === "dropdown" ? this.renderDropdown(t, s) : s.type === "ListView" || s.type === "Component" && s.variant === "listview" ? this.renderListView(t, s) : this.frameCount % 60 === 0 && console.warn("[Engine] Unhandled object type in renderObject:", s.type, "Geo:", (V = s.geometry) == null ? void 0 : V.type));
+      if (this.applyArtEffectOverlay(t, s, l, a, r, d), Yt && Yt.enabled && Yt.type === "glitch" && t.restore(), Lt && Lt.enabled && t.restore(), s.children && s.children.length > 0) {
         const ct = s.type === "Frame", _ = s.clipsContent !== void 0 ? s.clipsContent : s.clipContent !== void 0 ? s.clipContent : ct;
         if (t.save(), _) {
           t.beginPath();
@@ -2740,19 +2779,19 @@ class fs {
           feather: s.maskFeather || 0,
           isVisible: !0
         }] : [])).filter((C) => C.isVisible !== !1 && o.has(C.maskId)).forEach((C) => {
-          var mt, w, _t, Bt, Rt, dt;
+          var mt, I, _t, Bt, Rt, dt;
           const W = o.get(C.maskId), j = this.objectStates.get(W.id), bt = C.feather || 0, Mt = C.inverted === !0, ht = C.opacity !== void 0 ? typeof C.opacity == "number" ? C.opacity : C.opacity / 100 : 1;
           if ((C.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, W.id, o), bt > 0 && (this.lumaCtx.filter = `blur(${bt}px)`), this.lumaCtx.globalAlpha = ht;
-            const T = (j == null ? void 0 : j.width) || W.geometry.width || 0, X = (j == null ? void 0 : j.height) || W.geometry.height || 0, ut = (j == null ? void 0 : j.corner_radius) ?? W.corner_radius ?? 0;
+            const T = (j == null ? void 0 : j.width) || W.geometry.width || 0, G = (j == null ? void 0 : j.height) || W.geometry.height || 0, ut = (j == null ? void 0 : j.corner_radius) ?? W.corner_radius ?? 0;
             if (((mt = W.geometry) == null ? void 0 : mt.type) === "Text") {
               const Ct = j != null && j.geometry ? this.deepMerge(W.geometry, j.geometry) : W.geometry, Pt = j != null && j.style ? this.deepMerge(W.style, j.style) : W.style;
-              this._renderText(this.lumaCtx, W, { ...Ct, width: T, height: X, corner_radius: ut }, Pt, j, T, X, !0);
-            } else if (((w = W.geometry) == null ? void 0 : w.type) === "Image") {
+              this._renderText(this.lumaCtx, W, { ...Ct, width: T, height: G, corner_radius: ut }, Pt, j, T, G, !0);
+            } else if (((I = W.geometry) == null ? void 0 : I.type) === "Image") {
               const Ct = W.geometry.src;
               if (Ct) {
                 let Pt = this.imageCache.get(Ct);
-                Pt || (Pt = new Image(), Pt.src = Ct, this.imageCache.set(Ct, Pt)), Pt.complete && Pt.naturalWidth > 0 ? this.lumaCtx.drawImage(Pt, -T / 2, -X / 2, T, X) : (this.applyPath(this.lumaCtx, W.geometry, T, X, ut), this.lumaCtx.fillStyle = "#ffffff", this.lumaCtx.fill());
+                Pt || (Pt = new Image(), Pt.src = Ct, this.imageCache.set(Ct, Pt)), Pt.complete && Pt.naturalWidth > 0 ? this.lumaCtx.drawImage(Pt, -T / 2, -G / 2, T, G) : (this.applyPath(this.lumaCtx, W.geometry, T, G, ut), this.lumaCtx.fillStyle = "#ffffff", this.lumaCtx.fill());
               }
             } else if (((_t = W.geometry) == null ? void 0 : _t.type) === "SVG") {
               const Ct = W.geometry.svgContent;
@@ -2766,29 +2805,29 @@ class fs {
                     this.artboard && this.reset();
                   }, this.imageCache.set(Pt, St);
                 }
-                St.complete && St.naturalWidth > 0 ? this.lumaCtx.drawImage(St, -T / 2, -X / 2, T, X) : (this.applyPath(this.lumaCtx, W.geometry, T, X, ut), this.lumaCtx.fillStyle = "#ffffff", this.lumaCtx.fill());
+                St.complete && St.naturalWidth > 0 ? this.lumaCtx.drawImage(St, -T / 2, -G / 2, T, G) : (this.applyPath(this.lumaCtx, W.geometry, T, G, ut), this.lumaCtx.fillStyle = "#ffffff", this.lumaCtx.fill());
               }
             } else
-              this.applyPath(this.lumaCtx, W.geometry, T, X, ut), this.lumaCtx.fillStyle = "#ffffff", this.lumaCtx.fill();
+              this.applyPath(this.lumaCtx, W.geometry, T, G, ut), this.lumaCtx.fillStyle = "#ffffff", this.lumaCtx.fill();
             this.lumaCtx.restore();
             const E = this.maskCtx.getImageData(0, 0, this.canvasWidth, this.canvasHeight), R = this.lumaCtx.getImageData(0, 0, this.canvasWidth, this.canvasHeight).data, et = E.data;
             for (let Ct = 0; Ct < et.length; Ct += 4) {
               const Pt = R[Ct], St = R[Ct + 1], Ot = R[Ct + 2];
-              let It = (0.299 * Pt + 0.587 * St + 0.114 * Ot) / 255;
-              Mt && (It = 1 - It), et[Ct + 3] *= It;
+              let wt = (0.299 * Pt + 0.587 * St + 0.114 * Ot) / 255;
+              Mt && (wt = 1 - wt), et[Ct + 3] *= wt;
             }
             this.maskCtx.putImageData(E, 0, 0);
           } else {
             this.maskCtx.save(), this.rootTransform && this.maskCtx.setTransform(this.rootTransform), this.maskCtx.globalCompositeOperation = Mt ? "destination-out" : "destination-in", bt > 0 && (this.maskCtx.filter = `blur(${bt}px)`), this.maskCtx.globalAlpha = ht, this.applyAbsoluteTransform(this.maskCtx, W.id, o);
-            const T = (j == null ? void 0 : j.width) || W.geometry.width || 0, X = (j == null ? void 0 : j.height) || W.geometry.height || 0, ut = (j == null ? void 0 : j.corner_radius) ?? W.corner_radius ?? 0;
+            const T = (j == null ? void 0 : j.width) || W.geometry.width || 0, G = (j == null ? void 0 : j.height) || W.geometry.height || 0, ut = (j == null ? void 0 : j.corner_radius) ?? W.corner_radius ?? 0;
             if (((Bt = W.geometry) == null ? void 0 : Bt.type) === "Text") {
               const E = j != null && j.geometry ? this.deepMerge(W.geometry, j.geometry) : W.geometry, R = j != null && j.style ? this.deepMerge(W.style, j.style) : W.style;
-              this._renderText(this.maskCtx, W, { ...E, width: T, height: X, corner_radius: ut }, R, j, T, X, !0);
+              this._renderText(this.maskCtx, W, { ...E, width: T, height: G, corner_radius: ut }, R, j, T, G, !0);
             } else if (((Rt = W.geometry) == null ? void 0 : Rt.type) === "Image") {
               const E = W.geometry.src;
               if (E) {
                 let R = this.imageCache.get(E);
-                R || (R = new Image(), R.src = E, this.imageCache.set(E, R)), R.complete && R.naturalWidth > 0 ? this.maskCtx.drawImage(R, -T / 2, -X / 2, T, X) : (this.applyPath(this.maskCtx, W.geometry, T, X, ut), this.maskCtx.fillStyle = "#ffffff", this.maskCtx.fill());
+                R || (R = new Image(), R.src = E, this.imageCache.set(E, R)), R.complete && R.naturalWidth > 0 ? this.maskCtx.drawImage(R, -T / 2, -G / 2, T, G) : (this.applyPath(this.maskCtx, W.geometry, T, G, ut), this.maskCtx.fillStyle = "#ffffff", this.maskCtx.fill());
               }
             } else if (((dt = W.geometry) == null ? void 0 : dt.type) === "SVG") {
               const E = W.geometry.svgContent;
@@ -2802,10 +2841,10 @@ class fs {
                     this.artboard && this.reset();
                   }, this.imageCache.set(R, et);
                 }
-                et.complete && et.naturalWidth > 0 ? this.maskCtx.drawImage(et, -T / 2, -X / 2, T, X) : (this.applyPath(this.maskCtx, W.geometry, T, X, ut), this.maskCtx.fillStyle = "#ffffff", this.maskCtx.fill());
+                et.complete && et.naturalWidth > 0 ? this.maskCtx.drawImage(et, -T / 2, -G / 2, T, G) : (this.applyPath(this.maskCtx, W.geometry, T, G, ut), this.maskCtx.fillStyle = "#ffffff", this.maskCtx.fill());
               }
             } else
-              this.applyPath(this.maskCtx, W.geometry, T, X, ut), this.maskCtx.fillStyle = "#ffffff", this.maskCtx.fill();
+              this.applyPath(this.maskCtx, W.geometry, T, G, ut), this.maskCtx.fillStyle = "#ffffff", this.maskCtx.fill();
             this.maskCtx.restore();
           }
         }), yt.save(), yt.setTransform(1, 0, 0, 1, 0, 0);
@@ -2816,40 +2855,40 @@ class fs {
     }
   }
   _renderText(t, s, o, e, i, n, a, r = !1, c = !1) {
-    var V, H, it, nt, ft;
-    let p = o.text || "";
+    var Y, H, it, nt, ft;
+    let d = o.text || "";
     if (o.textInputId && !r) {
       const M = this.inputs.get(o.textInputId);
-      M !== void 0 && (p = String(M), i.geometry && i.geometry.type === "Text" && (i.geometry.text = p));
+      M !== void 0 && (d = String(M), i.geometry && i.geometry.type === "Text" && (i.geometry.text = d));
     }
     if (o.svgPath) {
       const M = o.svgPath;
       t.save();
-      const Q = ((V = e == null ? void 0 : e.fill) == null ? void 0 : V.color) || "#000000", Y = ((H = e == null ? void 0 : e.fill) == null ? void 0 : H.opacity) !== void 0 ? (it = e == null ? void 0 : e.fill) == null ? void 0 : it.opacity : 1;
-      t.fillStyle = Q, t.globalAlpha *= Y;
+      const Q = ((Y = e == null ? void 0 : e.fill) == null ? void 0 : Y.color) || "#000000", N = ((H = e == null ? void 0 : e.fill) == null ? void 0 : H.opacity) !== void 0 ? (it = e == null ? void 0 : e.fill) == null ? void 0 : it.opacity : 1;
+      t.fillStyle = Q, t.globalAlpha *= N;
       const L = new Path2D(M);
       t.fill(L), t.restore();
       return;
     }
-    let l = p || "";
+    let l = d || "";
     o.enableSegments === !0 && o.segments && Array.isArray(o.segments) && (l = o.segments.map((M) => M && M.text ? M.text : "").join(""));
     const f = o.textCase || "none";
     f === "uppercase" ? l = l.toUpperCase() : f === "lowercase" ? l = l.toLowerCase() : f === "capitalize" && (l = l.replace(/\b\w/g, (M) => M.toUpperCase()));
-    let g = ((nt = o.fontWeight) == null ? void 0 : nt.toString()) || "400", d = o.fontStyle || "normal";
-    g.toLowerCase().includes("italic") && (d = "italic", g = g.replace(/italic/gi, "").trim() || "400");
-    const u = this.mapFontWeight(g), m = Math.max(1, o.fontSize || 32);
+    let g = ((nt = o.fontWeight) == null ? void 0 : nt.toString()) || "400", u = o.fontStyle || "normal";
+    g.toLowerCase().includes("italic") && (u = "italic", g = g.replace(/italic/gi, "").trim() || "400");
+    const p = this.mapFontWeight(g), m = Math.max(1, o.fontSize || 32);
     let y = o.fontFamily || "Inter";
     const S = ["Bold", "SemiBold", "Medium", "Regular", "Light", "Thin", "ExtraBold", "Black", "Italic"];
     S.forEach((M) => {
       const Q = new RegExp(`[\\s-]${M}$`, "i");
       Q.test(y) && (y = y.replace(Q, "").trim());
     });
-    const b = `${d} ${u} ${m}px "${y}", sans-serif`;
+    const b = `${u} ${p} ${m}px "${y}", sans-serif`;
     t.font = b;
     const v = o.textVerticalAlign || "top";
     t.textBaseline = "top";
-    const I = o.textAlign || "left";
-    t.textAlign = I;
+    const w = o.textAlign || "left";
+    t.textAlign = w;
     let k = 0;
     if (typeof o.letterSpacing == "number")
       k = o.letterSpacing;
@@ -2865,8 +2904,8 @@ class fs {
       text: l,
       fontFamily: y,
       fontSize: m,
-      fontWeight: u,
-      fontStyle: d,
+      fontWeight: p,
+      fontStyle: u,
       lineHeight: x,
       width: F,
       letterSpacing: k,
@@ -2874,21 +2913,21 @@ class fs {
       segments: o.segments,
       enableSegments: o.enableSegments,
       textCase: f
-    }), tt = K.lines || [], rt = K.maxFontSize || m, at = this.fontLeadingFactors[y] ?? 0.5, N = (B - m) * at;
+    }), tt = K.lines || [], rt = K.maxFontSize || m, at = this.fontLeadingFactors[y] ?? 0.5, V = (B - m) * at;
     let O = K.height, $ = -O / 2;
-    a > 0 && a > O && (v === "top" ? $ = -a / 2 : v === "middle" || v === "center" ? $ = -O / 2 : v === "bottom" && ($ = a / 2 - O)), $ += N;
+    a > 0 && a > O && (v === "top" ? $ = -a / 2 : v === "middle" || v === "center" ? $ = -O / 2 : v === "bottom" && ($ = a / 2 - O)), $ += V;
     let P = null, J = 0;
     if (o.pathId && this.artboard) {
       const M = this.artboard.objects.find((Q) => Q.id === o.pathId);
       if (M && M.type === "Shape" && ((ft = M.geometry) == null ? void 0 : ft.type) === "Path") {
-        const Q = this.objectStates.get(M.id), Y = Q != null && Q.geometry ? this.deepMerge(M.geometry, Q.geometry) : M.geometry, L = (Q == null ? void 0 : Q.scale_x) !== void 0 ? (M.width || 0) * Q.scale_x : M.width || 0, z = (Q == null ? void 0 : Q.scale_y) !== void 0 ? (M.height || 0) * Q.scale_y : M.height || 0;
-        P = { geo: Y, obj: M, w: L, h: z }, J = this.getPerimeter(Y, L, z);
+        const Q = this.objectStates.get(M.id), N = Q != null && Q.geometry ? this.deepMerge(M.geometry, Q.geometry) : M.geometry, L = (Q == null ? void 0 : Q.scale_x) !== void 0 ? (M.width || 0) * Q.scale_x : M.width || 0, z = (Q == null ? void 0 : Q.scale_y) !== void 0 ? (M.height || 0) * Q.scale_y : M.height || 0;
+        P = { geo: N, obj: M, w: L, h: z }, J = this.getPerimeter(N, L, z);
       }
     }
     const Z = (M, Q) => {
       var L, z;
       if (k === 0 && (!o.enableSegments || !((L = o.segments) != null && L.length))) return t.measureText(M).width;
-      let Y = 0;
+      let N = 0;
       for (let pt = 0; pt < M.length; pt++) {
         const vt = Q + pt;
         let yt = 0;
@@ -2904,31 +2943,31 @@ class fs {
           if (kt) {
             t.save();
             let Tt = kt.fontFamily || o.fontFamily || "Inter";
-            const Ft = this.mapFontWeight((kt.fontWeight || o.fontWeight || "400").toString()), Dt = kt.fontStyle || d, $t = kt.fontSize || m;
+            const Ft = this.mapFontWeight((kt.fontWeight || o.fontWeight || "400").toString()), Dt = kt.fontStyle || u, $t = kt.fontSize || m;
             t.font = `${Dt} ${Ft} ${$t}px "${Tt}", sans-serif`, yt = t.measureText(M[pt]).width, t.restore();
           } else
             yt = t.measureText(M[pt]).width;
         } else
           yt = t.measureText(M[pt]).width;
-        Y += yt + k;
+        N += yt + k;
       }
-      return Y - (M.length > 0 ? k : 0);
-    }, lt = (M, Q, Y, L, z) => {
+      return N - (M.length > 0 ? k : 0);
+    }, lt = (M, Q, N, L, z) => {
       var kt, Tt;
       const vt = (z === 0 || l[z - 1] === `
 ` || l[z - 1] === "\r") && o.paragraphIndent ? o.paragraphIndent : 0, yt = (!r || c) && (s.behaviors || []).some(
         (Ft) => Ft.enabled && (Ft.type.toString().includes("Text") || ["Typewriter", "Scramble", "Wave", "Bounce", "GlitchText", "Reveal3D", "RevealSlide", "RevealBlur"].includes(Ft.type))
       );
       if (!o.pathId && !yt && (o.enableSegments !== !0 || !o.segments || o.segments.length === 0))
-        t.font = b, L ? t.strokeText(M, Q + vt, Y) : t.fillText(M, Q + vt, Y);
+        t.font = b, L ? t.strokeText(M, Q + vt, N) : t.fillText(M, Q + vt, N);
       else {
         const Ft = Z(M, z);
         let Dt = Q + vt;
-        I === "center" ? Dt -= Ft / 2 : I === "right" && (Dt -= Ft);
+        w === "center" ? Dt -= Ft / 2 : w === "right" && (Dt -= Ft);
         let $t = o.pathOffset || 0;
-        o.pathId && J > 0 && P && (I === "center" ? $t += J / 2 - Ft / 2 : I === "right" && ($t += J - Ft));
+        o.pathId && J > 0 && P && (w === "center" ? $t += J / 2 - Ft / 2 : w === "right" && ($t += J - Ft));
         let Lt = Dt;
-        const Vt = r && !c ? [] : ((kt = s.behaviors) == null ? void 0 : kt.filter(
+        const Yt = r && !c ? [] : ((kt = s.behaviors) == null ? void 0 : kt.filter(
           (st) => [
             D.Typewriter,
             D.Scramble,
@@ -2965,47 +3004,47 @@ class fs {
           let ct = M[st];
           const _ = z + st;
           let C = 0, W = 0, j = 1, bt = 1, Mt = 0, ht = 1, Et = ct;
-          Vt.forEach((dt) => {
-            const T = dt.settings || {}, X = T.strength || 1, ut = Date.now();
+          Yt.forEach((dt) => {
+            const T = dt.settings || {}, G = T.strength || 1, ut = Date.now();
             if (dt.type === D.Typewriter)
               this.currentTime * (T.speed || 1) - _ * (T.stagger || 0.05) < 0 && (ht = 0);
             else if (dt.type === D.Scramble)
               Math.max(0, Math.min(1, this.currentTime / (T.duration || 1.5)) - _ * 0.02) < 1 && Math.random() < 0.3 && (Et = "$%#@!*&"[Math.floor(Math.random() * 7)]);
             else if (dt.type === D.Wave)
-              W += Math.sin(this.currentTime * 5 * (T.speed || 1) + _ * (T.frequency || 1)) * (T.amplitude || 20) * X;
+              W += Math.sin(this.currentTime * 5 * (T.speed || 1) + _ * (T.frequency || 1)) * (T.amplitude || 20) * G;
             else if (dt.type === D.Bounce) {
               const E = Math.max(0, this.currentTime % 2 - _ * (T.stagger || 0.1));
-              E < 1 && (W -= Math.abs(Math.sin(E * Math.PI)) * (T.height || 50) * X);
+              E < 1 && (W -= Math.abs(Math.sin(E * Math.PI)) * (T.height || 50) * G);
             } else if (dt.type === D.TextTrail) {
               const E = this.pointerHistory[Math.max(0, this.pointerHistory.length - 1 - _ * (T.delay || 5))];
-              E && (C += (E.x - (i.x + Lt)) * X * 0.2, W += (E.y - (i.y + Y + W)) * X * 0.2);
+              E && (C += (E.x - (i.x + Lt)) * G * 0.2, W += (E.y - (i.y + N + W)) * G * 0.2);
             } else if (dt.type === D.Reveal3D) {
               const E = Math.max(0, Math.min(1, this.currentTime * (T.speed || 1) - _ * (T.stagger || 0.1)));
               j *= E, bt *= E, ht = E;
             } else if (dt.type === D.RevealSlide) {
-              const E = Math.max(0, Math.min(1, this.currentTime * 1.5 - _ * 0.05)), R = (1 - E) * (T.distance || 40) * X, et = T.direction || "up";
+              const E = Math.max(0, Math.min(1, this.currentTime * 1.5 - _ * 0.05)), R = (1 - E) * (T.distance || 40) * G, et = T.direction || "up";
               et === "up" ? W -= R : et === "down" ? W += R : et === "left" ? C -= R : et === "right" && (C += R), ht = E;
             } else if (dt.type === D.RevealBlur) {
               const E = Math.max(0, Math.min(1, this.currentTime * 1.2 - _ * 0.1));
               ht = E, C += (1 - E) * 5;
             } else if (dt.type === D.TextLiquid) {
               const E = Math.max(0, Math.sin(ut * 1e-3 * (T.speed || 1) + _ * 0.5));
-              W += E * (T.amplitude || 10) * X, bt *= 1 + E * 0.2;
+              W += E * (T.amplitude || 10) * G, bt *= 1 + E * 0.2;
             } else if (dt.type === D.TextVortex) {
               const E = ut * 2e-3 * (T.speed || 1) + _ * 0.2, R = (1 - (Math.sin(ut * 1e-3) * 0.5 + 0.5)) * (T.radius || 50);
-              C += Math.cos(E) * R * X, W += Math.sin(E) * R * X;
+              C += Math.cos(E) * R * G, W += Math.sin(E) * R * G;
             } else if (dt.type === D.TextExplosion) {
               const E = T.force || 1, R = this.currentTime % 2;
               if (R < 1) {
                 const et = (_ / M.length - 0.5) * Math.PI * 2, Ct = R * 100 * E;
-                C += Math.cos(et) * Ct * X, W += Math.sin(et) * Ct * X, ht = 1 - R;
+                C += Math.cos(et) * Ct * G, W += Math.sin(et) * Ct * G, ht = 1 - R;
               }
             } else if (dt.type === D.TextRain) {
               const E = T.speed || 1, R = T.height || 100, et = (ut * 1e-3 * E + _ * 0.1) % 1;
-              W -= (1 - et) * R * X, ht = et > 0.1 ? 1 : et * 10;
+              W -= (1 - et) * R * G, ht = et > 0.1 ? 1 : et * 10;
             } else if (dt.type === D.TextGravity) {
               const E = T.gravity || 9.8, R = this.currentTime % 3 / 3, et = 0.5 * E * Math.pow(R * 10, 2);
-              et < 100 ? W += et * X : W += 100 * X;
+              et < 100 ? W += et * G : W += 100 * G;
             } else if (dt.type === D.TextMatrix) {
               const E = T.speed || 1;
               if (Math.random() < 0.1 * E) {
@@ -3020,9 +3059,9 @@ class fs {
               Math.sin(_ * 1.5 + ut * 2e-3 * (T.speed || 1)) > 0.5 && (ht = 0);
             else if (dt.type === D.TextOrganic) {
               const E = T.speed || 1, R = T.amplitude || 10;
-              C += Math.sin(ut * 2e-3 * E + _) * R * X, W += Math.cos(ut * 15e-4 * E + _ * 0.7) * R * X;
+              C += Math.sin(ut * 2e-3 * E + _) * R * G, W += Math.cos(ut * 15e-4 * E + _ * 0.7) * R * G;
             } else if (dt.type === D.TextBreathe) {
-              const R = 1 + (Math.sin(ut * 3e-3 + _ * 0.2) + 1) / 2 * 0.2 * X;
+              const R = 1 + (Math.sin(ut * 3e-3 + _ * 0.2) + 1) / 2 * 0.2 * G;
               j *= R, bt *= R;
             } else if (dt.type === D.TextSpin) {
               const E = T.speed || 1;
@@ -3030,12 +3069,12 @@ class fs {
             } else if (dt.type === D.TextMagnet) {
               const E = this.pointerHistory[this.pointerHistory.length - 1];
               if (E) {
-                const R = E.x - (i.x + Lt), et = E.y - (i.y + Y);
+                const R = E.x - (i.x + Lt), et = E.y - (i.y + N);
                 Mt = Math.atan2(et, R);
               }
             } else if (dt.type === D.TextPerspective) {
-              const E = M.length / 2, R = (_ - E) / E, et = 1 - Math.abs(R) * 0.3 * X;
-              j *= et, bt *= et, C += R * 20 * X;
+              const E = M.length / 2, R = (_ - E) / E, et = 1 - Math.abs(R) * 0.3 * G;
+              j *= et, bt *= et, C += R * 20 * G;
             } else if (dt.type === D.TextMirror)
               ht *= 0.8;
             else if (dt.type === D.TextFloral) {
@@ -3043,16 +3082,16 @@ class fs {
               et < 1 && (j *= et, bt *= et, Mt += et * Math.PI);
             } else if (dt.type === D.TextSmoke) {
               const E = T.speed || 1, R = T.height || 50, et = (ut * 5e-4 * E + _ * 0.2) % 1;
-              W -= et * R * X, C += Math.sin(ut * 2e-3 + _) * 5 * X, ht = 1 - et;
+              W -= et * R * G, C += Math.sin(ut * 2e-3 + _) * 5 * G, ht = 1 - et;
             } else if (dt.type === D.TextVariable) {
               const E = T.speed || 1, R = T.intensity || 1.5, et = (Math.sin(ut * 4e-3 * E + _ * 0.3) + 1) / 2;
-              j *= 1 + et * (R - 1) * X;
+              j *= 1 + et * (R - 1) * G;
             } else if (dt.type === D.TextZing) {
               const E = T.speed || 2, R = T.distance || 100, et = (ut * 2e-3 * E + _ * 0.05) % 1;
-              C += (1 - et) * R * X, ht = et;
+              C += (1 - et) * R * G, ht = et;
             } else if (dt.type === D.TextElastic) {
               const E = T.stiffness || 0.2, R = T.damping || 0.1, et = Math.sin(ut * 0.01) * Math.exp(-ut * 1e-3 * R);
-              bt *= 1 + et * E * X;
+              bt *= 1 + et * E * G;
             } else if (dt.type === D.TextGlitch3D) {
               const E = T.intensity || 5;
               Math.random() < 0.2 && (C += (Math.random() - 0.5) * E, W += (Math.random() - 0.5) * E, ht = 0.8);
@@ -3061,24 +3100,24 @@ class fs {
               Math.random() < 0.1 && (C += (Math.random() - 0.5) * E, W += (Math.random() - 0.5) * E, Math.random() < 0.05 && (ht = 0.5));
             }
           });
-          let mt = null, w = o.textDecoration || "none", _t = m;
+          let mt = null, I = o.textDecoration || "none", _t = m;
           if (o.enableSegments === !0 && ((Tt = o.segments) == null ? void 0 : Tt.length) > 0) {
             let dt = 0, T = null;
-            for (const X of o.segments) {
-              if (_ < dt + (X.text || "").length) {
-                T = X;
+            for (const G of o.segments) {
+              if (_ < dt + (G.text || "").length) {
+                T = G;
                 break;
               }
-              dt += (X.text || "").length;
+              dt += (G.text || "").length;
             }
             if (T) {
-              let X = T.fontFamily || o.fontFamily || "Inter";
+              let G = T.fontFamily || o.fontFamily || "Inter";
               S.forEach((R) => {
                 const et = new RegExp(`[\\s-]${R}$`, "i");
-                et.test(X) && (X = X.replace(et, "").trim());
+                et.test(G) && (G = G.replace(et, "").trim());
               });
-              const ut = this.mapFontWeight((T.fontWeight || o.fontWeight || "400").toString()), E = T.fontStyle || d;
-              _t = T.fontSize || m, t.font = `${E} ${ut} ${_t}px "${X}", sans-serif`, T.fill && (mt = T.fill), T.textDecoration && (w = T.textDecoration), _t < rt && (W += (rt - _t) * 0.85);
+              const ut = this.mapFontWeight((T.fontWeight || o.fontWeight || "400").toString()), E = T.fontStyle || u;
+              _t = T.fontSize || m, t.font = `${E} ${ut} ${_t}px "${G}", sans-serif`, T.fill && (mt = T.fill), T.textDecoration && (I = T.textDecoration), _t < rt && (W += (rt - _t) * 0.85);
             }
           } else
             t.font = b;
@@ -3086,10 +3125,10 @@ class fs {
           t.globalAlpha *= ht, t.save();
           const Rt = t.measureText(Et).width;
           if (P && J > 0) {
-            const dt = Lt - Dt + Rt / 2, X = ($t + dt) / J, ut = this.getPointOnPath(P.geo, P.w, P.h, Math.abs(X % 1)), E = ut.angle, R = Y + W + (o.pathOffsetY || 0), et = o.pathSide === "right" ? -1 : 1, Ct = Math.cos(E + Math.PI / 2) * R * et, Pt = Math.sin(E + Math.PI / 2) * R * et;
+            const dt = Lt - Dt + Rt / 2, G = ($t + dt) / J, ut = this.getPointOnPath(P.geo, P.w, P.h, Math.abs(G % 1)), E = ut.angle, R = N + W + (o.pathOffsetY || 0), et = o.pathSide === "right" ? -1 : 1, Ct = Math.cos(E + Math.PI / 2) * R * et, Pt = Math.sin(E + Math.PI / 2) * R * et;
             t.translate(ut.x + Ct + C, ut.y + Pt), t.rotate(E + Mt + (et === -1 ? Math.PI : 0));
           } else
-            t.translate(Lt + C + Rt / 2, Y + W), Mt !== 0 && t.rotate(Mt);
+            t.translate(Lt + C + Rt / 2, N + W), Mt !== 0 && t.rotate(Mt);
           if (t.scale(j, bt), mt && !r && !c) {
             const dt = this.createCanvasFill(t, mt, n, a);
             t.fillStyle = dt || mt.color || "#000000";
@@ -3102,24 +3141,24 @@ class fs {
               const dt = c ? "#000000" : this.createCanvasFill(t, e.fill, n, a);
               t.fillStyle = dt || e.fill.color || "#ffffff", t.fillText(Et, -Rt / 2, 0);
             } else L ? t.strokeText(Et, -Rt / 2, 0) : t.fillText(Et, -Rt / 2, 0);
-          w !== "none" && !r && this.drawTextDecoration(t, w, 0, 0, Rt, _t), t.restore(), t.globalAlpha = Bt, Lt += Rt + k;
+          I !== "none" && !r && this.drawTextDecoration(t, I, 0, 0, Rt, _t), t.restore(), t.globalAlpha = Bt, Lt += Rt + k;
         }
       }
     };
     if (r) {
       let M = 0, Q = $;
-      (tt || []).forEach((Y) => {
-        const L = Y.text || "", z = l.indexOf(L, M);
+      (tt || []).forEach((N) => {
+        const L = N.text || "", z = l.indexOf(L, M);
         z !== -1 && (M = z);
         let pt = -n / 2;
-        I === "center" ? pt = 0 : I === "right" && (pt = n / 2), lt(L, pt, Q, !1, M), M += L.length, Q += B;
+        w === "center" ? pt = 0 : w === "right" && (pt = n / 2), lt(L, pt, Q, !1, M), M += L.length, Q += B;
       });
     } else if (c) {
       let M = 0, Q = $;
-      (tt || []).forEach((Y) => {
-        const L = Y.text || "";
+      (tt || []).forEach((N) => {
+        const L = N.text || "";
         let z = -n / 2;
-        I === "center" ? z = 0 : I === "right" && (z = n / 2), lt(L, z, Q, !1, M), M += L.length, M < l.length && (l[M] === `
+        w === "center" ? z = 0 : w === "right" && (z = n / 2), lt(L, z, Q, !1, M), M += L.length, M < l.length && (l[M] === `
 ` || l[M] === "\r") && (M++, l[M - 1] === "\r" && l[M] === `
 ` && M++), Q += B;
       });
@@ -3127,7 +3166,7 @@ class fs {
       if (e.fill) {
         const M = t.globalAlpha, Q = this.createCanvasFill(t, e.fill, n, a);
         t.fillStyle = Q || e.fill.color || "#000000", t.globalAlpha = M * this.normalizeOpacity(e.fill.opacity ?? 100);
-        const Y = K.fullText || (o.enableSegments ? (o.segments || []).map((pt) => {
+        const N = K.fullText || (o.enableSegments ? (o.segments || []).map((pt) => {
           let vt = pt.text || "";
           const yt = pt.textCase || o.textCase || "none";
           return yt === "uppercase" ? vt.toUpperCase() : yt === "lowercase" ? vt.toLowerCase() : yt === "capitalize" ? vt.replace(/\b\w/g, (xt) => xt.toUpperCase()) : vt;
@@ -3136,20 +3175,20 @@ class fs {
         (tt || []).forEach((pt) => {
           const vt = pt.text || "";
           let yt = -n / 2;
-          I === "center" ? yt = 0 : I === "right" && (yt = n / 2), lt(vt, yt, z, !1, L), L += vt.length, z += B, L < Y.length && (Y[L] === `
-` || Y[L] === "\r") && (A > 0 && (z += A), L++, Y[L - 1] === "\r" && Y[L] === `
+          w === "center" ? yt = 0 : w === "right" && (yt = n / 2), lt(vt, yt, z, !1, L), L += vt.length, z += B, L < N.length && (N[L] === `
+` || N[L] === "\r") && (A > 0 && (z += A), L++, N[L - 1] === "\r" && N[L] === `
 ` && L++);
         }), t.globalAlpha = M;
       }
       if (e.stroke && e.stroke.width > 0) {
         const M = t.globalAlpha;
         e.fill && e.fill.type !== "None" && e.fill.isEnabled !== !1 && e.fill.opacity !== 0 && e.fill.color !== "transparent" && e.fill.color !== "rgba(0,0,0,0)" && (t.shadowColor = "transparent", t.shadowBlur = 0, t.shadowOffsetX = 0, t.shadowOffsetY = 0), t.strokeStyle = e.stroke.color, t.lineWidth = e.stroke.width, t.globalAlpha = M * this.normalizeOpacity(e.stroke.opacity ?? 100);
-        let Y = 0, L = $;
+        let N = 0, L = $;
         (tt || []).forEach((z) => {
           let pt = -n / 2;
-          I === "center" ? pt = 0 : I === "right" && (pt = n / 2), lt(z.text, pt, L, !0, Y), Y += (z.text || "").length, L += B, Y < l.length && (l[Y] === `
-` || l[Y] === "\r") && (A > 0 && (L += A), Y++, l[Y - 1] === "\r" && l[Y] === `
-` && Y++);
+          w === "center" ? pt = 0 : w === "right" && (pt = n / 2), lt(z.text, pt, L, !0, N), N += (z.text || "").length, L += B, N < l.length && (l[N] === `
+` || l[N] === "\r") && (A > 0 && (L += A), N++, l[N - 1] === "\r" && l[N] === `
+` && N++);
         }), t.globalAlpha = M;
       }
     }
@@ -3164,22 +3203,22 @@ class fs {
       t.strokeStyle = a.color || "#000000";
     const l = t.globalAlpha;
     t.globalAlpha = l * this.normalizeOpacity(a.opacity ?? 100), t.lineWidth = r, t.lineCap = a.lineCap || "round", t.lineJoin = a.lineJoin || "round", a.miterLimit !== void 0 && (t.miterLimit = a.miterLimit);
-    const f = a.trimStart ?? 0, g = a.trimEnd ?? 1, d = a.trimOffset ?? 0, u = a.dashOffset ?? 0, m = a.dashArray || [];
-    if (f !== 0 || g !== 1 || d !== 0) {
+    const f = a.trimStart ?? 0, g = a.trimEnd ?? 1, u = a.trimOffset ?? 0, p = a.dashOffset ?? 0, m = a.dashArray || [];
+    if (f !== 0 || g !== 1 || u !== 0) {
       const y = this.getPerimeter(o, e, i);
       if (y > 0) {
         const S = Math.max(0, Math.min(1, f)), b = Math.max(0, Math.min(1, g));
         if (S < b) {
-          const v = y * (b - S), I = y - v, k = -(y * (S + d % 1));
-          t.setLineDash([v, I]), t.lineDashOffset = k + u * y;
+          const v = y * (b - S), w = y - v, k = -(y * (S + u % 1));
+          t.setLineDash([v, w]), t.lineDashOffset = k + p * y;
         } else if (S === b)
           t.setLineDash([0, y]);
         else {
-          const v = y * (1 - S + b), I = y - v, k = -(y * S);
-          t.setLineDash([v, I]), t.lineDashOffset = k + u * y;
+          const v = y * (1 - S + b), w = y - v, k = -(y * S);
+          t.setLineDash([v, w]), t.lineDashOffset = k + p * y;
         }
       }
-    } else m.length > 0 && (t.setLineDash(m), t.lineDashOffset = u);
+    } else m.length > 0 && (t.setLineDash(m), t.lineDashOffset = p);
     (o == null ? void 0 : o.type) === "Line" || e === 0 || i === 0 ? (this.applyPath(t, o, e, i, n), t.stroke()) : c === "inside" ? (t.lineWidth = r * 2, t.save(), this.applyPath(t, o, e, i, n), t.clip(), t.stroke(), t.restore()) : c === "outside" ? (t.lineWidth = r * 2, this.applyPath(t, o, e, i, n), t.stroke(), t.save(), t.globalCompositeOperation = "destination-out", this.applyPath(t, o, e, i, n), t.fill(), t.restore()) : (t.lineWidth = r, this.applyPath(t, o, e, i, n), t.stroke()), t.restore();
   }
   getPerimeter(t, s, o) {
@@ -3191,8 +3230,8 @@ class fs {
         if (n >= 360 && a <= 0) return r;
         let c = n / 360 * r;
         if (a > 0) {
-          const p = Math.PI * (3 * (e * a + i * a) - Math.sqrt((3 * e * a + i * a) * (e * a + 3 * i * a)));
-          c += n / 360 * p, n < 360 && (c += 2 * Math.sqrt((e - e * a) ** 2 + (i - i * a) ** 2));
+          const d = Math.PI * (3 * (e * a + i * a) - Math.sqrt((3 * e * a + i * a) * (e * a + 3 * i * a)));
+          c += n / 360 * d, n < 360 && (c += 2 * Math.sqrt((e - e * a) ** 2 + (i - i * a) ** 2));
         } else n < 360 && (c += 2 * Math.max(e, i));
         return isNaN(c) ? 0 : c;
       }
@@ -3218,28 +3257,28 @@ class fs {
             n = c.x, a = c.y;
             continue;
           }
-          const p = n, l = a, f = e[r - 1].out_x, g = e[r - 1].out_y;
+          const d = n, l = a, f = e[r - 1].out_x, g = e[r - 1].out_y;
           if (f !== void 0 || c.in_x !== void 0 ? i += this.getBezierLength(
-            p,
+            d,
             l,
-            f ?? p,
+            f ?? d,
             g ?? l,
             c.in_x ?? c.x,
             c.in_y ?? c.y,
             c.x,
             c.y
-          ) : i += Math.sqrt((c.x - p) ** 2 + (c.y - l) ** 2), n = c.x, a = c.y, c.closePath || r === e.length - 1 && (t.is_closed || t.isClosed)) {
-            const d = n, u = a, m = [...e.slice(0, r + 1)].reverse().find((A) => A.moveTo) || e[0], y = m.x, S = m.y, b = e[r].out_x, v = e[r].out_y, I = m.in_x, k = m.in_y;
-            b !== void 0 || I !== void 0 ? i += this.getBezierLength(
-              d,
+          ) : i += Math.sqrt((c.x - d) ** 2 + (c.y - l) ** 2), n = c.x, a = c.y, c.closePath || r === e.length - 1 && (t.is_closed || t.isClosed)) {
+            const u = n, p = a, m = [...e.slice(0, r + 1)].reverse().find((A) => A.moveTo) || e[0], y = m.x, S = m.y, b = e[r].out_x, v = e[r].out_y, w = m.in_x, k = m.in_y;
+            b !== void 0 || w !== void 0 ? i += this.getBezierLength(
               u,
-              b ?? d,
-              v ?? u,
-              I ?? y,
+              p,
+              b ?? u,
+              v ?? p,
+              w ?? y,
               k ?? S,
               y,
               S
-            ) : i += Math.sqrt((y - d) ** 2 + (S - u) ** 2);
+            ) : i += Math.sqrt((y - u) ** 2 + (S - p) ** 2);
           }
         }
         return i;
@@ -3249,23 +3288,23 @@ class fs {
     }
   }
   getBezierLength(t, s, o, e, i, n, a, r, c = 10) {
-    let p = 0, l = t, f = s;
+    let d = 0, l = t, f = s;
     for (let g = 1; g <= c; g++) {
-      const d = g / c, u = 1 - d, m = d * d, y = u * u, S = y * u, b = m * d, v = S * t + 3 * y * d * o + 3 * u * m * i + b * a, I = S * s + 3 * y * d * e + 3 * u * m * n + b * r, k = v - l, A = I - f;
-      p += Math.sqrt(k * k + A * A), l = v, f = I;
+      const u = g / c, p = 1 - u, m = u * u, y = p * p, S = y * p, b = m * u, v = S * t + 3 * y * u * o + 3 * p * m * i + b * a, w = S * s + 3 * y * u * e + 3 * p * m * n + b * r, k = v - l, A = w - f;
+      d += Math.sqrt(k * k + A * A), l = v, f = w;
     }
-    return p;
+    return d;
   }
-  getBezierTAtLength(t, s, o, e, i, n, a, r, c, p = 20) {
+  getBezierTAtLength(t, s, o, e, i, n, a, r, c, d = 20) {
     if (t <= 0) return 0;
     let l = 0, f = s, g = o;
-    for (let d = 1; d <= p; d++) {
-      const u = d / p, m = 1 - u, y = u * u, S = m * m, b = S * m, v = y * u, I = b * s + 3 * S * u * e + 3 * m * y * n + v * r, k = b * o + 3 * S * u * i + 3 * m * y * a + v * c, A = I - f, x = k - g, B = Math.sqrt(A * A + x * x);
+    for (let u = 1; u <= d; u++) {
+      const p = u / d, m = 1 - p, y = p * p, S = m * m, b = S * m, v = y * p, w = b * s + 3 * S * p * e + 3 * m * y * n + v * r, k = b * o + 3 * S * p * i + 3 * m * y * a + v * c, A = w - f, x = k - g, B = Math.sqrt(A * A + x * x);
       if (l + B >= t) {
         const F = t - l, K = B === 0 ? 0 : F / B;
-        return (d - 1 + K) / p;
+        return (u - 1 + K) / d;
       }
-      l += B, f = I, g = k;
+      l += B, f = w, g = k;
     }
     return 1;
   }
@@ -3277,9 +3316,9 @@ class fs {
       i.forEach((S) => {
         typeof S.x == "number" && typeof S.y == "number" && (n = Math.min(n, S.x), a = Math.max(a, S.x), r = Math.min(r, S.y), c = Math.max(c, S.y), S.out_x !== void 0 && (n = Math.min(n, S.out_x), a = Math.max(a, S.out_x)), S.out_y !== void 0 && (r = Math.min(r, S.out_y), c = Math.max(c, S.out_y)), S.in_x !== void 0 && (n = Math.min(n, S.in_x), a = Math.max(a, S.in_x)), S.in_y !== void 0 && (r = Math.min(r, S.in_y), c = Math.max(c, S.in_y)));
       });
-      const p = (n + a) / 2, l = (r + c) / 2, g = this.getPerimeter(t, s, o) * e;
-      let d = 0;
-      const u = [];
+      const d = (n + a) / 2, l = (r + c) / 2, g = this.getPerimeter(t, s, o) * e;
+      let u = 0;
+      const p = [];
       let m = i[0], y = i[0];
       for (let S = 1; S < i.length; S++) {
         const b = i[S];
@@ -3287,36 +3326,36 @@ class fs {
           m = b, y = b;
           continue;
         }
-        u.push({ p0: m, p1: b }), (b.closePath || S === i.length - 1 && (t.is_closed || t.isClosed)) && u.push({ p0: b, p1: y }), m = b;
+        p.push({ p0: m, p1: b }), (b.closePath || S === i.length - 1 && (t.is_closed || t.isClosed)) && p.push({ p0: b, p1: y }), m = b;
       }
-      for (const S of u) {
+      for (const S of p) {
         const b = S.p0, v = S.p1;
-        let I = 0;
+        let w = 0;
         const k = b.out_x !== void 0 || v.in_x !== void 0;
-        if (k ? I = this.getBezierLength(b.x, b.y, b.out_x ?? b.x, b.out_y ?? b.y, v.in_x ?? v.x, v.in_y ?? v.y, v.x, v.y) : I = Math.sqrt((v.x - b.x) ** 2 + (v.y - b.y) ** 2), d + I >= g || S === u[u.length - 1]) {
+        if (k ? w = this.getBezierLength(b.x, b.y, b.out_x ?? b.x, b.out_y ?? b.y, v.in_x ?? v.x, v.in_y ?? v.y, v.x, v.y) : w = Math.sqrt((v.x - b.x) ** 2 + (v.y - b.y) ** 2), u + w >= g || S === p[p.length - 1]) {
           let A = 0;
           if (k)
-            return A = this.getBezierTAtLength(g - d, b.x, b.y, b.out_x ?? b.x, b.out_y ?? b.y, v.in_x ?? v.x, v.in_y ?? v.y, v.x, v.y, 20), this.getBezierPointAndAngle(A, b, v, p, l);
+            return A = this.getBezierTAtLength(g - u, b.x, b.y, b.out_x ?? b.x, b.out_y ?? b.y, v.in_x ?? v.x, v.in_y ?? v.y, v.x, v.y, 20), this.getBezierPointAndAngle(A, b, v, d, l);
           {
-            A = I === 0 ? 0 : (g - d) / I;
-            const x = b.x + (v.x - b.x) * A - p, B = b.y + (v.y - b.y) * A - l, F = Math.atan2(v.y - b.y, v.x - b.x);
+            A = w === 0 ? 0 : (g - u) / w;
+            const x = b.x + (v.x - b.x) * A - d, B = b.y + (v.y - b.y) * A - l, F = Math.atan2(v.y - b.y, v.x - b.x);
             return { x, y: B, angle: F };
           }
         }
-        d += I;
+        u += w;
       }
     } else if (t.type === "Ellipse") {
-      const i = Math.abs(s) / 2, n = Math.abs(o) / 2, a = t.sweepAngle ?? 360, c = ((t.startAngle ?? 0) + a * e) * Math.PI / 180, p = i * Math.cos(c), l = n * Math.sin(c), f = -i * Math.sin(c), g = n * Math.cos(c), d = Math.atan2(g, f);
-      return { x: p, y: l, angle: d };
+      const i = Math.abs(s) / 2, n = Math.abs(o) / 2, a = t.sweepAngle ?? 360, c = ((t.startAngle ?? 0) + a * e) * Math.PI / 180, d = i * Math.cos(c), l = n * Math.sin(c), f = -i * Math.sin(c), g = n * Math.cos(c), u = Math.atan2(g, f);
+      return { x: d, y: l, angle: u };
     } else if ((t == null ? void 0 : t.type) === "Rectangle") {
       const i = Math.abs(s), n = Math.abs(o), r = (i + n) * 2 * e;
-      let c = 0, p = 0, l = 0;
-      return r < i ? (c = -i / 2 + r, p = -n / 2, l = 0) : r < i + n ? (c = i / 2, p = -n / 2 + (r - i), l = Math.PI / 2) : r < 2 * i + n ? (c = i / 2 - (r - (i + n)), p = n / 2, l = Math.PI) : (c = -i / 2, p = n / 2 - (r - (2 * i + n)), l = -Math.PI / 2), { x: c, y: p, angle: l };
+      let c = 0, d = 0, l = 0;
+      return r < i ? (c = -i / 2 + r, d = -n / 2, l = 0) : r < i + n ? (c = i / 2, d = -n / 2 + (r - i), l = Math.PI / 2) : r < 2 * i + n ? (c = i / 2 - (r - (i + n)), d = n / 2, l = Math.PI) : (c = -i / 2, d = n / 2 - (r - (2 * i + n)), l = -Math.PI / 2), { x: c, y: d, angle: l };
     }
     return { x: 0, y: 0, angle: 0 };
   }
   getBezierPointAndAngle(t, s, o, e, i) {
-    const n = s.x, a = s.y, r = s.out_x ?? s.x, c = s.out_y ?? s.y, p = o.in_x ?? o.x, l = o.in_y ?? o.y, f = o.x, g = o.y, d = 1 - t, u = t * t, m = d * d, y = m * d, S = u * t, b = y * n + 3 * m * t * r + 3 * d * u * p + S * f - e, v = y * a + 3 * m * t * c + 3 * d * u * l + S * g - i, I = 3 * m * (r - n) + 6 * d * t * (p - r) + 3 * u * (f - p), k = 3 * m * (c - a) + 6 * d * t * (l - c) + 3 * u * (g - l), A = Math.atan2(k, I);
+    const n = s.x, a = s.y, r = s.out_x ?? s.x, c = s.out_y ?? s.y, d = o.in_x ?? o.x, l = o.in_y ?? o.y, f = o.x, g = o.y, u = 1 - t, p = t * t, m = u * u, y = m * u, S = p * t, b = y * n + 3 * m * t * r + 3 * u * p * d + S * f - e, v = y * a + 3 * m * t * c + 3 * u * p * l + S * g - i, w = 3 * m * (r - n) + 6 * u * t * (d - r) + 3 * p * (f - d), k = 3 * m * (c - a) + 6 * u * t * (l - c) + 3 * p * (g - l), A = Math.atan2(k, w);
     return { x: b, y: v, angle: A };
   }
   applyAbsoluteTransform(t, s, o) {
@@ -3343,22 +3382,22 @@ class fs {
     var l;
     const a = s.artEffect || ((l = s.style) == null ? void 0 : l.artEffect);
     if (!a || !a.enabled) return;
-    const r = a.type, c = a.intensity ?? 0.5, p = a.speed ?? 1;
+    const r = a.type, c = a.intensity ?? 0.5, d = a.speed ?? 1;
     if (r === "acid_gradient" || r === "acid_rave" || r === "shimmer" || r === "halftone" || r === "noise" || r === "scanlines" || r === "chromatic_aberration") {
       if (t.save(), this.applyPath(t, o, e, i, n), t.clip(), r === "shimmer") {
-        const g = this.currentTime * p % 2 / 2, d = t.createLinearGradient(-e, -i, e, i);
-        d.addColorStop(Math.max(0, g - 0.2), "rgba(255,255,255,0)"), d.addColorStop(g, `rgba(255,255,255,${c * 0.8})`), d.addColorStop(Math.min(1, g + 0.2), "rgba(255,255,255,0)"), t.fillStyle = d, t.globalCompositeOperation = "screen", t.fillRect(-e / 2, -i / 2, e, i);
+        const g = this.currentTime * d % 2 / 2, u = t.createLinearGradient(-e, -i, e, i);
+        u.addColorStop(Math.max(0, g - 0.2), "rgba(255,255,255,0)"), u.addColorStop(g, `rgba(255,255,255,${c * 0.8})`), u.addColorStop(Math.min(1, g + 0.2), "rgba(255,255,255,0)"), t.fillStyle = u, t.globalCompositeOperation = "screen", t.fillRect(-e / 2, -i / 2, e, i);
       } else if (r === "acid_gradient" || r === "acid_rave") {
-        const f = this.currentTime * p, g = t.createLinearGradient(-e / 2, -i / 2, e / 2, i / 2), d = f * 100 % 360, u = (d + 180) % 360;
-        g.addColorStop(0, `hsla(${d}, 80%, 50%, ${c * 0.5})`), g.addColorStop(1, `hsla(${u}, 80%, 50%, ${c * 0.5})`), t.fillStyle = g, t.globalCompositeOperation = "screen", t.fillRect(-e / 2, -i / 2, e, i);
+        const f = this.currentTime * d, g = t.createLinearGradient(-e / 2, -i / 2, e / 2, i / 2), u = f * 100 % 360, p = (u + 180) % 360;
+        g.addColorStop(0, `hsla(${u}, 80%, 50%, ${c * 0.5})`), g.addColorStop(1, `hsla(${p}, 80%, 50%, ${c * 0.5})`), t.fillStyle = g, t.globalCompositeOperation = "screen", t.fillRect(-e / 2, -i / 2, e, i);
       } else if (r === "halftone") {
         const f = Math.max(2, 20 * (1 - c)), g = document.createElement("canvas");
         g.width = f, g.height = f;
-        const d = g.getContext("2d");
-        if (d) {
-          d.fillStyle = "black", d.beginPath(), d.arc(f / 2, f / 2, f / 2 * c, 0, Math.PI * 2), d.fill();
-          const u = t.createPattern(g, "repeat");
-          u && (t.globalAlpha = 0.3 * c, t.fillStyle = u, t.fillRect(-e / 2, -i / 2, e, i));
+        const u = g.getContext("2d");
+        if (u) {
+          u.fillStyle = "black", u.beginPath(), u.arc(f / 2, f / 2, f / 2 * c, 0, Math.PI * 2), u.fill();
+          const p = t.createPattern(g, "repeat");
+          p && (t.globalAlpha = 0.3 * c, t.fillStyle = p, t.fillRect(-e / 2, -i / 2, e, i));
         }
       } else if (r === "noise") {
         t.globalAlpha = 0.1 * c;
@@ -3391,21 +3430,21 @@ class fs {
       } else if (s.type === "Line")
         t.moveTo(-o / 2, 0), t.lineTo(o / 2, 0);
       else if (s.type === "Ellipse") {
-        const { startAngle: n = 0, sweepAngle: a = 360, ratio: r = 0 } = s, c = o / 2, p = e / 2, l = n * Math.PI / 180, f = a * Math.PI / 180, g = l + f;
-        a >= 360 && r <= 0 ? t.ellipse(0, 0, c, p, 0, 0, Math.PI * 2) : (t.ellipse(0, 0, c, p, 0, l, g, !1), r > 0 ? t.ellipse(0, 0, c * r, p * r, 0, g, l, !0) : t.lineTo(0, 0), t.closePath());
+        const { startAngle: n = 0, sweepAngle: a = 360, ratio: r = 0 } = s, c = o / 2, d = e / 2, l = n * Math.PI / 180, f = a * Math.PI / 180, g = l + f;
+        a >= 360 && r <= 0 ? t.ellipse(0, 0, c, d, 0, 0, Math.PI * 2) : (t.ellipse(0, 0, c, d, 0, l, g, !1), r > 0 ? t.ellipse(0, 0, c * r, d * r, 0, g, l, !0) : t.lineTo(0, 0), t.closePath());
       } else if (s.type === "Triangle")
         t.moveTo(0, -e / 2), t.lineTo(o / 2, e / 2), t.lineTo(-o / 2, e / 2), t.closePath();
       else if (s.type === "Polygon") {
         const n = s.sides || 3, a = s.radius || Math.min(o, e) / 2;
         for (let r = 0; r < n; r++) {
-          const c = r * 2 * Math.PI / n - Math.PI / 2, p = a * Math.cos(c), l = a * Math.sin(c);
-          r === 0 ? t.moveTo(p, l) : t.lineTo(p, l);
+          const c = r * 2 * Math.PI / n - Math.PI / 2, d = a * Math.cos(c), l = a * Math.sin(c);
+          r === 0 ? t.moveTo(d, l) : t.lineTo(d, l);
         }
         t.closePath();
       } else if (s.type === "Star") {
         const n = s.inner_radius || 20, a = s.outer_radius || 50, r = s.points || 5;
         for (let c = 0; c < r * 2; c++) {
-          const p = c * Math.PI / r - Math.PI / 2, l = c % 2 === 0 ? a : n, f = l * Math.cos(p), g = l * Math.sin(p);
+          const d = c * Math.PI / r - Math.PI / 2, l = c % 2 === 0 ? a : n, f = l * Math.cos(d), g = l * Math.sin(d);
           c === 0 ? t.moveTo(f, g) : t.lineTo(f, g);
         }
         t.closePath();
@@ -3415,29 +3454,29 @@ class fs {
         if (s.points.forEach((f) => {
           typeof f.x == "number" && typeof f.y == "number" && (n = Math.min(n, f.x), a = Math.max(a, f.x), r = Math.min(r, f.y), c = Math.max(c, f.y), f.out_x !== void 0 && (n = Math.min(n, f.out_x), a = Math.max(a, f.out_x)), f.out_y !== void 0 && (r = Math.min(r, f.out_y), c = Math.max(c, f.out_y)), f.in_x !== void 0 && (n = Math.min(n, f.in_x), a = Math.max(a, f.in_x)), f.in_y !== void 0 && (r = Math.min(r, f.in_y), c = Math.max(c, f.in_y)));
         }), n === 1 / 0) return;
-        const p = (n + a) / 2, l = (r + c) / 2;
-        if (isNaN(p) || isNaN(l)) {
-          console.warn("[Engine] Invalid path center:", p, l);
+        const d = (n + a) / 2, l = (r + c) / 2;
+        if (isNaN(d) || isNaN(l)) {
+          console.warn("[Engine] Invalid path center:", d, l);
           return;
         }
         s.points.forEach((f, g) => {
           if (g === 0 || f.moveTo)
-            t.moveTo(f.x - p, f.y - l);
+            t.moveTo(f.x - d, f.y - l);
           else {
-            const d = s.points[g - 1];
-            if (!d) return;
-            const u = (d.out_x ?? d.x) - p, m = (d.out_y ?? d.y) - l, y = (f.in_x ?? f.x) - p, S = (f.in_y ?? f.y) - l;
-            isNaN(u) || isNaN(y) || isNaN(f.x) ? t.lineTo(f.x - p, f.y - l) : t.bezierCurveTo(u, m, y, S, f.x - p, f.y - l);
+            const u = s.points[g - 1];
+            if (!u) return;
+            const p = (u.out_x ?? u.x) - d, m = (u.out_y ?? u.y) - l, y = (f.in_x ?? f.x) - d, S = (f.in_y ?? f.y) - l;
+            isNaN(p) || isNaN(y) || isNaN(f.x) ? t.lineTo(f.x - d, f.y - l) : t.bezierCurveTo(p, m, y, S, f.x - d, f.y - l);
           }
           if (f.closePath || g === s.points.length - 1 && (s.is_closed || s.isClosed)) {
-            const d = [...s.points.slice(0, g + 1)].reverse().find((u) => u.moveTo) || s.points[0];
-            d && (f.out_x !== void 0 || d.in_x !== void 0) && t.bezierCurveTo(
-              (f.out_x ?? f.x) - p,
+            const u = [...s.points.slice(0, g + 1)].reverse().find((p) => p.moveTo) || s.points[0];
+            u && (f.out_x !== void 0 || u.in_x !== void 0) && t.bezierCurveTo(
+              (f.out_x ?? f.x) - d,
               (f.out_y ?? f.y) - l,
-              (d.in_x ?? d.x) - p,
-              (d.in_y ?? d.y) - l,
-              d.x - p,
-              d.y - l
+              (u.in_x ?? u.x) - d,
+              (u.in_y ?? u.y) - l,
+              u.x - d,
+              u.y - l
             ), t.closePath();
           }
         });
@@ -3446,19 +3485,19 @@ class fs {
         s.points.forEach((f) => {
           n = Math.min(n, f.x), a = Math.max(a, f.x), r = Math.min(r, f.y), c = Math.max(c, f.y);
         });
-        const p = (n + a) / 2, l = (r + c) / 2;
+        const d = (n + a) / 2, l = (r + c) / 2;
         s.points.forEach((f, g) => {
-          if (g === 0) t.moveTo(f.x - p, f.y - l);
+          if (g === 0) t.moveTo(f.x - d, f.y - l);
           else {
-            const d = s.points[g - 1];
-            d.out_x !== void 0 || f.in_x !== void 0 ? t.bezierCurveTo(
-              (d.out_x ?? d.x) - p,
-              (d.out_y ?? d.y) - l,
-              (f.in_x ?? f.x) - p,
+            const u = s.points[g - 1];
+            u.out_x !== void 0 || f.in_x !== void 0 ? t.bezierCurveTo(
+              (u.out_x ?? u.x) - d,
+              (u.out_y ?? u.y) - l,
+              (f.in_x ?? f.x) - d,
               (f.in_y ?? f.y) - l,
-              f.x - p,
+              f.x - d,
               f.y - l
-            ) : t.lineTo(f.x - p, f.y - l);
+            ) : t.lineTo(f.x - d, f.y - l);
           }
           (f.closePath || g === s.points.length - 1 && (s.is_closed || s.isClosed)) && t.closePath();
         });
@@ -3467,75 +3506,75 @@ class fs {
   }
   renderInputBox(t, s) {
     var M, Q;
-    const o = this.objectStates.get(s.id), e = (o == null ? void 0 : o.options) || s.options || {}, i = ((M = s.geometry) == null ? void 0 : M.width) || 250, n = ((Q = s.geometry) == null ? void 0 : Q.height) || 45, a = this.focusedId === s.id, r = this.lastHoveredObjectId === s.id, c = e.previewState || "default", p = c !== "default" ? c : a ? "focused" : r ? "hovered" : "default", l = e.label || { visible: !0, text: "Label" }, f = e.helperText || { visible: !1, text: "Helper text" }, g = e.leftIcon || { visible: !1 }, d = e.rightIcon || { visible: !1 }, u = e.multiline === !0, m = e.corner_radius ?? 8, y = e.corners || { tl: m, tr: m, bl: m, br: m }, S = [y.tl, y.tr, y.br, y.bl];
-    let b = e.backgroundColor || "rgba(31, 41, 55, 1)", v = e.borderColor || "rgba(55, 65, 81, 1)", I = e.borderWidth ?? 1.5, k = e.color || "#ffffff", A = e.placeholderColor || "rgba(156, 163, 175, 1)", x = e.fontSize || 14;
-    const B = `${p}Style`, F = e[B];
-    F ? (F.backgroundColor !== void 0 && (b = F.backgroundColor), F.borderColor !== void 0 && (v = F.borderColor), F.borderWidth !== void 0 && (I = F.borderWidth), F.color !== void 0 && (k = F.color), F.placeholderColor !== void 0 && (A = F.placeholderColor), F.fontSize !== void 0 && (x = F.fontSize)) : p === "focused" ? (v = e.focusBorderColor || "rgba(59, 130, 246, 1)", I = Math.max(I, 2)) : p === "hovered" || p === "hover" ? (v = e.hoverBorderColor || v, b = e.hoverBackgroundColor || b) : p === "disabled" ? (b = e.disabledBackgroundColor || "rgba(31, 41, 55, 0.6)", v = e.disabledBorderColor || "rgba(55, 65, 81, 0.4)") : p === "error" && (v = "rgba(239, 68, 68, 1)", I = Math.max(I, 2)), t.beginPath(), this.drawRoundRect(t, -i / 2, -n / 2, i, n, S);
+    const o = this.objectStates.get(s.id), e = (o == null ? void 0 : o.options) || s.options || {}, i = ((M = s.geometry) == null ? void 0 : M.width) || 250, n = ((Q = s.geometry) == null ? void 0 : Q.height) || 45, a = this.focusedId === s.id, r = this.lastHoveredObjectId === s.id, c = e.previewState || "default", d = c !== "default" ? c : a ? "focused" : r ? "hovered" : "default", l = e.label || { visible: !0, text: "Label" }, f = e.helperText || { visible: !1, text: "Helper text" }, g = e.leftIcon || { visible: !1 }, u = e.rightIcon || { visible: !1 }, p = e.multiline === !0, m = e.corner_radius ?? 8, y = e.corners || { tl: m, tr: m, bl: m, br: m }, S = [y.tl, y.tr, y.br, y.bl];
+    let b = e.backgroundColor || "rgba(31, 41, 55, 1)", v = e.borderColor || "rgba(55, 65, 81, 1)", w = e.borderWidth ?? 1.5, k = e.color || "#ffffff", A = e.placeholderColor || "rgba(156, 163, 175, 1)", x = e.fontSize || 14;
+    const B = `${d}Style`, F = e[B];
+    F ? (F.backgroundColor !== void 0 && (b = F.backgroundColor), F.borderColor !== void 0 && (v = F.borderColor), F.borderWidth !== void 0 && (w = F.borderWidth), F.color !== void 0 && (k = F.color), F.placeholderColor !== void 0 && (A = F.placeholderColor), F.fontSize !== void 0 && (x = F.fontSize)) : d === "focused" ? (v = e.focusBorderColor || "rgba(59, 130, 246, 1)", w = Math.max(w, 2)) : d === "hovered" || d === "hover" ? (v = e.hoverBorderColor || v, b = e.hoverBackgroundColor || b) : d === "disabled" ? (b = e.disabledBackgroundColor || "rgba(31, 41, 55, 0.6)", v = e.disabledBorderColor || "rgba(55, 65, 81, 0.4)") : d === "error" && (v = "rgba(239, 68, 68, 1)", w = Math.max(w, 2)), t.beginPath(), this.drawRoundRect(t, -i / 2, -n / 2, i, n, S);
     const K = this.createCanvasFill(t, b, i, n);
-    if (K && (t.fillStyle = K, t.fill()), I > 0) {
-      const Y = this.createCanvasFill(t, v, i, n);
-      if (Y && (t.strokeStyle = Y, t.lineWidth = I, t.stroke()), p === "focused" || p === "focus") {
+    if (K && (t.fillStyle = K, t.fill()), w > 0) {
+      const N = this.createCanvasFill(t, v, i, n);
+      if (N && (t.strokeStyle = N, t.lineWidth = w, t.stroke()), d === "focused" || d === "focus") {
         t.save(), t.beginPath();
         const L = S.map((z) => z + 2);
         this.drawRoundRect(t, -i / 2 - 2, -n / 2 - 2, i + 4, n + 4, L), t.strokeStyle = "rgba(59, 130, 246, 0.3)", t.lineWidth = 2, t.stroke(), t.restore();
       }
     }
-    const tt = (Y, L) => {
-      if (!Y.visible || !Y.svgPath) return;
-      const z = Y.size || 14, pt = Y.offset ?? 16, vt = Y.color || "#ffffff", yt = L ? -(i / 2) + pt : i / 2 - pt, xt = Y.svgPath;
+    const tt = (N, L) => {
+      if (!N.visible || !N.svgPath) return;
+      const z = N.size || 14, pt = N.offset ?? 16, vt = N.color || "#ffffff", yt = L ? -(i / 2) + pt : i / 2 - pt, xt = N.svgPath;
       if (t.save(), t.translate(yt, 0), !xt.startsWith("<svg")) {
         const kt = new Path2D(xt), Tt = z / 24;
         t.scale(Tt, Tt), t.translate(-12, -12), t.fillStyle = vt, t.fill(kt);
       }
       t.restore();
     };
-    tt(g, !0), tt(d, !1);
-    const rt = e.text || "", at = e.placeholder || "Enter text...", N = !rt, O = rt || at, $ = N ? A : k, P = x, J = e.fontFamily || "Inter", Z = e.fontWeight || 400;
-    t.font = `${Z} ${P}px "${J}", sans-serif`, t.fillStyle = $, t.textAlign = "left", t.textBaseline = u ? "top" : "middle";
-    const lt = e.inputPadding ?? 16, V = g.visible ? (g.offset ?? 16) + (g.size || 14) / 2 + 8 : lt, H = d.visible ? (d.offset ?? 16) + (d.size || 14) / 2 + 8 : lt, it = -(i / 2) + V, nt = i - V - H, ft = e.inputType === "password" ? "•".repeat(O.length) : O;
-    if (t.save(), t.beginPath(), t.rect(it - 2, -n / 2 + 4, nt + 4, n - 8), t.clip(), u) {
-      const Y = ft.split(`
+    tt(g, !0), tt(u, !1);
+    const rt = e.text || "", at = e.placeholder || "Enter text...", V = !rt, O = rt || at, $ = V ? A : k, P = x, J = e.fontFamily || "Inter", Z = e.fontWeight || 400;
+    t.font = `${Z} ${P}px "${J}", sans-serif`, t.fillStyle = $, t.textAlign = "left", t.textBaseline = p ? "top" : "middle";
+    const lt = e.inputPadding ?? 16, Y = g.visible ? (g.offset ?? 16) + (g.size || 14) / 2 + 8 : lt, H = u.visible ? (u.offset ?? 16) + (u.size || 14) / 2 + 8 : lt, it = -(i / 2) + Y, nt = i - Y - H, ft = e.inputType === "password" ? "•".repeat(O.length) : O;
+    if (t.save(), t.beginPath(), t.rect(it - 2, -n / 2 + 4, nt + 4, n - 8), t.clip(), p) {
+      const N = ft.split(`
 `);
       let L = -n / 2 + lt;
       const z = P * 1.2;
       let pt = 0;
-      Y.forEach((vt, yt) => {
+      N.forEach((vt, yt) => {
         const xt = vt.split(" ");
         let kt = "";
         for (let Tt = 0; Tt < xt.length; Tt++) {
           const Ft = kt + xt[Tt] + " ";
           t.measureText(Ft).width > nt && Tt > 0 ? (t.fillText(kt, it, L), kt = xt[Tt] + " ", L += z) : kt = Ft;
         }
-        t.fillText(kt, it, L), pt = t.measureText(kt).width, yt < Y.length - 1 && (L += z, pt = 0);
-      }), a && !N && Math.floor(performance.now() / 500) % 2 === 0 && t.fillRect(it + pt, L, 1.5, P);
+        t.fillText(kt, it, L), pt = t.measureText(kt).width, yt < N.length - 1 && (L += z, pt = 0);
+      }), a && !V && Math.floor(performance.now() / 500) % 2 === 0 && t.fillRect(it + pt, L, 1.5, P);
     } else {
       const L = t.measureText(ft).width;
       let z = 0;
-      if (L > nt && (z = L - nt), t.fillText(ft, it - z, 0), a && !N && Math.floor(performance.now() / 500) % 2 === 0) {
+      if (L > nt && (z = L - nt), t.fillText(ft, it - z, 0), a && !V && Math.floor(performance.now() / 500) % 2 === 0) {
         const vt = it + L - z;
         t.fillRect(vt, -(P / 2), 1.5, P);
       }
     }
     if (t.restore(), l.visible !== !1) {
-      const Y = l.text || "Label", L = l.fontSize || 12, z = l.color || "rgba(156, 163, 175, 1)", pt = l.offset ?? 8;
+      const N = l.text || "Label", L = l.fontSize || 12, z = l.color || "rgba(156, 163, 175, 1)", pt = l.offset ?? 8;
       t.font = `600 ${L}px "${J}", sans-serif`, t.fillStyle = z, t.textAlign = "left", t.textBaseline = "bottom";
       const vt = -(i / 2), yt = -(n / 2) - pt;
-      t.fillText(Y, vt, yt);
+      t.fillText(N, vt, yt);
     }
     if (f.visible === !0) {
-      const Y = f.text || "Helper text", L = f.fontSize || 11, z = p === "error" ? "rgba(239, 68, 68, 1)" : f.color || "rgba(156, 163, 175, 1)", pt = f.offset ?? 6;
+      const N = f.text || "Helper text", L = f.fontSize || 11, z = d === "error" ? "rgba(239, 68, 68, 1)" : f.color || "rgba(156, 163, 175, 1)", pt = f.offset ?? 6;
       t.font = `400 ${L}px "${J}", sans-serif`, t.fillStyle = z, t.textAlign = "left", t.textBaseline = "top";
       const vt = -(i / 2), yt = n / 2 + pt;
-      t.fillText(Y, vt, yt);
+      t.fillText(N, vt, yt);
     }
   }
   renderSlider(t, s) {
-    const o = this.objectStates.get(s.id), e = (o == null ? void 0 : o.geometry) || s.geometry, i = (o == null ? void 0 : o.options) || s.options || {}, n = e.width || 200, a = i.value ?? 50, r = i.min ?? 0, p = (i.max ?? 100) - r, l = p === 0 ? 0 : (a - r) / p, f = i.trackHeight || 4, g = i.trackRoundedness ?? 2, d = i.trackShape ?? "Rectangle", u = i.trackPath || "", m = i.accentColor || "#3b82f6", y = i.inactiveColor || "#374151", S = i.thumbShape || "Ellipse", b = i.thumbWidth ?? 16, v = i.thumbHeight ?? 16, I = i.thumbRoundedness ?? 0, k = i.thumbColor || "#ffffff", A = i.thumbPath || "", x = i.thumbIcon || "", B = i.showValueTooltip ?? !1, F = i.tooltipBgColor || "#333333", K = i.tooltipColor || "#ffffff", tt = i.tooltipOffsetX ?? 0, rt = i.tooltipOffsetY ?? -25, at = (nt, ft, M, Q, Y, L, z) => {
+    const o = this.objectStates.get(s.id), e = (o == null ? void 0 : o.geometry) || s.geometry, i = (o == null ? void 0 : o.options) || s.options || {}, n = e.width || 200, a = i.value ?? 50, r = i.min ?? 0, d = (i.max ?? 100) - r, l = d === 0 ? 0 : (a - r) / d, f = i.trackHeight || 4, g = i.trackRoundedness ?? 2, u = i.trackShape ?? "Rectangle", p = i.trackPath || "", m = i.accentColor || "#3b82f6", y = i.inactiveColor || "#374151", S = i.thumbShape || "Ellipse", b = i.thumbWidth ?? 16, v = i.thumbHeight ?? 16, w = i.thumbRoundedness ?? 0, k = i.thumbColor || "#ffffff", A = i.thumbPath || "", x = i.thumbIcon || "", B = i.showValueTooltip ?? !1, F = i.tooltipBgColor || "#333333", K = i.tooltipColor || "#ffffff", tt = i.tooltipOffsetX ?? 0, rt = i.tooltipOffsetY ?? -25, at = (nt, ft, M, Q, N, L, z) => {
       if ((nt === "Custom" || nt === "Icon") && z)
         try {
           const pt = new Path2D(z);
           if (t.save(), t.translate(ft, M), nt === "Icon") {
-            const vt = Math.min(Q, Y) / 24;
+            const vt = Math.min(Q, N) / 24;
             t.scale(vt, vt), t.translate(-12, -12);
           }
           t.fill(pt), t.restore();
@@ -3544,22 +3583,22 @@ class fs {
           console.error("Error drawing slider shape in engine:", pt);
         }
       if (t.beginPath(), nt === "Ellipse")
-        t.ellipse(ft, M, Q / 2, Y / 2, 0, 0, Math.PI * 2);
+        t.ellipse(ft, M, Q / 2, N / 2, 0, 0, Math.PI * 2);
       else if (nt === "Rectangle")
-        this.drawRoundRect(t, ft - Q / 2, M - Y / 2, Q, Y, L);
+        this.drawRoundRect(t, ft - Q / 2, M - N / 2, Q, N, L);
       else if (nt === "Triangle")
-        t.moveTo(ft, M - Y / 2), t.lineTo(ft + Q / 2, M + Y / 2), t.lineTo(ft - Q / 2, M + Y / 2), t.closePath();
+        t.moveTo(ft, M - N / 2), t.lineTo(ft + Q / 2, M + N / 2), t.lineTo(ft - Q / 2, M + N / 2), t.closePath();
       else if (nt === "Diamond")
-        t.moveTo(ft, M - Y / 2), t.lineTo(ft + Q / 2, M), t.lineTo(ft, M + Y / 2), t.lineTo(ft - Q / 2, M), t.closePath();
+        t.moveTo(ft, M - N / 2), t.lineTo(ft + Q / 2, M), t.lineTo(ft, M + N / 2), t.lineTo(ft - Q / 2, M), t.closePath();
       else if (nt === "Polygon") {
-        const pt = s.geometry.sides || 3, vt = s.geometry.radius || Math.min(Q, Y) / 2;
+        const pt = s.geometry.sides || 3, vt = s.geometry.radius || Math.min(Q, N) / 2;
         for (let yt = 0; yt < pt; yt++) {
           const xt = yt * 2 * Math.PI / pt - Math.PI / 2, kt = ft + vt * Math.cos(xt), Tt = M + vt * Math.sin(xt);
           yt === 0 ? t.moveTo(kt, Tt) : t.lineTo(kt, Tt);
         }
         t.closePath();
       } else if (nt === "Star") {
-        const vt = Math.min(Q, Y) / 2, yt = vt / 2;
+        const vt = Math.min(Q, N) / 2, yt = vt / 2;
         for (let xt = 0; xt < 5 * 2; xt++) {
           const kt = xt % 2 === 0 ? vt : yt, Tt = xt * Math.PI / 5 - Math.PI / 2;
           t.lineTo(ft + kt * Math.cos(Tt), M + kt * Math.sin(Tt));
@@ -3567,55 +3606,55 @@ class fs {
         t.closePath();
       } else nt === "Line" && (t.moveTo(ft - Q / 2, M), t.lineTo(ft + Q / 2, M));
       t.fill();
-    }, N = this.createCanvasFill(t, y, n, f);
-    N && (t.fillStyle = N, t.strokeStyle = N), d === "Line" ? (t.lineWidth = f, t.beginPath(), t.moveTo(-n / 2, 0), t.lineTo(n / 2, 0), t.stroke()) : at(d, 0, 0, n, f, g, u);
+    }, V = this.createCanvasFill(t, y, n, f);
+    V && (t.fillStyle = V, t.strokeStyle = V), u === "Line" ? (t.lineWidth = f, t.beginPath(), t.moveTo(-n / 2, 0), t.lineTo(n / 2, 0), t.stroke()) : at(u, 0, 0, n, f, g, p);
     const O = n - b, $ = -n / 2 + b / 2 + l * O, P = $ - -n / 2;
     if (P > 0) {
       const nt = this.createCanvasFill(t, m, n, f);
-      nt && (t.fillStyle = nt, t.strokeStyle = nt), d === "Line" ? (t.lineWidth = f, t.beginPath(), t.moveTo(-n / 2, 0), t.lineTo($, 0), t.stroke()) : d === "Rectangle" && (t.beginPath(), this.drawRoundRect(t, -n / 2, -f / 2, P, f, g), t.fill());
+      nt && (t.fillStyle = nt, t.strokeStyle = nt), u === "Line" ? (t.lineWidth = f, t.beginPath(), t.moveTo(-n / 2, 0), t.lineTo($, 0), t.stroke()) : u === "Rectangle" && (t.beginPath(), this.drawRoundRect(t, -n / 2, -f / 2, P, f, g), t.fill());
     }
     t.save(), t.translate($, 0);
     const J = t.getTransform(), Z = Math.sqrt(J.a * J.a + J.b * J.b) || 1;
     t.shadowColor = "rgba(0,0,0,0.2)", t.shadowBlur = 4 * Z, t.shadowOffsetY = 1 * Z;
     const lt = this.createCanvasFill(t, k, b, v);
-    if (lt && (t.fillStyle = lt), at(S, 0, 0, b, v, I, S === "Icon" ? x : A), t.restore(), B) {
+    if (lt && (t.fillStyle = lt), at(S, 0, 0, b, v, w, S === "Icon" ? x : A), t.restore(), B) {
       t.save(), t.translate($ + tt, rt);
       const nt = Math.round(a).toString();
       t.font = "10px Inter, sans-serif";
-      const ft = t.measureText(nt), M = 6, Q = 4, Y = ft.width + M * 2, L = 14 + Q;
-      t.beginPath(), this.drawRoundRect(t, -Y / 2, -L / 2, Y, L, 4), t.fillStyle = F, t.fill(), t.fillStyle = K, t.textAlign = "center", t.textBaseline = "middle", t.fillText(nt, 0, 0), t.restore();
+      const ft = t.measureText(nt), M = 6, Q = 4, N = ft.width + M * 2, L = 14 + Q;
+      t.beginPath(), this.drawRoundRect(t, -N / 2, -L / 2, N, L, 4), t.fillStyle = F, t.fill(), t.fillStyle = K, t.textAlign = "center", t.textBaseline = "middle", t.fillText(nt, 0, 0), t.restore();
     }
-    const V = i.label || {}, H = i.helperText || {}, it = i.fontFamily || "Inter";
-    if (V.visible !== !1) {
-      const nt = V.text || "Label", ft = V.fontSize || 12, M = V.color || "rgba(156, 163, 175, 1)", Q = V.offset ?? 8;
+    const Y = i.label || {}, H = i.helperText || {}, it = i.fontFamily || "Inter";
+    if (Y.visible !== !1) {
+      const nt = Y.text || "Label", ft = Y.fontSize || 12, M = Y.color || "rgba(156, 163, 175, 1)", Q = Y.offset ?? 8;
       t.font = `600 ${ft}px "${it}", sans-serif`, t.fillStyle = M, t.textAlign = "left", t.textBaseline = "bottom";
-      const Y = -(n / 2), L = -(f / 2) - Q;
-      t.fillText(nt, Y, L);
+      const N = -(n / 2), L = -(f / 2) - Q;
+      t.fillText(nt, N, L);
     }
     if (H.visible === !0) {
       const nt = H.text || "Helper text", ft = H.fontSize || 11, M = H.color || "rgba(156, 163, 175, 1)", Q = H.offset ?? 6;
       t.font = `400 ${ft}px "${it}", sans-serif`, t.fillStyle = M, t.textAlign = "left", t.textBaseline = "top";
-      const Y = -(n / 2), L = f / 2 + Q;
-      t.fillText(nt, Y, L);
+      const N = -(n / 2), L = f / 2 + Q;
+      t.fillText(nt, N, L);
     }
   }
   renderDropdown(t, s) {
     var rt;
     const o = this.objectStates.get(s.id);
     if (!o) return;
-    const e = o.options || s.options || {}, i = s.geometry.width || 160, n = s.geometry.height || 40, a = -i / 2, r = -n / 2, c = e.corner_radius ?? 6, p = e.disabled || e.previewState === "disabled", l = this.lastHoveredObjectId === s.id || e.previewState === "hover", f = (e.isOpen || e.previewState === "active") && !p;
-    let g = e.backgroundColor, d = e.borderColor, u = e.color || "#333333";
-    p ? (g = e.disabledBackgroundColor || "#f3f4f6", d = e.disabledBorderColor || "#e5e7eb", u = e.disabledColor || "#9ca3af") : f ? (g = e.activeBackgroundColor || g, d = e.activeBorderColor || d, u = e.activeColor || u) : l && (g = e.hoverBackgroundColor || g, d = e.hoverBorderColor || d, u = e.hoverColor || u), g || (g = "#ffffff"), d || (d = "#e5e7eb");
+    const e = o.options || s.options || {}, i = s.geometry.width || 160, n = s.geometry.height || 40, a = -i / 2, r = -n / 2, c = e.corner_radius ?? 6, d = e.disabled || e.previewState === "disabled", l = this.lastHoveredObjectId === s.id || e.previewState === "hover", f = (e.isOpen || e.previewState === "active") && !d;
+    let g = e.backgroundColor, u = e.borderColor, p = e.color || "#333333";
+    d ? (g = e.disabledBackgroundColor || "#f3f4f6", u = e.disabledBorderColor || "#e5e7eb", p = e.disabledColor || "#9ca3af") : f ? (g = e.activeBackgroundColor || g, u = e.activeBorderColor || u, p = e.activeColor || p) : l && (g = e.hoverBackgroundColor || g, u = e.hoverBorderColor || u, p = e.hoverColor || p), g || (g = "#ffffff"), u || (u = "#e5e7eb");
     const m = t.globalAlpha;
     t.globalAlpha = m * (e.opacity ?? 1), this.drawRoundRect(t, a, r, i, n, c), t.fillStyle = this.createCanvasFill(t, typeof g == "string" ? { type: "Solid", color: g } : g, i, n) || "#ffffff", t.fill();
     const y = e.borderWidth ?? 1;
-    y > 0 && (t.strokeStyle = this.createCanvasFill(t, typeof d == "string" ? { type: "Solid", color: d } : d, i, n) || "#e5e7eb", t.lineWidth = y, t.stroke());
-    const S = 12, b = e.chevronType || "chevron", v = e.chevronSize || 16, I = (f ? e.openIconColor : e.closedIconColor) || e.chevronColor || "#6b7280";
+    y > 0 && (t.strokeStyle = this.createCanvasFill(t, typeof u == "string" ? { type: "Solid", color: u } : u, i, n) || "#e5e7eb", t.lineWidth = y, t.stroke());
+    const S = 12, b = e.chevronType || "chevron", v = e.chevronSize || 16, w = (f ? e.openIconColor : e.closedIconColor) || e.chevronColor || "#6b7280";
     if (b !== "none") {
       const at = a + i - S - v / 2;
       t.save(), t.translate(at, 0);
-      const N = f ? e.openIconAngle ?? 180 : e.closedIconAngle ?? 0;
-      if (t.rotate(N * Math.PI / 180), t.strokeStyle = I, t.fillStyle = I, t.lineWidth = 1.5, t.lineCap = "round", t.lineJoin = "round", b === "chevron")
+      const V = f ? e.openIconAngle ?? 180 : e.closedIconAngle ?? 0;
+      if (t.rotate(V * Math.PI / 180), t.strokeStyle = w, t.fillStyle = w, t.lineWidth = 1.5, t.lineCap = "round", t.lineJoin = "round", b === "chevron")
         t.beginPath(), t.moveTo(-v / 2, -v * 0.2), t.lineTo(0, v * 0.2), t.lineTo(v / 2, -v * 0.2), t.stroke();
       else if (b === "custom" || b === "path") {
         const O = f && e.openIconPath || e.closedIconPath;
@@ -3630,24 +3669,24 @@ class fs {
     }
     const k = e.selectedOption || e.placeholder || "Select...", A = e.fontSize || 14, x = e.fontWeight || 400, B = e.fontFamily || "Inter, sans-serif";
     t.font = `${x} ${A}px ${B}`;
-    const F = p ? e.disabledColor || "#9ca3af" : !e.selectedOption && e.placeholder ? "#9ca3af" : u;
+    const F = d ? e.disabledColor || "#9ca3af" : !e.selectedOption && e.placeholder ? "#9ca3af" : p;
     t.fillStyle = this.createCanvasFill(t, typeof F == "string" ? { type: "Solid", color: F } : F, i, n) || "#333333", t.textAlign = "left", t.textBaseline = "middle";
     const K = b === "none" ? 0 : v + 8, tt = i - S * 2 - K;
-    if (t.save(), t.beginPath(), t.rect(a + S, r, tt, n), t.clip(), t.fillText(k, a + S, 0), t.restore(), f && !p) {
-      const at = r + n + 4, N = e.optionsList || [], O = e.itemHeight || 32, $ = e.listPadding ?? 4, P = N.length * O + $ * 2, J = e.listCornerRadius ?? c;
+    if (t.save(), t.beginPath(), t.rect(a + S, r, tt, n), t.clip(), t.fillText(k, a + S, 0), t.restore(), f && !d) {
+      const at = r + n + 4, V = e.optionsList || [], O = e.itemHeight || 32, $ = e.listPadding ?? 4, P = V.length * O + $ * 2, J = e.listCornerRadius ?? c;
       t.save();
-      const Z = e.listShadow || {}, lt = t.getTransform(), V = Math.sqrt(lt.a * lt.a + lt.b * lt.b) || 1;
-      t.shadowColor = typeof Z.color == "string" ? Z.color : ((rt = Z.color) == null ? void 0 : rt.color) || "rgba(0,0,0,0.15)", t.shadowBlur = (Z.blur ?? 12) * V, t.shadowOffsetY = (Z.offsetY ?? 6) * V, t.shadowOffsetX = (Z.offsetX ?? 0) * V, t.beginPath(), this.drawRoundRect(t, a, at, i, P, J), t.fillStyle = this.createCanvasFill(t, typeof e.listBackgroundColor == "string" ? { type: "Solid", color: e.listBackgroundColor } : e.listBackgroundColor || { type: "Solid", color: "#ffffff" }, i, P) || "#ffffff", t.fill();
+      const Z = e.listShadow || {}, lt = t.getTransform(), Y = Math.sqrt(lt.a * lt.a + lt.b * lt.b) || 1;
+      t.shadowColor = typeof Z.color == "string" ? Z.color : ((rt = Z.color) == null ? void 0 : rt.color) || "rgba(0,0,0,0.15)", t.shadowBlur = (Z.blur ?? 12) * Y, t.shadowOffsetY = (Z.offsetY ?? 6) * Y, t.shadowOffsetX = (Z.offsetX ?? 0) * Y, t.beginPath(), this.drawRoundRect(t, a, at, i, P, J), t.fillStyle = this.createCanvasFill(t, typeof e.listBackgroundColor == "string" ? { type: "Solid", color: e.listBackgroundColor } : e.listBackgroundColor || { type: "Solid", color: "#ffffff" }, i, P) || "#ffffff", t.fill();
       const H = e.listBorderWidth ?? 1;
-      H > 0 && (t.shadowColor = "transparent", t.strokeStyle = this.createCanvasFill(t, typeof e.listBorderColor == "string" ? { type: "Solid", color: e.listBorderColor } : e.listBorderColor || { type: "Solid", color: d }, i, P) || "#e5e7eb", t.lineWidth = H, t.stroke()), t.restore();
+      H > 0 && (t.shadowColor = "transparent", t.strokeStyle = this.createCanvasFill(t, typeof e.listBorderColor == "string" ? { type: "Solid", color: e.listBorderColor } : e.listBorderColor || { type: "Solid", color: u }, i, P) || "#e5e7eb", t.lineWidth = H, t.stroke()), t.restore();
       const it = e.itemFontSize || A, nt = e.itemFontFamily || B;
-      t.font = `${x} ${it}px ${nt}`, N.forEach((ft, M) => {
+      t.font = `${x} ${it}px ${nt}`, V.forEach((ft, M) => {
         const Q = at + $ + M * O;
         if (ft === e.selectedOption)
-          t.fillStyle = this.createCanvasFill(t, typeof e.itemSelectedBackgroundColor == "string" ? { type: "Solid", color: e.itemSelectedBackgroundColor } : e.itemSelectedBackgroundColor || { type: "Solid", color: "#f3f4f6" }, i, O) || "#f3f4f6", t.fillRect(a + H, Q, i - H * 2, O), t.fillStyle = e.itemSelectedColor || e.accentColor || u || "#374151";
-        else if (t.fillStyle = e.listTextColor || u || "#333333", this.activeDropdownId === s.id && this._lastPointerPos) {
+          t.fillStyle = this.createCanvasFill(t, typeof e.itemSelectedBackgroundColor == "string" ? { type: "Solid", color: e.itemSelectedBackgroundColor } : e.itemSelectedBackgroundColor || { type: "Solid", color: "#f3f4f6" }, i, O) || "#f3f4f6", t.fillRect(a + H, Q, i - H * 2, O), t.fillStyle = e.itemSelectedColor || e.accentColor || p || "#374151";
+        else if (t.fillStyle = e.listTextColor || p || "#333333", this.activeDropdownId === s.id && this._lastPointerPos) {
           const L = this._lastPointerPos.y - (at + $), z = Math.floor(L / O);
-          M === z && (t.fillStyle = this.createCanvasFill(t, typeof e.itemHoverBackgroundColor == "string" ? { type: "Solid", color: e.itemHoverBackgroundColor } : e.itemHoverBackgroundColor || { type: "Solid", color: "#f9fafb" }, i, O) || "#f9fafb", t.fillRect(a + H, Q, i - H * 2, O), t.fillStyle = e.itemHoverColor || u);
+          M === z && (t.fillStyle = this.createCanvasFill(t, typeof e.itemHoverBackgroundColor == "string" ? { type: "Solid", color: e.itemHoverBackgroundColor } : e.itemHoverBackgroundColor || { type: "Solid", color: "#f9fafb" }, i, O) || "#f9fafb", t.fillRect(a + H, Q, i - H * 2, O), t.fillStyle = e.itemHoverColor || p);
         }
         t.fillText(ft, a + S, Q + O / 2);
       });
@@ -3656,52 +3695,52 @@ class fs {
   }
   renderButton(t, s) {
     if (s.children && s.children.length > 0) return;
-    const o = this.objectStates.get(s.id), e = (o == null ? void 0 : o.options) || s.options || {}, i = s.geometry || {}, n = i.width || 120, a = i.height || 40, r = this.lastHoveredObjectId === s.id, c = this.activeObjectId === s.id, p = e.label || {}, l = e.hoverStyle || {}, f = e.activeStyle || {}, g = e.icon || { enabled: !1 };
-    let d = e.backgroundColor || "#3b82f6", u = p.color || "#ffffff", m = p.text || "Button", y = i.cornerRadius ?? 8, S = e.borderColor || "transparent", b = e.borderWidth || 0, v = 1;
-    c && f ? (d = f.backgroundColor || d, u = f.color || u, m = f.text || m, v = f.scale ?? 0.95, y = f.cornerRadius ?? y) : r && l && (d = l.backgroundColor || d, u = l.color || u, m = l.text || m, v = l.scale ?? 1, y = l.cornerRadius ?? y, S = l.borderColor || S);
-    const I = -n / 2, k = -a / 2;
-    t.save(), t.scale(v, v), t.beginPath(), this.drawRoundRect(t, I, k, n, a, y);
-    const A = this.createCanvasFill(t, d, n, a);
+    const o = this.objectStates.get(s.id), e = (o == null ? void 0 : o.options) || s.options || {}, i = s.geometry || {}, n = i.width || 120, a = i.height || 40, r = this.lastHoveredObjectId === s.id, c = this.activeObjectId === s.id, d = e.label || {}, l = e.hoverStyle || {}, f = e.activeStyle || {}, g = e.icon || { enabled: !1 };
+    let u = e.backgroundColor || "#3b82f6", p = d.color || "#ffffff", m = d.text || "Button", y = i.cornerRadius ?? 8, S = e.borderColor || "transparent", b = e.borderWidth || 0, v = 1;
+    c && f ? (u = f.backgroundColor || u, p = f.color || p, m = f.text || m, v = f.scale ?? 0.95, y = f.cornerRadius ?? y) : r && l && (u = l.backgroundColor || u, p = l.color || p, m = l.text || m, v = l.scale ?? 1, y = l.cornerRadius ?? y, S = l.borderColor || S);
+    const w = -n / 2, k = -a / 2;
+    t.save(), t.scale(v, v), t.beginPath(), this.drawRoundRect(t, w, k, n, a, y);
+    const A = this.createCanvasFill(t, u, n, a);
     A && (t.fillStyle = A, t.fill()), (b > 0 || r && l.borderColor) && (t.strokeStyle = S, t.lineWidth = b || (r ? 1 : 0), t.stroke());
-    const x = p.fontSize || 14, B = p.fontFamily || "Inter", F = p.fontWeight || 600;
-    t.font = `${F} ${x}px "${B}", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif`, t.fillStyle = u, t.textAlign = "center", t.textBaseline = "middle";
+    const x = d.fontSize || 14, B = d.fontFamily || "Inter", F = d.fontWeight || 600;
+    t.font = `${F} ${x}px "${B}", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif`, t.fillStyle = p, t.textAlign = "center", t.textBaseline = "middle";
     let K = 0;
     if (g.enabled && g.svgPath) {
       const tt = x * 1.1, rt = g.gap || 8, at = t.measureText(m), O = -(at.width + tt + rt) / 2, $ = g.position === "left" ? O + tt / 2 : O + at.width + rt + tt / 2;
       K = g.position === "left" ? O + tt + rt + at.width / 2 : O + at.width / 2, t.save(), t.translate($, 0);
       const P = new Path2D(g.svgPath), J = tt / 24;
-      t.scale(J, J), t.translate(-12, -12), t.fillStyle = u, t.fill(P), t.restore();
+      t.scale(J, J), t.translate(-12, -12), t.fillStyle = p, t.fill(P), t.restore();
     }
     t.fillText(m, K, 0), t.restore();
   }
   renderToggleButton(t, s) {
     var m, y;
-    const o = this.objectStates.get(s.id), e = (o == null ? void 0 : o.options) || s.options || {}, i = e.checked ?? !1, n = ((m = s.geometry) == null ? void 0 : m.width) || 120, a = ((y = s.geometry) == null ? void 0 : y.height) || 40, r = -n / 2, c = -a / 2, p = e.corner_radius ?? 8, l = e.label || {}, f = i ? e.accentColor || "#3b82f6" : e.inactiveColor || "#374151", g = i ? e.activeTextColor || "#ffffff" : e.inactiveTextColor || "#9ca3af";
-    t.save(), t.beginPath(), this.drawRoundRect(t, r, c, n, a, p), t.fillStyle = f, t.fill();
-    const d = l.fontSize || 14, u = l.fontFamily || "Inter";
-    t.font = `${l.fontWeight || 600} ${d}px "${u}", sans-serif`, t.fillStyle = g, t.textAlign = "center", t.textBaseline = "middle", t.fillText(l.text || "Toggle", 0, 0), t.restore();
+    const o = this.objectStates.get(s.id), e = (o == null ? void 0 : o.options) || s.options || {}, i = e.checked ?? !1, n = ((m = s.geometry) == null ? void 0 : m.width) || 120, a = ((y = s.geometry) == null ? void 0 : y.height) || 40, r = -n / 2, c = -a / 2, d = e.corner_radius ?? 8, l = e.label || {}, f = i ? e.accentColor || "#3b82f6" : e.inactiveColor || "#374151", g = i ? e.activeTextColor || "#ffffff" : e.inactiveTextColor || "#9ca3af";
+    t.save(), t.beginPath(), this.drawRoundRect(t, r, c, n, a, d), t.fillStyle = f, t.fill();
+    const u = l.fontSize || 14, p = l.fontFamily || "Inter";
+    t.font = `${l.fontWeight || 600} ${u}px "${p}", sans-serif`, t.fillStyle = g, t.textAlign = "center", t.textBaseline = "middle", t.fillText(l.text || "Toggle", 0, 0), t.restore();
   }
   renderToggle(t, s) {
-    var J, Z, lt, V, H, it, nt, ft, M, Q, Y, L;
-    const o = this.objectStates.get(s.id), e = (o == null ? void 0 : o.options) || s.options || {}, i = ((J = s.geometry) == null ? void 0 : J.width) || 52, n = ((Z = s.geometry) == null ? void 0 : Z.height) || 30, a = -i / 2, r = -n / 2, c = e.checked ?? !1, p = e.cornerRadius ?? e.corner_radius ?? n / 2, l = e.toggleStyle || {}, f = l.backgroundColor || e.activeColor || "#10b981", g = l.borderColor || e.borderColor || "transparent", d = l.borderWidth ?? e.borderWidth ?? 0, u = l.knobColor || e.knobColor || "#ffffff", m = c ? f : e.inactiveColor || "#374151", y = c ? g : e.borderColor || "transparent", S = c ? d : e.borderWidth ?? 0, b = c ? u : e.knobColor || "#ffffff";
-    e.disabled && (t.globalAlpha *= 0.5), t.beginPath(), this.drawRoundRect(t, a, r, i, n, p);
+    var J, Z, lt, Y, H, it, nt, ft, M, Q, N, L;
+    const o = this.objectStates.get(s.id), e = (o == null ? void 0 : o.options) || s.options || {}, i = ((J = s.geometry) == null ? void 0 : J.width) || 52, n = ((Z = s.geometry) == null ? void 0 : Z.height) || 30, a = -i / 2, r = -n / 2, c = e.checked ?? !1, d = e.cornerRadius ?? e.corner_radius ?? n / 2, l = e.toggleStyle || {}, f = l.backgroundColor || e.activeColor || "#10b981", g = l.borderColor || e.borderColor || "transparent", u = l.borderWidth ?? e.borderWidth ?? 0, p = l.knobColor || e.knobColor || "#ffffff", m = c ? f : e.inactiveColor || "#374151", y = c ? g : e.borderColor || "transparent", S = c ? u : e.borderWidth ?? 0, b = c ? p : e.knobColor || "#ffffff";
+    e.disabled && (t.globalAlpha *= 0.5), t.beginPath(), this.drawRoundRect(t, a, r, i, n, d);
     const v = this.createCanvasFill(t, m, i, n);
     if (v && (t.fillStyle = v, t.fill()), S > 0) {
       t.lineWidth = S;
       const z = this.createCanvasFill(t, y, i, n);
       z && (t.strokeStyle = z, t.stroke());
     }
-    const I = 2, k = n - I * 2, A = k / 2, x = a + I, B = a + i - I - k, F = c ? B : x, K = r + I;
+    const w = 2, k = n - w * 2, A = k / 2, x = a + w, B = a + i - w - k, F = c ? B : x, K = r + w;
     t.beginPath(), t.arc(F + A, K + A, A, 0, Math.PI * 2);
     const tt = this.createCanvasFill(t, b, k, k);
     tt && (t.fillStyle = tt, t.fill()), e.disabled && (t.globalAlpha *= 2);
     let rt = !1, at = !1;
-    const N = (c ? (lt = l.leftLabel) == null ? void 0 : lt.text : null) || ((V = e.leftLabel) == null ? void 0 : V.text) || "", O = (c ? (H = l.leftLabel) == null ? void 0 : H.color : null) || ((it = e.leftLabel) == null ? void 0 : it.color) || "#f3f4f6";
-    if ((nt = e.leftLabel) != null && nt.enabled && N) {
+    const V = (c ? (lt = l.leftLabel) == null ? void 0 : lt.text : null) || ((Y = e.leftLabel) == null ? void 0 : Y.text) || "", O = (c ? (H = l.leftLabel) == null ? void 0 : H.color : null) || ((it = e.leftLabel) == null ? void 0 : it.color) || "#f3f4f6";
+    if ((nt = e.leftLabel) != null && nt.enabled && V) {
       const z = e.leftLabel;
-      t.font = `${z.fontWeight || 400} ${z.fontSize || 12}px "${z.fontFamily || "Inter"}", sans-serif`, t.fillStyle = O, t.textBaseline = "middle", t.textAlign = "right", t.fillText(N, a - (z.gap || 8), 0), rt = !0;
+      t.font = `${z.fontWeight || 400} ${z.fontSize || 12}px "${z.fontFamily || "Inter"}", sans-serif`, t.fillStyle = O, t.textBaseline = "middle", t.textAlign = "right", t.fillText(V, a - (z.gap || 8), 0), rt = !0;
     }
-    const $ = (c ? (ft = l.rightLabel) == null ? void 0 : ft.text : null) || ((M = e.rightLabel) == null ? void 0 : M.text) || "", P = (c ? (Q = l.rightLabel) == null ? void 0 : Q.color : null) || ((Y = e.rightLabel) == null ? void 0 : Y.color) || "#f3f4f6";
+    const $ = (c ? (ft = l.rightLabel) == null ? void 0 : ft.text : null) || ((M = e.rightLabel) == null ? void 0 : M.text) || "", P = (c ? (Q = l.rightLabel) == null ? void 0 : Q.color : null) || ((N = e.rightLabel) == null ? void 0 : N.color) || "#f3f4f6";
     if ((L = e.rightLabel) != null && L.enabled && $) {
       const z = e.rightLabel;
       t.font = `${z.fontWeight || 400} ${z.fontSize || 12}px "${z.fontFamily || "Inter"}", sans-serif`, t.fillStyle = P, t.textBaseline = "middle", t.textAlign = "left", t.fillText($, a + i + (z.gap || 8), 0), at = !0;
@@ -3730,17 +3769,17 @@ class fs {
       pointFill: s.pointFill || "#ffffff",
       pointStrokeColor: s.pointStrokeColor || s.lineColor || "#3b82f6",
       pointStrokeWidth: s.pointStrokeWidth || 2
-    }]), !i || i.length === 0 || !i.some((u) => u.data && u.data.length >= 2)) {
+    }]), !i || i.length === 0 || !i.some((p) => p.data && p.data.length >= 2)) {
       t.save(), t.fillStyle = "#6366f1", t.font = "12px Inter, system-ui, sans-serif", t.textAlign = "center", t.textBaseline = "middle", t.fillText("NO DATA", 0, 0), t.restore();
       return;
     }
     let n = 1 / 0, a = -1 / 0, r = 0;
-    if (i.forEach((u) => {
-      let m = u.data;
-      if (u.isVarEnabled && u.inputId) {
-        let y = this.inputs.get(u.inputId);
+    if (i.forEach((p) => {
+      let m = p.data;
+      if (p.isVarEnabled && p.inputId) {
+        let y = this.inputs.get(p.inputId);
         if (y === void 0) {
-          const S = this.inputNameMap.get(u.inputId);
+          const S = this.inputNameMap.get(p.inputId);
           S && S.length > 0 && (y = this.inputs.get(S[0]));
         }
         y && Array.isArray(y) && (m = y);
@@ -3749,34 +3788,34 @@ class fs {
         const y = m.filter((S) => typeof S == "number" && !isNaN(S));
         y.length > 0 && (n = Math.min(n, ...y), a = Math.max(a, ...y), r = Math.max(r, m.length));
       }
-      u._resolvedData = m;
+      p._resolvedData = m;
     }), r < 2) return;
-    const c = a - n, p = o / (r - 1), l = (u) => {
-      const m = c === 0 ? 0.5 : (u - n) / c;
+    const c = a - n, d = o / (r - 1), l = (p) => {
+      const m = c === 0 ? 0.5 : (p - n) / c;
       return e / 2 - m * e;
-    }, f = (u) => u * p - o / 2, g = s.axisColor || "#333333";
+    }, f = (p) => p * d - o / 2, g = s.axisColor || "#333333";
     if (s.showXAxis && (t.beginPath(), t.strokeStyle = s.xAxisColor || g, t.lineWidth = 1, t.moveTo(-o / 2, e / 2), t.lineTo(o / 2, e / 2), t.stroke()), s.showYAxis && (t.beginPath(), t.strokeStyle = s.yAxisColor || g, t.lineWidth = 1, t.moveTo(-o / 2, -e / 2), t.lineTo(-o / 2, e / 2), t.stroke()), t.fillStyle = s.axisLabelColor || "#333333", t.font = `${s.axisLabelFontSize || 10}px Inter, sans-serif`, s.showXLabels) {
       t.textAlign = "center", t.textBaseline = "top";
-      for (let u = 0; u < r; u++) {
-        const m = f(u);
-        t.fillText(`${u + 1}`, m, e / 2 + 5);
+      for (let p = 0; p < r; p++) {
+        const m = f(p);
+        t.fillText(`${p + 1}`, m, e / 2 + 5);
       }
     }
     if (s.showYLabels) {
       t.textAlign = "right", t.textBaseline = "middle";
-      const u = -o / 2 - 5, m = (a + n) / 2;
-      t.fillText(a.toFixed(1), u, l(a)), t.fillText(m.toFixed(1), u, l(m)), t.fillText(n.toFixed(1), u, l(n));
+      const p = -o / 2 - 5, m = (a + n) / 2;
+      t.fillText(a.toFixed(1), p, l(a)), t.fillText(m.toFixed(1), p, l(m)), t.fillText(n.toFixed(1), p, l(n));
     }
-    const d = 10;
-    if (i.forEach((u) => {
-      const m = u._resolvedData;
+    const u = 10;
+    if (i.forEach((p) => {
+      const m = p._resolvedData;
       if (!(!m || m.length < 2)) {
-        if (u.showArea) {
-          if (t.beginPath(), t.moveTo(f(0), e / 2), t.lineTo(f(0), l(m[0])), u.smoothing && m.length > 2)
+        if (p.showArea) {
+          if (t.beginPath(), t.moveTo(f(0), e / 2), t.lineTo(f(0), l(m[0])), p.smoothing && m.length > 2)
             for (let S = 0; S < m.length - 1; S++) {
-              const b = m[S === 0 ? S : S - 1], v = m[S], I = m[S + 1], k = m[S + 1 === m.length - 1 ? S + 1 : S + 2];
-              for (let A = 1; A <= d; A++) {
-                const x = A / d, B = this._catmullRom(b, v, I, k, x);
+              const b = m[S === 0 ? S : S - 1], v = m[S], w = m[S + 1], k = m[S + 1 === m.length - 1 ? S + 1 : S + 2];
+              for (let A = 1; A <= u; A++) {
+                const x = A / u, B = this._catmullRom(b, v, w, k, x);
                 t.lineTo(f(S + x), l(B));
               }
             }
@@ -3785,31 +3824,31 @@ class fs {
               t.lineTo(f(S), l(m[S]));
           t.lineTo(f(m.length - 1), e / 2), t.closePath();
           const y = t.globalAlpha;
-          t.globalAlpha = y * (s.areaOpacity ?? 0.3), t.fillStyle = u.areaColor || "rgba(139, 92, 246, 0.2)", t.fill(), t.globalAlpha = y;
+          t.globalAlpha = y * (s.areaOpacity ?? 0.3), t.fillStyle = p.areaColor || "rgba(139, 92, 246, 0.2)", t.fill(), t.globalAlpha = y;
         }
-        if (t.beginPath(), t.strokeStyle = u.lineColor || "#3b82f6", t.lineWidth = u.lineWidth || 2, t.lineJoin = "round", t.lineCap = "round", t.moveTo(f(0), l(m[0])), u.smoothing && m.length > 2)
+        if (t.beginPath(), t.strokeStyle = p.lineColor || "#3b82f6", t.lineWidth = p.lineWidth || 2, t.lineJoin = "round", t.lineCap = "round", t.moveTo(f(0), l(m[0])), p.smoothing && m.length > 2)
           for (let y = 0; y < m.length - 1; y++) {
-            const S = m[y === 0 ? y : y - 1], b = m[y], v = m[y + 1], I = m[y + 1 === m.length - 1 ? y + 1 : y + 2];
-            for (let k = 1; k <= d; k++) {
-              const A = k / d, x = this._catmullRom(S, b, v, I, A);
+            const S = m[y === 0 ? y : y - 1], b = m[y], v = m[y + 1], w = m[y + 1 === m.length - 1 ? y + 1 : y + 2];
+            for (let k = 1; k <= u; k++) {
+              const A = k / u, x = this._catmullRom(S, b, v, w, A);
               t.lineTo(f(y + A), l(x));
             }
           }
         else
           for (let y = 1; y < m.length; y++)
             t.lineTo(f(y), l(m[y]));
-        t.stroke(), u.showPoints && m.forEach((y, S) => {
+        t.stroke(), p.showPoints && m.forEach((y, S) => {
           const b = f(S), v = l(y);
-          t.beginPath(), t.arc(b, v, (u.pointSize || 6) / 2, 0, Math.PI * 2), t.fillStyle = u.pointFill || "#ffffff", t.fill(), t.strokeStyle = u.pointStrokeColor || u.lineColor || "#3b82f6", t.lineWidth = u.pointStrokeWidth || 1, t.stroke();
+          t.beginPath(), t.arc(b, v, (p.pointSize || 6) / 2, 0, Math.PI * 2), t.fillStyle = p.pointFill || "#ffffff", t.fill(), t.strokeStyle = p.pointStrokeColor || p.lineColor || "#3b82f6", t.lineWidth = p.pointStrokeWidth || 1, t.stroke();
         });
       }
     }), s.showLegend && i.length > 0) {
-      const u = o / 2 - 10;
+      const p = o / 2 - 10;
       let m = -e / 2 + 15;
       const y = s.legendFontSize || 10, S = y + 5;
       t.font = `${y}px Inter, sans-serif`, t.textAlign = "right", t.textBaseline = "alphabetic", i.forEach((b) => {
-        const I = b.label || "Series", k = t.measureText(I).width;
-        t.beginPath(), t.rect(u - k - 8 - 5, m - (8 / 2 + 2), 8, 8), t.fillStyle = b.lineColor || "#3b82f6", t.fill(), t.fillStyle = s.legendColor || "#333333", t.fillText(I, u, m), m += S;
+        const w = b.label || "Series", k = t.measureText(w).width;
+        t.beginPath(), t.rect(p - k - 8 - 5, m - (8 / 2 + 2), 8, 8), t.fillStyle = b.lineColor || "#3b82f6", t.fill(), t.fillStyle = s.legendColor || "#333333", t.fillText(w, p, m), m += S;
       });
     }
   }
@@ -3826,59 +3865,59 @@ class fs {
     if (!s || s.type === "None") return null;
     if (typeof s == "string") return s;
     if (s.type === "Solid" && s.color) {
-      const r = s.color, p = (((n = (i = this.artboard) == null ? void 0 : i.tokens) == null ? void 0 : n.colors) || {})[r] || r;
-      return t.fillStyle = p, p;
+      const r = s.color, d = (((n = (i = this.artboard) == null ? void 0 : i.tokens) == null ? void 0 : n.colors) || {})[r] || r;
+      return t.fillStyle = d, d;
     }
     if ((s.type === "LinearGradient" || s.type === "RadialGradient" || s.type === "AngularGradient" || s.type === "DiamondGradient") && s.stops) {
-      const r = (c, p = 100) => {
-        var v, I;
-        const f = (((I = (v = this.artboard) == null ? void 0 : v.tokens) == null ? void 0 : I.colors) || {})[c] || c, g = this.normalizeOpacity(s.opacity ?? 100), u = this.normalizeOpacity(p) * g;
-        if (u >= 1 && f.startsWith("#")) return f;
+      const r = (c, d = 100) => {
+        var v, w;
+        const f = (((w = (v = this.artboard) == null ? void 0 : v.tokens) == null ? void 0 : w.colors) || {})[c] || c, g = this.normalizeOpacity(s.opacity ?? 100), p = this.normalizeOpacity(d) * g;
+        if (p >= 1 && f.startsWith("#")) return f;
         const m = f.startsWith("#") ? f.replace("#", "") : "ffffff", y = parseInt(m.substring(0, 2), 16), S = parseInt(m.substring(2, 4), 16), b = parseInt(m.substring(4, 6), 16);
-        return `rgba(${y}, ${S}, ${b}, ${u})`;
+        return `rgba(${y}, ${S}, ${b}, ${p})`;
       };
       if (s.type === "LinearGradient") {
-        const c = (u, m, y) => Array.isArray(u) ? u[m] ?? (m === 0 ? 0 : 1) : u && typeof u == "object" ? u[y] ?? (m === 0 ? 0 : 1) : m === 0 ? 0 : 1, p = c(s.start, 0, "x") * o - o / 2, l = c(s.start, 1, "y") * e - e / 2, f = c(s.end, 0, "x") * o - o / 2, g = c(s.end, 1, "y") * e - e / 2, d = t.createLinearGradient(p, l, f, g);
-        if (s.stops.forEach((u) => {
-          const m = u.offset !== void 0 ? u.offset : u.pos !== void 0 ? u.pos : u.position !== void 0 ? u.position : 0, y = r(u.color || "#000000", u.opacity ?? 100);
-          d.addColorStop(Math.max(0, Math.min(1, m)), y);
-        }), s.gradientTransform && d.setTransform) {
-          const [u, m, y, S, b, v] = s.gradientTransform;
-          d.setTransform({ a: u, b: m, c: y, d: S, e: b, f: v });
+        const c = (p, m, y) => Array.isArray(p) ? p[m] ?? (m === 0 ? 0 : 1) : p && typeof p == "object" ? p[y] ?? (m === 0 ? 0 : 1) : m === 0 ? 0 : 1, d = c(s.start, 0, "x") * o - o / 2, l = c(s.start, 1, "y") * e - e / 2, f = c(s.end, 0, "x") * o - o / 2, g = c(s.end, 1, "y") * e - e / 2, u = t.createLinearGradient(d, l, f, g);
+        if (s.stops.forEach((p) => {
+          const m = p.offset !== void 0 ? p.offset : p.pos !== void 0 ? p.pos : p.position !== void 0 ? p.position : 0, y = r(p.color || "#000000", p.opacity ?? 100);
+          u.addColorStop(Math.max(0, Math.min(1, m)), y);
+        }), s.gradientTransform && u.setTransform) {
+          const [p, m, y, S, b, v] = s.gradientTransform;
+          u.setTransform({ a: p, b: m, c: y, d: S, e: b, f: v });
         }
-        return d;
+        return u;
       } else if (s.type === "RadialGradient") {
-        const c = (d, u, m) => Array.isArray(d) ? d[u] ?? 0.5 : d && typeof d == "object" ? d[m] ?? 0.5 : 0.5, p = c(s.center, 0, "x") * o - o / 2, l = c(s.center, 1, "y") * e - e / 2, f = (s.radius ?? 0.5) * Math.max(o, e), g = t.createRadialGradient(p, l, 0, p, l, f);
-        if (s.stops.forEach((d) => {
-          const u = d.offset !== void 0 ? d.offset : d.pos !== void 0 ? d.pos : d.position !== void 0 ? d.position : 0, m = r(d.color || "#000000", d.opacity ?? 100);
-          g.addColorStop(Math.max(0, Math.min(1, u)), m);
+        const c = (u, p, m) => Array.isArray(u) ? u[p] ?? 0.5 : u && typeof u == "object" ? u[m] ?? 0.5 : 0.5, d = c(s.center, 0, "x") * o - o / 2, l = c(s.center, 1, "y") * e - e / 2, f = (s.radius ?? 0.5) * Math.max(o, e), g = t.createRadialGradient(d, l, 0, d, l, f);
+        if (s.stops.forEach((u) => {
+          const p = u.offset !== void 0 ? u.offset : u.pos !== void 0 ? u.pos : u.position !== void 0 ? u.position : 0, m = r(u.color || "#000000", u.opacity ?? 100);
+          g.addColorStop(Math.max(0, Math.min(1, p)), m);
         }), s.gradientTransform && g.setTransform) {
-          const [d, u, m, y, S, b] = s.gradientTransform;
-          g.setTransform({ a: d, b: u, c: m, d: y, e: S, f: b });
+          const [u, p, m, y, S, b] = s.gradientTransform;
+          g.setTransform({ a: u, b: p, c: m, d: y, e: S, f: b });
         }
         return g;
       } else if (s.type === "AngularGradient") {
-        const c = (d, u, m) => Array.isArray(d) ? d[u] ?? 0.5 : d && typeof d == "object" ? d[m] ?? 0.5 : 0.5, p = c(s.center || [0.5, 0.5], 0, "x") * o - o / 2, l = c(s.center || [0.5, 0.5], 1, "y") * e - e / 2, f = (s.degree || s.angle || 0) * (Math.PI / 180), g = (a = t.createConicGradient) == null ? void 0 : a.call(t, f, p, l);
+        const c = (u, p, m) => Array.isArray(u) ? u[p] ?? 0.5 : u && typeof u == "object" ? u[m] ?? 0.5 : 0.5, d = c(s.center || [0.5, 0.5], 0, "x") * o - o / 2, l = c(s.center || [0.5, 0.5], 1, "y") * e - e / 2, f = (s.degree || s.angle || 0) * (Math.PI / 180), g = (a = t.createConicGradient) == null ? void 0 : a.call(t, f, d, l);
         if (g) {
-          if (s.stops.forEach((d) => {
-            const u = d.offset !== void 0 ? d.offset : d.pos !== void 0 ? d.pos : d.position !== void 0 ? d.position : 0, m = r(d.color || "#000000", d.opacity ?? 100);
-            g.addColorStop(Math.max(0, Math.min(1, u)), m);
+          if (s.stops.forEach((u) => {
+            const p = u.offset !== void 0 ? u.offset : u.pos !== void 0 ? u.pos : u.position !== void 0 ? u.position : 0, m = r(u.color || "#000000", u.opacity ?? 100);
+            g.addColorStop(Math.max(0, Math.min(1, p)), m);
           }), s.gradientTransform && g.setTransform) {
-            const [d, u, m, y, S, b] = s.gradientTransform;
-            g.setTransform({ a: d, b: u, c: m, d: y, e: S, f: b });
+            const [u, p, m, y, S, b] = s.gradientTransform;
+            g.setTransform({ a: u, b: p, c: m, d: y, e: S, f: b });
           }
           return g;
         }
       } else if (s.type === "DiamondGradient") {
-        const c = (d, u, m) => Array.isArray(d) ? d[u] ?? 0.5 : d && typeof d == "object" ? d[m] ?? 0.5 : 0.5, p = c(s.center || [0.5, 0.5], 0, "x") * o - o / 2, l = c(s.center || [0.5, 0.5], 1, "y") * e - e / 2, f = (s.radius ?? 0.5) * Math.max(o, e);
-        t.save(), t.translate(p, l), t.rotate(Math.PI / 4);
+        const c = (u, p, m) => Array.isArray(u) ? u[p] ?? 0.5 : u && typeof u == "object" ? u[m] ?? 0.5 : 0.5, d = c(s.center || [0.5, 0.5], 0, "x") * o - o / 2, l = c(s.center || [0.5, 0.5], 1, "y") * e - e / 2, f = (s.radius ?? 0.5) * Math.max(o, e);
+        t.save(), t.translate(d, l), t.rotate(Math.PI / 4);
         const g = t.createRadialGradient(0, 0, 0, 0, 0, f);
-        if (s.stops.forEach((d) => {
-          const u = d.offset !== void 0 ? d.offset : d.pos !== void 0 ? d.pos : d.position !== void 0 ? d.position : 0, m = r(d.color || "#000000", d.opacity ?? 100);
-          g.addColorStop(Math.max(0, Math.min(1, u)), m);
+        if (s.stops.forEach((u) => {
+          const p = u.offset !== void 0 ? u.offset : u.pos !== void 0 ? u.pos : u.position !== void 0 ? u.position : 0, m = r(u.color || "#000000", u.opacity ?? 100);
+          g.addColorStop(Math.max(0, Math.min(1, p)), m);
         }), s.gradientTransform && g.setTransform) {
-          const [d, u, m, y, S, b] = s.gradientTransform;
-          g.setTransform({ a: d, b: u, c: m, d: y, e: S, f: b });
+          const [u, p, m, y, S, b] = s.gradientTransform;
+          g.setTransform({ a: u, b: p, c: m, d: y, e: S, f: b });
         }
         return t.scale(1 / Math.SQRT2, 1 / Math.SQRT2), t.fillStyle = g, t.restore(), g;
       }
@@ -3888,8 +3927,8 @@ class fs {
       if (r || (r = new Image(), r.src = s.url, this.imageCache.set(s.url, r)), r.complete && r.naturalWidth > 0) {
         const c = t.createPattern(r, "repeat");
         if (c && (s.scaleX !== void 0 || s.offsetX !== void 0)) {
-          const p = new DOMMatrix(), l = s.scaleX ?? 1, f = s.scaleY ?? 1, g = s.offsetX ?? 0, d = s.offsetY ?? 0, u = s.rotation ?? 0;
-          p.translateSelf(g, d), p.rotateSelf(u), p.scaleSelf(l, f), c.setTransform(p);
+          const d = new DOMMatrix(), l = s.scaleX ?? 1, f = s.scaleY ?? 1, g = s.offsetX ?? 0, u = s.offsetY ?? 0, p = s.rotation ?? 0;
+          d.translateSelf(g, u), d.rotateSelf(p), d.scaleSelf(l, f), c.setTransform(d);
         }
         return c;
       }
@@ -3908,18 +3947,18 @@ class fs {
       } catch {
         a = parseFloat(a) || 0;
       }
-    let r = 0, c = 0, p = 0, l = 0;
-    typeof a == "number" ? r = c = p = l = a : Array.isArray(a) ? a.length === 1 ? r = c = p = l = a[0] : a.length === 2 ? (r = p = a[0], c = l = a[1]) : a.length === 3 ? (r = a[0], c = l = a[1], p = a[2]) : a.length >= 4 && (r = a[0], c = a[1], p = a[2], l = a[3]) : a && typeof a == "object" && (r = a.tl ?? a.corner_radius ?? a.cornerRadius ?? 0, c = a.tr ?? a.corner_radius ?? a.cornerRadius ?? 0, p = a.br ?? a.corner_radius ?? a.cornerRadius ?? 0, l = a.bl ?? a.corner_radius ?? a.cornerRadius ?? 0);
+    let r = 0, c = 0, d = 0, l = 0;
+    typeof a == "number" ? r = c = d = l = a : Array.isArray(a) ? a.length === 1 ? r = c = d = l = a[0] : a.length === 2 ? (r = d = a[0], c = l = a[1]) : a.length === 3 ? (r = a[0], c = l = a[1], d = a[2]) : a.length >= 4 && (r = a[0], c = a[1], d = a[2], l = a[3]) : a && typeof a == "object" && (r = a.tl ?? a.corner_radius ?? a.cornerRadius ?? 0, c = a.tr ?? a.corner_radius ?? a.cornerRadius ?? 0, d = a.br ?? a.corner_radius ?? a.cornerRadius ?? 0, l = a.bl ?? a.corner_radius ?? a.cornerRadius ?? 0);
     const f = Math.min(Math.abs(e) / 2, Math.abs(i) / 2);
-    if (r = Math.min(Math.max(0, r), f), c = Math.min(Math.max(0, c), f), p = Math.min(Math.max(0, p), f), l = Math.min(Math.max(0, l), f), t.roundRect) {
-      t.roundRect(s, o, e, i, [r, c, p, l]);
+    if (r = Math.min(Math.max(0, r), f), c = Math.min(Math.max(0, c), f), d = Math.min(Math.max(0, d), f), l = Math.min(Math.max(0, l), f), t.roundRect) {
+      t.roundRect(s, o, e, i, [r, c, d, l]);
       return;
     }
-    t.moveTo(s + r, o), t.lineTo(s + e - c, o), t.arcTo(s + e, o, s + e, o + c, c), t.lineTo(s + e, o + i - p), t.arcTo(s + e, o + i, s + e - p, o + i, p), t.lineTo(s + l, o + i), t.arcTo(s, o + i, s, o + i - l, l), t.lineTo(s, o + r), t.arcTo(s, o, s + r, o, r), t.closePath();
+    t.moveTo(s + r, o), t.lineTo(s + e - c, o), t.arcTo(s + e, o, s + e, o + c, c), t.lineTo(s + e, o + i - d), t.arcTo(s + e, o + i, s + e - d, o + i, d), t.lineTo(s + l, o + i), t.arcTo(s, o + i, s, o + i - l, l), t.lineTo(s, o + r), t.arcTo(s, o, s + r, o, r), t.closePath();
   }
   renderListView(t, s) {
-    var at, N, O, $;
-    const o = this.objectStates.get(s.id) || {}, e = o.options || s.options || {}, i = o.width !== void 0 ? o.width : ((at = s.geometry) == null ? void 0 : at.width) || 200, n = o.height !== void 0 ? o.height : ((N = s.geometry) == null ? void 0 : N.height) || 300, a = -i / 2, r = -n / 2, c = o.corner_radius !== void 0 ? o.corner_radius : e.corner_radius ?? 0, p = e.orientation || "vertical", l = e.items || [], f = e.itemGap ?? 10, g = e.itemHeight ?? 50, d = e.itemWidth ?? 200, u = e.scrollOffset ?? 0, m = e.padding ?? 0, y = e.glassEffect !== !1, S = e.accentColor || "#3b82f6", b = e.itemTextColor || "#333333", v = e.itemBackgroundColor || "#ffffff", I = e.hoveredIndex ?? null, k = e.activeItemIndex ?? null, A = e.glowIntensity ?? 0, x = e.glowColor || "#3b82f6", B = typeof x == "string" ? x : x.color || (($ = (O = x.stops) == null ? void 0 : O[0]) == null ? void 0 : $.color) || "#3b82f6", F = e.opacity !== void 0 ? e.opacity : s.opacity !== void 0 ? s.opacity : 1;
+    var at, V, O, $;
+    const o = this.objectStates.get(s.id) || {}, e = o.options || s.options || {}, i = o.width !== void 0 ? o.width : ((at = s.geometry) == null ? void 0 : at.width) || 200, n = o.height !== void 0 ? o.height : ((V = s.geometry) == null ? void 0 : V.height) || 300, a = -i / 2, r = -n / 2, c = o.corner_radius !== void 0 ? o.corner_radius : e.corner_radius ?? 0, d = e.orientation || "vertical", l = e.items || [], f = e.itemGap ?? 10, g = e.itemHeight ?? 50, u = e.itemWidth ?? 200, p = e.scrollOffset ?? 0, m = e.padding ?? 0, y = e.glassEffect !== !1, S = e.accentColor || "#3b82f6", b = e.itemTextColor || "#333333", v = e.itemBackgroundColor || "#ffffff", w = e.hoveredIndex ?? null, k = e.activeItemIndex ?? null, A = e.glowIntensity ?? 0, x = e.glowColor || "#3b82f6", B = typeof x == "string" ? x : x.color || (($ = (O = x.stops) == null ? void 0 : O[0]) == null ? void 0 : $.color) || "#3b82f6", F = e.opacity !== void 0 ? e.opacity : s.opacity !== void 0 ? s.opacity : 1;
     if (t.save(), t.globalAlpha *= F, A > 0) {
       const P = t.getTransform(), J = Math.sqrt(P.a * P.a + P.b * P.b) || 1;
       t.shadowColor = B, t.shadowBlur = A * 2 * J, t.shadowOffsetX = 0, t.shadowOffsetY = 0;
@@ -3936,34 +3975,34 @@ class fs {
       Z > 0 && (t.strokeStyle = e.borderColor || "#cccccc", t.lineWidth = Z, this.drawListViewRect(t, a, r, i, n, c), t.stroke());
     }
     t.shadowBlur = 0, t.save(), this.drawListViewRect(t, a, r, i, n, c), t.clip();
-    const K = typeof m == "number" ? m : p === "vertical" ? m[0] : m[3];
-    let tt = (p === "vertical" ? r : a) + u + K;
+    const K = typeof m == "number" ? m : d === "vertical" ? m[0] : m[3];
+    let tt = (d === "vertical" ? r : a) + p + K;
     if (t.textBaseline = "middle", l.forEach((P, J) => {
-      const Z = p === "vertical" ? i : d, lt = p === "vertical" ? g : n, V = p === "vertical" ? a : tt, H = p === "vertical" ? tt : r, it = I === J, nt = k === J;
+      const Z = d === "vertical" ? i : u, lt = d === "vertical" ? g : n, Y = d === "vertical" ? a : tt, H = d === "vertical" ? tt : r, it = w === J, nt = k === J;
       if (nt) {
         const L = this.createCanvasFill(t, S, Z, lt);
         t.fillStyle = L || S;
         const z = t.globalAlpha;
-        t.globalAlpha = z * 0.8, t.fillRect(V, H, Z, lt), t.globalAlpha = z;
+        t.globalAlpha = z * 0.8, t.fillRect(Y, H, Z, lt), t.globalAlpha = z;
       } else if (it)
-        t.fillStyle = y ? "rgba(255, 255, 255, 0.1)" : "rgba(0, 0, 0, 0.05)", t.fillRect(V, H, Z, lt);
+        t.fillStyle = y ? "rgba(255, 255, 255, 0.1)" : "rgba(0, 0, 0, 0.05)", t.fillRect(Y, H, Z, lt);
       else if (v !== "transparent") {
         const L = this.createCanvasFill(t, v, Z, lt);
-        t.fillStyle = L || v, t.fillRect(V, H, Z, lt);
+        t.fillStyle = L || v, t.fillRect(Y, H, Z, lt);
       }
       if (nt || it) {
-        const L = this.createCanvasFill(t, S, p === "vertical" ? 3 : Z, p === "vertical" ? lt : 3);
-        t.fillStyle = L || S, p === "vertical" ? t.fillRect(V, H, 3, lt) : t.fillRect(V, H + lt - 3, Z, 3);
+        const L = this.createCanvasFill(t, S, d === "vertical" ? 3 : Z, d === "vertical" ? lt : 3);
+        t.fillStyle = L || S, d === "vertical" ? t.fillRect(Y, H, 3, lt) : t.fillRect(Y, H + lt - 3, Z, 3);
       }
       const ft = nt ? "#ffffff" : y ? "rgba(255, 255, 255, 0.9)" : b;
       t.fillStyle = ft, t.font = nt || it ? "600 14px Inter, sans-serif" : "400 14px Inter, sans-serif";
-      const M = typeof P == "string" ? P : (P == null ? void 0 : P.label) || `Item ${J + 1}`, Q = V + (p === "vertical" ? 16 : Z / 2), Y = H + lt / 2;
-      p === "horizontal" ? t.textAlign = "center" : t.textAlign = "left", t.fillText(M, Q, Y), tt += (p === "vertical" ? g : d) + f;
+      const M = typeof P == "string" ? P : (P == null ? void 0 : P.label) || `Item ${J + 1}`, Q = Y + (d === "vertical" ? 16 : Z / 2), N = H + lt / 2;
+      d === "horizontal" ? t.textAlign = "center" : t.textAlign = "left", t.fillText(M, Q, N), tt += (d === "vertical" ? g : u) + f;
     }), t.restore(), e.showScrollbar !== !1) {
-      const P = (l.length || 0) * (p === "vertical" ? g : d) + ((l.length || 0) - 1) * f, J = p === "vertical" ? n : i;
+      const P = (l.length || 0) * (d === "vertical" ? g : u) + ((l.length || 0) - 1) * f, J = d === "vertical" ? n : i;
       if (P > J) {
-        const Z = J / P, lt = J * Z, V = -u / P * J, H = e.scrollbarColor || "rgba(255,255,255,0.3)", it = e.scrollbarWidth || 4;
-        t.fillStyle = H, p === "vertical" ? t.fillRect(a + i - it - 2, r + V, it, lt) : t.fillRect(a + V, r + n - it - 2, lt, it);
+        const Z = J / P, lt = J * Z, Y = -p / P * J, H = e.scrollbarColor || "rgba(255,255,255,0.3)", it = e.scrollbarWidth || 4;
+        t.fillStyle = H, d === "vertical" ? t.fillRect(a + i - it - 2, r + Y, it, lt) : t.fillRect(a + Y, r + n - it - 2, lt, it);
       }
     }
     t.restore();
@@ -3973,8 +4012,8 @@ class fs {
     if (!this._lastPointerPos || !this._prevPointerPos) return;
     const s = t.options || {}, o = s.orientation || "vertical", e = this._lastPointerPos.x - this._prevPointerPos.x, i = this._lastPointerPos.y - this._prevPointerPos.y;
     o === "vertical" ? s.scrollOffset = (s.scrollOffset || 0) + i : s.scrollOffset = (s.scrollOffset || 0) + e;
-    const n = this.objectStates.get(t.id) || {}, a = s.items || [], r = s.itemGap ?? 10, c = s.itemHeight ?? 50, p = s.itemWidth ?? 200, l = n.width !== void 0 ? n.width : ((m = t.geometry) == null ? void 0 : m.width) || 200, f = n.height !== void 0 ? n.height : ((y = t.geometry) == null ? void 0 : y.height) || 300, g = (a.length || 0) * (o === "vertical" ? c : p) + ((a.length || 0) - 1) * r, u = Math.max(0, g - (o === "vertical" ? f : l) + (s.padding * 2 || 0));
-    s.scrollOffset > 0 && (s.scrollOffset = 0), s.scrollOffset < -u && (s.scrollOffset = -u);
+    const n = this.objectStates.get(t.id) || {}, a = s.items || [], r = s.itemGap ?? 10, c = s.itemHeight ?? 50, d = s.itemWidth ?? 200, l = n.width !== void 0 ? n.width : ((m = t.geometry) == null ? void 0 : m.width) || 200, f = n.height !== void 0 ? n.height : ((y = t.geometry) == null ? void 0 : y.height) || 300, g = (a.length || 0) * (o === "vertical" ? c : d) + ((a.length || 0) - 1) * r, p = Math.max(0, g - (o === "vertical" ? f : l) + (s.padding * 2 || 0));
+    s.scrollOffset > 0 && (s.scrollOffset = 0), s.scrollOffset < -p && (s.scrollOffset = -p);
   }
   updateListViewHoverFromPointer(t, s, o) {
     const e = this.getListViewItemIndexAtPointer(t, s, o), i = t.options || {};
@@ -3984,13 +4023,13 @@ class fs {
     var K, tt;
     const e = t.options || {}, i = this.objectStates.get(t.id) || {}, n = e.items || [];
     if (n.length === 0) return null;
-    const a = i.width !== void 0 ? i.width : ((K = t.geometry) == null ? void 0 : K.width) || 200, r = i.height !== void 0 ? i.height : ((tt = t.geometry) == null ? void 0 : tt.height) || 300, c = e.orientation || "vertical", p = e.itemGap ?? 10, l = e.itemHeight ?? 50, f = e.itemWidth ?? 200, g = e.scrollOffset ?? 0, d = e.padding ?? 0, u = this.getWorldTransform(t.id), m = s - u.x, y = o - u.y, S = -u.rotation * (Math.PI / 180), b = Math.cos(S), v = Math.sin(S), I = m * b - y * v, k = m * v + y * b, A = -a / 2, x = -r / 2, B = typeof d == "number" ? d : c === "vertical" ? d[0] : d[3];
+    const a = i.width !== void 0 ? i.width : ((K = t.geometry) == null ? void 0 : K.width) || 200, r = i.height !== void 0 ? i.height : ((tt = t.geometry) == null ? void 0 : tt.height) || 300, c = e.orientation || "vertical", d = e.itemGap ?? 10, l = e.itemHeight ?? 50, f = e.itemWidth ?? 200, g = e.scrollOffset ?? 0, u = e.padding ?? 0, p = this.getWorldTransform(t.id), m = s - p.x, y = o - p.y, S = -p.rotation * (Math.PI / 180), b = Math.cos(S), v = Math.sin(S), w = m * b - y * v, k = m * v + y * b, A = -a / 2, x = -r / 2, B = typeof u == "number" ? u : c === "vertical" ? u[0] : u[3];
     let F = (c === "vertical" ? x : A) + g + B;
     for (let rt = 0; rt < n.length; rt++) {
-      const at = c === "vertical" ? a : f, N = c === "vertical" ? l : r, O = c === "vertical" ? A : F, $ = c === "vertical" ? F : x;
-      if (I >= O && I <= O + at && k >= $ && k <= $ + N)
+      const at = c === "vertical" ? a : f, V = c === "vertical" ? l : r, O = c === "vertical" ? A : F, $ = c === "vertical" ? F : x;
+      if (w >= O && w <= O + at && k >= $ && k <= $ + V)
         return rt;
-      F += (c === "vertical" ? l : f) + p;
+      F += (c === "vertical" ? l : f) + d;
     }
     return null;
   }
@@ -4008,145 +4047,145 @@ class fs {
       if (!e.behaviors || e.behaviors.length === 0) return;
       const i = this.objectStates.get(e.id);
       i && e.behaviors.forEach((n) => {
-        var f, g, d, u, m, y, S, b, v, I, k, A, x, B, F, K, tt, rt, at, N, O, $, P, J, Z, lt, V, H, it, nt, ft, M, Q, Y, L, z, pt, vt, yt, xt, kt, Tt, Ft, Dt, $t, Lt, Vt, st, ct, _, C, W, j, bt, Mt, ht, Et, mt, w, _t, Bt, Rt, dt, T, X, ut, E, R, et, Ct, Pt, St, Ot, It, Nt, Ut, qt;
+        var f, g, u, p, m, y, S, b, v, w, k, A, x, B, F, K, tt, rt, at, V, O, $, P, J, Z, lt, Y, H, it, nt, ft, M, Q, N, L, z, pt, vt, yt, xt, kt, Tt, Ft, Dt, $t, Lt, Yt, st, ct, _, C, W, j, bt, Mt, ht, Et, mt, I, _t, Bt, Rt, dt, T, G, ut, E, R, et, Ct, Pt, St, Ot, wt, Vt, Ut, qt;
         if (!n.enabled) return;
         const a = n.startTime || 0, r = n.endTime || 1 / 0;
         if (this.currentTime < a || this.currentTime > r) return;
-        const c = i.x - s, p = i.y - o, l = Math.sqrt(c * c + p * p);
+        const c = i.x - s, d = i.y - o, l = Math.sqrt(c * c + d * d);
         if (this.frameCount % 240 === 0 && Math.random() < 0.1 && console.log(`[ExodeUI] Executing ${n.type} on ${e.name}`), n.type === D.Proximity) {
-          const U = ((f = n.settings) == null ? void 0 : f.radius) || 300, G = ((g = n.settings) == null ? void 0 : g.falloff) || "smooth";
+          const U = ((f = n.settings) == null ? void 0 : f.radius) || 300, X = ((g = n.settings) == null ? void 0 : g.falloff) || "smooth";
           let q = 0;
-          l < U && (G === "linear" ? q = 1 - l / U : q = Math.pow(1 - l / U, 2)), q > 0 && n.sensors.forEach((wt) => {
-            this.applyBehaviorSensor(i, wt, q, t, n.settings, e);
+          l < U && (X === "linear" ? q = 1 - l / U : q = Math.pow(1 - l / U, 2)), q > 0 && n.sensors.forEach((It) => {
+            this.applyBehaviorSensor(i, It, q, t, n.settings, e);
           });
         } else if (n.type === D.Magnetic) {
-          const U = ((d = n.settings) == null ? void 0 : d.radius) || 400, G = ((u = n.settings) == null ? void 0 : u.strength) || 0.5;
+          const U = ((u = n.settings) == null ? void 0 : u.radius) || 400, X = ((p = n.settings) == null ? void 0 : p.strength) || 0.5;
           if (l < U && l > 5) {
-            const q = 1 - l / U, wt = c * q * G, At = p * q * G;
-            i.x -= wt * t * 10, i.y -= At * t * 10;
+            const q = 1 - l / U, It = c * q * X, At = d * q * X;
+            i.x -= It * t * 10, i.y -= At * t * 10;
           }
         } else if (n.type === D.Repel) {
-          const U = ((m = n.settings) == null ? void 0 : m.radius) || 300, G = ((y = n.settings) == null ? void 0 : y.strength) || 1;
+          const U = ((m = n.settings) == null ? void 0 : m.radius) || 300, X = ((y = n.settings) == null ? void 0 : y.strength) || 1;
           if (l < U) {
             const q = Math.pow(1 - l / U, 2);
-            i.x += c / (l || 1) * q * 60 * G * t * 5, i.y += p / (l || 1) * q * 60 * G * t * 5;
+            i.x += c / (l || 1) * q * 60 * X * t * 5, i.y += d / (l || 1) * q * 60 * X * t * 5;
           }
         } else if (n.type === D.Orbit) {
-          const U = ((S = n.settings) == null ? void 0 : S.speed) || 1, G = ((b = n.settings) == null ? void 0 : b.radius) || 30, q = this.currentTime * U * Math.PI * 2;
-          i.x += Math.cos(q) * G * t * 5, i.y += Math.sin(q) * G * t * 5, i.rotation += 2 * t * 5;
+          const U = ((S = n.settings) == null ? void 0 : S.speed) || 1, X = ((b = n.settings) == null ? void 0 : b.radius) || 30, q = this.currentTime * U * Math.PI * 2;
+          i.x += Math.cos(q) * X * t * 5, i.y += Math.sin(q) * X * t * 5, i.rotation += 2 * t * 5;
         } else if (n.type === D.Vortex) {
-          const U = ((v = n.settings) == null ? void 0 : v.radius) || 400, G = ((I = n.settings) == null ? void 0 : I.speed) || 2, q = ((k = n.settings) == null ? void 0 : k.strength) || 1;
+          const U = ((v = n.settings) == null ? void 0 : v.radius) || 400, X = ((w = n.settings) == null ? void 0 : w.speed) || 2, q = ((k = n.settings) == null ? void 0 : k.strength) || 1;
           if (l < U) {
-            const wt = Math.pow(1 - l / U, 1.5), At = this.currentTime * G * Math.PI * 2, Xt = Math.cos(At) * 30 - c * 0.4, Gt = Math.sin(At) * 30 - p * 0.4;
-            i.x += Xt * wt * q * t * 5, i.y += Gt * wt * q * t * 5, i.rotation += 5 * wt * q * t * 5, i.scale_x *= 1 - wt * 0.1 * q * t, i.scale_y *= 1 - wt * 0.1 * q * t;
+            const It = Math.pow(1 - l / U, 1.5), At = this.currentTime * X * Math.PI * 2, Gt = Math.cos(At) * 30 - c * 0.4, Xt = Math.sin(At) * 30 - d * 0.4;
+            i.x += Gt * It * q * t * 5, i.y += Xt * It * q * t * 5, i.rotation += 5 * It * q * t * 5, i.scale_x *= 1 - It * 0.1 * q * t, i.scale_y *= 1 - It * 0.1 * q * t;
           }
         } else if (n.type === D.Fluid) {
-          const U = ((A = n.settings) == null ? void 0 : A.radius) || 300, G = ((x = n.settings) == null ? void 0 : x.strength) || 1;
+          const U = ((A = n.settings) == null ? void 0 : A.radius) || 300, X = ((x = n.settings) == null ? void 0 : x.strength) || 1;
           if (l < U) {
-            const q = Math.pow(1 - l / U, 1.2), wt = c / (l || 1) * q * 1.2 * G, At = p / (l || 1) * q * 1.2 * G;
-            i.x += wt * 10 * t * 5, i.y += At * 10 * t * 5, i.scale_x *= 1 + q * 0.3 * G * t, i.scale_y *= 1 + q * 0.3 * G * t;
+            const q = Math.pow(1 - l / U, 1.2), It = c / (l || 1) * q * 1.2 * X, At = d / (l || 1) * q * 1.2 * X;
+            i.x += It * 10 * t * 5, i.y += At * 10 * t * 5, i.scale_x *= 1 + q * 0.3 * X * t, i.scale_y *= 1 + q * 0.3 * X * t;
           }
         } else if (n.type === D.Elastic) {
-          const U = ((B = n.settings) == null ? void 0 : B.radius) || 300, G = ((F = n.settings) == null ? void 0 : F.strength) || 1;
+          const U = ((B = n.settings) == null ? void 0 : B.radius) || 300, X = ((F = n.settings) == null ? void 0 : F.strength) || 1;
           if (l < U) {
             const q = 1 - l / U;
-            i.scale_x *= 1 + q * 0.4 * G * t, i.scale_y *= 1 + q * 0.4 * G * t;
+            i.scale_x *= 1 + q * 0.4 * X * t, i.scale_y *= 1 + q * 0.4 * X * t;
           }
         } else if (n.type === D.Holographic) {
-          const U = i.x - this.canvasWidth / 2, G = i.y - this.canvasHeight / 2, q = ((K = n.settings) == null ? void 0 : K.factor) || 25;
-          if (i.x -= U / 1e3 * q * t * 5, i.y -= G / 1e3 * q * t * 5, i.style) {
-            const wt = 1 - Math.min(1, l / 400);
-            i.style.exposure = (i.style.exposure || 1) + wt * 0.5 * t;
+          const U = i.x - this.canvasWidth / 2, X = i.y - this.canvasHeight / 2, q = ((K = n.settings) == null ? void 0 : K.factor) || 25;
+          if (i.x -= U / 1e3 * q * t * 5, i.y -= X / 1e3 * q * t * 5, i.style) {
+            const It = 1 - Math.min(1, l / 400);
+            i.style.exposure = (i.style.exposure || 1) + It * 0.5 * t;
           }
         } else if (n.type === D.Sticky) {
-          const U = ((tt = n.settings) == null ? void 0 : tt.radius) || 80, G = ((rt = n.settings) == null ? void 0 : rt.strength) || 1;
+          const U = ((tt = n.settings) == null ? void 0 : tt.radius) || 80, X = ((rt = n.settings) == null ? void 0 : rt.strength) || 1;
           if (l < U) {
             const q = Math.pow(1 - l / U, 2);
-            i.x -= c * q * G * t * 10, i.y -= p * q * G * t * 10, i.scale_x *= 1 - q * 0.1 * G * t, i.scale_y *= 1 - q * 0.1 * G * t;
+            i.x -= c * q * X * t * 10, i.y -= d * q * X * t * 10, i.scale_x *= 1 - q * 0.1 * X * t, i.scale_y *= 1 - q * 0.1 * X * t;
           }
         } else if (n.type === D.Dilation) {
-          const U = ((at = n.settings) == null ? void 0 : at.size) || 120, G = ((N = n.settings) == null ? void 0 : N.strength) || 1;
+          const U = ((at = n.settings) == null ? void 0 : at.size) || 120, X = ((V = n.settings) == null ? void 0 : V.strength) || 1;
           if (l < U) {
             const q = 1 - l / U;
-            i.scale_x *= 1 + q * 0.5 * G * t, i.scale_y *= 1 + q * 0.5 * G * t;
+            i.scale_x *= 1 + q * 0.5 * X * t, i.scale_y *= 1 + q * 0.5 * X * t;
           }
         } else if (n.type === D.Parallax) {
-          const U = ((O = n.settings) == null ? void 0 : O.factor) || 0.05, G = this.canvasHeight / 2, q = (this._lastPointerPos.y - G) * U;
+          const U = ((O = n.settings) == null ? void 0 : O.factor) || 0.05, X = this.canvasHeight / 2, q = (this._lastPointerPos.y - X) * U;
           i.y += q * t * 10;
         } else if (n.type === D.Squash) {
           const U = (($ = n.settings) == null ? void 0 : $.strength) || 0.8;
           l < (e.width || 100) && this.isMouseDown ? (i.scale_y = this.lerp(i.scale_y ?? 1, (((P = e.transform) == null ? void 0 : P.scale_y) ?? 1) * U, 0.3), i.scale_x = this.lerp(i.scale_x ?? 1, (((J = e.transform) == null ? void 0 : J.scale_x) ?? 1) * (1 + (1 - U) * 0.4), 0.3)) : (i.scale_y = this.lerp(i.scale_y ?? 1, ((Z = e.transform) == null ? void 0 : Z.scale_y) ?? 1, 0.2), i.scale_x = this.lerp(i.scale_x ?? 1, ((lt = e.transform) == null ? void 0 : lt.scale_x) ?? 1, 0.2));
         } else if (n.type === D.TextCounter) {
-          const U = ((V = n.settings) == null ? void 0 : V.duration) || 2, G = ((H = n.settings) == null ? void 0 : H.from) || 0, q = ((it = n.settings) == null ? void 0 : it.to) || 100;
+          const U = ((Y = n.settings) == null ? void 0 : Y.duration) || 2, X = ((H = n.settings) == null ? void 0 : H.from) || 0, q = ((it = n.settings) == null ? void 0 : it.to) || 100;
           n._runtimeStart === void 0 && (n._runtimeStart = this.currentTime);
-          const wt = this.currentTime - n._runtimeStart, At = Math.min(1, wt / U), Xt = Math.floor(G + (q - G) * At);
+          const It = this.currentTime - n._runtimeStart, At = Math.min(1, It / U), Gt = Math.floor(X + (q - X) * At);
           if (((nt = e.geometry) == null ? void 0 : nt.type) === "Text") {
-            const Gt = ((ft = n.settings) == null ? void 0 : ft.prefix) || "", Ht = ((M = n.settings) == null ? void 0 : M.suffix) || "";
-            i.geometry || (i.geometry = { ...e.geometry }), i.geometry.text = `${Gt}${Xt}${Ht}`;
+            const Xt = ((ft = n.settings) == null ? void 0 : ft.prefix) || "", Ht = ((M = n.settings) == null ? void 0 : M.suffix) || "";
+            i.geometry || (i.geometry = { ...e.geometry }), i.geometry.text = `${Xt}${Gt}${Ht}`;
           }
         } else if (n.type === D.Spotlight) {
-          const U = ((Q = n.settings) == null ? void 0 : Q.radius) || 250, G = ((Y = n.settings) == null ? void 0 : Y.strength) || 1.5;
+          const U = ((Q = n.settings) == null ? void 0 : Q.radius) || 250, X = ((N = n.settings) == null ? void 0 : N.strength) || 1.5;
           if (l < U) {
             const q = Math.pow(1 - l / U, 2);
-            i.style || (i.style = { ...e.style }), i.style.adjustments || (i.style.adjustments = { ...(L = e.style) == null ? void 0 : L.adjustments }), i.style.adjustments.exposure = (((pt = (z = e.style) == null ? void 0 : z.adjustments) == null ? void 0 : pt.exposure) || 0) + q * G * 50;
+            i.style || (i.style = { ...e.style }), i.style.adjustments || (i.style.adjustments = { ...(L = e.style) == null ? void 0 : L.adjustments }), i.style.adjustments.exposure = (((pt = (z = e.style) == null ? void 0 : z.adjustments) == null ? void 0 : pt.exposure) || 0) + q * X * 50;
           } else
             (vt = i.style) != null && vt.adjustments && (i.style.adjustments.exposure = this.lerp(i.style.adjustments.exposure || 0, ((xt = (yt = e.style) == null ? void 0 : yt.adjustments) == null ? void 0 : xt.exposure) || 0, 0.1));
         } else if (n.type === D.Noise || n.type === D.Float) {
-          const U = (((kt = n.settings) == null ? void 0 : kt.frequency) || ((Tt = n.settings) == null ? void 0 : Tt.speed) || 1) * 2e-3, G = (((Ft = n.settings) == null ? void 0 : Ft.amplitude) || ((Dt = n.settings) == null ? void 0 : Dt.range) || 50) * ((($t = n.settings) == null ? void 0 : $t.strength) || 1), q = Date.now();
-          i.x += Math.sin(q * U) * G * t, i.y += Math.cos(q * U * 0.8) * G * t, i.rotation += Math.sin(q * U * 0.5) * 5 * t;
+          const U = (((kt = n.settings) == null ? void 0 : kt.frequency) || ((Tt = n.settings) == null ? void 0 : Tt.speed) || 1) * 2e-3, X = (((Ft = n.settings) == null ? void 0 : Ft.amplitude) || ((Dt = n.settings) == null ? void 0 : Dt.range) || 50) * ((($t = n.settings) == null ? void 0 : $t.strength) || 1), q = Date.now();
+          i.x += Math.sin(q * U) * X * t, i.y += Math.cos(q * U * 0.8) * X * t, i.rotation += Math.sin(q * U * 0.5) * 5 * t;
         } else if (n.type === D.Pulse) {
-          const U = (((Lt = n.settings) == null ? void 0 : Lt.speed) || 1) * 5e-3, G = (((Vt = n.settings) == null ? void 0 : Vt.scale) || 1.2) - 1, q = Math.sin(Date.now() * U), wt = ((st = n.settings) == null ? void 0 : st.strength) || 1;
-          i.scale_x *= 1 + q * G * wt * t, i.scale_y *= 1 + q * G * wt * t, i.style && (i.style.exposure = (i.style.exposure || 1) + Math.max(0, q) * 0.1 * wt * t);
+          const U = (((Lt = n.settings) == null ? void 0 : Lt.speed) || 1) * 5e-3, X = (((Yt = n.settings) == null ? void 0 : Yt.scale) || 1.2) - 1, q = Math.sin(Date.now() * U), It = ((st = n.settings) == null ? void 0 : st.strength) || 1;
+          i.scale_x *= 1 + q * X * It * t, i.scale_y *= 1 + q * X * It * t, i.style && (i.style.exposure = (i.style.exposure || 1) + Math.max(0, q) * 0.1 * It * t);
         } else if (n.type === D.Draggable) {
-          const U = ((ct = n.settings) == null ? void 0 : ct.radius) || 150, G = this.draggingBehaviors.has(e.id);
-          if (l < U || G) {
-            const q = ((_ = n.settings) == null ? void 0 : _.strength) || 1, wt = G ? 1 : Math.max(0, 1 - l / U);
-            this.applyBehaviorSensor(i, Wt.PositionX, wt * q, t, n.settings), this.applyBehaviorSensor(i, Wt.PositionY, wt * q, t, n.settings);
+          const U = ((ct = n.settings) == null ? void 0 : ct.radius) || 150, X = this.draggingBehaviors.has(e.id);
+          if (l < U || X) {
+            const q = ((_ = n.settings) == null ? void 0 : _.strength) || 1, It = X ? 1 : Math.max(0, 1 - l / U);
+            this.applyBehaviorSensor(i, Wt.PositionX, It * q, t, n.settings), this.applyBehaviorSensor(i, Wt.PositionY, It * q, t, n.settings);
           }
         } else if (n.type === D.Scroll) {
-          const U = ((C = n.settings) == null ? void 0 : C.axis) || "vertical", G = ((W = n.settings) == null ? void 0 : W.factor) || 0.5, q = ((j = n.settings) == null ? void 0 : j.strength) || 1, wt = ((bt = n.settings) == null ? void 0 : bt.scaleFactor) || 0;
-          (U === "vertical" || U === "both") && (i.y += this.scrollOffset.y * G * q * t), (U === "horizontal" || U === "both") && (i.x += this.scrollOffset.x * G * q * t), wt !== 0 && (i.scale_x *= 1 + this.scrollOffset.y * wt * t, i.scale_y *= 1 + this.scrollOffset.y * wt * t);
+          const U = ((C = n.settings) == null ? void 0 : C.axis) || "vertical", X = ((W = n.settings) == null ? void 0 : W.factor) || 0.5, q = ((j = n.settings) == null ? void 0 : j.strength) || 1, It = ((bt = n.settings) == null ? void 0 : bt.scaleFactor) || 0;
+          (U === "vertical" || U === "both") && (i.y += this.scrollOffset.y * X * q * t), (U === "horizontal" || U === "both") && (i.x += this.scrollOffset.x * X * q * t), It !== 0 && (i.scale_x *= 1 + this.scrollOffset.y * It * t, i.scale_y *= 1 + this.scrollOffset.y * It * t);
         } else if (n.type === D.LookAt) {
-          const U = ((Mt = n.settings) == null ? void 0 : Mt.factor) || 1, G = ((ht = n.settings) == null ? void 0 : ht.strength) || 1, q = Math.atan2(-p, -c) * (180 / Math.PI), wt = i.rotation, At = (q - wt + 180) % 360 - 180;
-          i.rotation += At * U * G * t * 10;
+          const U = ((Mt = n.settings) == null ? void 0 : Mt.factor) || 1, X = ((ht = n.settings) == null ? void 0 : ht.strength) || 1, q = Math.atan2(-d, -c) * (180 / Math.PI), It = i.rotation, At = (q - It + 180) % 360 - 180;
+          i.rotation += At * U * X * t * 10;
         } else if (n.type === D.Glint || n.type === D.Scan) {
-          const U = (((Et = n.settings) == null ? void 0 : Et.speed) || 1) * 4e-3, G = ((mt = n.settings) == null ? void 0 : mt.strength) || 1, q = (Math.sin(Date.now() * U) + 1) / 2;
-          i.style && (i.style.exposure = (i.style.exposure || 1) + q * G * t * 5), i.x += (q - 0.5) * 20 * G * t;
+          const U = (((Et = n.settings) == null ? void 0 : Et.speed) || 1) * 4e-3, X = ((mt = n.settings) == null ? void 0 : mt.strength) || 1, q = (Math.sin(Date.now() * U) + 1) / 2;
+          i.style && (i.style.exposure = (i.style.exposure || 1) + q * X * t * 5), i.x += (q - 0.5) * 20 * X * t;
         } else if (n.type === D.Ratchet) {
-          const U = ((w = n.settings) == null ? void 0 : w.steps) || 12, G = (((_t = n.settings) == null ? void 0 : _t.speed) || 1) * 30, q = Math.floor(i.rotation / (360 / U)) * (360 / U);
-          i.rotation = this.lerp(i.rotation, q + G * t, 0.1);
+          const U = ((I = n.settings) == null ? void 0 : I.steps) || 12, X = (((_t = n.settings) == null ? void 0 : _t.speed) || 1) * 30, q = Math.floor(i.rotation / (360 / U)) * (360 / U);
+          i.rotation = this.lerp(i.rotation, q + X * t, 0.1);
         } else if (n.type === D.Jitter && l < 300) {
-          const U = ((Bt = n.settings) == null ? void 0 : Bt.strength) || 1, G = (((Rt = n.settings) == null ? void 0 : Rt.intensity) || 5) * U;
-          i.x += (Math.random() - 0.5) * G * t * 60, i.y += (Math.random() - 0.5) * G * t * 60, i.rotation += (Math.random() - 0.5) * G * t * 120;
+          const U = ((Bt = n.settings) == null ? void 0 : Bt.strength) || 1, X = (((Rt = n.settings) == null ? void 0 : Rt.intensity) || 5) * U;
+          i.x += (Math.random() - 0.5) * X * t * 60, i.y += (Math.random() - 0.5) * X * t * 60, i.rotation += (Math.random() - 0.5) * X * t * 120;
         } else if (n.type === D.Follower) {
           const U = (dt = n.settings) == null ? void 0 : dt.targetId;
           if (U) {
-            const G = this.objectStates.get(U);
-            if (G) {
-              const q = ((T = n.settings) == null ? void 0 : T.stiffness) || 0.1, wt = G.x - i.x, At = G.y - i.y;
-              i.x += wt * q * t * 60, i.y += At * q * t * 60;
+            const X = this.objectStates.get(U);
+            if (X) {
+              const q = ((T = n.settings) == null ? void 0 : T.stiffness) || 0.1, It = X.x - i.x, At = X.y - i.y;
+              i.x += It * q * t * 60, i.y += At * q * t * 60;
             }
           }
         } else if (n.type === D.Wrap)
           i.x < 0 ? i.x = this.canvasWidth : i.x > this.canvasWidth && (i.x = 0), i.y < 0 ? i.y = this.canvasHeight : i.y > this.canvasHeight && (i.y = 0);
         else if (n.type === D.Gravity) {
-          const U = ((X = n.settings) == null ? void 0 : X.strength) || 9.8;
+          const U = ((G = n.settings) == null ? void 0 : G.strength) || 9.8;
           i.y += U * t * 10;
         } else if (n.type === D.Velocity) {
-          const U = ((ut = n.settings) == null ? void 0 : ut.vx) || 0, G = ((E = n.settings) == null ? void 0 : E.vy) || 0;
-          i.x += U * t * 10, i.y += G * t * 10;
+          const U = ((ut = n.settings) == null ? void 0 : ut.vx) || 0, X = ((E = n.settings) == null ? void 0 : E.vy) || 0;
+          i.x += U * t * 10, i.y += X * t * 10;
         } else if (n.type === D.Shear) {
-          const U = ((R = n.settings) == null ? void 0 : R.strength) || 1, G = ((et = n.settings) == null ? void 0 : et.radius) || 300;
-          if (l < G) {
-            const q = 1 - l / G;
+          const U = ((R = n.settings) == null ? void 0 : R.strength) || 1, X = ((et = n.settings) == null ? void 0 : et.radius) || 300;
+          if (l < X) {
+            const q = 1 - l / X;
             i.skew_x = this.lerp(i.skew_x || 0, (((Ct = e.transform) == null ? void 0 : Ct.skew_x) || 0) + q * U * 30, 0.1);
           } else
             i.skew_x = this.lerp(i.skew_x || 0, ((Pt = e.transform) == null ? void 0 : Pt.skew_x) || 0, 0.05);
         } else if (n.type === D.Lens) {
-          const U = ((St = n.settings) == null ? void 0 : St.radius) || 200, G = ((Ot = n.settings) == null ? void 0 : Ot.strength) || 0.5;
+          const U = ((St = n.settings) == null ? void 0 : St.radius) || 200, X = ((Ot = n.settings) == null ? void 0 : Ot.strength) || 0.5;
           if (l < U) {
             const q = Math.pow(1 - l / U, 2);
-            i.scale_x = this.lerp(i.scale_x ?? 1, (((It = e.transform) == null ? void 0 : It.scale_x) ?? 1) * (1 + q * G), 0.2), i.scale_y = this.lerp(i.scale_y ?? 1, (((Nt = e.transform) == null ? void 0 : Nt.scale_y) ?? 1) * (1 + q * G), 0.2);
+            i.scale_x = this.lerp(i.scale_x ?? 1, (((wt = e.transform) == null ? void 0 : wt.scale_x) ?? 1) * (1 + q * X), 0.2), i.scale_y = this.lerp(i.scale_y ?? 1, (((Vt = e.transform) == null ? void 0 : Vt.scale_y) ?? 1) * (1 + q * X), 0.2);
           } else
             i.scale_x = this.lerp(i.scale_x ?? 1, ((Ut = e.transform) == null ? void 0 : Ut.scale_x) ?? 1, 0.1), i.scale_y = this.lerp(i.scale_y ?? 1, ((qt = e.transform) == null ? void 0 : qt.scale_y) ?? 1, 0.1);
         }
@@ -4154,7 +4193,7 @@ class fs {
     });
   }
   applyBehaviorSensor(t, s, o, e, i, n) {
-    var c, p, l, f, g, d, u, m, y;
+    var c, d, l, f, g, u, p, m, y;
     const a = (i == null ? void 0 : i.intensity) || (i == null ? void 0 : i.strength) || 1, r = o * a * e;
     switch (s) {
       case Wt.Scale:
@@ -4182,13 +4221,13 @@ class fs {
         t.skew_x = (t.skew_x || 0) + r * 45;
         break;
       case Wt.Blur:
-        t.style || (t.style = { ...n.style }), t.style.blur || (t.style.blur = { ...(c = n.style) == null ? void 0 : c.blur }), t.style.blur.amount = (((l = (p = n.style) == null ? void 0 : p.blur) == null ? void 0 : l.amount) || 0) + o * ((i == null ? void 0 : i.blur) || 50) * a;
+        t.style || (t.style = { ...n.style }), t.style.blur || (t.style.blur = { ...(c = n.style) == null ? void 0 : c.blur }), t.style.blur.amount = (((l = (d = n.style) == null ? void 0 : d.blur) == null ? void 0 : l.amount) || 0) + o * ((i == null ? void 0 : i.blur) || 50) * a;
         break;
       case Wt.Exposure:
-        t.style || (t.style = { ...n.style }), t.style.adjustments || (t.style.adjustments = { ...(f = n.style) == null ? void 0 : f.adjustments }), t.style.adjustments.exposure = (((d = (g = n.style) == null ? void 0 : g.adjustments) == null ? void 0 : d.exposure) || 0) + o * ((i == null ? void 0 : i.exposure) || 50) * a;
+        t.style || (t.style = { ...n.style }), t.style.adjustments || (t.style.adjustments = { ...(f = n.style) == null ? void 0 : f.adjustments }), t.style.adjustments.exposure = (((u = (g = n.style) == null ? void 0 : g.adjustments) == null ? void 0 : u.exposure) || 0) + o * ((i == null ? void 0 : i.exposure) || 50) * a;
         break;
       case Wt.HueShift:
-        t.style || (t.style = { ...n.style }), t.style.adjustments || (t.style.adjustments = { ...(u = n.style) == null ? void 0 : u.adjustments }), t.style.adjustments.hue = (((y = (m = n.style) == null ? void 0 : m.adjustments) == null ? void 0 : y.hue) || 0) + o * ((i == null ? void 0 : i.hue) || 180) * a;
+        t.style || (t.style = { ...n.style }), t.style.adjustments || (t.style.adjustments = { ...(p = n.style) == null ? void 0 : p.adjustments }), t.style.adjustments.hue = (((y = (m = n.style) == null ? void 0 : m.adjustments) == null ? void 0 : y.hue) || 0) + o * ((i == null ? void 0 : i.hue) || 180) * a;
         break;
       case Wt.CornerRadius:
         t.corner_radius = Math.min(200, (t.corner_radius || 0) + r * 100);
@@ -4211,9 +4250,9 @@ class fs {
     return o;
   }
   renderFittedImage(t, s, o, e, i, n, a = "cover") {
-    const r = s.naturalWidth, c = s.naturalHeight, p = r / c, l = i / n;
-    let f = i, g = n, d = o, u = e;
-    a === "cover" ? p > l ? (f = n * p, d = o - (f - i) / 2) : (g = i / p, u = e - (g - n) / 2) : a === "contain" && (p > l ? (g = i / p, u = e + (n - g) / 2) : (f = n * p, d = o + (i - f) / 2)), t.drawImage(s, d, u, f, g);
+    const r = s.naturalWidth, c = s.naturalHeight, d = r / c, l = i / n;
+    let f = i, g = n, u = o, p = e;
+    a === "cover" ? d > l ? (f = n * d, u = o - (f - i) / 2) : (g = i / d, p = e - (g - n) / 2) : a === "contain" && (d > l ? (g = i / d, p = e + (n - g) / 2) : (f = n * d, u = o + (i - f) / 2)), t.drawImage(s, u, p, f, g);
   }
 }
 const bs = Te(({
@@ -4227,18 +4266,18 @@ const bs = Te(({
   onTrigger: a,
   onInputUpdate: r,
   onComponentChange: c,
-  onToggle: p,
+  onToggle: d,
   onInputChange: l,
   onInputFocus: f,
   onInputBlur: g,
-  onLog: d,
-  onLogicUpdate: u,
+  onLog: u,
+  onLogicUpdate: p,
   onButtonClick: m,
   onGraphPointClick: y,
   currentTime: S,
   revision: b = 0,
   scrollY: v,
-  scrollX: I,
+  scrollX: w,
   mouseX: k,
   mouseY: A,
   isMouseDown: x,
@@ -4246,15 +4285,15 @@ const bs = Te(({
   interactive: F = !0,
   onNavigation: K
 }, tt) => {
-  const rt = Jt(null), at = Jt(new fs()), N = Jt(void 0), O = Jt(0), $ = Jt(null), P = Jt(b), [, J] = me(h || null), Z = Jt(!0);
+  const rt = Jt(null), at = Jt(new fs()), V = Jt(void 0), O = Jt(0), $ = Jt(null), P = Jt(b), [, J] = me(h || null), Z = Jt(!0);
   xe(tt, () => rt.current), Kt(() => (Z.current = !0, () => {
-    Z.current = !1, N.current && cancelAnimationFrame(N.current);
+    Z.current = !1, V.current && cancelAnimationFrame(V.current);
   }), []), Kt(() => {
     at.current.setLayout(e, i);
   }, [e, i]), Kt(() => {
-    const V = at.current;
-    a && V.setTriggerCallback(a), r && V.setInputUpdateCallback((H, it) => r({ [H]: it })), c && V.setComponentChangeCallback((H) => c(H)), p && V.setToggleCallback(p), l && V.setInputChangeCallback(l), f && V.setInputFocusCallback(f), g && V.setInputBlurCallback(g), d && V.setOnLogCallback((H) => d(H, "info")), u && V.setLogicUpdateCallback(u), m && V.setButtonClickCallback(m), y && V.setGraphPointClickCallback((H) => y(H.objectId, H)), K && V.setNavigationCallback(K);
-  }, [a, r, c, p, l, f, g, d, u, m, y, K]), Kt(() => {
+    const Y = at.current;
+    a && Y.setTriggerCallback(a), r && Y.setInputUpdateCallback((H, it) => r({ [H]: it })), c && Y.setComponentChangeCallback((H) => c(H)), d && Y.setToggleCallback(d), l && Y.setInputChangeCallback(l), f && Y.setInputFocusCallback(f), g && Y.setInputBlurCallback(g), u && Y.setOnLogCallback((H) => u(H, "info")), p && Y.setLogicUpdateCallback(p), m && Y.setButtonClickCallback(m), y && Y.setGraphPointClickCallback((H) => y(H.objectId, H)), K && Y.setNavigationCallback(K);
+  }, [a, r, c, d, l, f, g, u, p, m, y, K]), Kt(() => {
     (async () => {
       let H = h;
       if (t && !h)
@@ -4269,7 +4308,7 @@ const bs = Te(({
       }
     })();
   }, [h == null ? void 0 : h.id, t, b]), Kt(() => {
-    const V = (H) => {
+    const Y = (H) => {
       if (!at.current || !Z.current) return;
       const it = at.current, nt = rt.current;
       if (!nt) return;
@@ -4279,38 +4318,38 @@ const bs = Te(({
       O.current === 0 && (O.current = M);
       let Q = M - O.current;
       Q > 0.1 && (Q = 0.1), O.current = M;
-      const Y = nt.getBoundingClientRect(), L = window.devicePixelRatio || 1, z = Math.round(Y.width * L), pt = Math.round(Y.height * L);
-      (nt.width !== z || nt.height !== pt) && (nt.width = z, nt.height = pt), o ? it.advance(Q) : S !== void 0 && it.seek(S), it.render(ft, nt.width, nt.height), N.current = requestAnimationFrame(V);
+      const N = nt.getBoundingClientRect(), L = window.devicePixelRatio || 1, z = Math.round(N.width * L), pt = Math.round(N.height * L);
+      (nt.width !== z || nt.height !== pt) && (nt.width = z, nt.height = pt), o ? it.advance(Q) : S !== void 0 && it.seek(S), it.render(ft, nt.width, nt.height), V.current = requestAnimationFrame(Y);
     };
-    return N.current = requestAnimationFrame(V), () => {
-      N.current && cancelAnimationFrame(N.current);
+    return V.current = requestAnimationFrame(Y), () => {
+      V.current && cancelAnimationFrame(V.current);
     };
   }, [o, S]), Kt(() => {
-    const V = at.current;
-    v !== void 0 && V.updateInput("scrollY", v), I !== void 0 && V.updateInput("scrollX", I), k !== void 0 && V.updateInput("mouseX", k), A !== void 0 && V.updateInput("mouseY", A), x !== void 0 && V.updateInput("isMouseDown", x), B && Object.entries(B).forEach(([H, it]) => V.updateInput(H, it));
-  }, [v, I, k, A, x, B]);
-  const lt = (V, H) => {
+    const Y = at.current;
+    v !== void 0 && Y.updateInput("scrollY", v), w !== void 0 && Y.updateInput("scrollX", w), k !== void 0 && Y.updateInput("mouseX", k), A !== void 0 && Y.updateInput("mouseY", A), x !== void 0 && Y.updateInput("isMouseDown", x), B && Object.entries(B).forEach(([H, it]) => Y.updateInput(H, it));
+  }, [v, w, k, A, x, B]);
+  const lt = (Y, H) => {
     if (!F || !rt.current) return;
-    const it = rt.current, nt = it.getBoundingClientRect(), ft = V.clientX - nt.left, M = V.clientY - nt.top, Q = window.devicePixelRatio || 1;
+    const it = rt.current, nt = it.getBoundingClientRect(), ft = Y.clientX - nt.left, M = Y.clientY - nt.top, Q = window.devicePixelRatio || 1;
     at.current.handlePointerInput(H, ft * Q, M * Q, it.width, it.height);
   };
   return /* @__PURE__ */ Qt(
     "canvas",
     {
       ref: rt,
-      onPointerDown: (V) => {
+      onPointerDown: (Y) => {
         var H;
-        lt(V, "down"), (H = rt.current) == null || H.focus();
+        lt(Y, "down"), (H = rt.current) == null || H.focus();
       },
-      onPointerMove: (V) => lt(V, "move"),
-      onPointerUp: (V) => lt(V, "up"),
-      onPointerCancel: (V) => lt(V, "up"),
-      onClick: (V) => lt(V, "click"),
-      onWheel: (V) => {
-        at.current.handleWheel(V.deltaX, V.deltaY);
+      onPointerMove: (Y) => lt(Y, "move"),
+      onPointerUp: (Y) => lt(Y, "up"),
+      onPointerCancel: (Y) => lt(Y, "up"),
+      onClick: (Y) => lt(Y, "click"),
+      onWheel: (Y) => {
+        at.current.handleWheel(Y.deltaX, Y.deltaY);
       },
-      onKeyDown: (V) => at.current.handleKeyDown(V.nativeEvent),
-      onContextMenu: (V) => V.preventDefault(),
+      onKeyDown: (Y) => at.current.handleKeyDown(Y.nativeEvent),
+      onContextMenu: (Y) => Y.preventDefault(),
       tabIndex: 0,
       style: {
         ...s,
@@ -4341,7 +4380,7 @@ function vs() {
     h == null || h.updateObjectOptions(l, f);
   }, [h]), c = zt((l, f, g) => {
     h == null || h.updateConstraint(l, f, g);
-  }, [h]), p = zt((l, f) => {
+  }, [h]), d = zt((l, f) => {
     h == null || h.updateGraphData(l, f);
   }, [h]);
   return {
@@ -4355,7 +4394,7 @@ function vs() {
     setInputNumberArray: n,
     setInputStringArray: a,
     updateConstraint: c,
-    updateGraphData: p,
+    updateGraphData: d,
     updateObjectOptions: r
   };
 }
@@ -4371,8 +4410,8 @@ const Ss = ({ artboard: h, config: t }) => {
         return ((g = f.geometry) == null ? void 0 : g.type) === "Text";
       }).sort(
         (f, g) => {
-          var d, u;
-          return (((d = g.geometry.text) == null ? void 0 : d.length) || 0) - (((u = f.geometry.text) == null ? void 0 : u.length) || 0);
+          var u, p;
+          return (((u = g.geometry.text) == null ? void 0 : u.length) || 0) - (((p = f.geometry.text) == null ? void 0 : p.length) || 0);
         }
       );
       l.length > 0 && (r = l[0].geometry.text);
@@ -4382,20 +4421,20 @@ const Ss = ({ artboard: h, config: t }) => {
     c && e("property", "og:image", c), a && e("property", "og:title", a), e("property", "og:type", "website");
   }, [s, h, o]);
   const e = (a, r, c) => {
-    let p = document.querySelector(`meta[${a}="${r}"]`);
-    p || (p = document.createElement("meta"), p.setAttribute(a, r), document.head.appendChild(p)), p.setAttribute("content", c);
+    let d = document.querySelector(`meta[${a}="${r}"]`);
+    d || (d = document.createElement("meta"), d.setAttribute(a, r), document.head.appendChild(d)), d.setAttribute("content", c);
   }, i = () => {
     const a = [];
-    return a.push(/* @__PURE__ */ Qt("h1", { children: s.title || h.name }, "artboard-title")), h.objects.forEach((c, p) => {
+    return a.push(/* @__PURE__ */ Qt("h1", { children: s.title || h.name }, "artboard-title")), h.objects.forEach((c, d) => {
       var l, f;
       if (!(!c.visible && c.isVisible !== !0))
         if (((l = c.geometry) == null ? void 0 : l.type) === "Text") {
           const g = c.geometry.text;
-          g && (c.geometry.fontSize > 24 ? a.push(/* @__PURE__ */ Qt("h2", { children: g }, c.id || p)) : a.push(/* @__PURE__ */ Qt("p", { children: g }, c.id || p)));
+          g && (c.geometry.fontSize > 24 ? a.push(/* @__PURE__ */ Qt("h2", { children: g }, c.id || d)) : a.push(/* @__PURE__ */ Qt("p", { children: g }, c.id || d)));
         } else if (((f = c.geometry) == null ? void 0 : f.type) === "Image") {
-          const g = c.geometry.src, d = c.altText || c.name || "Illustration";
-          a.push(/* @__PURE__ */ Qt("img", { src: g, alt: d }, c.id || p));
-        } else c.type === "Button" && a.push(/* @__PURE__ */ Qt("button", { children: c.name || "Button" }, c.id || p));
+          const g = c.geometry.src, u = c.altText || c.name || "Illustration";
+          a.push(/* @__PURE__ */ Qt("img", { src: g, alt: u }, c.id || d));
+        } else c.type === "Button" && a.push(/* @__PURE__ */ Qt("button", { children: c.name || "Button" }, c.id || d));
     }), a;
   }, n = s.jsonLd || {
     "@context": "https://schema.org",
@@ -4428,9 +4467,9 @@ const Ss = ({ artboard: h, config: t }) => {
       ]
     }
   );
-}, hs = "6.3.13", ds = {
+}, hs = "6.3.14", ds = {
   version: hs
-}, Is = ds.version;
+}, ws = ds.version;
 export {
   Wt as BehaviorSensor,
   D as BehaviorType,
@@ -4439,6 +4478,6 @@ export {
   bs as ExodeUICanvas,
   fs as ExodeUIEngine,
   gt as LogicOp,
-  Is as VERSION,
+  ws as VERSION,
   vs as useExodeUI
 };