@cliquify.me/elements-ui 8.0.3 → 8.0.4

package/dist/index.es.js

@@ -1,13 +1,13 @@
-var Ao = Object.defineProperty;
-var Uo = (t, n, r) => n in t ? Ao(t, n, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[n] = r;
-var Pt = (t, n, r) => Uo(t, typeof n != "symbol" ? n + "" : n, r);
-import { jsx as f, jsxs as yt, Fragment as Mt } from "react/jsx-runtime";
-import { Sequence as Po, AbsoluteFill as po, Audio as Wo, Easing as w, interpolate as W, HtmlInCanvas as Ko, useCurrentFrame as wt, OffthreadVideo as Dt, Img as At, spring as xt, useVideoConfig as Jo, random as qo } from "remotion";
-import { TransitionSeries as Vo, Transitions as To } from "@cliquify.me/transitions";
-import { BoxAnim as Zt, ContentAnim as Ut, MaskAnim as co } from "@cliquify.me/animations";
+var Qo = Object.defineProperty;
+var Uo = (t, n, r) => n in t ? Qo(t, n, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[n] = r;
+var Wt = (t, n, r) => Uo(t, typeof n != "symbol" ? n + "" : n, r);
+import { jsx as f, jsxs as vt, Fragment as kt } from "react/jsx-runtime";
+import { Sequence as Po, AbsoluteFill as po, Audio as Wo, Easing as w, interpolate as W, HtmlInCanvas as Ko, useCurrentFrame as Yt, OffthreadVideo as Dt, Img as Qt, spring as St, useVideoConfig as Jo, random as qo } from "remotion";
+import { TransitionSeries as Eo, Transitions as To } from "@cliquify.me/transitions";
+import { BoxAnim as At, ContentAnim as Ut, MaskAnim as co } from "@cliquify.me/animations";
 import Do from "@emotion/styled";
 import { css as tn } from "@emotion/react";
-import Wt, { useCallback as on, useSyncExternalStore as nn, Component as rn, useMemo as to, useState as fo, useRef as mo, useEffect as eo } from "react";
+import Et, { useCallback as on, useSyncExternalStore as nn, Component as rn, useMemo as to, useState as fo, useRef as mo, useEffect as eo } from "react";
 import { blur as en } from "@remotion/effects/blur";
 import { vignette as cn } from "@remotion/effects/vignette";
 import { chromaticAberration as sn } from "@remotion/effects/chromatic-aberration";
@@ -23,7 +23,7 @@ import { lightLeak as yn } from "@remotion/effects/light-leak";
 import { getAudioData as bn, visualizeAudio as gn } from "@remotion/media-utils";
 import { isEqual as vn, cloneDeep as Tt } from "lodash";
 import { Rect as xn, Circle as $n, Triangle as Mn, Star as Sn, Polygon as In, Ellipse as kn } from "@remotion/shapes";
-const $t = (t, n) => {
+const It = (t, n) => {
   const r = t.from / 1e3 * n, s = t.to / 1e3 * n - r;
   return { from: r, durationInFrames: s };
 }, wn = (t, n) => ({
@@ -32,7 +32,7 @@ const $t = (t, n) => {
   top: -(n.y || 0),
   left: -(n.x || 0),
   position: "absolute"
-}), Eo = (t, n, r = {}) => {
+}), Vo = (t, n, r = {}) => {
   const s = `${Math.min(
     n.width || t.width || 0,
     n.height || t.height || 0
@@ -63,7 +63,7 @@ const $t = (t, n) => {
     pointerEvents: "none",
     zIndex: 10
   };
-}, Ct = (t) => ({
+}, Gt = (t) => ({
   position: "relative",
   textDecoration: t.textDecoration || "none",
   WebkitTextStroke: `${t.borderWidth}px ${t.borderColor}`,
@@ -153,13 +153,13 @@ const $t = (t, n) => {
       }
     )
   }
-), mt = ({
+), gt = ({
   item: t,
   options: n,
   children: r
 }) => {
   var m, v;
-  const { details: s } = t, { fps: e, isTransition: a } = n, { from: d, durationInFrames: o } = $t(
+  const { details: s } = t, { fps: e, isTransition: a } = n, { from: d, durationInFrames: o } = It(
     {
       from: t.display.from,
       to: t.display.to
@@ -168,18 +168,18 @@ const $t = (t, n) => {
   ), p = s.crop || {
     width: t.details.width,
     height: t.details.height
-  }, c = ((m = s == null ? void 0 : s.background) == null ? void 0 : m.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", i = ["template", "composition"].includes(t.type), l = ["image", "video"].includes(t.type), h = ["text", "caption"].includes(t.type);
+  }, c = ((m = s == null ? void 0 : s.background) == null ? void 0 : m.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", h = ["template", "composition"].includes(t.type), l = ["image", "video"].includes(t.type), i = ["text", "caption"].includes(t.type);
   let u = Kt(s, p, { background: c });
   if (l) {
-    const { background: b, ...$ } = u;
-    u = $;
+    const { background: b, ...x } = u;
+    u = x;
   }
-  h && delete u.boxShadow;
-  const y = i ? "!pointer-events-auto" : "";
-  return a ? /* @__PURE__ */ yt(
-    Vo.Sequence,
+  i && delete u.boxShadow;
+  const y = h ? "!pointer-events-auto" : "";
+  return a ? /* @__PURE__ */ vt(
+    Eo.Sequence,
     {
-      durationInFrames: o,
+      durationInFrames: o + 1,
       premountFor: t.type === "video" || t.type === "audio" || t.type === "image" ? 100 : void 0,
       style: { pointerEvents: "none" },
       children: [
@@ -211,7 +211,7 @@ const $t = (t, n) => {
       ]
     },
     t.id
-  ) : /* @__PURE__ */ yt(
+  ) : /* @__PURE__ */ vt(
     Po,
     {
       from: d,
@@ -265,9 +265,9 @@ function Re({
       volume: s.volume / 100
     }
   );
-  return mt({ item: t, options: n, children: a });
+  return gt({ item: t, options: n, children: a });
 }
-const It = (t, n, r, s) => {
+const Nt = (t, n, r, s) => {
   let e = null, a = null, d = null, o = null;
   return t != null && t.in && (e = [], t.in.composition.forEach((p) => {
     e.push({
@@ -297,9 +297,9 @@ const It = (t, n, r, s) => {
       delay: p.delay
     });
   })), t != null && t.timed && s !== void 0 && r !== void 0 && (o = [], t.timed.composition.forEach((p) => {
-    const c = p.delay, i = n.display.from * s / 1e3, h = r - i - c >= 0;
+    const c = p.delay, h = n.display.from * s / 1e3, i = r - h - c >= 0;
     o.push({
-      property: h ? p.property : "none",
+      property: i ? p.property : "none",
       from: Number(p.from || 0),
       to: Number(p.to || 0),
       durationInFrames: p.durationInFrames,
@@ -398,15 +398,15 @@ const It = (t, n, r, s) => {
   animation: d,
   playerRef: o
 }) => {
-  const p = Yn(o || null), { start: c, end: i } = t, l = (c + n) / 1e3 * 30, h = (i + n) / 1e3 * 30, u = p > l && p < h, y = p > l, m = u ? r : y ? e : a, v = Pn.includes(d) ? u ? 1.2 : 0.9 : 1, b = t.word.length, $ = h - l, g = Math.min(
+  const p = Yn(o || null), { start: c, end: h } = t, l = (c + n) / 1e3 * 30, i = (h + n) / 1e3 * 30, u = p > l && p < i, y = p > l, m = u ? r : y ? e : a, v = Pn.includes(d) ? u ? 1.2 : 0.9 : 1, b = t.word.length, x = i - l, g = Math.min(
     b,
     Math.floor(
-      (p - l) / $ * b
+      (p - l) / x * b
     )
-  ), M = d === "letteeTracy" ? W(p, [l, h], [0, 1], {
+  ), M = d === "letteeTracy" ? W(p, [l, i], [0, 1], {
     extrapolateLeft: "clamp",
     extrapolateRight: "clamp"
-  }) : 1, x = Xn.includes(d) ? t.word.slice(0, g) : t.word;
+  }) : 1, $ = Xn.includes(d) ? t.word.slice(0, g) : t.word;
   return /* @__PURE__ */ f(
     Rn,
     {
@@ -416,7 +416,7 @@ const It = (t, n, r, s) => {
       scale: v,
       animation: d,
       style: { opacity: M },
-      children: x
+      children: $
     }
   );
 };
@@ -424,13 +424,13 @@ function Xe({
   item: t,
   options: n
 }) {
-  const { fps: r, frame: s } = n, { details: e, display: a, animations: d } = t, { animationIn: o, animationOut: p, animationTimed: c } = It(
+  const { fps: r, frame: s } = n, { details: e, display: a, animations: d } = t, { animationIn: o, animationOut: p, animationTimed: c } = Nt(
     d,
     t,
     s,
     r
-  ), { from: i, durationInFrames: l } = $t(t.display, r), [h] = e.words, u = a.from - h.start;
-  let y = Math.max((s ?? 0) - i, 0), m = {};
+  ), { from: h, durationInFrames: l } = It(t.display, r), [i] = e.words, u = a.from - i.start;
+  let y = Math.max((s ?? 0) - h, 0), m = {};
   switch (e == null ? void 0 : e.animation) {
     case "letterElla":
       m = Fn(y);
@@ -458,8 +458,8 @@ function Xe({
     ...m.scale !== void 0 && {
       transform: `scale(${m.scale})`
     }
-  }, b = (s || 0) - t.display.from * r / 1e3, $ = /* @__PURE__ */ f(
-    Zt,
+  }, b = (s || 0) - t.display.from * r / 1e3, x = /* @__PURE__ */ f(
+    At,
     {
       style: Kt(e),
       animationIn: o,
@@ -476,7 +476,7 @@ function Xe({
             "div",
             {
               style: {
-                ...Ct(e),
+                ...Gt(e),
                 ...v,
                 transition: "transform 0.2s ease"
               },
@@ -500,43 +500,43 @@ function Xe({
       )
     }
   );
-  return mt({ item: t, options: n, children: $ });
+  return gt({ item: t, options: n, children: x });
 }
 const Pe = ({
   item: t,
   options: n
 }) => {
-  var h, u, y;
-  const { fps: r, frame: s } = n, { details: e, animations: a } = t, { animationIn: d, animationOut: o, animationTimed: p } = It(
+  var i, u, y;
+  const { fps: r, frame: s } = n, { details: e, animations: a } = t, { animationIn: d, animationOut: o, animationTimed: p } = Nt(
     a,
     t,
     s,
     r
-  ), { durationInFrames: c } = $t(t.display, r), i = (s || 0) - t.display.from * r / 1e3, l = /* @__PURE__ */ f(
-    Zt,
+  ), { durationInFrames: c } = It(t.display, r), h = (s || 0) - t.display.from * r / 1e3, l = /* @__PURE__ */ f(
+    At,
     {
       style: Kt(e),
       animationIn: d,
       animationOut: o,
-      frame: i,
+      frame: h,
       durationInFrames: c,
       children: /* @__PURE__ */ f(
         Ut,
         {
           animationTimed: p,
           durationInFrames: c,
-          frame: i,
+          frame: h,
           style: e,
           children: /* @__PURE__ */ f(
             co,
             {
               item: t,
               keyframeAnimations: [
-                ...((h = a == null ? void 0 : a.in) == null ? void 0 : h.composition) || [],
+                ...((i = a == null ? void 0 : a.in) == null ? void 0 : i.composition) || [],
                 ...((u = a == null ? void 0 : a.timed) == null ? void 0 : u.composition) || [],
                 ...((y = a == null ? void 0 : a.loop) == null ? void 0 : y.composition) || []
               ],
-              frame: i,
+              frame: h,
               children: /* @__PURE__ */ f("div", { dangerouslySetInnerHTML: { __html: t.details.svgString } })
             }
           )
@@ -544,7 +544,7 @@ const Pe = ({
       )
     }
   );
-  return mt({ item: t, options: n, children: l });
+  return gt({ item: t, options: n, children: l });
 };
 class yo extends rn {
   constructor(n) {
@@ -561,7 +561,7 @@ class yo extends rn {
     );
   }
   render() {
-    return this.state.hasError || !this.props.effects ? /* @__PURE__ */ f(Mt, { children: this.props.children }) : /* @__PURE__ */ f(
+    return this.state.hasError || !this.props.effects ? /* @__PURE__ */ f(kt, { children: this.props.children }) : /* @__PURE__ */ f(
       Ko,
       {
         width: this.props.width,
@@ -583,33 +583,33 @@ const Oo = ({
   width: o,
   height: p,
   borderRadius: c,
-  borderWidth: i,
+  borderWidth: h,
   borderColor: l,
-  boxShadow: h,
+  boxShadow: i,
   marqueeDetails: u,
   effects: y
 }) => {
-  const m = wt(), v = typeof r == "number" && !isNaN(r) ? r : m, b = Math.max(0, v - (s || 0)), $ = Math.min(1, Math.max(0, b / (e || 1))), g = o || 300, M = p || 300, x = (u == null ? void 0 : u.direction) || "horizontal", I = x === "static", k = Math.min(12, Math.max(1, Number((u == null ? void 0 : u.repeatX) ?? 5))), S = Math.min(12, Math.max(1, Number((u == null ? void 0 : u.repeatY) ?? 5))), Y = (u == null ? void 0 : u.baseSpeed) !== void 0 ? Number(u.baseSpeed) : 0.25, N = (u == null ? void 0 : u.speedVariation) !== void 0 ? Number(u.speedVariation) : 0.5, E = u != null && u.hasInitialValue && (u == null ? void 0 : u.initialBaseSpeed) !== void 0 ? Number(u.initialBaseSpeed) : Y, F = u != null && u.hasInitialValue ? E + (Y - E) * $ : Y, X = I ? 0 : F * 80, P = I ? 0 : F * 80, L = (u == null ? void 0 : u.scaleFactor) !== void 0 ? Number(u.scaleFactor) : 1, V = u != null && u.hasInitialValue && (u == null ? void 0 : u.initialScaleFactor) !== void 0 ? Number(u.initialScaleFactor) : L, O = u != null && u.hasInitialValue ? V + (L - V) * $ : L, C = (u == null ? void 0 : u.lineOffset) !== void 0 ? Number(u.lineOffset) : 0.5, B = g / k, z = M / S, et = (u == null ? void 0 : u.gapX) !== void 0 ? Number(u.gapX) : 60, q = (u == null ? void 0 : u.gapY) !== void 0 ? Number(u.gapY) : 60, Z = et / 60 * Math.min(20, B * 0.2), K = q / 60 * Math.min(20, z * 0.2), T = Math.max(
+  const m = Yt(), v = typeof r == "number" && !isNaN(r) ? r : m, b = Math.max(0, v - (s || 0)), x = Math.min(1, Math.max(0, b / (e || 1))), g = o || 300, M = p || 300, $ = (u == null ? void 0 : u.direction) || "horizontal", I = $ === "static", k = Math.min(12, Math.max(1, Number((u == null ? void 0 : u.repeatX) ?? 5))), S = Math.min(12, Math.max(1, Number((u == null ? void 0 : u.repeatY) ?? 5))), Y = (u == null ? void 0 : u.baseSpeed) !== void 0 ? Number(u.baseSpeed) : 0.25, N = (u == null ? void 0 : u.speedVariation) !== void 0 ? Number(u.speedVariation) : 0.5, V = u != null && u.hasInitialValue && (u == null ? void 0 : u.initialBaseSpeed) !== void 0 ? Number(u.initialBaseSpeed) : Y, F = u != null && u.hasInitialValue ? V + (Y - V) * x : Y, X = I ? 0 : F * 80, P = I ? 0 : F * 80, G = (u == null ? void 0 : u.scaleFactor) !== void 0 ? Number(u.scaleFactor) : 1, E = u != null && u.hasInitialValue && (u == null ? void 0 : u.initialScaleFactor) !== void 0 ? Number(u.initialScaleFactor) : G, O = u != null && u.hasInitialValue ? E + (G - E) * x : G, C = (u == null ? void 0 : u.lineOffset) !== void 0 ? Number(u.lineOffset) : 0.5, B = g / k, z = M / S, et = (u == null ? void 0 : u.gapX) !== void 0 ? Number(u.gapX) : 60, T = (u == null ? void 0 : u.gapY) !== void 0 ? Number(u.gapY) : 60, Z = et / 60 * Math.min(20, B * 0.2), J = T / 60 * Math.min(20, z * 0.2), D = Math.max(
     10,
     (B - Z) * Math.max(0.1, O)
-  ), ct = Math.max(
+  ), st = Math.max(
     10,
-    (z - K) * Math.max(0.1, O)
-  ), lt = h ? typeof h == "string" ? h : `${h.x ?? 0}px ${h.y ?? 0}px ${h.blur ?? 0}px ${h.color ?? ""}` : void 0, G = x === "vertical" || x === "up" || x === "down", D = x === "diagonal", U = S + ((G || D) && P > 0 ? 2 : 0), tt = k + ((!G || D) && X > 0 ? 2 : 0), Q = (U - 1) / 2, A = (tt - 1) / 2, ut = Array.from({ length: U }, (J, nt) => nt - Q), vt = Array.from({ length: tt }, (J, nt) => nt - A), it = (J, nt, ot, st) => /* @__PURE__ */ f(
+    (z - J) * Math.max(0.1, O)
+  ), mt = i ? typeof i == "string" ? i : `${i.x ?? 0}px ${i.y ?? 0}px ${i.blur ?? 0}px ${i.color ?? ""}` : void 0, L = $ === "vertical" || $ === "up" || $ === "down", tt = $ === "diagonal", U = S + ((L || tt) && P > 0 ? 2 : 0), ot = k + ((!L || tt) && X > 0 ? 2 : 0), A = (U - 1) / 2, Q = (ot - 1) / 2, lt = Array.from({ length: U }, (q, rt) => rt - A), Mt = Array.from({ length: ot }, (q, rt) => rt - Q), pt = (q, rt, nt, dt) => /* @__PURE__ */ f(
     "div",
     {
       style: {
         position: "absolute",
-        left: `calc(50% + ${nt}px)`,
-        top: `calc(50% + ${ot}px)`,
+        left: `calc(50% + ${rt}px)`,
+        top: `calc(50% + ${nt}px)`,
         transform: "translate(-50%, -50%)",
-        width: `${T}px`,
-        height: `${ct}px`,
+        width: `${D}px`,
+        height: `${st}px`,
         borderRadius: c || 0,
-        boxShadow: lt,
-        opacity: st ? 1 : 0.85
+        boxShadow: mt,
+        opacity: dt ? 1 : 0.85
       },
-      children: /* @__PURE__ */ yt(
+      children: /* @__PURE__ */ vt(
         "div",
         {
           style: {
@@ -631,7 +631,7 @@ const Oo = ({
                 }
               }
             ) : /* @__PURE__ */ f(
-              At,
+              Qt,
               {
                 src: t,
                 style: {
@@ -641,14 +641,14 @@ const Oo = ({
                 }
               }
             ),
-            i && l ? /* @__PURE__ */ f(
+            h && l ? /* @__PURE__ */ f(
               "div",
               {
                 style: {
                   position: "absolute",
                   inset: 0,
                   borderRadius: c || 0,
-                  border: `${i}px solid ${l}`,
+                  border: `${h}px solid ${l}`,
                   boxSizing: "border-box",
                   pointerEvents: "none"
                 }
@@ -658,9 +658,9 @@ const Oo = ({
         }
       )
     },
-    J
+    q
   );
-  return G ? /* @__PURE__ */ f(
+  return L ? /* @__PURE__ */ f(
     "div",
     {
       style: {
@@ -670,22 +670,22 @@ const Oo = ({
         overflow: "hidden",
         borderRadius: c || 0
       },
-      children: vt.map((J, nt) => {
-        let ot = nt % 2 === 0 ? 1 : -1;
-        x === "up" && (ot = -1), x === "down" && (ot = 1);
-        const st = 1 + nt % 2 * (N * 0.5), at = P > 0 && ot !== 0 ? ot * (v * P * st) + J * (z * C) : J * (z * C), ft = P === 0 || ot === 0 ? 0 : (at % z + z) % z;
-        return ut.map((bt, St) => {
-          const pt = J * B, gt = bt * z + ft;
-          return it(
-            `v-${nt}-${St}`,
-            pt,
-            gt,
-            bt === 0 && J === 0
+      children: Mt.map((q, rt) => {
+        let nt = rt % 2 === 0 ? 1 : -1;
+        $ === "up" && (nt = -1), $ === "down" && (nt = 1);
+        const dt = 1 + rt % 2 * (N * 0.5), it = P > 0 && nt !== 0 ? nt * (v * P * dt) + q * (z * C) : q * (z * C), yt = P === 0 || nt === 0 ? 0 : (it % z + z) % z;
+        return lt.map((xt, wt) => {
+          const ft = q * B, $t = xt * z + yt;
+          return pt(
+            `v-${rt}-${wt}`,
+            ft,
+            $t,
+            xt === 0 && q === 0
           );
         });
       })
     }
-  ) : D ? /* @__PURE__ */ f(
+  ) : tt ? /* @__PURE__ */ f(
     "div",
     {
       style: {
@@ -695,15 +695,15 @@ const Oo = ({
         overflow: "hidden",
         borderRadius: c || 0
       },
-      children: ut.map((J, nt) => {
-        const ot = nt % 2 === 0 ? 1 : -1, st = nt % 2 === 0 ? 1 : -1, at = 1 + nt % 2 * (N * 0.5), ft = X > 0 ? ot * (v * X * at) + J * (B * C) : J * (B * C), bt = X === 0 ? 0 : (ft % B + B) % B, St = P > 0 ? st * (v * P * at) + J * (z * C) : J * (z * C), pt = P === 0 ? 0 : (St % z + z) % z;
-        return vt.map((gt, Nt) => {
-          const Yt = gt * B + bt, Ft = J * z + pt;
-          return it(
-            `d-${nt}-${Nt}`,
-            Yt,
-            Ft,
-            J === 0 && gt === 0
+      children: lt.map((q, rt) => {
+        const nt = rt % 2 === 0 ? 1 : -1, dt = rt % 2 === 0 ? 1 : -1, it = 1 + rt % 2 * (N * 0.5), yt = X > 0 ? nt * (v * X * it) + q * (B * C) : q * (B * C), xt = X === 0 ? 0 : (yt % B + B) % B, wt = P > 0 ? dt * (v * P * it) + q * (z * C) : q * (z * C), ft = P === 0 ? 0 : (wt % z + z) % z;
+        return Mt.map(($t, Ft) => {
+          const Rt = $t * B + xt, Xt = q * z + ft;
+          return pt(
+            `d-${rt}-${Ft}`,
+            Rt,
+            Xt,
+            q === 0 && $t === 0
           );
         });
       })
@@ -718,17 +718,17 @@ const Oo = ({
         overflow: "hidden",
         borderRadius: c || 0
       },
-      children: ut.map((J, nt) => {
-        let ot = nt % 2 === 0 ? 1 : -1;
-        x === "left" && (ot = -1), x === "right" && (ot = 1);
-        const st = 1 + nt % 2 * (N * 0.5), at = X > 0 && ot !== 0 ? ot * (v * X * st) + J * (B * C) : J * (B * C), ft = X === 0 || ot === 0 ? 0 : (at % B + B) % B;
-        return vt.map((bt, St) => {
-          const pt = bt * B + ft, gt = J * z;
-          return it(
-            `h-${nt}-${St}`,
-            pt,
-            gt,
-            J === 0 && bt === 0
+      children: lt.map((q, rt) => {
+        let nt = rt % 2 === 0 ? 1 : -1;
+        $ === "left" && (nt = -1), $ === "right" && (nt = 1);
+        const dt = 1 + rt % 2 * (N * 0.5), it = X > 0 && nt !== 0 ? nt * (v * X * dt) + q * (B * C) : q * (B * C), yt = X === 0 || nt === 0 ? 0 : (it % B + B) % B;
+        return Mt.map((xt, wt) => {
+          const ft = xt * B + yt, $t = q * z;
+          return pt(
+            `h-${rt}-${wt}`,
+            ft,
+            $t,
+            q === 0 && xt === 0
           );
         });
       })
@@ -745,16 +745,16 @@ const Oo = ({
   width: o,
   height: p,
   borderRadius: c,
-  borderWidth: i,
+  borderWidth: h,
   borderColor: l,
-  boxShadow: h,
+  boxShadow: i,
   echoesDetails: u,
   effects: y
 }) => {
-  const m = wt(), v = typeof r == "number" && !isNaN(r) ? r : m, b = o || 300, $ = p || 300, g = (u == null ? void 0 : u.keepStill) || "both", M = Number((u == null ? void 0 : u.toRepeatCount) ?? 5), x = Number((u == null ? void 0 : u.toScaleDown) ?? 0.3), I = Number((u == null ? void 0 : u.toCenterX) ?? 0.5), k = Number((u == null ? void 0 : u.toCenterY) ?? 0.5), S = (u == null ? void 0 : u.initialRepeatCount) !== void 0 ? Number(u.initialRepeatCount) : M, Y = (u == null ? void 0 : u.initialScaleDown) !== void 0 ? Number(u.initialScaleDown) : 1, N = (u == null ? void 0 : u.initialCenterX) !== void 0 ? Number(u.initialCenterX) : I, E = (u == null ? void 0 : u.initialCenterY) !== void 0 ? Number(u.initialCenterY) : k, F = Math.max(0, v - (s || 0)), X = Math.min(1, Math.max(0, F / (e || 1)));
-  let L = a + (d - a) * X;
-  g === "initial" ? L = 0 : g === "final" && (L = 1);
-  const V = Math.max(1, Math.round(W(L, [0, 1], [S, M]))), O = W(L, [0, 1], [Y, x]), C = W(L, [0, 1], [N, I]), B = W(L, [0, 1], [E, k]), z = h ? typeof h == "string" ? h : `${h.x ?? 0}px ${h.y ?? 0}px ${h.blur ?? 0}px ${h.color ?? ""}` : void 0, et = Array.from({ length: V }, (q, Z) => Z);
+  const m = Yt(), v = typeof r == "number" && !isNaN(r) ? r : m, b = o || 300, x = p || 300, g = (u == null ? void 0 : u.keepStill) || "both", M = Number((u == null ? void 0 : u.toRepeatCount) ?? 5), $ = Number((u == null ? void 0 : u.toScaleDown) ?? 0.3), I = Number((u == null ? void 0 : u.toCenterX) ?? 0.5), k = Number((u == null ? void 0 : u.toCenterY) ?? 0.5), S = (u == null ? void 0 : u.initialRepeatCount) !== void 0 ? Number(u.initialRepeatCount) : M, Y = (u == null ? void 0 : u.initialScaleDown) !== void 0 ? Number(u.initialScaleDown) : 1, N = (u == null ? void 0 : u.initialCenterX) !== void 0 ? Number(u.initialCenterX) : I, V = (u == null ? void 0 : u.initialCenterY) !== void 0 ? Number(u.initialCenterY) : k, F = Math.max(0, v - (s || 0)), X = Math.min(1, Math.max(0, F / (e || 1)));
+  let G = a + (d - a) * X;
+  g === "initial" ? G = 0 : g === "final" && (G = 1);
+  const E = Math.max(1, Math.round(W(G, [0, 1], [S, M]))), O = W(G, [0, 1], [Y, $]), C = W(G, [0, 1], [N, I]), B = W(G, [0, 1], [V, k]), z = i ? typeof i == "string" ? i : `${i.x ?? 0}px ${i.y ?? 0}px ${i.blur ?? 0}px ${i.color ?? ""}` : void 0, et = Array.from({ length: E }, (T, Z) => Z);
   return /* @__PURE__ */ f(
     "div",
     {
@@ -765,8 +765,8 @@ const Oo = ({
         overflow: "hidden",
         borderRadius: c || 0
       },
-      children: et.map((q) => {
-        const Z = V > 1 ? q / (V - 1) : 0, K = 1 - Z * (1 - Math.max(0.01, O)), T = (C - 0.5) * b * Z, ct = (B - 0.5) * $ * Z;
+      children: et.map((T) => {
+        const Z = E > 1 ? T / (E - 1) : 0, J = 1 - Z * (1 - Math.max(0.01, O)), D = (C - 0.5) * b * Z, st = (B - 0.5) * x * Z;
         return /* @__PURE__ */ f(
           "div",
           {
@@ -775,14 +775,14 @@ const Oo = ({
               left: "50%",
               top: "50%",
               width: `${b}px`,
-              height: `${$}px`,
-              transform: `translate(-50%, -50%) translate(${T}px, ${ct}px) scale(${K})`,
+              height: `${x}px`,
+              transform: `translate(-50%, -50%) translate(${D}px, ${st}px) scale(${J})`,
               transformOrigin: "center center",
               borderRadius: c || 0,
               boxShadow: z,
-              zIndex: q + 1
+              zIndex: T + 1
             },
-            children: /* @__PURE__ */ yt(
+            children: /* @__PURE__ */ vt(
               "div",
               {
                 style: {
@@ -804,7 +804,7 @@ const Oo = ({
                       }
                     }
                   ) : /* @__PURE__ */ f(
-                    At,
+                    Qt,
                     {
                       src: t,
                       style: {
@@ -814,14 +814,14 @@ const Oo = ({
                       }
                     }
                   ),
-                  i && l ? /* @__PURE__ */ f(
+                  h && l ? /* @__PURE__ */ f(
                     "div",
                     {
                       style: {
                         position: "absolute",
                         inset: 0,
                         borderRadius: c || 0,
-                        border: `${i}px solid ${l}`,
+                        border: `${h}px solid ${l}`,
                         boxSizing: "border-box",
                         pointerEvents: "none"
                       }
@@ -831,12 +831,12 @@ const Oo = ({
               }
             )
           },
-          `echo-${q}`
+          `echo-${T}`
         );
       })
     }
   );
-}, Lo = ({
+}, Go = ({
   src: t,
   isVideo: n,
   frame: r,
@@ -847,13 +847,13 @@ const Oo = ({
   width: o,
   height: p,
   borderRadius: c,
-  borderWidth: i,
+  borderWidth: h,
   borderColor: l,
-  boxShadow: h,
+  boxShadow: i,
   wiggleDetails: u,
   effects: y
 }) => {
-  const m = wt(), v = typeof r == "number" && !isNaN(r) ? r : m, b = o || 300, $ = p || 300, g = Number((u == null ? void 0 : u.wiggleX) ?? 20), M = Number((u == null ? void 0 : u.wiggleY) ?? 20), x = Number((u == null ? void 0 : u.speed) ?? 3), I = Number((u == null ? void 0 : u.angle) ?? 10), k = Number((u == null ? void 0 : u.seed) ?? 1), S = u != null && u.hasInitialValue && (u == null ? void 0 : u.initialWiggleX) !== void 0 ? Number(u.initialWiggleX) : g, Y = u != null && u.hasInitialValue && (u == null ? void 0 : u.initialWiggleY) !== void 0 ? Number(u.initialWiggleY) : M, N = u != null && u.hasInitialValue && (u == null ? void 0 : u.initialSpeed) !== void 0 ? Number(u.initialSpeed) : x, E = u != null && u.hasInitialValue && (u == null ? void 0 : u.initialAngle) !== void 0 ? Number(u.initialAngle) : I, F = Math.max(0, v - (s || 0)), X = Math.min(1, Math.max(0, F / (e || 1))), P = u != null && u.hasInitialValue ? S + (g - S) * X : g, L = u != null && u.hasInitialValue ? Y + (M - Y) * X : M, V = u != null && u.hasInitialValue ? N + (x - N) * X : x, O = u != null && u.hasInitialValue ? E + (I - E) * X : I, C = v * (V * 0.08), B = k * 12.345, z = Math.sin(C + B) * Math.cos(C * 0.65 + B) * P, et = Math.cos(C * 0.85 + B) * Math.sin(C * 1.15 + B) * L, q = Math.sin(C * 0.9 + B * 1.35) * O, Z = h ? typeof h == "string" ? h : `${h.x ?? 0}px ${h.y ?? 0}px ${h.blur ?? 0}px ${h.color ?? ""}` : void 0;
+  const m = Yt(), v = typeof r == "number" && !isNaN(r) ? r : m, b = o || 300, x = p || 300, g = Number((u == null ? void 0 : u.wiggleX) ?? 20), M = Number((u == null ? void 0 : u.wiggleY) ?? 20), $ = Number((u == null ? void 0 : u.speed) ?? 3), I = Number((u == null ? void 0 : u.angle) ?? 10), k = Number((u == null ? void 0 : u.seed) ?? 1), S = u != null && u.hasInitialValue && (u == null ? void 0 : u.initialWiggleX) !== void 0 ? Number(u.initialWiggleX) : g, Y = u != null && u.hasInitialValue && (u == null ? void 0 : u.initialWiggleY) !== void 0 ? Number(u.initialWiggleY) : M, N = u != null && u.hasInitialValue && (u == null ? void 0 : u.initialSpeed) !== void 0 ? Number(u.initialSpeed) : $, V = u != null && u.hasInitialValue && (u == null ? void 0 : u.initialAngle) !== void 0 ? Number(u.initialAngle) : I, F = Math.max(0, v - (s || 0)), X = Math.min(1, Math.max(0, F / (e || 1))), P = u != null && u.hasInitialValue ? S + (g - S) * X : g, G = u != null && u.hasInitialValue ? Y + (M - Y) * X : M, E = u != null && u.hasInitialValue ? N + ($ - N) * X : $, O = u != null && u.hasInitialValue ? V + (I - V) * X : I, C = v * (E * 0.08), B = k * 12.345, z = Math.sin(C + B) * Math.cos(C * 0.65 + B) * P, et = Math.cos(C * 0.85 + B) * Math.sin(C * 1.15 + B) * G, T = Math.sin(C * 0.9 + B * 1.35) * O, Z = i ? typeof i == "string" ? i : `${i.x ?? 0}px ${i.y ?? 0}px ${i.blur ?? 0}px ${i.color ?? ""}` : void 0;
   return /* @__PURE__ */ f(
     "div",
     {
@@ -863,16 +863,16 @@ const Oo = ({
         position: "relative",
         overflow: "visible"
       },
-      children: /* @__PURE__ */ yt(
+      children: /* @__PURE__ */ vt(
         "div",
         {
           style: {
             width: `${b}px`,
-            height: `${$}px`,
+            height: `${x}px`,
             position: "absolute",
             left: "50%",
             top: "50%",
-            transform: `translate(-50%, -50%) translate(${z}px, ${et}px) rotate(${q}deg)`,
+            transform: `translate(-50%, -50%) translate(${z}px, ${et}px) rotate(${T}deg)`,
             transformOrigin: "center center",
             borderRadius: c || 0,
             boxShadow: Z,
@@ -890,7 +890,7 @@ const Oo = ({
                 }
               }
             ) : /* @__PURE__ */ f(
-              At,
+              Qt,
               {
                 src: t,
                 style: {
@@ -900,14 +900,14 @@ const Oo = ({
                 }
               }
             ),
-            i && l ? /* @__PURE__ */ f(
+            h && l ? /* @__PURE__ */ f(
               "div",
               {
                 style: {
                   position: "absolute",
                   inset: 0,
                   borderRadius: c || 0,
-                  border: `${i}px solid ${l}`,
+                  border: `${h}px solid ${l}`,
                   boxSizing: "border-box",
                   pointerEvents: "none"
                 }
@@ -929,26 +929,26 @@ const Oo = ({
   borderRadius: o,
   boxShadow: p,
   cardFlipDetails: c,
-  children: i,
+  children: h,
   style: l = {}
 }) => {
-  const h = wt(), u = typeof t == "number" && !isNaN(t) ? t : h, y = a || 300, m = d || 300, v = (c == null ? void 0 : c.keepStill) || "both", b = Number((c == null ? void 0 : c.toRotationX) ?? 0), $ = Number((c == null ? void 0 : c.toRotationY) ?? 360), g = Number((c == null ? void 0 : c.toRotationZ) ?? 0), M = Number((c == null ? void 0 : c.toPivotX) ?? 0), x = Number((c == null ? void 0 : c.toPivotY) ?? 0), I = Number((c == null ? void 0 : c.toPerspective) ?? 0.45), k = !!(c != null && c.hasInitialValue), S = k ? Number((c == null ? void 0 : c.initialRotationX) ?? 0) : 0, Y = k ? Number((c == null ? void 0 : c.initialRotationY) ?? 0) : 0, N = k ? Number((c == null ? void 0 : c.initialRotationZ) ?? 0) : 0, E = k ? Number((c == null ? void 0 : c.initialPivotX) ?? 0) : M, F = k ? Number((c == null ? void 0 : c.initialPivotY) ?? 0) : x, X = k ? Number((c == null ? void 0 : c.initialPerspective) ?? 0.45) : I, P = (c == null ? void 0 : c.frontFace) ?? !0, L = (c == null ? void 0 : c.backFace) ?? !0, V = Math.max(0, u - (n || 0)), O = Math.min(1, Math.max(0, V / (r || 1)));
+  const i = Yt(), u = typeof t == "number" && !isNaN(t) ? t : i, y = a || 300, m = d || 300, v = (c == null ? void 0 : c.keepStill) || "both", b = Number((c == null ? void 0 : c.toRotationX) ?? 0), x = Number((c == null ? void 0 : c.toRotationY) ?? 360), g = Number((c == null ? void 0 : c.toRotationZ) ?? 0), M = Number((c == null ? void 0 : c.toPivotX) ?? 0), $ = Number((c == null ? void 0 : c.toPivotY) ?? 0), I = Number((c == null ? void 0 : c.toPerspective) ?? 0.45), k = !!(c != null && c.hasInitialValue), S = k ? Number((c == null ? void 0 : c.initialRotationX) ?? 0) : 0, Y = k ? Number((c == null ? void 0 : c.initialRotationY) ?? 0) : 0, N = k ? Number((c == null ? void 0 : c.initialRotationZ) ?? 0) : 0, V = k ? Number((c == null ? void 0 : c.initialPivotX) ?? 0) : M, F = k ? Number((c == null ? void 0 : c.initialPivotY) ?? 0) : $, X = k ? Number((c == null ? void 0 : c.initialPerspective) ?? 0.45) : I, P = (c == null ? void 0 : c.frontFace) ?? !0, G = (c == null ? void 0 : c.backFace) ?? !0, E = Math.max(0, u - (n || 0)), O = Math.min(1, Math.max(0, E / (r || 1)));
   let B = s + (e - s) * O;
   v === "initial" ? B = 0 : v === "final" && (B = 1);
-  const z = W(B, [0, 1], [S, b]), et = W(B, [0, 1], [Y, $]), q = W(B, [0, 1], [N, g]), Z = W(B, [0, 1], [E, M]), K = W(B, [0, 1], [F, x]), T = W(B, [0, 1], [X, I]), ct = Math.max(y, m), lt = Math.max(
+  const z = W(B, [0, 1], [S, b]), et = W(B, [0, 1], [Y, x]), T = W(B, [0, 1], [N, g]), Z = W(B, [0, 1], [V, M]), J = W(B, [0, 1], [F, $]), D = W(B, [0, 1], [X, I]), st = Math.max(y, m), mt = Math.max(
     1200,
-    Math.round(ct * 2.5 / Math.max(0.05, T))
-  ), G = z * Math.PI / 180, D = et * Math.PI / 180, U = Math.cos(G) * Math.cos(D), tt = U >= 0, Q = U < 0;
-  let A = !0;
-  tt && !P && (A = !1), Q && !L && (A = !1);
-  const ut = p ? typeof p == "string" ? p : `${p.x ?? 0}px ${p.y ?? 0}px ${p.blur ?? 0}px ${p.color ?? ""}` : void 0;
+    Math.round(st * 2.5 / Math.max(0.05, D))
+  ), L = z * Math.PI / 180, tt = et * Math.PI / 180, U = Math.cos(L) * Math.cos(tt), ot = U >= 0, A = U < 0;
+  let Q = !0;
+  ot && !P && (Q = !1), A && !G && (Q = !1);
+  const lt = p ? typeof p == "string" ? p : `${p.x ?? 0}px ${p.y ?? 0}px ${p.blur ?? 0}px ${p.color ?? ""}` : void 0;
   return /* @__PURE__ */ f(
     "div",
     {
       style: {
         width: "100%",
         height: "100%",
-        perspective: `${lt}px`,
+        perspective: `${mt}px`,
         transformStyle: "preserve-3d",
         position: "relative",
         ...l
@@ -959,20 +959,20 @@ const Oo = ({
           style: {
             width: "100%",
             height: "100%",
-            transformOrigin: `${50 + Z}% ${50 + K}%`,
-            transform: `rotateX(${z}deg) rotateY(${et}deg) rotateZ(${q}deg)`,
-            backfaceVisibility: L ? "visible" : "hidden",
-            visibility: A ? "visible" : "hidden",
+            transformOrigin: `${50 + Z}% ${50 + J}%`,
+            transform: `rotateX(${z}deg) rotateY(${et}deg) rotateZ(${T}deg)`,
+            backfaceVisibility: G ? "visible" : "hidden",
+            visibility: Q ? "visible" : "hidden",
             borderRadius: o || 0,
-            boxShadow: ut,
+            boxShadow: lt,
             position: "relative"
           },
-          children: i
+          children: h
         }
       )
     }
   );
-}, Vn = ({
+}, En = ({
   src: t,
   frame: n,
   delay: r = 0,
@@ -983,9 +983,9 @@ const Oo = ({
   height: o,
   borderRadius: p,
   borderWidth: c,
-  borderColor: i,
+  borderColor: h,
   boxShadow: l,
-  cardFlipDetails: h,
+  cardFlipDetails: i,
   activeEffects: u,
   effects: y
 }) => {
@@ -993,7 +993,7 @@ const Oo = ({
   u == null || u.forEach((g) => {
     g.type === "blur" && g.radius && b.push(`blur(${g.radius}px)`), g.type === "grayscale" && g.amount !== void 0 && b.push(`grayscale(${g.amount * 100}%)`), g.type === "contrast" && g.amount !== void 0 && b.push(`contrast(${g.amount * 100}%)`), g.type === "brightness" && g.amount !== void 0 && b.push(`brightness(${100 + g.amount * 100}%)`), g.type === "hue" && g.rotation !== void 0 && b.push(`hue-rotate(${g.rotation}deg)`), g.type === "saturation" && g.amount !== void 0 && b.push(`saturate(${g.amount * 100}%)`);
   });
-  const $ = b.length > 0 ? b.join(" ") : void 0;
+  const x = b.length > 0 ? b.join(" ") : void 0;
   return /* @__PURE__ */ f(
     bo,
     {
@@ -1006,8 +1006,8 @@ const Oo = ({
       height: o,
       borderRadius: p,
       boxShadow: l,
-      cardFlipDetails: h,
-      children: /* @__PURE__ */ yt(
+      cardFlipDetails: i,
+      children: /* @__PURE__ */ vt(
         "div",
         {
           style: {
@@ -1019,7 +1019,7 @@ const Oo = ({
           },
           children: [
             /* @__PURE__ */ f(
-              At,
+              Qt,
               {
                 src: t,
                 style: {
@@ -1027,7 +1027,7 @@ const Oo = ({
                   height: "100%",
                   objectFit: "cover",
                   borderRadius: p || 0,
-                  filter: $
+                  filter: x
                 },
                 effects: y
               }
@@ -1047,14 +1047,14 @@ const Oo = ({
                 }
               }
             ) : null,
-            c && i ? /* @__PURE__ */ f(
+            c && h ? /* @__PURE__ */ f(
               "div",
               {
                 style: {
                   position: "absolute",
                   inset: 0,
                   borderRadius: p || 0,
-                  border: `${c}px solid ${i}`,
+                  border: `${c}px solid ${h}`,
                   boxSizing: "border-box",
                   pointerEvents: "none",
                   zIndex: 3
@@ -1083,36 +1083,36 @@ const Oo = ({
 function no(t, n, r, s) {
   return t[0] * n + t[1] * r + t[2] * s;
 }
-function Go(t, n, r, s = 0) {
+function Lo(t, n, r, s = 0) {
   const e = [];
-  for (let Q = 0; Q < 256; Q++) e[Q] = Q;
+  for (let A = 0; A < 256; A++) e[A] = A;
   let a = Math.floor(Math.abs(s) * 1e3) % 2147483647 + 1;
-  for (let Q = 255; Q > 0; Q--) {
+  for (let A = 255; A > 0; A--) {
     a = a * 16807 % 2147483647;
-    const A = Math.floor(a / 2147483647 * (Q + 1)), ut = e[Q];
-    e[Q] = e[A], e[A] = ut;
+    const Q = Math.floor(a / 2147483647 * (A + 1)), lt = e[A];
+    e[A] = e[Q], e[Q] = lt;
   }
   const d = new Array(512), o = new Array(512);
-  for (let Q = 0; Q < 512; Q++)
-    d[Q] = e[Q & 255], o[Q] = d[Q] % 12;
+  for (let A = 0; A < 512; A++)
+    d[A] = e[A & 255], o[A] = d[A] % 12;
   const p = 1 / 3, c = 1 / 6;
-  let i = 0, l = 0, h = 0, u = 0;
-  const y = (t + n + r) * p, m = Math.floor(t + y), v = Math.floor(n + y), b = Math.floor(r + y), $ = (m + v + b) * c, g = m - $, M = v - $, x = b - $, I = t - g, k = n - M, S = r - x;
-  let Y = 0, N = 0, E = 0, F = 0, X = 0, P = 0;
-  I >= k ? k >= S ? (Y = 1, N = 0, E = 0, F = 1, X = 1, P = 0) : I >= S ? (Y = 1, N = 0, E = 0, F = 1, X = 0, P = 1) : (Y = 0, N = 0, E = 1, F = 1, X = 0, P = 1) : k < S ? (Y = 0, N = 0, E = 1, F = 0, X = 1, P = 1) : I < S ? (Y = 0, N = 1, E = 0, F = 0, X = 1, P = 1) : (Y = 0, N = 1, E = 0, F = 1, X = 1, P = 0);
-  const L = I - Y + c, V = k - N + c, O = S - E + c, C = I - F + 2 * c, B = k - X + 2 * c, z = S - P + 2 * c, et = I - 1 + 3 * c, q = k - 1 + 3 * c, Z = S - 1 + 3 * c, K = m & 255, T = v & 255, ct = b & 255;
-  let lt = 0.6 - I * I - k * k - S * S;
-  lt >= 0 && (lt *= lt, i = lt * lt * no(oo[o[K + d[T + d[ct]]]], I, k, S));
-  let G = 0.6 - L * L - V * V - O * O;
-  G >= 0 && (G *= G, l = G * G * no(oo[o[K + Y + d[T + N + d[ct + E]]]], L, V, O));
-  let D = 0.6 - C * C - B * B - z * z;
-  D >= 0 && (D *= D, h = D * D * no(oo[o[K + F + d[T + X + d[ct + P]]]], C, B, z));
-  let U = 0.6 - et * et - q * q - Z * Z;
-  U >= 0 && (U *= U, u = U * U * no(oo[o[K + 1 + d[T + 1 + d[ct + 1]]]], et, q, Z));
-  const tt = 32 * (i + l + h + u);
-  return Math.min(1, Math.max(0, (tt + 1) / 2));
+  let h = 0, l = 0, i = 0, u = 0;
+  const y = (t + n + r) * p, m = Math.floor(t + y), v = Math.floor(n + y), b = Math.floor(r + y), x = (m + v + b) * c, g = m - x, M = v - x, $ = b - x, I = t - g, k = n - M, S = r - $;
+  let Y = 0, N = 0, V = 0, F = 0, X = 0, P = 0;
+  I >= k ? k >= S ? (Y = 1, N = 0, V = 0, F = 1, X = 1, P = 0) : I >= S ? (Y = 1, N = 0, V = 0, F = 1, X = 0, P = 1) : (Y = 0, N = 0, V = 1, F = 1, X = 0, P = 1) : k < S ? (Y = 0, N = 0, V = 1, F = 0, X = 1, P = 1) : I < S ? (Y = 0, N = 1, V = 0, F = 0, X = 1, P = 1) : (Y = 0, N = 1, V = 0, F = 1, X = 1, P = 0);
+  const G = I - Y + c, E = k - N + c, O = S - V + c, C = I - F + 2 * c, B = k - X + 2 * c, z = S - P + 2 * c, et = I - 1 + 3 * c, T = k - 1 + 3 * c, Z = S - 1 + 3 * c, J = m & 255, D = v & 255, st = b & 255;
+  let mt = 0.6 - I * I - k * k - S * S;
+  mt >= 0 && (mt *= mt, h = mt * mt * no(oo[o[J + d[D + d[st]]]], I, k, S));
+  let L = 0.6 - G * G - E * E - O * O;
+  L >= 0 && (L *= L, l = L * L * no(oo[o[J + Y + d[D + N + d[st + V]]]], G, E, O));
+  let tt = 0.6 - C * C - B * B - z * z;
+  tt >= 0 && (tt *= tt, i = tt * tt * no(oo[o[J + F + d[D + X + d[st + P]]]], C, B, z));
+  let U = 0.6 - et * et - T * T - Z * Z;
+  U >= 0 && (U *= U, u = U * U * no(oo[o[J + 1 + d[D + 1 + d[st + 1]]]], et, T, Z));
+  const ot = 32 * (h + l + i + u);
+  return Math.min(1, Math.max(0, (ot + 1) / 2));
 }
-const En = ({
+const Vn = ({
   src: t,
   frame: n,
   delay: r = 0,
@@ -1123,27 +1123,27 @@ const En = ({
   height: o,
   borderRadius: p,
   borderWidth: c,
-  borderColor: i,
+  borderColor: h,
   boxShadow: l,
-  noiseTileDetails: h
+  noiseTileDetails: i
 }) => {
-  const u = wt(), y = typeof n == "number" && !isNaN(n) ? n : u, m = d || 300, v = o || 300, b = (h == null ? void 0 : h.keepStill) || "both", $ = Number((h == null ? void 0 : h.toXRepetitions) ?? (h == null ? void 0 : h.xRepetitions) ?? 5), g = Number((h == null ? void 0 : h.toYRepetitions) ?? (h == null ? void 0 : h.yRepetitions) ?? 5), M = Number((h == null ? void 0 : h.toGapX) ?? (h == null ? void 0 : h.gapX) ?? 12), x = Number((h == null ? void 0 : h.toGapY) ?? (h == null ? void 0 : h.gapY) ?? 12), I = Number((h == null ? void 0 : h.toScale) ?? (h == null ? void 0 : h.scale) ?? 1), k = Number((h == null ? void 0 : h.toNoiseScale) ?? (h == null ? void 0 : h.noiseScale) ?? 1.5), S = Number((h == null ? void 0 : h.toNoiseMoveX) ?? (h == null ? void 0 : h.noiseMoveX) ?? 0.6), Y = Number((h == null ? void 0 : h.toNoiseMoveY) ?? (h == null ? void 0 : h.noiseMoveY) ?? 0.4), N = Number((h == null ? void 0 : h.toFps) ?? (h == null ? void 0 : h.fps) ?? 12), E = Number((h == null ? void 0 : h.toThreshold) ?? (h == null ? void 0 : h.threshold) ?? 0.45), F = Number((h == null ? void 0 : h.toSeedOffset) ?? (h == null ? void 0 : h.seedOffset) ?? 0), X = !!(h != null && h.hasInitialValue), P = X ? Number((h == null ? void 0 : h.initialXRepetitions) ?? $) : $, L = X ? Number((h == null ? void 0 : h.initialYRepetitions) ?? g) : g, V = X ? Number((h == null ? void 0 : h.initialGapX) ?? M) : M, O = X ? Number((h == null ? void 0 : h.initialGapY) ?? x) : x, C = X ? Number((h == null ? void 0 : h.initialScale) ?? I) : I, B = X ? Number((h == null ? void 0 : h.initialNoiseScale) ?? k) : k, z = X ? Number((h == null ? void 0 : h.initialNoiseMoveX) ?? S) : S, et = X ? Number((h == null ? void 0 : h.initialNoiseMoveY) ?? Y) : Y, q = X ? Number((h == null ? void 0 : h.initialFps) ?? N) : N, Z = X ? Number((h == null ? void 0 : h.initialThreshold) ?? E) : E, K = X ? Number((h == null ? void 0 : h.initialSeedOffset) ?? F) : F, T = Math.max(0, y - (r || 0)), ct = Math.min(1, Math.max(0, T / (s || 1)));
-  let G = e + (a - e) * ct;
-  b === "initial" ? G = 0 : b === "final" && (G = 1);
-  const D = Math.max(1, Math.round(W(G, [0, 1], [P, $]))), U = Math.max(1, Math.round(W(G, [0, 1], [L, g]))), tt = W(G, [0, 1], [V, M]), Q = W(G, [0, 1], [O, x]), A = W(G, [0, 1], [C, I]), ut = W(G, [0, 1], [B, k]), vt = W(G, [0, 1], [z, S]), it = W(G, [0, 1], [et, Y]), J = Math.max(1, Math.round(W(G, [0, 1], [q, N]))), nt = W(G, [0, 1], [Z, E]), ot = W(G, [0, 1], [K, F]), st = l ? typeof l == "string" ? l : `${l.x ?? 0}px ${l.y ?? 0}px ${l.blur ?? 0}px ${l.color ?? ""}` : void 0, at = Math.floor(T * (J / 30)), ft = (D - 1) / 2, bt = (U - 1) / 2, St = [];
-  for (let pt = 0; pt < U; pt++)
-    for (let gt = 0; gt < D; gt++) {
-      const Nt = gt / Math.max(1, D) * ut, Yt = pt / Math.max(1, U) * ut, Ft = at * 0.1 + ot, Vt = Go(
-        Nt + at * vt * 0.05,
-        Yt + at * it * 0.05,
-        Ft,
-        ot
-      ), Et = gt === Math.floor(ft) && pt === Math.floor(bt) || Vt >= nt, Bt = gt - ft, Gt = pt - bt, zt = tt / 100 * m, jt = Q / 100 * v, Ht = Bt * (m * A + zt), j = Gt * (v * A + jt);
-      St.push({
-        col: gt,
-        row: pt,
-        visible: Et,
-        posX: Ht,
+  const u = Yt(), y = typeof n == "number" && !isNaN(n) ? n : u, m = d || 300, v = o || 300, b = (i == null ? void 0 : i.keepStill) || "both", x = Number((i == null ? void 0 : i.toXRepetitions) ?? (i == null ? void 0 : i.xRepetitions) ?? 5), g = Number((i == null ? void 0 : i.toYRepetitions) ?? (i == null ? void 0 : i.yRepetitions) ?? 5), M = Number((i == null ? void 0 : i.toGapX) ?? (i == null ? void 0 : i.gapX) ?? 12), $ = Number((i == null ? void 0 : i.toGapY) ?? (i == null ? void 0 : i.gapY) ?? 12), I = Number((i == null ? void 0 : i.toScale) ?? (i == null ? void 0 : i.scale) ?? 1), k = Number((i == null ? void 0 : i.toNoiseScale) ?? (i == null ? void 0 : i.noiseScale) ?? 1.5), S = Number((i == null ? void 0 : i.toNoiseMoveX) ?? (i == null ? void 0 : i.noiseMoveX) ?? 0.6), Y = Number((i == null ? void 0 : i.toNoiseMoveY) ?? (i == null ? void 0 : i.noiseMoveY) ?? 0.4), N = Number((i == null ? void 0 : i.toFps) ?? (i == null ? void 0 : i.fps) ?? 12), V = Number((i == null ? void 0 : i.toThreshold) ?? (i == null ? void 0 : i.threshold) ?? 0.45), F = Number((i == null ? void 0 : i.toSeedOffset) ?? (i == null ? void 0 : i.seedOffset) ?? 0), X = !!(i != null && i.hasInitialValue), P = X ? Number((i == null ? void 0 : i.initialXRepetitions) ?? x) : x, G = X ? Number((i == null ? void 0 : i.initialYRepetitions) ?? g) : g, E = X ? Number((i == null ? void 0 : i.initialGapX) ?? M) : M, O = X ? Number((i == null ? void 0 : i.initialGapY) ?? $) : $, C = X ? Number((i == null ? void 0 : i.initialScale) ?? I) : I, B = X ? Number((i == null ? void 0 : i.initialNoiseScale) ?? k) : k, z = X ? Number((i == null ? void 0 : i.initialNoiseMoveX) ?? S) : S, et = X ? Number((i == null ? void 0 : i.initialNoiseMoveY) ?? Y) : Y, T = X ? Number((i == null ? void 0 : i.initialFps) ?? N) : N, Z = X ? Number((i == null ? void 0 : i.initialThreshold) ?? V) : V, J = X ? Number((i == null ? void 0 : i.initialSeedOffset) ?? F) : F, D = Math.max(0, y - (r || 0)), st = Math.min(1, Math.max(0, D / (s || 1)));
+  let L = e + (a - e) * st;
+  b === "initial" ? L = 0 : b === "final" && (L = 1);
+  const tt = Math.max(1, Math.round(W(L, [0, 1], [P, x]))), U = Math.max(1, Math.round(W(L, [0, 1], [G, g]))), ot = W(L, [0, 1], [E, M]), A = W(L, [0, 1], [O, $]), Q = W(L, [0, 1], [C, I]), lt = W(L, [0, 1], [B, k]), Mt = W(L, [0, 1], [z, S]), pt = W(L, [0, 1], [et, Y]), q = Math.max(1, Math.round(W(L, [0, 1], [T, N]))), rt = W(L, [0, 1], [Z, V]), nt = W(L, [0, 1], [J, F]), dt = l ? typeof l == "string" ? l : `${l.x ?? 0}px ${l.y ?? 0}px ${l.blur ?? 0}px ${l.color ?? ""}` : void 0, it = Math.floor(D * (q / 30)), yt = (tt - 1) / 2, xt = (U - 1) / 2, wt = [];
+  for (let ft = 0; ft < U; ft++)
+    for (let $t = 0; $t < tt; $t++) {
+      const Ft = $t / Math.max(1, tt) * lt, Rt = ft / Math.max(1, U) * lt, Xt = it * 0.1 + nt, Vt = Lo(
+        Ft + it * Mt * 0.05,
+        Rt + it * pt * 0.05,
+        Xt,
+        nt
+      ), Bt = $t === Math.floor(yt) && ft === Math.floor(xt) || Vt >= rt, Ot = $t - yt, zt = ft - xt, jt = ot / 100 * m, Ht = A / 100 * v, _t = Ot * (m * Q + jt), j = zt * (v * Q + Ht);
+      wt.push({
+        col: $t,
+        row: ft,
+        visible: Bt,
+        posX: _t,
         posY: j
       });
     }
@@ -1156,7 +1156,7 @@ const En = ({
         position: "relative",
         overflow: "visible"
       },
-      children: St.map((pt) => pt.visible ? /* @__PURE__ */ f(
+      children: wt.map((ft) => ft.visible ? /* @__PURE__ */ f(
         "div",
         {
           style: {
@@ -1165,12 +1165,12 @@ const En = ({
             top: "50%",
             width: `${m}px`,
             height: `${v}px`,
-            transform: `translate(-50%, -50%) translate(${pt.posX}px, ${pt.posY}px) scale(${A})`,
+            transform: `translate(-50%, -50%) translate(${ft.posX}px, ${ft.posY}px) scale(${Q})`,
             transformOrigin: "center center",
             borderRadius: p || 0,
-            boxShadow: st
+            boxShadow: dt
           },
-          children: /* @__PURE__ */ yt(
+          children: /* @__PURE__ */ vt(
             "div",
             {
               style: {
@@ -1192,7 +1192,7 @@ const En = ({
                     }
                   }
                 ) : /* @__PURE__ */ f(
-                  At,
+                  Qt,
                   {
                     src: t,
                     style: {
@@ -1202,14 +1202,14 @@ const En = ({
                     }
                   }
                 ),
-                c && i ? /* @__PURE__ */ f(
+                c && h ? /* @__PURE__ */ f(
                   "div",
                   {
                     style: {
                       position: "absolute",
                       inset: 0,
                       borderRadius: p || 0,
-                      border: `${c}px solid ${i}`,
+                      border: `${c}px solid ${h}`,
                       boxSizing: "border-box",
                       pointerEvents: "none"
                     }
@@ -1219,7 +1219,7 @@ const En = ({
             }
           )
         },
-        `tile-${pt.col}-${pt.row}`
+        `tile-${ft.col}-${ft.row}`
       ) : null)
     }
   );
@@ -1297,20 +1297,20 @@ function vo(t, n, r = 0) {
       "duotone",
       "lightLeak"
     ];
-    p.forEach((i) => {
-      if (!i) return;
-      const l = i.property;
+    p.forEach((h) => {
+      if (!h) return;
+      const l = h.property;
       if (c.includes(l)) {
-        const h = i.delay ?? 0, u = Math.max(1, i.durationInFrames ?? 30), y = h + u, m = ($) => $ === "contrast" || $ === "brightness" || $ === "saturation" ? 100 : $ === "pixelate" ? 1 : 0;
+        const i = h.delay ?? 0, u = Math.max(1, h.durationInFrames ?? 30), y = i + u, m = (x) => x === "contrast" || x === "brightness" || x === "saturation" ? 100 : x === "pixelate" ? 1 : 0;
         let v = !1, b = m(l);
-        if (r >= h && r <= y) {
+        if (r >= i && r <= y) {
           v = !0;
-          const $ = Math.min(
+          const x = Math.min(
             1,
-            Math.max(0, (r - h) / u)
-          ), g = Number(i.from ?? m(l)), M = Number(i.to ?? m(l));
-          b = g + (M - g) * $;
-        } else r > y && i.persist === !0 && (v = !0, b = Number(i.to ?? m(l)));
+            Math.max(0, (r - i) / u)
+          ), g = Number(h.from ?? m(l)), M = Number(h.to ?? m(l));
+          b = g + (M - g) * x;
+        } else r > y && h.persist === !0 && (v = !0, b = Number(h.to ?? m(l)));
         if (!v) return;
         switch (l) {
           case "blur":
@@ -1452,40 +1452,40 @@ function We({
   item: t,
   options: n
 }) {
-  var z, et, q, Z, K, T, ct, lt, G, D, U, tt, Q;
-  const { fps: r, frame: s, isTransition: e } = n, { details: a, animations: d } = t, { animationIn: o, animationOut: p, animationTimed: c } = It(
+  var z, et, T, Z, J, D, st, mt, L, tt, U, ot, A;
+  const { fps: r, frame: s, isTransition: e } = n, { details: a, animations: d } = t, { animationIn: o, animationOut: p, animationTimed: c } = Nt(
     d,
     t,
     s,
     r
-  ), i = (a == null ? void 0 : a.crop) || {
+  ), h = (a == null ? void 0 : a.crop) || {
     x: 0,
     y: 0,
     width: a.width,
     height: a.height
-  }, { durationInFrames: l } = $t(t.display, r), h = (s || 0) - t.display.from * r / 1e3, u = Kt(a, i, {}), { WebkitTextStroke: y } = u, m = Eo(a, i), v = vo(
+  }, { durationInFrames: l } = It(t.display, r), i = (s || 0) - t.display.from * r / 1e3, u = Kt(a, h, {}), { WebkitTextStroke: y } = u, m = Vo(a, h), v = vo(
     a.effects,
     d,
-    h
-  ), b = go(v), { filter: $, overlays: g } = zo(v), M = a.width || i.width || 300, x = a.height || i.height || 300, I = (et = (z = d == null ? void 0 : d.loop) == null ? void 0 : z.composition) == null ? void 0 : et.find(
-    (A) => A.property === "textGridMarqueeTextAnimationLoop" || A.property === "textGridMarquee" || A.property === "imageGridMarqueeTextAnimationLoop" || A.property === "imageGridMarquee" || A.id === "textGridMarquee" || A.id === "imageGridMarquee"
-  ), k = !!(I && h >= (I.delay || 0) && h <= (I.delay || 0) + (I.durationInFrames || 60)), S = (Z = (q = d == null ? void 0 : d.loop) == null ? void 0 : q.composition) == null ? void 0 : Z.find(
-    (A) => A.property === "inwardEchoes" || A.id === "inwardEchoes"
-  ), Y = !!(S && h >= (S.delay || 0) && h <= (S.delay || 0) + (S.durationInFrames || 120)), N = (T = (K = d == null ? void 0 : d.loop) == null ? void 0 : K.composition) == null ? void 0 : T.find(
-    (A) => A.property === "wiggle" || A.id === "wiggle"
-  ), E = !!(N && h >= (N.delay || 0) && h <= (N.delay || 0) + (N.durationInFrames || 120)), F = (lt = (ct = d == null ? void 0 : d.loop) == null ? void 0 : ct.composition) == null ? void 0 : lt.find(
-    (A) => A.property === "cardFlip" || A.id === "cardFlip"
-  ), X = !!(F && h >= (F.delay || 0) && h <= (F.delay || 0) + (F.durationInFrames || 120)), P = (D = (G = d == null ? void 0 : d.loop) == null ? void 0 : G.composition) == null ? void 0 : D.find(
-    (A) => A.property === "noiseTile" || A.id === "noiseTile"
-  ), L = !!(P && h >= (P.delay || 0) && h <= (P.delay || 0) + (P.durationInFrames || 120)), V = [
+    i
+  ), b = go(v), { filter: x, overlays: g } = zo(v), M = a.width || h.width || 300, $ = a.height || h.height || 300, I = (et = (z = d == null ? void 0 : d.loop) == null ? void 0 : z.composition) == null ? void 0 : et.find(
+    (Q) => Q.property === "textGridMarqueeTextAnimationLoop" || Q.property === "textGridMarquee" || Q.property === "imageGridMarqueeTextAnimationLoop" || Q.property === "imageGridMarquee" || Q.id === "textGridMarquee" || Q.id === "imageGridMarquee"
+  ), k = !!(I && i >= (I.delay || 0) && i <= (I.delay || 0) + (I.durationInFrames || 60)), S = (Z = (T = d == null ? void 0 : d.loop) == null ? void 0 : T.composition) == null ? void 0 : Z.find(
+    (Q) => Q.property === "inwardEchoes" || Q.id === "inwardEchoes"
+  ), Y = !!(S && i >= (S.delay || 0) && i <= (S.delay || 0) + (S.durationInFrames || 120)), N = (D = (J = d == null ? void 0 : d.loop) == null ? void 0 : J.composition) == null ? void 0 : D.find(
+    (Q) => Q.property === "wiggle" || Q.id === "wiggle"
+  ), V = !!(N && i >= (N.delay || 0) && i <= (N.delay || 0) + (N.durationInFrames || 120)), F = (mt = (st = d == null ? void 0 : d.loop) == null ? void 0 : st.composition) == null ? void 0 : mt.find(
+    (Q) => Q.property === "cardFlip" || Q.id === "cardFlip"
+  ), X = !!(F && i >= (F.delay || 0) && i <= (F.delay || 0) + (F.durationInFrames || 120)), P = (tt = (L = d == null ? void 0 : d.loop) == null ? void 0 : L.composition) == null ? void 0 : tt.find(
+    (Q) => Q.property === "noiseTile" || Q.id === "noiseTile"
+  ), G = !!(P && i >= (P.delay || 0) && i <= (P.delay || 0) + (P.durationInFrames || 120)), E = [
     ...((U = d == null ? void 0 : d.in) == null ? void 0 : U.composition) || [],
-    ...((tt = d == null ? void 0 : d.timed) == null ? void 0 : tt.composition) || [],
-    ...((Q = d == null ? void 0 : d.loop) == null ? void 0 : Q.composition) || []
+    ...((ot = d == null ? void 0 : d.timed) == null ? void 0 : ot.composition) || [],
+    ...((A = d == null ? void 0 : d.loop) == null ? void 0 : A.composition) || []
   ], O = () => k ? /* @__PURE__ */ f(
     Oo,
     {
       src: a.src,
-      frame: h,
+      frame: i,
       delay: I == null ? void 0 : I.delay,
       durationInFrames: I == null ? void 0 : I.durationInFrames,
       from: I == null ? void 0 : I.from,
@@ -1503,7 +1503,7 @@ function We({
     Co,
     {
       src: a.src,
-      frame: h,
+      frame: i,
       delay: S == null ? void 0 : S.delay,
       durationInFrames: S == null ? void 0 : S.durationInFrames,
       from: S == null ? void 0 : S.from,
@@ -1517,11 +1517,11 @@ function We({
       fps: r,
       echoesDetails: S == null ? void 0 : S.details
     }
-  ) : E ? /* @__PURE__ */ f(
-    Lo,
+  ) : V ? /* @__PURE__ */ f(
+    Go,
     {
       src: a.src,
-      frame: h,
+      frame: i,
       delay: N == null ? void 0 : N.delay,
       durationInFrames: N == null ? void 0 : N.durationInFrames,
       from: N == null ? void 0 : N.from,
@@ -1536,10 +1536,10 @@ function We({
       wiggleDetails: N == null ? void 0 : N.details
     }
   ) : X ? /* @__PURE__ */ f(
-    Vn,
+    En,
     {
       src: a.src,
-      frame: h,
+      frame: i,
       delay: F == null ? void 0 : F.delay,
       durationInFrames: F == null ? void 0 : F.durationInFrames,
       from: F == null ? void 0 : F.from,
@@ -1555,11 +1555,11 @@ function We({
       activeEffects: v,
       effects: b
     }
-  ) : L ? /* @__PURE__ */ f(
-    En,
+  ) : G ? /* @__PURE__ */ f(
+    Vn,
     {
       src: a.src,
-      frame: h,
+      frame: i,
       delay: P == null ? void 0 : P.delay,
       durationInFrames: P == null ? void 0 : P.durationInFrames,
       from: P == null ? void 0 : P.from,
@@ -1574,15 +1574,15 @@ function We({
       noiseTileDetails: P == null ? void 0 : P.details
     }
   ) : /* @__PURE__ */ f(
-    At,
+    Qt,
     {
       "data-id": t.id,
       src: a.src,
-      style: { borderRadius: m.borderRadius, filter: $ || void 0 },
+      style: { borderRadius: m.borderRadius, filter: x || void 0 },
       effects: b
     }
-  ), C = k || Y || E || X || L, B = /* @__PURE__ */ f(
-    Zt,
+  ), C = k || Y || V || X || G, B = /* @__PURE__ */ f(
+    At,
     {
       style: {
         ...a,
@@ -1592,7 +1592,7 @@ function We({
       },
       animationIn: o,
       animationOut: p,
-      frame: h,
+      frame: i,
       durationInFrames: l,
       isTransition: e,
       children: /* @__PURE__ */ f(
@@ -1600,14 +1600,14 @@ function We({
         {
           animationTimed: c,
           durationInFrames: l,
-          frame: h,
+          frame: i,
           children: /* @__PURE__ */ f(
             co,
             {
               item: t,
-              keyframeAnimations: V,
-              frame: h,
-              children: /* @__PURE__ */ yt(
+              keyframeAnimations: E,
+              frame: i,
+              children: /* @__PURE__ */ vt(
                 "div",
                 {
                   id: `${t.id}-reveal-mask`,
@@ -1621,17 +1621,17 @@ function We({
                       yo,
                       {
                         width: M,
-                        height: x,
+                        height: $,
                         effects: b,
                         children: O()
                       }
                     ) : O(),
-                    g.map((A) => /* @__PURE__ */ f("div", { style: A.style }, A.id)),
-                    !k && !Y && !E && !X && !L && /* @__PURE__ */ f(
+                    g.map((Q) => /* @__PURE__ */ f("div", { style: Q.style }, Q.id)),
+                    !k && !Y && !V && !X && !G && /* @__PURE__ */ f(
                       "div",
                       {
                         style: {
-                          ...Bo(a, i),
+                          ...Bo(a, h),
                           backgroundColor: "transparent"
                         }
                       }
@@ -1645,25 +1645,25 @@ function We({
       )
     }
   );
-  return mt({ item: t, options: n, children: B });
+  return gt({ item: t, options: n, children: B });
 }
-const Ve = ({
+const Ee = ({
   item: t,
   options: n
 }) => {
-  const { fps: r, frame: s } = n, { details: e, animations: a } = t, { durationInFrames: d } = $t(t.display, r), { animationIn: o, animationOut: p, animationTimed: c } = It(
+  const { fps: r, frame: s } = n, { details: e, animations: a } = t, { durationInFrames: d } = It(t.display, r), { animationIn: o, animationOut: p, animationTimed: c } = Nt(
     a,
     t,
     s,
     r
-  ), i = (s || 0) - t.display.from * r / 1e3, { backgroundColor: l, ...h } = e, u = /* @__PURE__ */ f(
-    Zt,
+  ), h = (s || 0) - t.display.from * r / 1e3, { backgroundColor: l, ...i } = e, u = /* @__PURE__ */ f(
+    At,
     {
       animationIn: o,
       animationOut: p,
-      frame: i,
+      frame: h,
       durationInFrames: d,
-      style: h,
+      style: i,
       children: /* @__PURE__ */ f(
         "div",
         {
@@ -1680,7 +1680,7 @@ const Ve = ({
       )
     }
   );
-  return mt({ item: t, options: n, children: u });
+  return gt({ item: t, options: n, children: u });
 }, Io = {
   // Legacy Easings
   linear: w.linear,
@@ -1716,12 +1716,12 @@ const Ve = ({
   from: o,
   to: p,
   easing: c,
-  delay: i,
+  delay: h,
   details: l,
-  phase: h = "in"
+  phase: i = "in"
 }) => {
-  const u = a, y = e > 1 ? u * 0.6 : u, m = e > 1 ? u * 0.4 / (e - 1) : 0, v = i + n * m, b = r - v;
-  if (h === "in" && b < 0)
+  const u = a, y = e > 1 ? u * 0.6 : u, m = e > 1 ? u * 0.4 / (e - 1) : 0, v = h + n * m, b = r - v;
+  if (i === "in" && b < 0)
     return /* @__PURE__ */ f(
       "span",
       {
@@ -1730,7 +1730,7 @@ const Ve = ({
       },
       n
     );
-  if (h === "out" && b >= y)
+  if (i === "out" && b >= y)
     return /* @__PURE__ */ f(
       "span",
       {
@@ -1739,20 +1739,20 @@ const Ve = ({
       },
       n
     );
-  const $ = W(b, [0, y], [0, 1], {
+  const x = W(b, [0, y], [0, 1], {
     extrapolateLeft: "clamp",
     extrapolateRight: "clamp"
-  }), M = Bn(c)($), x = o + (p - o) * M;
+  }), M = Bn(c)(x), $ = o + (p - o) * M;
   let I = {
     display: "inline-block",
     transformOrigin: "center"
   };
   switch (d) {
     case "opacity":
-      I.opacity = x;
+      I.opacity = $;
       break;
     case "scale":
-      I.transform = `scale(${x})`;
+      I.transform = `scale(${$})`;
       break;
     case "translateX": {
       let k = 100, S = !1;
@@ -1760,7 +1760,7 @@ const Ve = ({
         const N = typeof l.width == "number" ? l.width : parseFloat(l.width);
         isNaN(N) || (k = N, S = !0);
       }
-      const Y = S ? `${x / 100 * k}px` : `${x}%`;
+      const Y = S ? `${$ / 100 * k}px` : `${$}%`;
       I.transform = `translateX(${Y})`;
       break;
     }
@@ -1770,18 +1770,18 @@ const Ve = ({
         const N = typeof l.height == "number" ? l.height : parseFloat(l.height);
         isNaN(N) || (k = N, S = !0);
       }
-      const Y = S ? `${x / 100 * k}px` : `${x}%`;
+      const Y = S ? `${$ / 100 * k}px` : `${$}%`;
       I.transform = `translateY(${Y})`;
       break;
     }
     case "rotate":
-      I.transform = `rotate(${x}deg)`;
+      I.transform = `rotate(${$}deg)`;
       break;
     case "rotateY":
-      I.transform = `rotateY(${x}deg)`;
+      I.transform = `rotateY(${$}deg)`;
       break;
     default:
-      I.opacity = x;
+      I.opacity = $;
       break;
   }
   return /* @__PURE__ */ f("span", { style: I, children: t === " " ? " " : t }, n);
@@ -1793,13 +1793,13 @@ const Ve = ({
   textLength: e,
   animationTextInFrames: a
 }) => {
-  const d = a, o = d / (e + 1), p = n * o, c = xt({
+  const d = a, o = d / (e + 1), p = n * o, c = St({
     frame: r - p,
     fps: s,
     from: 4,
     to: 1,
     config: { mass: 1, damping: 10 }
-  }), i = W(
+  }), h = W(
     r - p,
     [0, d / 2],
     // Ensure opacity fades in within half the duration
@@ -1812,13 +1812,13 @@ const Ve = ({
       style: {
         display: "inline-block",
         transform: `scale(${c})`,
-        opacity: i
+        opacity: h
       },
       children: t === " " ? " " : t
     },
     n
   );
-}, Ln = ({
+}, Gn = ({
   char: t,
   index: n,
   frame: r,
@@ -1826,7 +1826,7 @@ const Ve = ({
   textLength: e,
   animationTextInFrames: a
 }) => {
-  const o = a / e, p = n * o, c = xt({
+  const o = a / e, p = n * o, c = St({
     frame: r - p,
     fps: s,
     from: -90,
@@ -1844,7 +1844,7 @@ const Ve = ({
     },
     n
   );
-}, Gn = ({
+}, Ln = ({
   char: t,
   index: n,
   frame: r,
@@ -1852,7 +1852,7 @@ const Ve = ({
   textLength: e,
   animationTextInFrames: a
 }) => {
-  const o = a / e, p = n * o, c = xt({
+  const o = a / e, p = n * o, c = St({
     frame: r - p,
     fps: s,
     from: 0,
@@ -1878,13 +1878,13 @@ const Ve = ({
   textLength: e,
   animationTextInFrames: a
 }) => {
-  const d = a, o = d / e, p = n * o, c = xt({
+  const d = a, o = d / e, p = n * o, c = St({
     frame: r - p,
     fps: s,
     from: 1.1,
     to: 0,
     config: { damping: 10 }
-  }), i = W(r - p, [0, d / 2], [0, 1], {
+  }), h = W(r - p, [0, d / 2], [0, 1], {
     extrapolateRight: "clamp",
     extrapolateLeft: "clamp"
   });
@@ -1894,7 +1894,7 @@ const Ve = ({
       style: {
         display: "inline-block",
         transform: `translateY(${c}em)`,
-        opacity: i
+        opacity: h
       },
       children: t === " " ? " " : t
     },
@@ -1908,13 +1908,13 @@ const Ve = ({
   textLength: e,
   animationTextInFrames: a
 }) => {
-  const d = a, o = d / e, p = n * o, c = xt({
+  const d = a, o = d / e, p = n * o, c = St({
     frame: r - p,
     fps: s,
     from: -100,
     to: 0,
     config: { damping: 20, stiffness: 120 }
-  }), i = W(
+  }), h = W(
     r - p,
     [0, d / 2],
     // Complete opacity ramp-up within half the duration
@@ -1930,7 +1930,7 @@ const Ve = ({
       style: {
         display: "inline-block",
         transform: `translateY(${c}px)`,
-        opacity: i
+        opacity: h
       },
       children: t === " " ? " " : t
     },
@@ -1945,19 +1945,19 @@ const Ve = ({
   animationTextOutFrames: a,
   durationInFrames: d
 }) => {
-  const o = d - a, p = n / e * (d - o), c = xt({
+  const o = d - a, p = n / e * (d - o), c = St({
     frame: r - o - p,
     fps: s,
     from: 1,
     to: 0,
     config: { mass: 0.5, damping: 10 }
-  }), i = xt({
+  }), h = St({
     frame: r - o - p,
     fps: s,
     from: 0,
     to: 50,
     config: { mass: 0.5, damping: 10 }
-  }), l = xt({
+  }), l = St({
     frame: r - o - p,
     fps: s,
     from: 0,
@@ -1970,7 +1970,7 @@ const Ve = ({
       style: {
         display: "inline-block",
         opacity: c,
-        transform: `translateY(${i}px) rotate(${l}deg)`
+        transform: `translateY(${h}px) rotate(${l}deg)`
       },
       children: t === " " ? " " : t
     },
@@ -1985,13 +1985,13 @@ const Ve = ({
   animationTextOutFrames: a,
   durationInFrames: d
 }) => {
-  const o = d - a, p = a / e, c = o + n * p, i = r - c, l = xt({
-    frame: i,
+  const o = d - a, p = a / e, c = o + n * p, h = r - c, l = St({
+    frame: h,
     fps: s,
     from: 1,
     to: 0,
     config: { mass: 1, damping: 10 }
-  }), h = W(i, [0, p], [1, 0], {
+  }), i = W(h, [0, p], [1, 0], {
     extrapolateLeft: "clamp",
     extrapolateRight: "clamp"
   });
@@ -2001,7 +2001,7 @@ const Ve = ({
       style: {
         display: "inline-block",
         transform: `scale(${l})`,
-        opacity: h
+        opacity: i
       },
       children: t === " " ? " " : t
     },
@@ -2016,7 +2016,7 @@ const Ve = ({
   animationTextOutFrames: a,
   durationInFrames: d
 }) => {
-  const p = a / e, i = d - a + n * p, l = r - i, h = xt({
+  const p = a / e, h = d - a + n * p, l = r - h, i = St({
     frame: l,
     fps: s,
     from: 0,
@@ -2028,13 +2028,13 @@ const Ve = ({
     {
       style: {
         display: "inline-block",
-        transform: `rotateY(${h}deg)`
+        transform: `rotateY(${i}deg)`
       },
       children: t === " " ? " " : t
     },
     n
   );
-}, Qn = ({
+}, An = ({
   char: t,
   index: n,
   frame: r,
@@ -2043,7 +2043,7 @@ const Ve = ({
   animationTextOutFrames: a,
   durationInFrames: d
 }) => {
-  const p = a / e, i = d - a + n * p, l = r - i, h = xt({
+  const p = a / e, h = d - a + n * p, l = r - h, i = St({
     frame: l,
     fps: s,
     from: 0,
@@ -2058,14 +2058,14 @@ const Ve = ({
     {
       style: {
         display: "inline-block",
-        transform: `translateY(${h}em)`,
+        transform: `translateY(${i}em)`,
         opacity: u
       },
       children: t === " " ? " " : t
     },
     n
   );
-}, An = ({
+}, Qn = ({
   char: t,
   index: n,
   frame: r,
@@ -2073,25 +2073,25 @@ const Ve = ({
   textLength: e,
   animationTextInFrames: a
 }) => {
-  const o = a / e, p = n * o, c = xt({
+  const o = a / e, p = n * o, c = St({
     frame: r - p,
     fps: s,
     from: 1.1,
     to: 0,
     config: { damping: 10 }
-  }), i = xt({
+  }), h = St({
     frame: r - p,
     fps: s,
     from: 0.55,
     to: 0,
     config: { damping: 10 }
-  }), l = xt({
+  }), l = St({
     frame: r - p,
     fps: s,
     from: 180,
     to: 0,
     config: { damping: 10 }
-  }), h = W(
+  }), i = W(
     r,
     [p, p + 15],
     // Adjust for opacity ramp-up
@@ -2107,8 +2107,8 @@ const Ve = ({
       style: {
         display: "inline-block",
         transformOrigin: "0 100%",
-        transform: `translateY(${c}em) translateX(${i}em) rotateZ(${l}deg)`,
-        opacity: h
+        transform: `translateY(${c}em) translateX(${h}em) rotateZ(${l}deg)`,
+        opacity: i
       },
       children: t === " " ? " " : t
     },
@@ -2123,15 +2123,15 @@ const Ve = ({
   animationTextOutFrames: a,
   durationInFrames: d
 }) => {
-  const o = d - a, p = a / e, c = o + n * p, i = r - c, l = xt({
-    frame: i,
+  const o = d - a, p = a / e, c = o + n * p, h = r - c, l = St({
+    frame: h,
     fps: s,
     from: 0,
     to: 100,
     // Move text out of view
     config: { damping: 20, stiffness: 120 }
-  }), h = W(
-    i,
+  }), i = W(
+    h,
     [0, p],
     // Frames for opacity fade-out
     [1, 0],
@@ -2146,7 +2146,7 @@ const Ve = ({
       style: {
         display: "inline-block",
         transform: `translateY(${l}px)`,
-        opacity: h
+        opacity: i
       },
       children: t === " " ? " " : t
     },
@@ -2161,25 +2161,25 @@ const Ve = ({
   animationTextOutFrames: a,
   durationInFrames: d
 }) => {
-  const o = d - a, p = a / e, c = o + n * p, i = r - c, l = xt({
-    frame: i,
+  const o = d - a, p = a / e, c = o + n * p, h = r - c, l = St({
+    frame: h,
     fps: s,
     from: 0,
     to: 1,
     config: { mass: 1, damping: 10 }
-  }), h = xt({
-    frame: i,
+  }), i = St({
+    frame: h,
     fps: s,
     from: 0,
     to: 0.55,
     config: { mass: 1, damping: 10 }
-  }), u = xt({
-    frame: i,
+  }), u = St({
+    frame: h,
     fps: s,
     from: 0,
     to: 180,
     config: { mass: 1, damping: 10 }
-  }), y = W(i, [0, p], [1, 0], {
+  }), y = W(h, [0, p], [1, 0], {
     extrapolateLeft: "clamp",
     extrapolateRight: "clamp"
   });
@@ -2189,7 +2189,7 @@ const Ve = ({
       style: {
         display: "inline-block",
         transformOrigin: "0 100%",
-        transform: `translateY(${l}em) translateX(${h}em) rotateZ(${u}deg)`,
+        transform: `translateY(${l}em) translateX(${i}em) rotateZ(${u}deg)`,
         opacity: y
       },
       children: t === " " ? " " : t
@@ -2205,8 +2205,8 @@ const Ve = ({
   animationTextOutFrames: a,
   durationInFrames: d
 }) => {
-  const o = d - a, p = a / e, c = o + n * p, i = r - c, l = xt({
-    frame: i,
+  const o = d - a, p = a / e, c = o + n * p, h = r - c, l = St({
+    frame: h,
     fps: s,
     from: 1,
     to: 0,
@@ -2324,13 +2324,13 @@ const Ve = ({
   const d = (a - e) / s, o = a / s, p = r / s, c = Math.min(
     Math.max((p - d) / (o - d), 0),
     1
-  ), i = 1 + c, l = 1 - c;
+  ), h = 1 + c, l = 1 - c;
   return /* @__PURE__ */ f(
     "span",
     {
       style: {
         display: "inline-block",
-        transform: `scaleX(${i})`,
+        transform: `scaleX(${h})`,
         opacity: l
       },
       children: t === " " ? " " : t
@@ -2348,13 +2348,13 @@ const Ve = ({
   const d = (a - e) / s, o = a / s, p = r / s, c = Math.min(
     Math.max((p - d) / (o - d), 0),
     1
-  ), i = 1 + c, l = 1 - c;
+  ), h = 1 + c, l = 1 - c;
   return /* @__PURE__ */ f(
     "span",
     {
       style: {
         display: "inline-block",
-        transform: `scale(${i})`,
+        transform: `scale(${h})`,
         opacity: l
       },
       children: t === " " ? " " : t
@@ -2438,7 +2438,7 @@ const sr = ({
       extrapolateRight: "clamp"
     }
   );
-  return /* @__PURE__ */ yt(
+  return /* @__PURE__ */ vt(
     "span",
     {
       style: {
@@ -2492,7 +2492,7 @@ function dr({
       return "";
     }).join(" ");
   }, [e]);
-  return /* @__PURE__ */ yt(
+  return /* @__PURE__ */ vt(
     "div",
     {
       style: {
@@ -2522,7 +2522,7 @@ function dr({
     }
   );
 }
-const hr = ({
+const ir = ({
   text: t,
   frame: n,
   details: r,
@@ -2577,7 +2577,7 @@ const hr = ({
       )
     }
   );
-}, ir = ({
+}, hr = ({
   text: t,
   frame: n,
   animationTextInFrames: r,
@@ -2585,9 +2585,9 @@ const hr = ({
 }) => {
   const e = r * 0.5, a = r, d = 8, o = W(n, [0, e], [0.5, 1], {
     extrapolateRight: "clamp"
-  }), p = o, c = 0, i = 1, l = W(n, [0, e], [2, 1], {
+  }), p = o, c = 0, h = 1, l = W(n, [0, e], [2, 1], {
     extrapolateRight: "clamp"
-  }), h = n < e ? W(n, [0, e], [20, 0], {
+  }), i = n < e ? W(n, [0, e], [20, 0], {
     extrapolateRight: "clamp"
   }) : W(n, [e, a], [0, 40], {
     extrapolateLeft: "clamp",
@@ -2604,7 +2604,7 @@ const hr = ({
       [0, e],
       [0.5, 1],
       { extrapolateRight: "clamp" }
-    ), $ = W(
+    ), x = W(
       v,
       [0, e],
       [0.15, 0],
@@ -2618,7 +2618,7 @@ const hr = ({
             position: "absolute",
             top: 0,
             left: 0,
-            opacity: $,
+            opacity: x,
             transform: `scale(${b * 2})`,
             pointerEvents: "none"
           },
@@ -2628,7 +2628,7 @@ const hr = ({
       )
     );
   }
-  return /* @__PURE__ */ yt(
+  return /* @__PURE__ */ vt(
     "div",
     {
       style: {
@@ -2660,7 +2660,7 @@ const hr = ({
               width: s.width,
               height: s.height,
               transform: `scaleX(${l})`,
-              filter: `blur(${h * 3}px)`
+              filter: `blur(${i * 3}px)`
             },
             children: t
           }
@@ -2669,7 +2669,7 @@ const hr = ({
           "span",
           {
             style: {
-              opacity: i,
+              opacity: h,
               filter: `blur(${c}px)`,
               transform: `scale(${p})`,
               fontSize: parseFloat(s.fontSize.toString()),
@@ -2700,12 +2700,12 @@ const hr = ({
   details: s
 }) => {
   const e = r * 3 / 4, a = Math.floor(e / ko.length);
-  let d = "", o = 0, p = a, c = 2, i = 0.5, l = parseFloat(s.fontSize.toString());
+  let d = "", o = 0, p = a, c = 2, h = 0.5, l = parseFloat(s.fontSize.toString());
   if (n < e) {
     const v = Math.floor(n / a);
-    d = ko[v], o = n - v * a, p = a, c = 2, i = 0.5, l = parseFloat(s.fontSize.toString());
-  } else n < r ? (d = t, o = n - e, p = r - e, c = 2, i = 1, l = parseFloat(s.fontSize.toString())) : (d = t, o = p, c = 1, i = 1, l = parseFloat(s.fontSize.toString()));
-  const h = Math.min(o / p, 1), u = W(h, [0, 1], [c, i]), y = W(h, [0, 1], [0.3, 1]), m = W(h, [0, 1], [8, 0]);
+    d = ko[v], o = n - v * a, p = a, c = 2, h = 0.5, l = parseFloat(s.fontSize.toString());
+  } else n < r ? (d = t, o = n - e, p = r - e, c = 2, h = 1, l = parseFloat(s.fontSize.toString())) : (d = t, o = p, c = 1, h = 1, l = parseFloat(s.fontSize.toString()));
+  const i = Math.min(o / p, 1), u = W(i, [0, 1], [c, h]), y = W(i, [0, 1], [0.3, 1]), m = W(i, [0, 1], [8, 0]);
   return /* @__PURE__ */ f(
     "span",
     {
@@ -2731,27 +2731,27 @@ const hr = ({
   animationTextInFrames: s,
   fps: e
 }) => {
-  const a = (h, u, y) => {
+  const a = (i, u, y) => {
     const v = document.createElement("canvas").getContext("2d");
     if (!v) return [];
     v.font = `${y}px ${r.fontFamily || "Arial, sans-serif"}`;
-    const b = h.split(" ");
-    let $ = [], g = "";
+    const b = i.split(" ");
+    let x = [], g = "";
     return b.forEach((M) => {
-      const x = g ? `${g} ${M}` : M;
-      v.measureText(x).width > u ? ($.push(g), g = M) : g = x;
-    }), g && $.push(g), $;
-  }, d = r.width || 300, o = a(t, d, r.fontSize), p = s / e, c = 0.3, i = p / o.length, l = o.map((h, u) => {
-    const y = u * i * (1 - c) * 1.5, m = y + i, v = y * e, b = Math.max(m * e, p * e), $ = W(n, [v, b], [0, 1], {
+      const $ = g ? `${g} ${M}` : M;
+      v.measureText($).width > u ? (x.push(g), g = M) : g = $;
+    }), g && x.push(g), x;
+  }, d = r.width || 300, o = a(t, d, r.fontSize), p = s / e, c = 0.3, h = p / o.length, l = o.map((i, u) => {
+    const y = u * h * (1 - c) * 1.5, m = y + h, v = y * e, b = Math.max(m * e, p * e), x = W(n, [v, b], [0, 1], {
       easing: w.out(w.cubic),
       extrapolateLeft: "clamp",
       extrapolateRight: "clamp"
-    }), g = W($, [0, 1], [-r.fontSize, 0]);
+    }), g = W(x, [0, 1], [-r.fontSize, 0]);
     return {
-      text: h,
-      progress: $,
+      text: i,
+      progress: x,
       y: g,
-      opacity: $
+      opacity: x
     };
   });
   return /* @__PURE__ */ f(
@@ -2764,7 +2764,7 @@ const hr = ({
         overflow: "hidden",
         width: `${d}px`
       },
-      children: l.map((h, u) => /* @__PURE__ */ f(
+      children: l.map((i, u) => /* @__PURE__ */ f(
         "div",
         {
           style: {
@@ -2777,10 +2777,10 @@ const hr = ({
             "div",
             {
               style: {
-                transform: `translateY(${h.y}px)`,
-                opacity: h.opacity
+                transform: `translateY(${i.y}px)`,
+                opacity: i.opacity
               },
-              children: h.text
+              children: i.text
             }
           )
         },
@@ -2810,7 +2810,7 @@ const hr = ({
   text: r
 }) => {
   const s = W(t, [0, n / 2], [0, 360]), e = s - 90;
-  return /* @__PURE__ */ yt(
+  return /* @__PURE__ */ vt(
     "div",
     {
       style: {
@@ -2879,12 +2879,12 @@ const hr = ({
     }
   );
 };
-function ho(t) {
+function io(t) {
   const n = Math.sin(t) * 1e4;
   return n - Math.floor(n);
 }
 const yr = ({ text: t, frame: n }) => {
-  const r = (ho(n) - 0.5) * 8, s = (ho(n + 999) - 0.5) * 8, e = (ho(n + 500) - 0.5) * 6;
+  const r = (io(n) - 0.5) * 8, s = (io(n + 999) - 0.5) * 8, e = (io(n + 500) - 0.5) * 6;
   return /* @__PURE__ */ f(
     "span",
     {
@@ -2913,13 +2913,13 @@ const yr = ({ text: t, frame: n }) => {
         position: "relative"
       },
       children: Array.from({ length: d }).map((o, p) => {
-        const c = p * 4, i = -p * 2, l = 1 / (d - p);
+        const c = p * 4, h = -p * 2, l = 1 / (d - p);
         return /* @__PURE__ */ f(
           "div",
           {
             style: {
               position: "absolute",
-              transform: `translate(${c * 4}px, ${i * 4}px)`,
+              transform: `translate(${c * 4}px, ${h * 4}px)`,
               fontWeight: "bold",
               fontSize: r.fontSize,
               zIndex: p,
@@ -2936,7 +2936,7 @@ const yr = ({ text: t, frame: n }) => {
   );
 }, gr = ({ text: t, frame: n }) => {
   const r = Math.sin(n / 10) * 10, s = Math.sin(n / 5) * 10;
-  return /* @__PURE__ */ yt(
+  return /* @__PURE__ */ vt(
     "span",
     {
       style: {
@@ -2983,11 +2983,11 @@ const yr = ({ text: t, frame: n }) => {
   details: d,
   marqueeDetails: o
 }) => {
-  const p = wt(), c = typeof n == "number" && !isNaN(n) ? n : p, i = Math.max(0, c - (r || 0)), l = Math.min(1, Math.max(0, i / (s || 1))), h = Math.min(12, Math.max(1, Number((o == null ? void 0 : o.repeatX) ?? 5))), u = Math.min(12, Math.max(1, Number((o == null ? void 0 : o.repeatY) ?? 5))), y = d.width || 300, m = d.height || 100, v = y / h, b = m / u, $ = (o == null ? void 0 : o.scaleFactor) !== void 0 ? Number(o.scaleFactor) : 1, g = o != null && o.hasInitialValue && (o == null ? void 0 : o.initialScaleFactor) !== void 0 ? Number(o.initialScaleFactor) : $, M = o != null && o.hasInitialValue ? g + ($ - g) * l : $, x = (o == null ? void 0 : o.gapX) !== void 0 ? Number(o.gapX) : 60, I = (o == null ? void 0 : o.gapY) !== void 0 ? Number(o.gapY) : 60, k = 0.55, S = Math.max(8, b * 0.7 - I * 0.1), Y = Math.max(
+  const p = Yt(), c = typeof n == "number" && !isNaN(n) ? n : p, h = Math.max(0, c - (r || 0)), l = Math.min(1, Math.max(0, h / (s || 1))), i = Math.min(12, Math.max(1, Number((o == null ? void 0 : o.repeatX) ?? 5))), u = Math.min(12, Math.max(1, Number((o == null ? void 0 : o.repeatY) ?? 5))), y = d.width || 300, m = d.height || 100, v = y / i, b = m / u, x = (o == null ? void 0 : o.scaleFactor) !== void 0 ? Number(o.scaleFactor) : 1, g = o != null && o.hasInitialValue && (o == null ? void 0 : o.initialScaleFactor) !== void 0 ? Number(o.initialScaleFactor) : x, M = o != null && o.hasInitialValue ? g + (x - g) * l : x, $ = (o == null ? void 0 : o.gapX) !== void 0 ? Number(o.gapX) : 60, I = (o == null ? void 0 : o.gapY) !== void 0 ? Number(o.gapY) : 60, k = 0.55, S = Math.max(8, b * 0.7 - I * 0.1), Y = Math.max(
     8,
-    (v - x * 0.2) / Math.max(1, t.length * k)
-  ), N = Math.min(S, Y), E = Math.max(8, N * M), F = (o == null ? void 0 : o.direction) || "horizontal", X = F === "static", P = (o == null ? void 0 : o.baseSpeed) !== void 0 ? Number(o.baseSpeed) : 0.25, L = (o == null ? void 0 : o.speedVariation) !== void 0 ? Number(o.speedVariation) : 0.5, V = o != null && o.hasInitialValue && (o == null ? void 0 : o.initialBaseSpeed) !== void 0 ? Number(o.initialBaseSpeed) : P, O = o != null && o.hasInitialValue ? V + (P - V) * l : P, C = X ? 0 : O * 80, B = X ? 0 : O * 80, z = (o == null ? void 0 : o.lineOffset) !== void 0 ? Number(o.lineOffset) : 0.5, et = Ct(d), q = F === "vertical" || F === "up" || F === "down", Z = F === "diagonal", K = u + ((q || Z) && B > 0 ? 2 : 0), T = h + ((!q || Z) && C > 0 ? 2 : 0), ct = (K - 1) / 2, lt = (T - 1) / 2, G = Array.from({ length: K }, (U, tt) => tt - ct), D = Array.from({ length: T }, (U, tt) => tt - lt);
-  return q ? /* @__PURE__ */ f(
+    (v - $ * 0.2) / Math.max(1, t.length * k)
+  ), N = Math.min(S, Y), V = Math.max(8, N * M), F = (o == null ? void 0 : o.direction) || "horizontal", X = F === "static", P = (o == null ? void 0 : o.baseSpeed) !== void 0 ? Number(o.baseSpeed) : 0.25, G = (o == null ? void 0 : o.speedVariation) !== void 0 ? Number(o.speedVariation) : 0.5, E = o != null && o.hasInitialValue && (o == null ? void 0 : o.initialBaseSpeed) !== void 0 ? Number(o.initialBaseSpeed) : P, O = o != null && o.hasInitialValue ? E + (P - E) * l : P, C = X ? 0 : O * 80, B = X ? 0 : O * 80, z = (o == null ? void 0 : o.lineOffset) !== void 0 ? Number(o.lineOffset) : 0.5, et = Gt(d), T = F === "vertical" || F === "up" || F === "down", Z = F === "diagonal", J = u + ((T || Z) && B > 0 ? 2 : 0), D = i + ((!T || Z) && C > 0 ? 2 : 0), st = (J - 1) / 2, mt = (D - 1) / 2, L = Array.from({ length: J }, (U, ot) => ot - st), tt = Array.from({ length: D }, (U, ot) => ot - mt);
+  return T ? /* @__PURE__ */ f(
     "div",
     {
       style: {
@@ -2996,29 +2996,29 @@ const yr = ({ text: t, frame: n }) => {
         position: "relative",
         overflow: "hidden"
       },
-      children: D.map((U, tt) => {
-        let Q = tt % 2 === 0 ? 1 : -1;
-        F === "up" && (Q = -1), F === "down" && (Q = 1);
-        const A = 1 + tt % 2 * (L * 0.5), ut = B > 0 && Q !== 0 ? Q * (c * B * A) + U * (b * z) : U * (b * z), vt = B === 0 || Q === 0 ? 0 : (ut % b + b) % b;
-        return G.map((it, J) => {
-          const nt = U * v, ot = it * b + vt;
+      children: tt.map((U, ot) => {
+        let A = ot % 2 === 0 ? 1 : -1;
+        F === "up" && (A = -1), F === "down" && (A = 1);
+        const Q = 1 + ot % 2 * (G * 0.5), lt = B > 0 && A !== 0 ? A * (c * B * Q) + U * (b * z) : U * (b * z), Mt = B === 0 || A === 0 ? 0 : (lt % b + b) % b;
+        return L.map((pt, q) => {
+          const rt = U * v, nt = pt * b + Mt;
           return /* @__PURE__ */ f(
             "span",
             {
               style: {
                 ...et,
                 position: "absolute",
-                left: `calc(50% + ${nt}px)`,
-                top: `calc(50% + ${ot}px)`,
+                left: `calc(50% + ${rt}px)`,
+                top: `calc(50% + ${nt}px)`,
                 transform: "translate(-50%, -50%)",
-                fontSize: `${E}px`,
+                fontSize: `${V}px`,
                 lineHeight: 1,
-                opacity: it === 0 && U === 0 ? 1 : 0.85,
+                opacity: pt === 0 && U === 0 ? 1 : 0.85,
                 whiteSpace: "nowrap"
               },
               children: t
             },
-            `v-${tt}-${J}`
+            `v-${ot}-${q}`
           );
         });
       })
@@ -3032,27 +3032,27 @@ const yr = ({ text: t, frame: n }) => {
         position: "relative",
         overflow: "hidden"
       },
-      children: G.map((U, tt) => {
-        const Q = tt % 2 === 0 ? 1 : -1, A = tt % 2 === 0 ? 1 : -1, ut = 1 + tt % 2 * (L * 0.5), vt = C > 0 ? Q * (c * C * ut) + U * (v * z) : U * (v * z), it = C === 0 ? 0 : (vt % v + v) % v, J = B > 0 ? A * (c * B * ut) + U * (b * z) : U * (b * z), nt = B === 0 ? 0 : (J % b + b) % b;
-        return D.map((ot, st) => {
-          const at = ot * v + it, ft = U * b + nt;
+      children: L.map((U, ot) => {
+        const A = ot % 2 === 0 ? 1 : -1, Q = ot % 2 === 0 ? 1 : -1, lt = 1 + ot % 2 * (G * 0.5), Mt = C > 0 ? A * (c * C * lt) + U * (v * z) : U * (v * z), pt = C === 0 ? 0 : (Mt % v + v) % v, q = B > 0 ? Q * (c * B * lt) + U * (b * z) : U * (b * z), rt = B === 0 ? 0 : (q % b + b) % b;
+        return tt.map((nt, dt) => {
+          const it = nt * v + pt, yt = U * b + rt;
           return /* @__PURE__ */ f(
             "span",
             {
               style: {
                 ...et,
                 position: "absolute",
-                left: `calc(50% + ${at}px)`,
-                top: `calc(50% + ${ft}px)`,
+                left: `calc(50% + ${it}px)`,
+                top: `calc(50% + ${yt}px)`,
                 transform: "translate(-50%, -50%)",
-                fontSize: `${E}px`,
+                fontSize: `${V}px`,
                 lineHeight: 1,
-                opacity: U === 0 && ot === 0 ? 1 : 0.85,
+                opacity: U === 0 && nt === 0 ? 1 : 0.85,
                 whiteSpace: "nowrap"
               },
               children: t
             },
-            `d-${tt}-${st}`
+            `d-${ot}-${dt}`
           );
         });
       })
@@ -3066,29 +3066,29 @@ const yr = ({ text: t, frame: n }) => {
         position: "relative",
         overflow: "hidden"
       },
-      children: G.map((U, tt) => {
-        let Q = tt % 2 === 0 ? 1 : -1;
-        F === "left" && (Q = -1), F === "right" && (Q = 1);
-        const A = 1 + tt % 2 * (L * 0.5), ut = C > 0 && Q !== 0 ? Q * (c * C * A) + U * (v * z) : U * (v * z), vt = C === 0 || Q === 0 ? 0 : (ut % v + v) % v;
-        return D.map((it, J) => {
-          const nt = it * v + vt, ot = U * b;
+      children: L.map((U, ot) => {
+        let A = ot % 2 === 0 ? 1 : -1;
+        F === "left" && (A = -1), F === "right" && (A = 1);
+        const Q = 1 + ot % 2 * (G * 0.5), lt = C > 0 && A !== 0 ? A * (c * C * Q) + U * (v * z) : U * (v * z), Mt = C === 0 || A === 0 ? 0 : (lt % v + v) % v;
+        return tt.map((pt, q) => {
+          const rt = pt * v + Mt, nt = U * b;
           return /* @__PURE__ */ f(
             "span",
             {
               style: {
                 ...et,
                 position: "absolute",
-                left: `calc(50% + ${nt}px)`,
-                top: `calc(50% + ${ot}px)`,
+                left: `calc(50% + ${rt}px)`,
+                top: `calc(50% + ${nt}px)`,
                 transform: "translate(-50%, -50%)",
-                fontSize: `${E}px`,
+                fontSize: `${V}px`,
                 lineHeight: 1,
-                opacity: U === 0 && it === 0 ? 1 : 0.85,
+                opacity: U === 0 && pt === 0 ? 1 : 0.85,
                 whiteSpace: "nowrap"
               },
               children: t
             },
-            `h-${tt}-${J}`
+            `h-${ot}-${q}`
           );
         });
       })
@@ -3104,17 +3104,17 @@ const yr = ({ text: t, frame: n }) => {
   details: d,
   echoesDetails: o
 }) => {
-  const p = wt(), c = typeof n == "number" && !isNaN(n) ? n : p, i = d.width || 300, l = d.height || 100, h = (o == null ? void 0 : o.keepStill) || "both", u = Number((o == null ? void 0 : o.toRepeatCount) ?? 5), y = Number((o == null ? void 0 : o.toScaleDown) ?? 0.3), m = Number((o == null ? void 0 : o.toCenterX) ?? 0.5), v = Number((o == null ? void 0 : o.toCenterY) ?? 0.5), b = (o == null ? void 0 : o.initialRepeatCount) !== void 0 ? Number(o.initialRepeatCount) : u, $ = (o == null ? void 0 : o.initialScaleDown) !== void 0 ? Number(o.initialScaleDown) : 1, g = (o == null ? void 0 : o.initialCenterX) !== void 0 ? Number(o.initialCenterX) : m, M = (o == null ? void 0 : o.initialCenterY) !== void 0 ? Number(o.initialCenterY) : v, x = Math.max(0, c - (r || 0)), I = Math.min(1, Math.max(0, x / (s || 1)));
+  const p = Yt(), c = typeof n == "number" && !isNaN(n) ? n : p, h = d.width || 300, l = d.height || 100, i = (o == null ? void 0 : o.keepStill) || "both", u = Number((o == null ? void 0 : o.toRepeatCount) ?? 5), y = Number((o == null ? void 0 : o.toScaleDown) ?? 0.3), m = Number((o == null ? void 0 : o.toCenterX) ?? 0.5), v = Number((o == null ? void 0 : o.toCenterY) ?? 0.5), b = (o == null ? void 0 : o.initialRepeatCount) !== void 0 ? Number(o.initialRepeatCount) : u, x = (o == null ? void 0 : o.initialScaleDown) !== void 0 ? Number(o.initialScaleDown) : 1, g = (o == null ? void 0 : o.initialCenterX) !== void 0 ? Number(o.initialCenterX) : m, M = (o == null ? void 0 : o.initialCenterY) !== void 0 ? Number(o.initialCenterY) : v, $ = Math.max(0, c - (r || 0)), I = Math.min(1, Math.max(0, $ / (s || 1)));
   let S = e + (a - e) * I;
-  h === "initial" ? S = 0 : h === "final" && (S = 1);
+  i === "initial" ? S = 0 : i === "final" && (S = 1);
   const Y = Math.max(
     1,
     Math.round(W(S, [0, 1], [b, u]))
   ), N = W(
     S,
     [0, 1],
-    [$, y]
-  ), E = W(
+    [x, y]
+  ), V = W(
     S,
     [0, 1],
     [g, m]
@@ -3122,7 +3122,7 @@ const yr = ({ text: t, frame: n }) => {
     S,
     [0, 1],
     [M, v]
-  ), X = Ct(d), P = Array.from({ length: Y }, (L, V) => V);
+  ), X = Gt(d), P = Array.from({ length: Y }, (G, E) => E);
   return /* @__PURE__ */ f(
     "div",
     {
@@ -3132,8 +3132,8 @@ const yr = ({ text: t, frame: n }) => {
         position: "relative",
         overflow: "hidden"
       },
-      children: P.map((L) => {
-        const V = Y > 1 ? L / (Y - 1) : 0, O = 1 - V * (1 - Math.max(0.01, N)), C = (E - 0.5) * i * V, B = (F - 0.5) * l * V;
+      children: P.map((G) => {
+        const E = Y > 1 ? G / (Y - 1) : 0, O = 1 - E * (1 - Math.max(0.01, N)), C = (V - 0.5) * h * E, B = (F - 0.5) * l * E;
         return /* @__PURE__ */ f(
           "span",
           {
@@ -3146,12 +3146,12 @@ const yr = ({ text: t, frame: n }) => {
               transformOrigin: "center center",
               lineHeight: 1,
               whiteSpace: "nowrap",
-              zIndex: L + 1,
-              opacity: L === 0 ? 1 : 0.85
+              zIndex: G + 1,
+              opacity: G === 0 ? 1 : 0.85
             },
             children: t
           },
-          `echo-${L}`
+          `echo-${G}`
         );
       })
     }
@@ -3166,7 +3166,7 @@ const yr = ({ text: t, frame: n }) => {
   details: d,
   wiggleDetails: o
 }) => {
-  const p = wt(), c = typeof n == "number" && !isNaN(n) ? n : p, i = Number((o == null ? void 0 : o.wiggleX) ?? 20), l = Number((o == null ? void 0 : o.wiggleY) ?? 20), h = Number((o == null ? void 0 : o.speed) ?? 3), u = Number((o == null ? void 0 : o.angle) ?? 10), y = Number((o == null ? void 0 : o.seed) ?? 1), m = o != null && o.hasInitialValue && (o == null ? void 0 : o.initialWiggleX) !== void 0 ? Number(o.initialWiggleX) : i, v = o != null && o.hasInitialValue && (o == null ? void 0 : o.initialWiggleY) !== void 0 ? Number(o.initialWiggleY) : l, b = o != null && o.hasInitialValue && (o == null ? void 0 : o.initialSpeed) !== void 0 ? Number(o.initialSpeed) : h, $ = o != null && o.hasInitialValue && (o == null ? void 0 : o.initialAngle) !== void 0 ? Number(o.initialAngle) : u, g = Math.max(0, c - (r || 0)), M = Math.min(1, Math.max(0, g / (s || 1))), x = o != null && o.hasInitialValue ? m + (i - m) * M : i, I = o != null && o.hasInitialValue ? v + (l - v) * M : l, k = o != null && o.hasInitialValue ? b + (h - b) * M : h, S = o != null && o.hasInitialValue ? $ + (u - $) * M : u, Y = c * (k * 0.08), N = y * 12.345, E = Math.sin(Y + N) * Math.cos(Y * 0.65 + N) * x, F = Math.cos(Y * 0.85 + N) * Math.sin(Y * 1.15 + N) * I, X = Math.sin(Y * 0.9 + N * 1.35) * S, P = Ct(d);
+  const p = Yt(), c = typeof n == "number" && !isNaN(n) ? n : p, h = Number((o == null ? void 0 : o.wiggleX) ?? 20), l = Number((o == null ? void 0 : o.wiggleY) ?? 20), i = Number((o == null ? void 0 : o.speed) ?? 3), u = Number((o == null ? void 0 : o.angle) ?? 10), y = Number((o == null ? void 0 : o.seed) ?? 1), m = o != null && o.hasInitialValue && (o == null ? void 0 : o.initialWiggleX) !== void 0 ? Number(o.initialWiggleX) : h, v = o != null && o.hasInitialValue && (o == null ? void 0 : o.initialWiggleY) !== void 0 ? Number(o.initialWiggleY) : l, b = o != null && o.hasInitialValue && (o == null ? void 0 : o.initialSpeed) !== void 0 ? Number(o.initialSpeed) : i, x = o != null && o.hasInitialValue && (o == null ? void 0 : o.initialAngle) !== void 0 ? Number(o.initialAngle) : u, g = Math.max(0, c - (r || 0)), M = Math.min(1, Math.max(0, g / (s || 1))), $ = o != null && o.hasInitialValue ? m + (h - m) * M : h, I = o != null && o.hasInitialValue ? v + (l - v) * M : l, k = o != null && o.hasInitialValue ? b + (i - b) * M : i, S = o != null && o.hasInitialValue ? x + (u - x) * M : u, Y = c * (k * 0.08), N = y * 12.345, V = Math.sin(Y + N) * Math.cos(Y * 0.65 + N) * $, F = Math.cos(Y * 0.85 + N) * Math.sin(Y * 1.15 + N) * I, X = Math.sin(Y * 0.9 + N * 1.35) * S, P = Gt(d);
   return /* @__PURE__ */ f(
     "div",
     {
@@ -3182,7 +3182,7 @@ const yr = ({ text: t, frame: n }) => {
           style: {
             ...P,
             position: "absolute",
-            left: `calc(50% + ${E}px)`,
+            left: `calc(50% + ${V}px)`,
             top: `calc(50% + ${F}px)`,
             transform: `translate(-50%, -50%) rotate(${X}deg)`,
             transformOrigin: "center center",
@@ -3204,7 +3204,7 @@ const yr = ({ text: t, frame: n }) => {
   details: d,
   cardFlipDetails: o
 }) => {
-  const p = Ct(d);
+  const p = Gt(d);
   return /* @__PURE__ */ f(
     bo,
     {
@@ -3229,24 +3229,24 @@ const yr = ({ text: t, frame: n }) => {
   details: d,
   noiseTileDetails: o
 }) => {
-  const p = wt(), c = typeof n == "number" && !isNaN(n) ? n : p, i = d.width || 300, l = d.height || 100, h = (o == null ? void 0 : o.keepStill) || "both", u = Number((o == null ? void 0 : o.toXRepetitions) ?? (o == null ? void 0 : o.xRepetitions) ?? 5), y = Number((o == null ? void 0 : o.toYRepetitions) ?? (o == null ? void 0 : o.yRepetitions) ?? 5), m = 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), b = Number((o == null ? void 0 : o.toScale) ?? (o == null ? void 0 : o.scale) ?? 1), $ = Number((o == null ? void 0 : o.toNoiseScale) ?? (o == null ? void 0 : o.noiseScale) ?? 1.5), g = Number((o == null ? void 0 : o.toNoiseMoveX) ?? (o == null ? void 0 : o.noiseMoveX) ?? 0.6), M = Number((o == null ? void 0 : o.toNoiseMoveY) ?? (o == null ? void 0 : o.noiseMoveY) ?? 0.4), x = 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), k = Number((o == null ? void 0 : o.toSeedOffset) ?? (o == null ? void 0 : o.seedOffset) ?? 0), S = !!(o != null && o.hasInitialValue), Y = S ? Number((o == null ? void 0 : o.initialXRepetitions) ?? u) : u, N = S ? Number((o == null ? void 0 : o.initialYRepetitions) ?? y) : y, E = S ? Number((o == null ? void 0 : o.initialGapX) ?? m) : m, F = S ? Number((o == null ? void 0 : o.initialGapY) ?? v) : v, X = S ? Number((o == null ? void 0 : o.initialScale) ?? b) : b, P = S ? Number((o == null ? void 0 : o.initialNoiseScale) ?? $) : $, L = S ? Number((o == null ? void 0 : o.initialNoiseMoveX) ?? g) : g, V = S ? Number((o == null ? void 0 : o.initialNoiseMoveY) ?? M) : M, O = S ? Number((o == null ? void 0 : o.initialFps) ?? x) : x, C = S ? Number((o == null ? void 0 : o.initialThreshold) ?? I) : I, B = S ? Number((o == null ? void 0 : o.initialSeedOffset) ?? k) : k, z = Math.max(0, c - (r || 0)), et = Math.min(1, Math.max(0, z / (s || 1)));
+  const p = Yt(), c = typeof n == "number" && !isNaN(n) ? n : p, h = d.width || 300, l = d.height || 100, i = (o == null ? void 0 : o.keepStill) || "both", u = Number((o == null ? void 0 : o.toXRepetitions) ?? (o == null ? void 0 : o.xRepetitions) ?? 5), y = Number((o == null ? void 0 : o.toYRepetitions) ?? (o == null ? void 0 : o.yRepetitions) ?? 5), m = 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), b = Number((o == null ? void 0 : o.toScale) ?? (o == null ? void 0 : o.scale) ?? 1), x = Number((o == null ? void 0 : o.toNoiseScale) ?? (o == null ? void 0 : o.noiseScale) ?? 1.5), g = Number((o == null ? void 0 : o.toNoiseMoveX) ?? (o == null ? void 0 : o.noiseMoveX) ?? 0.6), M = Number((o == null ? void 0 : o.toNoiseMoveY) ?? (o == null ? void 0 : o.noiseMoveY) ?? 0.4), $ = 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), k = Number((o == null ? void 0 : o.toSeedOffset) ?? (o == null ? void 0 : o.seedOffset) ?? 0), S = !!(o != null && o.hasInitialValue), Y = S ? Number((o == null ? void 0 : o.initialXRepetitions) ?? u) : u, N = S ? Number((o == null ? void 0 : o.initialYRepetitions) ?? y) : y, V = S ? Number((o == null ? void 0 : o.initialGapX) ?? m) : m, F = S ? Number((o == null ? void 0 : o.initialGapY) ?? v) : v, X = S ? Number((o == null ? void 0 : o.initialScale) ?? b) : b, P = S ? Number((o == null ? void 0 : o.initialNoiseScale) ?? x) : x, G = S ? Number((o == null ? void 0 : o.initialNoiseMoveX) ?? g) : g, E = S ? Number((o == null ? void 0 : o.initialNoiseMoveY) ?? M) : M, O = S ? Number((o == null ? void 0 : o.initialFps) ?? $) : $, C = S ? Number((o == null ? void 0 : o.initialThreshold) ?? I) : I, B = S ? Number((o == null ? void 0 : o.initialSeedOffset) ?? k) : k, z = Math.max(0, c - (r || 0)), et = Math.min(1, Math.max(0, z / (s || 1)));
   let Z = e + (a - e) * et;
-  h === "initial" ? Z = 0 : h === "final" && (Z = 1);
-  const K = Math.max(1, Math.round(W(Z, [0, 1], [Y, u]))), T = Math.max(1, Math.round(W(Z, [0, 1], [N, y]))), ct = W(Z, [0, 1], [E, m]), lt = W(Z, [0, 1], [F, v]), G = W(Z, [0, 1], [X, b]), D = W(Z, [0, 1], [P, $]), U = W(Z, [0, 1], [L, g]), tt = W(Z, [0, 1], [V, M]), Q = Math.max(1, Math.round(W(Z, [0, 1], [O, x]))), A = W(Z, [0, 1], [C, I]), ut = W(Z, [0, 1], [B, k]), vt = Ct(d), it = Math.floor(z * (Q / 30)), J = (K - 1) / 2, nt = (T - 1) / 2, ot = [];
-  for (let st = 0; st < T; st++)
-    for (let at = 0; at < K; at++) {
-      const ft = at / Math.max(1, K) * D, bt = st / Math.max(1, T) * D, St = it * 0.1 + ut, pt = Go(
-        ft + it * U * 0.05,
-        bt + it * tt * 0.05,
-        St,
-        ut
-      ), Nt = at === Math.floor(J) && st === Math.floor(nt) || pt >= A, Yt = at - J, Ft = st - nt, Vt = ct / 100 * i, Ot = lt / 100 * l, Et = Yt * (i * G + Vt), Bt = Ft * (l * G + Ot);
-      ot.push({
-        col: at,
-        row: st,
-        visible: Nt,
-        posX: Et,
-        posY: Bt
+  i === "initial" ? Z = 0 : i === "final" && (Z = 1);
+  const J = Math.max(1, Math.round(W(Z, [0, 1], [Y, u]))), D = Math.max(1, Math.round(W(Z, [0, 1], [N, y]))), st = W(Z, [0, 1], [V, m]), mt = W(Z, [0, 1], [F, v]), L = W(Z, [0, 1], [X, b]), tt = W(Z, [0, 1], [P, x]), U = W(Z, [0, 1], [G, g]), ot = W(Z, [0, 1], [E, M]), A = Math.max(1, Math.round(W(Z, [0, 1], [O, $]))), Q = W(Z, [0, 1], [C, I]), lt = W(Z, [0, 1], [B, k]), Mt = Gt(d), pt = Math.floor(z * (A / 30)), q = (J - 1) / 2, rt = (D - 1) / 2, nt = [];
+  for (let dt = 0; dt < D; dt++)
+    for (let it = 0; it < J; it++) {
+      const yt = it / Math.max(1, J) * tt, xt = dt / Math.max(1, D) * tt, wt = pt * 0.1 + lt, ft = Lo(
+        yt + pt * U * 0.05,
+        xt + pt * ot * 0.05,
+        wt,
+        lt
+      ), Ft = it === Math.floor(q) && dt === Math.floor(rt) || ft >= Q, Rt = it - q, Xt = dt - rt, Vt = st / 100 * h, Ct = mt / 100 * l, Bt = Rt * (h * L + Vt), Ot = Xt * (l * L + Ct);
+      nt.push({
+        col: it,
+        row: dt,
+        visible: Ft,
+        posX: Bt,
+        posY: Ot
       });
     }
   return /* @__PURE__ */ f(
@@ -3258,22 +3258,22 @@ const yr = ({ text: t, frame: n }) => {
         position: "relative",
         overflow: "visible"
       },
-      children: ot.map((st) => st.visible ? /* @__PURE__ */ f(
+      children: nt.map((dt) => dt.visible ? /* @__PURE__ */ f(
         "span",
         {
           style: {
-            ...vt,
+            ...Mt,
             position: "absolute",
-            left: `calc(50% + ${st.posX}px)`,
-            top: `calc(50% + ${st.posY}px)`,
-            transform: `translate(-50%, -50%) scale(${G})`,
+            left: `calc(50% + ${dt.posX}px)`,
+            top: `calc(50% + ${dt.posY}px)`,
+            transform: `translate(-50%, -50%) scale(${L})`,
             transformOrigin: "center center",
             lineHeight: 1,
             whiteSpace: "nowrap"
           },
           children: t
         },
-        `text-tile-${st.col}-${st.row}`
+        `text-tile-${dt.col}-${dt.row}`
       ) : null)
     }
   );
@@ -3303,7 +3303,7 @@ const yr = ({ text: t, frame: n }) => {
       return "";
     }).join(" ");
   }, [a]);
-  return /* @__PURE__ */ yt(
+  return /* @__PURE__ */ vt(
     "div",
     {
       style: {
@@ -3341,28 +3341,28 @@ const yr = ({ text: t, frame: n }) => {
   durationInFrames: a
 }) => {
   const d = (y, m, v) => {
-    const $ = document.createElement("canvas").getContext("2d");
-    if (!$) return [];
-    $.font = `${v}px ${r.fontFamily || "Arial, sans-serif"}`;
+    const x = document.createElement("canvas").getContext("2d");
+    if (!x) return [];
+    x.font = `${v}px ${r.fontFamily || "Arial, sans-serif"}`;
     const g = y.split(" ");
-    let M = [], x = "";
+    let M = [], $ = "";
     return g.forEach((I) => {
-      const k = x ? `${x} ${I}` : I;
-      $.measureText(k).width > m ? (M.push(x), x = I) : x = k;
-    }), x && M.push(x), M;
-  }, o = (a - s) / e, p = r.width || 300, c = d(t, p, r.fontSize), i = s / e, l = 0.5, h = i / c.length, u = c.map((y, m) => {
-    const v = o + m * h * (1 - l) * 1.5, b = v + h, $ = v * e, g = Math.min(
+      const k = $ ? `${$} ${I}` : I;
+      x.measureText(k).width > m ? (M.push($), $ = I) : $ = k;
+    }), $ && M.push($), M;
+  }, o = (a - s) / e, p = r.width || 300, c = d(t, p, r.fontSize), h = s / e, l = 0.5, i = h / c.length, u = c.map((y, m) => {
+    const v = o + m * i * (1 - l) * 1.5, b = v + i, x = v * e, g = Math.min(
       b * e,
-      (o + i) * e
-    ), M = W(n, [$, g], [0, 1], {
+      (o + h) * e
+    ), M = W(n, [x, g], [0, 1], {
       easing: w.in(w.cubic),
       extrapolateLeft: "clamp",
       extrapolateRight: "clamp"
-    }), x = W(M, [0, 1], [0, -r.fontSize]);
+    }), $ = W(M, [0, 1], [0, -r.fontSize]);
     return {
       text: y,
       progress: M,
-      y: x,
+      y: $,
       opacity: 1 - M
     };
   });
@@ -3410,11 +3410,11 @@ const yr = ({ text: t, frame: n }) => {
 }) => {
   const d = e - r, p = W(n, [d, d + r], [0, 1], {
     extrapolateRight: "clamp"
-  }), c = s.width, i = s.height, l = W(
+  }), c = s.width, h = s.height, l = W(
     Math.round(p * 100),
     [0, 100 - a / 10],
     [c, 0]
-  ), h = W(p, [0, 1], [0, c * 2]);
+  ), i = W(p, [0, 1], [0, c * 2]);
   return /* @__PURE__ */ f(
     "div",
     {
@@ -3432,7 +3432,7 @@ const yr = ({ text: t, frame: n }) => {
         {
           style: {
             width: l,
-            height: i,
+            height: h,
             overflow: "hidden",
             display: "flex",
             position: "relative",
@@ -3452,7 +3452,7 @@ const yr = ({ text: t, frame: n }) => {
                 width: s.width,
                 height: s.height,
                 color: s.color === "white" || s.color.includes("fff") ? "black" : s.color,
-                transform: `translateX(${h}px)`
+                transform: `translateX(${i}px)`
               },
               children: t
             }
@@ -3463,18 +3463,18 @@ const yr = ({ text: t, frame: n }) => {
   );
 }, Nr = {
   sunnyMorningsTextAnimationIn: Cn,
-  dominoDreamsTextAnimationIn: Ln,
-  greatThinkersTextAnimationIn: Gn,
+  dominoDreamsTextAnimationIn: Gn,
+  greatThinkersTextAnimationIn: Ln,
   beautifulQuestionsTextAnimationIn: zn,
   madeWithLoveTextAnimationIn: jn,
-  realityIsBrokenTextAnimationIn: An,
+  realityIsBrokenTextAnimationIn: Qn,
   dropTextAnimationIn: tr,
   descompressTextAnimationIn: or
 }, Yr = {
   animatedTextOut: Hn,
   sunnyMorningsTextAnimationOut: _n,
   dominoDreamsTextAnimationOut: Zn,
-  beautifulQuestionsTextAnimationOut: Qn,
+  beautifulQuestionsTextAnimationOut: An,
   madeWithLoveTextAnimationOut: Un,
   realityIsBrokenTextAnimationOut: Kn,
   greatThinkersTextAnimationOut: Jn,
@@ -3499,40 +3499,40 @@ const yr = ({ text: t, frame: n }) => {
   textAnimationModeLoop: o = "letter",
   textAnimationModeTimed: p = "all",
   basicCharAnimationsIn: c,
-  basicCharAnimationsOut: i,
+  basicCharAnimationsOut: h,
   basicCharAnimationsLoop: l,
-  basicCharAnimationsTimed: h,
+  basicCharAnimationsTimed: i,
   loopComposition: u,
   details: y,
   frame: m,
   animationTextInFrames: v,
   animationTextOutFrames: b,
-  animationTextLoopFrames: $,
+  animationTextLoopFrames: x,
   animationTextTimedFrames: g = 0,
   durationInFrames: M,
-  animationFonts: x
+  animationFonts: $
 }) => {
-  var gt, Nt, Yt, Ft, Vt, Ot, Et, Bt, Gt, zt, jt, Ht, j, dt;
-  const I = v, k = M - b, S = r ? I >= m : !1, Y = s ? m >= k : !1, N = c && c.length > 0, E = i && i.length > 0, F = l && l.length > 0, X = h && h.length > 0, P = ((gt = c == null ? void 0 : c[0]) == null ? void 0 : gt.durationInFrames) || v, L = ((Nt = c == null ? void 0 : c[0]) == null ? void 0 : Nt.delay) || 0, V = P + L, O = ((Yt = i == null ? void 0 : i[0]) == null ? void 0 : Yt.durationInFrames) || b, C = ((Ft = i == null ? void 0 : i[0]) == null ? void 0 : Ft.delay) || 0, B = O + C, z = Math.max(0, M - B), et = ((Vt = h == null ? void 0 : h[0]) == null ? void 0 : Vt.delay) || 0, q = et, Z = et + (((Ot = h == null ? void 0 : h[0]) == null ? void 0 : Ot.durationInFrames) || g), K = N && !r && (F ? m < V : m < z), T = E && !s && m >= z, ct = X && !K && !T && m >= q && m < Z, lt = F && !e && !K && !T && !ct, D = ((H, _, R) => {
-    const rt = document.createElement("canvas").getContext("2d");
-    if (!rt) return [];
-    rt.font = `${R}px Arial`;
-    const kt = [], Rt = H.split(`
+  var $t, Ft, Rt, Xt, Vt, Ct, Bt, Ot, zt, jt, Ht, _t, j, ht;
+  const I = v, k = M - b, S = r ? I >= m : !1, Y = s ? m >= k : !1, N = c && c.length > 0, V = h && h.length > 0, F = l && l.length > 0, X = i && i.length > 0, P = (($t = c == null ? void 0 : c[0]) == null ? void 0 : $t.durationInFrames) || v, G = ((Ft = c == null ? void 0 : c[0]) == null ? void 0 : Ft.delay) || 0, E = P + G, O = ((Rt = h == null ? void 0 : h[0]) == null ? void 0 : Rt.durationInFrames) || b, C = ((Xt = h == null ? void 0 : h[0]) == null ? void 0 : Xt.delay) || 0, B = O + C, z = Math.max(0, M - B), et = ((Vt = i == null ? void 0 : i[0]) == null ? void 0 : Vt.delay) || 0, T = et, Z = et + (((Ct = i == null ? void 0 : i[0]) == null ? void 0 : Ct.durationInFrames) || g), J = N && !r && (F ? m < E : m < z), D = V && !s && m >= z, st = X && !J && !D && m >= T && m <= Z, mt = F && !e && !J && !D && !st, tt = ((H, _, R) => {
+    const at = document.createElement("canvas").getContext("2d");
+    if (!at) return [];
+    at.font = `${R}px Arial`;
+    const ut = [], bt = H.split(`
 `);
-    for (const Qt of Rt) {
-      if (Qt.trim() === "") {
-        kt.push("");
+    for (const ct of bt) {
+      if (ct.trim() === "") {
+        ut.push("");
         continue;
       }
-      const _t = Qt.split(" ");
-      let Xt = "";
-      for (const so of _t) {
-        const $o = Xt ? `${Xt} ${so}` : so;
-        rt.measureText($o).width > _ ? (Xt && kt.push(Xt), Xt = so) : Xt = $o;
+      const Zt = ct.split(" ");
+      let Pt = "";
+      for (const so of Zt) {
+        const $o = Pt ? `${Pt} ${so}` : so;
+        at.measureText($o).width > _ ? (Pt && ut.push(Pt), Pt = so) : Pt = $o;
       }
-      Xt && kt.push(Xt);
+      Pt && ut.push(Pt);
     }
-    return kt;
+    return ut;
   })(t, y.width, y.fontSize);
   if (r === "typeWriterTextAnimationIn" && S)
     return /* @__PURE__ */ f(
@@ -3546,7 +3546,7 @@ const yr = ({ text: t, frame: n }) => {
     );
   if (r === "backgroundTextAnimationIn" && S)
     return /* @__PURE__ */ f(
-      hr,
+      ir,
       {
         text: t,
         frame: m,
@@ -3556,7 +3556,7 @@ const yr = ({ text: t, frame: n }) => {
     );
   if (r === "soundWaveTextAnimationIn" && S)
     return /* @__PURE__ */ f(
-      ir,
+      hr,
       {
         text: t,
         frame: m,
@@ -3604,7 +3604,7 @@ const yr = ({ text: t, frame: n }) => {
           text: t,
           frame: m,
           details: y,
-          animationFonts: x
+          animationFonts: $
         }
       );
     if (e === "shakeTextAnimationLoop")
@@ -3615,66 +3615,81 @@ const yr = ({ text: t, frame: n }) => {
       return /* @__PURE__ */ f(gr, { text: t, frame: m });
     if (e === "textGridMarqueeTextAnimationLoop" || e === "textGridMarquee") {
       const R = (u == null ? void 0 : u.find(
-        (rt) => rt.property === "textGridMarqueeTextAnimationLoop" || rt.property === "textGridMarquee" || rt.id === "textGridMarquee"
+        (ct) => ct.property === "textGridMarqueeTextAnimationLoop" || ct.property === "textGridMarquee" || ct.id === "textGridMarquee"
       )) || (l == null ? void 0 : l.find(
-        (rt) => rt.property === "textGridMarqueeTextAnimationLoop" || rt.property === "textGridMarquee" || rt.id === "textGridMarquee"
-      )), ht = R == null ? void 0 : R.details;
-      return /* @__PURE__ */ f(
-        vr,
-        {
-          text: t,
-          frame: m,
-          delay: R == null ? void 0 : R.delay,
-          durationInFrames: R == null ? void 0 : R.durationInFrames,
-          from: R == null ? void 0 : R.from,
-          to: R == null ? void 0 : R.to,
-          details: y,
-          fps: n,
-          marqueeDetails: ht
-        }
-      );
+        (ct) => ct.property === "textGridMarqueeTextAnimationLoop" || ct.property === "textGridMarquee" || ct.id === "textGridMarquee"
+      )), K = (R == null ? void 0 : R.delay) || 0, at = (R == null ? void 0 : R.durationInFrames) || (x > 0 ? x : M), ut = K + at, bt = m >= K && m <= ut;
+      if (console.log(
+        `[SpecialEffect Marquee] frame: ${m.toFixed(2)}, range: [${K}, ${ut}], active: ${bt}`
+      ), bt) {
+        const ct = R == null ? void 0 : R.details;
+        return /* @__PURE__ */ f(
+          vr,
+          {
+            text: t,
+            frame: m,
+            delay: K,
+            durationInFrames: at,
+            from: R == null ? void 0 : R.from,
+            to: R == null ? void 0 : R.to,
+            details: y,
+            fps: n,
+            marqueeDetails: ct
+          }
+        );
+      }
     }
     if (e === "inwardEchoes") {
       const R = (u == null ? void 0 : u.find(
-        (rt) => rt.property === "inwardEchoes" || rt.id === "inwardEchoes"
+        (ct) => ct.property === "inwardEchoes" || ct.id === "inwardEchoes"
       )) || (l == null ? void 0 : l.find(
-        (rt) => rt.property === "inwardEchoes" || rt.id === "inwardEchoes"
-      )), ht = R == null ? void 0 : R.details;
-      return /* @__PURE__ */ f(
-        xr,
-        {
-          text: t,
-          frame: m,
-          delay: R == null ? void 0 : R.delay,
-          durationInFrames: (R == null ? void 0 : R.durationInFrames) || M,
-          from: R == null ? void 0 : R.from,
-          to: R == null ? void 0 : R.to,
-          details: y,
-          fps: n,
-          echoesDetails: ht
-        }
-      );
+        (ct) => ct.property === "inwardEchoes" || ct.id === "inwardEchoes"
+      )), K = (R == null ? void 0 : R.delay) || 0, at = (R == null ? void 0 : R.durationInFrames) || (x > 0 ? x : M), ut = K + at, bt = m >= K && m <= ut;
+      if (console.log(
+        `[SpecialEffect InwardEchoes] frame: ${m.toFixed(2)}, range: [${K}, ${ut}], active: ${bt}`
+      ), bt) {
+        const ct = R == null ? void 0 : R.details;
+        return /* @__PURE__ */ f(
+          xr,
+          {
+            text: t,
+            frame: m,
+            delay: K,
+            durationInFrames: at,
+            from: R == null ? void 0 : R.from,
+            to: R == null ? void 0 : R.to,
+            details: y,
+            fps: n,
+            echoesDetails: ct
+          }
+        );
+      }
     }
     if (e === "wiggle") {
       const R = (u == null ? void 0 : u.find(
-        (rt) => rt.property === "wiggle" || rt.id === "wiggle"
+        (ct) => ct.property === "wiggle" || ct.id === "wiggle"
       )) || (l == null ? void 0 : l.find(
-        (rt) => rt.property === "wiggle" || rt.id === "wiggle"
-      )), ht = R == null ? void 0 : R.details;
-      return /* @__PURE__ */ f(
-        $r,
-        {
-          text: t,
-          frame: m,
-          delay: R == null ? void 0 : R.delay,
-          durationInFrames: R == null ? void 0 : R.durationInFrames,
-          from: R == null ? void 0 : R.from,
-          to: R == null ? void 0 : R.to,
-          details: y,
-          fps: n,
-          wiggleDetails: ht
-        }
-      );
+        (ct) => ct.property === "wiggle" || ct.id === "wiggle"
+      )), K = (R == null ? void 0 : R.delay) || 0, at = (R == null ? void 0 : R.durationInFrames) || (x > 0 ? x : M), ut = K + at, bt = m >= K && m <= ut;
+      if (console.log(
+        `[SpecialEffect Wiggle] frame: ${m.toFixed(2)}, range: [${K}, ${ut}], active: ${bt}`
+      ), bt) {
+        const ct = R == null ? void 0 : R.details;
+        return /* @__PURE__ */ f(
+          $r,
+          {
+            text: t,
+            frame: m,
+            delay: K,
+            durationInFrames: at,
+            from: R == null ? void 0 : R.from,
+            to: R == null ? void 0 : R.to,
+            details: y,
+            fps: n,
+            wiggleDetails: ct
+          }
+        );
+      }
     }
     const H = (u == null ? void 0 : u.find(
       (R) => R.property === "cardFlip" || R.id === "cardFlip"
@@ -3682,21 +3697,26 @@ const yr = ({ text: t, frame: n }) => {
       (R) => R.property === "cardFlip" || R.id === "cardFlip"
     ));
     if (e === "cardFlip" || H) {
-      const R = H == null ? void 0 : H.details;
-      return /* @__PURE__ */ f(
-        Mr,
-        {
-          text: t,
-          frame: m,
-          delay: H == null ? void 0 : H.delay,
-          durationInFrames: (H == null ? void 0 : H.durationInFrames) || M,
-          from: H == null ? void 0 : H.from,
-          to: H == null ? void 0 : H.to,
-          details: y,
-          fps: n,
-          cardFlipDetails: R
-        }
-      );
+      const R = (H == null ? void 0 : H.delay) || 0, K = (H == null ? void 0 : H.durationInFrames) || (x > 0 ? x : M), at = R + K, ut = m >= R && m <= at;
+      if (console.log(
+        `[SpecialEffect CardFlip] frame: ${m.toFixed(2)}, range: [${R}, ${at}], active: ${ut}`
+      ), ut) {
+        const bt = H == null ? void 0 : H.details;
+        return /* @__PURE__ */ f(
+          Mr,
+          {
+            text: t,
+            frame: m,
+            delay: R,
+            durationInFrames: K,
+            from: H == null ? void 0 : H.from,
+            to: H == null ? void 0 : H.to,
+            details: y,
+            fps: n,
+            cardFlipDetails: bt
+          }
+        );
+      }
     }
     const _ = (u == null ? void 0 : u.find(
       (R) => R.property === "noiseTile" || R.id === "noiseTile"
@@ -3704,21 +3724,26 @@ const yr = ({ text: t, frame: n }) => {
       (R) => R.property === "noiseTile" || R.id === "noiseTile"
     ));
     if (e === "noiseTile" || _) {
-      const R = _ == null ? void 0 : _.details;
-      return /* @__PURE__ */ f(
-        Sr,
-        {
-          text: t,
-          frame: m,
-          delay: _ == null ? void 0 : _.delay,
-          durationInFrames: (_ == null ? void 0 : _.durationInFrames) || M,
-          from: _ == null ? void 0 : _.from,
-          to: _ == null ? void 0 : _.to,
-          details: y,
-          fps: n,
-          noiseTileDetails: R
-        }
-      );
+      const R = (_ == null ? void 0 : _.delay) || 0, K = (_ == null ? void 0 : _.durationInFrames) || (x > 0 ? x : M), at = R + K, ut = m >= R && m <= at;
+      if (console.log(
+        `[SpecialEffect NoiseTile] frame: ${m.toFixed(2)}, range: [${R}, ${at}], active: ${ut}`
+      ), ut) {
+        const bt = _ == null ? void 0 : _.details;
+        return /* @__PURE__ */ f(
+          Sr,
+          {
+            text: t,
+            frame: m,
+            delay: R,
+            durationInFrames: K,
+            from: _ == null ? void 0 : _.from,
+            to: _ == null ? void 0 : _.to,
+            details: y,
+            fps: n,
+            noiseTileDetails: bt
+          }
+        );
+      }
     }
   }
   if (s === "typeWriterTextAnimationOut" && Y)
@@ -3756,17 +3781,17 @@ const yr = ({ text: t, frame: n }) => {
         fps: n
       }
     );
-  const U = D.reduce(
+  const U = tt.reduce(
     (H, _) => H + (_ === "" ? 1 : _.length),
     0
-  ), tt = D.reduce(
+  ), ot = tt.reduce(
     (H, _) => H + (_.trim() === "" ? 0 : _.split(/\s+/).length),
     0
-  ), Q = D.length, A = Nr[r], ut = Yr[s], vt = Fr[e], it = ((Et = c == null ? void 0 : c[0]) == null ? void 0 : Et.textAnimationMode) || ((Bt = i == null ? void 0 : i[0]) == null ? void 0 : Bt.textAnimationMode) || ((Gt = l == null ? void 0 : l[0]) == null ? void 0 : Gt.textAnimationMode) || ((zt = h == null ? void 0 : h[0]) == null ? void 0 : zt.textAnimationMode) || (r ? a : void 0) || (s ? d : void 0) || (e ? o : void 0) || a || o || "letter", J = S ? a : Y ? d : K ? c[0].textAnimationMode || it : T ? i[0].textAnimationMode || it : ct ? h[0].textAnimationMode || it : lt && l[0].textAnimationMode || it, nt = K ? c : T ? i : ct ? h : lt ? l : [], ot = (H, _, R, ht) => {
-    var rt, kt;
-    if (S && A)
+  ), A = tt.length, Q = Nr[r], lt = Yr[s], Mt = Fr[e], pt = ((Bt = c == null ? void 0 : c[0]) == null ? void 0 : Bt.textAnimationMode) || ((Ot = h == null ? void 0 : h[0]) == null ? void 0 : Ot.textAnimationMode) || ((zt = l == null ? void 0 : l[0]) == null ? void 0 : zt.textAnimationMode) || ((jt = i == null ? void 0 : i[0]) == null ? void 0 : jt.textAnimationMode) || (r ? a : void 0) || (s ? d : void 0) || (e ? o : void 0) || a || o || "letter", q = S ? a : Y ? d : J ? c[0].textAnimationMode || pt : D ? h[0].textAnimationMode || pt : st ? i[0].textAnimationMode || pt : mt && l[0].textAnimationMode || pt, rt = J ? c : D ? h : st ? i : mt ? l : [], nt = (H, _, R, K) => {
+    var at, ut;
+    if (S && Q)
       return /* @__PURE__ */ f(
-        A,
+        Q,
         {
           char: H,
           index: _,
@@ -3776,11 +3801,11 @@ const yr = ({ text: t, frame: n }) => {
           animationTextInFrames: v,
           details: y
         },
-        ht
+        K
       );
-    if (Y && ut)
+    if (Y && lt)
       return /* @__PURE__ */ f(
-        ut,
+        lt,
         {
           char: H,
           index: _,
@@ -3791,110 +3816,110 @@ const yr = ({ text: t, frame: n }) => {
           durationInFrames: M,
           details: y
         },
-        ht
+        K
       );
-    if (e && !S && !Y && vt)
+    if (e && !S && !Y && Mt)
       return /* @__PURE__ */ f(
-        vt,
+        Mt,
         {
           char: H,
           index: _,
           frame: m,
           textLength: R,
           fps: n,
-          animationTextLoopFrames: $,
+          animationTextLoopFrames: x,
           details: y
         },
-        ht
+        K
       );
-    if (nt.length > 0) {
-      const Rt = K ? P : T ? O : ct ? ((rt = h == null ? void 0 : h[0]) == null ? void 0 : rt.durationInFrames) || g : ((kt = l == null ? void 0 : l[0]) == null ? void 0 : kt.durationInFrames) || $, Qt = T ? m - z : ct ? m - q : m, _t = nt[0], Xt = K ? "in" : T ? "out" : ct ? "timed" : "loop";
+    if (rt.length > 0) {
+      const bt = J ? P : D ? O : st ? ((at = i == null ? void 0 : i[0]) == null ? void 0 : at.durationInFrames) || g : ((ut = l == null ? void 0 : l[0]) == null ? void 0 : ut.durationInFrames) || x, ct = D ? m - z : st ? m - T : m, Zt = rt[0], Pt = J ? "in" : D ? "out" : st ? "timed" : "loop";
       return /* @__PURE__ */ f(
         On,
         {
           char: H,
           index: _,
-          frame: Qt,
+          frame: ct,
           fps: n,
           textLength: R,
-          animationTextFrames: Rt,
-          property: _t.property,
-          from: _t.from,
-          to: _t.to,
-          easing: _t.easing,
-          delay: T ? 0 : _t.delay,
+          animationTextFrames: bt,
+          property: Zt.property,
+          from: Zt.from,
+          to: Zt.to,
+          easing: Zt.easing,
+          delay: D ? 0 : Zt.delay,
           details: y,
-          phase: Xt
+          phase: Pt
         },
-        ht
+        K
       );
     }
-    return /* @__PURE__ */ f("span", { children: H === "" ? " " : H }, ht);
+    return /* @__PURE__ */ f("span", { children: H === "" ? " " : H }, K);
   };
-  let at = (y == null ? void 0 : y.textAlign) === "right";
-  const ft = c && c.length > 0 ? c[0] : i && i.length > 0 ? i[0] : h && h.length > 0 ? h[0] : l && l.length > 0 ? l[0] : null, bt = ft != null && ft.order ? ft : (jt = c == null ? void 0 : c[0]) != null && jt.order ? c[0] : (Ht = i == null ? void 0 : i[0]) != null && Ht.order ? i[0] : (j = h == null ? void 0 : h[0]) != null && j.order ? h[0] : (dt = l == null ? void 0 : l[0]) != null && dt.order ? l[0] : null;
-  if (bt != null && bt.order)
-    at = bt.order === "backward";
-  else if (ft && ft.property === "translateX") {
-    const H = Number(ft.from), _ = Number(ft.to);
-    !isNaN(H) && !isNaN(_) && (at = H < _);
+  let it = (y == null ? void 0 : y.textAlign) === "right";
+  const yt = c && c.length > 0 ? c[0] : h && h.length > 0 ? h[0] : i && i.length > 0 ? i[0] : l && l.length > 0 ? l[0] : null, xt = yt != null && yt.order ? yt : (Ht = c == null ? void 0 : c[0]) != null && Ht.order ? c[0] : (_t = h == null ? void 0 : h[0]) != null && _t.order ? h[0] : (j = i == null ? void 0 : i[0]) != null && j.order ? i[0] : (ht = l == null ? void 0 : l[0]) != null && ht.order ? l[0] : null;
+  if (xt != null && xt.order)
+    it = xt.order === "backward";
+  else if (yt && yt.property === "translateX") {
+    const H = Number(yt.from), _ = Number(yt.to);
+    !isNaN(H) && !isNaN(_) && (it = H < _);
   }
-  if (J === "all")
-    return /* @__PURE__ */ f(Mt, { children: D.map((H, _) => /* @__PURE__ */ f("div", { children: (H === "" ? [" "] : H.split("")).map(
-      (R, ht) => ot(R, 0, 1, `${_}-${ht}`)
+  if (q === "all")
+    return /* @__PURE__ */ f(kt, { children: tt.map((H, _) => /* @__PURE__ */ f("div", { children: (H === "" ? [" "] : H.split("")).map(
+      (R, K) => nt(R, 0, 1, `${_}-${K}`)
     ) }, _)) });
-  if (J === "word") {
+  if (q === "word") {
     let H = 0;
-    const _ = D.map((R, ht) => {
+    const _ = tt.map((R, K) => {
       if (R.trim() === "")
         return {
-          rowIndex: ht,
+          rowIndex: K,
           tokens: []
         };
-      const kt = R.split(/(\s+)/).map((Rt) => /^\s+$/.test(Rt) ? { token: Rt, wordIndex: null } : { token: Rt, wordIndex: H++ });
-      return { rowIndex: ht, tokens: kt };
+      const ut = R.split(/(\s+)/).map((bt) => /^\s+$/.test(bt) ? { token: bt, wordIndex: null } : { token: bt, wordIndex: H++ });
+      return { rowIndex: K, tokens: ut };
     });
-    return /* @__PURE__ */ f(Mt, { children: _.map(({ rowIndex: R, tokens: ht }) => ht.length === 0 ? /* @__PURE__ */ f("div", { children: " " }, R) : /* @__PURE__ */ f("div", { children: ht.map(({ token: rt, wordIndex: kt }, Rt) => {
-      if (kt === null)
+    return /* @__PURE__ */ f(kt, { children: _.map(({ rowIndex: R, tokens: K }) => K.length === 0 ? /* @__PURE__ */ f("div", { children: " " }, R) : /* @__PURE__ */ f("div", { children: K.map(({ token: at, wordIndex: ut }, bt) => {
+      if (ut === null)
         return /* @__PURE__ */ f(
           "span",
           {
             style: { display: "inline-block" },
-            children: rt.replace(/ /g, " ")
+            children: at.replace(/ /g, " ")
           },
-          `space-${R}-${Rt}`
+          `space-${R}-${bt}`
         );
-      const Qt = at ? tt - 1 - kt : kt;
-      return ot(
-        rt,
-        Qt,
-        tt,
-        `word-${R}-${Rt}`
+      const ct = it ? ot - 1 - ut : ut;
+      return nt(
+        at,
+        ct,
+        ot,
+        `word-${R}-${bt}`
       );
     }) }, R)) });
   }
-  if (J === "line")
-    return /* @__PURE__ */ f(Mt, { children: D.map((H, _) => {
-      const R = at ? Q - 1 - _ : _;
-      return /* @__PURE__ */ f("div", { children: ot(
+  if (q === "line")
+    return /* @__PURE__ */ f(kt, { children: tt.map((H, _) => {
+      const R = it ? A - 1 - _ : _;
+      return /* @__PURE__ */ f("div", { children: nt(
         H === "" ? " " : H,
         R,
-        Q,
+        A,
         `line-${_}`
       ) }, _);
     }) });
-  let St = 0;
-  const pt = D.map((H) => (H === "" ? [" "] : H.split("")).map((ht) => ({
-    char: ht,
-    globalIndex: St++
+  let wt = 0;
+  const ft = tt.map((H) => (H === "" ? [" "] : H.split("")).map((K) => ({
+    char: K,
+    globalIndex: wt++
   })));
-  return /* @__PURE__ */ f(Mt, { children: pt.map((H, _) => /* @__PURE__ */ f("div", { children: H.map(({ char: R, globalIndex: ht }) => {
-    const rt = at ? U - 1 - ht : ht;
-    return ot(
+  return /* @__PURE__ */ f(kt, { children: ft.map((H, _) => /* @__PURE__ */ f("div", { children: H.map(({ char: R, globalIndex: K }) => {
+    const at = it ? U - 1 - K : K;
+    return nt(
       R,
-      rt,
+      at,
       U,
-      `${_}-${ht}`
+      `${_}-${K}`
     );
   }) }, _)) });
 }, No = ({
@@ -3908,42 +3933,42 @@ const yr = ({ text: t, frame: n }) => {
   frame: o,
   textAnimationNameIn: p,
   textAnimationNameOut: c,
-  textAnimationNameLoop: i,
+  textAnimationNameLoop: h,
   textAnimationModeIn: l,
-  textAnimationModeOut: h,
+  textAnimationModeOut: i,
   textAnimationModeLoop: u,
   textAnimationModeTimed: y,
   basicCharAnimationsIn: m,
   basicCharAnimationsOut: v,
   basicCharAnimationsLoop: b,
-  basicCharAnimationsTimed: $,
+  basicCharAnimationsTimed: x,
   loopComposition: g,
   details: M,
-  animationTextInFrames: x,
+  animationTextInFrames: $,
   animationTextOutFrames: I,
   animationTextLoopFrames: k,
   animationTextTimedFrames: S,
   durationInFrames: Y,
   animationFonts: N
 }) => {
-  const [E, F] = fo(n), X = mo(null);
+  const [V, F] = fo(n), X = mo(null);
   eo(() => {
     if (r && X.current) {
-      const V = X.current;
-      V.focus();
+      const E = X.current;
+      E.focus();
       const O = window.getSelection(), C = document.createRange();
-      C.selectNodeContents(V), O == null || O.removeAllRanges(), O == null || O.addRange(C);
+      C.selectNodeContents(E), O == null || O.removeAllRanges(), O == null || O.addRange(C);
     } else {
-      const V = window.getSelection();
-      V == null || V.removeAllRanges();
+      const E = window.getSelection();
+      E == null || E.removeAllRanges();
     }
   }, [r]), eo(() => {
-    E !== n && F(n);
+    V !== n && F(n);
   }, [n]);
   const P = () => {
     if (X.current) {
-      const V = window.getSelection(), O = document.createRange();
-      O.selectNodeContents(X.current), O.collapse(!1), V == null || V.removeAllRanges(), V == null || V.addRange(O);
+      const E = window.getSelection(), O = document.createRange();
+      O.selectNodeContents(X.current), O.collapse(!1), E == null || E.removeAllRanges(), E == null || E.addRange(O);
     }
   };
   return /* @__PURE__ */ f(
@@ -3952,19 +3977,19 @@ const yr = ({ text: t, frame: n }) => {
       "data-text-id": t,
       ref: X,
       contentEditable: r,
-      onClick: (V) => {
+      onClick: (E) => {
         var B;
-        V.stopPropagation();
+        E.stopPropagation();
         const O = window.getSelection(), C = X.current;
         if (O != null && O.rangeCount && C) {
           const z = O.getRangeAt(0);
           z.endOffset - z.startOffset === ((B = C.textContent) == null ? void 0 : B.length) && P();
         }
       },
-      onInput: (V) => e(t, V.target.innerText),
-      onBlur: (V) => a(t, V.target.innerText),
+      onInput: (E) => e(t, E.target.innerText),
+      onBlur: (E) => a(t, E.target.innerText),
       style: {
-        height: i === "textGridMarqueeTextAnimationLoop" || i === "textGridMarquee" ? M != null && M.height ? `${M.height}px` : "100%" : "max-content",
+        height: h === "textGridMarqueeTextAnimationLoop" || h === "textGridMarquee" ? M != null && M.height ? `${M.height}px` : "100%" : "max-content",
         boxShadow: "none",
         outline: "none",
         ...s,
@@ -3979,21 +4004,21 @@ const yr = ({ text: t, frame: n }) => {
         {
           textAnimationNameIn: p,
           textAnimationNameOut: c,
-          textAnimationNameLoop: i,
+          textAnimationNameLoop: h,
           textAnimationModeIn: l,
-          textAnimationModeOut: h,
+          textAnimationModeOut: i,
           textAnimationModeLoop: u,
           textAnimationModeTimed: y,
           basicCharAnimationsIn: m,
           basicCharAnimationsOut: v,
           basicCharAnimationsLoop: b,
-          basicCharAnimationsTimed: $,
+          basicCharAnimationsTimed: x,
           loopComposition: g,
           text: n,
           fps: d,
           details: M,
           frame: o,
-          animationTextInFrames: x,
+          animationTextInFrames: $,
           animationTextOutFrames: I,
           animationTextLoopFrames: k,
           animationTextTimedFrames: S,
@@ -4004,27 +4029,27 @@ const yr = ({ text: t, frame: n }) => {
     }
   );
 };
-function Ee({
+function Ve({
   item: t,
   options: n
 }) {
-  var vt, it, J, nt, ot, st, at, ft, bt, St, pt, gt, Nt, Yt, Ft, Vt, Ot, Et, Bt, Gt, zt, jt, Ht;
-  const { handleTextChange: r, onTextBlur: s, fps: e, editableTextId: a, frame: d } = n, { id: o, details: p, animations: c } = t, { durationInFrames: i } = $t(t.display, e), l = [
+  var Mt, pt, q, rt, nt, dt, it, yt, xt, wt, ft, $t, Ft, Rt, Xt, Vt, Ct, Bt, Ot, zt, jt, Ht, _t;
+  const { handleTextChange: r, onTextBlur: s, fps: e, editableTextId: a, frame: d } = n, { id: o, details: p, animations: c } = t, { durationInFrames: h } = It(t.display, e), l = [
     "opacity",
     "scale",
     "translateX",
     "translateY",
     "rotateY",
     "rotate"
-  ], h = (((vt = c == null ? void 0 : c.in) == null ? void 0 : vt.composition) || []).filter(
-    (j) => l.some((dt) => j.property === dt) && j.textAnimationMode && j.textAnimationMode !== "all"
-  ), u = (((it = c == null ? void 0 : c.out) == null ? void 0 : it.composition) || []).filter(
-    (j) => l.some((dt) => j.property === dt) && j.textAnimationMode && j.textAnimationMode !== "all"
-  ), y = (((J = c == null ? void 0 : c.loop) == null ? void 0 : J.composition) || []).filter(
-    (j) => l.some((dt) => j.property === dt) && j.textAnimationMode && j.textAnimationMode !== "all"
-  ), m = (((nt = c == null ? void 0 : c.timed) == null ? void 0 : nt.composition) || []).filter(
-    (j) => l.some((dt) => j.property === dt) && j.textAnimationMode && j.textAnimationMode !== "all"
-  ), v = new Set(h.map((j) => j.id)), b = new Set(u.map((j) => j.id)), $ = new Set(
+  ], i = (((Mt = c == null ? void 0 : c.in) == null ? void 0 : Mt.composition) || []).filter(
+    (j) => l.some((ht) => j.property === ht) && j.textAnimationMode && j.textAnimationMode !== "all"
+  ), u = (((pt = c == null ? void 0 : c.out) == null ? void 0 : pt.composition) || []).filter(
+    (j) => l.some((ht) => j.property === ht) && j.textAnimationMode && j.textAnimationMode !== "all"
+  ), y = (((q = c == null ? void 0 : c.loop) == null ? void 0 : q.composition) || []).filter(
+    (j) => l.some((ht) => j.property === ht) && j.textAnimationMode && j.textAnimationMode !== "all"
+  ), m = (((rt = c == null ? void 0 : c.timed) == null ? void 0 : rt.composition) || []).filter(
+    (j) => l.some((ht) => j.property === ht) && j.textAnimationMode && j.textAnimationMode !== "all"
+  ), v = new Set(i.map((j) => j.id)), b = new Set(u.map((j) => j.id)), x = new Set(
     y.map((j) => j.id)
   ), g = new Set(
     m.map((j) => j.id)
@@ -4045,7 +4070,7 @@ function Ee({
     loop: c != null && c.loop ? {
       ...c.loop,
       composition: c.loop.composition.filter(
-        (j) => !$.has(j.id)
+        (j) => !x.has(j.id)
       )
     } : void 0,
     timed: c != null && c.timed ? {
@@ -4054,106 +4079,106 @@ function Ee({
         (j) => !g.has(j.id)
       )
     } : void 0
-  }, { animationIn: x, animationOut: I, animationTimed: k } = It(
+  }, { animationIn: $, animationOut: I, animationTimed: k } = Nt(
     M,
     t,
     d,
     e
-  ), S = (ot = c == null ? void 0 : c.in) == null ? void 0 : ot.composition.find(
-    (j) => !l.some((dt) => j.property === dt)
-  ), Y = (st = c == null ? void 0 : c.out) == null ? void 0 : st.composition.find(
-    (j) => !l.some((dt) => j.property === dt)
-  ), N = (at = c == null ? void 0 : c.loop) == null ? void 0 : at.composition.find(
-    (j) => !l.some((dt) => j.property === dt)
-  ), E = (S == null ? void 0 : S.property) || "", F = (Y == null ? void 0 : Y.property) || "", X = (N == null ? void 0 : N.property) || "", P = (S == null ? void 0 : S.textAnimationMode) || ((ft = h[0]) == null ? void 0 : ft.textAnimationMode) || (S ? "letter" : "all"), L = (Y == null ? void 0 : Y.textAnimationMode) || ((bt = u[0]) == null ? void 0 : bt.textAnimationMode) || (Y ? "letter" : "all"), V = (N == null ? void 0 : N.textAnimationMode) || ((St = y[0]) == null ? void 0 : St.textAnimationMode) || (N ? "letter" : "all"), O = ((pt = m[0]) == null ? void 0 : pt.textAnimationMode) || "all", C = (S == null ? void 0 : S.durationInFrames) || ((Nt = (gt = c == null ? void 0 : c.in) == null ? void 0 : gt.composition[0]) == null ? void 0 : Nt.durationInFrames) || 0, B = (Y == null ? void 0 : Y.durationInFrames) || ((Ft = (Yt = c == null ? void 0 : c.out) == null ? void 0 : Yt.composition[0]) == null ? void 0 : Ft.durationInFrames) || 0, z = (N == null ? void 0 : N.durationInFrames) || ((Ot = (Vt = c == null ? void 0 : c.loop) == null ? void 0 : Vt.composition[0]) == null ? void 0 : Ot.durationInFrames) || 0, et = ((Et = m[0]) == null ? void 0 : Et.durationInFrames) || 0, q = [];
+  ), S = (nt = c == null ? void 0 : c.in) == null ? void 0 : nt.composition.find(
+    (j) => !l.some((ht) => j.property === ht)
+  ), Y = (dt = c == null ? void 0 : c.out) == null ? void 0 : dt.composition.find(
+    (j) => !l.some((ht) => j.property === ht)
+  ), N = (it = c == null ? void 0 : c.loop) == null ? void 0 : it.composition.find(
+    (j) => !l.some((ht) => j.property === ht)
+  ), V = (S == null ? void 0 : S.property) || "", F = (Y == null ? void 0 : Y.property) || "", X = (N == null ? void 0 : N.property) || "", P = (S == null ? void 0 : S.textAnimationMode) || ((yt = i[0]) == null ? void 0 : yt.textAnimationMode) || (S ? "letter" : "all"), G = (Y == null ? void 0 : Y.textAnimationMode) || ((xt = u[0]) == null ? void 0 : xt.textAnimationMode) || (Y ? "letter" : "all"), E = (N == null ? void 0 : N.textAnimationMode) || ((wt = y[0]) == null ? void 0 : wt.textAnimationMode) || (N ? "letter" : "all"), O = ((ft = m[0]) == null ? void 0 : ft.textAnimationMode) || "all", C = (S == null ? void 0 : S.durationInFrames) || ((Ft = ($t = c == null ? void 0 : c.in) == null ? void 0 : $t.composition[0]) == null ? void 0 : Ft.durationInFrames) || 0, B = (Y == null ? void 0 : Y.durationInFrames) || ((Xt = (Rt = c == null ? void 0 : c.out) == null ? void 0 : Rt.composition[0]) == null ? void 0 : Xt.durationInFrames) || 0, z = (N == null ? void 0 : N.durationInFrames) || ((Ct = (Vt = c == null ? void 0 : c.loop) == null ? void 0 : Vt.composition[0]) == null ? void 0 : Ct.durationInFrames) || 0, et = ((Bt = m[0]) == null ? void 0 : Bt.durationInFrames) || 0, T = [];
   c != null && c.loop && c.loop.composition.forEach((j) => {
-    var dt;
-    (dt = j.details) != null && dt.fonts && q.push(...j.details.fonts);
+    var ht;
+    (ht = j.details) != null && ht.fonts && T.push(...j.details.fonts);
   }), c != null && c.in && c.in.composition.forEach((j) => {
-    var dt;
-    (dt = j.details) != null && dt.fonts && q.push(...j.details.fonts);
+    var ht;
+    (ht = j.details) != null && ht.fonts && T.push(...j.details.fonts);
   }), c != null && c.out && c.out.composition.forEach((j) => {
-    var dt;
-    (dt = j.details) != null && dt.fonts && q.push(...j.details.fonts);
+    var ht;
+    (ht = j.details) != null && ht.fonts && T.push(...j.details.fonts);
   });
   let Z = p.text;
-  if ((Gt = (Bt = t.animations) == null ? void 0 : Bt.timed) != null && Gt.composition) {
+  if ((zt = (Ot = t.animations) == null ? void 0 : Ot.timed) != null && zt.composition) {
     const j = (n.frame || 0) - t.display.from * e / 1e3;
     if (j >= 0) {
-      const dt = (zt = t.animations) == null ? void 0 : zt.timed.composition;
-      dt.forEach((H, _) => {
-        const R = dt.slice(0, _).reduce((ht, rt) => ht + rt.durationInFrames, 0);
+      const ht = (jt = t.animations) == null ? void 0 : jt.timed.composition;
+      ht.forEach((H, _) => {
+        const R = ht.slice(0, _).reduce((K, at) => K + at.durationInFrames, 0);
         j >= R && H.text && (Z = H.text);
       });
     }
   }
-  const K = (d || 0) - t.display.from * e / 1e3, { top: T, left: ct, transform: lt, position: G, ...D } = p, U = vo(
+  const J = (d || 0) - t.display.from * e / 1e3, { top: D, left: st, transform: mt, position: L, ...tt } = p, U = vo(
     p.effects,
     t.animations,
-    K
-  ), tt = go(U), Q = typeof p.width == "number" ? p.width : parseInt(String(p.width || 300), 10) || 300, A = typeof p.height == "number" ? p.height : parseInt(String(p.height || 100), 10) || 100, ut = /* @__PURE__ */ f(
-    Zt,
+    J
+  ), ot = go(U), A = typeof p.width == "number" ? p.width : parseInt(String(p.width || 300), 10) || 300, Q = typeof p.height == "number" ? p.height : parseInt(String(p.height || 100), 10) || 100, lt = /* @__PURE__ */ f(
+    At,
     {
-      animationIn: a === o ? null : x,
+      animationIn: a === o ? null : $,
       animationOut: a === o ? null : I,
-      frame: K,
-      durationInFrames: i,
+      frame: J,
+      durationInFrames: h,
       style: {
-        ...D,
+        ...tt,
         display: "flex"
       },
       children: /* @__PURE__ */ f(
         Ut,
         {
           animationTimed: a === o ? null : k,
-          durationInFrames: i,
-          frame: K,
+          durationInFrames: h,
+          frame: J,
           style: {
-            ...D,
+            ...tt,
             display: "flex"
           },
           children: /* @__PURE__ */ f(
             co,
             {
               item: t,
-              keyframeAnimations: x,
-              frame: K,
-              children: tt ? /* @__PURE__ */ f(
+              keyframeAnimations: $,
+              frame: J,
+              children: ot ? /* @__PURE__ */ f(
                 yo,
                 {
-                  width: Q,
-                  height: A,
-                  effects: tt,
+                  width: A,
+                  height: Q,
+                  effects: ot,
                   children: /* @__PURE__ */ f(
                     No,
                     {
                       id: o,
                       fps: e,
-                      frame: K,
+                      frame: J,
                       content: Z,
                       editable: a === o,
                       onChange: r,
-                      textAnimationNameIn: E,
+                      textAnimationNameIn: V,
                       textAnimationNameOut: F,
                       textAnimationNameLoop: X,
                       textAnimationModeIn: P,
-                      textAnimationModeOut: L,
-                      textAnimationModeLoop: V,
+                      textAnimationModeOut: G,
+                      textAnimationModeLoop: E,
                       textAnimationModeTimed: O,
-                      basicCharAnimationsIn: h,
+                      basicCharAnimationsIn: i,
                       basicCharAnimationsOut: u,
                       basicCharAnimationsLoop: y,
                       basicCharAnimationsTimed: m,
-                      loopComposition: (jt = c == null ? void 0 : c.loop) == null ? void 0 : jt.composition,
+                      loopComposition: (Ht = c == null ? void 0 : c.loop) == null ? void 0 : Ht.composition,
                       onBlur: s,
-                      style: Ct(p),
+                      style: Gt(p),
                       details: p,
                       animationTextInFrames: C,
                       animationTextOutFrames: B,
                       animationTextLoopFrames: z,
                       animationTextTimedFrames: et,
-                      durationInFrames: i,
-                      animationFonts: q
+                      durationInFrames: h,
+                      animationFonts: T
                     },
                     o
                   )
@@ -4163,31 +4188,31 @@ function Ee({
                 {
                   id: o,
                   fps: e,
-                  frame: K,
+                  frame: J,
                   content: Z,
                   editable: a === o,
                   onChange: r,
-                  textAnimationNameIn: E,
+                  textAnimationNameIn: V,
                   textAnimationNameOut: F,
                   textAnimationNameLoop: X,
                   textAnimationModeIn: P,
-                  textAnimationModeOut: L,
-                  textAnimationModeLoop: V,
+                  textAnimationModeOut: G,
+                  textAnimationModeLoop: E,
                   textAnimationModeTimed: O,
-                  basicCharAnimationsIn: h,
+                  basicCharAnimationsIn: i,
                   basicCharAnimationsOut: u,
                   basicCharAnimationsLoop: y,
                   basicCharAnimationsTimed: m,
-                  loopComposition: (Ht = c == null ? void 0 : c.loop) == null ? void 0 : Ht.composition,
+                  loopComposition: (_t = c == null ? void 0 : c.loop) == null ? void 0 : _t.composition,
                   onBlur: s,
-                  style: Ct(p),
+                  style: Gt(p),
                   details: p,
                   animationTextInFrames: C,
                   animationTextOutFrames: B,
                   animationTextLoopFrames: z,
                   animationTextTimedFrames: et,
-                  durationInFrames: i,
-                  animationFonts: q
+                  durationInFrames: h,
+                  animationFonts: T
                 },
                 o
               )
@@ -4197,40 +4222,40 @@ function Ee({
       )
     }
   );
-  return mt({ item: t, options: n, children: ut });
+  return gt({ item: t, options: n, children: lt });
 }
 const Be = ({
   item: t,
   options: n
 }) => {
-  var L, V, O, C, B, z, et, q, Z, K, T, ct, lt;
-  const { fps: r, frame: s } = n, { details: e, animations: a } = t, d = t.playbackRate || 1, { animationIn: o, animationOut: p, animationTimed: c } = It(
+  var G, E, O, C, B, z, et, T, Z, J, D, st, mt;
+  const { fps: r, frame: s } = n, { details: e, animations: a } = t, d = t.playbackRate || 1, { animationIn: o, animationOut: p, animationTimed: c } = Nt(
     a,
     t,
     s,
     r
-  ), i = (e == null ? void 0 : e.crop) || {
+  ), h = (e == null ? void 0 : e.crop) || {
     x: 0,
     y: 0,
     width: e.width,
     height: e.height
-  }, { durationInFrames: l } = $t(t.display, r), h = (s || 0) - t.display.from * r / 1e3, u = vo(
+  }, { durationInFrames: l } = It(t.display, r), i = (s || 0) - t.display.from * r / 1e3, u = vo(
     e.effects,
     a,
-    h
-  ), y = go(u), { filter: m, overlays: v } = zo(u), b = (V = (L = a == null ? void 0 : a.loop) == null ? void 0 : L.composition) == null ? void 0 : V.find(
-    (G) => G.property === "textGridMarqueeTextAnimationLoop" || G.property === "textGridMarquee" || G.property === "imageGridMarqueeTextAnimationLoop" || G.property === "imageGridMarquee" || G.id === "textGridMarquee" || G.id === "imageGridMarquee"
-  ), $ = !!(b && h >= (b.delay || 0) && h <= (b.delay || 0) + (b.durationInFrames || 60)), g = (C = (O = a == null ? void 0 : a.loop) == null ? void 0 : O.composition) == null ? void 0 : C.find(
-    (G) => G.property === "inwardEchoes" || G.id === "inwardEchoes"
-  ), M = !!(g && h >= (g.delay || 0) && h <= (g.delay || 0) + (g.durationInFrames || 120)), x = (z = (B = a == null ? void 0 : a.loop) == null ? void 0 : B.composition) == null ? void 0 : z.find(
-    (G) => G.property === "wiggle" || G.id === "wiggle"
-  ), I = !!(x && h >= (x.delay || 0) && h <= (x.delay || 0) + (x.durationInFrames || 120)), k = (q = (et = a == null ? void 0 : a.loop) == null ? void 0 : et.composition) == null ? void 0 : q.find(
-    (G) => G.property === "cardFlip" || G.id === "cardFlip"
-  ), S = !!(k && h >= (k.delay || 0) && h <= (k.delay || 0) + (k.durationInFrames || 120)), Y = e.width || i.width || 300, N = e.height || i.height || 300, E = /* @__PURE__ */ f(
+    i
+  ), y = go(u), { filter: m, overlays: v } = zo(u), b = (E = (G = a == null ? void 0 : a.loop) == null ? void 0 : G.composition) == null ? void 0 : E.find(
+    (L) => L.property === "textGridMarqueeTextAnimationLoop" || L.property === "textGridMarquee" || L.property === "imageGridMarqueeTextAnimationLoop" || L.property === "imageGridMarquee" || L.id === "textGridMarquee" || L.id === "imageGridMarquee"
+  ), x = !!(b && i >= (b.delay || 0) && i <= (b.delay || 0) + (b.durationInFrames || 60)), g = (C = (O = a == null ? void 0 : a.loop) == null ? void 0 : O.composition) == null ? void 0 : C.find(
+    (L) => L.property === "inwardEchoes" || L.id === "inwardEchoes"
+  ), M = !!(g && i >= (g.delay || 0) && i <= (g.delay || 0) + (g.durationInFrames || 120)), $ = (z = (B = a == null ? void 0 : a.loop) == null ? void 0 : B.composition) == null ? void 0 : z.find(
+    (L) => L.property === "wiggle" || L.id === "wiggle"
+  ), I = !!($ && i >= ($.delay || 0) && i <= ($.delay || 0) + ($.durationInFrames || 120)), k = (T = (et = a == null ? void 0 : a.loop) == null ? void 0 : et.composition) == null ? void 0 : T.find(
+    (L) => L.property === "cardFlip" || L.id === "cardFlip"
+  ), S = !!(k && i >= (k.delay || 0) && i <= (k.delay || 0) + (k.durationInFrames || 120)), Y = e.width || h.width || 300, N = e.height || h.height || 300, V = /* @__PURE__ */ f(
     Dt,
     {
       startFrom: ((Z = t.trim) == null ? void 0 : Z.from) / 1e3 * r,
-      endAt: ((K = t.trim) == null ? void 0 : K.to) / 1e3 * r || 1 / r,
+      endAt: ((J = t.trim) == null ? void 0 : J.to) / 1e3 * r || 1 / r,
       playbackRate: d,
       src: e.src,
       volume: (e.volume ?? 100) / 100,
@@ -4246,14 +4271,14 @@ const Be = ({
       width: Y,
       height: N,
       effects: y,
-      children: E
+      children: V
     }
-  ) : E, X = () => $ ? /* @__PURE__ */ f(
+  ) : V, X = () => x ? /* @__PURE__ */ f(
     Oo,
     {
       src: e.src,
       isVideo: !0,
-      frame: h,
+      frame: i,
       delay: b == null ? void 0 : b.delay,
       durationInFrames: b == null ? void 0 : b.durationInFrames,
       from: b == null ? void 0 : b.from,
@@ -4272,7 +4297,7 @@ const Be = ({
     {
       src: e.src,
       isVideo: !0,
-      frame: h,
+      frame: i,
       delay: g == null ? void 0 : g.delay,
       durationInFrames: g == null ? void 0 : g.durationInFrames,
       from: g == null ? void 0 : g.from,
@@ -4287,15 +4312,15 @@ const Be = ({
       echoesDetails: g == null ? void 0 : g.details
     }
   ) : I ? /* @__PURE__ */ f(
-    Lo,
+    Go,
     {
       src: e.src,
       isVideo: !0,
-      frame: h,
-      delay: x == null ? void 0 : x.delay,
-      durationInFrames: x == null ? void 0 : x.durationInFrames,
-      from: x == null ? void 0 : x.from,
-      to: x == null ? void 0 : x.to,
+      frame: i,
+      delay: $ == null ? void 0 : $.delay,
+      durationInFrames: $ == null ? void 0 : $.durationInFrames,
+      from: $ == null ? void 0 : $.from,
+      to: $ == null ? void 0 : $.to,
       width: e.width,
       height: e.height,
       borderRadius: e.borderRadius,
@@ -4303,12 +4328,12 @@ const Be = ({
       borderColor: e.borderColor,
       boxShadow: e.boxShadow,
       fps: r,
-      wiggleDetails: x == null ? void 0 : x.details
+      wiggleDetails: $ == null ? void 0 : $.details
     }
   ) : S ? /* @__PURE__ */ f(
     bo,
     {
-      frame: h,
+      frame: i,
       delay: k == null ? void 0 : k.delay,
       durationInFrames: k == null ? void 0 : k.durationInFrames,
       from: k == null ? void 0 : k.from,
@@ -4321,39 +4346,39 @@ const Be = ({
       children: F
     }
   ) : F, P = /* @__PURE__ */ f(
-    Zt,
+    At,
     {
-      style: Kt(e, i, {
+      style: Kt(e, h, {
         overflow: "hidden"
       }),
       animationIn: o,
       animationOut: p,
-      frame: h,
+      frame: i,
       durationInFrames: l,
       children: /* @__PURE__ */ f(
         Ut,
         {
           animationTimed: c,
           durationInFrames: l,
-          frame: h,
+          frame: i,
           children: /* @__PURE__ */ f(
             co,
             {
               item: t,
               keyframeAnimations: [
-                ...((T = a == null ? void 0 : a.in) == null ? void 0 : T.composition) || [],
-                ...((ct = a == null ? void 0 : a.timed) == null ? void 0 : ct.composition) || [],
-                ...((lt = a == null ? void 0 : a.loop) == null ? void 0 : lt.composition) || []
+                ...((D = a == null ? void 0 : a.in) == null ? void 0 : D.composition) || [],
+                ...((st = a == null ? void 0 : a.timed) == null ? void 0 : st.composition) || [],
+                ...((mt = a == null ? void 0 : a.loop) == null ? void 0 : mt.composition) || []
               ],
-              frame: h,
-              children: /* @__PURE__ */ yt("div", { style: Eo(e, i), children: [
+              frame: i,
+              children: /* @__PURE__ */ vt("div", { style: Vo(e, h), children: [
                 X(),
-                v.map((G) => /* @__PURE__ */ f("div", { style: G.style }, G.id)),
+                v.map((L) => /* @__PURE__ */ f("div", { style: L.style }, L.id)),
                 /* @__PURE__ */ f(
                   "div",
                   {
                     style: {
-                      ...Bo(e, i),
+                      ...Bo(e, h),
                       backgroundColor: "transparent"
                     }
                   }
@@ -4365,13 +4390,13 @@ const Be = ({
       )
     }
   );
-  return mt({ item: t, options: n, children: P });
+  return gt({ item: t, options: n, children: P });
 };
 function Oe({
   item: t,
   options: n
 }) {
-  const { fps: r, frame: s } = n, { details: e } = t, a = t.playbackRate || 1, { from: d, durationInFrames: o } = $t(
+  const { fps: r, frame: s } = n, { details: e } = t, a = t.playbackRate || 1, { from: d, durationInFrames: o } = It(
     {
       from: t.display.from / a,
       to: t.display.to / a
@@ -4380,13 +4405,13 @@ function Oe({
   );
   let p;
   if (e.inverted) {
-    const i = Math.max((s || 0) - d, 0);
-    p = 100 - Math.min(i / o * 100, 100);
+    const h = Math.max((s || 0) - d, 0);
+    p = 100 - Math.min(h / o * 100, 100);
   } else {
-    const i = Math.max((s || 0) - d, 0);
-    p = Math.min(i / o * 100, 100);
+    const h = Math.max((s || 0) - d, 0);
+    p = Math.min(h / o * 100, 100);
   }
-  const c = /* @__PURE__ */ yt(Mt, { children: [
+  const c = /* @__PURE__ */ vt(kt, { children: [
     /* @__PURE__ */ f(
       "div",
       {
@@ -4412,16 +4437,16 @@ function Oe({
       }
     )
   ] });
-  return mt({ item: t, options: n, children: c });
+  return gt({ item: t, options: n, children: c });
 }
 const Xr = (t) => {
   let n = 0;
   for (let r = 0; r < t.length; r++)
     n += t[r] * t[r];
   return n = n / t.length, n = Math.sqrt(n), n;
-}, Pr = (t) => 20 * Math.log10(t), Wr = (t, n, r) => (t - n) / (r - n), Vr = (t, n, r) => Math.max(Math.min(t, r), n), Er = -100, Br = -30, xo = (t, n = {}) => {
-  const { minDb: r = Er, maxDb: s = Br } = n, e = Pr(t);
-  return Vr(Wr(e, r, s), 0, 1);
+}, Pr = (t) => 20 * Math.log10(t), Wr = (t, n, r) => (t - n) / (r - n), Er = (t, n, r) => Math.max(Math.min(t, r), n), Vr = -100, Br = -30, xo = (t, n = {}) => {
+  const { minDb: r = Vr, maxDb: s = Br } = n, e = Pr(t);
+  return Er(Wr(e, r, s), 0, 1);
 }, jo = ({
   totalWidth: t,
   itemWidth: n,
@@ -4430,9 +4455,9 @@ const Xr = (t) => {
   minDb: e = -80
 }) => {
   const a = Math.floor(t / n), d = r, o = Math.floor(d.length / a);
-  return Array.from({ length: a }).map((c, i) => {
+  return Array.from({ length: a }).map((c, h) => {
     const l = xo(
-      d[i * o % d.length],
+      d[h * o % d.length],
       { maxDb: s, minDb: e }
     );
     return Math.log(1 + l);
@@ -4448,9 +4473,9 @@ const Xr = (t) => {
   color: o = "white",
   maxAmplitude: p = 1
 }) => {
-  const c = n, i = r;
-  return !t || t.length === 0 ? null : /* @__PURE__ */ f("div", { style: { width: n, height: r }, children: /* @__PURE__ */ f("svg", { width: c, height: i, viewBox: `0 0 ${c} ${i}`, children: t.map((l, h) => {
-    const u = l * i / p, y = h * (s + e), m = d === "over" ? 0 : d === "under" ? i - u : 0.5 * (i - u);
+  const c = n, h = r;
+  return !t || t.length === 0 ? null : /* @__PURE__ */ f("div", { style: { width: n, height: r }, children: /* @__PURE__ */ f("svg", { width: c, height: h, viewBox: `0 0 ${c} ${h}`, children: t.map((l, i) => {
+    const u = l * h / p, y = i * (s + e), m = d === "over" ? 0 : d === "under" ? h - u : 0.5 * (h - u);
     return /* @__PURE__ */ f(
       "rect",
       {
@@ -4461,7 +4486,7 @@ const Xr = (t) => {
         height: u || 0,
         rx: a || 0
       },
-      h
+      i
     );
   }) }) });
 }, Cr = ({
@@ -4476,24 +4501,24 @@ const Xr = (t) => {
   maxDb: p,
   minDb: c
 }) => {
-  const i = mo(null), l = wt(), [h, u] = fo({ width: 400, height: 100 });
+  const h = mo(null), l = Yt(), [i, u] = fo({ width: 400, height: 100 });
   eo(() => {
     u((b) => {
-      var $, g;
+      var x, g;
       return {
-        width: (($ = i.current) == null ? void 0 : $.offsetWidth) ?? b.width,
-        height: ((g = i.current) == null ? void 0 : g.offsetHeight) ?? b.height
+        width: ((x = h.current) == null ? void 0 : x.offsetWidth) ?? b.width,
+        height: ((g = h.current) == null ? void 0 : g.offsetHeight) ?? b.height
       };
     });
   }, [l, u]);
-  const { width: y, height: m } = h, v = jo({
+  const { width: y, height: m } = i, v = jo({
     totalWidth: y,
     itemWidth: s + e,
     frequencyData: r,
     maxDb: p,
     minDb: c
   });
-  return /* @__PURE__ */ f("div", { ref: i, style: { width: t, height: n }, children: /* @__PURE__ */ f(
+  return /* @__PURE__ */ f("div", { ref: h, style: { width: t, height: n }, children: /* @__PURE__ */ f(
     Or,
     {
       width: y,
@@ -4507,17 +4532,17 @@ const Xr = (t) => {
     }
   ) });
 };
-class Lr {
+class Gr {
   constructor() {
-    Pt(this, "fps", 30);
-    Pt(this, "numberOfSamples", 512);
-    Pt(this, "dataBars", []);
-    Pt(this, "items", []);
-    Pt(this, "audioDatas", {});
-    Pt(this, "MAX_CACHE_SIZE", 10);
-    Pt(this, "frameCache", /* @__PURE__ */ new Map());
-    Pt(this, "CACHE_TTL", 1e3 * 60 * 5);
-    Pt(this, "combineValues", (n, r) => Array.from({ length: n }).map((s, e) => r.reduce((a, d) => Math.max(a, d[e]), 0)));
+    Wt(this, "fps", 30);
+    Wt(this, "numberOfSamples", 512);
+    Wt(this, "dataBars", []);
+    Wt(this, "items", []);
+    Wt(this, "audioDatas", {});
+    Wt(this, "MAX_CACHE_SIZE", 10);
+    Wt(this, "frameCache", /* @__PURE__ */ new Map());
+    Wt(this, "CACHE_TTL", 1e3 * 60 * 5);
+    Wt(this, "combineValues", (n, r) => Array.from({ length: n }).map((s, e) => r.reduce((a, d) => Math.max(a, d[e]), 0)));
   }
   // 5 minutes
   setAudioDataManager(n) {
@@ -4572,10 +4597,10 @@ class Lr {
     if (r)
       return r;
     const s = this.items.map((a, d) => {
-      var i;
+      var h;
       const o = this.audioDatas[a.id];
       if (!o) return Array(this.numberOfSamples).fill(0);
-      const p = n - this.items[d].display.from * this.fps / 1e3 + (((i = this.items[d].trim) == null ? void 0 : i.from) || 0) * this.fps / 1e3;
+      const p = n - this.items[d].display.from * this.fps / 1e3 + (((h = this.items[d].trim) == null ? void 0 : h.from) || 0) * this.fps / 1e3;
       if (this.items[d].display.from * this.fps / 1e3 > n || this.items[d].display.to * this.fps / 1e3 < n)
         return Array(this.numberOfSamples).fill(0);
       const c = gn({
@@ -4596,14 +4621,14 @@ class Lr {
     return e;
   }
 }
-const Lt = new Lr(), Gr = ({
+const Lt = new Gr(), Lr = ({
   item: t,
   options: n
 }) => {
   const { frame: r, fps: s } = n, { details: e } = t;
   Lt.setAudioDataManager(s);
   const o = Lt.getAudioDataForFrame(r || 0).slice(0, 0.7 * 512), c = ["middle", "over", "under"].includes(e.placement);
-  return /* @__PURE__ */ f(Mt, { children: /* @__PURE__ */ f(
+  return /* @__PURE__ */ f(kt, { children: /* @__PURE__ */ f(
     Cr,
     {
       frequencyData: o,
@@ -4621,13 +4646,13 @@ function Ce({
   item: t,
   options: n
 }) {
-  return mt({ item: t, options: n, children: /* @__PURE__ */ f(Mt, { children: /* @__PURE__ */ f(Gr, { item: t, options: n }) }) });
+  return gt({ item: t, options: n, children: /* @__PURE__ */ f(kt, { children: /* @__PURE__ */ f(Lr, { item: t, options: n }) }) });
 }
-function Le({
+function Ge({
   item: t,
   options: n
 }) {
-  const { fps: r, frame: s } = n, { details: e } = t, a = t.playbackRate || 1, { from: d, durationInFrames: o } = $t(
+  const { fps: r, frame: s } = n, { details: e } = t, a = t.playbackRate || 1, { from: d, durationInFrames: o } = It(
     {
       from: t.display.from / a,
       to: t.display.to / a
@@ -4642,7 +4667,7 @@ function Le({
     const y = Math.max((s || 0) - d, 0);
     p = Math.min(y / o * 100, 100);
   }
-  const c = e.width || 100, i = e.height || 100, h = Math.min(c, i) * e.barThickness / 100, u = /* @__PURE__ */ f(Mt, { children: /* @__PURE__ */ f(
+  const c = e.width || 100, h = e.height || 100, i = Math.min(c, h) * e.barThickness / 100, u = /* @__PURE__ */ f(kt, { children: /* @__PURE__ */ f(
     "div",
     {
       style: {
@@ -4652,13 +4677,13 @@ function Le({
         backgroundColor: "transparent",
         scale: `${e.flipX ? -1 : 1} ${e.flipY ? -1 : 1}`
       },
-      children: /* @__PURE__ */ yt(
+      children: /* @__PURE__ */ vt(
         "div",
         {
           style: {
             position: "absolute",
             inset: 0,
-            clipPath: `polygon(0 0, 100% 0, 100% ${h}px, ${h}px ${h}px, ${h}px 100%, 0 100%)`
+            clipPath: `polygon(0 0, 100% 0, 100% ${i}px, ${i}px ${i}px, ${i}px 100%, 0 100%)`
           },
           children: [
             /* @__PURE__ */ f(
@@ -4690,7 +4715,7 @@ function Le({
       )
     }
   ) });
-  return mt({ item: t, options: n, children: u });
+  return gt({ item: t, options: n, children: u });
 }
 const zr = ({
   values: t,
@@ -4711,20 +4736,20 @@ const zr = ({
       width: p,
       height: p,
       viewBox: `0 0 ${p} ${p}`,
-      children: t.map((c, i) => {
-        const l = c * (n - o) / d, h = n, u = e === "outer" ? n - l : e === "inner" ? n : n - 0.5 * l, y = e === "outer" ? n : e === "inner" ? o : n - 0.5 * (n - o), m = `rotate(${360 * i / t.length} ${n} ${n}) translate(0 ${y})`;
+      children: t.map((c, h) => {
+        const l = c * (n - o) / d, i = n, u = e === "outer" ? n - l : e === "inner" ? n : n - 0.5 * l, y = e === "outer" ? n : e === "inner" ? o : n - 0.5 * (n - o), m = `rotate(${360 * h / t.length} ${n} ${n}) translate(0 ${y})`;
         return /* @__PURE__ */ f(
           "rect",
           {
             fill: a,
-            x: h,
+            x: i,
             y: u,
             width: r,
             height: l,
             rx: s,
             transform: m
           },
-          i
+          h
         );
       })
     }
@@ -4740,15 +4765,15 @@ const zr = ({
   color: o = "white",
   maxAmplitude: p,
   innerRadius: c = 0,
-  gapSize: i = 4
+  gapSize: h = 4
 }) => {
-  const l = 0.5 * s, h = jo({
+  const l = 0.5 * s, i = jo({
     totalWidth: 2 * Math.PI * c,
-    itemWidth: e + i,
+    itemWidth: e + h,
     frequencyData: t,
     maxDb: n,
     minDb: r
-  }), u = h.slice(Math.floor(0.5 * h.length)), y = [...u, ...u.slice().reverse()];
+  }), u = i.slice(Math.floor(0.5 * i.length)), y = [...u, ...u.slice().reverse()];
   return /* @__PURE__ */ f(
     zr,
     {
@@ -4769,7 +4794,7 @@ const zr = ({
   const { fps: r, frame: s } = n, { details: e } = t, a = t.playbackRate || 1;
   Lt.setAudioDataManager(r);
   const p = Lt.getAudioDataForFrame(s || 0).slice(0, 0.7 * 512);
-  return /* @__PURE__ */ yt(Mt, { children: [
+  return /* @__PURE__ */ vt(kt, { children: [
     /* @__PURE__ */ f(
       jr,
       {
@@ -4779,14 +4804,14 @@ const zr = ({
         color: e.radialBarColor
       }
     ),
-    e.reproduceAudio && e.srcs.map((c, i) => /* @__PURE__ */ f(Wo, { playbackRate: a, src: c }, i))
+    e.reproduceAudio && e.srcs.map((c, h) => /* @__PURE__ */ f(Wo, { playbackRate: a, src: c }, h))
   ] });
 };
-function Ge({
+function Le({
   item: t,
   options: n
 }) {
-  return mt({ item: t, options: n, children: /* @__PURE__ */ f(Mt, { children: /* @__PURE__ */ f(Hr, { item: t, options: n }) }) });
+  return gt({ item: t, options: n, children: /* @__PURE__ */ f(kt, { children: /* @__PURE__ */ f(Hr, { item: t, options: n }) }) });
 }
 const _r = ({
   numberOfPoints: t,
@@ -4797,10 +4822,10 @@ const _r = ({
   const e = 1 / t, a = r / s;
   return Array.from({ length: t }).map((d, o, p) => {
     const c = (o - 0.5) % p.length * e - a;
-    let i = (c + 1) % 1;
-    i = i * s;
+    let h = (c + 1) % 1;
+    h = h * s;
     let l = Math.sin(Math.abs(c) * Math.PI);
-    return l = w.cubic(l), l = l * n, l = l * Math.sin((0.5 + o) * Math.PI), { x: i, y: l };
+    return l = w.cubic(l), l = l * n, l = l * Math.sin((0.5 + o) * Math.PI), { x: h, y: l };
   }).sort((d, o) => d.x > o.x ? 1 : -1);
 }, Zr = ({
   sections: t = 12,
@@ -4813,37 +4838,37 @@ const _r = ({
   lineColor: o = ["darkblue", "lightblue"],
   lineThickness: p = 2,
   topRoundness: c = 0.4,
-  bottomRoundness: i = 0.4
+  bottomRoundness: h = 0.4
 }) => {
-  const l = s, h = e, u = t, y = n % (2 * s / t), m = Array.from({ length: a }).map((M, x) => {
-    const I = x * d;
+  const l = s, i = e, u = t, y = n % (2 * s / t), m = Array.from({ length: a }).map((M, $) => {
+    const I = $ * d;
     return _r({
       width: l,
       numberOfPoints: u,
       offsetPixels: I + y,
       amplitude: 0.5 * r
     });
-  }), v = l / u, b = c * v, $ = i * v, g = (M, x) => {
-    const I = M.y <= 0, k = I ? b : $, S = I ? $ : b, Y = x.x + S, N = x.y, E = M.x - k, F = M.y, X = M.x, P = M.y;
-    return `C ${Y} ${N}, ${E} ${F}, ${X} ${P}`;
+  }), v = l / u, b = c * v, x = h * v, g = (M, $) => {
+    const I = M.y <= 0, k = I ? b : x, S = I ? x : b, Y = $.x + S, N = $.y, V = M.x - k, F = M.y, X = M.x, P = M.y;
+    return `C ${Y} ${N}, ${V} ${F}, ${X} ${P}`;
   };
-  return /* @__PURE__ */ f("div", { style: { width: s, height: e }, children: /* @__PURE__ */ f("svg", { width: l, height: h, viewBox: `0 -${0.5 * h} ${l} ${h}`, children: m.map((M, x) => {
-    const I = M[M.length - 1], k = Array.isArray(o) ? o[x % o.length] : o;
+  return /* @__PURE__ */ f("div", { style: { width: s, height: e }, children: /* @__PURE__ */ f("svg", { width: l, height: i, viewBox: `0 -${0.5 * i} ${l} ${i}`, children: m.map((M, $) => {
+    const I = M[M.length - 1], k = Array.isArray(o) ? o[$ % o.length] : o;
     return /* @__PURE__ */ f(
       "path",
       {
         d: `M 0 0, ${M.map((S, Y, N) => {
-          const E = Y === 0 ? { x: 0, y: 0 } : N[Y - 1];
-          return g(S, E);
+          const V = Y === 0 ? { x: 0, y: 0 } : N[Y - 1];
+          return g(S, V);
         }).join(",")}, ${g({ x: l, y: 0 }, I)}`,
         stroke: k,
         strokeWidth: p,
         fill: "none"
       },
-      `line-${x}`
+      `line-${$}`
     );
   }) }) });
-}, Qr = ({
+}, Ar = ({
   frequencyData: t,
   width: n,
   height: r,
@@ -4852,28 +4877,28 @@ const _r = ({
   minDb: a,
   ...d
 }) => {
-  const o = wt(), { fps: p } = Jo();
+  const o = Yt(), { fps: p } = Jo();
   if (!t) return null;
-  const c = t.slice(0.25 * t.length).map((h) => xo(h, { maxDb: e, minDb: a })), i = r * Xr(c), l = o / p;
+  const c = t.slice(0.25 * t.length).map((i) => xo(i, { maxDb: e, minDb: a })), h = r * Xr(c), l = o / p;
   return /* @__PURE__ */ f("div", { style: { width: n, height: r }, children: /* @__PURE__ */ f(
     Zr,
     {
       width: n,
       height: r,
       offsetPixels: s * l,
-      amplitude: i,
+      amplitude: h,
       ...d
     }
   ) });
-}, Ar = ({
+}, Qr = ({
   item: t,
   options: n
 }) => {
   const { frame: r, fps: s } = n, { details: e } = t;
   Lt.setAudioDataManager(s);
   const o = Lt.getAudioDataForFrame(r || 0).slice(0, 0.7 * 512);
-  return /* @__PURE__ */ f(Mt, { children: /* @__PURE__ */ f(
-    Qr,
+  return /* @__PURE__ */ f(kt, { children: /* @__PURE__ */ f(
+    Ar,
     {
       frequencyData: o,
       width: e.width,
@@ -4892,7 +4917,7 @@ function ze({
   item: t,
   options: n
 }) {
-  return mt({ item: t, options: n, children: /* @__PURE__ */ f(Mt, { children: /* @__PURE__ */ f(Ar, { item: t, options: n }) }) });
+  return gt({ item: t, options: n, children: /* @__PURE__ */ f(kt, { children: /* @__PURE__ */ f(Qr, { item: t, options: n }) }) });
 }
 const Ur = (t, n) => {
   if (!n || n === t.length) return [...t];
@@ -4905,7 +4930,7 @@ const Ur = (t, n) => {
   minDb: s = -80
 }) => {
   const e = t, a = Math.floor(0.2 * n.length), d = Math.floor(0.6 * n.length), o = n.slice(a, d), p = Math.floor(o.length / e);
-  return Array.from({ length: e }).map((i, l) => xo(
+  return Array.from({ length: e }).map((h, l) => xo(
     o[l * p % o.length],
     { maxDb: r, minDb: s }
   ));
@@ -4920,42 +4945,42 @@ const Ur = (t, n) => {
   copies: o = 1,
   blendMode: p = "normal"
 }) => {
-  const c = n, i = r;
+  const c = n, h = r;
   if (!t || t.length === 0)
     return null;
-  const { scaling: l, viewBoxVerticalShift: h } = d === "over" ? {
-    viewBoxVerticalShift: -i,
+  const { scaling: l, viewBoxVerticalShift: i } = d === "over" ? {
+    viewBoxVerticalShift: -h,
     scaling: 1
   } : d === "under" ? {
     viewBoxVerticalShift: 0,
     scaling: 1
   } : {
-    viewBoxVerticalShift: -0.5 * i,
+    viewBoxVerticalShift: -0.5 * h,
     scaling: 0.5
-  }, y = 0.15 * c, m = (c - 2 * y) / (t.length - 1), v = Array.from({ length: o }).map((b, $) => {
-    const g = 3 * $;
-    return Ur(t, g).map((x, I) => ({
+  }, y = 0.15 * c, m = (c - 2 * y) / (t.length - 1), v = Array.from({ length: o }).map((b, x) => {
+    const g = 3 * x;
+    return Ur(t, g).map(($, I) => ({
       x: y + I * m,
-      y: l * i * x * (1.2 - 0.5 * qo($ * t.length + I))
+      y: l * h * $ * (1.2 - 0.5 * qo(x * t.length + I))
     }));
   });
-  return /* @__PURE__ */ f("div", { style: { width: n, height: r }, children: /* @__PURE__ */ f("svg", { width: c, height: i, viewBox: `0 ${h} ${c} ${i}`, children: v.map((b, $) => {
-    const g = b[b.length - 1], M = Array.isArray(a) ? a[$ % a.length] : a, x = Array.isArray(s) ? s[$ % s.length] : s, I = {
+  return /* @__PURE__ */ f("div", { style: { width: n, height: r }, children: /* @__PURE__ */ f("svg", { width: c, height: h, viewBox: `0 ${i} ${c} ${h}`, children: v.map((b, x) => {
+    const g = b[b.length - 1], M = Array.isArray(a) ? a[x % a.length] : a, $ = Array.isArray(s) ? s[x % s.length] : s, I = {
       stroke: M,
       strokeWidth: e,
-      fill: x,
+      fill: $,
       style: {
         mixBlendMode: p
       }
     };
-    return /* @__PURE__ */ yt(Wt.Fragment, { children: [
+    return /* @__PURE__ */ vt(Et.Fragment, { children: [
       d !== "over" && /* @__PURE__ */ f(
         "path",
         {
           ...I,
           d: `M 0 0, ${b.map((k, S, Y) => {
-            const N = S === 0 ? { x: 0, y: 0 } : Y[S - 1], E = N.x + 0.5 * m, F = N.y, X = k.x - 0.5 * m, P = k.y, L = k.x, V = k.y;
-            return `C ${E} ${F}, ${X} ${P}, ${L} ${V}`;
+            const N = S === 0 ? { x: 0, y: 0 } : Y[S - 1], V = N.x + 0.5 * m, F = N.y, X = k.x - 0.5 * m, P = k.y, G = k.x, E = k.y;
+            return `C ${V} ${F}, ${X} ${P}, ${G} ${E}`;
           }).join(",")}, C ${g.x + 0.5 * m} ${g.y}, ${c - 0.5 * m} 0, ${c} 0`
         }
       ),
@@ -4964,12 +4989,12 @@ const Ur = (t, n) => {
         {
           ...I,
           d: `M 0 0, ${b.map((k, S, Y) => {
-            const N = S === 0 ? { x: 0, y: 0 } : Y[S - 1], E = N.x + 0.5 * m, F = -N.y, X = k.x - 0.5 * m, P = -k.y, L = k.x, V = -k.y;
-            return `C ${E} ${F}, ${X} ${P}, ${L} ${V}`;
+            const N = S === 0 ? { x: 0, y: 0 } : Y[S - 1], V = N.x + 0.5 * m, F = -N.y, X = k.x - 0.5 * m, P = -k.y, G = k.x, E = -k.y;
+            return `C ${V} ${F}, ${X} ${P}, ${G} ${E}`;
           }).join(",")}, C ${g.x + 0.5 * m} ${-g.y}, ${c - 0.5 * m} 0, ${c} 0`
         }
       )
-    ] }, $);
+    ] }, x);
   }) }) });
 }, qr = ({
   width: t,
@@ -4983,20 +5008,20 @@ const Ur = (t, n) => {
   maxDb: p,
   minDb: c
 }) => {
-  const i = mo(null), l = wt(), [h, u] = fo({ width: 400, height: 100 });
+  const h = mo(null), l = Yt(), [i, u] = fo({ width: 400, height: 100 });
   eo(() => {
     u((b) => {
-      var $, g;
+      var x, g;
       return {
-        width: (($ = i.current) == null ? void 0 : $.offsetWidth) ?? b.width,
-        height: ((g = i.current) == null ? void 0 : g.offsetHeight) ?? b.height
+        width: ((x = h.current) == null ? void 0 : x.offsetWidth) ?? b.width,
+        height: ((g = h.current) == null ? void 0 : g.offsetHeight) ?? b.height
       };
     });
   }, [l, u]);
-  const { width: y, height: m } = h;
+  const { width: y, height: m } = i;
   if (!r) return null;
   const v = Kr({ frequencyData: r, minDb: c, maxDb: p });
-  return /* @__PURE__ */ f("div", { ref: i, style: { width: t, height: n }, children: /* @__PURE__ */ f(
+  return /* @__PURE__ */ f("div", { ref: h, style: { width: t, height: n }, children: /* @__PURE__ */ f(
     Jr,
     {
       values: v,
@@ -5033,7 +5058,7 @@ const Ur = (t, n) => {
     "color",
     "luminosity"
   ].includes(c);
-  return /* @__PURE__ */ f(Mt, { children: /* @__PURE__ */ f(
+  return /* @__PURE__ */ f(kt, { children: /* @__PURE__ */ f(
     qr,
     {
       frequencyData: o,
@@ -5051,7 +5076,7 @@ function je({
   item: t,
   options: n
 }) {
-  return mt({ item: t, options: n, children: /* @__PURE__ */ f(Mt, { children: /* @__PURE__ */ f(Tr, { item: t, options: n }) }) });
+  return gt({ item: t, options: n, children: /* @__PURE__ */ f(kt, { children: /* @__PURE__ */ f(Tr, { item: t, options: n }) }) });
 }
 const Ho = () => ({
   scale: (t) => ({ transform: `scale(${t})` }),
@@ -5066,7 +5091,7 @@ const Ho = () => ({
     r.push(e * s + n);
   return r;
 }, Dr = (t, n, r, s = !1) => {
-  const { from: e, to: a, ease: d } = n, o = n.durationInFrames || 30, p = Number(e), c = Number(a), i = Math.max(1, Number(o));
+  const { from: e, to: a, ease: d } = n, o = n.durationInFrames || 30, p = Number(e), c = Number(a), h = Math.max(1, Number(o));
   if (isNaN(p) || isNaN(c))
     return console.log(
       "[useAnimation interpolate] NaN safeFrom:",
@@ -5080,12 +5105,12 @@ const Ho = () => ({
       "durationInFrames:",
       r
     ), p;
-  const l = n.delay || 0, h = s ? [r - i - l, r - l] : [l, l + i];
+  const l = n.delay || 0, i = s ? [r - h - l, r - l] : [l, l + h];
   if (n.property.includes("shake")) {
     const u = s ? Yo(
-      i,
-      r - i - l
-    ) : Yo(i, l);
+      h,
+      r - h - l
+    ) : Yo(h, l);
     return W(
       t,
       u,
@@ -5097,7 +5122,7 @@ const Ho = () => ({
       }
     );
   }
-  return W(t, h, [p, c], {
+  return W(t, i, [p, c], {
     extrapolateLeft: "clamp",
     extrapolateRight: "clamp",
     easing: d
@@ -5105,17 +5130,17 @@ const Ho = () => ({
 }, Fo = (t, n, r, s) => {
   const { property: e } = t, a = Dr(n, t, r, s), d = Ho();
   return (d[e] || d.default)(a);
-}, lo = (t, n, r, s = !1, e = !1) => Wt.useMemo(() => {
+}, lo = (t, n, r, s = !1, e = !1) => Et.useMemo(() => {
   if (t.length === 0) return {};
   const a = t.filter(
     (d) => d.from !== void 0 && d.to !== void 0
   );
   if (a.length !== t.length && console.error("Some animations are invalid and will be ignored"), e) {
     const d = [], o = {};
-    a.reverse().forEach((i) => {
-      const l = Fo(i, r, n, !1);
-      if (i.persist === !0 && r - (i.delay || 0) >= i.durationInFrames) {
-        const u = i.to, y = Ho(), m = (y[i.property] || y.default)(u);
+    a.reverse().forEach((h) => {
+      const l = Fo(h, r, n, !1);
+      if (h.persist === !0 && r - (h.delay || 0) >= h.durationInFrames) {
+        const u = h.to, y = Ho(), m = (y[h.property] || y.default)(u);
         Object.keys(m).forEach((v) => {
           v === "transform" ? o[v] = o[v] ? {
             [v]: `${o[v][v]} ${m[v]}`
@@ -5125,14 +5150,14 @@ const Ho = () => ({
       d.push(l);
     });
     const c = { ...d.reduce(
-      (i, l) => (Object.keys(l).forEach((h) => {
-        h === "transform" ? i[h] = i[h] ? `${i[h]} ${l[h]}` : l[h] : i[h] = l[h];
-      }), i),
+      (h, l) => (Object.keys(l).forEach((i) => {
+        i === "transform" ? h[i] = h[i] ? `${h[i]} ${l[i]}` : l[i] : h[i] = l[i];
+      }), h),
       {}
     ) };
-    return Object.keys(o).forEach((i) => {
-      const l = o[i];
-      i === "transform" && l.transform ? c.transform = c.transform ? `${c.transform} ${l.transform}` : l.transform : l[i] !== void 0 && (c[i] = l[i]);
+    return Object.keys(o).forEach((h) => {
+      const l = o[h];
+      h === "transform" && l.transform ? c.transform = c.transform ? `${c.transform} ${l.transform}` : l.transform : l[h] !== void 0 && (c[h] = l[h]);
     }), c;
   } else
     return a.map((o) => Fo(o, r, n, s)).reduce(
@@ -5149,7 +5174,7 @@ const Ho = () => ({
   style: e = {}
 }) => {
   var b;
-  const a = wt(), d = lo(
+  const a = Yt(), d = lo(
     ro(t),
     r,
     a,
@@ -5159,50 +5184,50 @@ const Ho = () => ({
     r,
     a,
     !0
-  ), p = Wt.useMemo(() => {
-    const $ = Object.keys(d).length > 0, g = t == null ? void 0 : t.reduce(
-      (x, I) => Math.min(x, I.delay || 0),
+  ), p = Et.useMemo(() => {
+    const x = Object.keys(d).length > 0, g = t == null ? void 0 : t.reduce(
+      ($, I) => Math.min($, I.delay || 0),
       1 / 0
     ), M = a - (g || 0);
-    return $ && M < 0 ? { visibility: "hidden" } : d;
-  }, [d, a, t]), c = Wt.useMemo(() => {
-    if (a >= r)
+    return x && M < 0 ? { visibility: "hidden" } : d;
+  }, [d, a, t]), c = Et.useMemo(() => {
+    if (a > r)
       return { visibility: "hidden" };
-    const $ = ro(n);
-    if (!$ || $.length === 0) return {};
+    const x = ro(n);
+    if (!x || x.length === 0) return {};
     let g = 0;
-    $.forEach((x) => {
-      const I = (x.durationInFrames || 0) + (x.delay || 0);
+    x.forEach(($) => {
+      const I = ($.durationInFrames || 0) + ($.delay || 0);
       I > g && (g = I);
     });
     const M = Math.max(0, r - g);
     return a < M ? {} : o;
-  }, [o, a, n, r]), l = ((e == null ? void 0 : e.transform) || "").match(/rotate\((-?[\d.]+)deg\)/), h = l ? parseFloat(l[1]) : 0, u = -h, y = Wt.useMemo(() => {
-    const $ = {
+  }, [o, a, n, r]), l = ((e == null ? void 0 : e.transform) || "").match(/rotate\((-?[\d.]+)deg\)/), i = l ? parseFloat(l[1]) : 0, u = -i, y = Et.useMemo(() => {
+    const x = {
       ...p
       // , ...timedStyle
     };
     return Object.entries(c).forEach(([g, M]) => {
-      g === "transform" ? $[g] = `${$[g] || ""} ${M || ""}`.trim() : g in $ && typeof $[g] == "number" && typeof M == "number" ? $[g] = $[g] * M : $[g] = M;
-    }), $;
+      g === "transform" ? x[g] = `${x[g] || ""} ${M || ""}`.trim() : g in x && typeof x[g] == "number" && typeof M == "number" ? x[g] = x[g] * M : x[g] = M;
+    }), x;
   }, [p, c]);
   if ((b = y.transform) != null && b.includes("rotate")) {
-    const $ = y.transform;
-    y.transform = $.replace(
+    const x = y.transform;
+    y.transform = x.replace(
       /rotate\(([^)]+)deg\)/,
       (g, M) => `rotate(${parseFloat(M) - u}deg)`
     );
   }
   const m = to(() => {
-    const $ = y.transform || "", { translateX: g, translateY: M, scale: x, rotation: I, rotateY: k } = _o($);
-    return `${g} ${M} ${x} ${I || `rotate(${h}deg)`} ${k}`.trim();
-  }, [y, h]);
+    const x = y.transform || "", { translateX: g, translateY: M, scale: $, rotation: I, rotateY: k } = _o(x);
+    return `${g} ${M} ${$} ${I || `rotate(${i}deg)`} ${k}`.trim();
+  }, [y, i]);
   let v = d;
-  return h > 0 && v.transform && v.transform.includes("translateX") && (v = {
+  return i > 0 && v.transform && v.transform.includes("translateX") && (v = {
     ...v,
     transform: v.transform.replace(
       /translateX\(([^)]+)\)/g,
-      ($, g) => `translateX(${parseFloat(g)}px)`
+      (x, g) => `translateX(${parseFloat(g)}px)`
     )
   }), /* @__PURE__ */ f(
     "div",
@@ -5241,8 +5266,8 @@ const Ho = () => ({
   p && (s = p[p.length - 1]);
   const c = t.match(/rotate\([^)]+\)/g);
   c && (e = c[c.length - 1]);
-  const i = t.match(/rotateY\([^)]+\)/g);
-  return i && (a = i[i.length - 1]), { translateX: n, translateY: r, scale: s, rotation: e, rotateY: a };
+  const h = t.match(/rotateY\([^)]+\)/g);
+  return h && (a = h[h.length - 1]), { translateX: n, translateY: r, scale: s, rotation: e, rotateY: a };
 };
 w.linear;
 w.linear;
@@ -5260,28 +5285,28 @@ const te = ({
   children: s,
   style: e = {}
 }) => {
-  var h;
+  var i;
   const a = lo(
     ro(t),
     n,
     r,
     !1,
     !0
-  ), o = ((e == null ? void 0 : e.transform) || "").match(/rotate\((-?[\d.]+)deg\)/), p = o ? parseFloat(o[1]) : 0, c = -p, i = Wt.useMemo(() => ({
+  ), o = ((e == null ? void 0 : e.transform) || "").match(/rotate\((-?[\d.]+)deg\)/), p = o ? parseFloat(o[1]) : 0, c = -p, h = Et.useMemo(() => ({
     ...a
   }), [a]);
-  if ((h = i.transform) != null && h.includes("rotate")) {
-    const u = i.transform;
-    i.transform = u.replace(
+  if ((i = h.transform) != null && i.includes("rotate")) {
+    const u = h.transform;
+    h.transform = u.replace(
       /rotate\(([^)]+)deg\)/,
       (y, m) => `rotate(${parseFloat(m) - c}deg)`
     );
   }
   to(() => {
-    const u = i.transform || "", { translateX: y, translateY: m, scale: v, rotation: b, rotateY: $ } = _o(u);
-    return `${y} ${m} ${v} ${b || `rotate(${p}deg)`} ${$}`.trim();
-  }, [i, p]);
-  let l = i;
+    const u = h.transform || "", { translateX: y, translateY: m, scale: v, rotation: b, rotateY: x } = _o(u);
+    return `${y} ${m} ${v} ${b || `rotate(${p}deg)`} ${x}`.trim();
+  }, [h, p]);
+  let l = h;
   return p > 0 && l.transform && l.transform.includes("translateX") && (l = {
     ...l,
     transform: l.transform.replace(
@@ -5292,7 +5317,7 @@ const te = ({
     "div",
     {
       style: {
-        overflow: i.overflow || "visible",
+        overflow: h.overflow || "visible",
         pointerEvents: "none",
         ...l
       },
@@ -5300,7 +5325,7 @@ const te = ({
         "div",
         {
           style: {
-            ...i,
+            ...h,
             overflow: "visible",
             pointerEvents: "none",
             height: "max-content"
@@ -5310,7 +5335,7 @@ const te = ({
       )
     }
   );
-}, io = (t) => {
+}, ho = (t) => {
   if (typeof (t == null ? void 0 : t.ease) == "function") return t.ease;
   switch (t == null ? void 0 : t.easing) {
     case "ease-in":
@@ -5332,8 +5357,8 @@ const te = ({
   keyframeAnimations: a
 }) => {
   const d = a ? [...a].reverse().find((y) => y.property.includes("maskReveal")) : void 0;
-  let o = 1, p = o, c = r, i = 0, l = 0, h = n, u;
-  return (s || 0) - e.display.from >= 0 && (d == null ? void 0 : d.property) === "maskRevealIn" ? (o = Math.min((s || 0) / d.durationInFrames, 1), p = Math.max(0, Math.min(1, io(d)(o))), c = r * p) : (s || 0) - e.display.from >= 0 && (d == null ? void 0 : d.property) === "maskRevealCenterIn" ? (o = Math.min((s || 0) / d.durationInFrames, 1), p = Math.max(0, Math.min(1, io(d)(o))), h = n, c = r, i = 0, l = 0, u = `circle(${Math.max(n, r) * p}px at 50% 50%)`) : (s || 0) - e.display.from >= 0 && (d == null ? void 0 : d.property) === "maskRevealCornerIn" && (o = Math.min((s || 0) / d.durationInFrames, 1), p = Math.max(0, Math.min(1, io(d)(o))), h = n * p, c = r * p, i = n - h, l = 0), d ? /* @__PURE__ */ f(
+  let o = 1, p = o, c = r, h = 0, l = 0, i = n, u;
+  return (s || 0) - e.display.from >= 0 && (d == null ? void 0 : d.property) === "maskRevealIn" ? (o = Math.min((s || 0) / d.durationInFrames, 1), p = Math.max(0, Math.min(1, ho(d)(o))), c = r * p) : (s || 0) - e.display.from >= 0 && (d == null ? void 0 : d.property) === "maskRevealCenterIn" ? (o = Math.min((s || 0) / d.durationInFrames, 1), p = Math.max(0, Math.min(1, ho(d)(o))), i = n, c = r, h = 0, l = 0, u = `circle(${Math.max(n, r) * p}px at 50% 50%)`) : (s || 0) - e.display.from >= 0 && (d == null ? void 0 : d.property) === "maskRevealCornerIn" && (o = Math.min((s || 0) / d.durationInFrames, 1), p = Math.max(0, Math.min(1, ho(d)(o))), i = n * p, c = r * p, h = n - i, l = 0), d ? /* @__PURE__ */ f(
     "div",
     {
       style: {
@@ -5347,9 +5372,9 @@ const te = ({
         {
           style: {
             position: "absolute",
-            left: i,
+            left: h,
             top: l,
-            width: h,
+            width: i,
             height: c,
             overflow: "hidden",
             clipPath: u
@@ -5358,33 +5383,33 @@ const te = ({
         }
       )
     }
-  ) : /* @__PURE__ */ f(Mt, { children: t });
+  ) : /* @__PURE__ */ f(kt, { children: t });
 }, He = ({
   item: t,
   options: n
 }) => {
   var b;
-  const { fps: r, resizeState: s, frame: e } = n, { id: a, details: d, animations: o } = t, { durationInFrames: p } = $t(t.display, r), { animationIn: c, animationOut: i, animationTimed: l } = It(
+  const { fps: r, resizeState: s, frame: e } = n, { id: a, details: d, animations: o } = t, { durationInFrames: p } = It(t.display, r), { animationIn: c, animationOut: h, animationTimed: l } = Nt(
     o,
     t,
     e,
     r
-  ), h = [];
-  o != null && o.loop && o.loop.composition.forEach(($) => {
+  ), i = [];
+  o != null && o.loop && o.loop.composition.forEach((x) => {
     var g;
-    (g = $.details) != null && g.fonts && h.push(...$.details.fonts);
-  }), o != null && o.in && o.in.composition.forEach(($) => {
+    (g = x.details) != null && g.fonts && i.push(...x.details.fonts);
+  }), o != null && o.in && o.in.composition.forEach((x) => {
     var g;
-    (g = $.details) != null && g.fonts && h.push(...$.details.fonts);
-  }), o != null && o.out && o.out.composition.forEach(($) => {
+    (g = x.details) != null && g.fonts && i.push(...x.details.fonts);
+  }), o != null && o.out && o.out.composition.forEach((x) => {
     var g;
-    (g = $.details) != null && g.fonts && h.push(...$.details.fonts);
+    (g = x.details) != null && g.fonts && i.push(...x.details.fonts);
   });
   const u = s == null ? void 0 : s[t.id], y = (u == null ? void 0 : u.width) ?? d.width, m = (u == null ? void 0 : u.height) ?? d.height, v = /* @__PURE__ */ f(
     Jt,
     {
       animationIn: c,
-      animationOut: i,
+      animationOut: h,
       durationInFrames: p,
       style: d,
       children: /* @__PURE__ */ f(
@@ -5416,17 +5441,17 @@ const te = ({
       )
     }
   );
-  return mt({ item: t, options: n, children: v });
+  return gt({ item: t, options: n, children: v });
 }, _e = ({
   item: t,
   options: n
 }) => {
-  const { fps: r, resizeState: s, frame: e } = n, { details: a, animations: d } = t, { durationInFrames: o } = $t(t.display, r), { animationIn: p, animationOut: c } = It(
+  const { fps: r, resizeState: s, frame: e } = n, { details: a, animations: d } = t, { durationInFrames: o } = It(t.display, r), { animationIn: p, animationOut: c } = Nt(
     d,
     t,
     e,
     r
-  ), i = s == null ? void 0 : s[t.id], l = (i == null ? void 0 : i.width) ?? a.radius, h = /* @__PURE__ */ f(
+  ), h = s == null ? void 0 : s[t.id], l = (h == null ? void 0 : h.width) ?? a.radius, i = /* @__PURE__ */ f(
     Jt,
     {
       durationInFrames: o,
@@ -5442,20 +5467,20 @@ const te = ({
       )
     }
   );
-  return mt({ item: t, options: n, children: h });
+  return gt({ item: t, options: n, children: i });
 }, Ze = ({
   item: t,
   options: n
 }) => {
-  const { fps: r, resizeState: s, frame: e } = n, { details: a, animations: d } = t, { durationInFrames: o } = $t(t.display, r), { animationIn: p, animationOut: c } = It(
+  const { fps: r, resizeState: s, frame: e } = n, { details: a, animations: d } = t, { durationInFrames: o } = It(t.display, r), { animationIn: p, animationOut: c } = Nt(
     d,
     t,
     e,
     r
-  ), i = s == null ? void 0 : s[t.id];
+  ), h = s == null ? void 0 : s[t.id];
   let l = a.length;
-  i != null && i.width ? l = i.width : i != null && i.height && (l = i.height * 2 / Math.sqrt(3));
-  const h = /* @__PURE__ */ f(
+  h != null && h.width ? l = h.width : h != null && h.height && (l = h.height * 2 / Math.sqrt(3));
+  const i = /* @__PURE__ */ f(
     Jt,
     {
       durationInFrames: o,
@@ -5472,36 +5497,36 @@ const te = ({
       )
     }
   );
-  return mt({ item: t, options: n, children: h });
-}, Qe = ({
+  return gt({ item: t, options: n, children: i });
+}, Ae = ({
   item: t,
   options: n
 }) => {
-  const { fps: r, resizeState: s, frame: e } = n, { details: a, animations: d } = t, { durationInFrames: o } = $t(t.display, r), { animationIn: p, animationOut: c } = It(
+  const { fps: r, resizeState: s, frame: e } = n, { details: a, animations: d } = t, { durationInFrames: o } = It(t.display, r), { animationIn: p, animationOut: c } = Nt(
     d,
     t,
     e,
     r
-  ), i = s == null ? void 0 : s[t.id], l = (m, v, b) => {
-    const $ = b, g = b, M = Math.PI * 2 / (m * 2);
-    let x = Number.POSITIVE_INFINITY, I = Number.NEGATIVE_INFINITY, k = Number.POSITIVE_INFINITY, S = Number.NEGATIVE_INFINITY;
+  ), h = s == null ? void 0 : s[t.id], l = (m, v, b) => {
+    const x = b, g = b, M = Math.PI * 2 / (m * 2);
+    let $ = Number.POSITIVE_INFINITY, I = Number.NEGATIVE_INFINITY, k = Number.POSITIVE_INFINITY, S = Number.NEGATIVE_INFINITY;
     for (let Y = 0; Y < m * 2; Y++) {
-      const N = Y % 2 === 0 ? b : v, E = M * Y - Math.PI / 2, F = $ + N * Math.cos(E), X = g + N * Math.sin(E);
-      x = Math.min(x, F), I = Math.max(I, F), k = Math.min(k, X), S = Math.max(S, X);
+      const N = Y % 2 === 0 ? b : v, V = M * Y - Math.PI / 2, F = x + N * Math.cos(V), X = g + N * Math.sin(V);
+      $ = Math.min($, F), I = Math.max(I, F), k = Math.min(k, X), S = Math.max(S, X);
     }
     return {
-      width: I - x,
+      width: I - $,
       height: S - k
     };
   };
-  let h = a.outerRadius, u = a.innerRadius;
-  if (i != null && i.width || i != null && i.height) {
+  let i = a.outerRadius, u = a.innerRadius;
+  if (h != null && h.width || h != null && h.height) {
     const m = l(
       a.points || 5,
       a.innerRadius || 0,
       a.outerRadius || 0
-    ), v = i != null && i.width ? i.width / m.width : 1, b = i != null && i.height ? i.height / m.height : 1, $ = Math.max(v, b);
-    h = (a.outerRadius || 0) * $, u = (a.innerRadius || 0) * $;
+    ), v = h != null && h.width ? h.width / m.width : 1, b = h != null && h.height ? h.height / m.height : 1, x = Math.max(v, b);
+    i = (a.outerRadius || 0) * x, u = (a.innerRadius || 0) * x;
   }
   const y = /* @__PURE__ */ f(
     Jt,
@@ -5515,41 +5540,41 @@ const te = ({
         {
           points: a.points || 5,
           innerRadius: u ?? 0,
-          outerRadius: h ?? 0,
+          outerRadius: i ?? 0,
           fill: a.backgroundColor
         }
       )
     }
   );
-  return mt({ item: t, options: n, children: y });
-}, Ae = ({
+  return gt({ item: t, options: n, children: y });
+}, Qe = ({
   item: t,
   options: n
 }) => {
-  const { fps: r, resizeState: s, frame: e } = n, { details: a, animations: d } = t, { animationIn: o, animationOut: p } = It(
+  const { fps: r, resizeState: s, frame: e } = n, { details: a, animations: d } = t, { animationIn: o, animationOut: p } = Nt(
     d,
     t,
     e,
     r
-  ), { durationInFrames: c } = $t(t.display, r), i = s == null ? void 0 : s[t.id], l = (y, m) => {
-    const v = m, b = m, $ = Math.PI * 2 / y;
-    let g = Number.POSITIVE_INFINITY, M = Number.NEGATIVE_INFINITY, x = Number.POSITIVE_INFINITY, I = Number.NEGATIVE_INFINITY;
+  ), { durationInFrames: c } = It(t.display, r), h = s == null ? void 0 : s[t.id], l = (y, m) => {
+    const v = m, b = m, x = Math.PI * 2 / y;
+    let g = Number.POSITIVE_INFINITY, M = Number.NEGATIVE_INFINITY, $ = Number.POSITIVE_INFINITY, I = Number.NEGATIVE_INFINITY;
     for (let k = 0; k < y; k++) {
-      const S = $ * k - Math.PI / 2, Y = v + m * Math.cos(S), N = b + m * Math.sin(S);
-      g = Math.min(g, Y), M = Math.max(M, Y), x = Math.min(x, N), I = Math.max(I, N);
+      const S = x * k - Math.PI / 2, Y = v + m * Math.cos(S), N = b + m * Math.sin(S);
+      g = Math.min(g, Y), M = Math.max(M, Y), $ = Math.min($, N), I = Math.max(I, N);
     }
     return {
       width: M - g,
-      height: I - x
+      height: I - $
     };
   };
-  let h = a.radius;
-  if (i != null && i.width || i != null && i.height) {
+  let i = a.radius;
+  if (h != null && h.width || h != null && h.height) {
     const y = l(
       a.points || 3,
       a.radius || 0
-    ), m = i != null && i.width ? i.width / y.width : 1, v = i != null && i.height ? i.height / y.height : 1, b = Math.max(m, v);
-    h = (a.radius || 0) * b;
+    ), m = h != null && h.width ? h.width / y.width : 1, v = h != null && h.height ? h.height / y.height : 1, b = Math.max(m, v);
+    i = (a.radius || 0) * b;
   }
   const u = /* @__PURE__ */ f(
     Jt,
@@ -5562,23 +5587,23 @@ const te = ({
         In,
         {
           points: a.points || 3,
-          radius: h ?? 0,
+          radius: i ?? 0,
           fill: a.backgroundColor
         }
       )
     }
   );
-  return mt({ item: t, options: n, children: u });
+  return gt({ item: t, options: n, children: u });
 }, Ue = ({
   item: t,
   options: n
 }) => {
-  const { fps: r, resizeState: s, frame: e } = n, { details: a, animations: d } = t, { durationInFrames: o } = $t(t.display, r), { animationIn: p, animationOut: c } = It(
+  const { fps: r, resizeState: s, frame: e } = n, { details: a, animations: d } = t, { durationInFrames: o } = It(t.display, r), { animationIn: p, animationOut: c } = Nt(
     d,
     t,
     e,
     r
-  ), i = s == null ? void 0 : s[t.id], l = i != null && i.width ? i.width / 2 : a.rx, h = i != null && i.height ? i.height / 2 : a.ry, u = /* @__PURE__ */ f(
+  ), h = s == null ? void 0 : s[t.id], l = h != null && h.width ? h.width / 2 : a.rx, i = h != null && h.height ? h.height / 2 : a.ry, u = /* @__PURE__ */ f(
     Jt,
     {
       durationInFrames: o,
@@ -5589,7 +5614,7 @@ const te = ({
         kn,
         {
           rx: l ?? 0,
-          ry: h ?? 0,
+          ry: i ?? 0,
           fill: a.backgroundColor,
           stroke: a.stroke,
           strokeWidth: a.strokeWidth
@@ -5597,7 +5622,7 @@ const te = ({
       )
     }
   );
-  return mt({ item: t, options: n, children: u });
+  return gt({ item: t, options: n, children: u });
 }, Zo = () => ({
   scale: (t) => ({ transform: `scale(${t})` }),
   opacity: (t) => ({ opacity: t }),
@@ -5650,15 +5675,15 @@ const te = ({
     r.push(e * s + n);
   return r;
 }, ne = (t, n, r, s = !1) => {
-  const { from: e, to: a, ease: d } = n, o = n.durationInFrames || 30, p = Number(e), c = Number(a), i = Math.max(1, Number(o));
+  const { from: e, to: a, ease: d } = n, o = n.durationInFrames || 30, p = Number(e), c = Number(a), h = Math.max(1, Number(o));
   if (isNaN(p) || isNaN(c))
     return p;
-  const l = n.delay || 0, h = s ? [r - i - l, r - l] : [l, l + i];
+  const l = n.delay || 0, i = s ? [r - h - l, r - l] : [l, l + h];
   if (n.property.includes("shake")) {
     const u = s ? Ro(
-      i,
-      r - i - l
-    ) : Ro(i, l);
+      h,
+      r - h - l
+    ) : Ro(h, l);
     return W(
       t,
       u,
@@ -5670,7 +5695,7 @@ const te = ({
       }
     );
   }
-  return W(t, h, [p, c], {
+  return W(t, i, [p, c], {
     extrapolateLeft: "clamp",
     extrapolateRight: "clamp",
     easing: d
@@ -5678,17 +5703,17 @@ const te = ({
 }, Xo = (t, n, r, s) => {
   const { property: e } = t, a = ne(n, t, r, s), d = Zo();
   return (d[e] || d.default)(a);
-}, uo = (t, n, r, s = !1, e = !1) => Wt.useMemo(() => {
+}, uo = (t, n, r, s = !1, e = !1) => Et.useMemo(() => {
   if (t.length === 0) return {};
   const a = t.filter(
     (d) => d.from !== void 0 && d.to !== void 0
   );
   if (a.length !== t.length && console.error("Some animations are invalid and will be ignored"), e) {
     const d = [], o = {};
-    a.reverse().forEach((i) => {
-      const l = Xo(i, r, n, !1);
-      if (i.persist === !0 && r - (i.delay || 0) >= i.durationInFrames) {
-        const u = i.to, y = Zo(), m = (y[i.property] || y.default)(u);
+    a.reverse().forEach((h) => {
+      const l = Xo(h, r, n, !1);
+      if (h.persist === !0 && r - (h.delay || 0) >= h.durationInFrames) {
+        const u = h.to, y = Zo(), m = (y[h.property] || y.default)(u);
         Object.keys(m).forEach((v) => {
           v === "transform" ? o[v] = o[v] ? {
             [v]: `${o[v][v]} ${m[v]}`
@@ -5698,14 +5723,14 @@ const te = ({
       d.push(l);
     });
     const c = { ...d.reduce(
-      (i, l) => (Object.keys(l).forEach((h) => {
-        h === "transform" || h === "filter" ? i[h] = i[h] ? `${i[h]} ${l[h]}` : l[h] : i[h] = l[h];
-      }), i),
+      (h, l) => (Object.keys(l).forEach((i) => {
+        i === "transform" || i === "filter" ? h[i] = h[i] ? `${h[i]} ${l[i]}` : l[i] : h[i] = l[i];
+      }), h),
       {}
     ) };
-    return Object.keys(o).forEach((i) => {
-      const l = o[i];
-      i === "transform" && l.transform ? c.transform = c.transform ? `${c.transform} ${l.transform}` : l.transform : l[i] !== void 0 && (c[i] = l[i]);
+    return Object.keys(o).forEach((h) => {
+      const l = o[h];
+      h === "transform" && l.transform ? c.transform = c.transform ? `${c.transform} ${l.transform}` : l.transform : l[h] !== void 0 && (c[h] = l[h]);
     }), c;
   } else
     return a.map(
@@ -5737,48 +5762,48 @@ const te = ({
     s,
     e,
     !0
-  ), i = uo(
+  ), h = uo(
     qt(r),
     s,
     e,
     !1,
     !0
-  ), l = Wt.useMemo(() => {
+  ), l = Et.useMemo(() => {
     var k;
-    const M = Object.keys(p).length > 0, x = (k = qt(t)) == null ? void 0 : k.reduce(
+    const M = Object.keys(p).length > 0, $ = (k = qt(t)) == null ? void 0 : k.reduce(
       (S, Y) => Math.min(S, Y.delay || 0),
       1 / 0
-    ), I = e - (x || 0);
+    ), I = e - ($ || 0);
     return M && I < 0 ? { visibility: a ? "visible" : "hidden" } : p;
-  }, [p, e, t, a]), h = Wt.useMemo(() => {
+  }, [p, e, t, a]), i = Et.useMemo(() => {
     const M = qt(n);
     if (!M || M.length === 0) return {};
-    let x = 0;
+    let $ = 0;
     M.forEach((k) => {
       const S = (k.durationInFrames || 0) + (k.delay || 0);
-      S > x && (x = S);
+      S > $ && ($ = S);
     });
-    const I = Math.max(0, s - x);
-    return e < I ? {} : e >= s ? { visibility: a ? "visible" : "hidden" } : c;
-  }, [c, e, n, s, a]), y = ((o == null ? void 0 : o.transform) || "").match(/rotate\((-?[\d.]+)deg\)/), m = y ? parseFloat(y[1]) : 0, v = -m, b = Wt.useMemo(() => {
+    const I = Math.max(0, s - $);
+    return e < I ? {} : e > s ? { visibility: a ? "visible" : "hidden" } : c;
+  }, [c, e, n, s, a]), y = ((o == null ? void 0 : o.transform) || "").match(/rotate\((-?[\d.]+)deg\)/), m = y ? parseFloat(y[1]) : 0, v = -m, b = Et.useMemo(() => {
     const M = {
       ...l,
-      ...i
+      ...h
     };
-    return Object.entries(h).forEach(([x, I]) => {
-      x === "transform" ? M[x] = `${M[x] || ""} ${I || ""}`.trim() : x in M && typeof M[x] == "number" && typeof I == "number" ? M[x] = M[x] * I : M[x] = I;
+    return Object.entries(i).forEach(([$, I]) => {
+      $ === "transform" ? M[$] = `${M[$] || ""} ${I || ""}`.trim() : $ in M && typeof M[$] == "number" && typeof I == "number" ? M[$] = M[$] * I : M[$] = I;
     }), M;
-  }, [l, i, h]);
+  }, [l, h, i]);
   if ((g = b.transform) != null && g.includes("rotate")) {
     const M = b.transform;
     b.transform = M.replace(
       /rotate\(([^)]+)deg\)/,
-      (x, I) => `rotate(${parseFloat(I) - v}deg)`
+      ($, I) => `rotate(${parseFloat(I) - v}deg)`
     );
   }
-  const $ = to(() => {
-    const M = b.transform || "", { translateX: x, translateY: I, scale: k, rotation: S, rotateY: Y } = ee(M);
-    return `${x} ${I} ${k} ${S || `rotate(${m}deg)`} ${Y}`.trim();
+  const x = to(() => {
+    const M = b.transform || "", { translateX: $, translateY: I, scale: k, rotation: S, rotateY: Y } = ee(M);
+    return `${$} ${I} ${k} ${S || `rotate(${m}deg)`} ${Y}`.trim();
   }, [b, m]);
   return /* @__PURE__ */ f(
     "div",
@@ -5796,7 +5821,7 @@ const te = ({
             ...b,
             rotate: `${v}deg`,
             overflow: "visible",
-            transform: $,
+            transform: x,
             pointerEvents: "none"
           },
           children: d
@@ -5814,35 +5839,35 @@ const te = ({
   p && (s = p[p.length - 1]);
   const c = t.match(/rotate\([^)]+\)/g);
   c && (e = c[c.length - 1]);
-  const i = t.match(/rotateY\([^)]+\)/g);
-  return i && (a = i[i.length - 1]), { translateX: n, translateY: r, scale: s, rotation: e, rotateY: a };
+  const h = t.match(/rotateY\([^)]+\)/g);
+  return h && (a = h[h.length - 1]), { translateX: n, translateY: r, scale: s, rotation: e, rotateY: a };
 };
 w.linear, w.linear, w.linear, w.linear, w.linear, w.linear, w.linear, w.linear, w.linear, w.linear, w.linear, w.linear, w.linear, w.linear, w.linear, w.linear, w.linear, w.linear, w.linear, w.linear, w.linear, w.linear, w.linear, w.linear, w.linear, w.linear, w.linear, w.linear, w.linear, w.linear, w.linear, w.linear, w.linear, w.linear, w.linear, w.linear, w.linear, w.linear, w.linear, w.linear, w.linear, w.elastic(1), w.elastic(1), w.elastic(1), w.elastic(1), w.linear, w.linear, w.linear, w.linear, w.ease, w.ease, w.ease, w.ease, w.ease, w.ease, w.ease, w.ease, w.ease, w.ease;
 function Ke({
   item: t,
   options: n
 }) {
-  var N, E, F, X, P;
-  const { fps: r, frame: s } = n, { details: e, animations: a } = t, { width: d, height: o, strokeWidth: p, strokeBackground: c, strokeColors: i } = e, { animationIn: l, animationOut: h } = It(a, t), { durationInFrames: u } = $t(t.display, r), y = d, m = o, v = p, b = y, $ = m, g = y, M = m, x = b + $ + g + M;
+  var N, V, F, X, P;
+  const { fps: r, frame: s } = n, { details: e, animations: a } = t, { width: d, height: o, strokeWidth: p, strokeBackground: c, strokeColors: h } = e, { animationIn: l, animationOut: i } = Nt(a, t), { durationInFrames: u } = It(t.display, r), y = d, m = o, v = p, b = y, x = m, g = y, M = m, $ = b + x + g + M;
   let I = 0;
   if (((N = a == null ? void 0 : a.out) == null ? void 0 : N.name) === "progressSquareAnimationOut") {
-    const L = (E = a == null ? void 0 : a.out) == null ? void 0 : E.composition[0].durationInFrames, V = Math.max(
+    const G = (V = a == null ? void 0 : a.out) == null ? void 0 : V.composition[0].durationInFrames, E = Math.max(
       t.display.to * r / 1e3 - (s || 0) - 1,
       0
     );
-    I = Math.min(V / L * 100, 100) / 100, V > L && (I = 1);
+    I = Math.min(E / G * 100, 100) / 100, E > G && (I = 1);
   }
   if (((F = a == null ? void 0 : a.in) == null ? void 0 : F.name) === "progressSquareAnimationIn") {
-    const { from: L } = $t(
+    const { from: G } = It(
       {
         from: t.display.from,
         to: t.display.to
       },
       r
-    ), V = (X = a == null ? void 0 : a.in) == null ? void 0 : X.composition[0].durationInFrames, O = Math.max((s || 0) - L, 0);
-    O < V ? I = Math.min(O / V * 100, 100) / 100 : ((P = a == null ? void 0 : a.out) == null ? void 0 : P.name) !== "progressSquareAnimationOut" && (I = 1);
+    ), E = (X = a == null ? void 0 : a.in) == null ? void 0 : X.composition[0].durationInFrames, O = Math.max((s || 0) - G, 0);
+    O < E ? I = Math.min(O / E * 100, 100) / 100 : ((P = a == null ? void 0 : a.out) == null ? void 0 : P.name) !== "progressSquareAnimationOut" && (I = 1);
   }
-  const k = I * 100 / 100 * x, S = i[0] || "#4A90E2", Y = /* @__PURE__ */ f(
+  const k = I * 100 / 100 * $, S = h[0] || "#4A90E2", Y = /* @__PURE__ */ f(
     re,
     {
       style: Kt(
@@ -5853,9 +5878,9 @@ function Ke({
         }
       ),
       animationIn: l,
-      animationOut: h,
+      animationOut: i,
       durationInFrames: u,
-      children: /* @__PURE__ */ yt(
+      children: /* @__PURE__ */ vt(
         "div",
         {
           style: {
@@ -5882,7 +5907,7 @@ function Ke({
                 }
               }
             ),
-            /* @__PURE__ */ yt("div", { style: { position: "absolute", inset: 0, pointerEvents: "none" }, children: [
+            /* @__PURE__ */ vt("div", { style: { position: "absolute", inset: 0, pointerEvents: "none" }, children: [
               /* @__PURE__ */ f(
                 "div",
                 {
@@ -5904,12 +5929,12 @@ function Ke({
                     top: 0,
                     right: 0,
                     width: v,
-                    height: Math.min(k - b, $),
+                    height: Math.min(k - b, x),
                     backgroundColor: S
                   }
                 }
               ),
-              k > b + $ && /* @__PURE__ */ f(
+              k > b + x && /* @__PURE__ */ f(
                 "div",
                 {
                   style: {
@@ -5917,7 +5942,7 @@ function Ke({
                     bottom: 0,
                     right: 0,
                     width: Math.min(
-                      k - b - $,
+                      k - b - x,
                       g
                     ),
                     height: v,
@@ -5925,7 +5950,7 @@ function Ke({
                   }
                 }
               ),
-              k > b + $ + g && /* @__PURE__ */ f(
+              k > b + x + g && /* @__PURE__ */ f(
                 "div",
                 {
                   style: {
@@ -5934,7 +5959,7 @@ function Ke({
                     left: 0,
                     width: v,
                     height: Math.min(
-                      k - b - $ - g,
+                      k - b - x - g,
                       M
                     ),
                     backgroundColor: S
@@ -5947,39 +5972,39 @@ function Ke({
       )
     }
   );
-  return mt({ item: t, options: n, children: Y });
+  return gt({ item: t, options: n, children: Y });
 }
-const Qo = (t) => {
+const Ao = (t) => {
   const { trackItemIds: n, transitionsMap: r, trackItemsMap: s } = t, e = /* @__PURE__ */ new Map();
   Object.values(r).forEach((c) => {
     var u, y;
-    const { fromId: i, toId: l, kind: h } = c;
-    h !== "none" && (e.has(i) || e.set(i, []), e.has(l) || e.set(l, []), (u = e.get(i)) == null || u.push(c), (y = e.get(l)) == null || y.push(c));
+    const { fromId: h, toId: l, kind: i } = c;
+    i !== "none" && (e.has(h) || e.set(h, []), e.has(l) || e.set(l, []), (u = e.get(h)) == null || u.push(c), (y = e.get(l)) == null || y.push(c));
   });
   const a = [], d = /* @__PURE__ */ new Set(), o = (c) => {
-    const i = [];
+    const h = [];
     let l = c;
     for (; l && !d.has(l); ) {
       d.add(l);
-      const h = s[l];
-      i.push(h);
+      const i = s[l];
+      h.push(i);
       const u = Object.values(r).find(
         (y) => y.fromId === l && y.kind !== "none"
       );
       if (!u) break;
-      i.push(u), l = u.toId;
+      h.push(u), l = u.toId;
     }
-    return i;
+    return h;
   }, p = Object.values(r).filter(
     (c) => c.kind !== "none"
   );
   for (const c of n)
-    if (!d.has(c) && (!e.has(c) || !p.some((i) => i.toId === c))) {
-      const i = o(c);
-      i.length > 0 && a.push(i);
+    if (!d.has(c) && (!e.has(c) || !p.some((h) => h.toId === c))) {
+      const h = o(c);
+      h.length > 0 && a.push(h);
     }
   return a.forEach((c) => {
-    c.sort((i, l) => "display" in i && "display" in l ? i.display.from - l.display.from : 0);
+    c.sort((h, l) => "display" in h && "display" in l ? h.display.from - l.display.from : 0);
   }), a;
 };
 function Je({
@@ -5995,44 +6020,44 @@ function Je({
     transitionsTemplateMap: o,
     itemsTemplateMap: p,
     size: c,
-    fps: i,
+    fps: h,
     structure: l,
-    frame: h,
+    frame: i,
     mergedTrackItemsDeatilsMap: u
-  } = n, y = Tt(p || {}), { trim: m, display: v } = t, b = Qo({
+  } = n, y = Tt(p || {}), { trim: m, display: v } = t, b = Ao({
     trackItemIds: Tt(d || []),
     transitionsMap: Tt(o || {}),
     trackItemsMap: y || {}
-  }), $ = (m == null ? void 0 : m.from) || 0;
+  }), x = (m == null ? void 0 : m.from) || 0;
   d == null || d.filter((M) => !!y[M]).forEach((M) => {
-    const x = y[M];
-    x != null && x.display && (x.display.from = x.display.from - $, x.display.to = x.display.to - $);
+    const $ = y[M];
+    $ != null && $.display && ($.display.from = $.display.from - x, $.display.to = $.display.to - x);
   });
-  const g = b.map((M, x) => {
-    var S, Y, N, E;
+  const g = b.map((M, $) => {
+    var S, Y, N, V;
     if (M.length === 1) {
       if (!M[0]) return null;
       const F = y[(S = M[0]) == null ? void 0 : S.id];
       if (!F) return null;
-      let X = {}, P = {}, L = [];
+      let X = {}, P = {}, G = [];
       if (F.type === "template") {
         const O = l == null ? void 0 : l.find((C) => C.id === F.id);
-        L = (O == null ? void 0 : O.items) || [];
+        G = (O == null ? void 0 : O.items) || [];
         for (const C in u)
           O != null && O.items.includes(C) && (P[C] = {
             ...u[C]
           });
         if (r)
           return r(F, {
-            fps: i,
+            fps: h,
             handleTextChange: a,
             onTextBlur: e,
             editableTextId: s,
-            itemsTemplateIds: L,
+            itemsTemplateIds: G,
             itemsTemplateMap: P,
             transitionsTemplateMap: X,
             itemStructure: l == null ? void 0 : l.find((C) => C.id === F.id),
-            frame: (h ?? 0) - v.from * i / 1e3,
+            frame: (i ?? 0) - v.from * h / 1e3,
             size: {
               width: ((Y = F.details) == null ? void 0 : Y.width) || 0,
               height: ((N = F.details) == null ? void 0 : N.height) || 0
@@ -6042,25 +6067,25 @@ function Je({
             mergedTrackItemsDeatilsMap: u
           });
       }
-      let V = !1;
+      let E = !1;
       return r ? r(F, {
         onTextBlur: e,
         handleTextChange: a,
         fps: n.fps,
         editableTextId: s,
-        active: V,
+        active: E,
         itemsTemplateIds: d,
         itemsTemplateMap: y,
         transitionsTemplateMap: o,
         isTransition: !1,
         size: c,
-        frame: (h ?? 0) - v.from * i / 1e3
+        frame: (i ?? 0) - v.from * h / 1e3
       }) : null;
     }
-    const I = y[M[0].id], k = (((E = I == null ? void 0 : I.display) == null ? void 0 : E.from) || 0) / 1e3 * n.fps;
-    return /* @__PURE__ */ f(Vo, { from: k, children: M.map((F) => {
+    const I = y[M[0].id], k = (((V = I == null ? void 0 : I.display) == null ? void 0 : V.from) || 0) / 1e3 * n.fps;
+    return /* @__PURE__ */ f(Eo, { from: k, children: M.map((F) => {
       if (F.type === "transition") {
-        const X = F.duration / 1e3 * i, P = To[F.kind];
+        const X = F.duration / 1e3 * h, P = To[F.kind];
         return P ? P({
           durationInFrames: X,
           id: F.id,
@@ -6070,16 +6095,16 @@ function Je({
         }) : null;
       }
       return r ? r(F, {
-        fps: i,
+        fps: h,
         handleTextChange: a,
         onTextBlur: e,
         editableTextId: s,
         isTransition: !0,
         size: c
       }) : null;
-    }) }, x);
+    }) }, $);
   });
-  return mt({ children: g, item: t, options: n });
+  return gt({ children: g, item: t, options: n });
 }
 function qe({
   item: t,
@@ -6094,13 +6119,13 @@ function qe({
     frame: o,
     onTextBlur: p,
     handleTextChange: c,
-    itemStructure: i
-  } = n, { animations: l } = t, { durationInFrames: h } = $t(t.display, d), { animationIn: u, animationOut: y, animationTimed: m } = It(
+    itemStructure: h
+  } = n, { animations: l } = t, { durationInFrames: i } = It(t.display, d), { animationIn: u, animationOut: y, animationTimed: m } = Nt(
     l,
     t,
     o,
     d
-  ), v = Tt(a || {}), $ = Qo({
+  ), v = Tt(a || {}), x = Ao({
     trackItemIds: Tt(e || []),
     transitionsMap: {},
     trackItemsMap: v
@@ -6109,9 +6134,9 @@ function qe({
       const S = v[I[0].id];
       if (!S) return null;
       let Y = k;
-      if (i) {
-        const { tracks: N } = i;
-        Y = N.length - N.findIndex((E) => E.items.includes(S.id));
+      if (h) {
+        const { tracks: N } = h;
+        Y = N.length - N.findIndex((V) => V.items.includes(S.id));
       }
       return r ? r(S, {
         fps: d,
@@ -6123,13 +6148,13 @@ function qe({
       }) : null;
     }
     return null;
-  }), g = $ && $.map((I) => I), M = (o || 0) - t.display.from * d / 1e3, x = /* @__PURE__ */ f(
-    Zt,
+  }), g = x && x.map((I) => I), M = (o || 0) - t.display.from * d / 1e3, $ = /* @__PURE__ */ f(
+    At,
     {
       animationIn: u,
       animationOut: y,
       frame: M,
-      durationInFrames: h,
+      durationInFrames: i,
       style: {
         width: t.details.width,
         height: t.details.height
@@ -6138,7 +6163,7 @@ function qe({
         Ut,
         {
           animationTimed: m,
-          durationInFrames: h,
+          durationInFrames: i,
           frame: M,
           style: {
             width: t.details.width,
@@ -6149,11 +6174,11 @@ function qe({
       )
     }
   );
-  return mt({ item: t, options: n, children: x });
+  return gt({ item: t, options: n, children: $ });
 }
 export {
   Re as Audio,
-  mt as BaseSequence,
+  gt as BaseSequence,
   Xe as Caption,
   _e as Circle,
   qe as Composition,
@@ -6162,17 +6187,17 @@ export {
   Pe as Illustration,
   We as Image,
   Ce as LinealAudioBars,
-  Ae as Polygon,
+  Qe as Polygon,
   Oe as ProgressBar,
-  Le as ProgressFrame,
+  Ge as ProgressFrame,
   Ke as ProgressSquare,
-  Ge as RadialAudioBars,
+  Le as RadialAudioBars,
   He as Rect,
   yo as SafeHtmlInCanvas,
-  Ve as Shape,
-  Qe as Star,
+  Ee as Shape,
+  Ae as Star,
   Je as Template,
-  Ee as Text,
+  Ve as Text,
   Ze as Triangle,
   Be as Video,
   ze as WaveAudioBars,
@@ -6180,11 +6205,11 @@ export {
   Fe as calculateContainerFigureStyles,
   Kt as calculateContainerStyles,
   wn as calculateCropStyles,
-  Eo as calculateMediaStyles,
-  Ct as calculateTextStyles,
+  Vo as calculateMediaStyles,
+  Gt as calculateTextStyles,
   vo as getAnimatedRemotionEffects,
-  It as getAnimations,
+  Nt as getAnimations,
   zo as getEffectsCssInfo,
-  Qo as groupTrackItems,
+  Ao as groupTrackItems,
   go as mapRemotionEffects
 };