@sudobility/components 5.0.42 → 5.0.45

package/dist/index.js

@@ -2,23 +2,23 @@ import { clsx as pr } from "clsx";
 import { twMerge as yr } 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 Be, useMemo as ee, useContext as Re, useLayoutEffect as xr, Component as Bt, memo as Le, lazy as oe, Suspense as Ee } from "react";
+import D, { useState as I, useRef as B, useEffect as A, useCallback as R, createContext as Re, useMemo as ee, useContext as je, useLayoutEffect as xr, Component as Bt, memo as Le, lazy as se, 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 vr, getCardVariantColors as wr, ui as kr } from "@sudobility/design";
+import { textVariants as $, variants as j, getStatusIndicatorColor as de, getSectionBadgeColors as vr, getCardVariantColors as wr, ui as kr } 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 Nr, ExclamationTriangleIcon as rt, MinusIcon as bt, PlusIcon as pt, MagnifyingGlassIcon as Cr, XMarkIcon as Fe, CalendarIcon as Sr, CloudArrowUpIcon as Lr, DocumentIcon as Rt, Cog6ToothIcon as yt, CurrencyDollarIcon as Er, AdjustmentsHorizontalIcon as Mr, LinkIcon as Ir, FunnelIcon as Tr, ChatBubbleLeftRightIcon as Ar, ShieldCheckIcon as zr, ArrowRightIcon as jt, ArrowTopRightOnSquareIcon as ze, ChevronLeftIcon as $r, ChevronRightIcon as at, TrashIcon as Ur, PhotoIcon as xt, ArrowPathIcon as Pr, CheckIcon as Dr, ClipboardDocumentIcon as Br, EnvelopeIcon as Rr, LanguageIcon as jr } from "@heroicons/react/24/outline";
+import { ExclamationCircleIcon as Ge, CheckCircleIcon as Fe, InformationCircleIcon as me, XCircleIcon as tt, BellAlertIcon as Nr, ExclamationTriangleIcon as rt, MinusIcon as bt, PlusIcon as pt, MagnifyingGlassIcon as Cr, XMarkIcon as We, CalendarIcon as Sr, CloudArrowUpIcon as Lr, DocumentIcon as Rt, Cog6ToothIcon as yt, CurrencyDollarIcon as Er, AdjustmentsHorizontalIcon as Mr, LinkIcon as Ir, FunnelIcon as Tr, ChatBubbleLeftRightIcon as Ar, ShieldCheckIcon as zr, ArrowRightIcon as jt, ArrowTopRightOnSquareIcon as $e, ChevronLeftIcon as $r, ChevronRightIcon as at, TrashIcon as Ur, PhotoIcon as xt, ArrowPathIcon as Pr, CheckIcon as Dr, ClipboardDocumentIcon as Br, EnvelopeIcon as Rr, LanguageIcon as jr } 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 Fr, MinusIcon as Wr, CheckIcon as Or } 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 vt, InfoType as de } from "@sudobility/types";
+import { ChainType as vt, InfoType as ue } from "@sudobility/types";
 import { Root as Ft, Thumb as Vr } from "@radix-ui/react-switch";
 import * as _ from "@radix-ui/react-select";
 import { ChevronDownIcon as nt, ChevronUpIcon as _r, CheckIcon as Hr } from "@heroicons/react/20/solid";
 import { Root as Wt } from "@radix-ui/react-label";
 import { Slot as qr } from "@radix-ui/react-slot";
-import { Link as Me, useParams as We, useNavigate as ot, useLocation as Ot, Outlet as Kr } from "react-router-dom";
+import { Link as Me, useParams as Oe, useNavigate as ot, useLocation as Ot, Outlet as Kr } from "react-router-dom";
 import { Root as Gr, List as Vt, Trigger as _t, Content as Ht } from "@radix-ui/react-tabs";
