@sudobility/marketing-components 1.0.9

package/dist/index.esm.js

@@ -0,0 +1,2465 @@
+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;
+  var e = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
+  function t(n, a, o) {
+    var l = null;
+    if (o !== void 0 && (l = "" + o), a.key !== void 0 && (l = "" + a.key), "key" in a) {
+      o = {};
+      for (var i in a)
+        i !== "key" && (o[i] = a[i]);
+    } else o = a;
+    return a = o.ref, {
+      $$typeof: e,
+      type: n,
+      key: l,
+      ref: a !== void 0 ? a : null,
+      props: o
+    };
+  }
+  return Y.Fragment = r, Y.jsx = t, Y.jsxs = t, Y;
+}
+var H = {};
+var Pe;
+function ot() {
+  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:
+          return "Fragment";
+        case g:
+          return "Profiler";
+        case k:
+          return "StrictMode";
+        case M:
+          return "Suspense";
+        case D:
+          return "SuspenseList";
+        case O:
+          return "Activity";
+      }
+      if (typeof u == "object")
+        switch (typeof u.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:
+            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 W:
+            return y = u.displayName || null, y !== null ? y : e(u.type) || "Memo";
+          case P:
+            y = u._payload, u = u._init;
+            try {
+              return e(u(y));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function r(u) {
+      return "" + u;
+    }
+    function t(u) {
+      try {
+        r(u);
+        var y = !1;
+      } catch {
+        y = !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,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          N
+        ), r(u);
+      }
+    }
+    function n(u) {
+      if (u === v) return "<>";
+      if (typeof u == "object" && u !== null && u.$$typeof === P)
+        return "<...>";
+      try {
+        var y = e(u);
+        return y ? "<" + y + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function a() {
+      var u = oe.A;
+      return u === null ? null : u.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;
+      }
+      return u.key !== void 0;
+    }
+    function i(u, y) {
+      function R() {
+        Ee || (Ee = !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
+        ));
+      }
+      R.isReactWarning = !0, Object.defineProperty(u, "key", {
+        get: R,
+        configurable: !0
+      });
+    }
+    function s() {
+      var u = e(this.type);
+      return Ce[u] || (Ce[u] = !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;
+    }
+    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", {
+        enumerable: !1,
+        get: s
+      }) : Object.defineProperty(u, "ref", { enumerable: !1, value: null }), u._store = {}, Object.defineProperty(u._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(u, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(u, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: K
+      }), Object.defineProperty(u, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: ie
+      }), Object.freeze && (Object.freeze(u.props), Object.freeze(u)), u;
+    }
+    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);
+          } 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";
+        });
+        N = 0 < V.length ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}", je[j + N] || (V = 0 < V.length ? "{" + V.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} />`,
+          N,
+          j,
+          V,
+          j
+        ), je[j + N] = !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,
+        a(),
+        K,
+        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 p(u) {
+      return typeof u == "object" && u !== null && u.$$typeof === x;
+    }
+    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() {
+      return null;
+    };
+    b = {
+      react_stack_bottom_frame: function(u) {
+        return u();
+      }
+    };
+    var Ee, Ce = {}, Re = b.react_stack_bottom_frame.bind(
+      b,
+      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,
+        !1,
+        N ? Error("react-stack-top-frame") : Re,
+        N ? le(n(u)) : Ne
+      );
+    }, H.jsxs = function(u, y, R) {
+      var N = 1e4 > oe.recentlyCreatedOwnerStacks++;
+      return f(
+        u,
+        y,
+        R,
+        !0,
+        N ? Error("react-stack-top-frame") : Re,
+        N ? le(n(u)) : Ne
+      );
+    };
+  })()), H;
+}
+var _e;
+function lt() {
+  return _e || (_e = 1, process.env.NODE_ENV === "production" ? X.exports = at() : X.exports = ot()), X.exports;
+}
+var h = lt();
+const Or = ({
+  className: e,
+  children: r,
+  disabled: t
+}) => /* @__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",
+      e
+    ),
+    role: "region",
+    "aria-label": "CrmDashboard",
+    children: r || "CrmDashboard Component"
+  }
+), Fr = ({
+  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": "UctaUbanner",
+    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({
+  title: e,
+  titleId: r,
+  ...t
+}, n) {
+  return /* @__PURE__ */ c.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    strokeWidth: 1.5,
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: n,
+    "aria-labelledby": r
+  }, t), e ? /* @__PURE__ */ c.createElement("title", {
+    id: r
+  }, e) : null, /* @__PURE__ */ c.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 = ({
+  title: e,
+  description: r,
+  icon: t = ft,
+  iconVariant: n = "success",
+  size: a = "md",
+  className: o
+}) => {
+  const l = {
+    primary: "bg-blue-400 text-blue-900",
+    success: "bg-green-400 text-emerald-900",
+    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 = {
+    sm: {
+      container: "gap-2",
+      icon: "p-1.5",
+      iconSize: "h-4 w-4",
+      title: z.body.md(),
+      description: z.body.sm()
+    },
+    md: {
+      container: "gap-3",
+      icon: "p-2",
+      iconSize: "h-5 w-5",
+      title: z.body.strong.md(),
+      description: z.body.md()
+    },
+    lg: {
+      container: "gap-4",
+      icon: "p-3",
+      iconSize: "h-6 w-6",
+      title: z.heading.h4(),
+      description: z.body.md()
+    }
+  }[a];
+  return /* @__PURE__ */ h.jsxs("div", { className: E("flex items-start", s.container, o), children: [
+    /* @__PURE__ */ h.jsx(
+      "div",
+      {
+        className: E(
+          "rounded-full flex-shrink-0",
+          s.icon,
+          l[n]
+        ),
+        children: /* @__PURE__ */ h.jsx(t, { className: s.iconSize })
+      }
+    ),
+    /* @__PURE__ */ h.jsxs("div", { className: "flex-1 min-w-0", children: [
+      /* @__PURE__ */ h.jsx("h4", { className: s.title, children: e }),
+      r && /* @__PURE__ */ h.jsx(
+        "p",
+        {
+          className: E(
+            s.description,
+            "mt-1 text-gray-600 dark:text-gray-300"
+          ),
+          children: r
+        }
+      )
+    ] })
+  ] });
+}, Wr = ({
+  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": "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 = ({
+  badgeIcon: e,
+  badgeText: r,
+  badgeColor: t = "blue",
+  title: n,
+  subtitle: a,
+  description: o,
+  primaryButton: l,
+  secondaryButton: i,
+  className: s,
+  children: d
+}) => {
+  const m = {
+    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",
+    orange: "bg-orange-100 dark:bg-orange-900/30 border-orange-300 dark:border-orange-700 text-orange-800 dark:text-orange-200",
+    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: [
+    /* @__PURE__ */ h.jsxs(
+      "div",
+      {
+        className: E(
+          "inline-flex items-center border px-6 py-3 rounded-full mb-6",
+          m
+        ),
+        children: [
+          e && /* @__PURE__ */ h.jsx("span", { className: "mr-3", children: e }),
+          /* @__PURE__ */ h.jsx("span", { className: "font-semibold", children: r })
+        ]
+      }
+    ),
+    /* @__PURE__ */ h.jsxs("h1", { className: "text-4xl md:text-6xl font-bold text-gray-900 dark:text-gray-100 mb-6", children: [
+      typeof n == "string" ? /* @__PURE__ */ h.jsx("span", { dangerouslySetInnerHTML: { __html: n } }) : n,
+      a && /* @__PURE__ */ h.jsx("span", { className: "text-blue-600 dark:text-blue-400 block", children: a })
+    ] }),
+    /* @__PURE__ */ h.jsx("p", { className: "text-xl text-gray-600 dark:text-gray-300 mb-8 max-w-4xl mx-auto leading-relaxed", children: o }),
+    (l || i) && /* @__PURE__ */ h.jsxs("div", { className: "flex flex-col sm:flex-row gap-4 justify-center mb-8", children: [
+      l && (l.href ? /* @__PURE__ */ h.jsx(
+        "a",
+        {
+          href: l.href,
+          className: E(
+            "px-8 py-3 rounded-md bg-blue-600 text-white hover:bg-blue-700 transition-colors inline-block",
+            l.className
+          ),
+          children: l.text
+        }
+      ) : /* @__PURE__ */ h.jsx(
+        "button",
+        {
+          onClick: l.onClick,
+          className: E(
+            "px-8 py-3 rounded-md bg-blue-600 text-white hover:bg-blue-700 transition-colors",
+            l.className
+          ),
+          children: l.text
+        }
+      )),
+      i && (i.href ? /* @__PURE__ */ h.jsx(
+        "a",
+        {
+          href: i.href,
+          className: E(
+            "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
+          ),
+          children: i.text
+        }
+      ) : /* @__PURE__ */ h.jsx(
+        "button",
+        {
+          onClick: i.onClick,
+          className: E(
+            "px-8 py-3 rounded-md border-2 border-gray-300 dark:border-gray-600 hover:border-gray-400 transition-colors",
+            i.className
+          ),
+          children: i.text
+        }
+      ))
+    ] }),
+    d
+  ] }) });
+};
+function S(e, r) {
+  if (e === !1 || e === null || typeof e > "u")
+    throw new Error(r);
+}
+function T(e, r) {
+  if (!e) {
+    typeof console < "u" && console.warn(r);
+    try {
+      throw new Error(r);
+    } catch {
+    }
+  }
+}
+function de({
+  pathname: e = "/",
+  search: r = "",
+  hash: t = ""
+}) {
+  return r && r !== "?" && (e += r.charAt(0) === "?" ? r : "?" + r), t && t !== "#" && (e += t.charAt(0) === "#" ? t : "#" + t), e;
+}
+function he(e) {
+  let r = {};
+  if (e) {
+    let t = e.indexOf("#");
+    t >= 0 && (r.hash = e.substring(t), e = e.substring(0, t));
+    let n = e.indexOf("?");
+    n >= 0 && (r.search = e.substring(n), e = e.substring(0, n)), e && (r.pathname = e);
+  }
+  return r;
+}
+function Ie(e, r, t = "/") {
+  return ht(e, r, t, !1);
+}
+function ht(e, r, t, n) {
+  let a = typeof r == "string" ? he(r) : r, o = F(a.pathname || "/", t);
+  if (o == null)
+    return null;
+  let l = Me(e);
+  gt(l);
+  let i = null;
+  for (let s = 0; i == null && s < l.length; ++s) {
+    let d = Nt(o);
+    i = Ct(
+      l[s],
+      d,
+      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,
+      caseSensitive: l.caseSensitive === !0,
+      childrenIndex: i,
+      route: l
+    };
+    if (f.relativePath.startsWith("/")) {
+      if (!f.relativePath.startsWith(n) && s)
+        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);
+    }
+    let m = U([n, f.relativePath]), p = t.concat(f);
+    l.children && l.children.length > 0 && (S(
+      // 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(
+      l.children,
+      r,
+      p,
+      m,
+      s
+    )), !(l.path == null && !l.index) && r.push({
+      path: m,
+      score: wt(m, l.index),
+      routesMeta: p
+    });
+  };
+  return e.forEach((l, i) => {
+    if (l.path === "" || !l.path?.includes("?"))
+      o(l, i);
+    else
+      for (let s of We(l.path))
+        o(l, i, !0, s);
+  }), r;
+}
+function We(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 = [];
+  return i.push(
+    ...l.map(
+      (s) => s === "" ? o : [o, s].join("/")
+    )
+  ), a && i.push(...l), i.map(
+    (s) => e.startsWith("/") && s === "" ? "/" : s
+  );
+}
+function gt(e) {
+  e.sort(
+    (r, t) => r.score !== t.score ? t.score - r.score : Et(
+      r.routesMeta.map((n) => n.childrenIndex),
+      t.routesMeta.map((n) => n.childrenIndex)
+    )
+  );
+}
+var pt = /^:[\w-]+$/, bt = 3, xt = 2, vt = 1, yt = 10, kt = -2, $e = (e) => e === "*";
+function wt(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),
+    n
+  );
+}
+function Et(e, r) {
+  return e.length === r.length && e.slice(0, -1).every((n, a) => n === r[a]) ? (
+    // If two routes are siblings, we should try to match the earlier sibling
+    // first. This allows people to have fine-grained control over the matching
+    // behavior by simply putting routes with identical paths in the order they
+    // want them tried.
+    e[e.length - 1] - r[r.length - 1]
+  ) : (
+    // Otherwise, it doesn't really make sense to rank non-siblings by index,
+    // so they sort equally.
+    0
+  );
+}
+function Ct(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(
+      {
+        path: s.relativePath,
+        caseSensitive: s.caseSensitive,
+        end: !1
+      },
+      f
+    )), !m)
+      return null;
+    Object.assign(a, m.params), l.push({
+      // TODO: Can this as be avoided?
+      params: a,
+      pathname: U([o, m.pathname]),
+      pathnameBase: Lt(
+        U([o, m.pathnameBase])
+      ),
+      route: p
+    }), m.pathnameBase !== "/" && (o = U([o, m.pathnameBase]));
+  }
+  return l;
+}
+function te(e, r) {
+  typeof e == "string" && (e = { path: e, caseSensitive: !1, end: !0 });
+  let [t, n] = Rt(
+    e.path,
+    e.caseSensitive,
+    e.end
+  ), a = r.match(t);
+  if (!a) return null;
+  let 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");
+        }
+        const b = i[p];
+        return m && !b ? d[f] = void 0 : d[f] = (b || "").replace(/%2F/g, "/"), d;
+      },
+      {}
+    ),
+    pathname: o,
+    pathnameBase: l,
+    pattern: e
+  };
+}
+function Rt(e, r = !1, t = !0) {
+  T(
+    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 ? "/?([^\\/]+)?" : "/([^\\/]+)")
+  ).replace(/\/([\w-]+)\?(\/|$)/g, "(/$1)?$2");
+  return e.endsWith("*") ? (n.push({ paramName: "*" }), a += e === "*" || e === "/*" ? "(.*)$" : "(?:\\/(.+)|\\/*)$") : t ? a += "\\/*$" : e !== "" && e !== "/" && (a += "(?:(?=\\/|$))"), [new RegExp(a, r ? void 0 : "i"), n];
+}
+function Nt(e) {
+  try {
+    return e.split("/").map((r) => decodeURIComponent(r).replace(/\//g, "%2F")).join("/");
+  } catch (r) {
+    return T(
+      !1,
+      `The URL path "${e}" could not be decoded because it is a malformed URL segment. This is probably due to a bad percent encoding (${r}).`
+    ), e;
+  }
+}
+function F(e, r) {
+  if (r === "/") return e;
+  if (!e.toLowerCase().startsWith(r.toLowerCase()))
+    return null;
+  let t = r.endsWith("/") ? r.length - 1 : r.length, n = e.charAt(t);
+  return n && n !== "/" ? null : e.slice(t) || "/";
+}
+var jt = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, St = (e) => jt.test(e);
+function Pt(e, r = "/") {
+  let {
+    pathname: t,
+    search: n = "",
+    hash: a = ""
+  } = typeof e == "string" ? he(e) : e, o;
+  if (t)
+    if (St(t))
+      o = t;
+    else {
+      if (t.includes("//")) {
+        let l = t;
+        t = t.replace(/\/\/+/g, "/"), T(
+          !1,
+          `Pathnames cannot have embedded double slashes - normalizing ${l} -> ${t}`
+        );
+      }
+      t.startsWith("/") ? o = Ae(t.substring(1), "/") : o = Ae(t, r);
+    }
+  else
+    o = r;
+  return {
+    pathname: o,
+    search: Tt(n),
+    hash: Ut(a)
+  };
+}
+function Ae(e, r) {
+  let t = r.replace(/\/+$/, "").split("/");
+  return e.split("/").forEach((a) => {
+    a === ".." ? t.length > 1 && t.pop() : a !== "." && t.push(a);
+  }), t.length > 1 ? t.join("/") : "/";
+}
+function ue(e, r, t, n) {
+  return `Cannot include a '${e}' character in a manually specified \`to.${r}\` field [${JSON.stringify(
+    n
+  )}].  Please separate it out to the \`to.${t}\` field. Alternatively you may provide the full path as a string in <Link to="..."> and the router will parse it for you.`;
+}
+function _t(e) {
+  return e.filter(
+    (r, t) => t === 0 || r.route.path && r.route.path.length > 0
+  );
+}
+function Ve(e) {
+  let r = _t(e);
+  return r.map(
+    (t, n) => n === r.length - 1 ? t.pathname : t.pathnameBase
+  );
+}
+function ze(e, r, t, n = !1) {
+  let a;
+  typeof e == "string" ? a = he(e) : (a = { ...e }, S(
+    !a.pathname || !a.pathname.includes("?"),
+    ue("?", "pathname", "search", a)
+  ), S(
+    !a.pathname || !a.pathname.includes("#"),
+    ue("#", "pathname", "hash", a)
+  ), S(
+    !a.search || !a.search.includes("#"),
+    ue("#", "search", "hash", a)
+  ));
+  let o = e === "" || a.pathname === "", l = o ? "/" : a.pathname, i;
+  if (l == null)
+    i = t;
+  else {
+    let m = r.length - 1;
+    if (!n && l.startsWith("..")) {
+      let p = l.split("/");
+      for (; p[0] === ".."; )
+        p.shift(), m -= 1;
+      a.pathname = p.join("/");
+    }
+    i = m >= 0 ? r[m] : "/";
+  }
+  let s = Pt(a, i), d = l && l !== "/" && l.endsWith("/"), f = (o || l === ".") && t.endsWith("/");
+  return !s.pathname.endsWith("/") && (d || f) && (s.pathname += "/"), s;
+}
+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) {
+  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 = [
+  "POST",
+  "PUT",
+  "PATCH",
+  "DELETE"
+];
+new Set(
+  Be
+);
+var At = [
+  "GET",
+  ...Be
+];
+new Set(At);
+var B = c.createContext(null);
+B.displayName = "DataRouter";
+var re = c.createContext(null);
+re.displayName = "DataRouterState";
+c.createContext(!1);
+var Ye = c.createContext({
+  isTransitioning: !1
+});
+Ye.displayName = "ViewTransition";
+var Ot = c.createContext(
+  /* @__PURE__ */ new Map()
+);
+Ot.displayName = "Fetchers";
+var Ft = c.createContext(null);
+Ft.displayName = "Await";
+var $ = c.createContext(
+  null
+);
+$.displayName = "Navigation";
+var ge = c.createContext(
+  null
+);
+ge.displayName = "Location";
+var A = c.createContext({
+  outlet: null,
+  matches: [],
+  isDataRoute: !1
+});
+A.displayName = "Route";
+var pe = c.createContext(null);
+pe.displayName = "RouteError";
+function Dt(e, { relative: r } = {}) {
+  S(
+    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 });
+}
+function ne() {
+  return c.useContext(ge) != null;
+}
+function I() {
+  return S(
+    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;
+}
+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);
+}
+function It() {
+  let { isDataRoute: e } = c.useContext(A);
+  return e ? Zt() : Mt();
+}
+function Mt() {
+  S(
+    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(() => {
+    l.current = !0;
+  }), c.useCallback(
+    (s, d = {}) => {
+      if (T(l.current, He), !l.current) return;
+      if (typeof s == "number") {
+        t.go(s);
+        return;
+      }
+      let f = ze(
+        s,
+        JSON.parse(o),
+        a,
+        d.relative === "path"
+      );
+      e == null && r !== "/" && (f.pathname = f.pathname === "/" ? r : U([r, f.pathname])), (d.replace ? t.replace : t.push)(
+        f,
+        d.state,
+        d
+      );
+    },
+    [
+      r,
+      t,
+      o,
+      a,
+      e
+    ]
+  );
+}
+c.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(
+      e,
+      JSON.parse(a),
+      n,
+      r === "path"
+    ),
+    [e, a, n, r]
+  );
+}
+function Wt(e, r, t, n, a) {
+  S(
+    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 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.
+
+Please change the parent <Route path="${g}"> to <Route path="${g === "/" ? "*" : `${g}/*`}">.`
+    );
+  }
+  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 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,
+          // 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
+        ]),
+        pathnameBase: g.pathnameBase === "/" ? f : U([
+          f,
+          // 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
+        ])
+      })
+    ),
+    l,
+    t,
+    n,
+    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;
+  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);
+}
+var zt = /* @__PURE__ */ c.createElement(Vt, null), Bt = class extends c.Component {
+  constructor(e) {
+    super(e), this.state = {
+      location: e.location,
+      revalidation: e.revalidation,
+      error: e.error
+    };
+  }
+  static getDerivedStateFromError(e) {
+    return { error: e };
+  }
+  static getDerivedStateFromProps(e, r) {
+    return r.location !== e.location || r.revalidation !== "idle" && e.revalidation === "idle" ? {
+      error: e.error,
+      location: e.location,
+      revalidation: e.revalidation
+    } : {
+      error: e.error !== void 0 ? e.error : r.error,
+      location: r.location,
+      revalidation: e.revalidation || r.revalidation
+    };
+  }
+  componentDidCatch(e, r) {
+    this.props.onError ? this.props.onError(e, r) : console.error(
+      "React Router caught the following error during render",
+      e
+    );
+  }
+  render() {
+    return this.state.error !== void 0 ? /* @__PURE__ */ c.createElement(A.Provider, { value: this.props.routeContext }, /* @__PURE__ */ c.createElement(
+      pe.Provider,
+      {
+        value: this.state.error,
+        children: this.props.component
+      }
+    )) : 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 Ht(e, r = [], t = null, n = null, a = null) {
+  if (e == null) {
+    if (!t)
+      return null;
+    if (t.errors)
+      e = t.matches;
+    else if (r.length === 0 && !t.initialized && t.matches.length > 0)
+      e = t.matches;
+    else
+      return null;
+  }
+  let o = e, l = t?.errors;
+  if (l != null) {
+    let f = o.findIndex(
+      (m) => m.route.id && l?.[m.route.id] !== void 0
+    );
+    S(
+      f >= 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)
+    );
+  }
+  let i = !1, s = -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]];
+          break;
+        }
+      }
+    }
+  let d = t && n ? (f, m) => {
+    n(f, {
+      location: t.location,
+      params: t.matches?.[0]?.params ?? {},
+      errorInfo: m
+    });
+  } : 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(
+        "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,
+          {
+            match: m,
+            routeContext: {
+              outlet: f,
+              matches: k,
+              isDataRoute: t != null
+            },
+            children: w
+          }
+        );
+      };
+      return t && (m.route.ErrorBoundary || m.route.errorElement || p === 0) ? /* @__PURE__ */ c.createElement(
+        Bt,
+        {
+          location: t.location,
+          revalidation: t.revalidation,
+          component: C,
+          error: b,
+          children: g(),
+          routeContext: { outlet: null, matches: k, isDataRoute: !0 },
+          onError: d
+        }
+      ) : g();
+    },
+    null
+  );
+}
+function be(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 Gt(e) {
+  let r = c.useContext(re);
+  return S(r, be(e)), r;
+}
+function qt(e) {
+  let r = c.useContext(A);
+  return S(r, be(e)), r;
+}
+function xe(e) {
+  let r = qt(e), t = r.matches[r.matches.length - 1];
+  return S(
+    t.route.id,
+    `${e} can only be used on routes that contain a unique "id"`
+  ), t.route.id;
+}
+function Kt() {
+  return xe(
+    "useRouteId"
+    /* UseRouteId */
+  );
+}
+function Xt() {
+  let e = c.useContext(pe), r = Gt(
+    "useRouteError"
+    /* UseRouteError */
+  ), t = xe(
+    "useRouteError"
+    /* UseRouteError */
+  );
+  return e !== void 0 ? e : r.errors?.[t];
+}
+function Zt() {
+  let { router: e } = Jt(
+    "useNavigate"
+    /* UseNavigateStable */
+  ), r = xe(
+    "useNavigate"
+    /* UseNavigateStable */
+  ), t = c.useRef(!1);
+  return Je(() => {
+    t.current = !0;
+  }), c.useCallback(
+    async (a, o = {}) => {
+      T(t.current, He), 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));
+}
+c.memo(Qt);
+function Qt({
+  routes: e,
+  future: r,
+  state: t,
+  unstable_onError: n
+}) {
+  return Wt(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) {
+  return ae(e) && e.tagName.toLowerCase() === "button";
+}
+function tr(e) {
+  return ae(e) && e.tagName.toLowerCase() === "form";
+}
+function rr(e) {
+  return ae(e) && e.tagName.toLowerCase() === "input";
+}
+function nr(e) {
+  return !!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey);
+}
+function ar(e, r) {
+  return e.button === 0 && // Ignore everything but left clicks
+  (!r || r === "_self") && // Let browser handle "target=_blank" etc.
+  !nr(e);
+}
+var Z = null;
+function or() {
+  if (Z === null)
+    try {
+      new FormData(
+        document.createElement("form"),
+        // @ts-expect-error if FormData supports the submitter parameter, this will throw
+        0
+      ), Z = !1;
+    } catch {
+      Z = !0;
+    }
+  return Z;
+}
+var lr = /* @__PURE__ */ new Set([
+  "application/x-www-form-urlencoded",
+  "multipart/form-data",
+  "text/plain"
+]);
+function ce(e) {
+  return e != null && !lr.has(e) ? (T(
+    !1,
+    `"${e}" is not a valid \`encType\` for \`<Form>\`/\`<fetcher.Form>\` and will default to "${ee}"`
+  ), null) : e;
+}
+function ir(e, r) {
+  let t, n, a, o, l;
+  if (tr(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")) {
+    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}.` : "";
+        o.append(`${p}x`, "0"), o.append(`${p}y`, "0");
+      } else d && o.append(d, m);
+    }
+  } else {
+    if (ae(e))
+      throw new Error(
+        'Cannot submit element that is not <form>, <button>, or <input type="submit|image">'
+      );
+    t = Q, n = null, a = ee, l = e;
+  }
+  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) {
+  if (e === !1 || e === null || typeof e > "u")
+    throw new Error(r);
+}
+function sr(e, r, t) {
+  let n = typeof e == "string" ? new URL(
+    e,
+    // This can be called during the SSR flow via PrefetchPageLinksImpl so
+    // don't assume window is available
+    typeof window > "u" ? "server://singlefetch/" : window.location.origin
+  ) : e;
+  return n.pathname === "/" ? n.pathname = `_root.${t}` : r && F(n.pathname, r) === "/" ? n.pathname = `${r.replace(/\/$/, "")}/_root.${t}` : n.pathname = `${n.pathname.replace(/\/$/, "")}.${t}`, n;
+}
+async function ur(e, r) {
+  if (e.id in r)
+    return r[e.id];
+  try {
+    let t = await import(
+      /* @vite-ignore */
+      /* webpackIgnore: true */
+      e.module
+    );
+    return r[e.id] = t, t;
+  } catch (t) {
+    return console.error(
+      `Error loading route module \`${e.module}\`, reloading page...`
+    ), console.error(t), window.__reactRouterContext && window.__reactRouterContext.isSpaMode, window.location.reload(), new Promise(() => {
+    });
+  }
+}
+function cr(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) {
+  let n = await Promise.all(
+    e.map(async (a) => {
+      let o = r.routes[a.route.id];
+      if (o) {
+        let l = await ur(o, t);
+        return l.links ? l.links() : [];
+      }
+      return [];
+    })
+  );
+  return gr(
+    n.flat(1).filter(cr).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) => (
+    // param change, /users/123 -> /users/456
+    t[d].pathname !== s.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["*"]
+  );
+  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)
+      return !1;
+    if (l(s, d) || i(s, d))
+      return !0;
+    if (s.route.shouldRevalidate) {
+      let m = s.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,
+        defaultShouldRevalidate: !0
+      });
+      if (typeof m == "boolean")
+        return m;
+    }
+    return !0;
+  }) : [];
+}
+function mr(e, r, { includeHydrateFallback: t } = {}) {
+  return fr(
+    e.map((n) => {
+      let a = r.routes[n.route.id];
+      if (!a) return [];
+      let o = [a.module];
+      return a.clientActionModule && (o = o.concat(a.clientActionModule)), a.clientLoaderModule && (o = o.concat(a.clientLoaderModule)), t && a.hydrateFallbackModule && (o = o.concat(a.hydrateFallbackModule)), a.imports && (o = o.concat(a.imports)), o;
+    }).flat(1)
+  );
+}
+function fr(e) {
+  return [...new Set(e)];
+}
+function hr(e) {
+  let r = {}, t = Object.keys(e).sort();
+  for (let n of t)
+    r[n] = e[n];
+  return r;
+}
+function gr(e, r) {
+  let t = /* @__PURE__ */ new Set();
+  return new Set(r), e.reduce((n, a) => {
+    let o = JSON.stringify(hr(a));
+    return t.has(o) || (t.add(o), n.push({ key: o, link: a })), n;
+  }, []);
+}
+function qe() {
+  let e = c.useContext(B);
+  return ve(
+    e,
+    "You must render this element inside a <DataRouterContext.Provider> element"
+  ), e;
+}
+function pr() {
+  let e = c.useContext(re);
+  return ve(
+    e,
+    "You must render this element inside a <DataRouterStateContext.Provider> element"
+  ), e;
+}
+var ye = c.createContext(void 0);
+ye.displayName = "FrameworkContext";
+function Ke() {
+  let e = c.useContext(ye);
+  return ve(
+    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(() => {
+    if (e === "render" && l(!0), e === "viewport") {
+      let C = (k) => {
+        k.forEach((g) => {
+          l(g.isIntersecting);
+        });
+      }, v = new IntersectionObserver(C, { threshold: 0.5 });
+      return p.current && v.observe(p.current), () => {
+        v.disconnect();
+      };
+    }
+  }, [e]), c.useEffect(() => {
+    if (n) {
+      let C = setTimeout(() => {
+        l(!0);
+      }, 100);
+      return () => {
+        clearTimeout(C);
+      };
+    }
+  }, [n]);
+  let b = () => {
+    a(!0);
+  }, x = () => {
+    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)
+    }
+  ] : [!1, p, {}];
+}
+function J(e, r) {
+  return (t) => {
+    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),
+    [t.routes, e, t.basename]
+  );
+  return n ? /* @__PURE__ */ c.createElement(yr, { page: e, matches: n, ...r }) : null;
+}
+function vr(e) {
+  let { manifest: r, routeModules: t } = Ke(), [n, a] = c.useState([]);
+  return c.useEffect(() => {
+    let o = !1;
+    return dr(e, r, t).then(
+      (l) => {
+        o || a(l);
+      }
+    ), () => {
+      o = !0;
+    };
+  }, [e, r, t]), n;
+}
+function yr({
+  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(
+      e,
+      r,
+      s,
+      a,
+      n,
+      "data"
+    ),
+    [e, r, s, a, n]
+  ), f = c.useMemo(
+    () => Fe(
+      e,
+      r,
+      s,
+      a,
+      n,
+      "assets"
+    ),
+    [e, r, s, a, n]
+  ), m = c.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)
+      return [];
+    let v = sr(e, l, "data");
+    return C && x.size > 0 && v.searchParams.set(
+      "_routes",
+      r.filter((k) => x.has(k.route.id)).map((k) => k.route.id).join(",")
+    ), [v.pathname + v.search];
+  }, [
+    l,
+    i,
+    n,
+    a,
+    d,
+    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 }) => (
+    // 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 })
+  )));
+}
+function kr(...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";
+try {
+  Xe && (window.__reactRouterVersion = // @ts-expect-error
+  "7.9.6");
+} catch {
+}
+var Ze = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, ke = c.forwardRef(
+  function({
+    onClick: r,
+    discover: t = "render",
+    prefetch: n = "none",
+    relative: a,
+    reloadDocument: o,
+    replace: l,
+    state: i,
+    target: s,
+    to: d,
+    preventScrollReset: f,
+    viewTransition: m,
+    ...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))
+      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;
+      } catch {
+        T(
+          !1,
+          `<Link to="${d}"> 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(
+      n,
+      p
+    ), M = Rr(d, {
+      replace: l,
+      state: i,
+      target: s,
+      preventScrollReset: f,
+      relative: a,
+      viewTransition: m
+    });
+    function D(P) {
+      r && r(P), P.defaultPrevented || M(P);
+    }
+    let W = (
+      // eslint-disable-next-line jsx-a11y/anchor-has-content
+      /* @__PURE__ */ c.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
+        }
+      )
+    );
+    return w && !C ? /* @__PURE__ */ c.createElement(c.Fragment, null, W, /* @__PURE__ */ c.createElement(xr, { page: g })) : W;
+  }
+);
+ke.displayName = "Link";
+var wr = c.forwardRef(
+  function({
+    "aria-current": r = "page",
+    caseSensitive: t = !1,
+    className: n = "",
+    end: a = !1,
+    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
+    // 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,
+      isPending: M,
+      isTransitioning: v
+    }, W = L ? r : void 0, P;
+    typeof n == "function" ? P = n(D) : P = [
+      n,
+      L ? "active" : null,
+      M ? "pending" : null,
+      v ? "transitioning" : null
+    ].filter(Boolean).join(" ");
+    let O = typeof o == "function" ? o(D) : o;
+    return /* @__PURE__ */ c.createElement(
+      ke,
+      {
+        ...d,
+        "aria-current": W,
+        className: P,
+        ref: f,
+        style: O,
+        to: l,
+        viewTransition: i
+      },
+      typeof s == "function" ? s(D) : s
+    );
+  }
+);
+wr.displayName = "NavLink";
+var Er = c.forwardRef(
+  ({
+    discover: e = "render",
+    fetcherKey: r,
+    navigate: t,
+    reloadDocument: n,
+    replace: a,
+    state: o,
+    method: l = Q,
+    action: i,
+    onSubmit: s,
+    relative: d,
+    preventScrollReset: f,
+    viewTransition: m,
+    ...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, {
+        fetcherKey: r,
+        method: L,
+        navigate: t,
+        replace: a,
+        state: o,
+        relative: d,
+        preventScrollReset: f,
+        viewTransition: m
+      });
+    };
+    return /* @__PURE__ */ c.createElement(
+      "form",
+      {
+        ref: b,
+        method: v,
+        action: C,
+        onSubmit: n ? s : g,
+        ...p,
+        "data-discover": !k && e === "render" ? "true" : void 0
+      }
+    );
+  }
+);
+Er.displayName = "Form";
+function Cr(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 Rr(e, {
+  target: r,
+  replace: t,
+  state: n,
+  preventScrollReset: a,
+  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);
+        i(e, {
+          replace: m,
+          state: n,
+          preventScrollReset: a,
+          relative: o,
+          viewTransition: l
+        });
+      }
+    },
+    [
+      s,
+      i,
+      d,
+      t,
+      n,
+      r,
+      e,
+      a,
+      o,
+      l
+    ]
+  );
+}
+var Nr = 0, jr = () => `__${String(++Nr)}__`;
+function Sr() {
+  let { router: e } = Qe(
+    "useSubmit"
+    /* UseSubmit */
+  ), { basename: r } = c.useContext($), t = Kt();
+  return c.useCallback(
+    async (n, a = {}) => {
+      let { action: o, method: l, encType: i, formData: s, body: d } = ir(
+        n,
+        r
+      );
+      if (a.navigate === !1) {
+        let f = a.fetcherKey || jr();
+        await e.fetch(f, t, a.action || o, {
+          preventScrollReset: a.preventScrollReset,
+          formData: s,
+          body: d,
+          formMethod: a.method || l,
+          formEncType: a.encType || i,
+          flushSync: a.flushSync
+        });
+      } else
+        await e.navigate(a.action || o, {
+          preventScrollReset: a.preventScrollReset,
+          formData: s,
+          body: d,
+          formMethod: a.method || l,
+          formEncType: a.encType || i,
+          replace: a.replace,
+          state: a.state,
+          fromRouteId: t,
+          flushSync: a.flushSync,
+          viewTransition: a.viewTransition
+        });
+    },
+    [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();
+  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}` : "";
+    }
+  }
+  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);
+}
+function _r(e, { relative: r } = {}) {
+  let t = c.useContext(Ye);
+  S(
+    t != null,
+    "`useViewTransitionState` must be used within `react-router-dom`'s `RouterProvider`.  Did you accidentally import `RouterProvider` from `react-router`?"
+  );
+  let { basename: n } = Qe(
+    "useViewTransitionState"
+    /* useViewTransitionState */
+  ), a = G(e, { relative: r });
+  if (!t.isTransitioning)
+    return !1;
+  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 = {
+  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 = ({
+  to: e,
+  children: r,
+  className: t,
+  variant: n = "primary"
+}) => /* @__PURE__ */ h.jsx(
+  ke,
+  {
+    to: e,
+    className: E(Lr[n], t),
+    "aria-label": typeof r == "string" ? `Navigate to ${r}` : void 0,
+    children: r
+  }
+), Tr = {
+  // Getting Started cluster
+  gettingStarted: {
+    documentation: "/document#getting-started",
+    connect: "/connect",
+    features: "/document#email-management"
+  },
+  // Benefits cluster
+  benefits: {
+    users: "/web3-users",
+    projects: "/web3-projects",
+    security: "/document#technical-details",
+    nameService: "/document#name-service-subscription"
+  },
+  // Technical cluster
+  technical: {
+    documentation: "/document",
+    apiDocs: "/document#api-documentation",
+    smartContracts: "/document#smart-contracts",
+    security: "/document#technical-details"
+  },
+  // Integration cluster
+  integration: {
+    projects: "/web3-projects",
+    delegation: "/document#email-delegation",
+    nameService: "/document#name-service-subscription",
+    troubleshooting: "/document#troubleshooting"
+  }
+}, Br = ({
+  cluster: e,
+  context: r = "",
+  className: t
+}) => {
+  const n = Tr[e], a = {
+    gettingStarted: {
+      documentation: "Learn how it works",
+      connect: "Get started now",
+      features: "Explore features"
+    },
+    benefits: {
+      users: "Benefits for users",
+      projects: "For Web3 projects",
+      security: "Security details",
+      nameService: "ENS/SNS domains"
+    },
+    technical: {
+      documentation: "Full documentation",
+      apiDocs: "API reference",
+      smartContracts: "Smart contract integration",
+      security: "Technical security"
+    },
+    integration: {
+      projects: "Integration examples",
+      delegation: "Email delegation",
+      nameService: "Domain setup",
+      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] }),
+    i < Object.keys(n).length - 1 && " • "
+  ] }, o)) });
+}, Yr = ({
+  title: e = "Related:",
+  links: r,
+  className: t
+}) => /* @__PURE__ */ h.jsxs(
+  "div",
+  {
+    className: E(
+      "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 }),
+        a < r.length - 1 && " • "
+      ] }, a))
+    ]
+  }
+), Hr = (e, r) => ({
+  homepage: [
+    { text: "How it works", url: "/document#getting-started" },
+    { text: "User benefits", url: "/web3-users" },
+    { text: "For projects", url: "/web3-projects" }
+  ],
+  documentation: [
+    { text: "Get started", url: "/connect" },
+    { text: "User guide", url: "/web3-users" },
+    { text: "API docs", url: "/document#api-documentation" }
+  ],
+  users: [
+    { text: "Start now", url: "/connect" },
+    { text: "Documentation", url: "/document" },
+    { text: "For projects", url: "/web3-projects" }
+  ],
+  projects: [
+    { text: "API integration", url: "/document#api-documentation" },
+    { text: "Smart contracts", url: "/document#smart-contracts" },
+    { text: "User benefits", url: "/web3-users" }
+  ]
+})[e] || [], Jr = ({
+  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": "UlandingUbuilder",
+    children: r || "UlandingUbuilder Component"
+  }
+), Gr = ({
+  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": "UnpsUsurvey",
+    children: r || "UnpsUsurvey Component"
+  }
+), qr = ({
+  className: e,
+  children: r,
+  disabled: t
+}) => /* @__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",
+      e
+    ),
+    role: "region",
+    "aria-label": "SalesReport",
+    children: r || "SalesReport Component"
+  }
+), Kr = ({
+  className: e,
+  children: r,
+  disabled: t
+}) => /* @__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",
+      e
+    ),
+    role: "region",
+    "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 = ({
+  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": "UtestimonialUslider",
+    children: r || "UtestimonialUslider Component"
+  }
+), Qr = ({
+  title: e,
+  description: r,
+  useCases: t,
+  columns: n = 3,
+  className: a
+}) => {
+  const o = {
+    blue: "text-blue-600 dark:text-blue-400",
+    green: "text-green-600 dark:text-green-400",
+    purple: "text-purple-600 dark:text-purple-400",
+    orange: "text-orange-600 dark:text-orange-400",
+    pink: "text-pink-600 dark:text-pink-400",
+    gray: "text-gray-600 dark:text-gray-400"
+  }, l = {
+    2: "grid-cols-1 md:grid-cols-2",
+    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: [
+    (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;
+      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("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(
+                  "div",
+                  {
+                    className: E(
+                      "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)) })
+            ] })
+          ]
+        },
+        s
+      );
+    }) })
+  ] }) });
+}, en = ({
+  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": "UwelcomeUscreen",
+    children: r || "UwelcomeUscreen Component"
+  }
+);
+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
+};