@rhinestone/deposit-modal 0.1.53 → 0.1.55

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/dist/{DepositModalReown-LNZ46L4O.mjs → DepositModalReown-5QKEE7R3.mjs} +3 -3
  2. package/dist/{DepositModalReown-OXAW4Y7O.cjs → DepositModalReown-XKP2Z55X.cjs} +4 -4
  3. package/dist/{WithdrawModalReown-V3ZJESQ5.cjs → WithdrawModalReown-CN2NJUYL.cjs} +4 -4
  4. package/dist/{WithdrawModalReown-EE74V66X.mjs → WithdrawModalReown-K57JK52O.mjs} +3 -3
  5. package/dist/{chunk-ZB5Y2ACC.mjs → chunk-AJUR6FAP.mjs} +23 -8
  6. package/dist/{chunk-ZJQZEIHA.mjs → chunk-CIXHTOO3.mjs} +1 -1
  7. package/dist/{chunk-DBBSH7HP.cjs → chunk-EAEDK474.cjs} +58 -32
  8. package/dist/{chunk-REDAO3MS.mjs → chunk-JQTV5JTB.mjs} +37 -11
  9. package/dist/{chunk-47WDWD6Z.cjs → chunk-QJVXCBUI.cjs} +231 -216
  10. package/dist/{chunk-4BL7RCZB.mjs → chunk-QOEACKBH.mjs} +53 -27
  11. package/dist/{chunk-NELAYNA3.cjs → chunk-R6U6BHCV.cjs} +1 -1
  12. package/dist/{chunk-K57KO3SW.cjs → chunk-XMNGYDDB.cjs} +120 -94
  13. package/dist/constants.cjs +2 -2
  14. package/dist/constants.mjs +1 -1
  15. package/dist/deposit.cjs +4 -4
  16. package/dist/deposit.d.cts +2 -2
  17. package/dist/deposit.d.ts +2 -2
  18. package/dist/deposit.mjs +3 -3
  19. package/dist/index.cjs +5 -5
  20. package/dist/index.d.cts +1 -1
  21. package/dist/index.d.ts +1 -1
  22. package/dist/index.mjs +4 -4
  23. package/dist/reown.cjs +5 -5
  24. package/dist/reown.d.cts +1 -1
  25. package/dist/reown.d.ts +1 -1
  26. package/dist/reown.mjs +4 -4
  27. package/dist/styles.css +45 -55
  28. package/dist/{types-D1nvo2dK.d.ts → types-B7UuWCtD.d.ts} +3 -0
  29. package/dist/{types-DgiqazTb.d.cts → types-CL7ec666.d.cts} +3 -0
  30. package/dist/withdraw.cjs +4 -4
  31. package/dist/withdraw.d.cts +2 -2
  32. package/dist/withdraw.d.ts +2 -2
  33. package/dist/withdraw.mjs +3 -3
  34. package/package.json +1 -1
package/dist/deposit.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { d as DepositModalProps } from './types-D1nvo2dK.js';
3
- export { A as AssetOption, a as ConnectedEventData, D as DepositCompleteEventData, b as DepositFailedEventData, c as DepositModalBranding, e as DepositModalTheme, f as DepositModalUIConfig, g as DepositSubmittedEventData, E as ErrorEventData } from './types-D1nvo2dK.js';
2
+ import { d as DepositModalProps } from './types-B7UuWCtD.js';
3
+ export { A as AssetOption, a as ConnectedEventData, D as DepositCompleteEventData, b as DepositFailedEventData, c as DepositModalBranding, e as DepositModalTheme, f as DepositModalUIConfig, g as DepositSubmittedEventData, E as ErrorEventData } from './types-B7UuWCtD.js';
4
4
  import 'viem';
5
5
  import './safe.js';
6
6
 
package/dist/deposit.mjs CHANGED
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  DepositModal
3
- } from "./chunk-ZB5Y2ACC.mjs";
4
- import "./chunk-REDAO3MS.mjs";
5
- import "./chunk-ZJQZEIHA.mjs";
3
+ } from "./chunk-AJUR6FAP.mjs";
4
+ import "./chunk-JQTV5JTB.mjs";
5
+ import "./chunk-CIXHTOO3.mjs";
6
6
  export {
7
7
  DepositModal
8
8
  };
package/dist/index.cjs CHANGED
@@ -1,10 +1,10 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
- var _chunk47WDWD6Zcjs = require('./chunk-47WDWD6Z.cjs');
3
+ var _chunkQJVXCBUIcjs = require('./chunk-QJVXCBUI.cjs');
4
4
 
