@sudobility/components 5.0.16 → 5.0.18

package/dist/index.esm.js

@@ -2,23 +2,23 @@ import { clsx as br } from "clsx";
 import { twMerge as pr } from "tailwind-merge";
 import { jsx as a, jsxs as h, Fragment as O } from "react/jsx-runtime";
 import * as q from "react";
-import P, { useState as I, useRef as D, useEffect as A, useCallback as B, createContext as De, useMemo as ee, useContext as Be, useLayoutEffect as yr, Component as Dt, memo as Se, lazy as oe, Suspense as Le } from "react";
-import { cva as K } from "class-variance-authority";
-import { textVariants as $, variants as j, getStatusIndicatorColor as ce, getSectionBadgeColors as xr, getCardVariantColors as vr, ui as wr } from "@sudobility/design";
-import { createPortal as Ze } from "react-dom";
-import { ExclamationCircleIcon as Ke, CheckCircleIcon as Re, InformationCircleIcon as ge, XCircleIcon as et, BellAlertIcon as kr, ExclamationTriangleIcon as tt, MinusIcon as ft, PlusIcon as bt, MagnifyingGlassIcon as Nr, XMarkIcon as je, CalendarIcon as Cr, CloudArrowUpIcon as Sr, DocumentIcon as Bt, Cog6ToothIcon as pt, CurrencyDollarIcon as Lr, AdjustmentsHorizontalIcon as Er, LinkIcon as Mr, FunnelIcon as Ir, ChatBubbleLeftRightIcon as Tr, ShieldCheckIcon as Ar, ArrowRightIcon as Rt, ArrowTopRightOnSquareIcon as Ae, ChevronLeftIcon as zr, ChevronRightIcon as rt, TrashIcon as $r, PhotoIcon as yt, ArrowPathIcon as Ur, CheckIcon as Pr, ClipboardDocumentIcon as Dr, EnvelopeIcon as Br, LanguageIcon as Rr } from "@heroicons/react/24/outline";
+import P, { useState as I, useRef as D, useEffect as A, useCallback as B, createContext as Be, useMemo as ee, useContext as Re, useLayoutEffect as yr, Component as Bt, memo as Le, lazy as oe, Suspense as Ee } from "react";
+import { cva as G } from "class-variance-authority";
+import { textVariants as U, variants as j, getStatusIndicatorColor as ce, getSectionBadgeColors as xr, getCardVariantColors as vr, ui as wr } from "@sudobility/design";
+import { createPortal as et } from "react-dom";
+import { ExclamationCircleIcon as Ge, CheckCircleIcon as je, InformationCircleIcon as ge, XCircleIcon as tt, BellAlertIcon as kr, ExclamationTriangleIcon as rt, MinusIcon as bt, PlusIcon as pt, MagnifyingGlassIcon as Nr, XMarkIcon as Fe, CalendarIcon as Cr, CloudArrowUpIcon as Sr, DocumentIcon as Rt, Cog6ToothIcon as yt, CurrencyDollarIcon as Lr, AdjustmentsHorizontalIcon as Er, LinkIcon as Mr, FunnelIcon as Ir, ChatBubbleLeftRightIcon as Tr, ShieldCheckIcon as Ar, ArrowRightIcon as jt, ArrowTopRightOnSquareIcon as ze, ChevronLeftIcon as zr, ChevronRightIcon as at, TrashIcon as $r, PhotoIcon as xt, ArrowPathIcon as Ur, CheckIcon as Pr, ClipboardDocumentIcon as Dr, EnvelopeIcon as Br, LanguageIcon as Rr } from "@heroicons/react/24/outline";
 import { ArrowLeftIcon as Pm, ArrowRightIcon as Dm, Bars3Icon as Bm, BellIcon as Rm, BellSlashIcon as jm, ChartBarIcon as Fm, CheckCircleIcon as Wm, CheckIcon as Om, ChevronDownIcon as Vm, ChevronLeftIcon as _m, ChevronRightIcon as Hm, ChevronUpIcon as qm, ClockIcon as Km, CodeBracketIcon as Gm, Cog6ToothIcon as Ym, CreditCardIcon as Qm, DocumentTextIcon as Jm, EnvelopeIcon as Xm, ExclamationTriangleIcon as Zm, EyeSlashIcon as eh, GlobeAltIcon as th, HomeIcon as rh, InboxIcon as ah, InformationCircleIcon as nh, KeyIcon as oh, MegaphoneIcon as sh, MinusIcon as lh, PaperAirplaneIcon as ih, PaperClipIcon as ch, PlusIcon as dh, RocketLaunchIcon as uh, ShieldCheckIcon as gh, SparklesIcon as mh, StarIcon as hh, TrashIcon as fh, UserGroupIcon as bh, XMarkIcon as ph } from "@heroicons/react/24/outline";
 import { XMarkIcon as jr, MinusIcon as Fr, CheckIcon as Wr } from "@heroicons/react/24/solid";
 import { CheckCircleIcon as xh, CheckIcon as vh, ExclamationTriangleIcon as wh, StarIcon as kh } from "@heroicons/react/24/solid";
-import { ChainType as xt, InfoType as de } from "@sudobility/types";
-import { Root as jt, Thumb as Or } from "@radix-ui/react-switch";
+import { ChainType as vt, InfoType as de } from "@sudobility/types";
+import { Root as Ft, Thumb as Or } from "@radix-ui/react-switch";
 import * as _ from "@radix-ui/react-select";
-import { ChevronDownIcon as at, ChevronUpIcon as Vr, CheckIcon as _r } from "@heroicons/react/20/solid";
-import { Root as Ft } from "@radix-ui/react-label";
+import { ChevronDownIcon as nt, ChevronUpIcon as Vr, CheckIcon as _r } from "@heroicons/react/20/solid";
+import { Root as Wt } from "@radix-ui/react-label";
 import { Slot as Hr } from "@radix-ui/react-slot";
-import { Link as Ee, useParams as Fe, useNavigate as nt, Outlet as qr, useLocation as Kr } from "react-router-dom";
-import { Root as Gr, List as Wt, Trigger as Ot, Content as Vt } from "@radix-ui/react-tabs";
-import { useTranslation as We } from "react-i18next";
+import { Link as Me, useParams as We, useNavigate as ot, Outlet as qr, useLocation as Kr } from "react-router-dom";
+import { Root as Gr, List as Ot, Trigger as Vt, Content as _t } from "@radix-ui/react-tabs";
+import { useTranslation as Oe } from "react-i18next";
 import { onCLS as Yr, onINP as Qr, onFCP as Jr, onLCP as Xr, onTTFB as Zr } from "web-vitals";
 function u(...t) {
   return pr(br(t));
@@ -260,7 +260,7 @@ const ea = ({
       children: t
     }
   );
-}, _t = ({
+}, Ht = ({
   children: t,
   direction: e = "vertical",
   spacing: r = "md",
@@ -350,7 +350,7 @@ const ea = ({
       ] }, p)) : t
     }
   );
