motion-v 0.2.6 → 0.3.1-beta.1

package/dist/index.js

@@ -1,4011 +0,0 @@
-import { inject as Zs, provide as Js, Fragment as Qs, defineComponent as Ot, Comment as ti, mergeProps as Rn, cloneVNode as ei, h as $t, mergeDefaults as ni, ref as si, useAttrs as ii, getCurrentInstance as ri, onMounted as In, onUnmounted as Dt, onUpdated as oi, openBlock as Ln, createBlock as Nn, unref as ai, withCtx as $n, renderSlot as Kn, toRefs as li, resolveDynamicComponent as ui, TransitionGroup as ci, Transition as fi, onBeforeUpdate as _n, watch as Wn, onBeforeUnmount as hi } from "vue";
-function di(e, t) {
-  e.indexOf(t) === -1 && e.push(t);
-}
-function kn(e, t) {
-  const n = e.indexOf(t);
-  n > -1 && e.splice(n, 1);
-}
-class Gn {
-  constructor() {
-    this.subscriptions = [];
-  }
-  add(t) {
-    return di(this.subscriptions, t), () => kn(this.subscriptions, t);
-  }
-  notify(t, n, s) {
-    const i = this.subscriptions.length;
-    if (i)
-      if (i === 1)
-        this.subscriptions[0](t, n, s);
-      else
-        for (let r = 0; r < i; r++) {
-          const o = this.subscriptions[r];
-          o && o(t, n, s);
-        }
-  }
-  getSize() {
-    return this.subscriptions.length;
-  }
-  clear() {
-    this.subscriptions.length = 0;
-  }
-}
-function oe(e, t) {
-  return t ? e * (1e3 / t) : 0;
-}
-const We = /* @__PURE__ */ new Set();
-function Bt(e, t, n) {
-  e || We.has(t) || (console.warn(t), We.add(t));
-}
-const pi = {
-  skipAnimations: !1,
-  useManualTiming: !1
-}, K = (e) => e;
-function mi(e) {
-  let t = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), s = !1, i = !1;
-  const r = /* @__PURE__ */ new WeakSet();
-  let o = {
-    delta: 0,
-    timestamp: 0,
-    isProcessing: !1
-  };
-  function a(u) {
-    r.has(u) && (l.schedule(u), e()), u(o);
-  }
-  const l = {
-    /**
-     * Schedule a process to run on the next frame.
-     */
-    schedule: (u, c = !1, f = !1) => {
-      const p = f && s ? t : n;
-      return c && r.add(u), p.has(u) || p.add(u), u;
-    },
-    /**
-     * Cancel the provided callback from running on the next frame.
-     */
-    cancel: (u) => {
-      n.delete(u), r.delete(u);
-    },
-    /**
-     * Execute all schedule callbacks.
-     */
-    process: (u) => {
-      if (o = u, s) {
-        i = !0;
-        return;
-      }
-      s = !0, [t, n] = [n, t], n.clear(), t.forEach(a), s = !1, i && (i = !1, l.process(u));
-    }
-  };
-  return l;
-}
-const st = [
-  "read",
-  // Read
-  "resolveKeyframes",
-  // Write/Read/Write/Read
-  "update",
-  // Compute
-  "preRender",
-  // Compute
-  "render",
-  // Write
-  "postRender"
-  // Compute
-], gi = 40;
-function yi(e, t) {
-  let n = !1, s = !0;
-  const i = {
-    delta: 0,
-    timestamp: 0,
-    isProcessing: !1
-  }, r = () => n = !0, o = st.reduce((g, y) => (g[y] = mi(r), g), {}), { read: a, resolveKeyframes: l, update: u, preRender: c, render: f, postRender: h } = o, p = () => {
-    const g = performance.now();
-    n = !1, i.delta = s ? 1e3 / 60 : Math.max(Math.min(g - i.timestamp, gi), 1), i.timestamp = g, i.isProcessing = !0, a.process(i), l.process(i), u.process(i), c.process(i), f.process(i), h.process(i), i.isProcessing = !1, n && t && (s = !1, e(p));
-  }, m = () => {
-    n = !0, s = !0, i.isProcessing || e(p);
-  };
-  return { schedule: st.reduce((g, y) => {
-    const T = o[y];
-    return g[y] = (x, w = !1, A = !1) => (n || m(), T.schedule(x, w, A)), g;
-  }, {}), cancel: (g) => {
-    for (let y = 0; y < st.length; y++)
-      o[st[y]].cancel(g);
-  }, state: i, steps: o };
-}
-const { schedule: M, cancel: R, state: J, steps: Ll } = yi(typeof requestAnimationFrame < "u" ? requestAnimationFrame : K, !0);
-let St;
-function vi() {
-  St = void 0;
-}
-const N = {
-  now: () => (St === void 0 && N.set(J.isProcessing || pi.useManualTiming ? J.timestamp : performance.now()), St),
-  set: (e) => {
-    St = e, queueMicrotask(vi);
-  }
-}, ke = 30, bi = (e) => !isNaN(parseFloat(e)), k = {
-  current: void 0
-};
-class Si {
-  /**
-   * @param init - The initiating value
-   * @param config - Optional configuration options
-   *
-   * -  `transformer`: A function to transform incoming values with.
-   *
-   * @internal
-   */
-  constructor(t, n = {}) {
-    this.version = "11.11.11", this.canTrackVelocity = null, this.events = {}, this.updateAndNotify = (s, i = !0) => {
-      const r = N.now();
-      this.updatedAt !== r && this.setPrevFrameValue(), this.prev = this.current, this.setCurrent(s), this.current !== this.prev && this.events.change && this.events.change.notify(this.current), i && this.events.renderRequest && this.events.renderRequest.notify(this.current);
-    }, this.hasAnimated = !1, this.setCurrent(t), this.owner = n.owner;
-  }
-  setCurrent(t) {
-    this.current = t, this.updatedAt = N.now(), this.canTrackVelocity === null && t !== void 0 && (this.canTrackVelocity = bi(this.current));
-  }
-  setPrevFrameValue(t = this.current) {
-    this.prevFrameValue = t, this.prevUpdatedAt = this.updatedAt;
-  }
-  /**
-   * Adds a function that will be notified when the `MotionValue` is updated.
-   *
-   * It returns a function that, when called, will cancel the subscription.
-   *
-   * When calling `onChange` inside a React component, it should be wrapped with the
-   * `useEffect` hook. As it returns an unsubscribe function, this should be returned
-   * from the `useEffect` function to ensure you don't add duplicate subscribers..
-   *
-   * ```jsx
-   * export const MyComponent = () => {
-   *   const x = useMotionValue(0)
-   *   const y = useMotionValue(0)
-   *   const opacity = useMotionValue(1)
-   *
-   *   useEffect(() => {
-   *     function updateOpacity() {
-   *       const maxXY = Math.max(x.get(), y.get())
-   *       const newOpacity = transform(maxXY, [0, 100], [1, 0])
-   *       opacity.set(newOpacity)
-   *     }
-   *
-   *     const unsubscribeX = x.on("change", updateOpacity)
-   *     const unsubscribeY = y.on("change", updateOpacity)
-   *
-   *     return () => {
-   *       unsubscribeX()
-   *       unsubscribeY()
-   *     }
-   *   }, [])
-   *
-   *   return <motion.div style={{ x }} />
-   * }
-   * ```
-   *
-   * @param subscriber - A function that receives the latest value.
-   * @returns A function that, when called, will cancel this subscription.
-   *
-   * @deprecated
-   */
-  onChange(t) {
-    return process.env.NODE_ENV !== "production" && Bt(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", t);
-  }
-  on(t, n) {
-    this.events[t] || (this.events[t] = new Gn());
-    const s = this.events[t].add(n);
-    return t === "change" ? () => {
-      s(), M.read(() => {
-        this.events.change.getSize() || this.stop();
-      });
-    } : s;
-  }
-  clearListeners() {
-    for (const t in this.events)
-      this.events[t].clear();
-  }
-  /**
-   * Attaches a passive effect to the `MotionValue`.
-   *
-   * @internal
-   */
-  attach(t, n) {
-    this.passiveEffect = t, this.stopPassiveEffect = n;
-  }
-  /**
-   * Sets the state of the `MotionValue`.
-   *
-   * @remarks
-   *
-   * ```jsx
-   * const x = useMotionValue(0)
-   * x.set(10)
-   * ```
-   *
-   * @param latest - Latest value to set.
-   * @param render - Whether to notify render subscribers. Defaults to `true`
-   *
-   * @public
-   */
-  set(t, n = !0) {
-    !n || !this.passiveEffect ? this.updateAndNotify(t, n) : this.passiveEffect(t, this.updateAndNotify);
-  }
-  setWithVelocity(t, n, s) {
-    this.set(n), this.prev = void 0, this.prevFrameValue = t, this.prevUpdatedAt = this.updatedAt - s;
-  }
-  /**
-   * Set the state of the `MotionValue`, stopping any active animations,
-   * effects, and resets velocity to `0`.
-   */
-  jump(t, n = !0) {
-    this.updateAndNotify(t), this.prev = t, this.prevUpdatedAt = this.prevFrameValue = void 0, n && this.stop(), this.stopPassiveEffect && this.stopPassiveEffect();
-  }
-  /**
-   * Returns the latest state of `MotionValue`
-   *
-   * @returns - The latest state of `MotionValue`
-   *
-   * @public
-   */
-  get() {
-    return k.current && k.current.push(this), this.current;
-  }
-  /**
-   * @public
-   */
-  getPrevious() {
-    return this.prev;
-  }
-  /**
-   * Returns the latest velocity of `MotionValue`
-   *
-   * @returns - The latest velocity of `MotionValue`. Returns `0` if the state is non-numerical.
-   *
-   * @public
-   */
-  getVelocity() {
-    const t = N.now();
-    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > ke)
-      return 0;
-    const n = Math.min(this.updatedAt - this.prevUpdatedAt, ke);
-    return oe(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
-  }
-  /**
-   * Registers a new animation to control this `MotionValue`. Only one
-   * animation can drive a `MotionValue` at one time.
-   *
-   * ```jsx
-   * value.start()
-   * ```
-   *
-   * @param animation - A function that starts the provided animation
-   *
-   * @internal
-   */
-  start(t) {
-    return this.stop(), new Promise((n) => {
-      this.hasAnimated = !0, this.animation = t(n), this.events.animationStart && this.events.animationStart.notify();
-    }).then(() => {
-      this.events.animationComplete && this.events.animationComplete.notify(), this.clearAnimation();
-    });
-  }
-  /**
-   * Stop the currently active animation.
-   *
-   * @public
-   */
-  stop() {
-    this.animation && (this.animation.stop(), this.events.animationCancel && this.events.animationCancel.notify()), this.clearAnimation();
-  }
-  /**
-   * Returns `true` if this value is currently animating.
-   *
-   * @public
-   */
-  isAnimating() {
-    return !!this.animation;
-  }
-  clearAnimation() {
-    delete this.animation;
-  }
-  /**
-   * Destroy and clean up subscribers to this `MotionValue`.
-   *
-   * The `MotionValue` hooks like `useMotionValue` and `useTransform` automatically
-   * handle the lifecycle of the returned `MotionValue`, so this method is only necessary if you've manually
-   * created a `MotionValue` via the `motionValue` function.
-   *
-   * @public
-   */
-  destroy() {
-    this.clearListeners(), this.stop(), this.stopPassiveEffect && this.stopPassiveEffect();
-  }
-}
-function D(e, t) {
-  return new Si(e, t);
-}
-function Rt(e) {
-  let t;
-  return () => (t === void 0 && (t = e()), t);
-}
-const zn = Rt(() => window.ScrollTimeline !== void 0);
-class ae {
-  constructor(t) {
-    this.stop = () => this.runAll("stop"), this.animations = t.filter(Boolean);
-  }
-  then(t, n) {
-    return Promise.all(this.animations).then(t).catch(n);
-  }
-  /**
-   * TODO: Filter out cancelled or stopped animations before returning
-   */
-  getAll(t) {
-    return this.animations[0][t];
-  }
-  setAll(t, n) {
-    for (let s = 0; s < this.animations.length; s++)
-      this.animations[s][t] = n;
-  }
-  attachTimeline(t, n) {
-    const s = this.animations.map((i) => zn() && i.attachTimeline ? i.attachTimeline(t) : n(i));
-    return () => {
-      s.forEach((i, r) => {
-        i && i(), this.animations[r].stop();
-      });
-    };
-  }
-  get time() {
-    return this.getAll("time");
-  }
-  set time(t) {
-    this.setAll("time", t);
-  }
-  get speed() {
-    return this.getAll("speed");
-  }
-  set speed(t) {
-    this.setAll("speed", t);
-  }
-  get startTime() {
-    return this.getAll("startTime");
-  }
-  get duration() {
-    let t = 0;
-    for (let n = 0; n < this.animations.length; n++)
-      t = Math.max(t, this.animations[n].duration);
-    return t;
-  }
-  runAll(t) {
-    this.animations.forEach((n) => n[t]());
-  }
-  play() {
-    this.runAll("play");
-  }
-  pause() {
-    this.runAll("pause");
-  }
-  cancel() {
-    this.runAll("cancel");
-  }
-  complete() {
-    this.runAll("complete");
-  }
-}
-const C = (e) => e * 1e3, B = (e) => e / 1e3, wi = 5;
-function Un(e, t, n) {
-  const s = Math.max(t - wi, 0);
-  return oe(n - e(s), t - s);
-}
-let ft = K, I = K;
-process.env.NODE_ENV !== "production" && (ft = (e, t) => {
-  !e && typeof console < "u" && console.warn(t);
-}, I = (e, t) => {
-  if (!e)
-    throw new Error(t);
-});
-const H = (e, t, n) => n > t ? t : n < e ? e : n, Kt = 1e-3, Ti = 0.01, Ge = 10, xi = 0.05, Vi = 1;
-function Ai({ duration: e = 800, bounce: t = 0.25, velocity: n = 0, mass: s = 1 }) {
-  let i, r;
-  ft(e <= C(Ge), "Spring duration must be 10 seconds or less");
-  let o = 1 - t;
-  o = H(xi, Vi, o), e = H(Ti, Ge, B(e)), o < 1 ? (i = (u) => {
-    const c = u * o, f = c * e, h = c - n, p = Ht(u, o), m = Math.exp(-f);
-    return Kt - h / p * m;
-  }, r = (u) => {
-    const f = u * o * e, h = f * n + n, p = Math.pow(o, 2) * Math.pow(u, 2) * e, m = Math.exp(-f), S = Ht(Math.pow(u, 2), o);
-    return (-i(u) + Kt > 0 ? -1 : 1) * ((h - p) * m) / S;
-  }) : (i = (u) => {
-    const c = Math.exp(-u * e), f = (u - n) * e + 1;
-    return -Kt + c * f;
-  }, r = (u) => {
-    const c = Math.exp(-u * e), f = (n - u) * (e * e);
-    return c * f;
-  });
-  const a = 5 / e, l = Ei(i, r, a);
-  if (e = C(e), isNaN(l))
-    return {
-      stiffness: 100,
-      damping: 10,
-      duration: e
-    };
-  {
-    const u = Math.pow(l, 2) * s;
-    return {
-      stiffness: u,
-      damping: o * 2 * Math.sqrt(s * u),
-      duration: e
-    };
-  }
-}
-const Mi = 12;
-function Ei(e, t, n) {
-  let s = n;
-  for (let i = 1; i < Mi; i++)
-    s = s - e(s) / t(s);
-  return s;
-}
-function Ht(e, t) {
-  return e * Math.sqrt(1 - t * t);
-}
-const Pi = ["duration", "bounce"], Ci = ["stiffness", "damping", "mass"];
-function ze(e, t) {
-  return t.some((n) => e[n] !== void 0);
-}
-function Fi(e) {
-  let t = {
-    velocity: 0,
-    stiffness: 100,
-    damping: 10,
-    mass: 1,
-    isResolvedFromDuration: !1,
-    ...e
-  };
-  if (!ze(e, Ci) && ze(e, Pi)) {
-    const n = Ai(e);
-    t = {
-      ...t,
-      ...n,
-      mass: 1
-    }, t.isResolvedFromDuration = !0;
-  }
-  return t;
-}
-function le({ keyframes: e, restDelta: t, restSpeed: n, ...s }) {
-  const i = e[0], r = e[e.length - 1], o = { done: !1, value: i }, { stiffness: a, damping: l, mass: u, duration: c, velocity: f, isResolvedFromDuration: h } = Fi({
-    ...s,
-    velocity: -B(s.velocity || 0)
-  }), p = f || 0, m = l / (2 * Math.sqrt(a * u)), S = r - i, b = B(Math.sqrt(a / u)), g = Math.abs(S) < 5;
-  n || (n = g ? 0.01 : 2), t || (t = g ? 5e-3 : 0.5);
-  let y;
-  if (m < 1) {
-    const T = Ht(b, m);
-    y = (x) => {
-      const w = Math.exp(-m * b * x);
-      return r - w * ((p + m * b * S) / T * Math.sin(T * x) + S * Math.cos(T * x));
-    };
-  } else if (m === 1)
-    y = (T) => r - Math.exp(-b * T) * (S + (p + b * S) * T);
-  else {
-    const T = b * Math.sqrt(m * m - 1);
-    y = (x) => {
-      const w = Math.exp(-m * b * x), A = Math.min(T * x, 300);
-      return r - w * ((p + m * b * S) * Math.sinh(A) + T * S * Math.cosh(A)) / T;
-    };
-  }
-  return {
-    calculatedDuration: h && c || null,
-    next: (T) => {
-      const x = y(T);
-      if (h)
-        o.done = T >= c;
-      else {
-        let w = 0;
-        m < 1 && (w = T === 0 ? C(p) : Un(y, T, x));
-        const A = Math.abs(w) <= n, F = Math.abs(r - x) <= t;
-        o.done = A && F;
-      }
-      return o.value = o.done ? r : x, o;
-    }
-  };
-}
-const Yt = 2e4;
-function jn(e) {
-  let t = 0;
-  const n = 50;
-  let s = e.next(t);
-  for (; !s.done && t < Yt; )
-    t += n, s = e.next(t);
-  return t >= Yt ? 1 / 0 : t;
-}
-function Hn(e, t = 100, n) {
-  const s = n({ ...e, keyframes: [0, t] }), i = Math.min(jn(s), Yt);
-  return {
-    type: "keyframes",
-    ease: (r) => s.next(i * r).value / t,
-    duration: B(i)
-  };
-}
-const ht = (e, t, n) => e + (t - e) * n, dt = (e, t, n) => {
-  const s = t - e;
-  return s === 0 ? 1 : (n - e) / s;
-};
-function Yn(e, t) {
-  const n = e[e.length - 1];
-  for (let s = 1; s <= t; s++) {
-    const i = dt(0, t, s);
-    e.push(ht(n, 1, i));
-  }
-}
-function ue(e) {
-  const t = [0];
-  return Yn(t, e.length - 1), t;
-}
-const P = (e) => !!(e && e.getVelocity);
-function It(e, t, n) {
-  var s;
-  if (typeof e == "string") {
-    let i = document;
-    t && (I(!!t.current, "Scope provided, but no element detected."), i = t.current), n ? ((s = n[e]) !== null && s !== void 0 || (n[e] = i.querySelectorAll(e)), e = n[e]) : e = i.querySelectorAll(e);
-  } else e instanceof Element && (e = [e]);
-  return Array.from(e || []);
-}
-function ce(e) {
-  return typeof e == "object" && !Array.isArray(e);
-}
-function Xn(e, t, n, s) {
-  return typeof e == "string" && ce(t) ? It(e, n, s) : e instanceof NodeList ? Array.from(e) : Array.isArray(e) ? e : [e];
-}
-function pt(e) {
-  return typeof e == "function";
-}
-function Ue(e, t, n, s) {
-  var i;
-  return typeof t == "number" ? t : t.startsWith("-") || t.startsWith("+") ? Math.max(0, e + parseFloat(t)) : t === "<" ? n : (i = s.get(t)) !== null && i !== void 0 ? i : e;
-}
-const Oi = (e, t, n) => {
-  const s = t - e;
-  return ((n - e) % s + s) % s + e;
-}, qn = (e) => Array.isArray(e) && typeof e[0] != "number";
-function Di(e, t) {
-  return qn(e) ? e[Oi(0, e.length, t)] : e;
-}
-function Bi(e, t, n) {
-  for (let s = 0; s < e.length; s++) {
-    const i = e[s];
-    i.at > t && i.at < n && (kn(e, i), s--);
-  }
-}
-function Ri(e, t, n, s, i, r) {
-  Bi(e, i, r);
-  for (let o = 0; o < t.length; o++)
-    e.push({
-      value: t[o],
-      at: ht(i, r, s[o]),
-      easing: Di(n, o)
-    });
-}
-function Ii(e, t) {
-  return e.at === t.at ? e.value === null ? 1 : t.value === null ? -1 : 0 : e.at - t.at;
-}
-const Li = "easeInOut";
-function Ni(e, { defaultTransition: t = {}, ...n } = {}, s, i) {
-  const r = t.duration || 0.3, o = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), l = {}, u = /* @__PURE__ */ new Map();
-  let c = 0, f = 0, h = 0;
-  for (let p = 0; p < e.length; p++) {
-    const m = e[p];
-    if (typeof m == "string") {
-      u.set(m, f);
-      continue;
-    } else if (!Array.isArray(m)) {
-      u.set(m.name, Ue(f, m.at, c, u));
-      continue;
-    }
-    let [S, b, g = {}] = m;
-    g.at !== void 0 && (f = Ue(f, g.at, c, u));
-    let y = 0;
-    const T = (x, w, A, F = 0, v = 0) => {
-      const V = $i(x), { delay: O = 0, times: z = ue(V), type: Nt = "keyframes", ...Xs } = w;
-      let { ease: Oe = t.ease || "easeOut", duration: L } = w;
-      const De = typeof O == "function" ? O(F, v) : O, Be = V.length, Re = pt(Nt) ? Nt : i == null ? void 0 : i[Nt];
-      if (Be <= 2 && Re) {
-        let $e = 100;
-        if (Be === 2 && Wi(V)) {
-          const qs = V[1] - V[0];
-          $e = Math.abs(qs);
-        }
-        const Ke = { ...Xs };
-        L !== void 0 && (Ke.duration = C(L));
-        const _e = Hn(Ke, $e, Re);
-        Oe = _e.ease, L = _e.duration;
-      }
-      L ?? (L = r);
-      const Ie = f + De, Le = Ie + L;
-      z.length === 1 && z[0] === 0 && (z[1] = 1);
-      const Ne = z.length - V.length;
-      Ne > 0 && Yn(z, Ne), V.length === 1 && V.unshift(null), Ri(A, V, Oe, z, Ie, Le), y = Math.max(De + L, y), h = Math.max(Le, h);
-    };
-    if (P(S)) {
-      const x = je(S, a);
-      T(b, g, He("default", x));
-    } else {
-      const x = Xn(S, b, s, l), w = x.length;
-      for (let A = 0; A < w; A++) {
-        b = b, g = g;
-        const F = x[A], v = je(F, a);
-        for (const V in b)
-          T(b[V], Ki(g, V), He(V, v), A, w);
-      }
-    }
-    c = f, f += y;
-  }
-  return a.forEach((p, m) => {
-    for (const S in p) {
-      const b = p[S];
-      b.sort(Ii);
-      const g = [], y = [], T = [];
-      for (let w = 0; w < b.length; w++) {
-        const { at: A, value: F, easing: v } = b[w];
-        g.push(F), y.push(dt(0, h, A)), T.push(v || "easeOut");
-      }
-      y[0] !== 0 && (y.unshift(0), g.unshift(g[0]), T.unshift(Li)), y[y.length - 1] !== 1 && (y.push(1), g.push(null)), o.has(m) || o.set(m, {
-        keyframes: {},
-        transition: {}
-      });
-      const x = o.get(m);
-      x.keyframes[S] = g, x.transition[S] = {
-        ...t,
-        duration: h,
-        ease: T,
-        times: y,
-        ...n
-      };
-    }
-  }), o;
-}
-function je(e, t) {
-  return !t.has(e) && t.set(e, {}), t.get(e);
-}
-function He(e, t) {
-  return t[e] || (t[e] = []), t[e];
-}
-function $i(e) {
-  return Array.isArray(e) ? e : [e];
-}
-function Ki(e, t) {
-  return e && e[t] ? {
-    ...e,
-    ...e[t]
-  } : { ...e };
-}
-const _i = (e) => typeof e == "number", Wi = (e) => e.every(_i), $ = /* @__PURE__ */ new WeakMap(), mt = [
-  "transformPerspective",
-  "x",
-  "y",
-  "z",
-  "translateX",
-  "translateY",
-  "translateZ",
-  "scale",
-  "scaleX",
-  "scaleY",
-  "rotate",
-  "rotateX",
-  "rotateY",
-  "rotateZ",
-  "skew",
-  "skewX",
-  "skewY"
-], X = new Set(mt), ki = {
-  type: "spring",
-  stiffness: 500,
-  damping: 25,
-  restSpeed: 10
-}, Gi = (e) => ({
-  type: "spring",
-  stiffness: 550,
-  damping: e === 0 ? 2 * Math.sqrt(550) : 30,
-  restSpeed: 10
-}), zi = {
-  type: "keyframes",
-  duration: 0.8
-}, Ui = {
-  type: "keyframes",
-  ease: [0.25, 0.1, 0.35, 1],
-  duration: 0.3
-}, ji = (e, { keyframes: t }) => t.length > 2 ? zi : X.has(e) ? e.startsWith("scale") ? Gi(t[1]) : ki : Ui;
-function fe(e, t) {
-  return e ? e[t] || e.default || e : void 0;
-}
-const Hi = (e) => e !== null;
-function gt(e, { repeat: t, repeatType: n = "loop" }, s) {
-  const i = e.filter(Hi), r = t && n !== "loop" && t % 2 === 1 ? 0 : i.length - 1;
-  return !r || s === void 0 ? i[r] : s;
-}
-const Zn = (e, t, n) => (((1 - 3 * n + 3 * t) * e + (3 * n - 6 * t)) * e + 3 * t) * e, Yi = 1e-7, Xi = 12;
-function qi(e, t, n, s, i) {
-  let r, o, a = 0;
-  do
-    o = t + (n - t) / 2, r = Zn(o, s, i) - e, r > 0 ? n = o : t = o;
-  while (Math.abs(r) > Yi && ++a < Xi);
-  return o;
-}
-function yt(e, t, n, s) {
-  if (e === t && n === s)
-    return K;
-  const i = (r) => qi(r, 0, 1, e, n);
-  return (r) => r === 0 || r === 1 ? r : Zn(i(r), t, s);
-}
-const Jn = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, Qn = (e) => (t) => 1 - e(1 - t), ts = /* @__PURE__ */ yt(0.33, 1.53, 0.69, 0.99), he = /* @__PURE__ */ Qn(ts), es = /* @__PURE__ */ Jn(he), ns = (e) => (e *= 2) < 1 ? 0.5 * he(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), de = (e) => 1 - Math.sin(Math.acos(e)), Zi = Qn(de), ss = Jn(de), is = (e) => /^0[^.\s]+$/u.test(e);
-function Ji(e) {
-  return typeof e == "number" ? e === 0 : e !== null ? e === "none" || e === "0" || is(e) : !0;
-}
-const rs = (e) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e), os = (e) => (t) => typeof t == "string" && t.startsWith(e), as = /* @__PURE__ */ os("--"), Qi = /* @__PURE__ */ os("var(--"), pe = (e) => Qi(e) ? tr.test(e.split("/*")[0].trim()) : !1, tr = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, er = (
-  // eslint-disable-next-line redos-detector/no-unsafe-regex -- false positive, as it can match a lot of words
-  /^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u
-);
-function nr(e) {
-  const t = er.exec(e);
-  if (!t)
-    return [,];
-  const [, n, s, i] = t;
-  return [`--${n ?? s}`, i];
-}
-const sr = 4;
-function ls(e, t, n = 1) {
-  I(n <= sr, `Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`);
-  const [s, i] = nr(e);
-  if (!s)
-    return;
-  const r = window.getComputedStyle(t).getPropertyValue(s);
-  if (r) {
-    const o = r.trim();
-    return rs(o) ? parseFloat(o) : o;
-  }
-  return pe(i) ? ls(i, t, n + 1) : i;
-}
-const tt = {
-  test: (e) => typeof e == "number",
-  parse: parseFloat,
-  transform: (e) => e
-}, at = {
-  ...tt,
-  transform: (e) => H(0, 1, e)
-}, bt = {
-  ...tt,
-  default: 1
-}, vt = (e) => ({
-  test: (t) => typeof t == "string" && t.endsWith(e) && t.split(" ").length === 1,
-  parse: parseFloat,
-  transform: (t) => `${t}${e}`
-}), _ = /* @__PURE__ */ vt("deg"), Z = /* @__PURE__ */ vt("%"), d = /* @__PURE__ */ vt("px"), ir = /* @__PURE__ */ vt("vh"), rr = /* @__PURE__ */ vt("vw"), Ye = {
-  ...Z,
-  parse: (e) => Z.parse(e) / 100,
-  transform: (e) => Z.transform(e * 100)
-}, or = /* @__PURE__ */ new Set([
-  "width",
-  "height",
-  "top",
-  "left",
-  "right",
-  "bottom",
-  "x",
-  "y",
-  "translateX",
-  "translateY"
-]), Xe = (e) => e === tt || e === d, qe = (e, t) => parseFloat(e.split(", ")[t]), Ze = (e, t) => (n, { transform: s }) => {
-  if (s === "none" || !s)
-    return 0;
-  const i = s.match(/^matrix3d\((.+)\)$/u);
-  if (i)
-    return qe(i[1], t);
-  {
-    const r = s.match(/^matrix\((.+)\)$/u);
-    return r ? qe(r[1], e) : 0;
-  }
-}, ar = /* @__PURE__ */ new Set(["x", "y", "z"]), lr = mt.filter((e) => !ar.has(e));
-function ur(e) {
-  const t = [];
-  return lr.forEach((n) => {
-    const s = e.getValue(n);
-    s !== void 0 && (t.push([n, s.get()]), s.set(n.startsWith("scale") ? 1 : 0));
-  }), t;
-}
-const Q = {
-  // Dimensions
-  width: ({ x: e }, { paddingLeft: t = "0", paddingRight: n = "0" }) => e.max - e.min - parseFloat(t) - parseFloat(n),
-  height: ({ y: e }, { paddingTop: t = "0", paddingBottom: n = "0" }) => e.max - e.min - parseFloat(t) - parseFloat(n),
-  top: (e, { top: t }) => parseFloat(t),
-  left: (e, { left: t }) => parseFloat(t),
-  bottom: ({ y: e }, { top: t }) => parseFloat(t) + (e.max - e.min),
-  right: ({ x: e }, { left: t }) => parseFloat(t) + (e.max - e.min),
-  // Transform
-  x: Ze(4, 13),
-  y: Ze(5, 14)
-};
-Q.translateX = Q.x;
-Q.translateY = Q.y;
-const us = (e) => (t) => t.test(e), cr = {
-  test: (e) => e === "auto",
-  parse: (e) => e
-}, cs = [tt, d, Z, _, rr, ir, cr], Je = (e) => cs.find(us(e)), j = /* @__PURE__ */ new Set();
-let Xt = !1, qt = !1;
-function fs() {
-  if (qt) {
-    const e = Array.from(j).filter((s) => s.needsMeasurement), t = new Set(e.map((s) => s.element)), n = /* @__PURE__ */ new Map();
-    t.forEach((s) => {
-      const i = ur(s);
-      i.length && (n.set(s, i), s.render());
-    }), e.forEach((s) => s.measureInitialState()), t.forEach((s) => {
-      s.render();
-      const i = n.get(s);
-      i && i.forEach(([r, o]) => {
-        var a;
-        (a = s.getValue(r)) === null || a === void 0 || a.set(o);
-      });
-    }), e.forEach((s) => s.measureEndState()), e.forEach((s) => {
-      s.suspendedScrollY !== void 0 && window.scrollTo(0, s.suspendedScrollY);
-    });
-  }
-  qt = !1, Xt = !1, j.forEach((e) => e.complete()), j.clear();
-}
-function hs() {
-  j.forEach((e) => {
-    e.readKeyframes(), e.needsMeasurement && (qt = !0);
-  });
-}
-function fr() {
-  hs(), fs();
-}
-class me {
-  constructor(t, n, s, i, r, o = !1) {
-    this.isComplete = !1, this.isAsync = !1, this.needsMeasurement = !1, this.isScheduled = !1, this.unresolvedKeyframes = [...t], this.onComplete = n, this.name = s, this.motionValue = i, this.element = r, this.isAsync = o;
-  }
-  scheduleResolve() {
-    this.isScheduled = !0, this.isAsync ? (j.add(this), Xt || (Xt = !0, M.read(hs), M.resolveKeyframes(fs))) : (this.readKeyframes(), this.complete());
-  }
-  readKeyframes() {
-    const { unresolvedKeyframes: t, name: n, element: s, motionValue: i } = this;
-    for (let r = 0; r < t.length; r++)
-      if (t[r] === null)
-        if (r === 0) {
-          const o = i == null ? void 0 : i.get(), a = t[t.length - 1];
-          if (o !== void 0)
-            t[0] = o;
-          else if (s && n) {
-            const l = s.readValue(n, a);
-            l != null && (t[0] = l);
-          }
-          t[0] === void 0 && (t[0] = a), i && o === void 0 && i.set(t[0]);
-        } else
-          t[r] = t[r - 1];
-  }
-  setFinalKeyframe() {
-  }
-  measureInitialState() {
-  }
-  renderEndStyles() {
-  }
-  measureEndState() {
-  }
-  complete() {
-    this.isComplete = !0, this.onComplete(this.unresolvedKeyframes, this.finalKeyframe), j.delete(this);
-  }
-  cancel() {
-    this.isComplete || (this.isScheduled = !1, j.delete(this));
-  }
-  resume() {
-    this.isComplete || this.scheduleResolve();
-  }
-}
-const rt = (e) => Math.round(e * 1e5) / 1e5, ge = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
-function hr(e) {
-  return e == null;
-}
-const dr = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, ye = (e, t) => (n) => !!(typeof n == "string" && dr.test(n) && n.startsWith(e) || t && !hr(n) && Object.prototype.hasOwnProperty.call(n, t)), ds = (e, t, n) => (s) => {
-  if (typeof s != "string")
-    return s;
-  const [i, r, o, a] = s.match(ge);
-  return {
-    [e]: parseFloat(i),
-    [t]: parseFloat(r),
-    [n]: parseFloat(o),
-    alpha: a !== void 0 ? parseFloat(a) : 1
-  };
-}, pr = (e) => H(0, 255, e), _t = {
-  ...tt,
-  transform: (e) => Math.round(pr(e))
-}, U = {
-  test: /* @__PURE__ */ ye("rgb", "red"),
-  parse: /* @__PURE__ */ ds("red", "green", "blue"),
-  transform: ({ red: e, green: t, blue: n, alpha: s = 1 }) => "rgba(" + _t.transform(e) + ", " + _t.transform(t) + ", " + _t.transform(n) + ", " + rt(at.transform(s)) + ")"
-};
-function mr(e) {
-  let t = "", n = "", s = "", i = "";
-  return e.length > 5 ? (t = e.substring(1, 3), n = e.substring(3, 5), s = e.substring(5, 7), i = e.substring(7, 9)) : (t = e.substring(1, 2), n = e.substring(2, 3), s = e.substring(3, 4), i = e.substring(4, 5), t += t, n += n, s += s, i += i), {
-    red: parseInt(t, 16),
-    green: parseInt(n, 16),
-    blue: parseInt(s, 16),
-    alpha: i ? parseInt(i, 16) / 255 : 1
-  };
-}
-const Zt = {
-  test: /* @__PURE__ */ ye("#"),
-  parse: mr,
-  transform: U.transform
-}, q = {
-  test: /* @__PURE__ */ ye("hsl", "hue"),
-  parse: /* @__PURE__ */ ds("hue", "saturation", "lightness"),
-  transform: ({ hue: e, saturation: t, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(e) + ", " + Z.transform(rt(t)) + ", " + Z.transform(rt(n)) + ", " + rt(at.transform(s)) + ")"
-}, E = {
-  test: (e) => U.test(e) || Zt.test(e) || q.test(e),
-  parse: (e) => U.test(e) ? U.parse(e) : q.test(e) ? q.parse(e) : Zt.parse(e),
-  transform: (e) => typeof e == "string" ? e : e.hasOwnProperty("red") ? U.transform(e) : q.transform(e)
-}, gr = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
-function yr(e) {
-  var t, n;
-  return isNaN(e) && typeof e == "string" && (((t = e.match(ge)) === null || t === void 0 ? void 0 : t.length) || 0) + (((n = e.match(gr)) === null || n === void 0 ? void 0 : n.length) || 0) > 0;
-}
-const ps = "number", ms = "color", vr = "var", br = "var(", Qe = "${}", Sr = /var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;
-function lt(e) {
-  const t = e.toString(), n = [], s = {
-    color: [],
-    number: [],
-    var: []
-  }, i = [];
-  let r = 0;
-  const a = t.replace(Sr, (l) => (E.test(l) ? (s.color.push(r), i.push(ms), n.push(E.parse(l))) : l.startsWith(br) ? (s.var.push(r), i.push(vr), n.push(l)) : (s.number.push(r), i.push(ps), n.push(parseFloat(l))), ++r, Qe)).split(Qe);
-  return { values: n, split: a, indexes: s, types: i };
-}
-function gs(e) {
-  return lt(e).values;
-}
-function ys(e) {
-  const { split: t, types: n } = lt(e), s = t.length;
-  return (i) => {
-    let r = "";
-    for (let o = 0; o < s; o++)
-      if (r += t[o], i[o] !== void 0) {
-        const a = n[o];
-        a === ps ? r += rt(i[o]) : a === ms ? r += E.transform(i[o]) : r += i[o];
-      }
-    return r;
-  };
-}
-const wr = (e) => typeof e == "number" ? 0 : e;
-function Tr(e) {
-  const t = gs(e);
-  return ys(e)(t.map(wr));
-}
-const et = {
-  test: yr,
-  parse: gs,
-  createTransformer: ys,
-  getAnimatableNone: Tr
-}, xr = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
-function Vr(e) {
-  const [t, n] = e.slice(0, -1).split("(");
-  if (t === "drop-shadow")
-    return e;
-  const [s] = n.match(ge) || [];
-  if (!s)
-    return e;
-  const i = n.replace(s, "");
-  let r = xr.has(t) ? 1 : 0;
-  return s !== n && (r *= 100), t + "(" + r + i + ")";
-}
-const Ar = /\b([a-z-]*)\(.*?\)/gu, Jt = {
-  ...et,
-  getAnimatableNone: (e) => {
-    const t = e.match(Ar);
-    return t ? t.map(Vr).join(" ") : e;
-  }
-}, Qt = {
-  // Border props
-  borderWidth: d,
-  borderTopWidth: d,
-  borderRightWidth: d,
-  borderBottomWidth: d,
-  borderLeftWidth: d,
-  borderRadius: d,
-  radius: d,
-  borderTopLeftRadius: d,
-  borderTopRightRadius: d,
-  borderBottomRightRadius: d,
-  borderBottomLeftRadius: d,
-  // Positioning props
-  width: d,
-  maxWidth: d,
-  height: d,
-  maxHeight: d,
-  top: d,
-  right: d,
-  bottom: d,
-  left: d,
-  // Spacing props
-  padding: d,
-  paddingTop: d,
-  paddingRight: d,
-  paddingBottom: d,
-  paddingLeft: d,
-  margin: d,
-  marginTop: d,
-  marginRight: d,
-  marginBottom: d,
-  marginLeft: d,
-  // Misc
-  backgroundPositionX: d,
-  backgroundPositionY: d
-}, Mr = {
-  rotate: _,
-  rotateX: _,
-  rotateY: _,
-  rotateZ: _,
-  scale: bt,
-  scaleX: bt,
-  scaleY: bt,
-  scaleZ: bt,
-  skew: _,
-  skewX: _,
-  skewY: _,
-  distance: d,
-  translateX: d,
-  translateY: d,
-  translateZ: d,
-  x: d,
-  y: d,
-  z: d,
-  perspective: d,
-  transformPerspective: d,
-  opacity: at,
-  originX: Ye,
-  originY: Ye,
-  originZ: d
-}, tn = {
-  ...tt,
-  transform: Math.round
-}, ve = {
-  ...Qt,
-  ...Mr,
-  zIndex: tn,
-  size: d,
-  // SVG
-  fillOpacity: at,
-  strokeOpacity: at,
-  numOctaves: tn
-}, Er = {
-  ...ve,
-  // Color props
-  color: E,
-  backgroundColor: E,
-  outlineColor: E,
-  fill: E,
-  stroke: E,
-  // Border props
-  borderColor: E,
-  borderTopColor: E,
-  borderRightColor: E,
-  borderBottomColor: E,
-  borderLeftColor: E,
-  filter: Jt,
-  WebkitFilter: Jt
-}, be = (e) => Er[e];
-function vs(e, t) {
-  let n = be(e);
-  return n !== Jt && (n = et), n.getAnimatableNone ? n.getAnimatableNone(t) : void 0;
-}
-const Pr = /* @__PURE__ */ new Set(["auto", "none", "0"]);
-function Cr(e, t, n) {
-  let s = 0, i;
-  for (; s < e.length && !i; ) {
-    const r = e[s];
-    typeof r == "string" && !Pr.has(r) && lt(r).values.length && (i = e[s]), s++;
-  }
-  if (i && n)
-    for (const r of t)
-      e[r] = vs(n, i);
-}
-class bs extends me {
-  constructor(t, n, s, i, r) {
-    super(t, n, s, i, r, !0);
-  }
-  readKeyframes() {
-    const { unresolvedKeyframes: t, element: n, name: s } = this;
-    if (!n || !n.current)
-      return;
-    super.readKeyframes();
-    for (let l = 0; l < t.length; l++) {
-      let u = t[l];
-      if (typeof u == "string" && (u = u.trim(), pe(u))) {
-        const c = ls(u, n.current);
-        c !== void 0 && (t[l] = c), l === t.length - 1 && (this.finalKeyframe = u);
-      }
-    }
-    if (this.resolveNoneKeyframes(), !or.has(s) || t.length !== 2)
-      return;
-    const [i, r] = t, o = Je(i), a = Je(r);
-    if (o !== a)
-      if (Xe(o) && Xe(a))
-        for (let l = 0; l < t.length; l++) {
-          const u = t[l];
-          typeof u == "string" && (t[l] = parseFloat(u));
-        }
-      else
-        this.needsMeasurement = !0;
-  }
-  resolveNoneKeyframes() {
-    const { unresolvedKeyframes: t, name: n } = this, s = [];
-    for (let i = 0; i < t.length; i++)
-      Ji(t[i]) && s.push(i);
-    s.length && Cr(t, s, n);
-  }
-  measureInitialState() {
-    const { element: t, unresolvedKeyframes: n, name: s } = this;
-    if (!t || !t.current)
-      return;
-    s === "height" && (this.suspendedScrollY = window.pageYOffset), this.measuredOrigin = Q[s](t.measureViewportBox(), window.getComputedStyle(t.current)), n[0] = this.measuredOrigin;
-    const i = n[n.length - 1];
-    i !== void 0 && t.getValue(s, i).jump(i, !1);
-  }
-  measureEndState() {
-    var t;
-    const { element: n, name: s, unresolvedKeyframes: i } = this;
-    if (!n || !n.current)
-      return;
-    const r = n.getValue(s);
-    r && r.jump(this.measuredOrigin, !1);
-    const o = i.length - 1, a = i[o];
-    i[o] = Q[s](n.measureViewportBox(), window.getComputedStyle(n.current)), a !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = a), !((t = this.removedTransforms) === null || t === void 0) && t.length && this.removedTransforms.forEach(([l, u]) => {
-      n.getValue(l).set(u);
-    }), this.resolveNoneKeyframes();
-  }
-}
-const en = (e, t) => t === "zIndex" ? !1 : !!(typeof e == "number" || Array.isArray(e) || typeof e == "string" && // It's animatable if we have a string
-(et.test(e) || e === "0") && // And it contains numbers and/or colors
-!e.startsWith("url("));
-function Fr(e) {
-  const t = e[0];
-  if (e.length === 1)
-    return !0;
-  for (let n = 0; n < e.length; n++)
-    if (e[n] !== t)
-      return !0;
-}
-function Or(e, t, n, s) {
-  const i = e[0];
-  if (i === null)
-    return !1;
-  if (t === "display" || t === "visibility")
-    return !0;
-  const r = e[e.length - 1], o = en(i, t), a = en(r, t);
-  return ft(o === a, `You are trying to animate ${t} from "${i}" to "${r}". ${i} is not an animatable value - to enable this animation set ${i} to a value animatable to ${r} via the \`style\` property.`), !o || !a ? !1 : Fr(e) || (n === "spring" || pt(n)) && s;
-}
-const Dr = 40;
-class Ss {
-  constructor({ autoplay: t = !0, delay: n = 0, type: s = "keyframes", repeat: i = 0, repeatDelay: r = 0, repeatType: o = "loop", ...a }) {
-    this.isStopped = !1, this.hasAttemptedResolve = !1, this.createdAt = N.now(), this.options = {
-      autoplay: t,
-      delay: n,
-      type: s,
-      repeat: i,
-      repeatDelay: r,
-      repeatType: o,
-      ...a
-    }, this.updateFinishedPromise();
-  }
-  /**
-   * This method uses the createdAt and resolvedAt to calculate the
-   * animation startTime. *Ideally*, we would use the createdAt time as t=0
-   * as the following frame would then be the first frame of the animation in
-   * progress, which would feel snappier.
-   *
-   * However, if there's a delay (main thread work) between the creation of
-   * the animation and the first commited frame, we prefer to use resolvedAt
-   * to avoid a sudden jump into the animation.
-   */
-  calcStartTime() {
-    return this.resolvedAt ? this.resolvedAt - this.createdAt > Dr ? this.resolvedAt : this.createdAt : this.createdAt;
-  }
-  /**
-   * A getter for resolved data. If keyframes are not yet resolved, accessing
-   * this.resolved will synchronously flush all pending keyframe resolvers.
-   * This is a deoptimisation, but at its worst still batches read/writes.
-   */
-  get resolved() {
-    return !this._resolved && !this.hasAttemptedResolve && fr(), this._resolved;
-  }
-  /**
-   * A method to be called when the keyframes resolver completes. This method
-   * will check if its possible to run the animation and, if not, skip it.
-   * Otherwise, it will call initPlayback on the implementing class.
-   */
-  onKeyframesResolved(t, n) {
-    this.resolvedAt = N.now(), this.hasAttemptedResolve = !0;
-    const { name: s, type: i, velocity: r, delay: o, onComplete: a, onUpdate: l, isGenerator: u } = this.options;
-    if (!u && !Or(t, s, i, r))
-      if (o)
-        this.options.duration = 0;
-      else {
-        l == null || l(gt(t, this.options, n)), a == null || a(), this.resolveFinishedPromise();
-        return;
-      }
-    const c = this.initPlayback(t, n);
-    c !== !1 && (this._resolved = {
-      keyframes: t,
-      finalKeyframe: n,
-      ...c
-    }, this.onPostResolved());
-  }
-  onPostResolved() {
-  }
-  /**
-   * Allows the returned animation to be awaited or promise-chained. Currently
-   * resolves when the animation finishes at all but in a future update could/should
-   * reject if its cancels.
-   */
-  then(t, n) {
-    return this.currentFinishedPromise.then(t, n);
-  }
-  updateFinishedPromise() {
-    this.currentFinishedPromise = new Promise((t) => {
-      this.resolveFinishedPromise = t;
-    });
-  }
-}
-function nn({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 325, bounceDamping: i = 10, bounceStiffness: r = 500, modifyTarget: o, min: a, max: l, restDelta: u = 0.5, restSpeed: c }) {
-  const f = e[0], h = {
-    done: !1,
-    value: f
-  }, p = (v) => a !== void 0 && v < a || l !== void 0 && v > l, m = (v) => a === void 0 ? l : l === void 0 || Math.abs(a - v) < Math.abs(l - v) ? a : l;
-  let S = n * t;
-  const b = f + S, g = o === void 0 ? b : o(b);
-  g !== b && (S = g - f);
-  const y = (v) => -S * Math.exp(-v / s), T = (v) => g + y(v), x = (v) => {
-    const V = y(v), O = T(v);
-    h.done = Math.abs(V) <= u, h.value = h.done ? g : O;
-  };
-  let w, A;
-  const F = (v) => {
-    p(h.value) && (w = v, A = le({
-      keyframes: [h.value, m(h.value)],
-      velocity: Un(T, v, h.value),
-      // TODO: This should be passing * 1000
-      damping: i,
-      stiffness: r,
-      restDelta: u,
-      restSpeed: c
-    }));
-  };
-  return F(0), {
-    calculatedDuration: null,
-    next: (v) => {
-      let V = !1;
-      return !A && w === void 0 && (V = !0, x(v), F(v)), w !== void 0 && v >= w ? A.next(v - w) : (!V && x(v), h);
-    }
-  };
-}
-const Br = /* @__PURE__ */ yt(0.42, 0, 1, 1), Rr = /* @__PURE__ */ yt(0, 0, 0.58, 1), ws = /* @__PURE__ */ yt(0.42, 0, 0.58, 1), Se = (e) => Array.isArray(e) && typeof e[0] == "number", sn = {
-  linear: K,
-  easeIn: Br,
-  easeInOut: ws,
-  easeOut: Rr,
-  circIn: de,
-  circInOut: ss,
-  circOut: Zi,
-  backIn: he,
-  backInOut: es,
-  backOut: ts,
-  anticipate: ns
-}, te = (e) => {
-  if (Se(e)) {
-    I(e.length === 4, "Cubic bezier arrays must contain four numerical values.");
-    const [t, n, s, i] = e;
-    return yt(t, n, s, i);
-  } else if (typeof e == "string")
-    return I(sn[e] !== void 0, `Invalid easing type '${e}'`), sn[e];
-  return e;
-}, Ir = (e, t) => (n) => t(e(n)), we = (...e) => e.reduce(Ir);
-function Wt(e, t, n) {
-  return n < 0 && (n += 1), n > 1 && (n -= 1), n < 1 / 6 ? e + (t - e) * 6 * n : n < 1 / 2 ? t : n < 2 / 3 ? e + (t - e) * (2 / 3 - n) * 6 : e;
-}
-function Lr({ hue: e, saturation: t, lightness: n, alpha: s }) {
-  e /= 360, t /= 100, n /= 100;
-  let i = 0, r = 0, o = 0;
-  if (!t)
-    i = r = o = n;
-  else {
-    const a = n < 0.5 ? n * (1 + t) : n + t - n * t, l = 2 * n - a;
-    i = Wt(l, a, e + 1 / 3), r = Wt(l, a, e), o = Wt(l, a, e - 1 / 3);
-  }
-  return {
-    red: Math.round(i * 255),
-    green: Math.round(r * 255),
-    blue: Math.round(o * 255),
-    alpha: s
-  };
-}
-function Vt(e, t) {
-  return (n) => n > 0 ? t : e;
-}
-const kt = (e, t, n) => {
-  const s = e * e, i = n * (t * t - s) + s;
-  return i < 0 ? 0 : Math.sqrt(i);
-}, Nr = [Zt, U, q], $r = (e) => Nr.find((t) => t.test(e));
-function rn(e) {
-  const t = $r(e);
-  if (ft(!!t, `'${e}' is not an animatable color. Use the equivalent color code instead.`), !t)
-    return !1;
-  let n = t.parse(e);
-  return t === q && (n = Lr(n)), n;
-}
-const on = (e, t) => {
-  const n = rn(e), s = rn(t);
-  if (!n || !s)
-    return Vt(e, t);
-  const i = { ...n };
-  return (r) => (i.red = kt(n.red, s.red, r), i.green = kt(n.green, s.green, r), i.blue = kt(n.blue, s.blue, r), i.alpha = ht(n.alpha, s.alpha, r), U.transform(i));
-}, ee = /* @__PURE__ */ new Set(["none", "hidden"]);
-function Kr(e, t) {
-  return ee.has(e) ? (n) => n <= 0 ? e : t : (n) => n >= 1 ? t : e;
-}
-function _r(e, t) {
-  return (n) => ht(e, t, n);
-}
-function Te(e) {
-  return typeof e == "number" ? _r : typeof e == "string" ? pe(e) ? Vt : E.test(e) ? on : Gr : Array.isArray(e) ? Ts : typeof e == "object" ? E.test(e) ? on : Wr : Vt;
-}
-function Ts(e, t) {
-  const n = [...e], s = n.length, i = e.map((r, o) => Te(r)(r, t[o]));
-  return (r) => {
-    for (let o = 0; o < s; o++)
-      n[o] = i[o](r);
-    return n;
-  };
-}
-function Wr(e, t) {
-  const n = { ...e, ...t }, s = {};
-  for (const i in n)
-    e[i] !== void 0 && t[i] !== void 0 && (s[i] = Te(e[i])(e[i], t[i]));
-  return (i) => {
-    for (const r in s)
-      n[r] = s[r](i);
-    return n;
-  };
-}
-function kr(e, t) {
-  var n;
-  const s = [], i = { color: 0, var: 0, number: 0 };
-  for (let r = 0; r < t.values.length; r++) {
-    const o = t.types[r], a = e.indexes[o][i[o]], l = (n = e.values[a]) !== null && n !== void 0 ? n : 0;
-    s[r] = l, i[o]++;
-  }
-  return s;
-}
-const Gr = (e, t) => {
-  const n = et.createTransformer(t), s = lt(e), i = lt(t);
-  return s.indexes.var.length === i.indexes.var.length && s.indexes.color.length === i.indexes.color.length && s.indexes.number.length >= i.indexes.number.length ? ee.has(e) && !i.values.length || ee.has(t) && !s.values.length ? Kr(e, t) : we(Ts(kr(s, i), i.values), n) : (ft(!0, `Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), Vt(e, t));
-};
-function xs(e, t, n) {
-  return typeof e == "number" && typeof t == "number" && typeof n == "number" ? ht(e, t, n) : Te(e)(e, t);
-}
-function zr(e, t, n) {
-  const s = [], i = n || xs, r = e.length - 1;
-  for (let o = 0; o < r; o++) {
-    let a = i(e[o], e[o + 1]);
-    if (t) {
-      const l = Array.isArray(t) ? t[o] || K : t;
-      a = we(l, a);
-    }
-    s.push(a);
-  }
-  return s;
-}
-function xe(e, t, { clamp: n = !0, ease: s, mixer: i } = {}) {
-  const r = e.length;
-  if (I(r === t.length, "Both input and output ranges must be the same length"), r === 1)
-    return () => t[0];
-  if (r === 2 && e[0] === e[1])
-    return () => t[1];
-  e[0] > e[r - 1] && (e = [...e].reverse(), t = [...t].reverse());
-  const o = zr(t, s, i), a = o.length, l = (u) => {
-    let c = 0;
-    if (a > 1)
-      for (; c < e.length - 2 && !(u < e[c + 1]); c++)
-        ;
-    const f = dt(e[c], e[c + 1], u);
-    return o[c](f);
-  };
-  return n ? (u) => l(H(e[0], e[r - 1], u)) : l;
-}
-function Ur(e, t) {
-  return e.map((n) => n * t);
-}
-function jr(e, t) {
-  return e.map(() => t || ws).splice(0, e.length - 1);
-}
-function At({ duration: e = 300, keyframes: t, times: n, ease: s = "easeInOut" }) {
-  const i = qn(s) ? s.map(te) : te(s), r = {
-    done: !1,
-    value: t[0]
-  }, o = Ur(
-    // Only use the provided offsets if they're the correct length
-    // TODO Maybe we should warn here if there's a length mismatch
-    n && n.length === t.length ? n : ue(t),
-    e
-  ), a = xe(o, t, {
-    ease: Array.isArray(i) ? i : jr(t, i)
-  });
-  return {
-    calculatedDuration: e,
-    next: (l) => (r.value = a(l), r.done = l >= e, r)
-  };
-}
-const Hr = (e) => {
-  const t = ({ timestamp: n }) => e(n);
-  return {
-    start: () => M.update(t, !0),
-    stop: () => R(t),
-    /**
-     * If we're processing this frame we can use the
-     * framelocked timestamp to keep things in sync.
-     */
-    now: () => J.isProcessing ? J.timestamp : N.now()
-  };
-}, Yr = {
-  decay: nn,
-  inertia: nn,
-  tween: At,
-  keyframes: At,
-  spring: le
-}, Xr = (e) => e / 100;
-class Lt extends Ss {
-  constructor(t) {
-    super(t), this.holdTime = null, this.cancelTime = null, this.currentTime = 0, this.playbackSpeed = 1, this.pendingPlayState = "running", this.startTime = null, this.state = "idle", this.stop = () => {
-      if (this.resolver.cancel(), this.isStopped = !0, this.state === "idle")
-        return;
-      this.teardown();
-      const { onStop: l } = this.options;
-      l && l();
-    };
-    const { name: n, motionValue: s, element: i, keyframes: r } = this.options, o = (i == null ? void 0 : i.KeyframeResolver) || me, a = (l, u) => this.onKeyframesResolved(l, u);
-    this.resolver = new o(r, a, n, s, i), this.resolver.scheduleResolve();
-  }
-  initPlayback(t) {
-    const { type: n = "keyframes", repeat: s = 0, repeatDelay: i = 0, repeatType: r, velocity: o = 0 } = this.options, a = pt(n) ? n : Yr[n] || At;
-    let l, u;
-    a !== At && typeof t[0] != "number" && (process.env.NODE_ENV !== "production" && I(t.length === 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${t}`), l = we(Xr, xs(t[0], t[1])), t = [0, 100]);
-    const c = a({ ...this.options, keyframes: t });
-    r === "mirror" && (u = a({
-      ...this.options,
-      keyframes: [...t].reverse(),
-      velocity: -o
-    })), c.calculatedDuration === null && (c.calculatedDuration = jn(c));
-    const { calculatedDuration: f } = c, h = f + i, p = h * (s + 1) - i;
-    return {
-      generator: c,
-      mirroredGenerator: u,
-      mapPercentToKeyframes: l,
-      calculatedDuration: f,
-      resolvedDuration: h,
-      totalDuration: p
-    };
-  }
-  onPostResolved() {
-    const { autoplay: t = !0 } = this.options;
-    this.play(), this.pendingPlayState === "paused" || !t ? this.pause() : this.state = this.pendingPlayState;
-  }
-  tick(t, n = !1) {
-    const { resolved: s } = this;
-    if (!s) {
-      const { keyframes: v } = this.options;
-      return { done: !0, value: v[v.length - 1] };
-    }
-    const { finalKeyframe: i, generator: r, mirroredGenerator: o, mapPercentToKeyframes: a, keyframes: l, calculatedDuration: u, totalDuration: c, resolvedDuration: f } = s;
-    if (this.startTime === null)
-      return r.next(0);
-    const { delay: h, repeat: p, repeatType: m, repeatDelay: S, onUpdate: b } = this.options;
-    this.speed > 0 ? this.startTime = Math.min(this.startTime, t) : this.speed < 0 && (this.startTime = Math.min(t - c / this.speed, this.startTime)), n ? this.currentTime = t : this.holdTime !== null ? this.currentTime = this.holdTime : this.currentTime = Math.round(t - this.startTime) * this.speed;
-    const g = this.currentTime - h * (this.speed >= 0 ? 1 : -1), y = this.speed >= 0 ? g < 0 : g > c;
-    this.currentTime = Math.max(g, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = c);
-    let T = this.currentTime, x = r;
-    if (p) {
-      const v = Math.min(this.currentTime, c) / f;
-      let V = Math.floor(v), O = v % 1;
-      !O && v >= 1 && (O = 1), O === 1 && V--, V = Math.min(V, p + 1), !!(V % 2) && (m === "reverse" ? (O = 1 - O, S && (O -= S / f)) : m === "mirror" && (x = o)), T = H(0, 1, O) * f;
-    }
-    const w = y ? { done: !1, value: l[0] } : x.next(T);
-    a && (w.value = a(w.value));
-    let { done: A } = w;
-    !y && u !== null && (A = this.speed >= 0 ? this.currentTime >= c : this.currentTime <= 0);
-    const F = this.holdTime === null && (this.state === "finished" || this.state === "running" && A);
-    return F && i !== void 0 && (w.value = gt(l, this.options, i)), b && b(w.value), F && this.finish(), w;
-  }
-  get duration() {
-    const { resolved: t } = this;
-    return t ? B(t.calculatedDuration) : 0;
-  }
-  get time() {
-    return B(this.currentTime);
-  }
-  set time(t) {
-    t = C(t), this.currentTime = t, this.holdTime !== null || this.speed === 0 ? this.holdTime = t : this.driver && (this.startTime = this.driver.now() - t / this.speed);
-  }
-  get speed() {
-    return this.playbackSpeed;
-  }
-  set speed(t) {
-    const n = this.playbackSpeed !== t;
-    this.playbackSpeed = t, n && (this.time = B(this.currentTime));
-  }
-  play() {
-    if (this.resolver.isScheduled || this.resolver.resume(), !this._resolved) {
-      this.pendingPlayState = "running";
-      return;
-    }
-    if (this.isStopped)
-      return;
-    const { driver: t = Hr, onPlay: n, startTime: s } = this.options;
-    this.driver || (this.driver = t((r) => this.tick(r))), n && n();
-    const i = this.driver.now();
-    this.holdTime !== null ? this.startTime = i - this.holdTime : this.startTime ? this.state === "finished" && (this.startTime = i) : this.startTime = s ?? this.calcStartTime(), this.state === "finished" && this.updateFinishedPromise(), this.cancelTime = this.startTime, this.holdTime = null, this.state = "running", this.driver.start();
-  }
-  pause() {
-    var t;
-    if (!this._resolved) {
-      this.pendingPlayState = "paused";
-      return;
-    }
-    this.state = "paused", this.holdTime = (t = this.currentTime) !== null && t !== void 0 ? t : 0;
-  }
-  complete() {
-    this.state !== "running" && this.play(), this.pendingPlayState = this.state = "finished", this.holdTime = null;
-  }
-  finish() {
-    this.teardown(), this.state = "finished";
-    const { onComplete: t } = this.options;
-    t && t();
-  }
-  cancel() {
-    this.cancelTime !== null && this.tick(this.cancelTime), this.teardown(), this.updateFinishedPromise();
-  }
-  teardown() {
-    this.state = "idle", this.stopDriver(), this.resolveFinishedPromise(), this.updateFinishedPromise(), this.startTime = this.cancelTime = null, this.resolver.cancel();
-  }
-  stopDriver() {
-    this.driver && (this.driver.stop(), this.driver = void 0);
-  }
-  sample(t) {
-    return this.startTime = 0, this.tick(t, !0);
-  }
-}
-function qr(e) {
-  return new Lt(e);
-}
-const Zr = /* @__PURE__ */ new Set([
-  "opacity",
-  "clipPath",
-  "filter",
-  "transform"
-  // TODO: Can be accelerated but currently disabled until https://issues.chromium.org/issues/41491098 is resolved
-  // or until we implement support for linear() easing.
-  // "background-color"
-]), Jr = 10, Qr = (e, t) => {
-  let n = "";
-  const s = Math.max(Math.round(t / Jr), 2);
-  for (let i = 0; i < s; i++)
-    n += e(dt(0, s - 1, i)) + ", ";
-  return `linear(${n.substring(0, n.length - 2)})`;
-}, to = {
-  linearEasing: void 0
-};
-function eo(e, t) {
-  const n = Rt(e);
-  return () => {
-    var s;
-    return (s = to[t]) !== null && s !== void 0 ? s : n();
-  };
-}
-const ut = /* @__PURE__ */ eo(() => {
-  try {
-    document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
-  } catch {
-    return !1;
-  }
-  return !0;
-}, "linearEasing");
-function Vs(e) {
-  return !!(typeof e == "function" && ut() || !e || typeof e == "string" && (e in ne || ut()) || Se(e) || Array.isArray(e) && e.every(Vs));
-}
-const it = ([e, t, n, s]) => `cubic-bezier(${e}, ${t}, ${n}, ${s})`, ne = {
-  linear: "linear",
-  ease: "ease",
-  easeIn: "ease-in",
-  easeOut: "ease-out",
-  easeInOut: "ease-in-out",
-  circIn: /* @__PURE__ */ it([0, 0.65, 0.55, 1]),
-  circOut: /* @__PURE__ */ it([0.55, 0, 1, 0.45]),
-  backIn: /* @__PURE__ */ it([0.31, 0.01, 0.66, -0.59]),
-  backOut: /* @__PURE__ */ it([0.33, 1.53, 0.69, 0.99])
-};
-function As(e, t) {
-  if (e)
-    return typeof e == "function" && ut() ? Qr(e, t) : Se(e) ? it(e) : Array.isArray(e) ? e.map((n) => As(n, t) || ne.easeOut) : ne[e];
-}
-function Ms(e, t, n, { delay: s = 0, duration: i = 300, repeat: r = 0, repeatType: o = "loop", ease: a, times: l } = {}) {
-  const u = { [t]: n };
-  l && (u.offset = l);
-  const c = As(a, i);
-  return Array.isArray(c) && (u.easing = c), e.animate(u, {
-    delay: s,
-    duration: i,
-    easing: Array.isArray(c) ? "linear" : c,
-    fill: "both",
-    iterations: r + 1,
-    direction: o === "reverse" ? "alternate" : "normal"
-  });
-}
-function Mt(e, t) {
-  e.timeline = t, e.onfinish = null;
-}
-const Es = /* @__PURE__ */ Rt(() => Object.hasOwnProperty.call(Element.prototype, "animate")), Et = 10, no = 2e4;
-function so(e) {
-  return pt(e.type) || e.type === "spring" || !Vs(e.ease);
-}
-function io(e, t) {
-  const n = new Lt({
-    ...t,
-    keyframes: e,
-    repeat: 0,
-    delay: 0,
-    isGenerator: !0
-  });
-  let s = { done: !1, value: e[0] };
-  const i = [];
-  let r = 0;
-  for (; !s.done && r < no; )
-    s = n.sample(r), i.push(s.value), r += Et;
-  return {
-    times: void 0,
-    keyframes: i,
-    duration: r - Et,
-    ease: "linear"
-  };
-}
-const Ps = {
-  anticipate: ns,
-  backInOut: es,
-  circInOut: ss
-};
-function ro(e) {
-  return e in Ps;
-}
-class an extends Ss {
-  constructor(t) {
-    super(t);
-    const { name: n, motionValue: s, element: i, keyframes: r } = this.options;
-    this.resolver = new bs(r, (o, a) => this.onKeyframesResolved(o, a), n, s, i), this.resolver.scheduleResolve();
-  }
-  initPlayback(t, n) {
-    var s;
-    let { duration: i = 300, times: r, ease: o, type: a, motionValue: l, name: u, startTime: c } = this.options;
-    if (!(!((s = l.owner) === null || s === void 0) && s.current))
-      return !1;
-    if (typeof o == "string" && ut() && ro(o) && (o = Ps[o]), so(this.options)) {
-      const { onComplete: h, onUpdate: p, motionValue: m, element: S, ...b } = this.options, g = io(t, b);
-      t = g.keyframes, t.length === 1 && (t[1] = t[0]), i = g.duration, r = g.times, o = g.ease, a = "keyframes";
-    }
-    const f = Ms(l.owner.current, u, t, { ...this.options, duration: i, times: r, ease: o });
-    return f.startTime = c ?? this.calcStartTime(), this.pendingTimeline ? (Mt(f, this.pendingTimeline), this.pendingTimeline = void 0) : f.onfinish = () => {
-      const { onComplete: h } = this.options;
-      l.set(gt(t, this.options, n)), h && h(), this.cancel(), this.resolveFinishedPromise();
-    }, {
-      animation: f,
-      duration: i,
-      times: r,
-      type: a,
-      ease: o,
-      keyframes: t
-    };
-  }
-  get duration() {
-    const { resolved: t } = this;
-    if (!t)
-      return 0;
-    const { duration: n } = t;
-    return B(n);
-  }
-  get time() {
-    const { resolved: t } = this;
-    if (!t)
-      return 0;
-    const { animation: n } = t;
-    return B(n.currentTime || 0);
-  }
-  set time(t) {
-    const { resolved: n } = this;
-    if (!n)
-      return;
-    const { animation: s } = n;
-    s.currentTime = C(t);
-  }
-  get speed() {
-    const { resolved: t } = this;
-    if (!t)
-      return 1;
-    const { animation: n } = t;
-    return n.playbackRate;
-  }
-  set speed(t) {
-    const { resolved: n } = this;
-    if (!n)
-      return;
-    const { animation: s } = n;
-    s.playbackRate = t;
-  }
-  get state() {
-    const { resolved: t } = this;
-    if (!t)
-      return "idle";
-    const { animation: n } = t;
-    return n.playState;
-  }
-  get startTime() {
-    const { resolved: t } = this;
-    if (!t)
-      return null;
-    const { animation: n } = t;
-    return n.startTime;
-  }
-  /**
-   * Replace the default DocumentTimeline with another AnimationTimeline.
-   * Currently used for scroll animations.
-   */
-  attachTimeline(t) {
-    if (!this._resolved)
-      this.pendingTimeline = t;
-    else {
-      const { resolved: n } = this;
-      if (!n)
-        return K;
-      const { animation: s } = n;
-      Mt(s, t);
-    }
-    return K;
-  }
-  play() {
-    if (this.isStopped)
-      return;
-    const { resolved: t } = this;
-    if (!t)
-      return;
-    const { animation: n } = t;
-    n.playState === "finished" && this.updateFinishedPromise(), n.play();
-  }
-  pause() {
-    const { resolved: t } = this;
-    if (!t)
-      return;
-    const { animation: n } = t;
-    n.pause();
-  }
-  stop() {
-    if (this.resolver.cancel(), this.isStopped = !0, this.state === "idle")
-      return;
-    this.resolveFinishedPromise(), this.updateFinishedPromise();
-    const { resolved: t } = this;
-    if (!t)
-      return;
-    const { animation: n, keyframes: s, duration: i, type: r, ease: o, times: a } = t;
-    if (n.playState === "idle" || n.playState === "finished")
-      return;
-    if (this.time) {
-      const { motionValue: u, onUpdate: c, onComplete: f, element: h, ...p } = this.options, m = new Lt({
-        ...p,
-        keyframes: s,
-        duration: i,
-        type: r,
-        ease: o,
-        times: a,
-        isGenerator: !0
-      }), S = C(this.time);
-      u.setWithVelocity(m.sample(S - Et).value, m.sample(S).value, Et);
-    }
-    const { onStop: l } = this.options;
-    l && l(), this.cancel();
-  }
-  complete() {
-    const { resolved: t } = this;
-    t && t.animation.finish();
-  }
-  cancel() {
-    const { resolved: t } = this;
-    t && t.animation.cancel();
-  }
-  static supports(t) {
-    const { motionValue: n, name: s, repeatDelay: i, repeatType: r, damping: o, type: a } = t;
-    return Es() && s && Zr.has(s) && n && n.owner && n.owner.current instanceof HTMLElement && /**
-     * If we're outputting values to onUpdate then we can't use WAAPI as there's
-     * no way to read the value from WAAPI every frame.
-     */
-    !n.owner.getProps().onUpdate && !i && r !== "mirror" && o !== 0 && a !== "inertia";
-  }
-}
-function oo({ when: e, delay: t, delayChildren: n, staggerChildren: s, staggerDirection: i, repeat: r, repeatType: o, repeatDelay: a, from: l, elapsed: u, ...c }) {
-  return !!Object.keys(c).length;
-}
-const Cs = (e, t, n, s = {}, i, r) => (o) => {
-  const a = fe(s, e) || {}, l = a.delay || s.delay || 0;
-  let { elapsed: u = 0 } = s;
-  u = u - C(l);
-  let c = {
-    keyframes: Array.isArray(n) ? n : [null, n],
-    ease: "easeOut",
-    velocity: t.getVelocity(),
-    ...a,
-    delay: -u,
-    onUpdate: (h) => {
-      t.set(h), a.onUpdate && a.onUpdate(h);
-    },
-    onComplete: () => {
-      o(), a.onComplete && a.onComplete();
-    },
-    name: e,
-    motionValue: t,
-    element: r ? void 0 : i
-  };
-  oo(a) || (c = {
-    ...c,
-    ...ji(e, c)
-  }), c.duration && (c.duration = C(c.duration)), c.repeatDelay && (c.repeatDelay = C(c.repeatDelay)), c.from !== void 0 && (c.keyframes[0] = c.from);
-  let f = !1;
-  if ((c.type === !1 || c.duration === 0 && !c.repeatDelay) && (c.duration = 0, c.delay === 0 && (f = !0)), f && !r && t.get() !== void 0) {
-    const h = gt(c.keyframes, a);
-    if (h !== void 0)
-      return M.update(() => {
-        c.onUpdate(h), c.onComplete();
-      }), new ae([]);
-  }
-  return !r && an.supports(c) ? new an(c) : new Lt(c);
-}, ao = (e) => Array.isArray(e), lo = (e) => ao(e) ? e[e.length - 1] || 0 : e;
-function ln(e) {
-  const t = [{}, {}];
-  return e == null || e.values.forEach((n, s) => {
-    t[0][s] = n.get(), t[1][s] = n.getVelocity();
-  }), t;
-}
-function Fs(e, t, n, s) {
-  if (typeof t == "function") {
-    const [i, r] = ln(s);
-    t = t(n !== void 0 ? n : e.custom, i, r);
-  }
-  if (typeof t == "string" && (t = e.variants && e.variants[t]), typeof t == "function") {
-    const [i, r] = ln(s);
-    t = t(n !== void 0 ? n : e.custom, i, r);
-  }
-  return t;
-}
-function uo(e, t, n) {
-  const s = e.getProps();
-  return Fs(s, t, s.custom, e);
-}
-function co(e, t, n) {
-  e.hasValue(t) ? e.getValue(t).set(n) : e.addValue(t, D(n));
-}
-function fo(e, t) {
-  const n = uo(e, t);
-  let { transitionEnd: s = {}, transition: i = {}, ...r } = n || {};
-  r = { ...r, ...s };
-  for (const o in r) {
-    const a = lo(r[o]);
-    co(e, o, a);
-  }
-}
-const Ve = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), ho = "framerAppearId", po = "data-" + Ve(ho);
-function mo(e) {
-  return e.props[po];
-}
-function go(e) {
-  return !!(P(e) && e.add);
-}
-function yo(e, t) {
-  const n = e.getValue("willChange");
-  if (go(n))
-    return n.add(t);
-}
-function vo({ protectedKeys: e, needsAnimating: t }, n) {
-  const s = e.hasOwnProperty(n) && t[n] !== !0;
-  return t[n] = !1, s;
-}
-function bo(e, t, { delay: n = 0, transitionOverride: s, type: i } = {}) {
-  var r;
-  let { transition: o = e.getDefaultTransition(), transitionEnd: a, ...l } = t;
-  s && (o = s);
-  const u = [], c = i && e.animationState && e.animationState.getState()[i];
-  for (const f in l) {
-    const h = e.getValue(f, (r = e.latestValues[f]) !== null && r !== void 0 ? r : null), p = l[f];
-    if (p === void 0 || c && vo(c, f))
-      continue;
-    const m = {
-      delay: n,
-      ...fe(o || {}, f)
-    };
-    let S = !1;
-    if (window.MotionHandoffAnimation) {
-      const g = mo(e);
-      if (g) {
-        const y = window.MotionHandoffAnimation(g, f, M);
-        y !== null && (m.startTime = y, S = !0);
-      }
-    }
-    yo(e, f), h.start(Cs(f, h, p, e.shouldReduceMotion && X.has(f) ? { type: !1 } : m, e, S));
-    const b = h.animation;
-    b && u.push(b);
-  }
-  return a && Promise.all(u).then(() => {
-    M.update(() => {
-      a && fo(e, a);
-    });
-  }), u;
-}
-function So(e) {
-  return e instanceof SVGElement && e.tagName !== "svg";
-}
-const wo = {};
-function To(e, { layout: t, layoutId: n }) {
-  return X.has(e) || e.startsWith("origin") || (t || n !== void 0) && (!!wo[e] || e === "opacity");
-}
-function Os(e, t, n) {
-  var s;
-  const { style: i } = e, r = {};
-  for (const o in i)
-    (P(i[o]) || t.style && P(t.style[o]) || To(o, e) || ((s = n == null ? void 0 : n.getValue(o)) === null || s === void 0 ? void 0 : s.liveStyle) !== void 0) && (r[o] = i[o]);
-  return r;
-}
-function xo(e, t, n) {
-  const s = Os(e, t, n);
-  for (const i in e)
-    if (P(e[i]) || P(t[i])) {
-      const r = mt.indexOf(i) !== -1 ? "attr" + i.charAt(0).toUpperCase() + i.substring(1) : i;
-      s[r] = e[i];
-    }
-  return s;
-}
-const Vo = typeof window < "u", se = { current: null }, Ds = { current: !1 };
-function Ao() {
-  if (Ds.current = !0, !!Vo)
-    if (window.matchMedia) {
-      const e = window.matchMedia("(prefers-reduced-motion)"), t = () => se.current = e.matches;
-      e.addListener(t), t();
-    } else
-      se.current = !1;
-}
-function Mo(e) {
-  return e !== null && typeof e == "object" && typeof e.start == "function";
-}
-function Eo(e) {
-  return typeof e == "string" || Array.isArray(e);
-}
-const Po = [
-  "animate",
-  "whileInView",
-  "whileFocus",
-  "whileHover",
-  "whileTap",
-  "whileDrag",
-  "exit"
-], Co = ["initial", ...Po];
-function Bs(e) {
-  return Mo(e.animate) || Co.some((t) => Eo(e[t]));
-}
-function Fo(e) {
-  return !!(Bs(e) || e.variants);
-}
-function Oo(e, t, n) {
-  for (const s in t) {
-    const i = t[s], r = n[s];
-    if (P(i))
-      e.addValue(s, i), process.env.NODE_ENV === "development" && Bt(i.version === "11.11.11", `Attempting to mix Framer Motion versions ${i.version} with 11.11.11 may not work as expected.`);
-    else if (P(r))
-      e.addValue(s, D(i, { owner: e }));
-    else if (r !== i)
-      if (e.hasValue(s)) {
-        const o = e.getValue(s);
-        o.liveStyle === !0 ? o.jump(i) : o.hasAnimated || o.set(i);
-      } else {
-        const o = e.getStaticValue(s);
-        e.addValue(s, D(o !== void 0 ? o : i, { owner: e }));
-      }
-  }
-  for (const s in n)
-    t[s] === void 0 && e.removeValue(s);
-  return t;
-}
-const un = {
-  animation: [
-    "animate",
-    "variants",
-    "whileHover",
-    "whileTap",
-    "exit",
-    "whileInView",
-    "whileFocus",
-    "whileDrag"
-  ],
-  exit: ["exit"],
-  drag: ["drag", "dragControls"],
-  focus: ["whileFocus"],
-  hover: ["whileHover", "onHoverStart", "onHoverEnd"],
-  tap: ["whileTap", "onTap", "onTapStart", "onTapCancel"],
-  pan: ["onPan", "onPanStart", "onPanSessionStart", "onPanEnd"],
-  inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
-  layout: ["layout", "layoutId"]
-}, ie = {};
-for (const e in un)
-  ie[e] = {
-    isEnabled: (t) => un[e].some((n) => !!t[n])
-  };
-const Do = [...cs, E, et], Bo = (e) => Do.find(us(e)), cn = () => ({ min: 0, max: 0 }), Ae = () => ({
-  x: cn(),
-  y: cn()
-}), fn = [
-  "AnimationStart",
-  "AnimationComplete",
-  "Update",
-  "BeforeLayoutMeasure",
-  "LayoutMeasure",
-  "LayoutAnimationStart",
-  "LayoutAnimationComplete"
-];
-class Rs {
-  /**
-   * This method takes React props and returns found MotionValues. For example, HTML
-   * MotionValues will be found within the style prop, whereas for Three.js within attribute arrays.
-   *
-   * This isn't an abstract method as it needs calling in the constructor, but it is
-   * intended to be one.
-   */
-  scrapeMotionValuesFromProps(t, n, s) {
-    return {};
-  }
-  constructor({ parent: t, props: n, presenceContext: s, reducedMotionConfig: i, blockInitialAnimation: r, visualState: o }, a = {}) {
-    this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = me, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
-      this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
-    }, this.renderScheduledAt = 0, this.scheduleRender = () => {
-      const h = N.now();
-      this.renderScheduledAt < h && (this.renderScheduledAt = h, M.render(this.render, !1, !0));
-    };
-    const { latestValues: l, renderState: u } = o;
-    this.latestValues = l, this.baseTarget = { ...l }, this.initialValues = n.initial ? { ...l } : {}, this.renderState = u, this.parent = t, this.props = n, this.presenceContext = s, this.depth = t ? t.depth + 1 : 0, this.reducedMotionConfig = i, this.options = a, this.blockInitialAnimation = !!r, this.isControllingVariants = Bs(n), this.isVariantNode = Fo(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(t && t.current);
-    const { willChange: c, ...f } = this.scrapeMotionValuesFromProps(n, {}, this);
-    for (const h in f) {
-      const p = f[h];
-      l[h] !== void 0 && P(p) && p.set(l[h], !1);
-    }
-  }
-  mount(t) {
-    this.current = t, $.set(t, this), this.projection && !this.projection.instance && this.projection.mount(t), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((n, s) => this.bindToMotionValue(s, n)), Ds.current || Ao(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : se.current, process.env.NODE_ENV !== "production" && Bt(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected."), this.parent && this.parent.children.add(this), this.update(this.props, this.presenceContext);
-  }
-  unmount() {
-    $.delete(this.current), this.projection && this.projection.unmount(), R(this.notifyUpdate), R(this.render), this.valueSubscriptions.forEach((t) => t()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent && this.parent.children.delete(this);
-    for (const t in this.events)
-      this.events[t].clear();
-    for (const t in this.features) {
-      const n = this.features[t];
-      n && (n.unmount(), n.isMounted = !1);
-    }
-    this.current = null;
-  }
-  bindToMotionValue(t, n) {
-    this.valueSubscriptions.has(t) && this.valueSubscriptions.get(t)();
-    const s = X.has(t), i = n.on("change", (a) => {
-      this.latestValues[t] = a, this.props.onUpdate && M.preRender(this.notifyUpdate), s && this.projection && (this.projection.isTransformDirty = !0);
-    }), r = n.on("renderRequest", this.scheduleRender);
-    let o;
-    window.MotionCheckAppearSync && (o = window.MotionCheckAppearSync(this, t, n)), this.valueSubscriptions.set(t, () => {
-      i(), r(), o && o(), n.owner && n.stop();
-    });
-  }
-  sortNodePosition(t) {
-    return !this.current || !this.sortInstanceNodePosition || this.type !== t.type ? 0 : this.sortInstanceNodePosition(this.current, t.current);
-  }
-  updateFeatures() {
-    let t = "animation";
-    for (t in ie) {
-      const n = ie[t];
-      if (!n)
-        continue;
-      const { isEnabled: s, Feature: i } = n;
-      if (!this.features[t] && i && s(this.props) && (this.features[t] = new i(this)), this.features[t]) {
-        const r = this.features[t];
-        r.isMounted ? r.update() : (r.mount(), r.isMounted = !0);
-      }
-    }
-  }
-  triggerBuild() {
-    this.build(this.renderState, this.latestValues, this.props);
-  }
-  /**
-   * Measure the current viewport box with or without transforms.
-   * Only measures axis-aligned boxes, rotate and skew must be manually
-   * removed with a re-render to work.
-   */
-  measureViewportBox() {
-    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : Ae();
-  }
-  getStaticValue(t) {
-    return this.latestValues[t];
-  }
-  setStaticValue(t, n) {
-    this.latestValues[t] = n;
-  }
-  /**
-   * Update the provided props. Ensure any newly-added motion values are
-   * added to our map, old ones removed, and listeners updated.
-   */
-  update(t, n) {
-    (t.transformTemplate || this.props.transformTemplate) && this.scheduleRender(), this.prevProps = this.props, this.props = t, this.prevPresenceContext = this.presenceContext, this.presenceContext = n;
-    for (let s = 0; s < fn.length; s++) {
-      const i = fn[s];
-      this.propEventSubscriptions[i] && (this.propEventSubscriptions[i](), delete this.propEventSubscriptions[i]);
-      const r = "on" + i, o = t[r];
-      o && (this.propEventSubscriptions[i] = this.on(i, o));
-    }
-    this.prevMotionValues = Oo(this, this.scrapeMotionValuesFromProps(t, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
-  }
-  getProps() {
-    return this.props;
-  }
-  /**
-   * Returns the variant definition with a given name.
-   */
-  getVariant(t) {
-    return this.props.variants ? this.props.variants[t] : void 0;
-  }
-  /**
-   * Returns the defined default transition on this component.
-   */
-  getDefaultTransition() {
-    return this.props.transition;
-  }
-  getTransformPagePoint() {
-    return this.props.transformPagePoint;
-  }
-  getClosestVariantNode() {
-    return this.isVariantNode ? this : this.parent ? this.parent.getClosestVariantNode() : void 0;
-  }
-  /**
-   * Add a child visual element to our set of children.
-   */
-  addVariantChild(t) {
-    const n = this.getClosestVariantNode();
-    if (n)
-      return n.variantChildren && n.variantChildren.add(t), () => n.variantChildren.delete(t);
-  }
-  /**
-   * Add a motion value and bind it to this visual element.
-   */
-  addValue(t, n) {
-    const s = this.values.get(t);
-    n !== s && (s && this.removeValue(t), this.bindToMotionValue(t, n), this.values.set(t, n), this.latestValues[t] = n.get());
-  }
-  /**
-   * Remove a motion value and unbind any active subscriptions.
-   */
-  removeValue(t) {
-    this.values.delete(t);
-    const n = this.valueSubscriptions.get(t);
-    n && (n(), this.valueSubscriptions.delete(t)), delete this.latestValues[t], this.removeValueFromRenderState(t, this.renderState);
-  }
-  /**
-   * Check whether we have a motion value for this key
-   */
-  hasValue(t) {
-    return this.values.has(t);
-  }
-  getValue(t, n) {
-    if (this.props.values && this.props.values[t])
-      return this.props.values[t];
-    let s = this.values.get(t);
-    return s === void 0 && n !== void 0 && (s = D(n === null ? void 0 : n, { owner: this }), this.addValue(t, s)), s;
-  }
-  /**
-   * If we're trying to animate to a previously unencountered value,
-   * we need to check for it in our state and as a last resort read it
-   * directly from the instance (which might have performance implications).
-   */
-  readValue(t, n) {
-    var s;
-    let i = this.latestValues[t] !== void 0 || !this.current ? this.latestValues[t] : (s = this.getBaseTargetFromProps(this.props, t)) !== null && s !== void 0 ? s : this.readValueFromInstance(this.current, t, this.options);
-    return i != null && (typeof i == "string" && (rs(i) || is(i)) ? i = parseFloat(i) : !Bo(i) && et.test(n) && (i = vs(t, n)), this.setBaseTarget(t, P(i) ? i.get() : i)), P(i) ? i.get() : i;
-  }
-  /**
-   * Set the base target to later animate back to. This is currently
-   * only hydrated on creation and when we first read a value.
-   */
-  setBaseTarget(t, n) {
-    this.baseTarget[t] = n;
-  }
-  /**
-   * Find the base target for a value thats been removed from all animation
-   * props.
-   */
-  getBaseTarget(t) {
-    var n;
-    const { initial: s } = this.props;
-    let i;
-    if (typeof s == "string" || typeof s == "object") {
-      const o = Fs(this.props, s, (n = this.presenceContext) === null || n === void 0 ? void 0 : n.custom);
-      o && (i = o[t]);
-    }
-    if (s && i !== void 0)
-      return i;
-    const r = this.getBaseTargetFromProps(this.props, t);
-    return r !== void 0 && !P(r) ? r : this.initialValues[t] !== void 0 && i === void 0 ? void 0 : this.baseTarget[t];
-  }
-  on(t, n) {
-    return this.events[t] || (this.events[t] = new Gn()), this.events[t].add(n);
-  }
-  notify(t, ...n) {
-    this.events[t] && this.events[t].notify(...n);
-  }
-}
-class Is extends Rs {
-  constructor() {
-    super(...arguments), this.KeyframeResolver = bs;
-  }
-  sortInstanceNodePosition(t, n) {
-    return t.compareDocumentPosition(n) & 2 ? 1 : -1;
-  }
-  getBaseTargetFromProps(t, n) {
-    return t.style ? t.style[n] : void 0;
-  }
-  removeValueFromRenderState(t, { vars: n, style: s }) {
-    delete n[t], delete s[t];
-  }
-}
-const Ls = (e, t) => t && typeof e == "number" ? t.transform(e) : e, Ro = {
-  x: "translateX",
-  y: "translateY",
-  z: "translateZ",
-  transformPerspective: "perspective"
-}, Io = mt.length;
-function Lo(e, t, n) {
-  let s = "", i = !0;
-  for (let r = 0; r < Io; r++) {
-    const o = mt[r], a = e[o];
-    if (a === void 0)
-      continue;
-    let l = !0;
-    if (typeof a == "number" ? l = a === (o.startsWith("scale") ? 1 : 0) : l = parseFloat(a) === 0, !l || n) {
-      const u = Ls(a, ve[o]);
-      if (!l) {
-        i = !1;
-        const c = Ro[o] || o;
-        s += `${c}(${u}) `;
-      }
-      n && (t[o] = u);
-    }
-  }
-  return s = s.trim(), n ? s = n(t, i ? "" : s) : i && (s = "none"), s;
-}
-function Ns(e, t, n) {
-  const { style: s, vars: i, transformOrigin: r } = e;
-  let o = !1, a = !1;
-  for (const l in t) {
-    const u = t[l];
-    if (X.has(l)) {
-      o = !0;
-      continue;
-    } else if (as(l)) {
-      i[l] = u;
-      continue;
-    } else {
-      const c = Ls(u, ve[l]);
-      l.startsWith("origin") ? (a = !0, r[l] = c) : s[l] = c;
-    }
-  }
-  if (t.transform || (o || n ? s.transform = Lo(t, e.transform, n) : s.transform && (s.transform = "none")), a) {
-    const { originX: l = "50%", originY: u = "50%", originZ: c = 0 } = r;
-    s.transformOrigin = `${l} ${u} ${c}`;
-  }
-}
-function hn(e, t, n) {
-  return typeof e == "string" ? e : d.transform(t + n * e);
-}
-function No(e, t, n) {
-  const s = hn(t, e.x, e.width), i = hn(n, e.y, e.height);
-  return `${s} ${i}`;
-}
-const $o = {
-  offset: "stroke-dashoffset",
-  array: "stroke-dasharray"
-}, Ko = {
-  offset: "strokeDashoffset",
-  array: "strokeDasharray"
-};
-function _o(e, t, n = 1, s = 0, i = !0) {
-  e.pathLength = 1;
-  const r = i ? $o : Ko;
-  e[r.offset] = d.transform(-s);
-  const o = d.transform(t), a = d.transform(n);
-  e[r.array] = `${o} ${a}`;
-}
-function Wo(e, {
-  attrX: t,
-  attrY: n,
-  attrScale: s,
-  originX: i,
-  originY: r,
-  pathLength: o,
-  pathSpacing: a = 1,
-  pathOffset: l = 0,
-  // This is object creation, which we try to avoid per-frame.
-  ...u
-}, c, f) {
-  if (Ns(e, u, f), c) {
-    e.style.viewBox && (e.attrs.viewBox = e.style.viewBox);
-    return;
-  }
-  e.attrs = e.style, e.style = {};
-  const { attrs: h, style: p, dimensions: m } = e;
-  h.transform && (m && (p.transform = h.transform), delete h.transform), m && (i !== void 0 || r !== void 0 || p.transform) && (p.transformOrigin = No(m, i !== void 0 ? i : 0.5, r !== void 0 ? r : 0.5)), t !== void 0 && (h.x = t), n !== void 0 && (h.y = n), s !== void 0 && (h.scale = s), o !== void 0 && _o(h, o, a, l, !1);
-}
-const $s = /* @__PURE__ */ new Set([
-  "baseFrequency",
-  "diffuseConstant",
-  "kernelMatrix",
-  "kernelUnitLength",
-  "keySplines",
-  "keyTimes",
-  "limitingConeAngle",
-  "markerHeight",
-  "markerWidth",
-  "numOctaves",
-  "targetX",
-  "targetY",
-  "surfaceScale",
-  "specularConstant",
-  "specularExponent",
-  "stdDeviation",
-  "tableValues",
-  "viewBox",
-  "gradientTransform",
-  "pathLength",
-  "startOffset",
-  "textLength",
-  "lengthAdjust"
-]);
-function Ks(e, { style: t, vars: n }, s, i) {
-  Object.assign(e.style, t, i && i.getProjectionStyles(s));
-  for (const r in n)
-    e.style.setProperty(r, n[r]);
-}
-function ko(e, t, n, s) {
-  Ks(e, t, void 0, s);
-  for (const i in t.attrs)
-    e.setAttribute($s.has(i) ? i : Ve(i), t.attrs[i]);
-}
-const Go = (e) => typeof e == "string" && e.toLowerCase() === "svg";
-class zo extends Is {
-  constructor() {
-    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = Ae;
-  }
-  getBaseTargetFromProps(t, n) {
-    return t[n];
-  }
-  readValueFromInstance(t, n) {
-    if (X.has(n)) {
-      const s = be(n);
-      return s && s.default || 0;
-    }
-    return n = $s.has(n) ? n : Ve(n), t.getAttribute(n);
-  }
-  scrapeMotionValuesFromProps(t, n, s) {
-    return xo(t, n, s);
-  }
-  build(t, n, s) {
-    Wo(t, n, this.isSVGTag, s.transformTemplate);
-  }
-  renderInstance(t, n, s, i) {
-    ko(t, n, s, i);
-  }
-  mount(t) {
-    this.isSVGTag = Go(t.tagName), super.mount(t);
-  }
-}
-function Uo({ top: e, left: t, right: n, bottom: s }) {
-  return {
-    x: { min: t, max: n },
-    y: { min: e, max: s }
-  };
-}
-function jo(e, t) {
-  if (!t)
-    return e;
-  const n = t({ x: e.left, y: e.top }), s = t({ x: e.right, y: e.bottom });
-  return {
-    top: n.y,
-    left: n.x,
-    bottom: s.y,
-    right: s.x
-  };
-}
-function Ho(e, t) {
-  return Uo(jo(e.getBoundingClientRect(), t));
-}
-function Yo(e) {
-  return window.getComputedStyle(e);
-}
-class Xo extends Is {
-  constructor() {
-    super(...arguments), this.type = "html", this.renderInstance = Ks;
-  }
-  readValueFromInstance(t, n) {
-    if (X.has(n)) {
-      const s = be(n);
-      return s && s.default || 0;
-    } else {
-      const s = Yo(t), i = (as(n) ? s.getPropertyValue(n) : s[n]) || 0;
-      return typeof i == "string" ? i.trim() : i;
-    }
-  }
-  measureInstanceViewportBox(t, { transformPagePoint: n }) {
-    return Ho(t, n);
-  }
-  build(t, n, s) {
-    Ns(t, n, s.transformTemplate);
-  }
-  scrapeMotionValuesFromProps(t, n, s) {
-    return Os(t, n, s);
-  }
-  handleChildMotionValue() {
-    this.childSubscription && (this.childSubscription(), delete this.childSubscription);
-    const { children: t } = this.props;
-    P(t) && (this.childSubscription = t.on("change", (n) => {
-      this.current && (this.current.textContent = `${n}`);
-    }));
-  }
-}
-function qo(e, t) {
-  return e in t;
-}
-class Zo extends Rs {
-  constructor() {
-    super(...arguments), this.type = "object";
-  }
-  readValueFromInstance(t, n) {
-    if (qo(n, t)) {
-      const s = t[n];
-      if (typeof s == "string" || typeof s == "number")
-        return s;
-    }
-  }
-  getBaseTargetFromProps() {
-  }
-  removeValueFromRenderState(t, n) {
-    delete n.output[t];
-  }
-  measureInstanceViewportBox() {
-    return Ae();
-  }
-  build(t, n) {
-    Object.assign(t.output, n);
-  }
-  renderInstance(t, { output: n }) {
-    Object.assign(t, n);
-  }
-  sortInstanceNodePosition() {
-    return 0;
-  }
-}
-function _s(e) {
-  const t = {
-    presenceContext: null,
-    props: {},
-    visualState: {
-      renderState: {
-        transform: {},
-        transformOrigin: {},
-        style: {},
-        vars: {},
-        attrs: {}
-      },
-      latestValues: {}
-    }
-  }, n = So(e) ? new zo(t) : new Xo(t);
-  n.mount(e), $.set(e, n);
-}
-function Jo(e) {
-  const t = {
-    presenceContext: null,
-    props: {},
-    visualState: {
-      renderState: {
-        output: {}
-      },
-      latestValues: {}
-    }
-  }, n = new Zo(t);
-  n.mount(e), $.set(e, n);
-}
-function Qo(e, t, n) {
-  const s = P(e) ? e : D(e);
-  return s.start(Cs("", s, t, n)), s.animation;
-}
-function ta(e, t) {
-  return P(e) || typeof e == "number" || typeof e == "string" && !ce(t);
-}
-function Ws(e, t, n, s) {
-  const i = [];
-  if (ta(e, t))
-    i.push(Qo(e, ce(t) && t.default || t, n && (n.default || n)));
-  else {
-    const r = Xn(e, t, s), o = r.length;
-    I(!!o, "No valid elements provided.");
-    for (let a = 0; a < o; a++) {
-      const l = r[a], u = l instanceof Element ? _s : Jo;
-      $.has(l) || u(l);
-      const c = $.get(l), f = { ...n };
-      "delay" in f && typeof f.delay == "function" && (f.delay = f.delay(a, o)), i.push(...bo(c, { ...t, transition: f }, {}));
-    }
-  }
-  return i;
-}
-function ea(e, t, n) {
-  const s = [];
-  return Ni(e, t, n, { spring: le }).forEach(({ keyframes: r, transition: o }, a) => {
-    s.push(...Ws(a, r, o));
-  }), s;
-}
-function na(e) {
-  return Array.isArray(e) && Array.isArray(e[0]);
-}
-function sa(e) {
-  function t(n, s, i) {
-    let r = [];
-    na(n) ? r = ea(n, s, e) : r = Ws(n, s, i, e);
-    const o = new ae(r);
-    return e && e.animations.push(o), o;
-  }
-  return t;
-}
-const ia = sa();
-function ra(e, t, n) {
-  e.style.setProperty(`--${t}`, n);
-}
-function oa(e, t, n) {
-  e.style[t] = n;
-}
-const aa = /* @__PURE__ */ Rt(() => {
-  try {
-    document.createElement("div").animate({ opacity: [1] });
-  } catch {
-    return !1;
-  }
-  return !0;
-}), wt = /* @__PURE__ */ new WeakMap();
-function la(e, t, n) {
-  for (let s = 0; s < t.length; s++)
-    t[s] === null && (t[s] = s === 0 ? n() : t[s - 1]), typeof t[s] == "number" && Qt[e] && (t[s] = Qt[e].transform(t[s]));
-  !aa() && t.length < 2 && t.unshift(n());
-}
-const dn = "easeOut";
-function pn(e) {
-  const t = wt.get(e) || /* @__PURE__ */ new Map();
-  return wt.set(e, t), wt.get(e);
-}
-class ua {
-  constructor(t, n, s, i) {
-    const r = n.startsWith("--");
-    this.setValue = r ? ra : oa, this.options = i, this.updateFinishedPromise(), I(typeof i.type != "string", `animateMini doesn't support "type" as a string. Did you mean to import { spring } from "framer-motion"?`);
-    const o = pn(t).get(n);
-    o && o.stop();
-    const a = () => n.startsWith("--") ? t.style.getPropertyValue(n) : window.getComputedStyle(t)[n];
-    if (Array.isArray(s) || (s = [s]), la(n, s, a), pt(i.type)) {
-      const u = Hn(i, 100, i.type);
-      i.ease = ut() ? u.ease : dn, i.duration = C(u.duration), i.type = "keyframes";
-    } else
-      i.ease = i.ease || dn;
-    this.removeAnimation = () => {
-      var u;
-      return (u = wt.get(t)) === null || u === void 0 ? void 0 : u.delete(n);
-    };
-    const l = () => {
-      this.setValue(t, n, gt(s, this.options)), this.cancel(), this.resolveFinishedPromise();
-    };
-    Es() ? (this.animation = Ms(t, n, s, i), i.autoplay === !1 && this.animation.pause(), this.animation.onfinish = l, this.pendingTimeline && Mt(this.animation, this.pendingTimeline), pn(t).set(n, this)) : l();
-  }
-  get duration() {
-    return B(this.options.duration || 300);
-  }
-  get time() {
-    var t;
-    return this.animation ? B(((t = this.animation) === null || t === void 0 ? void 0 : t.currentTime) || 0) : 0;
-  }
-  set time(t) {
-    this.animation && (this.animation.currentTime = C(t));
-  }
-  get speed() {
-    return this.animation ? this.animation.playbackRate : 1;
-  }
-  set speed(t) {
-    this.animation && (this.animation.playbackRate = t);
-  }
-  get state() {
-    return this.animation ? this.animation.playState : "finished";
-  }
-  get startTime() {
-    return this.animation ? this.animation.startTime : null;
-  }
-  play() {
-    this.state === "finished" && this.updateFinishedPromise(), this.animation && this.animation.play();
-  }
-  pause() {
-    this.animation && this.animation.pause();
-  }
-  stop() {
-    !this.animation || this.state === "idle" || this.state === "finished" || (this.animation.commitStyles && this.animation.commitStyles(), this.cancel());
-  }
-  complete() {
-    this.animation && this.animation.finish();
-  }
-  cancel() {
-    this.removeAnimation();
-    try {
-      this.animation && this.animation.cancel();
-    } catch {
-    }
-  }
-  /**
-   * Allows the returned animation to be awaited or promise-chained. Currently
-   * resolves when the animation finishes at all but in a future update could/should
-   * reject if its cancels.
-   */
-  then(t, n) {
-    return this.currentFinishedPromise.then(t, n);
-  }
-  updateFinishedPromise() {
-    this.currentFinishedPromise = new Promise((t) => {
-      this.resolveFinishedPromise = t;
-    });
-  }
-  attachTimeline(t) {
-    return this.animation ? Mt(this.animation, t) : this.pendingTimeline = t, K;
-  }
-}
-function ca(e, t, n, s) {
-  const i = It(e, s), r = i.length;
-  I(!!r, "No valid element provided.");
-  const o = [];
-  for (let a = 0; a < r; a++) {
-    const l = i[a], u = { ...n };
-    typeof u.delay == "function" && (u.delay = u.delay(a, r));
-    for (const c in t) {
-      const f = t[c], h = {
-        ...fe(n, c)
-      };
-      h.duration = h.duration ? C(h.duration) : h.duration, h.delay = C(h.delay || 0), o.push(new ua(l, c, f, h));
-    }
-  }
-  return o;
-}
-const fa = (e) => {
-  function t(n, s, i) {
-    return new ae(ca(n, s, i, e));
-  }
-  return t;
-}, Nl = /* @__PURE__ */ fa(), Tt = /* @__PURE__ */ new WeakMap();
-let W;
-function ha(e, t) {
-  if (t) {
-    const { inlineSize: n, blockSize: s } = t[0];
-    return { width: n, height: s };
-  } else return e instanceof SVGElement && "getBBox" in e ? e.getBBox() : {
-    width: e.offsetWidth,
-    height: e.offsetHeight
-  };
-}
-function da({ target: e, contentRect: t, borderBoxSize: n }) {
-  var s;
-  (s = Tt.get(e)) === null || s === void 0 || s.forEach((i) => {
-    i({
-      target: e,
-      contentSize: t,
-      get size() {
-        return ha(e, n);
-      }
-    });
-  });
-}
-function pa(e) {
-  e.forEach(da);
-}
-function ma() {
-  typeof ResizeObserver > "u" || (W = new ResizeObserver(pa));
-}
-function ga(e, t) {
-  W || ma();
-  const n = It(e);
-  return n.forEach((s) => {
-    let i = Tt.get(s);
-    i || (i = /* @__PURE__ */ new Set(), Tt.set(s, i)), i.add(t), W == null || W.observe(s);
-  }), () => {
-    n.forEach((s) => {
-      const i = Tt.get(s);
-      i == null || i.delete(t), i != null && i.size || W == null || W.unobserve(s);
-    });
-  };
-}
-const xt = /* @__PURE__ */ new Set();
-let ot;
-function ya() {
-  ot = () => {
-    const e = {
-      width: window.innerWidth,
-      height: window.innerHeight
-    }, t = {
-      target: window,
-      size: e,
-      contentSize: e
-    };
-    xt.forEach((n) => n(t));
-  }, window.addEventListener("resize", ot);
-}
-function va(e) {
-  return xt.add(e), ot || ya(), () => {
-    xt.delete(e), !xt.size && ot && (ot = void 0);
-  };
-}
-function ba(e, t) {
-  return typeof e == "function" ? va(e) : ga(e, t);
-}
-const Sa = 50, mn = () => ({
-  current: 0,
-  offset: [],
-  progress: 0,
-  scrollLength: 0,
-  targetOffset: 0,
-  targetLength: 0,
-  containerLength: 0,
-  velocity: 0
-}), wa = () => ({
-  time: 0,
-  x: mn(),
-  y: mn()
-}), Ta = {
-  x: {
-    length: "Width",
-    position: "Left"
-  },
-  y: {
-    length: "Height",
-    position: "Top"
-  }
-};
-function gn(e, t, n, s) {
-  const i = n[t], { length: r, position: o } = Ta[t], a = i.current, l = n.time;
-  i.current = e[`scroll${o}`], i.scrollLength = e[`scroll${r}`] - e[`client${r}`], i.offset.length = 0, i.offset[0] = 0, i.offset[1] = i.scrollLength, i.progress = dt(0, i.scrollLength, i.current);
-  const u = s - l;
-  i.velocity = u > Sa ? 0 : oe(i.current - a, u);
-}
-function xa(e, t, n) {
-  gn(e, "x", t, n), gn(e, "y", t, n), t.time = n;
-}
-function Va(e, t) {
-  const n = { x: 0, y: 0 };
-  let s = e;
-  for (; s && s !== t; )
-    if (s instanceof HTMLElement)
-      n.x += s.offsetLeft, n.y += s.offsetTop, s = s.offsetParent;
-    else if (s.tagName === "svg") {
-      const i = s.getBoundingClientRect();
-      s = s.parentElement;
-      const r = s.getBoundingClientRect();
-      n.x += i.left - r.left, n.y += i.top - r.top;
-    } else if (s instanceof SVGGraphicsElement) {
-      const { x: i, y: r } = s.getBBox();
-      n.x += i, n.y += r;
-      let o = null, a = s.parentNode;
-      for (; !o; )
-        a.tagName === "svg" && (o = a), a = s.parentNode;
-      s = o;
-    } else
-      break;
-  return n;
-}
-const Aa = {
-  Enter: [
-    [0, 1],
-    [1, 1]
-  ],
-  Exit: [
-    [0, 0],
-    [1, 0]
-  ],
-  Any: [
-    [1, 0],
-    [0, 1]
-  ],
-  All: [
-    [0, 0],
-    [1, 1]
-  ]
-}, re = {
-  start: 0,
-  center: 0.5,
-  end: 1
-};
-function yn(e, t, n = 0) {
-  let s = 0;
-  if (e in re && (e = re[e]), typeof e == "string") {
-    const i = parseFloat(e);
-    e.endsWith("px") ? s = i : e.endsWith("%") ? e = i / 100 : e.endsWith("vw") ? s = i / 100 * document.documentElement.clientWidth : e.endsWith("vh") ? s = i / 100 * document.documentElement.clientHeight : e = i;
-  }
-  return typeof e == "number" && (s = t * e), n + s;
-}
-const Ma = [0, 0];
-function Ea(e, t, n, s) {
-  let i = Array.isArray(e) ? e : Ma, r = 0, o = 0;
-  return typeof e == "number" ? i = [e, e] : typeof e == "string" && (e = e.trim(), e.includes(" ") ? i = e.split(" ") : i = [e, re[e] ? e : "0"]), r = yn(i[0], n, s), o = yn(i[1], t), r - o;
-}
-const Pa = { x: 0, y: 0 };
-function Ca(e) {
-  return "getBBox" in e && e.tagName !== "svg" ? e.getBBox() : { width: e.clientWidth, height: e.clientHeight };
-}
-function Fa(e, t, n) {
-  const { offset: s = Aa.All } = n, { target: i = e, axis: r = "y" } = n, o = r === "y" ? "height" : "width", a = i !== e ? Va(i, e) : Pa, l = i === e ? { width: e.scrollWidth, height: e.scrollHeight } : Ca(i), u = {
-    width: e.clientWidth,
-    height: e.clientHeight
-  };
-  t[r].offset.length = 0;
-  let c = !t[r].interpolate;
-  const f = s.length;
-  for (let h = 0; h < f; h++) {
-    const p = Ea(s[h], u[o], l[o], a[r]);
-    !c && p !== t[r].interpolatorOffsets[h] && (c = !0), t[r].offset[h] = p;
-  }
-  c && (t[r].interpolate = xe(t[r].offset, ue(s)), t[r].interpolatorOffsets = [...t[r].offset]), t[r].progress = t[r].interpolate(t[r].current);
-}
-function Oa(e, t = e, n) {
-  if (n.x.targetOffset = 0, n.y.targetOffset = 0, t !== e) {
-    let s = t;
-    for (; s && s !== e; )
-      n.x.targetOffset += s.offsetLeft, n.y.targetOffset += s.offsetTop, s = s.offsetParent;
-  }
-  n.x.targetLength = t === e ? t.scrollWidth : t.clientWidth, n.y.targetLength = t === e ? t.scrollHeight : t.clientHeight, n.x.containerLength = e.clientWidth, n.y.containerLength = e.clientHeight, process.env.NODE_ENV !== "production" && e && t && t !== e && Bt(getComputedStyle(e).position !== "static", "Please ensure that the container has a non-static position, like 'relative', 'fixed', or 'absolute' to ensure scroll offset is calculated correctly.");
-}
-function Da(e, t, n, s = {}) {
-  return {
-    measure: () => Oa(e, s.target, n),
-    update: (i) => {
-      xa(e, n, i), (s.offset || s.target) && Fa(e, n, s);
-    },
-    notify: () => t(n)
-  };
-}
-const nt = /* @__PURE__ */ new WeakMap(), vn = /* @__PURE__ */ new WeakMap(), Gt = /* @__PURE__ */ new WeakMap(), bn = (e) => e === document.documentElement ? window : e;
-function Me(e, { container: t = document.documentElement, ...n } = {}) {
-  let s = Gt.get(t);
-  s || (s = /* @__PURE__ */ new Set(), Gt.set(t, s));
-  const i = wa(), r = Da(t, e, i, n);
-  if (s.add(r), !nt.has(t)) {
-    const a = () => {
-      for (const h of s)
-        h.measure();
-    }, l = () => {
-      for (const h of s)
-        h.update(J.timestamp);
-    }, u = () => {
-      for (const h of s)
-        h.notify();
-    }, c = () => {
-      M.read(a, !1, !0), M.read(l, !1, !0), M.update(u, !1, !0);
-    };
-    nt.set(t, c);
-    const f = bn(t);
-    window.addEventListener("resize", c, { passive: !0 }), t !== document.documentElement && vn.set(t, ba(t, c)), f.addEventListener("scroll", c, { passive: !0 });
-  }
-  const o = nt.get(t);
-  return M.read(o, !1, !0), () => {
-    var a;
-    R(o);
-    const l = Gt.get(t);
-    if (!l || (l.delete(r), l.size))
-      return;
-    const u = nt.get(t);
-    nt.delete(t), u && (bn(t).removeEventListener("scroll", u), (a = vn.get(t)) === null || a === void 0 || a(), window.removeEventListener("resize", u));
-  };
-}
-function ks(e, t) {
-  let n;
-  const s = () => {
-    const { currentTime: i } = t, o = (i === null ? 0 : i.value) / 100;
-    n !== o && e(o), n = o;
-  };
-  return M.update(s, !0), () => R(s);
-}
-function Ba({ source: e, container: t, axis: n = "y" }) {
-  e && (t = e);
-  const s = { value: 0 }, i = Me((r) => {
-    s.value = r[n].progress * 100;
-  }, { container: t, axis: n });
-  return { currentTime: s, cancel: i };
-}
-const zt = /* @__PURE__ */ new Map();
-function Gs({ source: e, container: t = document.documentElement, axis: n = "y" } = {}) {
-  e && (t = e), zt.has(t) || zt.set(t, {});
-  const s = zt.get(t);
-  return s[n] || (s[n] = zn() ? new ScrollTimeline({ source: t, axis: n }) : Ba({ source: t, axis: n })), s[n];
-}
-function Ra(e) {
-  return e.length === 2;
-}
-function zs(e) {
-  return e && (e.target || e.offset);
-}
-function Ia(e, t) {
-  return Ra(e) || zs(t) ? Me((n) => {
-    e(n[t.axis].progress, n);
-  }, t) : ks(e, Gs(t));
-}
-function La(e, t) {
-  if (zs(t))
-    return e.pause(), Me((n) => {
-      e.time = e.duration * n[t.axis].progress;
-    }, t);
-  {
-    const n = Gs(t);
-    return e.attachTimeline(n, (s) => (s.pause(), ks((i) => {
-      s.time = s.duration * i;
-    }, n)));
-  }
-}
-function Na(e, { axis: t = "y", ...n } = {}) {
-  const s = { axis: t, ...n };
-  return typeof e == "function" ? Ia(e, s) : La(e, s);
-}
-const $a = {
-  some: 0,
-  all: 1
-};
-function Ka(e, t, { root: n, margin: s, amount: i = "some" } = {}) {
-  const r = It(e), o = /* @__PURE__ */ new WeakMap(), a = (u) => {
-    u.forEach((c) => {
-      const f = o.get(c.target);
-      if (c.isIntersecting !== !!f)
-        if (c.isIntersecting) {
-          const h = t(c);
-          typeof h == "function" ? o.set(c.target, h) : l.unobserve(c.target);
-        } else f && (f(c), o.delete(c.target));
-    });
-  }, l = new IntersectionObserver(a, {
-    root: n,
-    rootMargin: s,
-    threshold: typeof i == "number" ? i : $a[i]
-  });
-  return r.forEach((u) => l.observe(u)), () => l.disconnect();
-}
-function $l(e, t = "end") {
-  return (n) => {
-    n = t === "end" ? Math.min(n, 0.999) : Math.max(n, 1e-3);
-    const s = n * e, i = t === "end" ? Math.floor(s) : Math.ceil(s);
-    return H(0, 1, i / e);
-  };
-}
-function _a(e, t) {
-  if (e === "first")
-    return 0;
-  {
-    const n = t - 1;
-    return e === "last" ? n : n / 2;
-  }
-}
-function Kl(e = 0.1, { startDelay: t = 0, from: n = 0, ease: s } = {}) {
-  return (i, r) => {
-    const o = typeof n == "number" ? n : _a(n, r), a = Math.abs(o - i);
-    let l = e * a;
-    if (s) {
-      const u = r * e;
-      l = te(s)(l / u) * u;
-    }
-    return t + l;
-  };
-}
-const Wa = (e) => e && typeof e == "object" && e.mix, ka = (e) => Wa(e) ? e.mix : void 0;
-function Ga(...e) {
-  const t = !Array.isArray(e[0]), n = t ? 0 : -1, s = e[0 + n], i = e[1 + n], r = e[2 + n], o = e[3 + n], a = xe(i, r, {
-    mixer: ka(r[0]),
-    ...o
-  });
-  return t ? a(s) : a;
-}
-function za(e, t) {
-  const n = N.now(), s = ({ timestamp: i }) => {
-    const r = i - n;
-    r >= t && (R(s), e(r - t));
-  };
-  return M.read(s, !0), () => R(s);
-}
-function _l(e, t) {
-  return za(e, C(t));
-}
-const Sn = (e, t) => Math.abs(e - t);
-function Wl(e, t) {
-  const n = Sn(e.x, t.x), s = Sn(e.y, t.y);
-  return Math.sqrt(n ** 2 + s ** 2);
-}
-const kl = M, Gl = st.reduce((e, t) => (e[t] = (n) => R(n), e), {});
-function Us(e, t) {
-  const n = typeof e == "string" && !t ? `${e}Context` : t, s = Symbol(n);
-  return [(o) => {
-    const a = Zs(s, o);
-    if (a || a === null)
-      return a;
-    throw new Error(
-      `Injection \`${s.toString()}\` not found. Component must be used within ${Array.isArray(e) ? `one of the following components: ${e.join(
-        ", "
-      )}` : `\`${e}\``}`
-    );
-  }, (o) => (Js(s, o), o)];
-}
-function Y(e) {
-  return !!(e && e.getVelocity);
-}
-const [Ua, ja] = Us("Motion");
-function wn(e, t) {
-  if (typeof e == "object")
-    return e;
-  if (e && t)
-    return t[e];
-}
-function Ha(e, t) {
-  return typeof e != typeof t ? !0 : Array.isArray(e) && Array.isArray(t) ? !Ya(e, t) : e !== t;
-}
-function Ya(e, t) {
-  const n = t.length;
-  if (n !== e.length)
-    return !1;
-  for (let s = 0; s < n; s++)
-    if (t[s] !== e[s])
-      return !1;
-  return !0;
-}
-function Xa(e, t) {
-  !e.includes(t) && e.push(t);
-}
-function qa(e, t) {
-  const n = e.indexOf(t);
-  n !== -1 && e.splice(n, 1);
-}
-function Za(e, t) {
-  return e[t] ? { ...e, ...e[t] } : { ...e };
-}
-function Tn(e) {
-  return e == null ? void 0 : e.startsWith("--");
-}
-function Ja() {
-}
-const Qa = (e) => e;
-function tl(e) {
-  return typeof e == "number";
-}
-const el = [
-  "animate",
-  "circle",
-  "defs",
-  "desc",
-  "ellipse",
-  "g",
-  "image",
-  "line",
-  "filter",
-  "marker",
-  "mask",
-  "metadata",
-  "path",
-  "pattern",
-  "polygon",
-  "polyline",
-  "rect",
-  "stop",
-  "svg",
-  "switch",
-  "symbol",
-  "text",
-  "tspan",
-  "use",
-  "view",
-  "clipPath",
-  "feBlend",
-  "feColorMatrix",
-  "feComponentTransfer",
-  "feComposite",
-  "feConvolveMatrix",
-  "feDiffuseLighting",
-  "feDisplacementMap",
-  "feDistantLight",
-  "feDropShadow",
-  "feFlood",
-  "feFuncA",
-  "feFuncB",
-  "feFuncG",
-  "feFuncR",
-  "feGaussianBlur",
-  "feImage",
-  "feMerge",
-  "feMergeNode",
-  "feMorphology",
-  "feOffset",
-  "fePointLight",
-  "feSpecularLighting",
-  "feSpotLight",
-  "feTile",
-  "feTurbulence",
-  "foreignObject",
-  "linearGradient",
-  "radialGradient",
-  "textPath"
-], nl = new Set(el);
-function sl(e) {
-  return nl.has(e);
-}
-typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const xn = (e) => typeof e < "u", Vn = {
-  syntax: "<angle>",
-  initialValue: "0deg",
-  toDefaultUnit: (e) => `${e}deg`
-}, il = {
-  translate: {
-    syntax: "<length-percentage>",
-    initialValue: "0px",
-    toDefaultUnit: (e) => `${e}px`
-  },
-  rotate: Vn,
-  scale: {
-    syntax: "<number>",
-    initialValue: 1,
-    toDefaultUnit: Qa
-  },
-  skew: Vn
-}, rl = ["translate", "scale", "rotate", "skew"], ol = ["", "X", "Y", "Z"], Ee = /* @__PURE__ */ new Map(), Pt = ["transformPerspective", "x", "y", "z", "translateX", "translateY", "translateZ", "scale", "scaleX", "scaleY", "rotate", "rotateX", "rotateY", "rotateZ", "skew", "skewX", "skewY"];
-rl.forEach((e) => {
-  ol.forEach((t) => {
-    Pt.push(e + t), Ee.set(
-      e + t,
-      il[e]
-    );
-  });
-});
-const al = new Set(Pt), ll = (e) => al.has(e), An = {
-  x: "translateX",
-  y: "translateY",
-  z: "translateZ"
-};
-function ul([e], [t]) {
-  return Pt.indexOf(e) - Pt.indexOf(t);
-}
-function cl(e, [t, n]) {
-  return `${e} ${t}(${n})`;
-}
-function fl(e) {
-  return e.sort(ul).reduce(cl, "").trim();
-}
-const hl = {
-  translate: [0, 0],
-  rotate: 0,
-  scale: 1,
-  skew: 0,
-  x: 0,
-  y: 0,
-  z: 0
-}, dl = {
-  get: (e, t) => {
-    let n = Tn(t) ? e.style.getPropertyValue(t) : getComputedStyle(e)[t];
-    if (!n && n !== "0") {
-      const s = Ee.get(t);
-      s && (n = s.initialValue);
-    }
-    return n;
-  },
-  set: (e, t, n) => {
-    Tn(t) ? e.style.setProperty(t, n) : e.style[t] = n;
-  }
-};
-function Ut(e) {
-  var s;
-  const t = {}, n = [];
-  for (let i in e) {
-    let r = e[i];
-    r = Y(r) ? r.get() : r, ll(i) && i in An && (i = An[i]);
-    let o = Array.isArray(r) ? r[0] : r;
-    const a = Ee.get(i);
-    a ? (o = tl(r) ? (s = a.toDefaultUnit) == null ? void 0 : s.call(a, r) : r, n.push([i, o])) : t[i] = o;
-  }
-  return n.length && (t.transform = fl(n)), t;
-}
-const Mn = {
-  fill: !0,
-  stroke: !0,
-  strokeWidth: !0,
-  opacity: !0,
-  fillOpacity: !0,
-  strokeOpacity: !0,
-  strokeLinecap: !0,
-  strokeLinejoin: !0,
-  strokeDasharray: !0,
-  strokeDashoffset: !0,
-  cx: !0,
-  cy: !0,
-  r: !0,
-  d: !0,
-  x: !0,
-  y: !0,
-  x1: !0,
-  y1: !0,
-  x2: !0,
-  y2: !0,
-  points: !0,
-  pathLength: !0,
-  transform: !0,
-  viewBox: !0,
-  width: !0,
-  height: !0,
-  preserveAspectRatio: !0,
-  clipPath: !0,
-  filter: !0,
-  mask: !0,
-  stopColor: !0,
-  stopOpacity: !0,
-  gradientTransform: !0,
-  gradientUnits: !0,
-  spreadMethod: !0,
-  markerEnd: !0,
-  markerMid: !0,
-  markerStart: !0,
-  textAnchor: !0,
-  dominantBaseline: !0,
-  fontFamily: !0,
-  fontSize: !0,
-  fontWeight: !0,
-  letterSpacing: !0,
-  vectorEffect: !0
-};
-function pl(e) {
-  const t = {}, n = {};
-  for (const s in e)
-    if (s in Mn) {
-      const i = Mn[s], r = typeof i == "string" ? i : s, o = e[s];
-      t[r] = Y(o) ? o.get() : o;
-    } else
-      n[s] = e[s];
-  return {
-    attributes: t,
-    style: n
-  };
-}
-function js(e) {
-  return e ? e.flatMap((t) => t.type === Qs ? js(t.children) : [t]) : [];
-}
-const ml = Ot({
-  name: "PrimitiveSlot",
-  inheritAttrs: !1,
-  setup(e, { attrs: t, slots: n }) {
-    return () => {
-      var l, u;
-      if (!n.default)
-        return null;
-      const s = js(n.default()), i = s.findIndex((c) => c.type !== ti);
-      if (i === -1)
-        return s;
-      const r = s[i];
-      (l = r.props) == null || delete l.ref;
-      const o = r.props ? Rn(t, r.props) : t;
-      t.class && ((u = r.props) != null && u.class) && delete r.props.class;
-      const a = ei(r, o);
-      for (const c in o)
-        c.startsWith("on") && (a.props || (a.props = {}), a.props[c] = o[c]);
-      return s.length === 1 ? a : (s[i] = a, s);
-    };
-  }
-}), gl = Ot({
-  name: "Primitive",
-  inheritAttrs: !1,
-  props: {
-    asChild: {
-      type: Boolean,
-      default: !1
-    },
-    as: {
-      type: [String, Object],
-      default: "div"
-    }
-  },
-  setup(e, { attrs: t, slots: n }) {
-    const s = e.asChild ? "template" : e.as;
-    return typeof s == "string" && ["area", "img", "input"].includes(s) ? () => $t(s, t) : s !== "template" ? () => $t(e.as, t, { default: n.default }) : () => $t(ml, t, { default: n.default });
-  }
-});
-var Hs = function() {
-}, Ys = function() {
-};
-process.env.NODE_ENV !== "production" && (Hs = function(e, t) {
-  !e && typeof console < "u" && console.warn(t);
-}, Ys = function(e, t) {
-  if (!e)
-    throw new Error(t);
-});
-class Pe {
-  constructor(t) {
-    this.state = t;
-  }
-  update() {
-  }
-}
-class yl {
-  constructor(t) {
-    this.features = [], this.features = [
-      new vl(t),
-      new bl(t),
-      new Sl(t),
-      new xl(t),
-      new wl(t)
-    ];
-  }
-  mount() {
-    this.features.forEach((t) => t.mount());
-  }
-  unmount() {
-    this.features.forEach((t) => t.unmount());
-  }
-  update() {
-    this.features.forEach((t) => t.update());
-  }
-}
-function ct(e, t, n) {
-  e.dispatchEvent(
-    new CustomEvent(t, { detail: { originalEvent: n } })
-  );
-}
-class Ce extends Pe {
-  updateGestureSubscriptions() {
-    const t = this.isActive();
-    t && !this.removeGestureSubscriptions ? this.removeGestureSubscriptions = this.subscribeEvents() : !t && this.removeGestureSubscriptions && (this.removeGestureSubscriptions(), this.removeGestureSubscriptions = void 0);
-  }
-  unmount() {
-    var t;
-    (t = this.removeGestureSubscriptions) == null || t.call(this);
-  }
-}
-function En(e, t, n) {
-  return (s) => {
-    s.pointerType && s.pointerType !== "mouse" || (n(), ct(e, t, s));
-  };
-}
-class vl extends Ce {
-  isActive() {
-    return !!this.state.getOptions().hover;
-  }
-  constructor(t) {
-    super(t), this.subscribeEvents = () => {
-      const n = this.state.getElement(), s = En(n, "hoverstart", () => {
-        this.state.setActive("hover", !0);
-      }), i = En(n, "hoverend", () => {
-        this.state.setActive("hover", !1);
-      });
-      return n.addEventListener("pointerenter", s), n.addEventListener("pointerleave", i), () => {
-        n.removeEventListener("pointerenter", s), n.removeEventListener("pointerleave", i);
-      };
-    };
-  }
-  mount() {
-    this.updateGestureSubscriptions();
-  }
-  update() {
-    this.updateGestureSubscriptions();
-  }
-}
-class bl extends Ce {
-  isActive() {
-    return !!this.state.getOptions().press;
-  }
-  constructor(t) {
-    super(t), this.subscribeEvents = () => {
-      const n = this.state.getElement(), s = (r) => {
-        this.state.setActive("press", !1), ct(n, "pressend", r), window.removeEventListener("pointerup", s);
-      }, i = (r) => {
-        this.state.setActive("press", !0), ct(n, "pressstart", r), window.addEventListener("pointerup", s);
-      };
-      return n.addEventListener("pointerdown", i), () => {
-        n.removeEventListener("pointerdown", i), window.removeEventListener("pointerup", s);
-      };
-    };
-  }
-  mount() {
-    this.updateGestureSubscriptions();
-  }
-  update() {
-    this.updateGestureSubscriptions();
-  }
-}
-class Sl extends Ce {
-  isActive() {
-    return !!this.state.getOptions().inView;
-  }
-  constructor(t) {
-    super(t), this.subscribeEvents = () => {
-      var r;
-      const n = this.state.getElement(), { once: s, ...i } = ((r = this.state.getOptions()) == null ? void 0 : r.inViewOptions) || {};
-      return Ka(n, (o) => {
-        if (this.state.setActive("inView", !0), ct(n, "viewenter", o), !s)
-          return (a) => {
-            this.state.setActive("inView", !1), ct(n, "viewleave", a);
-          };
-      }, i);
-    };
-  }
-  mount() {
-    this.updateGestureSubscriptions();
-  }
-  update() {
-    this.updateGestureSubscriptions();
-  }
-}
-class wl extends Pe {
-  constructor() {
-    super(...arguments), this.handlers = {};
-  }
-  mount() {
-    const t = this.state.getElement();
-    t && (this.handlers.motionstart = (n) => {
-      var i, r;
-      const s = n.detail.target;
-      (r = (i = this.state.getOptions()).onMotionStart) == null || r.call(i, s);
-    }, this.handlers.motioncomplete = (n) => {
-      var i, r;
-      const s = n.detail.target;
-      (r = (i = this.state.getOptions()).onMotionComplete) == null || r.call(i, s);
-    }, this.handlers.hoverstart = (n) => {
-      var i, r;
-      const s = n.detail;
-      (r = (i = this.state.getOptions()).onHoverStart) == null || r.call(i, s);
-    }, this.handlers.hoverend = (n) => {
-      var i, r;
-      const s = n.detail;
-      (r = (i = this.state.getOptions()).onHoverEnd) == null || r.call(i, s);
-    }, this.handlers.pressstart = (n) => {
-      var i, r;
-      const s = n.detail;
-      (r = (i = this.state.getOptions()).onPressStart) == null || r.call(i, s);
-    }, this.handlers.pressend = (n) => {
-      var i, r;
-      const s = n.detail;
-      (r = (i = this.state.getOptions()).onPressEnd) == null || r.call(i, s);
-    }, this.handlers.viewenter = (n) => {
-      var i, r;
-      const s = n.detail.target;
-      (r = (i = this.state.getOptions()).onViewEnter) == null || r.call(i, s);
-    }, this.handlers.viewleave = (n) => {
-      var i, r;
-      const s = n.detail.target;
-      (r = (i = this.state.getOptions()).onViewLeave) == null || r.call(i, s);
-    }, Object.entries(this.handlers).forEach(([n, s]) => {
-      t.addEventListener(n, s);
-    }));
-  }
-  unmount() {
-    const t = this.state.getElement();
-    t && Object.entries(this.handlers).forEach(([n, s]) => {
-      s && (t.removeEventListener(n, s), delete this.handlers[n]);
-    });
-  }
-}
-function Tl(e) {
-  return e instanceof SVGElement && e.tagName !== "svg";
-}
-class xl extends Pe {
-  mount() {
-    const t = this.state.getElement();
-    if (!Tl(t))
-      return;
-    const n = this.state.visualElement;
-    M.read(() => {
-      try {
-        n.renderState.dimensions = typeof t.getBBox == "function" ? t.getBBox() : t.getBoundingClientRect();
-      } catch {
-        n.renderState.dimensions = {
-          x: 0,
-          y: 0,
-          width: 0,
-          height: 0
-        };
-      }
-    });
-  }
-  unmount() {
-  }
-}
-let G;
-const Pn = (e) => e.next(), Vl = (e) => e.animateUpdates();
-function Al() {
-  if (!G)
-    return;
-  const e = G.sort(El).map(Vl);
-  e.forEach(Pn), e.forEach(Pn), G = void 0;
-}
-function Cn(e) {
-  G ? Xa(G, e) : (G = [e], requestAnimationFrame(Al));
-}
-function Ml(e) {
-  G && qa(G, e);
-}
-function El(e, t) {
-  return e.getDepth() - t.getDepth();
-}
-function Fn(e, t, n) {
-  return new CustomEvent(e, { detail: { target: t, isExit: n } });
-}
-const Pl = ["initial", "animate", "inView", "hover", "press", "exit", "drag"], Ct = /* @__PURE__ */ new WeakMap();
-class Cl {
-  constructor(t, n) {
-    this.element = null, this.activeStates = {
-      initial: !0,
-      animate: !0
-    }, this._context = null, this.options = t, this.parent = n, this.depth = (n == null ? void 0 : n.depth) + 1 || 0;
-    const s = t.initial === !1 ? "animate" : "initial";
-    this.featureManager = new yl(this), this.initTarget(s);
-  }
-  get context() {
-    if (!this._context) {
-      const t = {
-        get: (n, s) => {
-          var i;
-          return typeof this.options[s] == "string" ? this.options[s] : (i = this.parent) == null ? void 0 : i.context[s];
-        }
-      };
-      this._context = new Proxy({}, t);
-    }
-    return this._context;
-  }
-  initTarget(t) {
-    this.baseTarget = wn(this.options[t] || this.context[t], this.options.variants) || {}, this.target = { ...this.baseTarget };
-  }
-  get initial() {
-    return xn(this.options.initial) ? this.options.initial : this.context.initial;
-  }
-  mount(t) {
-    var s;
-    Ys(
-      !!t,
-      "Animation state must be mounted with valid Element"
-    ), this.element = t, Ct.set(t, this), $.get(t) || _s(t);
-    const n = $.get(t);
-    if (this.visualElement = n, n.update(this.options, (s = this.parent) == null ? void 0 : s.context), typeof this.initial == "object")
-      for (const i in this.initial)
-        n.setStaticValue(i, this.initial[i]);
-    else if (typeof this.initial == "string" && this.options.variants)
-      for (const i in this.options.variants[this.initial])
-        n.setStaticValue(i, this.options.variants[this.initial][i]);
-    this.featureManager.mount();
-  }
-  unmount() {
-    var t;
-    Ct.delete(this.element), Ml(this), (t = $.get(this.element)) == null || t.unmount(), this.featureManager.unmount();
-  }
-  update(t) {
-    var n;
-    this.options = t, this.visualElement.update(this.options, (n = this.parent) == null ? void 0 : n.context), this.featureManager.update(), Cn(this);
-  }
-  setActive(t, n) {
-    this.element && (this.activeStates[t] = n, Cn(this));
-  }
-  *animateUpdates() {
-    const t = this.target;
-    this.target = {};
-    const n = {};
-    for (const l of Pl) {
-      if (!this.activeStates[l])
-        continue;
-      const u = wn(
-        xn(this.options[l]) ? this.options[l] : this.context[l],
-        this.options.variants
-      );
-      if (!u)
-        continue;
-      const c = { ...t, ...u };
-      for (const f in c)
-        f !== "transition" && (this.target[f] = u[f], n[f] = Za(
-          u.transition ?? this.options.transition ?? {},
-          f
-        ));
-    }
-    const s = /* @__PURE__ */ new Set([
-      ...Object.keys(this.target),
-      ...Object.keys(t)
-    ]), i = [];
-    s.forEach((l) => {
-      var u;
-      this.target[l] === void 0 && (this.target[l] = this.baseTarget[l]), Ha(t[l], this.target[l]) && ((u = this.baseTarget)[l] ?? (u[l] = dl.get(this.element, l)), i.push(
-        () => ia(
-          this.element,
-          {
-            [l]: this.target[l] === "none" ? hl[l] : this.target[l]
-          },
-          n[l] || {}
-        )
-      ));
-    }), yield;
-    const r = i.map((l) => l()).filter(Boolean);
-    if (!r.length)
-      return;
-    const o = this.target;
-    this.element.dispatchEvent(Fn("motionstart", o));
-    const a = this.activeStates.exit;
-    Promise.all(r).then(() => {
-      this.element.dispatchEvent(Fn("motioncomplete", {
-        ...o
-      }, a));
-    }).catch(Ja);
-  }
-  isMounted() {
-    return !!this.element;
-  }
-  getDepth() {
-    return this.depth;
-  }
-  getOptions() {
-    return this.options;
-  }
-  getElement() {
-    return this.element;
-  }
-  getTarget() {
-    return this.target;
-  }
-}
-const Ft = /* @__PURE__ */ new Map();
-function jt(e) {
-  const t = Ft.get(e);
-  t && e.removeEventListener("motioncomplete", t), Ft.delete(e);
-}
-const [Fl, Ol] = Us("AnimatePresenceContext"), zl = /* @__PURE__ */ Ot({
-  name: "Motion",
-  inheritAttrs: !1,
-  __name: "Motion",
-  props: /* @__PURE__ */ ni({
-    as: {},
-    asChild: { type: Boolean },
-    inViewOptions: {},
-    inView: {},
-    press: {},
-    hover: {},
-    initial: { type: [String, Object, Boolean] },
-    animate: {},
-    exit: {},
-    variants: {},
-    style: {},
-    transformTemplate: { type: Function },
-    transition: {},
-    onMotionStart: { type: Function },
-    onMotionComplete: { type: Function },
-    onHoverStart: { type: Function },
-    onHoverEnd: { type: Function },
-    onPressStart: { type: Function },
-    onPressEnd: { type: Function },
-    onViewEnter: { type: Function },
-    onViewLeave: { type: Function }
-  }, {
-    as: "div",
-    asChild: !1,
-    initial: void 0,
-    animate: void 0,
-    hover: void 0,
-    inView: void 0
-  }),
-  setup(e) {
-    const t = e, { initial: n, safeUnmount: s } = Fl({ initial: si(void 0), safeUnmount: () => !0 }), i = Ua(null), r = ii(), o = new Cl(
-      {
-        ...r,
-        ...t
-      },
-      i
-    );
-    ja(o);
-    const a = ri();
-    In(() => {
-      o.mount(a == null ? void 0 : a.vnode.el), o.update({
-        ...r,
-        ...t,
-        style: { ...Ut(o.getTarget()), ...t.style }
-      });
-    }), Dt(() => {
-      s(a == null ? void 0 : a.vnode.el) && o.unmount();
-    }), oi(() => {
-      o.update({
-        ...r,
-        ...t,
-        initial: n.value === !1 ? n.value : t.initial === !0 ? void 0 : t.initial
-      });
-    });
-    function l() {
-      const u = { ...r };
-      Object.keys(r).forEach((f) => {
-        Y(r[f]) && (u[f] = r[f].get());
-      });
-      let c = {
-        ...t.style
-      };
-      if (!o.isMounted())
-        if (sl(t.as)) {
-          const { attributes: f, style: h } = pl(o.getTarget());
-          Object.assign(u, f), Object.assign(c, h, t.style);
-        } else
-          Object.assign(c, t.style, o.getTarget());
-      return c = Ut(c), u.style = Ut(c), u;
-    }
-    return (u, c) => (Ln(), Nn(ai(gl), Rn({
-      as: u.as,
-      "as-child": u.asChild
-    }, l()), {
-      default: $n(() => [
-        Kn(u.$slots, "default")
-      ]),
-      _: 3
-    }, 16, ["as", "as-child"]));
-  }
-}), Ul = /* @__PURE__ */ Ot({
-  name: "AnimatePresence",
-  inheritAttrs: !0,
-  __name: "AnimatePresence",
-  props: {
-    mode: { default: "sync" },
-    initial: { type: Boolean, default: !0 },
-    multiple: { type: Boolean, default: !1 },
-    as: {}
-  },
-  setup(e) {
-    const t = e, { initial: n } = li(t);
-    Ol({
-      initial: n,
-      safeUnmount(r) {
-        return !Ft.has(r);
-      }
-    });
-    function s(r) {
-      const o = Ct.get(r);
-      o && (jt(r), o.setActive("exit", !1));
-    }
-    function i(r, o) {
-      const a = Ct.get(r);
-      if (!a)
-        return o();
-      jt(r);
-      function l(u) {
-        var c;
-        (c = u == null ? void 0 : u.detail) != null && c.isExit && (jt(r), o(), r.__vnode.ctx.isUnmounted && a.unmount());
-      }
-      Ft.set(r, l), r.addEventListener("motioncomplete", l), a.setActive("exit", !0);
-    }
-    return (r, o) => (Ln(), Nn(ui(r.multiple ? ci : fi), {
-      tag: r.multiple ? r.as : void 0,
-      css: !1,
-      mode: r.mode === "wait" ? "out-in" : void 0,
-      onEnter: s,
-      onLeave: i
-    }, {
-      default: $n(() => [
-        Kn(r.$slots, "default")
-      ]),
-      _: 3
-    }, 40, ["tag", "mode"]));
-  }
-});
-function Fe(e) {
-  const t = D(e()), n = () => t.set(e()), s = () => M.preRender(n, !1, !0);
-  let i;
-  const r = (a) => {
-    i = a.map((l) => l.on("change", s));
-  }, o = () => {
-    i.forEach((a) => a()), R(n);
-  };
-  return Dt(() => {
-    o();
-  }), {
-    subscribe: r,
-    unsubscribe: o,
-    value: t
-  };
-}
-function Dl(e) {
-  k.current = [];
-  const { value: t, subscribe: n, unsubscribe: s } = Fe(e);
-  return n(k.current), k.current = void 0, _n(() => {
-    s(), k.current = [], e(), n(k.current), k.current = void 0;
-  }), t;
-}
-function jl(e, t, n, s) {
-  if (typeof e == "function")
-    return Dl(e);
-  const i = typeof t == "function" ? t : Ga(t, n, s);
-  return Array.isArray(e) ? On(
-    e,
-    i
-  ) : On([e], ([r]) => i(r));
-}
-function On(e, t) {
-  const n = [], { value: s, subscribe: i } = Fe(() => {
-    n.length = 0;
-    const r = e.length;
-    for (let o = 0; o < r; o++)
-      n[o] = e[o].get();
-    return t(n);
-  });
-  return i(e), s;
-}
-function Bl(e) {
-  let t = 0;
-  const n = ({ timestamp: i, delta: r }) => {
-    t || (t = i), e(i - t, r);
-  }, s = () => R(n);
-  _n(() => {
-    s(), M.update(n, !0);
-  }), Dt(() => s()), M.update(n, !0);
-}
-function Hl() {
-  const e = D(0);
-  return Bl((t) => e.set(t)), e;
-}
-function Yl(e, ...t) {
-  const n = e.length;
-  function s() {
-    let o = "";
-    for (let a = 0; a < n; a++) {
-      o += e[a];
-      const l = t[a];
-      l && (o += Y(l) ? l.get() : l);
-    }
-    return o;
-  }
-  const { value: i, subscribe: r } = Fe(s);
-  return r(t.filter(Y)), i;
-}
-function Dn(e) {
-  return typeof e == "number" ? e : parseFloat(e);
-}
-function Xl(e, t = {}) {
-  let n = null;
-  const s = D(
-    Y(e) ? Dn(e.get()) : e
-  );
-  let i = s.get(), r = () => {
-  };
-  const o = () => {
-    n && (n.stop(), n = null);
-  }, a = () => {
-    const l = n;
-    (l == null ? void 0 : l.time) === 0 && l.sample(J.delta), o(), n = qr({
-      keyframes: [s.get(), i],
-      velocity: s.getVelocity(),
-      type: "spring",
-      restDelta: 1e-3,
-      restSpeed: 0.01,
-      ...t,
-      onUpdate: r
-    });
-  };
-  return Wn(() => JSON.stringify(t), () => {
-    const l = s.attach((u, c) => (i = u, r = c, M.update(a), s.get()), o);
-    hi(() => l());
-  }, { immediate: !0 }), Y(e) && e.on("change", (l) => {
-    s.set(Dn(l));
-  }), s;
-}
-function Bn(e, t) {
-  Hs(
-    !!(!t || t.value),
-    `You have defined a ${e} options but the provided ref is not yet hydrated, probably because it's defined higher up the tree. Try calling useScroll() in the same component as the ref.`
-  );
-}
-function Rl() {
-  return {
-    scrollX: D(0),
-    scrollY: D(0),
-    scrollXProgress: D(0),
-    scrollYProgress: D(0)
-  };
-}
-function ql({
-  container: e,
-  target: t,
-  ...n
-} = {}) {
-  const s = Rl();
-  let i;
-  const r = () => {
-    i == null || i(), i = Na(
-      (o, { x: a, y: l }) => {
-        s.scrollX.set(a.current), s.scrollXProgress.set(a.progress), s.scrollY.set(l.current), s.scrollYProgress.set(l.progress);
-      },
-      {
-        ...n,
-        container: (e == null ? void 0 : e.value) ?? void 0,
-        target: (t == null ? void 0 : t.value) ?? void 0
-      }
-    );
-  };
-  return In(() => {
-    Bn("target", t), Bn("container", e), r();
-  }), Dt(() => i == null ? void 0 : i()), Wn(
-    () => [e == null ? void 0 : e.value, t == null ? void 0 : t.value, n.offset],
-    r
-  ), s;
-}
-const Zl = {
-  motion: [
-    "Motion",
-    "MotionPresence"
-  ]
-}, Jl = {
-  utilities: [
-    "useTransform",
-    "useTime",
-    "useMotionTemplate",
-    "useSpring",
-    "useScroll",
-    "useMotionValue"
-  ]
-};
-export {
-  Ul as AnimatePresence,
-  zl as Motion,
-  Si as MotionValue,
-  ia as animate,
-  Nl as animateMini,
-  ns as anticipate,
-  he as backIn,
-  es as backInOut,
-  ts as backOut,
-  R as cancelFrame,
-  Gl as cancelSync,
-  de as circIn,
-  ss as circInOut,
-  Zi as circOut,
-  H as clamp,
-  Zl as components,
-  sa as createScopedAnimate,
-  yt as cubicBezier,
-  _l as delay,
-  Sn as distance,
-  Wl as distance2D,
-  Br as easeIn,
-  ws as easeInOut,
-  Rr as easeOut,
-  M as frame,
-  J as frameData,
-  Ll as frameSteps,
-  Ka as inView,
-  nn as inertia,
-  xe as interpolate,
-  I as invariant,
-  At as keyframes,
-  Jn as mirrorEasing,
-  xs as mix,
-  D as motionValue,
-  we as pipe,
-  dt as progress,
-  Qn as reverseEasing,
-  Na as scroll,
-  Me as scrollInfo,
-  le as spring,
-  Kl as stagger,
-  $l as steps,
-  kl as sync,
-  Ga as transform,
-  Yl as useMotionTemplate,
-  D as useMotionValue,
-  ql as useScroll,
-  Xl as useSpring,
-  Hl as useTime,
-  jl as useTransform,
-  Jl as utilities,
-  ft as warning,
-  Oi as wrap
-};