5
5
 
6
- var _chunkK57KO3SWcjs = require('./chunk-K57KO3SW.cjs');
7
- require('./chunk-DBBSH7HP.cjs');
6
+ var _chunkXMNGYDDBcjs = require('./chunk-XMNGYDDB.cjs');
7
+ require('./chunk-EAEDK474.cjs');
8
8
 
9
9
 
10
10
 
@@ -34,7 +34,7 @@ require('./chunk-DBBSH7HP.cjs');
34
34
 
35
35
 
36
36
 
37
- var _chunkNELAYNA3cjs = require('./chunk-NELAYNA3.cjs');
37
+ var _chunkR6U6BHCVcjs = require('./chunk-R6U6BHCV.cjs');
38
38
 
39
39
 
40
40
 
@@ -66,4 +66,4 @@ var _chunkNELAYNA3cjs = require('./chunk-NELAYNA3.cjs');
66
66
 
67
67
 
68
68
 
69
- exports.CHAIN_BY_ID = _chunkNELAYNA3cjs.CHAIN_BY_ID; exports.DEFAULT_BACKEND_URL = _chunkNELAYNA3cjs.DEFAULT_BACKEND_URL; exports.DEFAULT_SIGNER_ADDRESS = _chunkNELAYNA3cjs.DEFAULT_SIGNER_ADDRESS; exports.DepositModal = _chunk47WDWD6Zcjs.DepositModal; exports.NATIVE_TOKEN_ADDRESS = _chunkNELAYNA3cjs.NATIVE_TOKEN_ADDRESS; exports.SOURCE_CHAINS = _chunkNELAYNA3cjs.SOURCE_CHAINS; exports.SUPPORTED_CHAINS = _chunkNELAYNA3cjs.SUPPORTED_CHAINS; exports.WithdrawModal = _chunkK57KO3SWcjs.WithdrawModal; exports.chainRegistry = _chunkNELAYNA3cjs.chainRegistry; exports.findChainIdForToken = _chunkNELAYNA3cjs.findChainIdForToken; exports.getChainBadge = _chunkNELAYNA3cjs.getChainBadge; exports.getChainIcon = _chunkNELAYNA3cjs.getChainIcon; exports.getChainId = _chunkNELAYNA3cjs.getChainId; exports.getChainName = _chunkNELAYNA3cjs.getChainName; exports.getChainObject = _chunkNELAYNA3cjs.getChainObject; exports.getExplorerName = _chunkNELAYNA3cjs.getExplorerName; exports.getExplorerTxUrl = _chunkNELAYNA3cjs.getExplorerTxUrl; exports.getExplorerUrl = _chunkNELAYNA3cjs.getExplorerUrl; exports.getSupportedChainIds = _chunkNELAYNA3cjs.getSupportedChainIds; exports.getSupportedTargetTokens = _chunkNELAYNA3cjs.getSupportedTargetTokens; exports.getSupportedTokenSymbolsForChain = _chunkNELAYNA3cjs.getSupportedTokenSymbolsForChain; exports.getTargetTokenSymbolsForChain = _chunkNELAYNA3cjs.getTargetTokenSymbolsForChain; exports.getTokenAddress = _chunkNELAYNA3cjs.getTokenAddress; exports.getTokenDecimals = _chunkNELAYNA3cjs.getTokenDecimals; exports.getTokenDecimalsByAddress = _chunkNELAYNA3cjs.getTokenDecimalsByAddress; exports.getTokenIcon = _chunkNELAYNA3cjs.getTokenIcon; exports.getTokenSymbol = _chunkNELAYNA3cjs.getTokenSymbol; exports.getUsdcAddress = _chunkNELAYNA3cjs.getUsdcAddress; exports.getUsdcDecimals = _chunkNELAYNA3cjs.getUsdcDecimals; exports.isSupportedTokenAddressForChain = _chunkNELAYNA3cjs.isSupportedTokenAddressForChain;
69
+ exports.CHAIN_BY_ID = _chunkR6U6BHCVcjs.CHAIN_BY_ID; exports.DEFAULT_BACKEND_URL = _chunkR6U6BHCVcjs.DEFAULT_BACKEND_URL; exports.DEFAULT_SIGNER_ADDRESS = _chunkR6U6BHCVcjs.DEFAULT_SIGNER_ADDRESS; exports.DepositModal = _chunkQJVXCBUIcjs.DepositModal; exports.NATIVE_TOKEN_ADDRESS = _chunkR6U6BHCVcjs.NATIVE_TOKEN_ADDRESS; exports.SOURCE_CHAINS = _chunkR6U6BHCVcjs.SOURCE_CHAINS; exports.SUPPORTED_CHAINS = _chunkR6U6BHCVcjs.SUPPORTED_CHAINS; exports.WithdrawModal = _chunkXMNGYDDBcjs.WithdrawModal; exports.chainRegistry = _chunkR6U6BHCVcjs.chainRegistry; exports.findChainIdForToken = _chunkR6U6BHCVcjs.findChainIdForToken; exports.getChainBadge = _chunkR6U6BHCVcjs.getChainBadge; exports.getChainIcon = _chunkR6U6BHCVcjs.getChainIcon; exports.getChainId = _chunkR6U6BHCVcjs.getChainId; exports.getChainName = _chunkR6U6BHCVcjs.getChainName; exports.getChainObject = _chunkR6U6BHCVcjs.getChainObject; exports.getExplorerName = _chunkR6U6BHCVcjs.getExplorerName; exports.getExplorerTxUrl = _chunkR6U6BHCVcjs.getExplorerTxUrl; exports.getExplorerUrl = _chunkR6U6BHCVcjs.getExplorerUrl; exports.getSupportedChainIds = _chunkR6U6BHCVcjs.getSupportedChainIds; exports.getSupportedTargetTokens = _chunkR6U6BHCVcjs.getSupportedTargetTokens; exports.getSupportedTokenSymbolsForChain = _chunkR6U6BHCVcjs.getSupportedTokenSymbolsForChain; exports.getTargetTokenSymbolsForChain = _chunkR6U6BHCVcjs.getTargetTokenSymbolsForChain; exports.getTokenAddress = _chunkR6U6BHCVcjs.getTokenAddress; exports.getTokenDecimals = _chunkR6U6BHCVcjs.getTokenDecimals; exports.getTokenDecimalsByAddress = _chunkR6U6BHCVcjs.getTokenDecimalsByAddress; exports.getTokenIcon = _chunkR6U6BHCVcjs.getTokenIcon; exports.getTokenSymbol = _chunkR6U6BHCVcjs.getTokenSymbol; exports.getUsdcAddress = _chunkR6U6BHCVcjs.getUsdcAddress; exports.getUsdcDecimals = _chunkR6U6BHCVcjs.getUsdcDecimals; exports.isSupportedTokenAddressForChain = _chunkR6U6BHCVcjs.isSupportedTokenAddressForChain;
package/dist/index.d.cts CHANGED
@@ -1,6 +1,6 @@
1
1
  export { DepositModal } from './deposit.cjs';