-import { useTranslation as Oe } from "react-i18next";
+import { useTranslation as Ve } 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 yr(pr(t));
@@ -336,9 +336,9 @@ const ea = ({
         l && (c ? "h-full" : "w-full"),
         d
       ),
-      children: i ? P.Children.map(t, (f, p) => /* @__PURE__ */ h(P.Fragment, { children: [
+      children: i ? D.Children.map(t, (f, p) => /* @__PURE__ */ h(D.Fragment, { children: [
         f,
-        p < P.Children.count(t) - 1 && /* @__PURE__ */ a(
+        p < D.Children.count(t) - 1 && /* @__PURE__ */ a(
           "div",
           {
             className: u(
@@ -489,7 +489,7 @@ const ea = ({
       children: t
     }
   );
-  return P.createElement(
+  return D.createElement(
     i,
     {
       id: d,
@@ -645,7 +645,7 @@ const ea = ({
           "span",
           {
             className: u(
-              U.body.sm(),
+              $.body.sm(),
               "px-3 text-gray-500 dark:text-gray-400 whitespace-nowrap"
             ),
             children: t
@@ -875,7 +875,7 @@ const ea = ({
   resizable: c = !0,
   className: g
 }) => {
-  const [m, y] = I(n), [b, f] = I(!1), p = D(null), x = o !== void 0 ? o : m, N = (C) => {
+  const [m, y] = I(n), [b, f] = I(!1), p = B(null), x = o !== void 0 ? o : m, N = (C) => {
     c && (C.preventDefault(), f(!0));
   };
   A(() => {
@@ -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, $ = 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);
+      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);
     }, 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) => ($) => {
-    $.preventDefault(), $.stopPropagation(), N(!0), C(M), k.current = {
-      x: $.clientX,
-      y: $.clientY,
+  const [y, b] = I(e), [f, p] = I(r), [x, N] = I(!1), [v, C] = I(null), w = B(null), k = B({ 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,
       width: y,
       height: f
     };
@@ -1007,14 +1007,14 @@ const ea = ({
   A(() => {
     if (!x || !v) return;
     const M = (T) => {
-      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 + 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);
-    }, $ = () => {
+      const U = T.clientX - k.current.x, F = T.clientY - k.current.y;
+      let P = k.current.width, W = k.current.height;
+      v.includes("right") ? P = k.current.width + U : v.includes("left") && (P = k.current.width - U), v.includes("bottom") ? W = k.current.height + F : v.includes("top") && (W = k.current.height - F), P = Math.max(n, P), W = Math.max(o, W), s && (P = Math.min(s, P)), l && (W = Math.min(l, W)), b(P), p(W), d && d(P, W);
+    }, z = () => {
       N(!1), C(null), c && c(y, f);
     };
-    return document.addEventListener("mousemove", M), document.addEventListener("mouseup", $), () => {
-      document.removeEventListener("mousemove", M), document.removeEventListener("mouseup", $);
+    return document.addEventListener("mousemove", M), document.addEventListener("mouseup", z), () => {
+      document.removeEventListener("mousemove", M), document.removeEventListener("mouseup", z);
     };
   }, [
     x,
@@ -1028,7 +1028,7 @@ const ea = ({
     d,
     c
   ]);
-  const E = B((M) => ({
+  const E = R((M) => ({
     top: "ns-resize",
     right: "ew-resize",
     bottom: "ns-resize",
@@ -1146,7 +1146,7 @@ const ea = ({
   breakpoints: n,
   className: o
 }) => {
-  const [s, l] = I(e), i = D(null);
+  const [s, l] = I(e), i = B(null);
   A(() => {
     if (!n) return;
     const g = () => {
@@ -1160,7 +1160,7 @@ const ea = ({
     };
     return g(), window.addEventListener("resize", g), () => window.removeEventListener("resize", g);
   }, [n, e]);
-  const d = P.Children.toArray(t), c = Array.from(
+  const d = D.Children.toArray(t), c = Array.from(
     { length: s },
     () => []
   );
@@ -1183,7 +1183,7 @@ const ea = ({
       ))
     }
   );
-}, me = ({ children: t, container: e }) => {
+}, he = ({ children: t, container: e }) => {
   const [r, n] = I(!1);
   if (A(() => (n(!0), () => n(!1)), []), !r) return null;
   const o = e || document.body;
@@ -1197,7 +1197,7 @@ const ea = ({
   zIndex: s = 40,
   lockScroll: l = !0,
   className: i
-}) => (P.useEffect(() => {
+}) => (D.useEffect(() => {
   if (l) {
     if (t) {
       const c = window.innerWidth - document.documentElement.clientWidth;
@@ -1208,7 +1208,7 @@ const ea = ({
       document.body.style.overflow = "", document.body.style.paddingRight = "";
     };
   }
-}, [t, l]), t ? /* @__PURE__ */ a(me, { children: /* @__PURE__ */ a(
+}, [t, l]), t ? /* @__PURE__ */ a(he, { children: /* @__PURE__ */ a(
   "div",
   {
     className: u(
@@ -1339,7 +1339,7 @@ const ea = ({
     center: "text-center",
     right: "text-right"
   }[s] : "", b = `h${e}`;
-  return P.createElement(
+  return D.createElement(
     b,
     {
       className: u(
@@ -1355,11 +1355,11 @@ const ea = ({
 }, oa = G("", {
   variants: {
     variant: {
-      hero: U.heading.display.hero(),
-      display: U.heading.display.lg(),
-      h1: U.heading.h1(),
-      h2: U.heading.h2(),
-      h3: U.heading.h3()
+      hero: $.heading.display.hero(),
+      display: $.heading.display.lg(),
+      h1: $.heading.h1(),
+      h2: $.heading.h2(),
+      h3: $.heading.h3()
     },
     responsive: {
       true: "",
@@ -1404,11 +1404,11 @@ const ea = ({
 ), sa = G("", {
   variants: {
     variant: {
-      h2: U.heading.h2(),
-      h3: U.heading.h3(),
-      h4: U.heading.h4(),
-      h5: U.heading.h5(),
-      h6: U.heading.h6()
+      h2: $.heading.h2(),
+      h3: $.heading.h3(),
+      h4: $.heading.h4(),
+      h5: $.heading.h5(),
+      h6: $.heading.h6()
     },
     spacing: {
       none: "",
@@ -1437,7 +1437,7 @@ const ea = ({
   as: s
 }) => {
   const l = s || e;
-  return P.createElement(
+  return D.createElement(
     l,
     {
       className: u(
@@ -1450,11 +1450,11 @@ const ea = ({
 }, la = G("", {
   variants: {
     variant: {
-      body: U.body.md(),
-      lead: U.body.lg(),
-      large: U.body.lg(),
-      small: U.body.sm(),
-      caption: U.body.xs()
+      body: $.body.md(),
+      lead: $.body.lg(),
+      large: $.body.lg(),
+      small: $.body.sm(),
+      caption: $.body.xs()
     },
     color: {
       default: "text-gray-700 dark:text-gray-300",
@@ -1480,16 +1480,16 @@ const ea = ({
   align: n = "left",
   className: o,
   as: s = "p"
-}) => P.createElement(
+}) => D.createElement(
   s,
   { className: u(la({ variant: e, color: r, align: n }), o) },
   t
-), ia = G(U.link.default(), {
+), ia = G($.link.default(), {
   variants: {
     variant: {
-      default: U.link.default(),
-      subtle: U.link.subtle(),
-      muted: U.link.muted(),
+      default: $.link.default(),
+      subtle: $.link.subtle(),
+      muted: $.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: {
@@ -1707,7 +1707,7 @@ const ea = ({
   }, d = {
     default: {
       text: "text-gray-600 dark:text-gray-400",
-      icon: ge
+      icon: me
     },
     error: {
       text: "text-red-600 dark:text-red-400",
@@ -1715,7 +1715,7 @@ const ea = ({
     },
     success: {
       text: "text-green-600 dark:text-green-400",
-      icon: je
+      icon: Fe
     },
     warning: {
       text: "text-yellow-600 dark:text-yellow-400",
@@ -1817,8 +1817,8 @@ const ea = ({
   updateInterval: r = 0,
   className: n
 }) => {
-  const [, o] = P.useState(0), s = P.useMemo(() => t instanceof Date ? t : new Date(t), [t]);
-  P.useEffect(() => {
+  const [, o] = D.useState(0), s = D.useMemo(() => t instanceof Date ? t : new Date(t), [t]);
+  D.useEffect(() => {
     if (r === 0) return;
     const c = setInterval(() => {
       o((g) => g + 1);
@@ -1893,7 +1893,7 @@ const ea = ({
         "p",
         {
           className: u(
-            U.body.md(),
+            $.body.md(),
             "text-gray-700 dark:text-gray-300 mt-4"
           ),
           children: e
@@ -2042,8 +2042,8 @@ const ea = ({
   }
   return p();
 }, ca = {
-  info: ge,
-  success: je,
+  info: me,
+  success: Fe,
   warning: rt,
   attention: Nr,
   error: tt
@@ -2314,7 +2314,7 @@ const ea = ({
       ]
     }
   ) : null;
-}, Kt = Be(null);
+}, Kt = Re(null);
 function ua() {
   return `toast-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
 }
@@ -2323,9 +2323,9 @@ function ul({
   defaultDuration: e = 5e3,
   maxToasts: r = 5
 }) {
-  const [n, o] = I([]), s = B((y) => {
+  const [n, o] = I([]), s = R((y) => {
     o((b) => b.filter((f) => f.id !== y));
-  }, []), l = B(
+  }, []), l = R(
     (y, b, f) => {
       const p = ua(), x = {
         id: p,
@@ -2341,16 +2341,16 @@ function ul({
       }, x.duration);
     },
     [e, r, s]
-  ), i = B(
+  ), i = R(
     (y, b) => l("success", y, b),
     [l]
-  ), d = B(
+  ), d = R(
     (y, b) => l("error", y, b),
     [l]
-  ), c = B(
+  ), c = R(
     (y, b) => l("warning", y, b),
     [l]
-  ), g = B(
+  ), g = R(
     (y, b) => l("info", y, b),
     [l]
   ), m = ee(
@@ -2547,7 +2547,7 @@ function gl({
   );
 }
 function ml() {
-  const t = Re(Kt);
+  const t = je(Kt);
   if (!t)
     throw new Error("useToast must be used within a ToastProvider");
   return t;
@@ -2738,17 +2738,17 @@ const hl = ({
   switch (t) {
     case "verified":
     case "success":
-      return ce("success");
+      return de("success");
     case "connected":
     case "warning":
-      return ce("warning");
+      return de("warning");
     case "disconnected":
     case "error":
-      return ce("error");
+      return de("error");
     case "pending":
-      return ce("info");
+      return de("info");
     default:
-      return ce("neutral");
+      return de("neutral");
   }
 }, pa = (t) => {
   switch (t) {
@@ -2819,7 +2819,7 @@ const hl = ({
   {
     className: u(
       "rounded-full flex-shrink-0",
-      ce(t),
+      de(t),
       ya[e],
       r && "animate-pulse",
       n
@@ -3006,19 +3006,19 @@ const Nl = ({
     trackingLabel: b,
     componentName: f
   }), v = (M) => {
-    const $ = parseFloat(M.target.value);
-    if (isNaN($)) {
+    const z = parseFloat(M.target.value);
+    if (isNaN(z)) {
       if (M.target.value === "") {
         const T = r ?? 0;
         y && y(N("input")), e(T);
       }
     } else {
-      const T = C($);
+      const T = C(z);
       y && y(N("input")), e(T);
     }
   }, C = (M) => {
-    let $ = M;
-    return r !== void 0 && $ < r && ($ = r), n !== void 0 && $ > n && ($ = n), $;
+    let z = M;
+    return r !== void 0 && z < r && (z = r), n !== void 0 && z > n && (z = n), z;
   }, 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: $,
+    icon: z,
     disabled: T,
-    ariaLabel: z
+    ariaLabel: U
   }) => /* @__PURE__ */ a(
     "button",
     {
       type: "button",
       onClick: M,
       disabled: s || T,
-      "aria-label": z,
+      "aria-label": U,
       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: $
+      children: z
     }
   );
   return l && i === "sides" ? /* @__PURE__ */ h("div", { className: u("inline-flex items-stretch", g), children: [
@@ -3238,19 +3238,19 @@ const Nl = ({
       iconLeft: "left-0 pl-3.5",
       iconRight: "right-0 pr-3.5"
     }
-  }[s], w = B(
+  }[s], w = R(
     (E) => {
       const S = E.target.value;
       N || p(S), e?.(S);
     },
     [e, N]
-  ), k = B(() => {
+  ), k = R(() => {
     m && m({
       action: "search",
       trackingLabel: y,
       componentName: b
     });
-  }, [m, y, b]), L = B(() => {
+  }, [m, y, b]), L = R(() => {
     N || p(""), m && m({
       action: "clear",
       trackingLabel: y,
@@ -3313,7 +3313,7 @@ const Nl = ({
           C.iconRight
         ),
         "aria-label": "Clear search",
-        children: /* @__PURE__ */ a(Fe, { className: C.icon })
+        children: /* @__PURE__ */ a(We, { className: C.icon })
       }
     ),
     d && /* @__PURE__ */ a(
@@ -3469,7 +3469,7 @@ const va = ({
   disabled: o = !1,
   className: s
 }) => {
-  const [l, i] = I(!1), [d, c] = I("12"), [g, m] = I("00"), [y, b] = I("AM"), f = D(null);
+  const [l, i] = I(!1), [d, c] = I("12"), [g, m] = I("00"), [y, b] = I("AM"), f = B(null);
   A(() => {
     if (t) {
       const [C, w] = t.split(":"), k = parseInt(C, 10);
@@ -3827,28 +3827,28 @@ const va = ({
     green: "success",
     yellow: "warning",
     red: "error"
-  }[d] : i, z = () => p ? S ? "bg-red-600 border-red-600" : "border-red-600 dark:border-red-500" : {
+  }[d] : i, U = () => 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 K = V.target.checked;
-    E || L(K), v && v({
+    const Y = V.target.checked;
+    E || L(Y), v && v({
       action: "toggle",
       trackingLabel: C,
       componentName: w
-    }), r?.(K);
-  }, R = (V) => {
+    }), r?.(Y);
+  }, P = (V) => {
     if (!s && (V.key === " " || V.key === "Spacebar")) {
       V.preventDefault();
-      const K = !S;
-      E || L(K), v && v({
+      const Y = !S;
+      E || L(Y), v && v({
         action: "toggle",
         trackingLabel: C,
         componentName: w
-      }), r?.(K);
+      }), r?.(Y);
     }
   }, W = M[l];
   return /* @__PURE__ */ h("div", { className: u("inline-flex flex-col", c), children: [
@@ -3868,7 +3868,7 @@ const va = ({
                 checked: S,
                 defaultChecked: E ? void 0 : e,
                 onChange: F,
-                onKeyDown: R,
+                onKeyDown: P,
                 disabled: s,
                 id: g,
                 name: m,
@@ -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,
-                  z(),
+                  U(),
                   !s && "hover:border-opacity-75"
                 ),
                 children: f ? /* @__PURE__ */ a(Wr, { className: u("text-white", W.check) }) : S ? N || /* @__PURE__ */ a(Or, { className: u("text-white", W.check) }) : null
@@ -3966,7 +3966,7 @@ const Il = ({
   renderOption: m,
   className: y
 }) => {
-  const b = D(null), p = {
+  const b = B(null), p = {
     sm: {
       radio: "w-4 h-4",
       label: "text-sm",
@@ -4208,7 +4208,7 @@ const Al = ({
   disabled: i = !1,
   className: d
 }) => {
-  const [c, g] = I(!1), [m, y] = I(""), b = D(null), f = s ? t.filter(
+  const [c, g] = I(!1), [m, y] = I(""), b = B(null), f = s ? t.filter(
     (w) => w.label.toLowerCase().includes(m.toLowerCase())
   ) : t, p = t.filter((w) => e.includes(w.value)), x = (w) => {
     e.includes(w) ? r(e.filter((k) => k !== w)) : r([...e, w]);
@@ -4372,7 +4372,7 @@ const Al = ({
   disabled: l = !1,
   className: i
 }) => {
-  const [d, c] = I(!1), [g, m] = I(""), [y, b] = I(0), f = D(null), p = D(null), x = t.filter(
+  const [d, c] = I(!1), [g, m] = I(""), [y, b] = I(0), f = B(null), p = B(null), x = t.filter(
     (w) => w.label.toLowerCase().includes(g.toLowerCase())
   ), N = t.find((w) => w.value === e);
   A(() => {
@@ -4505,11 +4505,11 @@ const Al = ({
   filterOptions: i = !0,
   emptyMessage: d = "No matching options"
 }) => {
-  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;
+  const [c, g] = I(!1), [m, y] = I(!1), [b, f] = I(!1), [p, x] = I(0), N = B(null), v = B(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 = (z) => {
-      N.current && !N.current.contains(z.target) && (g(!1), y(!1), f(!1));
+    const T = (U) => {
+      N.current && !N.current.contains(U.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(
-          (z) => z < k.length - 1 ? z + 1 : z
+          (U) => U < k.length - 1 ? U + 1 : U
         );
         break;
       case "ArrowUp":
-        T.preventDefault(), x((z) => z > 0 ? z - 1 : z);
+        T.preventDefault(), x((U) => U > 0 ? U - 1 : U);
         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, z) => {
-    z || (r(T), g(!1), y(!1), f(!1));
+  }, E = (T, U) => {
+    U || (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: $,
+          onClick: z,
           disabled: o,
           className: u(
             j.input.default(),
@@ -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, z) => /* @__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, U) => /* @__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" : z === 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" : U === 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
@@ -4671,7 +4671,7 @@ const Ul = ({
   trackingLabel: l,
   componentName: i
 }) => {
-  const [d, c] = I(!1), g = P.useRef(null);
+  const [d, c] = I(!1), g = D.useRef(null);
   it(g, () => c(!1));
   const m = (f) => {
     f.disabled || (s && s({
@@ -4939,31 +4939,31 @@ const Ul = ({
   trackingLabel: f,
   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(
+  const x = B(null), [N, v] = I(!1), [C, w] = I(null), k = (P) => (w(null), o && d.length + P.length > o ? (w(`Maximum ${o} files allowed`), []) : P.filter((V) => n && V.size > n ? (w(
     `File "${V.name}" exceeds maximum size of ${Xe(n)}`
-  ), !1) : !0)), L = (R) => {
+  ), !1) : !0)), L = (P) => {
     b && b({
-      action: R,
+      action: P,
       trackingLabel: f,
       componentName: p
     });
-  }, E = (R) => {
-    const W = Array.from(R.target.files || []), V = k(W);
+  }, E = (P) => {
+    const W = Array.from(P.target.files || []), V = k(W);
     V.length > 0 && (L("select"), t(V)), x.current && (x.current.value = "");
   }, S = () => {
     x.current?.click();
-  }, M = (R) => {
-    R.preventDefault(), R.stopPropagation(), s || v(!0);
-  }, $ = (R) => {
-    R.preventDefault(), R.stopPropagation(), v(!1);
-  }, T = (R) => {
-    R.preventDefault(), R.stopPropagation();
-  }, z = (R) => {
-    if (R.preventDefault(), R.stopPropagation(), v(!1), s) return;
-    const W = Array.from(R.dataTransfer.files), V = k(W);
+  }, M = (P) => {
+    P.preventDefault(), P.stopPropagation(), s || v(!0);
+  }, z = (P) => {
+    P.preventDefault(), P.stopPropagation(), v(!1);
+  }, T = (P) => {
+    P.preventDefault(), P.stopPropagation();
+  }, U = (P) => {
+    if (P.preventDefault(), P.stopPropagation(), v(!1), s) return;
+    const W = Array.from(P.dataTransfer.files), V = k(W);
     V.length > 0 && (L("drop"), t(V));
-  }, F = (R) => {
-    c && (L("remove"), c(R));
+  }, F = (P) => {
+    c && (L("remove"), c(P));
   };
   return l ? /* @__PURE__ */ h("div", { className: u("w-full", g), children: [
     /* @__PURE__ */ a(
@@ -4983,9 +4983,9 @@ const Ul = ({
       {
         onClick: S,
         onDragEnter: M,
-        onDragLeave: $,
+        onDragLeave: z,
         onDragOver: T,
-        onDrop: z,
+        onDrop: U,
         className: u(
           "relative border-2 border-dashed rounded-lg p-8",
           "transition-colors duration-200",
@@ -5062,7 +5062,7 @@ 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(Fe, { className: "h-5 w-5" })
+          children: /* @__PURE__ */ a(We, { className: "h-5 w-5" })
         }
       )
     ]
@@ -5090,7 +5090,7 @@ const jl = ({
   renderTag: y,
   className: b
 }) => {
-  const f = o || s, [p, x] = I(""), N = D(null), v = {
+  const f = o || s, [p, x] = I(""), N = B(null), v = {
     primary: "bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300",
     secondary: "bg-gray-100 dark:bg-gray-700 text-gray-700 dark:text-gray-300",
     success: "bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-300",
@@ -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, $) => $ !== S));
+    e(t.filter((M, z) => z !== S));
   }, k = (S) => {
     x(S.target.value);
   }, L = (S) => {
@@ -5123,7 +5123,7 @@ const jl = ({
         onClick: () => !d && N.current?.focus(),
         children: [
           t.map(
-            (S, M) => y ? /* @__PURE__ */ a(P.Fragment, { children: y(S, M, () => w(M)) }, M) : /* @__PURE__ */ h(
+            (S, M) => y ? /* @__PURE__ */ a(D.Fragment, { children: y(S, M, () => w(M)) }, M) : /* @__PURE__ */ h(
               "span",
               {
                 className: u(
@@ -5139,8 +5139,8 @@ const jl = ({
                     "button",
                     {
                       type: "button",
-                      onClick: ($) => {
-                        $.stopPropagation(), w(M);
+                      onClick: (z) => {
+                        z.stopPropagation(), w(M);
                       },
                       disabled: d,
                       className: u(
@@ -5212,20 +5212,20 @@ const jl = ({
   disabled: s = !1,
   className: l
 }) => {
-  const [i, d] = I(!1), [c, g] = I([]), [m, y] = I(0), [b, f] = I(0), p = D(null), x = D(null), N = (w) => {
+  const [i, d] = I(!1), [c, g] = I([]), [m, y] = I(0), [b, f] = I(0), p = B(null), x = B(null), N = (w) => {
     const k = w.target.value, L = w.target.selectionStart || 0;
     e(k), f(L);
     const S = k.substring(0, L).split(/\s/), M = S[S.length - 1];
     if (M.startsWith(n)) {
-      const $ = M.substring(n.length), T = r.filter(
-        (z) => z.label.toLowerCase().includes($.toLowerCase())
+      const z = M.substring(n.length), T = r.filter(
+        (U) => U.label.toLowerCase().includes(z.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, $ = t.substring(0, M) + n + w.label + " " + L;
-    if (e($), 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, z = t.substring(0, M) + n + w.label + " " + L;
+    if (e(z), d(!1), p.current) {
       const T = M + n.length + w.label.length + 1;
       setTimeout(() => {
         p.current?.focus(), p.current?.setSelectionRange(T, T);
@@ -5313,7 +5313,7 @@ const jl = ({
     )
   ] });
 }, La = G(
-  `${U.label.default()} peer-disabled:cursor-not-allowed peer-disabled:opacity-70`
+  `${$.label.default()} peer-disabled:cursor-not-allowed peer-disabled:opacity-70`
 ), Qt = q.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(Wt, { ref: r, className: u(La(), t), ...e }));
 Qt.displayName = Wt.displayName;
 const Wl = ({
@@ -5360,7 +5360,7 @@ const Wl = ({
       {
         id: p,
         className: u(
-          U.body.sm(),
+          $.body.sm(),
           f ? "text-red-600 dark:text-red-400" : "text-gray-500 dark:text-gray-400"
         ),
         role: f ? "alert" : void 0,
@@ -5397,7 +5397,7 @@ const Wl = ({
             }
           ),
           n && !r && /* @__PURE__ */ h("div", { className: "mt-1 flex items-start", children: [
-            /* @__PURE__ */ a(ge, { className: "h-4 w-4 text-gray-400 mr-1 mt-0.5 flex-shrink-0" }),
+            /* @__PURE__ */ a(me, { className: "h-4 w-4 text-gray-400 mr-1 mt-0.5 flex-shrink-0" }),
             /* @__PURE__ */ a("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: n })
           ] })
         ] }),
@@ -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 $ = E - 1; $ >= 0; $--)
-        S.push(new Date(w, k - 1, M - $));
+      for (let z = E - 1; z >= 0; z--)
+        S.push(new Date(w, k - 1, M - z));
     } 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 $ = 1; $ <= M; $++)
-        S.push(new Date(w, k + 1, $));
+      for (let z = 1; z <= M; z++)
+        S.push(new Date(w, k + 1, z));
     }
     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(), $ = S.getMonth(), T = N(S), z = v(S), F = [];
-    for (let R = 0; R < z; R++)
+    ), M = S.getFullYear(), z = S.getMonth(), T = N(S), U = v(S), F = [];
+    for (let P = 0; P < U; P++)
       F.push(null);
-    for (let R = 1; R <= T; R++)
-      F.push(new Date(M, $, R));
+    for (let P = 1; P <= T; P++)
+      F.push(new Date(M, z, P));
     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: $ } = C(S);
+          const { days: M, monthName: z } = 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: $ }),
+            /* @__PURE__ */ a("h3", { className: "text-base font-semibold text-gray-900 dark:text-white mb-4 text-center", children: z }),
             /* @__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, z) => {
+            /* @__PURE__ */ a("div", { className: "grid grid-cols-7 gap-1", children: M.map((T, U) => {
               if (!T)
-                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("div", { className: "aspect-square" }, U);
+              const F = y(T), P = f(T), W = p(T), V = b(T), Y = m(T, /* @__PURE__ */ new Date());
               return /* @__PURE__ */ a(
                 "button",
                 {
@@ -6105,13 +6105,13 @@ const Kl = ({
                     "aspect-square flex items-center justify-center rounded-md text-sm transition-colors relative",
                     "disabled:opacity-40 disabled:cursor-not-allowed disabled:hover:bg-transparent",
                     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",
-                    K && !R && !W && "border-2 border-blue-600 dark:border-blue-400"
+                    (P || W) && "bg-blue-600 text-white hover:bg-blue-700 dark:bg-blue-500 dark:hover:bg-blue-600",
+                    !P && !W && !V && "hover:bg-gray-100 dark:hover:bg-gray-800",
+                    Y && !P && !W && "border-2 border-blue-600 dark:border-blue-400"
                   ),
                   children: T.getDate()
                 },
-                z
+                U
               );
             }) })
           ] }, S);
@@ -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) || Ct[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 = R(
     (S) => {
       const M = v.decimals ?? 2;
       return S.toLocaleString("en-US", {
@@ -6740,10 +6740,10 @@ const Kl = ({
     b || y(C(t || 0));
   }, [t, C, b]);
   const w = (S) => {
-    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);
+    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 P = parseFloat(U) || 0;
+    i !== void 0 && P < i && (P = i), d !== void 0 && P > d && (P = d), e(P);
   }, k = () => {
     f(!0), y(t ? t.toString() : "");
   }, L = () => {
@@ -7089,7 +7089,7 @@ const Kl = ({
     }
   };
   return /* @__PURE__ */ h("div", { className: u("flex items-center gap-2", i), children: [
-    n && /* @__PURE__ */ h("span", { className: U.label.default(), children: [
+    n && /* @__PURE__ */ h("span", { className: $.label.default(), children: [
       n,
       ":"
     ] }),
@@ -7217,7 +7217,7 @@ const Kl = ({
   className: s = "",
   threshold: l = 0.1
 }) => {
-  const [i, d] = I(!1), [c, g] = I(!1), m = D(null);
+  const [i, d] = I(!1), [c, g] = I(!1), m = B(null);
   A(() => {
     if (!St() || typeof IntersectionObserver > "u") {
       d(!0), n && g(!0);
@@ -7313,28 +7313,28 @@ const Kl = ({
     }
   ) : null;
 }, Ua = {
-  [de.INFO]: {
-    icon: ge,
+  [ue.INFO]: {
+    icon: me,
     container: "bg-blue-50 dark:bg-blue-950 border-blue-200 dark:border-blue-800",
     iconColor: "text-blue-600 dark:text-blue-400",
     titleColor: "text-blue-900 dark:text-blue-100",
     descriptionColor: "text-blue-700 dark:text-blue-300"
   },
-  [de.SUCCESS]: {
-    icon: je,
+  [ue.SUCCESS]: {
+    icon: Fe,
     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]: {
+  [ue.WARNING]: {
     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]: {
+  [ue.ERROR]: {
     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",
@@ -7346,17 +7346,17 @@ const Kl = ({
   onDismiss: e,
   title: r,
   description: n,
-  variant: o = de.INFO,
+  variant: o = ue.INFO,
   duration: s = 5e3,
   icon: l,
   className: i,
   closeAriaLabel: d = "Dismiss banner"
 }) => {
-  const [c, g] = I("hidden"), m = D(null), y = D(
+  const [c, g] = I("hidden"), m = B(null), y = B(
     null
-  ), b = Ua[o], f = b.icon, p = B(() => {
+  ), b = Ua[o], f = b.icon, p = R(() => {
     m.current && (clearTimeout(m.current), m.current = null), y.current && (clearTimeout(y.current), y.current = null);
-  }, []), x = B(() => {
+  }, []), x = R(() => {
     p(), g("exiting"), y.current = setTimeout(() => {
       g("hidden"), e();
     }, 300);
@@ -7412,7 +7412,7 @@ const Kl = ({
                   "focus:ring-current"
                 ),
                 "aria-label": d,
-                children: /* @__PURE__ */ a(Fe, { className: u("h-5 w-5", b.iconColor) })
+                children: /* @__PURE__ */ a(We, { className: u("h-5 w-5", b.iconColor) })
               }
             )
           ]
@@ -7422,17 +7422,17 @@ const Kl = ({
   );
   return et(N, document.body);
 }, ki = (t = {}) => {
-  const { defaultDuration: e = 5e3 } = t, [r, n] = I(!1), [o, s] = I(null), l = B(
+  const { defaultDuration: e = 5e3 } = t, [r, n] = I(!1), [o, s] = I(null), l = R(
     ({
       title: d,
       description: c,
-      variant: g = de.INFO,
+      variant: g = ue.INFO,
       duration: m = e
     }) => {
       s({ title: d, description: c, variant: g, duration: m }), n(!0);
     },
     [e]
-  ), i = B(() => {
+  ), i = R(() => {
     n(!1);
   }, []);
   return {
@@ -7456,7 +7456,7 @@ const Kl = ({
     m.key === "Escape" && e();
   };
   return document.addEventListener("keydown", g), () => document.removeEventListener("keydown", g);
-}, [t, e, l]), t ? /* @__PURE__ */ h(me, { children: [
+}, [t, e, l]), t ? /* @__PURE__ */ h(he, { children: [
   /* @__PURE__ */ a(
     st,
     {
@@ -7525,7 +7525,7 @@ const Kl = ({
   emptyMessage: o = "No results found.",
   className: s
 }) => {
-  const [l, i] = I(""), [d, c] = I(0), g = D(null), m = r.filter((p) => {
+  const [l, i] = I(""), [d, c] = I(0), g = B(null), m = r.filter((p) => {
     const x = l.toLowerCase();
     return p.label.toLowerCase().includes(x) || p.keywords?.some((N) => N.toLowerCase().includes(x)) || p.group?.toLowerCase().includes(x);
   }), y = m.reduce(
@@ -8140,7 +8140,7 @@ const zi = ({
           e && /* @__PURE__ */ a(
             "h3",
             {
-              className: u(U.body.strong.md(), c.title),
+              className: u($.body.strong.md(), c.title),
               children: e
             }
           )
@@ -8219,7 +8219,7 @@ const zi = ({
     r && /* @__PURE__ */ a(
       "div",
       {
-        className: `${c.text} font-bold text-gray-900 dark:text-gray-100`,
+        className: `${c.text} font-bold text-inherit`,
         style: { fontFamily: i, fontWeight: "700" },
         children: l
       }
@@ -8268,19 +8268,19 @@ const zi = ({
 }) => {
   const g = {
     sm: {
-      title: U.heading.h4(),
-      description: U.body.sm(),
-      count: U.caption.default()
+      title: $.heading.h4(),
+      description: $.body.sm(),
+      count: $.caption.default()
     },
     md: {
-      title: U.heading.h3(),
-      description: U.body.md(),
-      count: U.body.sm()
+      title: $.heading.h3(),
+      description: $.body.md(),
+      count: $.body.sm()
     },
     lg: {
-      title: U.heading.h2(),
-      description: U.body.lg(),
-      count: U.body.md()
+      title: $.heading.h2(),
+      description: $.body.lg(),
+      count: $.body.md()
     }
   }[i];
   return /* @__PURE__ */ h("div", { className: u("flex items-start justify-between gap-4", d), children: [
@@ -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]",
-            U.body.sm(),
+            $.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,
@@ -8743,7 +8743,7 @@ const zi = ({
       return () => clearTimeout(y);
     }
   }, [t, d, e, r, n, o]);
-  const g = B(() => {
+  const g = R(() => {
     i(
       (m) => m.map((y) => ({
         ...y,
@@ -8792,13 +8792,13 @@ const zi = ({
     variants: {
       variant: {
         // Subtle internal link - barely noticeable color change
-        subtle: U.link.subtle(),
+        subtle: $.link.subtle(),
         // Default internal link
-        default: U.link.default(),
+        default: $.link.default(),
         // Muted link for secondary navigation
-        muted: U.link.muted(),
+        muted: $.link.muted(),
         // External link with indicator
-        external: U.link.external(),
+        external: $.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"
       },
@@ -9010,7 +9010,7 @@ const Yi = (t, e) => q.useMemo(() => {
       ),
       children: [
         e,
-        o && y && /* @__PURE__ */ a(ze, { className: "inline-block h-4 w-4 ml-1" })
+        o && y && /* @__PURE__ */ a($e, { 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(ze, { className: "inline-block h-4 w-4 ml-1 flex-shrink-0" })
+        o && y && /* @__PURE__ */ a($e, { 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: U.body.sm(),
+      text: $.body.sm(),
       icon: "h-3 w-3",
       gap: "gap-1"
     },
     md: {
-      text: U.body.md(),
+      text: $.body.md(),
       icon: "h-4 w-4",
       gap: "gap-1.5"
     },
     lg: {
-      text: U.body.lg(),
+      text: $.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(
-          ze,
+          $e,
           {
             className: u(g.icon, "flex-shrink-0")
           }
         ),
         /* @__PURE__ */ a("span", { children: e }),
         r && n === "right" && /* @__PURE__ */ a(
-          ze,
+          $e,
           {
             className: u(g.icon, "flex-shrink-0")
           }
@@ -9096,9 +9096,9 @@ const Yi = (t, e) => q.useMemo(() => {
       ]
     }
   );
-}, $e = /* @__PURE__ */ new Set(), Zi = () => {
-  $e.clear();
-}, ec = (t) => $e.has(t);
+}, Ue = /* @__PURE__ */ new Set(), Zi = () => {
+  Ue.clear();
+}, ec = (t) => Ue.has(t);
 function Ga(t, e, r, n) {
   let o = t;
   if (r.length > 0) {
@@ -9126,9 +9126,9 @@ const tc = ({
   onFocus: c,
   ...g
 }) => {
-  const m = D(null), y = B(() => {
+  const m = B(null), y = R(() => {
     const N = typeof s == "string" ? s : s.pathname || "";
-    if ($e.has(N))
+    if (Ue.has(N))
       return;
     const v = t || Ga(
       N,
@@ -9138,7 +9138,7 @@ const tc = ({
     );
     v && (m.current = setTimeout(() => {
       v().then(() => {
-        $e.add(N);
+        Ue.add(N);
       }).catch(() => {
       });
     }, e));
@@ -9149,19 +9149,19 @@ const tc = ({
     r,
     n,
     o
-  ]), b = B(() => {
+  ]), b = R(() => {
     m.current && (clearTimeout(m.current), m.current = null);
-  }, []), f = B(
+  }, []), f = R(
     (N) => {
       y(), i?.(N);
     },
     [y, i]
-  ), p = B(
+  ), p = R(
     (N) => {
       b(), d?.(N);
     },
     [b, d]
-  ), x = B(
+  ), x = R(
     (N) => {
       y(), c?.(N);
     },
@@ -9182,7 +9182,7 @@ const tc = ({
   items: t,
   separator: e = "/",
   className: r
-}) => /* @__PURE__ */ a("nav", { className: u("flex items-center gap-2 text-sm", r), children: t.map((n, o) => /* @__PURE__ */ h(P.Fragment, { children: [
+}) => /* @__PURE__ */ a("nav", { className: u("flex items-center gap-2 text-sm", r), children: t.map((n, o) => /* @__PURE__ */ h(D.Fragment, { children: [
   o > 0 && /* @__PURE__ */ a("span", { className: "text-gray-400 dark:text-gray-600", children: e }),
   o === t.length - 1 ? /* @__PURE__ */ a("span", { className: "text-gray-900 dark:text-white font-medium", children: n.label }) : /* @__PURE__ */ a(
     "button",
@@ -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", U.body.md()), children: [
+          /* @__PURE__ */ h("div", { className: u("font-medium", $.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: U.body.sm()
+      text: $.body.sm()
     },
     md: {
       button: "h-10 w-10 text-sm",
       icon: "h-4 w-4",
-      text: U.body.md()
+      text: $.body.md()
     },
     lg: {
       button: "h-12 w-12 text-base",
       icon: "h-5 w-5",
-      text: U.body.lg()
+      text: $.body.lg()
     }
   }[s], g = (() => {
     const v = [];
@@ -9593,7 +9593,7 @@ const ac = ({
   }, i = (d) => d < e ? "completed" : d === e ? "active" : "upcoming";
   return r === "horizontal" ? /* @__PURE__ */ a("div", { className: u("w-full", s), children: /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: t.map((d, c) => {
     const g = i(c), m = c === t.length - 1;
-    return /* @__PURE__ */ h(P.Fragment, { children: [
+    return /* @__PURE__ */ h(D.Fragment, { children: [
       /* @__PURE__ */ h("div", { className: "flex flex-col items-center", children: [
         /* @__PURE__ */ a(
           "button",
@@ -9812,7 +9812,7 @@ const ac = ({
   parentSectionId: n,
   onSubsectionSelect: o
 }) => {
-  const s = D(null), [l, i] = I(void 0);
+  const s = B(null), [l, i] = I(void 0);
   return A(() => {
     if (s.current) {
       const d = s.current.scrollHeight;
@@ -9993,7 +9993,7 @@ const gc = ({
     children: /* @__PURE__ */ a(
       "p",
       {
-        className: `${U.body.sm()} text-gray-500 dark:text-gray-400`,
+        className: `${$.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: `${U.label.default()} text-left py-3 px-4 whitespace-nowrap`,
+        className: `${$.label.default()} text-left py-3 px-4 whitespace-nowrap`,
         children: d
       },
       c
@@ -10011,7 +10011,7 @@ const gc = ({
     r && /* @__PURE__ */ a(
       "th",
       {
-        className: `${U.label.default()} text-right py-3 px-4 sticky right-0 bg-white dark:bg-gray-900 whitespace-nowrap`
+        className: `${$.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: U.body.sm(), children: y }) : y }, m);
+          return /* @__PURE__ */ a("td", { className: "py-3 px-4", children: typeof y == "string" ? /* @__PURE__ */ a("span", { className: $.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(
-    (z) => z.label.toLowerCase().includes(m.toLowerCase())
+    (U) => U.label.toLowerCase().includes(m.toLowerCase())
   ) : t, w = s ? e.filter(
-    (z) => z.label.toLowerCase().includes(b.toLowerCase())
-  ) : e, k = (z) => {
+    (U) => U.label.toLowerCase().includes(b.toLowerCase())
+  ) : e, k = (U) => {
     const F = new Set(p);
-    F.has(z) ? F.delete(z) : F.add(z), x(F);
-  }, L = (z) => {
+    F.has(U) ? F.delete(U) : F.add(U), x(F);
+  }, L = (U) => {
     const F = new Set(N);
-    F.has(z) ? F.delete(z) : F.add(z), v(F);
+    F.has(U) ? F.delete(U) : F.add(U), v(F);
   }, E = () => {
-    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());
+    const U = t.filter((W) => p.has(W.id)), F = t.filter((W) => !p.has(W.id)), P = [...e, ...U];
+    r(F, P), x(/* @__PURE__ */ new Set());
   }, S = () => {
-    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());
+    const U = e.filter((W) => N.has(W.id)), F = e.filter((W) => !N.has(W.id)), P = [...t, ...U];
+    r(P, F), v(/* @__PURE__ */ new Set());
   }, M = () => {
-    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: [
+    const U = [...e, ...t];
+    r([], U), x(/* @__PURE__ */ new Set());
+  }, z = () => {
+    const U = [...t, ...e];
+    r(U, []), v(/* @__PURE__ */ new Set());
+  }, T = (U, F, P, W, V, Y, Te) => /* @__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: [
-        z.length,
+        U.length,
         " item",
-        z.length !== 1 ? "s" : ""
+        U.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) => K(Q.target.value),
-        placeholder: fe,
+        onChange: (K) => Y(K.target.value),
+        placeholder: Te,
         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,18 +10328,18 @@ const gc = ({
       {
         className: "overflow-y-auto p-2 space-y-1",
         style: { height: s ? d - 120 : d - 60 },
-        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);
+        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((K) => {
+          const ae = P.has(K.id);
           return /* @__PURE__ */ a(
             "button",
             {
-              onClick: () => !Q.disabled && W(Q.id),
-              disabled: Q.disabled || c,
+              onClick: () => !K.disabled && W(K.id),
+              disabled: K.disabled || c,
               className: u(
                 "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",
-                Ve && "bg-blue-50 dark:bg-blue-900/30 border border-blue-200 dark:border-blue-700"
+                ae && "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",
-                      Ve ? "bg-blue-600 border-blue-600 dark:bg-blue-500 dark:border-blue-500" : "border-gray-300 dark:border-gray-600"
+                      ae ? "bg-blue-600 border-blue-600 dark:bg-blue-500 dark:border-blue-500" : "border-gray-300 dark:border-gray-600"
                     ),
-                    children: Ve && /* @__PURE__ */ a(
+                    children: ae && /* @__PURE__ */ a(
                       "svg",
                       {
                         className: "w-3 h-3 text-white",
@@ -10370,12 +10370,12 @@ const gc = ({
                   }
                 ),
                 /* @__PURE__ */ h("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ a("p", { className: "text-sm font-medium text-gray-900 dark:text-white truncate", children: Q.label }),
-                  Q.description && /* @__PURE__ */ a("p", { className: "text-xs text-gray-600 dark:text-gray-400 truncate", children: Q.description })
+                  /* @__PURE__ */ a("p", { className: "text-sm font-medium text-gray-900 dark:text-white truncate", children: K.label }),
+                  K.description && /* @__PURE__ */ a("p", { className: "text-xs text-gray-600 dark:text-gray-400 truncate", children: K.description })
                 ] })
               ] })
             },
-            Q.id
+            K.id
           );
         })
       }
@@ -10497,7 +10497,7 @@ const gc = ({
       /* @__PURE__ */ a(
         "button",
         {
-          onClick: $,
+          onClick: z,
           disabled: c || e.length === 0,
           className: u(
             "px-3 py-2 text-sm bg-white dark:bg-gray-900",
@@ -10549,7 +10549,7 @@ function Cc({
   overscan: s = 3,
   className: l
 }) {
-  const [i, d] = I(0), c = D(null), g = (p) => {
+  const [i, d] = I(0), c = B(null), g = (p) => {
     d(p.currentTarget.scrollTop);
   }, m = t.length * e, y = Math.max(0, Math.floor(i / e) - s), b = Math.min(
     t.length - 1,
@@ -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: U.heading.h4(), children: t }),
-  e && /* @__PURE__ */ a("p", { className: U.body.sm(), children: e }),
+  t && /* @__PURE__ */ a("h3", { className: $.heading.h4(), children: t }),
+  e && /* @__PURE__ */ a("p", { className: $.body.sm(), children: e }),
   n
 ] }), Mc = ({
   className: t,
@@ -11023,18 +11023,18 @@ const Sc = ({
 }) => {
   const y = {
     sm: {
-      label: U.body.sm(),
-      value: U.body.sm(),
+      label: $.body.sm(),
+      value: $.body.sm(),
       gap: "gap-1"
     },
     md: {
-      label: U.body.md(),
-      value: U.body.md(),
+      label: $.body.md(),
+      value: $.body.md(),
       gap: "gap-2"
     },
     lg: {
-      label: U.body.lg(),
-      value: U.body.lg(),
+      label: $.body.lg(),
+      value: $.body.lg(),
       gap: "gap-3"
     }
   }, b = {
@@ -11140,23 +11140,23 @@ const Sc = ({
     }
   }, m = {
     sm: {
-      value: U.heading.h5(),
-      label: U.caption.default(),
+      value: $.heading.h5(),
+      label: $.caption.default(),
       icon: "h-4 w-4"
     },
     md: {
-      value: U.heading.h4(),
-      label: U.body.sm(),
+      value: $.heading.h4(),
+      label: $.body.sm(),
       icon: "h-5 w-5"
     },
     lg: {
-      value: U.heading.h3(),
-      label: U.body.md(),
+      value: $.heading.h3(),
+      label: $.body.md(),
       icon: "h-6 w-6"
     },
     xl: {
-      value: U.heading.h2(),
-      label: U.body.lg(),
+      value: $.heading.h2(),
+      label: $.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(U.heading.h3(), "mb-2"), children: e }),
+      /* @__PURE__ */ a("h3", { className: u($.heading.h3(), "mb-2"), children: e }),
       r && /* @__PURE__ */ a(
         "p",
         {
           className: u(
-            U.body.sm(),
+            $.body.sm(),
             "text-gray-600 dark:text-gray-400 max-w-sm mb-6"
           ),
           children: r
@@ -12316,7 +12316,7 @@ const Sc = ({
 }) => {
   const [o, s] = I(
     r || { x: 50, y: 50, width: 200, height: 200 }
-  ), l = D(null), i = async () => {
+  ), l = B(null), i = async () => {
     if (!l.current || !e) return;
     const d = document.createElement("canvas"), c = d.getContext("2d");
     if (!c) return;
@@ -12412,12 +12412,12 @@ const Sc = ({
   showZoom: i = !0,
   className: d
 }) => {
-  const [c, g] = I(1), m = t[e], y = e > 0, b = e < t.length - 1, f = B(() => {
+  const [c, g] = I(1), m = t[e], y = e > 0, b = e < t.length - 1, f = R(() => {
     if (y) {
       const w = e - 1;
       o?.(w), g(1);
     }
-  }, [y, e, o]), p = B(() => {
+  }, [y, e, o]), p = R(() => {
     if (b) {
       const w = e + 1;
       o?.(w), g(1);
@@ -12463,7 +12463,7 @@ const Sc = ({
     document.body.style.overflow = "";
   }), [r]), A(() => {
     g(1);
-  }, [e]), !r || !m ? null : /* @__PURE__ */ a(me, { children: /* @__PURE__ */ h(
+  }, [e]), !r || !m ? null : /* @__PURE__ */ a(he, { children: /* @__PURE__ */ h(
     "div",
     {
       className: u(
@@ -12734,7 +12734,7 @@ const Sc = ({
   controls: s = !0,
   className: l
 }) => {
-  const i = D(null), [d, c] = I(r), [g, m] = I(1), [y, b] = I(0), [f, p] = I(0);
+  const i = B(null), [d, c] = I(r), [g, m] = I(1), [y, b] = I(0), [f, p] = I(0);
   A(() => {
     const k = i.current;
     if (!k) return;
@@ -12940,13 +12940,13 @@ const Sc = ({
   loop: s = !1,
   className: l
 }) => {
-  const i = D(null), [d, c] = I(o), [g, m] = I(0), [y, b] = I(0), [f, p] = I(1);
+  const i = B(null), [d, c] = I(o), [g, m] = I(0), [y, b] = I(0), [f, p] = I(1);
   A(() => {
     const k = i.current;
     if (!k) return;
-    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 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 x = () => {
@@ -13157,7 +13157,7 @@ const Sc = ({
   onRemove: s,
   className: l
 }) => {
-  const [i, d] = I([]), [c, g] = I(!1), m = D(null), y = (C) => {
+  const [i, d] = I([]), [c, g] = I(!1), m = B(null), y = (C) => {
     C.preventDefault(), g(!0);
   }, b = (C) => {
     C.preventDefault(), g(!1);
@@ -13174,12 +13174,12 @@ const Sc = ({
     const w = C.filter((S) => {
       const M = t.some((T) => {
         if (T.endsWith("/*")) {
-          const z = T.split("/")[0];
-          return S.type.startsWith(z);
+          const U = T.split("/")[0];
+          return S.type.startsWith(U);
         }
         return S.type === T;
-      }), $ = S.size <= e;
-      return M && $;
+      }), z = S.size <= e;
+      return M && z;
     }), k = r - i.length, L = w.slice(0, k), E = L.map((S) => ({
       id: `${Date.now()}-${Math.random()}`,
       file: S,
@@ -13348,7 +13348,7 @@ const Sc = ({
   showDownload: o = !1,
   className: s
 }) => {
-  const l = D(null);
+  const l = B(null);
   A(() => {
     const d = l.current;
     if (!d) return;
@@ -13421,7 +13421,7 @@ const Sc = ({
   "aria-describedby": y,
   closeAriaLabel: b = "Close modal"
 }) => {
-  const f = D(null), p = D(null);
+  const f = B(null), p = B(null);
   if (A(() => {
     if (!t || !d) return;
     const C = (w) => {
@@ -13479,7 +13479,7 @@ const Sc = ({
                     onClick: e,
                     className: j.overlays.modal.closeButton(),
                     "aria-label": b,
-                    children: /* @__PURE__ */ a(Fe, { className: j.icon.variant.muted.md() })
+                    children: /* @__PURE__ */ a(We, { className: j.icon.variant.muted.md() })
                   }
                 )
               ] }),
@@ -13578,7 +13578,7 @@ const Sc = ({
     top: t ? "translate-y-0" : "-translate-y-full",
     bottom: t ? "translate-y-0" : "translate-y-full"
   };
-  return /* @__PURE__ */ h(me, { children: [
+  return /* @__PURE__ */ h(he, { children: [
     /* @__PURE__ */ a(st, { isOpen: t, onClose: e, opacity: "medium" }),
     /* @__PURE__ */ h(
       "div",
@@ -13636,7 +13636,7 @@ const Sc = ({
   returnFocus: n = !0,
   className: o
 }) => {
-  const s = D(null), l = D(null);
+  const s = B(null), l = B(null);
   return A(() => {
     if (!e) return;
     n && (l.current = document.activeElement);
@@ -13692,7 +13692,7 @@ const Sc = ({
   reverse: c = !1,
   className: g
 }) => {
-  const m = D(null), [y, b] = I(!1);
+  const m = B(null), [y, b] = I(!1);
   A(() => {
     const N = m.current;
     if (!N || r || !n) return;
@@ -13799,12 +13799,12 @@ const Sc = ({
   showArrow: l = !0,
   className: i
 }) => {
-  const [d, c] = I(!1), g = n !== void 0 ? n : d, m = B(
+  const [d, c] = I(!1), g = n !== void 0 ? n : d, m = R(
     (k) => {
       n === void 0 && c(k), o?.(k);
     },
     [n, o]
-  ), y = D(null), b = D(null), [f, p] = I({ top: 0, left: 0 });
+  ), y = B(null), b = B(null), [f, p] = I({ top: 0, left: 0 });
   A(() => {
     if (!g || !y.current) return;
     const k = () => {
@@ -13942,7 +13942,7 @@ const Sc = ({
   showSubsections: l = !0,
   className: i
 }) => {
-  const [d, c] = I(""), g = D(null), m = e !== void 0 ? e : d;
+  const [d, c] = I(""), g = B(null), m = e !== void 0 ? e : d;
   A(() => {
     const f = o ? document.querySelector(o) : window;
     if (!f) return;
@@ -14062,7 +14062,7 @@ const Sc = ({
     left: "animate-in slide-in-from-left duration-300",
     right: "animate-in slide-in-from-right duration-300"
   };
-  return /* @__PURE__ */ h(me, { children: [
+  return /* @__PURE__ */ h(he, { children: [
     /* @__PURE__ */ a(st, { isOpen: t, onClose: e, opacity: "dark" }),
     /* @__PURE__ */ h(
       "div",
@@ -14178,12 +14178,12 @@ const Sc = ({
       closeOnOverlayClick: !c,
       children: /* @__PURE__ */ h("form", { onSubmit: v, children: [
         /* @__PURE__ */ h(er, { variant: "padded", children: [
-          /* @__PURE__ */ a("h3", { id: "text-input-modal-title", className: U.heading.h4(), children: n }),
+          /* @__PURE__ */ a("h3", { id: "text-input-modal-title", className: $.heading.h4(), children: n }),
           /* @__PURE__ */ a(
             "p",
             {
               id: "text-input-modal-description",
-              className: `${U.body.md()} mt-2 mb-4`,
+              className: `${$.body.md()} mt-2 mb-4`,
               children: o
             }
           ),
@@ -14205,7 +14205,7 @@ const Sc = ({
             "p",
             {
               id: "text-input-error",
-              className: `${U.body.sm()} text-red-600 dark:text-red-400 mt-2`,
+              className: `${$.body.sm()} text-red-600 dark:text-red-400 mt-2`,
               role: "alert",
               children: x
             }
@@ -14249,15 +14249,15 @@ const Sc = ({
   isOpen: g,
   onVisibilityChange: m
 }) => {
-  const [y, b] = I(!1), f = D(
+  const [y, b] = I(!1), f = B(
     void 0
-  ), p = D(
+  ), p = B(
     void 0
-  ), x = D(null), N = D(null), v = g !== void 0, C = v ? g : y, w = B(() => {
+  ), x = B(null), N = B(null), v = g !== void 0, C = v ? g : y, w = R(() => {
     l || v || (p.current && (clearTimeout(p.current), p.current = void 0), n > 0 ? f.current = setTimeout(() => {
       b(!0), m?.(!0);
     }, n) : (b(!0), m?.(!0)));
-  }, [l, v, n, m]), k = B(() => {
+  }, [l, v, n, m]), k = R(() => {
     v || (f.current && (clearTimeout(f.current), f.current = void 0), o > 0 ? p.current = setTimeout(() => {
       b(!1), m?.(!1);
     }, o) : (b(!1), m?.(!1)));
@@ -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"
-  }, z = {
+  }, U = {
     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",
@@ -14299,7 +14299,7 @@ const Sc = ({
     success: "bg-green-600 dark:bg-green-500 text-white",
     warning: "bg-yellow-600 dark:bg-yellow-500 text-white",
     error: "bg-red-600 dark:bg-red-500 text-white"
-  }, R = {
+  }, P = {
     default: {
       top: "border-t-gray-900 dark:border-t-gray-700",
       bottom: "border-b-gray-900 dark:border-b-gray-700",
@@ -14340,7 +14340,7 @@ const Sc = ({
       onMouseLeave: E,
       onFocus: S,
       onBlur: M,
-      onClick: $,
+      onClick: z,
       children: [
         e,
         C && !l && /* @__PURE__ */ h(
@@ -14361,8 +14361,8 @@ const Sc = ({
                 {
                   className: u(
                     "absolute w-0 h-0 border-4 arrow",
-                    z[r],
-                    R[d][r]
+                    U[r],
+                    P[d][r]
                   )
                 }
               )
@@ -14373,11 +14373,11 @@ const Sc = ({
     }
   );
 }, nn = {
-  default: ge,
+  default: me,
   warning: rt,
   danger: tt,
-  success: je,
-  info: ge
+  success: Fe,
+  info: me
 }, on = {
   default: () => j.icon.variant.default.lg(),
   warning: () => j.icon.variant.warning.lg(),
@@ -14420,7 +14420,7 @@ const Sc = ({
               "h3",
               {
                 id: "confirmation-dialog-title",
-                className: U.heading.h4(),
+                className: $.heading.h4(),
                 children: n
               }
             )
@@ -14429,7 +14429,7 @@ const Sc = ({
             "p",
             {
               id: "confirmation-dialog-description",
-              className: U.body.md(),
+              className: $.body.md(),
               children: o
             }
           )
@@ -14457,7 +14457,7 @@ const Sc = ({
   closeDelay: o = 300,
   className: s
 }) => {
-  const [l, i] = I(!1), [d, c] = I({ top: 0, left: 0 }), g = D(null), m = D(null), y = D(void 0), b = D(void 0);
+  const [l, i] = I(!1), [d, c] = I({ top: 0, left: 0 }), g = B(null), m = B(null), y = B(void 0), b = B(void 0);
   A(() => {
     if (!l || !g.current) return;
     const v = () => {
@@ -14513,7 +14513,7 @@ const Sc = ({
         children: t
       }
     ),
-    l && /* @__PURE__ */ a(me, { children: /* @__PURE__ */ a(
+    l && /* @__PURE__ */ a(he, { children: /* @__PURE__ */ a(
       "div",
       {
         ref: m,
@@ -14829,7 +14829,7 @@ const Sc = ({
   maxPullDistance: i = 120,
   className: d = ""
 }) => {
-  const [c, g] = I(0), [m, y] = I(!1), [b, f] = I(!1), p = D(0), x = D(null);
+  const [c, g] = I(0), [m, y] = I(!1), [b, f] = I(!1), p = B(0), x = B(null);
   A(() => {
     const k = x.current;
     if (!k) return;
@@ -14840,8 +14840,8 @@ const Sc = ({
       if (!b) return;
       const T = M.touches[0].clientY - p.current;
       if (T > 0 && k.scrollTop <= 0) {
-        const z = Math.min(T / i, 1), F = Math.min(
-          T * (1 - z * 0.5),
+        const U = Math.min(T / i, 1), F = Math.min(
+          T * (1 - U * 0.5),
           i
         );
         g(F), T > 10 && M.preventDefault();
@@ -14945,7 +14945,7 @@ const Sc = ({
   shareConfig: t
 }) => {
   const [e, r] = I(!1), [n, o] = I(""), [s, l] = I(!1), [i, d] = I(!1), [c, g] = I(!1);
-  P.useEffect(() => {
+  D.useEffect(() => {
     const v = t.onBeforeShare;
     v && !n && (async () => {
       l(!0);
@@ -15181,7 +15181,7 @@ const Sc = ({
   className: r,
   showHome: n
 }) => /* @__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("nav", { "aria-label": "Breadcrumb", children: /* @__PURE__ */ a("ol", { className: "flex items-center text-sm space-x-2", children: t.map((o, s) => /* @__PURE__ */ h(D.Fragment, { children: [
     /* @__PURE__ */ a("li", { children: o.current ? /* @__PURE__ */ a("span", { className: "text-gray-700 dark:text-gray-300", children: o.label }) : /* @__PURE__ */ a(
       Me,
       {
@@ -15201,7 +15201,7 @@ const Sc = ({
   standard: "max-w-7xl mx-auto",
   wide: "max-w-[1920px] mx-auto",
   full: "w-full"
-}, or = "px-4", sr = Be(void 0), cn = ({
+}, or = "px-4", sr = Re(void 0), cn = ({
   mode: t = "standard",
   children: e
 }) => {
@@ -15212,8 +15212,8 @@ const Sc = ({
     paddingClass: or
   };
   return /* @__PURE__ */ a(sr.Provider, { value: r, children: e });
-}, se = () => {
-  const t = Re(sr);
+}, le = () => {
+  const t = je(sr);
   return t || {
     mode: "standard",
     containerClass: ar.standard,
@@ -15224,7 +15224,7 @@ const Sc = ({
   items: t,
   shareConfig: e
 }) => {
-  const { containerClass: r } = se();
+  const { containerClass: r } = le();
   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(rr, { items: t, shareConfig: e }) }) });
 }, dn = (t) => {
   const [e, r] = I(""), [n, o] = I(!0), [s, l] = I(null);
@@ -15253,7 +15253,7 @@ const Sc = ({
   showCopy: s = !0,
   showHeader: l = !0
 }) => {
-  const { t: i } = Oe("codeBlock"), { code: d, loading: c, error: g } = dn(t || ""), [m, y] = I(!1), b = e || d, p = r || (t ? ((N) => {
+  const { t: i } = Ve("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";
@@ -15351,7 +15351,7 @@ const Sc = ({
   parentSectionId: n,
   onSubsectionSelect: o
 }) => {
-  const s = D(null), [l, i] = I(void 0);
+  const s = B(null), [l, i] = I(void 0);
   return xr(() => {
     if (s.current) {
       const d = s.current.scrollHeight;
@@ -15466,7 +15466,7 @@ const Sc = ({
   ), 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();
+  }, 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 } = le();
   return /* @__PURE__ */ a(
     "div",
     {
@@ -15592,7 +15592,7 @@ const Sc = ({
   variant: t = "compact",
   className: e = ""
 }) => {
-  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) => ({
+  const { i18n: r, t: n } = Ve("languageSelector"), [o, s] = D.useState(r.language), l = D.useMemo(() => r.options.supportedLngs ? r.options.supportedLngs.filter((c) => c !== "cimode").map((c) => ({
     code: c,
     name: Lt[c]?.name || c.toUpperCase(),
     flag: Lt[c]?.flag || "🌐"
@@ -15601,7 +15601,7 @@ const Sc = ({
   ) : [], [r.options.supportedLngs]), i = l.find(
     (c) => c.code === o || c.code.toLowerCase() === o.toLowerCase()
   );
-  P.useEffect(() => {
+  D.useEffect(() => {
     s(r.language);
   }, [r.language]);
   const d = (c) => {
@@ -15855,7 +15855,7 @@ class r0 extends ut {
   }
 }
 function a0() {
-  const [t, e] = P.useState(0), r = P.useCallback(() => {
+  const [t, e] = D.useState(0), r = D.useCallback(() => {
     e((n) => n + 1);
   }, []);
   return {
@@ -15898,7 +15898,7 @@ const o0 = ({ children: t }) => /* @__PURE__ */ a(O, { children: t }), s0 = ({
   }, [])(), /* @__PURE__ */ a(n, { ...o })) : n;
 }, 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 n = D.useRef(r), o = D.useRef(e), s = D.useRef(void 0), l = ee(() => {
       const i = r.length !== n.current.length || r.some((c, g) => c !== n.current[g]), d = e !== o.current;
       if (i || d || s.current === void 0) {
         let c;
@@ -15919,8 +15919,8 @@ const o0 = ({ children: t }) => /* @__PURE__ */ a(O, { children: t }), s0 = ({
   rootMargin: r = "50px",
   fallback: n = null
 }) => {
-  const [o, s] = P.useState(!1), l = P.useRef(null);
-  return P.useEffect(() => {
+  const [o, s] = D.useState(!1), l = D.useRef(null);
+  return D.useEffect(() => {
     const i = new IntersectionObserver(
       ([d]) => {
         d.isIntersecting && (s(!0), i.disconnect());
@@ -15935,10 +15935,10 @@ const o0 = ({ children: t }) => /* @__PURE__ */ a(O, { children: t }), s0 = ({
   // 16ms = 60fps
   onSlowRender: r
 }) => {
-  const n = P.useRef(0);
-  return P.useLayoutEffect(() => {
+  const n = D.useRef(0);
+  return D.useLayoutEffect(() => {
     n.current = performance.now();
-  }), P.useEffect(() => {
+  }), D.useEffect(() => {
     const o = performance.now() - n.current;
     o > e && r?.(o);
   }), /* @__PURE__ */ a(O, { children: t });
@@ -15947,8 +15947,8 @@ const o0 = ({ children: t }) => /* @__PURE__ */ a(O, { children: t }), s0 = ({
   batchSize: e = 5,
   delay: r = 0
 }) => {
-  const [n, o] = P.useState(e);
-  return P.useEffect(() => {
+  const [n, o] = D.useState(e);
+  return D.useEffect(() => {
     if (n < t.length) {
       const s = setTimeout(() => {
         o((l) => Math.min(l + e, t.length));
@@ -15966,7 +15966,7 @@ const o0 = ({ children: t }) => /* @__PURE__ */ a(O, { children: t }), s0 = ({
   className: l = "",
   ...i
 }) => {
-  const [d, c] = I(!1), [g, m] = I(s), [y, b] = I(!1), f = D(null), p = D(null);
+  const [d, c] = I(!1), [g, m] = I(s), [y, b] = I(!1), f = B(null), p = B(null);
   A(() => {
     if (s) {
       m(!0);
@@ -16060,7 +16060,7 @@ function b0({
   defaultLanguage: o = "en",
   ...s
 }) {
-  const { lang: l } = We(), i = l && n(l) ? l : o, d = e || i, c = t.startsWith(`/${d}`) ? t : `/${d}${t.startsWith("/") ? t : `/${t}`}`;
+  const { lang: l } = Oe(), 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({
@@ -16069,7 +16069,7 @@ function p0({
   storageKey: r = "language",
   fallback: n = null
 }) {
-  const { lang: o } = We(), s = ot(), l = Ot(), { i18n: i } = Oe();
+  const { lang: o } = Oe(), s = ot(), l = Ot(), { i18n: i } = Ve();
   return A(() => {
     if (!o || !t(o)) {
       let d = e;
@@ -16121,7 +16121,7 @@ function y0(t = {}) {
     isLanguageSupported: e = (g) => /^[a-z]{2}(-[a-z]+)?$/.test(g),
     defaultLanguage: r = "en",
     storageKey: n = "language"
-  } = t, o = ot(), { lang: s } = We(), { i18n: l } = Oe(), i = s && e(s) ? s : l.language || r, d = B(
+  } = t, o = ot(), { lang: s } = Oe(), { i18n: l } = Ve(), i = s && e(s) ? s : l.language || r, d = R(
     (g, m) => {
       if (typeof g == "number") {
         o(g);
@@ -16131,7 +16131,7 @@ function y0(t = {}) {
       o(y, m);
     },
     [o, i]
-  ), c = B(
+  ), c = R(
     (g, m) => {
       l.changeLanguage(g);
       const y = lr(
@@ -16159,7 +16159,7 @@ function x0({
   loadingComponent: o,
   fallback: s = null
 }) {
-  const l = ot(), { lang: i } = We();
+  const l = ot(), { lang: i } = Oe();
   return A(() => {
     if (!r && !e) {
       const d = n ? n.replace(":lang", i || "en") : `/${i || "en"}`;
@@ -16243,8 +16243,8 @@ function v0({
     }
   );
 }
-var Y = /* @__PURE__ */ ((t) => (t.LIGHT = "light", t.DARK = "dark", t.SYSTEM = "system", t))(Y || {}), ir = /* @__PURE__ */ ((t) => (t.SMALL = "small", t.MEDIUM = "medium", t.LARGE = "large", t))(ir || {});
-const Te = {
+var Q = /* @__PURE__ */ ((t) => (t.LIGHT = "light", t.DARK = "dark", t.SYSTEM = "system", t))(Q || {}), ir = /* @__PURE__ */ ((t) => (t.SMALL = "small", t.MEDIUM = "medium", t.LARGE = "large", t))(ir || {});
+const Ae = {
   getItem: (t) => {
     try {
       return localStorage.getItem(t);
@@ -16258,11 +16258,11 @@ const Te = {
     } catch {
     }
   }
-}, cr = Be(
+}, cr = Re(
   void 0
 );
 function w0() {
-  const t = Re(cr);
+  const t = je(cr);
   if (t === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
   return t;
@@ -16271,32 +16271,32 @@ function k0({
   children: t,
   themeStorageKey: e = "theme",
   fontSizeStorageKey: r = "font-size",
-  defaultTheme: n = Y.LIGHT,
+  defaultTheme: n = Q.LIGHT,
   defaultFontSize: o = ir.MEDIUM
 }) {
-  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(
+  const [s, l] = I(() => Ae.getItem(e) || n), [i, d] = I(() => Ae.getItem(r) || o), [c, g] = I(
+    () => s === Q.SYSTEM ? typeof window < "u" && window.matchMedia("(prefers-color-scheme: dark)").matches ? Q.DARK : Q.LIGHT : s
+  ), m = R(
     (f) => {
-      l(f), Te.setItem(e, f);
+      l(f), Ae.setItem(e, f);
     },
     [e]
-  ), y = B(
+  ), y = R(
     (f) => {
-      d(f), Te.setItem(r, f);
+      d(f), Ae.setItem(r, f);
     },
     [r]
   );
   A(() => {
     const f = document.documentElement;
     let p = s;
-    s === Y.SYSTEM && (p = window.matchMedia(
+    s === Q.SYSTEM && (p = window.matchMedia(
       "(prefers-color-scheme: dark)"
-    ).matches ? Y.DARK : Y.LIGHT), g(p), f.classList.remove("light", "dark"), f.classList.add(p), f.classList.remove("font-small", "font-medium", "font-large"), f.classList.add(`font-${i}`);
+    ).matches ? Q.DARK : Q.LIGHT), g(p), f.classList.remove("light", "dark"), f.classList.add(p), f.classList.remove("font-small", "font-medium", "font-large"), f.classList.add(`font-${i}`);
   }, [s, i]), A(() => {
-    if (s === Y.SYSTEM) {
+    if (s === Q.SYSTEM) {
       const f = window.matchMedia("(prefers-color-scheme: dark)"), p = (x) => {
-        const N = document.documentElement, v = x.matches ? Y.DARK : Y.LIGHT;
+        const N = document.documentElement, v = x.matches ? Q.DARK : Q.LIGHT;
         g(v), N.classList.remove("light", "dark"), N.classList.add(v);
       };
       return f.addEventListener("change", p), () => {
@@ -16716,7 +16716,7 @@ const N0 = ({
   className: l = "",
   size: i = "lg"
 }) => {
-  const { paddingClass: d } = se(), g = (() => {
+  const { paddingClass: d } = le(), g = (() => {
     const x = o.via ? `${o.from}-${o.via}-${o.to}` : `${o.from}-${o.to}`;
     return {
       "blue-600-purple-600": "bg-gradient-to-r from-blue-600 to-purple-600 dark:from-blue-700 dark:to-purple-700",
@@ -16835,7 +16835,7 @@ const N0 = ({
   onError: r,
   className: n = ""
 }) => {
-  const o = D(null), s = D(null);
+  const o = B(null), s = B(null);
   return A(() => {
     if (!t)
       return;
@@ -16950,7 +16950,7 @@ const N0 = ({
   as: n = "div",
   withPadding: o = !0
 }) => {
-  const s = se(), l = e ? Nn(e, o) : o ? s.containerClass : s.maxWidthClass;
+  const s = le(), l = e ? Nn(e, o) : o ? s.containerClass : s.maxWidthClass;
   return /* @__PURE__ */ a(n, { className: u(l, r), children: t });
 };
 function Nn(t, e) {
@@ -16967,7 +16967,7 @@ const $0 = ({
   className: r,
   children: n
 }) => {
-  const { containerClass: o } = se();
+  const { containerClass: o } = le();
   return /* @__PURE__ */ a(
     "footer",
     {
@@ -16981,28 +16981,93 @@ const $0 = ({
       children: /* @__PURE__ */ a("div", { className: o, children: n })
     }
   );
-}, U0 = ({ children: t, className: e }) => /* @__PURE__ */ a("div", { className: u("grid md:grid-cols-5 gap-8", e), children: t }), P0 = ({
+}, U0 = ({ children: t, className: e }) => /* @__PURE__ */ a(
+  "nav",
+  {
+    role: "navigation",
+    "aria-label": "Footer Navigation",
+    className: u("grid grid-cols-2 gap-x-6 gap-y-8 md:gap-8", e),
+    children: t
+  }
+), P0 = ({
   children: t,
   description: e,
   className: r
 }) => /* @__PURE__ */ h("div", { className: r, children: [
   /* @__PURE__ */ a("div", { className: "mb-4", children: t }),
-  e && /* @__PURE__ */ a("p", { className: U.body.sm(), children: e })
+  e && /* @__PURE__ */ a("p", { className: "text-xs text-gray-400 leading-relaxed", children: e })
 ] }), D0 = ({
   title: t,
   children: e,
   className: r
-}) => /* @__PURE__ */ h("div", { className: r, children: [
-  /* @__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 = ({
+}) => {
+  const [n, o] = I(!1);
+  return /* @__PURE__ */ h("div", { className: r, children: [
+    /* @__PURE__ */ a("h3", { className: "hidden md:block text-xs font-semibold text-gray-400 uppercase tracking-wider mb-3", children: t }),
+    /* @__PURE__ */ h(
+      "button",
+      {
+        className: "flex w-full items-center justify-between md:hidden py-2 border-b border-gray-700",
+        onClick: () => o(!n),
+        "aria-expanded": n,
+        children: [
+          /* @__PURE__ */ a("span", { className: "text-xs font-semibold text-gray-400 uppercase tracking-wider", children: t }),
+          /* @__PURE__ */ a(
+            "svg",
+            {
+              className: u(
+                "w-3 h-3 text-gray-500 transition-transform duration-200",
+                n && "rotate-180"
+              ),
+              fill: "none",
+              viewBox: "0 0 10 6",
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ a(
+                "path",
+                {
+                  stroke: "currentColor",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: "1.5",
+                  d: "M1 1l4 4 4-4"
+                }
+              )
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ a("ul", { className: "hidden md:block space-y-2", role: "list", children: e }),
+    /* @__PURE__ */ a(
+      "ul",
+      {
+        className: u(
+          "md:hidden overflow-hidden transition-all duration-200",
+          n ? "max-h-96 pt-2 pb-1 space-y-2" : "max-h-0"
+        ),
+        role: "list",
+        children: e
+      }
+    )
+  ] });
+}, B0 = ({
   children: t,
   className: e
-}) => /* @__PURE__ */ a("li", { className: u("hover:text-white transition-colors", e), children: t }), R0 = ({ children: t, className: e }) => /* @__PURE__ */ a(
+}) => /* @__PURE__ */ a(
+  "li",
+  {
+    className: u(
+      "text-xs text-gray-400 hover:text-white transition-colors",
+      e
+    ),
+    role: "listitem",
+    children: t
+  }
+), R0 = ({ children: t, className: e }) => /* @__PURE__ */ a(
   "div",
   {
     className: u(
-      "border-t mt-8 pt-8 text-center space-y-4",
+      "border-t mt-8 pt-6 text-center space-y-3",
       kr.border.default,
       e
     ),
@@ -17011,11 +17076,11 @@ const $0 = ({
 ), j0 = ({
   children: t,
   className: e
-}) => P.Children.toArray(t).filter(Boolean).length === 0 ? null : /* @__PURE__ */ a(
+}) => D.Children.toArray(t).filter(Boolean).length === 0 ? null : /* @__PURE__ */ a(
   "div",
   {
     className: u(
-      "flex items-center justify-center gap-3 text-gray-400 text-sm",
+      "flex items-center justify-center gap-3 text-gray-500 text-xs",
       e
     ),
     children: t
@@ -17053,19 +17118,19 @@ const $0 = ({
   rightsText: r,
   companyLink: n,
   className: o
-}) => /* @__PURE__ */ h("span", { className: o, children: [
+}) => /* @__PURE__ */ h("span", { className: u("text-xs text-gray-500", o), children: [
   "© ",
   t,
   " ",
-  n || /* @__PURE__ */ a("span", { className: "text-blue-400", children: e }),
+  n || /* @__PURE__ */ a("span", { className: "text-gray-400", children: e }),
   r && `. ${r}`
-] }), ae = ({ href: t, label: e, children: r }) => /* @__PURE__ */ a(an, { content: e, children: /* @__PURE__ */ a(
+] }), ne = ({ href: t, label: e, children: r }) => /* @__PURE__ */ a(an, { content: e, children: /* @__PURE__ */ a(
   "a",
   {
     href: t,
     target: "_blank",
     rel: "noopener noreferrer",
-    className: "text-gray-400 hover:text-white transition-colors",
+    className: "text-gray-500 hover:text-white transition-colors",
     "aria-label": e,
     children: r
   }
@@ -17079,70 +17144,70 @@ const $0 = ({
   githubUrl: l,
   className: i
 }) => t || e || r || n || o || s || l ? /* @__PURE__ */ h("div", { className: u("flex items-center gap-4", i), children: [
-  t && /* @__PURE__ */ a(ae, { href: t, label: "Twitter / X", children: /* @__PURE__ */ a(
+  t && /* @__PURE__ */ a(ne, { href: t, label: "Twitter / X", children: /* @__PURE__ */ a(
     "svg",
     {
-      className: "w-5 h-5",
+      className: "w-4 h-4",
       fill: "currentColor",
       viewBox: "0 0 24 24",
       "aria-hidden": "true",
       children: /* @__PURE__ */ a("path", { d: "M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" })
     }
   ) }),
-  e && /* @__PURE__ */ a(ae, { href: e, label: "Reddit", children: /* @__PURE__ */ a(
+  e && /* @__PURE__ */ a(ne, { href: e, label: "Reddit", children: /* @__PURE__ */ a(
     "svg",
     {
-      className: "w-5 h-5",
+      className: "w-4 h-4",
       fill: "currentColor",
       viewBox: "0 0 24 24",
       "aria-hidden": "true",
       children: /* @__PURE__ */ a("path", { d: "M12 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0zm5.01 4.744c.688 0 1.25.561 1.25 1.249a1.25 1.25 0 0 1-2.498.056l-2.597-.547-.8 3.747c1.824.07 3.48.632 4.674 1.488.308-.309.73-.491 1.207-.491.968 0 1.754.786 1.754 1.754 0 .716-.435 1.333-1.01 1.614a3.111 3.111 0 0 1 .042.52c0 2.694-3.13 4.87-7.004 4.87-3.874 0-7.004-2.176-7.004-4.87 0-.183.015-.366.043-.534A1.748 1.748 0 0 1 4.028 12c0-.968.786-1.754 1.754-1.754.463 0 .898.196 1.207.49 1.207-.883 2.878-1.43 4.744-1.487l.885-4.182a.342.342 0 0 1 .14-.197.35.35 0 0 1 .238-.042l2.906.617a1.214 1.214 0 0 1 1.108-.701zM9.25 12C8.561 12 8 12.562 8 13.25c0 .687.561 1.248 1.25 1.248.687 0 1.248-.561 1.248-1.249 0-.688-.561-1.249-1.249-1.249zm5.5 0c-.687 0-1.248.561-1.248 1.25 0 .687.561 1.248 1.249 1.248.688 0 1.249-.561 1.249-1.249 0-.687-.562-1.249-1.25-1.249zm-5.466 3.99a.327.327 0 0 0-.231.094.33.33 0 0 0 0 .463c.842.842 2.484.913 2.961.913.477 0 2.105-.056 2.961-.913a.361.361 0 0 0 .029-.463.33.33 0 0 0-.464 0c-.547.533-1.684.73-2.512.73-.828 0-1.979-.196-2.512-.73a.326.326 0 0 0-.232-.095z" })
     }
   ) }),
-  r && /* @__PURE__ */ a(ae, { href: r, label: "Discord", children: /* @__PURE__ */ a(
+  r && /* @__PURE__ */ a(ne, { href: r, label: "Discord", children: /* @__PURE__ */ a(
     "svg",
     {
-      className: "w-5 h-5",
+      className: "w-4 h-4",
       fill: "currentColor",
       viewBox: "0 0 24 24",
       "aria-hidden": "true",
       children: /* @__PURE__ */ a("path", { d: "M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028 14.09 14.09 0 0 0 1.226-1.994.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418z" })
     }
   ) }),
-  n && /* @__PURE__ */ a(ae, { href: n, label: "LinkedIn", children: /* @__PURE__ */ a(
+  n && /* @__PURE__ */ a(ne, { href: n, label: "LinkedIn", children: /* @__PURE__ */ a(
     "svg",
     {
-      className: "w-5 h-5",
+      className: "w-4 h-4",
       fill: "currentColor",
       viewBox: "0 0 24 24",
       "aria-hidden": "true",
       children: /* @__PURE__ */ a("path", { d: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" })
     }
   ) }),
-  o && /* @__PURE__ */ a(ae, { href: o, label: "Farcaster", children: /* @__PURE__ */ a(
+  o && /* @__PURE__ */ a(ne, { href: o, label: "Farcaster", children: /* @__PURE__ */ a(
     "svg",
     {
-      className: "w-5 h-5",
+      className: "w-4 h-4",
       fill: "currentColor",
       viewBox: "0 0 24 24",
       "aria-hidden": "true",
       children: /* @__PURE__ */ a("path", { d: "M18.24 2.4H5.76a3.36 3.36 0 0 0-3.36 3.36v12.48a3.36 3.36 0 0 0 3.36 3.36h12.48a3.36 3.36 0 0 0 3.36-3.36V5.76a3.36 3.36 0 0 0-3.36-3.36zm-2.16 13.2h-1.2v-4.8h-5.76v4.8H7.92V8.4h1.2v3.6h5.76V8.4h1.2v7.2z" })
     }
   ) }),
-  s && /* @__PURE__ */ a(ae, { href: s, label: "Telegram", children: /* @__PURE__ */ a(
+  s && /* @__PURE__ */ a(ne, { href: s, label: "Telegram", children: /* @__PURE__ */ a(
     "svg",
     {
-      className: "w-5 h-5",
+      className: "w-4 h-4",
       fill: "currentColor",
       viewBox: "0 0 24 24",
       "aria-hidden": "true",
       children: /* @__PURE__ */ a("path", { d: "M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z" })
     }
   ) }),
-  l && /* @__PURE__ */ a(ae, { href: l, label: "GitHub", children: /* @__PURE__ */ a(
+  l && /* @__PURE__ */ a(ne, { href: l, label: "GitHub", children: /* @__PURE__ */ a(
     "svg",
     {
-      className: "w-5 h-5",
+      className: "w-4 h-4",
       fill: "currentColor",
       viewBox: "0 0 24 24",
       "aria-hidden": "true",
@@ -17203,164 +17268,176 @@ const $0 = ({
   masterContent: n,
   detailContent: o,
   detailTitle: s,
-  mobileView: l = "navigation",
-  onBackToNavigation: i,
-  masterClassName: d = "",
-  detailClassName: c = "",
-  detailTitleClassName: g = "",
-  masterWidth: m = 320,
-  stickyMaster: y = !0,
-  stickyTopOffset: b = 96,
-  desktopGap: f = 32,
-  showMasterBackground: p = !0,
-  enableAnimations: x = !0,
-  animationDuration: N = 300,
-  contentKey: v,
-  animationRef: C
+  topContent: l,
+  bottomContent: i,
+  mobileView: d = "navigation",
+  onBackToNavigation: c,
+  masterClassName: g = "",
+  detailClassName: m = "",
+  detailTitleClassName: y = "",
+  masterWidth: b = 320,
+  stickyMaster: f = !0,
+  stickyTopOffset: p = 96,
+  desktopGap: x = 32,
+  showMasterBackground: N = !0,
+  enableAnimations: v = !0,
+  animationDuration: C = 300,
+  contentKey: w,
+  animationRef: k
 }) => {
-  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(
+  const { containerClass: L } = le(), E = `gap-${Math.round(x / 4)}` || "gap-8", S = (K) => K ? K.split("-")[0].trim() : "Back", M = r ? S(r) : t ? S(t) : "Back", [z, T] = I(!1), [U, F] = I("auto"), P = B(null), W = B(
     null
   );
-  A(() => (C && (C.current = {
+  A(() => (k && (k.current = {
     triggerTransition: (K) => {
-      if (!x) {
+      if (!v) {
         K();
         return;
       }
-      if (z.current) {
-        const fe = z.current.scrollHeight;
-        T(fe);
+      if (P.current) {
+        const ae = P.current.scrollHeight;
+        F(ae);
       }
-      M(!0), F.current && clearTimeout(F.current), F.current = setTimeout(() => {
+      T(!0), W.current && clearTimeout(W.current), W.current = setTimeout(() => {
         K(), setTimeout(() => {
-          if (z.current) {
-            const fe = z.current.scrollHeight;
-            T(fe), setTimeout(() => {
-              T("auto"), M(!1);
-            }, N);
+          if (P.current) {
+            const ae = P.current.scrollHeight;
+            F(ae), setTimeout(() => {
+              F("auto"), T(!1);
+            }, C);
           }
         }, 50);
-      }, N / 2);
+      }, C / 2);
     }
   }), () => {
-    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)`,
+    W.current && clearTimeout(W.current);
+  }), [v, C, k]), A(() => {
+    P.current && (P.current.scrollTop = 0);
+  }, [w, s]);
+  const V = v ? {
+    height: U === "auto" ? "auto" : `${U}px`,
+    transition: `height ${C}ms cubic-bezier(0.4, 0, 0.2, 1)`,
     width: "100%",
     maxWidth: "100%"
-  } : { 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`
+  } : { width: "100%", maxWidth: "100%" }, Y = v ? `${z ? "opacity-0 transform translate-y-2" : "opacity-100 transform translate-y-0"}` : "", Te = v ? {
+    transition: `opacity ${C}ms ease-in-out, transform ${C}ms ease-in-out`
   } : {};
   return /* @__PURE__ */ h("div", { className: "w-full flex-1 min-h-0 flex flex-col", children: [
-    /* @__PURE__ */ a(
-      "div",
-      {
-        className: `md:hidden ${l === "navigation" ? "block" : "hidden"} flex-1 overflow-y-auto`,
-        children: /* @__PURE__ */ h(
-          "div",
-          {
-            className: p ? "bg-white dark:bg-gray-800 p-6" : "p-6",
-            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 })
-              ] }),
-              /* @__PURE__ */ a("div", { className: d, children: n })
-            ]
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ h(
-      "div",
-      {
-        className: `md:hidden ${l === "content" ? "flex flex-col flex-1 min-h-0" : "hidden"} ${w} py-8`,
-        children: [
-          l === "content" && i && /* @__PURE__ */ h(
-            "button",
-            {
-              onClick: i,
-              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 flex-shrink-0",
-              children: [
-                "← ",
-                E
-              ]
-            }
-          ),
-          /* @__PURE__ */ a(
-            "div",
-            {
-              ref: z,
-              className: `bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 p-8 flex-1 min-h-0 overflow-y-auto ${c}`,
-              style: R,
-              children: /* @__PURE__ */ h("div", { className: W, style: V, children: [
-                s && /* @__PURE__ */ a(
-                  "h1",
-                  {
-                    className: `text-4xl font-bold text-gray-900 dark:text-white mb-6 ${g}`,
-                    children: s
-                  }
-                ),
-                o
-              ] })
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ h(
-      "div",
-      {
-        className: `hidden md:flex flex-1 min-h-0 ${k}`,
-        style: { width: "100%" },
-        children: [
-          /* @__PURE__ */ h(
-            "aside",
-            {
-              className: `flex-shrink-0 flex flex-col min-h-0${y ? " sticky" : ""}`,
-              style: {
-                width: `${m}px`,
-                minWidth: `${m}px`,
-                ...y ? { top: `${b}px` } : {}
-              },
-              children: [
-                t && /* @__PURE__ */ a("h2", { className: "text-lg font-semibold text-gray-900 dark:text-white mb-4 flex-shrink-0", children: t }),
-                e && /* @__PURE__ */ a("p", { className: "text-sm text-gray-600 dark:text-gray-400 mb-6 break-all flex-shrink-0", children: e }),
-                /* @__PURE__ */ a(
-                  "div",
-                  {
-                    className: `bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 p-4 flex-1 min-h-0 overflow-y-auto ${d}`,
-                    children: n
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ a("div", { className: "flex-1 min-w-0 flex flex-col min-h-0", children: /* @__PURE__ */ a(
-            "div",
-            {
-              ref: z,
-              className: `bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 p-8 flex-1 min-h-0 overflow-y-auto ${c}`,
-              style: R,
-              children: /* @__PURE__ */ h("div", { className: W, style: V, children: [
-                s && /* @__PURE__ */ a(
-                  "h1",
-                  {
-                    className: `text-4xl font-bold text-gray-900 dark:text-white mb-6 ${g}`,
-                    children: s
-                  }
-                ),
-                o
-              ] })
-            }
-          ) })
-        ]
-      }
-    )
+    l && /* @__PURE__ */ a("div", { className: "hidden md:block flex-shrink-0", children: l }),
+    /* @__PURE__ */ h("div", { className: "flex-1 min-h-0 flex flex-col", children: [
+      /* @__PURE__ */ h(
+        "div",
+        {
+          className: `md:hidden ${d === "navigation" ? "block" : "hidden"} flex-1 overflow-y-auto`,
+          children: [
+            l && /* @__PURE__ */ a("div", { children: l }),
+            /* @__PURE__ */ h(
+              "div",
+              {
+                className: N ? "bg-white dark:bg-gray-800 p-6" : "p-6",
+                children: [
+                  t && /* @__PURE__ */ h("div", { className: L, 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 })
+                  ] }),
+                  /* @__PURE__ */ a("div", { className: g, children: n })
+                ]
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ h(
+        "div",
+        {
+          className: `md:hidden ${d === "content" ? "flex flex-col flex-1 min-h-0" : "hidden"} ${L} py-8`,
+          children: [
+            d === "content" && c && /* @__PURE__ */ h(
+              "button",
+              {
+                onClick: c,
+                className: "mb-4 px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-md text-sm font-medium text-gray-700 dark:text-gray-300 bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors flex-shrink-0",
+                children: [
+                  "← ",
+                  M
+                ]
+              }
+            ),
+            /* @__PURE__ */ h(
+              "div",
+              {
+                ref: P,
+                className: `bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 p-8 flex-1 min-h-0 overflow-y-auto ${m}`,
+                style: V,
+                children: [
+                  /* @__PURE__ */ h("div", { className: Y, style: Te, children: [
+                    s && /* @__PURE__ */ a(
+                      "h1",
+                      {
+                        className: `text-4xl font-bold text-gray-900 dark:text-white mb-6 ${y}`,
+                        children: s
+                      }
+                    ),
+                    o
+                  ] }),
+                  i && /* @__PURE__ */ a("div", { children: i })
+                ]
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ h(
+        "div",
+        {
+          className: `hidden md:flex flex-1 min-h-0 ${E}`,
+          style: { width: "100%" },
+          children: [
+            /* @__PURE__ */ h(
+              "aside",
+              {
+                className: `flex-shrink-0 flex flex-col min-h-0${f ? " sticky" : ""}`,
+                style: {
+                  width: `${b}px`,
+                  minWidth: `${b}px`,
+                  ...f ? { top: `${p}px` } : {}
+                },
+                children: [
+                  t && /* @__PURE__ */ a("h2", { className: "text-lg font-semibold text-gray-900 dark:text-white mb-4 flex-shrink-0", children: t }),
+                  e && /* @__PURE__ */ a("p", { className: "text-sm text-gray-600 dark:text-gray-400 mb-6 break-all flex-shrink-0", children: e }),
+                  /* @__PURE__ */ a(
+                    "div",
+                    {
+                      className: `bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 p-4 flex-1 min-h-0 overflow-y-auto ${g}`,
+                      children: n
+                    }
+                  )
+                ]
+              }
+            ),
+            /* @__PURE__ */ a("div", { className: "flex-1 min-w-0 flex flex-col min-h-0", children: /* @__PURE__ */ a(
+              "div",
+              {
+                ref: P,
+                className: `bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 p-8 flex-1 min-h-0 overflow-y-auto ${m}`,
+                style: V,
+                children: /* @__PURE__ */ h("div", { className: Y, style: Te, children: [
+                  s && /* @__PURE__ */ a(
+                    "h1",
+                    {
+                      className: `text-4xl font-bold text-gray-900 dark:text-white mb-6 ${y}`,
+                      children: s
+                    }
+                  ),
+                  o
+                ] })
+              }
+            ) })
+          ]
+        }
+      )
+    ] }),
+    i && /* @__PURE__ */ a("div", { className: "hidden md:block flex-shrink-0", children: i })
   ] });
 }, G0 = ({
   children: t,
@@ -17413,12 +17490,12 @@ const $0 = ({
     style: { aspectRatio: t },
     children: e
   }
-) }), dr = Be(null), Cn = ({
+) }), dr = Re(null), Cn = ({
   children: t,
   variant: e = "default",
   sticky: r = !0
 }) => {
-  const [n, o] = I(!1), s = B(() => {
+  const [n, o] = I(!1), s = R(() => {
     o((l) => !l);
   }, []);
   return /* @__PURE__ */ a(
@@ -17435,7 +17512,7 @@ const $0 = ({
     }
   );
 }, ur = () => {
-  const t = Re(dr);
+  const t = je(dr);
   if (!t)
     throw new Error("useTopbar must be used within a TopbarProvider");
   return t;
@@ -17462,7 +17539,7 @@ const $0 = ({
   zIndex: l = "high",
   "aria-label": i = "Main navigation"
 }) => {
-  const { containerClass: d } = se();
+  const { containerClass: d } = le();
   return /* @__PURE__ */ a(Cn, { variant: e, sticky: r, children: /* @__PURE__ */ h(
     "header",
     {
@@ -17605,7 +17682,7 @@ const $0 = ({
   menuItems: s,
   LinkComponent: l
 }) => {
-  const { mobileMenuOpen: i, toggleMobileMenu: d, setMobileMenuOpen: c } = ur(), [g, m] = I(!1), y = D(null);
+  const { mobileMenuOpen: i, toggleMobileMenu: d, setMobileMenuOpen: c } = ur(), [g, m] = I(!1), y = B(null);
   it(y, () => {
     m(!1);
   });
@@ -17722,7 +17799,7 @@ const $0 = ({
   LinkComponent: n,
   align: o = "center"
 }) => {
-  const [s, l] = I(null), i = D(null);
+  const [s, l] = I(null), i = B(null);
   it(
     i,
     () => l(null)
@@ -18016,7 +18093,7 @@ const $0 = ({
   width: s = "md",
   showOnMobile: l = !1
 }) => {
-  const [i, d] = P.useState(e || ""), c = (m) => {
+  const [i, d] = D.useState(e || ""), c = (m) => {
     const y = m.target.value;
     d(y), r?.(y);
   };
@@ -18397,23 +18474,23 @@ class Fn {
     return Array.from(this.cache.values()).reduce((e, r) => e + JSON.stringify(r).length * 2, 0);
   }
 }
-const ue = new Fn(), ne = /* @__PURE__ */ new Map(), Wn = async (t, e, r = "messages") => {
-  const n = jn[r], o = ue.get(t, n);
+const ge = new Fn(), oe = /* @__PURE__ */ new Map(), Wn = async (t, e, r = "messages") => {
+  const n = jn[r], o = ge.get(t, n);
   if (o && !o.isStale)
     return o.data;
-  const s = ne.get(t);
+  const s = oe.get(t);
   if (s)
     return s;
   if (o && o.isStale && n.staleWhileRevalidate) {
-    const i = e().then((d) => (ue.set(t, d, n), ne.delete(t), d)).catch((d) => {
-      throw ne.delete(t), d;
+    const i = e().then((d) => (ge.set(t, d, n), oe.delete(t), d)).catch((d) => {
+      throw oe.delete(t), d;
     });
-    return ne.set(t, i), o.data;
+    return oe.set(t, i), o.data;
   }
-  const l = e().then((i) => (ue.set(t, i, n), ne.delete(t), i)).catch((i) => {
-    throw ne.delete(t), i;
+  const l = e().then((i) => (ge.set(t, i, n), oe.delete(t), i)).catch((i) => {
+    throw oe.delete(t), i;
   });
-  return ne.set(t, l), l;
+  return oe.set(t, l), l;
 };
 class On {
   constructor() {
@@ -18538,9 +18615,9 @@ class mu {
   }
 }
 const hu = {
-  invalidate: (t) => ue.invalidate(t),
-  clear: () => ue.clear(),
-  getStats: () => ue.getStats(),
+  invalidate: (t) => ge.invalidate(t),
+  clear: () => ge.clear(),
+  getStats: () => ge.getStats(),
   // Warm up cache with commonly accessed data
   warmUp: async (t) => {
     await Promise.allSettled(t.map((e) => e()));
@@ -18697,7 +18774,7 @@ const gr = (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(), be = /* @__PURE__ */ new Map(), Ue = /* @__PURE__ */ new Set();
+}, Z = /* @__PURE__ */ new Map(), be = /* @__PURE__ */ new Map(), Pe = /* @__PURE__ */ new Set();
 let Ce = "medium", gt = !1;
 function Jn() {
   if ("connection" in navigator) {
@@ -18721,7 +18798,7 @@ function Cu(t, e, r = {}) {
   } = r;
   if (Z.has(e))
     return Z.get(e).component;
-  const m = oe(async () => {
+  const m = se(async () => {
     const b = performance.now();
     if (be.has(e))
       return be.get(e).then((p) => ({ default: p }));
@@ -18757,8 +18834,8 @@ function Cu(t, e, r = {}) {
   }), y = (b) => {
     const [f, p] = I(!0);
     A(() => {
-      if (l && !Z.has(e) && l() && !Ue.has(e)) {
-        Ue.add(e);
+      if (l && !Z.has(e) && l() && !Pe.has(e)) {
+        Pe.add(e);
         const v = Zn(d, Ce);
         setTimeout(() => {
           t().catch(() => {
@@ -18872,7 +18949,7 @@ const we = class we {
 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);
+  const [s, l] = I(!1), [i, d] = I(!1), c = D.useRef(null);
   A(() => {
     if (!c.current) return;
     if (o === "high") {
@@ -18910,12 +18987,12 @@ const Su = ({ src: t, alt: e, className: r, placeholder: n, priority: o = "mediu
   ] });
 };
 function Lu() {
-  Z.clear(), Ue.clear();
+  Z.clear(), Pe.clear();
 }
 function Eu() {
   return {
     cachedComponents: Z.size,
-    preloadQueue: Ue.size,
+    preloadQueue: Pe.size,
     networkSpeed: Ce,
     isLowEndDevice: gt,
     cacheEntries: Array.from(Z.entries()).map(([t, e]) => ({
@@ -18944,7 +19021,7 @@ const eo = ({ message: t }) => /* @__PURE__ */ h("div", { className: "flex items
       return () => /* @__PURE__ */ a(eo, { message: "Loading component..." });
   }
 }, ro = (t, e = "default", r = 3) => {
-  const n = oe(async () => {
+  const n = se(async () => {
     let s = null;
     for (let l = 0; l < r; l++)
       try {
@@ -19024,8 +19101,8 @@ function zu(t, e) {
     priority: l = "medium",
     cacheKey: i = `conditional-${Math.random()}`
   } = e, d = (c) => {
-    const [g, m] = P.useState(!1), [y, b] = P.useState(null);
-    return P.useEffect(() => {
+    const [g, m] = D.useState(!1), [y, b] = D.useState(null);
+    return D.useEffect(() => {
       const x = setTimeout(async () => {
         const N = Se.get(i);
         if (N && N.isValid && Date.now() - N.lastCheck < 3e5)
@@ -19606,8 +19683,8 @@ function hr(t) {
   const e = `wallet-${t.toLowerCase()}`;
   if (He.has(e))
     return He.get(e);
-  const n = oe(() => Promise.resolve({
-    default: () => P.createElement("div", {}, `${t} Provider Placeholder`)
+  const n = se(() => Promise.resolve({
+    default: () => D.createElement("div", {}, `${t} Provider Placeholder`)
   })), o = (s) => /* @__PURE__ */ a(
     Ee,
     {
@@ -19657,12 +19734,12 @@ const ft = class ft {
   }
 };
 ft.preloadedWallets = /* @__PURE__ */ new Set();
-let Pe = ft;
+let De = ft;
 function Hu() {
   return {
     availableWallets: mr(),
     preloadWallet: (n) => {
-      Pe.preloadWallet(n);
+      De.preloadWallet(n);
     },
     getDetectedWallets: () => Array.from(ye),
     hasWallet: (n) => ye.has(n.toLowerCase())
@@ -19677,7 +19754,7 @@ function qu({
     "button",
     {
       onClick: () => {
-        Pe.preloadWallet(t), setTimeout(e, 100);
+        De.preloadWallet(t), setTimeout(e, 100);
       },
       disabled: r,
       className: "wallet-connect-btn",
@@ -19932,23 +20009,23 @@ const qe = {
     qe.mark(`${t}-end`), qe.measure(t, `${t}-start`, `${t}-end`);
   }), [t, e]);
 }, Yu = (t) => {
-  const e = D(t);
-  return e.current = t, B(
+  const e = B(t);
+  return e.current = t, R(
     (...r) => e.current(...r),
     []
   );
 }, Qu = (t, e, r) => {
-  const n = D(e), o = D(void 0);
+  const n = B(e), o = B(void 0);
   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]);
-}, De = /* @__PURE__ */ new Map(), Ju = (t) => {
-  const e = De.get(t) || 0;
-  De.set(t, e + 1), A(() => {
+}, Be = /* @__PURE__ */ new Map(), Ju = (t) => {
+  const e = Be.get(t) || 0;
+  Be.set(t, e + 1), A(() => {
     process.env.NODE_ENV;
   });
-}, 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);
+}, Xu = () => Object.fromEntries(Be), Zu = () => Be.clear(), eg = (t) => D.lazy(t), tg = (t = 0.1) => {
+  const [e, r] = I(/* @__PURE__ */ new Set()), n = B(null);
   A(() => (n.current = new IntersectionObserver(
     (s) => {
       s.forEach((l) => {
@@ -19962,7 +20039,7 @@ const qe = {
     },
     { threshold: t }
   ), () => n.current?.disconnect()), [t]);
-  const o = B((s) => {
+  const o = R((s) => {
     s && n.current && n.current.observe(s);
   }, []);
   return { loadedImages: e, observeImage: o };
@@ -19987,12 +20064,12 @@ const qe = {
     n.rel = "preload", n.href = t, n.as = e, r && (n.crossOrigin = "anonymous"), document.head.appendChild(n);
   }
 }, lg = (t) => {
-  const e = D(/* @__PURE__ */ new Set()), r = D(/* @__PURE__ */ new Set()), n = B((s, l) => {
+  const e = B(/* @__PURE__ */ new Set()), r = B(/* @__PURE__ */ new Set()), n = R((s, l) => {
     const i = setTimeout(() => {
       e.current.delete(i), s();
     }, l);
     return e.current.add(i), i;
-  }, []), o = B((s, l) => {
+  }, []), o = R((s, l) => {
     const i = setInterval(s, l);
     return r.current.add(i), i;
   }, []);
@@ -20148,14 +20225,14 @@ class go {
     this.observers.forEach((e) => e.disconnect()), this.observers = [];
   }
 }
-let Ae = null;
-const ig = (t) => (Ae || (Ae = new go(t)), Ae), mt = () => Ae, mo = (t) => {
-  const e = P.useRef(performance.now());
-  P.useEffect(() => {
+let ze = null;
+const ig = (t) => (ze || (ze = new go(t)), ze), mt = () => ze, mo = (t) => {
+  const e = D.useRef(performance.now());
+  D.useEffect(() => {
     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) => {
+}, cg = (t, e) => D.forwardRef((r, n) => (mo(e), D.createElement(t, { ...r, ref: n }))), dg = async (t, e) => {
   const r = performance.now(), n = await t(), o = performance.now() - r, s = mt();
   return s && s.measureAPICall(e, o), n;
 }, ho = {
@@ -20208,7 +20285,7 @@ const ig = (t) => (Ae || (Ae = new go(t)), Ae), mt = () => Ae, mo = (t) => {
   TTFB: [800, 1800],
   INP: [200, 500]
 };
-function he(t, e) {
+function fe(t, e) {
   const [r, n] = fo[t];
   return e <= r ? "good" : e <= n ? "needs-improvement" : "poor";
 }
@@ -20234,7 +20311,7 @@ function bo(t) {
     document.visibilityState === "hidden" && t({
       name: "CLS",
       value: e,
-      rating: he("CLS", e)
+      rating: fe("CLS", e)
     });
   });
 }
@@ -20244,7 +20321,7 @@ function po(t) {
       r.name === "first-contentful-paint" && t({
         name: "FCP",
         value: r.startTime,
-        rating: he("FCP", r.startTime)
+        rating: fe("FCP", r.startTime)
       });
   });
 }
@@ -20258,7 +20335,7 @@ function yo(t) {
     e > 0 && t({
       name: "LCP",
       value: e,
-      rating: he("LCP", e)
+      rating: fe("LCP", e)
     });
   };
   document.addEventListener("visibilitychange", () => {
@@ -20275,7 +20352,7 @@ function xo(t) {
       t({
         name: "FID",
         value: n,
-        rating: he("FID", n)
+        rating: fe("FID", n)
       });
     }
   });
@@ -20289,7 +20366,7 @@ function vo(t) {
     t({
       name: "TTFB",
       value: r,
-      rating: he("TTFB", r)
+      rating: fe("TTFB", r)
     });
   }
 }
@@ -20313,7 +20390,7 @@ function wo(t) {
       t({
         name: "INP",
         value: n,
-        rating: he("INP", n)
+        rating: fe("INP", n)
       });
     }
   });
@@ -20502,11 +20579,11 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
     ] })
   ] });
 }, pg = (t, e = "ms", r = 0) => t === void 0 ? "N/A" : `${t.toFixed(r)}${e}`, Ao = (t = {}) => {
-  const { enabled: e = !0, onUpdate: r } = t, [n, o] = I({}), [s, l] = I(!0), i = D(r);
+  const { enabled: e = !0, onUpdate: r } = t, [n, o] = I({}), [s, l] = I(!0), i = B(r);
   A(() => {
     i.current = r;
   }, [r]);
-  const d = B(
+  const d = R(
     (c) => {
       o((g) => {
         const m = { ...g, ...c };
@@ -20582,7 +20659,7 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
       c.forEach((g) => g.disconnect());
     };
   }, [e, d]), { metrics: n, isSupported: s };
-}, le = (t, e) => {
+}, ie = (t, e) => {
   if (e === void 0) return "unknown";
   const n = {
     lcp: { good: 2500, poor: 4e3 },
@@ -20607,7 +20684,7 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
           label: "LCP",
           value: r(t.lcp),
           unit: "ms",
-          rating: le("lcp", t.lcp),
+          rating: ie("lcp", t.lcp),
           description: "Largest Contentful Paint"
         }
       ),
@@ -20617,7 +20694,7 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
           label: "FID",
           value: r(t.fid),
           unit: "ms",
-          rating: le("fid", t.fid),
+          rating: ie("fid", t.fid),
           description: "First Input Delay"
         }
       ),
@@ -20626,7 +20703,7 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
         {
           label: "CLS",
           value: r(t.cls, 3),
-          rating: le("cls", t.cls),
+          rating: ie("cls", t.cls),
           description: "Cumulative Layout Shift"
         }
       ),
@@ -20636,7 +20713,7 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
           label: "FCP",
           value: r(t.fcp),
           unit: "ms",
-          rating: le("fcp", t.fcp),
+          rating: ie("fcp", t.fcp),
           description: "First Contentful Paint"
         }
       ),
@@ -20646,7 +20723,7 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
           label: "TTFB",
           value: r(t.ttfb),
           unit: "ms",
-          rating: le("ttfb", t.ttfb),
+          rating: ie("ttfb", t.ttfb),
           description: "Time to First Byte"
         }
       ),
@@ -20656,18 +20733,18 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
           label: "INP",
           value: r(t.inp),
           unit: "ms",
-          rating: le("inp", t.inp),
+          rating: ie("inp", t.inp),
           description: "Interaction to Next Paint"
         }
       )
     ] })
   ] });
 }, $o = (t = {}) => {
-  const { enabled: e = !0, refreshInterval: r = 5e3, onUpdate: n } = t, [o, s] = I({}), l = D(n);
+  const { enabled: e = !0, refreshInterval: r = 5e3, onUpdate: n } = t, [o, s] = I({}), l = B(n);
   A(() => {
     l.current = n;
   }, [n]);
-  const i = B(() => {
+  const i = R(() => {
     if (!(typeof performance > "u"))
       try {
         const c = performance.getEntriesByType(
@@ -20689,7 +20766,7 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
         s(p), l.current?.(p);
       } catch {
       }
-  }, []), d = B(() => {
+  }, []), d = R(() => {
     i();
   }, [i]);
   return A(() => {
@@ -20883,13 +20960,13 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
     totalTime: 0,
     averageTime: 0,
     failedCalls: 0
-  }), i = D(r), d = D(o);
+  }), i = B(r), d = B(o);
   A(() => {
     i.current = r;
   }, [r]), A(() => {
     d.current = o;
   }, [o]);
-  const c = B(() => {
+  const c = R(() => {
     if (!(typeof performance > "u"))
       try {
         const m = performance.getEntriesByType(
@@ -20912,7 +20989,7 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
         l(N), d.current?.(N);
       } catch {
       }
-  }, []), g = B(() => {
+  }, []), g = R(() => {
     c();
   }, [c]);
   return A(() => {
@@ -20928,10 +21005,10 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
     horizontalOnly: n = !1,
     verticalOnly: o = !1,
     initialPosition: s
-  } = t, l = D(null), [i, d] = I({
+  } = t, l = B(null), [i, d] = I({
     x: s?.x ?? null,
     y: s?.y ?? null
-  }), [c, g] = I(!1), [m, y] = I({ x: 0, y: 0 }), b = B(
+  }), [c, g] = I(!1), [m, y] = I({ x: 0, y: 0 }), b = R(
     (p) => {
       if (!e || !l.current) return;
       const x = l.current.getBoundingClientRect();
@@ -20944,7 +21021,7 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
       }), p.preventDefault();
     },
     [e, i, n, o]
-  ), f = B(() => {
+  ), f = R(() => {
     d({
       x: s?.x ?? null,
       y: s?.y ?? null
@@ -21011,7 +21088,7 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
     () => d,
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [JSON.stringify(d)]
-  ), N = D(c);
+  ), N = B(c);
   A(() => {
     N.current = c;
   }, [c]);
@@ -21039,11 +21116,11 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
   } = Vo({
     enabled: o,
     horizontalOnly: n.includes("bottom") || n.includes("top")
-  }), M = B(() => {
-    b((R) => !R);
-  }, []), $ = B(() => {
+  }), M = R(() => {
+    b((P) => !P);
+  }, []), z = R(() => {
     p(!1);
-  }, []), T = B(() => {
+  }, []), T = R(() => {
     p(!0);
   }, []);
   if (!m) return null;
@@ -21064,7 +21141,7 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
         children: "🚀 Performance"
       }
     );
-  const z = k.x !== null ? {
+  const U = k.x !== null ? {
     left: `${k.x}px`,
     bottom: n.includes("bottom") ? "1rem" : void 0,
     top: n.includes("top") ? "1rem" : void 0,
@@ -21083,14 +21160,14 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
         L && "cursor-grabbing",
         g
       ),
-      style: { maxWidth: "320px", ...z },
+      style: { maxWidth: "320px", ...U },
       children: [
         /* @__PURE__ */ a(
           So,
           {
             isCollapsed: y,
             onToggleCollapse: M,
-            onClose: $,
+            onClose: z,
             onMouseDown: o ? E : void 0,
             isDragging: L
           }
@@ -21130,13 +21207,13 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
     errorPrefix: n = "",
     onSuccess: o,
     onError: s
-  } = t, [l, i] = I(!1), [d, c] = I(""), [g, m] = I(""), y = B(() => {
+  } = t, [l, i] = I(!1), [d, c] = I(""), [g, m] = I(""), y = R(() => {
     c(""), m("");
-  }, []), b = B(() => {
+  }, []), b = R(() => {
     c("");
-  }, []), f = B(() => {
+  }, []), f = R(() => {
     m("");
-  }, []), p = B(
+  }, []), p = R(
     async (x) => {
       i(!0), y();
       try {
@@ -21169,7 +21246,7 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
     clearError: f
   };
 }, vg = (t = !1) => {
-  const [e, r] = I(t), n = B(() => r(!0), []), o = B(() => r(!1), []), s = B(() => r((l) => !l), []);
+  const [e, r] = I(t), n = R(() => r(!0), []), o = R(() => r(!1), []), s = R(() => r((l) => !l), []);
   return {
     value: e,
     setTrue: n,
@@ -21178,7 +21255,7 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
     setValue: r
   };
 }, wg = (t = {}) => {
-  const { successDuration: e = 2e3, onSuccess: r, onError: n } = t, [o, s] = I(null), l = B(
+  const { successDuration: e = 2e3, onSuccess: r, onError: n } = t, [o, s] = I(null), l = R(
     async (c) => {
       try {
         if (navigator.clipboard && window.isSecureContext)
@@ -21199,10 +21276,10 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
       }
     },
     [e, r, n]
-  ), i = B(
+  ), i = R(
     (c) => o === c,
     [o]
-  ), d = B(() => {
+  ), d = R(() => {
     s(null);
   }, []);
   return {
@@ -21212,7 +21289,7 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
     resetCopiedState: d
   };
 }, kg = (t = {}) => {
-  const { successDuration: e = 2e3, onSuccess: r, onError: n } = t, [o, s] = I({}), l = B(
+  const { successDuration: e = 2e3, onSuccess: r, onError: n } = t, [o, s] = I({}), l = R(
     async (c, g) => {
       try {
         if (navigator.clipboard && window.isSecureContext)
@@ -21233,10 +21310,10 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
       }
     },
     [e, r, n]
-  ), i = B(
+  ), i = R(
     (c) => o[c] || !1,
     [o]
-  ), d = B((c) => {
+  ), d = R((c) => {
     s(c ? (g) => ({ ...g, [c]: !1 }) : {});
   }, []);
   return {
@@ -21247,7 +21324,7 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
   };
 };
 function Ng() {
-  const t = Ot(), e = D(null), r = D(0);
+  const t = Ot(), e = B(null), r = B(0);
   A(() => {
     const n = t.pathname;
     if (!e.current) {
@@ -21268,34 +21345,34 @@ function Cg({
     for (const S in t)
       E[S] = t[S].initialValue;
     return E;
-  }, [t]), [o, s] = I(n), [l, i] = I({}), [d, c] = I({}), [g, m] = I({}), y = B(
+  }, [t]), [o, s] = I(n), [l, i] = I({}), [d, c] = I({}), [g, m] = I({}), y = R(
     (E) => {
       const S = t[E], M = o[E];
       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 $ of S.validate) {
-          const T = $(M);
+        for (const z of S.validate) {
+          const T = z(M);
           if (T)
             return T;
         }
     },
     [t, o]
-  ), b = B(
+  ), b = R(
     (E, S) => {
       if (s((M) => ({ ...M, [E]: S })), m((M) => ({ ...M, [E]: !0 })), e && d[E]) {
         const M = y(E);
-        i(($) => ({ ...$, [E]: M }));
+        i((z) => ({ ...z, [E]: M }));
       }
     },
     [e, d, y]
-  ), f = B((E) => {
+  ), f = R((E) => {
     s((M) => ({ ...M, ...E }));
     const S = {};
     for (const M in E)
       S[M] = !0;
     m((M) => ({ ...M, ...S }));
-  }, []), p = B(
+  }, []), p = R(
     (E) => {
       if (c((S) => ({ ...S, [E]: !0 })), r) {
         const S = y(E);
@@ -21303,18 +21380,18 @@ function Cg({
       }
     },
     [r, y]
-  ), x = B(() => {
+  ), x = R(() => {
     const E = {}, S = {};
     let M = !0;
-    for (const $ in t) {
-      S[$] = !0;
-      const T = y($);
-      T && (E[$] = T, M = !1);
+    for (const z in t) {
+      S[z] = !0;
+      const T = y(z);
+      T && (E[z] = T, M = !1);
     }
     return c(S), i(E), M;
-  }, [t, y]), N = B(() => {
+  }, [t, y]), N = R(() => {
     s(n), i({}), c({}), m({});
-  }, [n]), v = B(
+  }, [n]), v = R(
     (E) => {
       s((S) => ({
         ...S,
@@ -21331,7 +21408,7 @@ function Cg({
       });
     },
     [t]
-  ), C = B(
+  ), C = R(
     (E) => ({
       value: o[E],
       onChange: (S) => {
@@ -21342,7 +21419,7 @@ function Cg({
       "aria-invalid": !!(d[E] && l[E])
     }),
     [o, b, p, d, l]
-  ), w = B(
+  ), w = R(
     (E) => d[E] ? l[E] : void 0,
     [d, l]
   ), k = ee(() => {
@@ -21413,8 +21490,8 @@ const Sg = (t) => {
   xl: 1280,
   "2xl": 1536
 }, zg = (t, e = Ho) => {
-  const [r, n] = P.useState("base");
-  return P.useEffect(() => {
+  const [r, n] = D.useState("base");
+  return D.useEffect(() => {
     const o = () => {
       const s = window.innerWidth;
       s >= e["2xl"] ? n("2xl") : s >= e.xl ? n("xl") : s >= e.lg ? n("lg") : s >= e.md ? n("md") : s >= e.sm ? n("sm") : s >= e.xs ? n("xs") : n("base");
@@ -21422,8 +21499,8 @@ const Sg = (t) => {
     return o(), window.addEventListener("resize", o), () => window.removeEventListener("resize", o);
   }, [e]), t[r] || t.base || {};
 }, qo = () => typeof window > "u" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches, $g = () => {
-  const [t, e] = P.useState(qo);
-  return P.useEffect(() => {
+  const [t, e] = D.useState(qo);
+  return D.useEffect(() => {
     const r = window.matchMedia("(prefers-reduced-motion: reduce)"), n = () => {
       e(r.matches);
     };
@@ -21459,8 +21536,8 @@ const Sg = (t) => {
     r.includes(n) && (e[n] = o);
   }), e;
 }, jg = (t, e = []) => {
-  const [r, n] = P.useState(null), [o, s] = P.useState(!0);
-  return P.useEffect(() => {
+  const [r, n] = D.useState(null), [o, s] = D.useState(!0);
+  return D.useEffect(() => {
     let l = !0;
     return t().then((i) => {
       l && (n(i.default), s(!1));
@@ -21483,8 +21560,8 @@ const Sg = (t) => {
   // Optimize for performance
   contain: "layout"
 }), Og = (t) => {
-  const [e, r] = P.useState(!1);
-  return P.useEffect(() => {
+  const [e, r] = D.useState(!1);
+  return D.useEffect(() => {
     const n = window.matchMedia(t);
     r(n.matches);
     const o = () => r(n.matches);
@@ -21493,8 +21570,8 @@ const Sg = (t) => {
     };
   }, [t]), e;
 }, Vg = (t, e) => {
-  const [r, n] = P.useState("light");
-  return P.useEffect(() => {
+  const [r, n] = D.useState("light");
+  return D.useEffect(() => {
     const o = window.matchMedia("(prefers-color-scheme: dark)");
     n(o.matches ? "dark" : "light");
     const s = () => {
@@ -21826,7 +21903,7 @@ function lm() {
     t.replace(i);
   }];
 }
-const ie = {
+const ce = {
   /**
    * Navigate to a path
    * @param path Target path
@@ -21862,13 +21939,13 @@ const ie = {
    * Navigate to mail app
    */
   goToMail: () => {
-    ie.navigate("/mail");
+    ce.navigate("/mail");
   },
   /**
    * Navigate to preferences
    */
   goToPreferences: () => {
-    ie.navigate("/preferences");
+    ce.navigate("/preferences");
   },
   /**
    * Navigate to compose page
@@ -21881,25 +21958,25 @@ const ie = {
       r.set(o, s);
     });
     const n = r.toString();
-    ie.navigate(`/mail/compose${n ? `?${n}` : ""}`);
+    ce.navigate(`/mail/compose${n ? `?${n}` : ""}`);
   },
   /**
    * Navigate to connect wallet page
    */
   goToConnect: () => {
-    ie.navigate("/connect");
+    ce.navigate("/connect");
   },
   /**
    * Navigate to delegate page
    */
   goToDelegate: () => {
-    ie.navigate("/admin/delegate");
+    ce.navigate("/admin/delegate");
   },
   /**
    * Navigate to home page
    */
   goToHome: () => {
-    ie.navigate("/");
+    ce.navigate("/");
   },
   /**
    * Check if can go back
@@ -21907,7 +21984,7 @@ const ie = {
   canGoBack: () => X().canGoBack()
 };
 function im(t, e = 3, r = 1e3) {
-  return oe(() => new Promise((n, o) => {
+  return se(() => new Promise((n, o) => {
     const s = (l) => {
       t().then(n).catch((i) => {
         l > 0 ? setTimeout(() => {
@@ -21922,7 +21999,7 @@ function cm(t) {
   let e = null;
   const r = () => (e || (e = t()), e.then(() => {
   }));
-  return { Component: oe(() => e || t()), preload: r };
+  return { Component: se(() => e || t()), preload: r };
 }
 function dm(t, e = {}) {
   const {
@@ -21930,7 +22007,7 @@ function dm(t, e = {}) {
     errorFallback: n = /* @__PURE__ */ a("div", { children: "Failed to load component" }),
     loadingDelay: o = 200,
     minimumLoadingTime: s = 500
-  } = e, l = oe(async () => {
+  } = e, l = se(async () => {
     const d = Date.now();
     try {
       const c = await t(), g = Date.now() - d;
@@ -21943,19 +22020,19 @@ function dm(t, e = {}) {
       };
     }
   }), i = () => {
-    const [d, c] = P.useState(!1);
-    return P.useEffect(() => {
+    const [d, c] = D.useState(!1);
+    return D.useEffect(() => {
       const g = setTimeout(() => {
         c(!0);
       }, o);
       return () => clearTimeout(g);
     }, []), d ? /* @__PURE__ */ a(O, { children: r }) : null;
   };
-  return P.forwardRef((d, c) => /* @__PURE__ */ a(Ee, { fallback: /* @__PURE__ */ a(i, {}), children: /* @__PURE__ */ a(l, { ...d, ref: c }) }));
+  return D.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);
-  return P.useEffect(() => {
+  const [r, n] = D.useState(!1), [o, s] = D.useState(!1);
+  return D.useEffect(() => {
     const l = t.current;
     if (!l || o) return;
     const i = new IntersectionObserver(
@@ -21980,7 +22057,7 @@ const um = ({
   rootMargin: n = "50px",
   placeholder: o
 }) => {
-  const s = P.useRef(null), l = Xo(s, {
+  const s = D.useRef(null), l = Xo(s, {
     threshold: r,
     rootMargin: n
   });
@@ -22000,7 +22077,7 @@ function gm(t) {
     }, o);
   };
   return {
-    Component: oe(() => l || e()),
+    Component: se(() => l || e()),
     preload: i,
     linkProps: {
       ...r && {
@@ -22016,8 +22093,8 @@ function gm(t) {
   };
 }
 function mm(t, e = []) {
-  const [r, n] = P.useState(null), [o, s] = P.useState(!0), [l, i] = P.useState(null);
-  return P.useEffect(() => {
+  const [r, n] = D.useState(null), [o, s] = D.useState(!0), [l, i] = D.useState(null);
+  return D.useEffect(() => {
     let d = !0;
     return s(!0), i(null), t().then((c) => {
       d && (n(c), s(!1));
@@ -22643,7 +22720,7 @@ export {
   dh as PlusIcon,
   xd as PodcastPlayer,
   Md as Popover,
-  me as Portal,
+  he as Portal,
   tc as PreloadLink,
   es as PriorityLoader,
   td as Progress,
@@ -22729,7 +22806,7 @@ export {
   Ol as TextField,
   Ad as TextInputModal,
   Hs as TextLink,
-  Y as Theme,
+  Q as Theme,
   cr as ThemeContext,
   k0 as ThemeProvider,
   va as TimePicker,
@@ -22828,7 +22905,7 @@ export {
   Cc as VirtualList,
   d0 as VirtualListItem,
   qi as VisuallyHidden,
-  Pe as WalletPreloader,
+  De as WalletPreloader,
   pd as WaveForm,
   zo as WebVitalsSection,
   ri as WysiwygEditor,
@@ -22908,7 +22985,7 @@ export {
   Xu as getRenderCounts,
   Qn as getSecurityHeaders,
   X as getUINavigationService,
-  le as getWebVitalRating,
+  ie as getWebVitalRating,
   ng as getWebVitals,
   rs as hashString,
   Mm as hashUserId,
@@ -22941,7 +23018,7 @@ export {
   Zg as measureImagePerformance,
   yo as measureLCP,
   vo as measureTTFB,
-  ie as navigationHelper,
+  ce as navigationHelper,
   Bg as optimizeClassNames,
   Ug as optimizeContainment,
   Wg as optimizeFlex,
@@ -22990,7 +23067,7 @@ export {
   xg as useFormSubmission,
   Cg as useFormValidation,
   tg as useImageLazyLoading,
-  se as useLayout,
+  le as useLayout,
   Xo as useLazyLoad,
   jg as useLazyStyles,
   y0 as useLocalizedNavigate,