@sudobility/components 5.0.33 → 5.0.35

package/dist/core/i18n-routing/LanguageValidator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LanguageValidator.d.ts","sourceRoot":"","sources":["../../../src/core/i18n-routing/LanguageValidator.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAMH,MAAM,WAAW,sBAAsB;IACrC;;;OAGG;IACH,mBAAmB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;IAC/C;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,mBAAmB,EACnB,eAAsB,EACtB,UAAuB,EACvB,QAAe,GAChB,EAAE,sBAAsB,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CA+BpD;AAED,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"LanguageValidator.d.ts","sourceRoot":"","sources":["../../../src/core/i18n-routing/LanguageValidator.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAMH,MAAM,WAAW,sBAAsB;IACrC;;;OAGG;IACH,mBAAmB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;IAC/C;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,mBAAmB,EACnB,eAAsB,EACtB,UAAuB,EACvB,QAAe,GAChB,EAAE,sBAAsB,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CA8DpD;AAED,eAAe,iBAAiB,CAAC"}

package/dist/index.js

@@ -1,27 +1,27 @@
-import { clsx as br } from "clsx";
-import { twMerge as pr } from "tailwind-merge";
+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 yr, Component as Bt, memo as Le, lazy as oe, Suspense as Ee } 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 { cva as G } from "class-variance-authority";
-import { textVariants as U, variants as j, getStatusIndicatorColor as ce, getSectionBadgeColors as xr, getCardVariantColors as vr, ui as wr } from "@sudobility/design";
+import { textVariants as U, variants as j, getStatusIndicatorColor as ce, 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 kr, ExclamationTriangleIcon as rt, MinusIcon as bt, PlusIcon as pt, MagnifyingGlassIcon as Nr, XMarkIcon as Fe, CalendarIcon as Cr, CloudArrowUpIcon as Sr, DocumentIcon as Rt, Cog6ToothIcon as yt, CurrencyDollarIcon as Lr, AdjustmentsHorizontalIcon as Er, LinkIcon as Mr, FunnelIcon as Ir, ChatBubbleLeftRightIcon as Tr, ShieldCheckIcon as Ar, ArrowRightIcon as jt, ArrowTopRightOnSquareIcon as ze, ChevronLeftIcon as zr, ChevronRightIcon as at, TrashIcon as $r, PhotoIcon as xt, ArrowPathIcon as Ur, CheckIcon as Pr, ClipboardDocumentIcon as Dr, EnvelopeIcon as Br, LanguageIcon as Rr } from "@heroicons/react/24/outline";
+import { 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 { ArrowLeftIcon as Pm, ArrowRightIcon as Dm, Bars3Icon as Bm, BellIcon as Rm, BellSlashIcon as jm, ChartBarIcon as Fm, CheckCircleIcon as Wm, CheckIcon as Om, ChevronDownIcon as Vm, ChevronLeftIcon as _m, ChevronRightIcon as Hm, ChevronUpIcon as qm, ClockIcon as Km, CodeBracketIcon as Gm, Cog6ToothIcon as Ym, CreditCardIcon as Qm, DocumentTextIcon as Jm, EnvelopeIcon as Xm, ExclamationTriangleIcon as Zm, EyeSlashIcon as eh, GlobeAltIcon as th, HomeIcon as rh, InboxIcon as ah, InformationCircleIcon as nh, KeyIcon as oh, MegaphoneIcon as sh, MinusIcon as lh, PaperAirplaneIcon as ih, PaperClipIcon as ch, PlusIcon as dh, RocketLaunchIcon as uh, ShieldCheckIcon as gh, SparklesIcon as mh, StarIcon as hh, TrashIcon as fh, UserGroupIcon as bh, XMarkIcon as ph } from "@heroicons/react/24/outline";
-import { XMarkIcon as jr, MinusIcon as Fr, CheckIcon as Wr } from "@heroicons/react/24/solid";
+import { 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 { Root as Ft, Thumb as Or } from "@radix-ui/react-switch";
+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 Vr, CheckIcon as _r } from "@heroicons/react/20/solid";
+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 Hr } from "@radix-ui/react-slot";
-import { Link as Me, useParams as We, useNavigate as ot, Outlet as qr, useLocation as Kr } from "react-router-dom";
-import { Root as Gr, List as Ot, Trigger as Vt, Content as _t } from "@radix-ui/react-tabs";
+import { 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 { 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 { onCLS as Yr, onINP as Qr, onFCP as Jr, onLCP as Xr, onTTFB as Zr } from "web-vitals";
 function u(...t) {
-  return pr(br(t));
+  return yr(pr(t));
 }
 const ea = ({
   children: t,
@@ -260,7 +260,7 @@ const ea = ({
       children: t
     }
   );
-}, Ht = ({
+}, qt = ({
   children: t,
   direction: e = "vertical",
   spacing: r = "md",
@@ -350,7 +350,7 @@ const ea = ({
       ] }, p)) : t
     }
   );
-}, Ss = (t) => /* @__PURE__ */ a(Ht, { direction: "vertical", ...t }), Ls = (t) => /* @__PURE__ */ a(Ht, { direction: "horizontal", ...t }), Es = ({
+}, Ss = (t) => /* @__PURE__ */ a(qt, { direction: "vertical", ...t }), Ls = (t) => /* @__PURE__ */ a(qt, { direction: "horizontal", ...t }), Es = ({
   children: t,
   axis: e = "both",
   inline: r = !1,
@@ -2045,7 +2045,7 @@ const ea = ({
   info: ge,
   success: je,
   warning: rt,
-  attention: kr,
+  attention: Nr,
   error: tt
 }, ol = ({ children: t, className: e }) => /* @__PURE__ */ a("div", { className: u("font-medium mb-1", e), children: t }), sl = ({ children: t, className: e }) => /* @__PURE__ */ a("div", { className: u("text-sm break-words", e), children: t }), wt = ({
   variant: t = "info",
@@ -2314,7 +2314,7 @@ const ea = ({
       ]
     }
   ) : null;
-}, qt = Be(null);
+}, Kt = Be(null);
 function ua() {
   return `toast-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
 }
@@ -2365,7 +2365,7 @@ function ul({
     }),
     [n, l, s, i, d, c, g]
   );
-  return /* @__PURE__ */ a(qt.Provider, { value: m, children: t });
+  return /* @__PURE__ */ a(Kt.Provider, { value: m, children: t });
 }
 const ga = {
   success: /* @__PURE__ */ a(
@@ -2547,7 +2547,7 @@ function gl({
   );
 }
 function ml() {
-  const t = Re(qt);
+  const t = Re(Kt);
   if (!t)
     throw new Error("useToast must be used within a ToastProvider");
   return t;
@@ -2693,7 +2693,7 @@ const hl = ({
         },
         className: "ml-1 hover:bg-black/10 dark:hover:bg-white/10 rounded-full p-0.5",
         "aria-label": "Dismiss",
-        children: /* @__PURE__ */ a(jr, { className: u(x[r]) })
+        children: /* @__PURE__ */ a(Fr, { className: u(x[r]) })
       }
     )
   ] });
@@ -3266,7 +3266,7 @@ const Nl = ({
           C.iconLeft
         ),
         children: /* @__PURE__ */ a(
-          Nr,
+          Cr,
           {
             className: u(C.icon, "text-gray-400 dark:text-gray-500")
           }
@@ -3400,7 +3400,7 @@ const Nl = ({
           y.iconLeft
         ),
         children: /* @__PURE__ */ a(
-          Cr,
+          Sr,
           {
             className: u(y.icon, "text-gray-400 dark:text-gray-500")
           }
@@ -3887,7 +3887,7 @@ const va = ({
                   z(),
                   !s && "hover:border-opacity-75"
                 ),
-                children: f ? /* @__PURE__ */ a(Fr, { className: u("text-white", W.check) }) : S ? N || /* @__PURE__ */ a(Wr, { className: u("text-white", W.check) }) : null
+                children: f ? /* @__PURE__ */ a(Wr, { className: u("text-white", W.check) }) : S ? N || /* @__PURE__ */ a(Or, { className: u("text-white", W.check) }) : null
               }
             )
           ] }),
@@ -3939,7 +3939,7 @@ const va = ({
         ...s,
         ref: l,
         children: /* @__PURE__ */ a(
-          Or,
+          Vr,
           {
             className: u(
               "pointer-events-none block h-5 w-5 rounded-full bg-white shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
@@ -4107,7 +4107,7 @@ const Il = ({
   }
 ));
 Ye.displayName = _.Trigger.displayName;
-const Kt = q.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
+const Gt = q.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
   _.ScrollUpButton,
   {
     ref: r,
@@ -4116,11 +4116,11 @@ const Kt = q.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
       t
     ),
     ...e,
-    children: /* @__PURE__ */ a(Vr, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ a(_r, { className: "h-4 w-4" })
   }
 ));
-Kt.displayName = _.ScrollUpButton.displayName;
-const Gt = q.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
+Gt.displayName = _.ScrollUpButton.displayName;
+const Yt = q.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
   _.ScrollDownButton,
   {
     ref: r,
@@ -4132,7 +4132,7 @@ const Gt = q.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
     children: /* @__PURE__ */ a(nt, { className: "h-4 w-4" })
   }
 ));
-Gt.displayName = _.ScrollDownButton.displayName;
+Yt.displayName = _.ScrollDownButton.displayName;
 const Qe = q.forwardRef(({ className: t, children: e, position: r = "popper", ...n }, o) => /* @__PURE__ */ a(_.Portal, { children: /* @__PURE__ */ h(
   _.Content,
   {
@@ -4146,7 +4146,7 @@ const Qe = q.forwardRef(({ className: t, children: e, position: r = "popper", ..
     position: r,
     ...n,
     children: [
-      /* @__PURE__ */ a(Kt, {}),
+      /* @__PURE__ */ a(Gt, {}),
       /* @__PURE__ */ a(
         _.Viewport,
         {
@@ -4157,7 +4157,7 @@ const Qe = q.forwardRef(({ className: t, children: e, position: r = "popper", ..
           children: e
         }
       ),
-      /* @__PURE__ */ a(Gt, {})
+      /* @__PURE__ */ a(Yt, {})
     ]
   }
 ) }));
@@ -4183,7 +4183,7 @@ const Je = q.forwardRef(({ className: t, children: e, ...r }, n) => /* @__PURE__
     ...r,
     children: [
       /* @__PURE__ */ a(_.ItemText, { children: e }),
-      /* @__PURE__ */ a("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ a(_.ItemIndicator, { children: /* @__PURE__ */ a(_r, { className: "h-4 w-4" }) }) })
+      /* @__PURE__ */ a("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ a(_.ItemIndicator, { children: /* @__PURE__ */ a(Hr, { className: "h-4 w-4" }) }) })
     ]
   }
 ));
@@ -4994,7 +4994,7 @@ const Ul = ({
           s && "opacity-50 cursor-not-allowed"
         ),
         children: /* @__PURE__ */ h("div", { className: "flex flex-col items-center justify-center space-y-3", children: [
-          /* @__PURE__ */ a(Sr, { className: "h-12 w-12 text-gray-400 dark:text-gray-500" }),
+          /* @__PURE__ */ a(Lr, { className: "h-12 w-12 text-gray-400 dark:text-gray-500" }),
           /* @__PURE__ */ a("p", { className: "text-sm text-gray-600 dark:text-gray-400 text-center", children: y }),
           n && /* @__PURE__ */ h("p", { className: "text-xs text-gray-500 dark:text-gray-500", children: [
             "Max file size: ",
@@ -5314,8 +5314,8 @@ const jl = ({
   ] });
 }, La = G(
   `${U.label.default()} peer-disabled:cursor-not-allowed peer-disabled:opacity-70`
-), Yt = q.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(Wt, { ref: r, className: u(La(), t), ...e }));
-Yt.displayName = Wt.displayName;
+), Qt = q.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(Wt, { ref: r, className: u(La(), t), ...e }));
+Qt.displayName = Wt.displayName;
 const Wl = ({
   id: t,
   label: e,
@@ -5334,7 +5334,7 @@ const Wl = ({
 }) => {
   const f = !!i, p = l || i ? `${t}-helper` : void 0;
   return /* @__PURE__ */ h("div", { className: u("space-y-2", y), children: [
-    /* @__PURE__ */ h(Yt, { htmlFor: t, children: [
+    /* @__PURE__ */ h(Qt, { htmlFor: t, children: [
       e,
       d && /* @__PURE__ */ a("span", { className: "text-red-500 ml-1", children: "*" })
     ] }),
@@ -5644,7 +5644,7 @@ const Wl = ({
     children: c,
     ...g
   }, m) => {
-    const y = o ? Hr : "button", b = e || "default", f = r && r !== "default" && r !== "icon" ? r : void 0, p = (C) => C ? {
+    const y = o ? qr : "button", b = e || "default", f = r && r !== "default" && r !== "icon" ? r : void 0, p = (C) => C ? {
       sm: "small",
       lg: "large",
       default: "default"
@@ -8447,7 +8447,7 @@ const zi = ({
   size: n = "md",
   className: o
 }) => {
-  const { container: s, icon: l } = xr(r), i = _a[n];
+  const { container: s, icon: l } = vr(r), i = _a[n];
   return /* @__PURE__ */ h(
     "div",
     {
@@ -8514,18 +8514,18 @@ const zi = ({
     case "arrow-right":
       return jt;
     case "shield":
-      return Ar;
+      return zr;
     case "reply":
     case "chat":
-      return Tr;
+      return Ar;
     case "filter":
-      return Ir;
+      return Tr;
     case "plug":
-      return Mr;
+      return Ir;
     case "adjustments":
-      return Er;
+      return Mr;
     case "currency-dollar":
-      return Lr;
+      return Er;
     default:
       return yt;
   }
@@ -8813,7 +8813,7 @@ const zi = ({
       size: "default"
     }
   }
-), Qt = q.forwardRef(
+), Jt = q.forwardRef(
   ({
     className: t,
     variant: e,
@@ -8876,7 +8876,7 @@ const zi = ({
     );
   }
 );
-Qt.displayName = "SmartLink";
+Jt.displayName = "SmartLink";
 const Yi = (t, e) => q.useMemo(() => {
   let r = t;
   return Object.entries(e).forEach(([n, o]) => {
@@ -8966,7 +8966,7 @@ const Yi = (t, e) => q.useMemo(() => {
     );
     if (d) {
       const [, c, g] = d;
-      return /* @__PURE__ */ a(Qt, { to: c, variant: n, children: g }, i);
+      return /* @__PURE__ */ a(Jt, { to: c, variant: n, children: g }, i);
     }
     return l;
   }) });
@@ -9210,32 +9210,32 @@ const tc = ({
 );
 Ya.displayName = "Tabs";
 const Qa = q.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
-  Ot,
+  Vt,
   {
     ref: r,
     className: u(j.navigation.tabs.list(), t),
     ...e
   }
 ));
-Qa.displayName = Ot.displayName;
+Qa.displayName = Vt.displayName;
 const Ja = q.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
-  Vt,
+  _t,
   {
     ref: r,
     className: u(j.navigation.tabs.trigger(), t),
     ...e
   }
 ));
-Ja.displayName = Vt.displayName;
+Ja.displayName = _t.displayName;
 const Xa = q.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
-  _t,
+  Ht,
   {
     ref: r,
     className: u(j.navigation.tabs.content(), t),
     ...e
   }
 ));
-Xa.displayName = _t.displayName;
+Xa.displayName = Ht.displayName;
 const ac = ({
   items: t,
   orientation: e = "horizontal",
@@ -9482,7 +9482,7 @@ const ac = ({
             disabled: t === 1,
             className: N,
             "aria-label": "Go to previous page",
-            children: /* @__PURE__ */ a(zr, { className: d.icon })
+            children: /* @__PURE__ */ a($r, { className: d.icon })
           }
         ),
         g.map((v, C) => v === "ellipsis" ? /* @__PURE__ */ a(
@@ -10219,7 +10219,7 @@ const gc = ({
   children: t,
   onAction: e,
   actionText: r = "Remove",
-  actionIcon: n = $r,
+  actionIcon: n = Ur,
   destructive: o = !0,
   isProcessing: s = !1,
   variant: l = "default",
@@ -10699,7 +10699,7 @@ const Sc = ({
   sm: "p-3",
   md: "p-6",
   lg: "p-8"
-}, Jt = ({
+}, Xt = ({
   variant: t = "elevated",
   padding: e = "md",
   icon: r,
@@ -10710,7 +10710,7 @@ const Sc = ({
 }) => {
   const d = ["info", "success", "warning", "error"].includes(
     t
-  ) && (r || n), c = t === "callout" ? en : vr(
+  ) && (r || n), c = t === "callout" ? en : wr(
     t
   );
   return /* @__PURE__ */ a(
@@ -10780,7 +10780,7 @@ const Sc = ({
   size: n = "default",
   className: o
 }) => /* @__PURE__ */ h(
-  Jt,
+  Xt,
   {
     variant: r === "neutral" ? "bordered" : r,
     padding: { sm: "sm", default: "md", lg: "lg" }[n],
@@ -10808,7 +10808,7 @@ const Sc = ({
   centered: s = !1,
   className: l
 }) => /* @__PURE__ */ a(
-  Jt,
+  Xt,
   {
     variant: n === "gradient" || n === "neutral" ? "callout" : n,
     padding: { sm: "sm", default: "md", lg: "lg" }[o],
@@ -13405,7 +13405,7 @@ const Sc = ({
     ),
     /* @__PURE__ */ a("p", { className: "text-xs text-gray-600 dark:text-gray-400 max-w-[200px] text-center break-all", children: t })
   ] });
-}, Xt = ({
+}, Zt = ({
   isOpen: t,
   onClose: e,
   title: r,
@@ -13502,7 +13502,7 @@ const Sc = ({
     className: u(j.overlays.modal.header(), r),
     children: t
   }
-), Zt = ({
+), er = ({
   children: t,
   variant: e = "default",
   className: r
@@ -13513,7 +13513,7 @@ const Sc = ({
     className: u(j.overlays.modal.body(), r),
     children: t
   }
-), er = ({
+), tr = ({
   children: t,
   variant: e = "default",
   className: r
@@ -14167,7 +14167,7 @@ const Sc = ({
     p(l), N(null), e();
   }, w = y ? f.trim().length > 0 : !0;
   return /* @__PURE__ */ a(
-    Xt,
+    Zt,
     {
       isOpen: t,
       onClose: C,
@@ -14177,7 +14177,7 @@ const Sc = ({
       closeOnEscape: !c,
       closeOnOverlayClick: !c,
       children: /* @__PURE__ */ h("form", { onSubmit: v, children: [
-        /* @__PURE__ */ h(Zt, { variant: "padded", children: [
+        /* @__PURE__ */ h(er, { variant: "padded", children: [
           /* @__PURE__ */ a("h3", { id: "text-input-modal-title", className: U.heading.h4(), children: n }),
           /* @__PURE__ */ a(
             "p",
@@ -14211,7 +14211,7 @@ const Sc = ({
             }
           )
         ] }),
-        /* @__PURE__ */ h(er, { children: [
+        /* @__PURE__ */ h(tr, { children: [
           /* @__PURE__ */ a(
             te,
             {
@@ -14404,7 +14404,7 @@ const Sc = ({
 }) => {
   const g = nn[d], m = on[d], y = sn[d];
   return /* @__PURE__ */ h(
-    Xt,
+    Zt,
     {
       isOpen: t,
       onClose: e,
@@ -14413,7 +14413,7 @@ const Sc = ({
       "aria-labelledby": "confirmation-dialog-title",
       "aria-describedby": "confirmation-dialog-description",
       children: [
-        /* @__PURE__ */ h(Zt, { variant: "padded", children: [
+        /* @__PURE__ */ h(er, { variant: "padded", children: [
           /* @__PURE__ */ h("div", { className: "flex items-center gap-3 mb-4", children: [
             /* @__PURE__ */ a(g, { className: m() }),
             /* @__PURE__ */ a(
@@ -14434,7 +14434,7 @@ const Sc = ({
             }
           )
         ] }),
-        /* @__PURE__ */ h(er, { children: [
+        /* @__PURE__ */ h(tr, { children: [
           /* @__PURE__ */ a(te, { variant: "outline", onClick: e, disabled: c, children: l }),
           /* @__PURE__ */ a(
             te,
@@ -14900,7 +14900,7 @@ const Sc = ({
             },
             children: /* @__PURE__ */ h("div", { className: "flex flex-col items-center justify-center gap-2", children: [
               /* @__PURE__ */ a(
-                Ur,
+                Pr,
                 {
                   className: `w-6 h-6 text-blue-600 dark:text-blue-400 transition-transform duration-200 ${m ? "animate-spin" : ""}`,
                   style: {
@@ -15175,7 +15175,7 @@ const Sc = ({
       ] })
     ] })
   ] });
-}, tr = ({
+}, rr = ({
   items: t,
   shareConfig: e,
   className: r,
@@ -15193,39 +15193,39 @@ const Sc = ({
     s < t.length - 1 && /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a("span", { className: "text-gray-400 dark:text-gray-500", children: "/" }) })
   ] }, s)) }) }),
   e && /* @__PURE__ */ a(ln, { shareConfig: e })
-] }), Hd = tr, rr = {
+] }), Hd = rr, ar = {
   standard: "max-w-7xl mx-auto px-4",
   wide: "max-w-[1920px] mx-auto px-4",
   full: "w-full px-4"
-}, ar = {
+}, nr = {
   standard: "max-w-7xl mx-auto",
   wide: "max-w-[1920px] mx-auto",
   full: "w-full"
-}, nr = "px-4", or = Be(void 0), cn = ({
+}, or = "px-4", sr = Be(void 0), cn = ({
   mode: t = "standard",
   children: e
 }) => {
   const r = {
     mode: t,
-    containerClass: rr[t],
-    maxWidthClass: ar[t],
-    paddingClass: nr
+    containerClass: ar[t],
+    maxWidthClass: nr[t],
+    paddingClass: or
   };
-  return /* @__PURE__ */ a(or.Provider, { value: r, children: e });
+  return /* @__PURE__ */ a(sr.Provider, { value: r, children: e });
 }, se = () => {
-  const t = Re(or);
+  const t = Re(sr);
   return t || {
     mode: "standard",
-    containerClass: rr.standard,
-    maxWidthClass: ar.standard,
-    paddingClass: nr
+    containerClass: ar.standard,
+    maxWidthClass: nr.standard,
+    paddingClass: or
   };
 }, qd = ({
   items: t,
   shareConfig: e
 }) => {
   const { containerClass: r } = se();
-  return /* @__PURE__ */ a("div", { className: "bg-white dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700 relative z-50", children: /* @__PURE__ */ a("div", { className: `${r} py-3 relative`, children: /* @__PURE__ */ a(tr, { items: t, shareConfig: e }) }) });
+  return /* @__PURE__ */ a("div", { className: "bg-white dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700 relative z-50", children: /* @__PURE__ */ a("div", { className: `${r} py-3 relative`, children: /* @__PURE__ */ a(rr, { items: t, shareConfig: e }) }) });
 }, dn = (t) => {
   const [e, r] = I(""), [n, o] = I(!0), [s, l] = I(null);
   return A(() => {
@@ -15330,7 +15330,7 @@ const Sc = ({
               onClick: x,
               className: "p-2 text-gray-400 hover:text-green-400 hover:bg-gray-800 rounded-lg transition-all duration-200 group",
               title: i("copyCode", "Copy code"),
-              children: m ? /* @__PURE__ */ a(Pr, { className: "h-4 w-4 text-green-400" }) : /* @__PURE__ */ a(Dr, { className: "h-4 w-4 group-hover:scale-110 transition-transform" })
+              children: m ? /* @__PURE__ */ a(Dr, { className: "h-4 w-4 text-green-400" }) : /* @__PURE__ */ a(Br, { className: "h-4 w-4 group-hover:scale-110 transition-transform" })
             }
           )
         ] }),
@@ -15352,7 +15352,7 @@ const Sc = ({
   onSubsectionSelect: o
 }) => {
   const s = D(null), [l, i] = I(void 0);
-  return yr(() => {
+  return xr(() => {
     if (s.current) {
       const d = s.current.scrollHeight;
       i(e ? d + 16 : 0);
@@ -15442,7 +15442,7 @@ const Sc = ({
   className: d = ""
 }) => {
   const c = () => n === "envelope" || n === "both" ? /* @__PURE__ */ a(
-    Br,
+    Rr,
     {
       className: o === "prominent" ? "h-5 w-5 mr-2" : "h-4 w-4 mr-1"
     }
@@ -15633,7 +15633,7 @@ const Sc = ({
     ) })
   ] }) }) : /* @__PURE__ */ h("div", { className: `space-y-2 ${e}`, children: [
     /* @__PURE__ */ h("label", { className: "text-sm font-medium text-gray-700 dark:text-gray-300 flex items-center space-x-2", children: [
-      /* @__PURE__ */ a(Rr, { className: "h-4 w-4 text-gray-500 dark:text-gray-400" }),
+      /* @__PURE__ */ a(jr, { className: "h-4 w-4 text-gray-500 dark:text-gray-400" }),
       /* @__PURE__ */ a("span", { children: n("language", "Language") })
     ] }),
     /* @__PURE__ */ h(kt, { value: o, onValueChange: d, children: [
@@ -16069,24 +16069,45 @@ function p0({
   storageKey: r = "language",
   fallback: n = null
 }) {
-  const { lang: o } = We(), s = ot(), { i18n: l } = Oe();
+  const { lang: o } = We(), s = ot(), l = Ot(), { i18n: i } = Oe();
   return A(() => {
     if (!o || !t(o)) {
-      s(`/${e}`, { replace: !0 });
+      let d = e;
+      try {
+        const g = localStorage.getItem(r);
+        g && t(g) && (d = g);
+      } catch {
+      }
+      if (d === e) {
+        const g = navigator.language.split("-")[0];
+        t(g) && (d = g);
+      }
+      const c = `/${d}${l.pathname}${l.search}${l.hash}`;
+      s(c, { replace: !0 });
       return;
     }
-    l.language !== o && l.changeLanguage(o);
+    i.language !== o && i.changeLanguage(o);
     try {
       localStorage.setItem(r, o);
     } catch {
     }
-  }, [o, l, s, t, e, r]), !o || !t(o) ? /* @__PURE__ */ a(O, { children: n }) : /* @__PURE__ */ a(qr, {});
+  }, [
+    o,
+    i,
+    s,
+    l.pathname,
+    l.search,
+    l.hash,
+    t,
+    e,
+    r
+  ]), !o || !t(o) ? /* @__PURE__ */ a(O, { children: n }) : /* @__PURE__ */ a(Kr, {});
 }
 function Et(t, e) {
-  const r = sr(t);
+  const r = lr(t);
   return `/${e}${r.startsWith("/") ? r : `/${r}`}`;
 }
-function sr(t, e) {
+function lr(t, e) {
   const r = t.split("/").filter(Boolean);
   if (r.length > 0) {
     const n = r[0];
@@ -16113,7 +16134,7 @@ function y0(t = {}) {
   ), c = B(
     (g, m) => {
       l.changeLanguage(g);
-      const y = sr(
+      const y = lr(
         m || (typeof window < "u" ? window.location.pathname : "/"),
         e
       ), b = Et(y, g);
@@ -16222,7 +16243,7 @@ function v0({
     }
   );
 }
-var Y = /* @__PURE__ */ ((t) => (t.LIGHT = "light", t.DARK = "dark", t.SYSTEM = "system", t))(Y || {}), lr = /* @__PURE__ */ ((t) => (t.SMALL = "small", t.MEDIUM = "medium", t.LARGE = "large", t))(lr || {});
+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 = {
   getItem: (t) => {
     try {
@@ -16237,11 +16258,11 @@ const Te = {
     } catch {
     }
   }
-}, ir = Be(
+}, cr = Be(
   void 0
 );
 function w0() {
-  const t = Re(ir);
+  const t = Re(cr);
   if (t === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
   return t;
@@ -16251,7 +16272,7 @@ function k0({
   themeStorageKey: e = "theme",
   fontSizeStorageKey: r = "font-size",
   defaultTheme: n = Y.LIGHT,
-  defaultFontSize: o = lr.MEDIUM
+  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
@@ -16293,7 +16314,7 @@ function k0({
     }),
     [s, i, m, y, c]
   );
-  return /* @__PURE__ */ a(ir.Provider, { value: b, children: t });
+  return /* @__PURE__ */ a(cr.Provider, { value: b, children: t });
 }
 const N0 = ({
   icon: t,
@@ -16982,7 +17003,7 @@ const $0 = ({
   {
     className: u(
       "border-t mt-8 pt-8 text-center space-y-4",
-      wr.border.default,
+      kr.border.default,
       e
     ),
     children: t
@@ -17407,7 +17428,7 @@ const $0 = ({
     style: { aspectRatio: t },
     children: e
   }
-) }), cr = Be(null), Cn = ({
+) }), dr = Be(null), Cn = ({
   children: t,
   variant: e = "default",
   sticky: r = !0
@@ -17416,7 +17437,7 @@ const $0 = ({
     o((l) => !l);
   }, []);
   return /* @__PURE__ */ a(
-    cr.Provider,
+    dr.Provider,
     {
       value: {
         variant: e,
@@ -17428,8 +17449,8 @@ const $0 = ({
       children: t
     }
   );
-}, dr = () => {
-  const t = Re(cr);
+}, ur = () => {
+  const t = Re(dr);
   if (!t)
     throw new Error("useTopbar must be used within a TopbarProvider");
   return t;
@@ -17599,7 +17620,7 @@ const $0 = ({
   menuItems: s,
   LinkComponent: l
 }) => {
-  const { mobileMenuOpen: i, toggleMobileMenu: d, setMobileMenuOpen: c } = dr(), [g, m] = I(!1), y = D(null);
+  const { mobileMenuOpen: i, toggleMobileMenu: d, setMobileMenuOpen: c } = ur(), [g, m] = I(!1), y = D(null);
   it(y, () => {
     m(!1);
   });
@@ -17860,7 +17881,7 @@ const $0 = ({
   className: r,
   LinkComponent: n
 }) => {
-  const { mobileMenuOpen: o, setMobileMenuOpen: s } = dr();
+  const { mobileMenuOpen: o, setMobileMenuOpen: s } = ur();
   return e ?? o ? /* @__PURE__ */ a(
     "div",
     {
@@ -18593,7 +18614,7 @@ function yu(t, e) {
   else
     return e;
 }
-const ur = (t) => ({
+const gr = (t) => ({
   "default-src": ["'self'"],
   "script-src": [
     "'self'",
@@ -18659,8 +18680,8 @@ const ur = (t) => ({
   "object-src": ["'none'"],
   "base-uri": ["'self'"],
   "form-action": ["'self'"]
-}), xu = ur(), Yn = (t) => {
-  const e = ur(t);
+}), xu = gr(), Yn = (t) => {
+  const e = gr(t);
   return Object.entries(e).map(([r, n]) => `${r} ${n.join(" ")}`).join("; ");
 }, Qn = (t) => ({
   "X-Frame-Options": "DENY",
@@ -19576,7 +19597,7 @@ const Vu = {
   /* @__PURE__ */ a("div", { className: "animate-spin rounded-full h-6 w-6 border-b-2 border-blue-500" }),
   /* @__PURE__ */ a("span", { className: "ml-2 text-sm text-gray-600", children: t })
 ] }), He = /* @__PURE__ */ new Map(), ye = /* @__PURE__ */ new Set();
-function gr() {
+function mr() {
   const t = [];
   return !!window.ethereum?.isMetaMask && (ye.add("metamask"), t.push({
     name: "MetaMask",
@@ -19596,7 +19617,7 @@ function gr() {
     priority: 4
   }), t.sort((o, s) => o.priority - s.priority);
 }
-function mr(t) {
+function hr(t) {
   const e = `wallet-${t.toLowerCase()}`;
   if (He.has(e))
     return He.get(e);
@@ -19620,13 +19641,13 @@ function mr(t) {
 function _u({
   children: t
 }) {
-  const e = gr();
+  const e = mr();
   return e.filter((r) => r.priority <= 2 && r.detected).forEach((r) => {
     setTimeout(() => {
     }, 1e3);
   }), /* @__PURE__ */ h(O, { children: [
     e.map((r) => {
-      const n = mr(r.name);
+      const n = hr(r.name);
       return /* @__PURE__ */ a(n, {}, r.name);
     }),
     t
@@ -19636,7 +19657,7 @@ const ft = class ft {
   static preloadWallet(e) {
     const r = e.toLowerCase();
     this.preloadedWallets.has(r) || (this.preloadedWallets.add(r), setTimeout(() => {
-      mr(e);
+      hr(e);
     }, 500));
   }
   static preloadCommonWallets() {
@@ -19654,7 +19675,7 @@ ft.preloadedWallets = /* @__PURE__ */ new Set();
 let Pe = ft;
 function Hu() {
   return {
-    availableWallets: gr(),
+    availableWallets: mr(),
     preloadWallet: (n) => {
       Pe.preloadWallet(n);
     },
@@ -19968,9 +19989,9 @@ const qe = {
     t().catch(() => {
     });
   }, 100);
-}, hr = {}, ag = (t) => {
-  hr[t.name] = t.value, process.env.NODE_ENV;
-}, ng = () => hr, og = (t, e = "script") => {
+}, fr = {}, ag = (t) => {
+  fr[t.name] = t.value, process.env.NODE_ENV;
+}, ng = () => fr, og = (t, e = "script") => {
   if (typeof document < "u") {
     const r = document.createElement("link");
     r.rel = "prefetch", r.href = t, r.as = e, document.head.appendChild(r);
@@ -21241,7 +21262,7 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
   };
 };
 function Ng() {
-  const t = Kr(), e = D(null), r = D(0);
+  const t = Ot(), e = D(null), r = D(0);
   A(() => {
     const n = t.pathname;
     if (!e.current) {
@@ -22042,10 +22063,10 @@ function hm(t, e, r) {
   const n = document.createElement("link");
   n.rel = e, n.href = t, r && (e === "preload" || e === "prefetch") && (n.as = r), document.head.appendChild(n);
 }
-var fr = /* @__PURE__ */ ((t) => (t[t.HIGH = 0] = "HIGH", t[t.MEDIUM = 1] = "MEDIUM", t[t.LOW = 2] = "LOW", t[t.IDLE = 3] = "IDLE", t))(fr || {});
+var br = /* @__PURE__ */ ((t) => (t[t.HIGH = 0] = "HIGH", t[t.MEDIUM = 1] = "MEDIUM", t[t.LOW = 2] = "LOW", t[t.IDLE = 3] = "IDLE", t))(br || {});
 class es {
   constructor() {
-    this.queues = /* @__PURE__ */ new Map(), this.isProcessing = !1, Object.values(fr).filter((e) => typeof e == "number").forEach((e) => {
+    this.queues = /* @__PURE__ */ new Map(), this.isProcessing = !1, Object.values(br).filter((e) => typeof e == "number").forEach((e) => {
       this.queues.set(e, []);
     });
   }
@@ -22448,7 +22469,7 @@ export {
   Ma as Calendar,
   Ac as CalloutBox,
   mu as CancellableRequest,
-  Jt as Card,
+  Xt as Card,
   Mc as CardContent,
   Ic as CardFooter,
   Ec as CardHeader,
@@ -22520,7 +22541,7 @@ export {
   xi as FloatingElement,
   Ps as FloatingPanel,
   Ld as FocusTrap,
-  lr as FontSize,
+  ir as FontSize,
   $0 as Footer,
   R0 as FooterBottom,
   j0 as FooterBottomRow,
@@ -22567,10 +22588,10 @@ export {
   Gs as Kbd,
   oh as KeyIcon,
   Dc as KeyValuePair,
-  Yt as Label,
+  Qt as Label,
   Xd as LanguageSelector,
   p0 as LanguageValidator,
-  or as LayoutContext,
+  sr as LayoutContext,
   cn as LayoutProvider,
   g0 as LazyComponent,
   ut as LazyErrorBoundary,
@@ -22585,7 +22606,7 @@ export {
   vc as ListItem,
   wc as ListItemWithAction,
   hd as LiveStream,
-  fr as LoadPriority,
+  br as LoadPriority,
   rl as LoadingDots,
   cu as LoadingOptimizer,
   tl as LoadingOverlay,
@@ -22601,9 +22622,9 @@ export {
   Fl as MentionInput,
   H as MetricRow,
   lh as MinusIcon,
-  Xt as Modal,
-  Zt as ModalContent,
-  er as ModalFooter,
+  Zt as Modal,
+  er as ModalContent,
+  tr as ModalFooter,
   Cd as ModalHeader,
   Al as MultiSelect,
   nc as NavigationList,
@@ -22654,7 +22675,7 @@ export {
   cd as RetinaImage,
   uh as RocketLaunchIcon,
   Tt as RouteBasedLazyLoader,
-  tr as RouterBreadcrumb,
+  rr as RouterBreadcrumb,
   o0 as SafeAppWrapper,
   bg as ScoreIndicator,
   Io as ScoreLegend,
@@ -22673,8 +22694,8 @@ export {
   Tl as SelectGroup,
   Je as SelectItem,
   Ca as SelectLabel,
-  Gt as SelectScrollDownButton,
-  Kt as SelectScrollUpButton,
+  Yt as SelectScrollDownButton,
+  Gt as SelectScrollUpButton,
   Sa as SelectSeparator,
   Ye as SelectTrigger,
   Na as SelectValue,
@@ -22689,14 +22710,14 @@ export {
   Dl as Slider,
   Bl as SliderInput,
   Qi as SmartContent,
-  Qt as SmartLink,
+  Jt as SmartLink,
   _u as SmartWalletProviders,
   Ms as Spacer,
   mh as SparklesIcon,
   Gc as Sparkline,
   Ne as Spinner,
   Ds as SplitPane,
-  Ht as Stack,
+  qt as Stack,
   T0 as StandardPageLayout,
   hh as StarIcon,
   kh as StarIconSolid,
@@ -22724,13 +22745,13 @@ export {
   Ad as TextInputModal,
   Hs as TextLink,
   Y as Theme,
-  ir as ThemeContext,
+  cr as ThemeContext,
   k0 as ThemeProvider,
   va as TimePicker,
   Ki as TimerDisplay,
   ha as Toast,
   gl as ToastContainer,
-  qt as ToastContext,
+  Kt as ToastContext,
   hl as ToastNotification,
   ul as ToastProvider,
   Pl as ToggleGroup,
@@ -22738,7 +22759,7 @@ export {
   Q0 as Topbar,
   ou as TopbarActions,
   X0 as TopbarCenter,
-  cr as TopbarContext,
+  dr as TopbarContext,
   tu as TopbarDivider,
   su as TopbarIconButton,
   J0 as TopbarLeft,
@@ -22854,7 +22875,7 @@ export {
   ro as createLazyComponent,
   eg as createLazyComponentFactory,
   gm as createLazyRoute,
-  mr as createLazyWalletProvider,
+  hr as createLazyWalletProvider,
   Tu as createLibraryImports,
   l0 as createMemoComponent,
   Mg as createOptimizedStyles,
@@ -22870,7 +22891,7 @@ export {
   xe as deadCodeElimination,
   zm as default,
   ho as defaultPerformanceBudget,
-  gr as detectAvailableWallets,
+  mr as detectAvailableWallets,
   ts as detectWalletBrowser,
   gg as exportPerformanceData,
   Uo as formatBytes,
@@ -22879,7 +22900,7 @@ export {
   ju as generateAIMetaTags,
   Wu as generateAIStructuredData,
   Yn as generateCSP,
-  ur as generateCSPDirectives,
+  gr as generateCSPDirectives,
   Fu as generateContentRelationships,
   lo as generateEntityRecognition,
   _g as generateImageSEO,
@@ -22953,7 +22974,7 @@ export {
   rg as preloadRoute,
   tm as preserveAspectRatio,
   bm as priorityLoader,
-  sr as removeLanguageFromPath,
+  lr as removeLanguageFromPath,
   fg as reportApiCall,
   hg as reportCustomMetric,
   ko as reportRouteChange,
@@ -23006,7 +23027,7 @@ export {
   w0 as useTheme,
   ml as useToast,
   vg as useToggle,
-  dr as useTopbar,
+  ur as useTopbar,
   Ao as useWebVitals,
   Yo as utils,
   xm as walletStorage,

package/package.json

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