@rhinestone/deposit-modal 0.1.20 → 0.1.22

package/README.md

@@ -8,6 +8,17 @@ React components for cross-chain deposits and withdrawals via Rhinestone smart a
 npm install @rhinestone/deposit-modal viem
 ```
 
+## Bundle Size Tips
+
+Prefer subpath imports so apps only bundle what they use:
+
+```tsx
+import { DepositModal } from "@rhinestone/deposit-modal/deposit";
+import { WithdrawModal } from "@rhinestone/deposit-modal/withdraw";
+import { executeSafeEthTransfer } from "@rhinestone/deposit-modal/safe";
+import { getChainName } from "@rhinestone/deposit-modal/constants";
+```
+
 ## DepositModal
 
 Deposits tokens from any supported chain into a target chain/token via a Rhinestone smart account.
@@ -17,7 +28,7 @@ User wallet → transfer → Rhinestone smart account → bridge → target chai
 ```
 
 ```tsx
-import { DepositModal } from "@rhinestone/deposit-modal";
+import { DepositModal } from "@rhinestone/deposit-modal/deposit";
 import "@rhinestone/deposit-modal/styles.css";
 
 <DepositModal
@@ -29,31 +40,32 @@ import "@rhinestone/deposit-modal/styles.css";
   targetChain={8453}
   targetToken="0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913"
   onDepositComplete={(data) => console.log("Done!", data)}
-/>
+/>;
 ```
 
 ### Deposit flow matrix
 
