@sudobility/marketing-components 1.1.0 → 2.0.0

package/dist/index.esm.js

@@ -1,12 +1,12 @@
-import * as c from "react";
-import me from "react";
-import { cn as E } from "@sudobility/components";
-import { textVariants as z, ui as nt } from "@sudobility/design";
-var X = { exports: {} }, Y = {};
-var Se;
-function at() {
-  if (Se) return Y;
-  Se = 1;
+import * as u from "react";
+import fe from "react";
+import { cn as R } from "@sudobility/components";
+import { textVariants as Y, ui as Ze } from "@sudobility/design";
+var K = { exports: {} }, V = {};
+var Ne;
+function Qe() {
+  if (Ne) return V;
+  Ne = 1;
   var e = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
   function t(n, a, o) {
     var l = null;
@@ -23,253 +23,253 @@ function at() {
       props: o
     };
   }
-  return Y.Fragment = r, Y.jsx = t, Y.jsxs = t, Y;
+  return V.Fragment = r, V.jsx = t, V.jsxs = t, V;
 }
-var H = {};
+var B = {};
 var Pe;
-function ot() {
+function et() {
   return Pe || (Pe = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(u) {
-      if (u == null) return null;
-      if (typeof u == "function")
-        return u.$$typeof === q ? null : u.displayName || u.name || null;
-      if (typeof u == "string") return u;
-      switch (u) {
-        case v:
+    function e(s) {
+      if (s == null) return null;
+      if (typeof s == "function")
+        return s.$$typeof === q ? null : s.displayName || s.name || null;
+      if (typeof s == "string") return s;
+      switch (s) {
+        case w:
           return "Fragment";
-        case g:
+        case b:
           return "Profiler";
-        case k:
+        case v:
           return "StrictMode";
         case M:
           return "Suspense";
-        case D:
+        case I:
           return "SuspenseList";
-        case O:
+        case U:
           return "Activity";
       }
-      if (typeof u == "object")
-        switch (typeof u.tag == "number" && console.error(
+      if (typeof s == "object")
+        switch (typeof s.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), u.$$typeof) {
-          case C:
+        ), s.$$typeof) {
+          case E:
             return "Portal";
-          case _:
-            return u.displayName || "Context";
-          case w:
-            return (u._context.displayName || "Context") + ".Consumer";
-          case L:
-            var y = u.render;
-            return u = u.displayName, u || (u = y.displayName || y.name || "", u = u !== "" ? "ForwardRef(" + u + ")" : "ForwardRef"), u;
+          case O:
+            return s.displayName || "Context";
+          case k:
+            return (s._context.displayName || "Context") + ".Consumer";
+          case T:
+            var x = s.render;
+            return s = s.displayName, s || (s = x.displayName || x.name || "", s = s !== "" ? "ForwardRef(" + s + ")" : "ForwardRef"), s;
           case W:
-            return y = u.displayName || null, y !== null ? y : e(u.type) || "Memo";
-          case P:
-            y = u._payload, u = u._init;
+            return x = s.displayName || null, x !== null ? x : e(s.type) || "Memo";
+          case j:
+            x = s._payload, s = s._init;
             try {
-              return e(u(y));
+              return e(s(x));
             } catch {
             }
         }
       return null;
     }
-    function r(u) {
-      return "" + u;
+    function r(s) {
+      return "" + s;
     }
-    function t(u) {
+    function t(s) {
       try {
-        r(u);
-        var y = !1;
+        r(s);
+        var x = !1;
       } catch {
-        y = !0;
+        x = !0;
       }
-      if (y) {
-        y = console;
-        var R = y.error, N = typeof Symbol == "function" && Symbol.toStringTag && u[Symbol.toStringTag] || u.constructor.name || "Object";
-        return R.call(
-          y,
+      if (x) {
+        x = console;
+        var C = x.error, S = typeof Symbol == "function" && Symbol.toStringTag && s[Symbol.toStringTag] || s.constructor.name || "Object";
+        return C.call(
+          x,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          N
-        ), r(u);
+          S
+        ), r(s);
       }
     }
-    function n(u) {
-      if (u === v) return "<>";
-      if (typeof u == "object" && u !== null && u.$$typeof === P)
+    function n(s) {
+      if (s === w) return "<>";
+      if (typeof s == "object" && s !== null && s.$$typeof === j)
         return "<...>";
       try {
-        var y = e(u);
-        return y ? "<" + y + ">" : "<...>";
+        var x = e(s);
+        return x ? "<" + x + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function a() {
-      var u = oe.A;
-      return u === null ? null : u.getOwner();
+      var s = oe.A;
+      return s === null ? null : s.getOwner();
     }
     function o() {
       return Error("react-stack-top-frame");
     }
-    function l(u) {
-      if (we.call(u, "key")) {
-        var y = Object.getOwnPropertyDescriptor(u, "key").get;
-        if (y && y.isReactWarning) return !1;
+    function l(s) {
+      if (we.call(s, "key")) {
+        var x = Object.getOwnPropertyDescriptor(s, "key").get;
+        if (x && x.isReactWarning) return !1;
       }
-      return u.key !== void 0;
+      return s.key !== void 0;
     }
-    function i(u, y) {
-      function R() {
-        Ee || (Ee = !0, console.error(
+    function i(s, x) {
+      function C() {
+        ke || (ke = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          y
+          x
         ));
       }
-      R.isReactWarning = !0, Object.defineProperty(u, "key", {
-        get: R,
+      C.isReactWarning = !0, Object.defineProperty(s, "key", {
+        get: C,
         configurable: !0
       });
     }
-    function s() {
-      var u = e(this.type);
-      return Ce[u] || (Ce[u] = !0, console.error(
+    function c() {
+      var s = e(this.type);
+      return Ee[s] || (Ee[s] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), u = this.props.ref, u !== void 0 ? u : null;
+      )), s = this.props.ref, s !== void 0 ? s : null;
     }
-    function d(u, y, R, N, K, ie) {
-      var j = R.ref;
-      return u = {
-        $$typeof: x,
-        type: u,
-        key: y,
-        props: R,
-        _owner: N
-      }, (j !== void 0 ? j : null) !== null ? Object.defineProperty(u, "ref", {
+    function f(s, x, C, S, X, ie) {
+      var N = C.ref;
+      return s = {
+        $$typeof: y,
+        type: s,
+        key: x,
+        props: C,
+        _owner: S
+      }, (N !== void 0 ? N : null) !== null ? Object.defineProperty(s, "ref", {
         enumerable: !1,
-        get: s
-      }) : Object.defineProperty(u, "ref", { enumerable: !1, value: null }), u._store = {}, Object.defineProperty(u._store, "validated", {
+        get: c
+      }) : Object.defineProperty(s, "ref", { enumerable: !1, value: null }), s._store = {}, Object.defineProperty(s._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(u, "_debugInfo", {
+      }), Object.defineProperty(s, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(u, "_debugStack", {
+      }), Object.defineProperty(s, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: K
-      }), Object.defineProperty(u, "_debugTask", {
+        value: X
+      }), Object.defineProperty(s, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: ie
-      }), Object.freeze && (Object.freeze(u.props), Object.freeze(u)), u;
+      }), Object.freeze && (Object.freeze(s.props), Object.freeze(s)), s;
     }
-    function f(u, y, R, N, K, ie) {
-      var j = y.children;
-      if (j !== void 0)
-        if (N)
-          if (tt(j)) {
-            for (N = 0; N < j.length; N++)
-              m(j[N]);
-            Object.freeze && Object.freeze(j);
+    function m(s, x, C, S, X, ie) {
+      var N = x.children;
+      if (N !== void 0)
+        if (S)
+          if (Xe(N)) {
+            for (S = 0; S < N.length; S++)
+              d(N[S]);
+            Object.freeze && Object.freeze(N);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else m(j);
-      if (we.call(y, "key")) {
-        j = e(u);
-        var V = Object.keys(y).filter(function(rt) {
-          return rt !== "key";
+        else d(N);
+      if (we.call(x, "key")) {
+        N = e(s);
+        var z = Object.keys(x).filter(function(Ke) {
+          return Ke !== "key";
         });
-        N = 0 < V.length ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}", je[j + N] || (V = 0 < V.length ? "{" + V.join(": ..., ") + ": ...}" : "{}", console.error(
+        S = 0 < z.length ? "{key: someKey, " + z.join(": ..., ") + ": ...}" : "{key: someKey}", Se[N + S] || (z = 0 < z.length ? "{" + z.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
+          S,
           N,
-          j,
-          V,
-          j
-        ), je[j + N] = !0);
+          z,
+          N
+        ), Se[N + S] = !0);
       }
-      if (j = null, R !== void 0 && (t(R), j = "" + R), l(y) && (t(y.key), j = "" + y.key), "key" in y) {
-        R = {};
-        for (var se in y)
-          se !== "key" && (R[se] = y[se]);
-      } else R = y;
-      return j && i(
-        R,
-        typeof u == "function" ? u.displayName || u.name || "Unknown" : u
-      ), d(
-        u,
-        j,
-        R,
+      if (N = null, C !== void 0 && (t(C), N = "" + C), l(x) && (t(x.key), N = "" + x.key), "key" in x) {
+        C = {};
+        for (var se in x)
+          se !== "key" && (C[se] = x[se]);
+      } else C = x;
+      return N && i(
+        C,
+        typeof s == "function" ? s.displayName || s.name || "Unknown" : s
+      ), f(
+        s,
+        N,
+        C,
         a(),
-        K,
+        X,
         ie
       );
     }
-    function m(u) {
-      p(u) ? u._store && (u._store.validated = 1) : typeof u == "object" && u !== null && u.$$typeof === P && (u._payload.status === "fulfilled" ? p(u._payload.value) && u._payload.value._store && (u._payload.value._store.validated = 1) : u._store && (u._store.validated = 1));
+    function d(s) {
+      p(s) ? s._store && (s._store.validated = 1) : typeof s == "object" && s !== null && s.$$typeof === j && (s._payload.status === "fulfilled" ? p(s._payload.value) && s._payload.value._store && (s._payload.value._store.validated = 1) : s._store && (s._store.validated = 1));
     }
-    function p(u) {
-      return typeof u == "object" && u !== null && u.$$typeof === x;
+    function p(s) {
+      return typeof s == "object" && s !== null && s.$$typeof === y;
     }
-    var b = me, x = Symbol.for("react.transitional.element"), C = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), k = Symbol.for("react.strict_mode"), g = Symbol.for("react.profiler"), w = Symbol.for("react.consumer"), _ = Symbol.for("react.context"), L = Symbol.for("react.forward_ref"), M = Symbol.for("react.suspense"), D = Symbol.for("react.suspense_list"), W = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), O = Symbol.for("react.activity"), q = Symbol.for("react.client.reference"), oe = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, we = Object.prototype.hasOwnProperty, tt = Array.isArray, le = console.createTask ? console.createTask : function() {
+    var g = fe, y = Symbol.for("react.transitional.element"), E = Symbol.for("react.portal"), w = Symbol.for("react.fragment"), v = Symbol.for("react.strict_mode"), b = Symbol.for("react.profiler"), k = Symbol.for("react.consumer"), O = Symbol.for("react.context"), T = Symbol.for("react.forward_ref"), M = Symbol.for("react.suspense"), I = Symbol.for("react.suspense_list"), W = Symbol.for("react.memo"), j = Symbol.for("react.lazy"), U = Symbol.for("react.activity"), q = Symbol.for("react.client.reference"), oe = g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, we = Object.prototype.hasOwnProperty, Xe = Array.isArray, le = console.createTask ? console.createTask : function() {
       return null;
     };
-    b = {
-      react_stack_bottom_frame: function(u) {
-        return u();
+    g = {
+      react_stack_bottom_frame: function(s) {
+        return s();
       }
     };
-    var Ee, Ce = {}, Re = b.react_stack_bottom_frame.bind(
-      b,
+    var ke, Ee = {}, Re = g.react_stack_bottom_frame.bind(
+      g,
       o
-    )(), Ne = le(n(o)), je = {};
-    H.Fragment = v, H.jsx = function(u, y, R) {
-      var N = 1e4 > oe.recentlyCreatedOwnerStacks++;
-      return f(
-        u,
-        y,
-        R,
+    )(), Ce = le(n(o)), Se = {};
+    B.Fragment = w, B.jsx = function(s, x, C) {
+      var S = 1e4 > oe.recentlyCreatedOwnerStacks++;
+      return m(
+        s,
+        x,
+        C,
         !1,
-        N ? Error("react-stack-top-frame") : Re,
-        N ? le(n(u)) : Ne
+        S ? Error("react-stack-top-frame") : Re,
+        S ? le(n(s)) : Ce
       );
-    }, H.jsxs = function(u, y, R) {
-      var N = 1e4 > oe.recentlyCreatedOwnerStacks++;
-      return f(
-        u,
-        y,
-        R,
+    }, B.jsxs = function(s, x, C) {
+      var S = 1e4 > oe.recentlyCreatedOwnerStacks++;
+      return m(
+        s,
+        x,
+        C,
         !0,
-        N ? Error("react-stack-top-frame") : Re,
-        N ? le(n(u)) : Ne
+        S ? Error("react-stack-top-frame") : Re,
+        S ? le(n(s)) : Ce
       );
     };
-  })()), H;
+  })()), B;
 }
-var _e;
-function lt() {
-  return _e || (_e = 1, process.env.NODE_ENV === "production" ? X.exports = at() : X.exports = ot()), X.exports;
+var je;
+function tt() {
+  return je || (je = 1, process.env.NODE_ENV === "production" ? K.exports = Qe() : K.exports = et()), K.exports;
 }
-var h = lt();
-const Or = ({
+var h = tt();
+const Sr = ({
   className: e,
   children: r,
   disabled: t
 }) => /* @__PURE__ */ h.jsx(
   "div",
   {
-    className: E(
+    className: R(
       "p-4 rounded-lg border transition-colors",
       "bg-white dark:bg-gray-900",
       "border-gray-200 dark:border-gray-700",
@@ -281,7 +281,7 @@ const Or = ({
     "aria-label": "CrmDashboard",
     children: r || "CrmDashboard Component"
   }
-), Fr = ({
+), Nr = ({
   className: e,
   children: r,
   disabled: t = !1,
@@ -289,7 +289,7 @@ const Or = ({
 }) => /* @__PURE__ */ h.jsx(
   "div",
   {
-    className: E(
+    className: R(
       "p-4 rounded-lg border transition-colors",
       "bg-white dark:bg-gray-900",
       "border-gray-200 dark:border-gray-700",
@@ -304,314 +304,12 @@ const Or = ({
     children: r || "UctaUbanner Component"
   }
 );
-function De(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 = De(e[r])) && (n && (n += " "), n += t);
-  } else for (t in e) e[t] && (n && (n += " "), n += t);
-  return n;
-}
-function it() {
-  for (var e, r, t = 0, n = "", a = arguments.length; t < a; t++) (e = arguments[t]) && (r = De(e)) && (n && (n += " "), n += r);
-  return n;
-}
-const Le = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Te = it, fe = (e, r) => (t) => {
-  var n;
-  if (r?.variants == null) return Te(e, t?.class, t?.className);
-  const { variants: a, defaultVariants: o } = r, l = Object.keys(a).map((d) => {
-    const f = t?.[d], m = o?.[d];
-    if (f === null) return null;
-    const p = Le(f) || Le(m);
-    return a[d][p];
-  }), i = t && Object.entries(t).reduce((d, f) => {
-    let [m, p] = f;
-    return p === void 0 || (d[m] = p), d;
-  }, {}), s = r == null || (n = r.compoundVariants) === null || n === void 0 ? void 0 : n.reduce((d, f) => {
-    let { class: m, className: p, ...b } = f;
-    return Object.entries(b).every((x) => {
-      let [C, v] = x;
-      return Array.isArray(v) ? v.includes({
-        ...o,
-        ...i
-      }[C]) : {
-        ...o,
-        ...i
-      }[C] === v;
-    }) ? [
-      ...d,
-      m,
-      p
-    ] : d;
-  }, []);
-  return Te(e, l, s, t?.class, t?.className);
-}, st = fe("grid gap-8", {
-  variants: {
-    columns: {
-      1: "grid-cols-1",
-      2: "grid-cols-1 md:grid-cols-2",
-      3: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
-      4: "grid-cols-1 md:grid-cols-2 lg:grid-cols-4"
-    },
-    spacing: {
-      sm: "gap-4",
-      md: "gap-8",
-      lg: "gap-12"
-    }
-  },
-  defaultVariants: {
-    columns: 3,
-    spacing: "md"
-  }
-}), ut = fe("group transition-all duration-300", {
-  variants: {
-    variant: {
-      default: "text-center",
-      left: "text-left",
-      hoverable: "text-center hover:transform hover:scale-105 cursor-pointer",
-      card: "bg-white dark:bg-gray-800 rounded-2xl p-8 shadow-lg hover:shadow-xl text-center",
-      minimal: "text-center space-y-4"
-    },
-    animation: {
-      none: "",
-      hover: "hover:transform hover:scale-105",
-      float: "hover:-translate-y-2"
-    }
-  },
-  defaultVariants: {
-    variant: "default",
-    animation: "hover"
-  }
-}), ct = fe(
-  "flex items-center justify-center rounded-2xl mb-6 transition-all duration-300",
-  {
-    variants: {
-      size: {
-        sm: "w-16 h-16",
-        md: "w-20 h-20",
-        lg: "w-24 h-24"
-      },
-      style: {
-        gradient: "bg-gradient-to-br from-blue-100 to-blue-200 dark:from-blue-900/30 dark:to-blue-800/30 group-hover:from-blue-200 group-hover:to-blue-300 dark:group-hover:from-blue-800/40 dark:group-hover:to-blue-700/40",
-        solid: "bg-blue-100 dark:bg-blue-900/30 group-hover:bg-blue-200 dark:group-hover:bg-blue-800/40",
-        outline: "border-2 border-blue-200 dark:border-blue-800 group-hover:border-blue-300 dark:group-hover:border-blue-700",
-        colorful: "group-hover:scale-110"
-      },
-      position: {
-        center: "mx-auto",
-        left: "",
-        right: "ml-auto"
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      style: "gradient",
-      position: "center"
-    }
-  }
-), dt = {
-  success: "bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300",
-  info: "bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300",
-  warning: "bg-amber-100 text-amber-800 dark:bg-amber-900/30 dark:text-amber-300",
-  default: "bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-300"
-}, Dr = ({
-  className: e,
-  features: r,
-  columns: t = 3,
-  spacing: n = "md",
-  cardVariant: a = "default",
-  cardAnimation: o = "hover",
-  iconSize: l = "md",
-  iconStyle: i = "gradient",
-  iconPosition: s = "center",
-  titleClass: d,
-  descriptionClass: f,
-  animate: m = !0,
-  animationDelay: p = 0,
-  staggerDelay: b = 100,
-  onFeatureClick: x,
-  defaultLinkText: C = "Learn more"
-}) => {
-  const v = (g, w) => {
-    if (i === "colorful" && g.gradient)
-      return {
-        background: `linear-gradient(135deg, ${g.gradient.from}, ${g.gradient.to})`
-      };
-    if (i === "colorful") {
-      const _ = [
-        { from: "#3B82F6", to: "#1D4ED8" },
-        // blue
-        { from: "#10B981", to: "#059669" },
-        // emerald
-        { from: "#8B5CF6", to: "#7C3AED" },
-        // violet
-        { from: "#F59E0B", to: "#D97706" },
-        // amber
-        { from: "#EF4444", to: "#DC2626" },
-        // red
-        { from: "#06B6D4", to: "#0891B2" }
-        // cyan
-      ], L = _[w % _.length];
-      return {
-        background: `linear-gradient(135deg, ${L.from}, ${L.to})`
-      };
-    }
-  }, k = (g, w) => {
-    const _ = /* @__PURE__ */ h.jsxs(
-      "div",
-      {
-        className: E(
-          ut({ variant: a, animation: o })
-        ),
-        onClick: () => x?.(g),
-        role: x ? "button" : void 0,
-        tabIndex: x ? 0 : void 0,
-        children: [
-          g.badge && /* @__PURE__ */ h.jsx("div", { className: "mb-4", children: /* @__PURE__ */ h.jsx(
-            "span",
-            {
-              className: E(
-                "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium",
-                dt[g.badge.variant || "default"]
-              ),
-              children: g.badge.text
-            }
-          ) }),
-          /* @__PURE__ */ h.jsx(
-            "div",
-            {
-              className: E(
-                ct({
-                  size: l,
-                  style: i,
-                  position: s
-                })
-              ),
-              style: v(g, w),
-              children: /* @__PURE__ */ h.jsx(
-                "div",
-                {
-                  className: E(
-                    "flex items-center justify-center",
-                    i === "colorful" ? "text-white" : "text-blue-600 dark:text-blue-400"
-                  ),
-                  children: g.icon
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ h.jsx(
-            "h3",
-            {
-              className: E(
-                "text-xl font-bold text-gray-900 dark:text-white mb-4",
-                d
-              ),
-              children: g.title
-            }
-          ),
-          /* @__PURE__ */ h.jsx(
-            "div",
-            {
-              className: E(
-                "text-gray-600 dark:text-gray-300 leading-relaxed",
-                f
-              ),
-              children: g.description
-            }
-          ),
-          g.link && /* @__PURE__ */ h.jsx("div", { className: "mt-6", children: /* @__PURE__ */ h.jsxs(
-            "a",
-            {
-              href: g.link.href,
-              className: "inline-flex items-center text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 font-medium transition-colors duration-200",
-              children: [
-                g.link.text || C,
-                /* @__PURE__ */ h.jsx(
-                  "svg",
-                  {
-                    className: "w-4 h-4 ml-1",
-                    fill: "none",
-                    stroke: "currentColor",
-                    viewBox: "0 0 24 24",
-                    children: /* @__PURE__ */ h.jsx(
-                      "path",
-                      {
-                        strokeLinecap: "round",
-                        strokeLinejoin: "round",
-                        strokeWidth: 2,
-                        d: "M9 5l7 7-7 7"
-                      }
-                    )
-                  }
-                )
-              ]
-            }
-          ) })
-        ]
-      }
-    );
-    return /* @__PURE__ */ h.jsx("div", { children: _ }, g.id || w);
-  };
-  return /* @__PURE__ */ h.jsx("div", { className: E(st({ columns: t, spacing: n }), e), children: r.map(k) });
-}, Ue = (e, r, t, n) => ({
-  icon: e,
-  title: r,
-  description: t,
-  ...n
-}), Ir = (e) => [
-  Ue(
-    /* @__PURE__ */ h.jsx(
-      "svg",
-      {
-        className: "w-8 h-8",
-        fill: "none",
-        stroke: "currentColor",
-        viewBox: "0 0 24 24",
-        children: /* @__PURE__ */ h.jsx(
-          "path",
-          {
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            strokeWidth: 2,
-            d: "M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"
-          }
-        )
-      }
-    ),
-    e?.passwordlessTitle || "Passwordless Security",
-    e?.passwordlessDescription || "Authenticate using your Web3 wallet - no passwords to remember or lose."
-  ),
-  Ue(
-    /* @__PURE__ */ h.jsx(
-      "svg",
-      {
-        className: "w-8 h-8",
-        fill: "none",
-        stroke: "currentColor",
-        viewBox: "0 0 24 24",
-        children: /* @__PURE__ */ h.jsx(
-          "path",
-          {
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            strokeWidth: 2,
-            d: "M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.40A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"
-          }
-        )
-      }
-    ),
-    e?.encryptionTitle || "End-to-End Encryption",
-    e?.encryptionDescription || "Your emails are encrypted and only you can read them."
-  )
-];
-function mt({
+function rt({
   title: e,
   titleId: r,
   ...t
 }, n) {
-  return /* @__PURE__ */ c.createElement("svg", Object.assign({
+  return /* @__PURE__ */ u.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -621,18 +319,18 @@ function mt({
     "data-slot": "icon",
     ref: n,
     "aria-labelledby": r
-  }, t), e ? /* @__PURE__ */ c.createElement("title", {
+  }, t), e ? /* @__PURE__ */ u.createElement("title", {
     id: r
-  }, e) : null, /* @__PURE__ */ c.createElement("path", {
+  }, e) : null, /* @__PURE__ */ u.createElement("path", {
     strokeLinecap: "round",
     strokeLinejoin: "round",
     d: "M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z"
   }));
 }
-const ft = /* @__PURE__ */ c.forwardRef(mt), Mr = ({
+const nt = /* @__PURE__ */ u.forwardRef(rt), Pr = ({
   title: e,
   description: r,
-  icon: t = ft,
+  icon: t = nt,
   iconVariant: n = "success",
   size: a = "md",
   className: o
@@ -643,48 +341,48 @@ const ft = /* @__PURE__ */ c.forwardRef(mt), Mr = ({
     warning: "bg-yellow-400 text-yellow-900",
     info: "bg-cyan-400 text-cyan-900",
     gradient: "bg-gradient-to-br from-blue-400 to-purple-500 text-white"
-  }, s = {
+  }, c = {
     sm: {
       container: "gap-2",
       icon: "p-1.5",
       iconSize: "h-4 w-4",
-      title: z.body.md(),
-      description: z.body.sm()
+      title: Y.body.md(),
+      description: Y.body.sm()
     },
     md: {
       container: "gap-3",
       icon: "p-2",
       iconSize: "h-5 w-5",
-      title: z.body.strong.md(),
-      description: z.body.md()
+      title: Y.body.strong.md(),
+      description: Y.body.md()
     },
     lg: {
       container: "gap-4",
       icon: "p-3",
       iconSize: "h-6 w-6",
-      title: z.heading.h4(),
-      description: z.body.md()
+      title: Y.heading.h4(),
+      description: Y.body.md()
     }
   }[a];
-  return /* @__PURE__ */ h.jsxs("div", { className: E("flex items-start", s.container, o), children: [
+  return /* @__PURE__ */ h.jsxs("div", { className: R("flex items-start", c.container, o), children: [
     /* @__PURE__ */ h.jsx(
       "div",
       {
-        className: E(
+        className: R(
           "rounded-full flex-shrink-0",
-          s.icon,
+          c.icon,
           l[n]
         ),
-        children: /* @__PURE__ */ h.jsx(t, { className: s.iconSize })
+        children: /* @__PURE__ */ h.jsx(t, { className: c.iconSize })
       }
     ),
     /* @__PURE__ */ h.jsxs("div", { className: "flex-1 min-w-0", children: [
-      /* @__PURE__ */ h.jsx("h4", { className: s.title, children: e }),
+      /* @__PURE__ */ h.jsx("h4", { className: c.title, children: e }),
       r && /* @__PURE__ */ h.jsx(
         "p",
         {
-          className: E(
-            s.description,
+          className: R(
+            c.description,
             "mt-1 text-gray-600 dark:text-gray-300"
           ),
           children: r
@@ -692,7 +390,7 @@ const ft = /* @__PURE__ */ c.forwardRef(mt), Mr = ({
       )
     ] })
   ] });
-}, Wr = ({
+}, jr = ({
   className: e,
   children: r,
   disabled: t = !1,
@@ -700,7 +398,7 @@ const ft = /* @__PURE__ */ c.forwardRef(mt), Mr = ({
 }) => /* @__PURE__ */ h.jsx(
   "div",
   {
-    className: E(
+    className: R(
       "p-4 rounded-lg border transition-colors",
       "bg-white dark:bg-gray-900",
       "border-gray-200 dark:border-gray-700",
@@ -714,29 +412,7 @@ const ft = /* @__PURE__ */ c.forwardRef(mt), Mr = ({
     "aria-label": "UfeatureUspotlight",
     children: r || "UfeatureUspotlight Component"
   }
-), Vr = ({
-  className: e,
-  children: r,
-  disabled: t = !1,
-  onClick: n
-}) => /* @__PURE__ */ h.jsx(
-  "div",
-  {
-    className: E(
-      "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": "UfunnelUchart",
-    children: r || "UfunnelUchart Component"
-  }
-), zr = ({
+), _r = ({
   badgeIcon: e,
   badgeText: r,
   badgeColor: t = "blue",
@@ -745,10 +421,10 @@ const ft = /* @__PURE__ */ c.forwardRef(mt), Mr = ({
   description: o,
   primaryButton: l,
   secondaryButton: i,
-  className: s,
-  children: d
+  className: c,
+  children: f
 }) => {
-  const m = {
+  const d = {
     blue: "bg-blue-100 dark:bg-blue-900/30 border-blue-300 dark:border-blue-700 text-blue-800 dark:text-blue-200",
     green: "bg-green-100 dark:bg-green-900/30 border-green-300 dark:border-green-700 text-green-800 dark:text-green-200",
     purple: "bg-purple-100 dark:bg-purple-900/30 border-purple-300 dark:border-purple-700 text-purple-800 dark:text-purple-200",
@@ -756,13 +432,13 @@ const ft = /* @__PURE__ */ c.forwardRef(mt), Mr = ({
     pink: "bg-pink-100 dark:bg-pink-900/30 border-pink-300 dark:border-pink-700 text-pink-800 dark:text-pink-200",
     gray: "bg-gray-100 dark:bg-gray-900/30 border-gray-300 dark:border-gray-700 text-gray-800 dark:text-gray-200"
   }[t];
-  return /* @__PURE__ */ h.jsx("section", { className: E("py-20", s), children: /* @__PURE__ */ h.jsxs("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center", children: [
+  return /* @__PURE__ */ h.jsx("section", { className: R("py-20", c), children: /* @__PURE__ */ h.jsxs("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center", children: [
     /* @__PURE__ */ h.jsxs(
       "div",
       {
-        className: E(
+        className: R(
           "inline-flex items-center border px-6 py-3 rounded-full mb-6",
-          m
+          d
         ),
         children: [
           e && /* @__PURE__ */ h.jsx("span", { className: "mr-3", children: e }),
@@ -780,7 +456,7 @@ const ft = /* @__PURE__ */ c.forwardRef(mt), Mr = ({
         "a",
         {
           href: l.href,
-          className: E(
+          className: R(
             "px-8 py-3 rounded-md bg-blue-600 text-white hover:bg-blue-700 transition-colors inline-block",
             l.className
           ),
@@ -790,7 +466,7 @@ const ft = /* @__PURE__ */ c.forwardRef(mt), Mr = ({
         "button",
         {
           onClick: l.onClick,
-          className: E(
+          className: R(
             "px-8 py-3 rounded-md bg-blue-600 text-white hover:bg-blue-700 transition-colors",
             l.className
           ),
@@ -801,7 +477,7 @@ const ft = /* @__PURE__ */ c.forwardRef(mt), Mr = ({
         "a",
         {
           href: i.href,
-          className: E(
+          className: R(
             "px-8 py-3 rounded-md border-2 border-gray-300 dark:border-gray-600 hover:border-gray-400 transition-colors inline-block",
             i.className
           ),
@@ -811,7 +487,7 @@ const ft = /* @__PURE__ */ c.forwardRef(mt), Mr = ({
         "button",
         {
           onClick: i.onClick,
-          className: E(
+          className: R(
             "px-8 py-3 rounded-md border-2 border-gray-300 dark:border-gray-600 hover:border-gray-400 transition-colors",
             i.className
           ),
@@ -819,14 +495,14 @@ const ft = /* @__PURE__ */ c.forwardRef(mt), Mr = ({
         }
       ))
     ] }),
-    d
+    f
   ] }) });
 };
-function S(e, r) {
+function P(e, r) {
   if (e === !1 || e === null || typeof e > "u")
     throw new Error(r);
 }
-function T(e, r) {
+function _(e, r) {
   if (!e) {
     typeof console < "u" && console.warn(r);
     try {
@@ -842,7 +518,7 @@ function de({
 }) {
   return r && r !== "?" && (e += r.charAt(0) === "?" ? r : "?" + r), t && t !== "#" && (e += t.charAt(0) === "#" ? t : "#" + t), e;
 }
-function he(e) {
+function me(e) {
   let r = {};
   if (e) {
     let t = e.indexOf("#");
@@ -852,57 +528,57 @@ function he(e) {
   }
   return r;
 }
-function Ie(e, r, t = "/") {
-  return ht(e, r, t, !1);
+function Ae(e, r, t = "/") {
+  return at(e, r, t, !1);
 }
-function ht(e, r, t, n) {
-  let a = typeof r == "string" ? he(r) : r, o = F(a.pathname || "/", t);
+function at(e, r, t, n) {
+  let a = typeof r == "string" ? me(r) : r, o = F(a.pathname || "/", t);
   if (o == null)
     return null;
-  let l = Me(e);
-  gt(l);
+  let l = Oe(e);
+  ot(l);
   let i = null;
-  for (let s = 0; i == null && s < l.length; ++s) {
-    let d = Nt(o);
-    i = Ct(
-      l[s],
-      d,
+  for (let c = 0; i == null && c < l.length; ++c) {
+    let f = gt(o);
+    i = ht(
+      l[c],
+      f,
       n
     );
   }
   return i;
 }
-function Me(e, r = [], t = [], n = "", a = !1) {
-  let o = (l, i, s = a, d) => {
-    let f = {
-      relativePath: d === void 0 ? l.path || "" : d,
+function Oe(e, r = [], t = [], n = "", a = !1) {
+  let o = (l, i, c = a, f) => {
+    let m = {
+      relativePath: f === void 0 ? l.path || "" : f,
       caseSensitive: l.caseSensitive === !0,
       childrenIndex: i,
       route: l
     };
-    if (f.relativePath.startsWith("/")) {
-      if (!f.relativePath.startsWith(n) && s)
+    if (m.relativePath.startsWith("/")) {
+      if (!m.relativePath.startsWith(n) && c)
         return;
-      S(
-        f.relativePath.startsWith(n),
-        `Absolute route path "${f.relativePath}" nested under path "${n}" is not valid. An absolute child route path must start with the combined path of all its parent routes.`
-      ), f.relativePath = f.relativePath.slice(n.length);
+      P(
+        m.relativePath.startsWith(n),
+        `Absolute route path "${m.relativePath}" nested under path "${n}" is not valid. An absolute child route path must start with the combined path of all its parent routes.`
+      ), m.relativePath = m.relativePath.slice(n.length);
     }
-    let m = U([n, f.relativePath]), p = t.concat(f);
-    l.children && l.children.length > 0 && (S(
+    let d = L([n, m.relativePath]), p = t.concat(m);
+    l.children && l.children.length > 0 && (P(
       // Our types know better, but runtime JS may not!
       // @ts-expect-error
       l.index !== !0,
-      `Index routes must not have child routes. Please remove all child routes from route path "${m}".`
-    ), Me(
+      `Index routes must not have child routes. Please remove all child routes from route path "${d}".`
+    ), Oe(
       l.children,
       r,
       p,
-      m,
-      s
+      d,
+      c
     )), !(l.path == null && !l.index) && r.push({
-      path: m,
-      score: wt(m, l.index),
+      path: d,
+      score: ft(d, l.index),
       routesMeta: p
     });
   };
@@ -910,42 +586,42 @@ function Me(e, r = [], t = [], n = "", a = !1) {
     if (l.path === "" || !l.path?.includes("?"))
       o(l, i);
     else
-      for (let s of We(l.path))
-        o(l, i, !0, s);
+      for (let c of Ue(l.path))
+        o(l, i, !0, c);
   }), r;
 }
-function We(e) {
+function Ue(e) {
   let r = e.split("/");
   if (r.length === 0) return [];
   let [t, ...n] = r, a = t.endsWith("?"), o = t.replace(/\?$/, "");
   if (n.length === 0)
     return a ? [o, ""] : [o];
-  let l = We(n.join("/")), i = [];
+  let l = Ue(n.join("/")), i = [];
   return i.push(
     ...l.map(
-      (s) => s === "" ? o : [o, s].join("/")
+      (c) => c === "" ? o : [o, c].join("/")
     )
   ), a && i.push(...l), i.map(
-    (s) => e.startsWith("/") && s === "" ? "/" : s
+    (c) => e.startsWith("/") && c === "" ? "/" : c
   );
 }
-function gt(e) {
+function ot(e) {
   e.sort(
-    (r, t) => r.score !== t.score ? t.score - r.score : Et(
+    (r, t) => r.score !== t.score ? t.score - r.score : mt(
       r.routesMeta.map((n) => n.childrenIndex),
       t.routesMeta.map((n) => n.childrenIndex)
     )
   );
 }
-var pt = /^:[\w-]+$/, bt = 3, xt = 2, vt = 1, yt = 10, kt = -2, $e = (e) => e === "*";
-function wt(e, r) {
+var lt = /^:[\w-]+$/, it = 3, st = 2, ut = 1, ct = 10, dt = -2, _e = (e) => e === "*";
+function ft(e, r) {
   let t = e.split("/"), n = t.length;
-  return t.some($e) && (n += kt), r && (n += xt), t.filter((a) => !$e(a)).reduce(
-    (a, o) => a + (pt.test(o) ? bt : o === "" ? vt : yt),
+  return t.some(_e) && (n += dt), r && (n += st), t.filter((a) => !_e(a)).reduce(
+    (a, o) => a + (lt.test(o) ? it : o === "" ? ut : ct),
     n
   );
 }
-function Et(e, r) {
+function mt(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
@@ -958,37 +634,37 @@ function Et(e, r) {
     0
   );
 }
-function Ct(e, r, t = !1) {
+function ht(e, r, t = !1) {
   let { routesMeta: n } = e, a = {}, o = "/", l = [];
   for (let i = 0; i < n.length; ++i) {
-    let s = n[i], d = i === n.length - 1, f = o === "/" ? r : r.slice(o.length) || "/", m = te(
-      { path: s.relativePath, caseSensitive: s.caseSensitive, end: d },
-      f
-    ), p = s.route;
-    if (!m && d && t && !n[n.length - 1].route.index && (m = te(
+    let c = n[i], f = i === n.length - 1, m = o === "/" ? r : r.slice(o.length) || "/", d = te(
+      { path: c.relativePath, caseSensitive: c.caseSensitive, end: f },
+      m
+    ), p = c.route;
+    if (!d && f && t && !n[n.length - 1].route.index && (d = te(
       {
-        path: s.relativePath,
-        caseSensitive: s.caseSensitive,
+        path: c.relativePath,
+        caseSensitive: c.caseSensitive,
         end: !1
       },
-      f
-    )), !m)
+      m
+    )), !d)
       return null;
-    Object.assign(a, m.params), l.push({
+    Object.assign(a, d.params), l.push({
       // TODO: Can this as be avoided?
       params: a,
-      pathname: U([o, m.pathname]),
-      pathnameBase: Lt(
-        U([o, m.pathnameBase])
+      pathname: L([o, d.pathname]),
+      pathnameBase: wt(
+        L([o, d.pathnameBase])
       ),
       route: p
-    }), m.pathnameBase !== "/" && (o = U([o, m.pathnameBase]));
+    }), d.pathnameBase !== "/" && (o = L([o, d.pathnameBase]));
   }
   return l;
 }
 function te(e, r) {
   typeof e == "string" && (e = { path: e, caseSensitive: !1, end: !0 });
-  let [t, n] = Rt(
+  let [t, n] = pt(
     e.path,
     e.caseSensitive,
     e.end
@@ -997,13 +673,13 @@ function te(e, r) {
   let o = a[0], l = o.replace(/(.)\/+$/, "$1"), i = a.slice(1);
   return {
     params: n.reduce(
-      (d, { paramName: f, isOptional: m }, p) => {
-        if (f === "*") {
-          let x = i[p] || "";
-          l = o.slice(0, o.length - x.length).replace(/(.)\/+$/, "$1");
+      (f, { paramName: m, isOptional: d }, p) => {
+        if (m === "*") {
+          let y = i[p] || "";
+          l = o.slice(0, o.length - y.length).replace(/(.)\/+$/, "$1");
         }
-        const b = i[p];
-        return m && !b ? d[f] = void 0 : d[f] = (b || "").replace(/%2F/g, "/"), d;
+        const g = i[p];
+        return d && !g ? f[m] = void 0 : f[m] = (g || "").replace(/%2F/g, "/"), f;
       },
       {}
     ),
@@ -1012,22 +688,22 @@ function te(e, r) {
     pattern: e
   };
 }
-function Rt(e, r = !1, t = !0) {
-  T(
+function pt(e, r = !1, t = !0) {
+  _(
     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,
-    (l, i, s) => (n.push({ paramName: i, isOptional: s != null }), s ? "/?([^\\/]+)?" : "/([^\\/]+)")
+    (l, i, c) => (n.push({ paramName: i, isOptional: c != null }), c ? "/?([^\\/]+)?" : "/([^\\/]+)")
   ).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 gt(e) {
   try {
     return e.split("/").map((r) => decodeURIComponent(r).replace(/\//g, "%2F")).join("/");
   } catch (r) {
-    return T(
+    return _(
       !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;
@@ -1040,35 +716,35 @@ function F(e, r) {
   let t = r.endsWith("/") ? r.length - 1 : r.length, n = e.charAt(t);
   return n && n !== "/" ? null : e.slice(t) || "/";
 }
-var jt = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, St = (e) => jt.test(e);
-function Pt(e, r = "/") {
+var bt = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, xt = (e) => bt.test(e);
+function yt(e, r = "/") {
   let {
     pathname: t,
     search: n = "",
     hash: a = ""
-  } = typeof e == "string" ? he(e) : e, o;
+  } = typeof e == "string" ? me(e) : e, o;
   if (t)
-    if (St(t))
+    if (xt(t))
       o = t;
     else {
       if (t.includes("//")) {
         let l = t;
-        t = t.replace(/\/\/+/g, "/"), T(
+        t = t.replace(/\/\/+/g, "/"), _(
           !1,
           `Pathnames cannot have embedded double slashes - normalizing ${l} -> ${t}`
         );
       }
-      t.startsWith("/") ? o = Ae(t.substring(1), "/") : o = Ae(t, r);
+      t.startsWith("/") ? o = Te(t.substring(1), "/") : o = Te(t, r);
     }
   else
     o = r;
   return {
     pathname: o,
-    search: Tt(n),
-    hash: Ut(a)
+    search: kt(n),
+    hash: Et(a)
   };
 }
-function Ae(e, r) {
+function Te(e, r) {
   let t = r.replace(/\/+$/, "").split("/");
   return e.split("/").forEach((a) => {
     a === ".." ? t.length > 1 && t.pop() : a !== "." && t.push(a);
@@ -1079,26 +755,26 @@ function ue(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 _t(e) {
+function vt(e) {
   return e.filter(
     (r, t) => t === 0 || r.route.path && r.route.path.length > 0
   );
 }
-function Ve(e) {
-  let r = _t(e);
+function Fe(e) {
+  let r = vt(e);
   return r.map(
     (t, n) => n === r.length - 1 ? t.pathname : t.pathnameBase
   );
 }
-function ze(e, r, t, n = !1) {
+function Ie(e, r, t, n = !1) {
   let a;
-  typeof e == "string" ? a = he(e) : (a = { ...e }, S(
+  typeof e == "string" ? a = me(e) : (a = { ...e }, P(
     !a.pathname || !a.pathname.includes("?"),
     ue("?", "pathname", "search", a)
-  ), S(
+  ), P(
     !a.pathname || !a.pathname.includes("#"),
     ue("#", "pathname", "hash", a)
-  ), S(
+  ), P(
     !a.search || !a.search.includes("#"),
     ue("#", "search", "hash", a)
   ));
@@ -1106,124 +782,124 @@ function ze(e, r, t, n = !1) {
   if (l == null)
     i = t;
   else {
-    let m = r.length - 1;
+    let d = r.length - 1;
     if (!n && l.startsWith("..")) {
       let p = l.split("/");
       for (; p[0] === ".."; )
-        p.shift(), m -= 1;
+        p.shift(), d -= 1;
       a.pathname = p.join("/");
     }
-    i = m >= 0 ? r[m] : "/";
+    i = d >= 0 ? r[d] : "/";
   }
-  let s = Pt(a, i), d = l && l !== "/" && l.endsWith("/"), f = (o || l === ".") && t.endsWith("/");
-  return !s.pathname.endsWith("/") && (d || f) && (s.pathname += "/"), s;
+  let c = yt(a, i), f = l && l !== "/" && l.endsWith("/"), m = (o || l === ".") && t.endsWith("/");
+  return !c.pathname.endsWith("/") && (f || m) && (c.pathname += "/"), c;
 }
-var U = (e) => e.join("/").replace(/\/\/+/g, "/"), Lt = (e) => e.replace(/\/+$/, "").replace(/^\/*/, "/"), Tt = (e) => !e || e === "?" ? "" : e.startsWith("?") ? e : "?" + e, Ut = (e) => !e || e === "#" ? "" : e.startsWith("#") ? e : "#" + e;
-function $t(e) {
+var L = (e) => e.join("/").replace(/\/\/+/g, "/"), wt = (e) => e.replace(/\/+$/, "").replace(/^\/*/, "/"), kt = (e) => !e || e === "?" ? "" : e.startsWith("?") ? e : "?" + e, Et = (e) => !e || e === "#" ? "" : e.startsWith("#") ? e : "#" + e;
+function Rt(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 Be = [
+var De = [
   "POST",
   "PUT",
   "PATCH",
   "DELETE"
 ];
 new Set(
-  Be
+  De
 );
-var At = [
+var Ct = [
   "GET",
-  ...Be
+  ...De
 ];
-new Set(At);
-var B = c.createContext(null);
-B.displayName = "DataRouter";
-var re = c.createContext(null);
+new Set(Ct);
+var H = u.createContext(null);
+H.displayName = "DataRouter";
+var re = u.createContext(null);
 re.displayName = "DataRouterState";
-c.createContext(!1);
-var Ye = c.createContext({
+u.createContext(!1);
+var Me = u.createContext({
   isTransitioning: !1
 });
-Ye.displayName = "ViewTransition";
-var Ot = c.createContext(
+Me.displayName = "ViewTransition";
+var St = u.createContext(
   /* @__PURE__ */ new Map()
 );
-Ot.displayName = "Fetchers";
-var Ft = c.createContext(null);
-Ft.displayName = "Await";
-var $ = c.createContext(
+St.displayName = "Fetchers";
+var Nt = u.createContext(null);
+Nt.displayName = "Await";
+var $ = u.createContext(
   null
 );
 $.displayName = "Navigation";
-var ge = c.createContext(
+var he = u.createContext(
   null
 );
-ge.displayName = "Location";
-var A = c.createContext({
+he.displayName = "Location";
+var A = u.createContext({
   outlet: null,
   matches: [],
   isDataRoute: !1
 });
 A.displayName = "Route";
-var pe = c.createContext(null);
+var pe = u.createContext(null);
 pe.displayName = "RouteError";
-function Dt(e, { relative: r } = {}) {
-  S(
+function Pt(e, { relative: r } = {}) {
+  P(
     ne(),
     // 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 } = c.useContext($), { hash: a, pathname: o, search: l } = G(e, { relative: r }), i = o;
-  return t !== "/" && (i = o === "/" ? t : U([t, o])), n.createHref({ pathname: i, search: l, hash: a });
+  let { basename: t, navigator: n } = u.useContext($), { hash: a, pathname: o, search: l } = G(e, { relative: r }), i = o;
+  return t !== "/" && (i = o === "/" ? t : L([t, o])), n.createHref({ pathname: i, search: l, hash: a });
 }
 function ne() {
-  return c.useContext(ge) != null;
+  return u.useContext(he) != null;
 }
-function I() {
-  return S(
+function D() {
+  return P(
     ne(),
     // 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."
-  ), c.useContext(ge).location;
+  ), u.useContext(he).location;
 }
-var He = "You should call navigate() in a React.useEffect(), not when your component is first rendered.";
-function Je(e) {
-  c.useContext($).static || c.useLayoutEffect(e);
+var We = "You should call navigate() in a React.useEffect(), not when your component is first rendered.";
+function ze(e) {
+  u.useContext($).static || u.useLayoutEffect(e);
 }
-function It() {
-  let { isDataRoute: e } = c.useContext(A);
-  return e ? Zt() : Mt();
+function jt() {
+  let { isDataRoute: e } = u.useContext(A);
+  return e ? zt() : _t();
 }
-function Mt() {
-  S(
+function _t() {
+  P(
     ne(),
     // 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 = c.useContext(B), { basename: r, navigator: t } = c.useContext($), { matches: n } = c.useContext(A), { pathname: a } = I(), o = JSON.stringify(Ve(n)), l = c.useRef(!1);
-  return Je(() => {
+  let e = u.useContext(H), { basename: r, navigator: t } = u.useContext($), { matches: n } = u.useContext(A), { pathname: a } = D(), o = JSON.stringify(Fe(n)), l = u.useRef(!1);
+  return ze(() => {
     l.current = !0;
-  }), c.useCallback(
-    (s, d = {}) => {
-      if (T(l.current, He), !l.current) return;
-      if (typeof s == "number") {
-        t.go(s);
+  }), u.useCallback(
+    (c, f = {}) => {
+      if (_(l.current, We), !l.current) return;
+      if (typeof c == "number") {
+        t.go(c);
         return;
       }
-      let f = ze(
-        s,
+      let m = Ie(
+        c,
         JSON.parse(o),
         a,
-        d.relative === "path"
+        f.relative === "path"
       );
-      e == null && r !== "/" && (f.pathname = f.pathname === "/" ? r : U([r, f.pathname])), (d.replace ? t.replace : t.push)(
-        f,
-        d.state,
-        d
+      e == null && r !== "/" && (m.pathname = m.pathname === "/" ? r : L([r, m.pathname])), (f.replace ? t.replace : t.push)(
+        m,
+        f.state,
+        f
       );
     },
     [
@@ -1235,11 +911,11 @@ function Mt() {
     ]
   );
 }
-c.createContext(null);
+u.createContext(null);
 function G(e, { relative: r } = {}) {
-  let { matches: t } = c.useContext(A), { pathname: n } = I(), a = JSON.stringify(Ve(t));
-  return c.useMemo(
-    () => ze(
+  let { matches: t } = u.useContext(A), { pathname: n } = D(), a = JSON.stringify(Fe(t));
+  return u.useMemo(
+    () => Ie(
       e,
       JSON.parse(a),
       n,
@@ -1248,61 +924,61 @@ function G(e, { relative: r } = {}) {
     [e, a, n, r]
   );
 }
-function Wt(e, r, t, n, a) {
-  S(
+function Tt(e, r, t, n, a) {
+  P(
     ne(),
     // 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: o } = c.useContext($), { matches: l } = c.useContext(A), i = l[l.length - 1], s = i ? i.params : {}, d = i ? i.pathname : "/", f = i ? i.pathnameBase : "/", m = i && i.route;
+  let { navigator: o } = u.useContext($), { matches: l } = u.useContext(A), i = l[l.length - 1], c = i ? i.params : {}, f = i ? i.pathname : "/", m = i ? i.pathnameBase : "/", d = i && i.route;
   {
-    let g = m && m.path || "";
-    Ge(
-      d,
-      !m || g.endsWith("*") || g.endsWith("*?"),
-      `You rendered descendant <Routes> (or called \`useRoutes()\`) at "${d}" (under <Route path="${g}">) 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.
+    let b = d && d.path || "";
+    Ye(
+      f,
+      !d || b.endsWith("*") || b.endsWith("*?"),
+      `You rendered descendant <Routes> (or called \`useRoutes()\`) at "${f}" (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="${g}"> to <Route path="${g === "/" ? "*" : `${g}/*`}">.`
+Please change the parent <Route path="${b}"> to <Route path="${b === "/" ? "*" : `${b}/*`}">.`
     );
   }
-  let p = I(), b;
-  b = p;
-  let x = b.pathname || "/", C = x;
-  if (f !== "/") {
-    let g = f.replace(/^\//, "").split("/");
-    C = "/" + x.replace(/^\//, "").split("/").slice(g.length).join("/");
+  let p = D(), g;
+  g = p;
+  let y = g.pathname || "/", E = y;
+  if (m !== "/") {
+    let b = m.replace(/^\//, "").split("/");
+    E = "/" + y.replace(/^\//, "").split("/").slice(b.length).join("/");
   }
-  let v = Ie(e, { pathname: C });
-  return T(
-    m || v != null,
-    `No routes matched location "${b.pathname}${b.search}${b.hash}" `
-  ), T(
-    v == null || v[v.length - 1].route.element !== void 0 || v[v.length - 1].route.Component !== void 0 || v[v.length - 1].route.lazy !== void 0,
-    `Matched leaf route at location "${b.pathname}${b.search}${b.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.`
-  ), Ht(
-    v && v.map(
-      (g) => Object.assign({}, g, {
-        params: Object.assign({}, s, g.params),
-        pathname: U([
-          f,
+  let w = Ae(e, { pathname: E });
+  return _(
+    d || w != null,
+    `No routes matched location "${g.pathname}${g.search}${g.hash}" `
+  ), _(
+    w == null || w[w.length - 1].route.element !== void 0 || w[w.length - 1].route.Component !== void 0 || w[w.length - 1].route.lazy !== void 0,
+    `Matched leaf route at location "${g.pathname}${g.search}${g.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.`
+  ), Ut(
+    w && w.map(
+      (b) => Object.assign({}, b, {
+        params: Object.assign({}, c, b.params),
+        pathname: L([
+          m,
           // 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
           o.encodeLocation ? o.encodeLocation(
-            g.pathname.replace(/\?/g, "%3F").replace(/#/g, "%23")
-          ).pathname : g.pathname
+            b.pathname.replace(/\?/g, "%3F").replace(/#/g, "%23")
+          ).pathname : b.pathname
         ]),
-        pathnameBase: g.pathnameBase === "/" ? f : U([
-          f,
+        pathnameBase: b.pathnameBase === "/" ? m : L([
+          m,
           // 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
           o.encodeLocation ? o.encodeLocation(
-            g.pathnameBase.replace(/\?/g, "%3F").replace(/#/g, "%23")
-          ).pathname : g.pathnameBase
+            b.pathnameBase.replace(/\?/g, "%3F").replace(/#/g, "%23")
+          ).pathname : b.pathnameBase
         ])
       })
     ),
@@ -1312,14 +988,14 @@ Please change the parent <Route path="${g}"> to <Route path="${g === "/" ? "*" :
     a
   );
 }
-function Vt() {
-  let e = Xt(), r = $t(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;
+function Lt() {
+  let e = Wt(), r = Rt(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
-  ), l = /* @__PURE__ */ c.createElement(c.Fragment, null, /* @__PURE__ */ c.createElement("p", null, "💿 Hey developer 👋"), /* @__PURE__ */ c.createElement("p", null, "You can provide a way better UX than this when your app throws errors by providing your own ", /* @__PURE__ */ c.createElement("code", { style: o }, "ErrorBoundary"), " or", " ", /* @__PURE__ */ c.createElement("code", { style: o }, "errorElement"), " prop on your route.")), /* @__PURE__ */ c.createElement(c.Fragment, null, /* @__PURE__ */ c.createElement("h2", null, "Unexpected Application Error!"), /* @__PURE__ */ c.createElement("h3", { style: { fontStyle: "italic" } }, r), t ? /* @__PURE__ */ c.createElement("pre", { style: a }, t) : null, l);
+  ), 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 zt = /* @__PURE__ */ c.createElement(Vt, null), Bt = class extends c.Component {
+var $t = /* @__PURE__ */ u.createElement(Lt, null), At = class extends u.Component {
   constructor(e) {
     super(e), this.state = {
       location: e.location,
@@ -1348,7 +1024,7 @@ var zt = /* @__PURE__ */ c.createElement(Vt, null), Bt = class extends c.Compone
     );
   }
   render() {
-    return this.state.error !== void 0 ? /* @__PURE__ */ c.createElement(A.Provider, { value: this.props.routeContext }, /* @__PURE__ */ c.createElement(
+    return this.state.error !== void 0 ? /* @__PURE__ */ u.createElement(A.Provider, { value: this.props.routeContext }, /* @__PURE__ */ u.createElement(
       pe.Provider,
       {
         value: this.state.error,
@@ -1357,11 +1033,11 @@ var zt = /* @__PURE__ */ c.createElement(Vt, null), Bt = class extends c.Compone
     )) : this.props.children;
   }
 };
-function Yt({ routeContext: e, match: r, children: t }) {
-  let n = c.useContext(B);
-  return n && n.static && n.staticContext && (r.route.errorElement || r.route.ErrorBoundary) && (n.staticContext._deepestRenderedBoundaryId = r.route.id), /* @__PURE__ */ c.createElement(A.Provider, { value: e }, t);
+function Ot({ routeContext: e, match: r, children: t }) {
+  let n = u.useContext(H);
+  return n && n.static && n.staticContext && (r.route.errorElement || r.route.ErrorBoundary) && (n.staticContext._deepestRenderedBoundaryId = r.route.id), /* @__PURE__ */ u.createElement(A.Provider, { value: e }, t);
 }
-function Ht(e, r = [], t = null, n = null, a = null) {
+function Ut(e, r = [], t = null, n = null, a = null) {
   if (e == null) {
     if (!t)
       return null;
@@ -1374,168 +1050,168 @@ function Ht(e, r = [], t = null, n = null, a = null) {
   }
   let o = e, l = t?.errors;
   if (l != null) {
-    let f = o.findIndex(
-      (m) => m.route.id && l?.[m.route.id] !== void 0
+    let m = o.findIndex(
+      (d) => d.route.id && l?.[d.route.id] !== void 0
     );
-    S(
-      f >= 0,
+    P(
+      m >= 0,
       `Could not find a matching route for errors on route IDs: ${Object.keys(
         l
       ).join(",")}`
     ), o = o.slice(
       0,
-      Math.min(o.length, f + 1)
+      Math.min(o.length, m + 1)
     );
   }
-  let i = !1, s = -1;
+  let i = !1, c = -1;
   if (t)
-    for (let f = 0; f < o.length; f++) {
-      let m = o[f];
-      if ((m.route.HydrateFallback || m.route.hydrateFallbackElement) && (s = f), m.route.id) {
-        let { loaderData: p, errors: b } = t, x = m.route.loader && !p.hasOwnProperty(m.route.id) && (!b || b[m.route.id] === void 0);
-        if (m.route.lazy || x) {
-          i = !0, s >= 0 ? o = o.slice(0, s + 1) : o = [o[0]];
+    for (let m = 0; m < o.length; m++) {
+      let d = o[m];
+      if ((d.route.HydrateFallback || d.route.hydrateFallbackElement) && (c = m), d.route.id) {
+        let { loaderData: p, errors: g } = t, y = d.route.loader && !p.hasOwnProperty(d.route.id) && (!g || g[d.route.id] === void 0);
+        if (d.route.lazy || y) {
+          i = !0, c >= 0 ? o = o.slice(0, c + 1) : o = [o[0]];
           break;
         }
       }
     }
-  let d = t && n ? (f, m) => {
-    n(f, {
+  let f = t && n ? (m, d) => {
+    n(m, {
       location: t.location,
       params: t.matches?.[0]?.params ?? {},
-      errorInfo: m
+      errorInfo: d
     });
   } : void 0;
   return o.reduceRight(
-    (f, m, p) => {
-      let b, x = !1, C = null, v = null;
-      t && (b = l && m.route.id ? l[m.route.id] : void 0, C = m.route.errorElement || zt, i && (s < 0 && p === 0 ? (Ge(
+    (m, d, p) => {
+      let g, y = !1, E = null, w = null;
+      t && (g = l && d.route.id ? l[d.route.id] : void 0, E = d.route.errorElement || $t, i && (c < 0 && p === 0 ? (Ye(
         "route-fallback",
         !1,
         "No `HydrateFallback` element provided to render during initial hydration"
-      ), x = !0, v = null) : s === p && (x = !0, v = m.route.hydrateFallbackElement || null)));
-      let k = r.concat(o.slice(0, p + 1)), g = () => {
-        let w;
-        return b ? w = C : x ? w = v : m.route.Component ? w = /* @__PURE__ */ c.createElement(m.route.Component, null) : m.route.element ? w = m.route.element : w = f, /* @__PURE__ */ c.createElement(
-          Yt,
+      ), y = !0, w = null) : c === p && (y = !0, w = d.route.hydrateFallbackElement || null)));
+      let v = r.concat(o.slice(0, p + 1)), b = () => {
+        let k;
+        return g ? k = E : y ? k = w : d.route.Component ? k = /* @__PURE__ */ u.createElement(d.route.Component, null) : d.route.element ? k = d.route.element : k = m, /* @__PURE__ */ u.createElement(
+          Ot,
           {
-            match: m,
+            match: d,
             routeContext: {
-              outlet: f,
-              matches: k,
+              outlet: m,
+              matches: v,
               isDataRoute: t != null
             },
-            children: w
+            children: k
           }
         );
       };
-      return t && (m.route.ErrorBoundary || m.route.errorElement || p === 0) ? /* @__PURE__ */ c.createElement(
-        Bt,
+      return t && (d.route.ErrorBoundary || d.route.errorElement || p === 0) ? /* @__PURE__ */ u.createElement(
+        At,
         {
           location: t.location,
           revalidation: t.revalidation,
-          component: C,
-          error: b,
-          children: g(),
-          routeContext: { outlet: null, matches: k, isDataRoute: !0 },
-          onError: d
+          component: E,
+          error: g,
+          children: b(),
+          routeContext: { outlet: null, matches: v, isDataRoute: !0 },
+          onError: f
         }
-      ) : g();
+      ) : b();
     },
     null
   );
 }
-function be(e) {
+function ge(e) {
   return `${e} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`;
 }
-function Jt(e) {
-  let r = c.useContext(B);
-  return S(r, be(e)), r;
+function Ft(e) {
+  let r = u.useContext(H);
+  return P(r, ge(e)), r;
 }
-function Gt(e) {
-  let r = c.useContext(re);
-  return S(r, be(e)), r;
+function It(e) {
+  let r = u.useContext(re);
+  return P(r, ge(e)), r;
 }
-function qt(e) {
-  let r = c.useContext(A);
-  return S(r, be(e)), r;
+function Dt(e) {
+  let r = u.useContext(A);
+  return P(r, ge(e)), r;
 }
-function xe(e) {
-  let r = qt(e), t = r.matches[r.matches.length - 1];
-  return S(
+function be(e) {
+  let r = Dt(e), t = r.matches[r.matches.length - 1];
+  return P(
     t.route.id,
     `${e} can only be used on routes that contain a unique "id"`
   ), t.route.id;
 }
-function Kt() {
-  return xe(
+function Mt() {
+  return be(
     "useRouteId"
     /* UseRouteId */
   );
 }
-function Xt() {
-  let e = c.useContext(pe), r = Gt(
+function Wt() {
+  let e = u.useContext(pe), r = It(
     "useRouteError"
     /* UseRouteError */
-  ), t = xe(
+  ), t = be(
     "useRouteError"
     /* UseRouteError */
   );
   return e !== void 0 ? e : r.errors?.[t];
 }
-function Zt() {
-  let { router: e } = Jt(
+function zt() {
+  let { router: e } = Ft(
     "useNavigate"
     /* UseNavigateStable */
-  ), r = xe(
+  ), r = be(
     "useNavigate"
     /* UseNavigateStable */
-  ), t = c.useRef(!1);
-  return Je(() => {
+  ), t = u.useRef(!1);
+  return ze(() => {
     t.current = !0;
-  }), c.useCallback(
+  }), u.useCallback(
     async (a, o = {}) => {
-      T(t.current, He), t.current && (typeof a == "number" ? e.navigate(a) : await e.navigate(a, { fromRouteId: r, ...o }));
+      _(t.current, We), t.current && (typeof a == "number" ? e.navigate(a) : await e.navigate(a, { fromRouteId: r, ...o }));
     },
     [e, r]
   );
 }
-var Oe = {};
-function Ge(e, r, t) {
-  !r && !Oe[e] && (Oe[e] = !0, T(!1, t));
+var Le = {};
+function Ye(e, r, t) {
+  !r && !Le[e] && (Le[e] = !0, _(!1, t));
 }
-c.memo(Qt);
-function Qt({
+u.memo(Yt);
+function Yt({
   routes: e,
   future: r,
   state: t,
   unstable_onError: n
 }) {
-  return Wt(e, void 0, t, n, r);
+  return Tt(e, void 0, t, n, r);
 }
 var Q = "get", ee = "application/x-www-form-urlencoded";
 function ae(e) {
   return e != null && typeof e.tagName == "string";
 }
-function er(e) {
+function Ht(e) {
   return ae(e) && e.tagName.toLowerCase() === "button";
 }
-function tr(e) {
+function Vt(e) {
   return ae(e) && e.tagName.toLowerCase() === "form";
 }
-function rr(e) {
+function Bt(e) {
   return ae(e) && e.tagName.toLowerCase() === "input";
 }
-function nr(e) {
+function Jt(e) {
   return !!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey);
 }
-function ar(e, r) {
+function Gt(e, r) {
   return e.button === 0 && // Ignore everything but left clicks
   (!r || r === "_self") && // Let browser handle "target=_blank" etc.
-  !nr(e);
+  !Jt(e);
 }
 var Z = null;
-function or() {
+function qt() {
   if (Z === null)
     try {
       new FormData(
@@ -1548,35 +1224,35 @@ function or() {
     }
   return Z;
 }
-var lr = /* @__PURE__ */ new Set([
+var Xt = /* @__PURE__ */ new Set([
   "application/x-www-form-urlencoded",
   "multipart/form-data",
   "text/plain"
 ]);
 function ce(e) {
-  return e != null && !lr.has(e) ? (T(
+  return e != null && !Xt.has(e) ? (_(
     !1,
     `"${e}" is not a valid \`encType\` for \`<Form>\`/\`<fetcher.Form>\` and will default to "${ee}"`
   ), null) : e;
 }
-function ir(e, r) {
+function Kt(e, r) {
   let t, n, a, o, l;
-  if (tr(e)) {
+  if (Vt(e)) {
     let i = e.getAttribute("action");
     n = i ? F(i, r) : null, t = e.getAttribute("method") || Q, a = ce(e.getAttribute("enctype")) || ee, o = new FormData(e);
-  } else if (er(e) || rr(e) && (e.type === "submit" || e.type === "image")) {
+  } else if (Ht(e) || Bt(e) && (e.type === "submit" || e.type === "image")) {
     let i = e.form;
     if (i == null)
       throw new Error(
         'Cannot submit a <button> or <input type="submit"> without a <form>'
       );
-    let s = e.getAttribute("formaction") || i.getAttribute("action");
-    if (n = s ? F(s, r) : null, t = e.getAttribute("formmethod") || i.getAttribute("method") || Q, a = ce(e.getAttribute("formenctype")) || ce(i.getAttribute("enctype")) || ee, o = new FormData(i, e), !or()) {
-      let { name: d, type: f, value: m } = e;
-      if (f === "image") {
-        let p = d ? `${d}.` : "";
+    let c = e.getAttribute("formaction") || i.getAttribute("action");
+    if (n = c ? F(c, r) : null, t = e.getAttribute("formmethod") || i.getAttribute("method") || Q, a = ce(e.getAttribute("formenctype")) || ce(i.getAttribute("enctype")) || ee, o = new FormData(i, e), !qt()) {
+      let { name: f, type: m, value: d } = e;
+      if (m === "image") {
+        let p = f ? `${f}.` : "";
         o.append(`${p}x`, "0"), o.append(`${p}y`, "0");
-      } else d && o.append(d, m);
+      } else f && o.append(f, d);
     }
   } else {
     if (ae(e))
@@ -1588,11 +1264,11 @@ function ir(e, r) {
   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 ve(e, r) {
+function xe(e, r) {
   if (e === !1 || e === null || typeof e > "u")
     throw new Error(r);
 }
-function sr(e, r, t) {
+function Zt(e, r, t) {
   let n = typeof e == "string" ? new URL(
     e,
     // This can be called during the SSR flow via PrefetchPageLinksImpl so
@@ -1601,7 +1277,7 @@ function sr(e, r, t) {
   ) : e;
   return n.pathname === "/" ? n.pathname = `_root.${t}` : r && F(n.pathname, r) === "/" ? n.pathname = `${r.replace(/\/$/, "")}/_root.${t}` : n.pathname = `${n.pathname.replace(/\/$/, "")}.${t}`, n;
 }
-async function ur(e, r) {
+async function Qt(e, r) {
   if (e.id in r)
     return r[e.id];
   try {
@@ -1618,60 +1294,60 @@ async function ur(e, r) {
     });
   }
 }
-function cr(e) {
+function er(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 dr(e, r, t) {
+async function tr(e, r, t) {
   let n = await Promise.all(
     e.map(async (a) => {
       let o = r.routes[a.route.id];
       if (o) {
-        let l = await ur(o, t);
+        let l = await Qt(o, t);
         return l.links ? l.links() : [];
       }
       return [];
     })
   );
-  return gr(
-    n.flat(1).filter(cr).filter((a) => a.rel === "stylesheet" || a.rel === "preload").map(
+  return or(
+    n.flat(1).filter(er).filter((a) => a.rel === "stylesheet" || a.rel === "preload").map(
       (a) => a.rel === "stylesheet" ? { ...a, rel: "prefetch", as: "style" } : { ...a, rel: "prefetch" }
     )
   );
 }
-function Fe(e, r, t, n, a, o) {
-  let l = (s, d) => t[d] ? s.route.id !== t[d].route.id : !0, i = (s, d) => (
+function $e(e, r, t, n, a, o) {
+  let l = (c, f) => t[f] ? c.route.id !== t[f].route.id : !0, i = (c, f) => (
     // param change, /users/123 -> /users/456
-    t[d].pathname !== s.pathname || // splat param changed, which is not present in match.path
+    t[f].pathname !== c.pathname || // splat param changed, which is not present in match.path
     // e.g. /files/images/avatar.jpg -> files/finances.xls
-    t[d].route.path?.endsWith("*") && t[d].params["*"] !== s.params["*"]
+    t[f].route.path?.endsWith("*") && t[f].params["*"] !== c.params["*"]
   );
   return o === "assets" ? r.filter(
-    (s, d) => l(s, d) || i(s, d)
-  ) : o === "data" ? r.filter((s, d) => {
-    let f = n.routes[s.route.id];
-    if (!f || !f.hasLoader)
+    (c, f) => l(c, f) || i(c, f)
+  ) : o === "data" ? r.filter((c, f) => {
+    let m = n.routes[c.route.id];
+    if (!m || !m.hasLoader)
       return !1;
-    if (l(s, d) || i(s, d))
+    if (l(c, f) || i(c, f))
       return !0;
-    if (s.route.shouldRevalidate) {
-      let m = s.route.shouldRevalidate({
+    if (c.route.shouldRevalidate) {
+      let d = c.route.shouldRevalidate({
         currentUrl: new URL(
           a.pathname + a.search + a.hash,
           window.origin
         ),
         currentParams: t[0]?.params || {},
         nextUrl: new URL(e, window.origin),
-        nextParams: s.params,
+        nextParams: c.params,
         defaultShouldRevalidate: !0
       });
-      if (typeof m == "boolean")
-        return m;
+      if (typeof d == "boolean")
+        return d;
     }
     return !0;
   }) : [];
 }
-function mr(e, r, { includeHydrateFallback: t } = {}) {
-  return fr(
+function rr(e, r, { includeHydrateFallback: t } = {}) {
+  return nr(
     e.map((n) => {
       let a = r.routes[n.route.id];
       if (!a) return [];
@@ -1680,82 +1356,82 @@ function mr(e, r, { includeHydrateFallback: t } = {}) {
     }).flat(1)
   );
 }
-function fr(e) {
+function nr(e) {
   return [...new Set(e)];
 }
-function hr(e) {
+function ar(e) {
   let r = {}, t = Object.keys(e).sort();
   for (let n of t)
     r[n] = e[n];
   return r;
 }
-function gr(e, r) {
+function or(e, r) {
   let t = /* @__PURE__ */ new Set();
   return new Set(r), e.reduce((n, a) => {
-    let o = JSON.stringify(hr(a));
+    let o = JSON.stringify(ar(a));
     return t.has(o) || (t.add(o), n.push({ key: o, link: a })), n;
   }, []);
 }
-function qe() {
-  let e = c.useContext(B);
-  return ve(
+function He() {
+  let e = u.useContext(H);
+  return xe(
     e,
     "You must render this element inside a <DataRouterContext.Provider> element"
   ), e;
 }
-function pr() {
-  let e = c.useContext(re);
-  return ve(
+function lr() {
+  let e = u.useContext(re);
+  return xe(
     e,
     "You must render this element inside a <DataRouterStateContext.Provider> element"
   ), e;
 }
-var ye = c.createContext(void 0);
+var ye = u.createContext(void 0);
 ye.displayName = "FrameworkContext";
-function Ke() {
-  let e = c.useContext(ye);
-  return ve(
+function Ve() {
+  let e = u.useContext(ye);
+  return xe(
     e,
     "You must render this element inside a <HydratedRouter> element"
   ), e;
 }
-function br(e, r) {
-  let t = c.useContext(ye), [n, a] = c.useState(!1), [o, l] = c.useState(!1), { onFocus: i, onBlur: s, onMouseEnter: d, onMouseLeave: f, onTouchStart: m } = r, p = c.useRef(null);
-  c.useEffect(() => {
+function ir(e, r) {
+  let t = u.useContext(ye), [n, a] = u.useState(!1), [o, l] = u.useState(!1), { onFocus: i, onBlur: c, onMouseEnter: f, onMouseLeave: m, onTouchStart: d } = r, p = u.useRef(null);
+  u.useEffect(() => {
     if (e === "render" && l(!0), e === "viewport") {
-      let C = (k) => {
-        k.forEach((g) => {
-          l(g.isIntersecting);
+      let E = (v) => {
+        v.forEach((b) => {
+          l(b.isIntersecting);
         });
-      }, v = new IntersectionObserver(C, { threshold: 0.5 });
-      return p.current && v.observe(p.current), () => {
-        v.disconnect();
+      }, w = new IntersectionObserver(E, { threshold: 0.5 });
+      return p.current && w.observe(p.current), () => {
+        w.disconnect();
       };
     }
-  }, [e]), c.useEffect(() => {
+  }, [e]), u.useEffect(() => {
     if (n) {
-      let C = setTimeout(() => {
+      let E = setTimeout(() => {
         l(!0);
       }, 100);
       return () => {
-        clearTimeout(C);
+        clearTimeout(E);
       };
     }
   }, [n]);
-  let b = () => {
+  let g = () => {
     a(!0);
-  }, x = () => {
+  }, y = () => {
     a(!1), l(!1);
   };
   return t ? e !== "intent" ? [o, p, {}] : [
     o,
     p,
     {
-      onFocus: J(i, b),
-      onBlur: J(s, x),
-      onMouseEnter: J(d, b),
-      onMouseLeave: J(f, x),
-      onTouchStart: J(m, b)
+      onFocus: J(i, g),
+      onBlur: J(c, y),
+      onMouseEnter: J(f, g),
+      onMouseLeave: J(m, y),
+      onTouchStart: J(d, g)
     }
   ] : [!1, p, {}];
 }
@@ -1764,18 +1440,18 @@ function J(e, r) {
     e && e(t), t.defaultPrevented || r(t);
   };
 }
-function xr({ page: e, ...r }) {
-  let { router: t } = qe(), n = c.useMemo(
-    () => Ie(t.routes, e, t.basename),
+function sr({ page: e, ...r }) {
+  let { router: t } = He(), n = u.useMemo(
+    () => Ae(t.routes, e, t.basename),
     [t.routes, e, t.basename]
   );
-  return n ? /* @__PURE__ */ c.createElement(yr, { page: e, matches: n, ...r }) : null;
+  return n ? /* @__PURE__ */ u.createElement(cr, { page: e, matches: n, ...r }) : null;
 }
-function vr(e) {
-  let { manifest: r, routeModules: t } = Ke(), [n, a] = c.useState([]);
-  return c.useEffect(() => {
+function ur(e) {
+  let { manifest: r, routeModules: t } = Ve(), [n, a] = u.useState([]);
+  return u.useEffect(() => {
     let o = !1;
-    return dr(e, r, t).then(
+    return tr(e, r, t).then(
       (l) => {
         o || a(l);
       }
@@ -1784,78 +1460,78 @@ function vr(e) {
     };
   }, [e, r, t]), n;
 }
-function yr({
+function cr({
   page: e,
   matches: r,
   ...t
 }) {
-  let n = I(), { manifest: a, routeModules: o } = Ke(), { basename: l } = qe(), { loaderData: i, matches: s } = pr(), d = c.useMemo(
-    () => Fe(
+  let n = D(), { manifest: a, routeModules: o } = Ve(), { basename: l } = He(), { loaderData: i, matches: c } = lr(), f = u.useMemo(
+    () => $e(
       e,
       r,
-      s,
+      c,
       a,
       n,
       "data"
     ),
-    [e, r, s, a, n]
-  ), f = c.useMemo(
-    () => Fe(
+    [e, r, c, a, n]
+  ), m = u.useMemo(
+    () => $e(
       e,
       r,
-      s,
+      c,
       a,
       n,
       "assets"
     ),
-    [e, r, s, a, n]
-  ), m = c.useMemo(() => {
+    [e, r, c, a, n]
+  ), d = u.useMemo(() => {
     if (e === n.pathname + n.search + n.hash)
       return [];
-    let x = /* @__PURE__ */ new Set(), C = !1;
-    if (r.forEach((k) => {
-      let g = a.routes[k.route.id];
-      !g || !g.hasLoader || (!d.some((w) => w.route.id === k.route.id) && k.route.id in i && o[k.route.id]?.shouldRevalidate || g.hasClientLoader ? C = !0 : x.add(k.route.id));
-    }), x.size === 0)
+    let y = /* @__PURE__ */ new Set(), E = !1;
+    if (r.forEach((v) => {
+      let b = a.routes[v.route.id];
+      !b || !b.hasLoader || (!f.some((k) => k.route.id === v.route.id) && v.route.id in i && o[v.route.id]?.shouldRevalidate || b.hasClientLoader ? E = !0 : y.add(v.route.id));
+    }), y.size === 0)
       return [];
-    let v = sr(e, l, "data");
-    return C && x.size > 0 && v.searchParams.set(
+    let w = Zt(e, l, "data");
+    return E && y.size > 0 && w.searchParams.set(
       "_routes",
-      r.filter((k) => x.has(k.route.id)).map((k) => k.route.id).join(",")
-    ), [v.pathname + v.search];
+      r.filter((v) => y.has(v.route.id)).map((v) => v.route.id).join(",")
+    ), [w.pathname + w.search];
   }, [
     l,
     i,
     n,
     a,
-    d,
+    f,
     r,
     e,
     o
-  ]), p = c.useMemo(
-    () => mr(f, a),
-    [f, a]
-  ), b = vr(f);
-  return /* @__PURE__ */ c.createElement(c.Fragment, null, m.map((x) => /* @__PURE__ */ c.createElement("link", { key: x, rel: "prefetch", as: "fetch", href: x, ...t })), p.map((x) => /* @__PURE__ */ c.createElement("link", { key: x, rel: "modulepreload", href: x, ...t })), b.map(({ key: x, link: C }) => (
+  ]), p = u.useMemo(
+    () => rr(m, a),
+    [m, a]
+  ), g = ur(m);
+  return /* @__PURE__ */ u.createElement(u.Fragment, null, d.map((y) => /* @__PURE__ */ u.createElement("link", { key: y, rel: "prefetch", as: "fetch", href: y, ...t })), p.map((y) => /* @__PURE__ */ u.createElement("link", { key: y, rel: "modulepreload", href: y, ...t })), g.map(({ key: y, link: E }) => (
     // these don't spread `linkProps` because they are full link descriptors
     // already with their own props
-    /* @__PURE__ */ c.createElement("link", { key: x, nonce: t.nonce, ...C })
+    /* @__PURE__ */ u.createElement("link", { key: y, nonce: t.nonce, ...E })
   )));
 }
-function kr(...e) {
+function dr(...e) {
   return (r) => {
     e.forEach((t) => {
       typeof t == "function" ? t(r) : t != null && (t.current = r);
     });
   };
 }
-var Xe = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u";
+var Be = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u";
 try {
-  Xe && (window.__reactRouterVersion = // @ts-expect-error
+  Be && (window.__reactRouterVersion = // @ts-expect-error
   "7.9.6");
 } catch {
 }
-var Ze = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, ke = c.forwardRef(
+var Je = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, ve = u.forwardRef(
   function({
     onClick: r,
     discover: t = "render",
@@ -1864,57 +1540,57 @@ var Ze = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, ke = c.forwardRef(
     reloadDocument: o,
     replace: l,
     state: i,
-    target: s,
-    to: d,
-    preventScrollReset: f,
-    viewTransition: m,
+    target: c,
+    to: f,
+    preventScrollReset: m,
+    viewTransition: d,
     ...p
-  }, b) {
-    let { basename: x } = c.useContext($), C = typeof d == "string" && Ze.test(d), v, k = !1;
-    if (typeof d == "string" && C && (v = d, Xe))
+  }, g) {
+    let { basename: y } = u.useContext($), E = typeof f == "string" && Je.test(f), w, v = !1;
+    if (typeof f == "string" && E && (w = f, Be))
       try {
-        let P = new URL(window.location.href), O = d.startsWith("//") ? new URL(P.protocol + d) : new URL(d), q = F(O.pathname, x);
-        O.origin === P.origin && q != null ? d = q + O.search + O.hash : k = !0;
+        let j = new URL(window.location.href), U = f.startsWith("//") ? new URL(j.protocol + f) : new URL(f), q = F(U.pathname, y);
+        U.origin === j.origin && q != null ? f = q + U.search + U.hash : v = !0;
       } catch {
-        T(
+        _(
           !1,
-          `<Link to="${d}"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.`
+          `<Link to="${f}"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.`
         );
       }
-    let g = Dt(d, { relative: a }), [w, _, L] = br(
+    let b = Pt(f, { relative: a }), [k, O, T] = ir(
       n,
       p
-    ), M = Rr(d, {
+    ), M = pr(f, {
       replace: l,
       state: i,
-      target: s,
-      preventScrollReset: f,
+      target: c,
+      preventScrollReset: m,
       relative: a,
-      viewTransition: m
+      viewTransition: d
     });
-    function D(P) {
-      r && r(P), P.defaultPrevented || M(P);
+    function I(j) {
+      r && r(j), j.defaultPrevented || M(j);
     }
     let W = (
       // eslint-disable-next-line jsx-a11y/anchor-has-content
-      /* @__PURE__ */ c.createElement(
+      /* @__PURE__ */ u.createElement(
         "a",
         {
           ...p,
-          ...L,
-          href: v || g,
-          onClick: k || o ? r : D,
-          ref: kr(b, _),
-          target: s,
-          "data-discover": !C && t === "render" ? "true" : void 0
+          ...T,
+          href: w || b,
+          onClick: v || o ? r : I,
+          ref: dr(g, O),
+          target: c,
+          "data-discover": !E && t === "render" ? "true" : void 0
         }
       )
     );
-    return w && !C ? /* @__PURE__ */ c.createElement(c.Fragment, null, W, /* @__PURE__ */ c.createElement(xr, { page: g })) : W;
+    return k && !E ? /* @__PURE__ */ u.createElement(u.Fragment, null, W, /* @__PURE__ */ u.createElement(sr, { page: b })) : W;
   }
 );
-ke.displayName = "Link";
-var wr = c.forwardRef(
+ve.displayName = "Link";
+var fr = u.forwardRef(
   function({
     "aria-current": r = "page",
     caseSensitive: t = !1,
@@ -1923,43 +1599,43 @@ var wr = c.forwardRef(
     style: o,
     to: l,
     viewTransition: i,
-    children: s,
-    ...d
-  }, f) {
-    let m = G(l, { relative: d.relative }), p = I(), b = c.useContext(re), { navigator: x, basename: C } = c.useContext($), v = b != null && // Conditional usage is OK here because the usage of a data router is static
+    children: c,
+    ...f
+  }, m) {
+    let d = G(l, { relative: f.relative }), p = D(), g = u.useContext(re), { navigator: y, basename: E } = u.useContext($), w = g != null && // Conditional usage is OK here because the usage of a data router is static
     // eslint-disable-next-line react-hooks/rules-of-hooks
-    _r(m) && i === !0, k = x.encodeLocation ? x.encodeLocation(m).pathname : m.pathname, g = p.pathname, w = b && b.navigation && b.navigation.location ? b.navigation.location.pathname : null;
-    t || (g = g.toLowerCase(), w = w ? w.toLowerCase() : null, k = k.toLowerCase()), w && C && (w = F(w, C) || w);
-    const _ = k !== "/" && k.endsWith("/") ? k.length - 1 : k.length;
-    let L = g === k || !a && g.startsWith(k) && g.charAt(_) === "/", M = w != null && (w === k || !a && w.startsWith(k) && w.charAt(k.length) === "/"), D = {
-      isActive: L,
+    vr(d) && i === !0, v = y.encodeLocation ? y.encodeLocation(d).pathname : d.pathname, b = p.pathname, k = g && g.navigation && g.navigation.location ? g.navigation.location.pathname : null;
+    t || (b = b.toLowerCase(), k = k ? k.toLowerCase() : null, v = v.toLowerCase()), k && E && (k = F(k, E) || k);
+    const O = v !== "/" && v.endsWith("/") ? v.length - 1 : v.length;
+    let T = b === v || !a && b.startsWith(v) && b.charAt(O) === "/", M = k != null && (k === v || !a && k.startsWith(v) && k.charAt(v.length) === "/"), I = {
+      isActive: T,
       isPending: M,
-      isTransitioning: v
-    }, W = L ? r : void 0, P;
-    typeof n == "function" ? P = n(D) : P = [
+      isTransitioning: w
+    }, W = T ? r : void 0, j;
+    typeof n == "function" ? j = n(I) : j = [
       n,
-      L ? "active" : null,
+      T ? "active" : null,
       M ? "pending" : null,
-      v ? "transitioning" : null
+      w ? "transitioning" : null
     ].filter(Boolean).join(" ");
-    let O = typeof o == "function" ? o(D) : o;
-    return /* @__PURE__ */ c.createElement(
-      ke,
+    let U = typeof o == "function" ? o(I) : o;
+    return /* @__PURE__ */ u.createElement(
+      ve,
       {
-        ...d,
+        ...f,
         "aria-current": W,
-        className: P,
-        ref: f,
-        style: O,
+        className: j,
+        ref: m,
+        style: U,
         to: l,
         viewTransition: i
       },
-      typeof s == "function" ? s(D) : s
+      typeof c == "function" ? c(I) : c
     );
   }
 );
-wr.displayName = "NavLink";
-var Er = c.forwardRef(
+fr.displayName = "NavLink";
+var mr = u.forwardRef(
   ({
     discover: e = "render",
     fetcherKey: r,
@@ -1969,49 +1645,49 @@ var Er = c.forwardRef(
     state: o,
     method: l = Q,
     action: i,
-    onSubmit: s,
-    relative: d,
-    preventScrollReset: f,
-    viewTransition: m,
+    onSubmit: c,
+    relative: f,
+    preventScrollReset: m,
+    viewTransition: d,
     ...p
-  }, b) => {
-    let x = Sr(), C = Pr(i, { relative: d }), v = l.toLowerCase() === "get" ? "get" : "post", k = typeof i == "string" && Ze.test(i), g = (w) => {
-      if (s && s(w), w.defaultPrevented) return;
-      w.preventDefault();
-      let _ = w.nativeEvent.submitter, L = _?.getAttribute("formmethod") || l;
-      x(_ || w.currentTarget, {
+  }, g) => {
+    let y = xr(), E = yr(i, { relative: f }), w = l.toLowerCase() === "get" ? "get" : "post", v = typeof i == "string" && Je.test(i), b = (k) => {
+      if (c && c(k), k.defaultPrevented) return;
+      k.preventDefault();
+      let O = k.nativeEvent.submitter, T = O?.getAttribute("formmethod") || l;
+      y(O || k.currentTarget, {
         fetcherKey: r,
-        method: L,
+        method: T,
         navigate: t,
         replace: a,
         state: o,
-        relative: d,
-        preventScrollReset: f,
-        viewTransition: m
+        relative: f,
+        preventScrollReset: m,
+        viewTransition: d
       });
     };
-    return /* @__PURE__ */ c.createElement(
+    return /* @__PURE__ */ u.createElement(
       "form",
       {
-        ref: b,
-        method: v,
-        action: C,
-        onSubmit: n ? s : g,
+        ref: g,
+        method: w,
+        action: E,
+        onSubmit: n ? c : b,
         ...p,
-        "data-discover": !k && e === "render" ? "true" : void 0
+        "data-discover": !v && e === "render" ? "true" : void 0
       }
     );
   }
 );
-Er.displayName = "Form";
-function Cr(e) {
+mr.displayName = "Form";
+function hr(e) {
   return `${e} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`;
 }
-function Qe(e) {
-  let r = c.useContext(B);
-  return S(r, Cr(e)), r;
+function Ge(e) {
+  let r = u.useContext(H);
+  return P(r, hr(e)), r;
 }
-function Rr(e, {
+function pr(e, {
   target: r,
   replace: t,
   state: n,
@@ -2019,14 +1695,14 @@ function Rr(e, {
   relative: o,
   viewTransition: l
 } = {}) {
-  let i = It(), s = I(), d = G(e, { relative: o });
-  return c.useCallback(
-    (f) => {
-      if (ar(f, r)) {
-        f.preventDefault();
-        let m = t !== void 0 ? t : de(s) === de(d);
+  let i = jt(), c = D(), f = G(e, { relative: o });
+  return u.useCallback(
+    (m) => {
+      if (Gt(m, r)) {
+        m.preventDefault();
+        let d = t !== void 0 ? t : de(c) === de(f);
         i(e, {
-          replace: m,
+          replace: d,
           state: n,
           preventScrollReset: a,
           relative: o,
@@ -2035,9 +1711,9 @@ function Rr(e, {
       }
     },
     [
-      s,
+      c,
       i,
-      d,
+      f,
       t,
       n,
       r,
@@ -2048,24 +1724,24 @@ function Rr(e, {
     ]
   );
 }
-var Nr = 0, jr = () => `__${String(++Nr)}__`;
-function Sr() {
-  let { router: e } = Qe(
+var gr = 0, br = () => `__${String(++gr)}__`;
+function xr() {
+  let { router: e } = Ge(
     "useSubmit"
     /* UseSubmit */
-  ), { basename: r } = c.useContext($), t = Kt();
-  return c.useCallback(
+  ), { basename: r } = u.useContext($), t = Mt();
+  return u.useCallback(
     async (n, a = {}) => {
-      let { action: o, method: l, encType: i, formData: s, body: d } = ir(
+      let { action: o, method: l, encType: i, formData: c, body: f } = Kt(
         n,
         r
       );
       if (a.navigate === !1) {
-        let f = a.fetcherKey || jr();
-        await e.fetch(f, t, a.action || o, {
+        let m = a.fetcherKey || br();
+        await e.fetch(m, t, a.action || o, {
           preventScrollReset: a.preventScrollReset,
-          formData: s,
-          body: d,
+          formData: c,
+          body: f,
           formMethod: a.method || l,
           formEncType: a.encType || i,
           flushSync: a.flushSync
@@ -2073,8 +1749,8 @@ function Sr() {
       } else
         await e.navigate(a.action || o, {
           preventScrollReset: a.preventScrollReset,
-          formData: s,
-          body: d,
+          formData: c,
+          body: f,
           formMethod: a.method || l,
           formEncType: a.encType || i,
           replace: a.replace,
@@ -2087,28 +1763,28 @@ function Sr() {
     [e, r, t]
   );
 }
-function Pr(e, { relative: r } = {}) {
-  let { basename: t } = c.useContext($), n = c.useContext(A);
-  S(n, "useFormAction must be used inside a RouteContext");
-  let [a] = n.matches.slice(-1), o = { ...G(e || ".", { relative: r }) }, l = I();
+function yr(e, { relative: r } = {}) {
+  let { basename: t } = u.useContext($), n = u.useContext(A);
+  P(n, "useFormAction must be used inside a RouteContext");
+  let [a] = n.matches.slice(-1), o = { ...G(e || ".", { relative: r }) }, l = D();
   if (e == null) {
     o.search = l.search;
-    let i = new URLSearchParams(o.search), s = i.getAll("index");
-    if (s.some((f) => f === "")) {
-      i.delete("index"), s.filter((m) => m).forEach((m) => i.append("index", m));
-      let f = i.toString();
-      o.search = f ? `?${f}` : "";
+    let i = new URLSearchParams(o.search), c = i.getAll("index");
+    if (c.some((m) => m === "")) {
+      i.delete("index"), c.filter((d) => d).forEach((d) => i.append("index", d));
+      let m = i.toString();
+      o.search = m ? `?${m}` : "";
     }
   }
-  return (!e || e === ".") && a.route.index && (o.search = o.search ? o.search.replace(/^\?/, "?index&") : "?index"), t !== "/" && (o.pathname = o.pathname === "/" ? t : U([t, o.pathname])), de(o);
+  return (!e || e === ".") && a.route.index && (o.search = o.search ? o.search.replace(/^\?/, "?index&") : "?index"), t !== "/" && (o.pathname = o.pathname === "/" ? t : L([t, o.pathname])), de(o);
 }
-function _r(e, { relative: r } = {}) {
-  let t = c.useContext(Ye);
-  S(
+function vr(e, { relative: r } = {}) {
+  let t = u.useContext(Me);
+  P(
     t != null,
     "`useViewTransitionState` must be used within `react-router-dom`'s `RouterProvider`.  Did you accidentally import `RouterProvider` from `react-router`?"
   );
-  let { basename: n } = Qe(
+  let { basename: n } = Ge(
     "useViewTransitionState"
     /* useViewTransitionState */
   ), a = G(e, { relative: r });
@@ -2117,24 +1793,24 @@ function _r(e, { relative: r } = {}) {
   let o = F(t.currentLocation.pathname, n) || t.currentLocation.pathname, l = F(t.nextLocation.pathname, n) || t.nextLocation.pathname;
   return te(a.pathname, l) != null || te(a.pathname, o) != null;
 }
-const Lr = {
+const wr = {
   primary: "text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300 underline font-medium",
   secondary: "text-green-600 hover:text-green-800 dark:text-green-400 dark:hover:text-green-300 underline font-medium",
   subtle: "text-gray-600 hover:text-gray-800 dark:text-gray-400 dark:hover:text-gray-200 underline"
-}, et = ({
+}, qe = ({
   to: e,
   children: r,
   className: t,
   variant: n = "primary"
 }) => /* @__PURE__ */ h.jsx(
-  ke,
+  ve,
   {
     to: e,
-    className: E(Lr[n], t),
+    className: R(wr[n], t),
     "aria-label": typeof r == "string" ? `Navigate to ${r}` : void 0,
     children: r
   }
-), Tr = {
+), kr = {
   // Getting Started cluster
   gettingStarted: {
     documentation: "/document#getting-started",
@@ -2162,12 +1838,12 @@ const Lr = {
     nameService: "/document#name-service-subscription",
     troubleshooting: "/document#troubleshooting"
   }
-}, Br = ({
+}, Tr = ({
   cluster: e,
   context: r = "",
   className: t
 }) => {
-  const n = Tr[e], a = {
+  const n = kr[e], a = {
     gettingStarted: {
       documentation: "Learn how it works",
       connect: "Get started now",
@@ -2192,30 +1868,30 @@ const Lr = {
       troubleshooting: "Troubleshooting guide"
     }
   };
-  return /* @__PURE__ */ h.jsx("span", { className: E("text-sm text-gray-600 dark:text-gray-400", t), children: Object.entries(n).map(([o, l], i) => /* @__PURE__ */ h.jsxs(me.Fragment, { children: [
-    /* @__PURE__ */ h.jsx(et, { to: l, variant: "primary", children: a[e][o] }),
+  return /* @__PURE__ */ h.jsx("span", { className: R("text-sm text-gray-600 dark:text-gray-400", t), children: Object.entries(n).map(([o, l], i) => /* @__PURE__ */ h.jsxs(fe.Fragment, { children: [
+    /* @__PURE__ */ h.jsx(qe, { to: l, variant: "primary", children: a[e][o] }),
     i < Object.keys(n).length - 1 && " • "
   ] }, o)) });
-}, Yr = ({
+}, Lr = ({
   title: e = "Related:",
   links: r,
   className: t
 }) => /* @__PURE__ */ h.jsxs(
   "div",
   {
-    className: E(
+    className: R(
       "mt-4 p-3 bg-blue-50 dark:bg-blue-900/20 rounded-lg border border-blue-200 dark:border-blue-800",
       t
     ),
     children: [
       /* @__PURE__ */ h.jsx("span", { className: "text-sm font-medium text-blue-900 dark:text-blue-200 mr-2", children: e }),
-      r.map((n, a) => /* @__PURE__ */ h.jsxs(me.Fragment, { children: [
-        /* @__PURE__ */ h.jsx(et, { to: n.url, variant: n.variant || "primary", children: n.text }),
+      r.map((n, a) => /* @__PURE__ */ h.jsxs(fe.Fragment, { children: [
+        /* @__PURE__ */ h.jsx(qe, { to: n.url, variant: n.variant || "primary", children: n.text }),
         a < r.length - 1 && " • "
       ] }, a))
     ]
   }
-), Hr = (e, r) => ({
+), $r = (e, r) => ({
   homepage: [
     { text: "How it works", url: "/document#getting-started" },
     { text: "User benefits", url: "/web3-users" },
@@ -2236,7 +1912,7 @@ const Lr = {
     { text: "Smart contracts", url: "/document#smart-contracts" },
     { text: "User benefits", url: "/web3-users" }
   ]
-})[e] || [], Jr = ({
+})[e] || [], Ar = ({
   className: e,
   children: r,
   disabled: t = !1,
@@ -2244,7 +1920,7 @@ const Lr = {
 }) => /* @__PURE__ */ h.jsx(
   "div",
   {
-    className: E(
+    className: R(
       "p-4 rounded-lg border transition-colors",
       "bg-white dark:bg-gray-900",
       "border-gray-200 dark:border-gray-700",
@@ -2258,7 +1934,7 @@ const Lr = {
     "aria-label": "UlandingUbuilder",
     children: r || "UlandingUbuilder Component"
   }
-), Gr = ({
+), Or = ({
   className: e,
   children: r,
   disabled: t = !1,
@@ -2266,7 +1942,7 @@ const Lr = {
 }) => /* @__PURE__ */ h.jsx(
   "div",
   {
-    className: E(
+    className: R(
       "p-4 rounded-lg border transition-colors",
       "bg-white dark:bg-gray-900",
       "border-gray-200 dark:border-gray-700",
@@ -2280,14 +1956,14 @@ const Lr = {
     "aria-label": "UnpsUsurvey",
     children: r || "UnpsUsurvey Component"
   }
-), qr = ({
+), Ur = ({
   className: e,
   children: r,
   disabled: t
 }) => /* @__PURE__ */ h.jsx(
   "div",
   {
-    className: E(
+    className: R(
       "p-4 rounded-lg border transition-colors",
       "bg-white dark:bg-gray-900",
       "border-gray-200 dark:border-gray-700",
@@ -2299,14 +1975,14 @@ const Lr = {
     "aria-label": "SalesReport",
     children: r || "SalesReport Component"
   }
-), Kr = ({
+), Fr = ({
   className: e,
   children: r,
   disabled: t
 }) => /* @__PURE__ */ h.jsx(
   "div",
   {
-    className: E(
+    className: R(
       "p-4 rounded-lg border transition-colors",
       "bg-white dark:bg-gray-900",
       "border-gray-200 dark:border-gray-700",
@@ -2318,29 +1994,7 @@ const Lr = {
     "aria-label": "SubscriberList",
     children: r || "SubscriberList Component"
   }
-), Xr = ({
-  className: e,
-  children: r,
-  disabled: t = !1,
-  onClick: n
-}) => /* @__PURE__ */ h.jsx(
-  "div",
-  {
-    className: E(
-      "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": "UsurveyUbuilder",
-    children: r || "UsurveyUbuilder Component"
-  }
-), Zr = ({
+), Ir = ({
   className: e,
   children: r,
   disabled: t = !1,
@@ -2348,7 +2002,7 @@ const Lr = {
 }) => /* @__PURE__ */ h.jsx(
   "div",
   {
-    className: E(
+    className: R(
       "p-4 rounded-lg border transition-colors",
       "bg-white dark:bg-gray-900",
       "border-gray-200 dark:border-gray-700",
@@ -2362,7 +2016,7 @@ const Lr = {
     "aria-label": "UtestimonialUslider",
     children: r || "UtestimonialUslider Component"
   }
-), Qr = ({
+), Dr = ({
   title: e,
   description: r,
   useCases: t,
@@ -2381,43 +2035,43 @@ const Lr = {
     3: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
     4: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4"
   };
-  return /* @__PURE__ */ h.jsx("section", { className: E(nt.section.gradient, a), children: /* @__PURE__ */ h.jsxs("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
+  return /* @__PURE__ */ h.jsx("section", { className: R(Ze.section.gradient, a), children: /* @__PURE__ */ h.jsxs("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
     (e || r) && /* @__PURE__ */ h.jsxs("div", { className: "text-center mb-12", children: [
       e && /* @__PURE__ */ h.jsx("h2", { className: "text-3xl font-bold text-gray-900 dark:text-white mb-4", children: e }),
       r && /* @__PURE__ */ h.jsx("p", { className: "text-xl text-gray-600 dark:text-gray-300 max-w-3xl mx-auto", children: r })
     ] }),
-    /* @__PURE__ */ h.jsx("div", { className: E("grid gap-8", l[n]), children: t.map((i, s) => {
-      const d = i.color ? o[i.color] : o.blue;
+    /* @__PURE__ */ h.jsx("div", { className: R("grid gap-8", l[n]), children: t.map((i, c) => {
+      const f = i.color ? o[i.color] : o.blue;
       return /* @__PURE__ */ h.jsxs(
         "div",
         {
           className: "bg-white dark:bg-gray-800 rounded-xl p-6 border border-gray-200 dark:border-gray-700 hover:shadow-lg transition-shadow",
           children: [
-            /* @__PURE__ */ h.jsx("div", { className: E("flex-shrink-0 mb-4", d), children: i.icon }),
+            /* @__PURE__ */ h.jsx("div", { className: R("flex-shrink-0 mb-4", f), children: i.icon }),
             /* @__PURE__ */ h.jsx("h3", { className: "text-xl font-semibold text-gray-900 dark:text-white mb-3", children: i.title }),
             /* @__PURE__ */ h.jsx("p", { className: "text-gray-600 dark:text-gray-300 mb-4", children: i.description }),
             i.examples && i.examples.length > 0 && /* @__PURE__ */ h.jsxs("div", { children: [
               /* @__PURE__ */ h.jsx("h4", { className: "text-sm font-semibold text-gray-700 dark:text-gray-300 mb-2", children: "Examples:" }),
-              /* @__PURE__ */ h.jsx("ul", { className: "space-y-1", children: i.examples.map((f, m) => /* @__PURE__ */ h.jsxs("li", { className: "flex items-start", children: [
+              /* @__PURE__ */ h.jsx("ul", { className: "space-y-1", children: i.examples.map((m, d) => /* @__PURE__ */ h.jsxs("li", { className: "flex items-start", children: [
                 /* @__PURE__ */ h.jsx(
                   "div",
                   {
-                    className: E(
+                    className: R(
                       "w-1.5 h-1.5 rounded-full mt-2 mr-2 flex-shrink-0",
                       i.color ? `bg-${i.color}-500` : "bg-blue-500"
                     )
                   }
                 ),
-                /* @__PURE__ */ h.jsx("span", { className: "text-sm text-gray-600 dark:text-gray-400", children: f })
-              ] }, m)) })
+                /* @__PURE__ */ h.jsx("span", { className: "text-sm text-gray-600 dark:text-gray-400", children: m })
+              ] }, d)) })
             ] })
           ]
         },
-        s
+        c
       );
     }) })
   ] }) });
-}, en = ({
+}, Mr = ({
   className: e,
   children: r,
   disabled: t = !1,
@@ -2425,7 +2079,7 @@ const Lr = {
 }) => /* @__PURE__ */ h.jsx(
   "div",
   {
-    className: E(
+    className: R(
       "p-4 rounded-lg border transition-colors",
       "bg-white dark:bg-gray-900",
       "border-gray-200 dark:border-gray-700",
@@ -2441,25 +2095,20 @@ const Lr = {
   }
 );
 export {
-  Or as CrmDashboard,
-  Dr as FeatureGrid,
-  Mr as FeatureListItem,
-  zr as HeroBannerWithBadge,
-  et as InternalLink,
-  Yr as RelatedLinks,
-  qr as SalesReport,
-  Kr as SubscriberList,
-  Br as TopicClusterLinks,
-  Fr as UctaUbanner,
-  Wr as UfeatureUspotlight,
-  Vr as UfunnelUchart,
-  Jr as UlandingUbuilder,
-  Gr as UnpsUsurvey,
-  Qr as UseCaseGrid,
-  Xr as UsurveyUbuilder,
-  Zr as UtestimonialUslider,
-  en as UwelcomeUscreen,
-  Ue as createFeature,
-  Ir as createSecurityFeatures,
-  Hr as generateContextualLinks
+  Sr as CrmDashboard,
+  Pr as FeatureListItem,
+  _r as HeroBannerWithBadge,
+  qe as InternalLink,
+  Lr as RelatedLinks,
+  Ur as SalesReport,
+  Fr as SubscriberList,
+  Tr as TopicClusterLinks,
+  Nr as UctaUbanner,
+  jr as UfeatureUspotlight,
+  Ar as UlandingUbuilder,
+  Or as UnpsUsurvey,
+  Dr as UseCaseGrid,
+  Ir as UtestimonialUslider,
+  Mr as UwelcomeUscreen,
+  $r as generateContextualLinks
 };