@wix/interact 2.0.4 → 2.1.1

package/dist/{index-BZL18ynN.mjs → index-BtEG0cjF.mjs}

@@ -5,11 +5,11 @@ function C(e, t) {
   const n = st(t);
   let s = 0;
   return n.length ? e.replace(/\[]/g, () => {
-    const i = n[s++];
-    return i !== void 0 ? `[${i}]` : "[]";
+    const r = n[s++];
+    return r !== void 0 ? `[${r}]` : "[]";
   }) : e;
 }
-class N {
+class G {
   animations;
   options;
   ready;
@@ -38,7 +38,7 @@ class N {
   }
   progress(t) {
     for (const n of this.animations) {
-      const { delay: s, duration: i, iterations: r } = n.effect.getTiming(), o = (Number.isFinite(i) ? i : 0) * (Number.isFinite(r) ? r : 1);
+      const { delay: s, duration: r, iterations: i } = n.effect.getTiming(), o = (Number.isFinite(r) ? r : 0) * (Number.isFinite(i) ? i : 1);
       n.currentTime = ((s || 0) + o) * t;
     }
   }
@@ -57,8 +57,8 @@ class N {
       if (n && !this.isCSS) {
         const s = n.effect?.target;
         if (s) {
-          const i = new Event("animationend");
-          s.dispatchEvent(i);
+          const r = new Event("animationend");
+          s.dispatchEvent(r);
         }
       }
       t();
@@ -74,16 +74,16 @@ class N {
   }
   getTimingOptions() {
     return this.animations.map((t) => {
-      const n = t.effect?.getTiming(), s = n?.delay ?? 0, i = Number(n?.duration) || 0, r = n?.iterations ?? 1;
+      const n = t.effect?.getTiming(), s = n?.delay ?? 0, r = Number(n?.duration) || 0, i = n?.iterations ?? 1;
       return {
         delay: s,
-        duration: i,
-        iterations: r
+        duration: r,
+        iterations: i
       };
     });
   }
 }
-const Re = (e) => e, it = (e) => 1 - Math.cos(e * Math.PI / 2), rt = (e) => Math.sin(e * Math.PI / 2), ot = (e) => -(Math.cos(Math.PI * e) - 1) / 2, ct = (e) => e ** 2, at = (e) => 1 - (1 - e) ** 2, ft = (e) => e < 0.5 ? 2 * e ** 2 : 1 - (-2 * e + 2) ** 2 / 2, lt = (e) => e ** 3, ut = (e) => 1 - (1 - e) ** 3, dt = (e) => e < 0.5 ? 4 * e ** 3 : 1 - (-2 * e + 2) ** 3 / 2, ht = (e) => e ** 4, mt = (e) => 1 - (1 - e) ** 4, pt = (e) => e < 0.5 ? 8 * e ** 4 : 1 - (-2 * e + 2) ** 4 / 2, gt = (e) => e ** 5, vt = (e) => 1 - (1 - e) ** 5, yt = (e) => e < 0.5 ? 16 * e ** 5 : 1 - (-2 * e + 2) ** 5 / 2, Et = (e) => e === 0 ? 0 : 2 ** (10 * e - 10), wt = (e) => e === 1 ? 1 : 1 - 2 ** (-10 * e), bt = (e) => e === 0 ? 0 : e === 1 ? 1 : e < 0.5 ? 2 ** (20 * e - 10) / 2 : (2 - 2 ** (-20 * e + 10)) / 2, St = (e) => 1 - Math.sqrt(1 - e ** 2), It = (e) => Math.sqrt(1 - (e - 1) ** 2), Tt = (e) => e < 0.5 ? (1 - Math.sqrt(1 - 4 * e ** 2)) / 2 : (Math.sqrt(-(2 * e - 3) * (2 * e - 1)) + 1) / 2, Ot = (e) => 2.70158 * e ** 3 - 1.70158 * e ** 2, Ct = (e) => 1 + 2.70158 * (e - 1) ** 3 + 1.70158 * (e - 1) ** 2, _t = (e, t = 1.70158 * 1.525) => e < 0.5 ? (2 * e) ** 2 * ((t + 1) * 2 * e - t) / 2 : ((2 * e - 2) ** 2 * ((t + 1) * (e * 2 - 2) + t) + 2) / 2, we = {
+const Re = (e) => e, it = (e) => 1 - Math.cos(e * Math.PI / 2), rt = (e) => Math.sin(e * Math.PI / 2), ot = (e) => -(Math.cos(Math.PI * e) - 1) / 2, ct = (e) => e ** 2, at = (e) => 1 - (1 - e) ** 2, ft = (e) => e < 0.5 ? 2 * e ** 2 : 1 - (-2 * e + 2) ** 2 / 2, lt = (e) => e ** 3, ut = (e) => 1 - (1 - e) ** 3, dt = (e) => e < 0.5 ? 4 * e ** 3 : 1 - (-2 * e + 2) ** 3 / 2, ht = (e) => e ** 4, mt = (e) => 1 - (1 - e) ** 4, pt = (e) => e < 0.5 ? 8 * e ** 4 : 1 - (-2 * e + 2) ** 4 / 2, gt = (e) => e ** 5, vt = (e) => 1 - (1 - e) ** 5, yt = (e) => e < 0.5 ? 16 * e ** 5 : 1 - (-2 * e + 2) ** 5 / 2, Et = (e) => e === 0 ? 0 : 2 ** (10 * e - 10), wt = (e) => e === 1 ? 1 : 1 - 2 ** (-10 * e), bt = (e) => e === 0 ? 0 : e === 1 ? 1 : e < 0.5 ? 2 ** (20 * e - 10) / 2 : (2 - 2 ** (-20 * e + 10)) / 2, St = (e) => 1 - Math.sqrt(1 - e ** 2), It = (e) => Math.sqrt(1 - (e - 1) ** 2), Tt = (e) => e < 0.5 ? (1 - Math.sqrt(1 - 4 * e ** 2)) / 2 : (Math.sqrt(-(2 * e - 3) * (2 * e - 1)) + 1) / 2, Ot = (e) => 2.70158 * e ** 3 - 1.70158 * e ** 2, Ct = (e) => 1 + 2.70158 * (e - 1) ** 3 + 1.70158 * (e - 1) ** 2, kt = (e, t = 1.70158 * 1.525) => e < 0.5 ? (2 * e) ** 2 * ((t + 1) * 2 * e - t) / 2 : ((2 * e - 2) ** 2 * ((t + 1) * (e * 2 - 2) + t) + 2) / 2, we = {
   linear: Re,
   sineIn: it,
   sineOut: rt,
@@ -108,7 +108,7 @@ const Re = (e) => e, it = (e) => 1 - Math.cos(e * Math.PI / 2), rt = (e) => Math
   circInOut: Tt,
   backIn: Ot,
   backOut: Ct,
-  backInOut: _t
+  backInOut: kt
 }, be = {
   linear: "linear",
   ease: "ease",
@@ -140,22 +140,22 @@ const Re = (e) => e, it = (e) => 1 - Math.cos(e * Math.PI / 2), rt = (e) => Math
   backOut: "cubic-bezier(0.175, 0.885, 0.32, 1.275)",
   backInOut: "cubic-bezier(0.68, -0.55, 0.265, 1.55)"
 };
-function kt(e) {
+function qt(e) {
   return e === "percentage" ? "%" : e || "px";
 }
 function B(e) {
   return e ? be[e] || e : be.linear;
 }
 function At(e, t, n, s) {
-  const i = 3 * e, r = 3 * (n - e) - i, o = 1 - i - r, c = 3 * t, u = 3 * (s - t) - c, f = 1 - c - u, a = (d) => ((o * d + r) * d + i) * d, l = (d) => ((f * d + u) * d + c) * d, m = (d) => (3 * o * d + 2 * r) * d + i;
+  const r = 3 * e, i = 3 * (n - e) - r, o = 1 - r - i, c = 3 * t, u = 3 * (s - t) - c, f = 1 - c - u, a = (d) => ((o * d + i) * d + r) * d, l = (d) => ((f * d + u) * d + c) * d, m = (d) => (3 * o * d + 2 * i) * d + r;
   function g(d) {
     let h = d;
     for (let v = 0; v < 8; v++) {
-      const E = a(h) - d;
-      if (Math.abs(E) < 1e-7) return h;
+      const w = a(h) - d;
+      if (Math.abs(w) < 1e-7) return h;
       const b = m(h);
       if (Math.abs(b) < 1e-6) break;
-      h -= E / b;
+      h -= w / b;
     }
     let p = 0, y = 1;
     for (h = (p + y) / 2; y - p > 1e-7; ) {
@@ -167,16 +167,16 @@ function At(e, t, n, s) {
   }
   return (d) => d <= 0 ? 0 : d >= 1 ? 1 : l(g(d));
 }
-function xt(e) {
+function _t(e) {
   const t = e.match(
     /^cubic-bezier\(\s*(-?[\d.]+)\s*,\s*(-?[\d.]+)\s*,\s*(-?[\d.]+)\s*,\s*(-?[\d.]+)\s*\)$/
   );
   if (!t) return;
-  const n = parseFloat(t[1]), s = parseFloat(t[2]), i = parseFloat(t[3]), r = parseFloat(t[4]);
-  if (![n, s, i, r].some(isNaN))
-    return At(n, s, i, r);
+  const n = parseFloat(t[1]), s = parseFloat(t[2]), r = parseFloat(t[3]), i = parseFloat(t[4]);
+  if (![n, s, r, i].some(isNaN))
+    return At(n, s, r, i);
 }
-function qt(e) {
+function xt(e) {
   const t = e.match(/^linear\((.+)\)$/);
   if (!t) return;
   const n = t[1].split(",").map((o) => o.trim()).filter(Boolean);
@@ -196,52 +196,52 @@ function qt(e) {
   }
   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);
-  let i = 0;
-  for (; i < s.length; )
-    if (s[i].pos === null) {
-      const o = i - 1;
-      let c = i;
+  let r = 0;
+  for (; r < s.length; )
+    if (s[r].pos === null) {
+      const o = r - 1;
+      let c = r;
       for (; c < s.length && s[c].pos === null; ) c++;
       const u = s[o].pos, f = s[c].pos, a = c - o;
       for (let l = o + 1; l < c; l++)
         s[l].pos = u + (f - u) * (l - o) / a;
-      i = c + 1;
+      r = c + 1;
     } else
-      i++;
+      r++;
   for (let o = 1; o < s.length; o++)
     s[o].pos < s[o - 1].pos && (s[o].pos = s[o - 1].pos);
-  const r = s;
+  const i = s;
   return (o) => {
-    if (o <= r[0].pos) return r[0].output;
-    const c = r[r.length - 1];
+    if (o <= i[0].pos) return i[0].output;
+    const c = i[i.length - 1];
     if (o >= c.pos) return c.output;
-    let u = 0, f = r.length - 1;
+    let u = 0, f = i.length - 1;
     for (; u < f - 1; ) {
       const m = u + f >>> 1;
-      r[m].pos <= o ? u = m : f = m;
+      i[m].pos <= o ? u = m : f = m;
     }
-    const a = r[u], l = r[f];
+    const a = i[u], l = i[f];
     return l.pos === a.pos ? l.output : a.output + (l.output - a.output) * (o - a.pos) / (l.pos - a.pos);
   };
 }
 function ze(e) {
   if (!e) return;
   const t = we[e];
-  return t || (xt(e) ?? qt(e) ?? we.linear);
+  return t || (_t(e) ?? xt(e) ?? we.linear);
 }
-class Lt extends N {
+class Mt extends G {
   animationGroups;
   delay;
   offset;
   offsetEasing;
   timingOptions;
   constructor(t, n = {}) {
-    const s = t.flatMap((i) => [...i.animations]);
-    super(s), this.animationGroups = t, this.delay = n.delay ?? 0, this.offset = n.offset ?? 0, this.offsetEasing = typeof n.offsetEasing == "function" ? n.offsetEasing : ze(n.offsetEasing) ?? Re, this.timingOptions = this.animationGroups.map((i) => i.getTimingOptions().map(({ delay: r, duration: o, iterations: c }) => ({
-      delay: r,
+    const s = t.flatMap((r) => [...r.animations]);
+    super(s), this.animationGroups = t, this.delay = n.delay ?? 0, this.offset = n.offset ?? 0, this.offsetEasing = typeof n.offsetEasing == "function" ? n.offsetEasing : ze(n.offsetEasing) ?? Re, this.timingOptions = this.animationGroups.map((r) => r.getTimingOptions().map(({ delay: i, duration: o, iterations: c }) => ({
+      delay: i,
       duration: Number.isFinite(o) ? o : 0,
       iterations: Number.isFinite(c) ? c : 1
-    }))), this.applyOffsets(), this.ready = Promise.all(t.map((i) => i.ready)).then(() => {
+    }))), this.applyOffsets(), this.ready = Promise.all(t.map((r) => r.ready)).then(() => {
     });
   }
   /**
@@ -255,16 +255,17 @@ class Lt extends N {
     const n = t - 1;
     return Array.from(
       { length: t },
-      (s, i) => this.offsetEasing(i / n) * n * this.offset | 0
+      (s, r) => this.offsetEasing(r / n) * n * this.offset | 0
     );
   }
   applyOffsets() {
+    if (this.animationGroups.length === 0 || this.animations.length === 0) return;
     const t = this.calculateOffsets(), n = this.getSequenceActiveDuration(t);
-    this.animationGroups.forEach((s, i) => {
-      s.animations.forEach((r, o) => {
-        const c = r.effect;
+    this.animationGroups.forEach((s, r) => {
+      s.animations.forEach((i, o) => {
+        const c = i.effect;
         if (!c) return;
-        const { delay: u, duration: f, iterations: a } = this.timingOptions[i][o], l = u + t[i], m = n - (l + f * a);
+        const { delay: u, duration: f, iterations: a } = this.timingOptions[r][o], l = u + t[r], m = n - (l + f * a);
         c.updateTiming({ delay: l + this.delay, endDelay: m });
       });
     });
@@ -272,12 +273,12 @@ class Lt extends N {
   getSequenceActiveDuration(t) {
     const n = [];
     for (let s = 0; s < this.timingOptions.length; s++) {
-      const i = this.timingOptions[s].reduce((r, o) => {
-        if (!o) return r;
+      const r = this.timingOptions[s].reduce((i, o) => {
+        if (!o) return i;
         const { delay: c, duration: u, iterations: f } = o;
-        return Math.max(r, c + u * f);
+        return Math.max(i, c + u * f);
       }, 0);
-      n.push(t[s] + i);
+      n.push(t[s] + r);
     }
     return Math.max(...n);
   }
@@ -288,16 +289,31 @@ class Lt extends N {
    */
   addGroups(t) {
     if (t.length === 0) return;
-    const n = [...t].sort((s, i) => i.index - s.index);
-    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((u, f) => u + f.animations.length, 0);
+    const n = [...t].sort((s, r) => r.index - s.index);
+    for (const { index: s, group: r } of n) {
+      const i = Math.min(s, this.animationGroups.length);
+      this.animationGroups.splice(i, 0, r), this.timingOptions.splice(i, 0, r.getTimingOptions());
+      const o = [...r.animations], c = this.animationGroups.slice(0, i).reduce((u, f) => u + f.animations.length, 0);
       this.animations.splice(c, 0, ...o);
     }
     this.applyOffsets(), this.ready = Promise.all(this.animationGroups.map((s) => s.ready)).then(() => {
     });
   }
+  /**
+   * Removes AnimationGroups that match the predicate, then recalculates
+   * stagger offsets for remaining groups. Cancelled animations in removed
+   * groups are returned.
+   */
+  removeGroups(t) {
+    const n = [], s = [], r = [];
+    for (let i = 0; i < this.animationGroups.length; i++)
+      t(this.animationGroups[i]) ? n.push(this.animationGroups[i]) : (s.push(this.animationGroups[i]), r.push(this.timingOptions[i]));
+    if (n.length === 0) return n;
+    for (const i of n)
+      i.cancel();
+    return this.animationGroups = s, this.timingOptions = r, this.animations = s.flatMap((i) => [...i.animations]), this.applyOffsets(), this.ready = Promise.all(this.animationGroups.map((i) => i.ready)).then(() => {
+    }), n;
+  }
   async onFinish(t) {
     try {
       await Promise.all(this.animationGroups.map((n) => n.finished)), t();
@@ -306,18 +322,18 @@ class Lt extends N {
     }
   }
 }
-class Mt {
+class Lt {
   _animation;
   customEffect;
   progress;
   _tickCbId;
   _finishHandler;
-  constructor(t, n, s, i) {
-    const r = new KeyframeEffect(n, [], {
+  constructor(t, n, s, r) {
+    const i = new KeyframeEffect(n, [], {
       ...s,
       composite: "add"
-    }), { timeline: o } = i;
-    this._animation = new Animation(r, o), this._tickCbId = null, this.progress = null, this.customEffect = (c) => t(r.target, c), this._finishHandler = (c) => {
+    }), { timeline: o } = r;
+    this._animation = new Animation(i, o), this._tickCbId = null, this.progress = null, this.customEffect = (c) => t(i.target, c), this._finishHandler = (c) => {
       this.effect.target?.getAnimations().find((u) => u === this._animation) || this.cancel();
     }, this.addEventListener("finish", this._finishHandler), this.addEventListener("remove", this._finishHandler);
   }
@@ -446,23 +462,23 @@ class Mt {
     return this._animation.dispatchEvent(t);
   }
 }
-function $t(e) {
+function Pt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var K = { exports: {} }, Se = K.exports, Ie;
-function Pt() {
+function $t() {
   return Ie || (Ie = 1, (function(e) {
     (function(t) {
       var n = function() {
       }, s = t.requestAnimationFrame || t.webkitRequestAnimationFrame || t.mozRequestAnimationFrame || t.msRequestAnimationFrame || function(a) {
         return setTimeout(a, 16);
       };
-      function i() {
+      function r() {
         var a = this;
         a.reads = [], a.writes = [], a.raf = s.bind(t);
       }
-      i.prototype = {
-        constructor: i,
+      r.prototype = {
+        constructor: r,
         /**
          * We run this inside a try catch
          * so that if any jobs error, we
@@ -484,7 +500,7 @@ function Pt() {
          */
         measure: function(a, l) {
           var m = l ? a.bind(l) : a;
-          return this.reads.push(m), r(this), m;
+          return this.reads.push(m), i(this), m;
         },
         /**
          * Adds a job to the
@@ -497,7 +513,7 @@ function Pt() {
          */
         mutate: function(a, l) {
           var m = l ? a.bind(l) : a;
-          return this.writes.push(m), r(this), m;
+          return this.writes.push(m), i(this), m;
         },
         /**
          * Clears a scheduled 'read' or 'write' task.
@@ -553,7 +569,7 @@ function Pt() {
         // when tasks throw
         catch: null
       };
-      function r(a) {
+      function i(a) {
         a.scheduled || (a.scheduled = !0, a.raf(o.bind(null, a)));
       }
       function o(a) {
@@ -563,7 +579,7 @@ function Pt() {
         } catch (d) {
           g = d;
         }
-        if (a.scheduled = !1, (m.length || l.length) && r(a), g)
+        if (a.scheduled = !1, (m.length || l.length) && i(a), g)
           if (n("task errored", g.message), a.catch) a.catch(g);
           else throw g;
       }
@@ -575,13 +591,13 @@ function Pt() {
         for (var m in l)
           l.hasOwnProperty(m) && (a[m] = l[m]);
       }
-      var f = t.fastdom = t.fastdom || new i();
+      var f = t.fastdom = t.fastdom || new r();
       e.exports = f;
     })(typeof window < "u" ? window : typeof Se < "u" ? Se : globalThis);
   })(K)), K.exports;
 }
-var Ft = Pt();
-const I = /* @__PURE__ */ $t(Ft), fe = {};
+var Ft = $t();
+const T = /* @__PURE__ */ Pt(Ft), fe = {};
 function Rt(e) {
   Object.assign(fe, e);
 }
@@ -590,33 +606,33 @@ function zt(e) {
     `${e} not found in registry. Please make sure to import and register the preset.`
   ), null);
 }
-function L(e, t) {
+function M(e, t) {
   return e ? document.getElementById(e) : null;
 }
 function Ht(e, t) {
   return e?.matches(`[data-motion-part~="${t}"]`) ? e : e?.querySelector(`[data-motion-part~="${t}"]`);
 }
-function Nt(e) {
+function Gt(e) {
   const t = e.alternate ? "alternate" : "";
   return e.reversed ? `${t ? `${t}-` : ""}reverse` : t || "normal";
 }
 function re(e) {
-  return `${e.value}${kt(e.unit)}`;
+  return `${e.value}${qt(e.unit)}`;
 }
 function Te(e, t, n) {
   return `${e.name || "cover"} ${n && e.offset.unit !== "percentage" ? `calc(100% + ${re(e.offset)}${t ? ` + ${t}` : ""})` : t ? `calc(${re(e.offset)} + ${t})` : re(e.offset)}`;
 }
-function Dt(e) {
+function Nt(e) {
   return {
     start: Te(e.startOffset, e.startOffsetAdd),
     end: Te(e.endOffset, e.endOffsetAdd, !0)
   };
 }
 function He(e) {
-  return (t) => I.measure(() => t(e));
+  return (t) => T.measure(() => t(e));
 }
-function Ne(e) {
-  return (t) => I.mutate(() => t(e));
+function Ge(e) {
+  return (t) => T.mutate(() => t(e));
 }
 function Z(e) {
   if (e.namedEffect) {
@@ -624,51 +640,51 @@ function Z(e) {
     return typeof t == "string" ? zt(t) : null;
   } else if (e.keyframeEffect) {
     const t = (s) => {
-      const { name: i, keyframes: r } = s.keyframeEffect;
-      return [{ ...s, name: i, keyframes: r }];
+      const { name: r, keyframes: i } = s.keyframeEffect;
+      return [{ ...s, name: r, keyframes: i }];
     };
     return { web: t, style: t, getNames: (s) => {
-      const { effectId: i } = s, { name: r } = s.keyframeEffect, o = r || i;
+      const { effectId: r } = s, { name: i } = s.keyframeEffect, o = i || r;
       return o ? [o] : [];
     } };
   } else if (e.customEffect)
     return (t) => [{ ...t, keyframes: [] }];
   return null;
 }
-function Gt(e, t, n) {
-  return e.map((s, i) => {
-    const r = {
+function Dt(e, t, n) {
+  return e.map((s, r) => {
+    const i = {
       fill: s.fill,
       easing: B(s.easing),
       iterations: s.iterations === 0 ? 1 / 0 : s.iterations || 1,
       composite: s.composite,
-      direction: Nt(s)
+      direction: Gt(s)
     };
-    return De(t) ? (r.duration = s.duration, r.delay = s.delay || 0) : window.ViewTimeline && t?.trigger === "view-progress" ? r.duration = "auto" : (r.duration = 99.99, r.delay = 0.01), {
+    return Ne(t) ? (i.duration = s.duration, i.delay = s.delay || 0) : window.ViewTimeline && t?.trigger === "view-progress" ? i.duration = "auto" : (i.duration = 99.99, i.delay = 0.01), {
       effect: s,
-      options: r,
-      id: n && `${n}-${i + 1}`,
+      options: i,
+      id: n && `${n}-${r + 1}`,
       part: s.part
     };
   });
 }
-function De(e) {
+function Ne(e) {
   return !e || e.trigger !== "pointer-move" && e.trigger !== "view-progress";
 }
-function Oe(e, t, n, s, i) {
+function Oe(e, t, n, s, r) {
   if (e) {
-    if (De(s) && (t.duration = t.duration || 1, i?.reducedMotion))
+    if (Ne(s) && (t.duration = t.duration || 1, r?.reducedMotion))
       if (t.iterations === 1 || t.iterations == null)
         t = { ...t, duration: 1 };
       else
         return [];
-    let r;
-    return n instanceof HTMLElement && (r = { measure: He(n), mutate: Ne(n) }), e.web ? e.web(t, r, i) : e(t, r, i);
+    let i;
+    return n instanceof HTMLElement && (i = { measure: He(n), mutate: Ge(n) }), e.web ? e.web(t, i, r) : e(t, i, r);
   }
   return [];
 }
-function ve(e, t, n, s, i) {
-  const r = e instanceof HTMLElement ? e : L(e);
+function ve(e, t, n, s, r) {
+  const i = e instanceof HTMLElement ? e : M(e);
   if (n?.trigger === "pointer-move" && !t.keyframeEffect) {
     let m = t;
     t.customEffect && (m = {
@@ -680,33 +696,33 @@ function ve(e, t, n, s, i) {
     ), d = Oe(
       g,
       t,
-      r,
+      i,
       n,
       s
     );
-    return typeof d != "function" ? null : d(r);
+    return typeof d != "function" ? null : d(i);
   }
   const o = Z(t), c = Oe(
     o,
     t,
-    r,
+    i,
     n,
     s
   );
   if (!c || c.length === 0)
     return null;
-  const u = Gt(c, n, t.effectId);
+  const u = Dt(c, n, t.effectId);
   let f;
   const a = n?.trigger === "view-progress";
   a && window.ViewTimeline && (f = new ViewTimeline({
-    subject: n.element || L(n.componentId)
+    subject: n.element || M(n.componentId)
   }));
   const l = u.map(({ effect: m, options: g, id: d, part: h }) => {
-    const p = h ? Ht(r, h) : r, y = new KeyframeEffect(p || null, [], g);
-    I.mutate(() => {
+    const p = h ? Ht(i, h) : i, y = new KeyframeEffect(p || null, [], g);
+    T.mutate(() => {
       "timing" in m && y.updateTiming(m.timing), y.setKeyframes(m.keyframes);
     });
-    const v = a && f ? { timeline: f } : {}, E = typeof m.customEffect == "function" ? new Mt(
+    const v = a && f ? { timeline: f } : {}, w = typeof m.customEffect == "function" ? new Lt(
       m.customEffect,
       p || null,
       g,
@@ -714,72 +730,72 @@ function ve(e, t, n, s, i) {
     ) : new Animation(y, v.timeline);
     if (a)
       if (f)
-        I.mutate(() => {
-          const { start: b, end: S } = Dt(m);
-          E.rangeStart = b, E.rangeEnd = S, E.play();
+        T.mutate(() => {
+          const { start: b, end: S } = Nt(m);
+          w.rangeStart = b, w.rangeEnd = S, w.play();
         });
       else {
         const { startOffset: b, endOffset: S } = t;
-        I.mutate(() => {
-          const T = m.startOffset || b, P = m.endOffset || S;
-          Object.assign(E, {
+        T.mutate(() => {
+          const I = m.startOffset || b, $ = m.endOffset || S;
+          Object.assign(w, {
             start: {
-              name: T.name,
-              offset: T.offset?.value,
+              name: I.name,
+              offset: I.offset?.value,
               add: m.startOffsetAdd
             },
             end: {
-              name: P.name,
-              offset: P.offset?.value,
+              name: $.name,
+              offset: $.offset?.value,
               add: m.endOffsetAdd
             }
           });
         });
       }
-    return d && (E.id = d), E;
+    return d && (w.id = d), w;
   });
-  return new N(l, {
+  return new G(l, {
     ...t,
     trigger: { ...n || {} },
     // make sure the group is ready after all animation targets are measured and mutated
-    measured: new Promise((m) => I.mutate(m))
+    measured: new Promise((m) => T.mutate(m))
   });
 }
 function Vt(e, t, n) {
-  const s = Z(t), i = e instanceof HTMLElement ? e : L(e);
-  if (s && s.prepare && i) {
-    const r = { measure: He(i), mutate: Ne(i) };
-    s.prepare(t, r);
+  const s = Z(t), r = e instanceof HTMLElement ? e : M(e);
+  if (s && s.prepare && r) {
+    const i = { measure: He(r), mutate: Ge(r) };
+    s.prepare(t, i);
   }
-  n && I.mutate(n);
+  n && T.mutate(n);
 }
-function jt(e, t) {
+function Wt(e, t) {
   const n = Z(t);
   if (!n)
     return null;
   if (!n.style)
-    return t.effectId && e ? Wt(e, t.effectId) : null;
-  const s = n.getNames(t), r = (typeof e == "string" ? L(e) : e)?.getAnimations(), o = r?.map((u) => u.animationName) || [], c = [];
+    return t.effectId && e ? jt(e, t.effectId) : null;
+  const s = n.getNames(t), i = (typeof e == "string" ? M(e) : e)?.getAnimations(), o = i?.map((u) => u.animationName) || [], c = [];
   return s.forEach((u) => {
     o.includes(u) && c.push(
-      r?.find((f) => f.animationName === u)
+      i?.find((f) => f.animationName === u)
     );
-  }), c?.length ? new N(c) : null;
+  }), c?.length ? new G(c) : null;
 }
-function Wt(e, t) {
-  const s = (typeof e == "string" ? L(e) : e)?.getAnimations().filter((i) => {
-    const r = i.id || i.animationName;
-    return r ? r.startsWith(t) : !0;
+function jt(e, t) {
+  const s = (typeof e == "string" ? M(e) : e)?.getAnimations().filter((r) => {
+    const i = r.id || r.animationName;
+    return i ? i.startsWith(t) : !0;
   });
-  return s?.length ? new N(s) : null;
+  return s?.length ? new G(s) : null;
 }
-function Ge(e, t, n, s = {}) {
-  const { disabled: i, allowActiveEvent: r, ...o } = s, c = ve(e, t, n, o);
+function De(e, t, n, s = {}) {
+  const { disabled: r, allowActiveEvent: i, ...o } = s, c = ve(e, t, n, o);
   if (!c)
     return null;
   let u = {};
   if (n.trigger === "view-progress" && !window.ViewTimeline) {
-    const f = n.element || L(n.componentId), { ready: a } = c;
+    const f = n.element || M(n.componentId), { ready: a } = c;
     return c.animations.map((l) => ({
       /* 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 */
@@ -798,7 +814,7 @@ function Ge(e, t, n, s = {}) {
         const { activeDuration: d } = l.effect.getComputedTiming(), { delay: h } = l.effect.getTiming();
         l.currentTime = ((h || 0) + (d || 0)) * g;
       },
-      disabled: i,
+      disabled: r,
       destroy() {
         l.cancel();
       }
@@ -819,7 +835,7 @@ function Ge(e, t, n, s = {}) {
           const v = g === "x" ? y.x : y.y;
           this._currentProgress = v, d.progress(v);
         },
-        disabled: i ?? !1,
+        disabled: r ?? !1,
         destroy() {
           d.cancel();
         }
@@ -827,7 +843,7 @@ function Ge(e, t, n, s = {}) {
     }
     u = {
       centeredToTarget: a,
-      allowActiveEvent: r
+      allowActiveEvent: i
     }, t.customEffect && l && (u.transitionDuration = l, u.transitionEasing = ze(m)), u.target = c.target;
   }
   return {
@@ -845,45 +861,45 @@ function Ge(e, t, n, s = {}) {
         } : a
       );
     },
-    disabled: i,
+    disabled: r,
     destroy() {
       c.cancel();
     }
   };
 }
 function ne(e, t, n, s = !1) {
-  const i = jt(e, t);
-  return i ? (i.ready = new Promise((r) => {
-    Vt(e, t, r);
-  }), i) : ve(e, t, n, { reducedMotion: s });
+  const r = Wt(e, t);
+  return r ? (r.ready = new Promise((i) => {
+    Vt(e, t, i);
+  }), r) : ve(e, t, n, { reducedMotion: s });
 }
 function Yt(e) {
   return e === null ? [null] : typeof e == "string" ? Array.from(document.querySelectorAll(e)) : Array.isArray(e) ? e : [e];
 }
 function Ve(e, t) {
   const n = [];
-  for (const { target: s, options: i } of e) {
-    const r = Yt(s);
-    for (const o of r) {
+  for (const { target: s, options: r } of e) {
+    const i = Yt(s);
+    for (const o of i) {
       const c = ne(
         o,
-        i,
+        r,
         void 0,
         t?.reducedMotion
       );
-      c instanceof N && n.push(c);
+      c instanceof G && n.push(c);
     }
   }
   return n;
 }
 function Bt(e, t, n) {
   const s = Ve(t, n);
-  return new Lt(s, e);
+  return new Mt(s, e);
 }
 function Q(e, t) {
   return t.includes("&") ? t.replace(/&/g, e) : `${e}${t}`;
 }
-function x() {
+function _() {
   return "wi-12343210".replace(
     /\d/g,
     (e) => String.fromCharCode(
@@ -897,8 +913,8 @@ function Kt({
   effectId: t,
   transition: n,
   properties: s,
-  childSelector: i = "> :first-child",
-  selectorCondition: r
+  childSelector: r = "> :first-child",
+  selectorCondition: i
 }) {
   let o = [];
   if (n?.styleProperties) {
@@ -917,7 +933,7 @@ function Kt({
     o = s?.filter((d) => d.duration).map(
       (d) => `${d.name} ${d.duration}ms ${B(d.easing) || "ease"}${d.delay ? ` ${d.delay}ms` : ""}`
     ) || [];
-  const c = s?.map((d) => `${d.name}: ${d.value};`) || [], u = e.replace(/"/g, "'"), f = `:is(:state(${t}), :--${t}) ${i}`, a = `[data-interact-effect~="${t}"] ${i}`, l = r ? Q(f, r) : f, m = r ? Q(a, r) : a, g = [
+  const c = s?.map((d) => `${d.name}: ${d.value};`) || [], u = e.replace(/"/g, "'"), f = `:is(:state(${t}), :--${t}) ${r}`, a = `[data-interact-effect~="${t}"] ${r}`, l = i ? Q(f, i) : f, m = i ? Q(a, i) : a, g = [
     `${l},
     ${m} {
       ${c.join(`
@@ -925,49 +941,49 @@ function Kt({
     }`
   ];
   if (o.length) {
-    const d = `[data-interact-key="${u}"] ${i}`, h = r ? Q(d, r) : d;
+    const d = `[data-interact-key="${u}"] ${r}`, h = i ? Q(d, i) : d;
     g.push(`@media (prefers-reduced-motion: no-preference) { ${h} {
       transition: ${o.join(", ")};
     } }`);
   }
   return g;
 }
-function _(e, t) {
-  const n = (e || []).filter((r) => t[r]?.type === "media" && t[r].predicate).map((r) => t[r].predicate).join(") and ("), s = n && `(${n})`;
+function k(e, t) {
+  const n = (e || []).filter((i) => t[i]?.type === "media" && t[i].predicate).map((i) => t[i].predicate).join(") and ("), s = n && `(${n})`;
   return s && window.matchMedia(s);
 }
-function M(e, t) {
+function L(e, t) {
   for (const n of e || []) {
     const s = t[n];
     if (s?.type === "selector" && s.predicate)
       return s.predicate;
   }
 }
-const G = {
+const D = {
   rangeStart: { name: "cover", offset: { value: 0, unit: "percentage" } },
   rangeEnd: { name: "cover", offset: { value: 100, unit: "percentage" } }
 };
 function Qt(e, t) {
-  const n = e?.name ?? G.rangeStart.name, s = t?.name ?? e?.name ?? G.rangeEnd.name, i = {
+  const n = e?.name ?? D.rangeStart.name, s = t?.name ?? e?.name ?? D.rangeEnd.name, r = {
     name: n,
-    offset: e?.offset || G.rangeStart.offset
-  }, r = {
+    offset: e?.offset || D.rangeStart.offset
+  }, i = {
     name: s,
-    offset: t?.offset || G.rangeEnd.offset
+    offset: t?.offset || D.rangeEnd.offset
   };
-  return { startOffset: i, endOffset: r };
+  return { startOffset: r, endOffset: i };
 }
-function $(e) {
+function P(e) {
   if ("keyframeEffect" in e && !e.keyframeEffect.name && "effectId" in e && (e.keyframeEffect.name = e.effectId), "duration" in e)
     return {
       id: "",
       ...e
     };
-  const { rangeStart: t, rangeEnd: n, ...s } = e, { startOffset: i, endOffset: r } = Qt(t, n);
+  const { rangeStart: t, rangeEnd: n, ...s } = e, { startOffset: r, endOffset: i } = Qt(t, n);
   return {
     id: "",
-    startOffset: i,
-    endOffset: r,
+    startOffset: r,
+    endOffset: i,
     ...s
   };
 }
@@ -975,11 +991,11 @@ function O(e, t, n) {
   let s = e.get(t);
   s || (s = /* @__PURE__ */ new Set(), e.set(t, s)), s.add(n);
 }
-function D(e, t) {
+function N(e, t) {
   e.get(t)?.forEach((s) => {
-    const { source: i, target: r, cleanup: o } = s;
+    const { source: r, target: i, cleanup: o } = s;
     o();
-    const c = i === t ? r : i;
+    const c = r === t ? i : r;
     e.get(c)?.delete(s);
   }), e.delete(t);
 }
@@ -992,20 +1008,20 @@ const Xt = {
   rootMargin: "0px",
   threshold: [0]
 }, z = {}, ee = /* @__PURE__ */ new WeakMap(), X = /* @__PURE__ */ new WeakSet(), U = /* @__PURE__ */ new WeakMap();
-let je = {}, F = null;
+let We = {}, F = null;
 function Jt(e) {
-  je = e;
+  We = e;
 }
-function We(e, t) {
-  ee.get(e)?.forEach(({ source: s, handler: i }) => {
-    s === e && i(t);
+function je(e, t) {
+  ee.get(e)?.forEach(({ source: s, handler: r }) => {
+    s === e && r(t);
   });
 }
 function Ce() {
   return F || (F = new IntersectionObserver((e) => {
     e.forEach((t) => {
       const n = t.target;
-      t.isIntersecting || We(n, !1);
+      t.isIntersecting || je(n, !1);
     });
   }, Ut), F);
 }
@@ -1017,17 +1033,17 @@ function Ye(e, t = !1) {
     root: null,
     rootMargin: e.inset ? `${e.inset} 0px ${e.inset}` : "0px",
     threshold: e.threshold
-  }, i = new IntersectionObserver((r) => {
-    r.forEach((o) => {
+  }, r = new IntersectionObserver((i) => {
+    i.forEach((o) => {
       const c = o.target, u = !X.has(c);
       if (u && (X.add(c), e.useSafeViewEnter && !o.isIntersecting)) {
-        I.measure(() => {
+        T.measure(() => {
           const a = o.boundingClientRect.height, l = o.rootBounds?.height;
           if (!l)
             return;
           const m = Array.isArray(e.threshold) ? Math.min(...e.threshold) : e.threshold;
-          m && a * m > l && I.mutate(() => {
-            i.unobserve(c);
+          m && a * m > l && T.mutate(() => {
+            r.unobserve(c);
             const d = Ye(e, !0);
             U.set(c, d), d.observe(c);
           });
@@ -1035,17 +1051,17 @@ function Ye(e, t = !1) {
         return;
       }
       const f = e.type || "once";
-      (o.isIntersecting || f === "alternate" && !u) && (We(c, o.isIntersecting), f === "once" && (i.unobserve(o.target), X.delete(c)));
+      (o.isIntersecting || f === "alternate" && !u) && (je(c, o.isIntersecting), f === "once" && (r.unobserve(o.target), X.delete(c)));
     });
   }, s);
-  return z[n] = i, i;
+  return z[n] = r, r;
 }
-function Zt(e, t, n, s = {}, { reducedMotion: i, selectorCondition: r, animation: o } = {}) {
-  const c = { ...je, ...s }, u = c.type || "once", f = o || ne(
+function Zt(e, t, n, s = {}, { reducedMotion: r, selectorCondition: i, animation: o } = {}) {
+  const c = { ...We, ...s }, u = c.type || "once", f = o || ne(
     t,
-    $(n),
+    P(n),
     void 0,
-    i
+    r
   );
   if (!f)
     return;
@@ -1053,17 +1069,17 @@ function Zt(e, t, n, s = {}, { reducedMotion: i, selectorCondition: r, animation
   u !== "once" && f.persist?.();
   let l = !0;
   const d = { source: e, target: t, handler: (h) => {
-    r && !t.matches(r) || (u === "once" ? h && f.play(() => {
+    i && !t.matches(i) || (u === "once" ? h && f.play(() => {
       const p = () => {
         t.dataset.interactEnter = "start";
       };
-      f.isCSS ? (I.mutate(() => {
+      f.isCSS ? (T.mutate(() => {
         requestAnimationFrame(p);
       }), f.onFinish(() => {
-        I.mutate(() => {
+        T.mutate(() => {
           t.dataset.interactEnter = "done";
         });
-      })) : I.mutate(p);
+      })) : T.mutate(p);
     }) : u === "alternate" ? l && h ? (l = !1, f.play()) : l || f.reverse() : u === "repeat" ? h ? (f.progress(0), f.play()) : (f.pause(), f.progress(0)) : u === "state" && (h ? f.play() : f.pause()));
   }, cleanup: () => {
     (U.get(e) || a).unobserve(e), (u === "repeat" || u === "state") && Ce().unobserve(e), f.cancel(), X.delete(e), U.delete(e);
@@ -1071,12 +1087,12 @@ function Zt(e, t, n, s = {}, { reducedMotion: i, selectorCondition: r, animation
   O(ee, e, d), O(ee, t, d), U.set(e, a), a.observe(e), (u === "repeat" || u === "state") && Ce().observe(e);
 }
 function en(e) {
-  D(ee, e);
+  N(ee, e);
 }
 function tn() {
   F = null, Object.keys(z).forEach((e) => delete z[e]);
 }
-const _e = {
+const ke = {
   add: Zt,
   remove: en,
   setOptions: Jt,
@@ -1086,15 +1102,15 @@ function Be(e, t) {
   return Object.assign(Object.create(t), e);
 }
 function nn(e, t, n, s) {
-  let i = e * (1 - n) + t * n;
+  let r = e * (1 - n) + t * n;
   if (s) {
-    const r = i - e;
-    Math.abs(r) < s && (i = e + s * Math.sign(r));
-    const o = t - i;
+    const i = r - e;
+    Math.abs(i) < s && (r = e + s * Math.sign(i));
+    const o = t - r;
     if (Math.abs(o) < s)
       return t;
   }
-  return i;
+  return r;
 }
 function sn(e) {
   let t = !1;
@@ -1104,7 +1120,7 @@ function sn(e) {
     }));
   };
 }
-function ke(e, t) {
+function qe(e, t) {
   let n = 0;
   return function() {
     n && window.clearTimeout(n), n = window.setTimeout(() => {
@@ -1120,30 +1136,30 @@ function te(e, t) {
   return e ? /^-?\d+px$/.test(e) ? parseInt(e) : /^-?\d+[lsd]?vh$/.test(e) ? parseInt(e) * t.viewportHeight / 100 : /^-?\d+[lsd]?vw$/.test(e) ? parseInt(e) * t.viewportWidth / 100 : /^calc\s*\(\s*-?\d+((px)|([lsd]?vh)|([lsd]?vw))\s*\+\s*-?\d+((px)|([lsd]?vh)|([lsd]?vw))\s*\)\s*$/.test(e) ? rn(e, t) : parseInt(e) || 0 : 0;
 }
 function A(e, t, n) {
-  const { name: s, offset: i = 0 } = e, { start: r, end: o } = n, c = o - r, u = i / 100;
+  const { name: s, offset: r = 0 } = e, { start: i, end: o } = n, c = o - i, u = r / 100;
   let f, a;
-  return s === "entry" ? (f = r - t, a = Math.min(t, c)) : s === "entry-crossing" ? (f = r - t, a = c) : s === "contain" ? (f = Math.min(o - t, r), a = Math.abs(t - c)) : s === "exit" ? (f = Math.max(r, o - t), a = Math.min(t, c)) : s === "exit-crossing" ? (f = r, a = c) : s === "cover" && (f = r - t, a = c + t), f + u * a | 0;
+  return s === "entry" ? (f = i - t, a = Math.min(t, c)) : s === "entry-crossing" ? (f = i - t, a = c) : s === "contain" ? (f = Math.min(o - t, i), a = Math.abs(t - c)) : s === "exit" ? (f = Math.max(i, o - t), a = Math.min(t, c)) : s === "exit-crossing" ? (f = i, a = c) : s === "cover" && (f = i - t, a = c + t), f + u * a | 0;
 }
-function oe(e, t, n, s, i) {
-  let r = 0;
+function oe(e, t, n, s, r) {
+  let i = 0;
   const o = { start: t, end: n };
   return e.forEach((c, u) => {
-    r += c.offset;
+    i += c.offset;
     const f = c.sticky;
     if (f) {
       if ("end" in f && e[u - 1]?.element) {
-        const m = ((i ? c.element.offsetWidth : c.element.offsetHeight) || 0) + f.end - s, g = r + m - c.offset, d = g < o.start, h = !d && g <= n;
+        const m = ((r ? c.element.offsetWidth : c.element.offsetHeight) || 0) + f.end - s, g = i + m - c.offset, d = g < o.start, h = !d && g <= n;
         let p = 0;
         (d || h) && (p = c.offset, o.end += p), d && (o.start += p);
       }
       if ("start" in f) {
-        const a = r - f.start, l = a < o.start, m = !l && a <= o.end;
+        const a = i - f.start, l = a < o.start, m = !l && a <= o.end;
         let g = 0;
         const d = e[u - 1]?.element;
         if (d) {
           if (l || m) {
-            const h = (i ? d.offsetWidth : d.offsetHeight) || 0, p = c.offset, y = (i ? c.element.offsetWidth : c.element.offsetHeight) || 0;
-            g = h - (p + y), r += g, o.end += g;
+            const h = (r ? d.offsetWidth : d.offsetHeight) || 0, p = c.offset, y = (r ? c.element.offsetWidth : c.element.offsetHeight) || 0;
+            g = h - (p + y), i += g, o.end += g;
           }
           l && (o.start += g);
         }
@@ -1151,22 +1167,22 @@ function oe(e, t, n, s, i) {
     }
   }), o;
 }
-function on(e, t, n, s, i, r) {
+function on(e, t, n, s, r, i) {
   const { start: o, end: c, duration: u } = e;
   let f = o, a = c, l = e.startRange, m = e.endRange, g;
   if (typeof u == "string") {
     l = { name: u, offset: 0 }, m = { name: u, offset: 100 }, f = A(l, n, t), a = A(m, n, t), g = a - f;
-    const d = oe(r, f, a, n, s);
+    const d = oe(i, f, a, n, s);
     f = d.start, a = d.end;
   } else {
     if (l || o?.name) {
       l = l || o;
-      const d = te(l.add, i), h = A({ ...l, offset: 0 }, n, t), p = A({ ...l, offset: 100 }, n, t), y = oe(r, h, p, n, s);
+      const d = te(l.add, r), h = A({ ...l, offset: 0 }, n, t), p = A({ ...l, offset: 100 }, n, t), y = oe(i, h, p, n, s);
       f = y.start + l.offset / 100 * (y.end - y.start) + d;
     }
     if (m || c?.name) {
       m = m || c;
-      const d = te(m.add, i), h = A({ ...m, offset: 0 }, n, t), p = A({ ...m, offset: 100 }, n, t), y = oe(r, h, p, n, s);
+      const d = te(m.add, r), h = A({ ...m, offset: 0 }, n, t), p = A({ ...m, offset: 100 }, n, t), y = oe(i, h, p, n, s);
       a = y.start + m.offset / 100 * (y.end - y.start) + d;
     } else typeof u == "number" && (a = f + u);
   }
@@ -1191,12 +1207,12 @@ function un(e, t, n) {
 }
 function dn(e, t) {
   let n;
-  const s = fn(e, t), i = ln(e, t), r = !isNaN(s), o = !isNaN(i);
-  return (r || o) && (n = {}, r && (n.start = s), o && (n.end = i)), n;
+  const s = fn(e, t), r = ln(e, t), i = !isNaN(s), o = !isNaN(r);
+  return (i || o) && (n = {}, i && (n.start = s), o && (n.end = r)), n;
 }
-function V(e, t, n, s, i) {
-  const r = e[0].viewSource, o = [];
-  let c = (s ? r.offsetWidth : r.offsetHeight) || 0, u = 0, f = r;
+function V(e, t, n, s, r) {
+  const i = e[0].viewSource, o = [];
+  let c = (s ? i.offsetWidth : i.offsetHeight) || 0, u = 0, f = i;
   for (; f; ) {
     const l = window.getComputedStyle(f), m = cn(l), g = m ? dn(l, s) : void 0, d = un(f, s, m);
     if ((!g || !("end" in g)) && (u += d), o.push({ element: f, offset: d, sticky: g }), f = f.offsetParent, an(l, f, t))
@@ -1212,7 +1228,7 @@ function V(e, t, n, s, i) {
       { start: u, end: u + c },
       n,
       s,
-      i,
+      r,
       o
     )
   }));
@@ -1226,10 +1242,10 @@ const Ae = 100, hn = {
   observeContentResize: !1
 };
 function mn(e, t, n, s) {
-  let i = 0;
-  return e >= t && e <= n ? i = s ? (e - t) / s : 1 : e > n && (i = 1), i;
+  let r = 0;
+  return e >= t && e <= n ? r = s ? (e - t) / s : 1 : e > n && (r = 1), r;
 }
-function xe(e, t) {
+function _e(e, t) {
   return e === window ? t ? window.document.documentElement.clientWidth : window.document.documentElement.clientHeight : t ? e.clientWidth : e.clientHeight;
 }
 function pn() {
@@ -1239,8 +1255,8 @@ function pn() {
   };
 }
 function gn(e) {
-  const t = Be(e, hn), n = t.root, s = t.horizontal, i = /* @__PURE__ */ new WeakMap();
-  let r = xe(n, s), o, c, u, f, a;
+  const t = Be(e, hn), n = t.root, s = t.horizontal, r = /* @__PURE__ */ new WeakMap();
+  let i = _e(n, s), o, c, u, f, a;
   const l = [], m = pn();
   if (t.scenes = Object.values(
     // TODO(ameerf): find a polyfill and use groupBy instead of following reduce
@@ -1251,7 +1267,7 @@ function gn(e) {
       },
       {}
     )
-  ).flatMap((h) => (h.every((p) => p.viewSource && (typeof p.duration == "string" || p.start?.name)) ? (h = V(h, n, r, s, m), (t.observeSourcesResize || t.observeContentResize) && l.push(h)) : h.forEach((p) => {
+  ).flatMap((h) => (h.every((p) => p.viewSource && (typeof p.duration == "string" || p.start?.name)) ? (h = V(h, n, i, s, m), (t.observeSourcesResize || t.observeContentResize) && l.push(h)) : h.forEach((p) => {
     p.end == null && (p.end = p.start + p.duration), p.duration == null && (p.duration = p.end - p.start);
   }), h)), t.scenes.forEach((h, p) => {
     h.index = p;
@@ -1259,29 +1275,29 @@ function gn(e) {
     const h = /* @__PURE__ */ new Map();
     window.ResizeObserver && (u = new window.ResizeObserver(function(p) {
       p.forEach((y) => {
-        const v = h.get(y.target), E = V(v, n, r, s, m);
-        E.forEach((b, S) => {
-          t.scenes[b.index] = E[S];
-        }), l.splice(l.indexOf(v), 1, E);
+        const v = h.get(y.target), w = V(v, n, i, s, m);
+        w.forEach((b, S) => {
+          t.scenes[b.index] = w[S];
+        }), l.splice(l.indexOf(v), 1, w);
       });
     }), l.forEach((p) => {
       u.observe(p[0].viewSource, { box: "border-box" }), h.set(p[0].viewSource, p);
-    }), t.observeContentResize && t.contentRoot && new window.ResizeObserver(ke(() => {
+    }), t.observeContentResize && t.contentRoot && new window.ResizeObserver(qe(() => {
       const y = l.map((v) => {
-        const E = V(v, n, r, s, m);
-        return E.forEach((b, S) => {
-          t.scenes[b.index] = E[S];
-        }), E;
+        const w = V(v, n, i, s, m);
+        return w.forEach((b, S) => {
+          t.scenes[b.index] = w[S];
+        }), w;
       });
       l.length = 0, l.push(...y), l.forEach((v) => {
         h.set(v[0].viewSource, v);
       });
-    }, Ae)).observe(t.contentRoot, { box: "border-box" })), t.observeViewportResize && (f = ke(function() {
-      r = xe(n, s);
+    }, Ae)).observe(t.contentRoot, { box: "border-box" })), t.observeViewportResize && (f = qe(function() {
+      i = _e(n, s);
       const p = l.map((y) => {
-        const v = V(y, n, r, s, m);
-        return v.forEach((E, b) => {
-          t.scenes[E.index] = v[b];
+        const v = V(y, n, i, s, m);
+        return v.forEach((w, b) => {
+          t.scenes[w.index] = v[b];
         }), v;
       });
       l.length = 0, l.push(...p), l.forEach((y) => {
@@ -1291,7 +1307,7 @@ function gn(e) {
   }
   t.observeViewportEntry && window.IntersectionObserver && (c = new window.IntersectionObserver(function(h) {
     h.forEach((p) => {
-      (i.get(p.target) || []).forEach((y) => {
+      (r.get(p.target) || []).forEach((y) => {
         y.disabled = !p.isIntersecting;
       });
     });
@@ -1301,8 +1317,8 @@ function gn(e) {
     threshold: 0
   }), t.scenes.forEach((h) => {
     if (h.viewSource) {
-      let p = i.get(h.viewSource);
-      p || (p = [], i.set(h.viewSource, p), c.observe(h.viewSource)), p.push(h);
+      let p = r.get(h.viewSource);
+      p || (p = [], r.set(h.viewSource, p), c.observe(h.viewSource)), p.push(h);
     }
   }));
   function g({ p: h, vp: p }) {
@@ -1311,8 +1327,8 @@ function gn(e) {
     if (h !== o) {
       for (let v of t.scenes)
         if (!v.disabled) {
-          const { start: E, end: b, duration: S } = v, T = mn(h, E, b, S);
-          v.effect(v, T, y);
+          const { start: w, end: b, duration: S } = v, I = mn(h, w, b, S);
+          v.effect(v, I, y);
         }
       o = h;
     }
@@ -1371,8 +1387,8 @@ class yn {
    * @param {number} [scrollPosition.y]
    */
   resetProgress(t = {}) {
-    const n = this.config.root, s = t.x || t.x === 0 ? t.x : n.scrollX || n.scrollLeft || 0, i = t.y || t.y === 0 ? t.y : n.scrollY || n.scrollTop || 0, r = this.config.horizontal ? s : i;
-    this.progress.p = r, this.progress.prevP = r, this.progress.vp = 0, this.config.transitionActive && (this.currentProgress.p = r, this.currentProgress.prevP = r, this.currentProgress.vp = 0), t && this.config.root.scrollTo(s, i);
+    const n = this.config.root, s = t.x || t.x === 0 ? t.x : n.scrollX || n.scrollLeft || 0, r = t.y || t.y === 0 ? t.y : n.scrollY || n.scrollTop || 0, i = this.config.horizontal ? s : r;
+    this.progress.p = i, this.progress.prevP = i, this.progress.vp = 0, this.config.transitionActive && (this.currentProgress.p = i, this.currentProgress.prevP = i, this.currentProgress.vp = 0), t && this.config.root.scrollTo(s, r);
   }
   /**
    * Handle animation frame work.
@@ -1384,8 +1400,8 @@ class yn {
     n && this.lerp();
     const s = n ? this.currentProgress : this.progress;
     if (this.config.velocityActive) {
-      const i = s.p - s.prevP, r = i < 0 ? -1 : 1;
-      s.vp = Math.min(this.config.velocityMax, Math.abs(i)) / this.config.velocityMax * r;
+      const r = s.p - s.prevP, i = r < 0 ? -1 : 1;
+      s.vp = Math.min(this.config.velocityMax, Math.abs(r)) / this.config.velocityMax * i;
     }
     this.effect.tick(s), n && s.p !== this.progress.p && (t && this._lerpFrameId && window.cancelAnimationFrame(this._lerpFrameId), this._lerpFrameId = window.requestAnimationFrame(() => this.tick())), s.prevP = s.p;
   }
@@ -1431,23 +1447,23 @@ let Ke = () => ({});
 function En(e) {
   Ke = e;
 }
-function wn(e, t, n, s, { reducedMotion: i }) {
-  if (i)
+function wn(e, t, n, s, { reducedMotion: r }) {
+  if (r)
     return;
-  const r = {
+  const i = {
     trigger: "view-progress",
     element: e
-  }, o = $(n);
+  }, o = P(n);
   let c;
   if ("ViewTimeline" in window) {
-    const f = ve(t, o, r);
+    const f = ve(t, o, i);
     f && (f.play(), c = () => {
       f.ready.then(() => {
         f.cancel();
       });
     });
   } else {
-    const f = Ge(t, o, r);
+    const f = De(t, o, i);
     if (f) {
       const a = Array.isArray(f) ? f : [f], l = new yn({
         viewSource: e,
@@ -1472,17 +1488,17 @@ function wn(e, t, n, s, { reducedMotion: i }) {
   O(le, e, u), O(le, t, u);
 }
 function bn(e) {
-  D(le, e);
+  N(le, e);
 }
 const Sn = {
   add: wn,
   remove: bn,
   registerOptionsGetter: En
 };
-function qe(e, t, n) {
+function xe(e, t, n) {
   return Math.min(Math.max(e, n), t);
 }
-function Le(e) {
+function Me(e) {
   let t = !1;
   return function() {
     if (!t)
@@ -1521,7 +1537,7 @@ function On() {
   return new Promise((e) => {
     const t = window.scrollY;
     let n = !1, s;
-    function i() {
+    function r() {
       document.body.addEventListener("pointerdown", (c) => {
         s === void 0 ? s = c.offsetY : n = c.offsetY === s;
       }, { once: !0 });
@@ -1530,10 +1546,10 @@ function On() {
       });
       document.body.dispatchEvent(o);
     }
-    function r() {
-      window.scrollY !== t && (window.removeEventListener("scroll", r), i(), e(n));
+    function i() {
+      window.scrollY !== t && (window.removeEventListener("scroll", i), r(), e(n));
     }
-    i(), window.addEventListener("scroll", r), window.scrollY > 0 && window.scrollBy(0, -1);
+    r(), window.addEventListener("scroll", i), window.scrollY > 0 && window.scrollBy(0, -1);
   });
 }
 function Cn(e) {
@@ -1541,9 +1557,9 @@ function Cn(e) {
     e.fixRequired = t, t && (window.addEventListener("scroll", e.scrollHandler), e.scrollHandler());
   });
 }
-let j = 0;
+let W = 0;
 const J = /* @__PURE__ */ new Set();
-function _n() {
+function kn() {
   const e = (n) => {
     for (let s of n.changedTouches)
       J.add(s.identifier);
@@ -1555,41 +1571,41 @@ function _n() {
     J.clear(), document.removeEventListener("touchstart", e), document.removeEventListener("touchend", t);
   };
 }
-function kn(e, t) {
+function qn(e, t) {
   if ("onscrollend" in window)
     return e.addEventListener("scrollend", t), function() {
       e.removeEventListener("scrollend", t);
     };
   let n = 0, s;
-  j || (s = _n()), j += 1;
-  function i(r) {
+  W || (s = kn()), W += 1;
+  function r(i) {
     clearTimeout(n), n = setTimeout(() => {
-      J.size ? setTimeout(i, 100) : (t(r), n = 0);
+      J.size ? setTimeout(r, 100) : (t(i), n = 0);
     }, 100);
   }
-  return e.addEventListener("scroll", i), function() {
-    e.removeEventListener("scroll", i), j -= 1, j || s();
+  return e.addEventListener("scroll", r), function() {
+    e.removeEventListener("scroll", r), W -= 1, W || s();
   };
 }
 function An(e, t, n) {
   return {
     x(s) {
-      const i = e.left - n.x + e.width / 2, r = i >= t.width / 2, o = (r ? i : t.width - i) * 2, c = r ? 0 : i - o / 2;
+      const r = e.left - n.x + e.width / 2, i = r >= t.width / 2, o = (i ? r : t.width - r) * 2, c = i ? 0 : r - o / 2;
       return (s - c) / o;
     },
     y(s) {
-      const i = e.top - n.y + e.height / 2, r = i >= t.height / 2, o = (r ? i : t.height - i) * 2, c = r ? 0 : i - o / 2;
+      const r = e.top - n.y + e.height / 2, i = r >= t.height / 2, o = (i ? r : t.height - r) * 2, c = i ? 0 : r - o / 2;
       return (s - c) / o;
     }
   };
 }
-function xn(e, t) {
+function _n(e, t) {
   this.x = window.scrollX, this.y = window.scrollY, requestAnimationFrame(() => e && e(t));
 }
-function qn(e) {
+function xn(e) {
   e.rect.width = window.document.documentElement.clientWidth, e.rect.height = window.document.documentElement.clientHeight;
 }
-function Ln(e) {
+function Mn(e) {
   const t = new ResizeObserver((n) => {
     n.forEach((s) => {
       e.rect.width = s.borderBoxSize[0].inlineSize, e.rect.height = s.borderBoxSize[0].blockSize;
@@ -1597,38 +1613,38 @@ function Ln(e) {
   });
   return t.observe(e.root, { box: "border-box" }), t;
 }
-function Mn(e) {
-  let t = !1, n = { x: e.rect.width / 2, y: e.rect.height / 2, vx: 0, vy: 0 }, s, i, r, o, c;
+function Ln(e) {
+  let t = !1, n = { x: e.rect.width / 2, y: e.rect.height / 2, vx: 0, vy: 0 }, s, r, i, o, c;
   const u = { x: 0, y: 0 };
   e.scenes.forEach((a) => {
-    a.target && a.centeredToTarget && (a.transform = An(In(a.target), e.rect, u), t = !0), e.root ? i = Ln(e) : (r = qn.bind(null, e), window.addEventListener("resize", r));
+    a.target && a.centeredToTarget && (a.transform = An(In(a.target), e.rect, u), t = !0), e.root ? r = Mn(e) : (i = xn.bind(null, e), window.addEventListener("resize", i));
   }), s = function(a) {
     for (let l of e.scenes)
       if (!l.disabled) {
-        const m = l.transform?.x(a.x) || a.x / e.rect.width, g = l.transform?.y(a.y) || a.y / e.rect.height, d = +qe(0, 1, m).toPrecision(4), h = +qe(0, 1, g).toPrecision(4), p = { x: a.vx, y: a.vy };
+        const m = l.transform?.x(a.x) || a.x / e.rect.width, g = l.transform?.y(a.y) || a.y / e.rect.height, d = +xe(0, 1, m).toPrecision(4), h = +xe(0, 1, g).toPrecision(4), p = { x: a.vx, y: a.vy };
         e.allowActiveEvent && (a.active = m <= 1 && g <= 1 && m >= 0 && g >= 0), l.effect(l, { x: d, y: h }, p, a.active);
       }
     Object.assign(n, a);
-  }, t && (o = xn.bind(u, s, n), c = kn(document, o));
+  }, t && (o = _n.bind(u, s, n), c = qn(document, o));
   function f() {
-    e.scenes.forEach((a) => a.destroy?.()), c?.(), i ? (i.disconnect(), i = null) : (window.removeEventListener("resize", r), r = null), s = null, n = null;
+    e.scenes.forEach((a) => a.destroy?.()), c?.(), r ? (r.disconnect(), r = null) : (window.removeEventListener("resize", i), i = null), s = null, n = null;
   }
   return {
     tick: s,
     destroy: f
   };
 }
-const $n = 1e3 / 60 * 3;
-let W;
-function Pn() {
-  q.x = window.scrollX, q.y = window.scrollY;
+const Pn = 1e3 / 60 * 3;
+let j;
+function $n() {
+  x.x = window.scrollX, x.y = window.scrollY;
 }
-const q = { x: 0, y: 0, scrollHandler: Pn, fixRequired: void 0 };
+const x = { x: 0, y: 0, scrollHandler: $n, fixRequired: void 0 };
 class Fn {
   constructor(t = {}) {
     this.config = { ...t }, this.effect = null, this._nextTick = null, this._nextTransitionTick = null, this._startTime = 0;
     let n;
-    this.config.transitionDuration ? n = this.config.noThrottle ? () => this.transition() : Le(() => this.transition()) : n = this.config.noThrottle ? () => (this.tick(), null) : Le(() => {
+    this.config.transitionDuration ? n = this.config.noThrottle ? () => this.transition() : Me(() => this.transition()) : n = this.config.noThrottle ? () => (this.tick(), null) : Me(() => {
       this.tick();
     }), this.config.rect = this.config.root ? {
       width: this.config.root.offsetWidth,
@@ -1642,28 +1658,28 @@ class Fn {
       vx: 0,
       vy: 0
     }, this.previousProgress = { ...this.progress }, this.currentProgress = null;
-    const s = (i) => {
-      const r = this.config.root ? i.offsetX : i.x, o = this.config.root ? i.offsetY : i.y;
-      this.progress.vx = r - this.progress.x, this.progress.vy = o - this.progress.y, this.progress.x = r, this.progress.y = o, this._nextTick = n();
+    const s = (r) => {
+      const i = this.config.root ? r.offsetX : r.x, o = this.config.root ? r.offsetY : r.y;
+      this.progress.vx = i - this.progress.x, this.progress.vy = o - this.progress.y, this.progress.x = i, this.progress.y = o, this._nextTick = n();
     };
     if (this._pointerLeave = () => {
       this.progress.active = !1, this.progress.vx = 0, this.progress.vy = 0, this._nextTick = n();
     }, this._pointerEnter = () => {
       this.progress.active = !0, this._nextTick = n();
     }, this.config.root) {
-      W = typeof W == "boolean" ? W : Tn();
-      const i = W ? window.devicePixelRatio : 1;
-      typeof q.fixRequired > "u" && Cn(q), this._measure = (r) => {
-        if (r.target !== this.config.root) {
+      j = typeof j == "boolean" ? j : Tn();
+      const r = j ? window.devicePixelRatio : 1;
+      typeof x.fixRequired > "u" && Cn(x), this._measure = (i) => {
+        if (i.target !== this.config.root) {
           const o = new PointerEvent("pointermove", {
             bubbles: !0,
             cancelable: !0,
-            clientX: r.x * i + q.x,
-            clientY: r.y * i + q.y
+            clientX: i.x * r + x.x,
+            clientY: i.y * r + x.y
           });
-          r.stopPropagation(), this.config.root.dispatchEvent(o);
+          i.stopPropagation(), this.config.root.dispatchEvent(o);
         } else
-          s(r);
+          s(i);
       };
     } else
       this._measure = s;
@@ -1693,12 +1709,12 @@ class Fn {
    */
   transition() {
     const t = this.config.transitionDuration, n = this.config.transitionEasing || ((o) => o), s = performance.now();
-    let i = !1;
-    const r = (o) => {
+    let r = !1;
+    const i = (o) => {
       const c = (o - this._startTime) / t, u = n(Math.min(1, c));
-      i && (this.progress.vx = 0, this.progress.vy = 0, i = !1), this.currentProgress = Object.entries(this.progress).reduce((f, [a, l]) => (a === "active" ? f[a] = l : f[a] = this.previousProgress[a] + (l - this.previousProgress[a]) * u, f), this.currentProgress || {}), c < 1 && (this._nextTransitionTick = requestAnimationFrame(r), i = o - this._startTime > $n), this.effect.tick(this.currentProgress);
+      r && (this.progress.vx = 0, this.progress.vy = 0, r = !1), this.currentProgress = Object.entries(this.progress).reduce((f, [a, l]) => (a === "active" ? f[a] = l : f[a] = this.previousProgress[a] + (l - this.previousProgress[a]) * u, f), this.currentProgress || {}), c < 1 && (this._nextTransitionTick = requestAnimationFrame(i), r = o - this._startTime > Pn), 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;
+    return this._startTime ? (this._nextTransitionTick && cancelAnimationFrame(this._nextTransitionTick), Object.assign(this.previousProgress, this.currentProgress), this._startTime = s, i(s)) : this._startTime = s, this._nextTransitionTick;
   }
   /**
    * Stop the event and effect, and remove all DOM side effects.
@@ -1725,7 +1741,7 @@ class Fn {
    * Reset registered effect.
    */
   setupEffect() {
-    this.removeEffect(), this.effect = Mn(this.config);
+    this.removeEffect(), this.effect = Ln(this.config);
   }
   /**
    * Remove registered effect.
@@ -1739,14 +1755,14 @@ let Qe = () => ({});
 function Rn(e) {
   Qe = e;
 }
-function zn(e, t, n, s = {}, { reducedMotion: i }) {
-  if (i)
+function zn(e, t, n, s = {}, { reducedMotion: r }) {
+  if (r)
     return;
-  const r = {
+  const i = {
     trigger: "pointer-move",
     element: e,
     axis: s.axis ?? "y"
-  }, o = Ge(t, $(n), r);
+  }, o = De(t, P(n), i);
   if (o) {
     const c = Array.isArray(o) ? o : [o], u = new Fn({
       root: s.hitArea === "self" ? e : void 0,
@@ -1763,40 +1779,40 @@ function zn(e, t, n, s = {}, { reducedMotion: i }) {
   }
 }
 function Hn(e) {
-  D(ue, e);
+  N(ue, e);
 }
-const Nn = {
+const Gn = {
   add: zn,
   remove: Hn,
   registerOptionsGetter: Rn
 }, de = /* @__PURE__ */ new WeakMap();
-function Dn(e, t, n, s, { reducedMotion: i, selectorCondition: r, animation: o }) {
+function Nn(e, t, n, s, { reducedMotion: r, selectorCondition: i, animation: o }) {
   const c = o || ne(
     t,
-    $(n),
+    P(n),
     void 0,
-    i
+    r
   );
   if (!c)
     return;
   const u = () => {
-    r && !t.matches(r) || c.play();
+    i && !t.matches(i) || c.play();
   }, a = { source: e, target: t, cleanup: () => {
     c.cancel(), e.removeEventListener("animationend", u);
   } };
   O(de, e, a), O(de, t, a), e.addEventListener("animationend", u);
 }
-function Gn(e) {
-  D(de, e);
+function Dn(e) {
+  N(de, e);
 }
 const Vn = {
-  add: Dn,
-  remove: Gn
+  add: Nn,
+  remove: Dn
 };
-function jn(e, t, n, s = !1, i, r, o) {
+function Wn(e, t, n, s = !1, r, i, o) {
   const c = o || ne(
     e,
-    $(t),
+    P(t),
     void 0,
     s
   );
@@ -1805,37 +1821,37 @@ function jn(e, t, n, s = !1, i, r, o) {
   let u = !0;
   const f = n.type || "alternate";
   return (a) => {
-    if (i && !e.matches(i)) return;
-    const l = !r, m = r?.enter?.includes(a.type), g = r?.leave?.includes(a.type);
+    if (r && !e.matches(r)) return;
+    const l = !i, m = i?.enter?.includes(a.type), g = i?.leave?.includes(a.type);
     if (m || l) {
       f === "alternate" || f === "state" ? u ? (u = !1, c.play()) : f === "alternate" ? c.reverse() : f === "state" && (c.playState === "running" ? c.pause() : c.playState !== "finished" && c.play()) : (c.progress(0), delete e.dataset.interactEnter, c.isCSS && c.onFinish(() => {
-        I.mutate(() => {
+        T.mutate(() => {
           e.dataset.interactEnter = "done";
         });
       }), c.play());
       return;
     }
-    g && (f === "alternate" ? c.reverse() : f === "repeat" ? (c.cancel(), I.mutate(() => {
+    g && (f === "alternate" ? c.reverse() : f === "repeat" ? (c.cancel(), T.mutate(() => {
       delete e.dataset.interactEnter;
     })) : f === "state" && c.playState === "running" && c.pause());
   };
 }
-function Wn(e, t, {
+function jn(e, t, {
   effectId: n,
   listContainer: s,
-  listItemSelector: i
-}, r, o, c) {
-  const u = !!s, f = r.method || "toggle", a = f === "toggle";
+  listItemSelector: r
+}, i, o, c) {
+  const u = !!s, f = i.method || "toggle", a = f === "toggle";
   return (l) => {
     if (o && !e.matches(o)) return;
     const m = u ? e.closest(
-      `${s} > ${i || ""}:has(:scope)`
+      `${s} > ${r || ""}:has(:scope)`
     ) : void 0, g = !c, d = c?.enter?.includes(l.type), h = c?.leave?.includes(l.type);
     g ? t.toggleEffect(n, f, m) : (d && t.toggleEffect(n, a ? "add" : f, m), h && a && t.toggleEffect(n, "remove", m));
   };
 }
 const he = /* @__PURE__ */ new WeakMap();
-function Me(e, t) {
+function Le(e, t) {
   return (n) => {
     const s = n;
     e.contains(s.relatedTarget) || t(s);
@@ -1854,14 +1870,14 @@ function Bn(e) {
   };
 }
 const Kn = {
-  focusin: (e, t) => Me(e, t),
-  focusout: (e, t) => Me(e, t),
+  focusin: (e, t) => Le(e, t),
+  focusout: (e, t) => Le(e, t),
   click: (e, t) => Yn(t),
   keydown: (e, t) => Bn(t)
 };
 function Qn(e, t, n) {
   const s = Kn[e];
-  return s ? s(t, n) : (i) => n(i);
+  return s ? s(t, n) : (r) => n(r);
 }
 function Xn(e) {
   return typeof e == "object" && !Array.isArray(e) && ("enter" in e || "leave" in e);
@@ -1884,56 +1900,58 @@ function Zn(e) {
   return Jn(e) ? { enter: e.enter ?? [], leave: e.leave ?? [] } : void 0;
 }
 function es(e, t, n, s, {
-  reducedMotion: i,
-  targetController: r,
+  reducedMotion: r,
+  targetController: i,
   selectorCondition: o,
   animation: c
 }) {
   const u = Un(s.eventConfig), f = n.transition || n.transitionProperties, a = Zn(u);
   let l, m = !1;
-  if (f ? l = Wn(
+  if (f ? l = jn(
     t,
-    r,
+    i,
     n,
     s,
     o,
     a
-  ) : (l = jn(
+  ) : (l = Wn(
     t,
     n,
     s,
-    i,
+    r,
     o,
     a,
     c
   ), m = s.type === "once"), !l)
     return;
   const g = l, d = new AbortController();
-  function h(v, E, b) {
-    const S = Qn(E, e, g);
-    v.addEventListener(E, S, { ...b, signal: d.signal });
+  function h(v, w, b) {
+    const S = Qn(w, e, g);
+    v.addEventListener(w, S, { ...b, signal: d.signal });
   }
   const y = { source: e, target: t, cleanup: () => {
     d.abort();
   } };
   if (O(he, e, y), O(he, t, y), a) {
-    const v = u.enter, E = u.leave;
-    v.forEach((S) => {
-      S === "focusin" && (e.tabIndex = 0), h(e, S, { passive: !0, once: m });
-    }), (f ? s.method === "toggle" : s.type !== "once") && E.forEach((S) => {
-      if (S === "focusout") {
-        h(e, S, { once: m });
+    const v = u.enter, w = u.leave;
+    v.forEach((I) => {
+      I === "focusin" && (e.tabIndex = 0), h(e, I, { passive: !0, once: m });
+    });
+    const b = !s.method || s.method === "toggle";
+    (f ? b : s.type !== "once") && w.forEach((I) => {
+      if (I === "focusout") {
+        h(e, I, { once: m });
         return;
       }
-      h(e, S, { passive: !0 });
+      h(e, I, { passive: !0 });
     });
   } else
-    (u.toggle ?? []).forEach((E) => {
-      h(e, E, { once: m, passive: E !== "keydown" });
+    (u.toggle ?? []).forEach((w) => {
+      h(e, w, { once: m, passive: w !== "keydown" });
     });
 }
 function ts(e) {
-  D(he, e);
+  N(he, e);
 }
 const R = {
   add: es,
@@ -1946,19 +1964,19 @@ const R = {
     enter: ["mouseenter", "focusin"],
     leave: ["mouseleave", "focusout"]
   }
-}, $e = {
+}, Pe = {
   click: me.activate,
   hover: me.interest
 };
 function Y(e) {
   const t = me[e];
-  return (n, s, i, r, o) => {
-    const c = o?.allowA11yTriggers && e in $e ? $e[e] : t;
-    R.add(n, s, i, { ...r, eventConfig: c }, o ?? {});
+  return (n, s, r, i, o) => {
+    const c = o?.allowA11yTriggers && e in Pe ? Pe[e] : t;
+    R.add(n, s, r, { ...i, eventConfig: c }, o ?? {});
   };
 }
-const k = {
-  viewEnter: _e,
+const q = {
+  viewEnter: ke,
   hover: {
     add: Y("hover"),
     remove: R.remove
@@ -1967,10 +1985,10 @@ const k = {
     add: Y("click"),
     remove: R.remove
   },
-  pageVisible: _e,
+  pageVisible: ke,
   animationEnd: Vn,
   viewProgress: Sn,
-  pointerMove: Nn,
+  pointerMove: Gn,
   activate: {
     add: Y("activate"),
     remove: R.remove
@@ -1983,7 +2001,7 @@ const k = {
 function ns(e) {
   return e.replace(/\[([-\w]+)]/g, "[]");
 }
-class w {
+class E {
   static defineInteractElement;
   dataCache;
   addedInteractions;
@@ -1995,19 +2013,20 @@ class w {
   static instances = [];
   static controllerCache = /* @__PURE__ */ new Map();
   static sequenceCache = /* @__PURE__ */ new Map();
+  static elementSequenceMap = /* @__PURE__ */ new WeakMap();
   constructor() {
     this.dataCache = { effects: {}, sequences: {}, conditions: {}, interactions: {} }, this.addedInteractions = {}, this.mediaQueryListeners = /* @__PURE__ */ new Map(), this.listInteractionsCache = {}, this.controllers = /* @__PURE__ */ new Set();
   }
   init(t, n) {
     if (typeof window > "u" || !window.customElements)
       return;
-    const s = n?.useCutsomElement ?? !!w.defineInteractElement;
+    const s = n?.useCutsomElement ?? !!E.defineInteractElement;
     this.dataCache = is(t, s);
-    const i = w.defineInteractElement?.();
-    s && i === !1 ? document.querySelectorAll("interact-element").forEach((r) => {
-      r.connect();
-    }) : w.controllerCache.forEach(
-      (r, o) => r.connect(o)
+    const r = E.defineInteractElement?.();
+    s && r === !1 ? document.querySelectorAll("interact-element").forEach((i) => {
+      i.connect();
+    }) : E.controllerCache.forEach(
+      (i, o) => i.connect(o)
     );
   }
   destroy() {
@@ -2015,14 +2034,14 @@ class w {
       t.disconnect();
     for (const [, t] of this.mediaQueryListeners.entries())
       t.mql.removeEventListener("change", t.handler);
-    this.mediaQueryListeners.clear(), this.addedInteractions = {}, this.listInteractionsCache = {}, this.controllers.clear(), this.dataCache = { effects: {}, sequences: {}, conditions: {}, interactions: {} }, w.instances.splice(w.instances.indexOf(this), 1);
+    this.mediaQueryListeners.clear(), this.addedInteractions = {}, this.listInteractionsCache = {}, this.controllers.clear(), this.dataCache = { effects: {}, sequences: {}, conditions: {}, interactions: {} }, E.instances.splice(E.instances.indexOf(this), 1);
   }
   setController(t, n) {
-    this.controllers.add(n), w.setController(t, n);
+    this.controllers.add(n), E.setController(t, n);
   }
   deleteController(t, n = !1) {
-    const s = w.controllerCache.get(t);
-    this.clearInteractionStateForKey(t), this.clearMediaQueryListenersForKey(t), s && n && (this.controllers.delete(s), w.deleteController(t));
+    const s = E.controllerCache.get(t);
+    this.clearInteractionStateForKey(t), this.clearMediaQueryListenersForKey(t), s && n && (this.controllers.delete(s), E.deleteController(t));
   }
   has(t) {
     return !!this.get(t);
@@ -2036,66 +2055,87 @@ class w {
       s.key === t && (s.mql.removeEventListener("change", s.handler), this.mediaQueryListeners.delete(n));
   }
   clearInteractionStateForKey(t) {
-    (this.get(t)?.interactionIds || []).forEach((i) => {
-      const r = C(i, t);
-      delete this.addedInteractions[r];
+    (this.get(t)?.interactionIds || []).forEach((r) => {
+      const i = C(r, t);
+      delete this.addedInteractions[i];
     });
     const s = `${t}::seq::`;
-    for (const i of w.sequenceCache.keys())
-      i.startsWith(s) && (w.sequenceCache.delete(i), delete this.addedInteractions[i]);
+    for (const r of E.sequenceCache.keys())
+      r.startsWith(s) && (E.sequenceCache.delete(r), delete this.addedInteractions[r]);
   }
-  setupMediaQueryListener(t, n, s, i) {
-    this.mediaQueryListeners.has(t) || (n.addEventListener("change", i), this.mediaQueryListeners.set(t, {
+  setupMediaQueryListener(t, n, s, r) {
+    this.mediaQueryListeners.has(t) || (n.addEventListener("change", r), this.mediaQueryListeners.set(t, {
       mql: n,
-      handler: i,
+      handler: r,
       key: s
     }));
   }
   static create(t, n) {
-    const s = new w();
-    return w.instances.push(s), s.init(t, n), s;
+    const s = new E();
+    return E.instances.push(s), s.init(t, n), s;
   }
   static destroy() {
-    w.controllerCache.forEach((t) => {
+    E.controllerCache.forEach((t) => {
       t.disconnect();
-    }), w.instances.length = 0, w.controllerCache.clear(), w.sequenceCache.clear();
+    }), E.instances.length = 0, E.controllerCache.clear(), E.sequenceCache.clear(), E.elementSequenceMap = /* @__PURE__ */ new WeakMap();
   }
   static setup(t) {
-    t.scrollOptionsGetter && k.viewProgress.registerOptionsGetter?.(
+    t.scrollOptionsGetter && q.viewProgress.registerOptionsGetter?.(
       t.scrollOptionsGetter
-    ), t.pointerOptionsGetter && k.pointerMove.registerOptionsGetter?.(
+    ), t.pointerOptionsGetter && q.pointerMove.registerOptionsGetter?.(
       t.pointerOptionsGetter
-    ), t.viewEnter && k.viewEnter.setOptions(
+    ), t.viewEnter && q.viewEnter.setOptions(
       t.viewEnter
-    ), t.allowA11yTriggers !== void 0 && (w.allowA11yTriggers = t.allowA11yTriggers);
+    ), t.allowA11yTriggers !== void 0 && (E.allowA11yTriggers = t.allowA11yTriggers);
   }
   static getInstance(t) {
-    return w.instances.find((n) => n.has(t));
+    return E.instances.find((n) => n.has(t));
   }
   static getController(t) {
-    return t ? w.controllerCache.get(t) : void 0;
+    return t ? E.controllerCache.get(t) : void 0;
   }
   static setController(t, n) {
-    w.controllerCache.set(t, n);
+    E.controllerCache.set(t, n);
   }
   static deleteController(t) {
-    w.controllerCache.delete(t);
+    E.controllerCache.delete(t);
   }
   static registerEffects = Rt;
-  static getSequence(t, n, s, i) {
-    const r = w.sequenceCache.get(t);
-    if (r) return r;
-    const o = Bt(n, s, i);
-    return w.sequenceCache.set(t, o), o;
-  }
-  static addToSequence(t, n, s, i) {
-    const r = w.sequenceCache.get(t);
-    if (!r) return !1;
-    const c = Ve(n, i).map((u, f) => ({
-      index: s[f] ?? r.animationGroups.length,
+  static getSequence(t, n, s, r) {
+    const i = E.sequenceCache.get(t);
+    if (i) return i;
+    const o = Bt(n, s, r);
+    return E.sequenceCache.set(t, o), E._registerSequenceElements(s, o), o;
+  }
+  static addToSequence(t, n, s, r) {
+    const i = E.sequenceCache.get(t);
+    if (!i) return !1;
+    const c = Ve(n, r).map((u, f) => ({
+      index: s[f] ?? i.animationGroups.length,
       group: u
     }));
-    return r.addGroups(c), !0;
+    return i.addGroups(c), E._registerSequenceElements(n, i), !0;
+  }
+  static _registerSequenceElements(t, n) {
+    for (const { target: s } of t) {
+      const r = Array.isArray(s) ? s : s instanceof HTMLElement ? [s] : [];
+      for (const i of r) {
+        let o = E.elementSequenceMap.get(i);
+        o || (o = /* @__PURE__ */ new Set(), E.elementSequenceMap.set(i, o)), o.add(n);
+      }
+    }
+  }
+  static removeFromSequences(t) {
+    for (const n of t) {
+      const s = E.elementSequenceMap.get(n);
+      if (s) {
+        for (const r of s)
+          r.removeGroups(
+            (i) => i.animations.some((o) => o.effect?.target === n)
+          );
+        E.elementSequenceMap.delete(n);
+      }
+    }
   }
 }
 let ss = 0;
@@ -2105,13 +2145,13 @@ function H(e, {
   useFirstChild: s = !1
 } = {}) {
   if (e.listContainer) {
-    const i = `${n && e.listItemSelector ? ` > ${e.listItemSelector}` : ""}`;
-    return e.selector ? `${e.listContainer}${i} ${e.selector}` : `${e.listContainer}${i || " > *"}`;
+    const r = `${n && e.listItemSelector ? ` > ${e.listItemSelector}` : ""}`;
+    return e.selector ? `${e.listContainer}${r} ${e.selector}` : `${e.listContainer}${r || " > *"}`;
   } else if (e.selector)
     return e.selector;
   return s ? t ? "> :first-child" : ":scope > :first-child" : "";
 }
-function Pe(e) {
+function $e(e) {
   return "sequenceId" in e && !("effects" in e);
 }
 function ce(e, t) {
@@ -2125,58 +2165,58 @@ function ce(e, t) {
 }
 function is(e, t = !1) {
   const n = e.conditions || {}, s = {};
-  return e.interactions?.forEach((i) => {
-    const r = i.key, o = ++ss, { effects: c, sequences: u, ...f } = i;
-    if (!r) {
+  return e.interactions?.forEach((r) => {
+    const i = r.key, o = ++ss, { effects: c, sequences: u, ...f } = r;
+    if (!i) {
       console.error(`Interaction ${o} is missing a key for source element.`);
       return;
     }
-    ce(s, r);
+    ce(s, i);
     const a = c ? Array.from(c) : [];
     a.reverse();
     const l = u?.map((d) => {
-      if (Pe(d)) {
+      if ($e(d)) {
         const p = e.sequences?.[d.sequenceId];
         return p ? { ...p, ...d } : (console.warn(`Interact: Sequence "${d.sequenceId}" not found in config`), d);
       }
       const h = d;
-      return h.sequenceId || (h.sequenceId = x()), h;
+      return h.sequenceId || (h.sequenceId = _()), h;
     }), m = {
       ...f,
       effects: a.length > 0 ? a : void 0,
       sequences: l
     };
-    s[r].triggers.push(m), s[r].selectors.add(
+    s[i].triggers.push(m), s[i].selectors.add(
       H(m, { useFirstChild: t })
     );
     const g = m.listContainer;
     a.forEach((d) => {
       let h = d.key;
       if (!h && d.effectId) {
-        const E = e.effects[d.effectId];
-        E && (h = E.key);
+        const w = e.effects[d.effectId];
+        w && (h = w.key);
       }
-      d.effectId || (d.effectId = x()), h = h || r, d.key = h;
+      d.effectId || (d.effectId = _()), h = h || i, d.key = h;
       const p = d.effectId;
-      if (g && d.listContainer && (h !== r || d.listContainer !== g))
+      if (g && d.listContainer && (h !== i || d.listContainer !== g))
         return;
-      const y = `${r}::${h}::${p}::${o}`;
-      if (d.interactionId = y, s[r].interactionIds.add(y), h === r)
+      const y = `${i}::${h}::${p}::${o}`;
+      if (d.interactionId = y, s[i].interactionIds.add(y), h === i)
         return;
       const v = ce(s, h);
       v.effects[y] || (v.effects[y] = [], v.interactionIds.add(y)), v.effects[y].push({ ...f, effect: d }), v.selectors.add(H(d, { useFirstChild: t }));
     }), l?.forEach((d) => {
-      if (!d || Pe(d)) return;
-      const h = d, p = h.sequenceId || x(), y = h.effects;
+      if (!d || $e(d)) return;
+      const h = d, p = h.sequenceId || _(), y = h.effects;
       for (const v of y) {
-        v.effectId || (v.effectId = x());
-        let E = v.key;
-        if (!E && v.effectId) {
+        v.effectId || (v.effectId = _());
+        let w = v.key;
+        if (!w && v.effectId) {
           const b = e.effects[v.effectId];
-          b && (E = b.key);
+          b && (w = b.key);
         }
-        if (E = E || r, E !== r) {
-          const b = ce(s, E), S = `${E}::seq::${p}::${o}`;
+        if (w = w || i, w !== i) {
+          const b = ce(s, w), S = `${w}::seq::${p}::${o}`;
           b.sequences[S] || (b.sequences[S] = [], b.interactionIds.add(S)), b.sequences[S].push({
             ...f,
             sequence: h
@@ -2207,16 +2247,16 @@ function pe(e, t, n) {
 function ge(e, t) {
   return t.map((n) => e.selector ? n.querySelector(e.selector) : n).filter(Boolean);
 }
-function Xe(e, t, n, s, i, r, o, c) {
+function Xe(e, t, n, s, r, i, o, c) {
   return [
     o ? ge(e, o) : pe(e, n, s),
-    c ? ge(t, c) : pe(t, i, r)
+    c ? ge(t, c) : pe(t, r, i)
   ];
 }
-function Ue(e, t, n, s, i, r, o) {
-  const c = Array.isArray(s), u = Array.isArray(i);
+function Ue(e, t, n, s, r, i, o) {
+  const c = Array.isArray(s), u = Array.isArray(r);
   c ? s.forEach((f, a) => {
-    const l = u ? i[a] : i;
+    const l = u ? r[a] : r;
     l && Fe(
       e,
       f,
@@ -2224,10 +2264,10 @@ function Ue(e, t, n, s, i, r, o) {
       l,
       n,
       t.params,
-      r,
+      i,
       o
     );
-  }) : (u ? i : [i]).forEach((a) => {
+  }) : (u ? r : [r]).forEach((a) => {
     Fe(
       e,
       s,
@@ -2235,30 +2275,30 @@ function Ue(e, t, n, s, i, r, o) {
       a,
       n,
       t.params,
-      r,
+      i,
       o
     );
   });
 }
-function Je(e, t, n, s, i) {
-  const r = {}, o = [];
+function Je(e, t, n, s, r) {
+  const i = {}, o = [];
   (s.effects || []).forEach((c) => {
     const u = c.effectId, f = {
       ...n.dataCache.effects[u] || {},
       ...c,
       effectId: u
     }, a = f.key, l = C(c.interactionId, e);
-    if (r[l] || n.addedInteractions[l] && !i)
+    if (i[l] || n.addedInteractions[l] && !r)
       return;
-    const m = _(f.conditions || [], n.dataCache.conditions);
+    const m = k(f.conditions || [], n.dataCache.conditions);
     if (m && n.setupMediaQueryListener(l, m, e, () => {
       t.update();
     }), !m || m.matches) {
-      r[l] = !0;
+      i[l] = !0;
       const g = a && C(a, e);
       let d;
       if (g) {
-        if (d = w.getController(g), !d)
+        if (d = E.getController(g), !d)
           return;
         f.listContainer && d.watchChildList(f.listContainer);
       } else
@@ -2270,12 +2310,12 @@ function Je(e, t, n, s, i) {
         t.useFirstChild,
         d.element,
         d.useFirstChild,
-        i
+        r
       );
       if (!h || !p)
         return;
       n.addedInteractions[l] = !0;
-      const y = g || s.key, v = M(
+      const y = g || s.key, v = L(
         f.conditions || [],
         n.dataCache.conditions
       );
@@ -2291,73 +2331,73 @@ function Je(e, t, n, s, i) {
     }
   }), o.reverse().forEach((c) => {
     Ue(...c);
-  }), os(e, t, n, s, i);
+  }), os(e, t, n, s, r);
 }
 function rs(e) {
   return "sequenceId" in e && !("effects" in e);
 }
-function Ze(e, t, n, s, i, r, o) {
-  const c = _(e.conditions || [], i.dataCache.conditions);
-  if (c && i.setupMediaQueryListener(t, c, r.updateKey, r.onUpdate), c && !c.matches) return null;
+function Ze(e, t, n, s, r, i, o) {
+  const c = k(e.conditions || [], r.dataCache.conditions);
+  if (c && r.setupMediaQueryListener(t, c, i.updateKey, i.onUpdate), c && !c.matches) return null;
   const u = e.effects || [], f = [];
   let a = !1;
   for (const l of u) {
     const m = l.effectId, d = {
-      ...m ? i.dataCache.effects[m] || {} : {},
+      ...m ? r.dataCache.effects[m] || {} : {},
       ...l
-    }, h = _(d.conditions || [], i.dataCache.conditions);
+    }, h = k(d.conditions || [], r.dataCache.conditions);
     if (h) {
-      const T = `${t}::${m || "eff"}`;
-      i.setupMediaQueryListener(
-        T,
+      const I = `${t}::${m || "eff"}`;
+      r.setupMediaQueryListener(
+        I,
         h,
-        r.updateKey,
-        r.onUpdate
+        i.updateKey,
+        i.onUpdate
       );
     }
     if (h && !h.matches) continue;
     const p = d.key, y = p && C(p, n);
     let v;
     if (y) {
-      if (v = w.getController(y), !v) return null;
+      if (v = E.getController(y), !v) return null;
     } else
       v = s;
-    const E = y || n;
+    const w = y || n;
     let b;
-    if (o && E === o.controllerKey && d.listContainer === o.listContainer ? (b = ge(d, o.elements), b.length > 0 && (a = !0)) : b = pe(
+    if (o && w === o.controllerKey && d.listContainer === o.listContainer ? (b = ge(d, o.elements), b.length > 0 && (a = !0)) : b = pe(
       d,
       v.element,
       v.useFirstChild
     ), !b || Array.isArray(b) && b.length === 0) return null;
-    const S = $(d);
+    const S = P(d);
     f.push({ target: b, options: S });
   }
   return o && !a ? null : f.length > 0 ? f : null;
 }
 function et(e, t, n) {
-  const r = (e.useFirstChild ? e.element.firstElementChild : e.element)?.querySelector(t);
-  if (!r) return n.map((c, u) => u);
-  const o = Array.from(r.children);
+  const i = (e.useFirstChild ? e.element.firstElementChild : e.element)?.querySelector(t);
+  if (!i) return n.map((c, u) => u);
+  const o = Array.from(i.children);
   return n.map((c) => {
     const u = o.indexOf(c);
     return u >= 0 ? u : o.length;
   });
 }
-function os(e, t, n, s, i) {
-  s.sequences?.forEach((r) => {
+function os(e, t, n, s, r) {
+  s.sequences?.forEach((i) => {
     let o;
-    if (rs(r)) {
-      const g = n.dataCache.sequences[r.sequenceId];
+    if (rs(i)) {
+      const g = n.dataCache.sequences[i.sequenceId];
       if (!g) {
-        console.warn(`Interact: Sequence "${r.sequenceId}" not found in cache`);
+        console.warn(`Interact: Sequence "${i.sequenceId}" not found in cache`);
         return;
       }
-      o = { ...g, ...r };
+      o = { ...g, ...i };
     } else
-      o = r;
-    const c = o.sequenceId || x(), u = C(`${e}::seq::${c}`, e);
-    if (n.addedInteractions[u] && !i) return;
-    const f = i && s.listContainer ? { controllerKey: e, listContainer: s.listContainer, elements: i } : void 0, a = Ze(
+      o = i;
+    const c = o.sequenceId || _(), u = C(`${e}::seq::${c}`, e);
+    if (n.addedInteractions[u] && !r) return;
+    const f = r && s.listContainer ? { controllerKey: e, listContainer: s.listContainer, elements: r } : void 0, a = Ze(
       o,
       u,
       e,
@@ -2367,54 +2407,54 @@ function os(e, t, n, s, i) {
       f
     );
     if (!a) return;
-    if (i && n.addedInteractions[u]) {
+    if (r && n.addedInteractions[u]) {
       const g = et(
         t,
         s.listContainer,
-        i
+        r
       );
-      w.addToSequence(u, a, g, {
-        reducedMotion: w.forceReducedMotion
+      E.addToSequence(u, a, g, {
+        reducedMotion: E.forceReducedMotion
       });
       return;
     }
-    const l = w.getSequence(u, o, a, {
-      reducedMotion: w.forceReducedMotion
+    const l = E.getSequence(u, o, a, {
+      reducedMotion: E.forceReducedMotion
     });
     n.addedInteractions[u] = !0;
-    const m = M(
+    const m = L(
       s.conditions || [],
       n.dataCache.conditions
     );
-    k[s.trigger]?.add(
+    q[s.trigger]?.add(
       t.element,
       t.element,
       {},
       s.params || {},
       {
-        reducedMotion: w.forceReducedMotion,
+        reducedMotion: E.forceReducedMotion,
         selectorCondition: m,
         animation: l,
-        allowA11yTriggers: w.allowA11yTriggers
+        allowA11yTriggers: E.allowA11yTriggers
       }
     );
   });
 }
-function cs(e, t, n, s, i) {
-  const r = n.get(e)?.sequences || {};
-  Object.keys(r).forEach((c) => {
-    r[c].some(({ sequence: f, ...a }) => {
-      const l = _(
+function cs(e, t, n, s, r) {
+  const i = n.get(e)?.sequences || {};
+  Object.keys(i).forEach((c) => {
+    i[c].some(({ sequence: f, ...a }) => {
+      const l = k(
         a.conditions || [],
         n.dataCache.conditions
       );
       if (l && !l.matches)
         return !1;
-      const m = a.key && C(a.key, e), g = w.getController(m);
+      const m = a.key && C(a.key, e), g = E.getController(m);
       if (!g)
         return !0;
-      const d = f.sequenceId || x(), h = C(`${m}::seq::${d}`, m);
-      if (n.addedInteractions[h] && !i)
+      const d = f.sequenceId || _(), h = C(`${m}::seq::${d}`, m);
+      if (n.addedInteractions[h] && !r)
         return !0;
       const y = Ze(
         f,
@@ -2423,46 +2463,46 @@ function cs(e, t, n, s, i) {
         g,
         n,
         { updateKey: e, onUpdate: () => t.update() },
-        i && s ? { controllerKey: e, listContainer: s, elements: i } : void 0
+        r && s ? { controllerKey: e, listContainer: s, elements: r } : void 0
       );
       if (!y) return !0;
-      if (i && n.addedInteractions[h]) {
-        const b = et(t, s, i);
-        return w.addToSequence(h, y, b, {
-          reducedMotion: w.forceReducedMotion
+      if (r && n.addedInteractions[h]) {
+        const b = et(t, s, r);
+        return E.addToSequence(h, y, b, {
+          reducedMotion: E.forceReducedMotion
         }), !0;
       }
-      const v = w.getSequence(h, f, y, {
-        reducedMotion: w.forceReducedMotion
+      const v = E.getSequence(h, f, y, {
+        reducedMotion: E.forceReducedMotion
       });
       n.addedInteractions[h] = !0;
-      const E = M(
+      const w = L(
         a.conditions || [],
         n.dataCache.conditions
       );
-      return k[a.trigger]?.add(
+      return q[a.trigger]?.add(
         g.element,
         g.element,
         {},
         a.params || {},
         {
-          reducedMotion: w.forceReducedMotion,
-          selectorCondition: E,
+          reducedMotion: E.forceReducedMotion,
+          selectorCondition: w,
           animation: v,
-          allowA11yTriggers: w.allowA11yTriggers
+          allowA11yTriggers: E.allowA11yTriggers
         }
       ), !0;
     });
   });
 }
-function tt(e, t, n, s, i) {
-  const r = n.get(e), o = r?.effects || {}, c = Object.keys(o), u = [];
+function tt(e, t, n, s, r) {
+  const i = n.get(e), o = i?.effects || {}, c = Object.keys(o), u = [];
   c.forEach((a) => {
     const l = C(a, e);
-    if (n.addedInteractions[l] && !i)
+    if (n.addedInteractions[l] && !r)
       return;
     o[a].some(({ effect: g, ...d }) => {
-      const h = _(
+      const h = k(
         d.conditions || [],
         n.dataCache.conditions
       );
@@ -2475,15 +2515,15 @@ function tt(e, t, n, s, i) {
       };
       if (s && y.listContainer !== s)
         return !1;
-      const v = _(y.conditions || [], n.dataCache.conditions);
+      const v = k(y.conditions || [], n.dataCache.conditions);
       if (v && n.setupMediaQueryListener(l, v, e, () => {
         t.update();
       }), !v || v.matches) {
-        const E = d.key && C(d.key, e), b = w.getController(E);
+        const w = d.key && C(d.key, e), b = E.getController(w);
         if (!b)
           return !0;
         y.listContainer && t.watchChildList(y.listContainer);
-        const [S, T] = Xe(
+        const [S, I] = Xe(
           d,
           y,
           b.element,
@@ -2491,12 +2531,12 @@ function tt(e, t, n, s, i) {
           t.element,
           t.useFirstChild,
           void 0,
-          i
+          r
         );
-        if (!S || !T)
+        if (!S || !I)
           return !0;
         n.addedInteractions[l] = !0;
-        const P = M(
+        const $ = L(
           y.conditions || [],
           n.dataCache.conditions
         );
@@ -2505,8 +2545,8 @@ function tt(e, t, n, s, i) {
           d,
           y,
           S,
-          T,
-          P,
+          I,
+          $,
           t.useFirstChild
         ]), !0;
       }
@@ -2514,43 +2554,43 @@ function tt(e, t, n, s, i) {
     });
   }), u.reverse().forEach((a) => {
     Ue(...a);
-  }), cs(e, t, n, s, i);
-  const f = Object.keys(r?.sequences || {}).length > 0;
+  }), cs(e, t, n, s, r);
+  const f = Object.keys(i?.sequences || {}).length > 0;
   return c.length > 0 || f;
 }
-function Fe(e, t, n, s, i, r, o, c) {
+function Fe(e, t, n, s, r, i, o, c) {
   let u;
-  if (i.transition || i.transitionProperties) {
+  if (r.transition || r.transitionProperties) {
     const f = {
       key: e,
-      effectId: i.effectId,
-      transition: i.transition,
-      properties: i.transitionProperties,
-      childSelector: H(i, {
+      effectId: r.effectId,
+      transition: r.transition,
+      properties: r.transitionProperties,
+      childSelector: H(r, {
         asCombinator: !0,
         addItemFilter: !0,
         useFirstChild: c
       }),
       selectorCondition: o
     };
-    if (u = w.getController(e), !u)
+    if (u = E.getController(e), !u)
       return;
     u.renderStyle(Kt(f));
   }
-  k[n]?.add(t, s, i, r, {
-    reducedMotion: w.forceReducedMotion,
+  q[n]?.add(t, s, r, i, {
+    reducedMotion: E.forceReducedMotion,
     targetController: u,
     selectorCondition: o,
-    allowA11yTriggers: w.allowA11yTriggers
+    allowA11yTriggers: E.allowA11yTriggers
   });
 }
 function as(e) {
-  const t = e.key, n = w.getInstance(t);
+  const t = e.key, n = E.getInstance(t);
   if (!n)
-    return console.warn(`No instance found for key: ${t}`), w.setController(t, e), !1;
-  const { triggers: s = [] } = n?.get(t) || {}, i = s.length > 0;
+    return console.warn(`No instance found for key: ${t}`), E.setController(t, e), !1;
+  const { triggers: s = [] } = n?.get(t) || {}, r = s.length > 0;
   n.setController(t, e), s.forEach((o, c) => {
-    const u = _(o.conditions, n.dataCache.conditions);
+    const u = k(o.conditions, n.dataCache.conditions);
     if (u) {
       const f = `${t}::trigger::${c}`;
       n.setupMediaQueryListener(f, u, t, () => {
@@ -2559,40 +2599,41 @@ function as(e) {
     }
     (!u || u.matches) && (o.listContainer && e.watchChildList(o.listContainer), Je(t, e, n, o));
   });
-  let r = !1;
-  return n && (r = tt(t, e, n)), i || r;
+  let i = !1;
+  return n && (i = tt(t, e, n)), r || i;
 }
 function fs(e, t, n) {
-  const s = e.key, i = w.getInstance(s);
-  if (i) {
-    const { triggers: r = [] } = i?.get(s) || {};
-    r.forEach((o, c) => {
+  const s = e.key, r = E.getInstance(s);
+  if (r) {
+    const { triggers: i = [] } = r?.get(s) || {};
+    i.forEach((o, c) => {
       if (o.listContainer !== t)
         return;
-      const u = _(o.conditions, i.dataCache.conditions);
+      const u = k(o.conditions, r.dataCache.conditions);
       if (u) {
         const f = `${s}::listTrigger::${t}::${c}`;
-        i.setupMediaQueryListener(f, u, s, () => {
+        r.setupMediaQueryListener(f, u, s, () => {
           e.update();
         });
       }
-      (!u || u.matches) && Je(s, e, i, o, n);
-    }), tt(s, e, i, t, n);
+      (!u || u.matches) && Je(s, e, r, o, n);
+    }), tt(s, e, r, t, n);
   }
 }
 function ls(e, t = !1) {
-  const n = e.key, s = w.getInstance(n);
+  const n = e.key, s = E.getInstance(n);
   if (!s)
     return;
-  const i = [...s.get(n)?.selectors.values() || []].filter(Boolean).join(",");
-  let r;
-  i ? (r = [...e.element.querySelectorAll(i)], e.useFirstChild || r.push(e.element)) : r = [e.element], nt(r), s.deleteController(n, t);
+  const r = [...s.get(n)?.selectors.values() || []].filter(Boolean).join(",");
+  let i;
+  r ? (i = [...e.element.querySelectorAll(r)], e.useFirstChild || i.push(e.element)) : i = [e.element], nt(i), s.deleteController(n, t);
 }
 function nt(e) {
-  const t = Object.values(k);
+  const t = Object.values(q);
   for (const n of e)
     for (const s of t)
       s.remove(n);
+  E.removeFromSequences(e);
 }
 const ae = "interactEffect";
 class us {
@@ -2636,22 +2677,22 @@ class us {
       for (const s of t)
         try {
           this.sheet.insertRule(s, n), n++;
-        } catch (i) {
-          console.error(i);
+        } catch (r) {
+          console.error(r);
         }
     }
   }
-  toggleEffect(t, n, s, i) {
+  toggleEffect(t, n, s, r) {
     if (s === null)
       return;
-    if (!i && this.element.toggleEffect) {
+    if (!r && this.element.toggleEffect) {
       this.element.toggleEffect(t, n, s);
       return;
     }
-    const r = new Set(
+    const i = new Set(
       this.element.dataset[ae]?.split(" ") || []
     );
-    n === "toggle" ? r.has(t) ? r.delete(t) : r.add(t) : n === "add" ? r.add(t) : n === "remove" ? r.delete(t) : n === "clear" && r.clear(), (s || this.element).dataset[ae] = Array.from(r).join(" ");
+    n === "toggle" ? i.has(t) ? i.delete(t) : i.add(t) : n === "add" ? i.add(t) : n === "remove" ? i.delete(t) : n === "clear" && i.clear(), (s || this.element).dataset[ae] = Array.from(i).join(" ");
   }
   getActiveEffects() {
     const n = (this.element.dataset[ae] || "").trim();
@@ -2665,34 +2706,34 @@ class us {
     }
   }
   _childListChangeHandler(t, n) {
-    const s = this.key || this.element.dataset.interactKey, i = [], r = [];
+    const s = this.key || this.element.dataset.interactKey, r = [], i = [];
     n.forEach((o) => {
       o.removedNodes.forEach((c) => {
-        c instanceof HTMLElement && i.push(c);
-      }), o.addedNodes.forEach((c) => {
         c instanceof HTMLElement && r.push(c);
+      }), o.addedNodes.forEach((c) => {
+        c instanceof HTMLElement && i.push(c);
       });
-    }), nt(i), s && fs(this, t, r);
+    }), nt(r), s && fs(this, t, i);
   }
 }
 function gs(e, t) {
   new us(e, t).connect();
 }
 function vs(e) {
-  const t = w.getController(e);
+  const t = E.getController(e);
   t && t.disconnect({ removeFromCache: !0 });
 }
 const ds = (e, t, n, s) => {
-  let r = `[data-interact-key="${e.replace(/"/g, "'")}"]`;
+  let i = `[data-interact-key="${e.replace(/"/g, "'")}"]`;
   const o = H(t, { asCombinator: !0, useFirstChild: s });
-  return o && (r = `${r} ${o}`), n && (r = Q(r, n)), r;
+  return o && (i = `${i} ${o}`), n && (i = Q(i, n)), i;
 };
 function ys(e, t = !1) {
   const n = [], s = /* @__PURE__ */ new Set();
   return e.interactions.forEach(
     ({
-      key: i,
-      selector: r,
+      key: r,
+      selector: i,
       listContainer: o,
       listItemSelector: c,
       trigger: u,
@@ -2706,21 +2747,21 @@ function ys(e, t = !1) {
           const p = h?.effectId && e.effects[h.effectId] || h, {
             key: y,
             selector: v,
-            listContainer: E,
+            listContainer: w,
             listItemSelector: b,
             conditions: S
           } = p;
-          if (!(!y || y === i) || !(!v && !r || v === r) || !(!E && !o || E === o) || !(!b && !c || b === c)) return;
-          const ye = e.conditions || {}, Ee = M(
+          if (!(!y || y === r) || !(!v && !i || v === i) || !(!w && !o || w === o) || !(!b && !c || b === c)) return;
+          const ye = e.conditions || {}, Ee = L(
             S,
             ye
-          ), se = M(
+          ), se = L(
             l,
             ye
           );
           if (!(!Ee && !se || Ee === se)) return;
           const ie = ds(
-            i,
+            r,
             p,
             se,
             t
@@ -2742,9 +2783,9 @@ function ys(e, t = !1) {
 }
 export {
   us as I,
-  w as a,
+  E as a,
   gs as b,
   ys as g,
   vs as r
 };
-//# sourceMappingURL=index-BZL18ynN.mjs.map
+//# sourceMappingURL=index-BtEG0cjF.mjs.map