-}, Ss = (t) => /* @__PURE__ */ a(_t, { direction: "vertical", ...t }), Ls = (t) => /* @__PURE__ */ a(_t, { direction: "horizontal", ...t }), Es = ({
+}, Ss = (t) => /* @__PURE__ */ a(Ht, { direction: "vertical", ...t }), Ls = (t) => /* @__PURE__ */ a(Ht, { direction: "horizontal", ...t }), Es = ({
   children: t,
   axis: e = "both",
   inline: r = !1,
@@ -407,7 +407,7 @@ const ea = ({
       "aria-hidden": "true"
     }
   );
-}, ta = K("", {
+}, ta = G("", {
   variants: {
     variant: {
       default: "",
@@ -500,7 +500,7 @@ const ea = ({
     },
     g
   );
-}, aa = K("min-h-screen flex flex-col", {
+}, aa = G("min-h-screen flex flex-col", {
   variants: {
     background: {
       default: "bg-gray-50 dark:bg-gray-900",
@@ -645,7 +645,7 @@ const ea = ({
           "span",
           {
             className: u(
-              $.body.sm(),
+              U.body.sm(),
               "px-3 text-gray-500 dark:text-gray-400 whitespace-nowrap"
             ),
             children: t
@@ -886,8 +886,8 @@ const ea = ({
       const E = L.getBoundingClientRect();
       let S;
       r === "horizontal" ? S = (k.clientX - E.left) / E.width : S = (k.clientY - E.top) / E.height, S = Math.max(0, Math.min(1, S));
-      const M = r === "horizontal" ? E.width : E.height, z = typeof l == "string" ? parseFloat(l) / 100 * M : l, T = typeof i == "string" ? parseFloat(i) / 100 * M : i, U = z / M, F = 1 - T / M;
-      S = Math.max(U, Math.min(F, S)), o !== void 0 && s ? s(S) : y(S);
+      const M = r === "horizontal" ? E.width : E.height, $ = typeof l == "string" ? parseFloat(l) / 100 * M : l, T = typeof i == "string" ? parseFloat(i) / 100 * M : i, z = $ / M, F = 1 - T / M;
+      S = Math.max(z, Math.min(F, S)), o !== void 0 && s ? s(S) : y(S);
     }, w = () => {
       f(!1);
     };
@@ -996,10 +996,10 @@ const ea = ({
   showHandles: g = !0,
   className: m
 }) => {
-  const [y, b] = I(e), [f, p] = I(r), [x, N] = I(!1), [v, C] = I(null), w = D(null), k = D({ x: 0, y: 0, width: 0, height: 0 }), L = (M) => (z) => {
-    z.preventDefault(), z.stopPropagation(), N(!0), C(M), k.current = {
-      x: z.clientX,
-      y: z.clientY,
+  const [y, b] = I(e), [f, p] = I(r), [x, N] = I(!1), [v, C] = I(null), w = D(null), k = D({ x: 0, y: 0, width: 0, height: 0 }), L = (M) => ($) => {
+    $.preventDefault(), $.stopPropagation(), N(!0), C(M), k.current = {
+      x: $.clientX,
+      y: $.clientY,
       width: y,
       height: f
     };
@@ -1007,14 +1007,14 @@ const ea = ({
   A(() => {
     if (!x || !v) return;
     const M = (T) => {
-      const U = T.clientX - k.current.x, F = T.clientY - k.current.y;
+      const z = T.clientX - k.current.x, F = T.clientY - k.current.y;
       let R = k.current.width, W = k.current.height;
-      v.includes("right") ? R = k.current.width + U : v.includes("left") && (R = k.current.width - U), v.includes("bottom") ? W = k.current.height + F : v.includes("top") && (W = k.current.height - F), R = Math.max(n, R), W = Math.max(o, W), s && (R = Math.min(s, R)), l && (W = Math.min(l, W)), b(R), p(W), d && d(R, W);
-    }, z = () => {
+      v.includes("right") ? R = k.current.width + z : v.includes("left") && (R = k.current.width - z), v.includes("bottom") ? W = k.current.height + F : v.includes("top") && (W = k.current.height - F), R = Math.max(n, R), W = Math.max(o, W), s && (R = Math.min(s, R)), l && (W = Math.min(l, W)), b(R), p(W), d && d(R, W);
+    }, $ = () => {
       N(!1), C(null), c && c(y, f);
     };
-    return document.addEventListener("mousemove", M), document.addEventListener("mouseup", z), () => {
-      document.removeEventListener("mousemove", M), document.removeEventListener("mouseup", z);
+    return document.addEventListener("mousemove", M), document.addEventListener("mouseup", $), () => {
+      document.removeEventListener("mousemove", M), document.removeEventListener("mouseup", $);
     };
   }, [
     x,
@@ -1187,8 +1187,8 @@ const ea = ({
   const [r, n] = I(!1);
   if (A(() => (n(!0), () => n(!1)), []), !r) return null;
   const o = e || document.body;
-  return Ze(t, o);
-}, ot = ({
+  return et(t, o);
+}, st = ({
   isOpen: t,
   onClose: e,
   children: r,
@@ -1352,14 +1352,14 @@ const ea = ({
     },
     t
   );
-}, oa = K("", {
+}, oa = G("", {
   variants: {
     variant: {
-      hero: $.heading.display.hero(),
-      display: $.heading.display.lg(),
-      h1: $.heading.h1(),
-      h2: $.heading.h2(),
-      h3: $.heading.h3()
+      hero: U.heading.display.hero(),
+      display: U.heading.display.lg(),
+      h1: U.heading.h1(),
+      h2: U.heading.h2(),
+      h3: U.heading.h3()
     },
     responsive: {
       true: "",
@@ -1401,14 +1401,14 @@ const ea = ({
     ),
     children: t
   }
-), sa = K("", {
+), sa = G("", {
   variants: {
     variant: {
-      h2: $.heading.h2(),
-      h3: $.heading.h3(),
-      h4: $.heading.h4(),
-      h5: $.heading.h5(),
-      h6: $.heading.h6()
+      h2: U.heading.h2(),
+      h3: U.heading.h3(),
+      h4: U.heading.h4(),
+      h5: U.heading.h5(),
+      h6: U.heading.h6()
     },
     spacing: {
       none: "",
@@ -1447,14 +1447,14 @@ const ea = ({
     },
     t
   );
-}, la = K("", {
+}, la = G("", {
   variants: {
     variant: {
-      body: $.body.md(),
-      lead: $.body.lg(),
-      large: $.body.lg(),
-      small: $.body.sm(),
-      caption: $.body.xs()
+      body: U.body.md(),
+      lead: U.body.lg(),
+      large: U.body.lg(),
+      small: U.body.sm(),
+      caption: U.body.xs()
     },
     color: {
       default: "text-gray-700 dark:text-gray-300",
@@ -1484,12 +1484,12 @@ const ea = ({
   s,
   { className: u(la({ variant: e, color: r, align: n }), o) },
   t
-), ia = K($.link.default(), {
+), ia = G(U.link.default(), {
   variants: {
     variant: {
-      default: $.link.default(),
-      subtle: $.link.subtle(),
-      muted: $.link.muted(),
+      default: U.link.default(),
+      subtle: U.link.subtle(),
+      muted: U.link.muted(),
       button: "inline-flex items-center justify-center px-4 py-2 rounded-md bg-blue-600 text-white hover:bg-blue-700 transition-colors"
     },
     external: {
@@ -1711,15 +1711,15 @@ const ea = ({
     },
     error: {
       text: "text-red-600 dark:text-red-400",
-      icon: Ke
+      icon: Ge
     },
     success: {
       text: "text-green-600 dark:text-green-400",
-      icon: Re
+      icon: je
     },
     warning: {
       text: "text-yellow-600 dark:text-yellow-400",
-      icon: Ke
+      icon: Ge
     }
   }[e], c = d.icon;
   return /* @__PURE__ */ h("div", { className: u("flex items-start gap-1.5", o), children: [
@@ -1838,7 +1838,7 @@ const ea = ({
       children: i
     }
   );
-}, ke = ({
+}, Ne = ({
   size: t = "default",
   variant: e = "default",
   className: r,
@@ -1888,12 +1888,12 @@ const ea = ({
     "aria-live": "polite",
     "aria-busy": "true",
     children: [
-      /* @__PURE__ */ a(ke, { size: o }),
+      /* @__PURE__ */ a(Ne, { size: o }),
       e && /* @__PURE__ */ a(
         "p",
         {
           className: u(
-            $.body.md(),
+            U.body.md(),
             "text-gray-700 dark:text-gray-300 mt-4"
           ),
           children: e
@@ -1978,7 +1978,7 @@ const ea = ({
     default: { spinner: "default", text: "text-base" },
     large: { spinner: "large", text: "text-lg" }
   }[e], d = /* @__PURE__ */ h("div", { className: u(r ? "fixed inset-0 z-50 flex items-center justify-center bg-white/80 dark:bg-gray-900/80" : "flex flex-col items-center justify-center p-8", o), children: [
-    /* @__PURE__ */ a(ke, { size: l.spinner, variant: n, className: "mb-4" }),
+    /* @__PURE__ */ a(Ne, { size: l.spinner, variant: n, className: "mb-4" }),
     t && /* @__PURE__ */ a(
       "p",
       {
@@ -1991,7 +1991,7 @@ const ea = ({
     )
   ] });
   return r ? /* @__PURE__ */ a("div", { className: "fixed inset-0 z-50 bg-white/80 dark:bg-gray-900/80 backdrop-blur-sm", children: /* @__PURE__ */ h("div", { className: "flex items-center justify-center min-h-full p-4", children: [
-    /* @__PURE__ */ a(ke, { size: l.spinner, variant: n, className: "mb-4" }),
+    /* @__PURE__ */ a(Ne, { size: l.spinner, variant: n, className: "mb-4" }),
     t && /* @__PURE__ */ a("p", { className: "text-center text-gray-600 dark:text-gray-400 max-w-sm", children: t })
   ] }) }) : d;
 }, nl = ({
@@ -2043,11 +2043,11 @@ const ea = ({
   return p();
 }, ca = {
   info: ge,
-  success: Re,
-  warning: tt,
+  success: je,
+  warning: rt,
   attention: kr,
-  error: et
-}, ol = ({ children: t, className: e }) => /* @__PURE__ */ a("div", { className: u("font-medium mb-1", e), children: t }), sl = ({ children: t, className: e }) => /* @__PURE__ */ a("div", { className: u("text-sm break-words", e), children: t }), vt = ({
+  error: tt
+}, ol = ({ children: t, className: e }) => /* @__PURE__ */ a("div", { className: u("font-medium mb-1", e), children: t }), sl = ({ children: t, className: e }) => /* @__PURE__ */ a("div", { className: u("text-sm break-words", e), children: t }), wt = ({
   variant: t = "info",
   title: e,
   description: r,
@@ -2226,7 +2226,7 @@ const ea = ({
     "aria-live": "polite",
     children: [
       /* @__PURE__ */ a(
-        ke,
+        Ne,
         {
           size: t,
           variant: e,
@@ -2314,7 +2314,7 @@ const ea = ({
       ]
     }
   ) : null;
-}, Ht = De(null);
+}, qt = Be(null);
 function ua() {
   return `toast-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
 }
@@ -2365,7 +2365,7 @@ function ul({
     }),
     [n, l, s, i, d, c, g]
   );
-  return /* @__PURE__ */ a(Ht.Provider, { value: m, children: t });
+  return /* @__PURE__ */ a(qt.Provider, { value: m, children: t });
 }
 const ga = {
   success: /* @__PURE__ */ a(
@@ -2547,7 +2547,7 @@ function gl({
   );
 }
 function ml() {
-  const t = Be(Ht);
+  const t = Re(qt);
   if (!t)
     throw new Error("useToast must be used within a ToastProvider");
   return t;
@@ -2799,9 +2799,9 @@ const hl = ({
   size: e = "md"
 }) => {
   if (!t) return null;
-  const r = t === xt.SOLANA ? "SOL" : "ETH", o = { sm: "small", md: "default", lg: "large" }[e];
+  const r = t === vt.SOLANA ? "SOL" : "ETH", o = { sm: "small", md: "default", lg: "large" }[e];
   return /* @__PURE__ */ a("span", { className: (() => {
-    const l = t === xt.SOLANA ? "solana" : "ethereum";
+    const l = t === vt.SOLANA ? "solana" : "ethereum";
     return o === "default" ? j.badge[l]() : j.badge[o](l);
   })(), children: r });
 }, ya = {
@@ -2847,7 +2847,7 @@ const hl = ({
     "aria-label": "UstatusUpipeline",
     children: e || "UstatusUpipeline Component"
   }
-), st = q.forwardRef(
+), lt = q.forwardRef(
   ({
     className: t,
     type: e,
@@ -2884,7 +2884,7 @@ const hl = ({
     );
   }
 );
-st.displayName = "Input";
+lt.displayName = "Input";
 const Nl = ({
   value: t,
   onChange: e,
@@ -3006,19 +3006,19 @@ const Nl = ({
     trackingLabel: b,
     componentName: f
   }), v = (M) => {
-    const z = parseFloat(M.target.value);
-    if (isNaN(z)) {
+    const $ = parseFloat(M.target.value);
+    if (isNaN($)) {
       if (M.target.value === "") {
         const T = r ?? 0;
         y && y(N("input")), e(T);
       }
     } else {
-      const T = C(z);
+      const T = C($);
       y && y(N("input")), e(T);
     }
   }, C = (M) => {
-    let z = M;
-    return r !== void 0 && z < r && (z = r), n !== void 0 && z > n && (z = n), z;
+    let $ = M;
+    return r !== void 0 && $ < r && ($ = r), n !== void 0 && $ > n && ($ = n), $;
   }, w = () => {
     const M = C(t + o);
     y && y(N("increment")), e(M);
@@ -3027,16 +3027,16 @@ const Nl = ({
     y && y(N("decrement")), e(M);
   }, L = n === void 0 || t < n, E = r === void 0 || t > r, S = ({
     onClick: M,
-    icon: z,
+    icon: $,
     disabled: T,
-    ariaLabel: U
+    ariaLabel: z
   }) => /* @__PURE__ */ a(
     "button",
     {
       type: "button",
       onClick: M,
       disabled: s || T,
-      "aria-label": U,
+      "aria-label": z,
       className: u(
         "inline-flex items-center justify-center",
         "border border-gray-300 dark:border-gray-600",
@@ -3048,7 +3048,7 @@ const Nl = ({
         x.button,
         (s || T) && "opacity-50 cursor-not-allowed"
       ),
-      children: z
+      children: $
     }
   );
   return l && i === "sides" ? /* @__PURE__ */ h("div", { className: u("inline-flex items-stretch", g), children: [
@@ -3057,7 +3057,7 @@ const Nl = ({
       {
         onClick: k,
         disabled: !E,
-        icon: /* @__PURE__ */ a(ft, { className: x.icon }),
+        icon: /* @__PURE__ */ a(bt, { className: x.icon }),
         ariaLabel: "Decrement"
       }
     ),
@@ -3094,7 +3094,7 @@ const Nl = ({
       {
         onClick: w,
         disabled: !L,
-        icon: /* @__PURE__ */ a(bt, { className: x.icon }),
+        icon: /* @__PURE__ */ a(pt, { className: x.icon }),
         ariaLabel: "Increment"
       }
     )
@@ -3148,7 +3148,7 @@ const Nl = ({
             x.button.replace(/h-\d+/, "h-auto"),
             (s || !L) && "opacity-50 cursor-not-allowed"
           ),
-          children: /* @__PURE__ */ a(bt, { className: u(x.icon, "w-3 h-3") })
+          children: /* @__PURE__ */ a(pt, { className: u(x.icon, "w-3 h-3") })
         }
       ),
       /* @__PURE__ */ a(
@@ -3170,7 +3170,7 @@ const Nl = ({
             x.button.replace(/h-\d+/, "h-auto"),
             (s || !E) && "opacity-50 cursor-not-allowed"
           ),
-          children: /* @__PURE__ */ a(ft, { className: u(x.icon, "w-3 h-3") })
+          children: /* @__PURE__ */ a(bt, { className: u(x.icon, "w-3 h-3") })
         }
       )
     ] })
@@ -3313,7 +3313,7 @@ const Nl = ({
           C.iconRight
         ),
         "aria-label": "Clear search",
-        children: /* @__PURE__ */ a(je, { className: C.icon })
+        children: /* @__PURE__ */ a(Fe, { className: C.icon })
       }
     ),
     d && /* @__PURE__ */ a(
@@ -3827,28 +3827,28 @@ const va = ({
     green: "success",
     yellow: "warning",
     red: "error"
-  }[d] : i, U = () => p ? S ? "bg-red-600 border-red-600" : "border-red-600 dark:border-red-500" : {
+  }[d] : i, z = () => p ? S ? "bg-red-600 border-red-600" : "border-red-600 dark:border-red-500" : {
     primary: S ? "bg-blue-600 border-blue-600" : "border-gray-300 dark:border-gray-600",
     success: S ? "bg-green-600 border-green-600" : "border-gray-300 dark:border-gray-600",
     warning: S ? "bg-yellow-600 border-yellow-600" : "border-gray-300 dark:border-gray-600",
     error: S ? "bg-red-600 border-red-600" : "border-gray-300 dark:border-gray-600"
   }[T], F = (V) => {
     if (s) return;
-    const G = V.target.checked;
-    E || L(G), v && v({
+    const K = V.target.checked;
+    E || L(K), v && v({
       action: "toggle",
       trackingLabel: C,
       componentName: w
-    }), r?.(G);
+    }), r?.(K);
   }, R = (V) => {
     if (!s && (V.key === " " || V.key === "Spacebar")) {
       V.preventDefault();
-      const G = !S;
-      E || L(G), v && v({
+      const K = !S;
+      E || L(K), v && v({
         action: "toggle",
         trackingLabel: C,
         componentName: w
-      }), r?.(G);
+      }), r?.(K);
     }
   }, W = M[l];
   return /* @__PURE__ */ h("div", { className: u("inline-flex flex-col", c), children: [
@@ -3884,7 +3884,7 @@ const va = ({
                 className: u(
                   "rounded border-2 flex items-center justify-center transition-colors bg-white dark:bg-gray-900",
                   W.box,
-                  U(),
+                  z(),
                   !s && "hover:border-opacity-75"
                 ),
                 children: f ? /* @__PURE__ */ a(Fr, { className: u("text-white", W.check) }) : S ? N || /* @__PURE__ */ a(Wr, { className: u("text-white", W.check) }) : null
@@ -3929,7 +3929,7 @@ const va = ({
       }), o?.(d);
     };
     return /* @__PURE__ */ a(
-      jt,
+      Ft,
       {
         className: u(
           "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 focus-visible:ring-offset-white disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-blue-600 data-[state=unchecked]:bg-gray-200 dark:focus-visible:ring-blue-400 dark:focus-visible:ring-offset-gray-950 dark:data-[state=checked]:bg-blue-500 dark:data-[state=unchecked]:bg-gray-700",
@@ -3950,7 +3950,7 @@ const va = ({
     );
   }
 );
-ka.displayName = jt.displayName;
+ka.displayName = Ft.displayName;
 const Il = ({
   name: t = "radio-group",
   value: e,
@@ -4075,7 +4075,7 @@ const Il = ({
     ),
     d && /* @__PURE__ */ a("p", { className: "mt-1 text-sm text-red-600 dark:text-red-400", children: d })
   ] });
-}, wt = ({
+}, kt = ({
   onTrack: t,
   trackingLabel: e,
   componentName: r,
@@ -4091,7 +4091,7 @@ const Il = ({
     }), n?.(i);
   };
   return /* @__PURE__ */ a(_.Root, { onValueChange: l, ...s, children: o });
-}, Tl = _.Group, Na = _.Value, Ge = q.forwardRef(({ className: t, children: e, ...r }, n) => /* @__PURE__ */ h(
+}, Tl = _.Group, Na = _.Value, Ye = q.forwardRef(({ className: t, children: e, ...r }, n) => /* @__PURE__ */ h(
   _.Trigger,
   {
     ref: n,
@@ -4102,12 +4102,12 @@ const Il = ({
     ...r,
     children: [
       e,
-      /* @__PURE__ */ a(_.Icon, { asChild: !0, children: /* @__PURE__ */ a(at, { className: "h-4 w-4 opacity-50 ml-2 flex-shrink-0" }) })
+      /* @__PURE__ */ a(_.Icon, { asChild: !0, children: /* @__PURE__ */ a(nt, { className: "h-4 w-4 opacity-50 ml-2 flex-shrink-0" }) })
     ]
   }
 ));
-Ge.displayName = _.Trigger.displayName;
-const qt = q.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
+Ye.displayName = _.Trigger.displayName;
+const Kt = q.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
   _.ScrollUpButton,
   {
     ref: r,
@@ -4119,8 +4119,8 @@ const qt = q.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
     children: /* @__PURE__ */ a(Vr, { className: "h-4 w-4" })
   }
 ));
-qt.displayName = _.ScrollUpButton.displayName;
-const Kt = q.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
+Kt.displayName = _.ScrollUpButton.displayName;
+const Gt = q.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
   _.ScrollDownButton,
   {
     ref: r,
@@ -4129,11 +4129,11 @@ const Kt = q.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
       t
     ),
     ...e,
-    children: /* @__PURE__ */ a(at, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ a(nt, { className: "h-4 w-4" })
   }
 ));
-Kt.displayName = _.ScrollDownButton.displayName;
-const Ye = q.forwardRef(({ className: t, children: e, position: r = "popper", ...n }, o) => /* @__PURE__ */ a(_.Portal, { children: /* @__PURE__ */ h(
+Gt.displayName = _.ScrollDownButton.displayName;
+const Qe = q.forwardRef(({ className: t, children: e, position: r = "popper", ...n }, o) => /* @__PURE__ */ a(_.Portal, { children: /* @__PURE__ */ h(
   _.Content,
   {
     ref: o,
@@ -4146,7 +4146,7 @@ const Ye = q.forwardRef(({ className: t, children: e, position: r = "popper", ..
     position: r,
     ...n,
     children: [
-      /* @__PURE__ */ a(qt, {}),
+      /* @__PURE__ */ a(Kt, {}),
       /* @__PURE__ */ a(
         _.Viewport,
         {
@@ -4157,11 +4157,11 @@ const Ye = q.forwardRef(({ className: t, children: e, position: r = "popper", ..
           children: e
         }
       ),
-      /* @__PURE__ */ a(Kt, {})
+      /* @__PURE__ */ a(Gt, {})
     ]
   }
 ) }));
-Ye.displayName = _.Content.displayName;
+Qe.displayName = _.Content.displayName;
 const Ca = q.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
   _.Label,
   {
@@ -4171,7 +4171,7 @@ const Ca = q.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
   }
 ));
 Ca.displayName = _.Label.displayName;
-const Qe = q.forwardRef(({ className: t, children: e, ...r }, n) => /* @__PURE__ */ h(
+const Je = q.forwardRef(({ className: t, children: e, ...r }, n) => /* @__PURE__ */ h(
   _.Item,
   {
     ref: n,
@@ -4187,7 +4187,7 @@ const Qe = q.forwardRef(({ className: t, children: e, ...r }, n) => /* @__PURE__
     ]
   }
 ));
-Qe.displayName = _.Item.displayName;
+Je.displayName = _.Item.displayName;
 const Sa = q.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
   _.Separator,
   {
@@ -4508,8 +4508,8 @@ const Al = ({
   const [c, g] = I(!1), [m, y] = I(!1), [b, f] = I(!1), [p, x] = I(0), N = D(null), v = D(null), C = t.find((T) => T.value === e), w = C?.label && typeof C.label != "string", k = i && b ? t.filter((T) => (T.searchLabel || T.value).toLowerCase().includes(e.toLowerCase())) : t;
   A(() => {
     if (!c && !m) return;
-    const T = (U) => {
-      N.current && !N.current.contains(U.target) && (g(!1), y(!1), f(!1));
+    const T = (z) => {
+      N.current && !N.current.contains(z.target) && (g(!1), y(!1), f(!1));
     };
     return document.addEventListener("mousedown", T), () => document.removeEventListener("mousedown", T);
   }, [c, m]), A(() => {
@@ -4523,11 +4523,11 @@ const Al = ({
     switch (T.key) {
       case "ArrowDown":
         T.preventDefault(), x(
-          (U) => U < k.length - 1 ? U + 1 : U
+          (z) => z < k.length - 1 ? z + 1 : z
         );
         break;
       case "ArrowUp":
-        T.preventDefault(), x((U) => U > 0 ? U - 1 : U);
+        T.preventDefault(), x((z) => z > 0 ? z - 1 : z);
         break;
       case "Enter":
         T.preventDefault(), k[p] && !k[p].disabled && (r(k[p].value), g(!1), f(!1));
@@ -4539,13 +4539,13 @@ const Al = ({
         g(!1), f(!1);
         break;
     }
-  }, E = (T, U) => {
-    U || (r(T), g(!1), y(!1), f(!1));
+  }, E = (T, z) => {
+    z || (r(T), g(!1), y(!1), f(!1));
   }, S = (T) => {
     r(T.target.value), f(!0), c || g(!0);
   }, M = () => {
     o || (g(!c), c || v.current?.focus());
-  }, z = () => {
+  }, $ = () => {
     o || (y(!0), g(!0), setTimeout(() => v.current?.focus(), 0));
   };
   return /* @__PURE__ */ h("div", { ref: N, className: u("relative w-full", s), children: [
@@ -4554,7 +4554,7 @@ const Al = ({
         "button",
         {
           type: "button",
-          onClick: z,
+          onClick: $,
           disabled: o,
           className: u(
             j.input.default(),
@@ -4607,7 +4607,7 @@ const Al = ({
           ),
           "aria-label": "Toggle dropdown",
           children: /* @__PURE__ */ a(
-            at,
+            nt,
             {
               className: u(
                 "w-4 h-4 transition-transform",
@@ -4628,7 +4628,7 @@ const Al = ({
           "rounded-md shadow-lg",
           "max-h-60 overflow-y-auto"
         ),
-        children: k.length === 0 ? /* @__PURE__ */ a("div", { className: "px-3 py-2 text-sm text-gray-500 dark:text-gray-400 text-center", children: d }) : k.map((T, U) => /* @__PURE__ */ a(
+        children: k.length === 0 ? /* @__PURE__ */ a("div", { className: "px-3 py-2 text-sm text-gray-500 dark:text-gray-400 text-center", children: d }) : k.map((T, z) => /* @__PURE__ */ a(
           "button",
           {
             type: "button",
@@ -4639,7 +4639,7 @@ const Al = ({
               "flex items-center gap-2",
               "transition-colors",
               "disabled:opacity-50 disabled:cursor-not-allowed",
-              T.value === e ? "bg-blue-50 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300" : U === p ? "bg-gray-100 dark:bg-gray-800" : "hover:bg-gray-50 dark:hover:bg-gray-800",
+              T.value === e ? "bg-blue-50 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300" : z === p ? "bg-gray-100 dark:bg-gray-800" : "hover:bg-gray-50 dark:hover:bg-gray-800",
               "text-gray-900 dark:text-gray-100"
             ),
             children: T.label || T.value
@@ -4650,7 +4650,7 @@ const Al = ({
     )
   ] });
 };
-function lt(t, e) {
+function it(t, e) {
   A(() => {
     const r = (n) => {
       const o = t?.current;
@@ -4672,7 +4672,7 @@ const Ul = ({
   componentName: i
 }) => {
   const [d, c] = I(!1), g = P.useRef(null);
-  lt(g, () => c(!1));
+  it(g, () => c(!1));
   const m = (f) => {
     f.disabled || (s && s({
       action: "select",
@@ -4940,7 +4940,7 @@ const Ul = ({
   componentName: p
 }) => {
   const x = D(null), [N, v] = I(!1), [C, w] = I(null), k = (R) => (w(null), o && d.length + R.length > o ? (w(`Maximum ${o} files allowed`), []) : R.filter((V) => n && V.size > n ? (w(
-    `File "${V.name}" exceeds maximum size of ${Je(n)}`
+    `File "${V.name}" exceeds maximum size of ${Xe(n)}`
   ), !1) : !0)), L = (R) => {
     b && b({
       action: R,
@@ -4954,11 +4954,11 @@ const Ul = ({
     x.current?.click();
   }, M = (R) => {
     R.preventDefault(), R.stopPropagation(), s || v(!0);
-  }, z = (R) => {
+  }, $ = (R) => {
     R.preventDefault(), R.stopPropagation(), v(!1);
   }, T = (R) => {
     R.preventDefault(), R.stopPropagation();
-  }, U = (R) => {
+  }, z = (R) => {
     if (R.preventDefault(), R.stopPropagation(), v(!1), s) return;
     const W = Array.from(R.dataTransfer.files), V = k(W);
     V.length > 0 && (L("drop"), t(V));
@@ -4983,9 +4983,9 @@ const Ul = ({
       {
         onClick: S,
         onDragEnter: M,
-        onDragLeave: z,
+        onDragLeave: $,
         onDragOver: T,
-        onDrop: U,
+        onDrop: z,
         className: u(
           "relative border-2 border-dashed rounded-lg p-8",
           "transition-colors duration-200",
@@ -4998,13 +4998,13 @@ const Ul = ({
           /* @__PURE__ */ a("p", { className: "text-sm text-gray-600 dark:text-gray-400 text-center", children: y }),
           n && /* @__PURE__ */ h("p", { className: "text-xs text-gray-500 dark:text-gray-500", children: [
             "Max file size: ",
-            Je(n)
+            Xe(n)
           ] })
         ] })
       }
     ),
     C && /* @__PURE__ */ a("p", { className: "mt-2 text-sm text-red-600 dark:text-red-400", children: C }),
-    i && d.length > 0 && /* @__PURE__ */ a(kt, { files: d, onRemove: F })
+    i && d.length > 0 && /* @__PURE__ */ a(Nt, { files: d, onRemove: F })
   ] }) : /* @__PURE__ */ h("div", { className: u("w-full", g), children: [
     /* @__PURE__ */ a(
       "input",
@@ -5035,24 +5035,24 @@ const Ul = ({
           s && "opacity-50 cursor-not-allowed"
         ),
         children: [
-          /* @__PURE__ */ a(Bt, { className: "h-5 w-5 mr-2" }),
+          /* @__PURE__ */ a(Rt, { className: "h-5 w-5 mr-2" }),
           m
         ]
       }
     ),
     C && /* @__PURE__ */ a("p", { className: "mt-2 text-sm text-red-600 dark:text-red-400", children: C }),
-    i && d.length > 0 && /* @__PURE__ */ a(kt, { files: d, onRemove: F })
+    i && d.length > 0 && /* @__PURE__ */ a(Nt, { files: d, onRemove: F })
   ] });
-}, kt = ({ files: t, onRemove: e }) => /* @__PURE__ */ a("div", { className: "mt-3 space-y-2", children: t.map((r, n) => /* @__PURE__ */ h(
+}, Nt = ({ files: t, onRemove: e }) => /* @__PURE__ */ a("div", { className: "mt-3 space-y-2", children: t.map((r, n) => /* @__PURE__ */ h(
   "div",
   {
     className: "flex items-center justify-between p-2 bg-gray-50 dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700",
     children: [
       /* @__PURE__ */ h("div", { className: "flex items-center space-x-2 flex-1 min-w-0", children: [
-        /* @__PURE__ */ a(Bt, { className: "h-5 w-5 text-gray-400 flex-shrink-0" }),
+        /* @__PURE__ */ a(Rt, { className: "h-5 w-5 text-gray-400 flex-shrink-0" }),
         /* @__PURE__ */ h("div", { className: "flex-1 min-w-0", children: [
           /* @__PURE__ */ a("p", { className: "text-sm font-medium text-gray-900 dark:text-gray-100 truncate", children: r.name }),
-          /* @__PURE__ */ a("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: Je(r.size) })
+          /* @__PURE__ */ a("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: Xe(r.size) })
         ] })
       ] }),
       /* @__PURE__ */ a(
@@ -5062,14 +5062,14 @@ const Ul = ({
           onClick: () => e(n),
           className: "flex-shrink-0 p-1 text-gray-400 hover:text-red-600 dark:hover:text-red-400 transition-colors",
           "aria-label": "Remove file",
-          children: /* @__PURE__ */ a(je, { className: "h-5 w-5" })
+          children: /* @__PURE__ */ a(Fe, { className: "h-5 w-5" })
         }
       )
     ]
   },
   `${r.name}-${n}`
 )) });
-function Je(t) {
+function Xe(t) {
   if (t === 0) return "0 Bytes";
   const e = 1024, r = ["Bytes", "KB", "MB", "GB"], n = Math.floor(Math.log(t) / Math.log(e));
   return Math.round(t / Math.pow(e, n) * 100) / 100 + " " + r[n];
@@ -5100,7 +5100,7 @@ const jl = ({
     const M = S.trim();
     M && (n && t.length >= n || !i && t.includes(M) || f && !f(M) || (e([...t, M]), x("")));
   }, w = (S) => {
-    e(t.filter((M, z) => z !== S));
+    e(t.filter((M, $) => $ !== S));
   }, k = (S) => {
     x(S.target.value);
   }, L = (S) => {
@@ -5139,8 +5139,8 @@ const jl = ({
                     "button",
                     {
                       type: "button",
-                      onClick: (z) => {
-                        z.stopPropagation(), w(M);
+                      onClick: ($) => {
+                        $.stopPropagation(), w(M);
                       },
                       disabled: d,
                       className: u(
@@ -5217,15 +5217,15 @@ const jl = ({
     e(k), f(L);
     const S = k.substring(0, L).split(/\s/), M = S[S.length - 1];
     if (M.startsWith(n)) {
-      const z = M.substring(n.length), T = r.filter(
-        (U) => U.label.toLowerCase().includes(z.toLowerCase())
+      const $ = M.substring(n.length), T = r.filter(
+        (z) => z.label.toLowerCase().includes($.toLowerCase())
       );
       g(T), d(T.length > 0), y(0);
     } else
       d(!1);
   }, v = (w) => {
-    const k = t.substring(0, b), L = t.substring(b), E = k.split(/\s/), S = E[E.length - 1], M = k.length - S.length, z = t.substring(0, M) + n + w.label + " " + L;
-    if (e(z), d(!1), p.current) {
+    const k = t.substring(0, b), L = t.substring(b), E = k.split(/\s/), S = E[E.length - 1], M = k.length - S.length, $ = t.substring(0, M) + n + w.label + " " + L;
+    if (e($), d(!1), p.current) {
       const T = M + n.length + w.label.length + 1;
       setTimeout(() => {
         p.current?.focus(), p.current?.setSelectionRange(T, T);
@@ -5312,10 +5312,10 @@ const jl = ({
       }
     )
   ] });
-}, La = K(
-  `${$.label.default()} peer-disabled:cursor-not-allowed peer-disabled:opacity-70`
-), Gt = q.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(Ft, { ref: r, className: u(La(), t), ...e }));
-Gt.displayName = Ft.displayName;
+}, La = G(
+  `${U.label.default()} peer-disabled:cursor-not-allowed peer-disabled:opacity-70`
+), Yt = q.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(Wt, { ref: r, className: u(La(), t), ...e }));
+Yt.displayName = Wt.displayName;
 const Wl = ({
   id: t,
   label: e,
@@ -5334,12 +5334,12 @@ const Wl = ({
 }) => {
   const f = !!i, p = l || i ? `${t}-helper` : void 0;
   return /* @__PURE__ */ h("div", { className: u("space-y-2", y), children: [
-    /* @__PURE__ */ h(Gt, { htmlFor: t, children: [
+    /* @__PURE__ */ h(Yt, { htmlFor: t, children: [
       e,
       d && /* @__PURE__ */ a("span", { className: "text-red-500 ml-1", children: "*" })
     ] }),
     /* @__PURE__ */ a(
-      st,
+      lt,
       {
         type: r,
         id: t,
@@ -5360,7 +5360,7 @@ const Wl = ({
       {
         id: p,
         className: u(
-          $.body.sm(),
+          U.body.sm(),
           f ? "text-red-600 dark:text-red-400" : "text-gray-500 dark:text-gray-400"
         ),
         role: f ? "alert" : void 0,
@@ -5368,7 +5368,7 @@ const Wl = ({
       }
     )
   ] });
-}, it = ({
+}, ct = ({
   label: t,
   required: e = !1,
   error: r,
@@ -5408,7 +5408,7 @@ const Wl = ({
             children: [
               /* @__PURE__ */ a("div", { className: r ? "relative" : "", children: o }),
               r && /* @__PURE__ */ h("div", { className: "mt-1 flex items-start", children: [
-                /* @__PURE__ */ a(Ke, { className: "h-4 w-4 text-red-500 mr-1 mt-0.5 flex-shrink-0" }),
+                /* @__PURE__ */ a(Ge, { className: "h-4 w-4 text-red-500 mr-1 mt-0.5 flex-shrink-0" }),
                 /* @__PURE__ */ a("p", { className: "text-xs text-red-600 dark:text-red-400", children: r })
               ] })
             ]
@@ -5429,7 +5429,7 @@ const Wl = ({
   layout: d = "vertical",
   className: c = ""
 }) => /* @__PURE__ */ a(
-  it,
+  ct,
   {
     label: t,
     required: o,
@@ -5466,7 +5466,7 @@ const Wl = ({
   layout: d = "vertical",
   className: c = ""
 }) => /* @__PURE__ */ a(
-  it,
+  ct,
   {
     label: t,
     required: o,
@@ -5503,7 +5503,7 @@ const Wl = ({
   layout: d = "vertical",
   className: c = ""
 }) => /* @__PURE__ */ a(
-  it,
+  ct,
   {
     label: t,
     required: o,
@@ -5554,9 +5554,9 @@ const Wl = ({
     return () => clearTimeout(i);
   }
 }, [t, o, s]), !t && !e ? null : /* @__PURE__ */ h("div", { className: `space-y-3 ${l}`, children: [
-  e && /* @__PURE__ */ a(vt, { variant: "error", title: n, description: e }),
+  e && /* @__PURE__ */ a(wt, { variant: "error", title: n, description: e }),
   t && /* @__PURE__ */ a(
-    vt,
+    wt,
     {
       variant: "success",
       title: r,
@@ -5582,7 +5582,7 @@ const Wl = ({
     "aria-label": "PhoneDirectory",
     children: e || "PhoneDirectory Component"
   }
-), Ea = K("min-h-[44px] touch-manipulation", {
+), Ea = G("min-h-[44px] touch-manipulation", {
   variants: {
     variant: {
       // Clean variant definitions - let the variant system handle the classes
@@ -5701,7 +5701,7 @@ const Kl = ({
     disabled: o || e,
     className: s.className,
     children: e ? /* @__PURE__ */ h("span", { className: "flex items-center gap-2", children: [
-      n && /* @__PURE__ */ a(ke, { size: "small" }),
+      n && /* @__PURE__ */ a(Ne, { size: "small" }),
       /* @__PURE__ */ a("span", { children: r })
     ] }) : t
   }
@@ -5732,8 +5732,8 @@ const Kl = ({
     const w = i.getFullYear(), k = i.getMonth(), L = c(i), E = g(i), S = [];
     if (s) {
       const M = c(new Date(w, k - 1));
-      for (let z = E - 1; z >= 0; z--)
-        S.push(new Date(w, k - 1, M - z));
+      for (let $ = E - 1; $ >= 0; $--)
+        S.push(new Date(w, k - 1, M - $));
     } else
       for (let M = 0; M < E; M++)
         S.push(null);
@@ -5741,8 +5741,8 @@ const Kl = ({
       S.push(new Date(w, k, M));
     if (s) {
       const M = 42 - S.length;
-      for (let z = 1; z <= M; z++)
-        S.push(new Date(w, k + 1, z));
+      for (let $ = 1; $ <= M; $++)
+        S.push(new Date(w, k + 1, $));
     }
     return S;
   })(), N = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], v = (w) => {
@@ -5997,11 +5997,11 @@ const Kl = ({
     const S = new Date(
       i.getFullYear(),
       i.getMonth() + E
-    ), M = S.getFullYear(), z = S.getMonth(), T = N(S), U = v(S), F = [];
-    for (let R = 0; R < U; R++)
+    ), M = S.getFullYear(), $ = S.getMonth(), T = N(S), z = v(S), F = [];
+    for (let R = 0; R < z; R++)
       F.push(null);
     for (let R = 1; R <= T; R++)
-      F.push(new Date(M, z, R));
+      F.push(new Date(M, $, R));
     return {
       days: F,
       monthName: S.toLocaleDateString("en-US", {
@@ -6079,9 +6079,9 @@ const Kl = ({
         className: "grid gap-4",
         style: { gridTemplateColumns: `repeat(${s}, 1fr)` },
         children: Array.from({ length: s }, (E, S) => {
-          const { days: M, monthName: z } = C(S);
+          const { days: M, monthName: $ } = C(S);
           return /* @__PURE__ */ h("div", { children: [
-            /* @__PURE__ */ a("h3", { className: "text-base font-semibold text-gray-900 dark:text-white mb-4 text-center", children: z }),
+            /* @__PURE__ */ a("h3", { className: "text-base font-semibold text-gray-900 dark:text-white mb-4 text-center", children: $ }),
             /* @__PURE__ */ a("div", { className: "grid grid-cols-7 gap-1 mb-2", children: L.map((T) => /* @__PURE__ */ a(
               "div",
               {
@@ -6090,10 +6090,10 @@ const Kl = ({
               },
               T
             )) }),
-            /* @__PURE__ */ a("div", { className: "grid grid-cols-7 gap-1", children: M.map((T, U) => {
+            /* @__PURE__ */ a("div", { className: "grid grid-cols-7 gap-1", children: M.map((T, z) => {
               if (!T)
-                return /* @__PURE__ */ a("div", { className: "aspect-square" }, U);
-              const F = y(T), R = f(T), W = p(T), V = b(T), G = m(T, /* @__PURE__ */ new Date());
+                return /* @__PURE__ */ a("div", { className: "aspect-square" }, z);
+              const F = y(T), R = f(T), W = p(T), V = b(T), K = m(T, /* @__PURE__ */ new Date());
               return /* @__PURE__ */ a(
                 "button",
                 {
@@ -6107,11 +6107,11 @@ const Kl = ({
                     V && "bg-blue-100 dark:bg-blue-900/30",
                     (R || W) && "bg-blue-600 text-white hover:bg-blue-700 dark:bg-blue-500 dark:hover:bg-blue-600",
                     !R && !W && !V && "hover:bg-gray-100 dark:hover:bg-gray-800",
-                    G && !R && !W && "border-2 border-blue-600 dark:border-blue-400"
+                    K && !R && !W && "border-2 border-blue-600 dark:border-blue-400"
                   ),
                   children: T.getDate()
                 },
-                U
+                z
               );
             }) })
           ] }, S);
@@ -6702,7 +6702,7 @@ const Kl = ({
       )
     ] })
   ] });
-}, Nt = [
+}, Ct = [
   { code: "USD", symbol: "$", name: "US Dollar", decimals: 2 },
   { code: "EUR", symbol: "€", name: "Euro", decimals: 2 },
   { code: "GBP", symbol: "£", name: "British Pound", decimals: 2 },
@@ -6718,7 +6718,7 @@ const Kl = ({
   onChange: e,
   currency: r = "USD",
   onCurrencyChange: n,
-  currencies: o = Nt,
+  currencies: o = Ct,
   showCurrencySelector: s = !1,
   placeholder: l = "0.00",
   min: i,
@@ -6726,7 +6726,7 @@ const Kl = ({
   disabled: c = !1,
   className: g
 }) => {
-  const [m, y] = I(""), [b, f] = I(!1), [p, x] = I(!1), v = typeof r == "string" ? o.find((S) => S.code === r) || Nt[0] : r, C = B(
+  const [m, y] = I(""), [b, f] = I(!1), [p, x] = I(!1), v = typeof r == "string" ? o.find((S) => S.code === r) || Ct[0] : r, C = B(
     (S) => {
       const M = v.decimals ?? 2;
       return S.toLocaleString("en-US", {
@@ -6740,9 +6740,9 @@ const Kl = ({
     b || y(C(t || 0));
   }, [t, C, b]);
   const w = (S) => {
-    const z = S.target.value.replace(/[^\d.]/g, ""), T = z.split("."), U = T.length > 2 ? `${T[0]}.${T.slice(1).join("")}` : z;
-    y(U);
-    let R = parseFloat(U) || 0;
+    const $ = S.target.value.replace(/[^\d.]/g, ""), T = $.split("."), z = T.length > 2 ? `${T[0]}.${T.slice(1).join("")}` : $;
+    y(z);
+    let R = parseFloat(z) || 0;
     i !== void 0 && R < i && (R = i), d !== void 0 && R > d && (R = d), e(R);
   }, k = () => {
     f(!0), y(t ? t.toString() : "");
@@ -7089,7 +7089,7 @@ const Kl = ({
     }
   };
   return /* @__PURE__ */ h("div", { className: u("flex items-center gap-2", i), children: [
-    n && /* @__PURE__ */ h("span", { className: $.label.default(), children: [
+    n && /* @__PURE__ */ h("span", { className: U.label.default(), children: [
       n,
       ":"
     ] }),
@@ -7186,7 +7186,7 @@ const Kl = ({
       )
     ] })
   ] });
-}, Ct = () => typeof document < "u" && typeof document.createElement == "function" && typeof document.getElementById == "function", Aa = (t) => {
+}, St = () => typeof document < "u" && typeof document.createElement == "function" && typeof document.getElementById == "function", Aa = (t) => {
   if (typeof document < "u" && document.getElementById)
     try {
       return document.getElementById(t);
@@ -7208,7 +7208,7 @@ const Kl = ({
     } catch {
     }
   return !1;
-}, ct = ({
+}, dt = ({
   animation: t = "fade-in-up",
   delay: e = 0,
   duration: r = 600,
@@ -7219,7 +7219,7 @@ const Kl = ({
 }) => {
   const [i, d] = I(!1), [c, g] = I(!1), m = D(null);
   A(() => {
-    if (!Ct() || typeof IntersectionObserver > "u") {
+    if (!St() || typeof IntersectionObserver > "u") {
       d(!0), n && g(!0);
       return;
     }
@@ -7250,7 +7250,7 @@ const Kl = ({
     return p[t] || p["fade-in-up"];
   };
   return A(() => {
-    if (Ct() && (t === "float" || t === "bounce-slow")) {
+    if (St() && (t === "float" || t === "bounce-slow")) {
       const b = "animated-section-keyframes";
       if (!Aa(b)) {
         const f = za("style");
@@ -7273,15 +7273,15 @@ const Kl = ({
       }
     }
   }, [t]), /* @__PURE__ */ a("div", { ref: m, className: `${y()} ${s}`, children: o });
-}, pi = ({ children: t, delay: e = 0, className: r = "" }) => /* @__PURE__ */ a(ct, { animation: "fade-in-up", delay: e, className: r, children: t }), yi = ({ children: t, delay: e = 0, className: r = "" }) => /* @__PURE__ */ a(
-  ct,
+}, pi = ({ children: t, delay: e = 0, className: r = "" }) => /* @__PURE__ */ a(dt, { animation: "fade-in-up", delay: e, className: r, children: t }), yi = ({ children: t, delay: e = 0, className: r = "" }) => /* @__PURE__ */ a(
+  dt,
   {
     animation: "fade-in-scale",
     delay: e,
     className: r,
     children: t
   }
-), xi = ({ children: t, className: e = "" }) => /* @__PURE__ */ a(ct, { animation: "float", className: e, children: t }), vi = ({
+), xi = ({ children: t, className: e = "" }) => /* @__PURE__ */ a(dt, { animation: "float", className: e, children: t }), vi = ({
   isOpen: t,
   onClick: e,
   opacity: r = "medium",
@@ -7321,21 +7321,21 @@ const Kl = ({
     descriptionColor: "text-blue-700 dark:text-blue-300"
   },
   [de.SUCCESS]: {
-    icon: Re,
+    icon: je,
     container: "bg-green-50 dark:bg-green-950 border-green-200 dark:border-green-800",
     iconColor: "text-green-600 dark:text-green-400",
     titleColor: "text-green-900 dark:text-green-100",
     descriptionColor: "text-green-700 dark:text-green-300"
   },
   [de.WARNING]: {
-    icon: tt,
+    icon: rt,
     container: "bg-yellow-50 dark:bg-amber-950 border-yellow-200 dark:border-amber-800",
     iconColor: "text-yellow-600 dark:text-amber-400",
     titleColor: "text-yellow-900 dark:text-amber-100",
     descriptionColor: "text-yellow-700 dark:text-amber-300"
   },
   [de.ERROR]: {
-    icon: et,
+    icon: tt,
     container: "bg-red-50 dark:bg-red-950 border-red-200 dark:border-red-800",
     iconColor: "text-red-600 dark:text-red-400",
     titleColor: "text-red-900 dark:text-red-100",
@@ -7412,7 +7412,7 @@ const Kl = ({
                   "focus:ring-current"
                 ),
                 "aria-label": d,
-                children: /* @__PURE__ */ a(je, { className: u("h-5 w-5", b.iconColor) })
+                children: /* @__PURE__ */ a(Fe, { className: u("h-5 w-5", b.iconColor) })
               }
             )
           ]
@@ -7420,7 +7420,7 @@ const Kl = ({
       )
     }
   );
-  return Ze(N, document.body);
+  return et(N, document.body);
 }, ki = (t = {}) => {
   const { defaultDuration: e = 5e3 } = t, [r, n] = I(!1), [o, s] = I(null), l = B(
     ({
@@ -7458,7 +7458,7 @@ const Kl = ({
   return document.addEventListener("keydown", g), () => document.removeEventListener("keydown", g);
 }, [t, e, l]), t ? /* @__PURE__ */ h(me, { children: [
   /* @__PURE__ */ a(
-    ot,
+    st,
     {
       isOpen: t,
       onClose: () => {
@@ -7646,7 +7646,7 @@ const Kl = ({
       ]
     }
   );
-}, Da = K(
+}, Da = G(
   "bg-white dark:bg-gray-800 rounded-lg shadow-md p-6 transition-all duration-200",
   {
     variants: {
@@ -7707,7 +7707,7 @@ const Kl = ({
     ] }),
     o && /* @__PURE__ */ a("div", { className: "text-3xl opacity-80", children: o })
   ] }) });
-}, Ba = K("space-y-6", {
+}, Ba = G("space-y-6", {
   variants: {
     variant: {
       default: "",
@@ -7738,7 +7738,7 @@ const Kl = ({
     e && /* @__PURE__ */ a("p", { className: "text-sm text-gray-600 dark:text-gray-400", children: e })
   ] }),
   r
-] }), Ra = K(
+] }), Ra = G(
   "flex flex-col items-center text-center space-y-4",
   {
     variants: {
@@ -8140,7 +8140,7 @@ const zi = ({
           e && /* @__PURE__ */ a(
             "h3",
             {
-              className: u($.body.strong.md(), c.title),
+              className: u(U.body.strong.md(), c.title),
               children: e
             }
           )
@@ -8268,19 +8268,19 @@ const zi = ({
 }) => {
   const g = {
     sm: {
-      title: $.heading.h4(),
-      description: $.body.sm(),
-      count: $.caption.default()
+      title: U.heading.h4(),
+      description: U.body.sm(),
+      count: U.caption.default()
     },
     md: {
-      title: $.heading.h3(),
-      description: $.body.md(),
-      count: $.body.sm()
+      title: U.heading.h3(),
+      description: U.body.md(),
+      count: U.body.sm()
     },
     lg: {
-      title: $.heading.h2(),
-      description: $.body.lg(),
-      count: $.body.md()
+      title: U.heading.h2(),
+      description: U.body.lg(),
+      count: U.body.md()
     }
   }[i];
   return /* @__PURE__ */ h("div", { className: u("flex items-start justify-between gap-4", d), children: [
@@ -8510,9 +8510,9 @@ const zi = ({
 ), Ha = (t) => {
   switch (t) {
     case "cog":
-      return pt;
+      return yt;
     case "arrow-right":
-      return Rt;
+      return jt;
     case "shield":
       return Ar;
     case "reply":
@@ -8527,7 +8527,7 @@ const zi = ({
     case "currency-dollar":
       return Lr;
     default:
-      return pt;
+      return yt;
   }
 }, Oi = ({
   settings: t,
@@ -8547,7 +8547,7 @@ const zi = ({
           onClick: () => r(o.id),
           className: u(
             "w-full flex items-center text-left px-3 py-2 rounded-lg transition-colors h-[44px]",
-            $.body.sm(),
+            U.body.sm(),
             l ? "bg-orange-100 dark:bg-orange-900/30 text-orange-700 dark:text-orange-300" : "hover:bg-gray-100 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300"
           ),
           "aria-current": l ? "page" : void 0,
@@ -8786,19 +8786,19 @@ const zi = ({
       ))
     }
   );
-}, Ve = K(
+}, _e = G(
   "transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 rounded-sm",
   {
     variants: {
       variant: {
         // Subtle internal link - barely noticeable color change
-        subtle: $.link.subtle(),
+        subtle: U.link.subtle(),
         // Default internal link
-        default: $.link.default(),
+        default: U.link.default(),
         // Muted link for secondary navigation
-        muted: $.link.muted(),
+        muted: U.link.muted(),
         // External link with indicator
-        external: $.link.external(),
+        external: U.link.external(),
         // Inherit parent styling with minimal changes
         inherit: "text-inherit hover:text-blue-600 dark:hover:text-blue-400 underline-offset-2 hover:underline transition-colors duration-200"
       },
@@ -8813,7 +8813,7 @@ const zi = ({
       size: "default"
     }
   }
-), Yt = q.forwardRef(
+), Qt = q.forwardRef(
   ({
     className: t,
     variant: e,
@@ -8841,7 +8841,7 @@ const zi = ({
       "a",
       {
         className: u(
-          Ve({
+          _e({
             variant: e === "subtle" ? "external" : e,
             size: r,
             className: t
@@ -8856,9 +8856,9 @@ const zi = ({
         children: l
       }
     ) : /* @__PURE__ */ a(
-      Ee,
+      Me,
       {
-        className: u(Ve({ variant: e, size: r, className: t })),
+        className: u(_e({ variant: e, size: r, className: t })),
         to: b,
         ref: y,
         onClick: p,
@@ -8868,7 +8868,7 @@ const zi = ({
     ) : /* @__PURE__ */ a(
       "span",
       {
-        className: u(Ve({ variant: e, size: r, className: t })),
+        className: u(_e({ variant: e, size: r, className: t })),
         onClick: p,
         ...m,
         children: l
@@ -8876,7 +8876,7 @@ const zi = ({
     );
   }
 );
-Yt.displayName = "SmartLink";
+Qt.displayName = "SmartLink";
 const Yi = (t, e) => q.useMemo(() => {
   let r = t;
   return Object.entries(e).forEach(([n, o]) => {
@@ -8966,7 +8966,7 @@ const Yi = (t, e) => q.useMemo(() => {
     );
     if (d) {
       const [, c, g] = d;
-      return /* @__PURE__ */ a(Yt, { to: c, variant: n, children: g }, i);
+      return /* @__PURE__ */ a(Qt, { to: c, variant: n, children: g }, i);
     }
     return l;
   }) });
@@ -9010,7 +9010,7 @@ const Yi = (t, e) => q.useMemo(() => {
       ),
       children: [
         e,
-        o && y && /* @__PURE__ */ a(Ae, { className: "inline-block h-4 w-4 ml-1" })
+        o && y && /* @__PURE__ */ a(ze, { className: "inline-block h-4 w-4 ml-1" })
       ]
     }
   ) : /* @__PURE__ */ h(
@@ -9027,7 +9027,7 @@ const Yi = (t, e) => q.useMemo(() => {
       ...m,
       children: [
         e,
-        o && y && /* @__PURE__ */ a(Ae, { className: "inline-block h-4 w-4 ml-1 flex-shrink-0" })
+        o && y && /* @__PURE__ */ a(ze, { className: "inline-block h-4 w-4 ml-1 flex-shrink-0" })
       ]
     }
   );
@@ -9043,17 +9043,17 @@ const Yi = (t, e) => q.useMemo(() => {
 }) => {
   const d = {
     sm: {
-      text: $.body.sm(),
+      text: U.body.sm(),
       icon: "h-3 w-3",
       gap: "gap-1"
     },
     md: {
-      text: $.body.md(),
+      text: U.body.md(),
       icon: "h-4 w-4",
       gap: "gap-1.5"
     },
     lg: {
-      text: $.body.lg(),
+      text: U.body.lg(),
       icon: "h-5 w-5",
       gap: "gap-2"
     }
@@ -9081,14 +9081,14 @@ const Yi = (t, e) => q.useMemo(() => {
       ),
       children: [
         r && n === "left" && /* @__PURE__ */ a(
-          Ae,
+          ze,
           {
             className: u(g.icon, "flex-shrink-0")
           }
         ),
         /* @__PURE__ */ a("span", { children: e }),
         r && n === "right" && /* @__PURE__ */ a(
-          Ae,
+          ze,
           {
             className: u(g.icon, "flex-shrink-0")
           }
@@ -9096,9 +9096,9 @@ const Yi = (t, e) => q.useMemo(() => {
       ]
     }
   );
-}, ze = /* @__PURE__ */ new Set(), Zi = () => {
-  ze.clear();
-}, ec = (t) => ze.has(t);
+}, $e = /* @__PURE__ */ new Set(), Zi = () => {
+  $e.clear();
+}, ec = (t) => $e.has(t);
 function Ga(t, e, r, n) {
   let o = t;
   if (r.length > 0) {
@@ -9128,7 +9128,7 @@ const tc = ({
 }) => {
   const m = D(null), y = B(() => {
     const N = typeof s == "string" ? s : s.pathname || "";
-    if (ze.has(N))
+    if ($e.has(N))
       return;
     const v = t || Ga(
       N,
@@ -9138,7 +9138,7 @@ const tc = ({
     );
     v && (m.current = setTimeout(() => {
       v().then(() => {
-        ze.add(N);
+        $e.add(N);
       }).catch(() => {
       });
     }, e));
@@ -9168,7 +9168,7 @@ const tc = ({
     [y, c]
   );
   return /* @__PURE__ */ a(
-    Ee,
+    Me,
     {
       to: s,
       onMouseEnter: f,
@@ -9210,32 +9210,32 @@ const tc = ({
 );
 Ya.displayName = "Tabs";
 const Qa = q.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
-  Wt,
+  Ot,
   {
     ref: r,
     className: u(j.navigation.tabs.list(), t),
     ...e
   }
 ));
-Qa.displayName = Wt.displayName;
+Qa.displayName = Ot.displayName;
 const Ja = q.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
-  Ot,
+  Vt,
   {
     ref: r,
     className: u(j.navigation.tabs.trigger(), t),
     ...e
   }
 ));
-Ja.displayName = Ot.displayName;
+Ja.displayName = Vt.displayName;
 const Xa = q.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
-  Vt,
+  _t,
   {
     ref: r,
     className: u(j.navigation.tabs.content(), t),
     ...e
   }
 ));
-Xa.displayName = Vt.displayName;
+Xa.displayName = _t.displayName;
 const ac = ({
   items: t,
   orientation: e = "horizontal",
@@ -9365,7 +9365,7 @@ const ac = ({
       children: [
         /* @__PURE__ */ a(i, { className: "h-5 w-5 mt-0.5 mr-3 flex-shrink-0" }),
         /* @__PURE__ */ h("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ h("div", { className: u("font-medium", $.body.md()), children: [
+          /* @__PURE__ */ h("div", { className: u("font-medium", U.body.md()), children: [
             l.label,
             l.badge !== void 0 && l.badge > 0 && /* @__PURE__ */ a("span", { className: "ml-2 inline-flex items-center justify-center px-2 py-0.5 text-xs font-medium bg-blue-100 dark:bg-blue-900 text-blue-800 dark:text-blue-200 rounded-full", children: l.badge })
           ] }),
@@ -9411,17 +9411,17 @@ const ac = ({
     sm: {
       button: "h-8 w-8 text-xs",
       icon: "h-3 w-3",
-      text: $.body.sm()
+      text: U.body.sm()
     },
     md: {
       button: "h-10 w-10 text-sm",
       icon: "h-4 w-4",
-      text: $.body.md()
+      text: U.body.md()
     },
     lg: {
       button: "h-12 w-12 text-base",
       icon: "h-5 w-5",
-      text: $.body.lg()
+      text: U.body.lg()
     }
   }[s], g = (() => {
     const v = [];
@@ -9514,7 +9514,7 @@ const ac = ({
             disabled: t === e,
             className: N,
             "aria-label": "Go to next page",
-            children: /* @__PURE__ */ a(rt, { className: d.icon })
+            children: /* @__PURE__ */ a(at, { className: d.icon })
           }
         ),
         o && /* @__PURE__ */ a(
@@ -9859,7 +9859,7 @@ const ac = ({
         onClick: () => l(d.id),
         className: "p-1 rounded-md hover:bg-gray-100 dark:hover:bg-gray-800 hover:scale-110 transition-all duration-200",
         children: /* @__PURE__ */ a(
-          rt,
+          at,
           {
             className: `h-4 w-4 text-gray-500 transition-transform duration-300 ease-in-out ${n.includes(d.id) ? "rotate-90" : "rotate-0"}`
           }
@@ -9993,7 +9993,7 @@ const gc = ({
     children: /* @__PURE__ */ a(
       "p",
       {
-        className: `${$.body.sm()} text-gray-500 dark:text-gray-400`,
+        className: `${U.body.sm()} text-gray-500 dark:text-gray-400`,
         children: s
       }
     )
@@ -10003,7 +10003,7 @@ const gc = ({
     e.map((d, c) => /* @__PURE__ */ a(
       "th",
       {
-        className: `${$.label.default()} text-left py-3 px-4 whitespace-nowrap`,
+        className: `${U.label.default()} text-left py-3 px-4 whitespace-nowrap`,
         children: d
       },
       c
@@ -10011,7 +10011,7 @@ const gc = ({
     r && /* @__PURE__ */ a(
       "th",
       {
-        className: `${$.label.default()} text-right py-3 px-4 sticky right-0 bg-white dark:bg-gray-900 whitespace-nowrap`
+        className: `${U.label.default()} text-right py-3 px-4 sticky right-0 bg-white dark:bg-gray-900 whitespace-nowrap`
       }
     )
   ] }) }),
@@ -10022,7 +10022,7 @@ const gc = ({
       children: [
         e.map((g, m) => {
           const y = n(d, m);
-          return /* @__PURE__ */ a("td", { className: "py-3 px-4", children: typeof y == "string" ? /* @__PURE__ */ a("span", { className: $.body.sm(), children: y }) : y }, m);
+          return /* @__PURE__ */ a("td", { className: "py-3 px-4", children: typeof y == "string" ? /* @__PURE__ */ a("span", { className: U.body.sm(), children: y }) : y }, m);
         }),
         r && /* @__PURE__ */ a("td", { className: "py-3 px-4 text-right sticky right-0 bg-white dark:bg-gray-900", children: o?.(d) })
       ]
@@ -10283,34 +10283,34 @@ const gc = ({
   className: g
 }) => {
   const [m, y] = I(""), [b, f] = I(""), [p, x] = I(/* @__PURE__ */ new Set()), [N, v] = I(/* @__PURE__ */ new Set()), C = s ? t.filter(
-    (U) => U.label.toLowerCase().includes(m.toLowerCase())
+    (z) => z.label.toLowerCase().includes(m.toLowerCase())
   ) : t, w = s ? e.filter(
-    (U) => U.label.toLowerCase().includes(b.toLowerCase())
-  ) : e, k = (U) => {
+    (z) => z.label.toLowerCase().includes(b.toLowerCase())
+  ) : e, k = (z) => {
     const F = new Set(p);
-    F.has(U) ? F.delete(U) : F.add(U), x(F);
-  }, L = (U) => {
+    F.has(z) ? F.delete(z) : F.add(z), x(F);
+  }, L = (z) => {
     const F = new Set(N);
-    F.has(U) ? F.delete(U) : F.add(U), v(F);
+    F.has(z) ? F.delete(z) : F.add(z), v(F);
   }, E = () => {
-    const U = t.filter((W) => p.has(W.id)), F = t.filter((W) => !p.has(W.id)), R = [...e, ...U];
+    const z = t.filter((W) => p.has(W.id)), F = t.filter((W) => !p.has(W.id)), R = [...e, ...z];
     r(F, R), x(/* @__PURE__ */ new Set());
   }, S = () => {
-    const U = e.filter((W) => N.has(W.id)), F = e.filter((W) => !N.has(W.id)), R = [...t, ...U];
+    const z = e.filter((W) => N.has(W.id)), F = e.filter((W) => !N.has(W.id)), R = [...t, ...z];
     r(R, F), v(/* @__PURE__ */ new Set());
   }, M = () => {
-    const U = [...e, ...t];
-    r([], U), x(/* @__PURE__ */ new Set());
-  }, z = () => {
-    const U = [...t, ...e];
-    r(U, []), v(/* @__PURE__ */ new Set());
-  }, T = (U, F, R, W, V, G, fr) => /* @__PURE__ */ h("div", { className: "flex flex-col flex-1 border border-gray-300 dark:border-gray-700 rounded-md bg-white dark:bg-gray-900", children: [
+    const z = [...e, ...t];
+    r([], z), x(/* @__PURE__ */ new Set());
+  }, $ = () => {
+    const z = [...t, ...e];
+    r(z, []), v(/* @__PURE__ */ new Set());
+  }, T = (z, F, R, W, V, K, fe) => /* @__PURE__ */ h("div", { className: "flex flex-col flex-1 border border-gray-300 dark:border-gray-700 rounded-md bg-white dark:bg-gray-900", children: [
     /* @__PURE__ */ h("div", { className: "px-3 py-2 border-b border-gray-300 dark:border-gray-700 bg-gray-50 dark:bg-gray-800", children: [
       /* @__PURE__ */ a("h3", { className: "text-sm font-semibold text-gray-900 dark:text-white", children: F }),
       /* @__PURE__ */ h("p", { className: "text-xs text-gray-600 dark:text-gray-400", children: [
-        U.length,
+        z.length,
         " item",
-        U.length !== 1 ? "s" : ""
+        z.length !== 1 ? "s" : ""
       ] })
     ] }),
     s && /* @__PURE__ */ a("div", { className: "p-2 border-b border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ a(
@@ -10318,8 +10318,8 @@ const gc = ({
       {
         type: "text",
         value: V,
-        onChange: (Q) => G(Q.target.value),
-        placeholder: fr,
+        onChange: (Q) => K(Q.target.value),
+        placeholder: fe,
         className: "w-full px-3 py-2 text-sm bg-gray-50 dark:bg-gray-800 border border-gray-300 dark:border-gray-700 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 dark:focus:ring-blue-400"
       }
     ) }),
@@ -10328,8 +10328,8 @@ const gc = ({
       {
         className: "overflow-y-auto p-2 space-y-1",
         style: { height: s ? d - 120 : d - 60 },
-        children: U.length === 0 ? /* @__PURE__ */ a("div", { className: "flex items-center justify-center h-full text-sm text-gray-500 dark:text-gray-400", children: "No items" }) : U.map((Q) => {
-          const Oe = R.has(Q.id);
+        children: z.length === 0 ? /* @__PURE__ */ a("div", { className: "flex items-center justify-center h-full text-sm text-gray-500 dark:text-gray-400", children: "No items" }) : z.map((Q) => {
+          const Ve = R.has(Q.id);
           return /* @__PURE__ */ a(
             "button",
             {
@@ -10339,7 +10339,7 @@ const gc = ({
                 "w-full px-3 py-2 text-left rounded-md transition-colors",
                 "hover:bg-gray-100 dark:hover:bg-gray-800",
                 "disabled:opacity-50 disabled:cursor-not-allowed",
-                Oe && "bg-blue-50 dark:bg-blue-900/30 border border-blue-200 dark:border-blue-700"
+                Ve && "bg-blue-50 dark:bg-blue-900/30 border border-blue-200 dark:border-blue-700"
               ),
               children: /* @__PURE__ */ h("div", { className: "flex items-start gap-2", children: [
                 /* @__PURE__ */ a(
@@ -10347,9 +10347,9 @@ const gc = ({
                   {
                     className: u(
                       "w-4 h-4 border-2 rounded flex items-center justify-center flex-shrink-0 mt-0.5",
-                      Oe ? "bg-blue-600 border-blue-600 dark:bg-blue-500 dark:border-blue-500" : "border-gray-300 dark:border-gray-600"
+                      Ve ? "bg-blue-600 border-blue-600 dark:bg-blue-500 dark:border-blue-500" : "border-gray-300 dark:border-gray-600"
                     ),
-                    children: Oe && /* @__PURE__ */ a(
+                    children: Ve && /* @__PURE__ */ a(
                       "svg",
                       {
                         className: "w-3 h-3 text-white",
@@ -10497,7 +10497,7 @@ const gc = ({
       /* @__PURE__ */ a(
         "button",
         {
-          onClick: z,
+          onClick: $,
           disabled: c || e.length === 0,
           className: u(
             "px-3 py-2 text-sm bg-white dark:bg-gray-900",
@@ -10699,7 +10699,7 @@ const Sc = ({
   sm: "p-3",
   md: "p-6",
   lg: "p-8"
-}, Qt = ({
+}, Jt = ({
   variant: t = "elevated",
   padding: e = "md",
   icon: r,
@@ -10762,8 +10762,8 @@ const Sc = ({
   children: n,
   ...o
 }) => /* @__PURE__ */ h("div", { className: u("space-y-1.5", r), ...o, children: [
-  t && /* @__PURE__ */ a("h3", { className: $.heading.h4(), children: t }),
-  e && /* @__PURE__ */ a("p", { className: $.body.sm(), children: e }),
+  t && /* @__PURE__ */ a("h3", { className: U.heading.h4(), children: t }),
+  e && /* @__PURE__ */ a("p", { className: U.body.sm(), children: e }),
   n
 ] }), Mc = ({
   className: t,
@@ -10780,7 +10780,7 @@ const Sc = ({
   size: n = "default",
   className: o
 }) => /* @__PURE__ */ h(
-  Qt,
+  Jt,
   {
     variant: r === "neutral" ? "bordered" : r,
     padding: { sm: "sm", default: "md", lg: "lg" }[n],
@@ -10808,7 +10808,7 @@ const Sc = ({
   centered: s = !1,
   className: l
 }) => /* @__PURE__ */ a(
-  Qt,
+  Jt,
   {
     variant: n === "gradient" || n === "neutral" ? "callout" : n,
     padding: { sm: "sm", default: "md", lg: "lg" }[o],
@@ -11023,18 +11023,18 @@ const Sc = ({
 }) => {
   const y = {
     sm: {
-      label: $.body.sm(),
-      value: $.body.sm(),
+      label: U.body.sm(),
+      value: U.body.sm(),
       gap: "gap-1"
     },
     md: {
-      label: $.body.md(),
-      value: $.body.md(),
+      label: U.body.md(),
+      value: U.body.md(),
       gap: "gap-2"
     },
     lg: {
-      label: $.body.lg(),
-      value: $.body.lg(),
+      label: U.body.lg(),
+      value: U.body.lg(),
       gap: "gap-3"
     }
   }, b = {
@@ -11140,23 +11140,23 @@ const Sc = ({
     }
   }, m = {
     sm: {
-      value: $.heading.h5(),
-      label: $.caption.default(),
+      value: U.heading.h5(),
+      label: U.caption.default(),
       icon: "h-4 w-4"
     },
     md: {
-      value: $.heading.h4(),
-      label: $.body.sm(),
+      value: U.heading.h4(),
+      label: U.body.sm(),
       icon: "h-5 w-5"
     },
     lg: {
-      value: $.heading.h3(),
-      label: $.body.md(),
+      value: U.heading.h3(),
+      label: U.body.md(),
       icon: "h-6 w-6"
     },
     xl: {
-      value: $.heading.h2(),
-      label: $.body.lg(),
+      value: U.heading.h2(),
+      label: U.body.lg(),
       icon: "h-8 w-8"
     }
   }, y = {
@@ -11229,12 +11229,12 @@ const Sc = ({
     ),
     children: [
       t && /* @__PURE__ */ a("div", { className: "mb-4 text-gray-400 dark:text-gray-600", children: t }),
-      /* @__PURE__ */ a("h3", { className: u($.heading.h3(), "mb-2"), children: e }),
+      /* @__PURE__ */ a("h3", { className: u(U.heading.h3(), "mb-2"), children: e }),
       r && /* @__PURE__ */ a(
         "p",
         {
           className: u(
-            $.body.sm(),
+            U.body.sm(),
             "text-gray-600 dark:text-gray-400 max-w-sm mb-6"
           ),
           children: r
@@ -12106,8 +12106,8 @@ const Sc = ({
       ),
       style: E,
       children: [
-        i && b && /* @__PURE__ */ a("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ a("div", { className: "animate-pulse", children: /* @__PURE__ */ a(yt, { className: "h-8 w-8 text-gray-400" }) }) }),
-        p && /* @__PURE__ */ a("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ a(yt, { className: "h-8 w-8 text-gray-400" }) }),
+        i && b && /* @__PURE__ */ a("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ a("div", { className: "animate-pulse", children: /* @__PURE__ */ a(xt, { className: "h-8 w-8 text-gray-400" }) }) }),
+        p && /* @__PURE__ */ a("div", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ a(xt, { className: "h-8 w-8 text-gray-400" }) }),
         !p && /* @__PURE__ */ a(
           "img",
           {
@@ -12944,9 +12944,9 @@ const Sc = ({
   A(() => {
     const k = i.current;
     if (!k) return;
-    const L = () => m(k.currentTime), E = () => b(k.duration), S = () => c(!0), M = () => c(!1), z = () => c(!1);
-    return k.addEventListener("timeupdate", L), k.addEventListener("loadedmetadata", E), k.addEventListener("play", S), k.addEventListener("pause", M), k.addEventListener("ended", z), () => {
-      k.removeEventListener("timeupdate", L), k.removeEventListener("loadedmetadata", E), k.removeEventListener("play", S), k.removeEventListener("pause", M), k.removeEventListener("ended", z);
+    const L = () => m(k.currentTime), E = () => b(k.duration), S = () => c(!0), M = () => c(!1), $ = () => c(!1);
+    return k.addEventListener("timeupdate", L), k.addEventListener("loadedmetadata", E), k.addEventListener("play", S), k.addEventListener("pause", M), k.addEventListener("ended", $), () => {
+      k.removeEventListener("timeupdate", L), k.removeEventListener("loadedmetadata", E), k.removeEventListener("play", S), k.removeEventListener("pause", M), k.removeEventListener("ended", $);
     };
   }, []);
   const x = () => {
@@ -13174,12 +13174,12 @@ const Sc = ({
     const w = C.filter((S) => {
       const M = t.some((T) => {
         if (T.endsWith("/*")) {
-          const U = T.split("/")[0];
-          return S.type.startsWith(U);
+          const z = T.split("/")[0];
+          return S.type.startsWith(z);
         }
         return S.type === T;
-      }), z = S.size <= e;
-      return M && z;
+      }), $ = S.size <= e;
+      return M && $;
     }), k = r - i.length, L = w.slice(0, k), E = L.map((S) => ({
       id: `${Date.now()}-${Math.random()}`,
       file: S,
@@ -13405,7 +13405,7 @@ const Sc = ({
     ),
     /* @__PURE__ */ a("p", { className: "text-xs text-gray-600 dark:text-gray-400 max-w-[200px] text-center break-all", children: t })
   ] });
-}, Jt = ({
+}, Xt = ({
   isOpen: t,
   onClose: e,
   title: r,
@@ -13479,7 +13479,7 @@ const Sc = ({
                     onClick: e,
                     className: j.overlays.modal.closeButton(),
                     "aria-label": b,
-                    children: /* @__PURE__ */ a(je, { className: j.icon.variant.muted.md() })
+                    children: /* @__PURE__ */ a(Fe, { className: j.icon.variant.muted.md() })
                   }
                 )
               ] }),
@@ -13490,7 +13490,7 @@ const Sc = ({
       }
     )
   ] });
-  return Ze(v, document.body);
+  return et(v, document.body);
 }, Cd = ({
   children: t,
   variant: e = "default",
@@ -13502,7 +13502,7 @@ const Sc = ({
     className: u(j.overlays.modal.header(), r),
     children: t
   }
-), Xt = ({
+), Zt = ({
   children: t,
   variant: e = "default",
   className: r
@@ -13513,7 +13513,7 @@ const Sc = ({
     className: u(j.overlays.modal.body(), r),
     children: t
   }
-), Zt = ({
+), er = ({
   children: t,
   variant: e = "default",
   className: r
@@ -13579,7 +13579,7 @@ const Sc = ({
     bottom: t ? "translate-y-0" : "translate-y-full"
   };
   return /* @__PURE__ */ h(me, { children: [
-    /* @__PURE__ */ a(ot, { isOpen: t, onClose: e, opacity: "medium" }),
+    /* @__PURE__ */ a(st, { isOpen: t, onClose: e, opacity: "medium" }),
     /* @__PURE__ */ h(
       "div",
       {
@@ -14063,7 +14063,7 @@ const Sc = ({
     right: "animate-in slide-in-from-right duration-300"
   };
   return /* @__PURE__ */ h(me, { children: [
-    /* @__PURE__ */ a(ot, { isOpen: t, onClose: e, opacity: "dark" }),
+    /* @__PURE__ */ a(st, { isOpen: t, onClose: e, opacity: "dark" }),
     /* @__PURE__ */ h(
       "div",
       {
@@ -14167,7 +14167,7 @@ const Sc = ({
     p(l), N(null), e();
   }, w = y ? f.trim().length > 0 : !0;
   return /* @__PURE__ */ a(
-    Jt,
+    Xt,
     {
       isOpen: t,
       onClose: C,
@@ -14177,18 +14177,18 @@ const Sc = ({
       closeOnEscape: !c,
       closeOnOverlayClick: !c,
       children: /* @__PURE__ */ h("form", { onSubmit: v, children: [
-        /* @__PURE__ */ h(Xt, { variant: "padded", children: [
-          /* @__PURE__ */ a("h3", { id: "text-input-modal-title", className: $.heading.h4(), children: n }),
+        /* @__PURE__ */ h(Zt, { variant: "padded", children: [
+          /* @__PURE__ */ a("h3", { id: "text-input-modal-title", className: U.heading.h4(), children: n }),
           /* @__PURE__ */ a(
             "p",
             {
               id: "text-input-modal-description",
-              className: `${$.body.md()} mt-2 mb-4`,
+              className: `${U.body.md()} mt-2 mb-4`,
               children: o
             }
           ),
           /* @__PURE__ */ a(
-            st,
+            lt,
             {
               type: "text",
               value: f,
@@ -14205,13 +14205,13 @@ const Sc = ({
             "p",
             {
               id: "text-input-error",
-              className: `${$.body.sm()} text-red-600 dark:text-red-400 mt-2`,
+              className: `${U.body.sm()} text-red-600 dark:text-red-400 mt-2`,
               role: "alert",
               children: x
             }
           )
         ] }),
-        /* @__PURE__ */ h(Zt, { children: [
+        /* @__PURE__ */ h(er, { children: [
           /* @__PURE__ */ a(
             te,
             {
@@ -14281,14 +14281,14 @@ const Sc = ({
     c === "hover" && w();
   }, M = () => {
     c === "hover" && k();
-  }, z = () => {
+  }, $ = () => {
     c === "click" && !v && (C ? (b(!1), m?.(!1)) : (b(!0), m?.(!0)));
   }, T = {
     top: "bottom-full left-1/2 -translate-x-1/2 -translate-y-2",
     bottom: "top-full left-1/2 -translate-x-1/2 translate-y-2",
     left: "right-full top-1/2 -translate-x-2 -translate-y-1/2",
     right: "left-full top-1/2 translate-x-2 -translate-y-1/2"
-  }, U = {
+  }, z = {
     top: "top-full left-1/2 -translate-x-1/2 border-l-transparent border-r-transparent border-b-transparent",
     bottom: "bottom-full left-1/2 -translate-x-1/2 border-l-transparent border-r-transparent border-t-transparent",
     left: "left-full top-1/2 -translate-y-1/2 border-t-transparent border-b-transparent border-r-transparent",
@@ -14340,7 +14340,7 @@ const Sc = ({
       onMouseLeave: E,
       onFocus: S,
       onBlur: M,
-      onClick: z,
+      onClick: $,
       children: [
         e,
         C && !l && /* @__PURE__ */ h(
@@ -14361,7 +14361,7 @@ const Sc = ({
                 {
                   className: u(
                     "absolute w-0 h-0 border-4 arrow",
-                    U[r],
+                    z[r],
                     R[d][r]
                   )
                 }
@@ -14374,9 +14374,9 @@ const Sc = ({
   );
 }, nn = {
   default: ge,
-  warning: tt,
-  danger: et,
-  success: Re,
+  warning: rt,
+  danger: tt,
+  success: je,
   info: ge
 }, on = {
   default: () => j.icon.variant.default.lg(),
@@ -14404,7 +14404,7 @@ const Sc = ({
 }) => {
   const g = nn[d], m = on[d], y = sn[d];
   return /* @__PURE__ */ h(
-    Jt,
+    Xt,
     {
       isOpen: t,
       onClose: e,
@@ -14413,14 +14413,14 @@ const Sc = ({
       "aria-labelledby": "confirmation-dialog-title",
       "aria-describedby": "confirmation-dialog-description",
       children: [
-        /* @__PURE__ */ h(Xt, { variant: "padded", children: [
+        /* @__PURE__ */ h(Zt, { variant: "padded", children: [
           /* @__PURE__ */ h("div", { className: "flex items-center gap-3 mb-4", children: [
             /* @__PURE__ */ a(g, { className: m() }),
             /* @__PURE__ */ a(
               "h3",
               {
                 id: "confirmation-dialog-title",
-                className: $.heading.h4(),
+                className: U.heading.h4(),
                 children: n
               }
             )
@@ -14429,12 +14429,12 @@ const Sc = ({
             "p",
             {
               id: "confirmation-dialog-description",
-              className: $.body.md(),
+              className: U.body.md(),
               children: o
             }
           )
         ] }),
-        /* @__PURE__ */ h(Zt, { children: [
+        /* @__PURE__ */ h(er, { children: [
           /* @__PURE__ */ a(te, { variant: "outline", onClick: e, disabled: c, children: l }),
           /* @__PURE__ */ a(
             te,
@@ -14840,8 +14840,8 @@ const Sc = ({
       if (!b) return;
       const T = M.touches[0].clientY - p.current;
       if (T > 0 && k.scrollTop <= 0) {
-        const U = Math.min(T / i, 1), F = Math.min(
-          T * (1 - U * 0.5),
+        const z = Math.min(T / i, 1), F = Math.min(
+          T * (1 - z * 0.5),
           i
         );
         g(F), T > 10 && M.preventDefault();
@@ -15175,7 +15175,7 @@ const Sc = ({
       ] })
     ] })
   ] });
-}, er = ({
+}, tr = ({
   items: t,
   shareConfig: e,
   className: r,
@@ -15183,7 +15183,7 @@ const Sc = ({
 }) => /* @__PURE__ */ h("div", { className: "flex items-center justify-between", children: [
   /* @__PURE__ */ a("nav", { "aria-label": "Breadcrumb", children: /* @__PURE__ */ a("ol", { className: "flex items-center text-sm space-x-2", children: t.map((o, s) => /* @__PURE__ */ h(P.Fragment, { children: [
     /* @__PURE__ */ a("li", { children: o.current ? /* @__PURE__ */ a("span", { className: "text-gray-700 dark:text-gray-300", children: o.label }) : /* @__PURE__ */ a(
-      Ee,
+      Me,
       {
         to: o.href || "#",
         className: "text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-300 transition-colors",
@@ -15193,39 +15193,39 @@ const Sc = ({
     s < t.length - 1 && /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a("span", { className: "text-gray-400 dark:text-gray-500", children: "/" }) })
   ] }, s)) }) }),
   e && /* @__PURE__ */ a(ln, { shareConfig: e })
-] }), Hd = er, tr = {
+] }), Hd = tr, rr = {
   standard: "max-w-7xl mx-auto px-4",
   wide: "max-w-[1920px] mx-auto px-4",
   full: "w-full px-4"
-}, rr = {
+}, ar = {
   standard: "max-w-7xl mx-auto",
   wide: "max-w-[1920px] mx-auto",
   full: "w-full"
-}, ar = "px-4", nr = De(void 0), cn = ({
+}, nr = "px-4", or = Be(void 0), cn = ({
   mode: t = "standard",
   children: e
 }) => {
   const r = {
     mode: t,
-    containerClass: tr[t],
-    maxWidthClass: rr[t],
-    paddingClass: ar
+    containerClass: rr[t],
+    maxWidthClass: ar[t],
+    paddingClass: nr
   };
-  return /* @__PURE__ */ a(nr.Provider, { value: r, children: e });
+  return /* @__PURE__ */ a(or.Provider, { value: r, children: e });
 }, se = () => {
-  const t = Be(nr);
+  const t = Re(or);
   return t || {
     mode: "standard",
-    containerClass: tr.standard,
-    maxWidthClass: rr.standard,
-    paddingClass: ar
+    containerClass: rr.standard,
+    maxWidthClass: ar.standard,
+    paddingClass: nr
   };
 }, qd = ({
   items: t,
   shareConfig: e
 }) => {
   const { containerClass: r } = se();
-  return /* @__PURE__ */ a("div", { className: "bg-white dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700 relative z-50", children: /* @__PURE__ */ a("div", { className: `${r} py-3 relative`, children: /* @__PURE__ */ a(er, { items: t, shareConfig: e }) }) });
+  return /* @__PURE__ */ a("div", { className: "bg-white dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700 relative z-50", children: /* @__PURE__ */ a("div", { className: `${r} py-3 relative`, children: /* @__PURE__ */ a(tr, { items: t, shareConfig: e }) }) });
 }, dn = (t) => {
   const [e, r] = I(""), [n, o] = I(!0), [s, l] = I(null);
   return A(() => {
@@ -15253,7 +15253,7 @@ const Sc = ({
   showCopy: s = !0,
   showHeader: l = !0
 }) => {
-  const { t: i } = We("codeBlock"), { code: d, loading: c, error: g } = dn(t || ""), [m, y] = I(!1), b = e || d, p = r || (t ? ((N) => {
+  const { t: i } = Oe("codeBlock"), { code: d, loading: c, error: g } = dn(t || ""), [m, y] = I(!1), b = e || d, p = r || (t ? ((N) => {
     switch (N.split(".").pop()?.toLowerCase()) {
       case "sol":
         return "solidity";
@@ -15411,7 +15411,7 @@ const Sc = ({
           className: "p-2 rounded-md hover:bg-gray-100 dark:hover:bg-gray-800 hover:scale-110 transition-all duration-200",
           "aria-label": c ? "Collapse section" : "Expand section",
           children: /* @__PURE__ */ a(
-            rt,
+            at,
             {
               className: `h-5 w-5 text-gray-500 transition-transform duration-300 ease-in-out ${c ? "rotate-90" : "rotate-0"}`
             }
@@ -15463,7 +15463,7 @@ const Sc = ({
         }
       )
     }
-  ), g = () => n === "arrow" || n === "both" ? /* @__PURE__ */ a(Rt, { className: "h-4 w-4 ml-2" }) : null, m = () => o === "prominent" ? "border-b-2 border-green-200 dark:border-green-700" : "border-b border-green-200 dark:border-green-700", y = () => {
+  ), g = () => n === "arrow" || n === "both" ? /* @__PURE__ */ a(jt, { className: "h-4 w-4 ml-2" }) : null, m = () => o === "prominent" ? "border-b-2 border-green-200 dark:border-green-700" : "border-b border-green-200 dark:border-green-700", y = () => {
     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 o === "prominent" ? `${x} px-8 py-3 text-base` : `${x} px-6 py-2 text-sm`;
   }, b = () => o === "prominent" ? "text-green-800 dark:text-green-200 font-semibold text-lg" : "text-green-800 dark:text-green-200 font-semibold", f = o === "prominent" ? l : s, { containerClass: p } = se();
@@ -15572,7 +15572,7 @@ const Sc = ({
     return /* @__PURE__ */ a(d, { ...c, to: r, onClick: m, ...g, children: t });
   const y = r ? typeof r == "string" ? r : r.pathname || "#" : n;
   return /* @__PURE__ */ a("a", { ...g, href: y, onClick: m, children: t });
-}, St = {
+}, Lt = {
   en: { name: "English", flag: "🇺🇸" },
   ar: { name: "العربية", flag: "🇸🇦" },
   de: { name: "Deutsch", flag: "🇩🇪" },
@@ -15592,10 +15592,10 @@ const Sc = ({
   variant: t = "compact",
   className: e = ""
 }) => {
-  const { i18n: r, t: n } = We("languageSelector"), [o, s] = P.useState(r.language), l = P.useMemo(() => r.options.supportedLngs ? r.options.supportedLngs.filter((c) => c !== "cimode").map((c) => ({
+  const { i18n: r, t: n } = Oe("languageSelector"), [o, s] = P.useState(r.language), l = P.useMemo(() => r.options.supportedLngs ? r.options.supportedLngs.filter((c) => c !== "cimode").map((c) => ({
     code: c,
-    name: St[c]?.name || c.toUpperCase(),
-    flag: St[c]?.flag || "🌐"
+    name: Lt[c]?.name || c.toUpperCase(),
+    flag: Lt[c]?.flag || "🌐"
   })).sort(
     (c, g) => c.name.localeCompare(g.name)
   ) : [], [r.options.supportedLngs]), i = l.find(
@@ -15612,14 +15612,14 @@ const Sc = ({
     }).catch(() => {
     });
   };
-  return t === "compact" ? /* @__PURE__ */ a("div", { className: `relative ${e}`, children: /* @__PURE__ */ h(wt, { value: o, onValueChange: d, children: [
-    /* @__PURE__ */ a(Ge, { 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__ */ h("div", { className: "flex items-center space-x-2", children: [
+  return t === "compact" ? /* @__PURE__ */ a("div", { className: `relative ${e}`, children: /* @__PURE__ */ h(kt, { value: o, onValueChange: d, children: [
+    /* @__PURE__ */ a(Ye, { 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__ */ h("div", { className: "flex items-center space-x-2", children: [
       /* @__PURE__ */ a("span", { className: "text-lg leading-none", children: i?.flag }),
       /* @__PURE__ */ a("span", { className: "hidden sm:block text-sm font-medium text-gray-700 dark:text-gray-300", children: i?.name })
     ] }) }),
-    /* @__PURE__ */ a(Ye, { children: l.map(
+    /* @__PURE__ */ a(Qe, { children: l.map(
       (c) => /* @__PURE__ */ a(
-        Qe,
+        Je,
         {
           value: c.code,
           className: "cursor-pointer",
@@ -15636,11 +15636,11 @@ const Sc = ({
       /* @__PURE__ */ a(Rr, { className: "h-4 w-4 text-gray-500 dark:text-gray-400" }),
       /* @__PURE__ */ a("span", { children: n("language", "Language") })
     ] }),
-    /* @__PURE__ */ h(wt, { value: o, onValueChange: d, children: [
-      /* @__PURE__ */ a(Ge, { children: /* @__PURE__ */ a(Na, { placeholder: n("selectLanguage", "Select language") }) }),
-      /* @__PURE__ */ a(Ye, { children: l.map(
+    /* @__PURE__ */ h(kt, { value: o, onValueChange: d, children: [
+      /* @__PURE__ */ a(Ye, { children: /* @__PURE__ */ a(Na, { placeholder: n("selectLanguage", "Select language") }) }),
+      /* @__PURE__ */ a(Qe, { children: l.map(
         (c) => /* @__PURE__ */ a(
-          Qe,
+          Je,
           {
             value: c.code,
             className: "cursor-pointer",
@@ -15697,7 +15697,7 @@ const Sc = ({
   };
   return /* @__PURE__ */ a("ul", { className: u(s(), n), children: t.map(d) });
 };
-class e0 extends Dt {
+class e0 extends Bt {
   constructor() {
     super(...arguments), this.state = {
       hasError: !1
@@ -15726,7 +15726,7 @@ class e0 extends Dt {
     ) : this.props.children;
   }
 }
-class dt extends Dt {
+class ut extends Bt {
   constructor(e) {
     super(e), this.retryTimer = null, this.sendErrorToMonitoring = (r, n) => {
       try {
@@ -15840,10 +15840,10 @@ class dt extends Dt {
   }
 }
 function t0(t, e) {
-  const r = (n) => /* @__PURE__ */ a(dt, { ...e, children: /* @__PURE__ */ a(t, { ...n }) });
+  const r = (n) => /* @__PURE__ */ a(ut, { ...e, children: /* @__PURE__ */ a(t, { ...n }) });
   return r.displayName = `withLazyErrorBoundary(${t.displayName || t.name})`, r;
 }
-class r0 extends dt {
+class r0 extends ut {
   static getDerivedStateFromError(e) {
     return e.message.includes("Loading chunk") || e.message.includes("Loading CSS chunk") || e.message.includes("ChunkLoadError") || e.name === "ChunkLoadError" ? {
       hasError: !0,
@@ -15865,7 +15865,7 @@ function a0() {
 }
 function n0({ children: t }) {
   return /* @__PURE__ */ a(
-    dt,
+    ut,
     {
       onError: (r, n) => {
         console.error("Global lazy loading error:", r, n), typeof window < "u" && window.Sentry && window.Sentry?.captureException(r, {
@@ -15891,12 +15891,12 @@ function n0({ children: t }) {
 const o0 = ({ children: t }) => /* @__PURE__ */ a(O, { children: t }), s0 = ({
   children: t
 }) => /* @__PURE__ */ a(O, { children: t }), l0 = (t, e, r) => {
-  const n = Se(t, e);
+  const n = Le(t, e);
   return r && (n.displayName = `Memo(${r})`), process.env.NODE_ENV === "development" ? (o) => (ee(() => {
     let l = 0;
     return () => ++l;
   }, [])(), /* @__PURE__ */ a(n, { ...o })) : n;
-}, i0 = (t, e) => Se(t, (r, n) => e.every((o) => r[o] === n[o])), c0 = Se(
+}, i0 = (t, e) => Le(t, (r, n) => e.every((o) => r[o] === n[o])), c0 = Le(
   ({ children: t, compute: e, deps: r }) => {
     const n = P.useRef(r), o = P.useRef(e), s = P.useRef(void 0), l = ee(() => {
       const i = r.length !== n.current.length || r.some((c, g) => c !== n.current[g]), d = e !== o.current;
@@ -15908,10 +15908,10 @@ const o0 = ({ children: t }) => /* @__PURE__ */ a(O, { children: t }), s0 = ({
     }, [e, r]);
     return /* @__PURE__ */ a(O, { children: t(l) });
   }
-), d0 = Se(
+), d0 = Le(
   ({ item: t, index: e, style: r, renderItem: n }) => /* @__PURE__ */ a("div", { style: r, children: n(t, e) }),
   (t, e) => t.index === e.index && t.item === e.item && t.style.height === e.style.height && t.style.top === e.style.top
-), u0 = Se(
+), u0 = Le(
   ({ condition: t, children: e, fallback: r = null }) => t ? /* @__PURE__ */ a(O, { children: e }) : /* @__PURE__ */ a(O, { children: r })
 ), g0 = ({
   children: t,
@@ -16060,8 +16060,8 @@ function b0({
   defaultLanguage: o = "en",
   ...s
 }) {
-  const { lang: l } = Fe(), i = l && n(l) ? l : o, d = e || i, c = t.startsWith(`/${d}`) ? t : `/${d}${t.startsWith("/") ? t : `/${t}`}`;
-  return /* @__PURE__ */ a(Ee, { to: c, ...s, children: r });
+  const { lang: l } = We(), i = l && n(l) ? l : o, d = e || i, c = t.startsWith(`/${d}`) ? t : `/${d}${t.startsWith("/") ? t : `/${t}`}`;
+  return /* @__PURE__ */ a(Me, { to: c, ...s, children: r });
 }
 function p0({
   isLanguageSupported: t,
@@ -16069,7 +16069,7 @@ function p0({
   storageKey: r = "language",
   fallback: n = null
 }) {
-  const { lang: o } = Fe(), s = nt(), { i18n: l } = We();
+  const { lang: o } = We(), s = ot(), { i18n: l } = Oe();
   return A(() => {
     if (!o || !t(o)) {
       s(`/${e}`, { replace: !0 });
@@ -16082,11 +16082,11 @@ function p0({
     }
   }, [o, l, s, t, e, r]), !o || !t(o) ? /* @__PURE__ */ a(O, { children: n }) : /* @__PURE__ */ a(qr, {});
 }
-function Lt(t, e) {
-  const r = or(t);
+function Et(t, e) {
+  const r = sr(t);
   return `/${e}${r.startsWith("/") ? r : `/${r}`}`;
 }
-function or(t, e) {
+function sr(t, e) {
   const r = t.split("/").filter(Boolean);
   if (r.length > 0) {
     const n = r[0];
@@ -16100,23 +16100,23 @@ function y0(t = {}) {
     isLanguageSupported: e = (g) => /^[a-z]{2}(-[a-z]+)?$/.test(g),
     defaultLanguage: r = "en",
     storageKey: n = "language"
-  } = t, o = nt(), { lang: s } = Fe(), { i18n: l } = We(), i = s && e(s) ? s : l.language || r, d = B(
+  } = t, o = ot(), { lang: s } = We(), { i18n: l } = Oe(), i = s && e(s) ? s : l.language || r, d = B(
     (g, m) => {
       if (typeof g == "number") {
         o(g);
         return;
       }
-      const y = Lt(g, i);
+      const y = Et(g, i);
       o(y, m);
     },
     [o, i]
   ), c = B(
     (g, m) => {
       l.changeLanguage(g);
-      const y = or(
+      const y = sr(
         m || (typeof window < "u" ? window.location.pathname : "/"),
         e
-      ), b = Lt(y, g);
+      ), b = Et(y, g);
       o(b, { replace: !0 });
       try {
         localStorage.setItem(n, g);
@@ -16138,7 +16138,7 @@ function x0({
   loadingComponent: o,
   fallback: s = null
 }) {
-  const l = nt(), { lang: i } = Fe();
+  const l = ot(), { lang: i } = We();
   return A(() => {
     if (!r && !e) {
       const d = n ? n.replace(":lang", i || "en") : `/${i || "en"}`;
@@ -16222,8 +16222,8 @@ function v0({
     }
   );
 }
-var Y = /* @__PURE__ */ ((t) => (t.LIGHT = "light", t.DARK = "dark", t.SYSTEM = "system", t))(Y || {}), sr = /* @__PURE__ */ ((t) => (t.SMALL = "small", t.MEDIUM = "medium", t.LARGE = "large", t))(sr || {});
-const Ie = {
+var Y = /* @__PURE__ */ ((t) => (t.LIGHT = "light", t.DARK = "dark", t.SYSTEM = "system", t))(Y || {}), lr = /* @__PURE__ */ ((t) => (t.SMALL = "small", t.MEDIUM = "medium", t.LARGE = "large", t))(lr || {});
+const Te = {
   getItem: (t) => {
     try {
       return localStorage.getItem(t);
@@ -16237,11 +16237,11 @@ const Ie = {
     } catch {
     }
   }
-}, lr = De(
+}, ir = Be(
   void 0
 );
 function w0() {
-  const t = Be(lr);
+  const t = Re(ir);
   if (t === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
   return t;
@@ -16251,18 +16251,18 @@ function k0({
   themeStorageKey: e = "theme",
   fontSizeStorageKey: r = "font-size",
   defaultTheme: n = Y.LIGHT,
-  defaultFontSize: o = sr.MEDIUM
+  defaultFontSize: o = lr.MEDIUM
 }) {
-  const [s, l] = I(() => Ie.getItem(e) || n), [i, d] = I(() => Ie.getItem(r) || o), [c, g] = I(
+  const [s, l] = I(() => Te.getItem(e) || n), [i, d] = I(() => Te.getItem(r) || o), [c, g] = I(
     () => s === Y.SYSTEM ? typeof window < "u" && window.matchMedia("(prefers-color-scheme: dark)").matches ? Y.DARK : Y.LIGHT : s
   ), m = B(
     (f) => {
-      l(f), Ie.setItem(e, f);
+      l(f), Te.setItem(e, f);
     },
     [e]
   ), y = B(
     (f) => {
-      d(f), Ie.setItem(r, f);
+      d(f), Te.setItem(r, f);
     },
     [r]
   );
@@ -16293,7 +16293,7 @@ function k0({
     }),
     [s, i, m, y, c]
   );
-  return /* @__PURE__ */ a(lr.Provider, { value: b, children: t });
+  return /* @__PURE__ */ a(ir.Provider, { value: b, children: t });
 }
 const N0 = ({
   icon: t,
@@ -16426,7 +16426,7 @@ const N0 = ({
       children: /* @__PURE__ */ a(v, {})
     }
   ) : /* @__PURE__ */ a("div", { className: C, children: /* @__PURE__ */ a(v, {}) });
-}, bn = K("grid gap-8", {
+}, bn = G("grid gap-8", {
   variants: {
     columns: {
       1: "grid-cols-1",
@@ -16444,7 +16444,7 @@ const N0 = ({
     columns: 3,
     spacing: "md"
   }
-}), pn = K("group transition-all duration-300", {
+}), pn = G("group transition-all duration-300", {
   variants: {
     variant: {
       default: "text-center",
@@ -16463,7 +16463,7 @@ const N0 = ({
     variant: "default",
     animation: "hover"
   }
-}), yn = K(
+}), yn = G(
   "flex items-center justify-center rounded-2xl mb-6 transition-all duration-300",
   {
     variants: {
@@ -16635,13 +16635,13 @@ const N0 = ({
     return /* @__PURE__ */ a("div", { children: w }, v.id || C);
   };
   return /* @__PURE__ */ a("div", { className: u(bn({ columns: r, spacing: n }), t), children: e.map(N) });
-}, Et = (t, e, r, n) => ({
+}, Mt = (t, e, r, n) => ({
   icon: t,
   title: e,
   description: r,
   ...n
 }), S0 = (t) => [
-  Et(
+  Mt(
     /* @__PURE__ */ a(
       "svg",
       {
@@ -16663,7 +16663,7 @@ const N0 = ({
     t?.passwordlessTitle || "Passwordless Security",
     t?.passwordlessDescription || "Authenticate using your Web3 wallet - no passwords to remember or lose."
   ),
-  Et(
+  Mt(
     /* @__PURE__ */ a(
       "svg",
       {
@@ -16725,7 +16725,7 @@ const N0 = ({
         children: x.label
       }
     );
-    return x.external ? /* @__PURE__ */ a("a", { href: x.href, target: "_blank", rel: "noopener noreferrer", children: C }) : /* @__PURE__ */ a(Ee, { to: x.href, children: C });
+    return x.external ? /* @__PURE__ */ a("a", { href: x.href, target: "_blank", rel: "noopener noreferrer", children: C }) : /* @__PURE__ */ a(Me, { to: x.href, children: C });
   };
   return /* @__PURE__ */ h(
     "section",
@@ -16966,14 +16966,14 @@ const $0 = ({
   className: r
 }) => /* @__PURE__ */ h("div", { className: r, children: [
   /* @__PURE__ */ a("div", { className: "mb-4", children: t }),
-  e && /* @__PURE__ */ a("p", { className: $.body.sm(), children: e })
+  e && /* @__PURE__ */ a("p", { className: U.body.sm(), children: e })
 ] }), D0 = ({
   title: t,
   children: e,
   className: r
 }) => /* @__PURE__ */ h("div", { className: r, children: [
-  /* @__PURE__ */ a("h3", { className: u($.heading.h5(), "mb-4 text-white"), children: t }),
-  /* @__PURE__ */ a("ul", { className: u("space-y-2", $.body.sm()), children: e })
+  /* @__PURE__ */ a("h3", { className: u(U.heading.h5(), "mb-4 text-white"), children: t }),
+  /* @__PURE__ */ a("ul", { className: u("space-y-2", U.body.sm()), children: e })
 ] }), B0 = ({
   children: t,
   className: e
@@ -17194,41 +17194,44 @@ const $0 = ({
   showMasterBackground: p = !0,
   enableAnimations: x = !0,
   animationDuration: N = 300,
-  animationRef: v
+  contentKey: v,
+  animationRef: C
 }) => {
-  const { containerClass: C } = se(), w = `gap-${Math.round(f / 4)}` || "gap-8", k = (V) => V ? V.split("-")[0].trim() : "Back", L = r ? k(r) : t ? k(t) : "Back", [E, S] = I(!1), [M, z] = I("auto"), T = D(null), U = D(
+  const { containerClass: w } = se(), k = `gap-${Math.round(f / 4)}` || "gap-8", L = (K) => K ? K.split("-")[0].trim() : "Back", E = r ? L(r) : t ? L(t) : "Back", [S, M] = I(!1), [$, T] = I("auto"), z = D(null), F = D(
     null
   );
-  A(() => (v && (v.current = {
-    triggerTransition: (V) => {
+  A(() => (C && (C.current = {
+    triggerTransition: (K) => {
       if (!x) {
-        V();
+        K();
         return;
       }
-      if (T.current) {
-        const G = T.current.scrollHeight;
-        z(G);
+      if (z.current) {
+        const fe = z.current.scrollHeight;
+        T(fe);
       }
-      S(!0), U.current && clearTimeout(U.current), U.current = setTimeout(() => {
-        V(), setTimeout(() => {
-          if (T.current) {
-            const G = T.current.scrollHeight;
-            z(G), setTimeout(() => {
-              z("auto"), S(!1);
+      M(!0), F.current && clearTimeout(F.current), F.current = setTimeout(() => {
+        K(), setTimeout(() => {
+          if (z.current) {
+            const fe = z.current.scrollHeight;
+            T(fe), setTimeout(() => {
+              T("auto"), M(!1);
             }, N);
           }
         }, 50);
       }, N / 2);
     }
   }), () => {
-    U.current && clearTimeout(U.current);
-  }), [x, N, v]);
-  const F = x ? {
-    height: M === "auto" ? "auto" : `${M}px`,
+    F.current && clearTimeout(F.current);
+  }), [x, N, C]), A(() => {
+    z.current && (z.current.scrollTop = 0);
+  }, [v, s]);
+  const R = x ? {
+    height: $ === "auto" ? "auto" : `${$}px`,
     transition: `height ${N}ms cubic-bezier(0.4, 0, 0.2, 1)`,
     width: "100%",
     maxWidth: "100%"
-  } : { width: "100%", maxWidth: "100%" }, R = x ? `${E ? "opacity-0 transform translate-y-2" : "opacity-100 transform translate-y-0"}` : "", W = x ? {
+  } : { width: "100%", maxWidth: "100%" }, W = x ? `${S ? "opacity-0 transform translate-y-2" : "opacity-100 transform translate-y-0"}` : "", V = x ? {
     transition: `opacity ${N}ms ease-in-out, transform ${N}ms ease-in-out`
   } : {};
   return /* @__PURE__ */ h(O, { children: [
@@ -17241,7 +17244,7 @@ const $0 = ({
           {
             className: p ? "bg-white dark:bg-gray-800 p-6" : "p-6",
             children: [
-              t && /* @__PURE__ */ h("div", { className: C, children: [
+              t && /* @__PURE__ */ h("div", { className: w, children: [
                 /* @__PURE__ */ a("h2", { className: "text-xl font-semibold text-gray-900 dark:text-white mb-4", children: t }),
                 e && /* @__PURE__ */ a("p", { className: "text-sm text-gray-600 dark:text-gray-400 mb-6 break-all", children: e })
               ] }),
@@ -17251,7 +17254,7 @@ const $0 = ({
         )
       }
     ),
-    /* @__PURE__ */ h("div", { className: `${C} py-8`, children: [
+    /* @__PURE__ */ h("div", { className: `${w} py-8`, children: [
       /* @__PURE__ */ h(
         "div",
         {
@@ -17264,17 +17267,17 @@ const $0 = ({
                 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: [
                   "← ",
-                  L
+                  E
                 ]
               }
             ),
             /* @__PURE__ */ a(
               "div",
               {
-                ref: T,
+                ref: z,
                 className: `bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 p-8 overflow-hidden ${c}`,
-                style: F,
-                children: /* @__PURE__ */ h("div", { className: R, style: W, children: [
+                style: R,
+                children: /* @__PURE__ */ h("div", { className: W, style: V, children: [
                   s && /* @__PURE__ */ a(
                     "h1",
                     {
@@ -17292,7 +17295,7 @@ const $0 = ({
       /* @__PURE__ */ h(
         "div",
         {
-          className: `hidden md:flex min-h-full ${w}`,
+          className: `hidden md:flex min-h-full ${k}`,
           style: { width: "100%" },
           children: [
             /* @__PURE__ */ a(
@@ -17328,10 +17331,13 @@ const $0 = ({
                 children: /* @__PURE__ */ a(
                   "div",
                   {
-                    ref: T,
-                    className: `bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 p-8 overflow-hidden ${c}`,
-                    style: F,
-                    children: /* @__PURE__ */ h("div", { className: R, style: W, children: [
+                    ref: z,
+                    className: `bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 p-8 overflow-y-auto ${y ? "max-h-[calc(100vh-200px)] sticky" : ""} ${c}`,
+                    style: {
+                      ...R,
+                      ...y ? { top: `${b}px` } : {}
+                    },
+                    children: /* @__PURE__ */ h("div", { className: W, style: V, children: [
                       s && /* @__PURE__ */ a(
                         "h1",
                         {
@@ -17401,7 +17407,7 @@ const $0 = ({
     style: { aspectRatio: t },
     children: e
   }
-) }), ir = De(null), Cn = ({
+) }), cr = Be(null), Cn = ({
   children: t,
   variant: e = "default",
   sticky: r = !0
@@ -17410,7 +17416,7 @@ const $0 = ({
     o((l) => !l);
   }, []);
   return /* @__PURE__ */ a(
-    ir.Provider,
+    cr.Provider,
     {
       value: {
         variant: e,
@@ -17422,12 +17428,12 @@ const $0 = ({
       children: t
     }
   );
-}, cr = () => {
-  const t = Be(ir);
+}, dr = () => {
+  const t = Re(cr);
   if (!t)
     throw new Error("useTopbar must be used within a TopbarProvider");
   return t;
-}, Mt = {
+}, It = {
   sm: "min-h-12",
   md: "min-h-14",
   lg: "min-h-16"
@@ -17459,7 +17465,7 @@ const $0 = ({
       className: u(
         // Base styles
         "w-full",
-        Mt[o],
+        It[o],
         Sn[e],
         Ln[l],
         // Sticky positioning
@@ -17484,7 +17490,7 @@ const $0 = ({
           {
             className: u(
               d,
-              Mt[o],
+              It[o],
               "flex flex-wrap items-center justify-between"
             ),
             children: t
@@ -17593,8 +17599,8 @@ const $0 = ({
   menuItems: s,
   LinkComponent: l
 }) => {
-  const { mobileMenuOpen: i, toggleMobileMenu: d, setMobileMenuOpen: c } = cr(), [g, m] = I(!1), y = D(null);
-  lt(y, () => {
+  const { mobileMenuOpen: i, toggleMobileMenu: d, setMobileMenuOpen: c } = dr(), [g, m] = I(!1), y = D(null);
+  it(y, () => {
     m(!1);
   });
   const b = s ? g : i, f = () => {
@@ -17711,7 +17717,7 @@ const $0 = ({
   align: o = "center"
 }) => {
   const [s, l] = I(null), i = D(null);
-  lt(
+  it(
     i,
     () => l(null)
   );
@@ -17772,7 +17778,7 @@ const $0 = ({
             "z-50"
           ),
           children: c.children?.map((f) => /* @__PURE__ */ a(
-            Xe,
+            Ze,
             {
               item: f,
               LinkComponent: n,
@@ -17789,7 +17795,7 @@ const $0 = ({
         }
       )
     ] }, c.id) : /* @__PURE__ */ a(
-      Xe,
+      Ze,
       {
         item: c,
         LinkComponent: n,
@@ -17811,7 +17817,7 @@ const $0 = ({
       children: t.map((c) => d(c))
     }
   );
-}, Xe = ({
+}, Ze = ({
   item: t,
   LinkComponent: e,
   className: r,
@@ -17854,7 +17860,7 @@ const $0 = ({
   className: r,
   LinkComponent: n
 }) => {
-  const { mobileMenuOpen: o, setMobileMenuOpen: s } = cr();
+  const { mobileMenuOpen: o, setMobileMenuOpen: s } = dr();
   return e ?? o ? /* @__PURE__ */ a(
     "div",
     {
@@ -17867,7 +17873,7 @@ const $0 = ({
         r
       ),
       children: /* @__PURE__ */ a("nav", { className: "px-4 py-2 space-y-1", "aria-label": "Mobile navigation", children: t.map((i) => /* @__PURE__ */ a(
-        Xe,
+        Ze,
         {
           item: i,
           LinkComponent: n,
@@ -18587,7 +18593,7 @@ function yu(t, e) {
   else
     return e;
 }
-const dr = (t) => ({
+const ur = (t) => ({
   "default-src": ["'self'"],
   "script-src": [
     "'self'",
@@ -18653,8 +18659,8 @@ const dr = (t) => ({
   "object-src": ["'none'"],
   "base-uri": ["'self'"],
   "form-action": ["'self'"]
-}), xu = dr(), Yn = (t) => {
-  const e = dr(t);
+}), xu = ur(), Yn = (t) => {
+  const e = ur(t);
   return Object.entries(e).map(([r, n]) => `${r} ${n.join(" ")}`).join("; ");
 }, Qn = (t) => ({
   "X-Frame-Options": "DENY",
@@ -18685,15 +18691,15 @@ const dr = (t) => ({
   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"
-}, Z = /* @__PURE__ */ new Map(), fe = /* @__PURE__ */ new Map(), $e = /* @__PURE__ */ new Set();
-let Ne = "medium", ut = !1;
+}, Z = /* @__PURE__ */ new Map(), be = /* @__PURE__ */ new Map(), Ue = /* @__PURE__ */ new Set();
+let Ce = "medium", gt = !1;
 function Jn() {
   if ("connection" in navigator) {
     const r = navigator.connection;
-    r && (Ne = r.effectiveType === "4g" ? "fast" : r.effectiveType === "3g" ? "medium" : "slow");
+    r && (Ce = r.effectiveType === "4g" ? "fast" : r.effectiveType === "3g" ? "medium" : "slow");
   }
   const t = navigator.deviceMemory, e = navigator.hardwareConcurrency;
-  ut = t && t < 4 || e && e < 4;
+  gt = t && t < 4 || e && e < 4;
 }
 Jn();
 function Cu(t, e, r = {}) {
@@ -18711,10 +18717,10 @@ function Cu(t, e, r = {}) {
     return Z.get(e).component;
   const m = oe(async () => {
     const b = performance.now();
-    if (fe.has(e))
-      return fe.get(e).then((p) => ({ default: p }));
+    if (be.has(e))
+      return be.get(e).then((p) => ({ default: p }));
     const f = Xn(t, n, o);
-    fe.set(
+    be.set(
       e,
       f.then((p) => p.default)
     );
@@ -18738,16 +18744,16 @@ function Cu(t, e, r = {}) {
           } catch {
           }
       }
-      return fe.delete(e), c?.(p.default), p;
+      return be.delete(e), c?.(p.default), p;
     } catch (p) {
-      throw fe.delete(e), g?.(p), p;
+      throw be.delete(e), g?.(p), p;
     }
   }), y = (b) => {
     const [f, p] = I(!0);
     A(() => {
-      if (l && !Z.has(e) && l() && !$e.has(e)) {
-        $e.add(e);
-        const v = Zn(d, Ne);
+      if (l && !Z.has(e) && l() && !Ue.has(e)) {
+        Ue.add(e);
+        const v = Zn(d, Ce);
         setTimeout(() => {
           t().catch(() => {
           });
@@ -18762,7 +18768,7 @@ function Cu(t, e, r = {}) {
         "..."
       ] })
     ] });
-    return !f && ut && Ne === "slow" ? /* @__PURE__ */ a("div", { className: "lazy-placeholder", children: /* @__PURE__ */ h(
+    return !f && gt && Ce === "slow" ? /* @__PURE__ */ a("div", { className: "lazy-placeholder", children: /* @__PURE__ */ h(
       "button",
       {
         onClick: () => p(!0),
@@ -18772,7 +18778,7 @@ function Cu(t, e, r = {}) {
           e
         ]
       }
-    ) }) : /* @__PURE__ */ a(Le, { fallback: x, children: /* @__PURE__ */ a(m, { ...b }) });
+    ) }) : /* @__PURE__ */ a(Ee, { fallback: x, children: /* @__PURE__ */ a(m, { ...b }) });
   };
   return y.displayName = `AdvancedLazy(${e})`, y;
 }
@@ -18805,7 +18811,7 @@ function Zn(t, e) {
   }, o = r[t] || 2e3, s = n[e] || 1;
   return o * s;
 }
-const ve = class ve {
+const we = class we {
   static registerRoute(e, r) {
     this.routeMap.set(e, r), this.routeUsageStats.set(e, 0);
   }
@@ -18818,7 +18824,7 @@ const ve = class ve {
     this.getRouteTransitionProbability(e).forEach(({ route: n, probability: o }) => {
       o > 0.3 && !Z.has(n) && setTimeout(() => {
         this.routeMap.get(n);
-      }, Ne === "fast" ? 1e3 : 3e3);
+      }, Ce === "fast" ? 1e3 : 3e3);
     });
   }
   static getRouteTransitionProbability(e) {
@@ -18857,8 +18863,8 @@ const ve = class ve {
     };
   }
 };
-ve.routeMap = /* @__PURE__ */ new Map(), ve.routeUsageStats = /* @__PURE__ */ new Map(), ve.currentRoute = "";
-let It = ve;
+we.routeMap = /* @__PURE__ */ new Map(), we.routeUsageStats = /* @__PURE__ */ new Map(), we.currentRoute = "";
+let Tt = we;
 const Su = ({ src: t, alt: e, className: r, placeholder: n, priority: o = "medium" }) => {
   const [s, l] = I(!1), [i, d] = I(!1), c = P.useRef(null);
   A(() => {
@@ -18898,14 +18904,14 @@ const Su = ({ src: t, alt: e, className: r, placeholder: n, priority: o = "mediu
   ] });
 };
 function Lu() {
-  Z.clear(), $e.clear();
+  Z.clear(), Ue.clear();
 }
 function Eu() {
   return {
     cachedComponents: Z.size,
-    preloadQueue: $e.size,
-    networkSpeed: Ne,
-    isLowEndDevice: ut,
+    preloadQueue: Ue.size,
+    networkSpeed: Ce,
+    isLowEndDevice: gt,
     cacheEntries: Array.from(Z.entries()).map(([t, e]) => ({
       name: t,
       loadTime: e.loadTime,
@@ -18944,7 +18950,7 @@ const eo = ({ message: t }) => /* @__PURE__ */ h("div", { className: "flex items
       }
     throw s;
   }), o = to(e);
-  return (s) => /* @__PURE__ */ a(Le, { fallback: /* @__PURE__ */ a(o, {}), children: /* @__PURE__ */ a(n, { ...s }) });
+  return (s) => /* @__PURE__ */ a(Ee, { fallback: /* @__PURE__ */ a(o, {}), children: /* @__PURE__ */ a(n, { ...s }) });
 }, Mu = async (t) => {
   try {
     await t();
@@ -18962,7 +18968,7 @@ const eo = ({ message: t }) => /* @__PURE__ */ h("div", { className: "flex items
   secondary: ["/settings", "/compose", "/points"],
   // Optional routes (load on demand)
   optional: ["/document", "/about", "/terms", "/privacy"]
-}, we = class we {
+}, ke = class ke {
   static add(e, r) {
     this.preloadedComponents.has(e) || (this.preloadQueue.push({ name: e, loader: r }), this.processQueue());
   }
@@ -18992,17 +18998,17 @@ const eo = ({ message: t }) => /* @__PURE__ */ h("div", { className: "flex items
     this.preloadedComponents.clear(), this.preloadQueue = [], this.isPreloading = !1;
   }
 };
-we.preloadedComponents = /* @__PURE__ */ new Set(), we.preloadQueue = [], we.isPreloading = !1;
-let Tt = we;
+ke.preloadedComponents = /* @__PURE__ */ new Set(), ke.preloadQueue = [], ke.isPreloading = !1;
+let At = ke;
 const Au = () => {
   "requestIdleCallback" in window && window.requestIdleCallback(() => {
     ao.secondary.forEach((t) => {
     });
   });
-}, At = ({ message: t }) => /* @__PURE__ */ h("div", { className: "flex items-center justify-center p-4", children: [
+}, zt = ({ message: t }) => /* @__PURE__ */ h("div", { className: "flex items-center justify-center p-4", children: [
   /* @__PURE__ */ a("div", { className: "animate-spin rounded-full h-6 w-6 border-b-2 border-blue-500" }),
   /* @__PURE__ */ a("span", { className: "ml-2 text-sm text-gray-600", children: t })
-] }), Ce = /* @__PURE__ */ new Map();
+] }), Se = /* @__PURE__ */ new Map();
 function zu(t, e) {
   const {
     condition: r,
@@ -19015,7 +19021,7 @@ function zu(t, e) {
     const [g, m] = P.useState(!1), [y, b] = P.useState(null);
     return P.useEffect(() => {
       const x = setTimeout(async () => {
-        const N = Ce.get(i);
+        const N = Se.get(i);
         if (N && N.isValid && Date.now() - N.lastCheck < 3e5)
           try {
             if (await N.condition()) {
@@ -19027,7 +19033,7 @@ function zu(t, e) {
         try {
           if (await r()) {
             const C = await no(t, o, s);
-            Ce.set(i, {
+            Se.set(i, {
               component: C.default,
               condition: r,
               lastCheck: Date.now(),
@@ -19039,12 +19045,12 @@ function zu(t, e) {
       }, l === "high" ? 0 : l === "medium" ? 100 : 500);
       return () => clearTimeout(x);
     }, []), g ? y ? /* @__PURE__ */ a(
-      Le,
+      Ee,
       {
-        fallback: n || /* @__PURE__ */ a(At, { message: "Loading component..." }),
+        fallback: n || /* @__PURE__ */ a(zt, { message: "Loading component..." }),
         children: /* @__PURE__ */ a(y, { ...c })
       }
-    ) : null : n || /* @__PURE__ */ a(At, { message: "Checking conditions..." });
+    ) : null : n || /* @__PURE__ */ a(zt, { message: "Checking conditions..." });
   };
   return d.displayName = `ConditionalLazy(${i})`, d;
 }
@@ -19082,12 +19088,12 @@ async function no(t, e, r) {
   throw n;
 }
 function Pu() {
-  Ce.clear();
+  Se.clear();
 }
 function Du() {
   return {
-    cachedComponents: Ce.size,
-    cacheEntries: Array.from(Ce.entries()).map(([t, e]) => ({
+    cachedComponents: Se.size,
+    cacheEntries: Array.from(Se.entries()).map(([t, e]) => ({
       key: t,
       lastCheck: e.lastCheck,
       isValid: e.isValid,
@@ -19095,7 +19101,7 @@ function Du() {
     }))
   };
 }
-const zt = [
+const $t = [
   // Critical: Always preload immediately
   {
     name: "react-router",
@@ -19259,7 +19265,7 @@ class oo {
     }) : this.preloadChunk(e);
   }
   initializePreloading() {
-    zt.sort((r, n) => {
+    $t.sort((r, n) => {
       const o = { critical: 0, high: 1, medium: 2, low: 3 };
       return o[r.config.priority] - o[n.config.priority];
     }).forEach((r) => {
@@ -19288,7 +19294,7 @@ class oo {
   }
   startIntelligentPreloading() {
     setTimeout(() => {
-      this.userActivityScore > 50 && this.networkSpeedEstimate !== "slow" && zt.filter(
+      this.userActivityScore > 50 && this.networkSpeedEstimate !== "slow" && $t.filter(
         (r) => r.config.priority === "medium" && this.shouldPreload(r)
       ).forEach((r) => {
         Math.random() > 0.5 && this.schedulePreload(r);
@@ -19304,14 +19310,14 @@ class oo {
     };
   }
 }
-let be = null;
+let pe = null;
 function Bu() {
-  be || (be = new oo(), document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", () => {
-    be?.initializePreloading();
-  }) : be.initializePreloading());
+  pe || (pe = new oo(), document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", () => {
+    pe?.initializePreloading();
+  }) : pe.initializePreloading());
 }
 function Ru() {
-  return be?.getPreloadingStats();
+  return pe?.getPreloadingStats();
 }
 function ju(t) {
   const e = {
@@ -19569,18 +19575,18 @@ const Vu = {
 }) => /* @__PURE__ */ h("div", { className: `flex items-center justify-center p-4 ${e || ""}`, children: [
   /* @__PURE__ */ a("div", { className: "animate-spin rounded-full h-6 w-6 border-b-2 border-blue-500" }),
   /* @__PURE__ */ a("span", { className: "ml-2 text-sm text-gray-600", children: t })
-] }), _e = /* @__PURE__ */ new Map(), pe = /* @__PURE__ */ new Set();
-function ur() {
+] }), He = /* @__PURE__ */ new Map(), ye = /* @__PURE__ */ new Set();
+function gr() {
   const t = [];
-  return !!window.ethereum?.isMetaMask && (pe.add("metamask"), t.push({
+  return !!window.ethereum?.isMetaMask && (ye.add("metamask"), t.push({
     name: "MetaMask",
     detected: !0,
     priority: 1
-  })), !!window.ethereum?.isCoinbaseWallet && (pe.add("coinbase"), t.push({
+  })), !!window.ethereum?.isCoinbaseWallet && (ye.add("coinbase"), t.push({
     name: "Coinbase Wallet",
     detected: !0,
     priority: 2
-  })), !!window.solana?.isPhantom && (pe.add("phantom"), t.push({
+  })), !!window.solana?.isPhantom && (ye.add("phantom"), t.push({
     name: "Phantom",
     detected: !0,
     priority: 3
@@ -19590,14 +19596,14 @@ function ur() {
     priority: 4
   }), t.sort((o, s) => o.priority - s.priority);
 }
-function gr(t) {
+function mr(t) {
   const e = `wallet-${t.toLowerCase()}`;
-  if (_e.has(e))
-    return _e.get(e);
+  if (He.has(e))
+    return He.get(e);
   const n = oe(() => Promise.resolve({
     default: () => P.createElement("div", {}, `${t} Provider Placeholder`)
   })), o = (s) => /* @__PURE__ */ a(
-    Le,
+    Ee,
     {
       fallback: /* @__PURE__ */ a(
         uo,
@@ -19609,28 +19615,28 @@ function gr(t) {
       children: /* @__PURE__ */ a(n, { ...s })
     }
   );
-  return o.displayName = `Lazy${t}Provider`, _e.set(e, o), o;
+  return o.displayName = `Lazy${t}Provider`, He.set(e, o), o;
 }
 function _u({
   children: t
 }) {
-  const e = ur();
+  const e = gr();
   return e.filter((r) => r.priority <= 2 && r.detected).forEach((r) => {
     setTimeout(() => {
     }, 1e3);
   }), /* @__PURE__ */ h(O, { children: [
     e.map((r) => {
-      const n = gr(r.name);
+      const n = mr(r.name);
       return /* @__PURE__ */ a(n, {}, r.name);
     }),
     t
   ] });
 }
-const ht = class ht {
+const ft = class ft {
   static preloadWallet(e) {
     const r = e.toLowerCase();
     this.preloadedWallets.has(r) || (this.preloadedWallets.add(r), setTimeout(() => {
-      gr(e);
+      mr(e);
     }, 500));
   }
   static preloadCommonWallets() {
@@ -19644,16 +19650,16 @@ const ht = class ht {
     return Array.from(this.preloadedWallets);
   }
 };
-ht.preloadedWallets = /* @__PURE__ */ new Set();
-let Ue = ht;
+ft.preloadedWallets = /* @__PURE__ */ new Set();
+let Pe = ft;
 function Hu() {
   return {
-    availableWallets: ur(),
+    availableWallets: gr(),
     preloadWallet: (n) => {
-      Ue.preloadWallet(n);
+      Pe.preloadWallet(n);
     },
-    getDetectedWallets: () => Array.from(pe),
-    hasWallet: (n) => pe.has(n.toLowerCase())
+    getDetectedWallets: () => Array.from(ye),
+    hasWallet: (n) => ye.has(n.toLowerCase())
   };
 }
 function qu({
@@ -19665,7 +19671,7 @@ function qu({
     "button",
     {
       onClick: () => {
-        Ue.preloadWallet(t), setTimeout(e, 100);
+        Pe.preloadWallet(t), setTimeout(e, 100);
       },
       disabled: r,
       className: "wallet-connect-btn",
@@ -19892,7 +19898,7 @@ class Ku {
     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 He = {
+const qe = {
   // Mark performance milestones
   mark: (t) => {
     typeof performance < "u" && performance.mark && performance.mark(t);
@@ -19916,8 +19922,8 @@ const He = {
     typeof performance < "u" && (t ? (performance.clearMeasures?.(t), performance.clearMarks?.(t)) : (performance.clearMeasures?.(), performance.clearMarks?.()));
   }
 }, Gu = (t, e = []) => {
-  A(() => (He.mark(`${t}-start`), () => {
-    He.mark(`${t}-end`), He.measure(t, `${t}-start`, `${t}-end`);
+  A(() => (qe.mark(`${t}-start`), () => {
+    qe.mark(`${t}-end`), qe.measure(t, `${t}-start`, `${t}-end`);
   }), [t, e]);
 }, Yu = (t) => {
   const e = D(t);
@@ -19930,12 +19936,12 @@ const He = {
   return ee(() => (r && process.env.NODE_ENV === "development" && e.some(
     (s, l) => s !== n.current[l]
   ), n.current = e, o.current = t(), o.current), [t, r, e]);
-}, Pe = /* @__PURE__ */ new Map(), Ju = (t) => {
-  const e = Pe.get(t) || 0;
-  Pe.set(t, e + 1), A(() => {
+}, De = /* @__PURE__ */ new Map(), Ju = (t) => {
+  const e = De.get(t) || 0;
+  De.set(t, e + 1), A(() => {
     process.env.NODE_ENV;
   });
-}, Xu = () => Object.fromEntries(Pe), Zu = () => Pe.clear(), eg = (t) => P.lazy(t), tg = (t = 0.1) => {
+}, Xu = () => Object.fromEntries(De), Zu = () => De.clear(), eg = (t) => P.lazy(t), tg = (t = 0.1) => {
   const [e, r] = I(/* @__PURE__ */ new Set()), n = D(null);
   A(() => (n.current = new IntersectionObserver(
     (s) => {
@@ -19962,9 +19968,9 @@ const He = {
     t().catch(() => {
     });
   }, 100);
-}, mr = {}, ag = (t) => {
-  mr[t.name] = t.value, process.env.NODE_ENV;
-}, ng = () => mr, og = (t, e = "script") => {
+}, hr = {}, ag = (t) => {
+  hr[t.name] = t.value, process.env.NODE_ENV;
+}, ng = () => hr, og = (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);
@@ -20136,15 +20142,15 @@ class go {
     this.observers.forEach((e) => e.disconnect()), this.observers = [];
   }
 }
-let Te = null;
-const ig = (t) => (Te || (Te = new go(t)), Te), gt = () => Te, mo = (t) => {
+let Ae = null;
+const ig = (t) => (Ae || (Ae = new go(t)), Ae), mt = () => Ae, mo = (t) => {
   const e = P.useRef(performance.now());
   P.useEffect(() => {
-    const r = performance.now() - e.current, n = gt();
+    const r = performance.now() - e.current, n = mt();
     n && n.measureComponentRender(t, r);
   }, [t]);
 }, cg = (t, e) => P.forwardRef((r, n) => (mo(e), P.createElement(t, { ...r, ref: n }))), dg = async (t, e) => {
-  const r = performance.now(), n = await t(), o = performance.now() - r, s = gt();
+  const r = performance.now(), n = await t(), o = performance.now() - r, s = mt();
   return s && s.measureAPICall(e, o), n;
 }, ho = {
   LCP: 2500,
@@ -20174,7 +20180,7 @@ const ig = (t) => (Te || (Te = new go(t)), Te), gt = () => Te, mo = (t) => {
     violations: r
   };
 }, gg = (t) => {
-  const e = t || gt()?.getMetrics() || { timestamp: Date.now() }, r = {
+  const e = t || mt()?.getMetrics() || { timestamp: Date.now() }, r = {
     timestamp: (/* @__PURE__ */ new Date()).toISOString(),
     metrics: e,
     environment: {
@@ -20200,7 +20206,7 @@ function he(t, e) {
   const [r, n] = fo[t];
   return e <= r ? "good" : e <= n ? "needs-improvement" : "poor";
 }
-function Me(t, e) {
+function Ie(t, e) {
   try {
     if (PerformanceObserver.supportedEntryTypes?.includes(t)) {
       const r = new PerformanceObserver((n) => {
@@ -20213,7 +20219,7 @@ function Me(t, e) {
 }
 function bo(t) {
   let e = 0;
-  Me("layout-shift", (r) => {
+  Ie("layout-shift", (r) => {
     for (const n of r) {
       const o = n;
       o.hadRecentInput || (e += o.value);
@@ -20227,7 +20233,7 @@ function bo(t) {
   });
 }
 function po(t) {
-  Me("paint", (e) => {
+  Ie("paint", (e) => {
     for (const r of e)
       r.name === "first-contentful-paint" && t({
         name: "FCP",
@@ -20238,7 +20244,7 @@ function po(t) {
 }
 function yo(t) {
   let e = 0;
-  Me("largest-contentful-paint", (n) => {
+  Ie("largest-contentful-paint", (n) => {
     const o = n[n.length - 1];
     o && (e = o.startTime);
   });
@@ -20256,7 +20262,7 @@ function yo(t) {
   });
 }
 function xo(t) {
-  Me("first-input", (e) => {
+  Ie("first-input", (e) => {
     const r = e[0];
     if (r) {
       const n = r.processingStart - r.startTime;
@@ -20283,7 +20289,7 @@ function vo(t) {
 }
 function wo(t) {
   const e = [];
-  Me("event", (r) => {
+  Ie("event", (r) => {
     for (const n of r) {
       const o = n;
       if (o.interactionId) {
@@ -20769,7 +20775,7 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
       t.failedCalls > 0 && /* @__PURE__ */ a(H, { label: "Failed", value: t.failedCalls, rating: "poor" })
     ] })
   ] });
-}, $t = (t) => t === void 0 ? "N/A" : (t / (1024 * 1024)).toFixed(1), Ut = (t, e) => {
+}, Ut = (t) => t === void 0 ? "N/A" : (t / (1024 * 1024)).toFixed(1), Pt = (t, e) => {
   if (t === void 0 || e === void 0) return "unknown";
   const r = t / e;
   return r <= 0.5 ? "good" : r <= 0.75 ? "needs-improvement" : "poor";
@@ -20804,9 +20810,9 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
         H,
         {
           label: "Used Heap",
-          value: $t(r.usedJSHeapSize),
+          value: Ut(r.usedJSHeapSize),
           unit: "MB",
-          rating: Ut(
+          rating: Pt(
             r.usedJSHeapSize,
             r.jsHeapSizeLimit
           )
@@ -20816,7 +20822,7 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
         H,
         {
           label: "Total Heap",
-          value: $t(r.totalJSHeapSize),
+          value: Ut(r.totalJSHeapSize),
           unit: "MB",
           rating: "neutral"
         }
@@ -20827,7 +20833,7 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
           label: "Usage",
           value: l,
           unit: "%",
-          rating: Ut(
+          rating: Pt(
             r.usedJSHeapSize,
             r.jsHeapSizeLimit
           )
@@ -20972,7 +20978,7 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
     resetPosition: f,
     ref: l
   };
-}, Pt = {
+}, Dt = {
   "bottom-right": "bottom-4 right-4",
   "bottom-left": "bottom-4 left-4",
   "top-right": "top-4 right-4",
@@ -21029,7 +21035,7 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
     horizontalOnly: n.includes("bottom") || n.includes("top")
   }), M = B(() => {
     b((R) => !R);
-  }, []), z = B(() => {
+  }, []), $ = B(() => {
     p(!1);
   }, []), T = B(() => {
     p(!0);
@@ -21042,7 +21048,7 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
         onClick: T,
         className: u(
           "fixed z-[9999]",
-          Pt[n],
+          Dt[n],
           "bg-gray-900 text-white px-3 py-2 rounded-lg",
           "shadow-lg border border-gray-700",
           "hover:bg-gray-800 transition-colors",
@@ -21052,7 +21058,7 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
         children: "🚀 Performance"
       }
     );
-  const U = k.x !== null ? {
+  const z = k.x !== null ? {
     left: `${k.x}px`,
     bottom: n.includes("bottom") ? "1rem" : void 0,
     top: n.includes("top") ? "1rem" : void 0,
@@ -21066,19 +21072,19 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
     {
       ref: S,
       className: u(
-        k.x !== null ? "" : `fixed ${Pt[n]}`,
+        k.x !== null ? "" : `fixed ${Dt[n]}`,
         "z-[9999] font-mono text-xs",
         L && "cursor-grabbing",
         g
       ),
-      style: { maxWidth: "320px", ...U },
+      style: { maxWidth: "320px", ...z },
       children: [
         /* @__PURE__ */ a(
           So,
           {
             isCollapsed: y,
             onToggleCollapse: M,
-            onClose: z,
+            onClose: $,
             onMouseDown: o ? E : void 0,
             isDragging: L
           }
@@ -21262,8 +21268,8 @@ function Cg({
       if (S.required && (M === "" || M === null || M === void 0 || Array.isArray(M) && M.length === 0))
         return S.requiredMessage || "This field is required";
       if (S.validate)
-        for (const z of S.validate) {
-          const T = z(M);
+        for (const $ of S.validate) {
+          const T = $(M);
           if (T)
             return T;
         }
@@ -21273,7 +21279,7 @@ function Cg({
     (E, S) => {
       if (s((M) => ({ ...M, [E]: S })), m((M) => ({ ...M, [E]: !0 })), e && d[E]) {
         const M = y(E);
-        i((z) => ({ ...z, [E]: M }));
+        i(($) => ({ ...$, [E]: M }));
       }
     },
     [e, d, y]
@@ -21294,10 +21300,10 @@ function Cg({
   ), x = B(() => {
     const E = {}, S = {};
     let M = !0;
-    for (const z in t) {
-      S[z] = !0;
-      const T = y(z);
-      T && (E[z] = T, M = !1);
+    for (const $ in t) {
+      S[$] = !0;
+      const T = y($);
+      T && (E[$] = T, M = !1);
     }
     return c(S), i(E), M;
   }, [t, y]), N = B(() => {
@@ -21607,7 +21613,7 @@ const Sg = (t) => {
   t.style.position = "relative", t.style.paddingTop = `${r}%`;
   const n = t.querySelector("img");
   n && (n.style.position = "absolute", n.style.top = "0", n.style.left = "0", n.style.width = "100%", n.style.height = "100%", n.style.objectFit = "cover");
-}, ye = {
+}, xe = {
   // Mark functions as pure for better tree-shaking
   createPureFunction: (t) => t,
   // Environment-based code elimination
@@ -21682,7 +21688,7 @@ const Sg = (t) => {
       }));
     });
   }), e;
-}, xe = {
+}, ve = {
   // Calculate approximate module size
   getModuleSize: (t) => new Promise((e) => {
     if (typeof window < "u" && "performance" in window) {
@@ -21698,13 +21704,13 @@ const Sg = (t) => {
   // Track which modules are actually used
   usageTracker: /* @__PURE__ */ new Set(),
   trackUsage: (t) => {
-    ye.isDevelopment && xe.usageTracker.add(t);
+    xe.isDevelopment && ve.usageTracker.add(t);
   },
-  getUsageReport: () => ye.isDevelopment ? Array.from(xe.usageTracker).sort() : [],
+  getUsageReport: () => xe.isDevelopment ? Array.from(ve.usageTracker).sort() : [],
   // Estimate bundle impact
   estimateImpact: (t) => {
     const e = t.map(
-      (r) => xe.getModuleSize(r).then((n) => [r, n])
+      (r) => ve.getModuleSize(r).then((n) => [r, n])
     );
     return Promise.all(e).then((r) => {
       const n = {};
@@ -21749,30 +21755,30 @@ const Sg = (t) => {
   const {
     features: e = {},
     criticalCSS: r = "",
-    enableUsageTracking: n = ye.isDevelopment
+    enableUsageTracking: n = xe.isDevelopment
   } = t;
   return {
-    features: ye.createFeatureFlags(e),
+    features: xe.createFeatureFlags(e),
     initialize: () => {
       r && typeof document < "u" && Qo.inlineCriticalCSS(r);
     },
     cleanup: () => {
-      xe.usageTracker.clear();
+      ve.usageTracker.clear();
     },
     getReport: () => ({
-      usage: xe.getUsageReport(),
-      features: ye.createFeatureFlags(e)
+      usage: ve.getUsageReport(),
+      features: xe.createFeatureFlags(e)
     })
   };
 };
-let qe;
+let Ke;
 function Jo(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 X(t) {
-  return qe || (qe = Jo()), qe;
+  return Ke || (Ke = Jo()), Ke;
 }
 function om() {
   const t = X(), e = t.getCurrentState();
@@ -21939,7 +21945,7 @@ function dm(t, e = {}) {
       return () => clearTimeout(g);
     }, []), d ? /* @__PURE__ */ a(O, { children: r }) : null;
   };
-  return P.forwardRef((d, c) => /* @__PURE__ */ a(Le, { fallback: /* @__PURE__ */ a(i, {}), children: /* @__PURE__ */ a(l, { ...d, ref: c }) }));
+  return P.forwardRef((d, c) => /* @__PURE__ */ a(Ee, { fallback: /* @__PURE__ */ a(i, {}), children: /* @__PURE__ */ a(l, { ...d, ref: c }) }));
 }
 function Xo(t, e = {}) {
   const [r, n] = P.useState(!1), [o, s] = P.useState(!1);
@@ -22036,10 +22042,10 @@ function hm(t, e, r) {
   const n = document.createElement("link");
   n.rel = e, n.href = t, r && (e === "preload" || e === "prefetch") && (n.as = r), document.head.appendChild(n);
 }
-var hr = /* @__PURE__ */ ((t) => (t[t.HIGH = 0] = "HIGH", t[t.MEDIUM = 1] = "MEDIUM", t[t.LOW = 2] = "LOW", t[t.IDLE = 3] = "IDLE", t))(hr || {});
+var fr = /* @__PURE__ */ ((t) => (t[t.HIGH = 0] = "HIGH", t[t.MEDIUM = 1] = "MEDIUM", t[t.LOW = 2] = "LOW", t[t.IDLE = 3] = "IDLE", t))(fr || {});
 class es {
   constructor() {
-    this.queues = /* @__PURE__ */ new Map(), this.isProcessing = !1, Object.values(hr).filter((e) => typeof e == "number").forEach((e) => {
+    this.queues = /* @__PURE__ */ new Map(), this.isProcessing = !1, Object.values(fr).filter((e) => typeof e == "number").forEach((e) => {
       this.queues.set(e, []);
     });
   }
@@ -22065,7 +22071,7 @@ class es {
   }
 }
 const fm = new Zo(), bm = new es();
-class mt {
+class ht {
   constructor(e = {}) {
     this.prefix = e.prefix || "mailbox", this.defaultTTL = e.ttl, this.platformStorage = e.platformStorage || this.createFallbackStorage();
   }
@@ -22203,7 +22209,7 @@ class mt {
     }
   }
 }
-const pm = new mt(), ym = new mt({ prefix: "mailbox-theme" }), xm = new mt({
+const pm = new ht(), ym = new ht({ prefix: "mailbox-theme" }), xm = new ht({
   prefix: "walletUser",
   ttl: 10080 * 60 * 1e3
   // 7 days in milliseconds
@@ -22406,11 +22412,11 @@ export {
   il as ActionBanner,
   Kl as ActionButton,
   bi as AddressLink,
-  vt as Alert,
+  wt as Alert,
   ll as AlertBanner,
   sl as AlertDescription,
   ol as AlertTitle,
-  ct as AnimatedSection,
+  dt as AnimatedSection,
   Bo as ApiSection,
   Oc as AreaChart,
   Pm as ArrowLeftIcon,
@@ -22442,7 +22448,7 @@ export {
   Ma as Calendar,
   Ac as CalloutBox,
   mu as CancellableRequest,
-  Qt as Card,
+  Jt as Card,
   Mc as CardContent,
   Ic as CardFooter,
   Ec as CardHeader,
@@ -22471,7 +22477,7 @@ export {
   zl as Combobox,
   Ni as Command,
   Tm as CommonAnalyticsEvents,
-  Tt as ComponentPreloader,
+  At as ComponentPreloader,
   u0 as ConditionalRender,
   Gi as Confetti,
   zd as ConfirmationDialog,
@@ -22514,7 +22520,7 @@ export {
   xi as FloatingElement,
   Ps as FloatingPanel,
   Ld as FocusTrap,
-  sr as FontSize,
+  lr as FontSize,
   $0 as Footer,
   R0 as FooterBottom,
   j0 as FooterBottomRow,
@@ -22530,7 +22536,7 @@ export {
   V0 as FooterVersion,
   Hl as FormAlerts,
   Wl as FormField,
-  it as FormFieldGroup,
+  ct as FormFieldGroup,
   Si as FormSection,
   Zs as FormattedNumber,
   cl as FullPageSpinner,
@@ -22554,20 +22560,20 @@ export {
   zi as InfoBox,
   Tc as InfoCard,
   nh as InformationCircleIcon,
-  st as Input,
+  lt as Input,
   Ai as ItemList,
   I0 as KYCLevelCard,
   E0 as KYCStatusBadge,
   Gs as Kbd,
   oh as KeyIcon,
   Dc as KeyValuePair,
-  Gt as Label,
+  Yt as Label,
   Xd as LanguageSelector,
   p0 as LanguageValidator,
-  nr as LayoutContext,
+  or as LayoutContext,
   cn as LayoutProvider,
   g0 as LazyComponent,
-  dt as LazyErrorBoundary,
+  ut as LazyErrorBoundary,
   Su as LazyImage,
   Zo as LazyLoadQueue,
   qu as LazyWalletButton,
@@ -22579,7 +22585,7 @@ export {
   vc as ListItem,
   wc as ListItemWithAction,
   hd as LiveStream,
-  hr as LoadPriority,
+  fr as LoadPriority,
   rl as LoadingDots,
   cu as LoadingOptimizer,
   tl as LoadingOverlay,
@@ -22595,9 +22601,9 @@ export {
   Fl as MentionInput,
   H as MetricRow,
   lh as MinusIcon,
-  Jt as Modal,
-  Xt as ModalContent,
-  Zt as ModalFooter,
+  Xt as Modal,
+  Zt as ModalContent,
+  er as ModalFooter,
   Cd as ModalHeader,
   Al as MultiSelect,
   nc as NavigationList,
@@ -22610,7 +22616,7 @@ export {
   uu as OptimizedAPIClient,
   f0 as OptimizedImage,
   du as OptimizedRoutePreloader,
-  ot as Overlay,
+  st as Overlay,
   Ts as PageContainer,
   A0 as PageHeader,
   Di as PageSectionHeader,
@@ -22647,8 +22653,8 @@ export {
   Bs as Resizable,
   cd as RetinaImage,
   uh as RocketLaunchIcon,
-  It as RouteBasedLazyLoader,
-  er as RouterBreadcrumb,
+  Tt as RouteBasedLazyLoader,
+  tr as RouterBreadcrumb,
   o0 as SafeAppWrapper,
   bg as ScoreIndicator,
   Io as ScoreLegend,
@@ -22661,16 +22667,16 @@ export {
   Wi as SectionHeader,
   Vs as SectionTitle,
   s0 as SecurityProvider,
-  wt as Select,
-  Ye as SelectContent,
+  kt as Select,
+  Qe as SelectContent,
   _l as SelectField,
   Tl as SelectGroup,
-  Qe as SelectItem,
+  Je as SelectItem,
   Ca as SelectLabel,
-  Kt as SelectScrollDownButton,
-  qt as SelectScrollUpButton,
+  Gt as SelectScrollDownButton,
+  Kt as SelectScrollUpButton,
   Sa as SelectSeparator,
-  Ge as SelectTrigger,
+  Ye as SelectTrigger,
   Na as SelectValue,
   $s as Separator,
   Oi as SettingsList,
@@ -22683,14 +22689,14 @@ export {
   Dl as Slider,
   Bl as SliderInput,
   Qi as SmartContent,
-  Yt as SmartLink,
+  Qt as SmartLink,
   _u as SmartWalletProviders,
   Ms as Spacer,
   mh as SparklesIcon,
   Gc as Sparkline,
-  ke as Spinner,
+  Ne as Spinner,
   Ds as SplitPane,
-  _t as Stack,
+  Ht as Stack,
   T0 as StandardPageLayout,
   hh as StarIcon,
   kh as StarIconSolid,
@@ -22718,13 +22724,13 @@ export {
   Ad as TextInputModal,
   Hs as TextLink,
   Y as Theme,
-  lr as ThemeContext,
+  ir as ThemeContext,
   k0 as ThemeProvider,
   va as TimePicker,
   Ki as TimerDisplay,
   ha as Toast,
   gl as ToastContainer,
-  Ht as ToastContext,
+  qt as ToastContext,
   hl as ToastNotification,
   ul as ToastProvider,
   Pl as ToggleGroup,
@@ -22732,7 +22738,7 @@ export {
   Q0 as Topbar,
   ou as TopbarActions,
   X0 as TopbarCenter,
-  ir as TopbarContext,
+  cr as TopbarContext,
   tu as TopbarDivider,
   su as TopbarIconButton,
   J0 as TopbarLeft,
@@ -22816,18 +22822,18 @@ export {
   Cc as VirtualList,
   d0 as VirtualListItem,
   qi as VisuallyHidden,
-  Ue as WalletPreloader,
+  Pe as WalletPreloader,
   pd as WaveForm,
   zo as WebVitalsSection,
   ri as WysiwygEditor,
   ph as XMarkIcon,
-  Lt as addLanguageToPath,
+  Et as addLanguageToPath,
   hm as addResourceHint,
   Vu as aiOptimizationPresets,
   pm as appStorage,
   wm as autoConnectWalletBrowser,
   Dg as batchDOMUpdates,
-  xe as bundleAnalysis,
+  ve as bundleAnalysis,
   Ea as buttonVariants,
   wu as cacheHeaders,
   hu as cacheUtils,
@@ -22844,11 +22850,11 @@ export {
   Ag as createCSSVariables,
   rm as createConditionalImports,
   zu as createConditionalLazyComponent,
-  Et as createFeature,
+  Mt as createFeature,
   ro as createLazyComponent,
   eg as createLazyComponentFactory,
   gm as createLazyRoute,
-  gr as createLazyWalletProvider,
+  mr as createLazyWalletProvider,
   Tu as createLibraryImports,
   l0 as createMemoComponent,
   Mg as createOptimizedStyles,
@@ -22861,10 +22867,10 @@ export {
   Iu as createUIComponents,
   xu as cspDirectives,
   Qo as cssOptimization,
-  ye as deadCodeElimination,
+  xe as deadCodeElimination,
   zm as default,
   ho as defaultPerformanceBudget,
-  ur as detectAvailableWallets,
+  gr as detectAvailableWallets,
   ts as detectWalletBrowser,
   gg as exportPerformanceData,
   Uo as formatBytes,
@@ -22873,7 +22879,7 @@ export {
   ju as generateAIMetaTags,
   Wu as generateAIStructuredData,
   Yn as generateCSP,
-  dr as generateCSPDirectives,
+  ur as generateCSPDirectives,
   Fu as generateContentRelationships,
   lo as generateEntityRecognition,
   _g as generateImageSEO,
@@ -22891,7 +22897,7 @@ export {
   Eu as getLazyLoadingStats,
   Yg as getOptimalImageFormat,
   Im as getPageName,
-  gt as getPerformanceMonitor,
+  mt as getPerformanceMonitor,
   Ru as getPreloadingStats,
   Xu as getRenderCounts,
   Qn as getSecurityHeaders,
@@ -22938,7 +22944,7 @@ export {
   Wn as optimizedFetch,
   Eg as parseFileSize,
   re as performanceBudget,
-  He as performanceUtils,
+  qe as performanceUtils,
   qo as prefersReducedMotion,
   og as prefetchResource,
   Mu as preloadComponent,
@@ -22947,7 +22953,7 @@ export {
   rg as preloadRoute,
   tm as preserveAspectRatio,
   bm as priorityLoader,
-  or as removeLanguageFromPath,
+  sr as removeLanguageFromPath,
   fg as reportApiCall,
   hg as reportCustomMetric,
   ko as reportRouteChange,
@@ -22958,7 +22964,7 @@ export {
   Gg as setupLazyLoading,
   Xg as setupProgressiveLoading,
   fu as shouldEnableWallet,
-  Ve as smartLinkVariants,
+  _e as smartLinkVariants,
   as as stripLanguagePrefix,
   Go as supportsAVIF,
   pu as supportsCSSImports,
@@ -22967,7 +22973,7 @@ export {
   Oo as useApiMetrics,
   ki as useBanner,
   $o as useBundleMetrics,
-  lt as useClickOutside,
+  it as useClickOutside,
   dn as useCodeLoader,
   mo as useComponentPerformance,
   wg as useCopyToClipboard,
@@ -23000,7 +23006,7 @@ export {
   w0 as useTheme,
   ml as useToast,
   vg as useToggle,
-  cr as useTopbar,
+  dr as useTopbar,
   Ao as useWebVitals,
   Yo as utils,
   xm as walletStorage,