@wix/interact 2.0.2 → 2.0.3-dp.20260305184833

package/dist/index-BnI6W-7u.mjs

@@ -1,2312 +0,0 @@
-function Ge(e) {
-  return [...e.matchAll(/\[([-\w]+)]/g)].map(([t, n]) => n);
-}
-function R(e, t) {
-  const n = Ge(t);
-  let s = 0;
-  return n.length ? e.replace(/\[]/g, () => {
-    const r = n[s++];
-    return r !== void 0 ? `[${r}]` : "[]";
-  }) : e;
-}
-class le {
-  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;
-  }
-  getProgress() {
-    return this.animations[0]?.effect?.getComputedTiming().progress || 0;
-  }
-  async play(t) {
-    await this.ready;
-    for (const n of this.animations)
-      n.play();
-    await Promise.all(this.animations.map((n) => n.ready)), t && t();
-  }
-  pause() {
-    for (const t of this.animations)
-      t.pause();
-  }
-  async reverse(t) {
-    await this.ready;
-    for (const n of this.animations)
-      n.reverse();
-    await Promise.all(this.animations.map((n) => n.ready)), t && t();
-  }
-  progress(t) {
-    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;
-    }
-  }
-  cancel() {
-    for (const t of this.animations)
-      t.cancel();
-  }
-  setPlaybackRate(t) {
-    for (const n of this.animations)
-      n.playbackRate = t;
-  }
-  async onFinish(t) {
-    try {
-      await Promise.all(this.animations.map((s) => s.finished));
-      const n = this.animations[0];
-      if (n && !this.isCSS) {
-        const s = n.effect?.target;
-        if (s) {
-          const r = new Event("animationend");
-          s.dispatchEvent(r);
-        }
-      }
-      t();
-    } catch (n) {
-      console.warn("animation was interrupted - aborting onFinish callback - ", n);
-    }
-  }
-  get finished() {
-    return Promise.all(this.animations.map((t) => t.finished));
-  }
-  get playState() {
-    return this.animations[0]?.playState;
-  }
-}
-const Qe = (e) => e, Be = (e) => 1 - Math.cos(e * Math.PI / 2), Xe = (e) => Math.sin(e * Math.PI / 2), Ue = (e) => -(Math.cos(Math.PI * e) - 1) / 2, Je = (e) => e ** 2, Ze = (e) => 1 - (1 - e) ** 2, et = (e) => e < 0.5 ? 2 * e ** 2 : 1 - (-2 * e + 2) ** 2 / 2, tt = (e) => e ** 3, nt = (e) => 1 - (1 - e) ** 3, st = (e) => e < 0.5 ? 4 * e ** 3 : 1 - (-2 * e + 2) ** 3 / 2, it = (e) => e ** 4, rt = (e) => 1 - (1 - e) ** 4, ot = (e) => e < 0.5 ? 8 * e ** 4 : 1 - (-2 * e + 2) ** 4 / 2, at = (e) => e ** 5, ct = (e) => 1 - (1 - e) ** 5, ft = (e) => e < 0.5 ? 16 * e ** 5 : 1 - (-2 * e + 2) ** 5 / 2, lt = (e) => e === 0 ? 0 : 2 ** (10 * e - 10), ut = (e) => e === 1 ? 1 : 1 - 2 ** (-10 * e), dt = (e) => e === 0 ? 0 : e === 1 ? 1 : e < 0.5 ? 2 ** (20 * e - 10) / 2 : (2 - 2 ** (-20 * e + 10)) / 2, ht = (e) => 1 - Math.sqrt(1 - e ** 2), mt = (e) => Math.sqrt(1 - (e - 1) ** 2), pt = (e) => e < 0.5 ? (1 - Math.sqrt(1 - 4 * e ** 2)) / 2 : (Math.sqrt(-(2 * e - 3) * (2 * e - 1)) + 1) / 2, gt = (e) => 2.70158 * e ** 3 - 1.70158 * e ** 2, vt = (e) => 1 + 2.70158 * (e - 1) ** 3 + 1.70158 * (e - 1) ** 2, yt = (e, t = 1.70158 * 1.525) => e < 0.5 ? (2 * e) ** 2 * ((t + 1) * 2 * e - t) / 2 : ((2 * e - 2) ** 2 * ((t + 1) * (e * 2 - 2) + t) + 2) / 2, wt = {
-  linear: Qe,
-  sineIn: Be,
-  sineOut: Xe,
-  sineInOut: Ue,
-  quadIn: Je,
-  quadOut: Ze,
-  quadInOut: et,
-  cubicIn: tt,
-  cubicOut: nt,
-  cubicInOut: st,
-  quartIn: it,
-  quartOut: rt,
-  quartInOut: ot,
-  quintIn: at,
-  quintOut: ct,
-  quintInOut: ft,
-  expoIn: lt,
-  expoOut: ut,
-  expoInOut: dt,
-  circIn: ht,
-  circOut: mt,
-  circInOut: pt,
-  backIn: gt,
-  backOut: vt,
-  backInOut: yt
-}, me = {
-  linear: "linear",
-  ease: "ease",
-  easeIn: "ease-in",
-  easeOut: "ease-out",
-  easeInOut: "ease-in-out",
-  sineIn: "cubic-bezier(0.47, 0, 0.745, 0.715)",
-  sineOut: "cubic-bezier(0.39, 0.575, 0.565, 1)",
-  sineInOut: "cubic-bezier(0.445, 0.05, 0.55, 0.95)",
-  quadIn: "cubic-bezier(0.55, 0.085, 0.68, 0.53)",
-  quadOut: "cubic-bezier(0.25, 0.46, 0.45, 0.94)",
-  quadInOut: "cubic-bezier(0.455, 0.03, 0.515, 0.955)",
-  cubicIn: "cubic-bezier(0.55, 0.055, 0.675, 0.19)",
-  cubicOut: "cubic-bezier(0.215, 0.61, 0.355, 1)",
-  cubicInOut: "cubic-bezier(0.645, 0.045, 0.355, 1)",
-  quartIn: "cubic-bezier(0.895, 0.03, 0.685, 0.22)",
-  quartOut: "cubic-bezier(0.165, 0.84, 0.44, 1)",
-  quartInOut: "cubic-bezier(0.77, 0, 0.175, 1)",
-  quintIn: "cubic-bezier(0.755, 0.05, 0.855, 0.06)",
-  quintOut: "cubic-bezier(0.23, 1, 0.32, 1)",
-  quintInOut: "cubic-bezier(0.86, 0, 0.07, 1)",
-  expoIn: "cubic-bezier(0.95, 0.05, 0.795, 0.035)",
-  expoOut: "cubic-bezier(0.19, 1, 0.22, 1)",
-  expoInOut: "cubic-bezier(1, 0, 0, 1)",
-  circIn: "cubic-bezier(0.6, 0.04, 0.98, 0.335)",
-  circOut: "cubic-bezier(0.075, 0.82, 0.165, 1)",
-  circInOut: "cubic-bezier(0.785, 0.135, 0.15, 0.86)",
-  backIn: "cubic-bezier(0.6, -0.28, 0.735, 0.045)",
-  backOut: "cubic-bezier(0.175, 0.885, 0.32, 1.275)",
-  backInOut: "cubic-bezier(0.68, -0.55, 0.265, 1.55)"
-};
-function Et(e) {
-  return e === "percentage" ? "%" : e || "px";
-}
-function D(e) {
-  return e ? me[e] || e : me.linear;
-}
-function bt(e) {
-  return e ? wt[e] : void 0;
-}
-class St {
-  _animation;
-  customEffect;
-  progress;
-  _tickCbId;
-  _finishHandler;
-  constructor(t, 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 = (a) => t(i.target, a), this._finishHandler = (a) => {
-      this.effect.target?.getAnimations().find((f) => f === this._animation) || this.cancel();
-    }, this.addEventListener("finish", this._finishHandler), this.addEventListener("remove", this._finishHandler);
-  }
-  // 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(() => {
-        this._tick();
-      });
-    } catch (t) {
-      this._tickCbId = null, console.error(
-        `failed to run customEffect! effectId: ${this.id}, error: ${t instanceof Error ? t.message : t}`
-      );
-    }
-  }
-  // Animation timing properties
-  get currentTime() {
-    return this._animation.currentTime;
-  }
-  set currentTime(t) {
-    this._animation.currentTime = t;
-  }
-  get startTime() {
-    return this._animation.startTime;
-  }
-  set startTime(t) {
-    this._animation.startTime = t;
-  }
-  get playbackRate() {
-    return this._animation.playbackRate;
-  }
-  set playbackRate(t) {
-    this._animation.playbackRate = t;
-  }
-  // Animation basic properties
-  get id() {
-    return this._animation.id;
-  }
-  set id(t) {
-    this._animation.id = t;
-  }
-  get effect() {
-    return this._animation.effect;
-  }
-  set effect(t) {
-    this._animation.effect = t;
-  }
-  get timeline() {
-    return this._animation.timeline;
-  }
-  set timeline(t) {
-    this._animation.timeline = t;
-  }
-  // Animation readonly state properties
-  get finished() {
-    return this._animation.finished;
-  }
-  get pending() {
-    return this._animation.pending;
-  }
-  get playState() {
-    return this._animation.playState;
-  }
-  get ready() {
-    return this._animation.ready;
-  }
-  get replaceState() {
-    return this._animation.replaceState;
-  }
-  // Animation event handlers
-  get oncancel() {
-    return this._animation.oncancel;
-  }
-  set oncancel(t) {
-    this._animation.oncancel = t;
-  }
-  get onfinish() {
-    return this._animation.onfinish;
-  }
-  set onfinish(t) {
-    this._animation.onfinish = t;
-  }
-  get onremove() {
-    return this._animation.onremove;
-  }
-  set onremove(t) {
-    this._animation.onremove = t;
-  }
-  // CustomAnimation overridden methods
-  play() {
-    this._animation.play(), cancelAnimationFrame(this._tickCbId), this._tickCbId = requestAnimationFrame(() => this._tick());
-  }
-  pause() {
-    this._animation.pause(), cancelAnimationFrame(this._tickCbId), this._tickCbId = null;
-  }
-  cancel() {
-    this.removeEventListener("finish", this._finishHandler), this.removeEventListener("remove", this._finishHandler), this._animation.cancel(), this.customEffect(null), cancelAnimationFrame(this._tickCbId), this._tickCbId = null;
-  }
-  commitStyles() {
-    console.warn(
-      "CustomEffect animations do not support commitStyles method as they have no style to commit"
-    );
-  }
-  // Animation methods without override
-  finish() {
-    this._animation.finish();
-  }
-  persist() {
-    this._animation.persist();
-  }
-  reverse() {
-    this._animation.reverse();
-  }
-  updatePlaybackRate(t) {
-    this._animation.updatePlaybackRate(t);
-  }
-  // Animation events API
-  addEventListener(t, n, s) {
-    this._animation.addEventListener(t, n, s);
-  }
-  removeEventListener(t, n, s) {
-    this._animation.removeEventListener(t, n, s);
-  }
-  dispatchEvent(t) {
-    return this._animation.dispatchEvent(t);
-  }
-}
-function It(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
-}
-var N = { exports: {} }, pe = N.exports, ge;
-function Ot() {
-  return ge || (ge = 1, (function(e) {
-    (function(t) {
-      var n = function() {
-      }, s = t.requestAnimationFrame || t.webkitRequestAnimationFrame || t.mozRequestAnimationFrame || t.msRequestAnimationFrame || function(c) {
-        return setTimeout(c, 16);
-      };
-      function r() {
-        var c = this;
-        c.reads = [], c.writes = [], c.raf = s.bind(t);
-      }
-      r.prototype = {
-        constructor: r,
-        /**
-         * We run this inside a try catch
-         * so that if any jobs error, we
-         * are able to recover and continue
-         * to flush the batch until it's empty.
-         *
-         * @param {Array} tasks
-         */
-        runTasks: function(c) {
-          for (var u; u = c.shift(); ) u();
-        },
-        /**
-         * Adds a job to the read batch and
-         * schedules a new frame if need be.
-         *
-         * @param  {Function} fn
-         * @param  {Object} ctx the context to be bound to `fn` (optional).
-         * @public
-         */
-        measure: function(c, u) {
-          var d = u ? c.bind(u) : c;
-          return this.reads.push(d), i(this), d;
-        },
-        /**
-         * Adds a job to the
-         * write batch and schedules
-         * a new frame if need be.
-         *
-         * @param  {Function} fn
-         * @param  {Object} ctx the context to be bound to `fn` (optional).
-         * @public
-         */
-        mutate: function(c, u) {
-          var d = u ? c.bind(u) : c;
-          return this.writes.push(d), i(this), d;
-        },
-        /**
-         * Clears a scheduled 'read' or 'write' task.
-         *
-         * @param {Object} task
-         * @return {Boolean} success
-         * @public
-         */
-        clear: function(c) {
-          return a(this.reads, c) || a(this.writes, c);
-        },
-        /**
-         * Extend this FastDom with some
-         * custom functionality.
-         *
-         * Because fastdom must *always* be a
-         * singleton, we're actually extending
-         * the fastdom instance. This means tasks
-         * scheduled by an extension still enter
-         * fastdom's global task queue.
-         *
-         * The 'super' instance can be accessed
-         * from `this.fastdom`.
-         *
-         * @example
-         *
-         * var myFastdom = fastdom.extend({
-         *   initialize: function() {
-         *     // runs on creation
-         *   },
-         *
-         *   // override a method
-         *   measure: function(fn) {
-         *     // do extra stuff ...
-         *
-         *     // then call the original
-         *     return this.fastdom.measure(fn);
-         *   },
-         *
-         *   ...
-         * });
-         *
-         * @param  {Object} props  properties to mixin
-         * @return {FastDom}
-         */
-        extend: function(c) {
-          if (typeof c != "object") throw new Error("expected object");
-          var u = Object.create(this);
-          return f(u, c), u.fastdom = this, u.initialize && u.initialize(), u;
-        },
-        // override this with a function
-        // to prevent Errors in console
-        // when tasks throw
-        catch: null
-      };
-      function i(c) {
-        c.scheduled || (c.scheduled = !0, c.raf(o.bind(null, c)));
-      }
-      function o(c) {
-        var u = c.writes, d = c.reads, g;
-        try {
-          n("flushing reads", d.length), c.runTasks(d), n("flushing writes", u.length), c.runTasks(u);
-        } catch (h) {
-          g = h;
-        }
-        if (c.scheduled = !1, (d.length || u.length) && i(c), g)
-          if (n("task errored", g.message), c.catch) c.catch(g);
-          else throw g;
-      }
-      function a(c, u) {
-        var d = c.indexOf(u);
-        return !!~d && !!c.splice(d, 1);
-      }
-      function f(c, u) {
-        for (var d in u)
-          u.hasOwnProperty(d) && (c[d] = u[d]);
-      }
-      var l = t.fastdom = t.fastdom || new r();
-      e.exports = l;
-    })(typeof window < "u" ? window : typeof pe < "u" ? pe : globalThis);
-  })(N)), N.exports;
-}
-var _t = Ot();
-const S = /* @__PURE__ */ It(_t), ie = {};
-function kt(e) {
-  Object.assign(ie, e);
-}
-function Tt(e) {
-  return e in ie ? ie[e] : (console.warn(
-    `${e} not found in registry. Please make sure to import and register the preset.`
-  ), null);
-}
-function T(e, t) {
-  return e ? document.getElementById(e) : null;
-}
-function xt(e, t) {
-  return e?.matches(`[data-motion-part~="${t}"]`) ? e : e?.querySelector(`[data-motion-part~="${t}"]`);
-}
-function Ct(e) {
-  const t = e.alternate ? "alternate" : "";
-  return e.reversed ? `${t ? `${t}-` : ""}reverse` : t || "normal";
-}
-function te(e) {
-  return `${e.value}${Et(e.unit)}`;
-}
-function ve(e, t, n) {
-  return `${e.name || "cover"} ${n && e.offset.unit !== "percentage" ? `calc(100% + ${te(e.offset)}${t ? ` + ${t}` : ""})` : t ? `calc(${te(e.offset)} + ${t})` : te(e.offset)}`;
-}
-function Lt(e) {
-  return {
-    start: ve(e.startOffset, e.startOffsetAdd),
-    end: ve(e.endOffset, e.endOffsetAdd, !0)
-  };
-}
-function Pe(e) {
-  return (t) => S.measure(() => t(e));
-}
-function $e(e) {
-  return (t) => S.mutate(() => t(e));
-}
-function K(e) {
-  if (e.namedEffect) {
-    const t = e.namedEffect.type;
-    return typeof t == "string" ? Tt(t) : null;
-  } else if (e.keyframeEffect) {
-    const t = (s) => {
-      const { name: r, keyframes: i } = s.keyframeEffect;
-      return [{ ...s, name: r, keyframes: i }];
-    };
-    return { web: t, style: t, getNames: (s) => {
-      const { effectId: r } = s, { name: i } = s.keyframeEffect, o = i || r;
-      return o ? [o] : [];
-    } };
-  } else if (e.customEffect)
-    return (t) => [{ ...t, keyframes: [] }];
-  return null;
-}
-function At(e, t, n) {
-  return e.map((s, r) => {
-    const i = {
-      fill: s.fill,
-      easing: D(s.easing),
-      iterations: s.iterations === 0 ? 1 / 0 : s.iterations || 1,
-      composite: s.composite,
-      direction: Ct(s)
-    };
-    return Re(t) ? (i.duration = s.duration, i.delay = s.delay || 0) : window.ViewTimeline && t?.trigger === "view-progress" ? i.duration = "auto" : (i.duration = 99.99, i.delay = 0.01), {
-      effect: s,
-      options: i,
-      id: n && `${n}-${r + 1}`,
-      part: s.part
-    };
-  });
-}
-function Re(e) {
-  return !e || e.trigger !== "pointer-move" && e.trigger !== "view-progress";
-}
-function ye(e, t, n, s, r) {
-  if (e) {
-    if (Re(s) && (t.duration = t.duration || 1, r?.reducedMotion))
-      if (t.iterations === 1 || t.iterations == null)
-        t = { ...t, duration: 1 };
-      else
-        return [];
-    let i;
-    return n instanceof HTMLElement && (i = { measure: Pe(n), mutate: $e(n) }), e.web ? e.web(t, i, r) : e(t, i, r);
-  }
-  return [];
-}
-function ue(e, t, n, s, r) {
-  const i = e instanceof HTMLElement ? e : T(e);
-  if (n?.trigger === "pointer-move" && !t.keyframeEffect) {
-    let d = t;
-    t.customEffect && (d = {
-      ...t,
-      namedEffect: { id: "", type: "CustomMouse" }
-    });
-    const g = K(
-      d
-    ), h = ye(
-      g,
-      t,
-      i,
-      n,
-      s
-    );
-    return typeof h != "function" ? null : h(i);
-  }
-  const o = K(t), a = ye(
-    o,
-    t,
-    i,
-    n,
-    s
-  );
-  if (!a || a.length === 0)
-    return null;
-  const f = At(a, n, t.effectId);
-  let l;
-  const c = n?.trigger === "view-progress";
-  c && window.ViewTimeline && (l = new ViewTimeline({
-    subject: n.element || T(n.componentId)
-  }));
-  const u = f.map(({ effect: d, options: g, id: h, part: m }) => {
-    const p = m ? xt(i, m) : i, v = new KeyframeEffect(p || null, [], g);
-    S.mutate(() => {
-      "timing" in d && v.updateTiming(d.timing), v.setKeyframes(d.keyframes);
-    });
-    const y = c && l ? { timeline: l } : {}, E = typeof d.customEffect == "function" ? new St(
-      d.customEffect,
-      p || null,
-      g,
-      y
-    ) : new Animation(v, y.timeline);
-    if (c)
-      if (l)
-        S.mutate(() => {
-          const { start: b, end: I } = Lt(d);
-          E.rangeStart = b, E.rangeEnd = I, E.play();
-        });
-      else {
-        const { startOffset: b, endOffset: I } = t;
-        S.mutate(() => {
-          const L = d.startOffset || b, J = d.endOffset || I;
-          Object.assign(E, {
-            start: {
-              name: L.name,
-              offset: L.offset?.value,
-              add: d.startOffsetAdd
-            },
-            end: {
-              name: J.name,
-              offset: J.offset?.value,
-              add: d.endOffsetAdd
-            }
-          });
-        });
-      }
-    return h && (E.id = h), E;
-  });
-  return new le(u, {
-    ...t,
-    trigger: { ...n || {} },
-    // make sure the group is ready after all animation targets are measured and mutated
-    measured: new Promise((d) => S.mutate(d))
-  });
-}
-function Pt(e, t, n) {
-  const s = K(t), r = e instanceof HTMLElement ? e : T(e);
-  if (s && s.prepare && r) {
-    const i = { measure: Pe(r), mutate: $e(r) };
-    s.prepare(t, i);
-  }
-  n && S.mutate(n);
-}
-function $t(e, t) {
-  const n = K(t);
-  if (!n)
-    return null;
-  if (!n.style)
-    return t.effectId && e ? Rt(e, t.effectId) : null;
-  const s = n.getNames(t), i = (typeof e == "string" ? T(e) : e)?.getAnimations(), o = i?.map((f) => f.animationName) || [], a = [];
-  return s.forEach((f) => {
-    o.includes(f) && a.push(
-      i?.find((l) => l.animationName === f)
-    );
-  }), a?.length ? new le(a) : null;
-}
-function Rt(e, t) {
-  const s = (typeof e == "string" ? T(e) : e)?.getAnimations().filter((r) => {
-    const i = r.id || r.animationName;
-    return i ? i.startsWith(t) : !0;
-  });
-  return s?.length ? new le(s) : null;
-}
-function Me(e, t, n, s = {}) {
-  const { disabled: r, allowActiveEvent: i, ...o } = s, a = ue(e, t, n, o);
-  if (!a)
-    return null;
-  let f = {};
-  if (n.trigger === "view-progress" && !window.ViewTimeline) {
-    const l = n.element || T(n.componentId), { ready: c } = a;
-    return a.animations.map((u) => ({
-      /* we use getters for start and end in order to access the animation's start and end
-         only when initializing the scrub scene rather than immediately */
-      get start() {
-        return u.start;
-      },
-      get end() {
-        return u.end;
-      },
-      viewSource: l,
-      ready: c,
-      getProgress() {
-        return a.getProgress();
-      },
-      effect(d, g) {
-        const { activeDuration: h } = u.effect.getComputedTiming(), { delay: m } = u.effect.getTiming();
-        u.currentTime = ((m || 0) + (h || 0)) * g;
-      },
-      disabled: r,
-      destroy() {
-        u.cancel();
-      }
-    }));
-  } else if (n.trigger === "pointer-move") {
-    const l = t, { centeredToTarget: c, transitionDuration: u, transitionEasing: d } = l, g = n.axis;
-    if (l.keyframeEffect) {
-      const h = a;
-      return h.animations?.length === 0 ? null : {
-        target: void 0,
-        centeredToTarget: c,
-        ready: h.ready,
-        _currentProgress: 0,
-        getProgress() {
-          return this._currentProgress;
-        },
-        effect(p, v) {
-          const y = g === "x" ? v.x : v.y;
-          this._currentProgress = y, h.progress(y);
-        },
-        disabled: r ?? !1,
-        destroy() {
-          h.cancel();
-        }
-      };
-    }
-    f = {
-      centeredToTarget: c,
-      allowActiveEvent: i
-    }, t.customEffect && u && (f.transitionDuration = u, f.transitionEasing = bt(d)), f.target = a.target;
-  }
-  return {
-    ...f,
-    getProgress() {
-      return a.getProgress();
-    },
-    effect(l, c, u, d) {
-      a.progress(
-        u ? {
-          // @ts-expect-error spread error on p
-          ...c,
-          v: u,
-          active: d
-        } : c
-      );
-    },
-    disabled: r,
-    destroy() {
-      a.cancel();
-    }
-  };
-}
-function U(e, t, n, s = !1) {
-  const r = $t(e, t);
-  return r ? (r.ready = new Promise((i) => {
-    Pt(e, t, i);
-  }), r) : ue(e, t, n, { reducedMotion: s });
-}
-function V(e, t) {
-  return t.includes("&") ? t.replace(/&/g, e) : `${e}${t}`;
-}
-function Mt() {
-  return "wi-12343210".replace(
-    /\d/g,
-    (e) => String.fromCharCode(
-      (+e ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> +e / 4) + 97
-    )
-    // 97 for "a"
-  );
-}
-function Ft({
-  key: e,
-  effectId: t,
-  transition: n,
-  properties: s,
-  childSelector: r = "> :first-child",
-  selectorCondition: i
-}) {
-  let o = [];
-  if (n?.styleProperties) {
-    const { duration: h, easing: m, delay: p } = n;
-    h && (n.styleProperties.some(
-      (y) => y.name.startsWith("--")
-    ) ? o = [
-      `all ${h}ms ${D(m || "ease")}${p ? ` ${p}ms` : ""}`,
-      "visibility 0s"
-    ] : o = n.styleProperties.map(
-      (y) => `${y.name} ${h}ms ${D(
-        m || "ease"
-      )}${p ? ` ${p}ms` : ""}`
-    )), s = n.styleProperties;
-  } else
-    o = s?.filter((h) => h.duration).map(
-      (h) => `${h.name} ${h.duration}ms ${D(h.easing) || "ease"}${h.delay ? ` ${h.delay}ms` : ""}`
-    ) || [];
-  const a = s?.map((h) => `${h.name}: ${h.value};`) || [], f = e.replace(/"/g, "'"), l = `:is(:state(${t}), :--${t}) ${r}`, c = `[data-interact-effect~="${t}"] ${r}`, u = i ? V(l, i) : l, d = i ? V(c, i) : c, g = [
-    `${u},
-    ${d} {
-      ${a.join(`
-      `)}
-    }`
-  ];
-  if (o.length) {
-    const h = `[data-interact-key="${f}"] ${r}`, m = i ? V(h, i) : h;
-    g.push(`@media (prefers-reduced-motion: no-preference) { ${m} {
-      transition: ${o.join(", ")};
-    } }`);
-  }
-  return g;
-}
-function M(e, t) {
-  const n = (e || []).filter((i) => t[i]?.type === "media" && t[i].predicate).map((i) => t[i].predicate).join(") and ("), s = n && `(${n})`;
-  return s && window.matchMedia(s);
-}
-function G(e, t) {
-  for (const n of e || []) {
-    const s = t[n];
-    if (s?.type === "selector" && s.predicate)
-      return s.predicate;
-  }
-}
-const F = {
-  rangeStart: { name: "cover", offset: { value: 0, unit: "percentage" } },
-  rangeEnd: { name: "cover", offset: { value: 100, unit: "percentage" } }
-};
-function Ht(e, t) {
-  const n = e?.name ?? F.rangeStart.name, s = t?.name ?? e?.name ?? F.rangeEnd.name, r = {
-    name: n,
-    offset: e?.offset || F.rangeStart.offset
-  }, i = {
-    name: s,
-    offset: t?.offset || F.rangeEnd.offset
-  };
-  return { startOffset: r, endOffset: i };
-}
-function x(e) {
-  if ("keyframeEffect" in e && !e.keyframeEffect.name && "effectId" in e && (e.keyframeEffect.name = e.effectId), "duration" in e)
-    return {
-      id: "",
-      ...e
-    };
-  const { rangeStart: t, rangeEnd: n, ...s } = e, { startOffset: r, endOffset: i } = Ht(t, n);
-  return {
-    id: "",
-    startOffset: r,
-    endOffset: i,
-    ...s
-  };
-}
-function O(e, t, n) {
-  let s = e.get(t);
-  s || (s = /* @__PURE__ */ new Set(), e.set(t, s)), s.add(n);
-}
-function C(e, t) {
-  e.get(t)?.forEach((s) => {
-    const { source: r, target: i, cleanup: o } = s;
-    o();
-    const a = r === t ? i : r;
-    e.get(a)?.delete(s);
-  }), e.delete(t);
-}
-const qt = {
-  root: null,
-  rootMargin: "0px 0px -10% 0px",
-  threshold: [0]
-}, zt = {
-  root: null,
-  rootMargin: "0px",
-  threshold: [0]
-}, P = {}, Q = /* @__PURE__ */ new WeakMap(), W = /* @__PURE__ */ new WeakSet(), j = /* @__PURE__ */ new WeakMap();
-let Fe = {}, A = null;
-function Dt(e) {
-  Fe = e;
-}
-function He(e, t) {
-  Q.get(e)?.forEach(({ source: s, handler: r }) => {
-    s === e && r(t);
-  });
-}
-function we() {
-  return A || (A = new IntersectionObserver((e) => {
-    e.forEach((t) => {
-      const n = t.target;
-      t.isIntersecting || He(n, !1);
-    });
-  }, zt), A);
-}
-function qe(e, t = !1) {
-  const n = JSON.stringify({ ...e, isSafeMode: t });
-  if (P[n])
-    return P[n];
-  const s = t ? qt : {
-    root: null,
-    rootMargin: e.inset ? `${e.inset} 0px ${e.inset}` : "0px",
-    threshold: e.threshold
-  }, r = new IntersectionObserver((i) => {
-    i.forEach((o) => {
-      const a = o.target, f = !W.has(a);
-      if (f && (W.add(a), e.useSafeViewEnter && !o.isIntersecting)) {
-        S.measure(() => {
-          const c = o.boundingClientRect.height, u = o.rootBounds?.height;
-          if (!u)
-            return;
-          const d = Array.isArray(e.threshold) ? Math.min(...e.threshold) : e.threshold;
-          d && c * d > u && S.mutate(() => {
-            r.unobserve(a);
-            const h = qe(e, !0);
-            j.set(a, h), h.observe(a);
-          });
-        });
-        return;
-      }
-      const l = e.type || "once";
-      (o.isIntersecting || l === "alternate" && !f) && (He(a, o.isIntersecting), l === "once" && (r.unobserve(o.target), W.delete(a)));
-    });
-  }, s);
-  return P[n] = r, r;
-}
-function Nt(e, t, n, s = {}, { reducedMotion: r, selectorCondition: i } = {}) {
-  const o = { ...Fe, ...s }, a = o.type || "once", f = U(
-    t,
-    x(n),
-    void 0,
-    r
-  );
-  if (!f)
-    return;
-  const l = qe(o);
-  a !== "once" && f.persist?.();
-  let c = !0;
-  const g = { source: e, target: t, handler: (h) => {
-    i && !t.matches(i) || (a === "once" ? h && f.play(() => {
-      const m = () => {
-        t.dataset.interactEnter = "start";
-      };
-      f.isCSS ? (S.mutate(() => {
-        requestAnimationFrame(m);
-      }), f.onFinish(() => {
-        S.mutate(() => {
-          t.dataset.interactEnter = "done";
-        });
-      })) : S.mutate(m);
-    }) : a === "alternate" ? c && h ? (c = !1, f.play()) : c || f.reverse() : a === "repeat" ? h ? (f.progress(0), f.play()) : (f.pause(), f.progress(0)) : a === "state" && (h ? f.play() : f.pause()));
-  }, cleanup: () => {
-    (j.get(e) || l).unobserve(e), (a === "repeat" || a === "state") && we().unobserve(e), f.cancel(), W.delete(e), j.delete(e);
-  } };
-  O(Q, e, g), O(Q, t, g), j.set(e, l), l.observe(e), (a === "repeat" || a === "state") && we().observe(e);
-}
-function Vt(e) {
-  C(Q, e);
-}
-function Wt() {
-  A = null, Object.keys(P).forEach((e) => delete P[e]);
-}
-const Ee = {
-  add: Nt,
-  remove: Vt,
-  setOptions: Dt,
-  reset: Wt
-};
-function ze(e, t) {
-  return Object.assign(Object.create(t), e);
-}
-function jt(e, t, n, s) {
-  let r = e * (1 - n) + t * n;
-  if (s) {
-    const i = r - e;
-    Math.abs(i) < s && (r = e + s * Math.sign(i));
-    const o = t - r;
-    if (Math.abs(o) < s)
-      return t;
-  }
-  return r;
-}
-function Yt(e) {
-  let t = !1;
-  return function() {
-    t || (t = !0, window.requestAnimationFrame(() => {
-      t = !1, e();
-    }));
-  };
-}
-function be(e, t) {
-  let n = 0;
-  return function() {
-    n && window.clearTimeout(n), n = window.setTimeout(() => {
-      n = 0, e();
-    }, t);
-  };
-}
-function Kt(e, t) {
-  const n = e.match(/^calc\s*\(\s*(-?\d+((px)|([lsd]?vh)|([lsd]?vw)))\s*\+\s*(-?\d+((px)|([lsd]?vh)|([lsd]?vw)))\s*\)\s*$/);
-  return B(n[1], t) + B(n[6], t);
-}
-function B(e, t) {
-  return e ? /^-?\d+px$/.test(e) ? parseInt(e) : /^-?\d+[lsd]?vh$/.test(e) ? parseInt(e) * t.viewportHeight / 100 : /^-?\d+[lsd]?vw$/.test(e) ? parseInt(e) * t.viewportWidth / 100 : /^calc\s*\(\s*-?\d+((px)|([lsd]?vh)|([lsd]?vw))\s*\+\s*-?\d+((px)|([lsd]?vh)|([lsd]?vw))\s*\)\s*$/.test(e) ? Kt(e, t) : parseInt(e) || 0 : 0;
-}
-function _(e, t, n) {
-  const { name: s, offset: r = 0 } = e, { start: i, end: o } = n, a = o - i, f = r / 100;
-  let l, c;
-  return s === "entry" ? (l = i - t, c = Math.min(t, a)) : s === "entry-crossing" ? (l = i - t, c = a) : s === "contain" ? (l = Math.min(o - t, i), c = Math.abs(t - a)) : s === "exit" ? (l = Math.max(i, o - t), c = Math.min(t, a)) : s === "exit-crossing" ? (l = i, c = a) : s === "cover" && (l = i - t, c = a + t), l + f * c | 0;
-}
-function ne(e, t, n, s, r) {
-  let i = 0;
-  const o = { start: t, end: n };
-  return e.forEach((a, f) => {
-    i += a.offset;
-    const l = a.sticky;
-    if (l) {
-      if ("end" in l && e[f - 1]?.element) {
-        const d = ((r ? a.element.offsetWidth : a.element.offsetHeight) || 0) + l.end - s, g = i + d - a.offset, h = g < o.start, m = !h && g <= n;
-        let p = 0;
-        (h || m) && (p = a.offset, o.end += p), h && (o.start += p);
-      }
-      if ("start" in l) {
-        const c = i - l.start, u = c < o.start, d = !u && c <= o.end;
-        let g = 0;
-        const h = e[f - 1]?.element;
-        if (h) {
-          if (u || d) {
-            const m = (r ? h.offsetWidth : h.offsetHeight) || 0, p = a.offset, v = (r ? a.element.offsetWidth : a.element.offsetHeight) || 0;
-            g = m - (p + v), i += g, o.end += g;
-          }
-          u && (o.start += g);
-        }
-      }
-    }
-  }), o;
-}
-function Gt(e, t, n, s, r, i) {
-  const { start: o, end: a, duration: f } = e;
-  let l = o, c = a, u = e.startRange, d = e.endRange, g;
-  if (typeof f == "string") {
-    u = { name: f, offset: 0 }, d = { name: f, offset: 100 }, l = _(u, n, t), c = _(d, n, t), g = c - l;
-    const h = ne(i, l, c, n, s);
-    l = h.start, c = h.end;
-  } else {
-    if (u || o?.name) {
-      u = u || o;
-      const h = B(u.add, r), m = _({ ...u, offset: 0 }, n, t), p = _({ ...u, offset: 100 }, n, t), v = ne(i, m, p, n, s);
-      l = v.start + u.offset / 100 * (v.end - v.start) + h;
-    }
-    if (d || a?.name) {
-      d = d || a;
-      const h = B(d.add, r), m = _({ ...d, offset: 0 }, n, t), p = _({ ...d, offset: 100 }, n, t), v = ne(i, m, p, n, s);
-      c = v.start + d.offset / 100 * (v.end - v.start) + h;
-    } else typeof f == "number" && (c = l + f);
-  }
-  return !g && !f && (g = c - l), { ...e, start: l, end: c, startRange: u, endRange: d, duration: g || f };
-}
-function Qt(e) {
-  return e.position === "sticky";
-}
-function Bt(e, t, n) {
-  return e.position === "fixed" && (!t || t === window.document.body || t === n);
-}
-function Xt(e, t) {
-  return parseInt(t ? e.left : e.top);
-}
-function Ut(e, t) {
-  return parseInt(t ? e.right : e.bottom);
-}
-function Jt(e, t, n) {
-  n && (e.style.position = "static");
-  const s = (t ? e.offsetLeft : e.offsetTop) || 0;
-  return n && (e.style.position = null), s;
-}
-function Zt(e, t) {
-  let n;
-  const s = Xt(e, t), r = Ut(e, t), i = !isNaN(s), o = !isNaN(r);
-  return (i || o) && (n = {}, i && (n.start = s), o && (n.end = r)), n;
-}
-function H(e, t, n, s, r) {
-  const i = e[0].viewSource, o = [];
-  let a = (s ? i.offsetWidth : i.offsetHeight) || 0, f = 0, l = i;
-  for (; l; ) {
-    const u = window.getComputedStyle(l), d = Qt(u), g = d ? Zt(u, s) : void 0, h = Jt(l, s, d);
-    if ((!g || !("end" in g)) && (f += h), o.push({ element: l, offset: h, sticky: g }), l = l.offsetParent, Bt(u, l, t))
-      break;
-    if (l === t) {
-      o.push({ element: l, offset: 0 });
-      break;
-    }
-  }
-  return o.reverse(), e.map((u) => ({
-    ...Gt(
-      u,
-      { start: f, end: f + a },
-      n,
-      s,
-      r,
-      o
-    )
-  }));
-}
-const Se = 100, en = {
-  horizontal: !1,
-  observeViewportEntry: !0,
-  viewportRootMargin: "7% 7%",
-  observeViewportResize: !1,
-  observeSourcesResize: !1,
-  observeContentResize: !1
-};
-function tn(e, t, n, s) {
-  let r = 0;
-  return e >= t && e <= n ? r = s ? (e - t) / s : 1 : e > n && (r = 1), r;
-}
-function Ie(e, t) {
-  return e === window ? t ? window.document.documentElement.clientWidth : window.document.documentElement.clientHeight : t ? e.clientWidth : e.clientHeight;
-}
-function nn() {
-  return {
-    viewportWidth: window.document.documentElement.clientWidth,
-    viewportHeight: window.document.documentElement.clientHeight
-  };
-}
-function sn(e) {
-  const t = ze(e, en), n = t.root, s = t.horizontal, r = /* @__PURE__ */ new WeakMap();
-  let i = Ie(n, s), o, a, f, l, c;
-  const u = [], d = nn();
-  if (t.scenes = Object.values(
-    // TODO(ameerf): find a polyfill and use groupBy instead of following reduce
-    e.scenes.reduce(
-      (m, p, v) => {
-        const y = p.groupId ? `group-${p.groupId}` : String(v);
-        return m[y] ? m[y].push(p) : m[y] = [p], m;
-      },
-      {}
-    )
-  ).flatMap((m) => (m.every((p) => p.viewSource && (typeof p.duration == "string" || p.start?.name)) ? (m = H(m, n, i, s, d), (t.observeSourcesResize || t.observeContentResize) && u.push(m)) : m.forEach((p) => {
-    p.end == null && (p.end = p.start + p.duration), p.duration == null && (p.duration = p.end - p.start);
-  }), m)), t.scenes.forEach((m, p) => {
-    m.index = p;
-  }), u.length) {
-    const m = /* @__PURE__ */ new Map();
-    window.ResizeObserver && (f = new window.ResizeObserver(function(p) {
-      p.forEach((v) => {
-        const y = m.get(v.target), E = H(y, n, i, s, d);
-        E.forEach((b, I) => {
-          t.scenes[b.index] = E[I];
-        }), u.splice(u.indexOf(y), 1, E);
-      });
-    }), u.forEach((p) => {
-      f.observe(p[0].viewSource, { box: "border-box" }), m.set(p[0].viewSource, p);
-    }), t.observeContentResize && t.contentRoot && new window.ResizeObserver(be(() => {
-      const v = u.map((y) => {
-        const E = H(y, n, i, s, d);
-        return E.forEach((b, I) => {
-          t.scenes[b.index] = E[I];
-        }), E;
-      });
-      u.length = 0, u.push(...v), u.forEach((y) => {
-        m.set(y[0].viewSource, y);
-      });
-    }, Se)).observe(t.contentRoot, { box: "border-box" })), t.observeViewportResize && (l = be(function() {
-      i = Ie(n, s);
-      const p = u.map((v) => {
-        const y = H(v, n, i, s, d);
-        return y.forEach((E, b) => {
-          t.scenes[E.index] = y[b];
-        }), y;
-      });
-      u.length = 0, u.push(...p), u.forEach((v) => {
-        m.set(v[0].viewSource, v);
-      });
-    }, Se), n === window ? window.addEventListener("resize", l) : window.ResizeObserver && (c = new window.ResizeObserver(l), c.observe(n, { box: "border-box" })));
-  }
-  t.observeViewportEntry && window.IntersectionObserver && (a = new window.IntersectionObserver(function(m) {
-    m.forEach((p) => {
-      (r.get(p.target) || []).forEach((v) => {
-        v.disabled = !p.isIntersecting;
-      });
-    });
-  }, {
-    root: n === window ? window.document : n,
-    rootMargin: t.viewportRootMargin,
-    threshold: 0
-  }), t.scenes.forEach((m) => {
-    if (m.viewSource) {
-      let p = r.get(m.viewSource);
-      p || (p = [], r.set(m.viewSource, p), a.observe(m.viewSource)), p.push(m);
-    }
-  }));
-  function g({ p: m, vp: p }) {
-    m = +m.toFixed(1);
-    const v = +p.toFixed(4);
-    if (m !== o) {
-      for (let y of t.scenes)
-        if (!y.disabled) {
-          const { start: E, end: b, duration: I } = y, L = tn(m, E, b, I);
-          y.effect(y, L, v);
-        }
-      o = m;
-    }
-  }
-  function h() {
-    t.scenes.forEach((m) => m.destroy?.()), a && (a.disconnect(), a = null), f && (f.disconnect(), f = null), l && (c ? (c.disconnect(), c = null) : window.removeEventListener("resize", l));
-  }
-  return {
-    tick: g,
-    destroy: h
-  };
-}
-const rn = {
-  transitionActive: !1,
-  transitionFriction: 0.9,
-  transitionEpsilon: 1,
-  velocityActive: !1,
-  velocityMax: 1
-};
-class on {
-  constructor(t = {}) {
-    this.config = ze(t, rn), this.progress = {
-      p: 0,
-      prevP: 0,
-      vp: 0
-    }, this.currentProgress = {
-      p: 0,
-      prevP: 0,
-      vp: 0
-    }, this._lerpFrameId = 0, this.effect = null;
-    const n = !this.config.root || this.config.root === window.document.body;
-    this.config.root = n ? window : this.config.root, this.config.contentRoot = this.config.contentRoot || (n ? window.document.body : this.config.root.firstElementChild), this.config.resetProgress = this.config.resetProgress || this.resetProgress.bind(this), this._measure = this.config.measure || (() => {
-      const s = this.config.root;
-      this.progress.p = this.config.horizontal ? s.scrollX || s.scrollLeft || 0 : s.scrollY || s.scrollTop || 0;
-    }), this._trigger = Yt(() => {
-      this._measure?.(), this.tick(!0);
-    });
-  }
-  /**
-   * Setup event and effect, and reset progress and frame.
-   */
-  start() {
-    this.setupEffect(), this.setupEvent(), this.resetProgress(), this.tick();
-  }
-  /**
-   * Removes event listener.
-   */
-  pause() {
-    this.removeEvent();
-  }
-  /**
-   * Reset progress in the DOM and inner state to given x and y.
-   *
-   * @param {Object} [scrollPosition]
-   * @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);
-  }
-  /**
-   * Handle animation frame work.
-   *
-   * @param {boolean} [clearLerpFrame] whether to cancel an existing lerp frame
-   */
-  tick(t) {
-    const n = this.config.transitionActive;
-    n && this.lerp();
-    const s = n ? this.currentProgress : this.progress;
-    if (this.config.velocityActive) {
-      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;
-  }
-  /**
-   * Calculate current progress.
-   */
-  lerp() {
-    this.currentProgress.p = jt(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.
-   */
-  destroy() {
-    this.pause(), this.removeEffect();
-  }
-  /**
-   * Register to scroll for triggering update.
-   */
-  setupEvent() {
-    this.removeEvent(), this.config.root.addEventListener("scroll", this._trigger);
-  }
-  /**
-   * Remove scroll handler.
-   */
-  removeEvent() {
-    this.config.root.removeEventListener("scroll", this._trigger);
-  }
-  /**
-   * Reset registered effect.
-   */
-  setupEffect() {
-    this.removeEffect(), this.effect = sn(this.config);
-  }
-  /**
-   * Remove registered effect.
-   */
-  removeEffect() {
-    this.effect && this.effect.destroy(), this.effect = null;
-  }
-}
-const re = /* @__PURE__ */ new WeakMap();
-let De = () => ({});
-function an(e) {
-  De = e;
-}
-function cn(e, t, n, s, { reducedMotion: r }) {
-  if (r)
-    return;
-  const i = {
-    trigger: "view-progress",
-    element: e
-  }, o = x(n);
-  let a;
-  if ("ViewTimeline" in window) {
-    const l = ue(t, o, i);
-    l && (l.play(), a = () => {
-      l.ready.then(() => {
-        l.cancel();
-      });
-    });
-  } else {
-    const l = Me(t, o, i);
-    if (l) {
-      const c = Array.isArray(l) ? l : [l], u = new on({
-        viewSource: e,
-        scenes: c,
-        observeViewportEntry: !1,
-        observeViewportResize: !1,
-        observeSourcesResize: !0,
-        root: document.body,
-        ...De()
-      });
-      a = () => {
-        u.destroy();
-      }, Promise.all(c.map((d) => d.ready || Promise.resolve())).then(
-        () => {
-          u.start();
-        }
-      );
-    }
-  }
-  if (!a) return;
-  const f = { source: e, target: t, cleanup: a };
-  O(re, e, f), O(re, t, f);
-}
-function fn(e) {
-  C(re, e);
-}
-const ln = {
-  add: cn,
-  remove: fn,
-  registerOptionsGetter: an
-}, oe = /* @__PURE__ */ new WeakMap();
-function un(e, t, n, s = !1, r) {
-  const i = U(
-    e,
-    x(t),
-    void 0,
-    s
-  );
-  if (!i)
-    return null;
-  const o = n.type || "alternate";
-  let a = !0;
-  return (f) => {
-    r && !e.matches(r) || (f.type === "mouseenter" || f.type === "focusin" ? o === "alternate" ? a ? (a = !1, i.play()) : i.reverse() : o === "state" ? i.playState !== "finished" && i.play() : (i.progress(0), i.isCSS && i.onFinish(() => {
-      S.mutate(() => {
-        e.dataset.motionEnter = "done";
-      });
-    }), i.play()) : (f.type === "mouseleave" || f.type === "focusout") && (o === "alternate" ? i.reverse() : o === "repeat" ? (i.cancel(), S.mutate(() => {
-      delete e.dataset.interactEnter;
-    })) : o === "state" && i.playState === "running" && i.pause()));
-  };
-}
-function dn(e, t, {
-  effectId: n,
-  listContainer: s,
-  listItemSelector: r
-}, i, o) {
-  const a = i.method || "toggle", f = a === "toggle", l = !!s;
-  return (c) => {
-    if (o && !e.matches(o)) return;
-    let u;
-    if (l && (u = e.closest(
-      `${s} > ${r || ""}:has(:scope)`
-    )), c.type === "mouseenter" || c.type === "focusin") {
-      const d = f ? "add" : a;
-      t.toggleEffect(n, d, u);
-    } else (c.type === "mouseleave" || c.type === "focusout") && f && t.toggleEffect(n, "remove", u);
-  };
-}
-function hn(e, t, n, s = {}, { reducedMotion: r, targetController: i, selectorCondition: o, allowA11yTriggers: a }) {
-  let f, l = !1, c = !1;
-  if (n.transition || n.transitionProperties ? (f = dn(
-    t,
-    i,
-    n,
-    s,
-    o
-  ), l = !0) : (f = un(
-    t,
-    n,
-    s,
-    r,
-    o
-  ), c = s.type === "once"), !f)
-    return;
-  const u = (p) => {
-    e.contains(p.relatedTarget) || f(p);
-  }, d = (p) => {
-    e.contains(p.relatedTarget) || f(p);
-  }, h = { source: e, target: t, cleanup: () => {
-    e.removeEventListener("mouseenter", f), e.removeEventListener("mouseleave", f), a && (e.removeEventListener("focusin", u), e.removeEventListener("focusout", d));
-  } };
-  O(oe, e, h), O(oe, t, h), a && (e.tabIndex = 0, e.addEventListener("focusin", u, { once: c })), e.addEventListener("mouseenter", f, { passive: !0, once: c }), (l ? (s.method || "toggle") === "toggle" : s.type !== "once") && (e.addEventListener("mouseleave", f, { passive: !0 }), a && e.addEventListener("focusout", d, { once: c }));
-}
-function mn(e) {
-  C(oe, e);
-}
-const Oe = {
-  add: hn,
-  remove: mn
-}, ae = /* @__PURE__ */ new WeakMap();
-function pn(e, t, n, s = !1, r) {
-  const i = U(
-    e,
-    x(t),
-    void 0,
-    s
-  );
-  if (!i)
-    return null;
-  let o = !0;
-  const a = n.type || "alternate";
-  return (f) => {
-    r && !e.matches(r) || (a === "alternate" ? o ? (o = !1, i.play()) : i.reverse() : a === "state" ? o ? (o = !1, i.play()) : i.playState === "running" ? i.pause() : i.playState !== "finished" && i.play() : (i.progress(0), i.isCSS && i.onFinish(() => {
-      S.mutate(() => {
-        e.dataset.interactEnter = "done";
-      });
-    }), i.play()));
-  };
-}
-function gn(e, t, {
-  effectId: n,
-  listContainer: s,
-  listItemSelector: r
-}, i, o) {
-  const a = !!s;
-  return (f) => {
-    if (o && !e.matches(o)) return;
-    let l;
-    a && (l = e.closest(
-      `${s} > ${r || ""}:has(:scope)`
-    )), t.toggleEffect(n, i.method || "toggle", l);
-  };
-}
-function vn(e, t, n, s = {}, { reducedMotion: r, targetController: i, selectorCondition: o, allowA11yTriggers: a }) {
-  let f, l = !1;
-  if (n.transition || n.transitionProperties ? f = gn(
-    t,
-    i,
-    n,
-    s,
-    o
-  ) : (f = pn(
-    t,
-    n,
-    s,
-    r,
-    o
-  ), l = s.type === "once"), !f)
-    return;
-  const c = (h) => {
-    h.pointerType && f(h);
-  }, u = (h) => {
-    h.code === "Space" ? (h.preventDefault(), f(h)) : h.code === "Enter" && f(h);
-  }, g = { source: e, target: t, cleanup: () => {
-    e.removeEventListener("click", c), a && e.removeEventListener("keydown", u);
-  } };
-  O(ae, e, g), O(ae, t, g), e.addEventListener("click", c, { passive: !0, once: l }), a && (e.tabIndex = 0, e.addEventListener("keydown", u, { once: l }));
-}
-function yn(e) {
-  C(ae, e);
-}
-const _e = {
-  add: vn,
-  remove: yn
-};
-function ke(e, t, n) {
-  return Math.min(Math.max(e, n), t);
-}
-function Te(e) {
-  let t = !1;
-  return function() {
-    if (!t)
-      return t = !0, window.requestAnimationFrame(() => {
-        t = !1, e();
-      });
-  };
-}
-function wn(e) {
-  let t = e, n = 0, s = 0;
-  if (t.offsetParent)
-    do
-      n += t.offsetLeft, s += t.offsetTop, t = t.offsetParent;
-    while (t);
-  return {
-    left: n,
-    top: s,
-    width: e.offsetWidth,
-    height: e.offsetHeight
-  };
-}
-function En() {
-  const e = window.devicePixelRatio;
-  let t = !1;
-  if (e === 1)
-    return !1;
-  document.body.addEventListener("pointerdown", (s) => {
-    t = s.offsetX !== 10;
-  }, { once: !0 });
-  const n = new PointerEvent("pointerdown", {
-    clientX: 10
-  });
-  return document.body.dispatchEvent(n), t;
-}
-function bn() {
-  return new Promise((e) => {
-    const t = window.scrollY;
-    let n = !1, s;
-    function r() {
-      document.body.addEventListener("pointerdown", (a) => {
-        s === void 0 ? s = a.offsetY : n = a.offsetY === s;
-      }, { once: !0 });
-      const o = new PointerEvent("pointerdown", {
-        clientY: 500
-      });
-      document.body.dispatchEvent(o);
-    }
-    function i() {
-      window.scrollY !== t && (window.removeEventListener("scroll", i), r(), e(n));
-    }
-    r(), window.addEventListener("scroll", i), window.scrollY > 0 && window.scrollBy(0, -1);
-  });
-}
-function Sn(e) {
-  bn().then((t) => {
-    e.fixRequired = t, t && (window.addEventListener("scroll", e.scrollHandler), e.scrollHandler());
-  });
-}
-let q = 0;
-const Y = /* @__PURE__ */ new Set();
-function In() {
-  const e = (n) => {
-    for (let s of n.changedTouches)
-      Y.add(s.identifier);
-  }, t = (n) => {
-    for (let s of n.changedTouches)
-      Y.delete(s.identifier);
-  };
-  return document.addEventListener("touchstart", e, { passive: !0 }), document.addEventListener("touchend", t, { passive: !0 }), function() {
-    Y.clear(), document.removeEventListener("touchstart", e), document.removeEventListener("touchend", t);
-  };
-}
-function On(e, t) {
-  if ("onscrollend" in window)
-    return e.addEventListener("scrollend", t), function() {
-      e.removeEventListener("scrollend", t);
-    };
-  let n = 0, s;
-  q || (s = In()), q += 1;
-  function r(i) {
-    clearTimeout(n), n = setTimeout(() => {
-      Y.size ? setTimeout(r, 100) : (t(i), n = 0);
-    }, 100);
-  }
-  return e.addEventListener("scroll", r), function() {
-    e.removeEventListener("scroll", r), q -= 1, q || s();
-  };
-}
-function _n(e, t, n) {
-  return {
-    x(s) {
-      const r = e.left - n.x + e.width / 2, i = r >= t.width / 2, o = (i ? r : t.width - r) * 2, a = i ? 0 : r - o / 2;
-      return (s - a) / o;
-    },
-    y(s) {
-      const r = e.top - n.y + e.height / 2, i = r >= t.height / 2, o = (i ? r : t.height - r) * 2, a = i ? 0 : r - o / 2;
-      return (s - a) / o;
-    }
-  };
-}
-function kn(e, t) {
-  this.x = window.scrollX, this.y = window.scrollY, requestAnimationFrame(() => e && e(t));
-}
-function Tn(e) {
-  e.rect.width = window.document.documentElement.clientWidth, e.rect.height = window.document.documentElement.clientHeight;
-}
-function xn(e) {
-  const t = new ResizeObserver((n) => {
-    n.forEach((s) => {
-      e.rect.width = s.borderBoxSize[0].inlineSize, e.rect.height = s.borderBoxSize[0].blockSize;
-    });
-  });
-  return t.observe(e.root, { box: "border-box" }), t;
-}
-function Cn(e) {
-  let t = !1, n = { x: e.rect.width / 2, y: e.rect.height / 2, vx: 0, vy: 0 }, s, r, i, o, a;
-  const f = { x: 0, y: 0 };
-  e.scenes.forEach((c) => {
-    c.target && c.centeredToTarget && (c.transform = _n(wn(c.target), e.rect, f), t = !0), e.root ? r = xn(e) : (i = Tn.bind(null, e), window.addEventListener("resize", i));
-  }), s = function(c) {
-    for (let u of e.scenes)
-      if (!u.disabled) {
-        const d = u.transform?.x(c.x) || c.x / e.rect.width, g = u.transform?.y(c.y) || c.y / e.rect.height, h = +ke(0, 1, d).toPrecision(4), m = +ke(0, 1, g).toPrecision(4), p = { x: c.vx, y: c.vy };
-        e.allowActiveEvent && (c.active = d <= 1 && g <= 1 && d >= 0 && g >= 0), u.effect(u, { x: h, y: m }, p, c.active);
-      }
-    Object.assign(n, c);
-  }, t && (o = kn.bind(f, s, n), a = On(document, o));
-  function l() {
-    e.scenes.forEach((c) => c.destroy?.()), a?.(), r ? (r.disconnect(), r = null) : (window.removeEventListener("resize", i), i = null), s = null, n = null;
-  }
-  return {
-    tick: s,
-    destroy: l
-  };
-}
-const Ln = 1e3 / 60 * 3;
-let z;
-function An() {
-  k.x = window.scrollX, k.y = window.scrollY;
-}
-const k = { x: 0, y: 0, scrollHandler: An, fixRequired: void 0 };
-class Pn {
-  constructor(t = {}) {
-    this.config = { ...t }, this.effect = null, this._nextTick = null, this._nextTransitionTick = null, this._startTime = 0;
-    let n;
-    this.config.transitionDuration ? n = this.config.noThrottle ? () => this.transition() : Te(() => this.transition()) : n = this.config.noThrottle ? () => (this.tick(), null) : Te(() => {
-      this.tick();
-    }), this.config.rect = this.config.root ? {
-      width: this.config.root.offsetWidth,
-      height: this.config.root.offsetHeight
-    } : {
-      width: window.document.documentElement.clientWidth,
-      height: window.document.documentElement.clientHeight
-    }, this.progress = {
-      x: this.config.rect.width / 2,
-      y: this.config.rect.height / 2,
-      vx: 0,
-      vy: 0
-    }, this.previousProgress = { ...this.progress }, this.currentProgress = null;
-    const s = (r) => {
-      const i = this.config.root ? r.offsetX : r.x, o = this.config.root ? r.offsetY : r.y;
-      this.progress.vx = i - this.progress.x, this.progress.vy = o - this.progress.y, this.progress.x = i, this.progress.y = o, this._nextTick = n();
-    };
-    if (this._pointerLeave = () => {
-      this.progress.active = !1, this.progress.vx = 0, this.progress.vy = 0, this._nextTick = n();
-    }, this._pointerEnter = () => {
-      this.progress.active = !0, this._nextTick = n();
-    }, this.config.root) {
-      z = typeof z == "boolean" ? z : En();
-      const r = z ? window.devicePixelRatio : 1;
-      typeof k.fixRequired > "u" && Sn(k), this._measure = (i) => {
-        if (i.target !== this.config.root) {
-          const o = new PointerEvent("pointermove", {
-            bubbles: !0,
-            cancelable: !0,
-            clientX: i.x * r + k.x,
-            clientY: i.y * r + k.y
-          });
-          i.stopPropagation(), this.config.root.dispatchEvent(o);
-        } else
-          s(i);
-      };
-    } else
-      this._measure = s;
-  }
-  /**
-   * Setup event and effect, and reset progress and frame.
-   */
-  start() {
-    this.setupEffect(), this.setupEvent();
-  }
-  /**
-   * Removes event listener.
-   */
-  pause() {
-    this.removeEvent();
-  }
-  /**
-   * Handle animation frame work.
-   */
-  tick() {
-    this.effect.tick(this.progress);
-  }
-  /**
-   * Starts a transition from the previous progress to the current progress.
-   *
-   * @returns {number} the requestAnimationFrame id for the transition tick.
-   */
-  transition() {
-    const t = this.config.transitionDuration, n = this.config.transitionEasing || ((o) => o), s = performance.now();
-    let r = !1;
-    const i = (o) => {
-      const a = (o - this._startTime) / t, f = n(Math.min(1, a));
-      r && (this.progress.vx = 0, this.progress.vy = 0, r = !1), this.currentProgress = Object.entries(this.progress).reduce((l, [c, u]) => (c === "active" ? l[c] = u : l[c] = this.previousProgress[c] + (u - this.previousProgress[c]) * f, l), this.currentProgress || {}), a < 1 && (this._nextTransitionTick = requestAnimationFrame(i), r = o - this._startTime > Ln), this.effect.tick(this.currentProgress);
-    };
-    return this._startTime ? (this._nextTransitionTick && cancelAnimationFrame(this._nextTransitionTick), Object.assign(this.previousProgress, this.currentProgress), this._startTime = s, i(s)) : this._startTime = s, this._nextTransitionTick;
-  }
-  /**
-   * Stop the event and effect, and remove all DOM side effects.
-   */
-  destroy() {
-    this.pause(), this.removeEffect(), this._nextTick && cancelAnimationFrame(this._nextTick), this._nextTransitionTick && cancelAnimationFrame(this._nextTransitionTick);
-  }
-  /**
-   * Register to pointermove for triggering update.
-   */
-  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 })));
-  }
-  /**
-   * 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)));
-  }
-  /**
-   * Reset registered effect.
-   */
-  setupEffect() {
-    this.removeEffect(), this.effect = Cn(this.config);
-  }
-  /**
-   * Remove registered effect.
-   */
-  removeEffect() {
-    this.effect && this.effect.destroy(), this.effect = null;
-  }
-}
-const ce = /* @__PURE__ */ new WeakMap();
-let Ne = () => ({});
-function $n(e) {
-  Ne = e;
-}
-function Rn(e, t, n, s = {}, { reducedMotion: r }) {
-  if (r)
-    return;
-  const i = {
-    trigger: "pointer-move",
-    element: e,
-    axis: s.axis ?? "y"
-  }, o = Me(t, x(n), i);
-  if (o) {
-    const a = Array.isArray(o) ? o : [o], f = new Pn({
-      root: s.hitArea === "self" ? e : void 0,
-      scenes: a,
-      ...Ne()
-    }), c = { source: e, target: t, cleanup: () => {
-      f.destroy();
-    } };
-    O(ce, e, c), O(ce, t, c), Promise.all(
-      a.map((u) => u.ready || Promise.resolve())
-    ).then(() => {
-      f.start();
-    });
-  }
-}
-function Mn(e) {
-  C(ce, e);
-}
-const Fn = {
-  add: Rn,
-  remove: Mn,
-  registerOptionsGetter: $n
-}, fe = /* @__PURE__ */ new WeakMap();
-function Hn(e, t, n, s, { reducedMotion: r, selectorCondition: i }) {
-  const o = U(
-    t,
-    x(n),
-    void 0,
-    r
-  );
-  if (!o)
-    return;
-  const a = () => {
-    i && !t.matches(i) || o.play();
-  }, l = { source: e, target: t, cleanup: () => {
-    o.cancel(), e.removeEventListener("animationend", a);
-  } };
-  O(fe, e, l), O(fe, t, l), e.addEventListener("animationend", a);
-}
-function qn(e) {
-  C(fe, e);
-}
-const zn = {
-  add: Hn,
-  remove: qn
-};
-function xe(e) {
-  return {
-    add: (t, n, s, r, i) => e.add(t, n, s, r, {
-      ...i,
-      allowA11yTriggers: !0
-    }),
-    remove: e.remove
-  };
-}
-const $ = {
-  viewEnter: Ee,
-  hover: Oe,
-  click: _e,
-  pageVisible: Ee,
-  animationEnd: zn,
-  viewProgress: ln,
-  pointerMove: Fn,
-  activate: xe(_e),
-  interest: xe(Oe)
-};
-function Dn(e) {
-  return e.replace(/\[([-\w]+)]/g, "[]");
-}
-class w {
-  static defineInteractElement;
-  dataCache;
-  addedInteractions;
-  mediaQueryListeners;
-  listInteractionsCache;
-  controllers;
-  static forceReducedMotion = !1;
-  static allowA11yTriggers = !0;
-  static instances = [];
-  static controllerCache = /* @__PURE__ */ new Map();
-  constructor() {
-    this.dataCache = { effects: {}, conditions: {}, interactions: {} }, this.addedInteractions = {}, this.mediaQueryListeners = /* @__PURE__ */ new Map(), this.listInteractionsCache = {}, this.controllers = /* @__PURE__ */ new Set();
-  }
-  init(t, n) {
-    if (typeof window > "u" || !window.customElements)
-      return;
-    const s = n?.useCutsomElement ?? !!w.defineInteractElement;
-    this.dataCache = Vn(t, s);
-    const r = w.defineInteractElement?.();
-    s && r === !1 ? document.querySelectorAll("interact-element").forEach((i) => {
-      i.connect();
-    }) : w.controllerCache.forEach(
-      (i, o) => i.connect(o)
-    );
-  }
-  destroy() {
-    for (const t of this.controllers)
-      t.disconnect();
-    for (const [, t] of this.mediaQueryListeners.entries())
-      t.mql.removeEventListener("change", t.handler);
-    this.mediaQueryListeners.clear(), this.addedInteractions = {}, this.listInteractionsCache = {}, this.controllers.clear(), this.dataCache = { effects: {}, conditions: {}, interactions: {} }, w.instances.splice(w.instances.indexOf(this), 1);
-  }
-  setController(t, n) {
-    this.controllers.add(n), w.setController(t, n);
-  }
-  deleteController(t, n = !1) {
-    const s = w.controllerCache.get(t);
-    this.clearInteractionStateForKey(t), this.clearMediaQueryListenersForKey(t), s && n && (this.controllers.delete(s), w.deleteController(t));
-  }
-  has(t) {
-    return !!this.get(t);
-  }
-  get(t) {
-    const n = Dn(t);
-    return this.dataCache.interactions[n];
-  }
-  clearMediaQueryListenersForKey(t) {
-    for (const [n, s] of this.mediaQueryListeners.entries())
-      s.key === t && (s.mql.removeEventListener("change", s.handler), this.mediaQueryListeners.delete(n));
-  }
-  clearInteractionStateForKey(t) {
-    (this.get(t)?.interactionIds || []).forEach((s) => {
-      const r = R(s, t);
-      delete this.addedInteractions[r];
-    });
-  }
-  setupMediaQueryListener(t, n, s, r) {
-    this.mediaQueryListeners.has(t) || (n.addEventListener("change", r), this.mediaQueryListeners.set(t, {
-      mql: n,
-      handler: r,
-      key: s
-    }));
-  }
-  static create(t, n) {
-    const s = new w();
-    return w.instances.push(s), s.init(t, n), s;
-  }
-  static destroy() {
-    w.controllerCache.forEach((t) => {
-      t.disconnect();
-    }), w.instances.length = 0, w.controllerCache.clear();
-  }
-  static setup(t) {
-    t.scrollOptionsGetter && $.viewProgress.registerOptionsGetter?.(
-      t.scrollOptionsGetter
-    ), t.pointerOptionsGetter && $.pointerMove.registerOptionsGetter?.(
-      t.pointerOptionsGetter
-    ), t.viewEnter && $.viewEnter.setOptions(
-      t.viewEnter
-    ), t.allowA11yTriggers !== void 0 && (w.allowA11yTriggers = t.allowA11yTriggers);
-  }
-  static getInstance(t) {
-    return w.instances.find((n) => n.has(t));
-  }
-  static getController(t) {
-    return t ? w.controllerCache.get(t) : void 0;
-  }
-  static setController(t, n) {
-    w.controllerCache.set(t, n);
-  }
-  static deleteController(t) {
-    w.controllerCache.delete(t);
-  }
-  static registerEffects = kt;
-}
-let Nn = 0;
-function X(e, {
-  asCombinator: t = !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 Vn(e, t = !1) {
-  const n = e.conditions || {}, s = {};
-  return e.interactions?.forEach((r) => {
-    const i = r.key, o = ++Nn, { effects: a, ...f } = r;
-    if (!i) {
-      console.error(`Interaction ${o} is missing a key for source element.`);
-      return;
-    }
-    s[i] || (s[i] = {
-      triggers: [],
-      effects: {},
-      interactionIds: /* @__PURE__ */ new Set(),
-      selectors: /* @__PURE__ */ new Set()
-    });
-    const l = Array.from(a);
-    l.reverse();
-    const c = { ...f, effects: l };
-    s[i].triggers.push(c), s[i].selectors.add(
-      X(c, { useFirstChild: t })
-    );
-    const u = c.listContainer;
-    l.forEach((d) => {
-      let g = d.key;
-      if (!g && d.effectId) {
-        const p = e.effects[d.effectId];
-        p && (g = p.key);
-      }
-      d.effectId || (d.effectId = Mt()), g = g || i, d.key = g;
-      const h = d.effectId;
-      if (u && d.listContainer && (g !== i || d.listContainer !== u))
-        return;
-      const m = `${g}::${h}::${o}`;
-      d.interactionId = m, s[i].interactionIds.add(m), g !== i && (s[g] ? s[g].effects[m] || (s[g].effects[m] = [], s[g].interactionIds.add(m)) : s[g] = {
-        triggers: [],
-        effects: {
-          [m]: []
-        },
-        interactionIds: /* @__PURE__ */ new Set(),
-        selectors: /* @__PURE__ */ new Set()
-      }, s[g].effects[m].push({ ...f, effect: d }), s[g].selectors.add(X(d, { useFirstChild: t })));
-    });
-  }), {
-    effects: e.effects || {},
-    conditions: n,
-    interactions: s
-  };
-}
-function Ce(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}"`), []);
-  }
-  if (e.selector) {
-    const s = t.querySelectorAll(e.selector);
-    if (s.length > 0)
-      return Array.from(s);
-    console.warn(`Interact: No elements found for selector "${e.selector}"`);
-  }
-  return n ? t.firstElementChild : t;
-}
-function Le(e, t) {
-  return t.map((n) => e.selector ? n.querySelector(e.selector) : n).filter(Boolean);
-}
-function Ve(e, t, n, s, r, i, o, a) {
-  return [
-    o ? Le(e, o) : Ce(e, n, s),
-    a ? Le(t, a) : Ce(t, r, i)
-  ];
-}
-function We(e, t, n, s, r, i, o) {
-  const a = Array.isArray(s), f = Array.isArray(r);
-  a ? s.forEach((l, c) => {
-    const u = f ? r[c] : r;
-    u && Ae(
-      e,
-      l,
-      t.trigger,
-      u,
-      n,
-      t.params,
-      i,
-      o
-    );
-  }) : (f ? r : [r]).forEach((c) => {
-    Ae(
-      e,
-      s,
-      t.trigger,
-      c,
-      n,
-      t.params,
-      i,
-      o
-    );
-  });
-}
-function je(e, t, n, s, r) {
-  const i = {}, o = [];
-  s.effects.forEach((a) => {
-    const f = a.effectId, l = {
-      ...n.dataCache.effects[f] || {},
-      ...a,
-      effectId: f
-    }, c = l.key, u = R(a.interactionId, e);
-    if (i[u] || n.addedInteractions[u] && !r)
-      return;
-    const d = M(l.conditions || [], n.dataCache.conditions);
-    if (d && n.setupMediaQueryListener(u, d, e, () => {
-      t.update();
-    }), !d || d.matches) {
-      i[u] = !0;
-      const g = c && R(c, e);
-      let h;
-      if (g) {
-        if (h = w.getController(g), !h)
-          return;
-        l.listContainer && h.watchChildList(l.listContainer);
-      } else
-        h = t;
-      const [m, p] = Ve(
-        s,
-        l,
-        t.element,
-        t.useFirstChild,
-        h.element,
-        h.useFirstChild,
-        r
-      );
-      if (!m || !p)
-        return;
-      n.addedInteractions[u] = !0;
-      const v = g || s.key, y = G(
-        l.conditions || [],
-        n.dataCache.conditions
-      );
-      o.push([
-        v,
-        s,
-        l,
-        m,
-        p,
-        y,
-        h.useFirstChild
-      ]);
-    }
-  }), o.reverse().forEach((a) => {
-    We(...a);
-  });
-}
-function Ye(e, t, n, s, r) {
-  const i = n.get(e)?.effects || {}, o = Object.keys(i), a = [];
-  return o.forEach((f) => {
-    const l = R(f, e);
-    if (n.addedInteractions[l] && !r)
-      return;
-    i[f].some(({ effect: u, ...d }) => {
-      const g = M(
-        d.conditions || [],
-        n.dataCache.conditions
-      );
-      if (g && !g.matches)
-        return !1;
-      const h = u.effectId, m = {
-        ...n.dataCache.effects[h] || {},
-        ...u,
-        effectId: h
-      };
-      if (s && m.listContainer !== s)
-        return !1;
-      const p = M(m.conditions || [], n.dataCache.conditions);
-      if (p && n.setupMediaQueryListener(l, p, e, () => {
-        t.update();
-      }), !p || p.matches) {
-        const v = d.key && R(d.key, e), y = w.getController(v);
-        if (!y)
-          return !0;
-        m.listContainer && t.watchChildList(m.listContainer);
-        const [E, b] = Ve(
-          d,
-          m,
-          y.element,
-          y.useFirstChild,
-          t.element,
-          t.useFirstChild,
-          void 0,
-          r
-        );
-        if (!E || !b)
-          return !0;
-        n.addedInteractions[l] = !0;
-        const I = G(
-          m.conditions || [],
-          n.dataCache.conditions
-        );
-        return a.push([
-          e,
-          d,
-          m,
-          E,
-          b,
-          I,
-          t.useFirstChild
-        ]), !0;
-      }
-      return !1;
-    });
-  }), a.reverse().forEach((f) => {
-    We(...f);
-  }), o.length > 0;
-}
-function Ae(e, t, n, s, r, i, o, a) {
-  let f;
-  if (r.transition || r.transitionProperties) {
-    const l = {
-      key: e,
-      effectId: r.effectId,
-      transition: r.transition,
-      properties: r.transitionProperties,
-      childSelector: X(r, {
-        asCombinator: !0,
-        addItemFilter: !0,
-        useFirstChild: a
-      }),
-      selectorCondition: o
-    };
-    if (f = w.getController(e), !f)
-      return;
-    f.renderStyle(Ft(l));
-  }
-  $[n]?.add(t, s, r, i, {
-    reducedMotion: w.forceReducedMotion,
-    targetController: f,
-    selectorCondition: o,
-    allowA11yTriggers: w.allowA11yTriggers
-  });
-}
-function Wn(e) {
-  const t = e.key, n = w.getInstance(t);
-  if (!n)
-    return console.warn(`No instance found for key: ${t}`), w.setController(t, e), !1;
-  const { triggers: s = [] } = n?.get(t) || {}, r = s.length > 0;
-  n.setController(t, e), s.forEach((o, a) => {
-    const f = M(o.conditions, n.dataCache.conditions);
-    if (f) {
-      const l = `${t}::trigger::${a}`;
-      n.setupMediaQueryListener(l, f, t, () => {
-        e.update();
-      });
-    }
-    (!f || f.matches) && (o.listContainer && e.watchChildList(o.listContainer), je(t, e, n, o));
-  });
-  let i = !1;
-  return n && (i = Ye(t, e, n)), r || i;
-}
-function jn(e, t, n) {
-  const s = e.key, r = w.getInstance(s);
-  if (r) {
-    const { triggers: i = [] } = r?.get(s) || {};
-    i.forEach((o, a) => {
-      if (o.listContainer !== t)
-        return;
-      const f = M(o.conditions, r.dataCache.conditions);
-      if (f) {
-        const l = `${s}::listTrigger::${t}::${a}`;
-        r.setupMediaQueryListener(l, f, s, () => {
-          e.update();
-        });
-      }
-      (!f || f.matches) && je(s, e, r, o, n);
-    }), Ye(s, e, r, t, n);
-  }
-}
-function Yn(e, t = !1) {
-  const n = e.key, s = w.getInstance(n);
-  if (!s)
-    return;
-  const r = [...s.get(n)?.selectors.values() || []].filter(Boolean).join(",");
-  let i;
-  r ? (i = [...e.element.querySelectorAll(r)], e.useFirstChild || i.push(e.element)) : i = [e.element], Ke(i), s.deleteController(n, t);
-}
-function Ke(e) {
-  const t = Object.values($);
-  for (const n of e)
-    for (const s of t)
-      s.remove(n);
-}
-const se = "interactEffect";
-class Kn {
-  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;
-  }
-  connect(t) {
-    if (this.connected)
-      return;
-    const n = this.element.dataset.interactKey;
-    if (t = t || this.key || n, !t) {
-      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 = Wn(this);
-  }
-  disconnect({ removeFromCache: t = !1 } = {}) {
-    if ((this.key || this.element.dataset.interactKey) && Yn(this, t), this.sheet) {
-      const s = document.adoptedStyleSheets.indexOf(this.sheet);
-      document.adoptedStyleSheets.splice(s, 1);
-    }
-    this._observers = /* @__PURE__ */ new WeakMap(), this.sheet = null, this.connected = !1;
-  }
-  update() {
-    this.disconnect(), this.connect();
-  }
-  renderStyle(t) {
-    if (!this.sheet)
-      this.sheet = new CSSStyleSheet(), this.sheet.replaceSync(t.join(`
-`)), document.adoptedStyleSheets.push(this.sheet);
-    else {
-      let n = this.sheet.cssRules.length;
-      for (const s of t)
-        try {
-          this.sheet.insertRule(s, n), n++;
-        } catch (r) {
-          console.error(r);
-        }
-    }
-  }
-  toggleEffect(t, n, s, r) {
-    if (s === null)
-      return;
-    if (!r && this.element.toggleEffect) {
-      this.element.toggleEffect(t, n, s);
-      return;
-    }
-    const i = new Set(
-      this.element.dataset[se]?.split(" ") || []
-    );
-    n === "toggle" ? i.has(t) ? i.delete(t) : i.add(t) : n === "add" ? i.add(t) : n === "remove" ? i.delete(t) : n === "clear" && i.clear(), (s || this.element).dataset[se] = Array.from(i).join(" ");
-  }
-  getActiveEffects() {
-    const n = (this.element.dataset[se] || "").trim();
-    return n ? n.split(/\s+/) : [];
-  }
-  watchChildList(t) {
-    const n = this.element.querySelector(t);
-    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 }));
-    }
-  }
-  _childListChangeHandler(t, n) {
-    const s = this.key || this.element.dataset.interactKey, r = [], i = [];
-    n.forEach((o) => {
-      o.removedNodes.forEach((a) => {
-        a instanceof HTMLElement && r.push(a);
-      }), o.addedNodes.forEach((a) => {
-        a instanceof HTMLElement && i.push(a);
-      });
-    }), Ke(r), s && jn(this, t, i);
-  }
-}
-function Un(e, t) {
-  new Kn(e, t).connect();
-}
-function Jn(e) {
-  const t = w.getController(e);
-  t && t.disconnect({ removeFromCache: !0 });
-}
-const Gn = (e, t, n, s) => {
-  let i = `[data-interact-key="${e.replace(/"/g, "'")}"]`;
-  const o = X(t, { asCombinator: !0, useFirstChild: s });
-  return o && (i = `${i} ${o}`), n && (i = V(i, n)), i;
-};
-function Zn(e, t = !1) {
-  const n = [], s = /* @__PURE__ */ new Set();
-  return e.interactions.forEach(
-    ({
-      key: r,
-      selector: i,
-      listContainer: o,
-      listItemSelector: a,
-      trigger: f,
-      params: l,
-      effects: c,
-      conditions: u
-    }) => {
-      if (f === "viewEnter") {
-        const g = l;
-        (!g?.type || g.type === "once") && c.forEach((m) => {
-          const p = m?.effectId && e.effects[m.effectId] || m, {
-            key: v,
-            selector: y,
-            listContainer: E,
-            listItemSelector: b,
-            conditions: I
-          } = p;
-          if (!(!v || v === r) || !(!y && !i || y === i) || !(!E && !o || E === o) || !(!b && !a || b === a)) return;
-          const de = e.conditions || {}, he = G(
-            I,
-            de
-          ), Z = G(
-            u,
-            de
-          );
-          if (!(!he && !Z || he === Z)) return;
-          const ee = Gn(
-            r,
-            p,
-            Z,
-            t
-          );
-          s.has(ee) || (s.add(ee), n.push(`@media (prefers-reduced-motion: no-preference) {
-              ${ee}:not([data-interact-enter]) {
-                visibility: hidden;
-                transform: none;
-                translate: none;
-                scale: none;
-                rotate: none;
-              }
-            }`));
-        });
-      }
-    }
-  ), n.join(`
-`);
-}
-export {
-  Kn as I,
-  w as a,
-  Un as b,
-  Zn as g,
-  Jn as r
-};
-//# sourceMappingURL=index-BnI6W-7u.mjs.map