@sudobility/components 5.0.72 → 5.0.73

package/dist/index.js

@@ -1,18 +1,18 @@
 import { clsx as Sr } from "clsx";
 import { twMerge as Lr } from "tailwind-merge";
 import { jsx as a, jsxs as g, Fragment as H } from "react/jsx-runtime";
-import { ui as A, designTokens as W, GRADIENTS as ye, textVariants as L, colors as S, variants as O, getStatusIndicatorColor as Q, SEMANTIC_COLOR_MAP as ge, getSectionBadgeColors as $r, getCardVariantColors as Er } from "@sudobility/design";
-import * as G from "react";
-import B, { useState as T, useRef as j, useEffect as P, useCallback as R, createContext as _e, useMemo as ae, useContext as He, useLayoutEffect as Mr, Component as _t, memo as Ae, lazy as me, Suspense as ze } from "react";
+import { ui as A, designTokens as W, GRADIENTS as ye, textVariants as L, colors as S, variants as O, getStatusIndicatorColor as J, SEMANTIC_COLOR_MAP as ge, getSectionBadgeColors as $r, getCardVariantColors as Er } from "@sudobility/design";
+import * as q from "react";
+import B, { useState as T, useRef as j, useEffect as P, useCallback as R, createContext as _e, useMemo as ne, useContext as He, useLayoutEffect as Mr, Component as _t, memo as Ae, lazy as me, Suspense as ze } from "react";
 import { cva as Z } from "class-variance-authority";
 import { createPortal as it } from "react-dom";
 import { ExclamationCircleIcon as rt, CheckCircleIcon as qe, InformationCircleIcon as ve, XCircleIcon as ct, BellAlertIcon as Ir, ExclamationTriangleIcon as dt, MinusIcon as Ct, PlusIcon as St, MagnifyingGlassIcon as Tr, XMarkIcon as Ge, CalendarIcon as Ar, CloudArrowUpIcon as zr, DocumentIcon as Ht, Cog6ToothIcon as Lt, CurrencyDollarIcon as Ur, AdjustmentsHorizontalIcon as Pr, LinkIcon as Dr, FunnelIcon as Rr, ChatBubbleLeftRightIcon as Br, ShieldCheckIcon as jr, ArrowRightIcon as qt, ArrowTopRightOnSquareIcon as Be, ChevronLeftIcon as Fr, ChevronRightIcon as ut, TrashIcon as Wr, PhotoIcon as $t, ArrowPathIcon as Or, CheckIcon as Vr, ClipboardDocumentIcon as _r, EnvelopeIcon as Hr, LanguageIcon as qr } from "@heroicons/react/24/outline";
 import { ArrowLeftIcon as Yh, ArrowRightIcon as Qh, Bars3Icon as Jh, BellIcon as Xh, BellSlashIcon as Zh, ChartBarIcon as eg, CheckCircleIcon as tg, CheckIcon as rg, ChevronDownIcon as ag, ChevronLeftIcon as ng, ChevronRightIcon as og, ChevronUpIcon as sg, ClockIcon as lg, CodeBracketIcon as ig, Cog6ToothIcon as cg, CreditCardIcon as dg, DocumentTextIcon as ug, EnvelopeIcon as mg, ExclamationTriangleIcon as hg, EyeSlashIcon as gg, GlobeAltIcon as pg, HomeIcon as fg, InboxIcon as bg, InformationCircleIcon as yg, KeyIcon as vg, MegaphoneIcon as xg, MinusIcon as wg, PaperAirplaneIcon as kg, PaperClipIcon as Ng, PlusIcon as Cg, RocketLaunchIcon as Sg, ShieldCheckIcon as Lg, SparklesIcon as $g, StarIcon as Eg, TrashIcon as Mg, UserGroupIcon as Ig, XMarkIcon as Tg } from "@heroicons/react/24/outline";
 import { XMarkIcon as Gr, MinusIcon as Kr, CheckIcon as Yr } from "@heroicons/react/24/solid";
 import { CheckCircleIcon as zg, CheckIcon as Ug, ExclamationTriangleIcon as Pg, StarIcon as Dg } from "@heroicons/react/24/solid";
-import { ChainType as Et, InfoType as re } from "@sudobility/types";
+import { ChainType as Et, InfoType as ae } from "@sudobility/types";
 import { Root as Gt, Thumb as Qr } from "@radix-ui/react-switch";
-import * as K from "@radix-ui/react-select";
+import * as G from "@radix-ui/react-select";
 import { ChevronDownIcon as mt, ChevronUpIcon as Jr, CheckIcon as Xr } from "@heroicons/react/20/solid";
 import { Root as Kt } from "@radix-ui/react-label";
 import { Slot as Zr } from "@radix-ui/react-slot";
