@rhinestone/deposit-modal 0.3.0-alpha.13 → 0.3.0-alpha.14

package/dist/{chunk-6K4JHM2D.mjs → chunk-4ZN726P5.mjs}

@@ -2063,11 +2063,9 @@ function ConnectStep({
           {
             leading: TRANSFER_CRYPTO_LEADING,
             title: "Transfer crypto",
-            subtitle: transferCryptoState === "loading" ? "Preparing\u2026" : transferCryptoState === "error" ? transferCryptoErrorReason ?? "Couldn't prepare account \u2014 tap to retry" : "Instant - No limit",
+            subtitle: transferCryptoState === "error" ? transferCryptoErrorReason ?? "Couldn't prepare account \u2014 tap to retry" : "Instant - No limit",
             meta: CHAIN_BADGE_META,
-            onClick: onSelectTransferCrypto,
-            disabled: transferCryptoState === "loading",
-            trailing: transferCryptoState === "loading" ? SMALL_SPINNER : void 0
+            onClick: onSelectTransferCrypto
           }
         ),
         fiatPaymentMethods && fiatPaymentMethods.length > 0 && onSelectFiatMethod ? fiatPaymentMethods.map((opt) => /* @__PURE__ */ jsx14(

package/dist/{chunk-YB3JPWJW.mjs → chunk-JTMGFWXO.mjs}

@@ -1,6 +1,6 @@
 import {
   isUnsupportedChainSwitchError
-} from "./chunk-6K4JHM2D.mjs";
+} from "./chunk-4ZN726P5.mjs";
 import {
   SUPPORTED_CHAINS,
   getChainName

package/dist/{chunk-PWV2UJP3.cjs → chunk-JTULAFMU.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunkDZNXG5JKcjs = require('./chunk-DZNXG5JK.cjs');
+var _chunkN4XRQPVAcjs = require('./chunk-N4XRQPVA.cjs');
 
 
 
@@ -145,7 +145,7 @@ function useReownWallet() {
           await switchChainAsync({ chainId });
         }
       } catch (err) {
-        if (_chunkDZNXG5JKcjs.isUnsupportedChainSwitchError.call(void 0, err)) {
+        if (_chunkN4XRQPVAcjs.isUnsupportedChainSwitchError.call(void 0, err)) {
           throw new Error(
             `Switch to ${_chunk7JIDIX27cjs.getChainName.call(void 0, chainId)} in your wallet to continue`
           );

package/dist/{chunk-DZNXG5JK.cjs → chunk-N4XRQPVA.cjs}

@@ -2063,11 +2063,9 @@ function ConnectStep({
           {
             leading: TRANSFER_CRYPTO_LEADING,
             title: "Transfer crypto",
-            subtitle: transferCryptoState === "loading" ? "Preparing\u2026" : transferCryptoState === "error" ? _nullishCoalesce(transferCryptoErrorReason, () => ( "Couldn't prepare account \u2014 tap to retry")) : "Instant - No limit",
+            subtitle: transferCryptoState === "error" ? _nullishCoalesce(transferCryptoErrorReason, () => ( "Couldn't prepare account \u2014 tap to retry")) : "Instant - No limit",
             meta: CHAIN_BADGE_META,
-            onClick: onSelectTransferCrypto,
-            disabled: transferCryptoState === "loading",
-            trailing: transferCryptoState === "loading" ? SMALL_SPINNER : void 0
+            onClick: onSelectTransferCrypto
           }
         ),
         fiatPaymentMethods && fiatPaymentMethods.length > 0 && onSelectFiatMethod ? fiatPaymentMethods.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 

package/dist/{chunk-EC63ZHY4.mjs → chunk-VD4WTEHP.mjs}

@@ -31,7 +31,7 @@ import {
   saveSessionOwnerToStorage,
   toEvmCaip2,
   useLatestRef
-} from "./chunk-6K4JHM2D.mjs";
+} from "./chunk-4ZN726P5.mjs";
 import {
   DEFAULT_BACKEND_URL,
   DEFAULT_SIGNER_ADDRESS,
@@ -1494,7 +1494,7 @@ function deriveStepView(step, _registration) {
 // src/WithdrawModal.tsx
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var ReownWithdrawInner = lazy(
-  () => import("./WithdrawModalReown-EEWQRENY.mjs").then((m) => ({
+  () => import("./WithdrawModalReown-WRUEALDP.mjs").then((m) => ({
     default: m.WithdrawModalReown
   }))
 );

package/dist/{chunk-HZBO2SIZ.mjs → chunk-XG474KUR.mjs}

@@ -52,7 +52,7 @@ import {
   tokenFormatter,
   txRefsMatch,
   useLatestRef
-} from "./chunk-6K4JHM2D.mjs";
+} from "./chunk-4ZN726P5.mjs";
 import {
   DEFAULT_BACKEND_URL,
   DEFAULT_SIGNER_ADDRESS,
@@ -1240,7 +1240,38 @@ function DepositNotification({
   const destExplorerUrl = destinationTxHash ? getExplorerTxUrl(targetChain, destinationTxHash) : null;
   const title = status === "complete" ? "Deposit completed" : status === "failed" ? "Deposit failed" : "Deposit received and processing\u2026";
   const subtitle = status === "complete" ? "Your deposit has been credited to your account." : status === "failed" ? "Your deposit could not be processed." : "Your deposit will be credited to your account shortly.";
-  const statusIcon = status === "complete" ? /* @__PURE__ */ jsx5("div", { className: "rs-deposit-notification-badge rs-deposit-notification-badge--complete", children: /* @__PURE__ */ jsx5(CheckIcon, {}) }) : status === "failed" ? /* @__PURE__ */ jsx5("div", { className: "rs-deposit-notification-badge rs-deposit-notification-badge--failed", children: /* @__PURE__ */ jsx5(CloseIcon, {}) }) : /* @__PURE__ */ jsx5("div", { className: "rs-deposit-notification-badge rs-deposit-notification-badge--processing", children: /* @__PURE__ */ jsx5(Spinner, {}) });
+  const statusIcon = status === "complete" ? /* @__PURE__ */ jsx5("div", { className: "rs-deposit-notification-badge rs-deposit-notification-badge--complete", children: /* @__PURE__ */ jsx5(CheckIcon, {}) }) : status === "failed" ? /* @__PURE__ */ jsx5("div", { className: "rs-deposit-notification-badge rs-deposit-notification-badge--failed", children: /* @__PURE__ */ jsx5(CloseIcon, {}) }) : /* @__PURE__ */ jsx5("div", { className: "rs-deposit-notification-badge rs-deposit-notification-badge--processing", children: /* @__PURE__ */ jsxs5(
+    "svg",
+    {
+      className: "rs-deposit-notification-spinner",
+      viewBox: "0 0 44 44",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx5(
+          "path",
+          {
+            className: "rs-deposit-notification-spinner-track",
+            d: "M21.5882 42.1765C32.9588 42.1765 42.1765 32.9588 42.1765 21.5882C42.1765 10.2177 32.9588 1 21.5882 1C10.2177 1 1 10.2177 1 21.5882C1 32.9588 10.2177 42.1765 21.5882 42.1765Z",
+            stroke: "#D4D4D8",
+            strokeWidth: "2",
+            strokeLinecap: "round"
+          }
+        ),
+        /* @__PURE__ */ jsx5(
+          "path",
+          {
+            className: "rs-deposit-notification-spinner-head",
+            d: "M28.0422 2.03186C31.4239 3.1515 34.458 5.1279 36.8489 7.76854C39.2398 10.4092 40.906 13.624 41.6852 17.1",
+            stroke: "#52525C",
+            strokeWidth: "2",
+            strokeLinecap: "round"
+          }
+        )
+      ]
+    }
+  ) });
   const showClose = status !== "processing";
   return /* @__PURE__ */ jsxs5(
     "div",
@@ -1329,7 +1360,7 @@ function DepositNotification({
 // src/components/steps/DepositAddressStep.tsx
 import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var QRCode = lazy(
-  () => import("./QRCode-YJ3EGWQS.mjs").then((m) => ({ default: m.QRCode }))
+  () => import("./QRCode-WUC652SH.mjs").then((m) => ({ default: m.QRCode }))
 );
 var POLL_INTERVAL_MS = 4e3;
 function isRecord(value) {
@@ -1418,7 +1449,6 @@ function pickFallbackToken(tokens, current) {
 function DepositAddressStep({
   smartAccount,
   solanaDepositAddress,
-  isUpdating = false,
   service,
   allowedRoutes,
   targetChain,
@@ -1544,7 +1574,6 @@ function DepositAddressStep({
     };
   }, [chainDropdownOpen, tokenDropdownOpen]);
   const handleCopy = useCallback2(async () => {
-    if (isUpdating) return;
     onCopyAddress?.();
     try {
       await navigator.clipboard.writeText(displayAddress);
@@ -1562,7 +1591,7 @@ function DepositAddressStep({
       setCopied(true);
       setTimeout(() => setCopied(false), 2e3);
     }
-  }, [displayAddress, onCopyAddress, isUpdating]);
+  }, [displayAddress, onCopyAddress]);
   const handleSelectChain = useCallback2(
     (nextChain) => {
       const nextTokens = computeTokensForChain(nextChain, allowedTokenSet);
@@ -1818,38 +1847,17 @@ function DepositAddressStep({
         {
           style: { display: "flex", flexDirection: "column", gap: 4, width: "100%" },
           children: [
+            /* @__PURE__ */ jsxs6("div", { className: "rs-deposit-address-well", children: [
+              /* @__PURE__ */ jsx6("div", { className: "rs-deposit-address-qr", children: /* @__PURE__ */ jsx6(
+                Suspense,
+                {
+                  fallback: /* @__PURE__ */ jsx6("div", { className: "rs-skeleton rs-skeleton-qr", "aria-hidden": "true" }),
+                  children: /* @__PURE__ */ jsx6(QRCode, { value: displayAddress, size: 190, iconSrc: qrIconSrc })
+                }
+              ) }),
+              /* @__PURE__ */ jsx6("div", { className: "rs-deposit-address-value", children: displayAddress })
+            ] }),
             /* @__PURE__ */ jsxs6(
-              "div",
-              {
-                className: `rs-deposit-address-well ${isUpdating ? "rs-deposit-address-well--updating" : ""}`,
-                children: [
-                  /* @__PURE__ */ jsx6("div", { className: "rs-deposit-address-qr", children: /* @__PURE__ */ jsx6(
-                    Suspense,
-                    {
-                      fallback: /* @__PURE__ */ jsx6(
-                        "div",
-                        {
-                          style: {
-                            width: 200,
-                            height: 200,
-                            display: "flex",
-                            alignItems: "center",
-                            justifyContent: "center"
-                          },
-                          children: /* @__PURE__ */ jsx6(Spinner, {})
-                        }
-                      ),
-                      children: /* @__PURE__ */ jsx6(QRCode, { value: displayAddress, size: 200, iconSrc: qrIconSrc })
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsx6("div", { className: "rs-deposit-address-value", children: displayAddress })
-                ]
-              }
-            ),
-            isUpdating ? /* @__PURE__ */ jsxs6("output", { className: "rs-deposit-address-updating", children: [
-              /* @__PURE__ */ jsx6(Spinner, { className: "rs-spinner--sm" }),
-              "Updating deposit details\u2026"
-            ] }) : /* @__PURE__ */ jsxs6(
               "button",
               {
                 type: "button",
@@ -6391,7 +6399,6 @@ function DepositFlow({
             handleRetrySetup(dappAddress);
             return;
           }
-          if (transferCryptoState !== "ready") return;
           handleSelectTransferCrypto();
         } : void 0,
         onSelectPayWithCard: enableFiatOnramp && dappAddress && (!fiatOnrampMethods || fiatOnrampMethods.length === 0) ? () => handleSelectFiatMethod() : void 0,
@@ -6450,7 +6457,6 @@ function DepositFlow({
         {
           smartAccount: effectiveStep.smartAccount,
           solanaDepositAddress: enableSolana ? effectiveStep.solanaDepositAddress : void 0,
-          isUpdating: activeEntry.status !== "ready",
           service,
           allowedRoutes,
           targetChain,
@@ -7157,7 +7163,7 @@ DepositHistoryPanel.displayName = "DepositHistoryPanel";
 // src/DepositModal.tsx
 import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
 var ReownDepositInner = lazy2(
-  () => import("./DepositModalReown-HBAWSK6K.mjs").then((m) => ({ default: m.DepositModalReown }))
+  () => import("./DepositModalReown-DIUIB3MU.mjs").then((m) => ({ default: m.DepositModalReown }))
 );
 function sortByCreatedAtDesc(items) {
   return [...items].sort((a, b) => {

package/dist/deposit.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkSEOQ66FWcjs = require('./chunk-SEOQ66FW.cjs');
-require('./chunk-DZNXG5JK.cjs');
+var _chunk3CYGTYMYcjs = require('./chunk-3CYGTYMY.cjs');
+require('./chunk-N4XRQPVA.cjs');
 require('./chunk-7JIDIX27.cjs');
 
 
-exports.DepositModal = _chunkSEOQ66FWcjs.DepositModal;
+exports.DepositModal = _chunk3CYGTYMYcjs.DepositModal;

package/dist/deposit.mjs

@@ -1,7 +1,7 @@
 import {
   DepositModal
-} from "./chunk-HZBO2SIZ.mjs";
-import "./chunk-6K4JHM2D.mjs";
+} from "./chunk-XG474KUR.mjs";
+import "./chunk-4ZN726P5.mjs";
 import "./chunk-SZIYS42B.mjs";
 export {
   DepositModal

package/dist/index.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkSEOQ66FWcjs = require('./chunk-SEOQ66FW.cjs');
+var _chunk3CYGTYMYcjs = require('./chunk-3CYGTYMY.cjs');
 
 
-var _chunk6RCOF3XUcjs = require('./chunk-6RCOF3XU.cjs');
-require('./chunk-DZNXG5JK.cjs');
+var _chunk2NUXDEEOcjs = require('./chunk-2NUXDEEO.cjs');
+require('./chunk-N4XRQPVA.cjs');
 
 
 
@@ -79,4 +79,4 @@ async function disconnectWallet() {
 
 
 
-exports.CHAIN_BY_ID = _chunk7JIDIX27cjs.CHAIN_BY_ID; exports.DEFAULT_BACKEND_URL = _chunk7JIDIX27cjs.DEFAULT_BACKEND_URL; exports.DEFAULT_SIGNER_ADDRESS = _chunk7JIDIX27cjs.DEFAULT_SIGNER_ADDRESS; exports.DepositModal = _chunkSEOQ66FWcjs.DepositModal; exports.NATIVE_TOKEN_ADDRESS = _chunk7JIDIX27cjs.NATIVE_TOKEN_ADDRESS; exports.SOURCE_CHAINS = _chunk7JIDIX27cjs.SOURCE_CHAINS; exports.SUPPORTED_CHAINS = _chunk7JIDIX27cjs.SUPPORTED_CHAINS; exports.WithdrawModal = _chunk6RCOF3XUcjs.WithdrawModal; exports.chainRegistry = _chunk7JIDIX27cjs.chainRegistry; exports.disconnectWallet = disconnectWallet; exports.findChainIdForToken = _chunk7JIDIX27cjs.findChainIdForToken; exports.getChainBadge = _chunk7JIDIX27cjs.getChainBadge; exports.getChainIcon = _chunk7JIDIX27cjs.getChainIcon; exports.getChainId = _chunk7JIDIX27cjs.getChainId; exports.getChainName = _chunk7JIDIX27cjs.getChainName; exports.getChainObject = _chunk7JIDIX27cjs.getChainObject; exports.getExplorerName = _chunk7JIDIX27cjs.getExplorerName; exports.getExplorerTxUrl = _chunk7JIDIX27cjs.getExplorerTxUrl; exports.getExplorerUrl = _chunk7JIDIX27cjs.getExplorerUrl; exports.getSupportedChainIds = _chunk7JIDIX27cjs.getSupportedChainIds; exports.getSupportedTargetTokens = _chunk7JIDIX27cjs.getSupportedTargetTokens; exports.getSupportedTokenSymbolsForChain = _chunk7JIDIX27cjs.getSupportedTokenSymbolsForChain; exports.getTargetTokenSymbolsForChain = _chunk7JIDIX27cjs.getTargetTokenSymbolsForChain; exports.getTokenAddress = _chunk7JIDIX27cjs.getTokenAddress; exports.getTokenDecimals = _chunk7JIDIX27cjs.getTokenDecimals; exports.getTokenDecimalsByAddress = _chunk7JIDIX27cjs.getTokenDecimalsByAddress; exports.getTokenIcon = _chunk7JIDIX27cjs.getTokenIcon; exports.getTokenSymbol = _chunk7JIDIX27cjs.getTokenSymbol; exports.getUsdcAddress = _chunk7JIDIX27cjs.getUsdcAddress; exports.getUsdcDecimals = _chunk7JIDIX27cjs.getUsdcDecimals; exports.isSupportedTokenAddressForChain = _chunk7JIDIX27cjs.isSupportedTokenAddressForChain;
+exports.CHAIN_BY_ID = _chunk7JIDIX27cjs.CHAIN_BY_ID; exports.DEFAULT_BACKEND_URL = _chunk7JIDIX27cjs.DEFAULT_BACKEND_URL; exports.DEFAULT_SIGNER_ADDRESS = _chunk7JIDIX27cjs.DEFAULT_SIGNER_ADDRESS; exports.DepositModal = _chunk3CYGTYMYcjs.DepositModal; exports.NATIVE_TOKEN_ADDRESS = _chunk7JIDIX27cjs.NATIVE_TOKEN_ADDRESS; exports.SOURCE_CHAINS = _chunk7JIDIX27cjs.SOURCE_CHAINS; exports.SUPPORTED_CHAINS = _chunk7JIDIX27cjs.SUPPORTED_CHAINS; exports.WithdrawModal = _chunk2NUXDEEOcjs.WithdrawModal; exports.chainRegistry = _chunk7JIDIX27cjs.chainRegistry; exports.disconnectWallet = disconnectWallet; exports.findChainIdForToken = _chunk7JIDIX27cjs.findChainIdForToken; exports.getChainBadge = _chunk7JIDIX27cjs.getChainBadge; exports.getChainIcon = _chunk7JIDIX27cjs.getChainIcon; exports.getChainId = _chunk7JIDIX27cjs.getChainId; exports.getChainName = _chunk7JIDIX27cjs.getChainName; exports.getChainObject = _chunk7JIDIX27cjs.getChainObject; exports.getExplorerName = _chunk7JIDIX27cjs.getExplorerName; exports.getExplorerTxUrl = _chunk7JIDIX27cjs.getExplorerTxUrl; exports.getExplorerUrl = _chunk7JIDIX27cjs.getExplorerUrl; exports.getSupportedChainIds = _chunk7JIDIX27cjs.getSupportedChainIds; exports.getSupportedTargetTokens = _chunk7JIDIX27cjs.getSupportedTargetTokens; exports.getSupportedTokenSymbolsForChain = _chunk7JIDIX27cjs.getSupportedTokenSymbolsForChain; exports.getTargetTokenSymbolsForChain = _chunk7JIDIX27cjs.getTargetTokenSymbolsForChain; exports.getTokenAddress = _chunk7JIDIX27cjs.getTokenAddress; exports.getTokenDecimals = _chunk7JIDIX27cjs.getTokenDecimals; exports.getTokenDecimalsByAddress = _chunk7JIDIX27cjs.getTokenDecimalsByAddress; exports.getTokenIcon = _chunk7JIDIX27cjs.getTokenIcon; exports.getTokenSymbol = _chunk7JIDIX27cjs.getTokenSymbol; exports.getUsdcAddress = _chunk7JIDIX27cjs.getUsdcAddress; exports.getUsdcDecimals = _chunk7JIDIX27cjs.getUsdcDecimals; exports.isSupportedTokenAddressForChain = _chunk7JIDIX27cjs.isSupportedTokenAddressForChain;

package/dist/index.mjs

@@ -1,10 +1,10 @@
 import {
   DepositModal
-} from "./chunk-HZBO2SIZ.mjs";
+} from "./chunk-XG474KUR.mjs";
 import {
   WithdrawModal
-} from "./chunk-EC63ZHY4.mjs";
-import "./chunk-6K4JHM2D.mjs";
+} from "./chunk-VD4WTEHP.mjs";
+import "./chunk-4ZN726P5.mjs";
 import {
   CHAIN_BY_ID,
   DEFAULT_BACKEND_URL,

package/dist/styles.css

@@ -391,21 +391,17 @@
   padding-inline: 16px;
 }
 
-.rs-modal-body::-webkit-scrollbar {
-  width: 6px;
+/* Scrollbars are hidden throughout the modal UI. The portfolio list
+   (.rs-asset-list) is the sole exception — it keeps a visible scrollbar since
+   it's a long, independently-scrolling list. The :not() exemption also keeps
+   this rule's specificity above the per-container scrollbar rules elsewhere. */
+.rs-modal *:not(.rs-asset-list) {
+  scrollbar-width: none;
 }
 
-.rs-modal-body::-webkit-scrollbar-track {
-  background: transparent;
-}
-
-.rs-modal-body::-webkit-scrollbar-thumb {
-  background-color: var(--rs-surface-hover);
-  border-radius: var(--rs-radius-full);
-}
-
-.rs-modal-body::-webkit-scrollbar-thumb:hover {
-  background-color: var(--rs-muted-foreground);
+.rs-modal *:not(.rs-asset-list)::-webkit-scrollbar {
+  width: 0;
+  height: 0;
 }
 
 /* =============================================================================
@@ -1111,7 +1107,10 @@
   display: flex;
   flex-direction: column;
   gap: 4px;
-  max-height: 320px;
+  /* Figma's asset list is 284px — exactly 4 rows (4×68 + 3×4 gaps). Cap here
+     so wallets with many assets scroll inside instead of growing the modal
+     past the design's height. */
+  max-height: 284px;
   overflow-y: auto;
   overscroll-behavior: contain;
   /* Pull rows back to the row's natural left edge inside a scrollable
@@ -3004,11 +3003,13 @@
   align-items: center;
   justify-content: space-between;
   gap: 6px;
+  white-space: nowrap;
 }
 
 .rs-deposit-address-min {
   display: inline-flex;
   align-items: center;
+  flex-shrink: 0;
   gap: 4px;
   font-size: 11px;
   font-weight: 500;
@@ -3016,8 +3017,8 @@
 }
 
 .rs-deposit-address-min-icon {
-  width: 16px;
-  height: 16px;
+  width: 12px;
+  height: 12px;
   flex-shrink: 0;
   color: var(--rs-icon-secondary);
 }
@@ -3041,6 +3042,7 @@
   border: none;
   cursor: pointer;
   font-family: inherit;
+  line-height: normal;
   color: var(--rs-muted);
   text-align: left;
 }
@@ -3202,7 +3204,10 @@
   align-items: center;
   gap: 8px;
   width: 100%;
-  padding: 12px;
+  /* 11px vertical (not 12) so the 1px border lands the input at Figma's
+     48px total height — Figma draws the stroke inside the box, CSS adds it
+     outside. Horizontal stays 12px to match the design. */
+  padding: 11px 12px;
   background: var(--rs-surface-subtle);
   border-radius: 8px;
   border: 1px solid var(--rs-surface-subtle);
@@ -3310,39 +3315,18 @@
   border-radius: 8px;
 }
 
-/* Mid-refetch: dim the address/QR and block interaction so a stale
-   registration can't be copied or scanned until setup is ready again. */
-.rs-deposit-address-well--updating {
-  opacity: 0.4;
-  pointer-events: none;
-  filter: grayscale(0.3);
-  transition: opacity 0.15s;
-}
-
-.rs-deposit-address-updating {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-  width: 100%;
-  padding: 10px 12px;
-  font-size: 14px;
-  font-weight: 500;
-  color: var(--rs-muted);
-}
-
 .rs-deposit-address-qr {
   display: flex;
   align-items: center;
   justify-content: center;
-  padding: 12px;
+  padding: 16px;
 }
 
 .rs-deposit-address-qr canvas,
 .rs-deposit-address-qr svg {
   display: block;
-  width: 200px;
-  height: 200px;
+  width: 190px;
+  height: 190px;
 }
 
 .rs-deposit-address-value {
@@ -3384,8 +3368,8 @@
 }
 
 .rs-skeleton-qr {
-  width: 200px;
-  height: 200px;
+  width: 190px;
+  height: 190px;
 }
 
 .rs-skeleton-address {
@@ -3417,6 +3401,7 @@
   color: var(--rs-foreground);
   font-size: 14px;
   font-weight: 500;
+  line-height: normal;
   font-family: inherit;
   cursor: pointer;
   transition: background-color 0.15s;
@@ -3521,8 +3506,8 @@
 .rs-deposit-notifications {
   position: absolute;
   bottom: 12px;
-  left: 12px;
-  right: 12px;
+  left: 0;
+  right: 0;
   z-index: 10;
   display: flex;
   flex-direction: column;
@@ -3579,7 +3564,8 @@
   justify-content: center;
 }
 
-.rs-deposit-notification-badge svg {
+.rs-deposit-notification-badge--complete svg,
+.rs-deposit-notification-badge--failed svg {
   width: 20px;
   height: 20px;
 }
@@ -3599,9 +3585,29 @@
   color: var(--rs-icon-secondary);
 }
 
-.rs-deposit-notification-badge--processing .rs-spinner {
+.rs-deposit-notification-spinner {
   width: 42px;
   height: 42px;
+  animation: rs-spin 1s linear infinite;
+}
+
+/* Spinner ring/arc colors flip with the theme. Light: a faint zinc-200 ring
+   with a zinc-600 arc on the near-white card. Dark: the Figma values — a
+   zinc-300 ring with a zinc-600 arc on the #18181b card. */
+.rs-deposit-notification-spinner-track {
+  stroke: #e4e4e7;
+}
+
+.rs-deposit-notification-spinner-head {
+  stroke: #52525c;
+}
+
+.rs-modal[data-theme="dark"] .rs-deposit-notification-spinner-track {
+  stroke: #d4d4d8;
+}
+
+.rs-modal[data-theme="dark"] .rs-deposit-notification-spinner-head {
+  stroke: #52525c;
 }
 
 .rs-deposit-notification-content {
@@ -4049,23 +4055,6 @@
   padding-right: 2px;
 }
 
-.rs-history-list::-webkit-scrollbar {
-  width: 6px;
-}
-
-.rs-history-list::-webkit-scrollbar-thumb {
-  background-color: var(--rs-surface-hover);
-  border-radius: var(--rs-radius-full);
-}
-
-.rs-history-list::-webkit-scrollbar-thumb:hover {
-  background-color: var(--rs-muted-foreground);
-}
-
-.rs-history-list::-webkit-scrollbar-track {
-  background: transparent;
-}
-
 /* Card */
 .rs-history-card {
   width: 100%;
@@ -4408,6 +4397,12 @@
   gap: 8px;
 }
 
+/* Figma gives subtitle headers a 12px icon→title gap (vs 8px for title-only
+   headers like the QR screen). */
+.rs-body-header:has(.rs-body-header-subtitle) {
+  gap: 12px;
+}
+
 .rs-body-header-icon {
   display: inline-flex;
   align-items: center;
@@ -4456,7 +4451,7 @@
 .rs-body-header-subtitle {
   font-size: 14px;
   font-weight: 500;
-  line-height: 1.4;
+  line-height: normal;
   color: var(--rs-muted);
   margin: 0;
 }

package/dist/withdraw.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk6RCOF3XUcjs = require('./chunk-6RCOF3XU.cjs');
-require('./chunk-DZNXG5JK.cjs');
+var _chunk2NUXDEEOcjs = require('./chunk-2NUXDEEO.cjs');
+require('./chunk-N4XRQPVA.cjs');
 require('./chunk-7JIDIX27.cjs');
 
 
-exports.WithdrawModal = _chunk6RCOF3XUcjs.WithdrawModal;
+exports.WithdrawModal = _chunk2NUXDEEOcjs.WithdrawModal;

package/dist/withdraw.mjs

@@ -1,7 +1,7 @@
 import {
   WithdrawModal
-} from "./chunk-EC63ZHY4.mjs";
-import "./chunk-6K4JHM2D.mjs";
+} from "./chunk-VD4WTEHP.mjs";
+import "./chunk-4ZN726P5.mjs";
 import "./chunk-SZIYS42B.mjs";
 export {
   WithdrawModal

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rhinestone/deposit-modal",
-  "version": "0.3.0-alpha.13",
+  "version": "0.3.0-alpha.14",
   "description": "React modal component for Rhinestone cross-chain deposits",
   "author": "Rhinestone <dev@rhinestone.wtf>",
   "bugs": {