@cliquify.me/elements-ui 9.0.0 → 9.0.1

package/dist/index.es.js

@@ -1,24 +1,24 @@
-var Jn = Object.defineProperty;
-var qn = (t, r, n) => r in t ? Jn(t, r, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[r] = n;
-var Bt = (t, r, n) => qn(t, typeof r != "symbol" ? r + "" : r, n);
-import { jsx as f, jsxs as xt, Fragment as Nt } from "react/jsx-runtime";
-import { Sequence as sn, AbsoluteFill as Nr, Audio as an, Easing as I, interpolate as W, HtmlInCanvas as Tn, useCurrentFrame as Rt, OffthreadVideo as sr, Img as qt, useVideoConfig as cn, delayRender as Dn, continueRender as Gr, cancelRender as to, spring as It, random as ro } from "remotion";
-import { TransitionSeries as dn, Transitions as no } from "@cliquify.me/transitions";
+var qn = Object.defineProperty;
+var Tn = (t, r, n) => r in t ? qn(t, r, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[r] = n;
+var Bt = (t, r, n) => Tn(t, typeof r != "symbol" ? r + "" : r, n);
+import { jsx as f, jsxs as gt, Fragment as kt } from "react/jsx-runtime";
+import { Sequence as sn, AbsoluteFill as Nr, Audio as an, Easing as I, interpolate as W, HtmlInCanvas as Dn, useCurrentFrame as Nt, OffthreadVideo as sr, Img as qt, useVideoConfig as cn, delayRender as to, continueRender as Gr, cancelRender as ro, spring as wt, random as no } from "remotion";
+import { TransitionSeries as dn, Transitions as oo } from "@cliquify.me/transitions";
 import { BoxAnim as jt, ContentAnim as At, MaskAnim as Tt } from "@cliquify.me/animations";
 import un from "@emotion/styled";
 import { css as pr } from "@emotion/react";
-import Vt, { Component as oo, useState as fr, useEffect as er, useMemo as yr, useRef as Er } from "react";
-import { chromaticAberration as eo } from "@remotion/effects/chromatic-aberration";
-import { noise as so } from "@remotion/effects/noise";
-import { pixelate as ao } from "@remotion/effects/pixelate";
-import { ENTER_EDIT_MODE as co } from "@cliquify.me/state";
-import { getAudioData as io, visualizeAudio as uo } from "@remotion/media-utils";
-import { isEqual as lo, cloneDeep as or } from "lodash";
-import { Circle as ho, Triangle as po, Star as fo, Polygon as yo, Ellipse as bo } from "@remotion/shapes";
-const kt = (t, r) => {
+import Vt, { Component as eo, useState as fr, useEffect as er, useMemo as yr, useRef as Er } from "react";
+import { chromaticAberration as so } from "@remotion/effects/chromatic-aberration";
+import { noise as ao } from "@remotion/effects/noise";
+import { pixelate as co } from "@remotion/effects/pixelate";
+import { ENTER_EDIT_MODE as io } from "@cliquify.me/state";
+import { getAudioData as uo, visualizeAudio as lo } from "@remotion/media-utils";
+import { isEqual as ho, cloneDeep as or } from "lodash";
+import { Circle as po, Triangle as fo, Star as yo, Polygon as bo, Ellipse as vo } from "@remotion/shapes";
+const It = (t, r) => {
   const n = t.from / 1e3 * r, s = t.to / 1e3 * r - n;
   return { from: n, durationInFrames: s };
-}, vo = (t, r) => ({
+}, go = (t, r) => ({
   width: t.width || "100%",
   height: t.height || "auto",
   top: -(r.y || 0),
@@ -31,12 +31,12 @@ const kt = (t, r) => {
   ) * ((t.borderRadius || 0) / 100)}px`;
   return {
     pointerEvents: "none",
-    ...vo(t, r),
+    ...go(t, r),
     borderRadius: s,
     overflow: "hidden",
     ...n
   };
-}, ea = (t, r) => {
+}, hn = (t, r) => {
   const n = `${Math.min(
     r.width || t.width || 0,
     r.height || t.height || 0
@@ -92,7 +92,7 @@ const kt = (t, r) => {
     boxShadow: t.boxShadow ? `${t.boxShadow.x}px ${t.boxShadow.y}px ${t.boxShadow.blur}px ${t.boxShadow.color}` : "",
     ...n
   };
-}, go = (t, r = {}) => ({
+}, mo = (t, r = {}) => ({
   pointerEvents: "auto",
   top: t.top || 0,
   left: t.left || 0,
@@ -145,13 +145,13 @@ const kt = (t, r) => {
       }
     )
   }
-), St = ({
+), $t = ({
   item: t,
   options: r,
   children: n
 }) => {
   var y, x, m, M;
-  const { details: s } = t, { fps: c, isTransition: a } = r, { from: i, durationInFrames: e } = kt(
+  const { details: s } = t, { fps: c, isTransition: a } = r, { from: i, durationInFrames: e } = It(
     {
       from: t.display.from,
       to: t.display.to
@@ -168,7 +168,7 @@ const kt = (t, r) => {
   }
   u && (delete l.boxShadow, delete l.filter);
   const b = h ? "!pointer-events-auto" : "";
-  return a ? /* @__PURE__ */ xt(
+  return a ? /* @__PURE__ */ gt(
     dn.Sequence,
     {
       durationInFrames: e,
@@ -204,7 +204,7 @@ const kt = (t, r) => {
       ]
     },
     t.id
-  ) : /* @__PURE__ */ xt(
+  ) : /* @__PURE__ */ gt(
     sn,
     {
       from: i,
@@ -245,7 +245,7 @@ const kt = (t, r) => {
     t.id
   );
 };
-function hn({
+function pn({
   item: t,
   options: r
 }) {
@@ -261,9 +261,9 @@ function hn({
       pauseWhenBuffering: !0
     }
   );
-  return St({ item: t, options: r, children: a });
+  return $t({ item: t, options: r, children: a });
 }
-const Ft = (t, r, n, s, c) => {
+const Rt = (t, r, n, s, c) => {
   let a = null, i = null, e = null, p = null;
   return c != null && c.isAnimationEditor || c != null && c.insideTemplate, t != null && t.in && (a = [], t.in.composition.forEach((o) => {
     var b, y, x, m, M;
@@ -443,7 +443,7 @@ const Ft = (t, r, n, s, c) => {
     animationLoop: e,
     animationTimed: p
   };
-}, mo = (t) => {
+}, xo = (t) => {
   const c = t % 30;
   let a = 0, i = 0;
   if (c < 15)
@@ -456,7 +456,7 @@ const Ft = (t, r, n, s, c) => {
 }, Ar = (t, r, n, s = 10) => {
   const c = r / (1e3 * s), i = Math.min(t / n, c) / c;
   return i >= 1 ? 1 : 0.5 + 0.5 * i;
-}, xo = un.span`
+}, $o = un.span`
   position: relative;
   display: inline-block;
   padding: 0 0.15em;
@@ -497,7 +497,7 @@ const Ft = (t, r, n, s, c) => {
         background: ${t.activeFillColor};
       }
     `}
-`, $o = un.span`
+`, So = un.span`
   display: inline-block;
   position: relative;
   margin: 0;
@@ -521,7 +521,7 @@ const Ft = (t, r, n, s, c) => {
         ` : pr`
           color: ${t.wordColor};
         `}
-`, So = ["letter", "letterUmi", "letterTracy"], Mo = ["letterKaraoke", "letterPopline"], wo = ({
+`, Mo = ["letter", "letterUmi", "letterTracy"], wo = ["letterKaraoke", "letterPopline"], Io = ({
   word: t,
   offsetFrom: r,
   activeColor: n,
@@ -533,19 +533,19 @@ const Ft = (t, r, n, s, c) => {
   fps: p,
   textDecoration: o
 }) => {
-  const { start: h, end: d } = t, u = (h + r) / 1e3 * p, l = (d + r) / 1e3 * p, b = e >= u && e < l, y = e >= u, x = b ? n : y ? c : a, m = Mo.includes(i) && b ? 1.2 : 1, M = t.word.length, S = l - u;
+  const { start: h, end: d } = t, u = (h + r) / 1e3 * p, l = (d + r) / 1e3 * p, b = e >= u && e < l, y = e >= u, x = b ? n : y ? c : a, m = wo.includes(i) && b ? 1.2 : 1, M = t.word.length, S = l - u;
   return /* @__PURE__ */ f(
-    xo,
+    $o,
     {
       isActive: b,
       activeFillColor: s,
       scale: m,
       animation: i,
       textDecoration: o,
-      children: /* @__PURE__ */ f($o, { wordColor: x, children: t.word.split("").map(($, k) => {
+      children: /* @__PURE__ */ f(So, { wordColor: x, children: t.word.split("").map(($, k) => {
         const g = S / M, v = u + k * g, w = v + g;
         let N = 1, R = !0;
-        return So.includes(i) && (R = e >= v), i === "letterTracy" && (N = W(
+        return Mo.includes(i) && (R = e >= v), i === "letterTracy" && (N = W(
           e,
           [v, w],
           [0, 1],
@@ -571,21 +571,21 @@ const Ft = (t, r, n, s, c) => {
     }
   );
 };
-function pn({
+function fn({
   item: t,
   options: r
 }) {
-  const { fps: n, frame: s } = r, { details: c, display: a, animations: i } = t, { animationIn: e, animationOut: p, animationTimed: o } = Ft(
+  const { fps: n, frame: s } = r, { details: c, display: a, animations: i } = t, { animationIn: e, animationOut: p, animationTimed: o } = Rt(
     i,
     t,
     s,
     n,
     r
-  ), { from: h, durationInFrames: d } = kt(t.display, n), u = Array.isArray(c.words) ? c.words : [], [l] = u, b = a.from - ((l == null ? void 0 : l.start) || 0);
+  ), { from: h, durationInFrames: d } = It(t.display, n), u = Array.isArray(c.words) ? c.words : [], [l] = u, b = a.from - ((l == null ? void 0 : l.start) || 0);
   let y = Math.max((s ?? 0) - h, 0), x = {};
   switch (c == null ? void 0 : c.animation) {
     case "letterElla":
-      x = mo(y);
+      x = xo(y);
       break;
     case "letterHormozi":
       x.scale = Ar(
@@ -611,7 +611,7 @@ function pn({
       transform: `scale(${x.scale})`
     }
   }, M = (s || 0) - t.display.from * n / 1e3, { boxShadow: S, ...$ } = Pt(c), { color: k, textShadow: g, ...v } = Dt(c);
-  return St({
+  return $t({
     item: t,
     options: r,
     children: /* @__PURE__ */ f(
@@ -643,7 +643,7 @@ function pn({
                   transition: "transform 0.2s ease"
                 },
                 children: u.map((w, N) => /* @__PURE__ */ f(
-                  wo,
+                  Io,
                   {
                     color: c.color,
                     appearedColor: c.appearedColor || c.color,
@@ -666,18 +666,18 @@ function pn({
     )
   });
 }
-const fn = ({
+const yn = ({
   item: t,
   options: r
 }) => {
   var u, l, b, y;
-  const { fps: n, frame: s } = r, { details: c, animations: a } = t, { animationIn: i, animationOut: e, animationTimed: p } = Ft(
+  const { fps: n, frame: s } = r, { details: c, animations: a } = t, { animationIn: i, animationOut: e, animationTimed: p } = Rt(
     a,
     t,
     s,
     n,
     r
-  ), { durationInFrames: o } = kt(t.display, n), h = (s || 0) - t.display.from * n / 1e3, d = /* @__PURE__ */ f(
+  ), { durationInFrames: o } = It(t.display, n), h = (s || 0) - t.display.from * n / 1e3, d = /* @__PURE__ */ f(
     jt,
     {
       style: Pt(c),
@@ -714,9 +714,9 @@ const fn = ({
       )
     }
   );
-  return St({ item: t, options: r, children: d });
+  return $t({ item: t, options: r, children: d });
 };
-class _r extends oo {
+class _r extends eo {
   constructor(r) {
     super(r), this.state = { hasError: !1 };
   }
@@ -731,8 +731,8 @@ class _r extends oo {
     );
   }
   render() {
-    return this.state.hasError || !this.props.effects ? /* @__PURE__ */ f(Nt, { children: this.props.children }) : /* @__PURE__ */ f(
-      Tn,
+    return this.state.hasError || !this.props.effects ? /* @__PURE__ */ f(kt, { children: this.props.children }) : /* @__PURE__ */ f(
+      Dn,
       {
         width: this.props.width,
         height: this.props.height,
@@ -742,7 +742,7 @@ class _r extends oo {
     );
   }
 }
-const yn = ({
+const bn = ({
   src: t,
   isVideo: r,
   frame: n,
@@ -759,7 +759,7 @@ const yn = ({
   marqueeDetails: l,
   effects: b
 }) => {
-  const y = Rt(), x = typeof n == "number" && !isNaN(n) ? n : y, m = Math.max(0, x - (s || 0)), M = Math.min(1, Math.max(0, m / (c || 1))), S = e || 300, $ = p || 300, k = (l == null ? void 0 : l.direction) || "horizontal", g = k === "static", v = Math.min(15, Math.max(1, Number((l == null ? void 0 : l.repeatX) ?? 5))), w = Math.min(15, Math.max(1, Number((l == null ? void 0 : l.repeatY) ?? 5))), N = (l == null ? void 0 : l.baseSpeed) !== void 0 ? Number(l.baseSpeed) : 2, R = (l == null ? void 0 : l.speedVariation) !== void 0 ? Number(l.speedVariation) : 0.5, C = l != null && l.hasInitialValue && (l == null ? void 0 : l.initialBaseSpeed) !== void 0 ? Number(l.initialBaseSpeed) : N, E = l != null && l.hasInitialValue ? C + (N - C) * M : N, Y = g ? 0 : E * 400, _ = g ? 0 : E * 400, F = (l == null ? void 0 : l.scaleFactor) !== void 0 ? Number(l.scaleFactor) : 1, X = l != null && l.hasInitialValue && (l == null ? void 0 : l.initialScaleFactor) !== void 0 ? Number(l.initialScaleFactor) : F, P = l != null && l.hasInitialValue ? X + (F - X) * M : F, z = (l == null ? void 0 : l.lineOffset) !== void 0 ? Number(l.lineOffset) : 0.5, O = (l == null ? void 0 : l.gapX) !== void 0 ? Number(l.gapX) : 60, j = (l == null ? void 0 : l.gapY) !== void 0 ? Number(l.gapY) : 60, q = O / 100 * S, U = j / 100 * $, T = S, A = $, H = T * P + q, G = A * P + U, bt = u ? typeof u == "string" ? u : `${u.x ?? 0}px ${u.y ?? 0}px ${u.blur ?? 0}px ${u.color ?? ""}` : void 0, L = k === "vertical" || k === "up" || k === "down", K = k === "diagonal", ot = (v - 1) / 2, gt = (w - 1) / 2, nt = w, ut = v, it = Array.from({ length: nt }, (D, st) => st - gt), mt = Array.from({ length: ut }, (D, st) => st - ot), ft = (D, st, et, ct) => /* @__PURE__ */ f(
+  const y = Nt(), x = typeof n == "number" && !isNaN(n) ? n : y, m = Math.max(0, x - (s || 0)), M = Math.min(1, Math.max(0, m / (c || 1))), S = e || 300, $ = p || 300, k = (l == null ? void 0 : l.direction) || "horizontal", g = k === "static", v = Math.min(15, Math.max(1, Number((l == null ? void 0 : l.repeatX) ?? 5))), w = Math.min(15, Math.max(1, Number((l == null ? void 0 : l.repeatY) ?? 5))), N = (l == null ? void 0 : l.baseSpeed) !== void 0 ? Number(l.baseSpeed) : 2, R = (l == null ? void 0 : l.speedVariation) !== void 0 ? Number(l.speedVariation) : 0.5, C = l != null && l.hasInitialValue && (l == null ? void 0 : l.initialBaseSpeed) !== void 0 ? Number(l.initialBaseSpeed) : N, E = l != null && l.hasInitialValue ? C + (N - C) * M : N, Y = g ? 0 : E * 400, _ = g ? 0 : E * 400, F = (l == null ? void 0 : l.scaleFactor) !== void 0 ? Number(l.scaleFactor) : 1, X = l != null && l.hasInitialValue && (l == null ? void 0 : l.initialScaleFactor) !== void 0 ? Number(l.initialScaleFactor) : F, P = l != null && l.hasInitialValue ? X + (F - X) * M : F, z = (l == null ? void 0 : l.lineOffset) !== void 0 ? Number(l.lineOffset) : 0.5, O = (l == null ? void 0 : l.gapX) !== void 0 ? Number(l.gapX) : 60, A = (l == null ? void 0 : l.gapY) !== void 0 ? Number(l.gapY) : 60, J = O / 100 * S, Z = A / 100 * $, D = S, L = $, H = D * P + J, G = L * P + Z, ft = u ? typeof u == "string" ? u : `${u.x ?? 0}px ${u.y ?? 0}px ${u.blur ?? 0}px ${u.color ?? ""}` : void 0, U = k === "vertical" || k === "up" || k === "down", q = k === "diagonal", ot = (v - 1) / 2, vt = (w - 1) / 2, nt = w, ut = v, it = Array.from({ length: nt }, (tt, st) => st - vt), mt = Array.from({ length: ut }, (tt, st) => st - ot), pt = (tt, st, et, ct) => /* @__PURE__ */ f(
     "div",
     {
       style: {
@@ -768,13 +768,13 @@ const yn = ({
         top: `calc(50% + ${et}px)`,
         transform: `translate(-50%, -50%) scale(${P})`,
         transformOrigin: "center center",
-        width: `${T}px`,
-        height: `${A}px`,
+        width: `${D}px`,
+        height: `${L}px`,
         borderRadius: o || 0,
-        boxShadow: bt,
+        boxShadow: ft,
         opacity: ct ? 1 : 0.85
       },
-      children: /* @__PURE__ */ xt(
+      children: /* @__PURE__ */ gt(
         "div",
         {
           style: {
@@ -823,9 +823,9 @@ const yn = ({
         }
       )
     },
-    D
+    tt
   );
-  return L ? /* @__PURE__ */ f(
+  return U ? /* @__PURE__ */ f(
     "div",
     {
       style: {
@@ -835,22 +835,22 @@ const yn = ({
         overflow: "visible",
         borderRadius: o || 0
       },
-      children: mt.map((D, st) => {
+      children: mt.map((tt, st) => {
         let et = st % 2 === 0 ? 1 : -1;
         k === "up" && (et = -1), k === "down" && (et = 1);
-        const ct = 1 + st % 2 * (R * 0.5), dt = _ > 0 && et !== 0 ? et * (m * _ * 0.1 * ct) + D * (G * z) : D * (G * z), yt = _ === 0 || et === 0 ? 0 : (dt % G + G) % G - G / 2;
-        return it.map((vt, Mt) => {
-          const lt = D * H, tt = vt * G + yt;
-          return ft(
-            `v-${st}-${Mt}`,
+        const ct = 1 + st % 2 * (R * 0.5), dt = _ > 0 && et !== 0 ? et * (m * _ * 0.1 * ct) + tt * (G * z) : tt * (G * z), yt = _ === 0 || et === 0 ? 0 : (dt % G + G) % G - G / 2;
+        return it.map((bt, St) => {
+          const lt = tt * H, j = bt * G + yt;
+          return pt(
+            `v-${st}-${St}`,
             lt,
-            tt,
-            D === 0 && vt === 0
+            j,
+            tt === 0 && bt === 0
           );
         });
       })
     }
-  ) : K ? /* @__PURE__ */ f(
+  ) : q ? /* @__PURE__ */ f(
     "div",
     {
       style: {
@@ -860,15 +860,15 @@ const yn = ({
         overflow: "visible",
         borderRadius: o || 0
       },
-      children: it.map((D, st) => {
-        const et = st % 2 === 0 ? 1 : -1, ct = st % 2 === 0 ? 1 : -1, dt = 1 + st % 2 * (R * 0.5), yt = Y > 0 ? et * (m * Y * 0.1 * dt) + D * (H * z) : D * (H * z), vt = Y === 0 ? 0 : (yt % H + H) % H - H / 2, Mt = _ > 0 ? ct * (m * _ * 0.1 * dt) + D * (G * z) : D * (G * z), lt = _ === 0 ? 0 : (Mt % G + G) % G - G / 2;
-        return mt.map((tt, ht) => {
-          const Yt = tt * H + vt, Xt = D * G + lt;
-          return ft(
-            `d-${st}-${ht}`,
+      children: it.map((tt, st) => {
+        const et = st % 2 === 0 ? 1 : -1, ct = st % 2 === 0 ? 1 : -1, dt = 1 + st % 2 * (R * 0.5), yt = Y > 0 ? et * (m * Y * 0.1 * dt) + tt * (H * z) : tt * (H * z), bt = Y === 0 ? 0 : (yt % H + H) % H - H / 2, St = _ > 0 ? ct * (m * _ * 0.1 * dt) + tt * (G * z) : tt * (G * z), lt = _ === 0 ? 0 : (St % G + G) % G - G / 2;
+        return mt.map((j, Ft) => {
+          const Yt = j * H + bt, Xt = tt * G + lt;
+          return pt(
+            `d-${st}-${Ft}`,
             Yt,
             Xt,
-            tt === 0 && D === 0
+            j === 0 && tt === 0
           );
         });
       })
@@ -883,23 +883,23 @@ const yn = ({
         overflow: "visible",
         borderRadius: o || 0
       },
-      children: it.map((D, st) => {
+      children: it.map((tt, st) => {
         let et = st % 2 === 0 ? 1 : -1;
         k === "left" && (et = -1), k === "right" && (et = 1);
-        const ct = 1 + st % 2 * (R * 0.5), dt = Y > 0 && et !== 0 ? et * (m * Y * 0.1 * ct) + D * (H * z) : D * (H * z), yt = Y === 0 || et === 0 ? 0 : (dt % H + H) % H - H / 2;
-        return mt.map((vt, Mt) => {
-          const lt = vt * H + yt, tt = D * G;
-          return ft(
-            `h-${st}-${Mt}`,
+        const ct = 1 + st % 2 * (R * 0.5), dt = Y > 0 && et !== 0 ? et * (m * Y * 0.1 * ct) + tt * (H * z) : tt * (H * z), yt = Y === 0 || et === 0 ? 0 : (dt % H + H) % H - H / 2;
+        return mt.map((bt, St) => {
+          const lt = bt * H + yt, j = tt * G;
+          return pt(
+            `h-${st}-${St}`,
             lt,
-            tt,
-            vt === 0 && D === 0
+            j,
+            bt === 0 && tt === 0
           );
         });
       })
     }
   );
-}, bn = ({
+}, vn = ({
   src: t,
   isVideo: r,
   frame: n,
@@ -916,10 +916,10 @@ const yn = ({
   echoesDetails: l,
   effects: b
 }) => {
-  const y = Rt(), x = typeof n == "number" && !isNaN(n) ? n : y, m = e || 300, M = p || 300, S = (l == null ? void 0 : l.keepStill) || "both", $ = Number((l == null ? void 0 : l.toRepeatCount) ?? 5), k = Number((l == null ? void 0 : l.toScaleDown) ?? 0.3), g = Number((l == null ? void 0 : l.toCenterX) ?? 0.5), v = Number((l == null ? void 0 : l.toCenterY) ?? 0.5), w = (l == null ? void 0 : l.initialRepeatCount) !== void 0 ? Number(l.initialRepeatCount) : $, N = (l == null ? void 0 : l.initialScaleDown) !== void 0 ? Number(l.initialScaleDown) : 1, R = (l == null ? void 0 : l.initialCenterX) !== void 0 ? Number(l.initialCenterX) : g, C = (l == null ? void 0 : l.initialCenterY) !== void 0 ? Number(l.initialCenterY) : v, E = Math.max(0, x - (s || 0)), Y = Math.min(1, Math.max(0, E / (c || 1)));
+  const y = Nt(), x = typeof n == "number" && !isNaN(n) ? n : y, m = e || 300, M = p || 300, S = (l == null ? void 0 : l.keepStill) || "both", $ = Number((l == null ? void 0 : l.toRepeatCount) ?? 5), k = Number((l == null ? void 0 : l.toScaleDown) ?? 0.3), g = Number((l == null ? void 0 : l.toCenterX) ?? 0.5), v = Number((l == null ? void 0 : l.toCenterY) ?? 0.5), w = (l == null ? void 0 : l.initialRepeatCount) !== void 0 ? Number(l.initialRepeatCount) : $, N = (l == null ? void 0 : l.initialScaleDown) !== void 0 ? Number(l.initialScaleDown) : 1, R = (l == null ? void 0 : l.initialCenterX) !== void 0 ? Number(l.initialCenterX) : g, C = (l == null ? void 0 : l.initialCenterY) !== void 0 ? Number(l.initialCenterY) : v, E = Math.max(0, x - (s || 0)), Y = Math.min(1, Math.max(0, E / (c || 1)));
   let F = a + (i - a) * Y;
   S === "initial" ? F = 0 : S === "final" && (F = 1);
-  const X = Math.max(1, Math.round(W(F, [0, 1], [w, $]))), P = W(F, [0, 1], [N, k]), z = W(F, [0, 1], [R, g]), O = W(F, [0, 1], [C, v]), j = u ? typeof u == "string" ? u : `${u.x ?? 0}px ${u.y ?? 0}px ${u.blur ?? 0}px ${u.color ?? ""}` : void 0, q = Array.from({ length: X }, (U, T) => T);
+  const X = Math.max(1, Math.round(W(F, [0, 1], [w, $]))), P = W(F, [0, 1], [N, k]), z = W(F, [0, 1], [R, g]), O = W(F, [0, 1], [C, v]), A = u ? typeof u == "string" ? u : `${u.x ?? 0}px ${u.y ?? 0}px ${u.blur ?? 0}px ${u.color ?? ""}` : void 0, J = Array.from({ length: X }, (Z, D) => D);
   return /* @__PURE__ */ f(
     "div",
     {
@@ -930,8 +930,8 @@ const yn = ({
         overflow: "hidden",
         borderRadius: o || 0
       },
-      children: q.map((U) => {
-        const T = X > 1 ? U / (X - 1) : 0, A = 1 - T * (1 - Math.max(0.01, P)), H = (z - 0.5) * m * T, G = (O - 0.5) * M * T;
+      children: J.map((Z) => {
+        const D = X > 1 ? Z / (X - 1) : 0, L = 1 - D * (1 - Math.max(0.01, P)), H = (z - 0.5) * m * D, G = (O - 0.5) * M * D;
         return /* @__PURE__ */ f(
           "div",
           {
@@ -941,13 +941,13 @@ const yn = ({
               top: "50%",
               width: `${m}px`,
               height: `${M}px`,
-              transform: `translate(-50%, -50%) translate(${H}px, ${G}px) scale(${A})`,
+              transform: `translate(-50%, -50%) translate(${H}px, ${G}px) scale(${L})`,
               transformOrigin: "center center",
               borderRadius: o || 0,
-              boxShadow: j,
-              zIndex: U + 1
+              boxShadow: A,
+              zIndex: Z + 1
             },
-            children: /* @__PURE__ */ xt(
+            children: /* @__PURE__ */ gt(
               "div",
               {
                 style: {
@@ -996,12 +996,12 @@ const yn = ({
               }
             )
           },
-          `echo-${U}`
+          `echo-${Z}`
         );
       })
     }
   );
-}, vn = ({
+}, gn = ({
   src: t,
   isVideo: r,
   frame: n,
@@ -1018,7 +1018,7 @@ const yn = ({
   wiggleDetails: l,
   effects: b
 }) => {
-  const y = Rt(), x = typeof n == "number" && !isNaN(n) ? n : y, m = e || 300, M = p || 300, S = Number((l == null ? void 0 : l.wiggleX) ?? 20), $ = Number((l == null ? void 0 : l.wiggleY) ?? 20), k = Number((l == null ? void 0 : l.speed) ?? 3), g = Number((l == null ? void 0 : l.angle) ?? 10), v = Number((l == null ? void 0 : l.seed) ?? 1), w = l != null && l.hasInitialValue && (l == null ? void 0 : l.initialWiggleX) !== void 0 ? Number(l.initialWiggleX) : S, N = l != null && l.hasInitialValue && (l == null ? void 0 : l.initialWiggleY) !== void 0 ? Number(l.initialWiggleY) : $, R = l != null && l.hasInitialValue && (l == null ? void 0 : l.initialSpeed) !== void 0 ? Number(l.initialSpeed) : k, C = l != null && l.hasInitialValue && (l == null ? void 0 : l.initialAngle) !== void 0 ? Number(l.initialAngle) : g, E = Math.max(0, x - (s || 0)), Y = Math.min(1, Math.max(0, E / (c || 1))), _ = l != null && l.hasInitialValue ? w + (S - w) * Y : S, F = l != null && l.hasInitialValue ? N + ($ - N) * Y : $, X = l != null && l.hasInitialValue ? R + (k - R) * Y : k, P = l != null && l.hasInitialValue ? C + (g - C) * Y : g, z = x * (X * 0.08), O = v * 12.345, j = Math.sin(z + O) * Math.cos(z * 0.65 + O) * _, q = Math.cos(z * 0.85 + O) * Math.sin(z * 1.15 + O) * F, U = Math.sin(z * 0.9 + O * 1.35) * P, T = u ? typeof u == "string" ? u : `${u.x ?? 0}px ${u.y ?? 0}px ${u.blur ?? 0}px ${u.color ?? ""}` : void 0;
+  const y = Nt(), x = typeof n == "number" && !isNaN(n) ? n : y, m = e || 300, M = p || 300, S = Number((l == null ? void 0 : l.wiggleX) ?? 20), $ = Number((l == null ? void 0 : l.wiggleY) ?? 20), k = Number((l == null ? void 0 : l.speed) ?? 3), g = Number((l == null ? void 0 : l.angle) ?? 10), v = Number((l == null ? void 0 : l.seed) ?? 1), w = l != null && l.hasInitialValue && (l == null ? void 0 : l.initialWiggleX) !== void 0 ? Number(l.initialWiggleX) : S, N = l != null && l.hasInitialValue && (l == null ? void 0 : l.initialWiggleY) !== void 0 ? Number(l.initialWiggleY) : $, R = l != null && l.hasInitialValue && (l == null ? void 0 : l.initialSpeed) !== void 0 ? Number(l.initialSpeed) : k, C = l != null && l.hasInitialValue && (l == null ? void 0 : l.initialAngle) !== void 0 ? Number(l.initialAngle) : g, E = Math.max(0, x - (s || 0)), Y = Math.min(1, Math.max(0, E / (c || 1))), _ = l != null && l.hasInitialValue ? w + (S - w) * Y : S, F = l != null && l.hasInitialValue ? N + ($ - N) * Y : $, X = l != null && l.hasInitialValue ? R + (k - R) * Y : k, P = l != null && l.hasInitialValue ? C + (g - C) * Y : g, z = x * (X * 0.08), O = v * 12.345, A = Math.sin(z + O) * Math.cos(z * 0.65 + O) * _, J = Math.cos(z * 0.85 + O) * Math.sin(z * 1.15 + O) * F, Z = Math.sin(z * 0.9 + O * 1.35) * P, D = u ? typeof u == "string" ? u : `${u.x ?? 0}px ${u.y ?? 0}px ${u.blur ?? 0}px ${u.color ?? ""}` : void 0;
   return /* @__PURE__ */ f(
     "div",
     {
@@ -1028,7 +1028,7 @@ const yn = ({
         position: "relative",
         overflow: "visible"
       },
-      children: /* @__PURE__ */ xt(
+      children: /* @__PURE__ */ gt(
         "div",
         {
           style: {
@@ -1037,10 +1037,10 @@ const yn = ({
             position: "absolute",
             left: "50%",
             top: "50%",
-            transform: `translate(-50%, -50%) translate(${j}px, ${q}px) rotate(${U}deg)`,
+            transform: `translate(-50%, -50%) translate(${A}px, ${J}px) rotate(${Z}deg)`,
             transformOrigin: "center center",
             borderRadius: o || 0,
-            boxShadow: T,
+            boxShadow: D,
             overflow: "hidden"
           },
           children: [
@@ -1097,15 +1097,15 @@ const yn = ({
   children: h,
   style: d = {}
 }) => {
-  const u = Rt(), l = typeof t == "number" && !isNaN(t) ? t : u, b = a || 300, y = i || 300, x = (o == null ? void 0 : o.keepStill) || "both", m = Number((o == null ? void 0 : o.toRotationX) ?? 0), M = Number((o == null ? void 0 : o.toRotationY) ?? 360), S = Number((o == null ? void 0 : o.toRotationZ) ?? 0), $ = Number((o == null ? void 0 : o.toPivotX) ?? 0), k = Number((o == null ? void 0 : o.toPivotY) ?? 0), g = Number((o == null ? void 0 : o.toPerspective) ?? 0.45), v = !!(o != null && o.hasInitialValue), w = v ? Number((o == null ? void 0 : o.initialRotationX) ?? 0) : 0, N = v ? Number((o == null ? void 0 : o.initialRotationY) ?? 0) : 0, R = v ? Number((o == null ? void 0 : o.initialRotationZ) ?? 0) : 0, C = v ? Number((o == null ? void 0 : o.initialPivotX) ?? 0) : $, E = v ? Number((o == null ? void 0 : o.initialPivotY) ?? 0) : k, Y = v ? Number((o == null ? void 0 : o.initialPerspective) ?? 0.45) : g, _ = (o == null ? void 0 : o.frontFace) ?? !0, F = (o == null ? void 0 : o.backFace) ?? !0, X = Math.max(0, l - (r || 0)), P = Math.min(1, Math.max(0, X / (n || 1)));
+  const u = Nt(), l = typeof t == "number" && !isNaN(t) ? t : u, b = a || 300, y = i || 300, x = (o == null ? void 0 : o.keepStill) || "both", m = Number((o == null ? void 0 : o.toRotationX) ?? 0), M = Number((o == null ? void 0 : o.toRotationY) ?? 360), S = Number((o == null ? void 0 : o.toRotationZ) ?? 0), $ = Number((o == null ? void 0 : o.toPivotX) ?? 0), k = Number((o == null ? void 0 : o.toPivotY) ?? 0), g = Number((o == null ? void 0 : o.toPerspective) ?? 0.45), v = !!(o != null && o.hasInitialValue), w = v ? Number((o == null ? void 0 : o.initialRotationX) ?? 0) : 0, N = v ? Number((o == null ? void 0 : o.initialRotationY) ?? 0) : 0, R = v ? Number((o == null ? void 0 : o.initialRotationZ) ?? 0) : 0, C = v ? Number((o == null ? void 0 : o.initialPivotX) ?? 0) : $, E = v ? Number((o == null ? void 0 : o.initialPivotY) ?? 0) : k, Y = v ? Number((o == null ? void 0 : o.initialPerspective) ?? 0.45) : g, _ = (o == null ? void 0 : o.frontFace) ?? !0, F = (o == null ? void 0 : o.backFace) ?? !0, X = Math.max(0, l - (r || 0)), P = Math.min(1, Math.max(0, X / (n || 1)));
   let O = s + (c - s) * P;
   x === "initial" ? O = 0 : x === "final" && (O = 1);
-  const j = W(O, [0, 1], [w, m]), q = W(O, [0, 1], [N, M]), U = W(O, [0, 1], [R, S]), T = W(O, [0, 1], [C, $]), A = W(O, [0, 1], [E, k]), H = W(O, [0, 1], [Y, g]), G = Math.max(b, y), bt = Math.max(
+  const A = W(O, [0, 1], [w, m]), J = W(O, [0, 1], [N, M]), Z = W(O, [0, 1], [R, S]), D = W(O, [0, 1], [C, $]), L = W(O, [0, 1], [E, k]), H = W(O, [0, 1], [Y, g]), G = Math.max(b, y), ft = Math.max(
     1200,
     Math.round(G * 2.5 / Math.max(0.05, H))
-  ), L = j * Math.PI / 180, K = q * Math.PI / 180, ot = Math.cos(L) * Math.cos(K), gt = ot >= 0, nt = ot < 0;
+  ), U = A * Math.PI / 180, q = J * Math.PI / 180, ot = Math.cos(U) * Math.cos(q), vt = ot >= 0, nt = ot < 0;
   let ut = !0;
-  gt && !_ && (ut = !1), nt && !F && (ut = !1);
+  vt && !_ && (ut = !1), nt && !F && (ut = !1);
   const it = 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",
@@ -1113,7 +1113,7 @@ const yn = ({
       style: {
         width: "100%",
         height: "100%",
-        perspective: `${bt}px`,
+        perspective: `${ft}px`,
         transformStyle: "preserve-3d",
         position: "relative",
         ...d
@@ -1124,8 +1124,8 @@ const yn = ({
           style: {
             width: "100%",
             height: "100%",
-            transformOrigin: `${50 + T}% ${50 + A}%`,
-            transform: `rotateX(${j}deg) rotateY(${q}deg) rotateZ(${U}deg)`,
+            transformOrigin: `${50 + D}% ${50 + L}%`,
+            transform: `rotateX(${A}deg) rotateY(${J}deg) rotateZ(${Z}deg)`,
             backfaceVisibility: F ? "visible" : "hidden",
             visibility: ut ? "visible" : "hidden",
             borderRadius: e || 0,
@@ -1137,7 +1137,7 @@ const yn = ({
       )
     }
   );
-}, Io = ({
+}, ko = ({
   src: t,
   frame: r,
   delay: n = 0,
@@ -1172,7 +1172,7 @@ const yn = ({
       borderRadius: p,
       boxShadow: d,
       cardFlipDetails: u,
-      children: /* @__PURE__ */ xt(
+      children: /* @__PURE__ */ gt(
         "div",
         {
           style: {
@@ -1248,7 +1248,7 @@ const yn = ({
 function ur(t, r, n, s) {
   return t[0] * r + t[1] * n + t[2] * s;
 }
-function gn(t, r, n, s = 0) {
+function mn(t, r, n, s = 0) {
   const c = [];
   for (let nt = 0; nt < 256; nt++) c[nt] = nt;
   let a = Math.floor(Math.abs(s) * 1e3) % 2147483647 + 1;
@@ -1265,19 +1265,19 @@ function gn(t, r, n, s = 0) {
   const b = (t + r + n) * p, y = Math.floor(t + b), x = Math.floor(r + b), m = Math.floor(n + b), M = (y + x + m) * o, S = y - M, $ = x - M, k = m - M, g = t - S, v = r - $, w = n - k;
   let N = 0, R = 0, C = 0, E = 0, Y = 0, _ = 0;
   g >= v ? v >= w ? (N = 1, R = 0, C = 0, E = 1, Y = 1, _ = 0) : g >= w ? (N = 1, R = 0, C = 0, E = 1, Y = 0, _ = 1) : (N = 0, R = 0, C = 1, E = 1, Y = 0, _ = 1) : v < w ? (N = 0, R = 0, C = 1, E = 0, Y = 1, _ = 1) : g < w ? (N = 0, R = 1, C = 0, E = 0, Y = 1, _ = 1) : (N = 0, R = 1, C = 0, E = 1, Y = 1, _ = 0);
-  const F = g - N + o, X = v - R + o, P = w - C + o, z = g - E + 2 * o, O = v - Y + 2 * o, j = w - _ + 2 * o, q = g - 1 + 3 * o, U = v - 1 + 3 * o, T = w - 1 + 3 * o, A = y & 255, H = x & 255, G = m & 255;
-  let bt = 0.6 - g * g - v * v - w * w;
-  bt >= 0 && (bt *= bt, h = bt * bt * ur(dr[e[A + i[H + i[G]]]], g, v, w));
-  let L = 0.6 - F * F - X * X - P * P;
-  L >= 0 && (L *= L, d = L * L * ur(dr[e[A + N + i[H + R + i[G + C]]]], F, X, P));
-  let K = 0.6 - z * z - O * O - j * j;
-  K >= 0 && (K *= K, u = K * K * ur(dr[e[A + E + i[H + Y + i[G + _]]]], z, O, j));
-  let ot = 0.6 - q * q - U * U - T * T;
-  ot >= 0 && (ot *= ot, l = ot * ot * ur(dr[e[A + 1 + i[H + 1 + i[G + 1]]]], q, U, T));
-  const gt = 32 * (h + d + u + l);
-  return Math.min(1, Math.max(0, (gt + 1) / 2));
+  const F = g - N + o, X = v - R + o, P = w - C + o, z = g - E + 2 * o, O = v - Y + 2 * o, A = w - _ + 2 * o, J = g - 1 + 3 * o, Z = v - 1 + 3 * o, D = w - 1 + 3 * o, L = y & 255, H = x & 255, G = m & 255;
+  let ft = 0.6 - g * g - v * v - w * w;
+  ft >= 0 && (ft *= ft, h = ft * ft * ur(dr[e[L + i[H + i[G]]]], g, v, w));
+  let U = 0.6 - F * F - X * X - P * P;
+  U >= 0 && (U *= U, d = U * U * ur(dr[e[L + N + i[H + R + i[G + C]]]], F, X, P));
+  let q = 0.6 - z * z - O * O - A * A;
+  q >= 0 && (q *= q, u = q * q * ur(dr[e[L + E + i[H + Y + i[G + _]]]], z, O, A));
+  let ot = 0.6 - J * J - Z * Z - D * D;
+  ot >= 0 && (ot *= ot, l = ot * ot * ur(dr[e[L + 1 + i[H + 1 + i[G + 1]]]], J, Z, D));
+  const vt = 32 * (h + d + u + l);
+  return Math.min(1, Math.max(0, (vt + 1) / 2));
 }
-const ko = ({
+const No = ({
   src: t,
   frame: r,
   delay: n = 0,
@@ -1292,20 +1292,20 @@ const ko = ({
   boxShadow: d,
   noiseTileDetails: u
 }) => {
-  const l = Rt(), b = typeof r == "number" && !isNaN(r) ? r : l, y = i || 300, x = e || 300, m = (u == null ? void 0 : u.keepStill) || "both", M = Number((u == null ? void 0 : u.toXRepetitions) ?? (u == null ? void 0 : u.xRepetitions) ?? 5), S = Number((u == null ? void 0 : u.toYRepetitions) ?? (u == null ? void 0 : u.yRepetitions) ?? 5), $ = Number((u == null ? void 0 : u.toGapX) ?? (u == null ? void 0 : u.gapX) ?? 12), k = Number((u == null ? void 0 : u.toGapY) ?? (u == null ? void 0 : u.gapY) ?? 12), g = Number((u == null ? void 0 : u.toScale) ?? (u == null ? void 0 : u.scale) ?? 1), v = Number((u == null ? void 0 : u.toNoiseScale) ?? (u == null ? void 0 : u.noiseScale) ?? 1.5), w = Number((u == null ? void 0 : u.toNoiseMoveX) ?? (u == null ? void 0 : u.noiseMoveX) ?? 0.6), N = Number((u == null ? void 0 : u.toNoiseMoveY) ?? (u == null ? void 0 : u.noiseMoveY) ?? 0.4), R = Number((u == null ? void 0 : u.toFps) ?? (u == null ? void 0 : u.fps) ?? 12), C = Number((u == null ? void 0 : u.toThreshold) ?? (u == null ? void 0 : u.threshold) ?? 0.45), E = Number((u == null ? void 0 : u.toSeedOffset) ?? (u == null ? void 0 : u.seedOffset) ?? 0), Y = !!(u != null && u.hasInitialValue), _ = Y ? Number((u == null ? void 0 : u.initialXRepetitions) ?? M) : M, F = Y ? Number((u == null ? void 0 : u.initialYRepetitions) ?? S) : S, X = Y ? Number((u == null ? void 0 : u.initialGapX) ?? $) : $, P = Y ? Number((u == null ? void 0 : u.initialGapY) ?? k) : k, z = Y ? Number((u == null ? void 0 : u.initialScale) ?? g) : g, O = Y ? Number((u == null ? void 0 : u.initialNoiseScale) ?? v) : v, j = Y ? Number((u == null ? void 0 : u.initialNoiseMoveX) ?? w) : w, q = Y ? Number((u == null ? void 0 : u.initialNoiseMoveY) ?? N) : N, U = Y ? Number((u == null ? void 0 : u.initialFps) ?? R) : R, T = Y ? Number((u == null ? void 0 : u.initialThreshold) ?? C) : C, A = Y ? Number((u == null ? void 0 : u.initialSeedOffset) ?? E) : E, H = Math.max(0, b - (n || 0)), G = Math.min(1, Math.max(0, H / (s || 1)));
-  let L = c + (a - c) * G;
-  m === "initial" ? L = 0 : m === "final" && (L = 1);
-  const K = Math.max(1, Math.round(W(L, [0, 1], [_, M]))), ot = Math.max(1, Math.round(W(L, [0, 1], [F, S]))), gt = W(L, [0, 1], [X, $]), nt = W(L, [0, 1], [P, k]), ut = W(L, [0, 1], [z, g]), it = W(L, [0, 1], [O, v]), mt = W(L, [0, 1], [j, w]), ft = W(L, [0, 1], [q, N]), D = Math.max(1, Math.round(W(L, [0, 1], [U, R]))), st = W(L, [0, 1], [T, C]), et = W(L, [0, 1], [A, E]), ct = d ? typeof d == "string" ? d : `${d.x ?? 0}px ${d.y ?? 0}px ${d.blur ?? 0}px ${d.color ?? ""}` : void 0, dt = Math.floor(H * (D / 30)), yt = (K - 1) / 2, vt = (ot - 1) / 2, Mt = [];
+  const l = Nt(), b = typeof r == "number" && !isNaN(r) ? r : l, y = i || 300, x = e || 300, m = (u == null ? void 0 : u.keepStill) || "both", M = Number((u == null ? void 0 : u.toXRepetitions) ?? (u == null ? void 0 : u.xRepetitions) ?? 5), S = Number((u == null ? void 0 : u.toYRepetitions) ?? (u == null ? void 0 : u.yRepetitions) ?? 5), $ = Number((u == null ? void 0 : u.toGapX) ?? (u == null ? void 0 : u.gapX) ?? 12), k = Number((u == null ? void 0 : u.toGapY) ?? (u == null ? void 0 : u.gapY) ?? 12), g = Number((u == null ? void 0 : u.toScale) ?? (u == null ? void 0 : u.scale) ?? 1), v = Number((u == null ? void 0 : u.toNoiseScale) ?? (u == null ? void 0 : u.noiseScale) ?? 1.5), w = Number((u == null ? void 0 : u.toNoiseMoveX) ?? (u == null ? void 0 : u.noiseMoveX) ?? 0.6), N = Number((u == null ? void 0 : u.toNoiseMoveY) ?? (u == null ? void 0 : u.noiseMoveY) ?? 0.4), R = Number((u == null ? void 0 : u.toFps) ?? (u == null ? void 0 : u.fps) ?? 12), C = Number((u == null ? void 0 : u.toThreshold) ?? (u == null ? void 0 : u.threshold) ?? 0.45), E = Number((u == null ? void 0 : u.toSeedOffset) ?? (u == null ? void 0 : u.seedOffset) ?? 0), Y = !!(u != null && u.hasInitialValue), _ = Y ? Number((u == null ? void 0 : u.initialXRepetitions) ?? M) : M, F = Y ? Number((u == null ? void 0 : u.initialYRepetitions) ?? S) : S, X = Y ? Number((u == null ? void 0 : u.initialGapX) ?? $) : $, P = Y ? Number((u == null ? void 0 : u.initialGapY) ?? k) : k, z = Y ? Number((u == null ? void 0 : u.initialScale) ?? g) : g, O = Y ? Number((u == null ? void 0 : u.initialNoiseScale) ?? v) : v, A = Y ? Number((u == null ? void 0 : u.initialNoiseMoveX) ?? w) : w, J = Y ? Number((u == null ? void 0 : u.initialNoiseMoveY) ?? N) : N, Z = Y ? Number((u == null ? void 0 : u.initialFps) ?? R) : R, D = Y ? Number((u == null ? void 0 : u.initialThreshold) ?? C) : C, L = Y ? Number((u == null ? void 0 : u.initialSeedOffset) ?? E) : E, H = Math.max(0, b - (n || 0)), G = Math.min(1, Math.max(0, H / (s || 1)));
+  let U = c + (a - c) * G;
+  m === "initial" ? U = 0 : m === "final" && (U = 1);
+  const q = Math.max(1, Math.round(W(U, [0, 1], [_, M]))), ot = Math.max(1, Math.round(W(U, [0, 1], [F, S]))), vt = W(U, [0, 1], [X, $]), nt = W(U, [0, 1], [P, k]), ut = W(U, [0, 1], [z, g]), it = W(U, [0, 1], [O, v]), mt = W(U, [0, 1], [A, w]), pt = W(U, [0, 1], [J, N]), tt = Math.max(1, Math.round(W(U, [0, 1], [Z, R]))), st = W(U, [0, 1], [D, C]), et = W(U, [0, 1], [L, E]), ct = d ? typeof d == "string" ? d : `${d.x ?? 0}px ${d.y ?? 0}px ${d.blur ?? 0}px ${d.color ?? ""}` : void 0, dt = Math.floor(H * (tt / 30)), yt = (q - 1) / 2, bt = (ot - 1) / 2, St = [];
   for (let lt = 0; lt < ot; lt++)
-    for (let tt = 0; tt < K; tt++) {
-      const ht = tt / Math.max(1, K) * it, Yt = lt / Math.max(1, ot) * it, Xt = dt * 0.1 + et, Et = gn(
-        ht + dt * mt * 0.05,
-        Yt + dt * ft * 0.05,
+    for (let j = 0; j < q; j++) {
+      const Ft = j / Math.max(1, q) * it, Yt = lt / Math.max(1, ot) * it, Xt = dt * 0.1 + et, Et = mn(
+        Ft + dt * mt * 0.05,
+        Yt + dt * pt * 0.05,
         Xt,
         et
-      ), _t = tt === Math.floor(yt) && lt === Math.floor(vt) || Et >= st, Wt = tt - yt, Lt = lt - vt, Ht = gt / 100 * y, Ut = nt / 100 * x, Zt = Wt * (y * ut + Ht), Qt = Lt * (x * ut + Ut);
-      Mt.push({
-        col: tt,
+      ), _t = j === Math.floor(yt) && lt === Math.floor(bt) || Et >= st, Wt = j - yt, Lt = lt - bt, Ht = vt / 100 * y, Ut = nt / 100 * x, Zt = Wt * (y * ut + Ht), Qt = Lt * (x * ut + Ut);
+      St.push({
+        col: j,
         row: lt,
         visible: _t,
         posX: Zt,
@@ -1321,7 +1321,7 @@ const ko = ({
         position: "relative",
         overflow: "visible"
       },
-      children: Mt.map((lt) => lt.visible ? /* @__PURE__ */ f(
+      children: St.map((lt) => lt.visible ? /* @__PURE__ */ f(
         "div",
         {
           style: {
@@ -1335,7 +1335,7 @@ const ko = ({
             borderRadius: p || 0,
             boxShadow: ct
           },
-          children: /* @__PURE__ */ xt(
+          children: /* @__PURE__ */ gt(
             "div",
             {
               style: {
@@ -1395,16 +1395,16 @@ function Vr(t) {
   const r = t.map((n) => {
     switch (n.type) {
       case "chromaticAberration":
-        return eo({
+        return so({
           amount: n.offset ?? 5
         });
       case "noise":
-        return so({
+        return ao({
           seed: n.seed ?? n.speed ?? 1,
           amount: n.amount ?? 0.15
         });
       case "pixelate":
-        return ao({ blockSize: n.size });
+        return co({ blockSize: n.size });
       default:
         return null;
     }
@@ -1514,7 +1514,7 @@ function Cr(t, r, n = 0, s = 0) {
     !d || !d.type || a.has(d.type) || c.push(d);
   }), c.push(...i), c;
 }
-function mn(t) {
+function xn(t) {
   if (!t || !Array.isArray(t) || t.length === 0)
     return { filter: "", overlays: [] };
   const r = [], n = [];
@@ -1592,12 +1592,12 @@ function mn(t) {
     overlays: n
   };
 }
-var Jt = {}, xn = {}, Ct = {};
+var Jt = {}, $n = {}, Ct = {};
 Object.defineProperty(Ct, "__esModule", {
   value: !0
 });
 Ct.loop = Ct.conditional = Ct.parse = void 0;
-var No = function t(r, n) {
+var Ro = function t(r, n) {
   var s = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, c = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : s;
   if (Array.isArray(n))
     n.forEach(function(i) {
@@ -1611,14 +1611,14 @@ var No = function t(r, n) {
   }
   return s;
 };
-Ct.parse = No;
-var Ro = function(r, n) {
+Ct.parse = Ro;
+var Fo = function(r, n) {
   return function(s, c, a, i) {
     n(s, c, a) && i(s, r, c, a);
   };
 };
-Ct.conditional = Ro;
-var Fo = function(r, n) {
+Ct.conditional = Fo;
+var Yo = function(r, n) {
   return function(s, c, a, i) {
     for (var e = [], p = s.pos; n(s, c, a); ) {
       var o = {};
@@ -1629,87 +1629,87 @@ var Fo = function(r, n) {
     return e;
   };
 };
-Ct.loop = Fo;
-var wt = {};
-Object.defineProperty(wt, "__esModule", {
+Ct.loop = Yo;
+var Mt = {};
+Object.defineProperty(Mt, "__esModule", {
   value: !0
 });
-wt.readBits = wt.readArray = wt.readUnsigned = wt.readString = wt.peekBytes = wt.readBytes = wt.peekByte = wt.readByte = wt.buildStream = void 0;
-var Yo = function(r) {
+Mt.readBits = Mt.readArray = Mt.readUnsigned = Mt.readString = Mt.peekBytes = Mt.readBytes = Mt.peekByte = Mt.readByte = Mt.buildStream = void 0;
+var Xo = function(r) {
   return {
     data: r,
     pos: 0
   };
 };
-wt.buildStream = Yo;
-var $n = function() {
+Mt.buildStream = Xo;
+var Sn = function() {
   return function(r) {
     return r.data[r.pos++];
   };
 };
-wt.readByte = $n;
-var Xo = function() {
+Mt.readByte = Sn;
+var Bo = function() {
   var r = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0;
   return function(n) {
     return n.data[n.pos + r];
   };
 };
-wt.peekByte = Xo;
+Mt.peekByte = Bo;
 var br = function(r) {
   return function(n) {
     return n.data.subarray(n.pos, n.pos += r);
   };
 };
-wt.readBytes = br;
-var Bo = function(r) {
+Mt.readBytes = br;
+var Po = function(r) {
   return function(n) {
     return n.data.subarray(n.pos, n.pos + r);
   };
 };
-wt.peekBytes = Bo;
-var Po = function(r) {
+Mt.peekBytes = Po;
+var Eo = function(r) {
   return function(n) {
     return Array.from(br(r)(n)).map(function(s) {
       return String.fromCharCode(s);
     }).join("");
   };
 };
-wt.readString = Po;
-var Eo = function(r) {
+Mt.readString = Eo;
+var _o = function(r) {
   return function(n) {
     var s = br(2)(n);
     return r ? (s[1] << 8) + s[0] : (s[0] << 8) + s[1];
   };
 };
-wt.readUnsigned = Eo;
-var _o = function(r, n) {
+Mt.readUnsigned = _o;
+var Wo = function(r, n) {
   return function(s, c, a) {
     for (var i = typeof n == "function" ? n(s, c, a) : n, e = br(r), p = new Array(i), o = 0; o < i; o++)
       p[o] = e(s);
     return p;
   };
 };
-wt.readArray = _o;
-var Wo = function(r, n, s) {
+Mt.readArray = Wo;
+var Vo = function(r, n, s) {
   for (var c = 0, a = 0; a < s; a++)
     c += r[n + a] && Math.pow(2, s - a - 1);
   return c;
-}, Vo = function(r) {
+}, Co = function(r) {
   return function(n) {
-    for (var s = $n()(n), c = new Array(8), a = 0; a < 8; a++)
+    for (var s = Sn()(n), c = new Array(8), a = 0; a < 8; a++)
       c[7 - a] = !!(s & 1 << a);
     return Object.keys(r).reduce(function(i, e) {
       var p = r[e];
-      return p.length ? i[e] = Wo(c, p.index, p.length) : i[e] = c[p.index], i;
+      return p.length ? i[e] = Vo(c, p.index, p.length) : i[e] = c[p.index], i;
     }, {});
   };
 };
-wt.readBits = Vo;
+Mt.readBits = Co;
 (function(t) {
   Object.defineProperty(t, "__esModule", {
     value: !0
   }), t.default = void 0;
-  var r = Ct, n = wt, s = {
+  var r = Ct, n = Mt, s = {
     blocks: function(u) {
       for (var l = 0, b = [], y = u.data.length, x = 0, m = (0, n.readByte)()(u); m !== l && m; m = (0, n.readByte)()(u)) {
         if (u.pos + m >= y) {
@@ -1886,13 +1886,13 @@ wt.readBits = Vo;
     }
   ], h = o;
   t.default = h;
-})(xn);
+})($n);
 var vr = {};
 Object.defineProperty(vr, "__esModule", {
   value: !0
 });
 vr.deinterlace = void 0;
-var Co = function(r, n) {
+var Oo = function(r, n) {
   for (var s = new Array(r.length), c = r.length / n, a = function(u, l) {
     var b = r.slice(l * n, (l + 1) * n);
     s.splice.apply(s, [u * n, n].concat(b));
@@ -1901,13 +1901,13 @@ var Co = function(r, n) {
       a(h, p), p++;
   return s;
 };
-vr.deinterlace = Co;
+vr.deinterlace = Oo;
 var gr = {};
 Object.defineProperty(gr, "__esModule", {
   value: !0
 });
 gr.lzw = void 0;
-var Oo = function(r, n, s) {
+var zo = function(r, n, s) {
   var c = 4096, a = -1, i = s, e, p, o, h, d, u, l, g, b, y, k, x, v, w, R, N, m = new Array(s), M = new Array(c), S = new Array(c), $ = new Array(c + 1);
   for (x = r, p = 1 << x, d = p + 1, e = p + 2, l = a, h = x + 1, o = (1 << h) - 1, b = 0; b < p; b++)
     M[b] = 0, S[b] = b;
@@ -1938,30 +1938,30 @@ var Oo = function(r, n, s) {
     m[y] = 0;
   return m;
 };
-gr.lzw = Oo;
+gr.lzw = zo;
 Object.defineProperty(Jt, "__esModule", {
   value: !0
 });
-var Sn = Jt.decompressFrames = Jt.decompressFrame = Mn = Jt.parseGIF = void 0, zo = Ho(xn), Go = Ct, jo = wt, Ao = vr, Lo = gr;
-function Ho(t) {
+var Mn = Jt.decompressFrames = Jt.decompressFrame = wn = Jt.parseGIF = void 0, Go = Uo($n), jo = Ct, Ao = Mt, Lo = vr, Ho = gr;
+function Uo(t) {
   return t && t.__esModule ? t : { default: t };
 }
-var Uo = function(r) {
+var Zo = function(r) {
   var n = new Uint8Array(r);
-  return (0, Go.parse)((0, jo.buildStream)(n), zo.default);
-}, Mn = Jt.parseGIF = Uo, Zo = function(r) {
+  return (0, jo.parse)((0, Ao.buildStream)(n), Go.default);
+}, wn = Jt.parseGIF = Zo, Qo = function(r) {
   for (var n = r.pixels.length, s = new Uint8ClampedArray(n * 4), c = 0; c < n; c++) {
     var a = c * 4, i = r.pixels[c], e = r.colorTable[i] || [0, 0, 0];
     s[a] = e[0], s[a + 1] = e[1], s[a + 2] = e[2], s[a + 3] = i !== r.transparentIndex ? 255 : 0;
   }
   return s;
-}, wn = function(r, n, s) {
+}, In = function(r, n, s) {
   if (!r.image) {
     console.warn("gif frame does not have associated image.");
     return;
   }
-  var c = r.image, a = c.descriptor.width * c.descriptor.height, i = (0, Lo.lzw)(c.data.minCodeSize, c.data.blocks, a);
-  c.descriptor.lct.interlaced && (i = (0, Ao.deinterlace)(i, c.descriptor.width));
+  var c = r.image, a = c.descriptor.width * c.descriptor.height, i = (0, Ho.lzw)(c.data.minCodeSize, c.data.blocks, a);
+  c.descriptor.lct.interlaced && (i = (0, Lo.deinterlace)(i, c.descriptor.width));
   var e = {
     pixels: i,
     dims: {
@@ -1971,22 +1971,22 @@ var Uo = function(r) {
       height: r.image.descriptor.height
     }
   };
-  return c.descriptor.lct && c.descriptor.lct.exists ? e.colorTable = c.lct : e.colorTable = n, r.gce && (e.delay = (r.gce.delay || 10) * 10, e.disposalType = r.gce.extras.disposal, r.gce.extras.transparentColorGiven && (e.transparentIndex = r.gce.transparentColorIndex)), s && (e.patch = Zo(e)), e;
+  return c.descriptor.lct && c.descriptor.lct.exists ? e.colorTable = c.lct : e.colorTable = n, r.gce && (e.delay = (r.gce.delay || 10) * 10, e.disposalType = r.gce.extras.disposal, r.gce.extras.transparentColorGiven && (e.transparentIndex = r.gce.transparentColorIndex)), s && (e.patch = Qo(e)), e;
 };
-Jt.decompressFrame = wn;
-var Qo = function(r, n) {
+Jt.decompressFrame = In;
+var Ko = function(r, n) {
   return r.frames.filter(function(s) {
     return s.image;
   }).map(function(s) {
-    return wn(s, r.gct, n);
+    return In(s, r.gct, n);
   });
 };
-Sn = Jt.decompressFrames = Qo;
-const xr = /* @__PURE__ */ new Map(), Ko = (t) => !!t && t.split("?")[0].toLowerCase().endsWith(".gif"), Jo = (t) => t <= 10 ? 100 : t, qo = async (t) => {
+Mn = Jt.decompressFrames = Ko;
+const xr = /* @__PURE__ */ new Map(), Jo = (t) => !!t && t.split("?")[0].toLowerCase().endsWith(".gif"), qo = (t) => t <= 10 ? 100 : t, To = async (t) => {
   const r = await fetch(t);
   if (!r.ok)
     throw new Error(`Could not fetch GIF: ${t}`);
-  const n = await r.arrayBuffer(), s = Mn(n), c = Sn(s, !0), a = s.lsd.width, i = s.lsd.height;
+  const n = await r.arrayBuffer(), s = wn(n), c = Mn(s, !0), a = s.lsd.width, i = s.lsd.height;
   if (!c.length)
     throw new Error(`GIF has no frames: ${t}`);
   const e = document.createElement("canvas");
@@ -2007,7 +2007,7 @@ const xr = /* @__PURE__ */ new Map(), Ko = (t) => !!t && t.split("?")[0].toLower
       l.dims.width,
       l.dims.height
     );
-    h.putImageData(y, 0, 0), p.drawImage(o, l.dims.left, l.dims.top), d.push(e.toDataURL("image/png")), u.push(Jo(l.delay || 0)), l.disposalType === 2 ? p.clearRect(
+    h.putImageData(y, 0, 0), p.drawImage(o, l.dims.left, l.dims.top), d.push(e.toDataURL("image/png")), u.push(qo(l.delay || 0)), l.disposalType === 2 ? p.clearRect(
       l.dims.left,
       l.dims.top,
       l.dims.width,
@@ -2020,15 +2020,15 @@ const xr = /* @__PURE__ */ new Map(), Ko = (t) => !!t && t.split("?")[0].toLower
     frames: d,
     delaysMs: u
   };
-}, To = (t) => {
+}, Do = (t) => {
   const r = xr.get(t);
   if (r)
     return r;
-  const n = qo(t).catch((s) => {
+  const n = To(t).catch((s) => {
     throw xr.delete(t), s;
   });
   return xr.set(t, n), n;
-}, Do = (t, r) => {
+}, te = (t, r) => {
   if (r.frames.length === 1 || r.durationMs <= 0)
     return 0;
   const n = (t % r.durationMs + r.durationMs) % r.durationMs;
@@ -2037,29 +2037,29 @@ const xr = /* @__PURE__ */ new Map(), Ko = (t) => !!t && t.split("?")[0].toLower
     if (s += r.delaysMs[c], n < s)
       return c;
   return r.delaysMs.length - 1;
-}, te = ({ src: t, alt: r = "gif", style: n, playbackRate: s }) => {
-  const c = Rt(), { fps: a } = cn(), [i, e] = fr(null);
+}, re = ({ src: t, alt: r = "gif", style: n, playbackRate: s }) => {
+  const c = Nt(), { fps: a } = cn(), [i, e] = fr(null);
   if (er(() => {
-    const h = Dn(`Decoding GIF ${t}`);
+    const h = to(`Decoding GIF ${t}`);
     let d = !1;
-    return To(t).then((u) => {
+    return Do(t).then((u) => {
       d || (e(u), Gr(h));
     }).catch((u) => {
-      d || to(u instanceof Error ? u : new Error(String(u)));
+      d || ro(u instanceof Error ? u : new Error(String(u)));
     }), () => {
       d = !0, Gr(h);
     };
   }, [t]), !i)
     return null;
-  const p = c / a * 1e3 * s, o = Do(p, i);
+  const p = c / a * 1e3 * s, o = te(p, i);
   return /* @__PURE__ */ f(qt, { src: i.frames[o], alt: r, style: n });
 };
-function In({
+function kn({
   item: t,
   options: r
 }) {
-  var nt, ut, it, mt, ft, D, st, et, ct, dt, yt, vt, Mt, lt;
-  const { fps: n, frame: s, isTransition: c } = r, { details: a, animations: i } = t, e = t.playbackRate || 1, { animationIn: p, animationOut: o, animationTimed: h } = Ft(
+  var nt, ut, it, mt, pt, tt, st, et, ct, dt, yt, bt, St, lt;
+  const { fps: n, frame: s, isTransition: c } = r, { details: a, animations: i } = t, e = t.playbackRate || 1, { animationIn: p, animationOut: o, animationTimed: h } = Rt(
     i,
     t,
     s,
@@ -2075,28 +2075,28 @@ function In({
     ${m}px
     ${M}px
     ${y}px round ${$}px
-  )`, { durationInFrames: g } = kt(t.display, n), v = (s || 0) - t.display.from * n / 1e3, w = Pt(a, d, {}), { WebkitTextStroke: N } = w, R = ln(a, d), C = Cr(
+  )`, { durationInFrames: g } = It(t.display, n), v = (s || 0) - t.display.from * n / 1e3, w = Pt(a, d, {}), { WebkitTextStroke: N } = w, R = ln(a, d), C = Cr(
     a.effects,
     i,
     v,
     g
-  ), E = Vr(C), { filter: Y, overlays: _ } = mn(C), F = a.width || d.width || 300, X = a.height || d.height || 300, P = Ko(a.src), z = (ut = (nt = i == null ? void 0 : i.loop) == null ? void 0 : nt.composition) == null ? void 0 : ut.find(
-    (tt) => tt.property === "textGridMarqueeTextAnimationLoop" || tt.property === "textGridMarquee" || tt.property === "imageGridMarqueeTextAnimationLoop" || tt.property === "imageGridMarquee" || tt.id === "textGridMarquee" || tt.id === "imageGridMarquee"
-  ), O = !!(z && v >= (z.delay || 0) && v <= (z.delay || 0) + (z.durationInFrames || 60)), j = (mt = (it = i == null ? void 0 : i.loop) == null ? void 0 : it.composition) == null ? void 0 : mt.find(
-    (tt) => tt.property === "inwardEchoes" || tt.id === "inwardEchoes"
-  ), q = !!(j && v >= (j.delay || 0) && v <= (j.delay || 0) + (j.durationInFrames || 120)), U = (D = (ft = i == null ? void 0 : i.loop) == null ? void 0 : ft.composition) == null ? void 0 : D.find(
-    (tt) => tt.property === "wiggle" || tt.id === "wiggle"
-  ), T = !!(U && v >= (U.delay || 0) && v <= (U.delay || 0) + (U.durationInFrames || 120)), A = (et = (st = i == null ? void 0 : i.loop) == null ? void 0 : st.composition) == null ? void 0 : et.find(
-    (tt) => tt.property === "cardFlip" || tt.id === "cardFlip"
-  ), H = !!(A && v >= (A.delay || 0) && v <= (A.delay || 0) + (A.durationInFrames || 120)), G = (dt = (ct = i == null ? void 0 : i.loop) == null ? void 0 : ct.composition) == null ? void 0 : dt.find(
-    (tt) => tt.property === "noiseTile" || tt.id === "noiseTile"
-  ), bt = !!(G && v >= (G.delay || 0) && v <= (G.delay || 0) + (G.durationInFrames || 120)), L = [
+  ), E = Vr(C), { filter: Y, overlays: _ } = xn(C), F = a.width || d.width || 300, X = a.height || d.height || 300, P = Jo(a.src), z = (ut = (nt = i == null ? void 0 : i.loop) == null ? void 0 : nt.composition) == null ? void 0 : ut.find(
+    (j) => j.property === "textGridMarqueeTextAnimationLoop" || j.property === "textGridMarquee" || j.property === "imageGridMarqueeTextAnimationLoop" || j.property === "imageGridMarquee" || j.id === "textGridMarquee" || j.id === "imageGridMarquee"
+  ), O = !!(z && v >= (z.delay || 0) && v <= (z.delay || 0) + (z.durationInFrames || 60)), A = (mt = (it = i == null ? void 0 : i.loop) == null ? void 0 : it.composition) == null ? void 0 : mt.find(
+    (j) => j.property === "inwardEchoes" || j.id === "inwardEchoes"
+  ), J = !!(A && v >= (A.delay || 0) && v <= (A.delay || 0) + (A.durationInFrames || 120)), Z = (tt = (pt = i == null ? void 0 : i.loop) == null ? void 0 : pt.composition) == null ? void 0 : tt.find(
+    (j) => j.property === "wiggle" || j.id === "wiggle"
+  ), D = !!(Z && v >= (Z.delay || 0) && v <= (Z.delay || 0) + (Z.durationInFrames || 120)), L = (et = (st = i == null ? void 0 : i.loop) == null ? void 0 : st.composition) == null ? void 0 : et.find(
+    (j) => j.property === "cardFlip" || j.id === "cardFlip"
+  ), H = !!(L && v >= (L.delay || 0) && v <= (L.delay || 0) + (L.durationInFrames || 120)), G = (dt = (ct = i == null ? void 0 : i.loop) == null ? void 0 : ct.composition) == null ? void 0 : dt.find(
+    (j) => j.property === "noiseTile" || j.id === "noiseTile"
+  ), ft = !!(G && v >= (G.delay || 0) && v <= (G.delay || 0) + (G.durationInFrames || 120)), U = [
     ...((yt = i == null ? void 0 : i.in) == null ? void 0 : yt.composition) || [],
-    ...((vt = i == null ? void 0 : i.out) == null ? void 0 : vt.composition) || [],
-    ...((Mt = i == null ? void 0 : i.timed) == null ? void 0 : Mt.composition) || [],
+    ...((bt = i == null ? void 0 : i.out) == null ? void 0 : bt.composition) || [],
+    ...((St = i == null ? void 0 : i.timed) == null ? void 0 : St.composition) || [],
     ...((lt = i == null ? void 0 : i.loop) == null ? void 0 : lt.composition) || []
-  ], K = () => O ? /* @__PURE__ */ f(
-    yn,
+  ], q = () => O ? /* @__PURE__ */ f(
+    bn,
     {
       src: a.src,
       frame: v,
@@ -2113,15 +2113,15 @@ function In({
       fps: n,
       marqueeDetails: z == null ? void 0 : z.details
     }
-  ) : q ? /* @__PURE__ */ f(
-    bn,
+  ) : J ? /* @__PURE__ */ f(
+    vn,
     {
       src: a.src,
       frame: v,
-      delay: j == null ? void 0 : j.delay,
-      durationInFrames: j == null ? void 0 : j.durationInFrames,
-      from: j == null ? void 0 : j.from,
-      to: j == null ? void 0 : j.to,
+      delay: A == null ? void 0 : A.delay,
+      durationInFrames: A == null ? void 0 : A.durationInFrames,
+      from: A == null ? void 0 : A.from,
+      to: A == null ? void 0 : A.to,
       width: F,
       height: X,
       borderRadius: R.borderRadius,
@@ -2129,17 +2129,17 @@ function In({
       borderColor: a.borderColor,
       boxShadow: a.boxShadow,
       fps: n,
-      echoesDetails: j == null ? void 0 : j.details
+      echoesDetails: A == null ? void 0 : A.details
     }
-  ) : T ? /* @__PURE__ */ f(
-    vn,
+  ) : D ? /* @__PURE__ */ f(
+    gn,
     {
       src: a.src,
       frame: v,
-      delay: U == null ? void 0 : U.delay,
-      durationInFrames: U == null ? void 0 : U.durationInFrames,
-      from: U == null ? void 0 : U.from,
-      to: U == null ? void 0 : U.to,
+      delay: Z == null ? void 0 : Z.delay,
+      durationInFrames: Z == null ? void 0 : Z.durationInFrames,
+      from: Z == null ? void 0 : Z.from,
+      to: Z == null ? void 0 : Z.to,
       width: F,
       height: X,
       borderRadius: R.borderRadius,
@@ -2147,17 +2147,17 @@ function In({
       borderColor: a.borderColor,
       boxShadow: a.boxShadow,
       fps: n,
-      wiggleDetails: U == null ? void 0 : U.details
+      wiggleDetails: Z == null ? void 0 : Z.details
     }
   ) : H ? /* @__PURE__ */ f(
-    Io,
+    ko,
     {
       src: a.src,
       frame: v,
-      delay: A == null ? void 0 : A.delay,
-      durationInFrames: A == null ? void 0 : A.durationInFrames,
-      from: A == null ? void 0 : A.from,
-      to: A == null ? void 0 : A.to,
+      delay: L == null ? void 0 : L.delay,
+      durationInFrames: L == null ? void 0 : L.durationInFrames,
+      from: L == null ? void 0 : L.from,
+      to: L == null ? void 0 : L.to,
       width: F,
       height: X,
       borderRadius: R.borderRadius,
@@ -2165,12 +2165,12 @@ function In({
       borderColor: a.borderColor,
       boxShadow: a.boxShadow,
       fps: n,
-      cardFlipDetails: A == null ? void 0 : A.details,
+      cardFlipDetails: L == null ? void 0 : L.details,
       activeEffects: C,
       effects: E
     }
-  ) : bt ? /* @__PURE__ */ f(
-    ko,
+  ) : ft ? /* @__PURE__ */ f(
+    No,
     {
       src: a.src,
       frame: v,
@@ -2188,7 +2188,7 @@ function In({
       noiseTileDetails: G == null ? void 0 : G.details
     }
   ) : P ? /* @__PURE__ */ f(
-    te,
+    re,
     {
       src: a.src,
       playbackRate: e,
@@ -2210,10 +2210,10 @@ function In({
         objectFit: "cover",
         borderRadius: R.borderRadius,
         filter: Y || void 0,
-        clipPath: k
+        clipPath: u > 0 || d.x || d.y ? k : void 0
       }
     }
-  ), ot = O || q || T || H || bt, gt = /* @__PURE__ */ f(
+  ), ot = O || J || D || H || ft, vt = /* @__PURE__ */ f(
     jt,
     {
       style: {
@@ -2242,10 +2242,10 @@ function In({
             Tt,
             {
               item: t,
-              keyframeAnimations: L,
+              keyframeAnimations: U,
               frame: v,
               durationInFrames: g,
-              children: /* @__PURE__ */ xt(
+              children: /* @__PURE__ */ gt(
                 "div",
                 {
                   style: {
@@ -2254,7 +2254,7 @@ function In({
                     height: "100%"
                   },
                   children: [
-                    !O && !q && !T && !H && !bt && a.boxShadow && /* @__PURE__ */ f(
+                    !O && !J && !D && !H && !ft && a.boxShadow && /* @__PURE__ */ f(
                       "div",
                       {
                         style: {
@@ -2269,7 +2269,7 @@ function In({
                         }
                       }
                     ),
-                    /* @__PURE__ */ f(
+                    /* @__PURE__ */ gt(
                       "div",
                       {
                         id: `${t.id}-reveal-mask`,
@@ -2284,29 +2284,39 @@ function In({
                           overflow: ot ? "visible" : "hidden",
                           borderRadius: R.borderRadius
                         },
-                        children: /* @__PURE__ */ xt(
-                          "div",
-                          {
-                            style: {
-                              ...R,
-                              overflow: "visible",
-                              boxShadow: O ? "none" : R.boxShadow,
-                              background: ot ? "transparent" : a.borderColor
-                            },
-                            children: [
-                              E ? /* @__PURE__ */ f(
-                                _r,
-                                {
-                                  width: F,
-                                  height: X,
-                                  effects: E,
-                                  children: K()
-                                }
-                              ) : K(),
-                              _.map((tt) => /* @__PURE__ */ f("div", { style: tt.style }, tt.id))
-                            ]
-                          }
-                        )
+                        children: [
+                          /* @__PURE__ */ gt(
+                            "div",
+                            {
+                              style: {
+                                ...R,
+                                overflow: "visible",
+                                boxShadow: O ? "none" : R.boxShadow
+                              },
+                              children: [
+                                E ? /* @__PURE__ */ f(
+                                  _r,
+                                  {
+                                    width: F,
+                                    height: X,
+                                    effects: E,
+                                    children: q()
+                                  }
+                                ) : q(),
+                                _.map((j) => /* @__PURE__ */ f("div", { style: j.style }, j.id))
+                              ]
+                            }
+                          ),
+                          !O && !J && !D && !H && !ft && !!a.borderWidth && /* @__PURE__ */ f(
+                            "div",
+                            {
+                              style: {
+                                ...hn(a, d),
+                                backgroundColor: "transparent"
+                              }
+                            }
+                          )
+                        ]
                       }
                     )
                   ]
@@ -2318,20 +2328,20 @@ function In({
       )
     }
   );
-  return St({ item: t, options: r, children: gt });
+  return $t({ item: t, options: r, children: vt });
 }
-const kn = ({
+const Nn = ({
   item: t,
   options: r
 }) => {
   var u, l, b, y;
-  const { fps: n, frame: s } = r, { details: c, animations: a } = t, { animationIn: i, animationOut: e, animationTimed: p } = Ft(
+  const { fps: n, frame: s } = r, { details: c, animations: a } = t, { animationIn: i, animationOut: e, animationTimed: p } = Rt(
     a,
     t,
     s,
     n,
     r
-  ), { durationInFrames: o } = kt(t.display, n), h = (s || 0) - t.display.from * n / 1e3, d = /* @__PURE__ */ f(
+  ), { durationInFrames: o } = It(t.display, n), h = (s || 0) - t.display.from * n / 1e3, d = /* @__PURE__ */ f(
     jt,
     {
       style: Pt(c),
@@ -2381,7 +2391,7 @@ const kn = ({
       )
     }
   );
-  return St({ item: t, options: r, children: d });
+  return $t({ item: t, options: r, children: d });
 }, Lr = {
   // Legacy Easings
   linear: I.linear,
@@ -2406,7 +2416,7 @@ const kn = ({
   swing: I.inOut(I.back(1.70158)),
   none: I.linear,
   custom: I.inOut(I.cubic)
-}, re = (t) => Lr[t] || Lr.linear, ne = ({
+}, ne = (t) => Lr[t] || Lr.linear, oe = ({
   char: t,
   index: r,
   frame: n,
@@ -2461,7 +2471,7 @@ const kn = ({
   const $ = y ? 1 : W(S, [0, x], [0, 1], {
     extrapolateLeft: "clamp",
     extrapolateRight: "clamp"
-  }), k = re(o), g = y ? 1 : k($), v = e + (p - e) * g;
+  }), k = ne(o), g = y ? 1 : k($), v = e + (p - e) * g;
   let w = {
     display: "inline-block",
     transformOrigin: "center"
@@ -2586,7 +2596,7 @@ const kn = ({
     N.push(`scale(${E})`);
   }
   return N.length > 0 && (w.transform = N.join(" ")), R.length > 0 && (w.filter = R.join(" ")), /* @__PURE__ */ f("span", { style: w, children: t === " " ? " " : t }, r);
-}, oe = ({
+}, ee = ({
   char: t,
   index: r,
   frame: n,
@@ -2594,7 +2604,7 @@ const kn = ({
   textLength: c,
   animationTextInFrames: a
 }) => {
-  const i = a, e = i / (c + 1), p = r * e, o = It({
+  const i = a, e = i / (c + 1), p = r * e, o = wt({
     frame: n - p,
     fps: s,
     from: 4,
@@ -2619,7 +2629,7 @@ const kn = ({
     },
     r
   );
-}, ee = ({
+}, se = ({
   char: t,
   index: r,
   frame: n,
@@ -2627,7 +2637,7 @@ const kn = ({
   textLength: c,
   animationTextInFrames: a
 }) => {
-  const e = a / c, p = r * e, o = It({
+  const e = a / c, p = r * e, o = wt({
     frame: n - p,
     fps: s,
     from: -90,
@@ -2645,7 +2655,7 @@ const kn = ({
     },
     r
   );
-}, se = ({
+}, ae = ({
   char: t,
   index: r,
   frame: n,
@@ -2653,7 +2663,7 @@ const kn = ({
   textLength: c,
   animationTextInFrames: a
 }) => {
-  const e = a / c, p = r * e, o = It({
+  const e = a / c, p = r * e, o = wt({
     frame: n - p,
     fps: s,
     from: 0,
@@ -2671,7 +2681,7 @@ const kn = ({
     },
     r
   );
-}, ae = ({
+}, ce = ({
   char: t,
   index: r,
   frame: n,
@@ -2679,7 +2689,7 @@ const kn = ({
   textLength: c,
   animationTextInFrames: a
 }) => {
-  const i = a, e = i / c, p = r * e, o = It({
+  const i = a, e = i / c, p = r * e, o = wt({
     frame: n - p,
     fps: s,
     from: 1.1,
@@ -2701,7 +2711,7 @@ const kn = ({
     },
     r
   );
-}, ce = ({
+}, ie = ({
   char: t,
   index: r,
   frame: n,
@@ -2709,7 +2719,7 @@ const kn = ({
   textLength: c,
   animationTextInFrames: a
 }) => {
-  const i = a, e = i / c, p = r * e, o = It({
+  const i = a, e = i / c, p = r * e, o = wt({
     frame: n - p,
     fps: s,
     from: -100,
@@ -2737,7 +2747,7 @@ const kn = ({
     },
     r
   );
-}, ie = ({
+}, de = ({
   char: t,
   index: r,
   frame: n,
@@ -2746,19 +2756,19 @@ const kn = ({
   animationTextOutFrames: a,
   durationInFrames: i
 }) => {
-  const e = i - a, p = r / c * (i - e), o = It({
+  const e = i - a, p = r / c * (i - e), o = wt({
     frame: n - e - p,
     fps: s,
     from: 1,
     to: 0,
     config: { mass: 0.5, damping: 10 }
-  }), h = It({
+  }), h = wt({
     frame: n - e - p,
     fps: s,
     from: 0,
     to: 50,
     config: { mass: 0.5, damping: 10 }
-  }), d = It({
+  }), d = wt({
     frame: n - e - p,
     fps: s,
     from: 0,
@@ -2777,7 +2787,7 @@ const kn = ({
     },
     r
   );
-}, de = ({
+}, ue = ({
   char: t,
   index: r,
   frame: n,
@@ -2786,7 +2796,7 @@ const kn = ({
   animationTextOutFrames: a,
   durationInFrames: i
 }) => {
-  const e = i - a, p = a / c, o = e + r * p, h = n - o, d = It({
+  const e = i - a, p = a / c, o = e + r * p, h = n - o, d = wt({
     frame: h,
     fps: s,
     from: 1,
@@ -2808,7 +2818,7 @@ const kn = ({
     },
     r
   );
-}, ue = ({
+}, le = ({
   char: t,
   index: r,
   frame: n,
@@ -2817,7 +2827,7 @@ const kn = ({
   animationTextOutFrames: a,
   durationInFrames: i
 }) => {
-  const p = a / c, h = i - a + r * p, d = n - h, u = It({
+  const p = a / c, h = i - a + r * p, d = n - h, u = wt({
     frame: d,
     fps: s,
     from: 0,
@@ -2835,7 +2845,7 @@ const kn = ({
     },
     r
   );
-}, le = ({
+}, he = ({
   char: t,
   index: r,
   frame: n,
@@ -2844,7 +2854,7 @@ const kn = ({
   animationTextOutFrames: a,
   durationInFrames: i
 }) => {
-  const p = a / c, h = i - a + r * p, d = n - h, u = It({
+  const p = a / c, h = i - a + r * p, d = n - h, u = wt({
     frame: d,
     fps: s,
     from: 0,
@@ -2866,7 +2876,7 @@ const kn = ({
     },
     r
   );
-}, he = ({
+}, pe = ({
   char: t,
   index: r,
   frame: n,
@@ -2874,19 +2884,19 @@ const kn = ({
   textLength: c,
   animationTextInFrames: a
 }) => {
-  const e = a / c, p = r * e, o = It({
+  const e = a / c, p = r * e, o = wt({
     frame: n - p,
     fps: s,
     from: 1.1,
     to: 0,
     config: { damping: 10 }
-  }), h = It({
+  }), h = wt({
     frame: n - p,
     fps: s,
     from: 0.55,
     to: 0,
     config: { damping: 10 }
-  }), d = It({
+  }), d = wt({
     frame: n - p,
     fps: s,
     from: 180,
@@ -2915,7 +2925,7 @@ const kn = ({
     },
     r
   );
-}, pe = ({
+}, fe = ({
   char: t,
   index: r,
   frame: n,
@@ -2924,7 +2934,7 @@ const kn = ({
   animationTextOutFrames: a,
   durationInFrames: i
 }) => {
-  const e = i - a, p = a / c, o = e + r * p, h = n - o, d = It({
+  const e = i - a, p = a / c, o = e + r * p, h = n - o, d = wt({
     frame: h,
     fps: s,
     from: 0,
@@ -2953,7 +2963,7 @@ const kn = ({
     },
     r
   );
-}, fe = ({
+}, ye = ({
   char: t,
   index: r,
   frame: n,
@@ -2962,19 +2972,19 @@ const kn = ({
   animationTextOutFrames: a,
   durationInFrames: i
 }) => {
-  const e = i - a, p = a / c, o = e + r * p, h = n - o, d = It({
+  const e = i - a, p = a / c, o = e + r * p, h = n - o, d = wt({
     frame: h,
     fps: s,
     from: 0,
     to: 1,
     config: { mass: 1, damping: 10 }
-  }), u = It({
+  }), u = wt({
     frame: h,
     fps: s,
     from: 0,
     to: 0.55,
     config: { mass: 1, damping: 10 }
-  }), l = It({
+  }), l = wt({
     frame: h,
     fps: s,
     from: 0,
@@ -2997,7 +3007,7 @@ const kn = ({
     },
     r
   );
-}, ye = ({
+}, be = ({
   char: t,
   index: r,
   frame: n,
@@ -3006,7 +3016,7 @@ const kn = ({
   animationTextOutFrames: a,
   durationInFrames: i
 }) => {
-  const e = i - a, p = a / c, o = e + r * p, h = n - o, d = It({
+  const e = i - a, p = a / c, o = e + r * p, h = n - o, d = wt({
     frame: h,
     fps: s,
     from: 1,
@@ -3024,7 +3034,7 @@ const kn = ({
     },
     r
   );
-}, be = ({
+}, ve = ({
   char: t,
   frame: r,
   fps: n,
@@ -3041,7 +3051,7 @@ const kn = ({
       children: t
     }
   );
-}, ve = ({
+}, ge = ({
   char: t,
   frame: r,
   fps: n
@@ -3058,7 +3068,7 @@ const kn = ({
       children: t
     }
   );
-}, ge = ({
+}, me = ({
   frame: t,
   fps: r,
   char: n
@@ -3074,7 +3084,7 @@ const kn = ({
       children: n
     }
   );
-}, me = ({
+}, xe = ({
   char: t,
   index: r,
   frame: n,
@@ -3094,7 +3104,7 @@ const kn = ({
     },
     r
   );
-}, xe = ({
+}, $e = ({
   char: t,
   index: r,
   frame: n,
@@ -3114,7 +3124,7 @@ const kn = ({
     },
     r
   );
-}, $e = ({
+}, Se = ({
   char: t,
   index: r,
   frame: n,
@@ -3138,7 +3148,7 @@ const kn = ({
     },
     r
   );
-}, Se = ({
+}, Me = ({
   char: t,
   index: r,
   frame: n,
@@ -3162,7 +3172,7 @@ const kn = ({
     },
     r
   );
-}, Me = ({
+}, we = ({
   char: t,
   frame: r,
   fps: n
@@ -3179,7 +3189,7 @@ const kn = ({
       children: t
     }
   );
-}, we = ({
+}, Ie = ({
   char: t,
   frame: r,
   fps: n,
@@ -3201,7 +3211,7 @@ function $r(t) {
   const r = Math.sin(t) * 1e4;
   return r - Math.floor(r);
 }
-const Ie = ({
+const ke = ({
   char: t,
   index: r,
   frame: n
@@ -3218,7 +3228,7 @@ const Ie = ({
     },
     r
   );
-}, ke = ({
+}, Ne = ({
   char: t,
   index: r,
   frame: n,
@@ -3239,7 +3249,7 @@ const Ie = ({
       extrapolateRight: "clamp"
     }
   );
-  return /* @__PURE__ */ xt(
+  return /* @__PURE__ */ gt(
     "span",
     {
       style: {
@@ -3271,7 +3281,7 @@ const Ie = ({
     }
   );
 };
-function Ne({
+function Re({
   frame: t,
   durationInFrames: r,
   text: n,
@@ -3293,7 +3303,7 @@ function Ne({
       return "";
     }).join(" ");
   }, [c]);
-  return /* @__PURE__ */ xt(
+  return /* @__PURE__ */ gt(
     "div",
     {
       style: {
@@ -3323,7 +3333,7 @@ function Ne({
     }
   );
 }
-const Re = ({
+const Fe = ({
   text: t,
   frame: r,
   details: n,
@@ -3378,7 +3388,7 @@ const Re = ({
       )
     }
   );
-}, Fe = ({
+}, Ye = ({
   text: t,
   frame: r,
   animationTextInFrames: n,
@@ -3429,7 +3439,7 @@ const Re = ({
       )
     );
   }
-  return /* @__PURE__ */ xt(
+  return /* @__PURE__ */ gt(
     "div",
     {
       style: {
@@ -3494,7 +3504,7 @@ const Re = ({
       ]
     }
   );
-}, Hr = ["3", "2", "1"], Ye = ({
+}, Hr = ["3", "2", "1"], Xe = ({
   text: t,
   frame: r,
   animationTextInFrames: n,
@@ -3525,7 +3535,7 @@ const Re = ({
       children: i
     }
   );
-}, Xe = ({
+}, Be = ({
   text: t,
   frame: r,
   details: n,
@@ -3589,7 +3599,7 @@ const Re = ({
       ))
     }
   );
-}, Be = ({
+}, Pe = ({
   text: t,
   frame: r,
   fps: n
@@ -3605,13 +3615,13 @@ const Re = ({
       children: t
     }
   );
-}, Pe = ({
+}, Ee = ({
   frame: t,
   durationInFrames: r,
   text: n
 }) => {
   const s = W(t, [0, r / 2], [0, 360]), c = s - 90;
-  return /* @__PURE__ */ xt(
+  return /* @__PURE__ */ gt(
     "div",
     {
       style: {
@@ -3650,7 +3660,7 @@ const Re = ({
       ]
     }
   );
-}, Ee = ({
+}, _e = ({
   frame: t,
   text: r,
   details: n,
@@ -3684,7 +3694,7 @@ function Sr(t) {
   const r = Math.sin(t) * 1e4;
   return r - Math.floor(r);
 }
-const _e = ({ text: t, frame: r }) => {
+const We = ({ text: t, frame: r }) => {
   const n = (Sr(r) - 0.5) * 8, s = (Sr(r + 999) - 0.5) * 8, c = (Sr(r + 500) - 0.5) * 6;
   return /* @__PURE__ */ f(
     "span",
@@ -3696,7 +3706,7 @@ const _e = ({ text: t, frame: r }) => {
       children: t
     }
   );
-}, Ur = 9, We = ({
+}, Ur = 9, Ve = ({
   text: t,
   frame: r,
   details: n,
@@ -3735,9 +3745,9 @@ const _e = ({ text: t, frame: r }) => {
       })
     }
   );
-}, Ve = ({ text: t, frame: r }) => {
+}, Ce = ({ text: t, frame: r }) => {
   const n = Math.sin(r / 10) * 10, s = Math.sin(r / 5) * 10;
-  return /* @__PURE__ */ xt(
+  return /* @__PURE__ */ gt(
     "span",
     {
       style: {
@@ -3774,7 +3784,7 @@ const _e = ({ text: t, frame: r }) => {
       ]
     }
   );
-}, Ce = ({
+}, Oe = ({
   text: t,
   frame: r,
   delay: n = 0,
@@ -3784,22 +3794,22 @@ const _e = ({ text: t, frame: r }) => {
   details: i,
   marqueeDetails: e
 }) => {
-  const p = Rt(), o = typeof r == "number" && !isNaN(r) ? r : p, h = Math.max(0, o - (n || 0)), d = Math.min(1, Math.max(0, h / (s || 1))), u = i.width || 300, l = i.height || 100, b = (e == null ? void 0 : e.direction) || "horizontal", y = b === "static", x = Math.min(15, Math.max(1, Number((e == null ? void 0 : e.repeatX) ?? 5))), m = Math.min(15, Math.max(1, Number((e == null ? void 0 : e.repeatY) ?? 5))), M = (e == null ? void 0 : e.baseSpeed) !== void 0 ? Number(e.baseSpeed) : 2, S = (e == null ? void 0 : e.speedVariation) !== void 0 ? Number(e.speedVariation) : 0.5, $ = e != null && e.hasInitialValue && (e == null ? void 0 : e.initialBaseSpeed) !== void 0 ? Number(e.initialBaseSpeed) : M, k = e != null && e.hasInitialValue ? $ + (M - $) * d : M, g = y ? 0 : k * 400, v = y ? 0 : k * 400, w = (e == null ? void 0 : e.scaleFactor) !== void 0 ? Number(e.scaleFactor) : 1, N = e != null && e.hasInitialValue && (e == null ? void 0 : e.initialScaleFactor) !== void 0 ? Number(e.initialScaleFactor) : w, R = e != null && e.hasInitialValue ? N + (w - N) * d : w, C = (e == null ? void 0 : e.lineOffset) !== void 0 ? Number(e.lineOffset) : 0.5, E = (e == null ? void 0 : e.gapX) !== void 0 ? Number(e.gapX) : 60, Y = (e == null ? void 0 : e.gapY) !== void 0 ? Number(e.gapY) : 60, _ = E / 100 * u, F = Y / 100 * l, X = u * R + _, P = l * R + F, z = Dt(i), O = b === "vertical" || b === "up" || b === "down", j = b === "diagonal", q = (x - 1) / 2, U = (m - 1) / 2, T = m, A = x, H = Array.from({ length: T }, (L, K) => K - U), G = Array.from({ length: A }, (L, K) => K - q), bt = (L, K, ot, gt) => /* @__PURE__ */ f(
+  const p = Nt(), o = typeof r == "number" && !isNaN(r) ? r : p, h = Math.max(0, o - (n || 0)), d = Math.min(1, Math.max(0, h / (s || 1))), u = i.width || 300, l = i.height || 100, b = (e == null ? void 0 : e.direction) || "horizontal", y = b === "static", x = Math.min(15, Math.max(1, Number((e == null ? void 0 : e.repeatX) ?? 5))), m = Math.min(15, Math.max(1, Number((e == null ? void 0 : e.repeatY) ?? 5))), M = (e == null ? void 0 : e.baseSpeed) !== void 0 ? Number(e.baseSpeed) : 2, S = (e == null ? void 0 : e.speedVariation) !== void 0 ? Number(e.speedVariation) : 0.5, $ = e != null && e.hasInitialValue && (e == null ? void 0 : e.initialBaseSpeed) !== void 0 ? Number(e.initialBaseSpeed) : M, k = e != null && e.hasInitialValue ? $ + (M - $) * d : M, g = y ? 0 : k * 400, v = y ? 0 : k * 400, w = (e == null ? void 0 : e.scaleFactor) !== void 0 ? Number(e.scaleFactor) : 1, N = e != null && e.hasInitialValue && (e == null ? void 0 : e.initialScaleFactor) !== void 0 ? Number(e.initialScaleFactor) : w, R = e != null && e.hasInitialValue ? N + (w - N) * d : w, C = (e == null ? void 0 : e.lineOffset) !== void 0 ? Number(e.lineOffset) : 0.5, E = (e == null ? void 0 : e.gapX) !== void 0 ? Number(e.gapX) : 60, Y = (e == null ? void 0 : e.gapY) !== void 0 ? Number(e.gapY) : 60, _ = E / 100 * u, F = Y / 100 * l, X = u * R + _, P = l * R + F, z = Dt(i), O = b === "vertical" || b === "up" || b === "down", A = b === "diagonal", J = (x - 1) / 2, Z = (m - 1) / 2, D = m, L = x, H = Array.from({ length: D }, (U, q) => q - Z), G = Array.from({ length: L }, (U, q) => q - J), ft = (U, q, ot, vt) => /* @__PURE__ */ f(
     "span",
     {
       style: {
         ...z,
         position: "absolute",
-        left: `calc(50% + ${K}px)`,
+        left: `calc(50% + ${q}px)`,
         top: `calc(50% + ${ot}px)`,
         transform: `translate(-50%, -50%) scale(${R})`,
         transformOrigin: "center center",
-        opacity: gt ? 1 : 0.85,
+        opacity: vt ? 1 : 0.85,
         whiteSpace: "nowrap"
       },
       children: t
     },
-    L
+    U
   );
   return O ? /* @__PURE__ */ f(
     "div",
@@ -3810,22 +3820,22 @@ const _e = ({ text: t, frame: r }) => {
         position: "relative",
         overflow: "visible"
       },
-      children: G.map((L, K) => {
-        let ot = K % 2 === 0 ? 1 : -1;
+      children: G.map((U, q) => {
+        let ot = q % 2 === 0 ? 1 : -1;
         b === "up" && (ot = -1), b === "down" && (ot = 1);
-        const gt = 1 + K % 2 * (S * 0.5), nt = v > 0 && ot !== 0 ? ot * (h * v * 0.1 * gt) + L * (P * C) : L * (P * C), ut = v === 0 || ot === 0 ? 0 : (nt % P + P) % P - P / 2;
+        const vt = 1 + q % 2 * (S * 0.5), nt = v > 0 && ot !== 0 ? ot * (h * v * 0.1 * vt) + U * (P * C) : U * (P * C), ut = v === 0 || ot === 0 ? 0 : (nt % P + P) % P - P / 2;
         return H.map((it, mt) => {
-          const ft = L * X, D = it * P + ut;
-          return bt(
-            `v-${K}-${mt}`,
-            ft,
-            D,
-            L === 0 && it === 0
+          const pt = U * X, tt = it * P + ut;
+          return ft(
+            `v-${q}-${mt}`,
+            pt,
+            tt,
+            U === 0 && it === 0
           );
         });
       })
     }
-  ) : j ? /* @__PURE__ */ f(
+  ) : A ? /* @__PURE__ */ f(
     "div",
     {
       style: {
@@ -3834,15 +3844,15 @@ const _e = ({ text: t, frame: r }) => {
         position: "relative",
         overflow: "visible"
       },
-      children: H.map((L, K) => {
-        const ot = K % 2 === 0 ? 1 : -1, gt = K % 2 === 0 ? 1 : -1, nt = 1 + K % 2 * (S * 0.5), ut = g > 0 ? ot * (h * g * 0.1 * nt) + L * (X * C) : L * (X * C), it = g === 0 ? 0 : (ut % X + X) % X - X / 2, mt = v > 0 ? gt * (h * v * 0.1 * nt) + L * (P * C) : L * (P * C), ft = v === 0 ? 0 : (mt % P + P) % P - P / 2;
-        return G.map((D, st) => {
-          const et = D * X + it, ct = L * P + ft;
-          return bt(
-            `d-${K}-${st}`,
+      children: H.map((U, q) => {
+        const ot = q % 2 === 0 ? 1 : -1, vt = q % 2 === 0 ? 1 : -1, nt = 1 + q % 2 * (S * 0.5), ut = g > 0 ? ot * (h * g * 0.1 * nt) + U * (X * C) : U * (X * C), it = g === 0 ? 0 : (ut % X + X) % X - X / 2, mt = v > 0 ? vt * (h * v * 0.1 * nt) + U * (P * C) : U * (P * C), pt = v === 0 ? 0 : (mt % P + P) % P - P / 2;
+        return G.map((tt, st) => {
+          const et = tt * X + it, ct = U * P + pt;
+          return ft(
+            `d-${q}-${st}`,
             et,
             ct,
-            L === 0 && D === 0
+            U === 0 && tt === 0
           );
         });
       })
@@ -3856,23 +3866,23 @@ const _e = ({ text: t, frame: r }) => {
         position: "relative",
         overflow: "visible"
       },
-      children: H.map((L, K) => {
-        let ot = K % 2 === 0 ? 1 : -1;
+      children: H.map((U, q) => {
+        let ot = q % 2 === 0 ? 1 : -1;
         b === "left" && (ot = -1), b === "right" && (ot = 1);
-        const gt = 1 + K % 2 * (S * 0.5), nt = g > 0 && ot !== 0 ? ot * (h * g * 0.1 * gt) + L * (X * C) : L * (X * C), ut = g === 0 || ot === 0 ? 0 : (nt % X + X) % X - X / 2;
+        const vt = 1 + q % 2 * (S * 0.5), nt = g > 0 && ot !== 0 ? ot * (h * g * 0.1 * vt) + U * (X * C) : U * (X * C), ut = g === 0 || ot === 0 ? 0 : (nt % X + X) % X - X / 2;
         return G.map((it, mt) => {
-          const ft = it * X + ut, D = L * P;
-          return bt(
-            `h-${K}-${mt}`,
-            ft,
-            D,
-            L === 0 && it === 0
+          const pt = it * X + ut, tt = U * P;
+          return ft(
+            `h-${q}-${mt}`,
+            pt,
+            tt,
+            U === 0 && it === 0
           );
         });
       })
     }
   );
-}, Oe = ({
+}, ze = ({
   text: t,
   frame: r,
   delay: n = 0,
@@ -3882,7 +3892,7 @@ const _e = ({ text: t, frame: r }) => {
   details: i,
   echoesDetails: e
 }) => {
-  const p = Rt(), o = typeof r == "number" && !isNaN(r) ? r : p, h = i.width || 300, d = i.height || 100, u = (e == null ? void 0 : e.keepStill) || "both", l = Number((e == null ? void 0 : e.toRepeatCount) ?? 5), b = Number((e == null ? void 0 : e.toScaleDown) ?? 0.3), y = Number((e == null ? void 0 : e.toCenterX) ?? 0.5), x = Number((e == null ? void 0 : e.toCenterY) ?? 0.5), m = (e == null ? void 0 : e.initialRepeatCount) !== void 0 ? Number(e.initialRepeatCount) : l, M = (e == null ? void 0 : e.initialScaleDown) !== void 0 ? Number(e.initialScaleDown) : 1, S = (e == null ? void 0 : e.initialCenterX) !== void 0 ? Number(e.initialCenterX) : y, $ = (e == null ? void 0 : e.initialCenterY) !== void 0 ? Number(e.initialCenterY) : x, k = Math.max(0, o - (n || 0)), g = Math.min(1, Math.max(0, k / (s || 1)));
+  const p = Nt(), o = typeof r == "number" && !isNaN(r) ? r : p, h = i.width || 300, d = i.height || 100, u = (e == null ? void 0 : e.keepStill) || "both", l = Number((e == null ? void 0 : e.toRepeatCount) ?? 5), b = Number((e == null ? void 0 : e.toScaleDown) ?? 0.3), y = Number((e == null ? void 0 : e.toCenterX) ?? 0.5), x = Number((e == null ? void 0 : e.toCenterY) ?? 0.5), m = (e == null ? void 0 : e.initialRepeatCount) !== void 0 ? Number(e.initialRepeatCount) : l, M = (e == null ? void 0 : e.initialScaleDown) !== void 0 ? Number(e.initialScaleDown) : 1, S = (e == null ? void 0 : e.initialCenterX) !== void 0 ? Number(e.initialCenterX) : y, $ = (e == null ? void 0 : e.initialCenterY) !== void 0 ? Number(e.initialCenterY) : x, k = Math.max(0, o - (n || 0)), g = Math.min(1, Math.max(0, k / (s || 1)));
   let w = c + (a - c) * g;
   u === "initial" ? w = 0 : u === "final" && (w = 1);
   const N = Math.max(
@@ -3934,7 +3944,7 @@ const _e = ({ text: t, frame: r }) => {
       })
     }
   );
-}, ze = ({
+}, Ge = ({
   text: t,
   frame: r,
   delay: n = 0,
@@ -3944,7 +3954,7 @@ const _e = ({ text: t, frame: r }) => {
   details: i,
   wiggleDetails: e
 }) => {
-  const p = Rt(), o = typeof r == "number" && !isNaN(r) ? r : p, h = Number((e == null ? void 0 : e.wiggleX) ?? 20), d = Number((e == null ? void 0 : e.wiggleY) ?? 20), u = Number((e == null ? void 0 : e.speed) ?? 3), l = Number((e == null ? void 0 : e.angle) ?? 10), b = Number((e == null ? void 0 : e.seed) ?? 1), y = e != null && e.hasInitialValue && (e == null ? void 0 : e.initialWiggleX) !== void 0 ? Number(e.initialWiggleX) : h, x = e != null && e.hasInitialValue && (e == null ? void 0 : e.initialWiggleY) !== void 0 ? Number(e.initialWiggleY) : d, m = e != null && e.hasInitialValue && (e == null ? void 0 : e.initialSpeed) !== void 0 ? Number(e.initialSpeed) : u, M = e != null && e.hasInitialValue && (e == null ? void 0 : e.initialAngle) !== void 0 ? Number(e.initialAngle) : l, S = Math.max(0, o - (n || 0)), $ = Math.min(1, Math.max(0, S / (s || 1))), k = e != null && e.hasInitialValue ? y + (h - y) * $ : h, g = e != null && e.hasInitialValue ? x + (d - x) * $ : d, v = e != null && e.hasInitialValue ? m + (u - m) * $ : u, w = e != null && e.hasInitialValue ? M + (l - M) * $ : l, N = o * (v * 0.08), R = b * 12.345, C = Math.sin(N + R) * Math.cos(N * 0.65 + R) * k, E = Math.cos(N * 0.85 + R) * Math.sin(N * 1.15 + R) * g, Y = Math.sin(N * 0.9 + R * 1.35) * w, _ = Dt(i);
+  const p = Nt(), o = typeof r == "number" && !isNaN(r) ? r : p, h = Number((e == null ? void 0 : e.wiggleX) ?? 20), d = Number((e == null ? void 0 : e.wiggleY) ?? 20), u = Number((e == null ? void 0 : e.speed) ?? 3), l = Number((e == null ? void 0 : e.angle) ?? 10), b = Number((e == null ? void 0 : e.seed) ?? 1), y = e != null && e.hasInitialValue && (e == null ? void 0 : e.initialWiggleX) !== void 0 ? Number(e.initialWiggleX) : h, x = e != null && e.hasInitialValue && (e == null ? void 0 : e.initialWiggleY) !== void 0 ? Number(e.initialWiggleY) : d, m = e != null && e.hasInitialValue && (e == null ? void 0 : e.initialSpeed) !== void 0 ? Number(e.initialSpeed) : u, M = e != null && e.hasInitialValue && (e == null ? void 0 : e.initialAngle) !== void 0 ? Number(e.initialAngle) : l, S = Math.max(0, o - (n || 0)), $ = Math.min(1, Math.max(0, S / (s || 1))), k = e != null && e.hasInitialValue ? y + (h - y) * $ : h, g = e != null && e.hasInitialValue ? x + (d - x) * $ : d, v = e != null && e.hasInitialValue ? m + (u - m) * $ : u, w = e != null && e.hasInitialValue ? M + (l - M) * $ : l, N = o * (v * 0.08), R = b * 12.345, C = Math.sin(N + R) * Math.cos(N * 0.65 + R) * k, E = Math.cos(N * 0.85 + R) * Math.sin(N * 1.15 + R) * g, Y = Math.sin(N * 0.9 + R * 1.35) * w, _ = Dt(i);
   return /* @__PURE__ */ f(
     "div",
     {
@@ -3972,7 +3982,7 @@ const _e = ({ text: t, frame: r }) => {
       )
     }
   );
-}, Ge = ({
+}, je = ({
   text: t,
   frame: r,
   delay: n = 0,
@@ -3997,7 +4007,7 @@ const _e = ({ text: t, frame: r }) => {
       children: /* @__PURE__ */ f("span", { style: p, children: t })
     }
   );
-}, je = ({
+}, Ae = ({
   text: t,
   frame: r,
   delay: n = 0,
@@ -4007,22 +4017,22 @@ const _e = ({ text: t, frame: r }) => {
   details: i,
   noiseTileDetails: e
 }) => {
-  const p = Rt(), o = typeof r == "number" && !isNaN(r) ? r : p, h = i.width || 300, d = i.height || 100, u = (e == null ? void 0 : e.keepStill) || "both", l = Number((e == null ? void 0 : e.toXRepetitions) ?? (e == null ? void 0 : e.xRepetitions) ?? 5), b = Number((e == null ? void 0 : e.toYRepetitions) ?? (e == null ? void 0 : e.yRepetitions) ?? 5), y = Number((e == null ? void 0 : e.toGapX) ?? (e == null ? void 0 : e.gapX) ?? 12), x = Number((e == null ? void 0 : e.toGapY) ?? (e == null ? void 0 : e.gapY) ?? 12), m = Number((e == null ? void 0 : e.toScale) ?? (e == null ? void 0 : e.scale) ?? 1), M = Number((e == null ? void 0 : e.toNoiseScale) ?? (e == null ? void 0 : e.noiseScale) ?? 1.5), S = Number((e == null ? void 0 : e.toNoiseMoveX) ?? (e == null ? void 0 : e.noiseMoveX) ?? 0.6), $ = Number((e == null ? void 0 : e.toNoiseMoveY) ?? (e == null ? void 0 : e.noiseMoveY) ?? 0.4), k = Number((e == null ? void 0 : e.toFps) ?? (e == null ? void 0 : e.fps) ?? 12), g = Number((e == null ? void 0 : e.toThreshold) ?? (e == null ? void 0 : e.threshold) ?? 0.45), v = Number((e == null ? void 0 : e.toSeedOffset) ?? (e == null ? void 0 : e.seedOffset) ?? 0), w = !!(e != null && e.hasInitialValue), N = w ? Number((e == null ? void 0 : e.initialXRepetitions) ?? l) : l, R = w ? Number((e == null ? void 0 : e.initialYRepetitions) ?? b) : b, C = w ? Number((e == null ? void 0 : e.initialGapX) ?? y) : y, E = w ? Number((e == null ? void 0 : e.initialGapY) ?? x) : x, Y = w ? Number((e == null ? void 0 : e.initialScale) ?? m) : m, _ = w ? Number((e == null ? void 0 : e.initialNoiseScale) ?? M) : M, F = w ? Number((e == null ? void 0 : e.initialNoiseMoveX) ?? S) : S, X = w ? Number((e == null ? void 0 : e.initialNoiseMoveY) ?? $) : $, P = w ? Number((e == null ? void 0 : e.initialFps) ?? k) : k, z = w ? Number((e == null ? void 0 : e.initialThreshold) ?? g) : g, O = w ? Number((e == null ? void 0 : e.initialSeedOffset) ?? v) : v, j = Math.max(0, o - (n || 0)), q = Math.min(1, Math.max(0, j / (s || 1)));
-  let T = c + (a - c) * q;
-  u === "initial" ? T = 0 : u === "final" && (T = 1);
-  const A = Math.max(1, Math.round(W(T, [0, 1], [N, l]))), H = Math.max(1, Math.round(W(T, [0, 1], [R, b]))), G = W(T, [0, 1], [C, y]), bt = W(T, [0, 1], [E, x]), L = W(T, [0, 1], [Y, m]), K = W(T, [0, 1], [_, M]), ot = W(T, [0, 1], [F, S]), gt = W(T, [0, 1], [X, $]), nt = Math.max(1, Math.round(W(T, [0, 1], [P, k]))), ut = W(T, [0, 1], [z, g]), it = W(T, [0, 1], [O, v]), mt = Dt(i), ft = Math.floor(j * (nt / 30)), D = (A - 1) / 2, st = (H - 1) / 2, et = [];
+  const p = Nt(), o = typeof r == "number" && !isNaN(r) ? r : p, h = i.width || 300, d = i.height || 100, u = (e == null ? void 0 : e.keepStill) || "both", l = Number((e == null ? void 0 : e.toXRepetitions) ?? (e == null ? void 0 : e.xRepetitions) ?? 5), b = Number((e == null ? void 0 : e.toYRepetitions) ?? (e == null ? void 0 : e.yRepetitions) ?? 5), y = Number((e == null ? void 0 : e.toGapX) ?? (e == null ? void 0 : e.gapX) ?? 12), x = Number((e == null ? void 0 : e.toGapY) ?? (e == null ? void 0 : e.gapY) ?? 12), m = Number((e == null ? void 0 : e.toScale) ?? (e == null ? void 0 : e.scale) ?? 1), M = Number((e == null ? void 0 : e.toNoiseScale) ?? (e == null ? void 0 : e.noiseScale) ?? 1.5), S = Number((e == null ? void 0 : e.toNoiseMoveX) ?? (e == null ? void 0 : e.noiseMoveX) ?? 0.6), $ = Number((e == null ? void 0 : e.toNoiseMoveY) ?? (e == null ? void 0 : e.noiseMoveY) ?? 0.4), k = Number((e == null ? void 0 : e.toFps) ?? (e == null ? void 0 : e.fps) ?? 12), g = Number((e == null ? void 0 : e.toThreshold) ?? (e == null ? void 0 : e.threshold) ?? 0.45), v = Number((e == null ? void 0 : e.toSeedOffset) ?? (e == null ? void 0 : e.seedOffset) ?? 0), w = !!(e != null && e.hasInitialValue), N = w ? Number((e == null ? void 0 : e.initialXRepetitions) ?? l) : l, R = w ? Number((e == null ? void 0 : e.initialYRepetitions) ?? b) : b, C = w ? Number((e == null ? void 0 : e.initialGapX) ?? y) : y, E = w ? Number((e == null ? void 0 : e.initialGapY) ?? x) : x, Y = w ? Number((e == null ? void 0 : e.initialScale) ?? m) : m, _ = w ? Number((e == null ? void 0 : e.initialNoiseScale) ?? M) : M, F = w ? Number((e == null ? void 0 : e.initialNoiseMoveX) ?? S) : S, X = w ? Number((e == null ? void 0 : e.initialNoiseMoveY) ?? $) : $, P = w ? Number((e == null ? void 0 : e.initialFps) ?? k) : k, z = w ? Number((e == null ? void 0 : e.initialThreshold) ?? g) : g, O = w ? Number((e == null ? void 0 : e.initialSeedOffset) ?? v) : v, A = Math.max(0, o - (n || 0)), J = Math.min(1, Math.max(0, A / (s || 1)));
+  let D = c + (a - c) * J;
+  u === "initial" ? D = 0 : u === "final" && (D = 1);
+  const L = Math.max(1, Math.round(W(D, [0, 1], [N, l]))), H = Math.max(1, Math.round(W(D, [0, 1], [R, b]))), G = W(D, [0, 1], [C, y]), ft = W(D, [0, 1], [E, x]), U = W(D, [0, 1], [Y, m]), q = W(D, [0, 1], [_, M]), ot = W(D, [0, 1], [F, S]), vt = W(D, [0, 1], [X, $]), nt = Math.max(1, Math.round(W(D, [0, 1], [P, k]))), ut = W(D, [0, 1], [z, g]), it = W(D, [0, 1], [O, v]), mt = Dt(i), pt = Math.floor(A * (nt / 30)), tt = (L - 1) / 2, st = (H - 1) / 2, et = [];
   for (let ct = 0; ct < H; ct++)
-    for (let dt = 0; dt < A; dt++) {
-      const yt = dt / Math.max(1, A) * K, vt = ct / Math.max(1, H) * K, Mt = ft * 0.1 + it, lt = gn(
-        yt + ft * ot * 0.05,
-        vt + ft * gt * 0.05,
-        Mt,
+    for (let dt = 0; dt < L; dt++) {
+      const yt = dt / Math.max(1, L) * q, bt = ct / Math.max(1, H) * q, St = pt * 0.1 + it, lt = mn(
+        yt + pt * ot * 0.05,
+        bt + pt * vt * 0.05,
+        St,
         it
-      ), ht = dt === Math.floor(D) && ct === Math.floor(st) || lt >= ut, Yt = dt - D, Xt = ct - st, Et = G / 100 * h, zt = bt / 100 * d, _t = Yt * (h * L + Et), Wt = Xt * (d * L + zt);
+      ), Ft = dt === Math.floor(tt) && ct === Math.floor(st) || lt >= ut, Yt = dt - tt, Xt = ct - st, Et = G / 100 * h, zt = ft / 100 * d, _t = Yt * (h * U + Et), Wt = Xt * (d * U + zt);
       et.push({
         col: dt,
         row: ct,
-        visible: ht,
+        visible: Ft,
         posX: _t,
         posY: Wt
       });
@@ -4044,7 +4054,7 @@ const _e = ({ text: t, frame: r }) => {
             position: "absolute",
             left: `calc(50% + ${ct.posX}px)`,
             top: `calc(50% + ${ct.posY}px)`,
-            transform: `translate(-50%, -50%) scale(${L})`,
+            transform: `translate(-50%, -50%) scale(${U})`,
             transformOrigin: "center center",
             lineHeight: 1,
             whiteSpace: "nowrap"
@@ -4055,7 +4065,7 @@ const _e = ({ text: t, frame: r }) => {
       ) : null)
     }
   );
-}, Ae = ({
+}, Le = ({
   animationDuration: t,
   text: r,
   details: n,
@@ -4081,7 +4091,7 @@ const _e = ({ text: t, frame: r }) => {
       return "";
     }).join(" ");
   }, [a]);
-  return /* @__PURE__ */ xt(
+  return /* @__PURE__ */ gt(
     "div",
     {
       style: {
@@ -4110,7 +4120,7 @@ const _e = ({ text: t, frame: r }) => {
       ]
     }
   );
-}, Le = ({
+}, He = ({
   text: t,
   frame: r,
   details: n,
@@ -4178,7 +4188,7 @@ const _e = ({ text: t, frame: r }) => {
       ))
     }
   );
-}, He = ({
+}, Ue = ({
   text: t,
   frame: r,
   animationTextOutFrames: n,
@@ -4239,34 +4249,34 @@ const _e = ({ text: t, frame: r }) => {
       )
     }
   );
-}, Ue = {
-  sunnyMorningsTextAnimationIn: oe,
-  dominoDreamsTextAnimationIn: ee,
-  greatThinkersTextAnimationIn: se,
-  beautifulQuestionsTextAnimationIn: ae,
-  madeWithLoveTextAnimationIn: ce,
-  realityIsBrokenTextAnimationIn: he,
-  dropTextAnimationIn: me,
-  descompressTextAnimationIn: xe
 }, Ze = {
-  animatedTextOut: ie,
-  sunnyMorningsTextAnimationOut: de,
-  dominoDreamsTextAnimationOut: ue,
-  beautifulQuestionsTextAnimationOut: le,
-  madeWithLoveTextAnimationOut: pe,
-  realityIsBrokenTextAnimationOut: fe,
-  greatThinkersTextAnimationOut: ye,
-  descompressTextAnimationOut: $e,
-  dropTextAnimationOut: Se
+  sunnyMorningsTextAnimationIn: ee,
+  dominoDreamsTextAnimationIn: se,
+  greatThinkersTextAnimationIn: ae,
+  beautifulQuestionsTextAnimationIn: ce,
+  madeWithLoveTextAnimationIn: ie,
+  realityIsBrokenTextAnimationIn: pe,
+  dropTextAnimationIn: xe,
+  descompressTextAnimationIn: $e
 }, Qe = {
-  vogueTextAnimationLoop: be,
-  dragonFlyTextAnimationLoop: ve,
-  billboardTextAnimationLoop: ge,
-  heartbeatTextAnimationLoop: Me,
-  waveTextAnimationLoop: we,
-  shakyLettersTextAnimationLoop: Ie,
-  pulseTextAnimationLoop: ke
-}, Ke = ({
+  animatedTextOut: de,
+  sunnyMorningsTextAnimationOut: ue,
+  dominoDreamsTextAnimationOut: le,
+  beautifulQuestionsTextAnimationOut: he,
+  madeWithLoveTextAnimationOut: fe,
+  realityIsBrokenTextAnimationOut: ye,
+  greatThinkersTextAnimationOut: be,
+  descompressTextAnimationOut: Se,
+  dropTextAnimationOut: Me
+}, Ke = {
+  vogueTextAnimationLoop: ve,
+  dragonFlyTextAnimationLoop: ge,
+  billboardTextAnimationLoop: me,
+  heartbeatTextAnimationLoop: we,
+  waveTextAnimationLoop: Ie,
+  shakyLettersTextAnimationLoop: ke,
+  pulseTextAnimationLoop: Ne
+}, Je = ({
   text: t,
   fps: r,
   textAnimationNameIn: n,
@@ -4290,31 +4300,31 @@ const _e = ({ text: t, frame: r }) => {
   durationInFrames: $,
   animationFonts: k
 }) => {
-  var tt, ht, Yt, Xt, Et, zt, _t, Wt, Lt, Ht, Ut, Zt, Qt, tr;
-  const g = x, v = $ - m, w = n ? g >= y : !1, N = s ? y >= v : !1, R = o && o.length > 0, C = h && h.length > 0, E = d && d.length > 0, Y = u && u.length > 0, _ = ((tt = o == null ? void 0 : o[0]) == null ? void 0 : tt.durationInFrames) || x, F = ((ht = o == null ? void 0 : o[0]) == null ? void 0 : ht.delay) || 0, X = _ + F, P = ((Yt = h == null ? void 0 : h[0]) == null ? void 0 : Yt.durationInFrames) || m, z = ((Xt = h == null ? void 0 : h[0]) == null ? void 0 : Xt.delay) || 0, O = P + z, j = Math.max(0, $ - O), q = ((Et = u == null ? void 0 : u[0]) == null ? void 0 : Et.delay) || 0, U = q, T = q + (((zt = u == null ? void 0 : u[0]) == null ? void 0 : zt.durationInFrames) || S), A = R && !n && (E ? y < X : y < j), H = C && !s && y >= j, G = Y && !A && !H && y >= U && y <= T, bt = E && !c && !A && !H && !G, K = ((J, Q, B) => {
-    const pt = document.createElement("canvas").getContext("2d");
-    if (!pt) return [];
-    pt.font = `${B}px Arial`;
-    const V = [], Z = J.split(`
+  var j, Ft, Yt, Xt, Et, zt, _t, Wt, Lt, Ht, Ut, Zt, Qt, tr;
+  const g = x, v = $ - m, w = n ? g >= y : !1, N = s ? y >= v : !1, R = o && o.length > 0, C = h && h.length > 0, E = d && d.length > 0, Y = u && u.length > 0, _ = ((j = o == null ? void 0 : o[0]) == null ? void 0 : j.durationInFrames) || x, F = ((Ft = o == null ? void 0 : o[0]) == null ? void 0 : Ft.delay) || 0, X = _ + F, P = ((Yt = h == null ? void 0 : h[0]) == null ? void 0 : Yt.durationInFrames) || m, z = ((Xt = h == null ? void 0 : h[0]) == null ? void 0 : Xt.delay) || 0, O = P + z, A = Math.max(0, $ - O), J = ((Et = u == null ? void 0 : u[0]) == null ? void 0 : Et.delay) || 0, Z = J, D = J + (((zt = u == null ? void 0 : u[0]) == null ? void 0 : zt.durationInFrames) || S), L = R && !n && (E ? y < X : y < A), H = C && !s && y >= A, G = Y && !L && !H && y >= Z && y <= D, ft = E && !c && !L && !H && !G, q = ((T, K, B) => {
+    const ht = document.createElement("canvas").getContext("2d");
+    if (!ht) return [];
+    ht.font = `${B}px Arial`;
+    const V = [], Q = T.split(`
 `);
-    for (const at of Z) {
+    for (const at of Q) {
       if (at.trim() === "") {
         V.push("");
         continue;
       }
       const rr = at.split(" ");
-      let $t = "";
+      let xt = "";
       for (const Kt of rr) {
-        const ir = $t ? `${$t} ${Kt}` : Kt;
-        pt.measureText(ir).width > Q ? ($t && V.push($t), $t = Kt) : $t = ir;
+        const ir = xt ? `${xt} ${Kt}` : Kt;
+        ht.measureText(ir).width > K ? (xt && V.push(xt), xt = Kt) : xt = ir;
       }
-      $t && V.push($t);
+      xt && V.push(xt);
     }
     return V;
   })(t, b.width, b.fontSize);
   if (n === "typeWriterTextAnimationIn" && w)
     return /* @__PURE__ */ f(
-      Ne,
+      Re,
       {
         frame: y,
         durationInFrames: x,
@@ -4324,7 +4334,7 @@ const _e = ({ text: t, frame: r }) => {
     );
   if (n === "backgroundTextAnimationIn" && w)
     return /* @__PURE__ */ f(
-      Re,
+      Fe,
       {
         text: t,
         frame: y,
@@ -4334,7 +4344,7 @@ const _e = ({ text: t, frame: r }) => {
     );
   if (n === "soundWaveTextAnimationIn" && w)
     return /* @__PURE__ */ f(
-      Fe,
+      Ye,
       {
         text: t,
         frame: y,
@@ -4344,7 +4354,7 @@ const _e = ({ text: t, frame: r }) => {
     );
   if (n === "countDownTextAnimationIn" && w)
     return /* @__PURE__ */ f(
-      Ye,
+      Xe,
       {
         text: t,
         frame: y,
@@ -4354,7 +4364,7 @@ const _e = ({ text: t, frame: r }) => {
     );
   if (n === "partialSlideIn" && w)
     return /* @__PURE__ */ f(
-      Xe,
+      Be,
       {
         text: t,
         frame: y,
@@ -4365,10 +4375,10 @@ const _e = ({ text: t, frame: r }) => {
     );
   if (!w && !N) {
     if (c === "spinTextAnimationLoop")
-      return /* @__PURE__ */ f(Be, { text: t, frame: y, fps: r });
+      return /* @__PURE__ */ f(Pe, { text: t, frame: y, fps: r });
     if (c === "rotate3dTextAnimationLoop")
       return /* @__PURE__ */ f(
-        Pe,
+        Ee,
         {
           text: t,
           frame: y,
@@ -4377,7 +4387,7 @@ const _e = ({ text: t, frame: r }) => {
       );
     if (c === "textFontChangeAnimationLoop")
       return /* @__PURE__ */ f(
-        Ee,
+        _e,
         {
           text: t,
           frame: y,
@@ -4386,28 +4396,28 @@ const _e = ({ text: t, frame: r }) => {
         }
       );
     if (c === "shakeTextAnimationLoop")
-      return /* @__PURE__ */ f(_e, { text: t, frame: y });
+      return /* @__PURE__ */ f(We, { text: t, frame: y });
     if (c === "vintageTextAnimationLoop")
-      return /* @__PURE__ */ f(We, { text: t, frame: y, details: b, fps: r });
+      return /* @__PURE__ */ f(Ve, { text: t, frame: y, details: b, fps: r });
     if (c === "glitchTextAnimationLoop")
-      return /* @__PURE__ */ f(Ve, { text: t, frame: y });
+      return /* @__PURE__ */ f(Ce, { text: t, frame: y });
     if (c === "textGridMarqueeTextAnimationLoop" || c === "textGridMarquee") {
       const B = (l == null ? void 0 : l.find(
         (at) => at.property === "textGridMarqueeTextAnimationLoop" || at.property === "textGridMarquee" || at.id === "textGridMarquee"
       )) || (d == null ? void 0 : d.find(
         (at) => at.property === "textGridMarqueeTextAnimationLoop" || at.property === "textGridMarquee" || at.id === "textGridMarquee"
-      )), rt = (B == null ? void 0 : B.delay) || 0, pt = (B == null ? void 0 : B.durationInFrames) || (M > 0 ? M : $), V = rt + pt, Z = y >= rt && y <= V;
+      )), rt = (B == null ? void 0 : B.delay) || 0, ht = (B == null ? void 0 : B.durationInFrames) || (M > 0 ? M : $), V = rt + ht, Q = y >= rt && y <= V;
       if (console.log(
-        `[SpecialEffect Marquee] frame: ${y.toFixed(2)}, range: [${rt}, ${V}], active: ${Z}`
-      ), Z) {
+        `[SpecialEffect Marquee] frame: ${y.toFixed(2)}, range: [${rt}, ${V}], active: ${Q}`
+      ), Q) {
         const at = B == null ? void 0 : B.details;
         return /* @__PURE__ */ f(
-          Ce,
+          Oe,
           {
             text: t,
             frame: y,
             delay: rt,
-            durationInFrames: pt,
+            durationInFrames: ht,
             from: B == null ? void 0 : B.from,
             to: B == null ? void 0 : B.to,
             details: b,
@@ -4422,18 +4432,18 @@ const _e = ({ text: t, frame: r }) => {
         (at) => at.property === "inwardEchoes" || at.id === "inwardEchoes"
       )) || (d == null ? void 0 : d.find(
         (at) => at.property === "inwardEchoes" || at.id === "inwardEchoes"
-      )), rt = (B == null ? void 0 : B.delay) || 0, pt = (B == null ? void 0 : B.durationInFrames) || (M > 0 ? M : $), V = rt + pt, Z = y >= rt && y <= V;
+      )), rt = (B == null ? void 0 : B.delay) || 0, ht = (B == null ? void 0 : B.durationInFrames) || (M > 0 ? M : $), V = rt + ht, Q = y >= rt && y <= V;
       if (console.log(
-        `[SpecialEffect InwardEchoes] frame: ${y.toFixed(2)}, range: [${rt}, ${V}], active: ${Z}`
-      ), Z) {
+        `[SpecialEffect InwardEchoes] frame: ${y.toFixed(2)}, range: [${rt}, ${V}], active: ${Q}`
+      ), Q) {
         const at = B == null ? void 0 : B.details;
         return /* @__PURE__ */ f(
-          Oe,
+          ze,
           {
             text: t,
             frame: y,
             delay: rt,
-            durationInFrames: pt,
+            durationInFrames: ht,
             from: B == null ? void 0 : B.from,
             to: B == null ? void 0 : B.to,
             details: b,
@@ -4448,18 +4458,18 @@ const _e = ({ text: t, frame: r }) => {
         (at) => at.property === "wiggle" || at.id === "wiggle"
       )) || (d == null ? void 0 : d.find(
         (at) => at.property === "wiggle" || at.id === "wiggle"
-      )), rt = (B == null ? void 0 : B.delay) || 0, pt = (B == null ? void 0 : B.durationInFrames) || (M > 0 ? M : $), V = rt + pt, Z = y >= rt && y <= V;
+      )), rt = (B == null ? void 0 : B.delay) || 0, ht = (B == null ? void 0 : B.durationInFrames) || (M > 0 ? M : $), V = rt + ht, Q = y >= rt && y <= V;
       if (console.log(
-        `[SpecialEffect Wiggle] frame: ${y.toFixed(2)}, range: [${rt}, ${V}], active: ${Z}`
-      ), Z) {
+        `[SpecialEffect Wiggle] frame: ${y.toFixed(2)}, range: [${rt}, ${V}], active: ${Q}`
+      ), Q) {
         const at = B == null ? void 0 : B.details;
         return /* @__PURE__ */ f(
-          ze,
+          Ge,
           {
             text: t,
             frame: y,
             delay: rt,
-            durationInFrames: pt,
+            durationInFrames: ht,
             from: B == null ? void 0 : B.from,
             to: B == null ? void 0 : B.to,
             details: b,
@@ -4469,56 +4479,56 @@ const _e = ({ text: t, frame: r }) => {
         );
       }
     }
-    const J = (l == null ? void 0 : l.find(
+    const T = (l == null ? void 0 : l.find(
       (B) => B.property === "cardFlip" || B.id === "cardFlip"
     )) || (d == null ? void 0 : d.find(
       (B) => B.property === "cardFlip" || B.id === "cardFlip"
     ));
-    if (c === "cardFlip" || J) {
-      const B = (J == null ? void 0 : J.delay) || 0, rt = (J == null ? void 0 : J.durationInFrames) || (M > 0 ? M : $), pt = B + rt, V = y >= B && y <= pt;
+    if (c === "cardFlip" || T) {
+      const B = (T == null ? void 0 : T.delay) || 0, rt = (T == null ? void 0 : T.durationInFrames) || (M > 0 ? M : $), ht = B + rt, V = y >= B && y <= ht;
       if (console.log(
-        `[SpecialEffect CardFlip] frame: ${y.toFixed(2)}, range: [${B}, ${pt}], active: ${V}`
+        `[SpecialEffect CardFlip] frame: ${y.toFixed(2)}, range: [${B}, ${ht}], active: ${V}`
       ), V) {
-        const Z = J == null ? void 0 : J.details;
+        const Q = T == null ? void 0 : T.details;
         return /* @__PURE__ */ f(
-          Ge,
+          je,
           {
             text: t,
             frame: y,
             delay: B,
             durationInFrames: rt,
-            from: J == null ? void 0 : J.from,
-            to: J == null ? void 0 : J.to,
+            from: T == null ? void 0 : T.from,
+            to: T == null ? void 0 : T.to,
             details: b,
             fps: r,
-            cardFlipDetails: Z
+            cardFlipDetails: Q
           }
         );
       }
     }
-    const Q = (l == null ? void 0 : l.find(
+    const K = (l == null ? void 0 : l.find(
       (B) => B.property === "noiseTile" || B.id === "noiseTile"
     )) || (d == null ? void 0 : d.find(
       (B) => B.property === "noiseTile" || B.id === "noiseTile"
     ));
-    if (c === "noiseTile" || Q) {
-      const B = (Q == null ? void 0 : Q.delay) || 0, rt = (Q == null ? void 0 : Q.durationInFrames) || (M > 0 ? M : $), pt = B + rt, V = y >= B && y <= pt;
+    if (c === "noiseTile" || K) {
+      const B = (K == null ? void 0 : K.delay) || 0, rt = (K == null ? void 0 : K.durationInFrames) || (M > 0 ? M : $), ht = B + rt, V = y >= B && y <= ht;
       if (console.log(
-        `[SpecialEffect NoiseTile] frame: ${y.toFixed(2)}, range: [${B}, ${pt}], active: ${V}`
+        `[SpecialEffect NoiseTile] frame: ${y.toFixed(2)}, range: [${B}, ${ht}], active: ${V}`
       ), V) {
-        const Z = Q == null ? void 0 : Q.details;
+        const Q = K == null ? void 0 : K.details;
         return /* @__PURE__ */ f(
-          je,
+          Ae,
           {
             text: t,
             frame: y,
             delay: B,
             durationInFrames: rt,
-            from: Q == null ? void 0 : Q.from,
-            to: Q == null ? void 0 : Q.to,
+            from: K == null ? void 0 : K.from,
+            to: K == null ? void 0 : K.to,
             details: b,
             fps: r,
-            noiseTileDetails: Z
+            noiseTileDetails: Q
           }
         );
       }
@@ -4526,7 +4536,7 @@ const _e = ({ text: t, frame: r }) => {
   }
   if (s === "typeWriterTextAnimationOut" && N)
     return /* @__PURE__ */ f(
-      Ae,
+      Le,
       {
         frame: y,
         durationInFrames: $,
@@ -4537,7 +4547,7 @@ const _e = ({ text: t, frame: r }) => {
     );
   if (s === "partialSlideOut" && N)
     return /* @__PURE__ */ f(
-      Le,
+      He,
       {
         text: t,
         frame: y,
@@ -4549,7 +4559,7 @@ const _e = ({ text: t, frame: r }) => {
     );
   if (s === "backgroundTextAnimationOut" && N)
     return /* @__PURE__ */ f(
-      He,
+      Ue,
       {
         text: t,
         frame: y,
@@ -4559,20 +4569,20 @@ const _e = ({ text: t, frame: r }) => {
         fps: r
       }
     );
-  const ot = K.reduce(
-    (J, Q) => J + (Q === "" ? 1 : Q.length),
+  const ot = q.reduce(
+    (T, K) => T + (K === "" ? 1 : K.length),
     0
-  ), gt = K.reduce(
-    (J, Q) => J + (Q.trim() === "" ? 0 : Q.split(/\s+/).length),
+  ), vt = q.reduce(
+    (T, K) => T + (K.trim() === "" ? 0 : K.split(/\s+/).length),
     0
-  ), nt = K.length, ut = Ue[n], it = Ze[s], mt = Qe[c], ft = ((_t = o == null ? void 0 : o[0]) == null ? void 0 : _t.textAnimationMode) || ((Wt = h == null ? void 0 : h[0]) == null ? void 0 : Wt.textAnimationMode) || ((Lt = d == null ? void 0 : d[0]) == null ? void 0 : Lt.textAnimationMode) || ((Ht = u == null ? void 0 : u[0]) == null ? void 0 : Ht.textAnimationMode) || (n ? a : void 0) || (s ? i : void 0) || (c ? e : void 0) || a || e || "letter", D = w ? a : N ? i : A ? o[0].textAnimationMode || ft : H ? h[0].textAnimationMode || ft : G ? u[0].textAnimationMode || ft : bt && d[0].textAnimationMode || ft, st = A ? o : H ? h : G ? u : bt ? d : [], et = (J, Q, B, rt) => {
-    var pt, V, Z;
+  ), nt = q.length, ut = Ze[n], it = Qe[s], mt = Ke[c], pt = ((_t = o == null ? void 0 : o[0]) == null ? void 0 : _t.textAnimationMode) || ((Wt = h == null ? void 0 : h[0]) == null ? void 0 : Wt.textAnimationMode) || ((Lt = d == null ? void 0 : d[0]) == null ? void 0 : Lt.textAnimationMode) || ((Ht = u == null ? void 0 : u[0]) == null ? void 0 : Ht.textAnimationMode) || (n ? a : void 0) || (s ? i : void 0) || (c ? e : void 0) || a || e || "letter", tt = w ? a : N ? i : L ? o[0].textAnimationMode || pt : H ? h[0].textAnimationMode || pt : G ? u[0].textAnimationMode || pt : ft && d[0].textAnimationMode || pt, st = L ? o : H ? h : G ? u : ft ? d : [], et = (T, K, B, rt) => {
+    var ht, V, Q;
     if (w && ut)
       return /* @__PURE__ */ f(
         ut,
         {
-          char: J,
-          index: Q,
+          char: T,
+          index: K,
           frame: y,
           textLength: B,
           fps: r,
@@ -4585,8 +4595,8 @@ const _e = ({ text: t, frame: r }) => {
       return /* @__PURE__ */ f(
         it,
         {
-          char: J,
-          index: Q,
+          char: T,
+          index: K,
           frame: y,
           textLength: B,
           fps: r,
@@ -4600,8 +4610,8 @@ const _e = ({ text: t, frame: r }) => {
       return /* @__PURE__ */ f(
         mt,
         {
-          char: J,
-          index: Q,
+          char: T,
+          index: K,
           frame: y,
           textLength: B,
           fps: r,
@@ -4611,96 +4621,96 @@ const _e = ({ text: t, frame: r }) => {
         rt
       );
     if (st.length > 0) {
-      const at = A ? _ : H ? P : G ? ((pt = u == null ? void 0 : u[0]) == null ? void 0 : pt.durationInFrames) || S : ((V = d == null ? void 0 : d[0]) == null ? void 0 : V.durationInFrames) || M, rr = H ? y - j : G ? y - U : y, $t = st[0], Kt = A ? "in" : H ? "out" : G ? "timed" : "loop";
+      const at = L ? _ : H ? P : G ? ((ht = u == null ? void 0 : u[0]) == null ? void 0 : ht.durationInFrames) || S : ((V = d == null ? void 0 : d[0]) == null ? void 0 : V.durationInFrames) || M, rr = H ? y - A : G ? y - Z : y, xt = st[0], Kt = L ? "in" : H ? "out" : G ? "timed" : "loop";
       return /* @__PURE__ */ f(
-        ne,
+        oe,
         {
-          char: J,
-          index: Q,
+          char: T,
+          index: K,
           frame: rr,
           fps: r,
           textLength: B,
           animationTextFrames: at,
-          property: $t.property,
-          from: $t.from,
-          to: $t.to,
-          easing: $t.easing,
-          delay: H ? 0 : $t.delay,
+          property: xt.property,
+          from: xt.from,
+          to: xt.to,
+          easing: xt.easing,
+          delay: H ? 0 : xt.delay,
           details: b,
           phase: Kt,
-          fade: !!((Z = $t == null ? void 0 : $t.details) != null && Z.fade || $t != null && $t.fade)
+          fade: !!((Q = xt == null ? void 0 : xt.details) != null && Q.fade || xt != null && xt.fade)
         },
         rt
       );
     }
-    return /* @__PURE__ */ f("span", { children: J === "" ? " " : J }, rt);
+    return /* @__PURE__ */ f("span", { children: T === "" ? " " : T }, rt);
   };
   let dt = (b == null ? void 0 : b.textAlign) === "right";
-  const yt = o && o.length > 0 ? o[0] : h && h.length > 0 ? h[0] : u && u.length > 0 ? u[0] : d && d.length > 0 ? d[0] : null, vt = yt != null && yt.order ? yt : (Ut = o == null ? void 0 : o[0]) != null && Ut.order ? o[0] : (Zt = h == null ? void 0 : h[0]) != null && Zt.order ? h[0] : (Qt = u == null ? void 0 : u[0]) != null && Qt.order ? u[0] : (tr = d == null ? void 0 : d[0]) != null && tr.order ? d[0] : null;
-  if (vt != null && vt.order)
-    dt = vt.order === "backward";
+  const yt = o && o.length > 0 ? o[0] : h && h.length > 0 ? h[0] : u && u.length > 0 ? u[0] : d && d.length > 0 ? d[0] : null, bt = yt != null && yt.order ? yt : (Ut = o == null ? void 0 : o[0]) != null && Ut.order ? o[0] : (Zt = h == null ? void 0 : h[0]) != null && Zt.order ? h[0] : (Qt = u == null ? void 0 : u[0]) != null && Qt.order ? u[0] : (tr = d == null ? void 0 : d[0]) != null && tr.order ? d[0] : null;
+  if (bt != null && bt.order)
+    dt = bt.order === "backward";
   else if (yt && yt.property === "translateX") {
-    const J = Number(yt.from), Q = Number(yt.to);
-    !isNaN(J) && !isNaN(Q) && (dt = J < Q);
+    const T = Number(yt.from), K = Number(yt.to);
+    !isNaN(T) && !isNaN(K) && (dt = T < K);
   }
-  if (D === "all")
-    return /* @__PURE__ */ f(Nt, { children: K.map((J, Q) => /* @__PURE__ */ f("div", { children: (J === "" ? [" "] : J.split("")).map(
-      (B, rt) => et(B, 0, 1, `${Q}-${rt}`)
-    ) }, Q)) });
-  if (D === "word") {
-    let J = 0;
-    const Q = K.map((B, rt) => {
+  if (tt === "all")
+    return /* @__PURE__ */ f(kt, { children: q.map((T, K) => /* @__PURE__ */ f("div", { children: (T === "" ? [" "] : T.split("")).map(
+      (B, rt) => et(B, 0, 1, `${K}-${rt}`)
+    ) }, K)) });
+  if (tt === "word") {
+    let T = 0;
+    const K = q.map((B, rt) => {
       if (B.trim() === "")
         return {
           rowIndex: rt,
           tokens: []
         };
-      const V = B.split(/(\s+)/).map((Z) => /^\s+$/.test(Z) ? { token: Z, wordIndex: null } : { token: Z, wordIndex: J++ });
+      const V = B.split(/(\s+)/).map((Q) => /^\s+$/.test(Q) ? { token: Q, wordIndex: null } : { token: Q, wordIndex: T++ });
       return { rowIndex: rt, tokens: V };
     });
-    return /* @__PURE__ */ f(Nt, { children: Q.map(({ rowIndex: B, tokens: rt }) => rt.length === 0 ? /* @__PURE__ */ f("div", { children: " " }, B) : /* @__PURE__ */ f("div", { children: rt.map(({ token: pt, wordIndex: V }, Z) => {
+    return /* @__PURE__ */ f(kt, { children: K.map(({ rowIndex: B, tokens: rt }) => rt.length === 0 ? /* @__PURE__ */ f("div", { children: " " }, B) : /* @__PURE__ */ f("div", { children: rt.map(({ token: ht, wordIndex: V }, Q) => {
       if (V === null)
         return /* @__PURE__ */ f(
           "span",
           {
             style: { display: "inline-block" },
-            children: pt.replace(/ /g, " ")
+            children: ht.replace(/ /g, " ")
           },
-          `space-${B}-${Z}`
+          `space-${B}-${Q}`
         );
-      const at = dt ? gt - 1 - V : V;
+      const at = dt ? vt - 1 - V : V;
       return et(
-        pt,
+        ht,
         at,
-        gt,
-        `word-${B}-${Z}`
+        vt,
+        `word-${B}-${Q}`
       );
     }) }, B)) });
   }
-  if (D === "line")
-    return /* @__PURE__ */ f(Nt, { children: K.map((J, Q) => {
-      const B = dt ? nt - 1 - Q : Q;
+  if (tt === "line")
+    return /* @__PURE__ */ f(kt, { children: q.map((T, K) => {
+      const B = dt ? nt - 1 - K : K;
       return /* @__PURE__ */ f("div", { children: et(
-        J === "" ? " " : J,
+        T === "" ? " " : T,
         B,
         nt,
-        `line-${Q}`
-      ) }, Q);
+        `line-${K}`
+      ) }, K);
     }) });
-  let Mt = 0;
-  const lt = K.map((J) => (J === "" ? [" "] : J.split("")).map((rt) => ({
+  let St = 0;
+  const lt = q.map((T) => (T === "" ? [" "] : T.split("")).map((rt) => ({
     char: rt,
-    globalIndex: Mt++
+    globalIndex: St++
   })));
-  return /* @__PURE__ */ f(Nt, { children: lt.map((J, Q) => /* @__PURE__ */ f("div", { children: J.map(({ char: B, globalIndex: rt }) => {
-    const pt = dt ? ot - 1 - rt : rt;
+  return /* @__PURE__ */ f(kt, { children: lt.map((T, K) => /* @__PURE__ */ f("div", { children: T.map(({ char: B, globalIndex: rt }) => {
+    const ht = dt ? ot - 1 - rt : rt;
     return et(
       B,
-      pt,
+      ht,
       ot,
-      `${Q}-${rt}`
+      `${K}-${rt}`
     );
-  }) }, Q)) });
+  }) }, K)) });
 }, Zr = ({
   id: t,
   content: r,
@@ -4761,8 +4771,8 @@ const _e = ({ text: t, frame: r }) => {
         X.stopPropagation();
         const P = window.getSelection(), z = Y.current;
         if (P != null && P.rangeCount && z) {
-          const j = P.getRangeAt(0);
-          j.endOffset - j.startOffset === ((O = z.textContent) == null ? void 0 : O.length) && _();
+          const A = P.getRangeAt(0);
+          A.endOffset - A.startOffset === ((O = z.textContent) == null ? void 0 : O.length) && _();
         }
       },
       onInput: (X) => c(t, X.target.innerText),
@@ -4779,7 +4789,7 @@ const _e = ({ text: t, frame: r }) => {
       suppressContentEditableWarning: !0,
       className: "designcombo_textLayer",
       children: n ? r : /* @__PURE__ */ f(
-        Ke,
+        Je,
         {
           textAnimationNameIn: p,
           textAnimationNameOut: o,
@@ -4859,13 +4869,13 @@ function Xr(t, r, n) {
 function Ot(t) {
   return typeof t == "function";
 }
-function Nn(t) {
+function Rn(t) {
   var r = function(s) {
     Error.call(s), s.stack = new Error().stack;
   }, n = t(r);
   return n.prototype = Object.create(Error.prototype), n.prototype.constructor = n, n;
 }
-var Mr = Nn(function(t) {
+var Mr = Rn(function(t) {
   return function(r) {
     t(this), this.message = r ? r.length + ` errors occurred during unsubscription:
 ` + r.map(function(n, s) {
@@ -4968,16 +4978,16 @@ var mr = function() {
     var r = new t();
     return r.closed = !0, r;
   }(), t;
-}(), Rn = mr.EMPTY;
-function Fn(t) {
+}(), Fn = mr.EMPTY;
+function Yn(t) {
   return t instanceof mr || t && "closed" in t && Ot(t.remove) && Ot(t.add) && Ot(t.unsubscribe);
 }
 function Qr(t) {
   Ot(t) ? t() : t.unsubscribe();
 }
-var Je = {
+var qe = {
   Promise: void 0
-}, qe = {
+}, Te = {
   setTimeout: function(t, r) {
     for (var n = [], s = 2; s < arguments.length; s++)
       n[s - 2] = arguments[s];
@@ -4988,8 +4998,8 @@ var Je = {
   },
   delegate: void 0
 };
-function Te(t) {
-  qe.setTimeout(function() {
+function De(t) {
+  Te.setTimeout(function() {
     throw t;
   });
 }
@@ -5002,7 +5012,7 @@ var Or = function(t) {
   ar(r, t);
   function r(n) {
     var s = t.call(this) || this;
-    return s.isStopped = !1, n ? (s.destination = n, Fn(n) && n.add(s)) : s.destination = rs, s;
+    return s.isStopped = !1, n ? (s.destination = n, Yn(n) && n.add(s)) : s.destination = ns, s;
   }
   return r.create = function(n, s, c) {
     return new Pr(n, s, c);
@@ -5029,7 +5039,7 @@ var Or = function(t) {
       this.unsubscribe();
     }
   }, r;
-}(mr), De = function() {
+}(mr), ts = function() {
   function t(r) {
     this.partialObserver = r;
   }
@@ -5068,29 +5078,29 @@ var Or = function(t) {
       next: n ?? void 0,
       error: s ?? void 0,
       complete: c ?? void 0
-    } : i = n, a.destination = new De(i), a;
+    } : i = n, a.destination = new ts(i), a;
   }
   return r;
 }(Or);
 function lr(t) {
-  Te(t);
+  De(t);
 }
-function ts(t) {
+function rs(t) {
   throw t;
 }
-var rs = {
+var ns = {
   closed: !0,
   next: Kr,
-  error: ts,
+  error: rs,
   complete: Kr
-}, ns = function() {
+}, os = function() {
   return typeof Symbol == "function" && Symbol.observable || "@@observable";
 }();
-function os(t) {
+function es(t) {
   return t;
 }
-function es(t) {
-  return t.length === 0 ? os : t.length === 1 ? t[0] : function(r) {
+function ss(t) {
+  return t.length === 0 ? es : t.length === 1 ? t[0] : function(r) {
     return t.reduce(function(n, s) {
       return s(n);
     }, r);
@@ -5104,7 +5114,7 @@ var Jr = function() {
     var n = new t();
     return n.source = this, n.operator = r, n;
   }, t.prototype.subscribe = function(r, n, s) {
-    var c = this, a = as(r) ? r : new Pr(r, n, s);
+    var c = this, a = cs(r) ? r : new Pr(r, n, s);
     return hr(function() {
       var i = c, e = i.operator, p = i.source;
       a.add(e ? e.call(a, p) : p ? c._subscribe(a) : c._trySubscribe(a));
@@ -5134,12 +5144,12 @@ var Jr = function() {
   }, t.prototype._subscribe = function(r) {
     var n;
     return (n = this.source) === null || n === void 0 ? void 0 : n.subscribe(r);
-  }, t.prototype[ns] = function() {
+  }, t.prototype[os] = function() {
     return this;
   }, t.prototype.pipe = function() {
     for (var r = [], n = 0; n < arguments.length; n++)
       r[n] = arguments[n];
-    return es(r)(this);
+    return ss(r)(this);
   }, t.prototype.toPromise = function(r) {
     var n = this;
     return r = qr(r), new r(function(s, c) {
@@ -5158,13 +5168,13 @@ var Jr = function() {
 }();
 function qr(t) {
   var r;
-  return (r = t ?? Je.Promise) !== null && r !== void 0 ? r : Promise;
+  return (r = t ?? qe.Promise) !== null && r !== void 0 ? r : Promise;
 }
-function ss(t) {
+function as(t) {
   return t && Ot(t.next) && Ot(t.error) && Ot(t.complete);
 }
-function as(t) {
-  return t && t instanceof Or || ss(t) && Fn(t);
+function cs(t) {
+  return t && t instanceof Or || as(t) && Yn(t);
 }
 (function(t) {
   ar(r, t);
@@ -5202,11 +5212,11 @@ function as(t) {
     }
   }, r;
 })(Or);
-var cs = Nn(function(t) {
+var is = Rn(function(t) {
   return function() {
     t(this), this.name = "ObjectUnsubscribedError", this.message = "object unsubscribed";
   };
-}), Yn = function(t) {
+}), Xn = function(t) {
   ar(r, t);
   function r() {
     var n = t.call(this) || this;
@@ -5217,7 +5227,7 @@ var cs = Nn(function(t) {
     return s.operator = n, s;
   }, r.prototype._throwIfClosed = function() {
     if (this.closed)
-      throw new cs();
+      throw new is();
   }, r.prototype.next = function(n) {
     var s = this;
     hr(function() {
@@ -5273,7 +5283,7 @@ var cs = Nn(function(t) {
     return this._throwIfClosed(), this._checkFinalizedStatuses(n), this._innerSubscribe(n);
   }, r.prototype._innerSubscribe = function(n) {
     var s = this, c = this, a = c.hasError, i = c.isStopped, e = c.observers;
-    return a || i ? Rn : (this.currentObservers = null, e.push(n), new mr(function() {
+    return a || i ? Fn : (this.currentObservers = null, e.push(n), new mr(function() {
       s.currentObservers = null, Br(e, n);
     }));
   }, r.prototype._checkFinalizedStatuses = function(n) {
@@ -5302,24 +5312,24 @@ var cs = Nn(function(t) {
     (s = (n = this.destination) === null || n === void 0 ? void 0 : n.complete) === null || s === void 0 || s.call(n);
   }, r.prototype._subscribe = function(n) {
     var s, c;
-    return (c = (s = this.source) === null || s === void 0 ? void 0 : s.subscribe(n)) !== null && c !== void 0 ? c : Rn;
+    return (c = (s = this.source) === null || s === void 0 ? void 0 : s.subscribe(n)) !== null && c !== void 0 ? c : Fn;
   }, r;
-}(Yn);
+}(Xn);
 let wr = null;
-function is() {
+function ds() {
   if (!wr) {
-    const t = new Yn();
+    const t = new Xn();
     wr = { subject: t, dispatch: (r, n) => t.next({ key: r, value: n }) };
   }
   return wr;
 }
-const { subject: sa, dispatch: ds } = is();
-function Xn({
+const { subject: sa, dispatch: us } = ds();
+function Bn({
   item: t,
   options: r
 }) {
-  var et, ct, dt, yt, vt, Mt, lt, tt, ht, Yt, Xt, Et, zt, _t, Wt, Lt, Ht, Ut, Zt, Qt, tr, J, Q, B, rt, pt;
-  const { handleTextChange: n, onTextBlur: s, fps: c, editableTextId: a, frame: i } = r, { id: e, details: p, animations: o } = t, { durationInFrames: h } = kt(t.display, c), d = [
+  var et, ct, dt, yt, bt, St, lt, j, Ft, Yt, Xt, Et, zt, _t, Wt, Lt, Ht, Ut, Zt, Qt, tr, T, K, B, rt, ht;
+  const { handleTextChange: n, onTextBlur: s, fps: c, editableTextId: a, frame: i } = r, { id: e, details: p, animations: o } = t, { durationInFrames: h } = It(t.display, c), d = [
     "opacity",
     "scale",
     "translateX",
@@ -5347,13 +5357,13 @@ function Xn({
     "maskDownIn",
     "maskDownOut"
   ], u = (((et = o == null ? void 0 : o.in) == null ? void 0 : et.composition) || []).filter(
-    (V) => d.some((Z) => V.property === Z) && V.textAnimationMode && V.textAnimationMode !== "all"
+    (V) => d.some((Q) => V.property === Q) && V.textAnimationMode && V.textAnimationMode !== "all"
   ), l = (((ct = o == null ? void 0 : o.out) == null ? void 0 : ct.composition) || []).filter(
-    (V) => d.some((Z) => V.property === Z) && V.textAnimationMode && V.textAnimationMode !== "all"
+    (V) => d.some((Q) => V.property === Q) && V.textAnimationMode && V.textAnimationMode !== "all"
   ), b = (((dt = o == null ? void 0 : o.loop) == null ? void 0 : dt.composition) || []).filter(
-    (V) => d.some((Z) => V.property === Z) && V.textAnimationMode && V.textAnimationMode !== "all"
+    (V) => d.some((Q) => V.property === Q) && V.textAnimationMode && V.textAnimationMode !== "all"
   ), y = (((yt = o == null ? void 0 : o.timed) == null ? void 0 : yt.composition) || []).filter(
-    (V) => d.some((Z) => V.property === Z) && V.textAnimationMode && V.textAnimationMode !== "all"
+    (V) => d.some((Q) => V.property === Q) && V.textAnimationMode && V.textAnimationMode !== "all"
   ), x = new Set(u.map((V) => V.id)), m = new Set(l.map((V) => V.id)), M = new Set(
     b.map((V) => V.id)
   ), S = new Set(
@@ -5384,42 +5394,42 @@ function Xn({
         (V) => !S.has(V.id)
       )
     } : void 0
-  }, { animationIn: k, animationOut: g, animationTimed: v } = Ft(
+  }, { animationIn: k, animationOut: g, animationTimed: v } = Rt(
     $,
     t,
     i,
     c,
     r
-  ), w = (vt = o == null ? void 0 : o.in) == null ? void 0 : vt.composition.find(
-    (V) => !d.some((Z) => V.property === Z)
-  ), N = (Mt = o == null ? void 0 : o.out) == null ? void 0 : Mt.composition.find(
-    (V) => !d.some((Z) => V.property === Z)
+  ), w = (bt = o == null ? void 0 : o.in) == null ? void 0 : bt.composition.find(
+    (V) => !d.some((Q) => V.property === Q)
+  ), N = (St = o == null ? void 0 : o.out) == null ? void 0 : St.composition.find(
+    (V) => !d.some((Q) => V.property === Q)
   ), R = (lt = o == null ? void 0 : o.loop) == null ? void 0 : lt.composition.find(
-    (V) => !d.some((Z) => V.property === Z)
-  ), C = (w == null ? void 0 : w.property) || "", E = (N == null ? void 0 : N.property) || "", Y = (R == null ? void 0 : R.property) || "", _ = (w == null ? void 0 : w.textAnimationMode) || ((tt = u[0]) == null ? void 0 : tt.textAnimationMode) || (w ? "letter" : "all"), F = (N == null ? void 0 : N.textAnimationMode) || ((ht = l[0]) == null ? void 0 : ht.textAnimationMode) || (N ? "letter" : "all"), X = (R == null ? void 0 : R.textAnimationMode) || ((Yt = b[0]) == null ? void 0 : Yt.textAnimationMode) || (R ? "letter" : "all"), P = ((Xt = y[0]) == null ? void 0 : Xt.textAnimationMode) || "all", z = (w == null ? void 0 : w.durationInFrames) || ((zt = (Et = o == null ? void 0 : o.in) == null ? void 0 : Et.composition[0]) == null ? void 0 : zt.durationInFrames) || 0, O = (N == null ? void 0 : N.durationInFrames) || ((Wt = (_t = o == null ? void 0 : o.out) == null ? void 0 : _t.composition[0]) == null ? void 0 : Wt.durationInFrames) || 0, j = (R == null ? void 0 : R.durationInFrames) || ((Ht = (Lt = o == null ? void 0 : o.loop) == null ? void 0 : Lt.composition[0]) == null ? void 0 : Ht.durationInFrames) || 0, q = ((Ut = y[0]) == null ? void 0 : Ut.durationInFrames) || 0, U = [];
+    (V) => !d.some((Q) => V.property === Q)
+  ), C = (w == null ? void 0 : w.property) || "", E = (N == null ? void 0 : N.property) || "", Y = (R == null ? void 0 : R.property) || "", _ = (w == null ? void 0 : w.textAnimationMode) || ((j = u[0]) == null ? void 0 : j.textAnimationMode) || (w ? "letter" : "all"), F = (N == null ? void 0 : N.textAnimationMode) || ((Ft = l[0]) == null ? void 0 : Ft.textAnimationMode) || (N ? "letter" : "all"), X = (R == null ? void 0 : R.textAnimationMode) || ((Yt = b[0]) == null ? void 0 : Yt.textAnimationMode) || (R ? "letter" : "all"), P = ((Xt = y[0]) == null ? void 0 : Xt.textAnimationMode) || "all", z = (w == null ? void 0 : w.durationInFrames) || ((zt = (Et = o == null ? void 0 : o.in) == null ? void 0 : Et.composition[0]) == null ? void 0 : zt.durationInFrames) || 0, O = (N == null ? void 0 : N.durationInFrames) || ((Wt = (_t = o == null ? void 0 : o.out) == null ? void 0 : _t.composition[0]) == null ? void 0 : Wt.durationInFrames) || 0, A = (R == null ? void 0 : R.durationInFrames) || ((Ht = (Lt = o == null ? void 0 : o.loop) == null ? void 0 : Lt.composition[0]) == null ? void 0 : Ht.durationInFrames) || 0, J = ((Ut = y[0]) == null ? void 0 : Ut.durationInFrames) || 0, Z = [];
   o != null && o.loop && o.loop.composition.forEach((V) => {
-    var Z;
-    (Z = V.details) != null && Z.fonts && U.push(...V.details.fonts);
+    var Q;
+    (Q = V.details) != null && Q.fonts && Z.push(...V.details.fonts);
   }), o != null && o.in && o.in.composition.forEach((V) => {
-    var Z;
-    (Z = V.details) != null && Z.fonts && U.push(...V.details.fonts);
+    var Q;
+    (Q = V.details) != null && Q.fonts && Z.push(...V.details.fonts);
   }), o != null && o.out && o.out.composition.forEach((V) => {
-    var Z;
-    (Z = V.details) != null && Z.fonts && U.push(...V.details.fonts);
+    var Q;
+    (Q = V.details) != null && Q.fonts && Z.push(...V.details.fonts);
   });
-  let T = p.text;
+  let D = p.text;
   if ((Qt = (Zt = t.animations) == null ? void 0 : Zt.timed) != null && Qt.composition) {
     const V = (r.frame || 0) - t.display.from * c / 1e3;
     if (V >= 0) {
-      const Z = (tr = t.animations) == null ? void 0 : tr.timed.composition;
-      Z.forEach((at, rr) => {
-        const $t = Z.slice(0, rr).reduce((Kt, ir) => Kt + ir.durationInFrames, 0);
-        V >= $t && at.text && (T = at.text);
+      const Q = (tr = t.animations) == null ? void 0 : tr.timed.composition;
+      Q.forEach((at, rr) => {
+        const xt = Q.slice(0, rr).reduce((Kt, ir) => Kt + ir.durationInFrames, 0);
+        V >= xt && at.text && (D = at.text);
       });
     }
   }
-  const A = (i || 0) - t.display.from * c / 1e3, H = p || {}, { top: G, left: bt, transform: L, position: K, boxShadow: ot, ...gt } = H, nt = (V) => {
-    V.stopPropagation(), V.preventDefault(), ds(co, {
+  const L = (i || 0) - t.display.from * c / 1e3, H = p || {}, { top: G, left: ft, transform: U, position: q, boxShadow: ot, ...vt } = H, nt = (V) => {
+    V.stopPropagation(), V.preventDefault(), us(io, {
       payload: {
         id: e
       }
@@ -5427,14 +5437,14 @@ function Xn({
   }, ut = Cr(
     p.effects,
     t.animations,
-    A,
+    L,
     h
-  ), it = Vr(ut), mt = typeof p.width == "number" ? p.width : parseInt(String(p.width || 300), 10) || 300, ft = typeof p.height == "number" ? p.height : parseInt(String(p.height || 100), 10) || 100, D = {
+  ), it = Vr(ut), mt = typeof p.width == "number" ? p.width : parseInt(String(p.width || 300), 10) || 300, pt = typeof p.height == "number" ? p.height : parseInt(String(p.height || 100), 10) || 100, tt = {
     key: e,
     id: e,
     fps: c,
-    frame: A,
-    content: T,
+    frame: L,
+    content: D,
     editable: a === e,
     onChange: n,
     textAnimationNameIn: C,
@@ -5448,17 +5458,17 @@ function Xn({
     basicCharAnimationsOut: l,
     basicCharAnimationsLoop: b,
     basicCharAnimationsTimed: y,
-    loopComposition: (J = o == null ? void 0 : o.loop) == null ? void 0 : J.composition,
+    loopComposition: (T = o == null ? void 0 : o.loop) == null ? void 0 : T.composition,
     onBlur: s,
     onDoubleClick: nt,
     style: Dt(p),
     details: p,
     animationTextInFrames: z,
     animationTextOutFrames: O,
-    animationTextLoopFrames: j,
-    animationTextTimedFrames: q,
+    animationTextLoopFrames: A,
+    animationTextTimedFrames: J,
     durationInFrames: h,
-    animationFonts: U
+    animationFonts: Z
   }, st = /* @__PURE__ */ f(
     jt,
     {
@@ -5466,7 +5476,7 @@ function Xn({
       animationOut: a === e ? null : g,
       basicCharAnimationsIn: u,
       basicCharAnimationsOut: l,
-      frame: A,
+      frame: L,
       durationInFrames: h,
       style: {
         transform: p.transform,
@@ -5478,7 +5488,7 @@ function Xn({
         {
           animationTimed: a === e ? null : v,
           durationInFrames: h,
-          frame: A,
+          frame: L,
           style: {
             transform: p.transform,
             rotate: p == null ? void 0 : p.rotate,
@@ -5489,39 +5499,39 @@ function Xn({
             {
               item: t,
               keyframeAnimations: [
-                ...((Q = o == null ? void 0 : o.in) == null ? void 0 : Q.composition) || [],
+                ...((K = o == null ? void 0 : o.in) == null ? void 0 : K.composition) || [],
                 ...((B = o == null ? void 0 : o.out) == null ? void 0 : B.composition) || [],
                 ...((rt = o == null ? void 0 : o.timed) == null ? void 0 : rt.composition) || [],
-                ...((pt = o == null ? void 0 : o.loop) == null ? void 0 : pt.composition) || [],
+                ...((ht = o == null ? void 0 : o.loop) == null ? void 0 : ht.composition) || [],
                 ...k || [],
                 ...g || [],
                 ...v || []
               ],
-              frame: A,
+              frame: L,
               durationInFrames: h,
               children: it ? /* @__PURE__ */ f(
                 _r,
                 {
                   width: mt,
-                  height: ft,
+                  height: pt,
                   effects: it,
-                  children: /* @__PURE__ */ f(Zr, { ...D })
+                  children: /* @__PURE__ */ f(Zr, { ...tt })
                 }
-              ) : /* @__PURE__ */ f(Zr, { ...D })
+              ) : /* @__PURE__ */ f(Zr, { ...tt })
             }
           )
         }
       )
     }
   );
-  return St({ item: t, options: r, children: st });
+  return $t({ item: t, options: r, children: st });
 }
-const Bn = ({
+const Pn = ({
   item: t,
   options: r
 }) => {
-  var ut, it, mt, ft, D, st, et, ct, dt, yt, vt, Mt, lt, tt;
-  const { fps: n, frame: s, isTransition: c } = r, { details: a, animations: i } = t, e = t.playbackRate || 1, { animationIn: p, animationOut: o, animationTimed: h } = Ft(
+  var nt, ut, it, mt, pt, tt, st, et, ct, dt, yt, bt, St, lt;
+  const { fps: n, frame: s, isTransition: c } = r, { details: a, animations: i } = t, e = t.playbackRate || 1, { animationIn: p, animationOut: o, animationTimed: h } = Rt(
     i,
     t,
     s,
@@ -5540,30 +5550,30 @@ const Bn = ({
     ${m}px
     ${M}px
     ${y}px round ${$}px
-  )`, { durationInFrames: g } = kt(t.display, n), v = (s || 0) - t.display.from * n / 1e3, w = Pt(a, d, {}), { WebkitTextStroke: N } = w, R = ln(a, d), C = Cr(
+  )`, { durationInFrames: g } = It(t.display, n), v = (s || 0) - t.display.from * n / 1e3, w = Pt(a, d, {}), { WebkitTextStroke: N } = w, R = ln(a, d), C = Cr(
     a.effects,
     i,
     v,
     g
-  ), E = Vr(C), { filter: Y, overlays: _ } = mn(C), F = (it = (ut = i == null ? void 0 : i.loop) == null ? void 0 : ut.composition) == null ? void 0 : it.find(
-    (ht) => ht.property === "textGridMarqueeTextAnimationLoop" || ht.property === "textGridMarquee" || ht.property === "imageGridMarqueeTextAnimationLoop" || ht.property === "imageGridMarquee" || ht.id === "textGridMarquee" || ht.id === "imageGridMarquee"
-  ), X = !!(F && v >= (F.delay || 0) && v <= (F.delay || 0) + (F.durationInFrames || 60)), P = (ft = (mt = i == null ? void 0 : i.loop) == null ? void 0 : mt.composition) == null ? void 0 : ft.find(
-    (ht) => ht.property === "inwardEchoes" || ht.id === "inwardEchoes"
-  ), z = !!(P && v >= (P.delay || 0) && v <= (P.delay || 0) + (P.durationInFrames || 120)), O = (st = (D = i == null ? void 0 : i.loop) == null ? void 0 : D.composition) == null ? void 0 : st.find(
-    (ht) => ht.property === "wiggle" || ht.id === "wiggle"
-  ), j = !!(O && v >= (O.delay || 0) && v <= (O.delay || 0) + (O.durationInFrames || 120)), q = (ct = (et = i == null ? void 0 : i.loop) == null ? void 0 : et.composition) == null ? void 0 : ct.find(
-    (ht) => ht.property === "cardFlip" || ht.id === "cardFlip"
-  ), U = !!(q && v >= (q.delay || 0) && v <= (q.delay || 0) + (q.durationInFrames || 120)), T = [
-    ...((dt = i == null ? void 0 : i.in) == null ? void 0 : dt.composition) || [],
-    ...((yt = i == null ? void 0 : i.out) == null ? void 0 : yt.composition) || [],
-    ...((vt = i == null ? void 0 : i.timed) == null ? void 0 : vt.composition) || [],
-    ...((Mt = i == null ? void 0 : i.loop) == null ? void 0 : Mt.composition) || []
-  ], A = a.width || d.width || 300, H = a.height || d.height || 300, G = /* @__PURE__ */ f(
+  ), E = Vr(C), { filter: Y, overlays: _ } = xn(C), F = (ut = (nt = i == null ? void 0 : i.loop) == null ? void 0 : nt.composition) == null ? void 0 : ut.find(
+    (j) => j.property === "textGridMarqueeTextAnimationLoop" || j.property === "textGridMarquee" || j.property === "imageGridMarqueeTextAnimationLoop" || j.property === "imageGridMarquee" || j.id === "textGridMarquee" || j.id === "imageGridMarquee"
+  ), X = !!(F && v >= (F.delay || 0) && v <= (F.delay || 0) + (F.durationInFrames || 60)), P = (mt = (it = i == null ? void 0 : i.loop) == null ? void 0 : it.composition) == null ? void 0 : mt.find(
+    (j) => j.property === "inwardEchoes" || j.id === "inwardEchoes"
+  ), z = !!(P && v >= (P.delay || 0) && v <= (P.delay || 0) + (P.durationInFrames || 120)), O = (tt = (pt = i == null ? void 0 : i.loop) == null ? void 0 : pt.composition) == null ? void 0 : tt.find(
+    (j) => j.property === "wiggle" || j.id === "wiggle"
+  ), A = !!(O && v >= (O.delay || 0) && v <= (O.delay || 0) + (O.durationInFrames || 120)), J = (et = (st = i == null ? void 0 : i.loop) == null ? void 0 : st.composition) == null ? void 0 : et.find(
+    (j) => j.property === "cardFlip" || j.id === "cardFlip"
+  ), Z = !!(J && v >= (J.delay || 0) && v <= (J.delay || 0) + (J.durationInFrames || 120)), D = [
+    ...((ct = i == null ? void 0 : i.in) == null ? void 0 : ct.composition) || [],
+    ...((dt = i == null ? void 0 : i.out) == null ? void 0 : dt.composition) || [],
+    ...((yt = i == null ? void 0 : i.timed) == null ? void 0 : yt.composition) || [],
+    ...((bt = i == null ? void 0 : i.loop) == null ? void 0 : bt.composition) || []
+  ], L = a.width || d.width || 300, H = a.height || d.height || 300, G = /* @__PURE__ */ f(
     sr,
     {
       "data-id": t.id,
-      startFrom: ((lt = t.trim) == null ? void 0 : lt.from) / 1e3 * n,
-      endAt: (((tt = t.trim) == null ? void 0 : tt.to) / 1e3 * n || 1 / n) / e,
+      startFrom: ((St = t.trim) == null ? void 0 : St.from) / 1e3 * n,
+      endAt: (((lt = t.trim) == null ? void 0 : lt.to) / 1e3 * n || 1 / n) / e,
       playbackRate: e,
       src: a.src,
       volume: (a.volume || 0) / 100,
@@ -5573,11 +5583,11 @@ const Bn = ({
         width: "100%",
         height: "100%",
         filter: Y || void 0,
-        clipPath: k
+        clipPath: u > 0 || d.x || d.y ? k : void 0
       }
     }
-  ), bt = () => X ? /* @__PURE__ */ f(
-    yn,
+  ), ft = () => X ? /* @__PURE__ */ f(
+    bn,
     {
       src: a.src,
       isVideo: !0,
@@ -5596,7 +5606,7 @@ const Bn = ({
       marqueeDetails: F == null ? void 0 : F.details
     }
   ) : z ? /* @__PURE__ */ f(
-    bn,
+    vn,
     {
       src: a.src,
       isVideo: !0,
@@ -5614,8 +5624,8 @@ const Bn = ({
       fps: n,
       echoesDetails: P == null ? void 0 : P.details
     }
-  ) : j ? /* @__PURE__ */ f(
-    vn,
+  ) : A ? /* @__PURE__ */ f(
+    gn,
     {
       src: a.src,
       isVideo: !0,
@@ -5633,30 +5643,30 @@ const Bn = ({
       fps: n,
       wiggleDetails: O == null ? void 0 : O.details
     }
-  ) : U ? /* @__PURE__ */ f(
+  ) : Z ? /* @__PURE__ */ f(
     Wr,
     {
       frame: v,
-      delay: q == null ? void 0 : q.delay,
-      durationInFrames: q == null ? void 0 : q.durationInFrames,
-      from: q == null ? void 0 : q.from,
-      to: q == null ? void 0 : q.to,
-      width: A,
+      delay: J == null ? void 0 : J.delay,
+      durationInFrames: J == null ? void 0 : J.durationInFrames,
+      from: J == null ? void 0 : J.from,
+      to: J == null ? void 0 : J.to,
+      width: L,
       height: H,
       borderRadius: R.borderRadius,
       boxShadow: a.boxShadow,
-      cardFlipDetails: q == null ? void 0 : q.details,
+      cardFlipDetails: J == null ? void 0 : J.details,
       children: G
     }
-  ) : G, L = X || z || j || U, {
-    borderWidth: K,
-    borderColor: ot,
-    ...gt
-  } = a, nt = /* @__PURE__ */ f(
+  ) : G, {
+    borderWidth: U,
+    borderColor: q,
+    ...ot
+  } = a, vt = /* @__PURE__ */ f(
     jt,
     {
       style: {
-        ...gt,
+        ...ot,
         ...w,
         boxShadow: void 0,
         WebkitTextStroke: N
@@ -5681,10 +5691,10 @@ const Bn = ({
             Tt,
             {
               item: t,
-              keyframeAnimations: T,
+              keyframeAnimations: D,
               frame: v,
               durationInFrames: g,
-              children: /* @__PURE__ */ xt(
+              children: /* @__PURE__ */ gt(
                 "div",
                 {
                   style: {
@@ -5693,7 +5703,7 @@ const Bn = ({
                     height: "100%"
                   },
                   children: [
-                    !X && !z && !j && !U && a.boxShadow && /* @__PURE__ */ f(
+                    !X && !z && !A && !Z && a.boxShadow && /* @__PURE__ */ f(
                       "div",
                       {
                         style: {
@@ -5708,7 +5718,7 @@ const Bn = ({
                         }
                       }
                     ),
-                    /* @__PURE__ */ f(
+                    /* @__PURE__ */ gt(
                       "div",
                       {
                         id: `${t.id}-reveal-mask`,
@@ -5723,29 +5733,39 @@ const Bn = ({
                           overflow: "hidden",
                           borderRadius: R.borderRadius
                         },
-                        children: /* @__PURE__ */ xt(
-                          "div",
-                          {
-                            style: {
-                              ...R,
-                              overflow: "visible",
-                              boxShadow: X ? "none" : R.boxShadow,
-                              background: L ? "transparent" : a.borderColor
-                            },
-                            children: [
-                              E ? /* @__PURE__ */ f(
-                                _r,
-                                {
-                                  width: A,
-                                  height: H,
-                                  effects: E,
-                                  children: bt()
-                                }
-                              ) : bt(),
-                              _.map((ht) => /* @__PURE__ */ f("div", { style: ht.style }, ht.id))
-                            ]
-                          }
-                        )
+                        children: [
+                          /* @__PURE__ */ gt(
+                            "div",
+                            {
+                              style: {
+                                ...R,
+                                overflow: "visible",
+                                boxShadow: X ? "none" : R.boxShadow
+                              },
+                              children: [
+                                E ? /* @__PURE__ */ f(
+                                  _r,
+                                  {
+                                    width: L,
+                                    height: H,
+                                    effects: E,
+                                    children: ft()
+                                  }
+                                ) : ft(),
+                                _.map((j) => /* @__PURE__ */ f("div", { style: j.style }, j.id))
+                              ]
+                            }
+                          ),
+                          !X && !z && !A && !Z && !!a.borderWidth && /* @__PURE__ */ f(
+                            "div",
+                            {
+                              style: {
+                                ...hn(a, d),
+                                backgroundColor: "transparent"
+                              }
+                            }
+                          )
+                        ]
                       }
                     )
                   ]
@@ -5757,13 +5777,13 @@ const Bn = ({
       )
     }
   );
-  return St({ item: t, options: r, children: nt });
+  return $t({ item: t, options: r, children: vt });
 };
-function Pn({
+function En({
   item: t,
   options: r
 }) {
-  const { fps: n, frame: s } = r, { details: c } = t, a = t.playbackRate || 1, { from: i, durationInFrames: e } = kt(
+  const { fps: n, frame: s } = r, { details: c } = t, a = t.playbackRate || 1, { from: i, durationInFrames: e } = It(
     {
       from: t.display.from / a,
       to: t.display.to / a
@@ -5778,7 +5798,7 @@ function Pn({
     const h = Math.max((s || 0) - i, 0);
     p = Math.min(h / e * 100, 100);
   }
-  const o = /* @__PURE__ */ xt(Nt, { children: [
+  const o = /* @__PURE__ */ gt(kt, { children: [
     /* @__PURE__ */ f(
       "div",
       {
@@ -5804,17 +5824,17 @@ function Pn({
       }
     )
   ] });
-  return St({ item: t, options: r, children: o });
+  return $t({ item: t, options: r, children: o });
 }
-const us = (t) => {
+const ls = (t) => {
   let r = 0;
   for (let n = 0; n < t.length; n++)
     r += t[n] * t[n];
   return r = r / t.length, r = Math.sqrt(r), r;
-}, ls = (t) => 20 * Math.log10(t), hs = (t, r, n) => (t - r) / (n - r), ps = (t, r, n) => Math.max(Math.min(t, n), r), fs = -100, ys = -30, zr = (t, r = {}) => {
-  const { minDb: n = fs, maxDb: s = ys } = r, c = ls(t);
-  return ps(hs(c, n, s), 0, 1);
-}, En = ({
+}, hs = (t) => 20 * Math.log10(t), ps = (t, r, n) => (t - r) / (n - r), fs = (t, r, n) => Math.max(Math.min(t, n), r), ys = -100, bs = -30, zr = (t, r = {}) => {
+  const { minDb: n = ys, maxDb: s = bs } = r, c = hs(t);
+  return fs(ps(c, n, s), 0, 1);
+}, _n = ({
   totalWidth: t,
   itemWidth: r,
   frequencyData: n,
@@ -5829,7 +5849,7 @@ const us = (t) => {
     );
     return Math.log(1 + d);
   });
-}, bs = ({
+}, vs = ({
   values: t,
   width: r = 400,
   height: n = 100,
@@ -5856,7 +5876,7 @@ const us = (t) => {
       u
     );
   }) }) });
-}, vs = ({
+}, gs = ({
   width: t,
   height: r,
   frequencyData: n,
@@ -5868,7 +5888,7 @@ const us = (t) => {
   maxDb: p,
   minDb: o
 }) => {
-  const h = Er(null), d = Rt(), [u, l] = fr({ width: 400, height: 100 });
+  const h = Er(null), d = Nt(), [u, l] = fr({ width: 400, height: 100 });
   er(() => {
     l((m) => {
       var M, S;
@@ -5878,7 +5898,7 @@ const us = (t) => {
       };
     });
   }, [d, l]);
-  const { width: b, height: y } = u, x = En({
+  const { width: b, height: y } = u, x = _n({
     totalWidth: b,
     itemWidth: s + c,
     frequencyData: n,
@@ -5886,7 +5906,7 @@ const us = (t) => {
     minDb: o
   });
   return /* @__PURE__ */ f("div", { ref: h, style: { width: t, height: r }, children: /* @__PURE__ */ f(
-    bs,
+    vs,
     {
       width: b,
       height: y,
@@ -5899,7 +5919,7 @@ const us = (t) => {
     }
   ) });
 };
-class gs {
+class ms {
   constructor() {
     Bt(this, "fps", 30);
     Bt(this, "numberOfSamples", 512);
@@ -5917,7 +5937,7 @@ class gs {
   }
   async loadAudioData(r, n) {
     try {
-      const s = await io(r);
+      const s = await uo(r);
       this.audioDatas[n] = {
         data: s,
         lastAccessed: Date.now()
@@ -5948,7 +5968,7 @@ class gs {
   validateUpdateItems(r) {
     r.forEach((n) => {
       this.items.forEach((s) => {
-        !lo(s, n) && s.id === n.id && this.updateItem(n);
+        !ho(s, n) && s.id === n.id && this.updateItem(n);
       });
     });
   }
@@ -5970,7 +5990,7 @@ class gs {
       const p = r - this.items[i].display.from * this.fps / 1e3 + (((h = this.items[i].trim) == null ? void 0 : h.from) || 0) * this.fps / 1e3;
       if (this.items[i].display.from * this.fps / 1e3 > r || this.items[i].display.to * this.fps / 1e3 < r)
         return Array(this.numberOfSamples).fill(0);
-      const o = uo({
+      const o = lo({
         audioData: e.data,
         frame: p,
         fps: this.fps,
@@ -5988,15 +6008,15 @@ class gs {
     return c;
   }
 }
-const Gt = new gs(), ms = ({
+const Gt = new ms(), xs = ({
   item: t,
   options: r
 }) => {
   const { frame: n, fps: s } = r, { details: c } = t;
   Gt.setAudioDataManager(s);
   const e = Gt.getAudioDataForFrame(n || 0).slice(0, 0.7 * 512), o = ["middle", "over", "under"].includes(c.placement);
-  return /* @__PURE__ */ f(Nt, { children: /* @__PURE__ */ f(
-    vs,
+  return /* @__PURE__ */ f(kt, { children: /* @__PURE__ */ f(
+    gs,
     {
       frequencyData: e,
       width: c.width,
@@ -6009,17 +6029,17 @@ const Gt = new gs(), ms = ({
     }
   ) });
 };
-function _n({
+function Wn({
   item: t,
   options: r
 }) {
-  return St({ item: t, options: r, children: /* @__PURE__ */ f(Nt, { children: /* @__PURE__ */ f(ms, { item: t, options: r }) }) });
+  return $t({ item: t, options: r, children: /* @__PURE__ */ f(kt, { children: /* @__PURE__ */ f(xs, { item: t, options: r }) }) });
 }
-function Wn({
+function Vn({
   item: t,
   options: r
 }) {
-  const { fps: n, frame: s } = r, { details: c } = t, a = t.playbackRate || 1, { from: i, durationInFrames: e } = kt(
+  const { fps: n, frame: s } = r, { details: c } = t, a = t.playbackRate || 1, { from: i, durationInFrames: e } = It(
     {
       from: t.display.from / a,
       to: t.display.to / a
@@ -6034,7 +6054,7 @@ function Wn({
     const b = Math.max((s || 0) - i, 0);
     p = Math.min(b / e * 100, 100);
   }
-  const o = c.width || 100, h = c.height || 100, u = Math.min(o, h) * c.barThickness / 100, l = /* @__PURE__ */ f(Nt, { children: /* @__PURE__ */ f(
+  const o = c.width || 100, h = c.height || 100, u = Math.min(o, h) * c.barThickness / 100, l = /* @__PURE__ */ f(kt, { children: /* @__PURE__ */ f(
     "div",
     {
       style: {
@@ -6044,7 +6064,7 @@ function Wn({
         backgroundColor: "transparent",
         scale: `${c.flipX ? -1 : 1} ${c.flipY ? -1 : 1}`
       },
-      children: /* @__PURE__ */ xt(
+      children: /* @__PURE__ */ gt(
         "div",
         {
           style: {
@@ -6082,9 +6102,9 @@ function Wn({
       )
     }
   ) });
-  return St({ item: t, options: r, children: l });
+  return $t({ item: t, options: r, children: l });
 }
-const xs = ({
+const $s = ({
   values: t,
   radius: r,
   lineThickness: n,
@@ -6121,7 +6141,7 @@ const xs = ({
       })
     }
   ) });
-}, $s = ({
+}, Ss = ({
   frequencyData: t,
   maxDb: r,
   minDb: n,
@@ -6134,7 +6154,7 @@ const xs = ({
   innerRadius: o = 0,
   gapSize: h = 4
 }) => {
-  const d = 0.5 * s, u = En({
+  const d = 0.5 * s, u = _n({
     totalWidth: 2 * Math.PI * o,
     itemWidth: c + h,
     frequencyData: t,
@@ -6142,7 +6162,7 @@ const xs = ({
     minDb: n
   }), l = u.slice(Math.floor(0.5 * u.length)), b = [...l, ...l.slice().reverse()];
   return /* @__PURE__ */ f(
-    xs,
+    $s,
     {
       values: b,
       radius: d,
@@ -6154,16 +6174,16 @@ const xs = ({
       innerRadius: o
     }
   );
-}, Ss = ({
+}, Ms = ({
   item: t,
   options: r
 }) => {
   const { fps: n, frame: s } = r, { details: c } = t, a = t.playbackRate || 1;
   Gt.setAudioDataManager(n);
   const p = Gt.getAudioDataForFrame(s || 0).slice(0, 0.7 * 512);
-  return /* @__PURE__ */ xt(Nt, { children: [
+  return /* @__PURE__ */ gt(kt, { children: [
     /* @__PURE__ */ f(
-      $s,
+      Ss,
       {
         frequencyData: p,
         diameter: c.width,
@@ -6174,13 +6194,13 @@ const xs = ({
     c.reproduceAudio && c.srcs.map((o, h) => /* @__PURE__ */ f(an, { playbackRate: a, src: o }, h))
   ] });
 };
-function Vn({
+function Cn({
   item: t,
   options: r
 }) {
-  return St({ item: t, options: r, children: /* @__PURE__ */ f(Nt, { children: /* @__PURE__ */ f(Ss, { item: t, options: r }) }) });
+  return $t({ item: t, options: r, children: /* @__PURE__ */ f(kt, { children: /* @__PURE__ */ f(Ms, { item: t, options: r }) }) });
 }
-const Ms = ({
+const ws = ({
   numberOfPoints: t,
   amplitude: r,
   offsetPixels: n,
@@ -6194,7 +6214,7 @@ const Ms = ({
     let d = Math.sin(Math.abs(o) * Math.PI);
     return d = I.cubic(d), d = d * r, d = d * Math.sin((0.5 + e) * Math.PI), { x: h, y: d };
   }).sort((i, e) => i.x > e.x ? 1 : -1);
-}, ws = ({
+}, Is = ({
   sections: t = 12,
   offsetPixels: r,
   amplitude: n,
@@ -6209,7 +6229,7 @@ const Ms = ({
 }) => {
   const d = s, u = c, l = t, b = r % (2 * s / t), y = Array.from({ length: a }).map(($, k) => {
     const g = k * i;
-    return Ms({
+    return ws({
       width: d,
       numberOfPoints: l,
       offsetPixels: g + b,
@@ -6235,7 +6255,7 @@ const Ms = ({
       `line-${k}`
     );
   }) }) });
-}, Is = ({
+}, ks = ({
   frequencyData: t,
   width: r,
   height: n,
@@ -6244,11 +6264,11 @@ const Ms = ({
   minDb: a,
   ...i
 }) => {
-  const e = Rt(), { fps: p } = cn();
+  const e = Nt(), { fps: p } = cn();
   if (!t) return null;
-  const o = t.slice(0.25 * t.length).map((u) => zr(u, { maxDb: c, minDb: a })), h = n * us(o), d = e / p;
+  const o = t.slice(0.25 * t.length).map((u) => zr(u, { maxDb: c, minDb: a })), h = n * ls(o), d = e / p;
   return /* @__PURE__ */ f("div", { style: { width: r, height: n }, children: /* @__PURE__ */ f(
-    ws,
+    Is,
     {
       width: r,
       height: n,
@@ -6257,15 +6277,15 @@ const Ms = ({
       ...i
     }
   ) });
-}, ks = ({
+}, Ns = ({
   item: t,
   options: r
 }) => {
   const { frame: n, fps: s } = r, { details: c } = t;
   Gt.setAudioDataManager(s);
   const e = Gt.getAudioDataForFrame(n || 0).slice(0, 0.7 * 512);
-  return /* @__PURE__ */ f(Nt, { children: /* @__PURE__ */ f(
-    Is,
+  return /* @__PURE__ */ f(kt, { children: /* @__PURE__ */ f(
+    ks,
     {
       frequencyData: e,
       width: c.width,
@@ -6280,17 +6300,17 @@ const Ms = ({
     }
   ) });
 };
-function Cn({
+function On({
   item: t,
   options: r
 }) {
-  return St({ item: t, options: r, children: /* @__PURE__ */ f(Nt, { children: /* @__PURE__ */ f(ks, { item: t, options: r }) }) });
+  return $t({ item: t, options: r, children: /* @__PURE__ */ f(kt, { children: /* @__PURE__ */ f(Ns, { item: t, options: r }) }) });
 }
-const Ns = (t, r) => {
+const Rs = (t, r) => {
   if (!r || r === t.length) return [...t];
   const n = r % t.length;
   return [...t.slice(n), ...t.slice(0, n)];
-}, Rs = ({
+}, Fs = ({
   numberOfBumps: t = 8,
   frequencyData: r,
   maxDb: n = -30,
@@ -6301,7 +6321,7 @@ const Ns = (t, r) => {
     e[d * p % e.length],
     { maxDb: n, minDb: s }
   ));
-}, Fs = ({
+}, Ys = ({
   values: t,
   width: r = 400,
   height: n = 100,
@@ -6326,9 +6346,9 @@ const Ns = (t, r) => {
     scaling: 0.5
   }, b = 0.15 * o, y = (o - 2 * b) / (t.length - 1), x = Array.from({ length: e }).map((m, M) => {
     const S = 3 * M;
-    return Ns(t, S).map((k, g) => ({
+    return Rs(t, S).map((k, g) => ({
       x: b + g * y,
-      y: d * h * k * (1.2 - 0.5 * ro(M * t.length + g))
+      y: d * h * k * (1.2 - 0.5 * no(M * t.length + g))
     }));
   });
   return /* @__PURE__ */ f("div", { style: { width: r, height: n }, children: /* @__PURE__ */ f("svg", { width: o, height: h, viewBox: `0 ${u} ${o} ${h}`, children: x.map((m, M) => {
@@ -6340,7 +6360,7 @@ const Ns = (t, r) => {
         mixBlendMode: p
       }
     };
-    return /* @__PURE__ */ xt(Vt.Fragment, { children: [
+    return /* @__PURE__ */ gt(Vt.Fragment, { children: [
       i !== "over" && /* @__PURE__ */ f(
         "path",
         {
@@ -6363,7 +6383,7 @@ const Ns = (t, r) => {
       )
     ] }, M);
   }) }) });
-}, Ys = ({
+}, Xs = ({
   width: t,
   height: r,
   frequencyData: n,
@@ -6375,7 +6395,7 @@ const Ns = (t, r) => {
   maxDb: p,
   minDb: o
 }) => {
-  const h = Er(null), d = Rt(), [u, l] = fr({ width: 400, height: 100 });
+  const h = Er(null), d = Nt(), [u, l] = fr({ width: 400, height: 100 });
   er(() => {
     l((m) => {
       var M, S;
@@ -6387,9 +6407,9 @@ const Ns = (t, r) => {
   }, [d, l]);
   const { width: b, height: y } = u;
   if (!n) return null;
-  const x = Rs({ frequencyData: n, minDb: o, maxDb: p });
+  const x = Fs({ frequencyData: n, minDb: o, maxDb: p });
   return /* @__PURE__ */ f("div", { ref: h, style: { width: t, height: r }, children: /* @__PURE__ */ f(
-    Fs,
+    Ys,
     {
       values: x,
       width: b,
@@ -6401,7 +6421,7 @@ const Ns = (t, r) => {
       blendMode: i
     }
   ) });
-}, Xs = ({
+}, Bs = ({
   item: t,
   options: r
 }) => {
@@ -6425,8 +6445,8 @@ const Ns = (t, r) => {
     "color",
     "luminosity"
   ].includes(o);
-  return /* @__PURE__ */ f(Nt, { children: /* @__PURE__ */ f(
-    Ys,
+  return /* @__PURE__ */ f(kt, { children: /* @__PURE__ */ f(
+    Xs,
     {
       frequencyData: e,
       width: c.width,
@@ -6439,24 +6459,24 @@ const Ns = (t, r) => {
     }
   ) });
 };
-function On({
+function zn({
   item: t,
   options: r
 }) {
-  return St({ item: t, options: r, children: /* @__PURE__ */ f(Nt, { children: /* @__PURE__ */ f(Xs, { item: t, options: r }) }) });
+  return $t({ item: t, options: r, children: /* @__PURE__ */ f(kt, { children: /* @__PURE__ */ f(Bs, { item: t, options: r }) }) });
 }
-const zn = ({
+const Gn = ({
   item: t,
   options: r
 }) => {
   var u, l, b, y;
-  const { fps: n, frame: s } = r, { details: c, animations: a } = t, { animationIn: i, animationOut: e, animationTimed: p } = Ft(
+  const { fps: n, frame: s } = r, { details: c, animations: a } = t, { animationIn: i, animationOut: e, animationTimed: p } = Rt(
     a,
     t,
     s,
     n,
     r
-  ), { durationInFrames: o } = kt(t.display, n), h = (s || 0) - t.display.from * n / 1e3, d = /* @__PURE__ */ f(
+  ), { durationInFrames: o } = It(t.display, n), h = (s || 0) - t.display.from * n / 1e3, d = /* @__PURE__ */ f(
     jt,
     {
       style: Pt(c),
@@ -6486,15 +6506,15 @@ const zn = ({
               ],
               frame: h,
               durationInFrames: o,
-              children: /* @__PURE__ */ f("div", { style: go(c) })
+              children: /* @__PURE__ */ f("div", { style: mo(c) })
             }
           )
         }
       )
     }
   );
-  return St({ item: t, options: r, children: d });
-}, Bs = () => ({
+  return $t({ item: t, options: r, children: d });
+}, Ps = () => ({
   scale: (t) => ({ transform: `scale(${t})` }),
   opacity: (t) => ({ opacity: t }),
   translateX: (t) => ({ transform: `translateX(${t}%)` }),
@@ -6525,7 +6545,7 @@ const zn = ({
   for (let c = 0; c < 6; c += 1)
     n.push(c * s + r);
   return n;
-}, Ps = (t, r, n, s = !1) => {
+}, Es = (t, r, n, s = !1) => {
   const { from: c, to: a, ease: i } = r, e = r.durationInFrames || 30, p = Number(c), o = Number(a), h = Math.max(1, Number(e));
   if (isNaN(p) || isNaN(o))
     return p;
@@ -6554,7 +6574,7 @@ const zn = ({
     extrapolateRight: "clamp",
     easing: i
   });
-}, Gn = (t) => {
+}, jn = (t) => {
   if (t == null) return 0;
   if (typeof t == "number")
     return Number.isNaN(t) ? 0 : t;
@@ -6567,7 +6587,7 @@ const zn = ({
       const c = parseFloat(String(t.rotation));
       if (!Number.isNaN(c)) return c;
     }
-    return t.transform ? Gn(t.transform) : 0;
+    return t.transform ? jn(t.transform) : 0;
   }
   const r = String(t), n = /rotate\((-?[\d.]+)deg\)/.exec(r);
   if (n)
@@ -6591,7 +6611,7 @@ const zn = ({
     let M = c;
     if (M == null || Number.isNaN(M)) {
       const F = t.details;
-      M = Gn((F == null ? void 0 : F.rotate) ?? (F == null ? void 0 : F.rotation) ?? (F == null ? void 0 : F.transform));
+      M = jn((F == null ? void 0 : F.rotate) ?? (F == null ? void 0 : F.rotation) ?? (F == null ? void 0 : F.transform));
     }
     const S = t.delay || 0, $ = t.durationInFrames || 30, k = s ? [n - $ - S, n - S] : [S, S + $], g = W(r, k, [l, b], {
       extrapolateLeft: "clamp",
@@ -6606,7 +6626,7 @@ const zn = ({
       transform: `translateX(${Y}px) translateY(${_}px)`
     };
   }
-  const i = Ps(r, t, n, s), e = Bs();
+  const i = Es(r, t, n, s), e = Ps();
   return (e[a] || e.default)(i);
 }, rn = (t, r, n, s = !1, c = !1, a) => Vt.useMemo(() => {
   if (t.length === 0) return {};
@@ -6644,7 +6664,7 @@ const zn = ({
   children: s,
   style: c = {}
 }) => {
-  const a = Rt(), i = rn(
+  const a = Nt(), i = rn(
     Ir(t),
     n,
     a,
@@ -6681,7 +6701,7 @@ const zn = ({
       m === "transform" ? x[m] = `${x[m] || ""} ${M || ""}`.trim() : m in x && typeof x[m] == "number" && typeof M == "number" ? x[m] = x[m] * M : x[m] = M;
     }), x;
   }, [p, o]), b = yr(() => {
-    const x = l.transform || "", { translateX: m, translateY: M, scale: S, rotation: $, rotateY: k } = Es(x);
+    const x = l.transform || "", { translateX: m, translateY: M, scale: S, rotation: $, rotateY: k } = _s(x);
     return `${$} ${m} ${M} ${S} ${k}`.trim();
   }, [l]);
   let y = i;
@@ -6717,7 +6737,7 @@ const zn = ({
       )
     }
   );
-}, Es = (t) => {
+}, _s = (t) => {
   let r = "", n = "", s = "scale(1)", c = "", a = "";
   const i = t.match(/translateX\([^)]+\)/g);
   i && (r = i[i.length - 1]);
@@ -6739,11 +6759,11 @@ I.ease;
 I.ease;
 I.linear;
 I.linear;
-const jn = ({
+const An = ({
   item: t,
   options: r
 }) => {
-  const { fps: n, resizeState: s, frame: c } = r, { details: a, animations: i } = t, { durationInFrames: e } = kt(t.display, n), { animationIn: p, animationOut: o } = Ft(
+  const { fps: n, resizeState: s, frame: c } = r, { details: a, animations: i } = t, { durationInFrames: e } = It(t.display, n), { animationIn: p, animationOut: o } = Rt(
     i,
     t,
     c,
@@ -6756,7 +6776,7 @@ const jn = ({
       animationOut: o,
       style: a,
       children: /* @__PURE__ */ f(
-        ho,
+        po,
         {
           radius: d,
           fill: a.backgroundColor
@@ -6764,12 +6784,12 @@ const jn = ({
       )
     }
   );
-  return St({ item: t, options: r, children: u });
-}, An = ({
+  return $t({ item: t, options: r, children: u });
+}, Ln = ({
   item: t,
   options: r
 }) => {
-  const { fps: n, resizeState: s, frame: c } = r, { details: a, animations: i } = t, { durationInFrames: e } = kt(t.display, n), { animationIn: p, animationOut: o } = Ft(
+  const { fps: n, resizeState: s, frame: c } = r, { details: a, animations: i } = t, { durationInFrames: e } = It(t.display, n), { animationIn: p, animationOut: o } = Rt(
     i,
     t,
     c,
@@ -6785,7 +6805,7 @@ const jn = ({
       animationOut: o,
       style: {},
       children: /* @__PURE__ */ f(
-        po,
+        fo,
         {
           length: d ?? 0,
           fill: a.backgroundColor,
@@ -6794,12 +6814,12 @@ const jn = ({
       )
     }
   );
-  return St({ item: t, options: r, children: u });
-}, Ln = ({
+  return $t({ item: t, options: r, children: u });
+}, Hn = ({
   item: t,
   options: r
 }) => {
-  const { fps: n, resizeState: s, frame: c } = r, { details: a, animations: i } = t, { durationInFrames: e } = kt(t.display, n), { animationIn: p, animationOut: o } = Ft(
+  const { fps: n, resizeState: s, frame: c } = r, { details: a, animations: i } = t, { durationInFrames: e } = It(t.display, n), { animationIn: p, animationOut: o } = Rt(
     i,
     t,
     c,
@@ -6833,7 +6853,7 @@ const jn = ({
       animationOut: o,
       style: a,
       children: /* @__PURE__ */ f(
-        fo,
+        yo,
         {
           points: a.points || 5,
           innerRadius: l ?? 0,
@@ -6843,17 +6863,17 @@ const jn = ({
       )
     }
   );
-  return St({ item: t, options: r, children: b });
-}, Hn = ({
+  return $t({ item: t, options: r, children: b });
+}, Un = ({
   item: t,
   options: r
 }) => {
-  const { fps: n, resizeState: s, frame: c } = r, { details: a, animations: i } = t, { animationIn: e, animationOut: p } = Ft(
+  const { fps: n, resizeState: s, frame: c } = r, { details: a, animations: i } = t, { animationIn: e, animationOut: p } = Rt(
     i,
     t,
     c,
     n
-  ), { durationInFrames: o } = kt(t.display, n), h = s == null ? void 0 : s[t.id], d = (b, y) => {
+  ), { durationInFrames: o } = It(t.display, n), h = s == null ? void 0 : s[t.id], d = (b, y) => {
     const x = y, m = y, M = Math.PI * 2 / b;
     let S = Number.POSITIVE_INFINITY, $ = Number.NEGATIVE_INFINITY, k = Number.POSITIVE_INFINITY, g = Number.NEGATIVE_INFINITY;
     for (let v = 0; v < b; v++) {
@@ -6881,7 +6901,7 @@ const jn = ({
       animationOut: p,
       style: a,
       children: /* @__PURE__ */ f(
-        yo,
+        bo,
         {
           points: a.points || 3,
           radius: u ?? 0,
@@ -6890,12 +6910,12 @@ const jn = ({
       )
     }
   );
-  return St({ item: t, options: r, children: l });
-}, Un = ({
+  return $t({ item: t, options: r, children: l });
+}, Zn = ({
   item: t,
   options: r
 }) => {
-  const { fps: n, resizeState: s, frame: c } = r, { details: a, animations: i } = t, { durationInFrames: e } = kt(t.display, n), { animationIn: p, animationOut: o } = Ft(
+  const { fps: n, resizeState: s, frame: c } = r, { details: a, animations: i } = t, { durationInFrames: e } = It(t.display, n), { animationIn: p, animationOut: o } = Rt(
     i,
     t,
     c,
@@ -6908,7 +6928,7 @@ const jn = ({
       animationOut: o,
       style: a,
       children: /* @__PURE__ */ f(
-        bo,
+        vo,
         {
           rx: d ?? 0,
           ry: u ?? 0,
@@ -6919,8 +6939,8 @@ const jn = ({
       )
     }
   );
-  return St({ item: t, options: r, children: l });
-}, _s = () => ({
+  return $t({ item: t, options: r, children: l });
+}, Ws = () => ({
   scale: (t) => ({ transform: `scale(${t})` }),
   opacity: (t) => ({ opacity: t }),
   translateX: (t) => ({ transform: `translateX(${t}%)` }),
@@ -7003,7 +7023,7 @@ const jn = ({
   for (let c = 0; c < 6; c += 1)
     n.push(c * s + r);
   return n;
-}, Ws = (t, r, n, s = !1) => {
+}, Vs = (t, r, n, s = !1) => {
   const { from: c, to: a, ease: i } = r, e = r.durationInFrames || 30, p = Number(c), o = Number(a), h = Math.max(1, Number(e));
   if (isNaN(p) || isNaN(o))
     return p;
@@ -7032,7 +7052,7 @@ const jn = ({
     extrapolateRight: "clamp",
     easing: i
   });
-}, Zn = (t) => {
+}, Qn = (t) => {
   if (t == null) return 0;
   if (typeof t == "number")
     return Number.isNaN(t) ? 0 : t;
@@ -7045,7 +7065,7 @@ const jn = ({
       const c = parseFloat(String(t.rotation));
       if (!Number.isNaN(c)) return c;
     }
-    return t.transform ? Zn(t.transform) : 0;
+    return t.transform ? Qn(t.transform) : 0;
   }
   const r = String(t), n = /rotate\((-?[\d.]+)deg\)/.exec(r);
   if (n)
@@ -7069,7 +7089,7 @@ const jn = ({
     let M = c;
     if (M == null || Number.isNaN(M)) {
       const F = t.details;
-      M = Zn((F == null ? void 0 : F.rotate) ?? (F == null ? void 0 : F.rotation) ?? (F == null ? void 0 : F.transform));
+      M = Qn((F == null ? void 0 : F.rotate) ?? (F == null ? void 0 : F.rotation) ?? (F == null ? void 0 : F.transform));
     }
     const S = t.delay || 0, $ = t.durationInFrames || 30, k = s ? [n - $ - S, n - S] : [S, S + $], g = W(r, k, [l, b], {
       extrapolateLeft: "clamp",
@@ -7084,7 +7104,7 @@ const jn = ({
       transform: `translateX(${Y}px) translateY(${_}px)`
     };
   }
-  const i = Ws(r, t, n, s), e = _s();
+  const i = Vs(r, t, n, s), e = Ws();
   return (e[a] || e.default)(i);
 }, kr = (t, r, n, s = !1, c = !1, a) => Vt.useMemo(() => {
   if (t.length === 0) return {};
@@ -7117,7 +7137,7 @@ const jn = ({
       }), p),
       {}
     );
-}, [t, n, r, s, a]), nr = (t) => t ? Array.isArray(t) ? t : [t] : [], Vs = ({
+}, [t, n, r, s, a]), nr = (t) => t ? Array.isArray(t) ? t : [t] : [], Cs = ({
   animationIn: t,
   animationOut: r,
   animationTimed: n,
@@ -7169,7 +7189,7 @@ const jn = ({
       k === "transform" ? $[k] = `${$[k] || ""} ${g || ""}`.trim() : k in $ && typeof $[k] == "number" && typeof g == "number" ? $[k] = $[k] * g : $[k] = g;
     }), $;
   }, [d, h, u]), b = yr(() => {
-    const $ = l.transform || "", { translateX: k, translateY: g, scale: v, rotation: w, rotateY: N } = Cs($);
+    const $ = l.transform || "", { translateX: k, translateY: g, scale: v, rotation: w, rotateY: N } = Os($);
     return `${w} ${k} ${g} ${v} ${N}`.trim();
   }, [l]), {
     top: y,
@@ -7204,7 +7224,7 @@ const jn = ({
       )
     }
   );
-}, Cs = (t) => {
+}, Os = (t) => {
   let r = "", n = "", s = "scale(1)", c = "", a = "";
   const i = t.match(/translateX\([^)]+\)/g);
   i && (r = i[i.length - 1]);
@@ -7218,12 +7238,12 @@ const jn = ({
   return h && (a = h[h.length - 1]), { translateX: r, translateY: n, scale: s, rotation: c, rotateY: a };
 };
 I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.elastic(1), I.elastic(1), I.elastic(1), I.elastic(1), I.linear, I.linear, I.linear, I.linear, I.ease, I.ease, I.ease, I.ease, I.ease, I.ease, I.ease, I.ease, I.ease, I.ease;
-function Qn({
+function Kn({
   item: t,
   options: r
 }) {
   var R, C, E, Y, _;
-  const { fps: n, frame: s } = r, { details: c, animations: a } = t, { width: i, height: e, strokeWidth: p, strokeBackground: o, strokeColors: h } = c, { animationIn: d, animationOut: u } = Ft(a, t), { durationInFrames: l } = kt(t.display, n), b = i, y = e, x = p, m = b, M = y, S = b, $ = y, k = m + M + S + $;
+  const { fps: n, frame: s } = r, { details: c, animations: a } = t, { width: i, height: e, strokeWidth: p, strokeBackground: o, strokeColors: h } = c, { animationIn: d, animationOut: u } = Rt(a, t), { durationInFrames: l } = It(t.display, n), b = i, y = e, x = p, m = b, M = y, S = b, $ = y, k = m + M + S + $;
   let g = 0;
   if (((R = a == null ? void 0 : a.out) == null ? void 0 : R.name) === "progressSquareAnimationOut") {
     const F = (C = a == null ? void 0 : a.out) == null ? void 0 : C.composition[0].durationInFrames, X = Math.max(
@@ -7233,7 +7253,7 @@ function Qn({
     g = Math.min(X / F * 100, 100) / 100, X > F && (g = 1);
   }
   if (((E = a == null ? void 0 : a.in) == null ? void 0 : E.name) === "progressSquareAnimationIn") {
-    const { from: F } = kt(
+    const { from: F } = It(
       {
         from: t.display.from,
         to: t.display.to
@@ -7243,7 +7263,7 @@ function Qn({
     P < X ? g = Math.min(P / X * 100, 100) / 100 : ((_ = a == null ? void 0 : a.out) == null ? void 0 : _.name) !== "progressSquareAnimationOut" && (g = 1);
   }
   const v = g * 100 / 100 * k, w = h[0] || "#4A90E2", N = /* @__PURE__ */ f(
-    Vs,
+    Cs,
     {
       style: Pt(
         c,
@@ -7255,7 +7275,7 @@ function Qn({
       animationIn: d,
       animationOut: u,
       durationInFrames: l,
-      children: /* @__PURE__ */ xt(
+      children: /* @__PURE__ */ gt(
         "div",
         {
           style: {
@@ -7282,7 +7302,7 @@ function Qn({
                 }
               }
             ),
-            /* @__PURE__ */ xt("div", { style: { position: "absolute", inset: 0, pointerEvents: "none" }, children: [
+            /* @__PURE__ */ gt("div", { style: { position: "absolute", inset: 0, pointerEvents: "none" }, children: [
               /* @__PURE__ */ f(
                 "div",
                 {
@@ -7347,9 +7367,9 @@ function Qn({
       )
     }
   );
-  return St({ item: t, options: r, children: N });
+  return $t({ item: t, options: r, children: N });
 }
-const Kn = (t) => {
+const Jn = (t) => {
   const { trackItemIds: r, transitionsMap: n, trackItemsMap: s } = t, c = /* @__PURE__ */ new Map();
   Object.values(n).forEach((o) => {
     var l, b;
@@ -7381,58 +7401,58 @@ const Kn = (t) => {
   return a.forEach((o) => {
     o.sort((h, d) => "display" in h && "display" in d ? h.display.from - d.display.from : 0);
   }), a;
-}, Os = (t, r) => {
+}, zs = (t, r) => {
   switch (t.type) {
     case "text":
-      return Xn({ item: t, options: r });
+      return Bn({ item: t, options: r });
     case "caption":
-      return pn({ item: t, options: r });
+      return fn({ item: t, options: r });
     case "shape":
-      return kn({ item: t, options: r });
+      return Nn({ item: t, options: r });
     case "rect":
-      return zn({ item: t, options: r });
+      return Gn({ item: t, options: r });
     case "circle":
-      return jn({ item: t, options: r });
-    case "triangle":
       return An({ item: t, options: r });
-    case "star":
+    case "triangle":
       return Ln({ item: t, options: r });
-    case "polygon":
+    case "star":
       return Hn({ item: t, options: r });
-    case "ellipse":
+    case "polygon":
       return Un({ item: t, options: r });
+    case "ellipse":
+      return Zn({ item: t, options: r });
     case "video":
-      return Bn({ item: t, options: r });
+      return Pn({ item: t, options: r });
     case "audio":
-      return hn({ item: t, options: r });
+      return pn({ item: t, options: r });
     case "image":
-      return In({ item: t, options: r });
+      return kn({ item: t, options: r });
     case "illustration":
-      return fn({ item: t, options: r });
+      return yn({ item: t, options: r });
     case "progressBar":
-      return Pn({ item: t, options: r });
+      return En({ item: t, options: r });
     case "linealAudioBars":
-      return _n({ item: t, options: r });
+      return Wn({ item: t, options: r });
     case "waveAudioBars":
-      return Cn({ item: t, options: r });
-    case "hillAudioBars":
       return On({ item: t, options: r });
+    case "hillAudioBars":
+      return zn({ item: t, options: r });
     case "progressFrame":
-      return Wn({ item: t, options: r });
-    case "radialAudioBars":
       return Vn({ item: t, options: r });
+    case "radialAudioBars":
+      return Cn({ item: t, options: r });
     case "progressSquare":
-      return Qn({ item: t, options: r });
+      return Kn({ item: t, options: r });
     default:
       return null;
   }
 };
-function zs({
+function Gs({
   item: t,
   options: r,
   renderSequenceItem: n
 }) {
-  const s = n || Os, {
+  const s = n || zs, {
     editableTextId: c,
     onTextBlur: a,
     handleTextChange: i,
@@ -7444,7 +7464,7 @@ function zs({
     structure: u,
     frame: l,
     mergedTrackItemsDeatilsMap: b
-  } = r, y = or(o || {}), { trim: x, display: m } = t, M = e && e.some((g) => !!y[g]) ? e : Object.keys(y), S = Kn({
+  } = r, y = or(o || {}), { trim: x, display: m } = t, M = e && e.some((g) => !!y[g]) ? e : Object.keys(y), S = Jn({
     trackItemIds: or(M),
     transitionsMap: or(p || {}),
     trackItemsMap: y || {}
@@ -7461,11 +7481,11 @@ function zs({
       if (!_) return null;
       let F = {}, X = {}, P = [];
       if (_.type === "template") {
-        const O = u == null ? void 0 : u.find((j) => j.id === _.id);
+        const O = u == null ? void 0 : u.find((A) => A.id === _.id);
         P = (O == null ? void 0 : O.items) || [];
-        for (const j in b)
-          O != null && O.items.includes(j) && (X[j] = {
-            ...b[j]
+        for (const A in b)
+          O != null && O.items.includes(A) && (X[A] = {
+            ...b[A]
           });
         return s(_, {
           fps: d,
@@ -7475,7 +7495,7 @@ function zs({
           itemsTemplateIds: P,
           itemsTemplateMap: X,
           transitionsTemplateMap: F,
-          itemStructure: u == null ? void 0 : u.find((j) => j.id === _.id),
+          itemStructure: u == null ? void 0 : u.find((A) => A.id === _.id),
           frame: (l ?? 0) - m.from * d / 1e3,
           size: {
             width: ((C = _.details) == null ? void 0 : C.width) || 0,
@@ -7507,7 +7527,7 @@ function zs({
     const w = y[g[0].id], N = (((Y = w == null ? void 0 : w.display) == null ? void 0 : Y.from) || 0) / 1e3 * r.fps;
     return /* @__PURE__ */ f(dn, { from: N, children: g.map((_) => {
       if (_.type === "transition") {
-        const F = _.duration / 1e3 * d, X = no[_.kind];
+        const F = _.duration / 1e3 * d, X = oo[_.kind];
         return X ? X({
           durationInFrames: F,
           id: _.id,
@@ -7526,9 +7546,9 @@ function zs({
       });
     }) }, v);
   });
-  return St({ children: k, item: t, options: r });
+  return $t({ children: k, item: t, options: r });
 }
-function Gs({
+function js({
   item: t,
   options: r,
   renderSequenceItem: n
@@ -7543,13 +7563,13 @@ function Gs({
     onTextBlur: p,
     handleTextChange: o,
     itemStructure: h
-  } = r, { animations: d } = t, { durationInFrames: u } = kt(t.display, i), { animationIn: l, animationOut: b, animationTimed: y } = Ft(
+  } = r, { animations: d } = t, { durationInFrames: u } = It(t.display, i), { animationIn: l, animationOut: b, animationTimed: y } = Rt(
     d,
     t,
     e,
     i,
     r
-  ), x = or(a || {}), M = Kn({
+  ), x = or(a || {}), M = Jn({
     trackItemIds: or(c || []),
     transitionsMap: {},
     trackItemsMap: x
@@ -7619,75 +7639,75 @@ function Gs({
       )
     }
   );
-  return St({ item: t, options: r, children: k });
+  return $t({ item: t, options: r, children: k });
 }
 const en = {
-  text: (t, r) => Xn({ item: t, options: r }),
-  caption: (t, r) => pn({ item: t, options: r }),
-  shape: (t, r) => kn({ item: t, options: r }),
-  rect: (t, r) => zn({ item: t, options: r }),
-  circle: (t, r) => jn({ item: t, options: r }),
-  triangle: (t, r) => An({ item: t, options: r }),
-  star: (t, r) => Ln({ item: t, options: r }),
-  polygon: (t, r) => Hn({ item: t, options: r }),
-  ellipse: (t, r) => Un({ item: t, options: r }),
-  video: (t, r) => Bn({ item: t, options: r }),
-  audio: (t, r) => hn({ item: t, options: r }),
-  image: (t, r) => In({ item: t, options: r }),
-  template: (t, r) => zs({
+  text: (t, r) => Bn({ item: t, options: r }),
+  caption: (t, r) => fn({ item: t, options: r }),
+  shape: (t, r) => Nn({ item: t, options: r }),
+  rect: (t, r) => Gn({ item: t, options: r }),
+  circle: (t, r) => An({ item: t, options: r }),
+  triangle: (t, r) => Ln({ item: t, options: r }),
+  star: (t, r) => Hn({ item: t, options: r }),
+  polygon: (t, r) => Un({ item: t, options: r }),
+  ellipse: (t, r) => Zn({ item: t, options: r }),
+  video: (t, r) => Pn({ item: t, options: r }),
+  audio: (t, r) => pn({ item: t, options: r }),
+  image: (t, r) => kn({ item: t, options: r }),
+  template: (t, r) => Gs({
     item: t,
     options: r,
     renderSequenceItem: (n, s) => en[n.type](n, s)
   }),
-  illustration: (t, r) => fn({ item: t, options: r }),
-  progressBar: (t, r) => Pn({ item: t, options: r }),
-  linealAudioBars: (t, r) => _n({ item: t, options: r }),
-  waveAudioBars: (t, r) => Cn({ item: t, options: r }),
-  hillAudioBars: (t, r) => On({ item: t, options: r }),
-  progressFrame: (t, r) => Wn({ item: t, options: r }),
-  radialAudioBars: (t, r) => Vn({ item: t, options: r }),
-  progressSquare: (t, r) => Qn({ item: t, options: r }),
-  composition: (t, r) => Gs({
+  illustration: (t, r) => yn({ item: t, options: r }),
+  progressBar: (t, r) => En({ item: t, options: r }),
+  linealAudioBars: (t, r) => Wn({ item: t, options: r }),
+  waveAudioBars: (t, r) => On({ item: t, options: r }),
+  hillAudioBars: (t, r) => zn({ item: t, options: r }),
+  progressFrame: (t, r) => Vn({ item: t, options: r }),
+  radialAudioBars: (t, r) => Cn({ item: t, options: r }),
+  progressSquare: (t, r) => Kn({ item: t, options: r }),
+  composition: (t, r) => js({
     item: t,
     options: r,
     renderSequenceItem: (n, s) => en[n.type](n, s)
   })
 };
 export {
-  hn as Audio,
-  St as BaseSequence,
-  pn as Caption,
-  jn as Circle,
-  Gs as Composition,
-  Un as Ellipse,
-  On as HillAudioBars,
-  fn as Illustration,
-  In as Image,
-  _n as LinealAudioBars,
-  Hn as Polygon,
-  Pn as ProgressBar,
-  Wn as ProgressFrame,
-  Qn as ProgressSquare,
-  Vn as RadialAudioBars,
-  zn as Rect,
+  pn as Audio,
+  $t as BaseSequence,
+  fn as Caption,
+  An as Circle,
+  js as Composition,
+  Zn as Ellipse,
+  zn as HillAudioBars,
+  yn as Illustration,
+  kn as Image,
+  Wn as LinealAudioBars,
+  Un as Polygon,
+  En as ProgressBar,
+  Vn as ProgressFrame,
+  Kn as ProgressSquare,
+  Cn as RadialAudioBars,
+  Gn as Rect,
   _r as SafeHtmlInCanvas,
   en as SequenceItem,
-  kn as Shape,
-  Ln as Star,
-  zs as Template,
-  Xn as Text,
-  An as Triangle,
-  Bn as Video,
-  Cn as WaveAudioBars,
-  ea as calculateBorderOverlayStyles,
-  go as calculateContainerFigureStyles,
+  Nn as Shape,
+  Hn as Star,
+  Gs as Template,
+  Bn as Text,
+  Ln as Triangle,
+  Pn as Video,
+  On as WaveAudioBars,
+  hn as calculateBorderOverlayStyles,
+  mo as calculateContainerFigureStyles,
   Pt as calculateContainerStyles,
-  vo as calculateCropStyles,
+  go as calculateCropStyles,
   ln as calculateMediaStyles,
   Dt as calculateTextStyles,
   Cr as getAnimatedRemotionEffects,
-  Ft as getAnimations,
-  mn as getEffectsCssInfo,
-  Kn as groupTrackItems,
+  Rt as getAnimations,
+  xn as getEffectsCssInfo,
+  Jn as groupTrackItems,
   Vr as mapRemotionEffects
 };