@cliquify.me/elements-ui 8.0.12 → 8.0.13

package/dist/index.es.js

@@ -2,7 +2,7 @@ var qn = Object.defineProperty;
 var Tn = (t, r, n) => r in t ? qn(t, r, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[r] = n;
 var Bt = (t, r, n) => Tn(t, typeof r != "symbol" ? r + "" : r, n);
 import { jsx as f, jsxs as bt, Fragment as kt } from "react/jsx-runtime";
-import { Sequence as sn, AbsoluteFill as Nr, Audio as an, Easing as I, interpolate as _, HtmlInCanvas as Dn, useCurrentFrame as Nt, OffthreadVideo as sr, Img as qt, useVideoConfig as cn, delayRender as to, continueRender as jr, cancelRender as ro, spring as Mt, random as no } from "remotion";
+import { Sequence as sn, AbsoluteFill as Nr, Audio as an, Easing as k, interpolate as _, HtmlInCanvas as Dn, useCurrentFrame as Nt, OffthreadVideo as sr, Img as qt, useVideoConfig as cn, delayRender as to, continueRender as jr, cancelRender as ro, spring as Mt, random as no } from "remotion";
 import { TransitionSeries as dn, Transitions as oo } from "@cliquify.me/transitions";
 import { BoxAnim as Gt, ContentAnim as At, MaskAnim as Tt } from "@cliquify.me/animations";
 import un from "@emotion/styled";
@@ -150,7 +150,7 @@ const wt = (t, r) => {
   options: r,
   children: n
 }) => {
-  var y, v, x, g;
+  var y, v, $, g;
   const { details: s } = t, { fps: c, isTransition: a } = r, { from: i, durationInFrames: o } = wt(
     {
       from: t.display.from,
@@ -163,8 +163,8 @@ const wt = (t, r) => {
   }, e = ((y = s == null ? void 0 : s.background) == null ? void 0 : y.type) === "color" ? (v = s == null ? void 0 : s.background) == null ? void 0 : v.value : typeof (s == null ? void 0 : s.background) == "string" ? s == null ? void 0 : s.background : "transparent", l = ["template", "composition"].includes(t.type), p = ["image", "video"].includes(t.type), d = ["text", "caption"].includes(t.type);
   let u = Ct(s, h, { background: e });
   if (p) {
-    const { background: m, ...$ } = u;
-    u = $;
+    const { background: m, ...x } = u;
+    u = x;
   }
   d && (delete u.boxShadow, delete u.filter);
   const b = l ? "!pointer-events-auto" : "";
@@ -234,7 +234,7 @@ const wt = (t, r) => {
               boxShadow: "",
               overflow: "visible",
               visibility: s.visibility,
-              background: t.type === "text" ? "transparent" : t.type === "template" && ((g = (x = t.details) == null ? void 0 : x.background) == null ? void 0 : g.value) || "transparent",
+              background: t.type === "text" ? "transparent" : t.type === "template" && ((g = ($ = t.details) == null ? void 0 : $.background) == null ? void 0 : g.value) || "transparent",
               pointerEvents: t.type === "audio" ? "none" : "auto"
             },
             children: n
@@ -263,17 +263,17 @@ function hn({
   );
   return gt({ item: t, options: r, children: a });
 }
-const Ft = (t, r, n, s, c) => {
+const Yt = (t, r, n, s, c) => {
   let a = null, i = null, o = null, h = null;
   return c != null && c.isAnimationEditor || c != null && c.insideTemplate, t != null && t.in && (a = [], t.in.composition.forEach((e) => {
-    var b, y, v, x, g;
+    var b, y, v, $, g;
     a.push({
       id: e.id,
       property: e.property,
       from: Number(e.from || 0),
       to: Number(e.to || 0),
       durationInFrames: e.durationInFrames,
-      ease: e.ease || I.linear,
+      ease: e.ease || k.linear,
       delay: e.delay,
       persist: e.persist,
       details: e.details
@@ -286,7 +286,7 @@ const Ft = (t, r, n, s, c) => {
         from: m,
         to: 0,
         durationInFrames: e.durationInFrames,
-        ease: e.ease || I[e.easing] || I.linear,
+        ease: e.ease || k[e.easing] || k.linear,
         delay: e.delay,
         persist: e.persist
       });
@@ -298,7 +298,7 @@ const Ft = (t, r, n, s, c) => {
         from: m,
         to: 0,
         durationInFrames: e.durationInFrames,
-        ease: e.ease || I[e.easing] || I.linear,
+        ease: e.ease || k[e.easing] || k.linear,
         delay: e.delay,
         persist: e.persist
       });
@@ -308,18 +308,18 @@ const Ft = (t, r, n, s, c) => {
       from: 0,
       to: 1,
       durationInFrames: e.durationInFrames,
-      ease: e.ease || I[e.easing] || I.linear,
+      ease: e.ease || k[e.easing] || k.linear,
       delay: e.delay,
       persist: e.persist
     }), e.property === "spinIn" || e.property === "spinOut" || e.property === "spin" || e.property === "twistIn" || e.property === "twistOut" || !!(e.id && e.id.includes("spin"))) {
-      const m = ((x = e.details) == null ? void 0 : x.scale) !== !1, $ = e.property === "twistIn" || e.property === "twistOut";
+      const m = (($ = e.details) == null ? void 0 : $.scale) !== !1, x = e.property === "twistIn" || e.property === "twistOut";
       m && a.push({
         id: `${e.id}-scale`,
         property: "scale",
-        from: $ ? 1.5 : 0,
+        from: x ? 1.5 : 0,
         to: 1,
         durationInFrames: e.durationInFrames,
-        ease: e.ease || I[e.easing] || I.linear,
+        ease: e.ease || k[e.easing] || k.linear,
         delay: e.delay,
         persist: e.persist
       }), ((g = e.details) == null ? void 0 : g.fade) !== !1 && a.push({
@@ -328,20 +328,20 @@ const Ft = (t, r, n, s, c) => {
         from: 0,
         to: 1,
         durationInFrames: e.durationInFrames,
-        ease: e.ease || I[e.easing] || I.linear,
+        ease: e.ease || k[e.easing] || k.linear,
         delay: e.delay,
         persist: e.persist
       });
     }
   })), t != null && t.out && (i = [], t.out.composition.forEach((e) => {
-    var b, y, v, x, g;
+    var b, y, v, $, g;
     i.push({
       id: e.id,
       property: e.property,
       from: Number(e.from || 0),
       to: Number(e.to || 0),
       durationInFrames: e.durationInFrames,
-      ease: e.ease || I.linear,
+      ease: e.ease || k.linear,
       delay: e.delay,
       persist: e.persist,
       details: e.details
@@ -350,7 +350,7 @@ const Ft = (t, r, n, s, c) => {
       from: 1,
       to: 0,
       durationInFrames: e.durationInFrames,
-      ease: e.ease || I[e.easing] || I.linear,
+      ease: e.ease || k[e.easing] || k.linear,
       delay: e.delay,
       persist: e.persist
     });
@@ -362,7 +362,7 @@ const Ft = (t, r, n, s, c) => {
         from: 0,
         to: -m,
         durationInFrames: e.durationInFrames,
-        ease: e.ease || I[e.easing] || I.linear,
+        ease: e.ease || k[e.easing] || k.linear,
         delay: e.delay,
         persist: e.persist
       });
@@ -374,20 +374,20 @@ const Ft = (t, r, n, s, c) => {
         from: 0,
         to: -m,
         durationInFrames: e.durationInFrames,
-        ease: e.ease || I[e.easing] || I.linear,
+        ease: e.ease || k[e.easing] || k.linear,
         delay: e.delay,
         persist: e.persist
       });
     }
     if (p) {
-      const m = ((x = e.details) == null ? void 0 : x.scale) !== !1, $ = e.property === "twistIn" || e.property === "twistOut";
+      const m = (($ = e.details) == null ? void 0 : $.scale) !== !1, x = e.property === "twistIn" || e.property === "twistOut";
       m && i.push({
         id: `${e.id}-scale`,
         property: "scale",
         from: 1,
-        to: $ ? 1.5 : 0,
+        to: x ? 1.5 : 0,
         durationInFrames: e.durationInFrames,
-        ease: e.ease || I[e.easing] || I.linear,
+        ease: e.ease || k[e.easing] || k.linear,
         delay: e.delay,
         persist: e.persist
       }), ((g = e.details) == null ? void 0 : g.fade) !== !1 && i.push({
@@ -396,7 +396,7 @@ const Ft = (t, r, n, s, c) => {
         from: 1,
         to: 0,
         durationInFrames: e.durationInFrames,
-        ease: e.ease || I[e.easing] || I.linear,
+        ease: e.ease || k[e.easing] || k.linear,
         delay: e.delay,
         persist: e.persist
       });
@@ -408,7 +408,7 @@ const Ft = (t, r, n, s, c) => {
       from: Number(e.from || 0),
       to: Number(e.to || 0),
       durationInFrames: e.durationInFrames,
-      ease: e.ease || I.linear,
+      ease: e.ease || k.linear,
       delay: e.delay,
       persist: e.persist,
       details: e.details
@@ -422,7 +422,7 @@ const Ft = (t, r, n, s, c) => {
       from: Number(e.from || 0),
       to: Number(e.to || 0),
       durationInFrames: e.durationInFrames,
-      ease: I[e.easing] || e.ease || I.linear,
+      ease: k[e.easing] || e.ease || k.linear,
       delay: e.delay,
       persist: e.persist,
       details: e.details
@@ -433,7 +433,7 @@ const Ft = (t, r, n, s, c) => {
       from: 0,
       to: 1,
       durationInFrames: e.durationInFrames,
-      ease: I[e.easing] || e.ease || I.linear,
+      ease: k[e.easing] || e.ease || k.linear,
       delay: e.delay,
       persist: e.persist
     });
@@ -533,21 +533,21 @@ const Ft = (t, r, n, s, c) => {
   fps: h,
   textDecoration: e
 }) => {
-  const { start: l, end: p } = t, d = (l + r) / 1e3 * h, u = (p + r) / 1e3 * h, b = o >= d && o < u, y = o >= d, v = b ? n : y ? c : a, x = wo.includes(i) && b ? 1.2 : 1, g = t.word.length, m = u - d;
+  const { start: l, end: p } = t, d = (l + r) / 1e3 * h, u = (p + r) / 1e3 * h, b = o >= d && o < u, y = o >= d, v = b ? n : y ? c : a, $ = wo.includes(i) && b ? 1.2 : 1, g = t.word.length, m = u - d;
   return /* @__PURE__ */ f(
     $o,
     {
       isActive: b,
       activeFillColor: s,
-      scale: x,
+      scale: $,
       animation: i,
       textDecoration: e,
-      children: /* @__PURE__ */ f(So, { wordColor: v, children: t.word.split("").map(($, N) => {
-        const k = m / g, w = d + N * k, S = w + k;
-        let M = 1, F = !0;
-        return Mo.includes(i) && (F = o >= w), i === "letterTracy" && (M = _(
+      children: /* @__PURE__ */ f(So, { wordColor: v, children: t.word.split("").map((x, N) => {
+        const I = m / g, S = d + N * I, M = S + I;
+        let w = 1, Y = !0;
+        return Mo.includes(i) && (Y = o >= S), i === "letterTracy" && (w = _(
           o,
-          [w, S],
+          [S, M],
           [0, 1],
           {
             extrapolateLeft: "clamp",
@@ -557,13 +557,13 @@ const Ft = (t, r, n, s, c) => {
           "span",
           {
             style: {
-              opacity: M,
-              visibility: F ? "visible" : "hidden",
+              opacity: w,
+              visibility: Y ? "visible" : "hidden",
               display: "inline",
               textDecoration: "inherit",
               color: "inherit"
             },
-            children: $
+            children: x
           },
           N
         );
@@ -575,7 +575,7 @@ function fn({
   item: t,
   options: r
 }) {
-  const { fps: n, frame: s } = r, { details: c, display: a, animations: i } = t, { animationIn: o, animationOut: h, animationTimed: e } = Ft(
+  const { fps: n, frame: s } = r, { details: c, display: a, animations: i } = t, { animationIn: o, animationOut: h, animationTimed: e } = Yt(
     i,
     t,
     s,
@@ -603,21 +603,21 @@ function fn({
       );
       break;
   }
-  const x = {
+  const $ = {
     ...v.translateX !== void 0 && v.translateY !== void 0 && {
       transform: `translate(${v.translateX}px, ${v.translateY}px)`
     },
     ...v.scale !== void 0 && {
       transform: `scale(${v.scale})`
     }
-  }, g = (s || 0) - t.display.from * n / 1e3, { boxShadow: m, ...$ } = Ct(c), { color: N, textShadow: k, ...w } = Dt(c);
+  }, g = (s || 0) - t.display.from * n / 1e3, { boxShadow: m, ...x } = Ct(c), { color: N, textShadow: I, ...S } = Dt(c);
   return gt({
     item: t,
     options: r,
     children: /* @__PURE__ */ f(
       Gt,
       {
-        style: $,
+        style: x,
         animationIn: o,
         animationOut: h,
         frame: g,
@@ -633,15 +633,15 @@ function fn({
               {
                 "data-text-id": t.id,
                 style: {
-                  ...w,
-                  ...x,
+                  ...S,
+                  ...$,
                   display: "block",
                   textAlign: c.textAlign || "center",
                   boxShadow: "none",
-                  textShadow: k || "none",
+                  textShadow: I || "none",
                   transition: "transform 0.2s ease"
                 },
-                children: d.map((S, M) => /* @__PURE__ */ f(
+                children: d.map((M, w) => /* @__PURE__ */ f(
                   Io,
                   {
                     color: c.color,
@@ -650,12 +650,12 @@ function fn({
                     activeFillColor: c.activeFillColor || "transparent",
                     offsetFrom: b,
                     animation: c.animation || "",
-                    word: S,
+                    word: M,
                     currentFrame: r.frame || 0,
                     fps: n,
                     textDecoration: c.textDecoration
                   },
-                  M
+                  w
                 ))
               }
             )
@@ -670,7 +670,7 @@ const yn = ({
   options: r
 }) => {
   var d, u, b, y;
-  const { fps: n, frame: s } = r, { details: c, animations: a } = t, { animationIn: i, animationOut: o, animationTimed: h } = Ft(
+  const { fps: n, frame: s } = r, { details: c, animations: a } = t, { animationIn: i, animationOut: o, animationTimed: h } = Yt(
     a,
     t,
     s,
@@ -758,7 +758,7 @@ const bn = ({
   marqueeDetails: u,
   effects: b
 }) => {
-  const y = Nt(), v = typeof n == "number" && !isNaN(n) ? n : y, x = Math.max(0, v - (s || 0)), g = Math.min(1, Math.max(0, x / (c || 1))), m = o || 300, $ = h || 300, N = (u == null ? void 0 : u.direction) || "horizontal", k = N === "static", w = Math.min(15, Math.max(1, Number((u == null ? void 0 : u.repeatX) ?? 5))), S = Math.min(15, Math.max(1, Number((u == null ? void 0 : u.repeatY) ?? 5))), M = (u == null ? void 0 : u.baseSpeed) !== void 0 ? Number(u.baseSpeed) : 2, F = (u == null ? void 0 : u.speedVariation) !== void 0 ? Number(u.speedVariation) : 0.5, R = u != null && u.hasInitialValue && (u == null ? void 0 : u.initialBaseSpeed) !== void 0 ? Number(u.initialBaseSpeed) : M, X = u != null && u.hasInitialValue ? R + (M - R) * g : M, P = k ? 0 : X * 400, B = k ? 0 : X * 400, V = (u == null ? void 0 : u.scaleFactor) !== void 0 ? Number(u.scaleFactor) : 1, Y = u != null && u.hasInitialValue && (u == null ? void 0 : u.initialScaleFactor) !== void 0 ? Number(u.initialScaleFactor) : V, W = u != null && u.hasInitialValue ? Y + (V - Y) * g : V, U = (u == null ? void 0 : u.lineOffset) !== void 0 ? Number(u.lineOffset) : 0.5, z = (u == null ? void 0 : u.gapX) !== void 0 ? Number(u.gapX) : 60, D = (u == null ? void 0 : u.gapY) !== void 0 ? Number(u.gapY) : 60, dt = z / 100 * m, et = D / 100 * $, K = m, nt = $, j = K * W + dt, Q = nt * W + et, pt = d ? typeof d == "string" ? d : `${d.x ?? 0}px ${d.y ?? 0}px ${d.blur ?? 0}px ${d.color ?? ""}` : void 0, C = N === "vertical" || N === "up" || N === "down", G = N === "diagonal", T = (w - 1) / 2, lt = (S - 1) / 2, q = S, Z = w, at = Array.from({ length: q }, (rt, ct) => ct - lt), tt = Array.from({ length: Z }, (rt, ct) => ct - T), yt = (rt, ct, st, ut) => /* @__PURE__ */ f(
+  const y = Nt(), v = typeof n == "number" && !isNaN(n) ? n : y, $ = Math.max(0, v - (s || 0)), g = Math.min(1, Math.max(0, $ / (c || 1))), m = o || 300, x = h || 300, N = (u == null ? void 0 : u.direction) || "horizontal", I = N === "static", S = Math.min(15, Math.max(1, Number((u == null ? void 0 : u.repeatX) ?? 5))), M = Math.min(15, Math.max(1, Number((u == null ? void 0 : u.repeatY) ?? 5))), w = (u == null ? void 0 : u.baseSpeed) !== void 0 ? Number(u.baseSpeed) : 2, Y = (u == null ? void 0 : u.speedVariation) !== void 0 ? Number(u.speedVariation) : 0.5, R = u != null && u.hasInitialValue && (u == null ? void 0 : u.initialBaseSpeed) !== void 0 ? Number(u.initialBaseSpeed) : w, X = u != null && u.hasInitialValue ? R + (w - R) * g : w, P = I ? 0 : X * 400, B = I ? 0 : X * 400, V = (u == null ? void 0 : u.scaleFactor) !== void 0 ? Number(u.scaleFactor) : 1, F = u != null && u.hasInitialValue && (u == null ? void 0 : u.initialScaleFactor) !== void 0 ? Number(u.initialScaleFactor) : V, W = u != null && u.hasInitialValue ? F + (V - F) * g : V, U = (u == null ? void 0 : u.lineOffset) !== void 0 ? Number(u.lineOffset) : 0.5, z = (u == null ? void 0 : u.gapX) !== void 0 ? Number(u.gapX) : 60, D = (u == null ? void 0 : u.gapY) !== void 0 ? Number(u.gapY) : 60, dt = z / 100 * m, et = D / 100 * x, K = m, nt = x, j = K * W + dt, Q = nt * W + et, pt = d ? typeof d == "string" ? d : `${d.x ?? 0}px ${d.y ?? 0}px ${d.blur ?? 0}px ${d.color ?? ""}` : void 0, C = N === "vertical" || N === "up" || N === "down", G = N === "diagonal", T = (S - 1) / 2, lt = (M - 1) / 2, q = M, Z = S, at = Array.from({ length: q }, (rt, ct) => ct - lt), tt = Array.from({ length: Z }, (rt, ct) => ct - T), yt = (rt, ct, st, ut) => /* @__PURE__ */ f(
     "div",
     {
       style: {
@@ -837,7 +837,7 @@ const bn = ({
       children: tt.map((rt, ct) => {
         let st = ct % 2 === 0 ? 1 : -1;
         N === "up" && (st = -1), N === "down" && (st = 1);
-        const ut = 1 + ct % 2 * (F * 0.5), ht = B > 0 && st !== 0 ? st * (x * B * 0.1 * ut) + rt * (Q * U) : rt * (Q * U), vt = B === 0 || st === 0 ? 0 : (ht % Q + Q) % Q - Q / 2;
+        const ut = 1 + ct % 2 * (Y * 0.5), ht = B > 0 && st !== 0 ? st * ($ * B * 0.1 * ut) + rt * (Q * U) : rt * (Q * U), vt = B === 0 || st === 0 ? 0 : (ht % Q + Q) % Q - Q / 2;
         return at.map(($t, It) => {
           const ft = rt * j, St = $t * Q + vt;
           return yt(
@@ -860,11 +860,11 @@ const bn = ({
         borderRadius: e || 0
       },
       children: at.map((rt, ct) => {
-        const st = ct % 2 === 0 ? 1 : -1, ut = ct % 2 === 0 ? 1 : -1, ht = 1 + ct % 2 * (F * 0.5), vt = P > 0 ? st * (x * P * 0.1 * ht) + rt * (j * U) : rt * (j * U), $t = P === 0 ? 0 : (vt % j + j) % j - j / 2, It = B > 0 ? ut * (x * B * 0.1 * ht) + rt * (Q * U) : rt * (Q * U), ft = B === 0 ? 0 : (It % Q + Q) % Q - Q / 2;
-        return tt.map((St, Yt) => {
+        const st = ct % 2 === 0 ? 1 : -1, ut = ct % 2 === 0 ? 1 : -1, ht = 1 + ct % 2 * (Y * 0.5), vt = P > 0 ? st * ($ * P * 0.1 * ht) + rt * (j * U) : rt * (j * U), $t = P === 0 ? 0 : (vt % j + j) % j - j / 2, It = B > 0 ? ut * ($ * B * 0.1 * ht) + rt * (Q * U) : rt * (Q * U), ft = B === 0 ? 0 : (It % Q + Q) % Q - Q / 2;
+        return tt.map((St, Ft) => {
           const Rt = St * j + $t, Xt = rt * Q + ft;
           return yt(
-            `d-${ct}-${Yt}`,
+            `d-${ct}-${Ft}`,
             Rt,
             Xt,
             St === 0 && rt === 0
@@ -885,7 +885,7 @@ const bn = ({
       children: at.map((rt, ct) => {
         let st = ct % 2 === 0 ? 1 : -1;
         N === "left" && (st = -1), N === "right" && (st = 1);
-        const ut = 1 + ct % 2 * (F * 0.5), ht = P > 0 && st !== 0 ? st * (x * P * 0.1 * ut) + rt * (j * U) : rt * (j * U), vt = P === 0 || st === 0 ? 0 : (ht % j + j) % j - j / 2;
+        const ut = 1 + ct % 2 * (Y * 0.5), ht = P > 0 && st !== 0 ? st * ($ * P * 0.1 * ut) + rt * (j * U) : rt * (j * U), vt = P === 0 || st === 0 ? 0 : (ht % j + j) % j - j / 2;
         return tt.map(($t, It) => {
           const ft = $t * j + vt, St = rt * Q;
           return yt(
@@ -915,10 +915,10 @@ const bn = ({
   echoesDetails: u,
   effects: b
 }) => {
-  const y = Nt(), v = typeof n == "number" && !isNaN(n) ? n : y, x = o || 300, g = h || 300, m = (u == null ? void 0 : u.keepStill) || "both", $ = Number((u == null ? void 0 : u.toRepeatCount) ?? 5), N = Number((u == null ? void 0 : u.toScaleDown) ?? 0.3), k = Number((u == null ? void 0 : u.toCenterX) ?? 0.5), w = Number((u == null ? void 0 : u.toCenterY) ?? 0.5), S = (u == null ? void 0 : u.initialRepeatCount) !== void 0 ? Number(u.initialRepeatCount) : $, M = (u == null ? void 0 : u.initialScaleDown) !== void 0 ? Number(u.initialScaleDown) : 1, F = (u == null ? void 0 : u.initialCenterX) !== void 0 ? Number(u.initialCenterX) : k, R = (u == null ? void 0 : u.initialCenterY) !== void 0 ? Number(u.initialCenterY) : w, X = Math.max(0, v - (s || 0)), P = Math.min(1, Math.max(0, X / (c || 1)));
+  const y = Nt(), v = typeof n == "number" && !isNaN(n) ? n : y, $ = o || 300, g = h || 300, m = (u == null ? void 0 : u.keepStill) || "both", x = Number((u == null ? void 0 : u.toRepeatCount) ?? 5), N = Number((u == null ? void 0 : u.toScaleDown) ?? 0.3), I = Number((u == null ? void 0 : u.toCenterX) ?? 0.5), S = Number((u == null ? void 0 : u.toCenterY) ?? 0.5), M = (u == null ? void 0 : u.initialRepeatCount) !== void 0 ? Number(u.initialRepeatCount) : x, w = (u == null ? void 0 : u.initialScaleDown) !== void 0 ? Number(u.initialScaleDown) : 1, Y = (u == null ? void 0 : u.initialCenterX) !== void 0 ? Number(u.initialCenterX) : I, R = (u == null ? void 0 : u.initialCenterY) !== void 0 ? Number(u.initialCenterY) : S, X = Math.max(0, v - (s || 0)), P = Math.min(1, Math.max(0, X / (c || 1)));
   let V = a + (i - a) * P;
   m === "initial" ? V = 0 : m === "final" && (V = 1);
-  const Y = Math.max(1, Math.round(_(V, [0, 1], [S, $]))), W = _(V, [0, 1], [M, N]), U = _(V, [0, 1], [F, k]), z = _(V, [0, 1], [R, w]), D = d ? typeof d == "string" ? d : `${d.x ?? 0}px ${d.y ?? 0}px ${d.blur ?? 0}px ${d.color ?? ""}` : void 0, dt = Array.from({ length: Y }, (et, K) => K);
+  const F = Math.max(1, Math.round(_(V, [0, 1], [M, x]))), W = _(V, [0, 1], [w, N]), U = _(V, [0, 1], [Y, I]), z = _(V, [0, 1], [R, S]), D = d ? typeof d == "string" ? d : `${d.x ?? 0}px ${d.y ?? 0}px ${d.blur ?? 0}px ${d.color ?? ""}` : void 0, dt = Array.from({ length: F }, (et, K) => K);
   return /* @__PURE__ */ f(
     "div",
     {
@@ -930,7 +930,7 @@ const bn = ({
         borderRadius: e || 0
       },
       children: dt.map((et) => {
-        const K = Y > 1 ? et / (Y - 1) : 0, nt = 1 - K * (1 - Math.max(0.01, W)), j = (U - 0.5) * x * K, Q = (z - 0.5) * g * K;
+        const K = F > 1 ? et / (F - 1) : 0, nt = 1 - K * (1 - Math.max(0.01, W)), j = (U - 0.5) * $ * K, Q = (z - 0.5) * g * K;
         return /* @__PURE__ */ f(
           "div",
           {
@@ -938,7 +938,7 @@ const bn = ({
               position: "absolute",
               left: "50%",
               top: "50%",
-              width: `${x}px`,
+              width: `${$}px`,
               height: `${g}px`,
               transform: `translate(-50%, -50%) translate(${j}px, ${Q}px) scale(${nt})`,
               transformOrigin: "center center",
@@ -1017,7 +1017,7 @@ const bn = ({
   wiggleDetails: u,
   effects: b
 }) => {
-  const y = Nt(), v = typeof n == "number" && !isNaN(n) ? n : y, x = o || 300, g = h || 300, m = Number((u == null ? void 0 : u.wiggleX) ?? 20), $ = Number((u == null ? void 0 : u.wiggleY) ?? 20), N = Number((u == null ? void 0 : u.speed) ?? 3), k = Number((u == null ? void 0 : u.angle) ?? 10), w = Number((u == null ? void 0 : u.seed) ?? 1), S = u != null && u.hasInitialValue && (u == null ? void 0 : u.initialWiggleX) !== void 0 ? Number(u.initialWiggleX) : m, M = u != null && u.hasInitialValue && (u == null ? void 0 : u.initialWiggleY) !== void 0 ? Number(u.initialWiggleY) : $, F = u != null && u.hasInitialValue && (u == null ? void 0 : u.initialSpeed) !== void 0 ? Number(u.initialSpeed) : N, R = u != null && u.hasInitialValue && (u == null ? void 0 : u.initialAngle) !== void 0 ? Number(u.initialAngle) : k, X = Math.max(0, v - (s || 0)), P = Math.min(1, Math.max(0, X / (c || 1))), B = u != null && u.hasInitialValue ? S + (m - S) * P : m, V = u != null && u.hasInitialValue ? M + ($ - M) * P : $, Y = u != null && u.hasInitialValue ? F + (N - F) * P : N, W = u != null && u.hasInitialValue ? R + (k - R) * P : k, U = v * (Y * 0.08), z = w * 12.345, D = Math.sin(U + z) * Math.cos(U * 0.65 + z) * B, dt = Math.cos(U * 0.85 + z) * Math.sin(U * 1.15 + z) * V, et = Math.sin(U * 0.9 + z * 1.35) * W, K = d ? typeof d == "string" ? d : `${d.x ?? 0}px ${d.y ?? 0}px ${d.blur ?? 0}px ${d.color ?? ""}` : void 0;
+  const y = Nt(), v = typeof n == "number" && !isNaN(n) ? n : y, $ = o || 300, g = h || 300, m = Number((u == null ? void 0 : u.wiggleX) ?? 20), x = Number((u == null ? void 0 : u.wiggleY) ?? 20), N = Number((u == null ? void 0 : u.speed) ?? 3), I = Number((u == null ? void 0 : u.angle) ?? 10), S = Number((u == null ? void 0 : u.seed) ?? 1), M = u != null && u.hasInitialValue && (u == null ? void 0 : u.initialWiggleX) !== void 0 ? Number(u.initialWiggleX) : m, w = u != null && u.hasInitialValue && (u == null ? void 0 : u.initialWiggleY) !== void 0 ? Number(u.initialWiggleY) : x, Y = u != null && u.hasInitialValue && (u == null ? void 0 : u.initialSpeed) !== void 0 ? Number(u.initialSpeed) : N, R = u != null && u.hasInitialValue && (u == null ? void 0 : u.initialAngle) !== void 0 ? Number(u.initialAngle) : I, X = Math.max(0, v - (s || 0)), P = Math.min(1, Math.max(0, X / (c || 1))), B = u != null && u.hasInitialValue ? M + (m - M) * P : m, V = u != null && u.hasInitialValue ? w + (x - w) * P : x, F = u != null && u.hasInitialValue ? Y + (N - Y) * P : N, W = u != null && u.hasInitialValue ? R + (I - R) * P : I, U = v * (F * 0.08), z = S * 12.345, D = Math.sin(U + z) * Math.cos(U * 0.65 + z) * B, dt = Math.cos(U * 0.85 + z) * Math.sin(U * 1.15 + z) * V, et = Math.sin(U * 0.9 + z * 1.35) * W, K = d ? typeof d == "string" ? d : `${d.x ?? 0}px ${d.y ?? 0}px ${d.blur ?? 0}px ${d.color ?? ""}` : void 0;
   return /* @__PURE__ */ f(
     "div",
     {
@@ -1031,7 +1031,7 @@ const bn = ({
         "div",
         {
           style: {
-            width: `${x}px`,
+            width: `${$}px`,
             height: `${g}px`,
             position: "absolute",
             left: "50%",
@@ -1096,10 +1096,10 @@ const bn = ({
   children: l,
   style: p = {}
 }) => {
-  const d = Nt(), u = typeof t == "number" && !isNaN(t) ? t : d, b = a || 300, y = i || 300, v = (e == null ? void 0 : e.keepStill) || "both", x = Number((e == null ? void 0 : e.toRotationX) ?? 0), g = Number((e == null ? void 0 : e.toRotationY) ?? 360), m = Number((e == null ? void 0 : e.toRotationZ) ?? 0), $ = Number((e == null ? void 0 : e.toPivotX) ?? 0), N = Number((e == null ? void 0 : e.toPivotY) ?? 0), k = Number((e == null ? void 0 : e.toPerspective) ?? 0.45), w = !!(e != null && e.hasInitialValue), S = w ? Number((e == null ? void 0 : e.initialRotationX) ?? 0) : 0, M = w ? Number((e == null ? void 0 : e.initialRotationY) ?? 0) : 0, F = w ? Number((e == null ? void 0 : e.initialRotationZ) ?? 0) : 0, R = w ? Number((e == null ? void 0 : e.initialPivotX) ?? 0) : $, X = w ? Number((e == null ? void 0 : e.initialPivotY) ?? 0) : N, P = w ? Number((e == null ? void 0 : e.initialPerspective) ?? 0.45) : k, B = (e == null ? void 0 : e.frontFace) ?? !0, V = (e == null ? void 0 : e.backFace) ?? !0, Y = Math.max(0, u - (r || 0)), W = Math.min(1, Math.max(0, Y / (n || 1)));
+  const d = Nt(), u = typeof t == "number" && !isNaN(t) ? t : d, b = a || 300, y = i || 300, v = (e == null ? void 0 : e.keepStill) || "both", $ = Number((e == null ? void 0 : e.toRotationX) ?? 0), g = Number((e == null ? void 0 : e.toRotationY) ?? 360), m = Number((e == null ? void 0 : e.toRotationZ) ?? 0), x = Number((e == null ? void 0 : e.toPivotX) ?? 0), N = Number((e == null ? void 0 : e.toPivotY) ?? 0), I = Number((e == null ? void 0 : e.toPerspective) ?? 0.45), S = !!(e != null && e.hasInitialValue), M = S ? Number((e == null ? void 0 : e.initialRotationX) ?? 0) : 0, w = S ? Number((e == null ? void 0 : e.initialRotationY) ?? 0) : 0, Y = S ? Number((e == null ? void 0 : e.initialRotationZ) ?? 0) : 0, R = S ? Number((e == null ? void 0 : e.initialPivotX) ?? 0) : x, X = S ? Number((e == null ? void 0 : e.initialPivotY) ?? 0) : N, P = S ? Number((e == null ? void 0 : e.initialPerspective) ?? 0.45) : I, B = (e == null ? void 0 : e.frontFace) ?? !0, V = (e == null ? void 0 : e.backFace) ?? !0, F = Math.max(0, u - (r || 0)), W = Math.min(1, Math.max(0, F / (n || 1)));
   let z = s + (c - s) * W;
   v === "initial" ? z = 0 : v === "final" && (z = 1);
-  const D = _(z, [0, 1], [S, x]), dt = _(z, [0, 1], [M, g]), et = _(z, [0, 1], [F, m]), K = _(z, [0, 1], [R, $]), nt = _(z, [0, 1], [X, N]), j = _(z, [0, 1], [P, k]), Q = Math.max(b, y), pt = Math.max(
+  const D = _(z, [0, 1], [M, $]), dt = _(z, [0, 1], [w, g]), et = _(z, [0, 1], [Y, m]), K = _(z, [0, 1], [R, x]), nt = _(z, [0, 1], [X, N]), j = _(z, [0, 1], [P, I]), Q = Math.max(b, y), pt = Math.max(
     1200,
     Math.round(Q * 2.5 / Math.max(0.05, j))
   ), C = D * Math.PI / 180, G = dt * Math.PI / 180, T = Math.cos(C) * Math.cos(G), lt = T >= 0, q = T < 0;
@@ -1153,11 +1153,11 @@ const bn = ({
   activeEffects: u,
   effects: b
 }) => {
-  const y = u == null ? void 0 : u.find((m) => m.type === "vignette"), v = (y == null ? void 0 : y.amount) ?? (y == null ? void 0 : y.intensity) ?? (y ? 0.7 : 0), x = [];
+  const y = u == null ? void 0 : u.find((m) => m.type === "vignette"), v = (y == null ? void 0 : y.amount) ?? (y == null ? void 0 : y.intensity) ?? (y ? 0.7 : 0), $ = [];
   u == null || u.forEach((m) => {
-    m.type === "blur" && m.radius && x.push(`blur(${m.radius}px)`), m.type === "grayscale" && m.amount !== void 0 && x.push(`grayscale(${m.amount * 100}%)`), m.type === "contrast" && m.amount !== void 0 && x.push(`contrast(${m.amount * 100}%)`), m.type === "brightness" && m.amount !== void 0 && x.push(`brightness(${100 + m.amount * 100}%)`), m.type === "hue" && m.rotation !== void 0 && x.push(`hue-rotate(${m.rotation}deg)`), m.type === "saturation" && m.amount !== void 0 && x.push(`saturate(${m.amount * 100}%)`);
+    m.type === "blur" && m.radius && $.push(`blur(${m.radius}px)`), m.type === "grayscale" && m.amount !== void 0 && $.push(`grayscale(${m.amount * 100}%)`), m.type === "contrast" && m.amount !== void 0 && $.push(`contrast(${m.amount * 100}%)`), m.type === "brightness" && m.amount !== void 0 && $.push(`brightness(${100 + m.amount * 100}%)`), m.type === "hue" && m.rotation !== void 0 && $.push(`hue-rotate(${m.rotation}deg)`), m.type === "saturation" && m.amount !== void 0 && $.push(`saturate(${m.amount * 100}%)`);
   });
-  const g = x.length > 0 ? x.join(" ") : void 0;
+  const g = $.length > 0 ? $.join(" ") : void 0;
   return /* @__PURE__ */ f(
     Or,
     {
@@ -1261,14 +1261,14 @@ function gn(t, r, n, s = 0) {
     i[q] = c[q & 255], o[q] = i[q] % 12;
   const h = 1 / 3, e = 1 / 6;
   let l = 0, p = 0, d = 0, u = 0;
-  const b = (t + r + n) * h, y = Math.floor(t + b), v = Math.floor(r + b), x = Math.floor(n + b), g = (y + v + x) * e, m = y - g, $ = v - g, N = x - g, k = t - m, w = r - $, S = n - N;
-  let M = 0, F = 0, R = 0, X = 0, P = 0, B = 0;
-  k >= w ? w >= S ? (M = 1, F = 0, R = 0, X = 1, P = 1, B = 0) : k >= S ? (M = 1, F = 0, R = 0, X = 1, P = 0, B = 1) : (M = 0, F = 0, R = 1, X = 1, P = 0, B = 1) : w < S ? (M = 0, F = 0, R = 1, X = 0, P = 1, B = 1) : k < S ? (M = 0, F = 1, R = 0, X = 0, P = 1, B = 1) : (M = 0, F = 1, R = 0, X = 1, P = 1, B = 0);
-  const V = k - M + e, Y = w - F + e, W = S - R + e, U = k - X + 2 * e, z = w - P + 2 * e, D = S - B + 2 * e, dt = k - 1 + 3 * e, et = w - 1 + 3 * e, K = S - 1 + 3 * e, nt = y & 255, j = v & 255, Q = x & 255;
-  let pt = 0.6 - k * k - w * w - S * S;
-  pt >= 0 && (pt *= pt, l = pt * pt * ur(dr[o[nt + i[j + i[Q]]]], k, w, S));
-  let C = 0.6 - V * V - Y * Y - W * W;
-  C >= 0 && (C *= C, p = C * C * ur(dr[o[nt + M + i[j + F + i[Q + R]]]], V, Y, W));
+  const b = (t + r + n) * h, y = Math.floor(t + b), v = Math.floor(r + b), $ = Math.floor(n + b), g = (y + v + $) * e, m = y - g, x = v - g, N = $ - g, I = t - m, S = r - x, M = n - N;
+  let w = 0, Y = 0, R = 0, X = 0, P = 0, B = 0;
+  I >= S ? S >= M ? (w = 1, Y = 0, R = 0, X = 1, P = 1, B = 0) : I >= M ? (w = 1, Y = 0, R = 0, X = 1, P = 0, B = 1) : (w = 0, Y = 0, R = 1, X = 1, P = 0, B = 1) : S < M ? (w = 0, Y = 0, R = 1, X = 0, P = 1, B = 1) : I < M ? (w = 0, Y = 1, R = 0, X = 0, P = 1, B = 1) : (w = 0, Y = 1, R = 0, X = 1, P = 1, B = 0);
+  const V = I - w + e, F = S - Y + e, W = M - R + e, U = I - X + 2 * e, z = S - P + 2 * e, D = M - B + 2 * e, dt = I - 1 + 3 * e, et = S - 1 + 3 * e, K = M - 1 + 3 * e, nt = y & 255, j = v & 255, Q = $ & 255;
+  let pt = 0.6 - I * I - S * S - M * M;
+  pt >= 0 && (pt *= pt, l = pt * pt * ur(dr[o[nt + i[j + i[Q]]]], I, S, M));
+  let C = 0.6 - V * V - F * F - W * W;
+  C >= 0 && (C *= C, p = C * C * ur(dr[o[nt + w + i[j + Y + i[Q + R]]]], V, F, W));
   let G = 0.6 - U * U - z * z - D * D;
   G >= 0 && (G *= G, d = G * G * ur(dr[o[nt + X + i[j + P + i[Q + B]]]], U, z, D));
   let T = 0.6 - dt * dt - et * et - K * K;
@@ -1291,14 +1291,14 @@ const No = ({
   boxShadow: p,
   noiseTileDetails: d
 }) => {
-  const u = Nt(), b = typeof r == "number" && !isNaN(r) ? r : u, y = i || 300, v = o || 300, x = (d == null ? void 0 : d.keepStill) || "both", g = Number((d == null ? void 0 : d.toXRepetitions) ?? (d == null ? void 0 : d.xRepetitions) ?? 5), m = Number((d == null ? void 0 : d.toYRepetitions) ?? (d == null ? void 0 : d.yRepetitions) ?? 5), $ = Number((d == null ? void 0 : d.toGapX) ?? (d == null ? void 0 : d.gapX) ?? 12), N = Number((d == null ? void 0 : d.toGapY) ?? (d == null ? void 0 : d.gapY) ?? 12), k = Number((d == null ? void 0 : d.toScale) ?? (d == null ? void 0 : d.scale) ?? 1), w = Number((d == null ? void 0 : d.toNoiseScale) ?? (d == null ? void 0 : d.noiseScale) ?? 1.5), S = Number((d == null ? void 0 : d.toNoiseMoveX) ?? (d == null ? void 0 : d.noiseMoveX) ?? 0.6), M = Number((d == null ? void 0 : d.toNoiseMoveY) ?? (d == null ? void 0 : d.noiseMoveY) ?? 0.4), F = Number((d == null ? void 0 : d.toFps) ?? (d == null ? void 0 : d.fps) ?? 12), R = Number((d == null ? void 0 : d.toThreshold) ?? (d == null ? void 0 : d.threshold) ?? 0.45), X = Number((d == null ? void 0 : d.toSeedOffset) ?? (d == null ? void 0 : d.seedOffset) ?? 0), P = !!(d != null && d.hasInitialValue), B = P ? Number((d == null ? void 0 : d.initialXRepetitions) ?? g) : g, V = P ? Number((d == null ? void 0 : d.initialYRepetitions) ?? m) : m, Y = P ? Number((d == null ? void 0 : d.initialGapX) ?? $) : $, W = P ? Number((d == null ? void 0 : d.initialGapY) ?? N) : N, U = P ? Number((d == null ? void 0 : d.initialScale) ?? k) : k, z = P ? Number((d == null ? void 0 : d.initialNoiseScale) ?? w) : w, D = P ? Number((d == null ? void 0 : d.initialNoiseMoveX) ?? S) : S, dt = P ? Number((d == null ? void 0 : d.initialNoiseMoveY) ?? M) : M, et = P ? Number((d == null ? void 0 : d.initialFps) ?? F) : F, K = P ? Number((d == null ? void 0 : d.initialThreshold) ?? R) : R, nt = P ? Number((d == null ? void 0 : d.initialSeedOffset) ?? X) : X, j = Math.max(0, b - (n || 0)), Q = Math.min(1, Math.max(0, j / (s || 1)));
+  const u = Nt(), b = typeof r == "number" && !isNaN(r) ? r : u, y = i || 300, v = o || 300, $ = (d == null ? void 0 : d.keepStill) || "both", g = Number((d == null ? void 0 : d.toXRepetitions) ?? (d == null ? void 0 : d.xRepetitions) ?? 5), m = Number((d == null ? void 0 : d.toYRepetitions) ?? (d == null ? void 0 : d.yRepetitions) ?? 5), x = Number((d == null ? void 0 : d.toGapX) ?? (d == null ? void 0 : d.gapX) ?? 12), N = Number((d == null ? void 0 : d.toGapY) ?? (d == null ? void 0 : d.gapY) ?? 12), I = Number((d == null ? void 0 : d.toScale) ?? (d == null ? void 0 : d.scale) ?? 1), S = Number((d == null ? void 0 : d.toNoiseScale) ?? (d == null ? void 0 : d.noiseScale) ?? 1.5), M = Number((d == null ? void 0 : d.toNoiseMoveX) ?? (d == null ? void 0 : d.noiseMoveX) ?? 0.6), w = Number((d == null ? void 0 : d.toNoiseMoveY) ?? (d == null ? void 0 : d.noiseMoveY) ?? 0.4), Y = Number((d == null ? void 0 : d.toFps) ?? (d == null ? void 0 : d.fps) ?? 12), R = Number((d == null ? void 0 : d.toThreshold) ?? (d == null ? void 0 : d.threshold) ?? 0.45), X = Number((d == null ? void 0 : d.toSeedOffset) ?? (d == null ? void 0 : d.seedOffset) ?? 0), P = !!(d != null && d.hasInitialValue), B = P ? Number((d == null ? void 0 : d.initialXRepetitions) ?? g) : g, V = P ? Number((d == null ? void 0 : d.initialYRepetitions) ?? m) : m, F = P ? Number((d == null ? void 0 : d.initialGapX) ?? x) : x, W = P ? Number((d == null ? void 0 : d.initialGapY) ?? N) : N, U = P ? Number((d == null ? void 0 : d.initialScale) ?? I) : I, z = P ? Number((d == null ? void 0 : d.initialNoiseScale) ?? S) : S, D = P ? Number((d == null ? void 0 : d.initialNoiseMoveX) ?? M) : M, dt = P ? Number((d == null ? void 0 : d.initialNoiseMoveY) ?? w) : w, et = P ? Number((d == null ? void 0 : d.initialFps) ?? Y) : Y, K = P ? Number((d == null ? void 0 : d.initialThreshold) ?? R) : R, nt = P ? Number((d == null ? void 0 : d.initialSeedOffset) ?? X) : X, j = Math.max(0, b - (n || 0)), Q = Math.min(1, Math.max(0, j / (s || 1)));
   let C = c + (a - c) * Q;
-  x === "initial" ? C = 0 : x === "final" && (C = 1);
-  const G = Math.max(1, Math.round(_(C, [0, 1], [B, g]))), T = Math.max(1, Math.round(_(C, [0, 1], [V, m]))), lt = _(C, [0, 1], [Y, $]), q = _(C, [0, 1], [W, N]), Z = _(C, [0, 1], [U, k]), at = _(C, [0, 1], [z, w]), tt = _(C, [0, 1], [D, S]), yt = _(C, [0, 1], [dt, M]), rt = Math.max(1, Math.round(_(C, [0, 1], [et, F]))), ct = _(C, [0, 1], [K, R]), st = _(C, [0, 1], [nt, X]), ut = p ? typeof p == "string" ? p : `${p.x ?? 0}px ${p.y ?? 0}px ${p.blur ?? 0}px ${p.color ?? ""}` : void 0, ht = Math.floor(j * (rt / 30)), vt = (G - 1) / 2, $t = (T - 1) / 2, It = [];
+  $ === "initial" ? C = 0 : $ === "final" && (C = 1);
+  const G = Math.max(1, Math.round(_(C, [0, 1], [B, g]))), T = Math.max(1, Math.round(_(C, [0, 1], [V, m]))), lt = _(C, [0, 1], [F, x]), q = _(C, [0, 1], [W, N]), Z = _(C, [0, 1], [U, I]), at = _(C, [0, 1], [z, S]), tt = _(C, [0, 1], [D, M]), yt = _(C, [0, 1], [dt, w]), rt = Math.max(1, Math.round(_(C, [0, 1], [et, Y]))), ct = _(C, [0, 1], [K, R]), st = _(C, [0, 1], [nt, X]), ut = p ? typeof p == "string" ? p : `${p.x ?? 0}px ${p.y ?? 0}px ${p.blur ?? 0}px ${p.color ?? ""}` : void 0, ht = Math.floor(j * (rt / 30)), vt = (G - 1) / 2, $t = (T - 1) / 2, It = [];
   for (let ft = 0; ft < T; ft++)
     for (let St = 0; St < G; St++) {
-      const Yt = St / Math.max(1, G) * at, Rt = ft / Math.max(1, T) * at, Xt = ht * 0.1 + st, Pt = gn(
-        Yt + ht * tt * 0.05,
+      const Ft = St / Math.max(1, G) * at, Rt = ft / Math.max(1, T) * at, Xt = ht * 0.1 + st, Pt = gn(
+        Ft + ht * tt * 0.05,
         Rt + ht * yt * 0.05,
         Xt,
         st
@@ -1437,16 +1437,16 @@ function Vr(t, r, n = 0) {
       if (!d) return;
       const u = d.property;
       if (p.includes(u)) {
-        const b = d.delay ?? 0, y = Math.max(1, d.durationInFrames ?? 30), v = b + y, x = ($) => $ === "contrast" || $ === "brightness" || $ === "saturation" ? 100 : $ === "pixelate" ? 1 : 0;
-        let g = !1, m = x(u);
+        const b = d.delay ?? 0, y = Math.max(1, d.durationInFrames ?? 30), v = b + y, $ = (x) => x === "contrast" || x === "brightness" || x === "saturation" ? 100 : x === "pixelate" ? 1 : 0;
+        let g = !1, m = $(u);
         if (n >= b && n <= v) {
           g = !0;
-          const $ = Math.min(
+          const x = Math.min(
             1,
             Math.max(0, (n - b) / y)
-          ), N = Number(d.from ?? x(u)), k = Number(d.to ?? x(u));
-          m = N + (k - N) * $;
-        } else n > v && d.persist === !0 && (g = !0, m = Number(d.to ?? x(u)));
+          ), N = Number(d.from ?? $(u)), I = Number(d.to ?? $(u));
+          m = N + (I - N) * x;
+        } else n > v && d.persist === !0 && (g = !0, m = Number(d.to ?? $(u)));
         if (!g) return;
         switch (c.add(u), u) {
           case "blur":
@@ -1495,13 +1495,13 @@ function Vr(t, r, n = 0) {
             });
             break;
           case "duotone": {
-            const $ = d.details;
+            const x = d.details;
             a.push({
               type: "duotone",
-              color1: ($ == null ? void 0 : $.color1) || "#ff0055",
-              color2: ($ == null ? void 0 : $.color2) || "#00eeff",
-              darkColor: ($ == null ? void 0 : $.color1) || "#ff0055",
-              lightColor: ($ == null ? void 0 : $.color2) || "#00eeff"
+              color1: (x == null ? void 0 : x.color1) || "#ff0055",
+              color2: (x == null ? void 0 : x.color2) || "#00eeff",
+              darkColor: (x == null ? void 0 : x.color1) || "#ff0055",
+              lightColor: (x == null ? void 0 : x.color2) || "#00eeff"
             });
             break;
           }
@@ -1596,7 +1596,7 @@ Object.defineProperty(Wt, "__esModule", {
   value: !0
 });
 Wt.loop = Wt.conditional = Wt.parse = void 0;
-var Fo = function t(r, n) {
+var Yo = function t(r, n) {
   var s = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, c = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : s;
   if (Array.isArray(n))
     n.forEach(function(i) {
@@ -1610,13 +1610,13 @@ var Fo = function t(r, n) {
   }
   return s;
 };
-Wt.parse = Fo;
-var Yo = function(r, n) {
+Wt.parse = Yo;
+var Fo = function(r, n) {
   return function(s, c, a, i) {
     n(s, c, a) && i(s, r, c, a);
   };
 };
-Wt.conditional = Yo;
+Wt.conditional = Fo;
 var Ro = function(r, n) {
   return function(s, c, a, i) {
     for (var o = [], h = s.pos; n(s, c, a); ) {
@@ -1710,16 +1710,16 @@ xt.readBits = Vo;
   }), t.default = void 0;
   var r = Wt, n = xt, s = {
     blocks: function(d) {
-      for (var u = 0, b = [], y = d.data.length, v = 0, x = (0, n.readByte)()(d); x !== u && x; x = (0, n.readByte)()(d)) {
-        if (d.pos + x >= y) {
+      for (var u = 0, b = [], y = d.data.length, v = 0, $ = (0, n.readByte)()(d); $ !== u && $; $ = (0, n.readByte)()(d)) {
+        if (d.pos + $ >= y) {
           var g = y - d.pos;
           b.push((0, n.readBytes)(g)(d)), v += g;
           break;
         }
-        b.push((0, n.readBytes)(x)(d)), v += x;
+        b.push((0, n.readBytes)($)(d)), v += $;
       }
-      for (var m = new Uint8Array(v), $ = 0, N = 0; N < b.length; N++)
-        m.set(b[N], $), $ += b[N].length;
+      for (var m = new Uint8Array(v), x = 0, N = 0; N < b.length; N++)
+        m.set(b[N], x), x += b[N].length;
       return m;
     }
   }, c = (0, r.conditional)({
@@ -1907,35 +1907,35 @@ Object.defineProperty(mr, "__esModule", {
 });
 mr.lzw = void 0;
 var zo = function(r, n, s) {
-  var c = 4096, a = -1, i = s, o, h, e, l, p, d, u, k, b, y, N, v, w, S, F, M, x = new Array(s), g = new Array(c), m = new Array(c), $ = new Array(c + 1);
+  var c = 4096, a = -1, i = s, o, h, e, l, p, d, u, I, b, y, N, v, S, M, Y, w, $ = new Array(s), g = new Array(c), m = new Array(c), x = new Array(c + 1);
   for (v = r, h = 1 << v, p = h + 1, o = h + 2, u = a, l = v + 1, e = (1 << l) - 1, b = 0; b < h; b++)
     g[b] = 0, m[b] = b;
-  var N, k, w, S, M, F;
-  for (N = k = w = S = M = F = 0, y = 0; y < i; ) {
-    if (S === 0) {
-      if (k < l) {
-        N += n[F] << k, k += 8, F++;
+  var N, I, S, M, w, Y;
+  for (N = I = S = M = w = Y = 0, y = 0; y < i; ) {
+    if (M === 0) {
+      if (I < l) {
+        N += n[Y] << I, I += 8, Y++;
         continue;
       }
-      if (b = N & e, N >>= l, k -= l, b > o || b == p)
+      if (b = N & e, N >>= l, I -= l, b > o || b == p)
         break;
       if (b == h) {
         l = v + 1, e = (1 << l) - 1, o = h + 2, u = a;
         continue;
       }
       if (u == a) {
-        $[S++] = m[b], u = b, w = b;
+        x[M++] = m[b], u = b, S = b;
         continue;
       }
-      for (d = b, b == o && ($[S++] = w, b = u); b > h; )
-        $[S++] = m[b], b = g[b];
-      w = m[b] & 255, $[S++] = w, o < c && (g[o] = u, m[o] = w, o++, !(o & e) && o < c && (l++, e += o)), u = d;
+      for (d = b, b == o && (x[M++] = S, b = u); b > h; )
+        x[M++] = m[b], b = g[b];
+      S = m[b] & 255, x[M++] = S, o < c && (g[o] = u, m[o] = S, o++, !(o & e) && o < c && (l++, e += o)), u = d;
     }
-    S--, x[M++] = $[S], y++;
+    M--, $[w++] = x[M], y++;
   }
-  for (y = M; y < i; y++)
-    x[y] = 0;
-  return x;
+  for (y = w; y < i; y++)
+    $[y] = 0;
+  return $;
 };
 mr.lzw = zo;
 Object.defineProperty(Jt, "__esModule", {
@@ -2058,7 +2058,7 @@ function kn({
   options: r
 }) {
   var dt, et, K, nt, j, Q, pt, C, G, T, lt, q, Z, at;
-  const { fps: n, frame: s, isTransition: c } = r, { details: a, animations: i } = t, o = t.playbackRate || 1, { animationIn: h, animationOut: e, animationTimed: l } = Ft(
+  const { fps: n, frame: s, isTransition: c } = r, { details: a, animations: i } = t, o = t.playbackRate || 1, { animationIn: h, animationOut: e, animationTimed: l } = Yt(
     i,
     t,
     s,
@@ -2069,34 +2069,34 @@ function kn({
     y: 0,
     width: a.width,
     height: a.height
-  }, { durationInFrames: d } = wt(t.display, n), u = (s || 0) - t.display.from * n / 1e3, b = Ct(a, p, {}), { WebkitTextStroke: y } = b, v = ln(a, p), x = Vr(
+  }, { durationInFrames: d } = wt(t.display, n), u = (s || 0) - t.display.from * n / 1e3, b = Ct(a, p, {}), { WebkitTextStroke: y } = b, v = ln(a, p), $ = Vr(
     a.effects,
     i,
     u
-  ), g = Wr(x), { filter: m, overlays: $ } = xn(x), N = a.width || p.width || 300, k = a.height || p.height || 300, w = Jo(a.src), S = (et = (dt = i == null ? void 0 : i.loop) == null ? void 0 : dt.composition) == null ? void 0 : et.find(
+  ), g = Wr($), { filter: m, overlays: x } = xn($), N = a.width || p.width || 300, I = a.height || p.height || 300, S = Jo(a.src), M = (et = (dt = i == null ? void 0 : i.loop) == null ? void 0 : dt.composition) == null ? void 0 : et.find(
     (tt) => tt.property === "textGridMarqueeTextAnimationLoop" || tt.property === "textGridMarquee" || tt.property === "imageGridMarqueeTextAnimationLoop" || tt.property === "imageGridMarquee" || tt.id === "textGridMarquee" || tt.id === "imageGridMarquee"
-  ), M = !!(S && u >= (S.delay || 0) && u <= (S.delay || 0) + (S.durationInFrames || 60)), F = (nt = (K = i == null ? void 0 : i.loop) == null ? void 0 : K.composition) == null ? void 0 : nt.find(
+  ), w = !!(M && u >= (M.delay || 0) && u <= (M.delay || 0) + (M.durationInFrames || 60)), Y = (nt = (K = i == null ? void 0 : i.loop) == null ? void 0 : K.composition) == null ? void 0 : nt.find(
     (tt) => tt.property === "inwardEchoes" || tt.id === "inwardEchoes"
-  ), R = !!(F && u >= (F.delay || 0) && u <= (F.delay || 0) + (F.durationInFrames || 120)), X = (Q = (j = i == null ? void 0 : i.loop) == null ? void 0 : j.composition) == null ? void 0 : Q.find(
+  ), R = !!(Y && u >= (Y.delay || 0) && u <= (Y.delay || 0) + (Y.durationInFrames || 120)), X = (Q = (j = i == null ? void 0 : i.loop) == null ? void 0 : j.composition) == null ? void 0 : Q.find(
     (tt) => tt.property === "wiggle" || tt.id === "wiggle"
   ), P = !!(X && u >= (X.delay || 0) && u <= (X.delay || 0) + (X.durationInFrames || 120)), B = (C = (pt = i == null ? void 0 : i.loop) == null ? void 0 : pt.composition) == null ? void 0 : C.find(
     (tt) => tt.property === "cardFlip" || tt.id === "cardFlip"
-  ), V = !!(B && u >= (B.delay || 0) && u <= (B.delay || 0) + (B.durationInFrames || 120)), Y = (T = (G = i == null ? void 0 : i.loop) == null ? void 0 : G.composition) == null ? void 0 : T.find(
+  ), V = !!(B && u >= (B.delay || 0) && u <= (B.delay || 0) + (B.durationInFrames || 120)), F = (T = (G = i == null ? void 0 : i.loop) == null ? void 0 : G.composition) == null ? void 0 : T.find(
     (tt) => tt.property === "noiseTile" || tt.id === "noiseTile"
-  ), W = !!(Y && u >= (Y.delay || 0) && u <= (Y.delay || 0) + (Y.durationInFrames || 120)), U = [
+  ), W = !!(F && u >= (F.delay || 0) && u <= (F.delay || 0) + (F.durationInFrames || 120)), U = [
     ...((lt = i == null ? void 0 : i.in) == null ? void 0 : lt.composition) || [],
     ...((q = i == null ? void 0 : i.out) == null ? void 0 : q.composition) || [],
     ...((Z = i == null ? void 0 : i.timed) == null ? void 0 : Z.composition) || [],
     ...((at = i == null ? void 0 : i.loop) == null ? void 0 : at.composition) || []
-  ], z = () => M ? /* @__PURE__ */ f(
+  ], z = () => w ? /* @__PURE__ */ f(
     bn,
     {
       src: a.src,
       frame: u,
-      delay: S == null ? void 0 : S.delay,
-      durationInFrames: S == null ? void 0 : S.durationInFrames,
-      from: S == null ? void 0 : S.from,
-      to: S == null ? void 0 : S.to,
+      delay: M == null ? void 0 : M.delay,
+      durationInFrames: M == null ? void 0 : M.durationInFrames,
+      from: M == null ? void 0 : M.from,
+      to: M == null ? void 0 : M.to,
       width: a.width,
       height: a.height,
       borderRadius: v.borderRadius,
@@ -2104,17 +2104,17 @@ function kn({
       borderColor: a.borderColor,
       boxShadow: a.boxShadow,
       fps: n,
-      marqueeDetails: S == null ? void 0 : S.details
+      marqueeDetails: M == null ? void 0 : M.details
     }
   ) : R ? /* @__PURE__ */ f(
     vn,
     {
       src: a.src,
       frame: u,
-      delay: F == null ? void 0 : F.delay,
-      durationInFrames: F == null ? void 0 : F.durationInFrames,
-      from: F == null ? void 0 : F.from,
-      to: F == null ? void 0 : F.to,
+      delay: Y == null ? void 0 : Y.delay,
+      durationInFrames: Y == null ? void 0 : Y.durationInFrames,
+      from: Y == null ? void 0 : Y.from,
+      to: Y == null ? void 0 : Y.to,
       width: a.width,
       height: a.height,
       borderRadius: v.borderRadius,
@@ -2122,7 +2122,7 @@ function kn({
       borderColor: a.borderColor,
       boxShadow: a.boxShadow,
       fps: n,
-      echoesDetails: F == null ? void 0 : F.details
+      echoesDetails: Y == null ? void 0 : Y.details
     }
   ) : P ? /* @__PURE__ */ f(
     mn,
@@ -2159,7 +2159,7 @@ function kn({
       boxShadow: a.boxShadow,
       fps: n,
       cardFlipDetails: B == null ? void 0 : B.details,
-      activeEffects: x,
+      activeEffects: $,
       effects: g
     }
   ) : W ? /* @__PURE__ */ f(
@@ -2167,10 +2167,10 @@ function kn({
     {
       src: a.src,
       frame: u,
-      delay: Y == null ? void 0 : Y.delay,
-      durationInFrames: Y == null ? void 0 : Y.durationInFrames,
-      from: Y == null ? void 0 : Y.from,
-      to: Y == null ? void 0 : Y.to,
+      delay: F == null ? void 0 : F.delay,
+      durationInFrames: F == null ? void 0 : F.durationInFrames,
+      from: F == null ? void 0 : F.from,
+      to: F == null ? void 0 : F.to,
       width: a.width,
       height: a.height,
       borderRadius: v.borderRadius,
@@ -2178,9 +2178,9 @@ function kn({
       borderColor: a.borderColor,
       boxShadow: a.boxShadow,
       fps: n,
-      noiseTileDetails: Y == null ? void 0 : Y.details
+      noiseTileDetails: F == null ? void 0 : F.details
     }
-  ) : w ? /* @__PURE__ */ f(
+  ) : S ? /* @__PURE__ */ f(
     re,
     {
       src: a.src,
@@ -2258,23 +2258,23 @@ function kn({
                         style: {
                           ...v,
                           overflow: "visible",
-                          boxShadow: M ? "none" : v.boxShadow
+                          boxShadow: w ? "none" : v.boxShadow
                         },
                         children: [
                           g ? /* @__PURE__ */ f(
                             _r,
                             {
                               width: N,
-                              height: k,
+                              height: I,
                               effects: g,
                               children: z()
                             }
                           ) : z(),
-                          $.map((tt) => /* @__PURE__ */ f("div", { style: tt.style }, tt.id))
+                          x.map((tt) => /* @__PURE__ */ f("div", { style: tt.style }, tt.id))
                         ]
                       }
                     ),
-                    !M && !R && !P && !V && !W && /* @__PURE__ */ f(
+                    !w && !R && !P && !V && !W && /* @__PURE__ */ f(
                       "div",
                       {
                         style: {
@@ -2299,7 +2299,7 @@ const Nn = ({
   options: r
 }) => {
   var d, u, b, y;
-  const { fps: n, frame: s } = r, { details: c, animations: a } = t, { animationIn: i, animationOut: o, animationTimed: h } = Ft(
+  const { fps: n, frame: s } = r, { details: c, animations: a } = t, { animationIn: i, animationOut: o, animationTimed: h } = Yt(
     a,
     t,
     s,
@@ -2358,28 +2358,28 @@ const Nn = ({
   return gt({ item: t, options: r, children: p });
 }, Lr = {
   // Legacy Easings
-  linear: I.linear,
-  easeIn: I.in(I.quad),
-  easeOut: I.out(I.quad),
-  easeInOut: I.inOut(I.quad),
-  easeInQuad: I.in(I.quad),
-  easeOutQuad: I.out(I.quad),
-  easeInOutQuad: I.inOut(I.quad),
-  easeInCubic: I.in(I.cubic),
-  easeOutCubic: I.out(I.cubic),
-  easeInOutCubic: I.inOut(I.cubic),
+  linear: k.linear,
+  easeIn: k.in(k.quad),
+  easeOut: k.out(k.quad),
+  easeInOut: k.inOut(k.quad),
+  easeInQuad: k.in(k.quad),
+  easeOutQuad: k.out(k.quad),
+  easeInOutQuad: k.inOut(k.quad),
+  easeInCubic: k.in(k.cubic),
+  easeOutCubic: k.out(k.cubic),
+  easeInOutCubic: k.inOut(k.cubic),
   // New Easing Presets from UI Selection
-  smooth: I.inOut(I.cubic),
-  natural: I.inOut(I.quad),
-  slowDown: I.out(I.cubic),
-  accelerate: I.in(I.cubic),
-  elastic: I.elastic(1),
-  bounce: I.bounce,
-  overshoot: I.out(I.back(1.70158)),
-  impulse: I.in(I.back(1.70158)),
-  swing: I.inOut(I.back(1.70158)),
-  none: I.linear,
-  custom: I.inOut(I.cubic)
+  smooth: k.inOut(k.cubic),
+  natural: k.inOut(k.quad),
+  slowDown: k.out(k.cubic),
+  accelerate: k.in(k.cubic),
+  elastic: k.elastic(1),
+  bounce: k.bounce,
+  overshoot: k.out(k.back(1.70158)),
+  impulse: k.in(k.back(1.70158)),
+  swing: k.inOut(k.back(1.70158)),
+  none: k.linear,
+  custom: k.inOut(k.cubic)
 }, ne = (t) => Lr[t] || Lr.linear, oe = ({
   char: t,
   index: r,
@@ -2397,12 +2397,12 @@ const Nn = ({
   fade: u = !1
 }) => {
   const b = Math.max(1, a), y = o === h;
-  let v, x;
-  c <= 1 ? (v = b, x = 0) : y ? (x = b / c, v = x) : (v = Math.min(
+  let v, $;
+  c <= 1 ? (v = b, $ = 0) : y ? ($ = b / c, v = $) : (v = Math.min(
     b * 0.45,
     Math.max(2, b / c * 1.5)
-  ), v >= b && (v = b * 0.5), x = (b - v) / (c - 1));
-  const g = l + r * x, m = n - g;
+  ), v >= b && (v = b * 0.5), $ = (b - v) / (c - 1));
+  const g = l + r * $, m = n - g;
   if (d === "in" && m < 0)
     return /* @__PURE__ */ f(
       "span",
@@ -2432,54 +2432,54 @@ const Nn = ({
         r
       );
   }
-  const $ = y ? 1 : _(m, [0, v], [0, 1], {
+  const x = y ? 1 : _(m, [0, v], [0, 1], {
     extrapolateLeft: "clamp",
     extrapolateRight: "clamp"
-  }), N = ne(e), k = y ? 1 : N($), w = o + (h - o) * k;
-  let S = {
+  }), N = ne(e), I = y ? 1 : N(x), S = o + (h - o) * I;
+  let M = {
     display: "inline-block",
     transformOrigin: "center"
   };
-  const M = [], F = [], R = (X = 50, P = "down") => {
-    const B = typeof (p == null ? void 0 : p.translateY) == "number" ? p.translateY : typeof (p == null ? void 0 : p.translateX) == "number" ? p.translateX : typeof (p == null ? void 0 : p.translate) == "number" ? p.translate : X, V = (p == null ? void 0 : p.direction) || P, Y = d === "out" ? 0 : B, U = Y + ((d === "out" ? B : 0) - Y) * k;
+  const w = [], Y = [], R = (X = 50, P = "down") => {
+    const B = typeof (p == null ? void 0 : p.translateY) == "number" ? p.translateY : typeof (p == null ? void 0 : p.translateX) == "number" ? p.translateX : typeof (p == null ? void 0 : p.translate) == "number" ? p.translate : X, V = (p == null ? void 0 : p.direction) || P, F = d === "out" ? 0 : B, U = F + ((d === "out" ? B : 0) - F) * I;
     if (V === "left" || V === "right") {
       const z = V === "left" ? -1 : 1;
-      M.push(`translateX(${z * U}%)`);
+      w.push(`translateX(${z * U}%)`);
     } else {
       const z = V === "up" ? -1 : 1;
-      M.push(`translateY(${z * U}%)`);
+      w.push(`translateY(${z * U}%)`);
     }
   };
   switch (i) {
     case "opacity":
-      S.opacity = w;
+      M.opacity = S;
       break;
     case "scale":
-      M.push(`scale(${w})`);
+      w.push(`scale(${S})`);
       break;
     case "growIn": {
       let X;
-      if ($ < 0.65) {
-        const P = $ / 0.65, B = I.out(I.cubic)(P);
+      if (x < 0.65) {
+        const P = x / 0.65, B = k.out(k.cubic)(P);
         X = o + (h + 0.1 - o) * B;
       } else {
-        const P = ($ - 0.65) / 0.35, B = I.out(I.quad)(P);
+        const P = (x - 0.65) / 0.35, B = k.out(k.quad)(P);
         X = h + 0.1 - 0.1 * B;
       }
-      M.push(`scale(${X})`), S.opacity = I.out(I.quad)($);
+      w.push(`scale(${X})`), M.opacity = k.out(k.quad)(x);
       break;
     }
     case "growOut": {
-      const X = I.out(I.cubic)($), P = o + (h - o) * X;
-      M.push(`scale(${P})`), S.opacity = 1 - I.out(I.quad)($);
+      const X = k.out(k.cubic)(x), P = o + (h - o) * X;
+      w.push(`scale(${P})`), M.opacity = 1 - k.out(k.quad)(x);
       break;
     }
     case "shrinkIn": {
-      M.push(`scale(${w})`), S.opacity = k;
+      w.push(`scale(${S})`), M.opacity = I;
       break;
     }
     case "shrinkOut": {
-      M.push(`scale(${w})`), S.opacity = 1 - k;
+      w.push(`scale(${S})`), M.opacity = 1 - I;
       break;
     }
     case "maskUpIn": {
@@ -2502,11 +2502,11 @@ const Nn = ({
     case "blurIn":
     case "blurOut":
     case "blurV2In": {
-      F.push(`blur(${w}px)`), ((p == null ? void 0 : p.translateY) !== void 0 || (p == null ? void 0 : p.translateX) !== void 0 || (p == null ? void 0 : p.translate) !== void 0) && R(50, (p == null ? void 0 : p.direction) || "down"), (u || p != null && p.fade) && (S.opacity = d === "out" ? 1 - k : k);
+      Y.push(`blur(${S}px)`), ((p == null ? void 0 : p.translateY) !== void 0 || (p == null ? void 0 : p.translateX) !== void 0 || (p == null ? void 0 : p.translate) !== void 0) && R(50, (p == null ? void 0 : p.direction) || "down"), (u || p != null && p.fade) && (M.opacity = d === "out" ? 1 - I : I);
       break;
     }
     case "blurSlide": {
-      F.push(`blur(${w}px)`), R(50, (p == null ? void 0 : p.direction) || "down"), (u || (p == null ? void 0 : p.fade) !== !1) && (S.opacity = d === "out" ? 1 - k : k);
+      Y.push(`blur(${S}px)`), R(50, (p == null ? void 0 : p.direction) || "down"), (u || (p == null ? void 0 : p.fade) !== !1) && (M.opacity = d === "out" ? 1 - I : I);
       break;
     }
     case "translateX": {
@@ -2515,8 +2515,8 @@ const Nn = ({
         const V = typeof p.width == "number" ? p.width : parseFloat(p.width);
         isNaN(V) || (X = V, P = !0);
       }
-      const B = P ? `${w / 100 * X}px` : `${w}%`;
-      M.push(`translateX(${B})`), (u || p != null && p.fade) && (S.opacity = d === "out" ? 1 - k : k);
+      const B = P ? `${S / 100 * X}px` : `${S}%`;
+      w.push(`translateX(${B})`), (u || p != null && p.fade) && (M.opacity = d === "out" ? 1 - I : I);
       break;
     }
     case "translateY": {
@@ -2525,41 +2525,41 @@ const Nn = ({
         const V = typeof p.height == "number" ? p.height : parseFloat(p.height);
         isNaN(V) || (X = V, P = !0);
       }
-      const B = P ? `${w / 100 * X}px` : `${w}%`;
-      M.push(`translateY(${B})`), (u || p != null && p.fade) && (S.opacity = d === "out" ? 1 - k : k);
+      const B = P ? `${S / 100 * X}px` : `${S}%`;
+      w.push(`translateY(${B})`), (u || p != null && p.fade) && (M.opacity = d === "out" ? 1 - I : I);
       break;
     }
     case "rotate":
-      M.push(`rotate(${w}deg)`);
+      w.push(`rotate(${S}deg)`);
       break;
     case "spin":
     case "spinIn":
     case "spinOut": {
-      M.push(`rotate(${w}deg)`);
-      const X = d === "out" ? 1 - k : k;
-      M.push(`scale(${X})`), S.opacity = d === "out" ? 1 - k : k;
+      w.push(`rotate(${S}deg)`);
+      const X = d === "out" ? 1 - I : I;
+      w.push(`scale(${X})`), M.opacity = d === "out" ? 1 - I : I;
       break;
     }
     case "rotateX":
-      M.push(`rotateX(${w}deg)`);
+      w.push(`rotateX(${S}deg)`);
       break;
     case "rotateY":
-      M.push(`rotateY(${w}deg)`);
+      w.push(`rotateY(${S}deg)`);
       break;
     case "brightness":
     case "brightnessIn":
     case "brightnessOut":
-      F.push(`brightness(${w}%)`);
+      Y.push(`brightness(${S}%)`);
       break;
     default:
-      S.opacity = w;
+      M.opacity = S;
       break;
   }
   if ((p == null ? void 0 : p.scale) !== void 0 && typeof p.scale == "number" && i !== "scale") {
-    const X = (d === "out" ? p.scale : 1) + (1 - (d === "out" ? p.scale : 1)) * (1 - k);
-    M.push(`scale(${X})`);
+    const X = (d === "out" ? p.scale : 1) + (1 - (d === "out" ? p.scale : 1)) * (1 - I);
+    w.push(`scale(${X})`);
   }
-  return M.length > 0 && (S.transform = M.join(" ")), F.length > 0 && (S.filter = F.join(" ")), /* @__PURE__ */ f("span", { style: S, children: t === " " ? " " : t }, r);
+  return w.length > 0 && (M.transform = w.join(" ")), Y.length > 0 && (M.filter = Y.join(" ")), /* @__PURE__ */ f("span", { style: M, children: t === " " ? " " : t }, r);
 }, ee = ({
   char: t,
   index: r,
@@ -3245,7 +3245,7 @@ const ke = ({
     }
   );
 };
-function Fe({
+function Ye({
   frame: t,
   durationInFrames: r,
   text: n,
@@ -3297,7 +3297,7 @@ function Fe({
     }
   );
 }
-const Ye = ({
+const Fe = ({
   text: t,
   frame: r,
   details: n,
@@ -3374,7 +3374,7 @@ const Ye = ({
     extrapolateRight: "clamp"
   }), b = [];
   for (let y = i; y > 0; y--) {
-    const v = Math.max(r - y * 2, 0), x = _(
+    const v = Math.max(r - y * 2, 0), $ = _(
       v,
       [0, c],
       [0.5, 1],
@@ -3394,7 +3394,7 @@ const Ye = ({
             top: 0,
             left: 0,
             opacity: g,
-            transform: `scale(${x * 2})`,
+            transform: `scale(${$ * 2})`,
             pointerEvents: "none"
           },
           children: t
@@ -3510,15 +3510,15 @@ const Ye = ({
     const v = document.createElement("canvas").getContext("2d");
     if (!v) return [];
     v.font = `${b}px ${n.fontFamily || "Arial, sans-serif"}`;
-    const x = d.split(" ");
+    const $ = d.split(" ");
     let g = [], m = "";
-    return x.forEach(($) => {
-      const N = m ? `${m} ${$}` : $;
-      v.measureText(N).width > u ? (g.push(m), m = $) : m = N;
+    return $.forEach((x) => {
+      const N = m ? `${m} ${x}` : x;
+      v.measureText(N).width > u ? (g.push(m), m = x) : m = N;
     }), m && g.push(m), g;
   }, i = n.width || 300, o = a(t, i, n.fontSize), h = s / c, e = 0.3, l = h / o.length, p = o.map((d, u) => {
-    const b = u * l * (1 - e) * 1.5, y = b + l, v = b * c, x = Math.max(y * c, h * c), g = _(r, [v, x], [0, 1], {
-      easing: I.out(I.cubic),
+    const b = u * l * (1 - e) * 1.5, y = b + l, v = b * c, $ = Math.max(y * c, h * c), g = _(r, [v, $], [0, 1], {
+      easing: k.out(k.cubic),
       extrapolateLeft: "clamp",
       extrapolateRight: "clamp"
     }), m = _(g, [0, 1], [-n.fontSize, 0]);
@@ -3758,7 +3758,7 @@ const Oe = ({ text: t, frame: r }) => {
   details: i,
   marqueeDetails: o
 }) => {
-  const h = Nt(), e = typeof r == "number" && !isNaN(r) ? r : h, l = Math.max(0, e - (n || 0)), p = Math.min(1, Math.max(0, l / (s || 1))), d = i.width || 300, u = i.height || 100, b = (o == null ? void 0 : o.direction) || "horizontal", y = b === "static", v = Math.min(15, Math.max(1, Number((o == null ? void 0 : o.repeatX) ?? 5))), x = Math.min(15, Math.max(1, Number((o == null ? void 0 : o.repeatY) ?? 5))), g = (o == null ? void 0 : o.baseSpeed) !== void 0 ? Number(o.baseSpeed) : 2, m = (o == null ? void 0 : o.speedVariation) !== void 0 ? Number(o.speedVariation) : 0.5, $ = o != null && o.hasInitialValue && (o == null ? void 0 : o.initialBaseSpeed) !== void 0 ? Number(o.initialBaseSpeed) : g, N = o != null && o.hasInitialValue ? $ + (g - $) * p : g, k = y ? 0 : N * 400, w = y ? 0 : N * 400, S = (o == null ? void 0 : o.scaleFactor) !== void 0 ? Number(o.scaleFactor) : 1, M = o != null && o.hasInitialValue && (o == null ? void 0 : o.initialScaleFactor) !== void 0 ? Number(o.initialScaleFactor) : S, F = o != null && o.hasInitialValue ? M + (S - M) * p : S, R = (o == null ? void 0 : o.lineOffset) !== void 0 ? Number(o.lineOffset) : 0.5, X = (o == null ? void 0 : o.gapX) !== void 0 ? Number(o.gapX) : 60, P = (o == null ? void 0 : o.gapY) !== void 0 ? Number(o.gapY) : 60, B = X / 100 * d, V = P / 100 * u, Y = d * F + B, W = u * F + V, U = Dt(i), z = b === "vertical" || b === "up" || b === "down", D = b === "diagonal", dt = (v - 1) / 2, et = (x - 1) / 2, K = x, nt = v, j = Array.from({ length: K }, (C, G) => G - et), Q = Array.from({ length: nt }, (C, G) => G - dt), pt = (C, G, T, lt) => /* @__PURE__ */ f(
+  const h = Nt(), e = typeof r == "number" && !isNaN(r) ? r : h, l = Math.max(0, e - (n || 0)), p = Math.min(1, Math.max(0, l / (s || 1))), d = i.width || 300, u = i.height || 100, b = (o == null ? void 0 : o.direction) || "horizontal", y = b === "static", v = Math.min(15, Math.max(1, Number((o == null ? void 0 : o.repeatX) ?? 5))), $ = Math.min(15, Math.max(1, Number((o == null ? void 0 : o.repeatY) ?? 5))), g = (o == null ? void 0 : o.baseSpeed) !== void 0 ? Number(o.baseSpeed) : 2, m = (o == null ? void 0 : o.speedVariation) !== void 0 ? Number(o.speedVariation) : 0.5, x = o != null && o.hasInitialValue && (o == null ? void 0 : o.initialBaseSpeed) !== void 0 ? Number(o.initialBaseSpeed) : g, N = o != null && o.hasInitialValue ? x + (g - x) * p : g, I = y ? 0 : N * 400, S = y ? 0 : N * 400, M = (o == null ? void 0 : o.scaleFactor) !== void 0 ? Number(o.scaleFactor) : 1, w = o != null && o.hasInitialValue && (o == null ? void 0 : o.initialScaleFactor) !== void 0 ? Number(o.initialScaleFactor) : M, Y = o != null && o.hasInitialValue ? w + (M - w) * p : M, R = (o == null ? void 0 : o.lineOffset) !== void 0 ? Number(o.lineOffset) : 0.5, X = (o == null ? void 0 : o.gapX) !== void 0 ? Number(o.gapX) : 60, P = (o == null ? void 0 : o.gapY) !== void 0 ? Number(o.gapY) : 60, B = X / 100 * d, V = P / 100 * u, F = d * Y + B, W = u * Y + V, U = Dt(i), z = b === "vertical" || b === "up" || b === "down", D = b === "diagonal", dt = (v - 1) / 2, et = ($ - 1) / 2, K = $, nt = v, j = Array.from({ length: K }, (C, G) => G - et), Q = Array.from({ length: nt }, (C, G) => G - dt), pt = (C, G, T, lt) => /* @__PURE__ */ f(
     "span",
     {
       style: {
@@ -3766,7 +3766,7 @@ const Oe = ({ text: t, frame: r }) => {
         position: "absolute",
         left: `calc(50% + ${G}px)`,
         top: `calc(50% + ${T}px)`,
-        transform: `translate(-50%, -50%) scale(${F})`,
+        transform: `translate(-50%, -50%) scale(${Y})`,
         transformOrigin: "center center",
         opacity: lt ? 1 : 0.85,
         whiteSpace: "nowrap"
@@ -3787,9 +3787,9 @@ const Oe = ({ text: t, frame: r }) => {
       children: Q.map((C, G) => {
         let T = G % 2 === 0 ? 1 : -1;
         b === "up" && (T = -1), b === "down" && (T = 1);
-        const lt = 1 + G % 2 * (m * 0.5), q = w > 0 && T !== 0 ? T * (l * w * 0.1 * lt) + C * (W * R) : C * (W * R), Z = w === 0 || T === 0 ? 0 : (q % W + W) % W - W / 2;
+        const lt = 1 + G % 2 * (m * 0.5), q = S > 0 && T !== 0 ? T * (l * S * 0.1 * lt) + C * (W * R) : C * (W * R), Z = S === 0 || T === 0 ? 0 : (q % W + W) % W - W / 2;
         return j.map((at, tt) => {
-          const yt = C * Y, rt = at * W + Z;
+          const yt = C * F, rt = at * W + Z;
           return pt(
             `v-${G}-${tt}`,
             yt,
@@ -3809,9 +3809,9 @@ const Oe = ({ text: t, frame: r }) => {
         overflow: "visible"
       },
       children: j.map((C, G) => {
-        const T = G % 2 === 0 ? 1 : -1, lt = G % 2 === 0 ? 1 : -1, q = 1 + G % 2 * (m * 0.5), Z = k > 0 ? T * (l * k * 0.1 * q) + C * (Y * R) : C * (Y * R), at = k === 0 ? 0 : (Z % Y + Y) % Y - Y / 2, tt = w > 0 ? lt * (l * w * 0.1 * q) + C * (W * R) : C * (W * R), yt = w === 0 ? 0 : (tt % W + W) % W - W / 2;
+        const T = G % 2 === 0 ? 1 : -1, lt = G % 2 === 0 ? 1 : -1, q = 1 + G % 2 * (m * 0.5), Z = I > 0 ? T * (l * I * 0.1 * q) + C * (F * R) : C * (F * R), at = I === 0 ? 0 : (Z % F + F) % F - F / 2, tt = S > 0 ? lt * (l * S * 0.1 * q) + C * (W * R) : C * (W * R), yt = S === 0 ? 0 : (tt % W + W) % W - W / 2;
         return Q.map((rt, ct) => {
-          const st = rt * Y + at, ut = C * W + yt;
+          const st = rt * F + at, ut = C * W + yt;
           return pt(
             `d-${G}-${ct}`,
             st,
@@ -3833,9 +3833,9 @@ const Oe = ({ text: t, frame: r }) => {
       children: j.map((C, G) => {
         let T = G % 2 === 0 ? 1 : -1;
         b === "left" && (T = -1), b === "right" && (T = 1);
-        const lt = 1 + G % 2 * (m * 0.5), q = k > 0 && T !== 0 ? T * (l * k * 0.1 * lt) + C * (Y * R) : C * (Y * R), Z = k === 0 || T === 0 ? 0 : (q % Y + Y) % Y - Y / 2;
+        const lt = 1 + G % 2 * (m * 0.5), q = I > 0 && T !== 0 ? T * (l * I * 0.1 * lt) + C * (F * R) : C * (F * R), Z = I === 0 || T === 0 ? 0 : (q % F + F) % F - F / 2;
         return Q.map((at, tt) => {
-          const yt = at * Y + Z, rt = C * W;
+          const yt = at * F + Z, rt = C * W;
           return pt(
             `h-${G}-${tt}`,
             yt,
@@ -3856,25 +3856,25 @@ const Oe = ({ text: t, frame: r }) => {
   details: i,
   echoesDetails: o
 }) => {
-  const h = Nt(), e = typeof r == "number" && !isNaN(r) ? r : h, l = i.width || 300, p = i.height || 100, d = (o == null ? void 0 : o.keepStill) || "both", u = Number((o == null ? void 0 : o.toRepeatCount) ?? 5), b = Number((o == null ? void 0 : o.toScaleDown) ?? 0.3), y = Number((o == null ? void 0 : o.toCenterX) ?? 0.5), v = Number((o == null ? void 0 : o.toCenterY) ?? 0.5), x = (o == null ? void 0 : o.initialRepeatCount) !== void 0 ? Number(o.initialRepeatCount) : u, g = (o == null ? void 0 : o.initialScaleDown) !== void 0 ? Number(o.initialScaleDown) : 1, m = (o == null ? void 0 : o.initialCenterX) !== void 0 ? Number(o.initialCenterX) : y, $ = (o == null ? void 0 : o.initialCenterY) !== void 0 ? Number(o.initialCenterY) : v, N = Math.max(0, e - (n || 0)), k = Math.min(1, Math.max(0, N / (s || 1)));
-  let S = c + (a - c) * k;
-  d === "initial" ? S = 0 : d === "final" && (S = 1);
-  const M = Math.max(
+  const h = Nt(), e = typeof r == "number" && !isNaN(r) ? r : h, l = i.width || 300, p = i.height || 100, d = (o == null ? void 0 : o.keepStill) || "both", u = Number((o == null ? void 0 : o.toRepeatCount) ?? 5), b = Number((o == null ? void 0 : o.toScaleDown) ?? 0.3), y = Number((o == null ? void 0 : o.toCenterX) ?? 0.5), v = Number((o == null ? void 0 : o.toCenterY) ?? 0.5), $ = (o == null ? void 0 : o.initialRepeatCount) !== void 0 ? Number(o.initialRepeatCount) : u, g = (o == null ? void 0 : o.initialScaleDown) !== void 0 ? Number(o.initialScaleDown) : 1, m = (o == null ? void 0 : o.initialCenterX) !== void 0 ? Number(o.initialCenterX) : y, x = (o == null ? void 0 : o.initialCenterY) !== void 0 ? Number(o.initialCenterY) : v, N = Math.max(0, e - (n || 0)), I = Math.min(1, Math.max(0, N / (s || 1)));
+  let M = c + (a - c) * I;
+  d === "initial" ? M = 0 : d === "final" && (M = 1);
+  const w = Math.max(
     1,
-    Math.round(_(S, [0, 1], [x, u]))
-  ), F = _(
-    S,
+    Math.round(_(M, [0, 1], [$, u]))
+  ), Y = _(
+    M,
     [0, 1],
     [g, b]
   ), R = _(
-    S,
+    M,
     [0, 1],
     [m, y]
   ), X = _(
-    S,
+    M,
     [0, 1],
-    [$, v]
-  ), P = Dt(i), B = Array.from({ length: M }, (V, Y) => Y);
+    [x, v]
+  ), P = Dt(i), B = Array.from({ length: w }, (V, F) => F);
   return /* @__PURE__ */ f(
     "div",
     {
@@ -3885,7 +3885,7 @@ const Oe = ({ text: t, frame: r }) => {
         overflow: "hidden"
       },
       children: B.map((V) => {
-        const Y = M > 1 ? V / (M - 1) : 0, W = 1 - Y * (1 - Math.max(0.01, F)), U = (R - 0.5) * l * Y, z = (X - 0.5) * p * Y;
+        const F = w > 1 ? V / (w - 1) : 0, W = 1 - F * (1 - Math.max(0.01, Y)), U = (R - 0.5) * l * F, z = (X - 0.5) * p * F;
         return /* @__PURE__ */ f(
           "span",
           {
@@ -3918,7 +3918,7 @@ const Oe = ({ text: t, frame: r }) => {
   details: i,
   wiggleDetails: o
 }) => {
-  const h = Nt(), e = typeof r == "number" && !isNaN(r) ? r : h, l = Number((o == null ? void 0 : o.wiggleX) ?? 20), p = Number((o == null ? void 0 : o.wiggleY) ?? 20), d = Number((o == null ? void 0 : o.speed) ?? 3), u = Number((o == null ? void 0 : o.angle) ?? 10), b = Number((o == null ? void 0 : o.seed) ?? 1), y = o != null && o.hasInitialValue && (o == null ? void 0 : o.initialWiggleX) !== void 0 ? Number(o.initialWiggleX) : l, v = o != null && o.hasInitialValue && (o == null ? void 0 : o.initialWiggleY) !== void 0 ? Number(o.initialWiggleY) : p, x = o != null && o.hasInitialValue && (o == null ? void 0 : o.initialSpeed) !== void 0 ? Number(o.initialSpeed) : d, g = o != null && o.hasInitialValue && (o == null ? void 0 : o.initialAngle) !== void 0 ? Number(o.initialAngle) : u, m = Math.max(0, e - (n || 0)), $ = Math.min(1, Math.max(0, m / (s || 1))), N = o != null && o.hasInitialValue ? y + (l - y) * $ : l, k = o != null && o.hasInitialValue ? v + (p - v) * $ : p, w = o != null && o.hasInitialValue ? x + (d - x) * $ : d, S = o != null && o.hasInitialValue ? g + (u - g) * $ : u, M = e * (w * 0.08), F = b * 12.345, R = Math.sin(M + F) * Math.cos(M * 0.65 + F) * N, X = Math.cos(M * 0.85 + F) * Math.sin(M * 1.15 + F) * k, P = Math.sin(M * 0.9 + F * 1.35) * S, B = Dt(i);
+  const h = Nt(), e = typeof r == "number" && !isNaN(r) ? r : h, l = Number((o == null ? void 0 : o.wiggleX) ?? 20), p = Number((o == null ? void 0 : o.wiggleY) ?? 20), d = Number((o == null ? void 0 : o.speed) ?? 3), u = Number((o == null ? void 0 : o.angle) ?? 10), b = Number((o == null ? void 0 : o.seed) ?? 1), y = o != null && o.hasInitialValue && (o == null ? void 0 : o.initialWiggleX) !== void 0 ? Number(o.initialWiggleX) : l, v = o != null && o.hasInitialValue && (o == null ? void 0 : o.initialWiggleY) !== void 0 ? Number(o.initialWiggleY) : p, $ = o != null && o.hasInitialValue && (o == null ? void 0 : o.initialSpeed) !== void 0 ? Number(o.initialSpeed) : d, g = o != null && o.hasInitialValue && (o == null ? void 0 : o.initialAngle) !== void 0 ? Number(o.initialAngle) : u, m = Math.max(0, e - (n || 0)), x = Math.min(1, Math.max(0, m / (s || 1))), N = o != null && o.hasInitialValue ? y + (l - y) * x : l, I = o != null && o.hasInitialValue ? v + (p - v) * x : p, S = o != null && o.hasInitialValue ? $ + (d - $) * x : d, M = o != null && o.hasInitialValue ? g + (u - g) * x : u, w = e * (S * 0.08), Y = b * 12.345, R = Math.sin(w + Y) * Math.cos(w * 0.65 + Y) * N, X = Math.cos(w * 0.85 + Y) * Math.sin(w * 1.15 + Y) * I, P = Math.sin(w * 0.9 + Y * 1.35) * M, B = Dt(i);
   return /* @__PURE__ */ f(
     "div",
     {
@@ -3981,10 +3981,10 @@ const Oe = ({ text: t, frame: r }) => {
   details: i,
   noiseTileDetails: o
 }) => {
-  const h = Nt(), e = typeof r == "number" && !isNaN(r) ? r : h, l = i.width || 300, p = i.height || 100, d = (o == null ? void 0 : o.keepStill) || "both", u = Number((o == null ? void 0 : o.toXRepetitions) ?? (o == null ? void 0 : o.xRepetitions) ?? 5), b = Number((o == null ? void 0 : o.toYRepetitions) ?? (o == null ? void 0 : o.yRepetitions) ?? 5), y = Number((o == null ? void 0 : o.toGapX) ?? (o == null ? void 0 : o.gapX) ?? 12), v = Number((o == null ? void 0 : o.toGapY) ?? (o == null ? void 0 : o.gapY) ?? 12), x = Number((o == null ? void 0 : o.toScale) ?? (o == null ? void 0 : o.scale) ?? 1), g = Number((o == null ? void 0 : o.toNoiseScale) ?? (o == null ? void 0 : o.noiseScale) ?? 1.5), m = Number((o == null ? void 0 : o.toNoiseMoveX) ?? (o == null ? void 0 : o.noiseMoveX) ?? 0.6), $ = Number((o == null ? void 0 : o.toNoiseMoveY) ?? (o == null ? void 0 : o.noiseMoveY) ?? 0.4), N = Number((o == null ? void 0 : o.toFps) ?? (o == null ? void 0 : o.fps) ?? 12), k = Number((o == null ? void 0 : o.toThreshold) ?? (o == null ? void 0 : o.threshold) ?? 0.45), w = Number((o == null ? void 0 : o.toSeedOffset) ?? (o == null ? void 0 : o.seedOffset) ?? 0), S = !!(o != null && o.hasInitialValue), M = S ? Number((o == null ? void 0 : o.initialXRepetitions) ?? u) : u, F = S ? Number((o == null ? void 0 : o.initialYRepetitions) ?? b) : b, R = S ? Number((o == null ? void 0 : o.initialGapX) ?? y) : y, X = S ? Number((o == null ? void 0 : o.initialGapY) ?? v) : v, P = S ? Number((o == null ? void 0 : o.initialScale) ?? x) : x, B = S ? Number((o == null ? void 0 : o.initialNoiseScale) ?? g) : g, V = S ? Number((o == null ? void 0 : o.initialNoiseMoveX) ?? m) : m, Y = S ? Number((o == null ? void 0 : o.initialNoiseMoveY) ?? $) : $, W = S ? Number((o == null ? void 0 : o.initialFps) ?? N) : N, U = S ? Number((o == null ? void 0 : o.initialThreshold) ?? k) : k, z = S ? Number((o == null ? void 0 : o.initialSeedOffset) ?? w) : w, D = Math.max(0, e - (n || 0)), dt = Math.min(1, Math.max(0, D / (s || 1)));
+  const h = Nt(), e = typeof r == "number" && !isNaN(r) ? r : h, l = i.width || 300, p = i.height || 100, d = (o == null ? void 0 : o.keepStill) || "both", u = Number((o == null ? void 0 : o.toXRepetitions) ?? (o == null ? void 0 : o.xRepetitions) ?? 5), b = Number((o == null ? void 0 : o.toYRepetitions) ?? (o == null ? void 0 : o.yRepetitions) ?? 5), y = Number((o == null ? void 0 : o.toGapX) ?? (o == null ? void 0 : o.gapX) ?? 12), v = Number((o == null ? void 0 : o.toGapY) ?? (o == null ? void 0 : o.gapY) ?? 12), $ = Number((o == null ? void 0 : o.toScale) ?? (o == null ? void 0 : o.scale) ?? 1), g = Number((o == null ? void 0 : o.toNoiseScale) ?? (o == null ? void 0 : o.noiseScale) ?? 1.5), m = Number((o == null ? void 0 : o.toNoiseMoveX) ?? (o == null ? void 0 : o.noiseMoveX) ?? 0.6), x = Number((o == null ? void 0 : o.toNoiseMoveY) ?? (o == null ? void 0 : o.noiseMoveY) ?? 0.4), N = Number((o == null ? void 0 : o.toFps) ?? (o == null ? void 0 : o.fps) ?? 12), I = Number((o == null ? void 0 : o.toThreshold) ?? (o == null ? void 0 : o.threshold) ?? 0.45), S = Number((o == null ? void 0 : o.toSeedOffset) ?? (o == null ? void 0 : o.seedOffset) ?? 0), M = !!(o != null && o.hasInitialValue), w = M ? Number((o == null ? void 0 : o.initialXRepetitions) ?? u) : u, Y = M ? Number((o == null ? void 0 : o.initialYRepetitions) ?? b) : b, R = M ? Number((o == null ? void 0 : o.initialGapX) ?? y) : y, X = M ? Number((o == null ? void 0 : o.initialGapY) ?? v) : v, P = M ? Number((o == null ? void 0 : o.initialScale) ?? $) : $, B = M ? Number((o == null ? void 0 : o.initialNoiseScale) ?? g) : g, V = M ? Number((o == null ? void 0 : o.initialNoiseMoveX) ?? m) : m, F = M ? Number((o == null ? void 0 : o.initialNoiseMoveY) ?? x) : x, W = M ? Number((o == null ? void 0 : o.initialFps) ?? N) : N, U = M ? Number((o == null ? void 0 : o.initialThreshold) ?? I) : I, z = M ? Number((o == null ? void 0 : o.initialSeedOffset) ?? S) : S, D = Math.max(0, e - (n || 0)), dt = Math.min(1, Math.max(0, D / (s || 1)));
   let K = c + (a - c) * dt;
   d === "initial" ? K = 0 : d === "final" && (K = 1);
-  const nt = Math.max(1, Math.round(_(K, [0, 1], [M, u]))), j = Math.max(1, Math.round(_(K, [0, 1], [F, b]))), Q = _(K, [0, 1], [R, y]), pt = _(K, [0, 1], [X, v]), C = _(K, [0, 1], [P, x]), G = _(K, [0, 1], [B, g]), T = _(K, [0, 1], [V, m]), lt = _(K, [0, 1], [Y, $]), q = Math.max(1, Math.round(_(K, [0, 1], [W, N]))), Z = _(K, [0, 1], [U, k]), at = _(K, [0, 1], [z, w]), tt = Dt(i), yt = Math.floor(D * (q / 30)), rt = (nt - 1) / 2, ct = (j - 1) / 2, st = [];
+  const nt = Math.max(1, Math.round(_(K, [0, 1], [w, u]))), j = Math.max(1, Math.round(_(K, [0, 1], [Y, b]))), Q = _(K, [0, 1], [R, y]), pt = _(K, [0, 1], [X, v]), C = _(K, [0, 1], [P, $]), G = _(K, [0, 1], [B, g]), T = _(K, [0, 1], [V, m]), lt = _(K, [0, 1], [F, x]), q = Math.max(1, Math.round(_(K, [0, 1], [W, N]))), Z = _(K, [0, 1], [U, I]), at = _(K, [0, 1], [z, S]), tt = Dt(i), yt = Math.floor(D * (q / 30)), rt = (nt - 1) / 2, ct = (j - 1) / 2, st = [];
   for (let ut = 0; ut < j; ut++)
     for (let ht = 0; ht < nt; ht++) {
       const vt = ht / Math.max(1, nt) * G, $t = ut / Math.max(1, j) * G, It = yt * 0.1 + at, ft = gn(
@@ -3992,11 +3992,11 @@ const Oe = ({ text: t, frame: r }) => {
         $t + yt * lt * 0.05,
         It,
         at
-      ), Yt = ht === Math.floor(rt) && ut === Math.floor(ct) || ft >= Z, Rt = ht - rt, Xt = ut - ct, Pt = Q / 100 * l, zt = pt / 100 * p, Et = Rt * (l * C + Pt), _t = Xt * (p * C + zt);
+      ), Ft = ht === Math.floor(rt) && ut === Math.floor(ct) || ft >= Z, Rt = ht - rt, Xt = ut - ct, Pt = Q / 100 * l, zt = pt / 100 * p, Et = Rt * (l * C + Pt), _t = Xt * (p * C + zt);
       st.push({
         col: ht,
         row: ut,
-        visible: Yt,
+        visible: Ft,
         posX: Et,
         posY: _t
       });
@@ -4097,25 +4097,25 @@ const Oe = ({ text: t, frame: r }) => {
     if (!g) return [];
     g.font = `${v}px ${n.fontFamily || "Arial, sans-serif"}`;
     const m = b.split(" ");
-    let $ = [], N = "";
-    return m.forEach((k) => {
-      const w = N ? `${N} ${k}` : k;
-      g.measureText(w).width > y ? ($.push(N), N = k) : N = w;
-    }), N && $.push(N), $;
+    let x = [], N = "";
+    return m.forEach((I) => {
+      const S = N ? `${N} ${I}` : I;
+      g.measureText(S).width > y ? (x.push(N), N = I) : N = S;
+    }), N && x.push(N), x;
   }, o = (a - s) / c, h = n.width || 300, e = i(t, h, n.fontSize), l = s / c, p = 0.5, d = l / e.length, u = e.map((b, y) => {
-    const v = o + y * d * (1 - p) * 1.5, x = v + d, g = v * c, m = Math.min(
-      x * c,
+    const v = o + y * d * (1 - p) * 1.5, $ = v + d, g = v * c, m = Math.min(
+      $ * c,
       (o + l) * c
-    ), $ = _(r, [g, m], [0, 1], {
-      easing: I.in(I.cubic),
+    ), x = _(r, [g, m], [0, 1], {
+      easing: k.in(k.cubic),
       extrapolateLeft: "clamp",
       extrapolateRight: "clamp"
-    }), N = _($, [0, 1], [0, -n.fontSize]);
+    }), N = _(x, [0, 1], [0, -n.fontSize]);
     return {
       text: b,
-      progress: $,
+      progress: x,
       y: N,
-      opacity: 1 - $
+      opacity: 1 - x
     };
   });
   return /* @__PURE__ */ f(
@@ -4258,14 +4258,14 @@ const Oe = ({ text: t, frame: r }) => {
   details: b,
   frame: y,
   animationTextInFrames: v,
-  animationTextOutFrames: x,
+  animationTextOutFrames: $,
   animationTextLoopFrames: g,
   animationTextTimedFrames: m = 0,
-  durationInFrames: $,
+  durationInFrames: x,
   animationFonts: N
 }) => {
-  var St, Yt, Rt, Xt, Pt, zt, Et, _t, Lt, Ht, Ut, Zt, Qt, tr;
-  const k = v, w = $ - x, S = n ? k >= y : !1, M = s ? y >= w : !1, F = e && e.length > 0, R = l && l.length > 0, X = p && p.length > 0, P = d && d.length > 0, B = ((St = e == null ? void 0 : e[0]) == null ? void 0 : St.durationInFrames) || v, V = ((Yt = e == null ? void 0 : e[0]) == null ? void 0 : Yt.delay) || 0, Y = B + V, W = ((Rt = l == null ? void 0 : l[0]) == null ? void 0 : Rt.durationInFrames) || x, U = ((Xt = l == null ? void 0 : l[0]) == null ? void 0 : Xt.delay) || 0, z = W + U, D = Math.max(0, $ - z), dt = ((Pt = d == null ? void 0 : d[0]) == null ? void 0 : Pt.delay) || 0, et = dt, K = dt + (((zt = d == null ? void 0 : d[0]) == null ? void 0 : zt.durationInFrames) || m), nt = F && !n && (X ? y < Y : y < D), j = R && !s && y >= D, Q = P && !nt && !j && y >= et && y <= K, pt = X && !c && !nt && !j && !Q, G = ((H, L, E) => {
+  var St, Ft, Rt, Xt, Pt, zt, Et, _t, Lt, Ht, Ut, Zt, Qt, tr;
+  const I = v, S = x - $, M = n ? I >= y : !1, w = s ? y >= S : !1, Y = e && e.length > 0, R = l && l.length > 0, X = p && p.length > 0, P = d && d.length > 0, B = ((St = e == null ? void 0 : e[0]) == null ? void 0 : St.durationInFrames) || v, V = ((Ft = e == null ? void 0 : e[0]) == null ? void 0 : Ft.delay) || 0, F = B + V, W = ((Rt = l == null ? void 0 : l[0]) == null ? void 0 : Rt.durationInFrames) || $, U = ((Xt = l == null ? void 0 : l[0]) == null ? void 0 : Xt.delay) || 0, z = W + U, D = Math.max(0, x - z), dt = ((Pt = d == null ? void 0 : d[0]) == null ? void 0 : Pt.delay) || 0, et = dt, K = dt + (((zt = d == null ? void 0 : d[0]) == null ? void 0 : zt.durationInFrames) || m), nt = Y && !n && (X ? y < F : y < D), j = R && !s && y >= D, Q = P && !nt && !j && y >= et && y <= K, pt = X && !c && !nt && !j && !Q, G = ((H, L, E) => {
     const it = document.createElement("canvas").getContext("2d");
     if (!it) return [];
     it.font = `${E}px Arial`;
@@ -4286,9 +4286,9 @@ const Oe = ({ text: t, frame: r }) => {
     }
     return O;
   })(t, b.width, b.fontSize);
-  if (n === "typeWriterTextAnimationIn" && S)
+  if (n === "typeWriterTextAnimationIn" && M)
     return /* @__PURE__ */ f(
-      Fe,
+      Ye,
       {
         frame: y,
         durationInFrames: v,
@@ -4296,9 +4296,9 @@ const Oe = ({ text: t, frame: r }) => {
         style: b
       }
     );
-  if (n === "backgroundTextAnimationIn" && S)
+  if (n === "backgroundTextAnimationIn" && M)
     return /* @__PURE__ */ f(
-      Ye,
+      Fe,
       {
         text: t,
         frame: y,
@@ -4306,7 +4306,7 @@ const Oe = ({ text: t, frame: r }) => {
         animationTextInFrames: v
       }
     );
-  if (n === "soundWaveTextAnimationIn" && S)
+  if (n === "soundWaveTextAnimationIn" && M)
     return /* @__PURE__ */ f(
       Re,
       {
@@ -4316,7 +4316,7 @@ const Oe = ({ text: t, frame: r }) => {
         details: b
       }
     );
-  if (n === "countDownTextAnimationIn" && S)
+  if (n === "countDownTextAnimationIn" && M)
     return /* @__PURE__ */ f(
       Xe,
       {
@@ -4326,7 +4326,7 @@ const Oe = ({ text: t, frame: r }) => {
         details: b
       }
     );
-  if (n === "partialSlideIn" && S)
+  if (n === "partialSlideIn" && M)
     return /* @__PURE__ */ f(
       Be,
       {
@@ -4337,7 +4337,7 @@ const Oe = ({ text: t, frame: r }) => {
         fps: r
       }
     );
-  if (!S && !M) {
+  if (!M && !w) {
     if (c === "spinTextAnimationLoop")
       return /* @__PURE__ */ f(Pe, { text: t, frame: y, fps: r });
     if (c === "rotate3dTextAnimationLoop")
@@ -4346,7 +4346,7 @@ const Oe = ({ text: t, frame: r }) => {
         {
           text: t,
           frame: y,
-          durationInFrames: $
+          durationInFrames: x
         }
       );
     if (c === "textFontChangeAnimationLoop")
@@ -4370,7 +4370,7 @@ const Oe = ({ text: t, frame: r }) => {
         (ot) => ot.property === "textGridMarqueeTextAnimationLoop" || ot.property === "textGridMarquee" || ot.id === "textGridMarquee"
       )) || (p == null ? void 0 : p.find(
         (ot) => ot.property === "textGridMarqueeTextAnimationLoop" || ot.property === "textGridMarquee" || ot.id === "textGridMarquee"
-      )), J = (E == null ? void 0 : E.delay) || 0, it = (E == null ? void 0 : E.durationInFrames) || (g > 0 ? g : $), O = J + it, A = y >= J && y <= O;
+      )), J = (E == null ? void 0 : E.delay) || 0, it = (E == null ? void 0 : E.durationInFrames) || (g > 0 ? g : x), O = J + it, A = y >= J && y <= O;
       if (console.log(
         `[SpecialEffect Marquee] frame: ${y.toFixed(2)}, range: [${J}, ${O}], active: ${A}`
       ), A) {
@@ -4396,7 +4396,7 @@ const Oe = ({ text: t, frame: r }) => {
         (ot) => ot.property === "inwardEchoes" || ot.id === "inwardEchoes"
       )) || (p == null ? void 0 : p.find(
         (ot) => ot.property === "inwardEchoes" || ot.id === "inwardEchoes"
-      )), J = (E == null ? void 0 : E.delay) || 0, it = (E == null ? void 0 : E.durationInFrames) || (g > 0 ? g : $), O = J + it, A = y >= J && y <= O;
+      )), J = (E == null ? void 0 : E.delay) || 0, it = (E == null ? void 0 : E.durationInFrames) || (g > 0 ? g : x), O = J + it, A = y >= J && y <= O;
       if (console.log(
         `[SpecialEffect InwardEchoes] frame: ${y.toFixed(2)}, range: [${J}, ${O}], active: ${A}`
       ), A) {
@@ -4422,7 +4422,7 @@ const Oe = ({ text: t, frame: r }) => {
         (ot) => ot.property === "wiggle" || ot.id === "wiggle"
       )) || (p == null ? void 0 : p.find(
         (ot) => ot.property === "wiggle" || ot.id === "wiggle"
-      )), J = (E == null ? void 0 : E.delay) || 0, it = (E == null ? void 0 : E.durationInFrames) || (g > 0 ? g : $), O = J + it, A = y >= J && y <= O;
+      )), J = (E == null ? void 0 : E.delay) || 0, it = (E == null ? void 0 : E.durationInFrames) || (g > 0 ? g : x), O = J + it, A = y >= J && y <= O;
       if (console.log(
         `[SpecialEffect Wiggle] frame: ${y.toFixed(2)}, range: [${J}, ${O}], active: ${A}`
       ), A) {
@@ -4449,7 +4449,7 @@ const Oe = ({ text: t, frame: r }) => {
       (E) => E.property === "cardFlip" || E.id === "cardFlip"
     ));
     if (c === "cardFlip" || H) {
-      const E = (H == null ? void 0 : H.delay) || 0, J = (H == null ? void 0 : H.durationInFrames) || (g > 0 ? g : $), it = E + J, O = y >= E && y <= it;
+      const E = (H == null ? void 0 : H.delay) || 0, J = (H == null ? void 0 : H.durationInFrames) || (g > 0 ? g : x), it = E + J, O = y >= E && y <= it;
       if (console.log(
         `[SpecialEffect CardFlip] frame: ${y.toFixed(2)}, range: [${E}, ${it}], active: ${O}`
       ), O) {
@@ -4476,7 +4476,7 @@ const Oe = ({ text: t, frame: r }) => {
       (E) => E.property === "noiseTile" || E.id === "noiseTile"
     ));
     if (c === "noiseTile" || L) {
-      const E = (L == null ? void 0 : L.delay) || 0, J = (L == null ? void 0 : L.durationInFrames) || (g > 0 ? g : $), it = E + J, O = y >= E && y <= it;
+      const E = (L == null ? void 0 : L.delay) || 0, J = (L == null ? void 0 : L.durationInFrames) || (g > 0 ? g : x), it = E + J, O = y >= E && y <= it;
       if (console.log(
         `[SpecialEffect NoiseTile] frame: ${y.toFixed(2)}, range: [${E}, ${it}], active: ${O}`
       ), O) {
@@ -4498,38 +4498,38 @@ const Oe = ({ text: t, frame: r }) => {
       }
     }
   }
-  if (s === "typeWriterTextAnimationOut" && M)
+  if (s === "typeWriterTextAnimationOut" && w)
     return /* @__PURE__ */ f(
       Le,
       {
         frame: y,
-        durationInFrames: $,
+        durationInFrames: x,
         text: t,
         details: b,
-        animationDuration: x
+        animationDuration: $
       }
     );
-  if (s === "partialSlideOut" && M)
+  if (s === "partialSlideOut" && w)
     return /* @__PURE__ */ f(
       He,
       {
         text: t,
         frame: y,
         details: b,
-        animationTextOutFrames: x,
+        animationTextOutFrames: $,
         fps: r,
-        durationInFrames: $
+        durationInFrames: x
       }
     );
-  if (s === "backgroundTextAnimationOut" && M)
+  if (s === "backgroundTextAnimationOut" && w)
     return /* @__PURE__ */ f(
       Ue,
       {
         text: t,
         frame: y,
-        animationTextOutFrames: x,
+        animationTextOutFrames: $,
         details: b,
-        durationInFrames: $,
+        durationInFrames: x,
         fps: r
       }
     );
@@ -4539,9 +4539,9 @@ const Oe = ({ text: t, frame: r }) => {
   ), lt = G.reduce(
     (H, L) => H + (L.trim() === "" ? 0 : L.split(/\s+/).length),
     0
-  ), q = G.length, Z = Ze[n], at = Qe[s], tt = Ke[c], yt = ((Et = e == null ? void 0 : e[0]) == null ? void 0 : Et.textAnimationMode) || ((_t = l == null ? void 0 : l[0]) == null ? void 0 : _t.textAnimationMode) || ((Lt = p == null ? void 0 : p[0]) == null ? void 0 : Lt.textAnimationMode) || ((Ht = d == null ? void 0 : d[0]) == null ? void 0 : Ht.textAnimationMode) || (n ? a : void 0) || (s ? i : void 0) || (c ? o : void 0) || a || o || "letter", rt = S ? a : M ? i : nt ? e[0].textAnimationMode || yt : j ? l[0].textAnimationMode || yt : Q ? d[0].textAnimationMode || yt : pt && p[0].textAnimationMode || yt, ct = nt ? e : j ? l : Q ? d : pt ? p : [], st = (H, L, E, J) => {
+  ), q = G.length, Z = Ze[n], at = Qe[s], tt = Ke[c], yt = ((Et = e == null ? void 0 : e[0]) == null ? void 0 : Et.textAnimationMode) || ((_t = l == null ? void 0 : l[0]) == null ? void 0 : _t.textAnimationMode) || ((Lt = p == null ? void 0 : p[0]) == null ? void 0 : Lt.textAnimationMode) || ((Ht = d == null ? void 0 : d[0]) == null ? void 0 : Ht.textAnimationMode) || (n ? a : void 0) || (s ? i : void 0) || (c ? o : void 0) || a || o || "letter", rt = M ? a : w ? i : nt ? e[0].textAnimationMode || yt : j ? l[0].textAnimationMode || yt : Q ? d[0].textAnimationMode || yt : pt && p[0].textAnimationMode || yt, ct = nt ? e : j ? l : Q ? d : pt ? p : [], st = (H, L, E, J) => {
     var it, O, A;
-    if (S && Z)
+    if (M && Z)
       return /* @__PURE__ */ f(
         Z,
         {
@@ -4555,7 +4555,7 @@ const Oe = ({ text: t, frame: r }) => {
         },
         J
       );
-    if (M && at)
+    if (w && at)
       return /* @__PURE__ */ f(
         at,
         {
@@ -4564,13 +4564,13 @@ const Oe = ({ text: t, frame: r }) => {
           frame: y,
           textLength: E,
           fps: r,
-          animationTextOutFrames: x,
-          durationInFrames: $,
+          animationTextOutFrames: $,
+          durationInFrames: x,
           details: b
         },
         J
       );
-    if (c && !S && !M && tt)
+    if (c && !M && !w && tt)
       return /* @__PURE__ */ f(
         tt,
         {
@@ -4693,35 +4693,35 @@ const Oe = ({ text: t, frame: r }) => {
   textAnimationModeTimed: b,
   basicCharAnimationsIn: y,
   basicCharAnimationsOut: v,
-  basicCharAnimationsLoop: x,
+  basicCharAnimationsLoop: $,
   basicCharAnimationsTimed: g,
   loopComposition: m,
-  details: $,
+  details: x,
   animationTextInFrames: N,
-  animationTextOutFrames: k,
-  animationTextLoopFrames: w,
-  animationTextTimedFrames: S,
-  durationInFrames: M,
-  animationFonts: F
+  animationTextOutFrames: I,
+  animationTextLoopFrames: S,
+  animationTextTimedFrames: M,
+  durationInFrames: w,
+  animationFonts: Y
 }) => {
   const [R, X] = fr(r), P = Er(null);
   er(() => {
     if (n && P.current) {
-      const Y = P.current;
-      Y.focus();
+      const F = P.current;
+      F.focus();
       const W = window.getSelection(), U = document.createRange();
-      U.selectNodeContents(Y), W == null || W.removeAllRanges(), W == null || W.addRange(U);
+      U.selectNodeContents(F), W == null || W.removeAllRanges(), W == null || W.addRange(U);
     } else {
-      const Y = window.getSelection();
-      Y == null || Y.removeAllRanges();
+      const F = window.getSelection();
+      F == null || F.removeAllRanges();
     }
   }, [n]), er(() => {
     R !== r && X(r);
   }, [r]);
   const B = () => {
     if (P.current) {
-      const Y = window.getSelection(), W = document.createRange();
-      W.selectNodeContents(P.current), W.collapse(!1), Y == null || Y.removeAllRanges(), Y == null || Y.addRange(W);
+      const F = window.getSelection(), W = document.createRange();
+      W.selectNodeContents(P.current), W.collapse(!1), F == null || F.removeAllRanges(), F == null || F.addRange(W);
     }
   };
   return /* @__PURE__ */ f(
@@ -4730,19 +4730,19 @@ const Oe = ({ text: t, frame: r }) => {
       "data-text-id": t,
       ref: P,
       contentEditable: n,
-      onClick: (Y) => {
+      onClick: (F) => {
         var z;
-        Y.stopPropagation();
+        F.stopPropagation();
         const W = window.getSelection(), U = P.current;
         if (W != null && W.rangeCount && U) {
           const D = W.getRangeAt(0);
           D.endOffset - D.startOffset === ((z = U.textContent) == null ? void 0 : z.length) && B();
         }
       },
-      onInput: (Y) => c(t, Y.target.innerText),
-      onBlur: (Y) => a(t, Y.target.innerText),
+      onInput: (F) => c(t, F.target.innerText),
+      onBlur: (F) => a(t, F.target.innerText),
       style: {
-        height: l === "textGridMarqueeTextAnimationLoop" || l === "textGridMarquee" ? $ != null && $.height ? `${$.height}px` : "100%" : "max-content",
+        height: l === "textGridMarqueeTextAnimationLoop" || l === "textGridMarquee" ? x != null && x.height ? `${x.height}px` : "100%" : "max-content",
         boxShadow: "none",
         outline: "none",
         ...s,
@@ -4764,41 +4764,41 @@ const Oe = ({ text: t, frame: r }) => {
           textAnimationModeTimed: b,
           basicCharAnimationsIn: y,
           basicCharAnimationsOut: v,
-          basicCharAnimationsLoop: x,
+          basicCharAnimationsLoop: $,
           basicCharAnimationsTimed: g,
           loopComposition: m,
           text: r,
           fps: i,
-          details: $,
+          details: x,
           frame: o,
           animationTextInFrames: N,
-          animationTextOutFrames: k,
-          animationTextLoopFrames: w,
-          animationTextTimedFrames: S,
-          durationInFrames: M,
-          animationFonts: F
+          animationTextOutFrames: I,
+          animationTextLoopFrames: S,
+          animationTextTimedFrames: M,
+          durationInFrames: w,
+          animationFonts: Y
         }
       )
     }
   );
 };
-var Fr = function(t, r) {
-  return Fr = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(n, s) {
+var Yr = function(t, r) {
+  return Yr = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(n, s) {
     n.__proto__ = s;
   } || function(n, s) {
     for (var c in s) Object.prototype.hasOwnProperty.call(s, c) && (n[c] = s[c]);
-  }, Fr(t, r);
+  }, Yr(t, r);
 };
 function ar(t, r) {
   if (typeof r != "function" && r !== null)
     throw new TypeError("Class extends value " + String(r) + " is not a constructor or null");
-  Fr(t, r);
+  Yr(t, r);
   function n() {
     this.constructor = t;
   }
   t.prototype = r === null ? Object.create(r) : (n.prototype = r.prototype, new n());
 }
-function Yr(t) {
+function Fr(t) {
   var r = typeof Symbol == "function" && Symbol.iterator, n = r && t[r], s = 0;
   if (n) return n.call(t);
   if (t && typeof t.length == "number") return {
@@ -4833,13 +4833,13 @@ function Xr(t, r, n) {
 function Vt(t) {
   return typeof t == "function";
 }
-function Fn(t) {
+function Yn(t) {
   var r = function(s) {
     Error.call(s), s.stack = new Error().stack;
   }, n = t(r);
   return n.prototype = Object.create(Error.prototype), n.prototype.constructor = n, n;
 }
-var Mr = Fn(function(t) {
+var Mr = Yn(function(t) {
   return function(r) {
     t(this), this.message = r ? r.length + ` errors occurred during unsubscription:
 ` + r.map(function(n, s) {
@@ -4866,7 +4866,7 @@ var gr = function() {
       if (i)
         if (this._parentage = null, Array.isArray(i))
           try {
-            for (var o = Yr(i), h = o.next(); !h.done; h = o.next()) {
+            for (var o = Fr(i), h = o.next(); !h.done; h = o.next()) {
               var e = h.value;
               e.remove(this);
             }
@@ -4892,7 +4892,7 @@ var gr = function() {
       if (p) {
         this._finalizers = null;
         try {
-          for (var d = Yr(p), u = d.next(); !u.done; u = d.next()) {
+          for (var d = Fr(p), u = d.next(); !u.done; u = d.next()) {
             var b = u.value;
             try {
               Qr(b);
@@ -4942,7 +4942,7 @@ var gr = function() {
     var r = new t();
     return r.closed = !0, r;
   }(), t;
-}(), Yn = gr.EMPTY;
+}(), Fn = gr.EMPTY;
 function Rn(t) {
   return t instanceof gr || t && "closed" in t && Vt(t.remove) && Vt(t.add) && Vt(t.unsubscribe);
 }
@@ -5176,7 +5176,7 @@ function cs(t) {
     }
   }, r;
 })(Cr);
-var is = Fn(function(t) {
+var is = Yn(function(t) {
   return function() {
     t(this), this.name = "ObjectUnsubscribedError", this.message = "object unsubscribed";
   };
@@ -5199,7 +5199,7 @@ var is = Fn(function(t) {
       if (s._throwIfClosed(), !s.isStopped) {
         s.currentObservers || (s.currentObservers = Array.from(s.observers));
         try {
-          for (var i = Yr(s.currentObservers), o = i.next(); !o.done; o = i.next()) {
+          for (var i = Fr(s.currentObservers), o = i.next(); !o.done; o = i.next()) {
             var h = o.value;
             h.next(n);
           }
@@ -5247,7 +5247,7 @@ var is = Fn(function(t) {
     return this._throwIfClosed(), this._checkFinalizedStatuses(n), this._innerSubscribe(n);
   }, r.prototype._innerSubscribe = function(n) {
     var s = this, c = this, a = c.hasError, i = c.isStopped, o = c.observers;
-    return a || i ? Yn : (this.currentObservers = null, o.push(n), new gr(function() {
+    return a || i ? Fn : (this.currentObservers = null, o.push(n), new gr(function() {
       s.currentObservers = null, Br(o, n);
     }));
   }, r.prototype._checkFinalizedStatuses = function(n) {
@@ -5276,7 +5276,7 @@ var is = Fn(function(t) {
     (s = (n = this.destination) === null || n === void 0 ? void 0 : n.complete) === null || s === void 0 || s.call(n);
   }, r.prototype._subscribe = function(n) {
     var s, c;
-    return (c = (s = this.source) === null || s === void 0 ? void 0 : s.subscribe(n)) !== null && c !== void 0 ? c : Yn;
+    return (c = (s = this.source) === null || s === void 0 ? void 0 : s.subscribe(n)) !== null && c !== void 0 ? c : Fn;
   }, r;
 }(Xn);
 let wr = null;
@@ -5292,7 +5292,7 @@ function Bn({
   item: t,
   options: r
 }) {
-  var st, ut, ht, vt, $t, It, ft, St, Yt, Rt, Xt, Pt, zt, Et, _t, Lt, Ht, Ut, Zt, Qt, tr, H, L, E, J, it;
+  var st, ut, ht, vt, $t, It, ft, St, Ft, Rt, Xt, Pt, zt, Et, _t, Lt, Ht, Ut, Zt, Qt, tr, H, L, E, J, it;
   const { handleTextChange: n, onTextBlur: s, fps: c, editableTextId: a, frame: i } = r, { id: o, details: h, animations: e } = t, { durationInFrames: l } = wt(t.display, c), p = [
     "opacity",
     "scale",
@@ -5328,11 +5328,11 @@ function Bn({
     (O) => p.some((A) => O.property === A) && O.textAnimationMode && O.textAnimationMode !== "all"
   ), y = (((vt = e == null ? void 0 : e.timed) == null ? void 0 : vt.composition) || []).filter(
     (O) => p.some((A) => O.property === A) && O.textAnimationMode && O.textAnimationMode !== "all"
-  ), v = new Set(d.map((O) => O.id)), x = new Set(u.map((O) => O.id)), g = new Set(
+  ), v = new Set(d.map((O) => O.id)), $ = new Set(u.map((O) => O.id)), g = new Set(
     b.map((O) => O.id)
   ), m = new Set(
     y.map((O) => O.id)
-  ), $ = {
+  ), x = {
     ...e,
     in: e != null && e.in ? {
       ...e.in,
@@ -5343,7 +5343,7 @@ function Bn({
     out: e != null && e.out ? {
       ...e.out,
       composition: e.out.composition.filter(
-        (O) => !x.has(O.id)
+        (O) => !$.has(O.id)
       )
     } : void 0,
     loop: e != null && e.loop ? {
@@ -5358,19 +5358,19 @@ function Bn({
         (O) => !m.has(O.id)
       )
     } : void 0
-  }, { animationIn: N, animationOut: k, animationTimed: w } = Ft(
-    $,
+  }, { animationIn: N, animationOut: I, animationTimed: S } = Yt(
+    x,
     t,
     i,
     c,
     r
-  ), S = ($t = e == null ? void 0 : e.in) == null ? void 0 : $t.composition.find(
+  ), M = ($t = e == null ? void 0 : e.in) == null ? void 0 : $t.composition.find(
     (O) => !p.some((A) => O.property === A)
-  ), M = (It = e == null ? void 0 : e.out) == null ? void 0 : It.composition.find(
+  ), w = (It = e == null ? void 0 : e.out) == null ? void 0 : It.composition.find(
     (O) => !p.some((A) => O.property === A)
-  ), F = (ft = e == null ? void 0 : e.loop) == null ? void 0 : ft.composition.find(
+  ), Y = (ft = e == null ? void 0 : e.loop) == null ? void 0 : ft.composition.find(
     (O) => !p.some((A) => O.property === A)
-  ), R = (S == null ? void 0 : S.property) || "", X = (M == null ? void 0 : M.property) || "", P = (F == null ? void 0 : F.property) || "", B = (S == null ? void 0 : S.textAnimationMode) || ((St = d[0]) == null ? void 0 : St.textAnimationMode) || (S ? "letter" : "all"), V = (M == null ? void 0 : M.textAnimationMode) || ((Yt = u[0]) == null ? void 0 : Yt.textAnimationMode) || (M ? "letter" : "all"), Y = (F == null ? void 0 : F.textAnimationMode) || ((Rt = b[0]) == null ? void 0 : Rt.textAnimationMode) || (F ? "letter" : "all"), W = ((Xt = y[0]) == null ? void 0 : Xt.textAnimationMode) || "all", U = (S == null ? void 0 : S.durationInFrames) || ((zt = (Pt = e == null ? void 0 : e.in) == null ? void 0 : Pt.composition[0]) == null ? void 0 : zt.durationInFrames) || 0, z = (M == null ? void 0 : M.durationInFrames) || ((_t = (Et = e == null ? void 0 : e.out) == null ? void 0 : Et.composition[0]) == null ? void 0 : _t.durationInFrames) || 0, D = (F == null ? void 0 : F.durationInFrames) || ((Ht = (Lt = e == null ? void 0 : e.loop) == null ? void 0 : Lt.composition[0]) == null ? void 0 : Ht.durationInFrames) || 0, dt = ((Ut = y[0]) == null ? void 0 : Ut.durationInFrames) || 0, et = [];
+  ), R = (M == null ? void 0 : M.property) || "", X = (w == null ? void 0 : w.property) || "", P = (Y == null ? void 0 : Y.property) || "", B = (M == null ? void 0 : M.textAnimationMode) || ((St = d[0]) == null ? void 0 : St.textAnimationMode) || (M ? "letter" : "all"), V = (w == null ? void 0 : w.textAnimationMode) || ((Ft = u[0]) == null ? void 0 : Ft.textAnimationMode) || (w ? "letter" : "all"), F = (Y == null ? void 0 : Y.textAnimationMode) || ((Rt = b[0]) == null ? void 0 : Rt.textAnimationMode) || (Y ? "letter" : "all"), W = ((Xt = y[0]) == null ? void 0 : Xt.textAnimationMode) || "all", U = (M == null ? void 0 : M.durationInFrames) || ((zt = (Pt = e == null ? void 0 : e.in) == null ? void 0 : Pt.composition[0]) == null ? void 0 : zt.durationInFrames) || 0, z = (w == null ? void 0 : w.durationInFrames) || ((_t = (Et = e == null ? void 0 : e.out) == null ? void 0 : Et.composition[0]) == null ? void 0 : _t.durationInFrames) || 0, D = (Y == null ? void 0 : Y.durationInFrames) || ((Ht = (Lt = e == null ? void 0 : e.loop) == null ? void 0 : Lt.composition[0]) == null ? void 0 : Ht.durationInFrames) || 0, dt = ((Ut = y[0]) == null ? void 0 : Ut.durationInFrames) || 0, et = [];
   e != null && e.loop && e.loop.composition.forEach((O) => {
     var A;
     (A = O.details) != null && A.fonts && et.push(...O.details.fonts);
@@ -5415,7 +5415,7 @@ function Bn({
     textAnimationNameLoop: P,
     textAnimationModeIn: B,
     textAnimationModeOut: V,
-    textAnimationModeLoop: Y,
+    textAnimationModeLoop: F,
     textAnimationModeTimed: W,
     basicCharAnimationsIn: d,
     basicCharAnimationsOut: u,
@@ -5436,7 +5436,7 @@ function Bn({
     Gt,
     {
       animationIn: a === o ? null : N,
-      animationOut: a === o ? null : k,
+      animationOut: a === o ? null : I,
       basicCharAnimationsIn: d,
       basicCharAnimationsOut: u,
       frame: nt,
@@ -5447,7 +5447,7 @@ function Bn({
       children: /* @__PURE__ */ f(
         At,
         {
-          animationTimed: a === o ? null : w,
+          animationTimed: a === o ? null : S,
           durationInFrames: l,
           frame: nt,
           style: {
@@ -5463,8 +5463,8 @@ function Bn({
                 ...((J = e == null ? void 0 : e.timed) == null ? void 0 : J.composition) || [],
                 ...((it = e == null ? void 0 : e.loop) == null ? void 0 : it.composition) || [],
                 ...N || [],
-                ...k || [],
-                ...w || []
+                ...I || [],
+                ...S || []
               ],
               frame: nt,
               durationInFrames: l,
@@ -5490,7 +5490,7 @@ const Pn = ({
   options: r
 }) => {
   var z, D, dt, et, K, nt, j, Q, pt, C, G, T, lt, q;
-  const { fps: n, frame: s, isTransition: c } = r, { details: a, animations: i } = t, o = t.playbackRate || 1, { animationIn: h, animationOut: e, animationTimed: l } = Ft(
+  const { fps: n, frame: s, isTransition: c } = r, { details: a, animations: i } = t, o = t.playbackRate || 1, { animationIn: h, animationOut: e, animationTimed: l } = Yt(
     i,
     t,
     s,
@@ -5501,24 +5501,24 @@ const Pn = ({
     y: 0,
     width: a.width,
     height: a.height
-  }, { durationInFrames: d } = wt(t.display, n), u = (s || 0) - t.display.from * n / 1e3, b = Ct(a, p, {}), { WebkitTextStroke: y } = b, v = ln(a, p), x = Vr(
+  }, { durationInFrames: d } = wt(t.display, n), u = (s || 0) - t.display.from * n / 1e3, b = Ct(a, p, {}), { WebkitTextStroke: y } = b, v = ln(a, p), $ = Vr(
     a.effects,
     i,
     u
-  ), g = Wr(x), { filter: m, overlays: $ } = xn(x), N = (D = (z = i == null ? void 0 : i.loop) == null ? void 0 : z.composition) == null ? void 0 : D.find(
+  ), g = Wr($), { filter: m, overlays: x } = xn($), N = (D = (z = i == null ? void 0 : i.loop) == null ? void 0 : z.composition) == null ? void 0 : D.find(
     (Z) => Z.property === "textGridMarqueeTextAnimationLoop" || Z.property === "textGridMarquee" || Z.property === "imageGridMarqueeTextAnimationLoop" || Z.property === "imageGridMarquee" || Z.id === "textGridMarquee" || Z.id === "imageGridMarquee"
-  ), k = !!(N && u >= (N.delay || 0) && u <= (N.delay || 0) + (N.durationInFrames || 60)), w = (et = (dt = i == null ? void 0 : i.loop) == null ? void 0 : dt.composition) == null ? void 0 : et.find(
+  ), I = !!(N && u >= (N.delay || 0) && u <= (N.delay || 0) + (N.durationInFrames || 60)), S = (et = (dt = i == null ? void 0 : i.loop) == null ? void 0 : dt.composition) == null ? void 0 : et.find(
     (Z) => Z.property === "inwardEchoes" || Z.id === "inwardEchoes"
-  ), S = !!(w && u >= (w.delay || 0) && u <= (w.delay || 0) + (w.durationInFrames || 120)), M = (nt = (K = i == null ? void 0 : i.loop) == null ? void 0 : K.composition) == null ? void 0 : nt.find(
+  ), M = !!(S && u >= (S.delay || 0) && u <= (S.delay || 0) + (S.durationInFrames || 120)), w = (nt = (K = i == null ? void 0 : i.loop) == null ? void 0 : K.composition) == null ? void 0 : nt.find(
     (Z) => Z.property === "wiggle" || Z.id === "wiggle"
-  ), F = !!(M && u >= (M.delay || 0) && u <= (M.delay || 0) + (M.durationInFrames || 120)), R = (Q = (j = i == null ? void 0 : i.loop) == null ? void 0 : j.composition) == null ? void 0 : Q.find(
+  ), Y = !!(w && u >= (w.delay || 0) && u <= (w.delay || 0) + (w.durationInFrames || 120)), R = (Q = (j = i == null ? void 0 : i.loop) == null ? void 0 : j.composition) == null ? void 0 : Q.find(
     (Z) => Z.property === "cardFlip" || Z.id === "cardFlip"
   ), X = !!(R && u >= (R.delay || 0) && u <= (R.delay || 0) + (R.durationInFrames || 120)), P = [
     ...((pt = i == null ? void 0 : i.in) == null ? void 0 : pt.composition) || [],
     ...((C = i == null ? void 0 : i.out) == null ? void 0 : C.composition) || [],
     ...((G = i == null ? void 0 : i.timed) == null ? void 0 : G.composition) || [],
     ...((T = i == null ? void 0 : i.loop) == null ? void 0 : T.composition) || []
-  ], B = a.width || p.width || 300, V = a.height || p.height || 300, Y = /* @__PURE__ */ f(
+  ], B = a.width || p.width || 300, V = a.height || p.height || 300, F = /* @__PURE__ */ f(
     sr,
     {
       "data-id": t.id,
@@ -5535,7 +5535,7 @@ const Pn = ({
         filter: m || void 0
       }
     }
-  ), W = () => k ? /* @__PURE__ */ f(
+  ), W = () => I ? /* @__PURE__ */ f(
     bn,
     {
       src: a.src,
@@ -5554,16 +5554,16 @@ const Pn = ({
       fps: n,
       marqueeDetails: N == null ? void 0 : N.details
     }
-  ) : S ? /* @__PURE__ */ f(
+  ) : M ? /* @__PURE__ */ f(
     vn,
     {
       src: a.src,
       isVideo: !0,
       frame: u,
-      delay: w == null ? void 0 : w.delay,
-      durationInFrames: w == null ? void 0 : w.durationInFrames,
-      from: w == null ? void 0 : w.from,
-      to: w == null ? void 0 : w.to,
+      delay: S == null ? void 0 : S.delay,
+      durationInFrames: S == null ? void 0 : S.durationInFrames,
+      from: S == null ? void 0 : S.from,
+      to: S == null ? void 0 : S.to,
       width: a.width,
       height: a.height,
       borderRadius: v.borderRadius,
@@ -5571,18 +5571,18 @@ const Pn = ({
       borderColor: a.borderColor,
       boxShadow: a.boxShadow,
       fps: n,
-      echoesDetails: w == null ? void 0 : w.details
+      echoesDetails: S == null ? void 0 : S.details
     }
-  ) : F ? /* @__PURE__ */ f(
+  ) : Y ? /* @__PURE__ */ f(
     mn,
     {
       src: a.src,
       isVideo: !0,
       frame: u,
-      delay: M == null ? void 0 : M.delay,
-      durationInFrames: M == null ? void 0 : M.durationInFrames,
-      from: M == null ? void 0 : M.from,
-      to: M == null ? void 0 : M.to,
+      delay: w == null ? void 0 : w.delay,
+      durationInFrames: w == null ? void 0 : w.durationInFrames,
+      from: w == null ? void 0 : w.from,
+      to: w == null ? void 0 : w.to,
       width: a.width,
       height: a.height,
       borderRadius: v.borderRadius,
@@ -5590,7 +5590,7 @@ const Pn = ({
       borderColor: a.borderColor,
       boxShadow: a.boxShadow,
       fps: n,
-      wiggleDetails: M == null ? void 0 : M.details
+      wiggleDetails: w == null ? void 0 : w.details
     }
   ) : X ? /* @__PURE__ */ f(
     Or,
@@ -5605,9 +5605,9 @@ const Pn = ({
       borderRadius: v.borderRadius,
       boxShadow: a.boxShadow,
       cardFlipDetails: R == null ? void 0 : R.details,
-      children: Y
+      children: F
     }
-  ) : Y, U = /* @__PURE__ */ f(
+  ) : F, U = /* @__PURE__ */ f(
     Gt,
     {
       style: {
@@ -5660,7 +5660,7 @@ const Pn = ({
                         style: {
                           ...v,
                           overflow: "visible",
-                          boxShadow: k ? "none" : v.boxShadow
+                          boxShadow: I ? "none" : v.boxShadow
                         },
                         children: [
                           g ? /* @__PURE__ */ f(
@@ -5672,11 +5672,11 @@ const Pn = ({
                               children: W()
                             }
                           ) : W(),
-                          $.map((Z) => /* @__PURE__ */ f("div", { style: Z.style }, Z.id))
+                          x.map((Z) => /* @__PURE__ */ f("div", { style: Z.style }, Z.id))
                         ]
                       }
                     ),
-                    !k && !S && !F && !X && /* @__PURE__ */ f(
+                    !I && !M && !Y && !X && /* @__PURE__ */ f(
                       "div",
                       {
                         style: {
@@ -5807,11 +5807,11 @@ const ls = (t) => {
 }) => {
   const l = Er(null), p = Nt(), [d, u] = fr({ width: 400, height: 100 });
   er(() => {
-    u((x) => {
+    u(($) => {
       var g, m;
       return {
-        width: ((g = l.current) == null ? void 0 : g.offsetWidth) ?? x.width,
-        height: ((m = l.current) == null ? void 0 : m.offsetHeight) ?? x.height
+        width: ((g = l.current) == null ? void 0 : g.offsetWidth) ?? $.width,
+        height: ((m = l.current) == null ? void 0 : m.offsetHeight) ?? $.height
       };
     });
   }, [p, u]);
@@ -6129,7 +6129,7 @@ const ws = ({
     let l = (e + 1) % 1;
     l = l * s;
     let p = Math.sin(Math.abs(e) * Math.PI);
-    return p = I.cubic(p), p = p * r, p = p * Math.sin((0.5 + o) * Math.PI), { x: l, y: p };
+    return p = k.cubic(p), p = p * r, p = p * Math.sin((0.5 + o) * Math.PI), { x: l, y: p };
   }).sort((i, o) => i.x > o.x ? 1 : -1);
 }, Is = ({
   sections: t = 12,
@@ -6144,28 +6144,28 @@ const ws = ({
   topRoundness: e = 0.4,
   bottomRoundness: l = 0.4
 }) => {
-  const p = s, d = c, u = t, b = r % (2 * s / t), y = Array.from({ length: a }).map(($, N) => {
-    const k = N * i;
+  const p = s, d = c, u = t, b = r % (2 * s / t), y = Array.from({ length: a }).map((x, N) => {
+    const I = N * i;
     return ws({
       width: p,
       numberOfPoints: u,
-      offsetPixels: k + b,
+      offsetPixels: I + b,
       amplitude: 0.5 * n
     });
-  }), v = p / u, x = e * v, g = l * v, m = ($, N) => {
-    const k = $.y <= 0, w = k ? x : g, S = k ? g : x, M = N.x + S, F = N.y, R = $.x - w, X = $.y, P = $.x, B = $.y;
-    return `C ${M} ${F}, ${R} ${X}, ${P} ${B}`;
+  }), v = p / u, $ = e * v, g = l * v, m = (x, N) => {
+    const I = x.y <= 0, S = I ? $ : g, M = I ? g : $, w = N.x + M, Y = N.y, R = x.x - S, X = x.y, P = x.x, B = x.y;
+    return `C ${w} ${Y}, ${R} ${X}, ${P} ${B}`;
   };
-  return /* @__PURE__ */ f("div", { style: { width: s, height: c }, children: /* @__PURE__ */ f("svg", { width: p, height: d, viewBox: `0 -${0.5 * d} ${p} ${d}`, children: y.map(($, N) => {
-    const k = $[$.length - 1], w = Array.isArray(o) ? o[N % o.length] : o;
+  return /* @__PURE__ */ f("div", { style: { width: s, height: c }, children: /* @__PURE__ */ f("svg", { width: p, height: d, viewBox: `0 -${0.5 * d} ${p} ${d}`, children: y.map((x, N) => {
+    const I = x[x.length - 1], S = Array.isArray(o) ? o[N % o.length] : o;
     return /* @__PURE__ */ f(
       "path",
       {
-        d: `M 0 0, ${$.map((S, M, F) => {
-          const R = M === 0 ? { x: 0, y: 0 } : F[M - 1];
-          return m(S, R);
-        }).join(",")}, ${m({ x: p, y: 0 }, k)}`,
-        stroke: w,
+        d: `M 0 0, ${x.map((M, w, Y) => {
+          const R = w === 0 ? { x: 0, y: 0 } : Y[w - 1];
+          return m(M, R);
+        }).join(",")}, ${m({ x: p, y: 0 }, I)}`,
+        stroke: S,
         strokeWidth: h,
         fill: "none"
       },
@@ -6223,11 +6223,11 @@ function Cn({
 }) {
   return gt({ item: t, options: r, children: /* @__PURE__ */ f(kt, { children: /* @__PURE__ */ f(Ns, { item: t, options: r }) }) });
 }
-const Fs = (t, r) => {
+const Ys = (t, r) => {
   if (!r || r === t.length) return [...t];
   const n = r % t.length;
   return [...t.slice(n), ...t.slice(0, n)];
-}, Ys = ({
+}, Fs = ({
   numberOfBumps: t = 8,
   frequencyData: r,
   maxDb: n = -30,
@@ -6261,16 +6261,16 @@ const Fs = (t, r) => {
   } : {
     viewBoxVerticalShift: -0.5 * l,
     scaling: 0.5
-  }, b = 0.15 * e, y = (e - 2 * b) / (t.length - 1), v = Array.from({ length: o }).map((x, g) => {
+  }, b = 0.15 * e, y = (e - 2 * b) / (t.length - 1), v = Array.from({ length: o }).map(($, g) => {
     const m = 3 * g;
-    return Fs(t, m).map((N, k) => ({
-      x: b + k * y,
-      y: p * l * N * (1.2 - 0.5 * no(g * t.length + k))
+    return Ys(t, m).map((N, I) => ({
+      x: b + I * y,
+      y: p * l * N * (1.2 - 0.5 * no(g * t.length + I))
     }));
   });
-  return /* @__PURE__ */ f("div", { style: { width: r, height: n }, children: /* @__PURE__ */ f("svg", { width: e, height: l, viewBox: `0 ${d} ${e} ${l}`, children: v.map((x, g) => {
-    const m = x[x.length - 1], $ = Array.isArray(a) ? a[g % a.length] : a, N = Array.isArray(s) ? s[g % s.length] : s, k = {
-      stroke: $,
+  return /* @__PURE__ */ f("div", { style: { width: r, height: n }, children: /* @__PURE__ */ f("svg", { width: e, height: l, viewBox: `0 ${d} ${e} ${l}`, children: v.map(($, g) => {
+    const m = $[$.length - 1], x = Array.isArray(a) ? a[g % a.length] : a, N = Array.isArray(s) ? s[g % s.length] : s, I = {
+      stroke: x,
       strokeWidth: c,
       fill: N,
       style: {
@@ -6281,20 +6281,20 @@ const Fs = (t, r) => {
       i !== "over" && /* @__PURE__ */ f(
         "path",
         {
-          ...k,
-          d: `M 0 0, ${x.map((w, S, M) => {
-            const F = S === 0 ? { x: 0, y: 0 } : M[S - 1], R = F.x + 0.5 * y, X = F.y, P = w.x - 0.5 * y, B = w.y, V = w.x, Y = w.y;
-            return `C ${R} ${X}, ${P} ${B}, ${V} ${Y}`;
+          ...I,
+          d: `M 0 0, ${$.map((S, M, w) => {
+            const Y = M === 0 ? { x: 0, y: 0 } : w[M - 1], R = Y.x + 0.5 * y, X = Y.y, P = S.x - 0.5 * y, B = S.y, V = S.x, F = S.y;
+            return `C ${R} ${X}, ${P} ${B}, ${V} ${F}`;
           }).join(",")}, C ${m.x + 0.5 * y} ${m.y}, ${e - 0.5 * y} 0, ${e} 0`
         }
       ),
       i !== "under" && /* @__PURE__ */ f(
         "path",
         {
-          ...k,
-          d: `M 0 0, ${x.map((w, S, M) => {
-            const F = S === 0 ? { x: 0, y: 0 } : M[S - 1], R = F.x + 0.5 * y, X = -F.y, P = w.x - 0.5 * y, B = -w.y, V = w.x, Y = -w.y;
-            return `C ${R} ${X}, ${P} ${B}, ${V} ${Y}`;
+          ...I,
+          d: `M 0 0, ${$.map((S, M, w) => {
+            const Y = M === 0 ? { x: 0, y: 0 } : w[M - 1], R = Y.x + 0.5 * y, X = -Y.y, P = S.x - 0.5 * y, B = -S.y, V = S.x, F = -S.y;
+            return `C ${R} ${X}, ${P} ${B}, ${V} ${F}`;
           }).join(",")}, C ${m.x + 0.5 * y} ${-m.y}, ${e - 0.5 * y} 0, ${e} 0`
         }
       )
@@ -6314,17 +6314,17 @@ const Fs = (t, r) => {
 }) => {
   const l = Er(null), p = Nt(), [d, u] = fr({ width: 400, height: 100 });
   er(() => {
-    u((x) => {
+    u(($) => {
       var g, m;
       return {
-        width: ((g = l.current) == null ? void 0 : g.offsetWidth) ?? x.width,
-        height: ((m = l.current) == null ? void 0 : m.offsetHeight) ?? x.height
+        width: ((g = l.current) == null ? void 0 : g.offsetWidth) ?? $.width,
+        height: ((m = l.current) == null ? void 0 : m.offsetHeight) ?? $.height
       };
     });
   }, [p, u]);
   const { width: b, height: y } = d;
   if (!n) return null;
-  const v = Ys({ frequencyData: n, minDb: e, maxDb: h });
+  const v = Fs({ frequencyData: n, minDb: e, maxDb: h });
   return /* @__PURE__ */ f("div", { ref: l, style: { width: t, height: r }, children: /* @__PURE__ */ f(
     Rs,
     {
@@ -6387,7 +6387,7 @@ const jn = ({
   options: r
 }) => {
   var d, u, b, y;
-  const { fps: n, frame: s } = r, { details: c, animations: a } = t, { animationIn: i, animationOut: o, animationTimed: h } = Ft(
+  const { fps: n, frame: s } = r, { details: c, animations: a } = t, { animationIn: i, animationOut: o, animationTimed: h } = Yt(
     a,
     t,
     s,
@@ -6477,20 +6477,22 @@ const jn = ({
     easing: i
   });
 }, tn = (t, r, n, s) => {
-  var o, h, e, l;
+  var o, h, e, l, p;
   const { property: c } = t;
   if (c === "move") {
-    const p = Number(((o = t.details) == null ? void 0 : o.fromX) ?? t.from ?? 0), d = Number(((h = t.details) == null ? void 0 : h.toX) ?? t.to ?? 0), u = Number(((e = t.details) == null ? void 0 : e.fromY) ?? 0), b = Number(((l = t.details) == null ? void 0 : l.toY) ?? 0), y = t.delay || 0, v = t.durationInFrames || 30, x = s ? [n - v - y, n - y] : [y, y + v], g = _(r, x, [p, d], {
+    const d = Number(
+      ((o = t.details) == null ? void 0 : o.fromX) ?? t.from ?? 0
+    ), u = Number(((h = t.details) == null ? void 0 : h.toX) ?? t.to ?? 0), b = Number(((e = t.details) == null ? void 0 : e.fromY) ?? 0), y = Number(((l = t.details) == null ? void 0 : l.toY) ?? 0), v = Number(((p = t.details) == null ? void 0 : p.scale) || 1) || 1, $ = t.delay || 0, g = t.durationInFrames || 30, m = s ? [n - g - $, n - $] : [$, $ + g], x = _(r, m, [d, u], {
       extrapolateLeft: "clamp",
       extrapolateRight: "clamp",
       easing: t.ease
-    }), m = _(r, x, [u, b], {
+    }), N = _(r, m, [b, y], {
       extrapolateLeft: "clamp",
       extrapolateRight: "clamp",
       easing: t.ease
-    });
+    }), I = x / v, S = N / v;
     return {
-      transform: `translateX(${g}%) translateY(${m}%)`
+      transform: `translateX(${I}px) translateY(${S}px)`
     };
   }
   const a = Ps(r, t, n, s), i = Gn();
@@ -6506,12 +6508,18 @@ const jn = ({
       const p = tn(l, n, r, !1);
       if (l.persist === !0 && n - (l.delay || 0) >= l.durationInFrames) {
         const u = l.to, b = Gn(), y = l.property === "move" ? (() => {
-          var g, m;
-          const v = Number(((g = l.details) == null ? void 0 : g.toX) ?? l.to ?? 0), x = Number(((m = l.details) == null ? void 0 : m.toY) ?? 0);
+          var N, I, S;
+          const v = Number(
+            ((N = l.details) == null ? void 0 : N.toX) ?? l.to ?? 0
+          ), $ = Number(
+            ((I = l.details) == null ? void 0 : I.toY) ?? 0
+          ), g = Number(((S = l.details) == null ? void 0 : S.scale) || 1) || 1, m = v / g, x = $ / g;
           return {
-            transform: `translateX(${v}%) translateY(${x}%)`
+            transform: `translateX(${m}px) translateY(${x}px)`
           };
-        })() : (b[l.property] || b.default)(u);
+        })() : (b[l.property] || b.default)(
+          u
+        );
         Object.keys(y).forEach((v) => {
           v === "transform" ? o[v] = o[v] ? {
             [v]: `${o[v][v]} ${y[v]}`
@@ -6544,7 +6552,7 @@ const jn = ({
   children: s,
   style: c = {}
 }) => {
-  var x;
+  var $;
   const a = Nt(), i = rn(
     Ir(t),
     n,
@@ -6557,10 +6565,10 @@ const jn = ({
     !0
   ), h = Ot.useMemo(() => {
     const g = Object.keys(i).length > 0, m = t == null ? void 0 : t.reduce(
-      (N, k) => Math.min(N, k.delay || 0),
+      (N, I) => Math.min(N, I.delay || 0),
       1 / 0
-    ), $ = a - (m || 0);
-    return g && $ < 0 ? { visibility: "hidden" } : i;
+    ), x = a - (m || 0);
+    return g && x < 0 ? { visibility: "hidden" } : i;
   }, [i, a, t]), e = Ot.useMemo(() => {
     if (a > n)
       return { visibility: "hidden" };
@@ -6568,30 +6576,30 @@ const jn = ({
     if (!g || g.length === 0) return {};
     let m = 0;
     g.forEach((N) => {
-      const k = (N.durationInFrames || 0) + (N.delay || 0);
-      k > m && (m = k);
+      const I = (N.durationInFrames || 0) + (N.delay || 0);
+      I > m && (m = I);
     });
-    const $ = Math.max(0, n - m);
-    return a < $ ? {} : o;
+    const x = Math.max(0, n - m);
+    return a < x ? {} : o;
   }, [o, a, r, n]), p = ((c == null ? void 0 : c.transform) || "").match(/rotate\((-?[\d.]+)deg\)/), d = p ? parseFloat(p[1]) : 0, u = -d, b = Ot.useMemo(() => {
     const g = {
       ...h
       // , ...timedStyle
     };
-    return Object.entries(e).forEach(([m, $]) => {
-      m === "transform" ? g[m] = `${g[m] || ""} ${$ || ""}`.trim() : m in g && typeof g[m] == "number" && typeof $ == "number" ? g[m] = g[m] * $ : g[m] = $;
+    return Object.entries(e).forEach(([m, x]) => {
+      m === "transform" ? g[m] = `${g[m] || ""} ${x || ""}`.trim() : m in g && typeof g[m] == "number" && typeof x == "number" ? g[m] = g[m] * x : g[m] = x;
     }), g;
   }, [h, e]);
-  if ((x = b.transform) != null && x.includes("rotate")) {
+  if (($ = b.transform) != null && $.includes("rotate")) {
     const g = b.transform;
     b.transform = g.replace(
       /rotate\(([^)]+)deg\)/,
-      (m, $) => `rotate(${parseFloat($) - u}deg)`
+      (m, x) => `rotate(${parseFloat(x) - u}deg)`
     );
   }
   const y = yr(() => {
-    const g = b.transform || "", { translateX: m, translateY: $, scale: N, rotation: k, rotateY: w } = Es(g);
-    return `${m} ${$} ${N} ${k || `rotate(${d}deg)`} ${w}`.trim();
+    const g = b.transform || "", { translateX: m, translateY: x, scale: N, rotation: I, rotateY: S } = Es(g);
+    return `${m} ${x} ${N} ${I || `rotate(${d}deg)`} ${S}`.trim();
   }, [b, d]);
   let v = i;
   return d > 0 && v.transform && v.transform.includes("translateX") && (v = {
@@ -6640,20 +6648,20 @@ const jn = ({
   const l = t.match(/rotateY\([^)]+\)/g);
   return l && (a = l[l.length - 1]), { translateX: r, translateY: n, scale: s, rotation: c, rotateY: a };
 };
-I.linear;
-I.linear;
-I.ease;
-I.ease;
-I.ease;
-I.ease;
-I.ease;
-I.linear;
-I.linear;
+k.linear;
+k.linear;
+k.ease;
+k.ease;
+k.ease;
+k.ease;
+k.ease;
+k.linear;
+k.linear;
 const An = ({
   item: t,
   options: r
 }) => {
-  const { fps: n, resizeState: s, frame: c } = r, { details: a, animations: i } = t, { durationInFrames: o } = wt(t.display, n), { animationIn: h, animationOut: e } = Ft(
+  const { fps: n, resizeState: s, frame: c } = r, { details: a, animations: i } = t, { durationInFrames: o } = wt(t.display, n), { animationIn: h, animationOut: e } = Yt(
     i,
     t,
     c,
@@ -6679,7 +6687,7 @@ const An = ({
   item: t,
   options: r
 }) => {
-  const { fps: n, resizeState: s, frame: c } = r, { details: a, animations: i } = t, { durationInFrames: o } = wt(t.display, n), { animationIn: h, animationOut: e } = Ft(
+  const { fps: n, resizeState: s, frame: c } = r, { details: a, animations: i } = t, { durationInFrames: o } = wt(t.display, n), { animationIn: h, animationOut: e } = Yt(
     i,
     t,
     c,
@@ -6709,21 +6717,21 @@ const An = ({
   item: t,
   options: r
 }) => {
-  const { fps: n, resizeState: s, frame: c } = r, { details: a, animations: i } = t, { durationInFrames: o } = wt(t.display, n), { animationIn: h, animationOut: e } = Ft(
+  const { fps: n, resizeState: s, frame: c } = r, { details: a, animations: i } = t, { durationInFrames: o } = wt(t.display, n), { animationIn: h, animationOut: e } = Yt(
     i,
     t,
     c,
     n
-  ), l = s == null ? void 0 : s[t.id], p = (y, v, x) => {
-    const g = x, m = x, $ = Math.PI * 2 / (y * 2);
-    let N = Number.POSITIVE_INFINITY, k = Number.NEGATIVE_INFINITY, w = Number.POSITIVE_INFINITY, S = Number.NEGATIVE_INFINITY;
-    for (let M = 0; M < y * 2; M++) {
-      const F = M % 2 === 0 ? x : v, R = $ * M - Math.PI / 2, X = g + F * Math.cos(R), P = m + F * Math.sin(R);
-      N = Math.min(N, X), k = Math.max(k, X), w = Math.min(w, P), S = Math.max(S, P);
+  ), l = s == null ? void 0 : s[t.id], p = (y, v, $) => {
+    const g = $, m = $, x = Math.PI * 2 / (y * 2);
+    let N = Number.POSITIVE_INFINITY, I = Number.NEGATIVE_INFINITY, S = Number.POSITIVE_INFINITY, M = Number.NEGATIVE_INFINITY;
+    for (let w = 0; w < y * 2; w++) {
+      const Y = w % 2 === 0 ? $ : v, R = x * w - Math.PI / 2, X = g + Y * Math.cos(R), P = m + Y * Math.sin(R);
+      N = Math.min(N, X), I = Math.max(I, X), S = Math.min(S, P), M = Math.max(M, P);
     }
     return {
-      width: k - N,
-      height: S - w
+      width: I - N,
+      height: M - S
     };
   };
   let d = a.outerRadius, u = a.innerRadius;
@@ -6732,7 +6740,7 @@ const An = ({
       a.points || 5,
       a.innerRadius || 0,
       a.outerRadius || 0
-    ), v = l != null && l.width ? l.width / y.width : 1, x = l != null && l.height ? l.height / y.height : 1, g = Math.max(v, x);
+    ), v = l != null && l.width ? l.width / y.width : 1, $ = l != null && l.height ? l.height / y.height : 1, g = Math.max(v, $);
     d = (a.outerRadius || 0) * g, u = (a.innerRadius || 0) * g;
   }
   const b = /* @__PURE__ */ f(
@@ -6758,21 +6766,21 @@ const An = ({
   item: t,
   options: r
 }) => {
-  const { fps: n, resizeState: s, frame: c } = r, { details: a, animations: i } = t, { animationIn: o, animationOut: h } = Ft(
+  const { fps: n, resizeState: s, frame: c } = r, { details: a, animations: i } = t, { animationIn: o, animationOut: h } = Yt(
     i,
     t,
     c,
     n
   ), { durationInFrames: e } = wt(t.display, n), l = s == null ? void 0 : s[t.id], p = (b, y) => {
-    const v = y, x = y, g = Math.PI * 2 / b;
-    let m = Number.POSITIVE_INFINITY, $ = Number.NEGATIVE_INFINITY, N = Number.POSITIVE_INFINITY, k = Number.NEGATIVE_INFINITY;
-    for (let w = 0; w < b; w++) {
-      const S = g * w - Math.PI / 2, M = v + y * Math.cos(S), F = x + y * Math.sin(S);
-      m = Math.min(m, M), $ = Math.max($, M), N = Math.min(N, F), k = Math.max(k, F);
+    const v = y, $ = y, g = Math.PI * 2 / b;
+    let m = Number.POSITIVE_INFINITY, x = Number.NEGATIVE_INFINITY, N = Number.POSITIVE_INFINITY, I = Number.NEGATIVE_INFINITY;
+    for (let S = 0; S < b; S++) {
+      const M = g * S - Math.PI / 2, w = v + y * Math.cos(M), Y = $ + y * Math.sin(M);
+      m = Math.min(m, w), x = Math.max(x, w), N = Math.min(N, Y), I = Math.max(I, Y);
     }
     return {
-      width: $ - m,
-      height: k - N
+      width: x - m,
+      height: I - N
     };
   };
   let d = a.radius;
@@ -6780,8 +6788,8 @@ const An = ({
     const b = p(
       a.points || 3,
       a.radius || 0
-    ), y = l != null && l.width ? l.width / b.width : 1, v = l != null && l.height ? l.height / b.height : 1, x = Math.max(y, v);
-    d = (a.radius || 0) * x;
+    ), y = l != null && l.width ? l.width / b.width : 1, v = l != null && l.height ? l.height / b.height : 1, $ = Math.max(y, v);
+    d = (a.radius || 0) * $;
   }
   const u = /* @__PURE__ */ f(
     cr,
@@ -6805,7 +6813,7 @@ const An = ({
   item: t,
   options: r
 }) => {
-  const { fps: n, resizeState: s, frame: c } = r, { details: a, animations: i } = t, { durationInFrames: o } = wt(t.display, n), { animationIn: h, animationOut: e } = Ft(
+  const { fps: n, resizeState: s, frame: c } = r, { details: a, animations: i } = t, { durationInFrames: o } = wt(t.display, n), { animationIn: h, animationOut: e } = Yt(
     i,
     t,
     c,
@@ -6943,20 +6951,22 @@ const An = ({
     easing: i
   });
 }, on = (t, r, n, s) => {
-  var o, h, e, l;
+  var o, h, e, l, p;
   const { property: c } = t;
   if (c === "move") {
-    const p = Number(((o = t.details) == null ? void 0 : o.fromX) ?? t.from ?? 0), d = Number(((h = t.details) == null ? void 0 : h.toX) ?? t.to ?? 0), u = Number(((e = t.details) == null ? void 0 : e.fromY) ?? 0), b = Number(((l = t.details) == null ? void 0 : l.toY) ?? 0), y = t.delay || 0, v = t.durationInFrames || 30, x = s ? [n - v - y, n - y] : [y, y + v], g = _(r, x, [p, d], {
+    const d = Number(
+      ((o = t.details) == null ? void 0 : o.fromX) ?? t.from ?? 0
+    ), u = Number(((h = t.details) == null ? void 0 : h.toX) ?? t.to ?? 0), b = Number(((e = t.details) == null ? void 0 : e.fromY) ?? 0), y = Number(((l = t.details) == null ? void 0 : l.toY) ?? 0), v = Number(((p = t.details) == null ? void 0 : p.scale) || 1) || 1, $ = t.delay || 0, g = t.durationInFrames || 30, m = s ? [n - g - $, n - $] : [$, $ + g], x = _(r, m, [d, u], {
       extrapolateLeft: "clamp",
       extrapolateRight: "clamp",
       easing: t.ease
-    }), m = _(r, x, [u, b], {
+    }), N = _(r, m, [b, y], {
       extrapolateLeft: "clamp",
       extrapolateRight: "clamp",
       easing: t.ease
-    });
+    }), I = x / v, S = N / v;
     return {
-      transform: `translateX(${g}%) translateY(${m}%)`
+      transform: `translateX(${I}px) translateY(${S}px)`
     };
   }
   const a = _s(r, t, n, s), i = Qn();
@@ -6972,12 +6982,18 @@ const An = ({
       const p = on(l, n, r, !1);
       if (l.persist === !0 && n - (l.delay || 0) >= l.durationInFrames) {
         const u = l.to, b = Qn(), y = l.property === "move" ? (() => {
-          var g, m;
-          const v = Number(((g = l.details) == null ? void 0 : g.toX) ?? l.to ?? 0), x = Number(((m = l.details) == null ? void 0 : m.toY) ?? 0);
+          var N, I, S;
+          const v = Number(
+            ((N = l.details) == null ? void 0 : N.toX) ?? l.to ?? 0
+          ), $ = Number(
+            ((I = l.details) == null ? void 0 : I.toY) ?? 0
+          ), g = Number(((S = l.details) == null ? void 0 : S.scale) || 1) || 1, m = v / g, x = $ / g;
           return {
-            transform: `translateX(${v}%) translateY(${x}%)`
+            transform: `translateX(${m}px) translateY(${x}px)`
           };
-        })() : (b[l.property] || b.default)(u);
+        })() : (b[l.property] || b.default)(
+          u
+        );
         Object.keys(y).forEach((v) => {
           v === "transform" ? o[v] = o[v] ? {
             [v]: `${o[v][v]} ${y[v]}`
@@ -7015,7 +7031,7 @@ const An = ({
   children: i,
   style: o = {}
 }) => {
-  var S;
+  var M;
   const h = kr(
     nr(t),
     s,
@@ -7034,46 +7050,46 @@ const An = ({
     !0
   ), p = Ot.useMemo(() => {
     var X;
-    const M = Object.keys(h).length > 0, F = (X = nr(t)) == null ? void 0 : X.reduce(
+    const w = Object.keys(h).length > 0, Y = (X = nr(t)) == null ? void 0 : X.reduce(
       (P, B) => Math.min(P, B.delay || 0),
       1 / 0
-    ), R = c - (F || 0);
-    return M && R < 0 ? { visibility: a ? "visible" : "hidden" } : h;
+    ), R = c - (Y || 0);
+    return w && R < 0 ? { visibility: a ? "visible" : "hidden" } : h;
   }, [h, c, t, a]), d = Ot.useMemo(() => {
-    const M = nr(r);
-    if (!M || M.length === 0) return {};
-    let F = 0;
-    M.forEach((X) => {
+    const w = nr(r);
+    if (!w || w.length === 0) return {};
+    let Y = 0;
+    w.forEach((X) => {
       const P = (X.durationInFrames || 0) + (X.delay || 0);
-      P > F && (F = P);
+      P > Y && (Y = P);
     });
-    const R = Math.max(0, s - F);
+    const R = Math.max(0, s - Y);
     return c < R ? {} : c > s ? { visibility: a ? "visible" : "hidden" } : e;
-  }, [e, c, r, s, a]), b = ((o == null ? void 0 : o.transform) || "").match(/rotate\((-?[\d.]+)deg\)/), y = b ? parseFloat(b[1]) : 0, v = -y, x = Ot.useMemo(() => {
-    const M = {
+  }, [e, c, r, s, a]), b = ((o == null ? void 0 : o.transform) || "").match(/rotate\((-?[\d.]+)deg\)/), y = b ? parseFloat(b[1]) : 0, v = -y, $ = Ot.useMemo(() => {
+    const w = {
       ...p,
       ...l
     };
-    return Object.entries(d).forEach(([F, R]) => {
-      F === "transform" ? M[F] = `${M[F] || ""} ${R || ""}`.trim() : F in M && typeof M[F] == "number" && typeof R == "number" ? M[F] = M[F] * R : M[F] = R;
-    }), M;
+    return Object.entries(d).forEach(([Y, R]) => {
+      Y === "transform" ? w[Y] = `${w[Y] || ""} ${R || ""}`.trim() : Y in w && typeof w[Y] == "number" && typeof R == "number" ? w[Y] = w[Y] * R : w[Y] = R;
+    }), w;
   }, [p, l, d]);
-  if ((S = x.transform) != null && S.includes("rotate")) {
-    const M = x.transform;
-    x.transform = M.replace(
+  if ((M = $.transform) != null && M.includes("rotate")) {
+    const w = $.transform;
+    $.transform = w.replace(
       /rotate\(([^)]+)deg\)/,
-      (F, R) => `rotate(${parseFloat(R) - v}deg)`
+      (Y, R) => `rotate(${parseFloat(R) - v}deg)`
     );
   }
   const g = yr(() => {
-    const M = x.transform || "", { translateX: F, translateY: R, scale: X, rotation: P, rotateY: B } = Ws(M);
-    return `${F} ${R} ${X} ${P || `rotate(${y}deg)`} ${B}`.trim();
-  }, [x, y]), {
+    const w = $.transform || "", { translateX: Y, translateY: R, scale: X, rotation: P, rotateY: B } = Ws(w);
+    return `${Y} ${R} ${X} ${P || `rotate(${y}deg)`} ${B}`.trim();
+  }, [$, y]), {
     top: m,
-    left: $,
+    left: x,
     position: N,
-    transform: k,
-    ...w
+    transform: I,
+    ...S
   } = o || {};
   return /* @__PURE__ */ f(
     "div",
@@ -7081,7 +7097,7 @@ const An = ({
       style: {
         width: "100%",
         height: "100%",
-        overflow: x.overflow || "visible",
+        overflow: $.overflow || "visible",
         pointerEvents: "none"
       },
       children: /* @__PURE__ */ f(
@@ -7090,8 +7106,8 @@ const An = ({
           style: {
             width: "100%",
             height: "100%",
-            ...w,
-            ...x,
+            ...S,
+            ...$,
             rotate: `${v}deg`,
             overflow: "visible",
             transform: g,
@@ -7115,20 +7131,20 @@ const An = ({
   const l = t.match(/rotateY\([^)]+\)/g);
   return l && (a = l[l.length - 1]), { translateX: r, translateY: n, scale: s, rotation: c, rotateY: a };
 };
-I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.elastic(1), I.elastic(1), I.elastic(1), I.elastic(1), I.linear, I.linear, I.linear, I.linear, I.ease, I.ease, I.ease, I.ease, I.ease, I.ease, I.ease, I.ease, I.ease, I.ease;
+k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.elastic(1), k.elastic(1), k.elastic(1), k.elastic(1), k.linear, k.linear, k.linear, k.linear, k.ease, k.ease, k.ease, k.ease, k.ease, k.ease, k.ease, k.ease, k.ease, k.ease;
 function Kn({
   item: t,
   options: r
 }) {
-  var F, R, X, P, B;
-  const { fps: n, frame: s } = r, { details: c, animations: a } = t, { width: i, height: o, strokeWidth: h, strokeBackground: e, strokeColors: l } = c, { animationIn: p, animationOut: d } = Ft(a, t), { durationInFrames: u } = wt(t.display, n), b = i, y = o, v = h, x = b, g = y, m = b, $ = y, N = x + g + m + $;
-  let k = 0;
-  if (((F = a == null ? void 0 : a.out) == null ? void 0 : F.name) === "progressSquareAnimationOut") {
-    const V = (R = a == null ? void 0 : a.out) == null ? void 0 : R.composition[0].durationInFrames, Y = Math.max(
+  var Y, R, X, P, B;
+  const { fps: n, frame: s } = r, { details: c, animations: a } = t, { width: i, height: o, strokeWidth: h, strokeBackground: e, strokeColors: l } = c, { animationIn: p, animationOut: d } = Yt(a, t), { durationInFrames: u } = wt(t.display, n), b = i, y = o, v = h, $ = b, g = y, m = b, x = y, N = $ + g + m + x;
+  let I = 0;
+  if (((Y = a == null ? void 0 : a.out) == null ? void 0 : Y.name) === "progressSquareAnimationOut") {
+    const V = (R = a == null ? void 0 : a.out) == null ? void 0 : R.composition[0].durationInFrames, F = Math.max(
       t.display.to * n / 1e3 - (s || 0) - 1,
       0
     );
-    k = Math.min(Y / V * 100, 100) / 100, Y > V && (k = 1);
+    I = Math.min(F / V * 100, 100) / 100, F > V && (I = 1);
   }
   if (((X = a == null ? void 0 : a.in) == null ? void 0 : X.name) === "progressSquareAnimationIn") {
     const { from: V } = wt(
@@ -7137,10 +7153,10 @@ function Kn({
         to: t.display.to
       },
       n
-    ), Y = (P = a == null ? void 0 : a.in) == null ? void 0 : P.composition[0].durationInFrames, W = Math.max((s || 0) - V, 0);
-    W < Y ? k = Math.min(W / Y * 100, 100) / 100 : ((B = a == null ? void 0 : a.out) == null ? void 0 : B.name) !== "progressSquareAnimationOut" && (k = 1);
+    ), F = (P = a == null ? void 0 : a.in) == null ? void 0 : P.composition[0].durationInFrames, W = Math.max((s || 0) - V, 0);
+    W < F ? I = Math.min(W / F * 100, 100) / 100 : ((B = a == null ? void 0 : a.out) == null ? void 0 : B.name) !== "progressSquareAnimationOut" && (I = 1);
   }
-  const w = k * 100 / 100 * N, S = l[0] || "#4A90E2", M = /* @__PURE__ */ f(
+  const S = I * 100 / 100 * N, M = l[0] || "#4A90E2", w = /* @__PURE__ */ f(
     Os,
     {
       style: Ct(
@@ -7188,13 +7204,13 @@ function Kn({
                     position: "absolute",
                     top: 0,
                     left: 0,
-                    width: Math.min(w, x),
+                    width: Math.min(S, $),
                     height: v,
-                    backgroundColor: S
+                    backgroundColor: M
                   }
                 }
               ),
-              w > x && /* @__PURE__ */ f(
+              S > $ && /* @__PURE__ */ f(
                 "div",
                 {
                   style: {
@@ -7202,12 +7218,12 @@ function Kn({
                     top: 0,
                     right: 0,
                     width: v,
-                    height: Math.min(w - x, g),
-                    backgroundColor: S
+                    height: Math.min(S - $, g),
+                    backgroundColor: M
                   }
                 }
               ),
-              w > x + g && /* @__PURE__ */ f(
+              S > $ + g && /* @__PURE__ */ f(
                 "div",
                 {
                   style: {
@@ -7215,15 +7231,15 @@ function Kn({
                     bottom: 0,
                     right: 0,
                     width: Math.min(
-                      w - x - g,
+                      S - $ - g,
                       m
                     ),
                     height: v,
-                    backgroundColor: S
+                    backgroundColor: M
                   }
                 }
               ),
-              w > x + g + m && /* @__PURE__ */ f(
+              S > $ + g + m && /* @__PURE__ */ f(
                 "div",
                 {
                   style: {
@@ -7232,10 +7248,10 @@ function Kn({
                     left: 0,
                     width: v,
                     height: Math.min(
-                      w - x - g - m,
-                      $
+                      S - $ - g - m,
+                      x
                     ),
-                    backgroundColor: S
+                    backgroundColor: M
                   }
                 }
               )
@@ -7245,7 +7261,7 @@ function Kn({
       )
     }
   );
-  return gt({ item: t, options: r, children: M });
+  return gt({ item: t, options: r, children: w });
 }
 const Jn = (t) => {
   const { trackItemIds: r, transitionsMap: n, trackItemsMap: s } = t, c = /* @__PURE__ */ new Map();
@@ -7342,27 +7358,27 @@ function Cs({
     structure: d,
     frame: u,
     mergedTrackItemsDeatilsMap: b
-  } = r, y = or(e || {}), { trim: v, display: x } = t, g = o && o.some((k) => !!y[k]) ? o : Object.keys(y), m = Jn({
+  } = r, y = or(e || {}), { trim: v, display: $ } = t, g = o && o.some((I) => !!y[I]) ? o : Object.keys(y), m = Jn({
     trackItemIds: or(g),
     transitionsMap: or(h || {}),
     trackItemsMap: y || {}
-  }), $ = (v == null ? void 0 : v.from) || 0;
-  g.filter((k) => !!y[k]).forEach((k) => {
-    const w = y[k];
-    w != null && w.display && (w.display.from = w.display.from - $, w.display.to = w.display.to - $);
+  }), x = (v == null ? void 0 : v.from) || 0;
+  g.filter((I) => !!y[I]).forEach((I) => {
+    const S = y[I];
+    S != null && S.display && (S.display.from = S.display.from - x, S.display.to = S.display.to - x);
   });
-  const N = m.map((k, w) => {
-    var F, R, X, P;
-    if (k.length === 1) {
-      if (!k[0]) return null;
-      const B = y[(F = k[0]) == null ? void 0 : F.id];
+  const N = m.map((I, S) => {
+    var Y, R, X, P;
+    if (I.length === 1) {
+      if (!I[0]) return null;
+      const B = y[(Y = I[0]) == null ? void 0 : Y.id];
       if (!B) return null;
-      let V = {}, Y = {}, W = [];
+      let V = {}, F = {}, W = [];
       if (B.type === "template") {
         const z = d == null ? void 0 : d.find((D) => D.id === B.id);
         W = (z == null ? void 0 : z.items) || [];
         for (const D in b)
-          z != null && z.items.includes(D) && (Y[D] = {
+          z != null && z.items.includes(D) && (F[D] = {
             ...b[D]
           });
         return s(B, {
@@ -7371,10 +7387,10 @@ function Cs({
           onTextBlur: a,
           editableTextId: c,
           itemsTemplateIds: W,
-          itemsTemplateMap: Y,
+          itemsTemplateMap: F,
           transitionsTemplateMap: V,
           itemStructure: d == null ? void 0 : d.find((D) => D.id === B.id),
-          frame: (u ?? 0) - x.from * p / 1e3,
+          frame: (u ?? 0) - $.from * p / 1e3,
           size: {
             width: ((R = B.details) == null ? void 0 : R.width) || 0,
             height: ((X = B.details) == null ? void 0 : X.height) || 0
@@ -7399,14 +7415,14 @@ function Cs({
         isAnimationEditor: r.isAnimationEditor,
         insideTemplate: !0,
         size: l,
-        frame: (u ?? 0) - x.from * p / 1e3
+        frame: (u ?? 0) - $.from * p / 1e3
       });
     }
-    const S = y[k[0].id], M = (((P = S == null ? void 0 : S.display) == null ? void 0 : P.from) || 0) / 1e3 * r.fps;
-    return /* @__PURE__ */ f(dn, { from: M, children: k.map((B) => {
+    const M = y[I[0].id], w = (((P = M == null ? void 0 : M.display) == null ? void 0 : P.from) || 0) / 1e3 * r.fps;
+    return /* @__PURE__ */ f(dn, { from: w, children: I.map((B) => {
       if (B.type === "transition") {
-        const V = B.duration / 1e3 * p, Y = oo[B.kind];
-        return Y ? Y({
+        const V = B.duration / 1e3 * p, F = oo[B.kind];
+        return F ? F({
           durationInFrames: V,
           id: B.id,
           direction: B.direction,
@@ -7422,7 +7438,7 @@ function Cs({
         isTransition: !0,
         size: l
       });
-    }) }, w);
+    }) }, S);
   });
   return gt({ children: N, item: t, options: r });
 }
@@ -7431,7 +7447,7 @@ function zs({
   options: r,
   renderSequenceItem: n
 }) {
-  var k, w, S, M;
+  var I, S, M, w;
   const {
     editableTextId: s,
     itemsTemplateIds: c,
@@ -7441,7 +7457,7 @@ function zs({
     onTextBlur: h,
     handleTextChange: e,
     itemStructure: l
-  } = r, { animations: p } = t, { durationInFrames: d } = wt(t.display, i), { animationIn: u, animationOut: b, animationTimed: y } = Ft(
+  } = r, { animations: p } = t, { durationInFrames: d } = wt(t.display, i), { animationIn: u, animationOut: b, animationTimed: y } = Yt(
     p,
     t,
     o,
@@ -7451,9 +7467,9 @@ function zs({
     trackItemIds: or(c || []),
     transitionsMap: {},
     trackItemsMap: v
-  }).map((F, R) => {
-    if (F.length === 1) {
-      const X = v[F[0].id];
+  }).map((Y, R) => {
+    if (Y.length === 1) {
+      const X = v[Y[0].id];
       if (!X) return null;
       let P = R;
       if (l) {
@@ -7472,12 +7488,12 @@ function zs({
       }) : null;
     }
     return null;
-  }), m = g && g.map((F) => F), $ = (o || 0) - t.display.from * i / 1e3, N = /* @__PURE__ */ f(
+  }), m = g && g.map((Y) => Y), x = (o || 0) - t.display.from * i / 1e3, N = /* @__PURE__ */ f(
     Gt,
     {
       animationIn: u,
       animationOut: b,
-      frame: $,
+      frame: x,
       durationInFrames: d,
       style: {
         width: t.details.width,
@@ -7488,7 +7504,7 @@ function zs({
         {
           animationTimed: y,
           durationInFrames: d,
-          frame: $,
+          frame: x,
           style: {
             width: t.details.width,
             height: t.details.height
@@ -7498,15 +7514,15 @@ function zs({
             {
               item: t,
               keyframeAnimations: [
-                ...((k = p == null ? void 0 : p.in) == null ? void 0 : k.composition) || [],
-                ...((w = p == null ? void 0 : p.out) == null ? void 0 : w.composition) || [],
-                ...((S = p == null ? void 0 : p.timed) == null ? void 0 : S.composition) || [],
-                ...((M = p == null ? void 0 : p.loop) == null ? void 0 : M.composition) || [],
+                ...((I = p == null ? void 0 : p.in) == null ? void 0 : I.composition) || [],
+                ...((S = p == null ? void 0 : p.out) == null ? void 0 : S.composition) || [],
+                ...((M = p == null ? void 0 : p.timed) == null ? void 0 : M.composition) || [],
+                ...((w = p == null ? void 0 : p.loop) == null ? void 0 : w.composition) || [],
                 ...u || [],
                 ...b || [],
                 ...y || []
               ],
-              frame: $,
+              frame: x,
               durationInFrames: d,
               children: m
             }
@@ -7582,7 +7598,7 @@ export {
   ln as calculateMediaStyles,
   Dt as calculateTextStyles,
   Vr as getAnimatedRemotionEffects,
-  Ft as getAnimations,
+  Yt as getAnimations,
   xn as getEffectsCssInfo,
   Jn as groupTrackItems,
   Wr as mapRemotionEffects