@rhinestone/deposit-modal 0.1.67 → 0.1.69

package/dist/index.cjs

@@ -1,10 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkUDKZWFCMcjs = require('./chunk-UDKZWFCM.cjs');
+var _chunk6W42ROABcjs = require('./chunk-6W42ROAB.cjs');
 
 
-var _chunkLTLFJPHOcjs = require('./chunk-LTLFJPHO.cjs');
-require('./chunk-FLVSQDP4.cjs');
+var _chunk2ATEEBQZcjs = require('./chunk-2ATEEBQZ.cjs');
+
+
+var _chunkYQFH2WSWcjs = require('./chunk-YQFH2WSW.cjs');
+require('./chunk-TCILEYM5.cjs');
 
 
 
@@ -66,4 +69,5 @@ var _chunkMUWVDVY4cjs = require('./chunk-MUWVDVY4.cjs');
 
 
 
-exports.CHAIN_BY_ID = _chunkMUWVDVY4cjs.CHAIN_BY_ID; exports.DEFAULT_BACKEND_URL = _chunkMUWVDVY4cjs.DEFAULT_BACKEND_URL; exports.DEFAULT_SIGNER_ADDRESS = _chunkMUWVDVY4cjs.DEFAULT_SIGNER_ADDRESS; exports.DepositModal = _chunkUDKZWFCMcjs.DepositModal; exports.NATIVE_TOKEN_ADDRESS = _chunkMUWVDVY4cjs.NATIVE_TOKEN_ADDRESS; exports.SOURCE_CHAINS = _chunkMUWVDVY4cjs.SOURCE_CHAINS; exports.SUPPORTED_CHAINS = _chunkMUWVDVY4cjs.SUPPORTED_CHAINS; exports.WithdrawModal = _chunkLTLFJPHOcjs.WithdrawModal; exports.chainRegistry = _chunkMUWVDVY4cjs.chainRegistry; exports.findChainIdForToken = _chunkMUWVDVY4cjs.findChainIdForToken; exports.getChainBadge = _chunkMUWVDVY4cjs.getChainBadge; exports.getChainIcon = _chunkMUWVDVY4cjs.getChainIcon; exports.getChainId = _chunkMUWVDVY4cjs.getChainId; exports.getChainName = _chunkMUWVDVY4cjs.getChainName; exports.getChainObject = _chunkMUWVDVY4cjs.getChainObject; exports.getExplorerName = _chunkMUWVDVY4cjs.getExplorerName; exports.getExplorerTxUrl = _chunkMUWVDVY4cjs.getExplorerTxUrl; exports.getExplorerUrl = _chunkMUWVDVY4cjs.getExplorerUrl; exports.getSupportedChainIds = _chunkMUWVDVY4cjs.getSupportedChainIds; exports.getSupportedTargetTokens = _chunkMUWVDVY4cjs.getSupportedTargetTokens; exports.getSupportedTokenSymbolsForChain = _chunkMUWVDVY4cjs.getSupportedTokenSymbolsForChain; exports.getTargetTokenSymbolsForChain = _chunkMUWVDVY4cjs.getTargetTokenSymbolsForChain; exports.getTokenAddress = _chunkMUWVDVY4cjs.getTokenAddress; exports.getTokenDecimals = _chunkMUWVDVY4cjs.getTokenDecimals; exports.getTokenDecimalsByAddress = _chunkMUWVDVY4cjs.getTokenDecimalsByAddress; exports.getTokenIcon = _chunkMUWVDVY4cjs.getTokenIcon; exports.getTokenSymbol = _chunkMUWVDVY4cjs.getTokenSymbol; exports.getUsdcAddress = _chunkMUWVDVY4cjs.getUsdcAddress; exports.getUsdcDecimals = _chunkMUWVDVY4cjs.getUsdcDecimals; exports.isSupportedTokenAddressForChain = _chunkMUWVDVY4cjs.isSupportedTokenAddressForChain;
+
+exports.CHAIN_BY_ID = _chunkMUWVDVY4cjs.CHAIN_BY_ID; exports.DEFAULT_BACKEND_URL = _chunkMUWVDVY4cjs.DEFAULT_BACKEND_URL; exports.DEFAULT_SIGNER_ADDRESS = _chunkMUWVDVY4cjs.DEFAULT_SIGNER_ADDRESS; exports.DepositModal = _chunk6W42ROABcjs.DepositModal; exports.NATIVE_TOKEN_ADDRESS = _chunkMUWVDVY4cjs.NATIVE_TOKEN_ADDRESS; exports.SOURCE_CHAINS = _chunkMUWVDVY4cjs.SOURCE_CHAINS; exports.SUPPORTED_CHAINS = _chunkMUWVDVY4cjs.SUPPORTED_CHAINS; exports.WithdrawModal = _chunk2ATEEBQZcjs.WithdrawModal; exports.chainRegistry = _chunkMUWVDVY4cjs.chainRegistry; exports.disconnectWallet = _chunkYQFH2WSWcjs.disconnectWallet; exports.findChainIdForToken = _chunkMUWVDVY4cjs.findChainIdForToken; exports.getChainBadge = _chunkMUWVDVY4cjs.getChainBadge; exports.getChainIcon = _chunkMUWVDVY4cjs.getChainIcon; exports.getChainId = _chunkMUWVDVY4cjs.getChainId; exports.getChainName = _chunkMUWVDVY4cjs.getChainName; exports.getChainObject = _chunkMUWVDVY4cjs.getChainObject; exports.getExplorerName = _chunkMUWVDVY4cjs.getExplorerName; exports.getExplorerTxUrl = _chunkMUWVDVY4cjs.getExplorerTxUrl; exports.getExplorerUrl = _chunkMUWVDVY4cjs.getExplorerUrl; exports.getSupportedChainIds = _chunkMUWVDVY4cjs.getSupportedChainIds; exports.getSupportedTargetTokens = _chunkMUWVDVY4cjs.getSupportedTargetTokens; exports.getSupportedTokenSymbolsForChain = _chunkMUWVDVY4cjs.getSupportedTokenSymbolsForChain; exports.getTargetTokenSymbolsForChain = _chunkMUWVDVY4cjs.getTargetTokenSymbolsForChain; exports.getTokenAddress = _chunkMUWVDVY4cjs.getTokenAddress; exports.getTokenDecimals = _chunkMUWVDVY4cjs.getTokenDecimals; exports.getTokenDecimalsByAddress = _chunkMUWVDVY4cjs.getTokenDecimalsByAddress; exports.getTokenIcon = _chunkMUWVDVY4cjs.getTokenIcon; exports.getTokenSymbol = _chunkMUWVDVY4cjs.getTokenSymbol; exports.getUsdcAddress = _chunkMUWVDVY4cjs.getUsdcAddress; exports.getUsdcDecimals = _chunkMUWVDVY4cjs.getUsdcDecimals; exports.isSupportedTokenAddressForChain = _chunkMUWVDVY4cjs.isSupportedTokenAddressForChain;