2
2
  export { WithdrawModal } from './withdraw.cjs';
3
- export { A as AssetOption, C as ChainId, a as ConnectedEventData, D as DepositCompleteEventData, b as DepositFailedEventData, c as DepositModalBranding, d as DepositModalProps, e as DepositModalTheme, f as DepositModalUIConfig, g as DepositSubmittedEventData, E as ErrorEventData, R as RouteConfig, W as WithdrawCompleteEventData, h as WithdrawFailedEventData, i as WithdrawModalProps, j as WithdrawSubmittedEventData } from './types-DgiqazTb.cjs';
3
+ export { A as AssetOption, C as ChainId, a as ConnectedEventData, D as DepositCompleteEventData, b as DepositFailedEventData, c as DepositModalBranding, d as DepositModalProps, e as DepositModalTheme, f as DepositModalUIConfig, g as DepositSubmittedEventData, E as ErrorEventData, R as RouteConfig, W as WithdrawCompleteEventData, h as WithdrawFailedEventData, i as WithdrawModalProps, j as WithdrawSubmittedEventData } from './types-CL7ec666.cjs';
4
4
  export { CHAIN_BY_ID, DEFAULT_BACKEND_URL, DEFAULT_SIGNER_ADDRESS, NATIVE_TOKEN_ADDRESS, SOURCE_CHAINS, SUPPORTED_CHAINS, chainRegistry, findChainIdForToken, getChainBadge, getChainIcon, getChainId, getChainName, getChainObject, getExplorerName, getExplorerTxUrl, getExplorerUrl, getSupportedChainIds, getSupportedTargetTokens, getSupportedTokenSymbolsForChain, getTargetTokenSymbolsForChain, getTokenAddress, getTokenDecimals, getTokenDecimalsByAddress, getTokenIcon, getTokenSymbol, getUsdcAddress, getUsdcDecimals, isSupportedTokenAddressForChain } from './constants.cjs';
5
5
  export { SafeTransactionRequest } from './safe.cjs';
