@sudobility/marketing-components 2.0.2 → 2.0.4

package/dist/index.esm.js

@@ -1,10 +1,10 @@
 import * as c from "react";
 import fe from "react";
-import { cn as R, useLayout as Ae } from "@sudobility/components";
-import { textVariants as Y, ui as Qe } from "@sudobility/design";
+import { cn as R } from "@sudobility/components";
+import { textVariants as Y, ui as Ze } from "@sudobility/design";
 var K = { exports: {} }, V = {};
 var Ne;
-function et() {
+function Qe() {
   if (Ne) return V;
   Ne = 1;
   var e = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
@@ -27,7 +27,7 @@ function et() {
 }
 var B = {};
 var Pe;
-function tt() {
+function et() {
   return Pe || (Pe = 1, process.env.NODE_ENV !== "production" && (function() {
     function e(s) {
       if (s == null) return null;
@@ -172,7 +172,7 @@ function tt() {
       var N = x.children;
       if (N !== void 0)
         if (S)
-          if (Ke(N)) {
+          if (Xe(N)) {
             for (S = 0; S < N.length; S++)
               d(N[S]);
             Object.freeze && Object.freeze(N);
@@ -183,8 +183,8 @@ function tt() {
         else d(N);
       if (we.call(x, "key")) {
         N = e(s);
-        var z = Object.keys(x).filter(function(Ze) {
-          return Ze !== "key";
+        var z = Object.keys(x).filter(function(Ke) {
+          return Ke !== "key";
         });
         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:
@@ -222,7 +222,7 @@ React keys must be passed directly to JSX without using spread:
     function p(s) {
       return typeof s == "object" && s !== null && s.$$typeof === y;
     }
-    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, Ke = 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;
     };
     g = {
@@ -258,11 +258,11 @@ React keys must be passed directly to JSX without using spread:
   })()), B;
 }
 var je;
-function rt() {
-  return je || (je = 1, process.env.NODE_ENV === "production" ? K.exports = et() : K.exports = tt()), K.exports;
+function tt() {
+  return je || (je = 1, process.env.NODE_ENV === "production" ? K.exports = Qe() : K.exports = et()), K.exports;
 }
-var h = rt();
-const Nr = ({
+var h = tt();
+const Sr = ({
   className: e,
   children: r,
   disabled: t
@@ -281,7 +281,7 @@ const Nr = ({
     "aria-label": "CrmDashboard",
     children: r || "CrmDashboard Component"
   }
-), Pr = ({
+), Nr = ({
   className: e,
   children: r,
   disabled: t = !1,
@@ -304,7 +304,7 @@ const Nr = ({
     children: r || "UctaUbanner Component"
   }
 );
-function nt({
+function rt({
   title: e,
   titleId: r,
   ...t
@@ -327,10 +327,10 @@ function nt({
     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 at = /* @__PURE__ */ c.forwardRef(nt), jr = ({
+const nt = /* @__PURE__ */ c.forwardRef(rt), Pr = ({
   title: e,
   description: r,
-  icon: t = at,
+  icon: t = nt,
   iconVariant: n = "success",
   size: a = "md",
   className: o
@@ -390,7 +390,7 @@ const at = /* @__PURE__ */ c.forwardRef(nt), jr = ({
       )
     ] })
   ] });
-}, _r = ({
+}, jr = ({
   className: e,
   children: r,
   disabled: t = !1,
@@ -412,7 +412,7 @@ const at = /* @__PURE__ */ c.forwardRef(nt), jr = ({
     "aria-label": "UfeatureUspotlight",
     children: r || "UfeatureUspotlight Component"
   }
-), Tr = ({
+), _r = ({
   badgeIcon: e,
   badgeText: r,
   badgeColor: t = "blue",
@@ -424,7 +424,7 @@ const at = /* @__PURE__ */ c.forwardRef(nt), jr = ({
   className: i,
   children: f
 }) => {
-  const { containerClass: m } = Ae(), p = {
+  const m = "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", p = {
     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",
@@ -528,19 +528,19 @@ function me(e) {
   }
   return r;
 }
-function Oe(e, r, t = "/") {
-  return ot(e, r, t, !1);
+function Ae(e, r, t = "/") {
+  return at(e, r, t, !1);
 }
-function ot(e, r, t, n) {
+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 = Ue(e);
-  lt(l);
+  let l = Oe(e);
+  ot(l);
   let u = null;
   for (let i = 0; u == null && i < l.length; ++i) {
-    let f = bt(o);
-    u = pt(
+    let f = gt(o);
+    u = ht(
       l[i],
       f,
       n
@@ -548,7 +548,7 @@ function ot(e, r, t, n) {
   }
   return u;
 }
-function Ue(e, r = [], t = [], n = "", a = !1) {
+function Oe(e, r = [], t = [], n = "", a = !1) {
   let o = (l, u, i = a, f) => {
     let m = {
       relativePath: f === void 0 ? l.path || "" : f,
@@ -570,7 +570,7 @@ function Ue(e, r = [], t = [], n = "", a = !1) {
       // @ts-expect-error
       l.index !== !0,
       `Index routes must not have child routes. Please remove all child routes from route path "${d}".`
-    ), Ue(
+    ), Oe(
       l.children,
       r,
       p,
@@ -578,7 +578,7 @@ function Ue(e, r = [], t = [], n = "", a = !1) {
       i
     )), !(l.path == null && !l.index) && r.push({
       path: d,
-      score: mt(d, l.index),
+      score: ft(d, l.index),
       routesMeta: p
     });
   };
@@ -586,17 +586,17 @@ function Ue(e, r = [], t = [], n = "", a = !1) {
     if (l.path === "" || !l.path?.includes("?"))
       o(l, u);
     else
-      for (let i of Fe(l.path))
+      for (let i of Ue(l.path))
         o(l, u, !0, i);
   }), r;
 }
-function Fe(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 = Fe(n.join("/")), u = [];
+  let l = Ue(n.join("/")), u = [];
   return u.push(
     ...l.map(
       (i) => i === "" ? o : [o, i].join("/")
@@ -605,23 +605,23 @@ function Fe(e) {
     (i) => e.startsWith("/") && i === "" ? "/" : i
   );
 }
-function lt(e) {
+function ot(e) {
   e.sort(
-    (r, t) => r.score !== t.score ? t.score - r.score : ht(
+    (r, t) => r.score !== t.score ? t.score - r.score : mt(
       r.routesMeta.map((n) => n.childrenIndex),
       t.routesMeta.map((n) => n.childrenIndex)
     )
   );
 }
-var it = /^:[\w-]+$/, st = 3, ut = 2, ct = 1, dt = 10, ft = -2, _e = (e) => e === "*";
-function mt(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 += ft), r && (n += ut), t.filter((a) => !_e(a)).reduce(
-    (a, o) => a + (it.test(o) ? st : o === "" ? ct : dt),
+  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 ht(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
@@ -634,7 +634,7 @@ function ht(e, r) {
     0
   );
 }
-function pt(e, r, t = !1) {
+function ht(e, r, t = !1) {
   let { routesMeta: n } = e, a = {}, o = "/", l = [];
   for (let u = 0; u < n.length; ++u) {
     let i = n[u], f = u === n.length - 1, m = o === "/" ? r : r.slice(o.length) || "/", d = te(
@@ -654,7 +654,7 @@ function pt(e, r, t = !1) {
       // TODO: Can this as be avoided?
       params: a,
       pathname: L([o, d.pathname]),
-      pathnameBase: kt(
+      pathnameBase: wt(
         L([o, d.pathnameBase])
       ),
       route: p
@@ -664,7 +664,7 @@ function pt(e, r, t = !1) {
 }
 function te(e, r) {
   typeof e == "string" && (e = { path: e, caseSensitive: !1, end: !0 });
-  let [t, n] = gt(
+  let [t, n] = pt(
     e.path,
     e.caseSensitive,
     e.end
@@ -688,7 +688,7 @@ function te(e, r) {
     pattern: e
   };
 }
-function gt(e, r = !1, t = !0) {
+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(/\*$/, "/*")}".`
@@ -699,7 +699,7 @@ function gt(e, r = !1, t = !0) {
   ).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 bt(e) {
+function gt(e) {
   try {
     return e.split("/").map((r) => decodeURIComponent(r).replace(/\//g, "%2F")).join("/");
   } catch (r) {
@@ -716,15 +716,15 @@ 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 xt = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, yt = (e) => xt.test(e);
-function vt(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" ? me(e) : e, o;
   if (t)
-    if (yt(t))
+    if (xt(t))
       o = t;
     else {
       if (t.includes("//")) {
@@ -740,8 +740,8 @@ function vt(e, r = "/") {
     o = r;
   return {
     pathname: o,
-    search: Et(n),
-    hash: Rt(a)
+    search: kt(n),
+    hash: Et(a)
   };
 }
 function Te(e, r) {
@@ -755,18 +755,18 @@ 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 wt(e) {
+function vt(e) {
   return e.filter(
     (r, t) => t === 0 || r.route.path && r.route.path.length > 0
   );
 }
-function Ie(e) {
-  let r = wt(e);
+function Fe(e) {
+  let r = vt(e);
   return r.map(
     (t, n) => n === r.length - 1 ? t.pathname : t.pathnameBase
   );
 }
-function De(e, r, t, n = !1) {
+function Ie(e, r, t, n = !1) {
   let a;
   typeof e == "string" ? a = me(e) : (a = { ...e }, P(
     !a.pathname || !a.pathname.includes("?"),
@@ -791,43 +791,43 @@ function De(e, r, t, n = !1) {
     }
     u = d >= 0 ? r[d] : "/";
   }
-  let i = vt(a, u), f = l && l !== "/" && l.endsWith("/"), m = (o || l === ".") && t.endsWith("/");
+  let i = yt(a, u), f = l && l !== "/" && l.endsWith("/"), m = (o || l === ".") && t.endsWith("/");
   return !i.pathname.endsWith("/") && (f || m) && (i.pathname += "/"), i;
 }
-var L = (e) => e.join("/").replace(/\/\/+/g, "/"), kt = (e) => e.replace(/\/+$/, "").replace(/^\/*/, "/"), Et = (e) => !e || e === "?" ? "" : e.startsWith("?") ? e : "?" + e, Rt = (e) => !e || e === "#" ? "" : e.startsWith("#") ? e : "#" + e;
-function Ct(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 Me = [
+var De = [
   "POST",
   "PUT",
   "PATCH",
   "DELETE"
 ];
 new Set(
-  Me
+  De
 );
-var St = [
+var Ct = [
   "GET",
-  ...Me
+  ...De
 ];
-new Set(St);
+new Set(Ct);
 var H = c.createContext(null);
 H.displayName = "DataRouter";
 var re = c.createContext(null);
 re.displayName = "DataRouterState";
 c.createContext(!1);
-var We = c.createContext({
+var Me = c.createContext({
   isTransitioning: !1
 });
-We.displayName = "ViewTransition";
-var Nt = c.createContext(
+Me.displayName = "ViewTransition";
+var St = c.createContext(
   /* @__PURE__ */ new Map()
 );
-Nt.displayName = "Fetchers";
-var Pt = c.createContext(null);
-Pt.displayName = "Await";
+St.displayName = "Fetchers";
+var Nt = c.createContext(null);
+Nt.displayName = "Await";
 var $ = c.createContext(
   null
 );
@@ -844,7 +844,7 @@ var A = c.createContext({
 A.displayName = "Route";
 var pe = c.createContext(null);
 pe.displayName = "RouteError";
-function jt(e, { relative: r } = {}) {
+function Pt(e, { relative: r } = {}) {
   P(
     ne(),
     // TODO: This error is probably because they somehow have 2 versions of the
@@ -865,32 +865,32 @@ function D() {
     "useLocation() may be used only in the context of a <Router> component."
   ), c.useContext(he).location;
 }
-var ze = "You should call navigate() in a React.useEffect(), not when your component is first rendered.";
-function Ye(e) {
+var We = "You should call navigate() in a React.useEffect(), not when your component is first rendered.";
+function ze(e) {
   c.useContext($).static || c.useLayoutEffect(e);
 }
-function _t() {
+function jt() {
   let { isDataRoute: e } = c.useContext(A);
-  return e ? Yt() : Tt();
+  return e ? zt() : _t();
 }
-function Tt() {
+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(H), { basename: r, navigator: t } = c.useContext($), { matches: n } = c.useContext(A), { pathname: a } = D(), o = JSON.stringify(Ie(n)), l = c.useRef(!1);
-  return Ye(() => {
+  let e = c.useContext(H), { basename: r, navigator: t } = c.useContext($), { matches: n } = c.useContext(A), { pathname: a } = D(), o = JSON.stringify(Fe(n)), l = c.useRef(!1);
+  return ze(() => {
     l.current = !0;
   }), c.useCallback(
     (i, f = {}) => {
-      if (_(l.current, ze), !l.current) return;
+      if (_(l.current, We), !l.current) return;
       if (typeof i == "number") {
         t.go(i);
         return;
       }
-      let m = De(
+      let m = Ie(
         i,
         JSON.parse(o),
         a,
@@ -913,9 +913,9 @@ function Tt() {
 }
 c.createContext(null);
 function G(e, { relative: r } = {}) {
-  let { matches: t } = c.useContext(A), { pathname: n } = D(), a = JSON.stringify(Ie(t));
+  let { matches: t } = c.useContext(A), { pathname: n } = D(), a = JSON.stringify(Fe(t));
   return c.useMemo(
-    () => De(
+    () => Ie(
       e,
       JSON.parse(a),
       n,
@@ -924,7 +924,7 @@ function G(e, { relative: r } = {}) {
     [e, a, n, r]
   );
 }
-function Lt(e, r, t, n, a) {
+function Tt(e, r, t, n, a) {
   P(
     ne(),
     // TODO: This error is probably because they somehow have 2 versions of the
@@ -934,7 +934,7 @@ function Lt(e, r, t, n, a) {
   let { navigator: o } = c.useContext($), { matches: l } = c.useContext(A), u = l[l.length - 1], i = u ? u.params : {}, f = u ? u.pathname : "/", m = u ? u.pathnameBase : "/", d = u && u.route;
   {
     let b = d && d.path || "";
-    He(
+    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.
@@ -949,14 +949,14 @@ Please change the parent <Route path="${b}"> to <Route path="${b === "/" ? "*" :
     let b = m.replace(/^\//, "").split("/");
     E = "/" + y.replace(/^\//, "").split("/").slice(b.length).join("/");
   }
-  let w = Oe(e, { pathname: E });
+  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.`
-  ), Ft(
+  ), Ut(
     w && w.map(
       (b) => Object.assign({}, b, {
         params: Object.assign({}, i, b.params),
@@ -988,14 +988,14 @@ Please change the parent <Route path="${b}"> to <Route path="${b === "/" ? "*" :
     a
   );
 }
-function $t() {
-  let e = zt(), r = Ct(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);
 }
-var At = /* @__PURE__ */ c.createElement($t, null), Ot = class extends c.Component {
+var $t = /* @__PURE__ */ c.createElement(Lt, null), At = class extends c.Component {
   constructor(e) {
     super(e), this.state = {
       location: e.location,
@@ -1033,11 +1033,11 @@ var At = /* @__PURE__ */ c.createElement($t, null), Ot = class extends c.Compone
     )) : this.props.children;
   }
 };
-function Ut({ routeContext: e, match: r, children: t }) {
+function Ot({ routeContext: e, match: r, children: t }) {
   let n = c.useContext(H);
   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 Ft(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;
@@ -1085,7 +1085,7 @@ function Ft(e, r = [], t = null, n = null, a = null) {
   return o.reduceRight(
     (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 || At, u && (i < 0 && p === 0 ? (He(
+      t && (g = l && d.route.id ? l[d.route.id] : void 0, E = d.route.errorElement || $t, u && (i < 0 && p === 0 ? (Ye(
         "route-fallback",
         !1,
         "No `HydrateFallback` element provided to render during initial hydration"
@@ -1093,7 +1093,7 @@ function Ft(e, r = [], t = null, n = null, a = 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__ */ c.createElement(d.route.Component, null) : d.route.element ? k = d.route.element : k = m, /* @__PURE__ */ c.createElement(
-          Ut,
+          Ot,
           {
             match: d,
             routeContext: {
@@ -1106,7 +1106,7 @@ function Ft(e, r = [], t = null, n = null, a = null) {
         );
       };
       return t && (d.route.ErrorBoundary || d.route.errorElement || p === 0) ? /* @__PURE__ */ c.createElement(
-        Ot,
+        At,
         {
           location: t.location,
           revalidation: t.revalidation,
@@ -1124,33 +1124,33 @@ function Ft(e, r = [], t = null, n = null, a = null) {
 function ge(e) {
   return `${e} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`;
 }
-function It(e) {
+function Ft(e) {
   let r = c.useContext(H);
   return P(r, ge(e)), r;
 }
-function Dt(e) {
+function It(e) {
   let r = c.useContext(re);
   return P(r, ge(e)), r;
 }
-function Mt(e) {
+function Dt(e) {
   let r = c.useContext(A);
   return P(r, ge(e)), r;
 }
 function be(e) {
-  let r = Mt(e), t = r.matches[r.matches.length - 1];
+  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 Wt() {
+function Mt() {
   return be(
     "useRouteId"
     /* UseRouteId */
   );
 }
-function zt() {
-  let e = c.useContext(pe), r = Dt(
+function Wt() {
+  let e = c.useContext(pe), r = It(
     "useRouteError"
     /* UseRouteError */
   ), t = be(
@@ -1159,59 +1159,59 @@ function zt() {
   );
   return e !== void 0 ? e : r.errors?.[t];
 }
-function Yt() {
-  let { router: e } = It(
+function zt() {
+  let { router: e } = Ft(
     "useNavigate"
     /* UseNavigateStable */
   ), r = be(
     "useNavigate"
     /* UseNavigateStable */
   ), t = c.useRef(!1);
-  return Ye(() => {
+  return ze(() => {
     t.current = !0;
   }), c.useCallback(
     async (a, o = {}) => {
-      _(t.current, ze), 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 Le = {};
-function He(e, r, t) {
+function Ye(e, r, t) {
   !r && !Le[e] && (Le[e] = !0, _(!1, t));
 }
-c.memo(Ht);
-function Ht({
+c.memo(Yt);
+function Yt({
   routes: e,
   future: r,
   state: t,
   unstable_onError: n
 }) {
-  return Lt(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 Vt(e) {
+function Ht(e) {
   return ae(e) && e.tagName.toLowerCase() === "button";
 }
-function Bt(e) {
+function Vt(e) {
   return ae(e) && e.tagName.toLowerCase() === "form";
 }
-function Jt(e) {
+function Bt(e) {
   return ae(e) && e.tagName.toLowerCase() === "input";
 }
-function Gt(e) {
+function Jt(e) {
   return !!(e.metaKey || e.altKey || e.ctrlKey || e.shiftKey);
 }
-function qt(e, r) {
+function Gt(e, r) {
   return e.button === 0 && // Ignore everything but left clicks
   (!r || r === "_self") && // Let browser handle "target=_blank" etc.
-  !Gt(e);
+  !Jt(e);
 }
 var Z = null;
-function Xt() {
+function qt() {
   if (Z === null)
     try {
       new FormData(
@@ -1224,30 +1224,30 @@ function Xt() {
     }
   return Z;
 }
-var Kt = /* @__PURE__ */ new Set([
+var Xt = /* @__PURE__ */ new Set([
   "application/x-www-form-urlencoded",
   "multipart/form-data",
   "text/plain"
 ]);
 function ce(e) {
-  return e != null && !Kt.has(e) ? (_(
+  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 Zt(e, r) {
+function Kt(e, r) {
   let t, n, a, o, l;
-  if (Bt(e)) {
+  if (Vt(e)) {
     let u = e.getAttribute("action");
     n = u ? F(u, r) : null, t = e.getAttribute("method") || Q, a = ce(e.getAttribute("enctype")) || ee, o = new FormData(e);
-  } else if (Vt(e) || Jt(e) && (e.type === "submit" || e.type === "image")) {
+  } else if (Ht(e) || Bt(e) && (e.type === "submit" || e.type === "image")) {
     let u = e.form;
     if (u == null)
       throw new Error(
         'Cannot submit a <button> or <input type="submit"> without a <form>'
       );
     let i = e.getAttribute("formaction") || u.getAttribute("action");
-    if (n = i ? F(i, r) : null, t = e.getAttribute("formmethod") || u.getAttribute("method") || Q, a = ce(e.getAttribute("formenctype")) || ce(u.getAttribute("enctype")) || ee, o = new FormData(u, e), !Xt()) {
+    if (n = i ? F(i, r) : null, t = e.getAttribute("formmethod") || u.getAttribute("method") || Q, a = ce(e.getAttribute("formenctype")) || ce(u.getAttribute("enctype")) || ee, o = new FormData(u, e), !qt()) {
       let { name: f, type: m, value: d } = e;
       if (m === "image") {
         let p = f ? `${f}.` : "";
@@ -1268,7 +1268,7 @@ function xe(e, r) {
   if (e === !1 || e === null || typeof e > "u")
     throw new Error(r);
 }
-function Qt(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
@@ -1277,7 +1277,7 @@ function Qt(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 er(e, r) {
+async function Qt(e, r) {
   if (e.id in r)
     return r[e.id];
   try {
@@ -1294,22 +1294,22 @@ async function er(e, r) {
     });
   }
 }
-function tr(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 rr(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 er(o, t);
+        let l = await Qt(o, t);
         return l.links ? l.links() : [];
       }
       return [];
     })
   );
-  return lr(
-    n.flat(1).filter(tr).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" }
     )
   );
@@ -1346,8 +1346,8 @@ function $e(e, r, t, n, a, o) {
     return !0;
   }) : [];
 }
-function nr(e, r, { includeHydrateFallback: t } = {}) {
-  return ar(
+function rr(e, r, { includeHydrateFallback: t } = {}) {
+  return nr(
     e.map((n) => {
       let a = r.routes[n.route.id];
       if (!a) return [];
@@ -1356,30 +1356,30 @@ function nr(e, r, { includeHydrateFallback: t } = {}) {
     }).flat(1)
   );
 }
-function ar(e) {
+function nr(e) {
   return [...new Set(e)];
 }
-function or(e) {
+function ar(e) {
   let r = {}, t = Object.keys(e).sort();
   for (let n of t)
     r[n] = e[n];
   return r;
 }
-function lr(e, r) {
+function or(e, r) {
   let t = /* @__PURE__ */ new Set();
   return new Set(r), e.reduce((n, a) => {
-    let o = JSON.stringify(or(a));
+    let o = JSON.stringify(ar(a));
     return t.has(o) || (t.add(o), n.push({ key: o, link: a })), n;
   }, []);
 }
-function Ve() {
+function He() {
   let e = c.useContext(H);
   return xe(
     e,
     "You must render this element inside a <DataRouterContext.Provider> element"
   ), e;
 }
-function ir() {
+function lr() {
   let e = c.useContext(re);
   return xe(
     e,
@@ -1388,14 +1388,14 @@ function ir() {
 }
 var ye = c.createContext(void 0);
 ye.displayName = "FrameworkContext";
-function Be() {
+function Ve() {
   let e = c.useContext(ye);
   return xe(
     e,
     "You must render this element inside a <HydratedRouter> element"
   ), e;
 }
-function sr(e, r) {
+function ir(e, r) {
   let t = c.useContext(ye), [n, a] = c.useState(!1), [o, l] = c.useState(!1), { onFocus: u, onBlur: i, onMouseEnter: f, onMouseLeave: m, onTouchStart: d } = r, p = c.useRef(null);
   c.useEffect(() => {
     if (e === "render" && l(!0), e === "viewport") {
@@ -1440,18 +1440,18 @@ function J(e, r) {
     e && e(t), t.defaultPrevented || r(t);
   };
 }
-function ur({ page: e, ...r }) {
-  let { router: t } = Ve(), n = c.useMemo(
-    () => Oe(t.routes, e, t.basename),
+function sr({ page: e, ...r }) {
+  let { router: t } = He(), n = c.useMemo(
+    () => Ae(t.routes, e, t.basename),
     [t.routes, e, t.basename]
   );
-  return n ? /* @__PURE__ */ c.createElement(dr, { page: e, matches: n, ...r }) : null;
+  return n ? /* @__PURE__ */ c.createElement(cr, { page: e, matches: n, ...r }) : null;
 }
-function cr(e) {
-  let { manifest: r, routeModules: t } = Be(), [n, a] = c.useState([]);
+function ur(e) {
+  let { manifest: r, routeModules: t } = Ve(), [n, a] = c.useState([]);
   return c.useEffect(() => {
     let o = !1;
-    return rr(e, r, t).then(
+    return tr(e, r, t).then(
       (l) => {
         o || a(l);
       }
@@ -1460,12 +1460,12 @@ function cr(e) {
     };
   }, [e, r, t]), n;
 }
-function dr({
+function cr({
   page: e,
   matches: r,
   ...t
 }) {
-  let n = D(), { manifest: a, routeModules: o } = Be(), { basename: l } = Ve(), { loaderData: u, matches: i } = ir(), f = c.useMemo(
+  let n = D(), { manifest: a, routeModules: o } = Ve(), { basename: l } = He(), { loaderData: u, matches: i } = lr(), f = c.useMemo(
     () => $e(
       e,
       r,
@@ -1494,7 +1494,7 @@ function dr({
       !b || !b.hasLoader || (!f.some((k) => k.route.id === v.route.id) && v.route.id in u && o[v.route.id]?.shouldRevalidate || b.hasClientLoader ? E = !0 : y.add(v.route.id));
     }), y.size === 0)
       return [];
-    let w = Qt(e, l, "data");
+    let w = Zt(e, l, "data");
     return E && y.size > 0 && w.searchParams.set(
       "_routes",
       r.filter((v) => y.has(v.route.id)).map((v) => v.route.id).join(",")
@@ -1509,29 +1509,29 @@ function dr({
     e,
     o
   ]), p = c.useMemo(
-    () => nr(m, a),
+    () => rr(m, a),
     [m, a]
-  ), g = cr(m);
+  ), g = ur(m);
   return /* @__PURE__ */ c.createElement(c.Fragment, null, d.map((y) => /* @__PURE__ */ c.createElement("link", { key: y, rel: "prefetch", as: "fetch", href: y, ...t })), p.map((y) => /* @__PURE__ */ c.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: y, nonce: t.nonce, ...E })
   )));
 }
-function fr(...e) {
+function dr(...e) {
   return (r) => {
     e.forEach((t) => {
       typeof t == "function" ? t(r) : t != null && (t.current = r);
     });
   };
 }
-var Je = 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 {
-  Je && (window.__reactRouterVersion = // @ts-expect-error
+  Be && (window.__reactRouterVersion = // @ts-expect-error
   "7.9.6");
 } catch {
 }
-var Ge = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, ve = c.forwardRef(
+var Je = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, ve = c.forwardRef(
   function({
     onClick: r,
     discover: t = "render",
@@ -1546,8 +1546,8 @@ var Ge = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, ve = c.forwardRef(
     viewTransition: d,
     ...p
   }, g) {
-    let { basename: y } = c.useContext($), E = typeof f == "string" && Ge.test(f), w, v = !1;
-    if (typeof f == "string" && E && (w = f, Je))
+    let { basename: y } = c.useContext($), E = typeof f == "string" && Je.test(f), w, v = !1;
+    if (typeof f == "string" && E && (w = f, Be))
       try {
         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;
@@ -1557,10 +1557,10 @@ var Ge = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, ve = c.forwardRef(
           `<Link to="${f}"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.`
         );
       }
-    let b = jt(f, { relative: a }), [k, O, T] = sr(
+    let b = Pt(f, { relative: a }), [k, O, T] = ir(
       n,
       p
-    ), M = gr(f, {
+    ), M = pr(f, {
       replace: l,
       state: u,
       target: i,
@@ -1580,17 +1580,17 @@ var Ge = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, ve = c.forwardRef(
           ...T,
           href: w || b,
           onClick: v || o ? r : I,
-          ref: fr(g, O),
+          ref: dr(g, O),
           target: i,
           "data-discover": !E && t === "render" ? "true" : void 0
         }
       )
     );
-    return k && !E ? /* @__PURE__ */ c.createElement(c.Fragment, null, W, /* @__PURE__ */ c.createElement(ur, { page: b })) : W;
+    return k && !E ? /* @__PURE__ */ c.createElement(c.Fragment, null, W, /* @__PURE__ */ c.createElement(sr, { page: b })) : W;
   }
 );
 ve.displayName = "Link";
-var mr = c.forwardRef(
+var fr = c.forwardRef(
   function({
     "aria-current": r = "page",
     caseSensitive: t = !1,
@@ -1604,7 +1604,7 @@ var mr = c.forwardRef(
   }, m) {
     let d = G(l, { relative: f.relative }), p = D(), g = c.useContext(re), { navigator: y, basename: E } = c.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
-    wr(d) && u === !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;
+    vr(d) && u === !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 = {
@@ -1634,8 +1634,8 @@ var mr = c.forwardRef(
     );
   }
 );
-mr.displayName = "NavLink";
-var hr = c.forwardRef(
+fr.displayName = "NavLink";
+var mr = c.forwardRef(
   ({
     discover: e = "render",
     fetcherKey: r,
@@ -1651,7 +1651,7 @@ var hr = c.forwardRef(
     viewTransition: d,
     ...p
   }, g) => {
-    let y = yr(), E = vr(u, { relative: f }), w = l.toLowerCase() === "get" ? "get" : "post", v = typeof u == "string" && Ge.test(u), b = (k) => {
+    let y = xr(), E = yr(u, { relative: f }), w = l.toLowerCase() === "get" ? "get" : "post", v = typeof u == "string" && Je.test(u), b = (k) => {
       if (i && i(k), k.defaultPrevented) return;
       k.preventDefault();
       let O = k.nativeEvent.submitter, T = O?.getAttribute("formmethod") || l;
@@ -1679,15 +1679,15 @@ var hr = c.forwardRef(
     );
   }
 );
-hr.displayName = "Form";
-function pr(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) {
+function Ge(e) {
   let r = c.useContext(H);
-  return P(r, pr(e)), r;
+  return P(r, hr(e)), r;
 }
-function gr(e, {
+function pr(e, {
   target: r,
   replace: t,
   state: n,
@@ -1695,10 +1695,10 @@ function gr(e, {
   relative: o,
   viewTransition: l
 } = {}) {
-  let u = _t(), i = D(), f = G(e, { relative: o });
+  let u = jt(), i = D(), f = G(e, { relative: o });
   return c.useCallback(
     (m) => {
-      if (qt(m, r)) {
+      if (Gt(m, r)) {
         m.preventDefault();
         let d = t !== void 0 ? t : de(i) === de(f);
         u(e, {
@@ -1724,20 +1724,20 @@ function gr(e, {
     ]
   );
 }
-var br = 0, xr = () => `__${String(++br)}__`;
-function yr() {
-  let { router: e } = qe(
+var gr = 0, br = () => `__${String(++gr)}__`;
+function xr() {
+  let { router: e } = Ge(
     "useSubmit"
     /* UseSubmit */
-  ), { basename: r } = c.useContext($), t = Wt();
+  ), { basename: r } = c.useContext($), t = Mt();
   return c.useCallback(
     async (n, a = {}) => {
-      let { action: o, method: l, encType: u, formData: i, body: f } = Zt(
+      let { action: o, method: l, encType: u, formData: i, body: f } = Kt(
         n,
         r
       );
       if (a.navigate === !1) {
-        let m = a.fetcherKey || xr();
+        let m = a.fetcherKey || br();
         await e.fetch(m, t, a.action || o, {
           preventScrollReset: a.preventScrollReset,
           formData: i,
@@ -1763,7 +1763,7 @@ function yr() {
     [e, r, t]
   );
 }
-function vr(e, { relative: r } = {}) {
+function yr(e, { relative: r } = {}) {
   let { basename: t } = c.useContext($), n = c.useContext(A);
   P(n, "useFormAction must be used inside a RouteContext");
   let [a] = n.matches.slice(-1), o = { ...G(e || ".", { relative: r }) }, l = D();
@@ -1778,13 +1778,13 @@ function vr(e, { relative: r } = {}) {
   }
   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 wr(e, { relative: r } = {}) {
-  let t = c.useContext(We);
+function vr(e, { relative: r } = {}) {
+  let t = c.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 });
@@ -1793,11 +1793,11 @@ function wr(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 kr = {
+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"
-}, Xe = ({
+}, qe = ({
   to: e,
   children: r,
   className: t,
@@ -1806,11 +1806,11 @@ const kr = {
   ve,
   {
     to: e,
-    className: R(kr[n], t),
+    className: R(wr[n], t),
     "aria-label": typeof r == "string" ? `Navigate to ${r}` : void 0,
     children: r
   }
-), Er = {
+), kr = {
   // Getting Started cluster
   gettingStarted: {
     documentation: "/document#getting-started",
@@ -1838,12 +1838,12 @@ const kr = {
     nameService: "/document#name-service-subscription",
     troubleshooting: "/document#troubleshooting"
   }
-}, Lr = ({
+}, Tr = ({
   cluster: e,
   context: r = "",
   className: t
 }) => {
-  const n = Er[e], a = {
+  const n = kr[e], a = {
     gettingStarted: {
       documentation: "Learn how it works",
       connect: "Get started now",
@@ -1869,10 +1869,10 @@ const kr = {
     }
   };
   return /* @__PURE__ */ h.jsx("span", { className: R("text-sm text-gray-600 dark:text-gray-400", t), children: Object.entries(n).map(([o, l], u) => /* @__PURE__ */ h.jsxs(fe.Fragment, { children: [
-    /* @__PURE__ */ h.jsx(Xe, { to: l, variant: "primary", children: a[e][o] }),
+    /* @__PURE__ */ h.jsx(qe, { to: l, variant: "primary", children: a[e][o] }),
     u < Object.keys(n).length - 1 && " • "
   ] }, o)) });
-}, $r = ({
+}, Lr = ({
   title: e = "Related:",
   links: r,
   className: t
@@ -1886,12 +1886,12 @@ const kr = {
     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(fe.Fragment, { children: [
-        /* @__PURE__ */ h.jsx(Xe, { to: n.url, variant: n.variant || "primary", children: n.text }),
+        /* @__PURE__ */ h.jsx(qe, { to: n.url, variant: n.variant || "primary", children: n.text }),
         a < r.length - 1 && " • "
       ] }, a))
     ]
   }
-), Ar = (e, r) => ({
+), $r = (e, r) => ({
   homepage: [
     { text: "How it works", url: "/document#getting-started" },
     { text: "User benefits", url: "/web3-users" },
@@ -1912,7 +1912,7 @@ const kr = {
     { text: "Smart contracts", url: "/document#smart-contracts" },
     { text: "User benefits", url: "/web3-users" }
   ]
-})[e] || [], Or = ({
+})[e] || [], Ar = ({
   className: e,
   children: r,
   disabled: t = !1,
@@ -1934,7 +1934,7 @@ const kr = {
     "aria-label": "UlandingUbuilder",
     children: r || "UlandingUbuilder Component"
   }
-), Ur = ({
+), Or = ({
   className: e,
   children: r,
   disabled: t = !1,
@@ -1956,7 +1956,7 @@ const kr = {
     "aria-label": "UnpsUsurvey",
     children: r || "UnpsUsurvey Component"
   }
-), Fr = ({
+), Ur = ({
   className: e,
   children: r,
   disabled: t
@@ -1975,7 +1975,7 @@ const kr = {
     "aria-label": "SalesReport",
     children: r || "SalesReport Component"
   }
-), Ir = ({
+), Fr = ({
   className: e,
   children: r,
   disabled: t
@@ -1994,7 +1994,7 @@ const kr = {
     "aria-label": "SubscriberList",
     children: r || "SubscriberList Component"
   }
-), Dr = ({
+), Ir = ({
   className: e,
   children: r,
   disabled: t = !1,
@@ -2016,14 +2016,14 @@ const kr = {
     "aria-label": "UtestimonialUslider",
     children: r || "UtestimonialUslider Component"
   }
-), Mr = ({
+), Dr = ({
   title: e,
   description: r,
   useCases: t,
   columns: n = 3,
   className: a
 }) => {
-  const { containerClass: o } = Ae(), l = {
+  const o = "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", l = {
     blue: "text-blue-600 dark:text-blue-400",
     green: "text-green-600 dark:text-green-400",
     purple: "text-purple-600 dark:text-purple-400",
@@ -2035,7 +2035,7 @@ const kr = {
     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: R(Qe.section.gradient, a), children: /* @__PURE__ */ h.jsxs("div", { className: o, children: [
+  return /* @__PURE__ */ h.jsx("section", { className: R(Ze.section.gradient, a), children: /* @__PURE__ */ h.jsxs("div", { className: o, 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 })
@@ -2071,7 +2071,7 @@ const kr = {
       );
     }) })
   ] }) });
-}, Wr = ({
+}, Mr = ({
   className: e,
   children: r,
   disabled: t = !1,
@@ -2095,20 +2095,20 @@ const kr = {
   }
 );
 export {
-  Nr as CrmDashboard,
-  jr as FeatureListItem,
-  Tr as HeroBannerWithBadge,
-  Xe as InternalLink,
-  $r as RelatedLinks,
-  Fr as SalesReport,
-  Ir as SubscriberList,
-  Lr as TopicClusterLinks,
-  Pr as UctaUbanner,
-  _r as UfeatureUspotlight,
-  Or as UlandingUbuilder,
-  Ur as UnpsUsurvey,
-  Mr as UseCaseGrid,
-  Dr as UtestimonialUslider,
-  Wr as UwelcomeUscreen,
-  Ar 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
 };