kaleido-ui 0.1.123 → 0.1.124

package/dist/web/index.cjs

@@ -122,6 +122,7 @@ __export(web_exports, {
   NetworkStatusChip: () => NetworkStatusChip,
   NostrNetworkIcon: () => NostrNetworkIcon,
   NumberInput: () => NumberInput,
+  OnchainNetworkIcon: () => OnchainNetworkIcon,
   OptionSelector: () => OptionSelector,
   PageHeader: () => PageHeader,
   PageShell: () => PageShell,
@@ -2614,6 +2615,32 @@ function RgbNetworkIcon({ className = "size-3.5", alt = "RGB" }) {
 function LiquidNetworkIcon({ className = "size-3.5", alt = "Liquid" }) {
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("img", { src: protocolIcons.Liquid, alt, className: cn("object-contain", className) });
 }
+function OnchainNetworkIcon({
+  className = "size-3.5",
+  inherit = false
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      "aria-hidden": true,
+      width: "1em",
+      height: "1em",
+      className: cn("inline-block shrink-0", className),
+      style: inherit ? void 0 : { color: "var(--color-network-bitcoin)" },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("rect", { x: "2", y: "2", width: "8", height: "8", rx: "2", stroke: "none" }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("rect", { x: "14", y: "2", width: "8", height: "8", rx: "2", stroke: "none" }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("rect", { x: "14", y: "14", width: "8", height: "8", rx: "2", stroke: "none" }),
+        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("path", { d: "M10 6h4M18 10v4", fill: "none" })
+      ]
+    }
+  );
+}
 
 // src/web/components/action-tile.tsx
 var import_jsx_runtime27 = require("react/jsx-runtime");
@@ -5474,6 +5501,7 @@ function ActivityDetailRow({
 }
 
 // src/web/components/withdraw-destination-input.tsx
+var import_react12 = require("react");
 var import_jsx_runtime49 = require("react/jsx-runtime");
 function WithdrawDestinationInput({
   destination,
@@ -5485,21 +5513,35 @@ function WithdrawDestinationInput({
   handlePaste,
   handleReset
 }) {
+  const fieldRef = (0, import_react12.useRef)(null);
+  (0, import_react12.useLayoutEffect)(() => {
+    const field = fieldRef.current;
+    if (!field) return;
+    field.style.height = "auto";
+    field.style.height = `${field.scrollHeight}px`;
+  }, [destination]);
   return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "space-y-2", children: [
     /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("label", { className: "ml-1 text-xs font-bold uppercase tracking-wider text-muted-foreground", children: "Destination" }),
     /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "relative", children: [
       /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-        "input",
+        "textarea",
         {
-          type: "text",
+          ref: fieldRef,
           "data-testid": "withdraw-destination-input",
-          className: "w-full rounded-2xl bg-card px-5 py-4 pr-20 font-mono text-sm text-white shadow-inner transition-all placeholder:text-white/20 focus:outline focus:outline-2 focus:outline-primary/50",
+          rows: 1,
+          spellCheck: false,
+          autoComplete: "off",
+          autoCapitalize: "off",
+          className: "block max-h-32 min-h-14 w-full resize-none break-all leading-relaxed rounded-2xl bg-card px-5 py-4 pr-20 font-mono text-sm text-white shadow-inner transition-all placeholder:text-white/20 focus:outline focus:outline-2 focus:outline-primary/50",
           placeholder: "Address, Invoice, or RGB Invoice",
           value: destination,
-          onChange: (event) => setDestination(event.target.value)
+          onChange: (event) => setDestination(event.target.value.replace(/\s*[\r\n]+\s*/g, "")),
+          onKeyDown: (event) => {
+            if (event.key === "Enter") event.preventDefault();
+          }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "absolute right-3 top-1/2 flex -translate-y-1/2 items-center gap-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "absolute right-3 top-3 flex items-center gap-1", children: [
         destination && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
           "button",
           {
@@ -5550,6 +5592,7 @@ function WithdrawAmountInput({
   handleSetMax,
   selectedAssetId,
   selectedAssetTicker,
+  unitSlot,
   formattedBalance,
   decodedLnInvoice,
   decodedRgbInvoice,
@@ -5592,7 +5635,7 @@ function WithdrawAmountInput({
                 onChange: handleAmountChange
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "mt-0.5 text-xs text-muted-foreground", children: unitLabel })
+            unitSlot ? /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { "data-slot": "amount-unit", className: "mt-1 flex min-w-0 items-center gap-2", children: unitSlot }) : /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "mt-0.5 text-xs text-muted-foreground", children: unitLabel })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
             "button",
@@ -5934,8 +5977,8 @@ function WithdrawConfirmation({
   selectedAsset,
   destination,
   networkLabel,
+  networkIcon,
   routeAccount,
-  routeMethod,
   estimatedFee,
   feeIsExact = false,
   feeRate,
@@ -5946,6 +5989,12 @@ function WithdrawConfirmation({
   reviewLabels,
   handleConfirmSend
 }) {
+  const ticker = selectedAsset?.ticker ?? selectedAssetId;
+  const unit = selectedAssetId === "BTC" ? "sats" : selectedAsset?.ticker ?? "units";
+  const busy = isConfirming || isPollingStatus;
+  const showTotal = selectedAssetId === "BTC" && estimatedFee > 0;
+  const fromAccount = routeAccount && routeAccount.toLowerCase() !== networkLabel.toLowerCase() ? routeAccount : null;
+  const total = Math.round(parseFloat(amount.replace(/,/g, "")) || 0) + estimatedFee;
   return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "relative flex h-screen flex-col overflow-hidden bg-background font-display text-foreground", children: [
     /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "absolute left-4 top-4 z-30", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
       Button,
@@ -5954,82 +6003,74 @@ function WithdrawConfirmation({
         variant: "ghost",
         size: "icon-xl",
         onClick: () => {
-          if (!isConfirming && !isPollingStatus) {
-            setShowConfirmation(false);
-          }
+          if (!busy) setShowConfirmation(false);
         },
         "aria-label": "Go back",
-        className: isConfirming || isPollingStatus ? "pointer-events-none opacity-70" : void 0,
+        className: busy ? "pointer-events-none opacity-70" : void 0,
         children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon, { name: "arrow_back", size: "xl" })
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ScrollArea, { className: "flex-1", viewportClassName: "px-5 pt-16 pb-6", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("main", { className: "space-y-6", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex flex-col items-center py-6", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "mb-1 text-sm uppercase tracking-wide text-muted-foreground", children: reviewLabels?.recipientReceives ?? "Recipient receives" }),
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("h1", { className: "mb-2 text-4xl font-bold", children: displayAmount.toLocaleString() }),
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "text-base text-muted-foreground", children: selectedAssetId === "BTC" ? "sats" : selectedAsset?.ticker ?? "units" })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "overflow-hidden rounded-2xl bg-card/90 py-1 shadow-inner backdrop-blur-2xl", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-center justify-between px-5 py-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-sm text-muted-foreground", children: "To" }),
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "max-w-[200px] truncate font-mono text-sm text-white", title: destination, children: destination.length > 24 ? `${destination.substring(0, 12)}...${destination.slice(-12)}` : destination })
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ScrollArea, { className: "flex-1", viewportClassName: "px-5 pt-14 pb-6", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("main", { className: "space-y-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { "data-slot": "payment-review-hero", className: "flex flex-col items-center pt-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "relative mb-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(AssetIcon, { ticker, logoUri: selectedAsset?.icon, size: 48 }),
+          networkIcon && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+            "span",
+            {
+              "data-slot": "payment-review-network-badge",
+              "aria-hidden": "true",
+              className: "absolute -bottom-1 -right-1 flex size-6 items-center justify-center rounded-full bg-card ring-2 ring-background",
+              children: networkIcon
+            }
+          )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-center justify-between px-5 py-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-sm text-muted-foreground", children: "Network" }),
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-center gap-1.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "size-1.5 rounded-full bg-primary" }),
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-sm font-bold text-white", children: networkLabel })
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "text-sm uppercase tracking-wide text-muted-foreground", children: reviewLabels?.recipientReceives ?? "Recipient receives" }),
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("p", { className: "mt-1 flex items-baseline gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-4xl font-bold tabular-nums", children: displayAmount.toLocaleString("en-US") }),
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-base text-muted-foreground", children: unit })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "space-y-1 rounded-2xl bg-card/90 p-2 shadow-inner backdrop-blur-2xl", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ReviewRow, { label: "To", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "min-w-0 truncate font-mono text-sm text-white", title: destination, children: destination.length > 24 ? `${destination.slice(0, 12)}\u2026${destination.slice(-8)}` : destination }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ReviewRow, { label: "Network", "data-testid": "payment-review-network", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: "flex min-w-0 items-center gap-1.5", children: [
+          networkIcon && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { "aria-hidden": "true", className: "flex shrink-0 items-center", children: networkIcon }),
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "truncate text-sm font-bold text-white", children: networkLabel }),
+          fromAccount && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: "shrink-0 text-xs text-muted-foreground", children: [
+            "from ",
+            fromAccount
           ] })
-        ] }),
-        routeAccount && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-center justify-between px-5 py-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-sm text-muted-foreground", children: "From Account" }),
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-sm font-bold text-white", children: routeAccount })
-        ] }),
-        routeMethod && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-center justify-between px-5 py-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-sm text-muted-foreground", children: "Route Method" }),
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-sm font-bold text-white", children: routeMethod })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-center justify-between px-5 py-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-sm text-muted-foreground", children: "Asset" }),
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-sm font-bold text-white", children: selectedAsset?.ticker ?? selectedAssetId })
-        ] }),
-        estimatedFee > 0 && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
-          "div",
+        ] }) }),
+        estimatedFee > 0 && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          ReviewRow,
           {
+            label: reviewLabels?.estimatedNetworkFee ?? "Estimated network fee",
             "data-testid": "payment-review-fee",
-            className: "flex items-center justify-between px-5 py-4",
+            children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: "flex items-baseline gap-1.5", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-sm tabular-nums text-white", children: `${feeIsExact ? "" : "~"}${estimatedFee.toLocaleString("en-US")} sats` }),
+              feeRate && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-xxs font-bold capitalize tracking-wider text-primary", children: feeRate })
+            ] })
+          }
+        ),
+        addressType === "rgb" && decodedRgbInvoice?.recipient_type === "Witness" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ReviewRow, { label: "Witness amount", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: "text-sm tabular-nums text-white", children: [
+          witnessAmountSat.toLocaleString("en-US"),
+          " sats"
+        ] }) }),
+        showTotal && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+          "div",
+          {
+            "data-testid": "payment-review-total",
+            className: "flex items-center justify-between gap-3 rounded-xl bg-primary/10 px-3 py-2.5",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-sm text-muted-foreground", children: reviewLabels?.estimatedNetworkFee ?? "Estimated network fee" }),
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex flex-col items-end", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-sm text-white", children: `${feeIsExact ? "" : "~"}${estimatedFee.toLocaleString()} sats` }),
-                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "mt-0.5 text-xxs font-bold capitalize tracking-wider text-primary", children: feeRate })
+              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-xs font-bold uppercase tracking-wider text-primary", children: reviewLabels?.totalDeducted ?? "Total deducted" }),
+              /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: "text-lg font-bold tabular-nums text-white", children: [
+                total.toLocaleString("en-US"),
+                " ",
+                /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-sm text-primary/70", children: "sats" })
               ] })
             ]
           }
