@wix/interact 2.3.0 → 2.4.0

package/dist/{index-CBaynReP.mjs → index-C6u4q815.mjs}

@@ -1,15 +1,15 @@
-function gt(t) {
+function vt(t) {
   return [...t.matchAll(/\[([-\w]+)]/g)].map(([e, n]) => n);
 }
 function $(t, e) {
-  const n = gt(e);
+  const n = vt(e);
   let s = 0;
   return n.length ? t.replace(/\[]/g, () => {
     const i = n[s++];
     return i !== void 0 ? `[${i}]` : "[]";
   }) : t;
 }
-function vt(t, e) {
+function yt(t, e) {
   return t.trigger === "viewEnter" && e.triggerType === "once" && G(t) === G(e);
 }
 function G(t) {
@@ -79,8 +79,8 @@ class V {
       if (n && !this.isCSS) {
         const s = n.effect?.target;
         if (s) {
-          const i = new Event("animationend");
-          s.dispatchEvent(i);
+          const i = this.options?.effectId || n.id, r = new CustomEvent("animationend", { detail: { effectId: i } });
+          s.dispatchEvent(r);
         }
       }
       e();
@@ -109,7 +109,13 @@ class V {
     return Promise.all(this.animations.map((e) => e.finished));
   }
   get playState() {
-    return this.animations[0]?.playState;
+    return this.animations.some((e) => e.playState === "running") ? "running" : this.animations[0]?.playState;
+  }
+  hasAnimationName(e) {
+    return this.animations.some((n) => n.animationName === e);
+  }
+  hasAnimationId(e) {
+    return this.animations.some((n) => n.id === e);
   }
   getTimingOptions() {
     return this.animations.map((e) => {
@@ -122,32 +128,32 @@ class V {
     });
   }
 }
-const je = (t) => t, yt = (t) => 1 - Math.cos(t * Math.PI / 2), Et = (t) => Math.sin(t * Math.PI / 2), wt = (t) => -(Math.cos(Math.PI * t) - 1) / 2, bt = (t) => t ** 2, St = (t) => 1 - (1 - t) ** 2, Tt = (t) => t < 0.5 ? 2 * t ** 2 : 1 - (-2 * t + 2) ** 2 / 2, It = (t) => t ** 3, Ot = (t) => 1 - (1 - t) ** 3, Ct = (t) => t < 0.5 ? 4 * t ** 3 : 1 - (-2 * t + 2) ** 3 / 2, kt = (t) => t ** 4, At = (t) => 1 - (1 - t) ** 4, $t = (t) => t < 0.5 ? 8 * t ** 4 : 1 - (-2 * t + 2) ** 4 / 2, _t = (t) => t ** 5, qt = (t) => 1 - (1 - t) ** 5, Mt = (t) => t < 0.5 ? 16 * t ** 5 : 1 - (-2 * t + 2) ** 5 / 2, xt = (t) => t === 0 ? 0 : 2 ** (10 * t - 10), Pt = (t) => t === 1 ? 1 : 1 - 2 ** (-10 * t), Lt = (t) => t === 0 ? 0 : t === 1 ? 1 : t < 0.5 ? 2 ** (20 * t - 10) / 2 : (2 - 2 ** (-20 * t + 10)) / 2, Rt = (t) => 1 - Math.sqrt(1 - t ** 2), Ft = (t) => Math.sqrt(1 - (t - 1) ** 2), Nt = (t) => t < 0.5 ? (1 - Math.sqrt(1 - 4 * t ** 2)) / 2 : (Math.sqrt(-(2 * t - 3) * (2 * t - 1)) + 1) / 2, zt = (t) => 2.70158 * t ** 3 - 1.70158 * t ** 2, Ht = (t) => 1 + 2.70158 * (t - 1) ** 3 + 1.70158 * (t - 1) ** 2, jt = (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, Te = {
+const je = (t) => t, Et = (t) => 1 - Math.cos(t * Math.PI / 2), wt = (t) => Math.sin(t * Math.PI / 2), bt = (t) => -(Math.cos(Math.PI * t) - 1) / 2, St = (t) => t ** 2, Tt = (t) => 1 - (1 - t) ** 2, It = (t) => t < 0.5 ? 2 * t ** 2 : 1 - (-2 * t + 2) ** 2 / 2, Ot = (t) => t ** 3, At = (t) => 1 - (1 - t) ** 3, Ct = (t) => t < 0.5 ? 4 * t ** 3 : 1 - (-2 * t + 2) ** 3 / 2, kt = (t) => t ** 4, $t = (t) => 1 - (1 - t) ** 4, _t = (t) => t < 0.5 ? 8 * t ** 4 : 1 - (-2 * t + 2) ** 4 / 2, qt = (t) => t ** 5, Mt = (t) => 1 - (1 - t) ** 5, xt = (t) => t < 0.5 ? 16 * t ** 5 : 1 - (-2 * t + 2) ** 5 / 2, Pt = (t) => t === 0 ? 0 : 2 ** (10 * t - 10), Lt = (t) => t === 1 ? 1 : 1 - 2 ** (-10 * t), Rt = (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), Nt = (t) => Math.sqrt(1 - (t - 1) ** 2), zt = (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, jt = (t) => 1 + 2.70158 * (t - 1) ** 3 + 1.70158 * (t - 1) ** 2, Dt = (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, Te = {
   linear: je,
-  sineIn: yt,
-  sineOut: Et,
-  sineInOut: wt,
-  quadIn: bt,
-  quadOut: St,
-  quadInOut: Tt,
-  cubicIn: It,
-  cubicOut: Ot,
+  sineIn: Et,
+  sineOut: wt,
+  sineInOut: bt,
+  quadIn: St,
+  quadOut: Tt,
+  quadInOut: It,
+  cubicIn: Ot,
+  cubicOut: At,
   cubicInOut: Ct,
   quartIn: kt,
-  quartOut: At,
-  quartInOut: $t,
-  quintIn: _t,
-  quintOut: qt,
-  quintInOut: Mt,
-  expoIn: xt,
-  expoOut: Pt,
-  expoInOut: Lt,
-  circIn: Rt,
-  circOut: Ft,
-  circInOut: Nt,
-  backIn: zt,
-  backOut: Ht,
-  backInOut: jt
+  quartOut: $t,
+  quartInOut: _t,
+  quintIn: qt,
+  quintOut: Mt,
+  quintInOut: xt,
+  expoIn: Pt,
+  expoOut: Lt,
+  expoInOut: Rt,
+  circIn: Ft,
+  circOut: Nt,
+  circInOut: zt,
+  backIn: Ht,
+  backOut: jt,
+  backInOut: Dt
 }, Ie = {
   linear: "linear",
   ease: "ease",
@@ -179,14 +185,14 @@ const je = (t) => t, yt = (t) => 1 - Math.cos(t * Math.PI / 2), Et = (t) => Math
   backOut: "cubic-bezier(0.175, 0.885, 0.32, 1.275)",
   backInOut: "cubic-bezier(0.68, -0.55, 0.265, 1.55)"
 };
-function Dt(t) {
+function Gt(t) {
   return t === "percentage" ? "%" : t || "px";
 }
 function J(t) {
   return t ? Ie[t] || t : Ie.linear;
 }
-function Gt(t, e, n, s) {
-  const i = 3 * t, r = 3 * (n - t) - i, o = 1 - i - r, c = 3 * e, a = 3 * (s - e) - c, l = 1 - c - a, f = (p) => ((o * p + r) * p + i) * p, u = (p) => ((l * p + a) * p + c) * p, d = (p) => (3 * o * p + 2 * r) * p + i;
+function Wt(t, e, n, s) {
+  const i = 3 * t, r = 3 * (n - t) - i, o = 1 - i - r, a = 3 * e, c = 3 * (s - e) - a, l = 1 - a - c, f = (p) => ((o * p + r) * p + i) * p, u = (p) => ((l * p + c) * p + a) * p, d = (p) => (3 * o * p + 2 * r) * p + i;
   function g(p) {
     let m = p;
     for (let y = 0; y < 8; y++) {
@@ -206,32 +212,32 @@ function Gt(t, e, n, s) {
   }
   return (p) => p <= 0 ? 0 : p >= 1 ? 1 : u(g(p));
 }
-function Wt(t) {
+function Vt(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]), s = parseFloat(e[2]), i = parseFloat(e[3]), r = parseFloat(e[4]);
   if (![n, s, i, r].some(isNaN))
-    return Gt(n, s, i, r);
+    return Wt(n, s, i, r);
 }
-function Vt(t) {
+function Yt(t) {
   const e = t.match(/^linear\((.+)\)$/);
   if (!e) return;
   const n = e[1].split(",").map((o) => o.trim()).filter(Boolean);
   if (n.length === 0) return;
   const s = [];
   for (const o of n) {
-    const c = o.split(/\s+/), a = parseFloat(c[0]);
-    if (isNaN(a)) return;
+    const a = o.split(/\s+/), c = parseFloat(a[0]);
+    if (isNaN(c)) return;
     const l = [];
-    for (let f = 1; f < c.length; f++)
-      if (c[f].endsWith("%")) {
-        const u = parseFloat(c[f]) / 100;
+    for (let f = 1; f < a.length; f++)
+      if (a[f].endsWith("%")) {
+        const u = parseFloat(a[f]) / 100;
         if (isNaN(u)) return;
         l.push(u);
       }
-    l.length === 0 ? s.push({ output: a, pos: null }) : l.length === 1 ? s.push({ output: a, pos: l[0] }) : (s.push({ output: a, pos: l[0] }), s.push({ output: a, pos: l[1] }));
+    l.length === 0 ? s.push({ output: c, pos: null }) : l.length === 1 ? s.push({ output: c, pos: l[0] }) : (s.push({ output: c, pos: l[0] }), s.push({ output: c, pos: l[1] }));
   }
   if (s.length === 0) return;
   s[0].pos === null && (s[0].pos = 0), s[s.length - 1].pos === null && (s[s.length - 1].pos = 1);
@@ -239,12 +245,12 @@ function Vt(t) {
   for (; i < s.length; )
     if (s[i].pos === null) {
       const o = i - 1;
-      let c = i;
-      for (; c < s.length && s[c].pos === null; ) c++;
-      const a = s[o].pos, l = s[c].pos, f = c - o;
-      for (let u = o + 1; u < c; u++)
-        s[u].pos = a + (l - a) * (u - o) / f;
-      i = c + 1;
+      let a = i;
+      for (; a < s.length && s[a].pos === null; ) a++;
+      const c = s[o].pos, l = s[a].pos, f = a - o;
+      for (let u = o + 1; u < a; u++)
+        s[u].pos = c + (l - c) * (u - o) / f;
+      i = a + 1;
     } else
       i++;
   for (let o = 1; o < s.length; o++)
@@ -252,23 +258,23 @@ function Vt(t) {
   const r = s;
   return (o) => {
     if (o <= r[0].pos) return r[0].output;
-    const c = r[r.length - 1];
-    if (o >= c.pos) return c.output;
-    let a = 0, l = r.length - 1;
-    for (; a < l - 1; ) {
-      const d = a + l >>> 1;
-      r[d].pos <= o ? a = d : l = d;
+    const a = r[r.length - 1];
+    if (o >= a.pos) return a.output;
+    let c = 0, l = r.length - 1;
+    for (; c < l - 1; ) {
+      const d = c + l >>> 1;
+      r[d].pos <= o ? c = d : l = d;
     }
-    const f = r[a], u = r[l];
+    const f = r[c], u = r[l];
     return u.pos === f.pos ? u.output : f.output + (u.output - f.output) * (o - f.pos) / (u.pos - f.pos);
   };
 }
 function be(t) {
   if (!t) return;
   const e = Te[t];
-  return e || (Wt(t) ?? Vt(t) ?? Te.linear);
+  return e || (Vt(t) ?? Yt(t) ?? Te.linear);
 }
-class Yt extends V {
+class Bt extends V {
   animationGroups;
   delay;
   offset;
@@ -276,10 +282,10 @@ class Yt extends V {
   timingOptions;
   constructor(e, n = {}) {
     const s = e.flatMap((i) => [...i.animations]);
-    super(s), this.animationGroups = e, this.delay = n.delay ?? 0, this.offset = n.offset ?? 0, this.offsetEasing = typeof n.offsetEasing == "function" ? n.offsetEasing : be(n.offsetEasing) ?? je, this.timingOptions = this.animationGroups.map((i) => i.getTimingOptions().map(({ delay: r, duration: o, iterations: c }) => ({
+    super(s), this.animationGroups = e, this.delay = n.delay ?? 0, this.offset = n.offset ?? 0, this.offsetEasing = typeof n.offsetEasing == "function" ? n.offsetEasing : be(n.offsetEasing) ?? je, this.timingOptions = this.animationGroups.map((i) => i.getTimingOptions().map(({ delay: r, duration: o, iterations: a }) => ({
       delay: r,
       duration: Number.isFinite(o) ? o : 0,
-      iterations: Number.isFinite(c) ? c : 1
+      iterations: Number.isFinite(a) ? a : 1
     }))), this.applyOffsets(), this.ready = Promise.all(e.map((i) => i.ready)).then(() => {
     });
   }
@@ -302,10 +308,10 @@ class Yt extends V {
     const e = this.calculateOffsets(), n = this.getSequenceActiveDuration(e);
     this.animationGroups.forEach((s, i) => {
       s.animations.forEach((r, o) => {
-        const c = r.effect;
-        if (!c) return;
-        const { delay: a, duration: l, iterations: f } = this.timingOptions[i][o], u = a + e[i], d = n - (u + l * f);
-        c.updateTiming({ delay: u + this.delay, endDelay: d });
+        const a = r.effect;
+        if (!a) return;
+        const { delay: c, duration: l, iterations: f } = this.timingOptions[i][o], u = c + e[i], d = n - (u + l * f);
+        a.updateTiming({ delay: u + this.delay, endDelay: d });
       });
     });
   }
@@ -314,8 +320,8 @@ class Yt extends V {
     for (let s = 0; s < this.timingOptions.length; s++) {
       const i = this.timingOptions[s].reduce((r, o) => {
         if (!o) return r;
-        const { delay: c, duration: a, iterations: l } = o;
-        return Math.max(r, c + a * l);
+        const { delay: a, duration: c, iterations: l } = o;
+        return Math.max(r, a + c * l);
       }, 0);
       n.push(e[s] + i);
     }
@@ -332,8 +338,8 @@ class Yt extends V {
     for (const { index: s, group: i } of n) {
       const r = Math.min(s, this.animationGroups.length);
       this.animationGroups.splice(r, 0, i), this.timingOptions.splice(r, 0, i.getTimingOptions());
-      const o = [...i.animations], c = this.animationGroups.slice(0, r).reduce((a, l) => a + l.animations.length, 0);
-      this.animations.splice(c, 0, ...o);
+      const o = [...i.animations], a = this.animationGroups.slice(0, r).reduce((c, l) => c + l.animations.length, 0);
+      this.animations.splice(a, 0, ...o);
     }
     this.applyOffsets(), this.ready = Promise.all(this.animationGroups.map((s) => s.ready)).then(() => {
     });
@@ -372,8 +378,8 @@ class Kt {
       ...s,
       composite: "add"
     }), { timeline: o } = i;
-    this._animation = new Animation(r, o), this._tickCbId = null, this.progress = null, this.customEffect = (c) => e(r.target, c), this._finishHandler = (c) => {
-      this.effect.target?.getAnimations().find((a) => a === this._animation) || this.cancel();
+    this._animation = new Animation(r, o), this._tickCbId = null, this.progress = null, this.customEffect = (a) => e(r.target, a), this._finishHandler = (a) => {
+      this.effect.target?.getAnimations().find((c) => c === this._animation) || this.cancel();
     }, this.addEventListener("finish", this._finishHandler), this.addEventListener("remove", this._finishHandler);
   }
   // private tick method for customEffect loop implementation
@@ -501,12 +507,12 @@ class Kt {
     return this._animation.dispatchEvent(e);
   }
 }
-function Bt(t) {
+function Qt(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var ee = { exports: {} }, Oe = ee.exports, Ce;
-function Qt() {
-  return Ce || (Ce = 1, (function(t) {
+var ee = { exports: {} }, Oe = ee.exports, Ae;
+function Ut() {
+  return Ae || (Ae = 1, (function(t) {
     (function(e) {
       var n = function() {
       }, s = e.requestAnimationFrame || e.webkitRequestAnimationFrame || e.mozRequestAnimationFrame || e.msRequestAnimationFrame || function(f) {
@@ -562,7 +568,7 @@ function Qt() {
          * @public
          */
         clear: function(f) {
-          return c(this.reads, f) || c(this.writes, f);
+          return a(this.reads, f) || a(this.writes, f);
         },
         /**
          * Extend this FastDom with some
@@ -601,7 +607,7 @@ function Qt() {
         extend: function(f) {
           if (typeof f != "object") throw new Error("expected object");
           var u = Object.create(this);
-          return a(u, f), u.fastdom = this, u.initialize && u.initialize(), u;
+          return c(u, f), u.fastdom = this, u.initialize && u.initialize(), u;
         },
         // override this with a function
         // to prevent Errors in console
@@ -622,11 +628,11 @@ function Qt() {
           if (n("task errored", g.message), f.catch) f.catch(g);
           else throw g;
       }
-      function c(f, u) {
+      function a(f, u) {
         var d = f.indexOf(u);
         return !!~d && !!f.splice(d, 1);
       }
-      function a(f, u) {
+      function c(f, u) {
         for (var d in u)
           u.hasOwnProperty(d) && (f[d] = u[d]);
       }
@@ -635,12 +641,12 @@ function Qt() {
     })(typeof window < "u" ? window : typeof Oe < "u" ? Oe : globalThis);
   })(ee)), ee.exports;
 }
-var Ut = Qt();
-const O = /* @__PURE__ */ Bt(Ut), de = {};
-function Xt(t) {
+var Xt = Ut();
+const O = /* @__PURE__ */ Qt(Xt), de = {};
+function Zt(t) {
   Object.assign(de, t);
 }
-function Zt(t) {
+function Jt(t) {
   return t in de ? de[t] : (console.warn(
     `${t} not found in registry. Please make sure to import and register the preset.`
   ), null);
@@ -648,23 +654,23 @@ function Zt(t) {
 function N(t, e) {
   return t ? (e || document).getElementById(t) : null;
 }
-function Jt(t, e) {
+function en(t, e) {
   return t?.matches(`[data-motion-part~="${e}"]`) ? t : t?.querySelector(`[data-motion-part~="${e}"]`);
 }
-function en(t) {
+function tn(t) {
   const e = t.alternate ? "alternate" : "";
   return t.reversed ? `${e ? `${e}-` : ""}reverse` : e || "normal";
 }
-function ae(t) {
-  return `${t.value}${Dt(t.unit)}`;
+function ce(t) {
+  return `${t.value}${Gt(t.unit)}`;
 }
-function ke(t, e, n) {
-  return `${t.name || "cover"} ${n && t.offset.unit !== "percentage" ? `calc(100% + ${ae(t.offset)}${e ? ` + ${e}` : ""})` : e ? `calc(${ae(t.offset)} + ${e})` : ae(t.offset)}`;
+function Ce(t, e, n) {
+  return `${t.name || "cover"} ${n && t.offset.unit !== "percentage" ? `calc(100% + ${ce(t.offset)}${e ? ` + ${e}` : ""})` : e ? `calc(${ce(t.offset)} + ${e})` : ce(t.offset)}`;
 }
 function De(t) {
   return {
-    start: ke(t.startOffset, t.startOffsetAdd),
-    end: ke(t.endOffset, t.endOffsetAdd, !0)
+    start: Ce(t.startOffset, t.startOffsetAdd),
+    end: Ce(t.endOffset, t.endOffsetAdd, !0)
   };
 }
 function Ge(t) {
@@ -676,7 +682,7 @@ function We(t) {
 function W(t) {
   if (t.namedEffect) {
     const e = t.namedEffect.type;
-    return typeof e == "string" ? Zt(e) : null;
+    return typeof e == "string" ? Jt(e) : null;
   } else if (t.keyframeEffect) {
     const e = (s) => {
       const { name: i, keyframes: r } = s.keyframeEffect;
@@ -697,7 +703,7 @@ function Ve(t, e, n, s) {
       easing: J(i.easing),
       iterations: i.iterations === 0 ? 1 / 0 : i.iterations || 1,
       composite: i.composite,
-      direction: en(i)
+      direction: tn(i)
     };
     return Se(e) ? (o.duration = i.duration, o.delay = i.delay || 0) : e?.trigger === "view-progress" && (s || window.ViewTimeline) ? o.duration = "auto" : (o.duration = 99.99, o.delay = 0.01), {
       effect: i,
@@ -710,7 +716,7 @@ function Ve(t, e, n, s) {
 function Se(t) {
   return !t || t.trigger !== "pointer-move" && t.trigger !== "view-progress";
 }
-function Ae(t, e, n, s, i) {
+function ke(t, e, n, s, i) {
   if (t) {
     if (Se(s) && (e.duration = e.duration || 1, i?.reducedMotion))
       if (e.iterations === 1 || e.iterations == null)
@@ -732,7 +738,7 @@ function Ye(t, e, n, s, i) {
     });
     const g = W(
       d
-    ), p = Ae(
+    ), p = ke(
       g,
       e,
       r,
@@ -741,23 +747,23 @@ function Ye(t, e, n, s, i) {
     );
     return typeof p != "function" ? null : p(r);
   }
-  const o = W(e), c = Ae(
+  const o = W(e), a = ke(
     o,
     e,
     r,
     n,
     s
   );
-  if (!c || c.length === 0)
+  if (!a || a.length === 0)
     return null;
-  const a = Ve(c, n, e.effectId);
+  const c = Ve(a, n, e.effectId);
   let l;
   const f = n?.trigger === "view-progress";
   f && window.ViewTimeline && (l = new ViewTimeline({
     subject: n.element || N(n.componentId)
   }));
-  const u = a.map(({ effect: d, options: g, id: p, part: m }) => {
-    const h = m ? Jt(r, m) : r, v = new KeyframeEffect(h || null, [], g);
+  const u = c.map(({ effect: d, options: g, id: p, part: m }) => {
+    const h = m ? en(r, m) : r, v = new KeyframeEffect(h || null, [], g);
     O.mutate(() => {
       "timing" in d && v.updateTiming(d.timing), v.setKeyframes(d.keyframes);
     });
@@ -800,34 +806,34 @@ function Ye(t, e, n, s, i) {
     measured: new Promise((d) => O.mutate(d))
   });
 }
-function tn(t, e) {
+function nn(t, e) {
   return t ? `#${t}${e ? `[data-motion-part~="${e}"]` : ""}` : "";
 }
-function nn(t, e) {
-  const { duration: n, delay: s, iterations: i = 1, fill: r, easing: o = "linear", direction: c } = t.options, a = t.effect.name, l = n === "auto";
-  return `${a} ${l ? "auto" : `${n}ms`}${l ? " " : ` ${s || 1}ms `}${o}${r && r !== "none" ? ` ${r}` : ""} ${!i || i === 1 / 0 ? "infinite" : i}${c === "normal" ? "" : ` ${c}`} ${e ? "" : "paused"}`;
+function sn(t, e) {
+  const { duration: n, delay: s, iterations: i = 1, fill: r, easing: o = "linear", direction: a } = t.options, c = t.effect.name, l = n === "auto";
+  return `${c} ${l ? "auto" : `${n}ms`}${l ? " " : ` ${s || 1}ms `}${o}${r && r !== "none" ? ` ${r}` : ""} ${!i || i === 1 / 0 ? "infinite" : i}${a === "normal" ? "" : ` ${a}`} ${e ? "" : "paused"}`;
 }
-function sn(t, e, n) {
+function rn(t, e, n) {
   return t?.style ? (Se(n) && (e.duration = e.duration || 1), t.style(e)) : [];
 }
-function rn(t, e, n) {
-  const s = W(e), i = sn(s, e), r = Ve(i, n, e.effectId, !0), o = n?.trigger === "view-progress";
-  return r.map((c, a) => {
-    const { start: l, end: f } = o ? De(c.effect) : {};
+function on(t, e, n) {
+  const s = W(e), i = rn(s, e), r = Ve(i, n, e.effectId, !0), o = n?.trigger === "view-progress";
+  return r.map((a, c) => {
+    const { start: l, end: f } = o ? De(a.effect) : {};
     return {
-      target: tn(t, c.part),
-      animation: nn(c, o),
-      composition: c.options.composite,
-      custom: c.effect.custom,
-      name: c.effect.name,
-      keyframes: c.effect.keyframes,
-      id: c.id && `${c.id}-${a + 1}`,
+      target: nn(t, a.part),
+      animation: sn(a, o),
+      composition: a.options.composite,
+      custom: a.effect.custom,
+      name: a.effect.name,
+      keyframes: a.effect.keyframes,
+      id: a.id && `${a.id}-${c + 1}`,
       animationTimeline: o ? `--${n?.id}` : "",
       animationRange: l || f ? `${l} ${f}` : ""
     };
   });
 }
-function on(t, e, n) {
+function an(t, e, n) {
   const s = W(e), i = t instanceof HTMLElement ? t : N(t);
   if (s && s.prepare && i) {
     const r = { measure: Ge(i), mutate: We(i) };
@@ -835,20 +841,20 @@ function on(t, e, n) {
   }
   n && O.mutate(n);
 }
-function cn(t, e) {
+function Be(t, e) {
   const n = W(e);
   if (!n)
     return null;
   if (!n.style)
-    return e.effectId && t ? an(t, e.effectId) : null;
-  const s = n.getNames(e), r = (typeof t == "string" ? N(t) : t)?.getAnimations(), o = r?.map((a) => a.animationName) || [], c = [];
-  return s.forEach((a) => {
-    o.includes(a) && c.push(
-      r?.find((l) => l.animationName === a)
+    return e.effectId && t ? cn(t, e.effectId) : null;
+  const s = n.getNames(e), r = (typeof t == "string" ? N(t) : t)?.getAnimations(), o = r?.map((c) => c.animationName) || [], a = [];
+  return s.forEach((c) => {
+    o.includes(c) && a.push(
+      r?.find((l) => l.animationName === c)
     );
-  }), c?.length ? new V(c) : null;
+  }), a?.length ? new V(a) : null;
 }
-function an(t, e) {
+function cn(t, e) {
   const s = (typeof t == "string" ? N(t) : t)?.getAnimations().filter((i) => {
     const r = i.id || i.animationName;
     return r ? r.startsWith(e) : !0;
@@ -856,13 +862,13 @@ function an(t, e) {
   return s?.length ? new V(s) : null;
 }
 function Ke(t, e, n, s = {}) {
-  const { disabled: i, allowActiveEvent: r, ...o } = s, c = Ye(t, e, n, o);
-  if (!c)
+  const { disabled: i, allowActiveEvent: r, ...o } = s, a = Ye(t, e, n, o);
+  if (!a)
     return null;
-  let a = {};
+  let c = {};
   if (n.trigger === "view-progress" && !window.ViewTimeline) {
-    const l = n.element || N(n.componentId), { ready: f } = c;
-    return c.animations.map((u) => ({
+    const l = n.element || N(n.componentId), { ready: f } = a;
+    return a.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() {
@@ -874,7 +880,7 @@ function Ke(t, e, n, s = {}) {
       viewSource: l,
       ready: f,
       getProgress() {
-        return c.getProgress();
+        return a.getProgress();
       },
       effect(d, g) {
         const { activeDuration: p } = u.effect.getComputedTiming(), { delay: m } = u.effect.getTiming();
@@ -888,7 +894,7 @@ function Ke(t, e, n, s = {}) {
   } else if (n.trigger === "pointer-move") {
     const l = e, { centeredToTarget: f, transitionDuration: u, transitionEasing: d } = l, g = n.axis;
     if (l.keyframeEffect) {
-      const p = c;
+      const p = a;
       return p.animations?.length === 0 ? null : {
         target: void 0,
         centeredToTarget: f,
@@ -907,18 +913,18 @@ function Ke(t, e, n, s = {}) {
         }
       };
     }
-    a = {
+    c = {
       centeredToTarget: f,
       allowActiveEvent: r
-    }, e.customEffect && u && (a.transitionDuration = u, a.transitionEasing = be(d)), a.target = c.target;
+    }, e.customEffect && u && (c.transitionDuration = u, c.transitionEasing = be(d)), c.target = a.target;
   }
   return {
-    ...a,
+    ...c,
     getProgress() {
-      return c.getProgress();
+      return a.getProgress();
     },
     effect(l, f, u, d) {
-      c.progress(
+      a.progress(
         u ? {
           // @ts-expect-error spread error on p
           ...f,
@@ -929,38 +935,38 @@ function Ke(t, e, n, s = {}) {
     },
     disabled: i,
     destroy() {
-      c.cancel();
+      a.cancel();
     }
   };
 }
 function Y(t, e, n, s = !1) {
-  const i = cn(t, e);
+  const i = Be(t, e);
   return i ? (i.ready = new Promise((r) => {
-    on(t, e, r);
+    an(t, e, r);
   }), i) : Ye(t, e, n, { reducedMotion: s });
 }
 function fn(t) {
   return t === null ? [null] : typeof t == "string" ? Array.from(document.querySelectorAll(t)) : Array.isArray(t) ? t : [t];
 }
-function Be(t, e) {
+function Qe(t, e) {
   const n = [];
   for (const { target: s, options: i } of t) {
     const r = fn(s);
     for (const o of r) {
-      const c = Y(
+      const a = Y(
         o,
         i,
         void 0,
         e?.reducedMotion
       );
-      c instanceof V && n.push(c);
+      a instanceof V && n.push(a);
     }
   }
   return n;
 }
 function ln(t, e, n) {
-  const s = Be(e, n);
-  return new Yt(s, t);
+  const s = Qe(e, n);
+  return new Bt(s, t);
 }
 function un(t, e = 2) {
   return parseFloat(t.toFixed(e));
@@ -978,15 +984,15 @@ function pn(t, e, n, s) {
   const i = t.length - 1;
   t.forEach((r, o) => {
     if (r) {
-      const c = o ? s(o / i) * i * n | 0 : 0;
-      r.delay = e + c + (r.delay || 0);
+      const a = o ? s(o / i) * i * n | 0 : 0;
+      r.delay = e + a + (r.delay || 0);
     }
   });
 }
 function te(t, e) {
   return e.includes("&") ? e.replace(/&/g, t) : `${t}${e}`;
 }
-function A() {
+function k() {
   return "wi-12343210".replace(
     /\d/g,
     (t) => String.fromCharCode(
@@ -995,17 +1001,17 @@ function A() {
     // 97 for "a"
   );
 }
-function Qe(t) {
+function Ue(t) {
   let { transition: e, transitionProperties: n } = t, s = [];
   if (e?.styleProperties) {
     const { duration: i, easing: r, delay: o } = e;
     i && (e.styleProperties.some(
-      (a) => a.name.startsWith("--")
+      (c) => c.name.startsWith("--")
     ) ? s = [
       `all ${i}ms ${J(r || "ease")}${o ? ` ${o}ms` : ""}`,
       "visibility 0s"
     ] : s = e.styleProperties.map(
-      (a) => `${a.name} ${i}ms ${J(
+      (c) => `${c.name} ${i}ms ${J(
         r || "ease"
       )}${o ? ` ${o}ms` : ""}`
     ));
@@ -1023,52 +1029,52 @@ function gn({
   childSelector: i = "> :first-child",
   selectorCondition: r
 }) {
-  const o = Qe({
+  const o = Ue({
     transition: n,
     transitionProperties: s
-  }), c = (n?.styleProperties || s)?.map(
+  }), a = (n?.styleProperties || s)?.map(
     (p) => `${p.name}: ${p.value};`
-  ) || [], a = t.replace(/"/g, "'"), l = `:is(:state(${e}), :--${e}) ${i}`, f = `[data-interact-effect~="${e}"] ${i}`, u = r ? te(l, r) : l, d = r ? te(f, r) : f, g = [
+  ) || [], c = t.replace(/"/g, "'"), l = `:is(:state(${e}), :--${e}) ${i}`, f = `[data-interact-effect~="${e}"] ${i}`, u = r ? te(l, r) : l, d = r ? te(f, r) : f, g = [
     `${u},
     ${d} {
-      ${c.join(`
+      ${a.join(`
       `)}
     }`
   ];
   if (o.length) {
-    const p = `[data-interact-key="${a}"] ${i}`, m = r ? te(p, r) : p;
+    const p = `[data-interact-key="${c}"] ${i}`, m = r ? te(p, r) : p;
     g.push(`@media (prefers-reduced-motion: no-preference) { ${m} {
       transition: ${o.join(", ")};
     } }`);
   }
   return g;
 }
-function ce(t, e, n) {
+function ae(t, e, n) {
   const s = (t || []).filter((i) => e[i]?.type === n && e[i].predicate).map((i) => e[i].predicate).join(") and (");
   return s && `(${s})`;
 }
 function _(t, e) {
-  const n = ce(t, e, "media");
+  const n = ae(t, e, "media");
   return n && window.matchMedia(n);
 }
-function P(t, e) {
+function L(t, e) {
   return (t || []).filter((n) => e[n]?.type === "selector" && e[n].predicate).map((n) => `:is(${e[n].predicate})`).join("");
 }
-const B = {
+const K = {
   rangeStart: { name: "cover", offset: { value: 0, unit: "percentage" } },
   rangeEnd: { name: "cover", offset: { value: 100, unit: "percentage" } }
 };
 function vn(t, e) {
-  const n = t?.name ?? B.rangeStart.name, s = e?.name ?? t?.name ?? B.rangeEnd.name, i = {
+  const n = t?.name ?? K.rangeStart.name, s = e?.name ?? t?.name ?? K.rangeEnd.name, i = {
     name: n,
-    offset: t?.offset || B.rangeStart.offset
+    offset: t?.offset || K.rangeStart.offset
   }, r = {
     name: s,
-    offset: e?.offset || B.rangeEnd.offset
+    offset: e?.offset || K.rangeEnd.offset
   };
   return { startOffset: i, endOffset: r };
 }
-function L(t) {
+function q(t) {
   if ("keyframeEffect" in t && !t.keyframeEffect.name && "effectId" in t && (t.keyframeEffect.name = t.effectId), "duration" in t)
     return {
       id: "",
@@ -1082,16 +1088,16 @@ function L(t) {
     ...s
   };
 }
-function k(t, e, n) {
+function C(t, e, n) {
   let s = t.get(e);
   s || (s = /* @__PURE__ */ new Set(), t.set(e, s)), s.add(n);
 }
-function K(t, e) {
+function B(t, e) {
   t.get(e)?.forEach((s) => {
     const { source: i, target: r, cleanup: o } = s;
     o();
-    const c = i === e ? r : i;
-    t.get(c)?.delete(s);
+    const a = i === e ? r : i;
+    t.get(a)?.delete(s);
   }), t.delete(e);
 }
 const yn = {
@@ -1107,13 +1113,13 @@ function bn(t) {
   const e = t.trim().split(/\s+/), n = e[0], s = e.length > 1 ? e[1] : e[0], i = (r) => r.startsWith("-") ? r.slice(1) : parseFloat(r) ? `-${r}` : r;
   return `${i(n)} 0px ${i(s)}`;
 }
-const D = {}, q = /* @__PURE__ */ new WeakMap(), re = /* @__PURE__ */ new WeakSet(), z = /* @__PURE__ */ new WeakMap();
-let Ue = {}, H = null;
+const D = {}, M = /* @__PURE__ */ new WeakMap(), re = /* @__PURE__ */ new WeakSet(), z = /* @__PURE__ */ new WeakMap();
+let Xe = {}, H = null;
 function Sn(t) {
-  Ue = t;
+  Xe = t;
 }
-function Xe(t, e, n) {
-  q.get(t)?.forEach(({ source: i, handler: r }) => {
+function Ze(t, e, n) {
+  M.get(t)?.forEach(({ source: i, handler: r }) => {
     i === t && r(e, n);
   });
 }
@@ -1121,11 +1127,11 @@ function $e() {
   return H || (H = new IntersectionObserver((t) => {
     t.forEach((e) => {
       const n = e.target;
-      e.isIntersecting || Xe(n, !1, !0);
+      e.isIntersecting || Ze(n, !1, !0);
     });
   }, En), H);
 }
-function Ze(t, e = !1) {
+function Je(t, e = !1) {
   const n = JSON.stringify({ ...t, isSafeMode: e });
   if (D[n])
     return D[n];
@@ -1134,45 +1140,45 @@ function Ze(t, e = !1) {
     rootMargin: t.inset ? bn(t.inset) : "0px",
     threshold: s
   }, r = new IntersectionObserver((o) => {
-    o.forEach((c) => {
-      const a = c.target, l = !re.has(a);
-      if (l && (re.add(a), t.useSafeViewEnter && !c.isIntersecting)) {
+    o.forEach((a) => {
+      const c = a.target, l = !re.has(c);
+      if (l && (re.add(c), t.useSafeViewEnter && !a.isIntersecting)) {
         O.measure(() => {
-          const f = c.boundingClientRect.height, u = c.rootBounds?.height;
+          const f = a.boundingClientRect.height, u = a.rootBounds?.height;
           if (!u)
             return;
           const d = Array.isArray(t.threshold) ? Math.min(...t.threshold) : t.threshold;
           d && f * d > u && O.mutate(() => {
-            r.unobserve(a);
-            const p = Ze(t, !0);
-            z.set(a, p), p.observe(a);
+            r.unobserve(c);
+            const p = Je(t, !0);
+            z.set(c, p), p.observe(c);
           });
         });
         return;
       }
-      (c.isIntersecting || !l) && Xe(a, c.isIntersecting);
+      (a.isIntersecting || !l) && Ze(c, a.isIntersecting);
     });
   }, i);
   return D[n] = r, r;
 }
 function Tn(t, e, n, s = {}, { reducedMotion: i, selectorCondition: r, animation: o } = {}) {
-  const c = { ...Ue, ...s }, a = n.triggerType || "once", l = o || Y(
+  const a = { ...Xe, ...s }, c = n.triggerType || "once", l = o || Y(
     e,
-    L(n),
+    q(n),
     void 0,
     i
   );
   if (!l)
     return;
-  const f = Ze(c);
-  a !== "once" && l.persist?.();
+  const f = Je(a);
+  c !== "once" && l.persist?.();
   let u = !0, d = !1, g;
   g = { source: t, target: e, handler: (h, v) => {
     if (!(r && !e.matches(r)))
-      if (a === "once") {
+      if (c === "once") {
         if (h && !d) {
-          d = !0, q.get(t)?.delete(g), q.get(e)?.delete(g);
-          const y = q.get(t);
+          d = !0, M.get(t)?.delete(g), M.get(e)?.delete(g);
+          const y = M.get(t);
           (!y || y.size === 0) && ((z.get(t) || f).unobserve(t), re.delete(t)), l.play(() => {
             const E = () => {
               e.dataset.interactEnter = "start";
@@ -1191,13 +1197,13 @@ function Tn(t, e, n, s = {}, { reducedMotion: i, selectorCondition: r, animation
               O.mutate(E);
           });
         }
-      } else a === "alternate" ? u && h ? (u = !1, l.play()) : u || l.reverse() : a === "repeat" ? h ? (l.progress(0), l.play()) : v && (l.pause(), l.progress(0)) : a === "state" && (h ? l.play() : v && l.pause());
+      } else c === "alternate" ? u && h ? (u = !1, l.play()) : u || l.reverse() : c === "repeat" ? h ? (l.progress(0), l.play()) : v && (l.pause(), l.progress(0)) : c === "state" && (h ? l.play() : v && l.pause());
   }, cleanup: () => {
-    (z.get(t) || f).unobserve(t), (a === "repeat" || a === "state") && $e().unobserve(t), l.cancel(), re.delete(t), z.delete(t);
-  } }, k(q, t, g), k(q, e, g), z.set(t, f), f.observe(t), (a === "repeat" || a === "state") && $e().observe(t);
+    (z.get(t) || f).unobserve(t), (c === "repeat" || c === "state") && $e().unobserve(t), l.cancel(), re.delete(t), z.delete(t);
+  } }, C(M, t, g), C(M, e, g), z.set(t, f), f.observe(t), (c === "repeat" || c === "state") && $e().observe(t);
 }
 function In(t) {
-  K(q, t);
+  B(M, t);
 }
 function On() {
   H = null, Object.keys(D).forEach((t) => delete D[t]);
@@ -1208,10 +1214,10 @@ const _e = {
   setOptions: Sn,
   reset: On
 };
-function Je(t, e) {
+function et(t, e) {
   return Object.assign(Object.create(e), t);
 }
-function Cn(t, e, n, s) {
+function An(t, e, n, s) {
   let i = t * (1 - n) + e * n;
   if (s) {
     const r = i - t;
@@ -1222,7 +1228,7 @@ function Cn(t, e, n, s) {
   }
   return i;
 }
-function kn(t) {
+function Cn(t) {
   let e = !1;
   return function() {
     e || (e = !0, window.requestAnimationFrame(() => {
@@ -1238,37 +1244,37 @@ function qe(t, e) {
     }, e);
   };
 }
-function An(t, e) {
+function kn(t, e) {
   const n = t.match(/^calc\s*\(\s*(-?\d+((px)|([lsd]?vh)|([lsd]?vw)))\s*\+\s*(-?\d+((px)|([lsd]?vh)|([lsd]?vw)))\s*\)\s*$/);
   return oe(n[1], e) + oe(n[6], e);
 }
 function oe(t, e) {
-  return t ? /^-?\d+px$/.test(t) ? parseInt(t) : /^-?\d+[lsd]?vh$/.test(t) ? parseInt(t) * e.viewportHeight / 100 : /^-?\d+[lsd]?vw$/.test(t) ? parseInt(t) * e.viewportWidth / 100 : /^calc\s*\(\s*-?\d+((px)|([lsd]?vh)|([lsd]?vw))\s*\+\s*-?\d+((px)|([lsd]?vh)|([lsd]?vw))\s*\)\s*$/.test(t) ? An(t, e) : parseInt(t) || 0 : 0;
+  return t ? /^-?\d+px$/.test(t) ? parseInt(t) : /^-?\d+[lsd]?vh$/.test(t) ? parseInt(t) * e.viewportHeight / 100 : /^-?\d+[lsd]?vw$/.test(t) ? parseInt(t) * e.viewportWidth / 100 : /^calc\s*\(\s*-?\d+((px)|([lsd]?vh)|([lsd]?vw))\s*\+\s*-?\d+((px)|([lsd]?vh)|([lsd]?vw))\s*\)\s*$/.test(t) ? kn(t, e) : parseInt(t) || 0 : 0;
 }
 function R(t, e, n) {
-  const { name: s, offset: i = 0 } = t, { start: r, end: o } = n, c = o - r, a = i / 100;
+  const { name: s, offset: i = 0 } = t, { start: r, end: o } = n, a = o - r, c = i / 100;
   let l, f;
-  return s === "entry" ? (l = r - e, f = Math.min(e, c)) : s === "entry-crossing" ? (l = r - e, f = c) : s === "contain" ? (l = Math.min(o - e, r), f = Math.abs(e - c)) : s === "exit" ? (l = Math.max(r, o - e), f = Math.min(e, c)) : s === "exit-crossing" ? (l = r, f = c) : s === "cover" && (l = r - e, f = c + e), l + a * f | 0;
+  return s === "entry" ? (l = r - e, f = Math.min(e, a)) : s === "entry-crossing" ? (l = r - e, f = a) : s === "contain" ? (l = Math.min(o - e, r), f = Math.abs(e - a)) : s === "exit" ? (l = Math.max(r, o - e), f = Math.min(e, a)) : s === "exit-crossing" ? (l = r, f = a) : s === "cover" && (l = r - e, f = a + e), l + c * f | 0;
 }
 function fe(t, e, n, s, i) {
   let r = 0;
   const o = { start: e, end: n };
-  return t.forEach((c, a) => {
-    r += c.offset;
-    const l = c.sticky;
+  return t.forEach((a, c) => {
+    r += a.offset;
+    const l = a.sticky;
     if (l) {
-      if ("end" in l && t[a - 1]?.element) {
-        const d = ((i ? c.element.offsetWidth : c.element.offsetHeight) || 0) + l.end - s, g = r + d - c.offset, p = g < o.start, m = !p && g <= n;
+      if ("end" in l && t[c - 1]?.element) {
+        const d = ((i ? a.element.offsetWidth : a.element.offsetHeight) || 0) + l.end - s, g = r + d - a.offset, p = g < o.start, m = !p && g <= n;
         let h = 0;
-        (p || m) && (h = c.offset, o.end += h), p && (o.start += h);
+        (p || m) && (h = a.offset, o.end += h), p && (o.start += h);
       }
       if ("start" in l) {
         const f = r - l.start, u = f < o.start, d = !u && f <= o.end;
         let g = 0;
-        const p = t[a - 1]?.element;
+        const p = t[c - 1]?.element;
         if (p) {
           if (u || d) {
-            const m = (i ? p.offsetWidth : p.offsetHeight) || 0, h = c.offset, v = (i ? c.element.offsetWidth : c.element.offsetHeight) || 0;
+            const m = (i ? p.offsetWidth : p.offsetHeight) || 0, h = a.offset, v = (i ? a.element.offsetWidth : a.element.offsetHeight) || 0;
             g = m - (h + v), r += g, o.end += g;
           }
           u && (o.start += g);
@@ -1278,10 +1284,10 @@ function fe(t, e, n, s, i) {
   }), o;
 }
 function $n(t, e, n, s, i, r) {
-  const { start: o, end: c, duration: a } = t;
-  let l = o, f = c, u = t.startRange, d = t.endRange, g;
-  if (typeof a == "string") {
-    u = { name: a, offset: 0 }, d = { name: a, offset: 100 }, l = R(u, n, e), f = R(d, n, e), g = f - l;
+  const { start: o, end: a, duration: c } = t;
+  let l = o, f = a, u = t.startRange, d = t.endRange, g;
+  if (typeof c == "string") {
+    u = { name: c, offset: 0 }, d = { name: c, offset: 100 }, l = R(u, n, e), f = R(d, n, e), g = f - l;
     const p = fe(r, l, f, n, s);
     l = p.start, f = p.end;
   } else {
@@ -1290,13 +1296,13 @@ function $n(t, e, n, s, i, r) {
       const p = oe(u.add, i), m = R({ ...u, offset: 0 }, n, e), h = R({ ...u, offset: 100 }, n, e), v = fe(r, m, h, n, s);
       l = v.start + u.offset / 100 * (v.end - v.start) + p;
     }
-    if (d || c?.name) {
-      d = d || c;
+    if (d || a?.name) {
+      d = d || a;
       const p = oe(d.add, i), m = R({ ...d, offset: 0 }, n, e), h = R({ ...d, offset: 100 }, n, e), v = fe(r, m, h, n, s);
       f = v.start + d.offset / 100 * (v.end - v.start) + p;
-    } else typeof a == "number" && (f = l + a);
+    } else typeof c == "number" && (f = l + c);
   }
-  return !g && !a && (g = f - l), { ...t, start: l, end: f, startRange: u, endRange: d, duration: g || a };
+  return !g && !c && (g = f - l), { ...t, start: l, end: f, startRange: u, endRange: d, duration: g || c };
 }
 function _n(t) {
   return t.position === "sticky";
@@ -1322,10 +1328,10 @@ function Ln(t, e) {
 }
 function Q(t, e, n, s, i) {
   const r = t[0].viewSource, o = [];
-  let c = (s ? r.offsetWidth : r.offsetHeight) || 0, a = 0, l = r;
+  let a = (s ? r.offsetWidth : r.offsetHeight) || 0, c = 0, l = r;
   for (; l; ) {
     const u = window.getComputedStyle(l), d = _n(u), g = d ? Ln(u, s) : void 0, p = Pn(l, s, d);
-    if ((!g || !("end" in g)) && (a += p), o.push({ element: l, offset: p, sticky: g }), l = l.offsetParent, qn(u, l, e))
+    if ((!g || !("end" in g)) && (c += p), o.push({ element: l, offset: p, sticky: g }), l = l.offsetParent, qn(u, l, e))
       break;
     if (l === e) {
       o.push({ element: l, offset: 0 });
@@ -1335,7 +1341,7 @@ function Q(t, e, n, s, i) {
   return o.reverse(), t.map((u) => ({
     ...$n(
       u,
-      { start: a, end: a + c },
+      { start: c, end: c + a },
       n,
       s,
       i,
@@ -1365,8 +1371,8 @@ function Nn() {
   };
 }
 function zn(t) {
-  const e = Je(t, Rn), n = e.root, s = e.horizontal, i = /* @__PURE__ */ new WeakMap();
-  let r = xe(n, s), o, c, a, l, f;
+  const e = et(t, Rn), n = e.root, s = e.horizontal, i = /* @__PURE__ */ new WeakMap();
+  let r = xe(n, s), o, a, c, l, f;
   const u = [], d = Nn();
   if (e.scenes = Object.values(
     // TODO(ameerf): find a polyfill and use groupBy instead of following reduce
@@ -1383,7 +1389,7 @@ function zn(t) {
     m.index = h;
   }), u.length) {
     const m = /* @__PURE__ */ new Map();
-    window.ResizeObserver && (a = new window.ResizeObserver(function(h) {
+    window.ResizeObserver && (c = new window.ResizeObserver(function(h) {
       h.forEach((v) => {
         const y = m.get(v.target), E = Q(y, n, r, s, d);
         E.forEach((w, S) => {
@@ -1391,7 +1397,7 @@ function zn(t) {
         }), u.splice(u.indexOf(y), 1, E);
       });
     }), u.forEach((h) => {
-      a.observe(h[0].viewSource, { box: "border-box" }), m.set(h[0].viewSource, h);
+      c.observe(h[0].viewSource, { box: "border-box" }), m.set(h[0].viewSource, h);
     }), e.observeContentResize && e.contentRoot && new window.ResizeObserver(qe(() => {
       const v = u.map((y) => {
         const E = Q(y, n, r, s, d);
@@ -1415,7 +1421,7 @@ function zn(t) {
       });
     }, Me), n === window ? window.addEventListener("resize", l) : window.ResizeObserver && (f = new window.ResizeObserver(l), f.observe(n, { box: "border-box" })));
   }
-  e.observeViewportEntry && window.IntersectionObserver && (c = new window.IntersectionObserver(function(m) {
+  e.observeViewportEntry && window.IntersectionObserver && (a = new window.IntersectionObserver(function(m) {
     m.forEach((h) => {
       (i.get(h.target) || []).forEach((v) => {
         v.disabled = !h.isIntersecting;
@@ -1428,7 +1434,7 @@ function zn(t) {
   }), e.scenes.forEach((m) => {
     if (m.viewSource) {
       let h = i.get(m.viewSource);
-      h || (h = [], i.set(m.viewSource, h), c.observe(m.viewSource)), h.push(m);
+      h || (h = [], i.set(m.viewSource, h), a.observe(m.viewSource)), h.push(m);
     }
   }));
   function g({ p: m, vp: h }) {
@@ -1444,7 +1450,7 @@ function zn(t) {
     }
   }
   function p() {
-    e.scenes.forEach((m) => m.destroy?.()), c && (c.disconnect(), c = null), a && (a.disconnect(), a = null), l && (f ? (f.disconnect(), f = null) : window.removeEventListener("resize", l));
+    e.scenes.forEach((m) => m.destroy?.()), a && (a.disconnect(), a = null), c && (c.disconnect(), c = null), l && (f ? (f.disconnect(), f = null) : window.removeEventListener("resize", l));
   }
   return {
     tick: g,
@@ -1460,7 +1466,7 @@ const Hn = {
 };
 class jn {
   constructor(e = {}) {
-    this.config = Je(e, Hn), this.progress = {
+    this.config = et(e, Hn), this.progress = {
       p: 0,
       prevP: 0,
       vp: 0
@@ -1473,7 +1479,7 @@ class jn {
     this.config.root = n ? window : this.config.root, this.config.contentRoot = this.config.contentRoot || (n ? window.document.body : this.config.root.firstElementChild), this.config.resetProgress = this.config.resetProgress || this.resetProgress.bind(this), this._measure = this.config.measure || (() => {
       const s = this.config.root;
       this.progress.p = this.config.horizontal ? s.scrollX || s.scrollLeft || 0 : s.scrollY || s.scrollTop || 0;
-    }), this._trigger = kn(() => {
+    }), this._trigger = Cn(() => {
       this._measure?.(), this.tick(!0);
     });
   }
@@ -1519,7 +1525,7 @@ class jn {
    * Calculate current progress.
    */
   lerp() {
-    this.currentProgress.p = Cn(this.currentProgress.p, this.progress.p, +(1 - this.config.transitionFriction).toFixed(3), this.config.transitionEpsilon);
+    this.currentProgress.p = An(this.currentProgress.p, this.progress.p, +(1 - this.config.transitionFriction).toFixed(3), this.config.transitionEpsilon);
   }
   /**
    * Stop the event and effect, and remove all DOM side-effects.
@@ -1553,9 +1559,9 @@ class jn {
   }
 }
 const he = /* @__PURE__ */ new WeakMap();
-let et = () => ({});
+let tt = () => ({});
 function Dn(t) {
-  et = t;
+  tt = t;
 }
 function Gn(t, e, n, s, { reducedMotion: i }) {
   if (i)
@@ -1563,15 +1569,15 @@ function Gn(t, e, n, s, { reducedMotion: i }) {
   const r = {
     trigger: "view-progress",
     element: t
-  }, o = L(n);
-  let c;
+  }, o = q(n);
+  let a;
   if ("ViewTimeline" in window) {
     const l = Y(
       e,
       o,
       r
     );
-    l && !l.isCSS && (l.play(), c = () => {
+    l && !l.isCSS && (l.play(), a = () => {
       l.ready.then(() => {
         l.cancel();
       });
@@ -1586,9 +1592,9 @@ function Gn(t, e, n, s, { reducedMotion: i }) {
         observeViewportResize: !1,
         observeSourcesResize: !0,
         root: document.body,
-        ...et()
+        ...tt()
       });
-      c = () => {
+      a = () => {
         u.destroy();
       }, Promise.all(f.map((d) => d.ready || Promise.resolve())).then(
         () => {
@@ -1597,12 +1603,12 @@ function Gn(t, e, n, s, { reducedMotion: i }) {
       );
     }
   }
-  if (!c) return;
-  const a = { source: t, target: e, cleanup: c };
-  k(he, t, a), k(he, e, a);
+  if (!a) return;
+  const c = { source: t, target: e, cleanup: a };
+  C(he, t, c), C(he, e, c);
 }
 function Wn(t) {
-  K(he, t);
+  B(he, t);
 }
 const Vn = {
   add: Gn,
@@ -1634,7 +1640,7 @@ function Yn(t) {
     height: t.offsetHeight
   };
 }
-function Kn() {
+function Bn() {
   const t = window.devicePixelRatio;
   let e = !1;
   if (t === 1)
@@ -1647,13 +1653,13 @@ function Kn() {
   });
   return document.body.dispatchEvent(n), e;
 }
-function Bn() {
+function Kn() {
   return new Promise((t) => {
     const e = window.scrollY;
     let n = !1, s;
     function i() {
-      document.body.addEventListener("pointerdown", (c) => {
-        s === void 0 ? s = c.offsetY : n = c.offsetY === s;
+      document.body.addEventListener("pointerdown", (a) => {
+        s === void 0 ? s = a.offsetY : n = a.offsetY === s;
       }, { once: !0 });
       const o = new PointerEvent("pointerdown", {
         clientY: 500
@@ -1667,7 +1673,7 @@ function Bn() {
   });
 }
 function Qn(t) {
-  Bn().then((e) => {
+  Kn().then((e) => {
     t.fixRequired = e, e && (window.addEventListener("scroll", t.scrollHandler), t.scrollHandler());
   });
 }
@@ -1704,12 +1710,12 @@ function Xn(t, e) {
 function Zn(t, e, n) {
   return {
     x(s) {
-      const i = t.left - n.x + t.width / 2, r = i >= e.width / 2, o = (r ? i : e.width - i) * 2, c = r ? 0 : i - o / 2;
-      return (s - c) / o;
+      const i = t.left - n.x + t.width / 2, r = i >= e.width / 2, o = (r ? i : e.width - i) * 2, a = r ? 0 : i - o / 2;
+      return (s - a) / o;
     },
     y(s) {
-      const i = t.top - n.y + t.height / 2, r = i >= e.height / 2, o = (r ? i : e.height - i) * 2, c = r ? 0 : i - o / 2;
-      return (s - c) / o;
+      const i = t.top - n.y + t.height / 2, r = i >= e.height / 2, o = (r ? i : e.height - i) * 2, a = r ? 0 : i - o / 2;
+      return (s - a) / o;
     }
   };
 }
@@ -1728,10 +1734,10 @@ function ts(t) {
   return e.observe(t.root, { box: "border-box" }), e;
 }
 function ns(t) {
-  let e = !1, n = { x: t.rect.width / 2, y: t.rect.height / 2, vx: 0, vy: 0 }, s, i, r, o, c;
-  const a = { x: 0, y: 0 };
+  let e = !1, n = { x: t.rect.width / 2, y: t.rect.height / 2, vx: 0, vy: 0 }, s, i, r, o, a;
+  const c = { x: 0, y: 0 };
   t.scenes.forEach((f) => {
-    f.target && f.centeredToTarget && (f.transform = Zn(Yn(f.target), t.rect, a), e = !0), t.root ? i = ts(t) : (r = es.bind(null, t), window.addEventListener("resize", r));
+    f.target && f.centeredToTarget && (f.transform = Zn(Yn(f.target), t.rect, c), e = !0), t.root ? i = ts(t) : (r = es.bind(null, t), window.addEventListener("resize", r));
   }), s = function(f) {
     for (let u of t.scenes)
       if (!u.disabled) {
@@ -1739,9 +1745,9 @@ function ns(t) {
         t.allowActiveEvent && (f.active = d <= 1 && g <= 1 && d >= 0 && g >= 0), u.effect(u, { x: p, y: m }, h, f.active);
       }
     Object.assign(n, f);
-  }, e && (o = Jn.bind(a, s, n), c = Xn(document, o));
+  }, e && (o = Jn.bind(c, s, n), a = Xn(document, o));
   function l() {
-    t.scenes.forEach((f) => f.destroy?.()), c?.(), i ? (i.disconnect(), i = null) : (window.removeEventListener("resize", r), r = null), s = null, n = null;
+    t.scenes.forEach((f) => f.destroy?.()), a?.(), i ? (i.disconnect(), i = null) : (window.removeEventListener("resize", r), r = null), s = null, n = null;
   }
   return {
     tick: s,
@@ -1781,7 +1787,7 @@ class rs {
     }, this._pointerEnter = () => {
       this.progress.active = !0, this._nextTick = n();
     }, this.config.root) {
-      X = typeof X == "boolean" ? X : Kn();
+      X = typeof X == "boolean" ? X : Bn();
       const i = X ? window.devicePixelRatio : 1;
       typeof F.fixRequired > "u" && Qn(F), this._measure = (r) => {
         if (r.target !== this.config.root) {
@@ -1825,8 +1831,8 @@ class rs {
     const e = this.config.transitionDuration, n = this.config.transitionEasing || ((o) => o), s = performance.now();
     let i = !1;
     const r = (o) => {
-      const c = (o - this._startTime) / e, a = n(Math.min(1, c));
-      i && (this.progress.vx = 0, this.progress.vy = 0, i = !1), this.currentProgress = Object.entries(this.progress).reduce((l, [f, u]) => (f === "active" ? l[f] = u : l[f] = this.previousProgress[f] + (u - this.previousProgress[f]) * a, l), this.currentProgress || {}), c < 1 && (this._nextTransitionTick = requestAnimationFrame(r), i = o - this._startTime > ss), this.effect.tick(this.currentProgress);
+      const a = (o - this._startTime) / e, c = n(Math.min(1, a));
+      i && (this.progress.vx = 0, this.progress.vy = 0, i = !1), this.currentProgress = Object.entries(this.progress).reduce((l, [f, u]) => (f === "active" ? l[f] = u : l[f] = this.previousProgress[f] + (u - this.previousProgress[f]) * c, l), this.currentProgress || {}), a < 1 && (this._nextTransitionTick = requestAnimationFrame(r), i = o - this._startTime > ss), this.effect.tick(this.currentProgress);
     };
     return this._startTime ? (this._nextTransitionTick && cancelAnimationFrame(this._nextTransitionTick), Object.assign(this.previousProgress, this.currentProgress), this._startTime = s, r(s)) : this._startTime = s, this._nextTransitionTick;
   }
@@ -1865,59 +1871,72 @@ class rs {
   }
 }
 const me = /* @__PURE__ */ new WeakMap();
-let tt = () => ({});
+let nt = () => ({});
 function os(t) {
-  tt = t;
+  nt = t;
 }
-function cs(t, e, n, s = {}, { reducedMotion: i }) {
+function as(t, e, n, s = {}, { reducedMotion: i }) {
   if (i)
     return;
   const r = {
     trigger: "pointer-move",
     element: t,
     axis: s.axis ?? "y"
-  }, o = Ke(e, L(n), r);
+  }, o = Ke(e, q(n), r);
   if (o) {
-    const c = Array.isArray(o) ? o : [o], a = new rs({
+    const a = Array.isArray(o) ? o : [o], c = new rs({
       root: s.hitArea === "self" ? t : void 0,
-      scenes: c,
-      ...tt()
+      scenes: a,
+      ...nt()
     }), f = { source: t, target: e, cleanup: () => {
-      a.destroy();
+      c.destroy();
     } };
-    k(me, t, f), k(me, e, f), Promise.all(
-      c.map((u) => u.ready || Promise.resolve())
+    C(me, t, f), C(me, e, f), Promise.all(
+      a.map((u) => u.ready || Promise.resolve())
     ).then(() => {
-      a.start();
+      c.start();
     });
   }
 }
-function as(t) {
-  K(me, t);
+function cs(t) {
+  B(me, t);
 }
 const fs = {
-  add: cs,
-  remove: as,
+  add: as,
+  remove: cs,
   registerOptionsGetter: os
 }, pe = /* @__PURE__ */ new WeakMap();
-function ls(t, e, n, s, { reducedMotion: i, selectorCondition: r, animation: o }) {
+function ls(t, e, n, s, {
+  reducedMotion: i,
+  selectorCondition: r,
+  animation: o,
+  sourceAnimationOptions: a
+}) {
   const c = o || Y(
     e,
-    L(n),
+    q(n),
     void 0,
     i
   );
   if (!c)
     return;
-  const a = () => {
-    r && !e.matches(r) || c.play();
-  }, f = { source: t, target: e, cleanup: () => {
-    c.cancel(), t.removeEventListener("animationend", a);
+  const { effectId: l } = s, f = (g) => {
+    if (r && !e.matches(r)) return;
+    const p = g.animationName, m = g.detail?.effectId, h = a ? Be(t, a) : null;
+    if (h) {
+      if (h.playState === "running" || p && !h.hasAnimationName(p))
+        return;
+      if (m && m !== l && !h.hasAnimationId(m))
+        return;
+    }
+    c.play();
+  }, d = { source: t, target: e, cleanup: () => {
+    c.cancel(), t.removeEventListener("animationend", f);
   } };
-  k(pe, t, f), k(pe, e, f), t.addEventListener("animationend", a);
+  C(pe, t, d), C(pe, e, d), t.addEventListener("animationend", f);
 }
 function us(t) {
-  K(pe, t);
+  B(pe, t);
 }
 const ds = {
   add: ls,
@@ -1926,20 +1945,20 @@ const ds = {
 function hs(t, e, n = !1, s, i, r) {
   const o = r || Y(
     t,
-    L(e),
+    q(e),
     void 0,
     n
   );
   if (!o)
     return null;
-  let c = !0;
-  const a = e.triggerType || "alternate";
+  let a = !0;
+  const c = e.triggerType || "alternate";
   return (l) => {
     if (s && !t.matches(s)) return;
     const f = !i, u = i?.enter?.includes(l.type), d = i?.leave?.includes(l.type);
     if (u || f) {
-      if (a === "alternate" || a === "state")
-        c ? (c = !1, o.play()) : a === "alternate" ? o.reverse() : a === "state" && (o.playState === "running" ? o.pause() : o.playState !== "finished" && o.play());
+      if (c === "alternate" || c === "state")
+        a ? (a = !1, o.play()) : c === "alternate" ? o.reverse() : c === "state" && (o.playState === "running" ? o.pause() : o.playState !== "finished" && o.play());
       else {
         if (o.progress(0), delete t.dataset.interactEnter, o.isCSS) {
           const g = () => {
@@ -1953,9 +1972,9 @@ function hs(t, e, n = !1, s, i, r) {
       }
       return;
     }
-    d && (a === "alternate" ? o.reverse() : a === "repeat" ? (o.cancel(), O.mutate(() => {
+    d && (c === "alternate" ? o.reverse() : c === "repeat" ? (o.cancel(), O.mutate(() => {
       delete t.dataset.interactEnter;
-    })) : a === "state" && o.playState === "running" && o.pause());
+    })) : c === "state" && o.playState === "running" && o.pause());
   };
 }
 function ms(t, e, {
@@ -1963,13 +1982,13 @@ function ms(t, e, {
   listContainer: s,
   listItemSelector: i,
   stateAction: r
-}, o, c) {
-  const a = !!s, l = r ?? "toggle", f = l === "toggle";
+}, o, a) {
+  const c = !!s, l = r ?? "toggle", f = l === "toggle";
   return (u) => {
     if (o && !t.matches(o)) return;
-    const d = a ? t.closest(
+    const d = c ? t.closest(
       `${s} > ${i || ""}:has(:scope)`
-    ) : void 0, g = !c, p = c?.enter?.includes(u.type), m = c?.leave?.includes(u.type);
+    ) : void 0, g = !a, p = a?.enter?.includes(u.type), m = a?.leave?.includes(u.type);
     g ? e.toggleEffect(n, l, d) : (p && e.toggleEffect(n, f ? "add" : l, d), m && f && e.toggleEffect(n, "remove", d));
   };
 }
@@ -2026,9 +2045,9 @@ function Ts(t, e, n, s, {
   reducedMotion: i,
   targetController: r,
   selectorCondition: o,
-  animation: c
+  animation: a
 }) {
-  const a = ws(s.eventConfig), l = n.transition || n.transitionProperties, f = Ss(a);
+  const c = ws(s.eventConfig), l = n.transition || n.transitionProperties, f = Ss(c);
   let u, d = !1;
   if (l ? u = ms(
     e,
@@ -2042,7 +2061,7 @@ function Ts(t, e, n, s, {
     i,
     o,
     f,
-    c
+    a
   ), d = n.triggerType === "once"), !u)
     return;
   const g = u, p = new AbortController();
@@ -2053,8 +2072,8 @@ function Ts(t, e, n, s, {
   const v = { source: t, target: e, cleanup: () => {
     p.abort();
   } };
-  if (k(ge, t, v), k(ge, e, v), f) {
-    const y = a.enter, E = a.leave;
+  if (C(ge, t, v), C(ge, e, v), f) {
+    const y = c.enter, E = c.leave;
     y.forEach((T) => {
       T === "focusin" && (t.tabIndex = 0), m(t, T, { passive: !0, once: d });
     });
@@ -2067,12 +2086,12 @@ function Ts(t, e, n, s, {
       m(t, T, { passive: !0 });
     });
   } else
-    (a.toggle ?? []).forEach((E) => {
+    (c.toggle ?? []).forEach((E) => {
       m(t, E, { once: d, passive: E !== "keydown" });
     });
 }
 function Is(t) {
-  K(ge, t);
+  B(ge, t);
 }
 const j = {
   add: Ts,
@@ -2092,11 +2111,11 @@ const j = {
 function Z(t) {
   const e = ve[t];
   return (n, s, i, r, o) => {
-    const c = o?.allowA11yTriggers && t in Fe ? Fe[t] : e;
-    j.add(n, s, i, { eventConfig: c }, o ?? {});
+    const a = o?.allowA11yTriggers && t in Fe ? Fe[t] : e;
+    j.add(n, s, i, { eventConfig: a }, o ?? {});
   };
 }
-const M = {
+const x = {
   viewEnter: _e,
   hover: {
     add: Z("hover"),
@@ -2142,7 +2161,7 @@ class b {
     if (typeof window > "u" || !window.customElements)
       return;
     const s = n?.useCustomElement ?? !!b.defineInteractElement;
-    this.dataCache = ks(e, s);
+    this.dataCache = Cs(e, s);
     const i = b.defineInteractElement?.();
     s && i === !1 ? document.querySelectorAll("interact-element").forEach((r) => {
       r.connect();
@@ -2201,11 +2220,11 @@ class b {
     }), b.instances.length = 0, b.controllerCache.clear(), b.sequenceCache.clear(), b.elementSequenceMap = /* @__PURE__ */ new WeakMap();
   }
   static setup(e) {
-    e.scrollOptionsGetter && M.viewProgress.registerOptionsGetter?.(
+    e.scrollOptionsGetter && x.viewProgress.registerOptionsGetter?.(
       e.scrollOptionsGetter
-    ), e.pointerOptionsGetter && M.pointerMove.registerOptionsGetter?.(
+    ), e.pointerOptionsGetter && x.pointerMove.registerOptionsGetter?.(
       e.pointerOptionsGetter
-    ), e.viewEnter && M.viewEnter.setOptions(
+    ), e.viewEnter && x.viewEnter.setOptions(
       e.viewEnter
     ), e.allowA11yTriggers !== void 0 && (b.allowA11yTriggers = e.allowA11yTriggers);
   }
@@ -2223,7 +2242,7 @@ class b {
   static deleteController(e) {
     b.controllerCache.delete(e);
   }
-  static registerEffects = Xt;
+  static registerEffects = Zt;
   static getSequence(e, n, s, i) {
     const r = b.sequenceCache.get(e);
     if (r) return r;
@@ -2233,11 +2252,11 @@ class b {
   static addToSequence(e, n, s, i) {
     const r = b.sequenceCache.get(e);
     if (!r) return !1;
-    const c = Be(n, i).map((a, l) => ({
+    const a = Qe(n, i).map((c, l) => ({
       index: s[l] ?? r.animationGroups.length,
-      group: a
+      group: c
     }));
-    return r.addGroups(c), b._registerSequenceElements(n, r), !0;
+    return r.addGroups(a), b._registerSequenceElements(n, r), !0;
   }
   static _registerSequenceElements(e, n) {
     for (const { target: s } of e) {
@@ -2261,8 +2280,8 @@ class b {
     }
   }
 }
-let Cs = 0;
-function x(t, {
+let As = 0;
+function P(t, {
   asCombinator: e = !1,
   addItemFilter: n = !1,
   useFirstChild: s = !1
@@ -2286,15 +2305,15 @@ function le(t, e) {
     selectors: /* @__PURE__ */ new Set()
   }), t[e];
 }
-function ks(t, e = !1) {
+function Cs(t, e = !1) {
   const { effects: n = {}, sequences: s = {}, conditions: i = {} } = t, r = {};
   return t.interactions?.forEach((o) => {
-    const c = o.key, a = ++Cs, { effects: l, sequences: f, ...u } = o;
-    if (!c) {
-      console.error(`Interaction ${a} is missing a key for source element.`);
+    const a = o.key, c = ++As, { effects: l, sequences: f, ...u } = o;
+    if (!a) {
+      console.error(`Interaction ${c} is missing a key for source element.`);
       return;
     }
-    le(r, c);
+    le(r, a);
     const d = l ? Array.from(l) : [];
     d.reverse();
     const g = f?.map((h) => {
@@ -2303,14 +2322,14 @@ function ks(t, e = !1) {
         return y ? { ...y, ...h } : (console.warn(`Interact: Sequence "${h.sequenceId}" not found in config`), h);
       }
       const v = h;
-      return v.sequenceId || (v.sequenceId = A()), v;
+      return v.sequenceId || (v.sequenceId = k()), v;
     }), p = {
       ...u,
       effects: d.length > 0 ? d : void 0,
       sequences: g
     };
-    r[c].triggers.push(p), r[c].selectors.add(
-      x(p, { useFirstChild: e })
+    r[a].triggers.push(p), r[a].selectors.add(
+      P(p, { useFirstChild: e })
     );
     const m = p.listContainer;
     d.forEach((h) => {
@@ -2319,30 +2338,30 @@ function ks(t, e = !1) {
         const S = n[h.effectId];
         S && (v = S.key);
       }
-      h.effectId || (h.effectId = A()), v = v || c, h.key = v;
+      h.effectId || (h.effectId = k()), v = v || a, h.key = v;
       const y = h.effectId;
-      if (m && h.listContainer && (v !== c || h.listContainer !== m))
+      if (m && h.listContainer && (v !== a || h.listContainer !== m))
         return;
-      const E = `${c}::${v}::${y}::${a}`;
-      if (h.interactionId = E, r[c].interactionIds.add(E), v === c)
+      const E = `${a}::${v}::${y}::${c}`;
+      if (h.interactionId = E, r[a].interactionIds.add(E), v === a)
         return;
       const w = le(r, v);
-      w.effects[E] || (w.effects[E] = [], w.interactionIds.add(E)), w.effects[E].push({ ...u, effect: h }), w.selectors.add(x(h, { useFirstChild: e }));
+      w.effects[E] || (w.effects[E] = [], w.interactionIds.add(E)), w.effects[E].push({ ...u, effect: h }), w.selectors.add(P(h, { useFirstChild: e }));
     }), g?.forEach((h) => {
       if (!h || Ne(h)) return;
-      const v = h, y = v.sequenceId || A(), E = v.effects;
+      const v = h, y = v.sequenceId || k(), E = v.effects;
       for (const w of E) {
-        w.effectId || (w.effectId = A());
+        w.effectId || (w.effectId = k());
         let S = w.key;
         if (!S && w.effectId) {
           const I = n[w.effectId];
           I && (S = I.key);
         }
-        S = S || c;
-        const T = x(w, { useFirstChild: e });
-        if (T && r[c].selectors.add(T), S !== c) {
-          const I = le(r, S), C = `${S}::seq::${y}::${a}`;
-          I.sequences[C] || (I.sequences[C] = [], I.interactionIds.add(C)), I.sequences[C].push({
+        S = S || a;
+        const T = P(w, { useFirstChild: e });
+        if (T && r[a].selectors.add(T), S !== a) {
+          const I = le(r, S), A = `${S}::seq::${y}::${c}`;
+          I.sequences[A] || (I.sequences[A] = [], I.interactionIds.add(A)), I.sequences[A].push({
             ...u,
             sequence: v
           }), I.selectors.add(T);
@@ -2372,47 +2391,49 @@ function ye(t, e, n) {
 function Ee(t, e) {
   return e.map((n) => t.selector ? n.querySelector(t.selector) : n).filter(Boolean);
 }
-function nt(t, e, n, s, i, r, o, c) {
+function st(t, e, n, s, i, r, o, a) {
   return [
     o ? Ee(t, o) : ye(t, n, s),
-    c ? Ee(e, c) : ye(e, i, r)
+    a ? Ee(e, a) : ye(e, i, r)
   ];
 }
-function st(t, e, n, s, i, r, o) {
-  const c = Array.isArray(s), a = Array.isArray(i);
-  c ? s.forEach((l, f) => {
-    const u = a ? i[f] : i;
-    u && ze(
+function it(t, e, n, s, i, r, o, a) {
+  const c = Array.isArray(s), l = Array.isArray(i);
+  c ? s.forEach((f, u) => {
+    const d = l ? i[u] : i;
+    d && ze(
       t,
-      l,
+      f,
       e.trigger,
-      u,
+      d,
       n,
       e.params,
       r,
-      o
+      o,
+      a
     );
-  }) : (a ? i : [i]).forEach((f) => {
+  }) : (l ? i : [i]).forEach((u) => {
     ze(
       t,
       s,
       e.trigger,
-      f,
+      u,
       n,
       e.params,
       r,
-      o
+      o,
+      a
     );
   });
 }
-function it(t, e, n, s, i) {
+function rt(t, e, n, s, i) {
   const r = {}, o = [];
-  (s.effects || []).forEach((c) => {
-    const a = c.effectId, l = {
-      ...n.dataCache.effects[a] || {},
-      ...c,
-      effectId: a
-    }, f = l.key, u = $(c.interactionId, t);
+  (s.effects || []).forEach((a) => {
+    const c = a.effectId, l = {
+      ...n.dataCache.effects[c] || {},
+      ...a,
+      effectId: c
+    }, f = l.key, u = $(a.interactionId, t);
     if (r[u] || n.addedInteractions[u] && !i)
       return;
     const d = _(l.conditions || [], n.dataCache.conditions);
@@ -2428,7 +2449,7 @@ function it(t, e, n, s, i) {
         l.listContainer && p.watchChildList(l.listContainer);
       } else
         p = e;
-      const [m, h] = nt(
+      const [m, h] = st(
         s,
         l,
         e.element,
@@ -2440,7 +2461,7 @@ function it(t, e, n, s, i) {
       if (!m || !h)
         return;
       n.addedInteractions[u] = !0;
-      const v = g || s.key, y = P(
+      const v = g || s.key, y = L(
         l.conditions || [],
         n.dataCache.conditions
       );
@@ -2451,22 +2472,23 @@ function it(t, e, n, s, i) {
         m,
         h,
         y,
-        p.useFirstChild
+        p.useFirstChild,
+        t
       ]);
     }
-  }), o.reverse().forEach((c) => {
-    st(...c);
+  }), o.reverse().forEach((a) => {
+    it(...a);
   }), $s(t, e, n, s, i);
 }
-function As(t) {
+function ks(t) {
   return "sequenceId" in t && !("effects" in t);
 }
-function rt(t, e, n, s, i, r, o) {
-  const c = _(t.conditions || [], i.dataCache.conditions);
-  if (c && i.setupMediaQueryListener(e, c, r.updateKey, r.onUpdate), c && !c.matches) return null;
-  const a = t.effects || [], l = [];
+function ot(t, e, n, s, i, r, o) {
+  const a = _(t.conditions || [], i.dataCache.conditions);
+  if (a && i.setupMediaQueryListener(e, a, r.updateKey, r.onUpdate), a && !a.matches) return null;
+  const c = t.effects || [], l = [];
   let f = !1;
-  for (const u of a) {
+  for (const u of c) {
     const d = u.effectId, p = {
       ...d ? i.dataCache.effects[d] || {} : {},
       ...u
@@ -2494,24 +2516,24 @@ function rt(t, e, n, s, i, r, o) {
       y.element,
       y.useFirstChild
     ), !w || Array.isArray(w) && w.length === 0) return null;
-    const S = L(p);
+    const S = q(p);
     l.push({ target: w, options: S });
   }
   return o && !f ? null : l.length > 0 ? l : null;
 }
-function ot(t, e, n) {
+function at(t, e, n) {
   const r = (t.useFirstChild ? t.element.firstElementChild : t.element)?.querySelector(e);
-  if (!r) return n.map((c, a) => a);
+  if (!r) return n.map((a, c) => c);
   const o = Array.from(r.children);
-  return n.map((c) => {
-    const a = o.indexOf(c);
-    return a >= 0 ? a : o.length;
+  return n.map((a) => {
+    const c = o.indexOf(a);
+    return c >= 0 ? c : o.length;
   });
 }
 function $s(t, e, n, s, i) {
   s.sequences?.forEach((r) => {
     let o;
-    if (As(r)) {
+    if (ks(r)) {
       const g = n.dataCache.sequences[r.sequenceId];
       if (!g) {
         console.warn(`Interact: Sequence "${r.sequenceId}" not found in cache`);
@@ -2520,11 +2542,11 @@ function $s(t, e, n, s, i) {
       o = { ...g, ...r };
     } else
       o = r;
-    const c = o.sequenceId || A(), a = $(`${t}::seq::${c}`, t);
-    if (n.addedInteractions[a] && !i) return;
-    const l = i && s.listContainer ? { controllerKey: t, listContainer: s.listContainer, elements: i } : void 0, f = rt(
+    const a = o.sequenceId || k(), c = $(`${t}::seq::${a}`, t);
+    if (n.addedInteractions[c] && !i) return;
+    const l = i && s.listContainer ? { controllerKey: t, listContainer: s.listContainer, elements: i } : void 0, f = ot(
       o,
-      a,
+      c,
       t,
       e,
       n,
@@ -2532,26 +2554,26 @@ function $s(t, e, n, s, i) {
       l
     );
     if (!f) return;
-    if (i && n.addedInteractions[a]) {
-      const g = ot(
+    if (i && n.addedInteractions[c]) {
+      const g = at(
         e,
         s.listContainer,
         i
       );
-      b.addToSequence(a, f, g, {
+      b.addToSequence(c, f, g, {
         reducedMotion: b.forceReducedMotion
       });
       return;
     }
-    const u = b.getSequence(a, o, f, {
+    const u = b.getSequence(c, o, f, {
       reducedMotion: b.forceReducedMotion
     });
-    n.addedInteractions[a] = !0;
-    const d = P(
+    n.addedInteractions[c] = !0;
+    const d = L(
       s.conditions || [],
       n.dataCache.conditions
     );
-    M[s.trigger]?.add(
+    x[s.trigger]?.add(
       e.element,
       e.element,
       { triggerType: o.triggerType },
@@ -2567,8 +2589,8 @@ function $s(t, e, n, s, i) {
 }
 function _s(t, e, n, s, i) {
   const r = n.get(t)?.sequences || {};
-  Object.keys(r).forEach((c) => {
-    r[c].some(({ sequence: l, ...f }) => {
+  Object.keys(r).forEach((a) => {
+    r[a].some(({ sequence: l, ...f }) => {
       const u = _(
         f.conditions || [],
         n.dataCache.conditions
@@ -2578,10 +2600,10 @@ function _s(t, e, n, s, i) {
       const d = f.key && $(f.key, t), g = b.getController(d);
       if (!g)
         return !0;
-      const p = l.sequenceId || A(), m = $(`${d}::seq::${p}`, d);
+      const p = l.sequenceId || k(), m = $(`${d}::seq::${p}`, d);
       if (n.addedInteractions[m] && !i)
         return !0;
-      const v = rt(
+      const v = ot(
         l,
         m,
         d,
@@ -2592,7 +2614,7 @@ function _s(t, e, n, s, i) {
       );
       if (!v) return !0;
       if (i && n.addedInteractions[m]) {
-        const w = ot(e, s, i);
+        const w = at(e, s, i);
         return b.addToSequence(m, v, w, {
           reducedMotion: b.forceReducedMotion
         }), !0;
@@ -2601,11 +2623,11 @@ function _s(t, e, n, s, i) {
         reducedMotion: b.forceReducedMotion
       });
       n.addedInteractions[m] = !0;
-      const E = P(
+      const E = L(
         f.conditions || [],
         n.dataCache.conditions
       );
-      return M[f.trigger]?.add(
+      return x[f.trigger]?.add(
         g.element,
         g.element,
         { triggerType: l.triggerType },
@@ -2621,8 +2643,8 @@ function _s(t, e, n, s, i) {
   });
 }
 function ct(t, e, n, s, i) {
-  const r = n.get(t), o = r?.effects || {}, c = Object.keys(o), a = [];
-  c.forEach((f) => {
+  const r = n.get(t), o = r?.effects || {}, a = Object.keys(o), c = [];
+  a.forEach((f) => {
     const u = $(f, t);
     if (n.addedInteractions[u] && !i)
       return;
@@ -2648,7 +2670,7 @@ function ct(t, e, n, s, i) {
         if (!w)
           return !0;
         v.listContainer && e.watchChildList(v.listContainer);
-        const [S, T] = nt(
+        const [S, T] = st(
           p,
           v,
           w.element,
@@ -2661,52 +2683,59 @@ function ct(t, e, n, s, i) {
         if (!S || !T)
           return !0;
         n.addedInteractions[u] = !0;
-        const I = P(
+        const I = L(
           v.conditions || [],
           n.dataCache.conditions
         );
-        return a.push([
+        return c.push([
           t,
           p,
           v,
           S,
           T,
           I,
-          e.useFirstChild
+          e.useFirstChild,
+          E || void 0
         ]), !0;
       }
       return !1;
     });
-  }), a.reverse().forEach((f) => {
-    st(...f);
+  }), c.reverse().forEach((f) => {
+    it(...f);
   }), _s(t, e, n, s, i);
   const l = Object.keys(r?.sequences || {}).length > 0;
-  return c.length > 0 || l;
+  return a.length > 0 || l;
 }
-function ze(t, e, n, s, i, r, o, c) {
-  let a;
+function ze(t, e, n, s, i, r, o, a, c) {
+  let l;
   if (i.transition || i.transitionProperties) {
-    const l = {
+    const u = {
       key: t,
       effectId: i.effectId,
       transition: i.transition,
       transitionProperties: i.transitionProperties,
-      childSelector: x(i, {
+      childSelector: P(i, {
         asCombinator: !0,
         addItemFilter: !0,
-        useFirstChild: c
+        useFirstChild: a
       }),
       selectorCondition: o
     };
-    if (a = b.getController(t), !a)
+    if (l = b.getController(t), !l)
       return;
-    a.renderStyle(gn(l));
+    l.renderStyle(gn(u));
   }
-  M[n]?.add(e, s, i, r, {
+  let f;
+  if (n === "animationEnd") {
+    const u = r.effectId, g = (c ? b.getInstance(c) : void 0)?.dataCache.effects[u];
+    g && (f = q(g));
+  }
+  x[n]?.add(e, s, i, r, {
     reducedMotion: b.forceReducedMotion,
-    targetController: a,
+    targetController: l,
     selectorCondition: o,
-    allowA11yTriggers: b.allowA11yTriggers
+    allowA11yTriggers: b.allowA11yTriggers,
+    sourceAnimationOptions: f
   });
 }
 function qs(t) {
@@ -2714,15 +2743,15 @@ function qs(t) {
   if (!n)
     return console.warn(`No instance found for key: ${e}`), b.setController(e, t), !1;
   const { triggers: s = [] } = n?.get(e) || {}, i = s.length > 0;
-  n.setController(e, t), s.forEach((o, c) => {
-    const a = _(o.conditions, n.dataCache.conditions);
-    if (a) {
-      const l = `${e}::trigger::${c}`;
-      n.setupMediaQueryListener(l, a, e, () => {
+  n.setController(e, t), s.forEach((o, a) => {
+    const c = _(o.conditions, n.dataCache.conditions);
+    if (c) {
+      const l = `${e}::trigger::${a}`;
+      n.setupMediaQueryListener(l, c, e, () => {
         t.update();
       });
     }
-    (!a || a.matches) && (o.listContainer && t.watchChildList(o.listContainer), it(e, t, n, o));
+    (!c || c.matches) && (o.listContainer && t.watchChildList(o.listContainer), rt(e, t, n, o));
   });
   let r = !1;
   return n && (r = ct(e, t, n)), i || r;
@@ -2731,17 +2760,17 @@ function Ms(t, e, n) {
   const s = t.key, i = b.getInstance(s);
   if (i) {
     const { triggers: r = [] } = i?.get(s) || {};
-    r.forEach((o, c) => {
+    r.forEach((o, a) => {
       if (o.listContainer !== e)
         return;
-      const a = _(o.conditions, i.dataCache.conditions);
-      if (a) {
-        const l = `${s}::listTrigger::${e}::${c}`;
-        i.setupMediaQueryListener(l, a, s, () => {
+      const c = _(o.conditions, i.dataCache.conditions);
+      if (c) {
+        const l = `${s}::listTrigger::${e}::${a}`;
+        i.setupMediaQueryListener(l, c, s, () => {
           t.update();
         });
       }
-      (!a || a.matches) && it(s, t, i, o, n);
+      (!c || c.matches) && rt(s, t, i, o, n);
     }), ct(s, t, i, e, n);
   }
 }
@@ -2751,10 +2780,10 @@ function xs(t, e = !1) {
     return;
   const i = [...s.get(n)?.selectors.values() || []].filter(Boolean).join(",");
   let r;
-  i ? (r = [...t.element.querySelectorAll(i)], t.useFirstChild || r.push(t.element)) : r = [t.element], at(r), s.deleteController(n, e);
+  i ? (r = [...t.element.querySelectorAll(i)], t.useFirstChild || r.push(t.element)) : r = [t.element], ft(r), s.deleteController(n, e);
 }
-function at(t) {
-  const e = Object.values(M);
+function ft(t) {
+  const e = Object.values(x);
   for (const n of t)
     for (const s of e)
       s.remove(n);
@@ -2836,12 +2865,12 @@ class Ps {
   _childListChangeHandler(e, n) {
     const s = this.key || this.element.dataset.interactKey, i = [], r = [];
     n.forEach((o) => {
-      o.removedNodes.forEach((c) => {
-        c instanceof HTMLElement && i.push(c);
-      }), o.addedNodes.forEach((c) => {
-        c instanceof HTMLElement && r.push(c);
+      o.removedNodes.forEach((a) => {
+        a instanceof HTMLElement && i.push(a);
+      }), o.addedNodes.forEach((a) => {
+        a instanceof HTMLElement && r.push(a);
       });
-    }), at(i), s && Ms(this, e, r);
+    }), ft(i), s && Ms(this, e, r);
   }
 }
 function Us(t, e) {
@@ -2851,7 +2880,7 @@ function Xs(t) {
   const e = b.getController(t);
   e && e.disconnect({ removeFromCache: !0 });
 }
-const ft = /* @__PURE__ */ new Map([
+const lt = /* @__PURE__ */ new Map([
   ["viewEnter", "once"],
   ["pageVisible", "once"],
   ["animationEnd", "once"],
@@ -2860,10 +2889,10 @@ const ft = /* @__PURE__ */ new Map([
   ["activate", "alternate"],
   ["interest", "alternate"]
 ]);
-function lt(t, e, n) {
-  const { effects: s = {}, conditions: i = {} } = n, { key: r, trigger: o } = e, c = o === "pointerMove";
-  t.effectId || (t.effectId = A());
-  const { effectId: a } = t, l = { ...s[a] || {}, ...t };
+function ut(t, e, n) {
+  const { effects: s = {}, conditions: i = {} } = n, { key: r, trigger: o } = e, a = o === "pointerMove";
+  t.effectId || (t.effectId = k());
+  const { effectId: c } = t, l = { ...s[c] || {}, ...t };
   let { key: f, conditions: u, triggerType: d } = l;
   if (!f) {
     if (!r)
@@ -2874,46 +2903,46 @@ function lt(t, e, n) {
     return null;
   u = [
     ...new Set((u || []).filter((w) => i[w]))
-  ], d || (d = ft.get(o));
+  ], d || (d = lt.get(o));
   const { namedEffect: g, customEffect: p, keyframeEffect: m, transition: h, transitionProperties: v, ...y } = {
     ...l,
     key: f,
     conditions: u,
-    effectId: a,
+    effectId: c,
     triggerType: d
-  }, E = vt(e, y);
+  }, E = yt(e, y);
   if (g)
-    return c || !g.type ? null : { namedEffect: g, initial: E, ...y };
+    return a || !g.type ? null : { namedEffect: g, initial: E, ...y };
   if (m) {
     if (!m.name) {
-      const w = a && !(s[a] && "keyframeEffect" in t);
-      m.name = w ? a : A();
+      const w = c && !(s[c] && "keyframeEffect" in t);
+      m.name = w ? c : k();
     }
     return { keyframeEffect: m, initial: E, ...y };
-  } else return p ? c ? null : { initial: E, ...y } : h ? { transition: h, initial: E, ...y } : v ? { transitionProperties: v, initial: E, ...y } : { initial: E, ...y };
+  } else return p ? a ? null : { initial: E, ...y } : h ? { transition: h, initial: E, ...y } : v ? { transitionProperties: v, initial: E, ...y } : { initial: E, ...y };
 }
 function Ls(t, e, n) {
   const { sequences: s = {}, conditions: i = {} } = n;
-  t.sequenceId || (t.sequenceId = A());
+  t.sequenceId || (t.sequenceId = k());
   const { sequenceId: r } = t, o = { ...s[r] || {}, ...t };
   let {
-    effects: c,
-    conditions: a,
+    effects: a,
+    conditions: c,
     triggerType: l,
     delay: f = 0,
     offset: u = 0,
     offsetEasing: d = "linear"
   } = o;
-  l || (l = ft.get(e.trigger)), a = [
-    ...new Set((a || []).filter((m) => i[m]))
+  l || (l = lt.get(e.trigger)), c = [
+    ...new Set((c || []).filter((m) => i[m]))
   ];
-  const g = c.map((m) => (m.conditions ? m.conditions.push(...a) : m.conditions = [...a], lt({ ...m, triggerType: l }, e, n)));
+  const g = a.map((m) => (m.conditions ? m.conditions.push(...c) : m.conditions = [...c], ut({ ...m, triggerType: l }, e, n)));
   typeof d != "function" && (d = be(d) || ((m) => m)), pn(g, f, u, d);
   const p = g.filter((m) => m !== null);
   return p.length ? {
     sequenceId: r,
     triggerType: l,
-    conditions: a,
+    conditions: c,
     delay: f,
     offset: u,
     offsetEasing: d,
@@ -2937,9 +2966,9 @@ function Fs(t) {
       if (r > 1)
         return console.error("Offsets must be in the range [0,1]"), [];
       const o = i - n;
-      for (let c = n + 1; c < i; c++) {
-        const a = (c - n) / o;
-        e[c].offset = s + (r - s) * a;
+      for (let a = n + 1; a < i; a++) {
+        const c = (a - n) / o;
+        e[a].offset = s + (r - s) * c;
       }
       n = i, s = r;
     }
@@ -2966,33 +2995,33 @@ ${s}
 }`;
 }
 function Hs(t) {
-  const { key: e, childSelector: n, declarations: s, media: i, states: r, selectorCondition: o, addInitialSelector: c } = t;
+  const { key: e, childSelector: n, declarations: s, media: i, states: r, selectorCondition: o, addInitialSelector: a } = t;
   if (!s.length)
     return "";
-  let a = `[data-interact-key="${e}"]${c ? ":is(:not([data-interact-enter]))" : ""}`;
+  let c = `[data-interact-key="${e}"]`;
   if (r && r.length) {
     const u = r.map((d) => `:state(${d}), :--${d}, [data-interact-effect~="${d}"]`).join(", ");
-    a = `${a}:is(${u})`;
+    c = `${c}:is(${u})`;
   }
-  n && (a = `${a} ${n}`), o && (a = te(a, o));
+  n && (c = `${c} ${n}`), a && (c = `${c}:not([data-interact-enter])`), o && (c = te(c, o));
   const l = s.map(({ name: u, value: d }) => `${u}: ${d};`).join(`
-`), f = `${a} {
+`), f = `${c} {
 ${l}
 }`;
   return i ? `@media ${i} {
 ${f}
 }` : f;
 }
-function ut(t, e, n, s) {
-  const { key: i, childSelector: r, properties: o } = t, c = Object.entries(o).filter(
+function dt(t, e, n, s) {
+  const { key: i, childSelector: r, properties: o } = t, a = Object.entries(o).filter(
     (l) => l[1] && l[1].varNames.length
   ).map(([l, { fallback: f, varNames: u }]) => ({
     name: l,
     value: u.map((d) => `var(${d}, ${f})`).join(", ")
-  })), a = { key: i, childSelector: r, declarations: c };
-  return e && a.declarations.forEach((l) => {
+  })), c = { key: i, childSelector: r, declarations: a };
+  return e && c.declarations.forEach((l) => {
     l.name = e[l.name];
-  }), n && (a.media = ce(n, s || {}, "media"), a.selectorCondition = P(n, s || {})), a;
+  }), n && (c.media = ae(n, s || {}, "media"), c.selectorCondition = L(n, s || {})), c;
 }
 const js = [
   { name: "visibility", value: "hidden" },
@@ -3017,18 +3046,18 @@ const js = [
   "animation-timeline": "auto",
   "animation-range": "normal"
 };
-function dt(t, e, n) {
+function ht(t, e, n) {
   const s = t.get(e);
   s ? n.forEach((i) => s.add(i)) : t.set(e, new Set(n));
 }
-function ht(t, e, n, s) {
-  const { key: i, childSelector: r } = n, o = s ? we.filter((a) => s.has(a)) : we;
+function mt(t, e, n, s) {
+  const { key: i, childSelector: r } = n, o = s ? we.filter((c) => s.has(c)) : we;
   t.has(e) || t.set(e, { key: i, childSelector: r, properties: {} });
-  const { properties: c } = t.get(e);
-  for (const a of o)
-    c[a] || (c[a] = { fallback: ie[a], varNames: [] }), c[a].varNames.push(n[a]);
+  const { properties: a } = t.get(e);
+  for (const c of o)
+    a[c] || (a[c] = { fallback: ie[c], varNames: [] }), a[c].varNames.push(n[c]);
 }
-function mt(t, e) {
+function pt(t, e) {
   return we.reduce(
     (n, s) => (n[s] = hn([s, ...t, e]), n),
     {}
@@ -3038,14 +3067,14 @@ function Gs(t, e, n, s, i) {
   return s.has(t) || s.set(t, {
     key: e,
     childSelector: i,
-    ...mt([n], He(t))
+    ...pt([n], He(t))
   }), s.get(t);
 }
 function Ws(t, e, n) {
-  return mt([e, n], He(t));
+  return pt([e, n], He(t));
 }
 function Vs(t, e, n, s = !0) {
-  const { key: i, conditions: r } = t, o = ce(r, e, "media"), c = P(r, e), a = x(t, {
+  const { key: i, conditions: r } = t, o = ae(r, e, "media"), a = L(r, e), c = P(t, {
     asCombinator: !0,
     useFirstChild: s,
     addItemFilter: !0
@@ -3053,8 +3082,8 @@ function Vs(t, e, n, s = !0) {
   return {
     key: i,
     media: o,
-    selectorCondition: c,
-    childSelector: a,
+    selectorCondition: a,
+    childSelector: c,
     // invalidating earlier cascaded custom properties affected from earlier transitionEffects
     // to implement same-interaction-cascade
     declarations: [
@@ -3069,13 +3098,13 @@ function Ys(t, e, n, s, i) {
   const {
     key: r,
     effectId: o,
-    conditions: c,
-    namedEffect: a,
+    conditions: a,
+    namedEffect: c,
     keyframeEffect: l,
     transition: f,
     transitionProperties: u,
     initial: d
-  } = t, g = ce(c, e, "media"), p = P(c, e), m = [
+  } = t, g = ae(a, e, "media"), p = L(a, e), m = [
     {
       key: r,
       media: g,
@@ -3087,9 +3116,9 @@ function Ys(t, e, n, s, i) {
   let h = [];
   const { declarations: v } = m[0];
   let y = [];
-  if (a || l) {
+  if (c || l) {
     y = [...se];
-    const E = L(t), w = rn(null, E, s).filter(
+    const E = q(t), w = on(null, E, s).filter(
       (T) => T.name
     );
     h = w.map((T) => ({
@@ -3097,14 +3126,14 @@ function Ys(t, e, n, s, i) {
       keyframes: T.keyframes
     })), v.push(
       ...w.flatMap(
-        ({ custom: T }) => Object.entries(T || {}).filter(([I, C]) => C !== void 0).map(([I, C]) => ({ name: I, value: C }))
+        ({ custom: T }) => Object.entries(T || {}).filter(([I, A]) => A !== void 0).map(([I, A]) => ({ name: I, value: A }))
       )
     );
     const S = se.map((T) => ({
       name: n[T],
       value: w.map((I) => {
-        const C = Ds[T];
-        return I[C];
+        const A = Ds[T];
+        return I[A];
       }).join(", ") || ie[T]
     }));
     d ? m.push({
@@ -3117,7 +3146,7 @@ function Ys(t, e, n, s, i) {
     }) : v.push(...S);
   } else if (f || u) {
     y = ["transition"];
-    const E = f?.styleProperties || u || [], w = Qe(t);
+    const E = f?.styleProperties || u || [], w = Ue(t);
     v.push({
       name: n.transition,
       value: w.join(", ") || ie.transition
@@ -3138,8 +3167,8 @@ function Ys(t, e, n, s, i) {
     );
   return { rules: m.filter((E) => E.declarations.length), keyframes: h, usedProperties: y };
 }
-function pt(t, e, n, s, i, r, o = !0, c, a) {
-  const { key: l } = n, f = a ?? G(n), u = x(n, {
+function gt(t, e, n, s, i, r, o = !0, a, c) {
+  const { key: l } = n, f = c ?? G(n), u = P(n, {
     asCombinator: !0,
     useFirstChild: o,
     addItemFilter: !0
@@ -3150,7 +3179,7 @@ function pt(t, e, n, s, i, r, o = !0, c, a) {
     s,
     u
   ) };
-  c && Object.assign(g, c);
+  a && Object.assign(g, a);
   const { rules: p, keyframes: m, usedProperties: h } = Ys(
     n,
     t,
@@ -3160,16 +3189,16 @@ function pt(t, e, n, s, i, r, o = !0, c, a) {
   );
   return m.forEach(({ name: v, keyframes: y }) => i.set(v, y)), { rules: p, usedProperties: h };
 }
-function Ks(t, e, n, s, i, r, o = !0, c) {
-  const a = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map(), f = [];
+function Bs(t, e, n, s, i, r, o = !0, a) {
+  const c = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map(), f = [];
   for (const d of n.effects) {
-    const g = G(d), { key: p } = d, m = x(d, {
+    const g = G(d), { key: p } = d, m = P(d, {
       asCombinator: !0,
       useFirstChild: o,
       addItemFilter: !0
     }), h = l.get(g) || 0;
     l.set(g, h + 1);
-    const v = Ws(g, e, h), { rules: y, usedProperties: E } = pt(
+    const v = Ws(g, e, h), { rules: y, usedProperties: E } = gt(
       t,
       e,
       d,
@@ -3182,28 +3211,28 @@ function Ks(t, e, n, s, i, r, o = !0, c) {
     );
     f.push(...y);
     const w = new Set(E);
-    ht(
-      a,
+    mt(
+      c,
       g,
       { key: p, childSelector: m, ...v },
       w
-    ), c && dt(c, g, E);
+    ), a && ht(a, g, E);
   }
   const { conditions: u } = n;
-  return a.forEach((d, g) => {
+  return c.forEach((d, g) => {
     const p = s.get(g);
-    f.push(ut(d, p, u, t));
+    f.push(dt(d, p, u, t));
   }), f;
 }
-function Bs(t, e, n, s, i, r = !0) {
-  const { effects: o = [], sequences: c = [] } = e, a = t.conditions || {}, l = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map(), u = o.map((h) => lt(h, e, t)).filter((h) => h !== null), d = [], { trigger: g } = e, p = {
+function Ks(t, e, n, s, i, r = !0) {
+  const { effects: o = [], sequences: a = [] } = e, c = t.conditions || {}, l = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map(), u = o.map((h) => ut(h, e, t)).filter((h) => h !== null), d = [], { trigger: g } = e, p = {
     trigger: mn(g),
     id: ["trigger", n].join("-")
   };
-  g === "viewProgress" && d.push(Vs(e, a, p.id, r));
+  g === "viewProgress" && d.push(Vs(e, c, p.id, r));
   for (const h of u) {
-    const v = G(h), { rules: y, usedProperties: E } = pt(
-      a,
+    const v = G(h), { rules: y, usedProperties: E } = gt(
+      c,
       n,
       h,
       l,
@@ -3211,13 +3240,13 @@ function Bs(t, e, n, s, i, r = !0) {
       p,
       r
     );
-    d.push(...y), dt(f, v, E);
+    d.push(...y), ht(f, v, E);
   }
-  const m = c.map((h) => Ls(h, e, t)).filter((h) => h !== null);
+  const m = a.map((h) => Ls(h, e, t)).filter((h) => h !== null);
   return d.push(
     ...m.flatMap(
-      (h) => Ks(
-        a,
+      (h) => Bs(
+        c,
         n,
         h,
         l,
@@ -3228,7 +3257,7 @@ function Bs(t, e, n, s, i, r = !0) {
       )
     )
   ), l.forEach((h, v) => {
-    ht(
+    mt(
       s,
       v,
       h,
@@ -3238,10 +3267,10 @@ function Bs(t, e, n, s, i, r = !0) {
 }
 function Qs(t, e = !0) {
   const n = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map(), i = t.interactions.flatMap(
-    (r, o) => Bs(t, r, o, n, s, e)
+    (r, o) => Ks(t, r, o, n, s, e)
   );
   return n.forEach((r) => {
-    i.push(ut(r));
+    i.push(dt(r));
   }), { keyframes: s, cssRules: i };
 }
 function Zs(t, e = !0) {
@@ -3259,4 +3288,4 @@ export {
   Zs as g,
   Xs as r
 };
-//# sourceMappingURL=index-CBaynReP.mjs.map
+//# sourceMappingURL=index-C6u4q815.mjs.map