lizaui 3.0.35 → 3.0.36

package/dist/chunks/button-C6LoJycL.js

@@ -1,4112 +0,0 @@
-import { j as P } from "./jsx-runtime-BYq8_R6m.js";
-import * as xt from "react";
-import { useState as Pe, useCallback as se, useId as ke, useMemo as W, cloneElement as rr, isValidElement as jn, createContext as ie, useRef as j, useLayoutEffect as ir, useEffect as Ne, useContext as O, useInsertionEffect as $n, Children as or, forwardRef as Wn, Fragment as Gn, createElement as ar } from "react";
-import { u as lr, d as Zt } from "./refs-DcCOPvdv.js";
-import { t as cr } from "./tv-ButAo3dF.js";
-import { d as ur, c as Q } from "./classes-7MXTIFwM.js";
-import { c as V } from "./variants-DhZQjbsQ.js";
-import { c as dr } from "./clsx-OuTLNxxd.js";
-import { S as fr } from "./index-ctnzfHek.js";
-function hr(e, t, n) {
-  return Math.min(Math.max(e, t), n);
-}
-function pr(e) {
-  return `${e}-${Math.floor(Math.random() * 1e6)}`;
-}
-const mr = cr({
-  base: [
-    "z-0",
-    "cursor-pointer",
-    "group",
-    "relative",
-    "inline-flex",
-    "items-center",
-    "justify-center",
-    "box-border",
-    "appearance-none",
-    "outline-none",
-    "select-none",
-    "whitespace-nowrap",
-    "min-w-max",
-    "font-medium",
-    "subpixel-antialiased",
-    "overflow-hidden",
-    "tap-highlight-transparent",
-    "transform-gpu data-[pressed=true]:scale-[0.97]",
-    // focus ring
-    ...ur
-  ],
-  variants: {
-    variant: {
-      solid: "",
-      bordered: "border-[2px] bg-transparent",
-      light: "bg-transparent",
-      flat: "",
-      faded: "border-[2px]",
-      shadow: "",
-      ghost: "border-[2px] bg-transparent"
-    },
-    size: {
-      sm: "px-3 min-w-16 h-8 text-tiny gap-2 rounded-sm",
-      md: "px-4 min-w-20 h-10 text-sm gap-2 rounded-md",
-      lg: "px-6 min-w-24 h-12 text-md gap-3 rounded-lg"
-    },
-    color: {
-      default: "",
-      primary: "",
-      secondary: "",
-      success: "",
-      warning: "",
-      danger: ""
-    },
-    radius: {
-      none: "rounded-none",
-      sm: "rounded-sm",
-      md: "rounded-md",
-      lg: "rounded-lg",
-      full: "rounded-full"
-    },
-    fullWidth: {
-      true: "w-full"
-    },
-    isDisabled: {
-      true: "opacity-80 pointer-events-none"
-    },
-    isInGroup: {
-      true: "[&:not(:first-child):not(:last-child)]:rounded-none"
-    },
-    isIconOnly: {
-      true: "px-0 !gap-0",
-      false: "[&>svg]:max-w-[theme(spacing.8)]"
-    },
-    disableAnimation: {
-      true: "!transition-none data-[pressed=true]:scale-100",
-      false: "transition-transform-colors-opacity motion-reduce:transition-none"
-    }
-  },
-  defaultVariants: {
-    size: "md",
-    variant: "solid",
-    color: "default",
-    fullWidth: !1,
-    isDisabled: !1,
-    isInGroup: !1
-  },
-  compoundVariants: [
-    // solid / color
-    {
-      variant: "solid",
-      color: "default",
-      class: V.solid.default
-    },
-    {
-      variant: "solid",
-      color: "primary",
-      class: V.solid.primary
-    },
-    {
-      variant: "solid",
-      color: "secondary",
-      class: V.solid.secondary
-    },
-    {
-      variant: "solid",
-      color: "success",
-      class: V.solid.success
-    },
-    {
-      variant: "solid",
-      color: "warning",
-      class: V.solid.warning
-    },
-    {
-      variant: "solid",
-      color: "danger",
-      class: V.solid.danger
-    },
-    // shadow / color
-    {
-      variant: "shadow",
-      color: "default",
-      class: V.shadow.default
-    },
-    {
-      variant: "shadow",
-      color: "primary",
-      class: V.shadow.primary
-    },
-    {
-      variant: "shadow",
-      color: "secondary",
-      class: V.shadow.secondary
-    },
-    {
-      variant: "shadow",
-      color: "success",
-      class: V.shadow.success
-    },
-    {
-      variant: "shadow",
-      color: "warning",
-      class: V.shadow.warning
-    },
-    {
-      variant: "shadow",
-      color: "danger",
-      class: V.shadow.danger
-    },
-    // bordered / color
-    {
-      variant: "bordered",
-      color: "default",
-      class: V.bordered.default
-    },
-    {
-      variant: "bordered",
-      color: "primary",
-      class: V.bordered.primary
-    },
-    {
-      variant: "bordered",
-      color: "secondary",
-      class: V.bordered.secondary
-    },
-    {
-      variant: "bordered",
-      color: "success",
-      class: V.bordered.success
-    },
-    {
-      variant: "bordered",
-      color: "warning",
-      class: V.bordered.warning
-    },
-    {
-      variant: "bordered",
-      color: "danger",
-      class: V.bordered.danger
-    },
-    // flat / color
-    {
-      variant: "flat",
-      color: "default",
-      class: V.flat.default
-    },
-    {
-      variant: "flat",
-      color: "primary",
-      class: V.flat.primary
-    },
-    {
-      variant: "flat",
-      color: "secondary",
-      class: V.flat.secondary
-    },
-    {
-      variant: "flat",
-      color: "success",
-      class: V.flat.success
-    },
-    {
-      variant: "flat",
-      color: "warning",
-      class: V.flat.warning
-    },
-    {
-      variant: "flat",
-      color: "danger",
-      class: V.flat.danger
-    },
-    // faded / color
-    {
-      variant: "faded",
-      color: "default",
-      class: V.faded.default
-    },
-    {
-      variant: "faded",
-      color: "primary",
-      class: V.faded.primary
-    },
-    {
-      variant: "faded",
-      color: "secondary",
-      class: V.faded.secondary
-    },
-    {
-      variant: "faded",
-      color: "success",
-      class: V.faded.success
-    },
-    {
-      variant: "faded",
-      color: "warning",
-      class: V.faded.warning
-    },
-    {
-      variant: "faded",
-      color: "danger",
-      class: V.faded.danger
-    },
-    // light / color
-    {
-      variant: "light",
-      color: "default",
-      class: [V.light.default, "data-[hover=true]:bg-default/40"]
-    },
-    {
-      variant: "light",
-      color: "primary",
-      class: [V.light.primary, "data-[hover=true]:bg-primary/20"]
-    },
-    {
-      variant: "light",
-      color: "secondary",
-      class: [V.light.secondary, "data-[hover=true]:bg-secondary/20"]
-    },
-    {
-      variant: "light",
-      color: "success",
-      class: [V.light.success, "data-[hover=true]:bg-success/20"]
-    },
-    {
-      variant: "light",
-      color: "warning",
-      class: [V.light.warning, "data-[hover=true]:bg-warning/20"]
-    },
-    {
-      variant: "light",
-      color: "danger",
-      class: [V.light.danger, "data-[hover=true]:bg-danger/20"]
-    },
-    // ghost / color
-    {
-      variant: "ghost",
-      color: "default",
-      class: [V.ghost.default, "data-[hover=true]:!bg-default"]
-    },
-    {
-      variant: "ghost",
-      color: "primary",
-      class: [V.ghost.primary, "data-[hover=true]:!bg-primary data-[hover=true]:!text-primary-foreground"]
-    },
-    {
-      variant: "ghost",
-      color: "secondary",
-      class: [V.ghost.secondary, "data-[hover=true]:!bg-secondary data-[hover=true]:!text-secondary-foreground"]
-    },
-    {
-      variant: "ghost",
-      color: "success",
-      class: [V.ghost.success, "data-[hover=true]:!bg-success data-[hover=true]:!text-success-foreground"]
-    },
-    {
-      variant: "ghost",
-      color: "warning",
-      class: [V.ghost.warning, "data-[hover=true]:!bg-warning data-[hover=true]:!text-warning-foreground"]
-    },
-    {
-      variant: "ghost",
-      color: "danger",
-      class: [V.ghost.danger, "data-[hover=true]:!bg-danger data-[hover=true]:!text-danger-foreground"]
-    },
-    // isInGroup / radius / size <-- radius not provided
-    {
-      isInGroup: !0,
-      class: "rounded-none first:rounded-s-medium last:rounded-e-medium"
-    },
-    {
-      isInGroup: !0,
-      size: "sm",
-      class: "rounded-none first:rounded-s-small last:rounded-e-small"
-    },
-    {
-      isInGroup: !0,
-      size: "md",
-      class: "rounded-none first:rounded-s-medium last:rounded-e-medium"
-    },
-    {
-      isInGroup: !0,
-      size: "lg",
-      class: "rounded-none first:rounded-s-large last:rounded-e-large"
-    },
-    {
-      isInGroup: !0,
-      isRounded: !0,
-      class: "rounded-none first:rounded-s-full last:rounded-e-full"
-    },
-    // isInGroup / radius <-- radius provided
-    {
-      isInGroup: !0,
-      radius: "none",
-      class: "rounded-none first:rounded-s-none last:rounded-e-none"
-    },
-    {
-      isInGroup: !0,
-      radius: "sm",
-      class: "rounded-none first:rounded-s-small last:rounded-e-small"
-    },
-    {
-      isInGroup: !0,
-      radius: "md",
-      class: "rounded-none first:rounded-s-medium last:rounded-e-medium"
-    },
-    {
-      isInGroup: !0,
-      radius: "lg",
-      class: "rounded-none first:rounded-s-large last:rounded-e-large"
-    },
-    {
-      isInGroup: !0,
-      radius: "full",
-      class: "rounded-none first:rounded-s-full last:rounded-e-full"
-    },
-    // isInGroup / bordered / ghost
-    {
-      isInGroup: !0,
-      variant: ["ghost", "bordered"],
-      color: "default",
-      className: Q.default
-    },
-    {
-      isInGroup: !0,
-      variant: ["ghost", "bordered"],
-      color: "primary",
-      className: Q.primary
-    },
-    {
-      isInGroup: !0,
-      variant: ["ghost", "bordered"],
-      color: "secondary",
-      className: Q.secondary
-    },
-    {
-      isInGroup: !0,
-      variant: ["ghost", "bordered"],
-      color: "success",
-      className: Q.success
-    },
-    {
-      isInGroup: !0,
-      variant: ["ghost", "bordered"],
-      color: "warning",
-      className: Q.warning
-    },
-    {
-      isInGroup: !0,
-      variant: ["ghost", "bordered"],
-      color: "danger",
-      className: Q.danger
-    },
-    {
-      isIconOnly: !0,
-      size: "sm",
-      class: "min-w-8 w-8 h-8"
-    },
-    {
-      isIconOnly: !0,
-      size: "md",
-      class: "min-w-10 w-10 h-10"
-    },
-    {
-      isIconOnly: !0,
-      size: "lg",
-      class: "min-w-12 w-12 h-12"
-    },
-    // variant / hover
-    {
-      variant: ["solid", "faded", "flat", "bordered", "shadow"],
-      class: "hover:opacity-80"
-    }
-  ]
-});
-function gr(e = {}) {
-  const [t, n] = Pe([]), s = se((i) => {
-    const o = i.target, a = Math.max(o.clientWidth, o.clientHeight);
-    n((c) => [
-      ...c,
-      {
-        key: pr(c.length.toString()),
-        size: a,
-        x: i.x - a / 2,
-        y: i.y - a / 2
-      }
-    ]);
-  }, []), r = se((i) => {
-    n((o) => o.filter((a) => a.key !== i));
-  }, []);
-  return { ripples: t, onClear: r, onPress: s, ...e };
-}
-function yr(e) {
-  const {
-    id: t,
-    classNames: n,
-    className: s,
-    asChild: r,
-    children: i,
-    isLoading: o = !1,
-    disabled: a = !1,
-    isIconOnly: c = !1,
-    onClick: u,
-    startContent: l,
-    endContent: d,
-    spinner: f = null,
-    spinnerPlacement: h = "start",
-    type: m = "button",
-    ...v
-  } = e, T = lr(e.ref), p = ke(), S = t || p, { onPress: y, onClear: A, ripples: g } = gr(), w = W(
-    () => mr({
-      size: e.size,
-      color: e.color,
-      variant: e.variant,
-      radius: e.radius,
-      fullWidth: e.fullWidth,
-      isDisabled: a || o,
-      disableAnimation: e.disableAnimation,
-      isIconOnly: c,
-      isInGroup: e.isInGroup,
-      className: s
-    }),
-    [e, s, a, o, c]
-  ), M = se(
-    (N) => {
-      if (a) {
-        N.preventDefault();
-        return;
-      }
-      u == null || u(N);
-    },
-    [u, a]
-  ), x = (N) => jn(N) ? rr(N, {
-    // "aria-hidden": true,
-    // "focusable": false,
-  }) : null, I = x(l), R = x(d), z = (N) => {
-    const ze = N.currentTarget.getBoundingClientRect(), F = {
-      target: N.currentTarget,
-      x: N.clientX - ze.left,
-      y: N.clientY - ze.top
-    };
-    y(F);
-  }, Te = () => ({
-    className: dr(w, n == null ? void 0 : n.base),
-    "data-disabled": Zt(a),
-    "data-loading": Zt(o),
-    onClick: M,
-    onPointerDown: z,
-    "data-slot": "button",
-    "aria-disabled": a,
-    id: S,
-    type: m,
-    ...v
-  }), We = se(() => ({ ripples: g, onClear: A }), [g, A]);
-  return {
-    domRef: T,
-    isIconOnly: c,
-    Component: r ? fr : "button",
-    children: i,
-    isLoading: o,
-    spinner: f,
-    spinnerPlacement: h,
-    startContent: I,
-    endContent: R,
-    getButtonProps: Te,
-    getRippleProps: We
-  };
-}
-const zn = ie({});
-function Tt(e) {
-  const t = j(null);
-  return t.current === null && (t.current = e()), t.current;
-}
-const Vt = typeof window < "u", _n = Vt ? ir : Ne, Le = /* @__PURE__ */ ie(null);
-function br(e, t) {
-  e.indexOf(t) === -1 && e.push(t);
-}
-function vr(e, t) {
-  const n = e.indexOf(t);
-  n > -1 && e.splice(n, 1);
-}
-const J = (e, t, n) => n > t ? t : n < e ? e : n;
-let oe = () => {
-}, U = () => {
-};
-process.env.NODE_ENV !== "production" && (oe = (e, t) => {
-}, U = (e, t) => {
-  if (!e)
-    throw new Error(t);
-});
-const G = {}, Un = (e) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e);
-function wr(e) {
-  return typeof e == "object" && e !== null;
-}
-const Hn = (e) => /^0[^.\s]+$/u.test(e);
-// @__NO_SIDE_EFFECTS__
-function St(e) {
-  let t;
-  return () => (t === void 0 && (t = e()), t);
-}
-const ae = /* @__NO_SIDE_EFFECTS__ */ (e) => e, xr = (e, t) => (n) => t(e(n)), Be = (...e) => e.reduce(xr), Yn = /* @__NO_SIDE_EFFECTS__ */ (e, t, n) => {
-  const s = t - e;
-  return s === 0 ? 1 : (n - e) / s;
-};
-class Xn {
-  constructor() {
-    this.subscriptions = [];
-  }
-  add(t) {
-    return br(this.subscriptions, t), () => vr(this.subscriptions, t);
-  }
-  notify(t, n, s) {
-    const r = this.subscriptions.length;
-    if (r)
-      if (r === 1)
-        this.subscriptions[0](t, n, s);
-      else
-        for (let i = 0; i < r; i++) {
-          const o = this.subscriptions[i];
-          o && o(t, n, s);
-        }
-  }
-  getSize() {
-    return this.subscriptions.length;
-  }
-  clear() {
-    this.subscriptions.length = 0;
-  }
-}
-const B = /* @__NO_SIDE_EFFECTS__ */ (e) => e * 1e3, $ = /* @__NO_SIDE_EFFECTS__ */ (e) => e / 1e3;
-function qn(e, t) {
-  return t ? e * (1e3 / t) : 0;
-}
-const Jt = /* @__PURE__ */ new Set();
-function At(e, t, n) {
-  e || Jt.has(t) || Jt.add(t);
-}
-const Zn = (e, t, n) => (((1 - 3 * n + 3 * t) * e + (3 * n - 6 * t)) * e + 3 * t) * e, Tr = 1e-7, Vr = 12;
-function Sr(e, t, n, s, r) {
-  let i, o, a = 0;
-  do
-    o = t + (n - t) / 2, i = Zn(o, s, r) - e, i > 0 ? n = o : t = o;
-  while (Math.abs(i) > Tr && ++a < Vr);
-  return o;
-}
-function ve(e, t, n, s) {
-  if (e === t && n === s)
-    return ae;
-  const r = (i) => Sr(i, 0, 1, e, n);
-  return (i) => i === 0 || i === 1 ? i : Zn(r(i), t, s);
-}
-const Jn = (e) => (t) => t <= 0.5 ? e(2 * t) / 2 : (2 - e(2 * (1 - t))) / 2, Qn = (e) => (t) => 1 - e(1 - t), es = /* @__PURE__ */ ve(0.33, 1.53, 0.69, 0.99), Mt = /* @__PURE__ */ Qn(es), ts = /* @__PURE__ */ Jn(Mt), ns = (e) => (e *= 2) < 1 ? 0.5 * Mt(e) : 0.5 * (2 - Math.pow(2, -10 * (e - 1))), Ct = (e) => 1 - Math.sin(Math.acos(e)), Ar = Qn(Ct), ss = Jn(Ct), Mr = /* @__PURE__ */ ve(0.42, 0, 1, 1), Cr = /* @__PURE__ */ ve(0, 0, 0.58, 1), rs = /* @__PURE__ */ ve(0.42, 0, 0.58, 1), Pr = (e) => Array.isArray(e) && typeof e[0] != "number", is = (e) => Array.isArray(e) && typeof e[0] == "number", Qt = {
-  linear: ae,
-  easeIn: Mr,
-  easeInOut: rs,
-  easeOut: Cr,
-  circIn: Ct,
-  circInOut: ss,
-  circOut: Ar,
-  backIn: Mt,
-  backInOut: ts,
-  backOut: es,
-  anticipate: ns
-}, Dr = (e) => typeof e == "string", en = (e) => {
-  if (is(e)) {
-    U(e.length === 4, "Cubic bezier arrays must contain four numerical values.");
-    const [t, n, s, r] = e;
-    return ve(t, n, s, r);
-  } else if (Dr(e))
-    return U(Qt[e] !== void 0, `Invalid easing type '${e}'`), Qt[e];
-  return e;
-}, Ve = [
-  "setup",
-  // Compute
-  "read",
-  // Read
-  "resolveKeyframes",
-  // Write/Read/Write/Read
-  "preUpdate",
-  // Compute
-  "update",
-  // Compute
-  "preRender",
-  // Compute
-  "render",
-  // Write
-  "postRender"
-  // Compute
-];
-function Ir(e, t) {
-  let n = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set(), r = !1, i = !1;
-  const o = /* @__PURE__ */ new WeakSet();
-  let a = {
-    delta: 0,
-    timestamp: 0,
-    isProcessing: !1
-  };
-  function c(l) {
-    o.has(l) && (u.schedule(l), e()), l(a);
-  }
-  const u = {
-    /**
-     * Schedule a process to run on the next frame.
-     */
-    schedule: (l, d = !1, f = !1) => {
-      const m = f && r ? n : s;
-      return d && o.add(l), m.has(l) || m.add(l), l;
-    },
-    /**
-     * Cancel the provided callback from running on the next frame.
-     */
-    cancel: (l) => {
-      s.delete(l), o.delete(l);
-    },
-    /**
-     * Execute all schedule callbacks.
-     */
-    process: (l) => {
-      if (a = l, r) {
-        i = !0;
-        return;
-      }
-      r = !0, [n, s] = [s, n], n.forEach(c), n.clear(), r = !1, i && (i = !1, u.process(l));
-    }
-  };
-  return u;
-}
-const Fr = 40;
-function os(e, t) {
-  let n = !1, s = !0;
-  const r = {
-    delta: 0,
-    timestamp: 0,
-    isProcessing: !1
-  }, i = () => n = !0, o = Ve.reduce((y, A) => (y[A] = Ir(i), y), {}), { setup: a, read: c, resolveKeyframes: u, preUpdate: l, update: d, preRender: f, render: h, postRender: m } = o, v = () => {
-    const y = G.useManualTiming ? r.timestamp : performance.now();
-    n = !1, G.useManualTiming || (r.delta = s ? 1e3 / 60 : Math.max(Math.min(y - r.timestamp, Fr), 1)), r.timestamp = y, r.isProcessing = !0, a.process(r), c.process(r), u.process(r), l.process(r), d.process(r), f.process(r), h.process(r), m.process(r), r.isProcessing = !1, n && t && (s = !1, e(v));
-  }, T = () => {
-    n = !0, s = !0, r.isProcessing || e(v);
-  };
-  return { schedule: Ve.reduce((y, A) => {
-    const g = o[A];
-    return y[A] = (w, M = !1, x = !1) => (n || T(), g.schedule(w, M, x)), y;
-  }, {}), cancel: (y) => {
-    for (let A = 0; A < Ve.length; A++)
-      o[Ve[A]].cancel(y);
-  }, state: r, steps: o };
-}
-const { schedule: L, cancel: tt, state: De, steps: vl } = /* @__PURE__ */ os(typeof requestAnimationFrame < "u" ? requestAnimationFrame : ae, !0);
-let Me;
-function Rr() {
-  Me = void 0;
-}
-const k = {
-  now: () => (Me === void 0 && k.set(De.isProcessing || G.useManualTiming ? De.timestamp : performance.now()), Me),
-  set: (e) => {
-    Me = e, queueMicrotask(Rr);
-  }
-}, as = (e) => (t) => typeof t == "string" && t.startsWith(e), Pt = /* @__PURE__ */ as("--"), Er = /* @__PURE__ */ as("var(--"), Dt = (e) => Er(e) ? Or.test(e.split("/*")[0].trim()) : !1, Or = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu, le = {
-  test: (e) => typeof e == "number",
-  parse: parseFloat,
-  transform: (e) => e
-}, me = {
-  ...le,
-  transform: (e) => J(0, 1, e)
-}, Se = {
-  ...le,
-  default: 1
-}, pe = (e) => Math.round(e * 1e5) / 1e5, It = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
-function kr(e) {
-  return e == null;
-}
-const Nr = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu, Ft = (e, t) => (n) => !!(typeof n == "string" && Nr.test(n) && n.startsWith(e) || t && !kr(n) && Object.prototype.hasOwnProperty.call(n, t)), ls = (e, t, n) => (s) => {
-  if (typeof s != "string")
-    return s;
-  const [r, i, o, a] = s.match(It);
-  return {
-    [e]: parseFloat(r),
-    [t]: parseFloat(i),
-    [n]: parseFloat(o),
-    alpha: a !== void 0 ? parseFloat(a) : 1
-  };
-}, Lr = (e) => J(0, 255, e), He = {
-  ...le,
-  transform: (e) => Math.round(Lr(e))
-}, Y = {
-  test: /* @__PURE__ */ Ft("rgb", "red"),
-  parse: /* @__PURE__ */ ls("red", "green", "blue"),
-  transform: ({ red: e, green: t, blue: n, alpha: s = 1 }) => "rgba(" + He.transform(e) + ", " + He.transform(t) + ", " + He.transform(n) + ", " + pe(me.transform(s)) + ")"
-};
-function Br(e) {
-  let t = "", n = "", s = "", r = "";
-  return e.length > 5 ? (t = e.substring(1, 3), n = e.substring(3, 5), s = e.substring(5, 7), r = e.substring(7, 9)) : (t = e.substring(1, 2), n = e.substring(2, 3), s = e.substring(3, 4), r = e.substring(4, 5), t += t, n += n, s += s, r += r), {
-    red: parseInt(t, 16),
-    green: parseInt(n, 16),
-    blue: parseInt(s, 16),
-    alpha: r ? parseInt(r, 16) / 255 : 1
-  };
-}
-const nt = {
-  test: /* @__PURE__ */ Ft("#"),
-  parse: Br,
-  transform: Y.transform
-}, we = /* @__NO_SIDE_EFFECTS__ */ (e) => ({
-  test: (t) => typeof t == "string" && t.endsWith(e) && t.split(" ").length === 1,
-  parse: parseFloat,
-  transform: (t) => `${t}${e}`
-}), _ = /* @__PURE__ */ we("deg"), ne = /* @__PURE__ */ we("%"), b = /* @__PURE__ */ we("px"), Kr = /* @__PURE__ */ we("vh"), jr = /* @__PURE__ */ we("vw"), tn = {
-  ...ne,
-  parse: (e) => ne.parse(e) / 100,
-  transform: (e) => ne.transform(e * 100)
-}, ee = {
-  test: /* @__PURE__ */ Ft("hsl", "hue"),
-  parse: /* @__PURE__ */ ls("hue", "saturation", "lightness"),
-  transform: ({ hue: e, saturation: t, lightness: n, alpha: s = 1 }) => "hsla(" + Math.round(e) + ", " + ne.transform(pe(t)) + ", " + ne.transform(pe(n)) + ", " + pe(me.transform(s)) + ")"
-}, D = {
-  test: (e) => Y.test(e) || nt.test(e) || ee.test(e),
-  parse: (e) => Y.test(e) ? Y.parse(e) : ee.test(e) ? ee.parse(e) : nt.parse(e),
-  transform: (e) => typeof e == "string" ? e : e.hasOwnProperty("red") ? Y.transform(e) : ee.transform(e),
-  getAnimatableNone: (e) => {
-    const t = D.parse(e);
-    return t.alpha = 0, D.transform(t);
-  }
-}, $r = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
-function Wr(e) {
-  var t, n;
-  return isNaN(e) && typeof e == "string" && (((t = e.match(It)) == null ? void 0 : t.length) || 0) + (((n = e.match($r)) == null ? void 0 : n.length) || 0) > 0;
-}
-const cs = "number", us = "color", Gr = "var", zr = "var(", nn = "${}", _r = /var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;
-function ge(e) {
-  const t = e.toString(), n = [], s = {
-    color: [],
-    number: [],
-    var: []
-  }, r = [];
-  let i = 0;
-  const a = t.replace(_r, (c) => (D.test(c) ? (s.color.push(i), r.push(us), n.push(D.parse(c))) : c.startsWith(zr) ? (s.var.push(i), r.push(Gr), n.push(c)) : (s.number.push(i), r.push(cs), n.push(parseFloat(c))), ++i, nn)).split(nn);
-  return { values: n, split: a, indexes: s, types: r };
-}
-function ds(e) {
-  return ge(e).values;
-}
-function fs(e) {
-  const { split: t, types: n } = ge(e), s = t.length;
-  return (r) => {
-    let i = "";
-    for (let o = 0; o < s; o++)
-      if (i += t[o], r[o] !== void 0) {
-        const a = n[o];
-        a === cs ? i += pe(r[o]) : a === us ? i += D.transform(r[o]) : i += r[o];
-      }
-    return i;
-  };
-}
-const Ur = (e) => typeof e == "number" ? 0 : D.test(e) ? D.getAnimatableNone(e) : e;
-function Hr(e) {
-  const t = ds(e);
-  return fs(e)(t.map(Ur));
-}
-const ce = {
-  test: Wr,
-  parse: ds,
-  createTransformer: fs,
-  getAnimatableNone: Hr
-};
-function Ye(e, t, n) {
-  return n < 0 && (n += 1), n > 1 && (n -= 1), n < 1 / 6 ? e + (t - e) * 6 * n : n < 1 / 2 ? t : n < 2 / 3 ? e + (t - e) * (2 / 3 - n) * 6 : e;
-}
-function Yr({ hue: e, saturation: t, lightness: n, alpha: s }) {
-  e /= 360, t /= 100, n /= 100;
-  let r = 0, i = 0, o = 0;
-  if (!t)
-    r = i = o = n;
-  else {
-    const a = n < 0.5 ? n * (1 + t) : n + t - n * t, c = 2 * n - a;
-    r = Ye(c, a, e + 1 / 3), i = Ye(c, a, e), o = Ye(c, a, e - 1 / 3);
-  }
-  return {
-    red: Math.round(r * 255),
-    green: Math.round(i * 255),
-    blue: Math.round(o * 255),
-    alpha: s
-  };
-}
-function Ie(e, t) {
-  return (n) => n > 0 ? t : e;
-}
-const xe = (e, t, n) => e + (t - e) * n, Xe = (e, t, n) => {
-  const s = e * e, r = n * (t * t - s) + s;
-  return r < 0 ? 0 : Math.sqrt(r);
-}, Xr = [nt, Y, ee], qr = (e) => Xr.find((t) => t.test(e));
-function sn(e) {
-  const t = qr(e);
-  if (oe(!!t, `'${e}' is not an animatable color. Use the equivalent color code instead.`), !t)
-    return !1;
-  let n = t.parse(e);
-  return t === ee && (n = Yr(n)), n;
-}
-const rn = (e, t) => {
-  const n = sn(e), s = sn(t);
-  if (!n || !s)
-    return Ie(e, t);
-  const r = { ...n };
-  return (i) => (r.red = Xe(n.red, s.red, i), r.green = Xe(n.green, s.green, i), r.blue = Xe(n.blue, s.blue, i), r.alpha = xe(n.alpha, s.alpha, i), Y.transform(r));
-}, st = /* @__PURE__ */ new Set(["none", "hidden"]);
-function Zr(e, t) {
-  return st.has(e) ? (n) => n <= 0 ? e : t : (n) => n >= 1 ? t : e;
-}
-function Jr(e, t) {
-  return (n) => xe(e, t, n);
-}
-function Rt(e) {
-  return typeof e == "number" ? Jr : typeof e == "string" ? Dt(e) ? Ie : D.test(e) ? rn : ti : Array.isArray(e) ? hs : typeof e == "object" ? D.test(e) ? rn : Qr : Ie;
-}
-function hs(e, t) {
-  const n = [...e], s = n.length, r = e.map((i, o) => Rt(i)(i, t[o]));
-  return (i) => {
-    for (let o = 0; o < s; o++)
-      n[o] = r[o](i);
-    return n;
-  };
-}
-function Qr(e, t) {
-  const n = { ...e, ...t }, s = {};
-  for (const r in n)
-    e[r] !== void 0 && t[r] !== void 0 && (s[r] = Rt(e[r])(e[r], t[r]));
-  return (r) => {
-    for (const i in s)
-      n[i] = s[i](r);
-    return n;
-  };
-}
-function ei(e, t) {
-  const n = [], s = { color: 0, var: 0, number: 0 };
-  for (let r = 0; r < t.values.length; r++) {
-    const i = t.types[r], o = e.indexes[i][s[i]], a = e.values[o] ?? 0;
-    n[r] = a, s[i]++;
-  }
-  return n;
-}
-const ti = (e, t) => {
-  const n = ce.createTransformer(t), s = ge(e), r = ge(t);
-  return s.indexes.var.length === r.indexes.var.length && s.indexes.color.length === r.indexes.color.length && s.indexes.number.length >= r.indexes.number.length ? st.has(e) && !r.values.length || st.has(t) && !s.values.length ? Zr(e, t) : Be(hs(ei(s, r), r.values), n) : (oe(!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.`), Ie(e, t));
-};
-function ps(e, t, n) {
-  return typeof e == "number" && typeof t == "number" && typeof n == "number" ? xe(e, t, n) : Rt(e)(e, t);
-}
-const ni = (e) => {
-  const t = ({ timestamp: n }) => e(n);
-  return {
-    start: (n = !0) => L.update(t, n),
-    stop: () => tt(t),
-    /**
-     * If we're processing this frame we can use the
-     * framelocked timestamp to keep things in sync.
-     */
-    now: () => De.isProcessing ? De.timestamp : k.now()
-  };
-}, ms = (e, t, n = 10) => {
-  let s = "";
-  const r = Math.max(Math.round(t / n), 2);
-  for (let i = 0; i < r; i++)
-    s += Math.round(e(i / (r - 1)) * 1e4) / 1e4 + ", ";
-  return `linear(${s.substring(0, s.length - 2)})`;
-}, Fe = 2e4;
-function Et(e) {
-  let t = 0;
-  const n = 50;
-  let s = e.next(t);
-  for (; !s.done && t < Fe; )
-    t += n, s = e.next(t);
-  return t >= Fe ? 1 / 0 : t;
-}
-function si(e, t = 100, n) {
-  const s = n({ ...e, keyframes: [0, t] }), r = Math.min(Et(s), Fe);
-  return {
-    type: "keyframes",
-    ease: (i) => s.next(r * i).value / t,
-    duration: /* @__PURE__ */ $(r)
-  };
-}
-const ri = 5;
-function gs(e, t, n) {
-  const s = Math.max(t - ri, 0);
-  return qn(n - e(s), t - s);
-}
-const C = {
-  // Default spring physics
-  stiffness: 100,
-  damping: 10,
-  mass: 1,
-  velocity: 0,
-  // Default duration/bounce-based options
-  duration: 800,
-  // in ms
-  bounce: 0.3,
-  visualDuration: 0.3,
-  // in seconds
-  // Rest thresholds
-  restSpeed: {
-    granular: 0.01,
-    default: 2
-  },
-  restDelta: {
-    granular: 5e-3,
-    default: 0.5
-  },
-  // Limits
-  minDuration: 0.01,
-  // in seconds
-  maxDuration: 10,
-  // in seconds
-  minDamping: 0.05,
-  maxDamping: 1
-}, qe = 1e-3;
-function ii({ duration: e = C.duration, bounce: t = C.bounce, velocity: n = C.velocity, mass: s = C.mass }) {
-  let r, i;
-  oe(e <= /* @__PURE__ */ B(C.maxDuration), "Spring duration must be 10 seconds or less");
-  let o = 1 - t;
-  o = J(C.minDamping, C.maxDamping, o), e = J(C.minDuration, C.maxDuration, /* @__PURE__ */ $(e)), o < 1 ? (r = (u) => {
-    const l = u * o, d = l * e, f = l - n, h = rt(u, o), m = Math.exp(-d);
-    return qe - f / h * m;
-  }, i = (u) => {
-    const d = u * o * e, f = d * n + n, h = Math.pow(o, 2) * Math.pow(u, 2) * e, m = Math.exp(-d), v = rt(Math.pow(u, 2), o);
-    return (-r(u) + qe > 0 ? -1 : 1) * ((f - h) * m) / v;
-  }) : (r = (u) => {
-    const l = Math.exp(-u * e), d = (u - n) * e + 1;
-    return -qe + l * d;
-  }, i = (u) => {
-    const l = Math.exp(-u * e), d = (n - u) * (e * e);
-    return l * d;
-  });
-  const a = 5 / e, c = ai(r, i, a);
-  if (e = /* @__PURE__ */ B(e), isNaN(c))
-    return {
-      stiffness: C.stiffness,
-      damping: C.damping,
-      duration: e
-    };
-  {
-    const u = Math.pow(c, 2) * s;
-    return {
-      stiffness: u,
-      damping: o * 2 * Math.sqrt(s * u),
-      duration: e
-    };
-  }
-}
-const oi = 12;
-function ai(e, t, n) {
-  let s = n;
-  for (let r = 1; r < oi; r++)
-    s = s - e(s) / t(s);
-  return s;
-}
-function rt(e, t) {
-  return e * Math.sqrt(1 - t * t);
-}
-const li = ["duration", "bounce"], ci = ["stiffness", "damping", "mass"];
-function on(e, t) {
-  return t.some((n) => e[n] !== void 0);
-}
-function ui(e) {
-  let t = {
-    velocity: C.velocity,
-    stiffness: C.stiffness,
-    damping: C.damping,
-    mass: C.mass,
-    isResolvedFromDuration: !1,
-    ...e
-  };
-  if (!on(e, ci) && on(e, li))
-    if (e.visualDuration) {
-      const n = e.visualDuration, s = 2 * Math.PI / (n * 1.2), r = s * s, i = 2 * J(0.05, 1, 1 - (e.bounce || 0)) * Math.sqrt(r);
-      t = {
-        ...t,
-        mass: C.mass,
-        stiffness: r,
-        damping: i
-      };
-    } else {
-      const n = ii(e);
-      t = {
-        ...t,
-        ...n,
-        mass: C.mass
-      }, t.isResolvedFromDuration = !0;
-    }
-  return t;
-}
-function Re(e = C.visualDuration, t = C.bounce) {
-  const n = typeof e != "object" ? {
-    visualDuration: e,
-    keyframes: [0, 1],
-    bounce: t
-  } : e;
-  let { restSpeed: s, restDelta: r } = n;
-  const i = n.keyframes[0], o = n.keyframes[n.keyframes.length - 1], a = { done: !1, value: i }, { stiffness: c, damping: u, mass: l, duration: d, velocity: f, isResolvedFromDuration: h } = ui({
-    ...n,
-    velocity: -/* @__PURE__ */ $(n.velocity || 0)
-  }), m = f || 0, v = u / (2 * Math.sqrt(c * l)), T = o - i, p = /* @__PURE__ */ $(Math.sqrt(c / l)), S = Math.abs(T) < 5;
-  s || (s = S ? C.restSpeed.granular : C.restSpeed.default), r || (r = S ? C.restDelta.granular : C.restDelta.default);
-  let y;
-  if (v < 1) {
-    const g = rt(p, v);
-    y = (w) => {
-      const M = Math.exp(-v * p * w);
-      return o - M * ((m + v * p * T) / g * Math.sin(g * w) + T * Math.cos(g * w));
-    };
-  } else if (v === 1)
-    y = (g) => o - Math.exp(-p * g) * (T + (m + p * T) * g);
-  else {
-    const g = p * Math.sqrt(v * v - 1);
-    y = (w) => {
-      const M = Math.exp(-v * p * w), x = Math.min(g * w, 300);
-      return o - M * ((m + v * p * T) * Math.sinh(x) + g * T * Math.cosh(x)) / g;
-    };
-  }
-  const A = {
-    calculatedDuration: h && d || null,
-    next: (g) => {
-      const w = y(g);
-      if (h)
-        a.done = g >= d;
-      else {
-        let M = g === 0 ? m : 0;
-        v < 1 && (M = g === 0 ? /* @__PURE__ */ B(m) : gs(y, g, w));
-        const x = Math.abs(M) <= s, I = Math.abs(o - w) <= r;
-        a.done = x && I;
-      }
-      return a.value = a.done ? o : w, a;
-    },
-    toString: () => {
-      const g = Math.min(Et(A), Fe), w = ms((M) => A.next(g * M).value, g, 30);
-      return g + "ms " + w;
-    },
-    toTransition: () => {
-    }
-  };
-  return A;
-}
-Re.applyToOptions = (e) => {
-  const t = si(e, 100, Re);
-  return e.ease = t.ease, e.duration = /* @__PURE__ */ B(t.duration), e.type = "keyframes", e;
-};
-function it({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: s = 325, bounceDamping: r = 10, bounceStiffness: i = 500, modifyTarget: o, min: a, max: c, restDelta: u = 0.5, restSpeed: l }) {
-  const d = e[0], f = {
-    done: !1,
-    value: d
-  }, h = (x) => a !== void 0 && x < a || c !== void 0 && x > c, m = (x) => a === void 0 ? c : c === void 0 || Math.abs(a - x) < Math.abs(c - x) ? a : c;
-  let v = n * t;
-  const T = d + v, p = o === void 0 ? T : o(T);
-  p !== T && (v = p - d);
-  const S = (x) => -v * Math.exp(-x / s), y = (x) => p + S(x), A = (x) => {
-    const I = S(x), R = y(x);
-    f.done = Math.abs(I) <= u, f.value = f.done ? p : R;
-  };
-  let g, w;
-  const M = (x) => {
-    h(f.value) && (g = x, w = Re({
-      keyframes: [f.value, m(f.value)],
-      velocity: gs(y, x, f.value),
-      // TODO: This should be passing * 1000
-      damping: r,
-      stiffness: i,
-      restDelta: u,
-      restSpeed: l
-    }));
-  };
-  return M(0), {
-    calculatedDuration: null,
-    next: (x) => {
-      let I = !1;
-      return !w && g === void 0 && (I = !0, A(x), M(x)), g !== void 0 && x >= g ? w.next(x - g) : (!I && A(x), f);
-    }
-  };
-}
-function di(e, t, n) {
-  const s = [], r = n || G.mix || ps, i = e.length - 1;
-  for (let o = 0; o < i; o++) {
-    let a = r(e[o], e[o + 1]);
-    if (t) {
-      const c = Array.isArray(t) ? t[o] || ae : t;
-      a = Be(c, a);
-    }
-    s.push(a);
-  }
-  return s;
-}
-function fi(e, t, { clamp: n = !0, ease: s, mixer: r } = {}) {
-  const i = e.length;
-  if (U(i === t.length, "Both input and output ranges must be the same length"), i === 1)
-    return () => t[0];
-  if (i === 2 && t[0] === t[1])
-    return () => t[1];
-  const o = e[0] === e[1];
-  e[0] > e[i - 1] && (e = [...e].reverse(), t = [...t].reverse());
-  const a = di(t, s, r), c = a.length, u = (l) => {
-    if (o && l < e[0])
-      return t[0];
-    let d = 0;
-    if (c > 1)
-      for (; d < e.length - 2 && !(l < e[d + 1]); d++)
-        ;
-    const f = /* @__PURE__ */ Yn(e[d], e[d + 1], l);
-    return a[d](f);
-  };
-  return n ? (l) => u(J(e[0], e[i - 1], l)) : u;
-}
-function hi(e, t) {
-  const n = e[e.length - 1];
-  for (let s = 1; s <= t; s++) {
-    const r = /* @__PURE__ */ Yn(0, t, s);
-    e.push(xe(n, 1, r));
-  }
-}
-function pi(e) {
-  const t = [0];
-  return hi(t, e.length - 1), t;
-}
-function mi(e, t) {
-  return e.map((n) => n * t);
-}
-function gi(e, t) {
-  return e.map(() => t || rs).splice(0, e.length - 1);
-}
-function te({ duration: e = 300, keyframes: t, times: n, ease: s = "easeInOut" }) {
-  const r = Pr(s) ? s.map(en) : en(s), i = {
-    done: !1,
-    value: t[0]
-  }, o = mi(
-    // Only use the provided offsets if they're the correct length
-    // TODO Maybe we should warn here if there's a length mismatch
-    n && n.length === t.length ? n : pi(t),
-    e
-  ), a = fi(o, t, {
-    ease: Array.isArray(r) ? r : gi(t, r)
-  });
-  return {
-    calculatedDuration: e,
-    next: (c) => (i.value = a(c), i.done = c >= e, i)
-  };
-}
-const yi = (e) => e !== null;
-function Ot(e, { repeat: t, repeatType: n = "loop" }, s, r = 1) {
-  const i = e.filter(yi), a = r < 0 || t && n !== "loop" && t % 2 === 1 ? 0 : i.length - 1;
-  return !a || s === void 0 ? i[a] : s;
-}
-const bi = {
-  decay: it,
-  inertia: it,
-  tween: te,
-  keyframes: te,
-  spring: Re
-};
-function ys(e) {
-  typeof e.type == "string" && (e.type = bi[e.type]);
-}
-class kt {
-  constructor() {
-    this.updateFinished();
-  }
-  get finished() {
-    return this._finished;
-  }
-  updateFinished() {
-    this._finished = new Promise((t) => {
-      this.resolve = t;
-    });
-  }
-  notifyFinished() {
-    this.resolve();
-  }
-  /**
-   * Allows the animation to be awaited.
-   *
-   * @deprecated Use `finished` instead.
-   */
-  then(t, n) {
-    return this.finished.then(t, n);
-  }
-}
-const vi = (e) => e / 100;
-class Nt extends kt {
-  constructor(t) {
-    super(), this.state = "idle", this.startTime = null, this.isStopped = !1, this.currentTime = 0, this.holdTime = null, this.playbackSpeed = 1, this.stop = () => {
-      var s, r;
-      const { motionValue: n } = this.options;
-      n && n.updatedAt !== k.now() && this.tick(k.now()), this.isStopped = !0, this.state !== "idle" && (this.teardown(), (r = (s = this.options).onStop) == null || r.call(s));
-    }, this.options = t, this.initAnimation(), this.play(), t.autoplay === !1 && this.pause();
-  }
-  initAnimation() {
-    const { options: t } = this;
-    ys(t);
-    const { type: n = te, repeat: s = 0, repeatDelay: r = 0, repeatType: i, velocity: o = 0 } = t;
-    let { keyframes: a } = t;
-    const c = n || te;
-    process.env.NODE_ENV !== "production" && c !== te && U(a.length <= 2, `Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`), c !== te && typeof a[0] != "number" && (this.mixKeyframes = Be(vi, ps(a[0], a[1])), a = [0, 100]);
-    const u = c({ ...t, keyframes: a });
-    i === "mirror" && (this.mirroredGenerator = c({
-      ...t,
-      keyframes: [...a].reverse(),
-      velocity: -o
-    })), u.calculatedDuration === null && (u.calculatedDuration = Et(u));
-    const { calculatedDuration: l } = u;
-    this.calculatedDuration = l, this.resolvedDuration = l + r, this.totalDuration = this.resolvedDuration * (s + 1) - r, this.generator = u;
-  }
-  updateTime(t) {
-    const n = Math.round(t - this.startTime) * this.playbackSpeed;
-    this.holdTime !== null ? this.currentTime = this.holdTime : this.currentTime = n;
-  }
-  tick(t, n = !1) {
-    const { generator: s, totalDuration: r, mixKeyframes: i, mirroredGenerator: o, resolvedDuration: a, calculatedDuration: c } = this;
-    if (this.startTime === null)
-      return s.next(0);
-    const { delay: u = 0, keyframes: l, repeat: d, repeatType: f, repeatDelay: h, type: m, onUpdate: v, finalKeyframe: T } = this.options;
-    this.speed > 0 ? this.startTime = Math.min(this.startTime, t) : this.speed < 0 && (this.startTime = Math.min(t - r / this.speed, this.startTime)), n ? this.currentTime = t : this.updateTime(t);
-    const p = this.currentTime - u * (this.playbackSpeed >= 0 ? 1 : -1), S = this.playbackSpeed >= 0 ? p < 0 : p > r;
-    this.currentTime = Math.max(p, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = r);
-    let y = this.currentTime, A = s;
-    if (d) {
-      const x = Math.min(this.currentTime, r) / a;
-      let I = Math.floor(x), R = x % 1;
-      !R && x >= 1 && (R = 1), R === 1 && I--, I = Math.min(I, d + 1), !!(I % 2) && (f === "reverse" ? (R = 1 - R, h && (R -= h / a)) : f === "mirror" && (A = o)), y = J(0, 1, R) * a;
-    }
-    const g = S ? { done: !1, value: l[0] } : A.next(y);
-    i && (g.value = i(g.value));
-    let { done: w } = g;
-    !S && c !== null && (w = this.playbackSpeed >= 0 ? this.currentTime >= r : this.currentTime <= 0);
-    const M = this.holdTime === null && (this.state === "finished" || this.state === "running" && w);
-    return M && m !== it && (g.value = Ot(l, this.options, T, this.speed)), v && v(g.value), M && this.finish(), g;
-  }
-  /**
-   * Allows the returned animation to be awaited or promise-chained. Currently
-   * resolves when the animation finishes at all but in a future update could/should
-   * reject if its cancels.
-   */
-  then(t, n) {
-    return this.finished.then(t, n);
-  }
-  get duration() {
-    return /* @__PURE__ */ $(this.calculatedDuration);
-  }
-  get time() {
-    return /* @__PURE__ */ $(this.currentTime);
-  }
-  set time(t) {
-    var n;
-    t = /* @__PURE__ */ B(t), this.currentTime = t, this.startTime === null || this.holdTime !== null || this.playbackSpeed === 0 ? this.holdTime = t : this.driver && (this.startTime = this.driver.now() - t / this.playbackSpeed), (n = this.driver) == null || n.start(!1);
-  }
-  get speed() {
-    return this.playbackSpeed;
-  }
-  set speed(t) {
-    this.updateTime(k.now());
-    const n = this.playbackSpeed !== t;
-    this.playbackSpeed = t, n && (this.time = /* @__PURE__ */ $(this.currentTime));
-  }
-  play() {
-    var r, i;
-    if (this.isStopped)
-      return;
-    const { driver: t = ni, startTime: n } = this.options;
-    this.driver || (this.driver = t((o) => this.tick(o))), (i = (r = this.options).onPlay) == null || i.call(r);
-    const s = this.driver.now();
-    this.state === "finished" ? (this.updateFinished(), this.startTime = s) : this.holdTime !== null ? this.startTime = s - this.holdTime : this.startTime || (this.startTime = n ?? s), this.state === "finished" && this.speed < 0 && (this.startTime += this.calculatedDuration), this.holdTime = null, this.state = "running", this.driver.start();
-  }
-  pause() {
-    this.state = "paused", this.updateTime(k.now()), this.holdTime = this.currentTime;
-  }
-  complete() {
-    this.state !== "running" && this.play(), this.state = "finished", this.holdTime = null;
-  }
-  finish() {
-    var t, n;
-    this.notifyFinished(), this.teardown(), this.state = "finished", (n = (t = this.options).onComplete) == null || n.call(t);
-  }
-  cancel() {
-    var t, n;
-    this.holdTime = null, this.startTime = 0, this.tick(0), this.teardown(), (n = (t = this.options).onCancel) == null || n.call(t);
-  }
-  teardown() {
-    this.state = "idle", this.stopDriver(), this.startTime = this.holdTime = null;
-  }
-  stopDriver() {
-    this.driver && (this.driver.stop(), this.driver = void 0);
-  }
-  sample(t) {
-    return this.startTime = 0, this.tick(t, !0);
-  }
-  attachTimeline(t) {
-    var n;
-    return this.options.allowFlatten && (this.options.type = "keyframes", this.options.ease = "linear", this.initAnimation()), (n = this.driver) == null || n.stop(), t.observe(this);
-  }
-}
-function wi(e) {
-  for (let t = 1; t < e.length; t++)
-    e[t] ?? (e[t] = e[t - 1]);
-}
-const X = (e) => e * 180 / Math.PI, ot = (e) => {
-  const t = X(Math.atan2(e[1], e[0]));
-  return at(t);
-}, xi = {
-  x: 4,
-  y: 5,
-  translateX: 4,
-  translateY: 5,
-  scaleX: 0,
-  scaleY: 3,
-  scale: (e) => (Math.abs(e[0]) + Math.abs(e[3])) / 2,
-  rotate: ot,
-  rotateZ: ot,
-  skewX: (e) => X(Math.atan(e[1])),
-  skewY: (e) => X(Math.atan(e[2])),
-  skew: (e) => (Math.abs(e[1]) + Math.abs(e[2])) / 2
-}, at = (e) => (e = e % 360, e < 0 && (e += 360), e), an = ot, ln = (e) => Math.sqrt(e[0] * e[0] + e[1] * e[1]), cn = (e) => Math.sqrt(e[4] * e[4] + e[5] * e[5]), Ti = {
-  x: 12,
-  y: 13,
-  z: 14,
-  translateX: 12,
-  translateY: 13,
-  translateZ: 14,
-  scaleX: ln,
-  scaleY: cn,
-  scale: (e) => (ln(e) + cn(e)) / 2,
-  rotateX: (e) => at(X(Math.atan2(e[6], e[5]))),
-  rotateY: (e) => at(X(Math.atan2(-e[2], e[0]))),
-  rotateZ: an,
-  rotate: an,
-  skewX: (e) => X(Math.atan(e[4])),
-  skewY: (e) => X(Math.atan(e[1])),
-  skew: (e) => (Math.abs(e[1]) + Math.abs(e[4])) / 2
-};
-function lt(e) {
-  return e.includes("scale") ? 1 : 0;
-}
-function ct(e, t) {
-  if (!e || e === "none")
-    return lt(t);
-  const n = e.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);
-  let s, r;
-  if (n)
-    s = Ti, r = n;
-  else {
-    const a = e.match(/^matrix\(([-\d.e\s,]+)\)$/u);
-    s = xi, r = a;
-  }
-  if (!r)
-    return lt(t);
-  const i = s[t], o = r[1].split(",").map(Si);
-  return typeof i == "function" ? i(o) : o[i];
-}
-const Vi = (e, t) => {
-  const { transform: n = "none" } = getComputedStyle(e);
-  return ct(n, t);
-};
-function Si(e) {
-  return parseFloat(e.trim());
-}
-const ue = [
-  "transformPerspective",
-  "x",
-  "y",
-  "z",
-  "translateX",
-  "translateY",
-  "translateZ",
-  "scale",
-  "scaleX",
-  "scaleY",
-  "rotate",
-  "rotateX",
-  "rotateY",
-  "rotateZ",
-  "skew",
-  "skewX",
-  "skewY"
-], de = new Set(ue), un = (e) => e === le || e === b, Ai = /* @__PURE__ */ new Set(["x", "y", "z"]), Mi = ue.filter((e) => !Ai.has(e));
-function Ci(e) {
-  const t = [];
-  return Mi.forEach((n) => {
-    const s = e.getValue(n);
-    s !== void 0 && (t.push([n, s.get()]), s.set(n.startsWith("scale") ? 1 : 0));
-  }), t;
-}
-const q = {
-  // Dimensions
-  width: ({ x: e }, { paddingLeft: t = "0", paddingRight: n = "0" }) => e.max - e.min - parseFloat(t) - parseFloat(n),
-  height: ({ y: e }, { paddingTop: t = "0", paddingBottom: n = "0" }) => e.max - e.min - parseFloat(t) - parseFloat(n),
-  top: (e, { top: t }) => parseFloat(t),
-  left: (e, { left: t }) => parseFloat(t),
-  bottom: ({ y: e }, { top: t }) => parseFloat(t) + (e.max - e.min),
-  right: ({ x: e }, { left: t }) => parseFloat(t) + (e.max - e.min),
-  // Transform
-  x: (e, { transform: t }) => ct(t, "x"),
-  y: (e, { transform: t }) => ct(t, "y")
-};
-q.translateX = q.x;
-q.translateY = q.y;
-const Z = /* @__PURE__ */ new Set();
-let ut = !1, dt = !1, ft = !1;
-function bs() {
-  if (dt) {
-    const e = Array.from(Z).filter((s) => s.needsMeasurement), t = new Set(e.map((s) => s.element)), n = /* @__PURE__ */ new Map();
-    t.forEach((s) => {
-      const r = Ci(s);
-      r.length && (n.set(s, r), s.render());
-    }), e.forEach((s) => s.measureInitialState()), t.forEach((s) => {
-      s.render();
-      const r = n.get(s);
-      r && r.forEach(([i, o]) => {
-        var a;
-        (a = s.getValue(i)) == null || a.set(o);
-      });
-    }), e.forEach((s) => s.measureEndState()), e.forEach((s) => {
-      s.suspendedScrollY !== void 0 && window.scrollTo(0, s.suspendedScrollY);
-    });
-  }
-  dt = !1, ut = !1, Z.forEach((e) => e.complete(ft)), Z.clear();
-}
-function vs() {
-  Z.forEach((e) => {
-    e.readKeyframes(), e.needsMeasurement && (dt = !0);
-  });
-}
-function Pi() {
-  ft = !0, vs(), bs(), ft = !1;
-}
-class Lt {
-  constructor(t, n, s, r, i, o = !1) {
-    this.state = "pending", this.isAsync = !1, this.needsMeasurement = !1, this.unresolvedKeyframes = [...t], this.onComplete = n, this.name = s, this.motionValue = r, this.element = i, this.isAsync = o;
-  }
-  scheduleResolve() {
-    this.state = "scheduled", this.isAsync ? (Z.add(this), ut || (ut = !0, L.read(vs), L.resolveKeyframes(bs))) : (this.readKeyframes(), this.complete());
-  }
-  readKeyframes() {
-    const { unresolvedKeyframes: t, name: n, element: s, motionValue: r } = this;
-    if (t[0] === null) {
-      const i = r == null ? void 0 : r.get(), o = t[t.length - 1];
-      if (i !== void 0)
-        t[0] = i;
-      else if (s && n) {
-        const a = s.readValue(n, o);
-        a != null && (t[0] = a);
-      }
-      t[0] === void 0 && (t[0] = o), r && i === void 0 && r.set(t[0]);
-    }
-    wi(t);
-  }
-  setFinalKeyframe() {
-  }
-  measureInitialState() {
-  }
-  renderEndStyles() {
-  }
-  measureEndState() {
-  }
-  complete(t = !1) {
-    this.state = "complete", this.onComplete(this.unresolvedKeyframes, this.finalKeyframe, t), Z.delete(this);
-  }
-  cancel() {
-    this.state === "scheduled" && (Z.delete(this), this.state = "pending");
-  }
-  resume() {
-    this.state === "pending" && this.scheduleResolve();
-  }
-}
-const Di = (e) => e.startsWith("--");
-function Ii(e, t, n) {
-  Di(t) ? e.style.setProperty(t, n) : e.style[t] = n;
-}
-const Fi = /* @__PURE__ */ St(() => window.ScrollTimeline !== void 0), Ri = {};
-function Ei(e, t) {
-  const n = /* @__PURE__ */ St(e);
-  return () => Ri[t] ?? n();
-}
-const ws = /* @__PURE__ */ Ei(() => {
-  try {
-    document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
-  } catch {
-    return !1;
-  }
-  return !0;
-}, "linearEasing"), he = ([e, t, n, s]) => `cubic-bezier(${e}, ${t}, ${n}, ${s})`, dn = {
-  linear: "linear",
-  ease: "ease",
-  easeIn: "ease-in",
-  easeOut: "ease-out",
-  easeInOut: "ease-in-out",
-  circIn: /* @__PURE__ */ he([0, 0.65, 0.55, 1]),
-  circOut: /* @__PURE__ */ he([0.55, 0, 1, 0.45]),
-  backIn: /* @__PURE__ */ he([0.31, 0.01, 0.66, -0.59]),
-  backOut: /* @__PURE__ */ he([0.33, 1.53, 0.69, 0.99])
-};
-function xs(e, t) {
-  if (e)
-    return typeof e == "function" ? ws() ? ms(e, t) : "ease-out" : is(e) ? he(e) : Array.isArray(e) ? e.map((n) => xs(n, t) || dn.easeOut) : dn[e];
-}
-function Oi(e, t, n, { delay: s = 0, duration: r = 300, repeat: i = 0, repeatType: o = "loop", ease: a = "easeOut", times: c } = {}, u = void 0) {
-  const l = {
-    [t]: n
-  };
-  c && (l.offset = c);
-  const d = xs(a, r);
-  Array.isArray(d) && (l.easing = d);
-  const f = {
-    delay: s,
-    duration: r,
-    easing: Array.isArray(d) ? "linear" : d,
-    fill: "both",
-    iterations: i + 1,
-    direction: o === "reverse" ? "alternate" : "normal"
-  };
-  return u && (f.pseudoElement = u), e.animate(l, f);
-}
-function Ts(e) {
-  return typeof e == "function" && "applyToOptions" in e;
-}
-function ki({ type: e, ...t }) {
-  return Ts(e) && ws() ? e.applyToOptions(t) : (t.duration ?? (t.duration = 300), t.ease ?? (t.ease = "easeOut"), t);
-}
-class Ni extends kt {
-  constructor(t) {
-    if (super(), this.finishedTime = null, this.isStopped = !1, !t)
-      return;
-    const { element: n, name: s, keyframes: r, pseudoElement: i, allowFlatten: o = !1, finalKeyframe: a, onComplete: c } = t;
-    this.isPseudoElement = !!i, this.allowFlatten = o, this.options = t, U(typeof t.type != "string", `animateMini doesn't support "type" as a string. Did you mean to import { spring } from "motion"?`);
-    const u = ki(t);
-    this.animation = Oi(n, s, r, u, i), u.autoplay === !1 && this.animation.pause(), this.animation.onfinish = () => {
-      if (this.finishedTime = this.time, !i) {
-        const l = Ot(r, this.options, a, this.speed);
-        this.updateMotionValue ? this.updateMotionValue(l) : Ii(n, s, l), this.animation.cancel();
-      }
-      c == null || c(), this.notifyFinished();
-    };
-  }
-  play() {
-    this.isStopped || (this.animation.play(), this.state === "finished" && this.updateFinished());
-  }
-  pause() {
-    this.animation.pause();
-  }
-  complete() {
-    var t, n;
-    (n = (t = this.animation).finish) == null || n.call(t);
-  }
-  cancel() {
-    try {
-      this.animation.cancel();
-    } catch {
-    }
-  }
-  stop() {
-    if (this.isStopped)
-      return;
-    this.isStopped = !0;
-    const { state: t } = this;
-    t === "idle" || t === "finished" || (this.updateMotionValue ? this.updateMotionValue() : this.commitStyles(), this.isPseudoElement || this.cancel());
-  }
-  /**
-   * WAAPI doesn't natively have any interruption capabilities.
-   *
-   * In this method, we commit styles back to the DOM before cancelling
-   * the animation.
-   *
-   * This is designed to be overridden by NativeAnimationExtended, which
-   * will create a renderless JS animation and sample it twice to calculate
-   * its current value, "previous" value, and therefore allow
-   * Motion to also correctly calculate velocity for any subsequent animation
-   * while deferring the commit until the next animation frame.
-   */
-  commitStyles() {
-    var t, n;
-    this.isPseudoElement || (n = (t = this.animation).commitStyles) == null || n.call(t);
-  }
-  get duration() {
-    var n, s;
-    const t = ((s = (n = this.animation.effect) == null ? void 0 : n.getComputedTiming) == null ? void 0 : s.call(n).duration) || 0;
-    return /* @__PURE__ */ $(Number(t));
-  }
-  get time() {
-    return /* @__PURE__ */ $(Number(this.animation.currentTime) || 0);
-  }
-  set time(t) {
-    this.finishedTime = null, this.animation.currentTime = /* @__PURE__ */ B(t);
-  }
-  /**
-   * The playback speed of the animation.
-   * 1 = normal speed, 2 = double speed, 0.5 = half speed.
-   */
-  get speed() {
-    return this.animation.playbackRate;
-  }
-  set speed(t) {
-    t < 0 && (this.finishedTime = null), this.animation.playbackRate = t;
-  }
-  get state() {
-    return this.finishedTime !== null ? "finished" : this.animation.playState;
-  }
-  get startTime() {
-    return Number(this.animation.startTime);
-  }
-  set startTime(t) {
-    this.animation.startTime = t;
-  }
-  /**
-   * Attaches a timeline to the animation, for instance the `ScrollTimeline`.
-   */
-  attachTimeline({ timeline: t, observe: n }) {
-    var s;
-    return this.allowFlatten && ((s = this.animation.effect) == null || s.updateTiming({ easing: "linear" })), this.animation.onfinish = null, t && Fi() ? (this.animation.timeline = t, ae) : n(this);
-  }
-}
-const Vs = {
-  anticipate: ns,
-  backInOut: ts,
-  circInOut: ss
-};
-function Li(e) {
-  return e in Vs;
-}
-function Bi(e) {
-  typeof e.ease == "string" && Li(e.ease) && (e.ease = Vs[e.ease]);
-}
-const fn = 10;
-class Ki extends Ni {
-  constructor(t) {
-    Bi(t), ys(t), super(t), t.startTime && (this.startTime = t.startTime), this.options = t;
-  }
-  /**
-   * WAAPI doesn't natively have any interruption capabilities.
-   *
-   * Rather than read commited styles back out of the DOM, we can
-   * create a renderless JS animation and sample it twice to calculate
-   * its current value, "previous" value, and therefore allow
-   * Motion to calculate velocity for any subsequent animation.
-   */
-  updateMotionValue(t) {
-    const { motionValue: n, onUpdate: s, onComplete: r, element: i, ...o } = this.options;
-    if (!n)
-      return;
-    if (t !== void 0) {
-      n.set(t);
-      return;
-    }
-    const a = new Nt({
-      ...o,
-      autoplay: !1
-    }), c = /* @__PURE__ */ B(this.finishedTime ?? this.time);
-    n.setWithVelocity(a.sample(c - fn).value, a.sample(c).value, fn), a.stop();
-  }
-}
-const hn = (e, t) => t === "zIndex" ? !1 : !!(typeof e == "number" || Array.isArray(e) || typeof e == "string" && // It's animatable if we have a string
-(ce.test(e) || e === "0") && // And it contains numbers and/or colors
-!e.startsWith("url("));
-function ji(e) {
-  const t = e[0];
-  if (e.length === 1)
-    return !0;
-  for (let n = 0; n < e.length; n++)
-    if (e[n] !== t)
-      return !0;
-}
-function $i(e, t, n, s) {
-  const r = e[0];
-  if (r === null)
-    return !1;
-  if (t === "display" || t === "visibility")
-    return !0;
-  const i = e[e.length - 1], o = hn(r, t), a = hn(i, t);
-  return oe(o === a, `You are trying to animate ${t} from "${r}" to "${i}". ${r} is not an animatable value - to enable this animation set ${r} to a value animatable to ${i} via the \`style\` property.`), !o || !a ? !1 : ji(e) || (n === "spring" || Ts(n)) && s;
-}
-function Bt(e) {
-  return wr(e) && "offsetHeight" in e;
-}
-const Wi = /* @__PURE__ */ new Set([
-  "opacity",
-  "clipPath",
-  "filter",
-  "transform"
-  // TODO: Could be re-enabled now we have support for linear() easing
-  // "background-color"
-]), Gi = /* @__PURE__ */ St(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
-function zi(e) {
-  var u;
-  const { motionValue: t, name: n, repeatDelay: s, repeatType: r, damping: i, type: o } = e;
-  if (!Bt((u = t == null ? void 0 : t.owner) == null ? void 0 : u.current))
-    return !1;
-  const { onUpdate: a, transformTemplate: c } = t.owner.getProps();
-  return Gi() && n && Wi.has(n) && (n !== "transform" || !c) && /**
-   * If we're outputting values to onUpdate then we can't use WAAPI as there's
-   * no way to read the value from WAAPI every frame.
-   */
-  !a && !s && r !== "mirror" && i !== 0 && o !== "inertia";
-}
-const _i = 40;
-class Ui extends kt {
-  constructor({ autoplay: t = !0, delay: n = 0, type: s = "keyframes", repeat: r = 0, repeatDelay: i = 0, repeatType: o = "loop", keyframes: a, name: c, motionValue: u, element: l, ...d }) {
-    var m;
-    super(), this.stop = () => {
-      var v, T;
-      this._animation && (this._animation.stop(), (v = this.stopTimeline) == null || v.call(this)), (T = this.keyframeResolver) == null || T.cancel();
-    }, this.createdAt = k.now();
-    const f = {
-      autoplay: t,
-      delay: n,
-      type: s,
-      repeat: r,
-      repeatDelay: i,
-      repeatType: o,
-      name: c,
-      motionValue: u,
-      element: l,
-      ...d
-    }, h = (l == null ? void 0 : l.KeyframeResolver) || Lt;
-    this.keyframeResolver = new h(a, (v, T, p) => this.onKeyframesResolved(v, T, f, !p), c, u, l), (m = this.keyframeResolver) == null || m.scheduleResolve();
-  }
-  onKeyframesResolved(t, n, s, r) {
-    this.keyframeResolver = void 0;
-    const { name: i, type: o, velocity: a, delay: c, isHandoff: u, onUpdate: l } = s;
-    this.resolvedAt = k.now(), $i(t, i, o, a) || ((G.instantAnimations || !c) && (l == null || l(Ot(t, s, n))), t[0] = t[t.length - 1], s.duration = 0, s.repeat = 0);
-    const f = {
-      startTime: r ? this.resolvedAt ? this.resolvedAt - this.createdAt > _i ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
-      finalKeyframe: n,
-      ...s,
-      keyframes: t
-    }, h = !u && zi(f) ? new Ki({
-      ...f,
-      element: f.motionValue.owner.current
-    }) : new Nt(f);
-    h.finished.then(() => this.notifyFinished()).catch(ae), this.pendingTimeline && (this.stopTimeline = h.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = h;
-  }
-  get finished() {
-    return this._animation ? this.animation.finished : this._finished;
-  }
-  then(t, n) {
-    return this.finished.finally(t).then(() => {
-    });
-  }
-  get animation() {
-    var t;
-    return this._animation || ((t = this.keyframeResolver) == null || t.resume(), Pi()), this._animation;
-  }
-  get duration() {
-    return this.animation.duration;
-  }
-  get time() {
-    return this.animation.time;
-  }
-  set time(t) {
-    this.animation.time = t;
-  }
-  get speed() {
-    return this.animation.speed;
-  }
-  get state() {
-    return this.animation.state;
-  }
-  set speed(t) {
-    this.animation.speed = t;
-  }
-  get startTime() {
-    return this.animation.startTime;
-  }
-  attachTimeline(t) {
-    return this._animation ? this.stopTimeline = this.animation.attachTimeline(t) : this.pendingTimeline = t, () => this.stop();
-  }
-  play() {
-    this.animation.play();
-  }
-  pause() {
-    this.animation.pause();
-  }
-  complete() {
-    this.animation.complete();
-  }
-  cancel() {
-    var t;
-    this._animation && this.animation.cancel(), (t = this.keyframeResolver) == null || t.cancel();
-  }
-}
-const Hi = (
-  // eslint-disable-next-line redos-detector/no-unsafe-regex -- false positive, as it can match a lot of words
-  /^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u
-);
-function Yi(e) {
-  const t = Hi.exec(e);
-  if (!t)
-    return [,];
-  const [, n, s, r] = t;
-  return [`--${n ?? s}`, r];
-}
-const Xi = 4;
-function Ss(e, t, n = 1) {
-  U(n <= Xi, `Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`);
-  const [s, r] = Yi(e);
-  if (!s)
-    return;
-  const i = window.getComputedStyle(t).getPropertyValue(s);
-  if (i) {
-    const o = i.trim();
-    return Un(o) ? parseFloat(o) : o;
-  }
-  return Dt(r) ? Ss(r, t, n + 1) : r;
-}
-function As(e, t) {
-  return (e == null ? void 0 : e[t]) ?? (e == null ? void 0 : e.default) ?? e;
-}
-const Ms = /* @__PURE__ */ new Set([
-  "width",
-  "height",
-  "top",
-  "left",
-  "right",
-  "bottom",
-  ...ue
-]), qi = {
-  test: (e) => e === "auto",
-  parse: (e) => e
-}, Cs = (e) => (t) => t.test(e), Ps = [le, b, ne, _, jr, Kr, qi], pn = (e) => Ps.find(Cs(e));
-function Zi(e) {
-  return typeof e == "number" ? e === 0 : e !== null ? e === "none" || e === "0" || Hn(e) : !0;
-}
-const Ji = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
-function Qi(e) {
-  const [t, n] = e.slice(0, -1).split("(");
-  if (t === "drop-shadow")
-    return e;
-  const [s] = n.match(It) || [];
-  if (!s)
-    return e;
-  const r = n.replace(s, "");
-  let i = Ji.has(t) ? 1 : 0;
-  return s !== n && (i *= 100), t + "(" + i + r + ")";
-}
-const eo = /\b([a-z-]*)\(.*?\)/gu, ht = {
-  ...ce,
-  getAnimatableNone: (e) => {
-    const t = e.match(eo);
-    return t ? t.map(Qi).join(" ") : e;
-  }
-}, mn = {
-  ...le,
-  transform: Math.round
-}, to = {
-  rotate: _,
-  rotateX: _,
-  rotateY: _,
-  rotateZ: _,
-  scale: Se,
-  scaleX: Se,
-  scaleY: Se,
-  scaleZ: Se,
-  skew: _,
-  skewX: _,
-  skewY: _,
-  distance: b,
-  translateX: b,
-  translateY: b,
-  translateZ: b,
-  x: b,
-  y: b,
-  z: b,
-  perspective: b,
-  transformPerspective: b,
-  opacity: me,
-  originX: tn,
-  originY: tn,
-  originZ: b
-}, Kt = {
-  // Border props
-  borderWidth: b,
-  borderTopWidth: b,
-  borderRightWidth: b,
-  borderBottomWidth: b,
-  borderLeftWidth: b,
-  borderRadius: b,
-  radius: b,
-  borderTopLeftRadius: b,
-  borderTopRightRadius: b,
-  borderBottomRightRadius: b,
-  borderBottomLeftRadius: b,
-  // Positioning props
-  width: b,
-  maxWidth: b,
-  height: b,
-  maxHeight: b,
-  top: b,
-  right: b,
-  bottom: b,
-  left: b,
-  // Spacing props
-  padding: b,
-  paddingTop: b,
-  paddingRight: b,
-  paddingBottom: b,
-  paddingLeft: b,
-  margin: b,
-  marginTop: b,
-  marginRight: b,
-  marginBottom: b,
-  marginLeft: b,
-  // Misc
-  backgroundPositionX: b,
-  backgroundPositionY: b,
-  ...to,
-  zIndex: mn,
-  // SVG
-  fillOpacity: me,
-  strokeOpacity: me,
-  numOctaves: mn
-}, no = {
-  ...Kt,
-  // Color props
-  color: D,
-  backgroundColor: D,
-  outlineColor: D,
-  fill: D,
-  stroke: D,
-  // Border props
-  borderColor: D,
-  borderTopColor: D,
-  borderRightColor: D,
-  borderBottomColor: D,
-  borderLeftColor: D,
-  filter: ht,
-  WebkitFilter: ht
-}, Ds = (e) => no[e];
-function Is(e, t) {
-  let n = Ds(e);
-  return n !== ht && (n = ce), n.getAnimatableNone ? n.getAnimatableNone(t) : void 0;
-}
-const so = /* @__PURE__ */ new Set(["auto", "none", "0"]);
-function ro(e, t, n) {
-  let s = 0, r;
-  for (; s < e.length && !r; ) {
-    const i = e[s];
-    typeof i == "string" && !so.has(i) && ge(i).values.length && (r = e[s]), s++;
-  }
-  if (r && n)
-    for (const i of t)
-      e[i] = Is(n, r);
-}
-class io extends Lt {
-  constructor(t, n, s, r, i) {
-    super(t, n, s, r, i, !0);
-  }
-  readKeyframes() {
-    const { unresolvedKeyframes: t, element: n, name: s } = this;
-    if (!n || !n.current)
-      return;
-    super.readKeyframes();
-    for (let c = 0; c < t.length; c++) {
-      let u = t[c];
-      if (typeof u == "string" && (u = u.trim(), Dt(u))) {
-        const l = Ss(u, n.current);
-        l !== void 0 && (t[c] = l), c === t.length - 1 && (this.finalKeyframe = u);
-      }
-    }
-    if (this.resolveNoneKeyframes(), !Ms.has(s) || t.length !== 2)
-      return;
-    const [r, i] = t, o = pn(r), a = pn(i);
-    if (o !== a)
-      if (un(o) && un(a))
-        for (let c = 0; c < t.length; c++) {
-          const u = t[c];
-          typeof u == "string" && (t[c] = parseFloat(u));
-        }
-      else q[s] && (this.needsMeasurement = !0);
-  }
-  resolveNoneKeyframes() {
-    const { unresolvedKeyframes: t, name: n } = this, s = [];
-    for (let r = 0; r < t.length; r++)
-      (t[r] === null || Zi(t[r])) && s.push(r);
-    s.length && ro(t, s, n);
-  }
-  measureInitialState() {
-    const { element: t, unresolvedKeyframes: n, name: s } = this;
-    if (!t || !t.current)
-      return;
-    s === "height" && (this.suspendedScrollY = window.pageYOffset), this.measuredOrigin = q[s](t.measureViewportBox(), window.getComputedStyle(t.current)), n[0] = this.measuredOrigin;
-    const r = n[n.length - 1];
-    r !== void 0 && t.getValue(s, r).jump(r, !1);
-  }
-  measureEndState() {
-    var a;
-    const { element: t, name: n, unresolvedKeyframes: s } = this;
-    if (!t || !t.current)
-      return;
-    const r = t.getValue(n);
-    r && r.jump(this.measuredOrigin, !1);
-    const i = s.length - 1, o = s[i];
-    s[i] = q[n](t.measureViewportBox(), window.getComputedStyle(t.current)), o !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = o), (a = this.removedTransforms) != null && a.length && this.removedTransforms.forEach(([c, u]) => {
-      t.getValue(c).set(u);
-    }), this.resolveNoneKeyframes();
-  }
-}
-function oo(e, t, n) {
-  if (e instanceof EventTarget)
-    return [e];
-  if (typeof e == "string") {
-    let s = document;
-    const r = (n == null ? void 0 : n[e]) ?? s.querySelectorAll(e);
-    return r ? Array.from(r) : [];
-  }
-  return Array.from(e);
-}
-const Fs = (e, t) => t && typeof e == "number" ? t.transform(e) : e, gn = 30, ao = (e) => !isNaN(parseFloat(e));
-class lo {
-  /**
-   * @param init - The initiating value
-   * @param config - Optional configuration options
-   *
-   * -  `transformer`: A function to transform incoming values with.
-   */
-  constructor(t, n = {}) {
-    this.canTrackVelocity = null, this.events = {}, this.updateAndNotify = (s, r = !0) => {
-      var o, a;
-      const i = k.now();
-      if (this.updatedAt !== i && this.setPrevFrameValue(), this.prev = this.current, this.setCurrent(s), this.current !== this.prev && ((o = this.events.change) == null || o.notify(this.current), this.dependents))
-        for (const c of this.dependents)
-          c.dirty();
-      r && ((a = this.events.renderRequest) == null || a.notify(this.current));
-    }, this.hasAnimated = !1, this.setCurrent(t), this.owner = n.owner;
-  }
-  setCurrent(t) {
-    this.current = t, this.updatedAt = k.now(), this.canTrackVelocity === null && t !== void 0 && (this.canTrackVelocity = ao(this.current));
-  }
-  setPrevFrameValue(t = this.current) {
-    this.prevFrameValue = t, this.prevUpdatedAt = this.updatedAt;
-  }
-  /**
-   * Adds a function that will be notified when the `MotionValue` is updated.
-   *
-   * It returns a function that, when called, will cancel the subscription.
-   *
-   * When calling `onChange` inside a React component, it should be wrapped with the
-   * `useEffect` hook. As it returns an unsubscribe function, this should be returned
-   * from the `useEffect` function to ensure you don't add duplicate subscribers..
-   *
-   * ```jsx
-   * export const MyComponent = () => {
-   *   const x = useMotionValue(0)
-   *   const y = useMotionValue(0)
-   *   const opacity = useMotionValue(1)
-   *
-   *   useEffect(() => {
-   *     function updateOpacity() {
-   *       const maxXY = Math.max(x.get(), y.get())
-   *       const newOpacity = transform(maxXY, [0, 100], [1, 0])
-   *       opacity.set(newOpacity)
-   *     }
-   *
-   *     const unsubscribeX = x.on("change", updateOpacity)
-   *     const unsubscribeY = y.on("change", updateOpacity)
-   *
-   *     return () => {
-   *       unsubscribeX()
-   *       unsubscribeY()
-   *     }
-   *   }, [])
-   *
-   *   return <motion.div style={{ x }} />
-   * }
-   * ```
-   *
-   * @param subscriber - A function that receives the latest value.
-   * @returns A function that, when called, will cancel this subscription.
-   *
-   * @deprecated
-   */
-  onChange(t) {
-    return process.env.NODE_ENV !== "production" && At(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", t);
-  }
-  on(t, n) {
-    this.events[t] || (this.events[t] = new Xn());
-    const s = this.events[t].add(n);
-    return t === "change" ? () => {
-      s(), L.read(() => {
-        this.events.change.getSize() || this.stop();
-      });
-    } : s;
-  }
-  clearListeners() {
-    for (const t in this.events)
-      this.events[t].clear();
-  }
-  /**
-   * Attaches a passive effect to the `MotionValue`.
-   */
-  attach(t, n) {
-    this.passiveEffect = t, this.stopPassiveEffect = n;
-  }
-  /**
-   * Sets the state of the `MotionValue`.
-   *
-   * @remarks
-   *
-   * ```jsx
-   * const x = useMotionValue(0)
-   * x.set(10)
-   * ```
-   *
-   * @param latest - Latest value to set.
-   * @param render - Whether to notify render subscribers. Defaults to `true`
-   *
-   * @public
-   */
-  set(t, n = !0) {
-    !n || !this.passiveEffect ? this.updateAndNotify(t, n) : this.passiveEffect(t, this.updateAndNotify);
-  }
-  setWithVelocity(t, n, s) {
-    this.set(n), this.prev = void 0, this.prevFrameValue = t, this.prevUpdatedAt = this.updatedAt - s;
-  }
-  /**
-   * Set the state of the `MotionValue`, stopping any active animations,
-   * effects, and resets velocity to `0`.
-   */
-  jump(t, n = !0) {
-    this.updateAndNotify(t), this.prev = t, this.prevUpdatedAt = this.prevFrameValue = void 0, n && this.stop(), this.stopPassiveEffect && this.stopPassiveEffect();
-  }
-  dirty() {
-    var t;
-    (t = this.events.change) == null || t.notify(this.current);
-  }
-  addDependent(t) {
-    this.dependents || (this.dependents = /* @__PURE__ */ new Set()), this.dependents.add(t);
-  }
-  removeDependent(t) {
-    this.dependents && this.dependents.delete(t);
-  }
-  /**
-   * 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() {
-    const t = k.now();
-    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > gn)
-      return 0;
-    const n = Math.min(this.updatedAt - this.prevUpdatedAt, gn);
-    return qn(parseFloat(this.current) - parseFloat(this.prevFrameValue), n);
-  }
-  /**
-   * Registers a new animation to control this `MotionValue`. Only one
-   * animation can drive a `MotionValue` at one time.
-   *
-   * ```jsx
-   * value.start()
-   * ```
-   *
-   * @param animation - A function that starts the provided animation
-   */
-  start(t) {
-    return this.stop(), new Promise((n) => {
-      this.hasAnimated = !0, this.animation = t(n), this.events.animationStart && this.events.animationStart.notify();
-    }).then(() => {
-      this.events.animationComplete && this.events.animationComplete.notify(), this.clearAnimation();
-    });
-  }
-  /**
-   * Stop the currently active animation.
-   *
-   * @public
-   */
-  stop() {
-    this.animation && (this.animation.stop(), this.events.animationCancel && this.events.animationCancel.notify()), this.clearAnimation();
-  }
-  /**
-   * Returns `true` if this value is currently animating.
-   *
-   * @public
-   */
-  isAnimating() {
-    return !!this.animation;
-  }
-  clearAnimation() {
-    delete this.animation;
-  }
-  /**
-   * Destroy and clean up subscribers to this `MotionValue`.
-   *
-   * The `MotionValue` hooks like `useMotionValue` and `useTransform` automatically
-   * handle the lifecycle of the returned `MotionValue`, so this method is only necessary if you've manually
-   * created a `MotionValue` via the `motionValue` function.
-   *
-   * @public
-   */
-  destroy() {
-    var t, n;
-    (t = this.dependents) == null || t.clear(), (n = this.events.destroy) == null || n.notify(), this.clearListeners(), this.stop(), this.stopPassiveEffect && this.stopPassiveEffect();
-  }
-}
-function Ee(e, t) {
-  return new lo(e, t);
-}
-const { schedule: co } = /* @__PURE__ */ os(queueMicrotask, !1), yn = {
-  x: !1,
-  y: !1
-};
-function Rs() {
-  return yn.x || yn.y;
-}
-function Es(e, t) {
-  const n = oo(e), s = new AbortController(), r = {
-    passive: !0,
-    ...t,
-    signal: s.signal
-  };
-  return [n, r, () => s.abort()];
-}
-function bn(e) {
-  return !(e.pointerType === "touch" || Rs());
-}
-function uo(e, t, n = {}) {
-  const [s, r, i] = Es(e, n), o = (a) => {
-    if (!bn(a))
-      return;
-    const { target: c } = a, u = t(c, a);
-    if (typeof u != "function" || !c)
-      return;
-    const l = (d) => {
-      bn(d) && (u(d), c.removeEventListener("pointerleave", l));
-    };
-    c.addEventListener("pointerleave", l, r);
-  };
-  return s.forEach((a) => {
-    a.addEventListener("pointerenter", o, r);
-  }), i;
-}
-const Os = (e, t) => t ? e === t ? !0 : Os(e, t.parentElement) : !1, ks = (e) => e.pointerType === "mouse" ? typeof e.button != "number" || e.button <= 0 : e.isPrimary !== !1, fo = /* @__PURE__ */ new Set([
-  "BUTTON",
-  "INPUT",
-  "SELECT",
-  "TEXTAREA",
-  "A"
-]);
-function ho(e) {
-  return fo.has(e.tagName) || e.tabIndex !== -1;
-}
-const Ce = /* @__PURE__ */ new WeakSet();
-function vn(e) {
-  return (t) => {
-    t.key === "Enter" && e(t);
-  };
-}
-function Ze(e, t) {
-  e.dispatchEvent(new PointerEvent("pointer" + t, { isPrimary: !0, bubbles: !0 }));
-}
-const po = (e, t) => {
-  const n = e.currentTarget;
-  if (!n)
-    return;
-  const s = vn(() => {
-    if (Ce.has(n))
-      return;
-    Ze(n, "down");
-    const r = vn(() => {
-      Ze(n, "up");
-    }), i = () => Ze(n, "cancel");
-    n.addEventListener("keyup", r, t), n.addEventListener("blur", i, t);
-  });
-  n.addEventListener("keydown", s, t), n.addEventListener("blur", () => n.removeEventListener("keydown", s), t);
-};
-function wn(e) {
-  return ks(e) && !Rs();
-}
-function mo(e, t, n = {}) {
-  const [s, r, i] = Es(e, n), o = (a) => {
-    const c = a.currentTarget;
-    if (!wn(a))
-      return;
-    Ce.add(c);
-    const u = t(c, a), l = (h, m) => {
-      window.removeEventListener("pointerup", d), window.removeEventListener("pointercancel", f), Ce.has(c) && Ce.delete(c), wn(h) && typeof u == "function" && u(h, { success: m });
-    }, d = (h) => {
-      l(h, c === window || c === document || n.useGlobalTarget || Os(c, h.target));
-    }, f = (h) => {
-      l(h, !1);
-    };
-    window.addEventListener("pointerup", d, r), window.addEventListener("pointercancel", f, r);
-  };
-  return s.forEach((a) => {
-    (n.useGlobalTarget ? window : a).addEventListener("pointerdown", o, r), Bt(a) && (a.addEventListener("focus", (u) => po(u, r)), !ho(a) && !a.hasAttribute("tabindex") && (a.tabIndex = 0));
-  }), i;
-}
-const E = (e) => !!(e && e.getVelocity), go = [...Ps, D, ce], yo = (e) => go.find(Cs(e)), jt = ie({
-  transformPagePoint: (e) => e,
-  isStatic: !1,
-  reducedMotion: "never"
-});
-class bo extends xt.Component {
-  getSnapshotBeforeUpdate(t) {
-    const n = this.props.childRef.current;
-    if (n && t.isPresent && !this.props.isPresent) {
-      const s = n.offsetParent, r = Bt(s) && s.offsetWidth || 0, i = this.props.sizeRef.current;
-      i.height = n.offsetHeight || 0, i.width = n.offsetWidth || 0, i.top = n.offsetTop, i.left = n.offsetLeft, i.right = r - i.width - i.left;
-    }
-    return null;
-  }
-  /**
-   * Required with getSnapshotBeforeUpdate to stop React complaining.
-   */
-  componentDidUpdate() {
-  }
-  render() {
-    return this.props.children;
-  }
-}
-function vo({ children: e, isPresent: t, anchorX: n }) {
-  const s = ke(), r = j(null), i = j({
-    width: 0,
-    height: 0,
-    top: 0,
-    left: 0,
-    right: 0
-  }), { nonce: o } = O(jt);
-  return $n(() => {
-    const { width: a, height: c, top: u, left: l, right: d } = i.current;
-    if (t || !r.current || !a || !c)
-      return;
-    const f = n === "left" ? `left: ${l}` : `right: ${d}`;
-    r.current.dataset.motionPopId = s;
-    const h = document.createElement("style");
-    return o && (h.nonce = o), document.head.appendChild(h), h.sheet && h.sheet.insertRule(`
-          [data-motion-pop-id="${s}"] {
-            position: absolute !important;
-            width: ${a}px !important;
-            height: ${c}px !important;
-            ${f}px !important;
-            top: ${u}px !important;
-          }
-        `), () => {
-      document.head.contains(h) && document.head.removeChild(h);
-    };
-  }, [t]), P.jsx(bo, { isPresent: t, childRef: r, sizeRef: i, children: xt.cloneElement(e, { ref: r }) });
-}
-const wo = ({ children: e, initial: t, isPresent: n, onExitComplete: s, custom: r, presenceAffectsLayout: i, mode: o, anchorX: a }) => {
-  const c = Tt(xo), u = ke();
-  let l = !0, d = W(() => (l = !1, {
-    id: u,
-    initial: t,
-    isPresent: n,
-    custom: r,
-    onExitComplete: (f) => {
-      c.set(f, !0);
-      for (const h of c.values())
-        if (!h)
-          return;
-      s && s();
-    },
-    register: (f) => (c.set(f, !1), () => c.delete(f))
-  }), [n, c, s]);
-  return i && l && (d = { ...d }), W(() => {
-    c.forEach((f, h) => c.set(h, !1));
-  }, [n]), xt.useEffect(() => {
-    !n && !c.size && s && s();
-  }, [n]), o === "popLayout" && (e = P.jsx(vo, { isPresent: n, anchorX: a, children: e })), P.jsx(Le.Provider, { value: d, children: e });
-};
-function xo() {
-  return /* @__PURE__ */ new Map();
-}
-function To(e = !0) {
-  const t = O(Le);
-  if (t === null)
-    return [!0, null];
-  const { isPresent: n, onExitComplete: s, register: r } = t, i = ke();
-  Ne(() => {
-    if (e)
-      return r(i);
-  }, [e]);
-  const o = se(() => e && s && s(i), [i, s, e]);
-  return !n && s ? [!1, o] : [!0];
-}
-const Ae = (e) => e.key || "";
-function xn(e) {
-  const t = [];
-  return or.forEach(e, (n) => {
-    jn(n) && t.push(n);
-  }), t;
-}
-const Vo = ({ children: e, custom: t, initial: n = !0, onExitComplete: s, presenceAffectsLayout: r = !0, mode: i = "sync", propagate: o = !1, anchorX: a = "left" }) => {
-  const [c, u] = To(o), l = W(() => xn(e), [e]), d = o && !c ? [] : l.map(Ae), f = j(!0), h = j(l), m = Tt(() => /* @__PURE__ */ new Map()), [v, T] = Pe(l), [p, S] = Pe(l);
-  _n(() => {
-    f.current = !1, h.current = l;
-    for (let g = 0; g < p.length; g++) {
-      const w = Ae(p[g]);
-      d.includes(w) ? m.delete(w) : m.get(w) !== !0 && m.set(w, !1);
-    }
-  }, [p, d.length, d.join("-")]);
-  const y = [];
-  if (l !== v) {
-    let g = [...l];
-    for (let w = 0; w < p.length; w++) {
-      const M = p[w], x = Ae(M);
-      d.includes(x) || (g.splice(w, 0, M), y.push(M));
-    }
-    return i === "wait" && y.length && (g = y), S(xn(g)), T(l), null;
-  }
-  process.env.NODE_ENV !== "production" && i === "wait" && p.length > 1;
-  const { forceRender: A } = O(zn);
-  return P.jsx(P.Fragment, { children: p.map((g) => {
-    const w = Ae(g), M = o && !c ? !1 : l === p || d.includes(w), x = () => {
-      if (m.has(w))
-        m.set(w, !0);
-      else
-        return;
-      let I = !0;
-      m.forEach((R) => {
-        R || (I = !1);
-      }), I && (A == null || A(), S(h.current), o && (u == null || u()), s && s());
-    };
-    return P.jsx(wo, { isPresent: M, initial: !f.current || n ? void 0 : !1, custom: t, presenceAffectsLayout: r, mode: i, onExitComplete: M ? void 0 : x, anchorX: a, children: g }, w);
-  }) });
-}, $t = ie({ strict: !1 }), Tn = {
-  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"]
-}, re = {};
-for (const e in Tn)
-  re[e] = {
-    isEnabled: (t) => Tn[e].some((n) => !!t[n])
-  };
-function pt(e) {
-  for (const t in e)
-    re[t] = {
-      ...re[t],
-      ...e[t]
-    };
-}
-function So({ children: e, features: t, strict: n = !1 }) {
-  const [, s] = Pe(!Je(t)), r = j(void 0);
-  if (!Je(t)) {
-    const { renderer: i, ...o } = t;
-    r.current = i, pt(o);
-  }
-  return Ne(() => {
-    Je(t) && t().then(({ renderer: i, ...o }) => {
-      pt(o), r.current = i, s(!0);
-    });
-  }, []), P.jsx($t.Provider, { value: { renderer: r.current, strict: n }, children: e });
-}
-function Je(e) {
-  return typeof e == "function";
-}
-const Ao = /* @__PURE__ */ new Set([
-  "animate",
-  "exit",
-  "variants",
-  "initial",
-  "style",
-  "values",
-  "variants",
-  "transition",
-  "transformTemplate",
-  "custom",
-  "inherit",
-  "onBeforeLayoutMeasure",
-  "onAnimationStart",
-  "onAnimationComplete",
-  "onUpdate",
-  "onDragStart",
-  "onDrag",
-  "onDragEnd",
-  "onMeasureDragConstraints",
-  "onDirectionLock",
-  "onDragTransitionEnd",
-  "_dragX",
-  "_dragY",
-  "onHoverStart",
-  "onHoverEnd",
-  "onViewportEnter",
-  "onViewportLeave",
-  "globalTapTarget",
-  "ignoreStrict",
-  "viewport"
-]);
-function Oe(e) {
-  return e.startsWith("while") || e.startsWith("drag") && e !== "draggable" || e.startsWith("layout") || e.startsWith("onTap") || e.startsWith("onPan") || e.startsWith("onLayout") || Ao.has(e);
-}
-let Ns = (e) => !Oe(e);
-function Mo(e) {
-  typeof e == "function" && (Ns = (t) => t.startsWith("on") ? !Oe(t) : e(t));
-}
-try {
-  Mo(require("@emotion/is-prop-valid").default);
-} catch {
-}
-function Co(e, t, n) {
-  const s = {};
-  for (const r in e)
-    r === "values" && typeof e.values == "object" || (Ns(r) || n === !0 && Oe(r) || !t && !Oe(r) || // If trying to use native HTML drag events, forward drag listeners
-    e.draggable && r.startsWith("onDrag")) && (s[r] = e[r]);
-  return s;
-}
-function Po(e) {
-  if (typeof Proxy > "u")
-    return e;
-  const t = /* @__PURE__ */ new Map(), n = (...s) => (process.env.NODE_ENV !== "production" && At(!1, "motion() is deprecated. Use motion.create() instead."), e(...s));
-  return new Proxy(n, {
-    /**
-     * 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: (s, r) => r === "create" ? e : (t.has(r) || t.set(r, e(r)), t.get(r))
-  });
-}
-const Ke = /* @__PURE__ */ ie({});
-function je(e) {
-  return e !== null && typeof e == "object" && typeof e.start == "function";
-}
-function ye(e) {
-  return typeof e == "string" || Array.isArray(e);
-}
-const Wt = [
-  "animate",
-  "whileInView",
-  "whileFocus",
-  "whileHover",
-  "whileTap",
-  "whileDrag",
-  "exit"
-], Gt = ["initial", ...Wt];
-function $e(e) {
-  return je(e.animate) || Gt.some((t) => ye(e[t]));
-}
-function Ls(e) {
-  return !!($e(e) || e.variants);
-}
-function Do(e, t) {
-  if ($e(e)) {
-    const { initial: n, animate: s } = e;
-    return {
-      initial: n === !1 || ye(n) ? n : void 0,
-      animate: ye(s) ? s : void 0
-    };
-  }
-  return e.inherit !== !1 ? t : {};
-}
-function Io(e) {
-  const { initial: t, animate: n } = Do(e, O(Ke));
-  return W(() => ({ initial: t, animate: n }), [Vn(t), Vn(n)]);
-}
-function Vn(e) {
-  return Array.isArray(e) ? e.join(" ") : e;
-}
-const Fo = Symbol.for("motionComponentSymbol");
-function Bs(e) {
-  return e && typeof e == "object" && Object.prototype.hasOwnProperty.call(e, "current");
-}
-function Ro(e, t, n) {
-  return se(
-    (s) => {
-      s && e.onMount && e.onMount(s), t && (s ? t.mount(s) : t.unmount()), n && (typeof n == "function" ? n(s) : Bs(n) && (n.current = s));
-    },
-    /**
-     * 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]
-  );
-}
-const zt = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), Eo = "framerAppearId", Ks = "data-" + zt(Eo), Oo = ie({});
-function ko(e, t, n, s, r) {
-  var v, T;
-  const { visualElement: i } = O(Ke), o = O($t), a = O(Le), c = O(jt).reducedMotion, u = j(null);
-  s = s || o.renderer, !u.current && s && (u.current = s(e, {
-    visualState: t,
-    parent: i,
-    props: n,
-    presenceContext: a,
-    blockInitialAnimation: a ? a.initial === !1 : !1,
-    reducedMotionConfig: c
-  }));
-  const l = u.current, d = O(Oo);
-  l && !l.projection && r && (l.type === "html" || l.type === "svg") && No(u.current, n, r, d);
-  const f = j(!1);
-  $n(() => {
-    l && f.current && l.update(n, a);
-  });
-  const h = n[Ks], m = j(!!h && !((v = window.MotionHandoffIsComplete) != null && v.call(window, h)) && ((T = window.MotionHasOptimisedAnimation) == null ? void 0 : T.call(window, h)));
-  return _n(() => {
-    l && (f.current = !0, window.MotionIsMounted = !0, l.updateFeatures(), co.render(l.render), m.current && l.animationState && l.animationState.animateChanges());
-  }), Ne(() => {
-    l && (!m.current && l.animationState && l.animationState.animateChanges(), m.current && (queueMicrotask(() => {
-      var p;
-      (p = window.MotionHandoffMarkAsComplete) == null || p.call(window, h);
-    }), m.current = !1));
-  }), l;
-}
-function No(e, t, n, s) {
-  const { layoutId: r, layout: i, drag: o, dragConstraints: a, layoutScroll: c, layoutRoot: u, layoutCrossfade: l } = t;
-  e.projection = new n(e.latestValues, t["data-framer-portal-id"] ? void 0 : js(e.parent)), e.projection.setOptions({
-    layoutId: r,
-    layout: i,
-    alwaysMeasureLayout: !!o || a && Bs(a),
-    visualElement: e,
-    /**
-     * TODO: Update options in an effect. This could be tricky as it'll be too late
-     * to update by the time layout animations run.
-     * We also need to fix this safeToRemove by linking it up to the one returned by usePresence,
-     * ensuring it gets called if there's no potential layout animations.
-     *
-     */
-    animationType: typeof i == "string" ? i : "both",
-    initialPromotionConfig: s,
-    crossfade: l,
-    layoutScroll: c,
-    layoutRoot: u
-  });
-}
-function js(e) {
-  if (e)
-    return e.options.allowProjection !== !1 ? e.projection : js(e.parent);
-}
-function Lo({ preloadedFeatures: e, createVisualElement: t, useRender: n, useVisualState: s, Component: r }) {
-  e && pt(e);
-  function i(a, c) {
-    let u;
-    const l = {
-      ...O(jt),
-      ...a,
-      layoutId: Bo(a)
-    }, { isStatic: d } = l, f = Io(a), h = s(a, d);
-    if (!d && Vt) {
-      Ko(l, e);
-      const m = jo(l);
-      u = m.MeasureLayout, f.visualElement = ko(r, h, l, t, m.ProjectionNode);
-    }
-    return P.jsxs(Ke.Provider, { value: f, children: [u && f.visualElement ? P.jsx(u, { visualElement: f.visualElement, ...l }) : null, n(r, a, Ro(h, f.visualElement, c), h, d, f.visualElement)] });
-  }
-  i.displayName = `motion.${typeof r == "string" ? r : `create(${r.displayName ?? r.name ?? ""})`}`;
-  const o = Wn(i);
-  return o[Fo] = r, o;
-}
-function Bo({ layoutId: e }) {
-  const t = O(zn).id;
-  return t && e !== void 0 ? t + "-" + e : e;
-}
-function Ko(e, t) {
-  const n = O($t).strict;
-  if (process.env.NODE_ENV !== "production" && t && n) {
-    const s = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
-    e.ignoreStrict ? oe(!1, s) : U(!1, s);
-  }
-}
-function jo(e) {
-  const { drag: t, layout: n } = re;
-  if (!t && !n)
-    return {};
-  const s = { ...t, ...n };
-  return {
-    MeasureLayout: t != null && t.isEnabled(e) || n != null && n.isEnabled(e) ? s.MeasureLayout : void 0,
-    ProjectionNode: s.ProjectionNode
-  };
-}
-const mt = {};
-function wl(e) {
-  for (const t in e)
-    mt[t] = e[t], Pt(t) && (mt[t].isCSSVariable = !0);
-}
-function $s(e, { layout: t, layoutId: n }) {
-  return de.has(e) || e.startsWith("origin") || (t || n !== void 0) && (!!mt[e] || e === "opacity");
-}
-const $o = {
-  x: "translateX",
-  y: "translateY",
-  z: "translateZ",
-  transformPerspective: "perspective"
-}, Wo = ue.length;
-function Go(e, t, n) {
-  let s = "", r = !0;
-  for (let i = 0; i < Wo; i++) {
-    const o = ue[i], a = e[o];
-    if (a === void 0)
-      continue;
-    let c = !0;
-    if (typeof a == "number" ? c = a === (o.startsWith("scale") ? 1 : 0) : c = parseFloat(a) === 0, !c || n) {
-      const u = Fs(a, Kt[o]);
-      if (!c) {
-        r = !1;
-        const l = $o[o] || o;
-        s += `${l}(${u}) `;
-      }
-      n && (t[o] = u);
-    }
-  }
-  return s = s.trim(), n ? s = n(t, r ? "" : s) : r && (s = "none"), s;
-}
-function _t(e, t, n) {
-  const { style: s, vars: r, transformOrigin: i } = e;
-  let o = !1, a = !1;
-  for (const c in t) {
-    const u = t[c];
-    if (de.has(c)) {
-      o = !0;
-      continue;
-    } else if (Pt(c)) {
-      r[c] = u;
-      continue;
-    } else {
-      const l = Fs(u, Kt[c]);
-      c.startsWith("origin") ? (a = !0, i[c] = l) : s[c] = l;
-    }
-  }
-  if (t.transform || (o || n ? s.transform = Go(t, e.transform, n) : s.transform && (s.transform = "none")), a) {
-    const { originX: c = "50%", originY: u = "50%", originZ: l = 0 } = i;
-    s.transformOrigin = `${c} ${u} ${l}`;
-  }
-}
-const Ut = () => ({
-  style: {},
-  transform: {},
-  transformOrigin: {},
-  vars: {}
-});
-function Ws(e, t, n) {
-  for (const s in t)
-    !E(t[s]) && !$s(s, n) && (e[s] = t[s]);
-}
-function zo({ transformTemplate: e }, t) {
-  return W(() => {
-    const n = Ut();
-    return _t(n, t, e), Object.assign({}, n.vars, n.style);
-  }, [t]);
-}
-function _o(e, t) {
-  const n = e.style || {}, s = {};
-  return Ws(s, n, e), Object.assign(s, zo(e, t)), s;
-}
-function Uo(e, t) {
-  const n = {}, s = _o(e, t);
-  return e.drag && e.dragListener !== !1 && (n.draggable = !1, s.userSelect = s.WebkitUserSelect = s.WebkitTouchCallout = "none", s.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 = s, n;
-}
-const Ho = {
-  offset: "stroke-dashoffset",
-  array: "stroke-dasharray"
-}, Yo = {
-  offset: "strokeDashoffset",
-  array: "strokeDasharray"
-};
-function Xo(e, t, n = 1, s = 0, r = !0) {
-  e.pathLength = 1;
-  const i = r ? Ho : Yo;
-  e[i.offset] = b.transform(-s);
-  const o = b.transform(t), a = b.transform(n);
-  e[i.array] = `${o} ${a}`;
-}
-function Gs(e, {
-  attrX: t,
-  attrY: n,
-  attrScale: s,
-  pathLength: r,
-  pathSpacing: i = 1,
-  pathOffset: o = 0,
-  // This is object creation, which we try to avoid per-frame.
-  ...a
-}, c, u, l) {
-  if (_t(e, a, u), c) {
-    e.style.viewBox && (e.attrs.viewBox = e.style.viewBox);
-    return;
-  }
-  e.attrs = e.style, e.style = {};
-  const { attrs: d, style: f } = e;
-  d.transform && (f.transform = d.transform, delete d.transform), (f.transform || d.transformOrigin) && (f.transformOrigin = d.transformOrigin ?? "50% 50%", delete d.transformOrigin), f.transform && (f.transformBox = (l == null ? void 0 : l.transformBox) ?? "fill-box", delete d.transformBox), t !== void 0 && (d.x = t), n !== void 0 && (d.y = n), s !== void 0 && (d.scale = s), r !== void 0 && Xo(d, r, i, o, !1);
-}
-const zs = () => ({
-  ...Ut(),
-  attrs: {}
-}), _s = (e) => typeof e == "string" && e.toLowerCase() === "svg";
-function qo(e, t, n, s) {
-  const r = W(() => {
-    const i = zs();
-    return Gs(i, t, _s(s), e.transformTemplate, e.style), {
-      ...i.attrs,
-      style: { ...i.style }
-    };
-  }, [t]);
-  if (e.style) {
-    const i = {};
-    Ws(i, e.style, e), r.style = { ...i, ...r.style };
-  }
-  return r;
-}
-const Zo = [
-  "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 Ht(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
-       */
-      !!(Zo.indexOf(e) > -1 || /**
-       * If it contains a capital letter, it's an SVG component
-       */
-      /[A-Z]/u.test(e))
-    )
-  );
-}
-function Jo(e = !1) {
-  return (n, s, r, { latestValues: i }, o) => {
-    const c = (Ht(n) ? qo : Uo)(s, i, o, n), u = Co(s, typeof n == "string", e), l = n !== Gn ? { ...u, ...c, ref: r } : {}, { children: d } = s, f = W(() => E(d) ? d.get() : d, [d]);
-    return ar(n, {
-      ...l,
-      children: f
-    });
-  };
-}
-function Sn(e) {
-  const t = [{}, {}];
-  return e == null || e.values.forEach((n, s) => {
-    t[0][s] = n.get(), t[1][s] = n.getVelocity();
-  }), t;
-}
-function Yt(e, t, n, s) {
-  if (typeof t == "function") {
-    const [r, i] = Sn(s);
-    t = t(n !== void 0 ? n : e.custom, r, i);
-  }
-  if (typeof t == "string" && (t = e.variants && e.variants[t]), typeof t == "function") {
-    const [r, i] = Sn(s);
-    t = t(n !== void 0 ? n : e.custom, r, i);
-  }
-  return t;
-}
-function Qo(e) {
-  return E(e) ? e.get() : e;
-}
-function ea({ scrapeMotionValuesFromProps: e, createRenderState: t }, n, s, r) {
-  return {
-    latestValues: ta(n, s, r, e),
-    renderState: t()
-  };
-}
-const Us = (e) => (t, n) => {
-  const s = O(Ke), r = O(Le), i = () => ea(e, t, s, r);
-  return n ? i() : Tt(i);
-};
-function ta(e, t, n, s) {
-  const r = {}, i = s(e, {});
-  for (const f in i)
-    r[f] = Qo(i[f]);
-  let { initial: o, animate: a } = e;
-  const c = $e(e), u = Ls(e);
-  t && u && !c && e.inherit !== !1 && (o === void 0 && (o = t.initial), a === void 0 && (a = t.animate));
-  let l = n ? n.initial === !1 : !1;
-  l = l || o === !1;
-  const d = l ? a : o;
-  if (d && typeof d != "boolean" && !je(d)) {
-    const f = Array.isArray(d) ? d : [d];
-    for (let h = 0; h < f.length; h++) {
-      const m = Yt(e, f[h]);
-      if (m) {
-        const { transitionEnd: v, transition: T, ...p } = m;
-        for (const S in p) {
-          let y = p[S];
-          if (Array.isArray(y)) {
-            const A = l ? y.length - 1 : 0;
-            y = y[A];
-          }
-          y !== null && (r[S] = y);
-        }
-        for (const S in v)
-          r[S] = v[S];
-      }
-    }
-  }
-  return r;
-}
-function Xt(e, t, n) {
-  var i;
-  const { style: s } = e, r = {};
-  for (const o in s)
-    (E(s[o]) || t.style && E(t.style[o]) || $s(o, e) || ((i = n == null ? void 0 : n.getValue(o)) == null ? void 0 : i.liveStyle) !== void 0) && (r[o] = s[o]);
-  return r;
-}
-const na = {
-  useVisualState: Us({
-    scrapeMotionValuesFromProps: Xt,
-    createRenderState: Ut
-  })
-};
-function Hs(e, t, n) {
-  const s = Xt(e, t, n);
-  for (const r in e)
-    if (E(e[r]) || E(t[r])) {
-      const i = ue.indexOf(r) !== -1 ? "attr" + r.charAt(0).toUpperCase() + r.substring(1) : r;
-      s[i] = e[r];
-    }
-  return s;
-}
-const sa = {
-  useVisualState: Us({
-    scrapeMotionValuesFromProps: Hs,
-    createRenderState: zs
-  })
-};
-function ra(e, t) {
-  return function(s, { forwardMotionProps: r } = { forwardMotionProps: !1 }) {
-    const o = {
-      ...Ht(s) ? sa : na,
-      preloadedFeatures: e,
-      useRender: Jo(r),
-      createVisualElement: t,
-      Component: s
-    };
-    return Lo(o);
-  };
-}
-const ia = /* @__PURE__ */ ra(), oa = /* @__PURE__ */ Po(ia);
-function be(e, t, n) {
-  const s = e.getProps();
-  return Yt(s, t, n !== void 0 ? n : s.custom, e);
-}
-const gt = (e) => Array.isArray(e);
-function aa(e, t, n) {
-  e.hasValue(t) ? e.getValue(t).set(n) : e.addValue(t, Ee(n));
-}
-function la(e) {
-  return gt(e) ? e[e.length - 1] || 0 : e;
-}
-function ca(e, t) {
-  const n = be(e, t);
-  let { transitionEnd: s = {}, transition: r = {}, ...i } = n || {};
-  i = { ...i, ...s };
-  for (const o in i) {
-    const a = la(i[o]);
-    aa(e, o, a);
-  }
-}
-function ua(e) {
-  return !!(E(e) && e.add);
-}
-function da(e, t) {
-  const n = e.getValue("willChange");
-  if (ua(n))
-    return n.add(t);
-  if (!n && G.WillChange) {
-    const s = new G.WillChange("auto");
-    e.addValue("willChange", s), s.add(t);
-  }
-}
-function fa(e) {
-  return e.props[Ks];
-}
-const ha = (e) => e !== null;
-function pa(e, { repeat: t, repeatType: n = "loop" }, s) {
-  const r = e.filter(ha), i = t && n !== "loop" && t % 2 === 1 ? 0 : r.length - 1;
-  return r[i];
-}
-const ma = {
-  type: "spring",
-  stiffness: 500,
-  damping: 25,
-  restSpeed: 10
-}, ga = (e) => ({
-  type: "spring",
-  stiffness: 550,
-  damping: e === 0 ? 2 * Math.sqrt(550) : 30,
-  restSpeed: 10
-}), ya = {
-  type: "keyframes",
-  duration: 0.8
-}, ba = {
-  type: "keyframes",
-  ease: [0.25, 0.1, 0.35, 1],
-  duration: 0.3
-}, va = (e, { keyframes: t }) => t.length > 2 ? ya : de.has(e) ? e.startsWith("scale") ? ga(t[1]) : ma : ba;
-function wa({ when: e, delay: t, delayChildren: n, staggerChildren: s, staggerDirection: r, repeat: i, repeatType: o, repeatDelay: a, from: c, elapsed: u, ...l }) {
-  return !!Object.keys(l).length;
-}
-const xa = (e, t, n, s = {}, r, i) => (o) => {
-  const a = As(s, e) || {}, c = a.delay || s.delay || 0;
-  let { elapsed: u = 0 } = s;
-  u = u - /* @__PURE__ */ B(c);
-  const l = {
-    keyframes: Array.isArray(n) ? n : [null, n],
-    ease: "easeOut",
-    velocity: t.getVelocity(),
-    ...a,
-    delay: -u,
-    onUpdate: (f) => {
-      t.set(f), a.onUpdate && a.onUpdate(f);
-    },
-    onComplete: () => {
-      o(), a.onComplete && a.onComplete();
-    },
-    name: e,
-    motionValue: t,
-    element: i ? void 0 : r
-  };
-  wa(a) || Object.assign(l, va(e, l)), l.duration && (l.duration = /* @__PURE__ */ B(l.duration)), l.repeatDelay && (l.repeatDelay = /* @__PURE__ */ B(l.repeatDelay)), l.from !== void 0 && (l.keyframes[0] = l.from);
-  let d = !1;
-  if ((l.type === !1 || l.duration === 0 && !l.repeatDelay) && (l.duration = 0, l.delay === 0 && (d = !0)), (G.instantAnimations || G.skipAnimations) && (d = !0, l.duration = 0, l.delay = 0), l.allowFlatten = !a.type && !a.ease, d && !i && t.get() !== void 0) {
-    const f = pa(l.keyframes, a);
-    if (f !== void 0) {
-      L.update(() => {
-        l.onUpdate(f), l.onComplete();
-      });
-      return;
-    }
-  }
-  return a.isSync ? new Nt(l) : new Ui(l);
-};
-function Ta({ protectedKeys: e, needsAnimating: t }, n) {
-  const s = e.hasOwnProperty(n) && t[n] !== !0;
-  return t[n] = !1, s;
-}
-function Ys(e, t, { delay: n = 0, transitionOverride: s, type: r } = {}) {
-  let { transition: i = e.getDefaultTransition(), transitionEnd: o, ...a } = t;
-  s && (i = s);
-  const c = [], u = r && e.animationState && e.animationState.getState()[r];
-  for (const l in a) {
-    const d = e.getValue(l, e.latestValues[l] ?? null), f = a[l];
-    if (f === void 0 || u && Ta(u, l))
-      continue;
-    const h = {
-      delay: n,
-      ...As(i || {}, l)
-    }, m = d.get();
-    if (m !== void 0 && !d.isAnimating && !Array.isArray(f) && f === m && !h.velocity)
-      continue;
-    let v = !1;
-    if (window.MotionHandoffAnimation) {
-      const p = fa(e);
-      if (p) {
-        const S = window.MotionHandoffAnimation(p, l, L);
-        S !== null && (h.startTime = S, v = !0);
-      }
-    }
-    da(e, l), d.start(xa(l, d, f, e.shouldReduceMotion && Ms.has(l) ? { type: !1 } : h, e, v));
-    const T = d.animation;
-    T && c.push(T);
-  }
-  return o && Promise.all(c).then(() => {
-    L.update(() => {
-      o && ca(e, o);
-    });
-  }), c;
-}
-function yt(e, t, n = {}) {
-  var c;
-  const s = be(e, t, n.type === "exit" ? (c = e.presenceContext) == null ? void 0 : c.custom : void 0);
-  let { transition: r = e.getDefaultTransition() || {} } = s || {};
-  n.transitionOverride && (r = n.transitionOverride);
-  const i = s ? () => Promise.all(Ys(e, s, n)) : () => Promise.resolve(), o = e.variantChildren && e.variantChildren.size ? (u = 0) => {
-    const { delayChildren: l = 0, staggerChildren: d, staggerDirection: f } = r;
-    return Va(e, t, l + u, d, f, n);
-  } : () => Promise.resolve(), { when: a } = r;
-  if (a) {
-    const [u, l] = a === "beforeChildren" ? [i, o] : [o, i];
-    return u().then(() => l());
-  } else
-    return Promise.all([i(), o(n.delay)]);
-}
-function Va(e, t, n = 0, s = 0, r = 1, i) {
-  const o = [], a = (e.variantChildren.size - 1) * s, c = r === 1 ? (u = 0) => u * s : (u = 0) => a - u * s;
-  return Array.from(e.variantChildren).sort(Sa).forEach((u, l) => {
-    u.notify("AnimationStart", t), o.push(yt(u, t, {
-      ...i,
-      delay: n + c(l)
-    }).then(() => u.notify("AnimationComplete", t)));
-  }), Promise.all(o);
-}
-function Sa(e, t) {
-  return e.sortNodePosition(t);
-}
-function Aa(e, t, n = {}) {
-  e.notify("AnimationStart", t);
-  let s;
-  if (Array.isArray(t)) {
-    const r = t.map((i) => yt(e, i, n));
-    s = Promise.all(r);
-  } else if (typeof t == "string")
-    s = yt(e, t, n);
-  else {
-    const r = typeof t == "function" ? be(e, t, n.custom) : t;
-    s = Promise.all(Ys(e, r, n));
-  }
-  return s.then(() => {
-    e.notify("AnimationComplete", t);
-  });
-}
-function Xs(e, t) {
-  if (!Array.isArray(t))
-    return !1;
-  const n = t.length;
-  if (n !== e.length)
-    return !1;
-  for (let s = 0; s < n; s++)
-    if (t[s] !== e[s])
-      return !1;
-  return !0;
-}
-const Ma = Gt.length;
-function qs(e) {
-  if (!e)
-    return;
-  if (!e.isControllingVariants) {
-    const n = e.parent ? qs(e.parent) || {} : {};
-    return e.props.initial !== void 0 && (n.initial = e.props.initial), n;
-  }
-  const t = {};
-  for (let n = 0; n < Ma; n++) {
-    const s = Gt[n], r = e.props[s];
-    (ye(r) || r === !1) && (t[s] = r);
-  }
-  return t;
-}
-const Ca = [...Wt].reverse(), Pa = Wt.length;
-function Da(e) {
-  return (t) => Promise.all(t.map(({ animation: n, options: s }) => Aa(e, n, s)));
-}
-function Ia(e) {
-  let t = Da(e), n = An(), s = !0;
-  const r = (c) => (u, l) => {
-    var f;
-    const d = be(e, l, c === "exit" ? (f = e.presenceContext) == null ? void 0 : f.custom : void 0);
-    if (d) {
-      const { transition: h, transitionEnd: m, ...v } = d;
-      u = { ...u, ...v, ...m };
-    }
-    return u;
-  };
-  function i(c) {
-    t = c(e);
-  }
-  function o(c) {
-    const { props: u } = e, l = qs(e.parent) || {}, d = [], f = /* @__PURE__ */ new Set();
-    let h = {}, m = 1 / 0;
-    for (let T = 0; T < Pa; T++) {
-      const p = Ca[T], S = n[p], y = u[p] !== void 0 ? u[p] : l[p], A = ye(y), g = p === c ? S.isActive : null;
-      g === !1 && (m = T);
-      let w = y === l[p] && y !== u[p] && A;
-      if (w && s && e.manuallyAnimateOnMount && (w = !1), S.protectedKeys = { ...h }, // If it isn't active and hasn't *just* been set as inactive
-      !S.isActive && g === null || // If we didn't and don't have any defined prop for this animation type
-      !y && !S.prevProp || // Or if the prop doesn't define an animation
-      je(y) || typeof y == "boolean")
-        continue;
-      const M = Fa(S.prevProp, y);
-      let x = M || // If we're making this variant active, we want to always make it active
-      p === c && S.isActive && !w && A || // If we removed a higher-priority variant (i is in reverse order)
-      T > m && A, I = !1;
-      const R = Array.isArray(y) ? y : [y];
-      let z = R.reduce(r(p), {});
-      g === !1 && (z = {});
-      const { prevResolvedValues: Te = {} } = S, We = {
-        ...Te,
-        ...z
-      }, Ge = (F) => {
-        x = !0, f.has(F) && (I = !0, f.delete(F)), S.needsAnimating[F] = !0;
-        const K = e.getValue(F);
-        K && (K.liveStyle = !1);
-      };
-      for (const F in We) {
-        const K = z[F], _e = Te[F];
-        if (h.hasOwnProperty(F))
-          continue;
-        let Ue = !1;
-        gt(K) && gt(_e) ? Ue = !Xs(K, _e) : Ue = K !== _e, Ue ? K != null ? Ge(F) : f.add(F) : K !== void 0 && f.has(F) ? Ge(F) : S.protectedKeys[F] = !0;
-      }
-      S.prevProp = y, S.prevResolvedValues = z, S.isActive && (h = { ...h, ...z }), s && e.blockInitialAnimation && (x = !1), x && (!(w && M) || I) && d.push(...R.map((F) => ({
-        animation: F,
-        options: { type: p }
-      })));
-    }
-    if (f.size) {
-      const T = {};
-      if (typeof u.initial != "boolean") {
-        const p = be(e, Array.isArray(u.initial) ? u.initial[0] : u.initial);
-        p && p.transition && (T.transition = p.transition);
-      }
-      f.forEach((p) => {
-        const S = e.getBaseTarget(p), y = e.getValue(p);
-        y && (y.liveStyle = !0), T[p] = S ?? null;
-      }), d.push({ animation: T });
-    }
-    let v = !!d.length;
-    return s && (u.initial === !1 || u.initial === u.animate) && !e.manuallyAnimateOnMount && (v = !1), s = !1, v ? t(d) : Promise.resolve();
-  }
-  function a(c, u) {
-    var d;
-    if (n[c].isActive === u)
-      return Promise.resolve();
-    (d = e.variantChildren) == null || d.forEach((f) => {
-      var h;
-      return (h = f.animationState) == null ? void 0 : h.setActive(c, u);
-    }), n[c].isActive = u;
-    const l = o(c);
-    for (const f in n)
-      n[f].protectedKeys = {};
-    return l;
-  }
-  return {
-    animateChanges: o,
-    setActive: a,
-    setAnimateFunction: i,
-    getState: () => n,
-    reset: () => {
-      n = An(), s = !0;
-    }
-  };
-}
-function Fa(e, t) {
-  return typeof t == "string" ? t !== e : Array.isArray(t) ? !Xs(t, e) : !1;
-}
-function H(e = !1) {
-  return {
-    isActive: e,
-    protectedKeys: {},
-    needsAnimating: {},
-    prevResolvedValues: {}
-  };
-}
-function An() {
-  return {
-    animate: H(!0),
-    whileInView: H(),
-    whileHover: H(),
-    whileTap: H(),
-    whileDrag: H(),
-    whileFocus: H(),
-    exit: H()
-  };
-}
-class fe {
-  constructor(t) {
-    this.isMounted = !1, this.node = t;
-  }
-  update() {
-  }
-}
-class Ra extends fe {
-  /**
-   * We dynamically generate the AnimationState manager as it contains a reference
-   * to the underlying animation library. We only want to load that if we load this,
-   * so people can optionally code split it out using the `m` component.
-   */
-  constructor(t) {
-    super(t), t.animationState || (t.animationState = Ia(t));
-  }
-  updateAnimationControlsSubscription() {
-    const { animate: t } = this.node.getProps();
-    je(t) && (this.unmountControls = t.subscribe(this.node));
-  }
-  /**
-   * Subscribe any provided AnimationControls to the component's VisualElement
-   */
-  mount() {
-    this.updateAnimationControlsSubscription();
-  }
-  update() {
-    const { animate: t } = this.node.getProps(), { animate: n } = this.node.prevProps || {};
-    t !== n && this.updateAnimationControlsSubscription();
-  }
-  unmount() {
-    var t;
-    this.node.animationState.reset(), (t = this.unmountControls) == null || t.call(this);
-  }
-}
-let Ea = 0;
-class Oa extends fe {
-  constructor() {
-    super(...arguments), this.id = Ea++;
-  }
-  update() {
-    if (!this.node.presenceContext)
-      return;
-    const { isPresent: t, onExitComplete: n } = this.node.presenceContext, { isPresent: s } = this.node.prevPresenceContext || {};
-    if (!this.node.animationState || t === s)
-      return;
-    const r = this.node.animationState.setActive("exit", !t);
-    n && !t && r.then(() => {
-      n(this.id);
-    });
-  }
-  mount() {
-    const { register: t, onExitComplete: n } = this.node.presenceContext || {};
-    n && n(this.id), t && (this.unmount = t(this.id));
-  }
-  unmount() {
-  }
-}
-const ka = {
-  animation: {
-    Feature: Ra
-  },
-  exit: {
-    Feature: Oa
-  }
-};
-function Mn(e, t, n, s = { passive: !0 }) {
-  return e.addEventListener(t, n, s), () => e.removeEventListener(t, n);
-}
-function qt(e) {
-  return {
-    point: {
-      x: e.pageX,
-      y: e.pageY
-    }
-  };
-}
-const xl = (e) => (t) => ks(t) && e(t, qt(t));
-function Na({ top: e, left: t, right: n, bottom: s }) {
-  return {
-    x: { min: t, max: n },
-    y: { min: e, max: s }
-  };
-}
-function Tl({ x: e, y: t }) {
-  return { top: t.min, right: e.max, bottom: t.max, left: e.min };
-}
-function La(e, t) {
-  if (!t)
-    return e;
-  const n = t({ x: e.left, y: e.top }), s = t({ x: e.right, y: e.bottom });
-  return {
-    top: n.y,
-    left: n.x,
-    bottom: s.y,
-    right: s.x
-  };
-}
-const Cn = () => ({
-  translate: 0,
-  scale: 1,
-  origin: 0,
-  originPoint: 0
-}), Vl = () => ({
-  x: Cn(),
-  y: Cn()
-}), Pn = () => ({ min: 0, max: 0 }), Zs = () => ({
-  x: Pn(),
-  y: Pn()
-});
-function Qe(e) {
-  return e === void 0 || e === 1;
-}
-function Ba({ scale: e, scaleX: t, scaleY: n }) {
-  return !Qe(e) || !Qe(t) || !Qe(n);
-}
-function Ka(e) {
-  return Ba(e) || ja(e) || e.z || e.rotate || e.rotateX || e.rotateY || e.skewX || e.skewY;
-}
-function ja(e) {
-  return Dn(e.x) || Dn(e.y);
-}
-function Dn(e) {
-  return e && e !== "0%";
-}
-function In(e, t, n) {
-  const s = e - n, r = t * s;
-  return n + r;
-}
-function Fn(e, t, n, s, r) {
-  return r !== void 0 && (e = In(e, r, s)), In(e, n, s) + t;
-}
-function bt(e, t = 0, n = 1, s, r) {
-  e.min = Fn(e.min, t, n, s, r), e.max = Fn(e.max, t, n, s, r);
-}
-function $a(e, { x: t, y: n }) {
-  bt(e.x, t.translate, t.scale, t.originPoint), bt(e.y, n.translate, n.scale, n.originPoint);
-}
-const Rn = 0.999999999999, En = 1.0000000000001;
-function Sl(e, t, n, s = !1) {
-  const r = n.length;
-  if (!r)
-    return;
-  t.x = t.y = 1;
-  let i, o;
-  for (let a = 0; a < r; a++) {
-    i = n[a], o = i.projectionDelta;
-    const { visualElement: c } = i.options;
-    c && c.props.style && c.props.style.display === "contents" || (s && i.options.layoutScroll && i.scroll && i !== i.root && Nn(e, {
-      x: -i.scroll.offset.x,
-      y: -i.scroll.offset.y
-    }), o && (t.x *= o.x.scale, t.y *= o.y.scale, $a(e, o)), s && Ka(i.latestValues) && Nn(e, i.latestValues));
-  }
-  t.x < En && t.x > Rn && (t.x = 1), t.y < En && t.y > Rn && (t.y = 1);
-}
-function On(e, t) {
-  e.min = e.min + t, e.max = e.max + t;
-}
-function kn(e, t, n, s, r = 0.5) {
-  const i = xe(e.min, e.max, r);
-  bt(e, t, n, i, s);
-}
-function Nn(e, t) {
-  kn(e.x, t.x, t.scaleX, t.scale, t.originX), kn(e.y, t.y, t.scaleY, t.scale, t.originY);
-}
-function Js(e, t) {
-  return Na(La(e.getBoundingClientRect(), t));
-}
-function Al(e, t, n) {
-  const s = Js(e, n), { scroll: r } = t;
-  return r && (On(s.x, r.offset.x), On(s.y, r.offset.y)), s;
-}
-function Ln(e, t, n) {
-  const { props: s } = e;
-  e.animationState && s.whileHover && e.animationState.setActive("whileHover", n === "Start");
-  const r = "onHover" + n, i = s[r];
-  i && L.postRender(() => i(t, qt(t)));
-}
-class Wa extends fe {
-  mount() {
-    const { current: t } = this.node;
-    t && (this.unmount = uo(t, (n, s) => (Ln(this.node, s, "Start"), (r) => Ln(this.node, r, "End"))));
-  }
-  unmount() {
-  }
-}
-class Ga extends fe {
-  constructor() {
-    super(...arguments), this.isActive = !1;
-  }
-  onFocus() {
-    let t = !1;
-    try {
-      t = this.node.current.matches(":focus-visible");
-    } catch {
-      t = !0;
-    }
-    !t || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !0), this.isActive = !0);
-  }
-  onBlur() {
-    !this.isActive || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !1), this.isActive = !1);
-  }
-  mount() {
-    this.unmount = Be(Mn(this.node.current, "focus", () => this.onFocus()), Mn(this.node.current, "blur", () => this.onBlur()));
-  }
-  unmount() {
-  }
-}
-function Bn(e, t, n) {
-  const { props: s } = e;
-  if (e.current instanceof HTMLButtonElement && e.current.disabled)
-    return;
-  e.animationState && s.whileTap && e.animationState.setActive("whileTap", n === "Start");
-  const r = "onTap" + (n === "End" ? "" : n), i = s[r];
-  i && L.postRender(() => i(t, qt(t)));
-}
-class za extends fe {
-  mount() {
-    const { current: t } = this.node;
-    t && (this.unmount = mo(t, (n, s) => (Bn(this.node, s, "Start"), (r, { success: i }) => Bn(this.node, r, i ? "End" : "Cancel")), { useGlobalTarget: this.node.props.globalTapTarget }));
-  }
-  unmount() {
-  }
-}
-const vt = /* @__PURE__ */ new WeakMap(), et = /* @__PURE__ */ new WeakMap(), _a = (e) => {
-  const t = vt.get(e.target);
-  t && t(e);
-}, Ua = (e) => {
-  e.forEach(_a);
-};
-function Ha({ root: e, ...t }) {
-  const n = e || document;
-  et.has(n) || et.set(n, {});
-  const s = et.get(n), r = JSON.stringify(t);
-  return s[r] || (s[r] = new IntersectionObserver(Ua, { root: e, ...t })), s[r];
-}
-function Ya(e, t, n) {
-  const s = Ha(t);
-  return vt.set(e, n), s.observe(e), () => {
-    vt.delete(e), s.unobserve(e);
-  };
-}
-const Xa = {
-  some: 0,
-  all: 1
-};
-class qa extends fe {
-  constructor() {
-    super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
-  }
-  startObserver() {
-    this.unmount();
-    const { viewport: t = {} } = this.node.getProps(), { root: n, margin: s, amount: r = "some", once: i } = t, o = {
-      root: n ? n.current : void 0,
-      rootMargin: s,
-      threshold: typeof r == "number" ? r : Xa[r]
-    }, a = (c) => {
-      const { isIntersecting: u } = c;
-      if (this.isInView === u || (this.isInView = u, i && !u && this.hasEnteredView))
-        return;
-      u && (this.hasEnteredView = !0), this.node.animationState && this.node.animationState.setActive("whileInView", u);
-      const { onViewportEnter: l, onViewportLeave: d } = this.node.getProps(), f = u ? l : d;
-      f && f(c);
-    };
-    return Ya(this.node.current, o, a);
-  }
-  mount() {
-    this.startObserver();
-  }
-  update() {
-    if (typeof IntersectionObserver > "u")
-      return;
-    const { props: t, prevProps: n } = this.node;
-    ["amount", "margin", "root"].some(Za(t, n)) && this.startObserver();
-  }
-  unmount() {
-  }
-}
-function Za({ viewport: e = {} }, { viewport: t = {} } = {}) {
-  return (n) => e[n] !== t[n];
-}
-const Ja = {
-  inView: {
-    Feature: qa
-  },
-  tap: {
-    Feature: za
-  },
-  focus: {
-    Feature: Ga
-  },
-  hover: {
-    Feature: Wa
-  }
-}, wt = { current: null }, Qs = { current: !1 };
-function Qa() {
-  if (Qs.current = !0, !!Vt)
-    if (window.matchMedia) {
-      const e = window.matchMedia("(prefers-reduced-motion)"), t = () => wt.current = e.matches;
-      e.addListener(t), t();
-    } else
-      wt.current = !1;
-}
-const el = /* @__PURE__ */ new WeakMap();
-function tl(e, t, n) {
-  for (const s in t) {
-    const r = t[s], i = n[s];
-    if (E(r))
-      e.addValue(s, r);
-    else if (E(i))
-      e.addValue(s, Ee(r, { owner: e }));
-    else if (i !== r)
-      if (e.hasValue(s)) {
-        const o = e.getValue(s);
-        o.liveStyle === !0 ? o.jump(r) : o.hasAnimated || o.set(r);
-      } else {
-        const o = e.getStaticValue(s);
-        e.addValue(s, Ee(o !== void 0 ? o : r, { owner: e }));
-      }
-  }
-  for (const s in n)
-    t[s] === void 0 && e.removeValue(s);
-  return t;
-}
-const Kn = [
-  "AnimationStart",
-  "AnimationComplete",
-  "Update",
-  "BeforeLayoutMeasure",
-  "LayoutMeasure",
-  "LayoutAnimationStart",
-  "LayoutAnimationComplete"
-];
-class nl {
-  /**
-   * This method takes React props and returns found MotionValues. For example, HTML
-   * MotionValues will be found within the style prop, whereas for Three.js within attribute arrays.
-   *
-   * This isn't an abstract method as it needs calling in the constructor, but it is
-   * intended to be one.
-   */
-  scrapeMotionValuesFromProps(t, n, s) {
-    return {};
-  }
-  constructor({ parent: t, props: n, presenceContext: s, reducedMotionConfig: r, blockInitialAnimation: i, visualState: o }, a = {}) {
-    this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = Lt, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
-      this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
-    }, this.renderScheduledAt = 0, this.scheduleRender = () => {
-      const f = k.now();
-      this.renderScheduledAt < f && (this.renderScheduledAt = f, L.render(this.render, !1, !0));
-    };
-    const { latestValues: c, renderState: u } = o;
-    this.latestValues = c, this.baseTarget = { ...c }, this.initialValues = n.initial ? { ...c } : {}, this.renderState = u, this.parent = t, this.props = n, this.presenceContext = s, this.depth = t ? t.depth + 1 : 0, this.reducedMotionConfig = r, this.options = a, this.blockInitialAnimation = !!i, this.isControllingVariants = $e(n), this.isVariantNode = Ls(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(t && t.current);
-    const { willChange: l, ...d } = this.scrapeMotionValuesFromProps(n, {}, this);
-    for (const f in d) {
-      const h = d[f];
-      c[f] !== void 0 && E(h) && h.set(c[f], !1);
-    }
-  }
-  mount(t) {
-    this.current = t, el.set(t, this), this.projection && !this.projection.instance && this.projection.mount(t), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((n, s) => this.bindToMotionValue(s, n)), Qs.current || Qa(), this.shouldReduceMotion = this.reducedMotionConfig === "never" ? !1 : this.reducedMotionConfig === "always" ? !0 : wt.current, process.env.NODE_ENV !== "production" && At(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected."), this.parent && this.parent.children.add(this), this.update(this.props, this.presenceContext);
-  }
-  unmount() {
-    this.projection && this.projection.unmount(), tt(this.notifyUpdate), tt(this.render), this.valueSubscriptions.forEach((t) => t()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent && this.parent.children.delete(this);
-    for (const t in this.events)
-      this.events[t].clear();
-    for (const t in this.features) {
-      const n = this.features[t];
-      n && (n.unmount(), n.isMounted = !1);
-    }
-    this.current = null;
-  }
-  bindToMotionValue(t, n) {
-    this.valueSubscriptions.has(t) && this.valueSubscriptions.get(t)();
-    const s = de.has(t);
-    s && this.onBindTransform && this.onBindTransform();
-    const r = n.on("change", (a) => {
-      this.latestValues[t] = a, this.props.onUpdate && L.preRender(this.notifyUpdate), s && this.projection && (this.projection.isTransformDirty = !0);
-    }), i = n.on("renderRequest", this.scheduleRender);
-    let o;
-    window.MotionCheckAppearSync && (o = window.MotionCheckAppearSync(this, t, n)), this.valueSubscriptions.set(t, () => {
-      r(), i(), o && o(), n.owner && n.stop();
-    });
-  }
-  sortNodePosition(t) {
-    return !this.current || !this.sortInstanceNodePosition || this.type !== t.type ? 0 : this.sortInstanceNodePosition(this.current, t.current);
-  }
-  updateFeatures() {
-    let t = "animation";
-    for (t in re) {
-      const n = re[t];
-      if (!n)
-        continue;
-      const { isEnabled: s, Feature: r } = n;
-      if (!this.features[t] && r && s(this.props) && (this.features[t] = new r(this)), this.features[t]) {
-        const i = this.features[t];
-        i.isMounted ? i.update() : (i.mount(), i.isMounted = !0);
-      }
-    }
-  }
-  triggerBuild() {
-    this.build(this.renderState, this.latestValues, this.props);
-  }
-  /**
-   * Measure the current viewport box with or without transforms.
-   * Only measures axis-aligned boxes, rotate and skew must be manually
-   * removed with a re-render to work.
-   */
-  measureViewportBox() {
-    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : Zs();
-  }
-  getStaticValue(t) {
-    return this.latestValues[t];
-  }
-  setStaticValue(t, n) {
-    this.latestValues[t] = n;
-  }
-  /**
-   * Update the provided props. Ensure any newly-added motion values are
-   * added to our map, old ones removed, and listeners updated.
-   */
-  update(t, n) {
-    (t.transformTemplate || this.props.transformTemplate) && this.scheduleRender(), this.prevProps = this.props, this.props = t, this.prevPresenceContext = this.presenceContext, this.presenceContext = n;
-    for (let s = 0; s < Kn.length; s++) {
-      const r = Kn[s];
-      this.propEventSubscriptions[r] && (this.propEventSubscriptions[r](), delete this.propEventSubscriptions[r]);
-      const i = "on" + r, o = t[i];
-      o && (this.propEventSubscriptions[r] = this.on(r, o));
-    }
-    this.prevMotionValues = tl(this, this.scrapeMotionValuesFromProps(t, this.prevProps, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
-  }
-  getProps() {
-    return this.props;
-  }
-  /**
-   * Returns the variant definition with a given name.
-   */
-  getVariant(t) {
-    return this.props.variants ? this.props.variants[t] : void 0;
-  }
-  /**
-   * Returns the defined default transition on this component.
-   */
-  getDefaultTransition() {
-    return this.props.transition;
-  }
-  getTransformPagePoint() {
-    return this.props.transformPagePoint;
-  }
-  getClosestVariantNode() {
-    return this.isVariantNode ? this : this.parent ? this.parent.getClosestVariantNode() : void 0;
-  }
-  /**
-   * Add a child visual element to our set of children.
-   */
-  addVariantChild(t) {
-    const n = this.getClosestVariantNode();
-    if (n)
-      return n.variantChildren && n.variantChildren.add(t), () => n.variantChildren.delete(t);
-  }
-  /**
-   * Add a motion value and bind it to this visual element.
-   */
-  addValue(t, n) {
-    const s = this.values.get(t);
-    n !== s && (s && this.removeValue(t), this.bindToMotionValue(t, n), this.values.set(t, n), this.latestValues[t] = n.get());
-  }
-  /**
-   * Remove a motion value and unbind any active subscriptions.
-   */
-  removeValue(t) {
-    this.values.delete(t);
-    const n = this.valueSubscriptions.get(t);
-    n && (n(), this.valueSubscriptions.delete(t)), delete this.latestValues[t], this.removeValueFromRenderState(t, this.renderState);
-  }
-  /**
-   * Check whether we have a motion value for this key
-   */
-  hasValue(t) {
-    return this.values.has(t);
-  }
-  getValue(t, n) {
-    if (this.props.values && this.props.values[t])
-      return this.props.values[t];
-    let s = this.values.get(t);
-    return s === void 0 && n !== void 0 && (s = Ee(n === null ? void 0 : n, { owner: this }), this.addValue(t, s)), s;
-  }
-  /**
-   * If we're trying to animate to a previously unencountered value,
-   * we need to check for it in our state and as a last resort read it
-   * directly from the instance (which might have performance implications).
-   */
-  readValue(t, n) {
-    let s = this.latestValues[t] !== void 0 || !this.current ? this.latestValues[t] : this.getBaseTargetFromProps(this.props, t) ?? this.readValueFromInstance(this.current, t, this.options);
-    return s != null && (typeof s == "string" && (Un(s) || Hn(s)) ? s = parseFloat(s) : !yo(s) && ce.test(n) && (s = Is(t, n)), this.setBaseTarget(t, E(s) ? s.get() : s)), E(s) ? s.get() : s;
-  }
-  /**
-   * Set the base target to later animate back to. This is currently
-   * only hydrated on creation and when we first read a value.
-   */
-  setBaseTarget(t, n) {
-    this.baseTarget[t] = n;
-  }
-  /**
-   * Find the base target for a value thats been removed from all animation
-   * props.
-   */
-  getBaseTarget(t) {
-    var i;
-    const { initial: n } = this.props;
-    let s;
-    if (typeof n == "string" || typeof n == "object") {
-      const o = Yt(this.props, n, (i = this.presenceContext) == null ? void 0 : i.custom);
-      o && (s = o[t]);
-    }
-    if (n && s !== void 0)
-      return s;
-    const r = this.getBaseTargetFromProps(this.props, t);
-    return r !== void 0 && !E(r) ? r : this.initialValues[t] !== void 0 && s === void 0 ? void 0 : this.baseTarget[t];
-  }
-  on(t, n) {
-    return this.events[t] || (this.events[t] = new Xn()), this.events[t].add(n);
-  }
-  notify(t, ...n) {
-    this.events[t] && this.events[t].notify(...n);
-  }
-}
-class er extends nl {
-  constructor() {
-    super(...arguments), this.KeyframeResolver = io;
-  }
-  sortInstanceNodePosition(t, n) {
-    return t.compareDocumentPosition(n) & 2 ? 1 : -1;
-  }
-  getBaseTargetFromProps(t, n) {
-    return t.style ? t.style[n] : void 0;
-  }
-  removeValueFromRenderState(t, { vars: n, style: s }) {
-    delete n[t], delete s[t];
-  }
-  handleChildMotionValue() {
-    this.childSubscription && (this.childSubscription(), delete this.childSubscription);
-    const { children: t } = this.props;
-    E(t) && (this.childSubscription = t.on("change", (n) => {
-      this.current && (this.current.textContent = `${n}`);
-    }));
-  }
-}
-function tr(e, { style: t, vars: n }, s, r) {
-  Object.assign(e.style, t, r && r.getProjectionStyles(s));
-  for (const i in n)
-    e.style.setProperty(i, n[i]);
-}
-function sl(e) {
-  return window.getComputedStyle(e);
-}
-class rl extends er {
-  constructor() {
-    super(...arguments), this.type = "html", this.renderInstance = tr;
-  }
-  readValueFromInstance(t, n) {
-    var s;
-    if (de.has(n))
-      return (s = this.projection) != null && s.isProjecting ? lt(n) : Vi(t, n);
-    {
-      const r = sl(t), i = (Pt(n) ? r.getPropertyValue(n) : r[n]) || 0;
-      return typeof i == "string" ? i.trim() : i;
-    }
-  }
-  measureInstanceViewportBox(t, { transformPagePoint: n }) {
-    return Js(t, n);
-  }
-  build(t, n, s) {
-    _t(t, n, s.transformTemplate);
-  }
-  scrapeMotionValuesFromProps(t, n, s) {
-    return Xt(t, n, s);
-  }
-}
-const nr = /* @__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 il(e, t, n, s) {
-  tr(e, t, void 0, s);
-  for (const r in t.attrs)
-    e.setAttribute(nr.has(r) ? r : zt(r), t.attrs[r]);
-}
-class ol extends er {
-  constructor() {
-    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = Zs;
-  }
-  getBaseTargetFromProps(t, n) {
-    return t[n];
-  }
-  readValueFromInstance(t, n) {
-    if (de.has(n)) {
-      const s = Ds(n);
-      return s && s.default || 0;
-    }
-    return n = nr.has(n) ? n : zt(n), t.getAttribute(n);
-  }
-  scrapeMotionValuesFromProps(t, n, s) {
-    return Hs(t, n, s);
-  }
-  build(t, n, s) {
-    Gs(t, n, this.isSVGTag, s.transformTemplate, s.style);
-  }
-  renderInstance(t, n, s, r) {
-    il(t, n, s, r);
-  }
-  mount(t) {
-    this.isSVGTag = _s(t.tagName), super.mount(t);
-  }
-}
-const al = (e, t) => Ht(e) ? new ol(t) : new rl(t, {
-  allowProjection: e !== Gn
-}), ll = {
-  renderer: al,
-  ...ka,
-  ...Ja
-}, sr = (e) => {
-  const { ripples: t = [], motionProps: n, color: s = "currentColor", style: r, onClear: i } = e;
-  return /* @__PURE__ */ P.jsx(P.Fragment, { children: t.map((o) => {
-    const a = hr(0.01 * o.size, 0.2, o.size > 100 ? 0.75 : 0.5);
-    return /* @__PURE__ */ P.jsx(So, { features: ll, children: /* @__PURE__ */ P.jsx(Vo, { mode: "popLayout", children: /* @__PURE__ */ P.jsx(
-      oa.span,
-      {
-        animate: { transform: "scale(2)", opacity: 0 },
-        className: "ripple-item-span",
-        exit: { opacity: 0 },
-        initial: { transform: "scale(0)", opacity: 0.35 },
-        style: {
-          position: "absolute",
-          backgroundColor: s,
-          borderRadius: "100%",
-          transformOrigin: "center",
-          pointerEvents: "none",
-          overflow: "hidden",
-          inset: 0,
-          zIndex: 0,
-          top: o.y,
-          left: o.x,
-          width: `${o.size}px`,
-          height: `${o.size}px`,
-          ...r
-        },
-        transition: { duration: a },
-        onAnimationComplete: () => {
-          i(o.key);
-        },
-        ...n
-      }
-    ) }) }, o.key);
-  }) });
-};
-sr.displayName = "LizaUI.Ripple";
-const cl = () => /* @__PURE__ */ P.jsx("div", { "aria-label": "Loading", className: "relative inline-flex flex-col gap-2 items-center justify-center", children: /* @__PURE__ */ P.jsxs("div", { className: "relative flex w-5 h-5", children: [
-  /* @__PURE__ */ P.jsx("i", { className: "absolute w-full h-full rounded-full border-2 border-b-current animate-spinner-ease-spin border-solid border-t-transparent border-l-transparent border-r-transparent" }),
-  /* @__PURE__ */ P.jsx("i", { className: "absolute w-full h-full rounded-full border-2 border-b-current opacity-75 animate-spinner-linear-spin border-dotted border-t-transparent border-l-transparent border-r-transparent" })
-] }) }), ul = Wn((e, t) => {
-  const {
-    Component: n,
-    domRef: s,
-    children: r,
-    isIconOnly: i,
-    isLoading: o,
-    spinner: a,
-    spinnerPlacement: c,
-    startContent: u,
-    endContent: l,
-    getButtonProps: d,
-    getRippleProps: f
-  } = yr({
-    ...e,
-    ref: t
-  }), h = W(() => /* @__PURE__ */ P.jsx(cl, {}), []), m = a ?? h;
-  return /* @__PURE__ */ P.jsxs(n, { ...d(), ref: s, children: [
-    u,
-    o && c === "start" && m,
-    o && i ? null : r,
-    o && c === "end" && m,
-    l,
-    /* @__PURE__ */ P.jsx(sr, { ...f() })
-  ] });
-});
-ul.displayName = "Custom.Button";
-export {
-  Qo as $,
-  b as A,
-  ul as B,
-  ce as C,
-  To as D,
-  wl as E,
-  fe as F,
-  co as G,
-  E as H,
-  Ee as I,
-  br as J,
-  vr as K,
-  zn as L,
-  k as M,
-  Ar as N,
-  In as O,
-  Xn as P,
-  As as Q,
-  vl as R,
-  Oo as S,
-  Ka as T,
-  On as U,
-  Nn as V,
-  Ba as W,
-  $a as X,
-  ja as Y,
-  Sl as Z,
-  Vl as _,
-  wr as a,
-  mt as a0,
-  fa as a1,
-  ra as a2,
-  al as a3,
-  Ja as a4,
-  ka as a5,
-  Po as a6,
-  Vo as a7,
-  mr as b,
-  Mn as c,
-  xl as d,
-  L as e,
-  De as f,
-  ks as g,
-  qt as h,
-  yn as i,
-  tt as j,
-  $ as k,
-  Yn as l,
-  xe as m,
-  J as n,
-  Zs as o,
-  Be as p,
-  Bs as q,
-  U as r,
-  B as s,
-  Al as t,
-  Tl as u,
-  Na as v,
-  da as w,
-  xa as x,
-  ne as y,
-  ae as z
-};
-//# sourceMappingURL=button-C6LoJycL.js.map