@sudobility/components 2.0.8 → 2.0.9

package/dist/index.esm.js

@@ -1,32 +1,32 @@
 import { clsx as xt } from "clsx";
 import { twMerge as vt } from "tailwind-merge";
-import * as M from "react";
-import v, { lazy as _, Suspense as se, useEffect as P, useState as $, useCallback as W, useRef as L, useLayoutEffect as wt, Component as Ye, memo as le, useMemo as Ne } from "react";
-import { jsx as o, Fragment as T, jsxs as m } from "react/jsx-runtime";
+import * as R from "react";
+import v, { lazy as K, Suspense as de, useEffect as P, useState as $, useCallback as D, useRef as L, useLayoutEffect as wt, Component as Qe, memo as ue, useMemo as Ae } from "react";
+import { jsx as o, Fragment as M, jsxs as m } from "react/jsx-runtime";
 import { onCLS as kt, onINP as Ct, onFCP as St, onLCP as Nt, onTTFB as Et } from "web-vitals";
-import { XCircleIcon as Ze, ExclamationTriangleIcon as Je, CheckCircleIcon as Xe, InformationCircleIcon as ue, ChevronRightIcon as Ee, ChevronUpIcon as $t, ChevronDownIcon as At, ExclamationCircleIcon as It, XMarkIcon as Tt, CheckIcon as et, ClipboardDocumentIcon as Pt, ClipboardIcon as Lt, EnvelopeIcon as Mt, ArrowRightIcon as zt, LanguageIcon as Rt } from "@heroicons/react/24/outline";
-import { ArrowLeftIcon as Pl, ArrowRightIcon as Ll, Bars3Icon as Ml, BellIcon as zl, BellSlashIcon as Rl, ChartBarIcon as Wl, CheckCircleIcon as jl, CheckIcon as Bl, ChevronDownIcon as Dl, ChevronLeftIcon as Ol, ChevronRightIcon as Fl, ChevronUpIcon as Vl, ClockIcon as _l, CodeBracketIcon as ql, Cog6ToothIcon as Hl, CreditCardIcon as Ul, DocumentTextIcon as Gl, EnvelopeIcon as Kl, ExclamationTriangleIcon as Ql, EyeSlashIcon as Yl, GlobeAltIcon as Zl, HomeIcon as Jl, InboxIcon as Xl, InformationCircleIcon as ec, KeyIcon as tc, MegaphoneIcon as rc, MinusIcon as ac, PaperAirplaneIcon as nc, PaperClipIcon as oc, PlusIcon as ic, RocketLaunchIcon as sc, ShieldCheckIcon as lc, SparklesIcon as cc, StarIcon as dc, TrashIcon as uc, UserGroupIcon as mc, XMarkIcon as gc } from "@heroicons/react/24/outline";
-import { Slot as Wt } from "@radix-ui/react-slot";
-import { cva as A } from "class-variance-authority";
+import { XCircleIcon as Ze, ExclamationTriangleIcon as Je, CheckCircleIcon as Xe, InformationCircleIcon as he, ArrowPathIcon as $t, ChevronRightIcon as Ie, ChevronUpIcon as At, ChevronDownIcon as It, ExclamationCircleIcon as Tt, XMarkIcon as Pt, CheckIcon as et, ClipboardDocumentIcon as Lt, ClipboardIcon as Mt, EnvelopeIcon as zt, ArrowRightIcon as Rt, LanguageIcon as Wt } from "@heroicons/react/24/outline";
+import { ArrowLeftIcon as Ml, ArrowRightIcon as zl, Bars3Icon as Rl, BellIcon as Wl, BellSlashIcon as jl, ChartBarIcon as Dl, CheckCircleIcon as Bl, CheckIcon as Ol, ChevronDownIcon as Fl, ChevronLeftIcon as Vl, ChevronRightIcon as _l, ChevronUpIcon as ql, ClockIcon as Hl, CodeBracketIcon as Ul, Cog6ToothIcon as Gl, CreditCardIcon as Kl, DocumentTextIcon as Yl, EnvelopeIcon as Ql, ExclamationTriangleIcon as Zl, EyeSlashIcon as Jl, GlobeAltIcon as Xl, HomeIcon as ec, InboxIcon as tc, InformationCircleIcon as rc, KeyIcon as ac, MegaphoneIcon as nc, MinusIcon as oc, PaperAirplaneIcon as ic, PaperClipIcon as sc, PlusIcon as lc, RocketLaunchIcon as cc, ShieldCheckIcon as dc, SparklesIcon as uc, StarIcon as mc, TrashIcon as gc, UserGroupIcon as pc, XMarkIcon as hc } from "@heroicons/react/24/outline";
+import { Slot as jt } from "@radix-ui/react-slot";
+import { cva as I } from "class-variance-authority";
 import { Root as tt } from "@radix-ui/react-label";
-import * as I from "@radix-ui/react-select";
-import { ChevronDown as rt, ChevronUp as jt, Check as Bt } from "lucide-react";
-import { Root as at, Thumb as Dt } from "@radix-ui/react-switch";
-import { List as nt, Trigger as ot, Content as it, Root as Ot } from "@radix-ui/react-tabs";
-import { Link as he } from "react-router-dom";
-import { createPortal as Ft } from "react-dom";
-import { TwitterIcon as Vt, TwitterShareButton as _t, FacebookIcon as qt, FacebookShareButton as Ht, LinkedinIcon as Ut, LinkedinShareButton as Gt, RedditIcon as Kt, RedditShareButton as Qt, TelegramIcon as Yt, TelegramShareButton as Zt, WhatsappIcon as Jt, WhatsappShareButton as Xt } from "react-share";
+import * as T from "@radix-ui/react-select";
+import { ChevronDown as rt, ChevronUp as Dt, Check as Bt } from "lucide-react";
+import { Root as at, Thumb as Ot } from "@radix-ui/react-switch";
+import { List as nt, Trigger as ot, Content as it, Root as Ft } from "@radix-ui/react-tabs";
+import { Link as xe } from "react-router-dom";
+import { createPortal as Vt } from "react-dom";
+import { TwitterIcon as _t, TwitterShareButton as qt, FacebookIcon as Ht, FacebookShareButton as Ut, LinkedinIcon as Gt, LinkedinShareButton as Kt, RedditIcon as Yt, RedditShareButton as Qt, TelegramIcon as Zt, TelegramShareButton as Jt, WhatsappIcon as Xt, WhatsappShareButton as er } from "react-share";
 import { useTranslation as st } from "react-i18next";
-import { CheckCircleIcon as hc, CheckIcon as fc, ExclamationTriangleIcon as bc, StarIcon as yc } from "@heroicons/react/24/solid";
-import { Helmet as er } from "react-helmet-async";
+import { CheckCircleIcon as bc, CheckIcon as yc, ExclamationTriangleIcon as xc, StarIcon as vc } from "@heroicons/react/24/solid";
+import { Helmet as tr } from "react-helmet-async";
 function h(...t) {
   return vt(xt(t));
 }