-|  | Flow 1: Dapp signer | Flow 2: External wallet | Flow 3: QR deposit |
-|---|---|---|---|
-| Typical dapp input | `dappWalletClient` + `dappAddress` | `dappAddress` (user selects/connects external wallet in modal) | `dappAddress` only |
-| Connect step options | `Connected Wallet` (+ `External Wallet`/`Transfer Crypto` if available) | Usually `External Wallet` + `Transfer Crypto` | Same options, user picks `Transfer Crypto` |
-| Smart-account owner (`ownerAddress`) | `dappWalletClient.account.address` | Selected external wallet address | `dappAddress` |
-| `createSmartAccount(userSigner, sessionOwner.account)` `userSigner` | `walletClientToAccount(dappWalletClient)` | `walletClientToAccount(externalWalletClient)` | `createViewOnlyAccount(dappAddress)` |
-| `createSmartAccount(..., sessionOwner.account)` co-owner | Local browser session-owner keypair (`sessionOwner.account`) | Local browser session-owner keypair (`sessionOwner.account`) | Local browser session-owner keypair (`sessionOwner.account`) |
-| Smart account `S` owners passed to SDK | `[ownerAddress, sessionOwner.address]` | `[ownerAddress, sessionOwner.address]` | `[ownerAddress, sessionOwner.address]` |
-| Session-owner localStorage key | `rhinestone:session-owner:<ownerAddress.lowercase()>` | `rhinestone:session-owner:<ownerAddress.lowercase()>` | `rhinestone:session-owner:<ownerAddress.lowercase()>` |
-| Session policy signer in `sessionDetails` | `DEFAULT_SIGNER_ADDRESS` (or `signerAddress` prop override) | `DEFAULT_SIGNER_ADDRESS` (or `signerAddress` prop override) | `DEFAULT_SIGNER_ADDRESS` (or `signerAddress` prop override) |
-| Who signs source transfer | `dappWalletClient` | External wallet client | No modal signer (user sends funds manually) |
-| How processing starts | Confirm step submits transfer tx | Confirm step submits transfer tx | User sends to QR address; modal polls status |
-| `POST /register` `address` | Smart account address (`S`) | Smart account address (`S`) | Smart account address (`S`) |
-| `POST /register` `eoaAddress` | `ownerAddress` | `ownerAddress` | `dappAddress` |
-| `POST /register` `sessionOwner` | `sessionOwner.address` (local co-owner key) | `sessionOwner.address` (local co-owner key) | `sessionOwner.address` (local co-owner key) |
-| `POST /register` `accountParams.sessionDetails` | Built from session policy signer + `sessionOwner.account` signature | Built from session policy signer + `sessionOwner.account` signature | Built from session policy signer + `sessionOwner.account` signature |
-| `POST /register` `target` | `{ chain: targetChain, token: targetToken, recipient? }` | `{ chain: targetChain, token: targetToken, recipient? }` | `{ chain: targetChain, token: targetToken, recipient? }` |
-| If `dappAddress` is missing | Unsupported for this flow | External-only flow can still run | Not available (QR hidden) |
+|                                                                     | Flow 1: Dapp signer                                                     | Flow 2: External wallet                                             | Flow 3: QR deposit                                                  |
+| ------------------------------------------------------------------- | ----------------------------------------------------------------------- | ------------------------------------------------------------------- | ------------------------------------------------------------------- |
+| Typical dapp input                                                  | `dappWalletClient` + `dappAddress`                                      | `dappAddress` (user selects/connects external wallet in modal)      | `dappAddress` only                                                  |
+| Connect step options                                                | `Connected Wallet` (+ `External Wallet`/`Transfer Crypto` if available) | Usually `External Wallet` + `Transfer Crypto`                       | Same options, user picks `Transfer Crypto`                          |
+| Smart-account owner (`ownerAddress`)                                | `dappWalletClient.account.address`                                      | Selected external wallet address                                    | `dappAddress`                                                       |
+| `createSmartAccount(userSigner, sessionOwner.account)` `userSigner` | `walletClientToAccount(dappWalletClient)`                               | `walletClientToAccount(externalWalletClient)`                       | `createViewOnlyAccount(dappAddress)`                                |
+| `createSmartAccount(..., sessionOwner.account)` co-owner            | Local browser session-owner keypair (`sessionOwner.account`)            | Local browser session-owner keypair (`sessionOwner.account`)        | Local browser session-owner keypair (`sessionOwner.account`)        |
+| Smart account `S` owners passed to SDK                              | `[ownerAddress, sessionOwner.address]`                                  | `[ownerAddress, sessionOwner.address]`                              | `[ownerAddress, sessionOwner.address]`                              |
+| Session-owner localStorage key                                      | `rhinestone:session-owner:<ownerAddress.lowercase()>`                   | `rhinestone:session-owner:<ownerAddress.lowercase()>`               | `rhinestone:session-owner:<ownerAddress.lowercase()>`               |
+| Session policy signer in `sessionDetails`                           | `DEFAULT_SIGNER_ADDRESS` (or `signerAddress` prop override)             | `DEFAULT_SIGNER_ADDRESS` (or `signerAddress` prop override)         | `DEFAULT_SIGNER_ADDRESS` (or `signerAddress` prop override)         |
+| Who signs source transfer                                           | `dappWalletClient`                                                      | External wallet client                                              | No modal signer (user sends funds manually)                         |
+| How processing starts                                               | Confirm step submits transfer tx                                        | Confirm step submits transfer tx                                    | User sends to QR address; modal polls status                        |
+| `POST /register` `address`                                          | Smart account address (`S`)                                             | Smart account address (`S`)                                         | Smart account address (`S`)                                         |
+| `POST /register` `eoaAddress`                                       | `ownerAddress`                                                          | `ownerAddress`                                                      | `dappAddress`                                                       |
+| `POST /register` `sessionOwner`                                     | `sessionOwner.address` (local co-owner key)                             | `sessionOwner.address` (local co-owner key)                         | `sessionOwner.address` (local co-owner key)                         |
+| `POST /register` `accountParams.sessionDetails`                     | Built from session policy signer + `sessionOwner.account` signature     | Built from session policy signer + `sessionOwner.account` signature | Built from session policy signer + `sessionOwner.account` signature |
+| `POST /register` `target`                                           | `{ chain: targetChain, token: targetToken, recipient? }`                | `{ chain: targetChain, token: targetToken, recipient? }`            | `{ chain: targetChain, token: targetToken, recipient? }`            |
+| If `dappAddress` is missing                                         | Unsupported for this flow                                               | External-only flow can still run                                    | Not available (QR hidden)                                           |
 
 Notes:
+
 - External wallet option is available when Reown is enabled (`reownAppId`) and a wallet can be connected in the modal.
 - `onConnected({ address, smartAccount })` reports the active owner address used for that flow.
 - Smart-account owner config is passed to the SDK as two ECDSA owners (`ownerAddress` + local `sessionOwner`) with threshold `1`.
@@ -61,41 +73,41 @@ Notes:
 
 ### Props
 