-        ),
-        addressType === "rgb" && decodedRgbInvoice?.recipient_type === "Witness" && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-center justify-between px-5 py-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-sm text-muted-foreground", children: "Witness Amount" }),
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: "text-sm text-white", children: [
-            witnessAmountSat,
-            " sats"
-          ] })
-        ] })
+        )
       ] }),
-      selectedAssetId === "BTC" && estimatedFee > 0 && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
-        "div",
-        {
-          "data-testid": "payment-review-total",
-          className: "flex items-center justify-between rounded-2xl bg-primary/10 p-5 shadow-inner",
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-sm font-bold uppercase tracking-wider text-primary", children: reviewLabels?.totalDeducted ?? "Total deducted" }),
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: "text-xl font-bold text-white", children: [
-              (Math.round(parseFloat(amount) || 0) + estimatedFee).toLocaleString(),
-              " ",
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-lg text-primary/70", children: "sats" })
-            ] })
-          ]
-        }
-      ),
       isPollingStatus && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-center gap-3 rounded-xl bg-primary/10 p-4", children: [
         /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "material-symbols-outlined animate-spin text-primary", children: "progress_activity" }),
         /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { children: [
@@ -6043,9 +6084,9 @@ function WithdrawConfirmation({
           variant: "cta",
           size: "cta-lg",
           onClick: handleConfirmSend,
-          disabled: isConfirming || isPollingStatus,
-          className: "mt-2 w-full",
-          children: isConfirming || isPollingStatus ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
+          disabled: busy,
+          className: "w-full",
+          children: busy ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "material-symbols-outlined animate-spin text-icon-2xl", children: "progress_activity" }),
             isPollingStatus ? "Waiting for confirmation..." : "Sending..."
           ] }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