package/dist/index.d.cts

@@ -1,5 +1,6 @@
 export { DepositModal } from './deposit.cjs';
 export { WithdrawModal } from './withdraw.cjs';
+export { disconnectWallet } from './reown.cjs';
 export { A as AssetOption, C as ChainId, a as ConnectedEventData, D as DepositCompleteEventData, b as DepositEvent, c as DepositFailedEventData, d as DepositModalBranding, e as DepositModalProps, f as DepositModalTheme, g as DepositModalUIConfig, h as DepositSubmittedEventData, E as ErrorEventData, M as ModalEvent, O as OrderBookSwapAction, i as OutputTokenRule, P as PostBridgeAction, R as RouteConfig, W as WithdrawCompleteEventData, j as WithdrawEvent, k as WithdrawFailedEventData, l as WithdrawModalProps, m as WithdrawSubmittedEventData } from './types-DJ1fzNC7.cjs';
 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';
 export { SafeTransactionRequest } from './safe.cjs';

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 export { DepositModal } from './deposit.js';
 export { WithdrawModal } from './withdraw.js';
+export { disconnectWallet } from './reown.js';
 export { A as AssetOption, C as ChainId, a as ConnectedEventData, D as DepositCompleteEventData, b as DepositEvent, c as DepositFailedEventData, d as DepositModalBranding, e as DepositModalProps, f as DepositModalTheme, g as DepositModalUIConfig, h as DepositSubmittedEventData, E as ErrorEventData, M as ModalEvent, O as OrderBookSwapAction, i as OutputTokenRule, P as PostBridgeAction, R as RouteConfig, W as WithdrawCompleteEventData, j as WithdrawEvent, k as WithdrawFailedEventData, l as WithdrawModalProps, m as WithdrawSubmittedEventData } from './types-DGQzvl6v.js';
 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';
 export { SafeTransactionRequest } from './safe.js';

package/dist/index.mjs