6
6
  import 'react/jsx-runtime';
package/dist/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  export { DepositModal } from './deposit.js';
2
2
  export { WithdrawModal } from './withdraw.js';
3
- export { A as AssetOption, C as ChainId, a as ConnectedEventData, D as DepositCompleteEventData, b as DepositFailedEventData, c as DepositModalBranding, d as DepositModalProps, e as DepositModalTheme, f as DepositModalUIConfig, g as DepositSubmittedEventData, E as ErrorEventData, R as RouteConfig, W as WithdrawCompleteEventData, h as WithdrawFailedEventData, i as WithdrawModalProps, j as WithdrawSubmittedEventData } from './types-D1nvo2dK.js';
3
+ export { A as AssetOption, C as ChainId, a as ConnectedEventData, D as DepositCompleteEventData, b as DepositFailedEventData, c as DepositModalBranding, d as DepositModalProps, e as DepositModalTheme, f as DepositModalUIConfig, g as DepositSubmittedEventData, E as ErrorEventData, R as RouteConfig, W as WithdrawCompleteEventData, h as WithdrawFailedEventData, i as WithdrawModalProps, j as WithdrawSubmittedEventData } from './types-B7UuWCtD.js';
4
4
  export { CHAIN_BY_ID, DEFAULT_BACKEND_URL, DEFAULT_SIGNER_ADDRESS, NATIVE_TOKEN_ADDRESS, SOURCE_CHAINS, SUPPORTED_CHAINS, chainRegistry, findChainIdForToken, getChainBadge, getChainIcon, getChainId, getChainName, getChainObject, getExplorerName, getExplorerTxUrl, getExplorerUrl, getSupportedChainIds, getSupportedTargetTokens, getSupportedTokenSymbolsForChain, getTargetTokenSymbolsForChain, getTokenAddress, getTokenDecimals, getTokenDecimalsByAddress, getTokenIcon, getTokenSymbol, getUsdcAddress, getUsdcDecimals, isSupportedTokenAddressForChain } from './constants.js';
5
5
  export { SafeTransactionRequest } from './safe.js';
6
6
  import 'react/jsx-runtime';
