@wix/interact 2.0.0-rc.7 → 2.0.0

package/dist/{index-DdSF9eaW.mjs → index-wDdpOvzw.mjs}

@@ -73,7 +73,7 @@ class le {
     return this.animations[0]?.playState;
   }
 }
-const Qe = (e) => e, Be = (e) => 1 - Math.cos(e * Math.PI / 2), Xe = (e) => Math.sin(e * Math.PI / 2), Ue = (e) => -(Math.cos(Math.PI * e) - 1) / 2, Je = (e) => e ** 2, Ze = (e) => 1 - (1 - e) ** 2, et = (e) => e < 0.5 ? 2 * e ** 2 : 1 - (-2 * e + 2) ** 2 / 2, tt = (e) => e ** 3, nt = (e) => 1 - (1 - e) ** 3, st = (e) => e < 0.5 ? 4 * e ** 3 : 1 - (-2 * e + 2) ** 3 / 2, it = (e) => e ** 4, rt = (e) => 1 - (1 - e) ** 4, ot = (e) => e < 0.5 ? 8 * e ** 4 : 1 - (-2 * e + 2) ** 4 / 2, ct = (e) => e ** 5, at = (e) => 1 - (1 - e) ** 5, ft = (e) => e < 0.5 ? 16 * e ** 5 : 1 - (-2 * e + 2) ** 5 / 2, lt = (e) => e === 0 ? 0 : 2 ** (10 * e - 10), ut = (e) => e === 1 ? 1 : 1 - 2 ** (-10 * e), dt = (e) => e === 0 ? 0 : e === 1 ? 1 : e < 0.5 ? 2 ** (20 * e - 10) / 2 : (2 - 2 ** (-20 * e + 10)) / 2, ht = (e) => 1 - Math.sqrt(1 - e ** 2), mt = (e) => Math.sqrt(1 - (e - 1) ** 2), pt = (e) => e < 0.5 ? (1 - Math.sqrt(1 - 4 * e ** 2)) / 2 : (Math.sqrt(-(2 * e - 3) * (2 * e - 1)) + 1) / 2, gt = (e) => 2.70158 * e ** 3 - 1.70158 * e ** 2, vt = (e) => 1 + 2.70158 * (e - 1) ** 3 + 1.70158 * (e - 1) ** 2, yt = (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, wt = {
+const Qe = (e) => e, Be = (e) => 1 - Math.cos(e * Math.PI / 2), Xe = (e) => Math.sin(e * Math.PI / 2), Ue = (e) => -(Math.cos(Math.PI * e) - 1) / 2, Je = (e) => e ** 2, Ze = (e) => 1 - (1 - e) ** 2, et = (e) => e < 0.5 ? 2 * e ** 2 : 1 - (-2 * e + 2) ** 2 / 2, tt = (e) => e ** 3, nt = (e) => 1 - (1 - e) ** 3, st = (e) => e < 0.5 ? 4 * e ** 3 : 1 - (-2 * e + 2) ** 3 / 2, it = (e) => e ** 4, rt = (e) => 1 - (1 - e) ** 4, ot = (e) => e < 0.5 ? 8 * e ** 4 : 1 - (-2 * e + 2) ** 4 / 2, at = (e) => e ** 5, ct = (e) => 1 - (1 - e) ** 5, ft = (e) => e < 0.5 ? 16 * e ** 5 : 1 - (-2 * e + 2) ** 5 / 2, lt = (e) => e === 0 ? 0 : 2 ** (10 * e - 10), ut = (e) => e === 1 ? 1 : 1 - 2 ** (-10 * e), dt = (e) => e === 0 ? 0 : e === 1 ? 1 : e < 0.5 ? 2 ** (20 * e - 10) / 2 : (2 - 2 ** (-20 * e + 10)) / 2, ht = (e) => 1 - Math.sqrt(1 - e ** 2), mt = (e) => Math.sqrt(1 - (e - 1) ** 2), pt = (e) => e < 0.5 ? (1 - Math.sqrt(1 - 4 * e ** 2)) / 2 : (Math.sqrt(-(2 * e - 3) * (2 * e - 1)) + 1) / 2, gt = (e) => 2.70158 * e ** 3 - 1.70158 * e ** 2, vt = (e) => 1 + 2.70158 * (e - 1) ** 3 + 1.70158 * (e - 1) ** 2, yt = (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, wt = {
   linear: Qe,
   sineIn: Be,
   sineOut: Xe,
@@ -87,8 +87,8 @@ const Qe = (e) => e, Be = (e) => 1 - Math.cos(e * Math.PI / 2), Xe = (e) => Math
   quartIn: it,
   quartOut: rt,
   quartInOut: ot,
-  quintIn: ct,
-  quintOut: at,
+  quintIn: at,
+  quintOut: ct,
   quintInOut: ft,
   expoIn: lt,
   expoOut: ut,
@@ -150,7 +150,7 @@ class St {
       ...s,
       composite: "add"
     }), { 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._animation = new Animation(i, o), this._tickCbId = null, this.progress = null, this.customEffect = (a) => t(i.target, a), this._finishHandler = (a) => {
       this.effect.target?.getAnimations().find((f) => f === this._animation) || this.cancel();
     }, this.addEventListener("finish", this._finishHandler), this.addEventListener("remove", this._finishHandler);
   }
@@ -287,12 +287,12 @@ function Ot() {
   return ge || (ge = 1, (function(e) {
     (function(t) {
       var n = function() {
-      }, s = t.requestAnimationFrame || t.webkitRequestAnimationFrame || t.mozRequestAnimationFrame || t.msRequestAnimationFrame || function(a) {
-        return setTimeout(a, 16);
+      }, s = t.requestAnimationFrame || t.webkitRequestAnimationFrame || t.mozRequestAnimationFrame || t.msRequestAnimationFrame || function(c) {
+        return setTimeout(c, 16);
       };
       function r() {
-        var a = this;
-        a.reads = [], a.writes = [], a.raf = s.bind(t);
+        var c = this;
+        c.reads = [], c.writes = [], c.raf = s.bind(t);
       }
       r.prototype = {
         constructor: r,
@@ -304,8 +304,8 @@ function Ot() {
          *
          * @param {Array} tasks
          */
-        runTasks: function(a) {
-          for (var u; u = a.shift(); ) u();
+        runTasks: function(c) {
+          for (var u; u = c.shift(); ) u();
         },
         /**
          * Adds a job to the read batch and
@@ -315,8 +315,8 @@ function Ot() {
          * @param  {Object} ctx the context to be bound to `fn` (optional).
          * @public
          */
-        measure: function(a, u) {
-          var d = u ? a.bind(u) : a;
+        measure: function(c, u) {
+          var d = u ? c.bind(u) : c;
           return this.reads.push(d), i(this), d;
         },
         /**
@@ -328,8 +328,8 @@ function Ot() {
          * @param  {Object} ctx the context to be bound to `fn` (optional).
          * @public
          */
-        mutate: function(a, u) {
-          var d = u ? a.bind(u) : a;
+        mutate: function(c, u) {
+          var d = u ? c.bind(u) : c;
           return this.writes.push(d), i(this), d;
         },
         /**
@@ -339,8 +339,8 @@ function Ot() {
          * @return {Boolean} success
          * @public
          */
-        clear: function(a) {
-          return c(this.reads, a) || c(this.writes, a);
+        clear: function(c) {
+          return a(this.reads, c) || a(this.writes, c);
         },
         /**
          * Extend this FastDom with some
@@ -376,37 +376,37 @@ function Ot() {
          * @param  {Object} props  properties to mixin
          * @return {FastDom}
          */
-        extend: function(a) {
-          if (typeof a != "object") throw new Error("expected object");
+        extend: function(c) {
+          if (typeof c != "object") throw new Error("expected object");
           var u = Object.create(this);
-          return f(u, a), u.fastdom = this, u.initialize && u.initialize(), u;
+          return f(u, c), u.fastdom = this, u.initialize && u.initialize(), u;
         },
         // override this with a function
         // to prevent Errors in console
         // when tasks throw
         catch: null
       };
-      function i(a) {
-        a.scheduled || (a.scheduled = !0, a.raf(o.bind(null, a)));
+      function i(c) {
+        c.scheduled || (c.scheduled = !0, c.raf(o.bind(null, c)));
       }
-      function o(a) {
-        var u = a.writes, d = a.reads, g;
+      function o(c) {
+        var u = c.writes, d = c.reads, g;
         try {
-          n("flushing reads", d.length), a.runTasks(d), n("flushing writes", u.length), a.runTasks(u);
+          n("flushing reads", d.length), c.runTasks(d), n("flushing writes", u.length), c.runTasks(u);
         } catch (h) {
           g = h;
         }
-        if (a.scheduled = !1, (d.length || u.length) && i(a), g)
-          if (n("task errored", g.message), a.catch) a.catch(g);
+        if (c.scheduled = !1, (d.length || u.length) && i(c), g)
+          if (n("task errored", g.message), c.catch) c.catch(g);
           else throw g;
       }
-      function c(a, u) {
-        var d = a.indexOf(u);
-        return !!~d && !!a.splice(d, 1);
+      function a(c, u) {
+        var d = c.indexOf(u);
+        return !!~d && !!c.splice(d, 1);
       }
-      function f(a, u) {
+      function f(c, u) {
         for (var d in u)
-          u.hasOwnProperty(d) && (a[d] = u[d]);
+          u.hasOwnProperty(d) && (c[d] = u[d]);
       }
       var l = t.fastdom = t.fastdom || new r();
       e.exports = l;
@@ -434,10 +434,10 @@ function Lt(e) {
   return e.reversed ? `${t ? `${t}-` : ""}reverse` : t || "normal";
 }
 function te(e) {
-  return `${e.value}${Et(e.type)}`;
+  return `${e.value}${Et(e.unit)}`;
 }
 function ve(e, t, n) {
-  return `${e.name || "cover"} ${n && e.offset.type !== "percentage" ? `calc(100% + ${te(e.offset)}${t ? ` + ${t}` : ""})` : t ? `calc(${te(e.offset)} + ${t})` : te(e.offset)}`;
+  return `${e.name || "cover"} ${n && e.offset.unit !== "percentage" ? `calc(100% + ${te(e.offset)}${t ? ` + ${t}` : ""})` : t ? `calc(${te(e.offset)} + ${t})` : te(e.offset)}`;
 }
 function Ct(e) {
   return {
@@ -519,19 +519,19 @@ function ue(e, t, n, s, r) {
     );
     return typeof h != "function" ? null : h(i);
   }
-  const o = Y(t), c = ye(
+  const o = Y(t), a = ye(
     o,
     t,
     i,
     n,
     s
   );
-  if (!c || c.length === 0)
+  if (!a || a.length === 0)
     return null;
-  const f = At(c, n, t.effectId);
+  const f = At(a, n, t.effectId);
   let l;
-  const a = n?.trigger === "view-progress";
-  a && window.ViewTimeline && (l = new ViewTimeline({
+  const c = n?.trigger === "view-progress";
+  c && window.ViewTimeline && (l = new ViewTimeline({
     subject: n.element || T(n.componentId)
   }));
   const u = f.map(({ effect: d, options: g, id: h, part: m }) => {
@@ -539,13 +539,13 @@ function ue(e, t, n, s, r) {
     S.mutate(() => {
       "timing" in d && v.updateTiming(d.timing), v.setKeyframes(d.keyframes);
     });
-    const y = a && l ? { timeline: l } : {}, E = typeof d.customEffect == "function" ? new St(
+    const y = c && l ? { timeline: l } : {}, E = typeof d.customEffect == "function" ? new St(
       d.customEffect,
       p || null,
       g,
       y
     ) : new Animation(v, y.timeline);
-    if (a)
+    if (c)
       if (l)
         S.mutate(() => {
           const { start: b, end: O } = Ct(d);
@@ -592,12 +592,12 @@ function $t(e, t) {
     return null;
   if (!n.style)
     return t.effectId && e ? Rt(e, t.effectId) : null;
-  const s = n.getNames(t), i = (typeof e == "string" ? T(e) : e)?.getAnimations(), o = i?.map((f) => f.animationName) || [], c = [];
+  const s = n.getNames(t), i = (typeof e == "string" ? T(e) : e)?.getAnimations(), o = i?.map((f) => f.animationName) || [], a = [];
   return s.forEach((f) => {
-    o.includes(f) && c.push(
+    o.includes(f) && a.push(
       i?.find((l) => l.animationName === f)
     );
-  }), c?.length ? new le(c) : null;
+  }), a?.length ? new le(a) : null;
 }
 function Rt(e, t) {
   const s = (typeof e == "string" ? T(e) : e)?.getAnimations().filter((r) => {
@@ -607,13 +607,13 @@ function Rt(e, t) {
   return s?.length ? new le(s) : null;
 }
 function Me(e, t, n, s = {}) {
-  const { disabled: r, allowActiveEvent: i, ...o } = s, c = ue(e, t, n, o);
-  if (!c)
+  const { disabled: r, allowActiveEvent: i, ...o } = s, a = ue(e, t, n, o);
+  if (!a)
     return null;
   let f = {};
   if (n.trigger === "view-progress" && !window.ViewTimeline) {
-    const l = n.element || T(n.componentId), { ready: a } = c;
-    return c.animations.map((u) => ({
+    const l = n.element || T(n.componentId), { ready: c } = a;
+    return a.animations.map((u) => ({
       /* we use getters for start and end in order to access the animation's start and end
          only when initializing the scrub scene rather than immediately */
       get start() {
@@ -623,9 +623,9 @@ function Me(e, t, n, s = {}) {
         return u.end;
       },
       viewSource: l,
-      ready: a,
+      ready: c,
       getProgress() {
-        return c.getProgress();
+        return a.getProgress();
       },
       effect(d, g) {
         const { activeDuration: h } = u.effect.getComputedTiming(), { delay: m } = u.effect.getTiming();
@@ -637,12 +637,12 @@ function Me(e, t, n, s = {}) {
       }
     }));
   } else if (n.trigger === "pointer-move") {
-    const l = t, { centeredToTarget: a, transitionDuration: u, transitionEasing: d } = l, g = n.axis;
+    const l = t, { centeredToTarget: c, transitionDuration: u, transitionEasing: d } = l, g = n.axis;
     if (l.keyframeEffect) {
-      const h = c;
+      const h = a;
       return h.animations?.length === 0 ? null : {
         target: void 0,
-        centeredToTarget: a,
+        centeredToTarget: c,
         ready: h.ready,
         _currentProgress: 0,
         getProgress() {
@@ -659,28 +659,28 @@ function Me(e, t, n, s = {}) {
       };
     }
     f = {
-      centeredToTarget: a,
+      centeredToTarget: c,
       allowActiveEvent: i
-    }, t.customEffect && u && (f.transitionDuration = u, f.transitionEasing = bt(d)), f.target = c.target;
+    }, t.customEffect && u && (f.transitionDuration = u, f.transitionEasing = bt(d)), f.target = a.target;
   }
   return {
     ...f,
     getProgress() {
-      return c.getProgress();
+      return a.getProgress();
     },
-    effect(l, a, u, d) {
-      c.progress(
+    effect(l, c, u, d) {
+      a.progress(
         u ? {
           // @ts-expect-error spread error on p
-          ...a,
+          ...c,
           v: u,
           active: d
-        } : a
+        } : c
       );
     },
     disabled: r,
     destroy() {
-      c.cancel();
+      a.cancel();
     }
   };
 }
@@ -727,10 +727,10 @@ function Ft({
     o = s?.filter((h) => h.duration).map(
       (h) => `${h.name} ${h.duration}ms ${z(h.easing) || "ease"}${h.delay ? ` ${h.delay}ms` : ""}`
     ) || [];
-  const c = s?.map((h) => `${h.name}: ${h.value};`) || [], f = e.replace(/"/g, "'"), l = `:is(:state(${t}), :--${t}) ${r}`, a = `[data-interact-effect~="${t}"] ${r}`, u = i ? N(l, i) : l, d = i ? N(a, i) : a, g = [
+  const a = s?.map((h) => `${h.name}: ${h.value};`) || [], f = e.replace(/"/g, "'"), l = `:is(:state(${t}), :--${t}) ${r}`, c = `[data-interact-effect~="${t}"] ${r}`, u = i ? N(l, i) : l, d = i ? N(c, i) : c, g = [
     `${u},
     ${d} {
-      ${c.join(`
+      ${a.join(`
       `)}
     }`
   ];
@@ -754,8 +754,8 @@ function K(e, t) {
   }
 }
 const M = {
-  rangeStart: { name: "cover", offset: { value: 0, type: "percentage" } },
-  rangeEnd: { name: "cover", offset: { value: 100, type: "percentage" } }
+  rangeStart: { name: "cover", offset: { value: 0, unit: "percentage" } },
+  rangeEnd: { name: "cover", offset: { value: 100, unit: "percentage" } }
 };
 function Ht(e, t) {
   const n = e?.name ?? M.rangeStart.name, s = t?.name ?? e?.name ?? M.rangeEnd.name, r = {
@@ -789,8 +789,8 @@ function L(e, t) {
   e.get(t)?.forEach((s) => {
     const { source: r, target: i, cleanup: o } = s;
     o();
-    const c = r === t ? i : r;
-    e.get(c)?.delete(s);
+    const a = r === t ? i : r;
+    e.get(a)?.delete(s);
   }), e.delete(t);
 }
 const qt = {
@@ -829,29 +829,29 @@ function qe(e, t = !1) {
     threshold: e.threshold
   }, r = new IntersectionObserver((i) => {
     i.forEach((o) => {
-      const c = o.target, f = !V.has(c);
-      if (f && (V.add(c), e.useSafeViewEnter && !o.isIntersecting)) {
+      const a = o.target, f = !V.has(a);
+      if (f && (V.add(a), e.useSafeViewEnter && !o.isIntersecting)) {
         S.measure(() => {
-          const a = o.boundingClientRect.height, u = o.rootBounds?.height;
+          const c = o.boundingClientRect.height, u = o.rootBounds?.height;
           if (!u)
             return;
           const d = Array.isArray(e.threshold) ? Math.min(...e.threshold) : e.threshold;
-          d && a * d > u && S.mutate(() => {
-            r.unobserve(c);
+          d && c * d > u && S.mutate(() => {
+            r.unobserve(a);
             const h = qe(e, !0);
-            W.set(c, h), h.observe(c);
+            W.set(a, h), h.observe(a);
           });
         });
         return;
       }
       const l = e.type || "once";
-      (o.isIntersecting || l === "alternate" && !f) && (He(c, o.isIntersecting), l === "once" && (r.unobserve(o.target), V.delete(c)));
+      (o.isIntersecting || l === "alternate" && !f) && (He(a, o.isIntersecting), l === "once" && (r.unobserve(o.target), V.delete(a)));
     });
   }, s);
   return P[n] = r, r;
 }
 function Nt(e, t, n, s = {}, { reducedMotion: r, selectorCondition: i } = {}) {
-  const o = { ...Fe, ...s }, c = o.type || "once", f = X(
+  const o = { ...Fe, ...s }, a = o.type || "once", f = X(
     t,
     x(n),
     void 0,
@@ -860,21 +860,25 @@ function Nt(e, t, n, s = {}, { reducedMotion: r, selectorCondition: i } = {}) {
   if (!f)
     return;
   const l = qe(o);
-  c !== "once" && f.persist?.();
-  let a = !0;
+  a !== "once" && f.persist?.();
+  let c = !0;
   const g = { source: e, target: t, handler: (h) => {
-    i && !t.matches(i) || (c === "once" ? h && f.play(() => {
+    i && !t.matches(i) || (a === "once" ? h && f.play(() => {
       const m = () => {
-        t.dataset.interactEnter = "done";
+        t.dataset.interactEnter = "start";
       };
-      f.isCSS ? S.mutate(() => {
+      f.isCSS ? (S.mutate(() => {
         requestAnimationFrame(m);
-      }) : S.mutate(m);
-    }) : c === "alternate" ? a && h ? (a = !1, f.play()) : a || f.reverse() : c === "repeat" ? h ? (f.progress(0), f.play()) : (f.pause(), f.progress(0)) : c === "state" && (h ? f.play() : f.pause()));
+      }), f.onFinish(() => {
+        S.mutate(() => {
+          t.dataset.interactEnter = "done";
+        });
+      })) : S.mutate(m);
+    }) : a === "alternate" ? c && h ? (c = !1, f.play()) : c || f.reverse() : a === "repeat" ? h ? (f.progress(0), f.play()) : (f.pause(), f.progress(0)) : a === "state" && (h ? f.play() : f.pause()));
   }, cleanup: () => {
-    (W.get(e) || l).unobserve(e), (c === "repeat" || c === "state") && we().unobserve(e), f.cancel(), V.delete(e), W.delete(e);
+    (W.get(e) || l).unobserve(e), (a === "repeat" || a === "state") && we().unobserve(e), f.cancel(), V.delete(e), W.delete(e);
   } };
-  I(G, e, g), I(G, t, g), W.set(e, l), l.observe(e), (c === "repeat" || c === "state") && we().observe(e);
+  I(G, e, g), I(G, t, g), W.set(e, l), l.observe(e), (a === "repeat" || a === "state") && we().observe(e);
 }
 function Vt(e) {
   L(G, e);
@@ -926,29 +930,29 @@ function Q(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) ? Kt(e, t) : parseInt(e) || 0 : 0;
 }
 function _(e, t, n) {
-  const { name: s, offset: r = 0 } = e, { start: i, end: o } = n, c = o - i, f = r / 100;
-  let l, a;
-  return s === "entry" ? (l = i - t, a = Math.min(t, c)) : s === "entry-crossing" ? (l = i - t, a = c) : s === "contain" ? (l = Math.min(o - t, i), a = Math.abs(t - c)) : s === "exit" ? (l = Math.max(i, o - t), a = Math.min(t, c)) : s === "exit-crossing" ? (l = i, a = c) : s === "cover" && (l = i - t, a = c + t), l + f * a | 0;
+  const { name: s, offset: r = 0 } = e, { start: i, end: o } = n, a = o - i, f = r / 100;
+  let l, c;
+  return s === "entry" ? (l = i - t, c = Math.min(t, a)) : s === "entry-crossing" ? (l = i - t, c = a) : s === "contain" ? (l = Math.min(o - t, i), c = Math.abs(t - a)) : s === "exit" ? (l = Math.max(i, o - t), c = Math.min(t, a)) : s === "exit-crossing" ? (l = i, c = a) : s === "cover" && (l = i - t, c = a + t), l + f * c | 0;
 }
 function ne(e, t, n, s, r) {
   let i = 0;
   const o = { start: t, end: n };
-  return e.forEach((c, f) => {
-    i += c.offset;
-    const l = c.sticky;
+  return e.forEach((a, f) => {
+    i += a.offset;
+    const l = a.sticky;
     if (l) {
       if ("end" in l && e[f - 1]?.element) {
-        const d = ((r ? c.element.offsetWidth : c.element.offsetHeight) || 0) + l.end - s, g = i + d - c.offset, h = g < o.start, m = !h && g <= n;
+        const d = ((r ? a.element.offsetWidth : a.element.offsetHeight) || 0) + l.end - s, g = i + d - a.offset, h = g < o.start, m = !h && g <= n;
         let p = 0;
-        (h || m) && (p = c.offset, o.end += p), h && (o.start += p);
+        (h || m) && (p = a.offset, o.end += p), h && (o.start += p);
       }
       if ("start" in l) {
-        const a = i - l.start, u = a < o.start, d = !u && a <= o.end;
+        const c = i - l.start, u = c < o.start, d = !u && c <= o.end;
         let g = 0;
         const h = e[f - 1]?.element;
         if (h) {
           if (u || d) {
-            const m = (r ? h.offsetWidth : h.offsetHeight) || 0, p = c.offset, v = (r ? c.element.offsetWidth : c.element.offsetHeight) || 0;
+            const m = (r ? h.offsetWidth : h.offsetHeight) || 0, p = a.offset, v = (r ? a.element.offsetWidth : a.element.offsetHeight) || 0;
             g = m - (p + v), i += g, o.end += g;
           }
           u && (o.start += g);
@@ -958,25 +962,25 @@ function ne(e, t, n, s, r) {
   }), o;
 }
 function Gt(e, t, n, s, r, i) {
-  const { start: o, end: c, duration: f } = e;
-  let l = o, a = c, u = e.startRange, d = e.endRange, g;
+  const { start: o, end: a, duration: f } = e;
+  let l = o, c = a, u = e.startRange, d = e.endRange, g;
   if (typeof f == "string") {
-    u = { name: f, offset: 0 }, d = { name: f, offset: 100 }, l = _(u, n, t), a = _(d, n, t), g = a - l;
-    const h = ne(i, l, a, n, s);
-    l = h.start, a = h.end;
+    u = { name: f, offset: 0 }, d = { name: f, offset: 100 }, l = _(u, n, t), c = _(d, n, t), g = c - l;
+    const h = ne(i, l, c, n, s);
+    l = h.start, c = h.end;
   } else {
     if (u || o?.name) {
       u = u || o;
       const h = Q(u.add, r), m = _({ ...u, offset: 0 }, n, t), p = _({ ...u, offset: 100 }, n, t), v = ne(i, m, p, n, s);
       l = v.start + u.offset / 100 * (v.end - v.start) + h;
     }
-    if (d || c?.name) {
-      d = d || c;
+    if (d || a?.name) {
+      d = d || a;
       const h = Q(d.add, r), m = _({ ...d, offset: 0 }, n, t), p = _({ ...d, offset: 100 }, n, t), v = ne(i, m, p, n, s);
-      a = v.start + d.offset / 100 * (v.end - v.start) + h;
-    } else typeof f == "number" && (a = l + f);
+      c = v.start + d.offset / 100 * (v.end - v.start) + h;
+    } else typeof f == "number" && (c = l + f);
   }
-  return !g && !f && (g = a - l), { ...e, start: l, end: a, startRange: u, endRange: d, duration: g || f };
+  return !g && !f && (g = c - l), { ...e, start: l, end: c, startRange: u, endRange: d, duration: g || f };
 }
 function Qt(e) {
   return e.position === "sticky";
@@ -1002,7 +1006,7 @@ function Zt(e, t) {
 }
 function F(e, t, n, s, r) {
   const i = e[0].viewSource, o = [];
-  let c = (s ? i.offsetWidth : i.offsetHeight) || 0, f = 0, l = i;
+  let a = (s ? i.offsetWidth : i.offsetHeight) || 0, f = 0, l = i;
   for (; l; ) {
     const u = window.getComputedStyle(l), d = Qt(u), g = d ? Zt(u, s) : void 0, h = Jt(l, s, d);
     if ((!g || !("end" in g)) && (f += h), o.push({ element: l, offset: h, sticky: g }), l = l.offsetParent, Bt(u, l, t))
@@ -1015,7 +1019,7 @@ function F(e, t, n, s, r) {
   return o.reverse(), e.map((u) => ({
     ...Gt(
       u,
-      { start: f, end: f + c },
+      { start: f, end: f + a },
       n,
       s,
       r,
@@ -1046,7 +1050,7 @@ function nn() {
 }
 function sn(e) {
   const t = ze(e, en), n = t.root, s = t.horizontal, r = /* @__PURE__ */ new WeakMap();
-  let i = Ie(n, s), o, c, f, l, a;
+  let i = Ie(n, s), o, a, f, l, c;
   const u = [], d = nn();
   if (t.scenes = Object.values(
     // TODO(ameerf): find a polyfill and use groupBy instead of following reduce
@@ -1093,9 +1097,9 @@ function sn(e) {
       u.length = 0, u.push(...p), u.forEach((v) => {
         m.set(v[0].viewSource, v);
       });
-    }, Se), n === window ? window.addEventListener("resize", l) : window.ResizeObserver && (a = new window.ResizeObserver(l), a.observe(n, { box: "border-box" })));
+    }, Se), n === window ? window.addEventListener("resize", l) : window.ResizeObserver && (c = new window.ResizeObserver(l), c.observe(n, { box: "border-box" })));
   }
-  t.observeViewportEntry && window.IntersectionObserver && (c = new window.IntersectionObserver(function(m) {
+  t.observeViewportEntry && window.IntersectionObserver && (a = new window.IntersectionObserver(function(m) {
     m.forEach((p) => {
       (r.get(p.target) || []).forEach((v) => {
         v.disabled = !p.isIntersecting;
@@ -1108,7 +1112,7 @@ function sn(e) {
   }), t.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);
+      p || (p = [], r.set(m.viewSource, p), a.observe(m.viewSource)), p.push(m);
     }
   }));
   function g({ p: m, vp: p }) {
@@ -1124,7 +1128,7 @@ function sn(e) {
     }
   }
   function h() {
-    t.scenes.forEach((m) => m.destroy?.()), c && (c.disconnect(), c = null), f && (f.disconnect(), f = null), l && (a ? (a.disconnect(), a = null) : window.removeEventListener("resize", l));
+    t.scenes.forEach((m) => m.destroy?.()), a && (a.disconnect(), a = null), f && (f.disconnect(), f = null), l && (c ? (c.disconnect(), c = null) : window.removeEventListener("resize", l));
   }
   return {
     tick: g,
@@ -1234,20 +1238,20 @@ class on {
 }
 const re = /* @__PURE__ */ new WeakMap();
 let De = () => ({});
-function cn(e) {
+function an(e) {
   De = e;
 }
-function an(e, t, n, s, { reducedMotion: r }) {
+function cn(e, t, n, s, { reducedMotion: r }) {
   if (r)
     return;
   const i = {
     trigger: "view-progress",
     element: e
   }, o = x(n);
-  let c;
+  let a;
   if ("ViewTimeline" in window) {
     const l = ue(t, o, i);
-    l && (l.play(), c = () => {
+    l && (l.play(), a = () => {
       l.ready.then(() => {
         l.cancel();
       });
@@ -1255,35 +1259,35 @@ function an(e, t, n, s, { reducedMotion: r }) {
   } else {
     const l = Me(t, o, i);
     if (l) {
-      const a = Array.isArray(l) ? l : [l], u = new on({
+      const c = Array.isArray(l) ? l : [l], u = new on({
         viewSource: e,
-        scenes: a,
+        scenes: c,
         observeViewportEntry: !1,
         observeViewportResize: !1,
         observeSourcesResize: !0,
         root: document.body,
         ...De()
       });
-      c = () => {
+      a = () => {
         u.destroy();
-      }, Promise.all(a.map((d) => d.ready || Promise.resolve())).then(
+      }, Promise.all(c.map((d) => d.ready || Promise.resolve())).then(
         () => {
           u.start();
         }
       );
     }
   }
-  if (!c) return;
-  const f = { source: e, target: t, cleanup: c };
+  if (!a) return;
+  const f = { source: e, target: t, cleanup: a };
   I(re, e, f), I(re, t, f);
 }
 function fn(e) {
   L(re, e);
 }
 const ln = {
-  add: an,
+  add: cn,
   remove: fn,
-  registerOptionsGetter: cn
+  registerOptionsGetter: an
 }, oe = /* @__PURE__ */ new WeakMap();
 function un(e, t, n, s = !1, r) {
   const i = X(
@@ -1295,9 +1299,9 @@ function un(e, t, n, s = !1, r) {
   if (!i)
     return null;
   const o = n.type || "alternate";
-  let c = !0;
+  let a = !0;
   return (f) => {
-    r && !e.matches(r) || (f.type === "mouseenter" || f.type === "focusin" ? o === "alternate" ? c ? (c = !1, i.play()) : i.reverse() : o === "state" ? i.playState !== "finished" && i.play() : (i.progress(0), i.isCSS && i.onFinish(() => {
+    r && !e.matches(r) || (f.type === "mouseenter" || f.type === "focusin" ? o === "alternate" ? a ? (a = !1, i.play()) : i.reverse() : o === "state" ? i.playState !== "finished" && i.play() : (i.progress(0), i.isCSS && i.onFinish(() => {
       S.mutate(() => {
         e.dataset.motionEnter = "done";
       });
@@ -1311,20 +1315,20 @@ function dn(e, t, {
   listContainer: s,
   listItemSelector: r
 }, i, o) {
-  const c = i.method || "toggle", f = c === "toggle", l = !!s;
-  return (a) => {
+  const a = i.method || "toggle", f = a === "toggle", l = !!s;
+  return (c) => {
     if (o && !e.matches(o)) return;
     let u;
     if (l && (u = e.closest(
       `${s} > ${r || ""}:has(:scope)`
-    )), a.type === "mouseenter" || a.type === "focusin") {
-      const d = f ? "add" : c;
+    )), c.type === "mouseenter" || c.type === "focusin") {
+      const d = f ? "add" : a;
       t.toggleEffect(n, d, u);
-    } else (a.type === "mouseleave" || a.type === "focusout") && f && t.toggleEffect(n, "remove", u);
+    } else (c.type === "mouseleave" || c.type === "focusout") && f && t.toggleEffect(n, "remove", u);
   };
 }
-function hn(e, t, n, s = {}, { reducedMotion: r, targetController: i, selectorCondition: o, allowA11yTriggers: c }) {
-  let f, l = !1, a = !1;
+function hn(e, t, n, s = {}, { reducedMotion: r, targetController: i, selectorCondition: o, allowA11yTriggers: a }) {
+  let f, l = !1, c = !1;
   if (n.transition || n.transitionProperties ? (f = dn(
     t,
     i,
@@ -1337,16 +1341,16 @@ function hn(e, t, n, s = {}, { reducedMotion: r, targetController: i, selectorCo
     s,
     r,
     o
-  ), a = s.type === "once"), !f)
+  ), c = s.type === "once"), !f)
     return;
   const u = (p) => {
     e.contains(p.relatedTarget) || f(p);
   }, d = (p) => {
     e.contains(p.relatedTarget) || f(p);
   }, h = { source: e, target: t, cleanup: () => {
-    e.removeEventListener("mouseenter", f), e.removeEventListener("mouseleave", f), c && (e.removeEventListener("focusin", u), e.removeEventListener("focusout", d));
+    e.removeEventListener("mouseenter", f), e.removeEventListener("mouseleave", f), a && (e.removeEventListener("focusin", u), e.removeEventListener("focusout", d));
   } };
-  I(oe, e, h), I(oe, t, h), c && (e.tabIndex = 0, e.addEventListener("focusin", u, { once: a })), e.addEventListener("mouseenter", f, { passive: !0, once: a }), (l ? (s.method || "toggle") === "toggle" : s.type !== "once") && (e.addEventListener("mouseleave", f, { passive: !0 }), c && e.addEventListener("focusout", d, { once: a }));
+  I(oe, e, h), I(oe, t, h), a && (e.tabIndex = 0, e.addEventListener("focusin", u, { once: c })), e.addEventListener("mouseenter", f, { passive: !0, once: c }), (l ? (s.method || "toggle") === "toggle" : s.type !== "once") && (e.addEventListener("mouseleave", f, { passive: !0 }), a && e.addEventListener("focusout", d, { once: c }));
 }
 function mn(e) {
   L(oe, e);
@@ -1354,7 +1358,7 @@ function mn(e) {
 const Oe = {
   add: hn,
   remove: mn
-}, ce = /* @__PURE__ */ new WeakMap();
+}, ae = /* @__PURE__ */ new WeakMap();
 function pn(e, t, n, s = !1, r) {
   const i = X(
     e,
@@ -1365,9 +1369,9 @@ function pn(e, t, n, s = !1, r) {
   if (!i)
     return null;
   let o = !0;
-  const c = n.type || "alternate";
+  const a = n.type || "alternate";
   return (f) => {
-    r && !e.matches(r) || (c === "alternate" ? o ? (o = !1, i.play()) : i.reverse() : c === "state" ? o ? (o = !1, i.play()) : i.playState === "running" ? i.pause() : i.playState !== "finished" && i.play() : (i.progress(0), i.isCSS && i.onFinish(() => {
+    r && !e.matches(r) || (a === "alternate" ? o ? (o = !1, i.play()) : i.reverse() : a === "state" ? o ? (o = !1, i.play()) : i.playState === "running" ? i.pause() : i.playState !== "finished" && i.play() : (i.progress(0), i.isCSS && i.onFinish(() => {
       S.mutate(() => {
         e.dataset.interactEnter = "done";
       });
@@ -1379,16 +1383,16 @@ function gn(e, t, {
   listContainer: s,
   listItemSelector: r
 }, i, o) {
-  const c = !!s;
+  const a = !!s;
   return (f) => {
     if (o && !e.matches(o)) return;
     let l;
-    c && (l = e.closest(
+    a && (l = e.closest(
       `${s} > ${r || ""}:has(:scope)`
     )), t.toggleEffect(n, i.method || "toggle", l);
   };
 }
-function vn(e, t, n, s = {}, { reducedMotion: r, targetController: i, selectorCondition: o, allowA11yTriggers: c }) {
+function vn(e, t, n, s = {}, { reducedMotion: r, targetController: i, selectorCondition: o, allowA11yTriggers: a }) {
   let f, l = !1;
   if (n.transition || n.transitionProperties ? f = gn(
     t,
@@ -1404,17 +1408,17 @@ function vn(e, t, n, s = {}, { reducedMotion: r, targetController: i, selectorCo
     o
   ), l = s.type === "once"), !f)
     return;
-  const a = (h) => {
+  const c = (h) => {
     h.pointerType && f(h);
   }, u = (h) => {
     h.code === "Space" ? (h.preventDefault(), f(h)) : h.code === "Enter" && f(h);
   }, g = { source: e, target: t, cleanup: () => {
-    e.removeEventListener("click", a), c && e.removeEventListener("keydown", u);
+    e.removeEventListener("click", c), a && e.removeEventListener("keydown", u);
   } };
-  I(ce, e, g), I(ce, t, g), e.addEventListener("click", a, { passive: !0, once: l }), c && (e.tabIndex = 0, e.addEventListener("keydown", u, { once: l }));
+  I(ae, e, g), I(ae, t, g), e.addEventListener("click", c, { passive: !0, once: l }), a && (e.tabIndex = 0, e.addEventListener("keydown", u, { once: l }));
 }
 function yn(e) {
-  L(ce, e);
+  L(ae, e);
 }
 const _e = {
   add: vn,
@@ -1463,8 +1467,8 @@ function bn() {
     const t = window.scrollY;
     let n = !1, s;
     function r() {
-      document.body.addEventListener("pointerdown", (c) => {
-        s === void 0 ? s = c.offsetY : n = c.offsetY === s;
+      document.body.addEventListener("pointerdown", (a) => {
+        s === void 0 ? s = a.offsetY : n = a.offsetY === s;
       }, { once: !0 });
       const o = new PointerEvent("pointerdown", {
         clientY: 500
@@ -1515,12 +1519,12 @@ function On(e, t) {
 function _n(e, t, n) {
   return {
     x(s) {
-      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;
+      const r = e.left - n.x + e.width / 2, i = r >= t.width / 2, o = (i ? r : t.width - r) * 2, a = i ? 0 : r - o / 2;
+      return (s - a) / o;
     },
     y(s) {
-      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;
+      const r = e.top - n.y + e.height / 2, i = r >= t.height / 2, o = (i ? r : t.height - r) * 2, a = i ? 0 : r - o / 2;
+      return (s - a) / o;
     }
   };
 }
@@ -1539,20 +1543,20 @@ function xn(e) {
   return t.observe(e.root, { box: "border-box" }), t;
 }
 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;
+  let t = !1, n = { x: e.rect.width / 2, y: e.rect.height / 2, vx: 0, vy: 0 }, s, r, i, o, a;
   const f = { x: 0, y: 0 };
-  e.scenes.forEach((a) => {
-    a.target && a.centeredToTarget && (a.transform = _n(wn(a.target), e.rect, f), t = !0), e.root ? r = xn(e) : (i = Tn.bind(null, e), window.addEventListener("resize", i));
-  }), s = function(a) {
+  e.scenes.forEach((c) => {
+    c.target && c.centeredToTarget && (c.transform = _n(wn(c.target), e.rect, f), t = !0), e.root ? r = xn(e) : (i = Tn.bind(null, e), window.addEventListener("resize", i));
+  }), s = function(c) {
     for (let u of e.scenes)
       if (!u.disabled) {
-        const d = u.transform?.x(a.x) || a.x / e.rect.width, g = u.transform?.y(a.y) || a.y / e.rect.height, h = +ke(0, 1, d).toPrecision(4), m = +ke(0, 1, g).toPrecision(4), p = { x: a.vx, y: a.vy };
-        e.allowActiveEvent && (a.active = d <= 1 && g <= 1 && d >= 0 && g >= 0), u.effect(u, { x: h, y: m }, p, a.active);
+        const d = u.transform?.x(c.x) || c.x / e.rect.width, g = u.transform?.y(c.y) || c.y / e.rect.height, h = +ke(0, 1, d).toPrecision(4), m = +ke(0, 1, g).toPrecision(4), p = { x: c.vx, y: c.vy };
+        e.allowActiveEvent && (c.active = d <= 1 && g <= 1 && d >= 0 && g >= 0), u.effect(u, { x: h, y: m }, p, c.active);
       }
-    Object.assign(n, a);
-  }, t && (o = kn.bind(f, s, n), c = On(document, o));
+    Object.assign(n, c);
+  }, t && (o = kn.bind(f, s, n), a = On(document, o));
   function l() {
-    e.scenes.forEach((a) => a.destroy?.()), c?.(), r ? (r.disconnect(), r = null) : (window.removeEventListener("resize", i), i = null), s = null, n = null;
+    e.scenes.forEach((c) => c.destroy?.()), a?.(), r ? (r.disconnect(), r = null) : (window.removeEventListener("resize", i), i = null), s = null, n = null;
   }
   return {
     tick: s,
@@ -1636,8 +1640,8 @@ class Pn {
     const t = this.config.transitionDuration, n = this.config.transitionEasing || ((o) => o), s = performance.now();
     let r = !1;
     const i = (o) => {
-      const c = (o - this._startTime) / t, f = n(Math.min(1, c));
-      r && (this.progress.vx = 0, this.progress.vy = 0, r = !1), this.currentProgress = Object.entries(this.progress).reduce((l, [a, u]) => (a === "active" ? l[a] = u : l[a] = this.previousProgress[a] + (u - this.previousProgress[a]) * f, l), this.currentProgress || {}), c < 1 && (this._nextTransitionTick = requestAnimationFrame(i), r = o - this._startTime > Cn), this.effect.tick(this.currentProgress);
+      const a = (o - this._startTime) / t, f = n(Math.min(1, a));
+      r && (this.progress.vx = 0, this.progress.vy = 0, r = !1), this.currentProgress = Object.entries(this.progress).reduce((l, [c, u]) => (c === "active" ? l[c] = u : l[c] = this.previousProgress[c] + (u - this.previousProgress[c]) * f, l), this.currentProgress || {}), a < 1 && (this._nextTransitionTick = requestAnimationFrame(i), r = o - this._startTime > Cn), this.effect.tick(this.currentProgress);
     };
     return this._startTime ? (this._nextTransitionTick && cancelAnimationFrame(this._nextTransitionTick), Object.assign(this.previousProgress, this.currentProgress), this._startTime = s, i(s)) : this._startTime = s, this._nextTransitionTick;
   }
@@ -1675,7 +1679,7 @@ class Pn {
     this.effect && this.effect.destroy(), this.effect = null;
   }
 }
-const ae = /* @__PURE__ */ new WeakMap();
+const ce = /* @__PURE__ */ new WeakMap();
 let Ne = () => ({});
 function $n(e) {
   Ne = e;
@@ -1689,22 +1693,22 @@ function Rn(e, t, n, s = {}, { reducedMotion: r }) {
     axis: s.axis ?? "y"
   }, o = Me(t, x(n), i);
   if (o) {
-    const c = Array.isArray(o) ? o : [o], f = new Pn({
+    const a = Array.isArray(o) ? o : [o], f = new Pn({
       root: s.hitArea === "self" ? e : void 0,
-      scenes: c,
+      scenes: a,
       ...Ne()
-    }), a = { source: e, target: t, cleanup: () => {
+    }), c = { source: e, target: t, cleanup: () => {
       f.destroy();
     } };
-    I(ae, e, a), I(ae, t, a), Promise.all(
-      c.map((u) => u.ready || Promise.resolve())
+    I(ce, e, c), I(ce, t, c), Promise.all(
+      a.map((u) => u.ready || Promise.resolve())
     ).then(() => {
       f.start();
     });
   }
 }
 function Mn(e) {
-  L(ae, e);
+  L(ce, e);
 }
 const Fn = {
   add: Rn,
@@ -1720,12 +1724,12 @@ function Hn(e, t, n, s, { reducedMotion: r, selectorCondition: i }) {
   );
   if (!o)
     return;
-  const c = () => {
+  const a = () => {
     i && !t.matches(i) || o.play();
   }, l = { source: e, target: t, cleanup: () => {
-    o.cancel(), e.removeEventListener("animationend", c);
+    o.cancel(), e.removeEventListener("animationend", a);
   } };
-  I(fe, e, l), I(fe, t, l), e.addEventListener("animationend", c);
+  I(fe, e, l), I(fe, t, l), e.addEventListener("animationend", a);
 }
 function qn(e) {
   L(fe, e);
@@ -1869,7 +1873,7 @@ function B(e, {
 function Vn(e, t = !1) {
   const n = e.conditions || {}, s = {};
   return e.interactions?.forEach((r) => {
-    const i = r.key, o = ++Nn, { effects: c, ...f } = r;
+    const i = r.key, o = ++Nn, { effects: a, ...f } = r;
     if (!i) {
       console.error(`Interaction ${o} is missing a key for source element.`);
       return;
@@ -1880,13 +1884,13 @@ function Vn(e, t = !1) {
       interactionIds: /* @__PURE__ */ new Set(),
       selectors: /* @__PURE__ */ new Set()
     });
-    const l = Array.from(c);
+    const l = Array.from(a);
     l.reverse();
-    const a = { ...f, effects: l };
-    s[i].triggers.push(a), s[i].selectors.add(
-      B(a, { useFirstChild: t })
+    const c = { ...f, effects: l };
+    s[i].triggers.push(c), s[i].selectors.add(
+      B(c, { useFirstChild: t })
     );
-    const u = a.listContainer;
+    const u = c.listContainer;
     l.forEach((d) => {
       let g = d.key;
       if (!g && d.effectId) {
@@ -1919,26 +1923,26 @@ function Le(e, t, n) {
     return s ? e.selector ? Array.from(s.querySelectorAll(e.selector)) : Array.from(s.children) : (console.warn(`Interact: No container found for list container "${e.listContainer}"`), []);
   }
   if (e.selector) {
-    const s = t.querySelector(e.selector);
-    if (s)
-      return s;
-    console.warn(`Interact: No element found for selector "${e.selector}"`);
+    const s = t.querySelectorAll(e.selector);
+    if (s.length > 0)
+      return Array.from(s);
+    console.warn(`Interact: No elements found for selector "${e.selector}"`);
   }
   return n ? t.firstElementChild : t;
 }
 function Ce(e, t) {
   return t.map((n) => e.selector ? n.querySelector(e.selector) : n).filter(Boolean);
 }
-function Ve(e, t, n, s, r, i, o, c) {
+function Ve(e, t, n, s, r, i, o, a) {
   return [
     o ? Ce(e, o) : Le(e, n, s),
-    c ? Ce(t, c) : Le(t, r, i)
+    a ? Ce(t, a) : Le(t, r, i)
   ];
 }
 function We(e, t, n, s, r, i, o) {
-  const c = Array.isArray(s), f = Array.isArray(r);
-  c ? s.forEach((l, a) => {
-    const u = f ? r[a] : r;
+  const a = Array.isArray(s), f = Array.isArray(r);
+  a ? s.forEach((l, c) => {
+    const u = f ? r[c] : r;
     u && Ae(
       e,
       l,
@@ -1949,12 +1953,12 @@ function We(e, t, n, s, r, i, o) {
       i,
       o
     );
-  }) : (f ? r : [r]).forEach((a) => {
+  }) : (f ? r : [r]).forEach((c) => {
     Ae(
       e,
       s,
       t.trigger,
-      a,
+      c,
       n,
       t.params,
       i,
@@ -1964,12 +1968,12 @@ function We(e, t, n, s, r, i, o) {
 }
 function je(e, t, n, s, r) {
   const i = {}, o = [];
-  s.effects.forEach((c) => {
-    const f = c.effectId, l = {
+  s.effects.forEach((a) => {
+    const f = a.effectId, l = {
       ...n.dataCache.effects[f] || {},
-      ...c,
+      ...a,
       effectId: f
-    }, a = l.key, u = R(c.interactionId, e);
+    }, c = l.key, u = R(a.interactionId, e);
     if (i[u] || n.addedInteractions[u] && !r)
       return;
     const d = U(l.conditions || [], n.dataCache.conditions);
@@ -1977,7 +1981,7 @@ function je(e, t, n, s, r) {
       t.update();
     }), !d || d.matches) {
       i[u] = !0;
-      const g = a && R(a, e);
+      const g = c && R(c, e);
       let h;
       if (g) {
         if (h = w.getController(g), !h)
@@ -2011,12 +2015,12 @@ function je(e, t, n, s, r) {
         h.useFirstChild
       ]);
     }
-  }), o.reverse().forEach((c) => {
-    We(...c);
+  }), o.reverse().forEach((a) => {
+    We(...a);
   });
 }
 function Ye(e, t, n, s, r) {
-  const i = n.get(e)?.effects || {}, o = Object.keys(i), c = [];
+  const i = n.get(e)?.effects || {}, o = Object.keys(i), a = [];
   return o.forEach((f) => {
     const l = R(f, e);
     if (n.addedInteractions[l] && !r)
@@ -2054,7 +2058,7 @@ function Ye(e, t, n, s, r) {
           h.conditions || [],
           n.dataCache.conditions
         );
-        return c.push([
+        return a.push([
           e,
           d,
           h,
@@ -2066,11 +2070,11 @@ function Ye(e, t, n, s, r) {
       }
       return !1;
     });
-  }), c.reverse().forEach((f) => {
+  }), a.reverse().forEach((f) => {
     We(...f);
   }), o.length > 0;
 }
-function Ae(e, t, n, s, r, i, o, c) {
+function Ae(e, t, n, s, r, i, o, a) {
   let f;
   if (r.transition || r.transitionProperties) {
     const l = {
@@ -2081,7 +2085,7 @@ function Ae(e, t, n, s, r, i, o, c) {
       childSelector: B(r, {
         asCombinator: !0,
         addItemFilter: !0,
-        useFirstChild: c
+        useFirstChild: a
       }),
       selectorCondition: o
     };
@@ -2101,10 +2105,10 @@ function Wn(e) {
   if (!n)
     return console.warn(`No instance found for key: ${t}`), w.setController(t, e), !1;
   const { triggers: s = [] } = n?.get(t) || {}, r = s.length > 0;
-  n.setController(t, e), s.forEach((o, c) => {
+  n.setController(t, e), s.forEach((o, a) => {
     const f = U(o.conditions, n.dataCache.conditions);
     if (f) {
-      const l = `${t}::trigger::${c}`;
+      const l = `${t}::trigger::${a}`;
       n.setupMediaQueryListener(l, f, t, () => {
         e.update();
       });
@@ -2118,12 +2122,12 @@ function jn(e, t, n) {
   const s = e.key, r = w.getInstance(s);
   if (r) {
     const { triggers: i = [] } = r?.get(s) || {};
-    i.forEach((o, c) => {
+    i.forEach((o, a) => {
       if (o.listContainer !== t)
         return;
       const f = U(o.conditions, r.dataCache.conditions);
       if (f) {
-        const l = `${s}::listTrigger::${t}::${c}`;
+        const l = `${s}::listTrigger::${t}::${a}`;
         r.setupMediaQueryListener(l, f, s, () => {
           e.update();
         });
@@ -2219,10 +2223,10 @@ class Kn {
   _childListChangeHandler(t, n) {
     const s = this.key || this.element.dataset.interactKey, r = [], i = [];
     n.forEach((o) => {
-      o.removedNodes.forEach((c) => {
-        c instanceof HTMLElement && r.push(c);
-      }), o.addedNodes.forEach((c) => {
-        c instanceof HTMLElement && i.push(c);
+      o.removedNodes.forEach((a) => {
+        a instanceof HTMLElement && r.push(a);
+      }), o.addedNodes.forEach((a) => {
+        a instanceof HTMLElement && i.push(a);
       });
     }), Ke(r), s && jn(this, t, i);
   }
@@ -2246,15 +2250,15 @@ function Zn(e, t = !1) {
       key: r,
       selector: i,
       listContainer: o,
-      listItemSelector: c,
+      listItemSelector: a,
       trigger: f,
       params: l,
-      effects: a,
+      effects: c,
       conditions: u
     }) => {
       if (f === "viewEnter") {
         const g = l;
-        (!g?.type || g.type === "once") && a.forEach((m) => {
+        (!g?.type || g.type === "once") && c.forEach((m) => {
           const p = m?.effectId && e.effects[m.effectId] || m, {
             key: v,
             selector: y,
@@ -2262,7 +2266,7 @@ function Zn(e, t = !1) {
             listItemSelector: b,
             conditions: O
           } = p;
-          if (!(!v || v === r) || !(!y && !i || y === i) || !(!E && !o || E === o) || !(!b && !c || b === c)) return;
+          if (!(!v || v === r) || !(!y && !i || y === i) || !(!E && !o || E === o) || !(!b && !a || b === a)) return;
           const de = e.conditions || {}, he = K(
             O,
             de
@@ -2278,7 +2282,7 @@ function Zn(e, t = !1) {
             t
           );
           s.has(ee) || (s.add(ee), n.push(`@media (prefers-reduced-motion: no-preference) {
-              ${ee}:not([data-interact-enter="done"]) {
+              ${ee}:not([data-interact-enter]) {
                 visibility: hidden;
                 transform: none;
                 translate: none;
@@ -2299,4 +2303,4 @@ export {
   Zn as g,
   Jn as r
 };
-//# sourceMappingURL=index-DdSF9eaW.mjs.map
+//# sourceMappingURL=index-wDdpOvzw.mjs.map