@cliquify.me/elements-ui 9.0.10 → 9.0.12

package/dist/index.es.js

@@ -2,17 +2,17 @@ var to = Object.defineProperty;
 var ro = (t, r, n) => r in t ? to(t, r, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[r] = n;
 var Bt = (t, r, n) => ro(t, typeof r != "symbol" ? r + "" : r, n);
 import { jsx as f, jsxs as gt, Fragment as kt } from "react/jsx-runtime";
-import { Sequence as dn, AbsoluteFill as Rr, Audio as un, Easing as I, interpolate as O, HtmlInCanvas as no, useCurrentFrame as Nt, OffthreadVideo as ar, Img as qt, useVideoConfig as ln, delayRender as oo, continueRender as Lr, cancelRender as eo, spring as Mt, random as so } from "remotion";
-import { TransitionSeries as pn, Transitions as ao } from "@cliquify.me/transitions";
+import { Sequence as dn, AbsoluteFill as Fr, Audio as un, Easing as I, interpolate as O, HtmlInCanvas as no, useCurrentFrame as Nt, OffthreadVideo as ar, Img as qt, useVideoConfig as ln, delayRender as oo, continueRender as Lr, cancelRender as eo, spring as Mt, random as so } from "remotion";
+import { TransitionSeries as hn, Transitions as ao } from "@cliquify.me/transitions";
 import { BoxAnim as Lt, ContentAnim as Ht, MaskAnim as Dt } from "@cliquify.me/animations";
-import hn from "@emotion/styled";
-import { css as hr } from "@emotion/react";
-import Vt, { Component as co, useState as fr, useEffect as sr, useMemo as yr, useRef as Wr } from "react";
+import pn from "@emotion/styled";
+import { css as pr } from "@emotion/react";
+import Wt, { Component as co, useState as fr, useEffect as sr, useMemo as yr, useRef as Wr } from "react";
 import { chromaticAberration as io } from "@remotion/effects/chromatic-aberration";
 import { noise as uo } from "@remotion/effects/noise";
 import { pixelate as lo } from "@remotion/effects/pixelate";
-import { ENTER_EDIT_MODE as po } from "@cliquify.me/state";
-import { getAudioData as ho, visualizeAudio as fo } from "@remotion/media-utils";
+import { ENTER_EDIT_MODE as ho } from "@cliquify.me/state";
+import { getAudioData as po, visualizeAudio as fo } from "@remotion/media-utils";
 import { isEqual as yo, cloneDeep as er } from "lodash";
 import { Circle as bo, Triangle as vo, Star as go, Polygon as mo, Ellipse as xo } from "@remotion/shapes";
 const wt = (t, r) => {
@@ -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) + "%"
-}), Pt = (t, r = {}, n = {}) => {
+}), Ot = (t, r = {}, n = {}) => {
   const s = t.brightness !== void 0 && t.brightness !== null ? t.brightness : 100, c = t.blur !== void 0 && t.blur !== null ? t.blur : 0, a = `brightness(${s}%) blur(${c}px)`;
   return {
     pointerEvents: "auto",
@@ -122,7 +122,7 @@ const wt = (t, r) => {
       ...a
     },
     children: /* @__PURE__ */ f(
-      Rr,
+      Fr,
       {
         style: {
           height: c.height + "px",
@@ -150,26 +150,26 @@ const wt = (t, r) => {
   options: r,
   children: n
 }) => {
-  var y, x, g, M;
+  var y, m, g, M;
   const { details: s } = t, { fps: c, isTransition: a } = r, { from: i, durationInFrames: e } = wt(
     {
       from: t.display.from,
       to: t.display.to
     },
     c
-  ), h = s.crop || {
+  ), p = s.crop || {
     width: t.details.width,
     height: t.details.height
-  }, o = ((y = s == null ? void 0 : s.background) == null ? void 0 : y.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 = Pt(s, h, { background: o });
+  }, o = ((y = s == null ? void 0 : s.background) == null ? void 0 : y.type) === "color" ? (m = s == null ? void 0 : s.background) == null ? void 0 : m.value : typeof (s == null ? void 0 : s.background) == "string" ? s == null ? void 0 : s.background : "transparent", h = ["template", "composition"].includes(t.type), d = ["image", "video"].includes(t.type), u = ["text", "caption"].includes(t.type);
+  let l = Ot(s, p, { background: o });
   if (d) {
     const { background: S, ...$ } = l;
     l = $;
   }
   u && (delete l.boxShadow, delete l.filter);
-  const b = p ? "!pointer-events-auto" : "";
+  const b = h ? "!pointer-events-auto" : "";
   return a ? /* @__PURE__ */ gt(
-    pn.Sequence,
+    hn.Sequence,
     {
       durationInFrames: e,
       premountFor: t.type === "video" || t.type === "audio" || t.type === "image" ? 100 : void 0,
@@ -188,7 +188,7 @@ const wt = (t, r) => {
           `${t.id}-main-background`
         ),
         /* @__PURE__ */ f(
-          Rr,
+          Fr,
           {
             id: t.id,
             "data-track-item": "transition-element",
@@ -224,15 +224,15 @@ const wt = (t, r) => {
           `${t.id}-main-background`
         ),
         /* @__PURE__ */ f(
-          Rr,
+          Fr,
           {
             id: t.id,
             "data-track-item": "transition-element",
             className: `designcombo-scene-item id-${t.id} designcombo-scene-item-type-${t.type} ${b}`,
             style: {
               ...l,
+              overflow: u ? "visible" : !u && l.borderRadius && l.borderRadius !== "0px" ? "hidden" : "visible",
               boxShadow: "",
-              overflow: "visible",
               visibility: s.visibility,
               background: t.type === "text" ? "transparent" : t.type === "template" && ((M = (g = t.details) == null ? void 0 : g.background) == null ? void 0 : M.value) || "transparent",
               pointerEvents: t.type === "audio" ? "none" : "auto"
@@ -263,10 +263,10 @@ function bn({
   );
   return xt({ item: t, options: r, children: a });
 }
-const Ft = (t, r, n, s, c) => {
-  let a = null, i = null, e = null, h = null;
+const Rt = (t, r, n, s, c) => {
+  let a = null, i = null, e = null, p = null;
   return c != null && c.isAnimationEditor || c != null && c.insideTemplate, t != null && t.in && (a = [], t.in.composition.forEach((o) => {
-    var b, y, x, g, M;
+    var b, y, m, g, M;
     a.push({
       id: o.id,
       property: o.property,
@@ -278,7 +278,7 @@ const Ft = (t, r, n, s, c) => {
       persist: o.persist,
       details: o.details
     }), o.property === "translateX" || o.property === "translateY" || o.property.toLowerCase().includes("slide");
-    const p = !!((b = o.details) != null && b.fade || o.fade), d = o.property === "moveScaleIn" || o.property === "moveScaleOut", u = o.property === "blurSlideV2In" || o.property === "blurSlideV2Out";
+    const h = !!((b = o.details) != null && b.fade || o.fade), d = o.property === "moveScaleIn" || o.property === "moveScaleOut", u = o.property === "blurSlideV2In" || o.property === "blurSlideV2Out";
     if (d) {
       const S = ((y = o.details) == null ? void 0 : y.translateY) || 0;
       a.push({
@@ -292,7 +292,7 @@ const Ft = (t, r, n, s, c) => {
       });
     }
     if (u) {
-      const S = ((x = o.details) == null ? void 0 : x.translateX) || 0;
+      const S = ((m = o.details) == null ? void 0 : m.translateX) || 0;
       a.push({
         property: "translateX",
         from: S,
@@ -303,7 +303,7 @@ const Ft = (t, r, n, s, c) => {
         persist: o.persist
       });
     }
-    if (p && a.push({
+    if (h && a.push({
       property: "opacity",
       from: 0,
       to: 1,
@@ -334,7 +334,7 @@ const Ft = (t, r, n, s, c) => {
       });
     }
   })), t != null && t.out && (i = [], t.out.composition.forEach((o) => {
-    var b, y, x, g, M;
+    var b, y, m, g, M;
     i.push({
       id: o.id,
       property: o.property,
@@ -368,7 +368,7 @@ const Ft = (t, r, n, s, c) => {
       });
     }
     if (l) {
-      const S = ((x = o.details) == null ? void 0 : x.translateX) || 0;
+      const S = ((m = o.details) == null ? void 0 : m.translateX) || 0;
       i.push({
         property: "translateX",
         from: 0,
@@ -413,10 +413,10 @@ const Ft = (t, r, n, s, c) => {
       persist: o.persist,
       details: o.details
     });
-  })), t != null && t.timed && s !== void 0 && n !== void 0 && (h = [], t.timed.composition.forEach((o) => {
+  })), t != null && t.timed && s !== void 0 && n !== void 0 && (p = [], t.timed.composition.forEach((o) => {
     var g;
-    const p = o.delay, d = r.display.from * s / 1e3, u = n - d - p, l = o.property === "hide-show" || o.property === "hide" || o.property === "show", b = l ? !0 : u >= 0;
-    h.push({
+    const h = o.delay, d = r.display.from * s / 1e3, u = n - d - h, l = o.property === "hide-show" || o.property === "hide" || o.property === "show", b = l ? !0 : u >= 0;
+    p.push({
       id: o.id,
       property: l || b ? o.property : "none",
       from: Number(o.from ?? 0),
@@ -427,8 +427,8 @@ const Ft = (t, r, n, s, c) => {
       persist: o.persist,
       details: o.details
     });
-    const y = o.property === "translateX" || o.property === "translateY" || o.property.toLowerCase().includes("slide"), x = !!((g = o.details) != null && g.fade || o.fade);
-    y && x && h.push({
+    const y = o.property === "translateX" || o.property === "translateY" || o.property.toLowerCase().includes("slide"), m = !!((g = o.details) != null && g.fade || o.fade);
+    y && m && p.push({
       property: b ? "opacity" : "none",
       from: 0,
       to: 1,
@@ -441,7 +441,7 @@ const Ft = (t, r, n, s, c) => {
     animationIn: a,
     animationOut: i,
     animationLoop: e,
-    animationTimed: h
+    animationTimed: p
   };
 }, Mo = (t) => {
   const c = t % 30;
@@ -456,7 +456,7 @@ const Ft = (t, r, n, s, c) => {
 }, Ur = (t, r, n, s = 10) => {
   const c = r / (1e3 * s), i = Math.min(t / n, c) / c;
   return i >= 1 ? 1 : 0.5 + 0.5 * i;
-}, wo = hn.span`
+}, wo = pn.span`
   position: relative;
   display: inline-block;
   padding: 0 0.15em;
@@ -467,7 +467,7 @@ const Ft = (t, r, n, s, c) => {
   transition: scale 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
   vertical-align: baseline;
 
-  ${(t) => t.animation === "letterPopline" && t.isActive && hr`
+  ${(t) => t.animation === "letterPopline" && t.isActive && pr`
       text-decoration: underline;
       text-decoration-color: #9238ef;
       text-decoration-thickness: 0.2em;
@@ -491,19 +491,19 @@ const Ft = (t, r, n, s, c) => {
     -webkit-text-fill-color: unset !important;
   }
 
-  ${(t) => t.isActive && hr`
+  ${(t) => t.isActive && pr`
       &::before {
         opacity: 1;
         background: ${t.activeFillColor};
       }
     `}
-`, Io = hn.span`
+`, Io = pn.span`
   display: inline-block;
   position: relative;
   margin: 0;
   padding: 0;
 
-  ${(t) => t.wordColor.includes("gradient") ? hr`
+  ${(t) => t.wordColor.includes("gradient") ? pr`
           background: ${t.wordColor};
           background-size: 100% 100%;
           -webkit-background-clip: text;
@@ -518,10 +518,10 @@ const Ft = (t, r, n, s, c) => {
             background: none !important;
             text-shadow: none !important;
           }
-        ` : hr`
+        ` : pr`
           color: ${t.wordColor};
         `}
-`, ko = ["letter", "letterUmi", "letterTracy"], No = ["letterKaraoke", "letterPopline"], Fo = ({
+`, ko = ["letter", "letterUmi", "letterTracy"], No = ["letterKaraoke", "letterPopline"], Ro = ({
   word: t,
   offsetFrom: r,
   activeColor: n,
@@ -530,13 +530,13 @@ const Ft = (t, r, n, s, c) => {
   color: a,
   animation: i,
   currentFrame: e,
-  fps: h,
+  fps: p,
   textDecoration: o,
-  fontStyle: p,
+  fontStyle: h,
   fontFamily: d,
   textShadow: u
 }) => {
-  const { start: l, end: b } = t, y = (l + r) / 1e3 * h, x = (b + r) / 1e3 * h, g = e >= y && e < x, M = e >= y, S = g ? n : M ? c : a, $ = No.includes(i) && g ? 1.2 : 1, k = t.word.length, m = x - y;
+  const { start: l, end: b } = t, y = (l + r) / 1e3 * p, m = (b + r) / 1e3 * p, g = e >= y && e < m, M = e >= y, S = g ? n : M ? c : a, $ = No.includes(i) && g ? 1.2 : 1, k = t.word.length, x = m - y;
   return /* @__PURE__ */ f(
     wo,
     {
@@ -546,7 +546,7 @@ const Ft = (t, r, n, s, c) => {
       animation: i,
       textDecoration: o,
       style: {
-        fontStyle: p || "normal",
+        fontStyle: h || "normal",
         fontFamily: d || "inherit"
       },
       children: /* @__PURE__ */ f(
@@ -554,16 +554,16 @@ const Ft = (t, r, n, s, c) => {
         {
           wordColor: S,
           style: {
-            fontStyle: p || "normal",
+            fontStyle: h || "normal",
             fontFamily: d || "inherit",
             textShadow: u || void 0
           },
           children: t.word.split("").map((v, w) => {
-            const N = m / k, F = y + w * N, V = F + N;
+            const N = x / k, R = y + w * N, V = R + N;
             let P = 1, Y = !0;
-            return ko.includes(i) && (Y = e >= F), i === "letterTracy" && (P = O(
+            return ko.includes(i) && (Y = e >= R), i === "letterTracy" && (P = O(
               e,
-              [F, V],
+              [R, V],
               [0, 1],
               {
                 extrapolateLeft: "clamp",
@@ -595,27 +595,27 @@ function vn({
   item: t,
   options: r
 }) {
-  const { fps: n, frame: s } = r, { details: c, display: a, animations: i } = t, { animationIn: e, animationOut: h, animationTimed: o } = Ft(
+  const { fps: n, frame: s } = r, { details: c, display: a, animations: i } = t, { animationIn: e, animationOut: p, animationTimed: o } = Rt(
     i,
     t,
     s,
     n,
     r
-  ), { from: p, durationInFrames: d } = wt(t.display, n), u = Array.isArray(c.words) ? c.words : [], [l] = u, b = a.from - ((l == null ? void 0 : l.start) || 0);
-  let y = Math.max((s ?? 0) - p, 0), x = {};
+  ), { from: h, durationInFrames: d } = wt(t.display, n), u = Array.isArray(c.words) ? c.words : [], [l] = u, b = a.from - ((l == null ? void 0 : l.start) || 0);
+  let y = Math.max((s ?? 0) - h, 0), m = {};
   switch (c == null ? void 0 : c.animation) {
     case "letterElla":
-      x = Mo(y);
+      m = Mo(y);
       break;
     case "letterHormozi":
-      x.scale = Ur(
+      m.scale = Ur(
         y,
         t.display.to,
         n
       );
       break;
     case "letterBeasty":
-      x.scale = Ur(
+      m.scale = Ur(
         y,
         t.display.to,
         n,
@@ -624,13 +624,13 @@ function vn({
       break;
   }
   const g = {
-    ...x.translateX !== void 0 && x.translateY !== void 0 && {
-      transform: `translate(${x.translateX}px, ${x.translateY}px)`
+    ...m.translateX !== void 0 && m.translateY !== void 0 && {
+      transform: `translate(${m.translateX}px, ${m.translateY}px)`
     },
-    ...x.scale !== void 0 && {
-      transform: `scale(${x.scale})`
+    ...m.scale !== void 0 && {
+      transform: `scale(${m.scale})`
     }
-  }, M = (s || 0) - t.display.from * n / 1e3, { boxShadow: S, ...$ } = Pt(c), { color: k, textShadow: m, ...v } = tr(c);
+  }, M = (s || 0) - t.display.from * n / 1e3, { boxShadow: S, ...$ } = Ot(c), { color: k, textShadow: x, ...v } = tr(c);
   return xt({
     item: t,
     options: r,
@@ -639,7 +639,7 @@ function vn({
       {
         style: $,
         animationIn: e,
-        animationOut: h,
+        animationOut: p,
         frame: M,
         durationInFrames: d,
         children: /* @__PURE__ */ f(
@@ -659,26 +659,26 @@ function vn({
                   display: "block",
                   textAlign: c.textAlign || "center",
                   boxShadow: "none",
-                  textShadow: m || "none",
+                  textShadow: x || "none",
                   transition: "transform 0.2s ease"
                 },
                 children: u.map((w, N) => {
                   var U;
-                  const F = c.animation === "letterEditorial", V = c.animation === "letterGaramondGlow", P = N === u.length - 1, W = (typeof c.captionGroupIndex == "number" ? c.captionGroupIndex : Math.floor((((U = t.display) == null ? void 0 : U.from) || 0) / 1e3)) % 2 === 0;
-                  let R = c.color, C = c.appearedColor || c.color, X = c.activeColor || c.color, E = c.fontStyle || "normal", _ = F ? "Georgia, serif" : void 0, z;
-                  if (F)
+                  const R = c.animation === "letterEditorial", V = c.animation === "letterGaramondGlow", P = N === u.length - 1, W = (typeof c.captionGroupIndex == "number" ? c.captionGroupIndex : Math.floor((((U = t.display) == null ? void 0 : U.from) || 0) / 1e3)) % 2 === 0;
+                  let F = c.color, C = c.appearedColor || c.color, X = c.activeColor || c.color, E = c.fontStyle || "normal", _ = R ? "Georgia, serif" : void 0, z;
+                  if (R)
                     if (W) {
                       const L = P ? "#e9ef36" : "#ffffff";
-                      R = L, C = L, X = L, E = P ? "italic" : "normal";
+                      F = L, C = L, X = L, E = P ? "italic" : "normal";
                     } else {
                       const L = P ? "#ffffff" : "#e9ef36";
-                      R = L, C = L, X = L, E = P ? "normal" : "italic";
+                      F = L, C = L, X = L, E = P ? "normal" : "italic";
                     }
-                  else V && (_ = "'EB Garamond', Garamond, serif", N % 5 === 0 ? (E = "italic", R = "#ffffff", C = "#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", R = "#ffffff", C = "#ffffff", X = "#ffffff", z = "2px 2px 4px rgba(0, 0, 0, 0.8), 0 2px 8px rgba(0, 0, 0, 0.6)"));
+                  else V && (_ = "'EB Garamond', Garamond, serif", N % 5 === 0 ? (E = "italic", F = "#ffffff", C = "#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", C = "#ffffff", X = "#ffffff", z = "2px 2px 4px rgba(0, 0, 0, 0.8), 0 2px 8px rgba(0, 0, 0, 0.6)"));
                   return /* @__PURE__ */ f(
-                    Fo,
+                    Ro,
                     {
-                      color: R,
+                      color: F,
                       appearedColor: C,
                       activeColor: X,
                       activeFillColor: c.activeFillColor || "transparent",
@@ -708,26 +708,26 @@ const gn = ({
   options: r
 }) => {
   var u, l, b, y;
-  const { fps: n, frame: s } = r, { details: c, animations: a } = t, { animationIn: i, animationOut: e, animationTimed: h } = Ft(
+  const { fps: n, frame: s } = r, { details: c, animations: a } = t, { animationIn: i, animationOut: e, animationTimed: p } = Rt(
     a,
     t,
     s,
     n,
     r
-  ), { durationInFrames: o } = wt(t.display, n), p = (s || 0) - t.display.from * n / 1e3, d = /* @__PURE__ */ f(
+  ), { durationInFrames: o } = wt(t.display, n), h = (s || 0) - t.display.from * n / 1e3, d = /* @__PURE__ */ f(
     Lt,
     {
-      style: Pt(c),
+      style: Ot(c),
       animationIn: i,
       animationOut: e,
-      frame: p,
+      frame: h,
       durationInFrames: o,
       children: /* @__PURE__ */ f(
         Ht,
         {
-          animationTimed: h,
+          animationTimed: p,
           durationInFrames: o,
-          frame: p,
+          frame: h,
           style: c,
           children: /* @__PURE__ */ f(
             Dt,
@@ -740,9 +740,9 @@ const gn = ({
                 ...((y = a == null ? void 0 : a.loop) == null ? void 0 : y.composition) || [],
                 ...i || [],
                 ...e || [],
-                ...h || []
+                ...p || []
               ],
-              frame: p,
+              frame: h,
               durationInFrames: o,
               children: /* @__PURE__ */ f("div", { dangerouslySetInnerHTML: { __html: t.details.svgString } })
             }
@@ -788,15 +788,15 @@ const mn = ({
   from: a = 0,
   to: i = 1,
   width: e,
-  height: h,
+  height: p,
   borderRadius: o,
-  borderWidth: p,
+  borderWidth: h,
   borderColor: d,
   boxShadow: u,
   marqueeDetails: l,
   effects: b
 }) => {
-  const y = Nt(), x = typeof n == "number" && !isNaN(n) ? n : y, g = Math.max(0, x - (s || 0)), M = Math.min(1, Math.max(0, g / (c || 1))), S = e || 300, $ = h || 300, k = (l == null ? void 0 : l.direction) || "horizontal", m = k === "static", v = Math.min(15, Math.max(1, Number((l == null ? void 0 : l.repeatX) ?? 5))), w = Math.min(15, Math.max(1, Number((l == null ? void 0 : l.repeatY) ?? 5))), N = (l == null ? void 0 : l.baseSpeed) !== void 0 ? Number(l.baseSpeed) : 2, F = (l == null ? void 0 : l.speedVariation) !== void 0 ? Number(l.speedVariation) : 0.5, V = l != null && l.hasInitialValue && (l == null ? void 0 : l.initialBaseSpeed) !== void 0 ? Number(l.initialBaseSpeed) : N, P = l != null && l.hasInitialValue ? V + (N - V) * M : N, Y = m ? 0 : P * 400, W = m ? 0 : P * 400, R = (l == null ? void 0 : l.scaleFactor) !== void 0 ? Number(l.scaleFactor) : 1, C = l != null && l.hasInitialValue && (l == null ? void 0 : l.initialScaleFactor) !== void 0 ? Number(l.initialScaleFactor) : R, X = l != null && l.hasInitialValue ? C + (R - C) * M : R, 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 * S, L = z / 100 * $, D = S, H = $, 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", ot = (v - 1) / 2, vt = (w - 1) / 2, nt = w, ut = v, it = Array.from({ length: nt }, (tt, st) => st - vt), mt = Array.from({ length: ut }, (tt, st) => st - ot), pt = (tt, st, et, ct) => /* @__PURE__ */ f(
+  const y = Nt(), m = typeof n == "number" && !isNaN(n) ? n : y, g = Math.max(0, m - (s || 0)), M = Math.min(1, Math.max(0, g / (c || 1))), S = e || 300, $ = p || 300, k = (l == null ? void 0 : l.direction) || "horizontal", x = k === "static", v = Math.min(15, Math.max(1, Number((l == null ? void 0 : l.repeatX) ?? 5))), w = Math.min(15, Math.max(1, Number((l == null ? void 0 : l.repeatY) ?? 5))), N = (l == null ? void 0 : l.baseSpeed) !== void 0 ? Number(l.baseSpeed) : 2, R = (l == null ? void 0 : l.speedVariation) !== void 0 ? Number(l.speedVariation) : 0.5, V = l != null && l.hasInitialValue && (l == null ? void 0 : l.initialBaseSpeed) !== void 0 ? Number(l.initialBaseSpeed) : N, P = l != null && l.hasInitialValue ? V + (N - V) * M : N, Y = x ? 0 : P * 400, W = x ? 0 : P * 400, F = (l == null ? void 0 : l.scaleFactor) !== void 0 ? Number(l.scaleFactor) : 1, C = l != null && l.hasInitialValue && (l == null ? void 0 : l.initialScaleFactor) !== void 0 ? Number(l.initialScaleFactor) : F, X = l != null && l.hasInitialValue ? C + (F - C) * M : 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 * S, L = z / 100 * $, D = S, H = $, Z = D * X + U, j = H * X + L, pt = 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", ot = (v - 1) / 2, vt = (w - 1) / 2, nt = w, ut = v, it = Array.from({ length: nt }, (tt, st) => st - vt), mt = Array.from({ length: ut }, (tt, st) => st - ot), ht = (tt, st, et, ct) => /* @__PURE__ */ f(
     "div",
     {
       style: {
@@ -808,7 +808,7 @@ const mn = ({
         width: `${D}px`,
         height: `${H}px`,
         borderRadius: o || 0,
-        boxShadow: ht,
+        boxShadow: pt,
         opacity: ct ? 1 : 0.85
       },
       children: /* @__PURE__ */ gt(
@@ -843,14 +843,14 @@ const mn = ({
                 }
               }
             ),
-            p && d ? /* @__PURE__ */ f(
+            h && d ? /* @__PURE__ */ f(
               "div",
               {
                 style: {
                   position: "absolute",
                   inset: 0,
                   borderRadius: o || 0,
-                  border: `${p}px solid ${d}`,
+                  border: `${h}px solid ${d}`,
                   boxSizing: "border-box",
                   pointerEvents: "none"
                 }
@@ -875,10 +875,10 @@ const mn = ({
       children: mt.map((tt, st) => {
         let et = st % 2 === 0 ? 1 : -1;
         k === "up" && (et = -1), k === "down" && (et = 1);
-        const ct = 1 + st % 2 * (F * 0.5), dt = W > 0 && et !== 0 ? et * (g * W * 0.1 * ct) + tt * (j * E) : tt * (j * E), ft = W === 0 || et === 0 ? 0 : (dt % j + j) % j - j / 2;
+        const ct = 1 + st % 2 * (R * 0.5), dt = W > 0 && et !== 0 ? et * (g * W * 0.1 * ct) + tt * (j * E) : tt * (j * E), ft = W === 0 || et === 0 ? 0 : (dt % j + j) % j - j / 2;
         return it.map((bt, $t) => {
           const lt = tt * Z, A = bt * j + ft;
-          return pt(
+          return ht(
             `v-${st}-${$t}`,
             lt,
             A,
@@ -898,11 +898,11 @@ const mn = ({
         borderRadius: o || 0
       },
       children: it.map((tt, st) => {
-        const et = st % 2 === 0 ? 1 : -1, ct = st % 2 === 0 ? 1 : -1, dt = 1 + st % 2 * (F * 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 ? ct * (g * W * 0.1 * dt) + tt * (j * E) : tt * (j * E), lt = W === 0 ? 0 : ($t % j + j) % j - j / 2;
-        return mt.map((A, Rt) => {
+        const et = st % 2 === 0 ? 1 : -1, ct = 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 ? ct * (g * W * 0.1 * dt) + tt * (j * E) : tt * (j * E), lt = W === 0 ? 0 : ($t % j + j) % j - j / 2;
+        return mt.map((A, Ft) => {
           const Yt = A * Z + bt, Xt = tt * j + lt;
-          return pt(
-            `d-${st}-${Rt}`,
+          return ht(
+            `d-${st}-${Ft}`,
             Yt,
             Xt,
             A === 0 && tt === 0
@@ -923,10 +923,10 @@ const mn = ({
       children: it.map((tt, st) => {
         let et = st % 2 === 0 ? 1 : -1;
         k === "left" && (et = -1), k === "right" && (et = 1);
-        const ct = 1 + st % 2 * (F * 0.5), dt = Y > 0 && et !== 0 ? et * (g * Y * 0.1 * ct) + tt * (Z * E) : tt * (Z * E), ft = Y === 0 || et === 0 ? 0 : (dt % Z + Z) % Z - Z / 2;
+        const ct = 1 + st % 2 * (R * 0.5), dt = Y > 0 && et !== 0 ? et * (g * Y * 0.1 * ct) + tt * (Z * E) : tt * (Z * E), ft = Y === 0 || et === 0 ? 0 : (dt % Z + Z) % Z - Z / 2;
         return mt.map((bt, $t) => {
           const lt = bt * Z + ft, A = tt * j;
-          return pt(
+          return ht(
             `h-${st}-${$t}`,
             lt,
             A,
@@ -945,18 +945,18 @@ const mn = ({
   from: a = 0,
   to: i = 1,
   width: e,
-  height: h,
+  height: p,
   borderRadius: o,
-  borderWidth: p,
+  borderWidth: h,
   borderColor: d,
   boxShadow: u,
   echoesDetails: l,
   effects: b
 }) => {
-  const y = Nt(), x = typeof n == "number" && !isNaN(n) ? n : y, g = e || 300, M = h || 300, S = (l == null ? void 0 : l.keepStill) || "both", $ = Number((l == null ? void 0 : l.toRepeatCount) ?? 5), k = Number((l == null ? void 0 : l.toScaleDown) ?? 0.3), m = Number((l == null ? void 0 : l.toCenterX) ?? 0.5), v = Number((l == null ? void 0 : l.toCenterY) ?? 0.5), w = (l == null ? void 0 : l.initialRepeatCount) !== void 0 ? Number(l.initialRepeatCount) : $, N = (l == null ? void 0 : l.initialScaleDown) !== void 0 ? Number(l.initialScaleDown) : 1, F = (l == null ? void 0 : l.initialCenterX) !== void 0 ? Number(l.initialCenterX) : m, V = (l == null ? void 0 : l.initialCenterY) !== void 0 ? Number(l.initialCenterY) : v, P = Math.max(0, x - (s || 0)), Y = Math.min(1, Math.max(0, P / (c || 1)));
-  let R = a + (i - a) * Y;
-  S === "initial" ? R = 0 : S === "final" && (R = 1);
-  const C = Math.max(1, Math.round(O(R, [0, 1], [w, $]))), X = O(R, [0, 1], [N, k]), E = O(R, [0, 1], [F, m]), _ = O(R, [0, 1], [V, v]), 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: C }, (L, D) => D);
+  const y = Nt(), m = typeof n == "number" && !isNaN(n) ? n : y, g = e || 300, M = p || 300, S = (l == null ? void 0 : l.keepStill) || "both", $ = Number((l == null ? void 0 : l.toRepeatCount) ?? 5), k = Number((l == null ? void 0 : l.toScaleDown) ?? 0.3), x = Number((l == null ? void 0 : l.toCenterX) ?? 0.5), v = Number((l == null ? void 0 : l.toCenterY) ?? 0.5), w = (l == null ? void 0 : l.initialRepeatCount) !== void 0 ? Number(l.initialRepeatCount) : $, N = (l == null ? void 0 : l.initialScaleDown) !== void 0 ? Number(l.initialScaleDown) : 1, R = (l == null ? void 0 : l.initialCenterX) !== void 0 ? Number(l.initialCenterX) : x, V = (l == null ? void 0 : l.initialCenterY) !== void 0 ? Number(l.initialCenterY) : v, P = Math.max(0, m - (s || 0)), Y = Math.min(1, Math.max(0, P / (c || 1)));
+  let F = a + (i - a) * Y;
+  S === "initial" ? F = 0 : S === "final" && (F = 1);
+  const C = Math.max(1, Math.round(O(F, [0, 1], [w, $]))), X = O(F, [0, 1], [N, k]), E = O(F, [0, 1], [R, x]), _ = O(F, [0, 1], [V, v]), 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: C }, (L, D) => D);
   return /* @__PURE__ */ f(
     "div",
     {
@@ -1016,14 +1016,14 @@ const mn = ({
                       }
                     }
                   ),
-                  p && d ? /* @__PURE__ */ f(
+                  h && d ? /* @__PURE__ */ f(
                     "div",
                     {
                       style: {
                         position: "absolute",
                         inset: 0,
                         borderRadius: o || 0,
-                        border: `${p}px solid ${d}`,
+                        border: `${h}px solid ${d}`,
                         boxSizing: "border-box",
                         pointerEvents: "none"
                       }
@@ -1047,15 +1047,15 @@ const mn = ({
   from: a = 0,
   to: i = 1,
   width: e,
-  height: h,
+  height: p,
   borderRadius: o,
-  borderWidth: p,
+  borderWidth: h,
   borderColor: d,
   boxShadow: u,
   wiggleDetails: l,
   effects: b
 }) => {
-  const y = Nt(), x = typeof n == "number" && !isNaN(n) ? n : y, g = e || 300, M = h || 300, S = Number((l == null ? void 0 : l.wiggleX) ?? 20), $ = Number((l == null ? void 0 : l.wiggleY) ?? 20), k = Number((l == null ? void 0 : l.speed) ?? 3), m = Number((l == null ? void 0 : l.angle) ?? 10), v = Number((l == null ? void 0 : l.seed) ?? 1), w = l != null && l.hasInitialValue && (l == null ? void 0 : l.initialWiggleX) !== void 0 ? Number(l.initialWiggleX) : S, N = l != null && l.hasInitialValue && (l == null ? void 0 : l.initialWiggleY) !== void 0 ? Number(l.initialWiggleY) : $, F = l != null && l.hasInitialValue && (l == null ? void 0 : l.initialSpeed) !== void 0 ? Number(l.initialSpeed) : k, V = l != null && l.hasInitialValue && (l == null ? void 0 : l.initialAngle) !== void 0 ? Number(l.initialAngle) : m, P = Math.max(0, x - (s || 0)), Y = Math.min(1, Math.max(0, P / (c || 1))), W = l != null && l.hasInitialValue ? w + (S - w) * Y : S, R = l != null && l.hasInitialValue ? N + ($ - N) * Y : $, C = l != null && l.hasInitialValue ? F + (k - F) * Y : k, X = l != null && l.hasInitialValue ? V + (m - V) * Y : m, E = x * (C * 0.08), _ = v * 12.345, z = Math.sin(E + _) * Math.cos(E * 0.65 + _) * W, U = Math.cos(E * 0.85 + _) * Math.sin(E * 1.15 + _) * R, 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 y = Nt(), m = typeof n == "number" && !isNaN(n) ? n : y, g = e || 300, M = p || 300, S = Number((l == null ? void 0 : l.wiggleX) ?? 20), $ = Number((l == null ? void 0 : l.wiggleY) ?? 20), k = Number((l == null ? void 0 : l.speed) ?? 3), x = Number((l == null ? void 0 : l.angle) ?? 10), v = Number((l == null ? void 0 : l.seed) ?? 1), w = l != null && l.hasInitialValue && (l == null ? void 0 : l.initialWiggleX) !== void 0 ? Number(l.initialWiggleX) : S, N = l != null && l.hasInitialValue && (l == null ? void 0 : l.initialWiggleY) !== void 0 ? Number(l.initialWiggleY) : $, R = l != null && l.hasInitialValue && (l == null ? void 0 : l.initialSpeed) !== void 0 ? Number(l.initialSpeed) : k, V = l != null && l.hasInitialValue && (l == null ? void 0 : l.initialAngle) !== void 0 ? Number(l.initialAngle) : x, P = Math.max(0, m - (s || 0)), Y = Math.min(1, Math.max(0, P / (c || 1))), W = l != null && l.hasInitialValue ? w + (S - w) * Y : S, F = l != null && l.hasInitialValue ? N + ($ - N) * Y : $, C = l != null && l.hasInitialValue ? R + (k - R) * Y : k, X = l != null && l.hasInitialValue ? V + (x - V) * Y : x, E = m * (C * 0.08), _ = v * 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;
   return /* @__PURE__ */ f(
     "div",
     {
@@ -1102,14 +1102,14 @@ const mn = ({
                 }
               }
             ),
-            p && d ? /* @__PURE__ */ f(
+            h && d ? /* @__PURE__ */ f(
               "div",
               {
                 style: {
                   position: "absolute",
                   inset: 0,
                   borderRadius: o || 0,
-                  border: `${p}px solid ${d}`,
+                  border: `${h}px solid ${d}`,
                   boxSizing: "border-box",
                   pointerEvents: "none"
                 }
@@ -1129,28 +1129,28 @@ const mn = ({
   width: a = 300,
   height: i = 300,
   borderRadius: e,
-  boxShadow: h,
+  boxShadow: p,
   cardFlipDetails: o,
-  children: p,
+  children: h,
   style: d = {}
 }) => {
-  const u = Nt(), l = typeof t == "number" && !isNaN(t) ? t : u, b = a || 300, y = i || 300, x = (o == null ? void 0 : o.keepStill) || "both", g = Number((o == null ? void 0 : o.toRotationX) ?? 0), M = Number((o == null ? void 0 : o.toRotationY) ?? 360), S = Number((o == null ? void 0 : o.toRotationZ) ?? 0), $ = Number((o == null ? void 0 : o.toPivotX) ?? 0), k = Number((o == null ? void 0 : o.toPivotY) ?? 0), m = Number((o == null ? void 0 : o.toPerspective) ?? 0.45), v = !!(o != null && o.hasInitialValue), w = v ? Number((o == null ? void 0 : o.initialRotationX) ?? 0) : 0, N = v ? Number((o == null ? void 0 : o.initialRotationY) ?? 0) : 0, F = v ? Number((o == null ? void 0 : o.initialRotationZ) ?? 0) : 0, V = v ? Number((o == null ? void 0 : o.initialPivotX) ?? 0) : $, P = v ? Number((o == null ? void 0 : o.initialPivotY) ?? 0) : k, Y = v ? Number((o == null ? void 0 : o.initialPerspective) ?? 0.45) : m, W = (o == null ? void 0 : o.frontFace) ?? !0, R = (o == null ? void 0 : o.backFace) ?? !0, C = Math.max(0, l - (r || 0)), X = Math.min(1, Math.max(0, C / (n || 1)));
+  const u = Nt(), l = typeof t == "number" && !isNaN(t) ? t : u, b = a || 300, y = i || 300, m = (o == null ? void 0 : o.keepStill) || "both", g = Number((o == null ? void 0 : o.toRotationX) ?? 0), M = Number((o == null ? void 0 : o.toRotationY) ?? 360), S = Number((o == null ? void 0 : o.toRotationZ) ?? 0), $ = Number((o == null ? void 0 : o.toPivotX) ?? 0), k = Number((o == null ? void 0 : o.toPivotY) ?? 0), x = Number((o == null ? void 0 : o.toPerspective) ?? 0.45), v = !!(o != null && o.hasInitialValue), w = v ? Number((o == null ? void 0 : o.initialRotationX) ?? 0) : 0, N = v ? Number((o == null ? void 0 : o.initialRotationY) ?? 0) : 0, R = v ? Number((o == null ? void 0 : o.initialRotationZ) ?? 0) : 0, V = v ? Number((o == null ? void 0 : o.initialPivotX) ?? 0) : $, P = v ? Number((o == null ? void 0 : o.initialPivotY) ?? 0) : k, Y = v ? Number((o == null ? void 0 : o.initialPerspective) ?? 0.45) : x, W = (o == null ? void 0 : o.frontFace) ?? !0, F = (o == null ? void 0 : o.backFace) ?? !0, C = Math.max(0, l - (r || 0)), X = Math.min(1, Math.max(0, C / (n || 1)));
   let _ = s + (c - s) * X;
-  x === "initial" ? _ = 0 : x === "final" && (_ = 1);
-  const z = O(_, [0, 1], [w, g]), U = O(_, [0, 1], [N, M]), L = O(_, [0, 1], [F, S]), D = O(_, [0, 1], [V, $]), H = O(_, [0, 1], [P, k]), Z = O(_, [0, 1], [Y, m]), j = Math.max(b, y), ht = Math.max(
+  m === "initial" ? _ = 0 : m === "final" && (_ = 1);
+  const z = O(_, [0, 1], [w, g]), U = O(_, [0, 1], [N, M]), L = O(_, [0, 1], [R, S]), D = O(_, [0, 1], [V, $]), H = O(_, [0, 1], [P, k]), Z = O(_, [0, 1], [Y, x]), j = Math.max(b, y), pt = Math.max(
     1200,
     Math.round(j * 2.5 / Math.max(0.05, Z))
   ), Q = z * Math.PI / 180, T = U * Math.PI / 180, ot = Math.cos(Q) * Math.cos(T), vt = ot >= 0, nt = ot < 0;
   let ut = !0;
-  vt && !W && (ut = !1), nt && !R && (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;
+  vt && !W && (ut = !1), nt && !F && (ut = !1);
+  const it = p ? typeof p == "string" ? p : `${p.x ?? 0}px ${p.y ?? 0}px ${p.blur ?? 0}px ${p.color ?? ""}` : void 0;
   return /* @__PURE__ */ f(
     "div",
     {
       style: {
         width: "100%",
         height: "100%",
-        perspective: `${ht}px`,
+        perspective: `${pt}px`,
         transformStyle: "preserve-3d",
         position: "relative",
         ...d
@@ -1163,18 +1163,18 @@ const mn = ({
             height: "100%",
             transformOrigin: `${50 + D}% ${50 + H}%`,
             transform: `rotateX(${z}deg) rotateY(${U}deg) rotateZ(${L}deg)`,
-            backfaceVisibility: R ? "visible" : "hidden",
+            backfaceVisibility: F ? "visible" : "hidden",
             visibility: ut ? "visible" : "hidden",
             borderRadius: e || 0,
             boxShadow: it,
             position: "relative"
           },
-          children: p
+          children: h
         }
       )
     }
   );
-}, Ro = ({
+}, Fo = ({
   src: t,
   frame: r,
   delay: n = 0,
@@ -1183,15 +1183,15 @@ const mn = ({
   to: a = 1,
   width: i,
   height: e,
-  borderRadius: h,
+  borderRadius: p,
   borderWidth: o,
-  borderColor: p,
+  borderColor: h,
   boxShadow: d,
   cardFlipDetails: u,
   activeEffects: l,
   effects: b
 }) => {
-  const y = l == null ? void 0 : l.find((S) => S.type === "vignette"), x = (y == null ? void 0 : y.amount) ?? (y == null ? void 0 : y.intensity) ?? (y ? 0.7 : 0), g = [];
+  const y = l == null ? void 0 : l.find((S) => S.type === "vignette"), m = (y == null ? void 0 : y.amount) ?? (y == null ? void 0 : y.intensity) ?? (y ? 0.7 : 0), g = [];
   l == null || l.forEach((S) => {
     S.type === "blur" && S.radius && g.push(`blur(${S.radius}px)`), S.type === "grayscale" && S.amount !== void 0 && g.push(`grayscale(${S.amount * 100}%)`), S.type === "contrast" && S.amount !== void 0 && g.push(`contrast(${S.amount * 100}%)`), S.type === "brightness" && S.amount !== void 0 && g.push(`brightness(${100 + S.amount * 100}%)`), S.type === "hue" && S.rotation !== void 0 && g.push(`hue-rotate(${S.rotation}deg)`), S.type === "saturation" && S.amount !== void 0 && g.push(`saturate(${S.amount * 100}%)`);
   });
@@ -1206,7 +1206,7 @@ const mn = ({
       to: a,
       width: i,
       height: e,
-      borderRadius: h,
+      borderRadius: p,
       boxShadow: d,
       cardFlipDetails: u,
       children: /* @__PURE__ */ gt(
@@ -1215,7 +1215,7 @@ const mn = ({
           style: {
             width: "100%",
             height: "100%",
-            borderRadius: h || 0,
+            borderRadius: p || 0,
             overflow: "hidden",
             position: "relative"
           },
@@ -1228,35 +1228,35 @@ const mn = ({
                   width: "100%",
                   height: "100%",
                   objectFit: "cover",
-                  borderRadius: h || 0,
+                  borderRadius: p || 0,
                   filter: M
                 },
                 effects: b
               }
             ),
-            y && x > 0 ? /* @__PURE__ */ f(
+            y && m > 0 ? /* @__PURE__ */ f(
               "div",
               {
                 style: {
                   position: "absolute",
                   inset: 0,
-                  borderRadius: h || 0,
+                  borderRadius: p || 0,
                   pointerEvents: "none",
                   zIndex: 2,
                   background: `radial-gradient(ellipse at center, transparent ${Math.round(
                     (y.radius ?? 0.5) * 80
-                  )}%, rgba(0, 0, 0, ${Math.min(1, x)}) 100%)`
+                  )}%, rgba(0, 0, 0, ${Math.min(1, m)}) 100%)`
                 }
               }
             ) : null,
-            o && p ? /* @__PURE__ */ f(
+            o && h ? /* @__PURE__ */ f(
               "div",
               {
                 style: {
                   position: "absolute",
                   inset: 0,
-                  borderRadius: h || 0,
-                  border: `${o}px solid ${p}`,
+                  borderRadius: p || 0,
+                  border: `${o}px solid ${h}`,
                   boxSizing: "border-box",
                   pointerEvents: "none",
                   zIndex: 3
@@ -1297,21 +1297,21 @@ function Sn(t, r, n, s = 0) {
   const i = new Array(512), e = new Array(512);
   for (let nt = 0; nt < 512; nt++)
     i[nt] = c[nt & 255], e[nt] = i[nt] % 12;
-  const h = 1 / 3, o = 1 / 6;
-  let p = 0, d = 0, u = 0, l = 0;
-  const b = (t + r + n) * h, y = Math.floor(t + b), x = Math.floor(r + b), g = Math.floor(n + b), M = (y + x + g) * o, S = y - M, $ = x - M, k = g - M, m = t - S, v = r - $, w = n - k;
-  let N = 0, F = 0, V = 0, P = 0, Y = 0, W = 0;
-  m >= v ? v >= w ? (N = 1, F = 0, V = 0, P = 1, Y = 1, W = 0) : m >= w ? (N = 1, F = 0, V = 0, P = 1, Y = 0, W = 1) : (N = 0, F = 0, V = 1, P = 1, Y = 0, W = 1) : v < w ? (N = 0, F = 0, V = 1, P = 0, Y = 1, W = 1) : m < w ? (N = 0, F = 1, V = 0, P = 0, Y = 1, W = 1) : (N = 0, F = 1, V = 0, P = 1, Y = 1, W = 0);
-  const R = m - N + o, C = v - F + o, X = w - V + o, E = m - P + 2 * o, _ = v - Y + 2 * o, z = w - W + 2 * o, U = m - 1 + 3 * o, L = v - 1 + 3 * o, D = w - 1 + 3 * o, H = y & 255, Z = x & 255, j = g & 255;
-  let ht = 0.6 - m * m - v * v - w * w;
-  ht >= 0 && (ht *= ht, p = ht * ht * ur(dr[e[H + i[Z + i[j]]]], m, v, w));
-  let Q = 0.6 - R * R - C * C - X * X;
-  Q >= 0 && (Q *= Q, d = Q * Q * ur(dr[e[H + N + i[Z + F + i[j + V]]]], R, C, X));
+  const p = 1 / 3, o = 1 / 6;
+  let h = 0, d = 0, u = 0, l = 0;
+  const b = (t + r + n) * p, y = Math.floor(t + b), m = Math.floor(r + b), g = Math.floor(n + b), M = (y + m + g) * o, S = y - M, $ = m - M, k = g - M, x = t - S, v = r - $, w = n - k;
+  let N = 0, R = 0, V = 0, P = 0, Y = 0, W = 0;
+  x >= v ? v >= w ? (N = 1, R = 0, V = 0, P = 1, Y = 1, W = 0) : x >= w ? (N = 1, R = 0, V = 0, P = 1, Y = 0, W = 1) : (N = 0, R = 0, V = 1, P = 1, Y = 0, W = 1) : v < w ? (N = 0, R = 0, V = 1, P = 0, Y = 1, W = 1) : x < w ? (N = 0, R = 1, V = 0, P = 0, Y = 1, W = 1) : (N = 0, R = 1, V = 0, P = 1, Y = 1, W = 0);
+  const F = x - N + o, C = v - R + o, X = w - V + o, E = x - P + 2 * o, _ = v - Y + 2 * o, z = w - W + 2 * o, U = x - 1 + 3 * o, L = v - 1 + 3 * o, D = w - 1 + 3 * o, H = y & 255, Z = m & 255, j = g & 255;
+  let pt = 0.6 - x * x - v * v - w * w;
+  pt >= 0 && (pt *= pt, h = pt * pt * ur(dr[e[H + i[Z + i[j]]]], x, v, w));
+  let Q = 0.6 - F * F - C * C - X * X;
+  Q >= 0 && (Q *= Q, d = Q * Q * ur(dr[e[H + N + i[Z + R + i[j + V]]]], F, C, X));
   let T = 0.6 - E * E - _ * _ - z * z;
   T >= 0 && (T *= T, u = T * T * ur(dr[e[H + P + i[Z + Y + i[j + W]]]], E, _, z));
   let ot = 0.6 - U * U - L * L - D * D;
   ot >= 0 && (ot *= ot, l = ot * ot * ur(dr[e[H + 1 + i[Z + 1 + i[j + 1]]]], U, L, D));
-  const vt = 32 * (p + d + u + l);
+  const vt = 32 * (h + d + u + l);
   return Math.min(1, Math.max(0, (vt + 1) / 2));
 }
 const Yo = ({
@@ -1323,28 +1323,28 @@ const Yo = ({
   to: a = 1,
   width: i,
   height: e,
-  borderRadius: h,
+  borderRadius: p,
   borderWidth: o,
-  borderColor: p,
+  borderColor: h,
   boxShadow: d,
   noiseTileDetails: u
 }) => {
-  const l = Nt(), b = typeof r == "number" && !isNaN(r) ? r : l, y = i || 300, x = e || 300, g = (u == null ? void 0 : u.keepStill) || "both", M = Number((u == null ? void 0 : u.toXRepetitions) ?? (u == null ? void 0 : u.xRepetitions) ?? 5), S = Number((u == null ? void 0 : u.toYRepetitions) ?? (u == null ? void 0 : u.yRepetitions) ?? 5), $ = Number((u == null ? void 0 : u.toGapX) ?? (u == null ? void 0 : u.gapX) ?? 12), k = Number((u == null ? void 0 : u.toGapY) ?? (u == null ? void 0 : u.gapY) ?? 12), m = Number((u == null ? void 0 : u.toScale) ?? (u == null ? void 0 : u.scale) ?? 1), v = Number((u == null ? void 0 : u.toNoiseScale) ?? (u == null ? void 0 : u.noiseScale) ?? 1.5), w = Number((u == null ? void 0 : u.toNoiseMoveX) ?? (u == null ? void 0 : u.noiseMoveX) ?? 0.6), N = Number((u == null ? void 0 : u.toNoiseMoveY) ?? (u == null ? void 0 : u.noiseMoveY) ?? 0.4), F = Number((u == null ? void 0 : u.toFps) ?? (u == null ? void 0 : u.fps) ?? 12), V = 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) ?? M) : M, R = Y ? Number((u == null ? void 0 : u.initialYRepetitions) ?? S) : S, C = Y ? Number((u == null ? void 0 : u.initialGapX) ?? $) : $, X = Y ? Number((u == null ? void 0 : u.initialGapY) ?? k) : k, E = Y ? Number((u == null ? void 0 : u.initialScale) ?? m) : m, _ = Y ? Number((u == null ? void 0 : u.initialNoiseScale) ?? v) : v, z = Y ? Number((u == null ? void 0 : u.initialNoiseMoveX) ?? w) : w, U = Y ? Number((u == null ? void 0 : u.initialNoiseMoveY) ?? N) : N, L = Y ? Number((u == null ? void 0 : u.initialFps) ?? F) : F, D = Y ? Number((u == null ? void 0 : u.initialThreshold) ?? V) : V, H = Y ? Number((u == null ? void 0 : u.initialSeedOffset) ?? P) : P, Z = Math.max(0, b - (n || 0)), j = Math.min(1, Math.max(0, Z / (s || 1)));
+  const l = Nt(), b = typeof r == "number" && !isNaN(r) ? r : l, y = i || 300, m = e || 300, g = (u == null ? void 0 : u.keepStill) || "both", M = Number((u == null ? void 0 : u.toXRepetitions) ?? (u == null ? void 0 : u.xRepetitions) ?? 5), S = Number((u == null ? void 0 : u.toYRepetitions) ?? (u == null ? void 0 : u.yRepetitions) ?? 5), $ = Number((u == null ? void 0 : u.toGapX) ?? (u == null ? void 0 : u.gapX) ?? 12), k = Number((u == null ? void 0 : u.toGapY) ?? (u == null ? void 0 : u.gapY) ?? 12), x = Number((u == null ? void 0 : u.toScale) ?? (u == null ? void 0 : u.scale) ?? 1), v = Number((u == null ? void 0 : u.toNoiseScale) ?? (u == null ? void 0 : u.noiseScale) ?? 1.5), w = Number((u == null ? void 0 : u.toNoiseMoveX) ?? (u == null ? void 0 : u.noiseMoveX) ?? 0.6), N = Number((u == null ? void 0 : u.toNoiseMoveY) ?? (u == null ? void 0 : u.noiseMoveY) ?? 0.4), R = Number((u == null ? void 0 : u.toFps) ?? (u == null ? void 0 : u.fps) ?? 12), V = 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) ?? M) : M, F = Y ? Number((u == null ? void 0 : u.initialYRepetitions) ?? S) : S, C = Y ? Number((u == null ? void 0 : u.initialGapX) ?? $) : $, X = Y ? Number((u == null ? void 0 : u.initialGapY) ?? k) : k, E = Y ? Number((u == null ? void 0 : u.initialScale) ?? x) : x, _ = Y ? Number((u == null ? void 0 : u.initialNoiseScale) ?? v) : v, z = Y ? Number((u == null ? void 0 : u.initialNoiseMoveX) ?? w) : w, 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) ?? V) : V, H = Y ? Number((u == null ? void 0 : u.initialSeedOffset) ?? P) : P, Z = Math.max(0, b - (n || 0)), j = Math.min(1, Math.max(0, Z / (s || 1)));
   let Q = c + (a - c) * j;
   g === "initial" ? Q = 0 : g === "final" && (Q = 1);
-  const T = Math.max(1, Math.round(O(Q, [0, 1], [W, M]))), ot = Math.max(1, Math.round(O(Q, [0, 1], [R, S]))), vt = O(Q, [0, 1], [C, $]), nt = O(Q, [0, 1], [X, k]), ut = O(Q, [0, 1], [E, m]), it = O(Q, [0, 1], [_, v]), mt = O(Q, [0, 1], [z, w]), pt = O(Q, [0, 1], [U, N]), tt = Math.max(1, Math.round(O(Q, [0, 1], [L, F]))), st = O(Q, [0, 1], [D, V]), et = O(Q, [0, 1], [H, P]), ct = d ? typeof d == "string" ? d : `${d.x ?? 0}px ${d.y ?? 0}px ${d.blur ?? 0}px ${d.color ?? ""}` : void 0, dt = Math.floor(Z * (tt / 30)), ft = (T - 1) / 2, bt = (ot - 1) / 2, $t = [];
+  const T = Math.max(1, Math.round(O(Q, [0, 1], [W, M]))), ot = Math.max(1, Math.round(O(Q, [0, 1], [F, S]))), vt = O(Q, [0, 1], [C, $]), nt = O(Q, [0, 1], [X, k]), ut = O(Q, [0, 1], [E, x]), it = O(Q, [0, 1], [_, v]), mt = O(Q, [0, 1], [z, w]), ht = O(Q, [0, 1], [U, N]), tt = Math.max(1, Math.round(O(Q, [0, 1], [L, R]))), st = O(Q, [0, 1], [D, V]), et = O(Q, [0, 1], [H, P]), ct = d ? typeof d == "string" ? d : `${d.x ?? 0}px ${d.y ?? 0}px ${d.blur ?? 0}px ${d.color ?? ""}` : void 0, dt = Math.floor(Z * (tt / 30)), ft = (T - 1) / 2, bt = (ot - 1) / 2, $t = [];
   for (let lt = 0; lt < ot; lt++)
     for (let A = 0; A < T; A++) {
-      const Rt = A / Math.max(1, T) * it, Yt = lt / Math.max(1, ot) * it, Xt = dt * 0.1 + et, Et = Sn(
-        Rt + dt * mt * 0.05,
-        Yt + dt * pt * 0.05,
+      const Ft = A / Math.max(1, T) * it, Yt = lt / Math.max(1, ot) * it, Xt = dt * 0.1 + et, Pt = Sn(
+        Ft + dt * mt * 0.05,
+        Yt + dt * ht * 0.05,
         Xt,
         et
-      ), _t = A === Math.floor(ft) && lt === Math.floor(bt) || Et >= st, Wt = A - ft, Ut = lt - bt, Zt = vt / 100 * y, Qt = nt / 100 * x, Kt = Wt * (y * ut + Zt), Jt = Ut * (x * ut + Qt);
+      ), Et = A === Math.floor(ft) && lt === Math.floor(bt) || Pt >= st, _t = A - ft, Ut = lt - bt, Zt = vt / 100 * y, Qt = nt / 100 * m, Kt = _t * (y * ut + Zt), Jt = Ut * (m * ut + Qt);
       $t.push({
         col: A,
         row: lt,
-        visible: _t,
+        visible: Et,
         posX: Kt,
         posY: Jt
       });
@@ -1366,10 +1366,10 @@ const Yo = ({
             left: "50%",
             top: "50%",
             width: `${y}px`,
-            height: `${x}px`,
+            height: `${m}px`,
             transform: `translate(-50%, -50%) translate(${lt.posX}px, ${lt.posY}px) scale(${ut})`,
             transformOrigin: "center center",
-            borderRadius: h || 0,
+            borderRadius: p || 0,
             boxShadow: ct
           },
           children: /* @__PURE__ */ gt(
@@ -1378,7 +1378,7 @@ const Yo = ({
               style: {
                 width: "100%",
                 height: "100%",
-                borderRadius: h || 0,
+                borderRadius: p || 0,
                 overflow: "hidden",
                 position: "relative"
               },
@@ -1404,14 +1404,14 @@ const Yo = ({
                     }
                   }
                 ),
-                o && p ? /* @__PURE__ */ f(
+                o && h ? /* @__PURE__ */ f(
                   "div",
                   {
                     style: {
                       position: "absolute",
                       inset: 0,
-                      borderRadius: h || 0,
-                      border: `${o}px solid ${p}`,
+                      borderRadius: p || 0,
+                      border: `${o}px solid ${h}`,
                       boxSizing: "border-box",
                       pointerEvents: "none"
                     }
@@ -1449,7 +1449,7 @@ function Or(t) {
   return r.length > 0 ? r : void 0;
 }
 function Gr(t, r, n = 0, s = 0) {
-  var e, h, o, p;
+  var e, p, o, h;
   const c = [], a = /* @__PURE__ */ new Set(), i = [];
   if (r) {
     const d = [
@@ -1468,68 +1468,68 @@ function Gr(t, r, n = 0, s = 0) {
     ];
     [
       ...(((e = r == null ? void 0 : r.in) == null ? void 0 : e.composition) || []).map((l) => ({ comp: l, type: "in" })),
-      ...(((h = r == null ? void 0 : r.out) == null ? void 0 : h.composition) || []).map((l) => ({ comp: l, type: "out" })),
+      ...(((p = r == null ? void 0 : r.out) == null ? void 0 : p.composition) || []).map((l) => ({ comp: l, type: "out" })),
       ...(((o = r == null ? void 0 : r.timed) == null ? void 0 : o.composition) || []).map((l) => ({ comp: l, type: "timed" })),
-      ...(((p = r == null ? void 0 : r.loop) == null ? void 0 : p.composition) || []).map((l) => ({ comp: l, type: "loop" }))
+      ...(((h = r == null ? void 0 : r.loop) == null ? void 0 : h.composition) || []).map((l) => ({ comp: l, type: "loop" }))
     ].forEach(({ comp: l, type: b }) => {
       if (!l) return;
       const y = l.property;
       if (d.includes(y)) {
-        const x = l.delay ?? 0, g = Math.max(1, l.durationInFrames ?? 30), M = b === "out" ? Math.max(0, s - g - x) : x, S = M + g, $ = (v) => v === "contrast" || v === "brightness" || v === "saturation" ? 100 : v === "pixelate" ? 1 : 0;
-        let k = !1, m = $(y);
+        const m = l.delay ?? 0, g = Math.max(1, l.durationInFrames ?? 30), M = b === "out" ? Math.max(0, s - g - m) : m, S = M + g, $ = (v) => v === "contrast" || v === "brightness" || v === "saturation" ? 100 : v === "pixelate" ? 1 : 0;
+        let k = !1, x = $(y);
         if (n >= M && n <= S) {
           k = !0;
           const v = Math.min(
             1,
             Math.max(0, (n - M) / g)
           ), w = Number(l.from ?? $(y)), N = Number(l.to ?? $(y));
-          m = w + (N - w) * v;
-        } else n > S && l.persist === !0 && (k = !0, m = Number(l.to ?? $(y)));
+          x = w + (N - w) * v;
+        } else n > S && l.persist === !0 && (k = !0, x = Number(l.to ?? $(y)));
         if (!k) return;
         switch (a.add(y), y) {
           case "blur":
-            i.push({ type: "blur", radius: m });
+            i.push({ type: "blur", radius: x });
             break;
           case "vignette":
             i.push({
               type: "vignette",
               radius: 0.5,
-              amount: m,
-              intensity: m
+              amount: x,
+              intensity: x
             });
             break;
           case "chromaticAberration":
-            i.push({ type: "chromaticAberration", offset: m });
+            i.push({ type: "chromaticAberration", offset: x });
             break;
           case "noise":
-            i.push({ type: "noise", speed: 1, amount: m });
+            i.push({ type: "noise", speed: 1, amount: x });
             break;
           case "pixelate":
-            i.push({ type: "pixelate", size: Math.max(1, m) });
+            i.push({ type: "pixelate", size: Math.max(1, x) });
             break;
           case "grayscale":
-            i.push({ type: "grayscale", amount: m / 100 });
+            i.push({ type: "grayscale", amount: x / 100 });
             break;
           case "contrast":
-            i.push({ type: "contrast", amount: m / 100 });
+            i.push({ type: "contrast", amount: x / 100 });
             break;
           case "brightness":
             i.push({
               type: "brightness",
-              amount: (m - 100) / 100
+              amount: (x - 100) / 100
             });
             break;
           case "hue":
-            i.push({ type: "hue", rotation: m });
+            i.push({ type: "hue", rotation: x });
             break;
           case "saturation":
-            i.push({ type: "saturation", amount: m / 100 });
+            i.push({ type: "saturation", amount: x / 100 });
             break;
           case "lightLeak":
             i.push({
               type: "lightLeak",
-              progress: m,
-              intensity: m
+              progress: x,
+              intensity: x
             });
             break;
           case "duotone": {
@@ -1629,11 +1629,11 @@ function Mn(t) {
     overlays: n
   };
 }
-var Tt = {}, wn = {}, Ct = {};
-Object.defineProperty(Ct, "__esModule", {
+var Tt = {}, wn = {}, Vt = {};
+Object.defineProperty(Vt, "__esModule", {
   value: !0
 });
-Ct.loop = Ct.conditional = Ct.parse = void 0;
+Vt.loop = Vt.conditional = Vt.parse = void 0;
 var Xo = function t(r, n) {
   var s = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, c = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : s;
   if (Array.isArray(n))
@@ -1648,25 +1648,25 @@ var Xo = function t(r, n) {
   }
   return s;
 };
-Ct.parse = Xo;
+Vt.parse = Xo;
 var Bo = function(r, n) {
   return function(s, c, a, i) {
     n(s, c, a) && i(s, r, c, a);
   };
 };
-Ct.conditional = Bo;
+Vt.conditional = Bo;
 var Po = function(r, n) {
   return function(s, c, a, i) {
-    for (var e = [], h = s.pos; n(s, c, a); ) {
+    for (var e = [], p = s.pos; n(s, c, a); ) {
       var o = {};
-      if (i(s, r, c, o), s.pos === h)
+      if (i(s, r, c, o), s.pos === p)
         break;
-      h = s.pos, e.push(o);
+      p = s.pos, e.push(o);
     }
     return e;
   };
 };
-Ct.loop = Po;
+Vt.loop = Po;
 var St = {};
 Object.defineProperty(St, "__esModule", {
   value: !0
@@ -1721,9 +1721,9 @@ var Co = function(r) {
 St.readUnsigned = Co;
 var Oo = function(r, n) {
   return function(s, c, a) {
-    for (var i = typeof n == "function" ? n(s, c, a) : n, e = br(r), h = new Array(i), o = 0; o < i; o++)
-      h[o] = e(s);
-    return h;
+    for (var i = typeof n == "function" ? n(s, c, a) : n, e = br(r), p = new Array(i), o = 0; o < i; o++)
+      p[o] = e(s);
+    return p;
   };
 };
 St.readArray = Oo;
@@ -1736,8 +1736,8 @@ var Go = function(r, n, s) {
     for (var s = In()(n), c = new Array(8), a = 0; a < 8; a++)
       c[7 - a] = !!(s & 1 << a);
     return Object.keys(r).reduce(function(i, e) {
-      var h = r[e];
-      return h.length ? i[e] = Go(c, h.index, h.length) : i[e] = c[h.index], i;
+      var p = r[e];
+      return p.length ? i[e] = Go(c, p.index, p.length) : i[e] = c[p.index], i;
     }, {});
   };
 };
@@ -1746,17 +1746,17 @@ St.readBits = zo;
   Object.defineProperty(t, "__esModule", {
     value: !0
   }), t.default = void 0;
-  var r = Ct, n = St, s = {
+  var r = Vt, n = St, s = {
     blocks: function(u) {
-      for (var l = 0, b = [], y = u.data.length, x = 0, g = (0, n.readByte)()(u); g !== l && g; g = (0, n.readByte)()(u)) {
+      for (var l = 0, b = [], y = u.data.length, m = 0, g = (0, n.readByte)()(u); g !== l && g; g = (0, n.readByte)()(u)) {
         if (u.pos + g >= y) {
           var M = y - u.pos;
-          b.push((0, n.readBytes)(M)(u)), x += M;
+          b.push((0, n.readBytes)(M)(u)), m += M;
           break;
         }
-        b.push((0, n.readBytes)(g)(u)), x += g;
+        b.push((0, n.readBytes)(g)(u)), m += g;
       }
-      for (var S = new Uint8Array(x), $ = 0, k = 0; k < b.length; k++)
+      for (var S = new Uint8Array(m), $ = 0, k = 0; k < b.length; k++)
         S.set(b[k], $), $ += b[k].length;
       return S;
     }
@@ -1864,7 +1864,7 @@ St.readBits = zo;
   }, function(d) {
     var u = (0, n.peekBytes)(2)(d);
     return u[0] === 33 && u[1] === 255;
-  }), h = (0, r.conditional)({
+  }), p = (0, r.conditional)({
     comment: [{
       codes: (0, n.readBytes)(2)
     }, s]
@@ -1916,13 +1916,13 @@ St.readBits = zo;
     }),
     // content frames
     {
-      frames: (0, r.loop)([c, e, h, a, i], function(d) {
+      frames: (0, r.loop)([c, e, p, a, i], function(d) {
         var u = (0, n.peekByte)()(d);
         return u === 33 || u === 44;
       })
     }
-  ], p = o;
-  t.default = p;
+  ], h = o;
+  t.default = h;
 })(wn);
 var vr = {};
 Object.defineProperty(vr, "__esModule", {
@@ -1933,9 +1933,9 @@ var jo = function(r, n) {
   for (var s = new Array(r.length), c = r.length / n, a = function(u, l) {
     var b = r.slice(l * n, (l + 1) * n);
     s.splice.apply(s, [u * n, n].concat(b));
-  }, i = [0, 4, 2, 1], e = [8, 8, 4, 2], h = 0, o = 0; o < 4; o++)
-    for (var p = i[o]; p < c; p += e[o])
-      a(p, h), h++;
+  }, i = [0, 4, 2, 1], e = [8, 8, 4, 2], p = 0, o = 0; o < 4; o++)
+    for (var h = i[o]; h < c; h += e[o])
+      a(h, p), p++;
   return s;
 };
 vr.deinterlace = jo;
@@ -1945,29 +1945,29 @@ Object.defineProperty(gr, "__esModule", {
 });
 gr.lzw = void 0;
 var Ao = function(r, n, s) {
-  var c = 4096, a = -1, i = s, e, h, o, p, d, u, l, m, b, y, k, x, v, w, F, N, g = new Array(s), M = new Array(c), S = new Array(c), $ = new Array(c + 1);
-  for (x = r, h = 1 << x, d = h + 1, e = h + 2, l = a, p = x + 1, o = (1 << p) - 1, b = 0; b < h; b++)
+  var c = 4096, a = -1, i = s, e, p, o, h, d, u, l, x, b, y, k, m, v, w, R, N, g = new Array(s), M = new Array(c), S = new Array(c), $ = new Array(c + 1);
+  for (m = r, p = 1 << m, d = p + 1, e = p + 2, l = a, h = m + 1, o = (1 << h) - 1, b = 0; b < p; b++)
     M[b] = 0, S[b] = b;
-  var k, m, v, w, N, F;
-  for (k = m = v = w = N = F = 0, y = 0; y < i; ) {
+  var k, x, v, w, N, R;
+  for (k = x = v = w = N = R = 0, y = 0; y < i; ) {
     if (w === 0) {
-      if (m < p) {
-        k += n[F] << m, m += 8, F++;
+      if (x < h) {
+        k += n[R] << x, x += 8, R++;
         continue;
       }
-      if (b = k & o, k >>= p, m -= p, b > e || b == d)
+      if (b = k & o, k >>= h, x -= h, b > e || b == d)
         break;
-      if (b == h) {
-        p = x + 1, o = (1 << p) - 1, e = h + 2, l = a;
+      if (b == p) {
+        h = m + 1, o = (1 << h) - 1, e = p + 2, l = a;
         continue;
       }
       if (l == a) {
         $[w++] = S[b], l = b, v = b;
         continue;
       }
-      for (u = b, b == e && ($[w++] = v, b = l); b > h; )
+      for (u = b, b == e && ($[w++] = v, b = l); b > p; )
         $[w++] = S[b], b = M[b];
-      v = S[b] & 255, $[w++] = v, e < c && (M[e] = l, S[e] = v, e++, !(e & o) && e < c && (p++, o += e)), l = u;
+      v = S[b] & 255, $[w++] = v, e < c && (M[e] = l, S[e] = v, e++, !(e & o) && e < c && (h++, o += e)), l = u;
     }
     w--, g[N++] = $[w], y++;
   }
@@ -1979,7 +1979,7 @@ gr.lzw = Ao;
 Object.defineProperty(Tt, "__esModule", {
   value: !0
 });
-var kn = Tt.decompressFrames = Tt.decompressFrame = Nn = Tt.parseGIF = void 0, Lo = Ko(wn), Ho = Ct, Uo = St, Zo = vr, Qo = gr;
+var kn = Tt.decompressFrames = Tt.decompressFrame = Nn = Tt.parseGIF = void 0, Lo = Ko(wn), Ho = Vt, Uo = St, Zo = vr, Qo = gr;
 function Ko(t) {
   return t && t.__esModule ? t : { default: t };
 }
@@ -1992,7 +1992,7 @@ var Jo = function(r) {
     s[a] = e[0], s[a + 1] = e[1], s[a + 2] = e[2], s[a + 3] = i !== r.transparentIndex ? 255 : 0;
   }
   return s;
-}, Fn = function(r, n, s) {
+}, Rn = function(r, n, s) {
   if (!r.image) {
     console.warn("gif frame does not have associated image.");
     return;
@@ -2010,12 +2010,12 @@ var Jo = function(r) {
   };
   return c.descriptor.lct && c.descriptor.lct.exists ? e.colorTable = c.lct : e.colorTable = n, r.gce && (e.delay = (r.gce.delay || 10) * 10, e.disposalType = r.gce.extras.disposal, r.gce.extras.transparentColorGiven && (e.transparentIndex = r.gce.transparentColorIndex)), s && (e.patch = To(e)), e;
 };
-Tt.decompressFrame = Fn;
+Tt.decompressFrame = Rn;
 var qo = function(r, n) {
   return r.frames.filter(function(s) {
     return s.image;
   }).map(function(s) {
-    return Fn(s, r.gct, n);
+    return Rn(s, r.gct, n);
   });
 };
 kn = Tt.decompressFrames = qo;
@@ -2028,28 +2028,28 @@ const Sr = /* @__PURE__ */ new Map(), Do = (t) => !!t && t.split("?")[0].toLower
     throw new Error(`GIF has no frames: ${t}`);
   const e = document.createElement("canvas");
   e.width = a, e.height = i;
-  const h = e.getContext("2d");
-  if (!h)
-    throw new Error("Could not create GIF canvas context");
-  const o = document.createElement("canvas"), p = o.getContext("2d");
+  const p = e.getContext("2d");
   if (!p)
+    throw new Error("Could not create GIF canvas context");
+  const o = document.createElement("canvas"), h = o.getContext("2d");
+  if (!h)
     throw new Error("Could not create temp GIF canvas context");
-  h.clearRect(0, 0, a, i);
+  p.clearRect(0, 0, a, i);
   const d = [], u = [];
   return c.forEach((l) => {
-    const b = l.disposalType === 3 ? h.getImageData(0, 0, a, i) : null;
+    const b = l.disposalType === 3 ? p.getImageData(0, 0, a, i) : null;
     o.width = l.dims.width, o.height = l.dims.height;
     const y = new ImageData(
       new Uint8ClampedArray(l.patch),
       l.dims.width,
       l.dims.height
     );
-    p.putImageData(y, 0, 0), h.drawImage(o, l.dims.left, l.dims.top), d.push(e.toDataURL("image/png")), u.push(te(l.delay || 0)), l.disposalType === 2 ? h.clearRect(
+    h.putImageData(y, 0, 0), p.drawImage(o, l.dims.left, l.dims.top), d.push(e.toDataURL("image/png")), u.push(te(l.delay || 0)), l.disposalType === 2 ? p.clearRect(
       l.dims.left,
       l.dims.top,
       l.dims.width,
       l.dims.height
-    ) : l.disposalType === 3 && b && h.putImageData(b, 0, 0);
+    ) : l.disposalType === 3 && b && p.putImageData(b, 0, 0);
   }), {
     width: a,
     height: i,
@@ -2077,26 +2077,26 @@ const Sr = /* @__PURE__ */ new Map(), Do = (t) => !!t && t.split("?")[0].toLower
 }, ee = ({ src: t, alt: r = "gif", style: n, playbackRate: s }) => {
   const c = Nt(), { fps: a } = ln(), [i, e] = fr(null);
   if (sr(() => {
-    const p = oo(`Decoding GIF ${t}`);
+    const h = oo(`Decoding GIF ${t}`);
     let d = !1;
     return ne(t).then((u) => {
-      d || (e(u), Lr(p));
+      d || (e(u), Lr(h));
     }).catch((u) => {
       d || eo(u instanceof Error ? u : new Error(String(u)));
     }), () => {
-      d = !0, Lr(p);
+      d = !0, Lr(h);
     };
   }, [t]), !i)
     return null;
-  const h = c / a * 1e3 * s, o = oe(h, i);
+  const p = c / a * 1e3 * s, o = oe(p, i);
   return /* @__PURE__ */ f(qt, { src: i.frames[o], alt: r, style: n });
 };
-function Rn({
+function Fn({
   item: t,
   options: r
 }) {
-  var nt, ut, it, mt, pt, tt, st, et, ct, dt, ft, bt, $t, lt;
-  const { fps: n, frame: s, isTransition: c } = r, { details: a, animations: i } = t, e = t.playbackRate || 1, { animationIn: h, animationOut: o, animationTimed: p } = Ft(
+  var nt, ut, it, mt, ht, tt, st, et, ct, dt, ft, bt, $t, lt;
+  const { fps: n, frame: s, isTransition: c } = r, { details: a, animations: i } = t, e = t.playbackRate || 1, { animationIn: p, animationOut: o, animationTimed: h } = Rt(
     i,
     t,
     s,
@@ -2107,27 +2107,27 @@ function Rn({
     y: 0,
     width: a.width,
     height: a.height
-  }, u = a.borderWidth || 0, l = a.width || 0, b = a.height || 0, y = (d.x || 0) + u, x = (d.y || 0) + u, g = l - (d.x || 0) - (d.width || l) + u, M = b - (d.y || 0) - (d.height || b) + u, S = Math.min(d.width || l, d.height || b) * ((a.borderRadius || 0) / 100), $ = Math.max(0, S - u), k = `inset(
-    ${x}px
+  }, u = a.borderWidth || 0, l = a.width || 0, b = a.height || 0, y = (d.x || 0) + u, m = (d.y || 0) + u, g = l - (d.x || 0) - (d.width || l) + u, M = b - (d.y || 0) - (d.height || b) + u, S = Math.min(d.width || l, d.height || b) * ((a.borderRadius || 0) / 100), $ = Math.max(0, S - u), k = `inset(
+    ${m}px
     ${g}px
     ${M}px
     ${y}px round ${$}px
-  )`, { durationInFrames: m } = wt(t.display, n), v = (s || 0) - t.display.from * n / 1e3, w = Pt(a, d, {}), { WebkitTextStroke: N } = w, F = fn(a, d), V = Gr(
+  )`, { durationInFrames: x } = wt(t.display, n), v = (s || 0) - t.display.from * n / 1e3, w = Ot(a, d, {}), { WebkitTextStroke: N } = w, R = fn(a, d), V = Gr(
     a.effects,
     i,
     v,
-    m
-  ), P = Or(V), { filter: Y, overlays: W } = Mn(V), R = a.width || d.width || 300, C = a.height || d.height || 300, X = Do(a.src), E = (ut = (nt = i == null ? void 0 : i.loop) == null ? void 0 : nt.composition) == null ? void 0 : ut.find(
+    x
+  ), P = Or(V), { filter: Y, overlays: W } = Mn(V), F = a.width || d.width || 300, C = a.height || d.height || 300, X = Do(a.src), E = (ut = (nt = i == null ? void 0 : i.loop) == null ? void 0 : nt.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 && v >= (E.delay || 0) && v <= (E.delay || 0) + (E.durationInFrames || 60)), z = (mt = (it = i == null ? void 0 : i.loop) == null ? void 0 : it.composition) == null ? void 0 : mt.find(
     (A) => A.property === "inwardEchoes" || A.id === "inwardEchoes"
-  ), U = !!(z && v >= (z.delay || 0) && v <= (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(
+  ), U = !!(z && v >= (z.delay || 0) && v <= (z.delay || 0) + (z.durationInFrames || 120)), L = (tt = (ht = i == null ? void 0 : i.loop) == null ? void 0 : ht.composition) == null ? void 0 : tt.find(
     (A) => A.property === "wiggle" || A.id === "wiggle"
   ), D = !!(L && v >= (L.delay || 0) && v <= (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 && v >= (H.delay || 0) && v <= (H.delay || 0) + (H.durationInFrames || 120)), j = (dt = (ct = i == null ? void 0 : i.loop) == null ? void 0 : ct.composition) == null ? void 0 : dt.find(
     (A) => A.property === "noiseTile" || A.id === "noiseTile"
-  ), ht = !!(j && v >= (j.delay || 0) && v <= (j.delay || 0) + (j.durationInFrames || 120)), Q = [
+  ), pt = !!(j && v >= (j.delay || 0) && v <= (j.delay || 0) + (j.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) || [],
@@ -2141,9 +2141,9 @@ function Rn({
       durationInFrames: E == null ? void 0 : E.durationInFrames,
       from: E == null ? void 0 : E.from,
       to: E == null ? void 0 : E.to,
-      width: R,
+      width: F,
       height: C,
-      borderRadius: F.borderRadius,
+      borderRadius: R.borderRadius,
       borderWidth: a.borderWidth,
       borderColor: a.borderColor,
       boxShadow: a.boxShadow,
@@ -2159,9 +2159,9 @@ function Rn({
       durationInFrames: z == null ? void 0 : z.durationInFrames,
       from: z == null ? void 0 : z.from,
       to: z == null ? void 0 : z.to,
-      width: R,
+      width: F,
       height: C,
-      borderRadius: F.borderRadius,
+      borderRadius: R.borderRadius,
       borderWidth: a.borderWidth,
       borderColor: a.borderColor,
       boxShadow: a.boxShadow,
@@ -2177,9 +2177,9 @@ function Rn({
       durationInFrames: L == null ? void 0 : L.durationInFrames,
       from: L == null ? void 0 : L.from,
       to: L == null ? void 0 : L.to,
-      width: R,
+      width: F,
       height: C,
-      borderRadius: F.borderRadius,
+      borderRadius: R.borderRadius,
       borderWidth: a.borderWidth,
       borderColor: a.borderColor,
       boxShadow: a.boxShadow,
@@ -2187,7 +2187,7 @@ function Rn({
       wiggleDetails: L == null ? void 0 : L.details
     }
   ) : Z ? /* @__PURE__ */ f(
-    Ro,
+    Fo,
     {
       src: a.src,
       frame: v,
@@ -2195,9 +2195,9 @@ function Rn({
       durationInFrames: H == null ? void 0 : H.durationInFrames,
       from: H == null ? void 0 : H.from,
       to: H == null ? void 0 : H.to,
-      width: R,
+      width: F,
       height: C,
-      borderRadius: F.borderRadius,
+      borderRadius: R.borderRadius,
       borderWidth: a.borderWidth,
       borderColor: a.borderColor,
       boxShadow: a.boxShadow,
@@ -2206,7 +2206,7 @@ function Rn({
       activeEffects: V,
       effects: P
     }
-  ) : ht ? /* @__PURE__ */ f(
+  ) : pt ? /* @__PURE__ */ f(
     Yo,
     {
       src: a.src,
@@ -2215,9 +2215,9 @@ function Rn({
       durationInFrames: j == null ? void 0 : j.durationInFrames,
       from: j == null ? void 0 : j.from,
       to: j == null ? void 0 : j.to,
-      width: R,
+      width: F,
       height: C,
-      borderRadius: F.borderRadius,
+      borderRadius: R.borderRadius,
       borderWidth: a.borderWidth,
       borderColor: a.borderColor,
       boxShadow: a.boxShadow,
@@ -2230,7 +2230,7 @@ function Rn({
       src: a.src,
       playbackRate: e,
       style: {
-        borderRadius: F.borderRadius,
+        borderRadius: R.borderRadius,
         width: "100%",
         height: "100%",
         filter: Y || void 0
@@ -2245,12 +2245,12 @@ function Rn({
         width: "100%",
         height: "100%",
         objectFit: "cover",
-        borderRadius: F.borderRadius,
+        borderRadius: R.borderRadius,
         filter: Y || void 0,
         clipPath: u > 0 || d.x || d.y ? k : void 0
       }
     }
-  ), ot = _ || U || D || Z || ht, vt = /* @__PURE__ */ f(
+  ), ot = _ || U || D || Z || pt, vt = /* @__PURE__ */ f(
     Lt,
     {
       style: {
@@ -2259,16 +2259,16 @@ function Rn({
         boxShadow: void 0,
         WebkitTextStroke: N
       },
-      animationIn: h,
+      animationIn: p,
       animationOut: o,
       frame: v,
-      durationInFrames: m,
+      durationInFrames: x,
       isTransition: c,
       children: /* @__PURE__ */ f(
         Ht,
         {
-          animationTimed: p,
-          durationInFrames: m,
+          animationTimed: h,
+          durationInFrames: x,
           frame: v,
           style: {
             ...w,
@@ -2281,7 +2281,7 @@ function Rn({
               item: t,
               keyframeAnimations: Q,
               frame: v,
-              durationInFrames: m,
+              durationInFrames: x,
               children: /* @__PURE__ */ gt(
                 "div",
                 {
@@ -2291,7 +2291,7 @@ function Rn({
                     height: "100%"
                   },
                   children: [
-                    !_ && !U && !D && !Z && !ht && a.boxShadow && /* @__PURE__ */ f(
+                    !_ && !U && !D && !Z && !pt && a.boxShadow && /* @__PURE__ */ f(
                       "div",
                       {
                         style: {
@@ -2300,7 +2300,7 @@ function Rn({
                           left: 0,
                           width: "100%",
                           height: "100%",
-                          borderRadius: F.borderRadius,
+                          borderRadius: R.borderRadius,
                           boxShadow: `${a.boxShadow.x}px ${a.boxShadow.y}px ${a.boxShadow.blur}px ${a.boxShadow.color}`,
                           pointerEvents: "none"
                         }
@@ -2319,22 +2319,22 @@ function Rn({
                           height: "100%",
                           position: "relative",
                           overflow: ot ? "visible" : "hidden",
-                          borderRadius: F.borderRadius
+                          borderRadius: R.borderRadius
                         },
                         children: [
                           /* @__PURE__ */ gt(
                             "div",
                             {
                               style: {
-                                ...F,
+                                ...R,
                                 overflow: "visible",
-                                boxShadow: _ ? "none" : F.boxShadow
+                                boxShadow: _ ? "none" : R.boxShadow
                               },
                               children: [
                                 P ? /* @__PURE__ */ f(
                                   Vr,
                                   {
-                                    width: R,
+                                    width: F,
                                     height: C,
                                     effects: P,
                                     children: T()
@@ -2344,7 +2344,7 @@ function Rn({
                               ]
                             }
                           ),
-                          !_ && !U && !D && !Z && !ht && !!a.borderWidth && /* @__PURE__ */ f(
+                          !_ && !U && !D && !Z && !pt && !!a.borderWidth && /* @__PURE__ */ f(
                             "div",
                             {
                               style: {
@@ -2371,42 +2371,51 @@ const Yn = ({
   item: t,
   options: r
 }) => {
-  var u, l, b, y;
-  const { fps: n, frame: s } = r, { details: c, animations: a } = t, { animationIn: i, animationOut: e, animationTimed: h } = Ft(
+  var m, g, M, S;
+  const { fps: n, frame: s } = r, { details: c, animations: a } = t, { animationIn: i, animationOut: e, animationTimed: p } = Rt(
     a,
     t,
     s,
     n,
     r
-  ), { durationInFrames: o } = wt(t.display, n), p = (s || 0) - t.display.from * n / 1e3, d = /* @__PURE__ */ f(
+  ), { durationInFrames: o } = wt(t.display, n), h = (s || 0) - t.display.from * n / 1e3, d = Ot(c), u = d.borderRadius, l = c.borderWidth || 0, b = c.borderColor || "transparent", y = /* @__PURE__ */ f(
     Lt,
     {
-      style: Pt(c),
+      style: {
+        ...d,
+        borderRadius: u,
+        overflow: "hidden",
+        border: l ? `${l}px solid ${b}` : void 0
+      },
       animationIn: i,
       animationOut: e,
-      frame: p,
+      frame: h,
       durationInFrames: o,
       children: /* @__PURE__ */ f(
         Ht,
         {
-          animationTimed: h,
+          animationTimed: p,
           durationInFrames: o,
-          frame: p,
-          style: Pt(c),
+          frame: h,
+          style: {
+            ...d,
+            borderRadius: u,
+            overflow: "hidden"
+          },
           children: /* @__PURE__ */ f(
             Dt,
             {
               item: t,
               keyframeAnimations: [
-                ...((u = a == null ? void 0 : a.in) == null ? void 0 : u.composition) || [],
-                ...((l = a == null ? void 0 : a.out) == null ? void 0 : l.composition) || [],
-                ...((b = a == null ? void 0 : a.timed) == null ? void 0 : b.composition) || [],
-                ...((y = a == null ? void 0 : a.loop) == null ? void 0 : y.composition) || [],
+                ...((m = a == null ? void 0 : a.in) == null ? void 0 : m.composition) || [],
+                ...((g = a == null ? void 0 : a.out) == null ? void 0 : g.composition) || [],
+                ...((M = a == null ? void 0 : a.timed) == null ? void 0 : M.composition) || [],
+                ...((S = a == null ? void 0 : a.loop) == null ? void 0 : S.composition) || [],
                 ...i || [],
                 ...e || [],
-                ...h || []
+                ...p || []
               ],
-              frame: p,
+              frame: h,
               durationInFrames: o,
               children: /* @__PURE__ */ f(
                 "div",
@@ -2414,6 +2423,8 @@ const Yn = ({
                   style: {
                     width: "100%",
                     height: "100%",
+                    borderRadius: u,
+                    overflow: "hidden",
                     WebkitMaskImage: `url(${c.src})`,
                     WebkitMaskSize: "cover",
                     WebkitMaskPosition: "center",
@@ -2428,7 +2439,7 @@ const Yn = ({
       )
     }
   );
-  return xt({ item: t, options: r, children: d });
+  return xt({ item: t, options: r, children: y });
 }, Zr = {
   // Legacy Easings
   linear: I.linear,
@@ -2462,20 +2473,20 @@ const Yn = ({
   animationTextFrames: a,
   property: i,
   from: e,
-  to: h,
+  to: p,
   easing: o,
-  delay: p,
+  delay: h,
   details: d,
   phase: u = "in",
   fade: l = !1
 }) => {
-  const b = Math.max(1, a), y = e === h;
-  let x, g;
-  c <= 1 ? (x = b, g = 0) : y ? (g = b / c, x = g) : (x = Math.min(
+  const b = Math.max(1, a), y = e === p;
+  let m, g;
+  c <= 1 ? (m = b, g = 0) : y ? (g = b / c, m = g) : (m = Math.min(
     b * 0.45,
     Math.max(2, b / c * 1.5)
-  ), x >= b && (x = b * 0.5), g = (b - x) / (c - 1));
-  const M = p + r * g, S = n - M;
+  ), m >= b && (m = b * 0.5), g = (b - m) / (c - 1));
+  const M = h + r * g, S = n - M;
   if (u === "in" && S < 0)
     return /* @__PURE__ */ f(
       "span",
@@ -2495,7 +2506,7 @@ const Yn = ({
         },
         r
       );
-    if (!y && S >= x)
+    if (!y && S >= m)
       return /* @__PURE__ */ f(
         "span",
         {
@@ -2505,21 +2516,21 @@ const Yn = ({
         r
       );
   }
-  const $ = y ? 1 : O(S, [0, x], [0, 1], {
+  const $ = y ? 1 : O(S, [0, m], [0, 1], {
     extrapolateLeft: "clamp",
     extrapolateRight: "clamp"
-  }), k = se(o), m = y ? 1 : k($), v = e + (h - e) * m;
+  }), k = se(o), x = y ? 1 : k($), v = e + (p - e) * x;
   let w = {
     display: "inline-block",
     transformOrigin: "center"
   };
-  const N = [], F = [], V = (P = 50, Y = "down") => {
-    const W = typeof (d == null ? void 0 : d.translateY) == "number" ? d.translateY : typeof (d == null ? void 0 : d.translateX) == "number" ? d.translateX : typeof (d == null ? void 0 : d.translate) == "number" ? d.translate : P, R = (d == null ? void 0 : d.direction) || Y, C = u === "out" ? 0 : W, E = C + ((u === "out" ? W : 0) - C) * m;
-    if (R === "left" || R === "right") {
-      const _ = R === "left" ? -1 : 1;
+  const N = [], R = [], V = (P = 50, Y = "down") => {
+    const W = typeof (d == null ? void 0 : d.translateY) == "number" ? d.translateY : typeof (d == null ? void 0 : d.translateX) == "number" ? d.translateX : typeof (d == null ? void 0 : d.translate) == "number" ? d.translate : P, F = (d == null ? void 0 : d.direction) || Y, C = u === "out" ? 0 : W, E = C + ((u === "out" ? W : 0) - C) * x;
+    if (F === "left" || F === "right") {
+      const _ = F === "left" ? -1 : 1;
       N.push(`translateX(${_ * E}%)`);
     } else {
-      const _ = R === "up" ? -1 : 1;
+      const _ = F === "up" ? -1 : 1;
       N.push(`translateY(${_ * E}%)`);
     }
   };
@@ -2534,25 +2545,25 @@ const Yn = ({
       let P;
       if ($ < 0.65) {
         const Y = $ / 0.65, W = I.out(I.cubic)(Y);
-        P = e + (h + 0.1 - e) * W;
+        P = e + (p + 0.1 - e) * W;
       } else {
         const Y = ($ - 0.65) / 0.35, W = I.out(I.quad)(Y);
-        P = h + 0.1 - 0.1 * W;
+        P = p + 0.1 - 0.1 * W;
       }
       N.push(`scale(${P})`), w.opacity = I.out(I.quad)($);
       break;
     }
     case "growOut": {
-      const P = I.out(I.cubic)($), Y = e + (h - e) * P;
+      const P = I.out(I.cubic)($), Y = e + (p - e) * P;
       N.push(`scale(${Y})`), w.opacity = 1 - I.out(I.quad)($);
       break;
     }
     case "shrinkIn": {
-      N.push(`scale(${v})`), w.opacity = m;
+      N.push(`scale(${v})`), w.opacity = x;
       break;
     }
     case "shrinkOut": {
-      N.push(`scale(${v})`), w.opacity = 1 - m;
+      N.push(`scale(${v})`), w.opacity = 1 - x;
       break;
     }
     case "maskUpIn": {
@@ -2575,31 +2586,31 @@ const Yn = ({
     case "blurIn":
     case "blurOut":
     case "blurV2In": {
-      F.push(`blur(${v}px)`), ((d == null ? void 0 : d.translateY) !== void 0 || (d == null ? void 0 : d.translateX) !== void 0 || (d == null ? void 0 : d.translate) !== void 0) && V(50, (d == null ? void 0 : d.direction) || "down"), (l || d != null && d.fade) && (w.opacity = u === "out" ? 1 - m : m);
+      R.push(`blur(${v}px)`), ((d == null ? void 0 : d.translateY) !== void 0 || (d == null ? void 0 : d.translateX) !== void 0 || (d == null ? void 0 : d.translate) !== void 0) && V(50, (d == null ? void 0 : d.direction) || "down"), (l || d != null && d.fade) && (w.opacity = u === "out" ? 1 - x : x);
       break;
     }
     case "blurSlide": {
-      F.push(`blur(${v}px)`), V(50, (d == null ? void 0 : d.direction) || "down"), (l || (d == null ? void 0 : d.fade) !== !1) && (w.opacity = u === "out" ? 1 - m : m);
+      R.push(`blur(${v}px)`), V(50, (d == null ? void 0 : d.direction) || "down"), (l || (d == null ? void 0 : d.fade) !== !1) && (w.opacity = u === "out" ? 1 - x : x);
       break;
     }
     case "translateX": {
       let P = 100, Y = !1;
       if ((d == null ? void 0 : d.width) !== void 0) {
-        const R = typeof d.width == "number" ? d.width : parseFloat(d.width);
-        isNaN(R) || (P = R, Y = !0);
+        const F = typeof d.width == "number" ? d.width : parseFloat(d.width);
+        isNaN(F) || (P = F, Y = !0);
       }
       const W = Y ? `${v / 100 * P}px` : `${v}%`;
-      N.push(`translateX(${W})`), (l || d != null && d.fade) && (w.opacity = u === "out" ? 1 - m : m);
+      N.push(`translateX(${W})`), (l || d != null && d.fade) && (w.opacity = u === "out" ? 1 - x : x);
       break;
     }
     case "translateY": {
       let P = 100, Y = !1;
       if ((d == null ? void 0 : d.height) !== void 0) {
-        const R = typeof d.height == "number" ? d.height : parseFloat(d.height);
-        isNaN(R) || (P = R, Y = !0);
+        const F = typeof d.height == "number" ? d.height : parseFloat(d.height);
+        isNaN(F) || (P = F, Y = !0);
       }
       const W = Y ? `${v / 100 * P}px` : `${v}%`;
-      N.push(`translateY(${W})`), (l || d != null && d.fade) && (w.opacity = u === "out" ? 1 - m : m);
+      N.push(`translateY(${W})`), (l || d != null && d.fade) && (w.opacity = u === "out" ? 1 - x : x);
       break;
     }
     case "rotate":
@@ -2609,8 +2620,8 @@ const Yn = ({
     case "spinIn":
     case "spinOut": {
       N.push(`rotate(${v}deg)`);
-      const P = u === "out" ? 1 - m : m;
-      N.push(`scale(${P})`), w.opacity = u === "out" ? 1 - m : m;
+      const P = u === "out" ? 1 - x : x;
+      N.push(`scale(${P})`), w.opacity = u === "out" ? 1 - x : x;
       break;
     }
     case "rotateX":
@@ -2622,17 +2633,17 @@ const Yn = ({
     case "brightness":
     case "brightnessIn":
     case "brightnessOut":
-      F.push(`brightness(${v}%)`);
+      R.push(`brightness(${v}%)`);
       break;
     default:
       w.opacity = v;
       break;
   }
   if ((d == null ? void 0 : d.scale) !== void 0 && typeof d.scale == "number" && i !== "scale") {
-    const P = (u === "out" ? d.scale : 1) + (1 - (u === "out" ? d.scale : 1)) * (1 - m);
+    const P = (u === "out" ? d.scale : 1) + (1 - (u === "out" ? d.scale : 1)) * (1 - x);
     N.push(`scale(${P})`);
   }
-  return N.length > 0 && (w.transform = N.join(" ")), F.length > 0 && (w.filter = F.join(" ")), /* @__PURE__ */ f("span", { style: w, children: t === " " ? " " : t }, r);
+  return N.length > 0 && (w.transform = N.join(" ")), R.length > 0 && (w.filter = R.join(" ")), /* @__PURE__ */ f("span", { style: w, children: t === " " ? " " : t }, r);
 }, ce = ({
   char: t,
   index: r,
@@ -2641,14 +2652,14 @@ const Yn = ({
   textLength: c,
   animationTextInFrames: a
 }) => {
-  const i = a, e = i / (c + 1), h = r * e, o = Mt({
-    frame: n - h,
+  const i = a, e = i / (c + 1), p = r * e, o = Mt({
+    frame: n - p,
     fps: s,
     from: 4,
     to: 1,
     config: { mass: 1, damping: 10 }
-  }), p = O(
-    n - h,
+  }), h = O(
+    n - p,
     [0, i / 2],
     // Ensure opacity fades in within half the duration
     [0, 1],
@@ -2660,7 +2671,7 @@ const Yn = ({
       style: {
         display: "inline-block",
         transform: `scale(${o})`,
-        opacity: p
+        opacity: h
       },
       children: t === " " ? " " : t
     },
@@ -2674,8 +2685,8 @@ const Yn = ({
   textLength: c,
   animationTextInFrames: a
 }) => {
-  const e = a / c, h = r * e, o = Mt({
-    frame: n - h,
+  const e = a / c, p = r * e, o = Mt({
+    frame: n - p,
     fps: s,
     from: -90,
     to: 0,
@@ -2700,8 +2711,8 @@ const Yn = ({
   textLength: c,
   animationTextInFrames: a
 }) => {
-  const e = a / c, h = r * e, o = Mt({
-    frame: n - h,
+  const e = a / c, p = r * e, o = Mt({
+    frame: n - p,
     fps: s,
     from: 0,
     to: 1,
@@ -2726,13 +2737,13 @@ const Yn = ({
   textLength: c,
   animationTextInFrames: a
 }) => {
-  const i = a, e = i / c, h = r * e, o = Mt({
-    frame: n - h,
+  const i = a, e = i / c, p = r * e, o = Mt({
+    frame: n - p,
     fps: s,
     from: 1.1,
     to: 0,
     config: { damping: 10 }
-  }), p = O(n - h, [0, i / 2], [0, 1], {
+  }), h = O(n - p, [0, i / 2], [0, 1], {
     extrapolateRight: "clamp",
     extrapolateLeft: "clamp"
   });
@@ -2742,7 +2753,7 @@ const Yn = ({
       style: {
         display: "inline-block",
         transform: `translateY(${o}em)`,
-        opacity: p
+        opacity: h
       },
       children: t === " " ? " " : t
     },
@@ -2756,14 +2767,14 @@ const Yn = ({
   textLength: c,
   animationTextInFrames: a
 }) => {
-  const i = a, e = i / c, h = r * e, o = Mt({
-    frame: n - h,
+  const i = a, e = i / c, p = r * e, o = Mt({
+    frame: n - p,
     fps: s,
     from: -100,
     to: 0,
     config: { damping: 20, stiffness: 120 }
-  }), p = O(
-    n - h,
+  }), h = O(
+    n - p,
     [0, i / 2],
     // Complete opacity ramp-up within half the duration
     [0, 1],
@@ -2778,13 +2789,13 @@ const Yn = ({
       style: {
         display: "inline-block",
         transform: `translateY(${o}px)`,
-        opacity: p
+        opacity: h
       },
       children: t === " " ? " " : t
     },
     r
   );
-}, pe = ({
+}, he = ({
   char: t,
   index: r,
   frame: n,
@@ -2793,20 +2804,20 @@ const Yn = ({
   animationTextOutFrames: a,
   durationInFrames: i
 }) => {
-  const e = i - a, h = r / c * (i - e), o = Mt({
-    frame: n - e - h,
+  const e = i - a, p = r / c * (i - e), o = Mt({
+    frame: n - e - p,
     fps: s,
     from: 1,
     to: 0,
     config: { mass: 0.5, damping: 10 }
-  }), p = Mt({
-    frame: n - e - h,
+  }), h = Mt({
+    frame: n - e - p,
     fps: s,
     from: 0,
     to: 50,
     config: { mass: 0.5, damping: 10 }
   }), d = Mt({
-    frame: n - e - h,
+    frame: n - e - p,
     fps: s,
     from: 0,
     to: 180,
@@ -2818,13 +2829,13 @@ const Yn = ({
       style: {
         display: "inline-block",
         opacity: o,
-        transform: `translateY(${p}px) rotate(${d}deg)`
+        transform: `translateY(${h}px) rotate(${d}deg)`
       },
       children: t === " " ? " " : t
     },
     r
   );
-}, he = ({
+}, pe = ({
   char: t,
   index: r,
   frame: n,
@@ -2833,13 +2844,13 @@ const Yn = ({
   animationTextOutFrames: a,
   durationInFrames: i
 }) => {
-  const e = i - a, h = a / c, o = e + r * h, p = n - o, d = Mt({
-    frame: p,
+  const e = i - a, p = a / c, o = e + r * p, h = n - o, d = Mt({
+    frame: h,
     fps: s,
     from: 1,
     to: 0,
     config: { mass: 1, damping: 10 }
-  }), u = O(p, [0, h], [1, 0], {
+  }), u = O(h, [0, p], [1, 0], {
     extrapolateLeft: "clamp",
     extrapolateRight: "clamp"
   });
@@ -2864,7 +2875,7 @@ const Yn = ({
   animationTextOutFrames: a,
   durationInFrames: i
 }) => {
-  const h = a / c, p = i - a + r * h, d = n - p, u = Mt({
+  const p = a / c, h = i - a + r * p, d = n - h, u = Mt({
     frame: d,
     fps: s,
     from: 0,
@@ -2891,13 +2902,13 @@ const Yn = ({
   animationTextOutFrames: a,
   durationInFrames: i
 }) => {
-  const h = a / c, p = i - a + r * h, d = n - p, u = Mt({
+  const p = a / c, h = i - a + r * p, d = n - h, u = Mt({
     frame: d,
     fps: s,
     from: 0,
     to: 1.1,
     config: { damping: 10 }
-  }), l = O(d, [0, h], [1, 0], {
+  }), l = O(d, [0, p], [1, 0], {
     extrapolateRight: "clamp",
     extrapolateLeft: "clamp"
   });
@@ -2921,27 +2932,27 @@ const Yn = ({
   textLength: c,
   animationTextInFrames: a
 }) => {
-  const e = a / c, h = r * e, o = Mt({
-    frame: n - h,
+  const e = a / c, p = r * e, o = Mt({
+    frame: n - p,
     fps: s,
     from: 1.1,
     to: 0,
     config: { damping: 10 }
-  }), p = Mt({
-    frame: n - h,
+  }), h = Mt({
+    frame: n - p,
     fps: s,
     from: 0.55,
     to: 0,
     config: { damping: 10 }
   }), d = Mt({
-    frame: n - h,
+    frame: n - p,
     fps: s,
     from: 180,
     to: 0,
     config: { damping: 10 }
   }), u = O(
     n,
-    [h, h + 15],
+    [p, p + 15],
     // Adjust for opacity ramp-up
     [0, 1],
     {
@@ -2955,7 +2966,7 @@ const Yn = ({
       style: {
         display: "inline-block",
         transformOrigin: "0 100%",
-        transform: `translateY(${o}em) translateX(${p}em) rotateZ(${d}deg)`,
+        transform: `translateY(${o}em) translateX(${h}em) rotateZ(${d}deg)`,
         opacity: u
       },
       children: t === " " ? " " : t
@@ -2971,16 +2982,16 @@ const Yn = ({
   animationTextOutFrames: a,
   durationInFrames: i
 }) => {
-  const e = i - a, h = a / c, o = e + r * h, p = n - o, d = Mt({
-    frame: p,
+  const e = i - a, p = a / c, o = e + r * p, h = n - o, d = Mt({
+    frame: h,
     fps: s,
     from: 0,
     to: 100,
     // Move text out of view
     config: { damping: 20, stiffness: 120 }
   }), u = O(
-    p,
-    [0, h],
+    h,
+    [0, p],
     // Frames for opacity fade-out
     [1, 0],
     {
@@ -3009,25 +3020,25 @@ const Yn = ({
   animationTextOutFrames: a,
   durationInFrames: i
 }) => {
-  const e = i - a, h = a / c, o = e + r * h, p = n - o, d = Mt({
-    frame: p,
+  const e = i - a, p = a / c, o = e + r * p, h = n - o, d = Mt({
+    frame: h,
     fps: s,
     from: 0,
     to: 1,
     config: { mass: 1, damping: 10 }
   }), u = Mt({
-    frame: p,
+    frame: h,
     fps: s,
     from: 0,
     to: 0.55,
     config: { mass: 1, damping: 10 }
   }), l = Mt({
-    frame: p,
+    frame: h,
     fps: s,
     from: 0,
     to: 180,
     config: { mass: 1, damping: 10 }
-  }), b = O(p, [0, h], [1, 0], {
+  }), b = O(h, [0, p], [1, 0], {
     extrapolateLeft: "clamp",
     extrapolateRight: "clamp"
   });
@@ -3053,8 +3064,8 @@ const Yn = ({
   animationTextOutFrames: a,
   durationInFrames: i
 }) => {
-  const e = i - a, h = a / c, o = e + r * h, p = n - o, d = Mt({
-    frame: p,
+  const e = i - a, p = a / c, o = e + r * p, h = n - o, d = Mt({
+    frame: h,
     fps: s,
     from: 1,
     to: 0,
@@ -3128,13 +3139,13 @@ const Yn = ({
   fps: s,
   animationTextInFrames: c
 }) => {
-  const a = c / s, i = n / s, e = Math.min(Math.max(i / a, 0), 1), h = 3 - e * 2, o = e;
+  const a = c / s, i = n / s, e = Math.min(Math.max(i / a, 0), 1), p = 3 - e * 2, o = e;
   return /* @__PURE__ */ f(
     "span",
     {
       style: {
         display: "inline-block",
-        transform: `scale(${h})`,
+        transform: `scale(${p})`,
         opacity: o
       },
       children: t === " " ? " " : t
@@ -3148,13 +3159,13 @@ const Yn = ({
   fps: s,
   animationTextInFrames: c
 }) => {
-  const a = c / s, i = n / s, e = Math.min(Math.max(i / a, 0), 1), h = 3 - e * 2, o = e;
+  const a = c / s, i = n / s, e = Math.min(Math.max(i / a, 0), 1), p = 3 - e * 2, o = e;
   return /* @__PURE__ */ f(
     "span",
     {
       style: {
         display: "inline-block",
-        transform: `scaleX(${h})`,
+        transform: `scaleX(${p})`,
         opacity: o
       },
       children: t === " " ? " " : t
@@ -3169,16 +3180,16 @@ const Yn = ({
   animationTextOutFrames: c,
   durationInFrames: a
 }) => {
-  const i = (a - c) / s, e = a / s, h = n / s, o = Math.min(
-    Math.max((h - i) / (e - i), 0),
+  const i = (a - c) / s, e = a / s, p = n / s, o = Math.min(
+    Math.max((p - i) / (e - i), 0),
     1
-  ), p = 1 + o, d = 1 - o;
+  ), h = 1 + o, d = 1 - o;
   return /* @__PURE__ */ f(
     "span",
     {
       style: {
         display: "inline-block",
-        transform: `scaleX(${p})`,
+        transform: `scaleX(${h})`,
         opacity: d
       },
       children: t === " " ? " " : t
@@ -3193,16 +3204,16 @@ const Yn = ({
   animationTextOutFrames: c,
   durationInFrames: a
 }) => {
-  const i = (a - c) / s, e = a / s, h = n / s, o = Math.min(
-    Math.max((h - i) / (e - i), 0),
+  const i = (a - c) / s, e = a / s, p = n / s, o = Math.min(
+    Math.max((p - i) / (e - i), 0),
     1
-  ), p = 1 + o, d = 1 - o;
+  ), h = 1 + o, d = 1 - o;
   return /* @__PURE__ */ f(
     "span",
     {
       style: {
         display: "inline-block",
-        transform: `scale(${p})`,
+        transform: `scale(${h})`,
         opacity: d
       },
       children: t === " " ? " " : t
@@ -3226,7 +3237,7 @@ const Yn = ({
       children: t
     }
   );
-}, Fe = ({
+}, Re = ({
   char: t,
   frame: r,
   fps: n,
@@ -3248,7 +3259,7 @@ function Mr(t) {
   const r = Math.sin(t) * 1e4;
   return r - Math.floor(r);
 }
-const Re = ({
+const Fe = ({
   char: t,
   index: r,
   frame: n
@@ -3334,8 +3345,8 @@ function Xe({
       if (i + e.length <= c)
         return i += e.length + 1, e;
       if (i < c) {
-        const h = e.slice(0, c - i);
-        return i = c, h;
+        const p = e.slice(0, c - i);
+        return i = c, p;
       }
       return "";
     }).join(" ");
@@ -3378,7 +3389,7 @@ const Be = ({
 }) => {
   const c = O(r, [0, s], [0, 1], {
     extrapolateRight: "clamp"
-  }), a = n.width, i = n.height, e = O(c, [0, 1], [0, a]), h = O(c, [0, 1], [a / 2, 0]);
+  }), a = n.width, i = n.height, e = O(c, [0, 1], [0, a]), p = O(c, [0, 1], [a / 2, 0]);
   return /* @__PURE__ */ f(
     "div",
     {
@@ -3416,7 +3427,7 @@ const Be = ({
                 width: n.width,
                 height: n.height,
                 color: n.color === "white" || n.color.includes("fff") ? "black" : n.color,
-                transform: `translateX(${h * 2}px)`
+                transform: `translateX(${p * 2}px)`
               },
               children: t
             }
@@ -3433,7 +3444,7 @@ const Be = ({
 }) => {
   const c = n * 0.5, a = n, i = 8, e = O(r, [0, c], [0.5, 1], {
     extrapolateRight: "clamp"
-  }), h = e, o = 0, p = 1, d = O(r, [0, c], [2, 1], {
+  }), p = e, o = 0, h = 1, d = O(r, [0, c], [2, 1], {
     extrapolateRight: "clamp"
   }), u = r < c ? O(r, [0, c], [20, 0], {
     extrapolateRight: "clamp"
@@ -3447,13 +3458,13 @@ const Be = ({
     extrapolateRight: "clamp"
   }), b = [];
   for (let y = i; y > 0; y--) {
-    const x = Math.max(r - y * 2, 0), g = O(
-      x,
+    const m = Math.max(r - y * 2, 0), g = O(
+      m,
       [0, c],
       [0.5, 1],
       { extrapolateRight: "clamp" }
     ), M = O(
-      x,
+      m,
       [0, c],
       [0.15, 0],
       { extrapolateRight: "clamp" }
@@ -3494,7 +3505,7 @@ const Be = ({
               width: s.width,
               height: s.height,
               background: "transparent",
-              transform: `scale(${h})`
+              transform: `scale(${p})`
             },
             children: t
           }
@@ -3517,9 +3528,9 @@ const Be = ({
           "span",
           {
             style: {
-              opacity: p,
+              opacity: h,
               filter: `blur(${o}px)`,
-              transform: `scale(${h})`,
+              transform: `scale(${p})`,
               fontSize: parseFloat(s.fontSize.toString()),
               position: "absolute",
               width: s.width,
@@ -3548,12 +3559,12 @@ const Be = ({
   details: s
 }) => {
   const c = n * 3 / 4, a = Math.floor(c / Qr.length);
-  let i = "", e = 0, h = a, o = 2, p = 0.5, d = parseFloat(s.fontSize.toString());
+  let i = "", e = 0, p = a, o = 2, h = 0.5, d = parseFloat(s.fontSize.toString());
   if (r < c) {
-    const x = Math.floor(r / a);
-    i = Qr[x], e = r - x * a, h = a, o = 2, p = 0.5, d = parseFloat(s.fontSize.toString());
-  } else r < n ? (i = t, e = r - c, h = n - c, o = 2, p = 1, d = parseFloat(s.fontSize.toString())) : (i = t, e = h, o = 1, p = 1, d = parseFloat(s.fontSize.toString()));
-  const u = Math.min(e / h, 1), l = O(u, [0, 1], [o, p]), b = O(u, [0, 1], [0.3, 1]), y = O(u, [0, 1], [8, 0]);
+    const m = Math.floor(r / a);
+    i = Qr[m], e = r - m * a, p = a, o = 2, h = 0.5, d = parseFloat(s.fontSize.toString());
+  } else r < n ? (i = t, e = r - c, p = n - c, o = 2, h = 1, d = parseFloat(s.fontSize.toString())) : (i = t, e = p, o = 1, h = 1, d = parseFloat(s.fontSize.toString()));
+  const u = Math.min(e / p, 1), l = O(u, [0, 1], [o, h]), b = O(u, [0, 1], [0.3, 1]), y = O(u, [0, 1], [8, 0]);
   return /* @__PURE__ */ f(
     "span",
     {
@@ -3580,17 +3591,17 @@ const Be = ({
   fps: c
 }) => {
   const a = (u, l, b) => {
-    const x = document.createElement("canvas").getContext("2d");
-    if (!x) return [];
-    x.font = `${b}px ${n.fontFamily || "Arial, sans-serif"}`;
+    const m = document.createElement("canvas").getContext("2d");
+    if (!m) return [];
+    m.font = `${b}px ${n.fontFamily || "Arial, sans-serif"}`;
     const g = u.split(" ");
     let M = [], S = "";
     return g.forEach(($) => {
       const k = S ? `${S} ${$}` : $;
-      x.measureText(k).width > l ? (M.push(S), S = $) : S = k;
+      m.measureText(k).width > l ? (M.push(S), S = $) : S = k;
     }), S && M.push(S), M;
-  }, i = n.width || 300, e = a(t, i, n.fontSize), h = s / c, o = 0.3, p = h / e.length, d = e.map((u, l) => {
-    const b = l * p * (1 - o) * 1.5, y = b + p, x = b * c, g = Math.max(y * c, h * c), M = O(r, [x, g], [0, 1], {
+  }, i = n.width || 300, e = a(t, i, n.fontSize), p = s / c, o = 0.3, h = p / e.length, d = e.map((u, l) => {
+    const b = l * h * (1 - o) * 1.5, y = b + h, m = b * c, g = Math.max(y * c, p * c), M = O(r, [m, g], [0, 1], {
       easing: I.out(I.cubic),
       extrapolateLeft: "clamp",
       extrapolateRight: "clamp"
@@ -3760,24 +3771,24 @@ const Oe = ({ text: t, frame: r }) => {
         height: "100%",
         position: "relative"
       },
-      children: Array.from({ length: i }).map((e, h) => {
-        const o = h * 4, p = -h * 2, d = 1 / (i - h);
+      children: Array.from({ length: i }).map((e, p) => {
+        const o = p * 4, h = -p * 2, d = 1 / (i - p);
         return /* @__PURE__ */ f(
           "div",
           {
             style: {
               position: "absolute",
-              transform: `translate(${o * 4}px, ${p * 4}px)`,
+              transform: `translate(${o * 4}px, ${h * 4}px)`,
               fontWeight: "bold",
               fontSize: n.fontSize,
-              zIndex: h,
-              color: i !== h + 1 ? "red" : n.color,
+              zIndex: p,
+              color: i !== p + 1 ? "red" : n.color,
               background: "transparent",
               opacity: d
             },
             children: t
           },
-          h
+          p
         );
       })
     }
@@ -3831,7 +3842,7 @@ const Oe = ({ text: t, frame: r }) => {
   details: i,
   marqueeDetails: e
 }) => {
-  const h = Nt(), o = typeof r == "number" && !isNaN(r) ? r : h, p = Math.max(0, o - (n || 0)), d = Math.min(1, Math.max(0, p / (s || 1))), u = i.width || 300, l = i.height || 100, b = (e == null ? void 0 : e.direction) || "horizontal", y = b === "static", x = Math.min(15, Math.max(1, Number((e == null ? void 0 : e.repeatX) ?? 5))), g = Math.min(15, Math.max(1, Number((e == null ? void 0 : e.repeatY) ?? 5))), M = (e == null ? void 0 : e.baseSpeed) !== void 0 ? Number(e.baseSpeed) : 2, S = (e == null ? void 0 : e.speedVariation) !== void 0 ? Number(e.speedVariation) : 0.5, $ = e != null && e.hasInitialValue && (e == null ? void 0 : e.initialBaseSpeed) !== void 0 ? Number(e.initialBaseSpeed) : M, k = e != null && e.hasInitialValue ? $ + (M - $) * d : M, m = y ? 0 : k * 400, v = y ? 0 : k * 400, w = (e == null ? void 0 : e.scaleFactor) !== void 0 ? Number(e.scaleFactor) : 1, N = e != null && e.hasInitialValue && (e == null ? void 0 : e.initialScaleFactor) !== void 0 ? Number(e.initialScaleFactor) : w, F = e != null && e.hasInitialValue ? N + (w - N) * d : w, V = (e == null ? void 0 : e.lineOffset) !== void 0 ? Number(e.lineOffset) : 0.5, P = (e == null ? void 0 : e.gapX) !== void 0 ? Number(e.gapX) : 60, Y = (e == null ? void 0 : e.gapY) !== void 0 ? Number(e.gapY) : 60, W = P / 100 * u, R = Y / 100 * l, C = u * F + W, X = l * F + R, E = tr(i), _ = b === "vertical" || b === "up" || b === "down", z = b === "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, ot, vt) => /* @__PURE__ */ f(
+  const p = Nt(), o = typeof r == "number" && !isNaN(r) ? r : p, h = Math.max(0, o - (n || 0)), d = Math.min(1, Math.max(0, h / (s || 1))), u = i.width || 300, l = i.height || 100, b = (e == null ? void 0 : e.direction) || "horizontal", y = b === "static", m = Math.min(15, Math.max(1, Number((e == null ? void 0 : e.repeatX) ?? 5))), g = Math.min(15, Math.max(1, Number((e == null ? void 0 : e.repeatY) ?? 5))), M = (e == null ? void 0 : e.baseSpeed) !== void 0 ? Number(e.baseSpeed) : 2, S = (e == null ? void 0 : e.speedVariation) !== void 0 ? Number(e.speedVariation) : 0.5, $ = e != null && e.hasInitialValue && (e == null ? void 0 : e.initialBaseSpeed) !== void 0 ? Number(e.initialBaseSpeed) : M, k = e != null && e.hasInitialValue ? $ + (M - $) * d : M, x = y ? 0 : k * 400, v = y ? 0 : k * 400, w = (e == null ? void 0 : e.scaleFactor) !== void 0 ? Number(e.scaleFactor) : 1, N = e != null && e.hasInitialValue && (e == null ? void 0 : e.initialScaleFactor) !== void 0 ? Number(e.initialScaleFactor) : w, R = e != null && e.hasInitialValue ? N + (w - N) * d : w, V = (e == null ? void 0 : e.lineOffset) !== void 0 ? Number(e.lineOffset) : 0.5, P = (e == null ? void 0 : e.gapX) !== void 0 ? Number(e.gapX) : 60, Y = (e == null ? void 0 : e.gapY) !== void 0 ? Number(e.gapY) : 60, W = P / 100 * u, F = Y / 100 * l, C = u * R + W, X = l * R + F, E = tr(i), _ = b === "vertical" || b === "up" || b === "down", z = b === "diagonal", U = (m - 1) / 2, L = (g - 1) / 2, D = g, H = m, Z = Array.from({ length: D }, (Q, T) => T - L), j = Array.from({ length: H }, (Q, T) => T - U), pt = (Q, T, ot, vt) => /* @__PURE__ */ f(
     "span",
     {
       style: {
@@ -3839,7 +3850,7 @@ const Oe = ({ text: t, frame: r }) => {
         position: "absolute",
         left: `calc(50% + ${T}px)`,
         top: `calc(50% + ${ot}px)`,
-        transform: `translate(-50%, -50%) scale(${F})`,
+        transform: `translate(-50%, -50%) scale(${R})`,
         transformOrigin: "center center",
         opacity: vt ? 1 : 0.85,
         whiteSpace: "nowrap"
@@ -3860,12 +3871,12 @@ const Oe = ({ text: t, frame: r }) => {
       children: j.map((Q, T) => {
         let ot = T % 2 === 0 ? 1 : -1;
         b === "up" && (ot = -1), b === "down" && (ot = 1);
-        const vt = 1 + T % 2 * (S * 0.5), nt = v > 0 && ot !== 0 ? ot * (p * v * 0.1 * vt) + Q * (X * V) : Q * (X * V), ut = v === 0 || ot === 0 ? 0 : (nt % X + X) % X - X / 2;
+        const vt = 1 + T % 2 * (S * 0.5), nt = v > 0 && ot !== 0 ? ot * (h * v * 0.1 * vt) + Q * (X * V) : Q * (X * V), ut = v === 0 || ot === 0 ? 0 : (nt % X + X) % X - X / 2;
         return Z.map((it, mt) => {
-          const pt = Q * C, tt = it * X + ut;
-          return ht(
+          const ht = Q * C, tt = it * X + ut;
+          return pt(
             `v-${T}-${mt}`,
-            pt,
+            ht,
             tt,
             Q === 0 && it === 0
           );
@@ -3882,10 +3893,10 @@ const Oe = ({ text: t, frame: r }) => {
         overflow: "visible"
       },
       children: Z.map((Q, T) => {
-        const ot = T % 2 === 0 ? 1 : -1, vt = T % 2 === 0 ? 1 : -1, nt = 1 + T % 2 * (S * 0.5), ut = m > 0 ? ot * (p * m * 0.1 * nt) + Q * (C * V) : Q * (C * V), it = m === 0 ? 0 : (ut % C + C) % C - C / 2, mt = v > 0 ? vt * (p * v * 0.1 * nt) + Q * (X * V) : Q * (X * V), pt = v === 0 ? 0 : (mt % X + X) % X - X / 2;
+        const ot = T % 2 === 0 ? 1 : -1, vt = T % 2 === 0 ? 1 : -1, nt = 1 + T % 2 * (S * 0.5), ut = x > 0 ? ot * (h * x * 0.1 * nt) + Q * (C * V) : Q * (C * V), it = x === 0 ? 0 : (ut % C + C) % C - C / 2, mt = v > 0 ? vt * (h * v * 0.1 * nt) + Q * (X * V) : Q * (X * V), ht = v === 0 ? 0 : (mt % X + X) % X - X / 2;
         return j.map((tt, st) => {
-          const et = tt * C + it, ct = Q * X + pt;
-          return ht(
+          const et = tt * C + it, ct = Q * X + ht;
+          return pt(
             `d-${T}-${st}`,
             et,
             ct,
@@ -3906,12 +3917,12 @@ const Oe = ({ text: t, frame: r }) => {
       children: Z.map((Q, T) => {
         let ot = T % 2 === 0 ? 1 : -1;
         b === "left" && (ot = -1), b === "right" && (ot = 1);
-        const vt = 1 + T % 2 * (S * 0.5), nt = m > 0 && ot !== 0 ? ot * (p * m * 0.1 * vt) + Q * (C * V) : Q * (C * V), ut = m === 0 || ot === 0 ? 0 : (nt % C + C) % C - C / 2;
+        const vt = 1 + T % 2 * (S * 0.5), nt = x > 0 && ot !== 0 ? ot * (h * x * 0.1 * vt) + Q * (C * V) : Q * (C * V), ut = x === 0 || ot === 0 ? 0 : (nt % C + C) % C - C / 2;
         return j.map((it, mt) => {
-          const pt = it * C + ut, tt = Q * X;
-          return ht(
+          const ht = it * C + ut, tt = Q * X;
+          return pt(
             `h-${T}-${mt}`,
-            pt,
+            ht,
             tt,
             Q === 0 && it === 0
           );
@@ -3929,13 +3940,13 @@ const Oe = ({ text: t, frame: r }) => {
   details: i,
   echoesDetails: e
 }) => {
-  const h = Nt(), o = typeof r == "number" && !isNaN(r) ? r : h, p = i.width || 300, d = i.height || 100, u = (e == null ? void 0 : e.keepStill) || "both", l = Number((e == null ? void 0 : e.toRepeatCount) ?? 5), b = Number((e == null ? void 0 : e.toScaleDown) ?? 0.3), y = Number((e == null ? void 0 : e.toCenterX) ?? 0.5), x = Number((e == null ? void 0 : e.toCenterY) ?? 0.5), g = (e == null ? void 0 : e.initialRepeatCount) !== void 0 ? Number(e.initialRepeatCount) : l, M = (e == null ? void 0 : e.initialScaleDown) !== void 0 ? Number(e.initialScaleDown) : 1, S = (e == null ? void 0 : e.initialCenterX) !== void 0 ? Number(e.initialCenterX) : y, $ = (e == null ? void 0 : e.initialCenterY) !== void 0 ? Number(e.initialCenterY) : x, k = Math.max(0, o - (n || 0)), m = Math.min(1, Math.max(0, k / (s || 1)));
-  let w = c + (a - c) * m;
+  const p = Nt(), o = typeof r == "number" && !isNaN(r) ? r : p, h = i.width || 300, d = i.height || 100, u = (e == null ? void 0 : e.keepStill) || "both", l = Number((e == null ? void 0 : e.toRepeatCount) ?? 5), b = Number((e == null ? void 0 : e.toScaleDown) ?? 0.3), y = Number((e == null ? void 0 : e.toCenterX) ?? 0.5), m = Number((e == null ? void 0 : e.toCenterY) ?? 0.5), g = (e == null ? void 0 : e.initialRepeatCount) !== void 0 ? Number(e.initialRepeatCount) : l, M = (e == null ? void 0 : e.initialScaleDown) !== void 0 ? Number(e.initialScaleDown) : 1, S = (e == null ? void 0 : e.initialCenterX) !== void 0 ? Number(e.initialCenterX) : y, $ = (e == null ? void 0 : e.initialCenterY) !== void 0 ? Number(e.initialCenterY) : m, k = Math.max(0, o - (n || 0)), x = Math.min(1, Math.max(0, k / (s || 1)));
+  let w = c + (a - c) * x;
   u === "initial" ? w = 0 : u === "final" && (w = 1);
   const N = Math.max(
     1,
     Math.round(O(w, [0, 1], [g, l]))
-  ), F = O(
+  ), R = O(
     w,
     [0, 1],
     [M, b]
@@ -3946,8 +3957,8 @@ const Oe = ({ text: t, frame: r }) => {
   ), P = O(
     w,
     [0, 1],
-    [$, x]
-  ), Y = tr(i), W = Array.from({ length: N }, (R, C) => C);
+    [$, m]
+  ), Y = tr(i), W = Array.from({ length: N }, (F, C) => C);
   return /* @__PURE__ */ f(
     "div",
     {
@@ -3957,8 +3968,8 @@ const Oe = ({ text: t, frame: r }) => {
         position: "relative",
         overflow: "hidden"
       },
-      children: W.map((R) => {
-        const C = N > 1 ? R / (N - 1) : 0, X = 1 - C * (1 - Math.max(0.01, F)), E = (V - 0.5) * p * C, _ = (P - 0.5) * d * C;
+      children: W.map((F) => {
+        const C = N > 1 ? F / (N - 1) : 0, X = 1 - C * (1 - Math.max(0.01, R)), E = (V - 0.5) * h * C, _ = (P - 0.5) * d * C;
         return /* @__PURE__ */ f(
           "span",
           {
@@ -3971,12 +3982,12 @@ const Oe = ({ text: t, frame: r }) => {
               transformOrigin: "center center",
               lineHeight: 1,
               whiteSpace: "nowrap",
-              zIndex: R + 1,
-              opacity: R === 0 ? 1 : 0.85
+              zIndex: F + 1,
+              opacity: F === 0 ? 1 : 0.85
             },
             children: t
           },
-          `echo-${R}`
+          `echo-${F}`
         );
       })
     }
@@ -3991,7 +4002,7 @@ const Oe = ({ text: t, frame: r }) => {
   details: i,
   wiggleDetails: e
 }) => {
-  const h = Nt(), o = typeof r == "number" && !isNaN(r) ? r : h, p = Number((e == null ? void 0 : e.wiggleX) ?? 20), d = Number((e == null ? void 0 : e.wiggleY) ?? 20), u = Number((e == null ? void 0 : e.speed) ?? 3), l = Number((e == null ? void 0 : e.angle) ?? 10), b = Number((e == null ? void 0 : e.seed) ?? 1), y = e != null && e.hasInitialValue && (e == null ? void 0 : e.initialWiggleX) !== void 0 ? Number(e.initialWiggleX) : p, x = e != null && e.hasInitialValue && (e == null ? void 0 : e.initialWiggleY) !== void 0 ? Number(e.initialWiggleY) : d, g = e != null && e.hasInitialValue && (e == null ? void 0 : e.initialSpeed) !== void 0 ? Number(e.initialSpeed) : u, M = e != null && e.hasInitialValue && (e == null ? void 0 : e.initialAngle) !== void 0 ? Number(e.initialAngle) : l, S = Math.max(0, o - (n || 0)), $ = Math.min(1, Math.max(0, S / (s || 1))), k = e != null && e.hasInitialValue ? y + (p - y) * $ : p, m = e != null && e.hasInitialValue ? x + (d - x) * $ : d, v = e != null && e.hasInitialValue ? g + (u - g) * $ : u, w = e != null && e.hasInitialValue ? M + (l - M) * $ : l, N = o * (v * 0.08), F = b * 12.345, V = Math.sin(N + F) * Math.cos(N * 0.65 + F) * k, P = Math.cos(N * 0.85 + F) * Math.sin(N * 1.15 + F) * m, Y = Math.sin(N * 0.9 + F * 1.35) * w, W = tr(i);
+  const p = Nt(), o = typeof r == "number" && !isNaN(r) ? r : p, h = Number((e == null ? void 0 : e.wiggleX) ?? 20), d = Number((e == null ? void 0 : e.wiggleY) ?? 20), u = Number((e == null ? void 0 : e.speed) ?? 3), l = Number((e == null ? void 0 : e.angle) ?? 10), b = Number((e == null ? void 0 : e.seed) ?? 1), y = e != null && e.hasInitialValue && (e == null ? void 0 : e.initialWiggleX) !== void 0 ? Number(e.initialWiggleX) : h, m = e != null && e.hasInitialValue && (e == null ? void 0 : e.initialWiggleY) !== void 0 ? Number(e.initialWiggleY) : d, g = e != null && e.hasInitialValue && (e == null ? void 0 : e.initialSpeed) !== void 0 ? Number(e.initialSpeed) : u, M = e != null && e.hasInitialValue && (e == null ? void 0 : e.initialAngle) !== void 0 ? Number(e.initialAngle) : l, S = Math.max(0, o - (n || 0)), $ = Math.min(1, Math.max(0, S / (s || 1))), k = e != null && e.hasInitialValue ? y + (h - y) * $ : h, x = e != null && e.hasInitialValue ? m + (d - m) * $ : d, v = e != null && e.hasInitialValue ? g + (u - g) * $ : u, w = e != null && e.hasInitialValue ? M + (l - M) * $ : l, N = o * (v * 0.08), R = b * 12.345, V = Math.sin(N + R) * Math.cos(N * 0.65 + R) * k, P = Math.cos(N * 0.85 + R) * Math.sin(N * 1.15 + R) * x, Y = Math.sin(N * 0.9 + R * 1.35) * w, W = tr(i);
   return /* @__PURE__ */ f(
     "div",
     {
@@ -4029,7 +4040,7 @@ const Oe = ({ text: t, frame: r }) => {
   details: i,
   cardFlipDetails: e
 }) => {
-  const h = tr(i);
+  const p = tr(i);
   return /* @__PURE__ */ f(
     Cr,
     {
@@ -4041,7 +4052,7 @@ const Oe = ({ text: t, frame: r }) => {
       width: i.width,
       height: i.height,
       cardFlipDetails: e,
-      children: /* @__PURE__ */ f("span", { style: h, children: t })
+      children: /* @__PURE__ */ f("span", { style: p, children: t })
     }
   );
 }, Ue = ({
@@ -4054,24 +4065,24 @@ const Oe = ({ text: t, frame: r }) => {
   details: i,
   noiseTileDetails: e
 }) => {
-  const h = Nt(), o = typeof r == "number" && !isNaN(r) ? r : h, p = i.width || 300, d = i.height || 100, u = (e == null ? void 0 : e.keepStill) || "both", l = Number((e == null ? void 0 : e.toXRepetitions) ?? (e == null ? void 0 : e.xRepetitions) ?? 5), b = Number((e == null ? void 0 : e.toYRepetitions) ?? (e == null ? void 0 : e.yRepetitions) ?? 5), y = Number((e == null ? void 0 : e.toGapX) ?? (e == null ? void 0 : e.gapX) ?? 12), x = Number((e == null ? void 0 : e.toGapY) ?? (e == null ? void 0 : e.gapY) ?? 12), g = Number((e == null ? void 0 : e.toScale) ?? (e == null ? void 0 : e.scale) ?? 1), M = Number((e == null ? void 0 : e.toNoiseScale) ?? (e == null ? void 0 : e.noiseScale) ?? 1.5), S = Number((e == null ? void 0 : e.toNoiseMoveX) ?? (e == null ? void 0 : e.noiseMoveX) ?? 0.6), $ = Number((e == null ? void 0 : e.toNoiseMoveY) ?? (e == null ? void 0 : e.noiseMoveY) ?? 0.4), k = Number((e == null ? void 0 : e.toFps) ?? (e == null ? void 0 : e.fps) ?? 12), m = Number((e == null ? void 0 : e.toThreshold) ?? (e == null ? void 0 : e.threshold) ?? 0.45), v = Number((e == null ? void 0 : e.toSeedOffset) ?? (e == null ? void 0 : e.seedOffset) ?? 0), w = !!(e != null && e.hasInitialValue), N = w ? Number((e == null ? void 0 : e.initialXRepetitions) ?? l) : l, F = w ? Number((e == null ? void 0 : e.initialYRepetitions) ?? b) : b, V = w ? Number((e == null ? void 0 : e.initialGapX) ?? y) : y, P = w ? Number((e == null ? void 0 : e.initialGapY) ?? x) : x, Y = w ? Number((e == null ? void 0 : e.initialScale) ?? g) : g, W = w ? Number((e == null ? void 0 : e.initialNoiseScale) ?? M) : M, R = w ? Number((e == null ? void 0 : e.initialNoiseMoveX) ?? S) : S, C = w ? Number((e == null ? void 0 : e.initialNoiseMoveY) ?? $) : $, X = w ? Number((e == null ? void 0 : e.initialFps) ?? k) : k, E = w ? Number((e == null ? void 0 : e.initialThreshold) ?? m) : m, _ = w ? Number((e == null ? void 0 : e.initialSeedOffset) ?? v) : v, z = Math.max(0, o - (n || 0)), U = Math.min(1, Math.max(0, z / (s || 1)));
+  const p = Nt(), o = typeof r == "number" && !isNaN(r) ? r : p, h = i.width || 300, d = i.height || 100, u = (e == null ? void 0 : e.keepStill) || "both", l = Number((e == null ? void 0 : e.toXRepetitions) ?? (e == null ? void 0 : e.xRepetitions) ?? 5), b = Number((e == null ? void 0 : e.toYRepetitions) ?? (e == null ? void 0 : e.yRepetitions) ?? 5), y = Number((e == null ? void 0 : e.toGapX) ?? (e == null ? void 0 : e.gapX) ?? 12), m = Number((e == null ? void 0 : e.toGapY) ?? (e == null ? void 0 : e.gapY) ?? 12), g = Number((e == null ? void 0 : e.toScale) ?? (e == null ? void 0 : e.scale) ?? 1), M = Number((e == null ? void 0 : e.toNoiseScale) ?? (e == null ? void 0 : e.noiseScale) ?? 1.5), S = Number((e == null ? void 0 : e.toNoiseMoveX) ?? (e == null ? void 0 : e.noiseMoveX) ?? 0.6), $ = Number((e == null ? void 0 : e.toNoiseMoveY) ?? (e == null ? void 0 : e.noiseMoveY) ?? 0.4), k = Number((e == null ? void 0 : e.toFps) ?? (e == null ? void 0 : e.fps) ?? 12), x = Number((e == null ? void 0 : e.toThreshold) ?? (e == null ? void 0 : e.threshold) ?? 0.45), v = Number((e == null ? void 0 : e.toSeedOffset) ?? (e == null ? void 0 : e.seedOffset) ?? 0), w = !!(e != null && e.hasInitialValue), N = w ? Number((e == null ? void 0 : e.initialXRepetitions) ?? l) : l, R = w ? Number((e == null ? void 0 : e.initialYRepetitions) ?? b) : b, V = w ? Number((e == null ? void 0 : e.initialGapX) ?? y) : y, P = w ? Number((e == null ? void 0 : e.initialGapY) ?? m) : m, Y = w ? Number((e == null ? void 0 : e.initialScale) ?? g) : g, W = w ? Number((e == null ? void 0 : e.initialNoiseScale) ?? M) : M, F = w ? Number((e == null ? void 0 : e.initialNoiseMoveX) ?? S) : S, C = w ? Number((e == null ? void 0 : e.initialNoiseMoveY) ?? $) : $, X = w ? Number((e == null ? void 0 : e.initialFps) ?? k) : k, E = w ? Number((e == null ? void 0 : e.initialThreshold) ?? x) : x, _ = w ? Number((e == null ? void 0 : e.initialSeedOffset) ?? v) : v, z = Math.max(0, o - (n || 0)), U = Math.min(1, Math.max(0, z / (s || 1)));
   let D = c + (a - c) * U;
   u === "initial" ? D = 0 : u === "final" && (D = 1);
-  const H = Math.max(1, Math.round(O(D, [0, 1], [N, l]))), Z = Math.max(1, Math.round(O(D, [0, 1], [F, b]))), j = O(D, [0, 1], [V, y]), ht = O(D, [0, 1], [P, x]), Q = O(D, [0, 1], [Y, g]), T = O(D, [0, 1], [W, M]), ot = O(D, [0, 1], [R, S]), vt = O(D, [0, 1], [C, $]), nt = Math.max(1, Math.round(O(D, [0, 1], [X, k]))), ut = O(D, [0, 1], [E, m]), it = O(D, [0, 1], [_, v]), mt = tr(i), pt = Math.floor(z * (nt / 30)), tt = (H - 1) / 2, st = (Z - 1) / 2, et = [];
+  const H = Math.max(1, Math.round(O(D, [0, 1], [N, l]))), Z = Math.max(1, Math.round(O(D, [0, 1], [R, b]))), j = O(D, [0, 1], [V, y]), pt = O(D, [0, 1], [P, m]), Q = O(D, [0, 1], [Y, g]), T = O(D, [0, 1], [W, M]), ot = O(D, [0, 1], [F, S]), vt = O(D, [0, 1], [C, $]), nt = Math.max(1, Math.round(O(D, [0, 1], [X, k]))), ut = O(D, [0, 1], [E, x]), it = O(D, [0, 1], [_, v]), mt = tr(i), ht = Math.floor(z * (nt / 30)), tt = (H - 1) / 2, st = (Z - 1) / 2, et = [];
   for (let ct = 0; ct < Z; ct++)
     for (let dt = 0; dt < H; dt++) {
-      const ft = dt / Math.max(1, H) * T, bt = ct / Math.max(1, Z) * T, $t = pt * 0.1 + it, lt = Sn(
-        ft + pt * ot * 0.05,
-        bt + pt * vt * 0.05,
+      const ft = dt / Math.max(1, H) * T, bt = ct / Math.max(1, Z) * T, $t = ht * 0.1 + it, lt = Sn(
+        ft + ht * ot * 0.05,
+        bt + ht * vt * 0.05,
         $t,
         it
-      ), Rt = dt === Math.floor(tt) && ct === Math.floor(st) || lt >= ut, Yt = dt - tt, Xt = ct - st, Et = j / 100 * p, Gt = ht / 100 * d, _t = Yt * (p * Q + Et), Wt = Xt * (d * Q + Gt);
+      ), Ft = dt === Math.floor(tt) && ct === Math.floor(st) || lt >= ut, Yt = dt - tt, Xt = ct - st, Pt = j / 100 * h, Gt = pt / 100 * d, Et = Yt * (h * Q + Pt), _t = Xt * (d * Q + Gt);
       et.push({
         col: dt,
         row: ct,
-        visible: Rt,
-        posX: _t,
-        posY: Wt
+        visible: Ft,
+        posX: Et,
+        posY: _t
       });
     }
   return /* @__PURE__ */ f(
@@ -4118,11 +4129,11 @@ const Oe = ({ text: t, frame: r }) => {
     )
   ), i = yr(() => {
     let e = 0;
-    return r.split(" ").map((h) => {
-      if (e + h.length <= a)
-        return e += h.length + 1, h;
+    return r.split(" ").map((p) => {
+      if (e + p.length <= a)
+        return e += p.length + 1, p;
       if (e < a) {
-        const o = h.slice(0, a - e);
+        const o = p.slice(0, a - e);
         return e = a, o;
       }
       return "";
@@ -4165,20 +4176,20 @@ const Oe = ({ text: t, frame: r }) => {
   fps: c,
   durationInFrames: a
 }) => {
-  const i = (b, y, x) => {
+  const i = (b, y, m) => {
     const M = document.createElement("canvas").getContext("2d");
     if (!M) return [];
-    M.font = `${x}px ${n.fontFamily || "Arial, sans-serif"}`;
+    M.font = `${m}px ${n.fontFamily || "Arial, sans-serif"}`;
     const S = b.split(" ");
     let $ = [], k = "";
-    return S.forEach((m) => {
-      const v = k ? `${k} ${m}` : m;
-      M.measureText(v).width > y ? ($.push(k), k = m) : k = v;
+    return S.forEach((x) => {
+      const v = k ? `${k} ${x}` : x;
+      M.measureText(v).width > y ? ($.push(k), k = x) : k = v;
     }), k && $.push(k), $;
-  }, e = (a - s) / c, h = n.width || 300, o = i(t, h, n.fontSize), p = s / c, d = 0.5, u = p / o.length, l = o.map((b, y) => {
-    const x = e + y * u * (1 - d) * 1.5, g = x + u, M = x * c, S = Math.min(
+  }, e = (a - s) / c, p = n.width || 300, o = i(t, p, n.fontSize), h = s / c, d = 0.5, u = h / o.length, l = o.map((b, y) => {
+    const m = e + y * u * (1 - d) * 1.5, g = m + u, M = m * c, S = Math.min(
       g * c,
-      (e + p) * c
+      (e + h) * c
     ), $ = O(r, [M, S], [0, 1], {
       easing: I.in(I.cubic),
       extrapolateLeft: "clamp",
@@ -4199,7 +4210,7 @@ const Oe = ({ text: t, frame: r }) => {
         flexDirection: "column",
         alignItems: "center",
         overflow: "hidden",
-        width: `${h}px`
+        width: `${p}px`
       },
       children: l.map((b, y) => /* @__PURE__ */ f(
         "div",
@@ -4233,13 +4244,13 @@ const Oe = ({ text: t, frame: r }) => {
   durationInFrames: c,
   fps: a
 }) => {
-  const i = c - n, h = O(r, [i, i + n], [0, 1], {
+  const i = c - n, p = O(r, [i, i + n], [0, 1], {
     extrapolateRight: "clamp"
-  }), o = s.width, p = s.height, d = O(
-    Math.round(h * 100),
+  }), o = s.width, h = s.height, d = O(
+    Math.round(p * 100),
     [0, 100 - a / 10],
     [o, 0]
-  ), u = O(h, [0, 1], [0, o * 2]);
+  ), u = O(p, [0, 1], [0, o * 2]);
   return /* @__PURE__ */ f(
     "div",
     {
@@ -4257,7 +4268,7 @@ const Oe = ({ text: t, frame: r }) => {
         {
           style: {
             width: d,
-            height: p,
+            height: h,
             overflow: "hidden",
             display: "flex",
             position: "relative",
@@ -4296,8 +4307,8 @@ const Oe = ({ text: t, frame: r }) => {
   dropTextAnimationIn: Me,
   descompressTextAnimationIn: we
 }, Te = {
-  animatedTextOut: pe,
-  sunnyMorningsTextAnimationOut: he,
+  animatedTextOut: he,
+  sunnyMorningsTextAnimationOut: pe,
   dominoDreamsTextAnimationOut: fe,
   beautifulQuestionsTextAnimationOut: ye,
   madeWithLoveTextAnimationOut: ve,
@@ -4310,8 +4321,8 @@ const Oe = ({ text: t, frame: r }) => {
   dragonFlyTextAnimationLoop: $e,
   billboardTextAnimationLoop: Se,
   heartbeatTextAnimationLoop: Ne,
-  waveTextAnimationLoop: Fe,
-  shakyLettersTextAnimationLoop: Re,
+  waveTextAnimationLoop: Re,
+  shakyLettersTextAnimationLoop: Fe,
   pulseTextAnimationLoop: Ye
 }, De = ({
   text: t,
@@ -4322,23 +4333,23 @@ const Oe = ({ text: t, frame: r }) => {
   textAnimationModeIn: a = "letter",
   textAnimationModeOut: i = "letter",
   textAnimationModeLoop: e = "letter",
-  textAnimationModeTimed: h = "all",
+  textAnimationModeTimed: p = "all",
   basicCharAnimationsIn: o,
-  basicCharAnimationsOut: p,
+  basicCharAnimationsOut: h,
   basicCharAnimationsLoop: d,
   basicCharAnimationsTimed: u,
   loopComposition: l,
   details: b,
   frame: y,
-  animationTextInFrames: x,
+  animationTextInFrames: m,
   animationTextOutFrames: g,
   animationTextLoopFrames: M,
   animationTextTimedFrames: S = 0,
   durationInFrames: $,
   animationFonts: k
 }) => {
-  var A, Rt, Yt, Xt, Et, Gt, _t, Wt, Ut, Zt, Qt, Kt, Jt, nr;
-  const m = x, v = $ - g, w = n ? m >= y : !1, N = s ? y >= v : !1, F = o && o.length > 0, V = p && p.length > 0, P = d && d.length > 0, Y = u && u.length > 0, W = ((A = o == null ? void 0 : o[0]) == null ? void 0 : A.durationInFrames) || x, R = ((Rt = o == null ? void 0 : o[0]) == null ? void 0 : Rt.delay) || 0, C = W + R, X = ((Yt = p == null ? void 0 : p[0]) == null ? void 0 : Yt.durationInFrames) || g, E = ((Xt = p == null ? void 0 : p[0]) == null ? void 0 : Xt.delay) || 0, _ = X + E, z = Math.max(0, $ - _), U = ((Et = u == null ? void 0 : u[0]) == null ? void 0 : Et.delay) || 0, L = U, D = U + (((Gt = u == null ? void 0 : u[0]) == null ? void 0 : Gt.durationInFrames) || S), H = F && !n && (P ? y < C : y < z), Z = V && !s && y >= z, j = Y && !H && !Z && y >= L && y <= D, ht = P && !c && !H && !Z && !j, T = ((q, K, B, rt, yt, G) => {
+  var A, Ft, Yt, Xt, Pt, Gt, Et, _t, Ut, Zt, Qt, Kt, Jt, nr;
+  const x = m, v = $ - g, w = n ? x >= y : !1, N = s ? y >= v : !1, R = o && o.length > 0, V = h && h.length > 0, P = d && d.length > 0, Y = u && u.length > 0, W = ((A = o == null ? void 0 : o[0]) == null ? void 0 : A.durationInFrames) || m, F = ((Ft = o == null ? void 0 : o[0]) == null ? void 0 : Ft.delay) || 0, C = W + F, X = ((Yt = h == null ? void 0 : h[0]) == null ? void 0 : Yt.durationInFrames) || g, E = ((Xt = h == null ? void 0 : h[0]) == null ? void 0 : Xt.delay) || 0, _ = X + E, z = Math.max(0, $ - _), U = ((Pt = u == null ? void 0 : u[0]) == null ? void 0 : Pt.delay) || 0, L = U, D = U + (((Gt = u == null ? void 0 : u[0]) == null ? void 0 : Gt.durationInFrames) || S), H = R && !n && (P ? y < C : y < z), Z = V && !s && y >= z, j = Y && !H && !Z && y >= L && y <= D, pt = P && !c && !H && !Z && !j, T = ((q, K, B, rt, yt, G) => {
     const at = document.createElement("canvas").getContext("2d");
     if (!at) return [];
     at.font = `${G} ${yt} ${B}px ${rt}`;
@@ -4371,7 +4382,7 @@ const Oe = ({ text: t, frame: r }) => {
       Xe,
       {
         frame: y,
-        durationInFrames: x,
+        durationInFrames: m,
         text: t,
         style: b
       }
@@ -4383,7 +4394,7 @@ const Oe = ({ text: t, frame: r }) => {
         text: t,
         frame: y,
         details: b,
-        animationTextInFrames: x
+        animationTextInFrames: m
       }
     );
   if (n === "soundWaveTextAnimationIn" && w)
@@ -4392,7 +4403,7 @@ const Oe = ({ text: t, frame: r }) => {
       {
         text: t,
         frame: y,
-        animationTextInFrames: x,
+        animationTextInFrames: m,
         details: b
       }
     );
@@ -4402,7 +4413,7 @@ const Oe = ({ text: t, frame: r }) => {
       {
         text: t,
         frame: y,
-        animationTextInFrames: x,
+        animationTextInFrames: m,
         details: b
       }
     );
@@ -4413,7 +4424,7 @@ const Oe = ({ text: t, frame: r }) => {
         text: t,
         frame: y,
         details: b,
-        animationTextInFrames: x,
+        animationTextInFrames: m,
         fps: r
       }
     );
@@ -4619,7 +4630,7 @@ const Oe = ({ text: t, frame: r }) => {
   ), vt = T.reduce(
     (q, K) => q + (K.trim() === "" ? 0 : K.split(/\s+/).length),
     0
-  ), nt = T.length, ut = Je[n], it = Te[s], mt = qe[c], pt = ((_t = o == null ? void 0 : o[0]) == null ? void 0 : _t.textAnimationMode) || ((Wt = p == null ? void 0 : p[0]) == null ? void 0 : Wt.textAnimationMode) || ((Ut = d == null ? void 0 : d[0]) == null ? void 0 : Ut.textAnimationMode) || ((Zt = u == null ? void 0 : u[0]) == null ? void 0 : Zt.textAnimationMode) || (n ? a : void 0) || (s ? i : void 0) || (c ? e : void 0) || a || e || "letter", tt = w ? a : N ? i : H ? o[0].textAnimationMode || pt : Z ? p[0].textAnimationMode || pt : j ? u[0].textAnimationMode || pt : ht && d[0].textAnimationMode || pt, st = H ? o : Z ? p : j ? u : ht ? d : [], et = (q, K, B, rt) => {
+  ), nt = T.length, ut = Je[n], it = Te[s], mt = qe[c], ht = ((Et = o == null ? void 0 : o[0]) == null ? void 0 : Et.textAnimationMode) || ((_t = h == null ? void 0 : h[0]) == null ? void 0 : _t.textAnimationMode) || ((Ut = d == null ? void 0 : d[0]) == null ? void 0 : Ut.textAnimationMode) || ((Zt = u == null ? void 0 : u[0]) == null ? void 0 : Zt.textAnimationMode) || (n ? a : void 0) || (s ? i : void 0) || (c ? e : void 0) || a || e || "letter", tt = w ? a : N ? i : H ? o[0].textAnimationMode || ht : Z ? h[0].textAnimationMode || ht : j ? u[0].textAnimationMode || ht : pt && d[0].textAnimationMode || ht, st = H ? o : Z ? h : j ? u : pt ? d : [], et = (q, K, B, rt) => {
     var yt, G, J;
     if (w && ut)
       return /* @__PURE__ */ f(
@@ -4630,7 +4641,7 @@ const Oe = ({ text: t, frame: r }) => {
           frame: y,
           textLength: B,
           fps: r,
-          animationTextInFrames: x,
+          animationTextInFrames: m,
           details: b
         },
         rt
@@ -4690,7 +4701,7 @@ const Oe = ({ text: t, frame: r }) => {
     return /* @__PURE__ */ f("span", { children: q === "" ? " " : q }, rt);
   };
   let dt = (b == null ? void 0 : b.textAlign) === "right";
-  const ft = o && o.length > 0 ? o[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 : (Qt = o == null ? void 0 : o[0]) != null && Qt.order ? o[0] : (Kt = p == null ? void 0 : p[0]) != null && Kt.order ? p[0] : (Jt = u == null ? void 0 : u[0]) != null && Jt.order ? u[0] : (nr = d == null ? void 0 : d[0]) != null && nr.order ? d[0] : null;
+  const ft = o && o.length > 0 ? o[0] : h && h.length > 0 ? h[0] : u && u.length > 0 ? u[0] : d && d.length > 0 ? d[0] : null, bt = ft != null && ft.order ? ft : (Qt = o == null ? void 0 : o[0]) != null && Qt.order ? o[0] : (Kt = h == null ? void 0 : h[0]) != null && Kt.order ? h[0] : (Jt = u == null ? void 0 : u[0]) != null && Jt.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") {
@@ -4764,25 +4775,25 @@ const Oe = ({ text: t, frame: r }) => {
   onBlur: a,
   fps: i,
   frame: e,
-  textAnimationNameIn: h,
+  textAnimationNameIn: p,
   textAnimationNameOut: o,
-  textAnimationNameLoop: p,
+  textAnimationNameLoop: h,
   textAnimationModeIn: d,
   textAnimationModeOut: u,
   textAnimationModeLoop: l,
   textAnimationModeTimed: b,
   basicCharAnimationsIn: y,
-  basicCharAnimationsOut: x,
+  basicCharAnimationsOut: m,
   basicCharAnimationsLoop: g,
   basicCharAnimationsTimed: M,
   loopComposition: S,
   details: $,
   animationTextInFrames: k,
-  animationTextOutFrames: m,
+  animationTextOutFrames: x,
   animationTextLoopFrames: v,
   animationTextTimedFrames: w,
   durationInFrames: N,
-  animationFonts: F
+  animationFonts: R
 }) => {
   const [V, P] = fr(r), Y = Wr(null);
   sr(() => {
@@ -4803,7 +4814,7 @@ const Oe = ({ text: t, frame: r }) => {
       const X = window.getSelection(), E = document.createRange();
       E.selectNodeContents(Y.current), E.collapse(!1), X == null || X.removeAllRanges(), X == null || X.addRange(E);
     }
-  }, R = (X) => {
+  }, F = (X) => {
     var z;
     X.stopPropagation();
     const E = window.getSelection(), _ = Y.current;
@@ -4825,14 +4836,14 @@ const Oe = ({ text: t, frame: r }) => {
       "data-text-id": t,
       ref: Y,
       contentEditable: n,
-      onClick: R,
+      onClick: F,
       onInput: (X) => {
         const E = X.target, _ = C(E);
         c(t, _);
       },
       onBlur: (X) => a(t, X.target.innerText),
       style: {
-        height: n ? "max-content" : p === "textGridMarqueeTextAnimationLoop" || p === "textGridMarquee" ? $ != null && $.height ? `${$.height}px` : "100%" : "max-content",
+        height: n ? "max-content" : h === "textGridMarqueeTextAnimationLoop" || h === "textGridMarquee" ? $ != null && $.height ? `${$.height}px` : "100%" : "max-content",
         boxShadow: "none",
         outline: "none",
         ...s,
@@ -4847,15 +4858,15 @@ const Oe = ({ text: t, frame: r }) => {
 `) ? `${r}​` : r : /* @__PURE__ */ f(
         De,
         {
-          textAnimationNameIn: h,
+          textAnimationNameIn: p,
           textAnimationNameOut: o,
-          textAnimationNameLoop: p,
+          textAnimationNameLoop: h,
           textAnimationModeIn: d,
           textAnimationModeOut: u,
           textAnimationModeLoop: l,
           textAnimationModeTimed: b,
           basicCharAnimationsIn: y,
-          basicCharAnimationsOut: x,
+          basicCharAnimationsOut: m,
           basicCharAnimationsLoop: g,
           basicCharAnimationsTimed: M,
           loopComposition: S,
@@ -4864,11 +4875,11 @@ const Oe = ({ text: t, frame: r }) => {
           details: $,
           frame: e,
           animationTextInFrames: k,
-          animationTextOutFrames: m,
+          animationTextOutFrames: x,
           animationTextLoopFrames: v,
           animationTextTimedFrames: w,
           durationInFrames: N,
-          animationFonts: F
+          animationFonts: R
         }
       )
     }
@@ -4922,7 +4933,7 @@ function Pr(t, r, n) {
     (a || !(s in r)) && (a || (a = Array.prototype.slice.call(r, 0, s)), a[s] = r[s]);
   return t.concat(a || Array.prototype.slice.call(r));
 }
-function Ot(t) {
+function Ct(t) {
   return typeof t == "function";
 }
 function Xn(t) {
@@ -4958,25 +4969,25 @@ var mr = function() {
       if (i)
         if (this._parentage = null, Array.isArray(i))
           try {
-            for (var e = Xr(i), h = e.next(); !h.done; h = e.next()) {
-              var o = h.value;
+            for (var e = Xr(i), p = e.next(); !p.done; p = e.next()) {
+              var o = p.value;
               o.remove(this);
             }
           } catch (y) {
             r = { error: y };
           } finally {
             try {
-              h && !h.done && (n = e.return) && n.call(e);
+              p && !p.done && (n = e.return) && n.call(e);
             } finally {
               if (r) throw r.error;
             }
           }
         else
           i.remove(this);
-      var p = this.initialTeardown;
-      if (Ot(p))
+      var h = this.initialTeardown;
+      if (Ct(h))
         try {
-          p();
+          h();
         } catch (y) {
           a = y instanceof Ir ? y.errors : [y];
         }
@@ -5036,10 +5047,10 @@ var mr = function() {
   }(), t;
 }(), Bn = mr.EMPTY;
 function Pn(t) {
-  return t instanceof mr || t && "closed" in t && Ot(t.remove) && Ot(t.add) && Ot(t.unsubscribe);
+  return t instanceof mr || t && "closed" in t && Ct(t.remove) && Ct(t.add) && Ct(t.unsubscribe);
 }
 function Tr(t) {
-  Ot(t) ? t() : t.unsubscribe();
+  Ct(t) ? t() : t.unsubscribe();
 }
 var ts = {
   Promise: void 0
@@ -5061,7 +5072,7 @@ function ns(t) {
 }
 function qr() {
 }
-function pr(t) {
+function hr(t) {
   t();
 }
 var zr = function(t) {
@@ -5130,7 +5141,7 @@ var zr = function(t) {
   cr(r, t);
   function r(n, s, c) {
     var a = t.call(this) || this, i;
-    return Ot(n) || !n ? i = {
+    return Ct(n) || !n ? i = {
       next: n ?? void 0,
       error: s ?? void 0,
       complete: c ?? void 0
@@ -5171,9 +5182,9 @@ var Dr = function() {
     return n.source = this, n.operator = r, n;
   }, t.prototype.subscribe = function(r, n, s) {
     var c = this, a = us(r) ? r : new _r(r, n, s);
-    return pr(function() {
-      var i = c, e = i.operator, h = i.source;
-      a.add(e ? e.call(a, h) : h ? c._subscribe(a) : c._trySubscribe(a));
+    return hr(function() {
+      var i = c, e = i.operator, p = i.source;
+      a.add(e ? e.call(a, p) : p ? c._subscribe(a) : c._trySubscribe(a));
     }), a;
   }, t.prototype._trySubscribe = function(r) {
     try {
@@ -5188,8 +5199,8 @@ var Dr = function() {
         next: function(e) {
           try {
             r(e);
-          } catch (h) {
-            a(h), i.unsubscribe();
+          } catch (p) {
+            a(p), i.unsubscribe();
           }
         },
         error: a,
@@ -5227,7 +5238,7 @@ function tn(t) {
   return (r = t ?? ts.Promise) !== null && r !== void 0 ? r : Promise;
 }
 function ds(t) {
-  return t && Ot(t.next) && Ot(t.error) && Ot(t.complete);
+  return t && Ct(t.next) && Ct(t.error) && Ct(t.complete);
 }
 function us(t) {
   return t && t instanceof zr || ds(t) && Pn(t);
@@ -5235,22 +5246,22 @@ function us(t) {
 (function(t) {
   cr(r, t);
   function r(n, s, c, a, i, e) {
-    var h = t.call(this, n) || this;
-    return h.onFinalize = i, h.shouldUnsubscribe = e, h._next = s ? function(o) {
+    var p = t.call(this, n) || this;
+    return p.onFinalize = i, p.shouldUnsubscribe = e, p._next = s ? function(o) {
       try {
         s(o);
-      } catch (p) {
-        n.error(p);
+      } catch (h) {
+        n.error(h);
       }
-    } : t.prototype._next, h._error = a ? function(o) {
+    } : t.prototype._next, p._error = a ? function(o) {
       try {
         a(o);
-      } catch (p) {
-        n.error(p);
+      } catch (h) {
+        n.error(h);
       } finally {
         this.unsubscribe();
       }
-    } : t.prototype._error, h._complete = c ? function() {
+    } : t.prototype._error, p._complete = c ? function() {
       try {
         c();
       } catch (o) {
@@ -5258,7 +5269,7 @@ function us(t) {
       } finally {
         this.unsubscribe();
       }
-    } : t.prototype._complete, h;
+    } : t.prototype._complete, p;
   }
   return r.prototype.unsubscribe = function() {
     var n;
@@ -5286,14 +5297,14 @@ var ls = Xn(function(t) {
       throw new ls();
   }, r.prototype.next = function(n) {
     var s = this;
-    pr(function() {
+    hr(function() {
       var c, a;
       if (s._throwIfClosed(), !s.isStopped) {
         s.currentObservers || (s.currentObservers = Array.from(s.observers));
         try {
           for (var i = Xr(s.currentObservers), e = i.next(); !e.done; e = i.next()) {
-            var h = e.value;
-            h.next(n);
+            var p = e.value;
+            p.next(n);
           }
         } catch (o) {
           c = { error: o };
@@ -5308,7 +5319,7 @@ var ls = Xn(function(t) {
     });
   }, r.prototype.error = function(n) {
     var s = this;
-    pr(function() {
+    hr(function() {
       if (s._throwIfClosed(), !s.isStopped) {
         s.hasError = s.isStopped = !0, s.thrownError = n;
         for (var c = s.observers; c.length; )
@@ -5317,7 +5328,7 @@ var ls = Xn(function(t) {
     });
   }, r.prototype.complete = function() {
     var n = this;
-    pr(function() {
+    hr(function() {
       if (n._throwIfClosed(), !n.isStopped) {
         n.isStopped = !0;
         for (var s = n.observers; s.length; )
@@ -5372,20 +5383,20 @@ var ls = Xn(function(t) {
   }, r;
 }(En);
 let kr = null;
-function ps() {
+function hs() {
   if (!kr) {
     const t = new En();
     kr = { subject: t, dispatch: (r, n) => t.next({ key: r, value: n }) };
   }
   return kr;
 }
-const { subject: ia, dispatch: hs } = ps();
+const { subject: ia, dispatch: ps } = hs();
 function _n({
   item: t,
   options: r
 }) {
-  var et, ct, dt, ft, bt, $t, lt, A, Rt, Yt, Xt, Et, Gt, _t, Wt, Ut, Zt, Qt, Kt, Jt, nr, q, K, B, rt, yt;
-  const { handleTextChange: n, onTextBlur: s, fps: c, editableTextId: a, frame: i } = r, { id: e, details: h, animations: o } = t, { durationInFrames: p } = wt(t.display, c), d = [
+  var et, ct, dt, ft, bt, $t, lt, A, Ft, Yt, Xt, Pt, Gt, Et, _t, Ut, Zt, Qt, Kt, Jt, nr, q, K, B, rt, yt;
+  const { handleTextChange: n, onTextBlur: s, fps: c, editableTextId: a, frame: i } = r, { id: e, details: p, animations: o } = t, { durationInFrames: h } = wt(t.display, c), d = [
     "opacity",
     "scale",
     "translateX",
@@ -5420,7 +5431,7 @@ function _n({
     (G) => d.some((J) => G.property === J) && G.textAnimationMode && G.textAnimationMode !== "all"
   ), y = (((ft = o == null ? void 0 : o.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)), M = new Set(
+  ), m = new Set(u.map((G) => G.id)), g = new Set(l.map((G) => G.id)), M = new Set(
     b.map((G) => G.id)
   ), S = new Set(
     y.map((G) => G.id)
@@ -5429,7 +5440,7 @@ function _n({
     in: o != null && o.in ? {
       ...o.in,
       composition: o.in.composition.filter(
-        (G) => !x.has(G.id)
+        (G) => !m.has(G.id)
       )
     } : void 0,
     out: o != null && o.out ? {
@@ -5450,7 +5461,7 @@ function _n({
         (G) => !S.has(G.id)
       )
     } : void 0
-  }, { animationIn: k, animationOut: m, animationTimed: v } = Ft(
+  }, { animationIn: k, animationOut: x, animationTimed: v } = Rt(
     $,
     t,
     i,
@@ -5460,9 +5471,9 @@ function _n({
     (G) => !d.some((J) => G.property === J)
   ), N = ($t = o == null ? void 0 : o.out) == null ? void 0 : $t.composition.find(
     (G) => !d.some((J) => G.property === J)
-  ), F = (lt = o == null ? void 0 : o.loop) == null ? void 0 : lt.composition.find(
+  ), R = (lt = o == null ? void 0 : o.loop) == null ? void 0 : lt.composition.find(
     (G) => !d.some((J) => G.property === J)
-  ), V = (w == null ? void 0 : w.property) || "", P = (N == null ? void 0 : N.property) || "", Y = (F == null ? void 0 : F.property) || "", W = (w == null ? void 0 : w.textAnimationMode) || ((A = u[0]) == null ? void 0 : A.textAnimationMode) || (w ? "letter" : "all"), R = (N == null ? void 0 : N.textAnimationMode) || ((Rt = l[0]) == null ? void 0 : Rt.textAnimationMode) || (N ? "letter" : "all"), C = (F == null ? void 0 : F.textAnimationMode) || ((Yt = b[0]) == null ? void 0 : Yt.textAnimationMode) || (F ? "letter" : "all"), X = ((Xt = y[0]) == null ? void 0 : Xt.textAnimationMode) || "all", E = (w == null ? void 0 : w.durationInFrames) || ((Gt = (Et = o == null ? void 0 : o.in) == null ? void 0 : Et.composition[0]) == null ? void 0 : Gt.durationInFrames) || 0, _ = (N == null ? void 0 : N.durationInFrames) || ((Wt = (_t = o == null ? void 0 : o.out) == null ? void 0 : _t.composition[0]) == null ? void 0 : Wt.durationInFrames) || 0, z = (F == null ? void 0 : F.durationInFrames) || ((Zt = (Ut = o == null ? void 0 : o.loop) == null ? void 0 : Ut.composition[0]) == null ? void 0 : Zt.durationInFrames) || 0, U = ((Qt = y[0]) == null ? void 0 : Qt.durationInFrames) || 0, L = [];
+  ), V = (w == null ? void 0 : w.property) || "", P = (N == null ? void 0 : N.property) || "", Y = (R == null ? void 0 : R.property) || "", W = (w == null ? void 0 : w.textAnimationMode) || ((A = u[0]) == null ? void 0 : A.textAnimationMode) || (w ? "letter" : "all"), F = (N == null ? void 0 : N.textAnimationMode) || ((Ft = l[0]) == null ? void 0 : Ft.textAnimationMode) || (N ? "letter" : "all"), C = (R == null ? void 0 : R.textAnimationMode) || ((Yt = b[0]) == null ? void 0 : Yt.textAnimationMode) || (R ? "letter" : "all"), X = ((Xt = y[0]) == null ? void 0 : Xt.textAnimationMode) || "all", E = (w == null ? void 0 : w.durationInFrames) || ((Gt = (Pt = o == null ? void 0 : o.in) == null ? void 0 : Pt.composition[0]) == null ? void 0 : Gt.durationInFrames) || 0, _ = (N == null ? void 0 : N.durationInFrames) || ((_t = (Et = o == null ? void 0 : o.out) == null ? void 0 : Et.composition[0]) == null ? void 0 : _t.durationInFrames) || 0, z = (R == null ? void 0 : R.durationInFrames) || ((Zt = (Ut = o == null ? void 0 : o.loop) == null ? void 0 : Ut.composition[0]) == null ? void 0 : Zt.durationInFrames) || 0, U = ((Qt = y[0]) == null ? void 0 : Qt.durationInFrames) || 0, L = [];
   o != null && o.loop && o.loop.composition.forEach((G) => {
     var J;
     (J = G.details) != null && J.fonts && L.push(...G.details.fonts);
@@ -5473,7 +5484,7 @@ function _n({
     var J;
     (J = G.details) != null && J.fonts && L.push(...G.details.fonts);
   });
-  let D = h.text;
+  let D = p.text;
   if ((Jt = (Kt = t.animations) == null ? void 0 : Kt.timed) != null && Jt.composition) {
     const G = (r.frame || 0) - t.display.from * c / 1e3;
     if (G >= 0) {
@@ -5484,18 +5495,18 @@ function _n({
       });
     }
   }
-  const H = (i || 0) - t.display.from * c / 1e3, Z = h || {}, { top: j, left: ht, transform: Q, position: T, boxShadow: ot, ...vt } = Z, nt = (G) => {
-    G.stopPropagation(), G.preventDefault(), hs(po, {
+  const H = (i || 0) - t.display.from * c / 1e3, Z = p || {}, { top: j, left: pt, transform: Q, position: T, boxShadow: ot, ...vt } = Z, nt = (G) => {
+    G.stopPropagation(), G.preventDefault(), ps(ho, {
       payload: {
         id: e
       }
     });
   }, ut = Gr(
-    h.effects,
+    p.effects,
     t.animations,
     H,
-    p
-  ), it = Or(ut), mt = 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 = {
+    h
+  ), it = Or(ut), mt = typeof p.width == "number" ? p.width : parseInt(String(p.width || 300), 10) || 300, ht = typeof p.height == "number" ? p.height : parseInt(String(p.height || 100), 10) || 100, tt = {
     key: e,
     id: e,
     fps: c,
@@ -5507,7 +5518,7 @@ function _n({
     textAnimationNameOut: P,
     textAnimationNameLoop: Y,
     textAnimationModeIn: W,
-    textAnimationModeOut: R,
+    textAnimationModeOut: F,
     textAnimationModeLoop: C,
     textAnimationModeTimed: X,
     basicCharAnimationsIn: u,
@@ -5517,37 +5528,37 @@ function _n({
     loopComposition: (q = o == null ? void 0 : o.loop) == null ? void 0 : q.composition,
     onBlur: s,
     onDoubleClick: nt,
-    style: tr(h),
-    details: h,
+    style: tr(p),
+    details: p,
     animationTextInFrames: E,
     animationTextOutFrames: _,
     animationTextLoopFrames: z,
     animationTextTimedFrames: U,
-    durationInFrames: p,
+    durationInFrames: h,
     animationFonts: L
   }, st = /* @__PURE__ */ f(
     Lt,
     {
       animationIn: a === e ? null : k,
-      animationOut: a === e ? null : m,
+      animationOut: a === e ? null : x,
       basicCharAnimationsIn: u,
       basicCharAnimationsOut: l,
       frame: H,
-      durationInFrames: p,
+      durationInFrames: h,
       style: {
-        transform: h.transform,
-        rotate: h == null ? void 0 : h.rotate,
+        transform: p.transform,
+        rotate: p == null ? void 0 : p.rotate,
         display: "flex"
       },
       children: /* @__PURE__ */ f(
         Ht,
         {
           animationTimed: a === e ? null : v,
-          durationInFrames: p,
+          durationInFrames: h,
           frame: H,
           style: {
-            transform: h.transform,
-            rotate: h == null ? void 0 : h.rotate,
+            transform: p.transform,
+            rotate: p == null ? void 0 : p.rotate,
             display: "flex"
           },
           children: /* @__PURE__ */ f(
@@ -5560,16 +5571,16 @@ function _n({
                 ...((rt = o == null ? void 0 : o.timed) == null ? void 0 : rt.composition) || [],
                 ...((yt = o == null ? void 0 : o.loop) == null ? void 0 : yt.composition) || [],
                 ...k || [],
-                ...m || [],
+                ...x || [],
                 ...v || []
               ],
               frame: H,
-              durationInFrames: p,
+              durationInFrames: h,
               children: it ? /* @__PURE__ */ f(
                 Vr,
                 {
                   width: mt,
-                  height: pt,
+                  height: ht,
                   effects: it,
                   children: /* @__PURE__ */ f(Jr, { ...tt })
                 }
@@ -5586,8 +5597,8 @@ const Wn = ({
   item: t,
   options: r
 }) => {
-  var nt, ut, it, mt, pt, tt, st, et, ct, dt, ft, bt, $t, lt;
-  const { fps: n, frame: s, isTransition: c } = r, { details: a, animations: i } = t, e = t.playbackRate || 1, { animationIn: h, animationOut: o, animationTimed: p } = Ft(
+  var nt, ut, it, mt, ht, tt, st, et, ct, dt, ft, bt, $t, lt;
+  const { fps: n, frame: s, isTransition: c } = r, { details: a, animations: i } = t, e = t.playbackRate || 1, { animationIn: p, animationOut: o, animationTimed: h } = Rt(
     i,
     t,
     s,
@@ -5598,24 +5609,24 @@ const Wn = ({
     y: 0,
     width: a.width,
     height: a.height
-  }, u = a.borderWidth || 0, l = a.width || d.width || 300, b = a.height || d.height || 300, y = (d.x || 0) + u, x = (d.y || 0) + u, g = l - (d.x || 0) - (d.width || l) + u, M = b - (d.y || 0) - (d.height || b) + u, S = Math.min(
+  }, u = a.borderWidth || 0, l = a.width || d.width || 300, b = a.height || d.height || 300, y = (d.x || 0) + u, m = (d.y || 0) + u, g = l - (d.x || 0) - (d.width || l) + u, M = b - (d.y || 0) - (d.height || b) + u, S = Math.min(
     d.width || l,
     d.height || b
   ) * ((a.borderRadius || 0) / 100), $ = Math.max(0, S - u), k = `inset(
-    ${x}px
+    ${m}px
     ${g}px
     ${M}px
     ${y}px round ${$}px
-  )`, { durationInFrames: m } = wt(t.display, n), v = (s || 0) - t.display.from * n / 1e3, w = Pt(a, d, {}), { WebkitTextStroke: N } = w, F = fn(a, d), V = Gr(
+  )`, { durationInFrames: x } = wt(t.display, n), v = (s || 0) - t.display.from * n / 1e3, w = Ot(a, d, {}), { WebkitTextStroke: N } = w, R = fn(a, d), V = Gr(
     a.effects,
     i,
     v,
-    m
-  ), P = Or(V), { filter: Y, overlays: W } = Mn(V), R = (ut = (nt = i == null ? void 0 : i.loop) == null ? void 0 : nt.composition) == null ? void 0 : ut.find(
+    x
+  ), P = Or(V), { filter: Y, overlays: W } = Mn(V), F = (ut = (nt = i == null ? void 0 : i.loop) == null ? void 0 : nt.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"
-  ), C = !!(R && v >= (R.delay || 0) && v <= (R.delay || 0) + (R.durationInFrames || 60)), X = (mt = (it = i == null ? void 0 : i.loop) == null ? void 0 : it.composition) == null ? void 0 : mt.find(
+  ), C = !!(F && v >= (F.delay || 0) && v <= (F.delay || 0) + (F.durationInFrames || 60)), X = (mt = (it = i == null ? void 0 : i.loop) == null ? void 0 : it.composition) == null ? void 0 : mt.find(
     (A) => A.property === "inwardEchoes" || A.id === "inwardEchoes"
-  ), E = !!(X && v >= (X.delay || 0) && v <= (X.delay || 0) + (X.durationInFrames || 120)), _ = (tt = (pt = i == null ? void 0 : i.loop) == null ? void 0 : pt.composition) == null ? void 0 : tt.find(
+  ), E = !!(X && v >= (X.delay || 0) && v <= (X.delay || 0) + (X.durationInFrames || 120)), _ = (tt = (ht = i == null ? void 0 : i.loop) == null ? void 0 : ht.composition) == null ? void 0 : tt.find(
     (A) => A.property === "wiggle" || A.id === "wiggle"
   ), z = !!(_ && v >= (_.delay || 0) && v <= (_.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"
@@ -5635,31 +5646,31 @@ const Wn = ({
       volume: (a.volume || 0) / 100,
       pauseWhenBuffering: !0,
       style: {
-        borderRadius: F.borderRadius,
+        borderRadius: R.borderRadius,
         width: "100%",
         height: "100%",
         filter: Y || void 0,
         clipPath: u > 0 || d.x || d.y ? k : void 0
       }
     }
-  ), ht = () => C ? /* @__PURE__ */ f(
+  ), pt = () => C ? /* @__PURE__ */ f(
     mn,
     {
       src: a.src,
       isVideo: !0,
       frame: v,
-      delay: R == null ? void 0 : R.delay,
-      durationInFrames: R == null ? void 0 : R.durationInFrames,
-      from: R == null ? void 0 : R.from,
-      to: R == null ? void 0 : R.to,
+      delay: F == null ? void 0 : F.delay,
+      durationInFrames: F == null ? void 0 : F.durationInFrames,
+      from: F == null ? void 0 : F.from,
+      to: F == null ? void 0 : F.to,
       width: a.width,
       height: a.height,
-      borderRadius: F.borderRadius,
+      borderRadius: R.borderRadius,
       borderWidth: a.borderWidth,
       borderColor: a.borderColor,
       boxShadow: a.boxShadow,
       fps: n,
-      marqueeDetails: R == null ? void 0 : R.details
+      marqueeDetails: F == null ? void 0 : F.details
     }
   ) : E ? /* @__PURE__ */ f(
     xn,
@@ -5673,7 +5684,7 @@ const Wn = ({
       to: X == null ? void 0 : X.to,
       width: a.width,
       height: a.height,
-      borderRadius: F.borderRadius,
+      borderRadius: R.borderRadius,
       borderWidth: a.borderWidth,
       borderColor: a.borderColor,
       boxShadow: a.boxShadow,
@@ -5692,7 +5703,7 @@ const Wn = ({
       to: _ == null ? void 0 : _.to,
       width: a.width,
       height: a.height,
-      borderRadius: F.borderRadius,
+      borderRadius: R.borderRadius,
       borderWidth: a.borderWidth,
       borderColor: a.borderColor,
       boxShadow: a.boxShadow,
@@ -5709,7 +5720,7 @@ const Wn = ({
       to: U == null ? void 0 : U.to,
       width: H,
       height: Z,
-      borderRadius: F.borderRadius,
+      borderRadius: R.borderRadius,
       boxShadow: a.boxShadow,
       cardFlipDetails: U == null ? void 0 : U.details,
       children: j
@@ -5727,16 +5738,16 @@ const Wn = ({
         boxShadow: void 0,
         WebkitTextStroke: N
       },
-      animationIn: h,
+      animationIn: p,
       animationOut: o,
       frame: v,
-      durationInFrames: m,
+      durationInFrames: x,
       isTransition: c,
       children: /* @__PURE__ */ f(
         Ht,
         {
-          animationTimed: p,
-          durationInFrames: m,
+          animationTimed: h,
+          durationInFrames: x,
           frame: v,
           style: {
             ...w,
@@ -5749,7 +5760,7 @@ const Wn = ({
               item: t,
               keyframeAnimations: D,
               frame: v,
-              durationInFrames: m,
+              durationInFrames: x,
               children: /* @__PURE__ */ gt(
                 "div",
                 {
@@ -5768,7 +5779,7 @@ const Wn = ({
                           left: 0,
                           width: "100%",
                           height: "100%",
-                          borderRadius: F.borderRadius,
+                          borderRadius: R.borderRadius,
                           boxShadow: `${a.boxShadow.x}px ${a.boxShadow.y}px ${a.boxShadow.blur}px ${a.boxShadow.color}`,
                           pointerEvents: "none"
                         }
@@ -5787,16 +5798,16 @@ const Wn = ({
                           height: "100%",
                           position: "relative",
                           overflow: "hidden",
-                          borderRadius: F.borderRadius
+                          borderRadius: R.borderRadius
                         },
                         children: [
                           /* @__PURE__ */ gt(
                             "div",
                             {
                               style: {
-                                ...F,
+                                ...R,
                                 overflow: "visible",
-                                boxShadow: C ? "none" : F.boxShadow
+                                boxShadow: C ? "none" : R.boxShadow
                               },
                               children: [
                                 P ? /* @__PURE__ */ f(
@@ -5805,9 +5816,9 @@ const Wn = ({
                                     width: H,
                                     height: Z,
                                     effects: P,
-                                    children: ht()
+                                    children: pt()
                                   }
-                                ) : ht(),
+                                ) : pt(),
                                 W.map((A) => /* @__PURE__ */ f("div", { style: A.style }, A.id))
                               ]
                             }
@@ -5846,13 +5857,13 @@ function Vn({
     },
     n
   );
-  let h;
+  let p;
   if (c.inverted) {
-    const p = Math.max((s || 0) - i, 0);
-    h = 100 - Math.min(p / e * 100, 100);
+    const h = Math.max((s || 0) - i, 0);
+    p = 100 - Math.min(h / e * 100, 100);
   } else {
-    const p = Math.max((s || 0) - i, 0);
-    h = Math.min(p / e * 100, 100);
+    const h = Math.max((s || 0) - i, 0);
+    p = Math.min(h / e * 100, 100);
   }
   const o = /* @__PURE__ */ gt(kt, { children: [
     /* @__PURE__ */ f(
@@ -5873,7 +5884,7 @@ function Vn({
       {
         style: {
           position: "absolute",
-          width: `${h}%`,
+          width: `${p}%`,
           height: "100%",
           backgroundColor: c.backgroundColors[1] || "rgba(128, 128, 128,1)"
         }
@@ -5898,9 +5909,9 @@ const fs = (t) => {
   minDb: c = -80
 }) => {
   const a = Math.floor(t / r), i = n, e = Math.floor(i.length / a);
-  return Array.from({ length: a }).map((o, p) => {
+  return Array.from({ length: a }).map((o, h) => {
     const d = jr(
-      i[p * e % i.length],
+      i[h * e % i.length],
       { maxDb: s, minDb: c }
     );
     return Math.log(1 + d);
@@ -5914,11 +5925,11 @@ const fs = (t) => {
   roundness: a = 4,
   placement: i = "middle",
   color: e = "white",
-  maxAmplitude: h = 1
+  maxAmplitude: p = 1
 }) => {
-  const o = r, p = n;
-  return !t || t.length === 0 ? null : /* @__PURE__ */ f("div", { style: { width: r, height: n }, children: /* @__PURE__ */ f("svg", { width: o, height: p, viewBox: `0 0 ${o} ${p}`, children: t.map((d, u) => {
-    const l = d * p / h, b = u * (s + c), y = i === "over" ? 0 : i === "under" ? p - l : 0.5 * (p - l);
+  const o = r, h = n;
+  return !t || t.length === 0 ? null : /* @__PURE__ */ f("div", { style: { width: r, height: n }, children: /* @__PURE__ */ f("svg", { width: o, height: h, viewBox: `0 0 ${o} ${h}`, children: t.map((d, u) => {
+    const l = d * h / p, b = u * (s + c), y = i === "over" ? 0 : i === "under" ? h - l : 0.5 * (h - l);
     return /* @__PURE__ */ f(
       "rect",
       {
@@ -5941,32 +5952,32 @@ const fs = (t) => {
   roundness: a = 2,
   color: i = "white",
   placement: e = "middle",
-  maxDb: h,
+  maxDb: p,
   minDb: o
 }) => {
-  const p = Wr(null), d = Nt(), [u, l] = fr({ width: 400, height: 100 });
+  const h = Wr(null), d = Nt(), [u, l] = fr({ width: 400, height: 100 });
   sr(() => {
     l((g) => {
       var M, S;
       return {
-        width: ((M = p.current) == null ? void 0 : M.offsetWidth) ?? g.width,
-        height: ((S = p.current) == null ? void 0 : S.offsetHeight) ?? g.height
+        width: ((M = h.current) == null ? void 0 : M.offsetWidth) ?? g.width,
+        height: ((S = h.current) == null ? void 0 : S.offsetHeight) ?? g.height
       };
     });
   }, [d, l]);
-  const { width: b, height: y } = u, x = Cn({
+  const { width: b, height: y } = u, m = Cn({
     totalWidth: b,
     itemWidth: s + c,
     frequencyData: n,
-    maxDb: h,
+    maxDb: p,
     minDb: o
   });
-  return /* @__PURE__ */ f("div", { ref: p, style: { width: t, height: r }, children: /* @__PURE__ */ f(
+  return /* @__PURE__ */ f("div", { ref: h, style: { width: t, height: r }, children: /* @__PURE__ */ f(
     xs,
     {
       width: b,
       height: y,
-      values: x,
+      values: m,
       lineThickness: s,
       gapSize: c,
       roundness: a,
@@ -5993,7 +6004,7 @@ class Ss {
   }
   async loadAudioData(r, n) {
     try {
-      const s = await ho(r);
+      const s = await po(r);
       this.audioDatas[n] = {
         data: s,
         lastAccessed: Date.now()
@@ -6016,7 +6027,7 @@ class Ss {
       (i) => !n.includes(i)
     ).forEach((i) => this.removeItem(i)), await Promise.all(
       c.map(async (i) => {
-        const e = r.find((h) => h.id === i);
+        const e = r.find((p) => p.id === i);
         e != null && e.details.src && await this.loadAudioData(e.details.src, i);
       })
     ), this.items = r, this.frameCache.clear();
@@ -6040,15 +6051,15 @@ class Ss {
     if (n)
       return n;
     const s = this.items.map((a, i) => {
-      var p;
+      var h;
       const e = this.audioDatas[a.id];
       if (!e) return Array(this.numberOfSamples).fill(0);
-      const h = r - this.items[i].display.from * this.fps / 1e3 + (((p = this.items[i].trim) == null ? void 0 : p.from) || 0) * this.fps / 1e3;
+      const p = r - this.items[i].display.from * this.fps / 1e3 + (((h = this.items[i].trim) == null ? void 0 : h.from) || 0) * this.fps / 1e3;
       if (this.items[i].display.from * this.fps / 1e3 > r || this.items[i].display.to * this.fps / 1e3 < r)
         return Array(this.numberOfSamples).fill(0);
       const o = fo({
         audioData: e.data,
-        frame: h,
+        frame: p,
         fps: this.fps,
         numberOfSamples: this.numberOfSamples
       });
@@ -6102,15 +6113,15 @@ function Gn({
     },
     n
   );
-  let h;
+  let p;
   if (c.inverted) {
     const b = Math.max((s || 0) - i, 0);
-    h = 100 - Math.min(b / e * 100, 100);
+    p = 100 - Math.min(b / e * 100, 100);
   } else {
     const b = Math.max((s || 0) - i, 0);
-    h = Math.min(b / e * 100, 100);
+    p = Math.min(b / e * 100, 100);
   }
-  const o = c.width || 100, p = c.height || 100, u = Math.min(o, p) * c.barThickness / 100, l = /* @__PURE__ */ f(kt, { children: /* @__PURE__ */ f(
+  const o = c.width || 100, h = c.height || 100, u = Math.min(o, h) * c.barThickness / 100, l = /* @__PURE__ */ f(kt, { children: /* @__PURE__ */ f(
     "div",
     {
       style: {
@@ -6148,8 +6159,8 @@ function Gn({
                   position: "absolute",
                   inset: 0,
                   backgroundColor: c.backgroundColors[1] || "rgba(128, 128, 128,1)",
-                  width: `${h}%`,
-                  height: `${h}%`
+                  width: `${p}%`,
+                  height: `${p}%`
                 }
               }
             )
@@ -6172,15 +6183,15 @@ const ws = ({
 }) => {
   if (!t || t.length === 0)
     return null;
-  const h = 2 * r;
-  return /* @__PURE__ */ f("div", { style: { width: h, height: h }, children: /* @__PURE__ */ f(
+  const p = 2 * r;
+  return /* @__PURE__ */ f("div", { style: { width: p, height: p }, children: /* @__PURE__ */ f(
     "svg",
     {
-      width: h,
-      height: h,
-      viewBox: `0 0 ${h} ${h}`,
-      children: t.map((o, p) => {
-        const d = o * (r - e) / i, u = r, l = c === "outer" ? r - d : c === "inner" ? r : r - 0.5 * d, b = c === "outer" ? r : c === "inner" ? e : r - 0.5 * (r - e), y = `rotate(${360 * p / t.length} ${r} ${r}) translate(0 ${b})`;
+      width: p,
+      height: p,
+      viewBox: `0 0 ${p} ${p}`,
+      children: t.map((o, h) => {
+        const d = o * (r - e) / i, u = r, l = c === "outer" ? r - d : c === "inner" ? r : r - 0.5 * d, b = c === "outer" ? r : c === "inner" ? e : r - 0.5 * (r - e), y = `rotate(${360 * h / t.length} ${r} ${r}) translate(0 ${b})`;
         return /* @__PURE__ */ f(
           "rect",
           {
@@ -6192,7 +6203,7 @@ const ws = ({
             rx: s,
             transform: y
           },
-          p
+          h
         );
       })
     }
@@ -6206,13 +6217,13 @@ const ws = ({
   roundness: a = 4,
   barOrigin: i = "inner",
   color: e = "white",
-  maxAmplitude: h,
+  maxAmplitude: p,
   innerRadius: o = 0,
-  gapSize: p = 4
+  gapSize: h = 4
 }) => {
   const d = 0.5 * s, u = Cn({
     totalWidth: 2 * Math.PI * o,
-    itemWidth: c + p,
+    itemWidth: c + h,
     frequencyData: t,
     maxDb: r,
     minDb: n
@@ -6226,7 +6237,7 @@ const ws = ({
       roundness: a,
       barOrigin: i,
       color: e,
-      maxAmplitude: h,
+      maxAmplitude: p,
       innerRadius: o
     }
   );
@@ -6236,18 +6247,18 @@ const ws = ({
 }) => {
   const { fps: n, frame: s } = r, { details: c } = t, a = t.playbackRate || 1;
   At.setAudioDataManager(n);
-  const h = At.getAudioDataForFrame(s || 0).slice(0, 0.7 * 512);
+  const p = At.getAudioDataForFrame(s || 0).slice(0, 0.7 * 512);
   return /* @__PURE__ */ gt(kt, { children: [
     /* @__PURE__ */ f(
       Is,
       {
-        frequencyData: h,
+        frequencyData: p,
         diameter: c.width,
         innerRadius: c.width / 4,
         color: c.radialBarColor
       }
     ),
-    c.reproduceAudio && c.srcs.map((o, p) => /* @__PURE__ */ f(un, { playbackRate: a, src: o }, p))
+    c.reproduceAudio && c.srcs.map((o, h) => /* @__PURE__ */ f(un, { playbackRate: a, src: o }, h))
   ] });
 };
 function zn({
@@ -6263,14 +6274,14 @@ const Ns = ({
   width: s
 }) => {
   const c = 1 / t, a = n / s;
-  return Array.from({ length: t }).map((i, e, h) => {
-    const o = (e - 0.5) % h.length * c - a;
-    let p = (o + 1) % 1;
-    p = p * s;
+  return Array.from({ length: t }).map((i, e, p) => {
+    const o = (e - 0.5) % p.length * c - a;
+    let h = (o + 1) % 1;
+    h = h * s;
     let d = Math.sin(Math.abs(o) * Math.PI);
-    return d = I.cubic(d), d = d * r, d = d * Math.sin((0.5 + e) * Math.PI), { x: p, y: d };
+    return d = I.cubic(d), d = d * r, d = d * Math.sin((0.5 + e) * Math.PI), { x: h, y: d };
   }).sort((i, e) => i.x > e.x ? 1 : -1);
-}, Fs = ({
+}, Rs = ({
   sections: t = 12,
   offsetPixels: r,
   amplitude: n,
@@ -6279,39 +6290,39 @@ const Ns = ({
   lines: a = 2,
   lineGap: i = 20,
   lineColor: e = ["darkblue", "lightblue"],
-  lineThickness: h = 2,
+  lineThickness: p = 2,
   topRoundness: o = 0.4,
-  bottomRoundness: p = 0.4
+  bottomRoundness: h = 0.4
 }) => {
   const d = s, u = c, l = t, b = r % (2 * s / t), y = Array.from({ length: a }).map(($, k) => {
-    const m = k * i;
+    const x = k * i;
     return Ns({
       width: d,
       numberOfPoints: l,
-      offsetPixels: m + b,
+      offsetPixels: x + b,
       amplitude: 0.5 * n
     });
-  }), x = d / l, g = o * x, M = p * x, S = ($, k) => {
-    const m = $.y <= 0, v = m ? g : M, w = m ? M : g, N = k.x + w, F = k.y, V = $.x - v, P = $.y, Y = $.x, W = $.y;
-    return `C ${N} ${F}, ${V} ${P}, ${Y} ${W}`;
+  }), m = d / l, g = o * m, M = h * m, S = ($, k) => {
+    const x = $.y <= 0, v = x ? g : M, w = x ? M : g, N = k.x + w, R = k.y, V = $.x - v, P = $.y, Y = $.x, W = $.y;
+    return `C ${N} ${R}, ${V} ${P}, ${Y} ${W}`;
   };
   return /* @__PURE__ */ f("div", { style: { width: s, height: c }, children: /* @__PURE__ */ f("svg", { width: d, height: u, viewBox: `0 -${0.5 * u} ${d} ${u}`, children: y.map(($, k) => {
-    const m = $[$.length - 1], v = Array.isArray(e) ? e[k % e.length] : e;
+    const x = $[$.length - 1], v = Array.isArray(e) ? e[k % e.length] : e;
     return /* @__PURE__ */ f(
       "path",
       {
-        d: `M 0 0, ${$.map((w, N, F) => {
-          const V = N === 0 ? { x: 0, y: 0 } : F[N - 1];
+        d: `M 0 0, ${$.map((w, N, R) => {
+          const V = N === 0 ? { x: 0, y: 0 } : R[N - 1];
           return S(w, V);
-        }).join(",")}, ${S({ x: d, y: 0 }, m)}`,
+        }).join(",")}, ${S({ x: d, y: 0 }, x)}`,
         stroke: v,
-        strokeWidth: h,
+        strokeWidth: p,
         fill: "none"
       },
       `line-${k}`
     );
   }) }) });
-}, Rs = ({
+}, Fs = ({
   frequencyData: t,
   width: r,
   height: n,
@@ -6320,16 +6331,16 @@ const Ns = ({
   minDb: a,
   ...i
 }) => {
-  const e = Nt(), { fps: h } = ln();
+  const e = Nt(), { fps: p } = ln();
   if (!t) return null;
-  const o = t.slice(0.25 * t.length).map((u) => jr(u, { maxDb: c, minDb: a })), p = n * fs(o), d = e / h;
+  const o = t.slice(0.25 * t.length).map((u) => jr(u, { maxDb: c, minDb: a })), h = n * fs(o), d = e / p;
   return /* @__PURE__ */ f("div", { style: { width: r, height: n }, children: /* @__PURE__ */ f(
-    Fs,
+    Rs,
     {
       width: r,
       height: n,
       offsetPixels: s * d,
-      amplitude: p,
+      amplitude: h,
       ...i
     }
   ) });
@@ -6341,7 +6352,7 @@ const Ns = ({
   At.setAudioDataManager(s);
   const e = At.getAudioDataForFrame(n || 0).slice(0, 0.7 * 512);
   return /* @__PURE__ */ f(kt, { children: /* @__PURE__ */ f(
-    Rs,
+    Fs,
     {
       frequencyData: e,
       width: c.width,
@@ -6372,9 +6383,9 @@ const Xs = (t, r) => {
   maxDb: n = -30,
   minDb: s = -80
 }) => {
-  const c = t, a = Math.floor(0.2 * r.length), i = Math.floor(0.6 * r.length), e = r.slice(a, i), h = Math.floor(e.length / c);
-  return Array.from({ length: c }).map((p, d) => jr(
-    e[d * h % e.length],
+  const c = t, a = Math.floor(0.2 * r.length), i = Math.floor(0.6 * r.length), e = r.slice(a, i), p = Math.floor(e.length / c);
+  return Array.from({ length: c }).map((h, d) => jr(
+    e[d * p % e.length],
     { maxDb: n, minDb: s }
   ));
 }, Ps = ({
@@ -6386,54 +6397,54 @@ const Xs = (t, r) => {
   strokeColor: a = "none",
   placement: i = "middle",
   copies: e = 1,
-  blendMode: h = "normal"
+  blendMode: p = "normal"
 }) => {
-  const o = r, p = n;
+  const o = r, h = n;
   if (!t || t.length === 0)
     return null;
   const { scaling: d, viewBoxVerticalShift: u } = i === "over" ? {
-    viewBoxVerticalShift: -p,
+    viewBoxVerticalShift: -h,
     scaling: 1
   } : i === "under" ? {
     viewBoxVerticalShift: 0,
     scaling: 1
   } : {
-    viewBoxVerticalShift: -0.5 * p,
+    viewBoxVerticalShift: -0.5 * h,
     scaling: 0.5
-  }, b = 0.15 * o, y = (o - 2 * b) / (t.length - 1), x = Array.from({ length: e }).map((g, M) => {
+  }, b = 0.15 * o, y = (o - 2 * b) / (t.length - 1), m = Array.from({ length: e }).map((g, M) => {
     const S = 3 * M;
-    return Xs(t, S).map((k, m) => ({
-      x: b + m * y,
-      y: d * p * k * (1.2 - 0.5 * so(M * t.length + m))
+    return Xs(t, S).map((k, x) => ({
+      x: b + x * y,
+      y: d * h * k * (1.2 - 0.5 * so(M * t.length + x))
     }));
   });
-  return /* @__PURE__ */ f("div", { style: { width: r, height: n }, children: /* @__PURE__ */ f("svg", { width: o, height: p, viewBox: `0 ${u} ${o} ${p}`, children: x.map((g, M) => {
-    const S = g[g.length - 1], $ = Array.isArray(a) ? a[M % a.length] : a, k = Array.isArray(s) ? s[M % s.length] : s, m = {
+  return /* @__PURE__ */ f("div", { style: { width: r, height: n }, children: /* @__PURE__ */ f("svg", { width: o, height: h, viewBox: `0 ${u} ${o} ${h}`, children: m.map((g, M) => {
+    const S = g[g.length - 1], $ = Array.isArray(a) ? a[M % a.length] : a, k = Array.isArray(s) ? s[M % s.length] : s, x = {
       stroke: $,
       strokeWidth: c,
       fill: k,
       style: {
-        mixBlendMode: h
+        mixBlendMode: p
       }
     };
-    return /* @__PURE__ */ gt(Vt.Fragment, { children: [
+    return /* @__PURE__ */ gt(Wt.Fragment, { children: [
       i !== "over" && /* @__PURE__ */ f(
         "path",
         {
-          ...m,
+          ...x,
           d: `M 0 0, ${g.map((v, w, N) => {
-            const F = w === 0 ? { x: 0, y: 0 } : N[w - 1], V = F.x + 0.5 * y, P = F.y, Y = v.x - 0.5 * y, W = v.y, R = v.x, C = v.y;
-            return `C ${V} ${P}, ${Y} ${W}, ${R} ${C}`;
+            const R = w === 0 ? { x: 0, y: 0 } : N[w - 1], V = R.x + 0.5 * y, P = R.y, Y = v.x - 0.5 * y, W = v.y, F = v.x, C = v.y;
+            return `C ${V} ${P}, ${Y} ${W}, ${F} ${C}`;
           }).join(",")}, C ${S.x + 0.5 * y} ${S.y}, ${o - 0.5 * y} 0, ${o} 0`
         }
       ),
       i !== "under" && /* @__PURE__ */ f(
         "path",
         {
-          ...m,
+          ...x,
           d: `M 0 0, ${g.map((v, w, N) => {
-            const F = w === 0 ? { x: 0, y: 0 } : N[w - 1], V = F.x + 0.5 * y, P = -F.y, Y = v.x - 0.5 * y, W = -v.y, R = v.x, C = -v.y;
-            return `C ${V} ${P}, ${Y} ${W}, ${R} ${C}`;
+            const R = w === 0 ? { x: 0, y: 0 } : N[w - 1], V = R.x + 0.5 * y, P = -R.y, Y = v.x - 0.5 * y, W = -v.y, F = v.x, C = -v.y;
+            return `C ${V} ${P}, ${Y} ${W}, ${F} ${C}`;
           }).join(",")}, C ${S.x + 0.5 * y} ${-S.y}, ${o - 0.5 * y} 0, ${o} 0`
         }
       )
@@ -6448,26 +6459,26 @@ const Xs = (t, r) => {
   copies: a,
   blendMode: i,
   strokeWidth: e,
-  maxDb: h,
+  maxDb: p,
   minDb: o
 }) => {
-  const p = Wr(null), d = Nt(), [u, l] = fr({ width: 400, height: 100 });
+  const h = Wr(null), d = Nt(), [u, l] = fr({ width: 400, height: 100 });
   sr(() => {
     l((g) => {
       var M, S;
       return {
-        width: ((M = p.current) == null ? void 0 : M.offsetWidth) ?? g.width,
-        height: ((S = p.current) == null ? void 0 : S.offsetHeight) ?? g.height
+        width: ((M = h.current) == null ? void 0 : M.offsetWidth) ?? g.width,
+        height: ((S = h.current) == null ? void 0 : S.offsetHeight) ?? g.height
       };
     });
   }, [d, l]);
   const { width: b, height: y } = u;
   if (!n) return null;
-  const x = Bs({ frequencyData: n, minDb: o, maxDb: h });
-  return /* @__PURE__ */ f("div", { ref: p, style: { width: t, height: r }, children: /* @__PURE__ */ f(
+  const m = Bs({ frequencyData: n, minDb: o, maxDb: p });
+  return /* @__PURE__ */ f("div", { ref: h, style: { width: t, height: r }, children: /* @__PURE__ */ f(
     Ps,
     {
-      values: x,
+      values: m,
       width: b,
       height: y,
       fillColor: c,
@@ -6483,7 +6494,7 @@ const Xs = (t, r) => {
 }) => {
   const { frame: n, fps: s } = r, { details: c } = t;
   At.setAudioDataManager(s);
-  const e = At.getAudioDataForFrame(n || 0).slice(0, 0.7 * 512), h = (o) => [
+  const e = At.getAudioDataForFrame(n || 0).slice(0, 0.7 * 512), p = (o) => [
     "normal",
     "multiply",
     "screen",
@@ -6511,7 +6522,7 @@ const Xs = (t, r) => {
       ...c.fillColor != null ? { fillColor: c.fillColor } : {},
       ...c.copies != null ? { copies: c.copies } : {},
       ...c.strokeWidth != null ? { strokeWidth: c.strokeWidth } : {},
-      ...h(c.blendMode) ? { blendMode: c.blendMode } : { blendMode: "normal" }
+      ...p(c.blendMode) ? { blendMode: c.blendMode } : { blendMode: "normal" }
     }
   ) });
 };
@@ -6526,27 +6537,27 @@ const Ln = ({
   options: r
 }) => {
   var u, l, b, y;
-  const { fps: n, frame: s } = r, { details: c, animations: a } = t, { animationIn: i, animationOut: e, animationTimed: h } = Ft(
+  const { fps: n, frame: s } = r, { details: c, animations: a } = t, { animationIn: i, animationOut: e, animationTimed: p } = Rt(
     a,
     t,
     s,
     n,
     r
-  ), { durationInFrames: o } = wt(t.display, n), p = (s || 0) - t.display.from * n / 1e3, d = /* @__PURE__ */ f(
+  ), { durationInFrames: o } = wt(t.display, n), h = (s || 0) - t.display.from * n / 1e3, d = /* @__PURE__ */ f(
     Lt,
     {
-      style: Pt(c),
+      style: Ot(c),
       animationIn: i,
       animationOut: e,
-      frame: p,
+      frame: h,
       durationInFrames: o,
       children: /* @__PURE__ */ f(
         Ht,
         {
-          animationTimed: h,
+          animationTimed: p,
           durationInFrames: o,
-          frame: p,
-          style: Pt(c),
+          frame: h,
+          style: Ot(c),
           children: /* @__PURE__ */ f(
             Dt,
             {
@@ -6558,9 +6569,9 @@ const Ln = ({
                 ...((y = a == null ? void 0 : a.loop) == null ? void 0 : y.composition) || [],
                 ...i || [],
                 ...e || [],
-                ...h || []
+                ...p || []
               ],
-              frame: p,
+              frame: h,
               durationInFrames: o,
               children: /* @__PURE__ */ f("div", { style: So(c) })
             }
@@ -6602,22 +6613,22 @@ const Ln = ({
     n.push(c * s + r);
   return n;
 }, Vs = (t, r, n, s = !1) => {
-  const { from: c, to: a, ease: i } = r, e = r.durationInFrames || 30, h = Number(c), o = Number(a), p = Math.max(1, Number(e));
-  if (isNaN(h) || isNaN(o))
-    return h;
+  const { from: c, to: a, ease: i } = r, e = r.durationInFrames || 30, p = Number(c), o = Number(a), h = Math.max(1, Number(e));
+  if (isNaN(p) || isNaN(o))
+    return p;
   const d = r.delay || 0;
   if (r.property === "hide-show" || r.property === "hide" || r.property === "show")
-    return t < d ? h : o;
-  const u = s ? [n - p - d, n - d] : [d, d + p];
+    return t < d ? p : o;
+  const u = s ? [n - h - d, n - d] : [d, d + h];
   if (r.property.includes("shake")) {
     const l = s ? nn(
-      p,
-      n - p - d
-    ) : nn(p, d);
+      h,
+      n - h - d
+    ) : nn(h, d);
     return O(
       t,
       l,
-      [0, h, o, h, o, 0],
+      [0, p, o, p, o, 0],
       {
         extrapolateLeft: "clamp",
         extrapolateRight: "clamp",
@@ -6625,7 +6636,7 @@ const Ln = ({
       }
     );
   }
-  return O(t, u, [h, o], {
+  return O(t, u, [p, o], {
     extrapolateLeft: "clamp",
     extrapolateRight: "clamp",
     easing: i
@@ -6658,33 +6669,33 @@ const Ln = ({
   }
   return 0;
 }, on = (t, r, n, s, c) => {
-  var h, o, p, d, u;
+  var p, o, h, d, u;
   const { property: a } = t;
   if (a === "move") {
     const l = Number(
-      ((h = t.details) == null ? void 0 : h.fromX) ?? t.from ?? 0
-    ), b = Number(((o = t.details) == null ? void 0 : o.toX) ?? t.to ?? 0), y = 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;
+      ((p = t.details) == null ? void 0 : p.fromX) ?? t.from ?? 0
+    ), b = Number(((o = t.details) == null ? void 0 : o.toX) ?? t.to ?? 0), y = Number(((h = t.details) == null ? void 0 : h.fromY) ?? 0), m = Number(((d = t.details) == null ? void 0 : d.toY) ?? 0), g = Number(((u = t.details) == null ? void 0 : u.scale) || 1) || 1;
     let M = c;
     if (M == null || Number.isNaN(M)) {
-      const R = t.details;
-      M = Hn((R == null ? void 0 : R.rotate) ?? (R == null ? void 0 : R.rotation) ?? (R == null ? void 0 : R.transform));
+      const F = t.details;
+      M = Hn((F == null ? void 0 : F.rotate) ?? (F == null ? void 0 : F.rotation) ?? (F == null ? void 0 : F.transform));
     }
-    const S = t.delay || 0, $ = t.durationInFrames || 30, k = s ? [n - $ - S, n - S] : [S, S + $], m = O(r, k, [l, b], {
+    const S = t.delay || 0, $ = t.durationInFrames || 30, k = s ? [n - $ - S, n - S] : [S, S + $], x = O(r, k, [l, b], {
       extrapolateLeft: "clamp",
       extrapolateRight: "clamp",
       easing: t.ease
-    }), v = O(r, k, [y, x], {
+    }), v = O(r, k, [y, m], {
       extrapolateLeft: "clamp",
       extrapolateRight: "clamp",
       easing: t.ease
-    }), w = (M || 0) * Math.PI / 180, N = Math.cos(w), F = Math.sin(w), V = m * N + v * F, P = -m * F + v * N, Y = V / g, W = P / g;
+    }), w = (M || 0) * Math.PI / 180, N = Math.cos(w), R = Math.sin(w), V = x * N + v * R, P = -x * R + v * N, Y = V / g, W = P / g;
     return {
       transform: `translateX(${Y}px) translateY(${W}px)`
     };
   }
   const i = Vs(r, t, n, s), e = Ws();
   return (e[a] || e.default)(i);
-}, en = (t, r, n, s = !1, c = !1, a) => Vt.useMemo(() => {
+}, en = (t, r, n, s = !1, c = !1, a) => Wt.useMemo(() => {
   if (t.length === 0) return {};
   const i = t.filter(
     (e) => e.from !== void 0 && e.to !== void 0
@@ -6692,25 +6703,25 @@ const Ln = ({
   if (i.length !== t.length && console.error("Some animations are invalid and will be ignored"), c) {
     const e = [];
     return i.reverse().forEach((o) => {
-      const p = on(
+      const h = on(
         o,
         n,
         r,
         !1,
         a
       );
-      e.push(p);
+      e.push(h);
     }), e.reduce(
-      (o, p) => (Object.keys(p).forEach((d) => {
-        d === "transform" || d === "filter" ? o[d] = o[d] ? `${o[d]} ${p[d]}` : p[d] : o[d] = p[d];
+      (o, h) => (Object.keys(h).forEach((d) => {
+        d === "transform" || d === "filter" ? o[d] = o[d] ? `${o[d]} ${h[d]}` : h[d] : o[d] = h[d];
       }), o),
       {}
     );
   } else
-    return i.map((h) => on(h, n, r, s, a)).reduce(
-      (h, o) => (Object.keys(o).forEach((p) => {
-        p === "transform" ? h[p] = h[p] ? `${h[p]} ${o[p]}` : o[p] : h[p] = o[p];
-      }), h),
+    return i.map((p) => on(p, n, r, s, a)).reduce(
+      (p, o) => (Object.keys(o).forEach((h) => {
+        h === "transform" ? p[h] = p[h] ? `${p[h]} ${o[h]}` : o[h] : p[h] = o[h];
+      }), p),
       {}
     );
 }, [t, n, r, s, a]), Nr = (t) => t ? Array.isArray(t) ? t : [t] : [], ir = ({
@@ -6730,34 +6741,34 @@ const Ln = ({
     n,
     a,
     !0
-  ), h = Vt.useMemo(() => {
-    const x = Object.keys(i).length > 0, g = t == null ? void 0 : t.reduce(
+  ), p = Wt.useMemo(() => {
+    const m = Object.keys(i).length > 0, g = t == null ? void 0 : t.reduce(
       (S, $) => Math.min(S, $.delay || 0),
       1 / 0
     ), M = a - (g || 0);
-    return x && M < 0 ? { visibility: "hidden" } : i;
-  }, [i, a, t]), o = Vt.useMemo(() => {
+    return m && M < 0 ? { visibility: "hidden" } : i;
+  }, [i, a, t]), o = Wt.useMemo(() => {
     if (a > n)
       return { visibility: "hidden" };
-    const x = Nr(r);
-    if (!x || x.length === 0) return {};
+    const m = Nr(r);
+    if (!m || m.length === 0) return {};
     let g = 0;
-    x.forEach((S) => {
+    m.forEach((S) => {
       const $ = (S.durationInFrames || 0) + (S.delay || 0);
       $ > g && (g = $);
     });
     const M = Math.max(0, n - g);
     return a < M ? {} : e;
-  }, [e, a, r, n]), d = ((c == null ? void 0 : c.transform) || "").match(/rotate\((-?[\d.]+)deg\)/), u = d ? parseFloat(d[1]) : 0, l = Vt.useMemo(() => {
-    const x = {
-      ...h
+  }, [e, a, r, n]), d = ((c == null ? void 0 : c.transform) || "").match(/rotate\((-?[\d.]+)deg\)/), u = d ? parseFloat(d[1]) : 0, l = Wt.useMemo(() => {
+    const m = {
+      ...p
       // , ...timedStyle
     };
     return Object.entries(o).forEach(([g, M]) => {
-      g === "transform" ? x[g] = `${x[g] || ""} ${M || ""}`.trim() : g in x && typeof x[g] == "number" && typeof M == "number" ? x[g] = x[g] * M : x[g] = M;
-    }), x;
-  }, [h, o]), b = yr(() => {
-    const x = l.transform || "", { translateX: g, translateY: M, scale: S, rotation: $, rotateY: k } = Cs(x);
+      g === "transform" ? m[g] = `${m[g] || ""} ${M || ""}`.trim() : g in m && typeof m[g] == "number" && typeof M == "number" ? m[g] = m[g] * M : m[g] = M;
+    }), m;
+  }, [p, o]), b = yr(() => {
+    const m = l.transform || "", { translateX: g, translateY: M, scale: S, rotation: $, rotateY: k } = Cs(m);
     return `${$} ${g} ${M} ${S} ${k}`.trim();
   }, [l]);
   let y = i;
@@ -6765,7 +6776,7 @@ const Ln = ({
     ...y,
     transform: y.transform.replace(
       /translateX\(([^)]+)\)/g,
-      (x, g) => `translateX(${parseFloat(g)}%)`
+      (m, g) => `translateX(${parseFloat(g)}%)`
     )
   }), /* @__PURE__ */ f(
     "div",
@@ -6799,12 +6810,12 @@ const Ln = ({
   i && (r = i[i.length - 1]);
   const e = t.match(/translateY\([^)]+\)/g);
   e && (n = e[e.length - 1]);
-  const h = t.match(/scale\([^)]+\)/g);
-  h && (s = h[h.length - 1]);
+  const p = t.match(/scale\([^)]+\)/g);
+  p && (s = p[p.length - 1]);
   const o = t.match(/rotate\([^)]+\)/g);
   o && (c = o[o.length - 1]);
-  const p = t.match(/rotateY\([^)]+\)/g);
-  return p && (a = p[p.length - 1]), { translateX: r, translateY: n, scale: s, rotation: c, rotateY: a };
+  const h = t.match(/rotateY\([^)]+\)/g);
+  return h && (a = h[h.length - 1]), { translateX: r, translateY: n, scale: s, rotation: c, rotateY: a };
 };
 I.linear;
 I.linear;
@@ -6819,16 +6830,16 @@ const Un = ({
   item: t,
   options: r
 }) => {
-  const { fps: n, resizeState: s, frame: c } = r, { details: a, animations: i } = t, { durationInFrames: e } = wt(t.display, n), { animationIn: h, animationOut: o } = Ft(
+  const { fps: n, resizeState: s, frame: c } = r, { details: a, animations: i } = t, { durationInFrames: e } = wt(t.display, n), { animationIn: p, animationOut: o } = Rt(
     i,
     t,
     c,
     n
-  ), p = s == null ? void 0 : s[t.id], d = (p == null ? void 0 : p.width) ?? a.radius, u = /* @__PURE__ */ f(
+  ), h = s == null ? void 0 : s[t.id], d = (h == null ? void 0 : h.width) ?? a.radius, u = /* @__PURE__ */ f(
     ir,
     {
       durationInFrames: e,
-      animationIn: h,
+      animationIn: p,
       animationOut: o,
       style: a,
       children: /* @__PURE__ */ f(
@@ -6845,19 +6856,19 @@ const Un = ({
   item: t,
   options: r
 }) => {
-  const { fps: n, resizeState: s, frame: c } = r, { details: a, animations: i } = t, { durationInFrames: e } = wt(t.display, n), { animationIn: h, animationOut: o } = Ft(
+  const { fps: n, resizeState: s, frame: c } = r, { details: a, animations: i } = t, { durationInFrames: e } = wt(t.display, n), { animationIn: p, animationOut: o } = Rt(
     i,
     t,
     c,
     n
-  ), p = s == null ? void 0 : s[t.id];
+  ), h = s == null ? void 0 : s[t.id];
   let d = a.length;
-  p != null && p.width ? d = p.width : p != null && p.height && (d = p.height * 2 / Math.sqrt(3));
+  h != null && h.width ? d = h.width : h != null && h.height && (d = h.height * 2 / Math.sqrt(3));
   const u = /* @__PURE__ */ f(
     ir,
     {
       durationInFrames: e,
-      animationIn: h,
+      animationIn: p,
       animationOut: o,
       style: {},
       children: /* @__PURE__ */ f(
@@ -6875,37 +6886,37 @@ const Un = ({
   item: t,
   options: r
 }) => {
-  const { fps: n, resizeState: s, frame: c } = r, { details: a, animations: i } = t, { durationInFrames: e } = wt(t.display, n), { animationIn: h, animationOut: o } = Ft(
+  const { fps: n, resizeState: s, frame: c } = r, { details: a, animations: i } = t, { durationInFrames: e } = wt(t.display, n), { animationIn: p, animationOut: o } = Rt(
     i,
     t,
     c,
     n
-  ), p = s == null ? void 0 : s[t.id], d = (y, x, g) => {
+  ), h = s == null ? void 0 : s[t.id], d = (y, m, g) => {
     const M = g, S = g, $ = Math.PI * 2 / (y * 2);
-    let k = Number.POSITIVE_INFINITY, m = Number.NEGATIVE_INFINITY, v = Number.POSITIVE_INFINITY, w = Number.NEGATIVE_INFINITY;
+    let k = Number.POSITIVE_INFINITY, x = Number.NEGATIVE_INFINITY, v = Number.POSITIVE_INFINITY, w = Number.NEGATIVE_INFINITY;
     for (let N = 0; N < y * 2; N++) {
-      const F = N % 2 === 0 ? g : x, V = $ * N - Math.PI / 2, P = M + F * Math.cos(V), Y = S + F * Math.sin(V);
-      k = Math.min(k, P), m = Math.max(m, P), v = Math.min(v, Y), w = Math.max(w, Y);
+      const R = N % 2 === 0 ? g : m, V = $ * N - Math.PI / 2, P = M + R * Math.cos(V), Y = S + R * Math.sin(V);
+      k = Math.min(k, P), x = Math.max(x, P), v = Math.min(v, Y), w = Math.max(w, Y);
     }
     return {
-      width: m - k,
+      width: x - k,
       height: w - v
     };
   };
   let u = a.outerRadius, l = a.innerRadius;
-  if (p != null && p.width || p != null && p.height) {
+  if (h != null && h.width || h != null && h.height) {
     const y = d(
       a.points || 5,
       a.innerRadius || 0,
       a.outerRadius || 0
-    ), x = p != null && p.width ? p.width / y.width : 1, g = p != null && p.height ? p.height / y.height : 1, M = Math.max(x, g);
+    ), m = h != null && h.width ? h.width / y.width : 1, g = h != null && h.height ? h.height / y.height : 1, M = Math.max(m, g);
     u = (a.outerRadius || 0) * M, l = (a.innerRadius || 0) * M;
   }
   const b = /* @__PURE__ */ f(
     ir,
     {
       durationInFrames: e,
-      animationIn: h,
+      animationIn: p,
       animationOut: o,
       style: a,
       children: /* @__PURE__ */ f(
@@ -6924,29 +6935,29 @@ const Un = ({
   item: t,
   options: r
 }) => {
-  const { fps: n, resizeState: s, frame: c } = r, { details: a, animations: i } = t, { animationIn: e, animationOut: h } = Ft(
+  const { fps: n, resizeState: s, frame: c } = r, { details: a, animations: i } = t, { animationIn: e, animationOut: p } = Rt(
     i,
     t,
     c,
     n
-  ), { durationInFrames: o } = wt(t.display, n), p = s == null ? void 0 : s[t.id], d = (b, y) => {
-    const x = y, g = y, M = Math.PI * 2 / b;
-    let S = Number.POSITIVE_INFINITY, $ = Number.NEGATIVE_INFINITY, k = Number.POSITIVE_INFINITY, m = Number.NEGATIVE_INFINITY;
+  ), { durationInFrames: o } = wt(t.display, n), h = s == null ? void 0 : s[t.id], d = (b, y) => {
+    const m = y, g = y, M = Math.PI * 2 / b;
+    let S = Number.POSITIVE_INFINITY, $ = Number.NEGATIVE_INFINITY, k = Number.POSITIVE_INFINITY, x = Number.NEGATIVE_INFINITY;
     for (let v = 0; v < b; v++) {
-      const w = M * v - Math.PI / 2, N = x + y * Math.cos(w), F = g + y * Math.sin(w);
-      S = Math.min(S, N), $ = Math.max($, N), k = Math.min(k, F), m = Math.max(m, F);
+      const w = M * v - Math.PI / 2, N = m + y * Math.cos(w), R = g + y * Math.sin(w);
+      S = Math.min(S, N), $ = Math.max($, N), k = Math.min(k, R), x = Math.max(x, R);
     }
     return {
       width: $ - S,
-      height: m - k
+      height: x - k
     };
   };
   let u = a.radius;
-  if (p != null && p.width || p != null && p.height) {
+  if (h != null && h.width || h != null && h.height) {
     const b = d(
       a.points || 3,
       a.radius || 0
-    ), y = p != null && p.width ? p.width / b.width : 1, x = p != null && p.height ? p.height / b.height : 1, g = Math.max(y, x);
+    ), y = h != null && h.width ? h.width / b.width : 1, m = h != null && h.height ? h.height / b.height : 1, g = Math.max(y, m);
     u = (a.radius || 0) * g;
   }
   const l = /* @__PURE__ */ f(
@@ -6954,7 +6965,7 @@ const Un = ({
     {
       durationInFrames: o,
       animationIn: e,
-      animationOut: h,
+      animationOut: p,
       style: a,
       children: /* @__PURE__ */ f(
         mo,
@@ -6971,16 +6982,16 @@ const Un = ({
   item: t,
   options: r
 }) => {
-  const { fps: n, resizeState: s, frame: c } = r, { details: a, animations: i } = t, { durationInFrames: e } = wt(t.display, n), { animationIn: h, animationOut: o } = Ft(
+  const { fps: n, resizeState: s, frame: c } = r, { details: a, animations: i } = t, { durationInFrames: e } = wt(t.display, n), { animationIn: p, animationOut: o } = Rt(
     i,
     t,
     c,
     n
-  ), p = s == null ? void 0 : s[t.id], d = p != null && p.width ? p.width / 2 : a.rx, u = p != null && p.height ? p.height / 2 : a.ry, l = /* @__PURE__ */ f(
+  ), h = s == null ? void 0 : s[t.id], d = h != null && h.width ? h.width / 2 : a.rx, u = h != null && h.height ? h.height / 2 : a.ry, l = /* @__PURE__ */ f(
     ir,
     {
       durationInFrames: e,
-      animationIn: h,
+      animationIn: p,
       animationOut: o,
       style: a,
       children: /* @__PURE__ */ f(
@@ -7080,22 +7091,22 @@ const Un = ({
     n.push(c * s + r);
   return n;
 }, Gs = (t, r, n, s = !1) => {
-  const { from: c, to: a, ease: i } = r, e = r.durationInFrames || 30, h = Number(c), o = Number(a), p = Math.max(1, Number(e));
-  if (isNaN(h) || isNaN(o))
-    return h;
+  const { from: c, to: a, ease: i } = r, e = r.durationInFrames || 30, p = Number(c), o = Number(a), h = Math.max(1, Number(e));
+  if (isNaN(p) || isNaN(o))
+    return p;
   const d = r.delay || 0;
   if (r.property === "hide-show" || r.property === "hide" || r.property === "show")
-    return t < d ? h : o;
-  const u = s ? [n - p - d, n - d] : [d, d + p];
+    return t < d ? p : o;
+  const u = s ? [n - h - d, n - d] : [d, d + h];
   if (r.property.includes("shake")) {
     const l = s ? sn(
-      p,
-      n - p - d
-    ) : sn(p, d);
+      h,
+      n - h - d
+    ) : sn(h, d);
     return O(
       t,
       l,
-      [0, h, o, h, o, 0],
+      [0, p, o, p, o, 0],
       {
         extrapolateLeft: "clamp",
         extrapolateRight: "clamp",
@@ -7103,7 +7114,7 @@ const Un = ({
       }
     );
   }
-  return O(t, u, [h, o], {
+  return O(t, u, [p, o], {
     extrapolateLeft: "clamp",
     extrapolateRight: "clamp",
     easing: i
@@ -7136,33 +7147,33 @@ const Un = ({
   }
   return 0;
 }, an = (t, r, n, s, c) => {
-  var h, o, p, d, u;
+  var p, o, h, d, u;
   const { property: a } = t;
   if (a === "move") {
     const l = Number(
-      ((h = t.details) == null ? void 0 : h.fromX) ?? t.from ?? 0
-    ), b = Number(((o = t.details) == null ? void 0 : o.toX) ?? t.to ?? 0), y = 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;
+      ((p = t.details) == null ? void 0 : p.fromX) ?? t.from ?? 0
+    ), b = Number(((o = t.details) == null ? void 0 : o.toX) ?? t.to ?? 0), y = Number(((h = t.details) == null ? void 0 : h.fromY) ?? 0), m = Number(((d = t.details) == null ? void 0 : d.toY) ?? 0), g = Number(((u = t.details) == null ? void 0 : u.scale) || 1) || 1;
     let M = c;
     if (M == null || Number.isNaN(M)) {
-      const R = t.details;
-      M = Tn((R == null ? void 0 : R.rotate) ?? (R == null ? void 0 : R.rotation) ?? (R == null ? void 0 : R.transform));
+      const F = t.details;
+      M = Tn((F == null ? void 0 : F.rotate) ?? (F == null ? void 0 : F.rotation) ?? (F == null ? void 0 : F.transform));
     }
-    const S = t.delay || 0, $ = t.durationInFrames || 30, k = s ? [n - $ - S, n - S] : [S, S + $], m = O(r, k, [l, b], {
+    const S = t.delay || 0, $ = t.durationInFrames || 30, k = s ? [n - $ - S, n - S] : [S, S + $], x = O(r, k, [l, b], {
       extrapolateLeft: "clamp",
       extrapolateRight: "clamp",
       easing: t.ease
-    }), v = O(r, k, [y, x], {
+    }), v = O(r, k, [y, m], {
       extrapolateLeft: "clamp",
       extrapolateRight: "clamp",
       easing: t.ease
-    }), w = (M || 0) * Math.PI / 180, N = Math.cos(w), F = Math.sin(w), V = m * N + v * F, P = -m * F + v * N, Y = V / g, W = P / g;
+    }), w = (M || 0) * Math.PI / 180, N = Math.cos(w), R = Math.sin(w), V = x * N + v * R, P = -x * R + v * N, Y = V / g, W = P / g;
     return {
       transform: `translateX(${Y}px) translateY(${W}px)`
     };
   }
   const i = Gs(r, t, n, s), e = Os();
   return (e[a] || e.default)(i);
-}, Fr = (t, r, n, s = !1, c = !1, a) => Vt.useMemo(() => {
+}, Rr = (t, r, n, s = !1, c = !1, a) => Wt.useMemo(() => {
   if (t.length === 0) return {};
   const i = t.filter(
     (e) => e.from !== void 0 && e.to !== void 0
@@ -7170,27 +7181,27 @@ const Un = ({
   if (i.length !== t.length && console.error("Some animations are invalid and will be ignored"), c) {
     const e = [];
     return i.reverse().forEach((o) => {
-      const p = an(
+      const h = an(
         o,
         n,
         r,
         !1,
         a
       );
-      e.push(p);
+      e.push(h);
     }), e.reduce(
-      (o, p) => (Object.keys(p).forEach((d) => {
-        d === "transform" || d === "filter" ? o[d] = o[d] ? `${o[d]} ${p[d]}` : p[d] : o[d] = p[d];
+      (o, h) => (Object.keys(h).forEach((d) => {
+        d === "transform" || d === "filter" ? o[d] = o[d] ? `${o[d]} ${h[d]}` : h[d] : o[d] = h[d];
       }), o),
       {}
     );
   } else
     return i.map(
-      (h) => an(h, n, r, s, a)
+      (p) => an(p, n, r, s, a)
     ).reduce(
-      (h, o) => (Object.keys(o).forEach((p) => {
-        p === "transform" || p === "filter" ? h[p] = h[p] ? `${h[p]} ${o[p]}` : o[p] : h[p] = o[p];
-      }), h),
+      (p, o) => (Object.keys(o).forEach((h) => {
+        h === "transform" || h === "filter" ? p[h] = p[h] ? `${p[h]} ${o[h]}` : o[h] : p[h] = o[h];
+      }), p),
       {}
     );
 }, [t, n, r, s, a]), or = (t) => t ? Array.isArray(t) ? t : [t] : [], zs = ({
@@ -7203,30 +7214,30 @@ const Un = ({
   children: i,
   style: e = {}
 }) => {
-  const h = Fr(
+  const p = Rr(
     or(t),
     s,
     c,
     !1
-  ), o = Fr(
+  ), o = Rr(
     or(r),
     s,
     c,
     !0
-  ), p = Fr(
+  ), h = Rr(
     or(n),
     s,
     c,
     !1,
     !0
-  ), d = Vt.useMemo(() => {
+  ), d = Wt.useMemo(() => {
     var v;
-    const $ = Object.keys(h).length > 0, k = (v = or(t)) == null ? void 0 : v.reduce(
+    const $ = Object.keys(p).length > 0, k = (v = or(t)) == null ? void 0 : v.reduce(
       (w, N) => Math.min(w, N.delay || 0),
       1 / 0
-    ), m = c - (k || 0);
-    return $ && m < 0 ? { visibility: a ? "visible" : "hidden" } : h;
-  }, [h, c, t, a]), u = Vt.useMemo(() => {
+    ), x = c - (k || 0);
+    return $ && x < 0 ? { visibility: a ? "visible" : "hidden" } : p;
+  }, [p, c, t, a]), u = Wt.useMemo(() => {
     const $ = or(r);
     if (!$ || $.length === 0) return {};
     let k = 0;
@@ -7234,22 +7245,22 @@ const Un = ({
       const w = (v.durationInFrames || 0) + (v.delay || 0);
       w > k && (k = w);
     });
-    const m = Math.max(0, s - k);
-    return c < m ? {} : c > s ? { visibility: a ? "visible" : "hidden" } : o;
-  }, [o, c, r, s, a]), l = Vt.useMemo(() => {
+    const x = Math.max(0, s - k);
+    return c < x ? {} : c > s ? { visibility: a ? "visible" : "hidden" } : o;
+  }, [o, c, r, s, a]), l = Wt.useMemo(() => {
     const $ = {
       ...d,
-      ...p
+      ...h
     };
-    return Object.entries(u).forEach(([k, m]) => {
-      k === "transform" ? $[k] = `${$[k] || ""} ${m || ""}`.trim() : k in $ && typeof $[k] == "number" && typeof m == "number" ? $[k] = $[k] * m : $[k] = m;
+    return Object.entries(u).forEach(([k, x]) => {
+      k === "transform" ? $[k] = `${$[k] || ""} ${x || ""}`.trim() : k in $ && typeof $[k] == "number" && typeof x == "number" ? $[k] = $[k] * x : $[k] = x;
     }), $;
-  }, [d, p, u]), b = yr(() => {
-    const $ = l.transform || "", { translateX: k, translateY: m, scale: v, rotation: w, rotateY: N } = js($);
-    return `${w} ${k} ${m} ${v} ${N}`.trim();
+  }, [d, h, u]), b = yr(() => {
+    const $ = l.transform || "", { translateX: k, translateY: x, scale: v, rotation: w, rotateY: N } = js($);
+    return `${w} ${k} ${x} ${v} ${N}`.trim();
   }, [l]), {
     top: y,
-    left: x,
+    left: m,
     position: g,
     transform: M,
     ...S
@@ -7286,42 +7297,42 @@ const Un = ({
   i && (r = i[i.length - 1]);
   const e = t.match(/translateY\([^)]+\)/g);
   e && (n = e[e.length - 1]);
-  const h = t.match(/scale\([^)]+\)/g);
-  h && (s = h[h.length - 1]);
+  const p = t.match(/scale\([^)]+\)/g);
+  p && (s = p[p.length - 1]);
   const o = t.match(/rotate\([^)]+\)/g);
   o && (c = o[o.length - 1]);
-  const p = t.match(/rotateY\([^)]+\)/g);
-  return p && (a = p[p.length - 1]), { translateX: r, translateY: n, scale: s, rotation: c, rotateY: a };
+  const h = t.match(/rotateY\([^)]+\)/g);
+  return h && (a = h[h.length - 1]), { translateX: r, translateY: n, scale: s, rotation: c, rotateY: a };
 };
 I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.linear, I.elastic(1), I.elastic(1), I.elastic(1), I.elastic(1), I.linear, I.linear, I.linear, I.linear, I.ease, I.ease, I.ease, I.ease, I.ease, I.ease, I.ease, I.ease, I.ease, I.ease;
 function qn({
   item: t,
   options: r
 }) {
-  var F, V, P, Y, W;
-  const { fps: n, frame: s } = r, { details: c, animations: a } = t, { width: i, height: e, strokeWidth: h, strokeBackground: o, strokeColors: p } = c, { animationIn: d, animationOut: u } = Ft(a, t), { durationInFrames: l } = wt(t.display, n), b = i, y = e, x = h, g = b, M = y, S = b, $ = y, k = g + M + S + $;
-  let m = 0;
-  if (((F = a == null ? void 0 : a.out) == null ? void 0 : F.name) === "progressSquareAnimationOut") {
-    const R = (V = a == null ? void 0 : a.out) == null ? void 0 : V.composition[0].durationInFrames, C = Math.max(
+  var R, V, P, Y, W;
+  const { fps: n, frame: s } = r, { details: c, animations: a } = t, { width: i, height: e, strokeWidth: p, strokeBackground: o, strokeColors: h } = c, { animationIn: d, animationOut: u } = Rt(a, t), { durationInFrames: l } = wt(t.display, n), b = i, y = e, m = p, g = b, M = y, S = b, $ = y, k = g + M + S + $;
+  let x = 0;
+  if (((R = a == null ? void 0 : a.out) == null ? void 0 : R.name) === "progressSquareAnimationOut") {
+    const F = (V = a == null ? void 0 : a.out) == null ? void 0 : V.composition[0].durationInFrames, C = Math.max(
       t.display.to * n / 1e3 - (s || 0) - 1,
       0
     );
-    m = Math.min(C / R * 100, 100) / 100, C > R && (m = 1);
+    x = Math.min(C / F * 100, 100) / 100, C > F && (x = 1);
   }
   if (((P = a == null ? void 0 : a.in) == null ? void 0 : P.name) === "progressSquareAnimationIn") {
-    const { from: R } = wt(
+    const { from: F } = wt(
       {
         from: t.display.from,
         to: t.display.to
       },
       n
-    ), C = (Y = a == null ? void 0 : a.in) == null ? void 0 : Y.composition[0].durationInFrames, X = Math.max((s || 0) - R, 0);
-    X < C ? m = Math.min(X / C * 100, 100) / 100 : ((W = a == null ? void 0 : a.out) == null ? void 0 : W.name) !== "progressSquareAnimationOut" && (m = 1);
+    ), C = (Y = a == null ? void 0 : a.in) == null ? void 0 : Y.composition[0].durationInFrames, X = Math.max((s || 0) - F, 0);
+    X < C ? x = Math.min(X / C * 100, 100) / 100 : ((W = a == null ? void 0 : a.out) == null ? void 0 : W.name) !== "progressSquareAnimationOut" && (x = 1);
   }
-  const v = m * 100 / 100 * k, w = p[0] || "#4A90E2", N = /* @__PURE__ */ f(
+  const v = x * 100 / 100 * k, w = h[0] || "#4A90E2", N = /* @__PURE__ */ f(
     zs,
     {
-      style: Pt(
+      style: Ot(
         c,
         {},
         {
@@ -7352,7 +7363,7 @@ function qn({
                   width: b,
                   height: y,
                   boxSizing: "border-box",
-                  border: `${x}px solid ${o}`,
+                  border: `${m}px solid ${o}`,
                   borderRadius: 0,
                   pointerEvents: "none"
                 }
@@ -7367,7 +7378,7 @@ function qn({
                     top: 0,
                     left: 0,
                     width: Math.min(v, g),
-                    height: x,
+                    height: m,
                     backgroundColor: w
                   }
                 }
@@ -7379,7 +7390,7 @@ function qn({
                     position: "absolute",
                     top: 0,
                     right: 0,
-                    width: x,
+                    width: m,
                     height: Math.min(v - g, M),
                     backgroundColor: w
                   }
@@ -7396,7 +7407,7 @@ function qn({
                       v - g - M,
                       S
                     ),
-                    height: x,
+                    height: m,
                     backgroundColor: w
                   }
                 }
@@ -7408,7 +7419,7 @@ function qn({
                     position: "absolute",
                     bottom: 0,
                     left: 0,
-                    width: x,
+                    width: m,
                     height: Math.min(
                       v - g - M - S,
                       $
@@ -7429,33 +7440,33 @@ const Dn = (t) => {
   const { trackItemIds: r, transitionsMap: n, trackItemsMap: s } = t, c = /* @__PURE__ */ new Map();
   Object.values(n).forEach((o) => {
     var l, b;
-    const { fromId: p, toId: d, kind: u } = o;
-    u !== "none" && (c.has(p) || c.set(p, []), c.has(d) || c.set(d, []), (l = c.get(p)) == null || l.push(o), (b = c.get(d)) == null || b.push(o));
+    const { fromId: h, toId: d, kind: u } = o;
+    u !== "none" && (c.has(h) || c.set(h, []), c.has(d) || c.set(d, []), (l = c.get(h)) == null || l.push(o), (b = c.get(d)) == null || b.push(o));
   });
   const a = [], i = /* @__PURE__ */ new Set(), e = (o) => {
-    const p = [];
+    const h = [];
     let d = o;
     for (; d && !i.has(d); ) {
       i.add(d);
       const u = s[d];
-      p.push(u);
+      h.push(u);
       const l = Object.values(n).find(
         (b) => b.fromId === d && b.kind !== "none"
       );
       if (!l) break;
-      p.push(l), d = l.toId;
+      h.push(l), d = l.toId;
     }
-    return p;
-  }, h = Object.values(n).filter(
+    return h;
+  }, p = Object.values(n).filter(
     (o) => o.kind !== "none"
   );
   for (const o of r)
-    if (!i.has(o) && (!c.has(o) || !h.some((p) => p.toId === o))) {
-      const p = e(o);
-      p.length > 0 && a.push(p);
+    if (!i.has(o) && (!c.has(o) || !p.some((h) => h.toId === o))) {
+      const h = e(o);
+      h.length > 0 && a.push(h);
     }
   return a.forEach((o) => {
-    o.sort((p, d) => "display" in p && "display" in d ? p.display.from - d.display.from : 0);
+    o.sort((h, d) => "display" in h && "display" in d ? h.display.from - d.display.from : 0);
   }), a;
 }, As = (t, r) => {
   switch (t.type) {
@@ -7482,7 +7493,7 @@ const Dn = (t) => {
     case "audio":
       return bn({ item: t, options: r });
     case "image":
-      return Rn({ item: t, options: r });
+      return Fn({ item: t, options: r });
     case "illustration":
       return gn({ item: t, options: r });
     case "progressBar":
@@ -7513,29 +7524,29 @@ function Ls({
     onTextBlur: a,
     handleTextChange: i,
     itemsTemplateIds: e,
-    transitionsTemplateMap: h,
+    transitionsTemplateMap: p,
     itemsTemplateMap: o,
-    size: p,
+    size: h,
     fps: d,
     structure: u,
     frame: l,
     mergedTrackItemsDeatilsMap: b
-  } = r, y = er(o || {}), { trim: x, display: g } = t, M = e && e.some((m) => !!y[m]) ? e : Object.keys(y), S = Dn({
+  } = r, y = er(o || {}), { trim: m, display: g } = t, M = e && e.some((x) => !!y[x]) ? e : Object.keys(y), S = Dn({
     trackItemIds: er(M),
-    transitionsMap: er(h || {}),
+    transitionsMap: er(p || {}),
     trackItemsMap: y || {}
-  }), $ = (x == null ? void 0 : x.from) || 0;
-  M.filter((m) => !!y[m]).forEach((m) => {
-    const v = y[m];
+  }), $ = (m == null ? void 0 : m.from) || 0;
+  M.filter((x) => !!y[x]).forEach((x) => {
+    const v = y[x];
     v != null && v.display && (v.display.from = v.display.from - $, v.display.to = v.display.to - $);
   });
-  const k = S.map((m, v) => {
-    var F, V, P, Y;
-    if (m.length === 1) {
-      if (!m[0]) return null;
-      const W = y[(F = m[0]) == null ? void 0 : F.id];
+  const k = S.map((x, v) => {
+    var R, V, P, Y;
+    if (x.length === 1) {
+      if (!x[0]) return null;
+      const W = y[(R = x[0]) == null ? void 0 : R.id];
       if (!W) return null;
-      let R = {}, C = {}, X = [];
+      let F = {}, C = {}, X = [];
       if (W.type === "template") {
         const _ = u == null ? void 0 : u.find((z) => z.id === W.id);
         X = (_ == null ? void 0 : _.items) || [];
@@ -7550,7 +7561,7 @@ function Ls({
           editableTextId: c,
           itemsTemplateIds: X,
           itemsTemplateMap: C,
-          transitionsTemplateMap: R,
+          transitionsTemplateMap: F,
           itemStructure: u == null ? void 0 : u.find((z) => z.id === W.id),
           frame: (l ?? 0) - g.from * d / 1e3,
           size: {
@@ -7572,24 +7583,24 @@ function Ls({
         active: !1,
         itemsTemplateIds: e,
         itemsTemplateMap: y,
-        transitionsTemplateMap: h,
+        transitionsTemplateMap: p,
         isTransition: !1,
         isAnimationEditor: r.isAnimationEditor,
         insideTemplate: !0,
-        size: p,
+        size: h,
         frame: (l ?? 0) - g.from * d / 1e3
       });
     }
-    const w = y[m[0].id], N = (((Y = w == null ? void 0 : w.display) == null ? void 0 : Y.from) || 0) / 1e3 * r.fps;
-    return /* @__PURE__ */ f(pn, { from: N, children: m.map((W) => {
+    const w = y[x[0].id], N = (((Y = w == null ? void 0 : w.display) == null ? void 0 : Y.from) || 0) / 1e3 * r.fps;
+    return /* @__PURE__ */ f(hn, { from: N, children: x.map((W) => {
       if (W.type === "transition") {
-        const R = W.duration / 1e3 * d, C = ao[W.kind];
+        const F = W.duration / 1e3 * d, C = ao[W.kind];
         return C ? C({
-          durationInFrames: R,
+          durationInFrames: F,
           id: W.id,
           direction: W.direction,
-          width: (p == null ? void 0 : p.width) || 0,
-          height: (p == null ? void 0 : p.height) || 0
+          width: (h == null ? void 0 : h.width) || 0,
+          height: (h == null ? void 0 : h.height) || 0
         }) : null;
       }
       return s(W, {
@@ -7598,7 +7609,7 @@ function Ls({
         onTextBlur: a,
         editableTextId: c,
         isTransition: !0,
-        size: p
+        size: h
       });
     }) }, v);
   });
@@ -7609,39 +7620,39 @@ function Hs({
   options: r,
   renderSequenceItem: n
 }) {
-  var m, v, w, N;
+  var x, v, w, N;
   const {
     editableTextId: s,
     itemsTemplateIds: c,
     itemsTemplateMap: a,
     fps: i,
     frame: e,
-    onTextBlur: h,
+    onTextBlur: p,
     handleTextChange: o,
-    itemStructure: p
-  } = r, { animations: d } = t, { durationInFrames: u } = wt(t.display, i), { animationIn: l, animationOut: b, animationTimed: y } = Ft(
+    itemStructure: h
+  } = r, { animations: d } = t, { durationInFrames: u } = wt(t.display, i), { animationIn: l, animationOut: b, animationTimed: y } = Rt(
     d,
     t,
     e,
     i,
     r
-  ), x = er(a || {}), M = Dn({
+  ), m = er(a || {}), M = Dn({
     trackItemIds: er(c || []),
     transitionsMap: {},
-    trackItemsMap: x
-  }).map((F, V) => {
-    if (F.length === 1) {
-      const P = x[F[0].id];
+    trackItemsMap: m
+  }).map((R, V) => {
+    if (R.length === 1) {
+      const P = m[R[0].id];
       if (!P) return null;
       let Y = V;
-      if (p) {
-        const { tracks: W } = p;
-        Y = W.length - W.findIndex((R) => R.items.includes(P.id));
+      if (h) {
+        const { tracks: W } = h;
+        Y = W.length - W.findIndex((F) => F.items.includes(P.id));
       }
       return n ? n(P, {
         fps: i,
         handleTextChange: o,
-        onTextBlur: h,
+        onTextBlur: p,
         editableTextId: s,
         zIndex: Y,
         isAnimationEditor: r.isAnimationEditor,
@@ -7650,7 +7661,7 @@ function Hs({
       }) : null;
     }
     return null;
-  }), S = M && M.map((F) => F), $ = (e || 0) - t.display.from * i / 1e3, k = /* @__PURE__ */ f(
+  }), S = M && M.map((R) => R), $ = (e || 0) - t.display.from * i / 1e3, k = /* @__PURE__ */ f(
     Lt,
     {
       animationIn: l,
@@ -7678,7 +7689,7 @@ function Hs({
             {
               item: t,
               keyframeAnimations: [
-                ...((m = d == null ? void 0 : d.in) == null ? void 0 : m.composition) || [],
+                ...((x = d == null ? void 0 : d.in) == null ? void 0 : x.composition) || [],
                 ...((v = d == null ? void 0 : d.out) == null ? void 0 : v.composition) || [],
                 ...((w = d == null ? void 0 : d.timed) == null ? void 0 : w.composition) || [],
                 ...((N = d == null ? void 0 : d.loop) == null ? void 0 : N.composition) || [],
@@ -7709,7 +7720,7 @@ const cn = {
   ellipse: (t, r) => Jn({ item: t, options: r }),
   video: (t, r) => Wn({ item: t, options: r }),
   audio: (t, r) => bn({ item: t, options: r }),
-  image: (t, r) => Rn({ item: t, options: r }),
+  image: (t, r) => Fn({ item: t, options: r }),
   template: (t, r) => Ls({
     item: t,
     options: r,
@@ -7738,7 +7749,7 @@ export {
   Jn as Ellipse,
   An as HillAudioBars,
   gn as Illustration,
-  Rn as Image,
+  Fn as Image,
   On as LinealAudioBars,
   Kn as Polygon,
   Vn as ProgressBar,
@@ -7757,12 +7768,12 @@ export {
   jn as WaveAudioBars,
   yn as calculateBorderOverlayStyles,
   So as calculateContainerFigureStyles,
-  Pt as calculateContainerStyles,
+  Ot as calculateContainerStyles,
   $o as calculateCropStyles,
   fn as calculateMediaStyles,
   tr as calculateTextStyles,
   Gr as getAnimatedRemotionEffects,
-  Ft as getAnimations,
+  Rt as getAnimations,
   Mn as getEffectsCssInfo,
   Dn as groupTrackItems,
   Or as mapRemotionEffects