@@ -1,10 +1,13 @@
 import {
   DepositModal
-} from "./chunk-NFE5ZLD3.mjs";
+} from "./chunk-3RV2B6JM.mjs";
 import {
   WithdrawModal
-} from "./chunk-5FDIQNJJ.mjs";
-import "./chunk-IUW3SJQT.mjs";
+} from "./chunk-P3CGKXXZ.mjs";
+import {
+  disconnectWallet
+} from "./chunk-5YXAQB6A.mjs";
+import "./chunk-DA3XVDNQ.mjs";
 import {
   CHAIN_BY_ID,
   DEFAULT_BACKEND_URL,
@@ -45,6 +48,7 @@ export {
   SUPPORTED_CHAINS,
   WithdrawModal,
   chainRegistry,
+  disconnectWallet,
   findChainIdForToken,
   getChainBadge,
   getChainIcon,

package/dist/reown.cjs

@@ -1,12 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkUDKZWFCMcjs = require('./chunk-UDKZWFCM.cjs');
+var _chunk6W42ROABcjs = require('./chunk-6W42ROAB.cjs');
 
 
-var _chunkLTLFJPHOcjs = require('./chunk-LTLFJPHO.cjs');
-require('./chunk-FLVSQDP4.cjs');
+var _chunk2ATEEBQZcjs = require('./chunk-2ATEEBQZ.cjs');
+
+
+var _chunkYQFH2WSWcjs = require('./chunk-YQFH2WSW.cjs');
+require('./chunk-TCILEYM5.cjs');
 require('./chunk-MUWVDVY4.cjs');
 
 
 
-exports.DepositModal = _chunkUDKZWFCMcjs.DepositModal; exports.WithdrawModal = _chunkLTLFJPHOcjs.WithdrawModal;
+
+exports.DepositModal = _chunk6W42ROABcjs.DepositModal; exports.WithdrawModal = _chunk2ATEEBQZcjs.WithdrawModal; exports.disconnectWallet = _chunkYQFH2WSWcjs.disconnectWallet;

package/dist/reown.d.cts

@@ -4,3 +4,7 @@ export { A as AssetOption, a as ConnectedEventData, D as DepositCompleteEventDat
 export { SafeTransactionRequest } from './safe.cjs';
 import 'react/jsx-runtime';
 import 'viem';
+
+declare function disconnectWallet(): Promise<void>;
+
+export { disconnectWallet };

package/dist/reown.d.ts

@@ -4,3 +4,7 @@ export { A as AssetOption, a as ConnectedEventData, D as DepositCompleteEventDat
 export { SafeTransactionRequest } from './safe.js';
 import 'react/jsx-runtime';
 import 'viem';
+
+declare function disconnectWallet(): Promise<void>;
+
+export { disconnectWallet };

package/dist/reown.mjs

@@ -1,12 +1,16 @@
 import {
   DepositModal
-} from "./chunk-NFE5ZLD3.mjs";
+} from "./chunk-3RV2B6JM.mjs";
 import {
   WithdrawModal
-} from "./chunk-5FDIQNJJ.mjs";
-import "./chunk-IUW3SJQT.mjs";
+} from "./chunk-P3CGKXXZ.mjs";
+import {
+  disconnectWallet
+} from "./chunk-5YXAQB6A.mjs";
+import "./chunk-DA3XVDNQ.mjs";
 import "./chunk-SDZKKUCJ.mjs";
 export {
   DepositModal,
-  WithdrawModal
+  WithdrawModal,
+  disconnectWallet
 };

package/dist/styles.css

@@ -2541,6 +2541,199 @@
   opacity: 0.65;
 }
 
+.rs-deposit-address-dropdown-label--with-min {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 6px;
+}
+
+.rs-deposit-address-min {
+  display: inline-flex;
+  align-items: center;
+  gap: 3px;
+}
+
+.rs-deposit-address-min-icon {
+  width: 12px;
+  height: 12px;
+  flex-shrink: 0;
+}
+
+.rs-price-impact {
+  width: 100%;
+  margin-top: 10px;
+  border-radius: var(--rs-radius-md);
+  background: var(--color-gray2);
+  overflow: hidden;
+}
+
+.rs-price-impact-header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  padding: 10px 14px;
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  font-family: inherit;
+  color: var(--rs-foreground);
+  text-align: left;
+  transition: background-color 0.15s;
+}
+
+.rs-price-impact-header:hover {
+  background: var(--rs-surface);
+}
+
+.rs-price-impact-row-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 18px;
+  height: 18px;
+  color: var(--rs-muted-foreground);
+  flex-shrink: 0;
+}
+
+.rs-price-impact-row-icon svg {
+  width: 18px;
+  height: 18px;
+}
+
+.rs-price-impact-label {
+  font-size: 13px;
+  color: var(--rs-muted-foreground);
+  font-weight: 500;
+}
+
+.rs-price-impact-label strong {
+  color: var(--rs-foreground);
+  font-weight: 600;
+}
+
+.rs-price-impact-info {
+  color: var(--rs-muted-foreground);
+}
+
+.rs-price-impact-info .rs-tooltip-trigger svg {
+  width: 13px;
+  height: 13px;
+  display: block;
+}
+
+.rs-price-impact-chevron {
+  width: 14px;
+  height: 14px;
+  margin-left: auto;
+  color: var(--rs-muted-foreground);
+  flex-shrink: 0;
+  transition: transform 0.2s ease;
+}
+
+.rs-price-impact--open .rs-price-impact-chevron {
+  transform: rotate(180deg);
+}
+
+.rs-price-impact-panel {
+  display: grid;
+  grid-template-rows: 0fr;
+  transition: grid-template-rows 0.25s ease;
+}
+
+.rs-price-impact--open .rs-price-impact-panel {
+  grid-template-rows: 1fr;
+}
+
+.rs-price-impact-panel-inner {
+  overflow: hidden;
+  min-height: 0;
+}
+
+.rs-price-impact-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 6px 14px 10px;
+  font-size: 13px;
+}
+
+.rs-price-impact-row:last-child {
+  padding-bottom: 12px;
+}
+
+/* =============================================================================
+   Tooltip
+   ============================================================================= */
+
+.rs-tooltip {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.rs-tooltip-trigger {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  color: inherit;
+  outline: none;
+  border-radius: 50%;
+}
+
+.rs-tooltip-trigger:focus-visible {
+  box-shadow: 0 0 0 2px var(--rs-primary-tint);
+}
+
+.rs-tooltip-bubble {
+  position: fixed;
+  z-index: 2147483000;
+  transform: translate(-50%, calc(-100% - 8px));
+  min-width: 120px;
+  max-width: 220px;
+  padding: 6px 8px;
+  background: #202020;
+  color: #fcfcfc;
+  border-radius: 6px;
+  font-size: 10.5px;
+  line-height: 1.35;
+  font-weight: 500;
+  text-align: center;
+  font-family:
+    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial,
+    sans-serif;
+  box-shadow:
+    0 4px 12px rgba(0, 0, 0, 0.18),
+    0 1px 3px rgba(0, 0, 0, 0.12);
+  pointer-events: none;
+  white-space: normal;
+  animation: rs-tooltip-in 0.12s ease-out;
+}
+
+.rs-tooltip-bubble::after {
+  content: "";
+  position: absolute;
+  top: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  border: 5px solid transparent;
+  border-top-color: #202020;
+}
+
+@keyframes rs-tooltip-in {
+  from {
+    opacity: 0;
+    transform: translate(-50%, calc(-100% - 6px));
+  }
+  to {
+    opacity: 1;
+    transform: translate(-50%, calc(-100% - 8px));
+  }
+}
+
 .rs-deposit-address-dropdown-trigger {
   display: flex;
   align-items: center;
@@ -2668,7 +2861,7 @@
   text-align: left;
   padding: 8px 12px;
   background: transparent;
-  border: 1px solid var(--rs-border);
+  border: 1px solid var(--rs-border-surface);
   border-radius: var(--rs-radius-sm) var(--rs-radius-sm) 0 0;
   border-bottom: none;
   width: 100%;
@@ -2681,9 +2874,9 @@
   gap: 6px;
   width: 100%;
   padding: 8px 16px;
-  border: 1px solid var(--rs-border);
+  border: 1px solid var(--rs-border-surface);
   border-radius: 0 0 var(--rs-radius-sm) var(--rs-radius-sm);
-  background: var(--rs-surface);
+  background: var(--color-gray2);
   color: var(--rs-foreground);
   font-size: 13px;
   font-weight: 500;
@@ -2693,7 +2886,7 @@
 }
 
 .rs-deposit-address-copy:hover {
-  background: var(--rs-surface-hover);
+  background: var(--rs-surface);
 }
 
 .rs-deposit-address-balance {

package/dist/withdraw.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkLTLFJPHOcjs = require('./chunk-LTLFJPHO.cjs');
-require('./chunk-FLVSQDP4.cjs');
+var _chunk2ATEEBQZcjs = require('./chunk-2ATEEBQZ.cjs');
+require('./chunk-TCILEYM5.cjs');
 require('./chunk-MUWVDVY4.cjs');
 
 
-exports.WithdrawModal = _chunkLTLFJPHOcjs.WithdrawModal;
+exports.WithdrawModal = _chunk2ATEEBQZcjs.WithdrawModal;

package/dist/withdraw.mjs

@@ -1,7 +1,7 @@
 import {
   WithdrawModal
-} from "./chunk-5FDIQNJJ.mjs";
-import "./chunk-IUW3SJQT.mjs";
+} from "./chunk-P3CGKXXZ.mjs";
+import "./chunk-DA3XVDNQ.mjs";
 import "./chunk-SDZKKUCJ.mjs";
 export {
   WithdrawModal

package/package.json

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