@sudobility/email-components 1.0.11 → 2.0.0

package/dist/index.esm.js

@@ -1,17 +1,17 @@
-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 { jsx as v, jsxs as R } from "react/jsx-runtime";
+import { cn as k, 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 { useRef as De, useState as Ue, useEffect as Me } from "react";
+import { ChevronRightIcon as Be, ChevronUpIcon as Oe, ChevronDownIcon as We } from "@heroicons/react/24/outline";
 import { textVariants as he } from "@sudobility/design";
-const br = ({
+const pr = ({
   className: e,
   children: r,
   disabled: t
-}) => /* @__PURE__ */ g(
+}) => /* @__PURE__ */ v(
   "div",
   {
-    className: C(
+    className: k(
       "p-4 rounded-lg border transition-colors",
       "bg-white dark:bg-gray-900",
       "border-gray-200 dark:border-gray-700",
@@ -20,39 +20,36 @@ const br = ({
       e
     ),
     role: "region",
-    "aria-label": "AbTestEmail",
-    children: r || "AbTestEmail Component"
+    "aria-label": "SubscriberList",
+    children: r || "SubscriberList 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",
+), gr = ({
+  className: e,
+  children: r,
+  disabled: t
+}) => /* @__PURE__ */ v(
+  "div",
   {
-    className: C(
-      "inline-flex items-center rounded-full font-medium",
-      Ve[e],
-      _e[r]
+    className: k(
+      "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
     ),
-    children: e.toUpperCase()
+    role: "region",
+    "aria-label": "AbTestEmail",
+    children: r || "AbTestEmail Component"
   }
-), vr = ({
+), yr = ({
   className: e,
   children: r,
   disabled: t
-}) => /* @__PURE__ */ g(
+}) => /* @__PURE__ */ v(
   "div",
   {
-    className: C(
+    className: k(
       "p-4 rounded-lg border transition-colors",
       "bg-white dark:bg-gray-900",
       "border-gray-200 dark:border-gray-700",
@@ -64,9 +61,9 @@ const br = ({
     "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 }) => {
+), Ve = (e) => e ? e.length <= 10 ? e : `${e.slice(0, 6)}...${e.slice(-4)}` : "", pe = ({ type: e, addressType: r }) => {
   if (e === "primary")
-    return /* @__PURE__ */ g(
+    return /* @__PURE__ */ v(
       Te,
       {
         chainType: r === "solana" ? "solana" : "evm",
@@ -74,10 +71,10 @@ const br = ({
       }
     );
   const t = () => e.toUpperCase();
-  return /* @__PURE__ */ g(
+  return /* @__PURE__ */ v(
     "span",
     {
-      className: C(
+      className: k(
         "inline-flex items-center px-2.5 py-0.5 rounded-md text-xs font-medium border",
         (() => {
           switch (e) {
@@ -93,65 +90,65 @@ const br = ({
       children: t()
     }
   );
-}, He = ({
+}, _e = ({
   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;
+  const o = De(null), [l, s] = Ue(void 0);
+  return Me(() => {
+    if (o.current) {
+      const i = o.current.scrollHeight;
       s(r ? i + 8 : 0);
     }
-  }, [r, e]), /* @__PURE__ */ g(
+  }, [r, e]), /* @__PURE__ */ v(
     "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(
+      style: { height: l !== void 0 ? `${l}px` : "auto" },
+      children: /* @__PURE__ */ v("div", { ref: o, className: "ml-6 mt-2 space-y-1", children: e.map((i) => /* @__PURE__ */ R(
         "button",
         {
           onClick: () => n(i.address),
-          className: C(
+          className: k(
             "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 })
+            /* @__PURE__ */ v("span", { className: "truncate flex-1", children: i.name }),
+            /* @__PURE__ */ v(pe, { type: i.type, addressType: i.addressType })
           ]
         },
         i.address
       )) })
     }
   );
-}, xr = ({
+}, br = ({
   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(
+  onAccountSettings: o,
+  className: l = ""
+}) => /* @__PURE__ */ v("nav", { className: k("space-y-1", l), children: e.map((s) => /* @__PURE__ */ R("div", { children: [
+  /* @__PURE__ */ R(
     "button",
     {
       onClick: () => n(s.primaryEmail.address),
-      className: C(
+      className: k(
         "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(
+        /* @__PURE__ */ R("div", { className: "flex items-center flex-1 min-w-0", children: [
+          /* @__PURE__ */ v("span", { className: "truncate flex-1", children: Ve(s.walletAddress) }),
+          /* @__PURE__ */ v(
             pe,
             {
               type: s.primaryEmail.type,
@@ -159,7 +156,7 @@ const br = ({
             }
           )
         ] }),
-        s.domainEmails.length > 0 && /* @__PURE__ */ g(
+        s.domainEmails.length > 0 && /* @__PURE__ */ v(
           "div",
           {
             onClick: (i) => {
@@ -171,10 +168,10 @@ const br = ({
             onKeyDown: (i) => {
               (i.key === "Enter" || i.key === " ") && (i.preventDefault(), i.stopPropagation(), a(s.walletAddress));
             },
-            children: /* @__PURE__ */ g(
-              Me,
+            children: /* @__PURE__ */ v(
+              Be,
               {
-                className: C(
+                className: k(
                   "h-4 w-4 text-gray-500 transition-transform duration-300 ease-in-out",
                   t.includes(s.walletAddress) ? "rotate-90" : "rotate-0"
                 )
@@ -185,24 +182,24 @@ const br = ({
       ]
     }
   ),
-  s.domainEmails.length > 0 && /* @__PURE__ */ g(
-    He,
+  s.domainEmails.length > 0 && /* @__PURE__ */ v(
+    _e,
     {
       domainEmails: s.domainEmails,
       isExpanded: t.includes(s.walletAddress),
       selectedAccount: r,
       onAccountSelect: n,
-      onAccountSettings: l
+      onAccountSettings: o
     }
   )
-] }, s.walletAddress)) }), wr = ({
+] }, s.walletAddress)) }), vr = ({
   className: e,
   children: r,
   disabled: t
-}) => /* @__PURE__ */ g(
+}) => /* @__PURE__ */ v(
   "div",
   {
-    className: C(
+    className: k(
       "p-4 rounded-lg border transition-colors",
       "bg-white dark:bg-gray-900",
       "border-gray-200 dark:border-gray-700",
@@ -214,14 +211,14 @@ const br = ({
     "aria-label": "EmailAnalytics",
     children: r || "EmailAnalytics Component"
   }
-), Cr = ({
+), xr = ({
   className: e,
   children: r,
   disabled: t
-}) => /* @__PURE__ */ g(
+}) => /* @__PURE__ */ v(
   "div",
   {
-    className: C(
+    className: k(
       "p-4 rounded-lg border transition-colors",
       "bg-white dark:bg-gray-900",
       "border-gray-200 dark:border-gray-700",
@@ -239,10 +236,10 @@ const br = ({
   onChange: t,
   placeholder: n,
   required: a = !1,
-  error: l,
-  className: o = ""
-}) => /* @__PURE__ */ E("div", { className: o, children: [
-  /* @__PURE__ */ E(
+  error: o,
+  className: l = ""
+}) => /* @__PURE__ */ R("div", { className: l, children: [
+  /* @__PURE__ */ R(
     Ie,
     {
       htmlFor: e.toLowerCase(),
@@ -250,11 +247,11 @@ const br = ({
       children: [
         e,
         " ",
-        a && /* @__PURE__ */ g("span", { className: "text-red-500", children: "*" })
+        a && /* @__PURE__ */ v("span", { className: "text-red-500", children: "*" })
       ]
     }
   ),
-  /* @__PURE__ */ g(
+  /* @__PURE__ */ v(
     "input",
     {
       id: e.toLowerCase(),
@@ -266,48 +263,48 @@ const br = ({
           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"}
+          ${o ? "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 })
+  o && /* @__PURE__ */ v("p", { className: "mt-1 text-sm text-red-600 dark:text-red-400", children: o })
 ] }), ie = ({
   isVisible: e,
   onToggle: r,
   showLabel: t,
   hideLabel: n,
   ...a
-}) => /* @__PURE__ */ E("div", { children: [
-  /* @__PURE__ */ E(
+}) => /* @__PURE__ */ R("div", { children: [
+  /* @__PURE__ */ R(
     "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 ? /* @__PURE__ */ v(Oe, { className: "h-4 w-4 mr-1" }) : /* @__PURE__ */ v(We, { className: "h-4 w-4 mr-1" }),
         e ? n : t
       ]
     }
   ),
-  e && /* @__PURE__ */ g(ge, { ...a })
-] }), kr = ({
+  e && /* @__PURE__ */ v(ge, { ...a })
+] }), wr = ({
   to: e,
   onToChange: r,
   cc: t = "",
   onCcChange: n,
   bcc: a = "",
-  onBccChange: l,
-  showCc: o = !1,
+  onBccChange: o,
+  showCc: l = !1,
   showBcc: s = !1,
   onToggleCc: i,
   onToggleBcc: c,
   errors: d = {},
-  className: m = "",
-  labels: f = {},
+  className: f = "",
+  labels: m = {},
   placeholders: p = {}
 }) => {
-  const b = {
+  const g = {
     to: "To",
     cc: "CC",
     bcc: "BCC",
@@ -319,9 +316,9 @@ const br = ({
     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(
+  }, h = { ...g, ...m }, y = { ...x, ...p };
+  return /* @__PURE__ */ R("div", { className: `space-y-4 ${f}`, children: [
+    /* @__PURE__ */ v(
       ge,
       {
         label: h.to,
@@ -332,7 +329,7 @@ const br = ({
         error: d.to
       }
     ),
-    i && n && /* @__PURE__ */ g(
+    i && n && /* @__PURE__ */ v(
       ie,
       {
         label: h.cc,
@@ -340,18 +337,18 @@ const br = ({
         onChange: n,
         placeholder: y.cc,
         error: d.cc,
-        isVisible: o,
+        isVisible: l,
         onToggle: i,
         showLabel: h.addCc,
         hideLabel: h.removeCc
       }
     ),
-    c && l && /* @__PURE__ */ g(
+    c && o && /* @__PURE__ */ v(
       ie,
       {
         label: h.bcc,
         value: a,
-        onChange: l,
+        onChange: o,
         placeholder: y.bcc,
         error: d.bcc,
         isVisible: s,
@@ -361,15 +358,15 @@ const br = ({
       }
     )
   ] });
-}, Er = ({
+}, Cr = ({
   className: e,
   children: r,
   disabled: t = !1,
   onClick: n
-}) => /* @__PURE__ */ g(
+}) => /* @__PURE__ */ v(
   "div",
   {
-    className: C(
+    className: k(
       "p-4 rounded-lg border transition-colors",
       "bg-white dark:bg-gray-900",
       "border-gray-200 dark:border-gray-700",
@@ -384,7 +381,7 @@ const br = ({
     children: r || "UemailUtemplate Component"
   }
 );
-function k(e, r) {
+function C(e, r) {
   if (e === !1 || e === null || typeof e > "u")
     throw new Error(r);
 }
@@ -414,100 +411,100 @@ function X(e) {
   }
   return r;
 }
-function be(e, r, t = "/") {
-  return ze(e, r, t, !1);
+function ye(e, r, t = "/") {
+  return je(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)
+function je(e, r, t, n) {
+  let a = typeof r == "string" ? X(r) : r, o = $(a.pathname || "/", t);
+  if (o == null)
     return null;
-  let o = ye(e);
-  Ke(o);
+  let l = be(e);
+  He(l);
   let s = null;
-  for (let i = 0; s == null && i < o.length; ++i) {
-    let c = nt(l);
-    s = tt(
-      o[i],
+  for (let i = 0; s == null && i < l.length; ++i) {
+    let c = tt(o);
+    s = Ze(
+      l[i],
       c,
       n
     );
   }
   return s;
 }
-function ye(e, r = [], t = [], n = "", a = !1) {
-  let l = (o, s, i = a, c) => {
+function be(e, r = [], t = [], n = "", a = !1) {
+  let o = (l, s, i = a, c) => {
     let d = {
-      relativePath: c === void 0 ? o.path || "" : c,
-      caseSensitive: o.caseSensitive === !0,
+      relativePath: c === void 0 ? l.path || "" : c,
+      caseSensitive: l.caseSensitive === !0,
       childrenIndex: s,
-      route: o
+      route: l
     };
     if (d.relativePath.startsWith("/")) {
       if (!d.relativePath.startsWith(n) && i)
         return;
-      k(
+      C(
         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(
+    let f = P([n, d.relativePath]), m = t.concat(d);
+    l.children && l.children.length > 0 && (C(
       // 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,
+      l.index !== !0,
+      `Index routes must not have child routes. Please remove all child routes from route path "${f}".`
+    ), be(
+      l.children,
       r,
-      f,
       m,
+      f,
       i
-    )), !(o.path == null && !o.index) && r.push({
-      path: m,
-      score: Ze(m, o.index),
-      routesMeta: f
+    )), !(l.path == null && !l.index) && r.push({
+      path: f,
+      score: Xe(f, l.index),
+      routesMeta: m
     });
   };
-  return e.forEach((o, s) => {
-    if (o.path === "" || !o.path?.includes("?"))
-      l(o, s);
+  return e.forEach((l, s) => {
+    if (l.path === "" || !l.path?.includes("?"))
+      o(l, s);
     else
-      for (let i of ve(o.path))
-        l(o, s, !0, i);
+      for (let i of ve(l.path))
+        o(l, 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(/\?$/, "");
+  let [t, ...n] = r, a = t.endsWith("?"), o = t.replace(/\?$/, "");
   if (n.length === 0)
-    return a ? [l, ""] : [l];
-  let o = ve(n.join("/")), s = [];
+    return a ? [o, ""] : [o];
+  let l = ve(n.join("/")), s = [];
   return s.push(
-    ...o.map(
-      (i) => i === "" ? l : [l, i].join("/")
+    ...l.map(
+      (i) => i === "" ? o : [o, i].join("/")
     )
-  ), a && s.push(...o), s.map(
+  ), a && s.push(...l), s.map(
     (i) => e.startsWith("/") && i === "" ? "/" : i
   );
 }
-function Ke(e) {
+function He(e) {
   e.sort(
-    (r, t) => r.score !== t.score ? t.score - r.score : et(
+    (r, t) => r.score !== t.score ? t.score - r.score : Qe(
       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) {
+var ze = /^:[\w-]+$/, Ke = 3, Je = 2, Ge = 1, Ye = 10, qe = -2, se = (e) => e === "*";
+function Xe(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),
+  return t.some(se) && (n += qe), r && (n += Je), t.filter((a) => !se(a)).reduce(
+    (a, o) => a + (ze.test(o) ? Ke : o === "" ? Ge : Ye),
     n
   );
 }
-function et(e, r) {
+function Qe(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
@@ -520,72 +517,72 @@ function et(e, r) {
     0
   );
 }
-function tt(e, r, t = !1) {
-  let { routesMeta: n } = e, a = {}, l = "/", o = [];
+function Ze(e, r, t = !1) {
+  let { routesMeta: n } = e, a = {}, o = "/", l = [];
   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(
+    let i = n[s], c = s === n.length - 1, d = o === "/" ? r : r.slice(o.length) || "/", f = 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(
+    ), m = i.route;
+    if (!f && c && t && !n[n.length - 1].route.index && (f = H(
       {
         path: i.relativePath,
         caseSensitive: i.caseSensitive,
         end: !1
       },
       d
-    )), !m)
+    )), !f)
       return null;
-    Object.assign(a, m.params), o.push({
+    Object.assign(a, f.params), l.push({
       // TODO: Can this as be avoided?
       params: a,
-      pathname: P([l, m.pathname]),
-      pathnameBase: st(
-        P([l, m.pathnameBase])
+      pathname: P([o, f.pathname]),
+      pathnameBase: lt(
+        P([o, f.pathnameBase])
       ),
-      route: f
-    }), m.pathnameBase !== "/" && (l = P([l, m.pathnameBase]));
+      route: m
+    }), f.pathnameBase !== "/" && (o = P([o, f.pathnameBase]));
   }
-  return o;
+  return l;
 }
 function H(e, r) {
   typeof e == "string" && (e = { path: e, caseSensitive: !1, end: !0 });
-  let [t, n] = rt(
+  let [t, n] = et(
     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);
+  let o = a[0], l = o.replace(/(.)\/+$/, "$1"), s = a.slice(1);
   return {
     params: n.reduce(
-      (c, { paramName: d, isOptional: m }, f) => {
+      (c, { paramName: d, isOptional: f }, m) => {
         if (d === "*") {
-          let b = s[f] || "";
-          o = l.slice(0, l.length - b.length).replace(/(.)\/+$/, "$1");
+          let g = s[m] || "";
+          l = o.slice(0, o.length - g.length).replace(/(.)\/+$/, "$1");
         }
-        const p = s[f];
-        return m && !p ? c[d] = void 0 : c[d] = (p || "").replace(/%2F/g, "/"), c;
+        const p = s[m];
+        return f && !p ? c[d] = void 0 : c[d] = (p || "").replace(/%2F/g, "/"), c;
       },
       {}
     ),
-    pathname: l,
-    pathnameBase: o,
+    pathname: o,
+    pathnameBase: l,
     pattern: e
   };
 }
-function rt(e, r = !1, t = !0) {
+function et(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 ? "/?([^\\/]+)?" : "/([^\\/]+)")
+    (l, 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) {
+function tt(e) {
   try {
     return e.split("/").map((r) => decodeURIComponent(r).replace(/\//g, "%2F")).join("/");
   } catch (r) {
@@ -602,32 +599,32 @@ function $(e, r) {
   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 = "/") {
+var rt = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, nt = (e) => rt.test(e);
+function at(e, r = "/") {
   let {
     pathname: t,
     search: n = "",
     hash: a = ""
-  } = typeof e == "string" ? X(e) : e, l;
+  } = typeof e == "string" ? X(e) : e, o;
   if (t)
-    if (lt(t))
-      l = t;
+    if (nt(t))
+      o = t;
     else {
       if (t.includes("//")) {
-        let o = t;
+        let l = t;
         t = t.replace(/\/\/+/g, "/"), L(
           !1,
-          `Pathnames cannot have embedded double slashes - normalizing ${o} -> ${t}`
+          `Pathnames cannot have embedded double slashes - normalizing ${l} -> ${t}`
         );
       }
-      t.startsWith("/") ? l = ue(t.substring(1), "/") : l = ue(t, r);
+      t.startsWith("/") ? o = ue(t.substring(1), "/") : o = ue(t, r);
     }
   else
-    l = r;
+    o = r;
   return {
-    pathname: l,
-    search: ut(n),
-    hash: ct(a)
+    pathname: o,
+    search: it(n),
+    hash: st(a)
   };
 }
 function ue(e, r) {
@@ -641,47 +638,47 @@ function G(e, r, t, n) {
     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) {
+function ot(e) {
   return e.filter(
     (r, t) => t === 0 || r.route.path && r.route.path.length > 0
   );
 }
 function xe(e) {
-  let r = it(e);
+  let r = ot(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(
+  typeof e == "string" ? a = X(e) : (a = { ...e }, C(
     !a.pathname || !a.pathname.includes("?"),
     G("?", "pathname", "search", a)
-  ), k(
+  ), C(
     !a.pathname || !a.pathname.includes("#"),
     G("#", "pathname", "hash", a)
-  ), k(
+  ), C(
     !a.search || !a.search.includes("#"),
     G("#", "search", "hash", a)
   ));
-  let l = e === "" || a.pathname === "", o = l ? "/" : a.pathname, s;
-  if (o == null)
+  let o = e === "" || a.pathname === "", l = o ? "/" : a.pathname, s;
+  if (l == 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("/");
+    let f = r.length - 1;
+    if (!n && l.startsWith("..")) {
+      let m = l.split("/");
+      for (; m[0] === ".."; )
+        m.shift(), f -= 1;
+      a.pathname = m.join("/");
     }
-    s = m >= 0 ? r[m] : "/";
+    s = f >= 0 ? r[f] : "/";
   }
-  let i = ot(a, s), c = o && o !== "/" && o.endsWith("/"), d = (l || o === ".") && t.endsWith("/");
+  let i = at(a, s), c = l && l !== "/" && l.endsWith("/"), d = (o || l === ".") && 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) {
+var P = (e) => e.join("/").replace(/\/\/+/g, "/"), lt = (e) => e.replace(/\/+$/, "").replace(/^\/*/, "/"), it = (e) => !e || e === "?" ? "" : e.startsWith("?") ? e : "?" + e, st = (e) => !e || e === "#" ? "" : e.startsWith("#") ? e : "#" + e;
+function ut(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");
@@ -694,11 +691,11 @@ var Ce = [
 new Set(
   Ce
 );
-var mt = [
+var ct = [
   "GET",
   ...Ce
 ];
-new Set(mt);
+new Set(ct);
 var D = u.createContext(null);
 D.displayName = "DataRouter";
 var z = u.createContext(null);
@@ -708,12 +705,12 @@ var ke = u.createContext({
   isTransitioning: !1
 });
 ke.displayName = "ViewTransition";
-var ft = u.createContext(
+var dt = u.createContext(
   /* @__PURE__ */ new Map()
 );
-ft.displayName = "Fetchers";
-var ht = u.createContext(null);
-ht.displayName = "Await";
+dt.displayName = "Fetchers";
+var ft = u.createContext(null);
+ft.displayName = "Await";
 var N = u.createContext(
   null
 );
@@ -730,21 +727,21 @@ var S = u.createContext({
 S.displayName = "Route";
 var Z = u.createContext(null);
 Z.displayName = "RouteError";
-function pt(e, { relative: r } = {}) {
-  k(
+function mt(e, { relative: r } = {}) {
+  C(
     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 });
+  let { basename: t, navigator: n } = u.useContext(N), { hash: a, pathname: o, search: l } = B(e, { relative: r }), s = o;
+  return t !== "/" && (s = o === "/" ? t : P([t, o])), n.createHref({ pathname: s, search: l, hash: a });
 }
 function K() {
   return u.useContext(Q) != null;
 }
 function F() {
-  return k(
+  return C(
     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.
@@ -755,30 +752,30 @@ var Ee = "You should call navigate() in a React.useEffect(), not when your compo
 function Re(e) {
   u.useContext(N).static || u.useLayoutEffect(e);
 }
-function gt() {
+function ht() {
   let { isDataRoute: e } = u.useContext(S);
-  return e ? St() : bt();
+  return e ? Pt() : pt();
 }
-function bt() {
-  k(
+function pt() {
+  C(
     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);
+  let e = u.useContext(D), { basename: r, navigator: t } = u.useContext(N), { matches: n } = u.useContext(S), { pathname: a } = F(), o = JSON.stringify(xe(n)), l = u.useRef(!1);
   return Re(() => {
-    o.current = !0;
+    l.current = !0;
   }), u.useCallback(
     (i, c = {}) => {
-      if (L(o.current, Ee), !o.current) return;
+      if (L(l.current, Ee), !l.current) return;
       if (typeof i == "number") {
         t.go(i);
         return;
       }
       let d = we(
         i,
-        JSON.parse(l),
+        JSON.parse(o),
         a,
         c.relative === "path"
       );
@@ -791,14 +788,14 @@ function bt() {
     [
       r,
       t,
-      l,
+      o,
       a,
       e
     ]
   );
 }
 u.createContext(null);
-function M(e, { relative: r } = {}) {
+function B(e, { relative: r } = {}) {
   let { matches: t } = u.useContext(S), { pathname: n } = F(), a = JSON.stringify(xe(t));
   return u.useMemo(
     () => we(
@@ -810,78 +807,78 @@ function M(e, { relative: r } = {}) {
     [e, a, n, r]
   );
 }
-function yt(e, r, t, n, a) {
-  k(
+function gt(e, r, t, n, a) {
+  C(
     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 { navigator: o } = u.useContext(N), { matches: l } = u.useContext(S), s = l[l.length - 1], i = s ? s.params : {}, c = s ? s.pathname : "/", d = s ? s.pathnameBase : "/", f = s && s.route;
   {
-    let v = m && m.path || "";
+    let b = f && f.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.
+      !f || b.endsWith("*") || b.endsWith("*?"),
+      `You rendered descendant <Routes> (or called \`useRoutes()\`) at "${c}" (under <Route path="${b}">) 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}/*`}">.`
+Please change the parent <Route path="${b}"> to <Route path="${b === "/" ? "*" : `${b}/*`}">.`
     );
   }
-  let f = F(), p;
-  p = f;
-  let b = p.pathname || "/", x = b;
+  let m = F(), p;
+  p = m;
+  let g = p.pathname || "/", x = g;
   if (d !== "/") {
-    let v = d.replace(/^\//, "").split("/");
-    x = "/" + b.replace(/^\//, "").split("/").slice(v.length).join("/");
+    let b = d.replace(/^\//, "").split("/");
+    x = "/" + g.replace(/^\//, "").split("/").slice(b.length).join("/");
   }
-  let h = be(e, { pathname: x });
+  let h = ye(e, { pathname: x });
   return L(
-    m || h != null,
+    f || 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(
+  ), wt(
     h && h.map(
-      (v) => Object.assign({}, v, {
-        params: Object.assign({}, i, v.params),
+      (b) => Object.assign({}, b, {
+        params: Object.assign({}, i, b.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
+          o.encodeLocation ? o.encodeLocation(
+            b.pathname.replace(/\?/g, "%3F").replace(/#/g, "%23")
+          ).pathname : b.pathname
         ]),
-        pathnameBase: v.pathnameBase === "/" ? d : P([
+        pathnameBase: b.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.encodeLocation ? o.encodeLocation(
+            b.pathnameBase.replace(/\?/g, "%3F").replace(/#/g, "%23")
+          ).pathname : b.pathnameBase
         ])
       })
     ),
-    o,
+    l,
     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;
+function yt() {
+  let e = Lt(), r = ut(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 }, o = { padding: "2px 4px", backgroundColor: n }, l = 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);
+  ), l = /* @__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: o }, "ErrorBoundary"), " or", " ", /* @__PURE__ */ u.createElement("code", { style: o }, "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, l);
 }
-var xt = /* @__PURE__ */ u.createElement(vt, null), wt = class extends u.Component {
+var bt = /* @__PURE__ */ u.createElement(yt, null), vt = class extends u.Component {
   constructor(e) {
     super(e), this.state = {
       location: e.location,
@@ -919,11 +916,11 @@ var xt = /* @__PURE__ */ u.createElement(vt, null), wt = class extends u.Compone
     )) : this.props.children;
   }
 };
-function Ct({ routeContext: e, match: r, children: t }) {
+function xt({ 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) {
+function wt(e, r = [], t = null, n = null, a = null) {
   if (e == null) {
     if (!t)
       return null;
@@ -934,54 +931,54 @@ function kt(e, r = [], t = null, n = null, a = null) {
     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
+  let o = e, l = t?.errors;
+  if (l != null) {
+    let d = o.findIndex(
+      (f) => f.route.id && l?.[f.route.id] !== void 0
     );
-    k(
+    C(
       d >= 0,
       `Could not find a matching route for errors on route IDs: ${Object.keys(
-        o
+        l
       ).join(",")}`
-    ), l = l.slice(
+    ), o = o.slice(
       0,
-      Math.min(l.length, d + 1)
+      Math.min(o.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]];
+    for (let d = 0; d < o.length; d++) {
+      let f = o[d];
+      if ((f.route.HydrateFallback || f.route.hydrateFallbackElement) && (i = d), f.route.id) {
+        let { loaderData: m, errors: p } = t, g = f.route.loader && !m.hasOwnProperty(f.route.id) && (!p || p[f.route.id] === void 0);
+        if (f.route.lazy || g) {
+          s = !0, i >= 0 ? o = o.slice(0, i + 1) : o = [o[0]];
           break;
         }
       }
     }
-  let c = t && n ? (d, m) => {
+  let c = t && n ? (d, f) => {
     n(d, {
       location: t.location,
       params: t.matches?.[0]?.params ?? {},
-      errorInfo: m
+      errorInfo: f
     });
   } : 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(
+  return o.reduceRight(
+    (d, f, m) => {
+      let p, g = !1, x = null, h = null;
+      t && (p = l && f.route.id ? l[f.route.id] : void 0, x = f.route.errorElement || bt, s && (i < 0 && m === 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 = () => {
+      ), g = !0, h = null) : i === m && (g = !0, h = f.route.hydrateFallbackElement || null)));
+      let y = r.concat(o.slice(0, m + 1)), b = () => {
         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,
+        return p ? w = x : g ? w = h : f.route.Component ? w = /* @__PURE__ */ u.createElement(f.route.Component, null) : f.route.element ? w = f.route.element : w = d, /* @__PURE__ */ u.createElement(
+          xt,
           {
-            match: m,
+            match: f,
             routeContext: {
               outlet: d,
               matches: y,
@@ -991,18 +988,18 @@ function kt(e, r = [], t = null, n = null, a = null) {
           }
         );
       };
-      return t && (m.route.ErrorBoundary || m.route.errorElement || f === 0) ? /* @__PURE__ */ u.createElement(
-        wt,
+      return t && (f.route.ErrorBoundary || f.route.errorElement || m === 0) ? /* @__PURE__ */ u.createElement(
+        vt,
         {
           location: t.location,
           revalidation: t.revalidation,
           component: x,
           error: p,
-          children: v(),
+          children: b(),
           routeContext: { outlet: null, matches: y, isDataRoute: !0 },
           onError: c
         }
-      ) : v();
+      ) : b();
     },
     null
   );
@@ -1010,33 +1007,33 @@ function kt(e, r = [], t = null, n = null, a = 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) {
+function Ct(e) {
   let r = u.useContext(D);
-  return k(r, ee(e)), r;
+  return C(r, ee(e)), r;
 }
-function Rt(e) {
+function kt(e) {
   let r = u.useContext(z);
-  return k(r, ee(e)), r;
+  return C(r, ee(e)), r;
 }
-function Lt(e) {
+function Et(e) {
   let r = u.useContext(S);
-  return k(r, ee(e)), r;
+  return C(r, ee(e)), r;
 }
 function te(e) {
-  let r = Lt(e), t = r.matches[r.matches.length - 1];
-  return k(
+  let r = Et(e), t = r.matches[r.matches.length - 1];
+  return C(
     t.route.id,
     `${e} can only be used on routes that contain a unique "id"`
   ), t.route.id;
 }
-function Pt() {
+function Rt() {
   return te(
     "useRouteId"
     /* UseRouteId */
   );
 }
-function Nt() {
-  let e = u.useContext(Z), r = Rt(
+function Lt() {
+  let e = u.useContext(Z), r = kt(
     "useRouteError"
     /* UseRouteError */
   ), t = te(
@@ -1045,8 +1042,8 @@ function Nt() {
   );
   return e !== void 0 ? e : r.errors?.[t];
 }
-function St() {
-  let { router: e } = Et(
+function Pt() {
+  let { router: e } = Ct(
     "useNavigate"
     /* UseNavigateStable */
   ), r = te(
@@ -1056,8 +1053,8 @@ function St() {
   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 }));
+    async (a, o = {}) => {
+      L(t.current, Ee), t.current && (typeof a == "number" ? e.navigate(a) : await e.navigate(a, { fromRouteId: r, ...o }));
     },
     [e, r]
   );
@@ -1066,38 +1063,38 @@ var ce = {};
 function Le(e, r, t) {
   !r && !ce[e] && (ce[e] = !0, L(!1, t));
 }
-u.memo($t);
-function $t({
+u.memo(Nt);
+function Nt({
   routes: e,
   future: r,
   state: t,
   unstable_onError: n
 }) {
-  return yt(e, void 0, t, n, r);
+  return gt(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) {
+function St(e) {
   return J(e) && e.tagName.toLowerCase() === "button";
 }
-function Ft(e) {
+function $t(e) {
   return J(e) && e.tagName.toLowerCase() === "form";
 }
-function Tt(e) {
+function At(e) {
   return J(e) && e.tagName.toLowerCase() === "input";
 }
-function It(e) {
+function Ft(e) {
   return !!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey);
 }
-function Dt(e, r) {
+function Tt(e, r) {
   return e.button === 0 && // Ignore everything but left clicks
   (!r || r === "_self") && // Let browser handle "target=_blank" etc.
-  !It(e);
+  !Ft(e);
 }
 var V = null;
-function Ut() {
+function It() {
   if (V === null)
     try {
       new FormData(
@@ -1110,51 +1107,51 @@ function Ut() {
     }
   return V;
 }
-var Bt = /* @__PURE__ */ new Set([
+var Dt = /* @__PURE__ */ new Set([
   "application/x-www-form-urlencoded",
   "multipart/form-data",
   "text/plain"
 ]);
 function Y(e) {
-  return e != null && !Bt.has(e) ? (L(
+  return e != null && !Dt.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)) {
+function Ut(e, r) {
+  let t, n, a, o, l;
+  if ($t(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")) {
+    n = s ? $(s, r) : null, t = e.getAttribute("method") || _, a = Y(e.getAttribute("enctype")) || j, o = new FormData(e);
+  } else if (St(e) || At(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 (n = i ? $(i, r) : null, t = e.getAttribute("formmethod") || s.getAttribute("method") || _, a = Y(e.getAttribute("formenctype")) || Y(s.getAttribute("enctype")) || j, o = new FormData(s, e), !It()) {
+      let { name: c, type: d, value: f } = e;
       if (d === "image") {
-        let f = c ? `${c}.` : "";
-        l.append(`${f}x`, "0"), l.append(`${f}y`, "0");
-      } else c && l.append(c, m);
+        let m = c ? `${c}.` : "";
+        o.append(`${m}x`, "0"), o.append(`${m}y`, "0");
+      } else c && o.append(c, f);
     }
   } 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;
+    t = _, n = null, a = j, l = e;
   }
-  return l && a === "text/plain" && (o = l, l = void 0), { action: n, method: t.toLowerCase(), encType: a, formData: l, body: o };
+  return o && a === "text/plain" && (l = o, o = void 0), { action: n, method: t.toLowerCase(), encType: a, formData: o, body: l };
 }
 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) {
+function Mt(e, r, t) {
   let n = typeof e == "string" ? new URL(
     e,
     // This can be called during the SSR flow via PrefetchPageLinksImpl so
@@ -1163,7 +1160,7 @@ function Ot(e, r, t) {
   ) : 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) {
+async function Bt(e, r) {
   if (e.id in r)
     return r[e.id];
   try {
@@ -1180,43 +1177,43 @@ async function Wt(e, r) {
     });
   }
 }
-function Vt(e) {
+function Ot(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) {
+async function Wt(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() : [];
+      let o = r.routes[a.route.id];
+      if (o) {
+        let l = await Bt(o, t);
+        return l.links ? l.links() : [];
       }
       return [];
     })
   );
-  return Kt(
-    n.flat(1).filter(Vt).filter((a) => a.rel === "stylesheet" || a.rel === "preload").map(
+  return Ht(
+    n.flat(1).filter(Ot).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) => (
+function de(e, r, t, n, a, o) {
+  let l = (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) => {
+  return o === "assets" ? r.filter(
+    (i, c) => l(i, c) || s(i, c)
+  ) : o === "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))
+    if (l(i, c) || s(i, c))
       return !0;
     if (i.route.shouldRevalidate) {
-      let m = i.route.shouldRevalidate({
+      let f = i.route.shouldRevalidate({
         currentUrl: new URL(
           a.pathname + a.search + a.hash,
           window.origin
@@ -1226,36 +1223,36 @@ function de(e, r, t, n, a, l) {
         nextParams: i.params,
         defaultShouldRevalidate: !0
       });
-      if (typeof m == "boolean")
-        return m;
+      if (typeof f == "boolean")
+        return f;
     }
     return !0;
   }) : [];
 }
-function jt(e, r, { includeHydrateFallback: t } = {}) {
-  return Ht(
+function Vt(e, r, { includeHydrateFallback: t } = {}) {
+  return _t(
     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;
+      let o = [a.module];
+      return a.clientActionModule && (o = o.concat(a.clientActionModule)), a.clientLoaderModule && (o = o.concat(a.clientLoaderModule)), t && a.hydrateFallbackModule && (o = o.concat(a.hydrateFallbackModule)), a.imports && (o = o.concat(a.imports)), o;
     }).flat(1)
   );
 }
-function Ht(e) {
+function _t(e) {
   return [...new Set(e)];
 }
-function zt(e) {
+function jt(e) {
   let r = {}, t = Object.keys(e).sort();
   for (let n of t)
     r[n] = e[n];
   return r;
 }
-function Kt(e, r) {
+function Ht(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;
+    let o = JSON.stringify(jt(a));
+    return t.has(o) || (t.add(o), n.push({ key: o, link: a })), n;
   }, []);
 }
 function Pe() {
@@ -1265,7 +1262,7 @@ function Pe() {
     "You must render this element inside a <DataRouterContext.Provider> element"
   ), e;
 }
-function Jt() {
+function zt() {
   let e = u.useContext(z);
   return re(
     e,
@@ -1281,23 +1278,23 @@ function Ne() {
     "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);
+function Kt(e, r) {
+  let t = u.useContext(ne), [n, a] = u.useState(!1), [o, l] = u.useState(!1), { onFocus: s, onBlur: i, onMouseEnter: c, onMouseLeave: d, onTouchStart: f } = r, m = u.useRef(null);
   u.useEffect(() => {
-    if (e === "render" && o(!0), e === "viewport") {
+    if (e === "render" && l(!0), e === "viewport") {
       let x = (y) => {
-        y.forEach((v) => {
-          o(v.isIntersecting);
+        y.forEach((b) => {
+          l(b.isIntersecting);
         });
       }, h = new IntersectionObserver(x, { threshold: 0.5 });
-      return f.current && h.observe(f.current), () => {
+      return m.current && h.observe(m.current), () => {
         h.disconnect();
       };
     }
   }, [e]), u.useEffect(() => {
     if (n) {
       let x = setTimeout(() => {
-        o(!0);
+        l(!0);
       }, 100);
       return () => {
         clearTimeout(x);
@@ -1306,52 +1303,52 @@ function Gt(e, r) {
   }, [n]);
   let p = () => {
     a(!0);
-  }, b = () => {
-    a(!1), o(!1);
+  }, g = () => {
+    a(!1), l(!1);
   };
-  return t ? e !== "intent" ? [l, f, {}] : [
-    l,
-    f,
+  return t ? e !== "intent" ? [o, m, {}] : [
+    o,
+    m,
     {
-      onFocus: B(s, p),
-      onBlur: B(i, b),
-      onMouseEnter: B(c, p),
-      onMouseLeave: B(d, b),
-      onTouchStart: B(m, p)
+      onFocus: M(s, p),
+      onBlur: M(i, g),
+      onMouseEnter: M(c, p),
+      onMouseLeave: M(d, g),
+      onTouchStart: M(f, p)
     }
-  ] : [!1, f, {}];
+  ] : [!1, m, {}];
 }
-function B(e, r) {
+function M(e, r) {
   return (t) => {
     e && e(t), t.defaultPrevented || r(t);
   };
 }
-function Yt({ page: e, ...r }) {
+function Jt({ page: e, ...r }) {
   let { router: t } = Pe(), n = u.useMemo(
-    () => be(t.routes, e, t.basename),
+    () => ye(t.routes, e, t.basename),
     [t.routes, e, t.basename]
   );
-  return n ? /* @__PURE__ */ u.createElement(Xt, { page: e, matches: n, ...r }) : null;
+  return n ? /* @__PURE__ */ u.createElement(Yt, { page: e, matches: n, ...r }) : null;
 }
-function qt(e) {
+function Gt(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);
+    let o = !1;
+    return Wt(e, r, t).then(
+      (l) => {
+        o || a(l);
       }
     ), () => {
-      l = !0;
+      o = !0;
     };
   }, [e, r, t]), n;
 }
-function Xt({
+function Yt({
   page: e,
   matches: r,
   ...t
 }) {
-  let n = F(), { manifest: a, routeModules: l } = Ne(), { basename: o } = Pe(), { loaderData: s, matches: i } = Jt(), c = u.useMemo(
+  let n = F(), { manifest: a, routeModules: o } = Ne(), { basename: l } = Pe(), { loaderData: s, matches: i } = zt(), c = u.useMemo(
     () => de(
       e,
       r,
@@ -1371,40 +1368,40 @@ function Xt({
       "assets"
     ),
     [e, r, i, a, n]
-  ), m = u.useMemo(() => {
+  ), f = u.useMemo(() => {
     if (e === n.pathname + n.search + n.hash)
       return [];
-    let b = /* @__PURE__ */ new Set(), x = !1;
+    let g = /* @__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)
+      let b = a.routes[y.route.id];
+      !b || !b.hasLoader || (!c.some((w) => w.route.id === y.route.id) && y.route.id in s && o[y.route.id]?.shouldRevalidate || b.hasClientLoader ? x = !0 : g.add(y.route.id));
+    }), g.size === 0)
       return [];
-    let h = Ot(e, o, "data");
-    return x && b.size > 0 && h.searchParams.set(
+    let h = Mt(e, l, "data");
+    return x && g.size > 0 && h.searchParams.set(
       "_routes",
-      r.filter((y) => b.has(y.route.id)).map((y) => y.route.id).join(",")
+      r.filter((y) => g.has(y.route.id)).map((y) => y.route.id).join(",")
     ), [h.pathname + h.search];
   }, [
-    o,
+    l,
     s,
     n,
     a,
     c,
     r,
     e,
-    l
-  ]), f = u.useMemo(
-    () => jt(d, a),
+    o
+  ]), m = u.useMemo(
+    () => Vt(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 }) => (
+  ), p = Gt(d);
+  return /* @__PURE__ */ u.createElement(u.Fragment, null, f.map((g) => /* @__PURE__ */ u.createElement("link", { key: g, rel: "prefetch", as: "fetch", href: g, ...t })), m.map((g) => /* @__PURE__ */ u.createElement("link", { key: g, rel: "modulepreload", href: g, ...t })), p.map(({ key: g, 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 })
+    /* @__PURE__ */ u.createElement("link", { key: g, nonce: t.nonce, ...x })
   )));
 }
-function Qt(...e) {
+function qt(...e) {
   return (r) => {
     e.forEach((t) => {
       typeof t == "function" ? t(r) : t != null && (t.current = r);
@@ -1423,133 +1420,133 @@ var $e = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, ae = u.forwardRef(
     discover: t = "render",
     prefetch: n = "none",
     relative: a,
-    reloadDocument: l,
-    replace: o,
+    reloadDocument: o,
+    replace: l,
     state: s,
     target: i,
     to: c,
     preventScrollReset: d,
-    viewTransition: m,
-    ...f
+    viewTransition: f,
+    ...m
   }, p) {
-    let { basename: b } = u.useContext(N), x = typeof c == "string" && $e.test(c), h, y = !1;
+    let { basename: g } = 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;
+        let E = new URL(window.location.href), I = c.startsWith("//") ? new URL(E.protocol + c) : new URL(c), le = $(I.pathname, g);
+        I.origin === E.origin && le != null ? c = le + 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(
+    let b = mt(c, { relative: a }), [w, T, A] = Kt(
       n,
-      f
-    ), O = rr(c, {
-      replace: o,
+      m
+    ), O = er(c, {
+      replace: l,
       state: s,
       target: i,
       preventScrollReset: d,
       relative: a,
-      viewTransition: m
+      viewTransition: f
     });
-    function U(R) {
-      r && r(R), R.defaultPrevented || O(R);
+    function U(E) {
+      r && r(E), E.defaultPrevented || O(E);
     }
     let W = (
       // eslint-disable-next-line jsx-a11y/anchor-has-content
       /* @__PURE__ */ u.createElement(
         "a",
         {
-          ...f,
+          ...m,
           ...A,
-          href: h || v,
-          onClick: y || l ? r : U,
-          ref: Qt(p, T),
+          href: h || b,
+          onClick: y || o ? 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;
+    return w && !x ? /* @__PURE__ */ u.createElement(u.Fragment, null, W, /* @__PURE__ */ u.createElement(Jt, { page: b })) : W;
   }
 );
 ae.displayName = "Link";
-var Zt = u.forwardRef(
+var Xt = u.forwardRef(
   function({
     "aria-current": r = "page",
     caseSensitive: t = !1,
     className: n = "",
     end: a = !1,
-    style: l,
-    to: o,
+    style: o,
+    to: l,
     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
+    let f = B(l, { relative: c.relative }), m = F(), p = u.useContext(z), { navigator: g, 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);
+    or(f) && s === !0, y = g.encodeLocation ? g.encodeLocation(f).pathname : f.pathname, b = m.pathname, w = p && p.navigation && p.navigation.location ? p.navigation.location.pathname : null;
+    t || (b = b.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 = {
+    let A = b === y || !a && b.startsWith(y) && b.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 = [
+    }, W = A ? r : void 0, E;
+    typeof n == "function" ? E = n(U) : E = [
       n,
       A ? "active" : null,
       O ? "pending" : null,
       h ? "transitioning" : null
     ].filter(Boolean).join(" ");
-    let I = typeof l == "function" ? l(U) : l;
+    let I = typeof o == "function" ? o(U) : o;
     return /* @__PURE__ */ u.createElement(
       ae,
       {
         ...c,
         "aria-current": W,
-        className: R,
+        className: E,
         ref: d,
         style: I,
-        to: o,
+        to: l,
         viewTransition: s
       },
       typeof i == "function" ? i(U) : i
     );
   }
 );
-Zt.displayName = "NavLink";
-var er = u.forwardRef(
+Xt.displayName = "NavLink";
+var Qt = u.forwardRef(
   ({
     discover: e = "render",
     fetcherKey: r,
     navigate: t,
     reloadDocument: n,
     replace: a,
-    state: l,
-    method: o = _,
+    state: o,
+    method: l = _,
     action: s,
     onSubmit: i,
     relative: c,
     preventScrollReset: d,
-    viewTransition: m,
-    ...f
+    viewTransition: f,
+    ...m
   }, p) => {
-    let b = lr(), x = or(s, { relative: c }), h = o.toLowerCase() === "get" ? "get" : "post", y = typeof s == "string" && $e.test(s), v = (w) => {
+    let g = nr(), x = ar(s, { relative: c }), h = l.toLowerCase() === "get" ? "get" : "post", y = typeof s == "string" && $e.test(s), b = (w) => {
       if (i && i(w), w.defaultPrevented) return;
       w.preventDefault();
-      let T = w.nativeEvent.submitter, A = T?.getAttribute("formmethod") || o;
-      b(T || w.currentTarget, {
+      let T = w.nativeEvent.submitter, A = T?.getAttribute("formmethod") || l;
+      g(T || w.currentTarget, {
         fetcherKey: r,
         method: A,
         navigate: t,
         replace: a,
-        state: l,
+        state: o,
         relative: c,
         preventScrollReset: d,
-        viewTransition: m
+        viewTransition: f
       });
     };
     return /* @__PURE__ */ u.createElement(
@@ -1558,41 +1555,41 @@ var er = u.forwardRef(
         ref: p,
         method: h,
         action: x,
-        onSubmit: n ? i : v,
-        ...f,
+        onSubmit: n ? i : b,
+        ...m,
         "data-discover": !y && e === "render" ? "true" : void 0
       }
     );
   }
 );
-er.displayName = "Form";
-function tr(e) {
+Qt.displayName = "Form";
+function Zt(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;
+  return C(r, Zt(e)), r;
 }
-function rr(e, {
+function er(e, {
   target: r,
   replace: t,
   state: n,
   preventScrollReset: a,
-  relative: l,
-  viewTransition: o
+  relative: o,
+  viewTransition: l
 } = {}) {
-  let s = gt(), i = F(), c = M(e, { relative: l });
+  let s = ht(), i = F(), c = B(e, { relative: o });
   return u.useCallback(
     (d) => {
-      if (Dt(d, r)) {
+      if (Tt(d, r)) {
         d.preventDefault();
-        let m = t !== void 0 ? t : q(i) === q(c);
+        let f = t !== void 0 ? t : q(i) === q(c);
         s(e, {
-          replace: m,
+          replace: f,
           state: n,
           preventScrollReset: a,
-          relative: l,
-          viewTransition: o
+          relative: o,
+          viewTransition: l
         });
       }
     },
@@ -1605,39 +1602,39 @@ function rr(e, {
       r,
       e,
       a,
-      l,
-      o
+      o,
+      l
     ]
   );
 }
-var nr = 0, ar = () => `__${String(++nr)}__`;
-function lr() {
+var tr = 0, rr = () => `__${String(++tr)}__`;
+function nr() {
   let { router: e } = Ae(
     "useSubmit"
     /* UseSubmit */
-  ), { basename: r } = u.useContext(N), t = Pt();
+  ), { basename: r } = u.useContext(N), t = Rt();
   return u.useCallback(
     async (n, a = {}) => {
-      let { action: l, method: o, encType: s, formData: i, body: c } = Mt(
+      let { action: o, method: l, encType: s, formData: i, body: c } = Ut(
         n,
         r
       );
       if (a.navigate === !1) {
-        let d = a.fetcherKey || ar();
-        await e.fetch(d, t, a.action || l, {
+        let d = a.fetcherKey || rr();
+        await e.fetch(d, t, a.action || o, {
           preventScrollReset: a.preventScrollReset,
           formData: i,
           body: c,
-          formMethod: a.method || o,
+          formMethod: a.method || l,
           formEncType: a.encType || s,
           flushSync: a.flushSync
         });
       } else
-        await e.navigate(a.action || l, {
+        await e.navigate(a.action || o, {
           preventScrollReset: a.preventScrollReset,
           formData: i,
           body: c,
-          formMethod: a.method || o,
+          formMethod: a.method || l,
           formEncType: a.encType || s,
           replace: a.replace,
           state: a.state,
@@ -1649,35 +1646,35 @@ function lr() {
     [e, r, t]
   );
 }
-function or(e, { relative: r } = {}) {
+function ar(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();
+  C(n, "useFormAction must be used inside a RouteContext");
+  let [a] = n.matches.slice(-1), o = { ...B(e || ".", { relative: r }) }, l = F();
   if (e == null) {
-    l.search = o.search;
-    let s = new URLSearchParams(l.search), i = s.getAll("index");
+    o.search = l.search;
+    let s = new URLSearchParams(o.search), i = s.getAll("index");
     if (i.some((d) => d === "")) {
-      s.delete("index"), i.filter((m) => m).forEach((m) => s.append("index", m));
+      s.delete("index"), i.filter((f) => f).forEach((f) => s.append("index", f));
       let d = s.toString();
-      l.search = d ? `?${d}` : "";
+      o.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);
+  return (!e || e === ".") && a.route.index && (o.search = o.search ? o.search.replace(/^\?/, "?index&") : "?index"), t !== "/" && (o.pathname = o.pathname === "/" ? t : P([t, o.pathname])), q(o);
 }
-function ir(e, { relative: r } = {}) {
+function or(e, { relative: r } = {}) {
   let t = u.useContext(ke);
-  k(
+  C(
     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 });
+  ), a = B(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;
+  let o = $(t.currentLocation.pathname, n) || t.currentLocation.pathname, l = $(t.nextLocation.pathname, n) || t.nextLocation.pathname;
+  return H(a.pathname, l) != null || H(a.pathname, o) != null;
 }
 function Fe(e) {
   var r, t, n = "";
@@ -1688,40 +1685,40 @@ function Fe(e) {
   } else for (t in e) e[t] && (n && (n += " "), n += t);
   return n;
 }
-function sr() {
+function lr() {
   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) => {
+const fe = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, me = lr, oe = (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 (r?.variants == null) return me(e, t?.class, t?.className);
+  const { variants: a, defaultVariants: o } = r, l = Object.keys(a).map((c) => {
+    const d = t?.[c], f = o?.[c];
     if (d === null) return null;
-    const f = me(d) || me(m);
-    return a[c][f];
+    const m = fe(d) || fe(f);
+    return a[c][m];
   }), s = t && Object.entries(t).reduce((c, d) => {
-    let [m, f] = d;
-    return f === void 0 || (c[m] = f), c;
+    let [f, m] = d;
+    return m === void 0 || (c[f] = m), 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;
+    let { class: f, className: m, ...p } = d;
+    return Object.entries(p).every((g) => {
+      let [x, h] = g;
       return Array.isArray(h) ? h.includes({
-        ...l,
+        ...o,
         ...s
       }[x]) : {
-        ...l,
+        ...o,
         ...s
       }[x] === h;
     }) ? [
       ...c,
-      m,
-      f
+      f,
+      m
     ] : c;
   }, []);
-  return fe(e, o, i, t?.class, t?.className);
-}, ur = le("border-b transition-all duration-200", {
+  return me(e, l, i, t?.class, t?.className);
+}, ir = oe("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",
@@ -1739,7 +1736,7 @@ const me = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, fe = sr, l
     variant: "default",
     size: "default"
   }
-}), cr = le("font-semibold", {
+}), sr = oe("font-semibold", {
   variants: {
     variant: {
       default: "text-green-800 dark:text-green-200",
@@ -1751,7 +1748,7 @@ const me = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, fe = sr, l
   defaultVariants: {
     variant: "default"
   }
-}), dr = le(
+}), ur = oe(
   "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: {
@@ -1766,33 +1763,33 @@ const me = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, fe = sr, l
       variant: "default"
     }
   }
-), Rr = ({
+), kr = ({
   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,
+  ctaLink: o = "/connect",
+  showBadge: l = !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(
+}) => /* @__PURE__ */ v("div", { className: k(ir({ variant: r, size: t }), e), children: /* @__PURE__ */ v("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ R("div", { className: "flex flex-col sm:flex-row items-center justify-center gap-4 text-center relative", children: [
+  c && i && /* @__PURE__ */ v(
     "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(
+      children: /* @__PURE__ */ v(
         "svg",
         {
           className: "w-4 h-4 text-current opacity-60",
           fill: "none",
           stroke: "currentColor",
           viewBox: "0 0 24 24",
-          children: /* @__PURE__ */ g(
+          children: /* @__PURE__ */ v(
             "path",
             {
               strokeLinecap: "round",
@@ -1805,66 +1802,29 @@ const me = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, fe = sr, l
       )
     }
   ),
-  /* @__PURE__ */ E("div", { className: "flex items-center", children: [
-    o && /* @__PURE__ */ g(
+  /* @__PURE__ */ R("div", { className: "flex items-center", children: [
+    l && /* @__PURE__ */ v(
       "div",
       {
-        className: C(
+        className: k(
           "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__ */ v("span", { className: k(sr({ 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 = ({
+  /* @__PURE__ */ v(ae, { to: o, className: k(ur({ variant: r })), children: a })
+] }) }) }), Er = ({
   className: e,
   children: r,
   disabled: t = !1,
   onClick: n
-}) => /* @__PURE__ */ g(
+}) => /* @__PURE__ */ v(
   "div",
   {
-    className: C(
+    className: k(
       "p-4 rounded-lg border transition-colors",
       "bg-white dark:bg-gray-900",
       "border-gray-200 dark:border-gray-700",
@@ -1880,18 +1840,16 @@ const me = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, fe = sr, l
   }
 );
 export {
-  br as AbTestEmail,
-  yr as ChainBadge,
+  gr as AbTestEmail,
   ie as CollapsibleEmailField,
-  vr as ContactCard,
-  xr as EmailAccountsList,
-  wr as EmailAnalytics,
-  Cr as EmailCampaign,
+  yr as ContactCard,
+  br as EmailAccountsList,
+  vr as EmailAnalytics,
+  xr as EmailCampaign,
   ge as EmailInputField,
-  kr as EmailInputGroup,
-  Rr as FreeEmailBanner,
-  Lr as Label,
-  Pr as SubscriberList,
-  Er as UemailUtemplate,
-  Nr as UsubscriptionUplan
+  wr as EmailInputGroup,
+  kr as FreeEmailBanner,
+  pr as SubscriberList,
+  Cr as UemailUtemplate,
+  Er as UsubscriptionUplan
 };