-| Prop | Type | Required | Description |
-|------|------|----------|-------------|
-| `isOpen` | `boolean` | Yes | Modal open state |
-| `onClose` | `() => void` | Yes | Close handler |
-| `targetChain` | `Chain \| number` | Yes | Destination chain |
-| `targetToken` | `Address` | Yes | Destination token address |
-| `dappWalletClient` | `WalletClient \| null` | No | Host-provided signer wallet client |
-| `dappPublicClient` | `PublicClient \| null` | No | Host-provided public client (fallbacks are created internally if missing) |
-| `dappAddress` | `Address \| null` | No | Dapp identity / owner anchor used by setup and QR flow |
-| `inline` | `boolean` | No | Render inline without overlay |
-| `sourceChain` | `Chain \| number` | No | Pre-selected source chain |
-| `sourceToken` | `Address` | No | Pre-selected source token |
-| `defaultAmount` | `string` | No | Pre-filled amount |
-| `recipient` | `Address` | No | Custom recipient address |
-| `backendUrl` | `string` | No | Backend URL |
-| `rhinestoneApiKey` | `string` | No | Optional SDK api key forwarded to `RhinestoneSDK` during smart-account setup |
-| `signerAddress` | `Address` | No | Session signer address |
-| `waitForFinalTx` | `boolean` | No | Wait for destination tx (default: true) |
-| `onRequestConnect` | `() => void` | No | Called when wallet connection needed |
-| `connectButtonLabel` | `string` | No | Custom connect button label |
-| `theme` | `DepositModalTheme` | No | Theme customization |
-| `branding` | `DepositModalBranding` | No | Logo and title |
-| `uiConfig` | `DepositModalUIConfig` | No | UI display options |
-| `className` | `string` | No | Additional CSS class |
+| Prop                 | Type                   | Required | Description                                                                  |
+| -------------------- | ---------------------- | -------- | ---------------------------------------------------------------------------- |
+| `isOpen`             | `boolean`              | Yes      | Modal open state                                                             |
+| `onClose`            | `() => void`           | Yes      | Close handler                                                                |
+| `targetChain`        | `Chain \| number`      | Yes      | Destination chain                                                            |
+| `targetToken`        | `Address`              | Yes      | Destination token address                                                    |
+| `dappWalletClient`   | `WalletClient \| null` | No       | Host-provided signer wallet client                                           |
+| `dappPublicClient`   | `PublicClient \| null` | No       | Host-provided public client (fallbacks are created internally if missing)    |
+| `dappAddress`        | `Address \| null`      | No       | Dapp identity / owner anchor used by setup and QR flow                       |
+| `inline`             | `boolean`              | No       | Render inline without overlay                                                |
+| `sourceChain`        | `Chain \| number`      | No       | Pre-selected source chain                                                    |
+| `sourceToken`        | `Address`              | No       | Pre-selected source token                                                    |
+| `defaultAmount`      | `string`               | No       | Pre-filled amount                                                            |
+| `recipient`          | `Address`              | No       | Custom recipient address                                                     |
+| `backendUrl`         | `string`               | No       | Backend URL                                                                  |
+| `rhinestoneApiKey`   | `string`               | No       | Optional SDK api key forwarded to `RhinestoneSDK` during smart-account setup |
+| `signerAddress`      | `Address`              | No       | Session signer address                                                       |
+| `waitForFinalTx`     | `boolean`              | No       | Wait for destination tx (default: true)                                      |
+| `onRequestConnect`   | `() => void`           | No       | Called when wallet connection needed                                         |
+| `connectButtonLabel` | `string`               | No       | Custom connect button label                                                  |
+| `theme`              | `DepositModalTheme`    | No       | Theme customization                                                          |
+| `branding`           | `DepositModalBranding` | No       | Logo and title                                                               |
+| `uiConfig`           | `DepositModalUIConfig` | No       | UI display options                                                           |
+| `className`          | `string`               | No       | Additional CSS class                                                         |
 
 ### Callbacks
 
-| Callback | Description |
-|----------|-------------|
-| `onReady` | Modal initialized |
-| `onConnected(data)` | Smart account created (`{ address, smartAccount }`) |
+| Callback                   | Description                                         |
+| -------------------------- | --------------------------------------------------- |
+| `onReady`                  | Modal initialized                                   |
+| `onConnected(data)`        | Smart account created (`{ address, smartAccount }`) |
 | `onDepositSubmitted(data)` | Transfer signed (`{ txHash, sourceChain, amount }`) |
