@rhinestone/deposit-modal 0.0.0-dev-20260617120607 → 0.0.0-dev-20260617160708

package/dist/deposit.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk7MP2UWIQcjs = require('./chunk-7MP2UWIQ.cjs');
+var _chunkXOXF3RIGcjs = require('./chunk-XOXF3RIG.cjs');
 require('./chunk-NRNJAQUA.cjs');
-require('./chunk-OQVLEVNR.cjs');
+require('./chunk-FF27W35D.cjs');
 require('./chunk-UEKPBRBY.cjs');
 require('./chunk-ABVRVW3P.cjs');
 
 
-exports.DepositModal = _chunk7MP2UWIQcjs.DepositModal;
+exports.DepositModal = _chunkXOXF3RIGcjs.DepositModal;

package/dist/deposit.mjs

@@ -1,8 +1,8 @@
 import {
   DepositModal
-} from "./chunk-3PVDRSJ7.mjs";
+} from "./chunk-KNP4QWHF.mjs";
 import "./chunk-FJWLC4AM.mjs";
-import "./chunk-GKC22JC4.mjs";
+import "./chunk-O754ZFAA.mjs";
 import "./chunk-F7P4MV72.mjs";
 import "./chunk-WJX3TJFK.mjs";
 export {

package/dist/index.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk7MP2UWIQcjs = require('./chunk-7MP2UWIQ.cjs');
+var _chunkXOXF3RIGcjs = require('./chunk-XOXF3RIG.cjs');
 require('./chunk-NRNJAQUA.cjs');
 
 
-var _chunkAE5LHTPMcjs = require('./chunk-AE5LHTPM.cjs');
-require('./chunk-OQVLEVNR.cjs');
+var _chunk33WCLK5Ucjs = require('./chunk-33WCLK5U.cjs');
+require('./chunk-FF27W35D.cjs');
 require('./chunk-UEKPBRBY.cjs');
 
 
@@ -85,4 +85,4 @@ async function disconnectWallet() {
 
 
 
-exports.CHAIN_BY_ID = _chunkABVRVW3Pcjs.CHAIN_BY_ID; exports.DEFAULT_BACKEND_URL = _chunkABVRVW3Pcjs.DEFAULT_BACKEND_URL; exports.DEFAULT_SIGNER_ADDRESS = _chunkABVRVW3Pcjs.DEFAULT_SIGNER_ADDRESS; exports.DepositModal = _chunk7MP2UWIQcjs.DepositModal; exports.HYPERCORE_CHAIN_ID = _chunkABVRVW3Pcjs.HYPERCORE_CHAIN_ID; exports.HYPERCORE_USDC_ADDRESS = _chunkABVRVW3Pcjs.HYPERCORE_USDC_ADDRESS; exports.NATIVE_TOKEN_ADDRESS = _chunkABVRVW3Pcjs.NATIVE_TOKEN_ADDRESS; exports.SOURCE_CHAINS = _chunkABVRVW3Pcjs.SOURCE_CHAINS; exports.SUPPORTED_CHAINS = _chunkABVRVW3Pcjs.SUPPORTED_CHAINS; exports.WithdrawModal = _chunkAE5LHTPMcjs.WithdrawModal; exports.chainRegistry = _chunkABVRVW3Pcjs.chainRegistry; exports.disconnectWallet = disconnectWallet; exports.findChainIdForToken = _chunkABVRVW3Pcjs.findChainIdForToken; exports.getChainBadge = _chunkABVRVW3Pcjs.getChainBadge; exports.getChainIcon = _chunkABVRVW3Pcjs.getChainIcon; exports.getChainId = _chunkABVRVW3Pcjs.getChainId; exports.getChainName = _chunkABVRVW3Pcjs.getChainName; exports.getChainObject = _chunkABVRVW3Pcjs.getChainObject; exports.getExplorerName = _chunkABVRVW3Pcjs.getExplorerName; exports.getExplorerTxUrl = _chunkABVRVW3Pcjs.getExplorerTxUrl; exports.getExplorerUrl = _chunkABVRVW3Pcjs.getExplorerUrl; exports.getSupportedChainIds = _chunkABVRVW3Pcjs.getSupportedChainIds; exports.getSupportedTargetTokens = _chunkABVRVW3Pcjs.getSupportedTargetTokens; exports.getSupportedTokenSymbolsForChain = _chunkABVRVW3Pcjs.getSupportedTokenSymbolsForChain; exports.getTargetTokenSymbolsForChain = _chunkABVRVW3Pcjs.getTargetTokenSymbolsForChain; exports.getTokenAddress = _chunkABVRVW3Pcjs.getTokenAddress; exports.getTokenDecimals = _chunkABVRVW3Pcjs.getTokenDecimals; exports.getTokenDecimalsByAddress = _chunkABVRVW3Pcjs.getTokenDecimalsByAddress; exports.getTokenIcon = _chunkABVRVW3Pcjs.getTokenIcon; exports.getTokenSymbol = _chunkABVRVW3Pcjs.getTokenSymbol; exports.getUsdcAddress = _chunkABVRVW3Pcjs.getUsdcAddress; exports.getUsdcDecimals = _chunkABVRVW3Pcjs.getUsdcDecimals; exports.isSupportedTokenAddressForChain = _chunkABVRVW3Pcjs.isSupportedTokenAddressForChain;
+exports.CHAIN_BY_ID = _chunkABVRVW3Pcjs.CHAIN_BY_ID; exports.DEFAULT_BACKEND_URL = _chunkABVRVW3Pcjs.DEFAULT_BACKEND_URL; exports.DEFAULT_SIGNER_ADDRESS = _chunkABVRVW3Pcjs.DEFAULT_SIGNER_ADDRESS; exports.DepositModal = _chunkXOXF3RIGcjs.DepositModal; exports.HYPERCORE_CHAIN_ID = _chunkABVRVW3Pcjs.HYPERCORE_CHAIN_ID; exports.HYPERCORE_USDC_ADDRESS = _chunkABVRVW3Pcjs.HYPERCORE_USDC_ADDRESS; exports.NATIVE_TOKEN_ADDRESS = _chunkABVRVW3Pcjs.NATIVE_TOKEN_ADDRESS; exports.SOURCE_CHAINS = _chunkABVRVW3Pcjs.SOURCE_CHAINS; exports.SUPPORTED_CHAINS = _chunkABVRVW3Pcjs.SUPPORTED_CHAINS; exports.WithdrawModal = _chunk33WCLK5Ucjs.WithdrawModal; exports.chainRegistry = _chunkABVRVW3Pcjs.chainRegistry; exports.disconnectWallet = disconnectWallet; exports.findChainIdForToken = _chunkABVRVW3Pcjs.findChainIdForToken; exports.getChainBadge = _chunkABVRVW3Pcjs.getChainBadge; exports.getChainIcon = _chunkABVRVW3Pcjs.getChainIcon; exports.getChainId = _chunkABVRVW3Pcjs.getChainId; exports.getChainName = _chunkABVRVW3Pcjs.getChainName; exports.getChainObject = _chunkABVRVW3Pcjs.getChainObject; exports.getExplorerName = _chunkABVRVW3Pcjs.getExplorerName; exports.getExplorerTxUrl = _chunkABVRVW3Pcjs.getExplorerTxUrl; exports.getExplorerUrl = _chunkABVRVW3Pcjs.getExplorerUrl; exports.getSupportedChainIds = _chunkABVRVW3Pcjs.getSupportedChainIds; exports.getSupportedTargetTokens = _chunkABVRVW3Pcjs.getSupportedTargetTokens; exports.getSupportedTokenSymbolsForChain = _chunkABVRVW3Pcjs.getSupportedTokenSymbolsForChain; exports.getTargetTokenSymbolsForChain = _chunkABVRVW3Pcjs.getTargetTokenSymbolsForChain; exports.getTokenAddress = _chunkABVRVW3Pcjs.getTokenAddress; exports.getTokenDecimals = _chunkABVRVW3Pcjs.getTokenDecimals; exports.getTokenDecimalsByAddress = _chunkABVRVW3Pcjs.getTokenDecimalsByAddress; exports.getTokenIcon = _chunkABVRVW3Pcjs.getTokenIcon; exports.getTokenSymbol = _chunkABVRVW3Pcjs.getTokenSymbol; exports.getUsdcAddress = _chunkABVRVW3Pcjs.getUsdcAddress; exports.getUsdcDecimals = _chunkABVRVW3Pcjs.getUsdcDecimals; exports.isSupportedTokenAddressForChain = _chunkABVRVW3Pcjs.isSupportedTokenAddressForChain;

package/dist/index.mjs

@@ -1,11 +1,11 @@
 import {
   DepositModal
-} from "./chunk-3PVDRSJ7.mjs";
+} from "./chunk-KNP4QWHF.mjs";
 import "./chunk-FJWLC4AM.mjs";
 import {
   WithdrawModal
-} from "./chunk-WCIGOV34.mjs";
-import "./chunk-GKC22JC4.mjs";
+} from "./chunk-5UWBHOFH.mjs";
+import "./chunk-O754ZFAA.mjs";
 import "./chunk-F7P4MV72.mjs";
 import {
   CHAIN_BY_ID,

package/dist/styles.css

@@ -4595,19 +4595,40 @@
 
 /* Segmented toggle (Crypto / Cash) — Figma "toggle container". */
 .rs-segmented {
-  display: inline-flex;
+  position: relative;
+  display: grid;
+  grid-auto-flow: column;
+  grid-auto-columns: 1fr;
   align-items: center;
-  gap: 2px;
   padding: 2px;
   background: var(--rs-segmented-track);
   border-radius: var(--rs-radius-full);
+  isolation: isolate;
+}
+
+.rs-segmented-thumb {
+  position: absolute;
+  z-index: 0;
+  top: 2px;
+  bottom: 2px;
+  left: 2px;
+  width: calc((100% - 4px) / var(--rs-segmented-count));
+  border-radius: var(--rs-radius-full);
+  background: var(--rs-segmented-active-bg);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
+  transform: translateX(calc(var(--rs-segmented-index) * 100%));
+  transition: transform 180ms ease;
+  pointer-events: none;
 }
 
 .rs-segmented-option {
+  position: relative;
+  z-index: 1;
   appearance: none;
   border: 0;
   background: transparent;
   padding: 5px 12px;
+  min-width: 70px;
   border-radius: var(--rs-radius-full);
   font-family: inherit;
   font-size: 13px;
@@ -4616,9 +4637,7 @@
   color: var(--rs-segmented-idle-fg);
   cursor: pointer;
   transition:
-    background-color 0.15s,
-    color 0.15s,
-    box-shadow 0.15s;
+    color 0.15s;
 }
 
 .rs-segmented-option:focus-visible {
@@ -4627,9 +4646,7 @@
 }
 
 .rs-segmented-option--active {
-  background: var(--rs-segmented-active-bg);
   color: var(--rs-segmented-active-fg);
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
 }
 
 /* Ticker — per-digit odometer-style animation for the live timer.
@@ -4852,19 +4869,40 @@
   display: block;
 }
 
-/* Card-network chips: wider rounded tiles rather than circles. */
-.rs-list-row-meta-icons--cards > * {
-  width: 26px;
+.rs-list-row-meta-icons--exchanges > * {
+  border-radius: 4px;
+}
+
+/* Card-network chips: fixed logo tiles using each mark's native aspect. */
+.rs-list-row-meta-icons--cards > .rs-card-network {
   height: 18px;
   border-radius: 3px;
-  overflow: visible;
-  box-shadow: none;
+  overflow: hidden;
+  background: #ffffff;
+  box-shadow: 0 0 0 1px rgba(24, 24, 27, 0.08);
+}
+
+.rs-list-row-meta-icons--cards > .rs-card-network--amex {
+  width: 22px;
+}
+
+.rs-list-row-meta-icons--cards > .rs-card-network--visa {
+  width: 30px;
 }
 
-.rs-list-row-meta-icons--cards > * + * {
+.rs-list-row-meta-icons--cards > .rs-card-network--mastercard {
+  width: 22px;
+}
+
+.rs-list-row-meta-icons--cards > .rs-card-network + .rs-card-network {
   margin-left: -4px;
 }
 
+.rs-list-row-meta-icons--cards .rs-card-network svg {
+  width: 100%;
+  height: 100%;
+}
+
 .rs-list-row-chevron {
   flex-shrink: 0;
   width: 16px;
@@ -4906,10 +4944,13 @@
    ============================================================================= */
 
 /* `.rs-fiat-onramp` is a marker class on the .rs-screen root so the
-   modal-content `:has()` rules below can size correctly. Layout (padding,
-   gap, flex direction) comes from .rs-screen itself, identical to
-   ConnectStep — keeps the top of the page visually unchanged across the
-   payment-method picker → Swapped iframe transition. */
+   modal-content `:has()` rules below can size correctly. The Swapped iframe
+   phase intentionally omits the BodyHeader so the embedded widget starts
+   immediately below the modal nav chrome. */
+
+.rs-fiat-onramp-body {
+  gap: 0;
+}
 
 .rs-fiat-onramp-banner {
   display: flex;
@@ -5099,9 +5140,9 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: 44px;
-  height: 44px;
-  border-radius: 10px;
+  width: 32px;
+  height: 32px;
+  border-radius: 4px;
   background: var(--rs-surface);
   color: #71717b;
   overflow: hidden;
@@ -5121,9 +5162,11 @@
   background: transparent;
 }
 
+.rs-exchange-card-logo--brand img,
 .rs-exchange-card-logo--brand svg {
   width: 100%;
   height: 100%;
+  object-fit: cover;
 }
 
 .rs-exchange-card-name {
@@ -5201,11 +5244,11 @@
    when the iframe→tracker phase swap fires. */
 .rs-modal-content:has(.rs-modal-body[data-flow-mode="fiat-onramp"][data-step-type="setup"]),
 .rs-modal-content:has(.rs-modal-body[data-flow-mode="fiat-onramp"] .rs-fiat-onramp) {
-  min-height: 795px;
+  min-height: 699px;
 }
 .rs-modal-content:has(.rs-modal-body[data-flow-mode="exchange-connect"][data-step-type="setup"]),
 .rs-modal-content:has(.rs-modal-body[data-flow-mode="exchange-connect"] .rs-fiat-onramp) {
-  min-height: 794px;
+  min-height: 698px;
 }
 
 /* =============================================================================
@@ -5260,15 +5303,21 @@
   padding: 16px 0;
 }
 
-/* Dotted vertical connector between adjacent step markers. */
+/* Dashed vertical connector between adjacent step markers. */
 .rs-swapped-tracker-step + .rs-swapped-tracker-step::before {
   content: "";
   position: absolute;
   top: -14px;
   right: 11px;
-  width: 0;
+  width: 2px;
   height: 28px;
-  border-left: 1.5px dotted #d4d4d8;
+  background: repeating-linear-gradient(
+    to bottom,
+    #5f5f5f 0,
+    #5f5f5f 3px,
+    transparent 3px,
+    transparent 7px
+  );
 }
 
 .rs-swapped-tracker-step-label {
@@ -5292,7 +5341,8 @@
 }
 
 .rs-swapped-tracker-step--active .rs-swapped-tracker-step-marker {
-  border-color: #d4d4d8;
+  border-color: transparent;
+  border-width: 0;
   background: transparent;
   /* Spinner SVG uses currentColor; base marker class sets color:transparent
      for the (hidden) ring glyph — re-establish a visible color here so the
@@ -5301,8 +5351,10 @@
 }
 
 .rs-swapped-tracker-step--active .rs-swapped-tracker-step-marker .rs-spinner {
-  width: 14px;
-  height: 14px;
+  display: block;
+  flex: 0 0 24px;
+  width: 24px;
+  height: 24px;
 }
 
 /* Satisfying scale-pop when a step ticks complete — the color transition
@@ -5370,13 +5422,13 @@
   background: var(--rs-border);
 }
 
-.rs-modal[data-theme="dark"] .rs-swapped-tracker-step + .rs-swapped-tracker-step::before {
-  border-left-color: #3f3f46;
+.rs-modal[data-theme="dark"] .rs-swapped-tracker-step--pending .rs-swapped-tracker-step-marker {
+  border-color: #3f3f46;
 }
 
-.rs-modal[data-theme="dark"] .rs-swapped-tracker-step--pending .rs-swapped-tracker-step-marker,
 .rs-modal[data-theme="dark"] .rs-swapped-tracker-step--active .rs-swapped-tracker-step-marker {
-  border-color: #3f3f46;
+  border-color: transparent;
+  color: #fafafa;
 }
 
 .rs-modal[data-theme="dark"] .rs-swapped-tracker-step--complete .rs-swapped-tracker-step-marker {

package/dist/withdraw.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkAE5LHTPMcjs = require('./chunk-AE5LHTPM.cjs');
-require('./chunk-OQVLEVNR.cjs');
+var _chunk33WCLK5Ucjs = require('./chunk-33WCLK5U.cjs');
+require('./chunk-FF27W35D.cjs');
 require('./chunk-UEKPBRBY.cjs');
 require('./chunk-ABVRVW3P.cjs');
 
 
-exports.WithdrawModal = _chunkAE5LHTPMcjs.WithdrawModal;
+exports.WithdrawModal = _chunk33WCLK5Ucjs.WithdrawModal;

package/dist/withdraw.mjs

@@ -1,7 +1,7 @@
 import {
   WithdrawModal
-} from "./chunk-WCIGOV34.mjs";
-import "./chunk-GKC22JC4.mjs";
+} from "./chunk-5UWBHOFH.mjs";
+import "./chunk-O754ZFAA.mjs";
 import "./chunk-F7P4MV72.mjs";
 import "./chunk-WJX3TJFK.mjs";
 export {

package/package.json

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