@zydon/common 1.1.77 → 1.1.78

package/dist/{index-8759a880.js → index-e197ae14.js}

@@ -497,2218 +497,2219 @@ const _y = {
       }
     }
   };
-}, J1 = ja({
-  transformPagePoint: (e) => e,
-  isStatic: !1,
-  reducedMotion: "never"
-}), Gs = ja({}), Bc = ja(null), eg = typeof document < "u", qs = eg ? Us : Ze, zc = ja({ strict: !1 });
-function ky(e, t, r, n) {
-  const { visualElement: a } = qt(Gs), i = qt(zc), o = qt(Bc), s = qt(J1).reducedMotion, u = Oe();
-  n = n || i.renderer, !u.current && n && (u.current = n(e, {
-    visualState: t,
-    parent: a,
-    props: r,
-    presenceContext: o,
-    blockInitialAnimation: o ? o.initial === !1 : !1,
-    reducedMotionConfig: s
-  }));
-  const l = u.current;
-  j1(() => {
-    l && l.update(r, o);
-  });
-  const c = Oe(!!window.HandoffAppearAnimations);
-  return qs(() => {
-    l && (l.render(), c.current && l.animationState && l.animationState.animateChanges());
-  }), Ze(() => {
-    l && (l.updateFeatures(), !c.current && l.animationState && l.animationState.animateChanges(), window.HandoffAppearAnimations = void 0, c.current = !1);
-  }), l;
-}
-function Ty(e) {
-  return typeof e == "object" && Object.prototype.hasOwnProperty.call(e, "current");
-}
-function Oy(e, t, r) {
-  return xt(
-    (n) => {
-      n && e.mount && e.mount(n), t && (n ? t.mount(n) : t.unmount()), r && (typeof r == "function" ? r(n) : Ty(r) && (r.current = n));
-    },
-    /**
-     * Only pass a new ref callback to React if we've received a visual element
-     * factory. Otherwise we'll be mounting/remounting every time externalRef
-     * or other dependencies change.
-     */
-    [t]
-  );
-}
-function Pu(e) {
-  return typeof e == "string" || Array.isArray(e);
-}
-function tg(e) {
-  return typeof e == "object" && typeof e.start == "function";
-}
-const My = [
-  "animate",
-  "whileInView",
-  "whileFocus",
-  "whileHover",
-  "whileTap",
-  "whileDrag",
-  "exit"
-], $y = ["initial", ...My];
-function Wc(e) {
-  return tg(e.animate) || $y.some((t) => Pu(e[t]));
-}
-function Ay(e) {
-  return !!(Wc(e) || e.variants);
+};
+var Ei = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function Sn(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-function Py(e, t) {
-  if (Wc(e)) {
-    const { initial: r, animate: n } = e;
-    return {
-      initial: r === !1 || Pu(r) ? r : void 0,
-      animate: Pu(n) ? n : void 0
-    };
+var Pu = { exports: {} }, si = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var jd;
+function ky() {
+  if (jd)
+    return si;
+  jd = 1;
+  var e = y, t = Symbol.for("react.element"), r = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, a = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function o(s, u, l) {
+    var c, f = {}, d = null, h = null;
+    l !== void 0 && (d = "" + l), u.key !== void 0 && (d = "" + u.key), u.ref !== void 0 && (h = u.ref);
+    for (c in u)
+      n.call(u, c) && !i.hasOwnProperty(c) && (f[c] = u[c]);
+    if (s && s.defaultProps)
+      for (c in u = s.defaultProps, u)
+        f[c] === void 0 && (f[c] = u[c]);
+    return { $$typeof: t, type: s, key: d, ref: h, props: f, _owner: a.current };
   }
-  return e.inherit !== !1 ? t : {};
-}
-function Ry(e) {
-  const { initial: t, animate: r } = Py(e, qt(Gs));
-  return _t(() => ({ initial: t, animate: r }), [jd(t), jd(r)]);
-}
-function jd(e) {
-  return Array.isArray(e) ? e.join(" ") : e;
-}
-const Ld = {
-  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"]
-}, Ru = {};
-for (const e in Ld)
-  Ru[e] = {
-    isEnabled: (t) => Ld[e].some((r) => !!t[r])
-  };
-function Du(e) {
-  for (const t in e)
-    Ru[t] = {
-      ...Ru[t],
-      ...e[t]
-    };
+  return si.Fragment = r, si.jsx = o, si.jsxs = o, si;
 }
-const rg = ja({}), Dy = ja({}), Fy = Symbol.for("motionComponentSymbol");
-function Iy({ preloadedFeatures: e, createVisualElement: t, useRender: r, useVisualState: n, Component: a }) {
-  e && Du(e);
-  function i(s, u) {
-    let l;
-    const c = {
-      ...qt(J1),
-      ...s,
-      layoutId: jy(s)
-    }, { isStatic: f } = c, d = Ry(s), h = n(s, f);
-    if (!f && eg) {
-      d.visualElement = ky(a, h, c, t);
-      const v = qt(Dy), p = qt(zc).strict;
-      d.visualElement && (l = d.visualElement.loadFeatures(
-        // Note: Pass the full new combined props to correctly re-render dynamic feature components.
-        c,
-        p,
-        e,
-        v
-      ));
+var li = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Ld;
+function Ty() {
+  return Ld || (Ld = 1, process.env.NODE_ENV !== "production" && function() {
+    var e = y, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), o = Symbol.for("react.provider"), s = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), l = Symbol.for("react.suspense"), c = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), d = Symbol.for("react.lazy"), h = Symbol.for("react.offscreen"), v = Symbol.iterator, p = "@@iterator";
+    function m(C) {
+      if (C === null || typeof C != "object")
+        return null;
+      var P = v && C[v] || C[p];
+      return typeof P == "function" ? P : null;
     }
-    return de.createElement(
-      Gs.Provider,
-      { value: d },
-      l && d.visualElement ? de.createElement(l, { visualElement: d.visualElement, ...c }) : null,
-      r(a, s, Oy(h, d.visualElement, u), h, f, d.visualElement)
-    );
-  }
-  const o = Ot(i);
-  return o[Fy] = a, o;
-}
-function jy({ layoutId: e }) {
-  const t = qt(rg).id;
-  return t && e !== void 0 ? t + "-" + e : e;
-}
-function Ly(e) {
-  function t(n, a = {}) {
-    return Iy(e(n, a));
-  }
-  if (typeof Proxy > "u")
-    return t;
-  const r = /* @__PURE__ */ new Map();
-  return new Proxy(t, {
-    /**
-     * Called when `motion` is referenced with a prop: `motion.div`, `motion.input` etc.
-     * The prop name is passed through as `key` and we can use that to generate a `motion`
-     * DOM component with that name.
-     */
-    get: (n, a) => (r.has(a) || r.set(a, t(a)), r.get(a))
-  });
-}
-const Ny = [
-  "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 ng(e) {
-  return (
-    /**
-     * If it's not a string, it's a custom React component. Currently we only support
-     * HTML custom React components.
-     */
-    typeof e != "string" || /**
-     * If it contains a dash, the element is a custom HTML webcomponent.
-     */
-    e.includes("-") ? !1 : (
-      /**
-       * If it's in our list of lowercase SVG tags, it's an SVG component
-       */
-      !!(Ny.indexOf(e) > -1 || /**
-       * If it contains a capital letter, it's an SVG component
-       */
-      /[A-Z]/.test(e))
-    )
-  );
-}
-const ag = {};
-function RK(e) {
-  Object.assign(ag, e);
-}
-const Ks = [
-  "transformPerspective",
-  "x",
-  "y",
-  "z",
-  "translateX",
-  "translateY",
-  "translateZ",
-  "scale",
-  "scaleX",
-  "scaleY",
-  "rotate",
-  "rotateX",
-  "rotateY",
-  "rotateZ",
-  "skew",
-  "skewX",
-  "skewY"
-], ig = new Set(Ks);
-function og(e, { layout: t, layoutId: r }) {
-  return ig.has(e) || e.startsWith("origin") || (t || r !== void 0) && (!!ag[e] || e === "opacity");
-}
-const mn = (e) => !!(e && e.getVelocity), By = {
-  x: "translateX",
-  y: "translateY",
-  z: "translateZ",
-  transformPerspective: "perspective"
-}, zy = Ks.length;
-function Wy(e, { enableHardwareAcceleration: t = !0, allowTransformNone: r = !0 }, n, a) {
-  let i = "";
-  for (let o = 0; o < zy; o++) {
-    const s = Ks[o];
-    if (e[s] !== void 0) {
-      const u = By[s] || s;
-      i += `${u}(${e[s]}) `;
+    var b = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function x(C) {
+      {
+        for (var P = arguments.length, z = new Array(P > 1 ? P - 1 : 0), he = 1; he < P; he++)
+          z[he - 1] = arguments[he];
+        E("error", C, z);
+      }
     }
-  }
-  return t && !e.z && (i += "translateZ(0)"), i = i.trim(), a ? i = a(e, n ? "" : i) : r && n && (i = "none"), i;
-}
-const sg = (e) => (t) => typeof t == "string" && t.startsWith(e), Vy = sg("--"), DK = sg("var(--"), Hy = /var\s*\(\s*--[\w-]+(\s*,\s*(?:(?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)+)?\s*\)/g, Uy = (e, t) => t && typeof e == "number" ? t.transform(e) : e, Vc = (e, t, r) => Math.min(Math.max(r, e), t), Zi = {
-  test: (e) => typeof e == "number",
-  parse: parseFloat,
-  transform: (e) => e
-}, Ti = {
-  ...Zi,
-  transform: (e) => Vc(0, 1, e)
-}, Co = {
-  ...Zi,
-  default: 1
-}, Oi = (e) => Math.round(e * 1e5) / 1e5, Hc = /(-)?([\d]*\.?[\d])+/g, lg = /(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))/gi, Yy = /^(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;
-function Qi(e) {
-  return typeof e == "string";
-}
-const Ji = (e) => ({
-  test: (t) => Qi(t) && t.endsWith(e) && t.split(" ").length === 1,
-  parse: parseFloat,
-  transform: (t) => `${t}${e}`
-}), rn = Ji("deg"), Mi = Ji("%"), ge = Ji("px"), FK = Ji("vh"), IK = Ji("vw"), Nd = {
-  ...Mi,
-  parse: (e) => Mi.parse(e) / 100,
-  transform: (e) => Mi.transform(e * 100)
-}, Bd = {
-  ...Zi,
-  transform: Math.round
-}, Gy = {
-  // Border props
-  borderWidth: ge,
-  borderTopWidth: ge,
-  borderRightWidth: ge,
-  borderBottomWidth: ge,
-  borderLeftWidth: ge,
-  borderRadius: ge,
-  radius: ge,
-  borderTopLeftRadius: ge,
-  borderTopRightRadius: ge,
-  borderBottomRightRadius: ge,
-  borderBottomLeftRadius: ge,
-  // Positioning props
-  width: ge,
-  maxWidth: ge,
-  height: ge,
-  maxHeight: ge,
-  size: ge,
-  top: ge,
-  right: ge,
-  bottom: ge,
-  left: ge,
-  // Spacing props
-  padding: ge,
-  paddingTop: ge,
-  paddingRight: ge,
-  paddingBottom: ge,
-  paddingLeft: ge,
-  margin: ge,
-  marginTop: ge,
-  marginRight: ge,
-  marginBottom: ge,
-  marginLeft: ge,
-  // Transform props
-  rotate: rn,
-  rotateX: rn,
-  rotateY: rn,
-  rotateZ: rn,
-  scale: Co,
-  scaleX: Co,
-  scaleY: Co,
-  scaleZ: Co,
-  skew: rn,
-  skewX: rn,
-  skewY: rn,
-  distance: ge,
-  translateX: ge,
-  translateY: ge,
-  translateZ: ge,
-  x: ge,
-  y: ge,
-  z: ge,
-  perspective: ge,
-  transformPerspective: ge,
-  opacity: Ti,
-  originX: Nd,
-  originY: Nd,
-  originZ: ge,
-  // Misc
-  zIndex: Bd,
-  // SVG
-  fillOpacity: Ti,
-  strokeOpacity: Ti,
-  numOctaves: Bd
-};
-function ug(e, t, r, n) {
-  const { style: a, vars: i, transform: o, transformOrigin: s } = e;
-  let u = !1, l = !1, c = !0;
-  for (const f in t) {
-    const d = t[f];
-    if (Vy(f)) {
-      i[f] = d;
-      continue;
+    function E(C, P, z) {
+      {
+        var he = b.ReactDebugCurrentFrame, Re = he.getStackAddendum();
+        Re !== "" && (P += "%s", z = z.concat([Re]));
+        var qe = z.map(function(Te) {
+          return String(Te);
+        });
+        qe.unshift("Warning: " + P), Function.prototype.apply.call(console[C], console, qe);
+      }
     }
-    const h = Gy[f], v = Uy(d, h);
-    if (ig.has(f)) {
-      if (u = !0, o[f] = v, !c)
-        continue;
-      d !== (h.default || 0) && (c = !1);
-    } else
-      f.startsWith("origin") ? (l = !0, s[f] = v) : a[f] = v;
-  }
-  if (t.transform || (u || n ? a.transform = Wy(e.transform, r, c, n) : a.transform && (a.transform = "none")), l) {
-    const { originX: f = "50%", originY: d = "50%", originZ: h = 0 } = s;
-    a.transformOrigin = `${f} ${d} ${h}`;
-  }
-}
-const Uc = () => ({
-  style: {},
-  transform: {},
-  transformOrigin: {},
-  vars: {}
-});
-function cg(e, t, r) {
-  for (const n in t)
-    !mn(t[n]) && !og(n, r) && (e[n] = t[n]);
-}
-function qy({ transformTemplate: e }, t, r) {
-  return _t(() => {
-    const n = Uc();
-    return ug(n, t, { enableHardwareAcceleration: !r }, e), Object.assign({}, n.vars, n.style);
-  }, [t]);
-}
-function Ky(e, t, r) {
-  const n = e.style || {}, a = {};
-  return cg(a, n, e), Object.assign(a, qy(e, t, r)), e.transformValues ? e.transformValues(a) : a;
-}
-function Xy(e, t, r) {
-  const n = {}, a = Ky(e, t, r);
-  return e.drag && e.dragListener !== !1 && (n.draggable = !1, a.userSelect = a.WebkitUserSelect = a.WebkitTouchCallout = "none", a.touchAction = e.drag === !0 ? "none" : `pan-${e.drag === "x" ? "y" : "x"}`), e.tabIndex === void 0 && (e.onTap || e.onTapStart || e.whileTap) && (n.tabIndex = 0), n.style = a, n;
-}
-const Zy = /* @__PURE__ */ new Set([
-  "animate",
-  "exit",
-  "variants",
-  "initial",
-  "style",
-  "values",
-  "variants",
-  "transition",
-  "transformTemplate",
-  "transformValues",
-  "custom",
-  "inherit",
-  "onLayoutAnimationStart",
-  "onLayoutAnimationComplete",
-  "onLayoutMeasure",
-  "onBeforeLayoutMeasure",
-  "onAnimationStart",
-  "onAnimationComplete",
-  "onUpdate",
-  "onDragStart",
-  "onDrag",
-  "onDragEnd",
-  "onMeasureDragConstraints",
-  "onDirectionLock",
-  "onDragTransitionEnd",
-  "_dragX",
-  "_dragY",
-  "onHoverStart",
-  "onHoverEnd",
-  "onViewportEnter",
-  "onViewportLeave",
-  "ignoreStrict",
-  "viewport"
-]);
-function hs(e) {
-  return e.startsWith("while") || e.startsWith("drag") && e !== "draggable" || e.startsWith("layout") || e.startsWith("onTap") || e.startsWith("onPan") || Zy.has(e);
-}
-let fg = (e) => !hs(e);
-function Qy(e) {
-  e && (fg = (t) => t.startsWith("on") ? !hs(t) : e(t));
-}
-try {
-  Qy(require("@emotion/is-prop-valid").default);
-} catch {
-}
-function Jy(e, t, r) {
-  const n = {};
-  for (const a in e)
-    a === "values" && typeof e.values == "object" || (fg(a) || r === !0 && hs(a) || !t && !hs(a) || // If trying to use native HTML drag events, forward drag listeners
-    e.draggable && a.startsWith("onDrag")) && (n[a] = e[a]);
-  return n;
-}
-function zd(e, t, r) {
-  return typeof e == "string" ? e : ge.transform(t + r * e);
-}
-function ex(e, t, r) {
-  const n = zd(t, e.x, e.width), a = zd(r, e.y, e.height);
-  return `${n} ${a}`;
-}
-const tx = {
-  offset: "stroke-dashoffset",
-  array: "stroke-dasharray"
-}, rx = {
-  offset: "strokeDashoffset",
-  array: "strokeDasharray"
-};
-function nx(e, t, r = 1, n = 0, a = !0) {
-  e.pathLength = 1;
-  const i = a ? tx : rx;
-  e[i.offset] = ge.transform(-n);
-  const o = ge.transform(t), s = ge.transform(r);
-  e[i.array] = `${o} ${s}`;
-}
-function dg(e, {
-  attrX: t,
-  attrY: r,
-  attrScale: n,
-  originX: a,
-  originY: i,
-  pathLength: o,
-  pathSpacing: s = 1,
-  pathOffset: u = 0,
-  // This is object creation, which we try to avoid per-frame.
-  ...l
-}, c, f, d) {
-  if (ug(e, l, c, d), f) {
-    e.style.viewBox && (e.attrs.viewBox = e.style.viewBox);
-    return;
-  }
-  e.attrs = e.style, e.style = {};
-  const { attrs: h, style: v, dimensions: p } = e;
-  h.transform && (p && (v.transform = h.transform), delete h.transform), p && (a !== void 0 || i !== void 0 || v.transform) && (v.transformOrigin = ex(p, a !== void 0 ? a : 0.5, i !== void 0 ? i : 0.5)), t !== void 0 && (h.x = t), r !== void 0 && (h.y = r), n !== void 0 && (h.scale = n), o !== void 0 && nx(h, o, s, u, !1);
-}
-const hg = () => ({
-  ...Uc(),
-  attrs: {}
-}), pg = (e) => typeof e == "string" && e.toLowerCase() === "svg";
-function ax(e, t, r, n) {
-  const a = _t(() => {
-    const i = hg();
-    return dg(i, t, { enableHardwareAcceleration: !1 }, pg(n), e.transformTemplate), {
-      ...i.attrs,
-      style: { ...i.style }
-    };
-  }, [t]);
-  if (e.style) {
-    const i = {};
-    cg(i, e.style, e), a.style = { ...i, ...a.style };
-  }
-  return a;
-}
-function ix(e = !1) {
-  return (r, n, a, { latestValues: i }, o) => {
-    const u = (ng(r) ? ax : Xy)(n, i, o, r), c = {
-      ...Jy(n, typeof r == "string", e),
-      ...u,
-      ref: a
-    }, { children: f } = n, d = _t(() => mn(f) ? f.get() : f, [f]);
-    return $r(r, {
-      ...c,
-      children: d
-    });
-  };
-}
-const ox = (e) => e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
-function sx(e, { style: t, vars: r }, n, a) {
-  Object.assign(e.style, t, a && a.getProjectionStyles(n));
-  for (const i in r)
-    e.style.setProperty(i, r[i]);
-}
-const lx = /* @__PURE__ */ new Set([
-  "baseFrequency",
-  "diffuseConstant",
-  "kernelMatrix",
-  "kernelUnitLength",
-  "keySplines",
-  "keyTimes",
-  "limitingConeAngle",
-  "markerHeight",
-  "markerWidth",
-  "numOctaves",
-  "targetX",
-  "targetY",
-  "surfaceScale",
-  "specularConstant",
-  "specularExponent",
-  "stdDeviation",
-  "tableValues",
-  "viewBox",
-  "gradientTransform",
-  "pathLength",
-  "startOffset",
-  "textLength",
-  "lengthAdjust"
-]);
-function ux(e, t, r, n) {
-  sx(e, t, void 0, n);
-  for (const a in t.attrs)
-    e.setAttribute(lx.has(a) ? a : ox(a), t.attrs[a]);
-}
-function gg(e, t) {
-  const { style: r } = e, n = {};
-  for (const a in r)
-    (mn(r[a]) || t.style && mn(t.style[a]) || og(a, e)) && (n[a] = r[a]);
-  return n;
-}
-function cx(e, t) {
-  const r = gg(e, t);
-  for (const n in e)
-    if (mn(e[n]) || mn(t[n])) {
-      const a = Ks.indexOf(n) !== -1 ? "attr" + n.charAt(0).toUpperCase() + n.substring(1) : n;
-      r[a] = e[n];
+    var T = !1, w = !1, _ = !1, k = !1, O = !1, $;
+    $ = Symbol.for("react.module.reference");
+    function R(C) {
+      return !!(typeof C == "string" || typeof C == "function" || C === n || C === i || O || C === a || C === l || C === c || k || C === h || T || w || _ || typeof C == "object" && C !== null && (C.$$typeof === d || C.$$typeof === f || C.$$typeof === o || C.$$typeof === s || C.$$typeof === u || // This needs to include all possible module reference object
+      // types supported by any Flight configuration anywhere since
+      // we don't know which Flight build this will end up being used
+      // with.
+      C.$$typeof === $ || C.getModuleId !== void 0));
     }
-  return r;
-}
-function fx(e, t, r, n = {}, a = {}) {
-  return typeof t == "function" && (t = t(r !== void 0 ? r : e.custom, n, a)), typeof t == "string" && (t = e.variants && e.variants[t]), typeof t == "function" && (t = t(r !== void 0 ? r : e.custom, n, a)), t;
-}
-function Yc(e) {
-  const t = Oe(null);
-  return t.current === null && (t.current = e()), t.current;
-}
-const dx = (e) => Array.isArray(e), hx = (e) => !!(e && typeof e == "object" && e.mix && e.toValue), jK = (e) => dx(e) ? e[e.length - 1] || 0 : e;
-function px(e) {
-  const t = mn(e) ? e.get() : e;
-  return hx(t) ? t.toValue() : t;
-}
-function gx({ scrapeMotionValuesFromProps: e, createRenderState: t, onMount: r }, n, a, i) {
-  const o = {
-    latestValues: vx(n, a, i, e),
-    renderState: t()
-  };
-  return r && (o.mount = (s) => r(n, s, o)), o;
-}
-const vg = (e) => (t, r) => {
-  const n = qt(Gs), a = qt(Bc), i = () => gx(e, t, n, a);
-  return r ? i() : Yc(i);
-};
-function vx(e, t, r, n) {
-  const a = {}, i = n(e, {});
-  for (const d in i)
-    a[d] = px(i[d]);
-  let { initial: o, animate: s } = e;
-  const u = Wc(e), l = Ay(e);
-  t && l && !u && e.inherit !== !1 && (o === void 0 && (o = t.initial), s === void 0 && (s = t.animate));
-  let c = r ? r.initial === !1 : !1;
-  c = c || o === !1;
-  const f = c ? s : o;
-  return f && typeof f != "boolean" && !tg(f) && (Array.isArray(f) ? f : [f]).forEach((h) => {
-    const v = fx(e, h);
-    if (!v)
-      return;
-    const { transitionEnd: p, transition: m, ...b } = v;
-    for (const x in b) {
-      let E = b[x];
-      if (Array.isArray(E)) {
-        const T = c ? E.length - 1 : 0;
-        E = E[T];
+    function ee(C, P, z) {
+      var he = C.displayName;
+      if (he)
+        return he;
+      var Re = P.displayName || P.name || "";
+      return Re !== "" ? z + "(" + Re + ")" : z;
+    }
+    function Me(C) {
+      return C.displayName || "Context";
+    }
+    function le(C) {
+      if (C == null)
+        return null;
+      if (typeof C.tag == "number" && x("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof C == "function")
+        return C.displayName || C.name || null;
+      if (typeof C == "string")
+        return C;
+      switch (C) {
+        case n:
+          return "Fragment";
+        case r:
+          return "Portal";
+        case i:
+          return "Profiler";
+        case a:
+          return "StrictMode";
+        case l:
+          return "Suspense";
+        case c:
+          return "SuspenseList";
       }
-      E !== null && (a[x] = E);
+      if (typeof C == "object")
+        switch (C.$$typeof) {
+          case s:
+            var P = C;
+            return Me(P) + ".Consumer";
+          case o:
+            var z = C;
+            return Me(z._context) + ".Provider";
+          case u:
+            return ee(C, C.render, "ForwardRef");
+          case f:
+            var he = C.displayName || null;
+            return he !== null ? he : le(C.type) || "Memo";
+          case d: {
+            var Re = C, qe = Re._payload, Te = Re._init;
+            try {
+              return le(Te(qe));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
     }
-    for (const x in p)
-      a[x] = p[x];
-  }), a;
-}
-const eo = (e) => e;
-class Wd {
-  constructor() {
-    this.order = [], this.scheduled = /* @__PURE__ */ new Set();
-  }
-  add(t) {
-    if (!this.scheduled.has(t))
-      return this.scheduled.add(t), this.order.push(t), !0;
-  }
-  remove(t) {
-    const r = this.order.indexOf(t);
-    r !== -1 && (this.order.splice(r, 1), this.scheduled.delete(t));
-  }
-  clear() {
-    this.order.length = 0, this.scheduled.clear();
-  }
-}
-function mx(e) {
-  let t = new Wd(), r = new Wd(), n = 0, a = !1, i = !1;
-  const o = /* @__PURE__ */ new WeakSet(), s = {
-    /**
-     * Schedule a process to run on the next frame.
-     */
-    schedule: (u, l = !1, c = !1) => {
-      const f = c && a, d = f ? t : r;
-      return l && o.add(u), d.add(u) && f && a && (n = t.order.length), u;
-    },
-    /**
-     * Cancel the provided callback from running on the next frame.
-     */
-    cancel: (u) => {
-      r.remove(u), o.delete(u);
-    },
-    /**
-     * Execute all schedule callbacks.
-     */
-    process: (u) => {
-      if (a) {
-        i = !0;
-        return;
+    var ce = Object.assign, ne = 0, B, Y, ye, fe, M, A, V;
+    function re() {
+    }
+    re.__reactDisabledLog = !0;
+    function G() {
+      {
+        if (ne === 0) {
+          B = console.log, Y = console.info, ye = console.warn, fe = console.error, M = console.group, A = console.groupCollapsed, V = console.groupEnd;
+          var C = {
+            configurable: !0,
+            enumerable: !0,
+            value: re,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: C,
+            log: C,
+            warn: C,
+            error: C,
+            group: C,
+            groupCollapsed: C,
+            groupEnd: C
+          });
+        }
+        ne++;
       }
-      if (a = !0, [t, r] = [r, t], r.clear(), n = t.order.length, n)
-        for (let l = 0; l < n; l++) {
-          const c = t.order[l];
-          c(u), o.has(c) && (s.schedule(c), e());
+    }
+    function ue() {
+      {
+        if (ne--, ne === 0) {
+          var C = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: ce({}, C, {
+              value: B
+            }),
+            info: ce({}, C, {
+              value: Y
+            }),
+            warn: ce({}, C, {
+              value: ye
+            }),
+            error: ce({}, C, {
+              value: fe
+            }),
+            group: ce({}, C, {
+              value: M
+            }),
+            groupCollapsed: ce({}, C, {
+              value: A
+            }),
+            groupEnd: ce({}, C, {
+              value: V
+            })
+          });
         }
-      a = !1, i && (i = !1, s.process(u));
+        ne < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
     }
-  };
-  return s;
-}
-const Eo = [
-  "prepare",
-  "read",
-  "update",
-  "preRender",
-  "render",
-  "postRender"
-], bx = 40;
-function yx(e, t) {
-  let r = !1, n = !0;
-  const a = {
-    delta: 0,
-    timestamp: 0,
-    isProcessing: !1
-  }, i = Eo.reduce((f, d) => (f[d] = mx(() => r = !0), f), {}), o = (f) => i[f].process(a), s = () => {
-    const f = performance.now();
-    r = !1, a.delta = n ? 1e3 / 60 : Math.max(Math.min(f - a.timestamp, bx), 1), a.timestamp = f, a.isProcessing = !0, Eo.forEach(o), a.isProcessing = !1, r && t && (n = !1, e(s));
-  }, u = () => {
-    r = !0, n = !0, a.isProcessing || e(s);
-  };
-  return { schedule: Eo.reduce((f, d) => {
-    const h = i[d];
-    return f[d] = (v, p = !1, m = !1) => (r || u(), h.schedule(v, p, m)), f;
-  }, {}), cancel: (f) => Eo.forEach((d) => i[d].cancel(f)), state: a, steps: i };
-}
-const { schedule: br, cancel: xx, state: mg, steps: LK } = yx(typeof requestAnimationFrame < "u" ? requestAnimationFrame : eo, !0), wx = {
-  useVisualState: vg({
-    scrapeMotionValuesFromProps: cx,
-    createRenderState: hg,
-    onMount: (e, t, { renderState: r, latestValues: n }) => {
-      br.read(() => {
-        try {
-          r.dimensions = typeof t.getBBox == "function" ? t.getBBox() : t.getBoundingClientRect();
-        } catch {
-          r.dimensions = {
-            x: 0,
-            y: 0,
-            width: 0,
-            height: 0
+    var te = b.ReactCurrentDispatcher, ie;
+    function K(C, P, z) {
+      {
+        if (ie === void 0)
+          try {
+            throw Error();
+          } catch (Re) {
+            var he = Re.stack.trim().match(/\n( *(at )?)/);
+            ie = he && he[1] || "";
+          }
+        return `
+` + ie + C;
+      }
+    }
+    var U = !1, J;
+    {
+      var je = typeof WeakMap == "function" ? WeakMap : Map;
+      J = new je();
+    }
+    function D(C, P) {
+      if (!C || U)
+        return "";
+      {
+        var z = J.get(C);
+        if (z !== void 0)
+          return z;
+      }
+      var he;
+      U = !0;
+      var Re = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var qe;
+      qe = te.current, te.current = null, G();
+      try {
+        if (P) {
+          var Te = function() {
+            throw Error();
           };
+          if (Object.defineProperty(Te.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(Te, []);
+            } catch (Sr) {
+              he = Sr;
+            }
+            Reflect.construct(C, [], Te);
+          } else {
+            try {
+              Te.call();
+            } catch (Sr) {
+              he = Sr;
+            }
+            C.call(Te.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (Sr) {
+            he = Sr;
+          }
+          C();
         }
-      }), br.render(() => {
-        dg(r, n, { enableHardwareAcceleration: !1 }, pg(t.tagName), e.transformTemplate), ux(t, r);
-      });
+      } catch (Sr) {
+        if (Sr && he && typeof Sr.stack == "string") {
+          for (var we = Sr.stack.split(`
+`), Dt = he.stack.split(`
+`), gt = we.length - 1, yt = Dt.length - 1; gt >= 1 && yt >= 0 && we[gt] !== Dt[yt]; )
+            yt--;
+          for (; gt >= 1 && yt >= 0; gt--, yt--)
+            if (we[gt] !== Dt[yt]) {
+              if (gt !== 1 || yt !== 1)
+                do
+                  if (gt--, yt--, yt < 0 || we[gt] !== Dt[yt]) {
+                    var tr = `
+` + we[gt].replace(" at new ", " at ");
+                    return C.displayName && tr.includes("<anonymous>") && (tr = tr.replace("<anonymous>", C.displayName)), typeof C == "function" && J.set(C, tr), tr;
+                  }
+                while (gt >= 1 && yt >= 0);
+              break;
+            }
+        }
+      } finally {
+        U = !1, te.current = qe, ue(), Error.prepareStackTrace = Re;
+      }
+      var In = C ? C.displayName || C.name : "", Fd = In ? K(In) : "";
+      return typeof C == "function" && J.set(C, Fd), Fd;
     }
-  })
-}, Cx = {
-  useVisualState: vg({
-    scrapeMotionValuesFromProps: gg,
-    createRenderState: Uc
-  })
-};
-function Ex(e, { forwardMotionProps: t = !1 }, r, n) {
-  return {
-    ...ng(e) ? wx : Cx,
-    preloadedFeatures: r,
-    useRender: ix(t),
-    createVisualElement: n,
-    Component: e
-  };
-}
-const Sx = (e, t) => (r) => t(e(r)), bg = (...e) => e.reduce(Sx);
-let Gc = eo, to = eo;
-process.env.NODE_ENV !== "production" && (Gc = (e, t) => {
-  !e && typeof console < "u" && console.warn(t);
-}, to = (e, t) => {
-  if (!e)
-    throw new Error(t);
-});
-const qc = (e, t) => (r) => !!(Qi(r) && Yy.test(r) && r.startsWith(e) || t && Object.prototype.hasOwnProperty.call(r, t)), yg = (e, t, r) => (n) => {
-  if (!Qi(n))
-    return n;
-  const [a, i, o, s] = n.match(Hc);
-  return {
-    [e]: parseFloat(a),
-    [t]: parseFloat(i),
-    [r]: parseFloat(o),
-    alpha: s !== void 0 ? parseFloat(s) : 1
-  };
-}, _x = (e) => Vc(0, 255, e), Bl = {
-  ...Zi,
-  transform: (e) => Math.round(_x(e))
-}, dn = {
-  test: qc("rgb", "red"),
-  parse: yg("red", "green", "blue"),
-  transform: ({ red: e, green: t, blue: r, alpha: n = 1 }) => "rgba(" + Bl.transform(e) + ", " + Bl.transform(t) + ", " + Bl.transform(r) + ", " + Oi(Ti.transform(n)) + ")"
-};
-function kx(e) {
-  let t = "", r = "", n = "", a = "";
-  return e.length > 5 ? (t = e.substring(1, 3), r = e.substring(3, 5), n = e.substring(5, 7), a = e.substring(7, 9)) : (t = e.substring(1, 2), r = e.substring(2, 3), n = e.substring(3, 4), a = e.substring(4, 5), t += t, r += r, n += n, a += a), {
-    red: parseInt(t, 16),
-    green: parseInt(r, 16),
-    blue: parseInt(n, 16),
-    alpha: a ? parseInt(a, 16) / 255 : 1
-  };
-}
-const Fu = {
-  test: qc("#"),
-  parse: kx,
-  transform: dn.transform
-}, ba = {
-  test: qc("hsl", "hue"),
-  parse: yg("hue", "saturation", "lightness"),
-  transform: ({ hue: e, saturation: t, lightness: r, alpha: n = 1 }) => "hsla(" + Math.round(e) + ", " + Mi.transform(Oi(t)) + ", " + Mi.transform(Oi(r)) + ", " + Oi(Ti.transform(n)) + ")"
-}, Xs = {
-  test: (e) => dn.test(e) || Fu.test(e) || ba.test(e),
-  parse: (e) => dn.test(e) ? dn.parse(e) : ba.test(e) ? ba.parse(e) : Fu.parse(e),
-  transform: (e) => Qi(e) ? e : e.hasOwnProperty("red") ? dn.transform(e) : ba.transform(e)
-}, Zs = (e, t, r) => -r * e + r * t + e;
-function zl(e, t, r) {
-  return r < 0 && (r += 1), r > 1 && (r -= 1), r < 1 / 6 ? e + (t - e) * 6 * r : r < 1 / 2 ? t : r < 2 / 3 ? e + (t - e) * (2 / 3 - r) * 6 : e;
-}
-function Tx({ hue: e, saturation: t, lightness: r, alpha: n }) {
-  e /= 360, t /= 100, r /= 100;
-  let a = 0, i = 0, o = 0;
-  if (!t)
-    a = i = o = r;
-  else {
-    const s = r < 0.5 ? r * (1 + t) : r + t - r * t, u = 2 * r - s;
-    a = zl(u, s, e + 1 / 3), i = zl(u, s, e), o = zl(u, s, e - 1 / 3);
-  }
-  return {
-    red: Math.round(a * 255),
-    green: Math.round(i * 255),
-    blue: Math.round(o * 255),
-    alpha: n
-  };
-}
-const Wl = (e, t, r) => {
-  const n = e * e;
-  return Math.sqrt(Math.max(0, r * (t * t - n) + n));
-}, Ox = [Fu, dn, ba], Mx = (e) => Ox.find((t) => t.test(e));
-function Vd(e) {
-  const t = Mx(e);
-  to(!!t, `'${e}' is not an animatable color. Use the equivalent color code instead.`);
-  let r = t.parse(e);
-  return t === ba && (r = Tx(r)), r;
-}
-const xg = (e, t) => {
-  const r = Vd(e), n = Vd(t), a = { ...r };
-  return (i) => (a.red = Wl(r.red, n.red, i), a.green = Wl(r.green, n.green, i), a.blue = Wl(r.blue, n.blue, i), a.alpha = Zs(r.alpha, n.alpha, i), dn.transform(a));
-};
-function $x(e) {
-  var t, r;
-  return isNaN(e) && Qi(e) && (((t = e.match(Hc)) === null || t === void 0 ? void 0 : t.length) || 0) + (((r = e.match(lg)) === null || r === void 0 ? void 0 : r.length) || 0) > 0;
-}
-const wg = {
-  regex: Hy,
-  countKey: "Vars",
-  token: "${v}",
-  parse: eo
-}, Cg = {
-  regex: lg,
-  countKey: "Colors",
-  token: "${c}",
-  parse: Xs.parse
-}, Eg = {
-  regex: Hc,
-  countKey: "Numbers",
-  token: "${n}",
-  parse: Zi.parse
-};
-function Vl(e, { regex: t, countKey: r, token: n, parse: a }) {
-  const i = e.tokenised.match(t);
-  i && (e["num" + r] = i.length, e.tokenised = e.tokenised.replace(t, n), e.values.push(...i.map(a)));
-}
-function ps(e) {
-  const t = e.toString(), r = {
-    value: t,
-    tokenised: t,
-    values: [],
-    numVars: 0,
-    numColors: 0,
-    numNumbers: 0
-  };
-  return r.value.includes("var(--") && Vl(r, wg), Vl(r, Cg), Vl(r, Eg), r;
-}
-function Sg(e) {
-  return ps(e).values;
-}
-function _g(e) {
-  const { values: t, numColors: r, numVars: n, tokenised: a } = ps(e), i = t.length;
-  return (o) => {
-    let s = a;
-    for (let u = 0; u < i; u++)
-      u < n ? s = s.replace(wg.token, o[u]) : u < n + r ? s = s.replace(Cg.token, Xs.transform(o[u])) : s = s.replace(Eg.token, Oi(o[u]));
-    return s;
-  };
-}
-const Ax = (e) => typeof e == "number" ? 0 : e;
-function Px(e) {
-  const t = Sg(e);
-  return _g(e)(t.map(Ax));
-}
-const Rx = {
-  test: $x,
-  parse: Sg,
-  createTransformer: _g,
-  getAnimatableNone: Px
-}, kg = (e, t) => (r) => `${r > 0 ? t : e}`;
-function Tg(e, t) {
-  return typeof e == "number" ? (r) => Zs(e, t, r) : Xs.test(e) ? xg(e, t) : e.startsWith("var(") ? kg(e, t) : Mg(e, t);
-}
-const Og = (e, t) => {
-  const r = [...e], n = r.length, a = e.map((i, o) => Tg(i, t[o]));
-  return (i) => {
-    for (let o = 0; o < n; o++)
-      r[o] = a[o](i);
-    return r;
-  };
-}, Dx = (e, t) => {
-  const r = { ...e, ...t }, n = {};
-  for (const a in r)
-    e[a] !== void 0 && t[a] !== void 0 && (n[a] = Tg(e[a], t[a]));
-  return (a) => {
-    for (const i in n)
-      r[i] = n[i](a);
-    return r;
-  };
-}, Mg = (e, t) => {
-  const r = Rx.createTransformer(t), n = ps(e), a = ps(t);
-  return n.numVars === a.numVars && n.numColors === a.numColors && n.numNumbers >= a.numNumbers ? bg(Og(n.values, a.values), r) : (Gc(!0, `Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), kg(e, t));
-}, Kc = (e, t, r) => {
-  const n = t - e;
-  return n === 0 ? 1 : (r - e) / n;
-}, Hd = (e, t) => (r) => Zs(e, t, r);
-function Fx(e) {
-  return typeof e == "number" ? Hd : typeof e == "string" ? Xs.test(e) ? xg : Mg : Array.isArray(e) ? Og : typeof e == "object" ? Dx : Hd;
-}
-function Ix(e, t, r) {
-  const n = [], a = r || Fx(e[0]), i = e.length - 1;
-  for (let o = 0; o < i; o++) {
-    let s = a(e[o], e[o + 1]);
-    if (t) {
-      const u = Array.isArray(t) ? t[o] || eo : t;
-      s = bg(u, s);
+    function nt(C, P, z) {
+      return D(C, !1);
     }
-    n.push(s);
-  }
-  return n;
-}
-function jx(e, t, { clamp: r = !0, ease: n, mixer: a } = {}) {
-  const i = e.length;
-  if (to(i === t.length, "Both input and output ranges must be the same length"), i === 1)
-    return () => t[0];
-  e[0] > e[i - 1] && (e = [...e].reverse(), t = [...t].reverse());
-  const o = Ix(t, n, a), s = o.length, u = (l) => {
-    let c = 0;
-    if (s > 1)
-      for (; c < e.length - 2 && !(l < e[c + 1]); c++)
-        ;
-    const f = Kc(e[c], e[c + 1], l);
-    return o[c](f);
-  };
-  return r ? (l) => u(Vc(e[0], e[i - 1], l)) : u;
+    function q(C) {
+      var P = C.prototype;
+      return !!(P && P.isReactComponent);
+    }
+    function L(C, P, z) {
+      if (C == null)
+        return "";
+      if (typeof C == "function")
+        return D(C, q(C));
+      if (typeof C == "string")
+        return K(C);
+      switch (C) {
+        case l:
+          return K("Suspense");
+        case c:
+          return K("SuspenseList");
+      }
+      if (typeof C == "object")
+        switch (C.$$typeof) {
+          case u:
+            return nt(C.render);
+          case f:
+            return L(C.type, P, z);
+          case d: {
+            var he = C, Re = he._payload, qe = he._init;
+            try {
+              return L(qe(Re), P, z);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var X = Object.prototype.hasOwnProperty, oe = {}, Ge = b.ReactDebugCurrentFrame;
+    function Le(C) {
+      if (C) {
+        var P = C._owner, z = L(C.type, C._source, P ? P.type : null);
+        Ge.setExtraStackFrame(z);
+      } else
+        Ge.setExtraStackFrame(null);
+    }
+    function Ne(C, P, z, he, Re) {
+      {
+        var qe = Function.call.bind(X);
+        for (var Te in C)
+          if (qe(C, Te)) {
+            var we = void 0;
+            try {
+              if (typeof C[Te] != "function") {
+                var Dt = Error((he || "React class") + ": " + z + " type `" + Te + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof C[Te] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw Dt.name = "Invariant Violation", Dt;
+              }
+              we = C[Te](P, Te, he, z, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (gt) {
+              we = gt;
+            }
+            we && !(we instanceof Error) && (Le(Re), x("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", he || "React class", z, Te, typeof we), Le(null)), we instanceof Error && !(we.message in oe) && (oe[we.message] = !0, Le(Re), x("Failed %s type: %s", z, we.message), Le(null));
+          }
+      }
+    }
+    var ut = Array.isArray;
+    function ct(C) {
+      return ut(C);
+    }
+    function Cr(C) {
+      {
+        var P = typeof Symbol == "function" && Symbol.toStringTag, z = P && C[Symbol.toStringTag] || C.constructor.name || "Object";
+        return z;
+      }
+    }
+    function N(C) {
+      try {
+        return se(C), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function se(C) {
+      return "" + C;
+    }
+    function at(C) {
+      if (N(C))
+        return x("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Cr(C)), se(C);
+    }
+    var it = b.ReactCurrentOwner, Rt = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, Lr, Er, tn;
+    tn = {};
+    function ei(C) {
+      if (X.call(C, "ref")) {
+        var P = Object.getOwnPropertyDescriptor(C, "ref").get;
+        if (P && P.isReactWarning)
+          return !1;
+      }
+      return C.ref !== void 0;
+    }
+    function ti(C) {
+      if (X.call(C, "key")) {
+        var P = Object.getOwnPropertyDescriptor(C, "key").get;
+        if (P && P.isReactWarning)
+          return !1;
+      }
+      return C.key !== void 0;
+    }
+    function Dn(C, P) {
+      if (typeof C.ref == "string" && it.current && P && it.current.stateNode !== P) {
+        var z = le(it.current.type);
+        tn[z] || (x('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', le(it.current.type), C.ref), tn[z] = !0);
+      }
+    }
+    function ri(C, P) {
+      {
+        var z = function() {
+          Lr || (Lr = !0, x("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", P));
+        };
+        z.isReactWarning = !0, Object.defineProperty(C, "key", {
+          get: z,
+          configurable: !0
+        });
+      }
+    }
+    function ni(C, P) {
+      {
+        var z = function() {
+          Er || (Er = !0, x("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", P));
+        };
+        z.isReactWarning = !0, Object.defineProperty(C, "ref", {
+          get: z,
+          configurable: !0
+        });
+      }
+    }
+    var ai = function(C, P, z, he, Re, qe, Te) {
+      var we = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: t,
+        // Built-in properties that belong on the element
+        type: C,
+        key: P,
+        ref: z,
+        props: Te,
+        // Record the component responsible for creating this element.
+        _owner: qe
+      };
+      return we._store = {}, Object.defineProperty(we._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(we, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: he
+      }), Object.defineProperty(we, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: Re
+      }), Object.freeze && (Object.freeze(we.props), Object.freeze(we)), we;
+    };
+    function ii(C, P, z, he, Re) {
+      {
+        var qe, Te = {}, we = null, Dt = null;
+        z !== void 0 && (at(z), we = "" + z), ti(P) && (at(P.key), we = "" + P.key), ei(P) && (Dt = P.ref, Dn(P, Re));
+        for (qe in P)
+          X.call(P, qe) && !Rt.hasOwnProperty(qe) && (Te[qe] = P[qe]);
+        if (C && C.defaultProps) {
+          var gt = C.defaultProps;
+          for (qe in gt)
+            Te[qe] === void 0 && (Te[qe] = gt[qe]);
+        }
+        if (we || Dt) {
+          var yt = typeof C == "function" ? C.displayName || C.name || "Unknown" : C;
+          we && ri(Te, yt), Dt && ni(Te, yt);
+        }
+        return ai(C, we, Dt, Re, he, it.current, Te);
+      }
+    }
+    var oi = b.ReactCurrentOwner, Md = b.ReactDebugCurrentFrame;
+    function Fn(C) {
+      if (C) {
+        var P = C._owner, z = L(C.type, C._source, P ? P.type : null);
+        Md.setExtraStackFrame(z);
+      } else
+        Md.setExtraStackFrame(null);
+    }
+    var Ll;
+    Ll = !1;
+    function Nl(C) {
+      return typeof C == "object" && C !== null && C.$$typeof === t;
+    }
+    function $d() {
+      {
+        if (oi.current) {
+          var C = le(oi.current.type);
+          if (C)
+            return `
+
+Check the render method of \`` + C + "`.";
+        }
+        return "";
+      }
+    }
+    function $b(C) {
+      {
+        if (C !== void 0) {
+          var P = C.fileName.replace(/^.*[\\\/]/, ""), z = C.lineNumber;
+          return `
+
+Check your code at ` + P + ":" + z + ".";
+        }
+        return "";
+      }
+    }
+    var Ad = {};
+    function Ab(C) {
+      {
+        var P = $d();
+        if (!P) {
+          var z = typeof C == "string" ? C : C.displayName || C.name;
+          z && (P = `
+
+Check the top-level render call using <` + z + ">.");
+        }
+        return P;
+      }
+    }
+    function Pd(C, P) {
+      {
+        if (!C._store || C._store.validated || C.key != null)
+          return;
+        C._store.validated = !0;
+        var z = Ab(P);
+        if (Ad[z])
+          return;
+        Ad[z] = !0;
+        var he = "";
+        C && C._owner && C._owner !== oi.current && (he = " It was passed a child from " + le(C._owner.type) + "."), Fn(C), x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', z, he), Fn(null);
+      }
+    }
+    function Rd(C, P) {
+      {
+        if (typeof C != "object")
+          return;
+        if (ct(C))
+          for (var z = 0; z < C.length; z++) {
+            var he = C[z];
+            Nl(he) && Pd(he, P);
+          }
+        else if (Nl(C))
+          C._store && (C._store.validated = !0);
+        else if (C) {
+          var Re = m(C);
+          if (typeof Re == "function" && Re !== C.entries)
+            for (var qe = Re.call(C), Te; !(Te = qe.next()).done; )
+              Nl(Te.value) && Pd(Te.value, P);
+        }
+      }
+    }
+    function Pb(C) {
+      {
+        var P = C.type;
+        if (P == null || typeof P == "string")
+          return;
+        var z;
+        if (typeof P == "function")
+          z = P.propTypes;
+        else if (typeof P == "object" && (P.$$typeof === u || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        P.$$typeof === f))
+          z = P.propTypes;
+        else
+          return;
+        if (z) {
+          var he = le(P);
+          Ne(z, C.props, "prop", he, C);
+        } else if (P.PropTypes !== void 0 && !Ll) {
+          Ll = !0;
+          var Re = le(P);
+          x("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", Re || "Unknown");
+        }
+        typeof P.getDefaultProps == "function" && !P.getDefaultProps.isReactClassApproved && x("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function Rb(C) {
+      {
+        for (var P = Object.keys(C.props), z = 0; z < P.length; z++) {
+          var he = P[z];
+          if (he !== "children" && he !== "key") {
+            Fn(C), x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", he), Fn(null);
+            break;
+          }
+        }
+        C.ref !== null && (Fn(C), x("Invalid attribute `ref` supplied to `React.Fragment`."), Fn(null));
+      }
+    }
+    function Dd(C, P, z, he, Re, qe) {
+      {
+        var Te = R(C);
+        if (!Te) {
+          var we = "";
+          (C === void 0 || typeof C == "object" && C !== null && Object.keys(C).length === 0) && (we += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var Dt = $b(Re);
+          Dt ? we += Dt : we += $d();
+          var gt;
+          C === null ? gt = "null" : ct(C) ? gt = "array" : C !== void 0 && C.$$typeof === t ? (gt = "<" + (le(C.type) || "Unknown") + " />", we = " Did you accidentally export a JSX literal instead of a component?") : gt = typeof C, x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", gt, we);
+        }
+        var yt = ii(C, P, z, Re, qe);
+        if (yt == null)
+          return yt;
+        if (Te) {
+          var tr = P.children;
+          if (tr !== void 0)
+            if (he)
+              if (ct(tr)) {
+                for (var In = 0; In < tr.length; In++)
+                  Rd(tr[In], C);
+                Object.freeze && Object.freeze(tr);
+              } else
+                x("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+            else
+              Rd(tr, C);
+        }
+        return C === n ? Rb(yt) : Pb(yt), yt;
+      }
+    }
+    function Db(C, P, z) {
+      return Dd(C, P, z, !0);
+    }
+    function Fb(C, P, z) {
+      return Dd(C, P, z, !1);
+    }
+    var Ib = Fb, jb = Db;
+    li.Fragment = n, li.jsx = Ib, li.jsxs = jb;
+  }()), li;
 }
-function Lx(e, t) {
-  const r = e[e.length - 1];
-  for (let n = 1; n <= t; n++) {
-    const a = Kc(0, t, n);
-    e.push(Zs(r, 1, a));
-  }
+process.env.NODE_ENV === "production" ? Pu.exports = ky() : Pu.exports = Ty();
+var g = Pu.exports;
+const J1 = ja({
+  transformPagePoint: (e) => e,
+  isStatic: !1,
+  reducedMotion: "never"
+}), Gs = ja({}), Bc = ja(null), eg = typeof document < "u", qs = eg ? Us : Ze, zc = ja({ strict: !1 });
+function Oy(e, t, r, n) {
+  const { visualElement: a } = qt(Gs), i = qt(zc), o = qt(Bc), s = qt(J1).reducedMotion, u = Oe();
+  n = n || i.renderer, !u.current && n && (u.current = n(e, {
+    visualState: t,
+    parent: a,
+    props: r,
+    presenceContext: o,
+    blockInitialAnimation: o ? o.initial === !1 : !1,
+    reducedMotionConfig: s
+  }));
+  const l = u.current;
+  j1(() => {
+    l && l.update(r, o);
+  });
+  const c = Oe(!!window.HandoffAppearAnimations);
+  return qs(() => {
+    l && (l.render(), c.current && l.animationState && l.animationState.animateChanges());
+  }), Ze(() => {
+    l && (l.updateFeatures(), !c.current && l.animationState && l.animationState.animateChanges(), window.HandoffAppearAnimations = void 0, c.current = !1);
+  }), l;
 }
-function Nx(e) {
-  const t = [0];
-  return Lx(t, e.length - 1), t;
+function My(e) {
+  return typeof e == "object" && Object.prototype.hasOwnProperty.call(e, "current");
 }
-function $g(e, t) {
-  return t ? e * (1e3 / t) : 0;
+function $y(e, t, r) {
+  return xt(
+    (n) => {
+      n && e.mount && e.mount(n), t && (n ? t.mount(n) : t.unmount()), r && (typeof r == "function" ? r(n) : My(r) && (r.current = n));
+    },
+    /**
+     * Only pass a new ref callback to React if we've received a visual element
+     * factory. Otherwise we'll be mounting/remounting every time externalRef
+     * or other dependencies change.
+     */
+    [t]
+  );
 }
-function Bx(e, t) {
-  e.indexOf(t) === -1 && e.push(t);
+function Ru(e) {
+  return typeof e == "string" || Array.isArray(e);
 }
-function zx(e, t) {
-  const r = e.indexOf(t);
-  r > -1 && e.splice(r, 1);
+function tg(e) {
+  return typeof e == "object" && typeof e.start == "function";
 }
-class Wx {
-  constructor() {
-    this.subscriptions = [];
-  }
-  add(t) {
-    return Bx(this.subscriptions, t), () => zx(this.subscriptions, t);
-  }
-  notify(t, r, n) {
-    const a = this.subscriptions.length;
-    if (a)
-      if (a === 1)
-        this.subscriptions[0](t, r, n);
-      else
-        for (let i = 0; i < a; i++) {
-          const o = this.subscriptions[i];
-          o && o(t, r, n);
-        }
-  }
-  getSize() {
-    return this.subscriptions.length;
+const Ay = [
+  "animate",
+  "whileInView",
+  "whileFocus",
+  "whileHover",
+  "whileTap",
+  "whileDrag",
+  "exit"
+], Py = ["initial", ...Ay];
+function Wc(e) {
+  return tg(e.animate) || Py.some((t) => Ru(e[t]));
+}
+function Ry(e) {
+  return !!(Wc(e) || e.variants);
+}
+function Dy(e, t) {
+  if (Wc(e)) {
+    const { initial: r, animate: n } = e;
+    return {
+      initial: r === !1 || Ru(r) ? r : void 0,
+      animate: Ru(n) ? n : void 0
+    };
   }
-  clear() {
-    this.subscriptions.length = 0;
+  return e.inherit !== !1 ? t : {};
+}
+function Fy(e) {
+  const { initial: t, animate: r } = Dy(e, qt(Gs));
+  return _t(() => ({ initial: t, animate: r }), [Nd(t), Nd(r)]);
+}
+function Nd(e) {
+  return Array.isArray(e) ? e.join(" ") : e;
+}
+const Bd = {
+  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"]
+}, Du = {};
+for (const e in Bd)
+  Du[e] = {
+    isEnabled: (t) => Bd[e].some((r) => !!t[r])
+  };
+function Fu(e) {
+  for (const t in e)
+    Du[t] = {
+      ...Du[t],
+      ...e[t]
+    };
+}
+const rg = ja({}), Iy = ja({}), jy = Symbol.for("motionComponentSymbol");
+function Ly({ preloadedFeatures: e, createVisualElement: t, useRender: r, useVisualState: n, Component: a }) {
+  e && Fu(e);
+  function i(s, u) {
+    let l;
+    const c = {
+      ...qt(J1),
+      ...s,
+      layoutId: Ny(s)
+    }, { isStatic: f } = c, d = Fy(s), h = n(s, f);
+    if (!f && eg) {
+      d.visualElement = Oy(a, h, c, t);
+      const v = qt(Iy), p = qt(zc).strict;
+      d.visualElement && (l = d.visualElement.loadFeatures(
+        // Note: Pass the full new combined props to correctly re-render dynamic feature components.
+        c,
+        p,
+        e,
+        v
+      ));
+    }
+    return de.createElement(
+      Gs.Provider,
+      { value: d },
+      l && d.visualElement ? de.createElement(l, { visualElement: d.visualElement, ...c }) : null,
+      r(a, s, $y(h, d.visualElement, u), h, f, d.visualElement)
+    );
   }
+  const o = Ot(i);
+  return o[jy] = a, o;
 }
-const Ud = /* @__PURE__ */ new Set();
-function Vx(e, t, r) {
-  e || Ud.has(t) || (console.warn(t), r && console.warn(r), Ud.add(t));
+function Ny({ layoutId: e }) {
+  const t = qt(rg).id;
+  return t && e !== void 0 ? t + "-" + e : e;
 }
-const Hx = (e) => !isNaN(parseFloat(e));
-class Ux {
-  /**
-   * @param init - The initiating value
-   * @param config - Optional configuration options
-   *
-   * -  `transformer`: A function to transform incoming values with.
-   *
-   * @internal
-   */
-  constructor(t, r = {}) {
-    this.version = "10.16.4", this.timeDelta = 0, this.lastUpdated = 0, this.canTrackVelocity = !1, this.events = {}, this.updateAndNotify = (n, a = !0) => {
-      this.prev = this.current, this.current = n;
-      const { delta: i, timestamp: o } = mg;
-      this.lastUpdated !== o && (this.timeDelta = i, this.lastUpdated = o, br.postRender(this.scheduleVelocityCheck)), this.prev !== this.current && this.events.change && this.events.change.notify(this.current), this.events.velocityChange && this.events.velocityChange.notify(this.getVelocity()), a && this.events.renderRequest && this.events.renderRequest.notify(this.current);
-    }, this.scheduleVelocityCheck = () => br.postRender(this.velocityCheck), this.velocityCheck = ({ timestamp: n }) => {
-      n !== this.lastUpdated && (this.prev = this.current, this.events.velocityChange && this.events.velocityChange.notify(this.getVelocity()));
-    }, this.hasAnimated = !1, this.prev = this.current = t, this.canTrackVelocity = Hx(this.current), this.owner = r.owner;
+function By(e) {
+  function t(n, a = {}) {
+    return Ly(e(n, a));
   }
-  /**
-   * Adds a function that will be notified when the `MotionValue` is updated.
-   *
-   * It returns a function that, when called, will cancel the subscription.
-   *
-   * When calling `onChange` inside a React component, it should be wrapped with the
-   * `useEffect` hook. As it returns an unsubscribe function, this should be returned
-   * from the `useEffect` function to ensure you don't add duplicate subscribers..
-   *
-   * ```jsx
-   * export const MyComponent = () => {
-   *   const x = useMotionValue(0)
-   *   const y = useMotionValue(0)
-   *   const opacity = useMotionValue(1)
-   *
-   *   useEffect(() => {
-   *     function updateOpacity() {
-   *       const maxXY = Math.max(x.get(), y.get())
-   *       const newOpacity = transform(maxXY, [0, 100], [1, 0])
-   *       opacity.set(newOpacity)
-   *     }
-   *
-   *     const unsubscribeX = x.on("change", updateOpacity)
-   *     const unsubscribeY = y.on("change", updateOpacity)
-   *
-   *     return () => {
-   *       unsubscribeX()
-   *       unsubscribeY()
-   *     }
-   *   }, [])
-   *
-   *   return <motion.div style={{ x }} />
-   * }
-   * ```
-   *
-   * @param subscriber - A function that receives the latest value.
-   * @returns A function that, when called, will cancel this subscription.
-   *
-   * @deprecated
-   */
-  onChange(t) {
-    return process.env.NODE_ENV !== "production" && Vx(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", t);
-  }
-  on(t, r) {
-    this.events[t] || (this.events[t] = new Wx());
-    const n = this.events[t].add(r);
-    return t === "change" ? () => {
-      n(), br.read(() => {
-        this.events.change.getSize() || this.stop();
-      });
-    } : n;
-  }
-  clearListeners() {
-    for (const t in this.events)
-      this.events[t].clear();
-  }
-  /**
-   * Attaches a passive effect to the `MotionValue`.
-   *
-   * @internal
-   */
-  attach(t, r) {
-    this.passiveEffect = t, this.stopPassiveEffect = r;
-  }
-  /**
-   * Sets the state of the `MotionValue`.
-   *
-   * @remarks
-   *
-   * ```jsx
-   * const x = useMotionValue(0)
-   * x.set(10)
-   * ```
-   *
-   * @param latest - Latest value to set.
-   * @param render - Whether to notify render subscribers. Defaults to `true`
-   *
-   * @public
-   */
-  set(t, r = !0) {
-    !r || !this.passiveEffect ? this.updateAndNotify(t, r) : this.passiveEffect(t, this.updateAndNotify);
-  }
-  setWithVelocity(t, r, n) {
-    this.set(r), this.prev = t, this.timeDelta = n;
-  }
-  /**
-   * Set the state of the `MotionValue`, stopping any active animations,
-   * effects, and resets velocity to `0`.
-   */
-  jump(t) {
-    this.updateAndNotify(t), this.prev = t, this.stop(), this.stopPassiveEffect && this.stopPassiveEffect();
-  }
-  /**
-   * Returns the latest state of `MotionValue`
-   *
-   * @returns - The latest state of `MotionValue`
-   *
-   * @public
-   */
-  get() {
-    return this.current;
-  }
-  /**
-   * @public
-   */
-  getPrevious() {
-    return this.prev;
-  }
-  /**
-   * Returns the latest velocity of `MotionValue`
-   *
-   * @returns - The latest velocity of `MotionValue`. Returns `0` if the state is non-numerical.
-   *
-   * @public
-   */
-  getVelocity() {
-    return this.canTrackVelocity ? (
-      // These casts could be avoided if parseFloat would be typed better
-      $g(parseFloat(this.current) - parseFloat(this.prev), this.timeDelta)
-    ) : 0;
-  }
-  /**
-   * Registers a new animation to control this `MotionValue`. Only one
-   * animation can drive a `MotionValue` at one time.
-   *
-   * ```jsx
-   * value.start()
-   * ```
-   *
-   * @param animation - A function that starts the provided animation
-   *
-   * @internal
-   */
-  start(t) {
-    return this.stop(), new Promise((r) => {
-      this.hasAnimated = !0, this.animation = t(r), this.events.animationStart && this.events.animationStart.notify();
-    }).then(() => {
-      this.events.animationComplete && this.events.animationComplete.notify(), this.clearAnimation();
-    });
-  }
-  /**
-   * Stop the currently active animation.
-   *
-   * @public
-   */
-  stop() {
-    this.animation && (this.animation.stop(), this.events.animationCancel && this.events.animationCancel.notify()), this.clearAnimation();
-  }
-  /**
-   * Returns `true` if this value is currently animating.
-   *
-   * @public
-   */
-  isAnimating() {
-    return !!this.animation;
-  }
-  clearAnimation() {
-    delete this.animation;
-  }
-  /**
-   * Destroy and clean up subscribers to this `MotionValue`.
-   *
-   * The `MotionValue` hooks like `useMotionValue` and `useTransform` automatically
-   * handle the lifecycle of the returned `MotionValue`, so this method is only necessary if you've manually
-   * created a `MotionValue` via the `motionValue` function.
-   *
-   * @public
-   */
-  destroy() {
-    this.clearListeners(), this.stop(), this.stopPassiveEffect && this.stopPassiveEffect();
-  }
-}
-function So(e, t) {
-  return new Ux(e, t);
-}
-const sr = Ly(Ex);
-function Ag() {
-  const e = Oe(!1);
-  return qs(() => (e.current = !0, () => {
-    e.current = !1;
-  }), []), e;
-}
-function Yx() {
-  const e = Ag(), [t, r] = bt(0), n = xt(() => {
-    e.current && r(t + 1);
-  }, [t]);
-  return [xt(() => br.postRender(n), [n]), t];
-}
-class Gx extends de.Component {
-  getSnapshotBeforeUpdate(t) {
-    const r = this.props.childRef.current;
-    if (r && t.isPresent && !this.props.isPresent) {
-      const n = this.props.sizeRef.current;
-      n.height = r.offsetHeight || 0, n.width = r.offsetWidth || 0, n.top = r.offsetTop, n.left = r.offsetLeft;
-    }
-    return null;
-  }
-  /**
-   * Required with getSnapshotBeforeUpdate to stop React complaining.
-   */
-  componentDidUpdate() {
-  }
-  render() {
-    return this.props.children;
-  }
-}
-function qx({ children: e, isPresent: t }) {
-  const r = Ic(), n = Oe(null), a = Oe({
-    width: 0,
-    height: 0,
-    top: 0,
-    left: 0
+  if (typeof Proxy > "u")
+    return t;
+  const r = /* @__PURE__ */ new Map();
+  return new Proxy(t, {
+    /**
+     * Called when `motion` is referenced with a prop: `motion.div`, `motion.input` etc.
+     * The prop name is passed through as `key` and we can use that to generate a `motion`
+     * DOM component with that name.
+     */
+    get: (n, a) => (r.has(a) || r.set(a, t(a)), r.get(a))
   });
-  return j1(() => {
-    const { width: i, height: o, top: s, left: u } = a.current;
-    if (t || !n.current || !i || !o)
-      return;
-    n.current.dataset.motionPopId = r;
-    const l = document.createElement("style");
-    return document.head.appendChild(l), l.sheet && l.sheet.insertRule(`
-          [data-motion-pop-id="${r}"] {
-            position: absolute !important;
-            width: ${i}px !important;
-            height: ${o}px !important;
-            top: ${s}px !important;
-            left: ${u}px !important;
-          }
-        `), () => {
-      document.head.removeChild(l);
-    };
-  }, [t]), de.createElement(Gx, { isPresent: t, childRef: n, sizeRef: a }, de.cloneElement(e, { ref: n }));
 }
-const Hl = ({ children: e, initial: t, isPresent: r, onExitComplete: n, custom: a, presenceAffectsLayout: i, mode: o }) => {
-  const s = Yc(Kx), u = Ic(), l = _t(
-    () => ({
-      id: u,
-      initial: t,
-      isPresent: r,
-      custom: a,
-      onExitComplete: (c) => {
-        s.set(c, !0);
-        for (const f of s.values())
-          if (!f)
-            return;
-        n && n();
-      },
-      register: (c) => (s.set(c, !1), () => s.delete(c))
-    }),
+const zy = [
+  "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 ng(e) {
+  return (
     /**
-     * If the presence of a child affects the layout of the components around it,
-     * we want to make a new context value to ensure they get re-rendered
-     * so they can detect that layout change.
+     * If it's not a string, it's a custom React component. Currently we only support
+     * HTML custom React components.
      */
-    i ? void 0 : [r]
+    typeof e != "string" || /**
+     * If it contains a dash, the element is a custom HTML webcomponent.
+     */
+    e.includes("-") ? !1 : (
+      /**
+       * If it's in our list of lowercase SVG tags, it's an SVG component
+       */
+      !!(zy.indexOf(e) > -1 || /**
+       * If it contains a capital letter, it's an SVG component
+       */
+      /[A-Z]/.test(e))
+    )
   );
-  return _t(() => {
-    s.forEach((c, f) => s.set(f, !1));
-  }, [r]), de.useEffect(() => {
-    !r && !s.size && n && n();
-  }, [r]), o === "popLayout" && (e = de.createElement(qx, { isPresent: r }, e)), de.createElement(Bc.Provider, { value: l }, e);
-};
-function Kx() {
-  return /* @__PURE__ */ new Map();
-}
-function Xx(e) {
-  return Ze(() => () => e(), []);
 }
-const qn = (e) => e.key || "";
-function Zx(e, t) {
-  e.forEach((r) => {
-    const n = qn(r);
-    t.set(n, r);
-  });
+const ag = {};
+function RK(e) {
+  Object.assign(ag, e);
 }
-function Qx(e) {
-  const t = [];
-  return Lb.forEach(e, (r) => {
-    jc(r) && t.push(r);
-  }), t;
+const Ks = [
+  "transformPerspective",
+  "x",
+  "y",
+  "z",
+  "translateX",
+  "translateY",
+  "translateZ",
+  "scale",
+  "scaleX",
+  "scaleY",
+  "rotate",
+  "rotateX",
+  "rotateY",
+  "rotateZ",
+  "skew",
+  "skewX",
+  "skewY"
+], ig = new Set(Ks);
+function og(e, { layout: t, layoutId: r }) {
+  return ig.has(e) || e.startsWith("origin") || (t || r !== void 0) && (!!ag[e] || e === "opacity");
 }
-const Pg = ({ children: e, custom: t, initial: r = !0, onExitComplete: n, exitBeforeEnter: a, presenceAffectsLayout: i = !0, mode: o = "sync" }) => {
-  to(!a, "Replace exitBeforeEnter with mode='wait'");
-  const s = qt(rg).forceRender || Yx()[0], u = Ag(), l = Qx(e);
-  let c = l;
-  const f = Oe(/* @__PURE__ */ new Map()).current, d = Oe(c), h = Oe(/* @__PURE__ */ new Map()).current, v = Oe(!0);
-  if (qs(() => {
-    v.current = !1, Zx(l, h), d.current = c;
-  }), Xx(() => {
-    v.current = !0, h.clear(), f.clear();
-  }), v.current)
-    return de.createElement(de.Fragment, null, c.map((x) => de.createElement(Hl, { key: qn(x), isPresent: !0, initial: r ? void 0 : !1, presenceAffectsLayout: i, mode: o }, x)));
-  c = [...c];
-  const p = d.current.map(qn), m = l.map(qn), b = p.length;
-  for (let x = 0; x < b; x++) {
-    const E = p[x];
-    m.indexOf(E) === -1 && !f.has(E) && f.set(E, void 0);
-  }
-  return o === "wait" && f.size && (c = []), f.forEach((x, E) => {
-    if (m.indexOf(E) !== -1)
-      return;
-    const T = h.get(E);
-    if (!T)
-      return;
-    const w = p.indexOf(E);
-    let _ = x;
-    if (!_) {
-      const k = () => {
-        h.delete(E), f.delete(E);
-        const O = d.current.findIndex(($) => $.key === E);
-        if (d.current.splice(O, 1), !f.size) {
-          if (d.current = l, u.current === !1)
-            return;
-          s(), n && n();
-        }
-      };
-      _ = de.createElement(Hl, { key: qn(T), isPresent: !1, onExitComplete: k, custom: t, presenceAffectsLayout: i, mode: o }, T), f.set(E, _);
+const mn = (e) => !!(e && e.getVelocity), Wy = {
+  x: "translateX",
+  y: "translateY",
+  z: "translateZ",
+  transformPerspective: "perspective"
+}, Vy = Ks.length;
+function Hy(e, { enableHardwareAcceleration: t = !0, allowTransformNone: r = !0 }, n, a) {
+  let i = "";
+  for (let o = 0; o < Vy; o++) {
+    const s = Ks[o];
+    if (e[s] !== void 0) {
+      const u = Wy[s] || s;
+      i += `${u}(${e[s]}) `;
     }
-    c.splice(w, 0, _);
-  }), c = c.map((x) => {
-    const E = x.key;
-    return f.has(E) ? x : de.createElement(Hl, { key: qn(x), isPresent: !0, presenceAffectsLayout: i, mode: o }, x);
-  }), process.env.NODE_ENV !== "production" && o === "wait" && c.length > 1 && console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`), de.createElement(de.Fragment, null, f.size ? c : c.map((x) => L1(x)));
-};
-function Jx({ children: e, features: t, strict: r = !1 }) {
-  const [, n] = bt(!Ul(t)), a = Oe(void 0);
-  if (!Ul(t)) {
-    const { renderer: i, ...o } = t;
-    a.current = i, Du(o);
   }
-  return Ze(() => {
-    Ul(t) && t().then(({ renderer: i, ...o }) => {
-      Du(o), a.current = i, n(!0);
-    });
-  }, []), de.createElement(zc.Provider, { value: { renderer: a.current, strict: r } }, e);
+  return t && !e.z && (i += "translateZ(0)"), i = i.trim(), a ? i = a(e, n ? "" : i) : r && n && (i = "none"), i;
 }
-function Ul(e) {
-  return typeof e == "function";
+const sg = (e) => (t) => typeof t == "string" && t.startsWith(e), Uy = sg("--"), DK = sg("var(--"), Yy = /var\s*\(\s*--[\w-]+(\s*,\s*(?:(?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)+)?\s*\)/g, Gy = (e, t) => t && typeof e == "number" ? t.transform(e) : e, Vc = (e, t, r) => Math.min(Math.max(r, e), t), Zi = {
+  test: (e) => typeof e == "number",
+  parse: parseFloat,
+  transform: (e) => e
+}, Ti = {
+  ...Zi,
+  transform: (e) => Vc(0, 1, e)
+}, Co = {
+  ...Zi,
+  default: 1
+}, Oi = (e) => Math.round(e * 1e5) / 1e5, Hc = /(-)?([\d]*\.?[\d])+/g, lg = /(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))/gi, qy = /^(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;
+function Qi(e) {
+  return typeof e == "string";
 }
-function e5(e, t, r) {
-  var n;
-  if (typeof e == "string") {
-    let a = document;
-    t && (to(!!t.current, "Scope provided, but no element detected."), a = t.current), r ? ((n = r[e]) !== null && n !== void 0 || (r[e] = a.querySelectorAll(e)), e = r[e]) : e = a.querySelectorAll(e);
-  } else
-    e instanceof Element && (e = [e]);
-  return Array.from(e || []);
+const Ji = (e) => ({
+  test: (t) => Qi(t) && t.endsWith(e) && t.split(" ").length === 1,
+  parse: parseFloat,
+  transform: (t) => `${t}${e}`
+}), rn = Ji("deg"), Mi = Ji("%"), ge = Ji("px"), FK = Ji("vh"), IK = Ji("vw"), zd = {
+  ...Mi,
+  parse: (e) => Mi.parse(e) / 100,
+  transform: (e) => Mi.transform(e * 100)
+}, Wd = {
+  ...Zi,
+  transform: Math.round
+}, Ky = {
+  // Border props
+  borderWidth: ge,
+  borderTopWidth: ge,
+  borderRightWidth: ge,
+  borderBottomWidth: ge,
+  borderLeftWidth: ge,
+  borderRadius: ge,
+  radius: ge,
+  borderTopLeftRadius: ge,
+  borderTopRightRadius: ge,
+  borderBottomRightRadius: ge,
+  borderBottomLeftRadius: ge,
+  // Positioning props
+  width: ge,
+  maxWidth: ge,
+  height: ge,
+  maxHeight: ge,
+  size: ge,
+  top: ge,
+  right: ge,
+  bottom: ge,
+  left: ge,
+  // Spacing props
+  padding: ge,
+  paddingTop: ge,
+  paddingRight: ge,
+  paddingBottom: ge,
+  paddingLeft: ge,
+  margin: ge,
+  marginTop: ge,
+  marginRight: ge,
+  marginBottom: ge,
+  marginLeft: ge,
+  // Transform props
+  rotate: rn,
+  rotateX: rn,
+  rotateY: rn,
+  rotateZ: rn,
+  scale: Co,
+  scaleX: Co,
+  scaleY: Co,
+  scaleZ: Co,
+  skew: rn,
+  skewX: rn,
+  skewY: rn,
+  distance: ge,
+  translateX: ge,
+  translateY: ge,
+  translateZ: ge,
+  x: ge,
+  y: ge,
+  z: ge,
+  perspective: ge,
+  transformPerspective: ge,
+  opacity: Ti,
+  originX: zd,
+  originY: zd,
+  originZ: ge,
+  // Misc
+  zIndex: Wd,
+  // SVG
+  fillOpacity: Ti,
+  strokeOpacity: Ti,
+  numOctaves: Wd
+};
+function ug(e, t, r, n) {
+  const { style: a, vars: i, transform: o, transformOrigin: s } = e;
+  let u = !1, l = !1, c = !0;
+  for (const f in t) {
+    const d = t[f];
+    if (Uy(f)) {
+      i[f] = d;
+      continue;
+    }
+    const h = Ky[f], v = Gy(d, h);
+    if (ig.has(f)) {
+      if (u = !0, o[f] = v, !c)
+        continue;
+      d !== (h.default || 0) && (c = !1);
+    } else
+      f.startsWith("origin") ? (l = !0, s[f] = v) : a[f] = v;
+  }
+  if (t.transform || (u || n ? a.transform = Hy(e.transform, r, c, n) : a.transform && (a.transform = "none")), l) {
+    const { originX: f = "50%", originY: d = "50%", originZ: h = 0 } = s;
+    a.transformOrigin = `${f} ${d} ${h}`;
+  }
 }
-const Xo = /* @__PURE__ */ new WeakMap();
-let Hr;
-function t5(e, t) {
-  if (t) {
-    const { inlineSize: r, blockSize: n } = t[0];
-    return { width: r, height: n };
-  } else
-    return e instanceof SVGElement && "getBBox" in e ? e.getBBox() : {
-      width: e.offsetWidth,
-      height: e.offsetHeight
-    };
+const Uc = () => ({
+  style: {},
+  transform: {},
+  transformOrigin: {},
+  vars: {}
+});
+function cg(e, t, r) {
+  for (const n in t)
+    !mn(t[n]) && !og(n, r) && (e[n] = t[n]);
 }
-function r5({ target: e, contentRect: t, borderBoxSize: r }) {
-  var n;
-  (n = Xo.get(e)) === null || n === void 0 || n.forEach((a) => {
-    a({
-      target: e,
-      contentSize: t,
-      get size() {
-        return t5(e, r);
-      }
-    });
-  });
+function Xy({ transformTemplate: e }, t, r) {
+  return _t(() => {
+    const n = Uc();
+    return ug(n, t, { enableHardwareAcceleration: !r }, e), Object.assign({}, n.vars, n.style);
+  }, [t]);
 }
-function n5(e) {
-  e.forEach(r5);
+function Zy(e, t, r) {
+  const n = e.style || {}, a = {};
+  return cg(a, n, e), Object.assign(a, Xy(e, t, r)), e.transformValues ? e.transformValues(a) : a;
 }
-function a5() {
-  typeof ResizeObserver > "u" || (Hr = new ResizeObserver(n5));
+function Qy(e, t, r) {
+  const n = {}, a = Zy(e, t, r);
+  return e.drag && e.dragListener !== !1 && (n.draggable = !1, a.userSelect = a.WebkitUserSelect = a.WebkitTouchCallout = "none", a.touchAction = e.drag === !0 ? "none" : `pan-${e.drag === "x" ? "y" : "x"}`), e.tabIndex === void 0 && (e.onTap || e.onTapStart || e.whileTap) && (n.tabIndex = 0), n.style = a, n;
 }
-function i5(e, t) {
-  Hr || a5();
-  const r = e5(e);
-  return r.forEach((n) => {
-    let a = Xo.get(n);
-    a || (a = /* @__PURE__ */ new Set(), Xo.set(n, a)), a.add(t), Hr == null || Hr.observe(n);
-  }), () => {
-    r.forEach((n) => {
-      const a = Xo.get(n);
-      a == null || a.delete(t), a != null && a.size || Hr == null || Hr.unobserve(n);
-    });
-  };
+const Jy = /* @__PURE__ */ new Set([
+  "animate",
+  "exit",
+  "variants",
+  "initial",
+  "style",
+  "values",
+  "variants",
+  "transition",
+  "transformTemplate",
+  "transformValues",
+  "custom",
+  "inherit",
+  "onLayoutAnimationStart",
+  "onLayoutAnimationComplete",
+  "onLayoutMeasure",
+  "onBeforeLayoutMeasure",
+  "onAnimationStart",
+  "onAnimationComplete",
+  "onUpdate",
+  "onDragStart",
+  "onDrag",
+  "onDragEnd",
+  "onMeasureDragConstraints",
+  "onDirectionLock",
+  "onDragTransitionEnd",
+  "_dragX",
+  "_dragY",
+  "onHoverStart",
+  "onHoverEnd",
+  "onViewportEnter",
+  "onViewportLeave",
+  "ignoreStrict",
+  "viewport"
+]);
+function hs(e) {
+  return e.startsWith("while") || e.startsWith("drag") && e !== "draggable" || e.startsWith("layout") || e.startsWith("onTap") || e.startsWith("onPan") || Jy.has(e);
 }
-const Zo = /* @__PURE__ */ new Set();
-let $i;
-function o5() {
-  $i = () => {
-    const e = {
-      width: window.innerWidth,
-      height: window.innerHeight
-    }, t = {
-      target: window,
-      size: e,
-      contentSize: e
+let fg = (e) => !hs(e);
+function ex(e) {
+  e && (fg = (t) => t.startsWith("on") ? !hs(t) : e(t));
+}
+try {
+  ex(require("@emotion/is-prop-valid").default);
+} catch {
+}
+function tx(e, t, r) {
+  const n = {};
+  for (const a in e)
+    a === "values" && typeof e.values == "object" || (fg(a) || r === !0 && hs(a) || !t && !hs(a) || // If trying to use native HTML drag events, forward drag listeners
+    e.draggable && a.startsWith("onDrag")) && (n[a] = e[a]);
+  return n;
+}
+function Vd(e, t, r) {
+  return typeof e == "string" ? e : ge.transform(t + r * e);
+}
+function rx(e, t, r) {
+  const n = Vd(t, e.x, e.width), a = Vd(r, e.y, e.height);
+  return `${n} ${a}`;
+}
+const nx = {
+  offset: "stroke-dashoffset",
+  array: "stroke-dasharray"
+}, ax = {
+  offset: "strokeDashoffset",
+  array: "strokeDasharray"
+};
+function ix(e, t, r = 1, n = 0, a = !0) {
+  e.pathLength = 1;
+  const i = a ? nx : ax;
+  e[i.offset] = ge.transform(-n);
+  const o = ge.transform(t), s = ge.transform(r);
+  e[i.array] = `${o} ${s}`;
+}
+function dg(e, {
+  attrX: t,
+  attrY: r,
+  attrScale: n,
+  originX: a,
+  originY: i,
+  pathLength: o,
+  pathSpacing: s = 1,
+  pathOffset: u = 0,
+  // This is object creation, which we try to avoid per-frame.
+  ...l
+}, c, f, d) {
+  if (ug(e, l, c, d), f) {
+    e.style.viewBox && (e.attrs.viewBox = e.style.viewBox);
+    return;
+  }
+  e.attrs = e.style, e.style = {};
+  const { attrs: h, style: v, dimensions: p } = e;
+  h.transform && (p && (v.transform = h.transform), delete h.transform), p && (a !== void 0 || i !== void 0 || v.transform) && (v.transformOrigin = rx(p, a !== void 0 ? a : 0.5, i !== void 0 ? i : 0.5)), t !== void 0 && (h.x = t), r !== void 0 && (h.y = r), n !== void 0 && (h.scale = n), o !== void 0 && ix(h, o, s, u, !1);
+}
+const hg = () => ({
+  ...Uc(),
+  attrs: {}
+}), pg = (e) => typeof e == "string" && e.toLowerCase() === "svg";
+function ox(e, t, r, n) {
+  const a = _t(() => {
+    const i = hg();
+    return dg(i, t, { enableHardwareAcceleration: !1 }, pg(n), e.transformTemplate), {
+      ...i.attrs,
+      style: { ...i.style }
     };
-    Zo.forEach((r) => r(t));
-  }, window.addEventListener("resize", $i);
+  }, [t]);
+  if (e.style) {
+    const i = {};
+    cg(i, e.style, e), a.style = { ...i, ...a.style };
+  }
+  return a;
 }
-function s5(e) {
-  return Zo.add(e), $i || o5(), () => {
-    Zo.delete(e), !Zo.size && $i && ($i = void 0);
+function sx(e = !1) {
+  return (r, n, a, { latestValues: i }, o) => {
+    const u = (ng(r) ? ox : Qy)(n, i, o, r), c = {
+      ...tx(n, typeof r == "string", e),
+      ...u,
+      ref: a
+    }, { children: f } = n, d = _t(() => mn(f) ? f.get() : f, [f]);
+    return $r(r, {
+      ...c,
+      children: d
+    });
   };
 }
-function l5(e, t) {
-  return typeof e == "function" ? s5(e) : i5(e, t);
+const lx = (e) => e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+function ux(e, { style: t, vars: r }, n, a) {
+  Object.assign(e.style, t, a && a.getProjectionStyles(n));
+  for (const i in r)
+    e.style.setProperty(i, r[i]);
 }
-const u5 = 50, Yd = () => ({
-  current: 0,
-  offset: [],
-  progress: 0,
-  scrollLength: 0,
-  targetOffset: 0,
-  targetLength: 0,
-  containerLength: 0,
-  velocity: 0
-}), c5 = () => ({
-  time: 0,
-  x: Yd(),
-  y: Yd()
-}), f5 = {
-  x: {
-    length: "Width",
-    position: "Left"
-  },
-  y: {
-    length: "Height",
-    position: "Top"
-  }
-};
-function Gd(e, t, r, n) {
-  const a = r[t], { length: i, position: o } = f5[t], s = a.current, u = r.time;
-  a.current = e["scroll" + o], a.scrollLength = e["scroll" + i] - e["client" + i], a.offset.length = 0, a.offset[0] = 0, a.offset[1] = a.scrollLength, a.progress = Kc(0, a.scrollLength, a.current);
-  const l = n - u;
-  a.velocity = l > u5 ? 0 : $g(a.current - s, l);
+const cx = /* @__PURE__ */ new Set([
+  "baseFrequency",
+  "diffuseConstant",
+  "kernelMatrix",
+  "kernelUnitLength",
+  "keySplines",
+  "keyTimes",
+  "limitingConeAngle",
+  "markerHeight",
+  "markerWidth",
+  "numOctaves",
+  "targetX",
+  "targetY",
+  "surfaceScale",
+  "specularConstant",
+  "specularExponent",
+  "stdDeviation",
+  "tableValues",
+  "viewBox",
+  "gradientTransform",
+  "pathLength",
+  "startOffset",
+  "textLength",
+  "lengthAdjust"
+]);
+function fx(e, t, r, n) {
+  ux(e, t, void 0, n);
+  for (const a in t.attrs)
+    e.setAttribute(cx.has(a) ? a : lx(a), t.attrs[a]);
 }
-function d5(e, t, r) {
-  Gd(e, "x", t, r), Gd(e, "y", t, r), t.time = r;
+function gg(e, t) {
+  const { style: r } = e, n = {};
+  for (const a in r)
+    (mn(r[a]) || t.style && mn(t.style[a]) || og(a, e)) && (n[a] = r[a]);
+  return n;
 }
-function h5(e, t) {
-  const r = { x: 0, y: 0 };
-  let n = e;
-  for (; n && n !== t; )
-    if (n instanceof HTMLElement)
-      r.x += n.offsetLeft, r.y += n.offsetTop, n = n.offsetParent;
-    else if (n.tagName === "svg") {
-      const a = n.getBoundingClientRect();
-      n = n.parentElement;
-      const i = n.getBoundingClientRect();
-      r.x += a.left - i.left, r.y += a.top - i.top;
-    } else if (n instanceof SVGGraphicsElement) {
-      const { x: a, y: i } = n.getBBox();
-      r.x += a, r.y += i;
-      let o = null, s = n.parentNode;
-      for (; !o; )
-        s.tagName === "svg" && (o = s), s = n.parentNode;
-      n = o;
-    } else
-      break;
+function dx(e, t) {
+  const r = gg(e, t);
+  for (const n in e)
+    if (mn(e[n]) || mn(t[n])) {
+      const a = Ks.indexOf(n) !== -1 ? "attr" + n.charAt(0).toUpperCase() + n.substring(1) : n;
+      r[a] = e[n];
+    }
   return r;
 }
-const p5 = {
-  Enter: [
-    [0, 1],
-    [1, 1]
-  ],
-  Exit: [
-    [0, 0],
-    [1, 0]
-  ],
-  Any: [
-    [1, 0],
-    [0, 1]
-  ],
-  All: [
-    [0, 0],
-    [1, 1]
-  ]
-}, Iu = {
-  start: 0,
-  center: 0.5,
-  end: 1
-};
-function qd(e, t, r = 0) {
-  let n = 0;
-  if (Iu[e] !== void 0 && (e = Iu[e]), typeof e == "string") {
-    const a = parseFloat(e);
-    e.endsWith("px") ? n = a : e.endsWith("%") ? e = a / 100 : e.endsWith("vw") ? n = a / 100 * document.documentElement.clientWidth : e.endsWith("vh") ? n = a / 100 * document.documentElement.clientHeight : e = a;
-  }
-  return typeof e == "number" && (n = t * e), r + n;
+function hx(e, t, r, n = {}, a = {}) {
+  return typeof t == "function" && (t = t(r !== void 0 ? r : e.custom, n, a)), typeof t == "string" && (t = e.variants && e.variants[t]), typeof t == "function" && (t = t(r !== void 0 ? r : e.custom, n, a)), t;
 }
-const g5 = [0, 0];
-function v5(e, t, r, n) {
-  let a = Array.isArray(e) ? e : g5, i = 0, o = 0;
-  return typeof e == "number" ? a = [e, e] : typeof e == "string" && (e = e.trim(), e.includes(" ") ? a = e.split(" ") : a = [e, Iu[e] ? e : "0"]), i = qd(a[0], r, n), o = qd(a[1], t), i - o;
+function Yc(e) {
+  const t = Oe(null);
+  return t.current === null && (t.current = e()), t.current;
 }
-const m5 = { x: 0, y: 0 };
-function b5(e) {
-  return "getBBox" in e && e.tagName !== "svg" ? e.getBBox() : { width: e.clientWidth, height: e.clientHeight };
+const px = (e) => Array.isArray(e), gx = (e) => !!(e && typeof e == "object" && e.mix && e.toValue), jK = (e) => px(e) ? e[e.length - 1] || 0 : e;
+function vx(e) {
+  const t = mn(e) ? e.get() : e;
+  return gx(t) ? t.toValue() : t;
 }
-function y5(e, t, r) {
-  let { offset: n = p5.All } = r;
-  const { target: a = e, axis: i = "y" } = r, o = i === "y" ? "height" : "width", s = a !== e ? h5(a, e) : m5, u = a === e ? { width: e.scrollWidth, height: e.scrollHeight } : b5(a), l = {
-    width: e.clientWidth,
-    height: e.clientHeight
+function mx({ scrapeMotionValuesFromProps: e, createRenderState: t, onMount: r }, n, a, i) {
+  const o = {
+    latestValues: bx(n, a, i, e),
+    renderState: t()
   };
-  t[i].offset.length = 0;
-  let c = !t[i].interpolate;
-  const f = n.length;
-  for (let d = 0; d < f; d++) {
-    const h = v5(n[d], l[o], u[o], s[i]);
-    !c && h !== t[i].interpolatorOffsets[d] && (c = !0), t[i].offset[d] = h;
-  }
-  c && (t[i].interpolate = jx(t[i].offset, Nx(n)), t[i].interpolatorOffsets = [...t[i].offset]), t[i].progress = t[i].interpolate(t[i].current);
+  return r && (o.mount = (s) => r(n, s, o)), o;
 }
-function x5(e, t = e, r) {
-  if (r.x.targetOffset = 0, r.y.targetOffset = 0, t !== e) {
-    let n = t;
-    for (; n && n !== e; )
-      r.x.targetOffset += n.offsetLeft, r.y.targetOffset += n.offsetTop, n = n.offsetParent;
+const vg = (e) => (t, r) => {
+  const n = qt(Gs), a = qt(Bc), i = () => mx(e, t, n, a);
+  return r ? i() : Yc(i);
+};
+function bx(e, t, r, n) {
+  const a = {}, i = n(e, {});
+  for (const d in i)
+    a[d] = vx(i[d]);
+  let { initial: o, animate: s } = e;
+  const u = Wc(e), l = Ry(e);
+  t && l && !u && e.inherit !== !1 && (o === void 0 && (o = t.initial), s === void 0 && (s = t.animate));
+  let c = r ? r.initial === !1 : !1;
+  c = c || o === !1;
+  const f = c ? s : o;
+  return f && typeof f != "boolean" && !tg(f) && (Array.isArray(f) ? f : [f]).forEach((h) => {
+    const v = hx(e, h);
+    if (!v)
+      return;
+    const { transitionEnd: p, transition: m, ...b } = v;
+    for (const x in b) {
+      let E = b[x];
+      if (Array.isArray(E)) {
+        const T = c ? E.length - 1 : 0;
+        E = E[T];
+      }
+      E !== null && (a[x] = E);
+    }
+    for (const x in p)
+      a[x] = p[x];
+  }), a;
+}
+const eo = (e) => e;
+class Hd {
+  constructor() {
+    this.order = [], this.scheduled = /* @__PURE__ */ new Set();
+  }
+  add(t) {
+    if (!this.scheduled.has(t))
+      return this.scheduled.add(t), this.order.push(t), !0;
+  }
+  remove(t) {
+    const r = this.order.indexOf(t);
+    r !== -1 && (this.order.splice(r, 1), this.scheduled.delete(t));
+  }
+  clear() {
+    this.order.length = 0, this.scheduled.clear();
   }
-  r.x.targetLength = t === e ? t.scrollWidth : t.clientWidth, r.y.targetLength = t === e ? t.scrollHeight : t.clientHeight, r.x.containerLength = e.clientWidth, r.y.containerLength = e.clientHeight;
 }
-function w5(e, t, r, n = {}) {
-  return {
-    measure: () => x5(e, n.target, r),
-    update: (a) => {
-      d5(e, r, a), (n.offset || n.target) && y5(e, r, n);
+function yx(e) {
+  let t = new Hd(), r = new Hd(), n = 0, a = !1, i = !1;
+  const o = /* @__PURE__ */ new WeakSet(), s = {
+    /**
+     * Schedule a process to run on the next frame.
+     */
+    schedule: (u, l = !1, c = !1) => {
+      const f = c && a, d = f ? t : r;
+      return l && o.add(u), d.add(u) && f && a && (n = t.order.length), u;
     },
-    notify: () => t(r)
+    /**
+     * Cancel the provided callback from running on the next frame.
+     */
+    cancel: (u) => {
+      r.remove(u), o.delete(u);
+    },
+    /**
+     * Execute all schedule callbacks.
+     */
+    process: (u) => {
+      if (a) {
+        i = !0;
+        return;
+      }
+      if (a = !0, [t, r] = [r, t], r.clear(), n = t.order.length, n)
+        for (let l = 0; l < n; l++) {
+          const c = t.order[l];
+          c(u), o.has(c) && (s.schedule(c), e());
+        }
+      a = !1, i && (i = !1, s.process(u));
+    }
   };
+  return s;
 }
-const si = /* @__PURE__ */ new WeakMap(), Kd = /* @__PURE__ */ new WeakMap(), Yl = /* @__PURE__ */ new WeakMap(), Xd = (e) => e === document.documentElement ? window : e;
-function C5(e, { container: t = document.documentElement, ...r } = {}) {
-  let n = Yl.get(t);
-  n || (n = /* @__PURE__ */ new Set(), Yl.set(t, n));
-  const a = c5(), i = w5(t, e, a, r);
-  if (n.add(i), !si.has(t)) {
-    const s = () => {
-      for (const d of n)
-        d.measure();
-    }, u = () => {
-      for (const d of n)
-        d.update(mg.timestamp);
-    }, l = () => {
-      for (const d of n)
-        d.notify();
-    }, c = () => {
-      br.read(s, !1, !0), br.update(u, !1, !0), br.update(l, !1, !0);
-    };
-    si.set(t, c);
-    const f = Xd(t);
-    window.addEventListener("resize", c, { passive: !0 }), t !== document.documentElement && Kd.set(t, l5(t, c)), f.addEventListener("scroll", c, { passive: !0 });
-  }
-  const o = si.get(t);
-  return br.read(o, !1, !0), () => {
-    var s;
-    xx(o);
-    const u = Yl.get(t);
-    if (!u || (u.delete(i), u.size))
-      return;
-    const l = si.get(t);
-    si.delete(t), l && (Xd(t).removeEventListener("scroll", l), (s = Kd.get(t)) === null || s === void 0 || s(), window.removeEventListener("resize", l));
+const Eo = [
+  "prepare",
+  "read",
+  "update",
+  "preRender",
+  "render",
+  "postRender"
+], xx = 40;
+function wx(e, t) {
+  let r = !1, n = !0;
+  const a = {
+    delta: 0,
+    timestamp: 0,
+    isProcessing: !1
+  }, i = Eo.reduce((f, d) => (f[d] = yx(() => r = !0), f), {}), o = (f) => i[f].process(a), s = () => {
+    const f = performance.now();
+    r = !1, a.delta = n ? 1e3 / 60 : Math.max(Math.min(f - a.timestamp, xx), 1), a.timestamp = f, a.isProcessing = !0, Eo.forEach(o), a.isProcessing = !1, r && t && (n = !1, e(s));
+  }, u = () => {
+    r = !0, n = !0, a.isProcessing || e(s);
   };
+  return { schedule: Eo.reduce((f, d) => {
+    const h = i[d];
+    return f[d] = (v, p = !1, m = !1) => (r || u(), h.schedule(v, p, m)), f;
+  }, {}), cancel: (f) => Eo.forEach((d) => i[d].cancel(f)), state: a, steps: i };
 }
-function Zd(e, t) {
-  Gc(!!(!t || t.current), `You have defined a ${e} options but the provided ref is not yet hydrated, probably because it's defined higher up the tree. Try calling useScroll() in the same component as the ref, or setting its \`layoutEffect: false\` option.`);
+const { schedule: br, cancel: Cx, state: mg, steps: LK } = wx(typeof requestAnimationFrame < "u" ? requestAnimationFrame : eo, !0), Ex = {
+  useVisualState: vg({
+    scrapeMotionValuesFromProps: dx,
+    createRenderState: hg,
+    onMount: (e, t, { renderState: r, latestValues: n }) => {
+      br.read(() => {
+        try {
+          r.dimensions = typeof t.getBBox == "function" ? t.getBBox() : t.getBoundingClientRect();
+        } catch {
+          r.dimensions = {
+            x: 0,
+            y: 0,
+            width: 0,
+            height: 0
+          };
+        }
+      }), br.render(() => {
+        dg(r, n, { enableHardwareAcceleration: !1 }, pg(t.tagName), e.transformTemplate), fx(t, r);
+      });
+    }
+  })
+}, Sx = {
+  useVisualState: vg({
+    scrapeMotionValuesFromProps: gg,
+    createRenderState: Uc
+  })
+};
+function _x(e, { forwardMotionProps: t = !1 }, r, n) {
+  return {
+    ...ng(e) ? Ex : Sx,
+    preloadedFeatures: r,
+    useRender: sx(t),
+    createVisualElement: n,
+    Component: e
+  };
 }
-const E5 = () => ({
-  scrollX: So(0),
-  scrollY: So(0),
-  scrollXProgress: So(0),
-  scrollYProgress: So(0)
+const kx = (e, t) => (r) => t(e(r)), bg = (...e) => e.reduce(kx);
+let Gc = eo, to = eo;
+process.env.NODE_ENV !== "production" && (Gc = (e, t) => {
+  !e && typeof console < "u" && console.warn(t);
+}, to = (e, t) => {
+  if (!e)
+    throw new Error(t);
 });
-function S5({ container: e, target: t, layoutEffect: r = !0, ...n } = {}) {
-  const a = Yc(E5);
-  return (r ? qs : Ze)(() => (Zd("target", t), Zd("container", e), C5(({ x: o, y: s }) => {
-    a.scrollX.set(o.current), a.scrollXProgress.set(o.progress), a.scrollY.set(s.current), a.scrollYProgress.set(s.progress);
-  }, {
-    ...n,
-    container: (e == null ? void 0 : e.current) || void 0,
-    target: (t == null ? void 0 : t.current) || void 0
-  })), [e, t, JSON.stringify(n.offset)]), a;
+const qc = (e, t) => (r) => !!(Qi(r) && qy.test(r) && r.startsWith(e) || t && Object.prototype.hasOwnProperty.call(r, t)), yg = (e, t, r) => (n) => {
+  if (!Qi(n))
+    return n;
+  const [a, i, o, s] = n.match(Hc);
+  return {
+    [e]: parseFloat(a),
+    [t]: parseFloat(i),
+    [r]: parseFloat(o),
+    alpha: s !== void 0 ? parseFloat(s) : 1
+  };
+}, Tx = (e) => Vc(0, 255, e), Bl = {
+  ...Zi,
+  transform: (e) => Math.round(Tx(e))
+}, dn = {
+  test: qc("rgb", "red"),
+  parse: yg("red", "green", "blue"),
+  transform: ({ red: e, green: t, blue: r, alpha: n = 1 }) => "rgba(" + Bl.transform(e) + ", " + Bl.transform(t) + ", " + Bl.transform(r) + ", " + Oi(Ti.transform(n)) + ")"
+};
+function Ox(e) {
+  let t = "", r = "", n = "", a = "";
+  return e.length > 5 ? (t = e.substring(1, 3), r = e.substring(3, 5), n = e.substring(5, 7), a = e.substring(7, 9)) : (t = e.substring(1, 2), r = e.substring(2, 3), n = e.substring(3, 4), a = e.substring(4, 5), t += t, r += r, n += n, a += a), {
+    red: parseInt(t, 16),
+    green: parseInt(r, 16),
+    blue: parseInt(n, 16),
+    alpha: a ? parseInt(a, 16) / 255 : 1
+  };
 }
-var Ei = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function Sn(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+const Iu = {
+  test: qc("#"),
+  parse: Ox,
+  transform: dn.transform
+}, ba = {
+  test: qc("hsl", "hue"),
+  parse: yg("hue", "saturation", "lightness"),
+  transform: ({ hue: e, saturation: t, lightness: r, alpha: n = 1 }) => "hsla(" + Math.round(e) + ", " + Mi.transform(Oi(t)) + ", " + Mi.transform(Oi(r)) + ", " + Oi(Ti.transform(n)) + ")"
+}, Xs = {
+  test: (e) => dn.test(e) || Iu.test(e) || ba.test(e),
+  parse: (e) => dn.test(e) ? dn.parse(e) : ba.test(e) ? ba.parse(e) : Iu.parse(e),
+  transform: (e) => Qi(e) ? e : e.hasOwnProperty("red") ? dn.transform(e) : ba.transform(e)
+}, Zs = (e, t, r) => -r * e + r * t + e;
+function zl(e, t, r) {
+  return r < 0 && (r += 1), r > 1 && (r -= 1), r < 1 / 6 ? e + (t - e) * 6 * r : r < 1 / 2 ? t : r < 2 / 3 ? e + (t - e) * (2 / 3 - r) * 6 : e;
 }
-var ju = { exports: {} }, li = {};
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var Qd;
-function _5() {
-  if (Qd)
-    return li;
-  Qd = 1;
-  var e = y, t = Symbol.for("react.element"), r = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, a = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function o(s, u, l) {
-    var c, f = {}, d = null, h = null;
-    l !== void 0 && (d = "" + l), u.key !== void 0 && (d = "" + u.key), u.ref !== void 0 && (h = u.ref);
-    for (c in u)
-      n.call(u, c) && !i.hasOwnProperty(c) && (f[c] = u[c]);
-    if (s && s.defaultProps)
-      for (c in u = s.defaultProps, u)
-        f[c] === void 0 && (f[c] = u[c]);
-    return { $$typeof: t, type: s, key: d, ref: h, props: f, _owner: a.current };
+function Mx({ hue: e, saturation: t, lightness: r, alpha: n }) {
+  e /= 360, t /= 100, r /= 100;
+  let a = 0, i = 0, o = 0;
+  if (!t)
+    a = i = o = r;
+  else {
+    const s = r < 0.5 ? r * (1 + t) : r + t - r * t, u = 2 * r - s;
+    a = zl(u, s, e + 1 / 3), i = zl(u, s, e), o = zl(u, s, e - 1 / 3);
   }
-  return li.Fragment = r, li.jsx = o, li.jsxs = o, li;
+  return {
+    red: Math.round(a * 255),
+    green: Math.round(i * 255),
+    blue: Math.round(o * 255),
+    alpha: n
+  };
 }
-var ui = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var Jd;
-function k5() {
-  return Jd || (Jd = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = y, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), a = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), o = Symbol.for("react.provider"), s = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), l = Symbol.for("react.suspense"), c = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), d = Symbol.for("react.lazy"), h = Symbol.for("react.offscreen"), v = Symbol.iterator, p = "@@iterator";
-    function m(C) {
-      if (C === null || typeof C != "object")
-        return null;
-      var P = v && C[v] || C[p];
-      return typeof P == "function" ? P : null;
-    }
-    var b = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function x(C) {
-      {
-        for (var P = arguments.length, z = new Array(P > 1 ? P - 1 : 0), he = 1; he < P; he++)
-          z[he - 1] = arguments[he];
-        E("error", C, z);
-      }
-    }
-    function E(C, P, z) {
-      {
-        var he = b.ReactDebugCurrentFrame, Re = he.getStackAddendum();
-        Re !== "" && (P += "%s", z = z.concat([Re]));
-        var qe = z.map(function(Te) {
-          return String(Te);
-        });
-        qe.unshift("Warning: " + P), Function.prototype.apply.call(console[C], console, qe);
-      }
-    }
-    var T = !1, w = !1, _ = !1, k = !1, O = !1, $;
-    $ = Symbol.for("react.module.reference");
-    function R(C) {
-      return !!(typeof C == "string" || typeof C == "function" || C === n || C === i || O || C === a || C === l || C === c || k || C === h || T || w || _ || typeof C == "object" && C !== null && (C.$$typeof === d || C.$$typeof === f || C.$$typeof === o || C.$$typeof === s || C.$$typeof === u || // This needs to include all possible module reference object
-      // types supported by any Flight configuration anywhere since
-      // we don't know which Flight build this will end up being used
-      // with.
-      C.$$typeof === $ || C.getModuleId !== void 0));
-    }
-    function ee(C, P, z) {
-      var he = C.displayName;
-      if (he)
-        return he;
-      var Re = P.displayName || P.name || "";
-      return Re !== "" ? z + "(" + Re + ")" : z;
-    }
-    function Me(C) {
-      return C.displayName || "Context";
-    }
-    function le(C) {
-      if (C == null)
-        return null;
-      if (typeof C.tag == "number" && x("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof C == "function")
-        return C.displayName || C.name || null;
-      if (typeof C == "string")
-        return C;
-      switch (C) {
-        case n:
-          return "Fragment";
-        case r:
-          return "Portal";
-        case i:
-          return "Profiler";
-        case a:
-          return "StrictMode";
-        case l:
-          return "Suspense";
-        case c:
-          return "SuspenseList";
-      }
-      if (typeof C == "object")
-        switch (C.$$typeof) {
-          case s:
-            var P = C;
-            return Me(P) + ".Consumer";
-          case o:
-            var z = C;
-            return Me(z._context) + ".Provider";
-          case u:
-            return ee(C, C.render, "ForwardRef");
-          case f:
-            var he = C.displayName || null;
-            return he !== null ? he : le(C.type) || "Memo";
-          case d: {
-            var Re = C, qe = Re._payload, Te = Re._init;
-            try {
-              return le(Te(qe));
-            } catch {
-              return null;
-            }
-          }
-        }
-      return null;
-    }
-    var ce = Object.assign, ne = 0, B, Y, ye, fe, M, A, V;
-    function re() {
-    }
-    re.__reactDisabledLog = !0;
-    function G() {
-      {
-        if (ne === 0) {
-          B = console.log, Y = console.info, ye = console.warn, fe = console.error, M = console.group, A = console.groupCollapsed, V = console.groupEnd;
-          var C = {
-            configurable: !0,
-            enumerable: !0,
-            value: re,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            info: C,
-            log: C,
-            warn: C,
-            error: C,
-            group: C,
-            groupCollapsed: C,
-            groupEnd: C
-          });
-        }
-        ne++;
-      }
-    }
-    function ue() {
-      {
-        if (ne--, ne === 0) {
-          var C = {
-            configurable: !0,
-            enumerable: !0,
-            writable: !0
-          };
-          Object.defineProperties(console, {
-            log: ce({}, C, {
-              value: B
-            }),
-            info: ce({}, C, {
-              value: Y
-            }),
-            warn: ce({}, C, {
-              value: ye
-            }),
-            error: ce({}, C, {
-              value: fe
-            }),
-            group: ce({}, C, {
-              value: M
-            }),
-            groupCollapsed: ce({}, C, {
-              value: A
-            }),
-            groupEnd: ce({}, C, {
-              value: V
-            })
-          });
-        }
-        ne < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
-      }
-    }
-    var te = b.ReactCurrentDispatcher, ie;
-    function K(C, P, z) {
-      {
-        if (ie === void 0)
-          try {
-            throw Error();
-          } catch (Re) {
-            var he = Re.stack.trim().match(/\n( *(at )?)/);
-            ie = he && he[1] || "";
-          }
-        return `
-` + ie + C;
-      }
-    }
-    var U = !1, J;
-    {
-      var je = typeof WeakMap == "function" ? WeakMap : Map;
-      J = new je();
-    }
-    function D(C, P) {
-      if (!C || U)
-        return "";
-      {
-        var z = J.get(C);
-        if (z !== void 0)
-          return z;
-      }
-      var he;
-      U = !0;
-      var Re = Error.prepareStackTrace;
-      Error.prepareStackTrace = void 0;
-      var qe;
-      qe = te.current, te.current = null, G();
-      try {
-        if (P) {
-          var Te = function() {
-            throw Error();
-          };
-          if (Object.defineProperty(Te.prototype, "props", {
-            set: function() {
-              throw Error();
-            }
-          }), typeof Reflect == "object" && Reflect.construct) {
-            try {
-              Reflect.construct(Te, []);
-            } catch (Sr) {
-              he = Sr;
-            }
-            Reflect.construct(C, [], Te);
-          } else {
-            try {
-              Te.call();
-            } catch (Sr) {
-              he = Sr;
-            }
-            C.call(Te.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (Sr) {
-            he = Sr;
-          }
-          C();
-        }
-      } catch (Sr) {
-        if (Sr && he && typeof Sr.stack == "string") {
-          for (var we = Sr.stack.split(`
-`), Dt = he.stack.split(`
-`), gt = we.length - 1, yt = Dt.length - 1; gt >= 1 && yt >= 0 && we[gt] !== Dt[yt]; )
-            yt--;
-          for (; gt >= 1 && yt >= 0; gt--, yt--)
-            if (we[gt] !== Dt[yt]) {
-              if (gt !== 1 || yt !== 1)
-                do
-                  if (gt--, yt--, yt < 0 || we[gt] !== Dt[yt]) {
-                    var tr = `
-` + we[gt].replace(" at new ", " at ");
-                    return C.displayName && tr.includes("<anonymous>") && (tr = tr.replace("<anonymous>", C.displayName)), typeof C == "function" && J.set(C, tr), tr;
-                  }
-                while (gt >= 1 && yt >= 0);
-              break;
-            }
-        }
-      } finally {
-        U = !1, te.current = qe, ue(), Error.prepareStackTrace = Re;
-      }
-      var In = C ? C.displayName || C.name : "", Fd = In ? K(In) : "";
-      return typeof C == "function" && J.set(C, Fd), Fd;
-    }
-    function nt(C, P, z) {
-      return D(C, !1);
-    }
-    function q(C) {
-      var P = C.prototype;
-      return !!(P && P.isReactComponent);
-    }
-    function L(C, P, z) {
-      if (C == null)
-        return "";
-      if (typeof C == "function")
-        return D(C, q(C));
-      if (typeof C == "string")
-        return K(C);
-      switch (C) {
-        case l:
-          return K("Suspense");
-        case c:
-          return K("SuspenseList");
-      }
-      if (typeof C == "object")
-        switch (C.$$typeof) {
-          case u:
-            return nt(C.render);
-          case f:
-            return L(C.type, P, z);
-          case d: {
-            var he = C, Re = he._payload, qe = he._init;
-            try {
-              return L(qe(Re), P, z);
-            } catch {
-            }
-          }
-        }
-      return "";
-    }
-    var X = Object.prototype.hasOwnProperty, oe = {}, Ge = b.ReactDebugCurrentFrame;
-    function Le(C) {
-      if (C) {
-        var P = C._owner, z = L(C.type, C._source, P ? P.type : null);
-        Ge.setExtraStackFrame(z);
-      } else
-        Ge.setExtraStackFrame(null);
-    }
-    function Ne(C, P, z, he, Re) {
-      {
-        var qe = Function.call.bind(X);
-        for (var Te in C)
-          if (qe(C, Te)) {
-            var we = void 0;
-            try {
-              if (typeof C[Te] != "function") {
-                var Dt = Error((he || "React class") + ": " + z + " type `" + Te + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof C[Te] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw Dt.name = "Invariant Violation", Dt;
-              }
-              we = C[Te](P, Te, he, z, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (gt) {
-              we = gt;
-            }
-            we && !(we instanceof Error) && (Le(Re), x("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", he || "React class", z, Te, typeof we), Le(null)), we instanceof Error && !(we.message in oe) && (oe[we.message] = !0, Le(Re), x("Failed %s type: %s", z, we.message), Le(null));
-          }
-      }
-    }
-    var ut = Array.isArray;
-    function ct(C) {
-      return ut(C);
-    }
-    function Cr(C) {
-      {
-        var P = typeof Symbol == "function" && Symbol.toStringTag, z = P && C[Symbol.toStringTag] || C.constructor.name || "Object";
-        return z;
-      }
-    }
-    function N(C) {
-      try {
-        return se(C), !1;
-      } catch {
-        return !0;
-      }
-    }
-    function se(C) {
-      return "" + C;
-    }
-    function at(C) {
-      if (N(C))
-        return x("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Cr(C)), se(C);
-    }
-    var it = b.ReactCurrentOwner, Rt = {
-      key: !0,
-      ref: !0,
-      __self: !0,
-      __source: !0
-    }, Lr, Er, tn;
-    tn = {};
-    function ei(C) {
-      if (X.call(C, "ref")) {
-        var P = Object.getOwnPropertyDescriptor(C, "ref").get;
-        if (P && P.isReactWarning)
-          return !1;
-      }
-      return C.ref !== void 0;
-    }
-    function ti(C) {
-      if (X.call(C, "key")) {
-        var P = Object.getOwnPropertyDescriptor(C, "key").get;
-        if (P && P.isReactWarning)
-          return !1;
-      }
-      return C.key !== void 0;
-    }
-    function Dn(C, P) {
-      if (typeof C.ref == "string" && it.current && P && it.current.stateNode !== P) {
-        var z = le(it.current.type);
-        tn[z] || (x('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', le(it.current.type), C.ref), tn[z] = !0);
-      }
-    }
-    function ri(C, P) {
-      {
-        var z = function() {
-          Lr || (Lr = !0, x("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", P));
-        };
-        z.isReactWarning = !0, Object.defineProperty(C, "key", {
-          get: z,
-          configurable: !0
-        });
-      }
-    }
-    function ni(C, P) {
-      {
-        var z = function() {
-          Er || (Er = !0, x("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", P));
-        };
-        z.isReactWarning = !0, Object.defineProperty(C, "ref", {
-          get: z,
-          configurable: !0
-        });
-      }
-    }
-    var ai = function(C, P, z, he, Re, qe, Te) {
-      var we = {
-        // This tag allows us to uniquely identify this as a React Element
-        $$typeof: t,
-        // Built-in properties that belong on the element
-        type: C,
-        key: P,
-        ref: z,
-        props: Te,
-        // Record the component responsible for creating this element.
-        _owner: qe
-      };
-      return we._store = {}, Object.defineProperty(we._store, "validated", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !0,
-        value: !1
-      }), Object.defineProperty(we, "_self", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: he
-      }), Object.defineProperty(we, "_source", {
-        configurable: !1,
-        enumerable: !1,
-        writable: !1,
-        value: Re
-      }), Object.freeze && (Object.freeze(we.props), Object.freeze(we)), we;
-    };
-    function ii(C, P, z, he, Re) {
-      {
-        var qe, Te = {}, we = null, Dt = null;
-        z !== void 0 && (at(z), we = "" + z), ti(P) && (at(P.key), we = "" + P.key), ei(P) && (Dt = P.ref, Dn(P, Re));
-        for (qe in P)
-          X.call(P, qe) && !Rt.hasOwnProperty(qe) && (Te[qe] = P[qe]);
-        if (C && C.defaultProps) {
-          var gt = C.defaultProps;
-          for (qe in gt)
-            Te[qe] === void 0 && (Te[qe] = gt[qe]);
-        }
-        if (we || Dt) {
-          var yt = typeof C == "function" ? C.displayName || C.name || "Unknown" : C;
-          we && ri(Te, yt), Dt && ni(Te, yt);
-        }
-        return ai(C, we, Dt, Re, he, it.current, Te);
-      }
-    }
-    var oi = b.ReactCurrentOwner, Md = b.ReactDebugCurrentFrame;
-    function Fn(C) {
-      if (C) {
-        var P = C._owner, z = L(C.type, C._source, P ? P.type : null);
-        Md.setExtraStackFrame(z);
-      } else
-        Md.setExtraStackFrame(null);
-    }
-    var Ll;
-    Ll = !1;
-    function Nl(C) {
-      return typeof C == "object" && C !== null && C.$$typeof === t;
-    }
-    function $d() {
-      {
-        if (oi.current) {
-          var C = le(oi.current.type);
-          if (C)
-            return `
-
-Check the render method of \`` + C + "`.";
-        }
-        return "";
-      }
-    }
-    function $b(C) {
-      {
-        if (C !== void 0) {
-          var P = C.fileName.replace(/^.*[\\\/]/, ""), z = C.lineNumber;
-          return `
-
-Check your code at ` + P + ":" + z + ".";
-        }
-        return "";
-      }
-    }
-    var Ad = {};
-    function Ab(C) {
-      {
-        var P = $d();
-        if (!P) {
-          var z = typeof C == "string" ? C : C.displayName || C.name;
-          z && (P = `
-
-Check the top-level render call using <` + z + ">.");
-        }
-        return P;
-      }
-    }
-    function Pd(C, P) {
-      {
-        if (!C._store || C._store.validated || C.key != null)
-          return;
-        C._store.validated = !0;
-        var z = Ab(P);
-        if (Ad[z])
-          return;
-        Ad[z] = !0;
-        var he = "";
-        C && C._owner && C._owner !== oi.current && (he = " It was passed a child from " + le(C._owner.type) + "."), Fn(C), x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', z, he), Fn(null);
-      }
-    }
-    function Rd(C, P) {
-      {
-        if (typeof C != "object")
-          return;
-        if (ct(C))
-          for (var z = 0; z < C.length; z++) {
-            var he = C[z];
-            Nl(he) && Pd(he, P);
-          }
-        else if (Nl(C))
-          C._store && (C._store.validated = !0);
-        else if (C) {
-          var Re = m(C);
-          if (typeof Re == "function" && Re !== C.entries)
-            for (var qe = Re.call(C), Te; !(Te = qe.next()).done; )
-              Nl(Te.value) && Pd(Te.value, P);
-        }
-      }
+const Wl = (e, t, r) => {
+  const n = e * e;
+  return Math.sqrt(Math.max(0, r * (t * t - n) + n));
+}, $x = [Iu, dn, ba], Ax = (e) => $x.find((t) => t.test(e));
+function Ud(e) {
+  const t = Ax(e);
+  to(!!t, `'${e}' is not an animatable color. Use the equivalent color code instead.`);
+  let r = t.parse(e);
+  return t === ba && (r = Mx(r)), r;
+}
+const xg = (e, t) => {
+  const r = Ud(e), n = Ud(t), a = { ...r };
+  return (i) => (a.red = Wl(r.red, n.red, i), a.green = Wl(r.green, n.green, i), a.blue = Wl(r.blue, n.blue, i), a.alpha = Zs(r.alpha, n.alpha, i), dn.transform(a));
+};
+function Px(e) {
+  var t, r;
+  return isNaN(e) && Qi(e) && (((t = e.match(Hc)) === null || t === void 0 ? void 0 : t.length) || 0) + (((r = e.match(lg)) === null || r === void 0 ? void 0 : r.length) || 0) > 0;
+}
+const wg = {
+  regex: Yy,
+  countKey: "Vars",
+  token: "${v}",
+  parse: eo
+}, Cg = {
+  regex: lg,
+  countKey: "Colors",
+  token: "${c}",
+  parse: Xs.parse
+}, Eg = {
+  regex: Hc,
+  countKey: "Numbers",
+  token: "${n}",
+  parse: Zi.parse
+};
+function Vl(e, { regex: t, countKey: r, token: n, parse: a }) {
+  const i = e.tokenised.match(t);
+  i && (e["num" + r] = i.length, e.tokenised = e.tokenised.replace(t, n), e.values.push(...i.map(a)));
+}
+function ps(e) {
+  const t = e.toString(), r = {
+    value: t,
+    tokenised: t,
+    values: [],
+    numVars: 0,
+    numColors: 0,
+    numNumbers: 0
+  };
+  return r.value.includes("var(--") && Vl(r, wg), Vl(r, Cg), Vl(r, Eg), r;
+}
+function Sg(e) {
+  return ps(e).values;
+}
+function _g(e) {
+  const { values: t, numColors: r, numVars: n, tokenised: a } = ps(e), i = t.length;
+  return (o) => {
+    let s = a;
+    for (let u = 0; u < i; u++)
+      u < n ? s = s.replace(wg.token, o[u]) : u < n + r ? s = s.replace(Cg.token, Xs.transform(o[u])) : s = s.replace(Eg.token, Oi(o[u]));
+    return s;
+  };
+}
+const Rx = (e) => typeof e == "number" ? 0 : e;
+function Dx(e) {
+  const t = Sg(e);
+  return _g(e)(t.map(Rx));
+}
+const Fx = {
+  test: Px,
+  parse: Sg,
+  createTransformer: _g,
+  getAnimatableNone: Dx
+}, kg = (e, t) => (r) => `${r > 0 ? t : e}`;
+function Tg(e, t) {
+  return typeof e == "number" ? (r) => Zs(e, t, r) : Xs.test(e) ? xg(e, t) : e.startsWith("var(") ? kg(e, t) : Mg(e, t);
+}
+const Og = (e, t) => {
+  const r = [...e], n = r.length, a = e.map((i, o) => Tg(i, t[o]));
+  return (i) => {
+    for (let o = 0; o < n; o++)
+      r[o] = a[o](i);
+    return r;
+  };
+}, Ix = (e, t) => {
+  const r = { ...e, ...t }, n = {};
+  for (const a in r)
+    e[a] !== void 0 && t[a] !== void 0 && (n[a] = Tg(e[a], t[a]));
+  return (a) => {
+    for (const i in n)
+      r[i] = n[i](a);
+    return r;
+  };
+}, Mg = (e, t) => {
+  const r = Fx.createTransformer(t), n = ps(e), a = ps(t);
+  return n.numVars === a.numVars && n.numColors === a.numColors && n.numNumbers >= a.numNumbers ? bg(Og(n.values, a.values), r) : (Gc(!0, `Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`), kg(e, t));
+}, Kc = (e, t, r) => {
+  const n = t - e;
+  return n === 0 ? 1 : (r - e) / n;
+}, Yd = (e, t) => (r) => Zs(e, t, r);
+function jx(e) {
+  return typeof e == "number" ? Yd : typeof e == "string" ? Xs.test(e) ? xg : Mg : Array.isArray(e) ? Og : typeof e == "object" ? Ix : Yd;
+}
+function Lx(e, t, r) {
+  const n = [], a = r || jx(e[0]), i = e.length - 1;
+  for (let o = 0; o < i; o++) {
+    let s = a(e[o], e[o + 1]);
+    if (t) {
+      const u = Array.isArray(t) ? t[o] || eo : t;
+      s = bg(u, s);
     }
-    function Pb(C) {
-      {
-        var P = C.type;
-        if (P == null || typeof P == "string")
-          return;
-        var z;
-        if (typeof P == "function")
-          z = P.propTypes;
-        else if (typeof P == "object" && (P.$$typeof === u || // Note: Memo only checks outer props here.
-        // Inner props are checked in the reconciler.
-        P.$$typeof === f))
-          z = P.propTypes;
-        else
-          return;
-        if (z) {
-          var he = le(P);
-          Ne(z, C.props, "prop", he, C);
-        } else if (P.PropTypes !== void 0 && !Ll) {
-          Ll = !0;
-          var Re = le(P);
-          x("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", Re || "Unknown");
+    n.push(s);
+  }
+  return n;
+}
+function Nx(e, t, { clamp: r = !0, ease: n, mixer: a } = {}) {
+  const i = e.length;
+  if (to(i === t.length, "Both input and output ranges must be the same length"), i === 1)
+    return () => t[0];
+  e[0] > e[i - 1] && (e = [...e].reverse(), t = [...t].reverse());
+  const o = Lx(t, n, a), s = o.length, u = (l) => {
+    let c = 0;
+    if (s > 1)
+      for (; c < e.length - 2 && !(l < e[c + 1]); c++)
+        ;
+    const f = Kc(e[c], e[c + 1], l);
+    return o[c](f);
+  };
+  return r ? (l) => u(Vc(e[0], e[i - 1], l)) : u;
+}
+function Bx(e, t) {
+  const r = e[e.length - 1];
+  for (let n = 1; n <= t; n++) {
+    const a = Kc(0, t, n);
+    e.push(Zs(r, 1, a));
+  }
+}
+function zx(e) {
+  const t = [0];
+  return Bx(t, e.length - 1), t;
+}
+function $g(e, t) {
+  return t ? e * (1e3 / t) : 0;
+}
+function Wx(e, t) {
+  e.indexOf(t) === -1 && e.push(t);
+}
+function Vx(e, t) {
+  const r = e.indexOf(t);
+  r > -1 && e.splice(r, 1);
+}
+class Hx {
+  constructor() {
+    this.subscriptions = [];
+  }
+  add(t) {
+    return Wx(this.subscriptions, t), () => Vx(this.subscriptions, t);
+  }
+  notify(t, r, n) {
+    const a = this.subscriptions.length;
+    if (a)
+      if (a === 1)
+        this.subscriptions[0](t, r, n);
+      else
+        for (let i = 0; i < a; i++) {
+          const o = this.subscriptions[i];
+          o && o(t, r, n);
         }
-        typeof P.getDefaultProps == "function" && !P.getDefaultProps.isReactClassApproved && x("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
-      }
+  }
+  getSize() {
+    return this.subscriptions.length;
+  }
+  clear() {
+    this.subscriptions.length = 0;
+  }
+}
+const Gd = /* @__PURE__ */ new Set();
+function Ux(e, t, r) {
+  e || Gd.has(t) || (console.warn(t), r && console.warn(r), Gd.add(t));
+}
+const Yx = (e) => !isNaN(parseFloat(e));
+class Gx {
+  /**
+   * @param init - The initiating value
+   * @param config - Optional configuration options
+   *
+   * -  `transformer`: A function to transform incoming values with.
+   *
+   * @internal
+   */
+  constructor(t, r = {}) {
+    this.version = "10.16.4", this.timeDelta = 0, this.lastUpdated = 0, this.canTrackVelocity = !1, this.events = {}, this.updateAndNotify = (n, a = !0) => {
+      this.prev = this.current, this.current = n;
+      const { delta: i, timestamp: o } = mg;
+      this.lastUpdated !== o && (this.timeDelta = i, this.lastUpdated = o, br.postRender(this.scheduleVelocityCheck)), this.prev !== this.current && this.events.change && this.events.change.notify(this.current), this.events.velocityChange && this.events.velocityChange.notify(this.getVelocity()), a && this.events.renderRequest && this.events.renderRequest.notify(this.current);
+    }, this.scheduleVelocityCheck = () => br.postRender(this.velocityCheck), this.velocityCheck = ({ timestamp: n }) => {
+      n !== this.lastUpdated && (this.prev = this.current, this.events.velocityChange && this.events.velocityChange.notify(this.getVelocity()));
+    }, this.hasAnimated = !1, this.prev = this.current = t, this.canTrackVelocity = Yx(this.current), this.owner = r.owner;
+  }
+  /**
+   * Adds a function that will be notified when the `MotionValue` is updated.
+   *
+   * It returns a function that, when called, will cancel the subscription.
+   *
+   * When calling `onChange` inside a React component, it should be wrapped with the
+   * `useEffect` hook. As it returns an unsubscribe function, this should be returned
+   * from the `useEffect` function to ensure you don't add duplicate subscribers..
+   *
+   * ```jsx
+   * export const MyComponent = () => {
+   *   const x = useMotionValue(0)
+   *   const y = useMotionValue(0)
+   *   const opacity = useMotionValue(1)
+   *
+   *   useEffect(() => {
+   *     function updateOpacity() {
+   *       const maxXY = Math.max(x.get(), y.get())
+   *       const newOpacity = transform(maxXY, [0, 100], [1, 0])
+   *       opacity.set(newOpacity)
+   *     }
+   *
+   *     const unsubscribeX = x.on("change", updateOpacity)
+   *     const unsubscribeY = y.on("change", updateOpacity)
+   *
+   *     return () => {
+   *       unsubscribeX()
+   *       unsubscribeY()
+   *     }
+   *   }, [])
+   *
+   *   return <motion.div style={{ x }} />
+   * }
+   * ```
+   *
+   * @param subscriber - A function that receives the latest value.
+   * @returns A function that, when called, will cancel this subscription.
+   *
+   * @deprecated
+   */
+  onChange(t) {
+    return process.env.NODE_ENV !== "production" && Ux(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", t);
+  }
+  on(t, r) {
+    this.events[t] || (this.events[t] = new Hx());
+    const n = this.events[t].add(r);
+    return t === "change" ? () => {
+      n(), br.read(() => {
+        this.events.change.getSize() || this.stop();
+      });
+    } : n;
+  }
+  clearListeners() {
+    for (const t in this.events)
+      this.events[t].clear();
+  }
+  /**
+   * Attaches a passive effect to the `MotionValue`.
+   *
+   * @internal
+   */
+  attach(t, r) {
+    this.passiveEffect = t, this.stopPassiveEffect = r;
+  }
+  /**
+   * Sets the state of the `MotionValue`.
+   *
+   * @remarks
+   *
+   * ```jsx
+   * const x = useMotionValue(0)
+   * x.set(10)
+   * ```
+   *
+   * @param latest - Latest value to set.
+   * @param render - Whether to notify render subscribers. Defaults to `true`
+   *
+   * @public
+   */
+  set(t, r = !0) {
+    !r || !this.passiveEffect ? this.updateAndNotify(t, r) : this.passiveEffect(t, this.updateAndNotify);
+  }
+  setWithVelocity(t, r, n) {
+    this.set(r), this.prev = t, this.timeDelta = n;
+  }
+  /**
+   * Set the state of the `MotionValue`, stopping any active animations,
+   * effects, and resets velocity to `0`.
+   */
+  jump(t) {
+    this.updateAndNotify(t), this.prev = t, this.stop(), this.stopPassiveEffect && this.stopPassiveEffect();
+  }
+  /**
+   * Returns the latest state of `MotionValue`
+   *
+   * @returns - The latest state of `MotionValue`
+   *
+   * @public
+   */
+  get() {
+    return this.current;
+  }
+  /**
+   * @public
+   */
+  getPrevious() {
+    return this.prev;
+  }
+  /**
+   * Returns the latest velocity of `MotionValue`
+   *
+   * @returns - The latest velocity of `MotionValue`. Returns `0` if the state is non-numerical.
+   *
+   * @public
+   */
+  getVelocity() {
+    return this.canTrackVelocity ? (
+      // These casts could be avoided if parseFloat would be typed better
+      $g(parseFloat(this.current) - parseFloat(this.prev), this.timeDelta)
+    ) : 0;
+  }
+  /**
+   * Registers a new animation to control this `MotionValue`. Only one
+   * animation can drive a `MotionValue` at one time.
+   *
+   * ```jsx
+   * value.start()
+   * ```
+   *
+   * @param animation - A function that starts the provided animation
+   *
+   * @internal
+   */
+  start(t) {
+    return this.stop(), new Promise((r) => {
+      this.hasAnimated = !0, this.animation = t(r), this.events.animationStart && this.events.animationStart.notify();
+    }).then(() => {
+      this.events.animationComplete && this.events.animationComplete.notify(), this.clearAnimation();
+    });
+  }
+  /**
+   * Stop the currently active animation.
+   *
+   * @public
+   */
+  stop() {
+    this.animation && (this.animation.stop(), this.events.animationCancel && this.events.animationCancel.notify()), this.clearAnimation();
+  }
+  /**
+   * Returns `true` if this value is currently animating.
+   *
+   * @public
+   */
+  isAnimating() {
+    return !!this.animation;
+  }
+  clearAnimation() {
+    delete this.animation;
+  }
+  /**
+   * Destroy and clean up subscribers to this `MotionValue`.
+   *
+   * The `MotionValue` hooks like `useMotionValue` and `useTransform` automatically
+   * handle the lifecycle of the returned `MotionValue`, so this method is only necessary if you've manually
+   * created a `MotionValue` via the `motionValue` function.
+   *
+   * @public
+   */
+  destroy() {
+    this.clearListeners(), this.stop(), this.stopPassiveEffect && this.stopPassiveEffect();
+  }
+}
+function So(e, t) {
+  return new Gx(e, t);
+}
+const sr = By(_x);
+function Ag() {
+  const e = Oe(!1);
+  return qs(() => (e.current = !0, () => {
+    e.current = !1;
+  }), []), e;
+}
+function qx() {
+  const e = Ag(), [t, r] = bt(0), n = xt(() => {
+    e.current && r(t + 1);
+  }, [t]);
+  return [xt(() => br.postRender(n), [n]), t];
+}
+class Kx extends de.Component {
+  getSnapshotBeforeUpdate(t) {
+    const r = this.props.childRef.current;
+    if (r && t.isPresent && !this.props.isPresent) {
+      const n = this.props.sizeRef.current;
+      n.height = r.offsetHeight || 0, n.width = r.offsetWidth || 0, n.top = r.offsetTop, n.left = r.offsetLeft;
     }
-    function Rb(C) {
-      {
-        for (var P = Object.keys(C.props), z = 0; z < P.length; z++) {
-          var he = P[z];
-          if (he !== "children" && he !== "key") {
-            Fn(C), x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", he), Fn(null);
-            break;
+    return null;
+  }
+  /**
+   * Required with getSnapshotBeforeUpdate to stop React complaining.
+   */
+  componentDidUpdate() {
+  }
+  render() {
+    return this.props.children;
+  }
+}
+function Xx({ children: e, isPresent: t }) {
+  const r = Ic(), n = Oe(null), a = Oe({
+    width: 0,
+    height: 0,
+    top: 0,
+    left: 0
+  });
+  return j1(() => {
+    const { width: i, height: o, top: s, left: u } = a.current;
+    if (t || !n.current || !i || !o)
+      return;
+    n.current.dataset.motionPopId = r;
+    const l = document.createElement("style");
+    return document.head.appendChild(l), l.sheet && l.sheet.insertRule(`
+          [data-motion-pop-id="${r}"] {
+            position: absolute !important;
+            width: ${i}px !important;
+            height: ${o}px !important;
+            top: ${s}px !important;
+            left: ${u}px !important;
           }
+        `), () => {
+      document.head.removeChild(l);
+    };
+  }, [t]), de.createElement(Kx, { isPresent: t, childRef: n, sizeRef: a }, de.cloneElement(e, { ref: n }));
+}
+const Hl = ({ children: e, initial: t, isPresent: r, onExitComplete: n, custom: a, presenceAffectsLayout: i, mode: o }) => {
+  const s = Yc(Zx), u = Ic(), l = _t(
+    () => ({
+      id: u,
+      initial: t,
+      isPresent: r,
+      custom: a,
+      onExitComplete: (c) => {
+        s.set(c, !0);
+        for (const f of s.values())
+          if (!f)
+            return;
+        n && n();
+      },
+      register: (c) => (s.set(c, !1), () => s.delete(c))
+    }),
+    /**
+     * If the presence of a child affects the layout of the components around it,
+     * we want to make a new context value to ensure they get re-rendered
+     * so they can detect that layout change.
+     */
+    i ? void 0 : [r]
+  );
+  return _t(() => {
+    s.forEach((c, f) => s.set(f, !1));
+  }, [r]), de.useEffect(() => {
+    !r && !s.size && n && n();
+  }, [r]), o === "popLayout" && (e = de.createElement(Xx, { isPresent: r }, e)), de.createElement(Bc.Provider, { value: l }, e);
+};
+function Zx() {
+  return /* @__PURE__ */ new Map();
+}
+function Qx(e) {
+  return Ze(() => () => e(), []);
+}
+const qn = (e) => e.key || "";
+function Jx(e, t) {
+  e.forEach((r) => {
+    const n = qn(r);
+    t.set(n, r);
+  });
+}
+function e5(e) {
+  const t = [];
+  return Lb.forEach(e, (r) => {
+    jc(r) && t.push(r);
+  }), t;
+}
+const Pg = ({ children: e, custom: t, initial: r = !0, onExitComplete: n, exitBeforeEnter: a, presenceAffectsLayout: i = !0, mode: o = "sync" }) => {
+  to(!a, "Replace exitBeforeEnter with mode='wait'");
+  const s = qt(rg).forceRender || qx()[0], u = Ag(), l = e5(e);
+  let c = l;
+  const f = Oe(/* @__PURE__ */ new Map()).current, d = Oe(c), h = Oe(/* @__PURE__ */ new Map()).current, v = Oe(!0);
+  if (qs(() => {
+    v.current = !1, Jx(l, h), d.current = c;
+  }), Qx(() => {
+    v.current = !0, h.clear(), f.clear();
+  }), v.current)
+    return de.createElement(de.Fragment, null, c.map((x) => de.createElement(Hl, { key: qn(x), isPresent: !0, initial: r ? void 0 : !1, presenceAffectsLayout: i, mode: o }, x)));
+  c = [...c];
+  const p = d.current.map(qn), m = l.map(qn), b = p.length;
+  for (let x = 0; x < b; x++) {
+    const E = p[x];
+    m.indexOf(E) === -1 && !f.has(E) && f.set(E, void 0);
+  }
+  return o === "wait" && f.size && (c = []), f.forEach((x, E) => {
+    if (m.indexOf(E) !== -1)
+      return;
+    const T = h.get(E);
+    if (!T)
+      return;
+    const w = p.indexOf(E);
+    let _ = x;
+    if (!_) {
+      const k = () => {
+        h.delete(E), f.delete(E);
+        const O = d.current.findIndex(($) => $.key === E);
+        if (d.current.splice(O, 1), !f.size) {
+          if (d.current = l, u.current === !1)
+            return;
+          s(), n && n();
         }
-        C.ref !== null && (Fn(C), x("Invalid attribute `ref` supplied to `React.Fragment`."), Fn(null));
-      }
+      };
+      _ = de.createElement(Hl, { key: qn(T), isPresent: !1, onExitComplete: k, custom: t, presenceAffectsLayout: i, mode: o }, T), f.set(E, _);
     }
-    function Dd(C, P, z, he, Re, qe) {
-      {
-        var Te = R(C);
-        if (!Te) {
-          var we = "";
-          (C === void 0 || typeof C == "object" && C !== null && Object.keys(C).length === 0) && (we += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var Dt = $b(Re);
-          Dt ? we += Dt : we += $d();
-          var gt;
-          C === null ? gt = "null" : ct(C) ? gt = "array" : C !== void 0 && C.$$typeof === t ? (gt = "<" + (le(C.type) || "Unknown") + " />", we = " Did you accidentally export a JSX literal instead of a component?") : gt = typeof C, x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", gt, we);
-        }
-        var yt = ii(C, P, z, Re, qe);
-        if (yt == null)
-          return yt;
-        if (Te) {
-          var tr = P.children;
-          if (tr !== void 0)
-            if (he)
-              if (ct(tr)) {
-                for (var In = 0; In < tr.length; In++)
-                  Rd(tr[In], C);
-                Object.freeze && Object.freeze(tr);
-              } else
-                x("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
-            else
-              Rd(tr, C);
-        }
-        return C === n ? Rb(yt) : Pb(yt), yt;
+    c.splice(w, 0, _);
+  }), c = c.map((x) => {
+    const E = x.key;
+    return f.has(E) ? x : de.createElement(Hl, { key: qn(x), isPresent: !0, presenceAffectsLayout: i, mode: o }, x);
+  }), process.env.NODE_ENV !== "production" && o === "wait" && c.length > 1 && console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`), de.createElement(de.Fragment, null, f.size ? c : c.map((x) => L1(x)));
+};
+function t5({ children: e, features: t, strict: r = !1 }) {
+  const [, n] = bt(!Ul(t)), a = Oe(void 0);
+  if (!Ul(t)) {
+    const { renderer: i, ...o } = t;
+    a.current = i, Fu(o);
+  }
+  return Ze(() => {
+    Ul(t) && t().then(({ renderer: i, ...o }) => {
+      Fu(o), a.current = i, n(!0);
+    });
+  }, []), de.createElement(zc.Provider, { value: { renderer: a.current, strict: r } }, e);
+}
+function Ul(e) {
+  return typeof e == "function";
+}
+function r5(e, t, r) {
+  var n;
+  if (typeof e == "string") {
+    let a = document;
+    t && (to(!!t.current, "Scope provided, but no element detected."), a = t.current), r ? ((n = r[e]) !== null && n !== void 0 || (r[e] = a.querySelectorAll(e)), e = r[e]) : e = a.querySelectorAll(e);
+  } else
+    e instanceof Element && (e = [e]);
+  return Array.from(e || []);
+}
+const Xo = /* @__PURE__ */ new WeakMap();
+let Hr;
+function n5(e, t) {
+  if (t) {
+    const { inlineSize: r, blockSize: n } = t[0];
+    return { width: r, height: n };
+  } else
+    return e instanceof SVGElement && "getBBox" in e ? e.getBBox() : {
+      width: e.offsetWidth,
+      height: e.offsetHeight
+    };
+}
+function a5({ target: e, contentRect: t, borderBoxSize: r }) {
+  var n;
+  (n = Xo.get(e)) === null || n === void 0 || n.forEach((a) => {
+    a({
+      target: e,
+      contentSize: t,
+      get size() {
+        return n5(e, r);
       }
-    }
-    function Db(C, P, z) {
-      return Dd(C, P, z, !0);
-    }
-    function Fb(C, P, z) {
-      return Dd(C, P, z, !1);
-    }
-    var Ib = Fb, jb = Db;
-    ui.Fragment = n, ui.jsx = Ib, ui.jsxs = jb;
-  }()), ui;
+    });
+  });
+}
+function i5(e) {
+  e.forEach(a5);
+}
+function o5() {
+  typeof ResizeObserver > "u" || (Hr = new ResizeObserver(i5));
+}
+function s5(e, t) {
+  Hr || o5();
+  const r = r5(e);
+  return r.forEach((n) => {
+    let a = Xo.get(n);
+    a || (a = /* @__PURE__ */ new Set(), Xo.set(n, a)), a.add(t), Hr == null || Hr.observe(n);
+  }), () => {
+    r.forEach((n) => {
+      const a = Xo.get(n);
+      a == null || a.delete(t), a != null && a.size || Hr == null || Hr.unobserve(n);
+    });
+  };
+}
+const Zo = /* @__PURE__ */ new Set();
+let $i;
+function l5() {
+  $i = () => {
+    const e = {
+      width: window.innerWidth,
+      height: window.innerHeight
+    }, t = {
+      target: window,
+      size: e,
+      contentSize: e
+    };
+    Zo.forEach((r) => r(t));
+  }, window.addEventListener("resize", $i);
+}
+function u5(e) {
+  return Zo.add(e), $i || l5(), () => {
+    Zo.delete(e), !Zo.size && $i && ($i = void 0);
+  };
+}
+function c5(e, t) {
+  return typeof e == "function" ? u5(e) : s5(e, t);
+}
+const f5 = 50, qd = () => ({
+  current: 0,
+  offset: [],
+  progress: 0,
+  scrollLength: 0,
+  targetOffset: 0,
+  targetLength: 0,
+  containerLength: 0,
+  velocity: 0
+}), d5 = () => ({
+  time: 0,
+  x: qd(),
+  y: qd()
+}), h5 = {
+  x: {
+    length: "Width",
+    position: "Left"
+  },
+  y: {
+    length: "Height",
+    position: "Top"
+  }
+};
+function Kd(e, t, r, n) {
+  const a = r[t], { length: i, position: o } = h5[t], s = a.current, u = r.time;
+  a.current = e["scroll" + o], a.scrollLength = e["scroll" + i] - e["client" + i], a.offset.length = 0, a.offset[0] = 0, a.offset[1] = a.scrollLength, a.progress = Kc(0, a.scrollLength, a.current);
+  const l = n - u;
+  a.velocity = l > f5 ? 0 : $g(a.current - s, l);
+}
+function p5(e, t, r) {
+  Kd(e, "x", t, r), Kd(e, "y", t, r), t.time = r;
+}
+function g5(e, t) {
+  const r = { x: 0, y: 0 };
+  let n = e;
+  for (; n && n !== t; )
+    if (n instanceof HTMLElement)
+      r.x += n.offsetLeft, r.y += n.offsetTop, n = n.offsetParent;
+    else if (n.tagName === "svg") {
+      const a = n.getBoundingClientRect();
+      n = n.parentElement;
+      const i = n.getBoundingClientRect();
+      r.x += a.left - i.left, r.y += a.top - i.top;
+    } else if (n instanceof SVGGraphicsElement) {
+      const { x: a, y: i } = n.getBBox();
+      r.x += a, r.y += i;
+      let o = null, s = n.parentNode;
+      for (; !o; )
+        s.tagName === "svg" && (o = s), s = n.parentNode;
+      n = o;
+    } else
+      break;
+  return r;
+}
+const v5 = {
+  Enter: [
+    [0, 1],
+    [1, 1]
+  ],
+  Exit: [
+    [0, 0],
+    [1, 0]
+  ],
+  Any: [
+    [1, 0],
+    [0, 1]
+  ],
+  All: [
+    [0, 0],
+    [1, 1]
+  ]
+}, ju = {
+  start: 0,
+  center: 0.5,
+  end: 1
+};
+function Xd(e, t, r = 0) {
+  let n = 0;
+  if (ju[e] !== void 0 && (e = ju[e]), typeof e == "string") {
+    const a = parseFloat(e);
+    e.endsWith("px") ? n = a : e.endsWith("%") ? e = a / 100 : e.endsWith("vw") ? n = a / 100 * document.documentElement.clientWidth : e.endsWith("vh") ? n = a / 100 * document.documentElement.clientHeight : e = a;
+  }
+  return typeof e == "number" && (n = t * e), r + n;
+}
+const m5 = [0, 0];
+function b5(e, t, r, n) {
+  let a = Array.isArray(e) ? e : m5, i = 0, o = 0;
+  return typeof e == "number" ? a = [e, e] : typeof e == "string" && (e = e.trim(), e.includes(" ") ? a = e.split(" ") : a = [e, ju[e] ? e : "0"]), i = Xd(a[0], r, n), o = Xd(a[1], t), i - o;
+}
+const y5 = { x: 0, y: 0 };
+function x5(e) {
+  return "getBBox" in e && e.tagName !== "svg" ? e.getBBox() : { width: e.clientWidth, height: e.clientHeight };
+}
+function w5(e, t, r) {
+  let { offset: n = v5.All } = r;
+  const { target: a = e, axis: i = "y" } = r, o = i === "y" ? "height" : "width", s = a !== e ? g5(a, e) : y5, u = a === e ? { width: e.scrollWidth, height: e.scrollHeight } : x5(a), l = {
+    width: e.clientWidth,
+    height: e.clientHeight
+  };
+  t[i].offset.length = 0;
+  let c = !t[i].interpolate;
+  const f = n.length;
+  for (let d = 0; d < f; d++) {
+    const h = b5(n[d], l[o], u[o], s[i]);
+    !c && h !== t[i].interpolatorOffsets[d] && (c = !0), t[i].offset[d] = h;
+  }
+  c && (t[i].interpolate = Nx(t[i].offset, zx(n)), t[i].interpolatorOffsets = [...t[i].offset]), t[i].progress = t[i].interpolate(t[i].current);
+}
+function C5(e, t = e, r) {
+  if (r.x.targetOffset = 0, r.y.targetOffset = 0, t !== e) {
+    let n = t;
+    for (; n && n !== e; )
+      r.x.targetOffset += n.offsetLeft, r.y.targetOffset += n.offsetTop, n = n.offsetParent;
+  }
+  r.x.targetLength = t === e ? t.scrollWidth : t.clientWidth, r.y.targetLength = t === e ? t.scrollHeight : t.clientHeight, r.x.containerLength = e.clientWidth, r.y.containerLength = e.clientHeight;
+}
+function E5(e, t, r, n = {}) {
+  return {
+    measure: () => C5(e, n.target, r),
+    update: (a) => {
+      p5(e, r, a), (n.offset || n.target) && w5(e, r, n);
+    },
+    notify: () => t(r)
+  };
+}
+const ui = /* @__PURE__ */ new WeakMap(), Zd = /* @__PURE__ */ new WeakMap(), Yl = /* @__PURE__ */ new WeakMap(), Qd = (e) => e === document.documentElement ? window : e;
+function S5(e, { container: t = document.documentElement, ...r } = {}) {
+  let n = Yl.get(t);
+  n || (n = /* @__PURE__ */ new Set(), Yl.set(t, n));
+  const a = d5(), i = E5(t, e, a, r);
+  if (n.add(i), !ui.has(t)) {
+    const s = () => {
+      for (const d of n)
+        d.measure();
+    }, u = () => {
+      for (const d of n)
+        d.update(mg.timestamp);
+    }, l = () => {
+      for (const d of n)
+        d.notify();
+    }, c = () => {
+      br.read(s, !1, !0), br.update(u, !1, !0), br.update(l, !1, !0);
+    };
+    ui.set(t, c);
+    const f = Qd(t);
+    window.addEventListener("resize", c, { passive: !0 }), t !== document.documentElement && Zd.set(t, c5(t, c)), f.addEventListener("scroll", c, { passive: !0 });
+  }
+  const o = ui.get(t);
+  return br.read(o, !1, !0), () => {
+    var s;
+    Cx(o);
+    const u = Yl.get(t);
+    if (!u || (u.delete(i), u.size))
+      return;
+    const l = ui.get(t);
+    ui.delete(t), l && (Qd(t).removeEventListener("scroll", l), (s = Zd.get(t)) === null || s === void 0 || s(), window.removeEventListener("resize", l));
+  };
+}
+function Jd(e, t) {
+  Gc(!!(!t || t.current), `You have defined a ${e} options but the provided ref is not yet hydrated, probably because it's defined higher up the tree. Try calling useScroll() in the same component as the ref, or setting its \`layoutEffect: false\` option.`);
+}
+const _5 = () => ({
+  scrollX: So(0),
+  scrollY: So(0),
+  scrollXProgress: So(0),
+  scrollYProgress: So(0)
+});
+function k5({ container: e, target: t, layoutEffect: r = !0, ...n } = {}) {
+  const a = Yc(_5);
+  return (r ? qs : Ze)(() => (Jd("target", t), Jd("container", e), S5(({ x: o, y: s }) => {
+    a.scrollX.set(o.current), a.scrollXProgress.set(o.progress), a.scrollY.set(s.current), a.scrollYProgress.set(s.progress);
+  }, {
+    ...n,
+    container: (e == null ? void 0 : e.current) || void 0,
+    target: (t == null ? void 0 : t.current) || void 0
+  })), [e, t, JSON.stringify(n.offset)]), a;
 }
-process.env.NODE_ENV === "production" ? ju.exports = _5() : ju.exports = k5();
-var g = ju.exports;
 const NK = ({
   open: e = !1,
   variants: t,
@@ -6294,7 +6295,7 @@ const z4 = (e, t, r) => {
     ...n,
     children: r
   }
-), W4 = () => import("./features-e3ff8180.js").then((e) => e.default), V4 = ({ children: e }) => /* @__PURE__ */ g.jsx(Jx, { strict: !0, features: W4, children: /* @__PURE__ */ g.jsxs(sr.div, { style: { height: "100%" }, children: [
+), W4 = () => import("./features-1203c748.js").then((e) => e.default), V4 = ({ children: e }) => /* @__PURE__ */ g.jsx(t5, { strict: !0, features: W4, children: /* @__PURE__ */ g.jsxs(sr.div, { style: { height: "100%" }, children: [
   " ",
   e,
   " "
@@ -33975,7 +33976,7 @@ const PX = (e, t, r = "mousedown") => {
     !a || a.contains(n.target) || t(n);
   });
 }, RX = (e = 100, t) => {
-  const { scrollY: r } = S5(t), [n, a] = bt(!1);
+  const { scrollY: r } = k5(t), [n, a] = bt(!1);
   return Ze(
     () => r.onChange((i) => {
       i > e ? a(!0) : a(!1);
@@ -34121,39 +34122,39 @@ export {
   ug as $,
   jK as A,
   tg as B,
-  dx as C,
-  My as D,
-  Pu as E,
+  px as C,
+  Ay as D,
+  Ru as E,
   Zs as F,
   Kc as G,
-  Ty as H,
+  My as H,
   RK as I,
-  Bx as J,
-  zx as K,
+  Wx as J,
+  Vx as K,
   rg as L,
-  Wx as M,
+  Hx as M,
   LK as N,
-  px as O,
+  vx as O,
   Bc as P,
   ag as Q,
   DK as R,
-  Dy as S,
+  Iy as S,
   Ks as T,
   eg as U,
-  Vx as V,
+  Ux as V,
   Wc as W,
-  Ay as X,
-  Ru as Y,
-  $y as Z,
-  Vy as _,
-  jx as a,
-  T5 as a$,
+  Ry as X,
+  Du as Y,
+  Py as Z,
+  Uy as _,
+  Nx as a,
+  I5 as a$,
   gg as a0,
-  sx as a1,
-  lx as a2,
-  cx as a3,
+  ux as a1,
+  cx as a2,
+  dx as a3,
   dg as a4,
-  ux as a5,
+  fx as a5,
   pg as a6,
   ng as a7,
   Iv as a8,
@@ -34182,9 +34183,9 @@ export {
   CX as aV,
   EX as aW,
   SX as aX,
-  sr as aY,
-  NK as aZ,
-  BK as a_,
+  NK as aY,
+  BK as aZ,
+  T5 as a_,
   HK as aa,
   UK as ab,
   YK as ac,
@@ -34212,73 +34213,72 @@ export {
   iX as ay,
   fU as az,
   Vc as b,
-  I5 as b0,
-  zK as b1,
-  WK as b2,
-  V4 as b3,
-  _y as b4,
-  wK as b5,
-  ds as b6,
-  EK as b7,
-  SK as b8,
-  _K as b9,
-  Dq as bA,
-  AX as bB,
-  PX as bC,
-  RX as bD,
-  DX as bE,
-  ZK as bF,
-  FX as bG,
-  oX as bH,
-  IX as bI,
-  jX as bJ,
-  tX as bK,
-  XK as bL,
-  LX as bM,
-  NX as bN,
-  BX as bO,
-  kK as ba,
-  TK as bb,
-  OK as bc,
-  MK as bd,
-  Au as be,
-  CK as bf,
-  me as bg,
-  Ee as bh,
-  $K as bi,
-  AK as bj,
-  PK as bk,
-  h6 as bl,
-  dv as bm,
-  E6 as bn,
-  hf as bo,
-  C6 as bp,
-  w6 as bq,
-  VK as br,
-  _X as bs,
-  kX as bt,
-  TX as bu,
-  OX as bv,
-  Ob as bw,
-  MX as bx,
-  z4 as by,
-  $X as bz,
-  ox as c,
-  Nx as d,
-  xx as e,
+  zK as b0,
+  WK as b1,
+  V4 as b2,
+  _y as b3,
+  wK as b4,
+  ds as b5,
+  EK as b6,
+  SK as b7,
+  _K as b8,
+  kK as b9,
+  AX as bA,
+  PX as bB,
+  RX as bC,
+  DX as bD,
+  ZK as bE,
+  FX as bF,
+  oX as bG,
+  IX as bH,
+  jX as bI,
+  tX as bJ,
+  XK as bK,
+  LX as bL,
+  NX as bM,
+  BX as bN,
+  TK as ba,
+  OK as bb,
+  MK as bc,
+  Au as bd,
+  CK as be,
+  me as bf,
+  Ee as bg,
+  $K as bh,
+  AK as bi,
+  PK as bj,
+  h6 as bk,
+  dv as bl,
+  E6 as bm,
+  hf as bn,
+  C6 as bo,
+  w6 as bp,
+  VK as bq,
+  _X as br,
+  kX as bs,
+  TX as bt,
+  OX as bu,
+  Ob as bv,
+  MX as bw,
+  z4 as bx,
+  $X as by,
+  Dq as bz,
+  lx as c,
+  zx as d,
+  Cx as e,
   br as f,
   mg as g,
-  Rx as h,
+  Fx as h,
   to as i,
   Hc as j,
-  Gy as k,
+  Ky as k,
   Xs as l,
   mn as m,
   eo as n,
   Zi as o,
   bg as p,
   ge as q,
-  fx as r,
+  hx as r,
   Mi as s,
   ig as t,
   rn as u,