@sudobility/email-components 1.0.7

package/dist/index.esm.js

@@ -0,0 +1,1897 @@
+import { jsx as g, jsxs as E } from "react/jsx-runtime";
+import { cn as C, ChainBadge as Te, Label as Ie } from "@sudobility/components";
+import * as u from "react";
+import { useRef as De, useState as Ue, useEffect as Be } from "react";
+import { ChevronRightIcon as Me, ChevronUpIcon as Oe, ChevronDownIcon as We } from "@heroicons/react/24/outline";
+import { textVariants as he } from "@sudobility/design";
+const br = ({
+  className: e,
+  children: r,
+  disabled: t
+}) => /* @__PURE__ */ g(
+  "div",
+  {
+    className: C(
+      "p-4 rounded-lg border transition-colors",
+      "bg-white dark:bg-gray-900",
+      "border-gray-200 dark:border-gray-700",
+      "text-gray-900 dark:text-white",
+      t && "opacity-50 cursor-not-allowed",
+      e
+    ),
+    role: "region",
+    "aria-label": "AbTestEmail",
+    children: r || "AbTestEmail Component"
+  }
+), Ve = {
+  evm: "bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-300",
+  solana: "bg-purple-100 text-purple-800 dark:bg-purple-900 dark:text-purple-300",
+  bitcoin: "bg-orange-100 text-orange-800 dark:bg-orange-900 dark:text-orange-300",
+  other: "bg-gray-100 text-gray-800 dark:bg-gray-900 dark:text-gray-300"
+}, _e = {
+  sm: "text-xs px-2 py-0.5",
+  md: "text-sm px-2.5 py-0.5",
+  lg: "text-base px-3 py-1"
+}, yr = ({
+  chainType: e,
+  size: r = "md"
+}) => /* @__PURE__ */ g(
+  "span",
+  {
+    className: C(
+      "inline-flex items-center rounded-full font-medium",
+      Ve[e],
+      _e[r]
+    ),
+    children: e.toUpperCase()
+  }
+), vr = ({
+  className: e,
+  children: r,
+  disabled: t
+}) => /* @__PURE__ */ g(
+  "div",
+  {
+    className: C(
+      "p-4 rounded-lg border transition-colors",
+      "bg-white dark:bg-gray-900",
+      "border-gray-200 dark:border-gray-700",
+      "text-gray-900 dark:text-white",
+      t && "opacity-50 cursor-not-allowed",
+      e
+    ),
+    role: "region",
+    "aria-label": "ContactCard",
+    children: r || "ContactCard Component"
+  }
+), je = (e) => e ? e.length <= 10 ? e : `${e.slice(0, 6)}...${e.slice(-4)}` : "", pe = ({ type: e, addressType: r }) => {
+  if (e === "primary")
+    return /* @__PURE__ */ g(
+      Te,
+      {
+        chainType: r === "solana" ? "solana" : "evm",
+        size: "sm"
+      }
+    );
+  const t = () => e.toUpperCase();
+  return /* @__PURE__ */ g(
+    "span",
+    {
+      className: C(
+        "inline-flex items-center px-2.5 py-0.5 rounded-md text-xs font-medium border",
+        (() => {
+          switch (e) {
+            case "ens":
+              return "bg-green-50 text-green-700 border-green-200 dark:bg-green-900/10 dark:text-green-300 dark:border-green-800";
+            case "sns":
+              return "bg-orange-50 text-orange-700 border-orange-200 dark:bg-orange-900/10 dark:text-orange-300 dark:border-orange-800";
+            default:
+              return "bg-gray-50 text-gray-700 border-gray-200 dark:bg-gray-900/10 dark:text-gray-300 dark:border-gray-800";
+          }
+        })()
+      ),
+      children: t()
+    }
+  );
+}, He = ({
+  domainEmails: e,
+  isExpanded: r,
+  selectedAccount: t,
+  onAccountSelect: n,
+  onAccountSettings: a
+}) => {
+  const l = De(null), [o, s] = Ue(void 0);
+  return Be(() => {
+    if (l.current) {
+      const i = l.current.scrollHeight;
+      s(r ? i + 8 : 0);
+    }
+  }, [r, e]), /* @__PURE__ */ g(
+    "div",
+    {
+      className: "overflow-hidden transition-all duration-300 ease-in-out",
+      style: { height: o !== void 0 ? `${o}px` : "auto" },
+      children: /* @__PURE__ */ g("div", { ref: l, className: "ml-6 mt-2 space-y-1", children: e.map((i) => /* @__PURE__ */ E(
+        "button",
+        {
+          onClick: () => n(i.address),
+          className: C(
+            "w-full flex items-center justify-between text-left px-3 py-2 rounded-lg transition-colors h-[44px]",
+            he.body.sm(),
+            t === i.address ? "bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300" : "hover:bg-gray-100 dark:hover:bg-gray-700"
+          ),
+          children: [
+            /* @__PURE__ */ g("span", { className: "truncate flex-1", children: i.name }),
+            /* @__PURE__ */ g(pe, { type: i.type, addressType: i.addressType })
+          ]
+        },
+        i.address
+      )) })
+    }
+  );
+}, xr = ({
+  walletGroups: e,
+  selectedAccount: r,
+  expandedWallets: t,
+  onAccountSelect: n,
+  onToggleWallet: a,
+  onAccountSettings: l,
+  className: o = ""
+}) => /* @__PURE__ */ g("nav", { className: C("space-y-1", o), children: e.map((s) => /* @__PURE__ */ E("div", { children: [
+  /* @__PURE__ */ E(
+    "button",
+    {
+      onClick: () => n(s.primaryEmail.address),
+      className: C(
+        "w-full flex items-center justify-between text-left px-3 py-2 rounded-lg transition-colors h-[44px]",
+        he.body.sm(),
+        r === s.primaryEmail.address && s.domainEmails.length === 0 ? "bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300" : "hover:bg-gray-100 dark:hover:bg-gray-700"
+      ),
+      style: s.customColor ? { backgroundColor: s.customColor } : void 0,
+      children: [
+        /* @__PURE__ */ E("div", { className: "flex items-center flex-1 min-w-0", children: [
+          /* @__PURE__ */ g("span", { className: "truncate flex-1", children: je(s.walletAddress) }),
+          /* @__PURE__ */ g(
+            pe,
+            {
+              type: s.primaryEmail.type,
+              addressType: s.addressType
+            }
+          )
+        ] }),
+        s.domainEmails.length > 0 && /* @__PURE__ */ g(
+          "div",
+          {
+            onClick: (i) => {
+              i.stopPropagation(), a(s.walletAddress);
+            },
+            className: "p-1 rounded-lg hover:bg-gray-200 dark:hover:bg-gray-600 transition-colors cursor-pointer",
+            role: "button",
+            tabIndex: 0,
+            onKeyDown: (i) => {
+              (i.key === "Enter" || i.key === " ") && (i.preventDefault(), i.stopPropagation(), a(s.walletAddress));
+            },
+            children: /* @__PURE__ */ g(
+              Me,
+              {
+                className: C(
+                  "h-4 w-4 text-gray-500 transition-transform duration-300 ease-in-out",
+                  t.includes(s.walletAddress) ? "rotate-90" : "rotate-0"
+                )
+              }
+            )
+          }
+        )
+      ]
+    }
+  ),
+  s.domainEmails.length > 0 && /* @__PURE__ */ g(
+    He,
+    {
+      domainEmails: s.domainEmails,
+      isExpanded: t.includes(s.walletAddress),
+      selectedAccount: r,
+      onAccountSelect: n,
+      onAccountSettings: l
+    }
+  )
+] }, s.walletAddress)) }), wr = ({
+  className: e,
+  children: r,
+  disabled: t
+}) => /* @__PURE__ */ g(
+  "div",
+  {
+    className: C(
+      "p-4 rounded-lg border transition-colors",
+      "bg-white dark:bg-gray-900",
+      "border-gray-200 dark:border-gray-700",
+      "text-gray-900 dark:text-white",
+      t && "opacity-50 cursor-not-allowed",
+      e
+    ),
+    role: "region",
+    "aria-label": "EmailAnalytics",
+    children: r || "EmailAnalytics Component"
+  }
+), Cr = ({
+  className: e,
+  children: r,
+  disabled: t
+}) => /* @__PURE__ */ g(
+  "div",
+  {
+    className: C(
+      "p-4 rounded-lg border transition-colors",
+      "bg-white dark:bg-gray-900",
+      "border-gray-200 dark:border-gray-700",
+      "text-gray-900 dark:text-white",
+      t && "opacity-50 cursor-not-allowed",
+      e
+    ),
+    role: "region",
+    "aria-label": "EmailCampaign",
+    children: r || "EmailCampaign Component"
+  }
+), ge = ({
+  label: e,
+  value: r,
+  onChange: t,
+  placeholder: n,
+  required: a = !1,
+  error: l,
+  className: o = ""
+}) => /* @__PURE__ */ E("div", { className: o, children: [
+  /* @__PURE__ */ E(
+    Ie,
+    {
+      htmlFor: e.toLowerCase(),
+      className: "text-sm font-medium text-gray-700 dark:text-gray-300",
+      children: [
+        e,
+        " ",
+        a && /* @__PURE__ */ g("span", { className: "text-red-500", children: "*" })
+      ]
+    }
+  ),
+  /* @__PURE__ */ g(
+    "input",
+    {
+      id: e.toLowerCase(),
+      type: "email",
+      value: r,
+      onChange: (s) => t(s.target.value),
+      placeholder: n,
+      className: `
+          mt-1 block w-full px-3 py-2 border rounded-md shadow-sm 
+          focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500
+          dark:bg-gray-800 dark:border-gray-600 dark:text-white
+          ${l ? "border-red-300 focus:ring-red-500 focus:border-red-500" : "border-gray-300 dark:border-gray-600"}
+        `
+    }
+  ),
+  l && /* @__PURE__ */ g("p", { className: "mt-1 text-sm text-red-600 dark:text-red-400", children: l })
+] }), ie = ({
+  isVisible: e,
+  onToggle: r,
+  showLabel: t,
+  hideLabel: n,
+  ...a
+}) => /* @__PURE__ */ E("div", { children: [
+  /* @__PURE__ */ E(
+    "button",
+    {
+      type: "button",
+      onClick: r,
+      className: "flex items-center text-sm text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 mb-2",
+      children: [
+        e ? /* @__PURE__ */ g(Oe, { className: "h-4 w-4 mr-1" }) : /* @__PURE__ */ g(We, { className: "h-4 w-4 mr-1" }),
+        e ? n : t
+      ]
+    }
+  ),
+  e && /* @__PURE__ */ g(ge, { ...a })
+] }), kr = ({
+  to: e,
+  onToChange: r,
+  cc: t = "",
+  onCcChange: n,
+  bcc: a = "",
+  onBccChange: l,
+  showCc: o = !1,
+  showBcc: s = !1,
+  onToggleCc: i,
+  onToggleBcc: c,
+  errors: d = {},
+  className: m = "",
+  labels: f = {},
+  placeholders: p = {}
+}) => {
+  const b = {
+    to: "To",
+    cc: "CC",
+    bcc: "BCC",
+    addCc: "Add CC",
+    removeCc: "Remove CC",
+    addBcc: "Add BCC",
+    removeBcc: "Remove BCC"
+  }, x = {
+    to: "recipient@example.com",
+    cc: "cc@example.com",
+    bcc: "bcc@example.com"
+  }, h = { ...b, ...f }, y = { ...x, ...p };
+  return /* @__PURE__ */ E("div", { className: `space-y-4 ${m}`, children: [
+    /* @__PURE__ */ g(
+      ge,
+      {
+        label: h.to,
+        value: e,
+        onChange: r,
+        placeholder: y.to,
+        required: !0,
+        error: d.to
+      }
+    ),
+    i && n && /* @__PURE__ */ g(
+      ie,
+      {
+        label: h.cc,
+        value: t,
+        onChange: n,
+        placeholder: y.cc,
+        error: d.cc,
+        isVisible: o,
+        onToggle: i,
+        showLabel: h.addCc,
+        hideLabel: h.removeCc
+      }
+    ),
+    c && l && /* @__PURE__ */ g(
+      ie,
+      {
+        label: h.bcc,
+        value: a,
+        onChange: l,
+        placeholder: y.bcc,
+        error: d.bcc,
+        isVisible: s,
+        onToggle: c,
+        showLabel: h.addBcc,
+        hideLabel: h.removeBcc
+      }
+    )
+  ] });
+}, Er = ({
+  className: e,
+  children: r,
+  disabled: t = !1,
+  onClick: n
+}) => /* @__PURE__ */ g(
+  "div",
+  {
+    className: C(
+      "p-4 rounded-lg border transition-colors",
+      "bg-white dark:bg-gray-900",
+      "border-gray-200 dark:border-gray-700",
+      "text-gray-900 dark:text-white",
+      t && "opacity-50 cursor-not-allowed",
+      "hover:bg-gray-50 dark:hover:bg-gray-800",
+      e
+    ),
+    onClick: t ? void 0 : n,
+    role: "region",
+    "aria-label": "UemailUtemplate",
+    children: r || "UemailUtemplate Component"
+  }
+);
+function k(e, r) {
+  if (e === !1 || e === null || typeof e > "u")
+    throw new Error(r);
+}
+function L(e, r) {
+  if (!e) {
+    typeof console < "u" && console.warn(r);
+    try {
+      throw new Error(r);
+    } catch {
+    }
+  }
+}
+function q({
+  pathname: e = "/",
+  search: r = "",
+  hash: t = ""
+}) {
+  return r && r !== "?" && (e += r.charAt(0) === "?" ? r : "?" + r), t && t !== "#" && (e += t.charAt(0) === "#" ? t : "#" + t), e;
+}
+function X(e) {
+  let r = {};
+  if (e) {
+    let t = e.indexOf("#");
+    t >= 0 && (r.hash = e.substring(t), e = e.substring(0, t));
+    let n = e.indexOf("?");
+    n >= 0 && (r.search = e.substring(n), e = e.substring(0, n)), e && (r.pathname = e);
+  }
+  return r;
+}
+function be(e, r, t = "/") {
+  return ze(e, r, t, !1);
+}
+function ze(e, r, t, n) {
+  let a = typeof r == "string" ? X(r) : r, l = $(a.pathname || "/", t);
+  if (l == null)
+    return null;
+  let o = ye(e);
+  Ke(o);
+  let s = null;
+  for (let i = 0; s == null && i < o.length; ++i) {
+    let c = nt(l);
+    s = tt(
+      o[i],
+      c,
+      n
+    );
+  }
+  return s;
+}
+function ye(e, r = [], t = [], n = "", a = !1) {
+  let l = (o, s, i = a, c) => {
+    let d = {
+      relativePath: c === void 0 ? o.path || "" : c,
+      caseSensitive: o.caseSensitive === !0,
+      childrenIndex: s,
+      route: o
+    };
+    if (d.relativePath.startsWith("/")) {
+      if (!d.relativePath.startsWith(n) && i)
+        return;
+      k(
+        d.relativePath.startsWith(n),
+        `Absolute route path "${d.relativePath}" nested under path "${n}" is not valid. An absolute child route path must start with the combined path of all its parent routes.`
+      ), d.relativePath = d.relativePath.slice(n.length);
+    }
+    let m = P([n, d.relativePath]), f = t.concat(d);
+    o.children && o.children.length > 0 && (k(
+      // Our types know better, but runtime JS may not!
+      // @ts-expect-error
+      o.index !== !0,
+      `Index routes must not have child routes. Please remove all child routes from route path "${m}".`
+    ), ye(
+      o.children,
+      r,
+      f,
+      m,
+      i
+    )), !(o.path == null && !o.index) && r.push({
+      path: m,
+      score: Ze(m, o.index),
+      routesMeta: f
+    });
+  };
+  return e.forEach((o, s) => {
+    if (o.path === "" || !o.path?.includes("?"))
+      l(o, s);
+    else
+      for (let i of ve(o.path))
+        l(o, s, !0, i);
+  }), r;
+}
+function ve(e) {
+  let r = e.split("/");
+  if (r.length === 0) return [];
+  let [t, ...n] = r, a = t.endsWith("?"), l = t.replace(/\?$/, "");
+  if (n.length === 0)
+    return a ? [l, ""] : [l];
+  let o = ve(n.join("/")), s = [];
+  return s.push(
+    ...o.map(
+      (i) => i === "" ? l : [l, i].join("/")
+    )
+  ), a && s.push(...o), s.map(
+    (i) => e.startsWith("/") && i === "" ? "/" : i
+  );
+}
+function Ke(e) {
+  e.sort(
+    (r, t) => r.score !== t.score ? t.score - r.score : et(
+      r.routesMeta.map((n) => n.childrenIndex),
+      t.routesMeta.map((n) => n.childrenIndex)
+    )
+  );
+}
+var Je = /^:[\w-]+$/, Ge = 3, Ye = 2, qe = 1, Xe = 10, Qe = -2, se = (e) => e === "*";
+function Ze(e, r) {
+  let t = e.split("/"), n = t.length;
+  return t.some(se) && (n += Qe), r && (n += Ye), t.filter((a) => !se(a)).reduce(
+    (a, l) => a + (Je.test(l) ? Ge : l === "" ? qe : Xe),
+    n
+  );
+}
+function et(e, r) {
+  return e.length === r.length && e.slice(0, -1).every((n, a) => n === r[a]) ? (
+    // If two routes are siblings, we should try to match the earlier sibling
+    // first. This allows people to have fine-grained control over the matching
+    // behavior by simply putting routes with identical paths in the order they
+    // want them tried.
+    e[e.length - 1] - r[r.length - 1]
+  ) : (
+    // Otherwise, it doesn't really make sense to rank non-siblings by index,
+    // so they sort equally.
+    0
+  );
+}
+function tt(e, r, t = !1) {
+  let { routesMeta: n } = e, a = {}, l = "/", o = [];
+  for (let s = 0; s < n.length; ++s) {
+    let i = n[s], c = s === n.length - 1, d = l === "/" ? r : r.slice(l.length) || "/", m = H(
+      { path: i.relativePath, caseSensitive: i.caseSensitive, end: c },
+      d
+    ), f = i.route;
+    if (!m && c && t && !n[n.length - 1].route.index && (m = H(
+      {
+        path: i.relativePath,
+        caseSensitive: i.caseSensitive,
+        end: !1
+      },
+      d
+    )), !m)
+      return null;
+    Object.assign(a, m.params), o.push({
+      // TODO: Can this as be avoided?
+      params: a,
+      pathname: P([l, m.pathname]),
+      pathnameBase: st(
+        P([l, m.pathnameBase])
+      ),
+      route: f
+    }), m.pathnameBase !== "/" && (l = P([l, m.pathnameBase]));
+  }
+  return o;
+}
+function H(e, r) {
+  typeof e == "string" && (e = { path: e, caseSensitive: !1, end: !0 });
+  let [t, n] = rt(
+    e.path,
+    e.caseSensitive,
+    e.end
+  ), a = r.match(t);
+  if (!a) return null;
+  let l = a[0], o = l.replace(/(.)\/+$/, "$1"), s = a.slice(1);
+  return {
+    params: n.reduce(
+      (c, { paramName: d, isOptional: m }, f) => {
+        if (d === "*") {
+          let b = s[f] || "";
+          o = l.slice(0, l.length - b.length).replace(/(.)\/+$/, "$1");
+        }
+        const p = s[f];
+        return m && !p ? c[d] = void 0 : c[d] = (p || "").replace(/%2F/g, "/"), c;
+      },
+      {}
+    ),
+    pathname: l,
+    pathnameBase: o,
+    pattern: e
+  };
+}
+function rt(e, r = !1, t = !0) {
+  L(
+    e === "*" || !e.endsWith("*") || e.endsWith("/*"),
+    `Route path "${e}" will be treated as if it were "${e.replace(/\*$/, "/*")}" because the \`*\` character must always follow a \`/\` in the pattern. To get rid of this warning, please change the route path to "${e.replace(/\*$/, "/*")}".`
+  );
+  let n = [], a = "^" + e.replace(/\/*\*?$/, "").replace(/^\/*/, "/").replace(/[\\.*+^${}|()[\]]/g, "\\$&").replace(
+    /\/:([\w-]+)(\?)?/g,
+    (o, s, i) => (n.push({ paramName: s, isOptional: i != null }), i ? "/?([^\\/]+)?" : "/([^\\/]+)")
+  ).replace(/\/([\w-]+)\?(\/|$)/g, "(/$1)?$2");
+  return e.endsWith("*") ? (n.push({ paramName: "*" }), a += e === "*" || e === "/*" ? "(.*)$" : "(?:\\/(.+)|\\/*)$") : t ? a += "\\/*$" : e !== "" && e !== "/" && (a += "(?:(?=\\/|$))"), [new RegExp(a, r ? void 0 : "i"), n];
+}
+function nt(e) {
+  try {
+    return e.split("/").map((r) => decodeURIComponent(r).replace(/\//g, "%2F")).join("/");
+  } catch (r) {
+    return L(
+      !1,
+      `The URL path "${e}" could not be decoded because it is a malformed URL segment. This is probably due to a bad percent encoding (${r}).`
+    ), e;
+  }
+}
+function $(e, r) {
+  if (r === "/") return e;
+  if (!e.toLowerCase().startsWith(r.toLowerCase()))
+    return null;
+  let t = r.endsWith("/") ? r.length - 1 : r.length, n = e.charAt(t);
+  return n && n !== "/" ? null : e.slice(t) || "/";
+}
+var at = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, lt = (e) => at.test(e);
+function ot(e, r = "/") {
+  let {
+    pathname: t,
+    search: n = "",
+    hash: a = ""
+  } = typeof e == "string" ? X(e) : e, l;
+  if (t)
+    if (lt(t))
+      l = t;
+    else {
+      if (t.includes("//")) {
+        let o = t;
+        t = t.replace(/\/\/+/g, "/"), L(
+          !1,
+          `Pathnames cannot have embedded double slashes - normalizing ${o} -> ${t}`
+        );
+      }
+      t.startsWith("/") ? l = ue(t.substring(1), "/") : l = ue(t, r);
+    }
+  else
+    l = r;
+  return {
+    pathname: l,
+    search: ut(n),
+    hash: ct(a)
+  };
+}
+function ue(e, r) {
+  let t = r.replace(/\/+$/, "").split("/");
+  return e.split("/").forEach((a) => {
+    a === ".." ? t.length > 1 && t.pop() : a !== "." && t.push(a);
+  }), t.length > 1 ? t.join("/") : "/";
+}
+function G(e, r, t, n) {
+  return `Cannot include a '${e}' character in a manually specified \`to.${r}\` field [${JSON.stringify(
+    n
+  )}].  Please separate it out to the \`to.${t}\` field. Alternatively you may provide the full path as a string in <Link to="..."> and the router will parse it for you.`;
+}
+function it(e) {
+  return e.filter(
+    (r, t) => t === 0 || r.route.path && r.route.path.length > 0
+  );
+}
+function xe(e) {
+  let r = it(e);
+  return r.map(
+    (t, n) => n === r.length - 1 ? t.pathname : t.pathnameBase
+  );
+}
+function we(e, r, t, n = !1) {
+  let a;
+  typeof e == "string" ? a = X(e) : (a = { ...e }, k(
+    !a.pathname || !a.pathname.includes("?"),
+    G("?", "pathname", "search", a)
+  ), k(
+    !a.pathname || !a.pathname.includes("#"),
+    G("#", "pathname", "hash", a)
+  ), k(
+    !a.search || !a.search.includes("#"),
+    G("#", "search", "hash", a)
+  ));
+  let l = e === "" || a.pathname === "", o = l ? "/" : a.pathname, s;
+  if (o == null)
+    s = t;
+  else {
+    let m = r.length - 1;
+    if (!n && o.startsWith("..")) {
+      let f = o.split("/");
+      for (; f[0] === ".."; )
+        f.shift(), m -= 1;
+      a.pathname = f.join("/");
+    }
+    s = m >= 0 ? r[m] : "/";
+  }
+  let i = ot(a, s), c = o && o !== "/" && o.endsWith("/"), d = (l || o === ".") && t.endsWith("/");
+  return !i.pathname.endsWith("/") && (c || d) && (i.pathname += "/"), i;
+}
+var P = (e) => e.join("/").replace(/\/\/+/g, "/"), st = (e) => e.replace(/\/+$/, "").replace(/^\/*/, "/"), ut = (e) => !e || e === "?" ? "" : e.startsWith("?") ? e : "?" + e, ct = (e) => !e || e === "#" ? "" : e.startsWith("#") ? e : "#" + e;
+function dt(e) {
+  return e != null && typeof e.status == "number" && typeof e.statusText == "string" && typeof e.internal == "boolean" && "data" in e;
+}
+Object.getOwnPropertyNames(Object.prototype).sort().join("\0");
+var Ce = [
+  "POST",
+  "PUT",
+  "PATCH",
+  "DELETE"
+];
+new Set(
+  Ce
+);
+var mt = [
+  "GET",
+  ...Ce
+];
+new Set(mt);
+var D = u.createContext(null);
+D.displayName = "DataRouter";
+var z = u.createContext(null);
+z.displayName = "DataRouterState";
+u.createContext(!1);
+var ke = u.createContext({
+  isTransitioning: !1
+});
+ke.displayName = "ViewTransition";
+var ft = u.createContext(
+  /* @__PURE__ */ new Map()
+);
+ft.displayName = "Fetchers";
+var ht = u.createContext(null);
+ht.displayName = "Await";
+var N = u.createContext(
+  null
+);
+N.displayName = "Navigation";
+var Q = u.createContext(
+  null
+);
+Q.displayName = "Location";
+var S = u.createContext({
+  outlet: null,
+  matches: [],
+  isDataRoute: !1
+});
+S.displayName = "Route";
+var Z = u.createContext(null);
+Z.displayName = "RouteError";
+function pt(e, { relative: r } = {}) {
+  k(
+    K(),
+    // TODO: This error is probably because they somehow have 2 versions of the
+    // router loaded. We can help them understand how to avoid that.
+    "useHref() may be used only in the context of a <Router> component."
+  );
+  let { basename: t, navigator: n } = u.useContext(N), { hash: a, pathname: l, search: o } = M(e, { relative: r }), s = l;
+  return t !== "/" && (s = l === "/" ? t : P([t, l])), n.createHref({ pathname: s, search: o, hash: a });
+}
+function K() {
+  return u.useContext(Q) != null;
+}
+function F() {
+  return k(
+    K(),
+    // TODO: This error is probably because they somehow have 2 versions of the
+    // router loaded. We can help them understand how to avoid that.
+    "useLocation() may be used only in the context of a <Router> component."
+  ), u.useContext(Q).location;
+}
+var Ee = "You should call navigate() in a React.useEffect(), not when your component is first rendered.";
+function Re(e) {
+  u.useContext(N).static || u.useLayoutEffect(e);
+}
+function gt() {
+  let { isDataRoute: e } = u.useContext(S);
+  return e ? St() : bt();
+}
+function bt() {
+  k(
+    K(),
+    // TODO: This error is probably because they somehow have 2 versions of the
+    // router loaded. We can help them understand how to avoid that.
+    "useNavigate() may be used only in the context of a <Router> component."
+  );
+  let e = u.useContext(D), { basename: r, navigator: t } = u.useContext(N), { matches: n } = u.useContext(S), { pathname: a } = F(), l = JSON.stringify(xe(n)), o = u.useRef(!1);
+  return Re(() => {
+    o.current = !0;
+  }), u.useCallback(
+    (i, c = {}) => {
+      if (L(o.current, Ee), !o.current) return;
+      if (typeof i == "number") {
+        t.go(i);
+        return;
+      }
+      let d = we(
+        i,
+        JSON.parse(l),
+        a,
+        c.relative === "path"
+      );
+      e == null && r !== "/" && (d.pathname = d.pathname === "/" ? r : P([r, d.pathname])), (c.replace ? t.replace : t.push)(
+        d,
+        c.state,
+        c
+      );
+    },
+    [
+      r,
+      t,
+      l,
+      a,
+      e
+    ]
+  );
+}
+u.createContext(null);
+function M(e, { relative: r } = {}) {
+  let { matches: t } = u.useContext(S), { pathname: n } = F(), a = JSON.stringify(xe(t));
+  return u.useMemo(
+    () => we(
+      e,
+      JSON.parse(a),
+      n,
+      r === "path"
+    ),
+    [e, a, n, r]
+  );
+}
+function yt(e, r, t, n, a) {
+  k(
+    K(),
+    // TODO: This error is probably because they somehow have 2 versions of the
+    // router loaded. We can help them understand how to avoid that.
+    "useRoutes() may be used only in the context of a <Router> component."
+  );
+  let { navigator: l } = u.useContext(N), { matches: o } = u.useContext(S), s = o[o.length - 1], i = s ? s.params : {}, c = s ? s.pathname : "/", d = s ? s.pathnameBase : "/", m = s && s.route;
+  {
+    let v = m && m.path || "";
+    Le(
+      c,
+      !m || v.endsWith("*") || v.endsWith("*?"),
+      `You rendered descendant <Routes> (or called \`useRoutes()\`) at "${c}" (under <Route path="${v}">) but the parent route path has no trailing "*". This means if you navigate deeper, the parent won't match anymore and therefore the child routes will never render.
+
+Please change the parent <Route path="${v}"> to <Route path="${v === "/" ? "*" : `${v}/*`}">.`
+    );
+  }
+  let f = F(), p;
+  p = f;
+  let b = p.pathname || "/", x = b;
+  if (d !== "/") {
+    let v = d.replace(/^\//, "").split("/");
+    x = "/" + b.replace(/^\//, "").split("/").slice(v.length).join("/");
+  }
+  let h = be(e, { pathname: x });
+  return L(
+    m || h != null,
+    `No routes matched location "${p.pathname}${p.search}${p.hash}" `
+  ), L(
+    h == null || h[h.length - 1].route.element !== void 0 || h[h.length - 1].route.Component !== void 0 || h[h.length - 1].route.lazy !== void 0,
+    `Matched leaf route at location "${p.pathname}${p.search}${p.hash}" does not have an element or Component. This means it will render an <Outlet /> with a null value by default resulting in an "empty" page.`
+  ), kt(
+    h && h.map(
+      (v) => Object.assign({}, v, {
+        params: Object.assign({}, i, v.params),
+        pathname: P([
+          d,
+          // Re-encode pathnames that were decoded inside matchRoutes.
+          // Pre-encode `?` and `#` ahead of `encodeLocation` because it uses
+          // `new URL()` internally and we need to prevent it from treating
+          // them as separators
+          l.encodeLocation ? l.encodeLocation(
+            v.pathname.replace(/\?/g, "%3F").replace(/#/g, "%23")
+          ).pathname : v.pathname
+        ]),
+        pathnameBase: v.pathnameBase === "/" ? d : P([
+          d,
+          // Re-encode pathnames that were decoded inside matchRoutes
+          // Pre-encode `?` and `#` ahead of `encodeLocation` because it uses
+          // `new URL()` internally and we need to prevent it from treating
+          // them as separators
+          l.encodeLocation ? l.encodeLocation(
+            v.pathnameBase.replace(/\?/g, "%3F").replace(/#/g, "%23")
+          ).pathname : v.pathnameBase
+        ])
+      })
+    ),
+    o,
+    t,
+    n,
+    a
+  );
+}
+function vt() {
+  let e = Nt(), r = dt(e) ? `${e.status} ${e.statusText}` : e instanceof Error ? e.message : JSON.stringify(e), t = e instanceof Error ? e.stack : null, n = "rgba(200,200,200, 0.5)", a = { padding: "0.5rem", backgroundColor: n }, l = { padding: "2px 4px", backgroundColor: n }, o = null;
+  return console.error(
+    "Error handled by React Router default ErrorBoundary:",
+    e
+  ), o = /* @__PURE__ */ u.createElement(u.Fragment, null, /* @__PURE__ */ u.createElement("p", null, "💿 Hey developer 👋"), /* @__PURE__ */ u.createElement("p", null, "You can provide a way better UX than this when your app throws errors by providing your own ", /* @__PURE__ */ u.createElement("code", { style: l }, "ErrorBoundary"), " or", " ", /* @__PURE__ */ u.createElement("code", { style: l }, "errorElement"), " prop on your route.")), /* @__PURE__ */ u.createElement(u.Fragment, null, /* @__PURE__ */ u.createElement("h2", null, "Unexpected Application Error!"), /* @__PURE__ */ u.createElement("h3", { style: { fontStyle: "italic" } }, r), t ? /* @__PURE__ */ u.createElement("pre", { style: a }, t) : null, o);
+}
+var xt = /* @__PURE__ */ u.createElement(vt, null), wt = class extends u.Component {
+  constructor(e) {
+    super(e), this.state = {
+      location: e.location,
+      revalidation: e.revalidation,
+      error: e.error
+    };
+  }
+  static getDerivedStateFromError(e) {
+    return { error: e };
+  }
+  static getDerivedStateFromProps(e, r) {
+    return r.location !== e.location || r.revalidation !== "idle" && e.revalidation === "idle" ? {
+      error: e.error,
+      location: e.location,
+      revalidation: e.revalidation
+    } : {
+      error: e.error !== void 0 ? e.error : r.error,
+      location: r.location,
+      revalidation: e.revalidation || r.revalidation
+    };
+  }
+  componentDidCatch(e, r) {
+    this.props.onError ? this.props.onError(e, r) : console.error(
+      "React Router caught the following error during render",
+      e
+    );
+  }
+  render() {
+    return this.state.error !== void 0 ? /* @__PURE__ */ u.createElement(S.Provider, { value: this.props.routeContext }, /* @__PURE__ */ u.createElement(
+      Z.Provider,
+      {
+        value: this.state.error,
+        children: this.props.component
+      }
+    )) : this.props.children;
+  }
+};
+function Ct({ routeContext: e, match: r, children: t }) {
+  let n = u.useContext(D);
+  return n && n.static && n.staticContext && (r.route.errorElement || r.route.ErrorBoundary) && (n.staticContext._deepestRenderedBoundaryId = r.route.id), /* @__PURE__ */ u.createElement(S.Provider, { value: e }, t);
+}
+function kt(e, r = [], t = null, n = null, a = null) {
+  if (e == null) {
+    if (!t)
+      return null;
+    if (t.errors)
+      e = t.matches;
+    else if (r.length === 0 && !t.initialized && t.matches.length > 0)
+      e = t.matches;
+    else
+      return null;
+  }
+  let l = e, o = t?.errors;
+  if (o != null) {
+    let d = l.findIndex(
+      (m) => m.route.id && o?.[m.route.id] !== void 0
+    );
+    k(
+      d >= 0,
+      `Could not find a matching route for errors on route IDs: ${Object.keys(
+        o
+      ).join(",")}`
+    ), l = l.slice(
+      0,
+      Math.min(l.length, d + 1)
+    );
+  }
+  let s = !1, i = -1;
+  if (t)
+    for (let d = 0; d < l.length; d++) {
+      let m = l[d];
+      if ((m.route.HydrateFallback || m.route.hydrateFallbackElement) && (i = d), m.route.id) {
+        let { loaderData: f, errors: p } = t, b = m.route.loader && !f.hasOwnProperty(m.route.id) && (!p || p[m.route.id] === void 0);
+        if (m.route.lazy || b) {
+          s = !0, i >= 0 ? l = l.slice(0, i + 1) : l = [l[0]];
+          break;
+        }
+      }
+    }
+  let c = t && n ? (d, m) => {
+    n(d, {
+      location: t.location,
+      params: t.matches?.[0]?.params ?? {},
+      errorInfo: m
+    });
+  } : void 0;
+  return l.reduceRight(
+    (d, m, f) => {
+      let p, b = !1, x = null, h = null;
+      t && (p = o && m.route.id ? o[m.route.id] : void 0, x = m.route.errorElement || xt, s && (i < 0 && f === 0 ? (Le(
+        "route-fallback",
+        !1,
+        "No `HydrateFallback` element provided to render during initial hydration"
+      ), b = !0, h = null) : i === f && (b = !0, h = m.route.hydrateFallbackElement || null)));
+      let y = r.concat(l.slice(0, f + 1)), v = () => {
+        let w;
+        return p ? w = x : b ? w = h : m.route.Component ? w = /* @__PURE__ */ u.createElement(m.route.Component, null) : m.route.element ? w = m.route.element : w = d, /* @__PURE__ */ u.createElement(
+          Ct,
+          {
+            match: m,
+            routeContext: {
+              outlet: d,
+              matches: y,
+              isDataRoute: t != null
+            },
+            children: w
+          }
+        );
+      };
+      return t && (m.route.ErrorBoundary || m.route.errorElement || f === 0) ? /* @__PURE__ */ u.createElement(
+        wt,
+        {
+          location: t.location,
+          revalidation: t.revalidation,
+          component: x,
+          error: p,
+          children: v(),
+          routeContext: { outlet: null, matches: y, isDataRoute: !0 },
+          onError: c
+        }
+      ) : v();
+    },
+    null
+  );
+}
+function ee(e) {
+  return `${e} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`;
+}
+function Et(e) {
+  let r = u.useContext(D);
+  return k(r, ee(e)), r;
+}
+function Rt(e) {
+  let r = u.useContext(z);
+  return k(r, ee(e)), r;
+}
+function Lt(e) {
+  let r = u.useContext(S);
+  return k(r, ee(e)), r;
+}
+function te(e) {
+  let r = Lt(e), t = r.matches[r.matches.length - 1];
+  return k(
+    t.route.id,
+    `${e} can only be used on routes that contain a unique "id"`
+  ), t.route.id;
+}
+function Pt() {
+  return te(
+    "useRouteId"
+    /* UseRouteId */
+  );
+}
+function Nt() {
+  let e = u.useContext(Z), r = Rt(
+    "useRouteError"
+    /* UseRouteError */
+  ), t = te(
+    "useRouteError"
+    /* UseRouteError */
+  );
+  return e !== void 0 ? e : r.errors?.[t];
+}
+function St() {
+  let { router: e } = Et(
+    "useNavigate"
+    /* UseNavigateStable */
+  ), r = te(
+    "useNavigate"
+    /* UseNavigateStable */
+  ), t = u.useRef(!1);
+  return Re(() => {
+    t.current = !0;
+  }), u.useCallback(
+    async (a, l = {}) => {
+      L(t.current, Ee), t.current && (typeof a == "number" ? e.navigate(a) : await e.navigate(a, { fromRouteId: r, ...l }));
+    },
+    [e, r]
+  );
+}
+var ce = {};
+function Le(e, r, t) {
+  !r && !ce[e] && (ce[e] = !0, L(!1, t));
+}
+u.memo($t);
+function $t({
+  routes: e,
+  future: r,
+  state: t,
+  unstable_onError: n
+}) {
+  return yt(e, void 0, t, n, r);
+}
+var _ = "get", j = "application/x-www-form-urlencoded";
+function J(e) {
+  return e != null && typeof e.tagName == "string";
+}
+function At(e) {
+  return J(e) && e.tagName.toLowerCase() === "button";
+}
+function Ft(e) {
+  return J(e) && e.tagName.toLowerCase() === "form";
+}
+function Tt(e) {
+  return J(e) && e.tagName.toLowerCase() === "input";
+}
+function It(e) {
+  return !!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey);
+}
+function Dt(e, r) {
+  return e.button === 0 && // Ignore everything but left clicks
+  (!r || r === "_self") && // Let browser handle "target=_blank" etc.
+  !It(e);
+}
+var V = null;
+function Ut() {
+  if (V === null)
+    try {
+      new FormData(
+        document.createElement("form"),
+        // @ts-expect-error if FormData supports the submitter parameter, this will throw
+        0
+      ), V = !1;
+    } catch {
+      V = !0;
+    }
+  return V;
+}
+var Bt = /* @__PURE__ */ new Set([
+  "application/x-www-form-urlencoded",
+  "multipart/form-data",
+  "text/plain"
+]);
+function Y(e) {
+  return e != null && !Bt.has(e) ? (L(
+    !1,
+    `"${e}" is not a valid \`encType\` for \`<Form>\`/\`<fetcher.Form>\` and will default to "${j}"`
+  ), null) : e;
+}
+function Mt(e, r) {
+  let t, n, a, l, o;
+  if (Ft(e)) {
+    let s = e.getAttribute("action");
+    n = s ? $(s, r) : null, t = e.getAttribute("method") || _, a = Y(e.getAttribute("enctype")) || j, l = new FormData(e);
+  } else if (At(e) || Tt(e) && (e.type === "submit" || e.type === "image")) {
+    let s = e.form;
+    if (s == null)
+      throw new Error(
+        'Cannot submit a <button> or <input type="submit"> without a <form>'
+      );
+    let i = e.getAttribute("formaction") || s.getAttribute("action");
+    if (n = i ? $(i, r) : null, t = e.getAttribute("formmethod") || s.getAttribute("method") || _, a = Y(e.getAttribute("formenctype")) || Y(s.getAttribute("enctype")) || j, l = new FormData(s, e), !Ut()) {
+      let { name: c, type: d, value: m } = e;
+      if (d === "image") {
+        let f = c ? `${c}.` : "";
+        l.append(`${f}x`, "0"), l.append(`${f}y`, "0");
+      } else c && l.append(c, m);
+    }
+  } else {
+    if (J(e))
+      throw new Error(
+        'Cannot submit element that is not <form>, <button>, or <input type="submit|image">'
+      );
+    t = _, n = null, a = j, o = e;
+  }
+  return l && a === "text/plain" && (o = l, l = void 0), { action: n, method: t.toLowerCase(), encType: a, formData: l, body: o };
+}
+Object.getOwnPropertyNames(Object.prototype).sort().join("\0");
+function re(e, r) {
+  if (e === !1 || e === null || typeof e > "u")
+    throw new Error(r);
+}
+function Ot(e, r, t) {
+  let n = typeof e == "string" ? new URL(
+    e,
+    // This can be called during the SSR flow via PrefetchPageLinksImpl so
+    // don't assume window is available
+    typeof window > "u" ? "server://singlefetch/" : window.location.origin
+  ) : e;
+  return n.pathname === "/" ? n.pathname = `_root.${t}` : r && $(n.pathname, r) === "/" ? n.pathname = `${r.replace(/\/$/, "")}/_root.${t}` : n.pathname = `${n.pathname.replace(/\/$/, "")}.${t}`, n;
+}
+async function Wt(e, r) {
+  if (e.id in r)
+    return r[e.id];
+  try {
+    let t = await import(
+      /* @vite-ignore */
+      /* webpackIgnore: true */
+      e.module
+    );
+    return r[e.id] = t, t;
+  } catch (t) {
+    return console.error(
+      `Error loading route module \`${e.module}\`, reloading page...`
+    ), console.error(t), window.__reactRouterContext && window.__reactRouterContext.isSpaMode, window.location.reload(), new Promise(() => {
+    });
+  }
+}
+function Vt(e) {
+  return e == null ? !1 : e.href == null ? e.rel === "preload" && typeof e.imageSrcSet == "string" && typeof e.imageSizes == "string" : typeof e.rel == "string" && typeof e.href == "string";
+}
+async function _t(e, r, t) {
+  let n = await Promise.all(
+    e.map(async (a) => {
+      let l = r.routes[a.route.id];
+      if (l) {
+        let o = await Wt(l, t);
+        return o.links ? o.links() : [];
+      }
+      return [];
+    })
+  );
+  return Kt(
+    n.flat(1).filter(Vt).filter((a) => a.rel === "stylesheet" || a.rel === "preload").map(
+      (a) => a.rel === "stylesheet" ? { ...a, rel: "prefetch", as: "style" } : { ...a, rel: "prefetch" }
+    )
+  );
+}
+function de(e, r, t, n, a, l) {
+  let o = (i, c) => t[c] ? i.route.id !== t[c].route.id : !0, s = (i, c) => (
+    // param change, /users/123 -> /users/456
+    t[c].pathname !== i.pathname || // splat param changed, which is not present in match.path
+    // e.g. /files/images/avatar.jpg -> files/finances.xls
+    t[c].route.path?.endsWith("*") && t[c].params["*"] !== i.params["*"]
+  );
+  return l === "assets" ? r.filter(
+    (i, c) => o(i, c) || s(i, c)
+  ) : l === "data" ? r.filter((i, c) => {
+    let d = n.routes[i.route.id];
+    if (!d || !d.hasLoader)
+      return !1;
+    if (o(i, c) || s(i, c))
+      return !0;
+    if (i.route.shouldRevalidate) {
+      let m = i.route.shouldRevalidate({
+        currentUrl: new URL(
+          a.pathname + a.search + a.hash,
+          window.origin
+        ),
+        currentParams: t[0]?.params || {},
+        nextUrl: new URL(e, window.origin),
+        nextParams: i.params,
+        defaultShouldRevalidate: !0
+      });
+      if (typeof m == "boolean")
+        return m;
+    }
+    return !0;
+  }) : [];
+}
+function jt(e, r, { includeHydrateFallback: t } = {}) {
+  return Ht(
+    e.map((n) => {
+      let a = r.routes[n.route.id];
+      if (!a) return [];
+      let l = [a.module];
+      return a.clientActionModule && (l = l.concat(a.clientActionModule)), a.clientLoaderModule && (l = l.concat(a.clientLoaderModule)), t && a.hydrateFallbackModule && (l = l.concat(a.hydrateFallbackModule)), a.imports && (l = l.concat(a.imports)), l;
+    }).flat(1)
+  );
+}
+function Ht(e) {
+  return [...new Set(e)];
+}
+function zt(e) {
+  let r = {}, t = Object.keys(e).sort();
+  for (let n of t)
+    r[n] = e[n];
+  return r;
+}
+function Kt(e, r) {
+  let t = /* @__PURE__ */ new Set();
+  return new Set(r), e.reduce((n, a) => {
+    let l = JSON.stringify(zt(a));
+    return t.has(l) || (t.add(l), n.push({ key: l, link: a })), n;
+  }, []);
+}
+function Pe() {
+  let e = u.useContext(D);
+  return re(
+    e,
+    "You must render this element inside a <DataRouterContext.Provider> element"
+  ), e;
+}
+function Jt() {
+  let e = u.useContext(z);
+  return re(
+    e,
+    "You must render this element inside a <DataRouterStateContext.Provider> element"
+  ), e;
+}
+var ne = u.createContext(void 0);
+ne.displayName = "FrameworkContext";
+function Ne() {
+  let e = u.useContext(ne);
+  return re(
+    e,
+    "You must render this element inside a <HydratedRouter> element"
+  ), e;
+}
+function Gt(e, r) {
+  let t = u.useContext(ne), [n, a] = u.useState(!1), [l, o] = u.useState(!1), { onFocus: s, onBlur: i, onMouseEnter: c, onMouseLeave: d, onTouchStart: m } = r, f = u.useRef(null);
+  u.useEffect(() => {
+    if (e === "render" && o(!0), e === "viewport") {
+      let x = (y) => {
+        y.forEach((v) => {
+          o(v.isIntersecting);
+        });
+      }, h = new IntersectionObserver(x, { threshold: 0.5 });
+      return f.current && h.observe(f.current), () => {
+        h.disconnect();
+      };
+    }
+  }, [e]), u.useEffect(() => {
+    if (n) {
+      let x = setTimeout(() => {
+        o(!0);
+      }, 100);
+      return () => {
+        clearTimeout(x);
+      };
+    }
+  }, [n]);
+  let p = () => {
+    a(!0);
+  }, b = () => {
+    a(!1), o(!1);
+  };
+  return t ? e !== "intent" ? [l, f, {}] : [
+    l,
+    f,
+    {
+      onFocus: B(s, p),
+      onBlur: B(i, b),
+      onMouseEnter: B(c, p),
+      onMouseLeave: B(d, b),
+      onTouchStart: B(m, p)
+    }
+  ] : [!1, f, {}];
+}
+function B(e, r) {
+  return (t) => {
+    e && e(t), t.defaultPrevented || r(t);
+  };
+}
+function Yt({ page: e, ...r }) {
+  let { router: t } = Pe(), n = u.useMemo(
+    () => be(t.routes, e, t.basename),
+    [t.routes, e, t.basename]
+  );
+  return n ? /* @__PURE__ */ u.createElement(Xt, { page: e, matches: n, ...r }) : null;
+}
+function qt(e) {
+  let { manifest: r, routeModules: t } = Ne(), [n, a] = u.useState([]);
+  return u.useEffect(() => {
+    let l = !1;
+    return _t(e, r, t).then(
+      (o) => {
+        l || a(o);
+      }
+    ), () => {
+      l = !0;
+    };
+  }, [e, r, t]), n;
+}
+function Xt({
+  page: e,
+  matches: r,
+  ...t
+}) {
+  let n = F(), { manifest: a, routeModules: l } = Ne(), { basename: o } = Pe(), { loaderData: s, matches: i } = Jt(), c = u.useMemo(
+    () => de(
+      e,
+      r,
+      i,
+      a,
+      n,
+      "data"
+    ),
+    [e, r, i, a, n]
+  ), d = u.useMemo(
+    () => de(
+      e,
+      r,
+      i,
+      a,
+      n,
+      "assets"
+    ),
+    [e, r, i, a, n]
+  ), m = u.useMemo(() => {
+    if (e === n.pathname + n.search + n.hash)
+      return [];
+    let b = /* @__PURE__ */ new Set(), x = !1;
+    if (r.forEach((y) => {
+      let v = a.routes[y.route.id];
+      !v || !v.hasLoader || (!c.some((w) => w.route.id === y.route.id) && y.route.id in s && l[y.route.id]?.shouldRevalidate || v.hasClientLoader ? x = !0 : b.add(y.route.id));
+    }), b.size === 0)
+      return [];
+    let h = Ot(e, o, "data");
+    return x && b.size > 0 && h.searchParams.set(
+      "_routes",
+      r.filter((y) => b.has(y.route.id)).map((y) => y.route.id).join(",")
+    ), [h.pathname + h.search];
+  }, [
+    o,
+    s,
+    n,
+    a,
+    c,
+    r,
+    e,
+    l
+  ]), f = u.useMemo(
+    () => jt(d, a),
+    [d, a]
+  ), p = qt(d);
+  return /* @__PURE__ */ u.createElement(u.Fragment, null, m.map((b) => /* @__PURE__ */ u.createElement("link", { key: b, rel: "prefetch", as: "fetch", href: b, ...t })), f.map((b) => /* @__PURE__ */ u.createElement("link", { key: b, rel: "modulepreload", href: b, ...t })), p.map(({ key: b, link: x }) => (
+    // these don't spread `linkProps` because they are full link descriptors
+    // already with their own props
+    /* @__PURE__ */ u.createElement("link", { key: b, nonce: t.nonce, ...x })
+  )));
+}
+function Qt(...e) {
+  return (r) => {
+    e.forEach((t) => {
+      typeof t == "function" ? t(r) : t != null && (t.current = r);
+    });
+  };
+}
+var Se = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u";
+try {
+  Se && (window.__reactRouterVersion = // @ts-expect-error
+  "7.9.6");
+} catch {
+}
+var $e = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, ae = u.forwardRef(
+  function({
+    onClick: r,
+    discover: t = "render",
+    prefetch: n = "none",
+    relative: a,
+    reloadDocument: l,
+    replace: o,
+    state: s,
+    target: i,
+    to: c,
+    preventScrollReset: d,
+    viewTransition: m,
+    ...f
+  }, p) {
+    let { basename: b } = u.useContext(N), x = typeof c == "string" && $e.test(c), h, y = !1;
+    if (typeof c == "string" && x && (h = c, Se))
+      try {
+        let R = new URL(window.location.href), I = c.startsWith("//") ? new URL(R.protocol + c) : new URL(c), oe = $(I.pathname, b);
+        I.origin === R.origin && oe != null ? c = oe + I.search + I.hash : y = !0;
+      } catch {
+        L(
+          !1,
+          `<Link to="${c}"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.`
+        );
+      }
+    let v = pt(c, { relative: a }), [w, T, A] = Gt(
+      n,
+      f
+    ), O = rr(c, {
+      replace: o,
+      state: s,
+      target: i,
+      preventScrollReset: d,
+      relative: a,
+      viewTransition: m
+    });
+    function U(R) {
+      r && r(R), R.defaultPrevented || O(R);
+    }
+    let W = (
+      // eslint-disable-next-line jsx-a11y/anchor-has-content
+      /* @__PURE__ */ u.createElement(
+        "a",
+        {
+          ...f,
+          ...A,
+          href: h || v,
+          onClick: y || l ? r : U,
+          ref: Qt(p, T),
+          target: i,
+          "data-discover": !x && t === "render" ? "true" : void 0
+        }
+      )
+    );
+    return w && !x ? /* @__PURE__ */ u.createElement(u.Fragment, null, W, /* @__PURE__ */ u.createElement(Yt, { page: v })) : W;
+  }
+);
+ae.displayName = "Link";
+var Zt = u.forwardRef(
+  function({
+    "aria-current": r = "page",
+    caseSensitive: t = !1,
+    className: n = "",
+    end: a = !1,
+    style: l,
+    to: o,
+    viewTransition: s,
+    children: i,
+    ...c
+  }, d) {
+    let m = M(o, { relative: c.relative }), f = F(), p = u.useContext(z), { navigator: b, basename: x } = u.useContext(N), h = p != null && // Conditional usage is OK here because the usage of a data router is static
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    ir(m) && s === !0, y = b.encodeLocation ? b.encodeLocation(m).pathname : m.pathname, v = f.pathname, w = p && p.navigation && p.navigation.location ? p.navigation.location.pathname : null;
+    t || (v = v.toLowerCase(), w = w ? w.toLowerCase() : null, y = y.toLowerCase()), w && x && (w = $(w, x) || w);
+    const T = y !== "/" && y.endsWith("/") ? y.length - 1 : y.length;
+    let A = v === y || !a && v.startsWith(y) && v.charAt(T) === "/", O = w != null && (w === y || !a && w.startsWith(y) && w.charAt(y.length) === "/"), U = {
+      isActive: A,
+      isPending: O,
+      isTransitioning: h
+    }, W = A ? r : void 0, R;
+    typeof n == "function" ? R = n(U) : R = [
+      n,
+      A ? "active" : null,
+      O ? "pending" : null,
+      h ? "transitioning" : null
+    ].filter(Boolean).join(" ");
+    let I = typeof l == "function" ? l(U) : l;
+    return /* @__PURE__ */ u.createElement(
+      ae,
+      {
+        ...c,
+        "aria-current": W,
+        className: R,
+        ref: d,
+        style: I,
+        to: o,
+        viewTransition: s
+      },
+      typeof i == "function" ? i(U) : i
+    );
+  }
+);
+Zt.displayName = "NavLink";
+var er = u.forwardRef(
+  ({
+    discover: e = "render",
+    fetcherKey: r,
+    navigate: t,
+    reloadDocument: n,
+    replace: a,
+    state: l,
+    method: o = _,
+    action: s,
+    onSubmit: i,
+    relative: c,
+    preventScrollReset: d,
+    viewTransition: m,
+    ...f
+  }, p) => {
+    let b = lr(), x = or(s, { relative: c }), h = o.toLowerCase() === "get" ? "get" : "post", y = typeof s == "string" && $e.test(s), v = (w) => {
+      if (i && i(w), w.defaultPrevented) return;
+      w.preventDefault();
+      let T = w.nativeEvent.submitter, A = T?.getAttribute("formmethod") || o;
+      b(T || w.currentTarget, {
+        fetcherKey: r,
+        method: A,
+        navigate: t,
+        replace: a,
+        state: l,
+        relative: c,
+        preventScrollReset: d,
+        viewTransition: m
+      });
+    };
+    return /* @__PURE__ */ u.createElement(
+      "form",
+      {
+        ref: p,
+        method: h,
+        action: x,
+        onSubmit: n ? i : v,
+        ...f,
+        "data-discover": !y && e === "render" ? "true" : void 0
+      }
+    );
+  }
+);
+er.displayName = "Form";
+function tr(e) {
+  return `${e} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`;
+}
+function Ae(e) {
+  let r = u.useContext(D);
+  return k(r, tr(e)), r;
+}
+function rr(e, {
+  target: r,
+  replace: t,
+  state: n,
+  preventScrollReset: a,
+  relative: l,
+  viewTransition: o
+} = {}) {
+  let s = gt(), i = F(), c = M(e, { relative: l });
+  return u.useCallback(
+    (d) => {
+      if (Dt(d, r)) {
+        d.preventDefault();
+        let m = t !== void 0 ? t : q(i) === q(c);
+        s(e, {
+          replace: m,
+          state: n,
+          preventScrollReset: a,
+          relative: l,
+          viewTransition: o
+        });
+      }
+    },
+    [
+      i,
+      s,
+      c,
+      t,
+      n,
+      r,
+      e,
+      a,
+      l,
+      o
+    ]
+  );
+}
+var nr = 0, ar = () => `__${String(++nr)}__`;
+function lr() {
+  let { router: e } = Ae(
+    "useSubmit"
+    /* UseSubmit */
+  ), { basename: r } = u.useContext(N), t = Pt();
+  return u.useCallback(
+    async (n, a = {}) => {
+      let { action: l, method: o, encType: s, formData: i, body: c } = Mt(
+        n,
+        r
+      );
+      if (a.navigate === !1) {
+        let d = a.fetcherKey || ar();
+        await e.fetch(d, t, a.action || l, {
+          preventScrollReset: a.preventScrollReset,
+          formData: i,
+          body: c,
+          formMethod: a.method || o,
+          formEncType: a.encType || s,
+          flushSync: a.flushSync
+        });
+      } else
+        await e.navigate(a.action || l, {
+          preventScrollReset: a.preventScrollReset,
+          formData: i,
+          body: c,
+          formMethod: a.method || o,
+          formEncType: a.encType || s,
+          replace: a.replace,
+          state: a.state,
+          fromRouteId: t,
+          flushSync: a.flushSync,
+          viewTransition: a.viewTransition
+        });
+    },
+    [e, r, t]
+  );
+}
+function or(e, { relative: r } = {}) {
+  let { basename: t } = u.useContext(N), n = u.useContext(S);
+  k(n, "useFormAction must be used inside a RouteContext");
+  let [a] = n.matches.slice(-1), l = { ...M(e || ".", { relative: r }) }, o = F();
+  if (e == null) {
+    l.search = o.search;
+    let s = new URLSearchParams(l.search), i = s.getAll("index");
+    if (i.some((d) => d === "")) {
+      s.delete("index"), i.filter((m) => m).forEach((m) => s.append("index", m));
+      let d = s.toString();
+      l.search = d ? `?${d}` : "";
+    }
+  }
+  return (!e || e === ".") && a.route.index && (l.search = l.search ? l.search.replace(/^\?/, "?index&") : "?index"), t !== "/" && (l.pathname = l.pathname === "/" ? t : P([t, l.pathname])), q(l);
+}
+function ir(e, { relative: r } = {}) {
+  let t = u.useContext(ke);
+  k(
+    t != null,
+    "`useViewTransitionState` must be used within `react-router-dom`'s `RouterProvider`.  Did you accidentally import `RouterProvider` from `react-router`?"
+  );
+  let { basename: n } = Ae(
+    "useViewTransitionState"
+    /* useViewTransitionState */
+  ), a = M(e, { relative: r });
+  if (!t.isTransitioning)
+    return !1;
+  let l = $(t.currentLocation.pathname, n) || t.currentLocation.pathname, o = $(t.nextLocation.pathname, n) || t.nextLocation.pathname;
+  return H(a.pathname, o) != null || H(a.pathname, l) != null;
+}
+function Fe(e) {
+  var r, t, n = "";
+  if (typeof e == "string" || typeof e == "number") n += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var a = e.length;
+    for (r = 0; r < a; r++) e[r] && (t = Fe(e[r])) && (n && (n += " "), n += t);
+  } else for (t in e) e[t] && (n && (n += " "), n += t);
+  return n;
+}
+function sr() {
+  for (var e, r, t = 0, n = "", a = arguments.length; t < a; t++) (e = arguments[t]) && (r = Fe(e)) && (n && (n += " "), n += r);
+  return n;
+}
+const me = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, fe = sr, le = (e, r) => (t) => {
+  var n;
+  if (r?.variants == null) return fe(e, t?.class, t?.className);
+  const { variants: a, defaultVariants: l } = r, o = Object.keys(a).map((c) => {
+    const d = t?.[c], m = l?.[c];
+    if (d === null) return null;
+    const f = me(d) || me(m);
+    return a[c][f];
+  }), s = t && Object.entries(t).reduce((c, d) => {
+    let [m, f] = d;
+    return f === void 0 || (c[m] = f), c;
+  }, {}), i = r == null || (n = r.compoundVariants) === null || n === void 0 ? void 0 : n.reduce((c, d) => {
+    let { class: m, className: f, ...p } = d;
+    return Object.entries(p).every((b) => {
+      let [x, h] = b;
+      return Array.isArray(h) ? h.includes({
+        ...l,
+        ...s
+      }[x]) : {
+        ...l,
+        ...s
+      }[x] === h;
+    }) ? [
+      ...c,
+      m,
+      f
+    ] : c;
+  }, []);
+  return fe(e, o, i, t?.class, t?.className);
+}, ur = le("border-b transition-all duration-200", {
+  variants: {
+    variant: {
+      default: "bg-gradient-to-r from-green-100 to-blue-100 dark:from-green-900/20 dark:to-blue-900/20 border-green-200 dark:border-green-700",
+      compact: "bg-green-50 dark:bg-green-900/10 border-green-200 dark:border-green-800",
+      minimal: "bg-gray-50 dark:bg-gray-900/50 border-gray-200 dark:border-gray-700",
+      vibrant: "bg-gradient-to-r from-blue-600 to-purple-600 border-blue-700"
+    },
+    size: {
+      default: "py-4",
+      compact: "py-3",
+      large: "py-6"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+}), cr = le("font-semibold", {
+  variants: {
+    variant: {
+      default: "text-green-800 dark:text-green-200",
+      compact: "text-green-700 dark:text-green-300",
+      minimal: "text-gray-700 dark:text-gray-300",
+      vibrant: "text-white"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+}), dr = le(
+  "inline-flex items-center justify-center px-6 py-2 rounded-lg font-medium transition-all duration-200 hover:transform hover:scale-105 focus:outline-none focus:ring-2 focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "bg-gradient-to-r from-green-600 to-blue-600 hover:from-green-700 hover:to-blue-700 text-white focus:ring-green-500",
+        compact: "bg-green-600 hover:bg-green-700 text-white focus:ring-green-500",
+        minimal: "bg-blue-600 hover:bg-blue-700 text-white focus:ring-blue-500",
+        vibrant: "bg-white hover:bg-gray-100 text-blue-600 hover:text-blue-700 focus:ring-white"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+), Rr = ({
+  className: e,
+  variant: r = "default",
+  size: t = "default",
+  message: n = "Get Your Free Email Address - Start Using Web3 Email Today",
+  ctaText: a = "Get Free Email",
+  ctaLink: l = "/connect",
+  showBadge: o = !0,
+  badgeText: s = "FREE",
+  onDismiss: i,
+  isDismissible: c = !1,
+  dismissAriaLabel: d = "Dismiss banner"
+}) => /* @__PURE__ */ g("div", { className: C(ur({ variant: r, size: t }), e), children: /* @__PURE__ */ g("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ E("div", { className: "flex flex-col sm:flex-row items-center justify-center gap-4 text-center relative", children: [
+  c && i && /* @__PURE__ */ g(
+    "button",
+    {
+      onClick: i,
+      className: "absolute right-0 top-1/2 -translate-y-1/2 p-1 rounded-full hover:bg-black/10 dark:hover:bg-white/10 transition-colors",
+      "aria-label": d,
+      children: /* @__PURE__ */ g(
+        "svg",
+        {
+          className: "w-4 h-4 text-current opacity-60",
+          fill: "none",
+          stroke: "currentColor",
+          viewBox: "0 0 24 24",
+          children: /* @__PURE__ */ g(
+            "path",
+            {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: 2,
+              d: "M6 18L18 6M6 6l12 12"
+            }
+          )
+        }
+      )
+    }
+  ),
+  /* @__PURE__ */ E("div", { className: "flex items-center", children: [
+    o && /* @__PURE__ */ g(
+      "div",
+      {
+        className: C(
+          "text-xs font-bold px-3 py-1 rounded-full mr-3 transition-colors",
+          r === "vibrant" ? "bg-white text-blue-600" : "bg-green-500 text-white"
+        ),
+        children: s
+      }
+    ),
+    /* @__PURE__ */ g("span", { className: C(cr({ variant: r })), children: n })
+  ] }),
+  /* @__PURE__ */ g(ae, { to: l, className: C(dr({ variant: r })), children: a })
+] }) }) }), Lr = ({
+  children: e,
+  required: r,
+  className: t,
+  ...n
+}) => /* @__PURE__ */ E(
+  "label",
+  {
+    className: C(
+      "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+      t
+    ),
+    ...n,
+    children: [
+      e,
+      r && /* @__PURE__ */ g("span", { className: "text-red-500 ml-1", children: "*" })
+    ]
+  }
+), Pr = ({
+  className: e,
+  children: r,
+  disabled: t
+}) => /* @__PURE__ */ g(
+  "div",
+  {
+    className: C(
+      "p-4 rounded-lg border transition-colors",
+      "bg-white dark:bg-gray-900",
+      "border-gray-200 dark:border-gray-700",
+      "text-gray-900 dark:text-white",
+      t && "opacity-50 cursor-not-allowed",
+      e
+    ),
+    role: "region",
+    "aria-label": "SubscriberList",
+    children: r || "SubscriberList Component"
+  }
+), Nr = ({
+  className: e,
+  children: r,
+  disabled: t = !1,
+  onClick: n
+}) => /* @__PURE__ */ g(
+  "div",
+  {
+    className: C(
+      "p-4 rounded-lg border transition-colors",
+      "bg-white dark:bg-gray-900",
+      "border-gray-200 dark:border-gray-700",
+      "text-gray-900 dark:text-white",
+      t && "opacity-50 cursor-not-allowed",
+      "hover:bg-gray-50 dark:hover:bg-gray-800",
+      e
+    ),
+    onClick: t ? void 0 : n,
+    role: "region",
+    "aria-label": "UsubscriptionUplan",
+    children: r || "UsubscriptionUplan Component"
+  }
+);
+export {
+  br as AbTestEmail,
+  yr as ChainBadge,
+  ie as CollapsibleEmailField,
+  vr as ContactCard,
+  xr as EmailAccountsList,
+  wr as EmailAnalytics,
+  Cr as EmailCampaign,
+  ge as EmailInputField,
+  kr as EmailInputGroup,
+  Rr as FreeEmailBanner,
+  Lr as Label,
+  Pr as SubscriberList,
+  Er as UemailUtemplate,
+  Nr as UsubscriptionUplan
+};