package/dist/index.mjs CHANGED
@@ -1,10 +1,10 @@
1
1
  import {
2
2
  DepositModal
3
- } from "./chunk-ZB5Y2ACC.mjs";
3
+ } from "./chunk-AJUR6FAP.mjs";
4
4
  import {
5
5
  WithdrawModal
6
- } from "./chunk-4BL7RCZB.mjs";
7
- import "./chunk-REDAO3MS.mjs";
6
+ } from "./chunk-QOEACKBH.mjs";
7
+ import "./chunk-JQTV5JTB.mjs";
8
8
  import {
9
9
  CHAIN_BY_ID,
10
10
  DEFAULT_BACKEND_URL,
@@ -34,7 +34,7 @@ import {
34
34
  getUsdcAddress,
35
35
  getUsdcDecimals,
36
36
  isSupportedTokenAddressForChain
37
- } from "./chunk-ZJQZEIHA.mjs";
37
+ } from "./chunk-CIXHTOO3.mjs";
38
38
  export {
39
39
  CHAIN_BY_ID,
40
40
  DEFAULT_BACKEND_URL,
package/dist/reown.cjs CHANGED
@@ -1,12 +1,12 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
- var _chunk47WDWD6Zcjs = require('./chunk-47WDWD6Z.cjs');
3
+ var _chunkQJVXCBUIcjs = require('./chunk-QJVXCBUI.cjs');
4
4
 
5
5
 
6
- var _chunkK57KO3SWcjs = require('./chunk-K57KO3SW.cjs');
7
- require('./chunk-DBBSH7HP.cjs');
8
- require('./chunk-NELAYNA3.cjs');
6
+ var _chunkXMNGYDDBcjs = require('./chunk-XMNGYDDB.cjs');
7
+ require('./chunk-EAEDK474.cjs');
8
+ require('./chunk-R6U6BHCV.cjs');
9
9
 
10
10
 
11
11
 
12
- exports.DepositModal = _chunk47WDWD6Zcjs.DepositModal; exports.WithdrawModal = _chunkK57KO3SWcjs.WithdrawModal;
12
+ exports.DepositModal = _chunkQJVXCBUIcjs.DepositModal; exports.WithdrawModal = _chunkXMNGYDDBcjs.WithdrawModal;
package/dist/reown.d.cts CHANGED
@@ -1,6 +1,6 @@
1
1
  export { DepositModal } from './deposit.cjs';
2
2
  export { WithdrawModal } from './withdraw.cjs';
3
- export { A as AssetOption, a as ConnectedEventData, D as DepositCompleteEventData, b as DepositFailedEventData, c as DepositModalBranding, d as DepositModalProps, e as DepositModalTheme, f as DepositModalUIConfig, g as DepositSubmittedEventData, E as ErrorEventData, W as WithdrawCompleteEventData, h as WithdrawFailedEventData, i as WithdrawModalProps, j as WithdrawSubmittedEventData } from './types-DgiqazTb.cjs';
3
+ export { A as AssetOption, a as ConnectedEventData, D as DepositCompleteEventData, b as DepositFailedEventData, c as DepositModalBranding, d as DepositModalProps, e as DepositModalTheme, f as DepositModalUIConfig, g as DepositSubmittedEventData, E as ErrorEventData, W as WithdrawCompleteEventData, h as WithdrawFailedEventData, i as WithdrawModalProps, j as WithdrawSubmittedEventData } from './types-CL7ec666.cjs';
4
4
  export { SafeTransactionRequest } from './safe.cjs';
5
5
  import 'react/jsx-runtime';
6
6
  import 'viem';
package/dist/reown.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  export { DepositModal } from './deposit.js';
2
2
  export { WithdrawModal } from './withdraw.js';
3
- export { A as AssetOption, a as ConnectedEventData, D as DepositCompleteEventData, b as DepositFailedEventData, c as DepositModalBranding, d as DepositModalProps, e as DepositModalTheme, f as DepositModalUIConfig, g as DepositSubmittedEventData, E as ErrorEventData, W as WithdrawCompleteEventData, h as WithdrawFailedEventData, i as WithdrawModalProps, j as WithdrawSubmittedEventData } from './types-D1nvo2dK.js';
3
+ export { A as AssetOption, a as ConnectedEventData, D as DepositCompleteEventData, b as DepositFailedEventData, c as DepositModalBranding, d as DepositModalProps, e as DepositModalTheme, f as DepositModalUIConfig, g as DepositSubmittedEventData, E as ErrorEventData, W as WithdrawCompleteEventData, h as WithdrawFailedEventData, i as WithdrawModalProps, j as WithdrawSubmittedEventData } from './types-B7UuWCtD.js';
4
4
  export { SafeTransactionRequest } from './safe.js';
5
5
  import 'react/jsx-runtime';
6
6
  import 'viem';
package/dist/reown.mjs CHANGED
@@ -1,11 +1,11 @@
1
1
  import {
2
2
  DepositModal
3
- } from "./chunk-ZB5Y2ACC.mjs";
3
+ } from "./chunk-AJUR6FAP.mjs";
4
4
  import {
5
5
  WithdrawModal
6
- } from "./chunk-4BL7RCZB.mjs";
7
- import "./chunk-REDAO3MS.mjs";
8
- import "./chunk-ZJQZEIHA.mjs";
6
+ } from "./chunk-QOEACKBH.mjs";
7
+ import "./chunk-JQTV5JTB.mjs";
8
+ import "./chunk-CIXHTOO3.mjs";
9
9
  export {
10
10
  DepositModal,
11
11
  WithdrawModal
package/dist/styles.css CHANGED
@@ -2100,7 +2100,7 @@
2100
2100
  ============================================================================= */
2101
2101
 
2102
2102
  .rs-withdraw-form {
2103
- padding: 12px;
2103
+ padding: 14px;
2104
2104
  display: flex;
2105
2105
  flex-direction: column;
2106
2106
  gap: 12px;
@@ -2133,24 +2133,22 @@
2133
2133
  .rs-withdraw-section {
2134
2134
  display: flex;
2135
2135
  flex-direction: column;
2136
- gap: 6px;
2136
+ gap: 8px;
2137
2137
  }
2138
2138
 
2139
2139
  .rs-withdraw-label {
2140
- font-size: 12px;
2141
- font-weight: 500;
2142
- color: var(--rs-muted);
2143
- text-transform: uppercase;
2144
- letter-spacing: 0.03em;
2140
+ font-size: 14px;
2141
+ font-weight: 600;
2142
+ color: var(--rs-foreground);
2145
2143
  }
2146
2144
 
2147
2145
  .rs-withdraw-input-row {
2148
2146
  display: flex;
2149
2147
  align-items: center;
2150
2148
  gap: 8px;
2151
- padding: 10px 12px;
2149
+ padding: 12px 14px;
2152
2150
  background: var(--rs-background);
2153
- border-radius: var(--rs-radius-sm);
2151
+ border-radius: var(--rs-radius-md);
2154
2152
  border: 1px solid var(--rs-border-surface);
2155
2153
  transition: border-color 0.15s;
2156
2154
  }
@@ -2177,7 +2175,7 @@
2177
2175
  .rs-withdraw-input--address {
2178
2176
  font-family:
2179
2177
  ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, monospace;
2180
- font-size: 12px;
2178
+ font-size: 13px;
2181
2179
  }
2182
2180
 
2183
2181
  .rs-withdraw-input--amount {
@@ -2196,18 +2194,17 @@
2196
2194
  -moz-appearance: textfield;
2197
2195
  }
2198
2196
 
2199
- /* Use Connected button - default state */
2200
2197
  .rs-withdraw-use-connected {
2201
2198
  display: inline-flex;
2202
2199
  align-items: center;
2203
- gap: 4px;
2204
- padding: 4px 10px;
2205
- background: var(--rs-surface);
2200
+ gap: 6px;
2201
+ padding: 6px 12px;
2202
+ background: var(--rs-background);
2206
2203
  border: 1px solid var(--rs-border-surface);
2207
- border-radius: var(--rs-radius-full);
2208
- font-size: 11px;
2204
+ border-radius: var(--rs-radius-sm);
2205
+ font-size: 12px;
2209
2206
  font-weight: 500;
2210
- color: var(--rs-muted);
2207
+ color: var(--rs-foreground);
2211
2208
  cursor: pointer;
2212
2209
  white-space: nowrap;
2213
2210
  transition:
@@ -2217,14 +2214,12 @@
2217
2214
  }
2218
2215
 
2219
2216
  .rs-withdraw-use-connected:hover {
2220
- background: var(--rs-surface-hover);
2217
+ background: var(--rs-surface);
2221
2218
  border-color: var(--rs-border);
2222
- color: var(--rs-foreground);
2223
2219
  }
2224
2220
 
2225
- /* Use Connected button - active/selected state */
2226
2221
  .rs-withdraw-use-connected--active {
2227
- padding: 4px 8px;
2222
+ padding: 6px 10px;
2228
2223
  background: var(--rs-primary-tint);
2229
2224
  border-color: var(--rs-border-accent);
2230
2225
  color: var(--rs-primary);
@@ -2233,12 +2228,11 @@
2233
2228
  .rs-withdraw-use-connected--active:hover {
2234
2229
  background: var(--rs-primary-tint);
2235
2230
  border-color: var(--rs-border-accent);
2236
- color: var(--rs-primary);
2237
2231
  }
2238
2232
 
2239
2233
  .rs-withdraw-use-connected-icon {
2240
- width: 14px;
2241
- height: 14px;
2234
+ width: 18px;
2235
+ height: 18px;
2242
2236
  }
2243
2237
 
2244
2238
  .rs-withdraw-amount-right {
@@ -2250,28 +2244,26 @@
2250
2244
 
2251
2245
  .rs-withdraw-token-label {
2252
2246
  font-size: 14px;
2253
- font-weight: 500;
2254
- color: var(--rs-muted);
2247
+ font-weight: 600;
2248
+ color: var(--rs-foreground);
2255
2249
  }
2256
2250
 
2257
2251
  .rs-withdraw-max-btn {
2258
- padding: 3px 8px;
2252
+ padding: 4px 10px;
2259
2253
  background: transparent;
2260
- border: 1px solid var(--rs-border-surface);
2254
+ border: 1px solid var(--rs-border);
2261
2255
  border-radius: var(--rs-radius-full);
2262
- font-size: 11px;
2256
+ font-size: 12px;
2263
2257
  font-weight: 600;
2264
- color: var(--rs-primary);
2258
+ color: var(--rs-foreground);
2265
2259
  cursor: pointer;
2266
2260
  transition:
2267
2261
  background-color 0.15s,
2268
2262
  border-color 0.15s;
2269
- text-transform: uppercase;
2270
- letter-spacing: 0.03em;
2271
2263
  }
2272
2264
 
2273
2265
  .rs-withdraw-max-btn:hover:not(:disabled) {
2274
- background: var(--rs-primary-tint);
2266
+ background: var(--rs-surface);
2275
2267
  border-color: var(--rs-border-accent);
2276
2268
  }
2277
2269
 
@@ -2284,8 +2276,8 @@
2284
2276
  display: flex;
2285
2277
  align-items: center;
2286
2278
  justify-content: space-between;
2287
- font-size: 12px;
2288
- padding: 0 2px;
2279
+ font-size: 13px;
2280
+ padding: 2px 2px 0;
2289
2281
  }
2290
2282
 
2291
2283
  .rs-withdraw-usd {
@@ -2308,24 +2300,23 @@
2308
2300
  flex: 1;
2309
2301
  display: flex;
2310
2302
  flex-direction: column;
2311
- gap: 6px;
2303
+ gap: 8px;
2312
2304
  }
2313
2305
 
2314
- /* Dropdown trigger - compact inline select */
2315
2306
  .rs-withdraw-dropdown {
2316
2307
  display: flex;
2317
2308
  align-items: center;
2318
2309
  justify-content: space-between;
2319
- padding: 8px 10px;
2310
+ padding: 10px 12px;
2320
2311
  background: var(--rs-background);
2321
- border-radius: var(--rs-radius-sm);
2312
+ border-radius: var(--rs-radius-md);
2322
2313
  border: 1px solid var(--rs-border-surface);
2323
2314
  cursor: pointer;
2324
2315
  transition:
2325
2316
  border-color 0.15s,
2326
2317
  background-color 0.15s;
2327
2318
  width: 100%;
2328
- font-size: 13px;
2319
+ font-size: 14px;
2329
2320
  }
2330
2321
 
2331
2322
  .rs-withdraw-dropdown:hover {
@@ -2336,21 +2327,21 @@
2336
2327
  .rs-withdraw-dropdown-value {
2337
2328
  display: flex;
2338
2329
  align-items: center;
2339
- gap: 6px;
2330
+ gap: 8px;
2340
2331
  font-weight: 500;
2341
2332
  color: var(--rs-foreground);
2342
2333
  }
2343
2334
 
2344
2335
  .rs-withdraw-dropdown-icon {
2345
- width: 18px;
2346
- height: 18px;
2336
+ width: 20px;
2337
+ height: 20px;
2347
2338
  border-radius: 50%;
2348
2339
  object-fit: contain;
2349
2340
  }
2350
2341
 
2351
2342
  .rs-withdraw-dropdown-arrow {
2352
- width: 14px;
2353
- height: 14px;
2343
+ width: 16px;
2344
+ height: 16px;
2354
2345
  color: var(--rs-muted-foreground);
2355
2346
  transition: transform 0.15s;
2356
2347
  }
@@ -2359,7 +2350,6 @@
2359
2350
  position: relative;
2360
2351
  }
2361
2352
 
2362
- /* Dropdown menu - opens upward to avoid modal overflow clipping */
2363
2353
  .rs-withdraw-dropdown-menu {
2364
2354
  position: absolute;
2365
2355
  bottom: calc(100% + 4px);
@@ -2368,7 +2358,7 @@
2368
2358
  z-index: 20;
2369
2359
  background: var(--rs-background);
2370
2360
  border: 1px solid var(--rs-border);
2371
- border-radius: var(--rs-radius-sm);
2361
+ border-radius: var(--rs-radius-md);
2372
2362
  box-shadow: var(--rs-shadow-dropdown);
2373
2363
  padding: 4px;
2374
2364
  display: flex;
@@ -2393,14 +2383,14 @@
2393
2383
  .rs-withdraw-dropdown-item {
2394
2384
  display: flex;
2395
2385
  align-items: center;
2396
- gap: 6px;
2386
+ gap: 8px;
2397
2387
  width: 100%;
2398
- padding: 7px 8px;
2399
- border-radius: calc(var(--rs-radius-sm) - 2px);
2388
+ padding: 8px 10px;
2389
+ border-radius: calc(var(--rs-radius-md) - 2px);
2400
2390
  border: none;
2401
2391
  background: transparent;
2402
2392
  color: var(--rs-foreground);
2403
- font-size: 13px;
2393
+ font-size: 14px;
2404
2394
  font-weight: 500;
2405
2395
  cursor: pointer;
2406
2396
  text-align: left;
@@ -2475,11 +2465,11 @@
2475
2465
  .rs-withdraw-error {
2476
2466
  display: flex;
2477
2467
  align-items: center;
2478
- gap: 6px;
2479
- padding: 8px 10px;
2468
+ gap: 8px;
2469
+ padding: 10px 12px;
2480
2470
  background: var(--rs-error-tint);
2481
- border-radius: var(--rs-radius-sm);
2482
- font-size: 12px;
2471
+ border-radius: var(--rs-radius-md);
2472
+ font-size: 13px;
2483
2473
  color: var(--rs-error);
2484
2474
  }
2485
2475
 
@@ -86,6 +86,7 @@ interface DepositModalProps {
86
86
  isOpen: boolean;
87
87
  onClose: () => void;
88
88
  inline?: boolean;
89
+ closeOnOverlayClick?: boolean;
89
90
  sourceChain?: Chain | number;
90
91
  sourceToken?: Address;
91
92
  defaultAmount?: string;
@@ -128,6 +129,8 @@ interface WithdrawModalProps {
128
129
  isOpen: boolean;
129
130
  onClose: () => void;
130
131
  inline?: boolean;
132
+ closeOnOverlayClick?: boolean;
133
+ allowedRoutes?: RouteConfig;
131
134
  backendUrl?: string;
132
135
  rhinestoneApiKey?: string;
133
136
  signerAddress?: Address;
@@ -86,6 +86,7 @@ interface DepositModalProps {
86
86
  isOpen: boolean;
87
87
  onClose: () => void;
88
88
  inline?: boolean;
89
+ closeOnOverlayClick?: boolean;
89
90
  sourceChain?: Chain | number;
90
91
  sourceToken?: Address;
91
92
  defaultAmount?: string;
@@ -128,6 +129,8 @@ interface WithdrawModalProps {
128
129
  isOpen: boolean;
129
130
  onClose: () => void;
130
131
  inline?: boolean;
132
+ closeOnOverlayClick?: boolean;
133
+ allowedRoutes?: RouteConfig;
131
134
  backendUrl?: string;
132
135
  rhinestoneApiKey?: string;
133
136
  signerAddress?: Address;
package/dist/withdraw.cjs CHANGED
@@ -1,8 +1,8 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
- var _chunkK57KO3SWcjs = require('./chunk-K57KO3SW.cjs');
4
- require('./chunk-DBBSH7HP.cjs');
5
- require('./chunk-NELAYNA3.cjs');
3
+ var _chunkXMNGYDDBcjs = require('./chunk-XMNGYDDB.cjs');
4
+ require('./chunk-EAEDK474.cjs');
5
+ require('./chunk-R6U6BHCV.cjs');
6
6
 
7
7
 
8
- exports.WithdrawModal = _chunkK57KO3SWcjs.WithdrawModal;
8
+ exports.WithdrawModal = _chunkXMNGYDDBcjs.WithdrawModal;
@@ -1,6 +1,6 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { i as WithdrawModalProps } from './types-DgiqazTb.cjs';
3
- export { A as AssetOption, a as ConnectedEventData, E as ErrorEventData, W as WithdrawCompleteEventData, h as WithdrawFailedEventData, j as WithdrawSubmittedEventData } from './types-DgiqazTb.cjs';
2
+ import { i as WithdrawModalProps } from './types-CL7ec666.cjs';
3
+ export { A as AssetOption, a as ConnectedEventData, E as ErrorEventData, W as WithdrawCompleteEventData, h as WithdrawFailedEventData, j as WithdrawSubmittedEventData } from './types-CL7ec666.cjs';
4
4
  export { SafeTransactionRequest } from './safe.cjs';
5
5
  import 'viem';
6
6
 
@@ -1,6 +1,6 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { i as WithdrawModalProps } from './types-D1nvo2dK.js';
3
- export { A as AssetOption, a as ConnectedEventData, E as ErrorEventData, W as WithdrawCompleteEventData, h as WithdrawFailedEventData, j as WithdrawSubmittedEventData } from './types-D1nvo2dK.js';
2
+ import { i as WithdrawModalProps } from './types-B7UuWCtD.js';
3
+ export { A as AssetOption, a as ConnectedEventData, E as ErrorEventData, W as WithdrawCompleteEventData, h as WithdrawFailedEventData, j as WithdrawSubmittedEventData } from './types-B7UuWCtD.js';
4
4
  export { SafeTransactionRequest } from './safe.js';
5
5
  import 'viem';
6
6
 
package/dist/withdraw.mjs CHANGED
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  WithdrawModal
3
- } from "./chunk-4BL7RCZB.mjs";
4
- import "./chunk-REDAO3MS.mjs";
5
- import "./chunk-ZJQZEIHA.mjs";
3
+ } from "./chunk-QOEACKBH.mjs";
4
+ import "./chunk-JQTV5JTB.mjs";
5
+ import "./chunk-CIXHTOO3.mjs";
6
6
  export {
7
7
  WithdrawModal
8
8
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rhinestone/deposit-modal",
3
- "version": "0.1.53",
3
+ "version": "0.1.55",
4
4
  "description": "React modal component for Rhinestone cross-chain deposits",
5
5
  "author": "Rhinestone <dev@rhinestone.wtf>",
6
6
  "bugs": {