@cliquify.me/elements-ui 9.0.14 → 9.0.16

package/dist/index.es.js

@@ -75,7 +75,7 @@ const wt = (t, r) => {
   color: t.color || "#000000",
   background: t.backgroundColor || "",
   borderRadius: t != null && t.borderRadius && (t != null && t.borderRadius.toString().includes("px")) ? t == null ? void 0 : t.borderRadius : ((t == null ? void 0 : t.borderRadius) || 0) + "%"
-}), Gt = (t, r = {}, o = {}) => {
+}), zt = (t, r = {}, o = {}) => {
   const s = t.brightness !== void 0 && t.brightness !== null ? t.brightness : 100, a = t.blur !== void 0 && t.blur !== null ? t.blur : 0, c = `brightness(${s}%) blur(${a}px)`;
   return {
     pointerEvents: "auto",
@@ -150,7 +150,7 @@ const wt = (t, r) => {
   options: r,
   children: o
 }) => {
-  var b, x, g, w;
+  var b, x, g, S;
   const { details: s } = t, { fps: a, isTransition: c } = r, { from: i, durationInFrames: n } = wt(
     {
       from: t.display.from,
@@ -161,10 +161,10 @@ const wt = (t, r) => {
     width: t.details.width,
     height: t.details.height
   }, e = ((b = s == null ? void 0 : s.background) == null ? void 0 : b.type) === "color" ? (x = s == null ? void 0 : s.background) == null ? void 0 : x.value : typeof (s == null ? void 0 : s.background) == "string" ? s == null ? void 0 : s.background : "transparent", p = ["template", "composition"].includes(t.type), d = ["image", "video"].includes(t.type), u = ["text", "caption"].includes(t.type);
-  let l = Gt(s, h, { background: e });
+  let l = zt(s, h, { background: e });
   if (d) {
-    const { background: M, ...S } = l;
-    l = S;
+    const { background: w, ...M } = l;
+    l = M;
   }
   u && (delete l.boxShadow, delete l.filter);
   const v = p ? "!pointer-events-auto" : "";
@@ -234,7 +234,7 @@ const wt = (t, r) => {
               overflow: u ? "visible" : !u && l.borderRadius && l.borderRadius !== "0px" ? "hidden" : "visible",
               boxShadow: "",
               visibility: s.visibility,
-              background: t.type === "text" ? "transparent" : t.type === "template" && ((w = (g = t.details) == null ? void 0 : g.background) == null ? void 0 : w.value) || "transparent",
+              background: t.type === "text" ? "transparent" : t.type === "template" && ((S = (g = t.details) == null ? void 0 : g.background) == null ? void 0 : S.value) || "transparent",
               pointerEvents: t.type === "audio" ? "none" : "auto"
             },
             children: o
@@ -326,7 +326,7 @@ const wn = /* @__PURE__ */ new Set([
 }, Ft = (t, r, o, s, a) => {
   let c = null, i = null, n = null, h = null;
   return a != null && a.isAnimationEditor || a != null && a.insideTemplate, t != null && t.in && (c = [], t.in.composition.forEach((e) => {
-    var v, b, x, g, w;
+    var v, b, x, g, S;
     c.push({
       id: e.id,
       property: e.property,
@@ -340,10 +340,10 @@ const wn = /* @__PURE__ */ new Set([
     }), e.property === "translateX" || e.property === "translateY" || e.property.toLowerCase().includes("slide");
     const p = !!((v = e.details) != null && v.fade || e.fade), d = e.property === "moveScaleIn" || e.property === "moveScaleOut", u = e.property === "blurSlideV2In" || e.property === "blurSlideV2Out";
     if (d) {
-      const M = ((b = e.details) == null ? void 0 : b.translateY) || 0;
+      const w = ((b = e.details) == null ? void 0 : b.translateY) || 0;
       c.push({
         property: "moveTranslateY",
-        from: M,
+        from: w,
         to: 0,
         durationInFrames: e.durationInFrames,
         ease: kt(e),
@@ -352,10 +352,10 @@ const wn = /* @__PURE__ */ new Set([
       });
     }
     if (u) {
-      const M = ((x = e.details) == null ? void 0 : x.translateX) || 0;
+      const w = ((x = e.details) == null ? void 0 : x.translateX) || 0;
       c.push({
         property: "translateX",
-        from: M,
+        from: w,
         to: 0,
         durationInFrames: e.durationInFrames,
         ease: kt(e),
@@ -372,17 +372,17 @@ const wn = /* @__PURE__ */ new Set([
       delay: e.delay,
       persist: e.persist
     }), e.property === "spinIn" || e.property === "spinOut" || e.property === "spin" || e.property === "twistIn" || e.property === "twistOut" || !!(e.id && e.id.includes("spin"))) {
-      const M = ((g = e.details) == null ? void 0 : g.scale) !== !1, S = e.property === "twistIn" || e.property === "twistOut";
-      M && c.push({
+      const w = ((g = e.details) == null ? void 0 : g.scale) !== !1, M = e.property === "twistIn" || e.property === "twistOut";
+      w && c.push({
         id: `${e.id}-scale`,
         property: "scale",
-        from: S ? 1.5 : 0,
+        from: M ? 1.5 : 0,
         to: 1,
         durationInFrames: e.durationInFrames,
         ease: kt(e),
         delay: e.delay,
         persist: e.persist
-      }), ((w = e.details) == null ? void 0 : w.fade) !== !1 && c.push({
+      }), ((S = e.details) == null ? void 0 : S.fade) !== !1 && c.push({
         id: `${e.id}-opacity`,
         property: "opacity",
         from: 0,
@@ -394,7 +394,7 @@ const wn = /* @__PURE__ */ new Set([
       });
     }
   })), t != null && t.out && (i = [], t.out.composition.forEach((e) => {
-    var v, b, x, g, w;
+    var v, b, x, g, S;
     i.push({
       id: e.id,
       property: e.property,
@@ -416,11 +416,11 @@ const wn = /* @__PURE__ */ new Set([
     });
     const d = e.property === "spinIn" || e.property === "spinOut" || e.property === "spin" || e.property === "twistIn" || e.property === "twistOut" || !!(e.id && e.id.includes("spin")), u = e.property === "moveScaleIn" || e.property === "moveScaleOut", l = e.property === "blurSlideV2In" || e.property === "blurSlideV2Out";
     if (u) {
-      const M = ((b = e.details) == null ? void 0 : b.translateY) || 0;
+      const w = ((b = e.details) == null ? void 0 : b.translateY) || 0;
       i.push({
         property: "moveTranslateY",
         from: 0,
-        to: -M,
+        to: -w,
         durationInFrames: e.durationInFrames,
         ease: kt(e),
         delay: e.delay,
@@ -428,11 +428,11 @@ const wn = /* @__PURE__ */ new Set([
       });
     }
     if (l) {
-      const M = ((x = e.details) == null ? void 0 : x.translateX) || 0;
+      const w = ((x = e.details) == null ? void 0 : x.translateX) || 0;
       i.push({
         property: "translateX",
         from: 0,
-        to: -M,
+        to: -w,
         durationInFrames: e.durationInFrames,
         ease: kt(e),
         delay: e.delay,
@@ -440,17 +440,17 @@ const wn = /* @__PURE__ */ new Set([
       });
     }
     if (d) {
-      const M = ((g = e.details) == null ? void 0 : g.scale) !== !1, S = e.property === "twistIn" || e.property === "twistOut";
-      M && i.push({
+      const w = ((g = e.details) == null ? void 0 : g.scale) !== !1, M = e.property === "twistIn" || e.property === "twistOut";
+      w && i.push({
         id: `${e.id}-scale`,
         property: "scale",
         from: 1,
-        to: S ? 1.5 : 0,
+        to: M ? 1.5 : 0,
         durationInFrames: e.durationInFrames,
         ease: kt(e),
         delay: e.delay,
         persist: e.persist
-      }), ((w = e.details) == null ? void 0 : w.fade) !== !1 && i.push({
+      }), ((S = e.details) == null ? void 0 : S.fade) !== !1 && i.push({
         id: `${e.id}-opacity`,
         property: "opacity",
         from: 1,
@@ -594,36 +594,45 @@ const wn = /* @__PURE__ */ new Set([
   textDecoration: e,
   fontStyle: p,
   fontFamily: d,
-  textShadow: u
+  fontSize: u,
+  fontWeight: l,
+  letterSpacing: v,
+  textShadow: b
 }) => {
-  const { start: l, end: v } = t, b = (l + r) / 1e3 * h, x = (v + r) / 1e3 * h, g = n >= b && n < x, w = n >= b, M = g ? o : w ? a : c, S = Xn.includes(i) && g ? 1.2 : 1, k = t.word.length, $ = x - b;
+  const { start: x, end: g } = t, S = (x + r) / 1e3 * h, w = (g + r) / 1e3 * h, M = n >= S && n < w, k = n >= S, $ = M ? o : k ? a : c, m = Xn.includes(i) && M ? 1.2 : 1, I = t.word.length, N = w - S;
   return /* @__PURE__ */ f(
     Rn,
     {
-      isActive: g,
+      isActive: M,
       activeFillColor: s,
-      scale: S,
+      scale: m,
       animation: i,
       textDecoration: e,
       style: {
         fontStyle: p || "normal",
-        fontFamily: d || "inherit"
+        fontFamily: d || "inherit",
+        fontSize: u || "inherit",
+        fontWeight: l || "inherit",
+        letterSpacing: v || "inherit"
       },
       children: /* @__PURE__ */ f(
         Fn,
         {
-          wordColor: M,
+          wordColor: $,
           style: {
             fontStyle: p || "normal",
             fontFamily: d || "inherit",
-            textShadow: u || void 0
+            fontSize: u || "inherit",
+            fontWeight: l || "inherit",
+            letterSpacing: v || "inherit",
+            textShadow: b || void 0
           },
-          children: t.word.split("").map((m, I) => {
-            const N = $ / k, R = b + I * N, O = R + N;
-            let P = 1, Y = !0;
-            return Yn.includes(i) && (Y = n >= R), i === "letterTracy" && (P = C(
+          children: t.word.split("").map((R, O) => {
+            const P = N / I, Y = S + O * P, W = Y + P;
+            let F = 1, V = !0;
+            return Yn.includes(i) && (V = n >= Y), i === "letterTracy" && (F = C(
               n,
-              [R, O],
+              [Y, W],
               [0, 1],
               {
                 extrapolateLeft: "clamp",
@@ -633,17 +642,17 @@ const wn = /* @__PURE__ */ new Set([
               "span",
               {
                 style: {
-                  opacity: P,
-                  visibility: Y ? "visible" : "hidden",
+                  opacity: F,
+                  visibility: V ? "visible" : "hidden",
                   display: "inline",
                   textDecoration: "inherit",
                   color: "inherit",
                   fontStyle: "inherit",
                   fontFamily: "inherit"
                 },
-                children: m
+                children: R
               },
-              I
+              O
             );
           })
         }
@@ -690,25 +699,31 @@ function mo({
     ...x.scale !== void 0 && {
       transform: `scale(${x.scale})`
     }
-  }, w = (s || 0) - t.display.from * o / 1e3, { boxShadow: M, ...S } = Gt(a), { color: k, textShadow: $, ...m } = rr(a);
+  }, S = (s || 0) - t.display.from * o / 1e3, { boxShadow: w, ...M } = zt(a), { color: k, textShadow: $, ...m } = rr(a), I = {
+    ...M,
+    top: 0,
+    left: 0,
+    width: "100%",
+    height: "100%"
+  };
   return xt({
     item: t,
     options: r,
     children: /* @__PURE__ */ f(
       Ht,
       {
-        style: S,
+        style: I,
         animationIn: n,
         animationOut: h,
-        frame: w,
+        frame: S,
         durationInFrames: d,
         children: /* @__PURE__ */ f(
           Ut,
           {
             animationTimed: e,
             durationInFrames: d,
-            frame: w,
-            style: S,
+            frame: S,
+            style: I,
             children: /* @__PURE__ */ f(
               "div",
               {
@@ -716,25 +731,34 @@ function mo({
                 style: {
                   ...m,
                   ...g,
+                  width: "100%",
+                  height: "100%",
+                  top: 0,
+                  left: 0,
                   display: "block",
                   textAlign: a.textAlign || "center",
                   boxShadow: "none",
                   textShadow: $ || "none",
                   transition: "transform 0.2s ease"
                 },
-                children: u.map((I, N) => {
-                  var U;
-                  const R = a.animation === "letterEditorial", O = a.animation === "letterGaramondGlow", P = N === u.length - 1, W = (typeof a.captionGroupIndex == "number" ? a.captionGroupIndex : Math.floor((((U = t.display) == null ? void 0 : U.from) || 0) / 1e3)) % 2 === 0;
-                  let F = a.color, V = a.appearedColor || a.color, X = a.activeColor || a.color, E = a.fontStyle || "normal", _ = R ? "Georgia, serif" : void 0, z;
-                  if (R)
+                children: u.map((N, R) => {
+                  var H;
+                  const O = a.animation === "letterEditorial";
+                  a.animation;
+                  const P = R === u.length - 1, W = (typeof a.captionGroupIndex == "number" ? a.captionGroupIndex : Math.floor((((H = t.display) == null ? void 0 : H.from) || 0) / 1e3)) % 2 === 0;
+                  let F = a.color, V = a.appearedColor || a.color, X = a.activeColor || a.color, E = a.fontStyle || "normal", _ = O ? "Georgia, serif" : void 0, j, U, Z, K;
+                  if (O)
                     if (W) {
-                      const L = P ? "#e9ef36" : "#ffffff";
-                      F = L, V = L, X = L, E = P ? "italic" : "normal";
+                      const A = P ? "#e9ef36" : "#ffffff";
+                      F = A, V = A, X = A, E = P ? "italic" : "normal";
                     } else {
-                      const L = P ? "#ffffff" : "#e9ef36";
-                      F = L, V = L, X = L, E = P ? "normal" : "italic";
+                      const A = P ? "#ffffff" : "#e9ef36";
+                      F = A, V = A, X = A, E = P ? "normal" : "italic";
                     }
-                  else O && (_ = "'EB Garamond', Garamond, serif", N % 5 === 0 ? (E = "italic", F = "#ffffff", V = "#ffffff", X = "#ffffff", z = "0 0 8px rgba(255, 255, 255, 0.9), 0 0 16px rgba(255, 255, 255, 0.7), 0 0 24px rgba(255, 255, 255, 0.5)") : (E = "normal", F = "#ffffff", V = "#ffffff", X = "#ffffff", z = "2px 2px 4px rgba(0, 0, 0, 0.8), 0 2px 8px rgba(0, 0, 0, 0.6)"));
+                  else if (a.animation === "letterSilverEditorial") {
+                    const A = P || u.length > 2 && R === 1, G = "linear-gradient(180deg, #ffffff 0%, #ffffff 32%, #85909f 54%, #b8c4d2 74%, #ffffff 100%)";
+                    A ? (_ = "'Arial Black', Impact, 'Montserrat', 'Helvetica Neue', sans-serif", E = "italic", Z = 900, U = "1.3em", K = "-0.05em", F = G, V = G, X = G, j = "0 3px 10px rgba(0, 0, 0, 0.75), 0 1px 2px rgba(0, 0, 0, 0.9)") : (_ = "'Helvetica Neue', Helvetica, Arial, Inter, sans-serif", E = "normal", Z = 300, U = "1em", K = "-0.03em", F = "#ffffff", V = "#ffffff", X = "#ffffff", j = "0 2px 6px rgba(0, 0, 0, 0.8), 0 1px 2px rgba(0, 0, 0, 0.85)");
+                  }
                   return /* @__PURE__ */ f(
                     Bn,
                     {
@@ -744,15 +768,18 @@ function mo({
                       activeFillColor: a.activeFillColor || "transparent",
                       offsetFrom: v,
                       animation: a.animation || "",
-                      word: I,
+                      word: N,
                       currentFrame: r.frame || 0,
                       fps: o,
                       textDecoration: a.textDecoration,
                       fontStyle: E,
                       fontFamily: _,
-                      textShadow: z
+                      fontSize: U,
+                      fontWeight: Z,
+                      letterSpacing: K,
+                      textShadow: j
                     },
-                    N
+                    R
                   );
                 })
               }
@@ -777,7 +804,7 @@ const go = ({
   ), { durationInFrames: e } = wt(t.display, o), p = (s || 0) - t.display.from * o / 1e3, d = /* @__PURE__ */ f(
     Ht,
     {
-      style: Gt(a),
+      style: zt(a),
       animationIn: i,
       animationOut: n,
       frame: p,
@@ -856,7 +883,7 @@ const xo = ({
   marqueeDetails: l,
   effects: v
 }) => {
-  const b = Rt(), x = typeof o == "number" && !isNaN(o) ? o : b, g = Math.max(0, x - (s || 0)), w = Math.min(1, Math.max(0, g / (a || 1))), M = n || 300, S = h || 300, k = (l == null ? void 0 : l.direction) || "horizontal", $ = k === "static", m = Math.min(15, Math.max(1, Number((l == null ? void 0 : l.repeatX) ?? 5))), I = 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, O = l != null && l.hasInitialValue && (l == null ? void 0 : l.initialBaseSpeed) !== void 0 ? Number(l.initialBaseSpeed) : N, P = l != null && l.hasInitialValue ? O + (N - O) * w : N, Y = $ ? 0 : P * 400, W = $ ? 0 : P * 400, F = (l == null ? void 0 : l.scaleFactor) !== void 0 ? Number(l.scaleFactor) : 1, V = l != null && l.hasInitialValue && (l == null ? void 0 : l.initialScaleFactor) !== void 0 ? Number(l.initialScaleFactor) : F, X = l != null && l.hasInitialValue ? V + (F - V) * w : F, E = (l == null ? void 0 : l.lineOffset) !== void 0 ? Number(l.lineOffset) : 0.5, _ = (l == null ? void 0 : l.gapX) !== void 0 ? Number(l.gapX) : 60, z = (l == null ? void 0 : l.gapY) !== void 0 ? Number(l.gapY) : 60, U = _ / 100 * M, L = z / 100 * S, D = M, H = S, Z = D * X + U, j = H * X + L, ht = u ? typeof u == "string" ? u : `${u.x ?? 0}px ${u.y ?? 0}px ${u.blur ?? 0}px ${u.color ?? ""}` : void 0, Q = k === "vertical" || k === "up" || k === "down", T = k === "diagonal", nt = (m - 1) / 2, vt = (I - 1) / 2, ot = I, ut = m, it = Array.from({ length: ot }, (tt, st) => st - vt), gt = Array.from({ length: ut }, (tt, st) => st - nt), pt = (tt, st, et, at) => /* @__PURE__ */ f(
+  const b = Rt(), x = typeof o == "number" && !isNaN(o) ? o : b, g = Math.max(0, x - (s || 0)), S = Math.min(1, Math.max(0, g / (a || 1))), w = n || 300, M = h || 300, k = (l == null ? void 0 : l.direction) || "horizontal", $ = k === "static", m = Math.min(15, Math.max(1, Number((l == null ? void 0 : l.repeatX) ?? 5))), I = 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, O = l != null && l.hasInitialValue && (l == null ? void 0 : l.initialBaseSpeed) !== void 0 ? Number(l.initialBaseSpeed) : N, P = l != null && l.hasInitialValue ? O + (N - O) * S : N, Y = $ ? 0 : P * 400, W = $ ? 0 : P * 400, F = (l == null ? void 0 : l.scaleFactor) !== void 0 ? Number(l.scaleFactor) : 1, V = l != null && l.hasInitialValue && (l == null ? void 0 : l.initialScaleFactor) !== void 0 ? Number(l.initialScaleFactor) : F, X = l != null && l.hasInitialValue ? V + (F - V) * S : F, E = (l == null ? void 0 : l.lineOffset) !== void 0 ? Number(l.lineOffset) : 0.5, _ = (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, U = _ / 100 * w, Z = j / 100 * M, K = w, H = M, A = K * X + U, G = H * X + Z, ht = u ? typeof u == "string" ? u : `${u.x ?? 0}px ${u.y ?? 0}px ${u.blur ?? 0}px ${u.color ?? ""}` : void 0, Q = k === "vertical" || k === "up" || k === "down", q = k === "diagonal", nt = (m - 1) / 2, vt = (I - 1) / 2, ot = I, ut = m, it = Array.from({ length: ot }, (tt, st) => st - vt), gt = Array.from({ length: ut }, (tt, st) => st - nt), pt = (tt, st, et, at) => /* @__PURE__ */ f(
     "div",
     {
       style: {
@@ -865,7 +892,7 @@ const xo = ({
         top: `calc(50% + ${et}px)`,
         transform: `translate(-50%, -50%) scale(${X})`,
         transformOrigin: "center center",
-        width: `${D}px`,
+        width: `${K}px`,
         height: `${H}px`,
         borderRadius: e || 0,
         boxShadow: ht,
@@ -935,19 +962,19 @@ const xo = ({
       children: gt.map((tt, st) => {
         let et = st % 2 === 0 ? 1 : -1;
         k === "up" && (et = -1), k === "down" && (et = 1);
-        const at = 1 + st % 2 * (R * 0.5), dt = W > 0 && et !== 0 ? et * (g * W * 0.1 * at) + tt * (j * E) : tt * (j * E), ft = W === 0 || et === 0 ? 0 : (dt % j + j) % j - j / 2;
+        const at = 1 + st % 2 * (R * 0.5), dt = W > 0 && et !== 0 ? et * (g * W * 0.1 * at) + tt * (G * E) : tt * (G * E), ft = W === 0 || et === 0 ? 0 : (dt % G + G) % G - G / 2;
         return it.map((bt, $t) => {
-          const lt = tt * Z, A = bt * j + ft;
+          const lt = tt * A, L = bt * G + ft;
           return pt(
             `v-${st}-${$t}`,
             lt,
-            A,
+            L,
             tt === 0 && bt === 0
           );
         });
       })
     }
-  ) : T ? /* @__PURE__ */ f(
+  ) : q ? /* @__PURE__ */ f(
     "div",
     {
       style: {
@@ -958,14 +985,14 @@ const xo = ({
         borderRadius: e || 0
       },
       children: it.map((tt, st) => {
-        const et = st % 2 === 0 ? 1 : -1, at = st % 2 === 0 ? 1 : -1, dt = 1 + st % 2 * (R * 0.5), ft = Y > 0 ? et * (g * Y * 0.1 * dt) + tt * (Z * E) : tt * (Z * E), bt = Y === 0 ? 0 : (ft % Z + Z) % Z - Z / 2, $t = W > 0 ? at * (g * W * 0.1 * dt) + tt * (j * E) : tt * (j * E), lt = W === 0 ? 0 : ($t % j + j) % j - j / 2;
-        return gt.map((A, Yt) => {
-          const Xt = A * Z + bt, Bt = tt * j + lt;
+        const et = st % 2 === 0 ? 1 : -1, at = st % 2 === 0 ? 1 : -1, dt = 1 + st % 2 * (R * 0.5), ft = Y > 0 ? et * (g * Y * 0.1 * dt) + tt * (A * E) : tt * (A * E), bt = Y === 0 ? 0 : (ft % A + A) % A - A / 2, $t = W > 0 ? at * (g * W * 0.1 * dt) + tt * (G * E) : tt * (G * E), lt = W === 0 ? 0 : ($t % G + G) % G - G / 2;
+        return gt.map((L, Yt) => {
+          const Xt = L * A + bt, Bt = tt * G + lt;
           return pt(
             `d-${st}-${Yt}`,
             Xt,
             Bt,
-            A === 0 && tt === 0
+            L === 0 && tt === 0
           );
         });
       })
@@ -983,13 +1010,13 @@ const xo = ({
       children: it.map((tt, st) => {
         let et = st % 2 === 0 ? 1 : -1;
         k === "left" && (et = -1), k === "right" && (et = 1);
-        const at = 1 + st % 2 * (R * 0.5), dt = Y > 0 && et !== 0 ? et * (g * Y * 0.1 * at) + tt * (Z * E) : tt * (Z * E), ft = Y === 0 || et === 0 ? 0 : (dt % Z + Z) % Z - Z / 2;
+        const at = 1 + st % 2 * (R * 0.5), dt = Y > 0 && et !== 0 ? et * (g * Y * 0.1 * at) + tt * (A * E) : tt * (A * E), ft = Y === 0 || et === 0 ? 0 : (dt % A + A) % A - A / 2;
         return gt.map((bt, $t) => {
-          const lt = bt * Z + ft, A = tt * j;
+          const lt = bt * A + ft, L = tt * G;
           return pt(
             `h-${st}-${$t}`,
             lt,
-            A,
+            L,
             bt === 0 && tt === 0
           );
         });
@@ -1013,10 +1040,10 @@ const xo = ({
   echoesDetails: l,
   effects: v
 }) => {
-  const b = Rt(), x = typeof o == "number" && !isNaN(o) ? o : b, g = n || 300, w = h || 300, M = (l == null ? void 0 : l.keepStill) || "both", S = Number((l == null ? void 0 : l.toRepeatCount) ?? 5), k = Number((l == null ? void 0 : l.toScaleDown) ?? 0.3), $ = Number((l == null ? void 0 : l.toCenterX) ?? 0.5), m = Number((l == null ? void 0 : l.toCenterY) ?? 0.5), I = (l == null ? void 0 : l.initialRepeatCount) !== void 0 ? Number(l.initialRepeatCount) : S, 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) : $, O = (l == null ? void 0 : l.initialCenterY) !== void 0 ? Number(l.initialCenterY) : m, P = Math.max(0, x - (s || 0)), Y = Math.min(1, Math.max(0, P / (a || 1)));
+  const b = Rt(), x = typeof o == "number" && !isNaN(o) ? o : b, g = n || 300, S = h || 300, w = (l == null ? void 0 : l.keepStill) || "both", M = Number((l == null ? void 0 : l.toRepeatCount) ?? 5), k = Number((l == null ? void 0 : l.toScaleDown) ?? 0.3), $ = Number((l == null ? void 0 : l.toCenterX) ?? 0.5), m = Number((l == null ? void 0 : l.toCenterY) ?? 0.5), I = (l == null ? void 0 : l.initialRepeatCount) !== void 0 ? Number(l.initialRepeatCount) : M, 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) : $, O = (l == null ? void 0 : l.initialCenterY) !== void 0 ? Number(l.initialCenterY) : m, P = Math.max(0, x - (s || 0)), Y = Math.min(1, Math.max(0, P / (a || 1)));
   let F = c + (i - c) * Y;
-  M === "initial" ? F = 0 : M === "final" && (F = 1);
-  const V = Math.max(1, Math.round(C(F, [0, 1], [I, S]))), X = C(F, [0, 1], [N, k]), E = C(F, [0, 1], [R, $]), _ = C(F, [0, 1], [O, m]), z = u ? typeof u == "string" ? u : `${u.x ?? 0}px ${u.y ?? 0}px ${u.blur ?? 0}px ${u.color ?? ""}` : void 0, U = Array.from({ length: V }, (L, D) => D);
+  w === "initial" ? F = 0 : w === "final" && (F = 1);
+  const V = Math.max(1, Math.round(C(F, [0, 1], [I, M]))), X = C(F, [0, 1], [N, k]), E = C(F, [0, 1], [R, $]), _ = C(F, [0, 1], [O, m]), j = u ? typeof u == "string" ? u : `${u.x ?? 0}px ${u.y ?? 0}px ${u.blur ?? 0}px ${u.color ?? ""}` : void 0, U = Array.from({ length: V }, (Z, K) => K);
   return /* @__PURE__ */ f(
     "div",
     {
@@ -1027,8 +1054,8 @@ const xo = ({
         overflow: "hidden",
         borderRadius: e || 0
       },
-      children: U.map((L) => {
-        const D = V > 1 ? L / (V - 1) : 0, H = 1 - D * (1 - Math.max(0.01, X)), Z = (E - 0.5) * g * D, j = (_ - 0.5) * w * D;
+      children: U.map((Z) => {
+        const K = V > 1 ? Z / (V - 1) : 0, H = 1 - K * (1 - Math.max(0.01, X)), A = (E - 0.5) * g * K, G = (_ - 0.5) * S * K;
         return /* @__PURE__ */ f(
           "div",
           {
@@ -1037,12 +1064,12 @@ const xo = ({
               left: "50%",
               top: "50%",
               width: `${g}px`,
-              height: `${w}px`,
-              transform: `translate(-50%, -50%) translate(${Z}px, ${j}px) scale(${H})`,
+              height: `${S}px`,
+              transform: `translate(-50%, -50%) translate(${A}px, ${G}px) scale(${H})`,
               transformOrigin: "center center",
               borderRadius: e || 0,
-              boxShadow: z,
-              zIndex: L + 1
+              boxShadow: j,
+              zIndex: Z + 1
             },
             children: /* @__PURE__ */ mt(
               "div",
@@ -1093,7 +1120,7 @@ const xo = ({
               }
             )
           },
-          `echo-${L}`
+          `echo-${Z}`
         );
       })
     }
@@ -1115,7 +1142,7 @@ const xo = ({
   wiggleDetails: l,
   effects: v
 }) => {
-  const b = Rt(), x = typeof o == "number" && !isNaN(o) ? o : b, g = n || 300, w = h || 300, M = Number((l == null ? void 0 : l.wiggleX) ?? 20), S = Number((l == null ? void 0 : l.wiggleY) ?? 20), k = Number((l == null ? void 0 : l.speed) ?? 3), $ = Number((l == null ? void 0 : l.angle) ?? 10), m = Number((l == null ? void 0 : l.seed) ?? 1), I = l != null && l.hasInitialValue && (l == null ? void 0 : l.initialWiggleX) !== void 0 ? Number(l.initialWiggleX) : M, N = l != null && l.hasInitialValue && (l == null ? void 0 : l.initialWiggleY) !== void 0 ? Number(l.initialWiggleY) : S, R = l != null && l.hasInitialValue && (l == null ? void 0 : l.initialSpeed) !== void 0 ? Number(l.initialSpeed) : k, O = l != null && l.hasInitialValue && (l == null ? void 0 : l.initialAngle) !== void 0 ? Number(l.initialAngle) : $, P = Math.max(0, x - (s || 0)), Y = Math.min(1, Math.max(0, P / (a || 1))), W = l != null && l.hasInitialValue ? I + (M - I) * Y : M, F = l != null && l.hasInitialValue ? N + (S - N) * Y : S, V = l != null && l.hasInitialValue ? R + (k - R) * Y : k, X = l != null && l.hasInitialValue ? O + ($ - O) * Y : $, E = x * (V * 0.08), _ = m * 12.345, z = Math.sin(E + _) * Math.cos(E * 0.65 + _) * W, U = Math.cos(E * 0.85 + _) * Math.sin(E * 1.15 + _) * F, L = Math.sin(E * 0.9 + _ * 1.35) * X, D = u ? typeof u == "string" ? u : `${u.x ?? 0}px ${u.y ?? 0}px ${u.blur ?? 0}px ${u.color ?? ""}` : void 0;
+  const b = Rt(), x = typeof o == "number" && !isNaN(o) ? o : b, g = n || 300, S = h || 300, w = Number((l == null ? void 0 : l.wiggleX) ?? 20), M = Number((l == null ? void 0 : l.wiggleY) ?? 20), k = Number((l == null ? void 0 : l.speed) ?? 3), $ = Number((l == null ? void 0 : l.angle) ?? 10), m = Number((l == null ? void 0 : l.seed) ?? 1), I = l != null && l.hasInitialValue && (l == null ? void 0 : l.initialWiggleX) !== void 0 ? Number(l.initialWiggleX) : w, N = l != null && l.hasInitialValue && (l == null ? void 0 : l.initialWiggleY) !== void 0 ? Number(l.initialWiggleY) : M, R = l != null && l.hasInitialValue && (l == null ? void 0 : l.initialSpeed) !== void 0 ? Number(l.initialSpeed) : k, O = l != null && l.hasInitialValue && (l == null ? void 0 : l.initialAngle) !== void 0 ? Number(l.initialAngle) : $, P = Math.max(0, x - (s || 0)), Y = Math.min(1, Math.max(0, P / (a || 1))), W = l != null && l.hasInitialValue ? I + (w - I) * Y : w, F = l != null && l.hasInitialValue ? N + (M - N) * Y : M, V = l != null && l.hasInitialValue ? R + (k - R) * Y : k, X = l != null && l.hasInitialValue ? O + ($ - O) * Y : $, E = x * (V * 0.08), _ = m * 12.345, j = Math.sin(E + _) * Math.cos(E * 0.65 + _) * W, U = Math.cos(E * 0.85 + _) * Math.sin(E * 1.15 + _) * F, Z = Math.sin(E * 0.9 + _ * 1.35) * X, K = 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",
     {
@@ -1130,14 +1157,14 @@ const xo = ({
         {
           style: {
             width: `${g}px`,
-            height: `${w}px`,
+            height: `${S}px`,
             position: "absolute",
             left: "50%",
             top: "50%",
-            transform: `translate(-50%, -50%) translate(${z}px, ${U}px) rotate(${L}deg)`,
+            transform: `translate(-50%, -50%) translate(${j}px, ${U}px) rotate(${Z}deg)`,
             transformOrigin: "center center",
             borderRadius: e || 0,
-            boxShadow: D,
+            boxShadow: K,
             overflow: "hidden"
           },
           children: [
@@ -1194,13 +1221,13 @@ const xo = ({
   children: p,
   style: d = {}
 }) => {
-  const u = Rt(), l = typeof t == "number" && !isNaN(t) ? t : u, v = c || 300, b = i || 300, x = (e == null ? void 0 : e.keepStill) || "both", g = Number((e == null ? void 0 : e.toRotationX) ?? 0), w = Number((e == null ? void 0 : e.toRotationY) ?? 360), M = Number((e == null ? void 0 : e.toRotationZ) ?? 0), S = Number((e == null ? void 0 : e.toPivotX) ?? 0), k = Number((e == null ? void 0 : e.toPivotY) ?? 0), $ = Number((e == null ? void 0 : e.toPerspective) ?? 0.45), m = !!(e != null && e.hasInitialValue), I = m ? Number((e == null ? void 0 : e.initialRotationX) ?? 0) : 0, N = m ? Number((e == null ? void 0 : e.initialRotationY) ?? 0) : 0, R = m ? Number((e == null ? void 0 : e.initialRotationZ) ?? 0) : 0, O = m ? Number((e == null ? void 0 : e.initialPivotX) ?? 0) : S, P = m ? Number((e == null ? void 0 : e.initialPivotY) ?? 0) : k, Y = m ? Number((e == null ? void 0 : e.initialPerspective) ?? 0.45) : $, W = (e == null ? void 0 : e.frontFace) ?? !0, F = (e == null ? void 0 : e.backFace) ?? !0, V = Math.max(0, l - (r || 0)), X = Math.min(1, Math.max(0, V / (o || 1)));
+  const u = Rt(), l = typeof t == "number" && !isNaN(t) ? t : u, v = c || 300, b = i || 300, x = (e == null ? void 0 : e.keepStill) || "both", g = Number((e == null ? void 0 : e.toRotationX) ?? 0), S = Number((e == null ? void 0 : e.toRotationY) ?? 360), w = Number((e == null ? void 0 : e.toRotationZ) ?? 0), M = Number((e == null ? void 0 : e.toPivotX) ?? 0), k = Number((e == null ? void 0 : e.toPivotY) ?? 0), $ = Number((e == null ? void 0 : e.toPerspective) ?? 0.45), m = !!(e != null && e.hasInitialValue), I = m ? Number((e == null ? void 0 : e.initialRotationX) ?? 0) : 0, N = m ? Number((e == null ? void 0 : e.initialRotationY) ?? 0) : 0, R = m ? Number((e == null ? void 0 : e.initialRotationZ) ?? 0) : 0, O = m ? Number((e == null ? void 0 : e.initialPivotX) ?? 0) : M, P = m ? Number((e == null ? void 0 : e.initialPivotY) ?? 0) : k, Y = m ? Number((e == null ? void 0 : e.initialPerspective) ?? 0.45) : $, W = (e == null ? void 0 : e.frontFace) ?? !0, F = (e == null ? void 0 : e.backFace) ?? !0, V = Math.max(0, l - (r || 0)), X = Math.min(1, Math.max(0, V / (o || 1)));
   let _ = s + (a - s) * X;
   x === "initial" ? _ = 0 : x === "final" && (_ = 1);
-  const z = C(_, [0, 1], [I, g]), U = C(_, [0, 1], [N, w]), L = C(_, [0, 1], [R, M]), D = C(_, [0, 1], [O, S]), H = C(_, [0, 1], [P, k]), Z = C(_, [0, 1], [Y, $]), j = Math.max(v, b), ht = Math.max(
+  const j = C(_, [0, 1], [I, g]), U = C(_, [0, 1], [N, S]), Z = C(_, [0, 1], [R, w]), K = C(_, [0, 1], [O, M]), H = C(_, [0, 1], [P, k]), A = C(_, [0, 1], [Y, $]), G = Math.max(v, b), ht = Math.max(
     1200,
-    Math.round(j * 2.5 / Math.max(0.05, Z))
-  ), Q = z * Math.PI / 180, T = U * Math.PI / 180, nt = Math.cos(Q) * Math.cos(T), vt = nt >= 0, ot = nt < 0;
+    Math.round(G * 2.5 / Math.max(0.05, A))
+  ), Q = j * Math.PI / 180, q = U * Math.PI / 180, nt = Math.cos(Q) * Math.cos(q), vt = nt >= 0, ot = nt < 0;
   let ut = !0;
   vt && !W && (ut = !1), ot && !F && (ut = !1);
   const it = h ? typeof h == "string" ? h : `${h.x ?? 0}px ${h.y ?? 0}px ${h.blur ?? 0}px ${h.color ?? ""}` : void 0;
@@ -1221,8 +1248,8 @@ const xo = ({
           style: {
             width: "100%",
             height: "100%",
-            transformOrigin: `${50 + D}% ${50 + H}%`,
-            transform: `rotateX(${z}deg) rotateY(${U}deg) rotateZ(${L}deg)`,
+            transformOrigin: `${50 + K}% ${50 + H}%`,
+            transform: `rotateX(${j}deg) rotateY(${U}deg) rotateZ(${Z}deg)`,
             backfaceVisibility: F ? "visible" : "hidden",
             visibility: ut ? "visible" : "hidden",
             borderRadius: n || 0,
@@ -1251,11 +1278,11 @@ const xo = ({
   activeEffects: l,
   effects: v
 }) => {
-  const b = l == null ? void 0 : l.find((M) => M.type === "vignette"), x = (b == null ? void 0 : b.amount) ?? (b == null ? void 0 : b.intensity) ?? (b ? 0.7 : 0), g = [];
-  l == null || l.forEach((M) => {
-    M.type === "blur" && M.radius && g.push(`blur(${M.radius}px)`), M.type === "grayscale" && M.amount !== void 0 && g.push(`grayscale(${M.amount * 100}%)`), M.type === "contrast" && M.amount !== void 0 && g.push(`contrast(${M.amount * 100}%)`), M.type === "brightness" && M.amount !== void 0 && g.push(`brightness(${100 + M.amount * 100}%)`), M.type === "hue" && M.rotation !== void 0 && g.push(`hue-rotate(${M.rotation}deg)`), M.type === "saturation" && M.amount !== void 0 && g.push(`saturate(${M.amount * 100}%)`);
+  const b = l == null ? void 0 : l.find((w) => w.type === "vignette"), x = (b == null ? void 0 : b.amount) ?? (b == null ? void 0 : b.intensity) ?? (b ? 0.7 : 0), g = [];
+  l == null || l.forEach((w) => {
+    w.type === "blur" && w.radius && g.push(`blur(${w.radius}px)`), w.type === "grayscale" && w.amount !== void 0 && g.push(`grayscale(${w.amount * 100}%)`), w.type === "contrast" && w.amount !== void 0 && g.push(`contrast(${w.amount * 100}%)`), w.type === "brightness" && w.amount !== void 0 && g.push(`brightness(${100 + w.amount * 100}%)`), w.type === "hue" && w.rotation !== void 0 && g.push(`hue-rotate(${w.rotation}deg)`), w.type === "saturation" && w.amount !== void 0 && g.push(`saturate(${w.amount * 100}%)`);
   });
-  const w = g.length > 0 ? g.join(" ") : void 0;
+  const S = g.length > 0 ? g.join(" ") : void 0;
   return /* @__PURE__ */ f(
     Cr,
     {
@@ -1289,7 +1316,7 @@ const xo = ({
                   height: "100%",
                   objectFit: "cover",
                   borderRadius: h || 0,
-                  filter: w
+                  filter: S
                 },
                 effects: v
               }
@@ -1359,18 +1386,18 @@ function Mo(t, r, o, s = 0) {
     i[ot] = a[ot & 255], n[ot] = i[ot] % 12;
   const h = 1 / 3, e = 1 / 6;
   let p = 0, d = 0, u = 0, l = 0;
-  const v = (t + r + o) * h, b = Math.floor(t + v), x = Math.floor(r + v), g = Math.floor(o + v), w = (b + x + g) * e, M = b - w, S = x - w, k = g - w, $ = t - M, m = r - S, I = o - k;
+  const v = (t + r + o) * h, b = Math.floor(t + v), x = Math.floor(r + v), g = Math.floor(o + v), S = (b + x + g) * e, w = b - S, M = x - S, k = g - S, $ = t - w, m = r - M, I = o - k;
   let N = 0, R = 0, O = 0, P = 0, Y = 0, W = 0;
   $ >= m ? m >= I ? (N = 1, R = 0, O = 0, P = 1, Y = 1, W = 0) : $ >= I ? (N = 1, R = 0, O = 0, P = 1, Y = 0, W = 1) : (N = 0, R = 0, O = 1, P = 1, Y = 0, W = 1) : m < I ? (N = 0, R = 0, O = 1, P = 0, Y = 1, W = 1) : $ < I ? (N = 0, R = 1, O = 0, P = 0, Y = 1, W = 1) : (N = 0, R = 1, O = 0, P = 1, Y = 1, W = 0);
-  const F = $ - N + e, V = m - R + e, X = I - O + e, E = $ - P + 2 * e, _ = m - Y + 2 * e, z = I - W + 2 * e, U = $ - 1 + 3 * e, L = m - 1 + 3 * e, D = I - 1 + 3 * e, H = b & 255, Z = x & 255, j = g & 255;
+  const F = $ - N + e, V = m - R + e, X = I - O + e, E = $ - P + 2 * e, _ = m - Y + 2 * e, j = I - W + 2 * e, U = $ - 1 + 3 * e, Z = m - 1 + 3 * e, K = I - 1 + 3 * e, H = b & 255, A = x & 255, G = g & 255;
   let ht = 0.6 - $ * $ - m * m - I * I;
-  ht >= 0 && (ht *= ht, p = ht * ht * lr(ur[n[H + i[Z + i[j]]]], $, m, I));
+  ht >= 0 && (ht *= ht, p = ht * ht * lr(ur[n[H + i[A + i[G]]]], $, m, I));
   let Q = 0.6 - F * F - V * V - X * X;
-  Q >= 0 && (Q *= Q, d = Q * Q * lr(ur[n[H + N + i[Z + R + i[j + O]]]], F, V, X));
-  let T = 0.6 - E * E - _ * _ - z * z;
-  T >= 0 && (T *= T, u = T * T * lr(ur[n[H + P + i[Z + Y + i[j + W]]]], E, _, z));
-  let nt = 0.6 - U * U - L * L - D * D;
-  nt >= 0 && (nt *= nt, l = nt * nt * lr(ur[n[H + 1 + i[Z + 1 + i[j + 1]]]], U, L, D));
+  Q >= 0 && (Q *= Q, d = Q * Q * lr(ur[n[H + N + i[A + R + i[G + O]]]], F, V, X));
+  let q = 0.6 - E * E - _ * _ - j * j;
+  q >= 0 && (q *= q, u = q * q * lr(ur[n[H + P + i[A + Y + i[G + W]]]], E, _, j));
+  let nt = 0.6 - U * U - Z * Z - K * K;
+  nt >= 0 && (nt *= nt, l = nt * nt * lr(ur[n[H + 1 + i[A + 1 + i[G + 1]]]], U, Z, K));
   const vt = 32 * (p + d + u + l);
   return Math.min(1, Math.max(0, (vt + 1) / 2));
 }
@@ -1389,20 +1416,20 @@ const En = ({
   boxShadow: d,
   noiseTileDetails: u
 }) => {
-  const l = Rt(), v = typeof r == "number" && !isNaN(r) ? r : l, b = i || 300, x = n || 300, g = (u == null ? void 0 : u.keepStill) || "both", w = Number((u == null ? void 0 : u.toXRepetitions) ?? (u == null ? void 0 : u.xRepetitions) ?? 5), M = Number((u == null ? void 0 : u.toYRepetitions) ?? (u == null ? void 0 : u.yRepetitions) ?? 5), S = 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), $ = Number((u == null ? void 0 : u.toScale) ?? (u == null ? void 0 : u.scale) ?? 1), m = Number((u == null ? void 0 : u.toNoiseScale) ?? (u == null ? void 0 : u.noiseScale) ?? 1.5), I = 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), O = Number((u == null ? void 0 : u.toThreshold) ?? (u == null ? void 0 : u.threshold) ?? 0.45), P = Number((u == null ? void 0 : u.toSeedOffset) ?? (u == null ? void 0 : u.seedOffset) ?? 0), Y = !!(u != null && u.hasInitialValue), W = Y ? Number((u == null ? void 0 : u.initialXRepetitions) ?? w) : w, F = Y ? Number((u == null ? void 0 : u.initialYRepetitions) ?? M) : M, V = Y ? Number((u == null ? void 0 : u.initialGapX) ?? S) : S, X = Y ? Number((u == null ? void 0 : u.initialGapY) ?? k) : k, E = Y ? Number((u == null ? void 0 : u.initialScale) ?? $) : $, _ = Y ? Number((u == null ? void 0 : u.initialNoiseScale) ?? m) : m, z = Y ? Number((u == null ? void 0 : u.initialNoiseMoveX) ?? I) : I, U = Y ? Number((u == null ? void 0 : u.initialNoiseMoveY) ?? N) : N, L = Y ? Number((u == null ? void 0 : u.initialFps) ?? R) : R, D = Y ? Number((u == null ? void 0 : u.initialThreshold) ?? O) : O, H = Y ? Number((u == null ? void 0 : u.initialSeedOffset) ?? P) : P, Z = Math.max(0, v - (o || 0)), j = Math.min(1, Math.max(0, Z / (s || 1)));
-  let Q = a + (c - a) * j;
+  const l = Rt(), v = typeof r == "number" && !isNaN(r) ? r : l, b = i || 300, x = n || 300, g = (u == null ? void 0 : u.keepStill) || "both", S = Number((u == null ? void 0 : u.toXRepetitions) ?? (u == null ? void 0 : u.xRepetitions) ?? 5), w = Number((u == null ? void 0 : u.toYRepetitions) ?? (u == null ? void 0 : u.yRepetitions) ?? 5), M = 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), $ = Number((u == null ? void 0 : u.toScale) ?? (u == null ? void 0 : u.scale) ?? 1), m = Number((u == null ? void 0 : u.toNoiseScale) ?? (u == null ? void 0 : u.noiseScale) ?? 1.5), I = 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), O = Number((u == null ? void 0 : u.toThreshold) ?? (u == null ? void 0 : u.threshold) ?? 0.45), P = Number((u == null ? void 0 : u.toSeedOffset) ?? (u == null ? void 0 : u.seedOffset) ?? 0), Y = !!(u != null && u.hasInitialValue), W = Y ? Number((u == null ? void 0 : u.initialXRepetitions) ?? S) : S, F = Y ? Number((u == null ? void 0 : u.initialYRepetitions) ?? w) : w, V = Y ? Number((u == null ? void 0 : u.initialGapX) ?? M) : M, X = Y ? Number((u == null ? void 0 : u.initialGapY) ?? k) : k, E = Y ? Number((u == null ? void 0 : u.initialScale) ?? $) : $, _ = Y ? Number((u == null ? void 0 : u.initialNoiseScale) ?? m) : m, j = Y ? Number((u == null ? void 0 : u.initialNoiseMoveX) ?? I) : I, U = Y ? Number((u == null ? void 0 : u.initialNoiseMoveY) ?? N) : N, Z = Y ? Number((u == null ? void 0 : u.initialFps) ?? R) : R, K = Y ? Number((u == null ? void 0 : u.initialThreshold) ?? O) : O, H = Y ? Number((u == null ? void 0 : u.initialSeedOffset) ?? P) : P, A = Math.max(0, v - (o || 0)), G = Math.min(1, Math.max(0, A / (s || 1)));
+  let Q = a + (c - a) * G;
   g === "initial" ? Q = 0 : g === "final" && (Q = 1);
-  const T = Math.max(1, Math.round(C(Q, [0, 1], [W, w]))), nt = Math.max(1, Math.round(C(Q, [0, 1], [F, M]))), vt = C(Q, [0, 1], [V, S]), ot = C(Q, [0, 1], [X, k]), ut = C(Q, [0, 1], [E, $]), it = C(Q, [0, 1], [_, m]), gt = C(Q, [0, 1], [z, I]), pt = C(Q, [0, 1], [U, N]), tt = Math.max(1, Math.round(C(Q, [0, 1], [L, R]))), st = C(Q, [0, 1], [D, O]), et = C(Q, [0, 1], [H, P]), at = d ? typeof d == "string" ? d : `${d.x ?? 0}px ${d.y ?? 0}px ${d.blur ?? 0}px ${d.color ?? ""}` : void 0, dt = Math.floor(Z * (tt / 30)), ft = (T - 1) / 2, bt = (nt - 1) / 2, $t = [];
+  const q = Math.max(1, Math.round(C(Q, [0, 1], [W, S]))), nt = Math.max(1, Math.round(C(Q, [0, 1], [F, w]))), vt = C(Q, [0, 1], [V, M]), ot = C(Q, [0, 1], [X, k]), ut = C(Q, [0, 1], [E, $]), it = C(Q, [0, 1], [_, m]), gt = C(Q, [0, 1], [j, I]), pt = C(Q, [0, 1], [U, N]), tt = Math.max(1, Math.round(C(Q, [0, 1], [Z, R]))), st = C(Q, [0, 1], [K, O]), et = C(Q, [0, 1], [H, P]), at = d ? typeof d == "string" ? d : `${d.x ?? 0}px ${d.y ?? 0}px ${d.blur ?? 0}px ${d.color ?? ""}` : void 0, dt = Math.floor(A * (tt / 30)), ft = (q - 1) / 2, bt = (nt - 1) / 2, $t = [];
   for (let lt = 0; lt < nt; lt++)
-    for (let A = 0; A < T; A++) {
-      const Yt = A / Math.max(1, T) * it, Xt = lt / Math.max(1, nt) * it, Bt = dt * 0.1 + et, Et = Mo(
+    for (let L = 0; L < q; L++) {
+      const Yt = L / Math.max(1, q) * it, Xt = lt / Math.max(1, nt) * it, Bt = dt * 0.1 + et, Et = Mo(
         Yt + dt * gt * 0.05,
         Xt + dt * pt * 0.05,
         Bt,
         et
-      ), _t = A === Math.floor(ft) && lt === Math.floor(bt) || Et >= st, Wt = A - ft, Zt = lt - bt, Qt = vt / 100 * b, Kt = ot / 100 * x, Jt = Wt * (b * ut + Qt), Tt = Zt * (x * ut + Kt);
+      ), _t = L === Math.floor(ft) && lt === Math.floor(bt) || Et >= st, Wt = L - ft, Zt = lt - bt, Qt = vt / 100 * b, Kt = ot / 100 * x, Jt = Wt * (b * ut + Qt), Tt = Zt * (x * ut + Kt);
       $t.push({
-        col: A,
+        col: L,
         row: lt,
         visible: _t,
         posX: Jt,
@@ -1486,7 +1513,7 @@ const En = ({
     }
   );
 };
-function Gr(t) {
+function zr(t) {
   if (!t || !Array.isArray(t) || t.length === 0)
     return;
   const r = t.map((o) => {
@@ -1508,7 +1535,7 @@ function Gr(t) {
   }).filter((o) => o !== null);
   return r.length > 0 ? r : void 0;
 }
-function zr(t, r, o = 0, s = 0) {
+function Gr(t, r, o = 0, s = 0) {
   var n, h, e, p;
   const a = [], c = /* @__PURE__ */ new Set(), i = [];
   if (r) {
@@ -1535,16 +1562,16 @@ function zr(t, r, o = 0, s = 0) {
       if (!l) return;
       const b = l.property;
       if (d.includes(b)) {
-        const x = l.delay ?? 0, g = Math.max(1, l.durationInFrames ?? 30), w = v === "out" ? Math.max(0, s - g - x) : x, M = w + g, S = (m) => m === "contrast" || m === "brightness" || m === "saturation" ? 100 : m === "pixelate" ? 1 : 0;
-        let k = !1, $ = S(b);
-        if (o >= w && o <= M) {
+        const x = l.delay ?? 0, g = Math.max(1, l.durationInFrames ?? 30), S = v === "out" ? Math.max(0, s - g - x) : x, w = S + g, M = (m) => m === "contrast" || m === "brightness" || m === "saturation" ? 100 : m === "pixelate" ? 1 : 0;
+        let k = !1, $ = M(b);
+        if (o >= S && o <= w) {
           k = !0;
           const m = Math.min(
             1,
-            Math.max(0, (o - w) / g)
-          ), I = Number(l.from ?? S(b)), N = Number(l.to ?? S(b));
+            Math.max(0, (o - S) / g)
+          ), I = Number(l.from ?? M(b)), N = Number(l.to ?? M(b));
           $ = I + (N - I) * m;
-        } else o > M && l.persist === !0 && (k = !0, $ = Number(l.to ?? S(b)));
+        } else o > w && l.persist === !0 && (k = !0, $ = Number(l.to ?? M(b)));
         if (!k) return;
         switch (c.add(b), b) {
           case "blur":
@@ -1758,20 +1785,20 @@ var vr = function(r) {
   };
 };
 St.readBytes = vr;
-var Gn = function(r) {
+var zn = function(r) {
   return function(o) {
     return o.data.subarray(o.pos, o.pos + r);
   };
 };
-St.peekBytes = Gn;
-var zn = function(r) {
+St.peekBytes = zn;
+var Gn = function(r) {
   return function(o) {
     return Array.from(vr(r)(o)).map(function(s) {
       return String.fromCharCode(s);
     }).join("");
   };
 };
-St.readString = zn;
+St.readString = Gn;
 var jn = function(r) {
   return function(o) {
     var s = vr(2)(o);
@@ -1810,15 +1837,15 @@ St.readBits = Hn;
     blocks: function(u) {
       for (var l = 0, v = [], b = u.data.length, x = 0, g = (0, o.readByte)()(u); g !== l && g; g = (0, o.readByte)()(u)) {
         if (u.pos + g >= b) {
-          var w = b - u.pos;
-          v.push((0, o.readBytes)(w)(u)), x += w;
+          var S = b - u.pos;
+          v.push((0, o.readBytes)(S)(u)), x += S;
           break;
         }
         v.push((0, o.readBytes)(g)(u)), x += g;
       }
-      for (var M = new Uint8Array(x), S = 0, k = 0; k < v.length; k++)
-        M.set(v[k], S), S += v[k].length;
-      return M;
+      for (var w = new Uint8Array(x), M = 0, k = 0; k < v.length; k++)
+        w.set(v[k], M), M += v[k].length;
+      return w;
     }
   }, a = (0, r.conditional)({
     gce: [{
@@ -2005,9 +2032,9 @@ Object.defineProperty(gr, "__esModule", {
 });
 gr.lzw = void 0;
 var Zn = function(r, o, s) {
-  var a = 4096, c = -1, i = s, n, h, e, p, d, u, l, $, v, b, k, x, m, I, R, N, g = new Array(s), w = new Array(a), M = new Array(a), S = new Array(a + 1);
+  var a = 4096, c = -1, i = s, n, h, e, p, d, u, l, $, v, b, k, x, m, I, R, N, g = new Array(s), S = new Array(a), w = new Array(a), M = new Array(a + 1);
   for (x = r, h = 1 << x, d = h + 1, n = h + 2, l = c, p = x + 1, e = (1 << p) - 1, v = 0; v < h; v++)
-    w[v] = 0, M[v] = v;
+    S[v] = 0, w[v] = v;
   var k, $, m, I, N, R;
   for (k = $ = m = I = N = R = 0, b = 0; b < i; ) {
     if (I === 0) {
@@ -2022,14 +2049,14 @@ var Zn = function(r, o, s) {
         continue;
       }
       if (l == c) {
-        S[I++] = M[v], l = v, m = v;
+        M[I++] = w[v], l = v, m = v;
         continue;
       }
-      for (u = v, v == n && (S[I++] = m, v = l); v > h; )
-        S[I++] = M[v], v = w[v];
-      m = M[v] & 255, S[I++] = m, n < a && (w[n] = l, M[n] = m, n++, !(n & e) && n < a && (p++, e += n)), l = u;
+      for (u = v, v == n && (M[I++] = m, v = l); v > h; )
+        M[I++] = w[v], v = S[v];
+      m = w[v] & 255, M[I++] = m, n < a && (S[n] = l, w[n] = m, n++, !(n & e) && n < a && (p++, e += n)), l = u;
     }
-    I--, g[N++] = S[I], b++;
+    I--, g[N++] = M[I], b++;
   }
   for (b = N; b < i; b++)
     g[b] = 0;
@@ -2167,32 +2194,32 @@ function Yo({
     y: 0,
     width: c.width,
     height: c.height
-  }, u = c.borderWidth || 0, l = c.width || 0, v = c.height || 0, b = (d.x || 0) + u, x = (d.y || 0) + u, g = l - (d.x || 0) - (d.width || l) + u, w = v - (d.y || 0) - (d.height || v) + u, M = Math.min(d.width || l, d.height || v) * ((c.borderRadius || 0) / 100), S = Math.max(0, M - u), k = `inset(
+  }, u = c.borderWidth || 0, l = c.width || 0, v = c.height || 0, b = (d.x || 0) + u, x = (d.y || 0) + u, g = l - (d.x || 0) - (d.width || l) + u, S = v - (d.y || 0) - (d.height || v) + u, w = Math.min(d.width || l, d.height || v) * ((c.borderRadius || 0) / 100), M = Math.max(0, w - u), k = `inset(
     ${x}px
     ${g}px
-    ${w}px
-    ${b}px round ${S}px
-  )`, { durationInFrames: $ } = wt(t.display, o), m = (s || 0) - t.display.from * o / 1e3, I = Gt(c, d, {}), { WebkitTextStroke: N } = I, R = yo(c, d), O = zr(
+    ${S}px
+    ${b}px round ${M}px
+  )`, { durationInFrames: $ } = wt(t.display, o), m = (s || 0) - t.display.from * o / 1e3, I = zt(c, d, {}), { WebkitTextStroke: N } = I, R = yo(c, d), O = Gr(
     c.effects,
     i,
     m,
     $
-  ), P = Gr(O), { filter: Y, overlays: W } = wo(O), F = c.width || d.width || 300, V = c.height || d.height || 300, X = ne(c.src), E = (ut = (ot = i == null ? void 0 : i.loop) == null ? void 0 : ot.composition) == null ? void 0 : ut.find(
-    (A) => A.property === "textGridMarqueeTextAnimationLoop" || A.property === "textGridMarquee" || A.property === "imageGridMarqueeTextAnimationLoop" || A.property === "imageGridMarquee" || A.id === "textGridMarquee" || A.id === "imageGridMarquee"
-  ), _ = !!(E && m >= (E.delay || 0) && m <= (E.delay || 0) + (E.durationInFrames || 60)), z = (gt = (it = i == null ? void 0 : i.loop) == null ? void 0 : it.composition) == null ? void 0 : gt.find(
-    (A) => A.property === "inwardEchoes" || A.id === "inwardEchoes"
-  ), U = !!(z && m >= (z.delay || 0) && m <= (z.delay || 0) + (z.durationInFrames || 120)), L = (tt = (pt = i == null ? void 0 : i.loop) == null ? void 0 : pt.composition) == null ? void 0 : tt.find(
-    (A) => A.property === "wiggle" || A.id === "wiggle"
-  ), D = !!(L && m >= (L.delay || 0) && m <= (L.delay || 0) + (L.durationInFrames || 120)), H = (et = (st = i == null ? void 0 : i.loop) == null ? void 0 : st.composition) == null ? void 0 : et.find(
-    (A) => A.property === "cardFlip" || A.id === "cardFlip"
-  ), Z = !!(H && m >= (H.delay || 0) && m <= (H.delay || 0) + (H.durationInFrames || 120)), j = (dt = (at = i == null ? void 0 : i.loop) == null ? void 0 : at.composition) == null ? void 0 : dt.find(
-    (A) => A.property === "noiseTile" || A.id === "noiseTile"
-  ), ht = !!(j && m >= (j.delay || 0) && m <= (j.delay || 0) + (j.durationInFrames || 120)), Q = [
+  ), P = zr(O), { filter: Y, overlays: W } = wo(O), F = c.width || d.width || 300, V = c.height || d.height || 300, X = ne(c.src), E = (ut = (ot = i == null ? void 0 : i.loop) == null ? void 0 : ot.composition) == null ? void 0 : ut.find(
+    (L) => L.property === "textGridMarqueeTextAnimationLoop" || L.property === "textGridMarquee" || L.property === "imageGridMarqueeTextAnimationLoop" || L.property === "imageGridMarquee" || L.id === "textGridMarquee" || L.id === "imageGridMarquee"
+  ), _ = !!(E && m >= (E.delay || 0) && m <= (E.delay || 0) + (E.durationInFrames || 60)), j = (gt = (it = i == null ? void 0 : i.loop) == null ? void 0 : it.composition) == null ? void 0 : gt.find(
+    (L) => L.property === "inwardEchoes" || L.id === "inwardEchoes"
+  ), U = !!(j && m >= (j.delay || 0) && m <= (j.delay || 0) + (j.durationInFrames || 120)), Z = (tt = (pt = i == null ? void 0 : i.loop) == null ? void 0 : pt.composition) == null ? void 0 : tt.find(
+    (L) => L.property === "wiggle" || L.id === "wiggle"
+  ), K = !!(Z && m >= (Z.delay || 0) && m <= (Z.delay || 0) + (Z.durationInFrames || 120)), H = (et = (st = i == null ? void 0 : i.loop) == null ? void 0 : st.composition) == null ? void 0 : et.find(
+    (L) => L.property === "cardFlip" || L.id === "cardFlip"
+  ), A = !!(H && m >= (H.delay || 0) && m <= (H.delay || 0) + (H.durationInFrames || 120)), G = (dt = (at = i == null ? void 0 : i.loop) == null ? void 0 : at.composition) == null ? void 0 : dt.find(
+    (L) => L.property === "noiseTile" || L.id === "noiseTile"
+  ), ht = !!(G && m >= (G.delay || 0) && m <= (G.delay || 0) + (G.durationInFrames || 120)), Q = [
     ...((ft = i == null ? void 0 : i.in) == null ? void 0 : ft.composition) || [],
     ...((bt = i == null ? void 0 : i.out) == null ? void 0 : bt.composition) || [],
     ...(($t = i == null ? void 0 : i.timed) == null ? void 0 : $t.composition) || [],
     ...((lt = i == null ? void 0 : i.loop) == null ? void 0 : lt.composition) || []
-  ], T = () => _ ? /* @__PURE__ */ f(
+  ], q = () => _ ? /* @__PURE__ */ f(
     xo,
     {
       src: c.src,
@@ -2215,10 +2242,10 @@ function Yo({
     {
       src: c.src,
       frame: m,
-      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,
+      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: F,
       height: V,
       borderRadius: R.borderRadius,
@@ -2226,17 +2253,17 @@ function Yo({
       borderColor: c.borderColor,
       boxShadow: c.boxShadow,
       fps: o,
-      echoesDetails: z == null ? void 0 : z.details
+      echoesDetails: j == null ? void 0 : j.details
     }
-  ) : D ? /* @__PURE__ */ f(
+  ) : K ? /* @__PURE__ */ f(
     So,
     {
       src: c.src,
       frame: m,
-      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,
+      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: V,
       borderRadius: R.borderRadius,
@@ -2244,9 +2271,9 @@ function Yo({
       borderColor: c.borderColor,
       boxShadow: c.boxShadow,
       fps: o,
-      wiggleDetails: L == null ? void 0 : L.details
+      wiggleDetails: Z == null ? void 0 : Z.details
     }
-  ) : Z ? /* @__PURE__ */ f(
+  ) : A ? /* @__PURE__ */ f(
     Pn,
     {
       src: c.src,
@@ -2271,10 +2298,10 @@ function Yo({
     {
       src: c.src,
       frame: m,
-      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: G == null ? void 0 : G.delay,
+      durationInFrames: G == null ? void 0 : G.durationInFrames,
+      from: G == null ? void 0 : G.from,
+      to: G == null ? void 0 : G.to,
       width: F,
       height: V,
       borderRadius: R.borderRadius,
@@ -2282,7 +2309,7 @@ function Yo({
       borderColor: c.borderColor,
       boxShadow: c.boxShadow,
       fps: o,
-      noiseTileDetails: j == null ? void 0 : j.details
+      noiseTileDetails: G == null ? void 0 : G.details
     }
   ) : X ? /* @__PURE__ */ f(
     ie,
@@ -2310,7 +2337,7 @@ function Yo({
         clipPath: u > 0 || d.x || d.y ? k : void 0
       }
     }
-  ), nt = _ || U || D || Z || ht, vt = /* @__PURE__ */ f(
+  ), nt = _ || U || K || A || ht, vt = /* @__PURE__ */ f(
     Ht,
     {
       style: {
@@ -2351,7 +2378,7 @@ function Yo({
                     height: "100%"
                   },
                   children: [
-                    !_ && !U && !D && !Z && !ht && c.boxShadow && /* @__PURE__ */ f(
+                    !_ && !U && !K && !A && !ht && c.boxShadow && /* @__PURE__ */ f(
                       "div",
                       {
                         style: {
@@ -2397,14 +2424,14 @@ function Yo({
                                     width: F,
                                     height: V,
                                     effects: P,
-                                    children: T()
+                                    children: q()
                                   }
-                                ) : T(),
-                                W.map((A) => /* @__PURE__ */ f("div", { style: A.style }, A.id))
+                                ) : q(),
+                                W.map((L) => /* @__PURE__ */ f("div", { style: L.style }, L.id))
                               ]
                             }
                           ),
-                          !_ && !U && !D && !Z && !ht && !!c.borderWidth && /* @__PURE__ */ f(
+                          !_ && !U && !K && !A && !ht && !!c.borderWidth && /* @__PURE__ */ f(
                             "div",
                             {
                               style: {
@@ -2431,14 +2458,14 @@ const Xo = ({
   item: t,
   options: r
 }) => {
-  var x, g, w, M;
+  var x, g, S, w;
   const { fps: o, frame: s } = r, { details: a, animations: c } = t, { animationIn: i, animationOut: n, animationTimed: h } = Ft(
     c,
     t,
     s,
     o,
     r
-  ), { durationInFrames: e } = wt(t.display, o), p = (s || 0) - t.display.from * o / 1e3, d = Gt(a), u = d.borderRadius, l = a.borderWidth || 0, v = a.borderColor || "transparent", b = /* @__PURE__ */ f(
+  ), { durationInFrames: e } = wt(t.display, o), p = (s || 0) - t.display.from * o / 1e3, d = zt(a), u = d.borderRadius, l = a.borderWidth || 0, v = a.borderColor || "transparent", b = /* @__PURE__ */ f(
     Ht,
     {
       style: {
@@ -2469,8 +2496,8 @@ const Xo = ({
               keyframeAnimations: [
                 ...((x = c == null ? void 0 : c.in) == null ? void 0 : x.composition) || [],
                 ...((g = c == null ? void 0 : c.out) == null ? void 0 : g.composition) || [],
-                ...((w = c == null ? void 0 : c.timed) == null ? void 0 : w.composition) || [],
-                ...((M = c == null ? void 0 : c.loop) == null ? void 0 : M.composition) || [],
+                ...((S = c == null ? void 0 : c.timed) == null ? void 0 : S.composition) || [],
+                ...((w = c == null ? void 0 : c.loop) == null ? void 0 : w.composition) || [],
                 ...i || [],
                 ...n || [],
                 ...h || []
@@ -2546,8 +2573,8 @@ const Xo = ({
     v * 0.45,
     Math.max(2, v / a * 1.5)
   ), x >= v && (x = v * 0.5), g = (v - x) / (a - 1));
-  const w = p + r * g, M = o - w;
-  if (u === "in" && M < 0)
+  const S = p + r * g, w = o - S;
+  if (u === "in" && w < 0)
     return /* @__PURE__ */ f(
       "span",
       {
@@ -2557,7 +2584,7 @@ const Xo = ({
       r
     );
   if (u === "out") {
-    if (b && M >= 0)
+    if (b && w >= 0)
       return /* @__PURE__ */ f(
         "span",
         {
@@ -2566,7 +2593,7 @@ const Xo = ({
         },
         r
       );
-    if (!b && M >= x)
+    if (!b && w >= x)
       return /* @__PURE__ */ f(
         "span",
         {
@@ -2576,10 +2603,10 @@ const Xo = ({
         r
       );
   }
-  const S = b ? 1 : C(M, [0, x], [0, 1], {
+  const M = b ? 1 : C(w, [0, x], [0, 1], {
     extrapolateLeft: "clamp",
     extrapolateRight: "clamp"
-  }), k = de(e), $ = b ? 1 : k(S), m = n + (h - n) * $;
+  }), k = de(e), $ = b ? 1 : k(M), m = n + (h - n) * $;
   let I = {
     display: "inline-block",
     transformOrigin: "center"
@@ -2603,19 +2630,19 @@ const Xo = ({
       break;
     case "growIn": {
       let P;
-      if (S < 0.65) {
-        const Y = S / 0.65, W = y.out(y.cubic)(Y);
+      if (M < 0.65) {
+        const Y = M / 0.65, W = y.out(y.cubic)(Y);
         P = n + (h + 0.1 - n) * W;
       } else {
-        const Y = (S - 0.65) / 0.35, W = y.out(y.quad)(Y);
+        const Y = (M - 0.65) / 0.35, W = y.out(y.quad)(Y);
         P = h + 0.1 - 0.1 * W;
       }
-      N.push(`scale(${P})`), I.opacity = y.out(y.quad)(S);
+      N.push(`scale(${P})`), I.opacity = y.out(y.quad)(M);
       break;
     }
     case "growOut": {
-      const P = y.out(y.cubic)(S), Y = n + (h - n) * P;
-      N.push(`scale(${Y})`), I.opacity = 1 - y.out(y.quad)(S);
+      const P = y.out(y.cubic)(M), Y = n + (h - n) * P;
+      N.push(`scale(${Y})`), I.opacity = 1 - y.out(y.quad)(M);
       break;
     }
     case "shrinkIn": {
@@ -3523,7 +3550,7 @@ const We = ({
       [0, a],
       [0.5, 1],
       { extrapolateRight: "clamp" }
-    ), w = C(
+    ), S = C(
       x,
       [0, a],
       [0.15, 0],
@@ -3537,7 +3564,7 @@ const We = ({
             position: "absolute",
             top: 0,
             left: 0,
-            opacity: w,
+            opacity: S,
             transform: `scale(${g * 2})`,
             pointerEvents: "none"
           },
@@ -3655,22 +3682,22 @@ const We = ({
     if (!x) return [];
     x.font = `${v}px ${o.fontFamily || "Arial, sans-serif"}`;
     const g = u.split(" ");
-    let w = [], M = "";
-    return g.forEach((S) => {
-      const k = M ? `${M} ${S}` : S;
-      x.measureText(k).width > l ? (w.push(M), M = S) : M = k;
-    }), M && w.push(M), w;
+    let S = [], w = "";
+    return g.forEach((M) => {
+      const k = w ? `${w} ${M}` : M;
+      x.measureText(k).width > l ? (S.push(w), w = M) : w = k;
+    }), w && S.push(w), S;
   }, i = o.width || 300, n = c(t, i, o.fontSize), h = s / a, e = 0.3, p = h / n.length, d = n.map((u, l) => {
-    const v = l * p * (1 - e) * 1.5, b = v + p, x = v * a, g = Math.max(b * a, h * a), w = C(r, [x, g], [0, 1], {
+    const v = l * p * (1 - e) * 1.5, b = v + p, x = v * a, g = Math.max(b * a, h * a), S = C(r, [x, g], [0, 1], {
       easing: y.out(y.cubic),
       extrapolateLeft: "clamp",
       extrapolateRight: "clamp"
-    }), M = C(w, [0, 1], [-o.fontSize, 0]);
+    }), w = C(S, [0, 1], [-o.fontSize, 0]);
     return {
       text: u,
-      progress: w,
-      y: M,
-      opacity: w
+      progress: S,
+      y: w,
+      opacity: S
     };
   });
   return /* @__PURE__ */ f(
@@ -3707,7 +3734,7 @@ const We = ({
       ))
     }
   );
-}, Ge = ({
+}, ze = ({
   text: t,
   frame: r,
   fps: o
@@ -3723,7 +3750,7 @@ const We = ({
       children: t
     }
   );
-}, ze = ({
+}, Ge = ({
   frame: t,
   durationInFrames: r,
   text: o
@@ -3902,13 +3929,13 @@ const Ae = ({ text: t, frame: r }) => {
   details: i,
   marqueeDetails: n
 }) => {
-  const h = Rt(), e = typeof r == "number" && !isNaN(r) ? r : h, p = Math.max(0, e - (o || 0)), d = Math.min(1, Math.max(0, p / (s || 1))), u = i.width || 300, l = i.height || 100, v = (n == null ? void 0 : n.direction) || "horizontal", b = v === "static", x = Math.min(15, Math.max(1, Number((n == null ? void 0 : n.repeatX) ?? 5))), g = Math.min(15, Math.max(1, Number((n == null ? void 0 : n.repeatY) ?? 5))), w = (n == null ? void 0 : n.baseSpeed) !== void 0 ? Number(n.baseSpeed) : 2, M = (n == null ? void 0 : n.speedVariation) !== void 0 ? Number(n.speedVariation) : 0.5, S = n != null && n.hasInitialValue && (n == null ? void 0 : n.initialBaseSpeed) !== void 0 ? Number(n.initialBaseSpeed) : w, k = n != null && n.hasInitialValue ? S + (w - S) * d : w, $ = b ? 0 : k * 400, m = b ? 0 : k * 400, I = (n == null ? void 0 : n.scaleFactor) !== void 0 ? Number(n.scaleFactor) : 1, N = n != null && n.hasInitialValue && (n == null ? void 0 : n.initialScaleFactor) !== void 0 ? Number(n.initialScaleFactor) : I, R = n != null && n.hasInitialValue ? N + (I - N) * d : I, O = (n == null ? void 0 : n.lineOffset) !== void 0 ? Number(n.lineOffset) : 0.5, P = (n == null ? void 0 : n.gapX) !== void 0 ? Number(n.gapX) : 60, Y = (n == null ? void 0 : n.gapY) !== void 0 ? Number(n.gapY) : 60, W = P / 100 * u, F = Y / 100 * l, V = u * R + W, X = l * R + F, E = rr(i), _ = v === "vertical" || v === "up" || v === "down", z = v === "diagonal", U = (x - 1) / 2, L = (g - 1) / 2, D = g, H = x, Z = Array.from({ length: D }, (Q, T) => T - L), j = Array.from({ length: H }, (Q, T) => T - U), ht = (Q, T, nt, vt) => /* @__PURE__ */ f(
+  const h = Rt(), e = typeof r == "number" && !isNaN(r) ? r : h, p = Math.max(0, e - (o || 0)), d = Math.min(1, Math.max(0, p / (s || 1))), u = i.width || 300, l = i.height || 100, v = (n == null ? void 0 : n.direction) || "horizontal", b = v === "static", x = Math.min(15, Math.max(1, Number((n == null ? void 0 : n.repeatX) ?? 5))), g = Math.min(15, Math.max(1, Number((n == null ? void 0 : n.repeatY) ?? 5))), S = (n == null ? void 0 : n.baseSpeed) !== void 0 ? Number(n.baseSpeed) : 2, w = (n == null ? void 0 : n.speedVariation) !== void 0 ? Number(n.speedVariation) : 0.5, M = n != null && n.hasInitialValue && (n == null ? void 0 : n.initialBaseSpeed) !== void 0 ? Number(n.initialBaseSpeed) : S, k = n != null && n.hasInitialValue ? M + (S - M) * d : S, $ = b ? 0 : k * 400, m = b ? 0 : k * 400, I = (n == null ? void 0 : n.scaleFactor) !== void 0 ? Number(n.scaleFactor) : 1, N = n != null && n.hasInitialValue && (n == null ? void 0 : n.initialScaleFactor) !== void 0 ? Number(n.initialScaleFactor) : I, R = n != null && n.hasInitialValue ? N + (I - N) * d : I, O = (n == null ? void 0 : n.lineOffset) !== void 0 ? Number(n.lineOffset) : 0.5, P = (n == null ? void 0 : n.gapX) !== void 0 ? Number(n.gapX) : 60, Y = (n == null ? void 0 : n.gapY) !== void 0 ? Number(n.gapY) : 60, W = P / 100 * u, F = Y / 100 * l, V = u * R + W, X = l * R + F, E = rr(i), _ = v === "vertical" || v === "up" || v === "down", j = v === "diagonal", U = (x - 1) / 2, Z = (g - 1) / 2, K = g, H = x, A = Array.from({ length: K }, (Q, q) => q - Z), G = Array.from({ length: H }, (Q, q) => q - U), ht = (Q, q, nt, vt) => /* @__PURE__ */ f(
     "span",
     {
       style: {
         ...E,
         position: "absolute",
-        left: `calc(50% + ${T}px)`,
+        left: `calc(50% + ${q}px)`,
         top: `calc(50% + ${nt}px)`,
         transform: `translate(-50%, -50%) scale(${R})`,
         transformOrigin: "center center",
@@ -3928,14 +3955,14 @@ const Ae = ({ text: t, frame: r }) => {
         position: "relative",
         overflow: "visible"
       },
-      children: j.map((Q, T) => {
-        let nt = T % 2 === 0 ? 1 : -1;
+      children: G.map((Q, q) => {
+        let nt = q % 2 === 0 ? 1 : -1;
         v === "up" && (nt = -1), v === "down" && (nt = 1);
-        const vt = 1 + T % 2 * (M * 0.5), ot = m > 0 && nt !== 0 ? nt * (p * m * 0.1 * vt) + Q * (X * O) : Q * (X * O), ut = m === 0 || nt === 0 ? 0 : (ot % X + X) % X - X / 2;
-        return Z.map((it, gt) => {
+        const vt = 1 + q % 2 * (w * 0.5), ot = m > 0 && nt !== 0 ? nt * (p * m * 0.1 * vt) + Q * (X * O) : Q * (X * O), ut = m === 0 || nt === 0 ? 0 : (ot % X + X) % X - X / 2;
+        return A.map((it, gt) => {
           const pt = Q * V, tt = it * X + ut;
           return ht(
-            `v-${T}-${gt}`,
+            `v-${q}-${gt}`,
             pt,
             tt,
             Q === 0 && it === 0
@@ -3943,7 +3970,7 @@ const Ae = ({ text: t, frame: r }) => {
         });
       })
     }
-  ) : z ? /* @__PURE__ */ f(
+  ) : j ? /* @__PURE__ */ f(
     "div",
     {
       style: {
@@ -3952,12 +3979,12 @@ const Ae = ({ text: t, frame: r }) => {
         position: "relative",
         overflow: "visible"
       },
-      children: Z.map((Q, T) => {
-        const nt = T % 2 === 0 ? 1 : -1, vt = T % 2 === 0 ? 1 : -1, ot = 1 + T % 2 * (M * 0.5), ut = $ > 0 ? nt * (p * $ * 0.1 * ot) + Q * (V * O) : Q * (V * O), it = $ === 0 ? 0 : (ut % V + V) % V - V / 2, gt = m > 0 ? vt * (p * m * 0.1 * ot) + Q * (X * O) : Q * (X * O), pt = m === 0 ? 0 : (gt % X + X) % X - X / 2;
-        return j.map((tt, st) => {
+      children: A.map((Q, q) => {
+        const nt = q % 2 === 0 ? 1 : -1, vt = q % 2 === 0 ? 1 : -1, ot = 1 + q % 2 * (w * 0.5), ut = $ > 0 ? nt * (p * $ * 0.1 * ot) + Q * (V * O) : Q * (V * O), it = $ === 0 ? 0 : (ut % V + V) % V - V / 2, gt = m > 0 ? vt * (p * m * 0.1 * ot) + Q * (X * O) : Q * (X * O), pt = m === 0 ? 0 : (gt % X + X) % X - X / 2;
+        return G.map((tt, st) => {
           const et = tt * V + it, at = Q * X + pt;
           return ht(
-            `d-${T}-${st}`,
+            `d-${q}-${st}`,
             et,
             at,
             Q === 0 && tt === 0
@@ -3974,14 +4001,14 @@ const Ae = ({ text: t, frame: r }) => {
         position: "relative",
         overflow: "visible"
       },
-      children: Z.map((Q, T) => {
-        let nt = T % 2 === 0 ? 1 : -1;
+      children: A.map((Q, q) => {
+        let nt = q % 2 === 0 ? 1 : -1;
         v === "left" && (nt = -1), v === "right" && (nt = 1);
-        const vt = 1 + T % 2 * (M * 0.5), ot = $ > 0 && nt !== 0 ? nt * (p * $ * 0.1 * vt) + Q * (V * O) : Q * (V * O), ut = $ === 0 || nt === 0 ? 0 : (ot % V + V) % V - V / 2;
-        return j.map((it, gt) => {
+        const vt = 1 + q % 2 * (w * 0.5), ot = $ > 0 && nt !== 0 ? nt * (p * $ * 0.1 * vt) + Q * (V * O) : Q * (V * O), ut = $ === 0 || nt === 0 ? 0 : (ot % V + V) % V - V / 2;
+        return G.map((it, gt) => {
           const pt = it * V + ut, tt = Q * X;
           return ht(
-            `h-${T}-${gt}`,
+            `h-${q}-${gt}`,
             pt,
             tt,
             Q === 0 && it === 0
@@ -4000,7 +4027,7 @@ const Ae = ({ text: t, frame: r }) => {
   details: i,
   echoesDetails: n
 }) => {
-  const h = Rt(), e = typeof r == "number" && !isNaN(r) ? r : h, p = i.width || 300, d = i.height || 100, u = (n == null ? void 0 : n.keepStill) || "both", l = Number((n == null ? void 0 : n.toRepeatCount) ?? 5), v = Number((n == null ? void 0 : n.toScaleDown) ?? 0.3), b = Number((n == null ? void 0 : n.toCenterX) ?? 0.5), x = Number((n == null ? void 0 : n.toCenterY) ?? 0.5), g = (n == null ? void 0 : n.initialRepeatCount) !== void 0 ? Number(n.initialRepeatCount) : l, w = (n == null ? void 0 : n.initialScaleDown) !== void 0 ? Number(n.initialScaleDown) : 1, M = (n == null ? void 0 : n.initialCenterX) !== void 0 ? Number(n.initialCenterX) : b, S = (n == null ? void 0 : n.initialCenterY) !== void 0 ? Number(n.initialCenterY) : x, k = Math.max(0, e - (o || 0)), $ = Math.min(1, Math.max(0, k / (s || 1)));
+  const h = Rt(), e = typeof r == "number" && !isNaN(r) ? r : h, p = i.width || 300, d = i.height || 100, u = (n == null ? void 0 : n.keepStill) || "both", l = Number((n == null ? void 0 : n.toRepeatCount) ?? 5), v = Number((n == null ? void 0 : n.toScaleDown) ?? 0.3), b = Number((n == null ? void 0 : n.toCenterX) ?? 0.5), x = Number((n == null ? void 0 : n.toCenterY) ?? 0.5), g = (n == null ? void 0 : n.initialRepeatCount) !== void 0 ? Number(n.initialRepeatCount) : l, S = (n == null ? void 0 : n.initialScaleDown) !== void 0 ? Number(n.initialScaleDown) : 1, w = (n == null ? void 0 : n.initialCenterX) !== void 0 ? Number(n.initialCenterX) : b, M = (n == null ? void 0 : n.initialCenterY) !== void 0 ? Number(n.initialCenterY) : x, k = Math.max(0, e - (o || 0)), $ = Math.min(1, Math.max(0, k / (s || 1)));
   let I = a + (c - a) * $;
   u === "initial" ? I = 0 : u === "final" && (I = 1);
   const N = Math.max(
@@ -4009,15 +4036,15 @@ const Ae = ({ text: t, frame: r }) => {
   ), R = C(
     I,
     [0, 1],
-    [w, v]
+    [S, v]
   ), O = C(
     I,
     [0, 1],
-    [M, b]
+    [w, b]
   ), P = C(
     I,
     [0, 1],
-    [S, x]
+    [M, x]
   ), Y = rr(i), W = Array.from({ length: N }, (F, V) => V);
   return /* @__PURE__ */ f(
     "div",
@@ -4062,7 +4089,7 @@ const Ae = ({ text: t, frame: r }) => {
   details: i,
   wiggleDetails: n
 }) => {
-  const h = Rt(), e = typeof r == "number" && !isNaN(r) ? r : h, p = Number((n == null ? void 0 : n.wiggleX) ?? 20), d = Number((n == null ? void 0 : n.wiggleY) ?? 20), u = Number((n == null ? void 0 : n.speed) ?? 3), l = Number((n == null ? void 0 : n.angle) ?? 10), v = Number((n == null ? void 0 : n.seed) ?? 1), b = n != null && n.hasInitialValue && (n == null ? void 0 : n.initialWiggleX) !== void 0 ? Number(n.initialWiggleX) : p, x = n != null && n.hasInitialValue && (n == null ? void 0 : n.initialWiggleY) !== void 0 ? Number(n.initialWiggleY) : d, g = n != null && n.hasInitialValue && (n == null ? void 0 : n.initialSpeed) !== void 0 ? Number(n.initialSpeed) : u, w = n != null && n.hasInitialValue && (n == null ? void 0 : n.initialAngle) !== void 0 ? Number(n.initialAngle) : l, M = Math.max(0, e - (o || 0)), S = Math.min(1, Math.max(0, M / (s || 1))), k = n != null && n.hasInitialValue ? b + (p - b) * S : p, $ = n != null && n.hasInitialValue ? x + (d - x) * S : d, m = n != null && n.hasInitialValue ? g + (u - g) * S : u, I = n != null && n.hasInitialValue ? w + (l - w) * S : l, N = e * (m * 0.08), R = v * 12.345, O = Math.sin(N + R) * Math.cos(N * 0.65 + R) * k, P = Math.cos(N * 0.85 + R) * Math.sin(N * 1.15 + R) * $, Y = Math.sin(N * 0.9 + R * 1.35) * I, W = rr(i);
+  const h = Rt(), e = typeof r == "number" && !isNaN(r) ? r : h, p = Number((n == null ? void 0 : n.wiggleX) ?? 20), d = Number((n == null ? void 0 : n.wiggleY) ?? 20), u = Number((n == null ? void 0 : n.speed) ?? 3), l = Number((n == null ? void 0 : n.angle) ?? 10), v = Number((n == null ? void 0 : n.seed) ?? 1), b = n != null && n.hasInitialValue && (n == null ? void 0 : n.initialWiggleX) !== void 0 ? Number(n.initialWiggleX) : p, x = n != null && n.hasInitialValue && (n == null ? void 0 : n.initialWiggleY) !== void 0 ? Number(n.initialWiggleY) : d, g = n != null && n.hasInitialValue && (n == null ? void 0 : n.initialSpeed) !== void 0 ? Number(n.initialSpeed) : u, S = n != null && n.hasInitialValue && (n == null ? void 0 : n.initialAngle) !== void 0 ? Number(n.initialAngle) : l, w = Math.max(0, e - (o || 0)), M = Math.min(1, Math.max(0, w / (s || 1))), k = n != null && n.hasInitialValue ? b + (p - b) * M : p, $ = n != null && n.hasInitialValue ? x + (d - x) * M : d, m = n != null && n.hasInitialValue ? g + (u - g) * M : u, I = n != null && n.hasInitialValue ? S + (l - S) * M : l, N = e * (m * 0.08), R = v * 12.345, O = Math.sin(N + R) * Math.cos(N * 0.65 + R) * k, P = Math.cos(N * 0.85 + R) * Math.sin(N * 1.15 + R) * $, Y = Math.sin(N * 0.9 + R * 1.35) * I, W = rr(i);
   return /* @__PURE__ */ f(
     "div",
     {
@@ -4125,18 +4152,18 @@ const Ae = ({ text: t, frame: r }) => {
   details: i,
   noiseTileDetails: n
 }) => {
-  const h = Rt(), e = typeof r == "number" && !isNaN(r) ? r : h, p = i.width || 300, d = i.height || 100, u = (n == null ? void 0 : n.keepStill) || "both", l = Number((n == null ? void 0 : n.toXRepetitions) ?? (n == null ? void 0 : n.xRepetitions) ?? 5), v = Number((n == null ? void 0 : n.toYRepetitions) ?? (n == null ? void 0 : n.yRepetitions) ?? 5), b = Number((n == null ? void 0 : n.toGapX) ?? (n == null ? void 0 : n.gapX) ?? 12), x = Number((n == null ? void 0 : n.toGapY) ?? (n == null ? void 0 : n.gapY) ?? 12), g = Number((n == null ? void 0 : n.toScale) ?? (n == null ? void 0 : n.scale) ?? 1), w = Number((n == null ? void 0 : n.toNoiseScale) ?? (n == null ? void 0 : n.noiseScale) ?? 1.5), M = Number((n == null ? void 0 : n.toNoiseMoveX) ?? (n == null ? void 0 : n.noiseMoveX) ?? 0.6), S = Number((n == null ? void 0 : n.toNoiseMoveY) ?? (n == null ? void 0 : n.noiseMoveY) ?? 0.4), k = Number((n == null ? void 0 : n.toFps) ?? (n == null ? void 0 : n.fps) ?? 12), $ = Number((n == null ? void 0 : n.toThreshold) ?? (n == null ? void 0 : n.threshold) ?? 0.45), m = Number((n == null ? void 0 : n.toSeedOffset) ?? (n == null ? void 0 : n.seedOffset) ?? 0), I = !!(n != null && n.hasInitialValue), N = I ? Number((n == null ? void 0 : n.initialXRepetitions) ?? l) : l, R = I ? Number((n == null ? void 0 : n.initialYRepetitions) ?? v) : v, O = I ? Number((n == null ? void 0 : n.initialGapX) ?? b) : b, P = I ? Number((n == null ? void 0 : n.initialGapY) ?? x) : x, Y = I ? Number((n == null ? void 0 : n.initialScale) ?? g) : g, W = I ? Number((n == null ? void 0 : n.initialNoiseScale) ?? w) : w, F = I ? Number((n == null ? void 0 : n.initialNoiseMoveX) ?? M) : M, V = I ? Number((n == null ? void 0 : n.initialNoiseMoveY) ?? S) : S, X = I ? Number((n == null ? void 0 : n.initialFps) ?? k) : k, E = I ? Number((n == null ? void 0 : n.initialThreshold) ?? $) : $, _ = I ? Number((n == null ? void 0 : n.initialSeedOffset) ?? m) : m, z = Math.max(0, e - (o || 0)), U = Math.min(1, Math.max(0, z / (s || 1)));
-  let D = a + (c - a) * U;
-  u === "initial" ? D = 0 : u === "final" && (D = 1);
-  const H = Math.max(1, Math.round(C(D, [0, 1], [N, l]))), Z = Math.max(1, Math.round(C(D, [0, 1], [R, v]))), j = C(D, [0, 1], [O, b]), ht = C(D, [0, 1], [P, x]), Q = C(D, [0, 1], [Y, g]), T = C(D, [0, 1], [W, w]), nt = C(D, [0, 1], [F, M]), vt = C(D, [0, 1], [V, S]), ot = Math.max(1, Math.round(C(D, [0, 1], [X, k]))), ut = C(D, [0, 1], [E, $]), it = C(D, [0, 1], [_, m]), gt = rr(i), pt = Math.floor(z * (ot / 30)), tt = (H - 1) / 2, st = (Z - 1) / 2, et = [];
-  for (let at = 0; at < Z; at++)
+  const h = Rt(), e = typeof r == "number" && !isNaN(r) ? r : h, p = i.width || 300, d = i.height || 100, u = (n == null ? void 0 : n.keepStill) || "both", l = Number((n == null ? void 0 : n.toXRepetitions) ?? (n == null ? void 0 : n.xRepetitions) ?? 5), v = Number((n == null ? void 0 : n.toYRepetitions) ?? (n == null ? void 0 : n.yRepetitions) ?? 5), b = Number((n == null ? void 0 : n.toGapX) ?? (n == null ? void 0 : n.gapX) ?? 12), x = Number((n == null ? void 0 : n.toGapY) ?? (n == null ? void 0 : n.gapY) ?? 12), g = Number((n == null ? void 0 : n.toScale) ?? (n == null ? void 0 : n.scale) ?? 1), S = Number((n == null ? void 0 : n.toNoiseScale) ?? (n == null ? void 0 : n.noiseScale) ?? 1.5), w = Number((n == null ? void 0 : n.toNoiseMoveX) ?? (n == null ? void 0 : n.noiseMoveX) ?? 0.6), M = Number((n == null ? void 0 : n.toNoiseMoveY) ?? (n == null ? void 0 : n.noiseMoveY) ?? 0.4), k = Number((n == null ? void 0 : n.toFps) ?? (n == null ? void 0 : n.fps) ?? 12), $ = Number((n == null ? void 0 : n.toThreshold) ?? (n == null ? void 0 : n.threshold) ?? 0.45), m = Number((n == null ? void 0 : n.toSeedOffset) ?? (n == null ? void 0 : n.seedOffset) ?? 0), I = !!(n != null && n.hasInitialValue), N = I ? Number((n == null ? void 0 : n.initialXRepetitions) ?? l) : l, R = I ? Number((n == null ? void 0 : n.initialYRepetitions) ?? v) : v, O = I ? Number((n == null ? void 0 : n.initialGapX) ?? b) : b, P = I ? Number((n == null ? void 0 : n.initialGapY) ?? x) : x, Y = I ? Number((n == null ? void 0 : n.initialScale) ?? g) : g, W = I ? Number((n == null ? void 0 : n.initialNoiseScale) ?? S) : S, F = I ? Number((n == null ? void 0 : n.initialNoiseMoveX) ?? w) : w, V = I ? Number((n == null ? void 0 : n.initialNoiseMoveY) ?? M) : M, X = I ? Number((n == null ? void 0 : n.initialFps) ?? k) : k, E = I ? Number((n == null ? void 0 : n.initialThreshold) ?? $) : $, _ = I ? Number((n == null ? void 0 : n.initialSeedOffset) ?? m) : m, j = Math.max(0, e - (o || 0)), U = Math.min(1, Math.max(0, j / (s || 1)));
+  let K = a + (c - a) * U;
+  u === "initial" ? K = 0 : u === "final" && (K = 1);
+  const H = Math.max(1, Math.round(C(K, [0, 1], [N, l]))), A = Math.max(1, Math.round(C(K, [0, 1], [R, v]))), G = C(K, [0, 1], [O, b]), ht = C(K, [0, 1], [P, x]), Q = C(K, [0, 1], [Y, g]), q = C(K, [0, 1], [W, S]), nt = C(K, [0, 1], [F, w]), vt = C(K, [0, 1], [V, M]), ot = Math.max(1, Math.round(C(K, [0, 1], [X, k]))), ut = C(K, [0, 1], [E, $]), it = C(K, [0, 1], [_, m]), gt = rr(i), pt = Math.floor(j * (ot / 30)), tt = (H - 1) / 2, st = (A - 1) / 2, et = [];
+  for (let at = 0; at < A; at++)
     for (let dt = 0; dt < H; dt++) {
-      const ft = dt / Math.max(1, H) * T, bt = at / Math.max(1, Z) * T, $t = pt * 0.1 + it, lt = Mo(
+      const ft = dt / Math.max(1, H) * q, bt = at / Math.max(1, A) * q, $t = pt * 0.1 + it, lt = Mo(
         ft + pt * nt * 0.05,
         bt + pt * vt * 0.05,
         $t,
         it
-      ), Yt = dt === Math.floor(tt) && at === Math.floor(st) || lt >= ut, Xt = dt - tt, Bt = at - st, Et = j / 100 * p, zt = ht / 100 * d, _t = Xt * (p * Q + Et), Wt = Bt * (d * Q + zt);
+      ), Yt = dt === Math.floor(tt) && at === Math.floor(st) || lt >= ut, Xt = dt - tt, Bt = at - st, Et = G / 100 * p, Gt = ht / 100 * d, _t = Xt * (p * Q + Et), Wt = Bt * (d * Q + Gt);
       et.push({
         col: dt,
         row: at,
@@ -4237,29 +4264,29 @@ const Ae = ({ text: t, frame: r }) => {
   durationInFrames: c
 }) => {
   const i = (v, b, x) => {
-    const w = document.createElement("canvas").getContext("2d");
-    if (!w) return [];
-    w.font = `${x}px ${o.fontFamily || "Arial, sans-serif"}`;
-    const M = v.split(" ");
-    let S = [], k = "";
-    return M.forEach(($) => {
+    const S = document.createElement("canvas").getContext("2d");
+    if (!S) return [];
+    S.font = `${x}px ${o.fontFamily || "Arial, sans-serif"}`;
+    const w = v.split(" ");
+    let M = [], k = "";
+    return w.forEach(($) => {
       const m = k ? `${k} ${$}` : $;
-      w.measureText(m).width > b ? (S.push(k), k = $) : k = m;
-    }), k && S.push(k), S;
+      S.measureText(m).width > b ? (M.push(k), k = $) : k = m;
+    }), k && M.push(k), M;
   }, n = (c - s) / a, h = o.width || 300, e = i(t, h, o.fontSize), p = s / a, d = 0.5, u = p / e.length, l = e.map((v, b) => {
-    const x = n + b * u * (1 - d) * 1.5, g = x + u, w = x * a, M = Math.min(
+    const x = n + b * u * (1 - d) * 1.5, g = x + u, S = x * a, w = Math.min(
       g * a,
       (n + p) * a
-    ), S = C(r, [w, M], [0, 1], {
+    ), M = C(r, [S, w], [0, 1], {
       easing: y.in(y.cubic),
       extrapolateLeft: "clamp",
       extrapolateRight: "clamp"
-    }), k = C(S, [0, 1], [0, -o.fontSize]);
+    }), k = C(M, [0, 1], [0, -o.fontSize]);
     return {
       text: v,
-      progress: S,
+      progress: M,
       y: k,
-      opacity: 1 - S
+      opacity: 1 - M
     };
   });
   return /* @__PURE__ */ f(
@@ -4403,17 +4430,17 @@ const Ae = ({ text: t, frame: r }) => {
   frame: b,
   animationTextInFrames: x,
   animationTextOutFrames: g,
-  animationTextLoopFrames: w,
-  animationTextTimedFrames: M = 0,
-  durationInFrames: S,
+  animationTextLoopFrames: S,
+  animationTextTimedFrames: w = 0,
+  durationInFrames: M,
   animationFonts: k
 }) => {
-  var A, Yt, Xt, Bt, Et, zt, _t, Wt, Zt, Qt, Kt, Jt, Tt, nr;
-  const $ = x, m = S - g, I = o ? $ >= b : !1, N = s ? b >= m : !1, R = e && e.length > 0, O = p && p.length > 0, P = d && d.length > 0, Y = u && u.length > 0, W = ((A = e == null ? void 0 : e[0]) == null ? void 0 : A.durationInFrames) || x, F = ((Yt = e == null ? void 0 : e[0]) == null ? void 0 : Yt.delay) || 0, V = W + F, X = ((Xt = p == null ? void 0 : p[0]) == null ? void 0 : Xt.durationInFrames) || g, E = ((Bt = p == null ? void 0 : p[0]) == null ? void 0 : Bt.delay) || 0, _ = X + E, z = Math.max(0, S - _), U = ((Et = u == null ? void 0 : u[0]) == null ? void 0 : Et.delay) || 0, L = U, D = U + (((zt = u == null ? void 0 : u[0]) == null ? void 0 : zt.durationInFrames) || M), H = R && !o && (P ? b < V : b < z), Z = O && !s && b >= z, j = Y && !H && !Z && b >= L && b <= D, ht = P && !a && !H && !Z && !j, T = ((q, K, B, rt, yt, G) => {
+  var L, Yt, Xt, Bt, Et, Gt, _t, Wt, Zt, Qt, Kt, Jt, Tt, nr;
+  const $ = x, m = M - g, I = o ? $ >= b : !1, N = s ? b >= m : !1, R = e && e.length > 0, O = p && p.length > 0, P = d && d.length > 0, Y = u && u.length > 0, W = ((L = e == null ? void 0 : e[0]) == null ? void 0 : L.durationInFrames) || x, F = ((Yt = e == null ? void 0 : e[0]) == null ? void 0 : Yt.delay) || 0, V = W + F, X = ((Xt = p == null ? void 0 : p[0]) == null ? void 0 : Xt.durationInFrames) || g, E = ((Bt = p == null ? void 0 : p[0]) == null ? void 0 : Bt.delay) || 0, _ = X + E, j = Math.max(0, M - _), U = ((Et = u == null ? void 0 : u[0]) == null ? void 0 : Et.delay) || 0, Z = U, K = U + (((Gt = u == null ? void 0 : u[0]) == null ? void 0 : Gt.durationInFrames) || w), H = R && !o && (P ? b < V : b < j), A = O && !s && b >= j, G = Y && !H && !A && b >= Z && b <= K, ht = P && !a && !H && !A && !G, q = ((D, J, B, rt, yt, z) => {
     const ct = document.createElement("canvas").getContext("2d");
     if (!ct) return [];
-    ct.font = `${G} ${yt} ${B}px ${rt}`;
-    const jt = [], It = q.split(`
+    ct.font = `${z} ${yt} ${B}px ${rt}`;
+    const jt = [], It = D.split(`
 `);
     for (const or of It) {
       if (or.trim() === "") {
@@ -4424,7 +4451,7 @@ const Ae = ({ text: t, frame: r }) => {
       let At = "";
       for (const Sr of $r) {
         const Lr = At ? `${At} ${Sr}` : Sr;
-        ct.measureText(Lr).width > K ? (At && jt.push(At), At = Sr) : At = Lr;
+        ct.measureText(Lr).width > J ? (At && jt.push(At), At = Sr) : At = Lr;
       }
       At && jt.push(At);
     }
@@ -4490,14 +4517,14 @@ const Ae = ({ text: t, frame: r }) => {
     );
   if (!I && !N) {
     if (a === "spinTextAnimationLoop")
-      return /* @__PURE__ */ f(Ge, { text: t, frame: b, fps: r });
+      return /* @__PURE__ */ f(ze, { text: t, frame: b, fps: r });
     if (a === "rotate3dTextAnimationLoop")
       return /* @__PURE__ */ f(
-        ze,
+        Ge,
         {
           text: t,
           frame: b,
-          durationInFrames: S
+          durationInFrames: M
         }
       );
     if (a === "textFontChangeAnimationLoop")
@@ -4521,10 +4548,10 @@ const Ae = ({ text: t, frame: r }) => {
         (ct) => ct.property === "textGridMarqueeTextAnimationLoop" || ct.property === "textGridMarquee" || ct.id === "textGridMarquee"
       )) || (d == null ? void 0 : d.find(
         (ct) => ct.property === "textGridMarqueeTextAnimationLoop" || ct.property === "textGridMarquee" || ct.id === "textGridMarquee"
-      )), rt = (B == null ? void 0 : B.delay) || 0, yt = (B == null ? void 0 : B.durationInFrames) || (w > 0 ? w : S), G = rt + yt, J = b >= rt && b <= G;
+      )), rt = (B == null ? void 0 : B.delay) || 0, yt = (B == null ? void 0 : B.durationInFrames) || (S > 0 ? S : M), z = rt + yt, T = b >= rt && b <= z;
       if (console.log(
-        `[SpecialEffect Marquee] frame: ${b.toFixed(2)}, range: [${rt}, ${G}], active: ${J}`
-      ), J) {
+        `[SpecialEffect Marquee] frame: ${b.toFixed(2)}, range: [${rt}, ${z}], active: ${T}`
+      ), T) {
         const ct = B == null ? void 0 : B.details;
         return /* @__PURE__ */ f(
           Ue,
@@ -4547,10 +4574,10 @@ const Ae = ({ text: t, frame: r }) => {
         (ct) => ct.property === "inwardEchoes" || ct.id === "inwardEchoes"
       )) || (d == null ? void 0 : d.find(
         (ct) => ct.property === "inwardEchoes" || ct.id === "inwardEchoes"
-      )), rt = (B == null ? void 0 : B.delay) || 0, yt = (B == null ? void 0 : B.durationInFrames) || (w > 0 ? w : S), G = rt + yt, J = b >= rt && b <= G;
+      )), rt = (B == null ? void 0 : B.delay) || 0, yt = (B == null ? void 0 : B.durationInFrames) || (S > 0 ? S : M), z = rt + yt, T = b >= rt && b <= z;
       if (console.log(
-        `[SpecialEffect InwardEchoes] frame: ${b.toFixed(2)}, range: [${rt}, ${G}], active: ${J}`
-      ), J) {
+        `[SpecialEffect InwardEchoes] frame: ${b.toFixed(2)}, range: [${rt}, ${z}], active: ${T}`
+      ), T) {
         const ct = B == null ? void 0 : B.details;
         return /* @__PURE__ */ f(
           Ze,
@@ -4573,10 +4600,10 @@ const Ae = ({ text: t, frame: r }) => {
         (ct) => ct.property === "wiggle" || ct.id === "wiggle"
       )) || (d == null ? void 0 : d.find(
         (ct) => ct.property === "wiggle" || ct.id === "wiggle"
-      )), rt = (B == null ? void 0 : B.delay) || 0, yt = (B == null ? void 0 : B.durationInFrames) || (w > 0 ? w : S), G = rt + yt, J = b >= rt && b <= G;
+      )), rt = (B == null ? void 0 : B.delay) || 0, yt = (B == null ? void 0 : B.durationInFrames) || (S > 0 ? S : M), z = rt + yt, T = b >= rt && b <= z;
       if (console.log(
-        `[SpecialEffect Wiggle] frame: ${b.toFixed(2)}, range: [${rt}, ${G}], active: ${J}`
-      ), J) {
+        `[SpecialEffect Wiggle] frame: ${b.toFixed(2)}, range: [${rt}, ${z}], active: ${T}`
+      ), T) {
         const ct = B == null ? void 0 : B.details;
         return /* @__PURE__ */ f(
           Qe,
@@ -4594,17 +4621,17 @@ const Ae = ({ text: t, frame: r }) => {
         );
       }
     }
-    const q = (l == null ? void 0 : l.find(
+    const D = (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 (a === "cardFlip" || q) {
-      const B = (q == null ? void 0 : q.delay) || 0, rt = (q == null ? void 0 : q.durationInFrames) || (w > 0 ? w : S), yt = B + rt, G = b >= B && b <= yt;
+    if (a === "cardFlip" || D) {
+      const B = (D == null ? void 0 : D.delay) || 0, rt = (D == null ? void 0 : D.durationInFrames) || (S > 0 ? S : M), yt = B + rt, z = b >= B && b <= yt;
       if (console.log(
-        `[SpecialEffect CardFlip] frame: ${b.toFixed(2)}, range: [${B}, ${yt}], active: ${G}`
-      ), G) {
-        const J = q == null ? void 0 : q.details;
+        `[SpecialEffect CardFlip] frame: ${b.toFixed(2)}, range: [${B}, ${yt}], active: ${z}`
+      ), z) {
+        const T = D == null ? void 0 : D.details;
         return /* @__PURE__ */ f(
           Ke,
           {
@@ -4612,26 +4639,26 @@ const Ae = ({ text: t, frame: r }) => {
             frame: b,
             delay: B,
             durationInFrames: rt,
-            from: q == null ? void 0 : q.from,
-            to: q == null ? void 0 : q.to,
+            from: D == null ? void 0 : D.from,
+            to: D == null ? void 0 : D.to,
             details: v,
             fps: r,
-            cardFlipDetails: J
+            cardFlipDetails: T
           }
         );
       }
     }
-    const K = (l == null ? void 0 : l.find(
+    const J = (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 (a === "noiseTile" || K) {
-      const B = (K == null ? void 0 : K.delay) || 0, rt = (K == null ? void 0 : K.durationInFrames) || (w > 0 ? w : S), yt = B + rt, G = b >= B && b <= yt;
+    if (a === "noiseTile" || J) {
+      const B = (J == null ? void 0 : J.delay) || 0, rt = (J == null ? void 0 : J.durationInFrames) || (S > 0 ? S : M), yt = B + rt, z = b >= B && b <= yt;
       if (console.log(
-        `[SpecialEffect NoiseTile] frame: ${b.toFixed(2)}, range: [${B}, ${yt}], active: ${G}`
-      ), G) {
-        const J = K == null ? void 0 : K.details;
+        `[SpecialEffect NoiseTile] frame: ${b.toFixed(2)}, range: [${B}, ${yt}], active: ${z}`
+      ), z) {
+        const T = J == null ? void 0 : J.details;
         return /* @__PURE__ */ f(
           Je,
           {
@@ -4639,11 +4666,11 @@ const Ae = ({ text: t, frame: r }) => {
             frame: b,
             delay: B,
             durationInFrames: rt,
-            from: K == null ? void 0 : K.from,
-            to: K == null ? void 0 : K.to,
+            from: J == null ? void 0 : J.from,
+            to: J == null ? void 0 : J.to,
             details: v,
             fps: r,
-            noiseTileDetails: J
+            noiseTileDetails: T
           }
         );
       }
@@ -4654,7 +4681,7 @@ const Ae = ({ text: t, frame: r }) => {
       Te,
       {
         frame: b,
-        durationInFrames: S,
+        durationInFrames: M,
         text: t,
         details: v,
         animationDuration: g
@@ -4669,7 +4696,7 @@ const Ae = ({ text: t, frame: r }) => {
         details: v,
         animationTextOutFrames: g,
         fps: r,
-        durationInFrames: S
+        durationInFrames: M
       }
     );
   if (s === "backgroundTextAnimationOut" && N)
@@ -4680,24 +4707,24 @@ const Ae = ({ text: t, frame: r }) => {
         frame: b,
         animationTextOutFrames: g,
         details: v,
-        durationInFrames: S,
+        durationInFrames: M,
         fps: r
       }
     );
-  const nt = T.reduce(
-    (q, K) => q + (K === "" ? 1 : K.length),
+  const nt = q.reduce(
+    (D, J) => D + (J === "" ? 1 : J.length),
     0
-  ), vt = T.reduce(
-    (q, K) => q + (K.trim() === "" ? 0 : K.split(/\s+/).length),
+  ), vt = q.reduce(
+    (D, J) => D + (J.trim() === "" ? 0 : J.split(/\s+/).length),
     0
-  ), ot = T.length, ut = ts[o], it = rs[s], gt = os[a], pt = ((_t = e == null ? void 0 : e[0]) == null ? void 0 : _t.textAnimationMode) || ((Wt = p == null ? void 0 : p[0]) == null ? void 0 : Wt.textAnimationMode) || ((Zt = d == null ? void 0 : d[0]) == null ? void 0 : Zt.textAnimationMode) || ((Qt = u == null ? void 0 : u[0]) == null ? void 0 : Qt.textAnimationMode) || (o ? c : void 0) || (s ? i : void 0) || (a ? n : void 0) || c || n || "letter", tt = I ? c : N ? i : H ? e[0].textAnimationMode || pt : Z ? p[0].textAnimationMode || pt : j ? u[0].textAnimationMode || pt : ht && d[0].textAnimationMode || pt, st = H ? e : Z ? p : j ? u : ht ? d : [], et = (q, K, B, rt) => {
-    var yt, G, J;
+  ), ot = q.length, ut = ts[o], it = rs[s], gt = os[a], pt = ((_t = e == null ? void 0 : e[0]) == null ? void 0 : _t.textAnimationMode) || ((Wt = p == null ? void 0 : p[0]) == null ? void 0 : Wt.textAnimationMode) || ((Zt = d == null ? void 0 : d[0]) == null ? void 0 : Zt.textAnimationMode) || ((Qt = u == null ? void 0 : u[0]) == null ? void 0 : Qt.textAnimationMode) || (o ? c : void 0) || (s ? i : void 0) || (a ? n : void 0) || c || n || "letter", tt = I ? c : N ? i : H ? e[0].textAnimationMode || pt : A ? p[0].textAnimationMode || pt : G ? u[0].textAnimationMode || pt : ht && d[0].textAnimationMode || pt, st = H ? e : A ? p : G ? u : ht ? d : [], et = (D, J, B, rt) => {
+    var yt, z, T;
     if (I && ut)
       return /* @__PURE__ */ f(
         ut,
         {
-          char: q,
-          index: K,
+          char: D,
+          index: J,
           frame: b,
           textLength: B,
           fps: r,
@@ -4710,13 +4737,13 @@ const Ae = ({ text: t, frame: r }) => {
       return /* @__PURE__ */ f(
         it,
         {
-          char: q,
-          index: K,
+          char: D,
+          index: J,
           frame: b,
           textLength: B,
           fps: r,
           animationTextOutFrames: g,
-          durationInFrames: S,
+          durationInFrames: M,
           details: v
         },
         rt
@@ -4725,23 +4752,23 @@ const Ae = ({ text: t, frame: r }) => {
       return /* @__PURE__ */ f(
         gt,
         {
-          char: q,
-          index: K,
+          char: D,
+          index: J,
           frame: b,
           textLength: B,
           fps: r,
-          animationTextLoopFrames: w,
+          animationTextLoopFrames: S,
           details: v
         },
         rt
       );
     if (st.length > 0) {
-      const ct = H ? W : Z ? X : j ? ((yt = u == null ? void 0 : u[0]) == null ? void 0 : yt.durationInFrames) || M : ((G = d == null ? void 0 : d[0]) == null ? void 0 : G.durationInFrames) || w, jt = Z ? b - z : j ? b - L : b, It = st[0], or = H ? "in" : Z ? "out" : j ? "timed" : "loop";
+      const ct = H ? W : A ? X : G ? ((yt = u == null ? void 0 : u[0]) == null ? void 0 : yt.durationInFrames) || w : ((z = d == null ? void 0 : d[0]) == null ? void 0 : z.durationInFrames) || S, jt = A ? b - j : G ? b - Z : b, It = st[0], or = H ? "in" : A ? "out" : G ? "timed" : "loop";
       return /* @__PURE__ */ f(
         ue,
         {
-          char: q,
-          index: K,
+          char: D,
+          index: J,
           frame: jt,
           fps: r,
           textLength: B,
@@ -4750,82 +4777,82 @@ const Ae = ({ text: t, frame: r }) => {
           from: It.from,
           to: It.to,
           easing: It.easing,
-          delay: Z ? 0 : It.delay,
+          delay: A ? 0 : It.delay,
           details: v,
           phase: or,
-          fade: !!((J = It == null ? void 0 : It.details) != null && J.fade || It != null && It.fade)
+          fade: !!((T = It == null ? void 0 : It.details) != null && T.fade || It != null && It.fade)
         },
         rt
       );
     }
-    return /* @__PURE__ */ f("span", { children: q === "" ? " " : q }, rt);
+    return /* @__PURE__ */ f("span", { children: D === "" ? " " : D }, rt);
   };
   let dt = (v == null ? void 0 : v.textAlign) === "right";
   const ft = e && e.length > 0 ? e[0] : p && p.length > 0 ? p[0] : u && u.length > 0 ? u[0] : d && d.length > 0 ? d[0] : null, bt = ft != null && ft.order ? ft : (Kt = e == null ? void 0 : e[0]) != null && Kt.order ? e[0] : (Jt = p == null ? void 0 : p[0]) != null && Jt.order ? p[0] : (Tt = u == null ? void 0 : u[0]) != null && Tt.order ? u[0] : (nr = d == null ? void 0 : d[0]) != null && nr.order ? d[0] : null;
   if (bt != null && bt.order)
     dt = bt.order === "backward";
   else if (ft && ft.property === "translateX") {
-    const q = Number(ft.from), K = Number(ft.to);
-    !isNaN(q) && !isNaN(K) && (dt = q < K);
+    const D = Number(ft.from), J = Number(ft.to);
+    !isNaN(D) && !isNaN(J) && (dt = D < J);
   }
   if (tt === "all")
-    return /* @__PURE__ */ f(Nt, { children: T.map((q, K) => /* @__PURE__ */ f("div", { children: (q === "" ? [" "] : q.split("")).map(
-      (B, rt) => et(B, 0, 1, `${K}-${rt}`)
-    ) }, K)) });
+    return /* @__PURE__ */ f(Nt, { children: q.map((D, J) => /* @__PURE__ */ f("div", { children: (D === "" ? [" "] : D.split("")).map(
+      (B, rt) => et(B, 0, 1, `${J}-${rt}`)
+    ) }, J)) });
   if (tt === "word") {
-    let q = 0;
-    const K = T.map((B, rt) => {
+    let D = 0;
+    const J = q.map((B, rt) => {
       if (B.trim() === "")
         return {
           rowIndex: rt,
           tokens: []
         };
-      const G = B.split(/(\s+)/).map((J) => /^\s+$/.test(J) ? { token: J, wordIndex: null } : { token: J, wordIndex: q++ });
-      return { rowIndex: rt, tokens: G };
+      const z = B.split(/(\s+)/).map((T) => /^\s+$/.test(T) ? { token: T, wordIndex: null } : { token: T, wordIndex: D++ });
+      return { rowIndex: rt, tokens: z };
     });
-    return /* @__PURE__ */ f(Nt, { children: K.map(({ rowIndex: B, tokens: rt }) => rt.length === 0 ? /* @__PURE__ */ f("div", { children: " " }, B) : /* @__PURE__ */ f("div", { children: rt.map(({ token: yt, wordIndex: G }, J) => {
-      if (G === null)
+    return /* @__PURE__ */ f(Nt, { children: J.map(({ rowIndex: B, tokens: rt }) => rt.length === 0 ? /* @__PURE__ */ f("div", { children: " " }, B) : /* @__PURE__ */ f("div", { children: rt.map(({ token: yt, wordIndex: z }, T) => {
+      if (z === null)
         return /* @__PURE__ */ f(
           "span",
           {
             style: { display: "inline-block" },
             children: yt.replace(/ /g, " ")
           },
-          `space-${B}-${J}`
+          `space-${B}-${T}`
         );
-      const ct = dt ? vt - 1 - G : G;
+      const ct = dt ? vt - 1 - z : z;
       return et(
         yt,
         ct,
         vt,
-        `word-${B}-${J}`
+        `word-${B}-${T}`
       );
     }) }, B)) });
   }
   if (tt === "line")
-    return /* @__PURE__ */ f(Nt, { children: T.map((q, K) => {
-      const B = dt ? ot - 1 - K : K;
+    return /* @__PURE__ */ f(Nt, { children: q.map((D, J) => {
+      const B = dt ? ot - 1 - J : J;
       return /* @__PURE__ */ f("div", { children: et(
-        q === "" ? " " : q,
+        D === "" ? " " : D,
         B,
         ot,
-        `line-${K}`
-      ) }, K);
+        `line-${J}`
+      ) }, J);
     }) });
   let $t = 0;
-  const lt = T.map((q) => (q === "" ? [" "] : q.split("")).map((rt) => ({
+  const lt = q.map((D) => (D === "" ? [" "] : D.split("")).map((rt) => ({
     char: rt,
     globalIndex: $t++
   })));
-  return /* @__PURE__ */ f(Nt, { children: lt.map((q, K) => /* @__PURE__ */ f("div", { children: q.map(({ char: B, globalIndex: rt }) => {
+  return /* @__PURE__ */ f(Nt, { children: lt.map((D, J) => /* @__PURE__ */ f("div", { children: D.map(({ char: B, globalIndex: rt }) => {
     const yt = dt ? nt - 1 - rt : rt;
     return et(
       B,
       yt,
       nt,
-      `${K}-${rt}`
+      `${J}-${rt}`
     );
-  }) }, K)) });
+  }) }, J)) });
 }, Tr = ({
   id: t,
   content: r,
@@ -4845,9 +4872,9 @@ const Ae = ({ text: t, frame: r }) => {
   basicCharAnimationsIn: b,
   basicCharAnimationsOut: x,
   basicCharAnimationsLoop: g,
-  basicCharAnimationsTimed: w,
-  loopComposition: M,
-  details: S,
+  basicCharAnimationsTimed: S,
+  loopComposition: w,
+  details: M,
   animationTextInFrames: k,
   animationTextOutFrames: $,
   animationTextLoopFrames: m,
@@ -4875,12 +4902,12 @@ const Ae = ({ text: t, frame: r }) => {
       E.selectNodeContents(Y.current), E.collapse(!1), X == null || X.removeAllRanges(), X == null || X.addRange(E);
     }
   }, F = (X) => {
-    var z;
+    var j;
     X.stopPropagation();
     const E = window.getSelection(), _ = Y.current;
     if (E != null && E.rangeCount && _) {
       const U = E.getRangeAt(0);
-      U.endOffset - U.startOffset === ((z = _.textContent) == null ? void 0 : z.length) && W();
+      U.endOffset - U.startOffset === ((j = _.textContent) == null ? void 0 : j.length) && W();
     }
   }, V = (X) => {
     let E = "";
@@ -4903,7 +4930,7 @@ const Ae = ({ text: t, frame: r }) => {
       },
       onBlur: (X) => c(t, X.target.innerText),
       style: {
-        height: o ? "max-content" : p === "textGridMarqueeTextAnimationLoop" || p === "textGridMarquee" ? S != null && S.height ? `${S.height}px` : "100%" : "max-content",
+        height: o ? "max-content" : p === "textGridMarqueeTextAnimationLoop" || p === "textGridMarquee" ? M != null && M.height ? `${M.height}px` : "100%" : "max-content",
         boxShadow: "none",
         outline: "none",
         ...s,
@@ -4928,11 +4955,11 @@ const Ae = ({ text: t, frame: r }) => {
           basicCharAnimationsIn: b,
           basicCharAnimationsOut: x,
           basicCharAnimationsLoop: g,
-          basicCharAnimationsTimed: w,
-          loopComposition: M,
+          basicCharAnimationsTimed: S,
+          loopComposition: w,
           text: r,
           fps: i,
-          details: S,
+          details: M,
           frame: n,
           animationTextInFrames: k,
           animationTextOutFrames: $,
@@ -5455,7 +5482,7 @@ function Wo({
   item: t,
   options: r
 }) {
-  var et, at, dt, ft, bt, $t, lt, A, Yt, Xt, Bt, Et, zt, _t, Wt, Zt, Qt, Kt, Jt, Tt, nr, q, K, B, rt, yt;
+  var et, at, dt, ft, bt, $t, lt, L, Yt, Xt, Bt, Et, Gt, _t, Wt, Zt, Qt, Kt, Jt, Tt, nr, D, J, B, rt, yt;
   const { handleTextChange: o, onTextBlur: s, fps: a, editableTextId: c, frame: i } = r, { id: n, details: h, animations: e } = t, { durationInFrames: p } = wt(t.display, a), d = [
     "opacity",
     "scale",
@@ -5484,94 +5511,94 @@ function Wo({
     "maskDownIn",
     "maskDownOut"
   ], u = (((et = e == null ? void 0 : e.in) == null ? void 0 : et.composition) || []).filter(
-    (G) => d.some((J) => G.property === J) && G.textAnimationMode && G.textAnimationMode !== "all"
+    (z) => d.some((T) => z.property === T) && z.textAnimationMode && z.textAnimationMode !== "all"
   ), l = (((at = e == null ? void 0 : e.out) == null ? void 0 : at.composition) || []).filter(
-    (G) => d.some((J) => G.property === J) && G.textAnimationMode && G.textAnimationMode !== "all"
+    (z) => d.some((T) => z.property === T) && z.textAnimationMode && z.textAnimationMode !== "all"
   ), v = (((dt = e == null ? void 0 : e.loop) == null ? void 0 : dt.composition) || []).filter(
-    (G) => d.some((J) => G.property === J) && G.textAnimationMode && G.textAnimationMode !== "all"
+    (z) => d.some((T) => z.property === T) && z.textAnimationMode && z.textAnimationMode !== "all"
   ), b = (((ft = e == null ? void 0 : e.timed) == null ? void 0 : ft.composition) || []).filter(
-    (G) => d.some((J) => G.property === J) && G.textAnimationMode && G.textAnimationMode !== "all"
-  ), x = new Set(u.map((G) => G.id)), g = new Set(l.map((G) => G.id)), w = new Set(
-    v.map((G) => G.id)
-  ), M = new Set(
-    b.map((G) => G.id)
-  ), S = {
+    (z) => d.some((T) => z.property === T) && z.textAnimationMode && z.textAnimationMode !== "all"
+  ), x = new Set(u.map((z) => z.id)), g = new Set(l.map((z) => z.id)), S = new Set(
+    v.map((z) => z.id)
+  ), w = new Set(
+    b.map((z) => z.id)
+  ), M = {
     ...e,
     in: e != null && e.in ? {
       ...e.in,
       composition: e.in.composition.filter(
-        (G) => !x.has(G.id)
+        (z) => !x.has(z.id)
       )
     } : void 0,
     out: e != null && e.out ? {
       ...e.out,
       composition: e.out.composition.filter(
-        (G) => !g.has(G.id)
+        (z) => !g.has(z.id)
       )
     } : void 0,
     loop: e != null && e.loop ? {
       ...e.loop,
       composition: e.loop.composition.filter(
-        (G) => !w.has(G.id)
+        (z) => !S.has(z.id)
       )
     } : void 0,
     timed: e != null && e.timed ? {
       ...e.timed,
       composition: e.timed.composition.filter(
-        (G) => !M.has(G.id)
+        (z) => !w.has(z.id)
       )
     } : void 0
   }, { animationIn: k, animationOut: $, animationTimed: m } = Ft(
-    S,
+    M,
     t,
     i,
     a,
     r
   ), I = (bt = e == null ? void 0 : e.in) == null ? void 0 : bt.composition.find(
-    (G) => !d.some((J) => G.property === J)
+    (z) => !d.some((T) => z.property === T)
   ), N = ($t = e == null ? void 0 : e.out) == null ? void 0 : $t.composition.find(
-    (G) => !d.some((J) => G.property === J)
+    (z) => !d.some((T) => z.property === T)
   ), R = (lt = e == null ? void 0 : e.loop) == null ? void 0 : lt.composition.find(
-    (G) => !d.some((J) => G.property === J)
-  ), O = (I == null ? void 0 : I.property) || "", P = (N == null ? void 0 : N.property) || "", Y = (R == null ? void 0 : R.property) || "", W = (I == null ? void 0 : I.textAnimationMode) || ((A = u[0]) == null ? void 0 : A.textAnimationMode) || (I ? "letter" : "all"), F = (N == null ? void 0 : N.textAnimationMode) || ((Yt = l[0]) == null ? void 0 : Yt.textAnimationMode) || (N ? "letter" : "all"), V = (R == null ? void 0 : R.textAnimationMode) || ((Xt = v[0]) == null ? void 0 : Xt.textAnimationMode) || (R ? "letter" : "all"), X = ((Bt = b[0]) == null ? void 0 : Bt.textAnimationMode) || "all", E = (I == null ? void 0 : I.durationInFrames) || ((zt = (Et = e == null ? void 0 : e.in) == null ? void 0 : Et.composition[0]) == null ? void 0 : zt.durationInFrames) || 0, _ = (N == null ? void 0 : N.durationInFrames) || ((Wt = (_t = e == null ? void 0 : e.out) == null ? void 0 : _t.composition[0]) == null ? void 0 : Wt.durationInFrames) || 0, z = (R == null ? void 0 : R.durationInFrames) || ((Qt = (Zt = e == null ? void 0 : e.loop) == null ? void 0 : Zt.composition[0]) == null ? void 0 : Qt.durationInFrames) || 0, U = ((Kt = b[0]) == null ? void 0 : Kt.durationInFrames) || 0, L = [];
-  e != null && e.loop && e.loop.composition.forEach((G) => {
-    var J;
-    (J = G.details) != null && J.fonts && L.push(...G.details.fonts);
-  }), e != null && e.in && e.in.composition.forEach((G) => {
-    var J;
-    (J = G.details) != null && J.fonts && L.push(...G.details.fonts);
-  }), e != null && e.out && e.out.composition.forEach((G) => {
-    var J;
-    (J = G.details) != null && J.fonts && L.push(...G.details.fonts);
+    (z) => !d.some((T) => z.property === T)
+  ), O = (I == null ? void 0 : I.property) || "", P = (N == null ? void 0 : N.property) || "", Y = (R == null ? void 0 : R.property) || "", W = (I == null ? void 0 : I.textAnimationMode) || ((L = u[0]) == null ? void 0 : L.textAnimationMode) || (I ? "letter" : "all"), F = (N == null ? void 0 : N.textAnimationMode) || ((Yt = l[0]) == null ? void 0 : Yt.textAnimationMode) || (N ? "letter" : "all"), V = (R == null ? void 0 : R.textAnimationMode) || ((Xt = v[0]) == null ? void 0 : Xt.textAnimationMode) || (R ? "letter" : "all"), X = ((Bt = b[0]) == null ? void 0 : Bt.textAnimationMode) || "all", E = (I == null ? void 0 : I.durationInFrames) || ((Gt = (Et = e == null ? void 0 : e.in) == null ? void 0 : Et.composition[0]) == null ? void 0 : Gt.durationInFrames) || 0, _ = (N == null ? void 0 : N.durationInFrames) || ((Wt = (_t = e == null ? void 0 : e.out) == null ? void 0 : _t.composition[0]) == null ? void 0 : Wt.durationInFrames) || 0, j = (R == null ? void 0 : R.durationInFrames) || ((Qt = (Zt = e == null ? void 0 : e.loop) == null ? void 0 : Zt.composition[0]) == null ? void 0 : Qt.durationInFrames) || 0, U = ((Kt = b[0]) == null ? void 0 : Kt.durationInFrames) || 0, Z = [];
+  e != null && e.loop && e.loop.composition.forEach((z) => {
+    var T;
+    (T = z.details) != null && T.fonts && Z.push(...z.details.fonts);
+  }), e != null && e.in && e.in.composition.forEach((z) => {
+    var T;
+    (T = z.details) != null && T.fonts && Z.push(...z.details.fonts);
+  }), e != null && e.out && e.out.composition.forEach((z) => {
+    var T;
+    (T = z.details) != null && T.fonts && Z.push(...z.details.fonts);
   });
-  let D = h.text;
+  let K = h.text;
   if ((Tt = (Jt = t.animations) == null ? void 0 : Jt.timed) != null && Tt.composition) {
-    const G = (r.frame || 0) - t.display.from * a / 1e3;
-    if (G >= 0) {
-      const J = (nr = t.animations) == null ? void 0 : nr.timed.composition;
-      J.forEach((ct, jt) => {
-        const It = J.slice(0, jt).reduce((or, $r) => or + $r.durationInFrames, 0);
-        G >= It && ct.text && (D = ct.text);
+    const z = (r.frame || 0) - t.display.from * a / 1e3;
+    if (z >= 0) {
+      const T = (nr = t.animations) == null ? void 0 : nr.timed.composition;
+      T.forEach((ct, jt) => {
+        const It = T.slice(0, jt).reduce((or, $r) => or + $r.durationInFrames, 0);
+        z >= It && ct.text && (K = ct.text);
       });
     }
   }
-  const H = (i || 0) - t.display.from * a / 1e3, Z = h || {}, { top: j, left: ht, transform: Q, position: T, boxShadow: nt, ...vt } = Z, ot = (G) => {
-    G.stopPropagation(), G.preventDefault(), vs(hn, {
+  const H = (i || 0) - t.display.from * a / 1e3, A = h || {}, { top: G, left: ht, transform: Q, position: q, boxShadow: nt, ...vt } = A, ot = (z) => {
+    z.stopPropagation(), z.preventDefault(), vs(hn, {
       payload: {
         id: n
       }
     });
-  }, ut = zr(
+  }, ut = Gr(
     h.effects,
     t.animations,
     H,
     p
-  ), it = Gr(ut), gt = typeof h.width == "number" ? h.width : parseInt(String(h.width || 300), 10) || 300, pt = typeof h.height == "number" ? h.height : parseInt(String(h.height || 100), 10) || 100, tt = {
+  ), it = zr(ut), gt = typeof h.width == "number" ? h.width : parseInt(String(h.width || 300), 10) || 300, pt = typeof h.height == "number" ? h.height : parseInt(String(h.height || 100), 10) || 100, tt = {
     key: n,
     id: n,
     fps: a,
     frame: H,
-    content: D,
+    content: K,
     editable: c === n,
     onChange: o,
     textAnimationNameIn: O,
@@ -5585,17 +5612,17 @@ function Wo({
     basicCharAnimationsOut: l,
     basicCharAnimationsLoop: v,
     basicCharAnimationsTimed: b,
-    loopComposition: (q = e == null ? void 0 : e.loop) == null ? void 0 : q.composition,
+    loopComposition: (D = e == null ? void 0 : e.loop) == null ? void 0 : D.composition,
     onBlur: s,
     onDoubleClick: ot,
     style: rr(h),
     details: h,
     animationTextInFrames: E,
     animationTextOutFrames: _,
-    animationTextLoopFrames: z,
+    animationTextLoopFrames: j,
     animationTextTimedFrames: U,
     durationInFrames: p,
-    animationFonts: L
+    animationFonts: Z
   }, st = /* @__PURE__ */ f(
     Ht,
     {
@@ -5626,7 +5653,7 @@ function Wo({
             {
               item: t,
               keyframeAnimations: [
-                ...((K = e == null ? void 0 : e.in) == null ? void 0 : K.composition) || [],
+                ...((J = e == null ? void 0 : e.in) == null ? void 0 : J.composition) || [],
                 ...((B = e == null ? void 0 : e.out) == null ? void 0 : B.composition) || [],
                 ...((rt = e == null ? void 0 : e.timed) == null ? void 0 : rt.composition) || [],
                 ...((yt = e == null ? void 0 : e.loop) == null ? void 0 : yt.composition) || [],
@@ -5669,33 +5696,33 @@ const Oo = ({
     y: 0,
     width: c.width,
     height: c.height
-  }, u = c.borderWidth || 0, l = c.width || d.width || 300, v = c.height || d.height || 300, b = (d.x || 0) + u, x = (d.y || 0) + u, g = l - (d.x || 0) - (d.width || l) + u, w = v - (d.y || 0) - (d.height || v) + u, M = Math.min(
+  }, u = c.borderWidth || 0, l = c.width || d.width || 300, v = c.height || d.height || 300, b = (d.x || 0) + u, x = (d.y || 0) + u, g = l - (d.x || 0) - (d.width || l) + u, S = v - (d.y || 0) - (d.height || v) + u, w = Math.min(
     d.width || l,
     d.height || v
-  ) * ((c.borderRadius || 0) / 100), S = Math.max(0, M - u), k = `inset(
+  ) * ((c.borderRadius || 0) / 100), M = Math.max(0, w - u), k = `inset(
     ${x}px
     ${g}px
-    ${w}px
-    ${b}px round ${S}px
-  )`, { durationInFrames: $ } = wt(t.display, o), m = (s || 0) - t.display.from * o / 1e3, I = Gt(c, d, {}), { WebkitTextStroke: N } = I, R = yo(c, d), O = zr(
+    ${S}px
+    ${b}px round ${M}px
+  )`, { durationInFrames: $ } = wt(t.display, o), m = (s || 0) - t.display.from * o / 1e3, I = zt(c, d, {}), { WebkitTextStroke: N } = I, R = yo(c, d), O = Gr(
     c.effects,
     i,
     m,
     $
-  ), P = Gr(O), { filter: Y, overlays: W } = wo(O), F = (ut = (ot = i == null ? void 0 : i.loop) == null ? void 0 : ot.composition) == null ? void 0 : ut.find(
-    (A) => A.property === "textGridMarqueeTextAnimationLoop" || A.property === "textGridMarquee" || A.property === "imageGridMarqueeTextAnimationLoop" || A.property === "imageGridMarquee" || A.id === "textGridMarquee" || A.id === "imageGridMarquee"
+  ), P = zr(O), { filter: Y, overlays: W } = wo(O), F = (ut = (ot = i == null ? void 0 : i.loop) == null ? void 0 : ot.composition) == null ? void 0 : ut.find(
+    (L) => L.property === "textGridMarqueeTextAnimationLoop" || L.property === "textGridMarquee" || L.property === "imageGridMarqueeTextAnimationLoop" || L.property === "imageGridMarquee" || L.id === "textGridMarquee" || L.id === "imageGridMarquee"
   ), V = !!(F && m >= (F.delay || 0) && m <= (F.delay || 0) + (F.durationInFrames || 60)), X = (gt = (it = i == null ? void 0 : i.loop) == null ? void 0 : it.composition) == null ? void 0 : gt.find(
-    (A) => A.property === "inwardEchoes" || A.id === "inwardEchoes"
+    (L) => L.property === "inwardEchoes" || L.id === "inwardEchoes"
   ), E = !!(X && m >= (X.delay || 0) && m <= (X.delay || 0) + (X.durationInFrames || 120)), _ = (tt = (pt = i == null ? void 0 : i.loop) == null ? void 0 : pt.composition) == null ? void 0 : tt.find(
-    (A) => A.property === "wiggle" || A.id === "wiggle"
-  ), z = !!(_ && m >= (_.delay || 0) && m <= (_.delay || 0) + (_.durationInFrames || 120)), U = (et = (st = i == null ? void 0 : i.loop) == null ? void 0 : st.composition) == null ? void 0 : et.find(
-    (A) => A.property === "cardFlip" || A.id === "cardFlip"
-  ), L = !!(U && m >= (U.delay || 0) && m <= (U.delay || 0) + (U.durationInFrames || 120)), D = [
+    (L) => L.property === "wiggle" || L.id === "wiggle"
+  ), j = !!(_ && m >= (_.delay || 0) && m <= (_.delay || 0) + (_.durationInFrames || 120)), U = (et = (st = i == null ? void 0 : i.loop) == null ? void 0 : st.composition) == null ? void 0 : et.find(
+    (L) => L.property === "cardFlip" || L.id === "cardFlip"
+  ), Z = !!(U && m >= (U.delay || 0) && m <= (U.delay || 0) + (U.durationInFrames || 120)), K = [
     ...((at = i == null ? void 0 : i.in) == null ? void 0 : at.composition) || [],
     ...((dt = i == null ? void 0 : i.out) == null ? void 0 : dt.composition) || [],
     ...((ft = i == null ? void 0 : i.timed) == null ? void 0 : ft.composition) || [],
     ...((bt = i == null ? void 0 : i.loop) == null ? void 0 : bt.composition) || []
-  ], H = c.width || d.width || 300, Z = c.height || d.height || 300, j = /* @__PURE__ */ f(
+  ], H = c.width || d.width || 300, A = c.height || d.height || 300, G = /* @__PURE__ */ f(
     ar,
     {
       "data-id": t.id,
@@ -5751,7 +5778,7 @@ const Oo = ({
       fps: o,
       echoesDetails: X == null ? void 0 : X.details
     }
-  ) : z ? /* @__PURE__ */ f(
+  ) : j ? /* @__PURE__ */ f(
     So,
     {
       src: c.src,
@@ -5770,7 +5797,7 @@ const Oo = ({
       fps: o,
       wiggleDetails: _ == null ? void 0 : _.details
     }
-  ) : L ? /* @__PURE__ */ f(
+  ) : Z ? /* @__PURE__ */ f(
     Cr,
     {
       frame: m,
@@ -5779,15 +5806,15 @@ const Oo = ({
       from: U == null ? void 0 : U.from,
       to: U == null ? void 0 : U.to,
       width: H,
-      height: Z,
+      height: A,
       borderRadius: R.borderRadius,
       boxShadow: c.boxShadow,
       cardFlipDetails: U == null ? void 0 : U.details,
-      children: j
+      children: G
     }
-  ) : j, {
+  ) : G, {
     borderWidth: Q,
-    borderColor: T,
+    borderColor: q,
     ...nt
   } = c, vt = /* @__PURE__ */ f(
     Ht,
@@ -5818,7 +5845,7 @@ const Oo = ({
             tr,
             {
               item: t,
-              keyframeAnimations: D,
+              keyframeAnimations: K,
               frame: m,
               durationInFrames: $,
               children: /* @__PURE__ */ mt(
@@ -5830,7 +5857,7 @@ const Oo = ({
                     height: "100%"
                   },
                   children: [
-                    !V && !E && !z && !L && c.boxShadow && /* @__PURE__ */ f(
+                    !V && !E && !j && !Z && c.boxShadow && /* @__PURE__ */ f(
                       "div",
                       {
                         style: {
@@ -5874,16 +5901,16 @@ const Oo = ({
                                   Vr,
                                   {
                                     width: H,
-                                    height: Z,
+                                    height: A,
                                     effects: P,
                                     children: ht()
                                   }
                                 ) : ht(),
-                                W.map((A) => /* @__PURE__ */ f("div", { style: A.style }, A.id))
+                                W.map((L) => /* @__PURE__ */ f("div", { style: L.style }, L.id))
                               ]
                             }
                           ),
-                          !V && !E && !z && !L && !!c.borderWidth && /* @__PURE__ */ f(
+                          !V && !E && !j && !Z && !!c.borderWidth && /* @__PURE__ */ f(
                             "div",
                             {
                               style: {
@@ -6018,10 +6045,10 @@ const ms = (t) => {
   const p = Or(null), d = Rt(), [u, l] = yr({ width: 400, height: 100 });
   cr(() => {
     l((g) => {
-      var w, M;
+      var S, w;
       return {
-        width: ((w = p.current) == null ? void 0 : w.offsetWidth) ?? g.width,
-        height: ((M = p.current) == null ? void 0 : M.offsetHeight) ?? g.height
+        width: ((S = p.current) == null ? void 0 : S.offsetWidth) ?? g.width,
+        height: ((w = p.current) == null ? void 0 : w.offsetHeight) ?? g.height
       };
     });
   }, [d, l]);
@@ -6156,13 +6183,13 @@ const Lt = new ks(), Ns = ({
     }
   ) });
 };
-function Go({
+function zo({
   item: t,
   options: r
 }) {
   return xt({ item: t, options: r, children: /* @__PURE__ */ f(Nt, { children: /* @__PURE__ */ f(Ns, { item: t, options: r }) }) });
 }
-function zo({
+function Go({
   item: t,
   options: r
 }) {
@@ -6354,7 +6381,7 @@ const Xs = ({
   topRoundness: e = 0.4,
   bottomRoundness: p = 0.4
 }) => {
-  const d = s, u = a, l = t, v = r % (2 * s / t), b = Array.from({ length: c }).map((S, k) => {
+  const d = s, u = a, l = t, v = r % (2 * s / t), b = Array.from({ length: c }).map((M, k) => {
     const $ = k * i;
     return Xs({
       width: d,
@@ -6362,19 +6389,19 @@ const Xs = ({
       offsetPixels: $ + v,
       amplitude: 0.5 * o
     });
-  }), x = d / l, g = e * x, w = p * x, M = (S, k) => {
-    const $ = S.y <= 0, m = $ ? g : w, I = $ ? w : g, N = k.x + I, R = k.y, O = S.x - m, P = S.y, Y = S.x, W = S.y;
+  }), x = d / l, g = e * x, S = p * x, w = (M, k) => {
+    const $ = M.y <= 0, m = $ ? g : S, I = $ ? S : g, N = k.x + I, R = k.y, O = M.x - m, P = M.y, Y = M.x, W = M.y;
     return `C ${N} ${R}, ${O} ${P}, ${Y} ${W}`;
   };
-  return /* @__PURE__ */ f("div", { style: { width: s, height: a }, children: /* @__PURE__ */ f("svg", { width: d, height: u, viewBox: `0 -${0.5 * u} ${d} ${u}`, children: b.map((S, k) => {
-    const $ = S[S.length - 1], m = Array.isArray(n) ? n[k % n.length] : n;
+  return /* @__PURE__ */ f("div", { style: { width: s, height: a }, children: /* @__PURE__ */ f("svg", { width: d, height: u, viewBox: `0 -${0.5 * u} ${d} ${u}`, children: b.map((M, k) => {
+    const $ = M[M.length - 1], m = Array.isArray(n) ? n[k % n.length] : n;
     return /* @__PURE__ */ f(
       "path",
       {
-        d: `M 0 0, ${S.map((I, N, R) => {
+        d: `M 0 0, ${M.map((I, N, R) => {
           const O = N === 0 ? { x: 0, y: 0 } : R[N - 1];
-          return M(I, O);
-        }).join(",")}, ${M({ x: d, y: 0 }, $)}`,
+          return w(I, O);
+        }).join(",")}, ${w({ x: d, y: 0 }, $)}`,
         stroke: m,
         strokeWidth: h,
         fill: "none"
@@ -6471,16 +6498,16 @@ const _s = (t, r) => {
   } : {
     viewBoxVerticalShift: -0.5 * p,
     scaling: 0.5
-  }, v = 0.15 * e, b = (e - 2 * v) / (t.length - 1), x = Array.from({ length: n }).map((g, w) => {
-    const M = 3 * w;
-    return _s(t, M).map((k, $) => ({
+  }, v = 0.15 * e, b = (e - 2 * v) / (t.length - 1), x = Array.from({ length: n }).map((g, S) => {
+    const w = 3 * S;
+    return _s(t, w).map((k, $) => ({
       x: v + $ * b,
-      y: d * p * k * (1.2 - 0.5 * cn(w * t.length + $))
+      y: d * p * k * (1.2 - 0.5 * cn(S * t.length + $))
     }));
   });
-  return /* @__PURE__ */ f("div", { style: { width: r, height: o }, children: /* @__PURE__ */ f("svg", { width: e, height: p, viewBox: `0 ${u} ${e} ${p}`, children: x.map((g, w) => {
-    const M = g[g.length - 1], S = Array.isArray(c) ? c[w % c.length] : c, k = Array.isArray(s) ? s[w % s.length] : s, $ = {
-      stroke: S,
+  return /* @__PURE__ */ f("div", { style: { width: r, height: o }, children: /* @__PURE__ */ f("svg", { width: e, height: p, viewBox: `0 ${u} ${e} ${p}`, children: x.map((g, S) => {
+    const w = g[g.length - 1], M = Array.isArray(c) ? c[S % c.length] : c, k = Array.isArray(s) ? s[S % s.length] : s, $ = {
+      stroke: M,
       strokeWidth: a,
       fill: k,
       style: {
@@ -6495,7 +6522,7 @@ const _s = (t, r) => {
           d: `M 0 0, ${g.map((m, I, N) => {
             const R = I === 0 ? { x: 0, y: 0 } : N[I - 1], O = R.x + 0.5 * b, P = R.y, Y = m.x - 0.5 * b, W = m.y, F = m.x, V = m.y;
             return `C ${O} ${P}, ${Y} ${W}, ${F} ${V}`;
-          }).join(",")}, C ${M.x + 0.5 * b} ${M.y}, ${e - 0.5 * b} 0, ${e} 0`
+          }).join(",")}, C ${w.x + 0.5 * b} ${w.y}, ${e - 0.5 * b} 0, ${e} 0`
         }
       ),
       i !== "under" && /* @__PURE__ */ f(
@@ -6505,10 +6532,10 @@ const _s = (t, r) => {
           d: `M 0 0, ${g.map((m, I, N) => {
             const R = I === 0 ? { x: 0, y: 0 } : N[I - 1], O = R.x + 0.5 * b, P = -R.y, Y = m.x - 0.5 * b, W = -m.y, F = m.x, V = -m.y;
             return `C ${O} ${P}, ${Y} ${W}, ${F} ${V}`;
-          }).join(",")}, C ${M.x + 0.5 * b} ${-M.y}, ${e - 0.5 * b} 0, ${e} 0`
+          }).join(",")}, C ${w.x + 0.5 * b} ${-w.y}, ${e - 0.5 * b} 0, ${e} 0`
         }
       )
-    ] }, w);
+    ] }, S);
   }) }) });
 }, Vs = ({
   width: t,
@@ -6525,10 +6552,10 @@ const _s = (t, r) => {
   const p = Or(null), d = Rt(), [u, l] = yr({ width: 400, height: 100 });
   cr(() => {
     l((g) => {
-      var w, M;
+      var S, w;
       return {
-        width: ((w = p.current) == null ? void 0 : w.offsetWidth) ?? g.width,
-        height: ((M = p.current) == null ? void 0 : M.offsetHeight) ?? g.height
+        width: ((S = p.current) == null ? void 0 : S.offsetWidth) ?? g.width,
+        height: ((w = p.current) == null ? void 0 : w.offsetHeight) ?? g.height
       };
     });
   }, [d, l]);
@@ -6606,7 +6633,7 @@ const Ho = ({
   ), { durationInFrames: e } = wt(t.display, o), p = (s || 0) - t.display.from * o / 1e3, d = /* @__PURE__ */ f(
     Ht,
     {
-      style: Gt(a),
+      style: zt(a),
       animationIn: i,
       animationOut: n,
       frame: p,
@@ -6617,7 +6644,7 @@ const Ho = ({
           animationTimed: h,
           durationInFrames: e,
           frame: p,
-          style: Gt(a),
+          style: zt(a),
           children: /* @__PURE__ */ f(
             tr,
             {
@@ -6641,7 +6668,7 @@ const Ho = ({
     }
   );
   return xt({ item: t, options: r, children: d });
-}, Gs = () => ({
+}, zs = () => ({
   scale: (t) => ({ transform: `scale(${t})` }),
   opacity: (t) => ({ opacity: t }),
   translateX: (t) => ({ transform: `translateX(${t}%)` }),
@@ -6672,7 +6699,7 @@ const Ho = ({
   for (let a = 0; a < 6; a += 1)
     o.push(a * s + r);
   return o;
-}, zs = (t, r, o, s = !1) => {
+}, Gs = (t, r, o, s = !1) => {
   const { from: a, to: c, ease: i } = r, n = r.durationInFrames || 30, h = Number(a), e = Number(c), p = Math.max(1, Number(n));
   if (isNaN(h) || isNaN(e))
     return h;
@@ -6735,12 +6762,12 @@ const Ho = ({
     const l = Number(
       ((h = t.details) == null ? void 0 : h.fromX) ?? t.from ?? 0
     ), v = Number(((e = t.details) == null ? void 0 : e.toX) ?? t.to ?? 0), b = Number(((p = t.details) == null ? void 0 : p.fromY) ?? 0), x = Number(((d = t.details) == null ? void 0 : d.toY) ?? 0), g = Number(((u = t.details) == null ? void 0 : u.scale) || 1) || 1;
-    let w = a;
-    if (w == null || Number.isNaN(w)) {
+    let S = a;
+    if (S == null || Number.isNaN(S)) {
       const F = t.details;
-      w = Uo((F == null ? void 0 : F.rotate) ?? (F == null ? void 0 : F.rotation) ?? (F == null ? void 0 : F.transform));
+      S = Uo((F == null ? void 0 : F.rotate) ?? (F == null ? void 0 : F.rotation) ?? (F == null ? void 0 : F.transform));
     }
-    const M = t.delay || 0, S = t.durationInFrames || 30, k = s ? [o - S - M, o - M] : [M, M + S], $ = C(r, k, [l, v], {
+    const w = t.delay || 0, M = t.durationInFrames || 30, k = s ? [o - M - w, o - w] : [w, w + M], $ = C(r, k, [l, v], {
       extrapolateLeft: "clamp",
       extrapolateRight: "clamp",
       easing: t.ease
@@ -6748,12 +6775,12 @@ const Ho = ({
       extrapolateLeft: "clamp",
       extrapolateRight: "clamp",
       easing: t.ease
-    }), I = (w || 0) * Math.PI / 180, N = Math.cos(I), R = Math.sin(I), O = $ * N + m * R, P = -$ * R + m * N, Y = O / g, W = P / g;
+    }), I = (S || 0) * Math.PI / 180, N = Math.cos(I), R = Math.sin(I), O = $ * N + m * R, P = -$ * R + m * N, Y = O / g, W = P / g;
     return {
       transform: `translateX(${Y}px) translateY(${W}px)`
     };
   }
-  const i = zs(r, t, o, s), n = Gs();
+  const i = Gs(r, t, o, s), n = zs();
   return (n[c] || n.default)(i);
 }, so = (t, r, o, s = !1, a = !1, c) => Ot.useMemo(() => {
   if (t.length === 0) return {};
@@ -6803,33 +6830,33 @@ const Ho = ({
     !0
   ), h = Ot.useMemo(() => {
     const x = Object.keys(i).length > 0, g = t == null ? void 0 : t.reduce(
-      (M, S) => Math.min(M, S.delay || 0),
+      (w, M) => Math.min(w, M.delay || 0),
       1 / 0
-    ), w = c - (g || 0);
-    return x && w < 0 ? { visibility: "hidden" } : i;
+    ), S = c - (g || 0);
+    return x && S < 0 ? { visibility: "hidden" } : i;
   }, [i, c, t]), e = Ot.useMemo(() => {
     if (c > o)
       return { visibility: "hidden" };
     const x = Rr(r);
     if (!x || x.length === 0) return {};
     let g = 0;
-    x.forEach((M) => {
-      const S = (M.durationInFrames || 0) + (M.delay || 0);
-      S > g && (g = S);
+    x.forEach((w) => {
+      const M = (w.durationInFrames || 0) + (w.delay || 0);
+      M > g && (g = M);
     });
-    const w = Math.max(0, o - g);
-    return c < w ? {} : n;
+    const S = Math.max(0, o - g);
+    return c < S ? {} : n;
   }, [n, c, r, o]), d = ((a == null ? void 0 : a.transform) || "").match(/rotate\((-?[\d.]+)deg\)/), u = d ? parseFloat(d[1]) : 0, l = Ot.useMemo(() => {
     const x = {
       ...h
       // , ...timedStyle
     };
-    return Object.entries(e).forEach(([g, w]) => {
-      g === "transform" ? x[g] = `${x[g] || ""} ${w || ""}`.trim() : g in x && typeof x[g] == "number" && typeof w == "number" ? x[g] = x[g] * w : x[g] = w;
+    return Object.entries(e).forEach(([g, S]) => {
+      g === "transform" ? x[g] = `${x[g] || ""} ${S || ""}`.trim() : g in x && typeof x[g] == "number" && typeof S == "number" ? x[g] = x[g] * S : x[g] = S;
     }), x;
   }, [h, e]), v = br(() => {
-    const x = l.transform || "", { translateX: g, translateY: w, scale: M, rotation: S, rotateY: k } = js(x);
-    return `${S} ${g} ${w} ${M} ${k}`.trim();
+    const x = l.transform || "", { translateX: g, translateY: S, scale: w, rotation: M, rotateY: k } = js(x);
+    return `${M} ${g} ${S} ${w} ${k}`.trim();
   }, [l]);
   let b = i;
   return u > 0 && b.transform && b.transform.includes("translateX") && (b = {
@@ -6952,10 +6979,10 @@ const Zo = ({
     a,
     o
   ), p = s == null ? void 0 : s[t.id], d = (b, x, g) => {
-    const w = g, M = g, S = Math.PI * 2 / (b * 2);
+    const S = g, w = g, M = Math.PI * 2 / (b * 2);
     let k = Number.POSITIVE_INFINITY, $ = Number.NEGATIVE_INFINITY, m = Number.POSITIVE_INFINITY, I = Number.NEGATIVE_INFINITY;
     for (let N = 0; N < b * 2; N++) {
-      const R = N % 2 === 0 ? g : x, O = S * N - Math.PI / 2, P = w + R * Math.cos(O), Y = M + R * Math.sin(O);
+      const R = N % 2 === 0 ? g : x, O = M * N - Math.PI / 2, P = S + R * Math.cos(O), Y = w + R * Math.sin(O);
       k = Math.min(k, P), $ = Math.max($, P), m = Math.min(m, Y), I = Math.max(I, Y);
     }
     return {
@@ -6969,8 +6996,8 @@ const Zo = ({
       c.points || 5,
       c.innerRadius || 0,
       c.outerRadius || 0
-    ), x = p != null && p.width ? p.width / b.width : 1, g = p != null && p.height ? p.height / b.height : 1, w = Math.max(x, g);
-    u = (c.outerRadius || 0) * w, l = (c.innerRadius || 0) * w;
+    ), x = p != null && p.width ? p.width / b.width : 1, g = p != null && p.height ? p.height / b.height : 1, S = Math.max(x, g);
+    u = (c.outerRadius || 0) * S, l = (c.innerRadius || 0) * S;
   }
   const v = /* @__PURE__ */ f(
     dr,
@@ -7001,14 +7028,14 @@ const Zo = ({
     a,
     o
   ), { durationInFrames: e } = wt(t.display, o), p = s == null ? void 0 : s[t.id], d = (v, b) => {
-    const x = b, g = b, w = Math.PI * 2 / v;
-    let M = Number.POSITIVE_INFINITY, S = Number.NEGATIVE_INFINITY, k = Number.POSITIVE_INFINITY, $ = Number.NEGATIVE_INFINITY;
+    const x = b, g = b, S = Math.PI * 2 / v;
+    let w = Number.POSITIVE_INFINITY, M = Number.NEGATIVE_INFINITY, k = Number.POSITIVE_INFINITY, $ = Number.NEGATIVE_INFINITY;
     for (let m = 0; m < v; m++) {
-      const I = w * m - Math.PI / 2, N = x + b * Math.cos(I), R = g + b * Math.sin(I);
-      M = Math.min(M, N), S = Math.max(S, N), k = Math.min(k, R), $ = Math.max($, R);
+      const I = S * m - Math.PI / 2, N = x + b * Math.cos(I), R = g + b * Math.sin(I);
+      w = Math.min(w, N), M = Math.max(M, N), k = Math.min(k, R), $ = Math.max($, R);
     }
     return {
-      width: S - M,
+      width: M - w,
       height: $ - k
     };
   };
@@ -7213,12 +7240,12 @@ const Zo = ({
     const l = Number(
       ((h = t.details) == null ? void 0 : h.fromX) ?? t.from ?? 0
     ), v = Number(((e = t.details) == null ? void 0 : e.toX) ?? t.to ?? 0), b = Number(((p = t.details) == null ? void 0 : p.fromY) ?? 0), x = Number(((d = t.details) == null ? void 0 : d.toY) ?? 0), g = Number(((u = t.details) == null ? void 0 : u.scale) || 1) || 1;
-    let w = a;
-    if (w == null || Number.isNaN(w)) {
+    let S = a;
+    if (S == null || Number.isNaN(S)) {
       const F = t.details;
-      w = qo((F == null ? void 0 : F.rotate) ?? (F == null ? void 0 : F.rotation) ?? (F == null ? void 0 : F.transform));
+      S = qo((F == null ? void 0 : F.rotate) ?? (F == null ? void 0 : F.rotation) ?? (F == null ? void 0 : F.transform));
     }
-    const M = t.delay || 0, S = t.durationInFrames || 30, k = s ? [o - S - M, o - M] : [M, M + S], $ = C(r, k, [l, v], {
+    const w = t.delay || 0, M = t.durationInFrames || 30, k = s ? [o - M - w, o - w] : [w, w + M], $ = C(r, k, [l, v], {
       extrapolateLeft: "clamp",
       extrapolateRight: "clamp",
       easing: t.ease
@@ -7226,7 +7253,7 @@ const Zo = ({
       extrapolateLeft: "clamp",
       extrapolateRight: "clamp",
       easing: t.ease
-    }), I = (w || 0) * Math.PI / 180, N = Math.cos(I), R = Math.sin(I), O = $ * N + m * R, P = -$ * R + m * N, Y = O / g, W = P / g;
+    }), I = (S || 0) * Math.PI / 180, N = Math.cos(I), R = Math.sin(I), O = $ * N + m * R, P = -$ * R + m * N, Y = O / g, W = P / g;
     return {
       transform: `translateX(${Y}px) translateY(${W}px)`
     };
@@ -7292,38 +7319,38 @@ const Zo = ({
     !0
   ), d = Ot.useMemo(() => {
     var m;
-    const S = Object.keys(h).length > 0, k = (m = er(t)) == null ? void 0 : m.reduce(
+    const M = Object.keys(h).length > 0, k = (m = er(t)) == null ? void 0 : m.reduce(
       (I, N) => Math.min(I, N.delay || 0),
       1 / 0
     ), $ = a - (k || 0);
-    return S && $ < 0 ? { visibility: c ? "visible" : "hidden" } : h;
+    return M && $ < 0 ? { visibility: c ? "visible" : "hidden" } : h;
   }, [h, a, t, c]), u = Ot.useMemo(() => {
-    const S = er(r);
-    if (!S || S.length === 0) return {};
+    const M = er(r);
+    if (!M || M.length === 0) return {};
     let k = 0;
-    S.forEach((m) => {
+    M.forEach((m) => {
       const I = (m.durationInFrames || 0) + (m.delay || 0);
       I > k && (k = I);
     });
     const $ = Math.max(0, s - k);
     return a < $ ? {} : a > s ? { visibility: c ? "visible" : "hidden" } : e;
   }, [e, a, r, s, c]), l = Ot.useMemo(() => {
-    const S = {
+    const M = {
       ...d,
       ...p
     };
     return Object.entries(u).forEach(([k, $]) => {
-      k === "transform" ? S[k] = `${S[k] || ""} ${$ || ""}`.trim() : k in S && typeof S[k] == "number" && typeof $ == "number" ? S[k] = S[k] * $ : S[k] = $;
-    }), S;
+      k === "transform" ? M[k] = `${M[k] || ""} ${$ || ""}`.trim() : k in M && typeof M[k] == "number" && typeof $ == "number" ? M[k] = M[k] * $ : M[k] = $;
+    }), M;
   }, [d, p, u]), v = br(() => {
-    const S = l.transform || "", { translateX: k, translateY: $, scale: m, rotation: I, rotateY: N } = Us(S);
+    const M = l.transform || "", { translateX: k, translateY: $, scale: m, rotation: I, rotateY: N } = Us(M);
     return `${I} ${k} ${$} ${m} ${N}`.trim();
   }, [l]), {
     top: b,
     left: x,
     position: g,
-    transform: w,
-    ...M
+    transform: S,
+    ...w
   } = n || {};
   return /* @__PURE__ */ f(
     "div",
@@ -7340,7 +7367,7 @@ const Zo = ({
           style: {
             width: "100%",
             height: "100%",
-            ...M,
+            ...w,
             ...l,
             overflow: "visible",
             transform: v,
@@ -7370,7 +7397,7 @@ function Do({
   options: r
 }) {
   var R, O, P, Y, W;
-  const { fps: o, frame: s } = r, { details: a, animations: c } = t, { width: i, height: n, strokeWidth: h, strokeBackground: e, strokeColors: p } = a, { animationIn: d, animationOut: u } = Ft(c, t), { durationInFrames: l } = wt(t.display, o), v = i, b = n, x = h, g = v, w = b, M = v, S = b, k = g + w + M + S;
+  const { fps: o, frame: s } = r, { details: a, animations: c } = t, { width: i, height: n, strokeWidth: h, strokeBackground: e, strokeColors: p } = a, { animationIn: d, animationOut: u } = Ft(c, t), { durationInFrames: l } = wt(t.display, o), v = i, b = n, x = h, g = v, S = b, w = v, M = b, k = g + S + w + M;
   let $ = 0;
   if (((R = c == null ? void 0 : c.out) == null ? void 0 : R.name) === "progressSquareAnimationOut") {
     const F = (O = c == null ? void 0 : c.out) == null ? void 0 : O.composition[0].durationInFrames, V = Math.max(
@@ -7392,7 +7419,7 @@ function Do({
   const m = $ * 100 / 100 * k, I = p[0] || "#4A90E2", N = /* @__PURE__ */ f(
     Hs,
     {
-      style: Gt(
+      style: zt(
         a,
         {},
         {
@@ -7451,12 +7478,12 @@ function Do({
                     top: 0,
                     right: 0,
                     width: x,
-                    height: Math.min(m - g, w),
+                    height: Math.min(m - g, S),
                     backgroundColor: I
                   }
                 }
               ),
-              m > g + w && /* @__PURE__ */ f(
+              m > g + S && /* @__PURE__ */ f(
                 "div",
                 {
                   style: {
@@ -7464,15 +7491,15 @@ function Do({
                     bottom: 0,
                     right: 0,
                     width: Math.min(
-                      m - g - w,
-                      M
+                      m - g - S,
+                      w
                     ),
                     height: x,
                     backgroundColor: I
                   }
                 }
               ),
-              m > g + w + M && /* @__PURE__ */ f(
+              m > g + S + w && /* @__PURE__ */ f(
                 "div",
                 {
                   style: {
@@ -7481,8 +7508,8 @@ function Do({
                     left: 0,
                     width: x,
                     height: Math.min(
-                      m - g - w - M,
-                      S
+                      m - g - S - w,
+                      M
                     ),
                     backgroundColor: I
                   }
@@ -7559,13 +7586,13 @@ const tn = (t) => {
     case "progressBar":
       return Vo({ item: t, options: r });
     case "linealAudioBars":
-      return Go({ item: t, options: r });
+      return zo({ item: t, options: r });
     case "waveAudioBars":
       return Ao({ item: t, options: r });
     case "hillAudioBars":
       return Lo({ item: t, options: r });
     case "progressFrame":
-      return zo({ item: t, options: r });
+      return Go({ item: t, options: r });
     case "radialAudioBars":
       return jo({ item: t, options: r });
     case "progressSquare":
@@ -7591,16 +7618,16 @@ function Qs({
     structure: u,
     frame: l,
     mergedTrackItemsDeatilsMap: v
-  } = r, b = sr(e || {}), { trim: x, display: g } = t, w = n && n.some(($) => !!b[$]) ? n : Object.keys(b), M = tn({
-    trackItemIds: sr(w),
+  } = r, b = sr(e || {}), { trim: x, display: g } = t, S = n && n.some(($) => !!b[$]) ? n : Object.keys(b), w = tn({
+    trackItemIds: sr(S),
     transitionsMap: sr(h || {}),
     trackItemsMap: b || {}
-  }), S = (x == null ? void 0 : x.from) || 0;
-  w.filter(($) => !!b[$]).forEach(($) => {
+  }), M = (x == null ? void 0 : x.from) || 0;
+  S.filter(($) => !!b[$]).forEach(($) => {
     const m = b[$];
-    m != null && m.display && (m.display.from = m.display.from - S, m.display.to = m.display.to - S);
+    m != null && m.display && (m.display.from = m.display.from - M, m.display.to = m.display.to - M);
   });
-  const k = M.map(($, m) => {
+  const k = w.map(($, m) => {
     var R, O, P, Y;
     if ($.length === 1) {
       if (!$[0]) return null;
@@ -7608,11 +7635,11 @@ function Qs({
       if (!W) return null;
       let F = {}, V = {}, X = [];
       if (W.type === "template") {
-        const _ = u == null ? void 0 : u.find((z) => z.id === W.id);
+        const _ = u == null ? void 0 : u.find((j) => j.id === W.id);
         X = (_ == null ? void 0 : _.items) || [];
-        for (const z in v)
-          _ != null && _.items.includes(z) && (V[z] = {
-            ...v[z]
+        for (const j in v)
+          _ != null && _.items.includes(j) && (V[j] = {
+            ...v[j]
           });
         return s(W, {
           fps: d,
@@ -7622,7 +7649,7 @@ function Qs({
           itemsTemplateIds: X,
           itemsTemplateMap: V,
           transitionsTemplateMap: F,
-          itemStructure: u == null ? void 0 : u.find((z) => z.id === W.id),
+          itemStructure: u == null ? void 0 : u.find((j) => j.id === W.id),
           frame: (l ?? 0) - g.from * d / 1e3,
           size: {
             width: ((O = W.details) == null ? void 0 : O.width) || 0,
@@ -7696,7 +7723,7 @@ function Ks({
     n,
     i,
     r
-  ), x = sr(c || {}), w = tn({
+  ), x = sr(c || {}), S = tn({
     trackItemIds: sr(a || []),
     transitionsMap: {},
     trackItemsMap: x
@@ -7721,12 +7748,12 @@ function Ks({
       }) : null;
     }
     return null;
-  }), M = w && w.map((R) => R), S = (n || 0) - t.display.from * i / 1e3, k = /* @__PURE__ */ f(
+  }), w = S && S.map((R) => R), M = (n || 0) - t.display.from * i / 1e3, k = /* @__PURE__ */ f(
     Ht,
     {
       animationIn: l,
       animationOut: v,
-      frame: S,
+      frame: M,
       durationInFrames: u,
       style: {
         ...t.details,
@@ -7738,7 +7765,7 @@ function Ks({
         {
           animationTimed: b,
           durationInFrames: u,
-          frame: S,
+          frame: M,
           style: {
             ...t.details,
             width: t.details.width,
@@ -7757,9 +7784,9 @@ function Ks({
                 ...v || [],
                 ...b || []
               ],
-              frame: S,
+              frame: M,
               durationInFrames: u,
-              children: M
+              children: w
             }
           )
         }
@@ -7788,10 +7815,10 @@ const io = {
   }),
   illustration: (t, r) => go({ item: t, options: r }),
   progressBar: (t, r) => Vo({ item: t, options: r }),
-  linealAudioBars: (t, r) => Go({ item: t, options: r }),
+  linealAudioBars: (t, r) => zo({ item: t, options: r }),
   waveAudioBars: (t, r) => Ao({ item: t, options: r }),
   hillAudioBars: (t, r) => Lo({ item: t, options: r }),
-  progressFrame: (t, r) => zo({ item: t, options: r }),
+  progressFrame: (t, r) => Go({ item: t, options: r }),
   radialAudioBars: (t, r) => jo({ item: t, options: r }),
   progressSquare: (t, r) => Do({ item: t, options: r }),
   composition: (t, r) => Ks({
@@ -7810,10 +7837,10 @@ export {
   Lo as HillAudioBars,
   go as Illustration,
   Yo as Image,
-  Go as LinealAudioBars,
+  zo as LinealAudioBars,
   Jo as Polygon,
   Vo as ProgressBar,
-  zo as ProgressFrame,
+  Go as ProgressFrame,
   Do as ProgressSquare,
   jo as RadialAudioBars,
   Ho as Rect,
@@ -7828,13 +7855,13 @@ export {
   Ao as WaveAudioBars,
   bo as calculateBorderOverlayStyles,
   Mn as calculateContainerFigureStyles,
-  Gt as calculateContainerStyles,
+  zt as calculateContainerStyles,
   Sn as calculateCropStyles,
   yo as calculateMediaStyles,
   rr as calculateTextStyles,
-  zr as getAnimatedRemotionEffects,
+  Gr as getAnimatedRemotionEffects,
   Ft as getAnimations,
   wo as getEffectsCssInfo,
   tn as groupTrackItems,
-  Gr as mapRemotionEffects
+  zr as mapRemotionEffects
 };