@wix/interact 2.1.4 → 2.2.1

package/dist/{index-DHqlFmW8.mjs → index-CJl_iRUI.mjs}

@@ -9,16 +9,23 @@ function C(t, e) {
     return r !== void 0 ? `[${r}]` : "[]";
   }) : t;
 }
-class G {
+class N {
   animations;
   options;
   ready;
   isCSS;
+  longestAnimation;
   constructor(e, n) {
-    this.animations = e, this.options = n, this.ready = n?.measured || Promise.resolve(), this.isCSS = e[0] instanceof CSSAnimation;
+    this.animations = e, this.options = n, this.ready = n?.measured || Promise.resolve(), this.isCSS = e[0] instanceof CSSAnimation, this.longestAnimation = this._getAnimationWithLongestEndTime();
+  }
+  _getAnimationWithLongestEndTime() {
+    return this.animations.reduce((e, n) => {
+      const s = e.effect?.getComputedTiming().endTime ?? 0, r = n.effect?.getComputedTiming().endTime ?? 0;
+      return s > r ? e : n;
+    }, this.animations[0]);
   }
   getProgress() {
-    return this.animations[0]?.effect?.getComputedTiming().progress || 0;
+    return this.longestAnimation?.effect?.getComputedTiming().progress || 0;
   }
   async play(e) {
     await this.ready;
@@ -100,7 +107,7 @@ class G {
     });
   }
 }
