@chainberry/ui-components 1.0.19 → 1.0.20

package/dist/index.mjs

@@ -9,11 +9,11 @@ import { HugeiconsIcon as x, HugeiconsIcon as S } from "@hugeicons/react";
 import * as C from "@radix-ui/react-checkbox";
 import * as w from "@radix-ui/react-dialog";
 import * as T from "@radix-ui/react-dropdown-menu";
-import * as ee from "@radix-ui/react-label";
-import * as te from "@radix-ui/react-popover";
-import * as ne from "@radix-ui/react-radio-group";
-import * as E from "@radix-ui/react-tooltip";
-import { addDays as re, addMonths as ie, differenceInCalendarDays as ae, eachDayOfInterval as D, endOfMonth as O, endOfWeek as oe, format as k, max as se, min as ce, parseISO as le, startOfMonth as ue, startOfWeek as de, subDays as fe, subMonths as pe, subWeeks as me } from "date-fns";
+import * as E from "@radix-ui/react-label";
+import * as ee from "@radix-ui/react-popover";
+import * as te from "@radix-ui/react-radio-group";
+import * as D from "@radix-ui/react-tooltip";
+import { addDays as ne, addMonths as re, differenceInCalendarDays as ie, eachDayOfInterval as O, endOfMonth as ae, endOfWeek as oe, format as k, max as se, min as ce, parseISO as le, startOfMonth as ue, startOfWeek as de, subDays as fe, subMonths as pe, subWeeks as me } from "date-fns";
 import he from "qrcode";
 //#region \0rolldown/runtime.js
 var ge = Object.defineProperty, A = (e, t) => {
@@ -155742,7 +155742,7 @@ function K5({ className: e, type: t, ...n }) {
 //#endregion
 //#region ../../react-app/src/components/ui/label.tsx
 function q5({ className: e, ...t }) {
-	return /* @__PURE__ */ _(ee.Root, {
+	return /* @__PURE__ */ _(E.Root, {
 		"data-slot": "label",
 		className: j("flex items-center gap-2 text-sm text-foreground select-none", "peer-disabled:cursor-not-allowed peer-disabled:opacity-50", e),
 		...t
@@ -155857,27 +155857,27 @@ function xBe({ className: e, ...t }) {
 //#endregion
 //#region ../../react-app/src/components/ui/popover.tsx
 function Z5(e) {
-	return /* @__PURE__ */ _(te.Root, {
+	return /* @__PURE__ */ _(ee.Root, {
 		"data-slot": "popover",
 		...e
 	});
 }
 function Q5(e) {
-	return /* @__PURE__ */ _(te.Trigger, {
+	return /* @__PURE__ */ _(ee.Trigger, {
 		"data-slot": "popover-trigger",
 		...e
 	});
 }
 function SBe(e) {
-	return /* @__PURE__ */ _(te.Anchor, {
+	return /* @__PURE__ */ _(ee.Anchor, {
 		"data-slot": "popover-anchor",
 		...e
 	});
 }
 function $5({ className: e, align: t = "center", sideOffset: n = 8, ...r }) {
-	return /* @__PURE__ */ _(te.Portal, { children: /* @__PURE__ */ _("div", {
+	return /* @__PURE__ */ _(ee.Portal, { children: /* @__PURE__ */ _("div", {
 		className: _e,
-		children: /* @__PURE__ */ _(te.Content, {
+		children: /* @__PURE__ */ _(ee.Content, {
 			"data-slot": "popover-content",
 			align: t,
 			sideOffset: n,
@@ -155889,18 +155889,18 @@ function $5({ className: e, align: t = "center", sideOffset: n = 8, ...r }) {
 //#endregion
 //#region ../../react-app/src/components/ui/radio-group.tsx
 function CBe({ className: e, ...t }) {
-	return /* @__PURE__ */ _(ne.Root, {
+	return /* @__PURE__ */ _(te.Root, {
 		"data-slot": "radio-group",
 		className: j("grid gap-2", e),
 		...t
 	});
 }
 function e7({ className: e, ...t }) {
-	return /* @__PURE__ */ _(ne.Item, {
+	return /* @__PURE__ */ _(te.Item, {
 		"data-slot": "radio-group-item",
 		className: j("aspect-square size-4 shrink-0 rounded-full border border-slate-300 bg-background shadow-xs outline-none transition-colors", "focus-visible:ring-2 focus-visible:ring-primary/30 data-[state=checked]:border-primary", "disabled:cursor-not-allowed disabled:opacity-50", e),
 		...t,
-		children: /* @__PURE__ */ _(ne.Indicator, {
+		children: /* @__PURE__ */ _(te.Indicator, {
 			className: "flex items-center justify-center",
 			children: /* @__PURE__ */ _("span", { className: "size-2 rounded-full bg-primary" })
 		})
@@ -156203,33 +156203,33 @@ function h7({ className: e, ...t }) {
 //#endregion
 //#region ../../react-app/src/components/ui/tooltip.tsx
 function NBe({ delayDuration: e = 200, ...t }) {
-	return /* @__PURE__ */ _(E.Provider, {
+	return /* @__PURE__ */ _(D.Provider, {
 		"data-slot": "tooltip-provider",
 		delayDuration: e,
 		...t
 	});
 }
 function g7(e) {
-	return /* @__PURE__ */ _(NBe, { children: /* @__PURE__ */ _(E.Root, {
+	return /* @__PURE__ */ _(NBe, { children: /* @__PURE__ */ _(D.Root, {
 		"data-slot": "tooltip",
 		...e
 	}) });
 }
 function _7(e) {
-	return /* @__PURE__ */ _(E.Trigger, {
+	return /* @__PURE__ */ _(D.Trigger, {
 		"data-slot": "tooltip-trigger",
 		...e
 	});
 }
 function v7({ className: e, sideOffset: t = 6, children: n, ...r }) {
-	return /* @__PURE__ */ _(E.Portal, { children: /* @__PURE__ */ _("div", {
+	return /* @__PURE__ */ _(D.Portal, { children: /* @__PURE__ */ _("div", {
 		className: _e,
-		children: /* @__PURE__ */ v(E.Content, {
+		children: /* @__PURE__ */ v(D.Content, {
 			"data-slot": "tooltip-content",
 			sideOffset: t,
 			className: j("z-50 rounded-md bg-slate-900 px-2 py-1 text-xs font-medium text-white shadow-md dark:bg-slate-700", "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95", e),
 			...r,
-			children: [n, /* @__PURE__ */ _(E.Arrow, { className: "fill-slate-900 dark:fill-slate-700" })]
+			children: [n, /* @__PURE__ */ _(D.Arrow, { className: "fill-slate-900 dark:fill-slate-700" })]
 		})
 	}) });
 }
@@ -156722,7 +156722,7 @@ function tVe() {
 	};
 }
 function C7({ name: e = "Ivan Krstić", avatarSrc: t, navMode: n = "primary", onNavModeChange: r, headerMode: i = "v2", onHeaderModeChange: a, onAccount: o, onLogout: s, onTakeTour: c, onResetDemo: l, collapsed: u = !1, side: f = "bottom", align: p = "end", fullWidth: m = !1 }) {
-	let { dark: h, setTheme: y } = eVe(), { navStyle: b, toggleNavStyle: x } = tVe(), [C, w] = d("en"), [T, ee] = d("admin"), te = QBe.find((e) => e.code === C)?.label ?? "English", ne = $Be.find((e) => e.id === T)?.label ?? "Admin", E = (e) => /* @__PURE__ */ _(S, {
+	let { dark: h, setTheme: y } = eVe(), { navStyle: b, toggleNavStyle: x } = tVe(), [C, w] = d("en"), [T, E] = d("admin"), ee = QBe.find((e) => e.code === C)?.label ?? "English", te = $Be.find((e) => e.id === T)?.label ?? "Admin", D = (e) => /* @__PURE__ */ _(S, {
 		icon: e,
 		size: 16,
 		strokeWidth: 2,
@@ -156755,10 +156755,10 @@ function C7({ name: e = "Ivan Krstić", avatarSrc: t, navMode: n = "primary", on
 		children: [
 			/* @__PURE__ */ v(B5, {
 				onSelect: () => o?.(),
-				children: [E(x8), "Account information"]
+				children: [D(x8), "Account information"]
 			}),
 			/* @__PURE__ */ v(H5, { children: [/* @__PURE__ */ v(U5, { children: [
-				E(h ? sX : P4),
+				D(h ? sX : P4),
 				"Theme: ",
 				h ? "Dark mode" : "Light mode"
 			] }), /* @__PURE__ */ _(W5, { children: /* @__PURE__ */ v(G5, {
@@ -156773,9 +156773,9 @@ function C7({ name: e = "Ivan Krstić", avatarSrc: t, navMode: n = "primary", on
 				})]
 			}) })] }),
 			/* @__PURE__ */ v(H5, { children: [/* @__PURE__ */ v(U5, { children: [
-				E(aM),
+				D(aM),
 				"Language: ",
-				te
+				ee
 			] }), /* @__PURE__ */ _(W5, { children: /* @__PURE__ */ _(G5, {
 				value: C,
 				onValueChange: w,
@@ -156786,11 +156786,11 @@ function C7({ name: e = "Ivan Krstić", avatarSrc: t, navMode: n = "primary", on
 			}) })] }),
 			/* @__PURE__ */ v(B5, {
 				onSelect: () => c?.(),
-				children: [E(M8), "Take the tour"]
+				children: [D(M8), "Take the tour"]
 			}),
 			/* @__PURE__ */ _(V5, {}),
 			/* @__PURE__ */ v(H5, { children: [/* @__PURE__ */ v(U5, { children: [
-				E(c2),
+				D(c2),
 				"Navigation mode: ",
 				n === "full" ? "Full" : "MVP"
 			] }), /* @__PURE__ */ _(W5, { children: /* @__PURE__ */ v(G5, {
@@ -156809,13 +156809,13 @@ function C7({ name: e = "Ivan Krstić", avatarSrc: t, navMode: n = "primary", on
 					e.preventDefault(), x();
 				},
 				children: [
-					E(Eg),
+					D(Eg),
 					"Nav bar style: ",
 					b === "classic" ? "Classic" : "New"
 				]
 			}),
 			a && /* @__PURE__ */ v(H5, { children: [/* @__PURE__ */ v(U5, { children: [
-				E(g0),
+				D(g0),
 				"Header: ",
 				i === "v1" ? "No search" : "Search"
 			] }), /* @__PURE__ */ _(W5, { children: /* @__PURE__ */ v(G5, {
@@ -156829,12 +156829,12 @@ function C7({ name: e = "Ivan Krstić", avatarSrc: t, navMode: n = "primary", on
 					children: "Version 2 · search"
 				})]
 			}) })] }),
-			/* @__PURE__ */ v(H5, { children: [/* @__PURE__ */ v(U5, { children: [E(P8), /* @__PURE__ */ v("span", {
+			/* @__PURE__ */ v(H5, { children: [/* @__PURE__ */ v(U5, { children: [D(P8), /* @__PURE__ */ v("span", {
 				className: "min-w-0 flex-1 truncate",
-				children: ["View as: ", ne]
+				children: ["View as: ", te]
 			})] }), /* @__PURE__ */ _(W5, { children: /* @__PURE__ */ _(G5, {
 				value: T,
-				onValueChange: ee,
+				onValueChange: E,
 				children: $Be.map((e) => /* @__PURE__ */ _(z, {
 					value: e.id,
 					children: e.label
@@ -156842,12 +156842,12 @@ function C7({ name: e = "Ivan Krstić", avatarSrc: t, navMode: n = "primary", on
 			}) })] }),
 			/* @__PURE__ */ v(B5, {
 				onSelect: () => l?.(),
-				children: [E(T1), "Reset demo"]
+				children: [D(T1), "Reset demo"]
 			}),
 			/* @__PURE__ */ _(V5, {}),
 			/* @__PURE__ */ v(B5, {
 				onSelect: () => s?.(),
-				children: [E(vW), "Logout"]
+				children: [D(vW), "Logout"]
 			})
 		]
 	})] });
@@ -157731,7 +157731,7 @@ function yVe(e, t) {
 	return r;
 }
 function P7({ columns: e, data: t, getRowId: n, layout: r = "auto", density: i = "comfortable", pageSize: a, totalItems: o = 0, currentPage: s = 0, onPageChange: c, loading: l = !1, skeletonRows: u = 10, columnVisibility: d, onRowClick: f, rowLeading: p, emptyMessage: m = "No results.", toolbarBelow: h, sort: g, onSortChange: y }) {
-	let b = r === "fill", x = i === "compact" ? "py-1.5" : "py-3", S = (e) => g?.id === e && g.dir, C = d ?? Object.fromEntries(e.map((e) => [e.id, !0])), w = (e) => C[e] ?? !0, T = e.filter((e) => w(e.id)), ee = a ? Math.max(1, Math.ceil(o / a)) : 1, te = T.length + +!!p;
+	let b = r === "fill", x = i === "compact" ? "py-1.5" : "py-3", S = (e) => g?.id === e && g.dir, C = d ?? Object.fromEntries(e.map((e) => [e.id, !0])), w = (e) => C[e] ?? !0, T = e.filter((e) => w(e.id)), E = a ? Math.max(1, Math.ceil(o / a)) : 1, ee = T.length + +!!p;
 	return /* @__PURE__ */ v("div", {
 		className: j("flex flex-col", b && "min-h-0 flex-1"),
 		children: [
@@ -157770,7 +157770,7 @@ function P7({ columns: e, data: t, getRowId: n, layout: r = "auto", density: i =
 				}, t)) : t.length === 0 ? /* @__PURE__ */ _(d7, {
 					className: "border-0 hover:bg-transparent",
 					children: /* @__PURE__ */ _(W, {
-						colSpan: te,
+						colSpan: ee,
 						className: "py-12 text-center text-muted-foreground",
 						children: m
 					})
@@ -157796,13 +157796,13 @@ function P7({ columns: e, data: t, getRowId: n, layout: r = "auto", density: i =
 						disabled: s === 0,
 						onClick: () => c?.(s - 1)
 					}) }),
-					yVe(s, ee).map((e, t) => e === "ellipsis" ? /* @__PURE__ */ _(Y5, { children: /* @__PURE__ */ _(xBe, {}) }, `ellipsis-${t}`) : /* @__PURE__ */ _(Y5, { children: /* @__PURE__ */ _(X5, {
+					yVe(s, E).map((e, t) => e === "ellipsis" ? /* @__PURE__ */ _(Y5, { children: /* @__PURE__ */ _(xBe, {}) }, `ellipsis-${t}`) : /* @__PURE__ */ _(Y5, { children: /* @__PURE__ */ _(X5, {
 						isActive: e === s,
 						onClick: () => c?.(e),
 						children: e + 1
 					}) }, e)),
 					/* @__PURE__ */ _(Y5, { children: /* @__PURE__ */ _(bBe, {
-						disabled: s >= ee - 1,
+						disabled: s >= E - 1,
 						onClick: () => c?.(s + 1)
 					}) })
 				] }) })]
@@ -157923,11 +157923,13 @@ function q({ primary: e, secondary: t, align: n = "start", tabularNums: r = !1,
 var z7 = {
 	DEPOSIT: {
 		label: "Deposit",
-		direction: "in"
+		direction: "in",
+		icon: IY
 	},
 	WITHDRAWAL: {
 		label: "Withdrawal",
-		direction: "out"
+		direction: "out",
+		icon: qY
 	},
 	CHECKOUT: {
 		label: "Checkout",
@@ -162614,7 +162616,7 @@ var WUe = /* @__PURE__ */ A({
 			let t = pe(e, 1);
 			return {
 				from: ue(t),
-				to: O(t)
+				to: ae(t)
 			};
 		}
 	},
@@ -162824,14 +162826,14 @@ function eWe({ value: e, onChange: t, today: n = x9, className: r }) {
 	function o(n) {
 		if (e.mode === "month") t({
 			mode: "month",
-			month: n === 1 ? ie(e.month, 1) : pe(e.month, 1)
+			month: n === 1 ? re(e.month, 1) : pe(e.month, 1)
 		});
 		else {
-			let r = ae(e.to, e.from) + 1;
+			let r = ie(e.to, e.from) + 1;
 			t({
 				mode: "range",
-				from: re(e.from, n * r),
-				to: re(e.to, n * r)
+				from: ne(e.from, n * r),
+				to: ne(e.to, n * r)
 			});
 		}
 	}
@@ -163169,7 +163171,7 @@ function gWe(e) {
 function _We(e) {
 	return e.mode === "month" ? {
 		start: ue(e.month),
-		end: O(e.month)
+		end: ae(e.month)
 	} : {
 		start: e.from,
 		end: e.to
@@ -163242,7 +163244,7 @@ function SWe(e) {
 	}));
 }
 function CWe(e, t, n) {
-	let r = (e) => n() < e, i = D({
+	let r = (e) => n() < e, i = O({
 		start: e,
 		end: t
 	}), a = E9(600 + n() * 150);
@@ -163261,7 +163263,7 @@ function CWe(e, t, n) {
 	}).reverse();
 }
 function wWe(e, t = "volume") {
-	let { start: n, end: r } = _We(e), i = se([n, pWe]), a = ce([r, mWe]), o = a >= i ? ae(a, i) + 1 : 0;
+	let { start: n, end: r } = _We(e), i = se([n, pWe]), a = ce([r, mWe]), o = a >= i ? ie(a, i) + 1 : 0;
 	if (o <= 0) return {
 		isEmpty: !0,
 		summaries: SWe(t),
@@ -165371,17 +165373,17 @@ function tGe({ seconds: e, total: t }) {
 //#region ../../react-app/src/components/convert/ConvertPanel.tsx
 var Q9 = 30;
 function nGe({ currentUser: e = "Maya Okafor", onSubmit: t, className: n }) {
-	let [r, i] = d(null), [a, s] = d(""), [c, l] = d(""), [u, f] = d(""), [p, m] = d(""), [h, y] = d(""), [b, x] = d(!1), [C, w] = d(""), [T, ee] = d(!1), [te, ne] = d(1), [E, re] = d(Q9), [ie, ae] = d(0), D = s9.find((e) => e.id === r) ?? null, O = D != null && a ? l9.find((e) => e.name === D.name && e.coin === a && e.network === c) ?? l9.find((e) => e.name === D.name && e.coin === a) ?? null : null, oe = (u ? l9.find((e) => e.coin === u && e.network === p) ?? l9.find((e) => e.coin === u) : null) ?? null, k = a ? c9.find((e) => e.code === a) ?? null : null, se = c9.find((e) => e.code === u) ?? null, ce = d9(h), le = O ? d9(O.amount) : Infinity, ue = O != null && ce > le, de = h.trim() !== "" && ce > 0, fe = a != null && se != null && u !== a, pe = (k && se ? k.price / se.price : 0) * te, me = k ? ce * k.price : 0, he = me * o9, ge = ce * pe * (1 - o9), A = D != null && fe && c !== "" && p !== "" && de && !ue, _e = de ? p9(ce) : null, ve = de && fe ? p9(ge) : null, be = a && se ? `1 ${a} = ${p9(pe)} ${u}` : null, xe = de ? `${f9(he)} · ${(o9 * 100).toFixed(1)}%` : null;
+	let [r, i] = d(null), [a, s] = d(""), [c, l] = d(""), [u, f] = d(""), [p, m] = d(""), [h, y] = d(""), [b, x] = d(!1), [C, w] = d(""), [T, E] = d(!1), [ee, te] = d(1), [D, ne] = d(Q9), [re, ie] = d(0), O = s9.find((e) => e.id === r) ?? null, ae = O != null && a ? l9.find((e) => e.name === O.name && e.coin === a && e.network === c) ?? l9.find((e) => e.name === O.name && e.coin === a) ?? null : null, oe = (u ? l9.find((e) => e.coin === u && e.network === p) ?? l9.find((e) => e.coin === u) : null) ?? null, k = a ? c9.find((e) => e.code === a) ?? null : null, se = c9.find((e) => e.code === u) ?? null, ce = d9(h), le = ae ? d9(ae.amount) : Infinity, ue = ae != null && ce > le, de = h.trim() !== "" && ce > 0, fe = a != null && se != null && u !== a, pe = (k && se ? k.price / se.price : 0) * ee, me = k ? ce * k.price : 0, he = me * o9, ge = ce * pe * (1 - o9), A = O != null && fe && c !== "" && p !== "" && de && !ue, _e = de ? p9(ce) : null, ve = de && fe ? p9(ge) : null, be = a && se ? `1 ${a} = ${p9(pe)} ${u}` : null, xe = de ? `${f9(he)} · ${(o9 * 100).toFixed(1)}%` : null;
 	o(() => {
 		if (!A) {
-			re(Q9);
+			ne(Q9);
 			return;
 		}
 		let e = Date.now() + Q9 * 1e3;
-		re(Q9), ne(1 + (Math.random() - .5) * .012), ae((e) => e + 1);
+		ne(Q9), te(1 + (Math.random() - .5) * .012), ie((e) => e + 1);
 		let t = setInterval(() => {
 			let t = Math.max(0, Math.ceil((e - Date.now()) / 1e3));
-			re(t), t === 0 && (ne(1 + (Math.random() - .5) * .012), ae((e) => e + 1), e = Date.now() + Q9 * 1e3);
+			ne(t), t === 0 && (te(1 + (Math.random() - .5) * .012), ie((e) => e + 1), e = Date.now() + Q9 * 1e3);
 		}, 250);
 		return () => clearInterval(t);
 	}, [
@@ -165393,20 +165395,20 @@ function nGe({ currentUser: e = "Maya Okafor", onSubmit: t, className: n }) {
 		let t = c9.find((t) => t.code === e)?.networks ?? [];
 		return t.length === 1 ? t[0] : "";
 	}, Ce = (e) => {
-		i(e), ee(!1);
+		i(e), E(!1);
 	}, we = (e) => {
-		s(e), l(Se(e)), e === u && (f(""), m("")), ee(!1);
+		s(e), l(Se(e)), e === u && (f(""), m("")), E(!1);
 	}, Te = (e) => {
-		f(e), m(Se(e)), e === a && (s(""), l("")), ee(!1);
+		f(e), m(Se(e)), e === a && (s(""), l("")), E(!1);
 	}, Ee = () => {
-		s(u), f(a), l(p), m(c), ee(!1);
+		s(u), f(a), l(p), m(c), E(!1);
 	}, De = () => {
-		O && y(O.amount);
+		ae && y(ae.amount);
 	}, Oe = (e) => {
 		let t = e.replace(/[^0-9.,]/g, ""), n = t.indexOf(".");
 		n !== -1 && (t = t.slice(0, n + 1) + t.slice(n + 1).replace(/\./g, "")), y(t);
 	}, ke = () => {
-		if (!D || !a || !se || !fe) return;
+		if (!O || !a || !se || !fe) return;
 		let n = /* @__PURE__ */ new Date(), r = {
 			id: `cv-${n.getTime()}`,
 			date: n.toLocaleDateString("en-US", {
@@ -165419,7 +165421,7 @@ function nGe({ currentUser: e = "Maya Okafor", onSubmit: t, className: n }) {
 				minute: "2-digit"
 			}),
 			initiator: e,
-			wallet: D.name,
+			wallet: O.name,
 			fromCoin: a,
 			toCoin: u,
 			fromAmount: `-${p9(ce)}`,
@@ -165428,13 +165430,13 @@ function nGe({ currentUser: e = "Maya Okafor", onSubmit: t, className: n }) {
 			fiatValue: f9(me),
 			status: "PROCESSING"
 		};
-		t?.(r), ee(!0);
+		t?.(r), E(!0);
 	}, Ae = (e) => {
 		if (e) {
 			x(!0);
 			return;
 		}
-		x(!1), w(""), T && (ee(!1), y(""));
+		x(!1), w(""), T && (E(!1), y(""));
 	}, je = (e) => ({
 		value: e,
 		label: e,
@@ -165484,7 +165486,7 @@ function nGe({ currentUser: e = "Maya Okafor", onSubmit: t, className: n }) {
 								value: a,
 								options: Ne,
 								onChange: we,
-								disabled: !D
+								disabled: !O
 							}), /* @__PURE__ */ _($, {
 								id: "cv-from-network",
 								label: "From network",
@@ -165492,7 +165494,7 @@ function nGe({ currentUser: e = "Maya Okafor", onSubmit: t, className: n }) {
 								value: c,
 								options: Pe,
 								onChange: l,
-								disabled: !D || !a
+								disabled: !O || !a
 							})]
 						}),
 						/* @__PURE__ */ _(Y9, {
@@ -165500,17 +165502,17 @@ function nGe({ currentUser: e = "Maya Okafor", onSubmit: t, className: n }) {
 							value: h,
 							onChange: Oe,
 							suffix: a,
-							disabled: !D || !a,
+							disabled: !O || !a,
 							invalid: ue,
 							onMax: De,
-							maxDisabled: !O,
-							hint: D ? a ? O ? /* @__PURE__ */ v(g, { children: [
+							maxDisabled: !ae,
+							hint: O ? a ? ae ? /* @__PURE__ */ v(g, { children: [
 								"Available:",
 								" ",
 								/* @__PURE__ */ v("span", {
 									className: "font-medium text-foreground",
 									children: [
-										O.amount,
+										ae.amount,
 										" ",
 										a
 									]
@@ -165529,7 +165531,7 @@ function nGe({ currentUser: e = "Maya Okafor", onSubmit: t, className: n }) {
 							children: [/* @__PURE__ */ _("div", { className: "border-t border-cb-line" }), /* @__PURE__ */ _("button", {
 								type: "button",
 								onClick: Ee,
-								disabled: !D,
+								disabled: !O,
 								"aria-label": "Swap the From and To currency and network",
 								title: "Swap currencies & networks",
 								className: j("absolute left-1/2 top-1/2 flex size-8 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full border border-cb-line bg-cb-card text-muted-foreground transition-colors", "hover:border-slate-300 hover:text-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-none", "disabled:pointer-events-none"),
@@ -165549,7 +165551,7 @@ function nGe({ currentUser: e = "Maya Okafor", onSubmit: t, className: n }) {
 								value: u,
 								options: Fe,
 								onChange: Te,
-								disabled: !D
+								disabled: !O
 							}), /* @__PURE__ */ _($, {
 								id: "cv-to-network",
 								label: "To network",
@@ -165557,7 +165559,7 @@ function nGe({ currentUser: e = "Maya Okafor", onSubmit: t, className: n }) {
 								value: p,
 								options: Ie,
 								onChange: m,
-								disabled: !D || !u
+								disabled: !O || !u
 							})]
 						}),
 						/* @__PURE__ */ v("div", {
@@ -165590,12 +165592,12 @@ function nGe({ currentUser: e = "Maya Okafor", onSubmit: t, className: n }) {
 				receiveAmount: ve,
 				receiveFiat: de && fe ? f9(me * (1 - o9)) : null,
 				rateLabel: be,
-				rateCountdown: A ? E : null,
+				rateCountdown: A ? D : null,
 				rateTtl: Q9,
-				rateVersion: ie,
+				rateVersion: re,
 				feeLabel: xe,
-				fromWalletName: D?.name ?? null,
-				fromWalletAddress: O?.address ?? null,
+				fromWalletName: O?.name ?? null,
+				fromWalletAddress: ae?.address ?? null,
 				toWalletName: fe ? oe?.name ?? null : null,
 				toWalletAddress: fe ? oe?.address ?? null : null,
 				footer: /* @__PURE__ */ _(M, {
@@ -166288,22 +166290,22 @@ function pGe(e) {
 	return e.length > 18 ? `${e.slice(0, 10)}…${e.slice(-6)}` : e;
 }
 function mGe({ currentUser: e = "Maya Okafor", onSubmit: t, className: n }) {
-	let [r, i] = d("USDT"), [a, o] = d("ETH"), [s, c] = d(null), [u, f] = d(""), [p, m] = d(""), [h, y] = d(""), [b, x] = d(!1), [C, w] = d(""), [T, ee] = d(!1), te = (n9.find((e) => e.code === r) ?? n9[0]).networks, ne = l(() => WHe.filter((e) => e.coin === r && e.network === a), [r, a]), E = ne.find((e) => e.id === s) ?? null, re = p.trim() !== "", ie = r === "TON", ae = !ie || u.trim() !== "", D = i9(h), O = E ? i9(E.amount) : 0, oe = E != null && D > O, k = h.trim() !== "" && D > 0, se = E && k ? a9(D * E.fiatRate) : null, ce = k ? D.toLocaleString("en-US", {
+	let [r, i] = d("USDT"), [a, o] = d("ETH"), [s, c] = d(null), [u, f] = d(""), [p, m] = d(""), [h, y] = d(""), [b, x] = d(!1), [C, w] = d(""), [T, E] = d(!1), ee = (n9.find((e) => e.code === r) ?? n9[0]).networks, te = l(() => WHe.filter((e) => e.coin === r && e.network === a), [r, a]), D = te.find((e) => e.id === s) ?? null, ne = p.trim() !== "", re = r === "TON", ie = !re || u.trim() !== "", O = i9(h), ae = D ? i9(D.amount) : 0, oe = D != null && O > ae, k = h.trim() !== "" && O > 0, se = D && k ? a9(O * D.fiatRate) : null, ce = k ? O.toLocaleString("en-US", {
 		minimumFractionDigits: 2,
 		maximumFractionDigits: 8
-	}) : null, le = E != null && re && k && !oe && ae, ue = (e) => {
+	}) : null, le = D != null && ne && k && !oe && ie, ue = (e) => {
 		i(e);
 		let t = n9.find((t) => t.code === e);
 		o(t?.networks[0] ?? ""), c(null), f("");
 	}, de = (e) => {
 		o(e), c(null);
 	}, fe = () => {
-		E && y(E.amount);
+		D && y(D.amount);
 	}, pe = (e) => {
 		let t = e.replace(/[^0-9.,]/g, ""), n = t.indexOf(".");
 		n !== -1 && (t = t.slice(0, n + 1) + t.slice(n + 1).replace(/\./g, "")), y(t);
 	}, me = () => {
-		if (!E || !re) return;
+		if (!D || !ne) return;
 		let n = /* @__PURE__ */ new Date(), i = {
 			id: `wd-${n.getTime()}`,
 			date: n.toLocaleDateString("en-US", {
@@ -166316,23 +166318,23 @@ function mGe({ currentUser: e = "Maya Okafor", onSubmit: t, className: n }) {
 				minute: "2-digit"
 			}),
 			initiator: e,
-			fromWallet: E.name,
-			fromAddress: E.address,
+			fromWallet: D.name,
+			fromAddress: D.address,
 			toLabel: "External address",
 			toAddress: p.trim(),
 			coin: r,
 			network: a,
 			amount: `-${h}`,
-			amountFiat: `-${a9(D * E.fiatRate)}`,
+			amountFiat: `-${a9(O * D.fiatRate)}`,
 			status: "PROCESSING"
 		};
-		t?.(i), ee(!0);
+		t?.(i), E(!0);
 	}, he = (e) => {
 		if (e) {
 			x(!0);
 			return;
 		}
-		x(!1), w(""), T && (ee(!1), y(""), m(""), f(""));
+		x(!1), w(""), T && (E(!1), y(""), m(""), f(""));
 	}, ge = n9.map((e) => ({
 		value: e.code,
 		label: e.code,
@@ -166342,7 +166344,7 @@ function mGe({ currentUser: e = "Maya Okafor", onSubmit: t, className: n }) {
 			src: J(e.code),
 			className: "size-6"
 		})
-	})), A = te.map((e) => ({
+	})), A = ee.map((e) => ({
 		value: e,
 		label: e,
 		sublabel: t9[e]?.name ?? e,
@@ -166351,7 +166353,7 @@ function mGe({ currentUser: e = "Maya Okafor", onSubmit: t, className: n }) {
 			src: J(e),
 			className: "size-6"
 		})
-	})), _e = ne.map((e) => ({
+	})), _e = te.map((e) => ({
 		id: e.id,
 		name: e.name,
 		address: e.address,
@@ -166384,7 +166386,7 @@ function mGe({ currentUser: e = "Maya Okafor", onSubmit: t, className: n }) {
 								onChange: de
 							})]
 						}),
-						ie ? /* @__PURE__ */ v("div", {
+						re ? /* @__PURE__ */ v("div", {
 							className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
 							children: [/* @__PURE__ */ _(Z9, {
 								id: "wd-source",
@@ -166431,17 +166433,17 @@ function mGe({ currentUser: e = "Maya Okafor", onSubmit: t, className: n }) {
 							value: h,
 							onChange: pe,
 							suffix: r,
-							disabled: !E,
+							disabled: !D,
 							invalid: oe,
 							onMax: fe,
-							maxDisabled: !E,
-							hint: E ? /* @__PURE__ */ v(g, { children: [
+							maxDisabled: !D,
+							hint: D ? /* @__PURE__ */ v(g, { children: [
 								"Available:",
 								" ",
 								/* @__PURE__ */ v("span", {
 									className: "font-medium text-foreground",
 									children: [
-										E.amount,
+										D.amount,
 										" ",
 										r
 									]
@@ -166465,11 +166467,11 @@ function mGe({ currentUser: e = "Maya Okafor", onSubmit: t, className: n }) {
 				networkName: t9[a]?.name,
 				amount: ce,
 				amountFiat: se,
-				from: E ? {
-					label: E.name,
-					address: E.address
+				from: D ? {
+					label: D.name,
+					address: D.address
 				} : null,
-				to: re ? { address: p.trim() } : null,
+				to: ne ? { address: p.trim() } : null,
 				footer: /* @__PURE__ */ _(M, {
 					type: "button",
 					size: "lg",
@@ -166533,7 +166535,7 @@ function mGe({ currentUser: e = "Maya Okafor", onSubmit: t, className: n }) {
 									" ",
 									/* @__PURE__ */ _("span", {
 										className: "font-mono text-foreground",
-										children: re ? pGe(p.trim()) : ""
+										children: ne ? pGe(p.trim()) : ""
 									})
 								]
 							}), /* @__PURE__ */ v("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@chainberry/ui-components",
-  "version": "1.0.19",
+  "version": "1.0.20",
   "description": "Chainberry navigation UI components — React + Tailwind. Canonical source lives in ../../react-app/src/components; this package re-exports, builds, and publishes them.",
   "license": "ISC",
   "type": "module",