-const Tn = (t) => t, Pn = (t) => {
+const Pn = (t) => t, Ln = (t) => {
   if (typeof document > "u") return;
   const e = document.createElement("style");
   e.textContent = t, e.setAttribute("data-critical", "true"), document.head.appendChild(e);
-}, Ln = (t) => {
+}, Mn = (t) => {
   if (typeof document > "u") return;
   const e = document.createElement("link");
   e.rel = "preload", e.as = "style", e.href = t, e.onload = () => {
@@ -34,19 +34,19 @@ const Tn = (t) => t, Pn = (t) => {
   }, document.head.appendChild(e);
   const r = document.createElement("noscript");
   r.innerHTML = `<link rel="stylesheet" href="${t}">`, document.head.appendChild(r);
-}, Mn = (t) => {
+}, zn = (t) => {
   const e = {};
   return Object.entries(t).forEach(([r, a]) => {
     e[`--${r}`] = typeof a == "number" ? `${a}px` : a;
   }), e;
-}, tr = {
+}, rr = {
   xs: 475,
   sm: 640,
   md: 768,
   lg: 1024,
   xl: 1280,
   "2xl": 1536
-}, zn = (t, e = tr) => {
+}, Rn = (t, e = rr) => {
   const [r, a] = v.useState("base");
   return v.useEffect(() => {
     const n = () => {
@@ -55,8 +55,8 @@ const Tn = (t) => t, Pn = (t) => {
     };
     return n(), window.addEventListener("resize", n), () => window.removeEventListener("resize", n);
   }, [e]), t[r] || t.base || {};
-}, rr = () => typeof window > "u" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches, Rn = () => {
-  const [t, e] = v.useState(rr);
+}, ar = () => typeof window > "u" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches, Wn = () => {
+  const [t, e] = v.useState(ar);
   return v.useEffect(() => {
     const r = window.matchMedia("(prefers-reduced-motion: reduce)"), a = () => {
       e(r.matches);
@@ -65,18 +65,18 @@ const Tn = (t) => t, Pn = (t) => {
       r.removeEventListener ? r.removeEventListener("change", a) : r.removeListener(a);
     };
   }, []), t;
-}, Wn = (t, e = [
+}, jn = (t, e = [
   "layout",
   "paint"
 ]) => {
   t && (t.style.contain = e.join(" "));
-}, jn = (t, e) => t ? (t.style.willChange = e.join(", "), () => {
+}, Dn = (t, e) => t ? (t.style.willChange = e.join(", "), () => {
   t.style.willChange = "auto";
 }) : void 0, Bn = (t) => {
   typeof window > "u" || requestAnimationFrame(() => {
     t.forEach((e) => e());
   });
-}, Dn = (...t) => t.filter(Boolean).join(" "), On = (t) => {
+}, On = (...t) => t.filter(Boolean).join(" "), Fn = (t) => {
   const e = {}, r = [
     "display",
     "position",
@@ -92,7 +92,7 @@ const Tn = (t) => t, Pn = (t) => {
   return Object.entries(t).forEach(([a, n]) => {
     r.includes(a) && (e[a] = n);
   }), e;
-}, Fn = (t, e = []) => {
+}, Vn = (t, e = []) => {
   const [r, a] = v.useState(null), [n, i] = v.useState(!0);
   return v.useEffect(() => {
     let l = !0;
@@ -102,21 +102,21 @@ const Tn = (t) => t, Pn = (t) => {
       l = !1;
     };
   }, [t, ...e]), { styles: r, loading: n };
-}, Vn = (t, e = "1rem") => ({
+}, _n = (t, e = "1rem") => ({
   display: "grid",
   gridTemplateColumns: `repeat(${t}, minmax(0, 1fr))`,
   gap: e,
   // Optimize for performance
   contain: "layout",
   willChange: "transform"
-}), _n = (t = "row", e = "center", r = "flex-start") => ({
+}), qn = (t = "row", e = "center", r = "flex-start") => ({
   display: "flex",
   flexDirection: t,
   alignItems: e,
   justifyContent: r,
   // Optimize for performance
   contain: "layout"
-}), qn = (t) => {
+}), Hn = (t) => {
   const [e, r] = v.useState(!1);
   return v.useEffect(() => {
     const a = window.matchMedia(t);
@@ -126,7 +126,7 @@ const Tn = (t) => t, Pn = (t) => {
       a.removeEventListener ? a.removeEventListener("change", n) : a.removeListener(n);
     };
   }, [t]), e;
-}, Hn = (t, e) => {
+}, Un = (t, e) => {
   const [r, a] = v.useState("light");
   return v.useEffect(() => {
     const n = window.matchMedia("(prefers-color-scheme: dark)");
@@ -138,17 +138,17 @@ const Tn = (t) => t, Pn = (t) => {
       n.removeEventListener ? n.removeEventListener("change", i) : n.removeListener(i);
     };
   }, []), r === "dark" ? e : t;
-}, Un = (t) => {
+}, Gn = (t) => {
   const e = {
     src: t.src,
     alt: t.alt,
     loading: t.loading || "lazy"
   };
   return t.title && (e.title = t.title), t.width && (e.width = t.width), t.height && (e.height = t.height), t.sizes && (e.sizes = t.sizes), t.srcSet && (e.srcSet = t.srcSet), e.itemProp = "image", e;
-}, Gn = (t, e = [320, 640, 768, 1024, 1280, 1920]) => e.map((r) => `${t.replace(/\{width\}/g, r.toString())} ${r}w`).join(", "), Kn = (t) => t.map((e) => e.maxWidth ? `(max-width: ${e.maxWidth}px) ${e.size}` : e.size).join(", "), Qn = (t, e = "openGraph") => {
+}, Kn = (t, e = [320, 640, 768, 1024, 1280, 1920]) => e.map((r) => `${t.replace(/\{width\}/g, r.toString())} ${r}w`).join(", "), Yn = (t) => t.map((e) => e.maxWidth ? `(max-width: ${e.maxWidth}px) ${e.size}` : e.size).join(", "), Qn = (t, e = "openGraph") => {
   const r = {};
   return e === "openGraph" ? (r["og:image"] = t.url, t.width && (r["og:image:width"] = t.width.toString()), t.height && (r["og:image:height"] = t.height.toString()), t.alt && (r["og:image:alt"] = t.alt), t.type && (r["og:image:type"] = t.type)) : (r["twitter:image"] = t.url, t.alt && (r["twitter:image:alt"] = t.alt)), r;
-}, Yn = (t = 'img[loading="lazy"]') => {
+}, Zn = (t = 'img[loading="lazy"]') => {
   if (typeof window > "u" || !("IntersectionObserver" in window))
     return;
   const e = document.querySelectorAll(t);
@@ -175,21 +175,21 @@ const Tn = (t) => t, Pn = (t) => {
   return e.forEach((a) => r.observe(a)), () => {
     e.forEach((a) => r.unobserve(a));
   };
-}, ar = () => typeof window > "u" ? Promise.resolve(!1) : new Promise((t) => {
+}, nr = () => typeof window > "u" ? Promise.resolve(!1) : new Promise((t) => {
   const e = new Image();
   e.onload = e.onerror = function() {
     t(e.height === 2);
   }, e.src = "data:image/webp;base64,UklGRjoAAABXRUJQVlA4IC4AAACyAgCdASoCAAIALmk0mk0iIiIiIgBoSygABc6WWgAA/veff/0PP8bA//LwYAAA";
-}), nr = () => typeof window > "u" ? Promise.resolve(!1) : new Promise((t) => {
+}), or = () => typeof window > "u" ? Promise.resolve(!1) : new Promise((t) => {
   const e = new Image();
   e.onload = () => t(!0), e.onerror = () => t(!1), e.src = "data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAADybWV0YQAAAAAAAAAoaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAGxpYmF2aWYAAAAADnBpdG0AAAAAAAEAAAAeaWxvYwAAAABEAAABAAEAAAABAAABGgAAAB0AAAAoaWluZgAAAAAAAQAAABppbmZlAgAAAAABAABhdjAxQ29sb3IAAAAAamlwcnAAAABLaXBjbwAAABRpc3BlAAAAAAAAAAIAAAACAAAAEHBpeGkAAAAAAwgICAAAAAxhdjFDgQ0MAAAAABNjb2xybmNseAACAAIAAYAAAAAXaXBtYQAAAAAAAAABAAEEAQKDBAAAACVtZGF0EgAKCBgANogQEAwgMg8f8D///8WfhwB8+ErK42A=";
-}), Zn = async (t = "jpg") => {
+}), Jn = async (t = "jpg") => {
   const [e, r] = await Promise.all([
-    ar(),
-    nr()
+    nr(),
+    or()
   ]);
   return r ? "avif" : e ? "webp" : t;
-}, Jn = (t, e, r, a) => `
+}, Xn = (t, e, r, a) => `
 <picture>
   ${t.map((i) => {
   const l = [`srcset="${i.srcSet}"`];
@@ -197,11 +197,11 @@ const Tn = (t) => t, Pn = (t) => {
 }).join(`
   `)}
   <img src="${e}" alt="${r}"${a ? ` class="${a}"` : ""} loading="lazy">
-</picture>`.trim(), Xn = (t, e = "image") => {
+</picture>`.trim(), eo = (t, e = "image") => {
   if (typeof document > "u") return;
   const r = document.createElement("link");
   r.rel = "preload", r.as = e, r.href = t, t.includes(".webp") ? r.type = "image/webp" : t.includes(".avif") && (r.type = "image/avif"), document.head.appendChild(r);
-}, eo = (t, e, r) => {
+}, to = (t, e, r) => {
   if (typeof window > "u") return;
   const a = new Image();
   a.src = t, a.classList.add("progressive-image-placeholder"), r.appendChild(a);
@@ -213,7 +213,7 @@ const Tn = (t) => t, Pn = (t) => {
       }, 300);
     });
   };
-}, to = (t) => new Promise((e) => {
+}, ro = (t) => new Promise((e) => {
   const r = performance.now();
   t.complete ? e({
     loadTime: 0,
@@ -241,19 +241,19 @@ const Tn = (t) => t, Pn = (t) => {
       isOptimized: t.srcset !== "" || t.sizes !== ""
     });
   });
-}), ro = (t, e, r = "#e0e0e0") => {
+}), ao = (t, e, r = "#e0e0e0") => {
   const a = `
     <svg width="${t}" height="${e}" xmlns="http://www.w3.org/2000/svg">
       <rect width="100%" height="100%" fill="${r}"/>
     </svg>
   `;
   return `data:image/svg+xml;base64,${btoa(a)}`;
-}, ao = (t, e) => {
+}, no = (t, e) => {
   const r = 1 / e * 100;
   t.style.position = "relative", t.style.paddingTop = `${r}%`;
   const a = t.querySelector("img");
   a && (a.style.position = "absolute", a.style.top = "0", a.style.left = "0", a.style.width = "100%", a.style.height = "100%", a.style.objectFit = "cover");
-}, ee = {
+}, ae = {
   // Mark functions as pure for better tree-shaking
   createPureFunction: (t) => t,
   // Environment-based code elimination
@@ -267,7 +267,7 @@ const Tn = (t) => t, Pn = (t) => {
     enablePerformanceMonitoring: process.env.VITE_ENABLE_PERF_MONITORING !== "false",
     ...t
   })
-}, no = (t) => {
+}, oo = (t) => {
   const e = {};
   return Object.entries(t).forEach(([r, a]) => {
     e[r] = () => {
@@ -278,7 +278,7 @@ const Tn = (t) => t, Pn = (t) => {
       }
     };
   }), e;
-}, or = {
+}, ir = {
   // Lightweight debounce (instead of importing lodash)
   createDebounce: (t) => (e) => {
     let r;
@@ -304,7 +304,7 @@ const Tn = (t) => t, Pn = (t) => {
     const r = Object.keys(t), a = Object.keys(e);
     if (r.length !== a.length) return !1;
     for (const n of r)
-      if (!a.includes(n) || !or.isDeepEqual(t[n], e[n])) return !1;
+      if (!a.includes(n) || !ir.isDeepEqual(t[n], e[n])) return !1;
     return !0;
   },
   // Lightweight throttle
@@ -316,7 +316,7 @@ const Tn = (t) => t, Pn = (t) => {
         return r = n, e(...a);
     });
   }
-}, oo = (t) => {
+}, io = (t) => {
   const e = {};
   return Object.entries(t).forEach(([r, a]) => {
     e[r] = {}, Object.entries(a).forEach(([n, i]) => {
@@ -328,7 +328,7 @@ const Tn = (t) => t, Pn = (t) => {
       }));
     });
   }), e;
-}, te = {
+}, ne = {
   // Calculate approximate module size
   getModuleSize: (t) => new Promise((e) => {
     if (typeof window < "u" && "performance" in window) {
@@ -344,13 +344,13 @@ const Tn = (t) => t, Pn = (t) => {
   // Track which modules are actually used
   usageTracker: /* @__PURE__ */ new Set(),
   trackUsage: (t) => {
-    ee.isDevelopment && te.usageTracker.add(t);
+    ae.isDevelopment && ne.usageTracker.add(t);
   },
-  getUsageReport: () => ee.isDevelopment ? Array.from(te.usageTracker).sort() : [],
+  getUsageReport: () => ae.isDevelopment ? Array.from(ne.usageTracker).sort() : [],
   // Estimate bundle impact
   estimateImpact: (t) => {
     const e = t.map(
-      (r) => te.getModuleSize(r).then((a) => [r, a])
+      (r) => ne.getModuleSize(r).then((a) => [r, a])
     );
     return Promise.all(e).then((r) => {
       const a = {};
@@ -360,7 +360,7 @@ const Tn = (t) => t, Pn = (t) => {
       }), { total: n, modules: a };
     });
   }
-}, ir = {
+}, sr = {
   // Critical CSS utilities
   inlineCriticalCSS: (t) => {
     if (typeof document < "u") {
@@ -391,37 +391,37 @@ const Tn = (t) => t, Pn = (t) => {
       unused: t.filter((r) => !e.has(r))
     };
   }
-}, io = (t = {}) => {
+}, so = (t = {}) => {
   const {
     features: e = {},
     criticalCSS: r = "",
-    enableUsageTracking: a = ee.isDevelopment
+    enableUsageTracking: a = ae.isDevelopment
   } = t;
   return {
-    features: ee.createFeatureFlags(e),
+    features: ae.createFeatureFlags(e),
     initialize: () => {
-      r && typeof document < "u" && ir.inlineCriticalCSS(r);
+      r && typeof document < "u" && sr.inlineCriticalCSS(r);
     },
     cleanup: () => {
-      te.usageTracker.clear();
+      ne.usageTracker.clear();
     },
     getReport: () => ({
-      usage: te.getUsageReport(),
-      features: ee.createFeatureFlags(e)
+      usage: ne.getUsageReport(),
+      features: ae.createFeatureFlags(e)
     })
   };
 };
-let ye;
-function sr(t) {
+let we;
+function lr(t) {
   throw typeof window < "u" ? new Error("Web navigation service not implemented in shared library") : new Error(
     "React Native navigation service not implemented in shared library"
   );
 }
-function B(t) {
-  return ye || (ye = sr()), ye;
+function O(t) {
+  return we || (we = lr()), we;
 }
-function so() {
-  const t = B(), e = t.getCurrentState();
+function lo() {
+  const t = O(), e = t.getCurrentState();
   return {
     navigate: (r, a) => {
       t.navigate(r, a);
@@ -439,8 +439,8 @@ function so() {
     isSupported: t.isSupported()
   };
 }
-function lo() {
-  const e = B().getCurrentState(), r = Object.keys(e.searchParams).length > 0 ? "?" + new URLSearchParams(e.searchParams).toString() : "";
+function co() {
+  const e = O().getCurrentState(), r = Object.keys(e.searchParams).length > 0 ? "?" + new URLSearchParams(e.searchParams).toString() : "";
   return {
     pathname: e.currentPath,
     search: r,
@@ -453,28 +453,28 @@ function lo() {
     // Simplified key generation
   };
 }
-function co() {
-  const t = B(), e = t.getCurrentState();
+function uo() {
+  const t = O(), e = t.getCurrentState();
   return [new URLSearchParams(e.searchParams), (n) => {
     const i = n instanceof URLSearchParams ? Object.fromEntries(n.entries()) : n, l = new URLSearchParams(i).toString(), s = e.currentPath + (l ? `?${l}` : "");
     t.replace(s);
   }];
 }
-const H = {
+const Y = {
   /**
    * Navigate to a path
    * @param path Target path
    * @param options Navigation options
    */
   navigate: (t, e) => {
-    B().navigate(t, e);
+    O().navigate(t, e);
   },
   /**
    * Go back to previous screen
    * @param fallbackPath Fallback path if no history
    */
   goBack: (t) => {
-    B().goBack(t);
+    O().goBack(t);
   },
   /**
    * Replace current route
@@ -482,27 +482,27 @@ const H = {
    * @param options Navigation options
    */
   replace: (t, e) => {
-    B().replace(t, e);
+    O().replace(t, e);
   },
   /**
    * Get current path
    */
-  getCurrentPath: () => B().getCurrentPath(),
+  getCurrentPath: () => O().getCurrentPath(),
   /**
    * Get search parameters
    */
-  getSearchParams: () => B().getSearchParams(),
+  getSearchParams: () => O().getSearchParams(),
   /**
    * Navigate to mail app
    */
   goToMail: () => {
-    H.navigate("/mail");
+    Y.navigate("/mail");
   },
   /**
    * Navigate to preferences
    */
   goToPreferences: () => {
-    H.navigate("/preferences");
+    Y.navigate("/preferences");
   },
   /**
    * Navigate to compose page
@@ -515,31 +515,31 @@ const H = {
       r.set(n, i);
     });
     const a = r.toString();
-    H.navigate(`/mail/compose${a ? `?${a}` : ""}`);
+    Y.navigate(`/mail/compose${a ? `?${a}` : ""}`);
   },
   /**
    * Navigate to connect wallet page
    */
   goToConnect: () => {
-    H.navigate("/connect");
+    Y.navigate("/connect");
   },
   /**
    * Navigate to delegate page
    */
   goToDelegate: () => {
-    H.navigate("/admin/delegate");
+    Y.navigate("/admin/delegate");
   },
   /**
    * Navigate to home page
    */
   goToHome: () => {
-    H.navigate("/");
+    Y.navigate("/");
   },
   /**
    * Check if can go back
    */
-  canGoBack: () => B().canGoBack()
-}, uo = (t, e) => e.find((r) => r.href === t) || null, mo = (t, e, r) => {
+  canGoBack: () => O().canGoBack()
+}, mo = (t, e) => e.find((r) => r.href === t) || null, go = (t, e, r) => {
   const a = t.split("/").filter(Boolean);
   if (a.length === 0)
     return [{ label: "Home", current: !0 }];
@@ -564,7 +564,7 @@ const H = {
       current: d
     });
   }), n;
-}, go = {
+}, po = {
   /**
    * Check if a path is currently active
    */
@@ -630,8 +630,8 @@ const H = {
     }
   }
 };
-function po(t, e = 3, r = 1e3) {
-  return _(() => new Promise((a, n) => {
+function ho(t, e = 3, r = 1e3) {
+  return K(() => new Promise((a, n) => {
     const i = (l) => {
       t().then(a).catch((s) => {
         l > 0 ? setTimeout(() => {
@@ -642,19 +642,19 @@ function po(t, e = 3, r = 1e3) {
     i(e);
   }));
 }
-function ho(t) {
+function fo(t) {
   let e = null;
   const r = () => (e || (e = t()), e.then(() => {
   }));
-  return { Component: _(() => e || t()), preload: r };
+  return { Component: K(() => e || t()), preload: r };
 }
-function fo(t, e = {}) {
+function bo(t, e = {}) {
   const {
     fallback: r = /* @__PURE__ */ o("div", { children: "Loading..." }),
     errorFallback: a = /* @__PURE__ */ o("div", { children: "Failed to load component" }),
     loadingDelay: n = 200,
     minimumLoadingTime: i = 500
-  } = e, l = _(async () => {
+  } = e, l = K(async () => {
     const c = Date.now();
     try {
       const d = await t(), g = Date.now() - c;
@@ -673,11 +673,11 @@ function fo(t, e = {}) {
         d(!0);
       }, n);
       return () => clearTimeout(g);
-    }, []), c ? /* @__PURE__ */ o(T, { children: r }) : null;
+    }, []), c ? /* @__PURE__ */ o(M, { children: r }) : null;
   };
-  return v.forwardRef((c, d) => /* @__PURE__ */ o(se, { fallback: /* @__PURE__ */ o(s, {}), children: /* @__PURE__ */ o(l, { ...c, ref: d }) }));
+  return v.forwardRef((c, d) => /* @__PURE__ */ o(de, { fallback: /* @__PURE__ */ o(s, {}), children: /* @__PURE__ */ o(l, { ...c, ref: d }) }));
 }
-function lr(t, e = {}) {
+function cr(t, e = {}) {
   const [r, a] = v.useState(!1), [n, i] = v.useState(!1);
   return v.useEffect(() => {
     const l = t.current;
@@ -697,20 +697,20 @@ function lr(t, e = {}) {
     };
   }, [t, e, n]), r;
 }
-const bo = ({
+const yo = ({
   children: t,
   fallback: e = /* @__PURE__ */ o("div", { children: "Loading..." }),
   threshold: r = 0.01,
   rootMargin: a = "50px",
   placeholder: n
 }) => {
-  const i = v.useRef(null), l = lr(i, {
+  const i = v.useRef(null), l = cr(i, {
     threshold: r,
     rootMargin: a
   });
   return /* @__PURE__ */ o("div", { ref: i, children: l ? t : n || e });
 };
-function yo(t) {
+function xo(t) {
   const {
     importFn: e,
     preloadOnHover: r = !0,
@@ -724,7 +724,7 @@ function yo(t) {
     }, n);
   };
   return {
-    Component: _(() => l || e()),
+    Component: K(() => l || e()),
     preload: s,
     linkProps: {
       ...r && {
@@ -739,7 +739,7 @@ function yo(t) {
     }
   };
 }
-function xo(t, e = []) {
+function vo(t, e = []) {
   const [r, a] = v.useState(null), [n, i] = v.useState(!0), [l, s] = v.useState(null);
   return v.useEffect(() => {
     let c = !0;
@@ -752,7 +752,7 @@ function xo(t, e = []) {
     };
   }, [t, ...e]), { module: r, loading: n, error: l };
 }
-class cr {
+class dr {
   constructor(e = 3, r = 100) {
     this.queue = /* @__PURE__ */ new Set(), this.isProcessing = !1, this.batchSize = e, this.delay = r;
   }
@@ -766,13 +766,13 @@ class cr {
     e.forEach((r) => this.queue.delete(r)), await Promise.all(e.map((r) => r().catch(console.error))), this.queue.size > 0 && await new Promise((r) => setTimeout(r, this.delay)), this.isProcessing = !1, this.queue.size > 0 && this.process();
   }
 }
-function vo(t, e, r) {
+function wo(t, e, r) {
   if (typeof document > "u") return;
   const a = document.createElement("link");
   a.rel = e, a.href = t, r && (e === "preload" || e === "prefetch") && (a.as = r), document.head.appendChild(a);
 }
 var lt = /* @__PURE__ */ ((t) => (t[t.HIGH = 0] = "HIGH", t[t.MEDIUM = 1] = "MEDIUM", t[t.LOW = 2] = "LOW", t[t.IDLE = 3] = "IDLE", t))(lt || {});
-class dr {
+class ur {
   constructor() {
     this.queues = /* @__PURE__ */ new Map(), this.isProcessing = !1, Object.values(lt).filter((e) => typeof e == "number").forEach((e) => {
       this.queues.set(e, []);
@@ -803,8 +803,8 @@ class dr {
     }
   }
 }
-const wo = new cr(), ko = new dr();
-class $e {
+const ko = new dr(), Co = new ur();
+class Te {
   constructor(e = {}) {
     this.prefix = e.prefix || "mailbox", this.defaultTTL = e.ttl, this.platformStorage = e.platformStorage || this.createFallbackStorage();
   }
@@ -945,11 +945,11 @@ class $e {
     }
   }
 }
-const Co = new $e(), So = new $e({ prefix: "mailbox-theme" }), No = new $e({
+const So = new Te(), No = new Te({ prefix: "mailbox-theme" }), Eo = new Te({
   prefix: "walletUser",
   ttl: 10080 * 60 * 1e3
   // 7 days in milliseconds
-}), Eo = (t) => {
+}), $o = (t) => {
   if (!t)
     throw new Error("PlatformStorage must be provided to createSimpleStorage");
   return {
@@ -976,7 +976,7 @@ const Co = new $e(), So = new $e({ prefix: "mailbox-theme" }), No = new $e({
     }
   };
 };
-function ur() {
+function mr() {
   const t = {
     isWalletBrowser: !1,
     walletType: "unknown",
@@ -1003,8 +1003,8 @@ function ur() {
     return console.warn("Error detecting wallet browser:", e), t;
   }
 }
-async function $o() {
-  const t = ur();
+async function Ao() {
+  const t = mr();
   if (!t.isWalletBrowser)
     return { success: !1, error: "Not running in a wallet browser" };
   try {
@@ -1034,7 +1034,7 @@ async function $o() {
     };
   }
 }
-class mr {
+class gr {
   constructor(e) {
     this.metrics = { timestamp: Date.now() }, this.observers = [], this.performanceMarks = /* @__PURE__ */ new Map(), this.reportCallback = e, this.initializeWebVitals(), this.initializeCustomObservers(), this.collectDeviceInfo();
   }
@@ -1155,17 +1155,17 @@ class mr {
     this.observers.forEach((e) => e.disconnect()), this.observers = [];
   }
 }
-let de = null;
-const Ao = (t) => (de || (de = new mr(t)), de), Ae = () => de, gr = (t) => {
+let pe = null;
+const Io = (t) => (pe || (pe = new gr(t)), pe), Pe = () => pe, pr = (t) => {
   const e = v.useRef(performance.now());
   v.useEffect(() => {
-    const r = performance.now() - e.current, a = Ae();
+    const r = performance.now() - e.current, a = Pe();
     a && a.measureComponentRender(t, r);
   }, [t]);
-}, Io = (t, e) => v.forwardRef((r, a) => (gr(e), v.createElement(t, { ...r, ref: a }))), To = async (t, e) => {
+}, To = (t, e) => v.forwardRef((r, a) => (pr(e), v.createElement(t, { ...r, ref: a }))), Po = async (t, e) => {
   const r = performance.now();
   try {
-    const a = await t(), n = performance.now() - r, i = Ae();
+    const a = await t(), n = performance.now() - r, i = Pe();
     return i && i.measureAPICall(e, n), a;
   } catch (a) {
     const n = performance.now() - r;
@@ -1173,7 +1173,7 @@ const Ao = (t) => (de || (de = new mr(t)), de), Ae = () => de, gr = (t) => {
       `[Performance] ${e} failed after ${n.toFixed(2)}ms`
     ), a;
   }
-}, pr = {
+}, hr = {
   LCP: 2500,
   // 2.5s
   INP: 200,
@@ -1186,7 +1186,7 @@ const Ao = (t) => (de || (de = new mr(t)), de), Ae = () => de, gr = (t) => {
   // 800ms
   bundleSize: 17e4
   // 170KB
-}, Po = (t, e = pr) => {
+}, Lo = (t, e = hr) => {
   const r = [];
   return e.LCP && t.LCP && t.LCP > e.LCP && r.push(
     `LCP: ${t.LCP.toFixed(0)}ms (budget: ${e.LCP}ms)`
@@ -1200,8 +1200,8 @@ const Ao = (t) => (de || (de = new mr(t)), de), Ae = () => de, gr = (t) => {
     passed: r.length === 0,
     violations: r
   };
-}, Lo = (t) => {
-  const e = t || Ae()?.getMetrics() || { timestamp: Date.now() }, r = {
+}, Mo = (t) => {
+  const e = t || Pe()?.getMetrics() || { timestamp: Date.now() }, r = {
     timestamp: (/* @__PURE__ */ new Date()).toISOString(),
     metrics: e,
     environment: {
@@ -1215,14 +1215,14 @@ const Ao = (t) => (de || (de = new mr(t)), de), Ae = () => de, gr = (t) => {
     }
   };
   return JSON.stringify(r, null, 2);
-}, Mo = (t) => {
+}, zo = (t) => {
   if (t === 0) return "0 Bytes";
   const e = 1024, r = ["Bytes", "KB", "MB", "GB", "TB"], a = Math.floor(Math.log(t) / Math.log(e)), n = Math.min(a, r.length - 1);
   return parseFloat((t / Math.pow(e, n)).toFixed(2)) + " " + r[n];
-}, zo = (t, e, r) => {
+}, Ro = (t, e, r) => {
   const a = { bytes: 0, kb: 1, mb: 2, gb: 3, tb: 4 }, n = 1024, l = t * Math.pow(n, a[e]) / Math.pow(n, a[r]);
   return Math.round(l * 100) / 100;
-}, Ro = (t) => {
+}, Wo = (t) => {
   const e = t.match(/^(\d+(?:\.\d+)?)\s*(bytes?|kb|mb|gb|tb)$/i);
   if (!e) return null;
   const r = parseFloat(e[1]), a = e[2].toLowerCase(), i = {
@@ -1235,7 +1235,7 @@ const Ao = (t) => (de || (de = new mr(t)), de), Ae = () => de, gr = (t) => {
   }[a];
   return i ? Math.round(r * i) : null;
 };
-function hr(t, e) {
+function fr(t, e) {
   P(() => {
     const r = (a) => {
       const n = t?.current;
@@ -1246,7 +1246,7 @@ function hr(t, e) {
     };
   }, [t, e]);
 }
-const fr = (t) => {
+const br = (t) => {
   const [e, r] = $(""), [a, n] = $(!0), [i, l] = $(null);
   return P(() => {
     t && (async () => {
@@ -1264,8 +1264,8 @@ const fr = (t) => {
       }
     })();
   }, [t]), { code: e, loading: a, error: i };
-}, Wo = (t = {}) => {
-  const { successDuration: e = 2e3, onSuccess: r, onError: a } = t, [n, i] = $(null), l = W(
+}, jo = (t = {}) => {
+  const { successDuration: e = 2e3, onSuccess: r, onError: a } = t, [n, i] = $(null), l = D(
     async (d) => {
       try {
         if (navigator.clipboard && window.isSecureContext)
@@ -1286,10 +1286,10 @@ const fr = (t) => {
       }
     },
     [e, r, a]
-  ), s = W(
+  ), s = D(
     (d) => n === d,
     [n]
-  ), c = W(() => {
+  ), c = D(() => {
     i(null);
   }, []);
   return {
@@ -1298,8 +1298,8 @@ const fr = (t) => {
     isCopied: s,
     resetCopiedState: c
   };
-}, jo = (t = {}) => {
-  const { successDuration: e = 2e3, onSuccess: r, onError: a } = t, [n, i] = $({}), l = W(
+}, Do = (t = {}) => {
+  const { successDuration: e = 2e3, onSuccess: r, onError: a } = t, [n, i] = $({}), l = D(
     async (d, g) => {
       try {
         if (navigator.clipboard && window.isSecureContext)
@@ -1320,10 +1320,10 @@ const fr = (t) => {
       }
     },
     [e, r, a]
-  ), s = W(
+  ), s = D(
     (d) => n[d] || !1,
     [n]
-  ), c = W((d) => {
+  ), c = D((d) => {
     i(d ? (g) => ({ ...g, [d]: !1 }) : {});
   }, []);
   return {
@@ -1332,7 +1332,7 @@ const fr = (t) => {
     isCopied: s,
     resetCopiedState: c
   };
-}, br = {
+}, yr = {
   pending: {
     label: "Pending",
     color: "bg-gray-500",
@@ -1353,7 +1353,7 @@ const fr = (t) => {
     color: "bg-red-500",
     textColor: "text-white"
   }
-}, yr = {
+}, xr = {
   basic: "Basic KYC",
   enhanced: "Enhanced KYC",
   accredited: "Accredited Investor"
@@ -1362,7 +1362,7 @@ const fr = (t) => {
   level: e,
   className: r = ""
 }) => {
-  const a = br[t], n = yr[e];
+  const a = yr[t], n = xr[e];
   return /* @__PURE__ */ o("div", { className: `inline-flex items-center gap-2 ${r}`, children: /* @__PURE__ */ m(
     "span",
     {
@@ -1374,7 +1374,7 @@ const fr = (t) => {
       ]
     }
   ) });
-}, Do = ({
+}, Oo = ({
   accessToken: t,
   onComplete: e,
   onError: r,
@@ -1419,7 +1419,7 @@ const fr = (t) => {
       document.body.contains(l) && document.body.removeChild(l), i.current && typeof i.current.destroy == "function" && i.current.destroy();
     };
   }, [t, e, r]), /* @__PURE__ */ o("div", { className: `sumsub-sdk-container ${a}`, children: /* @__PURE__ */ o("div", { ref: n, id: "sumsub-websdk-container" }) });
-}, xr = {
+}, vr = {
   basic: {
     title: "Basic KYC",
     description: "Age & Identity Verification",
@@ -1438,7 +1438,7 @@ const fr = (t) => {
     color: "border-gold-200",
     activeColor: "border-gold-500 bg-gold-50"
   }
-}, Oo = ({
+}, Fo = ({
   level: t,
   price: e,
   features: r,
@@ -1447,7 +1447,7 @@ const fr = (t) => {
   onSelect: i,
   className: l = ""
 }) => {
-  const s = xr[t];
+  const s = vr[t];
   return /* @__PURE__ */ m(
     "div",
     {
@@ -1901,18 +1901,18 @@ const fr = (t) => {
       itemIconRight: () => "ml-auto h-4 w-4 flex-shrink-0"
     }
   }
-}, vr = {
+}, wr = {
   // Section styles with backgrounds
   section: {
     // Gradient sections with dark mode support
     gradient: "py-20 bg-gradient-to-r from-purple-50 to-blue-50 dark:from-purple-900 dark:to-blue-900"
   }
-}, wr = {
-  info: ue,
+}, kr = {
+  info: he,
   success: Xe,
   warning: Je,
   error: Ze
-}, Fo = ({ children: t, className: e }) => /* @__PURE__ */ o("div", { className: h("font-medium mb-1", e), children: t }), Vo = ({ children: t, className: e }) => /* @__PURE__ */ o("div", { className: h("text-sm", e), children: t }), _o = ({
+}, Vo = ({ children: t, className: e }) => /* @__PURE__ */ o("div", { className: h("font-medium mb-1", e), children: t }), _o = ({ children: t, className: e }) => /* @__PURE__ */ o("div", { className: h("text-sm", e), children: t }), qo = ({
   variant: t = "info",
   title: e,
   description: r,
@@ -1920,7 +1920,7 @@ const fr = (t) => {
   children: n,
   className: i
 }) => {
-  const l = wr[t], s = a || /* @__PURE__ */ o(l, { className: "h-5 w-5" }), c = typeof w.alert[t] == "function" ? w.alert[t]() : "";
+  const l = kr[t], s = a || /* @__PURE__ */ o(l, { className: "h-5 w-5" }), c = typeof w.alert[t] == "function" ? w.alert[t]() : "";
   return /* @__PURE__ */ m("div", { role: "alert", className: h(c, i), children: [
     s && /* @__PURE__ */ o("div", { className: "flex-shrink-0", children: s }),
     /* @__PURE__ */ m("div", { className: "flex-1", children: [
@@ -1929,7 +1929,7 @@ const fr = (t) => {
       n
     ] })
   ] });
-}, We = () => typeof document < "u" && typeof document.createElement == "function" && typeof document.getElementById == "function", kr = (t) => {
+}, We = () => typeof document < "u" && typeof document.createElement == "function" && typeof document.getElementById == "function", Cr = (t) => {
   if (typeof document < "u" && document.getElementById)
     try {
       return document.getElementById(t);
@@ -1937,7 +1937,7 @@ const fr = (t) => {
       console.warn("Failed to get element by ID:", e);
     }
   return null;
-}, Cr = (t) => {
+}, Sr = (t) => {
   if (typeof document < "u" && document.createElement)
     try {
       return document.createElement(t);
@@ -1945,7 +1945,7 @@ const fr = (t) => {
       console.warn("Failed to create element:", e);
     }
   return null;
-}, Sr = (t) => {
+}, Nr = (t) => {
   const e = typeof document < "u" ? document.head : null;
   if (e && t)
     try {
@@ -1954,7 +1954,7 @@ const fr = (t) => {
       console.warn("Failed to append to document head:", r);
     }
   return !1;
-}, G = ({
+}, Z = ({
   animation: t = "fade-in-up",
   delay: e = 0,
   duration: r = 600,
@@ -1998,8 +1998,8 @@ const fr = (t) => {
   return P(() => {
     if (We() && (t === "float" || t === "bounce-slow")) {
       const b = "animated-section-keyframes";
-      if (!kr(b)) {
-        const y = Cr("style");
+      if (!Cr(b)) {
+        const y = Sr("style");
         y && (y.id = b, y.textContent = `
             @keyframes float {
               0%, 100% { transform: translateY(0px); }
@@ -2015,19 +2015,19 @@ const fr = (t) => {
             .animate-bounce-slow {
               animation: bounce-slow 4s ease-in-out infinite;
             }
-          `, Sr(y));
+          `, Nr(y));
       }
     }
   }, [t]), /* @__PURE__ */ o("div", { ref: p, className: `${f()} ${i}`, children: n });
-}, qo = ({ children: t, delay: e = 0, className: r = "" }) => /* @__PURE__ */ o(G, { animation: "fade-in-up", delay: e, className: r, children: t }), Ho = ({ children: t, delay: e = 0, className: r = "" }) => /* @__PURE__ */ o(
-  G,
+}, Ho = ({ children: t, delay: e = 0, className: r = "" }) => /* @__PURE__ */ o(Z, { animation: "fade-in-up", delay: e, className: r, children: t }), Uo = ({ children: t, delay: e = 0, className: r = "" }) => /* @__PURE__ */ o(
+  Z,
   {
     animation: "fade-in-scale",
     delay: e,
     className: r,
     children: t
   }
-), Uo = ({ children: t, className: e = "" }) => /* @__PURE__ */ o(G, { animation: "float", className: e, children: t }), Nr = A("min-h-[44px] touch-manipulation", {
+), Go = ({ children: t, className: e = "" }) => /* @__PURE__ */ o(Z, { animation: "float", className: e, children: t }), Er = I("min-h-[44px] touch-manipulation", {
   variants: {
     variant: {
       // Clean variant definitions - let the variant system handle the classes
@@ -2075,9 +2075,9 @@ const fr = (t) => {
     size: "default",
     animation: "hover"
   }
-}), V = M.forwardRef(
+}), G = R.forwardRef(
   ({ className: t, variant: e, size: r, animation: a, asChild: n = !1, ...i }, l) => {
-    const s = n ? Wt : "button", c = e || "default", d = r && r !== "default" && r !== "icon" ? r : void 0, g = (b) => b ? {
+    const s = n ? jt : "button", c = e || "default", d = r && r !== "default" && r !== "icon" ? r : void 0, g = (b) => b ? {
       sm: "small",
       lg: "large",
       default: "default"
@@ -2098,7 +2098,7 @@ const fr = (t) => {
       s,
       {
         className: h(
-          Nr({ size: r, animation: a }),
+          Er({ size: r, animation: a }),
           // Base styles and layout
           f,
           // Design system variant styles
@@ -2111,8 +2111,8 @@ const fr = (t) => {
     );
   }
 );
-V.displayName = "Button";
-const Er = {
+G.displayName = "Button";
+const $r = {
   default: "bg-white dark:bg-gray-800",
   bordered: "bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700",
   elevated: "bg-white dark:bg-gray-800 shadow-md",
@@ -2123,7 +2123,7 @@ const Er = {
   error: "bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 text-red-900 dark:text-red-300",
   // Callout variant (consolidates CalloutBox)
   callout: "bg-gradient-to-r from-blue-50 to-indigo-50 dark:from-blue-900/20 dark:to-indigo-900/20 border border-blue-200 dark:border-blue-800"
-}, $r = {
+}, Ar = {
   none: "",
   sm: "p-3",
   md: "p-6",
@@ -2145,8 +2145,8 @@ const Er = {
     {
       className: h(
         "rounded-lg",
-        Er[t],
-        $r[e],
+        $r[t],
+        Ar[e],
         n
       ),
       ...l,
@@ -2182,7 +2182,7 @@ const Er = {
       ] }) : i
     }
   );
-}, Go = ({
+}, Ko = ({
   title: t,
   description: e,
   className: r,
@@ -2192,7 +2192,7 @@ const Er = {
   t && /* @__PURE__ */ o("h3", { className: N.heading.h4(), children: t }),
   e && /* @__PURE__ */ o("p", { className: N.body.sm(), children: e }),
   a
-] }), Ko = ({
+] }), Yo = ({
   className: t,
   children: e,
   ...r
@@ -2200,7 +2200,7 @@ const Er = {
   className: t,
   children: e,
   ...r
-}) => /* @__PURE__ */ o("div", { className: h("flex items-center pt-4", t), ...r, children: e }), Yo = ({
+}) => /* @__PURE__ */ o("div", { className: h("flex items-center pt-4", t), ...r, children: e }), Zo = ({
   title: t,
   children: e,
   variant: r = "info",
@@ -2226,7 +2226,7 @@ const Er = {
       e
     ]
   }
-), Zo = ({
+), Jo = ({
   title: t,
   icon: e,
   children: r,
@@ -2274,7 +2274,7 @@ const Er = {
       )
     ] })
   }
-), Ar = A("grid gap-8", {
+), Ir = I("grid gap-8", {
   variants: {
     layout: {
       grid: "grid-cols-1 md:grid-cols-2",
@@ -2291,7 +2291,7 @@ const Er = {
     layout: "grid",
     spacing: "md"
   }
-}), Ir = A("rounded-xl p-6 transition-all duration-300", {
+}), Tr = I("rounded-xl p-6 transition-all duration-300", {
   variants: {
     variant: {
       traditional: "bg-red-50 dark:bg-red-900/20 border-2 border-red-100 dark:border-red-800/30 hover:border-red-200 dark:hover:border-red-700/50",
@@ -2309,7 +2309,7 @@ const Er = {
     variant: "traditional",
     animation: "hover"
   }
-}), Tr = A("text-lg font-bold mb-4 flex items-center gap-3", {
+}), Pr = I("text-lg font-bold mb-4 flex items-center gap-3", {
   variants: {
     variant: {
       traditional: "text-red-600 dark:text-red-400",
@@ -2321,17 +2321,17 @@ const Er = {
   defaultVariants: {
     variant: "traditional"
   }
-}), Pr = {
+}), Lr = {
   traditional: "❌",
   web3: "✅",
   neutral: "ℹ️",
   elevated: "⭐"
-}, Lr = {
+}, Mr = {
   red: "bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-300",
   green: "bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300",
   blue: "bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300",
   gray: "bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-300"
-}, Jo = ({
+}, Xo = ({
   className: t,
   layout: e = "grid",
   spacing: r = "md",
@@ -2350,11 +2350,11 @@ const Er = {
       "div",
       {
         className: h(
-          Ir({ variant: y.variant, animation: s })
+          Tr({ variant: y.variant, animation: s })
         ),
         children: [
-          /* @__PURE__ */ m("div", { className: h(Tr({ variant: y.variant })), children: [
-            /* @__PURE__ */ o("span", { className: "text-2xl", children: y.icon || (x === 0 ? g : p) || Pr[y.variant] }),
+          /* @__PURE__ */ m("div", { className: h(Pr({ variant: y.variant })), children: [
+            /* @__PURE__ */ o("span", { className: "text-2xl", children: y.icon || (x === 0 ? g : p) || Lr[y.variant] }),
             /* @__PURE__ */ o("div", { className: "flex-1", children: /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ o("span", { children: y.title }),
               y.badge && /* @__PURE__ */ o(
@@ -2362,7 +2362,7 @@ const Er = {
                 {
                   className: h(
                     "text-xs font-medium px-2 py-1 rounded-full",
-                    Lr[y.badge.color || "gray"]
+                    Mr[y.badge.color || "gray"]
                   ),
                   children: y.badge.text
                 }
@@ -2398,7 +2398,7 @@ const Er = {
       }
     );
     return c ? /* @__PURE__ */ o(
-      G,
+      Z,
       {
         animation: "fade-in-up",
         delay: d + x * 200,
@@ -2411,18 +2411,18 @@ const Er = {
       a && /* @__PURE__ */ o("h2", { className: "text-2xl sm:text-3xl font-bold text-gray-900 dark:text-white", children: a }),
       n && /* @__PURE__ */ o("p", { className: "text-lg text-gray-600 dark:text-gray-400 max-w-2xl mx-auto", children: n })
     ] }),
-    /* @__PURE__ */ m("div", { className: h(Ar({ layout: e, spacing: r })), children: [
+    /* @__PURE__ */ m("div", { className: h(Ir({ layout: e, spacing: r })), children: [
       f(i, 0),
       f(l, 1)
     ] })
   ] });
-  return c ? /* @__PURE__ */ o(G, { animation: "fade-in-up", delay: d, children: b }) : b;
+  return c ? /* @__PURE__ */ o(Z, { animation: "fade-in-up", delay: d, children: b }) : b;
 }, je = (t, e, r, a) => ({
   title: t,
   variant: r,
   items: e.map((n) => typeof n == "string" ? { text: n } : n),
   ...a
-}), Xo = (t) => {
+}), ei = (t) => {
   const e = [
     { text: "Create account with email/password", icon: "🔑" },
     { text: "Remember multiple passwords", icon: "🧠" },
@@ -2452,7 +2452,7 @@ const Er = {
       { badge: { text: t?.web3Badge || "New Way", color: "green" } }
     )
   };
-}, Mr = A("mx-auto px-4 sm:px-6", {
+}, zr = I("mx-auto px-4 sm:px-6", {
   variants: {
     size: {
       sm: "max-w-2xl",
@@ -2490,7 +2490,7 @@ const Er = {
     spacing: "md",
     align: "left"
   }
-}), ei = ({
+}), ti = ({
   children: t,
   size: e = "xl",
   spacing: r = "md",
@@ -2501,12 +2501,12 @@ const Er = {
   i,
   {
     className: h(
-      Mr({ size: e, spacing: r, align: a }),
+      zr({ size: e, spacing: r, align: a }),
       n
     )
   },
   t
-), ti = ({
+), ri = ({
   trigger: t,
   items: e,
   align: r = "right",
@@ -2514,7 +2514,7 @@ const Er = {
   variant: n = "default"
 }) => {
   const [i, l] = $(!1), s = v.useRef(null);
-  hr(s, () => l(!1));
+  fr(s, () => l(!1));
   const c = (p) => {
     p.disabled || (p.onClick(), l(!1));
   }, d = r === "left" ? w.overlays.dropdown.menuRight() : w.overlays.dropdown.menuLeft(), g = n === "bordered" ? w.overlays.dropdown.triggerBordered() : w.overlays.dropdown.trigger();
@@ -2561,7 +2561,7 @@ const Er = {
       ]
     }
   );
-}, ri = ({
+}, ai = ({
   icon: t,
   title: e,
   description: r,
@@ -2609,7 +2609,7 @@ const Er = {
     emerald: "bg-emerald-100 dark:bg-emerald-900/20",
     pink: "bg-pink-100 dark:bg-pink-900/20",
     gray: "bg-gray-100 dark:bg-gray-900/20"
-  }, S = b[i], C = typeof t == "string", k = () => /* @__PURE__ */ m(T, { children: [
+  }, S = b[i], C = typeof t == "string", k = () => /* @__PURE__ */ m(M, { children: [
     C ? (
       // Emoji or text icon
       /* @__PURE__ */ o("div", { className: "text-4xl mb-4", children: t })
@@ -2637,7 +2637,7 @@ const Er = {
       /* @__PURE__ */ o("h3", { className: "text-xl font-semibold text-gray-900 dark:text-white mb-3", children: e }),
       /* @__PURE__ */ o("p", { className: "text-gray-600 dark:text-gray-300 mb-4 leading-relaxed", children: r }),
       c && /* @__PURE__ */ o("div", { className: "mt-3 mb-4", children: c }),
-      a && a.length > 0 && /* @__PURE__ */ o("ul", { className: "space-y-2 mb-4", children: a.map((R, Q) => /* @__PURE__ */ m("li", { className: "flex items-start", children: [
+      a && a.length > 0 && /* @__PURE__ */ o("ul", { className: "space-y-2 mb-4", children: a.map((A, V) => /* @__PURE__ */ m("li", { className: "flex items-start", children: [
         /* @__PURE__ */ o(
           "div",
           {
@@ -2647,18 +2647,18 @@ const Er = {
             )
           }
         ),
-        /* @__PURE__ */ o("span", { className: "text-sm text-gray-600 dark:text-gray-400", children: R })
-      ] }, Q)) }),
-      n && Object.keys(n).length > 0 && /* @__PURE__ */ o("div", { className: "grid grid-cols-2 gap-4 mt-4", children: Object.entries(n).map(([R, Q], ce) => /* @__PURE__ */ m(
+        /* @__PURE__ */ o("span", { className: "text-sm text-gray-600 dark:text-gray-400", children: A })
+      ] }, V)) }),
+      n && Object.keys(n).length > 0 && /* @__PURE__ */ o("div", { className: "grid grid-cols-2 gap-4 mt-4", children: Object.entries(n).map(([A, V], H) => /* @__PURE__ */ m(
         "div",
         {
           className: "text-center p-3 bg-gray-50 dark:bg-gray-700/50 rounded-lg",
           children: [
-            /* @__PURE__ */ o("div", { className: h("text-lg font-bold", S), children: Q }),
-            /* @__PURE__ */ o("div", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: R })
+            /* @__PURE__ */ o("div", { className: h("text-lg font-bold", S), children: V }),
+            /* @__PURE__ */ o("div", { className: "text-xs text-gray-500 dark:text-gray-400 mt-1", children: A })
           ]
         },
-        ce
+        H
       )) })
     ] })
   ] }), E = h(
@@ -2667,16 +2667,16 @@ const Er = {
     (g || d) && "cursor-pointer hover:scale-[1.02]",
     l ? "bg-gradient-to-br from-blue-50 to-indigo-50 dark:from-blue-900/20 dark:to-indigo-900/20 border-blue-200 dark:border-blue-800 border" : "bg-white dark:bg-gray-800 border-gray-200 dark:border-gray-700 border",
     f
-  ), z = (R) => {
-    d && ("key" in R ? (R.key === "Enter" || R.key === " ") && (R.preventDefault(), d()) : d());
+  ), z = (A) => {
+    d && ("key" in A ? (A.key === "Enter" || A.key === " ") && (A.preventDefault(), d()) : d());
   };
   return s ? /* @__PURE__ */ o(
     "a",
     {
       href: s,
       className: h(E, "block group"),
-      onClick: d ? (R) => {
-        R.preventDefault(), z(R);
+      onClick: d ? (A) => {
+        A.preventDefault(), z(A);
       } : void 0,
       children: /* @__PURE__ */ o(k, {})
     }
@@ -2692,7 +2692,7 @@ const Er = {
       children: /* @__PURE__ */ o(k, {})
     }
   ) : /* @__PURE__ */ o("div", { className: E, children: /* @__PURE__ */ o(k, {}) });
-}, zr = A("grid gap-8", {
+}, Rr = I("grid gap-8", {
   variants: {
     columns: {
       1: "grid-cols-1",
@@ -2710,7 +2710,7 @@ const Er = {
     columns: 3,
     spacing: "md"
   }
-}), Rr = A("group transition-all duration-300", {
+}), Wr = I("group transition-all duration-300", {
   variants: {
     variant: {
       default: "text-center",
@@ -2729,7 +2729,7 @@ const Er = {
     variant: "default",
     animation: "hover"
   }
-}), Wr = A(
+}), jr = I(
   "flex items-center justify-center rounded-2xl mb-6 transition-all duration-300",
   {
     variants: {
@@ -2756,12 +2756,12 @@ const Er = {
       position: "center"
     }
   }
-), jr = {
+), Dr = {
   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"
-}, ai = ({
+}, ni = ({
   className: t,
   features: e,
   columns: r = 3,
@@ -2798,9 +2798,9 @@ const Er = {
         // red
         { from: "#06B6D4", to: "#0891B2" }
         // cyan
-      ], R = z[E % z.length];
+      ], A = z[E % z.length];
       return {
-        background: `linear-gradient(135deg, ${R.from}, ${R.to})`
+        background: `linear-gradient(135deg, ${A.from}, ${A.to})`
       };
     }
   }, C = (k, E) => {
@@ -2808,7 +2808,7 @@ const Er = {
       "div",
       {
         className: h(
-          Rr({ variant: n, animation: i })
+          Wr({ variant: n, animation: i })
         ),
         onClick: () => y?.(k),
         role: y ? "button" : void 0,
@@ -2819,7 +2819,7 @@ const Er = {
             {
               className: h(
                 "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium",
-                jr[k.badge.variant || "default"]
+                Dr[k.badge.variant || "default"]
               ),
               children: k.badge.text
             }
@@ -2828,7 +2828,7 @@ const Er = {
             "div",
             {
               className: h(
-                Wr({
+                jr({
                   size: l,
                   style: s,
                   position: c
@@ -2899,7 +2899,7 @@ const Er = {
       }
     );
     return p ? /* @__PURE__ */ o(
-      G,
+      Z,
       {
         animation: "fade-in-up",
         delay: f + E * b,
@@ -2908,14 +2908,14 @@ const Er = {
       k.id || E
     ) : /* @__PURE__ */ o("div", { children: z }, k.id || E);
   };
-  return /* @__PURE__ */ o("div", { className: h(zr({ columns: r, spacing: a }), t), children: e.map(C) });
-}, Be = (t, e, r, a) => ({
+  return /* @__PURE__ */ o("div", { className: h(Rr({ columns: r, spacing: a }), t), children: e.map(C) });
+}, De = (t, e, r, a) => ({
   icon: t,
   title: e,
   description: r,
   ...a
-}), ni = (t) => [
-  Be(
+}), oi = (t) => [
+  De(
     /* @__PURE__ */ o(
       "svg",
       {
@@ -2937,7 +2937,7 @@ const Er = {
     t?.passwordlessTitle || "Passwordless Security",
     t?.passwordlessDescription || "Authenticate using your Web3 wallet - no passwords to remember or lose."
   ),
-  Be(
+  De(
     /* @__PURE__ */ o(
       "svg",
       {
@@ -2959,7 +2959,7 @@ const Er = {
     t?.encryptionTitle || "End-to-End Encryption",
     t?.encryptionDescription || "Your emails are encrypted and only you can read them."
   )
-], oi = ({
+], ii = ({
   badgeIcon: t,
   badgeText: e,
   badgeColor: r = "blue",
@@ -3000,7 +3000,7 @@ const Er = {
     /* @__PURE__ */ o("p", { className: "text-xl text-gray-600 dark:text-gray-300 mb-8 max-w-4xl mx-auto leading-relaxed", children: i }),
     (l || s) && /* @__PURE__ */ m("div", { className: "flex flex-col sm:flex-row gap-4 justify-center mb-8", children: [
       l && /* @__PURE__ */ o(
-        V,
+        G,
         {
           size: "lg",
           ...l,
@@ -3009,7 +3009,7 @@ const Er = {
         }
       ),
       s && /* @__PURE__ */ o(
-        V,
+        G,
         {
           variant: "outline",
           size: "lg",
@@ -3021,7 +3021,7 @@ const Er = {
     ] }),
     d
   ] }) });
-}, Br = M.forwardRef(
+}, Br = R.forwardRef(
   ({ className: t, type: e, ...r }, a) => /* @__PURE__ */ o(
     "input",
     {
@@ -3033,11 +3033,11 @@ const Er = {
   )
 );
 Br.displayName = "Input";
-const Dr = A(
+const Or = I(
   `${N.label.default()} peer-disabled:cursor-not-allowed peer-disabled:opacity-70`
-), dt = M.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ o(tt, { ref: r, className: h(Dr(), t), ...e }));
+), dt = R.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ o(tt, { ref: r, className: h(Or(), t), ...e }));
 dt.displayName = tt.displayName;
-const ii = ({
+const si = ({
   title: t,
   description: e,
   metrics: r,
@@ -3093,7 +3093,7 @@ const ii = ({
       );
     }) })
   ] }) });
-}, si = ({
+}, li = ({
   title: t,
   description: e,
   steps: r,
@@ -3204,8 +3204,116 @@ const ii = ({
       }
     )
   ] }) });
-}, De = I.Root, li = I.Group, Or = I.Value, ke = M.forwardRef(({ className: t, children: e, ...r }, a) => /* @__PURE__ */ m(
-  I.Trigger,
+}, ci = ({
+  children: t,
+  onRefresh: e,
+  disabled: r = !1,
+  refreshingText: a = "Refreshing...",
+  pullDownText: n = "Pull down to refresh",
+  releaseText: i = "Release to refresh",
+  threshold: l = 80,
+  maxPullDistance: s = 120,
+  className: c = ""
+}) => {
+  const [d, g] = $(0), [p, f] = $(!1), [b, y] = $(!1), x = L(0), S = L(null);
+  P(() => {
+    const A = S.current;
+    if (!A) return;
+    const V = (W) => {
+      if (r || p) return;
+      A.scrollTop <= 0 && (x.current = W.touches[0].clientY, y(!0));
+    }, H = (W) => {
+      if (!b) return;
+      const j = W.touches[0].clientY - x.current;
+      if (j > 0 && A.scrollTop <= 0) {
+        const me = Math.min(j / s, 1), ge = Math.min(
+          j * (1 - me * 0.5),
+          s
+        );
+        g(ge), j > 10 && W.preventDefault();
+      }
+    }, X = async () => {
+      if (b)
+        if (y(!1), d >= l && !p) {
+          f(!0);
+          try {
+            await e();
+          } catch (W) {
+            console.error("Refresh error:", W);
+          } finally {
+            f(!1), g(0);
+          }
+        } else
+          g(0);
+    };
+    return A.addEventListener("touchstart", V, {
+      passive: !0
+    }), A.addEventListener("touchmove", H, {
+      passive: !1
+    }), A.addEventListener("touchend", X), () => {
+      A.removeEventListener("touchstart", V), A.removeEventListener("touchmove", H), A.removeEventListener("touchend", X);
+    };
+  }, [
+    r,
+    p,
+    b,
+    d,
+    l,
+    s,
+    e
+  ]);
+  const C = Math.min(d / l, 1), k = b || p, E = b ? d : p ? l : 0, z = () => p ? a : d >= l ? i : n;
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      ref: S,
+      className: `relative ${c}`,
+      style: {
+        height: "100%",
+        overflowY: "auto",
+        WebkitOverflowScrolling: "touch"
+        // Smooth scrolling on iOS
+      },
+      children: [
+        /* @__PURE__ */ o(
+          "div",
+          {
+            className: "sticky top-0 left-0 right-0 flex items-center justify-center bg-gradient-to-b from-blue-50/90 to-transparent dark:from-blue-900/20 dark:to-transparent backdrop-blur-sm z-10 transition-all duration-300 ease-out",
+            style: {
+              height: `${E}px`,
+              marginTop: b ? 0 : `-${E}px`,
+              opacity: k ? 1 : 0,
+              pointerEvents: "none"
+            },
+            children: /* @__PURE__ */ m("div", { className: "flex flex-col items-center justify-center gap-2", children: [
+              /* @__PURE__ */ o(
+                $t,
+                {
+                  className: `w-6 h-6 text-blue-600 dark:text-blue-400 transition-transform duration-200 ${p ? "animate-spin" : ""}`,
+                  style: {
+                    transform: `rotate(${C * 360}deg)`
+                  }
+                }
+              ),
+              d > 20 && /* @__PURE__ */ o("span", { className: "text-xs font-medium text-blue-600 dark:text-blue-400", children: z() })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ o(
+          "div",
+          {
+            style: {
+              paddingTop: b ? `${d}px` : 0,
+              transition: b ? "none" : "padding-top 200ms ease-out"
+            },
+            children: t
+          }
+        )
+      ]
+    }
+  );
+}, Be = T.Root, di = T.Group, Fr = T.Value, Ne = R.forwardRef(({ className: t, children: e, ...r }, a) => /* @__PURE__ */ m(
+  T.Trigger,
   {
     ref: a,
     className: h(
@@ -3215,13 +3323,13 @@ const ii = ({
     ...r,
     children: [
       e,
-      /* @__PURE__ */ o(I.Icon, { asChild: !0, children: /* @__PURE__ */ o(rt, { className: "h-4 w-4 opacity-50 ml-2 flex-shrink-0" }) })
+      /* @__PURE__ */ o(T.Icon, { asChild: !0, children: /* @__PURE__ */ o(rt, { className: "h-4 w-4 opacity-50 ml-2 flex-shrink-0" }) })
     ]
   }
 ));
-ke.displayName = I.Trigger.displayName;
-const ut = M.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ o(
-  I.ScrollUpButton,
+Ne.displayName = T.Trigger.displayName;
+const ut = R.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ o(
+  T.ScrollUpButton,
   {
     ref: r,
     className: h(
@@ -3229,12 +3337,12 @@ const ut = M.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ o(
       t
     ),
     ...e,
-    children: /* @__PURE__ */ o(jt, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ o(Dt, { className: "h-4 w-4" })
   }
 ));
-ut.displayName = I.ScrollUpButton.displayName;
-const mt = M.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ o(
-  I.ScrollDownButton,
+ut.displayName = T.ScrollUpButton.displayName;
+const mt = R.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ o(
+  T.ScrollDownButton,
   {
     ref: r,
     className: h(
@@ -3245,9 +3353,9 @@ const mt = M.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ o(
     children: /* @__PURE__ */ o(rt, { className: "h-4 w-4" })
   }
 ));
-mt.displayName = I.ScrollDownButton.displayName;
-const Ce = M.forwardRef(({ className: t, children: e, position: r = "popper", ...a }, n) => /* @__PURE__ */ o(I.Portal, { children: /* @__PURE__ */ m(
-  I.Content,
+mt.displayName = T.ScrollDownButton.displayName;
+const Ee = R.forwardRef(({ className: t, children: e, position: r = "popper", ...a }, n) => /* @__PURE__ */ o(T.Portal, { children: /* @__PURE__ */ m(
+  T.Content,
   {
     ref: n,
     className: h(
@@ -3261,7 +3369,7 @@ const Ce = M.forwardRef(({ className: t, children: e, position: r = "popper", ..
     children: [
       /* @__PURE__ */ o(ut, {}),
       /* @__PURE__ */ o(
-        I.Viewport,
+        T.Viewport,
         {
           className: h(
             w.overlays.dropdown.itemContainer(),
@@ -3274,18 +3382,18 @@ const Ce = M.forwardRef(({ className: t, children: e, position: r = "popper", ..
     ]
   }
 ) }));
-Ce.displayName = I.Content.displayName;
-const Fr = M.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ o(
-  I.Label,
+Ee.displayName = T.Content.displayName;
+const Vr = R.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ o(
+  T.Label,
   {
     ref: r,
     className: h(w.overlays.dropdown.header(), "py-1.5", t),
     ...e
   }
 ));
-Fr.displayName = I.Label.displayName;
-const Se = M.forwardRef(({ className: t, children: e, ...r }, a) => /* @__PURE__ */ m(
-  I.Item,
+Vr.displayName = T.Label.displayName;
+const $e = R.forwardRef(({ className: t, children: e, ...r }, a) => /* @__PURE__ */ m(
+  T.Item,
   {
     ref: a,
     className: h(
@@ -3295,21 +3403,21 @@ const Se = M.forwardRef(({ className: t, children: e, ...r }, a) => /* @__PURE__
     ),
     ...r,
     children: [
-      /* @__PURE__ */ o(I.ItemText, { children: e }),
-      /* @__PURE__ */ o("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ o(I.ItemIndicator, { children: /* @__PURE__ */ o(Bt, { className: "h-4 w-4" }) }) })
+      /* @__PURE__ */ o(T.ItemText, { children: e }),
+      /* @__PURE__ */ o("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ o(T.ItemIndicator, { children: /* @__PURE__ */ o(Bt, { className: "h-4 w-4" }) }) })
     ]
   }
 ));
-Se.displayName = I.Item.displayName;
-const Vr = M.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ o(
-  I.Separator,
+$e.displayName = T.Item.displayName;
+const _r = R.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ o(
+  T.Separator,
   {
     ref: r,
     className: h("my-1 h-px bg-gray-200 dark:bg-gray-700", t),
     ...e
   }
 ));
-Vr.displayName = I.Separator.displayName;
+_r.displayName = T.Separator.displayName;
 const Oe = ({
   size: t = "default",
   variant: e = "default",
@@ -3338,7 +3446,7 @@ const Oe = ({
     "aria-label": a,
     children: /* @__PURE__ */ o("span", { className: "sr-only", children: n })
   }
-), _r = M.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ o(
+), qr = R.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ o(
   at,
   {
     className: h(
@@ -3348,7 +3456,7 @@ const Oe = ({
     ...e,
     ref: r,
     children: /* @__PURE__ */ o(
-      Dt,
+      Ot,
       {
         className: h(
           "pointer-events-none block h-5 w-5 rounded-full bg-white shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
@@ -3357,8 +3465,8 @@ const Oe = ({
     )
   }
 ));
-_r.displayName = at.displayName;
-const ci = ({
+qr.displayName = at.displayName;
+const ui = ({
   title: t,
   onAdd: e,
   addButtonTooltip: r,
@@ -3402,7 +3510,7 @@ const ci = ({
       ] })
     ] })
   }
-), qr = ({
+), Hr = ({
   subsections: t,
   isExpanded: e,
   selectedSubsection: r,
@@ -3431,7 +3539,7 @@ const ci = ({
       )) })
     }
   );
-}, di = ({
+}, mi = ({
   sections: t,
   selectedSection: e,
   selectedSubsection: r,
@@ -3456,7 +3564,7 @@ const ci = ({
         onClick: () => l(c.id),
         className: "p-1 rounded-md hover:bg-gray-100 dark:hover:bg-gray-800 hover:scale-110 transition-all duration-200",
         children: /* @__PURE__ */ o(
-          Ee,
+          Ie,
           {
             className: `h-4 w-4 text-gray-500 transition-transform duration-300 ease-in-out ${a.includes(c.id) ? "rotate-90" : "rotate-0"}`
           }
@@ -3465,7 +3573,7 @@ const ci = ({
     )
   ] }),
   c.subsections && /* @__PURE__ */ o(
-    qr,
+    Hr,
     {
       subsections: c.subsections,
       isExpanded: a.includes(c.id),
@@ -3474,7 +3582,7 @@ const ci = ({
       onSubsectionSelect: i
     }
   )
-] }, c.id)) }), Hr = (t) => {
+] }, c.id)) }), Ur = (t) => {
   switch (t) {
     case "verified":
     case "success":
@@ -3490,7 +3598,7 @@ const ci = ({
     default:
       return "bg-gray-500";
   }
-}, Ur = (t) => {
+}, Gr = (t) => {
   switch (t) {
     case "sm":
       return "w-1.5 h-1.5";
@@ -3499,7 +3607,7 @@ const ci = ({
     default:
       return "w-2 h-2";
   }
-}, ui = ({
+}, gi = ({
   status: t,
   label: e,
   showDot: r = !0,
@@ -3524,7 +3632,7 @@ const ci = ({
       pending: "primary"
     }[g] || "default", x = f[p];
     return x === "default" ? w.badge[y]() : w.badge[x](y);
-  })(t, a), c = Hr(t), d = Ur(a);
+  })(t, a), c = Ur(t), d = Gr(a);
   return /* @__PURE__ */ m("span", { className: s, children: [
     r && /* @__PURE__ */ o(
       "span",
@@ -3534,7 +3642,7 @@ const ci = ({
     ),
     i
   ] });
-}, Gr = ({
+}, Kr = ({
   chainType: t,
   size: e = "md"
 }) => {
@@ -3544,10 +3652,10 @@ const ci = ({
     const l = t === "solana" ? "solana" : "ethereum";
     return n === "default" ? w.badge[l]() : w.badge[n](l);
   })(), children: r });
-}, Kr = (t) => t ? t.length <= 10 ? t : `${t.slice(0, 6)}...${t.slice(-4)}` : "", gt = ({ type: t, addressType: e }) => {
+}, Yr = (t) => t ? t.length <= 10 ? t : `${t.slice(0, 6)}...${t.slice(-4)}` : "", gt = ({ type: t, addressType: e }) => {
   if (t === "primary")
     return /* @__PURE__ */ o(
-      Gr,
+      Kr,
       {
         chainType: e === "solana" ? "solana" : "evm",
         size: "sm"
@@ -3609,7 +3717,7 @@ const ci = ({
       )) })
     }
   );
-}, mi = ({
+}, pi = ({
   walletGroups: t,
   selectedAccount: e,
   expandedWallets: r,
@@ -3630,7 +3738,7 @@ const ci = ({
       style: s.customColor ? { backgroundColor: s.customColor } : void 0,
       children: [
         /* @__PURE__ */ m("div", { className: "flex items-center flex-1 min-w-0", children: [
-          /* @__PURE__ */ o("span", { className: "truncate flex-1", children: Kr(s.walletAddress) }),
+          /* @__PURE__ */ o("span", { className: "truncate flex-1", children: Yr(s.walletAddress) }),
           /* @__PURE__ */ o(
             gt,
             {
@@ -3652,7 +3760,7 @@ const ci = ({
               (c.key === "Enter" || c.key === " ") && (c.preventDefault(), c.stopPropagation(), n(s.walletAddress));
             },
             children: /* @__PURE__ */ o(
-              Ee,
+              Ie,
               {
                 className: h(
                   "h-4 w-4 text-gray-500 transition-transform duration-300 ease-in-out",
@@ -3675,7 +3783,7 @@ const ci = ({
       onAccountSettings: i
     }
   )
-] }, s.walletAddress)) }), gi = Ot, Yr = M.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ o(
+] }, s.walletAddress)) }), hi = Ft, Zr = R.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ o(
   nt,
   {
     ref: r,
@@ -3683,8 +3791,8 @@ const ci = ({
     ...e
   }
 ));
-Yr.displayName = nt.displayName;
-const Zr = M.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ o(
+Zr.displayName = nt.displayName;
+const Jr = R.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ o(
   ot,
   {
     ref: r,
@@ -3692,8 +3800,8 @@ const Zr = M.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ o(
     ...e
   }
 ));
-Zr.displayName = ot.displayName;
-const Jr = M.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ o(
+Jr.displayName = ot.displayName;
+const Xr = R.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ o(
   it,
   {
     ref: r,
@@ -3701,8 +3809,8 @@ const Jr = M.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ o(
     ...e
   }
 ));
-Jr.displayName = it.displayName;
-const pi = ({
+Xr.displayName = it.displayName;
+const fi = ({
   title: t,
   description: e,
   useCases: r,
@@ -3721,7 +3829,7 @@ const pi = ({
     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__ */ o("section", { className: h(vr.section.gradient, n), children: /* @__PURE__ */ m("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
+  return /* @__PURE__ */ o("section", { className: h(wr.section.gradient, n), children: /* @__PURE__ */ m("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: [
     (t || e) && /* @__PURE__ */ m("div", { className: "text-center mb-12", children: [
       t && /* @__PURE__ */ o("h2", { className: "text-3xl font-bold text-gray-900 dark:text-white mb-4", children: t }),
       e && /* @__PURE__ */ o("p", { className: "text-xl text-gray-600 dark:text-gray-300 max-w-3xl mx-auto", children: e })
@@ -3757,29 +3865,29 @@ const pi = ({
       );
     }) })
   ] }) });
-}, Xr = {
+}, ea = {
   row: "flex-row",
   "row-reverse": "flex-row-reverse",
   col: "flex-col",
   "col-reverse": "flex-col-reverse"
-}, ea = {
+}, ta = {
   start: "items-start",
   center: "items-center",
   end: "items-end",
   stretch: "items-stretch",
   baseline: "items-baseline"
-}, ta = {
+}, ra = {
   start: "justify-start",
   center: "justify-center",
   end: "justify-end",
   between: "justify-between",
   around: "justify-around",
   evenly: "justify-evenly"
-}, ra = {
+}, aa = {
   wrap: "flex-wrap",
   "wrap-reverse": "flex-wrap-reverse",
   nowrap: "flex-nowrap"
-}, aa = {
+}, na = {
   0: "gap-0",
   1: "gap-1",
   2: "gap-2",
@@ -3790,7 +3898,7 @@ const pi = ({
   8: "gap-8",
   10: "gap-10",
   12: "gap-12"
-}, hi = ({
+}, bi = ({
   children: t,
   direction: e = "row",
   align: r = "start",
@@ -3803,16 +3911,16 @@ const pi = ({
   {
     className: h(
       "flex",
-      Xr[e],
-      ea[r],
-      ta[a],
-      ra[n],
-      aa[i],
+      ea[e],
+      ta[r],
+      ra[a],
+      aa[n],
+      na[i],
       l
     ),
     children: t
   }
-), na = A("min-h-screen flex flex-col", {
+), oa = I("min-h-screen flex flex-col", {
   variants: {
     background: {
       default: "bg-gray-50 dark:bg-gray-900",
@@ -3830,7 +3938,7 @@ const pi = ({
     background: "default",
     overflow: "visible"
   }
-}), fi = ({
+}), yi = ({
   children: t,
   background: e = "default",
   overflow: r = "visible",
@@ -3838,10 +3946,10 @@ const pi = ({
 }) => /* @__PURE__ */ o(
   "div",
   {
-    className: h(na({ background: e, overflow: r }), a),
+    className: h(oa({ background: e, overflow: r }), a),
     children: t
   }
-), oa = A("", {
+), ia = I("", {
   variants: {
     variant: {
       default: "",
@@ -3888,7 +3996,7 @@ const pi = ({
     spacing: "3xl",
     background: "none"
   }
-}), bi = ({
+}), xi = ({
   children: t,
   variant: e = "default",
   spacing: r = "3xl",
@@ -3901,12 +4009,12 @@ const pi = ({
   {
     id: l,
     className: h(
-      oa({ variant: e, spacing: r, background: a }),
+      ia({ variant: e, spacing: r, background: a }),
       n
     )
   },
   t
-), ia = ({
+), sa = ({
   icon: t,
   title: e = "No data",
   description: r,
@@ -3935,7 +4043,7 @@ const pi = ({
       a && /* @__PURE__ */ o("div", { className: "mt-4", children: a })
     ]
   }
-), yi = ({
+), vi = ({
   message: t = "Loading...",
   size: e = "default",
   fullScreen: r = !1,
@@ -3963,11 +4071,11 @@ const pi = ({
     /* @__PURE__ */ o(Oe, { size: l.spinner, variant: a, className: "mb-4" }),
     t && /* @__PURE__ */ o("p", { className: "text-center text-gray-600 dark:text-gray-400 max-w-sm", children: t })
   ] }) }) : c;
-}, xi = ({
+}, wi = ({
   title: t,
   subtext: e,
   className: r
-}) => /* @__PURE__ */ o(ia, { title: t, description: e, className: r }), pt = ({
+}) => /* @__PURE__ */ o(sa, { title: t, description: e, className: r }), pt = ({
   label: t,
   value: e,
   onChange: r,
@@ -4019,13 +4127,13 @@ const pi = ({
       onClick: e,
       className: "flex items-center text-sm text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 mb-2",
       children: [
-        t ? /* @__PURE__ */ o($t, { className: "h-4 w-4 mr-1" }) : /* @__PURE__ */ o(At, { className: "h-4 w-4 mr-1" }),
+        t ? /* @__PURE__ */ o(At, { className: "h-4 w-4 mr-1" }) : /* @__PURE__ */ o(It, { className: "h-4 w-4 mr-1" }),
         t ? a : r
       ]
     }
   ),
   t && /* @__PURE__ */ o(pt, { ...n })
-] }), vi = ({
+] }), ki = ({
   to: t,
   onToChange: e,
   cc: r = "",
@@ -4095,7 +4203,7 @@ const pi = ({
       }
     )
   ] });
-}, Ie = ({
+}, Le = ({
   label: t,
   required: e = !1,
   error: r,
@@ -4124,7 +4232,7 @@ const pi = ({
             }
           ),
           a && !r && /* @__PURE__ */ m("div", { className: "mt-1 flex items-start", children: [
-            /* @__PURE__ */ o(ue, { className: "h-4 w-4 text-gray-400 mr-1 mt-0.5 flex-shrink-0" }),
+            /* @__PURE__ */ o(he, { className: "h-4 w-4 text-gray-400 mr-1 mt-0.5 flex-shrink-0" }),
             /* @__PURE__ */ o("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: a })
           ] })
         ] }),
@@ -4135,7 +4243,7 @@ const pi = ({
             children: [
               /* @__PURE__ */ o("div", { className: r ? "relative" : "", children: n }),
               r && /* @__PURE__ */ m("div", { className: "mt-1 flex items-start", children: [
-                /* @__PURE__ */ o(It, { className: "h-4 w-4 text-red-500 mr-1 mt-0.5 flex-shrink-0" }),
+                /* @__PURE__ */ o(Tt, { className: "h-4 w-4 text-red-500 mr-1 mt-0.5 flex-shrink-0" }),
                 /* @__PURE__ */ o("p", { className: "text-xs text-red-600 dark:text-red-400", children: r })
               ] })
             ]
@@ -4144,7 +4252,7 @@ const pi = ({
       ]
     }
   );
-}, wi = ({
+}, Ci = ({
   label: t,
   value: e,
   onChange: r,
@@ -4156,7 +4264,7 @@ const pi = ({
   layout: c = "vertical",
   className: d = ""
 }) => /* @__PURE__ */ o(
-  Ie,
+  Le,
   {
     label: t,
     required: n,
@@ -4181,7 +4289,7 @@ const pi = ({
       }
     )
   }
-), ki = ({
+), Si = ({
   label: t,
   value: e,
   onChange: r,
@@ -4193,7 +4301,7 @@ const pi = ({
   layout: c = "vertical",
   className: d = ""
 }) => /* @__PURE__ */ o(
-  Ie,
+  Le,
   {
     label: t,
     required: n,
@@ -4218,7 +4326,7 @@ const pi = ({
       }
     )
   }
-), Ci = ({
+), Ni = ({
   label: t,
   value: e,
   onChange: r,
@@ -4230,7 +4338,7 @@ const pi = ({
   layout: c = "vertical",
   className: d = ""
 }) => /* @__PURE__ */ o(
-  Ie,
+  Le,
   {
     label: t,
     required: n,
@@ -4265,18 +4373,18 @@ const pi = ({
       }
     )
   }
-), sa = {
+), la = {
   success: "bg-green-500",
   error: "bg-red-500",
   warning: "bg-yellow-500",
   info: "bg-blue-500",
   neutral: "bg-gray-500"
-}, la = {
+}, ca = {
   xs: "w-1.5 h-1.5",
   sm: "w-2 h-2",
   md: "w-3 h-3",
   lg: "w-4 h-4"
-}, Si = ({
+}, Ei = ({
   status: t,
   size: e = "sm",
   pulse: r = !1,
@@ -4286,13 +4394,13 @@ const pi = ({
   {
     className: h(
       "rounded-full flex-shrink-0",
-      sa[t],
-      la[e],
+      la[t],
+      ca[e],
       r && "animate-pulse",
       a
     )
   }
-), ca = {
+), da = {
   default: {
     container: "bg-gradient-to-r from-blue-600/10 to-purple-600/10 border border-blue-200 text-blue-600 backdrop-blur-sm",
     icon: "text-blue-600"
@@ -4309,7 +4417,7 @@ const pi = ({
     container: "bg-white/20 border border-white/30 text-white backdrop-blur-sm",
     icon: "text-white"
   }
-}, da = {
+}, ua = {
   sm: {
     container: "px-6 py-3",
     icon: "h-5 w-5 mr-2",
@@ -4325,14 +4433,14 @@ const pi = ({
     icon: "h-5 w-5 mr-2",
     text: "font-semibold"
   }
-}, Ni = ({
+}, $i = ({
   icon: t,
   text: e,
   variant: r = "default",
   size: a = "md",
   className: n
 }) => {
-  const i = ca[r], l = da[a];
+  const i = da[r], l = ua[a];
   return /* @__PURE__ */ m(
     "div",
     {
@@ -4354,7 +4462,7 @@ const pi = ({
       ]
     }
   );
-}, ua = A("", {
+}, ma = I("", {
   variants: {
     variant: {
       hero: N.heading.display.hero(),
@@ -4386,7 +4494,7 @@ const pi = ({
     align: "left",
     color: "default"
   }
-}), Ei = ({
+}), Ai = ({
   children: t,
   variant: e = "h1",
   responsive: r = !0,
@@ -4398,12 +4506,12 @@ const pi = ({
   l || (e === "hero" || e === "display" || e === "h1" ? "h1" : e === "h2" ? "h2" : "h3"),
   {
     className: h(
-      ua({ variant: e, responsive: r, align: a, color: n }),
+      ma({ variant: e, responsive: r, align: a, color: n }),
       i
     ),
     children: t
   }
-), ma = A("", {
+), ga = I("", {
   variants: {
     variant: {
       h2: N.heading.h2(),
@@ -4430,7 +4538,7 @@ const pi = ({
     spacing: "md",
     align: "left"
   }
-}), $i = ({
+}), Ii = ({
   children: t,
   variant: e = "h2",
   spacing: r = "md",
@@ -4443,13 +4551,13 @@ const pi = ({
     l,
     {
       className: h(
-        ma({ variant: e, spacing: r, align: a }),
+        ga({ variant: e, spacing: r, align: a }),
         n
       )
     },
     t
   );
-}, ga = A("", {
+}, pa = I("", {
   variants: {
     variant: {
       body: N.body.md(),
@@ -4475,7 +4583,7 @@ const pi = ({
     color: "default",
     align: "left"
   }
-}), Ai = ({
+}), Ti = ({
   children: t,
   variant: e = "body",
   color: r = "default",
@@ -4484,9 +4592,9 @@ const pi = ({
   as: i = "p"
 }) => v.createElement(
   i,
-  { className: h(ga({ variant: e, color: r, align: a }), n) },
+  { className: h(pa({ variant: e, color: r, align: a }), n) },
   t
-), pa = A(N.link.default(), {
+), ha = I(N.link.default(), {
   variants: {
     variant: {
       default: N.link.default(),
@@ -4503,7 +4611,7 @@ const pi = ({
     variant: "default",
     external: !1
   }
-}), Ii = ({
+}), Pi = ({
   children: t,
   href: e,
   variant: r = "default",
@@ -4517,7 +4625,7 @@ const pi = ({
     href: e,
     target: i || (a ? "_blank" : void 0),
     rel: l || (a ? "noopener noreferrer" : void 0),
-    className: h(pa({ variant: r, external: a }), n),
+    className: h(ha({ variant: r, external: a }), n),
     children: [
       t,
       a && /* @__PURE__ */ o(
@@ -4540,7 +4648,7 @@ const pi = ({
       )
     ]
   }
-), xe = A(
+), ke = I(
   "transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 rounded-sm",
   {
     variants: {
@@ -4567,14 +4675,14 @@ const pi = ({
       size: "default"
     }
   }
-), ht = M.forwardRef(
+), ht = R.forwardRef(
   ({ className: t, variant: e, size: r, to: a, href: n, external: i, children: l, ...s }, c) => {
     const d = a || n;
     return d ? i || d.startsWith("http") || d.startsWith("mailto:") ? /* @__PURE__ */ o(
       "a",
       {
         className: h(
-          xe({
+          ke({
             variant: e === "subtle" ? "external" : e,
             size: r,
             className: t
@@ -4588,9 +4696,9 @@ const pi = ({
         children: l
       }
     ) : /* @__PURE__ */ o(
-      he,
+      xe,
       {
-        className: h(xe({ variant: e, size: r, className: t })),
+        className: h(ke({ variant: e, size: r, className: t })),
         to: d,
         ref: c,
         ...s,
@@ -4599,7 +4707,7 @@ const pi = ({
     ) : /* @__PURE__ */ o(
       "span",
       {
-        className: h(xe({ variant: e, size: r, className: t })),
+        className: h(ke({ variant: e, size: r, className: t })),
         ...s,
         children: l
       }
@@ -4607,7 +4715,7 @@ const pi = ({
   }
 );
 ht.displayName = "SmartLink";
-const Ti = (t, e) => M.useMemo(() => {
+const Li = (t, e) => R.useMemo(() => {
   let r = t;
   return Object.entries(e).forEach(([a, n]) => {
     const i = new RegExp(
@@ -4619,7 +4727,7 @@ const Ti = (t, e) => M.useMemo(() => {
       (l) => `<SmartLink to="${n}" variant="subtle">${l}</SmartLink>`
     );
   }), r;
-}, [t, e]), ha = {
+}, [t, e]), fa = {
   documentation: "/document",
   settings: "/settings",
   about: "/about",
@@ -4662,13 +4770,13 @@ const Ti = (t, e) => M.useMemo(() => {
   support: "/contact",
   help: "/document",
   "contact us": "/contact"
-}, Pi = ({
+}, Mi = ({
   children: t,
-  mappings: e = ha,
+  mappings: e = fa,
   className: r,
   variant: a = "subtle"
 }) => {
-  const n = M.useMemo(() => {
+  const n = R.useMemo(() => {
     if (!t || typeof t != "string")
       return t || "";
     let l = t;
@@ -4700,7 +4808,7 @@ const Ti = (t, e) => M.useMemo(() => {
     }
     return l;
   }) });
-}, fa = ({
+}, ba = ({
   isOpen: t,
   onClose: e,
   title: r,
@@ -4734,7 +4842,7 @@ const Ti = (t, e) => M.useMemo(() => {
     return h(E, z);
   }, C = (E) => {
     s && E.target === E.currentTarget && e();
-  }, k = /* @__PURE__ */ m(T, { children: [
+  }, k = /* @__PURE__ */ m(M, { children: [
     /* @__PURE__ */ o(
       "div",
       {
@@ -4774,7 +4882,7 @@ const Ti = (t, e) => M.useMemo(() => {
                     onClick: e,
                     className: w.overlays.modal.closeButton(),
                     "aria-label": b,
-                    children: /* @__PURE__ */ o(Tt, { className: w.icon.variant.muted.md() })
+                    children: /* @__PURE__ */ o(Pt, { className: w.icon.variant.muted.md() })
                   }
                 )
               ] }),
@@ -4785,8 +4893,8 @@ const Ti = (t, e) => M.useMemo(() => {
       }
     )
   ] });
-  return Ft(k, document.body);
-}, Li = ({
+  return Vt(k, document.body);
+}, zi = ({
   children: t,
   variant: e = "default",
   className: r
@@ -4797,7 +4905,7 @@ const Ti = (t, e) => M.useMemo(() => {
     className: h(w.overlays.modal.header(), r),
     children: t
   }
-), ba = ({
+), ya = ({
   children: t,
   variant: e = "default",
   className: r
@@ -4808,7 +4916,7 @@ const Ti = (t, e) => M.useMemo(() => {
     className: h(w.overlays.modal.body(), r),
     children: t
   }
-), ya = ({
+), xa = ({
   children: t,
   variant: e = "default",
   className: r
@@ -4819,25 +4927,25 @@ const Ti = (t, e) => M.useMemo(() => {
     className: h(w.overlays.modal.footer(), r),
     children: t
   }
-), xa = {
-  default: ue,
+), va = {
+  default: he,
   warning: Je,
   danger: Ze,
   success: Xe,
-  info: ue
-}, va = {
+  info: he
+}, wa = {
   default: () => w.icon.variant.default.lg(),
   warning: () => w.icon.variant.warning.lg(),
   danger: () => w.icon.variant.error.lg(),
   success: () => w.icon.variant.success.lg(),
   info: () => w.icon.variant.default.lg()
-}, wa = {
+}, ka = {
   default: "default",
   warning: "default",
   danger: "destructive",
   success: "default",
   info: "default"
-}, Mi = ({
+}, Ri = ({
   isOpen: t,
   onClose: e,
   onConfirm: r,
@@ -4849,9 +4957,9 @@ const Ti = (t, e) => M.useMemo(() => {
   variant: c = "default",
   isLoading: d = !1
 }) => {
-  const g = xa[c], p = va[c], f = wa[c];
+  const g = va[c], p = wa[c], f = ka[c];
   return /* @__PURE__ */ m(
-    fa,
+    ba,
     {
       isOpen: t,
       onClose: e,
@@ -4860,7 +4968,7 @@ const Ti = (t, e) => M.useMemo(() => {
       "aria-labelledby": "confirmation-dialog-title",
       "aria-describedby": "confirmation-dialog-description",
       children: [
-        /* @__PURE__ */ m(ba, { variant: "padded", children: [
+        /* @__PURE__ */ m(ya, { variant: "padded", children: [
           /* @__PURE__ */ m("div", { className: "flex items-center gap-3 mb-4", children: [
             /* @__PURE__ */ o(g, { className: p() }),
             /* @__PURE__ */ o(
@@ -4881,10 +4989,10 @@ const Ti = (t, e) => M.useMemo(() => {
             }
           )
         ] }),
-        /* @__PURE__ */ m(ya, { children: [
-          /* @__PURE__ */ o(V, { variant: "outline", onClick: e, disabled: d, children: l }),
+        /* @__PURE__ */ m(xa, { children: [
+          /* @__PURE__ */ o(G, { variant: "outline", onClick: e, disabled: d, children: l }),
           /* @__PURE__ */ o(
-            V,
+            G,
             {
               variant: f,
               onClick: r,
@@ -4896,33 +5004,33 @@ const Ti = (t, e) => M.useMemo(() => {
       ]
     }
   );
-}, ka = {
+}, Ca = {
   sm: "w-12 h-12",
   md: "w-16 h-16",
   lg: "w-20 h-20",
   xl: "w-24 h-24"
-}, Ca = {
+}, Sa = {
   sm: "h-6 w-6",
   md: "h-8 w-8",
   lg: "h-10 w-10",
   xl: "h-12 w-12"
-}, Sa = {
+}, Na = {
   primary: "bg-gradient-to-br from-blue-100 to-blue-200 text-blue-600 shadow-lg hover:shadow-blue-200",
   secondary: "bg-gradient-to-br from-purple-100 to-purple-200 text-purple-600 shadow-lg hover:shadow-purple-200",
   success: "bg-gradient-to-br from-green-100 to-green-200 text-green-600 shadow-lg hover:shadow-green-200",
   warning: "bg-gradient-to-br from-yellow-100 to-yellow-200 text-yellow-600 shadow-lg hover:shadow-yellow-200",
   error: "bg-gradient-to-br from-red-100 to-red-200 text-red-600 shadow-lg hover:shadow-red-200",
   neutral: "bg-gradient-to-br from-gray-100 to-gray-200 text-gray-600 shadow-lg hover:shadow-gray-200"
-}, Na = {
+}, Ea = {
   square: "rounded-none",
   rounded: "rounded-2xl",
   circle: "rounded-full"
-}, Ea = {
+}, $a = {
   none: "",
   float: "animate-float",
   pulse: "animate-pulse",
   bounce: "animate-bounce-slow"
-}, zi = ({
+}, Wi = ({
   children: t,
   size: e = "lg",
   variant: r = "primary",
@@ -4934,15 +5042,15 @@ const Ti = (t, e) => M.useMemo(() => {
   {
     className: h(
       "flex items-center justify-center mx-auto mb-6 transition-all duration-300 group-hover:scale-105",
-      ka[e],
-      Sa[r],
-      Na[a],
-      Ea[n],
+      Ca[e],
+      Na[r],
+      Ea[a],
+      $a[n],
       i
     ),
-    children: /* @__PURE__ */ o("div", { className: h(Ca[e]), children: t })
+    children: /* @__PURE__ */ o("div", { className: h(Sa[e]), children: t })
   }
-), $a = A("border-b transition-all duration-200", {
+), Aa = I("border-b transition-all duration-200", {
   variants: {
     variant: {
       default: "bg-gradient-to-r from-green-100 to-blue-100 dark:from-green-900/20 dark:to-blue-900/20 border-green-200 dark:border-green-700",
@@ -4960,7 +5068,7 @@ const Ti = (t, e) => M.useMemo(() => {
     variant: "default",
     size: "default"
   }
-}), Aa = A("font-semibold", {
+}), Ia = I("font-semibold", {
   variants: {
     variant: {
       default: "text-green-800 dark:text-green-200",
@@ -4972,7 +5080,7 @@ const Ti = (t, e) => M.useMemo(() => {
   defaultVariants: {
     variant: "default"
   }
-}), Ia = A(
+}), Ta = I(
   "inline-flex items-center justify-center px-6 py-2 rounded-lg font-medium transition-all duration-200 hover:transform hover:scale-105 focus:outline-none focus:ring-2 focus:ring-offset-2",
   {
     variants: {
@@ -4987,7 +5095,7 @@ const Ti = (t, e) => M.useMemo(() => {
       variant: "default"
     }
   }
-), Ri = ({
+), ji = ({
   className: t,
   variant: e = "default",
   size: r = "default",
@@ -4999,7 +5107,7 @@ const Ti = (t, e) => M.useMemo(() => {
   onDismiss: c,
   isDismissible: d = !1,
   dismissAriaLabel: g = "Dismiss banner"
-}) => /* @__PURE__ */ o("div", { className: h($a({ variant: e, size: r }), t), children: /* @__PURE__ */ o("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ m("div", { className: "flex flex-col sm:flex-row items-center justify-center gap-4 text-center relative", children: [
+}) => /* @__PURE__ */ o("div", { className: h(Aa({ variant: e, size: r }), t), children: /* @__PURE__ */ o("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ m("div", { className: "flex flex-col sm:flex-row items-center justify-center gap-4 text-center relative", children: [
   d && c && /* @__PURE__ */ o(
     "button",
     {
@@ -5037,10 +5145,10 @@ const Ti = (t, e) => M.useMemo(() => {
         children: s
       }
     ),
-    /* @__PURE__ */ o("span", { className: h(Aa({ variant: e })), children: a })
+    /* @__PURE__ */ o("span", { className: h(Ia({ variant: e })), children: a })
   ] }),
-  /* @__PURE__ */ o(he, { to: i, className: h(Ia({ variant: e })), children: n })
-] }) }) }), Ta = A("rounded-lg border p-4 flex items-start gap-3", {
+  /* @__PURE__ */ o(xe, { to: i, className: h(Ta({ variant: e })), children: n })
+] }) }) }), Pa = I("rounded-lg border p-4 flex items-start gap-3", {
   variants: {
     variant: {
       info: "bg-blue-50 border-blue-200 text-blue-800 dark:bg-blue-900/20 dark:border-blue-800/50 dark:text-blue-200",
@@ -5059,7 +5167,7 @@ const Ti = (t, e) => M.useMemo(() => {
     variant: "info",
     size: "md"
   }
-}), Wi = ({
+}), Di = ({
   title: t,
   icon: e,
   children: r,
@@ -5075,7 +5183,7 @@ const Ti = (t, e) => M.useMemo(() => {
     error: "✗",
     neutral: "💡"
   };
-  return /* @__PURE__ */ m("div", { className: h(Ta({ variant: a, size: n }), i), children: [
+  return /* @__PURE__ */ m("div", { className: h(Pa({ variant: a, size: n }), i), children: [
     /* @__PURE__ */ o("div", { className: "flex-shrink-0 text-lg", children: e || s[a || "info"] }),
     /* @__PURE__ */ m("div", { className: "flex-1 min-w-0", children: [
       t && /* @__PURE__ */ o("h4", { className: "font-semibold mb-2", children: t }),
@@ -5107,7 +5215,7 @@ const Ti = (t, e) => M.useMemo(() => {
       }
     )
   ] });
-}, Pa = A(
+}, La = I(
   "bg-white dark:bg-gray-800 rounded-lg shadow-md p-6 transition-all duration-200",
   {
     variants: {
@@ -5128,7 +5236,7 @@ const Ti = (t, e) => M.useMemo(() => {
       trend: "none"
     }
   }
-), ji = ({
+), Bi = ({
   label: t,
   value: e,
   change: r,
@@ -5148,7 +5256,7 @@ const Ti = (t, e) => M.useMemo(() => {
     neutral: "→",
     none: ""
   };
-  return /* @__PURE__ */ o("div", { className: h(Pa({ variant: i, trend: a }), l), children: /* @__PURE__ */ m("div", { className: "flex items-center justify-between", children: [
+  return /* @__PURE__ */ o("div", { className: h(La({ variant: i, trend: a }), l), children: /* @__PURE__ */ m("div", { className: "flex items-center justify-between", children: [
     /* @__PURE__ */ m("div", { children: [
       /* @__PURE__ */ o("p", { className: "text-sm font-medium text-gray-600 dark:text-gray-400 mb-1", children: t }),
       /* @__PURE__ */ o("p", { className: "text-2xl font-bold text-gray-900 dark:text-white", children: e }),
@@ -5168,7 +5276,7 @@ const Ti = (t, e) => M.useMemo(() => {
     ] }),
     n && /* @__PURE__ */ o("div", { className: "text-3xl opacity-80", children: n })
   ] }) });
-}, La = A("space-y-6", {
+}, Ma = I("space-y-6", {
   variants: {
     variant: {
       default: "",
@@ -5186,20 +5294,20 @@ const Ti = (t, e) => M.useMemo(() => {
     variant: "default",
     spacing: "normal"
   }
-}), Bi = ({
+}), Oi = ({
   title: t,
   description: e,
   children: r,
   variant: a = "default",
   spacing: n = "normal",
   className: i
-}) => /* @__PURE__ */ m("div", { className: h(La({ variant: a, spacing: n }), i), children: [
+}) => /* @__PURE__ */ m("div", { className: h(Ma({ variant: a, spacing: n }), i), children: [
   (t || e) && /* @__PURE__ */ m("div", { className: "space-y-1", children: [
     t && /* @__PURE__ */ o("h3", { className: "text-lg font-medium text-gray-900 dark:text-white", children: t }),
     e && /* @__PURE__ */ o("p", { className: "text-sm text-gray-600 dark:text-gray-400", children: e })
   ] }),
   r
-] }), Ma = A(
+] }), za = I(
   "flex flex-col items-center text-center space-y-4",
   {
     variants: {
@@ -5224,7 +5332,7 @@ const Ti = (t, e) => M.useMemo(() => {
       interactive: !1
     }
   }
-), Di = ({
+), Fi = ({
   icon: t,
   title: e,
   description: r,
@@ -5237,7 +5345,7 @@ const Ti = (t, e) => M.useMemo(() => {
   "div",
   {
     className: h(
-      Ma({ layout: a, spacing: n, interactive: i }),
+      za({ layout: a, spacing: n, interactive: i }),
       l
     ),
     onClick: s,
@@ -5249,7 +5357,7 @@ const Ti = (t, e) => M.useMemo(() => {
       ] })
     ]
   }
-), Oi = ({
+), Vi = ({
   wallet: t,
   connector: e,
   className: r = "w-8 h-8",
@@ -5297,7 +5405,7 @@ const Ti = (t, e) => M.useMemo(() => {
       }
     }
   );
-}, Fi = ({
+}, _i = ({
   size: t = "md",
   className: e = "",
   showText: r = !0,
@@ -5340,7 +5448,7 @@ const Ti = (t, e) => M.useMemo(() => {
           text: "text-2xl"
         };
     }
-  })(), g = /* @__PURE__ */ m(T, { children: [
+  })(), g = /* @__PURE__ */ m(M, { children: [
     /* @__PURE__ */ o("img", { src: n, alt: i, className: d.image }),
     r && /* @__PURE__ */ o(
       "div",
@@ -5359,7 +5467,7 @@ const Ti = (t, e) => M.useMemo(() => {
       children: g
     }
   ) : /* @__PURE__ */ o("div", { className: `flex items-center ${d.container} ${e}`, children: g });
-}, za = ({
+}, Ra = ({
   shareConfig: t
 }) => {
   const [e, r] = $(!1), [a, n] = $(""), [i, l] = $(!1);
@@ -5381,14 +5489,14 @@ const Ti = (t, e) => M.useMemo(() => {
   }, [t, a]);
   const s = a || (typeof window < "u" ? window.location.href : ""), c = [
     {
-      component: _t,
-      icon: Vt,
+      component: qt,
+      icon: _t,
       props: { url: s, title: t.title, hashtags: t.hashtags },
       label: "Twitter"
     },
     {
-      component: Ht,
-      icon: qt,
+      component: Ut,
+      icon: Ht,
       props: {
         url: s,
         quote: `${t.title}
@@ -5398,8 +5506,8 @@ ${t.description}`
       label: "Facebook"
     },
     {
-      component: Gt,
-      icon: Ut,
+      component: Kt,
+      icon: Gt,
       props: {
         url: s,
         title: t.title,
@@ -5409,19 +5517,19 @@ ${t.description}`
     },
     {
       component: Qt,
-      icon: Kt,
+      icon: Yt,
       props: { url: s, title: t.title },
       label: "Reddit"
     },
     {
-      component: Zt,
-      icon: Yt,
+      component: Jt,
+      icon: Zt,
       props: { url: s, title: t.title },
       label: "Telegram"
     },
     {
-      component: Xt,
-      icon: Jt,
+      component: er,
+      icon: Xt,
       props: { url: s, title: t.title, separator: `
 
 ` },
@@ -5461,7 +5569,7 @@ ${t.description}`
         )
       }
     ),
-    e && /* @__PURE__ */ m(T, { children: [
+    e && /* @__PURE__ */ m(M, { children: [
       /* @__PURE__ */ o(
         "div",
         {
@@ -5469,7 +5577,7 @@ ${t.description}`
           onClick: () => r(!1)
         }
       ),
-      /* @__PURE__ */ o("div", { className: "absolute right-0 top-10 z-[999999] w-32 bg-white dark:bg-gray-800 rounded-lg shadow-xl border border-gray-200 dark:border-gray-700 py-1", children: i ? /* @__PURE__ */ o("div", { className: "flex items-center justify-center px-3 py-2", children: /* @__PURE__ */ o("div", { className: "w-4 h-4 border-2 border-blue-600 border-t-transparent rounded-full animate-spin" }) }) : /* @__PURE__ */ m(T, { children: [
+      /* @__PURE__ */ o("div", { className: "absolute right-0 top-10 z-[999999] w-32 bg-white dark:bg-gray-800 rounded-lg shadow-xl border border-gray-200 dark:border-gray-700 py-1", children: i ? /* @__PURE__ */ o("div", { className: "flex items-center justify-center px-3 py-2", children: /* @__PURE__ */ o("div", { className: "w-4 h-4 border-2 border-blue-600 border-t-transparent rounded-full animate-spin" }) }) : /* @__PURE__ */ m(M, { children: [
         c.map((g, p) => {
           const f = g.component, b = g.icon;
           return /* @__PURE__ */ o(
@@ -5516,7 +5624,7 @@ ${t.description}`
       ] }) })
     ] })
   ] });
-}, Ra = ({
+}, Wa = ({
   items: t,
   shareConfig: e,
   className: r,
@@ -5524,7 +5632,7 @@ ${t.description}`
 }) => /* @__PURE__ */ m("div", { className: "flex items-center justify-between", children: [
   /* @__PURE__ */ o("nav", { "aria-label": "Breadcrumb", children: /* @__PURE__ */ o("ol", { className: "flex items-center text-sm space-x-2", children: t.map((n, i) => /* @__PURE__ */ m(v.Fragment, { children: [
     /* @__PURE__ */ o("li", { children: n.current ? /* @__PURE__ */ o("span", { className: "text-gray-700 dark:text-gray-300 font-medium", children: n.label }) : /* @__PURE__ */ o(
-      he,
+      xe,
       {
         to: n.href || "#",
         className: "text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 transition-colors",
@@ -5533,11 +5641,11 @@ ${t.description}`
     ) }),
     i < t.length - 1 && /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o("span", { className: "text-gray-400 dark:text-gray-500", children: "/" }) })
   ] }, i)) }) }),
-  e && /* @__PURE__ */ o(za, { shareConfig: e })
-] }), Vi = ({
+  e && /* @__PURE__ */ o(Ra, { shareConfig: e })
+] }), qi = ({
   items: t,
   shareConfig: e
-}) => /* @__PURE__ */ o("div", { className: "bg-white dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700 relative z-50", children: /* @__PURE__ */ o("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-3 relative", children: /* @__PURE__ */ o(Ra, { items: t, shareConfig: e }) }) }), _i = ({
+}) => /* @__PURE__ */ o("div", { className: "bg-white dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700 relative z-50", children: /* @__PURE__ */ o("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-3 relative", children: /* @__PURE__ */ o(Wa, { items: t, shareConfig: e }) }) }), Hi = ({
   filename: t,
   code: e,
   language: r,
@@ -5546,7 +5654,7 @@ ${t.description}`
   showCopy: i = !0,
   showHeader: l = !0
 }) => {
-  const { t: s } = st("codeBlock"), { code: c, loading: d, error: g } = fr(t || ""), [p, f] = $(!1), b = e || c, x = r || (t ? ((C) => {
+  const { t: s } = st("codeBlock"), { code: c, loading: d, error: g } = br(t || ""), [p, f] = $(!1), b = e || c, x = r || (t ? ((C) => {
     switch (C.split(".").pop()?.toLowerCase()) {
       case "sol":
         return "solidity";
@@ -5624,7 +5732,7 @@ ${t.description}`
               onClick: S,
               className: "p-2 text-gray-400 hover:text-green-400 hover:bg-gray-800 rounded-lg transition-all duration-200 group",
               title: s("copyCode", "Copy code"),
-              children: p ? /* @__PURE__ */ o(et, { className: "h-4 w-4 text-green-400" }) : /* @__PURE__ */ o(Pt, { className: "h-4 w-4 group-hover:scale-110 transition-transform" })
+              children: p ? /* @__PURE__ */ o(et, { className: "h-4 w-4 text-green-400" }) : /* @__PURE__ */ o(Lt, { className: "h-4 w-4 group-hover:scale-110 transition-transform" })
             }
           )
         ] }),
@@ -5638,7 +5746,7 @@ ${t.description}`
       children: s("noCode", "No code to display")
     }
   );
-}, qi = ({
+}, Ui = ({
   title: t,
   description: e,
   code: r,
@@ -5687,11 +5795,11 @@ ${t.description}`
             onClick: () => d(r, g),
             className: "flex items-center space-x-1 text-gray-300 hover:text-white transition-colors text-sm",
             "aria-label": p ? "Copied!" : "Copy code",
-            children: p ? /* @__PURE__ */ m(T, { children: [
+            children: p ? /* @__PURE__ */ m(M, { children: [
               /* @__PURE__ */ o(et, { className: "h-4 w-4" }),
               /* @__PURE__ */ o("span", { children: "Copied!" })
-            ] }) : /* @__PURE__ */ m(T, { children: [
-              /* @__PURE__ */ o(Lt, { className: "h-4 w-4" }),
+            ] }) : /* @__PURE__ */ m(M, { children: [
+              /* @__PURE__ */ o(Mt, { className: "h-4 w-4" }),
               /* @__PURE__ */ o("span", { children: "Copy" })
             ] })
           }
@@ -5700,7 +5808,7 @@ ${t.description}`
       /* @__PURE__ */ o("div", { className: "p-4 overflow-x-auto", children: /* @__PURE__ */ o("pre", { className: "text-gray-100 text-sm leading-relaxed", children: /* @__PURE__ */ o("code", { children: r }) }) })
     ] }) })
   ] });
-}, Wa = ({
+}, ja = ({
   subsections: t,
   isExpanded: e,
   selectedSubsection: r,
@@ -5729,7 +5837,7 @@ ${t.description}`
       )) })
     }
   );
-}, Hi = ({
+}, Gi = ({
   id: t,
   title: e,
   content: r,
@@ -5762,7 +5870,7 @@ ${t.description}`
           className: "p-2 rounded-md hover:bg-gray-100 dark:hover:bg-gray-800 hover:scale-110 transition-all duration-200",
           "aria-label": d ? "Collapse section" : "Expand section",
           children: /* @__PURE__ */ o(
-            Ee,
+            Ie,
             {
               className: `h-5 w-5 text-gray-500 transition-transform duration-300 ease-in-out ${d ? "rotate-90" : "rotate-0"}`
             }
@@ -5771,7 +5879,7 @@ ${t.description}`
       )
     ] }),
     b && /* @__PURE__ */ o(
-      Wa,
+      ja,
       {
         subsections: a,
         isExpanded: d,
@@ -5781,7 +5889,7 @@ ${t.description}`
       }
     )
   ] });
-}, Ui = ({
+}, Ki = ({
   title: t,
   subtitle: e,
   buttonText: r,
@@ -5793,7 +5901,7 @@ ${t.description}`
   className: c = ""
 }) => {
   const d = () => a === "envelope" || a === "both" ? /* @__PURE__ */ o(
-    Mt,
+    zt,
     {
       className: n === "prominent" ? "h-5 w-5 mr-2" : "h-4 w-4 mr-1"
     }
@@ -5814,7 +5922,7 @@ ${t.description}`
         }
       )
     }
-  ), g = () => a === "arrow" || a === "both" ? /* @__PURE__ */ o(zt, { className: "h-4 w-4 ml-2" }) : null, p = () => n === "prominent" ? "border-b-2 border-green-200 dark:border-green-700" : "border-b border-green-200 dark:border-green-700", f = () => {
+  ), g = () => a === "arrow" || a === "both" ? /* @__PURE__ */ o(Rt, { className: "h-4 w-4 ml-2" }) : null, p = () => n === "prominent" ? "border-b-2 border-green-200 dark:border-green-700" : "border-b border-green-200 dark:border-green-700", f = () => {
     const x = "bg-gradient-to-r from-green-600 to-blue-600 hover:from-green-700 hover:to-blue-700 text-white rounded-lg font-bold transition-all duration-300 transform hover:scale-105 shadow-lg hover:shadow-green-500/25 inline-flex items-center whitespace-nowrap cursor-pointer";
     return n === "prominent" ? `${x} px-8 py-3 text-base` : `${x} px-6 py-2 text-sm`;
   }, b = () => n === "prominent" ? "text-green-800 dark:text-green-200 font-semibold text-lg" : "text-green-800 dark:text-green-200 font-semibold", y = n === "prominent" ? l : i;
@@ -5844,7 +5952,7 @@ ${t.description}`
       ] }) })
     }
   );
-}, Gi = ({
+}, Yi = ({
   children: t,
   onClick: e,
   variant: r,
@@ -5859,7 +5967,7 @@ ${t.description}`
   trackingParams: p = {},
   ...f
 }) => /* @__PURE__ */ o(
-  V,
+  G,
   {
     ...f,
     variant: r,
@@ -5891,7 +5999,7 @@ ${t.description}`
     },
     children: t
   }
-), Ki = ({
+), Qi = ({
   children: t,
   onClick: e,
   to: r,
@@ -5939,7 +6047,7 @@ ${t.description}`
   uk: { name: "Українська", flag: "🇺🇦" },
   vi: { name: "Tiếng Việt", flag: "🇻🇳" },
   zh: { name: "简体中文", flag: "🇨🇳" }
-}, Qi = ({
+}, Zi = ({
   variant: t = "compact",
   className: e = ""
 }) => {
@@ -5964,14 +6072,14 @@ ${t.description}`
       console.error("Failed to change language:", g);
     });
   };
-  return t === "compact" ? /* @__PURE__ */ o("div", { className: `relative ${e}`, children: /* @__PURE__ */ m(De, { value: n, onValueChange: c, children: [
-    /* @__PURE__ */ o(ke, { className: "h-10 w-auto px-3 border-0 bg-transparent hover:bg-gray-100 dark:hover:bg-gray-700 focus:ring-0 focus:ring-offset-0", children: /* @__PURE__ */ m("div", { className: "flex items-center space-x-2", children: [
+  return t === "compact" ? /* @__PURE__ */ o("div", { className: `relative ${e}`, children: /* @__PURE__ */ m(Be, { value: n, onValueChange: c, children: [
+    /* @__PURE__ */ o(Ne, { className: "h-10 w-auto px-3 border-0 bg-transparent hover:bg-gray-100 dark:hover:bg-gray-700 focus:ring-0 focus:ring-offset-0", children: /* @__PURE__ */ m("div", { className: "flex items-center space-x-2", children: [
       /* @__PURE__ */ o("span", { className: "text-lg leading-none", children: s?.flag }),
       /* @__PURE__ */ o("span", { className: "hidden sm:block text-sm font-medium text-gray-700 dark:text-gray-300", children: s?.name })
     ] }) }),
-    /* @__PURE__ */ o(Ce, { children: l.map(
+    /* @__PURE__ */ o(Ee, { children: l.map(
       (d) => /* @__PURE__ */ o(
-        Se,
+        $e,
         {
           value: d.code,
           className: "cursor-pointer",
@@ -5985,14 +6093,14 @@ ${t.description}`
     ) })
   ] }) }) : /* @__PURE__ */ m("div", { className: `space-y-2 ${e}`, children: [
     /* @__PURE__ */ m("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300 flex items-center space-x-2", children: [
-      /* @__PURE__ */ o(Rt, { className: "h-4 w-4 text-gray-500 dark:text-gray-400" }),
+      /* @__PURE__ */ o(Wt, { className: "h-4 w-4 text-gray-500 dark:text-gray-400" }),
       /* @__PURE__ */ o("span", { children: a("language", "Language") })
     ] }),
-    /* @__PURE__ */ m(De, { value: n, onValueChange: c, children: [
-      /* @__PURE__ */ o(ke, { children: /* @__PURE__ */ o(Or, { placeholder: a("selectLanguage", "Select language") }) }),
-      /* @__PURE__ */ o(Ce, { children: l.map(
+    /* @__PURE__ */ m(Be, { value: n, onValueChange: c, children: [
+      /* @__PURE__ */ o(Ne, { children: /* @__PURE__ */ o(Fr, { placeholder: a("selectLanguage", "Select language") }) }),
+      /* @__PURE__ */ o(Ee, { children: l.map(
         (d) => /* @__PURE__ */ o(
-          Se,
+          $e,
           {
             value: d.code,
             className: "cursor-pointer",
@@ -6007,7 +6115,7 @@ ${t.description}`
     ] }),
     /* @__PURE__ */ o("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: a("selectPreferredLanguage", "Select your preferred language") })
   ] });
-}, Yi = ({
+}, Ji = ({
   items: t,
   type: e = "ordered",
   variant: r = "default",
@@ -6049,7 +6157,7 @@ ${t.description}`
   };
   return /* @__PURE__ */ o("ul", { className: h(i(), a), children: t.map(c) });
 };
-class Zi extends Ye {
+class Xi extends Qe {
   constructor() {
     super(...arguments), this.state = {
       hasError: !1
@@ -6078,7 +6186,7 @@ class Zi extends Ye {
     ) : this.props.children;
   }
 }
-class Ji extends Ye {
+class es extends Qe {
   constructor(e) {
     super(e), this.retryTimer = null, this.sendErrorToMonitoring = (r, a) => {
       try {
@@ -6196,15 +6304,15 @@ class Ji extends Ye {
     ] }) }) : e;
   }
 }
-const Xi = ({ children: t }) => /* @__PURE__ */ o(T, { children: t }), es = ({ children: t }) => /* @__PURE__ */ o(T, { children: t }), ts = (t, e, r) => {
-  const a = le(t, e);
-  return r && (a.displayName = `Memo(${r})`), process.env.NODE_ENV === "development" ? (n) => (Ne(() => {
+const ts = ({ children: t }) => /* @__PURE__ */ o(M, { children: t }), rs = ({ children: t }) => /* @__PURE__ */ o(M, { children: t }), as = (t, e, r) => {
+  const a = ue(t, e);
+  return r && (a.displayName = `Memo(${r})`), process.env.NODE_ENV === "development" ? (n) => (Ae(() => {
     let l = 0;
     return () => ++l;
   }, [])(), /* @__PURE__ */ o(a, { ...n })) : a;
-}, rs = (t, e) => le(t, (r, a) => e.every((n) => r[n] === a[n])), as = le(
+}, ns = (t, e) => ue(t, (r, a) => e.every((n) => r[n] === a[n])), os = ue(
   ({ children: t, compute: e, deps: r }) => {
-    const a = v.useRef(r), n = v.useRef(e), i = v.useRef(void 0), l = Ne(() => {
+    const a = v.useRef(r), n = v.useRef(e), i = v.useRef(void 0), l = Ae(() => {
       const s = r.length !== a.current.length || r.some((d, g) => d !== a.current[g]), c = e !== n.current;
       if (s || c || i.current === void 0) {
         let d;
@@ -6219,14 +6327,14 @@ const Xi = ({ children: t }) => /* @__PURE__ */ o(T, { children: t }), es = ({ c
       }
       return i.current;
     }, [e, r]);
-    return /* @__PURE__ */ o(T, { children: t(l) });
+    return /* @__PURE__ */ o(M, { children: t(l) });
   }
-), ns = le(
+), is = ue(
   ({ item: t, index: e, style: r, renderItem: a }) => /* @__PURE__ */ o("div", { style: r, children: a(t, e) }),
   (t, e) => t.index === e.index && t.item === e.item && t.style.height === e.style.height && t.style.top === e.style.top
-), os = le(
-  ({ condition: t, children: e, fallback: r = null }) => t ? /* @__PURE__ */ o(T, { children: e }) : /* @__PURE__ */ o(T, { children: r })
-), is = ({
+), ss = ue(
+  ({ condition: t, children: e, fallback: r = null }) => t ? /* @__PURE__ */ o(M, { children: e }) : /* @__PURE__ */ o(M, { children: r })
+), ls = ({
   children: t,
   threshold: e = 0.1,
   rootMargin: r = "50px",
@@ -6242,7 +6350,7 @@ const Xi = ({ children: t }) => /* @__PURE__ */ o(T, { children: t }), es = ({ c
     );
     return l.current && s.observe(l.current), () => s.disconnect();
   }, [e, r]), /* @__PURE__ */ o("div", { ref: l, children: n ? t : a });
-}, ss = ({
+}, cs = ({
   children: t,
   maxRenderTime: e = 16,
   // 16ms = 60fps
@@ -6256,8 +6364,8 @@ const Xi = ({ children: t }) => /* @__PURE__ */ o(T, { children: t }), es = ({ c
     n > e && (r?.(n), process.env.NODE_ENV === "development" && console.warn(
       `Slow render detected: ${n}ms (threshold: ${e}ms)`
     ));
-  }), /* @__PURE__ */ o(T, { children: t });
-}, ls = ({
+  }), /* @__PURE__ */ o(M, { children: t });
+}, ds = ({
   children: t,
   batchSize: e = 5,
   delay: r = 0
@@ -6270,8 +6378,8 @@ const Xi = ({ children: t }) => /* @__PURE__ */ o(T, { children: t }), es = ({ c
       }, r);
       return () => clearTimeout(i);
     }
-  }, [a, t.length, e, r]), /* @__PURE__ */ o(T, { children: t.slice(0, a) });
-}, cs = ({
+  }, [a, t.length, e, r]), /* @__PURE__ */ o(M, { children: t.slice(0, a) });
+}, us = ({
   src: t,
   alt: e,
   placeholder: r,
@@ -6366,7 +6474,7 @@ const Xi = ({ children: t }) => /* @__PURE__ */ o(T, { children: t }), es = ({ c
       ]
     }
   );
-}, ds = ({
+}, ms = ({
   title: t,
   description: e,
   primaryButton: r,
@@ -6398,7 +6506,7 @@ const Xi = ({ children: t }) => /* @__PURE__ */ o(T, { children: t }), es = ({ c
     lg: "text-xl md:text-2xl"
   }, y = (x, S = !1) => {
     const k = /* @__PURE__ */ o(
-      V,
+      G,
       {
         variant: x.variant === "primary" || S ? "gradient" : (x.variant === "secondary", "outline"),
         size: "lg",
@@ -6406,7 +6514,7 @@ const Xi = ({ children: t }) => /* @__PURE__ */ o(T, { children: t }), es = ({ c
         children: x.label
       }
     );
-    return x.external ? /* @__PURE__ */ o("a", { href: x.href, target: "_blank", rel: "noopener noreferrer", children: k }) : /* @__PURE__ */ o(he, { to: x.href, children: k });
+    return x.external ? /* @__PURE__ */ o("a", { href: x.href, target: "_blank", rel: "noopener noreferrer", children: k }) : /* @__PURE__ */ o(xe, { to: x.href, children: k });
   };
   return /* @__PURE__ */ m(
     "section",
@@ -6441,14 +6549,14 @@ const Xi = ({ children: t }) => /* @__PURE__ */ o(T, { children: t }), es = ({ c
       ]
     }
   );
-}, us = ({
+}, gs = ({
   children: t,
   backgroundClassName: e = "",
   contentClassName: r = ""
-}) => /* @__PURE__ */ o("div", { className: e, children: /* @__PURE__ */ o("div", { className: r, children: t }) }), ms = ({ title: t, description: e }) => /* @__PURE__ */ m("div", { className: "mb-8", children: [
+}) => /* @__PURE__ */ o("div", { className: e, children: /* @__PURE__ */ o("div", { className: r, children: t }) }), ps = ({ title: t, description: e }) => /* @__PURE__ */ m("div", { className: "mb-8", children: [
   /* @__PURE__ */ o("h1", { className: "text-3xl font-bold text-gray-900 dark:text-white", children: t }),
   e && /* @__PURE__ */ o("p", { className: "mt-2 text-gray-600 dark:text-gray-400", children: e })
-] }), gs = ({
+] }), hs = ({
   masterTitle: t,
   masterSubtitle: e,
   backButtonText: r,
@@ -6469,42 +6577,42 @@ const Xi = ({ children: t }) => /* @__PURE__ */ o(T, { children: t }), es = ({ c
   animationDuration: C = 300,
   animationRef: k
 }) => {
-  const E = `gap-${Math.round(y / 4)}` || "gap-8", z = (Z) => Z ? Z.split("-")[0].trim() : "Back", R = r ? z(r) : t ? z(t) : "Back", [Q, ce] = $(!1), [Le, fe] = $("auto"), q = L(null), Y = L(
+  const E = `gap-${Math.round(y / 4)}` || "gap-8", z = (ee) => ee ? ee.split("-")[0].trim() : "Back", A = r ? z(r) : t ? z(t) : "Back", [V, H] = $(!1), [X, W] = $("auto"), _ = L(null), j = L(
     null
   );
   P(() => (k && (k.current = {
-    triggerTransition: (Z) => {
+    triggerTransition: (ee) => {
       if (!S) {
-        Z();
+        ee();
         return;
       }
-      if (q.current) {
-        const be = q.current.scrollHeight;
-        fe(be);
+      if (_.current) {
+        const ve = _.current.scrollHeight;
+        W(ve);
       }
-      ce(!0), Y.current && clearTimeout(Y.current), Y.current = setTimeout(() => {
-        Z(), setTimeout(() => {
-          if (q.current) {
-            const be = q.current.scrollHeight;
-            fe(be), setTimeout(() => {
-              fe("auto"), ce(!1);
+      H(!0), j.current && clearTimeout(j.current), j.current = setTimeout(() => {
+        ee(), setTimeout(() => {
+          if (_.current) {
+            const ve = _.current.scrollHeight;
+            W(ve), setTimeout(() => {
+              W("auto"), H(!1);
             }, C);
           }
         }, 50);
       }, C / 2);
     }
   }), () => {
-    Y.current && clearTimeout(Y.current);
+    j.current && clearTimeout(j.current);
   }), [S, C, k]);
-  const Me = S ? {
-    height: Le === "auto" ? "auto" : `${Le}px`,
+  const me = S ? {
+    height: X === "auto" ? "auto" : `${X}px`,
     transition: `height ${C}ms cubic-bezier(0.4, 0, 0.2, 1)`,
     width: "100%",
     maxWidth: "100%"
-  } : { width: "100%", maxWidth: "100%" }, ze = S ? `${Q ? "opacity-0 transform translate-y-2" : "opacity-100 transform translate-y-0"}` : "", Re = S ? {
+  } : { width: "100%", maxWidth: "100%" }, ge = S ? `${V ? "opacity-0 transform translate-y-2" : "opacity-100 transform translate-y-0"}` : "", Re = S ? {
     transition: `opacity ${C}ms ease-in-out, transform ${C}ms ease-in-out`
   } : {};
-  return /* @__PURE__ */ m(T, { children: [
+  return /* @__PURE__ */ m(M, { children: [
     /* @__PURE__ */ o(
       "div",
       {
@@ -6537,17 +6645,17 @@ const Xi = ({ children: t }) => /* @__PURE__ */ o(T, { children: t }), es = ({ c
                 className: "mb-4 px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-md text-sm font-medium text-gray-700 dark:text-gray-300 bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors",
                 children: [
                   "← ",
-                  R
+                  A
                 ]
               }
             ),
             /* @__PURE__ */ o(
               "div",
               {
-                ref: q,
+                ref: _,
                 className: `bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 p-8 overflow-hidden ${d}`,
-                style: Me,
-                children: /* @__PURE__ */ m("div", { className: ze, style: Re, children: [
+                style: me,
+                children: /* @__PURE__ */ m("div", { className: ge, style: Re, children: [
                   i && /* @__PURE__ */ o(
                     "h1",
                     {
@@ -6601,10 +6709,10 @@ const Xi = ({ children: t }) => /* @__PURE__ */ o(T, { children: t }), es = ({ c
                 children: /* @__PURE__ */ o(
                   "div",
                   {
-                    ref: q,
+                    ref: _,
                     className: `bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 p-8 overflow-hidden ${d}`,
-                    style: Me,
-                    children: /* @__PURE__ */ m("div", { className: ze, style: Re, children: [
+                    style: me,
+                    children: /* @__PURE__ */ m("div", { className: ge, style: Re, children: [
                       i && /* @__PURE__ */ o(
                         "h1",
                         {
@@ -6623,7 +6731,7 @@ const Xi = ({ children: t }) => /* @__PURE__ */ o(T, { children: t }), es = ({ c
       )
     ] })
   ] });
-}, ps = ({
+}, fs = ({
   children: t
 }) => (P(() => {
   const e = () => {
@@ -6773,7 +6881,7 @@ const Xi = ({ children: t }) => /* @__PURE__ */ o(T, { children: t }), es = ({ c
   };
   return e(), r(), a(), n(), l(), s(), c(), d(), setTimeout(i, 2e3), () => {
   };
-}, []), /* @__PURE__ */ o(T, { children: t })), hs = () => (P(() => {
+}, []), /* @__PURE__ */ o(M, { children: t })), bs = () => (P(() => {
   if (typeof window > "u" || typeof document > "u" || !document.documentElement)
     return;
   const t = () => {
@@ -6871,9 +6979,9 @@ const Xi = ({ children: t }) => /* @__PURE__ */ o(T, { children: t }), es = ({ c
       } catch {
       }
   };
-}, []), null), fs = ({
+}, []), null), ys = ({
   children: t
-}) => /* @__PURE__ */ o(T, { children: t }), ja = {
+}) => /* @__PURE__ */ o(M, { children: t }), Da = {
   // Static/rarely changing data - longer cache durations
   user: { duration: 300 * 1e3, maxSize: 100, staleWhileRevalidate: !0 },
   // 5 minutes
@@ -6949,25 +7057,25 @@ class Ba {
     return Array.from(this.cache.values()).reduce((e, r) => e + JSON.stringify(r).length * 2, 0);
   }
 }
-const U = new Ba(), F = /* @__PURE__ */ new Map(), Da = async (t, e, r = "messages") => {
-  const a = ja[r], n = U.get(t, a);
+const Q = new Ba(), U = /* @__PURE__ */ new Map(), Oa = async (t, e, r = "messages") => {
+  const a = Da[r], n = Q.get(t, a);
   if (n && !n.isStale)
     return n.data;
-  const i = F.get(t);
+  const i = U.get(t);
   if (i)
     return i;
   if (n && n.isStale && a.staleWhileRevalidate) {
-    const s = e().then((c) => (U.set(t, c, a), F.delete(t), c)).catch((c) => {
-      throw F.delete(t), c;
+    const s = e().then((c) => (Q.set(t, c, a), U.delete(t), c)).catch((c) => {
+      throw U.delete(t), c;
     });
-    return F.set(t, s), n.data;
+    return U.set(t, s), n.data;
   }
-  const l = e().then((s) => (U.set(t, s, a), F.delete(t), s)).catch((s) => {
-    throw F.delete(t), s;
+  const l = e().then((s) => (Q.set(t, s, a), U.delete(t), s)).catch((s) => {
+    throw U.delete(t), s;
   });
-  return F.set(t, l), l;
+  return U.set(t, l), l;
 };
-class Oa {
+class Fa {
   constructor() {
     this.queue = [], this.timer = null, this.batchDelay = 10;
   }
@@ -7002,8 +7110,8 @@ class Oa {
     return r;
   }
 }
-const Fa = new Oa();
-class bs {
+const Va = new Fa();
+class xs {
   constructor(e, r = {}) {
     this.requestInterceptors = [], this.responseInterceptors = [], this.baseURL = e, this.defaultHeaders = r;
   }
@@ -7036,7 +7144,7 @@ class bs {
         throw new Error(`API Error: ${g.status} ${g.statusText}`);
       return g.json();
     };
-    return r.method === "GET" && this.shouldBatch(e) ? Fa.add(l, s) : Da(l, s, n);
+    return r.method === "GET" && this.shouldBatch(e) ? Va.add(l, s) : Oa(l, s, n);
   }
   shouldBatch(e) {
     return e.includes("/messages/") && !e.includes("/messages?");
@@ -7061,7 +7169,7 @@ class bs {
     return this.request(e, { method: "DELETE" });
   }
 }
-const ys = async (t, e = 3, r = 1e3) => {
+const vs = async (t, e = 3, r = 1e3) => {
   let a;
   for (let n = 0; n <= e; n++)
     try {
@@ -7074,7 +7182,7 @@ const ys = async (t, e = 3, r = 1e3) => {
     }
   throw a;
 };
-class xs {
+class ws {
   constructor() {
     this.abortController = new AbortController();
   }
@@ -7091,10 +7199,10 @@ class xs {
     this.abortController.abort();
   }
 }
-const vs = {
-  invalidate: (t) => U.invalidate(t),
-  clear: () => U.clear(),
-  getStats: () => U.getStats(),
+const ks = {
+  invalidate: (t) => Q.invalidate(t),
+  clear: () => Q.clear(),
+  getStats: () => Q.getStats(),
   // Warm up cache with commonly accessed data
   warmUp: async (t) => {
     await Promise.allSettled(t.map((e) => e()));
@@ -7108,7 +7216,7 @@ const vs = {
     }, 100);
   }
 };
-function Va() {
+function _a() {
   if (typeof window > "u") return !1;
   const t = window.navigator.userAgent.toLowerCase();
   return [
@@ -7124,36 +7232,36 @@ function Va() {
     "okx"
   ].some((r) => t.includes(r));
 }
-function _a() {
+function qa() {
   return typeof window > "u" ? !1 : window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1";
 }
-function qa() {
+function Ha() {
   if (typeof window > "u") return !1;
   const t = window.location.hostname;
   return /^\d+\.\d+\.\d+\.\d+$/.test(t);
 }
-function Ha() {
-  return _a() ? "localhost" : Va() ? "wallet-browser" : qa() ? "network" : "production";
+function Ua() {
+  return qa() ? "localhost" : _a() ? "wallet-browser" : Ha() ? "network" : "production";
 }
-function ws() {
-  const t = Ha();
+function Cs() {
+  const t = Ua();
   return t === "localhost" || t === "wallet-browser";
 }
-function ks(t) {
+function Ss(t) {
 }
-function Ua() {
+function Ga() {
   return typeof window < "u";
 }
-function Cs() {
+function Ns() {
   return typeof window < "u";
 }
-function Ss(t, e) {
-  if (Ua())
+function Es(t, e) {
+  if (Ga())
     t();
   else
     return e;
 }
-const Ga = {
+const Ka = {
   "default-src": ["'self'"],
   "script-src": [
     "'self'",
@@ -7219,7 +7327,7 @@ const Ga = {
   "object-src": ["'none'"],
   "base-uri": ["'self'"],
   "form-action": ["'self'"]
-}, Ka = () => Object.entries(Ga).map(([t, e]) => `${t} ${e.join(" ")}`).join("; "), Ns = {
+}, Ya = () => Object.entries(Ka).map(([t, e]) => `${t} ${e.join(" ")}`).join("; "), $s = {
   "X-Frame-Options": "DENY",
   "X-Content-Type-Options": "nosniff",
   "X-XSS-Protection": "1; mode=block",
@@ -7229,8 +7337,8 @@ const Ga = {
   "Cross-Origin-Embedder-Policy": "credentialless",
   "Cross-Origin-Opener-Policy": "same-origin-allow-popups",
   "Cross-Origin-Resource-Policy": "cross-origin",
-  "Content-Security-Policy": Ka()
-}, Es = {
+  "Content-Security-Policy": Ya()
+}, As = {
   fonts: "public, max-age=31536000, immutable",
   images: "public, max-age=31536000, immutable",
   js: "public, max-age=31536000, immutable",
@@ -7238,7 +7346,7 @@ const Ga = {
   serviceWorker: "public, max-age=0, must-revalidate",
   manifest: "public, max-age=86400",
   api: "no-cache, no-store, must-revalidate"
-}, $s = () => {
+}, Is = () => {
   typeof window < "u" && document.addEventListener("securitypolicyviolation", (t) => {
     console.warn("CSP Violation:", {
       blockedURI: t.blockedURI,
@@ -7248,25 +7356,25 @@ const Ga = {
       lineNumber: t.lineNumber
     });
   });
-}, As = {
+}, Ts = {
   walletConnections: "Always verify wallet signatures and never trust client-side data",
   rpcEndpoints: "Use reputable RPC providers and consider rate limiting",
   contractInteractions: "Validate all smart contract interactions on the backend",
   userInput: "Sanitize all user inputs, especially wallet addresses and transaction data",
   privateKeys: "Never log, store, or transmit private keys - they should remain in wallets only",
   phishing: "Implement strict CSP to prevent injection of malicious scripts that could steal wallet access"
-}, D = /* @__PURE__ */ new Map(), J = /* @__PURE__ */ new Map(), me = /* @__PURE__ */ new Set();
-let oe = "medium", Te = !1;
+}, F = /* @__PURE__ */ new Map(), te = /* @__PURE__ */ new Map(), fe = /* @__PURE__ */ new Set();
+let le = "medium", Me = !1;
 function Qa() {
   if ("connection" in navigator) {
     const r = navigator.connection;
-    r && (oe = r.effectiveType === "4g" ? "fast" : r.effectiveType === "3g" ? "medium" : "slow");
+    r && (le = r.effectiveType === "4g" ? "fast" : r.effectiveType === "3g" ? "medium" : "slow");
   }
   const t = navigator.deviceMemory, e = navigator.hardwareConcurrency;
-  Te = t && t < 4 || e && e < 4;
+  Me = t && t < 4 || e && e < 4;
 }
 Qa();
-function Is(t, e, r = {}) {
+function Ps(t, e, r = {}) {
   const {
     retries: a = 3,
     timeout: n = 1e4,
@@ -7277,14 +7385,14 @@ function Is(t, e, r = {}) {
     onLoad: d,
     onError: g
   } = r;
-  if (D.has(e))
-    return D.get(e).component;
-  const p = _(async () => {
+  if (F.has(e))
+    return F.get(e).component;
+  const p = K(async () => {
     const b = performance.now();
-    if (J.has(e))
-      return J.get(e).then((x) => ({ default: x }));
-    const y = Ya(t, a, n);
-    J.set(
+    if (te.has(e))
+      return te.get(e).then((x) => ({ default: x }));
+    const y = Za(t, a, n);
+    te.set(
       e,
       y.then((x) => x.default)
     );
@@ -7296,7 +7404,7 @@ function Is(t, e, r = {}) {
           timestamp: Date.now(),
           loadTime: S
         };
-        if (D.set(e, C), s === "session")
+        if (F.set(e, C), s === "session")
           try {
             sessionStorage.setItem(
               `lazy_${e}`,
@@ -7309,16 +7417,16 @@ function Is(t, e, r = {}) {
             console.warn("Session storage failed for lazy component cache");
           }
       }
-      return J.delete(e), d?.(x.default), x;
+      return te.delete(e), d?.(x.default), x;
     } catch (x) {
-      throw J.delete(e), g?.(x), x;
+      throw te.delete(e), g?.(x), x;
     }
   }), f = (b) => {
     const [y, x] = $(!0);
     P(() => {
-      if (l && !D.has(e) && l() && !me.has(e)) {
-        me.add(e);
-        const k = Za(c, oe);
+      if (l && !F.has(e) && l() && !fe.has(e)) {
+        fe.add(e);
+        const k = Ja(c, le);
         setTimeout(() => {
           t().catch(console.warn);
         }, k);
@@ -7332,7 +7440,7 @@ function Is(t, e, r = {}) {
         "..."
       ] })
     ] });
-    return !y && Te && oe === "slow" ? /* @__PURE__ */ o("div", { className: "lazy-placeholder", children: /* @__PURE__ */ m(
+    return !y && Me && le === "slow" ? /* @__PURE__ */ o("div", { className: "lazy-placeholder", children: /* @__PURE__ */ m(
       "button",
       {
         onClick: () => x(!0),
@@ -7342,11 +7450,11 @@ function Is(t, e, r = {}) {
           e
         ]
       }
-    ) }) : /* @__PURE__ */ o(se, { fallback: S, children: /* @__PURE__ */ o(p, { ...b }) });
+    ) }) : /* @__PURE__ */ o(de, { fallback: S, children: /* @__PURE__ */ o(p, { ...b }) });
   };
   return f.displayName = `AdvancedLazy(${e})`, f;
 }
-async function Ya(t, e, r) {
+async function Za(t, e, r) {
   let a;
   for (let n = 0; n < e; n++)
     try {
@@ -7365,7 +7473,7 @@ async function Ya(t, e, r) {
     }
   throw a;
 }
-function Za(t, e) {
+function Ja(t, e) {
   const r = {
     critical: 0,
     high: 500,
@@ -7378,7 +7486,7 @@ function Za(t, e) {
   }, n = r[t] || 2e3, i = a[e] || 1;
   return n * i;
 }
-const ae = class ae {
+const ie = class ie {
   static registerRoute(e, r) {
     this.routeMap.set(e, r), this.routeUsageStats.set(e, 0);
   }
@@ -7389,9 +7497,9 @@ const ae = class ae {
   }
   static preloadLikelyRoutes(e) {
     this.getRouteTransitionProbability(e).forEach(({ route: a, probability: n }) => {
-      n > 0.3 && !D.has(a) && setTimeout(() => {
+      n > 0.3 && !F.has(a) && setTimeout(() => {
         this.routeMap.get(a);
-      }, oe === "fast" ? 1e3 : 3e3);
+      }, le === "fast" ? 1e3 : 3e3);
     });
   }
   static getRouteTransitionProbability(e) {
@@ -7424,15 +7532,15 @@ const ae = class ae {
   static getStats() {
     return {
       routeCount: this.routeMap.size,
-      cacheSize: D.size,
+      cacheSize: F.size,
       currentRoute: this.currentRoute,
       usageStats: Object.fromEntries(this.routeUsageStats)
     };
   }
 };
-ae.routeMap = /* @__PURE__ */ new Map(), ae.routeUsageStats = /* @__PURE__ */ new Map(), ae.currentRoute = "";
-let _e = ae;
-const Ts = ({ src: t, alt: e, className: r, placeholder: a, priority: n = "medium" }) => {
+ie.routeMap = /* @__PURE__ */ new Map(), ie.routeUsageStats = /* @__PURE__ */ new Map(), ie.currentRoute = "";
+let _e = ie;
+const Ls = ({ src: t, alt: e, className: r, placeholder: a, priority: n = "medium" }) => {
   const [i, l] = $(!1), [s, c] = $(!1), d = v.useRef(null);
   P(() => {
     if (!d.current) return;
@@ -7470,26 +7578,26 @@ const Ts = ({ src: t, alt: e, className: r, placeholder: a, priority: n = "mediu
     !i && s && /* @__PURE__ */ o("div", { className: "absolute inset-0 bg-gray-200 animate-pulse rounded" })
   ] });
 };
-function Ps() {
-  D.clear(), me.clear();
+function Ms() {
+  F.clear(), fe.clear();
 }
-function Ls() {
+function zs() {
   return {
-    cachedComponents: D.size,
-    preloadQueue: me.size,
-    networkSpeed: oe,
-    isLowEndDevice: Te,
-    cacheEntries: Array.from(D.entries()).map(([t, e]) => ({
+    cachedComponents: F.size,
+    preloadQueue: fe.size,
+    networkSpeed: le,
+    isLowEndDevice: Me,
+    cacheEntries: Array.from(F.entries()).map(([t, e]) => ({
       name: t,
       loadTime: e.loadTime,
       age: Date.now() - e.timestamp
     }))
   };
 }
-const Ja = ({ message: t }) => /* @__PURE__ */ m("div", { className: "flex items-center justify-center p-4", children: [
+const Xa = ({ message: t }) => /* @__PURE__ */ m("div", { className: "flex items-center justify-center p-4", children: [
   /* @__PURE__ */ o("div", { className: "animate-spin rounded-full h-6 w-6 border-b-2 border-blue-500" }),
   /* @__PURE__ */ o("span", { className: "ml-2 text-sm text-gray-600", children: t })
-] }), Xa = (t) => {
+] }), en = (t) => {
   if (typeof t == "function" || typeof t == "object")
     return t;
   switch (t) {
@@ -7502,10 +7610,10 @@ const Ja = ({ message: t }) => /* @__PURE__ */ m("div", { className: "flex items
       ] });
     case "default":
     default:
-      return () => /* @__PURE__ */ o(Ja, { message: "Loading component..." });
+      return () => /* @__PURE__ */ o(Xa, { message: "Loading component..." });
   }
-}, en = (t, e = "default", r = 3) => {
-  const a = _(async () => {
+}, tn = (t, e = "default", r = 3) => {
+  const a = K(async () => {
     let i = null;
     for (let l = 0; l < r; l++)
       try {
@@ -7519,27 +7627,27 @@ const Ja = ({ message: t }) => /* @__PURE__ */ m("div", { className: "flex items
         );
       }
     throw i;
-  }), n = Xa(e);
-  return (i) => /* @__PURE__ */ o(se, { fallback: /* @__PURE__ */ o(n, {}), children: /* @__PURE__ */ o(a, { ...i }) });
-}, Ms = async (t) => {
+  }), n = en(e);
+  return (i) => /* @__PURE__ */ o(de, { fallback: /* @__PURE__ */ o(n, {}), children: /* @__PURE__ */ o(a, { ...i }) });
+}, Rs = async (t) => {
   try {
     await t();
   } catch (e) {
     console.warn("Failed to preload component:", e);
   }
-}, zs = (t) => {
+}, Ws = (t) => {
   const e = {};
   return Object.entries(t).forEach(([r, a]) => {
-    e[r] = en(a, "skeleton");
+    e[r] = tn(a, "skeleton");
   }), e;
-}, Rs = (t) => t, tn = {
+}, js = (t) => t, rn = {
   // Critical routes (preload immediately)
   critical: ["/", "/connect", "/mail"],
   // Secondary routes (preload on idle)
   secondary: ["/settings", "/compose", "/points"],
   // Optional routes (load on demand)
   optional: ["/document", "/about", "/terms", "/privacy"]
-}, ne = class ne {
+}, se = class se {
   static add(e, r) {
     this.preloadedComponents.has(e) || (this.preloadQueue.push({ name: e, loader: r }), this.processQueue());
   }
@@ -7571,18 +7679,18 @@ const Ja = ({ message: t }) => /* @__PURE__ */ m("div", { className: "flex items
     this.preloadedComponents.clear(), this.preloadQueue = [], this.isPreloading = !1;
   }
 };
-ne.preloadedComponents = /* @__PURE__ */ new Set(), ne.preloadQueue = [], ne.isPreloading = !1;
-let qe = ne;
-const Ws = () => {
+se.preloadedComponents = /* @__PURE__ */ new Set(), se.preloadQueue = [], se.isPreloading = !1;
+let qe = se;
+const Ds = () => {
   "requestIdleCallback" in window && window.requestIdleCallback(() => {
-    tn.secondary.forEach((t) => {
+    rn.secondary.forEach((t) => {
     });
   });
 }, He = ({ message: t }) => /* @__PURE__ */ m("div", { className: "flex items-center justify-center p-4", children: [
   /* @__PURE__ */ o("div", { className: "animate-spin rounded-full h-6 w-6 border-b-2 border-blue-500" }),
   /* @__PURE__ */ o("span", { className: "ml-2 text-sm text-gray-600", children: t })
-] }), ie = /* @__PURE__ */ new Map();
-function js(t, e) {
+] }), ce = /* @__PURE__ */ new Map();
+function Bs(t, e) {
   const {
     condition: r,
     fallback: a,
@@ -7594,7 +7702,7 @@ function js(t, e) {
     const [g, p] = v.useState(!1), [f, b] = v.useState(null);
     return v.useEffect(() => {
       const S = setTimeout(async () => {
-        const C = ie.get(s);
+        const C = ce.get(s);
         if (C && C.isValid && Date.now() - C.lastCheck < 3e5)
           try {
             if (await C.condition()) {
@@ -7606,8 +7714,8 @@ function js(t, e) {
           }
         try {
           if (await r()) {
-            const E = await rn(t, n, i);
-            ie.set(s, {
+            const E = await an(t, n, i);
+            ce.set(s, {
               component: E.default,
               condition: r,
               lastCheck: Date.now(),
@@ -7620,7 +7728,7 @@ function js(t, e) {
       }, l === "high" ? 0 : l === "medium" ? 100 : 500);
       return () => clearTimeout(S);
     }, []), g ? f ? /* @__PURE__ */ o(
-      se,
+      de,
       {
         fallback: a || /* @__PURE__ */ o(He, { message: "Loading component..." }),
         children: /* @__PURE__ */ o(f, { ...d })
@@ -7629,7 +7737,7 @@ function js(t, e) {
   };
   return c.displayName = `ConditionalLazy(${s})`, c;
 }
-const Bs = {
+const Os = {
   // Example: Premium features only for subscribed users
   // PremiumEmailFeatures: createConditionalLazyComponent(
   //   () => import('../components/premium/PremiumEmailFeatures'),
@@ -7642,11 +7750,11 @@ const Bs = {
   //     priority: 'high'
   //   }
   // ),
-}, Ds = {
+}, Fs = {
   // Examples of platform-specific conditional loading
   // These can be implemented as needed for specific platform optimizations
 };
-async function rn(t, e, r) {
+async function an(t, e, r) {
   let a;
   for (let n = 0; n < e; n++)
     try {
@@ -7662,13 +7770,13 @@ async function rn(t, e, r) {
     }
   throw a;
 }
-function Os() {
-  ie.clear();
+function Vs() {
+  ce.clear();
 }
-function Fs() {
+function _s() {
   return {
-    cachedComponents: ie.size,
-    cacheEntries: Array.from(ie.entries()).map(([t, e]) => ({
+    cachedComponents: ce.size,
+    cacheEntries: Array.from(ce.entries()).map(([t, e]) => ({
       key: t,
       lastCheck: e.lastCheck,
       isValid: e.isValid,
@@ -7763,7 +7871,7 @@ const Ue = [
     }
   }
 ];
-class an {
+class nn {
   constructor() {
     this.preloaded = /* @__PURE__ */ new Set(), this.networkSpeedEstimate = "medium", this.isLowEndDevice = !1, this.userActivityScore = 0, this.detectNetworkSpeed(), this.detectDeviceCapability(), this.startUserActivityTracking();
   }
@@ -7886,16 +7994,16 @@ class an {
     };
   }
 }
-let X = null;
-function Vs() {
-  X || (X = new an(), document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", () => {
-    X?.initializePreloading();
-  }) : X.initializePreloading());
+let re = null;
+function qs() {
+  re || (re = new nn(), document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", () => {
+    re?.initializePreloading();
+  }) : re.initializePreloading());
 }
-function _s() {
-  return X?.getPreloadingStats();
+function Hs() {
+  return re?.getPreloadingStats();
 }
-function qs(t) {
+function Us(t) {
   const e = {
     // Core AI Classification
     "ai-content-type": t.contentType,
@@ -7928,10 +8036,10 @@ function qs(t) {
   };
   return t.contentType === "governance-page" && (e["ai-governance-features"] = "voting-notifications,multi-sig-coordination,proposal-tracking", e["ai-dao-platforms"] = "snapshot,tally,aragon,safe,decentdao", e["ai-participation-boost"] = "85%", e["ai-treasury-management"] = "enabled"), e;
 }
-function nn(t) {
+function on(t) {
   const e = {
     "@context": "https://schema.org",
-    "@type": ln(t.contentType),
+    "@type": cn(t.contentType),
     name: t.primaryTopic,
     description: `Comprehensive ${t.primaryTopic} resource for ${t.targetAudience.join(", ")}`,
     about: t.semanticKeywords.map((r) => ({
@@ -7966,14 +8074,14 @@ function nn(t) {
     ]
   } : e;
 }
-function Hs(t, e) {
+function Gs(t, e) {
   return e.map((r) => ({
     type: "related-content",
     target: r.url,
     strength: r.relevance
   }));
 }
-function on(t) {
+function sn(t) {
   const e = [
     "0xmail.box",
     "Web3",
@@ -7995,7 +8103,7 @@ function on(t) {
   ];
   return t.contentType === "governance-page" ? [...e, ...r] : e;
 }
-function sn(t) {
+function ln(t) {
   const e = [
     "web3-infrastructure",
     "email-technology",
@@ -8009,7 +8117,7 @@ function sn(t) {
   ];
   return t.contentType === "governance-page" ? [...e, ...r] : e;
 }
-function Us(t, e) {
+function Ks(t, e) {
   return {
     contentClassification: {
       type: t.contentType,
@@ -8019,14 +8127,14 @@ function Us(t, e) {
       purpose: t.contentPurpose,
       vertical: t.industryVertical
     },
-    semanticMarkup: nn(t),
-    entityRecognition: on(t),
-    topicClustering: sn(t),
+    semanticMarkup: on(t),
+    entityRecognition: sn(t),
+    topicClustering: ln(t),
     contentRelationships: e?.contentRelationships || [],
     ...e
   };
 }
-function ln(t) {
+function cn(t) {
   return {
     article: "Article",
     "landing-page": "WebPage",
@@ -8035,7 +8143,7 @@ function ln(t) {
     documentation: "TechArticle"
   }[t] || "WebPage";
 }
-function Gs(t) {
+function Ys(t) {
   return {
     "@context": "https://schema.org",
     "@type": "MonitorAction",
@@ -8057,7 +8165,7 @@ function Gs(t) {
     }
   };
 }
-const Ks = {
+const Qs = {
   governancePage: {
     contentType: "governance-page",
     primaryTopic: "DAO Governance Communication Platform",
@@ -8145,24 +8253,24 @@ const Ks = {
       "premium-upgrade"
     ]
   }
-}, cn = ({
+}, dn = ({
   message: t,
   className: e
 }) => /* @__PURE__ */ m("div", { className: `flex items-center justify-center p-4 ${e || ""}`, children: [
   /* @__PURE__ */ o("div", { className: "animate-spin rounded-full h-6 w-6 border-b-2 border-blue-500" }),
   /* @__PURE__ */ o("span", { className: "ml-2 text-sm text-gray-600", children: t })
-] }), ve = /* @__PURE__ */ new Map(), re = /* @__PURE__ */ new Set();
+] }), Ce = /* @__PURE__ */ new Map(), oe = /* @__PURE__ */ new Set();
 function ft() {
   const t = [];
-  return !!window.ethereum?.isMetaMask && (re.add("metamask"), t.push({
+  return !!window.ethereum?.isMetaMask && (oe.add("metamask"), t.push({
     name: "MetaMask",
     detected: !0,
     priority: 1
-  })), !!window.ethereum?.isCoinbaseWallet && (re.add("coinbase"), t.push({
+  })), !!window.ethereum?.isCoinbaseWallet && (oe.add("coinbase"), t.push({
     name: "Coinbase Wallet",
     detected: !0,
     priority: 2
-  })), !!window.solana?.isPhantom && (re.add("phantom"), t.push({
+  })), !!window.solana?.isPhantom && (oe.add("phantom"), t.push({
     name: "Phantom",
     detected: !0,
     priority: 3
@@ -8174,15 +8282,15 @@ function ft() {
 }
 function bt(t) {
   const e = `wallet-${t.toLowerCase()}`;
-  if (ve.has(e))
-    return ve.get(e);
-  const a = _(() => Promise.resolve({
+  if (Ce.has(e))
+    return Ce.get(e);
+  const a = K(() => Promise.resolve({
     default: () => v.createElement("div", {}, `${t} Provider Placeholder`)
   })), n = (i) => /* @__PURE__ */ o(
-    se,
+    de,
     {
       fallback: /* @__PURE__ */ o(
-        cn,
+        dn,
         {
           message: `Loading ${t} wallet...`,
           className: "wallet-loading"
@@ -8191,16 +8299,16 @@ function bt(t) {
       children: /* @__PURE__ */ o(a, { ...i })
     }
   );
-  return n.displayName = `Lazy${t}Provider`, ve.set(e, n), n;
+  return n.displayName = `Lazy${t}Provider`, Ce.set(e, n), n;
 }
-function Qs({
+function Zs({
   children: t
 }) {
   const e = ft();
   return e.filter((r) => r.priority <= 2 && r.detected).forEach((r) => {
     setTimeout(() => {
     }, 1e3);
-  }), /* @__PURE__ */ m(T, { children: [
+  }), /* @__PURE__ */ m(M, { children: [
     e.map((r) => {
       const a = bt(r.name);
       return /* @__PURE__ */ o(a, {}, r.name);
@@ -8208,7 +8316,7 @@ function Qs({
     t
   ] });
 }
-const Pe = class Pe {
+const ze = class ze {
   static preloadWallet(e) {
     const r = e.toLowerCase();
     this.preloadedWallets.has(r) || (this.preloadedWallets.add(r), setTimeout(() => {
@@ -8226,19 +8334,19 @@ const Pe = class Pe {
     return Array.from(this.preloadedWallets);
   }
 };
-Pe.preloadedWallets = /* @__PURE__ */ new Set();
-let ge = Pe;
-function Ys() {
+ze.preloadedWallets = /* @__PURE__ */ new Set();
+let be = ze;
+function Js() {
   return {
     availableWallets: ft(),
     preloadWallet: (a) => {
-      ge.preloadWallet(a);
+      be.preloadWallet(a);
     },
-    getDetectedWallets: () => Array.from(re),
-    hasWallet: (a) => re.has(a.toLowerCase())
+    getDetectedWallets: () => Array.from(oe),
+    hasWallet: (a) => oe.has(a.toLowerCase())
   };
 }
-function Zs({
+function Xs({
   walletName: t,
   onConnect: e,
   disabled: r = !1
@@ -8247,7 +8355,7 @@ function Zs({
     "button",
     {
       onClick: () => {
-        ge.preloadWallet(t), setTimeout(e, 100);
+        be.preloadWallet(t), setTimeout(e, 100);
       },
       disabled: r,
       className: "wallet-connect-btn",
@@ -8259,7 +8367,7 @@ function Zs({
     }
   );
 }
-class Js {
+class el {
   constructor() {
     this.criticalResources = [], this.observedMetrics = {
       fcp: 0,
@@ -8474,7 +8582,7 @@ class Js {
     return this.observedMetrics.fcp > 2e3 ? e -= 20 : this.observedMetrics.fcp > 1500 && (e -= 10), this.observedMetrics.lcp > 2500 ? e -= 25 : this.observedMetrics.lcp > 2e3 && (e -= 15), this.observedMetrics.cls > 0.1 ? e -= 15 : this.observedMetrics.cls > 0.05 && (e -= 8), this.observedMetrics.ttfb > 600 ? e -= 10 : this.observedMetrics.ttfb > 400 && (e -= 5), Math.max(e, 0);
   }
 }
-const we = {
+const Se = {
   // Mark performance milestones
   mark: (t) => {
     typeof performance < "u" && performance.mark && performance.mark(t);
@@ -8497,27 +8605,27 @@ const we = {
   clearEntries: (t) => {
     typeof performance < "u" && (t ? (performance.clearMeasures?.(t), performance.clearMarks?.(t)) : (performance.clearMeasures?.(), performance.clearMarks?.()));
   }
-}, Xs = (t, e = []) => {
-  P(() => (we.mark(`${t}-start`), () => {
-    we.mark(`${t}-end`), we.measure(t, `${t}-start`, `${t}-end`);
+}, tl = (t, e = []) => {
+  P(() => (Se.mark(`${t}-start`), () => {
+    Se.mark(`${t}-end`), Se.measure(t, `${t}-start`, `${t}-end`);
   }), [t, e]);
-}, el = (t) => {
+}, rl = (t) => {
   const e = L(t);
-  return e.current = t, W(
+  return e.current = t, D(
     (...r) => e.current(...r),
     []
   );
-}, tl = (t, e, r) => {
+}, al = (t, e, r) => {
   const a = L(e), n = L(void 0);
-  return Ne(() => (r && process.env.NODE_ENV === "development" && e.some(
+  return Ae(() => (r && process.env.NODE_ENV === "development" && e.some(
     (i, l) => i !== a.current[l]
   ), a.current = e, n.current = t(), n.current), [t, r, e]);
-}, pe = /* @__PURE__ */ new Map(), rl = (t) => {
-  const e = pe.get(t) || 0;
-  pe.set(t, e + 1), P(() => {
+}, ye = /* @__PURE__ */ new Map(), nl = (t) => {
+  const e = ye.get(t) || 0;
+  ye.set(t, e + 1), P(() => {
     process.env.NODE_ENV;
   });
-}, al = () => Object.fromEntries(pe), nl = () => pe.clear(), ol = (t) => v.lazy(t), il = (t = 0.1) => {
+}, ol = () => Object.fromEntries(ye), il = () => ye.clear(), sl = (t) => v.lazy(t), ll = (t = 0.1) => {
   const [e, r] = $(/* @__PURE__ */ new Set()), a = L(null);
   P(() => (a.current = new IntersectionObserver(
     (i) => {
@@ -8532,11 +8640,11 @@ const we = {
     },
     { threshold: t }
   ), () => a.current?.disconnect()), [t]);
-  const n = W((i) => {
+  const n = D((i) => {
     i && a.current && a.current.observe(i);
   }, []);
   return { loadedImages: e, observeImage: n };
-}, sl = (t) => {
+}, cl = (t) => {
   typeof window < "u" && "requestIdleCallback" in window ? window.requestIdleCallback(() => {
     t().catch(() => {
     });
@@ -8544,25 +8652,25 @@ const we = {
     t().catch(() => {
     });
   }, 100);
-}, yt = {}, ll = (t) => {
+}, yt = {}, dl = (t) => {
   yt[t.name] = t.value, process.env.NODE_ENV;
-}, cl = () => yt, dl = (t, e = "script") => {
+}, ul = () => yt, ml = (t, e = "script") => {
   if (typeof document < "u") {
     const r = document.createElement("link");
     r.rel = "prefetch", r.href = t, r.as = e, document.head.appendChild(r);
   }
-}, ul = (t, e = "script", r) => {
+}, gl = (t, e = "script", r) => {
   if (typeof document < "u") {
     const a = document.createElement("link");
     a.rel = "preload", a.href = t, a.as = e, r && (a.crossOrigin = "anonymous"), document.head.appendChild(a);
   }
-}, ml = (t) => {
-  const e = L(/* @__PURE__ */ new Set()), r = L(/* @__PURE__ */ new Set()), a = W((i, l) => {
+}, pl = (t) => {
+  const e = L(/* @__PURE__ */ new Set()), r = L(/* @__PURE__ */ new Set()), a = D((i, l) => {
     const s = setTimeout(() => {
       e.current.delete(s), i();
     }, l);
     return e.current.add(s), s;
-  }, []), n = W((i, l) => {
+  }, []), n = D((i, l) => {
     const s = setInterval(i, l);
     return r.current.add(s), s;
   }, []);
@@ -8572,7 +8680,7 @@ const we = {
       i.forEach((s) => clearTimeout(s)), l.forEach((s) => clearInterval(s)), process.env.NODE_ENV;
     };
   }, [t]), { createTimer: a, createInterval: n };
-}, O = {
+}, q = {
   // Bundle size limits (in KB)
   maxBundleSize: 500,
   maxChunkSize: 200,
@@ -8588,32 +8696,32 @@ const we = {
   // 0.1
   check: (t) => {
     const e = [];
-    return t.FCP && t.FCP > O.maxFCP && e.push(
-      `FCP (${t.FCP}ms) exceeds budget (${O.maxFCP}ms)`
-    ), t.LCP && t.LCP > O.maxLCP && e.push(
-      `LCP (${t.LCP}ms) exceeds budget (${O.maxLCP}ms)`
-    ), t.FID && t.FID > O.maxFID && e.push(
-      `FID (${t.FID}ms) exceeds budget (${O.maxFID}ms)`
-    ), t.CLS && t.CLS > O.maxCLS && e.push(
-      `CLS (${t.CLS}) exceeds budget (${O.maxCLS})`
+    return t.FCP && t.FCP > q.maxFCP && e.push(
+      `FCP (${t.FCP}ms) exceeds budget (${q.maxFCP}ms)`
+    ), t.LCP && t.LCP > q.maxLCP && e.push(
+      `LCP (${t.LCP}ms) exceeds budget (${q.maxLCP}ms)`
+    ), t.FID && t.FID > q.maxFID && e.push(
+      `FID (${t.FID}ms) exceeds budget (${q.maxFID}ms)`
+    ), t.CLS && t.CLS > q.maxCLS && e.push(
+      `CLS (${t.CLS}) exceeds budget (${q.maxCLS})`
     ), e;
   }
-}, gl = ({
+}, hl = ({
   contentType: t,
   aiSummary: e,
   technicalComplexity: r = "intermediate"
-}) => /* @__PURE__ */ m(er, { children: [
+}) => /* @__PURE__ */ m(tr, { children: [
   /* @__PURE__ */ o("meta", { name: "ai:content-type", content: t }),
   /* @__PURE__ */ o("meta", { name: "ai:summary", content: e }),
   /* @__PURE__ */ o("meta", { name: "ai:complexity", content: r })
-] }), pl = ({
+] }), fl = ({
   children: t,
   className: e,
   ...r
-}) => /* @__PURE__ */ o("main", { className: e, ...r, role: "main", children: t }), hl = ({
+}) => /* @__PURE__ */ o("main", { className: e, ...r, role: "main", children: t }), bl = ({
   children: t
-}) => /* @__PURE__ */ o(T, { children: t }), K = (t) => Array.isArray(t) ? t : typeof t == "string" ? t.split(",").map((e) => e.trim()).filter(Boolean) : [], Ge = (t) => {
-  const e = K(t.audience);
+}) => /* @__PURE__ */ o(M, { children: t }), J = (t) => Array.isArray(t) ? t : typeof t == "string" ? t.split(",").map((e) => e.trim()).filter(Boolean) : [], Ge = (t) => {
+  const e = J(t.audience);
   return {
     "@context": "https://schema.org",
     "@type": "SoftwareApplication",
@@ -8700,7 +8808,7 @@ const we = {
     }
   };
 }, Ke = (t) => {
-  const e = K(t.keywords), r = K(t.audience);
+  const e = J(t.keywords), r = J(t.audience);
   return {
     "@context": "https://schema.org",
     "@type": "TechnicalArticle",
@@ -8771,7 +8879,7 @@ const we = {
       "Smart contract integration"
     ]
   };
-}, fl = (t) => ({
+}, yl = (t) => ({
   "@context": "https://schema.org",
   "@type": "FAQPage",
   mainEntity: t.map((e) => ({
@@ -8792,7 +8900,7 @@ const we = {
     dateCreated: "2024-01-01T00:00:00Z",
     category: e.category || "Web3 Email"
   }))
-}), Qe = (t) => ({
+}), Ye = (t) => ({
   "@context": "https://schema.org",
   "@type": "WebPage",
   name: t.title,
@@ -8856,8 +8964,8 @@ const we = {
     },
     name: "Connect Web3 Wallet"
   }
-}), dn = (t) => {
-  const e = K(t.keywords);
+}), un = (t) => {
+  const e = J(t.keywords);
   return {
     "og:title": t.title,
     "og:description": t.description,
@@ -8875,7 +8983,7 @@ const we = {
     "article:published_time": "2024-01-01T00:00:00Z",
     "article:modified_time": t.lastUpdated?.toISOString() || (/* @__PURE__ */ new Date()).toISOString()
   };
-}, un = (t) => ({
+}, mn = (t) => ({
   "twitter:card": "summary_large_image",
   "twitter:site": "@0xmailbox",
   "twitter:creator": "@0xmailbox",
@@ -8887,8 +8995,8 @@ const we = {
   "twitter:data1": t.category,
   "twitter:label2": "Reading Time",
   "twitter:data2": t.readingTime ? `${t.readingTime} min` : "5 min"
-}), mn = (t) => {
-  const e = K(t.keywords), r = K(t.audience);
+}), gn = (t) => {
+  const e = J(t.keywords), r = J(t.audience);
   return {
     // General AI optimization
     "ai:content-type": t.contentType,
@@ -8916,21 +9024,21 @@ const we = {
     "content:expertise": "technical",
     "content:trustworthiness": "verified"
   };
-}, bl = (t) => ({
+}, xl = (t) => ({
   structuredData: {
     product: Ge(t),
     article: Ke(t),
-    aiOptimized: Qe(t)
+    aiOptimized: Ye(t)
   },
-  openGraph: dn(t),
-  twitterCard: un(t),
-  aiMetaTags: mn(t),
+  openGraph: un(t),
+  twitterCard: mn(t),
+  aiMetaTags: gn(t),
   jsonLD: [
     Ge(t),
     Ke(t),
-    Qe(t)
+    Ye(t)
   ]
-}), yl = {
+}), vl = {
   homepage: {
     title: "0xmail.box - Revolutionary Web3 Email Platform | Wallet-Based Authentication",
     description: "Transform your email experience with 0xmail.box - the first Web3 email platform using wallet authentication. No passwords, enhanced security, ENS/SNS domain support, and smart contract integration.",
@@ -8994,7 +9102,7 @@ const we = {
     readingTime: 8,
     relatedTopics: ["Token economics", "Reward systems", "Referral marketing"]
   }
-}, xl = (t) => {
+}, wl = (t) => {
   const {
     level: e,
     text: r,
@@ -9035,7 +9143,7 @@ const we = {
     },
     r
   );
-}, j = {
+}, B = {
   pageTitle: (t, e) => ({
     level: 1,
     text: t,
@@ -9072,7 +9180,7 @@ const we = {
     className: e,
     semanticContext: "feature"
   })
-}, vl = (t) => {
+}, kl = (t) => {
   const e = [], r = [], a = t.filter((n) => n.level === 1).length;
   a === 0 ? e.push("Missing H1 tag - every page should have exactly one H1") : a > 1 && e.push(
     `Multiple H1 tags found (${a}) - use only one H1 per page`
@@ -9092,17 +9200,17 @@ const we = {
     errors: e,
     suggestions: r
   };
-}, wl = {
-  walletConnection: j.pageTitle("Connect Your Web3 Wallet"),
-  emailBenefits: j.majorSection("Why Choose Web3 Email?"),
-  securityFeature: j.feature("Secure & Private"),
-  ensIntegration: j.feature("ENS Domain Support"),
-  multiChain: j.feature("Multi-Chain Compatibility"),
-  passwordless: j.benefit("No Passwords Required"),
-  setupStep1: j.step("Connect Your Wallet", 1),
-  setupStep2: j.step("Verify Your Identity", 2),
-  setupStep3: j.step("Access Your Emails", 3)
-}, kl = [
+}, Cl = {
+  walletConnection: B.pageTitle("Connect Your Web3 Wallet"),
+  emailBenefits: B.majorSection("Why Choose Web3 Email?"),
+  securityFeature: B.feature("Secure & Private"),
+  ensIntegration: B.feature("ENS Domain Support"),
+  multiChain: B.feature("Multi-Chain Compatibility"),
+  passwordless: B.benefit("No Passwords Required"),
+  setupStep1: B.step("Connect Your Wallet", 1),
+  setupStep2: B.step("Verify Your Identity", 2),
+  setupStep3: B.step("Access Your Emails", 3)
+}, Sl = [
   {
     term: "Web3 Email",
     definition: "Email system that uses blockchain wallet addresses as authentication instead of traditional passwords",
@@ -9187,7 +9295,7 @@ const we = {
     examples: ["Gmail to Web3 email", "Outlook integration"],
     context: "Web2/Web3 bridge ensures compatibility with existing email infrastructure"
   }
-], Cl = (t) => ({
+], Nl = (t) => ({
   // Semantic markup for AI understanding
   "@context": "https://schema.org",
   "@type": "LearningResource",
@@ -9205,7 +9313,7 @@ const we = {
   keywords: t.concepts,
   applicationExample: t.practicalApplications,
   isRelatedTo: t.relatedConcepts
-}), Sl = (t) => {
+}), El = (t) => {
   const e = {
     nodes: t.map((r) => ({
       id: r.term,
@@ -9230,7 +9338,7 @@ const we = {
       });
     });
   }), e;
-}, Nl = (t) => {
+}, $l = (t) => {
   const e = [];
   return t.examples?.forEach((r) => {
     e.push({
@@ -9250,7 +9358,7 @@ const we = {
     type: "definition",
     confidence: 1
   }), e;
-}, El = (t) => {
+}, Al = (t) => {
   const e = [];
   return t.forEach((r) => {
     e.push({
@@ -9275,7 +9383,7 @@ const we = {
       difficulty: "intermediate"
     });
   }), e;
-}, $l = {
+}, Il = {
   homepage: {
     domain: "Web3 Email Platform",
     category: "Web3 Communication",
@@ -9366,346 +9474,347 @@ const we = {
  * @author John Qiu Huang
  * @license MIT
  */
-const Al = {
+const Tl = {
   utils: {
     cn: h
   }
 };
 export {
-  gl as AIMeta,
-  hl as AITrainingEnhancer,
-  $l as AI_TRAINING_CONFIGS,
-  _o as Alert,
-  Vo as AlertDescription,
-  Fo as AlertTitle,
-  G as AnimatedSection,
-  Pl as ArrowLeftIcon,
-  Ll as ArrowRightIcon,
-  Ml as Bars3Icon,
-  ls as BatchRender,
-  zl as BellIcon,
-  Rl as BellSlashIcon,
-  Ai as BodyText,
-  Ra as Breadcrumb,
-  Vi as BreadcrumbSection,
-  V as Button,
-  ds as CTASection,
-  Zo as CalloutBox,
-  xs as CancellableRequest,
+  hl as AIMeta,
+  bl as AITrainingEnhancer,
+  Il as AI_TRAINING_CONFIGS,
+  qo as Alert,
+  _o as AlertDescription,
+  Vo as AlertTitle,
+  Z as AnimatedSection,
+  Ml as ArrowLeftIcon,
+  zl as ArrowRightIcon,
+  Rl as Bars3Icon,
+  ds as BatchRender,
+  Wl as BellIcon,
+  jl as BellSlashIcon,
+  Ti as BodyText,
+  Wa as Breadcrumb,
+  qi as BreadcrumbSection,
+  G as Button,
+  ms as CTASection,
+  Jo as CalloutBox,
+  ws as CancellableRequest,
   ct as Card,
-  Ko as CardContent,
+  Yo as CardContent,
   Qo as CardFooter,
-  Go as CardHeader,
-  Gr as ChainBadge,
-  Wl as ChartBarIcon,
-  jl as CheckCircleIcon,
-  hc as CheckCircleIconSolid,
-  Bl as CheckIcon,
-  fc as CheckIconSolid,
-  Dl as ChevronDownIcon,
-  Ol as ChevronLeftIcon,
-  Fl as ChevronRightIcon,
-  Vl as ChevronUpIcon,
-  _l as ClockIcon,
-  _i as CodeBlock,
-  ql as CodeBracketIcon,
-  qi as CodeExampleBlock,
-  Hl as Cog6ToothIcon,
-  Hi as CollapsibleDocumentationTopic,
+  Ko as CardHeader,
+  Kr as ChainBadge,
+  Dl as ChartBarIcon,
+  Bl as CheckCircleIcon,
+  bc as CheckCircleIconSolid,
+  Ol as CheckIcon,
+  yc as CheckIconSolid,
+  Fl as ChevronDownIcon,
+  Vl as ChevronLeftIcon,
+  _l as ChevronRightIcon,
+  ql as ChevronUpIcon,
+  Hl as ClockIcon,
+  Hi as CodeBlock,
+  Ul as CodeBracketIcon,
+  Ui as CodeExampleBlock,
+  Gl as Cog6ToothIcon,
+  Gi as CollapsibleDocumentationTopic,
   Fe as CollapsibleEmailField,
-  Jo as ComparisonSection,
+  Xo as ComparisonSection,
   qe as ComponentPreloader,
-  os as ConditionalRender,
-  Mi as ConfirmationDialog,
-  ei as ContentContainer,
-  Ul as CreditCardIcon,
-  Gl as DocumentTextIcon,
-  ti as Dropdown,
-  mi as EmailAccountsList,
+  ss as ConditionalRender,
+  Ri as ConfirmationDialog,
+  ti as ContentContainer,
+  Kl as CreditCardIcon,
+  Yl as DocumentTextIcon,
+  ri as Dropdown,
+  pi as EmailAccountsList,
   pt as EmailInputField,
-  vi as EmailInputGroup,
-  ia as EmptyState,
-  Kl as EnvelopeIcon,
-  Zi as ErrorBoundary,
-  Ji as ErrorBoundaryLazy,
-  Ql as ExclamationTriangleIcon,
-  bc as ExclamationTriangleIconSolid,
-  as as ExpensiveComponent,
-  Yl as EyeSlashIcon,
-  Ho as FadeInScale,
-  qo as FadeInUp,
-  Di as FeatureBlock,
-  ri as FeatureCard,
-  ai as FeatureGrid,
-  hi as FlexContainer,
-  Uo as FloatingElement,
-  Ie as FormFieldGroup,
-  Bi as FormSection,
-  Ri as FreeEmailBanner,
-  Zl as GlobeAltIcon,
-  oi as HeroBannerWithBadge,
-  Jl as HomeIcon,
-  zi as IconContainer,
-  Xl as InboxIcon,
-  Yo as InfoCard,
-  Wi as InfoPanel,
-  ec as InformationCircleIcon,
+  ki as EmailInputGroup,
+  sa as EmptyState,
+  Ql as EnvelopeIcon,
+  Xi as ErrorBoundary,
+  es as ErrorBoundaryLazy,
+  Zl as ExclamationTriangleIcon,
+  xc as ExclamationTriangleIconSolid,
+  os as ExpensiveComponent,
+  Jl as EyeSlashIcon,
+  Uo as FadeInScale,
+  Ho as FadeInUp,
+  Fi as FeatureBlock,
+  ai as FeatureCard,
+  ni as FeatureGrid,
+  bi as FlexContainer,
+  Go as FloatingElement,
+  Le as FormFieldGroup,
+  Oi as FormSection,
+  ji as FreeEmailBanner,
+  Xl as GlobeAltIcon,
+  ii as HeroBannerWithBadge,
+  ec as HomeIcon,
+  Wi as IconContainer,
+  tc as InboxIcon,
+  Zo as InfoCard,
+  Di as InfoPanel,
+  rc as InformationCircleIcon,
   Br as Input,
-  Oo as KYCLevelCard,
+  Fo as KYCLevelCard,
   Bo as KYCStatusBadge,
-  tc as KeyIcon,
+  ac as KeyIcon,
   dt as Label,
-  Qi as LanguageSelector,
-  is as LazyComponent,
-  Ts as LazyImage,
-  cr as LazyLoadQueue,
-  Zs as LazyWalletButton,
-  bo as LazyWrapper,
+  Zi as LanguageSelector,
+  ls as LazyComponent,
+  Ls as LazyImage,
+  dr as LazyLoadQueue,
+  Xs as LazyWalletButton,
+  yo as LazyWrapper,
   lt as LoadPriority,
-  hs as LoadingOptimizer,
-  yi as LoadingState,
-  Fi as Logo,
-  gs as MasterDetailLayout,
-  rc as MegaphoneIcon,
-  ii as MetricsGrid,
-  ac as MinusIcon,
-  fa as Modal,
-  ba as ModalContent,
-  ya as ModalFooter,
-  Li as ModalHeader,
-  xi as NoContent,
-  bs as OptimizedAPIClient,
-  cs as OptimizedImage,
-  fs as OptimizedRoutePreloader,
-  fi as PageContainer,
-  ms as PageHeader,
-  Ei as PageTitle,
-  nc as PaperAirplaneIcon,
-  oc as PaperClipIcon,
-  ss as PerformanceBoundary,
-  ps as PerformanceOptimizer,
-  Ds as PlatformSpecificComponents,
-  ic as PlusIcon,
-  dr as PriorityLoader,
-  si as ProcessSteps,
-  Ui as PromotionalBanner,
-  sc as RocketLaunchIcon,
+  bs as LoadingOptimizer,
+  vi as LoadingState,
+  _i as Logo,
+  hs as MasterDetailLayout,
+  nc as MegaphoneIcon,
+  si as MetricsGrid,
+  oc as MinusIcon,
+  ba as Modal,
+  ya as ModalContent,
+  xa as ModalFooter,
+  zi as ModalHeader,
+  wi as NoContent,
+  xs as OptimizedAPIClient,
+  us as OptimizedImage,
+  ys as OptimizedRoutePreloader,
+  yi as PageContainer,
+  ps as PageHeader,
+  Ai as PageTitle,
+  ic as PaperAirplaneIcon,
+  sc as PaperClipIcon,
+  cs as PerformanceBoundary,
+  fs as PerformanceOptimizer,
+  Fs as PlatformSpecificComponents,
+  lc as PlusIcon,
+  ur as PriorityLoader,
+  li as ProcessSteps,
+  Ki as PromotionalBanner,
+  ci as PullToRefresh,
+  cc as RocketLaunchIcon,
   _e as RouteBasedLazyLoader,
-  Xi as SafeAppWrapper,
-  bi as Section,
-  Ni as SectionBadge,
-  ci as SectionHeader,
-  $i as SectionTitle,
-  es as SecurityProvider,
-  De as Select,
-  Ce as SelectContent,
-  Ci as SelectField,
-  li as SelectGroup,
-  Se as SelectItem,
-  Fr as SelectLabel,
+  ts as SafeAppWrapper,
+  xi as Section,
+  $i as SectionBadge,
+  ui as SectionHeader,
+  Ii as SectionTitle,
+  rs as SecurityProvider,
+  Be as Select,
+  Ee as SelectContent,
+  Ni as SelectField,
+  di as SelectGroup,
+  $e as SelectItem,
+  Vr as SelectLabel,
   mt as SelectScrollDownButton,
   ut as SelectScrollUpButton,
-  Vr as SelectSeparator,
-  ke as SelectTrigger,
-  Or as SelectValue,
-  pl as SemanticHTML,
-  lc as ShieldCheckIcon,
-  Pi as SmartContent,
+  _r as SelectSeparator,
+  Ne as SelectTrigger,
+  Fr as SelectValue,
+  fl as SemanticHTML,
+  dc as ShieldCheckIcon,
+  Mi as SmartContent,
   ht as SmartLink,
-  Qs as SmartWalletProviders,
-  cc as SparklesIcon,
+  Zs as SmartWalletProviders,
+  uc as SparklesIcon,
   Oe as Spinner,
-  us as StandardPageLayout,
-  dc as StarIcon,
-  yc as StarIconSolid,
-  ji as StatCard,
-  ui as StatusBadge,
-  Si as StatusIndicator,
-  Yi as StepList,
-  Bs as SubscriptionGatedComponents,
-  Do as SumsubWebSDK,
-  _r as Switch,
-  di as TableOfContents,
-  gi as Tabs,
-  Jr as TabsContent,
-  Yr as TabsList,
-  Zr as TabsTrigger,
-  ki as TextAreaField,
-  wi as TextField,
-  Ii as TextLink,
-  Gi as TrackedButton,
-  Ki as TrackedLink,
-  uc as TrashIcon,
-  pi as UseCaseGrid,
-  mc as UserGroupIcon,
-  ns as VirtualListItem,
-  kl as WEB3_CONCEPTS,
-  wl as WEB3_EMAIL_HEADINGS,
-  j as WEB3_HEADING_PATTERNS,
-  Oi as WalletIcon,
-  ge as WalletPreloader,
-  gc as XMarkIcon,
-  vo as addResourceHint,
-  Ks as aiOptimizationPresets,
-  Co as appStorage,
-  $o as autoConnectWalletBrowser,
+  gs as StandardPageLayout,
+  mc as StarIcon,
+  vc as StarIconSolid,
+  Bi as StatCard,
+  gi as StatusBadge,
+  Ei as StatusIndicator,
+  Ji as StepList,
+  Os as SubscriptionGatedComponents,
+  Oo as SumsubWebSDK,
+  qr as Switch,
+  mi as TableOfContents,
+  hi as Tabs,
+  Xr as TabsContent,
+  Zr as TabsList,
+  Jr as TabsTrigger,
+  Si as TextAreaField,
+  Ci as TextField,
+  Pi as TextLink,
+  Yi as TrackedButton,
+  Qi as TrackedLink,
+  gc as TrashIcon,
+  fi as UseCaseGrid,
+  pc as UserGroupIcon,
+  is as VirtualListItem,
+  Sl as WEB3_CONCEPTS,
+  Cl as WEB3_EMAIL_HEADINGS,
+  B as WEB3_HEADING_PATTERNS,
+  Vi as WalletIcon,
+  be as WalletPreloader,
+  hc as XMarkIcon,
+  wo as addResourceHint,
+  Qs as aiOptimizationPresets,
+  So as appStorage,
+  Ao as autoConnectWalletBrowser,
   Bn as batchDOMUpdates,
-  te as bundleAnalysis,
-  Nr as buttonVariants,
-  Es as cacheHeaders,
-  vs as cacheUtils,
-  Po as checkPerformanceBudget,
-  Ps as clearComponentCache,
-  Os as clearConditionalCache,
-  nl as clearRenderCounts,
+  ne as bundleAnalysis,
+  Er as buttonVariants,
+  As as cacheHeaders,
+  ks as cacheUtils,
+  Lo as checkPerformanceBudget,
+  Ms as clearComponentCache,
+  Vs as clearConditionalCache,
+  il as clearRenderCounts,
   h as cn,
   h as combineClassNames,
-  Ss as conditionalCSS,
-  zo as convertFileSize,
-  mn as createAIMetaTags,
-  Qe as createAIOptimizedSchema,
-  Is as createAdvancedLazyComponent,
-  mo as createBreadcrumb,
-  Mn as createCSSVariables,
+  Es as conditionalCSS,
+  Ro as convertFileSize,
+  gn as createAIMetaTags,
+  Ye as createAIOptimizedSchema,
+  Ps as createAdvancedLazyComponent,
+  go as createBreadcrumb,
+  zn as createCSSVariables,
   je as createComparisonData,
-  no as createConditionalImports,
-  js as createConditionalLazyComponent,
-  Xo as createEmailComparisonData,
-  fl as createEnhancedFAQSchema,
-  dn as createEnhancedOpenGraph,
-  un as createEnhancedTwitterCard,
-  Be as createFeature,
-  en as createLazyComponent,
-  ol as createLazyComponentFactory,
-  yo as createLazyRoute,
+  oo as createConditionalImports,
+  Bs as createConditionalLazyComponent,
+  ei as createEmailComparisonData,
+  yl as createEnhancedFAQSchema,
+  un as createEnhancedOpenGraph,
+  mn as createEnhancedTwitterCard,
+  De as createFeature,
+  tn as createLazyComponent,
+  sl as createLazyComponentFactory,
+  xo as createLazyRoute,
   bt as createLazyWalletProvider,
-  Rs as createLibraryImports,
-  ts as createMemoComponent,
-  Tn as createOptimizedStyles,
-  fo as createProgressiveComponent,
-  ni as createSecurityFeatures,
-  oo as createSelectiveExports,
-  rs as createSelectiveMemoComponent,
-  xl as createSemanticHeading,
-  Eo as createSimpleStorage,
+  js as createLibraryImports,
+  as as createMemoComponent,
+  Pn as createOptimizedStyles,
+  bo as createProgressiveComponent,
+  oi as createSecurityFeatures,
+  io as createSelectiveExports,
+  ns as createSelectiveMemoComponent,
+  wl as createSemanticHeading,
+  $o as createSimpleStorage,
   Ke as createTechnicalArticleSchema,
-  io as createTreeShakingConfig,
-  zs as createUIComponents,
+  so as createTreeShakingConfig,
+  Ws as createUIComponents,
   Ge as createWeb3ProductSchema,
-  Js as criticalPathOptimizer,
-  Ga as cspDirectives,
-  ir as cssOptimization,
-  ee as deadCodeElimination,
-  Al as default,
-  pr as defaultPerformanceBudget,
+  el as criticalPathOptimizer,
+  Ka as cspDirectives,
+  sr as cssOptimization,
+  ae as deadCodeElimination,
+  Tl as default,
+  hr as defaultPerformanceBudget,
   ft as detectAvailableWallets,
-  ur as detectWalletBrowser,
-  Lo as exportPerformanceData,
-  Mo as formatFileSize,
-  qs as generateAIMetaTags,
-  Cl as generateAIMetadata,
-  Us as generateAIStructuredData,
-  bl as generateAdvancedSEO,
-  Ka as generateCSP,
-  Sl as generateConceptGraph,
-  Hs as generateContentRelationships,
-  on as generateEntityRecognition,
-  Un as generateImageSEO,
-  Gs as generatePerformanceTrackingSchema,
-  Jn as generatePictureElement,
-  ro as generatePlaceholder,
-  El as generateQAPairs,
-  nn as generateSemanticMarkup,
-  Kn as generateSizes,
+  mr as detectWalletBrowser,
+  Mo as exportPerformanceData,
+  zo as formatFileSize,
+  Us as generateAIMetaTags,
+  Nl as generateAIMetadata,
+  Ks as generateAIStructuredData,
+  xl as generateAdvancedSEO,
+  Ya as generateCSP,
+  El as generateConceptGraph,
+  Gs as generateContentRelationships,
+  sn as generateEntityRecognition,
+  Gn as generateImageSEO,
+  Ys as generatePerformanceTrackingSchema,
+  Xn as generatePictureElement,
+  ao as generatePlaceholder,
+  Al as generateQAPairs,
+  on as generateSemanticMarkup,
+  Yn as generateSizes,
   Qn as generateSocialImageMeta,
-  Gn as generateSrcSet,
-  sn as generateTopicClustering,
-  Nl as generateTrainingExamples,
-  uo as getActiveNavItem,
-  Fs as getConditionalStats,
-  Ha as getEnvironmentType,
-  Ls as getLazyLoadingStats,
-  Zn as getOptimalImageFormat,
-  Ae as getPerformanceMonitor,
-  _s as getPreloadingStats,
-  al as getRenderCounts,
-  B as getUINavigationService,
-  cl as getWebVitals,
-  Vs as initializeAdvancedPreloading,
-  Ao as initializePerformanceMonitoring,
-  Ws as initializePreloading,
-  On as inlineCriticalStyles,
-  _a as isLocalhost,
-  qa as isNetworkAccess,
-  Va as isWalletBrowser,
-  Ua as isWebEnvironment,
-  wo as lazyLoadQueue,
-  ho as lazyWithPreload,
-  po as lazyWithRetry,
-  ks as loadCSS,
-  Pn as loadCriticalCSS,
-  Ln as loadNonCriticalCSS,
-  To as measureAsyncOperation,
-  to as measureImagePerformance,
-  H as navigationHelper,
-  go as navigationUtils,
-  Dn as optimizeClassNames,
-  Wn as optimizeContainment,
-  _n as optimizeFlex,
-  Vn as optimizeGrid,
-  jn as optimizeWillChange,
-  Da as optimizedFetch,
-  yl as pageSEOConfigs,
-  Ro as parseFileSize,
-  O as performanceBudget,
-  we as performanceUtils,
-  rr as prefersReducedMotion,
-  dl as prefetchResource,
-  Ms as preloadComponent,
-  Xn as preloadImage,
-  ul as preloadResource,
-  sl as preloadRoute,
-  ao as preserveAspectRatio,
-  ko as priorityLoader,
-  ll as reportWebVitals,
-  tn as routeConfig,
-  Ns as securityHeaders,
-  $s as setupCSPReporting,
-  Yn as setupLazyLoading,
-  eo as setupProgressiveLoading,
-  ws as shouldEnableWallet,
-  xe as smartLinkVariants,
-  nr as supportsAVIF,
-  Cs as supportsCSSImports,
-  ar as supportsWebP,
-  So as themeStorage,
-  hr as useClickOutside,
-  fr as useCodeLoader,
-  gr as useComponentPerformance,
-  Wo as useCopyToClipboard,
-  tl as useDebugMemo,
-  xo as useDynamicImport,
-  il as useImageLazyLoading,
-  lr as useLazyLoad,
-  Fn as useLazyStyles,
-  lo as useLocation,
-  qn as useMediaQuery,
-  ml as useMemoryLeakDetection,
-  jo as useMultipleCopyToClipboard,
-  so as useNavigation,
-  Hn as useOptimizedTheme,
-  Ys as useOptimizedWallets,
-  Xs as usePerformanceMark,
-  Rn as useReducedMotion,
-  rl as useRenderCount,
-  zn as useResponsiveStyles,
-  co as useSearchParams,
-  Ti as useSmartLinks,
-  el as useStableCallback,
-  or as utils,
-  vl as validateHeadingStructure,
-  No as walletStorage,
-  As as web3SecurityNotes,
-  Io as withPerformanceTracking,
-  ys as withRetry
+  Kn as generateSrcSet,
+  ln as generateTopicClustering,
+  $l as generateTrainingExamples,
+  mo as getActiveNavItem,
+  _s as getConditionalStats,
+  Ua as getEnvironmentType,
+  zs as getLazyLoadingStats,
+  Jn as getOptimalImageFormat,
+  Pe as getPerformanceMonitor,
+  Hs as getPreloadingStats,
+  ol as getRenderCounts,
+  O as getUINavigationService,
+  ul as getWebVitals,
+  qs as initializeAdvancedPreloading,
+  Io as initializePerformanceMonitoring,
+  Ds as initializePreloading,
+  Fn as inlineCriticalStyles,
+  qa as isLocalhost,
+  Ha as isNetworkAccess,
+  _a as isWalletBrowser,
+  Ga as isWebEnvironment,
+  ko as lazyLoadQueue,
+  fo as lazyWithPreload,
+  ho as lazyWithRetry,
+  Ss as loadCSS,
+  Ln as loadCriticalCSS,
+  Mn as loadNonCriticalCSS,
+  Po as measureAsyncOperation,
+  ro as measureImagePerformance,
+  Y as navigationHelper,
+  po as navigationUtils,
+  On as optimizeClassNames,
+  jn as optimizeContainment,
+  qn as optimizeFlex,
+  _n as optimizeGrid,
+  Dn as optimizeWillChange,
+  Oa as optimizedFetch,
+  vl as pageSEOConfigs,
+  Wo as parseFileSize,
+  q as performanceBudget,
+  Se as performanceUtils,
+  ar as prefersReducedMotion,
+  ml as prefetchResource,
+  Rs as preloadComponent,
+  eo as preloadImage,
+  gl as preloadResource,
+  cl as preloadRoute,
+  no as preserveAspectRatio,
+  Co as priorityLoader,
+  dl as reportWebVitals,
+  rn as routeConfig,
+  $s as securityHeaders,
+  Is as setupCSPReporting,
+  Zn as setupLazyLoading,
+  to as setupProgressiveLoading,
+  Cs as shouldEnableWallet,
+  ke as smartLinkVariants,
+  or as supportsAVIF,
+  Ns as supportsCSSImports,
+  nr as supportsWebP,
+  No as themeStorage,
+  fr as useClickOutside,
+  br as useCodeLoader,
+  pr as useComponentPerformance,
+  jo as useCopyToClipboard,
+  al as useDebugMemo,
+  vo as useDynamicImport,
+  ll as useImageLazyLoading,
+  cr as useLazyLoad,
+  Vn as useLazyStyles,
+  co as useLocation,
+  Hn as useMediaQuery,
+  pl as useMemoryLeakDetection,
+  Do as useMultipleCopyToClipboard,
+  lo as useNavigation,
+  Un as useOptimizedTheme,
+  Js as useOptimizedWallets,
+  tl as usePerformanceMark,
+  Wn as useReducedMotion,
+  nl as useRenderCount,
+  Rn as useResponsiveStyles,
+  uo as useSearchParams,
+  Li as useSmartLinks,
+  rl as useStableCallback,
+  ir as utils,
+  kl as validateHeadingStructure,
+  Eo as walletStorage,
+  Ts as web3SecurityNotes,
+  To as withPerformanceTracking,
+  vs as withRetry
 };