@wix/interact 2.0.3 → 2.1.0

package/dist/{index-BfcN_rkn.mjs → index-BP07b-Y1.mjs}

@@ -1,15 +1,15 @@
-function Be(e) {
+function st(e) {
   return [...e.matchAll(/\[([-\w]+)]/g)].map(([t, n]) => n);
 }
-function R(e, t) {
-  const n = Be(t);
+function C(e, t) {
+  const n = st(t);
   let s = 0;
   return n.length ? e.replace(/\[]/g, () => {
     const r = n[s++];
     return r !== void 0 ? `[${r}]` : "[]";
   }) : e;
 }
-class ue {
+class G {
   animations;
   options;
   ready;
@@ -72,34 +72,44 @@ class ue {
   get playState() {
     return this.animations[0]?.playState;
   }
+  getTimingOptions() {
+    return this.animations.map((t) => {
+      const n = t.effect?.getTiming(), s = n?.delay ?? 0, r = Number(n?.duration) || 0, i = n?.iterations ?? 1;
+      return {
+        delay: s,
+        duration: r,
+        iterations: i
+      };
+    });
+  }
 }
-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: 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: ft,
-  quintInOut: lt,
-  expoIn: ut,
-  expoOut: dt,
-  expoInOut: ht,
-  circIn: mt,
-  circOut: gt,
-  circInOut: vt,
-  backIn: pt,
-  backOut: yt,
-  backInOut: Et
-}, ve = {
+const Re = (e) => e, it = (e) => 1 - Math.cos(e * Math.PI / 2), rt = (e) => Math.sin(e * Math.PI / 2), ot = (e) => -(Math.cos(Math.PI * e) - 1) / 2, ct = (e) => e ** 2, at = (e) => 1 - (1 - e) ** 2, ft = (e) => e < 0.5 ? 2 * e ** 2 : 1 - (-2 * e + 2) ** 2 / 2, lt = (e) => e ** 3, ut = (e) => 1 - (1 - e) ** 3, dt = (e) => e < 0.5 ? 4 * e ** 3 : 1 - (-2 * e + 2) ** 3 / 2, ht = (e) => e ** 4, mt = (e) => 1 - (1 - e) ** 4, pt = (e) => e < 0.5 ? 8 * e ** 4 : 1 - (-2 * e + 2) ** 4 / 2, gt = (e) => e ** 5, vt = (e) => 1 - (1 - e) ** 5, yt = (e) => e < 0.5 ? 16 * e ** 5 : 1 - (-2 * e + 2) ** 5 / 2, Et = (e) => e === 0 ? 0 : 2 ** (10 * e - 10), wt = (e) => e === 1 ? 1 : 1 - 2 ** (-10 * e), bt = (e) => e === 0 ? 0 : e === 1 ? 1 : e < 0.5 ? 2 ** (20 * e - 10) / 2 : (2 - 2 ** (-20 * e + 10)) / 2, St = (e) => 1 - Math.sqrt(1 - e ** 2), It = (e) => Math.sqrt(1 - (e - 1) ** 2), Tt = (e) => e < 0.5 ? (1 - Math.sqrt(1 - 4 * e ** 2)) / 2 : (Math.sqrt(-(2 * e - 3) * (2 * e - 1)) + 1) / 2, Ot = (e) => 2.70158 * e ** 3 - 1.70158 * e ** 2, Ct = (e) => 1 + 2.70158 * (e - 1) ** 3 + 1.70158 * (e - 1) ** 2, kt = (e, t = 1.70158 * 1.525) => e < 0.5 ? (2 * e) ** 2 * ((t + 1) * 2 * e - t) / 2 : ((2 * e - 2) ** 2 * ((t + 1) * (e * 2 - 2) + t) + 2) / 2, we = {
+  linear: Re,
+  sineIn: it,
+  sineOut: rt,
+  sineInOut: ot,
+  quadIn: ct,
+  quadOut: at,
+  quadInOut: ft,
+  cubicIn: lt,
+  cubicOut: ut,
+  cubicInOut: dt,
+  quartIn: ht,
+  quartOut: mt,
+  quartInOut: pt,
+  quintIn: gt,
+  quintOut: vt,
+  quintInOut: yt,
+  expoIn: Et,
+  expoOut: wt,
+  expoInOut: bt,
+  circIn: St,
+  circOut: It,
+  circInOut: Tt,
+  backIn: Ot,
+  backOut: Ct,
+  backInOut: kt
+}, be = {
   linear: "linear",
   ease: "ease",
   easeIn: "ease-in",
@@ -130,16 +140,189 @@ const Qe = (e) => e, Xe = (e) => 1 - Math.cos(e * Math.PI / 2), Ue = (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 bt(e) {
+function qt(e) {
   return e === "percentage" ? "%" : e || "px";
 }
-function D(e) {
-  return e ? ve[e] || e : ve.linear;
+function B(e) {
+  return e ? be[e] || e : be.linear;
+}
+function At(e, t, n, s) {
+  const r = 3 * e, i = 3 * (n - e) - r, o = 1 - r - i, c = 3 * t, u = 3 * (s - t) - c, f = 1 - c - u, a = (d) => ((o * d + i) * d + r) * d, l = (d) => ((f * d + u) * d + c) * d, m = (d) => (3 * o * d + 2 * i) * d + r;
+  function g(d) {
+    let h = d;
+    for (let v = 0; v < 8; v++) {
+      const w = a(h) - d;
+      if (Math.abs(w) < 1e-7) return h;
+      const b = m(h);
+      if (Math.abs(b) < 1e-6) break;
+      h -= w / b;
+    }
+    let p = 0, y = 1;
+    for (h = (p + y) / 2; y - p > 1e-7; ) {
+      const v = a(h);
+      if (Math.abs(v - d) < 1e-7) return h;
+      d > v ? p = h : y = h, h = (p + y) / 2;
+    }
+    return h;
+  }
+  return (d) => d <= 0 ? 0 : d >= 1 ? 1 : l(g(d));
+}
+function _t(e) {
+  const t = e.match(
+    /^cubic-bezier\(\s*(-?[\d.]+)\s*,\s*(-?[\d.]+)\s*,\s*(-?[\d.]+)\s*,\s*(-?[\d.]+)\s*\)$/
+  );
+  if (!t) return;
+  const n = parseFloat(t[1]), s = parseFloat(t[2]), r = parseFloat(t[3]), i = parseFloat(t[4]);
+  if (![n, s, r, i].some(isNaN))
+    return At(n, s, r, i);
+}
+function xt(e) {
+  const t = e.match(/^linear\((.+)\)$/);
+  if (!t) return;
+  const n = t[1].split(",").map((o) => o.trim()).filter(Boolean);
+  if (n.length === 0) return;
+  const s = [];
+  for (const o of n) {
+    const c = o.split(/\s+/), u = parseFloat(c[0]);
+    if (isNaN(u)) return;
+    const f = [];
+    for (let a = 1; a < c.length; a++)
+      if (c[a].endsWith("%")) {
+        const l = parseFloat(c[a]) / 100;
+        if (isNaN(l)) return;
+        f.push(l);
+      }
+    f.length === 0 ? s.push({ output: u, pos: null }) : f.length === 1 ? s.push({ output: u, pos: f[0] }) : (s.push({ output: u, pos: f[0] }), s.push({ output: u, pos: f[1] }));
+  }
+  if (s.length === 0) return;
+  s[0].pos === null && (s[0].pos = 0), s[s.length - 1].pos === null && (s[s.length - 1].pos = 1);
+  let r = 0;
+  for (; r < s.length; )
+    if (s[r].pos === null) {
+      const o = r - 1;
+      let c = r;
+      for (; c < s.length && s[c].pos === null; ) c++;
+      const u = s[o].pos, f = s[c].pos, a = c - o;
+      for (let l = o + 1; l < c; l++)
+        s[l].pos = u + (f - u) * (l - o) / a;
+      r = c + 1;
+    } else
+      r++;
+  for (let o = 1; o < s.length; o++)
+    s[o].pos < s[o - 1].pos && (s[o].pos = s[o - 1].pos);
+  const i = s;
+  return (o) => {
+    if (o <= i[0].pos) return i[0].output;
+    const c = i[i.length - 1];
+    if (o >= c.pos) return c.output;
+    let u = 0, f = i.length - 1;
+    for (; u < f - 1; ) {
+      const m = u + f >>> 1;
+      i[m].pos <= o ? u = m : f = m;
+    }
+    const a = i[u], l = i[f];
+    return l.pos === a.pos ? l.output : a.output + (l.output - a.output) * (o - a.pos) / (l.pos - a.pos);
+  };
 }
-function St(e) {
-  return e ? wt[e] : void 0;
+function ze(e) {
+  if (!e) return;
+  const t = we[e];
+  return t || (_t(e) ?? xt(e) ?? we.linear);
+}
+class Mt extends G {
+  animationGroups;
+  delay;
+  offset;
+  offsetEasing;
+  timingOptions;
+  constructor(t, n = {}) {
+    const s = t.flatMap((r) => [...r.animations]);
+    super(s), this.animationGroups = t, this.delay = n.delay ?? 0, this.offset = n.offset ?? 0, this.offsetEasing = typeof n.offsetEasing == "function" ? n.offsetEasing : ze(n.offsetEasing) ?? Re, this.timingOptions = this.animationGroups.map((r) => r.getTimingOptions().map(({ delay: i, duration: o, iterations: c }) => ({
+      delay: i,
+      duration: Number.isFinite(o) ? o : 0,
+      iterations: Number.isFinite(c) ? c : 1
+    }))), this.applyOffsets(), this.ready = Promise.all(t.map((r) => r.ready)).then(() => {
+    });
+  }
+  /**
+   * Calculates stagger delay offsets for each animation group using the formula:
+   *   easing(i / last) * last * offset
+   * where i is the group index and last is the index of the final group.
+   */
+  calculateOffsets() {
+    const t = this.animationGroups.length;
+    if (t <= 1) return [0];
+    const n = t - 1;
+    return Array.from(
+      { length: t },
+      (s, r) => this.offsetEasing(r / n) * n * this.offset | 0
+    );
+  }
+  applyOffsets() {
+    if (this.animationGroups.length === 0 || this.animations.length === 0) return;
+    const t = this.calculateOffsets(), n = this.getSequenceActiveDuration(t);
+    this.animationGroups.forEach((s, r) => {
+      s.animations.forEach((i, o) => {
+        const c = i.effect;
+        if (!c) return;
+        const { delay: u, duration: f, iterations: a } = this.timingOptions[r][o], l = u + t[r], m = n - (l + f * a);
+        c.updateTiming({ delay: l + this.delay, endDelay: m });
+      });
+    });
+  }
+  getSequenceActiveDuration(t) {
+    const n = [];
+    for (let s = 0; s < this.timingOptions.length; s++) {
+      const r = this.timingOptions[s].reduce((i, o) => {
+        if (!o) return i;
+        const { delay: c, duration: u, iterations: f } = o;
+        return Math.max(i, c + u * f);
+      }, 0);
+      n.push(t[s] + r);
+    }
+    return Math.max(...n);
+  }
+  /**
+   * Inserts new AnimationGroups at specified indices, then recalculates
+   * stagger offsets for all groups. Each entry specifies the target index
+   * in the animationGroups array where the group should be inserted.
+   */
+  addGroups(t) {
+    if (t.length === 0) return;
+    const n = [...t].sort((s, r) => r.index - s.index);
+    for (const { index: s, group: r } of n) {
+      const i = Math.min(s, this.animationGroups.length);
+      this.animationGroups.splice(i, 0, r), this.timingOptions.splice(i, 0, r.getTimingOptions());
+      const o = [...r.animations], c = this.animationGroups.slice(0, i).reduce((u, f) => u + f.animations.length, 0);
+      this.animations.splice(c, 0, ...o);
+    }
+    this.applyOffsets(), this.ready = Promise.all(this.animationGroups.map((s) => s.ready)).then(() => {
+    });
+  }
+  /**
+   * Removes AnimationGroups that match the predicate, then recalculates
+   * stagger offsets for remaining groups. Cancelled animations in removed
+   * groups are returned.
+   */
+  removeGroups(t) {
+    const n = [], s = [], r = [];
+    for (let i = 0; i < this.animationGroups.length; i++)
+      t(this.animationGroups[i]) ? n.push(this.animationGroups[i]) : (s.push(this.animationGroups[i]), r.push(this.timingOptions[i]));
+    if (n.length === 0) return n;
+    for (const i of n)
+      i.cancel();
+    return this.animationGroups = s, this.timingOptions = r, this.animations = s.flatMap((i) => [...i.animations]), this.applyOffsets(), this.ready = Promise.all(this.animationGroups.map((i) => i.ready)).then(() => {
+    }), n;
+  }
+  async onFinish(t) {
+    try {
+      await Promise.all(this.animationGroups.map((n) => n.finished)), t();
+    } catch (n) {
+      console.warn("animation was interrupted - aborting onFinish callback - ", n);
+    }
+  }
 }
-class Tt {
+class Lt {
   _animation;
   customEffect;
   progress;
@@ -279,12 +462,12 @@ class Tt {
     return this._animation.dispatchEvent(t);
   }
 }
-function It(e) {
+function Pt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var W = { exports: {} }, pe = W.exports, ye;
-function Ot() {
-  return ye || (ye = 1, (function(e) {
+var K = { exports: {} }, Se = K.exports, Ie;
+function $t() {
+  return Ie || (Ie = 1, (function(e) {
     (function(t) {
       var n = function() {
       }, s = t.requestAnimationFrame || t.webkitRequestAnimationFrame || t.mozRequestAnimationFrame || t.msRequestAnimationFrame || function(a) {
@@ -305,7 +488,7 @@ function Ot() {
          * @param {Array} tasks
          */
         runTasks: function(a) {
-          for (var f; f = a.shift(); ) f();
+          for (var l; l = a.shift(); ) l();
         },
         /**
          * Adds a job to the read batch and
@@ -315,9 +498,9 @@ function Ot() {
          * @param  {Object} ctx the context to be bound to `fn` (optional).
          * @public
          */
-        measure: function(a, f) {
-          var d = f ? a.bind(f) : a;
-          return this.reads.push(d), i(this), d;
+        measure: function(a, l) {
+          var m = l ? a.bind(l) : a;
+          return this.reads.push(m), i(this), m;
         },
         /**
          * Adds a job to the
@@ -328,9 +511,9 @@ function Ot() {
          * @param  {Object} ctx the context to be bound to `fn` (optional).
          * @public
          */
-        mutate: function(a, f) {
-          var d = f ? a.bind(f) : a;
-          return this.writes.push(d), i(this), d;
+        mutate: function(a, l) {
+          var m = l ? a.bind(l) : a;
+          return this.writes.push(m), i(this), m;
         },
         /**
          * Clears a scheduled 'read' or 'write' task.
@@ -378,8 +561,8 @@ function Ot() {
          */
         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;
+          var l = Object.create(this);
+          return u(l, a), l.fastdom = this, l.initialize && l.initialize(), l;
         },
         // override this with a function
         // to prevent Errors in console
@@ -390,71 +573,71 @@ function Ot() {
         a.scheduled || (a.scheduled = !0, a.raf(o.bind(null, a)));
       }
       function o(a) {
-        var f = a.writes, d = a.reads, v;
+        var l = a.writes, m = a.reads, g;
         try {
-          n("flushing reads", d.length), a.runTasks(d), n("flushing writes", f.length), a.runTasks(f);
-        } catch (m) {
-          v = m;
+          n("flushing reads", m.length), a.runTasks(m), n("flushing writes", l.length), a.runTasks(l);
+        } catch (d) {
+          g = d;
         }
-        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;
+        if (a.scheduled = !1, (m.length || l.length) && i(a), g)
+          if (n("task errored", g.message), a.catch) a.catch(g);
+          else throw g;
       }
-      function c(a, f) {
-        var d = a.indexOf(f);
-        return !!~d && !!a.splice(d, 1);
+      function c(a, l) {
+        var m = a.indexOf(l);
+        return !!~m && !!a.splice(m, 1);
       }
-      function u(a, f) {
-        for (var d in f)
-          f.hasOwnProperty(d) && (a[d] = f[d]);
+      function u(a, l) {
+        for (var m in l)
+          l.hasOwnProperty(m) && (a[m] = l[m]);
       }
-      var l = t.fastdom = t.fastdom || new r();
-      e.exports = l;
-    })(typeof window < "u" ? window : typeof pe < "u" ? pe : globalThis);
-  })(W)), W.exports;
-}
-var _t = Ot();
-const S = /* @__PURE__ */ It(_t), re = {};
-function kt(e) {
-  Object.assign(re, e);
-}
-function Ct(e) {
-  return e in re ? re[e] : (console.warn(
+      var f = t.fastdom = t.fastdom || new r();
+      e.exports = f;
+    })(typeof window < "u" ? window : typeof Se < "u" ? Se : globalThis);
+  })(K)), K.exports;
+}
+var Ft = $t();
+const I = /* @__PURE__ */ Pt(Ft), fe = {};
+function Rt(e) {
+  Object.assign(fe, e);
+}
+function zt(e) {
+  return e in fe ? fe[e] : (console.warn(
     `${e} not found in registry. Please make sure to import and register the preset.`
   ), null);
 }
-function k(e, t) {
+function M(e, t) {
   return e ? document.getElementById(e) : null;
 }
-function xt(e, t) {
+function Ht(e, t) {
   return e?.matches(`[data-motion-part~="${t}"]`) ? e : e?.querySelector(`[data-motion-part~="${t}"]`);
 }
-function At(e) {
+function Gt(e) {
   const t = e.alternate ? "alternate" : "";
   return e.reversed ? `${t ? `${t}-` : ""}reverse` : t || "normal";
 }
-function ne(e) {
-  return `${e.value}${bt(e.unit)}`;
+function re(e) {
+  return `${e.value}${qt(e.unit)}`;
 }
-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 Te(e, t, n) {
+  return `${e.name || "cover"} ${n && e.offset.unit !== "percentage" ? `calc(100% + ${re(e.offset)}${t ? ` + ${t}` : ""})` : t ? `calc(${re(e.offset)} + ${t})` : re(e.offset)}`;
 }
-function Lt(e) {
+function Nt(e) {
   return {
-    start: Ee(e.startOffset, e.startOffsetAdd),
-    end: Ee(e.endOffset, e.endOffsetAdd, !0)
+    start: Te(e.startOffset, e.startOffsetAdd),
+    end: Te(e.endOffset, e.endOffsetAdd, !0)
   };
 }
-function Re(e) {
-  return (t) => S.measure(() => t(e));
+function He(e) {
+  return (t) => I.measure(() => t(e));
 }
-function $e(e) {
-  return (t) => S.mutate(() => t(e));
+function Ge(e) {
+  return (t) => I.mutate(() => t(e));
 }
-function B(e) {
+function Z(e) {
   if (e.namedEffect) {
     const t = e.namedEffect.type;
-    return typeof t == "string" ? Ct(t) : null;
+    return typeof t == "string" ? zt(t) : null;
   } else if (e.keyframeEffect) {
     const t = (s) => {
       const { name: r, keyframes: i } = s.keyframeEffect;
@@ -468,16 +651,16 @@ function B(e) {
     return (t) => [{ ...t, keyframes: [] }];
   return null;
 }
-function Pt(e, t, n) {
+function Dt(e, t, n) {
   return e.map((s, r) => {
     const i = {
       fill: s.fill,
-      easing: D(s.easing),
+      easing: B(s.easing),
       iterations: s.iterations === 0 ? 1 / 0 : s.iterations || 1,
       composite: s.composite,
-      direction: At(s)
+      direction: Gt(s)
     };
-    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), {
+    return Ne(t) ? (i.duration = s.duration, i.delay = s.delay || 0) : window.ViewTimeline && t?.trigger === "view-progress" ? i.duration = "auto" : (i.duration = 99.99, i.delay = 0.01), {
       effect: s,
       options: i,
       id: n && `${n}-${r + 1}`,
@@ -485,41 +668,41 @@ function Pt(e, t, n) {
     };
   });
 }
-function Fe(e) {
+function Ne(e) {
   return !e || e.trigger !== "pointer-move" && e.trigger !== "view-progress";
 }
-function we(e, t, n, s, r) {
+function Oe(e, t, n, s, r) {
   if (e) {
-    if (Fe(s) && (t.duration = t.duration || 1, r?.reducedMotion))
+    if (Ne(s) && (t.duration = t.duration || 1, r?.reducedMotion))
       if (t.iterations === 1 || t.iterations == null)
         t = { ...t, duration: 1 };
       else
         return [];
     let i;
-    return n instanceof HTMLElement && (i = { measure: Re(n), mutate: $e(n) }), e.web ? e.web(t, i, r) : e(t, i, r);
+    return n instanceof HTMLElement && (i = { measure: He(n), mutate: Ge(n) }), e.web ? e.web(t, i, r) : e(t, i, r);
   }
   return [];
 }
-function de(e, t, n, s, r) {
-  const i = e instanceof HTMLElement ? e : k(e);
+function ve(e, t, n, s, r) {
+  const i = e instanceof HTMLElement ? e : M(e);
   if (n?.trigger === "pointer-move" && !t.keyframeEffect) {
-    let d = t;
-    t.customEffect && (d = {
+    let m = t;
+    t.customEffect && (m = {
       ...t,
       namedEffect: { id: "", type: "CustomMouse" }
     });
-    const v = B(
-      d
-    ), m = we(
-      v,
+    const g = Z(
+      m
+    ), d = Oe(
+      g,
       t,
       i,
       n,
       s
     );
-    return typeof m != "function" ? null : m(i);
+    return typeof d != "function" ? null : d(i);
   }
-  const o = B(t), c = we(
+  const o = Z(t), c = Oe(
     o,
     t,
     i,
@@ -528,153 +711,153 @@ function de(e, t, n, s, r) {
   );
   if (!c || c.length === 0)
     return null;
-  const u = Pt(c, n, t.effectId);
-  let l;
+  const u = Dt(c, n, t.effectId);
+  let f;
   const a = n?.trigger === "view-progress";
-  a && window.ViewTimeline && (l = new ViewTimeline({
-    subject: n.element || k(n.componentId)
+  a && window.ViewTimeline && (f = new ViewTimeline({
+    subject: n.element || M(n.componentId)
   }));
-  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 && y.updateTiming(d.timing), y.setKeyframes(d.keyframes);
+  const l = u.map(({ effect: m, options: g, id: d, part: h }) => {
+    const p = h ? Ht(i, h) : i, y = new KeyframeEffect(p || null, [], g);
+    I.mutate(() => {
+      "timing" in m && y.updateTiming(m.timing), y.setKeyframes(m.keyframes);
     });
-    const p = a && l ? { timeline: l } : {}, w = typeof d.customEffect == "function" ? new Tt(
-      d.customEffect,
-      g || null,
-      v,
-      p
-    ) : new Animation(y, p.timeline);
+    const v = a && f ? { timeline: f } : {}, w = typeof m.customEffect == "function" ? new Lt(
+      m.customEffect,
+      p || null,
+      g,
+      v
+    ) : new Animation(y, v.timeline);
     if (a)
-      if (l)
-        S.mutate(() => {
-          const { start: b, end: T } = Lt(d);
-          w.rangeStart = b, w.rangeEnd = T, w.play();
+      if (f)
+        I.mutate(() => {
+          const { start: b, end: S } = Nt(m);
+          w.rangeStart = b, w.rangeEnd = S, w.play();
         });
       else {
-        const { startOffset: b, endOffset: T } = t;
-        S.mutate(() => {
-          const C = d.startOffset || b, Z = d.endOffset || T;
+        const { startOffset: b, endOffset: S } = t;
+        I.mutate(() => {
+          const T = m.startOffset || b, $ = m.endOffset || S;
           Object.assign(w, {
             start: {
-              name: C.name,
-              offset: C.offset?.value,
-              add: d.startOffsetAdd
+              name: T.name,
+              offset: T.offset?.value,
+              add: m.startOffsetAdd
             },
             end: {
-              name: Z.name,
-              offset: Z.offset?.value,
-              add: d.endOffsetAdd
+              name: $.name,
+              offset: $.offset?.value,
+              add: m.endOffsetAdd
             }
           });
         });
       }
-    return m && (w.id = m), w;
+    return d && (w.id = d), w;
   });
-  return new ue(f, {
+  return new G(l, {
     ...t,
     trigger: { ...n || {} },
     // make sure the group is ready after all animation targets are measured and mutated
-    measured: new Promise((d) => S.mutate(d))
+    measured: new Promise((m) => I.mutate(m))
   });
 }
-function Rt(e, t, n) {
-  const s = B(t), r = e instanceof HTMLElement ? e : k(e);
+function Vt(e, t, n) {
+  const s = Z(t), r = e instanceof HTMLElement ? e : M(e);
   if (s && s.prepare && r) {
-    const i = { measure: Re(r), mutate: $e(r) };
+    const i = { measure: He(r), mutate: Ge(r) };
     s.prepare(t, i);
   }
-  n && S.mutate(n);
+  n && I.mutate(n);
 }
-function $t(e, t) {
-  const n = B(t);
+function Wt(e, t) {
+  const n = Z(t);
   if (!n)
     return null;
   if (!n.style)
-    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 t.effectId && e ? jt(e, t.effectId) : null;
+  const s = n.getNames(t), i = (typeof e == "string" ? M(e) : e)?.getAnimations(), o = i?.map((u) => u.animationName) || [], c = [];
   return s.forEach((u) => {
     o.includes(u) && c.push(
-      i?.find((l) => l.animationName === u)
+      i?.find((f) => f.animationName === u)
     );
-  }), c?.length ? new ue(c) : null;
+  }), c?.length ? new G(c) : null;
 }
-function Ft(e, t) {
-  const s = (typeof e == "string" ? k(e) : e)?.getAnimations().filter((r) => {
+function jt(e, t) {
+  const s = (typeof e == "string" ? M(e) : e)?.getAnimations().filter((r) => {
     const i = r.id || r.animationName;
     return i ? i.startsWith(t) : !0;
   });
-  return s?.length ? new ue(s) : null;
+  return s?.length ? new G(s) : null;
 }
-function Me(e, t, n, s = {}) {
-  const { disabled: r, allowActiveEvent: i, ...o } = s, c = de(e, t, n, o);
+function De(e, t, n, s = {}) {
+  const { disabled: r, allowActiveEvent: i, ...o } = s, c = ve(e, t, n, o);
   if (!c)
     return null;
   let u = {};
   if (n.trigger === "view-progress" && !window.ViewTimeline) {
-    const l = n.element || k(n.componentId), { ready: a } = c;
-    return c.animations.map((f) => ({
+    const f = n.element || M(n.componentId), { ready: a } = c;
+    return c.animations.map((l) => ({
       /* we use getters for start and end in order to access the animation's start and end
          only when initializing the scrub scene rather than immediately */
       get start() {
-        return f.start;
+        return l.start;
       },
       get end() {
-        return f.end;
+        return l.end;
       },
-      viewSource: l,
+      viewSource: f,
       ready: a,
       getProgress() {
         return c.getProgress();
       },
-      effect(d, v) {
-        const { activeDuration: m } = f.effect.getComputedTiming(), { delay: h } = f.effect.getTiming();
-        f.currentTime = ((h || 0) + (m || 0)) * v;
+      effect(m, g) {
+        const { activeDuration: d } = l.effect.getComputedTiming(), { delay: h } = l.effect.getTiming();
+        l.currentTime = ((h || 0) + (d || 0)) * g;
       },
       disabled: r,
       destroy() {
-        f.cancel();
+        l.cancel();
       }
     }));
   } else if (n.trigger === "pointer-move") {
-    const l = t, { centeredToTarget: a, transitionDuration: f, transitionEasing: d } = l, v = n.axis;
-    if (l.keyframeEffect) {
-      const m = c;
-      return m.animations?.length === 0 ? null : {
+    const f = t, { centeredToTarget: a, transitionDuration: l, transitionEasing: m } = f, g = n.axis;
+    if (f.keyframeEffect) {
+      const d = c;
+      return d.animations?.length === 0 ? null : {
         target: void 0,
         centeredToTarget: a,
-        ready: m.ready,
+        ready: d.ready,
         _currentProgress: 0,
         getProgress() {
           return this._currentProgress;
         },
-        effect(g, y) {
-          const p = v === "x" ? y.x : y.y;
-          this._currentProgress = p, m.progress(p);
+        effect(p, y) {
+          const v = g === "x" ? y.x : y.y;
+          this._currentProgress = v, d.progress(v);
         },
         disabled: r ?? !1,
         destroy() {
-          m.cancel();
+          d.cancel();
         }
       };
     }
     u = {
       centeredToTarget: a,
       allowActiveEvent: i
-    }, t.customEffect && f && (u.transitionDuration = f, u.transitionEasing = St(d)), u.target = c.target;
+    }, t.customEffect && l && (u.transitionDuration = l, u.transitionEasing = ze(m)), u.target = c.target;
   }
   return {
     ...u,
     getProgress() {
       return c.getProgress();
     },
-    effect(l, a, f, d) {
+    effect(f, a, l, m) {
       c.progress(
-        f ? {
+        l ? {
           // @ts-expect-error spread error on p
           ...a,
-          v: f,
-          active: d
+          v: l,
+          active: m
         } : a
       );
     },
@@ -684,16 +867,39 @@ function Me(e, t, n, s = {}) {
     }
   };
 }
-function he(e, t, n, s = !1) {
-  const r = $t(e, t);
+function ne(e, t, n, s = !1) {
+  const r = Wt(e, t);
   return r ? (r.ready = new Promise((i) => {
-    Rt(e, t, i);
-  }), r) : de(e, t, n, { reducedMotion: s });
+    Vt(e, t, i);
+  }), r) : ve(e, t, n, { reducedMotion: s });
+}
+function Yt(e) {
+  return e === null ? [null] : typeof e == "string" ? Array.from(document.querySelectorAll(e)) : Array.isArray(e) ? e : [e];
+}
+function Ve(e, t) {
+  const n = [];
+  for (const { target: s, options: r } of e) {
+    const i = Yt(s);
+    for (const o of i) {
+      const c = ne(
+        o,
+        r,
+        void 0,
+        t?.reducedMotion
+      );
+      c instanceof G && n.push(c);
+    }
+  }
+  return n;
+}
+function Bt(e, t, n) {
+  const s = Ve(t, n);
+  return new Mt(s, e);
 }
-function j(e, t) {
+function Q(e, t) {
   return t.includes("&") ? t.replace(/&/g, e) : `${e}${t}`;
 }
-function Mt() {
+function _() {
   return "wi-12343210".replace(
     /\d/g,
     (e) => String.fromCharCode(
@@ -702,7 +908,7 @@ function Mt() {
     // 97 for "a"
   );
 }
-function qt({
+function Kt({
   key: e,
   effectId: t,
   transition: n,
@@ -712,68 +918,68 @@ function qt({
 }) {
   let o = [];
   if (n?.styleProperties) {
-    const { duration: m, easing: h, delay: g } = n;
-    m && (n.styleProperties.some(
-      (p) => p.name.startsWith("--")
+    const { duration: d, easing: h, delay: p } = n;
+    d && (n.styleProperties.some(
+      (v) => v.name.startsWith("--")
     ) ? o = [
-      `all ${m}ms ${D(h || "ease")}${g ? ` ${g}ms` : ""}`,
+      `all ${d}ms ${B(h || "ease")}${p ? ` ${p}ms` : ""}`,
       "visibility 0s"
     ] : o = n.styleProperties.map(
-      (p) => `${p.name} ${m}ms ${D(
+      (v) => `${v.name} ${d}ms ${B(
         h || "ease"
-      )}${g ? ` ${g}ms` : ""}`
+      )}${p ? ` ${p}ms` : ""}`
     )), s = n.styleProperties;
   } else
-    o = s?.filter((m) => m.duration).map(
-      (m) => `${m.name} ${m.duration}ms ${D(m.easing) || "ease"}${m.delay ? ` ${m.delay}ms` : ""}`
+    o = s?.filter((d) => d.duration).map(
+      (d) => `${d.name} ${d.duration}ms ${B(d.easing) || "ease"}${d.delay ? ` ${d.delay}ms` : ""}`
     ) || [];
-  const c = s?.map((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} {
+  const c = s?.map((d) => `${d.name}: ${d.value};`) || [], u = e.replace(/"/g, "'"), f = `:is(:state(${t}), :--${t}) ${r}`, a = `[data-interact-effect~="${t}"] ${r}`, l = i ? Q(f, i) : f, m = i ? Q(a, i) : a, g = [
+    `${l},
+    ${m} {
       ${c.join(`
       `)}
     }`
   ];
   if (o.length) {
-    const m = `[data-interact-key="${u}"] ${r}`, h = i ? j(m, i) : m;
-    v.push(`@media (prefers-reduced-motion: no-preference) { ${h} {
+    const d = `[data-interact-key="${u}"] ${r}`, h = i ? Q(d, i) : d;
+    g.push(`@media (prefers-reduced-motion: no-preference) { ${h} {
       transition: ${o.join(", ")};
     } }`);
   }
-  return v;
+  return g;
 }
-function $(e, t) {
+function k(e, t) {
   const n = (e || []).filter((i) => t[i]?.type === "media" && t[i].predicate).map((i) => t[i].predicate).join(") and ("), s = n && `(${n})`;
   return s && window.matchMedia(s);
 }
-function Q(e, t) {
+function L(e, t) {
   for (const n of e || []) {
     const s = t[n];
     if (s?.type === "selector" && s.predicate)
       return s.predicate;
   }
 }
-const q = {
+const D = {
   rangeStart: { name: "cover", offset: { value: 0, unit: "percentage" } },
   rangeEnd: { name: "cover", offset: { value: 100, unit: "percentage" } }
 };
-function Ht(e, t) {
-  const n = e?.name ?? q.rangeStart.name, s = t?.name ?? e?.name ?? q.rangeEnd.name, r = {
+function Qt(e, t) {
+  const n = e?.name ?? D.rangeStart.name, s = t?.name ?? e?.name ?? D.rangeEnd.name, r = {
     name: n,
-    offset: e?.offset || q.rangeStart.offset
+    offset: e?.offset || D.rangeStart.offset
   }, i = {
     name: s,
-    offset: t?.offset || q.rangeEnd.offset
+    offset: t?.offset || D.rangeEnd.offset
   };
   return { startOffset: r, endOffset: i };
 }
-function F(e) {
+function P(e) {
   if ("keyframeEffect" in e && !e.keyframeEffect.name && "effectId" in e && (e.keyframeEffect.name = e.effectId), "duration" in e)
     return {
       id: "",
       ...e
     };
-  const { rangeStart: t, rangeEnd: n, ...s } = e, { startOffset: r, endOffset: i } = Ht(t, n);
+  const { rangeStart: t, rangeEnd: n, ...s } = e, { startOffset: r, endOffset: i } = Qt(t, n);
   return {
     id: "",
     startOffset: r,
@@ -781,11 +987,11 @@ function F(e) {
     ...s
   };
 }
-function I(e, t, n) {
+function O(e, t, n) {
   let s = e.get(t);
   s || (s = /* @__PURE__ */ new Set(), e.set(t, s)), s.add(n);
 }
-function M(e, t) {
+function N(e, t) {
   e.get(t)?.forEach((s) => {
     const { source: r, target: i, cleanup: o } = s;
     o();
@@ -793,109 +999,109 @@ function M(e, t) {
     e.get(c)?.delete(s);
   }), e.delete(t);
 }
-const zt = {
+const Xt = {
   root: null,
   rootMargin: "0px 0px -10% 0px",
   threshold: [0]
-}, Nt = {
+}, Ut = {
   root: null,
   rootMargin: "0px",
   threshold: [0]
-}, L = {}, X = /* @__PURE__ */ new WeakMap(), Y = /* @__PURE__ */ new WeakSet(), G = /* @__PURE__ */ new WeakMap();
-let qe = {}, x = null;
-function Vt(e) {
-  qe = e;
+}, z = {}, ee = /* @__PURE__ */ new WeakMap(), X = /* @__PURE__ */ new WeakSet(), U = /* @__PURE__ */ new WeakMap();
+let We = {}, F = null;
+function Jt(e) {
+  We = e;
 }
-function He(e, t) {
-  X.get(e)?.forEach(({ source: s, handler: r }) => {
+function je(e, t) {
+  ee.get(e)?.forEach(({ source: s, handler: r }) => {
     s === e && r(t);
   });
 }
-function be() {
-  return x || (x = new IntersectionObserver((e) => {
+function Ce() {
+  return F || (F = new IntersectionObserver((e) => {
     e.forEach((t) => {
       const n = t.target;
-      t.isIntersecting || He(n, !1);
+      t.isIntersecting || je(n, !1);
     });
-  }, Nt), x);
+  }, Ut), F);
 }
-function ze(e, t = !1) {
+function Ye(e, t = !1) {
   const n = JSON.stringify({ ...e, isSafeMode: t });
-  if (L[n])
-    return L[n];
-  const s = t ? zt : {
+  if (z[n])
+    return z[n];
+  const s = t ? Xt : {
     root: null,
     rootMargin: e.inset ? `${e.inset} 0px ${e.inset}` : "0px",
     threshold: e.threshold
   }, r = new IntersectionObserver((i) => {
     i.forEach((o) => {
-      const c = o.target, u = !Y.has(c);
-      if (u && (Y.add(c), e.useSafeViewEnter && !o.isIntersecting)) {
-        S.measure(() => {
-          const a = o.boundingClientRect.height, f = o.rootBounds?.height;
-          if (!f)
+      const c = o.target, u = !X.has(c);
+      if (u && (X.add(c), e.useSafeViewEnter && !o.isIntersecting)) {
+        I.measure(() => {
+          const a = o.boundingClientRect.height, l = o.rootBounds?.height;
+          if (!l)
             return;
-          const d = Array.isArray(e.threshold) ? Math.min(...e.threshold) : e.threshold;
-          d && a * d > f && S.mutate(() => {
+          const m = Array.isArray(e.threshold) ? Math.min(...e.threshold) : e.threshold;
+          m && a * m > l && I.mutate(() => {
             r.unobserve(c);
-            const m = ze(e, !0);
-            G.set(c, m), m.observe(c);
+            const d = Ye(e, !0);
+            U.set(c, d), d.observe(c);
           });
         });
         return;
       }
-      const l = e.type || "once";
-      (o.isIntersecting || l === "alternate" && !u) && (He(c, o.isIntersecting), l === "once" && (r.unobserve(o.target), Y.delete(c)));
+      const f = e.type || "once";
+      (o.isIntersecting || f === "alternate" && !u) && (je(c, o.isIntersecting), f === "once" && (r.unobserve(o.target), X.delete(c)));
     });
   }, s);
-  return L[n] = r, r;
+  return z[n] = r, r;
 }
-function Dt(e, t, n, s = {}, { reducedMotion: r, selectorCondition: i } = {}) {
-  const o = { ...qe, ...s }, c = o.type || "once", u = he(
+function Zt(e, t, n, s = {}, { reducedMotion: r, selectorCondition: i, animation: o } = {}) {
+  const c = { ...We, ...s }, u = c.type || "once", f = o || ne(
     t,
-    F(n),
+    P(n),
     void 0,
     r
   );
-  if (!u)
+  if (!f)
     return;
-  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 = () => {
+  const a = Ye(c);
+  u !== "once" && f.persist?.();
+  let l = !0;
+  const d = { source: e, target: t, handler: (h) => {
+    i && !t.matches(i) || (u === "once" ? h && f.play(() => {
+      const p = () => {
         t.dataset.interactEnter = "start";
       };
-      u.isCSS ? (S.mutate(() => {
-        requestAnimationFrame(h);
-      }), u.onFinish(() => {
-        S.mutate(() => {
+      f.isCSS ? (I.mutate(() => {
+        requestAnimationFrame(p);
+      }), f.onFinish(() => {
+        I.mutate(() => {
           t.dataset.interactEnter = "done";
         });
-      })) : 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()));
+      })) : I.mutate(p);
+    }) : u === "alternate" ? l && h ? (l = !1, f.play()) : l || f.reverse() : u === "repeat" ? h ? (f.progress(0), f.play()) : (f.pause(), f.progress(0)) : u === "state" && (h ? f.play() : f.pause()));
   }, cleanup: () => {
-    (G.get(e) || l).unobserve(e), (c === "repeat" || c === "state") && be().unobserve(e), u.cancel(), Y.delete(e), G.delete(e);
+    (U.get(e) || a).unobserve(e), (u === "repeat" || u === "state") && Ce().unobserve(e), f.cancel(), X.delete(e), U.delete(e);
   } };
-  I(X, e, v), I(X, t, v), G.set(e, l), l.observe(e), (c === "repeat" || c === "state") && be().observe(e);
+  O(ee, e, d), O(ee, t, d), U.set(e, a), a.observe(e), (u === "repeat" || u === "state") && Ce().observe(e);
 }
-function Wt(e) {
-  M(X, e);
+function en(e) {
+  N(ee, e);
 }
-function jt() {
-  x = null, Object.keys(L).forEach((e) => delete L[e]);
+function tn() {
+  F = null, Object.keys(z).forEach((e) => delete z[e]);
 }
-const Se = {
-  add: Dt,
-  remove: Wt,
-  setOptions: Vt,
-  reset: jt
+const ke = {
+  add: Zt,
+  remove: en,
+  setOptions: Jt,
+  reset: tn
 };
-function Ne(e, t) {
+function Be(e, t) {
   return Object.assign(Object.create(t), e);
 }
-function Yt(e, t, n, s) {
+function nn(e, t, n, s) {
   let r = e * (1 - n) + t * n;
   if (s) {
     const i = r - e;
@@ -906,7 +1112,7 @@ function Yt(e, t, n, s) {
   }
   return r;
 }
-function Gt(e) {
+function sn(e) {
   let t = !1;
   return function() {
     t || (t = !0, window.requestAnimationFrame(() => {
@@ -914,7 +1120,7 @@ function Gt(e) {
     }));
   };
 }
-function Te(e, t) {
+function qe(e, t) {
   let n = 0;
   return function() {
     n && window.clearTimeout(n), n = window.setTimeout(() => {
@@ -922,103 +1128,103 @@ function Te(e, t) {
     }, t);
   };
 }
-function Kt(e, t) {
+function rn(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 U(n[1], t) + U(n[6], t);
+  return te(n[1], t) + te(n[6], 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 te(e, t) {
+  return e ? /^-?\d+px$/.test(e) ? parseInt(e) : /^-?\d+[lsd]?vh$/.test(e) ? parseInt(e) * t.viewportHeight / 100 : /^-?\d+[lsd]?vw$/.test(e) ? parseInt(e) * t.viewportWidth / 100 : /^calc\s*\(\s*-?\d+((px)|([lsd]?vh)|([lsd]?vw))\s*\+\s*-?\d+((px)|([lsd]?vh)|([lsd]?vw))\s*\)\s*$/.test(e) ? rn(e, t) : parseInt(e) || 0 : 0;
 }
-function O(e, t, n) {
+function A(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;
+  let f, a;
+  return s === "entry" ? (f = i - t, a = Math.min(t, c)) : s === "entry-crossing" ? (f = i - t, a = c) : s === "contain" ? (f = Math.min(o - t, i), a = Math.abs(t - c)) : s === "exit" ? (f = Math.max(i, o - t), a = Math.min(t, c)) : s === "exit-crossing" ? (f = i, a = c) : s === "cover" && (f = i - t, a = c + t), f + u * a | 0;
 }
-function se(e, t, n, s, r) {
+function oe(e, t, n, s, r) {
   let i = 0;
   const o = { start: t, end: n };
   return e.forEach((c, u) => {
     i += c.offset;
-    const l = c.sticky;
-    if (l) {
-      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);
+    const f = c.sticky;
+    if (f) {
+      if ("end" in f && e[u - 1]?.element) {
+        const m = ((r ? c.element.offsetWidth : c.element.offsetHeight) || 0) + f.end - s, g = i + m - c.offset, d = g < o.start, h = !d && g <= n;
+        let p = 0;
+        (d || h) && (p = c.offset, o.end += p), d && (o.start += p);
       }
-      if ("start" in l) {
-        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;
+      if ("start" in f) {
+        const a = i - f.start, l = a < o.start, m = !l && a <= o.end;
+        let g = 0;
+        const d = e[u - 1]?.element;
+        if (d) {
+          if (l || m) {
+            const h = (r ? d.offsetWidth : d.offsetHeight) || 0, p = c.offset, y = (r ? c.element.offsetWidth : c.element.offsetHeight) || 0;
+            g = h - (p + y), i += g, o.end += g;
           }
-          f && (o.start += v);
+          l && (o.start += g);
         }
       }
     }
   }), o;
 }
-function Bt(e, t, n, s, r, i) {
+function on(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;
+  let f = o, a = c, l = e.startRange, m = e.endRange, g;
   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;
+    l = { name: u, offset: 0 }, m = { name: u, offset: 100 }, f = A(l, n, t), a = A(m, n, t), g = a - f;
+    const d = oe(i, f, a, n, s);
+    f = d.start, a = d.end;
   } else {
-    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 (l || o?.name) {
+      l = l || o;
+      const d = te(l.add, r), h = A({ ...l, offset: 0 }, n, t), p = A({ ...l, offset: 100 }, n, t), y = oe(i, h, p, n, s);
+      f = y.start + l.offset / 100 * (y.end - y.start) + d;
     }
-    if (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);
+    if (m || c?.name) {
+      m = m || c;
+      const d = te(m.add, r), h = A({ ...m, offset: 0 }, n, t), p = A({ ...m, offset: 100 }, n, t), y = oe(i, h, p, n, s);
+      a = y.start + m.offset / 100 * (y.end - y.start) + d;
+    } else typeof u == "number" && (a = f + u);
   }
-  return !v && !u && (v = a - l), { ...e, start: l, end: a, startRange: f, endRange: d, duration: v || u };
+  return !g && !u && (g = a - f), { ...e, start: f, end: a, startRange: l, endRange: m, duration: g || u };
 }
-function Qt(e) {
+function cn(e) {
   return e.position === "sticky";
 }
-function Xt(e, t, n) {
+function an(e, t, n) {
   return e.position === "fixed" && (!t || t === window.document.body || t === n);
 }
-function Ut(e, t) {
+function fn(e, t) {
   return parseInt(t ? e.left : e.top);
 }
-function Jt(e, t) {
+function ln(e, t) {
   return parseInt(t ? e.right : e.bottom);
 }
-function Zt(e, t, n) {
+function un(e, t, n) {
   n && (e.style.position = "static");
   const s = (t ? e.offsetLeft : e.offsetTop) || 0;
   return n && (e.style.position = null), s;
 }
-function en(e, t) {
+function dn(e, t) {
   let n;
-  const s = Ut(e, t), r = Jt(e, t), i = !isNaN(s), o = !isNaN(r);
+  const s = fn(e, t), r = ln(e, t), i = !isNaN(s), o = !isNaN(r);
   return (i || o) && (n = {}, i && (n.start = s), o && (n.end = r)), n;
 }
-function H(e, t, n, s, r) {
+function V(e, t, n, s, r) {
   const i = e[0].viewSource, o = [];
-  let c = (s ? i.offsetWidth : i.offsetHeight) || 0, u = 0, l = i;
-  for (; l; ) {
-    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))
+  let c = (s ? i.offsetWidth : i.offsetHeight) || 0, u = 0, f = i;
+  for (; f; ) {
+    const l = window.getComputedStyle(f), m = cn(l), g = m ? dn(l, s) : void 0, d = un(f, s, m);
+    if ((!g || !("end" in g)) && (u += d), o.push({ element: f, offset: d, sticky: g }), f = f.offsetParent, an(l, f, t))
       break;
-    if (l === t) {
-      o.push({ element: l, offset: 0 });
+    if (f === t) {
+      o.push({ element: f, offset: 0 });
       break;
     }
   }
-  return o.reverse(), e.map((f) => ({
-    ...Bt(
-      f,
+  return o.reverse(), e.map((l) => ({
+    ...on(
+      l,
       { start: u, end: u + c },
       n,
       s,
@@ -1027,7 +1233,7 @@ function H(e, t, n, s, r) {
     )
   }));
 }
-const Ie = 100, tn = {
+const Ae = 100, hn = {
   horizontal: !1,
   observeViewportEntry: !0,
   viewportRootMargin: "7% 7%",
@@ -1035,74 +1241,74 @@ const Ie = 100, tn = {
   observeSourcesResize: !1,
   observeContentResize: !1
 };
-function nn(e, t, n, s) {
+function mn(e, t, n, s) {
   let r = 0;
   return e >= t && e <= n ? r = s ? (e - t) / s : 1 : e > n && (r = 1), r;
 }
-function Oe(e, t) {
+function _e(e, t) {
   return e === window ? t ? window.document.documentElement.clientWidth : window.document.documentElement.clientHeight : t ? e.clientWidth : e.clientHeight;
 }
-function sn() {
+function pn() {
   return {
     viewportWidth: window.document.documentElement.clientWidth,
     viewportHeight: window.document.documentElement.clientHeight
   };
 }
-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();
+function gn(e) {
+  const t = Be(e, hn), n = t.root, s = t.horizontal, r = /* @__PURE__ */ new WeakMap();
+  let i = _e(n, s), o, c, u, f, a;
+  const l = [], m = pn();
   if (t.scenes = Object.values(
     // TODO(ameerf): find a polyfill and use groupBy instead of following reduce
     e.scenes.reduce(
-      (h, g, y) => {
-        const p = g.groupId ? `group-${g.groupId}` : String(y);
-        return h[p] ? h[p].push(g) : h[p] = [g], h;
+      (h, p, y) => {
+        const v = p.groupId ? `group-${p.groupId}` : String(y);
+        return h[v] ? h[v].push(p) : h[v] = [p], h;
       },
       {}
     )
-  ).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) {
+  ).flatMap((h) => (h.every((p) => p.viewSource && (typeof p.duration == "string" || p.start?.name)) ? (h = V(h, n, i, s, m), (t.observeSourcesResize || t.observeContentResize) && l.push(h)) : h.forEach((p) => {
+    p.end == null && (p.end = p.start + p.duration), p.duration == null && (p.duration = p.end - p.start);
+  }), h)), t.scenes.forEach((h, p) => {
+    h.index = p;
+  }), l.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);
+    window.ResizeObserver && (u = new window.ResizeObserver(function(p) {
+      p.forEach((y) => {
+        const v = h.get(y.target), w = V(v, n, i, s, m);
+        w.forEach((b, S) => {
+          t.scenes[b.index] = w[S];
+        }), l.splice(l.indexOf(v), 1, w);
       });
-    }), 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];
+    }), l.forEach((p) => {
+      u.observe(p[0].viewSource, { box: "border-box" }), h.set(p[0].viewSource, p);
+    }), t.observeContentResize && t.contentRoot && new window.ResizeObserver(qe(() => {
+      const y = l.map((v) => {
+        const w = V(v, n, i, s, m);
+        return w.forEach((b, S) => {
+          t.scenes[b.index] = w[S];
         }), w;
       });
-      f.length = 0, f.push(...y), f.forEach((p) => {
-        h.set(p[0].viewSource, p);
+      l.length = 0, l.push(...y), l.forEach((v) => {
+        h.set(v[0].viewSource, v);
       });
-    }, 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;
+    }, Ae)).observe(t.contentRoot, { box: "border-box" })), t.observeViewportResize && (f = qe(function() {
+      i = _e(n, s);
+      const p = l.map((y) => {
+        const v = V(y, n, i, s, m);
+        return v.forEach((w, b) => {
+          t.scenes[w.index] = v[b];
+        }), v;
       });
-      f.length = 0, f.push(...g), f.forEach((y) => {
+      l.length = 0, l.push(...p), l.forEach((y) => {
         h.set(y[0].viewSource, y);
       });
-    }, Ie), n === window ? window.addEventListener("resize", l) : window.ResizeObserver && (a = new window.ResizeObserver(l), a.observe(n, { box: "border-box" })));
+    }, Ae), n === window ? window.addEventListener("resize", f) : window.ResizeObserver && (a = new window.ResizeObserver(f), a.observe(n, { box: "border-box" })));
   }
   t.observeViewportEntry && window.IntersectionObserver && (c = new window.IntersectionObserver(function(h) {
-    h.forEach((g) => {
-      (r.get(g.target) || []).forEach((y) => {
-        y.disabled = !g.isIntersecting;
+    h.forEach((p) => {
+      (r.get(p.target) || []).forEach((y) => {
+        y.disabled = !p.isIntersecting;
       });
     });
   }, {
@@ -1111,40 +1317,40 @@ function rn(e) {
     threshold: 0
   }), 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);
+      let p = r.get(h.viewSource);
+      p || (p = [], r.set(h.viewSource, p), c.observe(h.viewSource)), p.push(h);
     }
   }));
-  function v({ p: h, vp: g }) {
+  function g({ p: h, vp: p }) {
     h = +h.toFixed(1);
-    const y = +g.toFixed(4);
+    const y = +p.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);
+      for (let v of t.scenes)
+        if (!v.disabled) {
+          const { start: w, end: b, duration: S } = v, T = mn(h, w, b, S);
+          v.effect(v, T, y);
         }
       o = h;
     }
   }
-  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));
+  function d() {
+    t.scenes.forEach((h) => h.destroy?.()), c && (c.disconnect(), c = null), u && (u.disconnect(), u = null), f && (a ? (a.disconnect(), a = null) : window.removeEventListener("resize", f));
   }
   return {
-    tick: v,
-    destroy: m
+    tick: g,
+    destroy: d
   };
 }
-const on = {
+const vn = {
   transitionActive: !1,
   transitionFriction: 0.9,
   transitionEpsilon: 1,
   velocityActive: !1,
   velocityMax: 1
 };
-class cn {
+class yn {
   constructor(t = {}) {
-    this.config = Ne(t, on), this.progress = {
+    this.config = Be(t, vn), this.progress = {
       p: 0,
       prevP: 0,
       vp: 0
@@ -1157,7 +1363,7 @@ class cn {
     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 = Gt(() => {
+    }), this._trigger = sn(() => {
       this._measure?.(), this.tick(!0);
     });
   }
@@ -1203,7 +1409,7 @@ class cn {
    * Calculate current progress.
    */
   lerp() {
-    this.currentProgress.p = Yt(this.currentProgress.p, this.progress.p, +(1 - this.config.transitionFriction).toFixed(3), this.config.transitionEpsilon);
+    this.currentProgress.p = nn(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 +1433,7 @@ class cn {
    * Reset registered effect.
    */
   setupEffect() {
-    this.removeEffect(), this.effect = rn(this.config);
+    this.removeEffect(), this.effect = gn(this.config);
   }
   /**
    * Remove registered effect.
@@ -1236,63 +1442,63 @@ class cn {
     this.effect && this.effect.destroy(), this.effect = null;
   }
 }
-const oe = /* @__PURE__ */ new WeakMap();
-let Ve = () => ({});
-function an(e) {
-  Ve = e;
+const le = /* @__PURE__ */ new WeakMap();
+let Ke = () => ({});
+function En(e) {
+  Ke = e;
 }
-function fn(e, t, n, s, { reducedMotion: r }) {
+function wn(e, t, n, s, { reducedMotion: r }) {
   if (r)
     return;
   const i = {
     trigger: "view-progress",
     element: e
-  }, o = F(n);
+  }, o = P(n);
   let c;
   if ("ViewTimeline" in window) {
-    const l = de(t, o, i);
-    l && (l.play(), c = () => {
-      l.ready.then(() => {
-        l.cancel();
+    const f = ve(t, o, i);
+    f && (f.play(), c = () => {
+      f.ready.then(() => {
+        f.cancel();
       });
     });
   } else {
-    const l = Me(t, o, i);
-    if (l) {
-      const a = Array.isArray(l) ? l : [l], f = new cn({
+    const f = De(t, o, i);
+    if (f) {
+      const a = Array.isArray(f) ? f : [f], l = new yn({
         viewSource: e,
         scenes: a,
         observeViewportEntry: !1,
         observeViewportResize: !1,
         observeSourcesResize: !0,
         root: document.body,
-        ...Ve()
+        ...Ke()
       });
       c = () => {
-        f.destroy();
-      }, Promise.all(a.map((d) => d.ready || Promise.resolve())).then(
+        l.destroy();
+      }, Promise.all(a.map((m) => m.ready || Promise.resolve())).then(
         () => {
-          f.start();
+          l.start();
         }
       );
     }
   }
   if (!c) return;
   const u = { source: e, target: t, cleanup: c };
-  I(oe, e, u), I(oe, t, u);
+  O(le, e, u), O(le, t, u);
 }
-function ln(e) {
-  M(oe, e);
+function bn(e) {
+  N(le, e);
 }
-const un = {
-  add: fn,
-  remove: ln,
-  registerOptionsGetter: an
+const Sn = {
+  add: wn,
+  remove: bn,
+  registerOptionsGetter: En
 };
-function _e(e, t, n) {
+function xe(e, t, n) {
   return Math.min(Math.max(e, n), t);
 }
-function ke(e) {
+function Me(e) {
   let t = !1;
   return function() {
     if (!t)
@@ -1301,7 +1507,7 @@ function ke(e) {
       });
   };
 }
-function dn(e) {
+function In(e) {
   let t = e, n = 0, s = 0;
   if (t.offsetParent)
     do
@@ -1314,7 +1520,7 @@ function dn(e) {
     height: e.offsetHeight
   };
 }
-function hn() {
+function Tn() {
   const e = window.devicePixelRatio;
   let t = !1;
   if (e === 1)
@@ -1327,7 +1533,7 @@ function hn() {
   });
   return document.body.dispatchEvent(n), t;
 }
-function mn() {
+function On() {
   return new Promise((e) => {
     const t = window.scrollY;
     let n = !1, s;
@@ -1346,42 +1552,42 @@ function mn() {
     r(), window.addEventListener("scroll", i), window.scrollY > 0 && window.scrollBy(0, -1);
   });
 }
-function gn(e) {
-  mn().then((t) => {
+function Cn(e) {
+  On().then((t) => {
     e.fixRequired = t, t && (window.addEventListener("scroll", e.scrollHandler), e.scrollHandler());
   });
 }
-let z = 0;
-const K = /* @__PURE__ */ new Set();
-function vn() {
+let W = 0;
+const J = /* @__PURE__ */ new Set();
+function kn() {
   const e = (n) => {
     for (let s of n.changedTouches)
-      K.add(s.identifier);
+      J.add(s.identifier);
   }, t = (n) => {
     for (let s of n.changedTouches)
-      K.delete(s.identifier);
+      J.delete(s.identifier);
   };
   return document.addEventListener("touchstart", e, { passive: !0 }), document.addEventListener("touchend", t, { passive: !0 }), function() {
-    K.clear(), document.removeEventListener("touchstart", e), document.removeEventListener("touchend", t);
+    J.clear(), document.removeEventListener("touchstart", e), document.removeEventListener("touchend", t);
   };
 }
-function pn(e, t) {
+function qn(e, t) {
   if ("onscrollend" in window)
     return e.addEventListener("scrollend", t), function() {
       e.removeEventListener("scrollend", t);
     };
   let n = 0, s;
-  z || (s = vn()), z += 1;
+  W || (s = kn()), W += 1;
   function r(i) {
     clearTimeout(n), n = setTimeout(() => {
-      K.size ? setTimeout(r, 100) : (t(i), n = 0);
+      J.size ? setTimeout(r, 100) : (t(i), n = 0);
     }, 100);
   }
   return e.addEventListener("scroll", r), function() {
-    e.removeEventListener("scroll", r), z -= 1, z || s();
+    e.removeEventListener("scroll", r), W -= 1, W || s();
   };
 }
-function yn(e, t, n) {
+function An(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;
@@ -1393,13 +1599,13 @@ function yn(e, t, n) {
     }
   };
 }
-function En(e, t) {
+function _n(e, t) {
   this.x = window.scrollX, this.y = window.scrollY, requestAnimationFrame(() => e && e(t));
 }
-function wn(e) {
+function xn(e) {
   e.rect.width = window.document.documentElement.clientWidth, e.rect.height = window.document.documentElement.clientHeight;
 }
-function bn(e) {
+function Mn(e) {
   const t = new ResizeObserver((n) => {
     n.forEach((s) => {
       e.rect.width = s.borderBoxSize[0].inlineSize, e.rect.height = s.borderBoxSize[0].blockSize;
@@ -1407,38 +1613,38 @@ function bn(e) {
   });
   return t.observe(e.root, { box: "border-box" }), t;
 }
-function Sn(e) {
+function Ln(e) {
   let t = !1, n = { x: e.rect.width / 2, y: e.rect.height / 2, vx: 0, vy: 0 }, s, r, i, o, c;
   const u = { x: 0, y: 0 };
   e.scenes.forEach((a) => {
-    a.target && a.centeredToTarget && (a.transform = yn(dn(a.target), e.rect, u), t = !0), e.root ? r = bn(e) : (i = wn.bind(null, e), window.addEventListener("resize", i));
+    a.target && a.centeredToTarget && (a.transform = An(In(a.target), e.rect, u), t = !0), e.root ? r = Mn(e) : (i = xn.bind(null, e), window.addEventListener("resize", i));
   }), s = function(a) {
-    for (let 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);
+    for (let l of e.scenes)
+      if (!l.disabled) {
+        const m = l.transform?.x(a.x) || a.x / e.rect.width, g = l.transform?.y(a.y) || a.y / e.rect.height, d = +xe(0, 1, m).toPrecision(4), h = +xe(0, 1, g).toPrecision(4), p = { x: a.vx, y: a.vy };
+        e.allowActiveEvent && (a.active = m <= 1 && g <= 1 && m >= 0 && g >= 0), l.effect(l, { x: d, y: h }, p, a.active);
       }
     Object.assign(n, a);
-  }, t && (o = En.bind(u, s, n), c = pn(document, o));
-  function l() {
+  }, t && (o = _n.bind(u, s, n), c = qn(document, o));
+  function f() {
     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
+    destroy: f
   };
 }
-const Tn = 1e3 / 60 * 3;
-let N;
-function In() {
-  _.x = window.scrollX, _.y = window.scrollY;
+const Pn = 1e3 / 60 * 3;
+let j;
+function $n() {
+  x.x = window.scrollX, x.y = window.scrollY;
 }
-const _ = { x: 0, y: 0, scrollHandler: In, fixRequired: void 0 };
-class On {
+const x = { x: 0, y: 0, scrollHandler: $n, fixRequired: void 0 };
+class Fn {
   constructor(t = {}) {
     this.config = { ...t }, this.effect = null, this._nextTick = null, this._nextTransitionTick = null, this._startTime = 0;
     let n;
-    this.config.transitionDuration ? n = this.config.noThrottle ? () => this.transition() : ke(() => this.transition()) : n = this.config.noThrottle ? () => (this.tick(), null) : ke(() => {
+    this.config.transitionDuration ? n = this.config.noThrottle ? () => this.transition() : Me(() => this.transition()) : n = this.config.noThrottle ? () => (this.tick(), null) : Me(() => {
       this.tick();
     }), this.config.rect = this.config.root ? {
       width: this.config.root.offsetWidth,
@@ -1461,15 +1667,15 @@ class On {
     }, this._pointerEnter = () => {
       this.progress.active = !0, this._nextTick = n();
     }, this.config.root) {
-      N = typeof N == "boolean" ? N : hn();
-      const r = N ? window.devicePixelRatio : 1;
-      typeof _.fixRequired > "u" && gn(_), this._measure = (i) => {
+      j = typeof j == "boolean" ? j : Tn();
+      const r = j ? window.devicePixelRatio : 1;
+      typeof x.fixRequired > "u" && Cn(x), this._measure = (i) => {
         if (i.target !== this.config.root) {
           const o = new PointerEvent("pointermove", {
             bubbles: !0,
             cancelable: !0,
-            clientX: i.x * r + _.x,
-            clientY: i.y * r + _.y
+            clientX: i.x * r + x.x,
+            clientY: i.y * r + x.y
           });
           i.stopPropagation(), this.config.root.dispatchEvent(o);
         } else
@@ -1506,7 +1712,7 @@ class On {
     let r = !1;
     const i = (o) => {
       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);
+      r && (this.progress.vx = 0, this.progress.vy = 0, r = !1), this.currentProgress = Object.entries(this.progress).reduce((f, [a, l]) => (a === "active" ? f[a] = l : f[a] = this.previousProgress[a] + (l - this.previousProgress[a]) * u, f), this.currentProgress || {}), c < 1 && (this._nextTransitionTick = requestAnimationFrame(i), r = o - this._startTime > Pn), this.effect.tick(this.currentProgress);
     };
     return this._startTime ? (this._nextTransitionTick && cancelAnimationFrame(this._nextTransitionTick), Object.assign(this.previousProgress, this.currentProgress), this._startTime = s, i(s)) : this._startTime = s, this._nextTransitionTick;
   }
@@ -1535,7 +1741,7 @@ class On {
    * Reset registered effect.
    */
   setupEffect() {
-    this.removeEffect(), this.effect = Sn(this.config);
+    this.removeEffect(), this.effect = Ln(this.config);
   }
   /**
    * Remove registered effect.
@@ -1544,205 +1750,211 @@ class On {
     this.effect && this.effect.destroy(), this.effect = null;
   }
 }
-const ce = /* @__PURE__ */ new WeakMap();
-let De = () => ({});
-function _n(e) {
-  De = e;
+const ue = /* @__PURE__ */ new WeakMap();
+let Qe = () => ({});
+function Rn(e) {
+  Qe = e;
 }
-function kn(e, t, n, s = {}, { reducedMotion: r }) {
+function zn(e, t, n, s = {}, { reducedMotion: r }) {
   if (r)
     return;
   const i = {
     trigger: "pointer-move",
     element: e,
     axis: s.axis ?? "y"
-  }, o = Me(t, F(n), i);
+  }, o = De(t, P(n), i);
   if (o) {
-    const c = Array.isArray(o) ? o : [o], u = new On({
+    const c = Array.isArray(o) ? o : [o], u = new Fn({
       root: s.hitArea === "self" ? e : void 0,
       scenes: c,
-      ...De()
+      ...Qe()
     }), a = { source: e, target: t, cleanup: () => {
       u.destroy();
     } };
-    I(ce, e, a), I(ce, t, a), Promise.all(
-      c.map((f) => f.ready || Promise.resolve())
+    O(ue, e, a), O(ue, t, a), Promise.all(
+      c.map((l) => l.ready || Promise.resolve())
     ).then(() => {
       u.start();
     });
   }
 }
-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(
+function Hn(e) {
+  N(ue, e);
+}
+const Gn = {
+  add: zn,
+  remove: Hn,
+  registerOptionsGetter: Rn
+}, de = /* @__PURE__ */ new WeakMap();
+function Nn(e, t, n, s, { reducedMotion: r, selectorCondition: i, animation: o }) {
+  const c = o || ne(
     t,
-    F(n),
+    P(n),
     void 0,
     r
   );
-  if (!o)
+  if (!c)
     return;
-  const c = () => {
-    i && !t.matches(i) || o.play();
-  }, l = { source: e, target: t, cleanup: () => {
-    o.cancel(), e.removeEventListener("animationend", c);
+  const u = () => {
+    i && !t.matches(i) || c.play();
+  }, a = { source: e, target: t, cleanup: () => {
+    c.cancel(), e.removeEventListener("animationend", u);
   } };
-  I(ae, e, l), I(ae, t, l), e.addEventListener("animationend", c);
+  O(de, e, a), O(de, t, a), e.addEventListener("animationend", u);
 }
-function Ln(e) {
-  M(ae, e);
+function Dn(e) {
+  N(de, e);
 }
-const Pn = {
-  add: An,
-  remove: Ln
+const Vn = {
+  add: Nn,
+  remove: Dn
 };
-function Rn(e, t, n, s = !1, r, i) {
-  const o = he(
+function Wn(e, t, n, s = !1, r, i, o) {
+  const c = o || ne(
     e,
-    F(t),
+    P(t),
     void 0,
     s
   );
-  if (!o)
+  if (!c)
     return null;
-  let c = !0;
-  const u = n.type || "alternate";
-  return (l) => {
+  let u = !0;
+  const f = n.type || "alternate";
+  return (a) => {
     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(() => {
+    const l = !i, m = i?.enter?.includes(a.type), g = i?.leave?.includes(a.type);
+    if (m || l) {
+      f === "alternate" || f === "state" ? u ? (u = !1, c.play()) : f === "alternate" ? c.reverse() : f === "state" && (c.playState === "running" ? c.pause() : c.playState !== "finished" && c.play()) : (c.progress(0), delete e.dataset.interactEnter, c.isCSS && c.onFinish(() => {
+        I.mutate(() => {
           e.dataset.interactEnter = "done";
         });
-      }), o.play());
+      }), c.play());
       return;
     }
-    d && (u === "alternate" ? o.reverse() : u === "repeat" ? (o.cancel(), S.mutate(() => {
+    g && (f === "alternate" ? c.reverse() : f === "repeat" ? (c.cancel(), I.mutate(() => {
       delete e.dataset.interactEnter;
-    })) : u === "state" && o.playState === "running" && o.pause());
+    })) : f === "state" && c.playState === "running" && c.pause());
   };
 }
-function $n(e, t, {
+function jn(e, t, {
   effectId: n,
   listContainer: s,
   listItemSelector: r
 }, i, o, c) {
-  const u = !!s, l = i.method || "toggle", a = l === "toggle";
-  return (f) => {
+  const u = !!s, f = i.method || "toggle", a = f === "toggle";
+  return (l) => {
     if (o && !e.matches(o)) return;
-    const d = u ? e.closest(
+    const m = 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));
+    ) : void 0, g = !c, d = c?.enter?.includes(l.type), h = c?.leave?.includes(l.type);
+    g ? t.toggleEffect(n, f, m) : (d && t.toggleEffect(n, a ? "add" : f, m), h && a && t.toggleEffect(n, "remove", m));
   };
 }
-const fe = /* @__PURE__ */ new WeakMap();
-function Ce(e, t) {
+const he = /* @__PURE__ */ new WeakMap();
+function Le(e, t) {
   return (n) => {
     const s = n;
     e.contains(s.relatedTarget) || t(s);
   };
 }
-function Fn(e) {
+function Yn(e) {
   return (t) => {
     const n = t;
     n.pointerType && e(n);
   };
 }
-function Mn(e) {
+function Bn(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)
+const Kn = {
+  focusin: (e, t) => Le(e, t),
+  focusout: (e, t) => Le(e, t),
+  click: (e, t) => Yn(t),
+  keydown: (e, t) => Bn(t)
 };
-function Hn(e, t, n) {
-  const s = qn[e];
+function Qn(e, t, n) {
+  const s = Kn[e];
   return s ? s(t, n) : (r) => n(r);
 }
-function zn(e) {
+function Xn(e) {
   return typeof e == "object" && !Array.isArray(e) && ("enter" in e || "leave" in e);
 }
-function Nn(e) {
+function Un(e) {
   if (typeof e == "string")
     return { toggle: [e] };
   if (Array.isArray(e))
     return { toggle: [...e] };
-  if (zn(e)) {
+  if (Xn(e)) {
     const t = e.enter ? [...e.enter] : [], n = e.leave ? [...e.leave] : [];
     return { enter: t, leave: n };
   }
   return {};
 }
-function Vn(e) {
+function Jn(e) {
   return !!(e.enter?.length || e.leave?.length);
 }
-function Dn(e) {
-  return Vn(e) ? { enter: e.enter ?? [], leave: e.leave ?? [] } : void 0;
+function Zn(e) {
+  return Jn(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(
+function es(e, t, n, s, {
+  reducedMotion: r,
+  targetController: i,
+  selectorCondition: o,
+  animation: c
+}) {
+  const u = Un(s.eventConfig), f = n.transition || n.transitionProperties, a = Zn(u);
+  let l, m = !1;
+  if (f ? l = jn(
     t,
     i,
     n,
     s,
     o,
-    l
-  ) : (a = Rn(
+    a
+  ) : (l = Wn(
     t,
     n,
     s,
     r,
     o,
-    l
-  ), f = s.type === "once"), !a)
+    a,
+    c
+  ), m = s.type === "once"), !l)
     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 = l, d = new AbortController();
+  function h(v, w, b) {
+    const S = Qn(w, e, g);
+    v.addEventListener(w, S, { ...b, signal: d.signal });
   }
-  const g = { source: e, target: t, cleanup: () => {
-    v.abort();
+  const y = { source: e, target: t, cleanup: () => {
+    d.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 });
+  if (O(he, e, y), O(he, t, y), a) {
+    const v = u.enter, w = u.leave;
+    v.forEach((S) => {
+      S === "focusin" && (e.tabIndex = 0), h(e, S, { passive: !0, once: m });
+    }), (f ? s.method === "toggle" : s.type !== "once") && w.forEach((S) => {
+      if (S === "focusout") {
+        h(e, S, { once: m });
         return;
       }
-      m(e, b, { passive: !0 });
+      h(e, S, { passive: !0 });
     });
   } else
-    (c.toggle ?? []).forEach((p) => {
-      m(e, p, { once: f, passive: p !== "keydown" });
+    (u.toggle ?? []).forEach((w) => {
+      h(e, w, { once: m, passive: w !== "keydown" });
     });
 }
-function jn(e) {
-  M(fe, e);
+function ts(e) {
+  N(he, e);
 }
-const A = {
-  add: Wn,
-  remove: jn
-}, le = {
+const R = {
+  add: es,
+  remove: ts
+}, me = {
   click: ["click"],
   activate: ["click", "keydown"],
   hover: { enter: ["mouseenter"], leave: ["mouseleave"] },
@@ -1750,41 +1962,41 @@ const A = {
     enter: ["mouseenter", "focusin"],
     leave: ["mouseleave", "focusout"]
   }
-}, xe = {
-  click: le.activate,
-  hover: le.interest
+}, Pe = {
+  click: me.activate,
+  hover: me.interest
 };
-function V(e) {
-  const t = le[e];
+function Y(e) {
+  const t = me[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 c = o?.allowA11yTriggers && e in Pe ? Pe[e] : t;
+    R.add(n, s, r, { ...i, eventConfig: c }, o ?? {});
   };
 }
-const P = {
-  viewEnter: Se,
+const q = {
+  viewEnter: ke,
   hover: {
-    add: V("hover"),
-    remove: A.remove
+    add: Y("hover"),
+    remove: R.remove
   },
   click: {
-    add: V("click"),
-    remove: A.remove
+    add: Y("click"),
+    remove: R.remove
   },
-  pageVisible: Se,
-  animationEnd: Pn,
-  viewProgress: un,
-  pointerMove: xn,
+  pageVisible: ke,
+  animationEnd: Vn,
+  viewProgress: Sn,
+  pointerMove: Gn,
   activate: {
-    add: V("activate"),
-    remove: A.remove
+    add: Y("activate"),
+    remove: R.remove
   },
   interest: {
-    add: V("interest"),
-    remove: A.remove
+    add: Y("interest"),
+    remove: R.remove
   }
 };
-function Yn(e) {
+function ns(e) {
   return e.replace(/\[([-\w]+)]/g, "[]");
 }
 class E {
@@ -1798,14 +2010,16 @@ class E {
   static allowA11yTriggers = !0;
   static instances = [];
   static controllerCache = /* @__PURE__ */ new Map();
+  static sequenceCache = /* @__PURE__ */ new Map();
+  static elementSequenceMap = /* @__PURE__ */ new WeakMap();
   constructor() {
-    this.dataCache = { effects: {}, conditions: {}, interactions: {} }, this.addedInteractions = {}, this.mediaQueryListeners = /* @__PURE__ */ new Map(), this.listInteractionsCache = {}, this.controllers = /* @__PURE__ */ new Set();
+    this.dataCache = { effects: {}, sequences: {}, conditions: {}, interactions: {} }, this.addedInteractions = {}, this.mediaQueryListeners = /* @__PURE__ */ new Map(), this.listInteractionsCache = {}, this.controllers = /* @__PURE__ */ new Set();
   }
   init(t, n) {
     if (typeof window > "u" || !window.customElements)
       return;
     const s = n?.useCutsomElement ?? !!E.defineInteractElement;
-    this.dataCache = Kn(t, s);
+    this.dataCache = is(t, s);
     const r = E.defineInteractElement?.();
     s && r === !1 ? document.querySelectorAll("interact-element").forEach((i) => {
       i.connect();
@@ -1818,7 +2032,7 @@ class E {
       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: {} }, E.instances.splice(E.instances.indexOf(this), 1);
+    this.mediaQueryListeners.clear(), this.addedInteractions = {}, this.listInteractionsCache = {}, this.controllers.clear(), this.dataCache = { effects: {}, sequences: {}, conditions: {}, interactions: {} }, E.instances.splice(E.instances.indexOf(this), 1);
   }
   setController(t, n) {
     this.controllers.add(n), E.setController(t, n);
@@ -1831,7 +2045,7 @@ class E {
     return !!this.get(t);
   }
   get(t) {
-    const n = Yn(t);
+    const n = ns(t);
     return this.dataCache.interactions[n];
   }
   clearMediaQueryListenersForKey(t) {
@@ -1839,10 +2053,13 @@ class E {
       s.key === t && (s.mql.removeEventListener("change", s.handler), this.mediaQueryListeners.delete(n));
   }
   clearInteractionStateForKey(t) {
-    (this.get(t)?.interactionIds || []).forEach((s) => {
-      const r = R(s, t);
-      delete this.addedInteractions[r];
+    (this.get(t)?.interactionIds || []).forEach((r) => {
+      const i = C(r, t);
+      delete this.addedInteractions[i];
     });
+    const s = `${t}::seq::`;
+    for (const r of E.sequenceCache.keys())
+      r.startsWith(s) && (E.sequenceCache.delete(r), delete this.addedInteractions[r]);
   }
   setupMediaQueryListener(t, n, s, r) {
     this.mediaQueryListeners.has(t) || (n.addEventListener("change", r), this.mediaQueryListeners.set(t, {
@@ -1858,14 +2075,14 @@ class E {
   static destroy() {
     E.controllerCache.forEach((t) => {
       t.disconnect();
-    }), E.instances.length = 0, E.controllerCache.clear();
+    }), E.instances.length = 0, E.controllerCache.clear(), E.sequenceCache.clear(), E.elementSequenceMap = /* @__PURE__ */ new WeakMap();
   }
   static setup(t) {
-    t.scrollOptionsGetter && P.viewProgress.registerOptionsGetter?.(
+    t.scrollOptionsGetter && q.viewProgress.registerOptionsGetter?.(
       t.scrollOptionsGetter
-    ), t.pointerOptionsGetter && P.pointerMove.registerOptionsGetter?.(
+    ), t.pointerOptionsGetter && q.pointerMove.registerOptionsGetter?.(
       t.pointerOptionsGetter
-    ), t.viewEnter && P.viewEnter.setOptions(
+    ), t.viewEnter && q.viewEnter.setOptions(
       t.viewEnter
     ), t.allowA11yTriggers !== void 0 && (E.allowA11yTriggers = t.allowA11yTriggers);
   }
@@ -1881,10 +2098,46 @@ class E {
   static deleteController(t) {
     E.controllerCache.delete(t);
   }
-  static registerEffects = kt;
+  static registerEffects = Rt;
+  static getSequence(t, n, s, r) {
+    const i = E.sequenceCache.get(t);
+    if (i) return i;
+    const o = Bt(n, s, r);
+    return E.sequenceCache.set(t, o), E._registerSequenceElements(s, o), o;
+  }
+  static addToSequence(t, n, s, r) {
+    const i = E.sequenceCache.get(t);
+    if (!i) return !1;
+    const c = Ve(n, r).map((u, f) => ({
+      index: s[f] ?? i.animationGroups.length,
+      group: u
+    }));
+    return i.addGroups(c), E._registerSequenceElements(n, i), !0;
+  }
+  static _registerSequenceElements(t, n) {
+    for (const { target: s } of t) {
+      const r = Array.isArray(s) ? s : s instanceof HTMLElement ? [s] : [];
+      for (const i of r) {
+        let o = E.elementSequenceMap.get(i);
+        o || (o = /* @__PURE__ */ new Set(), E.elementSequenceMap.set(i, o)), o.add(n);
+      }
+    }
+  }
+  static removeFromSequences(t) {
+    for (const n of t) {
+      const s = E.elementSequenceMap.get(n);
+      if (s) {
+        for (const r of s)
+          r.removeGroups(
+            (i) => i.animations.some((o) => o.effect?.target === n)
+          );
+        E.elementSequenceMap.delete(n);
+      }
+    }
+  }
 }
-let Gn = 0;
-function J(e, {
+let ss = 0;
+function H(e, {
   asCombinator: t = !1,
   addItemFilter: n = !1,
   useFirstChild: s = !1
@@ -1896,54 +2149,87 @@ function J(e, {
     return e.selector;
   return s ? t ? "> :first-child" : ":scope > :first-child" : "";
 }
-function Kn(e, t = !1) {
+function $e(e) {
+  return "sequenceId" in e && !("effects" in e);
+}
+function ce(e, t) {
+  return e[t] || (e[t] = {
+    triggers: [],
+    effects: {},
+    sequences: {},
+    interactionIds: /* @__PURE__ */ new Set(),
+    selectors: /* @__PURE__ */ new Set()
+  }), e[t];
+}
+function is(e, t = !1) {
   const n = e.conditions || {}, s = {};
   return e.interactions?.forEach((r) => {
-    const i = r.key, o = ++Gn, { effects: c, ...u } = r;
+    const i = r.key, o = ++ss, { effects: c, sequences: u, ...f } = r;
     if (!i) {
       console.error(`Interaction ${o} is missing a key for source element.`);
       return;
     }
-    s[i] || (s[i] = {
-      triggers: [],
-      effects: {},
-      interactionIds: /* @__PURE__ */ new Set(),
-      selectors: /* @__PURE__ */ new Set()
-    });
-    const l = Array.from(c);
-    l.reverse();
-    const a = { ...u, effects: l };
-    s[i].triggers.push(a), s[i].selectors.add(
-      J(a, { useFirstChild: t })
+    ce(s, i);
+    const a = c ? Array.from(c) : [];
+    a.reverse();
+    const l = u?.map((d) => {
+      if ($e(d)) {
+        const p = e.sequences?.[d.sequenceId];
+        return p ? { ...p, ...d } : (console.warn(`Interact: Sequence "${d.sequenceId}" not found in config`), d);
+      }
+      const h = d;
+      return h.sequenceId || (h.sequenceId = _()), h;
+    }), m = {
+      ...f,
+      effects: a.length > 0 ? a : void 0,
+      sequences: l
+    };
+    s[i].triggers.push(m), s[i].selectors.add(
+      H(m, { useFirstChild: t })
     );
-    const f = a.listContainer;
-    l.forEach((d) => {
-      let v = d.key;
-      if (!v && d.effectId) {
-        const g = e.effects[d.effectId];
-        g && (v = g.key);
+    const g = m.listContainer;
+    a.forEach((d) => {
+      let h = d.key;
+      if (!h && d.effectId) {
+        const w = e.effects[d.effectId];
+        w && (h = w.key);
       }
-      d.effectId || (d.effectId = Mt()), v = v || i, d.key = v;
-      const m = d.effectId;
-      if (f && d.listContainer && (v !== i || d.listContainer !== f))
+      d.effectId || (d.effectId = _()), h = h || i, d.key = h;
+      const p = d.effectId;
+      if (g && d.listContainer && (h !== i || d.listContainer !== g))
         return;
-      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: {
-          [h]: []
-        },
-        interactionIds: /* @__PURE__ */ new Set(),
-        selectors: /* @__PURE__ */ new Set()
-      }, s[v].effects[h].push({ ...u, effect: d }), s[v].selectors.add(J(d, { useFirstChild: t })));
+      const y = `${i}::${h}::${p}::${o}`;
+      if (d.interactionId = y, s[i].interactionIds.add(y), h === i)
+        return;
+      const v = ce(s, h);
+      v.effects[y] || (v.effects[y] = [], v.interactionIds.add(y)), v.effects[y].push({ ...f, effect: d }), v.selectors.add(H(d, { useFirstChild: t }));
+    }), l?.forEach((d) => {
+      if (!d || $e(d)) return;
+      const h = d, p = h.sequenceId || _(), y = h.effects;
+      for (const v of y) {
+        v.effectId || (v.effectId = _());
+        let w = v.key;
+        if (!w && v.effectId) {
+          const b = e.effects[v.effectId];
+          b && (w = b.key);
+        }
+        if (w = w || i, w !== i) {
+          const b = ce(s, w), S = `${w}::seq::${p}::${o}`;
+          b.sequences[S] || (b.sequences[S] = [], b.interactionIds.add(S)), b.sequences[S].push({
+            ...f,
+            sequence: h
+          }), b.selectors.add(H(v, { useFirstChild: t }));
+        }
+      }
     });
   }), {
     effects: e.effects || {},
+    sequences: e.sequences || {},
     conditions: n,
     interactions: s
   };
 }
-function Ae(e, t, n) {
+function pe(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}"`), []);
@@ -1956,31 +2242,31 @@ function Ae(e, t, n) {
   }
   return n ? t.firstElementChild : t;
 }
-function Le(e, t) {
+function ge(e, t) {
   return t.map((n) => e.selector ? n.querySelector(e.selector) : n).filter(Boolean);
 }
-function We(e, t, n, s, r, i, o, c) {
+function Xe(e, t, n, s, r, i, o, c) {
   return [
-    o ? Le(e, o) : Ae(e, n, s),
-    c ? Le(t, c) : Ae(t, r, i)
+    o ? ge(e, o) : pe(e, n, s),
+    c ? ge(t, c) : pe(t, r, i)
   ];
 }
-function je(e, t, n, s, r, i, o) {
+function Ue(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(
+  c ? s.forEach((f, a) => {
+    const l = u ? r[a] : r;
+    l && Fe(
       e,
-      l,
-      t.trigger,
       f,
+      t.trigger,
+      l,
       n,
       t.params,
       i,
       o
     );
   }) : (u ? r : [r]).forEach((a) => {
-    Pe(
+    Fe(
       e,
       s,
       t.trigger,
@@ -1992,129 +2278,293 @@ function je(e, t, n, s, r, i, o) {
     );
   });
 }
-function Ye(e, t, n, s, r) {
+function Je(e, t, n, s, r) {
   const i = {}, o = [];
-  s.effects.forEach((c) => {
-    const u = c.effectId, l = {
+  (s.effects || []).forEach((c) => {
+    const u = c.effectId, f = {
       ...n.dataCache.effects[u] || {},
       ...c,
       effectId: u
-    }, a = l.key, f = R(c.interactionId, e);
-    if (i[f] || n.addedInteractions[f] && !r)
+    }, a = f.key, l = C(c.interactionId, e);
+    if (i[l] || n.addedInteractions[l] && !r)
       return;
-    const d = $(l.conditions || [], n.dataCache.conditions);
-    if (d && n.setupMediaQueryListener(f, d, e, () => {
+    const m = k(f.conditions || [], n.dataCache.conditions);
+    if (m && n.setupMediaQueryListener(l, m, e, () => {
       t.update();
-    }), !d || d.matches) {
-      i[f] = !0;
-      const v = a && R(a, e);
-      let m;
-      if (v) {
-        if (m = E.getController(v), !m)
+    }), !m || m.matches) {
+      i[l] = !0;
+      const g = a && C(a, e);
+      let d;
+      if (g) {
+        if (d = E.getController(g), !d)
           return;
-        l.listContainer && m.watchChildList(l.listContainer);
+        f.listContainer && d.watchChildList(f.listContainer);
       } else
-        m = t;
-      const [h, g] = We(
+        d = t;
+      const [h, p] = Xe(
         s,
-        l,
+        f,
         t.element,
         t.useFirstChild,
-        m.element,
-        m.useFirstChild,
+        d.element,
+        d.useFirstChild,
         r
       );
-      if (!h || !g)
+      if (!h || !p)
         return;
-      n.addedInteractions[f] = !0;
-      const y = v || s.key, p = Q(
-        l.conditions || [],
+      n.addedInteractions[l] = !0;
+      const y = g || s.key, v = L(
+        f.conditions || [],
         n.dataCache.conditions
       );
       o.push([
         y,
         s,
-        l,
+        f,
         h,
-        g,
         p,
-        m.useFirstChild
+        v,
+        d.useFirstChild
       ]);
     }
   }), o.reverse().forEach((c) => {
-    je(...c);
+    Ue(...c);
+  }), os(e, t, n, s, r);
+}
+function rs(e) {
+  return "sequenceId" in e && !("effects" in e);
+}
+function Ze(e, t, n, s, r, i, o) {
+  const c = k(e.conditions || [], r.dataCache.conditions);
+  if (c && r.setupMediaQueryListener(t, c, i.updateKey, i.onUpdate), c && !c.matches) return null;
+  const u = e.effects || [], f = [];
+  let a = !1;
+  for (const l of u) {
+    const m = l.effectId, d = {
+      ...m ? r.dataCache.effects[m] || {} : {},
+      ...l
+    }, h = k(d.conditions || [], r.dataCache.conditions);
+    if (h) {
+      const T = `${t}::${m || "eff"}`;
+      r.setupMediaQueryListener(
+        T,
+        h,
+        i.updateKey,
+        i.onUpdate
+      );
+    }
+    if (h && !h.matches) continue;
+    const p = d.key, y = p && C(p, n);
+    let v;
+    if (y) {
+      if (v = E.getController(y), !v) return null;
+    } else
+      v = s;
+    const w = y || n;
+    let b;
+    if (o && w === o.controllerKey && d.listContainer === o.listContainer ? (b = ge(d, o.elements), b.length > 0 && (a = !0)) : b = pe(
+      d,
+      v.element,
+      v.useFirstChild
+    ), !b || Array.isArray(b) && b.length === 0) return null;
+    const S = P(d);
+    f.push({ target: b, options: S });
+  }
+  return o && !a ? null : f.length > 0 ? f : null;
+}
+function et(e, t, n) {
+  const i = (e.useFirstChild ? e.element.firstElementChild : e.element)?.querySelector(t);
+  if (!i) return n.map((c, u) => u);
+  const o = Array.from(i.children);
+  return n.map((c) => {
+    const u = o.indexOf(c);
+    return u >= 0 ? u : o.length;
   });
 }
-function 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);
+function os(e, t, n, s, r) {
+  s.sequences?.forEach((i) => {
+    let o;
+    if (rs(i)) {
+      const g = n.dataCache.sequences[i.sequenceId];
+      if (!g) {
+        console.warn(`Interact: Sequence "${i.sequenceId}" not found in cache`);
+        return;
+      }
+      o = { ...g, ...i };
+    } else
+      o = i;
+    const c = o.sequenceId || _(), u = C(`${e}::seq::${c}`, e);
+    if (n.addedInteractions[u] && !r) return;
+    const f = r && s.listContainer ? { controllerKey: e, listContainer: s.listContainer, elements: r } : void 0, a = Ze(
+      o,
+      u,
+      e,
+      t,
+      n,
+      { updateKey: e, onUpdate: () => t.update() },
+      f
+    );
+    if (!a) return;
+    if (r && n.addedInteractions[u]) {
+      const g = et(
+        t,
+        s.listContainer,
+        r
+      );
+      E.addToSequence(u, a, g, {
+        reducedMotion: E.forceReducedMotion
+      });
+      return;
+    }
+    const l = E.getSequence(u, o, a, {
+      reducedMotion: E.forceReducedMotion
+    });
+    n.addedInteractions[u] = !0;
+    const m = L(
+      s.conditions || [],
+      n.dataCache.conditions
+    );
+    q[s.trigger]?.add(
+      t.element,
+      t.element,
+      {},
+      s.params || {},
+      {
+        reducedMotion: E.forceReducedMotion,
+        selectorCondition: m,
+        animation: l,
+        allowA11yTriggers: E.allowA11yTriggers
+      }
+    );
+  });
+}
+function cs(e, t, n, s, r) {
+  const i = n.get(e)?.sequences || {};
+  Object.keys(i).forEach((c) => {
+    i[c].some(({ sequence: f, ...a }) => {
+      const l = k(
+        a.conditions || [],
+        n.dataCache.conditions
+      );
+      if (l && !l.matches)
+        return !1;
+      const m = a.key && C(a.key, e), g = E.getController(m);
+      if (!g)
+        return !0;
+      const d = f.sequenceId || _(), h = C(`${m}::seq::${d}`, m);
+      if (n.addedInteractions[h] && !r)
+        return !0;
+      const y = Ze(
+        f,
+        h,
+        m,
+        g,
+        n,
+        { updateKey: e, onUpdate: () => t.update() },
+        r && s ? { controllerKey: e, listContainer: s, elements: r } : void 0
+      );
+      if (!y) return !0;
+      if (r && n.addedInteractions[h]) {
+        const b = et(t, s, r);
+        return E.addToSequence(h, y, b, {
+          reducedMotion: E.forceReducedMotion
+        }), !0;
+      }
+      const v = E.getSequence(h, f, y, {
+        reducedMotion: E.forceReducedMotion
+      });
+      n.addedInteractions[h] = !0;
+      const w = L(
+        a.conditions || [],
+        n.dataCache.conditions
+      );
+      return q[a.trigger]?.add(
+        g.element,
+        g.element,
+        {},
+        a.params || {},
+        {
+          reducedMotion: E.forceReducedMotion,
+          selectorCondition: w,
+          animation: v,
+          allowA11yTriggers: E.allowA11yTriggers
+        }
+      ), !0;
+    });
+  });
+}
+function tt(e, t, n, s, r) {
+  const i = n.get(e), o = i?.effects || {}, c = Object.keys(o), u = [];
+  c.forEach((a) => {
+    const l = C(a, e);
     if (n.addedInteractions[l] && !r)
       return;
-    i[u].some(({ effect: f, ...d }) => {
-      const v = $(
+    o[a].some(({ effect: g, ...d }) => {
+      const h = k(
         d.conditions || [],
         n.dataCache.conditions
       );
-      if (v && !v.matches)
+      if (h && !h.matches)
         return !1;
-      const m = f.effectId, h = {
-        ...n.dataCache.effects[m] || {},
-        ...f,
-        effectId: m
+      const p = g.effectId, y = {
+        ...n.dataCache.effects[p] || {},
+        ...g,
+        effectId: p
       };
-      if (s && h.listContainer !== s)
+      if (s && y.listContainer !== s)
         return !1;
-      const g = $(h.conditions || [], n.dataCache.conditions);
-      if (g && n.setupMediaQueryListener(l, g, e, () => {
+      const v = k(y.conditions || [], n.dataCache.conditions);
+      if (v && n.setupMediaQueryListener(l, v, e, () => {
         t.update();
-      }), !g || g.matches) {
-        const y = d.key && R(d.key, e), p = E.getController(y);
-        if (!p)
+      }), !v || v.matches) {
+        const w = d.key && C(d.key, e), b = E.getController(w);
+        if (!b)
           return !0;
-        h.listContainer && t.watchChildList(h.listContainer);
-        const [w, b] = We(
+        y.listContainer && t.watchChildList(y.listContainer);
+        const [S, T] = Xe(
           d,
-          h,
-          p.element,
-          p.useFirstChild,
+          y,
+          b.element,
+          b.useFirstChild,
           t.element,
           t.useFirstChild,
           void 0,
           r
         );
-        if (!w || !b)
+        if (!S || !T)
           return !0;
         n.addedInteractions[l] = !0;
-        const T = Q(
-          h.conditions || [],
+        const $ = L(
+          y.conditions || [],
           n.dataCache.conditions
         );
-        return c.push([
+        return u.push([
           e,
           d,
-          h,
-          w,
-          b,
+          y,
+          S,
           T,
+          $,
           t.useFirstChild
         ]), !0;
       }
       return !1;
     });
-  }), c.reverse().forEach((u) => {
-    je(...u);
-  }), o.length > 0;
+  }), u.reverse().forEach((a) => {
+    Ue(...a);
+  }), cs(e, t, n, s, r);
+  const f = Object.keys(i?.sequences || {}).length > 0;
+  return c.length > 0 || f;
 }
-function Pe(e, t, n, s, r, i, o, c) {
+function Fe(e, t, n, s, r, i, o, c) {
   let u;
   if (r.transition || r.transitionProperties) {
-    const l = {
+    const f = {
       key: e,
       effectId: r.effectId,
       transition: r.transition,
       properties: r.transitionProperties,
-      childSelector: J(r, {
+      childSelector: H(r, {
         asCombinator: !0,
         addItemFilter: !0,
         useFirstChild: c
@@ -2123,67 +2573,68 @@ function Pe(e, t, n, s, r, i, o, c) {
     };
     if (u = E.getController(e), !u)
       return;
-    u.renderStyle(qt(l));
+    u.renderStyle(Kt(f));
   }
-  P[n]?.add(t, s, r, i, {
+  q[n]?.add(t, s, r, i, {
     reducedMotion: E.forceReducedMotion,
     targetController: u,
     selectorCondition: o,
     allowA11yTriggers: E.allowA11yTriggers
   });
 }
-function Bn(e) {
+function as(e) {
   const t = e.key, n = E.getInstance(t);
   if (!n)
     return console.warn(`No instance found for key: ${t}`), E.setController(t, e), !1;
   const { triggers: s = [] } = n?.get(t) || {}, r = s.length > 0;
   n.setController(t, e), s.forEach((o, c) => {
-    const u = $(o.conditions, n.dataCache.conditions);
+    const u = k(o.conditions, n.dataCache.conditions);
     if (u) {
-      const l = `${t}::trigger::${c}`;
-      n.setupMediaQueryListener(l, u, t, () => {
+      const f = `${t}::trigger::${c}`;
+      n.setupMediaQueryListener(f, u, t, () => {
         e.update();
       });
     }
-    (!u || u.matches) && (o.listContainer && e.watchChildList(o.listContainer), Ye(t, e, n, o));
+    (!u || u.matches) && (o.listContainer && e.watchChildList(o.listContainer), Je(t, e, n, o));
   });
   let i = !1;
-  return n && (i = Ge(t, e, n)), r || i;
+  return n && (i = tt(t, e, n)), r || i;
 }
-function Qn(e, t, n) {
+function fs(e, t, n) {
   const s = e.key, r = E.getInstance(s);
   if (r) {
     const { triggers: i = [] } = r?.get(s) || {};
     i.forEach((o, c) => {
       if (o.listContainer !== t)
         return;
-      const u = $(o.conditions, r.dataCache.conditions);
+      const u = k(o.conditions, r.dataCache.conditions);
       if (u) {
-        const l = `${s}::listTrigger::${t}::${c}`;
-        r.setupMediaQueryListener(l, u, s, () => {
+        const f = `${s}::listTrigger::${t}::${c}`;
+        r.setupMediaQueryListener(f, u, s, () => {
           e.update();
         });
       }
-      (!u || u.matches) && Ye(s, e, r, o, n);
-    }), Ge(s, e, r, t, n);
+      (!u || u.matches) && Je(s, e, r, o, n);
+    }), tt(s, e, r, t, n);
   }
 }
-function Xn(e, t = !1) {
+function ls(e, t = !1) {
   const n = e.key, s = E.getInstance(n);
   if (!s)
     return;
   const r = [...s.get(n)?.selectors.values() || []].filter(Boolean).join(",");
   let i;
-  r ? (i = [...e.element.querySelectorAll(r)], e.useFirstChild || i.push(e.element)) : i = [e.element], Ke(i), s.deleteController(n, t);
+  r ? (i = [...e.element.querySelectorAll(r)], e.useFirstChild || i.push(e.element)) : i = [e.element], nt(i), s.deleteController(n, t);
 }
-function Ke(e) {
-  const t = Object.values(P);
+function nt(e) {
+  const t = Object.values(q);
   for (const n of e)
     for (const s of t)
       s.remove(n);
+  E.removeFromSequences(e);
 }
-const ie = "interactEffect";
-class Un {
+const ae = "interactEffect";
+class us {
   element;
   key;
   connected;
@@ -2203,10 +2654,10 @@ class Un {
     }
     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 = Bn(this);
+    ), this.element.dataset.interactKey = t), this.key = t, this.connected = as(this);
   }
   disconnect({ removeFromCache: t = !1 } = {}) {
-    if ((this.key || this.element.dataset.interactKey) && Xn(this, t), this.sheet) {
+    if ((this.key || this.element.dataset.interactKey) && ls(this, t), this.sheet) {
       const s = document.adoptedStyleSheets.indexOf(this.sheet);
       document.adoptedStyleSheets.splice(s, 1);
     }
@@ -2237,12 +2688,12 @@ class Un {
       return;
     }
     const i = new Set(
-      this.element.dataset[ie]?.split(" ") || []
+      this.element.dataset[ae]?.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[ie] = 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[ae] = Array.from(i).join(" ");
   }
   getActiveEffects() {
-    const n = (this.element.dataset[ie] || "").trim();
+    const n = (this.element.dataset[ae] || "").trim();
     return n ? n.split(/\s+/) : [];
   }
   watchChildList(t) {
@@ -2260,22 +2711,22 @@ class Un {
       }), o.addedNodes.forEach((c) => {
         c instanceof HTMLElement && i.push(c);
       });
-    }), Ke(r), s && Qn(this, t, i);
+    }), nt(r), s && fs(this, t, i);
   }
 }
-function ns(e, t) {
-  new Un(e, t).connect();
+function gs(e, t) {
+  new us(e, t).connect();
 }
-function ss(e) {
+function vs(e) {
   const t = E.getController(e);
   t && t.disconnect({ removeFromCache: !0 });
 }
-const Jn = (e, t, n, s) => {
+const ds = (e, t, n, s) => {
   let i = `[data-interact-key="${e.replace(/"/g, "'")}"]`;
-  const o = J(t, { asCombinator: !0, useFirstChild: s });
-  return o && (i = `${i} ${o}`), n && (i = j(i, n)), i;
+  const o = H(t, { asCombinator: !0, useFirstChild: s });
+  return o && (i = `${i} ${o}`), n && (i = Q(i, n)), i;
 };
-function is(e, t = !1) {
+function ys(e, t = !1) {
   const n = [], s = /* @__PURE__ */ new Set();
   return e.interactions.forEach(
     ({
@@ -2284,37 +2735,37 @@ function is(e, t = !1) {
       listContainer: o,
       listItemSelector: c,
       trigger: u,
-      params: l,
+      params: f,
       effects: a,
-      conditions: f
+      conditions: l
     }) => {
       if (u === "viewEnter") {
-        const v = l;
-        (!v?.type || v.type === "once") && a.forEach((h) => {
-          const g = h?.effectId && e.effects[h.effectId] || h, {
+        const g = f;
+        (!g?.type || g.type === "once") && a?.forEach((h) => {
+          const p = h?.effectId && e.effects[h.effectId] || h, {
             key: y,
-            selector: p,
+            selector: v,
             listContainer: w,
             listItemSelector: b,
-            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
+            conditions: S
+          } = p;
+          if (!(!y || y === r) || !(!v && !i || v === i) || !(!w && !o || w === o) || !(!b && !c || b === c)) return;
+          const ye = e.conditions || {}, Ee = L(
+            S,
+            ye
+          ), se = L(
+            l,
+            ye
           );
-          if (!(!ge && !ee || ge === ee)) return;
-          const te = Jn(
+          if (!(!Ee && !se || Ee === se)) return;
+          const ie = ds(
             r,
-            g,
-            ee,
+            p,
+            se,
             t
           );
-          s.has(te) || (s.add(te), n.push(`@media (prefers-reduced-motion: no-preference) {
-              ${te}:not([data-interact-enter]) {
+          s.has(ie) || (s.add(ie), n.push(`@media (prefers-reduced-motion: no-preference) {
+              ${ie}:not([data-interact-enter]) {
                 visibility: hidden;
                 transform: none;
                 translate: none;
@@ -2329,10 +2780,10 @@ function is(e, t = !1) {
 `);
 }
 export {
-  Un as I,
+  us as I,
   E as a,
-  ns as b,
-  is as g,
-  ss as r
+  gs as b,
+  ys as g,
+  vs as r
 };
-//# sourceMappingURL=index-BfcN_rkn.mjs.map
+//# sourceMappingURL=index-BP07b-Y1.mjs.map