@wix/motion 2.1.9 → 2.1.11

package/dist/es/motion.js

@@ -1,4 +1,4 @@
-class O {
+class _ {
   animations;
   options;
   ready;
@@ -9,8 +9,8 @@ class O {
   }
   _getAnimationWithLongestEndTime() {
     return this.animations.reduce((e, n) => {
-      const i = e.effect?.getComputedTiming().endTime ?? 0, s = n.effect?.getComputedTiming().endTime ?? 0;
-      return i > s ? e : n;
+      const o = e.effect?.getComputedTiming().endTime ?? 0, i = n.effect?.getComputedTiming().endTime ?? 0;
+      return o > i ? e : n;
     }, this.animations[0]);
   }
   getProgress() {
@@ -34,8 +34,8 @@ class O {
   }
   progress(e) {
     for (const n of this.animations) {
-      const { delay: i, duration: s, iterations: r } = n.effect.getTiming(), c = (Number.isFinite(s) ? s : 0) * (Number.isFinite(r) ? r : 1);
-      n.currentTime = ((i || 0) + c) * e;
+      const { delay: o, duration: i, iterations: s } = n.effect.getTiming(), a = (Number.isFinite(i) ? i : 0) * (Number.isFinite(s) ? s : 1);
+      n.currentTime = ((o || 0) + a) * e;
     }
   }
   cancel() {
@@ -48,13 +48,13 @@ class O {
   }
   async onFinish(e) {
     try {
-      await Promise.all(this.animations.map((i) => i.finished));
+      await Promise.all(this.animations.map((o) => o.finished));
       const n = this.animations[0];
       if (n && !this.isCSS) {
-        const i = n.effect?.target;
-        if (i) {
-          const s = this.options?.effectId || n.id, r = new CustomEvent("animationend", { detail: { effectId: s } });
-          i.dispatchEvent(r);
+        const o = n.effect?.target;
+        if (o) {
+          const i = this.options?.effectId || n.id, s = new CustomEvent("animationend", { detail: { effectId: i } });
+          o.dispatchEvent(s);
         }
       }
       e();
@@ -67,12 +67,12 @@ class O {
       await Promise.all(this.animations.map((n) => n.finished));
     } catch (n) {
       if (n.name === "AbortError") {
-        const i = this.animations[0];
-        if (i && !this.isCSS) {
-          const s = i.effect?.target;
-          if (s) {
-            const r = new Event("animationcancel");
-            s.dispatchEvent(r);
+        const o = this.animations[0];
+        if (o && !this.isCSS) {
+          const i = o.effect?.target;
+          if (i) {
+            const s = new Event("animationcancel");
+            i.dispatchEvent(s);
           }
         }
         e();
@@ -93,42 +93,98 @@ class O {
   }
   getTimingOptions() {
     return this.animations.map((e) => {
-      const n = e.effect?.getTiming(), i = n?.delay ?? 0, s = Number(n?.duration) || 0, r = n?.iterations ?? 1;
+      const n = e.effect?.getTiming(), o = n?.delay ?? 0, i = Number(n?.duration) || 0, s = n?.iterations ?? 1;
       return {
-        delay: i,
-        duration: s,
-        iterations: r
+        delay: o,
+        duration: i,
+        iterations: s
       };
     });
   }
 }
-const G = (t) => t, V = (t) => 1 - Math.cos(t * Math.PI / 2), B = (t) => Math.sin(t * Math.PI / 2), X = (t) => -(Math.cos(Math.PI * t) - 1) / 2, U = (t) => t ** 2, Y = (t) => 1 - (1 - t) ** 2, Z = (t) => t < 0.5 ? 2 * t ** 2 : 1 - (-2 * t + 2) ** 2 / 2, J = (t) => t ** 3, Q = (t) => 1 - (1 - t) ** 3, tt = (t) => t < 0.5 ? 4 * t ** 3 : 1 - (-2 * t + 2) ** 3 / 2, et = (t) => t ** 4, nt = (t) => 1 - (1 - t) ** 4, it = (t) => t < 0.5 ? 8 * t ** 4 : 1 - (-2 * t + 2) ** 4 / 2, st = (t) => t ** 5, rt = (t) => 1 - (1 - t) ** 5, ot = (t) => t < 0.5 ? 16 * t ** 5 : 1 - (-2 * t + 2) ** 5 / 2, at = (t) => t === 0 ? 0 : 2 ** (10 * t - 10), ct = (t) => t === 1 ? 1 : 1 - 2 ** (-10 * t), ut = (t) => t === 0 ? 0 : t === 1 ? 1 : t < 0.5 ? 2 ** (20 * t - 10) / 2 : (2 - 2 ** (-20 * t + 10)) / 2, ft = (t) => 1 - Math.sqrt(1 - t ** 2), mt = (t) => Math.sqrt(1 - (t - 1) ** 2), lt = (t) => t < 0.5 ? (1 - Math.sqrt(1 - 4 * t ** 2)) / 2 : (Math.sqrt(-(2 * t - 3) * (2 * t - 1)) + 1) / 2, ht = (t) => 2.70158 * t ** 3 - 1.70158 * t ** 2, dt = (t) => 1 + 2.70158 * (t - 1) ** 3 + 1.70158 * (t - 1) ** 2, pt = (t, e = 1.70158 * 1.525) => t < 0.5 ? (2 * t) ** 2 * ((e + 1) * 2 * t - e) / 2 : ((2 * t - 2) ** 2 * ((e + 1) * (t * 2 - 2) + e) + 2) / 2, z = {
-  linear: G,
-  sineIn: V,
-  sineOut: B,
-  sineInOut: X,
-  quadIn: U,
-  quadOut: Y,
-  quadInOut: Z,
-  cubicIn: J,
-  cubicOut: Q,
-  cubicInOut: tt,
-  quartIn: et,
-  quartOut: nt,
-  quartInOut: it,
-  quintIn: st,
-  quintOut: rt,
-  quintInOut: ot,
-  expoIn: at,
-  expoOut: ct,
-  expoInOut: ut,
-  circIn: ft,
-  circOut: mt,
-  circInOut: lt,
-  backIn: ht,
-  backOut: dt,
-  backInOut: pt
-}, C = {
+const L = (t) => t, Y = (t) => 1 - Math.cos(t * Math.PI / 2), Z = (t) => Math.sin(t * Math.PI / 2), Q = (t) => -(Math.cos(Math.PI * t) - 1) / 2, tt = (t) => t ** 2, et = (t) => 1 - (1 - t) ** 2, nt = (t) => t < 0.5 ? 2 * t ** 2 : 1 - (-2 * t + 2) ** 2 / 2, it = (t) => t ** 3, st = (t) => 1 - (1 - t) ** 3, ot = (t) => t < 0.5 ? 4 * t ** 3 : 1 - (-2 * t + 2) ** 3 / 2, rt = (t) => t ** 4, at = (t) => 1 - (1 - t) ** 4, ct = (t) => t < 0.5 ? 8 * t ** 4 : 1 - (-2 * t + 2) ** 4 / 2, ut = (t) => t ** 5, ft = (t) => 1 - (1 - t) ** 5, mt = (t) => t < 0.5 ? 16 * t ** 5 : 1 - (-2 * t + 2) ** 5 / 2, lt = (t) => t === 0 ? 0 : 2 ** (10 * t - 10), dt = (t) => t === 1 ? 1 : 1 - 2 ** (-10 * t), ht = (t) => t === 0 ? 0 : t === 1 ? 1 : t < 0.5 ? 2 ** (20 * t - 10) / 2 : (2 - 2 ** (-20 * t + 10)) / 2, pt = (t) => 1 - Math.sqrt(1 - t ** 2), gt = (t) => Math.sqrt(1 - (t - 1) ** 2), $t = (t) => t < 0.5 ? (1 - Math.sqrt(1 - 4 * t ** 2)) / 2 : (Math.sqrt(-(2 * t - 3) * (2 * t - 1)) + 1) / 2, yt = (t) => 2.70158 * t ** 3 - 1.70158 * t ** 2, bt = (t) => 1 + 2.70158 * (t - 1) ** 3 + 1.70158 * (t - 1) ** 2, vt = (t, e = 1.70158 * 1.525) => t < 0.5 ? (2 * t) ** 2 * ((e + 1) * 2 * t - e) / 2 : ((2 * t - 2) ** 2 * ((e + 1) * (t * 2 - 2) + e) + 2) / 2, z = {
+  linear: L,
+  sineIn: Y,
+  sineOut: Z,
+  sineInOut: Q,
+  quadIn: tt,
+  quadOut: et,
+  quadInOut: nt,
+  cubicIn: it,
+  cubicOut: st,
+  cubicInOut: ot,
+  quartIn: rt,
+  quartOut: at,
+  quartInOut: ct,
+  quintIn: ut,
+  quintOut: ft,
+  quintInOut: mt,
+  expoIn: lt,
+  expoOut: dt,
+  expoInOut: ht,
+  circIn: pt,
+  circOut: gt,
+  circInOut: $t,
+  backIn: yt,
+  backOut: bt,
+  backInOut: vt
+}, E = (t, e, n, o, i) => {
+  const s = 3 * e, a = 3 * (o - 2 * e), r = 1 - 3 * o + 3 * e, f = 3 * n, d = 3 * (i - 2 * n), c = 1 - 3 * i + 3 * n;
+  let u;
+  if (r === 0)
+    u = a === 0 ? `(${t} / ${s})` : `((sqrt(max(0, ${s * s} + ${4 * a} * ${t})) - ${s}) / ${2 * a})`;
+  else {
+    const m = a / (3 * r), p = 2 * Math.pow(a, 3) - 9 * s * a * r, l = 54 * Math.pow(r, 3), h = (3 * r * s - a * a) / (9 * r * r), $ = `((${p} - ${27 * r * r} * ${t}) / ${l})`;
+    if (h < 0) {
+      const g = 2 * Math.sqrt(-h);
+      let y = 0;
+      for (const v of [0, 1, 2])
+        [0, 0.25, 0.5, 0.75, 1].every((q) => {
+          const T = Math.min(
+            Math.max(2 * (p - 27 * r * r * q) / (l * h * g), -1),
+            1
+          ), x = g * Math.cos((Math.acos(T) - v * 2 * Math.PI) / 3) - m;
+          return x >= -1e-6 && x <= 1.000001;
+        }) && (y = v);
+      const b = `(acos(clamp(-1, ${2 / (h * g)} * ${$}, 1)) - ${360 * y}deg) / 3`;
+      u = `(${g} * cos(${b}) - ${m})`;
+    } else {
+      const g = `sqrt(pow(${$}, 2) + ${Math.pow(h, 3)})`;
+      u = `(pow(${g} - ${$}, 1 / 3) - pow(${g} + ${$}, 1 / 3) - ${m})`;
+    }
+  }
+  return `(${c} * pow(${u}, 3) + ${d} * pow(${u}, 2) + ${f} * ${u})`;
+}, M = {
+  linear: (t) => t,
+  ease: (t) => E(t, 0.25, 0.1, 0.25, 1),
+  easeIn: (t) => E(t, 0.42, 0, 1, 1),
+  easeOut: (t) => E(t, 0, 0, 0.58, 1),
+  easeInOut: (t) => E(t, 0.42, 0, 0.58, 1),
+  sineIn: (t) => `(1 - cos(${t} * 90deg))`,
+  sineOut: (t) => `(sin(${t} * 90deg))`,
+  sineInOut: (t) => `((1 - cos(${t} * 180deg)) / 2)`,
+  quadIn: (t) => `(${t} * ${t})`,
+  quadOut: (t) => `(1 - (1 - ${t}) * (1 - ${t}))`,
+  quadInOut: (t) => `(round(${t}) * (1 - (-2 * ${t} + 2) * (-2 * ${t} + 2) / 2) + (1 - round(${t})) * 2 * ${t} * ${t})`,
+  cubicIn: (t) => `pow(${t}, 3)`,
+  cubicOut: (t) => `(1 - pow(1 - ${t}, 3))`,
+  cubicInOut: (t) => `(round(${t}) * (1 - pow(-2 * ${t} + 2, 3) / 2) + (1 - round(${t})) * 4 * pow(${t}, 3))`,
+  quartIn: (t) => `pow(${t}, 4)`,
+  quartOut: (t) => `(1 - pow(1 - ${t}, 4))`,
+  quartInOut: (t) => `(round(${t}) * (1 - pow(-2 * ${t} + 2, 4) / 2) + (1 - round(${t})) * 8 * pow(${t}, 4))`,
+  quintIn: (t) => `pow(${t}, 5)`,
+  quintOut: (t) => `(1 - pow(1 - ${t}, 5))`,
+  quintInOut: (t) => `(round(${t}) * (1 - pow(-2 * ${t} + 2, 5) / 2) + (1 - round(${t})) * 16 * pow(${t}, 5))`,
+  expoIn: (t) => `(pow(2, 10 * ${t} - 10) - pow(2, -10) * (1 - ${t}))`,
+  expoOut: (t) => `(1 - pow(2, -10 * ${t}) + pow(2, -10) * ${t})`,
+  expoInOut: (t) => `((round(${t}) * (2 - pow(2, -20 * ${t} + 10)) + (1 - round(${t})) * pow(2, 20 * ${t} - 10)) / 2)`,
+  circIn: (t) => `(1 - sqrt(1 - ${t} * ${t}))`,
+  circOut: (t) => `sqrt(1 - (${t} - 1) * (${t} - 1))`,
+  circInOut: (t) => `((round(${t}) * (sqrt(max(0, (3 - 2 * ${t}) * (2 * ${t} - 1))) + 1) + (1 - round(${t})) * (1 - sqrt(max(0, 1 - 4 * ${t} * ${t})))) / 2)`,
+  backIn: (t) => `(2.70158 * pow(${t}, 3) - 1.70158 * ${t} * ${t})`,
+  backOut: (t) => `(1 + 2.70158 * pow(${t} - 1, 3) + 1.70158 * (${t} - 1) * (${t} - 1))`,
+  backInOut: (t) => `((round(${t}) * (2 + (2 * ${t} - 2) * (2 * ${t} - 2) * (2.5949095 + 3.5949095 * (2 * ${t} - 2))) + (1 - round(${t})) * 4 * ${t} * ${t} * (3.5949095 * 2 * ${t} - 2.5949095)) / 2)`
+}, N = {
   linear: "linear",
   ease: "ease",
   easeIn: "ease-in",
@@ -159,142 +215,179 @@ const G = (t) => t, V = (t) => 1 - Math.cos(t * Math.PI / 2), B = (t) => Math.si
   backOut: "cubic-bezier(0.175, 0.885, 0.32, 1.275)",
   backInOut: "cubic-bezier(0.68, -0.55, 0.265, 1.55)"
 };
-function gt(t) {
+function wt(t) {
   return t === "percentage" ? "%" : t || "px";
 }
-const yt = /^(webkit|moz|ms|o)(?=[A-Z])/, bt = Object.assign(/* @__PURE__ */ Object.create(null), {
+const It = /^(webkit|moz|ms|o)(?=[A-Z])/, Et = Object.assign(/* @__PURE__ */ Object.create(null), {
   float: "cssFloat",
   "animation-timing-function": "easing",
   "animation-composition": "composite"
 });
-function Wt(t) {
-  return t.startsWith("--") ? t : (yt.test(t) ? `-${t}` : t).replace(/[A-Z]/g, (n) => `-${n.toLowerCase()}`);
+function Yt(t) {
+  return t.startsWith("--") ? t : (It.test(t) ? `-${t}` : t).replace(/[A-Z]/g, (n) => `-${n.toLowerCase()}`);
 }
-function vt(t) {
+function Ot(t) {
   return t.startsWith("--") || !t.includes("-") ? t : t.replace(/^-/, "").replace(/-([a-z])/g, (e, n) => n.toUpperCase());
 }
-function R(t) {
-  return bt[t] || vt(t);
+function j(t) {
+  return Et[t] || Ot(t);
 }
-function Et(t) {
+function _t(t) {
   for (const e in t)
-    if (Object.hasOwn(t, e) && R(e) !== e)
+    if (Object.hasOwn(t, e) && j(e) !== e)
       return !0;
   return !1;
 }
-function _t(t) {
+function At(t) {
   if (!Array.isArray(t))
     return t;
   let e;
-  return t.forEach((n, i) => {
-    if (!n || typeof n != "object" || !Et(n))
+  return t.forEach((n, o) => {
+    if (!n || typeof n != "object" || !_t(n))
       return;
     e ??= t.slice();
-    const s = {};
-    for (const r in n)
-      Object.hasOwn(n, r) && (s[R(r)] = n[r]);
-    e[i] = s;
+    const i = {};
+    for (const s in n)
+      Object.hasOwn(n, s) && (i[j(s)] = n[s]);
+    e[o] = i;
   }), e || t;
 }
-function wt(t) {
-  return t ? C[t] || t : C.linear;
+function qt(t) {
+  return t ? N[t] || t : N.linear;
 }
-function At(t, e, n, i) {
-  const s = 3 * t, r = 3 * (n - t) - s, c = 1 - s - r, o = 3 * e, m = 3 * (i - e) - o, l = 1 - o - m, a = (h) => ((c * h + r) * h + s) * h, u = (h) => ((l * h + m) * h + o) * h, f = (h) => (3 * c * h + 2 * r) * h + s;
-  function p(h) {
-    let d = h;
+function Tt(t, e, n, o) {
+  const i = 3 * t, s = 3 * (n - t) - i, a = 1 - i - s, r = 3 * e, f = 3 * (o - e) - r, d = 1 - r - f, c = (l) => ((a * l + s) * l + i) * l, u = (l) => ((d * l + f) * l + r) * l, m = (l) => (3 * a * l + 2 * s) * l + i;
+  function p(l) {
+    let h = l;
     for (let y = 0; y < 8; y++) {
-      const b = a(d) - h;
-      if (Math.abs(b) < 1e-7) return d;
-      const _ = f(d);
-      if (Math.abs(_) < 1e-6) break;
-      d -= b / _;
+      const b = c(h) - l;
+      if (Math.abs(b) < 1e-7) return h;
+      const v = m(h);
+      if (Math.abs(v) < 1e-6) break;
+      h -= b / v;
     }
-    let v = 0, g = 1;
-    for (d = (v + g) / 2; g - v > 1e-7; ) {
-      const y = a(d);
-      if (Math.abs(y - h) < 1e-7) return d;
-      h > y ? v = d : g = d, d = (v + g) / 2;
+    let $ = 0, g = 1;
+    for (h = ($ + g) / 2; g - $ > 1e-7; ) {
+      const y = c(h);
+      if (Math.abs(y - l) < 1e-7) return h;
+      l > y ? $ = h : g = h, h = ($ + g) / 2;
     }
-    return d;
+    return h;
   }
-  return (h) => h <= 0 ? 0 : h >= 1 ? 1 : u(p(h));
+  return (l) => l <= 0 ? 0 : l >= 1 ? 1 : u(p(l));
 }
-function Ot(t) {
+function W(t) {
   const e = t.match(
     /^cubic-bezier\(\s*(-?[\d.]+)\s*,\s*(-?[\d.]+)\s*,\s*(-?[\d.]+)\s*,\s*(-?[\d.]+)\s*\)$/
   );
   if (!e) return;
-  const n = parseFloat(e[1]), i = parseFloat(e[2]), s = parseFloat(e[3]), r = parseFloat(e[4]);
-  if (![n, i, s, r].some(isNaN))
-    return At(n, i, s, r);
+  const n = parseFloat(e[1]), o = parseFloat(e[2]), i = parseFloat(e[3]), s = parseFloat(e[4]);
+  if (![n, o, i, s].some(isNaN))
+    return [n, o, i, s];
 }
-function It(t) {
+function St(t) {
+  const e = W(t);
+  if (!(!e || e.some(isNaN)))
+    return Tt(...e);
+}
+function kt(t) {
+  const e = W(t);
+  if (!(!e || e.some(isNaN)))
+    return (n) => E(n, ...e);
+}
+function H(t) {
   const e = t.match(/^linear\((.+)\)$/);
   if (!e) return;
-  const n = e[1].split(",").map((c) => c.trim()).filter(Boolean);
+  const n = e[1].split(",").map((s) => s.trim()).filter(Boolean);
   if (n.length === 0) return;
-  const i = [];
-  for (const c of n) {
-    const o = c.split(/\s+/), m = parseFloat(o[0]);
-    if (isNaN(m)) return;
-    const l = [];
-    for (let a = 1; a < o.length; a++)
-      if (o[a].endsWith("%")) {
-        const u = parseFloat(o[a]) / 100;
-        if (isNaN(u)) return;
-        l.push(u);
+  const o = [];
+  for (const s of n) {
+    const a = s.split(/\s+/), r = parseFloat(a[0]);
+    if (isNaN(r)) return;
+    const f = [];
+    for (let d = 1; d < a.length; d++)
+      if (a[d].endsWith("%")) {
+        const c = parseFloat(a[d]) / 100;
+        if (isNaN(c)) return;
+        f.push(c);
       }
-    l.length === 0 ? i.push({ output: m, pos: null }) : l.length === 1 ? i.push({ output: m, pos: l[0] }) : (i.push({ output: m, pos: l[0] }), i.push({ output: m, pos: l[1] }));
-  }
-  if (i.length === 0) return;
-  i[0].pos === null && (i[0].pos = 0), i[i.length - 1].pos === null && (i[i.length - 1].pos = 1);
-  let s = 0;
-  for (; s < i.length; )
-    if (i[s].pos === null) {
-      const c = s - 1;
-      let o = s;
-      for (; o < i.length && i[o].pos === null; ) o++;
-      const m = i[c].pos, l = i[o].pos, a = o - c;
-      for (let u = c + 1; u < o; u++)
-        i[u].pos = m + (l - m) * (u - c) / a;
-      s = o + 1;
+    f.length === 0 ? o.push({ output: r, pos: null }) : f.length === 1 ? o.push({ output: r, pos: f[0] }) : (o.push({ output: r, pos: f[0] }), o.push({ output: r, pos: f[1] }));
+  }
+  if (o.length === 0) return;
+  o[0].pos === null && (o[0].pos = 0), o[o.length - 1].pos === null && (o[o.length - 1].pos = 1);
+  let i = 0;
+  for (; i < o.length; )
+    if (o[i].pos === null) {
+      const s = i - 1;
+      let a = i;
+      for (; a < o.length && o[a].pos === null; ) a++;
+      const r = o[s].pos, f = o[a].pos, d = a - s;
+      for (let c = s + 1; c < a; c++)
+        o[c].pos = r + (f - r) * (c - s) / d;
+      i = a + 1;
     } else
-      s++;
-  for (let c = 1; c < i.length; c++)
-    i[c].pos < i[c - 1].pos && (i[c].pos = i[c - 1].pos);
-  const r = i;
-  return (c) => {
-    if (c <= r[0].pos) return r[0].output;
-    const o = r[r.length - 1];
-    if (c >= o.pos) return o.output;
-    let m = 0, l = r.length - 1;
-    for (; m < l - 1; ) {
-      const f = m + l >>> 1;
-      r[f].pos <= c ? m = f : l = f;
-    }
-    const a = r[m], u = r[l];
-    return u.pos === a.pos ? u.output : a.output + (u.output - a.output) * (c - a.pos) / (u.pos - a.pos);
-  };
+      i++;
+  for (let s = 1; s < o.length; s++)
+    o[s].pos < o[s - 1].pos && (o[s].pos = o[s - 1].pos);
+  return o;
+}
+function Pt(t) {
+  const e = H(t);
+  if (e)
+    return (n) => {
+      if (n <= e[0].pos) return e[0].output;
+      const o = e[e.length - 1];
+      if (n >= o.pos) return o.output;
+      let i = 0, s = e.length - 1;
+      for (; i < s - 1; ) {
+        const f = i + s >>> 1;
+        e[f].pos <= n ? i = f : s = f;
+      }
+      const a = e[i], r = e[s];
+      return r.pos === a.pos ? r.output : a.output + (r.output - a.output) * (n - a.pos) / (r.pos - a.pos);
+    };
 }
-function D(t) {
+function Ct(t) {
+  const e = H(t);
+  if (e)
+    return (n) => {
+      const o = [`${e[0].output}`];
+      for (let i = 1; i < e.length; i++) {
+        const s = e[i].pos - e[i - 1].pos, a = e[i].output - e[i - 1].output;
+        if (s === 0 && e[i - 1].pos === 0)
+          o.push(`${a}`);
+        else {
+          const r = s === 0 ? `round(${n} / ${2 * e[i - 1].pos})` : `(${n} - ${e[i - 1].pos}) / ${s}`;
+          o.push(`clamp(0, ${r}, 1) * ${a}`);
+        }
+      }
+      return `(${o.join(" + ")})`;
+    };
+}
+function B(t) {
   if (!t) return;
   const e = z[t];
-  return e || (Ot(t) ?? It(t) ?? z.linear);
+  return e || (St(t) ?? Pt(t) ?? z.linear);
 }
-class Tt extends O {
+function xt(t) {
+  if (!t) return;
+  const e = M[t];
+  return e || (kt(t) ?? Ct(t) ?? M.linear);
+}
+class zt extends _ {
   animationGroups;
   delay;
   offset;
   offsetEasing;
+  sequenceId;
   timingOptions;
   constructor(e, n = {}) {
-    const i = e.flatMap((s) => [...s.animations]);
-    super(i), this.animationGroups = e, this.delay = n.delay ?? 0, this.offset = n.offset ?? 0, this.offsetEasing = typeof n.offsetEasing == "function" ? n.offsetEasing : D(n.offsetEasing) ?? G, this.timingOptions = this.animationGroups.map((s) => s.getTimingOptions().map(({ delay: r, duration: c, iterations: o }) => ({
-      delay: r,
-      duration: Number.isFinite(c) ? c : 0,
-      iterations: Number.isFinite(o) ? o : 1
-    }))), this.applyOffsets(), this.ready = Promise.all(e.map((s) => s.ready)).then(() => {
+    const o = e.flatMap((i) => [...i.animations]);
+    super(o), this.animationGroups = e, this.delay = n.delay ?? 0, this.offset = n.offset ?? 0, this.sequenceId = n.sequenceId, this.offsetEasing = typeof n.offsetEasing == "function" ? n.offsetEasing : B(n.offsetEasing) ?? L, this.timingOptions = this.animationGroups.map((i) => i.getTimingOptions().map(({ delay: s, duration: a, iterations: r }) => ({
+      delay: s,
+      duration: Number.isFinite(a) ? a : 0,
+      iterations: Number.isFinite(r) ? r : 1
+    }))), this.applyOffsets(), this.ready = Promise.all(e.map((i) => i.ready)).then(() => {
     });
   }
   /**
@@ -308,30 +401,34 @@ class Tt extends O {
     const n = e - 1;
     return Array.from(
       { length: e },
-      (i, s) => this.offsetEasing(s / n) * n * this.offset | 0
+      (o, i) => this.offsetEasing(i / n) * n * this.offset | 0
     );
   }
   applyOffsets() {
     if (this.animationGroups.length === 0 || this.animations.length === 0) return;
-    const e = this.calculateOffsets(), n = this.getSequenceActiveDuration(e);
+    const e = this.calculateOffsets(), n = this.getSequenceActiveDuration(e), o = this.animationGroups.length - 1;
     this.animationGroups.forEach((i, s) => {
-      i.animations.forEach((r, c) => {
-        const o = r.effect;
-        if (!o) return;
-        const { delay: m, duration: l, iterations: a } = this.timingOptions[s][c], u = m + e[s], f = n - (u + l * a);
-        o.updateTiming({ delay: u + this.delay, endDelay: f });
+      i.animations.forEach((a, r) => {
+        const f = a.effect;
+        if (!f) return;
+        const { delay: d, duration: c, iterations: u } = this.timingOptions[s][r], m = d + e[s], p = n - (m + c * u);
+        if (i.isCSS && this.sequenceId) {
+          const { target: l } = f;
+          l instanceof HTMLElement && (l.style.setProperty(`--motion-${this.sequenceId}-index`, `${s}`), l.style.setProperty(`--motion-${this.sequenceId}-last`, `${o}`)), f.updateTiming({ endDelay: p });
+        } else
+          f.updateTiming({ delay: m + this.delay, endDelay: p });
       });
     });
   }
   getSequenceActiveDuration(e) {
     const n = [];
-    for (let i = 0; i < this.timingOptions.length; i++) {
-      const s = this.timingOptions[i].reduce((r, c) => {
-        if (!c) return r;
-        const { delay: o, duration: m, iterations: l } = c;
-        return Math.max(r, o + m * l);
+    for (let o = 0; o < this.timingOptions.length; o++) {
+      const i = this.timingOptions[o].reduce((s, a) => {
+        if (!a) return s;
+        const { delay: r, duration: f, iterations: d } = a;
+        return Math.max(s, r + f * d);
       }, 0);
-      n.push(e[i] + s);
+      n.push(e[o] + i);
     }
     return Math.max(...n);
   }
@@ -342,14 +439,14 @@ class Tt extends O {
    */
   addGroups(e) {
     if (e.length === 0) return;
-    const n = [...e].sort((i, s) => s.index - i.index);
-    for (const { index: i, group: s } of n) {
-      const r = Math.min(i, this.animationGroups.length);
-      this.animationGroups.splice(r, 0, s), this.timingOptions.splice(r, 0, s.getTimingOptions());
-      const c = [...s.animations], o = this.animationGroups.slice(0, r).reduce((m, l) => m + l.animations.length, 0);
-      this.animations.splice(o, 0, ...c);
+    const n = [...e].sort((o, i) => i.index - o.index);
+    for (const { index: o, group: i } of n) {
+      const s = Math.min(o, this.animationGroups.length);
+      this.animationGroups.splice(s, 0, i), this.timingOptions.splice(s, 0, i.getTimingOptions());
+      const a = [...i.animations], r = this.animationGroups.slice(0, s).reduce((f, d) => f + d.animations.length, 0);
+      this.animations.splice(r, 0, ...a);
     }
-    this.applyOffsets(), this.ready = Promise.all(this.animationGroups.map((i) => i.ready)).then(() => {
+    this.applyOffsets(), this.ready = Promise.all(this.animationGroups.map((o) => o.ready)).then(() => {
     });
   }
   /**
@@ -358,13 +455,13 @@ class Tt extends O {
    * groups are returned.
    */
   removeGroups(e) {
-    const n = [], i = [], s = [];
-    for (let r = 0; r < this.animationGroups.length; r++)
-      e(this.animationGroups[r]) ? n.push(this.animationGroups[r]) : (i.push(this.animationGroups[r]), s.push(this.timingOptions[r]));
+    const n = [], o = [], i = [];
+    for (let s = 0; s < this.animationGroups.length; s++)
+      e(this.animationGroups[s]) ? n.push(this.animationGroups[s]) : (o.push(this.animationGroups[s]), i.push(this.timingOptions[s]));
     if (n.length === 0) return n;
-    for (const r of n)
-      r.cancel();
-    return this.animationGroups = i, this.timingOptions = s, this.animations = i.flatMap((r) => [...r.animations]), this.applyOffsets(), this.ready = Promise.all(this.animationGroups.map((r) => r.ready)).then(() => {
+    for (const s of n)
+      s.cancel();
+    return this.animationGroups = o, this.timingOptions = i, this.animations = o.flatMap((s) => [...s.animations]), this.applyOffsets(), this.ready = Promise.all(this.animationGroups.map((s) => s.ready)).then(() => {
     }), n;
   }
   async onFinish(e) {
@@ -375,19 +472,19 @@ class Tt extends O {
     }
   }
 }
-class kt {
+class Mt {
   _animation;
   customEffect;
   progress;
   _tickCbId;
   _finishHandler;
-  constructor(e, n, i, s) {
-    const r = new KeyframeEffect(n, [], {
-      ...i,
+  constructor(e, n, o, i) {
+    const s = new KeyframeEffect(n, [], {
+      ...o,
       composite: "add"
-    }), { timeline: c } = s;
-    this._animation = new Animation(r, c), this._tickCbId = null, this.progress = null, this.customEffect = (o) => e(r.target, o), this._finishHandler = (o) => {
-      this.effect.target?.getAnimations().find((m) => m === this._animation) || this.cancel();
+    }), { timeline: a } = i;
+    this._animation = new Animation(s, a), this._tickCbId = null, this.progress = null, this.customEffect = (r) => e(s.target, r), this._finishHandler = (r) => {
+      this.effect.target?.getAnimations().find((f) => f === this._animation) || this.cancel();
     }, this.addEventListener("finish", this._finishHandler), this.addEventListener("remove", this._finishHandler);
   }
   // private tick method for customEffect loop implementation
@@ -505,33 +602,33 @@ class kt {
     this._animation.updatePlaybackRate(e);
   }
   // Animation events API
-  addEventListener(e, n, i) {
-    this._animation.addEventListener(e, n, i);
+  addEventListener(e, n, o) {
+    this._animation.addEventListener(e, n, o);
   }
-  removeEventListener(e, n, i) {
-    this._animation.removeEventListener(e, n, i);
+  removeEventListener(e, n, o) {
+    this._animation.removeEventListener(e, n, o);
   }
   dispatchEvent(e) {
     return this._animation.dispatchEvent(e);
   }
 }
-function $t(t) {
+function Nt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var I = { exports: {} }, F = I.exports, N;
-function Pt() {
-  return N || (N = 1, (function(t) {
+var S = { exports: {} }, F = S.exports, D;
+function Ft() {
+  return D || (D = 1, (function(t) {
     (function(e) {
       var n = function() {
-      }, i = e.requestAnimationFrame || e.webkitRequestAnimationFrame || e.mozRequestAnimationFrame || e.msRequestAnimationFrame || function(a) {
-        return setTimeout(a, 16);
+      }, o = e.requestAnimationFrame || e.webkitRequestAnimationFrame || e.mozRequestAnimationFrame || e.msRequestAnimationFrame || function(c) {
+        return setTimeout(c, 16);
       };
-      function s() {
-        var a = this;
-        a.reads = [], a.writes = [], a.raf = i.bind(e);
+      function i() {
+        var c = this;
+        c.reads = [], c.writes = [], c.raf = o.bind(e);
       }
-      s.prototype = {
-        constructor: s,
+      i.prototype = {
+        constructor: i,
         /**
          * We run this inside a try catch
          * so that if any jobs error, we
@@ -540,8 +637,8 @@ function Pt() {
          *
          * @param {Array} tasks
          */
-        runTasks: function(a) {
-          for (var u; u = a.shift(); ) u();
+        runTasks: function(c) {
+          for (var u; u = c.shift(); ) u();
         },
         /**
          * Adds a job to the read batch and
@@ -551,9 +648,9 @@ function Pt() {
          * @param  {Object} ctx the context to be bound to `fn` (optional).
          * @public
          */
-        measure: function(a, u) {
-          var f = u ? a.bind(u) : a;
-          return this.reads.push(f), r(this), f;
+        measure: function(c, u) {
+          var m = u ? c.bind(u) : c;
+          return this.reads.push(m), s(this), m;
         },
         /**
          * Adds a job to the
@@ -564,9 +661,9 @@ function Pt() {
          * @param  {Object} ctx the context to be bound to `fn` (optional).
          * @public
          */
-        mutate: function(a, u) {
-          var f = u ? a.bind(u) : a;
-          return this.writes.push(f), r(this), f;
+        mutate: function(c, u) {
+          var m = u ? c.bind(u) : c;
+          return this.writes.push(m), s(this), m;
         },
         /**
          * Clears a scheduled 'read' or 'write' task.
@@ -575,8 +672,8 @@ function Pt() {
          * @return {Boolean} success
          * @public
          */
-        clear: function(a) {
-          return o(this.reads, a) || o(this.writes, a);
+        clear: function(c) {
+          return r(this.reads, c) || r(this.writes, c);
         },
         /**
          * Extend this FastDom with some
@@ -612,273 +709,287 @@ function Pt() {
          * @param  {Object} props  properties to mixin
          * @return {FastDom}
          */
-        extend: function(a) {
-          if (typeof a != "object") throw new Error("expected object");
+        extend: function(c) {
+          if (typeof c != "object") throw new Error("expected object");
           var u = Object.create(this);
-          return m(u, a), u.fastdom = this, u.initialize && u.initialize(), u;
+          return f(u, c), u.fastdom = this, u.initialize && u.initialize(), u;
         },
         // override this with a function
         // to prevent Errors in console
         // when tasks throw
         catch: null
       };
-      function r(a) {
-        a.scheduled || (a.scheduled = !0, a.raf(c.bind(null, a)));
+      function s(c) {
+        c.scheduled || (c.scheduled = !0, c.raf(a.bind(null, c)));
       }
-      function c(a) {
-        var u = a.writes, f = a.reads, p;
+      function a(c) {
+        var u = c.writes, m = c.reads, p;
         try {
-          n("flushing reads", f.length), a.runTasks(f), n("flushing writes", u.length), a.runTasks(u);
-        } catch (h) {
-          p = h;
+          n("flushing reads", m.length), c.runTasks(m), n("flushing writes", u.length), c.runTasks(u);
+        } catch (l) {
+          p = l;
         }
-        if (a.scheduled = !1, (f.length || u.length) && r(a), p)
-          if (n("task errored", p.message), a.catch) a.catch(p);
+        if (c.scheduled = !1, (m.length || u.length) && s(c), p)
+          if (n("task errored", p.message), c.catch) c.catch(p);
           else throw p;
       }
-      function o(a, u) {
-        var f = a.indexOf(u);
-        return !!~f && !!a.splice(f, 1);
+      function r(c, u) {
+        var m = c.indexOf(u);
+        return !!~m && !!c.splice(m, 1);
       }
-      function m(a, u) {
-        for (var f in u)
-          u.hasOwnProperty(f) && (a[f] = u[f]);
+      function f(c, u) {
+        for (var m in u)
+          u.hasOwnProperty(m) && (c[m] = u[m]);
       }
-      var l = e.fastdom = e.fastdom || new s();
-      t.exports = l;
+      var d = e.fastdom = e.fastdom || new i();
+      t.exports = d;
     })(typeof window < "u" ? window : typeof F < "u" ? F : globalThis);
-  })(I)), I.exports;
+  })(S)), S.exports;
 }
-var St = Pt();
-const E = /* @__PURE__ */ $t(St), $ = {};
-function Ht(t) {
-  Object.assign($, t);
+var Dt = Ft();
+const w = /* @__PURE__ */ Nt(Dt), P = {};
+function Zt(t) {
+  Object.assign(P, t);
 }
-function qt(t) {
-  return t in $ ? $[t] : (console.warn(
+function Gt(t) {
+  return t in P ? P[t] : (console.warn(
     `${t} not found in registry. Please make sure to import and register the preset.`
   ), null);
 }
-function w(t, e) {
+function I(t, e) {
   return t ? (e || document).getElementById(t) : null;
 }
-function zt(t, e) {
+function Rt(t, e) {
   return t?.matches(`[data-motion-part~="${e}"]`) ? t : t?.querySelector(`[data-motion-part~="${e}"]`);
 }
-function Ct(t) {
+function Lt(t) {
   const e = t.alternate ? "alternate" : "";
   return t.reversed ? `${e ? `${e}-` : ""}reverse` : e || "normal";
 }
 function k(t) {
-  return `${t.value}${gt(t.unit)}`;
+  return `${t.value}${wt(t.unit)}`;
 }
-function x(t, e, n) {
+function G(t, e, n) {
   return `${t.name || "cover"} ${n && t.offset.unit !== "percentage" ? `calc(100% + ${k(t.offset)}${e ? ` + ${e}` : ""})` : e ? `calc(${k(t.offset)} + ${e})` : k(t.offset)}`;
 }
-function j(t) {
+function K(t) {
   return {
-    start: x(t.startOffset, t.startOffsetAdd),
-    end: x(t.endOffset, t.endOffsetAdd, !0)
+    start: G(t.startOffset, t.startOffsetAdd),
+    end: G(t.endOffset, t.endOffsetAdd, !0)
   };
 }
-function L(t) {
-  return (e) => E.measure(() => e(t));
+function V(t) {
+  return (e) => w.measure(() => e(t));
 }
-function W(t) {
-  return (e) => E.mutate(() => e(t));
+function X(t) {
+  return (e) => w.mutate(() => e(t));
 }
-function A(t) {
+function O(t) {
   if (t.namedEffect) {
     const e = t.namedEffect.type;
-    return typeof e == "string" ? qt(e) : null;
+    return typeof e == "string" ? Gt(e) : null;
   } else if (t.keyframeEffect) {
-    const e = (i) => {
-      const { name: s, keyframes: r } = i.keyframeEffect;
-      return [{ ...i, name: s, keyframes: r }];
+    const e = (o) => {
+      const { name: i, keyframes: s } = o.keyframeEffect;
+      return [{ ...o, name: i, keyframes: s }];
     };
-    return { web: e, style: e, getNames: (i) => {
-      const { effectId: s } = i, { name: r } = i.keyframeEffect, c = r || s;
-      return c ? [c] : [];
+    return { web: e, style: e, getNames: (o) => {
+      const { effectId: i } = o, { name: s } = o.keyframeEffect, a = s || i;
+      return a ? [a] : [];
     } };
   } else if (t.customEffect)
     return (e) => [{ ...e, keyframes: [] }];
   return null;
 }
-function H(t, e, n, i) {
-  return t.map((s, r) => {
-    const c = {
-      fill: s.fill,
-      easing: wt(s.easing),
-      iterations: s.iterations === 0 ? 1 / 0 : s.iterations || 1,
-      composite: s.composite,
-      direction: Ct(s)
+function J(t, e, n, o) {
+  return t.map((i, s) => {
+    const a = {
+      fill: i.fill,
+      easing: qt(i.easing),
+      iterations: i.iterations === 0 ? 1 / 0 : i.iterations || 1,
+      composite: i.composite,
+      direction: Lt(i)
     };
-    P(e) ? (c.duration = s.duration, c.delay = s.delay || 0) : e?.trigger === "view-progress" && (i || window.ViewTimeline) ? c.duration = "auto" : (c.duration = 99.99, c.delay = 0.01);
-    const o = _t(s.keyframes);
+    C(e) ? (a.duration = i.duration, a.delay = i.delay || 0) : e?.trigger === "view-progress" && (o || window.ViewTimeline) ? a.duration = "auto" : (a.duration = 99.99, a.delay = 0.01);
+    const r = At(i.keyframes);
     return {
-      effect: o === s.keyframes ? s : { ...s, keyframes: o },
-      options: c,
-      id: n && `${n}-${r + 1}`,
-      part: s.part
+      effect: r === i.keyframes ? i : { ...i, keyframes: r },
+      options: a,
+      id: n && `${n}-${s + 1}`,
+      part: i.part
     };
   });
 }
-function P(t) {
+function C(t) {
   return !t || t.trigger !== "pointer-move" && t.trigger !== "view-progress";
 }
-function M(t, e, n, i, s) {
+function R(t, e, n, o, i) {
   if (t) {
-    if (P(i) && (e.duration = e.duration || 1, s?.reducedMotion))
+    if (C(o) && (e.duration = e.duration || 1, i?.reducedMotion))
       if (e.iterations === 1 || e.iterations == null)
         e = { ...e, duration: 1 };
       else
         return [];
-    let r;
-    return n instanceof HTMLElement && (r = { measure: L(n), mutate: W(n) }), t.web ? t.web(e, r, s) : t(e, r, s);
+    let s;
+    return n instanceof HTMLElement && (s = { measure: V(n), mutate: X(n) }), t.web ? t.web(e, s, i) : t(e, s, i);
   }
   return [];
 }
-function K(t, e, n, i, s) {
-  const r = typeof t == "string" ? w(t, s) : t;
+function U(t, e, n, o, i) {
+  const s = typeof t == "string" ? I(t, i) : t;
   if (n?.trigger === "pointer-move" && !e.keyframeEffect) {
-    let f = e;
-    e.customEffect && (f = {
+    let m = e;
+    e.customEffect && (m = {
       ...e,
       namedEffect: { id: "", type: "CustomMouse" }
     });
-    const p = A(
-      f
-    ), h = M(
+    const p = O(
+      m
+    ), l = R(
       p,
       e,
-      r,
+      s,
       n,
-      i
+      o
     );
-    return typeof h != "function" ? null : h(r);
+    return typeof l != "function" ? null : l(s);
   }
-  const c = A(e), o = M(
-    c,
+  const a = O(e), r = R(
+    a,
     e,
-    r,
+    s,
     n,
-    i
+    o
   );
-  if (!o || o.length === 0)
+  if (!r || r.length === 0)
     return null;
-  const m = H(o, n, e.effectId);
-  let l;
-  const a = n?.trigger === "view-progress";
-  a && window.ViewTimeline && (l = new ViewTimeline({
-    subject: n.element || w(n.componentId)
+  const f = J(r, n, e.effectId);
+  let d;
+  const c = n?.trigger === "view-progress";
+  c && window.ViewTimeline && (d = new ViewTimeline({
+    subject: n.element || I(n.componentId)
   }));
-  const u = m.map(({ effect: f, options: p, id: h, part: d }) => {
-    const v = d ? zt(r, d) : r, g = new KeyframeEffect(v || null, [], p);
-    E.mutate(() => {
-      "timing" in f && g.updateTiming(f.timing), g.setKeyframes(f.keyframes);
+  const u = f.map(({ effect: m, options: p, id: l, part: h }) => {
+    const $ = h ? Rt(s, h) : s, g = new KeyframeEffect($ || null, [], p);
+    w.mutate(() => {
+      "timing" in m && g.updateTiming(m.timing), g.setKeyframes(m.keyframes);
     });
-    const y = a && l ? { timeline: l } : {}, b = typeof f.customEffect == "function" ? new kt(
-      f.customEffect,
-      v || null,
+    const y = c && d ? { timeline: d } : {}, b = typeof m.customEffect == "function" ? new Mt(
+      m.customEffect,
+      $ || null,
       p,
       y
     ) : new Animation(g, y.timeline);
-    if (a)
-      if (l)
-        E.mutate(() => {
-          const { start: _, end: T } = j(f);
-          b.rangeStart = _, b.rangeEnd = T, b.play();
+    if (c)
+      if (d)
+        w.mutate(() => {
+          const { start: v, end: A } = K(m);
+          b.rangeStart = v, b.rangeEnd = A, b.play();
         });
       else {
-        const { startOffset: _, endOffset: T } = e;
-        E.mutate(() => {
-          const S = f.startOffset || _, q = f.endOffset || T;
+        const { startOffset: v, endOffset: A } = e;
+        w.mutate(() => {
+          const q = m.startOffset || v, T = m.endOffset || A;
           Object.assign(b, {
             start: {
-              name: S.name,
-              offset: S.offset?.value,
-              add: f.startOffsetAdd
-            },
-            end: {
               name: q.name,
               offset: q.offset?.value,
-              add: f.endOffsetAdd
+              add: m.startOffsetAdd
+            },
+            end: {
+              name: T.name,
+              offset: T.offset?.value,
+              add: m.endOffsetAdd
             }
           });
         });
       }
-    return h && (b.id = h), b;
+    return l && (b.id = l), b;
   });
-  return new O(u, {
+  return new _(u, {
     ...e,
     trigger: { ...n || {} },
     // make sure the group is ready after all animation targets are measured and mutated
-    measured: new Promise((f) => E.mutate(f))
+    measured: new Promise((m) => w.mutate(m))
   });
 }
-function Ft(t, e) {
+function jt(t, e) {
   return t ? `#${t}${e ? `[data-motion-part~="${e}"]` : ""}` : "";
 }
-function Nt(t, e) {
-  const { duration: n, delay: i, iterations: s = 1, fill: r, easing: c = "linear", direction: o } = t.options, m = t.effect.name, l = n === "auto";
-  return `${m} ${l ? "auto" : `${n}ms`}${l ? " " : ` ${i ?? 0}ms `}${c}${r && r !== "none" ? ` ${r}` : ""} ${!s || s === 1 / 0 ? "infinite" : s}${o === "normal" ? "" : ` ${o}`} ${e ? "" : "paused"}`;
+function Wt(t, e, n) {
+  const { duration: o, delay: i, iterations: s = 1, fill: a, easing: r = "linear", direction: f } = t.options, d = t.effect.name, c = o === "auto", { sequenceId: u, delay: m, offset: p, offsetEasing: l = "linear" } = n || {};
+  let h = `${i ?? 0}ms`;
+  if (u && typeof l == "string") {
+    const $ = xt(l);
+    if ($) {
+      const g = (i ?? 0) + (m ?? 0);
+      if (p) {
+        const y = $(
+          `(var(--motion-${u}-index, 0) / var(--motion-${u}-last, 1))`
+        );
+        h = `calc(${`(${g} + ${y} * ${p} * var(--motion-${u}-last, 1))`} * 1ms)`;
+      } else
+        h = `${g}ms`;
+    }
+  }
+  return `${d} ${c ? "auto" : `${o}ms`}${c ? " " : ` ${h} `}${r}${a && a !== "none" ? ` ${a}` : ""} ${!s || s === 1 / 0 ? "infinite" : s}${f === "normal" ? "" : ` ${f}`} ${e ? "" : "paused"}`;
 }
-function xt(t, e, n) {
-  return t?.style ? (P(n) && (e.duration = e.duration || 1), t.style(e)) : [];
+function Ht(t, e, n) {
+  return t?.style ? (C(n) && (e.duration = e.duration || 1), t.style(e)) : [];
 }
-function Kt(t, e, n) {
-  const i = A(e), s = xt(i, e), r = H(s, n, e.effectId, !0), c = n?.trigger === "view-progress";
-  return r.map((o, m) => {
-    const { start: l, end: a } = c ? j(o.effect) : {};
+function Qt(t, e, n, o) {
+  const i = O(e), s = Ht(i, e), a = J(s, n, e.effectId, !0), r = n?.trigger === "view-progress";
+  return a.map((f, d) => {
+    const { start: c, end: u } = r ? K(f.effect) : {};
     return {
-      target: Ft(t, o.part),
-      animation: Nt(o, c),
-      composition: o.options.composite,
-      custom: o.effect.custom,
-      name: o.effect.name,
-      keyframes: o.effect.keyframes,
-      id: o.id && `${o.id}-${m + 1}`,
-      animationTimeline: c ? `--${n?.id}` : "",
-      animationRange: l || a ? `${l} ${a}` : ""
+      target: jt(t, f.part),
+      animation: Wt(f, r, o),
+      composition: f.options.composite,
+      custom: f.effect.custom,
+      name: f.effect.name,
+      keyframes: f.effect.keyframes,
+      id: f.id && `${f.id}-${d + 1}`,
+      animationTimeline: r ? `--${n?.id}` : "",
+      animationRange: c || u ? `${c} ${u}` : ""
     };
   });
 }
-function Mt(t, e, n) {
-  const i = A(e), s = t instanceof HTMLElement ? t : w(t);
-  if (i && i.prepare && s) {
-    const r = { measure: L(s), mutate: W(s) };
-    i.prepare(e, r);
+function Bt(t, e, n) {
+  const o = O(e), i = t instanceof HTMLElement ? t : I(t);
+  if (o && o.prepare && i) {
+    const s = { measure: V(i), mutate: X(i) };
+    o.prepare(e, s);
   }
-  n && E.mutate(n);
+  n && w.mutate(n);
 }
-function Gt(t, e) {
-  const n = A(e);
+function Kt(t, e) {
+  const n = O(e);
   if (!n)
     return null;
   if (!n.style)
-    return e.effectId && t ? Rt(t, e.effectId) : null;
-  const i = n.getNames(e), r = (typeof t == "string" ? w(t) : t)?.getAnimations(), c = r?.map((m) => m.animationName) || [], o = [];
-  return i.forEach((m) => {
-    c.includes(m) && o.push(
-      r?.find((l) => l.animationName === m)
+    return e.effectId && t ? Vt(t, e.effectId) : null;
+  const o = n.getNames(e), s = (typeof t == "string" ? I(t) : t)?.getAnimations(), a = s?.map((f) => f.animationName) || [], r = [];
+  return o.forEach((f) => {
+    a.includes(f) && r.push(
+      s?.find((d) => d.animationName === f)
     );
-  }), o?.length ? new O(o) : null;
+  }), r?.length ? new _(r) : null;
 }
-function Rt(t, e) {
-  const i = (typeof t == "string" ? w(t) : t)?.getAnimations().filter((s) => {
-    const r = s.id || s.animationName;
-    return r ? r.startsWith(e) : !0;
+function Vt(t, e) {
+  const o = (typeof t == "string" ? I(t) : t)?.getAnimations().filter((i) => {
+    const s = i.id || i.animationName;
+    return s ? s.startsWith(e) : !0;
   });
-  return i?.length ? new O(i) : null;
+  return o?.length ? new _(o) : null;
 }
-function Vt(t, e, n, i = {}) {
-  const { disabled: s, allowActiveEvent: r, ...c } = i, o = K(t, e, n, c);
-  if (!o)
+function te(t, e, n, o = {}) {
+  const { disabled: i, allowActiveEvent: s, ...a } = o, r = U(t, e, n, a);
+  if (!r)
     return null;
-  let m = {};
+  let f = {};
   if (n.trigger === "view-progress" && !window.ViewTimeline) {
-    const l = n.element || w(n.componentId), { ready: a } = o;
-    return o.animations.map((u) => ({
+    const d = n.element || I(n.componentId), { ready: c } = r;
+    return r.animations.map((u) => ({
       /* we use getters for start and end in order to access the animation's start and end
          only when initializing the scrub scene rather than immediately */
       get start() {
@@ -887,140 +998,144 @@ function Vt(t, e, n, i = {}) {
       get end() {
         return u.end;
       },
-      viewSource: l,
-      ready: a,
+      viewSource: d,
+      ready: c,
       getProgress() {
-        return o.getProgress();
+        return r.getProgress();
       },
-      effect(f, p) {
-        const { activeDuration: h } = u.effect.getComputedTiming(), { delay: d } = u.effect.getTiming();
-        u.currentTime = ((d || 0) + (h || 0)) * p;
+      effect(m, p) {
+        const { activeDuration: l } = u.effect.getComputedTiming(), { delay: h } = u.effect.getTiming();
+        u.currentTime = ((h || 0) + (l || 0)) * p;
       },
-      disabled: s,
+      disabled: i,
       destroy() {
         u.cancel();
       }
     }));
   } else if (n.trigger === "pointer-move") {
-    const l = e, { centeredToTarget: a, transitionDuration: u, transitionEasing: f } = l, p = n.axis;
-    if (l.keyframeEffect) {
-      const h = o;
-      return h.animations?.length === 0 ? null : {
+    const d = e, { centeredToTarget: c, transitionDuration: u, transitionEasing: m } = d, p = n.axis;
+    if (d.keyframeEffect) {
+      const l = r;
+      return l.animations?.length === 0 ? null : {
         target: void 0,
-        centeredToTarget: a,
-        ready: h.ready,
+        centeredToTarget: c,
+        ready: l.ready,
         _currentProgress: 0,
         getProgress() {
           return this._currentProgress;
         },
-        effect(v, g) {
+        effect($, g) {
           const y = p === "x" ? g.x : g.y;
-          this._currentProgress = y, h.progress(y);
+          this._currentProgress = y, l.progress(y);
         },
-        disabled: s ?? !1,
+        disabled: i ?? !1,
         destroy() {
-          h.cancel();
+          l.cancel();
         }
       };
     }
-    m = {
-      centeredToTarget: a,
-      allowActiveEvent: r
-    }, e.customEffect && u && (m.transitionDuration = u, m.transitionEasing = D(f)), m.target = o.target;
+    f = {
+      centeredToTarget: c,
+      allowActiveEvent: s
+    }, e.customEffect && u && (f.transitionDuration = u, f.transitionEasing = B(m)), f.target = r.target;
   }
   return {
-    ...m,
+    ...f,
     getProgress() {
-      return o.getProgress();
+      return r.getProgress();
     },
-    effect(l, a, u, f) {
-      o.progress(
+    effect(d, c, u, m) {
+      r.progress(
         u ? {
           // @ts-expect-error spread error on p
-          ...a,
+          ...c,
           v: u,
-          active: f
-        } : a
+          active: m
+        } : c
       );
     },
-    disabled: s,
+    disabled: i,
     destroy() {
-      o.cancel();
+      r.cancel();
     }
   };
 }
-function Dt(t, e, n, i = !1) {
-  const s = Gt(t, e);
-  return s ? (s.ready = new Promise((r) => {
-    Mt(t, e, r);
-  }), s) : K(t, e, n, { reducedMotion: i });
+function Xt(t, e, n, o = !1) {
+  const i = Kt(t, e);
+  return i ? (i.ready = new Promise((s) => {
+    Bt(t, e, s);
+  }), i) : U(t, e, n, { reducedMotion: o });
 }
-function jt(t) {
+function Jt(t) {
   return t === null ? [null] : typeof t == "string" ? Array.from(document.querySelectorAll(t)) : Array.isArray(t) ? t : [t];
 }
-function Lt(t, e) {
+function Ut(t, e) {
   const n = [];
-  for (const { target: i, options: s } of t) {
-    const r = jt(i);
-    for (const c of r) {
-      const o = Dt(
-        c,
-        s,
+  for (const { target: o, options: i } of t) {
+    const s = Jt(o);
+    for (const a of s) {
+      const r = Xt(
+        a,
+        i,
         void 0,
         e?.reducedMotion
       );
-      o instanceof O && n.push(o);
+      r instanceof _ && n.push(r);
     }
   }
   return n;
 }
-function Bt(t, e, n) {
-  const i = Lt(e, n);
-  return new Tt(i, t);
+function ee(t, e, n) {
+  const o = Ut(e, n);
+  return new zt(o, t);
 }
 export {
-  ht as backIn,
-  pt as backInOut,
-  dt as backOut,
-  ft as circIn,
-  lt as circInOut,
-  mt as circOut,
-  Lt as createAnimationGroups,
-  C as cssEasings,
-  J as cubicIn,
-  tt as cubicInOut,
-  Q as cubicOut,
-  at as expoIn,
-  ut as expoInOut,
-  ct as expoOut,
-  Dt as getAnimation,
-  Kt as getCSSAnimation,
-  gt as getCssUnits,
-  wt as getEasing,
-  Rt as getElementAnimation,
-  Gt as getElementCSSAnimation,
-  D as getJsEasing,
-  Vt as getScrubScene,
-  Bt as getSequence,
-  K as getWebAnimation,
+  yt as backIn,
+  vt as backInOut,
+  bt as backOut,
+  pt as circIn,
+  $t as circInOut,
+  gt as circOut,
+  Ut as createAnimationGroups,
+  N as cssEasings,
+  E as cubicBezierCalc,
+  Tt as cubicBezierEasing,
+  it as cubicIn,
+  ot as cubicInOut,
+  st as cubicOut,
+  lt as expoIn,
+  ht as expoInOut,
+  dt as expoOut,
+  Xt as getAnimation,
+  Qt as getCSSAnimation,
+  wt as getCssUnits,
+  qt as getEasing,
+  Vt as getElementAnimation,
+  Kt as getElementCSSAnimation,
+  B as getJsEasing,
+  xt as getJsEasingInCSS,
+  te as getScrubScene,
+  ee as getSequence,
+  U as getWebAnimation,
   z as jsEasings,
-  G as linear,
-  _t as normalizeKeyframes,
-  Mt as prepareAnimation,
-  U as quadIn,
-  Z as quadInOut,
-  Y as quadOut,
-  et as quartIn,
-  it as quartInOut,
-  nt as quartOut,
-  st as quintIn,
-  ot as quintInOut,
-  rt as quintOut,
-  Ht as registerEffects,
-  V as sineIn,
-  X as sineInOut,
-  B as sineOut,
-  Wt as toCSSPropertyName,
-  vt as toWAAPIPropertyName
+  M as jsEasingsInCSS,
+  L as linear,
+  At as normalizeKeyframes,
+  Bt as prepareAnimation,
+  tt as quadIn,
+  nt as quadInOut,
+  et as quadOut,
+  rt as quartIn,
+  ct as quartInOut,
+  at as quartOut,
+  ut as quintIn,
+  mt as quintInOut,
+  ft as quintOut,
+  Zt as registerEffects,
+  Y as sineIn,
+  Q as sineInOut,
+  Z as sineOut,
+  Yt as toCSSPropertyName,
+  Ot as toWAAPIPropertyName
 };
 //# sourceMappingURL=motion.js.map