@sudobility/components 5.0.47 → 5.0.48

package/dist/index.js

@@ -1,23 +1,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 * as H 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 $, 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 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 { 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 Hm, ChevronRightIcon as _m, 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 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 { ChevronDownIcon as nt, ChevronUpIcon as Hr, CheckIcon as _r } 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 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 { Root as Gr, List as Vt, Trigger as Ht, Content as _t } from "@radix-ui/react-tabs";
 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) {
@@ -1473,7 +1473,7 @@ const ea = ({
     color: "default",
     align: "left"
   }
-}), _s = ({
+}), Hs = ({
   children: t,
   variant: e = "body",
   color: r = "default",
@@ -1501,7 +1501,7 @@ const ea = ({
     variant: "default",
     external: !1
   }
-}), Hs = ({
+}), _s = ({
   children: t,
   href: e,
   variant: r = "default",
@@ -2847,7 +2847,7 @@ const hl = ({
     "aria-label": "UstatusUpipeline",
     children: e || "UstatusUpipeline Component"
   }
-), lt = q.forwardRef(
+), lt = H.forwardRef(
   ({
     className: t,
     type: e,
@@ -3912,7 +3912,7 @@ const va = ({
     ),
     x && /* @__PURE__ */ a("span", { className: "mt-1 text-sm text-red-600 dark:text-red-400", children: x })
   ] });
-}, ka = q.forwardRef(
+}, ka = H.forwardRef(
   ({
     className: t,
     onTrack: e,
@@ -4091,7 +4091,7 @@ const Il = ({
     }), n?.(i);
   };
   return /* @__PURE__ */ a(_.Root, { onValueChange: l, ...s, children: o });
-}, Tl = _.Group, Na = _.Value, Ye = q.forwardRef(({ className: t, children: e, ...r }, n) => /* @__PURE__ */ h(
+}, Tl = _.Group, Na = _.Value, Ye = H.forwardRef(({ className: t, children: e, ...r }, n) => /* @__PURE__ */ h(
   _.Trigger,
   {
     ref: n,
@@ -4107,7 +4107,7 @@ const Il = ({
   }
 ));
 Ye.displayName = _.Trigger.displayName;
-const Gt = q.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
+const Gt = H.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
   _.ScrollUpButton,
   {
     ref: r,
@@ -4116,11 +4116,11 @@ const Gt = q.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
       t
     ),
     ...e,
-    children: /* @__PURE__ */ a(_r, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ a(Hr, { className: "h-4 w-4" })
   }
 ));
 Gt.displayName = _.ScrollUpButton.displayName;
-const Yt = q.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
+const Yt = H.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
   _.ScrollDownButton,
   {
     ref: r,
@@ -4133,36 +4133,55 @@ const Yt = q.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
   }
 ));
 Yt.displayName = _.ScrollDownButton.displayName;
-const Qe = q.forwardRef(({ className: t, children: e, position: r = "popper", ...n }, o) => /* @__PURE__ */ a(_.Portal, { children: /* @__PURE__ */ h(
-  _.Content,
-  {
-    ref: o,
-    className: u(
-      j.overlays.dropdown.menu(),
-      "z-[1000000] max-h-96 overflow-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      r === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1 w-[var(--radix-select-trigger-width)]",
-      t
-    ),
-    position: r,
-    ...n,
-    children: [
-      /* @__PURE__ */ a(Gt, {}),
-      /* @__PURE__ */ a(
-        _.Viewport,
-        {
-          className: u(
-            j.overlays.dropdown.itemContainer(),
-            r === "popper" && "h-[var(--radix-select-trigger-height)] w-full"
-          ),
-          children: e
-        }
+const Qe = H.forwardRef(({ className: t, children: e, position: r = "popper", side: n, ...o }, s) => {
+  const l = H.useRef(null), [i, d] = H.useState("bottom"), c = H.useCallback(
+    (g) => {
+      l.current = g, typeof s == "function" ? s(g) : s && (s.current = g);
+    },
+    [s]
+  );
+  return H.useLayoutEffect(() => {
+    if (n || !l.current) return;
+    const g = document.querySelector(
+      '[role="combobox"][data-state="open"]'
+    );
+    if (!g) return;
+    const m = g.getBoundingClientRect(), y = l.current.scrollHeight, b = window.innerHeight - m.bottom, f = m.top;
+    d(
+      b < y && f > b ? "top" : "bottom"
+    );
+  }, []), /* @__PURE__ */ a(_.Portal, { children: /* @__PURE__ */ h(
+    _.Content,
+    {
+      ref: c,
+      className: u(
+        j.overlays.dropdown.menu(),
+        "z-[1000000] max-h-96 overflow-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        r === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1 w-[var(--radix-select-trigger-width)]",
+        t
       ),
-      /* @__PURE__ */ a(Yt, {})
-    ]
-  }
-) }));
+      position: r,
+      side: n ?? i,
+      ...o,
+      children: [
+        /* @__PURE__ */ a(Gt, {}),
+        /* @__PURE__ */ a(
+          _.Viewport,
+          {
+            className: u(
+              j.overlays.dropdown.itemContainer(),
+              r === "popper" && "h-[var(--radix-select-trigger-height)] w-full"
+            ),
+            children: e
+          }
+        ),
+        /* @__PURE__ */ a(Yt, {})
+      ]
+    }
+  ) });
+});
 Qe.displayName = _.Content.displayName;
-const Ca = q.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
+const Ca = H.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
   _.Label,
   {
     ref: r,
@@ -4171,7 +4190,7 @@ const Ca = q.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
   }
 ));
 Ca.displayName = _.Label.displayName;
-const Je = q.forwardRef(({ className: t, children: e, ...r }, n) => /* @__PURE__ */ h(
+const Je = H.forwardRef(({ className: t, children: e, ...r }, n) => /* @__PURE__ */ h(
   _.Item,
   {
     ref: n,
@@ -4183,12 +4202,12 @@ 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(Hr, { 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(_r, { className: "h-4 w-4" }) }) })
     ]
   }
 ));
 Je.displayName = _.Item.displayName;
-const Sa = q.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
+const Sa = H.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
   _.Separator,
   {
     ref: r,
@@ -5314,7 +5333,7 @@ const jl = ({
   ] });
 }, La = G(
   `${$.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 = H.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(Wt, { ref: r, className: u(La(), t), ...e }));
 Qt.displayName = Wt.displayName;
 const Wl = ({
   id: t,
@@ -5491,7 +5510,7 @@ const Wl = ({
       }
     )
   }
-), _l = ({
+), Hl = ({
   label: t,
   value: e,
   onChange: r,
@@ -5538,7 +5557,7 @@ const Wl = ({
       }
     )
   }
-), Hl = ({
+), _l = ({
   successMessage: t,
   errorMessage: e,
   successTitle: r = "Success",
@@ -5630,7 +5649,7 @@ const Wl = ({
     size: "default",
     animation: "hover"
   }
-}), te = q.forwardRef(
+}), te = H.forwardRef(
   ({
     className: t,
     variant: e,
@@ -8424,7 +8443,7 @@ const zi = ({
     "aria-label": "UrevealUonUscroll",
     children: e || "UrevealUonUscroll Component"
   }
-), _a = {
+), Ha = {
   sm: {
     container: "px-6 py-3",
     icon: "h-5 w-5 mr-2",
@@ -8447,7 +8466,7 @@ const zi = ({
   size: n = "md",
   className: o
 }) => {
-  const { container: s, icon: l } = vr(r), i = _a[n];
+  const { container: s, icon: l } = vr(r), i = Ha[n];
   return /* @__PURE__ */ h(
     "div",
     {
@@ -8507,7 +8526,7 @@ const zi = ({
       ] })
     ] })
   }
-), Ha = (t) => {
+), _a = (t) => {
   switch (t) {
     case "cog":
       return yt;
@@ -8540,7 +8559,7 @@ const zi = ({
     className: u("space-y-1", n),
     "aria-label": "Settings navigation",
     children: /* @__PURE__ */ a("ul", { className: "space-y-1", role: "list", children: t.map((o) => {
-      const s = Ha(o.icon), l = e === o.id;
+      const s = _a(o.icon), l = e === o.id;
       return /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(
         "button",
         {
@@ -8588,7 +8607,7 @@ const zi = ({
     "aria-label": "UskipUnavigation",
     children: e || "UskipUnavigation Component"
   }
-), _i = ({
+), Hi = ({
   className: t,
   children: e,
   disabled: r = !1,
@@ -8610,7 +8629,7 @@ const zi = ({
     "aria-label": "UsortUdropdown",
     children: e || "UsortUdropdown Component"
   }
-), Hi = ({
+), _i = ({
   className: t,
   children: e,
   disabled: r = !1,
@@ -8786,7 +8805,7 @@ const zi = ({
       ))
     }
   );
-}, _e = G(
+}, He = G(
   "transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 rounded-sm",
   {
     variants: {
@@ -8813,7 +8832,7 @@ const zi = ({
       size: "default"
     }
   }
-), Jt = q.forwardRef(
+), Jt = H.forwardRef(
   ({
     className: t,
     variant: e,
@@ -8841,7 +8860,7 @@ const zi = ({
       "a",
       {
         className: u(
-          _e({
+          He({
             variant: e === "subtle" ? "external" : e,
             size: r,
             className: t
@@ -8858,7 +8877,7 @@ const zi = ({
     ) : /* @__PURE__ */ a(
       Me,
       {
-        className: u(_e({ variant: e, size: r, className: t })),
+        className: u(He({ variant: e, size: r, className: t })),
         to: b,
         ref: y,
         onClick: p,
@@ -8868,7 +8887,7 @@ const zi = ({
     ) : /* @__PURE__ */ a(
       "span",
       {
-        className: u(_e({ variant: e, size: r, className: t })),
+        className: u(He({ variant: e, size: r, className: t })),
         onClick: p,
         ...m,
         children: l
@@ -8877,7 +8896,7 @@ const zi = ({
   }
 );
 Jt.displayName = "SmartLink";
-const Yi = (t, e) => q.useMemo(() => {
+const Yi = (t, e) => H.useMemo(() => {
   let r = t;
   return Object.entries(e).forEach(([n, o]) => {
     const s = new RegExp(
@@ -8938,7 +8957,7 @@ const Yi = (t, e) => q.useMemo(() => {
   className: r,
   variant: n = "subtle"
 }) => {
-  const o = q.useMemo(() => {
+  const o = H.useMemo(() => {
     if (!t || typeof t != "string")
       return t || "";
     let l = t;
@@ -9192,7 +9211,7 @@ const tc = ({
       children: n.label
     }
   )
-] }, o)) }), Ya = q.forwardRef(
+] }, o)) }), Ya = H.forwardRef(
   ({
     onTrack: t,
     trackingLabel: e,
@@ -9209,7 +9228,7 @@ const tc = ({
   }, ...s, children: o })
 );
 Ya.displayName = "Tabs";
-const Qa = q.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
+const Qa = H.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
   Vt,
   {
     ref: r,
@@ -9218,24 +9237,24 @@ const Qa = q.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
   }
 ));
 Qa.displayName = Vt.displayName;
-const Ja = q.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
-  _t,
+const Ja = H.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
+  Ht,
   {
     ref: r,
     className: u(j.navigation.tabs.trigger(), t),
     ...e
   }
 ));
-Ja.displayName = _t.displayName;
-const Xa = q.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
-  Ht,
+Ja.displayName = Ht.displayName;
+const Xa = H.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ a(
+  _t,
   {
     ref: r,
     className: u(j.navigation.tabs.content(), t),
     ...e
   }
 ));
-Xa.displayName = Ht.displayName;
+Xa.displayName = _t.displayName;
 const ac = ({
   items: t,
   orientation: e = "horizontal",
@@ -11620,7 +11639,7 @@ const Sc = ({
     "aria-label": "UradarUchart",
     children: e || "UradarUchart Component"
   }
-), _c = ({
+), Hc = ({
   className: t,
   children: e,
   disabled: r = !1,
@@ -11642,7 +11661,7 @@ const Sc = ({
     "aria-label": "UbubbleUchart",
     children: e || "UbubbleUchart Component"
   }
-), Hc = ({
+), _c = ({
   className: t,
   children: e,
   disabled: r = !1,
@@ -14818,7 +14837,7 @@ const Sc = ({
     "aria-label": "UradialUmenu",
     children: e || "UradialUmenu Component"
   }
-), _d = ({
+), Hd = ({
   children: t,
   onRefresh: e,
   disabled: r = !1,
@@ -15193,7 +15212,7 @@ 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 = rr, ar = {
+] }), _d = rr, ar = {
   standard: "max-w-7xl mx-auto px-4",
   wide: "max-w-[1920px] mx-auto px-4",
   full: "w-full px-4"
@@ -17112,7 +17131,7 @@ const $0 = ({
 }) => /* @__PURE__ */ h("span", { className: u("text-gray-500", e), children: [
   "v",
   t
-] }), _0 = ({
+] }), H0 = ({
   year: t,
   companyName: e,
   rightsText: r,
@@ -17134,7 +17153,7 @@ const $0 = ({
     "aria-label": e,
     children: r
   }
-) }), H0 = ({
+) }), _0 = ({
   twitterUrl: t,
   redditUrl: e,
   discordUrl: r,
@@ -18645,7 +18664,7 @@ const hu = {
     }, 100);
   }
 };
-function _n() {
+function Hn() {
   if (typeof window > "u") return !1;
   const t = window.navigator.userAgent.toLowerCase();
   return [
@@ -18661,7 +18680,7 @@ function _n() {
     "okx"
   ].some((r) => t.includes(r));
 }
-function Hn() {
+function _n() {
   return typeof window > "u" ? !1 : window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1";
 }
 function qn() {
@@ -18670,7 +18689,7 @@ function qn() {
   return /^\d+\.\d+\.\d+\.\d+$/.test(t);
 }
 function Kn() {
-  return Hn() ? "localhost" : _n() ? "wallet-browser" : qn() ? "network" : "production";
+  return _n() ? "localhost" : Hn() ? "wallet-browser" : qn() ? "network" : "production";
 }
 function fu() {
   const t = Kn();
@@ -19672,7 +19691,7 @@ const Vu = {
 }) => /* @__PURE__ */ h("div", { className: `flex items-center justify-center p-4 ${e || ""}`, children: [
   /* @__PURE__ */ a("div", { className: "animate-spin rounded-full h-6 w-6 border-b-2 border-blue-500" }),
   /* @__PURE__ */ a("span", { className: "ml-2 text-sm text-gray-600", children: t })
-] }), He = /* @__PURE__ */ new Map(), ye = /* @__PURE__ */ new Set();
+] }), _e = /* @__PURE__ */ new Map(), ye = /* @__PURE__ */ new Set();
 function mr() {
   const t = [];
   return !!window.ethereum?.isMetaMask && (ye.add("metamask"), t.push({
@@ -19695,8 +19714,8 @@ function mr() {
 }
 function hr(t) {
   const e = `wallet-${t.toLowerCase()}`;
-  if (He.has(e))
-    return He.get(e);
+  if (_e.has(e))
+    return _e.get(e);
   const n = se(() => Promise.resolve({
     default: () => D.createElement("div", {}, `${t} Provider Placeholder`)
   })), o = (s) => /* @__PURE__ */ a(
@@ -19712,9 +19731,9 @@ function hr(t) {
       children: /* @__PURE__ */ a(n, { ...s })
     }
   );
-  return o.displayName = `Lazy${t}Provider`, He.set(e, o), o;
+  return o.displayName = `Lazy${t}Provider`, _e.set(e, o), o;
 }
-function _u({
+function Hu({
   children: t
 }) {
   const e = mr();
@@ -19749,7 +19768,7 @@ const ft = class ft {
 };
 ft.preloadedWallets = /* @__PURE__ */ new Set();
 let De = ft;
-function Hu() {
+function _u() {
   return {
     availableWallets: mr(),
     preloadWallet: (n) => {
@@ -20573,7 +20592,7 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
   poor: "text-red-500",
   unknown: "text-gray-400",
   neutral: "text-gray-300"
-}, H = ({
+}, q = ({
   label: t,
   value: e,
   unit: r = "",
@@ -20693,7 +20712,7 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
     /* @__PURE__ */ a("h3", { className: "font-semibold text-yellow-400 mb-2 text-xs", children: "Web Vitals" }),
     /* @__PURE__ */ h("div", { className: "space-y-1.5", children: [
       /* @__PURE__ */ a(
-        H,
+        q,
         {
           label: "LCP",
           value: r(t.lcp),
@@ -20703,7 +20722,7 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
         }
       ),
       /* @__PURE__ */ a(
-        H,
+        q,
         {
           label: "FID",
           value: r(t.fid),
@@ -20713,7 +20732,7 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
         }
       ),
       /* @__PURE__ */ a(
-        H,
+        q,
         {
           label: "CLS",
           value: r(t.cls, 3),
@@ -20722,7 +20741,7 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
         }
       ),
       /* @__PURE__ */ a(
-        H,
+        q,
         {
           label: "FCP",
           value: r(t.fcp),
@@ -20732,7 +20751,7 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
         }
       ),
       /* @__PURE__ */ a(
-        H,
+        q,
         {
           label: "TTFB",
           value: r(t.ttfb),
@@ -20742,7 +20761,7 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
         }
       ),
       t.inp !== void 0 && /* @__PURE__ */ a(
-        H,
+        q,
         {
           label: "INP",
           value: r(t.inp),
@@ -20798,7 +20817,7 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
     /* @__PURE__ */ a("h3", { className: "font-semibold text-blue-400 mb-2 text-xs", children: "Bundle Performance" }),
     /* @__PURE__ */ h("div", { className: "space-y-1.5", children: [
       /* @__PURE__ */ a(
-        H,
+        q,
         {
           label: "JS Load",
           value: r(t.jsLoadTime),
@@ -20807,7 +20826,7 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
         }
       ),
       /* @__PURE__ */ a(
-        H,
+        q,
         {
           label: "CSS Load",
           value: r(t.cssLoadTime),
@@ -20816,7 +20835,7 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
         }
       ),
       /* @__PURE__ */ a(
-        H,
+        q,
         {
           label: "JS Files",
           value: t.jsCount ?? "N/A",
@@ -20824,7 +20843,7 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
         }
       ),
       /* @__PURE__ */ a(
-        H,
+        q,
         {
           label: "Transfer Size",
           value: Uo(t.totalTransferSize),
@@ -20841,9 +20860,9 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
   return t.callCount === 0 ? null : /* @__PURE__ */ h("div", { className: u("space-y-1", e), children: [
     /* @__PURE__ */ a("h3", { className: "font-semibold text-purple-400 mb-2 text-xs", children: "API Calls" }),
     /* @__PURE__ */ h("div", { className: "space-y-1.5", children: [
-      /* @__PURE__ */ a(H, { label: "Count", value: t.callCount, rating: "neutral" }),
+      /* @__PURE__ */ a(q, { label: "Count", value: t.callCount, rating: "neutral" }),
       /* @__PURE__ */ a(
-        H,
+        q,
         {
           label: "Total Time",
           value: r(t.totalTime),
@@ -20852,7 +20871,7 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
         }
       ),
       /* @__PURE__ */ a(
-        H,
+        q,
         {
           label: "Avg Time",
           value: r(t.averageTime),
@@ -20861,7 +20880,7 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
         }
       ),
       t.slowestCall !== void 0 && /* @__PURE__ */ a(
-        H,
+        q,
         {
           label: "Slowest",
           value: r(t.slowestCall),
@@ -20869,7 +20888,7 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
           rating: t.slowestCall > 1e3 ? "poor" : "neutral"
         }
       ),
-      t.failedCalls > 0 && /* @__PURE__ */ a(H, { label: "Failed", value: t.failedCalls, rating: "poor" })
+      t.failedCalls > 0 && /* @__PURE__ */ a(q, { label: "Failed", value: t.failedCalls, rating: "poor" })
     ] })
   ] });
 }, Ut = (t) => t === void 0 ? "N/A" : (t / (1024 * 1024)).toFixed(1), Pt = (t, e) => {
@@ -20904,7 +20923,7 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
     /* @__PURE__ */ a("h3", { className: "font-semibold text-cyan-400 mb-2 text-xs", children: "Memory" }),
     /* @__PURE__ */ h("div", { className: "space-y-1.5", children: [
       /* @__PURE__ */ a(
-        H,
+        q,
         {
           label: "Used Heap",
           value: Ut(r.usedJSHeapSize),
@@ -20916,7 +20935,7 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
         }
       ),
       /* @__PURE__ */ a(
-        H,
+        q,
         {
           label: "Total Heap",
           value: Ut(r.totalJSHeapSize),
@@ -20925,7 +20944,7 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
         }
       ),
       /* @__PURE__ */ a(
-        H,
+        q,
         {
           label: "Usage",
           value: l,
@@ -20953,7 +20972,7 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
 }) => r.length === 0 ? null : /* @__PURE__ */ h("div", { className: u("space-y-1", n), children: [
   /* @__PURE__ */ a("h3", { className: u("font-semibold mb-2 text-xs", e), children: t }),
   /* @__PURE__ */ a("div", { className: "space-y-1.5", children: r.map((o) => /* @__PURE__ */ a(
-    H,
+    q,
     {
       label: o.label,
       value: o.value,
@@ -21080,7 +21099,7 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
   "bottom-left": "bottom-4 left-4",
   "top-right": "top-4 right-4",
   "top-left": "top-4 left-4"
-}, _o = [
+}, Ho = [
   "webVitals",
   "bundle",
   "api",
@@ -21091,7 +21110,7 @@ const No = ({ direction: t, className: e }) => /* @__PURE__ */ a(
   defaultVisible: r = !0,
   position: n = "bottom-right",
   draggable: o = !0,
-  sections: s = _o,
+  sections: s = Ho,
   customMetrics: l = [],
   customSectionTitle: i = "Custom Metrics",
   apiPatterns: d,
@@ -21496,14 +21515,14 @@ const Sg = (t) => {
   return Object.entries(t).forEach(([r, n]) => {
     e[`--${r}`] = typeof n == "number" ? `${n}px` : n;
   }), e;
-}, Ho = {
+}, _o = {
   xs: 475,
   sm: 640,
   md: 768,
   lg: 1024,
   xl: 1280,
   "2xl": 1536
-}, zg = (t, e = Ho) => {
+}, zg = (t, e = _o) => {
   const [r, n] = D.useState("base");
   return D.useEffect(() => {
     const o = () => {
@@ -21595,14 +21614,14 @@ const Sg = (t) => {
       o.removeEventListener ? o.removeEventListener("change", s) : o.removeListener(s);
     };
   }, []), r === "dark" ? e : t;
-}, _g = (t) => {
+}, Hg = (t) => {
   const e = {
     src: t.src,
     alt: t.alt,
     loading: t.loading || "lazy"
   };
   return t.title && (e.title = t.title), t.width && (e.width = t.width), t.height && (e.height = t.height), t.sizes && (e.sizes = t.sizes), t.srcSet && (e.srcSet = t.srcSet), e.itemProp = "image", e;
-}, Hg = (t, e = [320, 640, 768, 1024, 1280, 1920]) => e.map((r) => `${t.replace(/\{width\}/g, r.toString())} ${r}w`).join(", "), qg = (t) => t.map((e) => e.maxWidth ? `(max-width: ${e.maxWidth}px) ${e.size}` : e.size).join(", "), Kg = (t, e = "openGraph") => {
+}, _g = (t, e = [320, 640, 768, 1024, 1280, 1920]) => e.map((r) => `${t.replace(/\{width\}/g, r.toString())} ${r}w`).join(", "), qg = (t) => t.map((e) => e.maxWidth ? `(max-width: ${e.maxWidth}px) ${e.size}` : e.size).join(", "), Kg = (t, e = "openGraph") => {
   const r = {};
   return e === "openGraph" ? (r["og:image"] = t.url, t.width && (r["og:image:width"] = t.width.toString()), t.height && (r["og:image:height"] = t.height.toString()), t.alt && (r["og:image:alt"] = t.alt), t.type && (r["og:image:type"] = t.type)) : (r["twitter:image"] = t.url, t.alt && (r["twitter:image:alt"] = t.alt)), r;
 }, Gg = (t = 'img[loading="lazy"]') => {
@@ -22531,10 +22550,10 @@ export {
   Rm as BellIcon,
   jm as BellSlashIcon,
   Ys as Blockquote,
-  _s as BodyText,
+  Hs as BodyText,
   Us as BorderAccent,
   ea as Box,
-  Hd as Breadcrumb,
+  _d as Breadcrumb,
   rc as BreadcrumbNav,
   qd as BreadcrumbSection,
   Po as BundleSection,
@@ -22558,8 +22577,8 @@ export {
   vh as CheckIconSolid,
   Ml as Checkbox,
   Vm as ChevronDownIcon,
-  _m as ChevronLeftIcon,
-  Hm as ChevronRightIcon,
+  Hm as ChevronLeftIcon,
+  _m as ChevronRightIcon,
   qm as ChevronUpIcon,
   Km as ClockIcon,
   qs as Code,
@@ -22625,13 +22644,13 @@ export {
   F0 as FooterCompact,
   W0 as FooterCompactLeft,
   O0 as FooterCompactRight,
-  _0 as FooterCopyright,
+  H0 as FooterCopyright,
   U0 as FooterGrid,
   B0 as FooterLink,
   D0 as FooterLinkSection,
-  H0 as FooterSocialLinks,
+  _0 as FooterSocialLinks,
   V0 as FooterVersion,
-  Hl as FormAlerts,
+  _l as FormAlerts,
   Wl as FormField,
   ct as FormFieldGroup,
   Si as FormSection,
@@ -22696,7 +22715,7 @@ export {
   sh as MegaphoneIcon,
   Ro as MemorySection,
   Fl as MentionInput,
-  H as MetricRow,
+  q as MetricRow,
   lh as MinusIcon,
   Zt as Modal,
   er as ModalContent,
@@ -22741,7 +22760,7 @@ export {
   rd as ProgressCircle,
   Yd as PromotionalBanner,
   x0 as ProtectedRoute,
-  _d as PullToRefresh,
+  Hd as PullToRefresh,
   Nd as QRCodeDisplay,
   Ri as QuickActions,
   fi as QuizBuilder,
@@ -22766,7 +22785,7 @@ export {
   s0 as SecurityProvider,
   kt as Select,
   Qe as SelectContent,
-  _l as SelectField,
+  Hl as SelectField,
   Tl as SelectGroup,
   Je as SelectItem,
   Ca as SelectLabel,
@@ -22787,7 +22806,7 @@ export {
   Bl as SliderInput,
   Qi as SmartContent,
   Jt as SmartLink,
-  _u as SmartWalletProviders,
+  Hu as SmartWalletProviders,
   Ms as Spacer,
   mh as SparklesIcon,
   Gc as Sparkline,
@@ -22819,7 +22838,7 @@ export {
   Vl as TextAreaField,
   Ol as TextField,
   Ad as TextInputModal,
-  Hs as TextLink,
+  _s as TextLink,
   Q as Theme,
   cr as ThemeContext,
   k0 as ThemeProvider,
@@ -22857,7 +22876,7 @@ export {
   bd as UaudioUwaveform,
   Uc as UavatarUgroup,
   yl as UbadgeUdesigner,
-  _c as UbubbleUchart,
+  Hc as UbubbleUchart,
   pc as UcellUeditor,
   ni as UcodeUhighlighter,
   bc as UcolumnUresize,
@@ -22894,12 +22913,12 @@ export {
   Rs as UresizableUpanels,
   ji as UrevealUonUscroll,
   Kc as UsankeyUdiagram,
-  Hc as UscatterUplot,
+  _c as UscatterUplot,
   gi as UschemaUvalidator,
   Js as UscreenUreaderUtext,
   bh as UserGroupIcon,
   Vi as UskipUnavigation,
-  _i as UsortUdropdown,
+  Hi as UsortUdropdown,
   Dd as UsortableUgrid,
   fc as UspreadsheetUgrid,
   kl as UstatusUpipeline,
@@ -22909,7 +22928,7 @@ export {
   Ql as UtimeUslotUpicker,
   qc as UtreeUmap,
   kc as UuserUtable,
-  Hi as UversionUbadge,
+  _i as UversionUbadge,
   md as UvideoUcall,
   ud as UvideoUthumbnail,
   yd as UvoiceUrecorder,
@@ -22979,14 +22998,14 @@ export {
   gr as generateCSPDirectives,
   Fu as generateContentRelationships,
   lo as generateEntityRecognition,
-  _g as generateImageSEO,
+  Hg as generateImageSEO,
   Ou as generatePerformanceTrackingSchema,
   Qg as generatePictureElement,
   em as generatePlaceholder,
   so as generateSemanticMarkup,
   qg as generateSizes,
   Kg as generateSocialImageMeta,
-  Hg as generateSrcSet,
+  _g as generateSrcSet,
   io as generateTopicClustering,
   Du as getConditionalStats,
   Kn as getEnvironmentType,
@@ -23010,13 +23029,13 @@ export {
   Rg as inlineCriticalStyles,
   Cm as isAuthError,
   Sm as isForbiddenError,
-  Hn as isLocalhost,
+  _n as isLocalhost,
   qn as isNetworkAccess,
   Lm as isNotFoundError,
   ec as isPreloaded,
   Nm as isRateLimitError,
   km as isServerError,
-  _n as isWalletBrowser,
+  Hn as isWalletBrowser,
   Gn as isWebEnvironment,
   fm as lazyLoadQueue,
   cm as lazyWithPreload,
@@ -23061,7 +23080,7 @@ export {
   Gg as setupLazyLoading,
   Xg as setupProgressiveLoading,
   fu as shouldEnableWallet,
-  _e as smartLinkVariants,
+  He as smartLinkVariants,
   as as stripLanguagePrefix,
   Go as supportsAVIF,
   pu as supportsCSSImports,
@@ -23091,7 +23110,7 @@ export {
   kg as useMultipleCopyToClipboard,
   om as useNavigation,
   Vg as useOptimizedTheme,
-  Hu as useOptimizedWallets,
+  _u as useOptimizedWallets,
   Gu as usePerformanceMark,
   $g as useReducedMotion,
   Ju as useRenderCount,

package/dist/ui/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/ui/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAS1D,kDAAkD;AAClD,MAAM,WAAW,kBAAkB;IACjC,uBAAuB;IACvB,MAAM,EAAE,QAAQ,CAAC;IACjB,yCAAyC;IACzC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iCAAiC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,WAAY,SAAQ,eAAe,CAAC,WAAW;IAC9D,0DAA0D;IAC1D,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC7C,gCAAgC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,0CAA0C;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAwBjC,CAAC;AAEF,QAAA,MAAM,WAAW,yGAAwB,CAAC;AAE1C,QAAA,MAAM,WAAW,0GAAwB,CAAC;AAE1C,QAAA,MAAM,aAAa,oKAiBjB,CAAC;AAGH,QAAA,MAAM,oBAAoB,qKAcxB,CAAC;AAGH,QAAA,MAAM,sBAAsB,uKAc1B,CAAC;AAIH,QAAA,MAAM,aAAa,8JA8BjB,CAAC;AAGH,QAAA,MAAM,WAAW,4JASf,CAAC;AAGH,QAAA,MAAM,UAAU,2JAqBd,CAAC;AAGH,QAAA,MAAM,eAAe,gKASnB,CAAC;AAGH,OAAO,EACL,MAAM,EACN,WAAW,EACX,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,EACf,oBAAoB,EACpB,sBAAsB,GACvB,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/ui/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAS1D,kDAAkD;AAClD,MAAM,WAAW,kBAAkB;IACjC,uBAAuB;IACvB,MAAM,EAAE,QAAQ,CAAC;IACjB,yCAAyC;IACzC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iCAAiC;IACjC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,WAAY,SAAQ,eAAe,CAAC,WAAW;IAC9D,0DAA0D;IAC1D,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC7C,gCAAgC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,0CAA0C;IAC1C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAwBjC,CAAC;AAEF,QAAA,MAAM,WAAW,yGAAwB,CAAC;AAE1C,QAAA,MAAM,WAAW,0GAAwB,CAAC;AAE1C,QAAA,MAAM,aAAa,oKAiBjB,CAAC;AAGH,QAAA,MAAM,oBAAoB,qKAcxB,CAAC;AAGH,QAAA,MAAM,sBAAsB,uKAc1B,CAAC;AAIH,QAAA,MAAM,aAAa,8JAiEjB,CAAC;AAGH,QAAA,MAAM,WAAW,4JASf,CAAC;AAGH,QAAA,MAAM,UAAU,2JAqBd,CAAC;AAGH,QAAA,MAAM,eAAe,gKASnB,CAAC;AAGH,OAAO,EACL,MAAM,EACN,WAAW,EACX,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,EACf,oBAAoB,EACpB,sBAAsB,GACvB,CAAC"}

package/package.json

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