@cliquify.me/elements-ui 8.0.14 → 8.0.16

package/dist/index.es.js

@@ -1,20 +1,20 @@
 var qn = Object.defineProperty;
 var Tn = (t, r, n) => r in t ? qn(t, r, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[r] = n;
 var Bt = (t, r, n) => Tn(t, typeof r != "symbol" ? r + "" : r, n);
-import { jsx as f, jsxs as bt, Fragment as kt } from "react/jsx-runtime";
+import { jsx as f, jsxs as yt, Fragment as kt } from "react/jsx-runtime";
 import { Sequence as sn, AbsoluteFill as Nr, Audio as an, Easing as k, interpolate as W, HtmlInCanvas as Dn, useCurrentFrame as Nt, OffthreadVideo as sr, Img as qt, useVideoConfig as cn, delayRender as to, continueRender as Gr, cancelRender as ro, spring as Mt, random as no } from "remotion";
 import { TransitionSeries as dn, Transitions as oo } from "@cliquify.me/transitions";
 import { BoxAnim as jt, ContentAnim as At, MaskAnim as Tt } from "@cliquify.me/animations";
 import un from "@emotion/styled";
-import { css as pr } from "@emotion/react";
-import Vt, { Component as eo, useState as fr, useEffect as er, useMemo as yr, useRef as _r } from "react";
+import { css as hr } from "@emotion/react";
+import Vt, { Component as eo, useState as fr, useEffect as er, useMemo as yr, useRef as Er } from "react";
 import { chromaticAberration as so } from "@remotion/effects/chromatic-aberration";
 import { noise as ao } from "@remotion/effects/noise";
 import { pixelate as co } from "@remotion/effects/pixelate";
 import { ENTER_EDIT_MODE as io } from "@cliquify.me/state";
 import { getAudioData as uo, visualizeAudio as lo } from "@remotion/media-utils";
-import { isEqual as ho, cloneDeep as or } from "lodash";
-import { Circle as po, Triangle as fo, Star as yo, Polygon as bo, Ellipse as vo } from "@remotion/shapes";
+import { isEqual as po, cloneDeep as or } from "lodash";
+import { Circle as ho, Triangle as fo, Star as yo, Polygon as bo, Ellipse as vo } from "@remotion/shapes";
 const wt = (t, r) => {
   const n = t.from / 1e3 * r, s = t.to / 1e3 * r - n;
   return { from: n, durationInFrames: s };
@@ -36,7 +36,7 @@ const wt = (t, r) => {
     overflow: "hidden",
     ...n
   };
-}, hn = (t, r) => {
+}, pn = (t, r) => {
   const n = `${Math.min(
     r.width || t.width || 0,
     r.height || t.height || 0
@@ -145,7 +145,7 @@ const wt = (t, r) => {
       }
     )
   }
-), mt = ({
+), gt = ({
   item: t,
   options: r,
   children: n
@@ -157,18 +157,18 @@ const wt = (t, r) => {
       to: t.display.to
     },
     c
-  ), p = s.crop || {
+  ), h = s.crop || {
     width: t.details.width,
     height: t.details.height
-  }, o = ((y = s == null ? void 0 : s.background) == null ? void 0 : y.type) === "color" ? (v = s == null ? void 0 : s.background) == null ? void 0 : v.value : typeof (s == null ? void 0 : s.background) == "string" ? s == null ? void 0 : s.background : "transparent", h = ["template", "composition"].includes(t.type), l = ["image", "video"].includes(t.type), u = ["text", "caption"].includes(t.type);
-  let d = Pt(s, p, { background: o });
+  }, o = ((y = s == null ? void 0 : s.background) == null ? void 0 : y.type) === "color" ? (v = s == null ? void 0 : s.background) == null ? void 0 : v.value : typeof (s == null ? void 0 : s.background) == "string" ? s == null ? void 0 : s.background : "transparent", p = ["template", "composition"].includes(t.type), l = ["image", "video"].includes(t.type), u = ["text", "caption"].includes(t.type);
+  let d = Pt(s, h, { background: o });
   if (l) {
     const { background: m, ...g } = d;
     d = g;
   }
   u && (delete d.boxShadow, delete d.filter);
-  const b = h ? "!pointer-events-auto" : "";
-  return a ? /* @__PURE__ */ bt(
+  const b = p ? "!pointer-events-auto" : "";
+  return a ? /* @__PURE__ */ yt(
     dn.Sequence,
     {
       durationInFrames: e,
@@ -204,7 +204,7 @@ const wt = (t, r) => {
       ]
     },
     t.id
-  ) : /* @__PURE__ */ bt(
+  ) : /* @__PURE__ */ yt(
     sn,
     {
       from: i,
@@ -245,7 +245,7 @@ const wt = (t, r) => {
     t.id
   );
 };
-function pn({
+function hn({
   item: t,
   options: r
 }) {
@@ -261,10 +261,10 @@ function pn({
       pauseWhenBuffering: !0
     }
   );
-  return mt({ item: t, options: r, children: a });
+  return gt({ item: t, options: r, children: a });
 }
 const Ft = (t, r, n, s, c) => {
-  let a = null, i = null, e = null, p = null;
+  let a = null, i = null, e = null, h = null;
   return c != null && c.isAnimationEditor || c != null && c.insideTemplate, t != null && t.in && (a = [], t.in.composition.forEach((o) => {
     var b, y, v, x, M;
     a.push({
@@ -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 h = !!((b = o.details) != null && b.fade || o.fade), l = o.property === "moveScaleIn" || o.property === "moveScaleOut", u = o.property === "blurSlideV2In" || o.property === "blurSlideV2Out";
+    const p = !!((b = o.details) != null && b.fade || o.fade), l = o.property === "moveScaleIn" || o.property === "moveScaleOut", u = o.property === "blurSlideV2In" || o.property === "blurSlideV2Out";
     if (l) {
       const m = ((y = o.details) == null ? void 0 : y.translateY) || 0;
       a.push({
@@ -303,7 +303,7 @@ const Ft = (t, r, n, s, c) => {
         persist: o.persist
       });
     }
-    if (h && a.push({
+    if (p && a.push({
       property: "opacity",
       from: 0,
       to: 1,
@@ -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 && (p = [], t.timed.composition.forEach((o) => {
+  })), t != null && t.timed && s !== void 0 && n !== void 0 && (h = [], t.timed.composition.forEach((o) => {
     var x;
-    const h = o.delay, l = r.display.from * s / 1e3, u = n - l - h, d = o.property === "hide-show" || o.property === "hide" || o.property === "show", b = d ? !0 : u >= 0;
-    p.push({
+    const p = o.delay, l = r.display.from * s / 1e3, u = n - l - p, d = o.property === "hide-show" || o.property === "hide" || o.property === "show", b = d ? !0 : u >= 0;
+    h.push({
       id: o.id,
       property: d || b ? o.property : "none",
       from: Number(o.from ?? 0),
@@ -428,7 +428,7 @@ const Ft = (t, r, n, s, c) => {
       details: o.details
     });
     const y = o.property === "translateX" || o.property === "translateY" || o.property.toLowerCase().includes("slide"), v = !!((x = o.details) != null && x.fade || o.fade);
-    y && v && p.push({
+    y && v && h.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: p
+    animationTimed: h
   };
 }, xo = (t) => {
   const c = t % 30;
@@ -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 && pr`
+  ${(t) => t.animation === "letterPopline" && t.isActive && hr`
       text-decoration: underline;
       text-decoration-color: #9238ef;
       text-decoration-thickness: 0.2em;
@@ -491,7 +491,7 @@ const Ft = (t, r, n, s, c) => {
     -webkit-text-fill-color: unset !important;
   }
 
-  ${(t) => t.isActive && pr`
+  ${(t) => t.isActive && hr`
       &::before {
         opacity: 1;
         background: ${t.activeFillColor};
@@ -503,7 +503,7 @@ const Ft = (t, r, n, s, c) => {
   margin: 0;
   padding: 0;
 
-  ${(t) => t.wordColor.includes("gradient") ? pr`
+  ${(t) => t.wordColor.includes("gradient") ? hr`
           background: ${t.wordColor};
           background-size: 100% 100%;
           -webkit-background-clip: text;
@@ -518,7 +518,7 @@ const Ft = (t, r, n, s, c) => {
             background: none !important;
             text-shadow: none !important;
           }
-        ` : pr`
+        ` : hr`
           color: ${t.wordColor};
         `}
 `, Mo = ["letter", "letterUmi", "letterTracy"], wo = ["letterKaraoke", "letterPopline"], Io = ({
@@ -530,10 +530,10 @@ const Ft = (t, r, n, s, c) => {
   color: a,
   animation: i,
   currentFrame: e,
-  fps: p,
+  fps: h,
   textDecoration: o
 }) => {
-  const { start: h, end: l } = t, u = (h + r) / 1e3 * p, d = (l + r) / 1e3 * p, b = e >= u && e < d, y = e >= u, v = b ? n : y ? c : a, x = wo.includes(i) && b ? 1.2 : 1, M = t.word.length, m = d - u;
+  const { start: p, end: l } = t, u = (p + r) / 1e3 * h, d = (l + r) / 1e3 * h, b = e >= u && e < d, y = e >= u, v = b ? n : y ? c : a, x = wo.includes(i) && b ? 1.2 : 1, M = t.word.length, m = d - u;
   return /* @__PURE__ */ f(
     $o,
     {
@@ -575,14 +575,14 @@ function fn({
   item: t,
   options: r
 }) {
-  const { fps: n, frame: s } = r, { details: c, display: a, animations: i } = t, { animationIn: e, animationOut: p, animationTimed: o } = Ft(
+  const { fps: n, frame: s } = r, { details: c, display: a, animations: i } = t, { animationIn: e, animationOut: h, animationTimed: o } = Ft(
     i,
     t,
     s,
     n,
     r
-  ), { from: h, durationInFrames: l } = wt(t.display, n), u = Array.isArray(c.words) ? c.words : [], [d] = u, b = a.from - ((d == null ? void 0 : d.start) || 0);
-  let y = Math.max((s ?? 0) - h, 0), v = {};
+  ), { from: p, durationInFrames: l } = wt(t.display, n), u = Array.isArray(c.words) ? c.words : [], [d] = u, b = a.from - ((d == null ? void 0 : d.start) || 0);
+  let y = Math.max((s ?? 0) - p, 0), v = {};
   switch (c == null ? void 0 : c.animation) {
     case "letterElla":
       v = xo(y);
@@ -611,7 +611,7 @@ function fn({
       transform: `scale(${v.scale})`
     }
   }, M = (s || 0) - t.display.from * n / 1e3, { boxShadow: m, ...g } = Pt(c), { color: w, textShadow: I, ...S } = Dt(c);
-  return mt({
+  return gt({
     item: t,
     options: r,
     children: /* @__PURE__ */ f(
@@ -619,7 +619,7 @@ function fn({
       {
         style: g,
         animationIn: e,
-        animationOut: p,
+        animationOut: h,
         frame: M,
         durationInFrames: l,
         children: /* @__PURE__ */ f(
@@ -671,26 +671,26 @@ const yn = ({
   options: r
 }) => {
   var u, d, b, y;
-  const { fps: n, frame: s } = r, { details: c, animations: a } = t, { animationIn: i, animationOut: e, animationTimed: p } = Ft(
+  const { fps: n, frame: s } = r, { details: c, animations: a } = t, { animationIn: i, animationOut: e, animationTimed: h } = Ft(
     a,
     t,
     s,
     n,
     r
-  ), { durationInFrames: o } = wt(t.display, n), h = (s || 0) - t.display.from * n / 1e3, l = /* @__PURE__ */ f(
+  ), { durationInFrames: o } = wt(t.display, n), p = (s || 0) - t.display.from * n / 1e3, l = /* @__PURE__ */ f(
     jt,
     {
       style: Pt(c),
       animationIn: i,
       animationOut: e,
-      frame: h,
+      frame: p,
       durationInFrames: o,
       children: /* @__PURE__ */ f(
         At,
         {
-          animationTimed: p,
+          animationTimed: h,
           durationInFrames: o,
-          frame: h,
+          frame: p,
           style: c,
           children: /* @__PURE__ */ f(
             Tt,
@@ -703,9 +703,9 @@ const yn = ({
                 ...((y = a == null ? void 0 : a.loop) == null ? void 0 : y.composition) || [],
                 ...i || [],
                 ...e || [],
-                ...p || []
+                ...h || []
               ],
-              frame: h,
+              frame: p,
               durationInFrames: o,
               children: /* @__PURE__ */ f("div", { dangerouslySetInnerHTML: { __html: t.details.svgString } })
             }
@@ -714,9 +714,9 @@ const yn = ({
       )
     }
   );
-  return mt({ item: t, options: r, children: l });
+  return gt({ item: t, options: r, children: l });
 };
-class Er extends eo {
+class _r extends eo {
   constructor(r) {
     super(r), this.state = { hasError: !1 };
   }
@@ -751,15 +751,15 @@ const bn = ({
   from: a = 0,
   to: i = 1,
   width: e,
-  height: p,
+  height: h,
   borderRadius: o,
-  borderWidth: h,
+  borderWidth: p,
   borderColor: l,
   boxShadow: u,
   marqueeDetails: d,
   effects: b
 }) => {
-  const y = Nt(), v = typeof n == "number" && !isNaN(n) ? n : y, x = Math.max(0, v - (s || 0)), M = Math.min(1, Math.max(0, x / (c || 1))), m = e || 300, g = p || 300, w = (d == null ? void 0 : d.direction) || "horizontal", I = w === "static", S = Math.min(15, Math.max(1, Number((d == null ? void 0 : d.repeatX) ?? 5))), $ = Math.min(15, Math.max(1, Number((d == null ? void 0 : d.repeatY) ?? 5))), N = (d == null ? void 0 : d.baseSpeed) !== void 0 ? Number(d.baseSpeed) : 2, F = (d == null ? void 0 : d.speedVariation) !== void 0 ? Number(d.speedVariation) : 0.5, B = d != null && d.hasInitialValue && (d == null ? void 0 : d.initialBaseSpeed) !== void 0 ? Number(d.initialBaseSpeed) : N, X = d != null && d.hasInitialValue ? B + (N - B) * M : N, P = I ? 0 : X * 400, R = I ? 0 : X * 400, E = (d == null ? void 0 : d.scaleFactor) !== void 0 ? Number(d.scaleFactor) : 1, Y = d != null && d.hasInitialValue && (d == null ? void 0 : d.initialScaleFactor) !== void 0 ? Number(d.initialScaleFactor) : E, C = d != null && d.hasInitialValue ? Y + (E - Y) * M : E, U = (d == null ? void 0 : d.lineOffset) !== void 0 ? Number(d.lineOffset) : 0.5, z = (d == null ? void 0 : d.gapX) !== void 0 ? Number(d.gapX) : 60, D = (d == null ? void 0 : d.gapY) !== void 0 ? Number(d.gapY) : 60, dt = z / 100 * m, et = D / 100 * g, K = m, nt = g, G = K * C + dt, Q = nt * C + et, ht = u ? typeof u == "string" ? u : `${u.x ?? 0}px ${u.y ?? 0}px ${u.blur ?? 0}px ${u.color ?? ""}` : void 0, O = w === "vertical" || w === "up" || w === "down", j = w === "diagonal", T = (S - 1) / 2, lt = ($ - 1) / 2, q = $, Z = S, at = Array.from({ length: q }, (rt, ct) => ct - lt), tt = Array.from({ length: Z }, (rt, ct) => ct - T), yt = (rt, ct, st, ut) => /* @__PURE__ */ f(
+  const y = Nt(), v = typeof n == "number" && !isNaN(n) ? n : y, x = Math.max(0, v - (s || 0)), M = Math.min(1, Math.max(0, x / (c || 1))), m = e || 300, g = h || 300, w = (d == null ? void 0 : d.direction) || "horizontal", I = w === "static", S = Math.min(15, Math.max(1, Number((d == null ? void 0 : d.repeatX) ?? 5))), $ = Math.min(15, Math.max(1, Number((d == null ? void 0 : d.repeatY) ?? 5))), N = (d == null ? void 0 : d.baseSpeed) !== void 0 ? Number(d.baseSpeed) : 2, F = (d == null ? void 0 : d.speedVariation) !== void 0 ? Number(d.speedVariation) : 0.5, B = d != null && d.hasInitialValue && (d == null ? void 0 : d.initialBaseSpeed) !== void 0 ? Number(d.initialBaseSpeed) : N, X = d != null && d.hasInitialValue ? B + (N - B) * M : N, P = I ? 0 : X * 400, R = I ? 0 : X * 400, _ = (d == null ? void 0 : d.scaleFactor) !== void 0 ? Number(d.scaleFactor) : 1, Y = d != null && d.hasInitialValue && (d == null ? void 0 : d.initialScaleFactor) !== void 0 ? Number(d.initialScaleFactor) : _, C = d != null && d.hasInitialValue ? Y + (_ - Y) * M : _, U = (d == null ? void 0 : d.lineOffset) !== void 0 ? Number(d.lineOffset) : 0.5, z = (d == null ? void 0 : d.gapX) !== void 0 ? Number(d.gapX) : 60, tt = (d == null ? void 0 : d.gapY) !== void 0 ? Number(d.gapY) : 60, dt = z / 100 * m, et = tt / 100 * g, K = m, nt = g, G = K * C + dt, Q = nt * C + et, pt = u ? typeof u == "string" ? u : `${u.x ?? 0}px ${u.y ?? 0}px ${u.blur ?? 0}px ${u.color ?? ""}` : void 0, O = w === "vertical" || w === "up" || w === "down", j = w === "diagonal", D = (S - 1) / 2, lt = ($ - 1) / 2, T = $, Z = S, at = Array.from({ length: T }, (rt, ct) => ct - lt), mt = Array.from({ length: Z }, (rt, ct) => ct - D), J = (rt, ct, st, ut) => /* @__PURE__ */ f(
     "div",
     {
       style: {
@@ -771,10 +771,10 @@ const bn = ({
         width: `${K}px`,
         height: `${nt}px`,
         borderRadius: o || 0,
-        boxShadow: ht,
+        boxShadow: pt,
         opacity: ut ? 1 : 0.85
       },
-      children: /* @__PURE__ */ bt(
+      children: /* @__PURE__ */ yt(
         "div",
         {
           style: {
@@ -806,14 +806,14 @@ const bn = ({
                 }
               }
             ),
-            h && l ? /* @__PURE__ */ f(
+            p && l ? /* @__PURE__ */ f(
               "div",
               {
                 style: {
                   position: "absolute",
                   inset: 0,
                   borderRadius: o || 0,
-                  border: `${h}px solid ${l}`,
+                  border: `${p}px solid ${l}`,
                   boxSizing: "border-box",
                   pointerEvents: "none"
                 }
@@ -835,13 +835,13 @@ const bn = ({
         overflow: "visible",
         borderRadius: o || 0
       },
-      children: tt.map((rt, ct) => {
+      children: mt.map((rt, ct) => {
         let st = ct % 2 === 0 ? 1 : -1;
         w === "up" && (st = -1), w === "down" && (st = 1);
-        const ut = 1 + ct % 2 * (F * 0.5), pt = R > 0 && st !== 0 ? st * (x * R * 0.1 * ut) + rt * (Q * U) : rt * (Q * U), vt = R === 0 || st === 0 ? 0 : (pt % Q + Q) % Q - Q / 2;
+        const ut = 1 + ct % 2 * (F * 0.5), ht = R > 0 && st !== 0 ? st * (x * R * 0.1 * ut) + rt * (Q * U) : rt * (Q * U), bt = R === 0 || st === 0 ? 0 : (ht % Q + Q) % Q - Q / 2;
         return at.map(($t, It) => {
-          const ft = rt * G, St = $t * Q + vt;
-          return yt(
+          const ft = rt * G, St = $t * Q + bt;
+          return J(
             `v-${ct}-${It}`,
             ft,
             St,
@@ -861,10 +861,10 @@ const bn = ({
         borderRadius: o || 0
       },
       children: at.map((rt, ct) => {
-        const st = ct % 2 === 0 ? 1 : -1, ut = ct % 2 === 0 ? 1 : -1, pt = 1 + ct % 2 * (F * 0.5), vt = P > 0 ? st * (x * P * 0.1 * pt) + rt * (G * U) : rt * (G * U), $t = P === 0 ? 0 : (vt % G + G) % G - G / 2, It = R > 0 ? ut * (x * R * 0.1 * pt) + rt * (Q * U) : rt * (Q * U), ft = R === 0 ? 0 : (It % Q + Q) % Q - Q / 2;
-        return tt.map((St, Yt) => {
+        const st = ct % 2 === 0 ? 1 : -1, ut = ct % 2 === 0 ? 1 : -1, ht = 1 + ct % 2 * (F * 0.5), bt = P > 0 ? st * (x * P * 0.1 * ht) + rt * (G * U) : rt * (G * U), $t = P === 0 ? 0 : (bt % G + G) % G - G / 2, It = R > 0 ? ut * (x * R * 0.1 * ht) + rt * (Q * U) : rt * (Q * U), ft = R === 0 ? 0 : (It % Q + Q) % Q - Q / 2;
+        return mt.map((St, Yt) => {
           const Rt = St * G + $t, Xt = rt * Q + ft;
-          return yt(
+          return J(
             `d-${ct}-${Yt}`,
             Rt,
             Xt,
@@ -886,10 +886,10 @@ const bn = ({
       children: at.map((rt, ct) => {
         let st = ct % 2 === 0 ? 1 : -1;
         w === "left" && (st = -1), w === "right" && (st = 1);
-        const ut = 1 + ct % 2 * (F * 0.5), pt = P > 0 && st !== 0 ? st * (x * P * 0.1 * ut) + rt * (G * U) : rt * (G * U), vt = P === 0 || st === 0 ? 0 : (pt % G + G) % G - G / 2;
-        return tt.map(($t, It) => {
-          const ft = $t * G + vt, St = rt * Q;
-          return yt(
+        const ut = 1 + ct % 2 * (F * 0.5), ht = P > 0 && st !== 0 ? st * (x * P * 0.1 * ut) + rt * (G * U) : rt * (G * U), bt = P === 0 || st === 0 ? 0 : (ht % G + G) % G - G / 2;
+        return mt.map(($t, It) => {
+          const ft = $t * G + bt, St = rt * Q;
+          return J(
             `h-${ct}-${It}`,
             ft,
             St,
@@ -908,18 +908,18 @@ const bn = ({
   from: a = 0,
   to: i = 1,
   width: e,
-  height: p,
+  height: h,
   borderRadius: o,
-  borderWidth: h,
+  borderWidth: p,
   borderColor: l,
   boxShadow: u,
   echoesDetails: d,
   effects: b
 }) => {
-  const y = Nt(), v = typeof n == "number" && !isNaN(n) ? n : y, x = e || 300, M = p || 300, m = (d == null ? void 0 : d.keepStill) || "both", g = Number((d == null ? void 0 : d.toRepeatCount) ?? 5), w = Number((d == null ? void 0 : d.toScaleDown) ?? 0.3), I = Number((d == null ? void 0 : d.toCenterX) ?? 0.5), S = Number((d == null ? void 0 : d.toCenterY) ?? 0.5), $ = (d == null ? void 0 : d.initialRepeatCount) !== void 0 ? Number(d.initialRepeatCount) : g, N = (d == null ? void 0 : d.initialScaleDown) !== void 0 ? Number(d.initialScaleDown) : 1, F = (d == null ? void 0 : d.initialCenterX) !== void 0 ? Number(d.initialCenterX) : I, B = (d == null ? void 0 : d.initialCenterY) !== void 0 ? Number(d.initialCenterY) : S, X = Math.max(0, v - (s || 0)), P = Math.min(1, Math.max(0, X / (c || 1)));
-  let E = a + (i - a) * P;
-  m === "initial" ? E = 0 : m === "final" && (E = 1);
-  const Y = Math.max(1, Math.round(W(E, [0, 1], [$, g]))), C = W(E, [0, 1], [N, w]), U = W(E, [0, 1], [F, I]), z = W(E, [0, 1], [B, S]), D = u ? typeof u == "string" ? u : `${u.x ?? 0}px ${u.y ?? 0}px ${u.blur ?? 0}px ${u.color ?? ""}` : void 0, dt = Array.from({ length: Y }, (et, K) => K);
+  const y = Nt(), v = typeof n == "number" && !isNaN(n) ? n : y, x = e || 300, M = h || 300, m = (d == null ? void 0 : d.keepStill) || "both", g = Number((d == null ? void 0 : d.toRepeatCount) ?? 5), w = Number((d == null ? void 0 : d.toScaleDown) ?? 0.3), I = Number((d == null ? void 0 : d.toCenterX) ?? 0.5), S = Number((d == null ? void 0 : d.toCenterY) ?? 0.5), $ = (d == null ? void 0 : d.initialRepeatCount) !== void 0 ? Number(d.initialRepeatCount) : g, N = (d == null ? void 0 : d.initialScaleDown) !== void 0 ? Number(d.initialScaleDown) : 1, F = (d == null ? void 0 : d.initialCenterX) !== void 0 ? Number(d.initialCenterX) : I, B = (d == null ? void 0 : d.initialCenterY) !== void 0 ? Number(d.initialCenterY) : S, X = Math.max(0, v - (s || 0)), P = Math.min(1, Math.max(0, X / (c || 1)));
+  let _ = a + (i - a) * P;
+  m === "initial" ? _ = 0 : m === "final" && (_ = 1);
+  const Y = Math.max(1, Math.round(W(_, [0, 1], [$, g]))), C = W(_, [0, 1], [N, w]), U = W(_, [0, 1], [F, I]), z = W(_, [0, 1], [B, S]), tt = u ? typeof u == "string" ? u : `${u.x ?? 0}px ${u.y ?? 0}px ${u.blur ?? 0}px ${u.color ?? ""}` : void 0, dt = Array.from({ length: Y }, (et, K) => K);
   return /* @__PURE__ */ f(
     "div",
     {
@@ -944,10 +944,10 @@ const bn = ({
               transform: `translate(-50%, -50%) translate(${G}px, ${Q}px) scale(${nt})`,
               transformOrigin: "center center",
               borderRadius: o || 0,
-              boxShadow: D,
+              boxShadow: tt,
               zIndex: et + 1
             },
-            children: /* @__PURE__ */ bt(
+            children: /* @__PURE__ */ yt(
               "div",
               {
                 style: {
@@ -979,14 +979,14 @@ const bn = ({
                       }
                     }
                   ),
-                  h && l ? /* @__PURE__ */ f(
+                  p && l ? /* @__PURE__ */ f(
                     "div",
                     {
                       style: {
                         position: "absolute",
                         inset: 0,
                         borderRadius: o || 0,
-                        border: `${h}px solid ${l}`,
+                        border: `${p}px solid ${l}`,
                         boxSizing: "border-box",
                         pointerEvents: "none"
                       }
@@ -1010,15 +1010,15 @@ const bn = ({
   from: a = 0,
   to: i = 1,
   width: e,
-  height: p,
+  height: h,
   borderRadius: o,
-  borderWidth: h,
+  borderWidth: p,
   borderColor: l,
   boxShadow: u,
   wiggleDetails: d,
   effects: b
 }) => {
-  const y = Nt(), v = typeof n == "number" && !isNaN(n) ? n : y, x = e || 300, M = p || 300, m = Number((d == null ? void 0 : d.wiggleX) ?? 20), g = Number((d == null ? void 0 : d.wiggleY) ?? 20), w = Number((d == null ? void 0 : d.speed) ?? 3), I = Number((d == null ? void 0 : d.angle) ?? 10), S = Number((d == null ? void 0 : d.seed) ?? 1), $ = d != null && d.hasInitialValue && (d == null ? void 0 : d.initialWiggleX) !== void 0 ? Number(d.initialWiggleX) : m, N = d != null && d.hasInitialValue && (d == null ? void 0 : d.initialWiggleY) !== void 0 ? Number(d.initialWiggleY) : g, F = d != null && d.hasInitialValue && (d == null ? void 0 : d.initialSpeed) !== void 0 ? Number(d.initialSpeed) : w, B = d != null && d.hasInitialValue && (d == null ? void 0 : d.initialAngle) !== void 0 ? Number(d.initialAngle) : I, X = Math.max(0, v - (s || 0)), P = Math.min(1, Math.max(0, X / (c || 1))), R = d != null && d.hasInitialValue ? $ + (m - $) * P : m, E = d != null && d.hasInitialValue ? N + (g - N) * P : g, Y = d != null && d.hasInitialValue ? F + (w - F) * P : w, C = d != null && d.hasInitialValue ? B + (I - B) * P : I, U = v * (Y * 0.08), z = S * 12.345, D = Math.sin(U + z) * Math.cos(U * 0.65 + z) * R, dt = Math.cos(U * 0.85 + z) * Math.sin(U * 1.15 + z) * E, et = Math.sin(U * 0.9 + z * 1.35) * C, K = u ? typeof u == "string" ? u : `${u.x ?? 0}px ${u.y ?? 0}px ${u.blur ?? 0}px ${u.color ?? ""}` : void 0;
+  const y = Nt(), v = typeof n == "number" && !isNaN(n) ? n : y, x = e || 300, M = h || 300, m = Number((d == null ? void 0 : d.wiggleX) ?? 20), g = Number((d == null ? void 0 : d.wiggleY) ?? 20), w = Number((d == null ? void 0 : d.speed) ?? 3), I = Number((d == null ? void 0 : d.angle) ?? 10), S = Number((d == null ? void 0 : d.seed) ?? 1), $ = d != null && d.hasInitialValue && (d == null ? void 0 : d.initialWiggleX) !== void 0 ? Number(d.initialWiggleX) : m, N = d != null && d.hasInitialValue && (d == null ? void 0 : d.initialWiggleY) !== void 0 ? Number(d.initialWiggleY) : g, F = d != null && d.hasInitialValue && (d == null ? void 0 : d.initialSpeed) !== void 0 ? Number(d.initialSpeed) : w, B = d != null && d.hasInitialValue && (d == null ? void 0 : d.initialAngle) !== void 0 ? Number(d.initialAngle) : I, X = Math.max(0, v - (s || 0)), P = Math.min(1, Math.max(0, X / (c || 1))), R = d != null && d.hasInitialValue ? $ + (m - $) * P : m, _ = d != null && d.hasInitialValue ? N + (g - N) * P : g, Y = d != null && d.hasInitialValue ? F + (w - F) * P : w, C = d != null && d.hasInitialValue ? B + (I - B) * P : I, U = v * (Y * 0.08), z = S * 12.345, tt = Math.sin(U + z) * Math.cos(U * 0.65 + z) * R, dt = Math.cos(U * 0.85 + z) * Math.sin(U * 1.15 + z) * _, et = Math.sin(U * 0.9 + z * 1.35) * C, K = u ? typeof u == "string" ? u : `${u.x ?? 0}px ${u.y ?? 0}px ${u.blur ?? 0}px ${u.color ?? ""}` : void 0;
   return /* @__PURE__ */ f(
     "div",
     {
@@ -1028,7 +1028,7 @@ const bn = ({
         position: "relative",
         overflow: "visible"
       },
-      children: /* @__PURE__ */ bt(
+      children: /* @__PURE__ */ yt(
         "div",
         {
           style: {
@@ -1037,7 +1037,7 @@ const bn = ({
             position: "absolute",
             left: "50%",
             top: "50%",
-            transform: `translate(-50%, -50%) translate(${D}px, ${dt}px) rotate(${et}deg)`,
+            transform: `translate(-50%, -50%) translate(${tt}px, ${dt}px) rotate(${et}deg)`,
             transformOrigin: "center center",
             borderRadius: o || 0,
             boxShadow: K,
@@ -1065,14 +1065,14 @@ const bn = ({
                 }
               }
             ),
-            h && l ? /* @__PURE__ */ f(
+            p && l ? /* @__PURE__ */ f(
               "div",
               {
                 style: {
                   position: "absolute",
                   inset: 0,
                   borderRadius: o || 0,
-                  border: `${h}px solid ${l}`,
+                  border: `${p}px solid ${l}`,
                   boxSizing: "border-box",
                   pointerEvents: "none"
                 }
@@ -1092,28 +1092,28 @@ const bn = ({
   width: a = 300,
   height: i = 300,
   borderRadius: e,
-  boxShadow: p,
+  boxShadow: h,
   cardFlipDetails: o,
-  children: h,
+  children: p,
   style: l = {}
 }) => {
-  const u = Nt(), d = typeof t == "number" && !isNaN(t) ? t : u, b = a || 300, y = i || 300, v = (o == null ? void 0 : o.keepStill) || "both", x = Number((o == null ? void 0 : o.toRotationX) ?? 0), M = Number((o == null ? void 0 : o.toRotationY) ?? 360), m = Number((o == null ? void 0 : o.toRotationZ) ?? 0), g = Number((o == null ? void 0 : o.toPivotX) ?? 0), w = Number((o == null ? void 0 : o.toPivotY) ?? 0), I = Number((o == null ? void 0 : o.toPerspective) ?? 0.45), S = !!(o != null && o.hasInitialValue), $ = S ? Number((o == null ? void 0 : o.initialRotationX) ?? 0) : 0, N = S ? Number((o == null ? void 0 : o.initialRotationY) ?? 0) : 0, F = S ? Number((o == null ? void 0 : o.initialRotationZ) ?? 0) : 0, B = S ? Number((o == null ? void 0 : o.initialPivotX) ?? 0) : g, X = S ? Number((o == null ? void 0 : o.initialPivotY) ?? 0) : w, P = S ? Number((o == null ? void 0 : o.initialPerspective) ?? 0.45) : I, R = (o == null ? void 0 : o.frontFace) ?? !0, E = (o == null ? void 0 : o.backFace) ?? !0, Y = Math.max(0, d - (r || 0)), C = Math.min(1, Math.max(0, Y / (n || 1)));
+  const u = Nt(), d = typeof t == "number" && !isNaN(t) ? t : u, b = a || 300, y = i || 300, v = (o == null ? void 0 : o.keepStill) || "both", x = Number((o == null ? void 0 : o.toRotationX) ?? 0), M = Number((o == null ? void 0 : o.toRotationY) ?? 360), m = Number((o == null ? void 0 : o.toRotationZ) ?? 0), g = Number((o == null ? void 0 : o.toPivotX) ?? 0), w = Number((o == null ? void 0 : o.toPivotY) ?? 0), I = Number((o == null ? void 0 : o.toPerspective) ?? 0.45), S = !!(o != null && o.hasInitialValue), $ = S ? Number((o == null ? void 0 : o.initialRotationX) ?? 0) : 0, N = S ? Number((o == null ? void 0 : o.initialRotationY) ?? 0) : 0, F = S ? Number((o == null ? void 0 : o.initialRotationZ) ?? 0) : 0, B = S ? Number((o == null ? void 0 : o.initialPivotX) ?? 0) : g, X = S ? Number((o == null ? void 0 : o.initialPivotY) ?? 0) : w, P = S ? Number((o == null ? void 0 : o.initialPerspective) ?? 0.45) : I, R = (o == null ? void 0 : o.frontFace) ?? !0, _ = (o == null ? void 0 : o.backFace) ?? !0, Y = Math.max(0, d - (r || 0)), C = Math.min(1, Math.max(0, Y / (n || 1)));
   let z = s + (c - s) * C;
   v === "initial" ? z = 0 : v === "final" && (z = 1);
-  const D = W(z, [0, 1], [$, x]), dt = W(z, [0, 1], [N, M]), et = W(z, [0, 1], [F, m]), K = W(z, [0, 1], [B, g]), nt = W(z, [0, 1], [X, w]), G = W(z, [0, 1], [P, I]), Q = Math.max(b, y), ht = Math.max(
+  const tt = W(z, [0, 1], [$, x]), dt = W(z, [0, 1], [N, M]), et = W(z, [0, 1], [F, m]), K = W(z, [0, 1], [B, g]), nt = W(z, [0, 1], [X, w]), G = W(z, [0, 1], [P, I]), Q = Math.max(b, y), pt = Math.max(
     1200,
     Math.round(Q * 2.5 / Math.max(0.05, G))
-  ), O = D * Math.PI / 180, j = dt * Math.PI / 180, T = Math.cos(O) * Math.cos(j), lt = T >= 0, q = T < 0;
+  ), O = tt * Math.PI / 180, j = dt * Math.PI / 180, D = Math.cos(O) * Math.cos(j), lt = D >= 0, T = D < 0;
   let Z = !0;
-  lt && !R && (Z = !1), q && !E && (Z = !1);
-  const at = p ? typeof p == "string" ? p : `${p.x ?? 0}px ${p.y ?? 0}px ${p.blur ?? 0}px ${p.color ?? ""}` : void 0;
+  lt && !R && (Z = !1), T && !_ && (Z = !1);
+  const at = h ? typeof h == "string" ? h : `${h.x ?? 0}px ${h.y ?? 0}px ${h.blur ?? 0}px ${h.color ?? ""}` : void 0;
   return /* @__PURE__ */ f(
     "div",
     {
       style: {
         width: "100%",
         height: "100%",
-        perspective: `${ht}px`,
+        perspective: `${pt}px`,
         transformStyle: "preserve-3d",
         position: "relative",
         ...l
@@ -1125,14 +1125,14 @@ const bn = ({
             width: "100%",
             height: "100%",
             transformOrigin: `${50 + K}% ${50 + nt}%`,
-            transform: `rotateX(${D}deg) rotateY(${dt}deg) rotateZ(${et}deg)`,
-            backfaceVisibility: E ? "visible" : "hidden",
+            transform: `rotateX(${tt}deg) rotateY(${dt}deg) rotateZ(${et}deg)`,
+            backfaceVisibility: _ ? "visible" : "hidden",
             visibility: Z ? "visible" : "hidden",
             borderRadius: e || 0,
             boxShadow: at,
             position: "relative"
           },
-          children: h
+          children: p
         }
       )
     }
@@ -1146,9 +1146,9 @@ const bn = ({
   to: a = 1,
   width: i,
   height: e,
-  borderRadius: p,
+  borderRadius: h,
   borderWidth: o,
-  borderColor: h,
+  borderColor: p,
   boxShadow: l,
   cardFlipDetails: u,
   activeEffects: d,
@@ -1169,16 +1169,16 @@ const bn = ({
       to: a,
       width: i,
       height: e,
-      borderRadius: p,
+      borderRadius: h,
       boxShadow: l,
       cardFlipDetails: u,
-      children: /* @__PURE__ */ bt(
+      children: /* @__PURE__ */ yt(
         "div",
         {
           style: {
             width: "100%",
             height: "100%",
-            borderRadius: p || 0,
+            borderRadius: h || 0,
             overflow: "hidden",
             position: "relative"
           },
@@ -1191,7 +1191,7 @@ const bn = ({
                   width: "100%",
                   height: "100%",
                   objectFit: "cover",
-                  borderRadius: p || 0,
+                  borderRadius: h || 0,
                   filter: M
                 },
                 effects: b
@@ -1203,7 +1203,7 @@ const bn = ({
                 style: {
                   position: "absolute",
                   inset: 0,
-                  borderRadius: p || 0,
+                  borderRadius: h || 0,
                   pointerEvents: "none",
                   zIndex: 2,
                   background: `radial-gradient(ellipse at center, transparent ${Math.round(
@@ -1212,14 +1212,14 @@ const bn = ({
                 }
               }
             ) : null,
-            o && h ? /* @__PURE__ */ f(
+            o && p ? /* @__PURE__ */ f(
               "div",
               {
                 style: {
                   position: "absolute",
                   inset: 0,
-                  borderRadius: p || 0,
-                  border: `${o}px solid ${h}`,
+                  borderRadius: h || 0,
+                  border: `${o}px solid ${p}`,
                   boxSizing: "border-box",
                   pointerEvents: "none",
                   zIndex: 3
@@ -1250,31 +1250,31 @@ function ur(t, r, n, s) {
 }
 function mn(t, r, n, s = 0) {
   const c = [];
-  for (let q = 0; q < 256; q++) c[q] = q;
+  for (let T = 0; T < 256; T++) c[T] = T;
   let a = Math.floor(Math.abs(s) * 1e3) % 2147483647 + 1;
-  for (let q = 255; q > 0; q--) {
+  for (let T = 255; T > 0; T--) {
     a = a * 16807 % 2147483647;
-    const Z = Math.floor(a / 2147483647 * (q + 1)), at = c[q];
-    c[q] = c[Z], c[Z] = at;
+    const Z = Math.floor(a / 2147483647 * (T + 1)), at = c[T];
+    c[T] = c[Z], c[Z] = at;
   }
   const i = new Array(512), e = new Array(512);
-  for (let q = 0; q < 512; q++)
-    i[q] = c[q & 255], e[q] = i[q] % 12;
-  const p = 1 / 3, o = 1 / 6;
-  let h = 0, l = 0, u = 0, d = 0;
-  const b = (t + r + n) * p, y = Math.floor(t + b), v = Math.floor(r + b), x = Math.floor(n + b), M = (y + v + x) * o, m = y - M, g = v - M, w = x - M, I = t - m, S = r - g, $ = n - w;
+  for (let T = 0; T < 512; T++)
+    i[T] = c[T & 255], e[T] = i[T] % 12;
+  const h = 1 / 3, o = 1 / 6;
+  let p = 0, l = 0, u = 0, d = 0;
+  const b = (t + r + n) * h, y = Math.floor(t + b), v = Math.floor(r + b), x = Math.floor(n + b), M = (y + v + x) * o, m = y - M, g = v - M, w = x - M, I = t - m, S = r - g, $ = n - w;
   let N = 0, F = 0, B = 0, X = 0, P = 0, R = 0;
   I >= S ? S >= $ ? (N = 1, F = 0, B = 0, X = 1, P = 1, R = 0) : I >= $ ? (N = 1, F = 0, B = 0, X = 1, P = 0, R = 1) : (N = 0, F = 0, B = 1, X = 1, P = 0, R = 1) : S < $ ? (N = 0, F = 0, B = 1, X = 0, P = 1, R = 1) : I < $ ? (N = 0, F = 1, B = 0, X = 0, P = 1, R = 1) : (N = 0, F = 1, B = 0, X = 1, P = 1, R = 0);
-  const E = I - N + o, Y = S - F + o, C = $ - B + o, U = I - X + 2 * o, z = S - P + 2 * o, D = $ - R + 2 * o, dt = I - 1 + 3 * o, et = S - 1 + 3 * o, K = $ - 1 + 3 * o, nt = y & 255, G = v & 255, Q = x & 255;
-  let ht = 0.6 - I * I - S * S - $ * $;
-  ht >= 0 && (ht *= ht, h = ht * ht * ur(dr[e[nt + i[G + i[Q]]]], I, S, $));
-  let O = 0.6 - E * E - Y * Y - C * C;
-  O >= 0 && (O *= O, l = O * O * ur(dr[e[nt + N + i[G + F + i[Q + B]]]], E, Y, C));
-  let j = 0.6 - U * U - z * z - D * D;
-  j >= 0 && (j *= j, u = j * j * ur(dr[e[nt + X + i[G + P + i[Q + R]]]], U, z, D));
-  let T = 0.6 - dt * dt - et * et - K * K;
-  T >= 0 && (T *= T, d = T * T * ur(dr[e[nt + 1 + i[G + 1 + i[Q + 1]]]], dt, et, K));
-  const lt = 32 * (h + l + u + d);
+  const _ = I - N + o, Y = S - F + o, C = $ - B + o, U = I - X + 2 * o, z = S - P + 2 * o, tt = $ - R + 2 * o, dt = I - 1 + 3 * o, et = S - 1 + 3 * o, K = $ - 1 + 3 * o, nt = y & 255, G = v & 255, Q = x & 255;
+  let pt = 0.6 - I * I - S * S - $ * $;
+  pt >= 0 && (pt *= pt, p = pt * pt * ur(dr[e[nt + i[G + i[Q]]]], I, S, $));
+  let O = 0.6 - _ * _ - Y * Y - C * C;
+  O >= 0 && (O *= O, l = O * O * ur(dr[e[nt + N + i[G + F + i[Q + B]]]], _, Y, C));
+  let j = 0.6 - U * U - z * z - tt * tt;
+  j >= 0 && (j *= j, u = j * j * ur(dr[e[nt + X + i[G + P + i[Q + R]]]], U, z, tt));
+  let D = 0.6 - dt * dt - et * et - K * K;
+  D >= 0 && (D *= D, d = D * D * ur(dr[e[nt + 1 + i[G + 1 + i[Q + 1]]]], dt, et, K));
+  const lt = 32 * (p + l + u + d);
   return Math.min(1, Math.max(0, (lt + 1) / 2));
 }
 const No = ({
@@ -1286,28 +1286,28 @@ const No = ({
   to: a = 1,
   width: i,
   height: e,
-  borderRadius: p,
+  borderRadius: h,
   borderWidth: o,
-  borderColor: h,
+  borderColor: p,
   boxShadow: l,
   noiseTileDetails: u
 }) => {
-  const d = Nt(), b = typeof r == "number" && !isNaN(r) ? r : d, y = i || 300, v = e || 300, x = (u == null ? void 0 : u.keepStill) || "both", M = Number((u == null ? void 0 : u.toXRepetitions) ?? (u == null ? void 0 : u.xRepetitions) ?? 5), m = Number((u == null ? void 0 : u.toYRepetitions) ?? (u == null ? void 0 : u.yRepetitions) ?? 5), g = Number((u == null ? void 0 : u.toGapX) ?? (u == null ? void 0 : u.gapX) ?? 12), w = Number((u == null ? void 0 : u.toGapY) ?? (u == null ? void 0 : u.gapY) ?? 12), I = Number((u == null ? void 0 : u.toScale) ?? (u == null ? void 0 : u.scale) ?? 1), S = Number((u == null ? void 0 : u.toNoiseScale) ?? (u == null ? void 0 : u.noiseScale) ?? 1.5), $ = 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), B = Number((u == null ? void 0 : u.toThreshold) ?? (u == null ? void 0 : u.threshold) ?? 0.45), X = Number((u == null ? void 0 : u.toSeedOffset) ?? (u == null ? void 0 : u.seedOffset) ?? 0), P = !!(u != null && u.hasInitialValue), R = P ? Number((u == null ? void 0 : u.initialXRepetitions) ?? M) : M, E = P ? Number((u == null ? void 0 : u.initialYRepetitions) ?? m) : m, Y = P ? Number((u == null ? void 0 : u.initialGapX) ?? g) : g, C = P ? Number((u == null ? void 0 : u.initialGapY) ?? w) : w, U = P ? Number((u == null ? void 0 : u.initialScale) ?? I) : I, z = P ? Number((u == null ? void 0 : u.initialNoiseScale) ?? S) : S, D = P ? Number((u == null ? void 0 : u.initialNoiseMoveX) ?? $) : $, dt = P ? Number((u == null ? void 0 : u.initialNoiseMoveY) ?? N) : N, et = P ? Number((u == null ? void 0 : u.initialFps) ?? F) : F, K = P ? Number((u == null ? void 0 : u.initialThreshold) ?? B) : B, nt = P ? Number((u == null ? void 0 : u.initialSeedOffset) ?? X) : X, G = Math.max(0, b - (n || 0)), Q = Math.min(1, Math.max(0, G / (s || 1)));
+  const d = Nt(), b = typeof r == "number" && !isNaN(r) ? r : d, y = i || 300, v = e || 300, x = (u == null ? void 0 : u.keepStill) || "both", M = Number((u == null ? void 0 : u.toXRepetitions) ?? (u == null ? void 0 : u.xRepetitions) ?? 5), m = Number((u == null ? void 0 : u.toYRepetitions) ?? (u == null ? void 0 : u.yRepetitions) ?? 5), g = Number((u == null ? void 0 : u.toGapX) ?? (u == null ? void 0 : u.gapX) ?? 12), w = Number((u == null ? void 0 : u.toGapY) ?? (u == null ? void 0 : u.gapY) ?? 12), I = Number((u == null ? void 0 : u.toScale) ?? (u == null ? void 0 : u.scale) ?? 1), S = Number((u == null ? void 0 : u.toNoiseScale) ?? (u == null ? void 0 : u.noiseScale) ?? 1.5), $ = 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), B = Number((u == null ? void 0 : u.toThreshold) ?? (u == null ? void 0 : u.threshold) ?? 0.45), X = Number((u == null ? void 0 : u.toSeedOffset) ?? (u == null ? void 0 : u.seedOffset) ?? 0), P = !!(u != null && u.hasInitialValue), R = P ? Number((u == null ? void 0 : u.initialXRepetitions) ?? M) : M, _ = P ? Number((u == null ? void 0 : u.initialYRepetitions) ?? m) : m, Y = P ? Number((u == null ? void 0 : u.initialGapX) ?? g) : g, C = P ? Number((u == null ? void 0 : u.initialGapY) ?? w) : w, U = P ? Number((u == null ? void 0 : u.initialScale) ?? I) : I, z = P ? Number((u == null ? void 0 : u.initialNoiseScale) ?? S) : S, tt = P ? Number((u == null ? void 0 : u.initialNoiseMoveX) ?? $) : $, dt = P ? Number((u == null ? void 0 : u.initialNoiseMoveY) ?? N) : N, et = P ? Number((u == null ? void 0 : u.initialFps) ?? F) : F, K = P ? Number((u == null ? void 0 : u.initialThreshold) ?? B) : B, nt = P ? Number((u == null ? void 0 : u.initialSeedOffset) ?? X) : X, G = Math.max(0, b - (n || 0)), Q = Math.min(1, Math.max(0, G / (s || 1)));
   let O = c + (a - c) * Q;
   x === "initial" ? O = 0 : x === "final" && (O = 1);
-  const j = Math.max(1, Math.round(W(O, [0, 1], [R, M]))), T = Math.max(1, Math.round(W(O, [0, 1], [E, m]))), lt = W(O, [0, 1], [Y, g]), q = W(O, [0, 1], [C, w]), Z = W(O, [0, 1], [U, I]), at = W(O, [0, 1], [z, S]), tt = W(O, [0, 1], [D, $]), yt = W(O, [0, 1], [dt, N]), rt = Math.max(1, Math.round(W(O, [0, 1], [et, F]))), ct = W(O, [0, 1], [K, B]), st = W(O, [0, 1], [nt, X]), ut = l ? typeof l == "string" ? l : `${l.x ?? 0}px ${l.y ?? 0}px ${l.blur ?? 0}px ${l.color ?? ""}` : void 0, pt = Math.floor(G * (rt / 30)), vt = (j - 1) / 2, $t = (T - 1) / 2, It = [];
-  for (let ft = 0; ft < T; ft++)
+  const j = Math.max(1, Math.round(W(O, [0, 1], [R, M]))), D = Math.max(1, Math.round(W(O, [0, 1], [_, m]))), lt = W(O, [0, 1], [Y, g]), T = W(O, [0, 1], [C, w]), Z = W(O, [0, 1], [U, I]), at = W(O, [0, 1], [z, S]), mt = W(O, [0, 1], [tt, $]), J = W(O, [0, 1], [dt, N]), rt = Math.max(1, Math.round(W(O, [0, 1], [et, F]))), ct = W(O, [0, 1], [K, B]), st = W(O, [0, 1], [nt, X]), ut = l ? typeof l == "string" ? l : `${l.x ?? 0}px ${l.y ?? 0}px ${l.blur ?? 0}px ${l.color ?? ""}` : void 0, ht = Math.floor(G * (rt / 30)), bt = (j - 1) / 2, $t = (D - 1) / 2, It = [];
+  for (let ft = 0; ft < D; ft++)
     for (let St = 0; St < j; St++) {
-      const Yt = St / Math.max(1, j) * at, Rt = ft / Math.max(1, T) * at, Xt = pt * 0.1 + st, _t = mn(
-        Yt + pt * tt * 0.05,
-        Rt + pt * yt * 0.05,
+      const Yt = St / Math.max(1, j) * at, Rt = ft / Math.max(1, D) * at, Xt = ht * 0.1 + st, Et = mn(
+        Yt + ht * mt * 0.05,
+        Rt + ht * J * 0.05,
         Xt,
         st
-      ), Et = St === Math.floor(vt) && ft === Math.floor($t) || _t >= ct, Wt = St - vt, Lt = ft - $t, Ht = lt / 100 * y, Ut = q / 100 * v, Zt = Wt * (y * Z + Ht), Qt = Lt * (v * Z + Ut);
+      ), _t = St === Math.floor(bt) && ft === Math.floor($t) || Et >= ct, Wt = St - bt, Lt = ft - $t, Ht = lt / 100 * y, Ut = T / 100 * v, Zt = Wt * (y * Z + Ht), Qt = Lt * (v * Z + Ut);
       It.push({
         col: St,
         row: ft,
-        visible: Et,
+        visible: _t,
         posX: Zt,
         posY: Qt
       });
@@ -1332,16 +1332,16 @@ const No = ({
             height: `${v}px`,
             transform: `translate(-50%, -50%) translate(${ft.posX}px, ${ft.posY}px) scale(${Z})`,
             transformOrigin: "center center",
-            borderRadius: p || 0,
+            borderRadius: h || 0,
             boxShadow: ut
           },
-          children: /* @__PURE__ */ bt(
+          children: /* @__PURE__ */ yt(
             "div",
             {
               style: {
                 width: "100%",
                 height: "100%",
-                borderRadius: p || 0,
+                borderRadius: h || 0,
                 overflow: "hidden",
                 position: "relative"
               },
@@ -1367,14 +1367,14 @@ const No = ({
                     }
                   }
                 ),
-                o && h ? /* @__PURE__ */ f(
+                o && p ? /* @__PURE__ */ f(
                   "div",
                   {
                     style: {
                       position: "absolute",
                       inset: 0,
-                      borderRadius: p || 0,
-                      border: `${o}px solid ${h}`,
+                      borderRadius: h || 0,
+                      border: `${o}px solid ${p}`,
                       boxSizing: "border-box",
                       pointerEvents: "none"
                     }
@@ -1412,13 +1412,13 @@ function Vr(t) {
   return r.length > 0 ? r : void 0;
 }
 function Cr(t, r, n = 0) {
-  var i, e, p, o;
+  var i, e, h, o;
   const s = [], c = /* @__PURE__ */ new Set(), a = [];
   if (r) {
-    const h = [
+    const p = [
       ...((i = r == null ? void 0 : r.in) == null ? void 0 : i.composition) || [],
       ...((e = r == null ? void 0 : r.out) == null ? void 0 : e.composition) || [],
-      ...((p = r == null ? void 0 : r.timed) == null ? void 0 : p.composition) || [],
+      ...((h = r == null ? void 0 : r.timed) == null ? void 0 : h.composition) || [],
       ...((o = r == null ? void 0 : r.loop) == null ? void 0 : o.composition) || []
     ], l = [
       "blur",
@@ -1434,7 +1434,7 @@ function Cr(t, r, n = 0) {
       "duotone",
       "lightLeak"
     ];
-    h.forEach((u) => {
+    p.forEach((u) => {
       if (!u) return;
       const d = u.property;
       if (l.includes(d)) {
@@ -1510,8 +1510,8 @@ function Cr(t, r, n = 0) {
       }
     });
   }
-  return t && Array.isArray(t) && t.forEach((h) => {
-    !h || !h.type || c.has(h.type) || s.push(h);
+  return t && Array.isArray(t) && t.forEach((p) => {
+    !p || !p.type || c.has(p.type) || s.push(p);
   }), s.push(...a), s;
 }
 function xn(t) {
@@ -1620,11 +1620,11 @@ var Yo = function(r, n) {
 Ct.conditional = Yo;
 var Ro = function(r, n) {
   return function(s, c, a, i) {
-    for (var e = [], p = s.pos; n(s, c, a); ) {
+    for (var e = [], h = s.pos; n(s, c, a); ) {
       var o = {};
-      if (i(s, r, c, o), s.pos === p)
+      if (i(s, r, c, o), s.pos === h)
         break;
-      p = s.pos, e.push(o);
+      h = s.pos, e.push(o);
     }
     return e;
   };
@@ -1667,26 +1667,26 @@ var Po = function(r) {
   };
 };
 xt.peekBytes = Po;
-var _o = function(r) {
+var Eo = function(r) {
   return function(n) {
     return Array.from(br(r)(n)).map(function(s) {
       return String.fromCharCode(s);
     }).join("");
   };
 };
-xt.readString = _o;
-var Eo = function(r) {
+xt.readString = Eo;
+var _o = function(r) {
   return function(n) {
     var s = br(2)(n);
     return r ? (s[1] << 8) + s[0] : (s[0] << 8) + s[1];
   };
 };
-xt.readUnsigned = Eo;
+xt.readUnsigned = _o;
 var Wo = function(r, n) {
   return function(s, c, a) {
-    for (var i = typeof n == "function" ? n(s, c, a) : n, e = br(r), p = new Array(i), o = 0; o < i; o++)
-      p[o] = e(s);
-    return p;
+    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;
   };
 };
 xt.readArray = Wo;
@@ -1699,8 +1699,8 @@ var Vo = function(r, n, s) {
     for (var s = Sn()(n), c = new Array(8), a = 0; a < 8; a++)
       c[7 - a] = !!(s & 1 << a);
     return Object.keys(r).reduce(function(i, e) {
-      var p = r[e];
-      return p.length ? i[e] = Vo(c, p.index, p.length) : i[e] = c[p.index], i;
+      var h = r[e];
+      return h.length ? i[e] = Vo(c, h.index, h.length) : i[e] = c[h.index], i;
     }, {});
   };
 };
@@ -1827,7 +1827,7 @@ xt.readBits = Co;
   }, function(l) {
     var u = (0, n.peekBytes)(2)(l);
     return u[0] === 33 && u[1] === 255;
-  }), p = (0, r.conditional)({
+  }), h = (0, r.conditional)({
     comment: [{
       codes: (0, n.readBytes)(2)
     }, s]
@@ -1879,13 +1879,13 @@ xt.readBits = Co;
     }),
     // content frames
     {
-      frames: (0, r.loop)([c, e, p, a, i], function(l) {
+      frames: (0, r.loop)([c, e, h, a, i], function(l) {
         var u = (0, n.peekByte)()(l);
         return u === 33 || u === 44;
       })
     }
-  ], h = o;
-  t.default = h;
+  ], p = o;
+  t.default = p;
 })($n);
 var vr = {};
 Object.defineProperty(vr, "__esModule", {
@@ -1896,9 +1896,9 @@ var Oo = function(r, n) {
   for (var s = new Array(r.length), c = r.length / n, a = function(u, d) {
     var b = r.slice(d * n, (d + 1) * n);
     s.splice.apply(s, [u * n, n].concat(b));
-  }, 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++;
+  }, 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++;
   return s;
 };
 vr.deinterlace = Oo;
@@ -1908,29 +1908,29 @@ Object.defineProperty(gr, "__esModule", {
 });
 gr.lzw = void 0;
 var zo = function(r, n, s) {
-  var c = 4096, a = -1, i = s, e, p, o, h, l, u, d, I, b, y, w, v, S, $, F, N, x = new Array(s), M = new Array(c), m = new Array(c), g = new Array(c + 1);
-  for (v = r, p = 1 << v, l = p + 1, e = p + 2, d = a, h = v + 1, o = (1 << h) - 1, b = 0; b < p; b++)
+  var c = 4096, a = -1, i = s, e, h, o, p, l, u, d, I, b, y, w, v, S, $, F, N, x = new Array(s), M = new Array(c), m = new Array(c), g = new Array(c + 1);
+  for (v = r, h = 1 << v, l = h + 1, e = h + 2, d = a, p = v + 1, o = (1 << p) - 1, b = 0; b < h; b++)
     M[b] = 0, m[b] = b;
   var w, I, S, $, N, F;
   for (w = I = S = $ = N = F = 0, y = 0; y < i; ) {
     if ($ === 0) {
-      if (I < h) {
+      if (I < p) {
         w += n[F] << I, I += 8, F++;
         continue;
       }
-      if (b = w & o, w >>= h, I -= h, b > e || b == l)
+      if (b = w & o, w >>= p, I -= p, b > e || b == l)
         break;
-      if (b == p) {
-        h = v + 1, o = (1 << h) - 1, e = p + 2, d = a;
+      if (b == h) {
+        p = v + 1, o = (1 << p) - 1, e = h + 2, d = a;
         continue;
       }
       if (d == a) {
         g[$++] = m[b], d = b, S = b;
         continue;
       }
-      for (u = b, b == e && (g[$++] = S, b = d); b > p; )
+      for (u = b, b == e && (g[$++] = S, b = d); b > h; )
         g[$++] = m[b], b = M[b];
-      S = m[b] & 255, g[$++] = S, e < c && (M[e] = d, m[e] = S, e++, !(e & o) && e < c && (h++, o += e)), d = u;
+      S = m[b] & 255, g[$++] = S, e < c && (M[e] = d, m[e] = S, e++, !(e & o) && e < c && (p++, o += e)), d = u;
     }
     $--, x[N++] = g[$], y++;
   }
@@ -1991,28 +1991,28 @@ const xr = /* @__PURE__ */ new Map(), Jo = (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 p = e.getContext("2d");
-  if (!p)
-    throw new Error("Could not create GIF canvas context");
-  const o = document.createElement("canvas"), h = o.getContext("2d");
+  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");
+  if (!p)
     throw new Error("Could not create temp GIF canvas context");
-  p.clearRect(0, 0, a, i);
+  h.clearRect(0, 0, a, i);
   const l = [], u = [];
   return c.forEach((d) => {
-    const b = d.disposalType === 3 ? p.getImageData(0, 0, a, i) : null;
+    const b = d.disposalType === 3 ? h.getImageData(0, 0, a, i) : null;
     o.width = d.dims.width, o.height = d.dims.height;
     const y = new ImageData(
       new Uint8ClampedArray(d.patch),
       d.dims.width,
       d.dims.height
     );
-    h.putImageData(y, 0, 0), p.drawImage(o, d.dims.left, d.dims.top), l.push(e.toDataURL("image/png")), u.push(qo(d.delay || 0)), d.disposalType === 2 ? p.clearRect(
+    p.putImageData(y, 0, 0), h.drawImage(o, d.dims.left, d.dims.top), l.push(e.toDataURL("image/png")), u.push(qo(d.delay || 0)), d.disposalType === 2 ? h.clearRect(
       d.dims.left,
       d.dims.top,
       d.dims.width,
       d.dims.height
-    ) : d.disposalType === 3 && b && p.putImageData(b, 0, 0);
+    ) : d.disposalType === 3 && b && h.putImageData(b, 0, 0);
   }), {
     width: a,
     height: i,
@@ -2040,26 +2040,26 @@ const xr = /* @__PURE__ */ new Map(), Jo = (t) => !!t && t.split("?")[0].toLower
 }, re = ({ src: t, alt: r = "gif", style: n, playbackRate: s }) => {
   const c = Nt(), { fps: a } = cn(), [i, e] = fr(null);
   if (er(() => {
-    const h = to(`Decoding GIF ${t}`);
+    const p = to(`Decoding GIF ${t}`);
     let l = !1;
     return Do(t).then((u) => {
-      l || (e(u), Gr(h));
+      l || (e(u), Gr(p));
     }).catch((u) => {
       l || ro(u instanceof Error ? u : new Error(String(u)));
     }), () => {
-      l = !0, Gr(h);
+      l = !0, Gr(p);
     };
   }, [t]), !i)
     return null;
-  const p = c / a * 1e3 * s, o = te(p, i);
+  const h = c / a * 1e3 * s, o = te(h, i);
   return /* @__PURE__ */ f(qt, { src: i.frames[o], alt: r, style: n });
 };
 function kn({
   item: t,
   options: r
 }) {
-  var dt, et, K, nt, G, Q, ht, O, j, T, lt, q, Z, at;
-  const { fps: n, frame: s, isTransition: c } = r, { details: a, animations: i } = t, e = t.playbackRate || 1, { animationIn: p, animationOut: o, animationTimed: h } = Ft(
+  var et, K, nt, G, Q, pt, O, j, D, lt, T, Z, at, mt;
+  const { fps: n, frame: s, isTransition: c } = r, { details: a, animations: i } = t, e = t.playbackRate || 1, { animationIn: h, animationOut: o, animationTimed: p } = Ft(
     i,
     t,
     s,
@@ -2074,21 +2074,21 @@ function kn({
     a.effects,
     i,
     d
-  ), M = Vr(x), { filter: m, overlays: g } = xn(x), w = a.width || l.width || 300, I = a.height || l.height || 300, S = Jo(a.src), $ = (et = (dt = i == null ? void 0 : i.loop) == null ? void 0 : dt.composition) == null ? void 0 : et.find(
-    (tt) => tt.property === "textGridMarqueeTextAnimationLoop" || tt.property === "textGridMarquee" || tt.property === "imageGridMarqueeTextAnimationLoop" || tt.property === "imageGridMarquee" || tt.id === "textGridMarquee" || tt.id === "imageGridMarquee"
-  ), N = !!($ && d >= ($.delay || 0) && d <= ($.delay || 0) + ($.durationInFrames || 60)), F = (nt = (K = i == null ? void 0 : i.loop) == null ? void 0 : K.composition) == null ? void 0 : nt.find(
-    (tt) => tt.property === "inwardEchoes" || tt.id === "inwardEchoes"
-  ), B = !!(F && d >= (F.delay || 0) && d <= (F.delay || 0) + (F.durationInFrames || 120)), X = (Q = (G = i == null ? void 0 : i.loop) == null ? void 0 : G.composition) == null ? void 0 : Q.find(
-    (tt) => tt.property === "wiggle" || tt.id === "wiggle"
-  ), P = !!(X && d >= (X.delay || 0) && d <= (X.delay || 0) + (X.durationInFrames || 120)), R = (O = (ht = i == null ? void 0 : i.loop) == null ? void 0 : ht.composition) == null ? void 0 : O.find(
-    (tt) => tt.property === "cardFlip" || tt.id === "cardFlip"
-  ), E = !!(R && d >= (R.delay || 0) && d <= (R.delay || 0) + (R.durationInFrames || 120)), Y = (T = (j = i == null ? void 0 : i.loop) == null ? void 0 : j.composition) == null ? void 0 : T.find(
-    (tt) => tt.property === "noiseTile" || tt.id === "noiseTile"
+  ), M = Vr(x), { filter: m, overlays: g } = xn(x), w = a.width || l.width || 300, I = a.height || l.height || 300, S = Jo(a.src), $ = (K = (et = i == null ? void 0 : i.loop) == null ? void 0 : et.composition) == null ? void 0 : K.find(
+    (J) => J.property === "textGridMarqueeTextAnimationLoop" || J.property === "textGridMarquee" || J.property === "imageGridMarqueeTextAnimationLoop" || J.property === "imageGridMarquee" || J.id === "textGridMarquee" || J.id === "imageGridMarquee"
+  ), N = !!($ && d >= ($.delay || 0) && d <= ($.delay || 0) + ($.durationInFrames || 60)), F = (G = (nt = i == null ? void 0 : i.loop) == null ? void 0 : nt.composition) == null ? void 0 : G.find(
+    (J) => J.property === "inwardEchoes" || J.id === "inwardEchoes"
+  ), B = !!(F && d >= (F.delay || 0) && d <= (F.delay || 0) + (F.durationInFrames || 120)), X = (pt = (Q = i == null ? void 0 : i.loop) == null ? void 0 : Q.composition) == null ? void 0 : pt.find(
+    (J) => J.property === "wiggle" || J.id === "wiggle"
+  ), P = !!(X && d >= (X.delay || 0) && d <= (X.delay || 0) + (X.durationInFrames || 120)), R = (j = (O = i == null ? void 0 : i.loop) == null ? void 0 : O.composition) == null ? void 0 : j.find(
+    (J) => J.property === "cardFlip" || J.id === "cardFlip"
+  ), _ = !!(R && d >= (R.delay || 0) && d <= (R.delay || 0) + (R.durationInFrames || 120)), Y = (lt = (D = i == null ? void 0 : i.loop) == null ? void 0 : D.composition) == null ? void 0 : lt.find(
+    (J) => J.property === "noiseTile" || J.id === "noiseTile"
   ), C = !!(Y && d >= (Y.delay || 0) && d <= (Y.delay || 0) + (Y.durationInFrames || 120)), U = [
-    ...((lt = i == null ? void 0 : i.in) == null ? void 0 : lt.composition) || [],
-    ...((q = i == null ? void 0 : i.out) == null ? void 0 : q.composition) || [],
-    ...((Z = i == null ? void 0 : i.timed) == null ? void 0 : Z.composition) || [],
-    ...((at = i == null ? void 0 : i.loop) == null ? void 0 : at.composition) || []
+    ...((T = i == null ? void 0 : i.in) == null ? void 0 : T.composition) || [],
+    ...((Z = i == null ? void 0 : i.out) == null ? void 0 : Z.composition) || [],
+    ...((at = i == null ? void 0 : i.timed) == null ? void 0 : at.composition) || [],
+    ...((mt = i == null ? void 0 : i.loop) == null ? void 0 : mt.composition) || []
   ], z = () => N ? /* @__PURE__ */ f(
     bn,
     {
@@ -2098,8 +2098,8 @@ function kn({
       durationInFrames: $ == null ? void 0 : $.durationInFrames,
       from: $ == null ? void 0 : $.from,
       to: $ == null ? void 0 : $.to,
-      width: a.width,
-      height: a.height,
+      width: w,
+      height: I,
       borderRadius: v.borderRadius,
       borderWidth: a.borderWidth,
       borderColor: a.borderColor,
@@ -2116,8 +2116,8 @@ function kn({
       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,
+      width: w,
+      height: I,
       borderRadius: v.borderRadius,
       borderWidth: a.borderWidth,
       borderColor: a.borderColor,
@@ -2134,8 +2134,8 @@ function kn({
       durationInFrames: X == null ? void 0 : X.durationInFrames,
       from: X == null ? void 0 : X.from,
       to: X == null ? void 0 : X.to,
-      width: a.width,
-      height: a.height,
+      width: w,
+      height: I,
       borderRadius: v.borderRadius,
       borderWidth: a.borderWidth,
       borderColor: a.borderColor,
@@ -2143,7 +2143,7 @@ function kn({
       fps: n,
       wiggleDetails: X == null ? void 0 : X.details
     }
-  ) : E ? /* @__PURE__ */ f(
+  ) : _ ? /* @__PURE__ */ f(
     ko,
     {
       src: a.src,
@@ -2152,8 +2152,8 @@ function kn({
       durationInFrames: R == null ? void 0 : R.durationInFrames,
       from: R == null ? void 0 : R.from,
       to: R == null ? void 0 : R.to,
-      width: a.width,
-      height: a.height,
+      width: w,
+      height: I,
       borderRadius: v.borderRadius,
       borderWidth: a.borderWidth,
       borderColor: a.borderColor,
@@ -2172,8 +2172,8 @@ function kn({
       durationInFrames: Y == null ? void 0 : Y.durationInFrames,
       from: Y == null ? void 0 : Y.from,
       to: Y == null ? void 0 : Y.to,
-      width: a.width,
-      height: a.height,
+      width: w,
+      height: I,
       borderRadius: v.borderRadius,
       borderWidth: a.borderWidth,
       borderColor: a.borderColor,
@@ -2206,7 +2206,7 @@ function kn({
         filter: m || void 0
       }
     }
-  ), D = /* @__PURE__ */ f(
+  ), tt = N || B || P || _ || C, dt = /* @__PURE__ */ f(
     jt,
     {
       style: {
@@ -2215,7 +2215,7 @@ function kn({
         boxShadow: void 0,
         WebkitTextStroke: y
       },
-      animationIn: p,
+      animationIn: h,
       animationOut: o,
       frame: d,
       durationInFrames: u,
@@ -2223,7 +2223,7 @@ function kn({
       children: /* @__PURE__ */ f(
         At,
         {
-          animationTimed: h,
+          animationTimed: p,
           durationInFrames: u,
           frame: d,
           style: {
@@ -2238,7 +2238,7 @@ function kn({
               keyframeAnimations: U,
               frame: d,
               durationInFrames: u,
-              children: /* @__PURE__ */ bt(
+              children: /* @__PURE__ */ yt(
                 "div",
                 {
                   id: `${t.id}-reveal-mask`,
@@ -2250,11 +2250,11 @@ function kn({
                     width: "100%",
                     height: "100%",
                     position: "relative",
-                    overflow: "hidden",
+                    overflow: tt ? "visible" : "hidden",
                     borderRadius: v.borderRadius
                   },
                   children: [
-                    /* @__PURE__ */ bt(
+                    /* @__PURE__ */ yt(
                       "div",
                       {
                         style: {
@@ -2264,7 +2264,7 @@ function kn({
                         },
                         children: [
                           M ? /* @__PURE__ */ f(
-                            Er,
+                            _r,
                             {
                               width: w,
                               height: I,
@@ -2272,15 +2272,15 @@ function kn({
                               children: z()
                             }
                           ) : z(),
-                          g.map((tt) => /* @__PURE__ */ f("div", { style: tt.style }, tt.id))
+                          g.map((J) => /* @__PURE__ */ f("div", { style: J.style }, J.id))
                         ]
                       }
                     ),
-                    !N && !B && !P && !E && !C && /* @__PURE__ */ f(
+                    !N && !B && !P && !_ && !C && /* @__PURE__ */ f(
                       "div",
                       {
                         style: {
-                          ...hn(a, l),
+                          ...pn(a, l),
                           backgroundColor: "transparent"
                         }
                       }
@@ -2294,33 +2294,33 @@ function kn({
       )
     }
   );
-  return mt({ item: t, options: r, children: D });
+  return gt({ item: t, options: r, children: dt });
 }
 const Nn = ({
   item: t,
   options: r
 }) => {
   var u, d, b, y;
-  const { fps: n, frame: s } = r, { details: c, animations: a } = t, { animationIn: i, animationOut: e, animationTimed: p } = Ft(
+  const { fps: n, frame: s } = r, { details: c, animations: a } = t, { animationIn: i, animationOut: e, animationTimed: h } = Ft(
     a,
     t,
     s,
     n,
     r
-  ), { durationInFrames: o } = wt(t.display, n), h = (s || 0) - t.display.from * n / 1e3, l = /* @__PURE__ */ f(
+  ), { durationInFrames: o } = wt(t.display, n), p = (s || 0) - t.display.from * n / 1e3, l = /* @__PURE__ */ f(
     jt,
     {
       style: Pt(c),
       animationIn: i,
       animationOut: e,
-      frame: h,
+      frame: p,
       durationInFrames: o,
       children: /* @__PURE__ */ f(
         At,
         {
-          animationTimed: p,
+          animationTimed: h,
           durationInFrames: o,
-          frame: h,
+          frame: p,
           style: Pt(c),
           children: /* @__PURE__ */ f(
             Tt,
@@ -2333,9 +2333,9 @@ const Nn = ({
                 ...((y = a == null ? void 0 : a.loop) == null ? void 0 : y.composition) || [],
                 ...i || [],
                 ...e || [],
-                ...p || []
+                ...h || []
               ],
-              frame: h,
+              frame: p,
               durationInFrames: o,
               children: /* @__PURE__ */ f(
                 "div",
@@ -2357,7 +2357,7 @@ const Nn = ({
       )
     }
   );
-  return mt({ item: t, options: r, children: l });
+  return gt({ item: t, options: r, children: l });
 }, Lr = {
   // Legacy Easings
   linear: k.linear,
@@ -2391,20 +2391,20 @@ const Nn = ({
   animationTextFrames: a,
   property: i,
   from: e,
-  to: p,
+  to: h,
   easing: o,
-  delay: h,
+  delay: p,
   details: l,
   phase: u = "in",
   fade: d = !1
 }) => {
-  const b = Math.max(1, a), y = e === p;
+  const b = Math.max(1, a), y = e === h;
   let v, x;
   c <= 1 ? (v = b, x = 0) : y ? (x = b / c, v = x) : (v = Math.min(
     b * 0.45,
     Math.max(2, b / c * 1.5)
   ), v >= b && (v = b * 0.5), x = (b - v) / (c - 1));
-  const M = h + r * x, m = n - M;
+  const M = p + r * x, m = n - M;
   if (u === "in" && m < 0)
     return /* @__PURE__ */ f(
       "span",
@@ -2437,18 +2437,18 @@ const Nn = ({
   const g = y ? 1 : W(m, [0, v], [0, 1], {
     extrapolateLeft: "clamp",
     extrapolateRight: "clamp"
-  }), w = ne(o), I = y ? 1 : w(g), S = e + (p - e) * I;
+  }), w = ne(o), I = y ? 1 : w(g), S = e + (h - e) * I;
   let $ = {
     display: "inline-block",
     transformOrigin: "center"
   };
   const N = [], F = [], B = (X = 50, P = "down") => {
-    const R = typeof (l == null ? void 0 : l.translateY) == "number" ? l.translateY : typeof (l == null ? void 0 : l.translateX) == "number" ? l.translateX : typeof (l == null ? void 0 : l.translate) == "number" ? l.translate : X, E = (l == null ? void 0 : l.direction) || P, Y = u === "out" ? 0 : R, U = Y + ((u === "out" ? R : 0) - Y) * I;
-    if (E === "left" || E === "right") {
-      const z = E === "left" ? -1 : 1;
+    const R = typeof (l == null ? void 0 : l.translateY) == "number" ? l.translateY : typeof (l == null ? void 0 : l.translateX) == "number" ? l.translateX : typeof (l == null ? void 0 : l.translate) == "number" ? l.translate : X, _ = (l == null ? void 0 : l.direction) || P, Y = u === "out" ? 0 : R, U = Y + ((u === "out" ? R : 0) - Y) * I;
+    if (_ === "left" || _ === "right") {
+      const z = _ === "left" ? -1 : 1;
       N.push(`translateX(${z * U}%)`);
     } else {
-      const z = E === "up" ? -1 : 1;
+      const z = _ === "up" ? -1 : 1;
       N.push(`translateY(${z * U}%)`);
     }
   };
@@ -2463,16 +2463,16 @@ const Nn = ({
       let X;
       if (g < 0.65) {
         const P = g / 0.65, R = k.out(k.cubic)(P);
-        X = e + (p + 0.1 - e) * R;
+        X = e + (h + 0.1 - e) * R;
       } else {
         const P = (g - 0.65) / 0.35, R = k.out(k.quad)(P);
-        X = p + 0.1 - 0.1 * R;
+        X = h + 0.1 - 0.1 * R;
       }
       N.push(`scale(${X})`), $.opacity = k.out(k.quad)(g);
       break;
     }
     case "growOut": {
-      const X = k.out(k.cubic)(g), P = e + (p - e) * X;
+      const X = k.out(k.cubic)(g), P = e + (h - e) * X;
       N.push(`scale(${P})`), $.opacity = 1 - k.out(k.quad)(g);
       break;
     }
@@ -2514,8 +2514,8 @@ const Nn = ({
     case "translateX": {
       let X = 100, P = !1;
       if ((l == null ? void 0 : l.width) !== void 0) {
-        const E = typeof l.width == "number" ? l.width : parseFloat(l.width);
-        isNaN(E) || (X = E, P = !0);
+        const _ = typeof l.width == "number" ? l.width : parseFloat(l.width);
+        isNaN(_) || (X = _, P = !0);
       }
       const R = P ? `${S / 100 * X}px` : `${S}%`;
       N.push(`translateX(${R})`), (d || l != null && l.fade) && ($.opacity = u === "out" ? 1 - I : I);
@@ -2524,8 +2524,8 @@ const Nn = ({
     case "translateY": {
       let X = 100, P = !1;
       if ((l == null ? void 0 : l.height) !== void 0) {
-        const E = typeof l.height == "number" ? l.height : parseFloat(l.height);
-        isNaN(E) || (X = E, P = !0);
+        const _ = typeof l.height == "number" ? l.height : parseFloat(l.height);
+        isNaN(_) || (X = _, P = !0);
       }
       const R = P ? `${S / 100 * X}px` : `${S}%`;
       N.push(`translateY(${R})`), (d || l != null && l.fade) && ($.opacity = u === "out" ? 1 - I : I);
@@ -2570,14 +2570,14 @@ const Nn = ({
   textLength: c,
   animationTextInFrames: a
 }) => {
-  const i = a, e = i / (c + 1), p = r * e, o = Mt({
-    frame: n - p,
+  const i = a, e = i / (c + 1), h = r * e, o = Mt({
+    frame: n - h,
     fps: s,
     from: 4,
     to: 1,
     config: { mass: 1, damping: 10 }
-  }), h = W(
-    n - p,
+  }), p = W(
+    n - h,
     [0, i / 2],
     // Ensure opacity fades in within half the duration
     [0, 1],
@@ -2589,7 +2589,7 @@ const Nn = ({
       style: {
         display: "inline-block",
         transform: `scale(${o})`,
-        opacity: h
+        opacity: p
       },
       children: t === " " ? " " : t
     },
@@ -2603,8 +2603,8 @@ const Nn = ({
   textLength: c,
   animationTextInFrames: a
 }) => {
-  const e = a / c, p = r * e, o = Mt({
-    frame: n - p,
+  const e = a / c, h = r * e, o = Mt({
+    frame: n - h,
     fps: s,
     from: -90,
     to: 0,
@@ -2629,8 +2629,8 @@ const Nn = ({
   textLength: c,
   animationTextInFrames: a
 }) => {
-  const e = a / c, p = r * e, o = Mt({
-    frame: n - p,
+  const e = a / c, h = r * e, o = Mt({
+    frame: n - h,
     fps: s,
     from: 0,
     to: 1,
@@ -2655,13 +2655,13 @@ const Nn = ({
   textLength: c,
   animationTextInFrames: a
 }) => {
-  const i = a, e = i / c, p = r * e, o = Mt({
-    frame: n - p,
+  const i = a, e = i / c, h = r * e, o = Mt({
+    frame: n - h,
     fps: s,
     from: 1.1,
     to: 0,
     config: { damping: 10 }
-  }), h = W(n - p, [0, i / 2], [0, 1], {
+  }), p = W(n - h, [0, i / 2], [0, 1], {
     extrapolateRight: "clamp",
     extrapolateLeft: "clamp"
   });
@@ -2671,7 +2671,7 @@ const Nn = ({
       style: {
         display: "inline-block",
         transform: `translateY(${o}em)`,
-        opacity: h
+        opacity: p
       },
       children: t === " " ? " " : t
     },
@@ -2685,14 +2685,14 @@ const Nn = ({
   textLength: c,
   animationTextInFrames: a
 }) => {
-  const i = a, e = i / c, p = r * e, o = Mt({
-    frame: n - p,
+  const i = a, e = i / c, h = r * e, o = Mt({
+    frame: n - h,
     fps: s,
     from: -100,
     to: 0,
     config: { damping: 20, stiffness: 120 }
-  }), h = W(
-    n - p,
+  }), p = W(
+    n - h,
     [0, i / 2],
     // Complete opacity ramp-up within half the duration
     [0, 1],
@@ -2707,7 +2707,7 @@ const Nn = ({
       style: {
         display: "inline-block",
         transform: `translateY(${o}px)`,
-        opacity: h
+        opacity: p
       },
       children: t === " " ? " " : t
     },
@@ -2722,20 +2722,20 @@ const Nn = ({
   animationTextOutFrames: a,
   durationInFrames: i
 }) => {
-  const e = i - a, p = r / c * (i - e), o = Mt({
-    frame: n - e - p,
+  const e = i - a, h = r / c * (i - e), o = Mt({
+    frame: n - e - h,
     fps: s,
     from: 1,
     to: 0,
     config: { mass: 0.5, damping: 10 }
-  }), h = Mt({
-    frame: n - e - p,
+  }), p = Mt({
+    frame: n - e - h,
     fps: s,
     from: 0,
     to: 50,
     config: { mass: 0.5, damping: 10 }
   }), l = Mt({
-    frame: n - e - p,
+    frame: n - e - h,
     fps: s,
     from: 0,
     to: 180,
@@ -2747,7 +2747,7 @@ const Nn = ({
       style: {
         display: "inline-block",
         opacity: o,
-        transform: `translateY(${h}px) rotate(${l}deg)`
+        transform: `translateY(${p}px) rotate(${l}deg)`
       },
       children: t === " " ? " " : t
     },
@@ -2762,13 +2762,13 @@ const Nn = ({
   animationTextOutFrames: a,
   durationInFrames: i
 }) => {
-  const e = i - a, p = a / c, o = e + r * p, h = n - o, l = Mt({
-    frame: h,
+  const e = i - a, h = a / c, o = e + r * h, p = n - o, l = Mt({
+    frame: p,
     fps: s,
     from: 1,
     to: 0,
     config: { mass: 1, damping: 10 }
-  }), u = W(h, [0, p], [1, 0], {
+  }), u = W(p, [0, h], [1, 0], {
     extrapolateLeft: "clamp",
     extrapolateRight: "clamp"
   });
@@ -2793,7 +2793,7 @@ const Nn = ({
   animationTextOutFrames: a,
   durationInFrames: i
 }) => {
-  const p = a / c, h = i - a + r * p, l = n - h, u = Mt({
+  const h = a / c, p = i - a + r * h, l = n - p, u = Mt({
     frame: l,
     fps: s,
     from: 0,
@@ -2811,7 +2811,7 @@ const Nn = ({
     },
     r
   );
-}, he = ({
+}, pe = ({
   char: t,
   index: r,
   frame: n,
@@ -2820,13 +2820,13 @@ const Nn = ({
   animationTextOutFrames: a,
   durationInFrames: i
 }) => {
-  const p = a / c, h = i - a + r * p, l = n - h, u = Mt({
+  const h = a / c, p = i - a + r * h, l = n - p, u = Mt({
     frame: l,
     fps: s,
     from: 0,
     to: 1.1,
     config: { damping: 10 }
-  }), d = W(l, [0, p], [1, 0], {
+  }), d = W(l, [0, h], [1, 0], {
     extrapolateRight: "clamp",
     extrapolateLeft: "clamp"
   });
@@ -2842,7 +2842,7 @@ const Nn = ({
     },
     r
   );
-}, pe = ({
+}, he = ({
   char: t,
   index: r,
   frame: n,
@@ -2850,27 +2850,27 @@ const Nn = ({
   textLength: c,
   animationTextInFrames: a
 }) => {
-  const e = a / c, p = r * e, o = Mt({
-    frame: n - p,
+  const e = a / c, h = r * e, o = Mt({
+    frame: n - h,
     fps: s,
     from: 1.1,
     to: 0,
     config: { damping: 10 }
-  }), h = Mt({
-    frame: n - p,
+  }), p = Mt({
+    frame: n - h,
     fps: s,
     from: 0.55,
     to: 0,
     config: { damping: 10 }
   }), l = Mt({
-    frame: n - p,
+    frame: n - h,
     fps: s,
     from: 180,
     to: 0,
     config: { damping: 10 }
   }), u = W(
     n,
-    [p, p + 15],
+    [h, h + 15],
     // Adjust for opacity ramp-up
     [0, 1],
     {
@@ -2884,7 +2884,7 @@ const Nn = ({
       style: {
         display: "inline-block",
         transformOrigin: "0 100%",
-        transform: `translateY(${o}em) translateX(${h}em) rotateZ(${l}deg)`,
+        transform: `translateY(${o}em) translateX(${p}em) rotateZ(${l}deg)`,
         opacity: u
       },
       children: t === " " ? " " : t
@@ -2900,16 +2900,16 @@ const Nn = ({
   animationTextOutFrames: a,
   durationInFrames: i
 }) => {
-  const e = i - a, p = a / c, o = e + r * p, h = n - o, l = Mt({
-    frame: h,
+  const e = i - a, h = a / c, o = e + r * h, p = n - o, l = Mt({
+    frame: p,
     fps: s,
     from: 0,
     to: 100,
     // Move text out of view
     config: { damping: 20, stiffness: 120 }
   }), u = W(
-    h,
-    [0, p],
+    p,
+    [0, h],
     // Frames for opacity fade-out
     [1, 0],
     {
@@ -2938,25 +2938,25 @@ const Nn = ({
   animationTextOutFrames: a,
   durationInFrames: i
 }) => {
-  const e = i - a, p = a / c, o = e + r * p, h = n - o, l = Mt({
-    frame: h,
+  const e = i - a, h = a / c, o = e + r * h, p = n - o, l = Mt({
+    frame: p,
     fps: s,
     from: 0,
     to: 1,
     config: { mass: 1, damping: 10 }
   }), u = Mt({
-    frame: h,
+    frame: p,
     fps: s,
     from: 0,
     to: 0.55,
     config: { mass: 1, damping: 10 }
   }), d = Mt({
-    frame: h,
+    frame: p,
     fps: s,
     from: 0,
     to: 180,
     config: { mass: 1, damping: 10 }
-  }), b = W(h, [0, p], [1, 0], {
+  }), b = W(p, [0, h], [1, 0], {
     extrapolateLeft: "clamp",
     extrapolateRight: "clamp"
   });
@@ -2982,8 +2982,8 @@ const Nn = ({
   animationTextOutFrames: a,
   durationInFrames: i
 }) => {
-  const e = i - a, p = a / c, o = e + r * p, h = n - o, l = Mt({
-    frame: h,
+  const e = i - a, h = a / c, o = e + r * h, p = n - o, l = Mt({
+    frame: p,
     fps: s,
     from: 1,
     to: 0,
@@ -3057,13 +3057,13 @@ const Nn = ({
   fps: s,
   animationTextInFrames: c
 }) => {
-  const a = c / s, i = n / s, e = Math.min(Math.max(i / a, 0), 1), p = 3 - e * 2, o = e;
+  const a = c / s, i = n / s, e = Math.min(Math.max(i / a, 0), 1), h = 3 - e * 2, o = e;
   return /* @__PURE__ */ f(
     "span",
     {
       style: {
         display: "inline-block",
-        transform: `scale(${p})`,
+        transform: `scale(${h})`,
         opacity: o
       },
       children: t === " " ? " " : t
@@ -3077,13 +3077,13 @@ const Nn = ({
   fps: s,
   animationTextInFrames: c
 }) => {
-  const a = c / s, i = n / s, e = Math.min(Math.max(i / a, 0), 1), p = 3 - e * 2, o = e;
+  const a = c / s, i = n / s, e = Math.min(Math.max(i / a, 0), 1), h = 3 - e * 2, o = e;
   return /* @__PURE__ */ f(
     "span",
     {
       style: {
         display: "inline-block",
-        transform: `scaleX(${p})`,
+        transform: `scaleX(${h})`,
         opacity: o
       },
       children: t === " " ? " " : t
@@ -3098,16 +3098,16 @@ const Nn = ({
   animationTextOutFrames: c,
   durationInFrames: a
 }) => {
-  const i = (a - c) / s, e = a / s, p = n / s, o = Math.min(
-    Math.max((p - i) / (e - i), 0),
+  const i = (a - c) / s, e = a / s, h = n / s, o = Math.min(
+    Math.max((h - i) / (e - i), 0),
     1
-  ), h = 1 + o, l = 1 - o;
+  ), p = 1 + o, l = 1 - o;
   return /* @__PURE__ */ f(
     "span",
     {
       style: {
         display: "inline-block",
-        transform: `scaleX(${h})`,
+        transform: `scaleX(${p})`,
         opacity: l
       },
       children: t === " " ? " " : t
@@ -3122,16 +3122,16 @@ const Nn = ({
   animationTextOutFrames: c,
   durationInFrames: a
 }) => {
-  const i = (a - c) / s, e = a / s, p = n / s, o = Math.min(
-    Math.max((p - i) / (e - i), 0),
+  const i = (a - c) / s, e = a / s, h = n / s, o = Math.min(
+    Math.max((h - i) / (e - i), 0),
     1
-  ), h = 1 + o, l = 1 - o;
+  ), p = 1 + o, l = 1 - o;
   return /* @__PURE__ */ f(
     "span",
     {
       style: {
         display: "inline-block",
-        transform: `scale(${h})`,
+        transform: `scale(${p})`,
         opacity: l
       },
       children: t === " " ? " " : t
@@ -3215,7 +3215,7 @@ const ke = ({
       extrapolateRight: "clamp"
     }
   );
-  return /* @__PURE__ */ bt(
+  return /* @__PURE__ */ yt(
     "span",
     {
       style: {
@@ -3263,13 +3263,13 @@ function Fe({
       if (i + e.length <= c)
         return i += e.length + 1, e;
       if (i < c) {
-        const p = e.slice(0, c - i);
-        return i = c, p;
+        const h = e.slice(0, c - i);
+        return i = c, h;
       }
       return "";
     }).join(" ");
   }, [c]);
-  return /* @__PURE__ */ bt(
+  return /* @__PURE__ */ yt(
     "div",
     {
       style: {
@@ -3307,7 +3307,7 @@ const Ye = ({
 }) => {
   const c = W(r, [0, s], [0, 1], {
     extrapolateRight: "clamp"
-  }), a = n.width, i = n.height, e = W(c, [0, 1], [0, a]), p = W(c, [0, 1], [a / 2, 0]);
+  }), a = n.width, i = n.height, e = W(c, [0, 1], [0, a]), h = W(c, [0, 1], [a / 2, 0]);
   return /* @__PURE__ */ f(
     "div",
     {
@@ -3345,7 +3345,7 @@ const Ye = ({
                 width: n.width,
                 height: n.height,
                 color: n.color === "white" || n.color.includes("fff") ? "black" : n.color,
-                transform: `translateX(${p * 2}px)`
+                transform: `translateX(${h * 2}px)`
               },
               children: t
             }
@@ -3362,7 +3362,7 @@ const Ye = ({
 }) => {
   const c = n * 0.5, a = n, i = 8, e = W(r, [0, c], [0.5, 1], {
     extrapolateRight: "clamp"
-  }), p = e, o = 0, h = 1, l = W(r, [0, c], [2, 1], {
+  }), h = e, o = 0, p = 1, l = W(r, [0, c], [2, 1], {
     extrapolateRight: "clamp"
   }), u = r < c ? W(r, [0, c], [20, 0], {
     extrapolateRight: "clamp"
@@ -3405,7 +3405,7 @@ const Ye = ({
       )
     );
   }
-  return /* @__PURE__ */ bt(
+  return /* @__PURE__ */ yt(
     "div",
     {
       style: {
@@ -3423,7 +3423,7 @@ const Ye = ({
               width: s.width,
               height: s.height,
               background: "transparent",
-              transform: `scale(${p})`
+              transform: `scale(${h})`
             },
             children: t
           }
@@ -3446,9 +3446,9 @@ const Ye = ({
           "span",
           {
             style: {
-              opacity: h,
+              opacity: p,
               filter: `blur(${o}px)`,
-              transform: `scale(${p})`,
+              transform: `scale(${h})`,
               fontSize: parseFloat(s.fontSize.toString()),
               position: "absolute",
               width: s.width,
@@ -3477,12 +3477,12 @@ const Ye = ({
   details: s
 }) => {
   const c = n * 3 / 4, a = Math.floor(c / Hr.length);
-  let i = "", e = 0, p = a, o = 2, h = 0.5, l = parseFloat(s.fontSize.toString());
+  let i = "", e = 0, h = a, o = 2, p = 0.5, l = parseFloat(s.fontSize.toString());
   if (r < c) {
     const v = Math.floor(r / a);
-    i = Hr[v], e = r - v * a, p = a, o = 2, h = 0.5, l = parseFloat(s.fontSize.toString());
-  } else r < n ? (i = t, e = r - c, p = n - c, o = 2, h = 1, l = parseFloat(s.fontSize.toString())) : (i = t, e = p, o = 1, h = 1, l = parseFloat(s.fontSize.toString()));
-  const u = Math.min(e / p, 1), d = W(u, [0, 1], [o, h]), b = W(u, [0, 1], [0.3, 1]), y = W(u, [0, 1], [8, 0]);
+    i = Hr[v], e = r - v * a, h = a, o = 2, p = 0.5, l = parseFloat(s.fontSize.toString());
+  } else r < n ? (i = t, e = r - c, h = n - c, o = 2, p = 1, l = parseFloat(s.fontSize.toString())) : (i = t, e = h, o = 1, p = 1, l = parseFloat(s.fontSize.toString()));
+  const u = Math.min(e / h, 1), d = W(u, [0, 1], [o, p]), b = W(u, [0, 1], [0.3, 1]), y = W(u, [0, 1], [8, 0]);
   return /* @__PURE__ */ f(
     "span",
     {
@@ -3518,8 +3518,8 @@ const Ye = ({
       const w = m ? `${m} ${g}` : g;
       v.measureText(w).width > d ? (M.push(m), m = g) : m = w;
     }), m && M.push(m), M;
-  }, i = n.width || 300, e = a(t, i, n.fontSize), p = s / c, o = 0.3, h = p / e.length, l = e.map((u, d) => {
-    const b = d * h * (1 - o) * 1.5, y = b + h, v = b * c, x = Math.max(y * c, p * c), M = W(r, [v, x], [0, 1], {
+  }, i = n.width || 300, e = a(t, i, n.fontSize), h = s / c, o = 0.3, p = h / e.length, l = e.map((u, d) => {
+    const b = d * p * (1 - o) * 1.5, y = b + p, v = b * c, x = Math.max(y * c, h * c), M = W(r, [v, x], [0, 1], {
       easing: k.out(k.cubic),
       extrapolateLeft: "clamp",
       extrapolateRight: "clamp"
@@ -3581,13 +3581,13 @@ const Ye = ({
       children: t
     }
   );
-}, _e = ({
+}, Ee = ({
   frame: t,
   durationInFrames: r,
   text: n
 }) => {
   const s = W(t, [0, r / 2], [0, 360]), c = s - 90;
-  return /* @__PURE__ */ bt(
+  return /* @__PURE__ */ yt(
     "div",
     {
       style: {
@@ -3626,7 +3626,7 @@ const Ye = ({
       ]
     }
   );
-}, Ee = ({
+}, _e = ({
   frame: t,
   text: r,
   details: n,
@@ -3689,31 +3689,31 @@ const We = ({ text: t, frame: r }) => {
         height: "100%",
         position: "relative"
       },
-      children: Array.from({ length: i }).map((e, p) => {
-        const o = p * 4, h = -p * 2, l = 1 / (i - p);
+      children: Array.from({ length: i }).map((e, h) => {
+        const o = h * 4, p = -h * 2, l = 1 / (i - h);
         return /* @__PURE__ */ f(
           "div",
           {
             style: {
               position: "absolute",
-              transform: `translate(${o * 4}px, ${h * 4}px)`,
+              transform: `translate(${o * 4}px, ${p * 4}px)`,
               fontWeight: "bold",
               fontSize: n.fontSize,
-              zIndex: p,
-              color: i !== p + 1 ? "red" : n.color,
+              zIndex: h,
+              color: i !== h + 1 ? "red" : n.color,
               background: "transparent",
               opacity: l
             },
             children: t
           },
-          p
+          h
         );
       })
     }
   );
 }, Ce = ({ text: t, frame: r }) => {
   const n = Math.sin(r / 10) * 10, s = Math.sin(r / 5) * 10;
-  return /* @__PURE__ */ bt(
+  return /* @__PURE__ */ yt(
     "span",
     {
       style: {
@@ -3760,14 +3760,14 @@ const We = ({ text: t, frame: r }) => {
   details: i,
   marqueeDetails: e
 }) => {
-  const p = Nt(), o = typeof r == "number" && !isNaN(r) ? r : p, h = Math.max(0, o - (n || 0)), l = Math.min(1, Math.max(0, h / (s || 1))), u = i.width || 300, d = i.height || 100, b = (e == null ? void 0 : e.direction) || "horizontal", y = b === "static", v = Math.min(15, Math.max(1, Number((e == null ? void 0 : e.repeatX) ?? 5))), x = 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, m = (e == null ? void 0 : e.speedVariation) !== void 0 ? Number(e.speedVariation) : 0.5, g = e != null && e.hasInitialValue && (e == null ? void 0 : e.initialBaseSpeed) !== void 0 ? Number(e.initialBaseSpeed) : M, w = e != null && e.hasInitialValue ? g + (M - g) * l : M, I = y ? 0 : w * 400, S = y ? 0 : w * 400, $ = (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) : $, F = e != null && e.hasInitialValue ? N + ($ - N) * l : $, B = (e == null ? void 0 : e.lineOffset) !== void 0 ? Number(e.lineOffset) : 0.5, X = (e == null ? void 0 : e.gapX) !== void 0 ? Number(e.gapX) : 60, P = (e == null ? void 0 : e.gapY) !== void 0 ? Number(e.gapY) : 60, R = X / 100 * u, E = P / 100 * d, Y = u * F + R, C = d * F + E, U = Dt(i), z = b === "vertical" || b === "up" || b === "down", D = b === "diagonal", dt = (v - 1) / 2, et = (x - 1) / 2, K = x, nt = v, G = Array.from({ length: K }, (O, j) => j - et), Q = Array.from({ length: nt }, (O, j) => j - dt), ht = (O, j, T, lt) => /* @__PURE__ */ f(
+  const h = Nt(), o = typeof r == "number" && !isNaN(r) ? r : h, p = Math.max(0, o - (n || 0)), l = Math.min(1, Math.max(0, p / (s || 1))), u = i.width || 300, d = i.height || 100, b = (e == null ? void 0 : e.direction) || "horizontal", y = b === "static", v = Math.min(15, Math.max(1, Number((e == null ? void 0 : e.repeatX) ?? 5))), x = 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, m = (e == null ? void 0 : e.speedVariation) !== void 0 ? Number(e.speedVariation) : 0.5, g = e != null && e.hasInitialValue && (e == null ? void 0 : e.initialBaseSpeed) !== void 0 ? Number(e.initialBaseSpeed) : M, w = e != null && e.hasInitialValue ? g + (M - g) * l : M, I = y ? 0 : w * 400, S = y ? 0 : w * 400, $ = (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) : $, F = e != null && e.hasInitialValue ? N + ($ - N) * l : $, B = (e == null ? void 0 : e.lineOffset) !== void 0 ? Number(e.lineOffset) : 0.5, X = (e == null ? void 0 : e.gapX) !== void 0 ? Number(e.gapX) : 60, P = (e == null ? void 0 : e.gapY) !== void 0 ? Number(e.gapY) : 60, R = X / 100 * u, _ = P / 100 * d, Y = u * F + R, C = d * F + _, U = Dt(i), z = b === "vertical" || b === "up" || b === "down", tt = b === "diagonal", dt = (v - 1) / 2, et = (x - 1) / 2, K = x, nt = v, G = Array.from({ length: K }, (O, j) => j - et), Q = Array.from({ length: nt }, (O, j) => j - dt), pt = (O, j, D, lt) => /* @__PURE__ */ f(
     "span",
     {
       style: {
         ...U,
         position: "absolute",
         left: `calc(50% + ${j}px)`,
-        top: `calc(50% + ${T}px)`,
+        top: `calc(50% + ${D}px)`,
         transform: `translate(-50%, -50%) scale(${F})`,
         transformOrigin: "center center",
         opacity: lt ? 1 : 0.85,
@@ -3787,21 +3787,21 @@ const We = ({ text: t, frame: r }) => {
         overflow: "visible"
       },
       children: Q.map((O, j) => {
-        let T = j % 2 === 0 ? 1 : -1;
-        b === "up" && (T = -1), b === "down" && (T = 1);
-        const lt = 1 + j % 2 * (m * 0.5), q = S > 0 && T !== 0 ? T * (h * S * 0.1 * lt) + O * (C * B) : O * (C * B), Z = S === 0 || T === 0 ? 0 : (q % C + C) % C - C / 2;
-        return G.map((at, tt) => {
-          const yt = O * Y, rt = at * C + Z;
-          return ht(
-            `v-${j}-${tt}`,
-            yt,
+        let D = j % 2 === 0 ? 1 : -1;
+        b === "up" && (D = -1), b === "down" && (D = 1);
+        const lt = 1 + j % 2 * (m * 0.5), T = S > 0 && D !== 0 ? D * (p * S * 0.1 * lt) + O * (C * B) : O * (C * B), Z = S === 0 || D === 0 ? 0 : (T % C + C) % C - C / 2;
+        return G.map((at, mt) => {
+          const J = O * Y, rt = at * C + Z;
+          return pt(
+            `v-${j}-${mt}`,
+            J,
             rt,
             O === 0 && at === 0
           );
         });
       })
     }
-  ) : D ? /* @__PURE__ */ f(
+  ) : tt ? /* @__PURE__ */ f(
     "div",
     {
       style: {
@@ -3811,10 +3811,10 @@ const We = ({ text: t, frame: r }) => {
         overflow: "visible"
       },
       children: G.map((O, j) => {
-        const T = j % 2 === 0 ? 1 : -1, lt = j % 2 === 0 ? 1 : -1, q = 1 + j % 2 * (m * 0.5), Z = I > 0 ? T * (h * I * 0.1 * q) + O * (Y * B) : O * (Y * B), at = I === 0 ? 0 : (Z % Y + Y) % Y - Y / 2, tt = S > 0 ? lt * (h * S * 0.1 * q) + O * (C * B) : O * (C * B), yt = S === 0 ? 0 : (tt % C + C) % C - C / 2;
+        const D = j % 2 === 0 ? 1 : -1, lt = j % 2 === 0 ? 1 : -1, T = 1 + j % 2 * (m * 0.5), Z = I > 0 ? D * (p * I * 0.1 * T) + O * (Y * B) : O * (Y * B), at = I === 0 ? 0 : (Z % Y + Y) % Y - Y / 2, mt = S > 0 ? lt * (p * S * 0.1 * T) + O * (C * B) : O * (C * B), J = S === 0 ? 0 : (mt % C + C) % C - C / 2;
         return Q.map((rt, ct) => {
-          const st = rt * Y + at, ut = O * C + yt;
-          return ht(
+          const st = rt * Y + at, ut = O * C + J;
+          return pt(
             `d-${j}-${ct}`,
             st,
             ut,
@@ -3833,14 +3833,14 @@ const We = ({ text: t, frame: r }) => {
         overflow: "visible"
       },
       children: G.map((O, j) => {
-        let T = j % 2 === 0 ? 1 : -1;
-        b === "left" && (T = -1), b === "right" && (T = 1);
-        const lt = 1 + j % 2 * (m * 0.5), q = I > 0 && T !== 0 ? T * (h * I * 0.1 * lt) + O * (Y * B) : O * (Y * B), Z = I === 0 || T === 0 ? 0 : (q % Y + Y) % Y - Y / 2;
-        return Q.map((at, tt) => {
-          const yt = at * Y + Z, rt = O * C;
-          return ht(
-            `h-${j}-${tt}`,
-            yt,
+        let D = j % 2 === 0 ? 1 : -1;
+        b === "left" && (D = -1), b === "right" && (D = 1);
+        const lt = 1 + j % 2 * (m * 0.5), T = I > 0 && D !== 0 ? D * (p * I * 0.1 * lt) + O * (Y * B) : O * (Y * B), Z = I === 0 || D === 0 ? 0 : (T % Y + Y) % Y - Y / 2;
+        return Q.map((at, mt) => {
+          const J = at * Y + Z, rt = O * C;
+          return pt(
+            `h-${j}-${mt}`,
+            J,
             rt,
             O === 0 && at === 0
           );
@@ -3858,7 +3858,7 @@ const We = ({ text: t, frame: r }) => {
   details: i,
   echoesDetails: e
 }) => {
-  const p = Nt(), o = typeof r == "number" && !isNaN(r) ? r : p, h = i.width || 300, l = i.height || 100, u = (e == null ? void 0 : e.keepStill) || "both", d = 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), v = Number((e == null ? void 0 : e.toCenterY) ?? 0.5), x = (e == null ? void 0 : e.initialRepeatCount) !== void 0 ? Number(e.initialRepeatCount) : d, M = (e == null ? void 0 : e.initialScaleDown) !== void 0 ? Number(e.initialScaleDown) : 1, m = (e == null ? void 0 : e.initialCenterX) !== void 0 ? Number(e.initialCenterX) : y, g = (e == null ? void 0 : e.initialCenterY) !== void 0 ? Number(e.initialCenterY) : v, w = Math.max(0, o - (n || 0)), I = Math.min(1, Math.max(0, w / (s || 1)));
+  const h = Nt(), o = typeof r == "number" && !isNaN(r) ? r : h, p = i.width || 300, l = i.height || 100, u = (e == null ? void 0 : e.keepStill) || "both", d = 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), v = Number((e == null ? void 0 : e.toCenterY) ?? 0.5), x = (e == null ? void 0 : e.initialRepeatCount) !== void 0 ? Number(e.initialRepeatCount) : d, M = (e == null ? void 0 : e.initialScaleDown) !== void 0 ? Number(e.initialScaleDown) : 1, m = (e == null ? void 0 : e.initialCenterX) !== void 0 ? Number(e.initialCenterX) : y, g = (e == null ? void 0 : e.initialCenterY) !== void 0 ? Number(e.initialCenterY) : v, w = Math.max(0, o - (n || 0)), I = Math.min(1, Math.max(0, w / (s || 1)));
   let $ = c + (a - c) * I;
   u === "initial" ? $ = 0 : u === "final" && ($ = 1);
   const N = Math.max(
@@ -3876,7 +3876,7 @@ const We = ({ text: t, frame: r }) => {
     $,
     [0, 1],
     [g, v]
-  ), P = Dt(i), R = Array.from({ length: N }, (E, Y) => Y);
+  ), P = Dt(i), R = Array.from({ length: N }, (_, Y) => Y);
   return /* @__PURE__ */ f(
     "div",
     {
@@ -3886,8 +3886,8 @@ const We = ({ text: t, frame: r }) => {
         position: "relative",
         overflow: "hidden"
       },
-      children: R.map((E) => {
-        const Y = N > 1 ? E / (N - 1) : 0, C = 1 - Y * (1 - Math.max(0.01, F)), U = (B - 0.5) * h * Y, z = (X - 0.5) * l * Y;
+      children: R.map((_) => {
+        const Y = N > 1 ? _ / (N - 1) : 0, C = 1 - Y * (1 - Math.max(0.01, F)), U = (B - 0.5) * p * Y, z = (X - 0.5) * l * Y;
         return /* @__PURE__ */ f(
           "span",
           {
@@ -3900,12 +3900,12 @@ const We = ({ text: t, frame: r }) => {
               transformOrigin: "center center",
               lineHeight: 1,
               whiteSpace: "nowrap",
-              zIndex: E + 1,
-              opacity: E === 0 ? 1 : 0.85
+              zIndex: _ + 1,
+              opacity: _ === 0 ? 1 : 0.85
             },
             children: t
           },
-          `echo-${E}`
+          `echo-${_}`
         );
       })
     }
@@ -3920,7 +3920,7 @@ const We = ({ text: t, frame: r }) => {
   details: i,
   wiggleDetails: e
 }) => {
-  const p = Nt(), o = typeof r == "number" && !isNaN(r) ? r : p, h = Number((e == null ? void 0 : e.wiggleX) ?? 20), l = Number((e == null ? void 0 : e.wiggleY) ?? 20), u = Number((e == null ? void 0 : e.speed) ?? 3), d = 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, v = e != null && e.hasInitialValue && (e == null ? void 0 : e.initialWiggleY) !== void 0 ? Number(e.initialWiggleY) : l, x = 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) : d, m = Math.max(0, o - (n || 0)), g = Math.min(1, Math.max(0, m / (s || 1))), w = e != null && e.hasInitialValue ? y + (h - y) * g : h, I = e != null && e.hasInitialValue ? v + (l - v) * g : l, S = e != null && e.hasInitialValue ? x + (u - x) * g : u, $ = e != null && e.hasInitialValue ? M + (d - M) * g : d, N = o * (S * 0.08), F = b * 12.345, B = Math.sin(N + F) * Math.cos(N * 0.65 + F) * w, X = Math.cos(N * 0.85 + F) * Math.sin(N * 1.15 + F) * I, P = Math.sin(N * 0.9 + F * 1.35) * $, R = Dt(i);
+  const h = Nt(), o = typeof r == "number" && !isNaN(r) ? r : h, p = Number((e == null ? void 0 : e.wiggleX) ?? 20), l = Number((e == null ? void 0 : e.wiggleY) ?? 20), u = Number((e == null ? void 0 : e.speed) ?? 3), d = 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, v = e != null && e.hasInitialValue && (e == null ? void 0 : e.initialWiggleY) !== void 0 ? Number(e.initialWiggleY) : l, x = 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) : d, m = Math.max(0, o - (n || 0)), g = Math.min(1, Math.max(0, m / (s || 1))), w = e != null && e.hasInitialValue ? y + (p - y) * g : p, I = e != null && e.hasInitialValue ? v + (l - v) * g : l, S = e != null && e.hasInitialValue ? x + (u - x) * g : u, $ = e != null && e.hasInitialValue ? M + (d - M) * g : d, N = o * (S * 0.08), F = b * 12.345, B = Math.sin(N + F) * Math.cos(N * 0.65 + F) * w, X = Math.cos(N * 0.85 + F) * Math.sin(N * 1.15 + F) * I, P = Math.sin(N * 0.9 + F * 1.35) * $, R = Dt(i);
   return /* @__PURE__ */ f(
     "div",
     {
@@ -3958,7 +3958,7 @@ const We = ({ text: t, frame: r }) => {
   details: i,
   cardFlipDetails: e
 }) => {
-  const p = Dt(i);
+  const h = Dt(i);
   return /* @__PURE__ */ f(
     Wr,
     {
@@ -3970,7 +3970,7 @@ const We = ({ text: t, frame: r }) => {
       width: i.width,
       height: i.height,
       cardFlipDetails: e,
-      children: /* @__PURE__ */ f("span", { style: p, children: t })
+      children: /* @__PURE__ */ f("span", { style: h, children: t })
     }
   );
 }, Ae = ({
@@ -3983,23 +3983,23 @@ const We = ({ text: t, frame: r }) => {
   details: i,
   noiseTileDetails: e
 }) => {
-  const p = Nt(), o = typeof r == "number" && !isNaN(r) ? r : p, h = i.width || 300, l = i.height || 100, u = (e == null ? void 0 : e.keepStill) || "both", d = 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), v = Number((e == null ? void 0 : e.toGapY) ?? (e == null ? void 0 : e.gapY) ?? 12), x = 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), m = Number((e == null ? void 0 : e.toNoiseMoveX) ?? (e == null ? void 0 : e.noiseMoveX) ?? 0.6), g = Number((e == null ? void 0 : e.toNoiseMoveY) ?? (e == null ? void 0 : e.noiseMoveY) ?? 0.4), w = Number((e == null ? void 0 : e.toFps) ?? (e == null ? void 0 : e.fps) ?? 12), I = Number((e == null ? void 0 : e.toThreshold) ?? (e == null ? void 0 : e.threshold) ?? 0.45), S = Number((e == null ? void 0 : e.toSeedOffset) ?? (e == null ? void 0 : e.seedOffset) ?? 0), $ = !!(e != null && e.hasInitialValue), N = $ ? Number((e == null ? void 0 : e.initialXRepetitions) ?? d) : d, F = $ ? Number((e == null ? void 0 : e.initialYRepetitions) ?? b) : b, B = $ ? Number((e == null ? void 0 : e.initialGapX) ?? y) : y, X = $ ? Number((e == null ? void 0 : e.initialGapY) ?? v) : v, P = $ ? Number((e == null ? void 0 : e.initialScale) ?? x) : x, R = $ ? Number((e == null ? void 0 : e.initialNoiseScale) ?? M) : M, E = $ ? Number((e == null ? void 0 : e.initialNoiseMoveX) ?? m) : m, Y = $ ? Number((e == null ? void 0 : e.initialNoiseMoveY) ?? g) : g, C = $ ? Number((e == null ? void 0 : e.initialFps) ?? w) : w, U = $ ? Number((e == null ? void 0 : e.initialThreshold) ?? I) : I, z = $ ? Number((e == null ? void 0 : e.initialSeedOffset) ?? S) : S, D = Math.max(0, o - (n || 0)), dt = Math.min(1, Math.max(0, D / (s || 1)));
+  const h = Nt(), o = typeof r == "number" && !isNaN(r) ? r : h, p = i.width || 300, l = i.height || 100, u = (e == null ? void 0 : e.keepStill) || "both", d = 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), v = Number((e == null ? void 0 : e.toGapY) ?? (e == null ? void 0 : e.gapY) ?? 12), x = 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), m = Number((e == null ? void 0 : e.toNoiseMoveX) ?? (e == null ? void 0 : e.noiseMoveX) ?? 0.6), g = Number((e == null ? void 0 : e.toNoiseMoveY) ?? (e == null ? void 0 : e.noiseMoveY) ?? 0.4), w = Number((e == null ? void 0 : e.toFps) ?? (e == null ? void 0 : e.fps) ?? 12), I = Number((e == null ? void 0 : e.toThreshold) ?? (e == null ? void 0 : e.threshold) ?? 0.45), S = Number((e == null ? void 0 : e.toSeedOffset) ?? (e == null ? void 0 : e.seedOffset) ?? 0), $ = !!(e != null && e.hasInitialValue), N = $ ? Number((e == null ? void 0 : e.initialXRepetitions) ?? d) : d, F = $ ? Number((e == null ? void 0 : e.initialYRepetitions) ?? b) : b, B = $ ? Number((e == null ? void 0 : e.initialGapX) ?? y) : y, X = $ ? Number((e == null ? void 0 : e.initialGapY) ?? v) : v, P = $ ? Number((e == null ? void 0 : e.initialScale) ?? x) : x, R = $ ? Number((e == null ? void 0 : e.initialNoiseScale) ?? M) : M, _ = $ ? Number((e == null ? void 0 : e.initialNoiseMoveX) ?? m) : m, Y = $ ? Number((e == null ? void 0 : e.initialNoiseMoveY) ?? g) : g, C = $ ? Number((e == null ? void 0 : e.initialFps) ?? w) : w, U = $ ? Number((e == null ? void 0 : e.initialThreshold) ?? I) : I, z = $ ? Number((e == null ? void 0 : e.initialSeedOffset) ?? S) : S, tt = Math.max(0, o - (n || 0)), dt = Math.min(1, Math.max(0, tt / (s || 1)));
   let K = c + (a - c) * dt;
   u === "initial" ? K = 0 : u === "final" && (K = 1);
-  const nt = Math.max(1, Math.round(W(K, [0, 1], [N, d]))), G = Math.max(1, Math.round(W(K, [0, 1], [F, b]))), Q = W(K, [0, 1], [B, y]), ht = W(K, [0, 1], [X, v]), O = W(K, [0, 1], [P, x]), j = W(K, [0, 1], [R, M]), T = W(K, [0, 1], [E, m]), lt = W(K, [0, 1], [Y, g]), q = Math.max(1, Math.round(W(K, [0, 1], [C, w]))), Z = W(K, [0, 1], [U, I]), at = W(K, [0, 1], [z, S]), tt = Dt(i), yt = Math.floor(D * (q / 30)), rt = (nt - 1) / 2, ct = (G - 1) / 2, st = [];
+  const nt = Math.max(1, Math.round(W(K, [0, 1], [N, d]))), G = Math.max(1, Math.round(W(K, [0, 1], [F, b]))), Q = W(K, [0, 1], [B, y]), pt = W(K, [0, 1], [X, v]), O = W(K, [0, 1], [P, x]), j = W(K, [0, 1], [R, M]), D = W(K, [0, 1], [_, m]), lt = W(K, [0, 1], [Y, g]), T = Math.max(1, Math.round(W(K, [0, 1], [C, w]))), Z = W(K, [0, 1], [U, I]), at = W(K, [0, 1], [z, S]), mt = Dt(i), J = Math.floor(tt * (T / 30)), rt = (nt - 1) / 2, ct = (G - 1) / 2, st = [];
   for (let ut = 0; ut < G; ut++)
-    for (let pt = 0; pt < nt; pt++) {
-      const vt = pt / Math.max(1, nt) * j, $t = ut / Math.max(1, G) * j, It = yt * 0.1 + at, ft = mn(
-        vt + yt * T * 0.05,
-        $t + yt * lt * 0.05,
+    for (let ht = 0; ht < nt; ht++) {
+      const bt = ht / Math.max(1, nt) * j, $t = ut / Math.max(1, G) * j, It = J * 0.1 + at, ft = mn(
+        bt + J * D * 0.05,
+        $t + J * lt * 0.05,
         It,
         at
-      ), Yt = pt === Math.floor(rt) && ut === Math.floor(ct) || ft >= Z, Rt = pt - rt, Xt = ut - ct, _t = Q / 100 * h, zt = ht / 100 * l, Et = Rt * (h * O + _t), Wt = Xt * (l * O + zt);
+      ), Yt = ht === Math.floor(rt) && ut === Math.floor(ct) || ft >= Z, Rt = ht - rt, Xt = ut - ct, Et = Q / 100 * p, zt = pt / 100 * l, _t = Rt * (p * O + Et), Wt = Xt * (l * O + zt);
       st.push({
-        col: pt,
+        col: ht,
         row: ut,
         visible: Yt,
-        posX: Et,
+        posX: _t,
         posY: Wt
       });
     }
@@ -4016,7 +4016,7 @@ const We = ({ text: t, frame: r }) => {
         "span",
         {
           style: {
-            ...tt,
+            ...mt,
             position: "absolute",
             left: `calc(50% + ${ut.posX}px)`,
             top: `calc(50% + ${ut.posY}px)`,
@@ -4047,17 +4047,17 @@ const We = ({ text: t, frame: r }) => {
     )
   ), i = yr(() => {
     let e = 0;
-    return r.split(" ").map((p) => {
-      if (e + p.length <= a)
-        return e += p.length + 1, p;
+    return r.split(" ").map((h) => {
+      if (e + h.length <= a)
+        return e += h.length + 1, h;
       if (e < a) {
-        const o = p.slice(0, a - e);
+        const o = h.slice(0, a - e);
         return e = a, o;
       }
       return "";
     }).join(" ");
   }, [a]);
-  return /* @__PURE__ */ bt(
+  return /* @__PURE__ */ yt(
     "div",
     {
       style: {
@@ -4104,10 +4104,10 @@ const We = ({ text: t, frame: r }) => {
       const S = w ? `${w} ${I}` : I;
       M.measureText(S).width > y ? (g.push(w), w = I) : w = S;
     }), w && g.push(w), g;
-  }, e = (a - s) / c, p = n.width || 300, o = i(t, p, n.fontSize), h = s / c, l = 0.5, u = h / o.length, d = o.map((b, y) => {
+  }, e = (a - s) / c, h = n.width || 300, o = i(t, h, n.fontSize), p = s / c, l = 0.5, u = p / o.length, d = o.map((b, y) => {
     const v = e + y * u * (1 - l) * 1.5, x = v + u, M = v * c, m = Math.min(
       x * c,
-      (e + h) * c
+      (e + p) * c
     ), g = W(r, [M, m], [0, 1], {
       easing: k.in(k.cubic),
       extrapolateLeft: "clamp",
@@ -4128,7 +4128,7 @@ const We = ({ text: t, frame: r }) => {
         flexDirection: "column",
         alignItems: "center",
         overflow: "hidden",
-        width: `${p}px`
+        width: `${h}px`
       },
       children: d.map((b, y) => /* @__PURE__ */ f(
         "div",
@@ -4162,13 +4162,13 @@ const We = ({ text: t, frame: r }) => {
   durationInFrames: c,
   fps: a
 }) => {
-  const i = c - n, p = W(r, [i, i + n], [0, 1], {
+  const i = c - n, h = W(r, [i, i + n], [0, 1], {
     extrapolateRight: "clamp"
-  }), o = s.width, h = s.height, l = W(
-    Math.round(p * 100),
+  }), o = s.width, p = s.height, l = W(
+    Math.round(h * 100),
     [0, 100 - a / 10],
     [o, 0]
-  ), u = W(p, [0, 1], [0, o * 2]);
+  ), u = W(h, [0, 1], [0, o * 2]);
   return /* @__PURE__ */ f(
     "div",
     {
@@ -4186,7 +4186,7 @@ const We = ({ text: t, frame: r }) => {
         {
           style: {
             width: l,
-            height: h,
+            height: p,
             overflow: "hidden",
             display: "flex",
             position: "relative",
@@ -4221,14 +4221,14 @@ const We = ({ text: t, frame: r }) => {
   greatThinkersTextAnimationIn: ae,
   beautifulQuestionsTextAnimationIn: ce,
   madeWithLoveTextAnimationIn: ie,
-  realityIsBrokenTextAnimationIn: pe,
+  realityIsBrokenTextAnimationIn: he,
   dropTextAnimationIn: xe,
   descompressTextAnimationIn: $e
 }, Qe = {
   animatedTextOut: de,
   sunnyMorningsTextAnimationOut: ue,
   dominoDreamsTextAnimationOut: le,
-  beautifulQuestionsTextAnimationOut: he,
+  beautifulQuestionsTextAnimationOut: pe,
   madeWithLoveTextAnimationOut: fe,
   realityIsBrokenTextAnimationOut: ye,
   greatThinkersTextAnimationOut: be,
@@ -4251,9 +4251,9 @@ const We = ({ text: t, frame: r }) => {
   textAnimationModeIn: a = "letter",
   textAnimationModeOut: i = "letter",
   textAnimationModeLoop: e = "letter",
-  textAnimationModeTimed: p = "all",
+  textAnimationModeTimed: h = "all",
   basicCharAnimationsIn: o,
-  basicCharAnimationsOut: h,
+  basicCharAnimationsOut: p,
   basicCharAnimationsLoop: l,
   basicCharAnimationsTimed: u,
   loopComposition: d,
@@ -4266,11 +4266,11 @@ const We = ({ text: t, frame: r }) => {
   durationInFrames: g,
   animationFonts: w
 }) => {
-  var St, Yt, Rt, Xt, _t, zt, Et, Wt, Lt, Ht, Ut, Zt, Qt, tr;
-  const I = v, S = g - x, $ = n ? I >= y : !1, N = s ? y >= S : !1, F = o && o.length > 0, B = h && h.length > 0, X = l && l.length > 0, P = u && u.length > 0, R = ((St = o == null ? void 0 : o[0]) == null ? void 0 : St.durationInFrames) || v, E = ((Yt = o == null ? void 0 : o[0]) == null ? void 0 : Yt.delay) || 0, Y = R + E, C = ((Rt = h == null ? void 0 : h[0]) == null ? void 0 : Rt.durationInFrames) || x, U = ((Xt = h == null ? void 0 : h[0]) == null ? void 0 : Xt.delay) || 0, z = C + U, D = Math.max(0, g - z), dt = ((_t = u == null ? void 0 : u[0]) == null ? void 0 : _t.delay) || 0, et = dt, K = dt + (((zt = u == null ? void 0 : u[0]) == null ? void 0 : zt.durationInFrames) || m), nt = F && !n && (X ? y < Y : y < D), G = B && !s && y >= D, Q = P && !nt && !G && y >= et && y <= K, ht = X && !c && !nt && !G && !Q, j = ((H, L, _) => {
+  var St, Yt, Rt, Xt, Et, zt, _t, Wt, Lt, Ht, Ut, Zt, Qt, tr;
+  const I = v, S = g - x, $ = n ? I >= y : !1, N = s ? y >= S : !1, F = o && o.length > 0, B = p && p.length > 0, X = l && l.length > 0, P = u && u.length > 0, R = ((St = o == null ? void 0 : o[0]) == null ? void 0 : St.durationInFrames) || v, _ = ((Yt = o == null ? void 0 : o[0]) == null ? void 0 : Yt.delay) || 0, Y = R + _, C = ((Rt = p == null ? void 0 : p[0]) == null ? void 0 : Rt.durationInFrames) || x, U = ((Xt = p == null ? void 0 : p[0]) == null ? void 0 : Xt.delay) || 0, z = C + U, tt = Math.max(0, g - z), dt = ((Et = u == null ? void 0 : u[0]) == null ? void 0 : Et.delay) || 0, et = dt, K = dt + (((zt = u == null ? void 0 : u[0]) == null ? void 0 : zt.durationInFrames) || m), nt = F && !n && (X ? y < Y : y < tt), G = B && !s && y >= tt, Q = P && !nt && !G && y >= et && y <= K, pt = X && !c && !nt && !G && !Q, j = ((H, L, E) => {
     const it = document.createElement("canvas").getContext("2d");
     if (!it) return [];
-    it.font = `${_}px Arial`;
+    it.font = `${E}px Arial`;
     const V = [], A = H.split(`
 `);
     for (const ot of A) {
@@ -4279,12 +4279,12 @@ const We = ({ text: t, frame: r }) => {
         continue;
       }
       const rr = ot.split(" ");
-      let gt = "";
+      let vt = "";
       for (const Kt of rr) {
-        const ir = gt ? `${gt} ${Kt}` : Kt;
-        it.measureText(ir).width > L ? (gt && V.push(gt), gt = Kt) : gt = ir;
+        const ir = vt ? `${vt} ${Kt}` : Kt;
+        it.measureText(ir).width > L ? (vt && V.push(vt), vt = Kt) : vt = ir;
       }
-      gt && V.push(gt);
+      vt && V.push(vt);
     }
     return V;
   })(t, b.width, b.fontSize);
@@ -4344,7 +4344,7 @@ const We = ({ text: t, frame: r }) => {
       return /* @__PURE__ */ f(Pe, { text: t, frame: y, fps: r });
     if (c === "rotate3dTextAnimationLoop")
       return /* @__PURE__ */ f(
-        _e,
+        Ee,
         {
           text: t,
           frame: y,
@@ -4353,7 +4353,7 @@ const We = ({ text: t, frame: r }) => {
       );
     if (c === "textFontChangeAnimationLoop")
       return /* @__PURE__ */ f(
-        Ee,
+        _e,
         {
           text: t,
           frame: y,
@@ -4368,24 +4368,24 @@ const We = ({ text: t, frame: r }) => {
     if (c === "glitchTextAnimationLoop")
       return /* @__PURE__ */ f(Ce, { text: t, frame: y });
     if (c === "textGridMarqueeTextAnimationLoop" || c === "textGridMarquee") {
-      const _ = (d == null ? void 0 : d.find(
+      const E = (d == null ? void 0 : d.find(
         (ot) => ot.property === "textGridMarqueeTextAnimationLoop" || ot.property === "textGridMarquee" || ot.id === "textGridMarquee"
       )) || (l == null ? void 0 : l.find(
         (ot) => ot.property === "textGridMarqueeTextAnimationLoop" || ot.property === "textGridMarquee" || ot.id === "textGridMarquee"
-      )), J = (_ == null ? void 0 : _.delay) || 0, it = (_ == null ? void 0 : _.durationInFrames) || (M > 0 ? M : g), V = J + it, A = y >= J && y <= V;
+      )), q = (E == null ? void 0 : E.delay) || 0, it = (E == null ? void 0 : E.durationInFrames) || (M > 0 ? M : g), V = q + it, A = y >= q && y <= V;
       if (console.log(
-        `[SpecialEffect Marquee] frame: ${y.toFixed(2)}, range: [${J}, ${V}], active: ${A}`
+        `[SpecialEffect Marquee] frame: ${y.toFixed(2)}, range: [${q}, ${V}], active: ${A}`
       ), A) {
-        const ot = _ == null ? void 0 : _.details;
+        const ot = E == null ? void 0 : E.details;
         return /* @__PURE__ */ f(
           Oe,
           {
             text: t,
             frame: y,
-            delay: J,
+            delay: q,
             durationInFrames: it,
-            from: _ == null ? void 0 : _.from,
-            to: _ == null ? void 0 : _.to,
+            from: E == null ? void 0 : E.from,
+            to: E == null ? void 0 : E.to,
             details: b,
             fps: r,
             marqueeDetails: ot
@@ -4394,24 +4394,24 @@ const We = ({ text: t, frame: r }) => {
       }
     }
     if (c === "inwardEchoes") {
-      const _ = (d == null ? void 0 : d.find(
+      const E = (d == null ? void 0 : d.find(
         (ot) => ot.property === "inwardEchoes" || ot.id === "inwardEchoes"
       )) || (l == null ? void 0 : l.find(
         (ot) => ot.property === "inwardEchoes" || ot.id === "inwardEchoes"
-      )), J = (_ == null ? void 0 : _.delay) || 0, it = (_ == null ? void 0 : _.durationInFrames) || (M > 0 ? M : g), V = J + it, A = y >= J && y <= V;
+      )), q = (E == null ? void 0 : E.delay) || 0, it = (E == null ? void 0 : E.durationInFrames) || (M > 0 ? M : g), V = q + it, A = y >= q && y <= V;
       if (console.log(
-        `[SpecialEffect InwardEchoes] frame: ${y.toFixed(2)}, range: [${J}, ${V}], active: ${A}`
+        `[SpecialEffect InwardEchoes] frame: ${y.toFixed(2)}, range: [${q}, ${V}], active: ${A}`
       ), A) {
-        const ot = _ == null ? void 0 : _.details;
+        const ot = E == null ? void 0 : E.details;
         return /* @__PURE__ */ f(
           ze,
           {
             text: t,
             frame: y,
-            delay: J,
+            delay: q,
             durationInFrames: it,
-            from: _ == null ? void 0 : _.from,
-            to: _ == null ? void 0 : _.to,
+            from: E == null ? void 0 : E.from,
+            to: E == null ? void 0 : E.to,
             details: b,
             fps: r,
             echoesDetails: ot
@@ -4420,24 +4420,24 @@ const We = ({ text: t, frame: r }) => {
       }
     }
     if (c === "wiggle") {
-      const _ = (d == null ? void 0 : d.find(
+      const E = (d == null ? void 0 : d.find(
         (ot) => ot.property === "wiggle" || ot.id === "wiggle"
       )) || (l == null ? void 0 : l.find(
         (ot) => ot.property === "wiggle" || ot.id === "wiggle"
-      )), J = (_ == null ? void 0 : _.delay) || 0, it = (_ == null ? void 0 : _.durationInFrames) || (M > 0 ? M : g), V = J + it, A = y >= J && y <= V;
+      )), q = (E == null ? void 0 : E.delay) || 0, it = (E == null ? void 0 : E.durationInFrames) || (M > 0 ? M : g), V = q + it, A = y >= q && y <= V;
       if (console.log(
-        `[SpecialEffect Wiggle] frame: ${y.toFixed(2)}, range: [${J}, ${V}], active: ${A}`
+        `[SpecialEffect Wiggle] frame: ${y.toFixed(2)}, range: [${q}, ${V}], active: ${A}`
       ), A) {
-        const ot = _ == null ? void 0 : _.details;
+        const ot = E == null ? void 0 : E.details;
         return /* @__PURE__ */ f(
           Ge,
           {
             text: t,
             frame: y,
-            delay: J,
+            delay: q,
             durationInFrames: it,
-            from: _ == null ? void 0 : _.from,
-            to: _ == null ? void 0 : _.to,
+            from: E == null ? void 0 : E.from,
+            to: E == null ? void 0 : E.to,
             details: b,
             fps: r,
             wiggleDetails: ot
@@ -4446,14 +4446,14 @@ const We = ({ text: t, frame: r }) => {
       }
     }
     const H = (d == null ? void 0 : d.find(
-      (_) => _.property === "cardFlip" || _.id === "cardFlip"
+      (E) => E.property === "cardFlip" || E.id === "cardFlip"
     )) || (l == null ? void 0 : l.find(
-      (_) => _.property === "cardFlip" || _.id === "cardFlip"
+      (E) => E.property === "cardFlip" || E.id === "cardFlip"
     ));
     if (c === "cardFlip" || H) {
-      const _ = (H == null ? void 0 : H.delay) || 0, J = (H == null ? void 0 : H.durationInFrames) || (M > 0 ? M : g), it = _ + J, V = y >= _ && y <= it;
+      const E = (H == null ? void 0 : H.delay) || 0, q = (H == null ? void 0 : H.durationInFrames) || (M > 0 ? M : g), it = E + q, V = y >= E && y <= it;
       if (console.log(
-        `[SpecialEffect CardFlip] frame: ${y.toFixed(2)}, range: [${_}, ${it}], active: ${V}`
+        `[SpecialEffect CardFlip] frame: ${y.toFixed(2)}, range: [${E}, ${it}], active: ${V}`
       ), V) {
         const A = H == null ? void 0 : H.details;
         return /* @__PURE__ */ f(
@@ -4461,8 +4461,8 @@ const We = ({ text: t, frame: r }) => {
           {
             text: t,
             frame: y,
-            delay: _,
-            durationInFrames: J,
+            delay: E,
+            durationInFrames: q,
             from: H == null ? void 0 : H.from,
             to: H == null ? void 0 : H.to,
             details: b,
@@ -4473,14 +4473,14 @@ const We = ({ text: t, frame: r }) => {
       }
     }
     const L = (d == null ? void 0 : d.find(
-      (_) => _.property === "noiseTile" || _.id === "noiseTile"
+      (E) => E.property === "noiseTile" || E.id === "noiseTile"
     )) || (l == null ? void 0 : l.find(
-      (_) => _.property === "noiseTile" || _.id === "noiseTile"
+      (E) => E.property === "noiseTile" || E.id === "noiseTile"
     ));
     if (c === "noiseTile" || L) {
-      const _ = (L == null ? void 0 : L.delay) || 0, J = (L == null ? void 0 : L.durationInFrames) || (M > 0 ? M : g), it = _ + J, V = y >= _ && y <= it;
+      const E = (L == null ? void 0 : L.delay) || 0, q = (L == null ? void 0 : L.durationInFrames) || (M > 0 ? M : g), it = E + q, V = y >= E && y <= it;
       if (console.log(
-        `[SpecialEffect NoiseTile] frame: ${y.toFixed(2)}, range: [${_}, ${it}], active: ${V}`
+        `[SpecialEffect NoiseTile] frame: ${y.toFixed(2)}, range: [${E}, ${it}], active: ${V}`
       ), V) {
         const A = L == null ? void 0 : L.details;
         return /* @__PURE__ */ f(
@@ -4488,8 +4488,8 @@ const We = ({ text: t, frame: r }) => {
           {
             text: t,
             frame: y,
-            delay: _,
-            durationInFrames: J,
+            delay: E,
+            durationInFrames: q,
             from: L == null ? void 0 : L.from,
             to: L == null ? void 0 : L.to,
             details: b,
@@ -4535,13 +4535,13 @@ const We = ({ text: t, frame: r }) => {
         fps: r
       }
     );
-  const T = j.reduce(
+  const D = j.reduce(
     (H, L) => H + (L === "" ? 1 : L.length),
     0
   ), lt = j.reduce(
     (H, L) => H + (L.trim() === "" ? 0 : L.split(/\s+/).length),
     0
-  ), q = j.length, Z = Ze[n], at = Qe[s], tt = Ke[c], yt = ((Et = o == null ? void 0 : o[0]) == null ? void 0 : Et.textAnimationMode) || ((Wt = h == null ? void 0 : h[0]) == null ? void 0 : Wt.textAnimationMode) || ((Lt = l == null ? void 0 : l[0]) == null ? void 0 : Lt.textAnimationMode) || ((Ht = u == null ? void 0 : u[0]) == null ? void 0 : Ht.textAnimationMode) || (n ? a : void 0) || (s ? i : void 0) || (c ? e : void 0) || a || e || "letter", rt = $ ? a : N ? i : nt ? o[0].textAnimationMode || yt : G ? h[0].textAnimationMode || yt : Q ? u[0].textAnimationMode || yt : ht && l[0].textAnimationMode || yt, ct = nt ? o : G ? h : Q ? u : ht ? l : [], st = (H, L, _, J) => {
+  ), T = j.length, Z = Ze[n], at = Qe[s], mt = Ke[c], J = ((_t = o == null ? void 0 : o[0]) == null ? void 0 : _t.textAnimationMode) || ((Wt = p == null ? void 0 : p[0]) == null ? void 0 : Wt.textAnimationMode) || ((Lt = l == null ? void 0 : l[0]) == null ? void 0 : Lt.textAnimationMode) || ((Ht = u == null ? void 0 : u[0]) == null ? void 0 : Ht.textAnimationMode) || (n ? a : void 0) || (s ? i : void 0) || (c ? e : void 0) || a || e || "letter", rt = $ ? a : N ? i : nt ? o[0].textAnimationMode || J : G ? p[0].textAnimationMode || J : Q ? u[0].textAnimationMode || J : pt && l[0].textAnimationMode || J, ct = nt ? o : G ? p : Q ? u : pt ? l : [], st = (H, L, E, q) => {
     var it, V, A;
     if ($ && Z)
       return /* @__PURE__ */ f(
@@ -4550,12 +4550,12 @@ const We = ({ text: t, frame: r }) => {
           char: H,
           index: L,
           frame: y,
-          textLength: _,
+          textLength: E,
           fps: r,
           animationTextInFrames: v,
           details: b
         },
-        J
+        q
       );
     if (N && at)
       return /* @__PURE__ */ f(
@@ -4564,30 +4564,30 @@ const We = ({ text: t, frame: r }) => {
           char: H,
           index: L,
           frame: y,
-          textLength: _,
+          textLength: E,
           fps: r,
           animationTextOutFrames: x,
           durationInFrames: g,
           details: b
         },
-        J
+        q
       );
-    if (c && !$ && !N && tt)
+    if (c && !$ && !N && mt)
       return /* @__PURE__ */ f(
-        tt,
+        mt,
         {
           char: H,
           index: L,
           frame: y,
-          textLength: _,
+          textLength: E,
           fps: r,
           animationTextLoopFrames: M,
           details: b
         },
-        J
+        q
       );
     if (ct.length > 0) {
-      const ot = nt ? R : G ? C : Q ? ((it = u == null ? void 0 : u[0]) == null ? void 0 : it.durationInFrames) || m : ((V = l == null ? void 0 : l[0]) == null ? void 0 : V.durationInFrames) || M, rr = G ? y - D : Q ? y - et : y, gt = ct[0], Kt = nt ? "in" : G ? "out" : Q ? "timed" : "loop";
+      const ot = nt ? R : G ? C : Q ? ((it = u == null ? void 0 : u[0]) == null ? void 0 : it.durationInFrames) || m : ((V = l == null ? void 0 : l[0]) == null ? void 0 : V.durationInFrames) || M, rr = G ? y - tt : Q ? y - et : y, vt = ct[0], Kt = nt ? "in" : G ? "out" : Q ? "timed" : "loop";
       return /* @__PURE__ */ f(
         oe,
         {
@@ -4595,46 +4595,46 @@ const We = ({ text: t, frame: r }) => {
           index: L,
           frame: rr,
           fps: r,
-          textLength: _,
+          textLength: E,
           animationTextFrames: ot,
-          property: gt.property,
-          from: gt.from,
-          to: gt.to,
-          easing: gt.easing,
-          delay: G ? 0 : gt.delay,
+          property: vt.property,
+          from: vt.from,
+          to: vt.to,
+          easing: vt.easing,
+          delay: G ? 0 : vt.delay,
           details: b,
           phase: Kt,
-          fade: !!((A = gt == null ? void 0 : gt.details) != null && A.fade || gt != null && gt.fade)
+          fade: !!((A = vt == null ? void 0 : vt.details) != null && A.fade || vt != null && vt.fade)
         },
-        J
+        q
       );
     }
-    return /* @__PURE__ */ f("span", { children: H === "" ? " " : H }, J);
+    return /* @__PURE__ */ f("span", { children: H === "" ? " " : H }, q);
   };
-  let pt = (b == null ? void 0 : b.textAlign) === "right";
-  const vt = o && o.length > 0 ? o[0] : h && h.length > 0 ? h[0] : u && u.length > 0 ? u[0] : l && l.length > 0 ? l[0] : null, $t = vt != null && vt.order ? vt : (Ut = o == null ? void 0 : o[0]) != null && Ut.order ? o[0] : (Zt = h == null ? void 0 : h[0]) != null && Zt.order ? h[0] : (Qt = u == null ? void 0 : u[0]) != null && Qt.order ? u[0] : (tr = l == null ? void 0 : l[0]) != null && tr.order ? l[0] : null;
+  let ht = (b == null ? void 0 : b.textAlign) === "right";
+  const bt = o && o.length > 0 ? o[0] : p && p.length > 0 ? p[0] : u && u.length > 0 ? u[0] : l && l.length > 0 ? l[0] : null, $t = bt != null && bt.order ? bt : (Ut = o == null ? void 0 : o[0]) != null && Ut.order ? o[0] : (Zt = p == null ? void 0 : p[0]) != null && Zt.order ? p[0] : (Qt = u == null ? void 0 : u[0]) != null && Qt.order ? u[0] : (tr = l == null ? void 0 : l[0]) != null && tr.order ? l[0] : null;
   if ($t != null && $t.order)
-    pt = $t.order === "backward";
-  else if (vt && vt.property === "translateX") {
-    const H = Number(vt.from), L = Number(vt.to);
-    !isNaN(H) && !isNaN(L) && (pt = H < L);
+    ht = $t.order === "backward";
+  else if (bt && bt.property === "translateX") {
+    const H = Number(bt.from), L = Number(bt.to);
+    !isNaN(H) && !isNaN(L) && (ht = H < L);
   }
   if (rt === "all")
     return /* @__PURE__ */ f(kt, { children: j.map((H, L) => /* @__PURE__ */ f("div", { children: (H === "" ? [" "] : H.split("")).map(
-      (_, J) => st(_, 0, 1, `${L}-${J}`)
+      (E, q) => st(E, 0, 1, `${L}-${q}`)
     ) }, L)) });
   if (rt === "word") {
     let H = 0;
-    const L = j.map((_, J) => {
-      if (_.trim() === "")
+    const L = j.map((E, q) => {
+      if (E.trim() === "")
         return {
-          rowIndex: J,
+          rowIndex: q,
           tokens: []
         };
-      const V = _.split(/(\s+)/).map((A) => /^\s+$/.test(A) ? { token: A, wordIndex: null } : { token: A, wordIndex: H++ });
-      return { rowIndex: J, tokens: V };
+      const V = E.split(/(\s+)/).map((A) => /^\s+$/.test(A) ? { token: A, wordIndex: null } : { token: A, wordIndex: H++ });
+      return { rowIndex: q, tokens: V };
     });
-    return /* @__PURE__ */ f(kt, { children: L.map(({ rowIndex: _, tokens: J }) => J.length === 0 ? /* @__PURE__ */ f("div", { children: " " }, _) : /* @__PURE__ */ f("div", { children: J.map(({ token: it, wordIndex: V }, A) => {
+    return /* @__PURE__ */ f(kt, { children: L.map(({ rowIndex: E, tokens: q }) => q.length === 0 ? /* @__PURE__ */ f("div", { children: " " }, E) : /* @__PURE__ */ f("div", { children: q.map(({ token: it, wordIndex: V }, A) => {
       if (V === null)
         return /* @__PURE__ */ f(
           "span",
@@ -4642,39 +4642,39 @@ const We = ({ text: t, frame: r }) => {
             style: { display: "inline-block" },
             children: it.replace(/ /g, " ")
           },
-          `space-${_}-${A}`
+          `space-${E}-${A}`
         );
-      const ot = pt ? lt - 1 - V : V;
+      const ot = ht ? lt - 1 - V : V;
       return st(
         it,
         ot,
         lt,
-        `word-${_}-${A}`
+        `word-${E}-${A}`
       );
-    }) }, _)) });
+    }) }, E)) });
   }
   if (rt === "line")
     return /* @__PURE__ */ f(kt, { children: j.map((H, L) => {
-      const _ = pt ? q - 1 - L : L;
+      const E = ht ? T - 1 - L : L;
       return /* @__PURE__ */ f("div", { children: st(
         H === "" ? " " : H,
-        _,
-        q,
+        E,
+        T,
         `line-${L}`
       ) }, L);
     }) });
   let It = 0;
-  const ft = j.map((H) => (H === "" ? [" "] : H.split("")).map((J) => ({
-    char: J,
+  const ft = j.map((H) => (H === "" ? [" "] : H.split("")).map((q) => ({
+    char: q,
     globalIndex: It++
   })));
-  return /* @__PURE__ */ f(kt, { children: ft.map((H, L) => /* @__PURE__ */ f("div", { children: H.map(({ char: _, globalIndex: J }) => {
-    const it = pt ? T - 1 - J : J;
+  return /* @__PURE__ */ f(kt, { children: ft.map((H, L) => /* @__PURE__ */ f("div", { children: H.map(({ char: E, globalIndex: q }) => {
+    const it = ht ? D - 1 - q : q;
     return st(
-      _,
+      E,
       it,
-      T,
-      `${L}-${J}`
+      D,
+      `${L}-${q}`
     );
   }) }, L)) });
 }, Zr = ({
@@ -4686,9 +4686,9 @@ const We = ({ text: t, frame: r }) => {
   onBlur: a,
   fps: i,
   frame: e,
-  textAnimationNameIn: p,
+  textAnimationNameIn: h,
   textAnimationNameOut: o,
-  textAnimationNameLoop: h,
+  textAnimationNameLoop: p,
   textAnimationModeIn: l,
   textAnimationModeOut: u,
   textAnimationModeLoop: d,
@@ -4706,7 +4706,7 @@ const We = ({ text: t, frame: r }) => {
   durationInFrames: N,
   animationFonts: F
 }) => {
-  const [B, X] = fr(r), P = _r(null);
+  const [B, X] = fr(r), P = Er(null);
   er(() => {
     if (n && P.current) {
       const Y = P.current;
@@ -4737,14 +4737,14 @@ const We = ({ text: t, frame: r }) => {
         Y.stopPropagation();
         const C = window.getSelection(), U = P.current;
         if (C != null && C.rangeCount && U) {
-          const D = C.getRangeAt(0);
-          D.endOffset - D.startOffset === ((z = U.textContent) == null ? void 0 : z.length) && R();
+          const tt = C.getRangeAt(0);
+          tt.endOffset - tt.startOffset === ((z = U.textContent) == null ? void 0 : z.length) && R();
         }
       },
       onInput: (Y) => c(t, Y.target.innerText),
       onBlur: (Y) => a(t, Y.target.innerText),
       style: {
-        height: h === "textGridMarqueeTextAnimationLoop" || h === "textGridMarquee" ? g != null && g.height ? `${g.height}px` : "100%" : "max-content",
+        height: p === "textGridMarqueeTextAnimationLoop" || p === "textGridMarquee" ? g != null && g.height ? `${g.height}px` : "100%" : "max-content",
         boxShadow: "none",
         outline: "none",
         ...s,
@@ -4757,9 +4757,9 @@ const We = ({ text: t, frame: r }) => {
       children: n ? r : /* @__PURE__ */ f(
         Je,
         {
-          textAnimationNameIn: p,
+          textAnimationNameIn: h,
           textAnimationNameOut: o,
-          textAnimationNameLoop: h,
+          textAnimationNameLoop: p,
           textAnimationModeIn: l,
           textAnimationModeOut: u,
           textAnimationModeLoop: d,
@@ -4868,25 +4868,25 @@ var mr = function() {
       if (i)
         if (this._parentage = null, Array.isArray(i))
           try {
-            for (var e = Yr(i), p = e.next(); !p.done; p = e.next()) {
-              var o = p.value;
+            for (var e = Yr(i), h = e.next(); !h.done; h = e.next()) {
+              var o = h.value;
               o.remove(this);
             }
           } catch (y) {
             r = { error: y };
           } finally {
             try {
-              p && !p.done && (n = e.return) && n.call(e);
+              h && !h.done && (n = e.return) && n.call(e);
             } finally {
               if (r) throw r.error;
             }
           }
         else
           i.remove(this);
-      var h = this.initialTeardown;
-      if (Ot(h))
+      var p = this.initialTeardown;
+      if (Ot(p))
         try {
-          h();
+          p();
         } catch (y) {
           a = y instanceof Mr ? y.errors : [y];
         }
@@ -4971,7 +4971,7 @@ function De(t) {
 }
 function Kr() {
 }
-function hr(t) {
+function pr(t) {
   t();
 }
 var Or = function(t) {
@@ -5081,9 +5081,9 @@ var Jr = function() {
     return n.source = this, n.operator = r, n;
   }, t.prototype.subscribe = function(r, n, s) {
     var c = this, a = cs(r) ? r : new Pr(r, n, s);
-    return hr(function() {
-      var i = c, e = i.operator, p = i.source;
-      a.add(e ? e.call(a, p) : p ? c._subscribe(a) : c._trySubscribe(a));
+    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));
     }), a;
   }, t.prototype._trySubscribe = function(r) {
     try {
@@ -5098,8 +5098,8 @@ var Jr = function() {
         next: function(e) {
           try {
             r(e);
-          } catch (p) {
-            a(p), i.unsubscribe();
+          } catch (h) {
+            a(h), i.unsubscribe();
           }
         },
         error: a,
@@ -5145,22 +5145,22 @@ function cs(t) {
 (function(t) {
   ar(r, t);
   function r(n, s, c, a, i, e) {
-    var p = t.call(this, n) || this;
-    return p.onFinalize = i, p.shouldUnsubscribe = e, p._next = s ? function(o) {
+    var h = t.call(this, n) || this;
+    return h.onFinalize = i, h.shouldUnsubscribe = e, h._next = s ? function(o) {
       try {
         s(o);
-      } catch (h) {
-        n.error(h);
+      } catch (p) {
+        n.error(p);
       }
-    } : t.prototype._next, p._error = a ? function(o) {
+    } : t.prototype._next, h._error = a ? function(o) {
       try {
         a(o);
-      } catch (h) {
-        n.error(h);
+      } catch (p) {
+        n.error(p);
       } finally {
         this.unsubscribe();
       }
-    } : t.prototype._error, p._complete = c ? function() {
+    } : t.prototype._error, h._complete = c ? function() {
       try {
         c();
       } catch (o) {
@@ -5168,7 +5168,7 @@ function cs(t) {
       } finally {
         this.unsubscribe();
       }
-    } : t.prototype._complete, p;
+    } : t.prototype._complete, h;
   }
   return r.prototype.unsubscribe = function() {
     var n;
@@ -5196,14 +5196,14 @@ var is = Fn(function(t) {
       throw new is();
   }, r.prototype.next = function(n) {
     var s = this;
-    hr(function() {
+    pr(function() {
       var c, a;
       if (s._throwIfClosed(), !s.isStopped) {
         s.currentObservers || (s.currentObservers = Array.from(s.observers));
         try {
           for (var i = Yr(s.currentObservers), e = i.next(); !e.done; e = i.next()) {
-            var p = e.value;
-            p.next(n);
+            var h = e.value;
+            h.next(n);
           }
         } catch (o) {
           c = { error: o };
@@ -5218,7 +5218,7 @@ var is = Fn(function(t) {
     });
   }, r.prototype.error = function(n) {
     var s = this;
-    hr(function() {
+    pr(function() {
       if (s._throwIfClosed(), !s.isStopped) {
         s.hasError = s.isStopped = !0, s.thrownError = n;
         for (var c = s.observers; c.length; )
@@ -5227,7 +5227,7 @@ var is = Fn(function(t) {
     });
   }, r.prototype.complete = function() {
     var n = this;
-    hr(function() {
+    pr(function() {
       if (n._throwIfClosed(), !n.isStopped) {
         n.isStopped = !0;
         for (var s = n.observers; s.length; )
@@ -5294,8 +5294,8 @@ function Bn({
   item: t,
   options: r
 }) {
-  var st, ut, pt, vt, $t, It, ft, St, Yt, Rt, Xt, _t, zt, Et, Wt, Lt, Ht, Ut, Zt, Qt, tr, H, L, _, J, it;
-  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), l = [
+  var st, ut, ht, bt, $t, It, ft, St, Yt, Rt, Xt, Et, zt, _t, Wt, Lt, Ht, Ut, Zt, Qt, tr, H, L, E, q, it;
+  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), l = [
     "opacity",
     "scale",
     "translateX",
@@ -5326,9 +5326,9 @@ function Bn({
     (V) => l.some((A) => V.property === A) && V.textAnimationMode && V.textAnimationMode !== "all"
   ), d = (((ut = o == null ? void 0 : o.out) == null ? void 0 : ut.composition) || []).filter(
     (V) => l.some((A) => V.property === A) && V.textAnimationMode && V.textAnimationMode !== "all"
-  ), b = (((pt = o == null ? void 0 : o.loop) == null ? void 0 : pt.composition) || []).filter(
+  ), b = (((ht = o == null ? void 0 : o.loop) == null ? void 0 : ht.composition) || []).filter(
     (V) => l.some((A) => V.property === A) && V.textAnimationMode && V.textAnimationMode !== "all"
-  ), y = (((vt = o == null ? void 0 : o.timed) == null ? void 0 : vt.composition) || []).filter(
+  ), y = (((bt = o == null ? void 0 : o.timed) == null ? void 0 : bt.composition) || []).filter(
     (V) => l.some((A) => V.property === A) && V.textAnimationMode && V.textAnimationMode !== "all"
   ), v = new Set(u.map((V) => V.id)), x = new Set(d.map((V) => V.id)), M = new Set(
     b.map((V) => V.id)
@@ -5372,7 +5372,7 @@ function Bn({
     (V) => !l.some((A) => V.property === A)
   ), F = (ft = o == null ? void 0 : o.loop) == null ? void 0 : ft.composition.find(
     (V) => !l.some((A) => V.property === A)
-  ), B = ($ == null ? void 0 : $.property) || "", X = (N == null ? void 0 : N.property) || "", P = (F == null ? void 0 : F.property) || "", R = ($ == null ? void 0 : $.textAnimationMode) || ((St = u[0]) == null ? void 0 : St.textAnimationMode) || ($ ? "letter" : "all"), E = (N == null ? void 0 : N.textAnimationMode) || ((Yt = d[0]) == null ? void 0 : Yt.textAnimationMode) || (N ? "letter" : "all"), Y = (F == null ? void 0 : F.textAnimationMode) || ((Rt = b[0]) == null ? void 0 : Rt.textAnimationMode) || (F ? "letter" : "all"), C = ((Xt = y[0]) == null ? void 0 : Xt.textAnimationMode) || "all", U = ($ == null ? void 0 : $.durationInFrames) || ((zt = (_t = o == null ? void 0 : o.in) == null ? void 0 : _t.composition[0]) == null ? void 0 : zt.durationInFrames) || 0, z = (N == null ? void 0 : N.durationInFrames) || ((Wt = (Et = o == null ? void 0 : o.out) == null ? void 0 : Et.composition[0]) == null ? void 0 : Wt.durationInFrames) || 0, D = (F == null ? void 0 : F.durationInFrames) || ((Ht = (Lt = o == null ? void 0 : o.loop) == null ? void 0 : Lt.composition[0]) == null ? void 0 : Ht.durationInFrames) || 0, dt = ((Ut = y[0]) == null ? void 0 : Ut.durationInFrames) || 0, et = [];
+  ), B = ($ == null ? void 0 : $.property) || "", X = (N == null ? void 0 : N.property) || "", P = (F == null ? void 0 : F.property) || "", R = ($ == null ? void 0 : $.textAnimationMode) || ((St = u[0]) == null ? void 0 : St.textAnimationMode) || ($ ? "letter" : "all"), _ = (N == null ? void 0 : N.textAnimationMode) || ((Yt = d[0]) == null ? void 0 : Yt.textAnimationMode) || (N ? "letter" : "all"), Y = (F == null ? void 0 : F.textAnimationMode) || ((Rt = b[0]) == null ? void 0 : Rt.textAnimationMode) || (F ? "letter" : "all"), C = ((Xt = y[0]) == null ? void 0 : Xt.textAnimationMode) || "all", U = ($ == null ? void 0 : $.durationInFrames) || ((zt = (Et = o == null ? void 0 : o.in) == null ? void 0 : Et.composition[0]) == null ? void 0 : zt.durationInFrames) || 0, z = (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, tt = (F == null ? void 0 : F.durationInFrames) || ((Ht = (Lt = o == null ? void 0 : o.loop) == null ? void 0 : Lt.composition[0]) == null ? void 0 : Ht.durationInFrames) || 0, dt = ((Ut = y[0]) == null ? void 0 : Ut.durationInFrames) || 0, et = [];
   o != null && o.loop && o.loop.composition.forEach((V) => {
     var A;
     (A = V.details) != null && A.fonts && et.push(...V.details.fonts);
@@ -5383,28 +5383,28 @@ function Bn({
     var A;
     (A = V.details) != null && A.fonts && et.push(...V.details.fonts);
   });
-  let K = p.text;
+  let K = h.text;
   if ((Qt = (Zt = t.animations) == null ? void 0 : Zt.timed) != null && Qt.composition) {
     const V = (r.frame || 0) - t.display.from * c / 1e3;
     if (V >= 0) {
       const A = (tr = t.animations) == null ? void 0 : tr.timed.composition;
       A.forEach((ot, rr) => {
-        const gt = A.slice(0, rr).reduce((Kt, ir) => Kt + ir.durationInFrames, 0);
-        V >= gt && ot.text && (K = ot.text);
+        const vt = A.slice(0, rr).reduce((Kt, ir) => Kt + ir.durationInFrames, 0);
+        V >= vt && ot.text && (K = ot.text);
       });
     }
   }
-  const nt = (i || 0) - t.display.from * c / 1e3, G = p || {}, { top: Q, left: ht, transform: O, position: j, boxShadow: T, ...lt } = G, q = (V) => {
+  const nt = (i || 0) - t.display.from * c / 1e3, G = h || {}, { top: Q, left: pt, transform: O, position: j, boxShadow: D, ...lt } = G, T = (V) => {
     V.stopPropagation(), V.preventDefault(), us(io, {
       payload: {
         id: e
       }
     });
   }, Z = Cr(
-    p.effects,
+    h.effects,
     t.animations,
     nt
-  ), at = Vr(Z), tt = typeof p.width == "number" ? p.width : parseInt(String(p.width || 300), 10) || 300, yt = typeof p.height == "number" ? p.height : parseInt(String(p.height || 100), 10) || 100, rt = {
+  ), at = Vr(Z), mt = typeof h.width == "number" ? h.width : parseInt(String(h.width || 300), 10) || 300, J = typeof h.height == "number" ? h.height : parseInt(String(h.height || 100), 10) || 100, rt = {
     key: e,
     id: e,
     fps: c,
@@ -5416,7 +5416,7 @@ function Bn({
     textAnimationNameOut: X,
     textAnimationNameLoop: P,
     textAnimationModeIn: R,
-    textAnimationModeOut: E,
+    textAnimationModeOut: _,
     textAnimationModeLoop: Y,
     textAnimationModeTimed: C,
     basicCharAnimationsIn: u,
@@ -5425,14 +5425,14 @@ function Bn({
     basicCharAnimationsTimed: y,
     loopComposition: (H = o == null ? void 0 : o.loop) == null ? void 0 : H.composition,
     onBlur: s,
-    onDoubleClick: q,
-    style: Dt(p),
-    details: p,
+    onDoubleClick: T,
+    style: Dt(h),
+    details: h,
     animationTextInFrames: U,
     animationTextOutFrames: z,
-    animationTextLoopFrames: D,
+    animationTextLoopFrames: tt,
     animationTextTimedFrames: dt,
-    durationInFrames: h,
+    durationInFrames: p,
     animationFonts: et
   }, ct = /* @__PURE__ */ f(
     jt,
@@ -5442,21 +5442,21 @@ function Bn({
       basicCharAnimationsIn: u,
       basicCharAnimationsOut: d,
       frame: nt,
-      durationInFrames: h,
+      durationInFrames: p,
       style: {
-        transform: p.transform,
-        rotate: p == null ? void 0 : p.rotate,
+        transform: h.transform,
+        rotate: h == null ? void 0 : h.rotate,
         display: "flex"
       },
       children: /* @__PURE__ */ f(
         At,
         {
           animationTimed: a === e ? null : S,
-          durationInFrames: h,
+          durationInFrames: p,
           frame: nt,
           style: {
-            transform: p.transform,
-            rotate: p == null ? void 0 : p.rotate,
+            transform: h.transform,
+            rotate: h == null ? void 0 : h.rotate,
             display: "flex"
           },
           children: /* @__PURE__ */ f(
@@ -5465,20 +5465,20 @@ function Bn({
               item: t,
               keyframeAnimations: [
                 ...((L = o == null ? void 0 : o.in) == null ? void 0 : L.composition) || [],
-                ...((_ = o == null ? void 0 : o.out) == null ? void 0 : _.composition) || [],
-                ...((J = o == null ? void 0 : o.timed) == null ? void 0 : J.composition) || [],
+                ...((E = o == null ? void 0 : o.out) == null ? void 0 : E.composition) || [],
+                ...((q = o == null ? void 0 : o.timed) == null ? void 0 : q.composition) || [],
                 ...((it = o == null ? void 0 : o.loop) == null ? void 0 : it.composition) || [],
                 ...w || [],
                 ...I || [],
                 ...S || []
               ],
               frame: nt,
-              durationInFrames: h,
+              durationInFrames: p,
               children: at ? /* @__PURE__ */ f(
-                Er,
+                _r,
                 {
-                  width: tt,
-                  height: yt,
+                  width: mt,
+                  height: J,
                   effects: at,
                   children: /* @__PURE__ */ f(Zr, { ...rt })
                 }
@@ -5489,14 +5489,14 @@ function Bn({
       )
     }
   );
-  return mt({ item: t, options: r, children: ct });
+  return gt({ item: t, options: r, children: ct });
 }
 const Pn = ({
   item: t,
   options: r
 }) => {
-  var z, D, dt, et, K, nt, G, Q, ht, O, j, T, lt, q;
-  const { fps: n, frame: s, isTransition: c } = r, { details: a, animations: i } = t, e = t.playbackRate || 1, { animationIn: p, animationOut: o, animationTimed: h } = Ft(
+  var z, tt, dt, et, K, nt, G, Q, pt, O, j, D, lt, T;
+  const { fps: n, frame: s, isTransition: c } = r, { details: a, animations: i } = t, e = t.playbackRate || 1, { animationIn: h, animationOut: o, animationTimed: p } = Ft(
     i,
     t,
     s,
@@ -5511,7 +5511,7 @@ const Pn = ({
     a.effects,
     i,
     d
-  ), M = Vr(x), { filter: m, overlays: g } = xn(x), w = (D = (z = i == null ? void 0 : i.loop) == null ? void 0 : z.composition) == null ? void 0 : D.find(
+  ), M = Vr(x), { filter: m, overlays: g } = xn(x), w = (tt = (z = i == null ? void 0 : i.loop) == null ? void 0 : z.composition) == null ? void 0 : tt.find(
     (Z) => Z.property === "textGridMarqueeTextAnimationLoop" || Z.property === "textGridMarquee" || Z.property === "imageGridMarqueeTextAnimationLoop" || Z.property === "imageGridMarquee" || Z.id === "textGridMarquee" || Z.id === "imageGridMarquee"
   ), I = !!(w && d >= (w.delay || 0) && d <= (w.delay || 0) + (w.durationInFrames || 60)), S = (et = (dt = i == null ? void 0 : i.loop) == null ? void 0 : dt.composition) == null ? void 0 : et.find(
     (Z) => Z.property === "inwardEchoes" || Z.id === "inwardEchoes"
@@ -5520,16 +5520,16 @@ const Pn = ({
   ), F = !!(N && d >= (N.delay || 0) && d <= (N.delay || 0) + (N.durationInFrames || 120)), B = (Q = (G = i == null ? void 0 : i.loop) == null ? void 0 : G.composition) == null ? void 0 : Q.find(
     (Z) => Z.property === "cardFlip" || Z.id === "cardFlip"
   ), X = !!(B && d >= (B.delay || 0) && d <= (B.delay || 0) + (B.durationInFrames || 120)), P = [
-    ...((ht = i == null ? void 0 : i.in) == null ? void 0 : ht.composition) || [],
+    ...((pt = i == null ? void 0 : i.in) == null ? void 0 : pt.composition) || [],
     ...((O = i == null ? void 0 : i.out) == null ? void 0 : O.composition) || [],
     ...((j = i == null ? void 0 : i.timed) == null ? void 0 : j.composition) || [],
-    ...((T = i == null ? void 0 : i.loop) == null ? void 0 : T.composition) || []
-  ], R = a.width || l.width || 300, E = a.height || l.height || 300, Y = /* @__PURE__ */ f(
+    ...((D = i == null ? void 0 : i.loop) == null ? void 0 : D.composition) || []
+  ], R = a.width || l.width || 300, _ = a.height || l.height || 300, Y = /* @__PURE__ */ f(
     sr,
     {
       "data-id": t.id,
       startFrom: ((lt = t.trim) == null ? void 0 : lt.from) / 1e3 * n,
-      endAt: (((q = t.trim) == null ? void 0 : q.to) / 1e3 * n || 1 / n) / e,
+      endAt: (((T = t.trim) == null ? void 0 : T.to) / 1e3 * n || 1 / n) / e,
       playbackRate: e,
       src: a.src,
       volume: (a.volume || 0) / 100,
@@ -5607,7 +5607,7 @@ const Pn = ({
       from: B == null ? void 0 : B.from,
       to: B == null ? void 0 : B.to,
       width: R,
-      height: E,
+      height: _,
       borderRadius: v.borderRadius,
       boxShadow: a.boxShadow,
       cardFlipDetails: B == null ? void 0 : B.details,
@@ -5622,7 +5622,7 @@ const Pn = ({
         boxShadow: void 0,
         WebkitTextStroke: y
       },
-      animationIn: p,
+      animationIn: h,
       animationOut: o,
       frame: d,
       durationInFrames: u,
@@ -5630,7 +5630,7 @@ const Pn = ({
       children: /* @__PURE__ */ f(
         At,
         {
-          animationTimed: h,
+          animationTimed: p,
           durationInFrames: u,
           frame: d,
           style: {
@@ -5645,7 +5645,7 @@ const Pn = ({
               keyframeAnimations: P,
               frame: d,
               durationInFrames: u,
-              children: /* @__PURE__ */ bt(
+              children: /* @__PURE__ */ yt(
                 "div",
                 {
                   id: `${t.id}-reveal-mask`,
@@ -5661,7 +5661,7 @@ const Pn = ({
                     borderRadius: v.borderRadius
                   },
                   children: [
-                    /* @__PURE__ */ bt(
+                    /* @__PURE__ */ yt(
                       "div",
                       {
                         style: {
@@ -5671,10 +5671,10 @@ const Pn = ({
                         },
                         children: [
                           M ? /* @__PURE__ */ f(
-                            Er,
+                            _r,
                             {
                               width: R,
-                              height: E,
+                              height: _,
                               effects: M,
                               children: C()
                             }
@@ -5687,7 +5687,7 @@ const Pn = ({
                       "div",
                       {
                         style: {
-                          ...hn(a, l),
+                          ...pn(a, l),
                           backgroundColor: "transparent"
                         }
                       }
@@ -5701,9 +5701,9 @@ const Pn = ({
       )
     }
   );
-  return mt({ item: t, options: r, children: U });
+  return gt({ item: t, options: r, children: U });
 };
-function _n({
+function En({
   item: t,
   options: r
 }) {
@@ -5714,15 +5714,15 @@ function _n({
     },
     n
   );
-  let p;
+  let h;
   if (c.inverted) {
-    const h = Math.max((s || 0) - i, 0);
-    p = 100 - Math.min(h / e * 100, 100);
+    const p = Math.max((s || 0) - i, 0);
+    h = 100 - Math.min(p / e * 100, 100);
   } else {
-    const h = Math.max((s || 0) - i, 0);
-    p = Math.min(h / e * 100, 100);
+    const p = Math.max((s || 0) - i, 0);
+    h = Math.min(p / e * 100, 100);
   }
-  const o = /* @__PURE__ */ bt(kt, { children: [
+  const o = /* @__PURE__ */ yt(kt, { children: [
     /* @__PURE__ */ f(
       "div",
       {
@@ -5741,24 +5741,24 @@ function _n({
       {
         style: {
           position: "absolute",
-          width: `${p}%`,
+          width: `${h}%`,
           height: "100%",
           backgroundColor: c.backgroundColors[1] || "rgba(128, 128, 128,1)"
         }
       }
     )
   ] });
-  return mt({ item: t, options: r, children: o });
+  return gt({ item: t, options: r, children: o });
 }
 const ls = (t) => {
   let r = 0;
   for (let n = 0; n < t.length; n++)
     r += t[n] * t[n];
   return r = r / t.length, r = Math.sqrt(r), r;
-}, hs = (t) => 20 * Math.log10(t), ps = (t, r, n) => (t - r) / (n - r), fs = (t, r, n) => Math.max(Math.min(t, n), r), ys = -100, bs = -30, zr = (t, r = {}) => {
-  const { minDb: n = ys, maxDb: s = bs } = r, c = hs(t);
-  return fs(ps(c, n, s), 0, 1);
-}, En = ({
+}, ps = (t) => 20 * Math.log10(t), hs = (t, r, n) => (t - r) / (n - r), fs = (t, r, n) => Math.max(Math.min(t, n), r), ys = -100, bs = -30, zr = (t, r = {}) => {
+  const { minDb: n = ys, maxDb: s = bs } = r, c = ps(t);
+  return fs(hs(c, n, s), 0, 1);
+}, _n = ({
   totalWidth: t,
   itemWidth: r,
   frequencyData: n,
@@ -5766,9 +5766,9 @@ const ls = (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, h) => {
+  return Array.from({ length: a }).map((o, p) => {
     const l = zr(
-      i[h * e % i.length],
+      i[p * e % i.length],
       { maxDb: s, minDb: c }
     );
     return Math.log(1 + l);
@@ -5782,11 +5782,11 @@ const ls = (t) => {
   roundness: a = 4,
   placement: i = "middle",
   color: e = "white",
-  maxAmplitude: p = 1
+  maxAmplitude: h = 1
 }) => {
-  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((l, u) => {
-    const d = l * h / p, b = u * (s + c), y = i === "over" ? 0 : i === "under" ? h - d : 0.5 * (h - d);
+  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((l, u) => {
+    const d = l * p / h, b = u * (s + c), y = i === "over" ? 0 : i === "under" ? p - d : 0.5 * (p - d);
     return /* @__PURE__ */ f(
       "rect",
       {
@@ -5809,27 +5809,27 @@ const ls = (t) => {
   roundness: a = 2,
   color: i = "white",
   placement: e = "middle",
-  maxDb: p,
+  maxDb: h,
   minDb: o
 }) => {
-  const h = _r(null), l = Nt(), [u, d] = fr({ width: 400, height: 100 });
+  const p = Er(null), l = Nt(), [u, d] = fr({ width: 400, height: 100 });
   er(() => {
     d((x) => {
       var M, m;
       return {
-        width: ((M = h.current) == null ? void 0 : M.offsetWidth) ?? x.width,
-        height: ((m = h.current) == null ? void 0 : m.offsetHeight) ?? x.height
+        width: ((M = p.current) == null ? void 0 : M.offsetWidth) ?? x.width,
+        height: ((m = p.current) == null ? void 0 : m.offsetHeight) ?? x.height
       };
     });
   }, [l, d]);
-  const { width: b, height: y } = u, v = En({
+  const { width: b, height: y } = u, v = _n({
     totalWidth: b,
     itemWidth: s + c,
     frequencyData: n,
-    maxDb: p,
+    maxDb: h,
     minDb: o
   });
-  return /* @__PURE__ */ f("div", { ref: h, style: { width: t, height: r }, children: /* @__PURE__ */ f(
+  return /* @__PURE__ */ f("div", { ref: p, style: { width: t, height: r }, children: /* @__PURE__ */ f(
     vs,
     {
       width: b,
@@ -5884,7 +5884,7 @@ class ms {
       (i) => !n.includes(i)
     ).forEach((i) => this.removeItem(i)), await Promise.all(
       c.map(async (i) => {
-        const e = r.find((p) => p.id === i);
+        const e = r.find((h) => h.id === i);
         e != null && e.details.src && await this.loadAudioData(e.details.src, i);
       })
     ), this.items = r, this.frameCache.clear();
@@ -5892,7 +5892,7 @@ class ms {
   validateUpdateItems(r) {
     r.forEach((n) => {
       this.items.forEach((s) => {
-        !ho(s, n) && s.id === n.id && this.updateItem(n);
+        !po(s, n) && s.id === n.id && this.updateItem(n);
       });
     });
   }
@@ -5908,15 +5908,15 @@ class ms {
     if (n)
       return n;
     const s = this.items.map((a, i) => {
-      var h;
+      var p;
       const e = this.audioDatas[a.id];
       if (!e) return Array(this.numberOfSamples).fill(0);
-      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;
+      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;
       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 = lo({
         audioData: e.data,
-        frame: p,
+        frame: h,
         fps: this.fps,
         numberOfSamples: this.numberOfSamples
       });
@@ -5957,7 +5957,7 @@ function Wn({
   item: t,
   options: r
 }) {
-  return mt({ item: t, options: r, children: /* @__PURE__ */ f(kt, { children: /* @__PURE__ */ f(xs, { item: t, options: r }) }) });
+  return gt({ item: t, options: r, children: /* @__PURE__ */ f(kt, { children: /* @__PURE__ */ f(xs, { item: t, options: r }) }) });
 }
 function Vn({
   item: t,
@@ -5970,15 +5970,15 @@ function Vn({
     },
     n
   );
-  let p;
+  let h;
   if (c.inverted) {
     const b = Math.max((s || 0) - i, 0);
-    p = 100 - Math.min(b / e * 100, 100);
+    h = 100 - Math.min(b / e * 100, 100);
   } else {
     const b = Math.max((s || 0) - i, 0);
-    p = Math.min(b / e * 100, 100);
+    h = Math.min(b / e * 100, 100);
   }
-  const o = c.width || 100, h = c.height || 100, u = Math.min(o, h) * c.barThickness / 100, d = /* @__PURE__ */ f(kt, { children: /* @__PURE__ */ f(
+  const o = c.width || 100, p = c.height || 100, u = Math.min(o, p) * c.barThickness / 100, d = /* @__PURE__ */ f(kt, { children: /* @__PURE__ */ f(
     "div",
     {
       style: {
@@ -5988,7 +5988,7 @@ function Vn({
         backgroundColor: "transparent",
         scale: `${c.flipX ? -1 : 1} ${c.flipY ? -1 : 1}`
       },
-      children: /* @__PURE__ */ bt(
+      children: /* @__PURE__ */ yt(
         "div",
         {
           style: {
@@ -6016,8 +6016,8 @@ function Vn({
                   position: "absolute",
                   inset: 0,
                   backgroundColor: c.backgroundColors[1] || "rgba(128, 128, 128,1)",
-                  width: `${p}%`,
-                  height: `${p}%`
+                  width: `${h}%`,
+                  height: `${h}%`
                 }
               }
             )
@@ -6026,7 +6026,7 @@ function Vn({
       )
     }
   ) });
-  return mt({ item: t, options: r, children: d });
+  return gt({ item: t, options: r, children: d });
 }
 const $s = ({
   values: t,
@@ -6040,15 +6040,15 @@ const $s = ({
 }) => {
   if (!t || t.length === 0)
     return null;
-  const p = 2 * r;
-  return /* @__PURE__ */ f("div", { style: { width: p, height: p }, children: /* @__PURE__ */ f(
+  const h = 2 * r;
+  return /* @__PURE__ */ f("div", { style: { width: h, height: h }, children: /* @__PURE__ */ f(
     "svg",
     {
-      width: p,
-      height: p,
-      viewBox: `0 0 ${p} ${p}`,
-      children: t.map((o, h) => {
-        const l = o * (r - e) / i, u = r, d = c === "outer" ? r - l : c === "inner" ? r : r - 0.5 * l, b = c === "outer" ? r : c === "inner" ? e : r - 0.5 * (r - e), y = `rotate(${360 * h / t.length} ${r} ${r}) translate(0 ${b})`;
+      width: h,
+      height: h,
+      viewBox: `0 0 ${h} ${h}`,
+      children: t.map((o, p) => {
+        const l = o * (r - e) / i, u = r, d = c === "outer" ? r - l : c === "inner" ? r : r - 0.5 * l, b = c === "outer" ? r : c === "inner" ? e : r - 0.5 * (r - e), y = `rotate(${360 * p / t.length} ${r} ${r}) translate(0 ${b})`;
         return /* @__PURE__ */ f(
           "rect",
           {
@@ -6060,7 +6060,7 @@ const $s = ({
             rx: s,
             transform: y
           },
-          h
+          p
         );
       })
     }
@@ -6074,13 +6074,13 @@ const $s = ({
   roundness: a = 4,
   barOrigin: i = "inner",
   color: e = "white",
-  maxAmplitude: p,
+  maxAmplitude: h,
   innerRadius: o = 0,
-  gapSize: h = 4
+  gapSize: p = 4
 }) => {
-  const l = 0.5 * s, u = En({
+  const l = 0.5 * s, u = _n({
     totalWidth: 2 * Math.PI * o,
-    itemWidth: c + h,
+    itemWidth: c + p,
     frequencyData: t,
     maxDb: r,
     minDb: n
@@ -6094,7 +6094,7 @@ const $s = ({
       roundness: a,
       barOrigin: i,
       color: e,
-      maxAmplitude: p,
+      maxAmplitude: h,
       innerRadius: o
     }
   );
@@ -6104,25 +6104,25 @@ const $s = ({
 }) => {
   const { fps: n, frame: s } = r, { details: c } = t, a = t.playbackRate || 1;
   Gt.setAudioDataManager(n);
-  const p = Gt.getAudioDataForFrame(s || 0).slice(0, 0.7 * 512);
-  return /* @__PURE__ */ bt(kt, { children: [
+  const h = Gt.getAudioDataForFrame(s || 0).slice(0, 0.7 * 512);
+  return /* @__PURE__ */ yt(kt, { children: [
     /* @__PURE__ */ f(
       Ss,
       {
-        frequencyData: p,
+        frequencyData: h,
         diameter: c.width,
         innerRadius: c.width / 4,
         color: c.radialBarColor
       }
     ),
-    c.reproduceAudio && c.srcs.map((o, h) => /* @__PURE__ */ f(an, { playbackRate: a, src: o }, h))
+    c.reproduceAudio && c.srcs.map((o, p) => /* @__PURE__ */ f(an, { playbackRate: a, src: o }, p))
   ] });
 };
 function Cn({
   item: t,
   options: r
 }) {
-  return mt({ item: t, options: r, children: /* @__PURE__ */ f(kt, { children: /* @__PURE__ */ f(Ms, { item: t, options: r }) }) });
+  return gt({ item: t, options: r, children: /* @__PURE__ */ f(kt, { children: /* @__PURE__ */ f(Ms, { item: t, options: r }) }) });
 }
 const ws = ({
   numberOfPoints: t,
@@ -6131,12 +6131,12 @@ const ws = ({
   width: s
 }) => {
   const c = 1 / t, a = n / 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;
+  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;
     let l = Math.sin(Math.abs(o) * Math.PI);
-    return l = k.cubic(l), l = l * r, l = l * Math.sin((0.5 + e) * Math.PI), { x: h, y: l };
+    return l = k.cubic(l), l = l * r, l = l * Math.sin((0.5 + e) * Math.PI), { x: p, y: l };
   }).sort((i, e) => i.x > e.x ? 1 : -1);
 }, Is = ({
   sections: t = 12,
@@ -6147,9 +6147,9 @@ const ws = ({
   lines: a = 2,
   lineGap: i = 20,
   lineColor: e = ["darkblue", "lightblue"],
-  lineThickness: p = 2,
+  lineThickness: h = 2,
   topRoundness: o = 0.4,
-  bottomRoundness: h = 0.4
+  bottomRoundness: p = 0.4
 }) => {
   const l = s, u = c, d = t, b = r % (2 * s / t), y = Array.from({ length: a }).map((g, w) => {
     const I = w * i;
@@ -6159,7 +6159,7 @@ const ws = ({
       offsetPixels: I + b,
       amplitude: 0.5 * n
     });
-  }), v = l / d, x = o * v, M = h * v, m = (g, w) => {
+  }), v = l / d, x = o * v, M = p * v, m = (g, w) => {
     const I = g.y <= 0, S = I ? x : M, $ = I ? M : x, N = w.x + $, F = w.y, B = g.x - S, X = g.y, P = g.x, R = g.y;
     return `C ${N} ${F}, ${B} ${X}, ${P} ${R}`;
   };
@@ -6173,7 +6173,7 @@ const ws = ({
           return m($, B);
         }).join(",")}, ${m({ x: l, y: 0 }, I)}`,
         stroke: S,
-        strokeWidth: p,
+        strokeWidth: h,
         fill: "none"
       },
       `line-${w}`
@@ -6188,16 +6188,16 @@ const ws = ({
   minDb: a,
   ...i
 }) => {
-  const e = Nt(), { fps: p } = cn();
+  const e = Nt(), { fps: h } = cn();
   if (!t) return null;
-  const o = t.slice(0.25 * t.length).map((u) => zr(u, { maxDb: c, minDb: a })), h = n * ls(o), l = e / p;
+  const o = t.slice(0.25 * t.length).map((u) => zr(u, { maxDb: c, minDb: a })), p = n * ls(o), l = e / h;
   return /* @__PURE__ */ f("div", { style: { width: r, height: n }, children: /* @__PURE__ */ f(
     Is,
     {
       width: r,
       height: n,
       offsetPixels: s * l,
-      amplitude: h,
+      amplitude: p,
       ...i
     }
   ) });
@@ -6228,7 +6228,7 @@ function On({
   item: t,
   options: r
 }) {
-  return mt({ item: t, options: r, children: /* @__PURE__ */ f(kt, { children: /* @__PURE__ */ f(Ns, { item: t, options: r }) }) });
+  return gt({ item: t, options: r, children: /* @__PURE__ */ f(kt, { children: /* @__PURE__ */ f(Ns, { item: t, options: r }) }) });
 }
 const Fs = (t, r) => {
   if (!r || r === t.length) return [...t];
@@ -6240,9 +6240,9 @@ const Fs = (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), p = Math.floor(e.length / c);
-  return Array.from({ length: c }).map((h, l) => zr(
-    e[l * p % e.length],
+  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, l) => zr(
+    e[l * h % e.length],
     { maxDb: n, minDb: s }
   ));
 }, Rs = ({
@@ -6254,44 +6254,44 @@ const Fs = (t, r) => {
   strokeColor: a = "none",
   placement: i = "middle",
   copies: e = 1,
-  blendMode: p = "normal"
+  blendMode: h = "normal"
 }) => {
-  const o = r, h = n;
+  const o = r, p = n;
   if (!t || t.length === 0)
     return null;
   const { scaling: l, viewBoxVerticalShift: u } = i === "over" ? {
-    viewBoxVerticalShift: -h,
+    viewBoxVerticalShift: -p,
     scaling: 1
   } : i === "under" ? {
     viewBoxVerticalShift: 0,
     scaling: 1
   } : {
-    viewBoxVerticalShift: -0.5 * h,
+    viewBoxVerticalShift: -0.5 * p,
     scaling: 0.5
   }, b = 0.15 * o, y = (o - 2 * b) / (t.length - 1), v = Array.from({ length: e }).map((x, M) => {
     const m = 3 * M;
     return Fs(t, m).map((w, I) => ({
       x: b + I * y,
-      y: l * h * w * (1.2 - 0.5 * no(M * t.length + I))
+      y: l * p * w * (1.2 - 0.5 * no(M * t.length + I))
     }));
   });
-  return /* @__PURE__ */ f("div", { style: { width: r, height: n }, children: /* @__PURE__ */ f("svg", { width: o, height: h, viewBox: `0 ${u} ${o} ${h}`, children: v.map((x, M) => {
+  return /* @__PURE__ */ f("div", { style: { width: r, height: n }, children: /* @__PURE__ */ f("svg", { width: o, height: p, viewBox: `0 ${u} ${o} ${p}`, children: v.map((x, M) => {
     const m = x[x.length - 1], g = Array.isArray(a) ? a[M % a.length] : a, w = Array.isArray(s) ? s[M % s.length] : s, I = {
       stroke: g,
       strokeWidth: c,
       fill: w,
       style: {
-        mixBlendMode: p
+        mixBlendMode: h
       }
     };
-    return /* @__PURE__ */ bt(Vt.Fragment, { children: [
+    return /* @__PURE__ */ yt(Vt.Fragment, { children: [
       i !== "over" && /* @__PURE__ */ f(
         "path",
         {
           ...I,
           d: `M 0 0, ${x.map((S, $, N) => {
-            const F = $ === 0 ? { x: 0, y: 0 } : N[$ - 1], B = F.x + 0.5 * y, X = F.y, P = S.x - 0.5 * y, R = S.y, E = S.x, Y = S.y;
-            return `C ${B} ${X}, ${P} ${R}, ${E} ${Y}`;
+            const F = $ === 0 ? { x: 0, y: 0 } : N[$ - 1], B = F.x + 0.5 * y, X = F.y, P = S.x - 0.5 * y, R = S.y, _ = S.x, Y = S.y;
+            return `C ${B} ${X}, ${P} ${R}, ${_} ${Y}`;
           }).join(",")}, C ${m.x + 0.5 * y} ${m.y}, ${o - 0.5 * y} 0, ${o} 0`
         }
       ),
@@ -6300,8 +6300,8 @@ const Fs = (t, r) => {
         {
           ...I,
           d: `M 0 0, ${x.map((S, $, N) => {
-            const F = $ === 0 ? { x: 0, y: 0 } : N[$ - 1], B = F.x + 0.5 * y, X = -F.y, P = S.x - 0.5 * y, R = -S.y, E = S.x, Y = -S.y;
-            return `C ${B} ${X}, ${P} ${R}, ${E} ${Y}`;
+            const F = $ === 0 ? { x: 0, y: 0 } : N[$ - 1], B = F.x + 0.5 * y, X = -F.y, P = S.x - 0.5 * y, R = -S.y, _ = S.x, Y = -S.y;
+            return `C ${B} ${X}, ${P} ${R}, ${_} ${Y}`;
           }).join(",")}, C ${m.x + 0.5 * y} ${-m.y}, ${o - 0.5 * y} 0, ${o} 0`
         }
       )
@@ -6316,23 +6316,23 @@ const Fs = (t, r) => {
   copies: a,
   blendMode: i,
   strokeWidth: e,
-  maxDb: p,
+  maxDb: h,
   minDb: o
 }) => {
-  const h = _r(null), l = Nt(), [u, d] = fr({ width: 400, height: 100 });
+  const p = Er(null), l = Nt(), [u, d] = fr({ width: 400, height: 100 });
   er(() => {
     d((x) => {
       var M, m;
       return {
-        width: ((M = h.current) == null ? void 0 : M.offsetWidth) ?? x.width,
-        height: ((m = h.current) == null ? void 0 : m.offsetHeight) ?? x.height
+        width: ((M = p.current) == null ? void 0 : M.offsetWidth) ?? x.width,
+        height: ((m = p.current) == null ? void 0 : m.offsetHeight) ?? x.height
       };
     });
   }, [l, d]);
   const { width: b, height: y } = u;
   if (!n) return null;
-  const v = Ys({ frequencyData: n, minDb: o, maxDb: p });
-  return /* @__PURE__ */ f("div", { ref: h, style: { width: t, height: r }, children: /* @__PURE__ */ f(
+  const v = Ys({ frequencyData: n, minDb: o, maxDb: h });
+  return /* @__PURE__ */ f("div", { ref: p, style: { width: t, height: r }, children: /* @__PURE__ */ f(
     Rs,
     {
       values: v,
@@ -6351,7 +6351,7 @@ const Fs = (t, r) => {
 }) => {
   const { frame: n, fps: s } = r, { details: c } = t;
   Gt.setAudioDataManager(s);
-  const e = Gt.getAudioDataForFrame(n || 0).slice(0, 0.7 * 512), p = (o) => [
+  const e = Gt.getAudioDataForFrame(n || 0).slice(0, 0.7 * 512), h = (o) => [
     "normal",
     "multiply",
     "screen",
@@ -6379,7 +6379,7 @@ const Fs = (t, r) => {
       ...c.fillColor != null ? { fillColor: c.fillColor } : {},
       ...c.copies != null ? { copies: c.copies } : {},
       ...c.strokeWidth != null ? { strokeWidth: c.strokeWidth } : {},
-      ...p(c.blendMode) ? { blendMode: c.blendMode } : { blendMode: "normal" }
+      ...h(c.blendMode) ? { blendMode: c.blendMode } : { blendMode: "normal" }
     }
   ) });
 };
@@ -6387,33 +6387,33 @@ function zn({
   item: t,
   options: r
 }) {
-  return mt({ item: t, options: r, children: /* @__PURE__ */ f(kt, { children: /* @__PURE__ */ f(Bs, { item: t, options: r }) }) });
+  return gt({ item: t, options: r, children: /* @__PURE__ */ f(kt, { children: /* @__PURE__ */ f(Bs, { item: t, options: r }) }) });
 }
 const Gn = ({
   item: t,
   options: r
 }) => {
   var u, d, b, y;
-  const { fps: n, frame: s } = r, { details: c, animations: a } = t, { animationIn: i, animationOut: e, animationTimed: p } = Ft(
+  const { fps: n, frame: s } = r, { details: c, animations: a } = t, { animationIn: i, animationOut: e, animationTimed: h } = Ft(
     a,
     t,
     s,
     n,
     r
-  ), { durationInFrames: o } = wt(t.display, n), h = (s || 0) - t.display.from * n / 1e3, l = /* @__PURE__ */ f(
+  ), { durationInFrames: o } = wt(t.display, n), p = (s || 0) - t.display.from * n / 1e3, l = /* @__PURE__ */ f(
     jt,
     {
       style: Pt(c),
       animationIn: i,
       animationOut: e,
-      frame: h,
+      frame: p,
       durationInFrames: o,
       children: /* @__PURE__ */ f(
         At,
         {
-          animationTimed: p,
+          animationTimed: h,
           durationInFrames: o,
-          frame: h,
+          frame: p,
           style: Pt(c),
           children: /* @__PURE__ */ f(
             Tt,
@@ -6426,9 +6426,9 @@ const Gn = ({
                 ...((y = a == null ? void 0 : a.loop) == null ? void 0 : y.composition) || [],
                 ...i || [],
                 ...e || [],
-                ...p || []
+                ...h || []
               ],
-              frame: h,
+              frame: p,
               durationInFrames: o,
               children: /* @__PURE__ */ f("div", { style: mo(c) })
             }
@@ -6437,7 +6437,7 @@ const Gn = ({
       )
     }
   );
-  return mt({ item: t, options: r, children: l });
+  return gt({ item: t, options: r, children: l });
 }, Ps = () => ({
   scale: (t) => ({ transform: `scale(${t})` }),
   opacity: (t) => ({ opacity: t }),
@@ -6469,23 +6469,23 @@ const Gn = ({
   for (let c = 0; c < 6; c += 1)
     n.push(c * s + r);
   return n;
-}, _s = (t, r, n, s = !1) => {
-  const { from: c, to: a, ease: i } = r, e = r.durationInFrames || 30, p = Number(c), o = Number(a), h = Math.max(1, Number(e));
-  if (isNaN(p) || isNaN(o))
-    return p;
+}, Es = (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 l = r.delay || 0;
   if (r.property === "hide-show" || r.property === "hide" || r.property === "show")
-    return t < l ? p : o;
-  const u = s ? [n - h - l, n - l] : [l, l + h];
+    return t < l ? h : o;
+  const u = s ? [n - p - l, n - l] : [l, l + p];
   if (r.property.includes("shake")) {
     const d = s ? Dr(
-      h,
-      n - h - l
-    ) : Dr(h, l);
+      p,
+      n - p - l
+    ) : Dr(p, l);
     return W(
       t,
       d,
-      [0, p, o, p, o, 0],
+      [0, h, o, h, o, 0],
       {
         extrapolateLeft: "clamp",
         extrapolateRight: "clamp",
@@ -6493,7 +6493,7 @@ const Gn = ({
       }
     );
   }
-  return W(t, u, [p, o], {
+  return W(t, u, [h, o], {
     extrapolateLeft: "clamp",
     extrapolateRight: "clamp",
     easing: i
@@ -6526,16 +6526,16 @@ const Gn = ({
   }
   return 0;
 }, tn = (t, r, n, s, c) => {
-  var p, o, h, l, u;
+  var h, o, p, l, u;
   const { property: a } = t;
   if (a === "move") {
     const d = Number(
-      ((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), v = Number(((l = t.details) == null ? void 0 : l.toY) ?? 0), x = Number(((u = t.details) == null ? void 0 : u.scale) || 1) || 1;
+      ((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), v = Number(((l = t.details) == null ? void 0 : l.toY) ?? 0), x = Number(((u = t.details) == null ? void 0 : u.scale) || 1) || 1;
     let M = c;
     if (M == null || Number.isNaN(M)) {
-      const E = t.details;
-      M = jn((E == null ? void 0 : E.rotate) ?? (E == null ? void 0 : E.rotation) ?? (E == null ? void 0 : E.transform));
+      const _ = t.details;
+      M = jn((_ == null ? void 0 : _.rotate) ?? (_ == null ? void 0 : _.rotation) ?? (_ == null ? void 0 : _.transform));
     }
     const m = t.delay || 0, g = t.durationInFrames || 30, w = s ? [n - g - m, n - m] : [m, m + g], I = W(r, w, [d, b], {
       extrapolateLeft: "clamp",
@@ -6550,7 +6550,7 @@ const Gn = ({
       transform: `translateX(${P}px) translateY(${R}px)`
     };
   }
-  const i = _s(r, t, n, s), e = Ps();
+  const i = Es(r, t, n, s), e = Ps();
   return (e[a] || e.default)(i);
 }, rn = (t, r, n, s = !1, c = !1, a) => Vt.useMemo(() => {
   if (t.length === 0) return {};
@@ -6560,25 +6560,25 @@ const Gn = ({
   if (i.length !== t.length && console.error("Some animations are invalid and will be ignored"), c) {
     const e = [];
     return i.reverse().forEach((o) => {
-      const h = tn(
+      const p = tn(
         o,
         n,
         r,
         !1,
         a
       );
-      e.push(h);
+      e.push(p);
     }), e.reduce(
-      (o, h) => (Object.keys(h).forEach((l) => {
-        l === "transform" || l === "filter" ? o[l] = o[l] ? `${o[l]} ${h[l]}` : h[l] : o[l] = h[l];
+      (o, p) => (Object.keys(p).forEach((l) => {
+        l === "transform" || l === "filter" ? o[l] = o[l] ? `${o[l]} ${p[l]}` : p[l] : o[l] = p[l];
       }), o),
       {}
     );
   } else
-    return i.map((p) => tn(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),
+    return i.map((h) => tn(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),
       {}
     );
 }, [t, n, r, s, a]), Ir = (t) => t ? Array.isArray(t) ? t : [t] : [], cr = ({
@@ -6598,7 +6598,7 @@ const Gn = ({
     n,
     a,
     !0
-  ), p = Vt.useMemo(() => {
+  ), h = Vt.useMemo(() => {
     const v = Object.keys(i).length > 0, x = t == null ? void 0 : t.reduce(
       (m, g) => Math.min(m, g.delay || 0),
       1 / 0
@@ -6618,14 +6618,14 @@ const Gn = ({
     return a < M ? {} : e;
   }, [e, a, r, n]), l = ((c == null ? void 0 : c.transform) || "").match(/rotate\((-?[\d.]+)deg\)/), u = l ? parseFloat(l[1]) : 0, d = Vt.useMemo(() => {
     const v = {
-      ...p
+      ...h
       // , ...timedStyle
     };
     return Object.entries(o).forEach(([x, M]) => {
       x === "transform" ? v[x] = `${v[x] || ""} ${M || ""}`.trim() : x in v && typeof v[x] == "number" && typeof M == "number" ? v[x] = v[x] * M : v[x] = M;
     }), v;
-  }, [p, o]), b = yr(() => {
-    const v = d.transform || "", { translateX: x, translateY: M, scale: m, rotation: g, rotateY: w } = Es(v);
+  }, [h, o]), b = yr(() => {
+    const v = d.transform || "", { translateX: x, translateY: M, scale: m, rotation: g, rotateY: w } = _s(v);
     return `${g} ${x} ${M} ${m} ${w}`.trim();
   }, [d]);
   let y = i;
@@ -6661,18 +6661,18 @@ const Gn = ({
       )
     }
   );
-}, Es = (t) => {
+}, _s = (t) => {
   let r = "", n = "", s = "scale(1)", c = "", a = "";
   const i = t.match(/translateX\([^)]+\)/g);
   i && (r = i[i.length - 1]);
   const e = t.match(/translateY\([^)]+\)/g);
   e && (n = e[e.length - 1]);
-  const p = t.match(/scale\([^)]+\)/g);
-  p && (s = p[p.length - 1]);
+  const h = t.match(/scale\([^)]+\)/g);
+  h && (s = h[h.length - 1]);
   const o = t.match(/rotate\([^)]+\)/g);
   o && (c = o[o.length - 1]);
-  const h = t.match(/rotateY\([^)]+\)/g);
-  return h && (a = h[h.length - 1]), { translateX: r, translateY: n, scale: s, rotation: c, rotateY: a };
+  const p = t.match(/rotateY\([^)]+\)/g);
+  return p && (a = p[p.length - 1]), { translateX: r, translateY: n, scale: s, rotation: c, rotateY: a };
 };
 k.linear;
 k.linear;
@@ -6687,20 +6687,20 @@ const An = ({
   item: t,
   options: r
 }) => {
-  const { fps: n, resizeState: s, frame: c } = r, { details: a, animations: i } = t, { durationInFrames: e } = wt(t.display, n), { animationIn: p, animationOut: o } = Ft(
+  const { fps: n, resizeState: s, frame: c } = r, { details: a, animations: i } = t, { durationInFrames: e } = wt(t.display, n), { animationIn: h, animationOut: o } = Ft(
     i,
     t,
     c,
     n
-  ), h = s == null ? void 0 : s[t.id], l = (h == null ? void 0 : h.width) ?? a.radius, u = /* @__PURE__ */ f(
+  ), p = s == null ? void 0 : s[t.id], l = (p == null ? void 0 : p.width) ?? a.radius, u = /* @__PURE__ */ f(
     cr,
     {
       durationInFrames: e,
-      animationIn: p,
+      animationIn: h,
       animationOut: o,
       style: a,
       children: /* @__PURE__ */ f(
-        po,
+        ho,
         {
           radius: l,
           fill: a.backgroundColor
@@ -6708,24 +6708,24 @@ const An = ({
       )
     }
   );
-  return mt({ item: t, options: r, children: u });
+  return gt({ item: t, options: r, children: u });
 }, Ln = ({
   item: t,
   options: r
 }) => {
-  const { fps: n, resizeState: s, frame: c } = r, { details: a, animations: i } = t, { durationInFrames: e } = wt(t.display, n), { animationIn: p, animationOut: o } = Ft(
+  const { fps: n, resizeState: s, frame: c } = r, { details: a, animations: i } = t, { durationInFrames: e } = wt(t.display, n), { animationIn: h, animationOut: o } = Ft(
     i,
     t,
     c,
     n
-  ), h = s == null ? void 0 : s[t.id];
+  ), p = s == null ? void 0 : s[t.id];
   let l = a.length;
-  h != null && h.width ? l = h.width : h != null && h.height && (l = h.height * 2 / Math.sqrt(3));
+  p != null && p.width ? l = p.width : p != null && p.height && (l = p.height * 2 / Math.sqrt(3));
   const u = /* @__PURE__ */ f(
     cr,
     {
       durationInFrames: e,
-      animationIn: p,
+      animationIn: h,
       animationOut: o,
       style: {},
       children: /* @__PURE__ */ f(
@@ -6738,17 +6738,17 @@ const An = ({
       )
     }
   );
-  return mt({ item: t, options: r, children: u });
+  return gt({ item: t, options: r, children: u });
 }, Hn = ({
   item: t,
   options: r
 }) => {
-  const { fps: n, resizeState: s, frame: c } = r, { details: a, animations: i } = t, { durationInFrames: e } = wt(t.display, n), { animationIn: p, animationOut: o } = Ft(
+  const { fps: n, resizeState: s, frame: c } = r, { details: a, animations: i } = t, { durationInFrames: e } = wt(t.display, n), { animationIn: h, animationOut: o } = Ft(
     i,
     t,
     c,
     n
-  ), h = s == null ? void 0 : s[t.id], l = (y, v, x) => {
+  ), p = s == null ? void 0 : s[t.id], l = (y, v, x) => {
     const M = x, m = x, g = Math.PI * 2 / (y * 2);
     let w = Number.POSITIVE_INFINITY, I = Number.NEGATIVE_INFINITY, S = Number.POSITIVE_INFINITY, $ = Number.NEGATIVE_INFINITY;
     for (let N = 0; N < y * 2; N++) {
@@ -6761,19 +6761,19 @@ const An = ({
     };
   };
   let u = a.outerRadius, d = a.innerRadius;
-  if (h != null && h.width || h != null && h.height) {
+  if (p != null && p.width || p != null && p.height) {
     const y = l(
       a.points || 5,
       a.innerRadius || 0,
       a.outerRadius || 0
-    ), v = h != null && h.width ? h.width / y.width : 1, x = h != null && h.height ? h.height / y.height : 1, M = Math.max(v, x);
+    ), v = p != null && p.width ? p.width / y.width : 1, x = p != null && p.height ? p.height / y.height : 1, M = Math.max(v, x);
     u = (a.outerRadius || 0) * M, d = (a.innerRadius || 0) * M;
   }
   const b = /* @__PURE__ */ f(
     cr,
     {
       durationInFrames: e,
-      animationIn: p,
+      animationIn: h,
       animationOut: o,
       style: a,
       children: /* @__PURE__ */ f(
@@ -6787,17 +6787,17 @@ const An = ({
       )
     }
   );
-  return mt({ item: t, options: r, children: b });
+  return gt({ item: t, options: r, children: b });
 }, Un = ({
   item: t,
   options: r
 }) => {
-  const { fps: n, resizeState: s, frame: c } = r, { details: a, animations: i } = t, { animationIn: e, animationOut: p } = Ft(
+  const { fps: n, resizeState: s, frame: c } = r, { details: a, animations: i } = t, { animationIn: e, animationOut: h } = Ft(
     i,
     t,
     c,
     n
-  ), { durationInFrames: o } = wt(t.display, n), h = s == null ? void 0 : s[t.id], l = (b, y) => {
+  ), { durationInFrames: o } = wt(t.display, n), p = s == null ? void 0 : s[t.id], l = (b, y) => {
     const v = y, x = y, M = Math.PI * 2 / b;
     let m = Number.POSITIVE_INFINITY, g = Number.NEGATIVE_INFINITY, w = Number.POSITIVE_INFINITY, I = Number.NEGATIVE_INFINITY;
     for (let S = 0; S < b; S++) {
@@ -6810,11 +6810,11 @@ const An = ({
     };
   };
   let u = a.radius;
-  if (h != null && h.width || h != null && h.height) {
+  if (p != null && p.width || p != null && p.height) {
     const b = l(
       a.points || 3,
       a.radius || 0
-    ), y = h != null && h.width ? h.width / b.width : 1, v = h != null && h.height ? h.height / b.height : 1, x = Math.max(y, v);
+    ), y = p != null && p.width ? p.width / b.width : 1, v = p != null && p.height ? p.height / b.height : 1, x = Math.max(y, v);
     u = (a.radius || 0) * x;
   }
   const d = /* @__PURE__ */ f(
@@ -6822,7 +6822,7 @@ const An = ({
     {
       durationInFrames: o,
       animationIn: e,
-      animationOut: p,
+      animationOut: h,
       style: a,
       children: /* @__PURE__ */ f(
         bo,
@@ -6834,21 +6834,21 @@ const An = ({
       )
     }
   );
-  return mt({ item: t, options: r, children: d });
+  return gt({ item: t, options: r, children: d });
 }, Zn = ({
   item: t,
   options: r
 }) => {
-  const { fps: n, resizeState: s, frame: c } = r, { details: a, animations: i } = t, { durationInFrames: e } = wt(t.display, n), { animationIn: p, animationOut: o } = Ft(
+  const { fps: n, resizeState: s, frame: c } = r, { details: a, animations: i } = t, { durationInFrames: e } = wt(t.display, n), { animationIn: h, animationOut: o } = Ft(
     i,
     t,
     c,
     n
-  ), h = s == null ? void 0 : s[t.id], l = h != null && h.width ? h.width / 2 : a.rx, u = h != null && h.height ? h.height / 2 : a.ry, d = /* @__PURE__ */ f(
+  ), p = s == null ? void 0 : s[t.id], l = p != null && p.width ? p.width / 2 : a.rx, u = p != null && p.height ? p.height / 2 : a.ry, d = /* @__PURE__ */ f(
     cr,
     {
       durationInFrames: e,
-      animationIn: p,
+      animationIn: h,
       animationOut: o,
       style: a,
       children: /* @__PURE__ */ f(
@@ -6863,7 +6863,7 @@ const An = ({
       )
     }
   );
-  return mt({ item: t, options: r, children: d });
+  return gt({ item: t, options: r, children: d });
 }, Ws = () => ({
   scale: (t) => ({ transform: `scale(${t})` }),
   opacity: (t) => ({ opacity: t }),
@@ -6948,22 +6948,22 @@ const An = ({
     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, p = Number(c), o = Number(a), h = Math.max(1, Number(e));
-  if (isNaN(p) || isNaN(o))
-    return p;
+  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 l = r.delay || 0;
   if (r.property === "hide-show" || r.property === "hide" || r.property === "show")
-    return t < l ? p : o;
-  const u = s ? [n - h - l, n - l] : [l, l + h];
+    return t < l ? h : o;
+  const u = s ? [n - p - l, n - l] : [l, l + p];
   if (r.property.includes("shake")) {
     const d = s ? nn(
-      h,
-      n - h - l
-    ) : nn(h, l);
+      p,
+      n - p - l
+    ) : nn(p, l);
     return W(
       t,
       d,
-      [0, p, o, p, o, 0],
+      [0, h, o, h, o, 0],
       {
         extrapolateLeft: "clamp",
         extrapolateRight: "clamp",
@@ -6971,7 +6971,7 @@ const An = ({
       }
     );
   }
-  return W(t, u, [p, o], {
+  return W(t, u, [h, o], {
     extrapolateLeft: "clamp",
     extrapolateRight: "clamp",
     easing: i
@@ -7004,16 +7004,16 @@ const An = ({
   }
   return 0;
 }, on = (t, r, n, s, c) => {
-  var p, o, h, l, u;
+  var h, o, p, l, u;
   const { property: a } = t;
   if (a === "move") {
     const d = Number(
-      ((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), v = Number(((l = t.details) == null ? void 0 : l.toY) ?? 0), x = Number(((u = t.details) == null ? void 0 : u.scale) || 1) || 1;
+      ((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), v = Number(((l = t.details) == null ? void 0 : l.toY) ?? 0), x = Number(((u = t.details) == null ? void 0 : u.scale) || 1) || 1;
     let M = c;
     if (M == null || Number.isNaN(M)) {
-      const E = t.details;
-      M = Qn((E == null ? void 0 : E.rotate) ?? (E == null ? void 0 : E.rotation) ?? (E == null ? void 0 : E.transform));
+      const _ = t.details;
+      M = Qn((_ == null ? void 0 : _.rotate) ?? (_ == null ? void 0 : _.rotation) ?? (_ == null ? void 0 : _.transform));
     }
     const m = t.delay || 0, g = t.durationInFrames || 30, w = s ? [n - g - m, n - m] : [m, m + g], I = W(r, w, [d, b], {
       extrapolateLeft: "clamp",
@@ -7038,27 +7038,27 @@ const An = ({
   if (i.length !== t.length && console.error("Some animations are invalid and will be ignored"), c) {
     const e = [];
     return i.reverse().forEach((o) => {
-      const h = on(
+      const p = on(
         o,
         n,
         r,
         !1,
         a
       );
-      e.push(h);
+      e.push(p);
     }), e.reduce(
-      (o, h) => (Object.keys(h).forEach((l) => {
-        l === "transform" || l === "filter" ? o[l] = o[l] ? `${o[l]} ${h[l]}` : h[l] : o[l] = h[l];
+      (o, p) => (Object.keys(p).forEach((l) => {
+        l === "transform" || l === "filter" ? o[l] = o[l] ? `${o[l]} ${p[l]}` : p[l] : o[l] = p[l];
       }), o),
       {}
     );
   } else
     return i.map(
-      (p) => on(p, n, r, s, a)
+      (h) => on(h, n, r, s, a)
     ).reduce(
-      (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),
+      (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),
       {}
     );
 }, [t, n, r, s, a]), nr = (t) => t ? Array.isArray(t) ? t : [t] : [], Cs = ({
@@ -7071,7 +7071,7 @@ const An = ({
   children: i,
   style: e = {}
 }) => {
-  const p = kr(
+  const h = kr(
     nr(t),
     s,
     c,
@@ -7081,7 +7081,7 @@ const An = ({
     s,
     c,
     !0
-  ), h = kr(
+  ), p = kr(
     nr(n),
     s,
     c,
@@ -7089,12 +7089,12 @@ const An = ({
     !0
   ), l = Vt.useMemo(() => {
     var S;
-    const g = Object.keys(p).length > 0, w = (S = nr(t)) == null ? void 0 : S.reduce(
+    const g = Object.keys(h).length > 0, w = (S = nr(t)) == null ? void 0 : S.reduce(
       ($, N) => Math.min($, N.delay || 0),
       1 / 0
     ), I = c - (w || 0);
-    return g && I < 0 ? { visibility: a ? "visible" : "hidden" } : p;
-  }, [p, c, t, a]), u = Vt.useMemo(() => {
+    return g && I < 0 ? { visibility: a ? "visible" : "hidden" } : h;
+  }, [h, c, t, a]), u = Vt.useMemo(() => {
     const g = nr(r);
     if (!g || g.length === 0) return {};
     let w = 0;
@@ -7107,12 +7107,12 @@ const An = ({
   }, [o, c, r, s, a]), d = Vt.useMemo(() => {
     const g = {
       ...l,
-      ...h
+      ...p
     };
     return Object.entries(u).forEach(([w, I]) => {
       w === "transform" ? g[w] = `${g[w] || ""} ${I || ""}`.trim() : w in g && typeof g[w] == "number" && typeof I == "number" ? g[w] = g[w] * I : g[w] = I;
     }), g;
-  }, [l, h, u]), b = yr(() => {
+  }, [l, p, u]), b = yr(() => {
     const g = d.transform || "", { translateX: w, translateY: I, scale: S, rotation: $, rotateY: N } = Os(g);
     return `${$} ${w} ${I} ${S} ${N}`.trim();
   }, [d]), {
@@ -7154,12 +7154,12 @@ const An = ({
   i && (r = i[i.length - 1]);
   const e = t.match(/translateY\([^)]+\)/g);
   e && (n = e[e.length - 1]);
-  const p = t.match(/scale\([^)]+\)/g);
-  p && (s = p[p.length - 1]);
+  const h = t.match(/scale\([^)]+\)/g);
+  h && (s = h[h.length - 1]);
   const o = t.match(/rotate\([^)]+\)/g);
   o && (c = o[o.length - 1]);
-  const h = t.match(/rotateY\([^)]+\)/g);
-  return h && (a = h[h.length - 1]), { translateX: r, translateY: n, scale: s, rotation: c, rotateY: a };
+  const p = t.match(/rotateY\([^)]+\)/g);
+  return p && (a = p[p.length - 1]), { translateX: r, translateY: n, scale: s, rotation: c, rotateY: a };
 };
 k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.linear, k.elastic(1), k.elastic(1), k.elastic(1), k.elastic(1), k.linear, k.linear, k.linear, k.linear, k.ease, k.ease, k.ease, k.ease, k.ease, k.ease, k.ease, k.ease, k.ease, k.ease;
 function Kn({
@@ -7167,26 +7167,26 @@ function Kn({
   options: r
 }) {
   var F, B, X, P, R;
-  const { fps: n, frame: s } = r, { details: c, animations: a } = t, { width: i, height: e, strokeWidth: p, strokeBackground: o, strokeColors: h } = c, { animationIn: l, animationOut: u } = Ft(a, t), { durationInFrames: d } = wt(t.display, n), b = i, y = e, v = p, x = b, M = y, m = b, g = y, w = x + M + m + g;
+  const { fps: n, frame: s } = r, { details: c, animations: a } = t, { width: i, height: e, strokeWidth: h, strokeBackground: o, strokeColors: p } = c, { animationIn: l, animationOut: u } = Ft(a, t), { durationInFrames: d } = wt(t.display, n), b = i, y = e, v = h, x = b, M = y, m = b, g = y, w = x + M + m + g;
   let I = 0;
   if (((F = a == null ? void 0 : a.out) == null ? void 0 : F.name) === "progressSquareAnimationOut") {
-    const E = (B = a == null ? void 0 : a.out) == null ? void 0 : B.composition[0].durationInFrames, Y = Math.max(
+    const _ = (B = a == null ? void 0 : a.out) == null ? void 0 : B.composition[0].durationInFrames, Y = Math.max(
       t.display.to * n / 1e3 - (s || 0) - 1,
       0
     );
-    I = Math.min(Y / E * 100, 100) / 100, Y > E && (I = 1);
+    I = Math.min(Y / _ * 100, 100) / 100, Y > _ && (I = 1);
   }
   if (((X = a == null ? void 0 : a.in) == null ? void 0 : X.name) === "progressSquareAnimationIn") {
-    const { from: E } = wt(
+    const { from: _ } = wt(
       {
         from: t.display.from,
         to: t.display.to
       },
       n
-    ), Y = (P = a == null ? void 0 : a.in) == null ? void 0 : P.composition[0].durationInFrames, C = Math.max((s || 0) - E, 0);
+    ), Y = (P = a == null ? void 0 : a.in) == null ? void 0 : P.composition[0].durationInFrames, C = Math.max((s || 0) - _, 0);
     C < Y ? I = Math.min(C / Y * 100, 100) / 100 : ((R = a == null ? void 0 : a.out) == null ? void 0 : R.name) !== "progressSquareAnimationOut" && (I = 1);
   }
-  const S = I * 100 / 100 * w, $ = h[0] || "#4A90E2", N = /* @__PURE__ */ f(
+  const S = I * 100 / 100 * w, $ = p[0] || "#4A90E2", N = /* @__PURE__ */ f(
     Cs,
     {
       style: Pt(
@@ -7199,7 +7199,7 @@ function Kn({
       animationIn: l,
       animationOut: u,
       durationInFrames: d,
-      children: /* @__PURE__ */ bt(
+      children: /* @__PURE__ */ yt(
         "div",
         {
           style: {
@@ -7226,7 +7226,7 @@ function Kn({
                 }
               }
             ),
-            /* @__PURE__ */ bt("div", { style: { position: "absolute", inset: 0, pointerEvents: "none" }, children: [
+            /* @__PURE__ */ yt("div", { style: { position: "absolute", inset: 0, pointerEvents: "none" }, children: [
               /* @__PURE__ */ f(
                 "div",
                 {
@@ -7291,39 +7291,39 @@ function Kn({
       )
     }
   );
-  return mt({ item: t, options: r, children: N });
+  return gt({ item: t, options: r, children: N });
 }
 const Jn = (t) => {
   const { trackItemIds: r, transitionsMap: n, trackItemsMap: s } = t, c = /* @__PURE__ */ new Map();
   Object.values(n).forEach((o) => {
     var d, b;
-    const { fromId: h, toId: l, kind: u } = o;
-    u !== "none" && (c.has(h) || c.set(h, []), c.has(l) || c.set(l, []), (d = c.get(h)) == null || d.push(o), (b = c.get(l)) == null || b.push(o));
+    const { fromId: p, toId: l, kind: u } = o;
+    u !== "none" && (c.has(p) || c.set(p, []), c.has(l) || c.set(l, []), (d = c.get(p)) == null || d.push(o), (b = c.get(l)) == null || b.push(o));
   });
   const a = [], i = /* @__PURE__ */ new Set(), e = (o) => {
-    const h = [];
+    const p = [];
     let l = o;
     for (; l && !i.has(l); ) {
       i.add(l);
       const u = s[l];
-      h.push(u);
+      p.push(u);
       const d = Object.values(n).find(
         (b) => b.fromId === l && b.kind !== "none"
       );
       if (!d) break;
-      h.push(d), l = d.toId;
+      p.push(d), l = d.toId;
     }
-    return h;
-  }, p = Object.values(n).filter(
+    return p;
+  }, h = Object.values(n).filter(
     (o) => o.kind !== "none"
   );
   for (const o of r)
-    if (!i.has(o) && (!c.has(o) || !p.some((h) => h.toId === o))) {
-      const h = e(o);
-      h.length > 0 && a.push(h);
+    if (!i.has(o) && (!c.has(o) || !h.some((p) => p.toId === o))) {
+      const p = e(o);
+      p.length > 0 && a.push(p);
     }
   return a.forEach((o) => {
-    o.sort((h, l) => "display" in h && "display" in l ? h.display.from - l.display.from : 0);
+    o.sort((p, l) => "display" in p && "display" in l ? p.display.from - l.display.from : 0);
   }), a;
 }, zs = (t, r) => {
   switch (t.type) {
@@ -7348,13 +7348,13 @@ const Jn = (t) => {
     case "video":
       return Pn({ item: t, options: r });
     case "audio":
-      return pn({ item: t, options: r });
+      return hn({ item: t, options: r });
     case "image":
       return kn({ item: t, options: r });
     case "illustration":
       return yn({ item: t, options: r });
     case "progressBar":
-      return _n({ item: t, options: r });
+      return En({ item: t, options: r });
     case "linealAudioBars":
       return Wn({ item: t, options: r });
     case "waveAudioBars":
@@ -7381,16 +7381,16 @@ function Gs({
     onTextBlur: a,
     handleTextChange: i,
     itemsTemplateIds: e,
-    transitionsTemplateMap: p,
+    transitionsTemplateMap: h,
     itemsTemplateMap: o,
-    size: h,
+    size: p,
     fps: l,
     structure: u,
     frame: d,
     mergedTrackItemsDeatilsMap: b
   } = r, y = or(o || {}), { trim: v, display: x } = t, M = e && e.some((I) => !!y[I]) ? e : Object.keys(y), m = Jn({
     trackItemIds: or(M),
-    transitionsMap: or(p || {}),
+    transitionsMap: or(h || {}),
     trackItemsMap: y || {}
   }), g = (v == null ? void 0 : v.from) || 0;
   M.filter((I) => !!y[I]).forEach((I) => {
@@ -7403,13 +7403,13 @@ function Gs({
       if (!I[0]) return null;
       const R = y[(F = I[0]) == null ? void 0 : F.id];
       if (!R) return null;
-      let E = {}, Y = {}, C = [];
+      let _ = {}, Y = {}, C = [];
       if (R.type === "template") {
-        const z = u == null ? void 0 : u.find((D) => D.id === R.id);
+        const z = u == null ? void 0 : u.find((tt) => tt.id === R.id);
         C = (z == null ? void 0 : z.items) || [];
-        for (const D in b)
-          z != null && z.items.includes(D) && (Y[D] = {
-            ...b[D]
+        for (const tt in b)
+          z != null && z.items.includes(tt) && (Y[tt] = {
+            ...b[tt]
           });
         return s(R, {
           fps: l,
@@ -7418,8 +7418,8 @@ function Gs({
           editableTextId: c,
           itemsTemplateIds: C,
           itemsTemplateMap: Y,
-          transitionsTemplateMap: E,
-          itemStructure: u == null ? void 0 : u.find((D) => D.id === R.id),
+          transitionsTemplateMap: _,
+          itemStructure: u == null ? void 0 : u.find((tt) => tt.id === R.id),
           frame: (d ?? 0) - x.from * l / 1e3,
           size: {
             width: ((B = R.details) == null ? void 0 : B.width) || 0,
@@ -7440,24 +7440,24 @@ function Gs({
         active: !1,
         itemsTemplateIds: e,
         itemsTemplateMap: y,
-        transitionsTemplateMap: p,
+        transitionsTemplateMap: h,
         isTransition: !1,
         isAnimationEditor: r.isAnimationEditor,
         insideTemplate: !0,
-        size: h,
+        size: p,
         frame: (d ?? 0) - x.from * l / 1e3
       });
     }
     const $ = y[I[0].id], N = (((P = $ == null ? void 0 : $.display) == null ? void 0 : P.from) || 0) / 1e3 * r.fps;
     return /* @__PURE__ */ f(dn, { from: N, children: I.map((R) => {
       if (R.type === "transition") {
-        const E = R.duration / 1e3 * l, Y = oo[R.kind];
+        const _ = R.duration / 1e3 * l, Y = oo[R.kind];
         return Y ? Y({
-          durationInFrames: E,
+          durationInFrames: _,
           id: R.id,
           direction: R.direction,
-          width: (h == null ? void 0 : h.width) || 0,
-          height: (h == null ? void 0 : h.height) || 0
+          width: (p == null ? void 0 : p.width) || 0,
+          height: (p == null ? void 0 : p.height) || 0
         }) : null;
       }
       return s(R, {
@@ -7466,11 +7466,11 @@ function Gs({
         onTextBlur: a,
         editableTextId: c,
         isTransition: !0,
-        size: h
+        size: p
       });
     }) }, S);
   });
-  return mt({ children: w, item: t, options: r });
+  return gt({ children: w, item: t, options: r });
 }
 function js({
   item: t,
@@ -7484,9 +7484,9 @@ function js({
     itemsTemplateMap: a,
     fps: i,
     frame: e,
-    onTextBlur: p,
+    onTextBlur: h,
     handleTextChange: o,
-    itemStructure: h
+    itemStructure: p
   } = r, { animations: l } = t, { durationInFrames: u } = wt(t.display, i), { animationIn: d, animationOut: b, animationTimed: y } = Ft(
     l,
     t,
@@ -7502,14 +7502,14 @@ function js({
       const X = v[F[0].id];
       if (!X) return null;
       let P = B;
-      if (h) {
-        const { tracks: R } = h;
-        P = R.length - R.findIndex((E) => E.items.includes(X.id));
+      if (p) {
+        const { tracks: R } = p;
+        P = R.length - R.findIndex((_) => _.items.includes(X.id));
       }
       return n ? n(X, {
         fps: i,
         handleTextChange: o,
-        onTextBlur: p,
+        onTextBlur: h,
         editableTextId: s,
         zIndex: P,
         isAnimationEditor: r.isAnimationEditor,
@@ -7563,7 +7563,7 @@ function js({
       )
     }
   );
-  return mt({ item: t, options: r, children: w });
+  return gt({ item: t, options: r, children: w });
 }
 const en = {
   text: (t, r) => Bn({ item: t, options: r }),
@@ -7576,7 +7576,7 @@ const en = {
   polygon: (t, r) => Un({ item: t, options: r }),
   ellipse: (t, r) => Zn({ item: t, options: r }),
   video: (t, r) => Pn({ item: t, options: r }),
-  audio: (t, r) => pn({ item: t, options: r }),
+  audio: (t, r) => hn({ item: t, options: r }),
   image: (t, r) => kn({ item: t, options: r }),
   template: (t, r) => Gs({
     item: t,
@@ -7584,7 +7584,7 @@ const en = {
     renderSequenceItem: (n, s) => en[n.type](n, s)
   }),
   illustration: (t, r) => yn({ item: t, options: r }),
-  progressBar: (t, r) => _n({ item: t, options: r }),
+  progressBar: (t, r) => En({ item: t, options: r }),
   linealAudioBars: (t, r) => Wn({ item: t, options: r }),
   waveAudioBars: (t, r) => On({ item: t, options: r }),
   hillAudioBars: (t, r) => zn({ item: t, options: r }),
@@ -7598,8 +7598,8 @@ const en = {
   })
 };
 export {
-  pn as Audio,
-  mt as BaseSequence,
+  hn as Audio,
+  gt as BaseSequence,
   fn as Caption,
   An as Circle,
   js as Composition,
@@ -7609,12 +7609,12 @@ export {
   kn as Image,
   Wn as LinealAudioBars,
   Un as Polygon,
-  _n as ProgressBar,
+  En as ProgressBar,
   Vn as ProgressFrame,
   Kn as ProgressSquare,
   Cn as RadialAudioBars,
   Gn as Rect,
-  Er as SafeHtmlInCanvas,
+  _r as SafeHtmlInCanvas,
   en as SequenceItem,
   Nn as Shape,
   Hn as Star,
@@ -7623,7 +7623,7 @@ export {
   Ln as Triangle,
   Pn as Video,
   On as WaveAudioBars,
-  hn as calculateBorderOverlayStyles,
+  pn as calculateBorderOverlayStyles,
   mo as calculateContainerFigureStyles,
   Pt as calculateContainerStyles,
   go as calculateCropStyles,