@@ -2115,7 +2115,7 @@ const ca = ({
   return {
     container: c(e.base, e.dark),
     icon: e.icon,
-    button: c(Q(t), "hover:opacity-90 text-white"),
+    button: c(J(t), "hover:opacity-90 text-white"),
     secondaryButton: c(e.icon, "hover:opacity-80")
   };
 }, vl = ({
@@ -2347,7 +2347,7 @@ function kl({
   ), m = R(
     (y, f) => l("info", y, f),
     [l]
-  ), h = ae(
+  ), h = ne(
     () => ({
       toasts: n,
       addToast: l,
@@ -2567,7 +2567,7 @@ const Sl = ({
   {
     className: c(
       "fixed bottom-4 right-4 p-4 rounded-lg text-white shadow-lg flex items-center gap-3",
-      Q(e),
+      J(e),
       n
     ),
     children: [
@@ -2741,17 +2741,17 @@ const Sl = ({
   switch (t) {
     case "verified":
     case "success":
-      return Q("success");
+      return J("success");
     case "connected":
     case "warning":
-      return Q("warning");
+      return J("warning");
     case "disconnected":
     case "error":
-      return Q("error");
+      return J("error");
     case "pending":
-      return Q("info");
+      return J("info");
     default:
-      return Q("neutral");
+      return J("neutral");
   }
 }, La = (t) => {
   switch (t) {
@@ -2822,7 +2822,7 @@ const Sl = ({
   {
     className: c(
       "rounded-full flex-shrink-0",
-      Q(t),
+      J(t),
       $a[e],
       r && "animate-pulse",
       n
@@ -2850,7 +2850,7 @@ const Sl = ({
     "aria-label": "UstatusUpipeline",
     children: e || "UstatusUpipeline Component"
   }
-), pt = G.forwardRef(
+), pt = q.forwardRef(
   ({
     className: t,
     type: e,
@@ -3835,17 +3835,17 @@ const Ma = ({
     success: `${S.component.button.success.base} ${S.component.button.success.dark} border-green-600`,
     warning: "bg-yellow-600 border-yellow-600",
     error: `${S.component.button.destructive.base} ${S.component.button.destructive.dark} border-red-600`
-  }, F = () => b ? I ? `${V.error}` : "border-red-600 dark:border-red-500" : I ? V[z] : D, _ = (ce) => {
+  }, F = () => b ? I ? `${V.error}` : "border-red-600 dark:border-red-500" : I ? V[z] : D, _ = (te) => {
     if (s) return;
-    const X = ce.target.checked;
+    const X = te.target.checked;
     E || $(X), w && w({
       action: "toggle",
       trackingLabel: C,
       componentName: v
     }), r?.(X);
-  }, q = (ce) => {
-    if (!s && (ce.key === " " || ce.key === "Spacebar")) {
-      ce.preventDefault();
+  }, K = (te) => {
+    if (!s && (te.key === " " || te.key === "Spacebar")) {
+      te.preventDefault();
       const X = !I;
       E || $(X), w && w({
         action: "toggle",
@@ -3853,7 +3853,7 @@ const Ma = ({
         componentName: v
       }), r?.(X);
     }
-  }, J = M[l];
+  }, Q = M[l];
   return /* @__PURE__ */ g("div", { className: c("inline-flex flex-col", d), children: [
     /* @__PURE__ */ g(
       "label",
@@ -3871,7 +3871,7 @@ const Ma = ({
                 checked: I,
                 defaultChecked: E ? void 0 : e,
                 onChange: _,
-                onKeyDown: q,
+                onKeyDown: K,
                 disabled: s,
                 id: m,
                 name: h,
@@ -3886,24 +3886,24 @@ const Ma = ({
                 "data-indeterminate": p ? "true" : void 0,
                 className: c(
                   "rounded border-2 flex items-center justify-center transition-colors",
-                  J.box,
+                  Q.box,
                   F(),
                   !s && "hover:border-opacity-75"
                 ),
-                children: p ? /* @__PURE__ */ a(Kr, { className: c("text-white", J.check) }) : I ? k || /* @__PURE__ */ a(Yr, { className: c("text-white", J.check) }) : null
+                children: p ? /* @__PURE__ */ a(Kr, { className: c("text-white", Q.check) }) : I ? k || /* @__PURE__ */ a(Yr, { className: c("text-white", Q.check) }) : null
               }
             )
           ] }),
           (n || o) && /* @__PURE__ */ g("div", { className: "flex flex-col", children: [
-            n && /* @__PURE__ */ a("span", { className: c(L.label.default(), J.text), children: n }),
-            o && /* @__PURE__ */ a("span", { className: c(L.body.sm(), J.desc), children: o })
+            n && /* @__PURE__ */ a("span", { className: c(L.label.default(), Q.text), children: n }),
+            o && /* @__PURE__ */ a("span", { className: c(L.body.sm(), Q.desc), children: o })
           ] })
         ]
       }
     ),
     x && /* @__PURE__ */ a("span", { className: c("mt-1", L.label.error()), children: x })
   ] });
-}, Ta = G.forwardRef(
+}, Ta = q.forwardRef(
   ({
     className: t,
     onTrack: e,
@@ -4086,9 +4086,9 @@ const Fl = ({
       componentName: r
     }), n?.(i);
   };
-  return /* @__PURE__ */ a(K.Root, { onValueChange: l, ...s, children: o });
-}, Wl = K.Group, Aa = K.Value, at = G.forwardRef(({ className: t, children: e, ...r }, n) => /* @__PURE__ */ g(
-  K.Trigger,
+  return /* @__PURE__ */ a(G.Root, { onValueChange: l, ...s, children: o });
+}, Wl = G.Group, Aa = G.Value, at = q.forwardRef(({ className: t, children: e, ...r }, n) => /* @__PURE__ */ g(
+  G.Trigger,
   {
     ref: n,
     className: c(
@@ -4098,13 +4098,13 @@ const Fl = ({
     ...r,
     children: [
       e,
-      /* @__PURE__ */ a(K.Icon, { asChild: !0, children: /* @__PURE__ */ a(mt, { className: "h-4 w-4 opacity-50 ml-2 flex-shrink-0" }) })
+      /* @__PURE__ */ a(G.Icon, { asChild: !0, children: /* @__PURE__ */ a(mt, { className: "h-4 w-4 opacity-50 ml-2 flex-shrink-0" }) })
     ]
   }
 ));
-at.displayName = K.Trigger.displayName;
-const er = G.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
-  K.ScrollUpButton,
+at.displayName = G.Trigger.displayName;
+const er = q.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
+  G.ScrollUpButton,
   {
     ref: r,
     className: c(
@@ -4115,9 +4115,9 @@ const er = G.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
     children: /* @__PURE__ */ a(Jr, { className: "h-4 w-4" })
   }
 ));
-er.displayName = K.ScrollUpButton.displayName;
-const tr = G.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
-  K.ScrollDownButton,
+er.displayName = G.ScrollUpButton.displayName;
+const tr = q.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
+  G.ScrollDownButton,
   {
     ref: r,
     className: c(
@@ -4128,15 +4128,15 @@ const tr = G.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
     children: /* @__PURE__ */ a(mt, { className: "h-4 w-4" })
   }
 ));
-tr.displayName = K.ScrollDownButton.displayName;
-const nt = G.forwardRef(({ className: t, children: e, position: r = "popper", side: n, ...o }, s) => {
-  const l = G.useRef(null), [i, u] = G.useState("bottom"), d = G.useCallback(
+tr.displayName = G.ScrollDownButton.displayName;
+const nt = q.forwardRef(({ className: t, children: e, position: r = "popper", side: n, ...o }, s) => {
+  const l = q.useRef(null), [i, u] = q.useState("bottom"), d = q.useCallback(
     (m) => {
       l.current = m, typeof s == "function" ? s(m) : s && (s.current = m);
     },
     [s]
   );
-  return G.useLayoutEffect(() => {
+  return q.useLayoutEffect(() => {
     if (n || !l.current) return;
     const m = document.querySelector(
       '[role="combobox"][data-state="open"]'
@@ -4146,8 +4146,8 @@ const nt = G.forwardRef(({ className: t, children: e, position: r = "popper", si
     u(
       f < y && p > f ? "top" : "bottom"
     );
-  }, []), /* @__PURE__ */ a(K.Portal, { children: /* @__PURE__ */ g(
-    K.Content,
+  }, []), /* @__PURE__ */ a(G.Portal, { children: /* @__PURE__ */ g(
+    G.Content,
     {
       ref: d,
       className: c(
@@ -4162,7 +4162,7 @@ const nt = G.forwardRef(({ className: t, children: e, position: r = "popper", si
       children: [
         /* @__PURE__ */ a(er, {}),
         /* @__PURE__ */ a(
-          K.Viewport,
+          G.Viewport,
           {
             className: c(
               O.overlays.dropdown.itemContainer(),
@@ -4176,18 +4176,18 @@ const nt = G.forwardRef(({ className: t, children: e, position: r = "popper", si
     }
   ) });
 });
-nt.displayName = K.Content.displayName;
-const za = G.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
-  K.Label,
+nt.displayName = G.Content.displayName;
+const za = q.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
+  G.Label,
   {
     ref: r,
     className: c(O.overlays.dropdown.header(), "py-1.5", t),
     ...e
   }
 ));
-za.displayName = K.Label.displayName;
-const ot = G.forwardRef(({ className: t, children: e, ...r }, n) => /* @__PURE__ */ g(
-  K.Item,
+za.displayName = G.Label.displayName;
+const ot = q.forwardRef(({ className: t, children: e, ...r }, n) => /* @__PURE__ */ g(
+  G.Item,
   {
     ref: n,
     className: c(
@@ -4197,21 +4197,21 @@ const ot = G.forwardRef(({ className: t, children: e, ...r }, n) => /* @__PURE__
     ),
     ...r,
     children: [
-      /* @__PURE__ */ a(K.ItemText, { children: e }),
-      /* @__PURE__ */ a("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ a(K.ItemIndicator, { children: /* @__PURE__ */ a(Xr, { className: "h-4 w-4" }) }) })
+      /* @__PURE__ */ a(G.ItemText, { children: e }),
+      /* @__PURE__ */ a("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ a(G.ItemIndicator, { children: /* @__PURE__ */ a(Xr, { className: "h-4 w-4" }) }) })
     ]
   }
 ));
-ot.displayName = K.Item.displayName;
-const Ua = G.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
-  K.Separator,
+ot.displayName = G.Item.displayName;
+const Ua = q.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
+  G.Separator,
   {
     ref: r,
     className: c("my-1 h-px bg-gray-200 dark:bg-gray-700", t),
     ...e
   }
 ));
-Ua.displayName = K.Separator.displayName;
+Ua.displayName = G.Separator.displayName;
 const Ol = ({
   options: t,
   value: e,
@@ -4954,8 +4954,8 @@ const Hl = ({
   trackingLabel: p,
   componentName: b
 }) => {
-  const x = j(null), [k, w] = T(!1), [C, v] = T(null), N = (F) => (v(null), o && u.length + F.length > o ? (v(`Maximum ${o} files allowed`), []) : F.filter((q) => n && q.size > n ? (v(
-    `File "${q.name}" exceeds maximum size of ${st(n)}`
+  const x = j(null), [k, w] = T(!1), [C, v] = T(null), N = (F) => (v(null), o && u.length + F.length > o ? (v(`Maximum ${o} files allowed`), []) : F.filter((K) => n && K.size > n ? (v(
+    `File "${K.name}" exceeds maximum size of ${st(n)}`
   ), !1) : !0)), $ = (F) => {
     f && f({
       action: F,
@@ -4963,8 +4963,8 @@ const Hl = ({
       componentName: b
     });
   }, E = (F) => {
-    const _ = Array.from(F.target.files || []), q = N(_);
-    q.length > 0 && ($("select"), t(q)), x.current && (x.current.value = "");
+    const _ = Array.from(F.target.files || []), K = N(_);
+    K.length > 0 && ($("select"), t(K)), x.current && (x.current.value = "");
   }, I = () => {
     x.current?.click();
   }, M = (F) => {
@@ -4975,8 +4975,8 @@ const Hl = ({
     F.preventDefault(), F.stopPropagation();
   }, D = (F) => {
     if (F.preventDefault(), F.stopPropagation(), w(!1), s) return;
-    const _ = Array.from(F.dataTransfer.files), q = N(_);
-    q.length > 0 && ($("drop"), t(q));
+    const _ = Array.from(F.dataTransfer.files), K = N(_);
+    K.length > 0 && ($("drop"), t(K));
   }, V = (F) => {
     d && ($("remove"), d(F));
   };
@@ -5335,7 +5335,7 @@ const Ql = ({
   ] });
 }, Pa = Z(
   `${L.label.default()} peer-disabled:cursor-not-allowed peer-disabled:opacity-70`
-), rr = G.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(Kt, { ref: r, className: c(Pa(), t), ...e }));
+), rr = q.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(Kt, { ref: r, className: c(Pa(), t), ...e }));
 rr.displayName = Kt.displayName;
 const Xl = ({
   id: t,
@@ -5651,7 +5651,7 @@ const Xl = ({
     size: "default",
     animation: "hover"
   }
-}), le = G.forwardRef(
+}), ie = q.forwardRef(
   ({
     className: t,
     variant: e,
@@ -5707,7 +5707,7 @@ const Xl = ({
     );
   }
 );
-le.displayName = "Button";
+ie.displayName = "Button";
 const ni = ({
   children: t,
   isLoading: e = !1,
@@ -5716,7 +5716,7 @@ const ni = ({
   disabled: o,
   ...s
 }) => /* @__PURE__ */ a(
-  le,
+  ie,
   {
     ...s,
     disabled: o || e,
@@ -6143,7 +6143,7 @@ const ni = ({
                 /* @__PURE__ */ a("div", { className: "grid grid-cols-7 gap-1", children: M.map((z, D) => {
                   if (!z)
                     return /* @__PURE__ */ a("div", { className: "aspect-square" }, D);
-                  const V = y(z), F = p(z), _ = b(z), q = f(z), J = h(z, /* @__PURE__ */ new Date());
+                  const V = y(z), F = p(z), _ = b(z), K = f(z), Q = h(z, /* @__PURE__ */ new Date());
                   return /* @__PURE__ */ a(
                     "button",
                     {
@@ -6154,10 +6154,10 @@ const ni = ({
                       className: c(
                         "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",
-                        q && "bg-blue-100 dark:bg-blue-900/30",
+                        K && "bg-blue-100 dark:bg-blue-900/30",
                         (F || _) && "bg-blue-600 text-white hover:bg-blue-700 dark:bg-blue-500 dark:hover:bg-blue-600",
-                        !F && !_ && !q && `${S.component.button.ghost.base} ${S.component.button.ghost.dark}`,
-                        J && !F && !_ && "border-2 border-blue-600 dark:border-blue-400"
+                        !F && !_ && !K && `${S.component.button.ghost.base} ${S.component.button.ghost.dark}`,
+                        Q && !F && !_ && "border-2 border-blue-600 dark:border-blue-400"
                       ),
                       children: z.getDate()
                     },
@@ -7518,15 +7518,15 @@ const ni = ({
     }
   ) : null;
 }, Va = {
-  [re.INFO]: "info",
-  [re.SUCCESS]: "success",
-  [re.WARNING]: "warning",
-  [re.ERROR]: "error"
+  [ae.INFO]: "info",
+  [ae.SUCCESS]: "success",
+  [ae.WARNING]: "warning",
+  [ae.ERROR]: "error"
 }, _a = {
-  [re.INFO]: { icon: ve },
-  [re.SUCCESS]: { icon: qe },
-  [re.WARNING]: { icon: dt },
-  [re.ERROR]: { icon: ct }
+  [ae.INFO]: { icon: ve },
+  [ae.SUCCESS]: { icon: qe },
+  [ae.WARNING]: { icon: dt },
+  [ae.ERROR]: { icon: ct }
 }, Ha = (t) => {
   const e = Va[t];
   return S.component.alert[e];
@@ -7535,7 +7535,7 @@ const ni = ({
   onDismiss: e,
   title: r,
   description: n,
-  variant: o = re.INFO,
+  variant: o = ae.INFO,
   duration: s = 5e3,
   icon: l,
   className: i,
@@ -7616,7 +7616,7 @@ const ni = ({
     ({
       title: u,
       description: d,
-      variant: m = re.INFO,
+      variant: m = ae.INFO,
       duration: h = e
     }) => {
       s({ title: u, description: d, variant: m, duration: h }), n(!0);
@@ -7852,8 +7852,8 @@ const ni = ({
       },
       trend: {
         none: "",
-        up: `border-l-4 ${Q("success").replace("bg-", "border-")}`,
-        down: `border-l-4 ${Q("error").replace("bg-", "border-")}`,
+        up: `border-l-4 ${J("success").replace("bg-", "border-")}`,
+        down: `border-l-4 ${J("error").replace("bg-", "border-")}`,
         neutral: "border-l-4 border-gray-400"
       }
     },
@@ -9023,7 +9023,7 @@ const _i = ({
       size: "default"
     }
   }
-), ar = G.forwardRef(
+), ar = q.forwardRef(
   ({
     className: t,
     variant: e,
@@ -9087,7 +9087,7 @@ const _i = ({
   }
 );
 ar.displayName = "SmartLink";
-const lc = (t, e) => G.useMemo(() => {
+const lc = (t, e) => q.useMemo(() => {
   let r = t;
   return Object.entries(e).forEach(([n, o]) => {
     const s = new RegExp(
@@ -9148,7 +9148,7 @@ const lc = (t, e) => G.useMemo(() => {
   className: r,
   variant: n = "subtle"
 }) => {
-  const o = G.useMemo(() => {
+  const o = q.useMemo(() => {
     if (!t || typeof t != "string")
       return t || "";
     let l = t;
@@ -9402,7 +9402,7 @@ const hc = ({
       children: n.label
     }
   )
-] }, o)) }), sn = G.forwardRef(
+] }, o)) }), sn = q.forwardRef(
   ({
     onTrack: t,
     trackingLabel: e,
@@ -9419,7 +9419,7 @@ const hc = ({
   }, ...s, children: o })
 );
 sn.displayName = "Tabs";
-const ln = G.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
+const ln = q.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
   Yt,
   {
     ref: r,
@@ -9428,7 +9428,7 @@ const ln = G.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
   }
 ));
 ln.displayName = Yt.displayName;
-const cn = G.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
+const cn = q.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
   Qt,
   {
     ref: r,
@@ -9437,7 +9437,7 @@ const cn = G.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
   }
 ));
 cn.displayName = Qt.displayName;
-const dn = G.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
+const dn = q.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
   Jt,
   {
     ref: r,
@@ -10472,7 +10472,7 @@ const Cc = ({
   return /* @__PURE__ */ g("div", { className: c(u, d[l], i), children: [
     /* @__PURE__ */ a("div", { className: "flex-1 text-sm text-gray-900 dark:text-white", children: t }),
     /* @__PURE__ */ g(
-      le,
+      ie,
       {
         variant: o ? "ghost" : "outline",
         size: "sm",
@@ -10546,7 +10546,7 @@ const Cc = ({
   }, U = () => {
     const D = [...t, ...e];
     r(D, []), w(/* @__PURE__ */ new Set());
-  }, z = (D, V, F, _, q, J, ce) => /* @__PURE__ */ g("div", { className: "flex flex-col flex-1 border border-gray-300 dark:border-gray-700 rounded-md bg-white dark:bg-gray-900", children: [
+  }, z = (D, V, F, _, K, Q, te) => /* @__PURE__ */ g("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__ */ g("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: V }),
       /* @__PURE__ */ g("p", { className: "text-xs text-gray-600 dark:text-gray-400", children: [
@@ -10559,9 +10559,9 @@ const Cc = ({
       "input",
       {
         type: "text",
-        value: q,
-        onChange: (X) => J(X.target.value),
-        placeholder: ce,
+        value: K,
+        onChange: (X) => Q(X.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"
       }
     ) }),
@@ -11121,7 +11121,7 @@ const Rc = ({
               {
                 className: c(
                   "text-sm font-medium",
-                  r >= 0 ? Q("success").replace("bg-", "text-") : Q("error").replace("bg-", "text-"),
+                  r >= 0 ? J("success").replace("bg-", "text-") : J("error").replace("bg-", "text-"),
                   r >= 0 ? "dark:text-green-400" : "dark:text-red-400"
                 ),
                 children: [
@@ -11157,10 +11157,10 @@ const Rc = ({
     md: "w-2.5 h-2.5",
     lg: "w-3 h-3"
   }, y = {
-    online: Q("success"),
-    offline: Q("neutral"),
-    away: Q("warning"),
-    busy: Q("error")
+    online: J("success"),
+    offline: J("neutral"),
+    away: J("warning"),
+    busy: J("error")
   }, p = r || (n ? ((k) => {
     const w = k.trim().split(/\s+/);
     return w.length === 1 ? w[0].charAt(0).toUpperCase() : w[0].charAt(0).toUpperCase() + w[w.length - 1].charAt(0).toUpperCase();
@@ -14515,7 +14515,7 @@ const Rc = ({
         ] }),
         /* @__PURE__ */ g(lr, { children: [
           /* @__PURE__ */ a(
-            le,
+            ie,
             {
               type: "button",
               variant: "outline",
@@ -14525,7 +14525,7 @@ const Rc = ({
             }
           ),
           /* @__PURE__ */ a(
-            le,
+            ie,
             {
               type: "submit",
               variant: "default",
@@ -14568,11 +14568,11 @@ const Rc = ({
     p.current && clearTimeout(p.current), b.current && clearTimeout(b.current);
   }, []), P(() => {
     if (d !== "click" || !C) return;
-    const q = (J) => {
-      x.current && !x.current.contains(J.target) && k.current && !k.current.contains(J.target) && N();
+    const K = (Q) => {
+      x.current && !x.current.contains(Q.target) && k.current && !k.current.contains(Q.target) && N();
     };
-    return document.addEventListener("mousedown", q), () => {
-      document.removeEventListener("mousedown", q);
+    return document.addEventListener("mousedown", K), () => {
+      document.removeEventListener("mousedown", K);
     };
   }, [d, C, N]);
   const $ = () => {
@@ -14738,9 +14738,9 @@ const Rc = ({
           )
         ] }),
         /* @__PURE__ */ g(lr, { children: [
-          /* @__PURE__ */ a(le, { variant: "outline", onClick: e, disabled: d, children: l }),
+          /* @__PURE__ */ a(ie, { variant: "outline", onClick: e, disabled: d, children: l }),
           /* @__PURE__ */ a(
-            le,
+            ie,
             {
               variant: y,
               onClick: r,
@@ -15228,7 +15228,7 @@ const Rc = ({
       ]
     }
   );
-}, ne = {
+}, oe = {
   twitter: (t, e, r) => {
     const n = r.length > 0 ? `&hashtags=${r.join(",")}` : "";
     return `https://twitter.com/intent/tweet?url=${encodeURIComponent(t)}&text=${encodeURIComponent(e)}${n}`;
@@ -15296,19 +15296,19 @@ const Rc = ({
   }, k = [
     {
       name: "Twitter",
-      url: ne.twitter(h, t.title, t.hashtags),
+      url: oe.twitter(h, t.title, t.hashtags),
       color: "text-blue-400",
       svg: /* @__PURE__ */ a("path", { d: "M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" })
     },
     {
       name: "Facebook",
-      url: ne.facebook(h),
+      url: oe.facebook(h),
       color: "text-blue-600",
       svg: /* @__PURE__ */ a("path", { d: "M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z" })
     },
     {
       name: "LinkedIn",
-      url: ne.linkedin(
+      url: oe.linkedin(
         h,
         t.title,
         t.description
@@ -15318,37 +15318,37 @@ const Rc = ({
     },
     {
       name: "Reddit",
-      url: ne.reddit(h, t.title),
+      url: oe.reddit(h, t.title),
       color: "text-orange-600",
       svg: /* @__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" })
     },
     {
       name: "Telegram",
-      url: ne.telegram(h, t.title),
+      url: oe.telegram(h, t.title),
       color: "text-blue-500",
       svg: /* @__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" })
     },
     {
       name: "WhatsApp",
-      url: ne.whatsapp(h, t.title),
+      url: oe.whatsapp(h, t.title),
       color: "text-green-600",
       svg: /* @__PURE__ */ a("path", { d: "M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z" })
     },
     {
       name: "Discord",
-      url: ne.discord(h, t.title),
+      url: oe.discord(h, t.title),
       color: "text-indigo-500",
       svg: /* @__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" })
     },
     {
       name: "Messages",
-      url: ne.messages(h, t.title),
+      url: oe.messages(h, t.title),
       color: "text-green-500",
       svg: /* @__PURE__ */ a("path", { d: "M.05 3.555A3 3 0 013 0h18a3 3 0 012.95 3.555L22 11v8a3 3 0 01-3 3H5a3 3 0 01-3-3v-8l-1.95-7.445zM2 10.938V19a1 1 0 001 1h18a1 1 0 001-1v-8.062L20 19H4l-2-8.062zM3.38 2L5 8h14l1.62-6H3.38z" })
     },
     {
       name: "Email",
-      url: ne.email(
+      url: oe.email(
         h,
         t.title,
         t.description
@@ -15817,7 +15817,7 @@ const Rc = ({
   trackingParams: h = {},
   ...y
 }) => /* @__PURE__ */ a(
-  le,
+  ie,
   {
     ...y,
     variant: r,
@@ -16207,13 +16207,13 @@ const bu = ({ children: t }) => /* @__PURE__ */ a(H, { children: t }), yu = ({
   children: t
 }) => /* @__PURE__ */ a(H, { children: t }), vu = (t, e, r) => {
   const n = Ae(t, e);
-  return r && (n.displayName = `Memo(${r})`), process.env.NODE_ENV === "development" ? (o) => (ae(() => {
+  return r && (n.displayName = `Memo(${r})`), process.env.NODE_ENV === "development" ? (o) => (ne(() => {
     let l = 0;
     return () => ++l;
   }, [])(), /* @__PURE__ */ a(n, { ...o })) : n;
 }, xu = (t, e) => Ae(t, (r, n) => e.every((o) => r[o] === n[o])), wu = Ae(
   ({ children: t, compute: e, deps: r }) => {
-    const n = B.useRef(r), o = B.useRef(e), s = B.useRef(void 0), l = ae(() => {
+    const n = B.useRef(r), o = B.useRef(e), s = B.useRef(void 0), l = ne(() => {
       const i = r.length !== n.current.length || r.some((d, m) => d !== n.current[m]), u = e !== o.current;
       if (i || u || s.current === void 0) {
         let d;
@@ -16587,7 +16587,7 @@ function zu({
     }
   );
 }
-var te = /* @__PURE__ */ ((t) => (t.LIGHT = "light", t.DARK = "dark", t.SYSTEM = "system", t))(te || {}), fr = /* @__PURE__ */ ((t) => (t.SMALL = "small", t.MEDIUM = "medium", t.LARGE = "large", t))(fr || {});
+var re = /* @__PURE__ */ ((t) => (t.LIGHT = "light", t.DARK = "dark", t.SYSTEM = "system", t))(re || {}), fr = /* @__PURE__ */ ((t) => (t.SMALL = "small", t.MEDIUM = "medium", t.LARGE = "large", t))(fr || {});
 const De = {
   getItem: (t) => {
     try {
@@ -16615,11 +16615,11 @@ function Pu({
   children: t,
   themeStorageKey: e = "theme",
   fontSizeStorageKey: r = "font-size",
-  defaultTheme: n = te.LIGHT,
+  defaultTheme: n = re.LIGHT,
   defaultFontSize: o = fr.MEDIUM
 }) {
   const [s, l] = T(() => De.getItem(e) || n), [i, u] = T(() => De.getItem(r) || o), [d, m] = T(
-    () => s === te.SYSTEM ? typeof window < "u" && window.matchMedia("(prefers-color-scheme: dark)").matches ? te.DARK : te.LIGHT : s
+    () => s === re.SYSTEM ? typeof window < "u" && window.matchMedia("(prefers-color-scheme: dark)").matches ? re.DARK : re.LIGHT : s
   ), h = R(
     (p) => {
       l(p), De.setItem(e, p);
@@ -16634,13 +16634,13 @@ function Pu({
   P(() => {
     const p = document.documentElement;
     let b = s;
-    s === te.SYSTEM && (b = window.matchMedia(
+    s === re.SYSTEM && (b = window.matchMedia(
       "(prefers-color-scheme: dark)"
-    ).matches ? te.DARK : te.LIGHT), m(b), p.classList.remove("light", "dark"), p.classList.add(b), p.classList.remove("font-small", "font-medium", "font-large"), p.classList.add(`font-${i}`);
+    ).matches ? re.DARK : re.LIGHT), m(b), p.classList.remove("light", "dark"), p.classList.add(b), p.classList.remove("font-small", "font-medium", "font-large"), p.classList.add(`font-${i}`);
   }, [s, i]), P(() => {
-    if (s === te.SYSTEM) {
+    if (s === re.SYSTEM) {
       const p = window.matchMedia("(prefers-color-scheme: dark)"), b = (x) => {
-        const k = document.documentElement, w = x.matches ? te.DARK : te.LIGHT;
+        const k = document.documentElement, w = x.matches ? re.DARK : re.LIGHT;
         m(w), k.classList.remove("light", "dark"), k.classList.add(w);
       };
       return p.addEventListener("change", b), () => {
@@ -16648,7 +16648,7 @@ function Pu({
       };
     }
   }, [s]);
-  const f = ae(
+  const f = ne(
     () => ({
       theme: s,
       fontSize: i,
@@ -17079,7 +17079,7 @@ const Du = ({
     lg: "text-xl md:text-2xl"
   }, b = (x, k = !1) => {
     const C = /* @__PURE__ */ a(
-      le,
+      ie,
       {
         variant: x.variant === "primary" || k ? "gradient" : (x.variant === "secondary", "outline"),
         size: "lg",
@@ -17264,7 +17264,7 @@ const Du = ({
           /* @__PURE__ */ a(
             "span",
             {
-              className: `${Q("success").replace("bg-", "text-")} mt-0.5`,
+              className: `${J("success").replace("bg-", "text-")} mt-0.5`,
               children: "✓"
             }
           ),
@@ -17634,24 +17634,24 @@ const qu = ({
   contentKey: w,
   animationRef: C
 }) => {
-  const { containerClass: v } = he(), N = (q) => q ? q.split("-")[0].trim() : "Back", $ = r ? N(r) : t ? N(t) : "Back", [E, I] = T(!1), [M, U] = T("auto"), z = j(null), D = j(
+  const { containerClass: v } = he(), N = (Q) => Q ? Q.split("-")[0].trim() : "Back", $ = r ? N(r) : t ? N(t) : "Back", [E, I] = T(!1), [M, U] = T("auto"), z = j(null), D = j(
     null
   );
   P(() => (C && (C.current = {
-    triggerTransition: (q) => {
+    triggerTransition: (Q) => {
       if (!x) {
-        q();
+        Q();
         return;
       }
       if (z.current) {
-        const J = z.current.scrollHeight;
-        U(J);
+        const te = z.current.scrollHeight;
+        U(te);
       }
       I(!0), D.current && clearTimeout(D.current), D.current = setTimeout(() => {
-        q(), setTimeout(() => {
+        Q(), setTimeout(() => {
           if (z.current) {
-            const J = z.current.scrollHeight;
-            U(J), setTimeout(() => {
+            const te = z.current.scrollHeight;
+            U(te), setTimeout(() => {
               U("auto"), I(!1);
             }, k);
           }
@@ -17670,7 +17670,7 @@ const qu = ({
     maxWidth: "100%"
   } : { width: "100%", maxWidth: "100%" }, F = x ? `${E ? "opacity-0 transform translate-y-2" : "opacity-100 transform translate-y-0"}` : "", _ = x ? {
     transition: `opacity ${k}ms ease-in-out, transform ${k}ms ease-in-out`
-  } : {};
+  } : {}, K = !!s;
   return /* @__PURE__ */ g("div", { className: "w-full flex-1 min-h-0 flex flex-col", children: [
     l && /* @__PURE__ */ a("div", { className: "z-10 flex-shrink-0 hidden md:block", children: l }),
     /* @__PURE__ */ g("div", { className: "flex-1 min-h-0 flex flex-col", children: [
@@ -17678,6 +17678,7 @@ const qu = ({
         "div",
         {
           className: `md:hidden ${u === "navigation" ? "block" : "hidden"} flex-1 overflow-y-auto`,
+          "aria-hidden": K ? !0 : void 0,
           children: [
             l && /* @__PURE__ */ a("div", { className: "flex-shrink-0", children: l }),
             /* @__PURE__ */ g(
@@ -17748,6 +17749,7 @@ const qu = ({
                   width: `${f}px`,
                   minWidth: `${f}px`
                 },
+                "aria-hidden": K ? !0 : void 0,
                 children: [
                   t && /* @__PURE__ */ a(
                     "h2",
@@ -19246,7 +19248,7 @@ const xr = (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"
-}, se = /* @__PURE__ */ new Map(), ke = /* @__PURE__ */ new Map(), We = /* @__PURE__ */ new Set();
+}, le = /* @__PURE__ */ new Map(), ke = /* @__PURE__ */ new Map(), We = /* @__PURE__ */ new Set();
 let Ie = "medium", xt = !1;
 function io() {
   if ("connection" in navigator) {
@@ -19268,8 +19270,8 @@ function R0(t, e, r = {}) {
     onLoad: d,
     onError: m
   } = r;
-  if (se.has(e))
-    return se.get(e).component;
+  if (le.has(e))
+    return le.get(e).component;
   const h = me(async () => {
     const f = performance.now();
     if (ke.has(e))
@@ -19287,7 +19289,7 @@ function R0(t, e, r = {}) {
           timestamp: Date.now(),
           loadTime: x
         };
-        if (se.set(e, k), i === "session")
+        if (le.set(e, k), i === "session")
           try {
             sessionStorage.setItem(
               `lazy_${e}`,
@@ -19306,7 +19308,7 @@ function R0(t, e, r = {}) {
   }), y = (f) => {
     const [p, b] = T(!0);
     P(() => {
-      if (l && !se.has(e) && l() && !We.has(e)) {
+      if (l && !le.has(e) && l() && !We.has(e)) {
         We.add(e);
         const w = uo(u, Ie);
         setTimeout(() => {
@@ -19377,7 +19379,7 @@ const $e = class $e {
   }
   static preloadLikelyRoutes(e) {
     this.getRouteTransitionProbability(e).forEach(({ route: n, probability: o }) => {
-      o > 0.3 && !se.has(n) && setTimeout(() => {
+      o > 0.3 && !le.has(n) && setTimeout(() => {
         this.routeMap.get(n);
       }, Ie === "fast" ? 1e3 : 3e3);
     });
@@ -19412,7 +19414,7 @@ const $e = class $e {
   static getStats() {
     return {
       routeCount: this.routeMap.size,
-      cacheSize: se.size,
+      cacheSize: le.size,
       currentRoute: this.currentRoute,
       usageStats: Object.fromEntries(this.routeUsageStats)
     };
@@ -19459,15 +19461,15 @@ const B0 = ({ src: t, alt: e, className: r, placeholder: n, priority: o = "mediu
   ] });
 };
 function j0() {
-  se.clear(), We.clear();
+  le.clear(), We.clear();
 }
 function F0() {
   return {
-    cachedComponents: se.size,
+    cachedComponents: le.size,
     preloadQueue: We.size,
     networkSpeed: Ie,
     isLowEndDevice: xt,
-    cacheEntries: Array.from(se.entries()).map(([t, e]) => ({
+    cacheEntries: Array.from(le.entries()).map(([t, e]) => ({
       name: t,
       loadTime: e.loadTime,
       age: Date.now() - e.timestamp
@@ -20488,7 +20490,7 @@ const et = {
   );
 }, cm = (t, e, r) => {
   const n = j(e), o = j(void 0);
-  return ae(() => (r && process.env.NODE_ENV === "development" && e.some(
+  return ne(() => (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]);
 }, Ve = /* @__PURE__ */ new Map(), dm = (t) => {
@@ -20551,7 +20553,7 @@ const et = {
       s.forEach((i) => clearTimeout(i)), l.forEach((i) => clearInterval(i)), process.env.NODE_ENV;
     };
   }, [t]), { createTimer: n, createInterval: o };
-}, ie = {
+}, ce = {
   // Bundle size limits (in KB)
   maxBundleSize: 500,
   maxChunkSize: 200,
@@ -20567,14 +20569,14 @@ const et = {
   // 0.1
   check: (t) => {
     const e = [];
-    return t.FCP && t.FCP > ie.maxFCP && e.push(
-      `FCP (${t.FCP}ms) exceeds budget (${ie.maxFCP}ms)`
-    ), t.LCP && t.LCP > ie.maxLCP && e.push(
-      `LCP (${t.LCP}ms) exceeds budget (${ie.maxLCP}ms)`
-    ), t.FID && t.FID > ie.maxFID && e.push(
-      `FID (${t.FID}ms) exceeds budget (${ie.maxFID}ms)`
-    ), t.CLS && t.CLS > ie.maxCLS && e.push(
-      `CLS (${t.CLS}) exceeds budget (${ie.maxCLS})`
+    return t.FCP && t.FCP > ce.maxFCP && e.push(
+      `FCP (${t.FCP}ms) exceeds budget (${ce.maxFCP}ms)`
+    ), t.LCP && t.LCP > ce.maxLCP && e.push(
+      `LCP (${t.LCP}ms) exceeds budget (${ce.maxLCP}ms)`
+    ), t.FID && t.FID > ce.maxFID && e.push(
+      `FID (${t.FID}ms) exceeds budget (${ce.maxFID}ms)`
+    ), t.CLS && t.CLS > ce.maxCLS && e.push(
+      `CLS (${t.CLS}) exceeds budget (${ce.maxCLS})`
     ), e;
   }
 };
@@ -21556,7 +21558,7 @@ const Uo = ({ direction: t, className: e }) => /* @__PURE__ */ a(
   onMetricsUpdate: d,
   className: m
 }) => {
-  const h = t ?? (typeof process < "u" && process.env?.NODE_ENV !== "production"), [y, f] = T(e), [p, b] = T(r), x = ae(
+  const h = t ?? (typeof process < "u" && process.env?.NODE_ENV !== "production"), [y, f] = T(e), [p, b] = T(r), x = ne(
     () => u,
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [JSON.stringify(u)]
@@ -21812,7 +21814,7 @@ function Rm(t) {
     loginPath: e = "/login",
     defaultRedirect: r = "/",
     currentLanguage: n
-  } = t ?? {}, o = Ye(), [s] = ra(), l = s.get("redirect"), i = ae(
+  } = t ?? {}, o = Ye(), [s] = ra(), l = s.get("redirect"), i = ne(
     () => l || r,
     [l, r]
   ), u = R(
@@ -21837,7 +21839,7 @@ function Bm({
   validateOnChange: e = !1,
   validateOnBlur: r = !0
 }) {
-  const n = ae(() => {
+  const n = ne(() => {
     const E = {};
     for (const I in t)
       E[I] = t[I].initialValue;
@@ -21919,12 +21921,12 @@ function Bm({
   ), v = R(
     (E) => u[E] ? l[E] : void 0,
     [u, l]
-  ), N = ae(() => {
+  ), N = ne(() => {
     for (const E in t)
       if (y(E))
         return !1;
     return !0;
-  }, [t, y]), $ = ae(() => Object.values(m).some(Boolean), [m]);
+  }, [t, y]), $ = ne(() => Object.values(m).some(Boolean), [m]);
   return {
     values: o,
     errors: l,
@@ -22357,11 +22359,11 @@ function is(t) {
     "React Native navigation service not implemented in shared library"
   );
 }
-function oe(t) {
+function se(t) {
   return tt || (tt = is()), tt;
 }
 function vh() {
-  const t = oe(), e = t.getCurrentState();
+  const t = se(), e = t.getCurrentState();
   return {
     navigate: (r, n) => {
       t.navigate(r, n);
@@ -22380,7 +22382,7 @@ function vh() {
   };
 }
 function xh() {
-  const e = oe().getCurrentState(), r = Object.keys(e.searchParams).length > 0 ? "?" + new URLSearchParams(e.searchParams).toString() : "";
+  const e = se().getCurrentState(), r = Object.keys(e.searchParams).length > 0 ? "?" + new URLSearchParams(e.searchParams).toString() : "";
   return {
     pathname: e.currentPath,
     search: r,
@@ -22394,7 +22396,7 @@ function xh() {
   };
 }
 function wh() {
-  const t = oe(), e = t.getCurrentState();
+  const t = se(), e = t.getCurrentState();
   return [new URLSearchParams(e.searchParams), (o) => {
     const s = o instanceof URLSearchParams ? Object.fromEntries(o.entries()) : o, l = new URLSearchParams(s).toString(), i = e.currentPath + (l ? `?${l}` : "");
     t.replace(i);
@@ -22407,14 +22409,14 @@ const fe = {
    * @param options Navigation options
    */
   navigate: (t, e) => {
-    oe().navigate(t, e);
+    se().navigate(t, e);
   },
   /**
    * Go back to previous screen
    * @param fallbackPath Fallback path if no history
    */
   goBack: (t) => {
-    oe().goBack(t);
+    se().goBack(t);
   },
   /**
    * Replace current route
@@ -22422,16 +22424,16 @@ const fe = {
    * @param options Navigation options
    */
   replace: (t, e) => {
-    oe().replace(t, e);
+    se().replace(t, e);
   },
   /**
    * Get current path
    */
-  getCurrentPath: () => oe().getCurrentPath(),
+  getCurrentPath: () => se().getCurrentPath(),
   /**
    * Get search parameters
    */
-  getSearchParams: () => oe().getSearchParams(),
+  getSearchParams: () => se().getSearchParams(),
   /**
    * Navigate to mail app
    */
@@ -22478,7 +22480,7 @@ const fe = {
   /**
    * Check if can go back
    */
-  canGoBack: () => oe().canGoBack()
+  canGoBack: () => se().canGoBack()
 };
 function kh(t, e = 3, r = 1e3) {
   return me(() => new Promise((n, o) => {
@@ -23023,7 +23025,7 @@ export {
   nu as BreadcrumbSection,
   qo as BundleSection,
   cd as BurndownChart,
-  le as Button,
+  ie as Button,
   Qn as CACHE_CONFIGS,
   ju as CTASection,
   Ra as Calendar,
@@ -23305,7 +23307,7 @@ export {
   Zl as TextField,
   Vd as TextInputModal,
   rl as TextLink,
-  te as Theme,
+  re as Theme,
   br as ThemeContext,
   Pu as ThemeProvider,
   Ma as TimePicker,
@@ -23484,7 +23486,7 @@ export {
   J0 as getPreloadingStats,
   um as getRenderCounts,
   lo as getSecurityHeaders,
-  oe as getUINavigationService,
+  se as getUINavigationService,
   pe as getWebVitalRating,
   bm as getWebVitals,
   hs as hashString,
@@ -23526,7 +23528,7 @@ export {
   Ym as optimizeWillChange,
   Xn as optimizedFetch,
   Wm as parseFileSize,
-  ie as performanceBudget,
+  ce as performanceBudget,
   et as performanceUtils,
   as as prefersReducedMotion,
   ym as prefetchResource,

package/dist/layout/MasterDetailLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MasterDetailLayout.d.ts","sourceRoot":"","sources":["../../src/layout/MasterDetailLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAItE;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAClC,8CAA8C;IAC9C,UAAU,EAAE,OAAO,CAAC;IACpB,oBAAoB;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACnD,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAsDxD,CAAC;AAEF,MAAM,WAAW,uBAAuB;IACtC,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uFAAuF;IACvF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qFAAqF;IACrF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qFAAqF;IACrF,aAAa,EAAE,SAAS,CAAC;IACzB,mFAAmF;IACnF,aAAa,EAAE,SAAS,CAAC;IACzB,mFAAmF;IACnF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4EAA4E;IAC5E,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,+EAA+E;IAC/E,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,oFAAoF;IACpF,UAAU,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IACtC,sEAAsE;IACtE,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,8CAA8C;IAC9C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,8CAA8C;IAC9C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oCAAoC;IACpC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yEAAyE;IACzE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kEAAkE;IAClE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,8EAA8E;IAC9E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4EAA4E;IAC5E,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,wDAAwD;IACxD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,wEAAwE;IACxE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+CAA+C;IAC/C,YAAY,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC;QACpC,iBAAiB,EAAE,CAAC,eAAe,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;KAC1D,GAAG,IAAI,CAAC,CAAC;CACX;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA0QhE,CAAC"}
+{"version":3,"file":"MasterDetailLayout.d.ts","sourceRoot":"","sources":["../../src/layout/MasterDetailLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAItE;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAClC,8CAA8C;IAC9C,UAAU,EAAE,OAAO,CAAC;IACpB,oBAAoB;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACnD,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAsDxD,CAAC;AAEF,MAAM,WAAW,uBAAuB;IACtC,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uFAAuF;IACvF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qFAAqF;IACrF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qFAAqF;IACrF,aAAa,EAAE,SAAS,CAAC;IACzB,mFAAmF;IACnF,aAAa,EAAE,SAAS,CAAC;IACzB,mFAAmF;IACnF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4EAA4E;IAC5E,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,+EAA+E;IAC/E,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,oFAAoF;IACpF,UAAU,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IACtC,sEAAsE;IACtE,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,8CAA8C;IAC9C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,8CAA8C;IAC9C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oCAAoC;IACpC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yEAAyE;IACzE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kEAAkE;IAClE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,8EAA8E;IAC9E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4EAA4E;IAC5E,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,wDAAwD;IACxD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,wEAAwE;IACxE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+CAA+C;IAC/C,YAAY,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC;QACpC,iBAAiB,EAAE,CAAC,eAAe,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;KAC1D,GAAG,IAAI,CAAC,CAAC;CACX;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAgRhE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sudobility/components",
-  "version": "5.0.72",
+  "version": "5.0.73",
   "description": "Reusable UI components and design system - Reorganized for better maintainability",
   "type": "module",
   "main": "dist/index.js",