@wix/interact 2.0.1 → 2.0.3

package/dist/{index-BnI6W-7u.mjs → index-BfcN_rkn.mjs}

@@ -1,15 +1,15 @@
-function Ge(e) {
+function Be(e) {
   return [...e.matchAll(/\[([-\w]+)]/g)].map(([t, n]) => n);
 }
 function R(e, t) {
-  const n = Ge(t);
+  const n = Be(t);
   let s = 0;
   return n.length ? e.replace(/\[]/g, () => {
     const r = n[s++];
     return r !== void 0 ? `[${r}]` : "[]";
   }) : e;
 }
-class le {
+class ue {
   animations;
   options;
   ready;
@@ -73,33 +73,33 @@ 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, 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 = {
+const Qe = (e) => e, Xe = (e) => 1 - Math.cos(e * Math.PI / 2), Ue = (e) => Math.sin(e * Math.PI / 2), Je = (e) => -(Math.cos(Math.PI * e) - 1) / 2, Ze = (e) => e ** 2, et = (e) => 1 - (1 - e) ** 2, tt = (e) => e < 0.5 ? 2 * e ** 2 : 1 - (-2 * e + 2) ** 2 / 2, nt = (e) => e ** 3, st = (e) => 1 - (1 - e) ** 3, it = (e) => e < 0.5 ? 4 * e ** 3 : 1 - (-2 * e + 2) ** 3 / 2, rt = (e) => e ** 4, ot = (e) => 1 - (1 - e) ** 4, ct = (e) => e < 0.5 ? 8 * e ** 4 : 1 - (-2 * e + 2) ** 4 / 2, at = (e) => e ** 5, ft = (e) => 1 - (1 - e) ** 5, lt = (e) => e < 0.5 ? 16 * e ** 5 : 1 - (-2 * e + 2) ** 5 / 2, ut = (e) => e === 0 ? 0 : 2 ** (10 * e - 10), dt = (e) => e === 1 ? 1 : 1 - 2 ** (-10 * e), ht = (e) => e === 0 ? 0 : e === 1 ? 1 : e < 0.5 ? 2 ** (20 * e - 10) / 2 : (2 - 2 ** (-20 * e + 10)) / 2, mt = (e) => 1 - Math.sqrt(1 - e ** 2), gt = (e) => Math.sqrt(1 - (e - 1) ** 2), vt = (e) => e < 0.5 ? (1 - Math.sqrt(1 - 4 * e ** 2)) / 2 : (Math.sqrt(-(2 * e - 3) * (2 * e - 1)) + 1) / 2, pt = (e) => 2.70158 * e ** 3 - 1.70158 * e ** 2, yt = (e) => 1 + 2.70158 * (e - 1) ** 3 + 1.70158 * (e - 1) ** 2, Et = (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,
-  sineInOut: Ue,
-  quadIn: Je,
-  quadOut: Ze,
-  quadInOut: et,
-  cubicIn: tt,
-  cubicOut: nt,
-  cubicInOut: st,
-  quartIn: it,
-  quartOut: rt,
-  quartInOut: ot,
+  sineIn: Xe,
+  sineOut: Ue,
+  sineInOut: Je,
+  quadIn: Ze,
+  quadOut: et,
+  quadInOut: tt,
+  cubicIn: nt,
+  cubicOut: st,
+  cubicInOut: it,
+  quartIn: rt,
+  quartOut: ot,
+  quartInOut: ct,
   quintIn: at,
-  quintOut: ct,
-  quintInOut: ft,
-  expoIn: lt,
-  expoOut: ut,
-  expoInOut: dt,
-  circIn: ht,
-  circOut: mt,
-  circInOut: pt,
-  backIn: gt,
-  backOut: vt,
-  backInOut: yt
-}, me = {
+  quintOut: ft,
+  quintInOut: lt,
+  expoIn: ut,
+  expoOut: dt,
+  expoInOut: ht,
+  circIn: mt,
+  circOut: gt,
+  circInOut: vt,
+  backIn: pt,
+  backOut: yt,
+  backInOut: Et
+}, ve = {
   linear: "linear",
   ease: "ease",
   easeIn: "ease-in",
@@ -130,16 +130,16 @@ const Qe = (e) => e, Be = (e) => 1 - Math.cos(e * Math.PI / 2), Xe = (e) => Math
   backOut: "cubic-bezier(0.175, 0.885, 0.32, 1.275)",
   backInOut: "cubic-bezier(0.68, -0.55, 0.265, 1.55)"
 };
-function Et(e) {
+function bt(e) {
   return e === "percentage" ? "%" : e || "px";
 }
 function D(e) {
-  return e ? me[e] || e : me.linear;
+  return e ? ve[e] || e : ve.linear;
 }
-function bt(e) {
+function St(e) {
   return e ? wt[e] : void 0;
 }
-class St {
+class Tt {
   _animation;
   customEffect;
   progress;
@@ -150,8 +150,8 @@ class St {
       ...s,
       composite: "add"
     }), { timeline: o } = r;
-    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._animation = new Animation(i, o), this._tickCbId = null, this.progress = null, this.customEffect = (c) => t(i.target, c), this._finishHandler = (c) => {
+      this.effect.target?.getAnimations().find((u) => u === this._animation) || this.cancel();
     }, this.addEventListener("finish", this._finishHandler), this.addEventListener("remove", this._finishHandler);
   }
   // private tick method for customEffect loop implementation
@@ -282,17 +282,17 @@ class St {
 function It(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var N = { exports: {} }, pe = N.exports, ge;
+var W = { exports: {} }, pe = W.exports, ye;
 function Ot() {
-  return ge || (ge = 1, (function(e) {
+  return ye || (ye = 1, (function(e) {
     (function(t) {
       var n = function() {
-      }, s = t.requestAnimationFrame || t.webkitRequestAnimationFrame || t.mozRequestAnimationFrame || t.msRequestAnimationFrame || function(c) {
-        return setTimeout(c, 16);
+      }, s = t.requestAnimationFrame || t.webkitRequestAnimationFrame || t.mozRequestAnimationFrame || t.msRequestAnimationFrame || function(a) {
+        return setTimeout(a, 16);
       };
       function r() {
-        var c = this;
-        c.reads = [], c.writes = [], c.raf = s.bind(t);
+        var a = this;
+        a.reads = [], a.writes = [], a.raf = s.bind(t);
       }
       r.prototype = {
         constructor: r,
@@ -304,8 +304,8 @@ function Ot() {
          *
          * @param {Array} tasks
          */
-        runTasks: function(c) {
-          for (var u; u = c.shift(); ) u();
+        runTasks: function(a) {
+          for (var f; f = a.shift(); ) f();
         },
         /**
          * 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(c, u) {
-          var d = u ? c.bind(u) : c;
+        measure: function(a, f) {
+          var d = f ? a.bind(f) : a;
           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(c, u) {
-          var d = u ? c.bind(u) : c;
+        mutate: function(a, f) {
+          var d = f ? a.bind(f) : a;
           return this.writes.push(d), i(this), d;
         },
         /**
@@ -339,8 +339,8 @@ function Ot() {
          * @return {Boolean} success
          * @public
          */
-        clear: function(c) {
-          return a(this.reads, c) || a(this.writes, c);
+        clear: function(a) {
+          return c(this.reads, a) || c(this.writes, a);
         },
         /**
          * Extend this FastDom with some
@@ -376,85 +376,85 @@ function Ot() {
          * @param  {Object} props  properties to mixin
          * @return {FastDom}
          */
-        extend: function(c) {
-          if (typeof c != "object") throw new Error("expected object");
-          var u = Object.create(this);
-          return f(u, c), u.fastdom = this, u.initialize && u.initialize(), u;
+        extend: function(a) {
+          if (typeof a != "object") throw new Error("expected object");
+          var f = Object.create(this);
+          return u(f, a), f.fastdom = this, f.initialize && f.initialize(), f;
         },
         // override this with a function
         // to prevent Errors in console
         // when tasks throw
         catch: null
       };
-      function i(c) {
-        c.scheduled || (c.scheduled = !0, c.raf(o.bind(null, c)));
+      function i(a) {
+        a.scheduled || (a.scheduled = !0, a.raf(o.bind(null, a)));
       }
-      function o(c) {
-        var u = c.writes, d = c.reads, g;
+      function o(a) {
+        var f = a.writes, d = a.reads, v;
         try {
-          n("flushing reads", d.length), c.runTasks(d), n("flushing writes", u.length), c.runTasks(u);
-        } catch (h) {
-          g = h;
+          n("flushing reads", d.length), a.runTasks(d), n("flushing writes", f.length), a.runTasks(f);
+        } catch (m) {
+          v = m;
         }
-        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;
+        if (a.scheduled = !1, (d.length || f.length) && i(a), v)
+          if (n("task errored", v.message), a.catch) a.catch(v);
+          else throw v;
       }
-      function a(c, u) {
-        var d = c.indexOf(u);
-        return !!~d && !!c.splice(d, 1);
+      function c(a, f) {
+        var d = a.indexOf(f);
+        return !!~d && !!a.splice(d, 1);
       }
-      function f(c, u) {
-        for (var d in u)
-          u.hasOwnProperty(d) && (c[d] = u[d]);
+      function u(a, f) {
+        for (var d in f)
+          f.hasOwnProperty(d) && (a[d] = f[d]);
       }
       var l = t.fastdom = t.fastdom || new r();
       e.exports = l;
     })(typeof window < "u" ? window : typeof pe < "u" ? pe : globalThis);
-  })(N)), N.exports;
+  })(W)), W.exports;
 }
 var _t = Ot();
-const S = /* @__PURE__ */ It(_t), ie = {};
+const S = /* @__PURE__ */ It(_t), re = {};
 function kt(e) {
-  Object.assign(ie, e);
+  Object.assign(re, e);
 }
-function Tt(e) {
-  return e in ie ? ie[e] : (console.warn(
+function Ct(e) {
+  return e in re ? re[e] : (console.warn(
     `${e} not found in registry. Please make sure to import and register the preset.`
   ), null);
 }
-function T(e, t) {
+function k(e, t) {
   return e ? document.getElementById(e) : null;
 }
 function xt(e, t) {
   return e?.matches(`[data-motion-part~="${t}"]`) ? e : e?.querySelector(`[data-motion-part~="${t}"]`);
 }
-function Ct(e) {
+function At(e) {
   const t = e.alternate ? "alternate" : "";
   return e.reversed ? `${t ? `${t}-` : ""}reverse` : t || "normal";
 }
-function te(e) {
-  return `${e.value}${Et(e.unit)}`;
+function ne(e) {
+  return `${e.value}${bt(e.unit)}`;
 }
-function ve(e, t, n) {
-  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 Ee(e, t, n) {
+  return `${e.name || "cover"} ${n && e.offset.unit !== "percentage" ? `calc(100% + ${ne(e.offset)}${t ? ` + ${t}` : ""})` : t ? `calc(${ne(e.offset)} + ${t})` : ne(e.offset)}`;
 }
 function Lt(e) {
   return {
-    start: ve(e.startOffset, e.startOffsetAdd),
-    end: ve(e.endOffset, e.endOffsetAdd, !0)
+    start: Ee(e.startOffset, e.startOffsetAdd),
+    end: Ee(e.endOffset, e.endOffsetAdd, !0)
   };
 }
-function Pe(e) {
+function Re(e) {
   return (t) => S.measure(() => t(e));
 }
 function $e(e) {
   return (t) => S.mutate(() => t(e));
 }
-function K(e) {
+function B(e) {
   if (e.namedEffect) {
     const t = e.namedEffect.type;
-    return typeof t == "string" ? Tt(t) : null;
+    return typeof t == "string" ? Ct(t) : null;
   } else if (e.keyframeEffect) {
     const t = (s) => {
       const { name: r, keyframes: i } = s.keyframeEffect;
@@ -468,16 +468,16 @@ function K(e) {
     return (t) => [{ ...t, keyframes: [] }];
   return null;
 }
-function At(e, t, n) {
+function Pt(e, t, n) {
   return e.map((s, r) => {
     const i = {
       fill: s.fill,
       easing: D(s.easing),
       iterations: s.iterations === 0 ? 1 / 0 : s.iterations || 1,
       composite: s.composite,
-      direction: Ct(s)
+      direction: At(s)
     };
-    return Re(t) ? (i.duration = s.duration, i.delay = s.delay || 0) : window.ViewTimeline && t?.trigger === "view-progress" ? i.duration = "auto" : (i.duration = 99.99, i.delay = 0.01), {
+    return Fe(t) ? (i.duration = s.duration, i.delay = s.delay || 0) : window.ViewTimeline && t?.trigger === "view-progress" ? i.duration = "auto" : (i.duration = 99.99, i.delay = 0.01), {
       effect: s,
       options: i,
       id: n && `${n}-${r + 1}`,
@@ -485,212 +485,212 @@ function At(e, t, n) {
     };
   });
 }
-function Re(e) {
+function Fe(e) {
   return !e || e.trigger !== "pointer-move" && e.trigger !== "view-progress";
 }
-function ye(e, t, n, s, r) {
+function we(e, t, n, s, r) {
   if (e) {
-    if (Re(s) && (t.duration = t.duration || 1, r?.reducedMotion))
+    if (Fe(s) && (t.duration = t.duration || 1, r?.reducedMotion))
       if (t.iterations === 1 || t.iterations == null)
         t = { ...t, duration: 1 };
       else
         return [];
     let i;
-    return n instanceof HTMLElement && (i = { measure: Pe(n), mutate: $e(n) }), e.web ? e.web(t, i, r) : e(t, i, r);
+    return n instanceof HTMLElement && (i = { measure: Re(n), mutate: $e(n) }), e.web ? e.web(t, i, r) : e(t, i, r);
   }
   return [];
 }
-function ue(e, t, n, s, r) {
-  const i = e instanceof HTMLElement ? e : T(e);
+function de(e, t, n, s, r) {
+  const i = e instanceof HTMLElement ? e : k(e);
   if (n?.trigger === "pointer-move" && !t.keyframeEffect) {
     let d = t;
     t.customEffect && (d = {
       ...t,
       namedEffect: { id: "", type: "CustomMouse" }
     });
-    const g = K(
+    const v = B(
       d
-    ), h = ye(
-      g,
+    ), m = we(
+      v,
       t,
       i,
       n,
       s
     );
-    return typeof h != "function" ? null : h(i);
+    return typeof m != "function" ? null : m(i);
   }
-  const o = K(t), a = ye(
+  const o = B(t), c = we(
     o,
     t,
     i,
     n,
     s
   );
-  if (!a || a.length === 0)
+  if (!c || c.length === 0)
     return null;
-  const f = At(a, n, t.effectId);
+  const u = Pt(c, n, t.effectId);
   let l;
-  const c = n?.trigger === "view-progress";
-  c && window.ViewTimeline && (l = new ViewTimeline({
-    subject: n.element || T(n.componentId)
+  const a = n?.trigger === "view-progress";
+  a && window.ViewTimeline && (l = new ViewTimeline({
+    subject: n.element || k(n.componentId)
   }));
-  const u = f.map(({ effect: d, options: g, id: h, part: m }) => {
-    const p = m ? xt(i, m) : i, v = new KeyframeEffect(p || null, [], g);
+  const f = u.map(({ effect: d, options: v, id: m, part: h }) => {
+    const g = h ? xt(i, h) : i, y = new KeyframeEffect(g || null, [], v);
     S.mutate(() => {
-      "timing" in d && v.updateTiming(d.timing), v.setKeyframes(d.keyframes);
+      "timing" in d && y.updateTiming(d.timing), y.setKeyframes(d.keyframes);
     });
-    const y = c && l ? { timeline: l } : {}, E = typeof d.customEffect == "function" ? new St(
+    const p = a && l ? { timeline: l } : {}, w = typeof d.customEffect == "function" ? new Tt(
       d.customEffect,
-      p || null,
-      g,
-      y
-    ) : new Animation(v, y.timeline);
-    if (c)
+      g || null,
+      v,
+      p
+    ) : new Animation(y, p.timeline);
+    if (a)
       if (l)
         S.mutate(() => {
-          const { start: b, end: I } = Lt(d);
-          E.rangeStart = b, E.rangeEnd = I, E.play();
+          const { start: b, end: T } = Lt(d);
+          w.rangeStart = b, w.rangeEnd = T, w.play();
         });
       else {
-        const { startOffset: b, endOffset: I } = t;
+        const { startOffset: b, endOffset: T } = t;
         S.mutate(() => {
-          const L = d.startOffset || b, J = d.endOffset || I;
-          Object.assign(E, {
+          const C = d.startOffset || b, Z = d.endOffset || T;
+          Object.assign(w, {
             start: {
-              name: L.name,
-              offset: L.offset?.value,
+              name: C.name,
+              offset: C.offset?.value,
               add: d.startOffsetAdd
             },
             end: {
-              name: J.name,
-              offset: J.offset?.value,
+              name: Z.name,
+              offset: Z.offset?.value,
               add: d.endOffsetAdd
             }
           });
         });
       }
-    return h && (E.id = h), E;
+    return m && (w.id = m), w;
   });
-  return new le(u, {
+  return new ue(f, {
     ...t,
     trigger: { ...n || {} },
     // make sure the group is ready after all animation targets are measured and mutated
     measured: new Promise((d) => S.mutate(d))
   });
 }
-function Pt(e, t, n) {
-  const s = K(t), r = e instanceof HTMLElement ? e : T(e);
+function Rt(e, t, n) {
+  const s = B(t), r = e instanceof HTMLElement ? e : k(e);
   if (s && s.prepare && r) {
-    const i = { measure: Pe(r), mutate: $e(r) };
+    const i = { measure: Re(r), mutate: $e(r) };
     s.prepare(t, i);
   }
   n && S.mutate(n);
 }
 function $t(e, t) {
-  const n = K(t);
+  const n = B(t);
   if (!n)
     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) || [], a = [];
-  return s.forEach((f) => {
-    o.includes(f) && a.push(
-      i?.find((l) => l.animationName === f)
+    return t.effectId && e ? Ft(e, t.effectId) : null;
+  const s = n.getNames(t), i = (typeof e == "string" ? k(e) : e)?.getAnimations(), o = i?.map((u) => u.animationName) || [], c = [];
+  return s.forEach((u) => {
+    o.includes(u) && c.push(
+      i?.find((l) => l.animationName === u)
     );
-  }), a?.length ? new le(a) : null;
+  }), c?.length ? new ue(c) : null;
 }
-function Rt(e, t) {
-  const s = (typeof e == "string" ? T(e) : e)?.getAnimations().filter((r) => {
+function Ft(e, t) {
+  const s = (typeof e == "string" ? k(e) : e)?.getAnimations().filter((r) => {
     const i = r.id || r.animationName;
     return i ? i.startsWith(t) : !0;
   });
-  return s?.length ? new le(s) : null;
+  return s?.length ? new ue(s) : null;
 }
 function Me(e, t, n, s = {}) {
-  const { disabled: r, allowActiveEvent: i, ...o } = s, a = ue(e, t, n, o);
-  if (!a)
+  const { disabled: r, allowActiveEvent: i, ...o } = s, c = de(e, t, n, o);
+  if (!c)
     return null;
-  let f = {};
+  let u = {};
   if (n.trigger === "view-progress" && !window.ViewTimeline) {
-    const l = n.element || T(n.componentId), { ready: c } = a;
-    return a.animations.map((u) => ({
+    const l = n.element || k(n.componentId), { ready: a } = c;
+    return c.animations.map((f) => ({
       /* 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() {
-        return u.start;
+        return f.start;
       },
       get end() {
-        return u.end;
+        return f.end;
       },
       viewSource: l,
-      ready: c,
+      ready: a,
       getProgress() {
-        return a.getProgress();
+        return c.getProgress();
       },
-      effect(d, g) {
-        const { activeDuration: h } = u.effect.getComputedTiming(), { delay: m } = u.effect.getTiming();
-        u.currentTime = ((m || 0) + (h || 0)) * g;
+      effect(d, v) {
+        const { activeDuration: m } = f.effect.getComputedTiming(), { delay: h } = f.effect.getTiming();
+        f.currentTime = ((h || 0) + (m || 0)) * v;
       },
       disabled: r,
       destroy() {
-        u.cancel();
+        f.cancel();
       }
     }));
   } else if (n.trigger === "pointer-move") {
-    const l = t, { centeredToTarget: c, transitionDuration: u, transitionEasing: d } = l, g = n.axis;
+    const l = t, { centeredToTarget: a, transitionDuration: f, transitionEasing: d } = l, v = n.axis;
     if (l.keyframeEffect) {
-      const h = a;
-      return h.animations?.length === 0 ? null : {
+      const m = c;
+      return m.animations?.length === 0 ? null : {
         target: void 0,
-        centeredToTarget: c,
-        ready: h.ready,
+        centeredToTarget: a,
+        ready: m.ready,
         _currentProgress: 0,
         getProgress() {
           return this._currentProgress;
         },
-        effect(p, v) {
-          const y = g === "x" ? v.x : v.y;
-          this._currentProgress = y, h.progress(y);
+        effect(g, y) {
+          const p = v === "x" ? y.x : y.y;
+          this._currentProgress = p, m.progress(p);
         },
         disabled: r ?? !1,
         destroy() {
-          h.cancel();
+          m.cancel();
         }
       };
     }
-    f = {
-      centeredToTarget: c,
+    u = {
+      centeredToTarget: a,
       allowActiveEvent: i
-    }, t.customEffect && u && (f.transitionDuration = u, f.transitionEasing = bt(d)), f.target = a.target;
+    }, t.customEffect && f && (u.transitionDuration = f, u.transitionEasing = St(d)), u.target = c.target;
   }
   return {
-    ...f,
+    ...u,
     getProgress() {
-      return a.getProgress();
+      return c.getProgress();
     },
-    effect(l, c, u, d) {
-      a.progress(
-        u ? {
+    effect(l, a, f, d) {
+      c.progress(
+        f ? {
           // @ts-expect-error spread error on p
-          ...c,
-          v: u,
+          ...a,
+          v: f,
           active: d
-        } : c
+        } : a
       );
     },
     disabled: r,
     destroy() {
-      a.cancel();
+      c.cancel();
     }
   };
 }
-function U(e, t, n, s = !1) {
+function he(e, t, n, s = !1) {
   const r = $t(e, t);
   return r ? (r.ready = new Promise((i) => {
-    Pt(e, t, i);
-  }), r) : ue(e, t, n, { reducedMotion: s });
+    Rt(e, t, i);
+  }), r) : de(e, t, n, { reducedMotion: s });
 }
-function V(e, t) {
+function j(e, t) {
   return t.includes("&") ? t.replace(/&/g, e) : `${e}${t}`;
 }
 function Mt() {
@@ -702,7 +702,7 @@ function Mt() {
     // 97 for "a"
   );
 }
-function Ft({
+function qt({
   key: e,
   effectId: t,
   transition: n,
@@ -712,62 +712,62 @@ function Ft({
 }) {
   let o = [];
   if (n?.styleProperties) {
-    const { duration: h, easing: m, delay: p } = n;
-    h && (n.styleProperties.some(
-      (y) => y.name.startsWith("--")
+    const { duration: m, easing: h, delay: g } = n;
+    m && (n.styleProperties.some(
+      (p) => p.name.startsWith("--")
     ) ? o = [
-      `all ${h}ms ${D(m || "ease")}${p ? ` ${p}ms` : ""}`,
+      `all ${m}ms ${D(h || "ease")}${g ? ` ${g}ms` : ""}`,
       "visibility 0s"
     ] : o = n.styleProperties.map(
-      (y) => `${y.name} ${h}ms ${D(
-        m || "ease"
-      )}${p ? ` ${p}ms` : ""}`
+      (p) => `${p.name} ${m}ms ${D(
+        h || "ease"
+      )}${g ? ` ${g}ms` : ""}`
     )), s = n.styleProperties;
   } else
-    o = s?.filter((h) => h.duration).map(
-      (h) => `${h.name} ${h.duration}ms ${D(h.easing) || "ease"}${h.delay ? ` ${h.delay}ms` : ""}`
+    o = s?.filter((m) => m.duration).map(
+      (m) => `${m.name} ${m.duration}ms ${D(m.easing) || "ease"}${m.delay ? ` ${m.delay}ms` : ""}`
     ) || [];
-  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 ? V(l, i) : l, d = i ? V(c, i) : c, g = [
-    `${u},
+  const c = s?.map((m) => `${m.name}: ${m.value};`) || [], u = e.replace(/"/g, "'"), l = `:is(:state(${t}), :--${t}) ${r}`, a = `[data-interact-effect~="${t}"] ${r}`, f = i ? j(l, i) : l, d = i ? j(a, i) : a, v = [
+    `${f},
     ${d} {
-      ${a.join(`
+      ${c.join(`
       `)}
     }`
   ];
   if (o.length) {
-    const h = `[data-interact-key="${f}"] ${r}`, m = i ? V(h, i) : h;
-    g.push(`@media (prefers-reduced-motion: no-preference) { ${m} {
+    const m = `[data-interact-key="${u}"] ${r}`, h = i ? j(m, i) : m;
+    v.push(`@media (prefers-reduced-motion: no-preference) { ${h} {
       transition: ${o.join(", ")};
     } }`);
   }
-  return g;
+  return v;
 }
-function M(e, t) {
+function $(e, t) {
   const n = (e || []).filter((i) => t[i]?.type === "media" && t[i].predicate).map((i) => t[i].predicate).join(") and ("), s = n && `(${n})`;
   return s && window.matchMedia(s);
 }
-function G(e, t) {
+function Q(e, t) {
   for (const n of e || []) {
     const s = t[n];
     if (s?.type === "selector" && s.predicate)
       return s.predicate;
   }
 }
-const F = {
+const q = {
   rangeStart: { name: "cover", offset: { value: 0, unit: "percentage" } },
   rangeEnd: { name: "cover", offset: { value: 100, unit: "percentage" } }
 };
 function Ht(e, t) {
-  const n = e?.name ?? F.rangeStart.name, s = t?.name ?? e?.name ?? F.rangeEnd.name, r = {
+  const n = e?.name ?? q.rangeStart.name, s = t?.name ?? e?.name ?? q.rangeEnd.name, r = {
     name: n,
-    offset: e?.offset || F.rangeStart.offset
+    offset: e?.offset || q.rangeStart.offset
   }, i = {
     name: s,
-    offset: t?.offset || F.rangeEnd.offset
+    offset: t?.offset || q.rangeEnd.offset
   };
   return { startOffset: r, endOffset: i };
 }
-function x(e) {
+function F(e) {
   if ("keyframeEffect" in e && !e.keyframeEffect.name && "effectId" in e && (e.keyframeEffect.name = e.effectId), "duration" in e)
     return {
       id: "",
@@ -781,121 +781,121 @@ function x(e) {
     ...s
   };
 }
-function O(e, t, n) {
+function I(e, t, n) {
   let s = e.get(t);
   s || (s = /* @__PURE__ */ new Set(), e.set(t, s)), s.add(n);
 }
-function C(e, t) {
+function M(e, t) {
   e.get(t)?.forEach((s) => {
     const { source: r, target: i, cleanup: o } = s;
     o();
-    const a = r === t ? i : r;
-    e.get(a)?.delete(s);
+    const c = r === t ? i : r;
+    e.get(c)?.delete(s);
   }), e.delete(t);
 }
-const qt = {
+const zt = {
   root: null,
   rootMargin: "0px 0px -10% 0px",
   threshold: [0]
-}, zt = {
+}, Nt = {
   root: null,
   rootMargin: "0px",
   threshold: [0]
-}, P = {}, Q = /* @__PURE__ */ new WeakMap(), W = /* @__PURE__ */ new WeakSet(), j = /* @__PURE__ */ new WeakMap();
-let Fe = {}, A = null;
-function Dt(e) {
-  Fe = e;
+}, L = {}, X = /* @__PURE__ */ new WeakMap(), Y = /* @__PURE__ */ new WeakSet(), G = /* @__PURE__ */ new WeakMap();
+let qe = {}, x = null;
+function Vt(e) {
+  qe = e;
 }
 function He(e, t) {
-  Q.get(e)?.forEach(({ source: s, handler: r }) => {
+  X.get(e)?.forEach(({ source: s, handler: r }) => {
     s === e && r(t);
   });
 }
-function we() {
-  return A || (A = new IntersectionObserver((e) => {
+function be() {
+  return x || (x = new IntersectionObserver((e) => {
     e.forEach((t) => {
       const n = t.target;
       t.isIntersecting || He(n, !1);
     });
-  }, zt), A);
+  }, Nt), x);
 }
-function qe(e, t = !1) {
+function ze(e, t = !1) {
   const n = JSON.stringify({ ...e, isSafeMode: t });
-  if (P[n])
-    return P[n];
-  const s = t ? qt : {
+  if (L[n])
+    return L[n];
+  const s = t ? zt : {
     root: null,
     rootMargin: e.inset ? `${e.inset} 0px ${e.inset}` : "0px",
     threshold: e.threshold
   }, r = new IntersectionObserver((i) => {
     i.forEach((o) => {
-      const a = o.target, f = !W.has(a);
-      if (f && (W.add(a), e.useSafeViewEnter && !o.isIntersecting)) {
+      const c = o.target, u = !Y.has(c);
+      if (u && (Y.add(c), e.useSafeViewEnter && !o.isIntersecting)) {
         S.measure(() => {
-          const c = o.boundingClientRect.height, u = o.rootBounds?.height;
-          if (!u)
+          const a = o.boundingClientRect.height, f = o.rootBounds?.height;
+          if (!f)
             return;
           const d = Array.isArray(e.threshold) ? Math.min(...e.threshold) : e.threshold;
-          d && c * d > u && S.mutate(() => {
-            r.unobserve(a);
-            const h = qe(e, !0);
-            j.set(a, h), h.observe(a);
+          d && a * d > f && S.mutate(() => {
+            r.unobserve(c);
+            const m = ze(e, !0);
+            G.set(c, m), m.observe(c);
           });
         });
         return;
       }
       const l = e.type || "once";
-      (o.isIntersecting || l === "alternate" && !f) && (He(a, o.isIntersecting), l === "once" && (r.unobserve(o.target), W.delete(a)));
+      (o.isIntersecting || l === "alternate" && !u) && (He(c, o.isIntersecting), l === "once" && (r.unobserve(o.target), Y.delete(c)));
     });
   }, s);
-  return P[n] = r, r;
+  return L[n] = r, r;
 }
-function Nt(e, t, n, s = {}, { reducedMotion: r, selectorCondition: i } = {}) {
-  const o = { ...Fe, ...s }, a = o.type || "once", f = U(
+function Dt(e, t, n, s = {}, { reducedMotion: r, selectorCondition: i } = {}) {
+  const o = { ...qe, ...s }, c = o.type || "once", u = he(
     t,
-    x(n),
+    F(n),
     void 0,
     r
   );
-  if (!f)
+  if (!u)
     return;
-  const l = qe(o);
-  a !== "once" && f.persist?.();
-  let c = !0;
-  const g = { source: e, target: t, handler: (h) => {
-    i && !t.matches(i) || (a === "once" ? h && f.play(() => {
-      const m = () => {
+  const l = ze(o);
+  c !== "once" && u.persist?.();
+  let a = !0;
+  const v = { source: e, target: t, handler: (m) => {
+    i && !t.matches(i) || (c === "once" ? m && u.play(() => {
+      const h = () => {
         t.dataset.interactEnter = "start";
       };
-      f.isCSS ? (S.mutate(() => {
-        requestAnimationFrame(m);
-      }), f.onFinish(() => {
+      u.isCSS ? (S.mutate(() => {
+        requestAnimationFrame(h);
+      }), u.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()));
+      })) : S.mutate(h);
+    }) : c === "alternate" ? a && m ? (a = !1, u.play()) : a || u.reverse() : c === "repeat" ? m ? (u.progress(0), u.play()) : (u.pause(), u.progress(0)) : c === "state" && (m ? u.play() : u.pause()));
   }, cleanup: () => {
-    (j.get(e) || l).unobserve(e), (a === "repeat" || a === "state") && we().unobserve(e), f.cancel(), W.delete(e), j.delete(e);
+    (G.get(e) || l).unobserve(e), (c === "repeat" || c === "state") && be().unobserve(e), u.cancel(), Y.delete(e), G.delete(e);
   } };
-  O(Q, e, g), O(Q, t, g), j.set(e, l), l.observe(e), (a === "repeat" || a === "state") && we().observe(e);
+  I(X, e, v), I(X, t, v), G.set(e, l), l.observe(e), (c === "repeat" || c === "state") && be().observe(e);
 }
-function Vt(e) {
-  C(Q, e);
+function Wt(e) {
+  M(X, e);
 }
-function Wt() {
-  A = null, Object.keys(P).forEach((e) => delete P[e]);
+function jt() {
+  x = null, Object.keys(L).forEach((e) => delete L[e]);
 }
-const Ee = {
-  add: Nt,
-  remove: Vt,
-  setOptions: Dt,
-  reset: Wt
+const Se = {
+  add: Dt,
+  remove: Wt,
+  setOptions: Vt,
+  reset: jt
 };
-function ze(e, t) {
+function Ne(e, t) {
   return Object.assign(Object.create(t), e);
 }
-function jt(e, t, n, s) {
+function Yt(e, t, n, s) {
   let r = e * (1 - n) + t * n;
   if (s) {
     const i = r - e;
@@ -906,7 +906,7 @@ function jt(e, t, n, s) {
   }
   return r;
 }
-function Yt(e) {
+function Gt(e) {
   let t = !1;
   return function() {
     t || (t = !0, window.requestAnimationFrame(() => {
@@ -914,7 +914,7 @@ function Yt(e) {
     }));
   };
 }
-function be(e, t) {
+function Te(e, t) {
   let n = 0;
   return function() {
     n && window.clearTimeout(n), n = window.setTimeout(() => {
@@ -924,102 +924,102 @@ function be(e, t) {
 }
 function Kt(e, t) {
   const n = e.match(/^calc\s*\(\s*(-?\d+((px)|([lsd]?vh)|([lsd]?vw)))\s*\+\s*(-?\d+((px)|([lsd]?vh)|([lsd]?vw)))\s*\)\s*$/);
-  return B(n[1], t) + B(n[6], t);
+  return U(n[1], t) + U(n[6], t);
 }
-function B(e, t) {
+function U(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, 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 O(e, t, n) {
+  const { name: s, offset: r = 0 } = e, { start: i, end: o } = n, c = o - i, u = 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 + u * a | 0;
 }
-function ne(e, t, n, s, r) {
+function se(e, t, n, s, r) {
   let i = 0;
   const o = { start: t, end: n };
-  return e.forEach((a, f) => {
-    i += a.offset;
-    const l = a.sticky;
+  return e.forEach((c, u) => {
+    i += c.offset;
+    const l = c.sticky;
     if (l) {
-      if ("end" in l && e[f - 1]?.element) {
-        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 = a.offset, o.end += p), h && (o.start += p);
+      if ("end" in l && e[u - 1]?.element) {
+        const d = ((r ? c.element.offsetWidth : c.element.offsetHeight) || 0) + l.end - s, v = i + d - c.offset, m = v < o.start, h = !m && v <= n;
+        let g = 0;
+        (m || h) && (g = c.offset, o.end += g), m && (o.start += g);
       }
       if ("start" in l) {
-        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 = a.offset, v = (r ? a.element.offsetWidth : a.element.offsetHeight) || 0;
-            g = m - (p + v), i += g, o.end += g;
+        const a = i - l.start, f = a < o.start, d = !f && a <= o.end;
+        let v = 0;
+        const m = e[u - 1]?.element;
+        if (m) {
+          if (f || d) {
+            const h = (r ? m.offsetWidth : m.offsetHeight) || 0, g = c.offset, y = (r ? c.element.offsetWidth : c.element.offsetHeight) || 0;
+            v = h - (g + y), i += v, o.end += v;
           }
-          u && (o.start += g);
+          f && (o.start += v);
         }
       }
     }
   }), o;
 }
-function Gt(e, t, n, s, r, i) {
-  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), c = _(d, n, t), g = c - l;
-    const h = ne(i, l, c, n, s);
-    l = h.start, c = h.end;
+function Bt(e, t, n, s, r, i) {
+  const { start: o, end: c, duration: u } = e;
+  let l = o, a = c, f = e.startRange, d = e.endRange, v;
+  if (typeof u == "string") {
+    f = { name: u, offset: 0 }, d = { name: u, offset: 100 }, l = O(f, n, t), a = O(d, n, t), v = a - l;
+    const m = se(i, l, a, n, s);
+    l = m.start, a = m.end;
   } else {
-    if (u || o?.name) {
-      u = u || o;
-      const h = B(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 (f || o?.name) {
+      f = f || o;
+      const m = U(f.add, r), h = O({ ...f, offset: 0 }, n, t), g = O({ ...f, offset: 100 }, n, t), y = se(i, h, g, n, s);
+      l = y.start + f.offset / 100 * (y.end - y.start) + m;
     }
-    if (d || a?.name) {
-      d = d || a;
-      const h = B(d.add, r), m = _({ ...d, offset: 0 }, n, t), p = _({ ...d, offset: 100 }, n, t), v = ne(i, m, p, n, s);
-      c = v.start + d.offset / 100 * (v.end - v.start) + h;
-    } else typeof f == "number" && (c = l + f);
+    if (d || c?.name) {
+      d = d || c;
+      const m = U(d.add, r), h = O({ ...d, offset: 0 }, n, t), g = O({ ...d, offset: 100 }, n, t), y = se(i, h, g, n, s);
+      a = y.start + d.offset / 100 * (y.end - y.start) + m;
+    } else typeof u == "number" && (a = l + u);
   }
-  return !g && !f && (g = c - l), { ...e, start: l, end: c, startRange: u, endRange: d, duration: g || f };
+  return !v && !u && (v = a - l), { ...e, start: l, end: a, startRange: f, endRange: d, duration: v || u };
 }
 function Qt(e) {
   return e.position === "sticky";
 }
-function Bt(e, t, n) {
+function Xt(e, t, n) {
   return e.position === "fixed" && (!t || t === window.document.body || t === n);
 }
-function Xt(e, t) {
+function Ut(e, t) {
   return parseInt(t ? e.left : e.top);
 }
-function Ut(e, t) {
+function Jt(e, t) {
   return parseInt(t ? e.right : e.bottom);
 }
-function Jt(e, t, n) {
+function Zt(e, t, n) {
   n && (e.style.position = "static");
   const s = (t ? e.offsetLeft : e.offsetTop) || 0;
   return n && (e.style.position = null), s;
 }
-function Zt(e, t) {
+function en(e, t) {
   let n;
-  const s = Xt(e, t), r = Ut(e, t), i = !isNaN(s), o = !isNaN(r);
+  const s = Ut(e, t), r = Jt(e, t), i = !isNaN(s), o = !isNaN(r);
   return (i || o) && (n = {}, i && (n.start = s), o && (n.end = r)), n;
 }
 function H(e, t, n, s, r) {
   const i = e[0].viewSource, o = [];
-  let a = (s ? i.offsetWidth : i.offsetHeight) || 0, f = 0, l = i;
+  let c = (s ? i.offsetWidth : i.offsetHeight) || 0, u = 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))
+    const f = window.getComputedStyle(l), d = Qt(f), v = d ? en(f, s) : void 0, m = Zt(l, s, d);
+    if ((!v || !("end" in v)) && (u += m), o.push({ element: l, offset: m, sticky: v }), l = l.offsetParent, Xt(f, l, t))
       break;
     if (l === t) {
       o.push({ element: l, offset: 0 });
       break;
     }
   }
-  return o.reverse(), e.map((u) => ({
-    ...Gt(
-      u,
-      { start: f, end: f + a },
+  return o.reverse(), e.map((f) => ({
+    ...Bt(
+      f,
+      { start: u, end: u + c },
       n,
       s,
       r,
@@ -1027,7 +1027,7 @@ function H(e, t, n, s, r) {
     )
   }));
 }
-const Se = 100, en = {
+const Ie = 100, tn = {
   horizontal: !1,
   observeViewportEntry: !0,
   viewportRootMargin: "7% 7%",
@@ -1035,116 +1035,116 @@ const Se = 100, en = {
   observeSourcesResize: !1,
   observeContentResize: !1
 };
-function tn(e, t, n, s) {
+function nn(e, t, n, s) {
   let r = 0;
   return e >= t && e <= n ? r = s ? (e - t) / s : 1 : e > n && (r = 1), r;
 }
-function Ie(e, t) {
+function Oe(e, t) {
   return e === window ? t ? window.document.documentElement.clientWidth : window.document.documentElement.clientHeight : t ? e.clientWidth : e.clientHeight;
 }
-function nn() {
+function sn() {
   return {
     viewportWidth: window.document.documentElement.clientWidth,
     viewportHeight: window.document.documentElement.clientHeight
   };
 }
-function sn(e) {
-  const t = ze(e, en), n = t.root, s = t.horizontal, r = /* @__PURE__ */ new WeakMap();
-  let i = Ie(n, s), o, a, f, l, c;
-  const u = [], d = nn();
+function rn(e) {
+  const t = Ne(e, tn), n = t.root, s = t.horizontal, r = /* @__PURE__ */ new WeakMap();
+  let i = Oe(n, s), o, c, u, l, a;
+  const f = [], d = sn();
   if (t.scenes = Object.values(
     // TODO(ameerf): find a polyfill and use groupBy instead of following reduce
     e.scenes.reduce(
-      (m, p, v) => {
-        const y = p.groupId ? `group-${p.groupId}` : String(v);
-        return m[y] ? m[y].push(p) : m[y] = [p], m;
+      (h, g, y) => {
+        const p = g.groupId ? `group-${g.groupId}` : String(y);
+        return h[p] ? h[p].push(g) : h[p] = [g], h;
       },
       {}
     )
-  ).flatMap((m) => (m.every((p) => p.viewSource && (typeof p.duration == "string" || p.start?.name)) ? (m = H(m, n, i, s, d), (t.observeSourcesResize || t.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);
-  }), m)), t.scenes.forEach((m, p) => {
-    m.index = p;
-  }), u.length) {
-    const m = /* @__PURE__ */ new Map();
-    window.ResizeObserver && (f = new window.ResizeObserver(function(p) {
-      p.forEach((v) => {
-        const y = m.get(v.target), E = H(y, n, i, s, d);
-        E.forEach((b, I) => {
-          t.scenes[b.index] = E[I];
-        }), u.splice(u.indexOf(y), 1, E);
+  ).flatMap((h) => (h.every((g) => g.viewSource && (typeof g.duration == "string" || g.start?.name)) ? (h = H(h, n, i, s, d), (t.observeSourcesResize || t.observeContentResize) && f.push(h)) : h.forEach((g) => {
+    g.end == null && (g.end = g.start + g.duration), g.duration == null && (g.duration = g.end - g.start);
+  }), h)), t.scenes.forEach((h, g) => {
+    h.index = g;
+  }), f.length) {
+    const h = /* @__PURE__ */ new Map();
+    window.ResizeObserver && (u = new window.ResizeObserver(function(g) {
+      g.forEach((y) => {
+        const p = h.get(y.target), w = H(p, n, i, s, d);
+        w.forEach((b, T) => {
+          t.scenes[b.index] = w[T];
+        }), f.splice(f.indexOf(p), 1, w);
       });
-    }), u.forEach((p) => {
-      f.observe(p[0].viewSource, { box: "border-box" }), m.set(p[0].viewSource, p);
-    }), t.observeContentResize && t.contentRoot && new window.ResizeObserver(be(() => {
-      const v = u.map((y) => {
-        const E = H(y, n, i, s, d);
-        return E.forEach((b, I) => {
-          t.scenes[b.index] = E[I];
-        }), E;
+    }), f.forEach((g) => {
+      u.observe(g[0].viewSource, { box: "border-box" }), h.set(g[0].viewSource, g);
+    }), t.observeContentResize && t.contentRoot && new window.ResizeObserver(Te(() => {
+      const y = f.map((p) => {
+        const w = H(p, n, i, s, d);
+        return w.forEach((b, T) => {
+          t.scenes[b.index] = w[T];
+        }), w;
       });
-      u.length = 0, u.push(...v), u.forEach((y) => {
-        m.set(y[0].viewSource, y);
+      f.length = 0, f.push(...y), f.forEach((p) => {
+        h.set(p[0].viewSource, p);
       });
-    }, Se)).observe(t.contentRoot, { box: "border-box" })), t.observeViewportResize && (l = be(function() {
-      i = Ie(n, s);
-      const p = u.map((v) => {
-        const y = H(v, n, i, s, d);
-        return y.forEach((E, b) => {
-          t.scenes[E.index] = y[b];
-        }), y;
+    }, Ie)).observe(t.contentRoot, { box: "border-box" })), t.observeViewportResize && (l = Te(function() {
+      i = Oe(n, s);
+      const g = f.map((y) => {
+        const p = H(y, n, i, s, d);
+        return p.forEach((w, b) => {
+          t.scenes[w.index] = p[b];
+        }), p;
       });
-      u.length = 0, u.push(...p), u.forEach((v) => {
-        m.set(v[0].viewSource, v);
+      f.length = 0, f.push(...g), f.forEach((y) => {
+        h.set(y[0].viewSource, y);
       });
-    }, Se), n === window ? window.addEventListener("resize", l) : window.ResizeObserver && (c = new window.ResizeObserver(l), c.observe(n, { box: "border-box" })));
+    }, Ie), n === window ? window.addEventListener("resize", l) : window.ResizeObserver && (a = new window.ResizeObserver(l), a.observe(n, { box: "border-box" })));
   }
-  t.observeViewportEntry && window.IntersectionObserver && (a = new window.IntersectionObserver(function(m) {
-    m.forEach((p) => {
-      (r.get(p.target) || []).forEach((v) => {
-        v.disabled = !p.isIntersecting;
+  t.observeViewportEntry && window.IntersectionObserver && (c = new window.IntersectionObserver(function(h) {
+    h.forEach((g) => {
+      (r.get(g.target) || []).forEach((y) => {
+        y.disabled = !g.isIntersecting;
       });
     });
   }, {
     root: n === window ? window.document : n,
     rootMargin: t.viewportRootMargin,
     threshold: 0
-  }), t.scenes.forEach((m) => {
-    if (m.viewSource) {
-      let p = r.get(m.viewSource);
-      p || (p = [], r.set(m.viewSource, p), a.observe(m.viewSource)), p.push(m);
+  }), t.scenes.forEach((h) => {
+    if (h.viewSource) {
+      let g = r.get(h.viewSource);
+      g || (g = [], r.set(h.viewSource, g), c.observe(h.viewSource)), g.push(h);
     }
   }));
-  function g({ p: m, vp: p }) {
-    m = +m.toFixed(1);
-    const v = +p.toFixed(4);
-    if (m !== o) {
-      for (let y of t.scenes)
-        if (!y.disabled) {
-          const { start: E, end: b, duration: I } = y, L = tn(m, E, b, I);
-          y.effect(y, L, v);
+  function v({ p: h, vp: g }) {
+    h = +h.toFixed(1);
+    const y = +g.toFixed(4);
+    if (h !== o) {
+      for (let p of t.scenes)
+        if (!p.disabled) {
+          const { start: w, end: b, duration: T } = p, C = nn(h, w, b, T);
+          p.effect(p, C, y);
         }
-      o = m;
+      o = h;
     }
   }
-  function h() {
-    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));
+  function m() {
+    t.scenes.forEach((h) => h.destroy?.()), c && (c.disconnect(), c = null), u && (u.disconnect(), u = null), l && (a ? (a.disconnect(), a = null) : window.removeEventListener("resize", l));
   }
   return {
-    tick: g,
-    destroy: h
+    tick: v,
+    destroy: m
   };
 }
-const rn = {
+const on = {
   transitionActive: !1,
   transitionFriction: 0.9,
   transitionEpsilon: 1,
   velocityActive: !1,
   velocityMax: 1
 };
-class on {
+class cn {
   constructor(t = {}) {
-    this.config = ze(t, rn), this.progress = {
+    this.config = Ne(t, on), this.progress = {
       p: 0,
       prevP: 0,
       vp: 0
@@ -1157,7 +1157,7 @@ class on {
     this.config.root = n ? window : this.config.root, this.config.contentRoot = this.config.contentRoot || (n ? window.document.body : this.config.root.firstElementChild), this.config.resetProgress = this.config.resetProgress || this.resetProgress.bind(this), this._measure = this.config.measure || (() => {
       const s = this.config.root;
       this.progress.p = this.config.horizontal ? s.scrollX || s.scrollLeft || 0 : s.scrollY || s.scrollTop || 0;
-    }), this._trigger = Yt(() => {
+    }), this._trigger = Gt(() => {
       this._measure?.(), this.tick(!0);
     });
   }
@@ -1203,7 +1203,7 @@ class on {
    * Calculate current progress.
    */
   lerp() {
-    this.currentProgress.p = jt(this.currentProgress.p, this.progress.p, +(1 - this.config.transitionFriction).toFixed(3), this.config.transitionEpsilon);
+    this.currentProgress.p = Yt(this.currentProgress.p, this.progress.p, +(1 - this.config.transitionFriction).toFixed(3), this.config.transitionEpsilon);
   }
   /**
    * Stop the event and effect, and remove all DOM side-effects.
@@ -1227,7 +1227,7 @@ class on {
    * Reset registered effect.
    */
   setupEffect() {
-    this.removeEffect(), this.effect = sn(this.config);
+    this.removeEffect(), this.effect = rn(this.config);
   }
   /**
    * Remove registered effect.
@@ -1236,22 +1236,22 @@ class on {
     this.effect && this.effect.destroy(), this.effect = null;
   }
 }
-const re = /* @__PURE__ */ new WeakMap();
-let De = () => ({});
+const oe = /* @__PURE__ */ new WeakMap();
+let Ve = () => ({});
 function an(e) {
-  De = e;
+  Ve = e;
 }
-function cn(e, t, n, s, { reducedMotion: r }) {
+function fn(e, t, n, s, { reducedMotion: r }) {
   if (r)
     return;
   const i = {
     trigger: "view-progress",
     element: e
-  }, o = x(n);
-  let a;
+  }, o = F(n);
+  let c;
   if ("ViewTimeline" in window) {
-    const l = ue(t, o, i);
-    l && (l.play(), a = () => {
+    const l = de(t, o, i);
+    l && (l.play(), c = () => {
       l.ready.then(() => {
         l.cancel();
       });
@@ -1259,175 +1259,40 @@ function cn(e, t, n, s, { reducedMotion: r }) {
   } else {
     const l = Me(t, o, i);
     if (l) {
-      const c = Array.isArray(l) ? l : [l], u = new on({
+      const a = Array.isArray(l) ? l : [l], f = new cn({
         viewSource: e,
-        scenes: c,
+        scenes: a,
         observeViewportEntry: !1,
         observeViewportResize: !1,
         observeSourcesResize: !0,
         root: document.body,
-        ...De()
+        ...Ve()
       });
-      a = () => {
-        u.destroy();
-      }, Promise.all(c.map((d) => d.ready || Promise.resolve())).then(
+      c = () => {
+        f.destroy();
+      }, Promise.all(a.map((d) => d.ready || Promise.resolve())).then(
         () => {
-          u.start();
+          f.start();
         }
       );
     }
   }
-  if (!a) return;
-  const f = { source: e, target: t, cleanup: a };
-  O(re, e, f), O(re, t, f);
+  if (!c) return;
+  const u = { source: e, target: t, cleanup: c };
+  I(oe, e, u), I(oe, t, u);
 }
-function fn(e) {
-  C(re, e);
+function ln(e) {
+  M(oe, e);
 }
-const ln = {
-  add: cn,
-  remove: fn,
+const un = {
+  add: fn,
+  remove: ln,
   registerOptionsGetter: an
-}, oe = /* @__PURE__ */ new WeakMap();
-function un(e, t, n, s = !1, r) {
-  const i = U(
-    e,
-    x(t),
-    void 0,
-    s
-  );
-  if (!i)
-    return null;
-  const o = n.type || "alternate";
-  let a = !0;
-  return (f) => {
-    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";
-      });
-    }), i.play()) : (f.type === "mouseleave" || f.type === "focusout") && (o === "alternate" ? i.reverse() : o === "repeat" ? (i.cancel(), S.mutate(() => {
-      delete e.dataset.interactEnter;
-    })) : o === "state" && i.playState === "running" && i.pause()));
-  };
-}
-function dn(e, t, {
-  effectId: n,
-  listContainer: s,
-  listItemSelector: r
-}, i, o) {
-  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)`
-    )), c.type === "mouseenter" || c.type === "focusin") {
-      const d = f ? "add" : a;
-      t.toggleEffect(n, d, 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: a }) {
-  let f, l = !1, c = !1;
-  if (n.transition || n.transitionProperties ? (f = dn(
-    t,
-    i,
-    n,
-    s,
-    o
-  ), l = !0) : (f = un(
-    t,
-    n,
-    s,
-    r,
-    o
-  ), 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), a && (e.removeEventListener("focusin", u), e.removeEventListener("focusout", d));
-  } };
-  O(oe, e, h), O(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) {
-  C(oe, e);
-}
-const Oe = {
-  add: hn,
-  remove: mn
-}, ae = /* @__PURE__ */ new WeakMap();
-function pn(e, t, n, s = !1, r) {
-  const i = U(
-    e,
-    x(t),
-    void 0,
-    s
-  );
-  if (!i)
-    return null;
-  let o = !0;
-  const a = n.type || "alternate";
-  return (f) => {
-    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";
-      });
-    }), i.play()));
-  };
-}
-function gn(e, t, {
-  effectId: n,
-  listContainer: s,
-  listItemSelector: r
-}, i, o) {
-  const a = !!s;
-  return (f) => {
-    if (o && !e.matches(o)) return;
-    let l;
-    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: a }) {
-  let f, l = !1;
-  if (n.transition || n.transitionProperties ? f = gn(
-    t,
-    i,
-    n,
-    s,
-    o
-  ) : (f = pn(
-    t,
-    n,
-    s,
-    r,
-    o
-  ), l = s.type === "once"), !f)
-    return;
-  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", c), a && e.removeEventListener("keydown", u);
-  } };
-  O(ae, e, g), O(ae, t, g), e.addEventListener("click", c, { passive: !0, once: l }), a && (e.tabIndex = 0, e.addEventListener("keydown", u, { once: l }));
-}
-function yn(e) {
-  C(ae, e);
-}
-const _e = {
-  add: vn,
-  remove: yn
 };
-function ke(e, t, n) {
+function _e(e, t, n) {
   return Math.min(Math.max(e, n), t);
 }
-function Te(e) {
+function ke(e) {
   let t = !1;
   return function() {
     if (!t)
@@ -1436,7 +1301,7 @@ function Te(e) {
       });
   };
 }
-function wn(e) {
+function dn(e) {
   let t = e, n = 0, s = 0;
   if (t.offsetParent)
     do
@@ -1449,7 +1314,7 @@ function wn(e) {
     height: e.offsetHeight
   };
 }
-function En() {
+function hn() {
   const e = window.devicePixelRatio;
   let t = !1;
   if (e === 1)
@@ -1462,13 +1327,13 @@ function En() {
   });
   return document.body.dispatchEvent(n), t;
 }
-function bn() {
+function mn() {
   return new Promise((e) => {
     const t = window.scrollY;
     let n = !1, s;
     function r() {
-      document.body.addEventListener("pointerdown", (a) => {
-        s === void 0 ? s = a.offsetY : n = a.offsetY === s;
+      document.body.addEventListener("pointerdown", (c) => {
+        s === void 0 ? s = c.offsetY : n = c.offsetY === s;
       }, { once: !0 });
       const o = new PointerEvent("pointerdown", {
         clientY: 500
@@ -1481,60 +1346,60 @@ function bn() {
     r(), window.addEventListener("scroll", i), window.scrollY > 0 && window.scrollBy(0, -1);
   });
 }
-function Sn(e) {
-  bn().then((t) => {
+function gn(e) {
+  mn().then((t) => {
     e.fixRequired = t, t && (window.addEventListener("scroll", e.scrollHandler), e.scrollHandler());
   });
 }
-let q = 0;
-const Y = /* @__PURE__ */ new Set();
-function In() {
+let z = 0;
+const K = /* @__PURE__ */ new Set();
+function vn() {
   const e = (n) => {
     for (let s of n.changedTouches)
-      Y.add(s.identifier);
+      K.add(s.identifier);
   }, t = (n) => {
     for (let s of n.changedTouches)
-      Y.delete(s.identifier);
+      K.delete(s.identifier);
   };
   return document.addEventListener("touchstart", e, { passive: !0 }), document.addEventListener("touchend", t, { passive: !0 }), function() {
-    Y.clear(), document.removeEventListener("touchstart", e), document.removeEventListener("touchend", t);
+    K.clear(), document.removeEventListener("touchstart", e), document.removeEventListener("touchend", t);
   };
 }
-function On(e, t) {
+function pn(e, t) {
   if ("onscrollend" in window)
     return e.addEventListener("scrollend", t), function() {
       e.removeEventListener("scrollend", t);
     };
   let n = 0, s;
-  q || (s = In()), q += 1;
+  z || (s = vn()), z += 1;
   function r(i) {
     clearTimeout(n), n = setTimeout(() => {
-      Y.size ? setTimeout(r, 100) : (t(i), n = 0);
+      K.size ? setTimeout(r, 100) : (t(i), n = 0);
     }, 100);
   }
   return e.addEventListener("scroll", r), function() {
-    e.removeEventListener("scroll", r), q -= 1, q || s();
+    e.removeEventListener("scroll", r), z -= 1, z || s();
   };
 }
-function _n(e, t, n) {
+function yn(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, a = i ? 0 : r - o / 2;
-      return (s - a) / o;
+      const r = e.left - n.x + e.width / 2, i = r >= t.width / 2, o = (i ? r : t.width - r) * 2, c = i ? 0 : r - o / 2;
+      return (s - c) / o;
     },
     y(s) {
-      const 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;
+      const r = e.top - n.y + e.height / 2, i = r >= t.height / 2, o = (i ? r : t.height - r) * 2, c = i ? 0 : r - o / 2;
+      return (s - c) / o;
     }
   };
 }
-function kn(e, t) {
+function En(e, t) {
   this.x = window.scrollX, this.y = window.scrollY, requestAnimationFrame(() => e && e(t));
 }
-function Tn(e) {
+function wn(e) {
   e.rect.width = window.document.documentElement.clientWidth, e.rect.height = window.document.documentElement.clientHeight;
 }
-function xn(e) {
+function bn(e) {
   const t = new ResizeObserver((n) => {
     n.forEach((s) => {
       e.rect.width = s.borderBoxSize[0].inlineSize, e.rect.height = s.borderBoxSize[0].blockSize;
@@ -1542,38 +1407,38 @@ function xn(e) {
   });
   return t.observe(e.root, { box: "border-box" }), t;
 }
-function Cn(e) {
-  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((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(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);
+function Sn(e) {
+  let t = !1, n = { x: e.rect.width / 2, y: e.rect.height / 2, vx: 0, vy: 0 }, s, r, i, o, c;
+  const u = { x: 0, y: 0 };
+  e.scenes.forEach((a) => {
+    a.target && a.centeredToTarget && (a.transform = yn(dn(a.target), e.rect, u), t = !0), e.root ? r = bn(e) : (i = wn.bind(null, e), window.addEventListener("resize", i));
+  }), s = function(a) {
+    for (let f of e.scenes)
+      if (!f.disabled) {
+        const d = f.transform?.x(a.x) || a.x / e.rect.width, v = f.transform?.y(a.y) || a.y / e.rect.height, m = +_e(0, 1, d).toPrecision(4), h = +_e(0, 1, v).toPrecision(4), g = { x: a.vx, y: a.vy };
+        e.allowActiveEvent && (a.active = d <= 1 && v <= 1 && d >= 0 && v >= 0), f.effect(f, { x: m, y: h }, g, a.active);
       }
-    Object.assign(n, c);
-  }, t && (o = kn.bind(f, s, n), a = On(document, o));
+    Object.assign(n, a);
+  }, t && (o = En.bind(u, s, n), c = pn(document, o));
   function l() {
-    e.scenes.forEach((c) => c.destroy?.()), a?.(), r ? (r.disconnect(), r = null) : (window.removeEventListener("resize", i), i = null), s = null, n = null;
+    e.scenes.forEach((a) => a.destroy?.()), c?.(), r ? (r.disconnect(), r = null) : (window.removeEventListener("resize", i), i = null), s = null, n = null;
   }
   return {
     tick: s,
     destroy: l
   };
 }
-const Ln = 1e3 / 60 * 3;
-let z;
-function An() {
-  k.x = window.scrollX, k.y = window.scrollY;
+const Tn = 1e3 / 60 * 3;
+let N;
+function In() {
+  _.x = window.scrollX, _.y = window.scrollY;
 }
-const k = { x: 0, y: 0, scrollHandler: An, fixRequired: void 0 };
-class Pn {
+const _ = { x: 0, y: 0, scrollHandler: In, fixRequired: void 0 };
+class On {
   constructor(t = {}) {
     this.config = { ...t }, this.effect = null, this._nextTick = null, this._nextTransitionTick = null, this._startTime = 0;
     let n;
-    this.config.transitionDuration ? n = this.config.noThrottle ? () => this.transition() : Te(() => this.transition()) : n = this.config.noThrottle ? () => (this.tick(), null) : Te(() => {
+    this.config.transitionDuration ? n = this.config.noThrottle ? () => this.transition() : ke(() => this.transition()) : n = this.config.noThrottle ? () => (this.tick(), null) : ke(() => {
       this.tick();
     }), this.config.rect = this.config.root ? {
       width: this.config.root.offsetWidth,
@@ -1596,15 +1461,15 @@ class Pn {
     }, this._pointerEnter = () => {
       this.progress.active = !0, this._nextTick = n();
     }, this.config.root) {
-      z = typeof z == "boolean" ? z : En();
-      const r = z ? window.devicePixelRatio : 1;
-      typeof k.fixRequired > "u" && Sn(k), this._measure = (i) => {
+      N = typeof N == "boolean" ? N : hn();
+      const r = N ? window.devicePixelRatio : 1;
+      typeof _.fixRequired > "u" && gn(_), this._measure = (i) => {
         if (i.target !== this.config.root) {
           const o = new PointerEvent("pointermove", {
             bubbles: !0,
             cancelable: !0,
-            clientX: i.x * r + k.x,
-            clientY: i.y * r + k.y
+            clientX: i.x * r + _.x,
+            clientY: i.y * r + _.y
           });
           i.stopPropagation(), this.config.root.dispatchEvent(o);
         } else
@@ -1640,8 +1505,8 @@ class Pn {
     const t = this.config.transitionDuration, n = this.config.transitionEasing || ((o) => o), s = performance.now();
     let r = !1;
     const i = (o) => {
-      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 > Ln), this.effect.tick(this.currentProgress);
+      const c = (o - this._startTime) / t, u = 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, f]) => (a === "active" ? l[a] = f : l[a] = this.previousProgress[a] + (f - this.previousProgress[a]) * u, l), this.currentProgress || {}), c < 1 && (this._nextTransitionTick = requestAnimationFrame(i), r = o - this._startTime > Tn), 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;
   }
@@ -1670,7 +1535,7 @@ class Pn {
    * Reset registered effect.
    */
   setupEffect() {
-    this.removeEffect(), this.effect = Cn(this.config);
+    this.removeEffect(), this.effect = Sn(this.config);
   }
   /**
    * Remove registered effect.
@@ -1680,88 +1545,249 @@ class Pn {
   }
 }
 const ce = /* @__PURE__ */ new WeakMap();
-let Ne = () => ({});
-function $n(e) {
-  Ne = e;
+let De = () => ({});
+function _n(e) {
+  De = e;
 }
-function Rn(e, t, n, s = {}, { reducedMotion: r }) {
+function kn(e, t, n, s = {}, { reducedMotion: r }) {
   if (r)
     return;
   const i = {
     trigger: "pointer-move",
     element: e,
     axis: s.axis ?? "y"
-  }, o = Me(t, x(n), i);
+  }, o = Me(t, F(n), i);
   if (o) {
-    const a = Array.isArray(o) ? o : [o], f = new Pn({
+    const c = Array.isArray(o) ? o : [o], u = new On({
       root: s.hitArea === "self" ? e : void 0,
-      scenes: a,
-      ...Ne()
-    }), c = { source: e, target: t, cleanup: () => {
-      f.destroy();
+      scenes: c,
+      ...De()
+    }), a = { source: e, target: t, cleanup: () => {
+      u.destroy();
     } };
-    O(ce, e, c), O(ce, t, c), Promise.all(
-      a.map((u) => u.ready || Promise.resolve())
+    I(ce, e, a), I(ce, t, a), Promise.all(
+      c.map((f) => f.ready || Promise.resolve())
     ).then(() => {
-      f.start();
+      u.start();
     });
   }
 }
-function Mn(e) {
-  C(ce, e);
-}
-const Fn = {
-  add: Rn,
-  remove: Mn,
-  registerOptionsGetter: $n
-}, fe = /* @__PURE__ */ new WeakMap();
-function Hn(e, t, n, s, { reducedMotion: r, selectorCondition: i }) {
-  const o = U(
+function Cn(e) {
+  M(ce, e);
+}
+const xn = {
+  add: kn,
+  remove: Cn,
+  registerOptionsGetter: _n
+}, ae = /* @__PURE__ */ new WeakMap();
+function An(e, t, n, s, { reducedMotion: r, selectorCondition: i }) {
+  const o = he(
     t,
-    x(n),
+    F(n),
     void 0,
     r
   );
   if (!o)
     return;
-  const a = () => {
+  const c = () => {
     i && !t.matches(i) || o.play();
   }, l = { source: e, target: t, cleanup: () => {
-    o.cancel(), e.removeEventListener("animationend", a);
+    o.cancel(), e.removeEventListener("animationend", c);
   } };
-  O(fe, e, l), O(fe, t, l), e.addEventListener("animationend", a);
+  I(ae, e, l), I(ae, t, l), e.addEventListener("animationend", c);
 }
-function qn(e) {
-  C(fe, e);
+function Ln(e) {
+  M(ae, e);
 }
-const zn = {
-  add: Hn,
-  remove: qn
+const Pn = {
+  add: An,
+  remove: Ln
 };
-function xe(e) {
-  return {
-    add: (t, n, s, r, i) => e.add(t, n, s, r, {
-      ...i,
-      allowA11yTriggers: !0
-    }),
-    remove: e.remove
+function Rn(e, t, n, s = !1, r, i) {
+  const o = he(
+    e,
+    F(t),
+    void 0,
+    s
+  );
+  if (!o)
+    return null;
+  let c = !0;
+  const u = n.type || "alternate";
+  return (l) => {
+    if (r && !e.matches(r)) return;
+    const a = !i, f = i?.enter?.includes(l.type), d = i?.leave?.includes(l.type);
+    if (f || a) {
+      u === "alternate" || u === "state" ? c ? (c = !1, o.play()) : u === "alternate" ? o.reverse() : u === "state" && (o.playState === "running" ? o.pause() : o.playState !== "finished" && o.play()) : (o.progress(0), delete e.dataset.interactEnter, o.isCSS && o.onFinish(() => {
+        S.mutate(() => {
+          e.dataset.interactEnter = "done";
+        });
+      }), o.play());
+      return;
+    }
+    d && (u === "alternate" ? o.reverse() : u === "repeat" ? (o.cancel(), S.mutate(() => {
+      delete e.dataset.interactEnter;
+    })) : u === "state" && o.playState === "running" && o.pause());
+  };
+}
+function $n(e, t, {
+  effectId: n,
+  listContainer: s,
+  listItemSelector: r
+}, i, o, c) {
+  const u = !!s, l = i.method || "toggle", a = l === "toggle";
+  return (f) => {
+    if (o && !e.matches(o)) return;
+    const d = u ? e.closest(
+      `${s} > ${r || ""}:has(:scope)`
+    ) : void 0, v = !c, m = c?.enter?.includes(f.type), h = c?.leave?.includes(f.type);
+    v ? t.toggleEffect(n, l, d) : (m && t.toggleEffect(n, a ? "add" : l, d), h && a && t.toggleEffect(n, "remove", d));
+  };
+}
+const fe = /* @__PURE__ */ new WeakMap();
+function Ce(e, t) {
+  return (n) => {
+    const s = n;
+    e.contains(s.relatedTarget) || t(s);
   };
 }
-const $ = {
-  viewEnter: Ee,
-  hover: Oe,
-  click: _e,
-  pageVisible: Ee,
-  animationEnd: zn,
-  viewProgress: ln,
-  pointerMove: Fn,
-  activate: xe(_e),
-  interest: xe(Oe)
+function Fn(e) {
+  return (t) => {
+    const n = t;
+    n.pointerType && e(n);
+  };
+}
+function Mn(e) {
+  return (t) => {
+    const n = t;
+    n.code === "Space" ? (n.preventDefault(), e(n)) : n.code === "Enter" && e(n);
+  };
+}
+const qn = {
+  focusin: (e, t) => Ce(e, t),
+  focusout: (e, t) => Ce(e, t),
+  click: (e, t) => Fn(t),
+  keydown: (e, t) => Mn(t)
 };
+function Hn(e, t, n) {
+  const s = qn[e];
+  return s ? s(t, n) : (r) => n(r);
+}
+function zn(e) {
+  return typeof e == "object" && !Array.isArray(e) && ("enter" in e || "leave" in e);
+}
+function Nn(e) {
+  if (typeof e == "string")
+    return { toggle: [e] };
+  if (Array.isArray(e))
+    return { toggle: [...e] };
+  if (zn(e)) {
+    const t = e.enter ? [...e.enter] : [], n = e.leave ? [...e.leave] : [];
+    return { enter: t, leave: n };
+  }
+  return {};
+}
+function Vn(e) {
+  return !!(e.enter?.length || e.leave?.length);
+}
 function Dn(e) {
+  return Vn(e) ? { enter: e.enter ?? [], leave: e.leave ?? [] } : void 0;
+}
+function Wn(e, t, n, s, { reducedMotion: r, targetController: i, selectorCondition: o }) {
+  const c = Nn(s.eventConfig), u = n.transition || n.transitionProperties, l = Dn(c);
+  let a, f = !1;
+  if (u ? a = $n(
+    t,
+    i,
+    n,
+    s,
+    o,
+    l
+  ) : (a = Rn(
+    t,
+    n,
+    s,
+    r,
+    o,
+    l
+  ), f = s.type === "once"), !a)
+    return;
+  const d = a, v = new AbortController();
+  function m(y, p, w) {
+    const b = Hn(p, e, d);
+    y.addEventListener(p, b, { ...w, signal: v.signal });
+  }
+  const g = { source: e, target: t, cleanup: () => {
+    v.abort();
+  } };
+  if (I(fe, e, g), I(fe, t, g), l) {
+    const y = c.enter, p = c.leave;
+    y.forEach((b) => {
+      b === "focusin" && (e.tabIndex = 0), m(e, b, { passive: !0, once: f });
+    }), (u ? s.method === "toggle" : s.type !== "once") && p.forEach((b) => {
+      if (b === "focusout") {
+        m(e, b, { once: f });
+        return;
+      }
+      m(e, b, { passive: !0 });
+    });
+  } else
+    (c.toggle ?? []).forEach((p) => {
+      m(e, p, { once: f, passive: p !== "keydown" });
+    });
+}
+function jn(e) {
+  M(fe, e);
+}
+const A = {
+  add: Wn,
+  remove: jn
+}, le = {
+  click: ["click"],
+  activate: ["click", "keydown"],
+  hover: { enter: ["mouseenter"], leave: ["mouseleave"] },
+  interest: {
+    enter: ["mouseenter", "focusin"],
+    leave: ["mouseleave", "focusout"]
+  }
+}, xe = {
+  click: le.activate,
+  hover: le.interest
+};
+function V(e) {
+  const t = le[e];
+  return (n, s, r, i, o) => {
+    const c = o?.allowA11yTriggers && e in xe ? xe[e] : t;
+    A.add(n, s, r, { ...i, eventConfig: c }, o ?? {});
+  };
+}
+const P = {
+  viewEnter: Se,
+  hover: {
+    add: V("hover"),
+    remove: A.remove
+  },
+  click: {
+    add: V("click"),
+    remove: A.remove
+  },
+  pageVisible: Se,
+  animationEnd: Pn,
+  viewProgress: un,
+  pointerMove: xn,
+  activate: {
+    add: V("activate"),
+    remove: A.remove
+  },
+  interest: {
+    add: V("interest"),
+    remove: A.remove
+  }
+};
+function Yn(e) {
   return e.replace(/\[([-\w]+)]/g, "[]");
 }
-class w {
+class E {
   static defineInteractElement;
   dataCache;
   addedInteractions;
@@ -1778,12 +1804,12 @@ class w {
   init(t, n) {
     if (typeof window > "u" || !window.customElements)
       return;
-    const s = n?.useCutsomElement ?? !!w.defineInteractElement;
-    this.dataCache = Vn(t, s);
-    const r = w.defineInteractElement?.();
+    const s = n?.useCutsomElement ?? !!E.defineInteractElement;
+    this.dataCache = Kn(t, s);
+    const r = E.defineInteractElement?.();
     s && r === !1 ? document.querySelectorAll("interact-element").forEach((i) => {
       i.connect();
-    }) : w.controllerCache.forEach(
+    }) : E.controllerCache.forEach(
       (i, o) => i.connect(o)
     );
   }
@@ -1792,20 +1818,20 @@ class w {
       t.disconnect();
     for (const [, t] of this.mediaQueryListeners.entries())
       t.mql.removeEventListener("change", t.handler);
-    this.mediaQueryListeners.clear(), this.addedInteractions = {}, this.listInteractionsCache = {}, this.controllers.clear(), this.dataCache = { effects: {}, conditions: {}, interactions: {} }, w.instances.splice(w.instances.indexOf(this), 1);
+    this.mediaQueryListeners.clear(), this.addedInteractions = {}, this.listInteractionsCache = {}, this.controllers.clear(), this.dataCache = { effects: {}, conditions: {}, interactions: {} }, E.instances.splice(E.instances.indexOf(this), 1);
   }
   setController(t, n) {
-    this.controllers.add(n), w.setController(t, n);
+    this.controllers.add(n), E.setController(t, n);
   }
   deleteController(t, n = !1) {
-    const s = w.controllerCache.get(t);
-    this.clearInteractionStateForKey(t), this.clearMediaQueryListenersForKey(t), s && n && (this.controllers.delete(s), w.deleteController(t));
+    const s = E.controllerCache.get(t);
+    this.clearInteractionStateForKey(t), this.clearMediaQueryListenersForKey(t), s && n && (this.controllers.delete(s), E.deleteController(t));
   }
   has(t) {
     return !!this.get(t);
   }
   get(t) {
-    const n = Dn(t);
+    const n = Yn(t);
     return this.dataCache.interactions[n];
   }
   clearMediaQueryListenersForKey(t) {
@@ -1826,39 +1852,39 @@ class w {
     }));
   }
   static create(t, n) {
-    const s = new w();
-    return w.instances.push(s), s.init(t, n), s;
+    const s = new E();
+    return E.instances.push(s), s.init(t, n), s;
   }
   static destroy() {
-    w.controllerCache.forEach((t) => {
+    E.controllerCache.forEach((t) => {
       t.disconnect();
-    }), w.instances.length = 0, w.controllerCache.clear();
+    }), E.instances.length = 0, E.controllerCache.clear();
   }
   static setup(t) {
-    t.scrollOptionsGetter && $.viewProgress.registerOptionsGetter?.(
+    t.scrollOptionsGetter && P.viewProgress.registerOptionsGetter?.(
       t.scrollOptionsGetter
-    ), t.pointerOptionsGetter && $.pointerMove.registerOptionsGetter?.(
+    ), t.pointerOptionsGetter && P.pointerMove.registerOptionsGetter?.(
       t.pointerOptionsGetter
-    ), t.viewEnter && $.viewEnter.setOptions(
+    ), t.viewEnter && P.viewEnter.setOptions(
       t.viewEnter
-    ), t.allowA11yTriggers !== void 0 && (w.allowA11yTriggers = t.allowA11yTriggers);
+    ), t.allowA11yTriggers !== void 0 && (E.allowA11yTriggers = t.allowA11yTriggers);
   }
   static getInstance(t) {
-    return w.instances.find((n) => n.has(t));
+    return E.instances.find((n) => n.has(t));
   }
   static getController(t) {
-    return t ? w.controllerCache.get(t) : void 0;
+    return t ? E.controllerCache.get(t) : void 0;
   }
   static setController(t, n) {
-    w.controllerCache.set(t, n);
+    E.controllerCache.set(t, n);
   }
   static deleteController(t) {
-    w.controllerCache.delete(t);
+    E.controllerCache.delete(t);
   }
   static registerEffects = kt;
 }
-let Nn = 0;
-function X(e, {
+let Gn = 0;
+function J(e, {
   asCombinator: t = !1,
   addItemFilter: n = !1,
   useFirstChild: s = !1
@@ -1870,10 +1896,10 @@ function X(e, {
     return e.selector;
   return s ? t ? "> :first-child" : ":scope > :first-child" : "";
 }
-function Vn(e, t = !1) {
+function Kn(e, t = !1) {
   const n = e.conditions || {}, s = {};
   return e.interactions?.forEach((r) => {
-    const i = r.key, o = ++Nn, { effects: a, ...f } = r;
+    const i = r.key, o = ++Gn, { effects: c, ...u } = r;
     if (!i) {
       console.error(`Interaction ${o} is missing a key for source element.`);
       return;
@@ -1884,32 +1910,32 @@ function Vn(e, t = !1) {
       interactionIds: /* @__PURE__ */ new Set(),
       selectors: /* @__PURE__ */ new Set()
     });
-    const l = Array.from(a);
+    const l = Array.from(c);
     l.reverse();
-    const c = { ...f, effects: l };
-    s[i].triggers.push(c), s[i].selectors.add(
-      X(c, { useFirstChild: t })
+    const a = { ...u, effects: l };
+    s[i].triggers.push(a), s[i].selectors.add(
+      J(a, { useFirstChild: t })
     );
-    const u = c.listContainer;
+    const f = a.listContainer;
     l.forEach((d) => {
-      let g = d.key;
-      if (!g && d.effectId) {
-        const p = e.effects[d.effectId];
-        p && (g = p.key);
+      let v = d.key;
+      if (!v && d.effectId) {
+        const g = e.effects[d.effectId];
+        g && (v = g.key);
       }
-      d.effectId || (d.effectId = Mt()), g = g || i, d.key = g;
-      const h = d.effectId;
-      if (u && d.listContainer && (g !== i || d.listContainer !== u))
+      d.effectId || (d.effectId = Mt()), v = v || i, d.key = v;
+      const m = d.effectId;
+      if (f && d.listContainer && (v !== i || d.listContainer !== f))
         return;
-      const m = `${g}::${h}::${o}`;
-      d.interactionId = m, s[i].interactionIds.add(m), g !== i && (s[g] ? s[g].effects[m] || (s[g].effects[m] = [], s[g].interactionIds.add(m)) : s[g] = {
+      const h = `${i}::${v}::${m}::${o}`;
+      d.interactionId = h, s[i].interactionIds.add(h), v !== i && (s[v] ? s[v].effects[h] || (s[v].effects[h] = [], s[v].interactionIds.add(h)) : s[v] = {
         triggers: [],
         effects: {
-          [m]: []
+          [h]: []
         },
         interactionIds: /* @__PURE__ */ new Set(),
         selectors: /* @__PURE__ */ new Set()
-      }, s[g].effects[m].push({ ...f, effect: d }), s[g].selectors.add(X(d, { useFirstChild: t })));
+      }, s[v].effects[h].push({ ...u, effect: d }), s[v].selectors.add(J(d, { useFirstChild: t })));
     });
   }), {
     effects: e.effects || {},
@@ -1917,7 +1943,7 @@ function Vn(e, t = !1) {
     interactions: s
   };
 }
-function Ce(e, t, n) {
+function Ae(e, t, n) {
   if (e.listContainer) {
     const s = t.querySelector(e.listContainer);
     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}"`), []);
@@ -1933,32 +1959,32 @@ function Ce(e, t, n) {
 function Le(e, t) {
   return t.map((n) => e.selector ? n.querySelector(e.selector) : n).filter(Boolean);
 }
-function Ve(e, t, n, s, r, i, o, a) {
+function We(e, t, n, s, r, i, o, c) {
   return [
-    o ? Le(e, o) : Ce(e, n, s),
-    a ? Le(t, a) : Ce(t, r, i)
+    o ? Le(e, o) : Ae(e, n, s),
+    c ? Le(t, c) : Ae(t, r, i)
   ];
 }
-function We(e, t, n, s, r, i, o) {
-  const a = Array.isArray(s), f = Array.isArray(r);
-  a ? s.forEach((l, c) => {
-    const u = f ? r[c] : r;
-    u && Ae(
+function je(e, t, n, s, r, i, o) {
+  const c = Array.isArray(s), u = Array.isArray(r);
+  c ? s.forEach((l, a) => {
+    const f = u ? r[a] : r;
+    f && Pe(
       e,
       l,
       t.trigger,
-      u,
+      f,
       n,
       t.params,
       i,
       o
     );
-  }) : (f ? r : [r]).forEach((c) => {
-    Ae(
+  }) : (u ? r : [r]).forEach((a) => {
+    Pe(
       e,
       s,
       t.trigger,
-      c,
+      a,
       n,
       t.params,
       i,
@@ -1966,184 +1992,184 @@ function We(e, t, n, s, r, i, o) {
     );
   });
 }
-function je(e, t, n, s, r) {
+function Ye(e, t, n, s, r) {
   const i = {}, o = [];
-  s.effects.forEach((a) => {
-    const f = a.effectId, l = {
-      ...n.dataCache.effects[f] || {},
-      ...a,
-      effectId: f
-    }, c = l.key, u = R(a.interactionId, e);
-    if (i[u] || n.addedInteractions[u] && !r)
+  s.effects.forEach((c) => {
+    const u = c.effectId, l = {
+      ...n.dataCache.effects[u] || {},
+      ...c,
+      effectId: u
+    }, a = l.key, f = R(c.interactionId, e);
+    if (i[f] || n.addedInteractions[f] && !r)
       return;
-    const d = M(l.conditions || [], n.dataCache.conditions);
-    if (d && n.setupMediaQueryListener(u, d, e, () => {
+    const d = $(l.conditions || [], n.dataCache.conditions);
+    if (d && n.setupMediaQueryListener(f, d, e, () => {
       t.update();
     }), !d || d.matches) {
-      i[u] = !0;
-      const g = c && R(c, e);
-      let h;
-      if (g) {
-        if (h = w.getController(g), !h)
+      i[f] = !0;
+      const v = a && R(a, e);
+      let m;
+      if (v) {
+        if (m = E.getController(v), !m)
           return;
-        l.listContainer && h.watchChildList(l.listContainer);
+        l.listContainer && m.watchChildList(l.listContainer);
       } else
-        h = t;
-      const [m, p] = Ve(
+        m = t;
+      const [h, g] = We(
         s,
         l,
         t.element,
         t.useFirstChild,
-        h.element,
-        h.useFirstChild,
+        m.element,
+        m.useFirstChild,
         r
       );
-      if (!m || !p)
+      if (!h || !g)
         return;
-      n.addedInteractions[u] = !0;
-      const v = g || s.key, y = G(
+      n.addedInteractions[f] = !0;
+      const y = v || s.key, p = Q(
         l.conditions || [],
         n.dataCache.conditions
       );
       o.push([
-        v,
+        y,
         s,
         l,
-        m,
+        h,
+        g,
         p,
-        y,
-        h.useFirstChild
+        m.useFirstChild
       ]);
     }
-  }), o.reverse().forEach((a) => {
-    We(...a);
+  }), o.reverse().forEach((c) => {
+    je(...c);
   });
 }
-function Ye(e, t, n, s, r) {
-  const i = n.get(e)?.effects || {}, o = Object.keys(i), a = [];
-  return o.forEach((f) => {
-    const l = R(f, e);
+function Ge(e, t, n, s, r) {
+  const i = n.get(e)?.effects || {}, o = Object.keys(i), c = [];
+  return o.forEach((u) => {
+    const l = R(u, e);
     if (n.addedInteractions[l] && !r)
       return;
-    i[f].some(({ effect: u, ...d }) => {
-      const g = M(
+    i[u].some(({ effect: f, ...d }) => {
+      const v = $(
         d.conditions || [],
         n.dataCache.conditions
       );
-      if (g && !g.matches)
+      if (v && !v.matches)
         return !1;
-      const h = u.effectId, m = {
-        ...n.dataCache.effects[h] || {},
-        ...u,
-        effectId: h
+      const m = f.effectId, h = {
+        ...n.dataCache.effects[m] || {},
+        ...f,
+        effectId: m
       };
-      if (s && m.listContainer !== s)
+      if (s && h.listContainer !== s)
         return !1;
-      const p = M(m.conditions || [], n.dataCache.conditions);
-      if (p && n.setupMediaQueryListener(l, p, e, () => {
+      const g = $(h.conditions || [], n.dataCache.conditions);
+      if (g && n.setupMediaQueryListener(l, g, e, () => {
         t.update();
-      }), !p || p.matches) {
-        const v = d.key && R(d.key, e), y = w.getController(v);
-        if (!y)
+      }), !g || g.matches) {
+        const y = d.key && R(d.key, e), p = E.getController(y);
+        if (!p)
           return !0;
-        m.listContainer && t.watchChildList(m.listContainer);
-        const [E, b] = Ve(
+        h.listContainer && t.watchChildList(h.listContainer);
+        const [w, b] = We(
           d,
-          m,
-          y.element,
-          y.useFirstChild,
+          h,
+          p.element,
+          p.useFirstChild,
           t.element,
           t.useFirstChild,
           void 0,
           r
         );
-        if (!E || !b)
+        if (!w || !b)
           return !0;
         n.addedInteractions[l] = !0;
-        const I = G(
-          m.conditions || [],
+        const T = Q(
+          h.conditions || [],
           n.dataCache.conditions
         );
-        return a.push([
+        return c.push([
           e,
           d,
-          m,
-          E,
+          h,
+          w,
           b,
-          I,
+          T,
           t.useFirstChild
         ]), !0;
       }
       return !1;
     });
-  }), a.reverse().forEach((f) => {
-    We(...f);
+  }), c.reverse().forEach((u) => {
+    je(...u);
   }), o.length > 0;
 }
-function Ae(e, t, n, s, r, i, o, a) {
-  let f;
+function Pe(e, t, n, s, r, i, o, c) {
+  let u;
   if (r.transition || r.transitionProperties) {
     const l = {
       key: e,
       effectId: r.effectId,
       transition: r.transition,
       properties: r.transitionProperties,
-      childSelector: X(r, {
+      childSelector: J(r, {
         asCombinator: !0,
         addItemFilter: !0,
-        useFirstChild: a
+        useFirstChild: c
       }),
       selectorCondition: o
     };
-    if (f = w.getController(e), !f)
+    if (u = E.getController(e), !u)
       return;
-    f.renderStyle(Ft(l));
+    u.renderStyle(qt(l));
   }
-  $[n]?.add(t, s, r, i, {
-    reducedMotion: w.forceReducedMotion,
-    targetController: f,
+  P[n]?.add(t, s, r, i, {
+    reducedMotion: E.forceReducedMotion,
+    targetController: u,
     selectorCondition: o,
-    allowA11yTriggers: w.allowA11yTriggers
+    allowA11yTriggers: E.allowA11yTriggers
   });
 }
-function Wn(e) {
-  const t = e.key, n = w.getInstance(t);
+function Bn(e) {
+  const t = e.key, n = E.getInstance(t);
   if (!n)
-    return console.warn(`No instance found for key: ${t}`), w.setController(t, e), !1;
+    return console.warn(`No instance found for key: ${t}`), E.setController(t, e), !1;
   const { triggers: s = [] } = n?.get(t) || {}, r = s.length > 0;
-  n.setController(t, e), s.forEach((o, a) => {
-    const f = M(o.conditions, n.dataCache.conditions);
-    if (f) {
-      const l = `${t}::trigger::${a}`;
-      n.setupMediaQueryListener(l, f, t, () => {
+  n.setController(t, e), s.forEach((o, c) => {
+    const u = $(o.conditions, n.dataCache.conditions);
+    if (u) {
+      const l = `${t}::trigger::${c}`;
+      n.setupMediaQueryListener(l, u, t, () => {
         e.update();
       });
     }
-    (!f || f.matches) && (o.listContainer && e.watchChildList(o.listContainer), je(t, e, n, o));
+    (!u || u.matches) && (o.listContainer && e.watchChildList(o.listContainer), Ye(t, e, n, o));
   });
   let i = !1;
-  return n && (i = Ye(t, e, n)), r || i;
+  return n && (i = Ge(t, e, n)), r || i;
 }
-function jn(e, t, n) {
-  const s = e.key, r = w.getInstance(s);
+function Qn(e, t, n) {
+  const s = e.key, r = E.getInstance(s);
   if (r) {
     const { triggers: i = [] } = r?.get(s) || {};
-    i.forEach((o, a) => {
+    i.forEach((o, c) => {
       if (o.listContainer !== t)
         return;
-      const f = M(o.conditions, r.dataCache.conditions);
-      if (f) {
-        const l = `${s}::listTrigger::${t}::${a}`;
-        r.setupMediaQueryListener(l, f, s, () => {
+      const u = $(o.conditions, r.dataCache.conditions);
+      if (u) {
+        const l = `${s}::listTrigger::${t}::${c}`;
+        r.setupMediaQueryListener(l, u, s, () => {
           e.update();
         });
       }
-      (!f || f.matches) && je(s, e, r, o, n);
-    }), Ye(s, e, r, t, n);
+      (!u || u.matches) && Ye(s, e, r, o, n);
+    }), Ge(s, e, r, t, n);
   }
 }
-function Yn(e, t = !1) {
-  const n = e.key, s = w.getInstance(n);
+function Xn(e, t = !1) {
+  const n = e.key, s = E.getInstance(n);
   if (!s)
     return;
   const r = [...s.get(n)?.selectors.values() || []].filter(Boolean).join(",");
@@ -2151,13 +2177,13 @@ function Yn(e, t = !1) {
   r ? (i = [...e.element.querySelectorAll(r)], e.useFirstChild || i.push(e.element)) : i = [e.element], Ke(i), s.deleteController(n, t);
 }
 function Ke(e) {
-  const t = Object.values($);
+  const t = Object.values(P);
   for (const n of e)
     for (const s of t)
       s.remove(n);
 }
-const se = "interactEffect";
-class Kn {
+const ie = "interactEffect";
+class Un {
   element;
   key;
   connected;
@@ -2177,10 +2203,10 @@ class Kn {
     }
     n !== t && (n && console.warn(
       `Interact: Key mismatch between element ${n} and parameter ${t}, updating element key`
-    ), this.element.dataset.interactKey = t), this.key = t, this.connected = Wn(this);
+    ), this.element.dataset.interactKey = t), this.key = t, this.connected = Bn(this);
   }
   disconnect({ removeFromCache: t = !1 } = {}) {
-    if ((this.key || this.element.dataset.interactKey) && Yn(this, t), this.sheet) {
+    if ((this.key || this.element.dataset.interactKey) && Xn(this, t), this.sheet) {
       const s = document.adoptedStyleSheets.indexOf(this.sheet);
       document.adoptedStyleSheets.splice(s, 1);
     }
@@ -2211,12 +2237,12 @@ class Kn {
       return;
     }
     const i = new Set(
-      this.element.dataset[se]?.split(" ") || []
+      this.element.dataset[ie]?.split(" ") || []
     );
-    n === "toggle" ? i.has(t) ? i.delete(t) : i.add(t) : n === "add" ? i.add(t) : n === "remove" ? i.delete(t) : n === "clear" && i.clear(), (s || this.element).dataset[se] = Array.from(i).join(" ");
+    n === "toggle" ? i.has(t) ? i.delete(t) : i.add(t) : n === "add" ? i.add(t) : n === "remove" ? i.delete(t) : n === "clear" && i.clear(), (s || this.element).dataset[ie] = Array.from(i).join(" ");
   }
   getActiveEffects() {
-    const n = (this.element.dataset[se] || "").trim();
+    const n = (this.element.dataset[ie] || "").trim();
     return n ? n.split(/\s+/) : [];
   }
   watchChildList(t) {
@@ -2229,66 +2255,66 @@ class Kn {
   _childListChangeHandler(t, n) {
     const s = this.key || this.element.dataset.interactKey, r = [], i = [];
     n.forEach((o) => {
-      o.removedNodes.forEach((a) => {
-        a instanceof HTMLElement && r.push(a);
-      }), o.addedNodes.forEach((a) => {
-        a instanceof HTMLElement && i.push(a);
+      o.removedNodes.forEach((c) => {
+        c instanceof HTMLElement && r.push(c);
+      }), o.addedNodes.forEach((c) => {
+        c instanceof HTMLElement && i.push(c);
       });
-    }), Ke(r), s && jn(this, t, i);
+    }), Ke(r), s && Qn(this, t, i);
   }
 }
-function Un(e, t) {
-  new Kn(e, t).connect();
+function ns(e, t) {
+  new Un(e, t).connect();
 }
-function Jn(e) {
-  const t = w.getController(e);
+function ss(e) {
+  const t = E.getController(e);
   t && t.disconnect({ removeFromCache: !0 });
 }
-const Gn = (e, t, n, s) => {
+const Jn = (e, t, n, s) => {
   let i = `[data-interact-key="${e.replace(/"/g, "'")}"]`;
-  const o = X(t, { asCombinator: !0, useFirstChild: s });
-  return o && (i = `${i} ${o}`), n && (i = V(i, n)), i;
+  const o = J(t, { asCombinator: !0, useFirstChild: s });
+  return o && (i = `${i} ${o}`), n && (i = j(i, n)), i;
 };
-function Zn(e, t = !1) {
+function is(e, t = !1) {
   const n = [], s = /* @__PURE__ */ new Set();
   return e.interactions.forEach(
     ({
       key: r,
       selector: i,
       listContainer: o,
-      listItemSelector: a,
-      trigger: f,
+      listItemSelector: c,
+      trigger: u,
       params: l,
-      effects: c,
-      conditions: u
+      effects: a,
+      conditions: f
     }) => {
-      if (f === "viewEnter") {
-        const g = l;
-        (!g?.type || g.type === "once") && c.forEach((m) => {
-          const p = m?.effectId && e.effects[m.effectId] || m, {
-            key: v,
-            selector: y,
-            listContainer: E,
+      if (u === "viewEnter") {
+        const v = l;
+        (!v?.type || v.type === "once") && a.forEach((h) => {
+          const g = h?.effectId && e.effects[h.effectId] || h, {
+            key: y,
+            selector: p,
+            listContainer: w,
             listItemSelector: b,
-            conditions: I
-          } = p;
-          if (!(!v || v === r) || !(!y && !i || y === i) || !(!E && !o || E === o) || !(!b && !a || b === a)) return;
-          const de = e.conditions || {}, he = G(
-            I,
-            de
-          ), Z = G(
-            u,
-            de
+            conditions: T
+          } = g;
+          if (!(!y || y === r) || !(!p && !i || p === i) || !(!w && !o || w === o) || !(!b && !c || b === c)) return;
+          const me = e.conditions || {}, ge = Q(
+            T,
+            me
+          ), ee = Q(
+            f,
+            me
           );
-          if (!(!he && !Z || he === Z)) return;
-          const ee = Gn(
+          if (!(!ge && !ee || ge === ee)) return;
+          const te = Jn(
             r,
-            p,
-            Z,
+            g,
+            ee,
             t
           );
-          s.has(ee) || (s.add(ee), n.push(`@media (prefers-reduced-motion: no-preference) {
-              ${ee}:not([data-interact-enter]) {
+          s.has(te) || (s.add(te), n.push(`@media (prefers-reduced-motion: no-preference) {
+              ${te}:not([data-interact-enter]) {
                 visibility: hidden;
                 transform: none;
                 translate: none;
@@ -2303,10 +2329,10 @@ function Zn(e, t = !1) {
 `);
 }
 export {
-  Kn as I,
-  w as a,
-  Un as b,
-  Zn as g,
-  Jn as r
+  Un as I,
+  E as a,
+  ns as b,
+  is as g,
+  ss as r
 };
-//# sourceMappingURL=index-BnI6W-7u.mjs.map
+//# sourceMappingURL=index-BfcN_rkn.mjs.map