@@ -6057,6 +6098,16 @@ function WithdrawConfirmation({
     ] }) })
   ] });
 }
+function ReviewRow({
+  label,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex min-h-11 items-center justify-between gap-3 px-3 py-2", ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "shrink-0 text-sm text-muted-foreground", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "flex min-w-0 justify-end", children })
+  ] });
+}
 
 // src/web/components/withdraw-success.tsx
 var import_jsx_runtime54 = require("react/jsx-runtime");
@@ -6656,9 +6707,9 @@ function AssetInfoChip({
 }
 
 // src/web/components/error-boundary.tsx
-var import_react12 = require("react");
+var import_react13 = require("react");
 var import_jsx_runtime66 = require("react/jsx-runtime");
-var ErrorBoundary = class extends import_react12.Component {
+var ErrorBoundary = class extends import_react13.Component {
   constructor(props) {
     super(props);
     this.state = { hasError: false, error: null };
@@ -7300,7 +7351,7 @@ function SelectableCard({
 }
 
 // src/web/components/mobile-hero-animation.tsx
-var import_react13 = require("react");
+var import_react14 = require("react");
 var import_jsx_runtime79 = require("react/jsx-runtime");
 var PROTOCOLS = [
   { name: "Bitcoin", network: "Bitcoin", iconSuffix: "bitcoin/bitcoin-logo.svg" },
@@ -7341,17 +7392,17 @@ var MobileHeroAnimation = ({
   className,
   iconBasePath
 }) => {
-  const containerRef = (0, import_react13.useRef)(null);
-  const [reducedMotion, setReducedMotion] = (0, import_react13.useState)(false);
-  const [isVisible, setIsVisible] = (0, import_react13.useState)(true);
-  (0, import_react13.useEffect)(() => {
+  const containerRef = (0, import_react14.useRef)(null);
+  const [reducedMotion, setReducedMotion] = (0, import_react14.useState)(false);
+  const [isVisible, setIsVisible] = (0, import_react14.useState)(true);
+  (0, import_react14.useEffect)(() => {
     const mq = window.matchMedia("(prefers-reduced-motion: reduce)");
     setReducedMotion(mq.matches);
     const handler = (e) => setReducedMotion(e.matches);
     mq.addEventListener("change", handler);
     return () => mq.removeEventListener("change", handler);
   }, []);
-  (0, import_react13.useEffect)(() => {
+  (0, import_react14.useEffect)(() => {
     const el = containerRef.current;
     if (!el) return;
     const observer = new IntersectionObserver(([entry]) => setIsVisible(entry.isIntersecting), { threshold: 0.1 });
@@ -7560,7 +7611,7 @@ var MobileHeroAnimation = ({
 };
 
 // src/web/components/kaleidoscope-hero-animation.tsx
-var import_react14 = require("react");
+var import_react15 = require("react");
 var import_jsx_runtime80 = require("react/jsx-runtime");
 var PROTOCOLS2 = [
   { name: "Bitcoin L1", network: "L1", color: "#F7931A", glowColor: "rgba(247,147,26,0.5)" },
@@ -7585,14 +7636,14 @@ var KaleidoScopeHeroAnimation = ({
   className = "",
   iconBasePath = "/icons"
 }) => {
-  const containerRef = (0, import_react14.useRef)(null);
-  const targetOffset = (0, import_react14.useRef)({ x: 0, y: 0 });
-  const currentOffset = (0, import_react14.useRef)({ x: 0, y: 0 });
-  const rafId = (0, import_react14.useRef)(0);
-  const [offset, setOffset] = (0, import_react14.useState)({ x: 0, y: 0 });
-  const [reducedMotion, setReducedMotion] = (0, import_react14.useState)(false);
-  const [hoveredProtocol, setHoveredProtocol] = (0, import_react14.useState)(null);
-  const [isVisible, setIsVisible] = (0, import_react14.useState)(true);
+  const containerRef = (0, import_react15.useRef)(null);
+  const targetOffset = (0, import_react15.useRef)({ x: 0, y: 0 });
+  const currentOffset = (0, import_react15.useRef)({ x: 0, y: 0 });
+  const rafId = (0, import_react15.useRef)(0);
+  const [offset, setOffset] = (0, import_react15.useState)({ x: 0, y: 0 });
+  const [reducedMotion, setReducedMotion] = (0, import_react15.useState)(false);
+  const [hoveredProtocol, setHoveredProtocol] = (0, import_react15.useState)(null);
+  const [isVisible, setIsVisible] = (0, import_react15.useState)(true);
   const c = 250;
   const orbitR = 148;
   const innerR = 82;
@@ -7600,14 +7651,14 @@ var KaleidoScopeHeroAnimation = ({
   const outerR2 = 185;
   const midR = 118;
   const iconR = 24;
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     const mq = window.matchMedia("(prefers-reduced-motion: reduce)");
     setReducedMotion(mq.matches);
     const handler = (e) => setReducedMotion(e.matches);
     mq.addEventListener("change", handler);
     return () => mq.removeEventListener("change", handler);
   }, []);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     const el = containerRef.current;
     if (!el) return;
     const observer = new IntersectionObserver(
@@ -7617,7 +7668,7 @@ var KaleidoScopeHeroAnimation = ({
     observer.observe(el);
     return () => observer.disconnect();
   }, []);
-  const handleMouseMove = (0, import_react14.useCallback)((e) => {
+  const handleMouseMove = (0, import_react15.useCallback)((e) => {
     if (reducedMotion) return;
     const el = containerRef.current;
     if (!el) return;
@@ -7628,10 +7679,10 @@ var KaleidoScopeHeroAnimation = ({
     const dy = Math.max(-1, Math.min(1, (e.clientY - my) / (rect.height / 2)));
     targetOffset.current = { x: dx, y: dy };
   }, [reducedMotion]);
-  const handleMouseLeave = (0, import_react14.useCallback)(() => {
+  const handleMouseLeave = (0, import_react15.useCallback)(() => {
     targetOffset.current = { x: 0, y: 0 };
   }, []);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (reducedMotion || !isVisible || window.matchMedia("(pointer: coarse)").matches) return;
     const lerp = () => {
       const cur = currentOffset.current;
@@ -7647,7 +7698,7 @@ var KaleidoScopeHeroAnimation = ({
     rafId.current = requestAnimationFrame(lerp);
     return () => cancelAnimationFrame(rafId.current);
   }, [reducedMotion, isVisible]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react15.useEffect)(() => {
     if (window.matchMedia("(pointer: coarse)").matches) return;
     document.addEventListener("mousemove", handleMouseMove);
     const el = containerRef.current;
@@ -8218,7 +8269,7 @@ var KaleidoScopeHeroAnimation = ({
 };
 
 // src/web/components/deposit-ui-shared.tsx
-var import_react15 = require("react");
+var import_react16 = require("react");
 var import_jsx_runtime81 = require("react/jsx-runtime");
 var GLOW_ALPHA = "26";
 function qrGlowStyle(hex) {
@@ -8452,7 +8503,7 @@ function NetworkInfoDisclosure({
   networks,
   className
 }) {
-  const [open, setOpen] = (0, import_react15.useState)(false);
+  const [open, setOpen] = (0, import_react16.useState)(false);
   if (networks.length === 0) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: cn("overflow-hidden rounded-xl bg-card/70 transition-all", className), children: [
     /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
@@ -8688,7 +8739,7 @@ function DepositNetworkDefaultModal({
 }
 
 // src/web/components/btc-unified-receive.tsx
-var import_react16 = require("react");
+var import_react17 = require("react");
 var import_jsx_runtime84 = require("react/jsx-runtime");
 function formatSatsForRow(value) {
   if (!value || value <= 0 || !Number.isFinite(value)) return null;
@@ -8713,7 +8764,7 @@ function BtcUnifiedReceive({
   description,
   onDescriptionChange
 }) {
-  const [showEdit, setShowEdit] = (0, import_react16.useState)(false);
+  const [showEdit, setShowEdit] = (0, import_react17.useState)(false);
   const isQrCopied = copied === accountReceiveResult.qrValue;
   const handleNewAddress = () => {
     setAddress("");
@@ -9260,7 +9311,7 @@ function DepositPreGeneration({
 }
 
 // src/web/components/deposit-asset-selection.tsx
-var import_react17 = require("react");
+var import_react18 = require("react");
 var import_jsx_runtime87 = require("react/jsx-runtime");
 var ADD_ASSET_SUBTITLE = {
   RGB: "RGB asset on Bitcoin",
@@ -9306,9 +9357,9 @@ function DepositAssetSelection({
   const ownedAssetsCount = ownedAssets.length;
   const noResults = filteredAssets.length === 0 && !!searchQuery;
   const isSearching = !!searchQuery;
-  const [assetsExpanded, setAssetsExpanded] = (0, import_react17.useState)(false);
-  const [showAddAssetModal, setShowAddAssetModal] = (0, import_react17.useState)(false);
-  (0, import_react17.useEffect)(() => {
+  const [assetsExpanded, setAssetsExpanded] = (0, import_react18.useState)(false);
+  const [showAddAssetModal, setShowAddAssetModal] = (0, import_react18.useState)(false);
+  (0, import_react18.useEffect)(() => {
     if (isSearching) setAssetsExpanded(true);
   }, [isSearching]);
   const showOwnedAssets = isSearching ? true : assetsExpanded;
@@ -9973,6 +10024,7 @@ function DepositInvoiceGeneration({
   NetworkStatusChip,
   NostrNetworkIcon,
   NumberInput,
+  OnchainNetworkIcon,
   OptionSelector,
   PageHeader,
   PageShell,

package/dist/web/index.d.cts

@@ -386,6 +386,11 @@ declare function RgbNetworkIcon({ className, alt }: NetworkIconProps): react_jsx
  * mark rather than a placeholder — matching the extension's LiquidIcon.
  */
 declare function LiquidNetworkIcon({ className, alt }: NetworkIconProps): react_jsx_runtime.JSX.Element;
+/** Bitcoin on-chain mark: two linked blocks, in the Bitcoin network colour. */
+declare function OnchainNetworkIcon({ className, inherit, }: {
+    className?: string;
+    inherit?: boolean;
+}): react_jsx_runtime.JSX.Element;
 
 interface ActionTileProps {
     icon: ReactNode;
@@ -1107,6 +1112,11 @@ interface WithdrawAmountInputProps {
     handleSetMax: () => void;
     selectedAssetId: string;
     selectedAssetTicker: string | undefined;
+    /**
+     * Replaces the unit caption under the amount, e.g. with a sats/fiat toggle,
+     * so the unit is picked where the amount is typed.
+     */
+    unitSlot?: ReactNode;
     assetBalance?: number;
     formattedBalance: string;
     decodedLnInvoice: WithdrawDecodedLnInvoice | null;
@@ -1137,7 +1147,7 @@ interface WithdrawAmountInputProps {
     donation: boolean;
     setDonation: (value: boolean) => void;
 }
-declare function WithdrawAmountInput({ addressType, amount, handleAmountChange, handleSetMax, selectedAssetId, selectedAssetTicker, formattedBalance, decodedLnInvoice, decodedRgbInvoice, lnurlPayData, witnessAmountSat, setWitnessAmountSat, feeRate, setFeeRate, feeRates, feeRateMode, setFeeRateMode, customFeeRate, setCustomFeeRate, effectiveFeeRateSatPerVb, estimatedFee, donation, setDonation, }: WithdrawAmountInputProps): react_jsx_runtime.JSX.Element;
+declare function WithdrawAmountInput({ addressType, amount, handleAmountChange, handleSetMax, selectedAssetId, selectedAssetTicker, unitSlot, formattedBalance, decodedLnInvoice, decodedRgbInvoice, lnurlPayData, witnessAmountSat, setWitnessAmountSat, feeRate, setFeeRate, feeRates, feeRateMode, setFeeRateMode, customFeeRate, setCustomFeeRate, effectiveFeeRateSatPerVb, estimatedFee, donation, setDonation, }: WithdrawAmountInputProps): react_jsx_runtime.JSX.Element;
 
 interface WithdrawInvoiceAsset {
     asset_id: string;
@@ -1214,10 +1224,15 @@ interface WithdrawConfirmationProps {
     selectedAssetId: string;
     selectedAsset?: {
         ticker?: string;
+        icon?: string;
     };
     destination: string;
     networkLabel: string;
+    /** The network's mark, e.g. `<ArkadeNetworkIcon />`: shown in the Network row and as the badge on the asset. */
+    networkIcon?: ReactNode;
+    /** The paying account. Shown as "from …" beside the network only when it differs from `networkLabel`. */
     routeAccount?: string;
+    /** @deprecated No longer shown: the network and account already say how the payment goes. */
     routeMethod?: string;
     estimatedFee: number;
     /** The fee is quoted, not estimated: drop the `~`. Defaults to false. */
@@ -1235,7 +1250,7 @@ interface WithdrawConfirmationProps {
     };
     handleConfirmSend: () => void;
 }
-declare function WithdrawConfirmation({ isConfirming, isPollingStatus, setShowConfirmation, displayAmount, selectedAssetId, selectedAsset, destination, networkLabel, routeAccount, routeMethod, estimatedFee, feeIsExact, feeRate, addressType, decodedRgbInvoice, witnessAmountSat, amount, reviewLabels, handleConfirmSend, }: WithdrawConfirmationProps): react_jsx_runtime.JSX.Element;
+declare function WithdrawConfirmation({ isConfirming, isPollingStatus, setShowConfirmation, displayAmount, selectedAssetId, selectedAsset, destination, networkLabel, networkIcon, routeAccount, estimatedFee, feeIsExact, feeRate, addressType, decodedRgbInvoice, witnessAmountSat, amount, reviewLabels, handleConfirmSend, }: WithdrawConfirmationProps): react_jsx_runtime.JSX.Element;
 
 interface WithdrawSuccessProps {
     displayAmount: number;
@@ -2097,4 +2112,4 @@ declare function getFallbackAssetIconUrl(seed: string): string;
  */
 declare function useAssetIcon(ticker: string, cdnBaseUrl?: string): string;
 
-export { AccountCapabilitiesCard, type AccountCapabilitiesCardProps, AccountChoiceChip, AccountHeaderIcons, AccountInfoGrid, AccountNetworkNotice, AccountNetworkPicker, AccountNetworkSelector, AccountNotice, type AccountSettingsNetwork, type AccountSettingsProtocol, AccountSettingsRow, AccountSettingsShell, AccountStatusPills, type AccountStatusTabItem, AccountStatusTabs, type AccountStatusTabsProps, ActionTile, type ActionTileProps, ActivityDetailRow, type ActivityDetailRowProps, ActivityFilterBar, type ActivityFilterBarProps, ActivityList, type ActivityListItem, type ActivityListProps, type ActivityNetworkFilterOption, type ActivityNetworkFilterValue, ActivityNetworkFilters, type ActivityNetworkFiltersProps, ActivityRow, type ActivityRowProps, type ActivityStatusOption, type ActivityTypeTabCounts, type ActivityTypeTabValue, ActivityTypeTabs, AlertBanner, type AmountDisplayOptions, type AmountDisplayUnit, AppIcon, type AppIconName, type AppIconProps, ArkadeNetworkIcon, AssetCard, type AssetCardProps, AssetIcon, AssetInfoChip, type AssetInfoChipProps, AssetSelector, type AssetSelectorCategory, type AssetSelectorNetworkOption, type AssetSelectorOption, type AssetSelectorProps, type AssetSelectorQuickAsset, BalanceBreakdown, type BalanceBreakdownAccounts, type BalanceBreakdownAsset, type BalanceBreakdownNodeInfo, type BalanceBreakdownProps, BottomNav, type BottomNavItem, type BottomNavProps, BottomSheet, type BottomSheetAction, type BottomSheetProps, type BrandArtwork, type BrandPaint, BtcUnifiedReceive, type BtcUnifiedReceiveAddress, type BtcUnifiedReceiveProps, type BtcUnifiedReceiveResult, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CopyIcon, type DepositAccountId, DepositAssetSelection, type DepositAssetSelectionProps, type DepositGeneratedAsset, DepositGeneratedView, type DepositGeneratedViewProps, type DepositGenerationController, type DepositInvoiceAsset, DepositInvoiceGeneration, type DepositInvoiceGenerationProps, type DepositNetworkConfigEntry, DepositNetworkDefaultModal, type DepositNetworkDefaultModalProps, type DepositNetworkKey, type DepositNetworkOption, DepositPreGeneration, type DepositPreGenerationAsset, type DepositPreGenerationProps, type DepositSelectionAsset, DepositSuccessScreen, type DepositSuccessScreenProps, type DepositTransferMethod, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DisclosureCard, type DisclosureCardProps, DotPagination, type DotPaginationProps, type DotTone, ErrorBoundary, ErrorCard, type ErrorCardProps, ExpandIcon, ExtensionPageFrame, type ExtensionPageFrameProps, FadeOverlay, type FadeOverlayProps, FilterChipGroup, type FilterChipGroupProps, type FilterChipOption, FilterDropdown, type FilterDropdownOption, type FilterDropdownProps, HaloBackdrop, type HaloBackdropProps, HeadlineGradient, type HeadlineGradientProps, Icon, type IconName, type IconProps, Icons, InfoChip, type InfoChipContentProps, type InfoChipEditAction, type InfoChipProps, type InfoChipStatus, InfoPanel, type InfoPanelProps, InlineAction, InlineSelector, type InlineSelectorOption, type InlineSelectorProps, Input, type InputProps, InvoiceStatusBanner, KaleidoScopeHeroAnimation, type KaleidoScopeHeroAnimationProps, KaleidoswapLogo, type KaleidoswapLogoProps, KaleidoswapMark, type KaleidoswapMarkProps, Label, LightningNetworkIcon, LiquidNetworkIcon, ListSkeletonRows, type ListSkeletonRowsProps, LoadingCard, type LoadingCardProps, MethodChoiceChip, MetricCard, type MetricCardProps, MobileHeroAnimation, type MobileHeroAnimationProps, NETWORK_CONFIG, NetworkBadge, type NetworkBadgeProps, type NetworkIconProps, NetworkInfoChip, type NetworkInfoChipProps, NetworkInfoDisclosure, NetworkStatusChip, type NetworkStatusChipProps, type NetworkType, NostrNetworkIcon, NumberInput, type NumberInputProps, OptionSelector, type OptionSelectorOption, type OptionSelectorProps, PageHeader, type PageHeaderProps, PageShell, type PageShellProps, PaidOverlay, QrCode, type QrCodeProps, RecoveryPhraseCard, type RecoveryPhraseCardProps, RgbNetworkIcon, ScrollArea, type ScrollAreaProps, SecretRevealCard, type SecretRevealCardProps, SectionHeader, type SectionHeaderProps, SectionLabel, SectionTitle, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, SelectableCard, type SelectableCardProps, SettingItem, SettingsActionButton, SettingsSectionCard, type SettingsSectionCardProps, SettingsSelectorRow, type SettingsSelectorRowProps, SettingsStatusPanel, SettingsTile, type SettingsTileProps, Skeleton, type SkeletonProps, type SkeletonTone, SparkNetworkIcon, StatusBadge, StatusIconBadge, type StatusIconBadgeProps, type StatusType, StepperNumberInput, type StepperNumberInputProps, type SummaryRowItem, type SummaryRowTone, SummaryRows, type SummaryRowsProps, SwapBadge, type SwapBadgeProps, SwapInputCard, type SwapInputCardProps, type SwapStepItem, SwapStepList, type SwapStepListProps, type SwapStepStatus, Switch, SwitchRow, type SwitchRowProps, Tabs, TabsContent, TabsList, TabsTrigger, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, ToneBadge, type ToneBadgeProps, TransactionCard, type TransactionCardProps, TransferRouteCard, WalletAssetList, type WalletAssetListEmptyState, type WalletAssetListItem, type WalletAssetListProps, type WithdrawAddressType, WithdrawAmountInput, type WithdrawAmountInputProps, WithdrawConfirmation, type WithdrawConfirmationProps, type WithdrawConfirmationRgbInvoice, type WithdrawDecodedLnInvoice, type WithdrawDecodedRgbInvoice, WithdrawDestinationInput, type WithdrawDestinationInputProps, type WithdrawInvoiceAsset, WithdrawInvoiceInfo, type WithdrawInvoiceInfoLnInvoice, type WithdrawInvoiceInfoProps, type WithdrawInvoiceInfoRgbInvoice, type WithdrawLnurlPayData, type WithdrawRouteOption, WithdrawRouteSelector, type WithdrawRouteSelectorProps, type WithdrawRouteSummary, WithdrawSuccess, type WithdrawSuccessProps, buttonVariants, cn, formatDisplayAmountText, getAccountNetworkLabel, getAccountNetworkUi, getAccountStatusUi, getActivityNetworkFilterIcon, getAssetIconUrl, getFallbackAssetIconUrl, kaleidoswapLogoHorizontalArtwork, kaleidoswapLogoVerticalArtwork, kaleidoswapMarkArtwork, toast, useAssetIcon, useToast };
+export { AccountCapabilitiesCard, type AccountCapabilitiesCardProps, AccountChoiceChip, AccountHeaderIcons, AccountInfoGrid, AccountNetworkNotice, AccountNetworkPicker, AccountNetworkSelector, AccountNotice, type AccountSettingsNetwork, type AccountSettingsProtocol, AccountSettingsRow, AccountSettingsShell, AccountStatusPills, type AccountStatusTabItem, AccountStatusTabs, type AccountStatusTabsProps, ActionTile, type ActionTileProps, ActivityDetailRow, type ActivityDetailRowProps, ActivityFilterBar, type ActivityFilterBarProps, ActivityList, type ActivityListItem, type ActivityListProps, type ActivityNetworkFilterOption, type ActivityNetworkFilterValue, ActivityNetworkFilters, type ActivityNetworkFiltersProps, ActivityRow, type ActivityRowProps, type ActivityStatusOption, type ActivityTypeTabCounts, type ActivityTypeTabValue, ActivityTypeTabs, AlertBanner, type AmountDisplayOptions, type AmountDisplayUnit, AppIcon, type AppIconName, type AppIconProps, ArkadeNetworkIcon, AssetCard, type AssetCardProps, AssetIcon, AssetInfoChip, type AssetInfoChipProps, AssetSelector, type AssetSelectorCategory, type AssetSelectorNetworkOption, type AssetSelectorOption, type AssetSelectorProps, type AssetSelectorQuickAsset, BalanceBreakdown, type BalanceBreakdownAccounts, type BalanceBreakdownAsset, type BalanceBreakdownNodeInfo, type BalanceBreakdownProps, BottomNav, type BottomNavItem, type BottomNavProps, BottomSheet, type BottomSheetAction, type BottomSheetProps, type BrandArtwork, type BrandPaint, BtcUnifiedReceive, type BtcUnifiedReceiveAddress, type BtcUnifiedReceiveProps, type BtcUnifiedReceiveResult, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CopyIcon, type DepositAccountId, DepositAssetSelection, type DepositAssetSelectionProps, type DepositGeneratedAsset, DepositGeneratedView, type DepositGeneratedViewProps, type DepositGenerationController, type DepositInvoiceAsset, DepositInvoiceGeneration, type DepositInvoiceGenerationProps, type DepositNetworkConfigEntry, DepositNetworkDefaultModal, type DepositNetworkDefaultModalProps, type DepositNetworkKey, type DepositNetworkOption, DepositPreGeneration, type DepositPreGenerationAsset, type DepositPreGenerationProps, type DepositSelectionAsset, DepositSuccessScreen, type DepositSuccessScreenProps, type DepositTransferMethod, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DisclosureCard, type DisclosureCardProps, DotPagination, type DotPaginationProps, type DotTone, ErrorBoundary, ErrorCard, type ErrorCardProps, ExpandIcon, ExtensionPageFrame, type ExtensionPageFrameProps, FadeOverlay, type FadeOverlayProps, FilterChipGroup, type FilterChipGroupProps, type FilterChipOption, FilterDropdown, type FilterDropdownOption, type FilterDropdownProps, HaloBackdrop, type HaloBackdropProps, HeadlineGradient, type HeadlineGradientProps, Icon, type IconName, type IconProps, Icons, InfoChip, type InfoChipContentProps, type InfoChipEditAction, type InfoChipProps, type InfoChipStatus, InfoPanel, type InfoPanelProps, InlineAction, InlineSelector, type InlineSelectorOption, type InlineSelectorProps, Input, type InputProps, InvoiceStatusBanner, KaleidoScopeHeroAnimation, type KaleidoScopeHeroAnimationProps, KaleidoswapLogo, type KaleidoswapLogoProps, KaleidoswapMark, type KaleidoswapMarkProps, Label, LightningNetworkIcon, LiquidNetworkIcon, ListSkeletonRows, type ListSkeletonRowsProps, LoadingCard, type LoadingCardProps, MethodChoiceChip, MetricCard, type MetricCardProps, MobileHeroAnimation, type MobileHeroAnimationProps, NETWORK_CONFIG, NetworkBadge, type NetworkBadgeProps, type NetworkIconProps, NetworkInfoChip, type NetworkInfoChipProps, NetworkInfoDisclosure, NetworkStatusChip, type NetworkStatusChipProps, type NetworkType, NostrNetworkIcon, NumberInput, type NumberInputProps, OnchainNetworkIcon, OptionSelector, type OptionSelectorOption, type OptionSelectorProps, PageHeader, type PageHeaderProps, PageShell, type PageShellProps, PaidOverlay, QrCode, type QrCodeProps, RecoveryPhraseCard, type RecoveryPhraseCardProps, RgbNetworkIcon, ScrollArea, type ScrollAreaProps, SecretRevealCard, type SecretRevealCardProps, SectionHeader, type SectionHeaderProps, SectionLabel, SectionTitle, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, SelectableCard, type SelectableCardProps, SettingItem, SettingsActionButton, SettingsSectionCard, type SettingsSectionCardProps, SettingsSelectorRow, type SettingsSelectorRowProps, SettingsStatusPanel, SettingsTile, type SettingsTileProps, Skeleton, type SkeletonProps, type SkeletonTone, SparkNetworkIcon, StatusBadge, StatusIconBadge, type StatusIconBadgeProps, type StatusType, StepperNumberInput, type StepperNumberInputProps, type SummaryRowItem, type SummaryRowTone, SummaryRows, type SummaryRowsProps, SwapBadge, type SwapBadgeProps, SwapInputCard, type SwapInputCardProps, type SwapStepItem, SwapStepList, type SwapStepListProps, type SwapStepStatus, Switch, SwitchRow, type SwitchRowProps, Tabs, TabsContent, TabsList, TabsTrigger, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, ToneBadge, type ToneBadgeProps, TransactionCard, type TransactionCardProps, TransferRouteCard, WalletAssetList, type WalletAssetListEmptyState, type WalletAssetListItem, type WalletAssetListProps, type WithdrawAddressType, WithdrawAmountInput, type WithdrawAmountInputProps, WithdrawConfirmation, type WithdrawConfirmationProps, type WithdrawConfirmationRgbInvoice, type WithdrawDecodedLnInvoice, type WithdrawDecodedRgbInvoice, WithdrawDestinationInput, type WithdrawDestinationInputProps, type WithdrawInvoiceAsset, WithdrawInvoiceInfo, type WithdrawInvoiceInfoLnInvoice, type WithdrawInvoiceInfoProps, type WithdrawInvoiceInfoRgbInvoice, type WithdrawLnurlPayData, type WithdrawRouteOption, WithdrawRouteSelector, type WithdrawRouteSelectorProps, type WithdrawRouteSummary, WithdrawSuccess, type WithdrawSuccessProps, buttonVariants, cn, formatDisplayAmountText, getAccountNetworkLabel, getAccountNetworkUi, getAccountStatusUi, getActivityNetworkFilterIcon, getAssetIconUrl, getFallbackAssetIconUrl, kaleidoswapLogoHorizontalArtwork, kaleidoswapLogoVerticalArtwork, kaleidoswapMarkArtwork, toast, useAssetIcon, useToast };