-const Re = (t) => t, it = (t) => 1 - Math.cos(t * Math.PI / 2), rt = (t) => Math.sin(t * Math.PI / 2), ot = (t) => -(Math.cos(Math.PI * t) - 1) / 2, ct = (t) => t ** 2, at = (t) => 1 - (1 - t) ** 2, ft = (t) => t < 0.5 ? 2 * t ** 2 : 1 - (-2 * t + 2) ** 2 / 2, lt = (t) => t ** 3, ut = (t) => 1 - (1 - t) ** 3, dt = (t) => t < 0.5 ? 4 * t ** 3 : 1 - (-2 * t + 2) ** 3 / 2, ht = (t) => t ** 4, mt = (t) => 1 - (1 - t) ** 4, pt = (t) => t < 0.5 ? 8 * t ** 4 : 1 - (-2 * t + 2) ** 4 / 2, gt = (t) => t ** 5, vt = (t) => 1 - (1 - t) ** 5, yt = (t) => t < 0.5 ? 16 * t ** 5 : 1 - (-2 * t + 2) ** 5 / 2, Et = (t) => t === 0 ? 0 : 2 ** (10 * t - 10), wt = (t) => t === 1 ? 1 : 1 - 2 ** (-10 * t), bt = (t) => t === 0 ? 0 : t === 1 ? 1 : t < 0.5 ? 2 ** (20 * t - 10) / 2 : (2 - 2 ** (-20 * t + 10)) / 2, St = (t) => 1 - Math.sqrt(1 - t ** 2), It = (t) => Math.sqrt(1 - (t - 1) ** 2), Tt = (t) => t < 0.5 ? (1 - Math.sqrt(1 - 4 * t ** 2)) / 2 : (Math.sqrt(-(2 * t - 3) * (2 * t - 1)) + 1) / 2, Ot = (t) => 2.70158 * t ** 3 - 1.70158 * t ** 2, Ct = (t) => 1 + 2.70158 * (t - 1) ** 3 + 1.70158 * (t - 1) ** 2, kt = (t, e = 1.70158 * 1.525) => t < 0.5 ? (2 * t) ** 2 * ((e + 1) * 2 * t - e) / 2 : ((2 * t - 2) ** 2 * ((e + 1) * (t * 2 - 2) + e) + 2) / 2, we = {
+const Re = (t) => t, it = (t) => 1 - Math.cos(t * Math.PI / 2), rt = (t) => Math.sin(t * Math.PI / 2), ot = (t) => -(Math.cos(Math.PI * t) - 1) / 2, ct = (t) => t ** 2, at = (t) => 1 - (1 - t) ** 2, ft = (t) => t < 0.5 ? 2 * t ** 2 : 1 - (-2 * t + 2) ** 2 / 2, lt = (t) => t ** 3, ut = (t) => 1 - (1 - t) ** 3, dt = (t) => t < 0.5 ? 4 * t ** 3 : 1 - (-2 * t + 2) ** 3 / 2, ht = (t) => t ** 4, mt = (t) => 1 - (1 - t) ** 4, pt = (t) => t < 0.5 ? 8 * t ** 4 : 1 - (-2 * t + 2) ** 4 / 2, gt = (t) => t ** 5, vt = (t) => 1 - (1 - t) ** 5, yt = (t) => t < 0.5 ? 16 * t ** 5 : 1 - (-2 * t + 2) ** 5 / 2, Et = (t) => t === 0 ? 0 : 2 ** (10 * t - 10), wt = (t) => t === 1 ? 1 : 1 - 2 ** (-10 * t), bt = (t) => t === 0 ? 0 : t === 1 ? 1 : t < 0.5 ? 2 ** (20 * t - 10) / 2 : (2 - 2 ** (-20 * t + 10)) / 2, St = (t) => 1 - Math.sqrt(1 - t ** 2), Tt = (t) => Math.sqrt(1 - (t - 1) ** 2), It = (t) => t < 0.5 ? (1 - Math.sqrt(1 - 4 * t ** 2)) / 2 : (Math.sqrt(-(2 * t - 3) * (2 * t - 1)) + 1) / 2, Ot = (t) => 2.70158 * t ** 3 - 1.70158 * t ** 2, Ct = (t) => 1 + 2.70158 * (t - 1) ** 3 + 1.70158 * (t - 1) ** 2, At = (t, e = 1.70158 * 1.525) => t < 0.5 ? (2 * t) ** 2 * ((e + 1) * 2 * t - e) / 2 : ((2 * t - 2) ** 2 * ((e + 1) * (t * 2 - 2) + e) + 2) / 2, we = {
   linear: Re,
   sineIn: it,
   sineOut: rt,
@@ -121,11 +128,11 @@ const Re = (t) => t, it = (t) => 1 - Math.cos(t * Math.PI / 2), rt = (t) => Math
   expoOut: wt,
   expoInOut: bt,
   circIn: St,
-  circOut: It,
-  circInOut: Tt,
+  circOut: Tt,
+  circInOut: It,
   backIn: Ot,
   backOut: Ct,
-  backInOut: kt
+  backInOut: At
 }, be = {
   linear: "linear",
   ease: "ease",
@@ -157,41 +164,41 @@ const Re = (t) => t, it = (t) => 1 - Math.cos(t * Math.PI / 2), rt = (t) => Math
   backOut: "cubic-bezier(0.175, 0.885, 0.32, 1.275)",
   backInOut: "cubic-bezier(0.68, -0.55, 0.265, 1.55)"
 };
-function At(t) {
+function kt(t) {
   return t === "percentage" ? "%" : t || "px";
 }
-function B(t) {
+function Q(t) {
   return t ? be[t] || t : be.linear;
 }
-function qt(t, e, n, s) {
-  const r = 3 * t, i = 3 * (n - t) - r, o = 1 - r - i, c = 3 * e, l = 3 * (s - e) - c, f = 1 - c - l, a = (d) => ((o * d + i) * d + r) * d, u = (d) => ((f * d + l) * d + c) * d, m = (d) => (3 * o * d + 2 * i) * d + r;
+function _t(t, e, n, s) {
+  const r = 3 * t, i = 3 * (n - t) - r, o = 1 - r - i, c = 3 * e, l = 3 * (s - e) - c, f = 1 - c - l, a = (d) => ((o * d + i) * d + r) * d, u = (d) => ((f * d + l) * d + c) * d, h = (d) => (3 * o * d + 2 * i) * d + r;
   function g(d) {
-    let h = d;
-    for (let y = 0; y < 8; y++) {
-      const w = a(h) - d;
-      if (Math.abs(w) < 1e-7) return h;
-      const b = m(h);
+    let m = d;
+    for (let v = 0; v < 8; v++) {
+      const w = a(m) - d;
+      if (Math.abs(w) < 1e-7) return m;
+      const b = h(m);
       if (Math.abs(b) < 1e-6) break;
-      h -= w / b;
+      m -= w / b;
     }
-    let p = 0, v = 1;
-    for (h = (p + v) / 2; v - p > 1e-7; ) {
-      const y = a(h);
-      if (Math.abs(y - d) < 1e-7) return h;
-      d > y ? p = h : v = h, h = (p + v) / 2;
+    let p = 0, y = 1;
+    for (m = (p + y) / 2; y - p > 1e-7; ) {
+      const v = a(m);
+      if (Math.abs(v - d) < 1e-7) return m;
+      d > v ? p = m : y = m, m = (p + y) / 2;
     }
-    return h;
+    return m;
   }
   return (d) => d <= 0 ? 0 : d >= 1 ? 1 : u(g(d));
 }
-function _t(t) {
+function qt(t) {
   const e = t.match(
     /^cubic-bezier\(\s*(-?[\d.]+)\s*,\s*(-?[\d.]+)\s*,\s*(-?[\d.]+)\s*,\s*(-?[\d.]+)\s*\)$/
   );
   if (!e) return;
   const n = parseFloat(e[1]), s = parseFloat(e[2]), r = parseFloat(e[3]), i = parseFloat(e[4]);
   if (![n, s, r, i].some(isNaN))
-    return qt(n, s, r, i);
+    return _t(n, s, r, i);
 }
 function xt(t) {
   const e = t.match(/^linear\((.+)\)$/);
@@ -234,8 +241,8 @@ function xt(t) {
     if (o >= c.pos) return c.output;
     let l = 0, f = i.length - 1;
     for (; l < f - 1; ) {
-      const m = l + f >>> 1;
-      i[m].pos <= o ? l = m : f = m;
+      const h = l + f >>> 1;
+      i[h].pos <= o ? l = h : f = h;
     }
     const a = i[l], u = i[f];
     return u.pos === a.pos ? u.output : a.output + (u.output - a.output) * (o - a.pos) / (u.pos - a.pos);
@@ -244,9 +251,9 @@ function xt(t) {
 function He(t) {
   if (!t) return;
   const e = we[t];
-  return e || (_t(t) ?? xt(t) ?? we.linear);
+  return e || (qt(t) ?? xt(t) ?? we.linear);
 }
-class Mt extends G {
+class Mt extends N {
   animationGroups;
   delay;
   offset;
@@ -282,8 +289,8 @@ class Mt extends G {
       s.animations.forEach((i, o) => {
         const c = i.effect;
         if (!c) return;
-        const { delay: l, duration: f, iterations: a } = this.timingOptions[r][o], u = l + e[r], m = n - (u + f * a);
-        c.updateTiming({ delay: u + this.delay, endDelay: m });
+        const { delay: l, duration: f, iterations: a } = this.timingOptions[r][o], u = l + e[r], h = n - (u + f * a);
+        c.updateTiming({ delay: u + this.delay, endDelay: h });
       });
     });
   }
@@ -479,12 +486,12 @@ class Lt {
     return this._animation.dispatchEvent(e);
   }
 }
-function Pt(t) {
+function $t(t) {
   return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
-var K = { exports: {} }, Se = K.exports, Ie;
-function $t() {
-  return Ie || (Ie = 1, (function(t) {
+var X = { exports: {} }, Se = X.exports, Te;
+function Pt() {
+  return Te || (Te = 1, (function(t) {
     (function(e) {
       var n = function() {
       }, s = e.requestAnimationFrame || e.webkitRequestAnimationFrame || e.mozRequestAnimationFrame || e.msRequestAnimationFrame || function(a) {
@@ -516,8 +523,8 @@ function $t() {
          * @public
          */
         measure: function(a, u) {
-          var m = u ? a.bind(u) : a;
-          return this.reads.push(m), i(this), m;
+          var h = u ? a.bind(u) : a;
+          return this.reads.push(h), i(this), h;
         },
         /**
          * Adds a job to the
@@ -529,8 +536,8 @@ function $t() {
          * @public
          */
         mutate: function(a, u) {
-          var m = u ? a.bind(u) : a;
-          return this.writes.push(m), i(this), m;
+          var h = u ? a.bind(u) : a;
+          return this.writes.push(h), i(this), h;
         },
         /**
          * Clears a scheduled 'read' or 'write' task.
@@ -590,31 +597,31 @@ function $t() {
         a.scheduled || (a.scheduled = !0, a.raf(o.bind(null, a)));
       }
       function o(a) {
-        var u = a.writes, m = a.reads, g;
+        var u = a.writes, h = a.reads, g;
         try {
-          n("flushing reads", m.length), a.runTasks(m), n("flushing writes", u.length), a.runTasks(u);
+          n("flushing reads", h.length), a.runTasks(h), n("flushing writes", u.length), a.runTasks(u);
         } catch (d) {
           g = d;
         }
-        if (a.scheduled = !1, (m.length || u.length) && i(a), g)
+        if (a.scheduled = !1, (h.length || u.length) && i(a), g)
           if (n("task errored", g.message), a.catch) a.catch(g);
           else throw g;
       }
       function c(a, u) {
-        var m = a.indexOf(u);
-        return !!~m && !!a.splice(m, 1);
+        var h = a.indexOf(u);
+        return !!~h && !!a.splice(h, 1);
       }
       function l(a, u) {
-        for (var m in u)
-          u.hasOwnProperty(m) && (a[m] = u[m]);
+        for (var h in u)
+          u.hasOwnProperty(h) && (a[h] = u[h]);
       }
       var f = e.fastdom = e.fastdom || new r();
       t.exports = f;
     })(typeof window < "u" ? window : typeof Se < "u" ? Se : globalThis);
-  })(K)), K.exports;
+  })(X)), X.exports;
 }
-var Ft = $t();
-const T = /* @__PURE__ */ Pt(Ft), fe = {};
+var Ft = Pt();
+const I = /* @__PURE__ */ $t(Ft), fe = {};
 function Rt(t) {
   Object.assign(fe, t);
 }
@@ -623,33 +630,33 @@ function Ht(t) {
     `${t} not found in registry. Please make sure to import and register the preset.`
   ), null);
 }
-function M(t, e) {
+function L(t, e) {
   return t ? document.getElementById(t) : null;
 }
 function zt(t, e) {
   return t?.matches(`[data-motion-part~="${e}"]`) ? t : t?.querySelector(`[data-motion-part~="${e}"]`);
 }
-function Gt(t) {
+function Dt(t) {
   const e = t.alternate ? "alternate" : "";
   return t.reversed ? `${e ? `${e}-` : ""}reverse` : e || "normal";
 }
 function re(t) {
-  return `${t.value}${At(t.unit)}`;
+  return `${t.value}${kt(t.unit)}`;
 }
-function Te(t, e, n) {
+function Ie(t, e, n) {
   return `${t.name || "cover"} ${n && t.offset.unit !== "percentage" ? `calc(100% + ${re(t.offset)}${e ? ` + ${e}` : ""})` : e ? `calc(${re(t.offset)} + ${e})` : re(t.offset)}`;
 }
-function Dt(t) {
+function Gt(t) {
   return {
-    start: Te(t.startOffset, t.startOffsetAdd),
-    end: Te(t.endOffset, t.endOffsetAdd, !0)
+    start: Ie(t.startOffset, t.startOffsetAdd),
+    end: Ie(t.endOffset, t.endOffsetAdd, !0)
   };
 }
 function ze(t) {
-  return (e) => T.measure(() => e(t));
+  return (e) => I.measure(() => e(t));
 }
-function Ge(t) {
-  return (e) => T.mutate(() => e(t));
+function De(t) {
+  return (e) => I.mutate(() => e(t));
 }
 function Z(t) {
   if (t.namedEffect) {
@@ -672,12 +679,12 @@ function Nt(t, e, n) {
   return t.map((s, r) => {
     const i = {
       fill: s.fill,
-      easing: B(s.easing),
+      easing: Q(s.easing),
       iterations: s.iterations === 0 ? 1 / 0 : s.iterations || 1,
       composite: s.composite,
-      direction: Gt(s)
+      direction: Dt(s)
     };
-    return De(e) ? (i.duration = s.duration, i.delay = s.delay || 0) : window.ViewTimeline && e?.trigger === "view-progress" ? i.duration = "auto" : (i.duration = 99.99, i.delay = 0.01), {
+    return Ge(e) ? (i.duration = s.duration, i.delay = s.delay || 0) : window.ViewTimeline && e?.trigger === "view-progress" ? i.duration = "auto" : (i.duration = 99.99, i.delay = 0.01), {
       effect: s,
       options: i,
       id: n && `${n}-${r + 1}`,
@@ -685,31 +692,31 @@ function Nt(t, e, n) {
     };
   });
 }
-function De(t) {
+function Ge(t) {
   return !t || t.trigger !== "pointer-move" && t.trigger !== "view-progress";
 }
 function Oe(t, e, n, s, r) {
   if (t) {
-    if (De(s) && (e.duration = e.duration || 1, r?.reducedMotion))
+    if (Ge(s) && (e.duration = e.duration || 1, r?.reducedMotion))
       if (e.iterations === 1 || e.iterations == null)
         e = { ...e, duration: 1 };
       else
         return [];
     let i;
-    return n instanceof HTMLElement && (i = { measure: ze(n), mutate: Ge(n) }), t.web ? t.web(e, i, r) : t(e, i, r);
+    return n instanceof HTMLElement && (i = { measure: ze(n), mutate: De(n) }), t.web ? t.web(e, i, r) : t(e, i, r);
   }
   return [];
 }
 function ve(t, e, n, s, r) {
-  const i = t instanceof HTMLElement ? t : M(t);
+  const i = t instanceof HTMLElement ? t : L(t);
   if (n?.trigger === "pointer-move" && !e.keyframeEffect) {
-    let m = e;
-    e.customEffect && (m = {
+    let h = e;
+    e.customEffect && (h = {
       ...e,
       namedEffect: { id: "", type: "CustomMouse" }
     });
     const g = Z(
-      m
+      h
     ), d = Oe(
       g,
       e,
@@ -732,79 +739,79 @@ function ve(t, e, n, s, r) {
   let f;
   const a = n?.trigger === "view-progress";
   a && window.ViewTimeline && (f = new ViewTimeline({
-    subject: n.element || M(n.componentId)
+    subject: n.element || L(n.componentId)
   }));
-  const u = l.map(({ effect: m, options: g, id: d, part: h }) => {
-    const p = h ? zt(i, h) : i, v = new KeyframeEffect(p || null, [], g);
-    T.mutate(() => {
-      "timing" in m && v.updateTiming(m.timing), v.setKeyframes(m.keyframes);
+  const u = l.map(({ effect: h, options: g, id: d, part: m }) => {
+    const p = m ? zt(i, m) : i, y = new KeyframeEffect(p || null, [], g);
+    I.mutate(() => {
+      "timing" in h && y.updateTiming(h.timing), y.setKeyframes(h.keyframes);
     });
-    const y = a && f ? { timeline: f } : {}, w = typeof m.customEffect == "function" ? new Lt(
-      m.customEffect,
+    const v = a && f ? { timeline: f } : {}, w = typeof h.customEffect == "function" ? new Lt(
+      h.customEffect,
       p || null,
       g,
-      y
-    ) : new Animation(v, y.timeline);
+      v
+    ) : new Animation(y, v.timeline);
     if (a)
       if (f)
-        T.mutate(() => {
-          const { start: b, end: S } = Dt(m);
+        I.mutate(() => {
+          const { start: b, end: S } = Gt(h);
           w.rangeStart = b, w.rangeEnd = S, w.play();
         });
       else {
         const { startOffset: b, endOffset: S } = e;
-        T.mutate(() => {
-          const I = m.startOffset || b, $ = m.endOffset || S;
+        I.mutate(() => {
+          const T = h.startOffset || b, F = h.endOffset || S;
           Object.assign(w, {
             start: {
-              name: I.name,
-              offset: I.offset?.value,
-              add: m.startOffsetAdd
+              name: T.name,
+              offset: T.offset?.value,
+              add: h.startOffsetAdd
             },
             end: {
-              name: $.name,
-              offset: $.offset?.value,
-              add: m.endOffsetAdd
+              name: F.name,
+              offset: F.offset?.value,
+              add: h.endOffsetAdd
             }
           });
         });
       }
     return d && (w.id = d), w;
   });
-  return new G(u, {
+  return new N(u, {
     ...e,
     trigger: { ...n || {} },
     // make sure the group is ready after all animation targets are measured and mutated
-    measured: new Promise((m) => T.mutate(m))
+    measured: new Promise((h) => I.mutate(h))
   });
 }
-function Vt(t, e, n) {
-  const s = Z(e), r = t instanceof HTMLElement ? t : M(t);
+function Wt(t, e, n) {
+  const s = Z(e), r = t instanceof HTMLElement ? t : L(t);
   if (s && s.prepare && r) {
-    const i = { measure: ze(r), mutate: Ge(r) };
+    const i = { measure: ze(r), mutate: De(r) };
     s.prepare(e, i);
   }
-  n && T.mutate(n);
+  n && I.mutate(n);
 }
-function Wt(t, e) {
+function Vt(t, e) {
   const n = Z(e);
   if (!n)
     return null;
   if (!n.style)
     return e.effectId && t ? jt(t, e.effectId) : null;
-  const s = n.getNames(e), i = (typeof t == "string" ? M(t) : t)?.getAnimations(), o = i?.map((l) => l.animationName) || [], c = [];
+  const s = n.getNames(e), i = (typeof t == "string" ? L(t) : t)?.getAnimations(), o = i?.map((l) => l.animationName) || [], c = [];
   return s.forEach((l) => {
     o.includes(l) && c.push(
       i?.find((f) => f.animationName === l)
     );
-  }), c?.length ? new G(c) : null;
+  }), c?.length ? new N(c) : null;
 }
 function jt(t, e) {
-  const s = (typeof t == "string" ? M(t) : t)?.getAnimations().filter((r) => {
+  const s = (typeof t == "string" ? L(t) : t)?.getAnimations().filter((r) => {
     const i = r.id || r.animationName;
     return i ? i.startsWith(e) : !0;
   });
-  return s?.length ? new G(s) : null;
+  return s?.length ? new N(s) : null;
 }
 function Ne(t, e, n, s = {}) {
   const { disabled: r, allowActiveEvent: i, ...o } = s, c = ve(t, e, n, o);
@@ -812,7 +819,7 @@ function Ne(t, e, n, s = {}) {
     return null;
   let l = {};
   if (n.trigger === "view-progress" && !window.ViewTimeline) {
-    const f = n.element || M(n.componentId), { ready: a } = c;
+    const f = n.element || L(n.componentId), { ready: a } = c;
     return c.animations.map((u) => ({
       /* we use getters for start and end in order to access the animation's start and end
          only when initializing the scrub scene rather than immediately */
@@ -827,9 +834,9 @@ function Ne(t, e, n, s = {}) {
       getProgress() {
         return c.getProgress();
       },
-      effect(m, g) {
-        const { activeDuration: d } = u.effect.getComputedTiming(), { delay: h } = u.effect.getTiming();
-        u.currentTime = ((h || 0) + (d || 0)) * g;
+      effect(h, g) {
+        const { activeDuration: d } = u.effect.getComputedTiming(), { delay: m } = u.effect.getTiming();
+        u.currentTime = ((m || 0) + (d || 0)) * g;
       },
       disabled: r,
       destroy() {
@@ -837,7 +844,7 @@ function Ne(t, e, n, s = {}) {
       }
     }));
   } else if (n.trigger === "pointer-move") {
-    const f = e, { centeredToTarget: a, transitionDuration: u, transitionEasing: m } = f, g = n.axis;
+    const f = e, { centeredToTarget: a, transitionDuration: u, transitionEasing: h } = f, g = n.axis;
     if (f.keyframeEffect) {
       const d = c;
       return d.animations?.length === 0 ? null : {
@@ -848,9 +855,9 @@ function Ne(t, e, n, s = {}) {
         getProgress() {
           return this._currentProgress;
         },
-        effect(p, v) {
-          const y = g === "x" ? v.x : v.y;
-          this._currentProgress = y, d.progress(y);
+        effect(p, y) {
+          const v = g === "x" ? y.x : y.y;
+          this._currentProgress = v, d.progress(v);
         },
         disabled: r ?? !1,
         destroy() {
@@ -861,20 +868,20 @@ function Ne(t, e, n, s = {}) {
     l = {
       centeredToTarget: a,
       allowActiveEvent: i
-    }, e.customEffect && u && (l.transitionDuration = u, l.transitionEasing = He(m)), l.target = c.target;
+    }, e.customEffect && u && (l.transitionDuration = u, l.transitionEasing = He(h)), l.target = c.target;
   }
   return {
     ...l,
     getProgress() {
       return c.getProgress();
     },
-    effect(f, a, u, m) {
+    effect(f, a, u, h) {
       c.progress(
         u ? {
           // @ts-expect-error spread error on p
           ...a,
           v: u,
-          active: m
+          active: h
         } : a
       );
     },
@@ -885,15 +892,15 @@ function Ne(t, e, n, s = {}) {
   };
 }
 function ne(t, e, n, s = !1) {
-  const r = Wt(t, e);
+  const r = Vt(t, e);
   return r ? (r.ready = new Promise((i) => {
-    Vt(t, e, i);
+    Wt(t, e, i);
   }), r) : ve(t, e, n, { reducedMotion: s });
 }
 function Yt(t) {
   return t === null ? [null] : typeof t == "string" ? Array.from(document.querySelectorAll(t)) : Array.isArray(t) ? t : [t];
 }
-function Ve(t, e) {
+function We(t, e) {
   const n = [];
   for (const { target: s, options: r } of t) {
     const i = Yt(s);
@@ -904,19 +911,19 @@ function Ve(t, e) {
         void 0,
         e?.reducedMotion
       );
-      c instanceof G && n.push(c);
+      c instanceof N && n.push(c);
     }
   }
   return n;
 }
 function Bt(t, e, n) {
-  const s = Ve(e, n);
+  const s = We(e, n);
   return new Mt(s, t);
 }
-function Q(t, e) {
+function U(t, e) {
   return e.includes("&") ? e.replace(/&/g, t) : `${t}${e}`;
 }
-function _() {
+function x() {
   return "wi-12343210".replace(
     /\d/g,
     (t) => String.fromCharCode(
@@ -935,58 +942,58 @@ function Kt({
 }) {
   let o = [];
   if (n?.styleProperties) {
-    const { duration: d, easing: h, delay: p } = n;
+    const { duration: d, easing: m, delay: p } = n;
     d && (n.styleProperties.some(
-      (y) => y.name.startsWith("--")
+      (v) => v.name.startsWith("--")
     ) ? o = [
-      `all ${d}ms ${B(h || "ease")}${p ? ` ${p}ms` : ""}`,
+      `all ${d}ms ${Q(m || "ease")}${p ? ` ${p}ms` : ""}`,
       "visibility 0s"
     ] : o = n.styleProperties.map(
-      (y) => `${y.name} ${d}ms ${B(
-        h || "ease"
+      (v) => `${v.name} ${d}ms ${Q(
+        m || "ease"
       )}${p ? ` ${p}ms` : ""}`
     )), s = n.styleProperties;
   } else
     o = s?.filter((d) => d.duration).map(
-      (d) => `${d.name} ${d.duration}ms ${B(d.easing) || "ease"}${d.delay ? ` ${d.delay}ms` : ""}`
+      (d) => `${d.name} ${d.duration}ms ${Q(d.easing) || "ease"}${d.delay ? ` ${d.delay}ms` : ""}`
     ) || [];
-  const c = s?.map((d) => `${d.name}: ${d.value};`) || [], l = t.replace(/"/g, "'"), f = `:is(:state(${e}), :--${e}) ${r}`, a = `[data-interact-effect~="${e}"] ${r}`, u = i ? Q(f, i) : f, m = i ? Q(a, i) : a, g = [
+  const c = s?.map((d) => `${d.name}: ${d.value};`) || [], l = t.replace(/"/g, "'"), f = `:is(:state(${e}), :--${e}) ${r}`, a = `[data-interact-effect~="${e}"] ${r}`, u = i ? U(f, i) : f, h = i ? U(a, i) : a, g = [
     `${u},
-    ${m} {
+    ${h} {
       ${c.join(`
       `)}
     }`
   ];
   if (o.length) {
-    const d = `[data-interact-key="${l}"] ${r}`, h = i ? Q(d, i) : d;
-    g.push(`@media (prefers-reduced-motion: no-preference) { ${h} {
+    const d = `[data-interact-key="${l}"] ${r}`, m = i ? U(d, i) : d;
+    g.push(`@media (prefers-reduced-motion: no-preference) { ${m} {
       transition: ${o.join(", ")};
     } }`);
   }
   return g;
 }
-function k(t, e) {
+function A(t, e) {
   const n = (t || []).filter((i) => e[i]?.type === "media" && e[i].predicate).map((i) => e[i].predicate).join(") and ("), s = n && `(${n})`;
   return s && window.matchMedia(s);
 }
-function L(t, e) {
+function $(t, e) {
   for (const n of t || []) {
     const s = e[n];
     if (s?.type === "selector" && s.predicate)
       return s.predicate;
   }
 }
-const N = {
+const V = {
   rangeStart: { name: "cover", offset: { value: 0, unit: "percentage" } },
   rangeEnd: { name: "cover", offset: { value: 100, unit: "percentage" } }
 };
 function Qt(t, e) {
-  const n = t?.name ?? N.rangeStart.name, s = e?.name ?? t?.name ?? N.rangeEnd.name, r = {
+  const n = t?.name ?? V.rangeStart.name, s = e?.name ?? t?.name ?? V.rangeEnd.name, r = {
     name: n,
-    offset: t?.offset || N.rangeStart.offset
+    offset: t?.offset || V.rangeStart.offset
   }, i = {
     name: s,
-    offset: e?.offset || N.rangeEnd.offset
+    offset: e?.offset || V.rangeEnd.offset
   };
   return { startOffset: r, endOffset: i };
 }
@@ -1008,7 +1015,7 @@ function O(t, e, n) {
   let s = t.get(e);
   s || (s = /* @__PURE__ */ new Set(), t.set(e, s)), s.add(n);
 }
-function D(t, e) {
+function W(t, e) {
   t.get(e)?.forEach((s) => {
     const { source: r, target: i, cleanup: o } = s;
     o();
@@ -1029,57 +1036,56 @@ function Zt(t) {
   const e = t.trim().split(/\s+/), n = e[0], s = e.length > 1 ? e[1] : e[0], r = (i) => i.startsWith("-") ? i.slice(1) : parseFloat(i) ? `-${i}` : i;
   return `${r(n)} 0px ${r(s)}`;
 }
-const H = {}, ee = /* @__PURE__ */ new WeakMap(), X = /* @__PURE__ */ new WeakSet(), U = /* @__PURE__ */ new WeakMap();
-let We = {}, F = null;
+const D = {}, k = /* @__PURE__ */ new WeakMap(), ee = /* @__PURE__ */ new WeakSet(), R = /* @__PURE__ */ new WeakMap();
+let Ve = {}, H = null;
 function en(t) {
-  We = t;
+  Ve = t;
 }
-function je(t, e) {
-  ee.get(t)?.forEach(({ source: s, handler: r }) => {
-    s === t && r(e);
+function je(t, e, n) {
+  k.get(t)?.forEach(({ source: r, handler: i }) => {
+    r === t && i(e, n);
   });
 }
 function Ce() {
-  return F || (F = new IntersectionObserver((t) => {
+  return H || (H = new IntersectionObserver((t) => {
     t.forEach((e) => {
       const n = e.target;
-      e.isIntersecting || je(n, !1);
+      e.isIntersecting || je(n, !1, !0);
     });
-  }, Ut), F);
+  }, Ut), H);
 }
 function Ye(t, e = !1) {
   const n = JSON.stringify({ ...t, isSafeMode: e });
-  if (H[n])
-    return H[n];
+  if (D[n])
+    return D[n];
   const s = t.threshold ?? Jt, r = e ? Xt : {
     root: null,
     rootMargin: t.inset ? Zt(t.inset) : "0px",
     threshold: s
   }, i = new IntersectionObserver((o) => {
     o.forEach((c) => {
-      const l = c.target, f = !X.has(l);
-      if (f && (X.add(l), t.useSafeViewEnter && !c.isIntersecting)) {
-        T.measure(() => {
-          const u = c.boundingClientRect.height, m = c.rootBounds?.height;
-          if (!m)
+      const l = c.target, f = !ee.has(l);
+      if (f && (ee.add(l), t.useSafeViewEnter && !c.isIntersecting)) {
+        I.measure(() => {
+          const a = c.boundingClientRect.height, u = c.rootBounds?.height;
+          if (!u)
             return;
-          const g = Array.isArray(t.threshold) ? Math.min(...t.threshold) : t.threshold;
-          g && u * g > m && T.mutate(() => {
+          const h = Array.isArray(t.threshold) ? Math.min(...t.threshold) : t.threshold;
+          h && a * h > u && I.mutate(() => {
             i.unobserve(l);
-            const h = Ye(t, !0);
-            U.set(l, h), h.observe(l);
+            const d = Ye(t, !0);
+            R.set(l, d), d.observe(l);
           });
         });
         return;
       }
-      const a = t.type || "once";
-      (c.isIntersecting || a === "alternate" && !f) && (je(l, c.isIntersecting), a === "once" && (i.unobserve(c.target), X.delete(l)));
+      (c.isIntersecting || !f) && je(l, c.isIntersecting);
     });
   }, r);
-  return H[n] = i, i;
+  return D[n] = i, i;
 }
 function tn(t, e, n, s = {}, { reducedMotion: r, selectorCondition: i, animation: o } = {}) {
-  const c = { ...We, ...s }, l = c.type || "once", f = o || ne(
+  const c = { ...Ve, ...s }, l = n.triggerType || "once", f = o || ne(
     e,
     P(n),
     void 0,
@@ -1089,37 +1095,43 @@ function tn(t, e, n, s = {}, { reducedMotion: r, selectorCondition: i, animation
     return;
   const a = Ye(c);
   l !== "once" && f.persist?.();
-  let u = !0;
-  const d = { source: t, target: e, handler: (h) => {
-    i && !e.matches(i) || (l === "once" ? h && f.play(() => {
-      const p = () => {
-        e.dataset.interactEnter = "start";
-      };
-      if (f.isCSS) {
-        T.mutate(() => {
-          requestAnimationFrame(p);
-        });
-        const v = () => {
-          T.mutate(() => {
-            e.dataset.interactEnter = "done";
+  let u = !0, h = !1, g;
+  g = { source: t, target: e, handler: (p, y) => {
+    if (!(i && !e.matches(i)))
+      if (l === "once") {
+        if (p && !h) {
+          h = !0, k.get(t)?.delete(g), k.get(e)?.delete(g);
+          const v = k.get(t);
+          (!v || v.size === 0) && ((R.get(t) || a).unobserve(t), ee.delete(t)), f.play(() => {
+            const w = () => {
+              e.dataset.interactEnter = "start";
+            };
+            if (f.isCSS) {
+              I.mutate(() => {
+                requestAnimationFrame(w);
+              });
+              const b = () => {
+                I.mutate(() => {
+                  e.dataset.interactEnter = "done";
+                });
+              };
+              f.onFinish(b), f.onAbort(b);
+            } else
+              I.mutate(w);
           });
-        };
-        f.onFinish(v), f.onAbort(v);
-      } else
-        T.mutate(p);
-    }) : l === "alternate" ? u && h ? (u = !1, f.play()) : u || f.reverse() : l === "repeat" ? h ? (f.progress(0), f.play()) : (f.pause(), f.progress(0)) : l === "state" && (h ? f.play() : f.pause()));
+        }
+      } else l === "alternate" ? u && p ? (u = !1, f.play()) : u || f.reverse() : l === "repeat" ? p ? (f.progress(0), f.play()) : y && (f.pause(), f.progress(0)) : l === "state" && (p ? f.play() : y && f.pause());
   }, cleanup: () => {
-    (U.get(t) || a).unobserve(t), (l === "repeat" || l === "state") && Ce().unobserve(t), f.cancel(), X.delete(t), U.delete(t);
-  } };
-  O(ee, t, d), O(ee, e, d), U.set(t, a), a.observe(t), (l === "repeat" || l === "state") && Ce().observe(t);
+    (R.get(t) || a).unobserve(t), (l === "repeat" || l === "state") && Ce().unobserve(t), f.cancel(), ee.delete(t), R.delete(t);
+  } }, O(k, t, g), O(k, e, g), R.set(t, a), a.observe(t), (l === "repeat" || l === "state") && Ce().observe(t);
 }
 function nn(t) {
-  D(ee, t);
+  W(k, t);
 }
 function sn() {
-  F = null, Object.keys(H).forEach((t) => delete H[t]);
+  H = null, Object.keys(D).forEach((t) => delete D[t]);
 }
-const ke = {
+const Ae = {
   add: tn,
   remove: nn,
   setOptions: en,
@@ -1147,7 +1159,7 @@ function on(t) {
     }));
   };
 }
-function Ae(t, e) {
+function ke(t, e) {
   let n = 0;
   return function() {
     n && window.clearTimeout(n), n = window.setTimeout(() => {
@@ -1175,18 +1187,18 @@ function oe(t, e, n, s, r) {
     const f = c.sticky;
     if (f) {
       if ("end" in f && t[l - 1]?.element) {
-        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;
+        const h = ((r ? c.element.offsetWidth : c.element.offsetHeight) || 0) + f.end - s, g = i + h - c.offset, d = g < o.start, m = !d && g <= n;
         let p = 0;
-        (d || h) && (p = c.offset, o.end += p), d && (o.start += p);
+        (d || m) && (p = c.offset, o.end += p), d && (o.start += p);
       }
       if ("start" in f) {
-        const a = i - f.start, u = a < o.start, m = !u && a <= o.end;
+        const a = i - f.start, u = a < o.start, h = !u && a <= o.end;
         let g = 0;
         const d = t[l - 1]?.element;
         if (d) {
-          if (u || m) {
-            const h = (r ? d.offsetWidth : d.offsetHeight) || 0, p = c.offset, v = (r ? c.element.offsetWidth : c.element.offsetHeight) || 0;
-            g = h - (p + v), i += g, o.end += g;
+          if (u || h) {
+            const m = (r ? d.offsetWidth : d.offsetHeight) || 0, p = c.offset, y = (r ? c.element.offsetWidth : c.element.offsetHeight) || 0;
+            g = m - (p + y), i += g, o.end += g;
           }
           u && (o.start += g);
         }
@@ -1196,24 +1208,24 @@ function oe(t, e, n, s, r) {
 }
 function an(t, e, n, s, r, i) {
   const { start: o, end: c, duration: l } = t;
-  let f = o, a = c, u = t.startRange, m = t.endRange, g;
+  let f = o, a = c, u = t.startRange, h = t.endRange, g;
   if (typeof l == "string") {
-    u = { name: l, offset: 0 }, m = { name: l, offset: 100 }, f = q(u, n, e), a = q(m, n, e), g = a - f;
+    u = { name: l, offset: 0 }, h = { name: l, offset: 100 }, f = q(u, n, e), a = q(h, n, e), g = a - f;
     const d = oe(i, f, a, n, s);
     f = d.start, a = d.end;
   } else {
     if (u || o?.name) {
       u = u || o;
-      const d = te(u.add, r), h = q({ ...u, offset: 0 }, n, e), p = q({ ...u, offset: 100 }, n, e), v = oe(i, h, p, n, s);
-      f = v.start + u.offset / 100 * (v.end - v.start) + d;
+      const d = te(u.add, r), m = q({ ...u, offset: 0 }, n, e), p = q({ ...u, offset: 100 }, n, e), y = oe(i, m, p, n, s);
+      f = y.start + u.offset / 100 * (y.end - y.start) + d;
     }
-    if (m || c?.name) {
-      m = m || c;
-      const d = te(m.add, r), h = q({ ...m, offset: 0 }, n, e), p = q({ ...m, offset: 100 }, n, e), v = oe(i, h, p, n, s);
-      a = v.start + m.offset / 100 * (v.end - v.start) + d;
+    if (h || c?.name) {
+      h = h || c;
+      const d = te(h.add, r), m = q({ ...h, offset: 0 }, n, e), p = q({ ...h, offset: 100 }, n, e), y = oe(i, m, p, n, s);
+      a = y.start + h.offset / 100 * (y.end - y.start) + d;
     } else typeof l == "number" && (a = f + l);
   }
-  return !g && !l && (g = a - f), { ...t, start: f, end: a, startRange: u, endRange: m, duration: g || l };
+  return !g && !l && (g = a - f), { ...t, start: f, end: a, startRange: u, endRange: h, duration: g || l };
 }
 function fn(t) {
   return t.position === "sticky";
@@ -1237,11 +1249,11 @@ function mn(t, e) {
   const s = un(t, e), r = dn(t, e), i = !isNaN(s), o = !isNaN(r);
   return (i || o) && (n = {}, i && (n.start = s), o && (n.end = r)), n;
 }
-function V(t, e, n, s, r) {
+function j(t, e, n, s, r) {
   const i = t[0].viewSource, o = [];
   let c = (s ? i.offsetWidth : i.offsetHeight) || 0, l = 0, f = i;
   for (; f; ) {
-    const u = window.getComputedStyle(f), m = fn(u), g = m ? mn(u, s) : void 0, d = hn(f, s, m);
+    const u = window.getComputedStyle(f), h = fn(u), g = h ? mn(u, s) : void 0, d = hn(f, s, h);
     if ((!g || !("end" in g)) && (l += d), o.push({ element: f, offset: d, sticky: g }), f = f.offsetParent, ln(u, f, e))
       break;
     if (f === e) {
@@ -1260,7 +1272,7 @@ function V(t, e, n, s, r) {
     )
   }));
 }
-const qe = 100, pn = {
+const _e = 100, pn = {
   horizontal: !1,
   observeViewportEntry: !0,
   viewportRootMargin: "7% 7%",
@@ -1272,7 +1284,7 @@ function gn(t, e, n, s) {
   let r = 0;
   return t >= e && t <= n ? r = s ? (t - e) / s : 1 : t > n && (r = 1), r;
 }
-function _e(t, e) {
+function qe(t, e) {
   return t === window ? e ? window.document.documentElement.clientWidth : window.document.documentElement.clientHeight : e ? t.clientWidth : t.clientHeight;
 }
 function vn() {
@@ -1283,85 +1295,85 @@ function vn() {
 }
 function yn(t) {
   const e = Be(t, pn), n = e.root, s = e.horizontal, r = /* @__PURE__ */ new WeakMap();
-  let i = _e(n, s), o, c, l, f, a;
-  const u = [], m = vn();
+  let i = qe(n, s), o, c, l, f, a;
+  const u = [], h = vn();
   if (e.scenes = Object.values(
     // TODO(ameerf): find a polyfill and use groupBy instead of following reduce
     t.scenes.reduce(
-      (h, p, v) => {
-        const y = p.groupId ? `group-${p.groupId}` : String(v);
-        return h[y] ? h[y].push(p) : h[y] = [p], h;
+      (m, p, y) => {
+        const v = p.groupId ? `group-${p.groupId}` : String(y);
+        return m[v] ? m[v].push(p) : m[v] = [p], m;
       },
       {}
     )
-  ).flatMap((h) => (h.every((p) => p.viewSource && (typeof p.duration == "string" || p.start?.name)) ? (h = V(h, n, i, s, m), (e.observeSourcesResize || e.observeContentResize) && u.push(h)) : h.forEach((p) => {
+  ).flatMap((m) => (m.every((p) => p.viewSource && (typeof p.duration == "string" || p.start?.name)) ? (m = j(m, n, i, s, h), (e.observeSourcesResize || e.observeContentResize) && u.push(m)) : m.forEach((p) => {
     p.end == null && (p.end = p.start + p.duration), p.duration == null && (p.duration = p.end - p.start);
-  }), h)), e.scenes.forEach((h, p) => {
-    h.index = p;
+  }), m)), e.scenes.forEach((m, p) => {
+    m.index = p;
   }), u.length) {
-    const h = /* @__PURE__ */ new Map();
+    const m = /* @__PURE__ */ new Map();
     window.ResizeObserver && (l = new window.ResizeObserver(function(p) {
-      p.forEach((v) => {
-        const y = h.get(v.target), w = V(y, n, i, s, m);
+      p.forEach((y) => {
+        const v = m.get(y.target), w = j(v, n, i, s, h);
         w.forEach((b, S) => {
           e.scenes[b.index] = w[S];
-        }), u.splice(u.indexOf(y), 1, w);
+        }), u.splice(u.indexOf(v), 1, w);
       });
     }), u.forEach((p) => {
-      l.observe(p[0].viewSource, { box: "border-box" }), h.set(p[0].viewSource, p);
-    }), e.observeContentResize && e.contentRoot && new window.ResizeObserver(Ae(() => {
-      const v = u.map((y) => {
-        const w = V(y, n, i, s, m);
+      l.observe(p[0].viewSource, { box: "border-box" }), m.set(p[0].viewSource, p);
+    }), e.observeContentResize && e.contentRoot && new window.ResizeObserver(ke(() => {
+      const y = u.map((v) => {
+        const w = j(v, n, i, s, h);
         return w.forEach((b, S) => {
           e.scenes[b.index] = w[S];
         }), w;
       });
-      u.length = 0, u.push(...v), u.forEach((y) => {
-        h.set(y[0].viewSource, y);
+      u.length = 0, u.push(...y), u.forEach((v) => {
+        m.set(v[0].viewSource, v);
       });
-    }, qe)).observe(e.contentRoot, { box: "border-box" })), e.observeViewportResize && (f = Ae(function() {
-      i = _e(n, s);
-      const p = u.map((v) => {
-        const y = V(v, n, i, s, m);
-        return y.forEach((w, b) => {
-          e.scenes[w.index] = y[b];
-        }), y;
+    }, _e)).observe(e.contentRoot, { box: "border-box" })), e.observeViewportResize && (f = ke(function() {
+      i = qe(n, s);
+      const p = u.map((y) => {
+        const v = j(y, n, i, s, h);
+        return v.forEach((w, b) => {
+          e.scenes[w.index] = v[b];
+        }), v;
       });
-      u.length = 0, u.push(...p), u.forEach((v) => {
-        h.set(v[0].viewSource, v);
+      u.length = 0, u.push(...p), u.forEach((y) => {
+        m.set(y[0].viewSource, y);
       });
-    }, qe), n === window ? window.addEventListener("resize", f) : window.ResizeObserver && (a = new window.ResizeObserver(f), a.observe(n, { box: "border-box" })));
+    }, _e), n === window ? window.addEventListener("resize", f) : window.ResizeObserver && (a = new window.ResizeObserver(f), a.observe(n, { box: "border-box" })));
   }
-  e.observeViewportEntry && window.IntersectionObserver && (c = new window.IntersectionObserver(function(h) {
-    h.forEach((p) => {
-      (r.get(p.target) || []).forEach((v) => {
-        v.disabled = !p.isIntersecting;
+  e.observeViewportEntry && window.IntersectionObserver && (c = new window.IntersectionObserver(function(m) {
+    m.forEach((p) => {
+      (r.get(p.target) || []).forEach((y) => {
+        y.disabled = !p.isIntersecting;
       });
     });
   }, {
     root: n === window ? window.document : n,
     rootMargin: e.viewportRootMargin,
     threshold: 0
-  }), e.scenes.forEach((h) => {
-    if (h.viewSource) {
-      let p = r.get(h.viewSource);
-      p || (p = [], r.set(h.viewSource, p), c.observe(h.viewSource)), p.push(h);
+  }), e.scenes.forEach((m) => {
+    if (m.viewSource) {
+      let p = r.get(m.viewSource);
+      p || (p = [], r.set(m.viewSource, p), c.observe(m.viewSource)), p.push(m);
     }
   }));
-  function g({ p: h, vp: p }) {
-    h = +h.toFixed(1);
-    const v = +p.toFixed(4);
-    if (h !== o) {
-      for (let y of e.scenes)
-        if (!y.disabled) {
-          const { start: w, end: b, duration: S } = y, I = gn(h, w, b, S);
-          y.effect(y, I, v);
+  function g({ p: m, vp: p }) {
+    m = +m.toFixed(1);
+    const y = +p.toFixed(4);
+    if (m !== o) {
+      for (let v of e.scenes)
+        if (!v.disabled) {
+          const { start: w, end: b, duration: S } = v, T = gn(m, w, b, S);
+          v.effect(v, T, y);
         }
-      o = h;
+      o = m;
     }
   }
   function d() {
-    e.scenes.forEach((h) => h.destroy?.()), c && (c.disconnect(), c = null), l && (l.disconnect(), l = null), f && (a ? (a.disconnect(), a = null) : window.removeEventListener("resize", f));
+    e.scenes.forEach((m) => m.destroy?.()), c && (c.disconnect(), c = null), l && (l.disconnect(), l = null), f && (a ? (a.disconnect(), a = null) : window.removeEventListener("resize", f));
   }
   return {
     tick: g,
@@ -1503,7 +1515,7 @@ function Sn(t, e, n, s, { reducedMotion: r }) {
       });
       c = () => {
         u.destroy();
-      }, Promise.all(a.map((m) => m.ready || Promise.resolve())).then(
+      }, Promise.all(a.map((h) => h.ready || Promise.resolve())).then(
         () => {
           u.start();
         }
@@ -1514,12 +1526,12 @@ function Sn(t, e, n, s, { reducedMotion: r }) {
   const l = { source: t, target: e, cleanup: c };
   O(le, t, l), O(le, e, l);
 }
-function In(t) {
-  D(le, t);
+function Tn(t) {
+  W(le, t);
 }
-const Tn = {
+const In = {
   add: Sn,
-  remove: In,
+  remove: Tn,
   registerOptionsGetter: bn
 };
 function xe(t, e, n) {
@@ -1560,7 +1572,7 @@ function Cn() {
   });
   return document.body.dispatchEvent(n), e;
 }
-function kn() {
+function An() {
   return new Promise((t) => {
     const e = window.scrollY;
     let n = !1, s;
@@ -1579,14 +1591,14 @@ function kn() {
     r(), window.addEventListener("scroll", i), window.scrollY > 0 && window.scrollBy(0, -1);
   });
 }
-function An(t) {
-  kn().then((e) => {
+function kn(t) {
+  An().then((e) => {
     t.fixRequired = e, e && (window.addEventListener("scroll", t.scrollHandler), t.scrollHandler());
   });
 }
-let W = 0;
+let Y = 0;
 const J = /* @__PURE__ */ new Set();
-function qn() {
+function _n() {
   const t = (n) => {
     for (let s of n.changedTouches)
       J.add(s.identifier);
@@ -1598,20 +1610,20 @@ function qn() {
     J.clear(), document.removeEventListener("touchstart", t), document.removeEventListener("touchend", e);
   };
 }
-function _n(t, e) {
+function qn(t, e) {
   if ("onscrollend" in window)
     return t.addEventListener("scrollend", e), function() {
       t.removeEventListener("scrollend", e);
     };
   let n = 0, s;
-  W || (s = qn()), W += 1;
+  Y || (s = _n()), Y += 1;
   function r(i) {
     clearTimeout(n), n = setTimeout(() => {
       J.size ? setTimeout(r, 100) : (e(i), n = 0);
     }, 100);
   }
   return t.addEventListener("scroll", r), function() {
-    t.removeEventListener("scroll", r), W -= 1, W || s();
+    t.removeEventListener("scroll", r), Y -= 1, Y || s();
   };
 }
 function xn(t, e, n) {
@@ -1632,7 +1644,7 @@ function Mn(t, e) {
 function Ln(t) {
   t.rect.width = window.document.documentElement.clientWidth, t.rect.height = window.document.documentElement.clientHeight;
 }
-function Pn(t) {
+function $n(t) {
   const e = new ResizeObserver((n) => {
     n.forEach((s) => {
       t.rect.width = s.borderBoxSize[0].inlineSize, t.rect.height = s.borderBoxSize[0].blockSize;
@@ -1640,19 +1652,19 @@ function Pn(t) {
   });
   return e.observe(t.root, { box: "border-box" }), e;
 }
-function $n(t) {
+function Pn(t) {
   let e = !1, n = { x: t.rect.width / 2, y: t.rect.height / 2, vx: 0, vy: 0 }, s, r, i, o, c;
   const l = { x: 0, y: 0 };
   t.scenes.forEach((a) => {
-    a.target && a.centeredToTarget && (a.transform = xn(On(a.target), t.rect, l), e = !0), t.root ? r = Pn(t) : (i = Ln.bind(null, t), window.addEventListener("resize", i));
+    a.target && a.centeredToTarget && (a.transform = xn(On(a.target), t.rect, l), e = !0), t.root ? r = $n(t) : (i = Ln.bind(null, t), window.addEventListener("resize", i));
   }), s = function(a) {
     for (let u of t.scenes)
       if (!u.disabled) {
-        const m = u.transform?.x(a.x) || a.x / t.rect.width, g = u.transform?.y(a.y) || a.y / t.rect.height, d = +xe(0, 1, m).toPrecision(4), h = +xe(0, 1, g).toPrecision(4), p = { x: a.vx, y: a.vy };
-        t.allowActiveEvent && (a.active = m <= 1 && g <= 1 && m >= 0 && g >= 0), u.effect(u, { x: d, y: h }, p, a.active);
+        const h = u.transform?.x(a.x) || a.x / t.rect.width, g = u.transform?.y(a.y) || a.y / t.rect.height, d = +xe(0, 1, h).toPrecision(4), m = +xe(0, 1, g).toPrecision(4), p = { x: a.vx, y: a.vy };
+        t.allowActiveEvent && (a.active = h <= 1 && g <= 1 && h >= 0 && g >= 0), u.effect(u, { x: d, y: m }, p, a.active);
       }
     Object.assign(n, a);
-  }, e && (o = Mn.bind(l, s, n), c = _n(document, o));
+  }, e && (o = Mn.bind(l, s, n), c = qn(document, o));
   function f() {
     t.scenes.forEach((a) => a.destroy?.()), c?.(), r ? (r.disconnect(), r = null) : (window.removeEventListener("resize", i), i = null), s = null, n = null;
   }
@@ -1662,11 +1674,11 @@ function $n(t) {
   };
 }
 const Fn = 1e3 / 60 * 3;
-let j;
+let B;
 function Rn() {
-  x.x = window.scrollX, x.y = window.scrollY;
+  M.x = window.scrollX, M.y = window.scrollY;
 }
-const x = { x: 0, y: 0, scrollHandler: Rn, fixRequired: void 0 };
+const M = { x: 0, y: 0, scrollHandler: Rn, fixRequired: void 0 };
 class Hn {
   constructor(e = {}) {
     this.config = { ...e }, this.effect = null, this._nextTick = null, this._nextTransitionTick = null, this._startTime = 0;
@@ -1694,15 +1706,15 @@ class Hn {
     }, this._pointerEnter = () => {
       this.progress.active = !0, this._nextTick = n();
     }, this.config.root) {
-      j = typeof j == "boolean" ? j : Cn();
-      const r = j ? window.devicePixelRatio : 1;
-      typeof x.fixRequired > "u" && An(x), this._measure = (i) => {
+      B = typeof B == "boolean" ? B : Cn();
+      const r = B ? window.devicePixelRatio : 1;
+      typeof M.fixRequired > "u" && kn(M), this._measure = (i) => {
         if (i.target !== this.config.root) {
           const o = new PointerEvent("pointermove", {
             bubbles: !0,
             cancelable: !0,
-            clientX: i.x * r + x.x,
-            clientY: i.y * r + x.y
+            clientX: i.x * r + M.x,
+            clientY: i.y * r + M.y
           });
           i.stopPropagation(), this.config.root.dispatchEvent(o);
         } else
@@ -1768,7 +1780,7 @@ class Hn {
    * Reset registered effect.
    */
   setupEffect() {
-    this.removeEffect(), this.effect = $n(this.config);
+    this.removeEffect(), this.effect = Pn(this.config);
   }
   /**
    * Remove registered effect.
@@ -1782,7 +1794,7 @@ let Qe = () => ({});
 function zn(t) {
   Qe = t;
 }
-function Gn(t, e, n, s = {}, { reducedMotion: r }) {
+function Dn(t, e, n, s = {}, { reducedMotion: r }) {
   if (r)
     return;
   const i = {
@@ -1805,15 +1817,15 @@ function Gn(t, e, n, s = {}, { reducedMotion: r }) {
     });
   }
 }
-function Dn(t) {
-  D(ue, t);
+function Gn(t) {
+  W(ue, t);
 }
 const Nn = {
-  add: Gn,
-  remove: Dn,
+  add: Dn,
+  remove: Gn,
   registerOptionsGetter: zn
 }, de = /* @__PURE__ */ new WeakMap();
-function Vn(t, e, n, s, { reducedMotion: r, selectorCondition: i, animation: o }) {
+function Wn(t, e, n, s, { reducedMotion: r, selectorCondition: i, animation: o }) {
   const c = o || ne(
     e,
     P(n),
@@ -1829,60 +1841,61 @@ function Vn(t, e, n, s, { reducedMotion: r, selectorCondition: i, animation: o }
   } };
   O(de, t, a), O(de, e, a), t.addEventListener("animationend", l);
 }
-function Wn(t) {
-  D(de, t);
+function Vn(t) {
+  W(de, t);
 }
 const jn = {
-  add: Vn,
-  remove: Wn
+  add: Wn,
+  remove: Vn
 };
-function Yn(t, e, n, s = !1, r, i, o) {
-  const c = o || ne(
+function Yn(t, e, n = !1, s, r, i) {
+  const o = i || ne(
     t,
     P(e),
     void 0,
-    s
+    n
   );
-  if (!c)
+  if (!o)
     return null;
-  let l = !0;
-  const f = n.type || "alternate";
-  return (a) => {
-    if (r && !t.matches(r)) return;
-    const u = !i, m = i?.enter?.includes(a.type), g = i?.leave?.includes(a.type);
-    if (m || u) {
-      if (f === "alternate" || f === "state")
-        l ? (l = !1, c.play()) : f === "alternate" ? c.reverse() : f === "state" && (c.playState === "running" ? c.pause() : c.playState !== "finished" && c.play());
+  let c = !0;
+  const l = e.triggerType || "alternate";
+  return (f) => {
+    if (s && !t.matches(s)) return;
+    const a = !r, u = r?.enter?.includes(f.type), h = r?.leave?.includes(f.type);
+    if (u || a) {
+      if (l === "alternate" || l === "state")
+        c ? (c = !1, o.play()) : l === "alternate" ? o.reverse() : l === "state" && (o.playState === "running" ? o.pause() : o.playState !== "finished" && o.play());
       else {
-        if (c.progress(0), delete t.dataset.interactEnter, c.isCSS) {
-          const d = () => {
-            T.mutate(() => {
+        if (o.progress(0), delete t.dataset.interactEnter, o.isCSS) {
+          const g = () => {
+            I.mutate(() => {
               t.dataset.interactEnter = "done";
             });
           };
-          c.onFinish(d), c.onAbort(d);
+          o.onFinish(g), o.onAbort(g);
         }
-        c.play();
+        o.play();
       }
       return;
     }
-    g && (f === "alternate" ? c.reverse() : f === "repeat" ? (c.cancel(), T.mutate(() => {
+    h && (l === "alternate" ? o.reverse() : l === "repeat" ? (o.cancel(), I.mutate(() => {
       delete t.dataset.interactEnter;
-    })) : f === "state" && c.playState === "running" && c.pause());
+    })) : l === "state" && o.playState === "running" && o.pause());
   };
 }
 function Bn(t, e, {
   effectId: n,
   listContainer: s,
-  listItemSelector: r
-}, i, o, c) {
-  const l = !!s, f = i.method || "toggle", a = f === "toggle";
+  listItemSelector: r,
+  stateAction: i
+}, o, c) {
+  const l = !!s, f = i ?? "toggle", a = f === "toggle";
   return (u) => {
     if (o && !t.matches(o)) return;
-    const m = l ? t.closest(
+    const h = l ? t.closest(
       `${s} > ${r || ""}:has(:scope)`
-    ) : void 0, g = !c, d = c?.enter?.includes(u.type), h = c?.leave?.includes(u.type);
-    g ? e.toggleEffect(n, f, m) : (d && e.toggleEffect(n, a ? "add" : f, m), h && a && e.toggleEffect(n, "remove", m));
+    ) : void 0, g = !c, d = c?.enter?.includes(u.type), m = c?.leave?.includes(u.type);
+    g ? e.toggleEffect(n, f, h) : (d && e.toggleEffect(n, a ? "add" : f, h), m && a && e.toggleEffect(n, "remove", h));
   };
 }
 const he = /* @__PURE__ */ new WeakMap();
@@ -1941,54 +1954,52 @@ function ns(t, e, n, s, {
   animation: c
 }) {
   const l = Zn(s.eventConfig), f = n.transition || n.transitionProperties, a = ts(l);
-  let u, m = !1;
+  let u, h = !1;
   if (f ? u = Bn(
     e,
     i,
     n,
-    s,
     o,
     a
   ) : (u = Yn(
     e,
     n,
-    s,
     r,
     o,
     a,
     c
-  ), m = s.type === "once"), !u)
+  ), h = n.triggerType === "once"), !u)
     return;
   const g = u, d = new AbortController();
-  function h(y, w, b) {
+  function m(v, w, b) {
     const S = Un(w, t, g);
-    y.addEventListener(w, S, { ...b, signal: d.signal });
+    v.addEventListener(w, S, { ...b, signal: d.signal });
   }
-  const v = { source: t, target: e, cleanup: () => {
+  const y = { source: t, target: e, cleanup: () => {
     d.abort();
   } };
-  if (O(he, t, v), O(he, e, v), a) {
-    const y = l.enter, w = l.leave;
-    y.forEach((I) => {
-      I === "focusin" && (t.tabIndex = 0), h(t, I, { passive: !0, once: m });
+  if (O(he, t, y), O(he, e, y), a) {
+    const v = l.enter, w = l.leave;
+    v.forEach((T) => {
+      T === "focusin" && (t.tabIndex = 0), m(t, T, { passive: !0, once: h });
     });
-    const b = !s.method || s.method === "toggle";
-    (f ? b : s.type !== "once") && w.forEach((I) => {
-      if (I === "focusout") {
-        h(t, I, { once: m });
+    const b = !n.stateAction || n.stateAction === "toggle";
+    (f ? b : n.triggerType !== "once") && w.forEach((T) => {
+      if (T === "focusout") {
+        m(t, T, { once: h });
         return;
       }
-      h(t, I, { passive: !0 });
+      m(t, T, { passive: !0 });
     });
   } else
     (l.toggle ?? []).forEach((w) => {
-      h(t, w, { once: m, passive: w !== "keydown" });
+      m(t, w, { once: h, passive: w !== "keydown" });
     });
 }
 function ss(t) {
-  D(he, t);
+  W(he, t);
 }
-const R = {
+const z = {
   add: ns,
   remove: ss
 }, me = {
@@ -1999,38 +2010,38 @@ const R = {
     enter: ["mouseenter", "focusin"],
     leave: ["mouseleave", "focusout"]
   }
-}, Pe = {
+}, $e = {
   click: me.activate,
   hover: me.interest
 };
-function Y(t) {
+function K(t) {
   const e = me[t];
   return (n, s, r, i, o) => {
-    const c = o?.allowA11yTriggers && t in Pe ? Pe[t] : e;
-    R.add(n, s, r, { ...i, eventConfig: c }, o ?? {});
+    const c = o?.allowA11yTriggers && t in $e ? $e[t] : e;
+    z.add(n, s, r, { eventConfig: c }, o ?? {});
   };
 }
-const A = {
-  viewEnter: ke,
+const _ = {
+  viewEnter: Ae,
   hover: {
-    add: Y("hover"),
-    remove: R.remove
+    add: K("hover"),
+    remove: z.remove
   },
   click: {
-    add: Y("click"),
-    remove: R.remove
+    add: K("click"),
+    remove: z.remove
   },
-  pageVisible: ke,
+  pageVisible: Ae,
   animationEnd: jn,
-  viewProgress: Tn,
+  viewProgress: In,
   pointerMove: Nn,
   activate: {
-    add: Y("activate"),
-    remove: R.remove
+    add: K("activate"),
+    remove: z.remove
   },
   interest: {
-    add: Y("interest"),
-    remove: R.remove
+    add: K("interest"),
+    remove: z.remove
   }
 };
 function is(t) {
@@ -2055,7 +2066,7 @@ class E {
   init(e, n) {
     if (typeof window > "u" || !window.customElements)
       return;
-    const s = n?.useCutsomElement ?? !!E.defineInteractElement;
+    const s = n?.useCustomElement ?? !!E.defineInteractElement;
     this.dataCache = os(e, s);
     const r = E.defineInteractElement?.();
     s && r === !1 ? document.querySelectorAll("interact-element").forEach((i) => {
@@ -2115,19 +2126,21 @@ class E {
     }), E.instances.length = 0, E.controllerCache.clear(), E.sequenceCache.clear(), E.elementSequenceMap = /* @__PURE__ */ new WeakMap();
   }
   static setup(e) {
-    e.scrollOptionsGetter && A.viewProgress.registerOptionsGetter?.(
+    e.scrollOptionsGetter && _.viewProgress.registerOptionsGetter?.(
       e.scrollOptionsGetter
-    ), e.pointerOptionsGetter && A.pointerMove.registerOptionsGetter?.(
+    ), e.pointerOptionsGetter && _.pointerMove.registerOptionsGetter?.(
       e.pointerOptionsGetter
-    ), e.viewEnter && A.viewEnter.setOptions(
+    ), e.viewEnter && _.viewEnter.setOptions(
       e.viewEnter
     ), e.allowA11yTriggers !== void 0 && (E.allowA11yTriggers = e.allowA11yTriggers);
   }
   static getInstance(e) {
-    return E.instances.find((n) => n.has(e));
+    const n = E.instances.find((s) => s.has(e));
+    return n || console.warn(`Interact: Instance for key "${e}" not found`), n;
   }
   static getController(e) {
-    return e ? E.controllerCache.get(e) : void 0;
+    const n = e ? E.controllerCache.get(e) : void 0;
+    return n || console.warn(`Interact: Controller for key "${e}" not found`), n;
   }
   static setController(e, n) {
     E.controllerCache.set(e, n);
@@ -2145,7 +2158,7 @@ class E {
   static addToSequence(e, n, s, r) {
     const i = E.sequenceCache.get(e);
     if (!i) return !1;
-    const c = Ve(n, r).map((l, f) => ({
+    const c = We(n, r).map((l, f) => ({
       index: s[f] ?? i.animationGroups.length,
       group: l
     }));
@@ -2174,7 +2187,7 @@ class E {
   }
 }
 let rs = 0;
-function z(t, {
+function G(t, {
   asCombinator: e = !1,
   addItemFilter: n = !1,
   useFirstChild: s = !1
@@ -2186,7 +2199,7 @@ function z(t, {
     return t.selector;
   return s ? e ? "> :first-child" : ":scope > :first-child" : "";
 }
-function $e(t) {
+function Pe(t) {
   return "sequenceId" in t && !("effects" in t);
 }
 function ce(t, e) {
@@ -2210,52 +2223,52 @@ function os(t, e = !1) {
     const a = c ? Array.from(c) : [];
     a.reverse();
     const u = l?.map((d) => {
-      if ($e(d)) {
+      if (Pe(d)) {
         const p = t.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 = _()), h;
-    }), m = {
+      const m = d;
+      return m.sequenceId || (m.sequenceId = x()), m;
+    }), h = {
       ...f,
       effects: a.length > 0 ? a : void 0,
       sequences: u
     };
-    s[i].triggers.push(m), s[i].selectors.add(
-      z(m, { useFirstChild: e })
+    s[i].triggers.push(h), s[i].selectors.add(
+      G(h, { useFirstChild: e })
     );
-    const g = m.listContainer;
+    const g = h.listContainer;
     a.forEach((d) => {
-      let h = d.key;
-      if (!h && d.effectId) {
+      let m = d.key;
+      if (!m && d.effectId) {
         const w = t.effects[d.effectId];
-        w && (h = w.key);
+        w && (m = w.key);
       }
-      d.effectId || (d.effectId = _()), h = h || i, d.key = h;
+      d.effectId || (d.effectId = x()), m = m || i, d.key = m;
       const p = d.effectId;
-      if (g && d.listContainer && (h !== i || d.listContainer !== g))
+      if (g && d.listContainer && (m !== i || d.listContainer !== g))
         return;
-      const v = `${i}::${h}::${p}::${o}`;
-      if (d.interactionId = v, s[i].interactionIds.add(v), h === i)
+      const y = `${i}::${m}::${p}::${o}`;
+      if (d.interactionId = y, s[i].interactionIds.add(y), m === i)
         return;
-      const y = ce(s, h);
-      y.effects[v] || (y.effects[v] = [], y.interactionIds.add(v)), y.effects[v].push({ ...f, effect: d }), y.selectors.add(z(d, { useFirstChild: e }));
+      const v = ce(s, m);
+      v.effects[y] || (v.effects[y] = [], v.interactionIds.add(y)), v.effects[y].push({ ...f, effect: d }), v.selectors.add(G(d, { useFirstChild: e }));
     }), u?.forEach((d) => {
-      if (!d || $e(d)) return;
-      const h = d, p = h.sequenceId || _(), v = h.effects;
-      for (const y of v) {
-        y.effectId || (y.effectId = _());
-        let w = y.key;
-        if (!w && y.effectId) {
-          const b = t.effects[y.effectId];
+      if (!d || Pe(d)) return;
+      const m = d, p = m.sequenceId || x(), y = m.effects;
+      for (const v of y) {
+        v.effectId || (v.effectId = x());
+        let w = v.key;
+        if (!w && v.effectId) {
+          const b = t.effects[v.effectId];
           b && (w = b.key);
         }
         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
-          }), b.selectors.add(z(y, { useFirstChild: e }));
+            sequence: m
+          }), b.selectors.add(G(v, { useFirstChild: e }));
         }
       }
     });
@@ -2325,10 +2338,10 @@ function Je(t, e, n, s, r) {
     }, a = f.key, u = C(c.interactionId, t);
     if (i[u] || n.addedInteractions[u] && !r)
       return;
-    const m = k(f.conditions || [], n.dataCache.conditions);
-    if (m && n.setupMediaQueryListener(u, m, t, () => {
+    const h = A(f.conditions || [], n.dataCache.conditions);
+    if (h && n.setupMediaQueryListener(u, h, t, () => {
       e.update();
-    }), !m || m.matches) {
+    }), !h || h.matches) {
       i[u] = !0;
       const g = a && C(a, t);
       let d;
@@ -2338,7 +2351,7 @@ function Je(t, e, n, s, r) {
         f.listContainer && d.watchChildList(f.listContainer);
       } else
         d = e;
-      const [h, p] = Xe(
+      const [m, p] = Xe(
         s,
         f,
         e.element,
@@ -2347,20 +2360,20 @@ function Je(t, e, n, s, r) {
         d.useFirstChild,
         r
       );
-      if (!h || !p)
+      if (!m || !p)
         return;
       n.addedInteractions[u] = !0;
-      const v = g || s.key, y = L(
+      const y = g || s.key, v = $(
         f.conditions || [],
         n.dataCache.conditions
       );
       o.push([
-        v,
+        y,
         s,
         f,
-        h,
+        m,
         p,
-        y,
+        v,
         d.useFirstChild
       ]);
     }
@@ -2372,37 +2385,37 @@ function cs(t) {
   return "sequenceId" in t && !("effects" in t);
 }
 function Ze(t, e, n, s, r, i, o) {
-  const c = k(t.conditions || [], r.dataCache.conditions);
+  const c = A(t.conditions || [], r.dataCache.conditions);
   if (c && r.setupMediaQueryListener(e, c, i.updateKey, i.onUpdate), c && !c.matches) return null;
   const l = t.effects || [], f = [];
   let a = !1;
   for (const u of l) {
-    const m = u.effectId, d = {
-      ...m ? r.dataCache.effects[m] || {} : {},
+    const h = u.effectId, d = {
+      ...h ? r.dataCache.effects[h] || {} : {},
       ...u
-    }, h = k(d.conditions || [], r.dataCache.conditions);
-    if (h) {
-      const I = `${e}::${m || "eff"}`;
+    }, m = A(d.conditions || [], r.dataCache.conditions);
+    if (m) {
+      const T = `${e}::${h || "eff"}`;
       r.setupMediaQueryListener(
-        I,
-        h,
+        T,
+        m,
         i.updateKey,
         i.onUpdate
       );
     }
-    if (h && !h.matches) continue;
-    const p = d.key, v = p && C(p, n);
-    let y;
-    if (v) {
-      if (y = E.getController(v), !y) return null;
+    if (m && !m.matches) continue;
+    const p = d.key, y = p && C(p, n);
+    let v;
+    if (y) {
+      if (v = E.getController(y), !v) return null;
     } else
-      y = s;
-    const w = v || n;
+      v = s;
+    const w = y || n;
     let b;
     if (o && w === o.controllerKey && d.listContainer === o.listContainer ? (b = ge(d, o.elements), b.length > 0 && (a = !0)) : b = pe(
       d,
-      y.element,
-      y.useFirstChild
+      v.element,
+      v.useFirstChild
     ), !b || Array.isArray(b) && b.length === 0) return null;
     const S = P(d);
     f.push({ target: b, options: S });
@@ -2430,7 +2443,7 @@ function as(t, e, n, s, r) {
       o = { ...g, ...i };
     } else
       o = i;
-    const c = o.sequenceId || _(), l = C(`${t}::seq::${c}`, t);
+    const c = o.sequenceId || x(), l = C(`${t}::seq::${c}`, t);
     if (n.addedInteractions[l] && !r) return;
     const f = r && s.listContainer ? { controllerKey: t, listContainer: s.listContainer, elements: r } : void 0, a = Ze(
       o,
@@ -2457,18 +2470,18 @@ function as(t, e, n, s, r) {
       reducedMotion: E.forceReducedMotion
     });
     n.addedInteractions[l] = !0;
-    const m = L(
+    const h = $(
       s.conditions || [],
       n.dataCache.conditions
     );
-    A[s.trigger]?.add(
+    _[s.trigger]?.add(
       e.element,
       e.element,
-      {},
+      { triggerType: o.triggerType },
       s.params || {},
       {
         reducedMotion: E.forceReducedMotion,
-        selectorCondition: m,
+        selectorCondition: h,
         animation: u,
         allowA11yTriggers: E.allowA11yTriggers
       }
@@ -2479,51 +2492,51 @@ function fs(t, e, n, s, r) {
   const i = n.get(t)?.sequences || {};
   Object.keys(i).forEach((c) => {
     i[c].some(({ sequence: f, ...a }) => {
-      const u = k(
+      const u = A(
         a.conditions || [],
         n.dataCache.conditions
       );
       if (u && !u.matches)
         return !1;
-      const m = a.key && C(a.key, t), g = E.getController(m);
+      const h = a.key && C(a.key, t), g = E.getController(h);
       if (!g)
         return !0;
-      const d = f.sequenceId || _(), h = C(`${m}::seq::${d}`, m);
-      if (n.addedInteractions[h] && !r)
+      const d = f.sequenceId || x(), m = C(`${h}::seq::${d}`, h);
+      if (n.addedInteractions[m] && !r)
         return !0;
-      const v = Ze(
+      const y = Ze(
         f,
-        h,
         m,
+        h,
         g,
         n,
         { updateKey: t, onUpdate: () => e.update() },
         r && s ? { controllerKey: t, listContainer: s, elements: r } : void 0
       );
-      if (!v) return !0;
-      if (r && n.addedInteractions[h]) {
+      if (!y) return !0;
+      if (r && n.addedInteractions[m]) {
         const b = et(e, s, r);
-        return E.addToSequence(h, v, b, {
+        return E.addToSequence(m, y, b, {
           reducedMotion: E.forceReducedMotion
         }), !0;
       }
-      const y = E.getSequence(h, f, v, {
+      const v = E.getSequence(m, f, y, {
         reducedMotion: E.forceReducedMotion
       });
-      n.addedInteractions[h] = !0;
-      const w = L(
+      n.addedInteractions[m] = !0;
+      const w = $(
         a.conditions || [],
         n.dataCache.conditions
       );
-      return A[a.trigger]?.add(
+      return _[a.trigger]?.add(
         g.element,
         g.element,
-        {},
+        { triggerType: f.triggerType },
         a.params || {},
         {
           reducedMotion: E.forceReducedMotion,
           selectorCondition: w,
-          animation: y,
+          animation: v,
           allowA11yTriggers: E.allowA11yTriggers
         }
       ), !0;
@@ -2537,30 +2550,30 @@ function tt(t, e, n, s, r) {
     if (n.addedInteractions[u] && !r)
       return;
     o[a].some(({ effect: g, ...d }) => {
-      const h = k(
+      const m = A(
         d.conditions || [],
         n.dataCache.conditions
       );
-      if (h && !h.matches)
+      if (m && !m.matches)
         return !1;
-      const p = g.effectId, v = {
+      const p = g.effectId, y = {
         ...n.dataCache.effects[p] || {},
         ...g,
         effectId: p
       };
-      if (s && v.listContainer !== s)
+      if (s && y.listContainer !== s)
         return !1;
-      const y = k(v.conditions || [], n.dataCache.conditions);
-      if (y && n.setupMediaQueryListener(u, y, t, () => {
+      const v = A(y.conditions || [], n.dataCache.conditions);
+      if (v && n.setupMediaQueryListener(u, v, t, () => {
         e.update();
-      }), !y || y.matches) {
+      }), !v || v.matches) {
         const w = d.key && C(d.key, t), b = E.getController(w);
         if (!b)
           return !0;
-        v.listContainer && e.watchChildList(v.listContainer);
-        const [S, I] = Xe(
+        y.listContainer && e.watchChildList(y.listContainer);
+        const [S, T] = Xe(
           d,
-          v,
+          y,
           b.element,
           b.useFirstChild,
           e.element,
@@ -2568,20 +2581,20 @@ function tt(t, e, n, s, r) {
           void 0,
           r
         );
-        if (!S || !I)
+        if (!S || !T)
           return !0;
         n.addedInteractions[u] = !0;
-        const $ = L(
-          v.conditions || [],
+        const F = $(
+          y.conditions || [],
           n.dataCache.conditions
         );
         return l.push([
           t,
           d,
-          v,
+          y,
           S,
-          I,
-          $,
+          T,
+          F,
           e.useFirstChild
         ]), !0;
       }
@@ -2601,7 +2614,7 @@ function Fe(t, e, n, s, r, i, o, c) {
       effectId: r.effectId,
       transition: r.transition,
       properties: r.transitionProperties,
-      childSelector: z(r, {
+      childSelector: G(r, {
         asCombinator: !0,
         addItemFilter: !0,
         useFirstChild: c
@@ -2612,7 +2625,7 @@ function Fe(t, e, n, s, r, i, o, c) {
       return;
     l.renderStyle(Kt(f));
   }
-  A[n]?.add(e, s, r, i, {
+  _[n]?.add(e, s, r, i, {
     reducedMotion: E.forceReducedMotion,
     targetController: l,
     selectorCondition: o,
@@ -2625,7 +2638,7 @@ function ls(t) {
     return console.warn(`No instance found for key: ${e}`), E.setController(e, t), !1;
   const { triggers: s = [] } = n?.get(e) || {}, r = s.length > 0;
   n.setController(e, t), s.forEach((o, c) => {
-    const l = k(o.conditions, n.dataCache.conditions);
+    const l = A(o.conditions, n.dataCache.conditions);
     if (l) {
       const f = `${e}::trigger::${c}`;
       n.setupMediaQueryListener(f, l, e, () => {
@@ -2644,7 +2657,7 @@ function us(t, e, n) {
     i.forEach((o, c) => {
       if (o.listContainer !== e)
         return;
-      const l = k(o.conditions, r.dataCache.conditions);
+      const l = A(o.conditions, r.dataCache.conditions);
       if (l) {
         const f = `${s}::listTrigger::${e}::${c}`;
         r.setupMediaQueryListener(f, l, s, () => {
@@ -2664,7 +2677,7 @@ function ds(t, e = !1) {
   r ? (i = [...t.element.querySelectorAll(r)], t.useFirstChild || i.push(t.element)) : i = [t.element], nt(i), s.deleteController(n, e);
 }
 function nt(t) {
-  const e = Object.values(A);
+  const e = Object.values(_);
   for (const n of t)
     for (const s of e)
       s.remove(n);
@@ -2751,19 +2764,19 @@ class hs {
     }), nt(r), s && us(this, e, i);
   }
 }
-function ys(t, e) {
+function gs(t, e) {
   new hs(t, e).connect();
 }
-function Es(t) {
+function vs(t) {
   const e = E.getController(t);
   e && e.disconnect({ removeFromCache: !0 });
 }
 const ms = (t, e, n, s) => {
   let i = `[data-interact-key="${t.replace(/"/g, "'")}"]`;
-  const o = z(e, { asCombinator: !0, useFirstChild: s });
-  return o && (i = `${i} ${o}`), n && (i = Q(i, n)), i;
+  const o = G(e, { asCombinator: !0, useFirstChild: s });
+  return o && (i = `${i} ${o}`), n && (i = U(i, n)), i;
 };
-function ws(t, e = !1) {
+function ys(t, e = !1) {
   const n = [], s = /* @__PURE__ */ new Set();
   return t.interactions.forEach(
     ({
@@ -2772,36 +2785,32 @@ function ws(t, e = !1) {
       listContainer: o,
       listItemSelector: c,
       trigger: l,
-      params: f,
-      effects: a,
-      conditions: u
+      effects: f,
+      conditions: a
     }) => {
-      if (l === "viewEnter") {
-        const g = f;
-        (!g?.type || g.type === "once") && a?.forEach((h) => {
-          const p = h?.effectId && t.effects[h.effectId] || h, {
-            key: v,
-            selector: y,
-            listContainer: w,
-            listItemSelector: b,
-            conditions: S
-          } = p;
-          if (!(!v || v === r) || !(!y && !i || y === i) || !(!w && !o || w === o) || !(!b && !c || b === c)) return;
-          const ye = t.conditions || {}, Ee = L(
-            S,
-            ye
-          ), se = L(
-            u,
-            ye
-          );
-          if (!(!Ee && !se || Ee === se)) return;
-          const ie = ms(
-            r,
-            p,
-            se,
-            e
-          );
-          s.has(ie) || (s.add(ie), n.push(`@media (prefers-reduced-motion: no-preference) {
+      l === "viewEnter" && f?.forEach((h) => {
+        const g = h?.effectId && t.effects[h.effectId] || h;
+        if (!(!g.triggerType || g.triggerType === "once")) return;
+        const {
+          key: m,
+          selector: p,
+          listContainer: y,
+          listItemSelector: v,
+          conditions: w
+        } = g;
+        if (!(!m || m === r) || !(!p && !i || p === i) || !(!y && !o || y === o) || !(!v && !c || v === c)) return;
+        const ye = t.conditions || {}, Ee = $(w, ye), se = $(
+          a,
+          ye
+        );
+        if (!(!Ee && !se || Ee === se)) return;
+        const ie = ms(
+          r,
+          g,
+          se,
+          e
+        );
+        s.has(ie) || (s.add(ie), n.push(`@media (prefers-reduced-motion: no-preference) {
               ${ie}:not([data-interact-enter]) {
                 visibility: hidden;
                 transform: none;
@@ -2810,8 +2819,7 @@ function ws(t, e = !1) {
                 rotate: none;
               }
             }`));
-        });
-      }
+      });
     }
   ), n.join(`
 `);
@@ -2819,8 +2827,8 @@ function ws(t, e = !1) {
 export {
   hs as I,
   E as a,
-  ys as b,
-  ws as g,
-  Es as r
+  gs as b,
+  ys as g,
+  vs as r
 };
-//# sourceMappingURL=index-DHqlFmW8.mjs.map
+//# sourceMappingURL=index-CJl_iRUI.mjs.map