@konstructio/ui 0.1.2-alpha.112 → 0.1.2-alpha.114

package/dist/react-C685EsYG.js

@@ -1,4730 +0,0 @@
-import { Component as zr, Fragment as rs, createContext as At, createElement as _r, forwardRef as Gr, useCallback as os, useContext as N, useEffect as si, useId as Hr, useInsertionEffect as as, useLayoutEffect as Xr, useMemo as he, useRef as lt } from "react";
-import { jsx as ls, jsxs as Yr } from "react/jsx-runtime";
-var us = At({});
-function qr(t) {
-  const e = lt(null);
-  return e.current === null && (e.current = t()), e.current;
-}
-var Zr = typeof window < "u", Oi = Zr ? Xr : si, ri = /* @__PURE__ */ At(null);
-function oi(t, e) {
-  t.indexOf(e) === -1 && t.push(e);
-}
-function ee(t, e) {
-  const i = t.indexOf(e);
-  i > -1 && t.splice(i, 1);
-}
-var tt = (t, e, i) => i > e ? e : i < t ? t : i;
-function ke(t, e) {
-  return e ? `${t}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${e}` : t;
-}
-var mt = () => {
-}, q = () => {
-};
-typeof process < "u" && process.env.NODE_ENV !== "production" && (mt = (t, e, i) => {
-  !t && typeof console < "u" && console.warn(ke(e, i));
-}, q = (t, e, i) => {
-  if (!t) throw new Error(ke(e, i));
-});
-var Q = {}, ai = (t) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t), cs = (t) => typeof t == "object" && t !== null, li = (t) => /^0[^.\s]+$/u.test(t);
-// @__NO_SIDE_EFFECTS__
-function hs(t) {
-  let e;
-  return () => (e === void 0 && (e = t()), e);
-}
-var _ = /* @__NO_SIDE_EFFECTS__ */ (t) => t, Nt = (...t) => t.reduce((e, i) => (n) => i(e(n))), Lt = /* @__NO_SIDE_EFFECTS__ */ (t, e, i) => {
-  const n = e - t;
-  return n ? (i - t) / n : 1;
-}, ie = class {
-  constructor() {
-    this.subscriptions = [];
-  }
-  add(t) {
-    return oi(this.subscriptions, t), () => this.remove(t);
-  }
-  remove(t) {
-    ee(this.subscriptions, t);
-  }
-  notify(t, e, i) {
-    const n = this.subscriptions.length;
-    if (n)
-      if (n === 1) this.subscriptions[0](t, e, i);
-      else for (let s = 0; s < n; s++) {
-        const o = this.subscriptions[s];
-        o && o(t, e, i);
-      }
-  }
-  getSize() {
-    return this.subscriptions.length;
-  }
-  clear() {
-    this.subscriptions.length = 0;
-  }
-}, U = /* @__NO_SIDE_EFFECTS__ */ (t) => t * 1e3, $ = /* @__NO_SIDE_EFFECTS__ */ (t) => t / 1e3, fs = /* @__NO_SIDE_EFFECTS__ */ (t, e) => e ? t * (1e3 / e) : 0, ji = /* @__PURE__ */ new Set();
-function ui(t, e, i) {
-  t || ji.has(e) || (console.warn(ke(e, i)), ji.add(e));
-}
-var ds = (t, e, i) => (((1 - 3 * i + 3 * e) * t + (3 * i - 6 * e)) * t + 3 * e) * t, Jr = 1e-7, Qr = 12;
-function to(t, e, i, n, s) {
-  let o, r, a = 0;
-  do
-    r = e + (i - e) / 2, o = ds(r, n, s) - t, o > 0 ? i = r : e = r;
-  while (Math.abs(o) > Jr && ++a < Qr);
-  return r;
-}
-// @__NO_SIDE_EFFECTS__
-function Ut(t, e, i, n) {
-  if (t === e && i === n) return _;
-  const s = (o) => to(o, 0, 1, t, i);
-  return (o) => o === 0 || o === 1 ? o : ds(s(o), e, n);
-}
-var ms = /* @__NO_SIDE_EFFECTS__ */ (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, ps = /* @__NO_SIDE_EFFECTS__ */ (t) => (e) => 1 - t(1 - e), vs = /* @__PURE__ */ Ut(0.33, 1.53, 0.69, 0.99), ci = /* @__PURE__ */ ps(vs), gs = /* @__PURE__ */ ms(ci), ys = (t) => t >= 1 ? 1 : (t *= 2) < 1 ? 0.5 * ci(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), hi = (t) => 1 - Math.sin(Math.acos(t)), Ts = ps(hi), xs = ms(hi), eo = /* @__PURE__ */ Ut(0.42, 0, 1, 1), io = /* @__PURE__ */ Ut(0, 0, 0.58, 1), fi = /* @__PURE__ */ Ut(0.42, 0, 0.58, 1), no = /* @__NO_SIDE_EFFECTS__ */ (t) => Array.isArray(t) && typeof t[0] != "number", ws = /* @__NO_SIDE_EFFECTS__ */ (t) => Array.isArray(t) && typeof t[0] == "number", Ni = {
-  linear: _,
-  easeIn: eo,
-  easeInOut: fi,
-  easeOut: io,
-  circIn: hi,
-  circInOut: xs,
-  circOut: Ts,
-  backIn: ci,
-  backInOut: gs,
-  backOut: vs,
-  anticipate: ys
-}, so = (t) => typeof t == "string", Ui = (t) => {
-  if (ws(t)) {
-    q(t.length === 4, "Cubic bezier arrays must contain four numerical values.", "cubic-bezier-length");
-    const [e, i, n, s] = t;
-    return /* @__PURE__ */ Ut(e, i, n, s);
-  } else if (so(t))
-    return q(Ni[t] !== void 0, `Invalid easing type '${t}'`, "invalid-easing-type"), Ni[t];
-  return t;
-}, C = {
-  delta: 0,
-  timestamp: 0,
-  isProcessing: !1
-}, Ht;
-function ro() {
-  Ht = void 0;
-}
-var k = {
-  now: () => (Ht === void 0 && k.set(C.isProcessing || Q.useManualTiming ? C.timestamp : performance.now()), Ht),
-  set: (t) => {
-    Ht = t, queueMicrotask(ro);
-  }
-}, Pt = (t) => Math.round(t * 1e5) / 1e5, Ss = (t) => (e) => typeof e == "string" && e.startsWith(t), Ps = /* @__PURE__ */ Ss("--"), oo = /* @__PURE__ */ Ss("var(--"), di = (t) => oo(t) ? ao.test(t.split("/*")[0].trim()) : !1, ao = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;
-function Wi(t) {
-  return typeof t != "string" ? !1 : t.split("/*")[0].includes("var(--");
-}
-var Vt = {
-  test: (t) => typeof t == "number",
-  parse: parseFloat,
-  transform: (t) => t
-}, kt = {
-  ...Vt,
-  transform: (t) => tt(0, 1, t)
-}, Kt = {
-  ...Vt,
-  default: 1
-}, mi = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
-function lo(t) {
-  return t == null;
-}
-var uo = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, pi = (t, e) => (i) => !!(typeof i == "string" && uo.test(i) && i.startsWith(t) || e && !lo(i) && Object.prototype.hasOwnProperty.call(i, e)), bs = (t, e, i) => (n) => {
-  if (typeof n != "string") return n;
-  const [s, o, r, a] = n.match(mi);
-  return {
-    [t]: parseFloat(s),
-    [e]: parseFloat(o),
-    [i]: parseFloat(r),
-    alpha: a !== void 0 ? parseFloat(a) : 1
-  };
-}, co = (t) => tt(0, 255, t), ge = {
-  ...Vt,
-  transform: (t) => Math.round(co(t))
-}, ut = {
-  test: /* @__PURE__ */ pi("rgb", "red"),
-  parse: /* @__PURE__ */ bs("red", "green", "blue"),
-  transform: ({ red: t, green: e, blue: i, alpha: n = 1 }) => "rgba(" + ge.transform(t) + ", " + ge.transform(e) + ", " + ge.transform(i) + ", " + Pt(kt.transform(n)) + ")"
-};
-function ho(t) {
-  let e = "", i = "", n = "", s = "";
-  return t.length > 5 ? (e = t.substring(1, 3), i = t.substring(3, 5), n = t.substring(5, 7), s = t.substring(7, 9)) : (e = t.substring(1, 2), i = t.substring(2, 3), n = t.substring(3, 4), s = t.substring(4, 5), e += e, i += i, n += n, s += s), {
-    red: parseInt(e, 16),
-    green: parseInt(i, 16),
-    blue: parseInt(n, 16),
-    alpha: s ? parseInt(s, 16) / 255 : 1
-  };
-}
-var Be = {
-  test: /* @__PURE__ */ pi("#"),
-  parse: ho,
-  transform: ut.transform
-}, Wt = /* @__NO_SIDE_EFFECTS__ */ (t) => ({
-  test: (e) => typeof e == "string" && e.endsWith(t) && e.split(" ").length === 1,
-  parse: parseFloat,
-  transform: (e) => `${e}${t}`
-}), J = /* @__PURE__ */ Wt("deg"), Y = /* @__PURE__ */ Wt("%"), y = /* @__PURE__ */ Wt("px"), fo = /* @__PURE__ */ Wt("vh"), mo = /* @__PURE__ */ Wt("vw"), $i = {
-  ...Y,
-  parse: (t) => Y.parse(t) / 100,
-  transform: (t) => Y.transform(t * 100)
-}, Tt = {
-  test: /* @__PURE__ */ pi("hsl", "hue"),
-  parse: /* @__PURE__ */ bs("hue", "saturation", "lightness"),
-  transform: ({ hue: t, saturation: e, lightness: i, alpha: n = 1 }) => "hsla(" + Math.round(t) + ", " + Y.transform(Pt(e)) + ", " + Y.transform(Pt(i)) + ", " + Pt(kt.transform(n)) + ")"
-}, R = {
-  test: (t) => ut.test(t) || Be.test(t) || Tt.test(t),
-  parse: (t) => ut.test(t) ? ut.parse(t) : Tt.test(t) ? Tt.parse(t) : Be.parse(t),
-  transform: (t) => typeof t == "string" ? t : t.hasOwnProperty("red") ? ut.transform(t) : Tt.transform(t),
-  getAnimatableNone: (t) => {
-    const e = R.parse(t);
-    return e.alpha = 0, R.transform(e);
-  }
-}, po = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu, As = /* @__PURE__ */ new RegExp(mi.source), Vs = /* @__PURE__ */ new RegExp(po.source, "i");
-function vo(t) {
-  return isNaN(t) && typeof t == "string" && (As.test(t) || Vs.test(t));
-}
-var Ds = "number", Ms = "color", go = "var", yo = "var(", Ki = "${}", To = /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 xo(t) {
-  const e = t.toString();
-  return As.test(e) || Vs.test(e);
-}
-function Bt(t) {
-  const e = t.toString(), i = [], n = {
-    color: [],
-    number: [],
-    var: []
-  }, s = [];
-  let o = 0;
-  return {
-    values: i,
-    split: e.replace(To, (r) => (R.test(r) ? (n.color.push(o), s.push(Ms), i.push(R.parse(r))) : r.startsWith(yo) ? (n.var.push(o), s.push(go), i.push(r)) : (n.number.push(o), s.push(Ds), i.push(parseFloat(r))), ++o, Ki)).split(Ki),
-    indexes: n,
-    types: s
-  };
-}
-function wo(t) {
-  return Bt(t).values;
-}
-function Es({ split: t, types: e }) {
-  const i = t.length;
-  return (n) => {
-    let s = "";
-    for (let o = 0; o < i; o++)
-      if (s += t[o], n[o] !== void 0) {
-        const r = e[o];
-        r === Ds ? s += Pt(n[o]) : r === Ms ? s += R.transform(n[o]) : s += n[o];
-      }
-    return s;
-  };
-}
-function So(t) {
-  return Es(Bt(t));
-}
-var Po = (t) => typeof t == "number" ? 0 : R.test(t) ? R.getAnimatableNone(t) : t, bo = (t, e) => typeof t == "number" ? e?.trim().endsWith("/") ? t : 0 : Po(t);
-function Ao(t) {
-  const e = Bt(t);
-  return Es(e)(e.values.map((i, n) => bo(i, e.split[n])));
-}
-var W = {
-  test: vo,
-  parse: wo,
-  createTransformer: So,
-  getAnimatableNone: Ao
-};
-function ye(t, e, i) {
-  return i < 0 && (i += 1), i > 1 && (i -= 1), i < 1 / 6 ? t + (e - t) * 6 * i : i < 1 / 2 ? e : i < 2 / 3 ? t + (e - t) * (2 / 3 - i) * 6 : t;
-}
-function Vo({ hue: t, saturation: e, lightness: i, alpha: n }) {
-  t /= 360, e /= 100, i /= 100;
-  let s = 0, o = 0, r = 0;
-  if (!e) s = o = r = i;
-  else {
-    const a = i < 0.5 ? i * (1 + e) : i + e - i * e, l = 2 * i - a;
-    s = ye(l, a, t + 1 / 3), o = ye(l, a, t), r = ye(l, a, t - 1 / 3);
-  }
-  return {
-    red: Math.round(s * 255),
-    green: Math.round(o * 255),
-    blue: Math.round(r * 255),
-    alpha: n
-  };
-}
-function ne(t, e) {
-  return (i) => i > 0 ? e : t;
-}
-var V = (t, e, i) => t + (e - t) * i, Te = (t, e, i) => {
-  const n = t * t, s = i * (e * e - n) + n;
-  return s < 0 ? 0 : Math.sqrt(s);
-}, Do = [
-  Be,
-  ut,
-  Tt
-], Mo = (t) => Do.find((e) => e.test(t));
-function zi(t) {
-  const e = Mo(t);
-  if (!e)
-    return mt(!1, `'${t}' is not an animatable color. Use the equivalent color code instead.`, "color-not-animatable"), !1;
-  let i = e.parse(t);
-  return e === Tt && (i = Vo(i)), i;
-}
-var _i = (t, e) => {
-  const i = zi(t), n = zi(e);
-  if (!i || !n) return ne(t, e);
-  const s = { ...i };
-  return (o) => (s.red = Te(i.red, n.red, o), s.green = Te(i.green, n.green, o), s.blue = Te(i.blue, n.blue, o), s.alpha = V(i.alpha, n.alpha, o), ut.transform(s));
-}, Ie = /* @__PURE__ */ new Set(["none", "hidden"]);
-function Eo(t, e) {
-  return Ie.has(t) ? (i) => i <= 0 ? t : e : (i) => i >= 1 ? e : t;
-}
-function Co(t, e) {
-  return (i) => V(t, e, i);
-}
-function vi(t) {
-  return typeof t == "number" ? Co : typeof t == "string" ? di(t) ? ne : R.test(t) ? _i : ko : Array.isArray(t) ? Cs : typeof t == "object" ? R.test(t) ? _i : Ro : ne;
-}
-function Cs(t, e) {
-  const i = [...t], n = i.length, s = t.map((o, r) => vi(o)(o, e[r]));
-  return (o) => {
-    for (let r = 0; r < n; r++) i[r] = s[r](o);
-    return i;
-  };
-}
-function Ro(t, e) {
-  const i = {
-    ...t,
-    ...e
-  }, n = {};
-  for (const s in i) t[s] !== void 0 && e[s] !== void 0 && (n[s] = vi(t[s])(t[s], e[s]));
-  return (s) => {
-    for (const o in n) i[o] = n[o](s);
-    return i;
-  };
-}
-function Lo(t, e) {
-  const i = [], n = {
-    color: 0,
-    var: 0,
-    number: 0
-  };
-  for (let s = 0; s < e.values.length; s++) {
-    const o = e.types[s], r = t.indexes[o][n[o]], a = t.values[r] ?? 0;
-    i[s] = a, n[o]++;
-  }
-  return i;
-}
-var ko = (t, e) => {
-  const i = W.createTransformer(e), n = Bt(t), s = Bt(e);
-  return n.indexes.var.length === s.indexes.var.length && n.indexes.color.length === s.indexes.color.length && n.indexes.number.length >= s.indexes.number.length ? Ie.has(t) && !s.values.length || Ie.has(e) && !n.values.length ? Eo(t, e) : Nt(Cs(Lo(n, s), s.values), i) : (mt(!0, `Complex values '${t}' and '${e}' 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.`, "complex-values-different"), ne(t, e));
-}, Gi = /^(-?(?:\d+(?:\.\d*)?|\.\d+))([a-z%]*)$/iu;
-function Bo(t, e) {
-  const i = Gi.exec(t);
-  if (!i) return;
-  const n = Gi.exec(e);
-  if (!n || i[2] !== n[2]) return;
-  const s = i[2], o = parseFloat(i[1]), r = parseFloat(n[1]);
-  return (a) => Pt(V(o, r, a)) + s;
-}
-function gi(t, e, i) {
-  if (typeof t == "number" && typeof e == "number" && typeof i == "number") return V(t, e, i);
-  if (typeof t == "string" && typeof e == "string") {
-    const n = Bo(t, e);
-    if (n) return n;
-  }
-  return vi(t)(t, e);
-}
-var zt = [
-  "setup",
-  "read",
-  "resolveKeyframes",
-  "preUpdate",
-  "update",
-  "preRender",
-  "render",
-  "postRender"
-];
-function Io(t) {
-  let e = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set(), n = !1, s = !1;
-  const o = /* @__PURE__ */ new Set();
-  let r = {
-    delta: 0,
-    timestamp: 0,
-    isProcessing: !1
-  };
-  function a(c) {
-    o.has(c) && (i.add(c), t()), c(r);
-  }
-  const l = {
-    schedule: (c, u = !1, h = !1) => {
-      const f = h && n ? e : i;
-      return u && o.add(c), f.add(c), c;
-    },
-    cancel: (c) => {
-      i.delete(c), o.delete(c);
-    },
-    process: (c) => {
-      if (r = c, n) {
-        s = !0;
-        return;
-      }
-      n = !0;
-      const u = e;
-      e = i, i = u, e.forEach(a), e.clear(), n = !1, s && (s = !1, l.process(c));
-    }
-  };
-  return l;
-}
-var Fo = 40;
-function Rs(t, e, i = {
-  delta: 0,
-  timestamp: 0,
-  isProcessing: !1
-}) {
-  let n = !1, s = !0;
-  const o = () => n = !0, r = zt.reduce((S, T) => (S[T] = Io(o), S), {}), { setup: a, read: l, resolveKeyframes: c, preUpdate: u, update: h, preRender: f, render: p, postRender: d } = r, g = () => {
-    const S = Q.useManualTiming, T = S ? i.timestamp : performance.now();
-    n = !1, S || (i.delta = s ? 1e3 / 60 : Math.max(Math.min(T - i.timestamp, Fo), 1)), i.timestamp = T, i.isProcessing = !0, a.process(i), l.process(i), c.process(i), u.process(i), h.process(i), f.process(i), p.process(i), d.process(i), i.isProcessing = !1, n && e && (s = !1, t(g));
-  }, m = () => {
-    n = !0, s = !0, i.isProcessing || t(g);
-  };
-  return {
-    schedule: zt.reduce((S, T) => {
-      const b = r[T];
-      return S[T] = (A, v = !1, w = !1) => (n || m(), b.schedule(A, v, w)), S;
-    }, {}),
-    cancel: (S) => {
-      for (let T = 0; T < zt.length; T++) r[zt[T]].cancel(S);
-    },
-    state: i,
-    steps: r
-  };
-}
-var { schedule: D, cancel: nt, steps: xe } = /* @__PURE__ */ Rs(typeof requestAnimationFrame < "u" ? requestAnimationFrame : _, !0, C), Oo = (t) => {
-  const e = ({ timestamp: i }) => t(i);
-  return {
-    start: (i = !0) => D.update(e, i),
-    stop: () => nt(e),
-    now: () => C.isProcessing ? C.timestamp : k.now()
-  };
-}, Ls = (t, e, i = 10) => {
-  let n = "";
-  const s = Math.max(Math.round(e / i), 2);
-  for (let o = 0; o < s; o++) n += Math.round(t(o / (s - 1)) * 1e4) / 1e4 + ", ";
-  return `linear(${n.substring(0, n.length - 2)})`;
-}, yi = 2e4;
-function Ti(t, e = 50, i = yi, n) {
-  let s = 0, o = t.next(s);
-  for (n?.push(o.value); !o.done && s < i; )
-    s += e, o = t.next(s), n?.push(o.value);
-  return s >= i ? 1 / 0 : s;
-}
-function jo(t, e = 100, i) {
-  const n = i({
-    ...t,
-    keyframes: [0, e]
-  }), s = Math.min(Ti(n), yi);
-  return {
-    type: "keyframes",
-    ease: (o) => n.next(s * o).value / e,
-    duration: $(s)
-  };
-}
-var L = {
-  stiffness: 100,
-  damping: 10,
-  mass: 1,
-  duration: 800,
-  bounce: 0.3,
-  visualDuration: 0.3,
-  restSpeed: {
-    granular: 0.01,
-    default: 2
-  },
-  restDelta: {
-    granular: 5e-3,
-    default: 0.5
-  },
-  minDuration: 0.01,
-  maxDuration: 10,
-  minDamping: 0.05
-}, ks = (t) => t < 0 ? 1 / Math.max(1 + t, L.minDamping) : Math.max(1 - t, L.minDamping);
-function Bs(t, e) {
-  if (!(t > 1)) return 1;
-  const i = Math.sqrt(t * t - 1), n = t - i, s = t + i, o = 2 * i * Math.exp(-e) * (1 + e);
-  return Is((r) => s * Math.exp(-n * r) - n * Math.exp(-s * r) - o, (r) => Math.exp(-s * r) - Math.exp(-n * r), e) / e;
-}
-function Fe(t, e) {
-  return t * Math.sqrt(1 - e * e);
-}
-var No = 12;
-function Is(t, e, i) {
-  let n = i;
-  for (let s = 1; s < No; s++) n = n - t(n) / e(n);
-  return n;
-}
-var Hi = 1e-3;
-function Uo({ duration: t = L.duration, bounce: e = L.bounce }) {
-  let i, n;
-  mt(t <= U(L.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
-  const s = ks(e);
-  t = tt(L.minDuration, L.maxDuration, $(t)), s < 1 ? (i = (c) => {
-    const u = c * s, h = u * t, f = Fe(c, s), p = Math.exp(-h);
-    return Hi - u / f * p;
-  }, n = (c) => {
-    const u = c * s * t, h = s * s * c * c * t, f = Math.exp(-u), p = Fe(c * c, s);
-    return (-i(c) + Hi > 0 ? -1 : 1) * -h * f / p;
-  }) : (i = (c) => -1e-3 + Math.exp(-c * t) * (c * t + 1), n = (c) => Math.exp(-c * t) * (-c * (t * t)));
-  const o = 5 / t, r = Is(i, n, o), a = r * Bs(s, r * t), l = a * a;
-  return {
-    stiffness: l,
-    damping: s * 2 * Math.sqrt(l),
-    duration: U(t)
-  };
-}
-var Oe = (t, e) => (e ? t >= 0 : t > 0) && t < 1 / 0;
-function we(t, e) {
-  if (Oe(t, e)) return t;
-  process.env.NODE_ENV !== "production" && mt(t === void 0, "Spring stiffness and mass must be positive, damping 0 or greater", "spring-invalid-physics");
-}
-function Wo(t) {
-  const e = we(t.stiffness), i = we(t.damping, !0), n = we(t.mass), s = {
-    ...t,
-    stiffness: e ?? L.stiffness,
-    damping: i ?? L.damping,
-    mass: n ?? L.mass,
-    isResolvedFromDuration: !1,
-    isTimeDefined: (e ?? i ?? n) === void 0 && (t.duration !== void 0 || t.bounce !== void 0)
-  };
-  if (s.isTimeDefined) {
-    if (t.visualDuration) {
-      const o = ks(t.bounce || 0), r = 2 * Math.PI / (t.visualDuration * 1.2) * Bs(o, 2 * Math.PI / 1.2);
-      s.stiffness = r * r, s.damping = 2 * o * Math.sqrt(s.stiffness);
-    } else
-      Object.assign(s, Uo(s)), s.isResolvedFromDuration = !0;
-    (!Oe(s.stiffness) || !Oe(s.damping, !0)) && (s.stiffness = L.stiffness, s.damping = L.damping);
-  }
-  return s;
-}
-function se(t = L.visualDuration, e = L.bounce) {
-  const i = typeof t != "object" ? {
-    visualDuration: t,
-    keyframes: [0, 1],
-    bounce: e
-  } : t, n = i.keyframes[0], s = i.keyframes[i.keyframes.length - 1], o = {
-    done: !1,
-    value: n
-  }, { stiffness: r, damping: a, mass: l, duration: c, isResolvedFromDuration: u, isTimeDefined: h } = Wo({ ...i }), f = (v) => h ? 0 : -$(v), p = a / (2 * Math.sqrt(r * l)), d = $(Math.sqrt(r / l)), g = p * d, m = {
-    target: s,
-    delta: s - n,
-    velocity: f(i.velocity || 0) || 0,
-    restSpeed: 0,
-    restDelta: 0
-  }, P = () => {
-    const v = Math.abs(m.delta) < 5;
-    m.restSpeed = i.restSpeed || (v ? L.restSpeed.granular : L.restSpeed.default), m.restDelta = i.restDelta || (v ? L.restDelta.granular : L.restDelta.default);
-  };
-  P();
-  let x, S, T;
-  if (p < 1) {
-    const v = Fe(d, p), w = {
-      A: 0,
-      sinC: 0,
-      cosC: 0,
-      t: -1,
-      env: 0,
-      sin: 0,
-      cos: 0
-    };
-    T = () => {
-      w.A = (m.velocity + g * m.delta) / v, w.sinC = g * w.A + m.delta * v, w.cosC = g * m.delta - w.A * v;
-    };
-    const M = (I) => {
-      I !== w.t && (w.t = I, w.env = Math.exp(-g * I), w.sin = Math.sin(v * I), w.cos = Math.cos(v * I));
-    };
-    x = (I) => (M(I), m.target - w.env * (w.A * w.sin + m.delta * w.cos)), S = (I) => (M(I), w.env * (w.sinC * w.sin + w.cosC * w.cos));
-  } else if (p === 1) {
-    x = (w) => m.target - Math.exp(-d * w) * (m.delta + (m.velocity + d * m.delta) * w);
-    const v = { C: 0 };
-    T = () => {
-      v.C = m.velocity + d * m.delta;
-    }, S = (w) => Math.exp(-d * w) * (d * v.C * w - m.velocity);
-  } else {
-    const v = d * Math.sqrt(p * p - 1), w = g - v, M = g + v, I = h ? 1 / 0 : 300 / v, et = (j, pt) => Math.exp(pt > I ? -j * I - g * (pt - I) : -j * pt), Z = {
-      S: 0,
-      F: 0
-    };
-    T = () => {
-      const j = (m.velocity + g * m.delta) / v;
-      Z.S = (m.delta + j) / 2, Z.F = (m.delta - j) / 2;
-    }, x = (j) => m.target - Z.S * et(w, j) - Z.F * et(M, j), S = (j) => w * Z.S * et(w, j) + M * Z.F * et(M, j);
-  }
-  T();
-  const b = u && c || null, A = {
-    calculatedDuration: b,
-    retarget: (v, w) => {
-      m.target = v[v.length - 1], m.delta = m.target - v[0], m.velocity = f(w), i.restSpeed && i.restDelta || P(), A.calculatedDuration = b, o.done = !1, T();
-    },
-    velocity: (v) => U(S(v)),
-    next: (v) => {
-      const w = x(v);
-      if (u)
-        o.done = v >= c;
-      else {
-        const M = U(S(v));
-        o.done = Math.abs(M) <= m.restSpeed && Math.abs(m.target - w) <= m.restDelta;
-      }
-      return o.value = o.done ? m.target : w, o;
-    },
-    toString: () => {
-      const v = Math.min(Ti(A), yi), w = Ls((M) => A.next(v * M).value, v, 30);
-      return v + "ms " + w;
-    },
-    toTransition: () => {
-    }
-  };
-  return A;
-}
-se.applyToOptions = (t) => {
-  const e = jo(t, 100, se);
-  return t.ease = e.ease, t.duration = U(e.duration), t.type = "keyframes", t;
-};
-function je({ keyframes: t, velocity: e = 0, power: i = 0.8, timeConstant: n = 325, bounceDamping: s = 10, bounceStiffness: o = 500, modifyTarget: r, min: a, max: l, restDelta: c = 0.5, restSpeed: u }) {
-  const h = t[0], f = {
-    done: !1,
-    value: h
-  }, p = (v) => v < a || v > l, d = (v) => a === void 0 ? l : l === void 0 || Math.abs(a - v) < Math.abs(l - v) ? a : l;
-  let g = i * e;
-  const m = h + g, P = r === void 0 ? m : r(m);
-  P !== m && (g = P - h);
-  const x = (v) => -g * Math.exp(-v / n), S = (v) => {
-    const w = x(v);
-    f.done = Math.abs(w) <= c, f.value = f.done ? P : P + w;
-  };
-  let T, b;
-  const A = (v) => {
-    p(f.value) && (T = v, b = se({
-      keyframes: [f.value, d(f.value)],
-      velocity: -x(v) / n * 1e3,
-      damping: s,
-      stiffness: o,
-      restDelta: c,
-      restSpeed: u
-    }));
-  };
-  return A(0), {
-    calculatedDuration: null,
-    next: (v) => {
-      let w = !1;
-      return !b && T === void 0 && (w = !0, S(v), A(v)), T !== void 0 && v >= T ? b.next(v - T) : (!w && S(v), f);
-    }
-  };
-}
-function $o(t, e, i) {
-  const n = [], s = i || Q.mix || gi, o = t.length - 1;
-  for (let r = 0; r < o; r++) {
-    let a = s(t[r], t[r + 1]);
-    if (e) {
-      const l = Array.isArray(e) ? e[r] || _ : e;
-      a = Nt(l, a);
-    }
-    n.push(a);
-  }
-  return n;
-}
-function Ko(t, e, { clamp: i = !0, ease: n, mixer: s } = {}) {
-  const o = t.length;
-  if (q(o === e.length, "Both input and output ranges must be the same length", "range-length"), o === 1) return () => e[0];
-  if (o === 2 && e[0] === e[1]) return () => e[1];
-  const r = t[0] === t[1];
-  t[0] > t[o - 1] && (t = [...t].reverse(), e = [...e].reverse());
-  const a = $o(e, n, s), l = a.length, c = (u) => {
-    if (r && u < t[0]) return e[0];
-    let h = 0;
-    if (l > 1)
-      for (; h < t.length - 2 && !(u < t[h + 1]); h++) ;
-    const f = Lt(t[h], t[h + 1], u);
-    return a[h](f);
-  };
-  return i ? (u) => c(tt(t[0], t[o - 1], u)) : c;
-}
-function zo(t, e) {
-  const i = t[t.length - 1];
-  for (let n = 1; n <= e; n++) {
-    const s = Lt(0, e, n);
-    t.push(V(i, 1, s));
-  }
-}
-function _o(t) {
-  const e = [0];
-  return zo(e, t.length - 1), e;
-}
-function Go(t, e) {
-  return t.map((i) => i * e);
-}
-function Ho(t, e) {
-  return t.map(() => e || fi).splice(0, t.length - 1);
-}
-function xt({ duration: t = 300, keyframes: e, times: i, ease: n = "easeInOut" }) {
-  const s = no(n) ? n.map(Ui) : Ui(n) || fi, o = {
-    done: !1,
-    value: e[0]
-  };
-  if (e.length === 2 && !Array.isArray(s) && (!i || i.length !== 2 || i[0] === 0 && i[1] === 1)) {
-    const [l, c] = e, u = l === c ? void 0 : (Q.mix || gi)(l, c);
-    return {
-      calculatedDuration: t,
-      next: (h) => (o.value = u ? u(s(t > 0 ? tt(0, 1, h / t) : 1)) : c, o.done = h >= t, o)
-    };
-  }
-  const r = Go(i && i.length === e.length ? i : _o(e), t), a = Ko(r, e, { ease: Array.isArray(s) ? s : Ho(e, s) });
-  return {
-    calculatedDuration: t,
-    next: (l) => (o.value = a(l), o.done = l >= t, o)
-  };
-}
-var Xo = 5;
-function Yo(t, e, i) {
-  const n = Math.max(e - Xo, 0);
-  return fs(i - t(n), e - n);
-}
-function qo(t, e, i = 0) {
-  return e <= 0 ? i : t.velocity ? t.velocity(e) : Yo((n) => t.next(n).value, e, t.next(e).value);
-}
-var Zo = (t) => t !== null;
-function fe(t, { repeat: e, repeatType: i = "loop" }, n, s = 1) {
-  const o = t.filter(Zo), r = s < 0 || e && i !== "loop" && e % 2 === 1 ? 0 : o.length - 1;
-  return !r || n === void 0 ? o[r] : n;
-}
-var Jo = {
-  decay: je,
-  inertia: je,
-  tween: xt,
-  keyframes: xt,
-  spring: se
-};
-function Fs(t) {
-  typeof t.type == "string" && (t.type = Jo[t.type]);
-}
-function Os(t, e) {
-  return {
-    kind: t,
-    animation: e,
-    timestamp: k.now(),
-    frameTimestamp: C.timestamp,
-    frameIsProcessing: C.isProcessing
-  };
-}
-function js(t, e, i) {
-  const n = globalThis.__MOTION_INSPECT__;
-  if (n)
-    try {
-      n({
-        ...Os("animation-start", t),
-        options: i ? {
-          ...e,
-          ...i
-        } : e
-      });
-    } catch {
-    }
-}
-function Qo(t, e) {
-  const i = globalThis.__MOTION_INSPECT__;
-  if (i)
-    try {
-      i({
-        ...Os("layout-animation-start", t),
-        node: e
-      });
-    } catch {
-    }
-}
-var xi = class {
-  constructor() {
-    this.isResolved = !1;
-  }
-  get finished() {
-    return this._finished || (this._finished = this.isResolved ? Promise.resolve() : new Promise((t) => {
-      this._resolve = t;
-    })), this._finished;
-  }
-  updateFinished() {
-    this._finished = this._resolve = void 0, this.isResolved = !1;
-  }
-  notifyFinished() {
-    this.isResolved = !0, this._resolve?.();
-  }
-  then(t, e) {
-    return this.finished.then(t, e);
-  }
-}, ta = (t) => t / 100, re = class extends xi {
-  constructor(t) {
-    super(), this.state = "idle", this.startTime = null, this.isStopped = !1, this.currentTime = 0, this.holdTime = null, this.playbackSpeed = 1, this.delayState = {
-      done: !1,
-      value: void 0
-    }, this.stop = () => {
-      const { motionValue: e } = this.options;
-      e && e.updatedAt !== k.now() && this.tick(k.now()), this.isStopped = !0, this.state !== "idle" && (this.teardown(), this.options.onStop?.());
-    }, this.options = t, this.initAnimation(), this.play(), t.autoplay === !1 && this.pause(), js(this, this.options);
-  }
-  initAnimation() {
-    const { options: t } = this;
-    Fs(t);
-    const { type: e = xt, repeat: i = 0, repeatDelay: n = 0, repeatType: s, velocity: o = 0 } = t;
-    let { keyframes: r } = t;
-    const a = e || xt;
-    process.env.NODE_ENV !== "production" && a !== xt && q(r.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${r}`, "spring-two-frames"), a !== xt && typeof r[0] != "number" && (this.mixKeyframes = Nt(ta, gi(r[0], r[1])), r = [0, 100]);
-    const l = a(r === t.keyframes ? t : {
-      ...t,
-      keyframes: r
-    });
-    s === "mirror" && (this.mirroredGenerator = a({
-      ...t,
-      keyframes: [...r].reverse(),
-      velocity: -o
-    })), l.calculatedDuration === null && (l.calculatedDuration = Ti(l));
-    const { calculatedDuration: c } = l;
-    this.calculatedDuration = c, this.resolvedDuration = c + n, this.totalDuration = this.resolvedDuration * (i + 1) - n, this.generator = l;
-  }
-  updateTime(t) {
-    const e = Math.round(t - this.startTime) * this.playbackSpeed;
-    this.holdTime !== null ? this.currentTime = this.holdTime : this.currentTime = e;
-  }
-  tick(t, e = !1) {
-    const { generator: i, totalDuration: n, mixKeyframes: s, mirroredGenerator: o, resolvedDuration: r, calculatedDuration: a } = this;
-    if (this.startTime === null) return i.next(0);
-    const { delay: l = 0, keyframes: c, repeat: u, repeatType: h, repeatDelay: f, type: p, onUpdate: d, finalKeyframe: g } = this.options;
-    this.speed > 0 ? this.startTime = Math.min(this.startTime, t) : this.speed < 0 && (this.startTime = Math.min(t - n / this.speed, this.startTime)), e ? this.currentTime = t : this.updateTime(t);
-    const m = this.currentTime - l * (this.playbackSpeed >= 0 ? 1 : -1), P = this.playbackSpeed >= 0 ? m < 0 : m > n;
-    this.currentTime = Math.max(m, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = n);
-    let x = this.currentTime, S = i;
-    if (u) {
-      const v = Math.min(this.currentTime, n) / r;
-      let w = Math.floor(v), M = v % 1;
-      !M && v >= 1 && (M = 1), M === 1 && w--, w = Math.min(w, u + 1), w % 2 && (h === "reverse" ? (M = 1 - M, f && (M -= f / r)) : h === "mirror" && (S = o)), x = tt(0, 1, M) * r;
-    }
-    let T;
-    P ? (this.delayState.value = c[0], T = this.delayState) : T = S.next(x), s && !P && (T.value = s(T.value));
-    let { done: b } = T;
-    !P && a !== null && (b = this.playbackSpeed >= 0 ? this.currentTime >= n : this.currentTime <= 0);
-    const A = this.holdTime === null && (this.state === "finished" || this.state === "running" && b);
-    return A && p !== je && (T.value = fe(c, this.options, g, this.speed)), d && d(T.value), A && this.finish(), T;
-  }
-  then(t, e) {
-    return this.finished.then(t, e);
-  }
-  get duration() {
-    return $(this.calculatedDuration);
-  }
-  get iterationDuration() {
-    const { delay: t = 0 } = this.options || {};
-    return this.duration + $(t);
-  }
-  get time() {
-    return $(this.currentTime);
-  }
-  set time(t) {
-    t = U(t), this.currentTime = t, this.startTime === null || this.holdTime !== null || this.playbackSpeed === 0 ? this.holdTime = t : this.driver && (this.startTime = this.driver.now() - t / this.playbackSpeed), this.driver ? this.driver.start(!1) : (this.startTime = 0, this.state = "paused", this.holdTime = t, this.tick(t));
-  }
-  getGeneratorVelocity() {
-    return qo(this.generator, this.currentTime, this.options.velocity);
-  }
-  get speed() {
-    return this.playbackSpeed;
-  }
-  set speed(t) {
-    const e = this.playbackSpeed !== t;
-    e && this.driver && this.updateTime(k.now()), this.playbackSpeed = t, e && this.driver && (this.time = $(this.currentTime));
-  }
-  play() {
-    if (this.isStopped) return;
-    const { driver: t = Oo, startTime: e } = this.options;
-    this.driver || (this.driver = t((n) => this.tick(n))), this.options.onPlay?.();
-    const i = this.driver.now();
-    this.state === "finished" ? (this.updateFinished(), this.startTime = i) : this.holdTime !== null ? this.startTime = i - this.holdTime : this.startTime || (this.startTime = e ?? i), this.state === "finished" && this.speed < 0 && (this.startTime += this.calculatedDuration), this.holdTime = null, this.state = "running", this.driver.start();
-  }
-  pause() {
-    this.state = "paused", this.updateTime(k.now()), this.holdTime = this.currentTime;
-  }
-  complete() {
-    this.state !== "running" && this.play(), this.state = "finished", this.holdTime = null;
-  }
-  finish() {
-    this.notifyFinished(), this.teardown(), this.state = "finished", this.options.onComplete?.();
-  }
-  cancel() {
-    this.holdTime = null, this.startTime = 0, this.tick(0), this.teardown(), this.options.onCancel?.();
-  }
-  teardown() {
-    this.state = "idle", this.stopDriver(), this.startTime = this.holdTime = null;
-  }
-  stopDriver() {
-    this.driver && (this.driver.stop(), this.driver = void 0);
-  }
-  sample(t) {
-    return this.startTime = 0, this.tick(t, !0);
-  }
-  attachTimeline(t) {
-    return this.options.allowFlatten && (this.options.type = "keyframes", this.options.ease = "linear", this.initAnimation()), this.driver?.stop(), t.observe(this);
-  }
-}, ea = /* @__PURE__ */ new Set([
-  "brightness",
-  "contrast",
-  "saturate",
-  "opacity"
-]);
-function ia(t) {
-  const [e, i] = t.slice(0, -1).split("(");
-  if (e === "drop-shadow") return t;
-  const [n] = i.match(mi) || [];
-  if (!n) return t;
-  const s = i.replace(n, "");
-  let o = ea.has(e) ? 1 : 0;
-  return n !== i && (o *= 100), e + "(" + o + s + ")";
-}
-var na = /\b([a-z-]*)\(.*?\)/gu, Ne = {
-  ...W,
-  getAnimatableNone: (t) => {
-    const e = t.match(na);
-    return e ? e.map(ia).join(" ") : t;
-  }
-}, Ue = {
-  ...W,
-  getAnimatableNone: (t) => {
-    const e = W.parse(t);
-    return W.createTransformer(t)(e.map((i) => typeof i == "number" ? 0 : typeof i == "object" ? {
-      ...i,
-      alpha: 1
-    } : i));
-  }
-}, Xi = {
-  ...Vt,
-  transform: Math.round
-}, sa = {
-  rotate: J,
-  pathRotation: J,
-  rotateX: J,
-  rotateY: J,
-  rotateZ: J,
-  scale: Kt,
-  scaleX: Kt,
-  scaleY: Kt,
-  scaleZ: Kt,
-  skew: J,
-  skewX: J,
-  skewY: J,
-  distance: y,
-  translateX: y,
-  translateY: y,
-  translateZ: y,
-  x: y,
-  y,
-  z: y,
-  perspective: y,
-  transformPerspective: y,
-  opacity: kt,
-  originX: $i,
-  originY: $i,
-  originZ: y
-}, oe = {
-  borderWidth: y,
-  borderTopWidth: y,
-  borderRightWidth: y,
-  borderBottomWidth: y,
-  borderLeftWidth: y,
-  borderRadius: y,
-  borderTopLeftRadius: y,
-  borderTopRightRadius: y,
-  borderBottomRightRadius: y,
-  borderBottomLeftRadius: y,
-  width: y,
-  maxWidth: y,
-  height: y,
-  maxHeight: y,
-  top: y,
-  right: y,
-  bottom: y,
-  left: y,
-  inset: y,
-  insetBlock: y,
-  insetBlockStart: y,
-  insetBlockEnd: y,
-  insetInline: y,
-  insetInlineStart: y,
-  insetInlineEnd: y,
-  padding: y,
-  paddingTop: y,
-  paddingRight: y,
-  paddingBottom: y,
-  paddingLeft: y,
-  paddingBlock: y,
-  paddingBlockStart: y,
-  paddingBlockEnd: y,
-  paddingInline: y,
-  paddingInlineStart: y,
-  paddingInlineEnd: y,
-  margin: y,
-  marginTop: y,
-  marginRight: y,
-  marginBottom: y,
-  marginLeft: y,
-  marginBlock: y,
-  marginBlockStart: y,
-  marginBlockEnd: y,
-  marginInline: y,
-  marginInlineStart: y,
-  marginInlineEnd: y,
-  fontSize: y,
-  backgroundPositionX: y,
-  backgroundPositionY: y,
-  ...sa,
-  zIndex: Xi,
-  fillOpacity: kt,
-  strokeOpacity: kt,
-  numOctaves: Xi
-}, ra = {
-  ...oe,
-  color: R,
-  backgroundColor: R,
-  outlineColor: R,
-  fill: R,
-  stroke: R,
-  borderColor: R,
-  borderTopColor: R,
-  borderRightColor: R,
-  borderBottomColor: R,
-  borderLeftColor: R,
-  filter: Ne,
-  WebkitFilter: Ne,
-  mask: Ue,
-  WebkitMask: Ue
-}, Ns = (t) => ra[t], oa = /* @__PURE__ */ new Set([Ne, Ue]);
-function wi(t, e) {
-  let i = Ns(t);
-  return oa.has(i) || (i = W), i.getAnimatableNone ? i.getAnimatableNone(e) : void 0;
-}
-function aa(t) {
-  for (let e = 1; e < t.length; e++) t[e] ?? (t[e] = t[e - 1]);
-}
-var ct = (t) => t * 180 / Math.PI, We = (t) => {
-  const e = ct(Math.atan2(t[1], t[0]));
-  return $e(e);
-}, la = {
-  x: 4,
-  y: 5,
-  translateX: 4,
-  translateY: 5,
-  scaleX: 0,
-  scaleY: 3,
-  scale: (t) => (Math.abs(t[0]) + Math.abs(t[3])) / 2,
-  rotate: We,
-  rotateZ: We,
-  skewX: (t) => ct(Math.atan(t[1])),
-  skewY: (t) => ct(Math.atan(t[2])),
-  skew: (t) => (Math.abs(t[1]) + Math.abs(t[2])) / 2
-}, $e = (t) => (t = t % 360, t < 0 && (t += 360), t), Yi = We, qi = (t) => Math.sqrt(t[0] * t[0] + t[1] * t[1]), Zi = (t) => Math.sqrt(t[4] * t[4] + t[5] * t[5]), ua = {
-  x: 12,
-  y: 13,
-  z: 14,
-  translateX: 12,
-  translateY: 13,
-  translateZ: 14,
-  scaleX: qi,
-  scaleY: Zi,
-  scale: (t) => (qi(t) + Zi(t)) / 2,
-  rotateX: (t) => $e(ct(Math.atan2(t[6], t[5]))),
-  rotateY: (t) => $e(ct(Math.atan2(-t[2], t[0]))),
-  rotateZ: Yi,
-  rotate: Yi,
-  skewX: (t) => ct(Math.atan(t[4])),
-  skewY: (t) => ct(Math.atan(t[1])),
-  skew: (t) => (Math.abs(t[1]) + Math.abs(t[4])) / 2
-};
-function It(t) {
-  return t.includes("scale") ? 1 : 0;
-}
-function Ke(t, e) {
-  if (!t || t === "none") return It(e);
-  const i = t.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);
-  let n, s;
-  if (i)
-    n = ua, s = i;
-  else {
-    const a = t.match(/^matrix\(([-\d.e\s,]+)\)$/u);
-    n = la, s = a;
-  }
-  if (!s) return It(e);
-  const o = n[e], r = s[1].split(",").map(ha);
-  return typeof o == "function" ? o(r) : r[o];
-}
-var ca = (t, e) => {
-  const { transform: i = "none" } = getComputedStyle(t);
-  return Ke(i, e);
-};
-function ha(t) {
-  return parseFloat(t.trim());
-}
-var Dt = [
-  "transformPerspective",
-  "x",
-  "y",
-  "z",
-  "translateX",
-  "translateY",
-  "translateZ",
-  "scale",
-  "scaleX",
-  "scaleY",
-  "rotate",
-  "rotateX",
-  "rotateY",
-  "rotateZ",
-  "skew",
-  "skewX",
-  "skewY"
-], it = /* @__PURE__ */ new Set([...Dt, "pathRotation"]), Ji = (t) => t === Vt || t === y, fa = /* @__PURE__ */ new Set([
-  "x",
-  "y",
-  "z"
-]), da = Dt.filter((t) => !fa.has(t));
-function ma(t) {
-  const e = [];
-  return da.forEach((i) => {
-    const n = t.getValue(i);
-    if (n !== void 0) {
-      const s = n.get(), o = i.startsWith("scale") ? 1 : 0;
-      if (s === o) return;
-      e.push([i, s]), n.set(o);
-    }
-  }), e;
-}
-var pa = /* @__PURE__ */ new Set(["bottom", "right"]);
-function Qi(t, e, i, n, s, o) {
-  const r = parseFloat(t);
-  if (!isNaN(r)) return r;
-  const { min: a, max: l } = e()[i], c = l - a;
-  return o === "border-box" ? c : c - parseFloat(n) - parseFloat(s);
-}
-var ht = {
-  width: ({ width: t, paddingLeft: e = "0", paddingRight: i = "0", boxSizing: n }, s) => Qi(t, s, "x", e, i, n),
-  height: ({ height: t, paddingTop: e = "0", paddingBottom: i = "0", boxSizing: n }, s) => Qi(t, s, "y", e, i, n),
-  top: ({ top: t }) => parseFloat(t),
-  left: ({ left: t }) => parseFloat(t),
-  bottom: ({ top: t }, e) => {
-    const { y: i } = e();
-    return parseFloat(t) + (i.max - i.min);
-  },
-  right: ({ left: t }, e) => {
-    const { x: i } = e();
-    return parseFloat(t) + (i.max - i.min);
-  },
-  x: ({ transform: t }) => Ke(t, "x"),
-  y: ({ transform: t }) => Ke(t, "y")
-};
-ht.translateX = ht.x;
-ht.translateY = ht.y;
-var ft = /* @__PURE__ */ new Set(), ze = !1, _e = !1, Ge = !1;
-function Us() {
-  if (_e) {
-    const t = [], e = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set();
-    ft.forEach((s) => {
-      s.needsMeasurement && (t.push(s), e.add(s.element), pa.has(s.name) && i.add(s.element));
-    });
-    const n = /* @__PURE__ */ new Map();
-    i.forEach((s) => {
-      const o = ma(s);
-      o.length && (n.set(s, o), s.render());
-    }), t.forEach((s) => s.measureInitialState()), e.forEach((s) => {
-      s.render();
-      const o = n.get(s);
-      o && o.forEach(([r, a]) => {
-        s.getValue(r)?.set(a);
-      });
-    }), t.forEach((s) => s.measureEndState()), t.forEach((s) => {
-      s.suspendedScrollY !== void 0 && window.scrollTo(0, s.suspendedScrollY);
-    });
-  }
-  _e = !1, ze = !1, ft.forEach((t) => t.complete(Ge)), ft.clear();
-}
-function Ws() {
-  ft.forEach((t) => {
-    t.readKeyframes(), t.needsMeasurement && (_e = !0);
-  });
-}
-function va() {
-  Ge = !0, Ws(), Us(), Ge = !1;
-}
-function ga(t, e, i) {
-  if (typeof t == "string") {
-    if (ai(t) || li(t)) return parseFloat(t);
-    if (!W.test(t) && W.test(i)) return wi(e, i);
-  }
-  return t ?? void 0;
-}
-var Si = class {
-  constructor(t, e, i, n, s, o = !1) {
-    this.state = "pending", this.isAsync = !1, this.needsMeasurement = !1, this.unresolvedKeyframes = [...t], this.onComplete = e, this.name = i, this.motionValue = n, this.element = s, this.isAsync = o;
-  }
-  scheduleResolve() {
-    this.state = "scheduled", this.isAsync ? (ft.add(this), ze || (ze = !0, D.read(Ws), D.resolveKeyframes(Us))) : (this.readKeyframes(), this.complete());
-  }
-  readKeyframes() {
-    const { unresolvedKeyframes: t, name: e, element: i, motionValue: n } = this;
-    if (t[0] === null) {
-      const s = n?.get(), o = t[t.length - 1];
-      if (s !== void 0) t[0] = s;
-      else if (i && e) {
-        const r = ga(i.readValue(e, o), e, o);
-        r !== void 0 && (t[0] = r);
-      }
-      t[0] === void 0 && (t[0] = o), n && s === void 0 && n.set(t[0]);
-    }
-    aa(t);
-  }
-  setFinalKeyframe() {
-  }
-  measureInitialState() {
-  }
-  renderEndStyles() {
-  }
-  measureEndState() {
-  }
-  complete(t = !1) {
-    this.state = "complete", this.onComplete(this.unresolvedKeyframes, this.finalKeyframe, t), ft.delete(this);
-  }
-  cancel() {
-    this.state === "scheduled" && (ft.delete(this), this.state = "pending");
-  }
-  resume() {
-    this.state === "pending" && this.scheduleResolve();
-  }
-}, ya = (t) => t.startsWith("--");
-function $s(t, e, i) {
-  ya(e) ? t.style.setProperty(e, i) : t.style[e] = i;
-}
-var Ta = {};
-function Ks(t, e) {
-  const i = /* @__PURE__ */ hs(t);
-  return () => Ta[e] ?? i();
-}
-var xa = /* @__PURE__ */ Ks(() => window.ScrollTimeline !== void 0, "scrollTimeline"), zs = /* @__PURE__ */ Ks(() => {
-  try {
-    document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
-  } catch {
-    return !1;
-  }
-  return !0;
-}, "linearEasing"), Et = ([t, e, i, n]) => `cubic-bezier(${t}, ${e}, ${i}, ${n})`, tn = {
-  linear: "linear",
-  ease: "ease",
-  easeIn: "ease-in",
-  easeOut: "ease-out",
-  easeInOut: "ease-in-out",
-  circIn: /* @__PURE__ */ Et([
-    0,
-    0.65,
-    0.55,
-    1
-  ]),
-  circOut: /* @__PURE__ */ Et([
-    0.55,
-    0,
-    1,
-    0.45
-  ]),
-  backIn: /* @__PURE__ */ Et([
-    0.31,
-    0.01,
-    0.66,
-    -0.59
-  ]),
-  backOut: /* @__PURE__ */ Et([
-    0.33,
-    1.53,
-    0.69,
-    0.99
-  ])
-};
-function _s(t, e) {
-  if (t) return typeof t == "function" ? zs() ? Ls(t, e) : "ease-out" : ws(t) ? Et(t) : Array.isArray(t) ? t.map((i) => _s(i, e) || tn.easeOut) : tn[t];
-}
-function wa(t, e, i, { delay: n = 0, duration: s = 300, repeat: o = 0, repeatType: r = "loop", ease: a = "easeOut", times: l } = {}, c = void 0) {
-  const u = { [e]: i };
-  l && (u.offset = l);
-  const h = _s(a, s);
-  Array.isArray(h) && (u.easing = h);
-  const f = {
-    delay: n,
-    duration: s,
-    easing: Array.isArray(h) ? "linear" : h,
-    fill: "both",
-    iterations: o + 1,
-    direction: r === "reverse" ? "alternate" : "normal"
-  };
-  return c && (f.pseudoElement = c), t.animate(u, f);
-}
-function Gs(t) {
-  return typeof t == "function" && "applyToOptions" in t;
-}
-function Sa({ type: t, ...e }) {
-  return Gs(t) && zs() ? t.applyToOptions(e) : (e.duration ?? (e.duration = 300), e.ease ?? (e.ease = "easeOut"), e);
-}
-var Hs = class extends xi {
-  constructor(t) {
-    if (super(), this.finishedTime = null, this.isStopped = !1, this.manualStartTime = null, !t) return;
-    const { element: e, name: i, keyframes: n, pseudoElement: s, allowFlatten: o = !1, finalKeyframe: r, onComplete: a } = t;
-    this.isPseudoElement = !!s, this.allowFlatten = o, this.options = t, q(typeof t.type != "string", `Mini animate() doesn't support "type" as a string.`, "mini-spring");
-    const l = Sa(t);
-    this.animation = wa(e, i, n, l, s), l.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
-      if (this.finishedTime = this.time, !s) {
-        const c = fe(n, this.options, r, this.speed);
-        this.updateMotionValue && this.updateMotionValue(c), $s(e, i, c), this.animation.cancel();
-      }
-      a?.(), this.notifyFinished();
-    }, js(this, t, l);
-  }
-  play() {
-    this.isStopped || (this.manualStartTime = null, this.animation.play(), this.state === "finished" && this.updateFinished());
-  }
-  pause() {
-    this.animation.pause();
-  }
-  complete() {
-    this.animation.finish?.();
-  }
-  cancel() {
-    try {
-      this.animation.cancel();
-    } catch {
-    }
-  }
-  stop() {
-    if (this.isStopped) return;
-    this.isStopped = !0;
-    const { state: t } = this;
-    t === "idle" || t === "finished" || (this.updateMotionValue ? this.updateMotionValue() : this.commitStyles(), this.isPseudoElement || this.cancel());
-  }
-  commitStyles() {
-    const t = this.options?.element;
-    !this.isPseudoElement && t?.isConnected && this.animation.commitStyles?.();
-  }
-  get duration() {
-    const t = this.animation.effect?.getComputedTiming?.().duration || 0;
-    return $(Number(t));
-  }
-  get iterationDuration() {
-    const { delay: t = 0 } = this.options || {};
-    return this.duration + $(t);
-  }
-  get time() {
-    return $(Number(this.animation.currentTime) || 0);
-  }
-  set time(t) {
-    const e = this.finishedTime !== null;
-    this.manualStartTime = null, this.finishedTime = null, this.animation.currentTime = U(t), e && this.animation.pause();
-  }
-  get speed() {
-    return this.animation.playbackRate;
-  }
-  set speed(t) {
-    t < 0 && (this.finishedTime = null), this.animation.playbackRate = t;
-  }
-  get state() {
-    return this.finishedTime !== null ? "finished" : this.animation.playState;
-  }
-  get startTime() {
-    return this.manualStartTime ?? Number(this.animation.startTime);
-  }
-  set startTime(t) {
-    this.manualStartTime = this.animation.startTime = t;
-  }
-  attachTimeline({ timeline: t, onAttach: e, observe: i }) {
-    return this.allowFlatten && this.animation.effect?.updateTiming({ easing: "linear" }), this.animation.onfinish = null, t && xa() ? (this.animation.timeline = t, e?.(this.animation), _) : i(this);
-  }
-}, Xs = {
-  anticipate: ys,
-  backInOut: gs,
-  circInOut: xs
-};
-function Pa(t) {
-  return t in Xs;
-}
-function ba(t) {
-  typeof t.ease == "string" && Pa(t.ease) && (t.ease = Xs[t.ease]);
-}
-var Se = 10, Aa = class extends Hs {
-  constructor(t) {
-    ba(t), Fs(t), super(t), t.startTime !== void 0 && t.autoplay !== !1 && (this.startTime = t.startTime), this.options = t;
-  }
-  updateMotionValue(t) {
-    const { motionValue: e, onUpdate: i, onComplete: n, element: s, ...o } = this.options;
-    if (!e) return;
-    if (t !== void 0) {
-      e.set(t);
-      return;
-    }
-    const r = new re({
-      ...o,
-      autoplay: !1
-    }), a = Math.max(Se, k.now() - this.startTime), l = tt(0, Se, a - Se), c = r.sample(a).value, { name: u } = this.options;
-    s && u && $s(s, u, c), e.setWithVelocity(r.sample(Math.max(0, a - l)).value, c, l), r.stop();
-  }
-}, en = (t, e) => e === "zIndex" ? !1 : !!(typeof t == "number" || Array.isArray(t) || typeof t == "string" && (W.test(t) || t === "0") && !t.startsWith("url("));
-function Va(t) {
-  const e = t[0];
-  if (t.length === 1) return !0;
-  for (let i = 0; i < t.length; i++) if (t[i] !== e) return !0;
-}
-function Da(t, e, i, n) {
-  const s = t[0];
-  if (s === null) return !1;
-  if (e === "display" || e === "visibility") return !0;
-  const o = t[t.length - 1], r = en(s, e), a = en(o, e);
-  return !r || !a ? (r !== a && mt(!1, `You are trying to animate ${e} from "${s}" to "${o}". "${r ? o : s}" is not an animatable value.`, "value-not-animatable"), !1) : Va(t) || (i === "spring" || Gs(i)) && n;
-}
-function He(t) {
-  t.duration = 0, t.type = "keyframes";
-}
-var Xe = /* @__PURE__ */ new Set([
-  "opacity",
-  "clipPath",
-  "filter",
-  "transform",
-  "backgroundColor"
-]), Ma = /^(?:oklch|oklab|lab|lch|color|color-mix|light-dark)\(/;
-function Ea(t) {
-  for (let e = 0; e < t.length; e++) if (typeof t[e] == "string" && Ma.test(t[e])) return !0;
-  return !1;
-}
-var nn = /* @__PURE__ */ new Set([
-  "color",
-  "backgroundColor",
-  "outlineColor",
-  "fill",
-  "stroke",
-  "borderColor",
-  "borderTopColor",
-  "borderRightColor",
-  "borderBottomColor",
-  "borderLeftColor"
-]), Ca = /* @__PURE__ */ hs(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
-function Ra(t) {
-  const { motionValue: e, name: i, repeatDelay: n, repeatType: s, damping: o, type: r, keyframes: a } = t;
-  if (!i || !(Xe.has(i) || nn.has(i))) return !1;
-  const l = e?.owner?.current;
-  if (!(l instanceof HTMLElement) && !(l instanceof SVGElement)) return !1;
-  const { onUpdate: c, transformTemplate: u } = e.owner.getProps();
-  return Ca() && (Xe.has(i) || nn.has(i) && Ea(a)) && (i !== "transform" || !u) && !c && !n && s !== "mirror" && o !== 0 && r !== "inertia";
-}
-var La = 40, ka = class extends xi {
-  constructor(t) {
-    super(), this.stop = () => {
-      this._animation && (this._animation.stop(), this.stopTimeline?.()), this.keyframeResolver?.cancel();
-    }, this.createdAt = k.now();
-    const { keyframes: e, name: i, motionValue: n, element: s } = t, o = t;
-    o.autoplay ?? (o.autoplay = !0), o.delay ?? (o.delay = 0), o.type ?? (o.type = "keyframes"), o.repeat ?? (o.repeat = 0), o.repeatDelay ?? (o.repeatDelay = 0), o.repeatType ?? (o.repeatType = "loop");
-    const r = s?.KeyframeResolver || Si;
-    this.keyframeResolver = new r(e, (a, l, c) => this.onKeyframesResolved(a, l, o, !c), i, n, s), this.keyframeResolver?.scheduleResolve();
-  }
-  onKeyframesResolved(t, e, i, n) {
-    this.keyframeResolver = void 0;
-    const { name: s, type: o, velocity: r, delay: a, isHandoff: l, onUpdate: c } = i;
-    this.resolvedAt = k.now();
-    let u = !0;
-    Da(t, s, o, r) || (u = !1, (Q.instantAnimations || !a) && c?.(fe(t, i, e)), t[0] = t[t.length - 1], He(i), i.repeat = 0);
-    const h = n ? this.resolvedAt ? this.resolvedAt - this.createdAt > La ? this.resolvedAt : this.createdAt : this.createdAt : void 0, { onComplete: f } = i;
-    i.startTime ?? (i.startTime = h), i.finalKeyframe = e, i.keyframes = t, i.onComplete = () => {
-      f?.(), this.notifyFinished();
-    };
-    const p = u && !l && Ra(i);
-    let d;
-    if (p) {
-      i.element = i.motionValue?.owner?.current;
-      try {
-        d = new Aa(i);
-      } catch {
-        d = new re(i);
-      }
-    } else d = new re(i);
-    this.pendingTimeline && (this.stopTimeline = d.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = d;
-  }
-  get finished() {
-    return this._animation ? this._animation.finished : super.finished;
-  }
-  then(t, e) {
-    return this.finished.finally(t).then(() => {
-    });
-  }
-  get animation() {
-    return this._animation || (this.keyframeResolver?.resume(), va()), this._animation;
-  }
-  get duration() {
-    return this.animation.duration;
-  }
-  get iterationDuration() {
-    return this.animation.iterationDuration;
-  }
-  get time() {
-    return this.animation.time;
-  }
-  set time(t) {
-    this.animation.time = t;
-  }
-  get speed() {
-    return this.animation.speed;
-  }
-  get state() {
-    return this.animation.state;
-  }
-  set speed(t) {
-    this.animation.speed = t;
-  }
-  get startTime() {
-    return this.animation.startTime;
-  }
-  attachTimeline(t) {
-    return this._animation ? this.stopTimeline = this.animation.attachTimeline(t) : this.pendingTimeline = t, () => this.stop();
-  }
-  play() {
-    this.animation.play();
-  }
-  pause() {
-    this.animation.pause();
-  }
-  complete() {
-    this.animation.complete();
-  }
-  cancel() {
-    this._animation && this.animation.cancel(), this.keyframeResolver?.cancel();
-  }
-};
-function Ys(t, e, i, n = 0, s = 1) {
-  const o = Array.from(t).sort((l, c) => l.sortNodePosition(c)).indexOf(e), r = t.size, a = (r - 1) * n;
-  return typeof i == "function" ? i(o, r) : s === 1 ? o * n : a - o * n;
-}
-var sn = 30, Ba = (t) => !isNaN(parseFloat(t)), rn = { current: void 0 }, Ia = class {
-  constructor(t, e = {}) {
-    this.canTrackVelocity = null, this.events = {}, this.updateAndNotify = (i) => {
-      const n = k.now();
-      if (this.updatedAt !== n && this.setPrevFrameValue(), this.prev = this.current, this.setCurrent(i), this.current !== this.prev && (this.notifyChange(), this.dependents))
-        for (const s of this.dependents) s.dirty();
-    }, this.hasAnimated = !1, this.setCurrent(t), this.owner = e.owner;
-  }
-  setCurrent(t) {
-    this.current = t, this.updatedAt = k.now(), this.canTrackVelocity === null && t !== void 0 && (this.canTrackVelocity = Ba(this.current));
-  }
-  setPrevFrameValue(t = this.current) {
-    this.prevFrameValue = t, this.prevUpdatedAt = this.updatedAt;
-  }
-  onChange(t) {
-    return process.env.NODE_ENV !== "production" && ui(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", t);
-  }
-  on(t, e) {
-    var i;
-    return t === "change" ? this.onChangeSubscribe(e) : ((i = this.events)[t] || (i[t] = new ie())).add(e);
-  }
-  onChangeSubscribe(t) {
-    const { events: e } = this;
-    return !e.change && !this.changeSubscriber ? this.changeSubscriber = t : (e.change || (e.change = new ie(), e.change.add(this.changeSubscriber), this.changeSubscriber = void 0), e.change.add(t)), () => {
-      this.changeSubscriber === t ? this.changeSubscriber = void 0 : e.change?.remove(t), this.stopIfUnobserved();
-    };
-  }
-  stopIfUnobserved() {
-    D.read(() => {
-      !this.changeSubscriber && !this.events.change?.getSize() && this.stop();
-    });
-  }
-  clearListeners() {
-    this.changeSubscriber = void 0;
-    for (const t in this.events) this.events[t].clear();
-  }
-  attach(t, e) {
-    this.passiveEffect = t, this.stopPassiveEffect = e;
-  }
-  set(t) {
-    this.passiveEffect ? this.passiveEffect(t, this.updateAndNotify) : this.updateAndNotify(t);
-  }
-  setWithVelocity(t, e, i) {
-    this.set(e), this.prev = void 0, this.prevFrameValue = t, this.prevUpdatedAt = this.updatedAt - i;
-  }
-  jump(t, e = !0) {
-    this.updateAndNotify(t), this.prev = t, this.prevUpdatedAt = this.prevFrameValue = void 0, e && this.stop(), this.stopPassiveEffect && this.stopPassiveEffect();
-  }
-  dirty() {
-    this.notifyChange();
-  }
-  notifyChange() {
-    const { current: t, changeSubscriber: e } = this;
-    e ? e(t) : this.events.change?.notify(t);
-  }
-  addDependent(t) {
-    this.dependents || (this.dependents = /* @__PURE__ */ new Set()), this.dependents.add(t);
-  }
-  removeDependent(t) {
-    this.dependents && this.dependents.delete(t);
-  }
-  get() {
-    return rn.current && rn.current.push(this), this.current;
-  }
-  getPrevious() {
-    return this.prev;
-  }
-  getVelocity() {
-    const t = k.now();
-    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > sn) return 0;
-    const e = Math.min(this.updatedAt - this.prevUpdatedAt, sn);
-    return fs(parseFloat(this.current) - parseFloat(this.prevFrameValue), e);
-  }
-  start(t) {
-    return this.stop(), new Promise((e) => {
-      this.hasAnimated = !0;
-      let i = !1, n;
-      n = t(() => {
-        i = !0, this.events.animationComplete?.notify(), this.animation === n && this.clearAnimation(), e();
-      }), i || (this.animation = n), this.events.animationStart?.notify();
-    });
-  }
-  stop() {
-    this.animation && (this.animation.stop(), this.events.animationCancel && this.events.animationCancel.notify()), this.clearAnimation();
-  }
-  isAnimating() {
-    return !!this.animation;
-  }
-  clearAnimation() {
-    this.animation = void 0;
-  }
-  destroy() {
-    this.dependents?.clear(), this.events.destroy?.notify(), this.clearListeners(), this.stop(), this.stopPassiveEffect && this.stopPassiveEffect();
-  }
-};
-function bt(t, e) {
-  return new Ia(t, e);
-}
-function qs(t, e) {
-  if (t?.inherit && e) {
-    const { inherit: i, ...n } = t;
-    return {
-      ...e,
-      ...n
-    };
-  }
-  return t;
-}
-function Pi(t, e) {
-  const i = t?.[e] ?? t?.default ?? t;
-  return i !== t ? qs(i, t) : i;
-}
-var Fa = {
-  type: "spring",
-  stiffness: 500,
-  damping: 25,
-  restSpeed: 10
-}, Oa = (t) => ({
-  type: "spring",
-  stiffness: 550,
-  damping: t === 0 ? 2 * Math.sqrt(550) : 30,
-  restSpeed: 10
-}), ja = {
-  type: "keyframes",
-  duration: 0.8
-}, Na = {
-  type: "keyframes",
-  ease: [
-    0.25,
-    0.1,
-    0.35,
-    1
-  ],
-  duration: 0.3
-}, Ua = (t, { keyframes: e }) => e.length > 2 ? ja : it.has(t) ? t.startsWith("scale") ? Oa(e[1]) : Fa : Na, Wa = /* @__PURE__ */ new Set([
-  "when",
-  "delay",
-  "delayChildren",
-  "staggerChildren",
-  "staggerDirection",
-  "repeat",
-  "repeatType",
-  "repeatDelay",
-  "from",
-  "elapsed"
-]);
-function $a(t) {
-  for (const e in t) if (!Wa.has(e)) return !0;
-  return !1;
-}
-var bi = (t, e, i, n = {}, s, o) => (r) => {
-  const a = Pi(n, t) || {}, l = a.delay || n.delay || 0;
-  let { elapsed: c = 0 } = n;
-  c = c - U(l);
-  const u = {
-    keyframes: Array.isArray(i) ? i : [null, i],
-    ease: "easeOut",
-    velocity: e.getVelocity(),
-    ...a,
-    delay: -c,
-    onUpdate: (f) => {
-      e.set(f), a.onUpdate && a.onUpdate(f);
-    },
-    onComplete: () => {
-      r(), a.onComplete && a.onComplete();
-    },
-    name: t,
-    motionValue: e,
-    element: o ? void 0 : s
-  };
-  $a(a) || Object.assign(u, Ua(t, u)), u.duration && (u.duration = U(u.duration)), u.repeatDelay && (u.repeatDelay = U(u.repeatDelay)), u.from !== void 0 && (u.keyframes[0] = u.from);
-  let h = !1;
-  if ((u.type === !1 || u.duration === 0 && !u.repeatDelay) && (He(u), u.delay === 0 && (h = !0)), (Q.instantAnimations || Q.skipAnimations || s?.shouldSkipAnimations || a.skipAnimations) && (h = !0, He(u), u.delay = 0), u.allowFlatten = !a.type && !a.ease, h && !o && e.get() !== void 0) {
-    const f = fe(u.keyframes, a);
-    if (f !== void 0) {
-      D.update(() => {
-        u.onUpdate(f), u.onComplete();
-      });
-      return;
-    }
-  }
-  return a.isSync ? new re(u) : new ka(u);
-}, Ka = /^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u;
-function za(t) {
-  const e = Ka.exec(t);
-  if (!e) return [,];
-  const [, i, n, s] = e;
-  return [`--${i ?? n}`, s];
-}
-var _a = 4;
-function Zs(t, e, i = 1) {
-  q(i <= _a, `Max CSS variable fallback depth detected in property "${t}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
-  const [n, s] = za(t);
-  if (!n) return;
-  const o = window.getComputedStyle(e).getPropertyValue(n);
-  if (o) {
-    const r = o.trim();
-    return ai(r) ? parseFloat(r) : r;
-  }
-  return di(s) ? Zs(s, e, i + 1) : s;
-}
-function Ga(t) {
-  const e = [{}, {}];
-  return t?.values.forEach((i, n) => {
-    e[0][n] = i.get(), e[1][n] = i.getVelocity();
-  }), e;
-}
-function Js(t, e, i, n) {
-  const s = (o) => typeof o == "function" ? o(i !== void 0 ? i : t.custom, ...Ga(n)) : o;
-  return e = s(e), typeof e == "string" && (e = t.variants && t.variants[e]), s(e);
-}
-function dt(t, e, i) {
-  return Js(t.getProps(), e, i, t);
-}
-var Qs = (t, e) => e === "exit" ? t.presenceContext?.custom : void 0, tr = /* @__PURE__ */ new Set([
-  "width",
-  "height",
-  "top",
-  "left",
-  "right",
-  "bottom",
-  ...Dt
-]), Ha = (t) => Array.isArray(t);
-function Xa(t, e, i) {
-  t.hasValue(e) ? t.getValue(e).set(i) : t.addValue(e, bt(i));
-}
-function Ya(t) {
-  return Ha(t) ? t[t.length - 1] || 0 : t;
-}
-function qa(t, e) {
-  let { transitionEnd: i = {}, transition: n = {}, ...s } = dt(t, e) || {};
-  s = {
-    ...s,
-    ...i
-  };
-  for (const o in s) Xa(t, o, Ya(s[o]));
-}
-var B = (t) => !!(t && t.getVelocity);
-function Za(t) {
-  return !!(B(t) && t.add);
-}
-function Ye(t, e) {
-  const i = t.getValue("willChange");
-  if (Za(i)) return i.add(e);
-  if (!i && Q.WillChange) {
-    const n = new Q.WillChange("auto");
-    t.addValue("willChange", n), n.add(e);
-  }
-}
-function Ai(t) {
-  return t.replace(/([A-Z])/g, (e) => `-${e.toLowerCase()}`);
-}
-var Ja = "framerAppearId", er = "data-" + Ai(Ja);
-function ir(t) {
-  return t.props[er];
-}
-var Qa = typeof window < "u";
-function tl({ protectedKeys: t, needsAnimating: e }, i) {
-  const n = i in t && !e[i];
-  return e[i] = !1, n;
-}
-function nr(t, e, { delay: i = 0, transitionOverride: n, type: s } = {}) {
-  let { transition: o, transitionEnd: r, ...a } = e;
-  const l = t.getDefaultTransition();
-  o = o ? qs(o, l) : l;
-  const c = o?.reduceMotion, u = o?.skipAnimations;
-  n && (o = n);
-  const h = [], f = s && t.animationState?.getState()[s], p = o?.path;
-  p && p.animateVisualElement(t, a, o, i, h);
-  for (const d in a) {
-    const g = t.getValue(d, t.latestValues[d] ?? null), m = a[d];
-    if (m === void 0 || f && tl(f, d)) continue;
-    const P = {
-      delay: i,
-      ...Pi(o || {}, d)
-    };
-    u && (P.skipAnimations = !0);
-    const x = g.get();
-    if (x !== void 0 && !g.isAnimating() && !Array.isArray(m) && m === x && !P.velocity) {
-      D.update(() => g.set(m));
-      continue;
-    }
-    let S = !1;
-    if (Qa && window.MotionHandoffAnimation) {
-      const A = ir(t);
-      if (A) {
-        const v = window.MotionHandoffAnimation(A, d, D);
-        v !== null && (P.startTime = v, S = !0);
-      }
-    }
-    Ye(t, d);
-    const T = c ?? t.shouldReduceMotion;
-    g.start(bi(d, g, m, T && tr.has(d) ? { type: !1 } : P, t, S));
-    const b = g.animation;
-    b && h.push(b);
-  }
-  if (r) {
-    const d = () => D.update(() => {
-      r && qa(t, r);
-    });
-    h.length ? Promise.all(h).then(d) : d();
-  }
-  return h;
-}
-function qe(t, e, i = {}) {
-  const n = dt(t, e, Qs(t, i.type)), s = i.transitionOverride || (n?.transition ?? (t.getDefaultTransition() || {})), o = () => Promise.all(n ? nr(t, n, i) : []), r = (l = 0) => {
-    const { variantChildren: c } = t, { delayChildren: u = 0, staggerChildren: h, staggerDirection: f } = s, p = [];
-    return c?.forEach((d) => {
-      d.notify("AnimationStart", e), p.push(qe(d, e, {
-        ...i,
-        delay: l + (typeof u == "function" ? 0 : u) + Ys(c, d, u, h, f)
-      }).then(() => d.notify("AnimationComplete", e)));
-    }), Promise.all(p);
-  }, { when: a } = s;
-  return a ? a === "beforeChildren" ? o().then(() => r()) : r().then(o) : Promise.all([o(), r(i.delay)]);
-}
-function el(t, e, i = {}) {
-  return t.notify("AnimationStart", e), (Array.isArray(e) ? Promise.all(e.map((n) => qe(t, n, i))) : typeof e == "string" ? qe(t, e, i) : Promise.all(nr(t, dt(t, e, i.custom), i))).then(() => {
-    t.notify("AnimationComplete", e);
-  });
-}
-var il = {
-  test: (t) => t === "auto",
-  parse: (t) => t
-}, nl = (t) => (e) => e.test(t), sl = [
-  Vt,
-  y,
-  Y,
-  J,
-  mo,
-  fo,
-  il
-], on = (t) => sl.find(nl(t));
-function rl(t) {
-  return typeof t == "number" ? t === 0 : t !== null ? t === "none" || t === "0" || li(t) : !0;
-}
-var ol = /* @__PURE__ */ new Set([
-  "auto",
-  "none",
-  "0"
-]);
-function al(t, e, i) {
-  let n = 0, s;
-  for (; n < t.length && !s; ) {
-    const o = t[n];
-    typeof o == "string" && !ol.has(o) && xo(o) && (s = t[n]), n++;
-  }
-  if (s && i) for (const o of e)
-    t[o] !== s && (t[o] = wi(i, s));
-}
-var ll = class extends Si {
-  constructor(t, e, i, n, s) {
-    super(t, e, i, n, s, !0);
-  }
-  readKeyframes() {
-    const { unresolvedKeyframes: t, element: e, name: i } = this;
-    if (!e || !e.current) return;
-    super.readKeyframes();
-    for (let a = 0; a < t.length; a++) {
-      let l = t[a];
-      if (typeof l == "string" && (l = l.trim(), di(l))) {
-        const c = Zs(l, e.current);
-        c !== void 0 && (t[a] = c), a === t.length - 1 && (this.finalKeyframe = l);
-      }
-    }
-    if (this.resolveNoneKeyframes(), !tr.has(i) || t.length !== 2) return;
-    const [n, s] = t;
-    if (typeof n == "number" && typeof s == "number") return;
-    const o = on(n), r = on(s);
-    if (Wi(n) !== Wi(s) && ht[i]) {
-      this.needsMeasurement = !0;
-      return;
-    }
-    if (o !== r)
-      if (Ji(o) && Ji(r)) for (let a = 0; a < t.length; a++) {
-        const l = t[a];
-        typeof l == "string" && (t[a] = parseFloat(l));
-      }
-      else ht[i] && (this.needsMeasurement = !0);
-  }
-  resolveNoneKeyframes() {
-    const { unresolvedKeyframes: t, name: e } = this, i = [];
-    for (let n = 0; n < t.length; n++) (t[n] === null || rl(t[n])) && i.push(n);
-    i.length && al(t, i, e);
-  }
-  measure() {
-    const { element: t, name: e } = this;
-    return ht[e](window.getComputedStyle(t.current), () => t.measureViewportBox());
-  }
-  measureInitialState() {
-    const { element: t, unresolvedKeyframes: e, name: i } = this;
-    if (!t || !t.current) return;
-    i === "height" && (this.suspendedScrollY = window.pageYOffset), this.measuredOrigin = this.measure(), e[0] = this.measuredOrigin;
-    const n = e[e.length - 1];
-    n !== void 0 && this.motionValue?.jump(n, !1);
-  }
-  measureEndState() {
-    const { element: t, unresolvedKeyframes: e } = this;
-    if (!t || !t.current) return;
-    this.motionValue?.jump(this.measuredOrigin, !1);
-    const i = e.length - 1, n = e[i];
-    e[i] = this.measure(), n !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = n), this.removedTransforms?.length && this.removedTransforms.forEach(([s, o]) => {
-      t.getValue(s).set(o);
-    }), this.resolveNoneKeyframes();
-  }
-}, Vi = [
-  "borderTopLeftRadius",
-  "borderTopRightRadius",
-  "borderBottomRightRadius",
-  "borderBottomLeftRadius"
-];
-function ul(t) {
-  return cs(t) && "offsetHeight" in t && !("ownerSVGElement" in t);
-}
-function Di(t) {
-  return cs(t) && "ownerSVGElement" in t;
-}
-var Ze = (t, e) => e && typeof t == "number" ? e.transform(t) : t;
-function sr(t, e, i) {
-  if (t == null) return [];
-  if (t instanceof EventTarget) return [t];
-  if (typeof t == "string") {
-    let n = document;
-    e && (n = e.current);
-    const s = i?.[t] ?? n.querySelectorAll(t);
-    return s ? Array.from(s) : [];
-  }
-  return Array.from(t).filter((n) => n != null);
-}
-var cl = {
-  x: "translateX",
-  y: "translateY",
-  z: "translateZ",
-  transformPerspective: "perspective"
-}, hl = Dt.length;
-function fl(t, e, i) {
-  let n = "", s = !0;
-  for (let r = 0; r < hl; r++) {
-    const a = Dt[r], l = t[a];
-    if (l === void 0) continue;
-    let c = !0;
-    if (typeof l == "number") c = l === (a.startsWith("scale") ? 1 : 0);
-    else {
-      const u = parseFloat(l);
-      c = a.startsWith("scale") ? u === 1 : u === 0;
-    }
-    if (!c || i) {
-      const u = Ze(l, oe[a]);
-      if (!c) {
-        s = !1;
-        const h = cl[a] || a;
-        n += `${h}(${u}) `;
-      }
-      i && (e[a] = u);
-    }
-  }
-  const o = t.pathRotation;
-  return o && (s = !1, n += `rotate(${Ze(o, oe.pathRotation)}) `), n = n.trim(), i ? n = i(e, s ? "" : n) : s && (n = "none"), n;
-}
-function Mi(t, e, i) {
-  const { style: n, vars: s, transformOrigin: o } = t;
-  let r = !1, a = !1;
-  for (const l in e) {
-    const c = e[l];
-    if (it.has(l)) {
-      r = !0;
-      continue;
-    } else if (Ps(l)) {
-      s[l] = c;
-      continue;
-    } else {
-      const u = Ze(c, oe[l]);
-      l.startsWith("origin") ? (a = !0, o[l] = u) : n[l] = u;
-    }
-  }
-  if (e.transform || (r || i ? n.transform = fl(e, t.transform, i) : n.transform && (n.transform = "none")), a) {
-    const { originX: l = "50%", originY: c = "50%", originZ: u = 0 } = o;
-    n.transformOrigin = `${l} ${c} ${u}`;
-  }
-}
-var dl = {
-  offset: "stroke-dashoffset",
-  array: "stroke-dasharray"
-}, ml = {
-  offset: "strokeDashoffset",
-  array: "strokeDasharray"
-};
-function pl(t, e, i = 1, n = 0, s = !0) {
-  t.pathLength = 1;
-  const o = s ? dl : ml;
-  t[o.offset] = `${-n}`, t[o.array] = `${e} ${i}`;
-}
-var rr = [
-  "transform",
-  "opacity",
-  "offsetDistance",
-  "offsetPath",
-  "offsetRotate",
-  "offsetAnchor"
-];
-function or(t, { attrX: e, attrY: i, attrScale: n, pathLength: s, pathSpacing: o = 1, pathOffset: r = 0, ...a }, l, c, u) {
-  if (Mi(t, a, c), l) {
-    t.style.viewBox && (t.attrs.viewBox = t.style.viewBox);
-    return;
-  }
-  t.attrs = t.style, t.style = {};
-  const { attrs: h, style: f } = t;
-  for (const p of rr) h[p] !== void 0 && (f[p] = h[p], delete h[p]);
-  (f.transform || h.transformOrigin) && (f.transformOrigin = h.transformOrigin ?? "50% 50%", delete h.transformOrigin), f.transform && (f.transformBox = u?.transformBox ?? "fill-box", delete h.transformBox), e !== void 0 && (h.x = e), i !== void 0 && (h.y = i), n !== void 0 && (h.scale = n), s !== void 0 && pl(h, s, o, r, !1);
-}
-function ar({ top: t, left: e, right: i, bottom: n }) {
-  return {
-    x: {
-      min: e,
-      max: i
-    },
-    y: {
-      min: t,
-      max: n
-    }
-  };
-}
-function vl({ x: t, y: e }) {
-  return {
-    top: e.min,
-    right: t.max,
-    bottom: e.max,
-    left: t.min
-  };
-}
-function gl(t, e) {
-  if (!e) return t;
-  const i = e({
-    x: t.left,
-    y: t.top
-  }), n = e({
-    x: t.right,
-    y: t.bottom
-  });
-  return {
-    top: i.y,
-    left: i.x,
-    bottom: n.y,
-    right: n.x
-  };
-}
-function Pe(t) {
-  return t === void 0 || t === 1;
-}
-function Je({ scale: t, scaleX: e, scaleY: i }) {
-  return !Pe(t) || !Pe(e) || !Pe(i);
-}
-function ot(t) {
-  return Je(t) || lr(t) || t.z || t.rotate || t.rotateX || t.rotateY || t.skewX || t.skewY;
-}
-function lr(t) {
-  return an(t.x) || an(t.y);
-}
-function an(t) {
-  return t && t !== "0%";
-}
-function ae(t, e, i) {
-  return i + e * (t - i);
-}
-function ln(t, e, i, n, s) {
-  return s !== void 0 && (t = ae(t, s, n)), ae(t, i, n) + e;
-}
-function Qe(t, e = 0, i = 1, n, s) {
-  t.min = ln(t.min, e, i, n, s), t.max = ln(t.max, e, i, n, s);
-}
-function ur(t, { x: e, y: i }) {
-  Qe(t.x, e.translate, e.scale, e.originPoint), Qe(t.y, i.translate, i.scale, i.originPoint);
-}
-var un = 0.999999999999, cn = 1.0000000000001;
-function yl(t, e, i, n = !1) {
-  const s = i.length;
-  if (!s) return;
-  e.x = e.y = 1;
-  let o, r;
-  for (let a = 0; a < s; a++) {
-    o = i[a], r = o.projectionDelta;
-    const { visualElement: l } = o.options;
-    l && l.props.style && l.props.style.display === "contents" || (n && o.options.layoutScroll && o.scroll && o !== o.root && (X(t.x, -o.scroll.offset.x), X(t.y, -o.scroll.offset.y)), r && (e.x *= r.x.scale, e.y *= r.y.scale, ur(t, r)), n && ot(o.latestValues) && Xt(t, o.latestValues, o.layout?.layoutBox));
-  }
-  e.x < cn && e.x > un && (e.x = 1), e.y < cn && e.y > un && (e.y = 1);
-}
-function X(t, e) {
-  t.min += e, t.max += e;
-}
-function hn(t, e, i, n, s = 0.5) {
-  Qe(t, e, i, V(t.min, t.max, s), n);
-}
-function fn(t, e) {
-  return typeof t == "string" ? parseFloat(t) / 100 * (e.max - e.min) : t;
-}
-function Xt(t, e, i) {
-  const n = i ?? t;
-  hn(t.x, fn(e.x, n.x), e.scaleX, e.scale, e.originX), hn(t.y, fn(e.y, n.y), e.scaleY, e.scale, e.originY);
-}
-function cr(t, e) {
-  return ar(gl(t.getBoundingClientRect(), e));
-}
-function Tl(t, e, i) {
-  const n = cr(t, i), { scroll: s } = e;
-  return s && (X(n.x, s.offset.x), X(n.y, s.offset.y)), n;
-}
-var { schedule: Ei, cancel: Zc } = /* @__PURE__ */ Rs(queueMicrotask, !1), z = {
-  x: !1,
-  y: !1
-};
-function hr() {
-  return z.x || z.y;
-}
-function xl(t) {
-  return t === "x" || t === "y" ? z[t] ? null : (z[t] = !0, () => {
-    z[t] = !1;
-  }) : z.x || z.y ? null : (z.x = z.y = !0, () => {
-    z.x = z.y = !1;
-  });
-}
-function fr(t, e) {
-  const i = sr(t), n = new AbortController(), s = {
-    passive: !0,
-    ...e,
-    signal: n.signal
-  };
-  return [
-    i,
-    s,
-    () => n.abort()
-  ];
-}
-function wl(t) {
-  return !(t.pointerType === "touch" || hr());
-}
-function Sl(t, e, i = {}) {
-  const [n, s, o] = fr(t, i);
-  return n.forEach((r) => {
-    let a = !1, l = !1, c;
-    const u = () => {
-      r.removeEventListener("pointerleave", d);
-    }, h = (m) => {
-      c && (c(m), c = void 0), u();
-    }, f = (m) => {
-      a = !1, window.removeEventListener("pointerup", f), window.removeEventListener("pointercancel", f), l && (l = !1, h(m));
-    }, p = () => {
-      a = !0, window.addEventListener("pointerup", f, s), window.addEventListener("pointercancel", f, s);
-    }, d = (m) => {
-      if (m.pointerType !== "touch") {
-        if (a) {
-          l = !0;
-          return;
-        }
-        h(m);
-      }
-    }, g = (m) => {
-      if (!wl(m)) return;
-      l = !1;
-      const P = e(r, m);
-      typeof P == "function" && (c = P, r.addEventListener("pointerleave", d, s));
-    };
-    r.addEventListener("pointerenter", g, s), r.addEventListener("pointerdown", p, s);
-  }), o;
-}
-var dr = (t, e) => e ? t === e ? !0 : dr(t, e.parentElement) : !1, Ci = (t) => t.pointerType === "mouse" ? typeof t.button != "number" || t.button <= 0 : t.isPrimary !== !1, Pl = /* @__PURE__ */ new Set([
-  "BUTTON",
-  "INPUT",
-  "SELECT",
-  "TEXTAREA",
-  "A"
-]);
-function bl(t) {
-  return Pl.has(t.tagName) || t.isContentEditable === !0;
-}
-var Al = /* @__PURE__ */ new Set([
-  "INPUT",
-  "SELECT",
-  "TEXTAREA"
-]);
-function Vl(t) {
-  return Al.has(t.tagName) || t.isContentEditable === !0;
-}
-var Yt = /* @__PURE__ */ new WeakSet();
-function dn(t) {
-  return (e) => {
-    e.key === "Enter" && t(e);
-  };
-}
-function be(t, e) {
-  t.dispatchEvent(new PointerEvent("pointer" + e, {
-    isPrimary: !0,
-    bubbles: !0
-  }));
-}
-var Dl = (t, e) => {
-  const i = t.currentTarget;
-  if (!i) return;
-  const n = dn(() => {
-    if (Yt.has(i)) return;
-    be(i, "down");
-    const s = dn(() => {
-      be(i, "up");
-    }), o = () => be(i, "cancel");
-    i.addEventListener("keyup", s, e), i.addEventListener("blur", o, e);
-  });
-  i.addEventListener("keydown", n, e), i.addEventListener("blur", () => i.removeEventListener("keydown", n), e);
-};
-function mn(t) {
-  return Ci(t) && !hr();
-}
-var pn = /* @__PURE__ */ new WeakSet();
-function Ml(t, e, i = {}) {
-  const [n, s, o] = fr(t, i), r = (a) => {
-    const l = a.currentTarget;
-    if (!mn(a) || pn.has(a)) return;
-    Yt.add(l), i.stopPropagation && pn.add(a);
-    const c = e(l, a), u = {
-      ...s,
-      capture: !0
-    }, h = (d, g) => {
-      window.removeEventListener("pointerup", f, u), window.removeEventListener("pointercancel", p, u), Yt.has(l) && Yt.delete(l), mn(d) && typeof c == "function" && c(d, { success: g });
-    }, f = (d) => {
-      h(d, l === window || l === document || i.useGlobalTarget || dr(l, d.target));
-    }, p = (d) => {
-      h(d, !1);
-    };
-    window.addEventListener("pointerup", f, u), window.addEventListener("pointercancel", p, u);
-  };
-  return n.forEach((a) => {
-    (i.useGlobalTarget ? window : a).addEventListener("pointerdown", r, s), ul(a) && (a.addEventListener("focus", (l) => Dl(l, s)), !bl(a) && !a.hasAttribute("tabindex") && (a.tabIndex = 0));
-  }), o;
-}
-var qt = /* @__PURE__ */ new WeakMap(), Zt, mr = (t, e, i) => (n, s) => s && s[0] ? s[0][t + "Size"] : Di(n) && "getBBox" in n ? n.getBBox()[e] : n[i], El = /* @__PURE__ */ mr("inline", "width", "offsetWidth"), Cl = /* @__PURE__ */ mr("block", "height", "offsetHeight");
-function Rl({ target: t, borderBoxSize: e }) {
-  qt.get(t)?.forEach((i) => {
-    i(t, {
-      get width() {
-        return El(t, e);
-      },
-      get height() {
-        return Cl(t, e);
-      }
-    });
-  });
-}
-function Ll(t) {
-  t.forEach(Rl);
-}
-function kl() {
-  typeof ResizeObserver > "u" || (Zt = new ResizeObserver(Ll));
-}
-function Bl(t, e) {
-  Zt || kl();
-  const i = sr(t);
-  return i.forEach((n) => {
-    let s = qt.get(n);
-    s || (s = /* @__PURE__ */ new Set(), qt.set(n, s)), s.add(e), Zt?.observe(n);
-  }), () => {
-    i.forEach((n) => {
-      const s = qt.get(n);
-      s?.delete(e), s?.size || Zt?.unobserve(n);
-    });
-  };
-}
-var Jt = /* @__PURE__ */ new Set(), wt;
-function Il() {
-  wt = () => {
-    const t = {
-      get width() {
-        return window.innerWidth;
-      },
-      get height() {
-        return window.innerHeight;
-      }
-    };
-    Jt.forEach((e) => e(t));
-  }, window.addEventListener("resize", wt);
-}
-function Fl(t) {
-  return Jt.add(t), wt || Il(), () => {
-    Jt.delete(t), !Jt.size && typeof wt == "function" && (window.removeEventListener("resize", wt), wt = void 0);
-  };
-}
-function vn(t, e) {
-  return typeof t == "function" ? Fl(t) : Bl(t, e);
-}
-var gt = {
-  value: null,
-  addProjectionMetrics: null
-};
-function Ol(t) {
-  return Di(t) && t.tagName === "svg";
-}
-var gn = (t) => typeof t == "number" ? t : parseFloat(t), yn = () => ({
-  translate: 0,
-  scale: 1,
-  origin: 0,
-  originPoint: 0
-}), St = () => ({
-  x: yn(),
-  y: yn()
-}), Tn = () => ({
-  min: 0,
-  max: 0
-}), E = () => ({
-  x: Tn(),
-  y: Tn()
-}), jl = /* @__PURE__ */ new WeakMap();
-function de(t) {
-  return t !== null && typeof t == "object" && typeof t.start == "function";
-}
-function Ft(t) {
-  return typeof t == "string" || Array.isArray(t);
-}
-var Ri = [
-  "animate",
-  "whileInView",
-  "whileFocus",
-  "whileHover",
-  "whileTap",
-  "whileDrag",
-  "exit"
-], xn = ["initial", ...Ri];
-function me(t) {
-  if (de(t.animate)) return !0;
-  for (let e = 0; e < xn.length; e++) if (Ft(t[xn[e]])) return !0;
-  return !1;
-}
-function pr(t) {
-  return !!(me(t) || t.variants);
-}
-function Nl(t, e, i) {
-  for (const n in e) {
-    const s = e[n], o = i[n];
-    if (B(s)) t.addValue(n, s);
-    else if (B(o)) t.addValue(n, bt(s, { owner: t }));
-    else if (o !== s)
-      if (t.hasValue(n)) {
-        const r = t.getValue(n);
-        r.liveStyle === !0 ? r.jump(s) : r.hasAnimated || r.set(s);
-      } else {
-        const r = t.getStaticValue(n);
-        t.addValue(n, bt(r !== void 0 ? r : s, { owner: t }));
-      }
-  }
-  for (const n in i) e[n] === void 0 && t.removeValue(n);
-  return e;
-}
-var ti = { current: null }, vr = { current: !1 }, Ul = typeof window < "u";
-function Wl() {
-  if (vr.current = !0, !!Ul)
-    if (window.matchMedia) {
-      const t = window.matchMedia("(prefers-reduced-motion)"), e = () => ti.current = t.matches;
-      t.addEventListener("change", e), e();
-    } else ti.current = !1;
-}
-var wn = [
-  "AnimationStart",
-  "AnimationComplete",
-  "Update",
-  "BeforeLayoutMeasure",
-  "LayoutMeasure",
-  "LayoutAnimationStart",
-  "LayoutAnimationComplete"
-], le = {};
-function gr(t) {
-  le = t;
-}
-function $l() {
-  return le;
-}
-var Kl = class {
-  scrapeMotionValuesFromProps(t, e, i) {
-    return {};
-  }
-  constructor({ parent: t, props: e, presenceContext: i, reducedMotionConfig: n, skipAnimations: s, blockInitialAnimation: o, visualState: r }, a = {}) {
-    this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.shouldSkipAnimations = !1, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = Si, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.hasBeenMounted = !1, 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 f = k.now();
-      this.renderScheduledAt < f && (this.renderScheduledAt = f, D.render(this.render, !1, !0));
-    };
-    const { latestValues: l, renderState: c } = r;
-    this.latestValues = l, this.baseTarget = { ...l }, this.initialValues = e.initial ? { ...l } : {}, this.renderState = c, this.parent = t, this.props = e, this.presenceContext = i, this.depth = t ? t.depth + 1 : 0, this.reducedMotionConfig = n, this.skipAnimationsConfig = s, this.options = a, this.blockInitialAnimation = !!o, this.isControllingVariants = me(e), this.isVariantNode = pr(e), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(t && t.current);
-    const { willChange: u, ...h } = this.scrapeMotionValuesFromProps(e, {}, this);
-    for (const f in h) {
-      const p = h[f];
-      l[f] !== void 0 && B(p) && p.set(l[f]);
-    }
-  }
-  mount(t) {
-    if (this.hasBeenMounted) for (const e in this.initialValues)
-      this.values.get(e)?.jump(this.initialValues[e]), this.latestValues[e] = this.initialValues[e];
-    if (this.current = t, jl.set(t, this), this.projection && !this.projection.instance && this.projection.mount(t), this.isVariantNode && !this.isControllingVariants) {
-      let e = this;
-      do
-        e = e.props.inherit !== !1 && e.parent;
-      while (e && !e.isVariantNode);
-      if (e) {
-        const { variantChildren: i } = e;
-        i.add(this), this.removeFromVariantTree = () => i.delete(this);
-      }
-    }
-    this.values.forEach((e, i) => this.bindToMotionValue(i, e)), this.reducedMotionConfig === "never" ? this.shouldReduceMotion = !1 : this.reducedMotionConfig === "always" ? this.shouldReduceMotion = !0 : (vr.current || Wl(), this.shouldReduceMotion = ti.current), process.env.NODE_ENV !== "production" && ui(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), this.shouldSkipAnimations = this.skipAnimationsConfig ?? !1, this.parent?.addChild(this), this.update(this.props, this.presenceContext), this.hasBeenMounted = !0;
-  }
-  unmount() {
-    this.projection && this.projection.unmount(), nt(this.notifyUpdate), nt(this.render), this.valueSubscriptions.forEach((t) => t()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent?.removeChild(this);
-    for (const t in this.events) this.events[t].clear();
-    for (const t in this.features) {
-      const e = this.features[t];
-      e && (e.unmount(), e.isMounted = !1);
-    }
-    this.current = null;
-  }
-  addChild(t) {
-    this.children.add(t), this.enteringChildren ?? (this.enteringChildren = /* @__PURE__ */ new Set()), this.enteringChildren.add(t);
-  }
-  removeChild(t) {
-    this.children.delete(t), this.enteringChildren && this.enteringChildren.delete(t);
-  }
-  bindToMotionValue(t, e) {
-    if (this.valueSubscriptions.has(t) && this.valueSubscriptions.get(t)(), e.accelerate && Xe.has(t) && this.current instanceof HTMLElement) {
-      const { factory: o, keyframes: r, times: a, ease: l, duration: c } = e.accelerate, u = new Hs({
-        element: this.current,
-        name: t,
-        keyframes: r,
-        times: a,
-        ease: l,
-        duration: U(c)
-      }), h = o(u);
-      this.valueSubscriptions.set(t, () => {
-        h(), u.cancel();
-      });
-      return;
-    }
-    const i = it.has(t);
-    i && this.onBindTransform && this.onBindTransform();
-    const n = e.on("change", (o) => {
-      this.latestValues[t] = o, this.props.onUpdate && D.preRender(this.notifyUpdate), i && this.projection && (this.projection.isTransformDirty = !0), this.scheduleRender();
-    });
-    let s;
-    typeof window < "u" && window.MotionCheckAppearSync && (s = window.MotionCheckAppearSync(this, t, e)), this.valueSubscriptions.set(t, () => {
-      n(), s && s();
-    });
-  }
-  sortNodePosition(t) {
-    return !this.current || !t.current || !this.sortInstanceNodePosition || this.type !== t.type ? 0 : this.sortInstanceNodePosition(this.current, t.current);
-  }
-  updateFeatures() {
-    let t = "animation";
-    for (t in le) {
-      const e = le[t];
-      if (!e) continue;
-      const { isEnabled: i, Feature: n } = e;
-      if (!this.features[t] && n && i(this.props) && (this.features[t] = new n(this)), this.features[t]) {
-        const s = this.features[t];
-        s.isMounted ? s.update() : (s.mount(), s.isMounted = !0);
-      }
-    }
-  }
-  triggerBuild() {
-    this.build(this.renderState, this.latestValues, this.props);
-  }
-  measureViewportBox() {
-    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : E();
-  }
-  getStaticValue(t) {
-    return this.latestValues[t];
-  }
-  setStaticValue(t, e) {
-    this.latestValues[t] = e;
-  }
-  update(t, e) {
-    (t.transformTemplate || this.props.transformTemplate) && this.scheduleRender(), this.prevProps = this.props, this.props = t, this.prevPresenceContext = this.presenceContext, this.presenceContext = e;
-    for (let i = 0; i < wn.length; i++) {
-      const n = wn[i];
-      this.propEventSubscriptions[n] && (this.propEventSubscriptions[n](), delete this.propEventSubscriptions[n]);
-      const s = t["on" + n];
-      s && (this.propEventSubscriptions[n] = this.on(n, s));
-    }
-    this.prevMotionValues = Nl(this, this.scrapeMotionValuesFromProps(t, this.prevProps || {}, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
-  }
-  getProps() {
-    return this.props;
-  }
-  getVariant(t) {
-    return this.props.variants ? this.props.variants[t] : void 0;
-  }
-  getDefaultTransition() {
-    return this.props.transition;
-  }
-  getTransformPagePoint() {
-    return this.props.transformPagePoint;
-  }
-  addValue(t, e) {
-    const i = this.values.get(t);
-    if (e !== i) {
-      i && this.removeValue(t), this.bindToMotionValue(t, e), this.values.set(t, e);
-      const n = e.get();
-      n !== void 0 && (this.latestValues[t] = n);
-    }
-  }
-  removeValue(t) {
-    this.values.delete(t);
-    const e = this.valueSubscriptions.get(t);
-    e && (e(), this.valueSubscriptions.delete(t)), delete this.latestValues[t], this.removeValueFromRenderState(t, this.renderState);
-  }
-  hasValue(t) {
-    return this.values.has(t);
-  }
-  getValue(t, e) {
-    if (this.props.values && this.props.values[t]) return this.props.values[t];
-    let i = this.values.get(t);
-    return i === void 0 && e !== void 0 && (i = bt(e ?? this.getDefaultValue?.(t), { owner: this }), this.addValue(t, i)), i;
-  }
-  readValue(t, e) {
-    let i = this.latestValues[t] !== void 0 || !this.current ? this.latestValues[t] : this.getBaseTargetFromProps(this.props, t) ?? this.readValueFromInstance(this.current, t, this.options);
-    return i != null && (typeof i == "string" && (ai(i) || li(i)) ? i = parseFloat(i) : typeof i != "number" && !W.test(i) && W.test(e) && (i = wi(t, e)), this.setBaseTarget(t, B(i) ? i.get() : i)), B(i) ? i.get() : i;
-  }
-  setBaseTarget(t, e) {
-    this.baseTarget[t] = e;
-  }
-  on(t, e) {
-    return this.events[t] || (this.events[t] = new ie()), this.events[t].add(e);
-  }
-  notify(t, ...e) {
-    this.events[t] && this.events[t].notify(...e);
-  }
-  scheduleRenderMicrotask() {
-    Ei.render(this.render);
-  }
-}, yr = class extends Kl {
-  constructor() {
-    super(...arguments), this.KeyframeResolver = ll;
-  }
-  sortInstanceNodePosition(t, e) {
-    return t.compareDocumentPosition(e) & 2 ? 1 : -1;
-  }
-  getBaseTargetFromProps(t, e) {
-    const i = t.style;
-    return i ? i[e] : void 0;
-  }
-  removeValueFromRenderState(t, { vars: e, style: i }) {
-    delete e[t], delete i[t];
-  }
-  handleChildMotionValue() {
-    this.childSubscription && (this.childSubscription(), delete this.childSubscription);
-    const { children: t } = this.props;
-    B(t) && (this.childSubscription = t.on("change", (e) => {
-      this.current && (this.current.textContent = `${e}`);
-    }));
-  }
-}, st = class {
-  constructor(t) {
-    this.isMounted = !1, this.node = t;
-  }
-  update() {
-  }
-};
-function Tr(t, { style: e, vars: i }, n, s) {
-  const o = t.style;
-  let r;
-  for (r in e) o[r] = e[r];
-  s?.applyProjectionStyles(o, n);
-  for (r in i) o.setProperty(r, i[r]);
-}
-var Ot = {};
-function xr(t, { layout: e, layoutId: i }) {
-  return it.has(t) || t.startsWith("origin") || (e || i !== void 0) && (!!Ot[t] || t === "opacity");
-}
-function Li(t, e, i) {
-  const n = t.style, s = e?.style, o = {};
-  if (!n) return o;
-  for (const r in n) (B(n[r]) || s && B(s[r]) || xr(r, t) || i?.getValue(r)?.liveStyle !== void 0) && (o[r] = n[r]);
-  return o;
-}
-function zl(t) {
-  return window.getComputedStyle(t);
-}
-var _l = class extends yr {
-  constructor() {
-    super(...arguments), this.type = "html", this.renderInstance = Tr;
-  }
-  mount(t) {
-    q(!!t.style, "motion.create() components must forward their ref to a HTML or SVG element", "custom-component-ref"), super.mount(t);
-  }
-  readValueFromInstance(t, e) {
-    if (it.has(e)) return this.projection?.isProjecting ? It(e) : ca(t, e);
-    {
-      const i = zl(t), n = (Ps(e) ? i.getPropertyValue(e) : i[e]) || 0;
-      return typeof n == "string" ? n.trim() : n;
-    }
-  }
-  measureInstanceViewportBox(t, { transformPagePoint: e }) {
-    return cr(t, e);
-  }
-  build(t, e, i) {
-    Mi(t, e, i.transformTemplate);
-  }
-  scrapeMotionValuesFromProps(t, e, i) {
-    return Li(t, e, i);
-  }
-}, wr = /* @__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"
-]), Sr = (t) => typeof t == "string" && t.toLowerCase() === "svg";
-function Gl(t, e, i, n) {
-  Tr(t, e, void 0, n);
-  for (const s in e.attrs) t.setAttribute(wr.has(s) ? s : Ai(s), e.attrs[s]);
-}
-function Pr(t, e, i) {
-  const n = Li(t, e, i);
-  for (const s in t) if (B(t[s]) || B(e[s])) {
-    const o = Dt.indexOf(s) !== -1 ? "attr" + s.charAt(0).toUpperCase() + s.substring(1) : s;
-    n[o] = t[s];
-  }
-  return n;
-}
-var Hl = class extends yr {
-  constructor() {
-    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = E;
-  }
-  getBaseTargetFromProps(t, e) {
-    return it.has(e) ? super.getBaseTargetFromProps(t, e) ?? It(e) : t[e];
-  }
-  getDefaultValue(t) {
-    return it.has(t) ? this.latestValues[t] ?? It(t) : void 0;
-  }
-  readValueFromInstance(t, e) {
-    if (it.has(e)) {
-      const i = Ns(e);
-      return i && i.default || 0;
-    }
-    if (rr.includes(e)) {
-      const i = getComputedStyle(t)[e];
-      if (typeof i == "string" && i) return i.trim();
-    }
-    return e = wr.has(e) ? e : Ai(e), t.getAttribute(e);
-  }
-  scrapeMotionValuesFromProps(t, e, i) {
-    return Pr(t, e, i);
-  }
-  build(t, e, i) {
-    or(t, e, this.isSVGTag, i.transformTemplate, i.style);
-  }
-  renderInstance(t, e, i, n) {
-    Gl(t, e, i, n);
-  }
-  mount(t) {
-    this.isSVGTag = Sr(t.tagName), super.mount(t);
-  }
-};
-function br(t, e) {
-  if (!Array.isArray(e)) return !1;
-  const i = e.length;
-  if (i !== t.length) return !1;
-  for (let n = 0; n < i; n++) if (e[n] !== t[n]) return !1;
-  return !0;
-}
-var Xl = [...Ri].reverse();
-function Yl(t) {
-  let e = (a) => Promise.all(a.map(({ animation: l, options: c }) => el(t, l, c))), i = Sn(), n = !0, s = !1;
-  function o(a) {
-    const { props: l, parent: c, manuallyAnimateOnMount: u } = t, h = n || s, f = [], p = /* @__PURE__ */ new Set();
-    let d = {}, g = 1 / 0, m = t;
-    do
-      m = m.props.inherit !== !1 && m.parent;
-    while (m && !m.isControllingVariants);
-    if (Xl.forEach((x, S) => {
-      const T = i[x], b = l[x], A = m && m.props[x], v = b !== void 0 ? b : Ft(A) || A === !1 ? A : void 0, w = Ft(v), M = x === a ? T.isActive : null;
-      M === !1 && (g = S);
-      const I = w && b === void 0 && !(h && u);
-      if (T.protectedKeys = { ...d }, !T.isActive && M === null || !v && !T.prevProp || de(v) || typeof v == "boolean") return;
-      if (x === "exit" && T.isActive && M !== !0) {
-        d = {
-          ...d,
-          ...T.prevResolvedValues
-        };
-        return;
-      }
-      const et = ql(T.prevProp, v);
-      let Z = et || w && (M && !I || S > g), j = !1;
-      const pt = Array.isArray(v) ? v : [v];
-      let vt = {};
-      if (M !== !1) for (const F of pt) {
-        const { transition: G, transitionEnd: rt, ...$t } = dt(t, F, Qs(t, x)) || {};
-        vt = {
-          ...vt,
-          ...$t,
-          ...rt
-        };
-      }
-      const { prevResolvedValues: Ii } = T;
-      for (const F in {
-        ...Ii,
-        ...vt
-      }) {
-        if (F in d) continue;
-        const G = vt[F], rt = Ii[F], $t = Array.isArray(G) && Array.isArray(rt) ? !br(G, rt) || et : G !== rt;
-        if ($t && G == null) p.add(F);
-        else if ($t || G !== void 0 && p.has(F)) {
-          Z = !0, p.delete(F) && (j = !0), T.needsAnimating[F] = !0;
-          const Fi = t.getValue(F);
-          Fi && (Fi.liveStyle = !1);
-        } else T.protectedKeys[F] = !0;
-      }
-      if (T.prevProp = v, T.prevResolvedValues = vt, T.isActive && (d = {
-        ...d,
-        ...vt
-      }), Z && (!(I && et) || j)) for (const F of pt) {
-        const G = { type: x };
-        if (typeof F == "string" && h && u && c?.enteringChildren) {
-          const rt = dt(c, F)?.transition?.delayChildren;
-          G.delay = Ys(c.enteringChildren, t, rt);
-        }
-        f.push({
-          animation: F,
-          options: G
-        });
-      }
-    }), p.size) {
-      const { initial: x } = l, S = {}, T = typeof x != "boolean" && dt(t, Array.isArray(x) ? x[0] : x, t.presenceContext?.custom);
-      T && T.transition && (S.transition = T.transition), p.forEach((b) => {
-        const A = t.getValue(b);
-        A && (A.liveStyle = !0);
-        const v = T && !Array.isArray(x) ? T[b] : void 0, w = t.getBaseTargetFromProps(l, b);
-        S[b] = (v !== void 0 ? v : w !== void 0 && !B(w) ? w : t.initialValues[b] === void 0 ? t.baseTarget[b] : void 0) ?? null;
-      }), f.push({ animation: S });
-    }
-    const P = h && t.blockInitialAnimation || n && !u && (l.initial === !1 || l.initial === l.animate);
-    return n = s = !1, !P && f.length ? e(f) : Promise.resolve();
-  }
-  function r(a, l) {
-    if (i[a].isActive === l) return Promise.resolve();
-    t.variantChildren?.forEach((u) => u.animationState?.setActive(a, l)), i[a].isActive = l;
-    const c = o(a);
-    for (const u in i) i[u].protectedKeys = {};
-    return c;
-  }
-  return {
-    animateChanges: o,
-    setActive: r,
-    setAnimateFunction: (a) => {
-      e = a(t);
-    },
-    getState: () => i,
-    reset: () => {
-      i = Sn(), s = !0;
-    }
-  };
-}
-function ql(t, e) {
-  return typeof e == "string" ? e !== t : Array.isArray(e) ? !br(e, t) : !1;
-}
-function Sn() {
-  const t = {};
-  for (const e of Ri) t[e] = {
-    isActive: e === "animate",
-    protectedKeys: {},
-    needsAnimating: {},
-    prevResolvedValues: {}
-  };
-  return t;
-}
-function ei(t, e) {
-  t.min = e.min, t.max = e.max;
-}
-function K(t, e) {
-  ei(t.x, e.x), ei(t.y, e.y);
-}
-function Pn(t, e) {
-  t.translate = e.translate, t.scale = e.scale, t.originPoint = e.originPoint, t.origin = e.origin;
-}
-var Zl = 0.9999, Jl = 1.0001, Ql = -0.01, tu = 0.01;
-function O(t) {
-  return t.max - t.min;
-}
-function eu(t, e, i) {
-  return Math.abs(t - e) <= i;
-}
-function bn(t, e, i, n = 0.5) {
-  t.origin = n, t.originPoint = V(e.min, e.max, t.origin), t.scale = O(i) / O(e), t.translate = V(i.min, i.max, t.origin) - t.originPoint, (t.scale >= Zl && t.scale <= Jl || isNaN(t.scale)) && (t.scale = 1), (t.translate >= Ql && t.translate <= tu || isNaN(t.translate)) && (t.translate = 0);
-}
-function Ct(t, e, i, n) {
-  bn(t.x, e.x, i.x, n ? n.originX : void 0), bn(t.y, e.y, i.y, n ? n.originY : void 0);
-}
-function An(t, e, i, n = 0) {
-  t.min = (n ? V(i.min, i.max, n) : i.min) + e.min, t.max = t.min + O(e);
-}
-function iu(t, e, i, n) {
-  An(t.x, e.x, i.x, n?.x), An(t.y, e.y, i.y, n?.y);
-}
-function Vn(t, e, i, n = 0) {
-  const s = n ? V(i.min, i.max, n) : i.min;
-  t.min = e.min - s, t.max = t.min + O(e);
-}
-function ue(t, e, i, n) {
-  Vn(t.x, e.x, i.x, n?.x), Vn(t.y, e.y, i.y, n?.y);
-}
-function Dn(t, e, i, n, s) {
-  return t -= e, t = ae(t, 1 / i, n), s !== void 0 && (t = ae(t, 1 / s, n)), t;
-}
-function nu(t, e = 0, i = 1, n = 0.5, s, o = t, r = t) {
-  if (Y.test(e) && (e = parseFloat(e), e = V(r.min, r.max, e / 100) - r.min), typeof e != "number") return;
-  let a = V(o.min, o.max, n);
-  t === o && (a -= e), t.min = Dn(t.min, e, i, a, s), t.max = Dn(t.max, e, i, a, s);
-}
-function Mn(t, e, [i, n, s], o, r) {
-  nu(t, e[i], e[n], e[s], e.scale, o, r);
-}
-var su = [
-  "x",
-  "scaleX",
-  "originX"
-], ru = [
-  "y",
-  "scaleY",
-  "originY"
-];
-function En(t, e, i, n) {
-  Mn(t.x, e, su, i ? i.x : void 0, n ? n.x : void 0), Mn(t.y, e, ru, i ? i.y : void 0, n ? n.y : void 0);
-}
-function Cn(t) {
-  return t.translate === 0 && t.scale === 1;
-}
-function Ar(t) {
-  return Cn(t.x) && Cn(t.y);
-}
-function Rn(t, e) {
-  return t.min === e.min && t.max === e.max;
-}
-function ou(t, e) {
-  return Rn(t.x, e.x) && Rn(t.y, e.y);
-}
-function Ln(t, e) {
-  return Math.round(t.min) === Math.round(e.min) && Math.round(t.max) === Math.round(e.max);
-}
-function Vr(t, e) {
-  return Ln(t.x, e.x) && Ln(t.y, e.y);
-}
-function kn(t) {
-  return O(t.x) / O(t.y);
-}
-function Bn(t, e) {
-  return t.translate === e.translate && t.scale === e.scale && t.originPoint === e.originPoint;
-}
-function H(t) {
-  return [t("x"), t("y")];
-}
-function In(t, e) {
-  return e.max === e.min ? 0 : t / (e.max - e.min) * 100;
-}
-var Mt = { correct: (t, e) => {
-  if (!e.target) return t;
-  if (typeof t == "string")
-    if (y.test(t)) t = parseFloat(t);
-    else return t;
-  return `${In(t, e.target.x)}% ${In(t, e.target.y)}%`;
-} }, au = { correct: (t, { treeScale: e, projectionDelta: i }) => {
-  const n = t, s = W.parse(t);
-  if (s.length > 5) return n;
-  const o = W.createTransformer(t), r = typeof s[0] != "number" ? 1 : 0, a = i.x.scale * e.x, l = i.y.scale * e.y;
-  s[0 + r] /= a, s[1 + r] /= l;
-  const c = V(a, l, 0.5);
-  return typeof s[2 + r] == "number" && (s[2 + r] /= c), typeof s[3 + r] == "number" && (s[3 + r] /= c), o(s);
-} };
-function lu(t, e, i) {
-  let n = "";
-  const s = t.x.translate / e.x, o = t.y.translate / e.y, r = i?.z || 0;
-  if ((s || o || r) && (n = `translate3d(${s}px, ${o}px, ${r}px) `), (e.x !== 1 || e.y !== 1) && (n += `scale(${1 / e.x}, ${1 / e.y}) `), i) {
-    const { transformPerspective: c, rotate: u, pathRotation: h, rotateX: f, rotateY: p, skewX: d, skewY: g } = i;
-    c && (n = `perspective(${c}px) ${n}`), u && (n += `rotate(${u}deg) `), h && (n += `rotate(${h}deg) `), f && (n += `rotateX(${f}deg) `), p && (n += `rotateY(${p}deg) `), d && (n += `skewX(${d}deg) `), g && (n += `skewY(${g}deg) `);
-  }
-  const a = t.x.scale * e.x, l = t.y.scale * e.y;
-  return (a !== 1 || l !== 1) && (n += `scale(${a}, ${l})`), n || "none";
-}
-var uu = Vi.length, Fn = (t) => typeof t == "number" || y.test(t);
-function cu(t, e, i, n, s, o) {
-  s ? (t.opacity = V(0, i.opacity ?? 1, hu(n)), t.opacityExit = V(e.opacity ?? 1, 0, fu(n))) : o && (t.opacity = V(e.opacity ?? 1, i.opacity ?? 1, n));
-  for (let r = 0; r < uu; r++) {
-    const a = Vi[r];
-    let l = On(e, a), c = On(i, a);
-    l === void 0 && c === void 0 || (l || (l = 0), c || (c = 0), l === 0 || c === 0 || Fn(l) === Fn(c) ? (t[a] = Math.max(V(gn(l), gn(c), n), 0), (Y.test(c) || Y.test(l)) && (t[a] += "%")) : t[a] = c);
-  }
-  (e.rotate || i.rotate) && (t.rotate = V(e.rotate || 0, i.rotate || 0, n));
-}
-function On(t, e) {
-  return t[e] !== void 0 ? t[e] : t.borderRadius;
-}
-var hu = /* @__PURE__ */ Dr(0, 0.5, Ts), fu = /* @__PURE__ */ Dr(0.5, 0.95, _);
-function Dr(t, e, i) {
-  return (n) => n < t ? 0 : n > e ? 1 : i(Lt(t, e, n));
-}
-function du(t, e, i) {
-  const n = B(t) ? t : bt(t);
-  return n.start(bi("", n, e, i)), n.animation;
-}
-function jt(t, e, i, n = { passive: !0 }) {
-  return t.addEventListener(e, i, n), () => t.removeEventListener(e, i, n);
-}
-var mu = (t, e) => t.depth - e.depth, pu = class {
-  constructor() {
-    this.children = [], this.isDirty = !1;
-  }
-  add(t) {
-    oi(this.children, t), this.isDirty = !0;
-  }
-  remove(t) {
-    ee(this.children, t), this.isDirty = !0;
-  }
-  forEach(t) {
-    this.isDirty && this.children.sort(mu), this.isDirty = !1, this.children.forEach(t);
-  }
-};
-function vu(t, e) {
-  const i = k.now(), n = ({ timestamp: s }) => {
-    const o = s - i;
-    o >= e && (nt(n), t(o - e));
-  };
-  return D.setup(n, !0), () => nt(n);
-}
-function Qt(t) {
-  return B(t) ? t.get() : t;
-}
-var gu = class {
-  constructor() {
-    this.members = [];
-  }
-  add(t) {
-    oi(this.members, t);
-    for (let e = this.members.length - 1; e >= 0; e--) {
-      const i = this.members[e];
-      if (i === t || i === this.lead || i === this.prevLead) continue;
-      const n = i.instance;
-      (!n || n.isConnected === !1) && !i.snapshot && (ee(this.members, i), i.unmount());
-    }
-    t.scheduleRender();
-  }
-  remove(t) {
-    if (ee(this.members, t), t === this.prevLead && (this.prevLead = void 0), t === this.lead) {
-      const e = this.members[this.members.length - 1];
-      e && this.promote(e);
-    }
-  }
-  relegate(t) {
-    for (let e = this.members.indexOf(t) - 1; e >= 0; e--) {
-      const i = this.members[e];
-      if (i.isPresent !== !1 && i.instance?.isConnected !== !1)
-        return this.promote(i), !0;
-    }
-    return !1;
-  }
-  promote(t, e) {
-    const i = this.lead;
-    if (t !== i && (this.prevLead = i, this.lead = t, t.show(), i)) {
-      i.updateSnapshot(), t.scheduleRender();
-      const { layoutDependency: n } = i.options, { layoutDependency: s } = t.options;
-      (n === void 0 || n !== s) && (t.resumeFrom = i, e && (i.preserveOpacity = !0), i.snapshot && (t.snapshot = i.snapshot, t.snapshot.latestValues = i.animationValues || i.latestValues), t.root?.isUpdating && (t.isLayoutDirty = !0)), t.options.crossfade === !1 && i.hide();
-    }
-  }
-  exitAnimationComplete() {
-    this.members.forEach((t) => {
-      t.options.onExitComplete?.(), t.resumingFrom?.options.onExitComplete?.();
-    });
-  }
-  scheduleRender() {
-    this.members.forEach((t) => t.instance && t.scheduleRender(!1));
-  }
-  removeLeadSnapshot() {
-    this.lead?.snapshot && (this.lead.snapshot = void 0);
-  }
-}, yu = {
-  borderRadius: {
-    ...Mt,
-    applyTo: [...Vi]
-  },
-  borderTopLeftRadius: Mt,
-  borderTopRightRadius: Mt,
-  borderBottomLeftRadius: Mt,
-  borderBottomRightRadius: Mt,
-  boxShadow: au
-}, te = {
-  hasAnimatedSinceResize: !0,
-  hasEverUpdated: !1
-};
-Object.assign(Ot, {
-  ...yu,
-  ...Ot
-});
-var at = {
-  nodes: 0,
-  calculatedTargetDeltas: 0,
-  calculatedProjections: 0
-}, Ae = [
-  "",
-  "X",
-  "Y",
-  "Z"
-], Tu = 1e3, xu = 0;
-function Ve(t, e, i, n) {
-  const { latestValues: s } = e;
-  s[t] && (i[t] = s[t], e.setStaticValue(t, 0), n && (n[t] = 0));
-}
-function Mr(t) {
-  if (t.hasCheckedOptimisedAppear = !0, t.root === t) return;
-  const { visualElement: e } = t.options;
-  if (!e) return;
-  const i = ir(e);
-  if (window.MotionHasOptimisedAnimation(i, "transform")) {
-    const { layout: s, layoutId: o } = t.options;
-    window.MotionCancelOptimisedAnimation(i, "transform", D, !(s || o));
-  }
-  const { parent: n } = t;
-  n && !n.hasCheckedOptimisedAppear && Mr(n);
-}
-function Er({ attachResizeListener: t, defaultParent: e, measureScroll: i, checkIsScrollRoot: n, resetTransform: s }) {
-  return class {
-    constructor(r = {}, a = e?.()) {
-      this.id = xu++, this.animationId = 0, this.animationCommitId = 0, this.children = /* @__PURE__ */ new Set(), this.options = {}, this.isTreeAnimating = !1, this.isAnimationBlocked = !1, this.isLayoutDirty = !1, this.isProjectionDirty = !1, this.isSharedProjectionDirty = !1, this.isTransformDirty = !1, this.updateManuallyBlocked = !1, this.updateBlockedByResize = !1, this.isUpdating = !1, this.isSVG = !1, this.needsReset = !1, this.shouldResetTransform = !1, this.hasCheckedOptimisedAppear = !1, this.treeScale = {
-        x: 1,
-        y: 1
-      }, this.eventHandlers = /* @__PURE__ */ new Map(), this.hasTreeAnimated = !1, this.updateScheduled = !1, this.scheduleUpdate = () => this.update(), this.projectionUpdateScheduled = !1, this.checkUpdateFailed = () => {
-        this.isUpdating && (this.isUpdating = !1, this.clearAllSnapshots());
-      }, this.updateProjection = () => {
-        this.projectionUpdateScheduled = !1, gt.value && (at.nodes = at.calculatedTargetDeltas = at.calculatedProjections = 0), this.nodes.forEach(Pu), this.nodes.forEach(Cu), this.nodes.forEach(Ru), this.nodes.forEach(bu), gt.addProjectionMetrics && gt.addProjectionMetrics(at);
-      }, this.resolvedRelativeTargetAt = 0, this.hasProjected = !1, this.isVisible = !0, this.animationProgress = 0, this.sharedNodes = /* @__PURE__ */ new Map(), this.latestValues = r, this.root = a ? a.root || a : this, this.path = a ? [...a.path, a] : [], this.parent = a, this.depth = a ? a.depth + 1 : 0;
-      for (let l = 0; l < this.path.length; l++) this.path[l].shouldResetTransform = !0;
-      this.root === this && (this.nodes = new pu());
-    }
-    addEventListener(r, a) {
-      return this.eventHandlers.has(r) || this.eventHandlers.set(r, new ie()), this.eventHandlers.get(r).add(a);
-    }
-    notifyListeners(r, ...a) {
-      const l = this.eventHandlers.get(r);
-      l && l.notify(...a);
-    }
-    hasListeners(r) {
-      return this.eventHandlers.has(r);
-    }
-    mount(r) {
-      if (this.instance) return;
-      this.isSVG = Di(r) && !Ol(r), this.instance = r;
-      const { layoutId: a, layout: l, visualElement: c } = this.options;
-      if (c && !c.current && c.mount(r), this.root.nodes.add(this), this.parent && this.parent.children.add(this), this.root.hasTreeAnimated && (l || a) && (this.isLayoutDirty = !0), t) {
-        let u, h = 0;
-        const f = () => this.root.updateBlockedByResize = !1;
-        D.read(() => {
-          h = window.innerWidth;
-        }), t(r, () => {
-          const p = window.innerWidth;
-          p !== h && (h = p, this.root.updateBlockedByResize = !0, u && u(), u = vu(f, 250), te.hasAnimatedSinceResize && (te.hasAnimatedSinceResize = !1, this.nodes.forEach(Un)));
-        });
-      }
-      a && this.root.registerSharedNode(a, this), this.options.animate !== !1 && c && (a || l) && this.addEventListener("didUpdate", ({ delta: u, hasLayoutChanged: h, hasRelativeLayoutChanged: f, layout: p }) => {
-        if (this.isTreeAnimationBlocked()) {
-          this.target = void 0, this.relativeTarget = void 0;
-          return;
-        }
-        const d = this.options.transition || c.getDefaultTransition() || Fu, { onLayoutAnimationStart: g, onLayoutAnimationComplete: m } = c.getProps(), P = !this.targetLayout || !Vr(this.targetLayout, p), x = !h && f;
-        if (this.options.layoutRoot || this.resumeFrom || x || h && (P || !this.currentAnimation)) {
-          this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0);
-          const S = {
-            ...Pi(d, "layout"),
-            onPlay: g,
-            onComplete: m
-          };
-          (c.shouldReduceMotion || this.options.layoutRoot) && (S.delay = 0, S.type = !1), this.startAnimation(S), this.setAnimationOrigin(u, x, S.path);
-        } else
-          h || Un(this), this.isLead() && this.options.onExitComplete && this.options.onExitComplete();
-        this.targetLayout = p;
-      });
-    }
-    unmount() {
-      this.options.layoutId && this.willUpdate(), this.root.nodes.remove(this);
-      const r = this.getStack();
-      r && r.remove(this), this.parent && this.parent.children.delete(this), this.instance = void 0, this.eventHandlers.clear(), nt(this.updateProjection);
-    }
-    blockUpdate() {
-      this.updateManuallyBlocked = !0;
-    }
-    unblockUpdate() {
-      this.updateManuallyBlocked = !1;
-    }
-    isUpdateBlocked() {
-      return this.updateManuallyBlocked || this.updateBlockedByResize;
-    }
-    isTreeAnimationBlocked() {
-      return this.isAnimationBlocked || this.parent && this.parent.isTreeAnimationBlocked() || !1;
-    }
-    startUpdate() {
-      this.isUpdateBlocked() || (this.isUpdating = !0, this.nodes && this.nodes.forEach(Lu), this.animationId++);
-    }
-    getTransformTemplate() {
-      const { visualElement: r } = this.options;
-      return r && r.getProps().transformTemplate;
-    }
-    willUpdate(r = !0) {
-      if (this.root.hasTreeAnimated = !0, this.root.isUpdateBlocked()) {
-        this.options.onExitComplete && this.options.onExitComplete();
-        return;
-      }
-      if (window.MotionCancelOptimisedAnimation && !this.hasCheckedOptimisedAppear && Mr(this), !this.root.isUpdating && this.root.startUpdate(), this.isLayoutDirty) return;
-      this.isLayoutDirty = !0;
-      for (let u = 0; u < this.path.length; u++) {
-        const h = this.path[u];
-        h.shouldResetTransform = !0, (typeof h.latestValues.x == "string" || typeof h.latestValues.y == "string") && (h.isLayoutDirty = !0), h.updateScroll("snapshot"), h.options.layoutRoot && h.willUpdate(!1);
-      }
-      const { layoutId: a, layout: l } = this.options;
-      if (a === void 0 && !l) return;
-      const c = this.getTransformTemplate();
-      this.prevTransformTemplateValue = c ? c(this.latestValues, "") : void 0, this.updateSnapshot(), r && this.notifyListeners("willUpdate");
-    }
-    update() {
-      if (this.updateScheduled = !1, this.isUpdateBlocked()) {
-        const a = this.updateBlockedByResize;
-        this.unblockUpdate(), this.updateBlockedByResize = !1, this.clearAllSnapshots(), a && this.nodes.forEach(Vu), this.nodes.forEach(jn);
-        return;
-      }
-      if (this.animationId <= this.animationCommitId) {
-        this.nodes.forEach(Nn);
-        return;
-      }
-      this.animationCommitId = this.animationId, this.isUpdating ? (this.isUpdating = !1, this.nodes.forEach(Du), this.nodes.forEach(Mu), this.nodes.forEach(Eu), this.nodes.forEach(wu), this.nodes.forEach(Su)) : this.nodes.forEach(Nn), this.clearAllSnapshots();
-      const r = k.now();
-      C.delta = tt(0, 1e3 / 60, r - C.timestamp), C.timestamp = r, C.isProcessing = !0, xe.update.process(C), xe.preRender.process(C), xe.render.process(C), C.isProcessing = !1;
-    }
-    didUpdate() {
-      this.updateScheduled || (this.updateScheduled = !0, Ei.read(this.scheduleUpdate));
-    }
-    clearAllSnapshots() {
-      this.nodes.forEach(Au), this.sharedNodes.forEach(ku);
-    }
-    scheduleUpdateProjection() {
-      this.projectionUpdateScheduled || (this.projectionUpdateScheduled = !0, D.preRender(this.updateProjection, !1, !0));
-    }
-    scheduleCheckAfterUnmount() {
-      D.postRender(() => {
-        this.isLayoutDirty ? this.root.didUpdate() : this.root.checkUpdateFailed();
-      });
-    }
-    updateSnapshot() {
-      this.snapshot || !this.instance || (this.snapshot = this.measure(), this.snapshot && !O(this.snapshot.measuredBox.x) && !O(this.snapshot.measuredBox.y) && (this.snapshot = void 0));
-    }
-    updateLayout() {
-      if (!this.instance || (this.updateScroll(), !(this.options.alwaysMeasureLayout && this.isLead()) && !this.isLayoutDirty)) return;
-      if (this.resumeFrom && !this.resumeFrom.instance) for (let l = 0; l < this.path.length; l++) this.path[l].updateScroll();
-      const r = this.layout;
-      this.layout = this.measure(!1), this.layoutCorrected || (this.layoutCorrected = E()), this.isLayoutDirty = !1, this.projectionDelta = void 0, this.notifyListeners("measure", this.layout.layoutBox);
-      const { visualElement: a } = this.options;
-      a && a.notify("LayoutMeasure", this.layout.layoutBox, r ? r.layoutBox : void 0);
-    }
-    updateScroll(r = "measure") {
-      let a = !!(this.options.layoutScroll && this.instance);
-      if (this.scroll && this.scroll.animationId === this.root.animationId && this.scroll.phase === r && (a = !1), a && this.instance) {
-        const l = n(this.instance);
-        this.scroll = {
-          animationId: this.root.animationId,
-          phase: r,
-          isRoot: l,
-          offset: i(this.instance),
-          wasRoot: this.scroll ? this.scroll.isRoot : l
-        };
-      }
-    }
-    resetTransform() {
-      if (!s) return;
-      const r = this.isLayoutDirty || this.shouldResetTransform || this.options.alwaysMeasureLayout, a = this.projectionDelta && !Ar(this.projectionDelta), l = this.getTransformTemplate(), c = l ? l(this.latestValues, "") : void 0, u = c !== this.prevTransformTemplateValue;
-      r && this.instance && (a || ot(this.latestValues) || u) && (s(this.instance, c), this.shouldResetTransform = !1, this.scheduleRender());
-    }
-    measure(r = !0) {
-      const a = this.measurePageBox();
-      let l = this.removeElementScroll(a);
-      return r && (l = this.removeTransform(l)), Ou(l), {
-        animationId: this.root.animationId,
-        measuredBox: a,
-        layoutBox: l,
-        latestValues: {},
-        source: this.id
-      };
-    }
-    measurePageBox() {
-      const { visualElement: r } = this.options;
-      if (!r) return E();
-      const a = r.measureViewportBox();
-      if (!(this.scroll?.wasRoot || this.path.some(ju))) {
-        const { scroll: l } = this.root;
-        l && (X(a.x, l.offset.x), X(a.y, l.offset.y));
-      }
-      return a;
-    }
-    removeElementScroll(r) {
-      const a = E();
-      if (K(a, r), this.scroll?.wasRoot) return a;
-      for (let l = 0; l < this.path.length; l++) {
-        const c = this.path[l], { scroll: u, options: h } = c;
-        c !== this.root && u && h.layoutScroll && (u.wasRoot && K(a, r), X(a.x, u.offset.x), X(a.y, u.offset.y));
-      }
-      return a;
-    }
-    applyTransform(r, a = !1, l) {
-      const c = l || E();
-      K(c, r);
-      for (let u = 0; u < this.path.length; u++) {
-        const h = this.path[u];
-        !a && h.options.layoutScroll && h.scroll && h !== h.root && (X(c.x, -h.scroll.offset.x), X(c.y, -h.scroll.offset.y)), ot(h.latestValues) && Xt(c, h.latestValues, h.layout?.layoutBox);
-      }
-      return ot(this.latestValues) && Xt(c, this.latestValues, this.layout?.layoutBox), c;
-    }
-    removeTransform(r) {
-      const a = E();
-      K(a, r);
-      for (let l = 0; l < this.path.length; l++) {
-        const c = this.path[l];
-        if (!ot(c.latestValues)) continue;
-        let u;
-        c.instance && (Je(c.latestValues) && c.updateSnapshot(), u = E(), K(u, c.measurePageBox())), En(a, c.latestValues, c.snapshot?.layoutBox, u);
-      }
-      return ot(this.latestValues) && En(a, this.latestValues), a;
-    }
-    setTargetDelta(r) {
-      this.targetDelta = r, this.root.scheduleUpdateProjection(), this.isProjectionDirty = !0;
-    }
-    setOptions(r) {
-      this.options = {
-        ...this.options,
-        ...r,
-        crossfade: r.crossfade !== void 0 ? r.crossfade : !0
-      };
-    }
-    clearMeasurements() {
-      this.scroll = void 0, this.layout = void 0, this.snapshot = void 0, this.prevTransformTemplateValue = void 0, this.targetDelta = void 0, this.target = void 0, this.isLayoutDirty = !1;
-    }
-    forceRelativeParentToResolveTarget() {
-      this.relativeParent && this.relativeParent.resolvedRelativeTargetAt !== C.timestamp && this.relativeParent.resolveTargetDelta(!0);
-    }
-    resolveTargetDelta(r = !1) {
-      const a = this.getLead();
-      this.isProjectionDirty || (this.isProjectionDirty = a.isProjectionDirty), this.isTransformDirty || (this.isTransformDirty = a.isTransformDirty), this.isSharedProjectionDirty || (this.isSharedProjectionDirty = a.isSharedProjectionDirty);
-      const l = !!this.resumingFrom || this !== a;
-      if (!(r || l && this.isSharedProjectionDirty || this.isProjectionDirty || this.parent?.isProjectionDirty || this.attemptToResolveRelativeTarget || this.root.updateBlockedByResize)) return;
-      const { layout: c, layoutId: u } = this.options;
-      if (!this.layout || !(c || u)) return;
-      this.resolvedRelativeTargetAt = C.timestamp;
-      const h = this.getClosestProjectingParent();
-      !this.targetDelta && !this.relativeTarget && (this.options.layoutAnchor !== !1 && h && h.layout ? this.createRelativeTarget(h, this.layout.layoutBox, h.layout.layoutBox) : this.removeRelativeTarget()), !(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = E(), this.targetWithTransforms = E()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), iu(this.target, this.relativeTarget, this.relativeParent.target, this.options.layoutAnchor || void 0)) : this.targetDelta ? (this.resumingFrom ? this.applyTransform(this.layout.layoutBox, !1, this.target) : K(this.target, this.layout.layoutBox), ur(this.target, this.targetDelta)) : K(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget && (this.attemptToResolveRelativeTarget = !1, this.options.layoutAnchor !== !1 && h && !!h.resumingFrom == !!this.resumingFrom && !h.options.layoutScroll && h.target && this.animationProgress !== 1 ? this.createRelativeTarget(h, this.target, h.target) : this.relativeParent = this.relativeTarget = void 0), gt.value && at.calculatedTargetDeltas++);
-    }
-    getClosestProjectingParent() {
-      if (!(!this.parent || Je(this.parent.latestValues) || lr(this.parent.latestValues)))
-        return this.parent.isProjecting() ? this.parent : this.parent.getClosestProjectingParent();
-    }
-    isProjecting() {
-      return !!((this.relativeTarget || this.targetDelta || this.options.layoutRoot) && this.layout);
-    }
-    createRelativeTarget(r, a, l) {
-      this.relativeParent = r, this.forceRelativeParentToResolveTarget(), this.relativeTarget = E(), this.relativeTargetOrigin = E(), ue(this.relativeTargetOrigin, a, l, this.options.layoutAnchor || void 0), K(this.relativeTarget, this.relativeTargetOrigin);
-    }
-    removeRelativeTarget() {
-      this.relativeParent = this.relativeTarget = void 0;
-    }
-    calcProjection() {
-      const r = this.getLead(), a = !!this.resumingFrom || this !== r;
-      let l = !0;
-      if ((this.isProjectionDirty || this.parent?.isProjectionDirty) && (l = !1), a && (this.isSharedProjectionDirty || this.isTransformDirty) && (l = !1), this.resolvedRelativeTargetAt === C.timestamp && (l = !1), l) return;
-      const { layout: c, layoutId: u } = this.options;
-      if (this.isTreeAnimating = !!(this.parent && this.parent.isTreeAnimating || this.currentAnimation || this.pendingAnimation), this.isTreeAnimating || (this.targetDelta = this.relativeTarget = void 0), !this.layout || !(c || u)) return;
-      K(this.layoutCorrected, this.layout.layoutBox);
-      const h = this.treeScale.x, f = this.treeScale.y;
-      yl(this.layoutCorrected, this.treeScale, this.path, a), r.layout && !r.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (r.target = r.layout.layoutBox, r.targetWithTransforms = E());
-      const { target: p } = r;
-      if (!p) {
-        this.prevProjectionDelta && (this.createProjectionDeltas(), this.scheduleRender());
-        return;
-      }
-      !this.projectionDelta || !this.prevProjectionDelta ? this.createProjectionDeltas() : (Pn(this.prevProjectionDelta.x, this.projectionDelta.x), Pn(this.prevProjectionDelta.y, this.projectionDelta.y)), Ct(this.projectionDelta, this.layoutCorrected, p, this.latestValues), (this.treeScale.x !== h || this.treeScale.y !== f || !Bn(this.projectionDelta.x, this.prevProjectionDelta.x) || !Bn(this.projectionDelta.y, this.prevProjectionDelta.y)) && (this.hasProjected = !0, this.scheduleRender(), this.notifyListeners("projectionUpdate", p)), gt.value && at.calculatedProjections++;
-    }
-    hide() {
-      this.isVisible = !1;
-    }
-    show() {
-      this.isVisible = !0;
-    }
-    scheduleRender(r = !0) {
-      if (this.options.visualElement?.scheduleRender(), r) {
-        const a = this.getStack();
-        a && a.scheduleRender();
-      }
-      this.resumingFrom && !this.resumingFrom.instance && (this.resumingFrom = void 0);
-    }
-    createProjectionDeltas() {
-      this.prevProjectionDelta = St(), this.projectionDelta = St(), this.projectionDeltaWithTransform = St();
-    }
-    setAnimationOrigin(r, a = !1, l) {
-      const c = this.snapshot, u = c ? c.latestValues : {}, h = { ...this.latestValues }, f = St();
-      (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !a;
-      const p = E(), d = (c ? c.source : void 0) !== (this.layout ? this.layout.source : void 0), g = this.getStack(), m = !g || g.members.length <= 1, P = !!(d && !m && this.options.crossfade === !0 && !this.path.some(Iu));
-      this.animationProgress = 0;
-      let x;
-      const S = l?.interpolateProjection(r);
-      this.mixTargetDelta = (T) => {
-        const b = T / 1e3, A = S?.(b);
-        A ? (f.x.translate = A.x, f.x.scale = V(r.x.scale, 1, b), f.x.origin = r.x.origin, f.x.originPoint = r.x.originPoint, f.y.translate = A.y, f.y.scale = V(r.y.scale, 1, b), f.y.origin = r.y.origin, f.y.originPoint = r.y.originPoint) : (Wn(f.x, r.x, b), Wn(f.y, r.y, b)), this.setTargetDelta(f), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (ue(p, this.layout.layoutBox, this.relativeParent.layout.layoutBox, this.options.layoutAnchor || void 0), Bu(this.relativeTarget, this.relativeTargetOrigin, p, b), x && ou(this.relativeTarget, x) && (this.isProjectionDirty = !1), x || (x = E()), K(x, this.relativeTarget)), d && (this.animationValues = h, cu(h, u, this.latestValues, b, P, m)), A && A.rotate !== void 0 && (this.animationValues || (this.animationValues = h), this.animationValues.pathRotation = A.rotate), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = b;
-      }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
-    }
-    startAnimation(r) {
-      this.notifyListeners("animationStart"), this.currentAnimation?.stop(), this.resumingFrom?.currentAnimation?.stop(), this.pendingAnimation && (nt(this.pendingAnimation), this.pendingAnimation = void 0), this.pendingAnimation = D.update(() => {
-        te.hasAnimatedSinceResize = !0, this.motionValue || (this.motionValue = bt(0)), this.motionValue.jump(0, !1), this.currentAnimation = du(this.motionValue, [0, 1e3], {
-          ...r,
-          velocity: 0,
-          isSync: !0,
-          onUpdate: (a) => {
-            this.mixTargetDelta(a), r.onUpdate && r.onUpdate(a);
-          },
-          onComplete: () => {
-            r.onComplete && r.onComplete(), this.completeAnimation();
-          }
-        }), Qo(this.currentAnimation, this), this.resumingFrom && (this.resumingFrom.currentAnimation = this.currentAnimation), this.pendingAnimation = void 0;
-      });
-    }
-    completeAnimation() {
-      this.resumingFrom && (this.resumingFrom.currentAnimation = void 0, this.resumingFrom.preserveOpacity = void 0);
-      const r = this.getStack();
-      r && r.exitAnimationComplete(), this.resumingFrom = this.currentAnimation = this.animationValues = void 0, this.notifyListeners("animationComplete");
-    }
-    finishAnimation() {
-      this.currentAnimation && (this.mixTargetDelta && this.mixTargetDelta(Tu), this.currentAnimation.stop()), this.completeAnimation();
-    }
-    applyTransformsToTarget() {
-      const r = this.getLead(), { targetWithTransforms: a, layout: l, latestValues: c } = r;
-      let { target: u } = r;
-      if (!(!a || !u || !l)) {
-        if (this !== r && this.layout && l && Cr(this.options.animationType, this.layout.layoutBox, l.layoutBox)) {
-          u = this.target || E();
-          const h = O(this.layout.layoutBox.x);
-          u.x.min = r.target.x.min, u.x.max = u.x.min + h;
-          const f = O(this.layout.layoutBox.y);
-          u.y.min = r.target.y.min, u.y.max = u.y.min + f;
-        }
-        K(a, u), Xt(a, c), Ct(this.projectionDeltaWithTransform, this.layoutCorrected, a, c);
-      }
-    }
-    registerSharedNode(r, a) {
-      this.sharedNodes.has(r) || this.sharedNodes.set(r, new gu()), this.sharedNodes.get(r).add(a);
-      const l = a.options.initialPromotionConfig;
-      a.promote({
-        transition: l ? l.transition : void 0,
-        preserveFollowOpacity: l && l.shouldPreserveFollowOpacity ? l.shouldPreserveFollowOpacity(a) : void 0
-      });
-    }
-    isLead() {
-      const r = this.getStack();
-      return r ? r.lead === this : !0;
-    }
-    getLead() {
-      const { layoutId: r } = this.options;
-      return r ? this.getStack()?.lead || this : this;
-    }
-    getPrevLead() {
-      const { layoutId: r } = this.options;
-      return r ? this.getStack()?.prevLead : void 0;
-    }
-    getStack() {
-      const { layoutId: r } = this.options;
-      if (r) return this.root.sharedNodes.get(r);
-    }
-    promote({ needsReset: r, transition: a, preserveFollowOpacity: l } = {}) {
-      const c = this.getStack();
-      c && c.promote(this, l), r && (this.projectionDelta = void 0, this.needsReset = !0), a && this.setOptions({ transition: a });
-    }
-    relegate() {
-      const r = this.getStack();
-      return r ? r.relegate(this) : !1;
-    }
-    resetSkewAndRotation() {
-      const { visualElement: r } = this.options;
-      if (!r) return;
-      let a = !1;
-      const { latestValues: l } = r;
-      if ((l.z || l.rotate || l.rotateX || l.rotateY || l.rotateZ || l.skewX || l.skewY) && (a = !0), !a) return;
-      const c = {};
-      l.z && Ve("z", r, c, this.animationValues);
-      for (let u = 0; u < Ae.length; u++)
-        Ve(`rotate${Ae[u]}`, r, c, this.animationValues), Ve(`skew${Ae[u]}`, r, c, this.animationValues);
-      r.render();
-      for (const u in c)
-        r.setStaticValue(u, c[u]), this.animationValues && (this.animationValues[u] = c[u]);
-      r.scheduleRender();
-    }
-    applyProjectionStyles(r, a) {
-      if (!this.instance || this.isSVG) return;
-      if (!this.isVisible) {
-        r.visibility = "hidden";
-        return;
-      }
-      const l = this.getTransformTemplate();
-      if (this.needsReset) {
-        this.needsReset = !1, r.visibility = "", r.opacity = "", r.pointerEvents = Qt(a?.pointerEvents) || "", r.transform = l ? l(this.latestValues, "") : "none";
-        return;
-      }
-      const c = this.getLead();
-      if (!this.projectionDelta || !this.layout || !c.target) {
-        this.options.layoutId && (r.opacity = this.latestValues.opacity !== void 0 ? this.latestValues.opacity : 1, r.pointerEvents = Qt(a?.pointerEvents) || ""), this.hasProjected && !ot(this.latestValues) && (r.transform = l ? l({}, "") : "none", this.hasProjected = !1);
-        return;
-      }
-      r.visibility = "";
-      const u = c.animationValues || c.latestValues;
-      this.applyTransformsToTarget();
-      let h = lu(this.projectionDeltaWithTransform, this.treeScale, u);
-      l && (h = l(u, h)), r.transform = h;
-      const { x: f, y: p } = this.projectionDelta;
-      r.transformOrigin = `${f.origin * 100}% ${p.origin * 100}% 0`, c.animationValues ? r.opacity = c === this ? u.opacity ?? this.latestValues.opacity ?? 1 : this.preserveOpacity ? this.latestValues.opacity : u.opacityExit : r.opacity = c === this ? u.opacity !== void 0 ? u.opacity : "" : u.opacityExit !== void 0 ? u.opacityExit : 0;
-      for (const d in Ot) {
-        if (u[d] === void 0) continue;
-        const { correct: g, applyTo: m, isCSSVariable: P } = Ot[d], x = h === "none" ? u[d] : g(u[d], c);
-        if (m) {
-          const S = m.length;
-          for (let T = 0; T < S; T++) r[m[T]] = x;
-        } else P ? this.options.visualElement.renderState.vars[d] = x : r[d] = x;
-      }
-      this.options.layoutId && (r.pointerEvents = c === this ? Qt(a?.pointerEvents) || "" : "none");
-    }
-    clearSnapshot() {
-      this.resumeFrom = this.snapshot = void 0;
-    }
-    resetTree() {
-      this.root.nodes.forEach((r) => r.currentAnimation?.stop()), this.root.nodes.forEach(jn), this.root.sharedNodes.clear();
-    }
-  };
-}
-function wu(t) {
-  t.updateLayout();
-}
-function Su(t) {
-  const e = t.resumeFrom?.snapshot || t.snapshot;
-  if (t.isLead() && t.layout && e && t.hasListeners("didUpdate")) {
-    const { layoutBox: i, measuredBox: n } = t.layout, { animationType: s } = t.options, o = e.source !== t.layout.source;
-    if (s === "size") H((u) => {
-      const h = o ? e.measuredBox[u] : e.layoutBox[u], f = O(h);
-      h.min = i[u].min, h.max = h.min + f;
-    });
-    else if (s === "x" || s === "y") {
-      const u = s === "x" ? "y" : "x";
-      ei(o ? e.measuredBox[u] : e.layoutBox[u], i[u]);
-    } else Cr(s, e.layoutBox, i) && H((u) => {
-      const h = o ? e.measuredBox[u] : e.layoutBox[u], f = O(i[u]);
-      h.max = h.min + f, t.relativeTarget && !t.currentAnimation && (t.isProjectionDirty = !0, t.relativeTarget[u].max = t.relativeTarget[u].min + f);
-    });
-    const r = St();
-    Ct(r, i, e.layoutBox);
-    const a = St();
-    o ? Ct(a, t.applyTransform(n, !0), e.measuredBox) : Ct(a, i, e.layoutBox);
-    const l = !Ar(r);
-    let c = !1;
-    if (!t.resumeFrom) {
-      const u = t.getClosestProjectingParent();
-      if (u && !u.resumeFrom) {
-        const { snapshot: h, layout: f } = u;
-        if (h && f) {
-          const p = t.options.layoutAnchor || void 0, d = E();
-          ue(d, e.layoutBox, h.layoutBox, p);
-          const g = E();
-          ue(g, i, f.layoutBox, p), Vr(d, g) || (c = !0), u.options.layoutRoot && (t.relativeTarget = g, t.relativeTargetOrigin = d, t.relativeParent = u);
-        }
-      }
-    }
-    t.notifyListeners("didUpdate", {
-      layout: i,
-      snapshot: e,
-      delta: a,
-      layoutDelta: r,
-      hasLayoutChanged: l,
-      hasRelativeLayoutChanged: c
-    });
-  } else if (t.isLead()) {
-    const { onExitComplete: i } = t.options;
-    i && i();
-  }
-  t.options.transition = void 0;
-}
-function Pu(t) {
-  gt.value && at.nodes++, t.parent && (t.isProjecting() || (t.isProjectionDirty = t.parent.isProjectionDirty), t.isSharedProjectionDirty || (t.isSharedProjectionDirty = !!(t.isProjectionDirty || t.parent.isProjectionDirty || t.parent.isSharedProjectionDirty)), t.isTransformDirty || (t.isTransformDirty = t.parent.isTransformDirty));
-}
-function bu(t) {
-  t.isProjectionDirty = t.isSharedProjectionDirty = t.isTransformDirty = !1;
-}
-function Au(t) {
-  t.clearSnapshot();
-}
-function jn(t) {
-  t.clearMeasurements();
-}
-function Vu(t) {
-  t.isLayoutDirty = !0, t.updateLayout();
-}
-function Nn(t) {
-  t.isLayoutDirty = !1;
-}
-function Du(t) {
-  t.isAnimationBlocked && t.layout && !t.isLayoutDirty && (t.snapshot = t.layout, t.isLayoutDirty = !0);
-}
-function Mu(t) {
-  t.relativeTarget && t.relativeParent?.isLayoutDirty && (t.currentAnimation ? t.isLayoutDirty = !0 : (t.targetDelta = void 0, t.removeRelativeTarget()));
-}
-function Eu(t) {
-  const { visualElement: e } = t.options;
-  e && e.getProps().onBeforeLayoutMeasure && e.notify("BeforeLayoutMeasure"), t.resetTransform();
-}
-function Un(t) {
-  t.finishAnimation(), t.targetDelta = t.relativeTarget = t.target = void 0, t.isProjectionDirty = !0;
-}
-function Cu(t) {
-  t.resolveTargetDelta();
-}
-function Ru(t) {
-  t.calcProjection();
-}
-function Lu(t) {
-  t.resetSkewAndRotation();
-}
-function ku(t) {
-  t.removeLeadSnapshot();
-}
-function Wn(t, e, i) {
-  t.translate = V(e.translate, 0, i), t.scale = V(e.scale, 1, i), t.origin = e.origin, t.originPoint = e.originPoint;
-}
-function $n(t, e, i, n) {
-  t.min = V(e.min, i.min, n), t.max = V(e.max, i.max, n);
-}
-function Bu(t, e, i, n) {
-  $n(t.x, e.x, i.x, n), $n(t.y, e.y, i.y, n);
-}
-function Iu(t) {
-  return t.animationValues && t.animationValues.opacityExit !== void 0;
-}
-var Fu = {
-  duration: 0.45,
-  ease: [
-    0.4,
-    0,
-    0.1,
-    1
-  ]
-}, Kn = (t) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(t), zn = Kn("applewebkit/") && !Kn("chrome/") ? Math.round : _;
-function _n(t) {
-  t.min = zn(t.min), t.max = zn(t.max);
-}
-function Ou(t) {
-  _n(t.x), _n(t.y);
-}
-function Cr(t, e, i) {
-  return t === "position" || t === "preserve-aspect" && !eu(kn(e), kn(i), 0.2);
-}
-function ju(t) {
-  return t !== t.root && t.scroll?.wasRoot;
-}
-var Nu = Er({
-  attachResizeListener: (t, e) => jt(t, "resize", e),
-  measureScroll: () => ({
-    x: document.documentElement.scrollLeft || document.body?.scrollLeft || 0,
-    y: document.documentElement.scrollTop || document.body?.scrollTop || 0
-  }),
-  checkIsScrollRoot: () => !0
-}), De = { current: void 0 }, Rr = Er({
-  measureScroll: (t) => ({
-    x: t.scrollLeft,
-    y: t.scrollTop
-  }),
-  defaultParent: () => {
-    if (!De.current) {
-      const t = new Nu({});
-      t.mount(window), t.setOptions({ layoutScroll: !0 }), De.current = t;
-    }
-    return De.current;
-  },
-  resetTransform: (t, e) => {
-    t.style.transform = e !== void 0 ? e : "none";
-  },
-  checkIsScrollRoot: (t) => window.getComputedStyle(t).position === "fixed"
-}), Lr = At({
-  transformPagePoint: (t) => t,
-  isStatic: !1,
-  reducedMotion: "never"
-});
-function Uu(t = !0) {
-  const e = N(ri);
-  if (e === null) return [!0, null];
-  const { isPresent: i, onExitComplete: n, register: s } = e, o = Hr();
-  si(() => {
-    if (t) return s(o);
-  }, [t]);
-  const r = os(() => t && n && n(o), [
-    o,
-    n,
-    t
-  ]);
-  return !i && n ? [!1, r] : [!0];
-}
-var kr = At({ strict: !1 }), Gn = {
-  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"]
-}, Hn = !1;
-function Wu() {
-  if (Hn) return;
-  const t = {};
-  for (const e in Gn) t[e] = { isEnabled: (i) => Gn[e].some((n) => !!i[n]) };
-  gr(t), Hn = !0;
-}
-function Br() {
-  return Wu(), $l();
-}
-function $u(t) {
-  const e = Br();
-  for (const i in t) e[i] = {
-    ...e[i],
-    ...t[i]
-  };
-  gr(e);
-}
-var pe = /* @__PURE__ */ At({});
-function Ku(t, e) {
-  if (me(t)) {
-    const { initial: i, animate: n } = t;
-    return {
-      initial: i === !1 || Ft(i) ? i : void 0,
-      animate: Ft(n) ? n : void 0
-    };
-  }
-  return t.inherit !== !1 ? e : {};
-}
-function zu(t) {
-  const { initial: e, animate: i } = Ku(t, N(pe));
-  return he(() => ({
-    initial: e,
-    animate: i
-  }), [Xn(e), Xn(i)]);
-}
-function Xn(t) {
-  return Array.isArray(t) ? t.join(" ") : t;
-}
-var ki = () => ({
-  style: {},
-  transform: {},
-  transformOrigin: {},
-  vars: {}
-});
-function Ir(t, e, i) {
-  for (const n in e) !B(e[n]) && !xr(n, i) && (t[n] = e[n]);
-}
-function _u({ transformTemplate: t }, e) {
-  return he(() => {
-    const i = ki();
-    return Mi(i, e, t), Object.assign({}, i.vars, i.style);
-  }, [e]);
-}
-function Gu(t, e) {
-  const i = t.style || {}, n = {};
-  return Ir(n, i, t), Object.assign(n, _u(t, e)), n;
-}
-function Hu(t, e) {
-  const i = {}, n = Gu(t, e);
-  return t.drag && t.dragListener !== !1 && (i.draggable = !1, n.userSelect = n.WebkitUserSelect = n.WebkitTouchCallout = "none", n.touchAction = t.drag === !0 ? "none" : `pan-${t.drag === "x" ? "y" : "x"}`), t.tabIndex === void 0 && (t.onTap || t.onTapStart || t.whileTap) && (i.tabIndex = 0), i.style = n, i;
-}
-var Fr = () => ({
-  ...ki(),
-  attrs: {}
-});
-function Xu(t, e, i, n) {
-  const s = he(() => {
-    const o = Fr();
-    return or(o, e, Sr(n), t.transformTemplate, t.style), {
-      ...o.attrs,
-      style: { ...o.style }
-    };
-  }, [e]);
-  if (t.style) {
-    const o = {};
-    Ir(o, t.style, t), s.style = {
-      ...o,
-      ...s.style
-    };
-  }
-  return s;
-}
-var Yu = /* @__PURE__ */ new Set([
-  "animate",
-  "exit",
-  "variants",
-  "initial",
-  "style",
-  "values",
-  "transition",
-  "transformTemplate",
-  "custom",
-  "inherit",
-  "onBeforeLayoutMeasure",
-  "onAnimationStart",
-  "onAnimationComplete",
-  "onUpdate",
-  "onDragStart",
-  "onDrag",
-  "onDragEnd",
-  "onMeasureDragConstraints",
-  "onDirectionLock",
-  "onDragTransitionEnd",
-  "_dragX",
-  "_dragY",
-  "onHoverStart",
-  "onHoverEnd",
-  "onViewportEnter",
-  "onViewportLeave",
-  "globalTapTarget",
-  "propagate",
-  "ignoreStrict",
-  "viewport"
-]);
-function ce(t) {
-  return t.startsWith("while") || t.startsWith("drag") && t !== "draggable" || t.startsWith("layout") || t.startsWith("onTap") || t.startsWith("onPan") || t.startsWith("onLayout") || Yu.has(t);
-}
-function qu(t, e) {
-  return t.startsWith("on") ? !ce(t) : e?.(t) ?? !ce(t);
-}
-function Zu(t, e, i, n) {
-  const s = {};
-  for (const o in t)
-    o === "values" && typeof t.values == "object" || B(t[o]) || (qu(o, n) || i === !0 && ce(o) || !e && !ce(o) || t.draggable && o.startsWith("onDrag")) && (s[o] = t[o]);
-  return s;
-}
-var Ju = [
-  "animate",
-  "circle",
-  "defs",
-  "desc",
-  "ellipse",
-  "g",
-  "image",
-  "line",
-  "filter",
-  "marker",
-  "mask",
-  "metadata",
-  "path",
-  "pattern",
-  "polygon",
-  "polyline",
-  "rect",
-  "stop",
-  "switch",
-  "symbol",
-  "svg",
-  "text",
-  "tspan",
-  "use",
-  "view"
-];
-function Bi(t) {
-  return typeof t != "string" || t.includes("-") ? !1 : !!(Ju.indexOf(t) > -1 || /[A-Z]/u.test(t));
-}
-function Qu(t, e, i, { latestValues: n }, s, o = !1, r, a) {
-  const l = (r ?? Bi(t) ? Xu : Hu)(e, n, s, t), c = Zu(e, typeof t == "string", o, a), u = t !== rs ? {
-    ...c,
-    ...l,
-    ref: i
-  } : {}, { children: h } = e, f = he(() => B(h) ? h.get() : h, [h]);
-  return _r(t, {
-    ...u,
-    children: f
-  });
-}
-function tc({ scrapeMotionValuesFromProps: t, createRenderState: e }, i, n, s) {
-  return {
-    latestValues: ec(i, n, s, t),
-    renderState: e()
-  };
-}
-function ec(t, e, i, n) {
-  const s = {}, o = n(t, {});
-  for (const f in o) s[f] = Qt(o[f]);
-  let { initial: r, animate: a } = t;
-  const l = me(t), c = pr(t);
-  e && c && !l && t.inherit !== !1 && (r === void 0 && (r = e.initial), a === void 0 && (a = e.animate));
-  let u = i ? i.initial === !1 : !1;
-  u = u || r === !1;
-  const h = u ? a : r;
-  if (h && typeof h != "boolean" && !de(h)) {
-    const f = Array.isArray(h) ? h : [h];
-    for (let p = 0; p < f.length; p++) {
-      const d = Js(t, f[p]);
-      if (d) {
-        const { transitionEnd: g, transition: m, ...P } = d;
-        for (const x in P) {
-          let S = P[x];
-          if (Array.isArray(S)) {
-            const T = u ? S.length - 1 : 0;
-            S = S[T];
-          }
-          S !== null && (s[x] = S);
-        }
-        for (const x in g) s[x] = g[x];
-      }
-    }
-  }
-  return s;
-}
-var Or = (t) => (e, i) => {
-  const n = N(pe), s = N(ri), o = () => tc(t, e, n, s);
-  return i ? o() : qr(o);
-}, ic = /* @__PURE__ */ Or({
-  scrapeMotionValuesFromProps: Li,
-  createRenderState: ki
-}), nc = /* @__PURE__ */ Or({
-  scrapeMotionValuesFromProps: Pr,
-  createRenderState: Fr
-}), sc = /* @__PURE__ */ Symbol.for("motionComponentSymbol");
-function rc(t, e, i) {
-  const n = lt(i);
-  as(() => {
-    n.current = i;
-  });
-  const s = lt(null);
-  return os((o) => {
-    o && t.onMount?.(o), e && (o ? e.mount(o) : e.unmount());
-    const r = n.current;
-    if (typeof r == "function")
-      if (o) {
-        const a = r(o);
-        typeof a == "function" && (s.current = a);
-      } else s.current ? (s.current(), s.current = null) : r(o);
-    else r && (r.current = o);
-  }, [e]);
-}
-var jr = At({});
-function yt(t) {
-  return t && typeof t == "object" && Object.prototype.hasOwnProperty.call(t, "current");
-}
-function oc(t, e, i, n, s, o) {
-  const { visualElement: r } = N(pe), a = N(kr), l = N(ri), c = N(Lr), u = c.reducedMotion, h = c.skipAnimations, f = lt(null), p = lt(!1);
-  n = n || a.renderer, !f.current && n && (f.current = n(t, {
-    visualState: e,
-    parent: r,
-    props: i,
-    presenceContext: l,
-    blockInitialAnimation: l ? l.initial === !1 : !1,
-    reducedMotionConfig: u,
-    skipAnimations: h,
-    isSVG: o
-  }), p.current && f.current && (f.current.manuallyAnimateOnMount = !0));
-  const d = f.current, g = N(jr);
-  d && !d.projection && s && (d.type === "html" || d.type === "svg") && ac(f.current, i, s, g);
-  const m = lt(!1);
-  as(() => {
-    d && m.current && d.update(i, l);
-  });
-  const P = i[er], x = lt(!!P && typeof window < "u" && !window.MotionHandoffIsComplete?.(P) && window.MotionHasOptimisedAnimation?.(P));
-  return Oi(() => {
-    !p.current || !d || (d.animationState?.animateChanges(), d.enteringChildren = void 0);
-  }, []), Oi(() => {
-    p.current = !0, d && (m.current = !0, window.MotionIsMounted = !0, d.updateFeatures(), d.scheduleRenderMicrotask(), x.current && d.animationState && d.animationState.animateChanges());
-  }), si(() => {
-    d && (!x.current && d.animationState && d.animationState.animateChanges(), x.current && (queueMicrotask(() => {
-      window.MotionHandoffMarkAsComplete?.(P);
-    }), x.current = !1), d.enteringChildren = void 0);
-  }), d;
-}
-function ac(t, e, i, n) {
-  const { layoutId: s, layout: o, drag: r, dragConstraints: a, layoutScroll: l, layoutRoot: c, layoutAnchor: u, layoutCrossfade: h } = e;
-  t.projection = new i(t.latestValues, e["data-framer-portal-id"] ? void 0 : Nr(t.parent)), t.projection.setOptions({
-    layoutId: s,
-    layout: o,
-    alwaysMeasureLayout: !!r || a && yt(a),
-    visualElement: t,
-    animationType: typeof o == "string" ? o : "both",
-    initialPromotionConfig: n,
-    crossfade: h,
-    layoutScroll: l,
-    layoutRoot: c,
-    layoutAnchor: u
-  });
-}
-function Nr(t) {
-  if (t)
-    return t.options.allowProjection !== !1 ? t.projection : Nr(t.parent);
-}
-function Me(t, { forwardMotionProps: e = !1, type: i } = {}, n, s) {
-  n && $u(n);
-  const o = i ? i === "svg" : Bi(t), r = o ? nc : ic;
-  function a(c, u) {
-    let h;
-    const f = {
-      ...N(Lr),
-      ...c,
-      layoutId: lc(c)
-    }, { isStatic: p, isValidProp: d } = f, g = zu(c), m = r(c, p);
-    if (!p && typeof window < "u") {
-      uc(f, n);
-      const P = cc(f);
-      h = P.MeasureLayout, g.visualElement = oc(t, m, f, s, P.ProjectionNode, o);
-    }
-    return Yr(pe.Provider, {
-      value: g,
-      children: [h && g.visualElement ? ls(h, {
-        visualElement: g.visualElement,
-        ...f
-      }) : null, Qu(t, c, rc(m, g.visualElement, u), m, p, e, o, d)]
-    });
-  }
-  a.displayName = `motion.${typeof t == "string" ? t : `create(${t.displayName ?? t.name ?? ""})`}`;
-  const l = Gr(a);
-  return l[sc] = t, l;
-}
-function lc({ layoutId: t }) {
-  const e = N(us).id;
-  return e && t !== void 0 ? e + "-" + t : t;
-}
-function uc(t, e) {
-  const i = N(kr).strict;
-  if (process.env.NODE_ENV !== "production" && e && i) {
-    const n = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
-    t.ignoreStrict ? mt(!1, n, "lazy-strict-mode") : q(!1, n, "lazy-strict-mode");
-  }
-}
-function cc(t) {
-  const { drag: e, layout: i } = Br();
-  if (!e && !i) return {};
-  const n = {
-    ...e,
-    ...i
-  };
-  return {
-    MeasureLayout: e?.isEnabled(t) || i?.isEnabled(t) ? n.MeasureLayout : void 0,
-    ProjectionNode: n.ProjectionNode
-  };
-}
-function hc(t, e) {
-  if (typeof Proxy > "u") return Me;
-  const i = /* @__PURE__ */ new Map(), n = (o, r) => Me(o, r, t, e), s = (o, r) => (process.env.NODE_ENV !== "production" && ui(!1, "motion() is deprecated. Use motion.create() instead."), n(o, r));
-  return new Proxy(s, { get: (o, r) => r === "create" ? n : (i.has(r) || i.set(r, Me(r, void 0, t, e)), i.get(r)) });
-}
-var fc = (t, e) => e.isSVG ?? Bi(t) ? new Hl(e) : new _l(e, { allowProjection: t !== rs }), dc = class extends st {
-  constructor(t) {
-    super(t), t.animationState || (t.animationState = Yl(t));
-  }
-  updateAnimationControlsSubscription() {
-    const { animate: t } = this.node.getProps();
-    de(t) && (this.unmountControls = t.subscribe(this.node));
-  }
-  mount() {
-    this.updateAnimationControlsSubscription();
-  }
-  update() {
-    const { animate: t } = this.node.getProps(), { animate: e } = this.node.prevProps || {};
-    t !== e && this.updateAnimationControlsSubscription();
-  }
-  unmount() {
-    this.node.animationState.reset(), this.unmountControls?.();
-  }
-}, mc = 0, pc = class extends st {
-  constructor() {
-    super(...arguments), this.id = mc++;
-  }
-  update() {
-    const { presenceContext: t, prevPresenceContext: e, animationState: i } = this.node;
-    if (!t || !i) return;
-    const { isPresent: n, onExitComplete: s } = t, o = e?.isPresent;
-    if (n === o) return;
-    if (n && o === !1) {
-      if (this.exit === !0) {
-        const { initial: a } = this.node.getProps();
-        if (a && !Array.isArray(a)) {
-          const { transition: l, transitionEnd: c, ...u } = dt(this.node, a) || {};
-          for (const h in u) this.node.getValue(h)?.jump(u[h]);
-        }
-        this.node.blockInitialAnimation = !1, i.reset(), i.animateChanges();
-      } else i.setActive("exit", !1);
-      this.exit = void 0;
-      return;
-    }
-    const r = this.exit = i.setActive("exit", !n);
-    s && !n && r.then(() => {
-      this.exit === r && (this.exit = !0, s(this.id));
-    });
-  }
-  mount() {
-    const { register: t, onExitComplete: e } = this.node.presenceContext || {};
-    e && e(this.id), t && (this.unmount = t(this.id));
-  }
-  unmount() {
-  }
-}, vc = {
-  animation: { Feature: dc },
-  exit: { Feature: pc }
-};
-function ve(t) {
-  return { point: {
-    x: t.pageX,
-    y: t.pageY
-  } };
-}
-var gc = (t) => (e) => Ci(e) && t(e, ve(e));
-function Rt(t, e, i, n) {
-  return jt(t, e, gc(i), n);
-}
-var Ur = ({ current: t }) => t ? t.ownerDocument.defaultView : null, Yn = (t, e) => Math.abs(t - e);
-function yc(t, e) {
-  const i = Yn(t.x, e.x), n = Yn(t.y, e.y);
-  return Math.sqrt(i ** 2 + n ** 2);
-}
-var qn = /* @__PURE__ */ new Set(["auto", "scroll"]), Wr = class {
-  constructor(t, e, { transformPagePoint: i, contextWindow: n = window, dragSnapToOrigin: s = !1, distanceThreshold: o = 3, element: r } = {}) {
-    if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.lastRawMoveEventInfo = null, this.handlers = {}, this.contextWindow = window, this.scrollPositions = /* @__PURE__ */ new Map(), this.removeScrollListeners = null, this.onElementScroll = (f) => {
-      this.handleScroll(f.target);
-    }, this.onWindowScroll = () => {
-      this.handleScroll(window);
-    }, this.updatePoint = () => {
-      if (!(this.lastMoveEvent && this.lastMoveEventInfo)) return;
-      this.hasPendingMove = !1, this.lastRawMoveEventInfo && (this.lastMoveEventInfo = _t(this.lastRawMoveEventInfo, this.transformPagePoint));
-      const f = Ee(this.lastMoveEventInfo, this.history), p = this.startEvent !== null, d = yc(f.offset, {
-        x: 0,
-        y: 0
-      }) >= this.distanceThreshold;
-      if (!p && !d) return;
-      const { point: g } = f;
-      this.history.push({
-        ...g,
-        timestamp: k.now()
-      });
-      const { onStart: m, onMove: P } = this.handlers;
-      p || (m && m(this.lastMoveEvent, f), this.startEvent = this.lastMoveEvent), P && P(this.lastMoveEvent, f);
-    }, this.handlePointerMove = (f, p) => {
-      this.lastMoveEvent = f, this.lastRawMoveEventInfo = p, this.lastMoveEventInfo = _t(p, this.transformPagePoint), this.hasPendingMove = !0, D.update(this.updatePoint, !0);
-    }, this.handlePointerUp = (f, p) => {
-      this.hasPendingMove && this.updatePoint(), this.end();
-      const { onEnd: d, onSessionEnd: g, resumeAnimation: m } = this.handlers;
-      if ((this.dragSnapToOrigin || !this.startEvent) && m && m(), !(this.lastMoveEvent && this.lastMoveEventInfo)) return;
-      const P = Ee(f.type === "pointercancel" ? this.lastMoveEventInfo : _t(p, this.transformPagePoint), this.history);
-      this.startEvent && d && d(f, P), g && g(f, P);
-    }, !Ci(t)) return;
-    this.dragSnapToOrigin = s, this.handlers = e, this.transformPagePoint = i, this.distanceThreshold = o, this.contextWindow = n || window;
-    const a = _t(ve(t), this.transformPagePoint), { point: l } = a, { timestamp: c } = C;
-    this.history = [{
-      ...l,
-      timestamp: c
-    }];
-    const { onSessionStart: u } = e;
-    u && u(t, Ee(a, this.history));
-    const h = {
-      passive: !0,
-      capture: !0
-    };
-    this.removeListeners = Nt(Rt(this.contextWindow, "pointermove", this.handlePointerMove, h), Rt(this.contextWindow, "pointerup", this.handlePointerUp, h), Rt(this.contextWindow, "pointercancel", this.handlePointerUp, h)), r && this.startScrollTracking(r);
-  }
-  startScrollTracking(t) {
-    let e = t.parentElement;
-    for (; e; ) {
-      const i = getComputedStyle(e);
-      (qn.has(i.overflowX) || qn.has(i.overflowY)) && this.scrollPositions.set(e, {
-        x: e.scrollLeft,
-        y: e.scrollTop
-      }), e = e.parentElement;
-    }
-    this.scrollPositions.set(window, {
-      x: window.scrollX,
-      y: window.scrollY
-    }), window.addEventListener("scroll", this.onElementScroll, { capture: !0 }), window.addEventListener("scroll", this.onWindowScroll), this.removeScrollListeners = () => {
-      window.removeEventListener("scroll", this.onElementScroll, { capture: !0 }), window.removeEventListener("scroll", this.onWindowScroll);
-    };
-  }
-  handleScroll(t) {
-    const e = this.scrollPositions.get(t);
-    if (!e) return;
-    const i = t === window, n = i ? {
-      x: window.scrollX,
-      y: window.scrollY
-    } : {
-      x: t.scrollLeft,
-      y: t.scrollTop
-    }, s = {
-      x: n.x - e.x,
-      y: n.y - e.y
-    };
-    s.x === 0 && s.y === 0 || (i ? this.lastMoveEventInfo && (this.lastMoveEventInfo.point.x += s.x, this.lastMoveEventInfo.point.y += s.y) : this.history.length > 0 && (this.history[0].x -= s.x, this.history[0].y -= s.y), this.scrollPositions.set(t, n), D.update(this.updatePoint, !0));
-  }
-  updateHandlers(t) {
-    this.handlers = t;
-  }
-  end() {
-    this.removeListeners && this.removeListeners(), this.removeScrollListeners && this.removeScrollListeners(), this.scrollPositions.clear(), nt(this.updatePoint);
-  }
-};
-function _t(t, e) {
-  return e ? { point: e(t.point) } : t;
-}
-function Zn(t, e) {
-  return {
-    x: t.x - e.x,
-    y: t.y - e.y
-  };
-}
-function Ee({ point: t }, e) {
-  return {
-    point: t,
-    delta: Zn(t, $r(e)),
-    offset: Zn(t, Tc(e)),
-    velocity: xc(e, 0.1)
-  };
-}
-function Tc(t) {
-  return t[0];
-}
-function $r(t) {
-  return t[t.length - 1];
-}
-function xc(t, e) {
-  if (t.length < 2) return {
-    x: 0,
-    y: 0
-  };
-  let i = t.length - 1, n = null;
-  const s = $r(t);
-  for (; i >= 0 && (n = t[i], !(s.timestamp - n.timestamp > U(e))); )
-    i--;
-  if (!n) return {
-    x: 0,
-    y: 0
-  };
-  n === t[0] && t.length > 2 && s.timestamp - n.timestamp > U(e) * 2 && (n = t[1]);
-  const o = $(s.timestamp - n.timestamp);
-  if (o === 0) return {
-    x: 0,
-    y: 0
-  };
-  const r = {
-    x: (s.x - n.x) / o,
-    y: (s.y - n.y) / o
-  };
-  return r.x === 1 / 0 && (r.x = 0), r.y === 1 / 0 && (r.y = 0), r;
-}
-function wc(t, { min: e, max: i }, n) {
-  return e !== void 0 && t < e ? t = n ? V(e, t, n.min) : Math.max(t, e) : i !== void 0 && t > i && (t = n ? V(i, t, n.max) : Math.min(t, i)), t;
-}
-function Jn(t, e, i) {
-  return {
-    min: e !== void 0 ? t.min + e : void 0,
-    max: i !== void 0 ? t.max + i - (t.max - t.min) : void 0
-  };
-}
-function Sc(t, { top: e, left: i, bottom: n, right: s }) {
-  return {
-    x: Jn(t.x, i, s),
-    y: Jn(t.y, e, n)
-  };
-}
-function Qn(t, e) {
-  let i = e.min - t.min, n = e.max - t.max;
-  return e.max - e.min < t.max - t.min && ([i, n] = [n, i]), {
-    min: i,
-    max: n
-  };
-}
-function Pc(t, e) {
-  return {
-    x: Qn(t.x, e.x),
-    y: Qn(t.y, e.y)
-  };
-}
-function bc(t, e) {
-  let i = 0.5;
-  const n = O(t), s = O(e);
-  return s > n ? i = Lt(e.min, e.max - n, t.min) : n > s && (i = Lt(t.min, t.max - s, e.min)), tt(0, 1, i);
-}
-function Ac(t, e) {
-  const i = {};
-  return e.min !== void 0 && (i.min = e.min - t.min), e.max !== void 0 && (i.max = e.max - t.min), i;
-}
-var ii = 0.35;
-function Vc(t = ii) {
-  return t === !1 ? t = 0 : t === !0 && (t = ii), {
-    x: ts(t, "left", "right"),
-    y: ts(t, "top", "bottom")
-  };
-}
-function ts(t, e, i) {
-  return {
-    min: es(t, e),
-    max: es(t, i)
-  };
-}
-function es(t, e) {
-  return typeof t == "number" ? t : t[e] || 0;
-}
-var Dc = /* @__PURE__ */ new WeakMap(), Mc = class {
-  constructor(t) {
-    this.openDragLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = {
-      x: 0,
-      y: 0
-    }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = E(), this.latestPointerEvent = null, this.latestPanInfo = null, this.visualElement = t;
-  }
-  start(t, { snapToCursor: e = !1, distanceThreshold: i } = {}) {
-    const { presenceContext: n } = this.visualElement;
-    if (n && n.isPresent === !1) return;
-    const s = (u) => {
-      e && this.snapToCursor(u), this.stopAnimation();
-    }, o = (u, h) => {
-      const { drag: f, dragPropagation: p, onDragStart: d } = this.getProps();
-      if (f && !p && (this.openDragLock && this.openDragLock(), this.openDragLock = xl(f), !this.openDragLock))
-        return;
-      this.latestPointerEvent = u, this.latestPanInfo = h, this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), H((m) => {
-        let P = this.getAxisMotionValue(m).get() || 0;
-        if (Y.test(P)) {
-          const { projection: x } = this.visualElement;
-          if (x && x.layout) {
-            const S = x.layout.layoutBox[m];
-            S && (P = O(S) * (parseFloat(P) / 100));
-          }
-        }
-        this.originPoint[m] = P;
-      }), d && D.update(() => d(u, h), !1, !0), Ye(this.visualElement, "transform");
-      const { animationState: g } = this.visualElement;
-      g && g.setActive("whileDrag", !0);
-    }, r = (u, h) => {
-      this.latestPointerEvent = u, this.latestPanInfo = h;
-      const { dragPropagation: f, dragDirectionLock: p, onDirectionLock: d, onDrag: g } = this.getProps();
-      if (!f && !this.openDragLock) return;
-      const { offset: m } = h;
-      if (p && this.currentDirection === null) {
-        this.currentDirection = Cc(m), this.currentDirection !== null && d && d(this.currentDirection);
-        return;
-      }
-      this.updateAxis("x", h.point, m), this.updateAxis("y", h.point, m), this.visualElement.render(), g && D.update(() => g(u, h), !1, !0);
-    }, a = (u, h) => {
-      this.latestPointerEvent = u, this.latestPanInfo = h, this.stop(u, h), this.latestPointerEvent = null, this.latestPanInfo = null;
-    }, l = () => {
-      const { dragSnapToOrigin: u } = this.getProps();
-      (u || this.constraints) && this.startAnimation({
-        x: 0,
-        y: 0
-      });
-    }, { dragSnapToOrigin: c } = this.getProps();
-    this.panSession = new Wr(t, {
-      onSessionStart: s,
-      onStart: o,
-      onMove: r,
-      onSessionEnd: a,
-      resumeAnimation: l
-    }, {
-      transformPagePoint: this.visualElement.getTransformPagePoint(),
-      dragSnapToOrigin: c,
-      distanceThreshold: i,
-      contextWindow: Ur(this.visualElement),
-      element: this.visualElement.current
-    });
-  }
-  stop(t, e) {
-    const i = t || this.latestPointerEvent, n = e || this.latestPanInfo, s = this.isDragging;
-    if (this.cancel(), !s || !n || !i) return;
-    const { velocity: o } = n;
-    this.startAnimation(o);
-    const { onDragEnd: r } = this.getProps();
-    r && D.postRender(() => r(i, n));
-  }
-  cancel() {
-    this.isDragging = !1;
-    const { projection: t, animationState: e } = this.visualElement;
-    t && (t.isAnimationBlocked = !1), this.endPanSession();
-    const { dragPropagation: i } = this.getProps();
-    !i && this.openDragLock && (this.openDragLock(), this.openDragLock = null), e && e.setActive("whileDrag", !1);
-  }
-  endPanSession() {
-    this.panSession && this.panSession.end(), this.panSession = void 0;
-  }
-  updateAxis(t, e, i) {
-    const { drag: n } = this.getProps();
-    if (!i || !Gt(t, n, this.currentDirection)) return;
-    const s = this.getAxisMotionValue(t);
-    let o = this.originPoint[t] + i[t];
-    this.constraints && this.constraints[t] && (o = wc(o, this.constraints[t], this.elastic[t])), s.set(o);
-  }
-  resolveConstraints() {
-    const { dragConstraints: t, dragElastic: e } = this.getProps(), i = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(!1) : this.visualElement.projection?.layout, n = this.constraints;
-    t && yt(t) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : t && i ? this.constraints = Sc(i.layoutBox, t) : this.constraints = !1, this.elastic = Vc(e), n !== this.constraints && !yt(t) && i && this.constraints && !this.hasMutatedConstraints && H((s) => {
-      this.constraints !== !1 && this.getAxisMotionValue(s) && (this.constraints[s] = Ac(i.layoutBox[s], this.constraints[s]));
-    });
-  }
-  resolveRefConstraints() {
-    const { dragConstraints: t, onMeasureDragConstraints: e } = this.getProps();
-    if (!t || !yt(t)) return !1;
-    const i = t.current;
-    q(i !== null, "If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.", "drag-constraints-ref");
-    const { projection: n } = this.visualElement;
-    if (!n || !n.layout) return !1;
-    n.root && (n.root.scroll = void 0, n.root.updateScroll());
-    const s = Tl(i, n.root, this.visualElement.getTransformPagePoint());
-    let o = Pc(n.layout.layoutBox, s);
-    if (e) {
-      const r = e(vl(o));
-      this.hasMutatedConstraints = !!r, r && (o = ar(r));
-    }
-    return o;
-  }
-  startAnimation(t) {
-    const { drag: e, dragMomentum: i, dragElastic: n, dragTransition: s, dragSnapToOrigin: o, onDragTransitionEnd: r } = this.getProps(), a = this.constraints || {}, l = H((c) => {
-      if (!Gt(c, e, this.currentDirection)) return;
-      let u = a && a[c] || {};
-      (o === !0 || o === c) && (u = {
-        min: 0,
-        max: 0
-      });
-      const h = n ? 200 : 1e6, f = n ? 40 : 1e7, p = {
-        type: "inertia",
-        velocity: i ? t[c] : 0,
-        bounceStiffness: h,
-        bounceDamping: f,
-        timeConstant: 750,
-        restDelta: 1,
-        restSpeed: 10,
-        ...s,
-        ...u
-      };
-      return this.startAxisValueAnimation(c, p);
-    });
-    return Promise.all(l).then(r);
-  }
-  startAxisValueAnimation(t, e) {
-    const i = this.getAxisMotionValue(t);
-    return Ye(this.visualElement, t), i.start(bi(t, i, 0, e, this.visualElement, !1));
-  }
-  stopAnimation() {
-    H((t) => this.getAxisMotionValue(t).stop());
-  }
-  getAxisMotionValue(t) {
-    const e = `_drag${t.toUpperCase()}`, i = this.visualElement.getProps()[e];
-    return i || this.visualElement.getValue(t, this.visualElement.latestValues[t] ?? 0);
-  }
-  snapToCursor({ clientX: t, clientY: e }) {
-    const { drag: i } = this.getProps(), n = {
-      x: t,
-      y: e
-    }, s = this.visualElement.getTransformPagePoint()?.(n) || n, o = this.visualElement.measureViewportBox();
-    H((r) => {
-      if (!Gt(r, i, this.currentDirection)) return;
-      const a = this.getAxisMotionValue(r), { min: l, max: c } = o[r];
-      a.set((a.get() || 0) + s[r] - V(l, c, 0.5));
-    });
-  }
-  scalePositionWithinConstraints() {
-    if (!this.visualElement.current) return;
-    const { drag: t, dragConstraints: e } = this.getProps(), { projection: i } = this.visualElement;
-    if (!yt(e) || !i || !this.constraints) return;
-    this.stopAnimation();
-    const n = this.constraints, s = {
-      x: 0,
-      y: 0
-    };
-    H((r) => {
-      const a = this.getAxisMotionValue(r).get();
-      s[r] = bc({
-        min: a,
-        max: a
-      }, n[r]);
-    });
-    const { transformTemplate: o } = this.visualElement.getProps();
-    this.visualElement.current.style.transform = o ? o({}, "") : "none", i.root && i.root.updateScroll(), i.updateLayout(), this.constraints = !1, this.resolveConstraints(), H((r) => {
-      const a = this.getAxisMotionValue(r);
-      if (!Gt(r, t, null) || !a.get()) return;
-      const { min: l, max: c } = this.constraints[r];
-      a.set(V(l, c, s[r]));
-    }), this.visualElement.render();
-  }
-  addListeners() {
-    if (!this.visualElement.current) return;
-    Dc.set(this.visualElement, this);
-    const t = this.visualElement.current, e = Rt(t, "pointerdown", (l) => {
-      const { drag: c, dragListener: u = !0 } = this.getProps(), h = l.target, f = h !== t && Vl(h);
-      c && u && !f && this.start(l);
-    });
-    let i;
-    const n = () => {
-      const { dragConstraints: l } = this.getProps();
-      yt(l) && l.current && (this.constraints = this.resolveRefConstraints(), i || (i = Ec(t, l.current, () => this.scalePositionWithinConstraints())));
-    }, { projection: s } = this.visualElement, o = s.addEventListener("measure", n);
-    s && !s.layout && (s.root && s.root.updateScroll(), s.updateLayout()), D.read(n);
-    const r = jt(window, "resize", () => this.scalePositionWithinConstraints()), a = s.addEventListener("didUpdate", (({ delta: l, hasLayoutChanged: c }) => {
-      this.isDragging && c && (H((u) => {
-        const h = this.getAxisMotionValue(u);
-        h && (this.originPoint[u] += l[u].translate, h.set(h.get() + l[u].translate));
-      }), this.visualElement.render());
-    }));
-    return () => {
-      r(), e(), o(), a && a(), i && i();
-    };
-  }
-  getProps() {
-    const t = this.visualElement.getProps(), { drag: e = !1, dragDirectionLock: i = !1, dragPropagation: n = !1, dragConstraints: s = !1, dragElastic: o = ii, dragMomentum: r = !0 } = t;
-    return {
-      ...t,
-      drag: e,
-      dragDirectionLock: i,
-      dragPropagation: n,
-      dragConstraints: s,
-      dragElastic: o,
-      dragMomentum: r
-    };
-  }
-};
-function is(t) {
-  let e = !0;
-  return () => {
-    if (e) {
-      e = !1;
-      return;
-    }
-    t();
-  };
-}
-function Ec(t, e, i) {
-  const n = vn(t, is(i)), s = vn(e, is(i));
-  return () => {
-    n(), s();
-  };
-}
-function Gt(t, e, i) {
-  return (e === !0 || e === t) && (i === null || i === t);
-}
-function Cc(t, e = 10) {
-  let i = null;
-  return Math.abs(t.y) > e ? i = "y" : Math.abs(t.x) > e && (i = "x"), i;
-}
-var Rc = class extends st {
-  constructor(t) {
-    super(t), this.removeGroupControls = _, this.removeListeners = _, this.controls = new Mc(t);
-  }
-  mount() {
-    const { dragControls: t } = this.node.getProps();
-    t && (this.removeGroupControls = t.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || _;
-  }
-  update() {
-    const { dragControls: t } = this.node.getProps(), { dragControls: e } = this.node.prevProps || {};
-    t !== e && (this.removeGroupControls(), t && (this.removeGroupControls = t.subscribe(this.controls)));
-  }
-  unmount() {
-    this.removeGroupControls(), this.removeListeners(), this.controls.isDragging || this.controls.endPanSession();
-  }
-}, Ce = (t) => (e, i) => {
-  t && D.update(() => t(e, i), !1, !0);
-}, Lc = class extends st {
-  constructor() {
-    super(...arguments), this.removePointerDownListener = _;
-  }
-  onPointerDown(t) {
-    this.session = new Wr(t, this.createPanHandlers(), {
-      transformPagePoint: this.node.getTransformPagePoint(),
-      contextWindow: Ur(this.node)
-    });
-  }
-  createPanHandlers() {
-    const { onPanSessionStart: t, onPanStart: e, onPan: i, onPanEnd: n } = this.node.getProps();
-    return {
-      onSessionStart: Ce(t),
-      onStart: Ce(e),
-      onMove: Ce(i),
-      onEnd: (s, o) => {
-        delete this.session, n && D.postRender(() => n(s, o));
-      }
-    };
-  }
-  mount() {
-    this.removePointerDownListener = Rt(this.node.current, "pointerdown", (t) => this.onPointerDown(t));
-  }
-  update() {
-    this.session && this.session.updateHandlers(this.createPanHandlers());
-  }
-  unmount() {
-    this.removePointerDownListener(), this.session && this.session.end();
-  }
-}, Re = !1, kc = class extends zr {
-  componentDidMount() {
-    const { visualElement: t, layoutGroup: e, switchLayoutGroup: i, layoutId: n } = this.props, { projection: s } = t;
-    s && (e.group && e.group.add(s), i && i.register && n && i.register(s), Re && s.root.didUpdate(), s.addEventListener("animationComplete", () => {
-      this.safeToRemove();
-    }), s.setOptions({
-      ...s.options,
-      layoutDependency: this.props.layoutDependency,
-      onExitComplete: () => this.safeToRemove()
-    })), te.hasEverUpdated = !0;
-  }
-  getSnapshotBeforeUpdate(t) {
-    const { layoutDependency: e, visualElement: i, drag: n, isPresent: s } = this.props, { projection: o } = i;
-    return o && (o.isPresent = s, t.layoutDependency !== e && o.setOptions({
-      ...o.options,
-      layoutDependency: e
-    }), Re = !0, n || t.layoutDependency !== e || e === void 0 || t.isPresent !== s ? o.willUpdate() : this.safeToRemove(), t.isPresent !== s && (s ? o.promote() : o.relegate() || D.postRender(() => {
-      const r = o.getStack();
-      (!r || !r.members.length) && this.safeToRemove();
-    }))), null;
-  }
-  componentDidUpdate() {
-    const { visualElement: t, layoutAnchor: e } = this.props, { projection: i } = t;
-    i && (i.options.layoutAnchor = e, i.root.didUpdate(), Ei.postRender(() => {
-      !i.currentAnimation && i.isLead() && this.safeToRemove();
-    }));
-  }
-  componentWillUnmount() {
-    const { visualElement: t, layoutGroup: e, switchLayoutGroup: i } = this.props, { projection: n } = t;
-    Re = !0, n && (n.scheduleCheckAfterUnmount(), e && e.group && e.group.remove(n), i && i.deregister && i.deregister(n));
-  }
-  safeToRemove() {
-    const { safeToRemove: t } = this.props;
-    t && t();
-  }
-  render() {
-    return null;
-  }
-};
-function Kr(t) {
-  const [e, i] = Uu(), n = N(us);
-  return ls(kc, {
-    ...t,
-    layoutGroup: n,
-    switchLayoutGroup: N(jr),
-    isPresent: e,
-    safeToRemove: i
-  });
-}
-var Bc = {
-  pan: { Feature: Lc },
-  drag: {
-    Feature: Rc,
-    ProjectionNode: Rr,
-    MeasureLayout: Kr
-  }
-};
-function ns(t, e, i) {
-  const { props: n } = t;
-  t.animationState && n.whileHover && t.animationState.setActive("whileHover", i === "Start");
-  const s = n["onHover" + i];
-  s && D.postRender(() => s(e, ve(e)));
-}
-var Ic = class extends st {
-  mount() {
-    const { current: t } = this.node;
-    t && (this.unmount = Sl(t, (e, i) => (ns(this.node, i, "Start"), (n) => ns(this.node, n, "End"))));
-  }
-  unmount() {
-  }
-}, Fc = class extends st {
-  constructor() {
-    super(...arguments), this.isActive = !1;
-  }
-  onFocus() {
-    let t = !1;
-    try {
-      t = this.node.current.matches(":focus-visible");
-    } catch {
-      t = !0;
-    }
-    !t || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !0), this.isActive = !0);
-  }
-  onBlur() {
-    !this.isActive || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !1), this.isActive = !1);
-  }
-  mount() {
-    this.unmount = Nt(jt(this.node.current, "focus", () => this.onFocus()), jt(this.node.current, "blur", () => this.onBlur()));
-  }
-  unmount() {
-  }
-};
-function ss(t, e, i) {
-  const { props: n } = t;
-  if (t.current instanceof HTMLButtonElement && t.current.disabled) return;
-  t.animationState && n.whileTap && t.animationState.setActive("whileTap", i === "Start");
-  const s = n["onTap" + (i === "End" ? "" : i)];
-  s && D.postRender(() => s(e, ve(e)));
-}
-var Oc = class extends st {
-  mount() {
-    const { current: t } = this.node;
-    if (!t) return;
-    const { globalTapTarget: e, propagate: i } = this.node.props;
-    this.unmount = Ml(t, (n, s) => (ss(this.node, s, "Start"), (o, { success: r }) => ss(this.node, o, r ? "End" : "Cancel")), {
-      useGlobalTarget: e,
-      stopPropagation: i?.tap === !1
-    });
-  }
-  unmount() {
-  }
-}, ni = /* @__PURE__ */ new WeakMap(), Le = /* @__PURE__ */ new WeakMap(), jc = (t) => {
-  const e = ni.get(t.target);
-  e && e(t);
-}, Nc = (t) => {
-  t.forEach(jc);
-};
-function Uc({ root: t, ...e }) {
-  const i = t || document;
-  Le.has(i) || Le.set(i, {});
-  const n = Le.get(i), s = JSON.stringify(e);
-  return n[s] || (n[s] = new IntersectionObserver(Nc, {
-    root: t,
-    ...e
-  })), n[s];
-}
-function Wc(t, e, i) {
-  const n = Uc(e);
-  return ni.set(t, i), n.observe(t), () => {
-    ni.delete(t), n.unobserve(t);
-  };
-}
-var $c = {
-  some: 0,
-  all: 1
-}, Kc = class extends st {
-  constructor() {
-    super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
-  }
-  startObserver() {
-    this.stopObserver?.();
-    const { viewport: t = {} } = this.node.getProps(), { root: e, margin: i, amount: n = "some", once: s } = t, o = {
-      root: e ? e.current : void 0,
-      rootMargin: i,
-      threshold: typeof n == "number" ? n : $c[n]
-    }, r = (a) => {
-      const { isIntersecting: l } = a;
-      if (this.isInView === l || (this.isInView = l, s && !l && this.hasEnteredView)) return;
-      l && (this.hasEnteredView = !0), this.node.animationState && this.node.animationState.setActive("whileInView", l);
-      const { onViewportEnter: c, onViewportLeave: u } = this.node.getProps(), h = l ? c : u;
-      h && h(a);
-    };
-    this.stopObserver = Wc(this.node.current, o, r);
-  }
-  mount() {
-    this.startObserver();
-  }
-  update() {
-    if (typeof IntersectionObserver > "u") return;
-    const { props: t, prevProps: e } = this.node;
-    [
-      "amount",
-      "margin",
-      "root"
-    ].some(zc(t, e)) && this.startObserver();
-  }
-  unmount() {
-    this.stopObserver?.(), this.hasEnteredView = !1, this.isInView = !1;
-  }
-};
-function zc({ viewport: t = {} }, { viewport: e = {} } = {}) {
-  return (i) => t[i] !== e[i];
-}
-var _c = {
-  inView: { Feature: Kc },
-  tap: { Feature: Oc },
-  focus: { Feature: Fc },
-  hover: { Feature: Ic }
-}, Gc = { layout: {
-  ProjectionNode: Rr,
-  MeasureLayout: Kr
-} }, Hc = {
-  ...vc,
-  ..._c,
-  ...Bc,
-  ...Gc
-}, Xc = /* @__PURE__ */ hc(Hc, fc), Qc = Xc;
-export {
-  vr as a,
-  ui as c,
-  qr as d,
-  us as f,
-  Wl as i,
-  ri as l,
-  Uu as n,
-  ti as o,
-  Lr as r,
-  ul as s,
-  Qc as t,
-  Oi as u
-};