@wix/interact 2.1.2 → 2.1.4

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

@@ -1,56 +1,56 @@
-function st(e) {
-  return [...e.matchAll(/\[([-\w]+)]/g)].map(([t, n]) => n);
+function st(t) {
+  return [...t.matchAll(/\[([-\w]+)]/g)].map(([e, n]) => n);
 }
-function C(e, t) {
-  const n = st(t);
+function C(t, e) {
+  const n = st(e);
   let s = 0;
-  return n.length ? e.replace(/\[]/g, () => {
+  return n.length ? t.replace(/\[]/g, () => {
     const r = n[s++];
     return r !== void 0 ? `[${r}]` : "[]";
-  }) : e;
+  }) : t;
 }
 class G {
   animations;
   options;
   ready;
   isCSS;
-  constructor(t, n) {
-    this.animations = t, this.options = n, this.ready = n?.measured || Promise.resolve(), this.isCSS = t[0] instanceof CSSAnimation;
+  constructor(e, n) {
+    this.animations = e, this.options = n, this.ready = n?.measured || Promise.resolve(), this.isCSS = e[0] instanceof CSSAnimation;
   }
   getProgress() {
     return this.animations[0]?.effect?.getComputedTiming().progress || 0;
   }
-  async play(t) {
+  async play(e) {
     await this.ready;
     for (const n of this.animations)
       n.play();
-    await Promise.all(this.animations.map((n) => n.ready)), t && t();
+    await Promise.all(this.animations.map((n) => n.ready)), e && e();
   }
   pause() {
-    for (const t of this.animations)
-      t.pause();
+    for (const e of this.animations)
+      e.pause();
   }
-  async reverse(t) {
+  async reverse(e) {
     await this.ready;
     for (const n of this.animations)
       n.reverse();
-    await Promise.all(this.animations.map((n) => n.ready)), t && t();
+    await Promise.all(this.animations.map((n) => n.ready)), e && e();
   }
-  progress(t) {
+  progress(e) {
     for (const n of this.animations) {
       const { delay: s, duration: r, iterations: i } = n.effect.getTiming(), o = (Number.isFinite(r) ? r : 0) * (Number.isFinite(i) ? i : 1);
-      n.currentTime = ((s || 0) + o) * t;
+      n.currentTime = ((s || 0) + o) * e;
     }
   }
   cancel() {
-    for (const t of this.animations)
-      t.cancel();
+    for (const e of this.animations)
+      e.cancel();
   }
-  setPlaybackRate(t) {
+  setPlaybackRate(e) {
     for (const n of this.animations)
-      n.playbackRate = t;
+      n.playbackRate = e;
   }
-  async onFinish(t) {
+  async onFinish(e) {
     try {
       await Promise.all(this.animations.map((s) => s.finished));
       const n = this.animations[0];
@@ -61,20 +61,37 @@ class G {
           s.dispatchEvent(r);
         }
       }
-      t();
+      e();
     } catch (n) {
       console.warn("animation was interrupted - aborting onFinish callback - ", n);
     }
   }
+  async onAbort(e) {
+    try {
+      await Promise.all(this.animations.map((n) => n.finished));
+    } catch (n) {
+      if (n.name === "AbortError") {
+        const s = this.animations[0];
+        if (s && !this.isCSS) {
+          const r = s.effect?.target;
+          if (r) {
+            const i = new Event("animationcancel");
+            r.dispatchEvent(i);
+          }
+        }
+        e();
+      }
+    }
+  }
   get finished() {
-    return Promise.all(this.animations.map((t) => t.finished));
+    return Promise.all(this.animations.map((e) => e.finished));
   }
   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 this.animations.map((e) => {
+      const n = e.effect?.getTiming(), s = n?.delay ?? 0, r = Number(n?.duration) || 0, i = n?.iterations ?? 1;
       return {
         delay: s,
         duration: r,
@@ -83,7 +100,7 @@ class G {
     });
   }
 }
-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 = {
+const Re = (t) => t, it = (t) => 1 - Math.cos(t * Math.PI / 2), rt = (t) => Math.sin(t * Math.PI / 2), ot = (t) => -(Math.cos(Math.PI * t) - 1) / 2, ct = (t) => t ** 2, at = (t) => 1 - (1 - t) ** 2, ft = (t) => t < 0.5 ? 2 * t ** 2 : 1 - (-2 * t + 2) ** 2 / 2, lt = (t) => t ** 3, ut = (t) => 1 - (1 - t) ** 3, dt = (t) => t < 0.5 ? 4 * t ** 3 : 1 - (-2 * t + 2) ** 3 / 2, ht = (t) => t ** 4, mt = (t) => 1 - (1 - t) ** 4, pt = (t) => t < 0.5 ? 8 * t ** 4 : 1 - (-2 * t + 2) ** 4 / 2, gt = (t) => t ** 5, vt = (t) => 1 - (1 - t) ** 5, yt = (t) => t < 0.5 ? 16 * t ** 5 : 1 - (-2 * t + 2) ** 5 / 2, Et = (t) => t === 0 ? 0 : 2 ** (10 * t - 10), wt = (t) => t === 1 ? 1 : 1 - 2 ** (-10 * t), bt = (t) => t === 0 ? 0 : t === 1 ? 1 : t < 0.5 ? 2 ** (20 * t - 10) / 2 : (2 - 2 ** (-20 * t + 10)) / 2, St = (t) => 1 - Math.sqrt(1 - t ** 2), It = (t) => Math.sqrt(1 - (t - 1) ** 2), Tt = (t) => t < 0.5 ? (1 - Math.sqrt(1 - 4 * t ** 2)) / 2 : (Math.sqrt(-(2 * t - 3) * (2 * t - 1)) + 1) / 2, Ot = (t) => 2.70158 * t ** 3 - 1.70158 * t ** 2, Ct = (t) => 1 + 2.70158 * (t - 1) ** 3 + 1.70158 * (t - 1) ** 2, kt = (t, e = 1.70158 * 1.525) => t < 0.5 ? (2 * t) ** 2 * ((e + 1) * 2 * t - e) / 2 : ((2 * t - 2) ** 2 * ((e + 1) * (t * 2 - 2) + e) + 2) / 2, we = {
   linear: Re,
   sineIn: it,
   sineOut: rt,
@@ -140,59 +157,59 @@ const Re = (e) => e, it = (e) => 1 - Math.cos(e * Math.PI / 2), rt = (e) => Math
   backOut: "cubic-bezier(0.175, 0.885, 0.32, 1.275)",
   backInOut: "cubic-bezier(0.68, -0.55, 0.265, 1.55)"
 };
-function qt(e) {
-  return e === "percentage" ? "%" : e || "px";
+function At(t) {
+  return t === "percentage" ? "%" : t || "px";
 }
-function B(e) {
-  return e ? be[e] || e : be.linear;
+function B(t) {
+  return t ? be[t] || t : 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 qt(t, e, n, s) {
+  const r = 3 * t, i = 3 * (n - t) - r, o = 1 - r - i, c = 3 * e, l = 3 * (s - e) - c, f = 1 - c - l, a = (d) => ((o * d + i) * d + r) * d, u = (d) => ((f * d + l) * d + c) * d, m = (d) => (3 * o * d + 2 * i) * d + r;
   function g(d) {
     let h = d;
-    for (let v = 0; v < 8; v++) {
+    for (let y = 0; y < 8; y++) {
       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;
+    let p = 0, v = 1;
+    for (h = (p + v) / 2; v - p > 1e-7; ) {
+      const y = a(h);
+      if (Math.abs(y - d) < 1e-7) return h;
+      d > y ? p = h : v = h, h = (p + v) / 2;
     }
     return h;
   }
-  return (d) => d <= 0 ? 0 : d >= 1 ? 1 : l(g(d));
+  return (d) => d <= 0 ? 0 : d >= 1 ? 1 : u(g(d));
 }
-function _t(e) {
-  const t = e.match(
+function _t(t) {
+  const e = t.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 (!e) return;
+  const n = parseFloat(e[1]), s = parseFloat(e[2]), r = parseFloat(e[3]), i = parseFloat(e[4]);
   if (![n, s, r, i].some(isNaN))
-    return At(n, s, r, i);
+    return qt(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);
+function xt(t) {
+  const e = t.match(/^linear\((.+)\)$/);
+  if (!e) return;
+  const n = e[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 c = o.split(/\s+/), l = parseFloat(c[0]);
+    if (isNaN(l)) 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);
+        const u = parseFloat(c[a]) / 100;
+        if (isNaN(u)) return;
+        f.push(u);
       }
-    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] }));
+    f.length === 0 ? s.push({ output: l, pos: null }) : f.length === 1 ? s.push({ output: l, pos: f[0] }) : (s.push({ output: l, pos: f[0] }), s.push({ output: l, 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);
@@ -202,9 +219,9 @@ function xt(e) {
       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;
+      const l = s[o].pos, f = s[c].pos, a = c - o;
+      for (let u = o + 1; u < c; u++)
+        s[u].pos = l + (f - l) * (u - o) / a;
       r = c + 1;
     } else
       r++;
@@ -215,19 +232,19 @@ function xt(e) {
     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;
+    let l = 0, f = i.length - 1;
+    for (; l < f - 1; ) {
+      const m = l + f >>> 1;
+      i[m].pos <= o ? l = m : f = m;
     }
-    const 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);
+    const a = i[l], u = i[f];
+    return u.pos === a.pos ? u.output : a.output + (u.output - a.output) * (o - a.pos) / (u.pos - a.pos);
   };
 }
-function ze(e) {
-  if (!e) return;
-  const t = we[e];
-  return t || (_t(e) ?? xt(e) ?? we.linear);
+function He(t) {
+  if (!t) return;
+  const e = we[t];
+  return e || (_t(t) ?? xt(t) ?? we.linear);
 }
 class Mt extends G {
   animationGroups;
@@ -235,13 +252,13 @@ class Mt extends G {
   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 }) => ({
+  constructor(e, n = {}) {
+    const s = e.flatMap((r) => [...r.animations]);
+    super(s), this.animationGroups = e, this.delay = n.delay ?? 0, this.offset = n.offset ?? 0, this.offsetEasing = typeof n.offsetEasing == "function" ? n.offsetEasing : He(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(() => {
+    }))), this.applyOffsets(), this.ready = Promise.all(e.map((r) => r.ready)).then(() => {
     });
   }
   /**
@@ -250,35 +267,35 @@ class Mt extends G {
    * 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;
+    const e = this.animationGroups.length;
+    if (e <= 1) return [0];
+    const n = e - 1;
     return Array.from(
-      { length: t },
+      { length: e },
       (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);
+    const e = this.calculateOffsets(), n = this.getSequenceActiveDuration(e);
     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 });
+        const { delay: l, duration: f, iterations: a } = this.timingOptions[r][o], u = l + e[r], m = n - (u + f * a);
+        c.updateTiming({ delay: u + this.delay, endDelay: m });
       });
     });
   }
-  getSequenceActiveDuration(t) {
+  getSequenceActiveDuration(e) {
     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);
+        const { delay: c, duration: l, iterations: f } = o;
+        return Math.max(i, c + l * f);
       }, 0);
-      n.push(t[s] + r);
+      n.push(e[s] + r);
     }
     return Math.max(...n);
   }
@@ -287,13 +304,13 @@ class Mt extends G {
    * 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);
+  addGroups(e) {
+    if (e.length === 0) return;
+    const n = [...e].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);
+      const o = [...r.animations], c = this.animationGroups.slice(0, i).reduce((l, f) => l + f.animations.length, 0);
       this.animations.splice(c, 0, ...o);
     }
     this.applyOffsets(), this.ready = Promise.all(this.animationGroups.map((s) => s.ready)).then(() => {
@@ -304,19 +321,19 @@ class Mt extends G {
    * stagger offsets for remaining groups. Cancelled animations in removed
    * groups are returned.
    */
-  removeGroups(t) {
+  removeGroups(e) {
     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]));
+      e(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) {
+  async onFinish(e) {
     try {
-      await Promise.all(this.animationGroups.map((n) => n.finished)), t();
+      await Promise.all(this.animationGroups.map((n) => n.finished)), e();
     } catch (n) {
       console.warn("animation was interrupted - aborting onFinish callback - ", n);
     }
@@ -328,25 +345,25 @@ class Lt {
   progress;
   _tickCbId;
   _finishHandler;
-  constructor(t, n, s, r) {
+  constructor(e, n, s, r) {
     const i = new KeyframeEffect(n, [], {
       ...s,
       composite: "add"
     }), { timeline: o } = r;
-    this._animation = new Animation(i, o), this._tickCbId = null, this.progress = null, this.customEffect = (c) => t(i.target, c), this._finishHandler = (c) => {
-      this.effect.target?.getAnimations().find((u) => u === this._animation) || this.cancel();
+    this._animation = new Animation(i, o), this._tickCbId = null, this.progress = null, this.customEffect = (c) => e(i.target, c), this._finishHandler = (c) => {
+      this.effect.target?.getAnimations().find((l) => l === this._animation) || this.cancel();
     }, this.addEventListener("finish", this._finishHandler), this.addEventListener("remove", this._finishHandler);
   }
   // private tick method for customEffect loop implementation
   _tick() {
     try {
-      const t = this.effect?.getComputedTiming().progress ?? null;
-      t !== this.progress && (this.customEffect?.(t), this.progress = t), this._tickCbId = requestAnimationFrame(() => {
+      const e = this.effect?.getComputedTiming().progress ?? null;
+      e !== this.progress && (this.customEffect?.(e), this.progress = e), this._tickCbId = requestAnimationFrame(() => {
         this._tick();
       });
-    } catch (t) {
+    } catch (e) {
       this._tickCbId = null, console.error(
-        `failed to run customEffect! effectId: ${this.id}, error: ${t instanceof Error ? t.message : t}`
+        `failed to run customEffect! effectId: ${this.id}, error: ${e instanceof Error ? e.message : e}`
       );
     }
   }
@@ -354,39 +371,39 @@ class Lt {
   get currentTime() {
     return this._animation.currentTime;
   }
-  set currentTime(t) {
-    this._animation.currentTime = t;
+  set currentTime(e) {
+    this._animation.currentTime = e;
   }
   get startTime() {
     return this._animation.startTime;
   }
-  set startTime(t) {
-    this._animation.startTime = t;
+  set startTime(e) {
+    this._animation.startTime = e;
   }
   get playbackRate() {
     return this._animation.playbackRate;
   }
-  set playbackRate(t) {
-    this._animation.playbackRate = t;
+  set playbackRate(e) {
+    this._animation.playbackRate = e;
   }
   // Animation basic properties
   get id() {
     return this._animation.id;
   }
-  set id(t) {
-    this._animation.id = t;
+  set id(e) {
+    this._animation.id = e;
   }
   get effect() {
     return this._animation.effect;
   }
-  set effect(t) {
-    this._animation.effect = t;
+  set effect(e) {
+    this._animation.effect = e;
   }
   get timeline() {
     return this._animation.timeline;
   }
-  set timeline(t) {
-    this._animation.timeline = t;
+  set timeline(e) {
+    this._animation.timeline = e;
   }
   // Animation readonly state properties
   get finished() {
@@ -408,20 +425,20 @@ class Lt {
   get oncancel() {
     return this._animation.oncancel;
   }
-  set oncancel(t) {
-    this._animation.oncancel = t;
+  set oncancel(e) {
+    this._animation.oncancel = e;
   }
   get onfinish() {
     return this._animation.onfinish;
   }
-  set onfinish(t) {
-    this._animation.onfinish = t;
+  set onfinish(e) {
+    this._animation.onfinish = e;
   }
   get onremove() {
     return this._animation.onremove;
   }
-  set onremove(t) {
-    this._animation.onremove = t;
+  set onremove(e) {
+    this._animation.onremove = e;
   }
   // CustomAnimation overridden methods
   play() {
@@ -448,34 +465,34 @@ class Lt {
   reverse() {
     this._animation.reverse();
   }
-  updatePlaybackRate(t) {
-    this._animation.updatePlaybackRate(t);
+  updatePlaybackRate(e) {
+    this._animation.updatePlaybackRate(e);
   }
   // Animation events API
-  addEventListener(t, n, s) {
-    this._animation.addEventListener(t, n, s);
+  addEventListener(e, n, s) {
+    this._animation.addEventListener(e, n, s);
   }
-  removeEventListener(t, n, s) {
-    this._animation.removeEventListener(t, n, s);
+  removeEventListener(e, n, s) {
+    this._animation.removeEventListener(e, n, s);
   }
-  dispatchEvent(t) {
-    return this._animation.dispatchEvent(t);
+  dispatchEvent(e) {
+    return this._animation.dispatchEvent(e);
   }
 }
-function Pt(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+function Pt(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var K = { exports: {} }, Se = K.exports, Ie;
 function $t() {
-  return Ie || (Ie = 1, (function(e) {
-    (function(t) {
+  return Ie || (Ie = 1, (function(t) {
+    (function(e) {
       var n = function() {
-      }, s = t.requestAnimationFrame || t.webkitRequestAnimationFrame || t.mozRequestAnimationFrame || t.msRequestAnimationFrame || function(a) {
+      }, s = e.requestAnimationFrame || e.webkitRequestAnimationFrame || e.mozRequestAnimationFrame || e.msRequestAnimationFrame || function(a) {
         return setTimeout(a, 16);
       };
       function r() {
         var a = this;
-        a.reads = [], a.writes = [], a.raf = s.bind(t);
+        a.reads = [], a.writes = [], a.raf = s.bind(e);
       }
       r.prototype = {
         constructor: r,
@@ -488,7 +505,7 @@ function $t() {
          * @param {Array} tasks
          */
         runTasks: function(a) {
-          for (var l; l = a.shift(); ) l();
+          for (var u; u = a.shift(); ) u();
         },
         /**
          * Adds a job to the read batch and
@@ -498,8 +515,8 @@ function $t() {
          * @param  {Object} ctx the context to be bound to `fn` (optional).
          * @public
          */
-        measure: function(a, l) {
-          var m = l ? a.bind(l) : a;
+        measure: function(a, u) {
+          var m = u ? a.bind(u) : a;
           return this.reads.push(m), i(this), m;
         },
         /**
@@ -511,8 +528,8 @@ function $t() {
          * @param  {Object} ctx the context to be bound to `fn` (optional).
          * @public
          */
-        mutate: function(a, l) {
-          var m = l ? a.bind(l) : a;
+        mutate: function(a, u) {
+          var m = u ? a.bind(u) : a;
           return this.writes.push(m), i(this), m;
         },
         /**
@@ -561,8 +578,8 @@ function $t() {
          */
         extend: function(a) {
           if (typeof a != "object") throw new Error("expected object");
-          var l = Object.create(this);
-          return u(l, a), l.fastdom = this, l.initialize && l.initialize(), l;
+          var u = Object.create(this);
+          return l(u, a), u.fastdom = this, u.initialize && u.initialize(), u;
         },
         // override this with a function
         // to prevent Errors in console
@@ -573,86 +590,86 @@ function $t() {
         a.scheduled || (a.scheduled = !0, a.raf(o.bind(null, a)));
       }
       function o(a) {
-        var l = a.writes, m = a.reads, g;
+        var u = a.writes, m = a.reads, g;
         try {
-          n("flushing reads", m.length), a.runTasks(m), n("flushing writes", l.length), a.runTasks(l);
+          n("flushing reads", m.length), a.runTasks(m), n("flushing writes", u.length), a.runTasks(u);
         } catch (d) {
           g = d;
         }
-        if (a.scheduled = !1, (m.length || l.length) && i(a), g)
+        if (a.scheduled = !1, (m.length || u.length) && i(a), g)
           if (n("task errored", g.message), a.catch) a.catch(g);
           else throw g;
       }
-      function c(a, l) {
-        var m = a.indexOf(l);
+      function c(a, u) {
+        var m = a.indexOf(u);
         return !!~m && !!a.splice(m, 1);
       }
-      function u(a, l) {
-        for (var m in l)
-          l.hasOwnProperty(m) && (a[m] = l[m]);
+      function l(a, u) {
+        for (var m in u)
+          u.hasOwnProperty(m) && (a[m] = u[m]);
       }
-      var f = t.fastdom = t.fastdom || new r();
-      e.exports = f;
+      var f = e.fastdom = e.fastdom || new r();
+      t.exports = f;
     })(typeof window < "u" ? window : typeof Se < "u" ? Se : globalThis);
   })(K)), K.exports;
 }
 var Ft = $t();
 const T = /* @__PURE__ */ Pt(Ft), fe = {};
-function Rt(e) {
-  Object.assign(fe, e);
+function Rt(t) {
+  Object.assign(fe, t);
 }
-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.`
+function Ht(t) {
+  return t in fe ? fe[t] : (console.warn(
+    `${t} not found in registry. Please make sure to import and register the preset.`
   ), null);
 }
-function M(e, t) {
-  return e ? document.getElementById(e) : null;
+function M(t, e) {
+  return t ? document.getElementById(t) : null;
 }
-function Ht(e, t) {
-  return e?.matches(`[data-motion-part~="${t}"]`) ? e : e?.querySelector(`[data-motion-part~="${t}"]`);
+function zt(t, e) {
+  return t?.matches(`[data-motion-part~="${e}"]`) ? t : t?.querySelector(`[data-motion-part~="${e}"]`);
 }
-function Gt(e) {
-  const t = e.alternate ? "alternate" : "";
-  return e.reversed ? `${t ? `${t}-` : ""}reverse` : t || "normal";
+function Gt(t) {
+  const e = t.alternate ? "alternate" : "";
+  return t.reversed ? `${e ? `${e}-` : ""}reverse` : e || "normal";
 }
-function re(e) {
-  return `${e.value}${qt(e.unit)}`;
+function re(t) {
+  return `${t.value}${At(t.unit)}`;
 }
-function Te(e, t, n) {
-  return `${e.name || "cover"} ${n && e.offset.unit !== "percentage" ? `calc(100% + ${re(e.offset)}${t ? ` + ${t}` : ""})` : t ? `calc(${re(e.offset)} + ${t})` : re(e.offset)}`;
+function Te(t, e, n) {
+  return `${t.name || "cover"} ${n && t.offset.unit !== "percentage" ? `calc(100% + ${re(t.offset)}${e ? ` + ${e}` : ""})` : e ? `calc(${re(t.offset)} + ${e})` : re(t.offset)}`;
 }
-function Nt(e) {
+function Dt(t) {
   return {
-    start: Te(e.startOffset, e.startOffsetAdd),
-    end: Te(e.endOffset, e.endOffsetAdd, !0)
+    start: Te(t.startOffset, t.startOffsetAdd),
+    end: Te(t.endOffset, t.endOffsetAdd, !0)
   };
 }
-function He(e) {
-  return (t) => T.measure(() => t(e));
+function ze(t) {
+  return (e) => T.measure(() => e(t));
 }
-function Ge(e) {
-  return (t) => T.mutate(() => t(e));
+function Ge(t) {
+  return (e) => T.mutate(() => e(t));
 }
-function Z(e) {
-  if (e.namedEffect) {
-    const t = e.namedEffect.type;
-    return typeof t == "string" ? zt(t) : null;
-  } else if (e.keyframeEffect) {
-    const t = (s) => {
+function Z(t) {
+  if (t.namedEffect) {
+    const e = t.namedEffect.type;
+    return typeof e == "string" ? Ht(e) : null;
+  } else if (t.keyframeEffect) {
+    const e = (s) => {
       const { name: r, keyframes: i } = s.keyframeEffect;
       return [{ ...s, name: r, keyframes: i }];
     };
-    return { web: t, style: t, getNames: (s) => {
+    return { web: e, style: e, getNames: (s) => {
       const { effectId: r } = s, { name: i } = s.keyframeEffect, o = i || r;
       return o ? [o] : [];
     } };
-  } else if (e.customEffect)
-    return (t) => [{ ...t, keyframes: [] }];
+  } else if (t.customEffect)
+    return (e) => [{ ...e, keyframes: [] }];
   return null;
 }
-function Dt(e, t, n) {
-  return e.map((s, r) => {
+function Nt(t, e, n) {
+  return t.map((s, r) => {
     const i = {
       fill: s.fill,
       easing: B(s.easing),
@@ -660,7 +677,7 @@ function Dt(e, t, n) {
       composite: s.composite,
       direction: Gt(s)
     };
-    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), {
+    return De(e) ? (i.duration = s.duration, i.delay = s.delay || 0) : window.ViewTimeline && e?.trigger === "view-progress" ? i.duration = "auto" : (i.duration = 99.99, i.delay = 0.01), {
       effect: s,
       options: i,
       id: n && `${n}-${r + 1}`,
@@ -668,74 +685,74 @@ function Dt(e, t, n) {
     };
   });
 }
-function Ne(e) {
-  return !e || e.trigger !== "pointer-move" && e.trigger !== "view-progress";
+function De(t) {
+  return !t || t.trigger !== "pointer-move" && t.trigger !== "view-progress";
 }
-function Oe(e, t, n, s, r) {
-  if (e) {
-    if (Ne(s) && (t.duration = t.duration || 1, r?.reducedMotion))
-      if (t.iterations === 1 || t.iterations == null)
-        t = { ...t, duration: 1 };
+function Oe(t, e, n, s, r) {
+  if (t) {
+    if (De(s) && (e.duration = e.duration || 1, r?.reducedMotion))
+      if (e.iterations === 1 || e.iterations == null)
+        e = { ...e, duration: 1 };
       else
         return [];
     let i;
-    return n instanceof HTMLElement && (i = { measure: He(n), mutate: Ge(n) }), e.web ? e.web(t, i, r) : e(t, i, r);
+    return n instanceof HTMLElement && (i = { measure: ze(n), mutate: Ge(n) }), t.web ? t.web(e, i, r) : t(e, i, r);
   }
   return [];
 }
-function ve(e, t, n, s, r) {
-  const i = e instanceof HTMLElement ? e : M(e);
-  if (n?.trigger === "pointer-move" && !t.keyframeEffect) {
-    let m = t;
-    t.customEffect && (m = {
-      ...t,
+function ve(t, e, n, s, r) {
+  const i = t instanceof HTMLElement ? t : M(t);
+  if (n?.trigger === "pointer-move" && !e.keyframeEffect) {
+    let m = e;
+    e.customEffect && (m = {
+      ...e,
       namedEffect: { id: "", type: "CustomMouse" }
     });
     const g = Z(
       m
     ), d = Oe(
       g,
-      t,
+      e,
       i,
       n,
       s
     );
     return typeof d != "function" ? null : d(i);
   }
-  const o = Z(t), c = Oe(
+  const o = Z(e), c = Oe(
     o,
-    t,
+    e,
     i,
     n,
     s
   );
   if (!c || c.length === 0)
     return null;
-  const u = Dt(c, n, t.effectId);
+  const l = Nt(c, n, e.effectId);
   let f;
   const a = n?.trigger === "view-progress";
   a && window.ViewTimeline && (f = new ViewTimeline({
     subject: n.element || M(n.componentId)
   }));
-  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);
+  const u = l.map(({ effect: m, options: g, id: d, part: h }) => {
+    const p = h ? zt(i, h) : i, v = new KeyframeEffect(p || null, [], g);
     T.mutate(() => {
-      "timing" in m && y.updateTiming(m.timing), y.setKeyframes(m.keyframes);
+      "timing" in m && v.updateTiming(m.timing), v.setKeyframes(m.keyframes);
     });
-    const v = a && f ? { timeline: f } : {}, w = typeof m.customEffect == "function" ? new Lt(
+    const y = a && f ? { timeline: f } : {}, w = typeof m.customEffect == "function" ? new Lt(
       m.customEffect,
       p || null,
       g,
-      v
-    ) : new Animation(y, v.timeline);
+      y
+    ) : new Animation(v, y.timeline);
     if (a)
       if (f)
         T.mutate(() => {
-          const { start: b, end: S } = Nt(m);
+          const { start: b, end: S } = Dt(m);
           w.rangeStart = b, w.rangeEnd = S, w.play();
         });
       else {
-        const { startOffset: b, endOffset: S } = t;
+        const { startOffset: b, endOffset: S } = e;
         T.mutate(() => {
           const I = m.startOffset || b, $ = m.endOffset || S;
           Object.assign(w, {
@@ -754,56 +771,56 @@ function ve(e, t, n, s, r) {
       }
     return d && (w.id = d), w;
   });
-  return new G(l, {
-    ...t,
+  return new G(u, {
+    ...e,
     trigger: { ...n || {} },
     // make sure the group is ready after all animation targets are measured and mutated
     measured: new Promise((m) => T.mutate(m))
   });
 }
-function Vt(e, t, n) {
-  const s = Z(t), r = e instanceof HTMLElement ? e : M(e);
+function Vt(t, e, n) {
+  const s = Z(e), r = t instanceof HTMLElement ? t : M(t);
   if (s && s.prepare && r) {
-    const i = { measure: He(r), mutate: Ge(r) };
-    s.prepare(t, i);
+    const i = { measure: ze(r), mutate: Ge(r) };
+    s.prepare(e, i);
   }
   n && T.mutate(n);
 }
-function Wt(e, t) {
-  const n = Z(t);
+function Wt(t, e) {
+  const n = Z(e);
   if (!n)
     return null;
   if (!n.style)
-    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((f) => f.animationName === u)
+    return e.effectId && t ? jt(t, e.effectId) : null;
+  const s = n.getNames(e), i = (typeof t == "string" ? M(t) : t)?.getAnimations(), o = i?.map((l) => l.animationName) || [], c = [];
+  return s.forEach((l) => {
+    o.includes(l) && c.push(
+      i?.find((f) => f.animationName === l)
     );
   }), c?.length ? new G(c) : null;
 }
-function jt(e, t) {
-  const s = (typeof e == "string" ? M(e) : e)?.getAnimations().filter((r) => {
+function jt(t, e) {
+  const s = (typeof t == "string" ? M(t) : t)?.getAnimations().filter((r) => {
     const i = r.id || r.animationName;
-    return i ? i.startsWith(t) : !0;
+    return i ? i.startsWith(e) : !0;
   });
   return s?.length ? new G(s) : null;
 }
-function De(e, t, n, s = {}) {
-  const { disabled: r, allowActiveEvent: i, ...o } = s, c = ve(e, t, n, o);
+function Ne(t, e, n, s = {}) {
+  const { disabled: r, allowActiveEvent: i, ...o } = s, c = ve(t, e, n, o);
   if (!c)
     return null;
-  let u = {};
+  let l = {};
   if (n.trigger === "view-progress" && !window.ViewTimeline) {
     const f = n.element || M(n.componentId), { ready: a } = c;
-    return c.animations.map((l) => ({
+    return c.animations.map((u) => ({
       /* we use getters for start and end in order to access the animation's start and end
          only when initializing the scrub scene rather than immediately */
       get start() {
-        return l.start;
+        return u.start;
       },
       get end() {
-        return l.end;
+        return u.end;
       },
       viewSource: f,
       ready: a,
@@ -811,16 +828,16 @@ function De(e, t, n, s = {}) {
         return c.getProgress();
       },
       effect(m, g) {
-        const { activeDuration: d } = l.effect.getComputedTiming(), { delay: h } = l.effect.getTiming();
-        l.currentTime = ((h || 0) + (d || 0)) * g;
+        const { activeDuration: d } = u.effect.getComputedTiming(), { delay: h } = u.effect.getTiming();
+        u.currentTime = ((h || 0) + (d || 0)) * g;
       },
       disabled: r,
       destroy() {
-        l.cancel();
+        u.cancel();
       }
     }));
   } else if (n.trigger === "pointer-move") {
-    const f = t, { centeredToTarget: a, transitionDuration: l, transitionEasing: m } = f, g = n.axis;
+    const f = e, { centeredToTarget: a, transitionDuration: u, transitionEasing: m } = f, g = n.axis;
     if (f.keyframeEffect) {
       const d = c;
       return d.animations?.length === 0 ? null : {
@@ -831,9 +848,9 @@ function De(e, t, n, s = {}) {
         getProgress() {
           return this._currentProgress;
         },
-        effect(p, y) {
-          const v = g === "x" ? y.x : y.y;
-          this._currentProgress = v, d.progress(v);
+        effect(p, v) {
+          const y = g === "x" ? v.x : v.y;
+          this._currentProgress = y, d.progress(y);
         },
         disabled: r ?? !1,
         destroy() {
@@ -841,22 +858,22 @@ function De(e, t, n, s = {}) {
         }
       };
     }
-    u = {
+    l = {
       centeredToTarget: a,
       allowActiveEvent: i
-    }, t.customEffect && l && (u.transitionDuration = l, u.transitionEasing = ze(m)), u.target = c.target;
+    }, e.customEffect && u && (l.transitionDuration = u, l.transitionEasing = He(m)), l.target = c.target;
   }
   return {
-    ...u,
+    ...l,
     getProgress() {
       return c.getProgress();
     },
-    effect(f, a, l, m) {
+    effect(f, a, u, m) {
       c.progress(
-        l ? {
+        u ? {
           // @ts-expect-error spread error on p
           ...a,
-          v: l,
+          v: u,
           active: m
         } : a
       );
@@ -867,50 +884,50 @@ function De(e, t, n, s = {}) {
     }
   };
 }
-function ne(e, t, n, s = !1) {
-  const r = Wt(e, t);
+function ne(t, e, n, s = !1) {
+  const r = Wt(t, e);
   return r ? (r.ready = new Promise((i) => {
-    Vt(e, t, i);
-  }), r) : ve(e, t, n, { reducedMotion: s });
+    Vt(t, e, i);
+  }), r) : ve(t, e, n, { reducedMotion: s });
 }
-function Yt(e) {
-  return e === null ? [null] : typeof e == "string" ? Array.from(document.querySelectorAll(e)) : Array.isArray(e) ? e : [e];
+function Yt(t) {
+  return t === null ? [null] : typeof t == "string" ? Array.from(document.querySelectorAll(t)) : Array.isArray(t) ? t : [t];
 }
-function Ve(e, t) {
+function Ve(t, e) {
   const n = [];
-  for (const { target: s, options: r } of e) {
+  for (const { target: s, options: r } of t) {
     const i = Yt(s);
     for (const o of i) {
       const c = ne(
         o,
         r,
         void 0,
-        t?.reducedMotion
+        e?.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 Bt(t, e, n) {
+  const s = Ve(e, n);
+  return new Mt(s, t);
 }
-function Q(e, t) {
-  return t.includes("&") ? t.replace(/&/g, e) : `${e}${t}`;
+function Q(t, e) {
+  return e.includes("&") ? e.replace(/&/g, t) : `${t}${e}`;
 }
 function _() {
   return "wi-12343210".replace(
     /\d/g,
-    (e) => String.fromCharCode(
-      (+e ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> +e / 4) + 97
+    (t) => String.fromCharCode(
+      (+t ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> +t / 4) + 97
     )
     // 97 for "a"
   );
 }
 function Kt({
-  key: e,
-  effectId: t,
+  key: t,
+  effectId: e,
   transition: n,
   properties: s,
   childSelector: r = "> :first-child",
@@ -920,12 +937,12 @@ function Kt({
   if (n?.styleProperties) {
     const { duration: d, easing: h, delay: p } = n;
     d && (n.styleProperties.some(
-      (v) => v.name.startsWith("--")
+      (y) => y.name.startsWith("--")
     ) ? o = [
       `all ${d}ms ${B(h || "ease")}${p ? ` ${p}ms` : ""}`,
       "visibility 0s"
     ] : o = n.styleProperties.map(
-      (v) => `${v.name} ${d}ms ${B(
+      (y) => `${y.name} ${d}ms ${B(
         h || "ease"
       )}${p ? ` ${p}ms` : ""}`
     )), s = n.styleProperties;
@@ -933,53 +950,53 @@ function Kt({
     o = s?.filter((d) => d.duration).map(
       (d) => `${d.name} ${d.duration}ms ${B(d.easing) || "ease"}${d.delay ? ` ${d.delay}ms` : ""}`
     ) || [];
-  const c = s?.map((d) => `${d.name}: ${d.value};`) || [], u = e.replace(/"/g, "'"), f = `:is(:state(${t}), :--${t}) ${r}`, a = `[data-interact-effect~="${t}"] ${r}`, l = i ? Q(f, i) : f, m = i ? Q(a, i) : a, g = [
-    `${l},
+  const c = s?.map((d) => `${d.name}: ${d.value};`) || [], l = t.replace(/"/g, "'"), f = `:is(:state(${e}), :--${e}) ${r}`, a = `[data-interact-effect~="${e}"] ${r}`, u = i ? Q(f, i) : f, m = i ? Q(a, i) : a, g = [
+    `${u},
     ${m} {
       ${c.join(`
       `)}
     }`
   ];
   if (o.length) {
-    const d = `[data-interact-key="${u}"] ${r}`, h = i ? Q(d, i) : d;
+    const d = `[data-interact-key="${l}"] ${r}`, h = i ? Q(d, i) : d;
     g.push(`@media (prefers-reduced-motion: no-preference) { ${h} {
       transition: ${o.join(", ")};
     } }`);
   }
   return g;
 }
-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})`;
+function k(t, e) {
+  const n = (t || []).filter((i) => e[i]?.type === "media" && e[i].predicate).map((i) => e[i].predicate).join(") and ("), s = n && `(${n})`;
   return s && window.matchMedia(s);
 }
-function L(e, t) {
-  for (const n of e || []) {
-    const s = t[n];
+function L(t, e) {
+  for (const n of t || []) {
+    const s = e[n];
     if (s?.type === "selector" && s.predicate)
       return s.predicate;
   }
 }
-const D = {
+const N = {
   rangeStart: { name: "cover", offset: { value: 0, unit: "percentage" } },
   rangeEnd: { name: "cover", offset: { value: 100, unit: "percentage" } }
 };
-function Qt(e, t) {
-  const n = e?.name ?? D.rangeStart.name, s = t?.name ?? e?.name ?? D.rangeEnd.name, r = {
+function Qt(t, e) {
+  const n = t?.name ?? N.rangeStart.name, s = e?.name ?? t?.name ?? N.rangeEnd.name, r = {
     name: n,
-    offset: e?.offset || D.rangeStart.offset
+    offset: t?.offset || N.rangeStart.offset
   }, i = {
     name: s,
-    offset: t?.offset || D.rangeEnd.offset
+    offset: e?.offset || N.rangeEnd.offset
   };
   return { startOffset: r, endOffset: i };
 }
-function P(e) {
-  if ("keyframeEffect" in e && !e.keyframeEffect.name && "effectId" in e && (e.keyframeEffect.name = e.effectId), "duration" in e)
+function P(t) {
+  if ("keyframeEffect" in t && !t.keyframeEffect.name && "effectId" in t && (t.keyframeEffect.name = t.effectId), "duration" in t)
     return {
       id: "",
-      ...e
+      ...t
     };
-  const { rangeStart: t, rangeEnd: n, ...s } = e, { startOffset: r, endOffset: i } = Qt(t, n);
+  const { rangeStart: e, rangeEnd: n, ...s } = t, { startOffset: r, endOffset: i } = Qt(e, n);
   return {
     id: "",
     startOffset: r,
@@ -987,17 +1004,17 @@ function P(e) {
     ...s
   };
 }
-function O(e, t, n) {
-  let s = e.get(t);
-  s || (s = /* @__PURE__ */ new Set(), e.set(t, s)), s.add(n);
+function O(t, e, n) {
+  let s = t.get(e);
+  s || (s = /* @__PURE__ */ new Set(), t.set(e, s)), s.add(n);
 }
-function N(e, t) {
-  e.get(t)?.forEach((s) => {
+function D(t, e) {
+  t.get(e)?.forEach((s) => {
     const { source: r, target: i, cleanup: o } = s;
     o();
-    const c = r === t ? i : r;
-    e.get(c)?.delete(s);
-  }), e.delete(t);
+    const c = r === e ? i : r;
+    t.get(c)?.delete(s);
+  }), t.delete(e);
 }
 const Xt = {
   root: null,
@@ -1007,58 +1024,63 @@ const Xt = {
   root: null,
   rootMargin: "0px",
   threshold: [0]
-}, z = {}, ee = /* @__PURE__ */ new WeakMap(), X = /* @__PURE__ */ new WeakSet(), U = /* @__PURE__ */ new WeakMap();
+}, Jt = 0.2;
+function Zt(t) {
+  const e = t.trim().split(/\s+/), n = e[0], s = e.length > 1 ? e[1] : e[0], r = (i) => i.startsWith("-") ? i.slice(1) : parseFloat(i) ? `-${i}` : i;
+  return `${r(n)} 0px ${r(s)}`;
+}
+const H = {}, ee = /* @__PURE__ */ new WeakMap(), X = /* @__PURE__ */ new WeakSet(), U = /* @__PURE__ */ new WeakMap();
 let We = {}, F = null;
-function Jt(e) {
-  We = e;
+function en(t) {
+  We = t;
 }
-function je(e, t) {
-  ee.get(e)?.forEach(({ source: s, handler: r }) => {
-    s === e && r(t);
+function je(t, e) {
+  ee.get(t)?.forEach(({ source: s, handler: r }) => {
+    s === t && r(e);
   });
 }
 function Ce() {
-  return F || (F = new IntersectionObserver((e) => {
-    e.forEach((t) => {
-      const n = t.target;
-      t.isIntersecting || je(n, !1);
+  return F || (F = new IntersectionObserver((t) => {
+    t.forEach((e) => {
+      const n = e.target;
+      e.isIntersecting || je(n, !1);
     });
   }, Ut), F);
 }
-function Ye(e, t = !1) {
-  const n = JSON.stringify({ ...e, isSafeMode: t });
-  if (z[n])
-    return z[n];
-  const s = t ? Xt : {
+function Ye(t, e = !1) {
+  const n = JSON.stringify({ ...t, isSafeMode: e });
+  if (H[n])
+    return H[n];
+  const s = t.threshold ?? Jt, r = e ? 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 = !X.has(c);
-      if (u && (X.add(c), e.useSafeViewEnter && !o.isIntersecting)) {
+    rootMargin: t.inset ? Zt(t.inset) : "0px",
+    threshold: s
+  }, i = new IntersectionObserver((o) => {
+    o.forEach((c) => {
+      const l = c.target, f = !X.has(l);
+      if (f && (X.add(l), t.useSafeViewEnter && !c.isIntersecting)) {
         T.measure(() => {
-          const a = o.boundingClientRect.height, l = o.rootBounds?.height;
-          if (!l)
+          const u = c.boundingClientRect.height, m = c.rootBounds?.height;
+          if (!m)
             return;
-          const m = Array.isArray(e.threshold) ? Math.min(...e.threshold) : e.threshold;
-          m && a * m > l && T.mutate(() => {
-            r.unobserve(c);
-            const d = Ye(e, !0);
-            U.set(c, d), d.observe(c);
+          const g = Array.isArray(t.threshold) ? Math.min(...t.threshold) : t.threshold;
+          g && u * g > m && T.mutate(() => {
+            i.unobserve(l);
+            const h = Ye(t, !0);
+            U.set(l, h), h.observe(l);
           });
         });
         return;
       }
-      const f = e.type || "once";
-      (o.isIntersecting || f === "alternate" && !u) && (je(c, o.isIntersecting), f === "once" && (r.unobserve(o.target), X.delete(c)));
+      const a = t.type || "once";
+      (c.isIntersecting || a === "alternate" && !f) && (je(l, c.isIntersecting), a === "once" && (i.unobserve(c.target), X.delete(l)));
     });
-  }, s);
-  return z[n] = r, r;
+  }, r);
+  return H[n] = i, i;
 }
-function Zt(e, t, n, s = {}, { reducedMotion: r, selectorCondition: i, animation: o } = {}) {
-  const c = { ...We, ...s }, u = c.type || "once", f = o || ne(
-    t,
+function tn(t, e, n, s = {}, { reducedMotion: r, selectorCondition: i, animation: o } = {}) {
+  const c = { ...We, ...s }, l = c.type || "once", f = o || ne(
+    e,
     P(n),
     void 0,
     r
@@ -1066,166 +1088,171 @@ function Zt(e, t, n, s = {}, { reducedMotion: r, selectorCondition: i, animation
   if (!f)
     return;
   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(() => {
+  l !== "once" && f.persist?.();
+  let u = !0;
+  const d = { source: t, target: e, handler: (h) => {
+    i && !e.matches(i) || (l === "once" ? h && f.play(() => {
       const p = () => {
-        t.dataset.interactEnter = "start";
+        e.dataset.interactEnter = "start";
       };
-      f.isCSS ? (T.mutate(() => {
-        requestAnimationFrame(p);
-      }), f.onFinish(() => {
+      if (f.isCSS) {
         T.mutate(() => {
-          t.dataset.interactEnter = "done";
+          requestAnimationFrame(p);
         });
-      })) : T.mutate(p);
-    }) : u === "alternate" ? l && h ? (l = !1, f.play()) : l || f.reverse() : u === "repeat" ? h ? (f.progress(0), f.play()) : (f.pause(), f.progress(0)) : u === "state" && (h ? f.play() : f.pause()));
+        const v = () => {
+          T.mutate(() => {
+            e.dataset.interactEnter = "done";
+          });
+        };
+        f.onFinish(v), f.onAbort(v);
+      } else
+        T.mutate(p);
+    }) : l === "alternate" ? u && h ? (u = !1, f.play()) : u || f.reverse() : l === "repeat" ? h ? (f.progress(0), f.play()) : (f.pause(), f.progress(0)) : l === "state" && (h ? f.play() : f.pause()));
   }, cleanup: () => {
-    (U.get(e) || a).unobserve(e), (u === "repeat" || u === "state") && Ce().unobserve(e), f.cancel(), X.delete(e), U.delete(e);
+    (U.get(t) || a).unobserve(t), (l === "repeat" || l === "state") && Ce().unobserve(t), f.cancel(), X.delete(t), U.delete(t);
   } };
-  O(ee, e, d), O(ee, t, d), U.set(e, a), a.observe(e), (u === "repeat" || u === "state") && Ce().observe(e);
+  O(ee, t, d), O(ee, e, d), U.set(t, a), a.observe(t), (l === "repeat" || l === "state") && Ce().observe(t);
 }
-function en(e) {
-  N(ee, e);
+function nn(t) {
+  D(ee, t);
 }
-function tn() {
-  F = null, Object.keys(z).forEach((e) => delete z[e]);
+function sn() {
+  F = null, Object.keys(H).forEach((t) => delete H[t]);
 }
 const ke = {
-  add: Zt,
-  remove: en,
-  setOptions: Jt,
-  reset: tn
+  add: tn,
+  remove: nn,
+  setOptions: en,
+  reset: sn
 };
-function Be(e, t) {
-  return Object.assign(Object.create(t), e);
+function Be(t, e) {
+  return Object.assign(Object.create(e), t);
 }
-function nn(e, t, n, s) {
-  let r = e * (1 - n) + t * n;
+function rn(t, e, n, s) {
+  let r = t * (1 - n) + e * n;
   if (s) {
-    const i = r - e;
-    Math.abs(i) < s && (r = e + s * Math.sign(i));
-    const o = t - r;
+    const i = r - t;
+    Math.abs(i) < s && (r = t + s * Math.sign(i));
+    const o = e - r;
     if (Math.abs(o) < s)
-      return t;
+      return e;
   }
   return r;
 }
-function sn(e) {
-  let t = !1;
+function on(t) {
+  let e = !1;
   return function() {
-    t || (t = !0, window.requestAnimationFrame(() => {
-      t = !1, e();
+    e || (e = !0, window.requestAnimationFrame(() => {
+      e = !1, t();
     }));
   };
 }
-function qe(e, t) {
+function Ae(t, e) {
   let n = 0;
   return function() {
     n && window.clearTimeout(n), n = window.setTimeout(() => {
-      n = 0, e();
-    }, t);
+      n = 0, t();
+    }, e);
   };
 }
-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 te(n[1], t) + te(n[6], t);
+function cn(t, e) {
+  const n = t.match(/^calc\s*\(\s*(-?\d+((px)|([lsd]?vh)|([lsd]?vw)))\s*\+\s*(-?\d+((px)|([lsd]?vh)|([lsd]?vw)))\s*\)\s*$/);
+  return te(n[1], e) + te(n[6], e);
 }
-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 te(t, e) {
+  return t ? /^-?\d+px$/.test(t) ? parseInt(t) : /^-?\d+[lsd]?vh$/.test(t) ? parseInt(t) * e.viewportHeight / 100 : /^-?\d+[lsd]?vw$/.test(t) ? parseInt(t) * e.viewportWidth / 100 : /^calc\s*\(\s*-?\d+((px)|([lsd]?vh)|([lsd]?vw))\s*\+\s*-?\d+((px)|([lsd]?vh)|([lsd]?vw))\s*\)\s*$/.test(t) ? cn(t, e) : parseInt(t) || 0 : 0;
 }
-function A(e, t, n) {
-  const { name: s, offset: r = 0 } = e, { start: i, end: o } = n, c = o - i, u = r / 100;
+function q(t, e, n) {
+  const { name: s, offset: r = 0 } = t, { start: i, end: o } = n, c = o - i, l = r / 100;
   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;
+  return s === "entry" ? (f = i - e, a = Math.min(e, c)) : s === "entry-crossing" ? (f = i - e, a = c) : s === "contain" ? (f = Math.min(o - e, i), a = Math.abs(e - c)) : s === "exit" ? (f = Math.max(i, o - e), a = Math.min(e, c)) : s === "exit-crossing" ? (f = i, a = c) : s === "cover" && (f = i - e, a = c + e), f + l * a | 0;
 }
-function oe(e, t, n, s, r) {
+function oe(t, e, n, s, r) {
   let i = 0;
-  const o = { start: t, end: n };
-  return e.forEach((c, u) => {
+  const o = { start: e, end: n };
+  return t.forEach((c, l) => {
     i += c.offset;
     const f = c.sticky;
     if (f) {
-      if ("end" in f && e[u - 1]?.element) {
+      if ("end" in f && t[l - 1]?.element) {
         const m = ((r ? c.element.offsetWidth : c.element.offsetHeight) || 0) + f.end - s, g = i + m - c.offset, d = g < o.start, h = !d && g <= n;
         let p = 0;
         (d || h) && (p = c.offset, o.end += p), d && (o.start += p);
       }
       if ("start" in f) {
-        const a = i - f.start, l = a < o.start, m = !l && a <= o.end;
+        const a = i - f.start, u = a < o.start, m = !u && a <= o.end;
         let g = 0;
-        const d = e[u - 1]?.element;
+        const d = t[l - 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;
+          if (u || m) {
+            const h = (r ? d.offsetWidth : d.offsetHeight) || 0, p = c.offset, v = (r ? c.element.offsetWidth : c.element.offsetHeight) || 0;
+            g = h - (p + v), i += g, o.end += g;
           }
-          l && (o.start += g);
+          u && (o.start += g);
         }
       }
     }
   }), o;
 }
-function on(e, t, n, s, r, i) {
-  const { start: o, end: c, duration: u } = e;
-  let f = o, a = c, l = e.startRange, m = e.endRange, g;
-  if (typeof u == "string") {
-    l = { name: u, offset: 0 }, m = { name: u, offset: 100 }, f = A(l, n, t), a = A(m, n, t), g = a - f;
+function an(t, e, n, s, r, i) {
+  const { start: o, end: c, duration: l } = t;
+  let f = o, a = c, u = t.startRange, m = t.endRange, g;
+  if (typeof l == "string") {
+    u = { name: l, offset: 0 }, m = { name: l, offset: 100 }, f = q(u, n, e), a = q(m, n, e), g = a - f;
     const d = oe(i, f, a, n, s);
     f = d.start, a = d.end;
   } else {
-    if (l || o?.name) {
-      l = l || o;
-      const d = te(l.add, 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 (u || o?.name) {
+      u = u || o;
+      const d = te(u.add, r), h = q({ ...u, offset: 0 }, n, e), p = q({ ...u, offset: 100 }, n, e), v = oe(i, h, p, n, s);
+      f = v.start + u.offset / 100 * (v.end - v.start) + d;
     }
     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);
+      const d = te(m.add, r), h = q({ ...m, offset: 0 }, n, e), p = q({ ...m, offset: 100 }, n, e), v = oe(i, h, p, n, s);
+      a = v.start + m.offset / 100 * (v.end - v.start) + d;
+    } else typeof l == "number" && (a = f + l);
   }
-  return !g && !u && (g = a - f), { ...e, start: f, end: a, startRange: l, endRange: m, duration: g || u };
+  return !g && !l && (g = a - f), { ...t, start: f, end: a, startRange: u, endRange: m, duration: g || l };
 }
-function cn(e) {
-  return e.position === "sticky";
+function fn(t) {
+  return t.position === "sticky";
 }
-function an(e, t, n) {
-  return e.position === "fixed" && (!t || t === window.document.body || t === n);
+function ln(t, e, n) {
+  return t.position === "fixed" && (!e || e === window.document.body || e === n);
 }
-function fn(e, t) {
-  return parseInt(t ? e.left : e.top);
+function un(t, e) {
+  return parseInt(e ? t.left : t.top);
 }
-function ln(e, t) {
-  return parseInt(t ? e.right : e.bottom);
+function dn(t, e) {
+  return parseInt(e ? t.right : t.bottom);
 }
-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 hn(t, e, n) {
+  n && (t.style.position = "static");
+  const s = (e ? t.offsetLeft : t.offsetTop) || 0;
+  return n && (t.style.position = null), s;
 }
-function dn(e, t) {
+function mn(t, e) {
   let n;
-  const s = fn(e, t), r = ln(e, t), i = !isNaN(s), o = !isNaN(r);
+  const s = un(t, e), r = dn(t, e), i = !isNaN(s), o = !isNaN(r);
   return (i || o) && (n = {}, i && (n.start = s), o && (n.end = r)), n;
 }
-function V(e, t, n, s, r) {
-  const i = e[0].viewSource, o = [];
-  let c = (s ? i.offsetWidth : i.offsetHeight) || 0, u = 0, f = i;
+function V(t, e, n, s, r) {
+  const i = t[0].viewSource, o = [];
+  let c = (s ? i.offsetWidth : i.offsetHeight) || 0, l = 0, f = i;
   for (; f; ) {
-    const 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))
+    const u = window.getComputedStyle(f), m = fn(u), g = m ? mn(u, s) : void 0, d = hn(f, s, m);
+    if ((!g || !("end" in g)) && (l += d), o.push({ element: f, offset: d, sticky: g }), f = f.offsetParent, ln(u, f, e))
       break;
-    if (f === t) {
+    if (f === e) {
       o.push({ element: f, offset: 0 });
       break;
     }
   }
-  return o.reverse(), e.map((l) => ({
-    ...on(
-      l,
-      { start: u, end: u + c },
+  return o.reverse(), t.map((u) => ({
+    ...an(
+      u,
+      { start: l, end: l + c },
       n,
       s,
       r,
@@ -1233,7 +1260,7 @@ function V(e, t, n, s, r) {
     )
   }));
 }
-const Ae = 100, hn = {
+const qe = 100, pn = {
   horizontal: !1,
   observeViewportEntry: !0,
   viewportRootMargin: "7% 7%",
@@ -1241,81 +1268,81 @@ const Ae = 100, hn = {
   observeSourcesResize: !1,
   observeContentResize: !1
 };
-function mn(e, t, n, s) {
+function gn(t, e, n, s) {
   let r = 0;
-  return e >= t && e <= n ? r = s ? (e - t) / s : 1 : e > n && (r = 1), r;
+  return t >= e && t <= n ? r = s ? (t - e) / s : 1 : t > n && (r = 1), r;
 }
-function _e(e, t) {
-  return e === window ? t ? window.document.documentElement.clientWidth : window.document.documentElement.clientHeight : t ? e.clientWidth : e.clientHeight;
+function _e(t, e) {
+  return t === window ? e ? window.document.documentElement.clientWidth : window.document.documentElement.clientHeight : e ? t.clientWidth : t.clientHeight;
 }
-function pn() {
+function vn() {
   return {
     viewportWidth: window.document.documentElement.clientWidth,
     viewportHeight: window.document.documentElement.clientHeight
   };
 }
-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(
+function yn(t) {
+  const e = Be(t, pn), n = e.root, s = e.horizontal, r = /* @__PURE__ */ new WeakMap();
+  let i = _e(n, s), o, c, l, f, a;
+  const u = [], m = vn();
+  if (e.scenes = Object.values(
     // TODO(ameerf): find a polyfill and use groupBy instead of following reduce
-    e.scenes.reduce(
-      (h, p, y) => {
-        const v = p.groupId ? `group-${p.groupId}` : String(y);
-        return h[v] ? h[v].push(p) : h[v] = [p], h;
+    t.scenes.reduce(
+      (h, p, v) => {
+        const y = p.groupId ? `group-${p.groupId}` : String(v);
+        return h[y] ? h[y].push(p) : h[y] = [p], h;
       },
       {}
     )
-  ).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) => {
+  ).flatMap((h) => (h.every((p) => p.viewSource && (typeof p.duration == "string" || p.start?.name)) ? (h = V(h, n, i, s, m), (e.observeSourcesResize || e.observeContentResize) && u.push(h)) : h.forEach((p) => {
     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)), e.scenes.forEach((h, p) => {
     h.index = p;
-  }), l.length) {
+  }), u.length) {
     const h = /* @__PURE__ */ new Map();
-    window.ResizeObserver && (u = new window.ResizeObserver(function(p) {
-      p.forEach((y) => {
-        const v = h.get(y.target), w = V(v, n, i, s, m);
+    window.ResizeObserver && (l = new window.ResizeObserver(function(p) {
+      p.forEach((v) => {
+        const y = h.get(v.target), w = V(y, n, i, s, m);
         w.forEach((b, S) => {
-          t.scenes[b.index] = w[S];
-        }), l.splice(l.indexOf(v), 1, w);
+          e.scenes[b.index] = w[S];
+        }), u.splice(u.indexOf(y), 1, w);
       });
-    }), l.forEach((p) => {
-      u.observe(p[0].viewSource, { box: "border-box" }), h.set(p[0].viewSource, p);
-    }), t.observeContentResize && t.contentRoot && new window.ResizeObserver(qe(() => {
-      const y = l.map((v) => {
-        const w = V(v, n, i, s, m);
+    }), u.forEach((p) => {
+      l.observe(p[0].viewSource, { box: "border-box" }), h.set(p[0].viewSource, p);
+    }), e.observeContentResize && e.contentRoot && new window.ResizeObserver(Ae(() => {
+      const v = u.map((y) => {
+        const w = V(y, n, i, s, m);
         return w.forEach((b, S) => {
-          t.scenes[b.index] = w[S];
+          e.scenes[b.index] = w[S];
         }), w;
       });
-      l.length = 0, l.push(...y), l.forEach((v) => {
-        h.set(v[0].viewSource, v);
+      u.length = 0, u.push(...v), u.forEach((y) => {
+        h.set(y[0].viewSource, y);
       });
-    }, Ae)).observe(t.contentRoot, { box: "border-box" })), t.observeViewportResize && (f = qe(function() {
+    }, qe)).observe(e.contentRoot, { box: "border-box" })), e.observeViewportResize && (f = Ae(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;
+      const p = u.map((v) => {
+        const y = V(v, n, i, s, m);
+        return y.forEach((w, b) => {
+          e.scenes[w.index] = y[b];
+        }), y;
       });
-      l.length = 0, l.push(...p), l.forEach((y) => {
-        h.set(y[0].viewSource, y);
+      u.length = 0, u.push(...p), u.forEach((v) => {
+        h.set(v[0].viewSource, v);
       });
-    }, Ae), n === window ? window.addEventListener("resize", f) : window.ResizeObserver && (a = new window.ResizeObserver(f), a.observe(n, { box: "border-box" })));
+    }, qe), 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) {
+  e.observeViewportEntry && window.IntersectionObserver && (c = new window.IntersectionObserver(function(h) {
     h.forEach((p) => {
-      (r.get(p.target) || []).forEach((y) => {
-        y.disabled = !p.isIntersecting;
+      (r.get(p.target) || []).forEach((v) => {
+        v.disabled = !p.isIntersecting;
       });
     });
   }, {
     root: n === window ? window.document : n,
-    rootMargin: t.viewportRootMargin,
+    rootMargin: e.viewportRootMargin,
     threshold: 0
-  }), t.scenes.forEach((h) => {
+  }), e.scenes.forEach((h) => {
     if (h.viewSource) {
       let p = r.get(h.viewSource);
       p || (p = [], r.set(h.viewSource, p), c.observe(h.viewSource)), p.push(h);
@@ -1323,34 +1350,34 @@ function gn(e) {
   }));
   function g({ p: h, vp: p }) {
     h = +h.toFixed(1);
-    const y = +p.toFixed(4);
+    const v = +p.toFixed(4);
     if (h !== o) {
-      for (let v of t.scenes)
-        if (!v.disabled) {
-          const { start: w, end: b, duration: S } = v, I = mn(h, w, b, S);
-          v.effect(v, I, y);
+      for (let y of e.scenes)
+        if (!y.disabled) {
+          const { start: w, end: b, duration: S } = y, I = gn(h, w, b, S);
+          y.effect(y, I, v);
         }
       o = h;
     }
   }
   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));
+    e.scenes.forEach((h) => h.destroy?.()), c && (c.disconnect(), c = null), l && (l.disconnect(), l = null), f && (a ? (a.disconnect(), a = null) : window.removeEventListener("resize", f));
   }
   return {
     tick: g,
     destroy: d
   };
 }
-const vn = {
+const En = {
   transitionActive: !1,
   transitionFriction: 0.9,
   transitionEpsilon: 1,
   velocityActive: !1,
   velocityMax: 1
 };
-class yn {
-  constructor(t = {}) {
-    this.config = Be(t, vn), this.progress = {
+class wn {
+  constructor(e = {}) {
+    this.config = Be(e, En), this.progress = {
       p: 0,
       prevP: 0,
       vp: 0
@@ -1363,7 +1390,7 @@ class yn {
     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 = sn(() => {
+    }), this._trigger = on(() => {
       this._measure?.(), this.tick(!0);
     });
   }
@@ -1386,16 +1413,16 @@ class yn {
    * @param {number} [scrollPosition.x]
    * @param {number} [scrollPosition.y]
    */
-  resetProgress(t = {}) {
-    const n = this.config.root, s = t.x || t.x === 0 ? t.x : n.scrollX || n.scrollLeft || 0, r = t.y || t.y === 0 ? t.y : n.scrollY || n.scrollTop || 0, i = this.config.horizontal ? s : r;
-    this.progress.p = i, this.progress.prevP = i, this.progress.vp = 0, this.config.transitionActive && (this.currentProgress.p = i, this.currentProgress.prevP = i, this.currentProgress.vp = 0), t && this.config.root.scrollTo(s, r);
+  resetProgress(e = {}) {
+    const n = this.config.root, s = e.x || e.x === 0 ? e.x : n.scrollX || n.scrollLeft || 0, r = e.y || e.y === 0 ? e.y : n.scrollY || n.scrollTop || 0, i = this.config.horizontal ? s : r;
+    this.progress.p = i, this.progress.prevP = i, this.progress.vp = 0, this.config.transitionActive && (this.currentProgress.p = i, this.currentProgress.prevP = i, this.currentProgress.vp = 0), e && this.config.root.scrollTo(s, r);
   }
   /**
    * Handle animation frame work.
    *
    * @param {boolean} [clearLerpFrame] whether to cancel an existing lerp frame
    */
-  tick(t) {
+  tick(e) {
     const n = this.config.transitionActive;
     n && this.lerp();
     const s = n ? this.currentProgress : this.progress;
@@ -1403,13 +1430,13 @@ class yn {
       const r = s.p - s.prevP, i = r < 0 ? -1 : 1;
       s.vp = Math.min(this.config.velocityMax, Math.abs(r)) / this.config.velocityMax * i;
     }
-    this.effect.tick(s), n && s.p !== this.progress.p && (t && this._lerpFrameId && window.cancelAnimationFrame(this._lerpFrameId), this._lerpFrameId = window.requestAnimationFrame(() => this.tick())), s.prevP = s.p;
+    this.effect.tick(s), n && s.p !== this.progress.p && (e && this._lerpFrameId && window.cancelAnimationFrame(this._lerpFrameId), this._lerpFrameId = window.requestAnimationFrame(() => this.tick())), s.prevP = s.p;
   }
   /**
    * Calculate current progress.
    */
   lerp() {
-    this.currentProgress.p = nn(this.currentProgress.p, this.progress.p, +(1 - this.config.transitionFriction).toFixed(3), this.config.transitionEpsilon);
+    this.currentProgress.p = rn(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.
@@ -1433,7 +1460,7 @@ class yn {
    * Reset registered effect.
    */
   setupEffect() {
-    this.removeEffect(), this.effect = gn(this.config);
+    this.removeEffect(), this.effect = yn(this.config);
   }
   /**
    * Remove registered effect.
@@ -1444,29 +1471,29 @@ class yn {
 }
 const le = /* @__PURE__ */ new WeakMap();
 let Ke = () => ({});
-function En(e) {
-  Ke = e;
+function bn(t) {
+  Ke = t;
 }
-function wn(e, t, n, s, { reducedMotion: r }) {
+function Sn(t, e, n, s, { reducedMotion: r }) {
   if (r)
     return;
   const i = {
     trigger: "view-progress",
-    element: e
+    element: t
   }, o = P(n);
   let c;
   if ("ViewTimeline" in window) {
-    const f = ve(t, o, i);
+    const f = ve(e, o, i);
     f && (f.play(), c = () => {
       f.ready.then(() => {
         f.cancel();
       });
     });
   } else {
-    const f = De(t, o, i);
+    const f = Ne(e, o, i);
     if (f) {
-      const a = Array.isArray(f) ? f : [f], l = new yn({
-        viewSource: e,
+      const a = Array.isArray(f) ? f : [f], u = new wn({
+        viewSource: t,
         scenes: a,
         observeViewportEntry: !1,
         observeViewportResize: !1,
@@ -1475,67 +1502,67 @@ function wn(e, t, n, s, { reducedMotion: r }) {
         ...Ke()
       });
       c = () => {
-        l.destroy();
+        u.destroy();
       }, Promise.all(a.map((m) => m.ready || Promise.resolve())).then(
         () => {
-          l.start();
+          u.start();
         }
       );
     }
   }
   if (!c) return;
-  const u = { source: e, target: t, cleanup: c };
-  O(le, e, u), O(le, t, u);
+  const l = { source: t, target: e, cleanup: c };
+  O(le, t, l), O(le, e, l);
 }
-function bn(e) {
-  N(le, e);
+function In(t) {
+  D(le, t);
 }
-const Sn = {
-  add: wn,
-  remove: bn,
-  registerOptionsGetter: En
+const Tn = {
+  add: Sn,
+  remove: In,
+  registerOptionsGetter: bn
 };
-function xe(e, t, n) {
-  return Math.min(Math.max(e, n), t);
+function xe(t, e, n) {
+  return Math.min(Math.max(t, n), e);
 }
-function Me(e) {
-  let t = !1;
+function Me(t) {
+  let e = !1;
   return function() {
-    if (!t)
-      return t = !0, window.requestAnimationFrame(() => {
-        t = !1, e();
+    if (!e)
+      return e = !0, window.requestAnimationFrame(() => {
+        e = !1, t();
       });
   };
 }
-function In(e) {
-  let t = e, n = 0, s = 0;
-  if (t.offsetParent)
+function On(t) {
+  let e = t, n = 0, s = 0;
+  if (e.offsetParent)
     do
-      n += t.offsetLeft, s += t.offsetTop, t = t.offsetParent;
-    while (t);
+      n += e.offsetLeft, s += e.offsetTop, e = e.offsetParent;
+    while (e);
   return {
     left: n,
     top: s,
-    width: e.offsetWidth,
-    height: e.offsetHeight
+    width: t.offsetWidth,
+    height: t.offsetHeight
   };
 }
-function Tn() {
-  const e = window.devicePixelRatio;
-  let t = !1;
-  if (e === 1)
+function Cn() {
+  const t = window.devicePixelRatio;
+  let e = !1;
+  if (t === 1)
     return !1;
   document.body.addEventListener("pointerdown", (s) => {
-    t = s.offsetX !== 10;
+    e = s.offsetX !== 10;
   }, { once: !0 });
   const n = new PointerEvent("pointerdown", {
     clientX: 10
   });
-  return document.body.dispatchEvent(n), t;
+  return document.body.dispatchEvent(n), e;
 }
-function On() {
-  return new Promise((e) => {
-    const t = window.scrollY;
+function kn() {
+  return new Promise((t) => {
+    const e = window.scrollY;
     let n = !1, s;
     function r() {
       document.body.addEventListener("pointerdown", (c) => {
@@ -1547,102 +1574,102 @@ function On() {
       document.body.dispatchEvent(o);
     }
     function i() {
-      window.scrollY !== t && (window.removeEventListener("scroll", i), r(), e(n));
+      window.scrollY !== e && (window.removeEventListener("scroll", i), r(), t(n));
     }
     r(), window.addEventListener("scroll", i), window.scrollY > 0 && window.scrollBy(0, -1);
   });
 }
-function Cn(e) {
-  On().then((t) => {
-    e.fixRequired = t, t && (window.addEventListener("scroll", e.scrollHandler), e.scrollHandler());
+function An(t) {
+  kn().then((e) => {
+    t.fixRequired = e, e && (window.addEventListener("scroll", t.scrollHandler), t.scrollHandler());
   });
 }
 let W = 0;
 const J = /* @__PURE__ */ new Set();
-function kn() {
-  const e = (n) => {
+function qn() {
+  const t = (n) => {
     for (let s of n.changedTouches)
       J.add(s.identifier);
-  }, t = (n) => {
+  }, e = (n) => {
     for (let s of n.changedTouches)
       J.delete(s.identifier);
   };
-  return document.addEventListener("touchstart", e, { passive: !0 }), document.addEventListener("touchend", t, { passive: !0 }), function() {
-    J.clear(), document.removeEventListener("touchstart", e), document.removeEventListener("touchend", t);
+  return document.addEventListener("touchstart", t, { passive: !0 }), document.addEventListener("touchend", e, { passive: !0 }), function() {
+    J.clear(), document.removeEventListener("touchstart", t), document.removeEventListener("touchend", e);
   };
 }
-function qn(e, t) {
+function _n(t, e) {
   if ("onscrollend" in window)
-    return e.addEventListener("scrollend", t), function() {
-      e.removeEventListener("scrollend", t);
+    return t.addEventListener("scrollend", e), function() {
+      t.removeEventListener("scrollend", e);
     };
   let n = 0, s;
-  W || (s = kn()), W += 1;
+  W || (s = qn()), W += 1;
   function r(i) {
     clearTimeout(n), n = setTimeout(() => {
-      J.size ? setTimeout(r, 100) : (t(i), n = 0);
+      J.size ? setTimeout(r, 100) : (e(i), n = 0);
     }, 100);
   }
-  return e.addEventListener("scroll", r), function() {
-    e.removeEventListener("scroll", r), W -= 1, W || s();
+  return t.addEventListener("scroll", r), function() {
+    t.removeEventListener("scroll", r), W -= 1, W || s();
   };
 }
-function An(e, t, n) {
+function xn(t, e, 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;
+      const r = t.left - n.x + t.width / 2, i = r >= e.width / 2, o = (i ? r : e.width - r) * 2, c = i ? 0 : r - o / 2;
       return (s - c) / o;
     },
     y(s) {
-      const r = e.top - n.y + e.height / 2, i = r >= t.height / 2, o = (i ? r : t.height - r) * 2, c = i ? 0 : r - o / 2;
+      const r = t.top - n.y + t.height / 2, i = r >= e.height / 2, o = (i ? r : e.height - r) * 2, c = i ? 0 : r - o / 2;
       return (s - c) / o;
     }
   };
 }
-function _n(e, t) {
-  this.x = window.scrollX, this.y = window.scrollY, requestAnimationFrame(() => e && e(t));
+function Mn(t, e) {
+  this.x = window.scrollX, this.y = window.scrollY, requestAnimationFrame(() => t && t(e));
 }
-function xn(e) {
-  e.rect.width = window.document.documentElement.clientWidth, e.rect.height = window.document.documentElement.clientHeight;
+function Ln(t) {
+  t.rect.width = window.document.documentElement.clientWidth, t.rect.height = window.document.documentElement.clientHeight;
 }
-function Mn(e) {
-  const t = new ResizeObserver((n) => {
+function Pn(t) {
+  const e = new ResizeObserver((n) => {
     n.forEach((s) => {
-      e.rect.width = s.borderBoxSize[0].inlineSize, e.rect.height = s.borderBoxSize[0].blockSize;
+      t.rect.width = s.borderBoxSize[0].inlineSize, t.rect.height = s.borderBoxSize[0].blockSize;
     });
   });
-  return t.observe(e.root, { box: "border-box" }), t;
+  return e.observe(t.root, { box: "border-box" }), 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 = An(In(a.target), e.rect, u), t = !0), e.root ? r = Mn(e) : (i = xn.bind(null, e), window.addEventListener("resize", i));
+function $n(t) {
+  let e = !1, n = { x: t.rect.width / 2, y: t.rect.height / 2, vx: 0, vy: 0 }, s, r, i, o, c;
+  const l = { x: 0, y: 0 };
+  t.scenes.forEach((a) => {
+    a.target && a.centeredToTarget && (a.transform = xn(On(a.target), t.rect, l), e = !0), t.root ? r = Pn(t) : (i = Ln.bind(null, t), window.addEventListener("resize", i));
   }), s = function(a) {
-    for (let l of e.scenes)
-      if (!l.disabled) {
-        const m = l.transform?.x(a.x) || a.x / e.rect.width, g = l.transform?.y(a.y) || a.y / e.rect.height, d = +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);
+    for (let u of t.scenes)
+      if (!u.disabled) {
+        const m = u.transform?.x(a.x) || a.x / t.rect.width, g = u.transform?.y(a.y) || a.y / t.rect.height, d = +xe(0, 1, m).toPrecision(4), h = +xe(0, 1, g).toPrecision(4), p = { x: a.vx, y: a.vy };
+        t.allowActiveEvent && (a.active = m <= 1 && g <= 1 && m >= 0 && g >= 0), u.effect(u, { x: d, y: h }, p, a.active);
       }
     Object.assign(n, a);
-  }, t && (o = _n.bind(u, s, n), c = qn(document, o));
+  }, e && (o = Mn.bind(l, s, n), c = _n(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;
+    t.scenes.forEach((a) => a.destroy?.()), c?.(), r ? (r.disconnect(), r = null) : (window.removeEventListener("resize", i), i = null), s = null, n = null;
   }
   return {
     tick: s,
     destroy: f
   };
 }
-const Pn = 1e3 / 60 * 3;
+const Fn = 1e3 / 60 * 3;
 let j;
-function $n() {
+function Rn() {
   x.x = window.scrollX, x.y = window.scrollY;
 }
-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;
+const x = { x: 0, y: 0, scrollHandler: Rn, fixRequired: void 0 };
+class Hn {
+  constructor(e = {}) {
+    this.config = { ...e }, this.effect = null, this._nextTick = null, this._nextTransitionTick = null, this._startTime = 0;
     let n;
     this.config.transitionDuration ? n = this.config.noThrottle ? () => this.transition() : Me(() => this.transition()) : n = this.config.noThrottle ? () => (this.tick(), null) : Me(() => {
       this.tick();
@@ -1667,9 +1694,9 @@ class Fn {
     }, this._pointerEnter = () => {
       this.progress.active = !0, this._nextTick = n();
     }, this.config.root) {
-      j = typeof j == "boolean" ? j : Tn();
+      j = typeof j == "boolean" ? j : Cn();
       const r = j ? window.devicePixelRatio : 1;
-      typeof x.fixRequired > "u" && Cn(x), this._measure = (i) => {
+      typeof x.fixRequired > "u" && An(x), this._measure = (i) => {
         if (i.target !== this.config.root) {
           const o = new PointerEvent("pointermove", {
             bubbles: !0,
@@ -1708,11 +1735,11 @@ class Fn {
    * @returns {number} the requestAnimationFrame id for the transition tick.
    */
   transition() {
-    const t = this.config.transitionDuration, n = this.config.transitionEasing || ((o) => o), s = performance.now();
+    const e = this.config.transitionDuration, n = this.config.transitionEasing || ((o) => o), s = performance.now();
     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((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);
+      const c = (o - this._startTime) / e, l = n(Math.min(1, c));
+      r && (this.progress.vx = 0, this.progress.vy = 0, r = !1), this.currentProgress = Object.entries(this.progress).reduce((f, [a, u]) => (a === "active" ? f[a] = u : f[a] = this.previousProgress[a] + (u - this.previousProgress[a]) * l, f), this.currentProgress || {}), c < 1 && (this._nextTransitionTick = requestAnimationFrame(i), r = o - this._startTime > Fn), 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;
   }
@@ -1727,21 +1754,21 @@ class Fn {
    */
   setupEvent() {
     this.removeEvent();
-    const t = this.config.root || window;
-    t.addEventListener("pointermove", this._measure, { passive: !0 }), this.config.eventSource && this.config.eventSource.addEventListener("pointermove", this._measure, { passive: !0 }), this.config.allowActiveEvent && (t.addEventListener("pointerleave", this._pointerLeave, { passive: !0 }), t.addEventListener("pointerenter", this._pointerEnter, { passive: !0 }), this.config.eventSource && (this.config.eventSource.addEventListener("pointerleave", this._pointerLeave, { passive: !0 }), this.config.eventSource.addEventListener("pointerenter", this._pointerEnter, { passive: !0 })));
+    const e = this.config.root || window;
+    e.addEventListener("pointermove", this._measure, { passive: !0 }), this.config.eventSource && this.config.eventSource.addEventListener("pointermove", this._measure, { passive: !0 }), this.config.allowActiveEvent && (e.addEventListener("pointerleave", this._pointerLeave, { passive: !0 }), e.addEventListener("pointerenter", this._pointerEnter, { passive: !0 }), this.config.eventSource && (this.config.eventSource.addEventListener("pointerleave", this._pointerLeave, { passive: !0 }), this.config.eventSource.addEventListener("pointerenter", this._pointerEnter, { passive: !0 })));
   }
   /**
    * Remove pointermove handler.
    */
   removeEvent() {
-    const t = this.config.root || window;
-    t.removeEventListener("pointermove", this._measure), this.config.eventSource && this.config.eventSource.removeEventListener("pointermove", this._measure), this.config.allowActiveEvent && (t.removeEventListener("pointerleave", this._pointerLeave), t.removeEventListener("pointerenter", this._pointerEnter), this.config.eventSource && (this.config.eventSource.removeEventListener("pointerleave", this._pointerLeave), this.config.eventSource.removeEventListener("pointerenter", this._pointerEnter)));
+    const e = this.config.root || window;
+    e.removeEventListener("pointermove", this._measure), this.config.eventSource && this.config.eventSource.removeEventListener("pointermove", this._measure), this.config.allowActiveEvent && (e.removeEventListener("pointerleave", this._pointerLeave), e.removeEventListener("pointerenter", this._pointerEnter), this.config.eventSource && (this.config.eventSource.removeEventListener("pointerleave", this._pointerLeave), this.config.eventSource.removeEventListener("pointerenter", this._pointerEnter)));
   }
   /**
    * Reset registered effect.
    */
   setupEffect() {
-    this.removeEffect(), this.effect = Ln(this.config);
+    this.removeEffect(), this.effect = $n(this.config);
   }
   /**
    * Remove registered effect.
@@ -1752,210 +1779,218 @@ class Fn {
 }
 const ue = /* @__PURE__ */ new WeakMap();
 let Qe = () => ({});
-function Rn(e) {
-  Qe = e;
+function zn(t) {
+  Qe = t;
 }
-function zn(e, t, n, s = {}, { reducedMotion: r }) {
+function Gn(t, e, n, s = {}, { reducedMotion: r }) {
   if (r)
     return;
   const i = {
     trigger: "pointer-move",
-    element: e,
+    element: t,
     axis: s.axis ?? "y"
-  }, o = De(t, P(n), i);
+  }, o = Ne(e, P(n), i);
   if (o) {
-    const c = Array.isArray(o) ? o : [o], u = new Fn({
-      root: s.hitArea === "self" ? e : void 0,
+    const c = Array.isArray(o) ? o : [o], l = new Hn({
+      root: s.hitArea === "self" ? t : void 0,
       scenes: c,
       ...Qe()
-    }), a = { source: e, target: t, cleanup: () => {
-      u.destroy();
+    }), a = { source: t, target: e, cleanup: () => {
+      l.destroy();
     } };
-    O(ue, e, a), O(ue, t, a), Promise.all(
-      c.map((l) => l.ready || Promise.resolve())
+    O(ue, t, a), O(ue, e, a), Promise.all(
+      c.map((u) => u.ready || Promise.resolve())
     ).then(() => {
-      u.start();
+      l.start();
     });
   }
 }
-function Hn(e) {
-  N(ue, e);
+function Dn(t) {
+  D(ue, t);
 }
-const Gn = {
-  add: zn,
-  remove: Hn,
-  registerOptionsGetter: Rn
+const Nn = {
+  add: Gn,
+  remove: Dn,
+  registerOptionsGetter: zn
 }, de = /* @__PURE__ */ new WeakMap();
-function Nn(e, t, n, s, { reducedMotion: r, selectorCondition: i, animation: o }) {
+function Vn(t, e, n, s, { reducedMotion: r, selectorCondition: i, animation: o }) {
   const c = o || ne(
-    t,
+    e,
     P(n),
     void 0,
     r
   );
   if (!c)
     return;
-  const u = () => {
-    i && !t.matches(i) || c.play();
-  }, a = { source: e, target: t, cleanup: () => {
-    c.cancel(), e.removeEventListener("animationend", u);
+  const l = () => {
+    i && !e.matches(i) || c.play();
+  }, a = { source: t, target: e, cleanup: () => {
+    c.cancel(), t.removeEventListener("animationend", l);
   } };
-  O(de, e, a), O(de, t, a), e.addEventListener("animationend", u);
+  O(de, t, a), O(de, e, a), t.addEventListener("animationend", l);
 }
-function Dn(e) {
-  N(de, e);
+function Wn(t) {
+  D(de, t);
 }
-const Vn = {
-  add: Nn,
-  remove: Dn
+const jn = {
+  add: Vn,
+  remove: Wn
 };
-function Wn(e, t, n, s = !1, r, i, o) {
+function Yn(t, e, n, s = !1, r, i, o) {
   const c = o || ne(
-    e,
-    P(t),
+    t,
+    P(e),
     void 0,
     s
   );
   if (!c)
     return null;
-  let u = !0;
+  let l = !0;
   const f = n.type || "alternate";
   return (a) => {
-    if (r && !e.matches(r)) return;
-    const l = !i, m = i?.enter?.includes(a.type), g = i?.leave?.includes(a.type);
-    if (m || l) {
-      f === "alternate" || f === "state" ? u ? (u = !1, c.play()) : f === "alternate" ? c.reverse() : f === "state" && (c.playState === "running" ? c.pause() : c.playState !== "finished" && c.play()) : (c.progress(0), delete e.dataset.interactEnter, c.isCSS && c.onFinish(() => {
-        T.mutate(() => {
-          e.dataset.interactEnter = "done";
-        });
-      }), c.play());
+    if (r && !t.matches(r)) return;
+    const u = !i, m = i?.enter?.includes(a.type), g = i?.leave?.includes(a.type);
+    if (m || u) {
+      if (f === "alternate" || f === "state")
+        l ? (l = !1, c.play()) : f === "alternate" ? c.reverse() : f === "state" && (c.playState === "running" ? c.pause() : c.playState !== "finished" && c.play());
+      else {
+        if (c.progress(0), delete t.dataset.interactEnter, c.isCSS) {
+          const d = () => {
+            T.mutate(() => {
+              t.dataset.interactEnter = "done";
+            });
+          };
+          c.onFinish(d), c.onAbort(d);
+        }
+        c.play();
+      }
       return;
     }
     g && (f === "alternate" ? c.reverse() : f === "repeat" ? (c.cancel(), T.mutate(() => {
-      delete e.dataset.interactEnter;
+      delete t.dataset.interactEnter;
     })) : f === "state" && c.playState === "running" && c.pause());
   };
 }
-function jn(e, t, {
+function Bn(t, e, {
   effectId: n,
   listContainer: s,
   listItemSelector: r
 }, i, o, c) {
-  const u = !!s, f = i.method || "toggle", a = f === "toggle";
-  return (l) => {
-    if (o && !e.matches(o)) return;
-    const m = u ? e.closest(
+  const l = !!s, f = i.method || "toggle", a = f === "toggle";
+  return (u) => {
+    if (o && !t.matches(o)) return;
+    const m = l ? t.closest(
       `${s} > ${r || ""}:has(:scope)`
-    ) : void 0, g = !c, d = c?.enter?.includes(l.type), h = c?.leave?.includes(l.type);
-    g ? t.toggleEffect(n, f, m) : (d && t.toggleEffect(n, a ? "add" : f, m), h && a && t.toggleEffect(n, "remove", m));
+    ) : void 0, g = !c, d = c?.enter?.includes(u.type), h = c?.leave?.includes(u.type);
+    g ? e.toggleEffect(n, f, m) : (d && e.toggleEffect(n, a ? "add" : f, m), h && a && e.toggleEffect(n, "remove", m));
   };
 }
 const he = /* @__PURE__ */ new WeakMap();
-function Le(e, t) {
+function Le(t, e) {
   return (n) => {
     const s = n;
-    e.contains(s.relatedTarget) || t(s);
+    t.contains(s.relatedTarget) || e(s);
   };
 }
-function Yn(e) {
-  return (t) => {
-    const n = t;
-    n.pointerType && e(n);
+function Kn(t) {
+  return (e) => {
+    const n = e;
+    n.pointerType && t(n);
   };
 }
-function Bn(e) {
-  return (t) => {
-    const n = t;
-    n.code === "Space" ? (n.preventDefault(), e(n)) : n.code === "Enter" && e(n);
+function Qn(t) {
+  return (e) => {
+    const n = e;
+    n.code === "Space" ? (n.preventDefault(), t(n)) : n.code === "Enter" && t(n);
   };
 }
-const Kn = {
-  focusin: (e, t) => Le(e, t),
-  focusout: (e, t) => Le(e, t),
-  click: (e, t) => Yn(t),
-  keydown: (e, t) => Bn(t)
+const Xn = {
+  focusin: (t, e) => Le(t, e),
+  focusout: (t, e) => Le(t, e),
+  click: (t, e) => Kn(e),
+  keydown: (t, e) => Qn(e)
 };
-function Qn(e, t, n) {
-  const s = Kn[e];
-  return s ? s(t, n) : (r) => n(r);
-}
-function Xn(e) {
-  return typeof e == "object" && !Array.isArray(e) && ("enter" in e || "leave" in e);
-}
-function Un(e) {
-  if (typeof e == "string")
-    return { toggle: [e] };
-  if (Array.isArray(e))
-    return { toggle: [...e] };
-  if (Xn(e)) {
-    const t = e.enter ? [...e.enter] : [], n = e.leave ? [...e.leave] : [];
-    return { enter: t, leave: n };
+function Un(t, e, n) {
+  const s = Xn[t];
+  return s ? s(e, n) : (r) => n(r);
+}
+function Jn(t) {
+  return typeof t == "object" && !Array.isArray(t) && ("enter" in t || "leave" in t);
+}
+function Zn(t) {
+  if (typeof t == "string")
+    return { toggle: [t] };
+  if (Array.isArray(t))
+    return { toggle: [...t] };
+  if (Jn(t)) {
+    const e = t.enter ? [...t.enter] : [], n = t.leave ? [...t.leave] : [];
+    return { enter: e, leave: n };
   }
   return {};
 }
-function Jn(e) {
-  return !!(e.enter?.length || e.leave?.length);
+function es(t) {
+  return !!(t.enter?.length || t.leave?.length);
 }
-function Zn(e) {
-  return Jn(e) ? { enter: e.enter ?? [], leave: e.leave ?? [] } : void 0;
+function ts(t) {
+  return es(t) ? { enter: t.enter ?? [], leave: t.leave ?? [] } : void 0;
 }
-function es(e, t, n, s, {
+function ns(t, e, 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,
+  const l = Zn(s.eventConfig), f = n.transition || n.transitionProperties, a = ts(l);
+  let u, m = !1;
+  if (f ? u = Bn(
+    e,
     i,
     n,
     s,
     o,
     a
-  ) : (l = Wn(
-    t,
+  ) : (u = Yn(
+    e,
     n,
     s,
     r,
     o,
     a,
     c
-  ), m = s.type === "once"), !l)
+  ), m = s.type === "once"), !u)
     return;
-  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 = u, d = new AbortController();
+  function h(y, w, b) {
+    const S = Un(w, t, g);
+    y.addEventListener(w, S, { ...b, signal: d.signal });
   }
-  const y = { source: e, target: t, cleanup: () => {
+  const v = { source: t, target: e, cleanup: () => {
     d.abort();
   } };
-  if (O(he, e, y), O(he, t, y), a) {
-    const v = u.enter, w = u.leave;
-    v.forEach((I) => {
-      I === "focusin" && (e.tabIndex = 0), h(e, I, { passive: !0, once: m });
+  if (O(he, t, v), O(he, e, v), a) {
+    const y = l.enter, w = l.leave;
+    y.forEach((I) => {
+      I === "focusin" && (t.tabIndex = 0), h(t, I, { passive: !0, once: m });
     });
     const b = !s.method || s.method === "toggle";
     (f ? b : s.type !== "once") && w.forEach((I) => {
       if (I === "focusout") {
-        h(e, I, { once: m });
+        h(t, I, { once: m });
         return;
       }
-      h(e, I, { passive: !0 });
+      h(t, I, { passive: !0 });
     });
   } else
-    (u.toggle ?? []).forEach((w) => {
-      h(e, w, { once: m, passive: w !== "keydown" });
+    (l.toggle ?? []).forEach((w) => {
+      h(t, w, { once: m, passive: w !== "keydown" });
     });
 }
-function ts(e) {
-  N(he, e);
+function ss(t) {
+  D(he, t);
 }
 const R = {
-  add: es,
-  remove: ts
+  add: ns,
+  remove: ss
 }, me = {
   click: ["click"],
   activate: ["click", "keydown"],
@@ -1968,14 +2003,14 @@ const R = {
   click: me.activate,
   hover: me.interest
 };
-function Y(e) {
-  const t = me[e];
+function Y(t) {
+  const e = me[t];
   return (n, s, r, i, o) => {
-    const c = o?.allowA11yTriggers && e in Pe ? Pe[e] : t;
+    const c = o?.allowA11yTriggers && t in Pe ? Pe[t] : e;
     R.add(n, s, r, { ...i, eventConfig: c }, o ?? {});
   };
 }
-const q = {
+const A = {
   viewEnter: ke,
   hover: {
     add: Y("hover"),
@@ -1986,9 +2021,9 @@ const q = {
     remove: R.remove
   },
   pageVisible: ke,
-  animationEnd: Vn,
-  viewProgress: Sn,
-  pointerMove: Gn,
+  animationEnd: jn,
+  viewProgress: Tn,
+  pointerMove: Nn,
   activate: {
     add: Y("activate"),
     remove: R.remove
@@ -1998,8 +2033,8 @@ const q = {
     remove: R.remove
   }
 };
-function ns(e) {
-  return e.replace(/\[([-\w]+)]/g, "[]");
+function is(t) {
+  return t.replace(/\[([-\w]+)]/g, "[]");
 }
 class E {
   static defineInteractElement;
@@ -2017,11 +2052,11 @@ class E {
   constructor() {
     this.dataCache = { effects: {}, sequences: {}, conditions: {}, interactions: {} }, this.addedInteractions = {}, this.mediaQueryListeners = /* @__PURE__ */ new Map(), this.listInteractionsCache = {}, this.controllers = /* @__PURE__ */ new Set();
   }
-  init(t, n) {
+  init(e, n) {
     if (typeof window > "u" || !window.customElements)
       return;
     const s = n?.useCutsomElement ?? !!E.defineInteractElement;
-    this.dataCache = is(t, s);
+    this.dataCache = os(e, s);
     const r = E.defineInteractElement?.();
     s && r === !1 ? document.querySelectorAll("interact-element").forEach((i) => {
       i.connect();
@@ -2030,94 +2065,94 @@ class E {
     );
   }
   destroy() {
-    for (const t of this.controllers)
-      t.disconnect();
-    for (const [, t] of this.mediaQueryListeners.entries())
-      t.mql.removeEventListener("change", t.handler);
+    for (const e of this.controllers)
+      e.disconnect();
+    for (const [, e] of this.mediaQueryListeners.entries())
+      e.mql.removeEventListener("change", e.handler);
     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);
+  setController(e, n) {
+    this.controllers.add(n), E.setController(e, n);
   }
-  deleteController(t, n = !1) {
-    const s = E.controllerCache.get(t);
-    this.clearInteractionStateForKey(t), this.clearMediaQueryListenersForKey(t), s && n && (this.controllers.delete(s), E.deleteController(t));
+  deleteController(e, n = !1) {
+    const s = E.controllerCache.get(e);
+    this.clearInteractionStateForKey(e), this.clearMediaQueryListenersForKey(e), s && n && (this.controllers.delete(s), E.deleteController(e));
   }
-  has(t) {
-    return !!this.get(t);
+  has(e) {
+    return !!this.get(e);
   }
-  get(t) {
-    const n = ns(t);
+  get(e) {
+    const n = is(e);
     return this.dataCache.interactions[n];
   }
-  clearMediaQueryListenersForKey(t) {
+  clearMediaQueryListenersForKey(e) {
     for (const [n, s] of this.mediaQueryListeners.entries())
-      s.key === t && (s.mql.removeEventListener("change", s.handler), this.mediaQueryListeners.delete(n));
+      s.key === e && (s.mql.removeEventListener("change", s.handler), this.mediaQueryListeners.delete(n));
   }
-  clearInteractionStateForKey(t) {
-    (this.get(t)?.interactionIds || []).forEach((r) => {
-      const i = C(r, t);
+  clearInteractionStateForKey(e) {
+    (this.get(e)?.interactionIds || []).forEach((r) => {
+      const i = C(r, e);
       delete this.addedInteractions[i];
     });
-    const s = `${t}::seq::`;
+    const s = `${e}::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, {
+  setupMediaQueryListener(e, n, s, r) {
+    this.mediaQueryListeners.has(e) || (n.addEventListener("change", r), this.mediaQueryListeners.set(e, {
       mql: n,
       handler: r,
       key: s
     }));
   }
-  static create(t, n) {
+  static create(e, n) {
     const s = new E();
-    return E.instances.push(s), s.init(t, n), s;
+    return E.instances.push(s), s.init(e, n), s;
   }
   static destroy() {
-    E.controllerCache.forEach((t) => {
-      t.disconnect();
+    E.controllerCache.forEach((e) => {
+      e.disconnect();
     }), E.instances.length = 0, E.controllerCache.clear(), E.sequenceCache.clear(), E.elementSequenceMap = /* @__PURE__ */ new WeakMap();
   }
-  static setup(t) {
-    t.scrollOptionsGetter && q.viewProgress.registerOptionsGetter?.(
-      t.scrollOptionsGetter
-    ), t.pointerOptionsGetter && q.pointerMove.registerOptionsGetter?.(
-      t.pointerOptionsGetter
-    ), t.viewEnter && q.viewEnter.setOptions(
-      t.viewEnter
-    ), t.allowA11yTriggers !== void 0 && (E.allowA11yTriggers = t.allowA11yTriggers);
+  static setup(e) {
+    e.scrollOptionsGetter && A.viewProgress.registerOptionsGetter?.(
+      e.scrollOptionsGetter
+    ), e.pointerOptionsGetter && A.pointerMove.registerOptionsGetter?.(
+      e.pointerOptionsGetter
+    ), e.viewEnter && A.viewEnter.setOptions(
+      e.viewEnter
+    ), e.allowA11yTriggers !== void 0 && (E.allowA11yTriggers = e.allowA11yTriggers);
   }
-  static getInstance(t) {
-    return E.instances.find((n) => n.has(t));
+  static getInstance(e) {
+    return E.instances.find((n) => n.has(e));
   }
-  static getController(t) {
-    return t ? E.controllerCache.get(t) : void 0;
+  static getController(e) {
+    return e ? E.controllerCache.get(e) : void 0;
   }
-  static setController(t, n) {
-    E.controllerCache.set(t, n);
+  static setController(e, n) {
+    E.controllerCache.set(e, n);
   }
-  static deleteController(t) {
-    E.controllerCache.delete(t);
+  static deleteController(e) {
+    E.controllerCache.delete(e);
   }
   static registerEffects = Rt;
-  static getSequence(t, n, s, r) {
-    const i = E.sequenceCache.get(t);
+  static getSequence(e, n, s, r) {
+    const i = E.sequenceCache.get(e);
     if (i) return i;
     const o = Bt(n, s, r);
-    return E.sequenceCache.set(t, o), E._registerSequenceElements(s, o), o;
+    return E.sequenceCache.set(e, o), E._registerSequenceElements(s, o), o;
   }
-  static addToSequence(t, n, s, r) {
-    const i = E.sequenceCache.get(t);
+  static addToSequence(e, n, s, r) {
+    const i = E.sequenceCache.get(e);
     if (!i) return !1;
-    const c = Ve(n, r).map((u, f) => ({
+    const c = Ve(n, r).map((l, f) => ({
       index: s[f] ?? i.animationGroups.length,
-      group: u
+      group: l
     }));
     return i.addGroups(c), E._registerSequenceElements(n, i), !0;
   }
-  static _registerSequenceElements(t, n) {
-    for (const { target: s } of t) {
+  static _registerSequenceElements(e, n) {
+    for (const { target: s } of e) {
       const r = Array.isArray(s) ? s : s instanceof HTMLElement ? [s] : [];
       for (const i of r) {
         let o = E.elementSequenceMap.get(i);
@@ -2125,8 +2160,8 @@ class E {
       }
     }
   }
-  static removeFromSequences(t) {
-    for (const n of t) {
+  static removeFromSequences(e) {
+    for (const n of e) {
       const s = E.elementSequenceMap.get(n);
       if (s) {
         for (const r of s)
@@ -2138,35 +2173,35 @@ class E {
     }
   }
 }
-let ss = 0;
-function H(e, {
-  asCombinator: t = !1,
+let rs = 0;
+function z(t, {
+  asCombinator: e = !1,
   addItemFilter: n = !1,
   useFirstChild: s = !1
 } = {}) {
-  if (e.listContainer) {
-    const r = `${n && e.listItemSelector ? ` > ${e.listItemSelector}` : ""}`;
-    return e.selector ? `${e.listContainer}${r} ${e.selector}` : `${e.listContainer}${r || " > *"}`;
-  } else if (e.selector)
-    return e.selector;
-  return s ? t ? "> :first-child" : ":scope > :first-child" : "";
-}
-function $e(e) {
-  return "sequenceId" in e && !("effects" in e);
-}
-function ce(e, t) {
-  return e[t] || (e[t] = {
+  if (t.listContainer) {
+    const r = `${n && t.listItemSelector ? ` > ${t.listItemSelector}` : ""}`;
+    return t.selector ? `${t.listContainer}${r} ${t.selector}` : `${t.listContainer}${r || " > *"}`;
+  } else if (t.selector)
+    return t.selector;
+  return s ? e ? "> :first-child" : ":scope > :first-child" : "";
+}
+function $e(t) {
+  return "sequenceId" in t && !("effects" in t);
+}
+function ce(t, e) {
+  return t[e] || (t[e] = {
     triggers: [],
     effects: {},
     sequences: {},
     interactionIds: /* @__PURE__ */ new Set(),
     selectors: /* @__PURE__ */ new Set()
-  }), e[t];
+  }), t[e];
 }
-function is(e, t = !1) {
-  const n = e.conditions || {}, s = {};
-  return e.interactions?.forEach((r) => {
-    const i = r.key, o = ++ss, { effects: c, sequences: u, ...f } = r;
+function os(t, e = !1) {
+  const n = t.conditions || {}, s = {};
+  return t.interactions?.forEach((r) => {
+    const i = r.key, o = ++rs, { effects: c, sequences: l, ...f } = r;
     if (!i) {
       console.error(`Interaction ${o} is missing a key for source element.`);
       return;
@@ -2174,9 +2209,9 @@ function is(e, t = !1) {
     ce(s, i);
     const a = c ? Array.from(c) : [];
     a.reverse();
-    const l = u?.map((d) => {
+    const u = l?.map((d) => {
       if ($e(d)) {
-        const p = e.sequences?.[d.sequenceId];
+        const p = t.sequences?.[d.sequenceId];
         return p ? { ...p, ...d } : (console.warn(`Interact: Sequence "${d.sequenceId}" not found in config`), d);
       }
       const h = d;
@@ -2184,35 +2219,35 @@ function is(e, t = !1) {
     }), m = {
       ...f,
       effects: a.length > 0 ? a : void 0,
-      sequences: l
+      sequences: u
     };
     s[i].triggers.push(m), s[i].selectors.add(
-      H(m, { useFirstChild: t })
+      z(m, { useFirstChild: e })
     );
     const g = m.listContainer;
     a.forEach((d) => {
       let h = d.key;
       if (!h && d.effectId) {
-        const w = e.effects[d.effectId];
+        const w = t.effects[d.effectId];
         w && (h = w.key);
       }
       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 y = `${i}::${h}::${p}::${o}`;
-      if (d.interactionId = y, s[i].interactionIds.add(y), h === i)
+      const v = `${i}::${h}::${p}::${o}`;
+      if (d.interactionId = v, s[i].interactionIds.add(v), 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) => {
+      const y = ce(s, h);
+      y.effects[v] || (y.effects[v] = [], y.interactionIds.add(v)), y.effects[v].push({ ...f, effect: d }), y.selectors.add(z(d, { useFirstChild: e }));
+    }), u?.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];
+      const h = d, p = h.sequenceId || _(), v = h.effects;
+      for (const y of v) {
+        y.effectId || (y.effectId = _());
+        let w = y.key;
+        if (!w && y.effectId) {
+          const b = t.effects[y.effectId];
           b && (w = b.key);
         }
         if (w = w || i, w !== i) {
@@ -2220,134 +2255,134 @@ function is(e, t = !1) {
           b.sequences[S] || (b.sequences[S] = [], b.interactionIds.add(S)), b.sequences[S].push({
             ...f,
             sequence: h
-          }), b.selectors.add(H(v, { useFirstChild: t }));
+          }), b.selectors.add(z(y, { useFirstChild: e }));
         }
       }
     });
   }), {
-    effects: e.effects || {},
-    sequences: e.sequences || {},
+    effects: t.effects || {},
+    sequences: t.sequences || {},
     conditions: n,
     interactions: s
   };
 }
-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}"`), []);
+function pe(t, e, n) {
+  if (t.listContainer) {
+    const s = e.querySelector(t.listContainer);
+    return s ? t.selector ? Array.from(s.querySelectorAll(t.selector)) : Array.from(s.children) : (console.warn(`Interact: No container found for list container "${t.listContainer}"`), []);
   }
-  if (e.selector) {
-    const s = t.querySelectorAll(e.selector);
+  if (t.selector) {
+    const s = e.querySelectorAll(t.selector);
     if (s.length > 0)
       return Array.from(s);
-    console.warn(`Interact: No elements found for selector "${e.selector}"`);
+    console.warn(`Interact: No elements found for selector "${t.selector}"`);
   }
-  return n ? t.firstElementChild : t;
+  return n ? e.firstElementChild : e;
 }
-function ge(e, t) {
-  return t.map((n) => e.selector ? n.querySelector(e.selector) : n).filter(Boolean);
+function ge(t, e) {
+  return e.map((n) => t.selector ? n.querySelector(t.selector) : n).filter(Boolean);
 }
-function Xe(e, t, n, s, r, i, o, c) {
+function Xe(t, e, n, s, r, i, o, c) {
   return [
-    o ? ge(e, o) : pe(e, n, s),
-    c ? ge(t, c) : pe(t, r, i)
+    o ? ge(t, o) : pe(t, n, s),
+    c ? ge(e, c) : pe(e, r, i)
   ];
 }
-function Ue(e, t, n, s, r, i, o) {
-  const c = Array.isArray(s), u = Array.isArray(r);
+function Ue(t, e, n, s, r, i, o) {
+  const c = Array.isArray(s), l = Array.isArray(r);
   c ? s.forEach((f, a) => {
-    const l = u ? r[a] : r;
-    l && Fe(
-      e,
+    const u = l ? r[a] : r;
+    u && Fe(
+      t,
       f,
-      t.trigger,
-      l,
+      e.trigger,
+      u,
       n,
-      t.params,
+      e.params,
       i,
       o
     );
-  }) : (u ? r : [r]).forEach((a) => {
+  }) : (l ? r : [r]).forEach((a) => {
     Fe(
-      e,
+      t,
       s,
-      t.trigger,
+      e.trigger,
       a,
       n,
-      t.params,
+      e.params,
       i,
       o
     );
   });
 }
-function Je(e, t, n, s, r) {
+function Je(t, e, n, s, r) {
   const i = {}, o = [];
   (s.effects || []).forEach((c) => {
-    const u = c.effectId, f = {
-      ...n.dataCache.effects[u] || {},
+    const l = c.effectId, f = {
+      ...n.dataCache.effects[l] || {},
       ...c,
-      effectId: u
-    }, a = f.key, l = C(c.interactionId, e);
-    if (i[l] || n.addedInteractions[l] && !r)
+      effectId: l
+    }, a = f.key, u = C(c.interactionId, t);
+    if (i[u] || n.addedInteractions[u] && !r)
       return;
     const m = k(f.conditions || [], n.dataCache.conditions);
-    if (m && n.setupMediaQueryListener(l, m, e, () => {
-      t.update();
+    if (m && n.setupMediaQueryListener(u, m, t, () => {
+      e.update();
     }), !m || m.matches) {
-      i[l] = !0;
-      const g = a && C(a, e);
+      i[u] = !0;
+      const g = a && C(a, t);
       let d;
       if (g) {
         if (d = E.getController(g), !d)
           return;
         f.listContainer && d.watchChildList(f.listContainer);
       } else
-        d = t;
+        d = e;
       const [h, p] = Xe(
         s,
         f,
-        t.element,
-        t.useFirstChild,
+        e.element,
+        e.useFirstChild,
         d.element,
         d.useFirstChild,
         r
       );
       if (!h || !p)
         return;
-      n.addedInteractions[l] = !0;
-      const y = g || s.key, v = L(
+      n.addedInteractions[u] = !0;
+      const v = g || s.key, y = L(
         f.conditions || [],
         n.dataCache.conditions
       );
       o.push([
-        y,
+        v,
         s,
         f,
         h,
         p,
-        v,
+        y,
         d.useFirstChild
       ]);
     }
   }), o.reverse().forEach((c) => {
     Ue(...c);
-  }), os(e, t, n, s, r);
+  }), as(t, e, n, s, r);
 }
-function rs(e) {
-  return "sequenceId" in e && !("effects" in e);
+function cs(t) {
+  return "sequenceId" in t && !("effects" in t);
 }
-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 = [];
+function Ze(t, e, n, s, r, i, o) {
+  const c = k(t.conditions || [], r.dataCache.conditions);
+  if (c && r.setupMediaQueryListener(e, c, i.updateKey, i.onUpdate), c && !c.matches) return null;
+  const l = t.effects || [], f = [];
   let a = !1;
-  for (const l of u) {
-    const m = l.effectId, d = {
+  for (const u of l) {
+    const m = u.effectId, d = {
       ...m ? r.dataCache.effects[m] || {} : {},
-      ...l
+      ...u
     }, h = k(d.conditions || [], r.dataCache.conditions);
     if (h) {
-      const I = `${t}::${m || "eff"}`;
+      const I = `${e}::${m || "eff"}`;
       r.setupMediaQueryListener(
         I,
         h,
@@ -2356,37 +2391,37 @@ function Ze(e, t, n, s, r, i, o) {
       );
     }
     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;
+    const p = d.key, v = p && C(p, n);
+    let y;
+    if (v) {
+      if (y = E.getController(v), !y) return null;
     } else
-      v = s;
-    const w = y || n;
+      y = s;
+    const w = v || 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
+      y.element,
+      y.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);
+function et(t, e, n) {
+  const i = (t.useFirstChild ? t.element.firstElementChild : t.element)?.querySelector(e);
+  if (!i) return n.map((c, l) => l);
   const o = Array.from(i.children);
   return n.map((c) => {
-    const u = o.indexOf(c);
-    return u >= 0 ? u : o.length;
+    const l = o.indexOf(c);
+    return l >= 0 ? l : o.length;
   });
 }
-function os(e, t, n, s, r) {
+function as(t, e, n, s, r) {
   s.sequences?.forEach((i) => {
     let o;
-    if (rs(i)) {
+    if (cs(i)) {
       const g = n.dataCache.sequences[i.sequenceId];
       if (!g) {
         console.warn(`Interact: Sequence "${i.sequenceId}" not found in cache`);
@@ -2395,84 +2430,84 @@ function os(e, t, n, s, r) {
       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(
+    const c = o.sequenceId || _(), l = C(`${t}::seq::${c}`, t);
+    if (n.addedInteractions[l] && !r) return;
+    const f = r && s.listContainer ? { controllerKey: t, listContainer: s.listContainer, elements: r } : void 0, a = Ze(
       o,
-      u,
-      e,
+      l,
       t,
+      e,
       n,
-      { updateKey: e, onUpdate: () => t.update() },
+      { updateKey: t, onUpdate: () => e.update() },
       f
     );
     if (!a) return;
-    if (r && n.addedInteractions[u]) {
+    if (r && n.addedInteractions[l]) {
       const g = et(
-        t,
+        e,
         s.listContainer,
         r
       );
-      E.addToSequence(u, a, g, {
+      E.addToSequence(l, a, g, {
         reducedMotion: E.forceReducedMotion
       });
       return;
     }
-    const l = E.getSequence(u, o, a, {
+    const u = E.getSequence(l, o, a, {
       reducedMotion: E.forceReducedMotion
     });
-    n.addedInteractions[u] = !0;
+    n.addedInteractions[l] = !0;
     const m = L(
       s.conditions || [],
       n.dataCache.conditions
     );
-    q[s.trigger]?.add(
-      t.element,
-      t.element,
+    A[s.trigger]?.add(
+      e.element,
+      e.element,
       {},
       s.params || {},
       {
         reducedMotion: E.forceReducedMotion,
         selectorCondition: m,
-        animation: l,
+        animation: u,
         allowA11yTriggers: E.allowA11yTriggers
       }
     );
   });
 }
-function cs(e, t, n, s, r) {
-  const i = n.get(e)?.sequences || {};
+function fs(t, e, n, s, r) {
+  const i = n.get(t)?.sequences || {};
   Object.keys(i).forEach((c) => {
     i[c].some(({ sequence: f, ...a }) => {
-      const l = k(
+      const u = k(
         a.conditions || [],
         n.dataCache.conditions
       );
-      if (l && !l.matches)
+      if (u && !u.matches)
         return !1;
-      const m = a.key && C(a.key, e), g = E.getController(m);
+      const m = a.key && C(a.key, t), 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(
+      const v = Ze(
         f,
         h,
         m,
         g,
         n,
-        { updateKey: e, onUpdate: () => t.update() },
-        r && s ? { controllerKey: e, listContainer: s, elements: r } : void 0
+        { updateKey: t, onUpdate: () => e.update() },
+        r && s ? { controllerKey: t, listContainer: s, elements: r } : void 0
       );
-      if (!y) return !0;
+      if (!v) return !0;
       if (r && n.addedInteractions[h]) {
-        const b = et(t, s, r);
-        return E.addToSequence(h, y, b, {
+        const b = et(e, s, r);
+        return E.addToSequence(h, v, b, {
           reducedMotion: E.forceReducedMotion
         }), !0;
       }
-      const v = E.getSequence(h, f, y, {
+      const y = E.getSequence(h, f, v, {
         reducedMotion: E.forceReducedMotion
       });
       n.addedInteractions[h] = !0;
@@ -2480,7 +2515,7 @@ function cs(e, t, n, s, r) {
         a.conditions || [],
         n.dataCache.conditions
       );
-      return q[a.trigger]?.add(
+      return A[a.trigger]?.add(
         g.element,
         g.element,
         {},
@@ -2488,18 +2523,18 @@ function cs(e, t, n, s, r) {
         {
           reducedMotion: E.forceReducedMotion,
           selectorCondition: w,
-          animation: v,
+          animation: y,
           allowA11yTriggers: E.allowA11yTriggers
         }
       ), !0;
     });
   });
 }
-function tt(e, t, n, s, r) {
-  const i = n.get(e), o = i?.effects || {}, c = Object.keys(o), u = [];
+function tt(t, e, n, s, r) {
+  const i = n.get(t), o = i?.effects || {}, c = Object.keys(o), l = [];
   c.forEach((a) => {
-    const l = C(a, e);
-    if (n.addedInteractions[l] && !r)
+    const u = C(a, t);
+    if (n.addedInteractions[u] && !r)
       return;
     o[a].some(({ effect: g, ...d }) => {
       const h = k(
@@ -2508,158 +2543,158 @@ function tt(e, t, n, s, r) {
       );
       if (h && !h.matches)
         return !1;
-      const p = g.effectId, y = {
+      const p = g.effectId, v = {
         ...n.dataCache.effects[p] || {},
         ...g,
         effectId: p
       };
-      if (s && y.listContainer !== s)
+      if (s && v.listContainer !== s)
         return !1;
-      const v = k(y.conditions || [], n.dataCache.conditions);
-      if (v && n.setupMediaQueryListener(l, v, e, () => {
-        t.update();
-      }), !v || v.matches) {
-        const w = d.key && C(d.key, e), b = E.getController(w);
+      const y = k(v.conditions || [], n.dataCache.conditions);
+      if (y && n.setupMediaQueryListener(u, y, t, () => {
+        e.update();
+      }), !y || y.matches) {
+        const w = d.key && C(d.key, t), b = E.getController(w);
         if (!b)
           return !0;
-        y.listContainer && t.watchChildList(y.listContainer);
+        v.listContainer && e.watchChildList(v.listContainer);
         const [S, I] = Xe(
           d,
-          y,
+          v,
           b.element,
           b.useFirstChild,
-          t.element,
-          t.useFirstChild,
+          e.element,
+          e.useFirstChild,
           void 0,
           r
         );
         if (!S || !I)
           return !0;
-        n.addedInteractions[l] = !0;
+        n.addedInteractions[u] = !0;
         const $ = L(
-          y.conditions || [],
+          v.conditions || [],
           n.dataCache.conditions
         );
-        return u.push([
-          e,
+        return l.push([
+          t,
           d,
-          y,
+          v,
           S,
           I,
           $,
-          t.useFirstChild
+          e.useFirstChild
         ]), !0;
       }
       return !1;
     });
-  }), u.reverse().forEach((a) => {
+  }), l.reverse().forEach((a) => {
     Ue(...a);
-  }), cs(e, t, n, s, r);
+  }), fs(t, e, n, s, r);
   const f = Object.keys(i?.sequences || {}).length > 0;
   return c.length > 0 || f;
 }
-function Fe(e, t, n, s, r, i, o, c) {
-  let u;
+function Fe(t, e, n, s, r, i, o, c) {
+  let l;
   if (r.transition || r.transitionProperties) {
     const f = {
-      key: e,
+      key: t,
       effectId: r.effectId,
       transition: r.transition,
       properties: r.transitionProperties,
-      childSelector: H(r, {
+      childSelector: z(r, {
         asCombinator: !0,
         addItemFilter: !0,
         useFirstChild: c
       }),
       selectorCondition: o
     };
-    if (u = E.getController(e), !u)
+    if (l = E.getController(t), !l)
       return;
-    u.renderStyle(Kt(f));
+    l.renderStyle(Kt(f));
   }
-  q[n]?.add(t, s, r, i, {
+  A[n]?.add(e, s, r, i, {
     reducedMotion: E.forceReducedMotion,
-    targetController: u,
+    targetController: l,
     selectorCondition: o,
     allowA11yTriggers: E.allowA11yTriggers
   });
 }
-function as(e) {
-  const t = e.key, n = E.getInstance(t);
+function ls(t) {
+  const e = t.key, n = E.getInstance(e);
   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 = k(o.conditions, n.dataCache.conditions);
-    if (u) {
-      const f = `${t}::trigger::${c}`;
-      n.setupMediaQueryListener(f, u, t, () => {
-        e.update();
+    return console.warn(`No instance found for key: ${e}`), E.setController(e, t), !1;
+  const { triggers: s = [] } = n?.get(e) || {}, r = s.length > 0;
+  n.setController(e, t), s.forEach((o, c) => {
+    const l = k(o.conditions, n.dataCache.conditions);
+    if (l) {
+      const f = `${e}::trigger::${c}`;
+      n.setupMediaQueryListener(f, l, e, () => {
+        t.update();
       });
     }
-    (!u || u.matches) && (o.listContainer && e.watchChildList(o.listContainer), Je(t, e, n, o));
+    (!l || l.matches) && (o.listContainer && t.watchChildList(o.listContainer), Je(e, t, n, o));
   });
   let i = !1;
-  return n && (i = tt(t, e, n)), r || i;
+  return n && (i = tt(e, t, n)), r || i;
 }
-function fs(e, t, n) {
-  const s = e.key, r = E.getInstance(s);
+function us(t, e, n) {
+  const s = t.key, r = E.getInstance(s);
   if (r) {
     const { triggers: i = [] } = r?.get(s) || {};
     i.forEach((o, c) => {
-      if (o.listContainer !== t)
+      if (o.listContainer !== e)
         return;
-      const u = k(o.conditions, r.dataCache.conditions);
-      if (u) {
-        const f = `${s}::listTrigger::${t}::${c}`;
-        r.setupMediaQueryListener(f, u, s, () => {
-          e.update();
+      const l = k(o.conditions, r.dataCache.conditions);
+      if (l) {
+        const f = `${s}::listTrigger::${e}::${c}`;
+        r.setupMediaQueryListener(f, l, s, () => {
+          t.update();
         });
       }
-      (!u || u.matches) && Je(s, e, r, o, n);
-    }), tt(s, e, r, t, n);
+      (!l || l.matches) && Je(s, t, r, o, n);
+    }), tt(s, t, r, e, n);
   }
 }
-function ls(e, t = !1) {
-  const n = e.key, s = E.getInstance(n);
+function ds(t, e = !1) {
+  const n = t.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], nt(i), s.deleteController(n, t);
+  r ? (i = [...t.element.querySelectorAll(r)], t.useFirstChild || i.push(t.element)) : i = [t.element], nt(i), s.deleteController(n, e);
 }
-function nt(e) {
-  const t = Object.values(q);
-  for (const n of e)
-    for (const s of t)
+function nt(t) {
+  const e = Object.values(A);
+  for (const n of t)
+    for (const s of e)
       s.remove(n);
-  E.removeFromSequences(e);
+  E.removeFromSequences(t);
 }
 const ae = "interactEffect";
-class us {
+class hs {
   element;
   key;
   connected;
   sheet;
   useFirstChild;
   _observers;
-  constructor(t, n, s) {
-    this.element = t, this.key = n, this.connected = !1, this.sheet = null, this._observers = /* @__PURE__ */ new WeakMap(), this.useFirstChild = s?.useFirstChild ?? !1;
+  constructor(e, n, s) {
+    this.element = e, this.key = n, this.connected = !1, this.sheet = null, this._observers = /* @__PURE__ */ new WeakMap(), this.useFirstChild = s?.useFirstChild ?? !1;
   }
-  connect(t) {
+  connect(e) {
     if (this.connected)
       return;
     const n = this.element.dataset.interactKey;
-    if (t = t || this.key || n, !t) {
+    if (e = e || this.key || n, !e) {
       console.warn("Interact: No key provided");
       return;
     }
-    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 = as(this);
+    n !== e && (n && console.warn(
+      `Interact: Key mismatch between element ${n} and parameter ${e}, updating element key`
+    ), this.element.dataset.interactKey = e), this.key = e, this.connected = ls(this);
   }
-  disconnect({ removeFromCache: t = !1 } = {}) {
-    if ((this.key || this.element.dataset.interactKey) && ls(this, t), this.sheet) {
+  disconnect({ removeFromCache: e = !1 } = {}) {
+    if ((this.key || this.element.dataset.interactKey) && ds(this, e), this.sheet) {
       const s = document.adoptedStyleSheets.indexOf(this.sheet);
       document.adoptedStyleSheets.splice(s, 1);
     }
@@ -2668,13 +2703,13 @@ class us {
   update() {
     this.disconnect(), this.connect();
   }
-  renderStyle(t) {
+  renderStyle(e) {
     if (!this.sheet)
-      this.sheet = new CSSStyleSheet(), this.sheet.replaceSync(t.join(`
+      this.sheet = new CSSStyleSheet(), this.sheet.replaceSync(e.join(`
 `)), document.adoptedStyleSheets.push(this.sheet);
     else {
       let n = this.sheet.cssRules.length;
-      for (const s of t)
+      for (const s of e)
         try {
           this.sheet.insertRule(s, n), n++;
         } catch (r) {
@@ -2682,30 +2717,30 @@ class us {
         }
     }
   }
-  toggleEffect(t, n, s, r) {
+  toggleEffect(e, n, s, r) {
     if (s === null)
       return;
     if (!r && this.element.toggleEffect) {
-      this.element.toggleEffect(t, n, s);
+      this.element.toggleEffect(e, n, s);
       return;
     }
     const i = new Set(
       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[ae] = Array.from(i).join(" ");
+    n === "toggle" ? i.has(e) ? i.delete(e) : i.add(e) : n === "add" ? i.add(e) : n === "remove" ? i.delete(e) : n === "clear" && i.clear(), (s || this.element).dataset[ae] = Array.from(i).join(" ");
   }
   getActiveEffects() {
     const n = (this.element.dataset[ae] || "").trim();
     return n ? n.split(/\s+/) : [];
   }
-  watchChildList(t) {
-    const n = this.element.querySelector(t);
+  watchChildList(e) {
+    const n = this.element.querySelector(e);
     if (n) {
       let s = this._observers.get(n);
-      s || (s = new MutationObserver(this._childListChangeHandler.bind(this, t)), this._observers.set(n, s), s.observe(n, { childList: !0 }));
+      s || (s = new MutationObserver(this._childListChangeHandler.bind(this, e)), this._observers.set(n, s), s.observe(n, { childList: !0 }));
     }
   }
-  _childListChangeHandler(t, n) {
+  _childListChangeHandler(e, n) {
     const s = this.key || this.element.dataset.interactKey, r = [], i = [];
     n.forEach((o) => {
       o.removedNodes.forEach((c) => {
@@ -2713,58 +2748,58 @@ class us {
       }), o.addedNodes.forEach((c) => {
         c instanceof HTMLElement && i.push(c);
       });
-    }), nt(r), s && fs(this, t, i);
+    }), nt(r), s && us(this, e, i);
   }
 }
-function gs(e, t) {
-  new us(e, t).connect();
+function ys(t, e) {
+  new hs(t, e).connect();
 }
-function vs(e) {
-  const t = E.getController(e);
-  t && t.disconnect({ removeFromCache: !0 });
+function Es(t) {
+  const e = E.getController(t);
+  e && e.disconnect({ removeFromCache: !0 });
 }
-const ds = (e, t, n, s) => {
-  let i = `[data-interact-key="${e.replace(/"/g, "'")}"]`;
-  const o = H(t, { asCombinator: !0, useFirstChild: s });
+const ms = (t, e, n, s) => {
+  let i = `[data-interact-key="${t.replace(/"/g, "'")}"]`;
+  const o = z(e, { asCombinator: !0, useFirstChild: s });
   return o && (i = `${i} ${o}`), n && (i = Q(i, n)), i;
 };
-function ys(e, t = !1) {
+function ws(t, e = !1) {
   const n = [], s = /* @__PURE__ */ new Set();
-  return e.interactions.forEach(
+  return t.interactions.forEach(
     ({
       key: r,
       selector: i,
       listContainer: o,
       listItemSelector: c,
-      trigger: u,
+      trigger: l,
       params: f,
       effects: a,
-      conditions: l
+      conditions: u
     }) => {
-      if (u === "viewEnter") {
+      if (l === "viewEnter") {
         const g = f;
         (!g?.type || g.type === "once") && a?.forEach((h) => {
-          const p = h?.effectId && e.effects[h.effectId] || h, {
-            key: y,
-            selector: v,
+          const p = h?.effectId && t.effects[h.effectId] || h, {
+            key: v,
+            selector: y,
             listContainer: w,
             listItemSelector: b,
             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(
+          if (!(!v || v === r) || !(!y && !i || y === i) || !(!w && !o || w === o) || !(!b && !c || b === c)) return;
+          const ye = t.conditions || {}, Ee = L(
             S,
             ye
           ), se = L(
-            l,
+            u,
             ye
           );
           if (!(!Ee && !se || Ee === se)) return;
-          const ie = ds(
+          const ie = ms(
             r,
             p,
             se,
-            t
+            e
           );
           s.has(ie) || (s.add(ie), n.push(`@media (prefers-reduced-motion: no-preference) {
               ${ie}:not([data-interact-enter]) {
@@ -2782,10 +2817,10 @@ function ys(e, t = !1) {
 `);
 }
 export {
-  us as I,
+  hs as I,
   E as a,
-  gs as b,
-  ys as g,
-  vs as r
+  ys as b,
+  ws as g,
+  Es as r
 };
-//# sourceMappingURL=index-BtEG0cjF.mjs.map
+//# sourceMappingURL=index-DHqlFmW8.mjs.map