@cliquify.me/animations 9.0.13 → 9.0.15

package/dist/index.es.js

@@ -1,7 +1,7 @@
-import { jsx as X, Fragment as U } from "react/jsx-runtime";
-import L, { useMemo as q } from "react";
-import { interpolate as H, Easing as y } from "remotion";
-const D = () => ({
+import { jsx as j, Fragment as k } from "react/jsx-runtime";
+import H, { useMemo as st } from "react";
+import { interpolate as U, Easing as X } from "remotion";
+const nt = () => ({
   scale: (t) => ({ transform: `scale(${t})` }),
   growIn: (t) => ({ transform: `scale(${t})` }),
   shrinkIn: (t) => ({ transform: `scale(${t})` }),
@@ -93,331 +93,331 @@ const D = () => ({
     borderRadius: `${t}px`,
     overflow: "hidden"
   })
-}), z = (t, l = 0) => {
-  const e = [], r = t / 5;
-  for (let i = 0; i < 6; i += 1)
-    e.push(i * r + l);
-  return e;
-}, G = (t, l, e, r = !1) => {
-  const { from: i, to: s, ease: g } = l, p = l.durationInFrames || 30, d = Number(i), a = Number(s), n = Math.max(1, Number(p));
-  if (isNaN(d) || isNaN(a))
+}), tt = (t, l = 0) => {
+  const o = [], s = t / 5;
+  for (let a = 0; a < 6; a += 1)
+    o.push(a * s + l);
+  return o;
+}, at = (t, l, o, s = !1) => {
+  const { from: a, to: e, ease: h } = l, u = l.durationInFrames || 30, c = Number(a), n = Number(e), r = Math.max(1, Number(u));
+  if (isNaN(c) || isNaN(n))
     return console.error("Invalid animation values:", {
-      from: i,
-      to: s,
-      animationDurationInFrames: p,
+      from: a,
+      to: e,
+      animationDurationInFrames: u,
       property: l.property
-    }), d;
-  p === void 0 && console.warn(
+    }), c;
+  u === void 0 && console.warn(
     `durationInFrames is undefined for animation: ${l.property}. Using 1 frame as default.`
   );
-  const c = l.delay || 0;
+  const i = l.delay || 0;
   if (l.property === "hide-show" || l.property === "hide" || l.property === "show")
-    return t < c ? d : a;
-  let $;
-  if (l.property === "moveScaleIn" ? $ = r ? [
-    e - n - c,
-    e - n * 0.5 - c
+    return t < i ? c : n;
+  let g;
+  if (l.property === "moveScaleIn" ? g = s ? [
+    o - r - i,
+    o - r * 0.5 - i
   ] : [
-    c + n * 0.5,
-    c + n
-  ] : l.property === "moveTranslateY" ? $ = r ? [
-    e - n * 0.5 - c,
-    e - c
+    i + r * 0.5,
+    i + r
+  ] : l.property === "moveTranslateY" ? g = s ? [
+    o - r * 0.5 - i,
+    o - i
   ] : [
-    c,
-    c + n * 0.5
-  ] : $ = r ? [
-    e - n - c,
-    e - c
+    i,
+    i + r * 0.5
+  ] : g = s ? [
+    o - r - i,
+    o - i
   ] : [
-    c,
-    c + n
+    i,
+    i + r
   ], l.property.includes("shake")) {
-    const b = r ? z(
-      n,
-      e - n - c
-    ) : z(n, c);
-    return H(
+    const N = s ? tt(
+      r,
+      o - r - i
+    ) : tt(r, i);
+    return U(
       t,
-      b,
-      [0, d, a, d, a, 0],
+      N,
+      [0, c, n, c, n, 0],
       {
         extrapolateLeft: "clamp",
         extrapolateRight: "clamp",
-        easing: g
+        easing: h
       }
     );
   }
-  return H(t, $, [d, a], {
+  return U(t, g, [c, n], {
     extrapolateLeft: "clamp",
     extrapolateRight: "clamp",
-    easing: g
+    easing: h
   });
-}, Z = (t) => {
+}, z = (t) => {
   if (t == null) return 0;
   if (typeof t == "number")
     return Number.isNaN(t) ? 0 : t;
   if (typeof t == "object") {
     if (t.rotate !== void 0 && t.rotate !== null) {
-      const i = parseFloat(String(t.rotate));
-      if (!Number.isNaN(i)) return i;
+      const a = parseFloat(String(t.rotate));
+      if (!Number.isNaN(a)) return a;
     }
     if (t.rotation !== void 0 && t.rotation !== null) {
-      const i = parseFloat(String(t.rotation));
-      if (!Number.isNaN(i)) return i;
+      const a = parseFloat(String(t.rotation));
+      if (!Number.isNaN(a)) return a;
     }
-    return t.transform ? Z(t.transform) : 0;
+    return t.transform ? z(t.transform) : 0;
   }
-  const l = String(t), e = /rotate\((-?[\d.]+)deg\)/.exec(l);
-  if (e)
-    return parseFloat(e[1]) || 0;
-  const r = /matrix\(([^)]+)\)/.exec(l);
-  if (r) {
-    const i = r[1].split(",").map((s) => parseFloat(s.trim()));
-    if (i.length >= 4) {
-      const [s, g] = i;
-      return Math.atan2(g, s) * (180 / Math.PI);
+  const l = String(t), o = /rotate\((-?[\d.]+)deg\)/.exec(l);
+  if (o)
+    return parseFloat(o[1]) || 0;
+  const s = /matrix\(([^)]+)\)/.exec(l);
+  if (s) {
+    const a = s[1].split(",").map((e) => parseFloat(e.trim()));
+    if (a.length >= 4) {
+      const [e, h] = a;
+      return Math.atan2(h, e) * (180 / Math.PI);
     }
   }
   return 0;
-}, W = (t, l, e, r, i) => {
-  var d, a, n, c, $;
-  const { property: s } = t;
-  if (s === "move") {
-    const b = Number(((d = t.details) == null ? void 0 : d.fromX) ?? t.from ?? 0), w = Number(((a = t.details) == null ? void 0 : a.toX) ?? t.to ?? 0), R = Number(((n = t.details) == null ? void 0 : n.fromY) ?? 0), N = Number(((c = t.details) == null ? void 0 : c.toY) ?? 0), j = Number((($ = t.details) == null ? void 0 : $.scale) || 1) || 1;
-    let A = i;
-    if (A == null || Number.isNaN(A)) {
-      const Y = t.details;
-      A = Z((Y == null ? void 0 : Y.rotate) ?? (Y == null ? void 0 : Y.rotation) ?? (Y == null ? void 0 : Y.transform));
+}, et = (t, l, o, s, a) => {
+  var c, n, r, i, g;
+  const { property: e } = t;
+  if (e === "move") {
+    const N = Number(((c = t.details) == null ? void 0 : c.fromX) ?? t.from ?? 0), Y = Number(((n = t.details) == null ? void 0 : n.toX) ?? t.to ?? 0), A = Number(((r = t.details) == null ? void 0 : r.fromY) ?? 0), R = Number(((i = t.details) == null ? void 0 : i.toY) ?? 0), C = Number(((g = t.details) == null ? void 0 : g.scale) || 1) || 1;
+    let I = a;
+    if (I == null || Number.isNaN(I)) {
+      const m = t.details;
+      I = z((m == null ? void 0 : m.rotate) ?? (m == null ? void 0 : m.rotation) ?? (m == null ? void 0 : m.transform));
     }
-    const E = t.delay || 0, B = t.durationInFrames || 30, u = r ? [e - B - E, e - E] : [E, E + B], M = H(l, u, [b, w], {
+    const f = t.delay || 0, w = t.durationInFrames || 30, P = s ? [o - w - f, o - f] : [f, f + w], E = U(l, P, [N, Y], {
       extrapolateLeft: "clamp",
       extrapolateRight: "clamp",
       easing: t.ease
-    }), f = H(l, u, [R, N], {
+    }), x = U(l, P, [A, R], {
       extrapolateLeft: "clamp",
       extrapolateRight: "clamp",
       easing: t.ease
-    }), v = (A || 0) * Math.PI / 180, m = Math.cos(v), S = Math.sin(v), h = M * m + f * S, x = -M * S + f * m, F = h / j, I = x / j;
+    }), v = (I || 0) * Math.PI / 180, S = Math.cos(v), d = Math.sin(v), p = E * S + x * d, y = -E * d + x * S, V = p / C, B = y / C;
     return {
-      transform: `translateX(${F}px) translateY(${I}px)`
+      transform: `translateX(${V}px) translateY(${B}px)`
     };
   }
-  const g = G(l, t, e, r), p = D();
-  return (p[s] || p.default)(g);
-}, T = (t, l, e, r = !1, i = !1, s) => L.useMemo(() => {
+  const h = at(l, t, o, s), u = nt();
+  return (u[e] || u.default)(h);
+}, L = (t, l, o, s = !1, a = !1, e) => H.useMemo(() => {
   if (t.length === 0) return {};
-  const g = t.filter(
-    (p) => p.from !== void 0 && p.to !== void 0
+  const h = t.filter(
+    (u) => u.from !== void 0 && u.to !== void 0
   );
-  if (g.length !== t.length && console.error("Some animations are invalid and will be ignored"), i) {
-    const p = [];
-    return g.reverse().forEach((a) => {
-      const n = W(
-        a,
-        e,
+  if (h.length !== t.length && console.error("Some animations are invalid and will be ignored"), a) {
+    const u = [];
+    return h.reverse().forEach((n) => {
+      const r = et(
+        n,
+        o,
         l,
         !1,
-        s
+        e
       );
-      p.push(n);
-    }), p.reduce(
-      (a, n) => (Object.keys(n).forEach((c) => {
-        c === "transform" || c === "filter" ? a[c] = a[c] ? `${a[c]} ${n[c]}` : n[c] : a[c] = n[c];
-      }), a),
+      u.push(r);
+    }), u.reduce(
+      (n, r) => (Object.keys(r).forEach((i) => {
+        i === "transform" || i === "filter" ? n[i] = n[i] ? `${n[i]} ${r[i]}` : r[i] : n[i] = r[i];
+      }), n),
       {}
     );
   } else
-    return g.map((d) => W(d, e, l, r, s)).reduce(
-      (d, a) => (Object.keys(a).forEach((n) => {
-        n === "transform" || n === "filter" ? d[n] = d[n] ? `${d[n]} ${a[n]}` : a[n] : d[n] = a[n];
-      }), d),
+    return h.map((c) => et(c, o, l, s, e)).reduce(
+      (c, n) => (Object.keys(n).forEach((r) => {
+        r === "transform" || r === "filter" ? c[r] = c[r] ? `${c[r]} ${n[r]}` : n[r] : c[r] = n[r];
+      }), c),
       {}
     );
-}, [t, e, l, r, s]), P = (t) => t ? Array.isArray(t) ? t : [t] : [], rt = (...t) => {
+}, [t, o, l, s, e]), T = (t) => t ? Array.isArray(t) ? t : [t] : [], pt = (...t) => {
   const l = [];
-  return t.forEach((e) => {
-    Array.isArray(e) ? l.push(...e) : e && l.push(e);
-  }), l.filter((e) => e !== void 0).reduce((e, r) => e.find(
-    (s) => s.property === r.property
-  ) ? e.map(
-    (s) => s.property === r.property ? {
-      ...s,
-      from: Math.min(s.from, r.from),
-      to: Math.max(s.to, r.to),
+  return t.forEach((o) => {
+    Array.isArray(o) ? l.push(...o) : o && l.push(o);
+  }), l.filter((o) => o !== void 0).reduce((o, s) => o.find(
+    (e) => e.property === s.property
+  ) ? o.map(
+    (e) => e.property === s.property ? {
+      ...e,
+      from: Math.min(e.from, s.from),
+      to: Math.max(e.to, s.to),
       durationInFrames: Math.max(
-        s.durationInFrames,
-        r.durationInFrames
+        e.durationInFrames,
+        s.durationInFrames
       ),
-      delay: Math.min(s.delay || 0, r.delay || 0),
-      ease: (g) => (s.ease(g) + r.ease(g)) / 2
+      delay: Math.min(e.delay || 0, s.delay || 0),
+      ease: (h) => (e.ease(h) + s.ease(h)) / 2
       // Average the easing functions
-    } : s
-  ) : [...e, r], []);
-}, ot = ({
+    } : e
+  ) : [...o, s], []);
+}, $t = ({
   animationIn: t,
   animationOut: l,
-  durationInFrames: e,
-  children: r,
-  style: i = {},
-  frame: s,
-  isTransition: g = !1,
-  basicCharAnimationsIn: p = [],
-  basicCharAnimationsOut: d = []
+  durationInFrames: o,
+  children: s,
+  style: a = {},
+  frame: e,
+  isTransition: h = !1,
+  basicCharAnimationsIn: u = [],
+  basicCharAnimationsOut: c = []
 }) => {
-  const a = Z(
-    (i == null ? void 0 : i.transform) || (i == null ? void 0 : i.rotate) || (i == null ? void 0 : i.rotation)
-  ), n = T(
-    P(t),
+  const n = z(
+    (a == null ? void 0 : a.transform) || (a == null ? void 0 : a.rotate) || (a == null ? void 0 : a.rotation)
+  ), r = L(
+    T(t),
+    o,
     e,
-    s,
     !1,
     !1,
-    a
-  ), c = T(
-    P(l),
+    n
+  ), i = L(
+    T(l),
+    o,
     e,
-    s,
     !0,
     !1,
-    a
-  ), $ = T(
-    P(p),
+    n
+  ), g = L(
+    T(u),
+    o,
     e,
-    s,
     !0,
     !1,
-    a
-  ), b = T(
-    P(d),
+    n
+  ), N = L(
+    T(c),
+    o,
     e,
-    s,
     !0,
     !1,
-    a
-  ), w = L.useMemo(() => {
-    const f = Object.keys(n).length > 0, v = t == null ? void 0 : t.reduce(
-      (S, h) => Math.min(S, h.delay || 0),
+    n
+  ), Y = H.useMemo(() => {
+    const x = Object.keys(r).length > 0, v = t == null ? void 0 : t.reduce(
+      (d, p) => Math.min(d, p.delay || 0),
       1 / 0
-    ), m = s - (v || 0);
-    return f && m < 0 ? { visibility: g ? "visible" : "hidden" } : n;
-  }, [n, s, t, g]), R = L.useMemo(() => {
-    if (s > e)
-      return { visibility: g ? "visible" : "hidden" };
-    const f = P(l);
-    if (!f || f.length === 0) return {};
+    ), S = e - (v || 0);
+    return x && S < 0 ? { visibility: h ? "visible" : "hidden" } : r;
+  }, [r, e, t, h]), A = H.useMemo(() => {
+    if (e > o)
+      return { visibility: h ? "visible" : "hidden" };
+    const x = T(l);
+    if (!x || x.length === 0) return {};
     let v = 0;
-    f.forEach((S) => {
-      const h = (S.durationInFrames || 0) + (S.delay || 0);
-      h > v && (v = h);
+    x.forEach((d) => {
+      const p = (d.durationInFrames || 0) + (d.delay || 0);
+      p > v && (v = p);
     });
-    const m = Math.max(0, e - v);
-    return s < m ? {} : c;
-  }, [c, s, l, e, g]), N = L.useMemo(() => {
-    const f = {
-      ...w
+    const S = Math.max(0, o - v);
+    return e < S ? {} : i;
+  }, [i, e, l, o, h]), R = H.useMemo(() => {
+    const x = {
+      ...Y
     };
-    return Object.entries(R).forEach(([v, m]) => {
-      v === "transform" ? f[v] = `${f[v] || ""} ${m || ""}`.trim() : v in f && typeof f[v] == "number" && typeof m == "number" ? f[v] = f[v] * m : f[v] = m;
-    }), f;
-  }, [w, R]), j = q(() => {
-    const f = N.transform || "", {
+    return Object.entries(A).forEach(([v, S]) => {
+      v === "transform" ? x[v] = `${x[v] || ""} ${S || ""}`.trim() : v in x && typeof x[v] == "number" && typeof S == "number" ? x[v] = x[v] * S : x[v] = S;
+    }), x;
+  }, [Y, A]), C = st(() => {
+    const x = R.transform || "", {
       translateX: v,
-      translateY: m,
-      scale: S,
-      rotation: h,
-      rotateX: x,
-      rotateY: F,
-      rotateZ: I
-    } = J(f);
-    return `${h} ${v} ${m} ${S} ${x} ${F} ${I}`.trim();
-  }, [N]), {
-    top: A,
-    left: E,
-    position: B,
-    transform: u,
-    ...M
-  } = i || {};
-  return /* @__PURE__ */ X(
+      translateY: S,
+      scale: d,
+      rotation: p,
+      rotateX: y,
+      rotateY: V,
+      rotateZ: B
+    } = lt(x);
+    return `${p} ${v} ${S} ${d} ${y} ${V} ${B}`.trim();
+  }, [R]), {
+    top: I,
+    left: f,
+    position: w,
+    transform: P,
+    ...E
+  } = a || {};
+  return /* @__PURE__ */ j(
     "div",
     {
       style: {
         width: "100%",
         height: "100%",
-        overflow: N.overflow || $.overflow || b.overflow || "visible",
+        overflow: R.overflow || g.overflow || N.overflow || "visible",
         pointerEvents: "none"
       },
-      children: /* @__PURE__ */ X(
+      children: /* @__PURE__ */ j(
         "div",
         {
           style: {
             width: "100%",
             height: "100%",
-            ...M,
-            ...N,
+            ...E,
+            ...R,
             overflow: "visible",
-            transform: j,
+            transform: C,
             pointerEvents: "none",
-            background: Object.keys(N).length === 0 ? "transparent" : N.backgroundColor
+            background: Object.keys(R).length === 0 ? "transparent" : R.backgroundColor
           },
-          children: r
+          children: s
         }
       )
     }
   );
-}, J = (t) => {
-  let l = "", e = "", r = "scale(1)", i = "", s = "", g = "", p = "";
-  const d = t.match(/translateX\([^)]+\)/g);
-  d && (l = d[d.length - 1]);
-  const a = t.match(/translateY\([^)]+\)/g);
-  a && (e = a[a.length - 1]);
-  const n = t.match(/scale\([^)]+\)/g);
-  n && (r = n[n.length - 1]);
-  const c = t.match(/rotate\([^)]+\)/g);
-  c && (i = c[c.length - 1]);
-  const $ = t.match(/rotateX\([^)]+\)/g);
-  $ && (s = $[$.length - 1]);
-  const b = t.match(/rotateY\([^)]+\)/g);
-  b && (g = b[b.length - 1]);
-  const w = t.match(/rotateZ\([^)]+\)/g);
-  return w && (p = w[w.length - 1]), { translateX: l, translateY: e, scale: r, rotation: i, rotateX: s, rotateY: g, rotateZ: p };
-}, st = ({
+}, lt = (t) => {
+  let l = "", o = "", s = "scale(1)", a = "", e = "", h = "", u = "";
+  const c = t.match(/translateX\([^)]+\)/g);
+  c && (l = c[c.length - 1]);
+  const n = t.match(/translateY\([^)]+\)/g);
+  n && (o = n[n.length - 1]);
+  const r = t.match(/scale\([^)]+\)/g);
+  r && (s = r[r.length - 1]);
+  const i = t.match(/rotate\([^)]+\)/g);
+  i && (a = i[i.length - 1]);
+  const g = t.match(/rotateX\([^)]+\)/g);
+  g && (e = g[g.length - 1]);
+  const N = t.match(/rotateY\([^)]+\)/g);
+  N && (h = N[N.length - 1]);
+  const Y = t.match(/rotateZ\([^)]+\)/g);
+  return Y && (u = Y[Y.length - 1]), { translateX: l, translateY: o, scale: s, rotation: a, rotateX: e, rotateY: h, rotateZ: u };
+}, gt = ({
   animationTimed: t,
   durationInFrames: l,
-  children: e,
-  style: r = {},
-  frame: i
+  children: o,
+  style: s = {},
+  frame: a
 }) => {
-  const s = Z(
-    (r == null ? void 0 : r.transform) || (r == null ? void 0 : r.rotate) || (r == null ? void 0 : r.rotation)
-  ), g = T(
-    P(t),
+  const e = z(
+    (s == null ? void 0 : s.transform) || (s == null ? void 0 : s.rotate) || (s == null ? void 0 : s.rotation)
+  ), h = L(
+    T(t),
     l,
-    i,
+    a,
     !1,
     !0,
-    s
-  ), p = L.useMemo(() => ({
-    ...g
-  }), [g]), d = !!p.borderRadius;
-  return /* @__PURE__ */ X(
+    e
+  ), u = H.useMemo(() => ({
+    ...h
+  }), [h]), c = !!u.borderRadius;
+  return /* @__PURE__ */ j(
     "div",
     {
       style: {
-        overflow: d ? "hidden" : p.overflow || "visible",
-        borderRadius: p.borderRadius,
+        overflow: c ? "hidden" : u.overflow || "visible",
+        borderRadius: u.borderRadius,
         pointerEvents: "none",
-        height: r.height || "100%",
-        width: r.width || "100%",
-        ...p,
-        ...d ? { overflow: "hidden" } : {}
+        height: s.height || "100%",
+        width: s.width || "100%",
+        ...u,
+        ...c ? { overflow: "hidden" } : {}
       },
-      children: /* @__PURE__ */ X(
+      children: /* @__PURE__ */ j(
         "div",
         {
           style: {
-            overflow: d ? "hidden" : "visible",
-            borderRadius: p.borderRadius,
+            overflow: c ? "hidden" : "visible",
+            borderRadius: u.borderRadius,
             pointerEvents: "none",
             height: "100%",
             width: "100%",
@@ -425,183 +425,181 @@ const D = () => ({
             alignItems: "center",
             justifyContent: "center"
           },
-          children: e
+          children: o
         }
       )
     }
   );
-}, K = (t) => {
+}, it = (t) => {
   if (typeof (t == null ? void 0 : t.ease) == "function")
     return t.ease;
   switch (t == null ? void 0 : t.easing) {
     case "ease-in":
     case "accelerate":
-      return y.in(y.cubic);
+      return X.in(X.cubic);
     case "ease-out":
     case "smooth":
     case "slowDown":
-      return y.out(y.cubic);
+      return X.out(X.cubic);
     case "ease-in-out":
     case "natural":
     case "swing":
-      return y.inOut(y.cubic);
+      return X.inOut(X.cubic);
     case "bounce":
-      return y.bounce;
+      return X.bounce;
     case "elastic":
-      return y.elastic(1);
+      return X.elastic(1);
     case "overshoot":
     case "impulse":
-      return y.out(y.back(1.7));
+      return X.out(X.back(1.7));
     case "none":
     case "linear":
     default:
-      return y.linear;
+      return X.linear;
   }
-}, O = ({
+}, ct = (t, l) => {
+  const o = l * Math.PI / 180, s = Math.cos(o), a = Math.sin(o), e = t / 100 * 50, h = 50, u = 50, c = 200, n = s, r = a, i = -a, g = s;
+  return `polygon(${[
+    [
+      h - n * c - i * e,
+      u - r * c - g * e
+    ],
+    [
+      h + n * c - i * e,
+      u + r * c - g * e
+    ],
+    [
+      h + n * c + i * e,
+      u + r * c + g * e
+    ],
+    [
+      h - n * c + i * e,
+      u - r * c + g * e
+    ]
+  ].map(([Y, A]) => `${Y}% ${A}%`).join(", ")})`;
+}, ft = ({
   children: t,
   currentWidth: l,
-  currentHeight: e,
-  frame: r,
-  item: i,
-  keyframeAnimations: s,
-  durationInFrames: g
+  currentHeight: o,
+  frame: s,
+  item: a,
+  keyframeAnimations: e,
+  durationInFrames: h
 }) => {
-  var _, k;
-  if (!s || !Array.isArray(s) || s.length === 0)
-    return /* @__PURE__ */ X(U, { children: t });
-  const p = (o) => {
-    var V, C;
-    return !!((V = o == null ? void 0 : o.property) != null && V.includes("maskReveal") || (C = o == null ? void 0 : o.id) != null && C.includes("maskReveal"));
-  }, d = (o) => {
-    var V, C;
-    return !!((o == null ? void 0 : o.type) === "exit" || (V = o == null ? void 0 : o.property) != null && V.includes("Out") || (C = o == null ? void 0 : o.id) != null && C.includes("Out"));
-  }, a = s.find(
-    (o) => p(o) && !d(o)
-  ), n = s.find(
-    (o) => p(o) && d(o)
+  var q, G, J, K, Q, D;
+  if (!e || !Array.isArray(e) || e.length === 0)
+    return /* @__PURE__ */ j(k, { children: t });
+  const u = ($) => {
+    var b, F;
+    return !!((b = $ == null ? void 0 : $.property) != null && b.includes("maskReveal") || (F = $ == null ? void 0 : $.id) != null && F.includes("maskReveal"));
+  }, c = ($) => {
+    var b, F;
+    return !!(($ == null ? void 0 : $.type) === "exit" || (b = $ == null ? void 0 : $.property) != null && b.includes("Out") || (F = $ == null ? void 0 : $.id) != null && F.includes("Out"));
+  }, n = e.find(
+    ($) => u($) && !c($)
+  ), r = e.find(
+    ($) => u($) && c($)
   );
-  if (!a && !n)
-    return /* @__PURE__ */ X(U, { children: t });
-  const c = Math.max(1, g || 300);
-  let $ = null, b = !1, w = 30, R = 0;
-  if (n) {
-    const o = Math.max(1, Number(n.durationInFrames || 30)), V = Math.max(0, Number(n.delay || 0)), C = Math.max(0, c - o - V);
-    r >= C && ($ = n, b = !0, w = o, R = r - C);
-  }
-  if (!$ && a) {
-    $ = a, b = !1, w = Math.max(1, Number(a.durationInFrames || 30));
-    const o = Math.max(0, Number(a.delay || 0));
-    R = r - o;
+  if (!n && !r)
+    return /* @__PURE__ */ j(k, { children: t });
+  const i = Math.max(1, h || 300), g = n ? Math.max(1, Number(n.durationInFrames || 30)) : 30, N = n ? Math.max(0, Number(n.delay || 0)) : 0, Y = r ? Math.max(1, Number(r.durationInFrames || 30)) : 30, A = r ? Math.max(0, Number(r.delay || 0)) : 0, R = r ? Math.max(0, i - Y - A) : Number.POSITIVE_INFINITY;
+  let C = !1, I = !1, f = null, w = !1, P = 30, E = 0;
+  r && s >= R ? (f = r, w = !0, P = Y, E = s - R, E >= P - 1 && (C = !0)) : n ? s < N ? (C = !0, f = n, w = !1, P = g, E = 0) : s < N + g ? (f = n, w = !1, P = g, E = s - N) : (I = !0, f = null) : (I = !0, f = null);
+  const x = Math.max(0, E), v = P > 0 ? Math.min(Math.max(0, x / P), 1) : 1, S = f ? it(f) : X.linear, d = Math.max(
+    0,
+    Math.min(1, S(v))
+  );
+  let p, y = "", V = 1;
+  if (C)
+    p = "inset(100%)";
+  else if (I || !f)
+    p = void 0;
+  else {
+    const $ = String(
+      f.property || f.id || ""
+    ), b = ((q = f.details) == null ? void 0 : q.direction) || "up", F = $.includes("ShrinkScale"), _ = $.includes("CenterScale"), rt = $.includes("Slide") || $.includes("slide");
+    if (_) {
+      const M = Number(
+        ((G = f == null ? void 0 : f.details) == null ? void 0 : G.angle) ?? (f == null ? void 0 : f.angle) ?? 0
+      ), W = w ? 100 * (1 - d) : 100 * d;
+      p = ct(
+        W,
+        M
+      );
+    } else if (F) {
+      const M = Number(
+        ((J = f == null ? void 0 : f.details) == null ? void 0 : J.initialVisiblePercent) ?? (f == null ? void 0 : f.initialVisiblePercent) ?? 50
+      ), W = Math.max(
+        0,
+        Math.min(50, (100 - M) / 2)
+      ), Z = w ? W * d : W * (1 - d);
+      p = `inset(
+        ${Z}%
+        ${Z}%
+        ${Z}%
+        ${Z}%
+      )`;
+    } else if (rt)
+      p = "inset(0% 0% 0% 0%)", w ? b === "down" ? y = `translateY(${100 * d}%)` : b === "left" ? y = `translateX(${-100 * d}%)` : b === "right" ? y = `translateX(${100 * d}%)` : y = `translateY(${-100 * d}%)` : b === "down" ? y = `translateY(${-100 * (1 - d)}%)` : b === "left" ? y = `translateX(${100 * (1 - d)}%)` : b === "right" ? y = `translateX(${-100 * (1 - d)}%)` : y = `translateY(${100 * (1 - d)}%)`;
+    else if ($.includes("Center"))
+      p = `circle(${w ? 150 * (1 - d) : 150 * d}% at 50% 50%)`;
+    else if ($.includes("Corner")) {
+      const M = w ? d : 1 - d;
+      b === "down" ? p = `inset(0 ${100 * M}% ${100 * M}% 0)` : b === "up" ? p = `inset(${100 * M}% ${100 * M}% 0 0)` : b === "left" ? p = `inset(0 0 ${100 * M}% ${100 * M}%)` : b === "right" ? p = `inset(${100 * M}% 0 0 ${100 * M}%)` : p = `inset(0 ${100 * M}% ${100 * M}% 0)`;
+    } else
+      w ? b === "down" ? p = `inset(${100 * d}% 0 0 0)` : b === "left" ? p = `inset(0 0 0 ${100 * d}%)` : b === "right" ? p = `inset(0 ${100 * d}% 0 0)` : p = `inset(0 0 ${100 * d}% 0)` : b === "down" ? p = `inset(0 0 ${100 * (1 - d)}% 0)` : b === "left" ? p = `inset(0 0 0 ${100 * (1 - d)}%)` : b === "right" ? p = `inset(0 ${100 * (1 - d)}% 0 0)` : p = `inset(${100 * (1 - d)}% 0 0 0)`;
+    const ot = !!((K = f == null ? void 0 : f.details) != null && K.scale || f != null && f.scale);
+    _ || F ? ((Q = f == null ? void 0 : f.details) == null ? void 0 : Q.scale) === !1 ? V = 1 : V = w ? 1 + 0.5 * d : 1.5 - 0.5 * d : ot && (V = w ? 1 - 0.2 * d : 0.8 + 0.2 * d);
   }
-  if (!$)
-    return /* @__PURE__ */ X(U, { children: t });
-  const N = a ? Math.max(0, Number(a.delay || 0)) : 0, j = a ? Math.max(1, Number(a.durationInFrames || 30)) : 30;
-  if (!b && a && r >= N + j)
-    return /* @__PURE__ */ X(
-      "div",
-      {
-        style: {
-          width: "100%",
-          height: "100%",
-          position: "relative",
-          overflow: "visible"
-        },
-        children: t
-      }
-    );
-  if (!b && a && r < N)
-    return /* @__PURE__ */ X(
-      "div",
-      {
-        style: {
-          width: "100%",
-          height: "100%",
-          position: "relative",
-          visibility: "hidden"
-        },
-        children: t
-      }
-    );
-  const A = Math.max(0, R), E = Math.min(Math.max(0, A / w), 1), B = K($), u = Math.max(0, Math.min(1, B(E))), M = String($.property || $.id || ""), f = ((_ = $.details) == null ? void 0 : _.direction) || "up", v = M.includes("ShrinkScale"), m = M.includes("CenterScale"), S = M.includes("Slide") || M.includes("slide");
-  let h, x = "";
-  if (m) {
-    const o = b ? 50 * u : 50 * (1 - u);
-    h = `inset(
-      ${o}%
-      0%
-      ${o}%
-      0%
-    )`;
-  } else if (v) {
-    const o = b ? 25 * u : 25 * (1 - u);
-    h = `inset(
-      ${o}%
-      ${o}%
-      ${o}%
-      ${o}%
-    )`;
-  } else if (S)
-    h = "inset(0% 0% 0% 0%)", b ? f === "down" ? x = `translateY(${100 * u}%)` : f === "left" ? x = `translateX(${-100 * u}%)` : f === "right" ? x = `translateX(${100 * u}%)` : x = `translateY(${-100 * u}%)` : f === "down" ? x = `translateY(${-100 * (1 - u)}%)` : f === "left" ? x = `translateX(${100 * (1 - u)}%)` : f === "right" ? x = `translateX(${-100 * (1 - u)}%)` : x = `translateY(${100 * (1 - u)}%)`;
-  else if (M.includes("Center"))
-    h = `circle(${b ? 150 * (1 - u) : 150 * u}% at 50% 50%)`;
-  else if (M.includes("Corner")) {
-    const o = b ? u : 1 - u;
-    f === "down" ? h = `inset(0 ${100 * o}% ${100 * o}% 0)` : f === "up" ? h = `inset(${100 * o}% ${100 * o}% 0 0)` : f === "left" ? h = `inset(0 0 ${100 * o}% ${100 * o}%)` : f === "right" ? h = `inset(${100 * o}% 0 0 ${100 * o}%)` : h = `inset(0 ${100 * o}% ${100 * o}% 0)`;
-  } else
-    b ? f === "down" ? h = `inset(${100 * u}% 0 0 0)` : f === "left" ? h = `inset(0 ${100 * u}% 0 0)` : f === "right" ? h = `inset(0 0 0 ${100 * u}%)` : h = `inset(0 0 ${100 * u}% 0)` : f === "down" ? h = `inset(0 0 ${100 * (1 - u)}% 0)` : f === "left" ? h = `inset(0 0 0 ${100 * (1 - u)}%)` : f === "right" ? h = `inset(0 ${100 * (1 - u)}% 0 0)` : h = `inset(${100 * (1 - u)}% 0 0 0)`;
-  const F = !!((k = $ == null ? void 0 : $.details) != null && k.scale || $ != null && $.scale);
-  let I = 1;
-  m || v ? I = b ? 1 + 0.5 * u : 1.5 - 0.5 * u : F && (I = b ? 1 - 0.2 * u : 0.8 + 0.2 * u);
-  const Y = [x, `scale(${I})`].filter(Boolean).join(" ");
-  return console.log("[MaskAnim] Rendering:", {
-    propName: M,
-    frame: r,
-    localFrame: R,
-    animDuration: w,
-    progress: E,
-    easedProgress: u,
-    isOut: b,
-    isShrinkScale: v,
-    isCenterScale: m,
-    isSlide: S,
-    direction: f,
-    clipPath: h,
-    translateTransform: x,
-    isScale: F,
-    scaleValue: I,
-    innerTransform: Y
-  }), /* @__PURE__ */ X(
+  const B = [
+    y,
+    V !== 1 ? `scale(${V})` : ""
+  ].filter(Boolean).join(" ") || void 0, m = (D = a == null ? void 0 : a.details) == null ? void 0 : D.boxShadow, O = m && (m.x || m.y || m.blur) ? `drop-shadow(${m.x || 0}px ${m.y || 0}px ${m.blur || 0}px ${m.color || "#000000"})` : void 0;
+  return /* @__PURE__ */ j(
     "div",
     {
       style: {
         width: l !== void 0 ? l : "100%",
-        height: e !== void 0 ? e : "100%",
+        height: o !== void 0 ? o : "100%",
         position: "relative",
-        clipPath: h,
-        WebkitClipPath: h,
-        overflow: "hidden"
+        visibility: C ? "hidden" : "visible",
+        filter: O,
+        WebkitFilter: O
       },
-      children: /* @__PURE__ */ X(
+      children: /* @__PURE__ */ j(
         "div",
         {
           style: {
             width: "100%",
             height: "100%",
-            transform: Y,
-            transformOrigin: "center"
+            position: "relative",
+            clipPath: p || void 0,
+            WebkitClipPath: p || void 0,
+            overflow: p ? "hidden" : "visible"
           },
-          children: t
+          children: /* @__PURE__ */ j(
+            "div",
+            {
+              style: {
+                width: "100%",
+                height: "100%",
+                transform: B,
+                transformOrigin: "center"
+              },
+              children: t
+            }
+          )
         }
       )
     }
   );
-}, nt = O;
+}, bt = ft;
 export {
-  ot as BoxAnim,
-  st as ContentAnim,
-  nt as MaskAnim,
-  rt as combine,
-  P as combineAnimations,
-  J as extractTransformations,
-  T as useAnimation
+  $t as BoxAnim,
+  gt as ContentAnim,
+  bt as MaskAnim,
+  pt as combine,
+  T as combineAnimations,
+  lt as extractTransformations,
+  L as useAnimation
 };

package/dist/index.umd.js

@@ -1,11 +1,6 @@
-(function(M,x){typeof exports=="object"&&typeof module<"u"?x(exports,require("react/jsx-runtime"),require("react"),require("remotion")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","remotion"],x):(M=typeof globalThis<"u"?globalThis:M||self,x(M.animations={},M.jsxRuntime,M.React,M.remotion))})(this,function(M,x,P,w){"use strict";const z=()=>({scale:t=>({transform:`scale(${t})`}),growIn:t=>({transform:`scale(${t})`}),shrinkIn:t=>({transform:`scale(${t})`}),shrinkOut:t=>({transform:`scale(${t})`}),opacity:t=>({opacity:t}),translateX:t=>({transform:`translateX(${t}%)`}),translateY:t=>({transform:`translateY(${t}%)`}),rotate:t=>({transform:`rotate(${t}deg)`}),spin:t=>({transform:`rotate(${t}deg)`}),spinIn:t=>({transform:`rotate(${t}deg)`}),twistIn:t=>({transform:`rotate(${t}deg)`}),twistOut:t=>({transform:`rotate(${t}deg)`}),moveScaleIn:t=>({transform:`scale(${t})`}),spinOut:t=>({transform:`rotate(${t}deg)`}),default:()=>({}),rotateY:t=>({transform:`rotateY(${t}deg)`}),rotateX:t=>({transform:`rotateX(${t}deg)`}),blur:t=>({filter:`blur(${t}px)`}),blurIn:t=>({filter:`blur(${t}px)`}),blurOut:t=>({filter:`blur(${t}px)`}),blurV2In:t=>({filter:`blur(${t}px)`}),blurSlide:t=>({filter:`blur(${t}px)`,transform:`translateY(${t*5}%)`}),blurSlideV2In:t=>({filter:`blur(${t}px)`}),brightness:t=>({filter:`brightness(${t}%)`}),contrast:t=>({filter:`contrast(${t}%)`}),grayscale:t=>({filter:`grayscale(${t}%)`}),hue:t=>({filter:`hue-rotate(${t}deg)`}),saturation:t=>({filter:`saturate(${t}%)`}),vignette:t=>({filter:`contrast(${100+t*20}%) brightness(${100-t*20}%)`}),noise:t=>({filter:`contrast(${100+t*40}%) brightness(${100+t*20}%)`}),pixelate:t=>({filter:`contrast(${100+t*2}%)`}),chromaticAberration:t=>({filter:`hue-rotate(${t*10}deg) contrast(110%)`}),lightLeak:t=>({filter:`brightness(${100+t*50}%) saturate(${100+t*30}%)`}),duotone:t=>({filter:`sepia(${t*100}%) hue-rotate(${t*180}deg)`}),shakeHorizontalIn:t=>({transform:`translateX(${t}px)`}),shakeVerticalIn:t=>({transform:`translateY(${t}px)`}),shakeHorizontalOut:t=>({transform:`translateX(${t}px)`}),shakeVerticalOut:t=>({transform:`translateY(${t}px)`}),maskUpIn:t=>({transform:`translateY(${t}px)`,overflow:"hidden"}),maskUpOut:t=>({transform:`translateY(${t}px)`,overflow:"hidden"}),maskDownIn:t=>({transform:`translateY(${t}px)`,overflow:"hidden"}),maskDownOut:t=>({transform:`translateY(${t}px)`,overflow:"hidden"}),moveTranslateY:t=>({transform:`translateY(${t}%)`}),"hide-show":t=>({opacity:t}),hide:t=>({opacity:t}),show:t=>({opacity:t}),borderRadius:t=>({borderRadius:`${t}px`,overflow:"hidden"}),"corner-radius":t=>({borderRadius:`${t}px`,overflow:"hidden"})}),Z=(t,i=0)=>{const e=[],r=t/5;for(let l=0;l<6;l+=1)e.push(l*r+i);return e},O=(t,i,e,r=!1)=>{const{from:l,to:o,ease:$}=i,p=i.durationInFrames||30,d=Number(l),a=Number(o),n=Math.max(1,Number(p));if(isNaN(d)||isNaN(a))return console.error("Invalid animation values:",{from:l,to:o,animationDurationInFrames:p,property:i.property}),d;p===void 0&&console.warn(`durationInFrames is undefined for animation: ${i.property}. Using 1 frame as default.`);const c=i.delay||0;if(i.property==="hide-show"||i.property==="hide"||i.property==="show")return t<c?d:a;let g;if(i.property==="moveScaleIn"?g=r?[e-n-c,e-n*.5-c]:[c+n*.5,c+n]:i.property==="moveTranslateY"?g=r?[e-n*.5-c,e-c]:[c,c+n*.5]:g=r?[e-n-c,e-c]:[c,c+n],i.property.includes("shake")){const b=r?Z(n,e-n-c):Z(n,c);return w.interpolate(t,b,[0,d,a,d,a,0],{extrapolateLeft:"clamp",extrapolateRight:"clamp",easing:$})}return w.interpolate(t,g,[d,a],{extrapolateLeft:"clamp",extrapolateRight:"clamp",easing:$})},H=t=>{if(t==null)return 0;if(typeof t=="number")return Number.isNaN(t)?0:t;if(typeof t=="object"){if(t.rotate!==void 0&&t.rotate!==null){const l=parseFloat(String(t.rotate));if(!Number.isNaN(l))return l}if(t.rotation!==void 0&&t.rotation!==null){const l=parseFloat(String(t.rotation));if(!Number.isNaN(l))return l}return t.transform?H(t.transform):0}const i=String(t),e=/rotate\((-?[\d.]+)deg\)/.exec(i);if(e)return parseFloat(e[1])||0;const r=/matrix\(([^)]+)\)/.exec(i);if(r){const l=r[1].split(",").map(o=>parseFloat(o.trim()));if(l.length>=4){const[o,$]=l;return Math.atan2($,o)*(180/Math.PI)}}return 0},q=(t,i,e,r,l)=>{var d,a,n,c,g;const{property:o}=t;if(o==="move"){const b=Number(((d=t.details)==null?void 0:d.fromX)??t.from??0),Y=Number(((a=t.details)==null?void 0:a.toX)??t.to??0),E=Number(((n=t.details)==null?void 0:n.fromY)??0),X=Number(((c=t.details)==null?void 0:c.toY)??0),L=Number(((g=t.details)==null?void 0:g.scale)||1)||1;let I=l;if(I==null||Number.isNaN(I)){const A=t.details;I=H((A==null?void 0:A.rotate)??(A==null?void 0:A.rotation)??(A==null?void 0:A.transform))}const j=t.delay||0,k=t.durationInFrames||30,u=r?[e-k-j,e-j]:[j,j+k],y=w.interpolate(i,u,[b,Y],{extrapolateLeft:"clamp",extrapolateRight:"clamp",easing:t.ease}),f=w.interpolate(i,u,[E,X],{extrapolateLeft:"clamp",extrapolateRight:"clamp",easing:t.ease}),v=(I||0)*Math.PI/180,m=Math.cos(v),N=Math.sin(v),h=y*m+f*N,S=-y*N+f*m,R=h/L,C=S/L;return{transform:`translateX(${R}px) translateY(${C}px)`}}const $=O(i,t,e,r),p=z();return(p[o]||p.default)($)},B=(t,i,e,r=!1,l=!1,o)=>P.useMemo(()=>{if(t.length===0)return{};const $=t.filter(p=>p.from!==void 0&&p.to!==void 0);if($.length!==t.length&&console.error("Some animations are invalid and will be ignored"),l){const p=[];return $.reverse().forEach(a=>{const n=q(a,e,i,!1,o);p.push(n)}),p.reduce((a,n)=>(Object.keys(n).forEach(c=>{c==="transform"||c==="filter"?a[c]=a[c]?`${a[c]} ${n[c]}`:n[c]:a[c]=n[c]}),a),{})}else return $.map(d=>q(d,e,i,r,o)).reduce((d,a)=>(Object.keys(a).forEach(n=>{n==="transform"||n==="filter"?d[n]=d[n]?`${d[n]} ${a[n]}`:a[n]:d[n]=a[n]}),d),{})},[t,e,i,r,o]),F=t=>t?Array.isArray(t)?t:[t]:[],D=(...t)=>{const i=[];return t.forEach(e=>{Array.isArray(e)?i.push(...e):e&&i.push(e)}),i.filter(e=>e!==void 0).reduce((e,r)=>e.find(o=>o.property===r.property)?e.map(o=>o.property===r.property?{...o,from:Math.min(o.from,r.from),to:Math.max(o.to,r.to),durationInFrames:Math.max(o.durationInFrames,r.durationInFrames),delay:Math.min(o.delay||0,r.delay||0),ease:$=>(o.ease($)+r.ease($))/2}:o):[...e,r],[])},G=({animationIn:t,animationOut:i,durationInFrames:e,children:r,style:l={},frame:o,isTransition:$=!1,basicCharAnimationsIn:p=[],basicCharAnimationsOut:d=[]})=>{const a=H((l==null?void 0:l.transform)||(l==null?void 0:l.rotate)||(l==null?void 0:l.rotation)),n=B(F(t),e,o,!1,!1,a),c=B(F(i),e,o,!0,!1,a),g=B(F(p),e,o,!0,!1,a),b=B(F(d),e,o,!0,!1,a),Y=P.useMemo(()=>{const f=Object.keys(n).length>0,v=t==null?void 0:t.reduce((N,h)=>Math.min(N,h.delay||0),1/0),m=o-(v||0);return f&&m<0?{visibility:$?"visible":"hidden"}:n},[n,o,t,$]),E=P.useMemo(()=>{if(o>e)return{visibility:$?"visible":"hidden"};const f=F(i);if(!f||f.length===0)return{};let v=0;f.forEach(N=>{const h=(N.durationInFrames||0)+(N.delay||0);h>v&&(v=h)});const m=Math.max(0,e-v);return o<m?{}:c},[c,o,i,e,$]),X=P.useMemo(()=>{const f={...Y};return Object.entries(E).forEach(([v,m])=>{v==="transform"?f[v]=`${f[v]||""} ${m||""}`.trim():v in f&&typeof f[v]=="number"&&typeof m=="number"?f[v]=f[v]*m:f[v]=m}),f},[Y,E]),L=P.useMemo(()=>{const f=X.transform||"",{translateX:v,translateY:m,scale:N,rotation:h,rotateX:S,rotateY:R,rotateZ:C}=U(f);return`${h} ${v} ${m} ${N} ${S} ${R} ${C}`.trim()},[X]),{top:I,left:j,position:k,transform:u,...y}=l||{};return x.jsx("div",{style:{width:"100%",height:"100%",overflow:X.overflow||g.overflow||b.overflow||"visible",pointerEvents:"none"},children:x.jsx("div",{style:{width:"100%",height:"100%",...y,...X,overflow:"visible",transform:L,pointerEvents:"none",background:Object.keys(X).length===0?"transparent":X.backgroundColor},children:r})})},U=t=>{let i="",e="",r="scale(1)",l="",o="",$="",p="";const d=t.match(/translateX\([^)]+\)/g);d&&(i=d[d.length-1]);const a=t.match(/translateY\([^)]+\)/g);a&&(e=a[a.length-1]);const n=t.match(/scale\([^)]+\)/g);n&&(r=n[n.length-1]);const c=t.match(/rotate\([^)]+\)/g);c&&(l=c[c.length-1]);const g=t.match(/rotateX\([^)]+\)/g);g&&(o=g[g.length-1]);const b=t.match(/rotateY\([^)]+\)/g);b&&($=b[b.length-1]);const Y=t.match(/rotateZ\([^)]+\)/g);return Y&&(p=Y[Y.length-1]),{translateX:i,translateY:e,scale:r,rotation:l,rotateX:o,rotateY:$,rotateZ:p}},J=({animationTimed:t,durationInFrames:i,children:e,style:r={},frame:l})=>{const o=H((r==null?void 0:r.transform)||(r==null?void 0:r.rotate)||(r==null?void 0:r.rotation)),$=B(F(t),i,l,!1,!0,o),p=P.useMemo(()=>({...$}),[$]),d=!!p.borderRadius;return x.jsx("div",{style:{overflow:d?"hidden":p.overflow||"visible",borderRadius:p.borderRadius,pointerEvents:"none",height:r.height||"100%",width:r.width||"100%",...p,...d?{overflow:"hidden"}:{}},children:x.jsx("div",{style:{overflow:d?"hidden":"visible",borderRadius:p.borderRadius,pointerEvents:"none",height:"100%",width:"100%",display:"flex",alignItems:"center",justifyContent:"center"},children:e})})},K=t=>{if(typeof(t==null?void 0:t.ease)=="function")return t.ease;switch(t==null?void 0:t.easing){case"ease-in":case"accelerate":return w.Easing.in(w.Easing.cubic);case"ease-out":case"smooth":case"slowDown":return w.Easing.out(w.Easing.cubic);case"ease-in-out":case"natural":case"swing":return w.Easing.inOut(w.Easing.cubic);case"bounce":return w.Easing.bounce;case"elastic":return w.Easing.elastic(1);case"overshoot":case"impulse":return w.Easing.out(w.Easing.back(1.7));case"none":case"linear":default:return w.Easing.linear}},Q=({children:t,currentWidth:i,currentHeight:e,frame:r,item:l,keyframeAnimations:o,durationInFrames:$})=>{var W,_;if(!o||!Array.isArray(o)||o.length===0)return x.jsx(x.Fragment,{children:t});const p=s=>{var V,T;return!!((V=s==null?void 0:s.property)!=null&&V.includes("maskReveal")||(T=s==null?void 0:s.id)!=null&&T.includes("maskReveal"))},d=s=>{var V,T;return!!((s==null?void 0:s.type)==="exit"||(V=s==null?void 0:s.property)!=null&&V.includes("Out")||(T=s==null?void 0:s.id)!=null&&T.includes("Out"))},a=o.find(s=>p(s)&&!d(s)),n=o.find(s=>p(s)&&d(s));if(!a&&!n)return x.jsx(x.Fragment,{children:t});const c=Math.max(1,$||300);let g=null,b=!1,Y=30,E=0;if(n){const s=Math.max(1,Number(n.durationInFrames||30)),V=Math.max(0,Number(n.delay||0)),T=Math.max(0,c-s-V);r>=T&&(g=n,b=!0,Y=s,E=r-T)}if(!g&&a){g=a,b=!1,Y=Math.max(1,Number(a.durationInFrames||30));const s=Math.max(0,Number(a.delay||0));E=r-s}if(!g)return x.jsx(x.Fragment,{children:t});const X=a?Math.max(0,Number(a.delay||0)):0,L=a?Math.max(1,Number(a.durationInFrames||30)):30;if(!b&&a&&r>=X+L)return x.jsx("div",{style:{width:"100%",height:"100%",position:"relative",overflow:"visible"},children:t});if(!b&&a&&r<X)return x.jsx("div",{style:{width:"100%",height:"100%",position:"relative",visibility:"hidden"},children:t});const I=Math.max(0,E),j=Math.min(Math.max(0,I/Y),1),k=K(g),u=Math.max(0,Math.min(1,k(j))),y=String(g.property||g.id||""),f=((W=g.details)==null?void 0:W.direction)||"up",v=y.includes("ShrinkScale"),m=y.includes("CenterScale"),N=y.includes("Slide")||y.includes("slide");let h,S="";if(m){const s=b?50*u:50*(1-u);h=`inset(
-      ${s}%
-      0%
-      ${s}%
-      0%
-    )`}else if(v){const s=b?25*u:25*(1-u);h=`inset(
-      ${s}%
-      ${s}%
-      ${s}%
-      ${s}%
-    )`}else if(N)h="inset(0% 0% 0% 0%)",b?f==="down"?S=`translateY(${100*u}%)`:f==="left"?S=`translateX(${-100*u}%)`:f==="right"?S=`translateX(${100*u}%)`:S=`translateY(${-100*u}%)`:f==="down"?S=`translateY(${-100*(1-u)}%)`:f==="left"?S=`translateX(${100*(1-u)}%)`:f==="right"?S=`translateX(${-100*(1-u)}%)`:S=`translateY(${100*(1-u)}%)`;else if(y.includes("Center"))h=`circle(${b?150*(1-u):150*u}% at 50% 50%)`;else if(y.includes("Corner")){const s=b?u:1-u;f==="down"?h=`inset(0 ${100*s}% ${100*s}% 0)`:f==="up"?h=`inset(${100*s}% ${100*s}% 0 0)`:f==="left"?h=`inset(0 0 ${100*s}% ${100*s}%)`:f==="right"?h=`inset(${100*s}% 0 0 ${100*s}%)`:h=`inset(0 ${100*s}% ${100*s}% 0)`}else b?f==="down"?h=`inset(${100*u}% 0 0 0)`:f==="left"?h=`inset(0 ${100*u}% 0 0)`:f==="right"?h=`inset(0 0 0 ${100*u}%)`:h=`inset(0 0 ${100*u}% 0)`:f==="down"?h=`inset(0 0 ${100*(1-u)}% 0)`:f==="left"?h=`inset(0 0 0 ${100*(1-u)}%)`:f==="right"?h=`inset(0 ${100*(1-u)}% 0 0)`:h=`inset(${100*(1-u)}% 0 0 0)`;const R=!!((_=g==null?void 0:g.details)!=null&&_.scale||g!=null&&g.scale);let C=1;m||v?C=b?1+.5*u:1.5-.5*u:R&&(C=b?1-.2*u:.8+.2*u);const A=[S,`scale(${C})`].filter(Boolean).join(" ");return console.log("[MaskAnim] Rendering:",{propName:y,frame:r,localFrame:E,animDuration:Y,progress:j,easedProgress:u,isOut:b,isShrinkScale:v,isCenterScale:m,isSlide:N,direction:f,clipPath:h,translateTransform:S,isScale:R,scaleValue:C,innerTransform:A}),x.jsx("div",{style:{width:i!==void 0?i:"100%",height:e!==void 0?e:"100%",position:"relative",clipPath:h,WebkitClipPath:h,overflow:"hidden"},children:x.jsx("div",{style:{width:"100%",height:"100%",transform:A,transformOrigin:"center"},children:t})})};M.BoxAnim=G,M.ContentAnim=J,M.MaskAnim=Q,M.combine=D,M.combineAnimations=F,M.extractTransformations=U,M.useAnimation=B,Object.defineProperty(M,Symbol.toStringTag,{value:"Module"})});
+(function(M,m){typeof exports=="object"&&typeof module<"u"?m(exports,require("react/jsx-runtime"),require("react"),require("remotion")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","remotion"],m):(M=typeof globalThis<"u"?globalThis:M||self,m(M.animations={},M.jsxRuntime,M.React,M.remotion))})(this,function(M,m,L,S){"use strict";const re=()=>({scale:e=>({transform:`scale(${e})`}),growIn:e=>({transform:`scale(${e})`}),shrinkIn:e=>({transform:`scale(${e})`}),shrinkOut:e=>({transform:`scale(${e})`}),opacity:e=>({opacity:e}),translateX:e=>({transform:`translateX(${e}%)`}),translateY:e=>({transform:`translateY(${e}%)`}),rotate:e=>({transform:`rotate(${e}deg)`}),spin:e=>({transform:`rotate(${e}deg)`}),spinIn:e=>({transform:`rotate(${e}deg)`}),twistIn:e=>({transform:`rotate(${e}deg)`}),twistOut:e=>({transform:`rotate(${e}deg)`}),moveScaleIn:e=>({transform:`scale(${e})`}),spinOut:e=>({transform:`rotate(${e}deg)`}),default:()=>({}),rotateY:e=>({transform:`rotateY(${e}deg)`}),rotateX:e=>({transform:`rotateX(${e}deg)`}),blur:e=>({filter:`blur(${e}px)`}),blurIn:e=>({filter:`blur(${e}px)`}),blurOut:e=>({filter:`blur(${e}px)`}),blurV2In:e=>({filter:`blur(${e}px)`}),blurSlide:e=>({filter:`blur(${e}px)`,transform:`translateY(${e*5}%)`}),blurSlideV2In:e=>({filter:`blur(${e}px)`}),brightness:e=>({filter:`brightness(${e}%)`}),contrast:e=>({filter:`contrast(${e}%)`}),grayscale:e=>({filter:`grayscale(${e}%)`}),hue:e=>({filter:`hue-rotate(${e}deg)`}),saturation:e=>({filter:`saturate(${e}%)`}),vignette:e=>({filter:`contrast(${100+e*20}%) brightness(${100-e*20}%)`}),noise:e=>({filter:`contrast(${100+e*40}%) brightness(${100+e*20}%)`}),pixelate:e=>({filter:`contrast(${100+e*2}%)`}),chromaticAberration:e=>({filter:`hue-rotate(${e*10}deg) contrast(110%)`}),lightLeak:e=>({filter:`brightness(${100+e*50}%) saturate(${100+e*30}%)`}),duotone:e=>({filter:`sepia(${e*100}%) hue-rotate(${e*180}deg)`}),shakeHorizontalIn:e=>({transform:`translateX(${e}px)`}),shakeVerticalIn:e=>({transform:`translateY(${e}px)`}),shakeHorizontalOut:e=>({transform:`translateX(${e}px)`}),shakeVerticalOut:e=>({transform:`translateY(${e}px)`}),maskUpIn:e=>({transform:`translateY(${e}px)`,overflow:"hidden"}),maskUpOut:e=>({transform:`translateY(${e}px)`,overflow:"hidden"}),maskDownIn:e=>({transform:`translateY(${e}px)`,overflow:"hidden"}),maskDownOut:e=>({transform:`translateY(${e}px)`,overflow:"hidden"}),moveTranslateY:e=>({transform:`translateY(${e}%)`}),"hide-show":e=>({opacity:e}),hide:e=>({opacity:e}),show:e=>({opacity:e}),borderRadius:e=>({borderRadius:`${e}px`,overflow:"hidden"}),"corner-radius":e=>({borderRadius:`${e}px`,overflow:"hidden"})}),z=(e,l=0)=>{const s=[],o=e/5;for(let a=0;a<6;a+=1)s.push(a*o+l);return s},se=(e,l,s,o=!1)=>{const{from:a,to:t,ease:h}=l,u=l.durationInFrames||30,c=Number(a),n=Number(t),r=Math.max(1,Number(u));if(isNaN(c)||isNaN(n))return console.error("Invalid animation values:",{from:a,to:t,animationDurationInFrames:u,property:l.property}),c;u===void 0&&console.warn(`durationInFrames is undefined for animation: ${l.property}. Using 1 frame as default.`);const i=l.delay||0;if(l.property==="hide-show"||l.property==="hide"||l.property==="show")return e<i?c:n;let $;if(l.property==="moveScaleIn"?$=o?[s-r-i,s-r*.5-i]:[i+r*.5,i+r]:l.property==="moveTranslateY"?$=o?[s-r*.5-i,s-i]:[i,i+r*.5]:$=o?[s-r-i,s-i]:[i,i+r],l.property.includes("shake")){const E=o?z(r,s-r-i):z(r,i);return S.interpolate(e,E,[0,c,n,c,n,0],{extrapolateLeft:"clamp",extrapolateRight:"clamp",easing:h})}return S.interpolate(e,$,[c,n],{extrapolateLeft:"clamp",extrapolateRight:"clamp",easing:h})},Z=e=>{if(e==null)return 0;if(typeof e=="number")return Number.isNaN(e)?0:e;if(typeof e=="object"){if(e.rotate!==void 0&&e.rotate!==null){const a=parseFloat(String(e.rotate));if(!Number.isNaN(a))return a}if(e.rotation!==void 0&&e.rotation!==null){const a=parseFloat(String(e.rotation));if(!Number.isNaN(a))return a}return e.transform?Z(e.transform):0}const l=String(e),s=/rotate\((-?[\d.]+)deg\)/.exec(l);if(s)return parseFloat(s[1])||0;const o=/matrix\(([^)]+)\)/.exec(l);if(o){const a=o[1].split(",").map(t=>parseFloat(t.trim()));if(a.length>=4){const[t,h]=a;return Math.atan2(h,t)*(180/Math.PI)}}return 0},O=(e,l,s,o,a)=>{var c,n,r,i,$;const{property:t}=e;if(t==="move"){const E=Number(((c=e.details)==null?void 0:c.fromX)??e.from??0),X=Number(((n=e.details)==null?void 0:n.toX)??e.to??0),F=Number(((r=e.details)==null?void 0:r.fromY)??0),P=Number(((i=e.details)==null?void 0:i.toY)??0),T=Number((($=e.details)==null?void 0:$.scale)||1)||1;let A=a;if(A==null||Number.isNaN(A)){const w=e.details;A=Z((w==null?void 0:w.rotate)??(w==null?void 0:w.rotation)??(w==null?void 0:w.transform))}const d=e.delay||0,N=e.durationInFrames||30,j=o?[s-N-d,s-d]:[d,d+N],C=S.interpolate(l,j,[E,X],{extrapolateLeft:"clamp",extrapolateRight:"clamp",easing:e.ease}),x=S.interpolate(l,j,[F,P],{extrapolateLeft:"clamp",extrapolateRight:"clamp",easing:e.ease}),v=(A||0)*Math.PI/180,y=Math.cos(v),f=Math.sin(v),p=C*y+x*f,I=-C*f+x*y,V=p/T,W=I/T;return{transform:`translateX(${V}px) translateY(${W}px)`}}const h=se(l,e,s,o),u=re();return(u[t]||u.default)(h)},H=(e,l,s,o=!1,a=!1,t)=>L.useMemo(()=>{if(e.length===0)return{};const h=e.filter(u=>u.from!==void 0&&u.to!==void 0);if(h.length!==e.length&&console.error("Some animations are invalid and will be ignored"),a){const u=[];return h.reverse().forEach(n=>{const r=O(n,s,l,!1,t);u.push(r)}),u.reduce((n,r)=>(Object.keys(r).forEach(i=>{i==="transform"||i==="filter"?n[i]=n[i]?`${n[i]} ${r[i]}`:r[i]:n[i]=r[i]}),n),{})}else return h.map(c=>O(c,s,l,o,t)).reduce((c,n)=>(Object.keys(n).forEach(r=>{r==="transform"||r==="filter"?c[r]=c[r]?`${c[r]} ${n[r]}`:n[r]:c[r]=n[r]}),c),{})},[e,s,l,o,t]),R=e=>e?Array.isArray(e)?e:[e]:[],oe=(...e)=>{const l=[];return e.forEach(s=>{Array.isArray(s)?l.push(...s):s&&l.push(s)}),l.filter(s=>s!==void 0).reduce((s,o)=>s.find(t=>t.property===o.property)?s.map(t=>t.property===o.property?{...t,from:Math.min(t.from,o.from),to:Math.max(t.to,o.to),durationInFrames:Math.max(t.durationInFrames,o.durationInFrames),delay:Math.min(t.delay||0,o.delay||0),ease:h=>(t.ease(h)+o.ease(h))/2}:t):[...s,o],[])},ne=({animationIn:e,animationOut:l,durationInFrames:s,children:o,style:a={},frame:t,isTransition:h=!1,basicCharAnimationsIn:u=[],basicCharAnimationsOut:c=[]})=>{const n=Z((a==null?void 0:a.transform)||(a==null?void 0:a.rotate)||(a==null?void 0:a.rotation)),r=H(R(e),s,t,!1,!1,n),i=H(R(l),s,t,!0,!1,n),$=H(R(u),s,t,!0,!1,n),E=H(R(c),s,t,!0,!1,n),X=L.useMemo(()=>{const x=Object.keys(r).length>0,v=e==null?void 0:e.reduce((f,p)=>Math.min(f,p.delay||0),1/0),y=t-(v||0);return x&&y<0?{visibility:h?"visible":"hidden"}:r},[r,t,e,h]),F=L.useMemo(()=>{if(t>s)return{visibility:h?"visible":"hidden"};const x=R(l);if(!x||x.length===0)return{};let v=0;x.forEach(f=>{const p=(f.durationInFrames||0)+(f.delay||0);p>v&&(v=p)});const y=Math.max(0,s-v);return t<y?{}:i},[i,t,l,s,h]),P=L.useMemo(()=>{const x={...X};return Object.entries(F).forEach(([v,y])=>{v==="transform"?x[v]=`${x[v]||""} ${y||""}`.trim():v in x&&typeof x[v]=="number"&&typeof y=="number"?x[v]=x[v]*y:x[v]=y}),x},[X,F]),T=L.useMemo(()=>{const x=P.transform||"",{translateX:v,translateY:y,scale:f,rotation:p,rotateX:I,rotateY:V,rotateZ:W}=G(x);return`${p} ${v} ${y} ${f} ${I} ${V} ${W}`.trim()},[P]),{top:A,left:d,position:N,transform:j,...C}=a||{};return m.jsx("div",{style:{width:"100%",height:"100%",overflow:P.overflow||$.overflow||E.overflow||"visible",pointerEvents:"none"},children:m.jsx("div",{style:{width:"100%",height:"100%",...C,...P,overflow:"visible",transform:T,pointerEvents:"none",background:Object.keys(P).length===0?"transparent":P.backgroundColor},children:o})})},G=e=>{let l="",s="",o="scale(1)",a="",t="",h="",u="";const c=e.match(/translateX\([^)]+\)/g);c&&(l=c[c.length-1]);const n=e.match(/translateY\([^)]+\)/g);n&&(s=n[n.length-1]);const r=e.match(/scale\([^)]+\)/g);r&&(o=r[r.length-1]);const i=e.match(/rotate\([^)]+\)/g);i&&(a=i[i.length-1]);const $=e.match(/rotateX\([^)]+\)/g);$&&(t=$[$.length-1]);const E=e.match(/rotateY\([^)]+\)/g);E&&(h=E[E.length-1]);const X=e.match(/rotateZ\([^)]+\)/g);return X&&(u=X[X.length-1]),{translateX:l,translateY:s,scale:o,rotation:a,rotateX:t,rotateY:h,rotateZ:u}},ae=({animationTimed:e,durationInFrames:l,children:s,style:o={},frame:a})=>{const t=Z((o==null?void 0:o.transform)||(o==null?void 0:o.rotate)||(o==null?void 0:o.rotation)),h=H(R(e),l,a,!1,!0,t),u=L.useMemo(()=>({...h}),[h]),c=!!u.borderRadius;return m.jsx("div",{style:{overflow:c?"hidden":u.overflow||"visible",borderRadius:u.borderRadius,pointerEvents:"none",height:o.height||"100%",width:o.width||"100%",...u,...c?{overflow:"hidden"}:{}},children:m.jsx("div",{style:{overflow:c?"hidden":"visible",borderRadius:u.borderRadius,pointerEvents:"none",height:"100%",width:"100%",display:"flex",alignItems:"center",justifyContent:"center"},children:s})})},le=e=>{if(typeof(e==null?void 0:e.ease)=="function")return e.ease;switch(e==null?void 0:e.easing){case"ease-in":case"accelerate":return S.Easing.in(S.Easing.cubic);case"ease-out":case"smooth":case"slowDown":return S.Easing.out(S.Easing.cubic);case"ease-in-out":case"natural":case"swing":return S.Easing.inOut(S.Easing.cubic);case"bounce":return S.Easing.bounce;case"elastic":return S.Easing.elastic(1);case"overshoot":case"impulse":return S.Easing.out(S.Easing.back(1.7));case"none":case"linear":default:return S.Easing.linear}},ie=(e,l)=>{const s=l*Math.PI/180,o=Math.cos(s),a=Math.sin(s),t=e/100*50,h=50,u=50,c=200,n=o,r=a,i=-a,$=o;return`polygon(${[[h-n*c-i*t,u-r*c-$*t],[h+n*c-i*t,u+r*c-$*t],[h+n*c+i*t,u+r*c+$*t],[h-n*c+i*t,u-r*c+$*t]].map(([X,F])=>`${X}% ${F}%`).join(", ")})`},ce=({children:e,currentWidth:l,currentHeight:s,frame:o,item:a,keyframeAnimations:t,durationInFrames:h})=>{var K,Q,D,_,k,ee;if(!t||!Array.isArray(t)||t.length===0)return m.jsx(m.Fragment,{children:e});const u=g=>{var b,B;return!!((b=g==null?void 0:g.property)!=null&&b.includes("maskReveal")||(B=g==null?void 0:g.id)!=null&&B.includes("maskReveal"))},c=g=>{var b,B;return!!((g==null?void 0:g.type)==="exit"||(b=g==null?void 0:g.property)!=null&&b.includes("Out")||(B=g==null?void 0:g.id)!=null&&B.includes("Out"))},n=t.find(g=>u(g)&&!c(g)),r=t.find(g=>u(g)&&c(g));if(!n&&!r)return m.jsx(m.Fragment,{children:e});const i=Math.max(1,h||300),$=n?Math.max(1,Number(n.durationInFrames||30)):30,E=n?Math.max(0,Number(n.delay||0)):0,X=r?Math.max(1,Number(r.durationInFrames||30)):30,F=r?Math.max(0,Number(r.delay||0)):0,P=r?Math.max(0,i-X-F):Number.POSITIVE_INFINITY;let T=!1,A=!1,d=null,N=!1,j=30,C=0;r&&o>=P?(d=r,N=!0,j=X,C=o-P,C>=j-1&&(T=!0)):n?o<E?(T=!0,d=n,N=!1,j=$,C=0):o<E+$?(d=n,N=!1,j=$,C=o-E):(A=!0,d=null):(A=!0,d=null);const x=Math.max(0,C),v=j>0?Math.min(Math.max(0,x/j),1):1,y=d?le(d):S.Easing.linear,f=Math.max(0,Math.min(1,y(v)));let p,I="",V=1;if(T)p="inset(100%)";else if(A||!d)p=void 0;else{const g=String(d.property||d.id||""),b=((K=d.details)==null?void 0:K.direction)||"up",B=g.includes("ShrinkScale"),te=g.includes("CenterScale"),de=g.includes("Slide")||g.includes("slide");if(te){const Y=Number(((Q=d==null?void 0:d.details)==null?void 0:Q.angle)??(d==null?void 0:d.angle)??0),q=N?100*(1-f):100*f;p=ie(q,Y)}else if(B){const Y=Number(((D=d==null?void 0:d.details)==null?void 0:D.initialVisiblePercent)??(d==null?void 0:d.initialVisiblePercent)??50),q=Math.max(0,Math.min(50,(100-Y)/2)),U=N?q*f:q*(1-f);p=`inset(
+        ${U}%
+        ${U}%
+        ${U}%
+        ${U}%
+      )`}else if(de)p="inset(0% 0% 0% 0%)",N?b==="down"?I=`translateY(${100*f}%)`:b==="left"?I=`translateX(${-100*f}%)`:b==="right"?I=`translateX(${100*f}%)`:I=`translateY(${-100*f}%)`:b==="down"?I=`translateY(${-100*(1-f)}%)`:b==="left"?I=`translateX(${100*(1-f)}%)`:b==="right"?I=`translateX(${-100*(1-f)}%)`:I=`translateY(${100*(1-f)}%)`;else if(g.includes("Center"))p=`circle(${N?150*(1-f):150*f}% at 50% 50%)`;else if(g.includes("Corner")){const Y=N?f:1-f;b==="down"?p=`inset(0 ${100*Y}% ${100*Y}% 0)`:b==="up"?p=`inset(${100*Y}% ${100*Y}% 0 0)`:b==="left"?p=`inset(0 0 ${100*Y}% ${100*Y}%)`:b==="right"?p=`inset(${100*Y}% 0 0 ${100*Y}%)`:p=`inset(0 ${100*Y}% ${100*Y}% 0)`}else N?b==="down"?p=`inset(${100*f}% 0 0 0)`:b==="left"?p=`inset(0 0 0 ${100*f}%)`:b==="right"?p=`inset(0 ${100*f}% 0 0)`:p=`inset(0 0 ${100*f}% 0)`:b==="down"?p=`inset(0 0 ${100*(1-f)}% 0)`:b==="left"?p=`inset(0 0 0 ${100*(1-f)}%)`:b==="right"?p=`inset(0 ${100*(1-f)}% 0 0)`:p=`inset(${100*(1-f)}% 0 0 0)`;const fe=!!((_=d==null?void 0:d.details)!=null&&_.scale||d!=null&&d.scale);te||B?((k=d==null?void 0:d.details)==null?void 0:k.scale)===!1?V=1:V=N?1+.5*f:1.5-.5*f:fe&&(V=N?1-.2*f:.8+.2*f)}const W=[I,V!==1?`scale(${V})`:""].filter(Boolean).join(" ")||void 0,w=(ee=a==null?void 0:a.details)==null?void 0:ee.boxShadow,J=w&&(w.x||w.y||w.blur)?`drop-shadow(${w.x||0}px ${w.y||0}px ${w.blur||0}px ${w.color||"#000000"})`:void 0;return m.jsx("div",{style:{width:l!==void 0?l:"100%",height:s!==void 0?s:"100%",position:"relative",visibility:T?"hidden":"visible",filter:J,WebkitFilter:J},children:m.jsx("div",{style:{width:"100%",height:"100%",position:"relative",clipPath:p||void 0,WebkitClipPath:p||void 0,overflow:p?"hidden":"visible"},children:m.jsx("div",{style:{width:"100%",height:"100%",transform:W,transformOrigin:"center"},children:e})})})};M.BoxAnim=ne,M.ContentAnim=ae,M.MaskAnim=ce,M.combine=oe,M.combineAnimations=R,M.extractTransformations=G,M.useAnimation=H,Object.defineProperty(M,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cliquify.me/animations",
-  "version": "9.0.13",
+  "version": "9.0.15",
   "private": false,
   "publishConfig": {
     "access": "public"
@@ -26,8 +26,8 @@
     "typescript": "^5.3.3",
     "vite": "^5.2.0",
     "vite-plugin-dts": "^3.9.1",
-    "@cliquify.me/types": "8.0.12",
-    "@cliquify.me/typescript-config": "0.0.2"
+    "@cliquify.me/types": "8.0.14",
+    "@cliquify.me/typescript-config": "0.0.3"
   },
   "dependencies": {
     "remotion": "4.0.506",
@@ -38,7 +38,7 @@
     "@designcombo/events": "^1.0.2",
     "react": "^18.2.0 || ^19.0.0",
     "remotion": "4.0.506",
-    "@cliquify.me/types": "8.0.12"
+    "@cliquify.me/types": "8.0.14"
   },
   "scripts": {
     "dev": "vite",