-| `onDepositComplete(data)` | Deposit arrived (`{ txHash, destinationTxHash? }`) |
-| `onDepositFailed(data)` | Bridge failed (`{ txHash, error? }`) |
-| `onError(data)` | Error payload (`{ message, code? }`) |
+| `onDepositComplete(data)`  | Deposit arrived (`{ txHash, destinationTxHash? }`)  |
+| `onDepositFailed(data)`    | Bridge failed (`{ txHash, error? }`)                |
+| `onError(data)`            | Error payload (`{ message, code? }`)                |
 
 ## WithdrawModal
 
@@ -106,7 +118,7 @@ Safe → ERC20 transfer → Rhinestone smart account → bridge → target chain
 ```
 
 ```tsx
-import { WithdrawModal } from "@rhinestone/deposit-modal";
+import { WithdrawModal } from "@rhinestone/deposit-modal/withdraw";
 import "@rhinestone/deposit-modal/styles.css";
 
 <WithdrawModal
@@ -121,16 +133,18 @@ import "@rhinestone/deposit-modal/styles.css";
   targetChain={1}
   targetToken="0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48"
   onWithdrawComplete={(data) => console.log("Done!", data)}
-/>
+/>;
 ```
 
 ### Withdrawal flow
 
 Prerequisites:
+
 - A 1/1 Safe (single owner) with ERC20 token balance on a supported source chain
 - The connected wallet must be the sole owner of the Safe
 
 End-to-end steps:
+
 1. User connects wallet (must be the Safe owner)
 2. Modal creates a Rhinestone smart account and signs session authorization
 3. Modal registers the smart account with the backend (`/register`)
@@ -140,6 +154,7 @@ End-to-end steps:
 7. Modal polls `/status/:address` for webhook events until the bridge completes on the destination chain
 
 To test with the demo configurator:
+
 1. Switch flow to "Withdraw"
 2. Enter the Safe address
 3. Select the source chain/token matching the Safe's holdings
@@ -148,19 +163,19 @@ To test with the demo configurator:
 
 ### Additional Props (beyond shared DepositModal props)
 
-| Prop | Type | Required | Description |
-|------|------|----------|-------------|
-| `safeAddress` | `Address` | Yes | Safe holding funds |
-| `sourceChain` | `Chain \| number` | Yes | Chain where the Safe exists |
-| `sourceToken` | `Address` | Yes | Token in the Safe |
+| Prop          | Type              | Required | Description                 |
+| ------------- | ----------------- | -------- | --------------------------- |
+| `safeAddress` | `Address`         | Yes      | Safe holding funds          |
+| `sourceChain` | `Chain \| number` | Yes      | Chain where the Safe exists |
+| `sourceToken` | `Address`         | Yes      | Token in the Safe           |
 
 ### Callbacks
 
-| Callback | Description |
-|----------|-------------|
+| Callback                    | Description                                                           |
+| --------------------------- | --------------------------------------------------------------------- |
 | `onWithdrawSubmitted(data)` | Safe transfer signed (`{ txHash, sourceChain, amount, safeAddress }`) |
-| `onWithdrawComplete(data)` | Withdrawal arrived (`{ txHash, destinationTxHash? }`) |
-| `onWithdrawFailed(data)` | Bridge failed (`{ txHash, error? }`) |
+| `onWithdrawComplete(data)`  | Withdrawal arrived (`{ txHash, destinationTxHash? }`)                 |
+| `onWithdrawFailed(data)`    | Bridge failed (`{ txHash, error? }`)                                  |
 
 Also supports `onReady`, `onConnected`, and `onError` (same as DepositModal).
 
@@ -184,11 +199,21 @@ Also supports `onReady`, `onConnected`, and `onError` (same as DepositModal).
 
 ```tsx
 import {
-  SOURCE_CHAINS, SUPPORTED_CHAINS, chainRegistry,
-  getChainName, getChainIcon, getChainObject,
-  getUsdcAddress, getTokenAddress, getTokenDecimals, getTokenSymbol, getTokenIcon,
-  getExplorerTxUrl, DEFAULT_BACKEND_URL, NATIVE_TOKEN_ADDRESS,
-} from "@rhinestone/deposit-modal";
+  SOURCE_CHAINS,
+  SUPPORTED_CHAINS,
+  chainRegistry,
+  getChainName,
+  getChainIcon,
+  getChainObject,
+  getUsdcAddress,
+  getTokenAddress,
+  getTokenDecimals,
+  getTokenSymbol,
+  getTokenIcon,
+  getExplorerTxUrl,
+  DEFAULT_BACKEND_URL,
+  NATIVE_TOKEN_ADDRESS,
+} from "@rhinestone/deposit-modal/constants";
 ```
 
 ## Supported Chains

package/dist/DepositModalReown-324WTBDE.cjs

@@ -0,0 +1,33 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkW7ZYJB2Xcjs = require('./chunk-W7ZYJB2X.cjs');
+
+
+
+var _chunk6VJ2ZTNQcjs = require('./chunk-6VJ2ZTNQ.cjs');
+require('./chunk-BO745KAB.cjs');
+require('./chunk-CEIWN53N.cjs');
+
+// src/DepositModalReown.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+function DepositModalWithReown(props) {
+  const reown = _chunk6VJ2ZTNQcjs.useReownWallet.call(void 0, );
+  const handleConnect = _react.useCallback.call(void 0, () => {
+    reown.openConnect();
+  }, [reown.openConnect]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkW7ZYJB2Xcjs.DepositModalInner,
+    {
+      ...props,
+      reownWallet: reown,
+      onConnect: handleConnect
+    }
+  );
+}
+function DepositModalReown(props) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6VJ2ZTNQcjs.ReownWalletProvider, { projectId: props.reownAppId, theme: props.theme, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DepositModalWithReown, { ...props }) });
+}
+
+
+exports.DepositModalReown = DepositModalReown;

package/dist/DepositModalReown-YTWIR7A4.mjs

@@ -0,0 +1,33 @@
+import {
+  DepositModalInner
+} from "./chunk-N2LJOFT2.mjs";
+import {
+  ReownWalletProvider,
+  useReownWallet
+} from "./chunk-LBEP3A2Z.mjs";
+import "./chunk-JBT2ZV3Q.mjs";
+import "./chunk-A6QLADED.mjs";
+
+// src/DepositModalReown.tsx
+import { useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
+function DepositModalWithReown(props) {
+  const reown = useReownWallet();
+  const handleConnect = useCallback(() => {
+    reown.openConnect();
+  }, [reown.openConnect]);
+  return /* @__PURE__ */ jsx(
+    DepositModalInner,
+    {
+      ...props,
+      reownWallet: reown,
+      onConnect: handleConnect
+    }
+  );
+}
+function DepositModalReown(props) {
+  return /* @__PURE__ */ jsx(ReownWalletProvider, { projectId: props.reownAppId, theme: props.theme, children: /* @__PURE__ */ jsx(DepositModalWithReown, { ...props }) });
+}
+export {
+  DepositModalReown
+};

package/dist/WithdrawModalReown-ICP3DH6Q.mjs

@@ -0,0 +1,33 @@
+import {
+  WithdrawModalInner
+} from "./chunk-J7UK4L5T.mjs";
+import {
+  ReownWalletProvider,
+  useReownWallet
+} from "./chunk-LBEP3A2Z.mjs";
+import "./chunk-JBT2ZV3Q.mjs";
+import "./chunk-A6QLADED.mjs";
+
+// src/WithdrawModalReown.tsx
+import { useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
+function WithdrawModalWithReown(props) {
+  const reown = useReownWallet();
+  const handleConnect = useCallback(() => {
+    reown.openConnect();
+  }, [reown.openConnect]);
+  return /* @__PURE__ */ jsx(
+    WithdrawModalInner,
+    {
+      ...props,
+      reownWallet: reown,
+      onConnect: handleConnect
+    }
+  );
+}
+function WithdrawModalReown(props) {
+  return /* @__PURE__ */ jsx(ReownWalletProvider, { projectId: props.reownAppId, theme: props.theme, children: /* @__PURE__ */ jsx(WithdrawModalWithReown, { ...props }) });
+}
+export {
+  WithdrawModalReown
+};

package/dist/WithdrawModalReown-ZNTE2G6W.cjs

@@ -0,0 +1,33 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkV6HZJZOLcjs = require('./chunk-V6HZJZOL.cjs');
+
+
+
+var _chunk6VJ2ZTNQcjs = require('./chunk-6VJ2ZTNQ.cjs');
+require('./chunk-BO745KAB.cjs');
+require('./chunk-CEIWN53N.cjs');
+
+// src/WithdrawModalReown.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+function WithdrawModalWithReown(props) {
+  const reown = _chunk6VJ2ZTNQcjs.useReownWallet.call(void 0, );
+  const handleConnect = _react.useCallback.call(void 0, () => {
+    reown.openConnect();
+  }, [reown.openConnect]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkV6HZJZOLcjs.WithdrawModalInner,
+    {
+      ...props,
+      reownWallet: reown,
+      onConnect: handleConnect
+    }
+  );
+}
+function WithdrawModalReown(props) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6VJ2ZTNQcjs.ReownWalletProvider, { projectId: props.reownAppId, theme: props.theme, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WithdrawModalWithReown, { ...props }) });
+}
+
+
+exports.WithdrawModalReown = WithdrawModalReown;

package/dist/chunk-6VJ2ZTNQ.cjs

@@ -0,0 +1,90 @@
+"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; }// src/core/reown.tsx
+var _react = require('react');
+var _reactquery = require('@tanstack/react-query');
+var _appkitadapterwagmi = require('@reown/appkit-adapter-wagmi');
+var _wagmi = require('wagmi');
+var _react3 = require('@reown/appkit/react');
+
+
+
+
+
+
+
+var _networks = require('@reown/appkit/networks');
+
+var _jsxruntime = require('react/jsx-runtime');
+var NETWORKS = [
+  _networks.mainnet,
+  _networks.base,
+  _networks.arbitrum,
+  _networks.optimism,
+  _networks.polygon,
+  _networks.bsc
+];
+var cachedAdapter = null;
+var cachedProjectId = null;
+function mapTheme(theme) {
+  const themeMode = _optionalChain([theme, 'optionalAccess', _ => _.mode]) === "light" ? "light" : "dark";
+  const themeVariables = {};
+  if (_optionalChain([theme, 'optionalAccess', _2 => _2.ctaColor])) {
+    themeVariables["--apkt-accent"] = theme.ctaColor;
+  }
+  return { themeMode, themeVariables };
+}
+function getOrCreateAdapter(projectId, theme) {
+  if (cachedAdapter && cachedProjectId === projectId) return cachedAdapter;
+  cachedAdapter = new (0, _appkitadapterwagmi.WagmiAdapter)({
+    networks: NETWORKS,
+    projectId
+  });
+  cachedProjectId = projectId;
+  const { themeMode, themeVariables } = mapTheme(theme);
+  _react3.createAppKit.call(void 0, {
+    adapters: [cachedAdapter],
+    networks: NETWORKS,
+    projectId,
+    themeMode,
+    themeVariables,
+    features: {
+      connectMethodsOrder: ["wallet"],
+      email: false,
+      socials: false
+    }
+  });
+  return cachedAdapter;
+}
+function ReownWalletProvider({
+  projectId,
+  theme,
+  children
+}) {
+  const [queryClient] = _react.useState.call(void 0, () => new (0, _reactquery.QueryClient)());
+  const adapter = getOrCreateAdapter(projectId, theme);
+  const config = adapter.wagmiConfig;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _wagmi.WagmiProvider, { config, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactquery.QueryClientProvider, { client: queryClient, children }) });
+}
+function useReownWallet() {
+  const { open } = _react3.useAppKit.call(void 0, );
+  const { address, isConnected } = _react3.useAppKitAccount.call(void 0, );
+  const { data: walletClient } = _wagmi.useWalletClient.call(void 0, );
+  const publicClient = _wagmi.usePublicClient.call(void 0, );
+  const { switchChainAsync } = _wagmi.useSwitchChain.call(void 0, );
+  return {
+    walletClient: _nullishCoalesce(walletClient, () => ( void 0)),
+    publicClient: _nullishCoalesce(publicClient, () => ( void 0)),
+    address,
+    isConnected,
+    openConnect: () => {
+      void open({ view: isConnected ? "Account" : "Connect" });
+    },
+    switchChain: async (chainId) => {
+      await switchChainAsync({ chainId });
+    }
+  };
+}
+
+
+
+
+exports.ReownWalletProvider = ReownWalletProvider; exports.useReownWallet = useReownWallet;