@volr/react-ui 0.1.109 → 0.1.111

package/dist/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var React12 = require('react');
+var React13 = require('react');
 var reactDom = require('react-dom');
 var react = require('@volr/react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -10,13 +10,130 @@ var qrcode_react = require('qrcode.react');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var React12__default = /*#__PURE__*/_interopDefault(React12);
+var React13__default = /*#__PURE__*/_interopDefault(React13);
 
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __esm = (fn, res) => function __init() {
   return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
 };
 
+// ../node_modules/viem/_esm/errors/version.js
+var version;
+var init_version = __esm({
+  "../node_modules/viem/_esm/errors/version.js"() {
+    version = "2.38.6";
+  }
+});
+
+// ../node_modules/viem/_esm/errors/base.js
+function walk(err, fn) {
+  if (fn?.(err))
+    return err;
+  if (err && typeof err === "object" && "cause" in err && err.cause !== void 0)
+    return walk(err.cause, fn);
+  return fn ? null : err;
+}
+var errorConfig, BaseError;
+var init_base = __esm({
+  "../node_modules/viem/_esm/errors/base.js"() {
+    init_version();
+    errorConfig = {
+      getDocsUrl: ({ docsBaseUrl, docsPath = "", docsSlug }) => docsPath ? `${docsBaseUrl ?? "https://viem.sh"}${docsPath}${docsSlug ? `#${docsSlug}` : ""}` : void 0,
+      version: `viem@${version}`
+    };
+    BaseError = class _BaseError extends Error {
+      constructor(shortMessage, args = {}) {
+        const details = (() => {
+          if (args.cause instanceof _BaseError)
+            return args.cause.details;
+          if (args.cause?.message)
+            return args.cause.message;
+          return args.details;
+        })();
+        const docsPath = (() => {
+          if (args.cause instanceof _BaseError)
+            return args.cause.docsPath || args.docsPath;
+          return args.docsPath;
+        })();
+        const docsUrl = errorConfig.getDocsUrl?.({ ...args, docsPath });
+        const message = [
+          shortMessage || "An error occurred.",
+          "",
+          ...args.metaMessages ? [...args.metaMessages, ""] : [],
+          ...docsUrl ? [`Docs: ${docsUrl}`] : [],
+          ...details ? [`Details: ${details}`] : [],
+          ...errorConfig.version ? [`Version: ${errorConfig.version}`] : []
+        ].join("\n");
+        super(message, args.cause ? { cause: args.cause } : void 0);
+        Object.defineProperty(this, "details", {
+          enumerable: true,
+          configurable: true,
+          writable: true,
+          value: void 0
+        });
+        Object.defineProperty(this, "docsPath", {
+          enumerable: true,
+          configurable: true,
+          writable: true,
+          value: void 0
+        });
+        Object.defineProperty(this, "metaMessages", {
+          enumerable: true,
+          configurable: true,
+          writable: true,
+          value: void 0
+        });
+        Object.defineProperty(this, "shortMessage", {
+          enumerable: true,
+          configurable: true,
+          writable: true,
+          value: void 0
+        });
+        Object.defineProperty(this, "version", {
+          enumerable: true,
+          configurable: true,
+          writable: true,
+          value: void 0
+        });
+        Object.defineProperty(this, "name", {
+          enumerable: true,
+          configurable: true,
+          writable: true,
+          value: "BaseError"
+        });
+        this.details = details;
+        this.docsPath = docsPath;
+        this.metaMessages = args.metaMessages;
+        this.name = args.name ?? this.name;
+        this.shortMessage = shortMessage;
+        this.version = version;
+      }
+      walk(fn) {
+        return walk(this, fn);
+      }
+    };
+  }
+});
+
+// ../node_modules/viem/_esm/utils/unit/formatUnits.js
+function formatUnits(value, decimals) {
+  let display = value.toString();
+  const negative = display.startsWith("-");
+  if (negative)
+    display = display.slice(1);
+  display = display.padStart(decimals, "0");
+  let [integer, fraction] = [
+    display.slice(0, display.length - decimals),
+    display.slice(display.length - decimals)
+  ];
+  fraction = fraction.replace(/(0+)$/, "");
+  return `${negative ? "-" : ""}${integer || "0"}${fraction ? `.${fraction}` : ""}`;
+}
+var init_formatUnits = __esm({
+  "../node_modules/viem/_esm/utils/unit/formatUnits.js"() {
+  }
+});
+
 // ../node_modules/viem/_esm/constants/abis.js
 var universalResolverErrors, erc20Abi;
 var init_abis = __esm({
@@ -357,7 +474,9 @@ var en = {
   common: {
     back: "Back",
     loading: "Loading...",
-    cancel: "Cancel"
+    cancel: "Cancel",
+    done: "Done",
+    tryAgain: "Try again"
   },
   login: {
     title: "Sign in",
@@ -440,7 +559,50 @@ var en = {
     title: "My Account",
     walletAddress: "Wallet Address",
     email: "Email",
-    logout: "Log out"
+    logout: "Log out",
+    totalBalance: "Total Balance",
+    noAssets: "No assets configured",
+    menu: {
+      assets: "Assets",
+      withdraw: "Withdraw",
+      payments: "Payment History",
+      account: "Account"
+    },
+    info: {
+      loginMethod: {
+        label: "Login Method",
+        email: "Email",
+        google: "Google",
+        twitter: "Twitter",
+        wallet: "Wallet"
+      },
+      connectedWallet: "Connected Wallet",
+      signerType: "Signer Type"
+    },
+    withdraw: {
+      title: "Withdraw",
+      selectToken: "Select token to withdraw",
+      toAddress: "Destination Address",
+      amount: "Amount",
+      available: "Available",
+      useConnectedWallet: "Use connected wallet",
+      confirm: "Confirm Withdrawal",
+      processing: "Processing withdrawal...",
+      success: "Withdrawal Successful",
+      sent: "sent",
+      failed: "Withdrawal Failed",
+      unknownError: "An unknown error occurred"
+    },
+    payments: {
+      payment: "Payment",
+      noPayments: "No payment history",
+      fetchError: "Failed to load payment history",
+      createdAt: "Created",
+      confirmedAt: "Confirmed",
+      token: "Token",
+      txHash: "Transaction",
+      referenceId: "Reference ID"
+    }
   },
   deposit: {
     selectTitle: "Select asset to deposit",
@@ -461,7 +623,26 @@ var en = {
     noAssets: "No deposit assets configured.",
     otherToken: "Deposit with another token",
     noToken: "Don't have this token?",
-    getOtherToken: "Deposit with another token"
+    getOtherToken: "Deposit with another token",
+    // Wallet transfer
+    useWallet: "Use connected wallet",
+    walletTransfer: {
+      title: "Transfer from Wallet",
+      selectWallet: "Select wallet",
+      noWallets: "No wallets detected",
+      connecting: "Connecting...",
+      balance: "Balance",
+      amount: "Amount",
+      amountPlaceholder: "Enter amount",
+      max: "MAX",
+      transfer: "Transfer",
+      transferring: "Transferring...",
+      success: "Transfer successful!",
+      insufficientBalance: "Insufficient balance",
+      invalidAmount: "Invalid amount",
+      wrongNetwork: "Please switch to {{network}}",
+      switchNetwork: "Switch Network"
+    }
   },
   sign: {
     title: "Sign Request",
@@ -486,7 +667,9 @@ var ko = {
   common: {
     back: "\uB4A4\uB85C",
     loading: "\uB85C\uB529 \uC911...",
-    cancel: "\uCDE8\uC18C"
+    cancel: "\uCDE8\uC18C",
+    done: "\uC644\uB8CC",
+    tryAgain: "\uB2E4\uC2DC \uC2DC\uB3C4"
   },
   login: {
     title: "\uB85C\uADF8\uC778",
@@ -569,7 +752,50 @@ var ko = {
     title: "\uB0B4 \uACC4\uC815",
     walletAddress: "\uC9C0\uAC11 \uC8FC\uC18C",
     email: "\uC774\uBA54\uC77C",
-    logout: "\uB85C\uADF8\uC544\uC6C3"
+    logout: "\uB85C\uADF8\uC544\uC6C3",
+    totalBalance: "\uCD1D \uC794\uACE0",
+    noAssets: "\uC124\uC815\uB41C \uC790\uC0B0\uC774 \uC5C6\uC2B5\uB2C8\uB2E4",
+    menu: {
+      assets: "\uC790\uC0B0",
+      withdraw: "\uCD9C\uAE08",
+      payments: "\uACB0\uC81C \uAE30\uB85D",
+      account: "\uACC4\uC815 \uC815\uBCF4"
+    },
+    info: {
+      loginMethod: {
+        label: "\uB85C\uADF8\uC778 \uBC29\uBC95",
+        email: "\uC774\uBA54\uC77C",
+        google: "\uAD6C\uAE00",
+        twitter: "\uD2B8\uC704\uD130",
+        wallet: "\uC9C0\uAC11"
+      },
+      connectedWallet: "\uC5F0\uACB0\uB41C \uC678\uBD80 \uC9C0\uAC11",
+      signerType: "\uC11C\uBA85 \uBC29\uC2DD"
+    },
+    withdraw: {
+      title: "\uCD9C\uAE08",
+      selectToken: "\uCD9C\uAE08\uD560 \uD1A0\uD070 \uC120\uD0DD",
+      toAddress: "\uBC1B\uB294 \uC8FC\uC18C",
+      amount: "\uAE08\uC561",
+      available: "\uC0AC\uC6A9 \uAC00\uB2A5",
+      useConnectedWallet: "\uC5F0\uACB0\uB41C \uC9C0\uAC11\uC73C\uB85C \uBCF4\uB0B4\uAE30",
+      confirm: "\uCD9C\uAE08 \uD655\uC778",
+      processing: "\uCD9C\uAE08 \uCC98\uB9AC \uC911...",
+      success: "\uCD9C\uAE08 \uC644\uB8CC",
+      sent: "\uC804\uC1A1\uB428",
+      failed: "\uCD9C\uAE08 \uC2E4\uD328",
+      unknownError: "\uC54C \uC218 \uC5C6\uB294 \uC624\uB958\uAC00 \uBC1C\uC0DD\uD588\uC2B5\uB2C8\uB2E4"
+    },
+    payments: {
+      payment: "\uACB0\uC81C",
+      noPayments: "\uACB0\uC81C \uAE30\uB85D\uC774 \uC5C6\uC2B5\uB2C8\uB2E4",
+      fetchError: "\uACB0\uC81C \uAE30\uB85D\uC744 \uBD88\uB7EC\uC624\uC9C0 \uBABB\uD588\uC2B5\uB2C8\uB2E4",
+      createdAt: "\uC0DD\uC131\uC77C\uC2DC",
+      confirmedAt: "\uD655\uC815\uC77C\uC2DC",
+      token: "\uD1A0\uD070",
+      txHash: "\uD2B8\uB79C\uC7AD\uC158",
+      referenceId: "\uCC38\uC870 ID"
+    }
   },
   deposit: {
     selectTitle: "\uCDA9\uC804\uD560 \uC790\uC0B0\uC744 \uC120\uD0DD\uD558\uC138\uC694",
@@ -590,7 +816,26 @@ var ko = {
     noAssets: "\uC124\uC815\uB41C \uCDA9\uC804 \uC790\uC0B0\uC774 \uC5C6\uC2B5\uB2C8\uB2E4.",
     otherToken: "\uB2E4\uB978 \uD1A0\uD070\uC73C\uB85C \uCDA9\uC804\uD558\uAE30",
     noToken: "\uC774 \uD1A0\uD070\uC774 \uC5C6\uC73C\uC2E0\uAC00\uC694?",
-    getOtherToken: "\uB2E4\uB978 \uD1A0\uD070\uC73C\uB85C \uC785\uAE08\uD558\uAE30"
+    getOtherToken: "\uB2E4\uB978 \uD1A0\uD070\uC73C\uB85C \uC785\uAE08\uD558\uAE30",
+    // Wallet transfer
+    useWallet: "\uC5F0\uACB0\uB41C \uC9C0\uAC11\uC73C\uB85C \uC785\uAE08",
+    walletTransfer: {
+      title: "\uC9C0\uAC11\uC5D0\uC11C \uC804\uC1A1",
+      selectWallet: "\uC9C0\uAC11 \uC120\uD0DD",
+      noWallets: "\uAC10\uC9C0\uB41C \uC9C0\uAC11\uC774 \uC5C6\uC2B5\uB2C8\uB2E4",
+      connecting: "\uC5F0\uACB0 \uC911...",
+      balance: "\uC794\uACE0",
+      amount: "\uAE08\uC561",
+      amountPlaceholder: "\uAE08\uC561 \uC785\uB825",
+      max: "\uCD5C\uB300",
+      transfer: "\uC804\uC1A1",
+      transferring: "\uC804\uC1A1 \uC911...",
+      success: "\uC804\uC1A1 \uC644\uB8CC!",
+      insufficientBalance: "\uC794\uACE0 \uBD80\uC871",
+      invalidAmount: "\uC798\uBABB\uB41C \uAE08\uC561",
+      wrongNetwork: "{{network}}\uB85C \uB124\uD2B8\uC6CC\uD06C\uB97C \uBCC0\uACBD\uD574\uC8FC\uC138\uC694",
+      switchNetwork: "\uB124\uD2B8\uC6CC\uD06C \uBCC0\uACBD"
+    }
   },
   sign: {
     title: "\uC11C\uBA85 \uC694\uCCAD",
@@ -618,13 +863,13 @@ var translations = {
 function getTranslations(locale = "en") {
   return translations[locale] || translations.en;
 }
-var I18nContext = React12.createContext(null);
+var I18nContext = React13.createContext(null);
 function interpolate(text, params) {
   if (!params) return text;
   return text.replace(/\{\{(\w+)\}\}/g, (_, key) => params[key] ?? `{{${key}}}`);
 }
 function useI18n() {
-  const context = React12.useContext(I18nContext);
+  const context = React13.useContext(I18nContext);
   if (!context) {
     return {
       locale: "en",
@@ -659,9 +904,9 @@ function detectLocale() {
   return lang.startsWith("ko") ? "ko" : "en";
 }
 function I18nProvider({ children }) {
-  const [locale, setLocale] = React12.useState(detectLocale());
-  const translations2 = React12.useMemo(() => getTranslations(locale), [locale]);
-  const t = React12.useMemo(() => {
+  const [locale, setLocale] = React13.useState(detectLocale());
+  const translations2 = React13.useMemo(() => getTranslations(locale), [locale]);
+  const t = React13.useMemo(() => {
     return (key, params) => {
       const keys = key.split(".");
       let value2 = translations2;
@@ -678,7 +923,7 @@ function I18nProvider({ children }) {
       return typeof value2 === "string" ? interpolate(value2, params) : key;
     };
   }, [translations2]);
-  const value = React12.useMemo(
+  const value = React13.useMemo(
     () => ({
       locale,
       translations: translations2,
@@ -690,9 +935,9 @@ function I18nProvider({ children }) {
   return /* @__PURE__ */ jsxRuntime.jsx(I18nContext.Provider, { value, children });
 }
 var useTranslation = useI18n;
-var VolrModalContext = React12.createContext(null);
+var VolrModalContext = React13.createContext(null);
 var useVolrModal = () => {
-  const context = React12.useContext(VolrModalContext);
+  const context = React13.useContext(VolrModalContext);
   if (!context) {
     throw new Error("useVolrModal must be used within VolrUIProvider");
   }
@@ -701,17 +946,17 @@ var useVolrModal = () => {
 var VolrModalProvider = ({
   children
 }) => {
-  const [isOpen, setIsOpen] = React12.useState(false);
-  const [mode, setMode] = React12.useState("account");
-  const [asset, setAsset] = React12.useState(null);
-  const [paymentOptions, setPaymentOptions] = React12.useState(null);
-  const open = React12.useCallback((options) => {
+  const [isOpen, setIsOpen] = React13.useState(false);
+  const [mode, setMode] = React13.useState("account");
+  const [asset, setAsset] = React13.useState(null);
+  const [paymentOptions, setPaymentOptions] = React13.useState(null);
+  const open = React13.useCallback((options) => {
     setMode(options?.mode ?? "account");
     setAsset(options?.asset ?? null);
     setPaymentOptions(options?.payment ?? null);
     setIsOpen(true);
   }, []);
-  const close = React12.useCallback(() => {
+  const close = React13.useCallback(() => {
     setIsOpen(false);
     setAsset(null);
     setPaymentOptions(null);
@@ -725,11 +970,11 @@ function cn(...inputs) {
   return twMerge(clsx.clsx(inputs));
 }
 function useMediaQuery(query) {
-  const [matches, setMatches] = React12.useState(() => {
+  const [matches, setMatches] = React13.useState(() => {
     if (typeof window === "undefined") return false;
     return window.matchMedia(query).matches;
   });
-  React12.useEffect(() => {
+  React13.useEffect(() => {
     if (typeof window === "undefined") return;
     const mql = window.matchMedia(query);
     const handler = (event) => setMatches(event.matches);
@@ -741,14 +986,14 @@ function useMediaQuery(query) {
 }
 
 // src/generated/volr-sdk-css.ts
-var VOLR_SDK_CSS = '/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */\n@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--volr-tw-translate-x:0;--volr-tw-translate-y:0;--volr-tw-translate-z:0;--volr-tw-space-y-reverse:0;--volr-tw-border-style:solid;--volr-tw-gradient-position:initial;--volr-tw-gradient-from:#0000;--volr-tw-gradient-via:#0000;--volr-tw-gradient-to:#0000;--volr-tw-gradient-stops:initial;--volr-tw-gradient-via-stops:initial;--volr-tw-gradient-from-position:0%;--volr-tw-gradient-via-position:50%;--volr-tw-gradient-to-position:100%;--volr-tw-leading:initial;--volr-tw-font-weight:initial;--volr-tw-tracking:initial;--volr-tw-shadow:0 0 #0000;--volr-tw-shadow-color:initial;--volr-tw-shadow-alpha:100%;--volr-tw-inset-shadow:0 0 #0000;--volr-tw-inset-shadow-color:initial;--volr-tw-inset-shadow-alpha:100%;--volr-tw-ring-color:initial;--volr-tw-ring-shadow:0 0 #0000;--volr-tw-inset-ring-color:initial;--volr-tw-inset-ring-shadow:0 0 #0000;--volr-tw-ring-inset:initial;--volr-tw-ring-offset-width:0px;--volr-tw-ring-offset-color:#fff;--volr-tw-ring-offset-shadow:0 0 #0000;--volr-tw-blur:initial;--volr-tw-brightness:initial;--volr-tw-contrast:initial;--volr-tw-grayscale:initial;--volr-tw-hue-rotate:initial;--volr-tw-invert:initial;--volr-tw-opacity:initial;--volr-tw-saturate:initial;--volr-tw-sepia:initial;--volr-tw-drop-shadow:initial;--volr-tw-drop-shadow-color:initial;--volr-tw-drop-shadow-alpha:100%;--volr-tw-drop-shadow-size:initial;--volr-tw-duration:initial;--volr-tw-ease:initial}}}@layer theme{:root,:host{--volr-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--volr-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--volr-color-red-50:oklch(97.1% .013 17.38);--volr-color-red-200:oklch(88.5% .062 18.334);--volr-color-red-500:oklch(63.7% .237 25.331);--volr-color-red-600:oklch(57.7% .245 27.325);--volr-color-red-700:oklch(50.5% .213 27.518);--volr-color-green-50:oklch(98.2% .018 155.826);--volr-color-green-600:oklch(62.7% .194 149.214);--volr-color-emerald-300:oklch(84.5% .143 164.978);--volr-color-emerald-400:oklch(76.5% .177 163.223);--volr-color-emerald-500:oklch(69.6% .17 162.48);--volr-color-emerald-600:oklch(59.6% .145 163.225);--volr-color-teal-400:oklch(77.7% .152 181.912);--volr-color-teal-500:oklch(70.4% .14 182.503);--volr-color-cyan-400:oklch(78.9% .154 211.53);--volr-color-slate-50:oklch(98.4% .003 247.858);--volr-color-slate-100:oklch(96.8% .007 247.896);--volr-color-slate-200:oklch(92.9% .013 255.508);--volr-color-slate-300:oklch(86.9% .022 252.894);--volr-color-slate-400:oklch(70.4% .04 256.788);--volr-color-slate-500:oklch(55.4% .046 257.417);--volr-color-slate-600:oklch(44.6% .043 257.281);--volr-color-slate-700:oklch(37.2% .044 257.287);--volr-color-slate-900:oklch(20.8% .042 265.755);--volr-color-gray-500:oklch(55.1% .027 264.364);--volr-color-black:#000;--volr-color-white:#fff;--volr-spacing:.25rem;--volr-container-md:28rem;--volr-container-4xl:56rem;--volr-text-xs:.75rem;--volr-text-xs--line-height:calc(1/.75);--volr-text-sm:.875rem;--volr-text-sm--line-height:calc(1.25/.875);--volr-text-base:1rem;--volr-text-base--line-height:calc(1.5/1);--volr-text-lg:1.125rem;--volr-text-lg--line-height:calc(1.75/1.125);--volr-text-xl:1.25rem;--volr-text-xl--line-height:calc(1.75/1.25);--volr-text-2xl:1.5rem;--volr-text-2xl--line-height:calc(2/1.5);--volr-text-8xl:6rem;--volr-text-8xl--line-height:1;--volr-font-weight-medium:500;--volr-font-weight-semibold:600;--volr-font-weight-bold:700;--volr-tracking-wide:.025em;--volr-leading-relaxed:1.625;--volr-radius-md:.375rem;--volr-radius-lg:.5rem;--volr-radius-xl:.75rem;--volr-radius-2xl:1rem;--volr-radius-3xl:1.5rem;--volr-ease-out:cubic-bezier(0,0,.2,1);--volr-animate-spin:spin 1s linear infinite;--volr-animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--volr-blur-2xl:40px;--volr-default-transition-duration:.15s;--volr-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--volr-default-font-family:var(--volr-font-sans);--volr-default-mono-font-family:var(--volr-font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--volr-default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--volr-default-font-feature-settings,normal);font-variation-settings:var(--volr-default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--volr-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--volr-default-mono-font-feature-settings,normal);font-variation-settings:var(--volr-default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:host{--volr-primary-color:var(--volr-accent-color,#303030);--volr-font-family:var(--volr-custom-font,inherit);--volr-bg:#fff;--volr-bg-secondary:#f8fafc;--volr-bg-tertiary:#f1f5f9;--volr-text:#0f172a;--volr-text-secondary:#475569;--volr-text-muted:#94a3b8;--volr-border:#e2e8f0;--volr-border-strong:#cbd5e1;--volr-hover-bg:#f8fafc;--volr-error-bg:#fef2f2;--volr-error-border:#fecaca;--volr-error-text:#991b1b}:host([data-theme=dark]){--volr-bg:#1c1c1e;--volr-bg-secondary:#2c2c2e;--volr-bg-tertiary:#3a3a3c;--volr-text:#f5f5f7;--volr-text-secondary:#c7c7cc;--volr-text-muted:#8e8e93;--volr-border:#3a3a3c;--volr-border-strong:#48484a;--volr-hover-bg:#2c2c2e;--volr-error-bg:#3c1f1f;--volr-error-border:#7f1d1d;--volr-error-text:#fca5a5}*,:before,:after{box-sizing:border-box}*{font-family:var(--volr-font-family);color:var(--volr-text)}button,input,select,textarea{color:var(--volr-text);background-color:#0000}button{cursor:pointer;background-color:#0000}input::placeholder{color:var(--volr-text-muted)}h1,h2,h3{color:var(--volr-text);margin:0;font-weight:700}h1{font-size:1.875rem;line-height:2.25rem}h2{font-size:1.5rem;line-height:2rem}h3{font-size:1.25rem;line-height:1.75rem}p{margin:0}}@layer components{.volr-dialog-overlay{inset:calc(var(--volr-spacing)*0);z-index:40;background-color:var(--volr-color-black);position:fixed}@supports (color:color-mix(in lab, red, red)){.volr-dialog-overlay{background-color:color-mix(in oklab,var(--volr-color-black)45%,transparent)}}.volr-dialog-content{z-index:50;border-radius:var(--volr-radius-2xl);border-style:var(--volr-tw-border-style);padding:calc(var(--volr-spacing)*7);--volr-tw-shadow:0 20px 25px -5px var(--volr-tw-shadow-color,#0000001a),0 8px 10px -6px var(--volr-tw-shadow-color,#0000001a);box-shadow:var(--volr-tw-inset-shadow),var(--volr-tw-inset-ring-shadow),var(--volr-tw-ring-offset-shadow),var(--volr-tw-ring-shadow),var(--volr-tw-shadow);background-color:var(--volr-bg);border-width:1px;border-color:var(--volr-border-strong);width:calc(100% - 2rem);max-width:28rem;max-height:85vh;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}@media (max-width:640px){.volr-dialog-content{top:auto;right:calc(var(--volr-spacing)*0);bottom:calc(var(--volr-spacing)*0);left:calc(var(--volr-spacing)*0);border-radius:1.25rem 1.25rem 0 0;width:100%;max-width:100%;margin:0 auto;transform:translateY(0)}}.volr-dialog-close{top:calc(var(--volr-spacing)*4);right:calc(var(--volr-spacing)*4);height:calc(var(--volr-spacing)*8);width:calc(var(--volr-spacing)*8);color:var(--volr-text-muted);cursor:pointer;background-color:#0000;border:none;border-radius:3.40282e38px;justify-content:center;align-items:center;display:inline-flex;position:absolute}.volr-dialog-close:hover{background-color:var(--volr-hover-bg);color:var(--volr-text-secondary)}.volr-dialog-close:focus-visible{box-shadow:0 0 0 2px var(--volr-border-strong);outline:none}.volr-dialog-close-icon{height:calc(var(--volr-spacing)*4);width:calc(var(--volr-spacing)*4)}.volr-email-input{border:1px solid var(--volr-border-strong);background-color:var(--volr-bg);width:100%;color:var(--volr-text);border-radius:.5rem;outline:none;padding:.75rem .75rem .75rem 2.75rem;font-size:1rem;line-height:1.5}.volr-email-input::placeholder{color:var(--volr-text-muted)}.volr-email-input:focus{border-color:var(--volr-border-strong);box-shadow:0 0 0 2px var(--volr-border-strong)}.volr-option-button{border:1px solid var(--volr-border);background-color:var(--volr-bg);width:100%;color:var(--volr-text);cursor:pointer;border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem;transition:background-color .15s ease-out,border-color .15s ease-out,box-shadow .15s ease-out;display:flex}.volr-option-button:hover{background-color:var(--volr-hover-bg);border-color:var(--volr-border)}.volr-option-button:focus-visible{box-shadow:0 0 0 2px var(--volr-border-strong);outline:none}}@layer utilities{.volr\\:pointer-events-auto{pointer-events:auto}.volr\\:pointer-events-none{pointer-events:none}.volr\\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.volr\\:absolute{position:absolute}.volr\\:fixed{position:fixed}.volr\\:relative{position:relative}.volr\\:inset-0{inset:calc(var(--volr-spacing)*0)}.volr\\:-top-3{top:calc(var(--volr-spacing)*-3)}.volr\\:top-1\\/2{top:50%}.volr\\:-right-3{right:calc(var(--volr-spacing)*-3)}.volr\\:-right-4{right:calc(var(--volr-spacing)*-4)}.volr\\:right-2{right:calc(var(--volr-spacing)*2)}.volr\\:bottom-0{bottom:calc(var(--volr-spacing)*0)}.volr\\:-left-4{left:calc(var(--volr-spacing)*-4)}.volr\\:left-3{left:calc(var(--volr-spacing)*3)}.volr\\:-z-10{z-index:calc(10*-1)}.volr\\:z-10{z-index:10}.volr\\:z-20{z-index:20}.volr\\:z-40{z-index:40}.volr\\:z-50{z-index:50}.volr\\:mx-auto{margin-inline:auto}.volr\\:my-6{margin-block:calc(var(--volr-spacing)*6)}.volr\\:mt-0\\.5{margin-top:calc(var(--volr-spacing)*.5)}.volr\\:mt-1{margin-top:calc(var(--volr-spacing)*1)}.volr\\:mt-2{margin-top:calc(var(--volr-spacing)*2)}.volr\\:mt-3{margin-top:calc(var(--volr-spacing)*3)}.volr\\:mt-4{margin-top:calc(var(--volr-spacing)*4)}.volr\\:mt-6{margin-top:calc(var(--volr-spacing)*6)}.volr\\:mt-8{margin-top:calc(var(--volr-spacing)*8)}.volr\\:mb-1{margin-bottom:calc(var(--volr-spacing)*1)}.volr\\:mb-2{margin-bottom:calc(var(--volr-spacing)*2)}.volr\\:mb-3{margin-bottom:calc(var(--volr-spacing)*3)}.volr\\:mb-4{margin-bottom:calc(var(--volr-spacing)*4)}.volr\\:mb-5{margin-bottom:calc(var(--volr-spacing)*5)}.volr\\:mb-6{margin-bottom:calc(var(--volr-spacing)*6)}.volr\\:mb-8{margin-bottom:calc(var(--volr-spacing)*8)}.volr\\:-ml-2{margin-left:calc(var(--volr-spacing)*-2)}.volr\\:line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.volr\\:flex{display:flex}.volr\\:grid{display:grid}.volr\\:inline-block{display:inline-block}.volr\\:inline-flex{display:inline-flex}.volr\\:h-1{height:calc(var(--volr-spacing)*1)}.volr\\:h-1\\.5{height:calc(var(--volr-spacing)*1.5)}.volr\\:h-2{height:calc(var(--volr-spacing)*2)}.volr\\:h-3{height:calc(var(--volr-spacing)*3)}.volr\\:h-4{height:calc(var(--volr-spacing)*4)}.volr\\:h-5{height:calc(var(--volr-spacing)*5)}.volr\\:h-6{height:calc(var(--volr-spacing)*6)}.volr\\:h-7{height:calc(var(--volr-spacing)*7)}.volr\\:h-8{height:calc(var(--volr-spacing)*8)}.volr\\:h-10{height:calc(var(--volr-spacing)*10)}.volr\\:h-12{height:calc(var(--volr-spacing)*12)}.volr\\:h-14{height:calc(var(--volr-spacing)*14)}.volr\\:h-16{height:calc(var(--volr-spacing)*16)}.volr\\:h-20{height:calc(var(--volr-spacing)*20)}.volr\\:h-24{height:calc(var(--volr-spacing)*24)}.volr\\:h-40{height:calc(var(--volr-spacing)*40)}.volr\\:h-44{height:calc(var(--volr-spacing)*44)}.volr\\:h-48{height:calc(var(--volr-spacing)*48)}.volr\\:h-\\[0\\.8em\\]{height:.8em}.volr\\:h-\\[200px\\]{height:200px}.volr\\:h-full{height:100%}.volr\\:h-px{height:1px}.volr\\:max-h-36{max-height:calc(var(--volr-spacing)*36)}.volr\\:max-h-48{max-height:calc(var(--volr-spacing)*48)}.volr\\:max-h-60{max-height:calc(var(--volr-spacing)*60)}.volr\\:max-h-64{max-height:calc(var(--volr-spacing)*64)}.volr\\:max-h-96{max-height:calc(var(--volr-spacing)*96)}.volr\\:max-h-\\[85vh\\]{max-height:85vh}.volr\\:max-h-\\[90vh\\]{max-height:90vh}.volr\\:min-h-\\[120px\\]{min-height:120px}.volr\\:min-h-\\[500px\\]{min-height:500px}.volr\\:w-1\\.5{width:calc(var(--volr-spacing)*1.5)}.volr\\:w-2{width:calc(var(--volr-spacing)*2)}.volr\\:w-3{width:calc(var(--volr-spacing)*3)}.volr\\:w-4{width:calc(var(--volr-spacing)*4)}.volr\\:w-5{width:calc(var(--volr-spacing)*5)}.volr\\:w-6{width:calc(var(--volr-spacing)*6)}.volr\\:w-7{width:calc(var(--volr-spacing)*7)}.volr\\:w-8{width:calc(var(--volr-spacing)*8)}.volr\\:w-10{width:calc(var(--volr-spacing)*10)}.volr\\:w-12{width:calc(var(--volr-spacing)*12)}.volr\\:w-14{width:calc(var(--volr-spacing)*14)}.volr\\:w-16{width:calc(var(--volr-spacing)*16)}.volr\\:w-20{width:calc(var(--volr-spacing)*20)}.volr\\:w-24{width:calc(var(--volr-spacing)*24)}.volr\\:w-32{width:calc(var(--volr-spacing)*32)}.volr\\:w-36{width:calc(var(--volr-spacing)*36)}.volr\\:w-40{width:calc(var(--volr-spacing)*40)}.volr\\:w-44{width:calc(var(--volr-spacing)*44)}.volr\\:w-48{width:calc(var(--volr-spacing)*48)}.volr\\:w-\\[200px\\]{width:200px}.volr\\:w-auto{width:auto}.volr\\:w-full{width:100%}.volr\\:max-w-4xl{max-width:var(--volr-container-4xl)}.volr\\:max-w-full{max-width:100%}.volr\\:max-w-md{max-width:var(--volr-container-md)}.volr\\:max-w-none{max-width:none}.volr\\:min-w-0{min-width:calc(var(--volr-spacing)*0)}.volr\\:flex-1{flex:1}.volr\\:flex-shrink-0,.volr\\:shrink-0{flex-shrink:0}.volr\\:-translate-y-1\\/2{--volr-tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--volr-tw-translate-x)var(--volr-tw-translate-y)}.volr\\:rotate-90{rotate:90deg}.volr\\:rotate-180{rotate:180deg}.volr\\:animate-\\[volrFadeIn_0\\.2s_ease-out\\]{animation:.2s ease-out volrFadeIn}.volr\\:animate-pulse{animation:var(--volr-animate-pulse)}.volr\\:animate-spin{animation:var(--volr-animate-spin)}.volr\\:cursor-not-allowed{cursor:not-allowed}.volr\\:cursor-pointer{cursor:pointer}.volr\\:list-inside{list-style-position:inside}.volr\\:list-decimal{list-style-type:decimal}.volr\\:grid-cols-\\[minmax\\(0\\,1\\.1fr\\)_minmax\\(0\\,1fr\\)\\]{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.volr\\:flex-col{flex-direction:column}.volr\\:items-baseline{align-items:baseline}.volr\\:items-center{align-items:center}.volr\\:items-end{align-items:flex-end}.volr\\:items-start{align-items:flex-start}.volr\\:justify-between{justify-content:space-between}.volr\\:justify-center{justify-content:center}.volr\\:gap-1{gap:calc(var(--volr-spacing)*1)}.volr\\:gap-2{gap:calc(var(--volr-spacing)*2)}.volr\\:gap-3{gap:calc(var(--volr-spacing)*3)}.volr\\:gap-4{gap:calc(var(--volr-spacing)*4)}:where(.volr\\:space-y-1>:not(:last-child)){--volr-tw-space-y-reverse:0;margin-block-start:calc(calc(var(--volr-spacing)*1)*var(--volr-tw-space-y-reverse));margin-block-end:calc(calc(var(--volr-spacing)*1)*calc(1 - var(--volr-tw-space-y-reverse)))}:where(.volr\\:space-y-2>:not(:last-child)){--volr-tw-space-y-reverse:0;margin-block-start:calc(calc(var(--volr-spacing)*2)*var(--volr-tw-space-y-reverse));margin-block-end:calc(calc(var(--volr-spacing)*2)*calc(1 - var(--volr-tw-space-y-reverse)))}:where(.volr\\:space-y-3>:not(:last-child)){--volr-tw-space-y-reverse:0;margin-block-start:calc(calc(var(--volr-spacing)*3)*var(--volr-tw-space-y-reverse));margin-block-end:calc(calc(var(--volr-spacing)*3)*calc(1 - var(--volr-tw-space-y-reverse)))}:where(.volr\\:space-y-4>:not(:last-child)){--volr-tw-space-y-reverse:0;margin-block-start:calc(calc(var(--volr-spacing)*4)*var(--volr-tw-space-y-reverse));margin-block-end:calc(calc(var(--volr-spacing)*4)*calc(1 - var(--volr-tw-space-y-reverse)))}:where(.volr\\:space-y-6>:not(:last-child)){--volr-tw-space-y-reverse:0;margin-block-start:calc(calc(var(--volr-spacing)*6)*var(--volr-tw-space-y-reverse));margin-block-end:calc(calc(var(--volr-spacing)*6)*calc(1 - var(--volr-tw-space-y-reverse)))}:where(.volr\\:space-y-8>:not(:last-child)){--volr-tw-space-y-reverse:0;margin-block-start:calc(calc(var(--volr-spacing)*8)*var(--volr-tw-space-y-reverse));margin-block-end:calc(calc(var(--volr-spacing)*8)*calc(1 - var(--volr-tw-space-y-reverse)))}.volr\\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.volr\\:overflow-auto{overflow:auto}.volr\\:overflow-hidden{overflow:hidden}.volr\\:overflow-visible{overflow:visible}.volr\\:overflow-x-auto{overflow-x:auto}.volr\\:overflow-y-auto{overflow-y:auto}.volr\\:rounded{border-radius:.25rem}.volr\\:rounded-2xl{border-radius:var(--volr-radius-2xl)}.volr\\:rounded-full{border-radius:3.40282e38px}.volr\\:rounded-lg{border-radius:var(--volr-radius-lg)}.volr\\:rounded-md{border-radius:var(--volr-radius-md)}.volr\\:rounded-xl{border-radius:var(--volr-radius-xl)}.volr\\:rounded-t-2xl{border-top-left-radius:var(--volr-radius-2xl);border-top-right-radius:var(--volr-radius-2xl)}.volr\\:rounded-t-3xl{border-top-left-radius:var(--volr-radius-3xl);border-top-right-radius:var(--volr-radius-3xl)}.volr\\:border{border-style:var(--volr-tw-border-style);border-width:1px}.volr\\:border-2{border-style:var(--volr-tw-border-style);border-width:2px}.volr\\:border-4{border-style:var(--volr-tw-border-style);border-width:4px}.volr\\:border-t{border-top-style:var(--volr-tw-border-style);border-top-width:1px}.volr\\:border-t-2{border-top-style:var(--volr-tw-border-style);border-top-width:2px}.volr\\:border-b{border-bottom-style:var(--volr-tw-border-style);border-bottom-width:1px}.volr\\:border-red-200{border-color:var(--volr-color-red-200)}.volr\\:border-slate-200{border-color:var(--volr-color-slate-200)}.volr\\:border-slate-300{border-color:var(--volr-color-slate-300)}.volr\\:border-white{border-color:var(--volr-color-white)}.volr\\:border-t-slate-600{border-top-color:var(--volr-color-slate-600)}.volr\\:bg-black\\/45{background-color:var(--volr-color-black)}@supports (color:color-mix(in lab, red, red)){.volr\\:bg-black\\/45{background-color:color-mix(in oklab,var(--volr-color-black)45%,transparent)}}.volr\\:bg-cyan-400{background-color:var(--volr-color-cyan-400)}.volr\\:bg-emerald-300{background-color:var(--volr-color-emerald-300)}.volr\\:bg-emerald-400{background-color:var(--volr-color-emerald-400)}.volr\\:bg-green-50{background-color:var(--volr-color-green-50)}.volr\\:bg-red-50{background-color:var(--volr-color-red-50)}.volr\\:bg-slate-50{background-color:var(--volr-color-slate-50)}.volr\\:bg-slate-100{background-color:var(--volr-color-slate-100)}.volr\\:bg-slate-200{background-color:var(--volr-color-slate-200)}.volr\\:bg-slate-900{background-color:var(--volr-color-slate-900)}.volr\\:bg-teal-400{background-color:var(--volr-color-teal-400)}.volr\\:bg-white{background-color:var(--volr-color-white)}.volr\\:bg-linear-to-br{--volr-tw-gradient-position:to bottom right}@supports (background-image:linear-gradient(in lab, red, red)){.volr\\:bg-linear-to-br{--volr-tw-gradient-position:to bottom right in oklab}}.volr\\:bg-linear-to-br{background-image:linear-gradient(var(--volr-tw-gradient-stops))}.volr\\:from-emerald-400{--volr-tw-gradient-from:var(--volr-color-emerald-400);--volr-tw-gradient-stops:var(--volr-tw-gradient-via-stops,var(--volr-tw-gradient-position),var(--volr-tw-gradient-from)var(--volr-tw-gradient-from-position),var(--volr-tw-gradient-to)var(--volr-tw-gradient-to-position))}.volr\\:from-emerald-500{--volr-tw-gradient-from:var(--volr-color-emerald-500);--volr-tw-gradient-stops:var(--volr-tw-gradient-via-stops,var(--volr-tw-gradient-position),var(--volr-tw-gradient-from)var(--volr-tw-gradient-from-position),var(--volr-tw-gradient-to)var(--volr-tw-gradient-to-position))}.volr\\:to-teal-500{--volr-tw-gradient-to:var(--volr-color-teal-500);--volr-tw-gradient-stops:var(--volr-tw-gradient-via-stops,var(--volr-tw-gradient-position),var(--volr-tw-gradient-from)var(--volr-tw-gradient-from-position),var(--volr-tw-gradient-to)var(--volr-tw-gradient-to-position))}.volr\\:object-cover{object-fit:cover}.volr\\:p-1{padding:calc(var(--volr-spacing)*1)}.volr\\:p-2{padding:calc(var(--volr-spacing)*2)}.volr\\:p-3{padding:calc(var(--volr-spacing)*3)}.volr\\:p-4{padding:calc(var(--volr-spacing)*4)}.volr\\:p-5{padding:calc(var(--volr-spacing)*5)}.volr\\:p-8{padding:calc(var(--volr-spacing)*8)}.volr\\:px-1\\.5{padding-inline:calc(var(--volr-spacing)*1.5)}.volr\\:px-2{padding-inline:calc(var(--volr-spacing)*2)}.volr\\:px-3{padding-inline:calc(var(--volr-spacing)*3)}.volr\\:px-4{padding-inline:calc(var(--volr-spacing)*4)}.volr\\:py-0\\.5{padding-block:calc(var(--volr-spacing)*.5)}.volr\\:py-1\\.5{padding-block:calc(var(--volr-spacing)*1.5)}.volr\\:py-2{padding-block:calc(var(--volr-spacing)*2)}.volr\\:py-2\\.5{padding-block:calc(var(--volr-spacing)*2.5)}.volr\\:py-3{padding-block:calc(var(--volr-spacing)*3)}.volr\\:py-4{padding-block:calc(var(--volr-spacing)*4)}.volr\\:py-6{padding-block:calc(var(--volr-spacing)*6)}.volr\\:py-8{padding-block:calc(var(--volr-spacing)*8)}.volr\\:py-12{padding-block:calc(var(--volr-spacing)*12)}.volr\\:pt-2{padding-top:calc(var(--volr-spacing)*2)}.volr\\:pt-3{padding-top:calc(var(--volr-spacing)*3)}.volr\\:pt-4{padding-top:calc(var(--volr-spacing)*4)}.volr\\:pr-3{padding-right:calc(var(--volr-spacing)*3)}.volr\\:pb-2{padding-bottom:calc(var(--volr-spacing)*2)}.volr\\:pb-4{padding-bottom:calc(var(--volr-spacing)*4)}.volr\\:pl-11{padding-left:calc(var(--volr-spacing)*11)}.volr\\:text-center{text-align:center}.volr\\:text-left{text-align:left}.volr\\:text-right{text-align:right}.volr\\:align-baseline{vertical-align:baseline}.volr\\:font-mono{font-family:var(--volr-font-mono)}.volr\\:text-2xl{font-size:var(--volr-text-2xl);line-height:var(--volr-tw-leading,var(--volr-text-2xl--line-height))}.volr\\:text-8xl{font-size:var(--volr-text-8xl);line-height:var(--volr-tw-leading,var(--volr-text-8xl--line-height))}.volr\\:text-base{font-size:var(--volr-text-base);line-height:var(--volr-tw-leading,var(--volr-text-base--line-height))}.volr\\:text-lg{font-size:var(--volr-text-lg);line-height:var(--volr-tw-leading,var(--volr-text-lg--line-height))}.volr\\:text-sm{font-size:var(--volr-text-sm);line-height:var(--volr-tw-leading,var(--volr-text-sm--line-height))}.volr\\:text-xl{font-size:var(--volr-text-xl);line-height:var(--volr-tw-leading,var(--volr-text-xl--line-height))}.volr\\:text-xs{font-size:var(--volr-text-xs);line-height:var(--volr-tw-leading,var(--volr-text-xs--line-height))}.volr\\:leading-relaxed{--volr-tw-leading:var(--volr-leading-relaxed);line-height:var(--volr-leading-relaxed)}.volr\\:font-bold{--volr-tw-font-weight:var(--volr-font-weight-bold);font-weight:var(--volr-font-weight-bold)}.volr\\:font-medium{--volr-tw-font-weight:var(--volr-font-weight-medium);font-weight:var(--volr-font-weight-medium)}.volr\\:font-semibold{--volr-tw-font-weight:var(--volr-font-weight-semibold);font-weight:var(--volr-font-weight-semibold)}.volr\\:tracking-wide{--volr-tw-tracking:var(--volr-tracking-wide);letter-spacing:var(--volr-tracking-wide)}.volr\\:break-all{word-break:break-all}.volr\\:text-emerald-600{color:var(--volr-color-emerald-600)}.volr\\:text-gray-500{color:var(--volr-color-gray-500)}.volr\\:text-green-600{color:var(--volr-color-green-600)}.volr\\:text-red-500{color:var(--volr-color-red-500)}.volr\\:text-red-600{color:var(--volr-color-red-600)}.volr\\:text-red-700{color:var(--volr-color-red-700)}.volr\\:text-slate-100{color:var(--volr-color-slate-100)}.volr\\:text-slate-400{color:var(--volr-color-slate-400)}.volr\\:text-slate-500{color:var(--volr-color-slate-500)}.volr\\:text-slate-600{color:var(--volr-color-slate-600)}.volr\\:text-slate-700{color:var(--volr-color-slate-700)}.volr\\:text-slate-900{color:var(--volr-color-slate-900)}.volr\\:text-white{color:var(--volr-color-white)}.volr\\:capitalize{text-transform:capitalize}.volr\\:uppercase{text-transform:uppercase}.volr\\:underline{text-decoration-line:underline}.volr\\:opacity-0{opacity:0}.volr\\:opacity-25{opacity:.25}.volr\\:opacity-30{opacity:.3}.volr\\:opacity-50{opacity:.5}.volr\\:opacity-75{opacity:.75}.volr\\:shadow-2xl{--volr-tw-shadow:0 25px 50px -12px var(--volr-tw-shadow-color,#00000040);box-shadow:var(--volr-tw-inset-shadow),var(--volr-tw-inset-ring-shadow),var(--volr-tw-ring-offset-shadow),var(--volr-tw-ring-shadow),var(--volr-tw-shadow)}.volr\\:shadow-\\[0_-8px_30px_rgba\\(0\\,0\\,0\\,0\\.2\\)\\]{--volr-tw-shadow:0 -8px 30px var(--volr-tw-shadow-color,#0003);box-shadow:var(--volr-tw-inset-shadow),var(--volr-tw-inset-ring-shadow),var(--volr-tw-ring-offset-shadow),var(--volr-tw-ring-shadow),var(--volr-tw-shadow)}.volr\\:shadow-lg{--volr-tw-shadow:0 10px 15px -3px var(--volr-tw-shadow-color,#0000001a),0 4px 6px -4px var(--volr-tw-shadow-color,#0000001a);box-shadow:var(--volr-tw-inset-shadow),var(--volr-tw-inset-ring-shadow),var(--volr-tw-ring-offset-shadow),var(--volr-tw-ring-shadow),var(--volr-tw-shadow)}.volr\\:shadow-md{--volr-tw-shadow:0 4px 6px -1px var(--volr-tw-shadow-color,#0000001a),0 2px 4px -2px var(--volr-tw-shadow-color,#0000001a);box-shadow:var(--volr-tw-inset-shadow),var(--volr-tw-inset-ring-shadow),var(--volr-tw-ring-offset-shadow),var(--volr-tw-ring-shadow),var(--volr-tw-shadow)}.volr\\:shadow-sm{--volr-tw-shadow:0 1px 3px 0 var(--volr-tw-shadow-color,#0000001a),0 1px 2px -1px var(--volr-tw-shadow-color,#0000001a);box-shadow:var(--volr-tw-inset-shadow),var(--volr-tw-inset-ring-shadow),var(--volr-tw-ring-offset-shadow),var(--volr-tw-ring-shadow),var(--volr-tw-shadow)}.volr\\:shadow-xl{--volr-tw-shadow:0 20px 25px -5px var(--volr-tw-shadow-color,#0000001a),0 8px 10px -6px var(--volr-tw-shadow-color,#0000001a);box-shadow:var(--volr-tw-inset-shadow),var(--volr-tw-inset-ring-shadow),var(--volr-tw-ring-offset-shadow),var(--volr-tw-ring-shadow),var(--volr-tw-shadow)}.volr\\:shadow-emerald-500\\/50{--volr-tw-shadow-color:var(--volr-color-emerald-500)}@supports (color:color-mix(in lab, red, red)){.volr\\:shadow-emerald-500\\/50{--volr-tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--volr-color-emerald-500)50%,transparent)var(--volr-tw-shadow-alpha),transparent)}}.volr\\:blur-2xl{--volr-tw-blur:blur(var(--volr-blur-2xl));filter:var(--volr-tw-blur,)var(--volr-tw-brightness,)var(--volr-tw-contrast,)var(--volr-tw-grayscale,)var(--volr-tw-hue-rotate,)var(--volr-tw-invert,)var(--volr-tw-saturate,)var(--volr-tw-sepia,)var(--volr-tw-drop-shadow,)}.volr\\:transition-all{transition-property:all;transition-timing-function:var(--volr-tw-ease,var(--volr-default-transition-timing-function));transition-duration:var(--volr-tw-duration,var(--volr-default-transition-duration))}.volr\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--volr-tw-gradient-from,--volr-tw-gradient-via,--volr-tw-gradient-to;transition-timing-function:var(--volr-tw-ease,var(--volr-default-transition-timing-function));transition-duration:var(--volr-tw-duration,var(--volr-default-transition-duration))}.volr\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--volr-tw-ease,var(--volr-default-transition-timing-function));transition-duration:var(--volr-tw-duration,var(--volr-default-transition-duration))}.volr\\:duration-300{--volr-tw-duration:.3s;transition-duration:.3s}.volr\\:duration-500{--volr-tw-duration:.5s;transition-duration:.5s}.volr\\:ease-out{--volr-tw-ease:var(--volr-ease-out);transition-timing-function:var(--volr-ease-out)}.volr\\:outline-none{--volr-tw-outline-style:none;outline-style:none}@media (hover:hover){.volr\\:hover\\:border-slate-300:hover{border-color:var(--volr-color-slate-300)}.volr\\:hover\\:bg-slate-50:hover{background-color:var(--volr-color-slate-50)}.volr\\:hover\\:text-slate-700:hover{color:var(--volr-color-slate-700)}}.volr\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.volr\\:disabled\\:opacity-50:disabled{opacity:.5}.volr-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.volr-text-secondary{color:var(--volr-text-secondary)}.volr-text-muted{color:var(--volr-text-muted)}.volr-bg-secondary{background-color:var(--volr-bg-secondary)}.volr-bg-tertiary{background-color:var(--volr-bg-tertiary)}.volr-border{border-color:var(--volr-border)}.volr-border-strong{border-color:var(--volr-border-strong)}.volr-divider-line{background-color:var(--volr-border)}.volr-error{background-color:var(--volr-error-bg);border-color:var(--volr-error-border);color:var(--volr-error-text)}.volr-hover:hover{background-color:var(--volr-hover-bg)}.volr-surface{background-color:var(--volr-bg)}}@property --volr-tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --volr-tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --volr-tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --volr-tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --volr-tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --volr-tw-gradient-position{syntax:"*";inherits:false}@property --volr-tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --volr-tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --volr-tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --volr-tw-gradient-stops{syntax:"*";inherits:false}@property --volr-tw-gradient-via-stops{syntax:"*";inherits:false}@property --volr-tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --volr-tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --volr-tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --volr-tw-leading{syntax:"*";inherits:false}@property --volr-tw-font-weight{syntax:"*";inherits:false}@property --volr-tw-tracking{syntax:"*";inherits:false}@property --volr-tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --volr-tw-shadow-color{syntax:"*";inherits:false}@property --volr-tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --volr-tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --volr-tw-inset-shadow-color{syntax:"*";inherits:false}@property --volr-tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --volr-tw-ring-color{syntax:"*";inherits:false}@property --volr-tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --volr-tw-inset-ring-color{syntax:"*";inherits:false}@property --volr-tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --volr-tw-ring-inset{syntax:"*";inherits:false}@property --volr-tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --volr-tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --volr-tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --volr-tw-blur{syntax:"*";inherits:false}@property --volr-tw-brightness{syntax:"*";inherits:false}@property --volr-tw-contrast{syntax:"*";inherits:false}@property --volr-tw-grayscale{syntax:"*";inherits:false}@property --volr-tw-hue-rotate{syntax:"*";inherits:false}@property --volr-tw-invert{syntax:"*";inherits:false}@property --volr-tw-opacity{syntax:"*";inherits:false}@property --volr-tw-saturate{syntax:"*";inherits:false}@property --volr-tw-sepia{syntax:"*";inherits:false}@property --volr-tw-drop-shadow{syntax:"*";inherits:false}@property --volr-tw-drop-shadow-color{syntax:"*";inherits:false}@property --volr-tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --volr-tw-drop-shadow-size{syntax:"*";inherits:false}@property --volr-tw-duration{syntax:"*";inherits:false}@property --volr-tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}';
+var VOLR_SDK_CSS = '/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */\n@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--volr-tw-translate-x:0;--volr-tw-translate-y:0;--volr-tw-translate-z:0;--volr-tw-space-y-reverse:0;--volr-tw-border-style:solid;--volr-tw-gradient-position:initial;--volr-tw-gradient-from:#0000;--volr-tw-gradient-via:#0000;--volr-tw-gradient-to:#0000;--volr-tw-gradient-stops:initial;--volr-tw-gradient-via-stops:initial;--volr-tw-gradient-from-position:0%;--volr-tw-gradient-via-position:50%;--volr-tw-gradient-to-position:100%;--volr-tw-leading:initial;--volr-tw-font-weight:initial;--volr-tw-tracking:initial;--volr-tw-shadow:0 0 #0000;--volr-tw-shadow-color:initial;--volr-tw-shadow-alpha:100%;--volr-tw-inset-shadow:0 0 #0000;--volr-tw-inset-shadow-color:initial;--volr-tw-inset-shadow-alpha:100%;--volr-tw-ring-color:initial;--volr-tw-ring-shadow:0 0 #0000;--volr-tw-inset-ring-color:initial;--volr-tw-inset-ring-shadow:0 0 #0000;--volr-tw-ring-inset:initial;--volr-tw-ring-offset-width:0px;--volr-tw-ring-offset-color:#fff;--volr-tw-ring-offset-shadow:0 0 #0000;--volr-tw-blur:initial;--volr-tw-brightness:initial;--volr-tw-contrast:initial;--volr-tw-grayscale:initial;--volr-tw-hue-rotate:initial;--volr-tw-invert:initial;--volr-tw-opacity:initial;--volr-tw-saturate:initial;--volr-tw-sepia:initial;--volr-tw-drop-shadow:initial;--volr-tw-drop-shadow-color:initial;--volr-tw-drop-shadow-alpha:100%;--volr-tw-drop-shadow-size:initial;--volr-tw-duration:initial;--volr-tw-ease:initial}}}@layer theme{:root,:host{--volr-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--volr-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--volr-color-red-50:oklch(97.1% .013 17.38);--volr-color-red-100:oklch(93.6% .032 17.717);--volr-color-red-200:oklch(88.5% .062 18.334);--volr-color-red-500:oklch(63.7% .237 25.331);--volr-color-red-600:oklch(57.7% .245 27.325);--volr-color-red-700:oklch(50.5% .213 27.518);--volr-color-amber-50:oklch(98.7% .022 95.277);--volr-color-amber-200:oklch(92.4% .12 95.746);--volr-color-amber-700:oklch(55.5% .163 48.998);--volr-color-yellow-100:oklch(97.3% .071 103.193);--volr-color-yellow-700:oklch(55.4% .135 66.442);--volr-color-green-50:oklch(98.2% .018 155.826);--volr-color-green-100:oklch(96.2% .044 156.743);--volr-color-green-600:oklch(62.7% .194 149.214);--volr-color-green-700:oklch(52.7% .154 150.069);--volr-color-emerald-300:oklch(84.5% .143 164.978);--volr-color-emerald-400:oklch(76.5% .177 163.223);--volr-color-emerald-500:oklch(69.6% .17 162.48);--volr-color-emerald-600:oklch(59.6% .145 163.225);--volr-color-teal-400:oklch(77.7% .152 181.912);--volr-color-teal-500:oklch(70.4% .14 182.503);--volr-color-cyan-400:oklch(78.9% .154 211.53);--volr-color-blue-100:oklch(93.2% .032 255.585);--volr-color-blue-700:oklch(48.8% .243 264.376);--volr-color-slate-50:oklch(98.4% .003 247.858);--volr-color-slate-100:oklch(96.8% .007 247.896);--volr-color-slate-200:oklch(92.9% .013 255.508);--volr-color-slate-300:oklch(86.9% .022 252.894);--volr-color-slate-400:oklch(70.4% .04 256.788);--volr-color-slate-500:oklch(55.4% .046 257.417);--volr-color-slate-600:oklch(44.6% .043 257.281);--volr-color-slate-700:oklch(37.2% .044 257.287);--volr-color-slate-900:oklch(20.8% .042 265.755);--volr-color-gray-500:oklch(55.1% .027 264.364);--volr-color-black:#000;--volr-color-white:#fff;--volr-spacing:.25rem;--volr-container-md:28rem;--volr-container-4xl:56rem;--volr-text-xs:.75rem;--volr-text-xs--line-height:calc(1/.75);--volr-text-sm:.875rem;--volr-text-sm--line-height:calc(1.25/.875);--volr-text-base:1rem;--volr-text-base--line-height:calc(1.5/1);--volr-text-lg:1.125rem;--volr-text-lg--line-height:calc(1.75/1.125);--volr-text-xl:1.25rem;--volr-text-xl--line-height:calc(1.75/1.25);--volr-text-2xl:1.5rem;--volr-text-2xl--line-height:calc(2/1.5);--volr-text-3xl:1.875rem;--volr-text-3xl--line-height:calc(2.25/1.875);--volr-text-8xl:6rem;--volr-text-8xl--line-height:1;--volr-font-weight-medium:500;--volr-font-weight-semibold:600;--volr-font-weight-bold:700;--volr-tracking-wide:.025em;--volr-leading-relaxed:1.625;--volr-radius-md:.375rem;--volr-radius-lg:.5rem;--volr-radius-xl:.75rem;--volr-radius-2xl:1rem;--volr-radius-3xl:1.5rem;--volr-ease-out:cubic-bezier(0,0,.2,1);--volr-animate-spin:spin 1s linear infinite;--volr-animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--volr-blur-2xl:40px;--volr-default-transition-duration:.15s;--volr-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--volr-default-font-family:var(--volr-font-sans);--volr-default-mono-font-family:var(--volr-font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--volr-default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--volr-default-font-feature-settings,normal);font-variation-settings:var(--volr-default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--volr-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--volr-default-mono-font-feature-settings,normal);font-variation-settings:var(--volr-default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:host{--volr-primary-color:var(--volr-accent-color,#303030);--volr-font-family:var(--volr-custom-font,inherit);--volr-bg:#fff;--volr-bg-secondary:#f8fafc;--volr-bg-tertiary:#f1f5f9;--volr-text:#0f172a;--volr-text-secondary:#475569;--volr-text-muted:#94a3b8;--volr-border:#e2e8f0;--volr-border-strong:#cbd5e1;--volr-hover-bg:#f8fafc;--volr-error-bg:#fef2f2;--volr-error-border:#fecaca;--volr-error-text:#991b1b}:host([data-theme=dark]){--volr-bg:#1c1c1e;--volr-bg-secondary:#2c2c2e;--volr-bg-tertiary:#3a3a3c;--volr-text:#f5f5f7;--volr-text-secondary:#c7c7cc;--volr-text-muted:#8e8e93;--volr-border:#3a3a3c;--volr-border-strong:#48484a;--volr-hover-bg:#2c2c2e;--volr-error-bg:#3c1f1f;--volr-error-border:#7f1d1d;--volr-error-text:#fca5a5}*,:before,:after{box-sizing:border-box}*{font-family:var(--volr-font-family);color:var(--volr-text)}button,input,select,textarea{color:var(--volr-text);background-color:#0000}button{cursor:pointer;background-color:#0000}input::placeholder{color:var(--volr-text-muted)}h1,h2,h3{color:var(--volr-text);margin:0;font-weight:700}h1{font-size:1.875rem;line-height:2.25rem}h2{font-size:1.5rem;line-height:2rem}h3{font-size:1.25rem;line-height:1.75rem}p{margin:0}}@layer components{.volr-dialog-overlay{inset:calc(var(--volr-spacing)*0);z-index:40;background-color:var(--volr-color-black);position:fixed}@supports (color:color-mix(in lab, red, red)){.volr-dialog-overlay{background-color:color-mix(in oklab,var(--volr-color-black)45%,transparent)}}.volr-dialog-content{z-index:50;border-radius:var(--volr-radius-2xl);border-style:var(--volr-tw-border-style);padding:calc(var(--volr-spacing)*7);--volr-tw-shadow:0 20px 25px -5px var(--volr-tw-shadow-color,#0000001a),0 8px 10px -6px var(--volr-tw-shadow-color,#0000001a);box-shadow:var(--volr-tw-inset-shadow),var(--volr-tw-inset-ring-shadow),var(--volr-tw-ring-offset-shadow),var(--volr-tw-ring-shadow),var(--volr-tw-shadow);background-color:var(--volr-bg);border-width:1px;border-color:var(--volr-border-strong);width:calc(100% - 2rem);max-width:28rem;max-height:85vh;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}@media (max-width:640px){.volr-dialog-content{top:auto;right:calc(var(--volr-spacing)*0);bottom:calc(var(--volr-spacing)*0);left:calc(var(--volr-spacing)*0);border-radius:1.25rem 1.25rem 0 0;width:100%;max-width:100%;margin:0 auto;transform:translateY(0)}}.volr-dialog-close{top:calc(var(--volr-spacing)*4);right:calc(var(--volr-spacing)*4);height:calc(var(--volr-spacing)*8);width:calc(var(--volr-spacing)*8);color:var(--volr-text-muted);cursor:pointer;background-color:#0000;border:none;border-radius:3.40282e38px;justify-content:center;align-items:center;display:inline-flex;position:absolute}.volr-dialog-close:hover{background-color:var(--volr-hover-bg);color:var(--volr-text-secondary)}.volr-dialog-close:focus-visible{box-shadow:0 0 0 2px var(--volr-border-strong);outline:none}.volr-dialog-close-icon{height:calc(var(--volr-spacing)*4);width:calc(var(--volr-spacing)*4)}.volr-email-input{border:1px solid var(--volr-border-strong);background-color:var(--volr-bg);width:100%;color:var(--volr-text);border-radius:.5rem;outline:none;padding:.75rem .75rem .75rem 2.75rem;font-size:1rem;line-height:1.5}.volr-email-input::placeholder{color:var(--volr-text-muted)}.volr-email-input:focus{border-color:var(--volr-border-strong);box-shadow:0 0 0 2px var(--volr-border-strong)}.volr-option-button{border:1px solid var(--volr-border);background-color:var(--volr-bg);width:100%;color:var(--volr-text);cursor:pointer;border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem;transition:background-color .15s ease-out,border-color .15s ease-out,box-shadow .15s ease-out;display:flex}.volr-option-button:hover{background-color:var(--volr-hover-bg);border-color:var(--volr-border)}.volr-option-button:focus-visible{box-shadow:0 0 0 2px var(--volr-border-strong);outline:none}}@layer utilities{.volr\\:pointer-events-auto{pointer-events:auto}.volr\\:pointer-events-none{pointer-events:none}.volr\\:sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.volr\\:absolute{position:absolute}.volr\\:fixed{position:fixed}.volr\\:relative{position:relative}.volr\\:inset-0{inset:calc(var(--volr-spacing)*0)}.volr\\:-top-3{top:calc(var(--volr-spacing)*-3)}.volr\\:top-1\\/2{top:50%}.volr\\:-right-3{right:calc(var(--volr-spacing)*-3)}.volr\\:right-2{right:calc(var(--volr-spacing)*2)}.volr\\:right-3{right:calc(var(--volr-spacing)*3)}.volr\\:bottom-3{bottom:calc(var(--volr-spacing)*3)}.volr\\:left-3{left:calc(var(--volr-spacing)*3)}.volr\\:-z-10{z-index:calc(10*-1)}.volr\\:z-10{z-index:10}.volr\\:z-20{z-index:20}.volr\\:z-40{z-index:40}.volr\\:z-50{z-index:50}.volr\\:mx-auto{margin-inline:auto}.volr\\:my-6{margin-block:calc(var(--volr-spacing)*6)}.volr\\:mt-0\\.5{margin-top:calc(var(--volr-spacing)*.5)}.volr\\:mt-1{margin-top:calc(var(--volr-spacing)*1)}.volr\\:mt-2{margin-top:calc(var(--volr-spacing)*2)}.volr\\:mt-3{margin-top:calc(var(--volr-spacing)*3)}.volr\\:mt-4{margin-top:calc(var(--volr-spacing)*4)}.volr\\:mt-6{margin-top:calc(var(--volr-spacing)*6)}.volr\\:mt-8{margin-top:calc(var(--volr-spacing)*8)}.volr\\:mb-1{margin-bottom:calc(var(--volr-spacing)*1)}.volr\\:mb-2{margin-bottom:calc(var(--volr-spacing)*2)}.volr\\:mb-3{margin-bottom:calc(var(--volr-spacing)*3)}.volr\\:mb-4{margin-bottom:calc(var(--volr-spacing)*4)}.volr\\:mb-5{margin-bottom:calc(var(--volr-spacing)*5)}.volr\\:mb-6{margin-bottom:calc(var(--volr-spacing)*6)}.volr\\:mb-8{margin-bottom:calc(var(--volr-spacing)*8)}.volr\\:-ml-2{margin-left:calc(var(--volr-spacing)*-2)}.volr\\:line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.volr\\:block{display:block}.volr\\:flex{display:flex}.volr\\:grid{display:grid}.volr\\:inline-block{display:inline-block}.volr\\:inline-flex{display:inline-flex}.volr\\:h-1{height:calc(var(--volr-spacing)*1)}.volr\\:h-1\\.5{height:calc(var(--volr-spacing)*1.5)}.volr\\:h-2{height:calc(var(--volr-spacing)*2)}.volr\\:h-3{height:calc(var(--volr-spacing)*3)}.volr\\:h-4{height:calc(var(--volr-spacing)*4)}.volr\\:h-5{height:calc(var(--volr-spacing)*5)}.volr\\:h-6{height:calc(var(--volr-spacing)*6)}.volr\\:h-7{height:calc(var(--volr-spacing)*7)}.volr\\:h-8{height:calc(var(--volr-spacing)*8)}.volr\\:h-9{height:calc(var(--volr-spacing)*9)}.volr\\:h-10{height:calc(var(--volr-spacing)*10)}.volr\\:h-12{height:calc(var(--volr-spacing)*12)}.volr\\:h-14{height:calc(var(--volr-spacing)*14)}.volr\\:h-16{height:calc(var(--volr-spacing)*16)}.volr\\:h-20{height:calc(var(--volr-spacing)*20)}.volr\\:h-24{height:calc(var(--volr-spacing)*24)}.volr\\:h-40{height:calc(var(--volr-spacing)*40)}.volr\\:h-44{height:calc(var(--volr-spacing)*44)}.volr\\:h-48{height:calc(var(--volr-spacing)*48)}.volr\\:h-\\[0\\.8em\\]{height:.8em}.volr\\:h-\\[200px\\]{height:200px}.volr\\:h-full{height:100%}.volr\\:h-px{height:1px}.volr\\:max-h-48{max-height:calc(var(--volr-spacing)*48)}.volr\\:max-h-60{max-height:calc(var(--volr-spacing)*60)}.volr\\:max-h-64{max-height:calc(var(--volr-spacing)*64)}.volr\\:max-h-\\[85vh\\]{max-height:85vh}.volr\\:max-h-\\[90vh\\]{max-height:90vh}.volr\\:min-h-\\[120px\\]{min-height:120px}.volr\\:min-h-\\[500px\\]{min-height:500px}.volr\\:w-1\\.5{width:calc(var(--volr-spacing)*1.5)}.volr\\:w-2{width:calc(var(--volr-spacing)*2)}.volr\\:w-3{width:calc(var(--volr-spacing)*3)}.volr\\:w-4{width:calc(var(--volr-spacing)*4)}.volr\\:w-5{width:calc(var(--volr-spacing)*5)}.volr\\:w-6{width:calc(var(--volr-spacing)*6)}.volr\\:w-7{width:calc(var(--volr-spacing)*7)}.volr\\:w-8{width:calc(var(--volr-spacing)*8)}.volr\\:w-10{width:calc(var(--volr-spacing)*10)}.volr\\:w-12{width:calc(var(--volr-spacing)*12)}.volr\\:w-14{width:calc(var(--volr-spacing)*14)}.volr\\:w-16{width:calc(var(--volr-spacing)*16)}.volr\\:w-20{width:calc(var(--volr-spacing)*20)}.volr\\:w-24{width:calc(var(--volr-spacing)*24)}.volr\\:w-32{width:calc(var(--volr-spacing)*32)}.volr\\:w-36{width:calc(var(--volr-spacing)*36)}.volr\\:w-40{width:calc(var(--volr-spacing)*40)}.volr\\:w-44{width:calc(var(--volr-spacing)*44)}.volr\\:w-48{width:calc(var(--volr-spacing)*48)}.volr\\:w-\\[200px\\]{width:200px}.volr\\:w-auto{width:auto}.volr\\:w-full{width:100%}.volr\\:max-w-4xl{max-width:var(--volr-container-4xl)}.volr\\:max-w-full{max-width:100%}.volr\\:max-w-md{max-width:var(--volr-container-md)}.volr\\:max-w-none{max-width:none}.volr\\:min-w-0{min-width:calc(var(--volr-spacing)*0)}.volr\\:flex-1{flex:1}.volr\\:flex-shrink-0,.volr\\:shrink-0{flex-shrink:0}.volr\\:-translate-y-1\\/2{--volr-tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--volr-tw-translate-x)var(--volr-tw-translate-y)}.volr\\:rotate-90{rotate:90deg}.volr\\:rotate-180{rotate:180deg}.volr\\:animate-pulse{animation:var(--volr-animate-pulse)}.volr\\:animate-spin{animation:var(--volr-animate-spin)}.volr\\:cursor-not-allowed{cursor:not-allowed}.volr\\:cursor-pointer{cursor:pointer}.volr\\:list-inside{list-style-position:inside}.volr\\:list-decimal{list-style-type:decimal}.volr\\:grid-cols-\\[minmax\\(0\\,1\\.1fr\\)_minmax\\(0\\,1fr\\)\\]{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.volr\\:flex-col{flex-direction:column}.volr\\:items-baseline{align-items:baseline}.volr\\:items-center{align-items:center}.volr\\:items-end{align-items:flex-end}.volr\\:items-start{align-items:flex-start}.volr\\:justify-between{justify-content:space-between}.volr\\:justify-center{justify-content:center}.volr\\:gap-1{gap:calc(var(--volr-spacing)*1)}.volr\\:gap-2{gap:calc(var(--volr-spacing)*2)}.volr\\:gap-3{gap:calc(var(--volr-spacing)*3)}.volr\\:gap-4{gap:calc(var(--volr-spacing)*4)}:where(.volr\\:space-y-1>:not(:last-child)){--volr-tw-space-y-reverse:0;margin-block-start:calc(calc(var(--volr-spacing)*1)*var(--volr-tw-space-y-reverse));margin-block-end:calc(calc(var(--volr-spacing)*1)*calc(1 - var(--volr-tw-space-y-reverse)))}:where(.volr\\:space-y-2>:not(:last-child)){--volr-tw-space-y-reverse:0;margin-block-start:calc(calc(var(--volr-spacing)*2)*var(--volr-tw-space-y-reverse));margin-block-end:calc(calc(var(--volr-spacing)*2)*calc(1 - var(--volr-tw-space-y-reverse)))}:where(.volr\\:space-y-3>:not(:last-child)){--volr-tw-space-y-reverse:0;margin-block-start:calc(calc(var(--volr-spacing)*3)*var(--volr-tw-space-y-reverse));margin-block-end:calc(calc(var(--volr-spacing)*3)*calc(1 - var(--volr-tw-space-y-reverse)))}:where(.volr\\:space-y-4>:not(:last-child)){--volr-tw-space-y-reverse:0;margin-block-start:calc(calc(var(--volr-spacing)*4)*var(--volr-tw-space-y-reverse));margin-block-end:calc(calc(var(--volr-spacing)*4)*calc(1 - var(--volr-tw-space-y-reverse)))}:where(.volr\\:space-y-6>:not(:last-child)){--volr-tw-space-y-reverse:0;margin-block-start:calc(calc(var(--volr-spacing)*6)*var(--volr-tw-space-y-reverse));margin-block-end:calc(calc(var(--volr-spacing)*6)*calc(1 - var(--volr-tw-space-y-reverse)))}:where(.volr\\:space-y-8>:not(:last-child)){--volr-tw-space-y-reverse:0;margin-block-start:calc(calc(var(--volr-spacing)*8)*var(--volr-tw-space-y-reverse));margin-block-end:calc(calc(var(--volr-spacing)*8)*calc(1 - var(--volr-tw-space-y-reverse)))}.volr\\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.volr\\:overflow-auto{overflow:auto}.volr\\:overflow-hidden{overflow:hidden}.volr\\:overflow-visible{overflow:visible}.volr\\:overflow-x-auto{overflow-x:auto}.volr\\:overflow-y-auto{overflow-y:auto}.volr\\:rounded{border-radius:.25rem}.volr\\:rounded-2xl{border-radius:var(--volr-radius-2xl)}.volr\\:rounded-full{border-radius:3.40282e38px}.volr\\:rounded-lg{border-radius:var(--volr-radius-lg)}.volr\\:rounded-md{border-radius:var(--volr-radius-md)}.volr\\:rounded-xl{border-radius:var(--volr-radius-xl)}.volr\\:rounded-t-2xl{border-top-left-radius:var(--volr-radius-2xl);border-top-right-radius:var(--volr-radius-2xl)}.volr\\:rounded-t-3xl{border-top-left-radius:var(--volr-radius-3xl);border-top-right-radius:var(--volr-radius-3xl)}.volr\\:border{border-style:var(--volr-tw-border-style);border-width:1px}.volr\\:border-2{border-style:var(--volr-tw-border-style);border-width:2px}.volr\\:border-4{border-style:var(--volr-tw-border-style);border-width:4px}.volr\\:border-y{border-block-style:var(--volr-tw-border-style);border-block-width:1px}.volr\\:border-t{border-top-style:var(--volr-tw-border-style);border-top-width:1px}.volr\\:border-b{border-bottom-style:var(--volr-tw-border-style);border-bottom-width:1px}.volr\\:border-amber-200{border-color:var(--volr-color-amber-200)}.volr\\:border-red-200{border-color:var(--volr-color-red-200)}.volr\\:border-red-500{border-color:var(--volr-color-red-500)}.volr\\:border-slate-100{border-color:var(--volr-color-slate-100)}.volr\\:border-slate-200{border-color:var(--volr-color-slate-200)}.volr\\:border-slate-300{border-color:var(--volr-color-slate-300)}.volr\\:border-white{border-color:var(--volr-color-white)}.volr\\:border-t-slate-600{border-top-color:var(--volr-color-slate-600)}.volr\\:bg-amber-50{background-color:var(--volr-color-amber-50)}.volr\\:bg-black\\/40{background-color:var(--volr-color-black)}@supports (color:color-mix(in lab, red, red)){.volr\\:bg-black\\/40{background-color:color-mix(in oklab,var(--volr-color-black)40%,transparent)}}.volr\\:bg-black\\/45{background-color:var(--volr-color-black)}@supports (color:color-mix(in lab, red, red)){.volr\\:bg-black\\/45{background-color:color-mix(in oklab,var(--volr-color-black)45%,transparent)}}.volr\\:bg-blue-100{background-color:var(--volr-color-blue-100)}.volr\\:bg-cyan-400{background-color:var(--volr-color-cyan-400)}.volr\\:bg-emerald-300{background-color:var(--volr-color-emerald-300)}.volr\\:bg-emerald-400{background-color:var(--volr-color-emerald-400)}.volr\\:bg-green-50{background-color:var(--volr-color-green-50)}.volr\\:bg-green-100{background-color:var(--volr-color-green-100)}.volr\\:bg-red-50{background-color:var(--volr-color-red-50)}.volr\\:bg-red-100{background-color:var(--volr-color-red-100)}.volr\\:bg-slate-50{background-color:var(--volr-color-slate-50)}.volr\\:bg-slate-100{background-color:var(--volr-color-slate-100)}.volr\\:bg-slate-200{background-color:var(--volr-color-slate-200)}.volr\\:bg-slate-900{background-color:var(--volr-color-slate-900)}.volr\\:bg-teal-400{background-color:var(--volr-color-teal-400)}.volr\\:bg-white{background-color:var(--volr-color-white)}.volr\\:bg-yellow-100{background-color:var(--volr-color-yellow-100)}.volr\\:bg-linear-to-br{--volr-tw-gradient-position:to bottom right}@supports (background-image:linear-gradient(in lab, red, red)){.volr\\:bg-linear-to-br{--volr-tw-gradient-position:to bottom right in oklab}}.volr\\:bg-linear-to-br{background-image:linear-gradient(var(--volr-tw-gradient-stops))}.volr\\:bg-gradient-to-br{--volr-tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--volr-tw-gradient-stops))}.volr\\:bg-gradient-to-r{--volr-tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--volr-tw-gradient-stops))}.volr\\:from-emerald-400{--volr-tw-gradient-from:var(--volr-color-emerald-400);--volr-tw-gradient-stops:var(--volr-tw-gradient-via-stops,var(--volr-tw-gradient-position),var(--volr-tw-gradient-from)var(--volr-tw-gradient-from-position),var(--volr-tw-gradient-to)var(--volr-tw-gradient-to-position))}.volr\\:from-emerald-500{--volr-tw-gradient-from:var(--volr-color-emerald-500);--volr-tw-gradient-stops:var(--volr-tw-gradient-via-stops,var(--volr-tw-gradient-position),var(--volr-tw-gradient-from)var(--volr-tw-gradient-from-position),var(--volr-tw-gradient-to)var(--volr-tw-gradient-to-position))}.volr\\:from-slate-50{--volr-tw-gradient-from:var(--volr-color-slate-50);--volr-tw-gradient-stops:var(--volr-tw-gradient-via-stops,var(--volr-tw-gradient-position),var(--volr-tw-gradient-from)var(--volr-tw-gradient-from-position),var(--volr-tw-gradient-to)var(--volr-tw-gradient-to-position))}.volr\\:to-slate-100{--volr-tw-gradient-to:var(--volr-color-slate-100);--volr-tw-gradient-stops:var(--volr-tw-gradient-via-stops,var(--volr-tw-gradient-position),var(--volr-tw-gradient-from)var(--volr-tw-gradient-from-position),var(--volr-tw-gradient-to)var(--volr-tw-gradient-to-position))}.volr\\:to-teal-500{--volr-tw-gradient-to:var(--volr-color-teal-500);--volr-tw-gradient-stops:var(--volr-tw-gradient-via-stops,var(--volr-tw-gradient-position),var(--volr-tw-gradient-from)var(--volr-tw-gradient-from-position),var(--volr-tw-gradient-to)var(--volr-tw-gradient-to-position))}.volr\\:object-cover{object-fit:cover}.volr\\:p-1{padding:calc(var(--volr-spacing)*1)}.volr\\:p-2{padding:calc(var(--volr-spacing)*2)}.volr\\:p-3{padding:calc(var(--volr-spacing)*3)}.volr\\:p-4{padding:calc(var(--volr-spacing)*4)}.volr\\:p-5{padding:calc(var(--volr-spacing)*5)}.volr\\:p-6{padding:calc(var(--volr-spacing)*6)}.volr\\:p-8{padding:calc(var(--volr-spacing)*8)}.volr\\:px-1\\.5{padding-inline:calc(var(--volr-spacing)*1.5)}.volr\\:px-2{padding-inline:calc(var(--volr-spacing)*2)}.volr\\:px-3{padding-inline:calc(var(--volr-spacing)*3)}.volr\\:px-4{padding-inline:calc(var(--volr-spacing)*4)}.volr\\:py-0\\.5{padding-block:calc(var(--volr-spacing)*.5)}.volr\\:py-1{padding-block:calc(var(--volr-spacing)*1)}.volr\\:py-1\\.5{padding-block:calc(var(--volr-spacing)*1.5)}.volr\\:py-2{padding-block:calc(var(--volr-spacing)*2)}.volr\\:py-2\\.5{padding-block:calc(var(--volr-spacing)*2.5)}.volr\\:py-3{padding-block:calc(var(--volr-spacing)*3)}.volr\\:py-4{padding-block:calc(var(--volr-spacing)*4)}.volr\\:py-6{padding-block:calc(var(--volr-spacing)*6)}.volr\\:py-8{padding-block:calc(var(--volr-spacing)*8)}.volr\\:py-12{padding-block:calc(var(--volr-spacing)*12)}.volr\\:pt-2{padding-top:calc(var(--volr-spacing)*2)}.volr\\:pt-3{padding-top:calc(var(--volr-spacing)*3)}.volr\\:pt-4{padding-top:calc(var(--volr-spacing)*4)}.volr\\:pr-3{padding-right:calc(var(--volr-spacing)*3)}.volr\\:pr-16{padding-right:calc(var(--volr-spacing)*16)}.volr\\:pl-11{padding-left:calc(var(--volr-spacing)*11)}.volr\\:text-center{text-align:center}.volr\\:text-left{text-align:left}.volr\\:text-right{text-align:right}.volr\\:align-baseline{vertical-align:baseline}.volr\\:font-mono{font-family:var(--volr-font-mono)}.volr\\:text-2xl{font-size:var(--volr-text-2xl);line-height:var(--volr-tw-leading,var(--volr-text-2xl--line-height))}.volr\\:text-3xl{font-size:var(--volr-text-3xl);line-height:var(--volr-tw-leading,var(--volr-text-3xl--line-height))}.volr\\:text-8xl{font-size:var(--volr-text-8xl);line-height:var(--volr-tw-leading,var(--volr-text-8xl--line-height))}.volr\\:text-base{font-size:var(--volr-text-base);line-height:var(--volr-tw-leading,var(--volr-text-base--line-height))}.volr\\:text-lg{font-size:var(--volr-text-lg);line-height:var(--volr-tw-leading,var(--volr-text-lg--line-height))}.volr\\:text-sm{font-size:var(--volr-text-sm);line-height:var(--volr-tw-leading,var(--volr-text-sm--line-height))}.volr\\:text-xl{font-size:var(--volr-text-xl);line-height:var(--volr-tw-leading,var(--volr-text-xl--line-height))}.volr\\:text-xs{font-size:var(--volr-text-xs);line-height:var(--volr-tw-leading,var(--volr-text-xs--line-height))}.volr\\:leading-relaxed{--volr-tw-leading:var(--volr-leading-relaxed);line-height:var(--volr-leading-relaxed)}.volr\\:font-bold{--volr-tw-font-weight:var(--volr-font-weight-bold);font-weight:var(--volr-font-weight-bold)}.volr\\:font-medium{--volr-tw-font-weight:var(--volr-font-weight-medium);font-weight:var(--volr-font-weight-medium)}.volr\\:font-semibold{--volr-tw-font-weight:var(--volr-font-weight-semibold);font-weight:var(--volr-font-weight-semibold)}.volr\\:tracking-wide{--volr-tw-tracking:var(--volr-tracking-wide);letter-spacing:var(--volr-tracking-wide)}.volr\\:break-all{word-break:break-all}.volr\\:text-amber-700{color:var(--volr-color-amber-700)}.volr\\:text-blue-700{color:var(--volr-color-blue-700)}.volr\\:text-emerald-600{color:var(--volr-color-emerald-600)}.volr\\:text-gray-500{color:var(--volr-color-gray-500)}.volr\\:text-green-600{color:var(--volr-color-green-600)}.volr\\:text-green-700{color:var(--volr-color-green-700)}.volr\\:text-red-500{color:var(--volr-color-red-500)}.volr\\:text-red-600{color:var(--volr-color-red-600)}.volr\\:text-red-700{color:var(--volr-color-red-700)}.volr\\:text-slate-100{color:var(--volr-color-slate-100)}.volr\\:text-slate-300{color:var(--volr-color-slate-300)}.volr\\:text-slate-400{color:var(--volr-color-slate-400)}.volr\\:text-slate-500{color:var(--volr-color-slate-500)}.volr\\:text-slate-600{color:var(--volr-color-slate-600)}.volr\\:text-slate-700{color:var(--volr-color-slate-700)}.volr\\:text-slate-900{color:var(--volr-color-slate-900)}.volr\\:text-white{color:var(--volr-color-white)}.volr\\:text-yellow-700{color:var(--volr-color-yellow-700)}.volr\\:capitalize{text-transform:capitalize}.volr\\:uppercase{text-transform:uppercase}.volr\\:underline{text-decoration-line:underline}.volr\\:opacity-0{opacity:0}.volr\\:opacity-25{opacity:.25}.volr\\:opacity-30{opacity:.3}.volr\\:opacity-50{opacity:.5}.volr\\:opacity-75{opacity:.75}.volr\\:shadow-2xl{--volr-tw-shadow:0 25px 50px -12px var(--volr-tw-shadow-color,#00000040);box-shadow:var(--volr-tw-inset-shadow),var(--volr-tw-inset-ring-shadow),var(--volr-tw-ring-offset-shadow),var(--volr-tw-ring-shadow),var(--volr-tw-shadow)}.volr\\:shadow-lg{--volr-tw-shadow:0 10px 15px -3px var(--volr-tw-shadow-color,#0000001a),0 4px 6px -4px var(--volr-tw-shadow-color,#0000001a);box-shadow:var(--volr-tw-inset-shadow),var(--volr-tw-inset-ring-shadow),var(--volr-tw-ring-offset-shadow),var(--volr-tw-ring-shadow),var(--volr-tw-shadow)}.volr\\:shadow-md{--volr-tw-shadow:0 4px 6px -1px var(--volr-tw-shadow-color,#0000001a),0 2px 4px -2px var(--volr-tw-shadow-color,#0000001a);box-shadow:var(--volr-tw-inset-shadow),var(--volr-tw-inset-ring-shadow),var(--volr-tw-ring-offset-shadow),var(--volr-tw-ring-shadow),var(--volr-tw-shadow)}.volr\\:shadow-sm{--volr-tw-shadow:0 1px 3px 0 var(--volr-tw-shadow-color,#0000001a),0 1px 2px -1px var(--volr-tw-shadow-color,#0000001a);box-shadow:var(--volr-tw-inset-shadow),var(--volr-tw-inset-ring-shadow),var(--volr-tw-ring-offset-shadow),var(--volr-tw-ring-shadow),var(--volr-tw-shadow)}.volr\\:shadow-xl{--volr-tw-shadow:0 20px 25px -5px var(--volr-tw-shadow-color,#0000001a),0 8px 10px -6px var(--volr-tw-shadow-color,#0000001a);box-shadow:var(--volr-tw-inset-shadow),var(--volr-tw-inset-ring-shadow),var(--volr-tw-ring-offset-shadow),var(--volr-tw-ring-shadow),var(--volr-tw-shadow)}.volr\\:shadow-emerald-500\\/50{--volr-tw-shadow-color:var(--volr-color-emerald-500)}@supports (color:color-mix(in lab, red, red)){.volr\\:shadow-emerald-500\\/50{--volr-tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--volr-color-emerald-500)50%,transparent)var(--volr-tw-shadow-alpha),transparent)}}.volr\\:blur-2xl{--volr-tw-blur:blur(var(--volr-blur-2xl));filter:var(--volr-tw-blur,)var(--volr-tw-brightness,)var(--volr-tw-contrast,)var(--volr-tw-grayscale,)var(--volr-tw-hue-rotate,)var(--volr-tw-invert,)var(--volr-tw-saturate,)var(--volr-tw-sepia,)var(--volr-tw-drop-shadow,)}.volr\\:transition-all{transition-property:all;transition-timing-function:var(--volr-tw-ease,var(--volr-default-transition-timing-function));transition-duration:var(--volr-tw-duration,var(--volr-default-transition-duration))}.volr\\:transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--volr-tw-gradient-from,--volr-tw-gradient-via,--volr-tw-gradient-to;transition-timing-function:var(--volr-tw-ease,var(--volr-default-transition-timing-function));transition-duration:var(--volr-tw-duration,var(--volr-default-transition-duration))}.volr\\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--volr-tw-ease,var(--volr-default-transition-timing-function));transition-duration:var(--volr-tw-duration,var(--volr-default-transition-duration))}.volr\\:duration-300{--volr-tw-duration:.3s;transition-duration:.3s}.volr\\:duration-500{--volr-tw-duration:.5s;transition-duration:.5s}.volr\\:ease-out{--volr-tw-ease:var(--volr-ease-out);transition-timing-function:var(--volr-ease-out)}.volr\\:outline-none{--volr-tw-outline-style:none;outline-style:none}@media (hover:hover){.volr\\:hover\\:border-slate-300:hover{border-color:var(--volr-color-slate-300)}.volr\\:hover\\:bg-slate-50:hover{background-color:var(--volr-color-slate-50)}.volr\\:hover\\:bg-slate-200:hover{background-color:var(--volr-color-slate-200)}.volr\\:hover\\:text-slate-700:hover{color:var(--volr-color-slate-700)}}.volr\\:focus\\:ring-2:focus{--volr-tw-ring-shadow:var(--volr-tw-ring-inset,)0 0 0 calc(2px + var(--volr-tw-ring-offset-width))var(--volr-tw-ring-color,currentcolor);box-shadow:var(--volr-tw-inset-shadow),var(--volr-tw-inset-ring-shadow),var(--volr-tw-ring-offset-shadow),var(--volr-tw-ring-shadow),var(--volr-tw-shadow)}.volr\\:focus\\:ring-slate-300:focus{--volr-tw-ring-color:var(--volr-color-slate-300)}.volr\\:focus\\:outline-none:focus{--volr-tw-outline-style:none;outline-style:none}.volr\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.volr\\:disabled\\:bg-slate-100:disabled{background-color:var(--volr-color-slate-100)}.volr\\:disabled\\:text-slate-400:disabled{color:var(--volr-color-slate-400)}.volr\\:disabled\\:opacity-50:disabled{opacity:.5}.volr-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.volr-text-secondary{color:var(--volr-text-secondary)}.volr-text-muted{color:var(--volr-text-muted)}.volr-bg-secondary{background-color:var(--volr-bg-secondary)}.volr-bg-tertiary{background-color:var(--volr-bg-tertiary)}.volr-border{border-color:var(--volr-border)}.volr-border-strong{border-color:var(--volr-border-strong)}.volr-divider-line{background-color:var(--volr-border)}.volr-error{background-color:var(--volr-error-bg);border-color:var(--volr-error-border);color:var(--volr-error-text)}.volr-hover:hover{background-color:var(--volr-hover-bg)}.volr-surface{background-color:var(--volr-bg)}}@property --volr-tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --volr-tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --volr-tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --volr-tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --volr-tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --volr-tw-gradient-position{syntax:"*";inherits:false}@property --volr-tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --volr-tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --volr-tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --volr-tw-gradient-stops{syntax:"*";inherits:false}@property --volr-tw-gradient-via-stops{syntax:"*";inherits:false}@property --volr-tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --volr-tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --volr-tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --volr-tw-leading{syntax:"*";inherits:false}@property --volr-tw-font-weight{syntax:"*";inherits:false}@property --volr-tw-tracking{syntax:"*";inherits:false}@property --volr-tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --volr-tw-shadow-color{syntax:"*";inherits:false}@property --volr-tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --volr-tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --volr-tw-inset-shadow-color{syntax:"*";inherits:false}@property --volr-tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --volr-tw-ring-color{syntax:"*";inherits:false}@property --volr-tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --volr-tw-inset-ring-color{syntax:"*";inherits:false}@property --volr-tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --volr-tw-ring-inset{syntax:"*";inherits:false}@property --volr-tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --volr-tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --volr-tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --volr-tw-blur{syntax:"*";inherits:false}@property --volr-tw-brightness{syntax:"*";inherits:false}@property --volr-tw-contrast{syntax:"*";inherits:false}@property --volr-tw-grayscale{syntax:"*";inherits:false}@property --volr-tw-hue-rotate{syntax:"*";inherits:false}@property --volr-tw-invert{syntax:"*";inherits:false}@property --volr-tw-opacity{syntax:"*";inherits:false}@property --volr-tw-saturate{syntax:"*";inherits:false}@property --volr-tw-sepia{syntax:"*";inherits:false}@property --volr-tw-drop-shadow{syntax:"*";inherits:false}@property --volr-tw-drop-shadow-color{syntax:"*";inherits:false}@property --volr-tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --volr-tw-drop-shadow-size{syntax:"*";inherits:false}@property --volr-tw-duration{syntax:"*";inherits:false}@property --volr-tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}';
 function useResolvedTheme(theme = "light") {
-  const [resolvedTheme, setResolvedTheme] = React12.useState(() => {
+  const [resolvedTheme, setResolvedTheme] = React13.useState(() => {
     if (theme !== "system") return theme;
     if (typeof window === "undefined") return "light";
     return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
   });
-  React12.useEffect(() => {
+  React13.useEffect(() => {
     if (theme !== "system") {
       setResolvedTheme(theme);
       return;
@@ -764,10 +1009,10 @@ function useResolvedTheme(theme = "light") {
   return resolvedTheme;
 }
 function ShadowPortal({ children, theme = "light" }) {
-  const [mountNode, setMountNode] = React12.useState(null);
-  const hostRef = React12.useRef(null);
+  const [mountNode, setMountNode] = React13.useState(null);
+  const hostRef = React13.useRef(null);
   const resolvedTheme = useResolvedTheme(theme);
-  React12.useEffect(() => {
+  React13.useEffect(() => {
     const host = document.createElement("div");
     host.id = "volr-shadow-portal";
     host.style.position = "fixed";
@@ -791,7 +1036,7 @@ function ShadowPortal({ children, theme = "light" }) {
       hostRef.current = null;
     };
   }, []);
-  React12.useEffect(() => {
+  React13.useEffect(() => {
     if (hostRef.current) {
       hostRef.current.setAttribute("data-theme", resolvedTheme);
     }
@@ -800,7 +1045,7 @@ function ShadowPortal({ children, theme = "light" }) {
   return reactDom.createPortal(children, mountNode);
 }
 function useFocusTrap(isActive, containerRef) {
-  const previousActiveElement = React12.useRef(null);
+  const previousActiveElement = React13.useRef(null);
   const focusableSelector = [
     "button:not([disabled])",
     "input:not([disabled])",
@@ -809,7 +1054,7 @@ function useFocusTrap(isActive, containerRef) {
     "a[href]",
     '[tabindex]:not([tabindex="-1"])'
   ].join(", ");
-  const getFocusableElements = React12.useCallback(() => {
+  const getFocusableElements = React13.useCallback(() => {
     if (!containerRef.current) return [];
     return Array.from(
       containerRef.current.querySelectorAll(focusableSelector)
@@ -817,7 +1062,7 @@ function useFocusTrap(isActive, containerRef) {
       return el.offsetParent !== null;
     });
   }, [containerRef, focusableSelector]);
-  const handleKeyDown = React12.useCallback(
+  const handleKeyDown = React13.useCallback(
     (event) => {
       if (event.key !== "Tab") return;
       const focusableElements = getFocusableElements();
@@ -838,7 +1083,7 @@ function useFocusTrap(isActive, containerRef) {
     },
     [getFocusableElements]
   );
-  React12.useEffect(() => {
+  React13.useEffect(() => {
     if (!isActive) return;
     previousActiveElement.current = document.activeElement;
     const focusableElements = getFocusableElements();
@@ -869,12 +1114,12 @@ var Modal = ({
 }) => {
   const isMobile2 = useMediaQuery("(max-width: 500px)");
   const variant = explicitVariant ?? (isMobile2 ? "bottom-sheet" : "centered");
-  const dialogRef = React12.useRef(null);
-  const dialogId = React12.useId();
+  const dialogRef = React13.useRef(null);
+  const dialogId = React13.useId();
   const uiContext = useVolrUIOptional();
   const theme = uiContext?.theme ?? "light";
   useFocusTrap(open, dialogRef);
-  React12.useEffect(() => {
+  React13.useEffect(() => {
     const handleEscape = (e) => {
       if (e.key === "Escape" && open) {
         if (onEscapeKeyDown) {
@@ -1328,7 +1573,7 @@ var variantMap = {
   ghost: { backgroundColor: "transparent", color: "var(--volr-text-secondary)", border: "none" },
   outline: { backgroundColor: "transparent", color: "var(--volr-text-secondary)", border: "1px solid var(--volr-border)" }
 };
-var Button = React12__default.default.forwardRef(
+var Button = React13__default.default.forwardRef(
   ({ variant = "primary", size = "md", fullWidth, className, style, disabled, children, ...props }, ref) => {
     const { accentColor } = useVolrUI();
     const sizeStyle = sizeMap[size];
@@ -1436,12 +1681,12 @@ function PasskeyEnrollView({
     isEnrolling,
     error: enrollmentError
   } = react.usePasskeyEnrollment();
-  const [hasStarted, setHasStarted] = React12.useState(false);
-  const [errorMessage, setErrorMessage] = React12.useState(null);
-  const [isRefreshing, setIsRefreshing] = React12.useState(false);
+  const [hasStarted, setHasStarted] = React13.useState(false);
+  const [errorMessage, setErrorMessage] = React13.useState(null);
+  const [isRefreshing, setIsRefreshing] = React13.useState(false);
   const biometricType = getBiometricType();
   const hasPasskey = user?.keyStorageType === "passkey";
-  React12.useEffect(() => {
+  React13.useEffect(() => {
     console.log("[PasskeyEnrollView] User state:", {
       user,
       keyStorageType: user?.keyStorageType,
@@ -1449,7 +1694,7 @@ function PasskeyEnrollView({
       hasPasskey
     });
   }, [user, hasPasskey]);
-  React12.useEffect(() => {
+  React13.useEffect(() => {
     if (hasPasskey && !user?.evmAddress && !isRefreshing) {
       const refreshUserData = async () => {
         try {
@@ -1480,7 +1725,7 @@ function PasskeyEnrollView({
       refreshUserData();
     }
   }, [hasPasskey, user?.evmAddress, isRefreshing, client, setUser, user]);
-  React12.useEffect(() => {
+  React13.useEffect(() => {
     if (!user?.id) {
       const error = new Error("User ID is required for passkey enrollment");
       setErrorMessage(getUserFriendlyError(error, t));
@@ -1489,7 +1734,7 @@ function PasskeyEnrollView({
       }
     }
   }, [user, onError, t]);
-  React12.useEffect(() => {
+  React13.useEffect(() => {
     if (enrollmentError) {
       const friendlyMessage = getUserFriendlyError(enrollmentError, t);
       setErrorMessage(friendlyMessage);
@@ -1646,8 +1891,8 @@ function MpcConnectView({
     isConnecting,
     error: connectionError
   } = react.useMpcConnection();
-  const [errorMessage, setErrorMessage] = React12.useState(null);
-  React12.useEffect(() => {
+  const [errorMessage, setErrorMessage] = React13.useState(null);
+  React13.useEffect(() => {
     if (connectionError) {
       setErrorMessage(connectionError.message);
       if (onError) {
@@ -1655,7 +1900,7 @@ function MpcConnectView({
       }
     }
   }, [connectionError, onError]);
-  React12.useEffect(() => {
+  React13.useEffect(() => {
     handleConnect();
   }, []);
   const handleConnect = async () => {
@@ -1715,34 +1960,6 @@ function MpcConnectView({
     }
   );
 }
-var CopyButton = ({ text, className, onCopy }) => {
-  const [copied, setCopied] = React12.useState(false);
-  const handleCopy = async () => {
-    try {
-      await navigator.clipboard.writeText(text);
-      setCopied(true);
-      setTimeout(() => setCopied(false), 2e3);
-      onCopy?.();
-    } catch (error) {
-      console.error("Copy failed:", error);
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "button",
-    {
-      onClick: handleCopy,
-      className: cn(
-        "volr:p-2 volr:rounded-lg volr:transition-all volr-text-muted volr-hover",
-        className
-      ),
-      "aria-label": "Copy",
-      children: copied ? /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "20 6 9 17 4 12" }) }) : /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
-        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
-      ] })
-    }
-  );
-};
 function OptionButton({
   icon,
   title,
@@ -1914,9 +2131,9 @@ function PoweredBy() {
 }
 function EmailInlineInput({ onSubmit, accentColor }) {
   const { t } = useI18n();
-  const [email, setEmail] = React12.useState("");
-  const [error, setError] = React12.useState(null);
-  const [isLoading, setIsLoading] = React12.useState(false);
+  const [email, setEmail] = React13.useState("");
+  const [error, setError] = React13.useState(null);
+  const [isLoading, setIsLoading] = React13.useState(false);
   const handleSubmit = async (e) => {
     e.preventDefault();
     setError(null);
@@ -2040,14 +2257,14 @@ function SigninSelectScreen({
 function CodeInputScreen({ email, onSubmit, onResend }) {
   const { t } = useI18n();
   const { accentColor } = useVolrUI();
-  const [digits, setDigits] = React12.useState(Array(6).fill(""));
-  const [error, setError] = React12.useState(null);
-  const [isLoading, setIsLoading] = React12.useState(false);
-  const inputRefs = React12.useRef([]);
-  React12.useEffect(() => {
+  const [digits, setDigits] = React13.useState(Array(6).fill(""));
+  const [error, setError] = React13.useState(null);
+  const [isLoading, setIsLoading] = React13.useState(false);
+  const inputRefs = React13.useRef([]);
+  React13.useEffect(() => {
     inputRefs.current[0]?.focus();
   }, []);
-  React12.useEffect(() => {
+  React13.useEffect(() => {
     const code = digits.join("");
     if (code.length === 6 && !isLoading) {
       handleSubmit(code);
@@ -2158,6 +2375,34 @@ function CodeInputScreen({ email, onSubmit, onResend }) {
     )
   ] });
 }
+var CopyButton = ({ text, className, onCopy }) => {
+  const [copied, setCopied] = React13.useState(false);
+  const handleCopy = async () => {
+    try {
+      await navigator.clipboard.writeText(text);
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+      onCopy?.();
+    } catch (error) {
+      console.error("Copy failed:", error);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      onClick: handleCopy,
+      className: cn(
+        "volr:p-2 volr:rounded-lg volr:transition-all volr-text-muted volr-hover",
+        className
+      ),
+      "aria-label": "Copy",
+      children: copied ? /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "20 6 9 17 4 12" }) }) : /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
+      ] })
+    }
+  );
+};
 var isMobile = () => {
   if (typeof window === "undefined") return false;
   return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
@@ -2210,23 +2455,23 @@ function SiweLoginScreen({
     checkSiweSession,
     getSiweSignUrl
   } = react.useVolrLogin();
-  const [isLoading, setIsLoading] = React12.useState(false);
-  const [loadingWallet, setLoadingWallet] = React12.useState(null);
-  const [error, setError] = React12.useState(null);
-  const [providers, setProviders] = React12.useState([]);
-  const [isDetecting, setIsDetecting] = React12.useState(true);
-  const [hasLegacyWallet, setHasLegacyWallet] = React12.useState(false);
-  const [showOtherWallet, setShowOtherWallet] = React12.useState(false);
-  const [sessionUrl, setSessionUrl] = React12.useState(null);
-  const [isPolling, setIsPolling] = React12.useState(false);
-  const pollingRef = React12.useRef(null);
-  const sessionCreatedRef = React12.useRef(false);
-  React12.useEffect(() => {
+  const [isLoading, setIsLoading] = React13.useState(false);
+  const [loadingWallet, setLoadingWallet] = React13.useState(null);
+  const [error, setError] = React13.useState(null);
+  const [providers, setProviders] = React13.useState([]);
+  const [isDetecting, setIsDetecting] = React13.useState(true);
+  const [hasLegacyWallet, setHasLegacyWallet] = React13.useState(false);
+  const [showOtherWallet, setShowOtherWallet] = React13.useState(false);
+  const [sessionUrl, setSessionUrl] = React13.useState(null);
+  const [isPolling, setIsPolling] = React13.useState(false);
+  const pollingRef = React13.useRef(null);
+  const sessionCreatedRef = React13.useRef(false);
+  React13.useEffect(() => {
     return () => {
       if (pollingRef.current) clearInterval(pollingRef.current);
     };
   }, []);
-  React12.useEffect(() => {
+  React13.useEffect(() => {
     if (typeof window === "undefined") {
       setIsDetecting(false);
       return;
@@ -2252,7 +2497,7 @@ function SiweLoginScreen({
     };
   }, []);
   const hasAnyWallet = providers.length > 0 || hasLegacyWallet;
-  const createSession = React12.useCallback(async () => {
+  const createSession = React13.useCallback(async () => {
     if (sessionCreatedRef.current || sessionUrl) return;
     sessionCreatedRef.current = true;
     try {
@@ -2294,17 +2539,17 @@ function SiweLoginScreen({
       onError(err instanceof Error ? err : new Error("Failed to create session"));
     }
   }, [createSiweSession, getSiweSignUrl, checkSiweSession, onSuccess, onError, t, sessionUrl]);
-  React12.useEffect(() => {
+  React13.useEffect(() => {
     if (!isDetecting && !hasAnyWallet && !sessionUrl) {
       createSession();
     }
   }, [isDetecting, hasAnyWallet, sessionUrl, createSession]);
-  React12.useEffect(() => {
+  React13.useEffect(() => {
     if (showOtherWallet && !sessionUrl) {
       createSession();
     }
   }, [showOtherWallet, sessionUrl, createSession]);
-  const handleWalletClick = React12.useCallback(async (provider, walletName, walletConnector) => {
+  const handleWalletClick = React13.useCallback(async (provider, walletName, walletConnector) => {
     setError(null);
     setIsLoading(true);
     setLoadingWallet(walletName);
@@ -2328,7 +2573,7 @@ function SiweLoginScreen({
       setLoadingWallet(null);
     }
   }, [signWithWallet, onSuccess, onError]);
-  const handleLegacyWalletClick = React12.useCallback(async () => {
+  const handleLegacyWalletClick = React13.useCallback(async () => {
     if (typeof window === "undefined" || !window.ethereum) return;
     const ethereum = window.ethereum;
     let walletName = "Wallet";
@@ -2337,7 +2582,7 @@ function SiweLoginScreen({
     else if (ethereum.isRabby) walletName = "Rabby";
     await handleWalletClick(ethereum, walletName);
   }, [handleWalletClick]);
-  const cancelOtherWallet = React12.useCallback(() => {
+  const cancelOtherWallet = React13.useCallback(() => {
     if (pollingRef.current) {
       clearInterval(pollingRef.current);
       pollingRef.current = null;
@@ -2483,13 +2728,13 @@ function SigninModal({ isOpen, onClose, onError }) {
   const { logout, user } = react.useVolrContext();
   const { appName, branding } = useVolrUI();
   const { requestEmailCode, verifyEmailCode, handleSocialLogin } = react.useVolrLogin();
-  const [currentScreen, setCurrentScreen] = React12.useState("method-select");
-  const [email, setEmail] = React12.useState("");
+  const [currentScreen, setCurrentScreen] = React13.useState("method-select");
+  const [email, setEmail] = React13.useState("");
   const hasPasskey = user?.keyStorageType === "passkey";
   const isMobile2 = useMediaQuery("(max-width: 500px)");
   const isWideViewport = useMediaQuery("(min-width: 864px)");
   const shouldUseWideLayout = !isMobile2 && isWideViewport && Boolean(branding) && currentScreen === "method-select";
-  React12.useEffect(() => {
+  React13.useEffect(() => {
     if (!isOpen) {
       setCurrentScreen("method-select");
       setEmail("");
@@ -2647,122 +2892,877 @@ function SigninModal({ isOpen, onClose, onError }) {
     }
   );
 }
-function AccountModal({ isOpen, onClose, onError }) {
-  const { user, logout } = react.useVolrContext();
-  const { t } = useI18n();
-  const [isLoggingOut, setIsLoggingOut] = React12.useState(false);
-  if (!user) {
-    return /* @__PURE__ */ jsxRuntime.jsx(SigninModal, { isOpen, onClose, onError });
-  }
-  if (!user.keyStorageType) {
-    const handlePasskeyComplete = () => {
-      onClose();
-    };
-    const handlePasskeyError = (error) => {
-      if (onError) onError(error);
-    };
-    const handleLogout2 = async () => {
-      try {
-        await logout();
-        onClose();
-      } catch (error) {
-        if (onError) {
-          onError(error instanceof Error ? error : new Error("Logout failed"));
+function ChevronRightIcon({ className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 20 20",
+      fill: "currentColor",
+      className,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          d: "M7.21 14.77a.75.75 0 01.02-1.06L11.168 10 7.23 6.29a.75.75 0 111.04-1.08l4.5 4.25a.75.75 0 010 1.08l-4.5 4.25a.75.75 0 01-1.06-.02z",
+          clipRule: "evenodd"
         }
-      }
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(Modal, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: /* @__PURE__ */ jsxRuntime.jsx(
-      PasskeyEnrollView,
-      {
-        wrapInModal: false,
-        onComplete: handlePasskeyComplete,
-        onError: handlePasskeyError,
-        onLogout: handleLogout2,
-        onClose
-      }
-    ) });
-  }
-  const handleLogout = async () => {
-    setIsLoggingOut(true);
-    try {
-      await logout();
-      onClose();
-    } catch (error) {
-      if (onError) {
-        onError(error instanceof Error ? error : new Error("Logout failed"));
-      }
-    } finally {
-      setIsLoggingOut(false);
+      )
     }
-  };
-  const displayAddress = user.evmAddress ? `${user.evmAddress.slice(0, 6)}...${user.evmAddress.slice(-4)}` : null;
-  return /* @__PURE__ */ jsxRuntime.jsxs(Modal, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ModalHeader, { onClose }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-xl volr:font-semibold volr:mb-4", children: t("account.title") }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:rounded-xl volr:p-4 volr:mb-4 volr-bg-secondary", children: [
-        user.evmAddress && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex volr:items-center volr:justify-between volr:gap-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex-1 volr:min-w-0", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-xs volr:mb-1 volr-text-secondary", children: t("account.walletAddress") }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:font-mono volr:text-sm volr:font-medium", children: displayAddress })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(CopyButton, { text: user.evmAddress, className: "volr:shrink-0" })
+  );
+}
+function WalletIcon2({ className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M21 12a2.25 2.25 0 00-2.25-2.25H15a3 3 0 11-6 0H5.25A2.25 2.25 0 003 12m18 0v6a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 18v-6m18 0V9M3 12V9m18 0a2.25 2.25 0 00-2.25-2.25H5.25A2.25 2.25 0 003 9m18 0V6a2.25 2.25 0 00-2.25-2.25H5.25A2.25 2.25 0 003 6v3" }) });
+}
+function ArrowUpIcon({ className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 10.5L12 3m0 0l7.5 7.5M12 3v18" }) });
+}
+function ClockIcon({ className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z" }) });
+}
+function UserIcon({ className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { className, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z" }) });
+}
+function MenuItem({ icon, label, description, onClick }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      onClick,
+      className: "volr:w-full volr:flex volr:items-center volr:gap-3 volr:py-3 volr:px-3 volr:rounded-xl hover:volr:bg-slate-50 volr:transition-colors volr:text-left",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:w-10 volr:h-10 volr:rounded-full volr:bg-slate-100 volr:flex volr:items-center volr:justify-center volr:shrink-0", children: icon }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex-1 volr:min-w-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "volr:text-sm volr:font-medium volr:text-slate-900", children: label }),
+          description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-xs volr:text-slate-400 volr:mt-0.5", children: description })
         ] }),
-        user.email && !user.email.includes("@wallet.") && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:mt-4 volr:pt-4 volr:border-t volr-border", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-xs volr:mb-1 volr-text-secondary", children: t("account.email") }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr:font-medium", children: user.email })
-        ] })
-      ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(ChevronRightIcon, { className: "volr:w-4 volr:h-4 volr:text-slate-300" })
+      ]
+    }
+  );
+}
+function AccountMainView({
+  totalUsd,
+  balances,
+  isLoading,
+  paymentEnabled,
+  onNavigate,
+  onLogout,
+  isLoggingOut
+}) {
+  const { t } = useI18n();
+  const formattedUsd = isLoading ? "\u2014" : totalUsd.toLocaleString("en-US", {
+    style: "currency",
+    currency: "USD",
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  });
+  const tokensWithBalance = balances.filter((b) => b.balanceRaw > 0n).length;
+  const assetsDescription = isLoading ? void 0 : tokensWithBalance > 0 ? `${tokensWithBalance} ${tokensWithBalance === 1 ? "token" : "tokens"}` : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:rounded-2xl volr:bg-gradient-to-br volr:from-slate-50 volr:to-slate-100 volr:p-6 volr:mb-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-xs volr:text-slate-500 volr:mb-1", children: t("account.totalBalance") }),
+      isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:animate-pulse", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:h-9 volr:w-36 volr:bg-slate-200 volr:rounded" }) }) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-3xl volr:font-semibold volr:text-slate-900", children: formattedUsd })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:space-y-1", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        Button,
+        MenuItem,
         {
-          variant: "outline",
-          fullWidth: true,
-          onClick: handleLogout,
-          disabled: isLoggingOut,
-          children: isLoggingOut ? t("common.loading") : t("account.logout")
+          icon: /* @__PURE__ */ jsxRuntime.jsx(WalletIcon2, { className: "volr:w-5 volr:h-5 volr:text-slate-600" }),
+          label: t("account.menu.assets"),
+          description: assetsDescription,
+          onClick: () => onNavigate("assets")
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        MenuItem,
+        {
+          icon: /* @__PURE__ */ jsxRuntime.jsx(ArrowUpIcon, { className: "volr:w-5 volr:h-5 volr:text-slate-600" }),
+          label: t("account.menu.withdraw"),
+          onClick: () => onNavigate("withdraw")
+        }
+      ),
+      paymentEnabled && /* @__PURE__ */ jsxRuntime.jsx(
+        MenuItem,
+        {
+          icon: /* @__PURE__ */ jsxRuntime.jsx(ClockIcon, { className: "volr:w-5 volr:h-5 volr:text-slate-600" }),
+          label: t("account.menu.payments"),
+          onClick: () => onNavigate("payments")
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        MenuItem,
+        {
+          icon: /* @__PURE__ */ jsxRuntime.jsx(UserIcon, { className: "volr:w-5 volr:h-5 volr:text-slate-600" }),
+          label: t("account.menu.account"),
+          onClick: () => onNavigate("account")
         }
       )
-    ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:mt-4 volr:pt-4 volr:border-t volr:border-slate-100", children: /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onLogout,
+        disabled: isLoggingOut,
+        className: "volr:w-full volr:py-2 volr:text-sm volr:text-slate-400 volr:text-center hover:volr:text-slate-600 volr:transition-colors disabled:volr:opacity-50",
+        children: isLoggingOut ? t("common.loading") : t("account.logout")
+      }
+    ) })
   ] });
 }
-function AssetSelectView({
-  assets,
-  onSelect
+function TokenRow({ token }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex volr:items-center volr:justify-between volr:py-3 volr:border-b volr:border-slate-100 last:volr:border-b-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex volr:items-center volr:gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:w-8 volr:h-8 volr:rounded-full volr:bg-slate-100 volr:flex volr:items-center volr:justify-center volr:overflow-hidden volr:shrink-0", children: token.iconUrl ? /* @__PURE__ */ jsxRuntime.jsx(
+        "img",
+        {
+          src: token.iconUrl,
+          alt: token.symbol,
+          className: "volr:w-full volr:h-full volr:object-cover"
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "volr:text-xs volr:font-medium volr:text-slate-500", children: token.symbol.slice(0, 2) }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr:font-medium volr:text-slate-900", children: token.symbol }),
+        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "volr:text-xs volr:text-slate-400", children: [
+          "Chain ",
+          token.chainId
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:text-right", children: token.isLoading ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:animate-pulse", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:h-4 volr:w-16 volr:bg-slate-200 volr:rounded" }) }) : token.error ? /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-xs volr:text-red-500", children: "Error" }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr:font-medium volr:text-slate-900", children: token.balance }),
+      token.balanceUsd !== void 0 && token.balanceUsd > 0 && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "volr:text-xs volr:text-slate-400", children: [
+        "$",
+        token.balanceUsd.toFixed(2)
+      ] })
+    ] }) })
+  ] });
+}
+function BalanceDetailView({
+  balances,
+  isLoading
 }) {
   const { t } = useI18n();
+  if (isLoading && balances.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:py-8", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:animate-pulse volr:space-y-4", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex volr:items-center volr:gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:w-8 volr:h-8 volr:rounded-full volr:bg-slate-200" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:h-4 volr:w-16 volr:bg-slate-200 volr:rounded volr:mb-1" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:h-3 volr:w-12 volr:bg-slate-100 volr:rounded" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:h-4 volr:w-16 volr:bg-slate-200 volr:rounded" })
+    ] }, i)) }) });
+  }
+  if (balances.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:py-12 volr:text-center", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr:text-slate-400", children: t("account.noAssets") }) });
+  }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-xl volr:font-semibold volr:mb-1", children: t("deposit.selectTitle") }),
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr:mb-4 volr-text-secondary", children: "Supported token" }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:space-y-3", children: assets.map((a, idx) => {
-      const isNative = a.token === "native";
-      const tokenSymbol = isNative ? "ETH" : a.token.symbol;
-      const tokenName = isNative ? "Ethereum" : a.token.symbol;
-      return /* @__PURE__ */ jsxRuntime.jsxs(
-        "button",
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "volr:text-lg volr:font-semibold volr:text-slate-900 volr:mb-4", children: t("account.menu.assets") }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { children: balances.map((token) => /* @__PURE__ */ jsxRuntime.jsx(TokenRow, { token }, token.id)) })
+  ] });
+}
+var Input = React13__default.default.forwardRef(
+  ({ leftIcon, error, className, style, disabled, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:relative", children: [
+      leftIcon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:absolute volr:left-3 volr:top-1/2 volr:-translate-y-1/2 volr:pointer-events-none volr-text-muted", children: leftIcon }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
         {
+          ref,
+          disabled,
           className: cn(
-            "volr:w-full volr:p-4 volr:rounded-xl volr:border-2",
-            "volr:text-left volr:transition-all",
-            "volr:flex volr:items-center volr:gap-4",
-            "volr-border volr-hover"
+            "volr:w-full volr:text-base volr:outline-none volr:transition-all volr:rounded-lg volr:py-3 volr:disabled:cursor-not-allowed volr:bg-white",
+            "volr:border volr:border-slate-300 focus:volr:border-slate-400 focus:volr:ring-1 focus:volr:ring-slate-400",
+            leftIcon ? "volr:pl-11 volr:pr-3" : "volr:px-3",
+            error && "volr:border-red-500 focus:volr:border-red-500 focus:volr:ring-red-500",
+            className
           ),
-          onClick: () => onSelect(idx),
+          style,
+          ...props
+        }
+      )
+    ] });
+  }
+);
+Input.displayName = "Input";
+function WithdrawView({
+  balances,
+  connectedWallet,
+  onSuccess
+}) {
+  const { t } = useI18n();
+  const { withdraw, isWithdrawing, result, error, reset } = react.useWithdraw();
+  const [step, setStep] = React13.useState("select");
+  const [selectedTokenId, setSelectedTokenId] = React13.useState(null);
+  const [toAddress, setToAddress] = React13.useState("");
+  const [amount, setAmount] = React13.useState("");
+  const [useConnectedWallet, setUseConnectedWallet] = React13.useState(false);
+  const selectedToken = React13.useMemo(
+    () => balances.find((b) => b.id === selectedTokenId),
+    [balances, selectedTokenId]
+  );
+  const connectedAddress = React13.useMemo(() => {
+    if (!connectedWallet) return null;
+    const parts = connectedWallet.split(":");
+    return parts.length >= 2 ? parts[1] : null;
+  }, [connectedWallet]);
+  const handleSelectToken = (tokenId) => {
+    setSelectedTokenId(tokenId);
+    setStep("input");
+  };
+  const handleUseConnectedWallet = () => {
+    if (connectedAddress) {
+      setToAddress(connectedAddress);
+      setUseConnectedWallet(true);
+    }
+  };
+  const handleConfirm = async () => {
+    if (!selectedToken || !toAddress || !amount) return;
+    setStep("confirm");
+    try {
+      await withdraw({
+        chainId: selectedToken.chainId,
+        tokenAddress: selectedToken.address,
+        decimals: selectedToken.decimals,
+        amount,
+        to: toAddress
+      });
+      setStep("result");
+    } catch {
+      setStep("result");
+    }
+  };
+  const handleReset = () => {
+    reset();
+    setStep("select");
+    setSelectedTokenId(null);
+    setToAddress("");
+    setAmount("");
+    setUseConnectedWallet(false);
+  };
+  const isAmountValid = React13.useMemo(() => {
+    if (!amount || !selectedToken) return false;
+    const num = parseFloat(amount);
+    if (isNaN(num) || num <= 0) return false;
+    const balance = parseFloat(selectedToken.balance.replace(/,/g, ""));
+    return num <= balance;
+  }, [amount, selectedToken]);
+  const isAddressValid = /^0x[a-fA-F0-9]{40}$/.test(toAddress);
+  if (step === "select") {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "volr:text-lg volr:font-semibold volr:text-slate-900 volr:mb-4", children: t("account.withdraw.selectToken") }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:space-y-2", children: balances.map((token) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => handleSelectToken(token.id),
+          disabled: token.balanceRaw === 0n,
+          className: "volr:w-full volr:flex volr:items-center volr:justify-between volr:p-3 volr:rounded-lg volr:border volr:border-slate-200 hover:volr:bg-slate-50 volr:transition-colors disabled:volr:opacity-50 disabled:volr:cursor-not-allowed",
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:shrink-0", children: !isNative && a.token.iconUrl ? /* @__PURE__ */ jsxRuntime.jsx(
-              "img",
-              {
-                alt: a.token.symbol,
-                src: a.token.iconUrl,
-                className: "volr:w-10 volr:h-10 volr:rounded-full volr:border volr-border"
-              }
-            ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:w-10 volr:h-10 volr:rounded-full volr:flex volr:items-center volr:justify-center volr:text-white volr:font-bold volr:text-sm volr-bg-tertiary", children: tokenSymbol.slice(0, 2) }) }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex-1 volr:min-w-0", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex volr:items-center volr:gap-2 volr:mb-1", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "volr:text-base volr:font-semibold", children: tokenSymbol }),
-                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "volr:text-xs volr:px-2 volr:py-0.5 volr:rounded-full volr:font-medium volr-bg-secondary volr-text-secondary", children: [
-                  "Chain ",
-                  a.chainId
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex volr:items-center volr:gap-3", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:w-8 volr:h-8 volr:rounded-full volr:bg-slate-100 volr:flex volr:items-center volr:justify-center volr:overflow-hidden", children: token.iconUrl ? /* @__PURE__ */ jsxRuntime.jsx(
+                "img",
+                {
+                  src: token.iconUrl,
+                  alt: token.symbol,
+                  className: "volr:w-full volr:h-full volr:object-cover"
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "volr:text-xs volr:font-medium volr:text-slate-500", children: token.symbol.slice(0, 2) }) }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "volr:text-sm volr:font-medium volr:text-slate-900", children: token.symbol })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "volr:text-sm volr:text-slate-500", children: token.balance })
+          ]
+        },
+        token.id
+      )) })
+    ] });
+  }
+  if (step === "input" && selectedToken) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "volr:text-lg volr:font-semibold volr:text-slate-900 volr:mb-4", children: t("account.withdraw.title") }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex volr:items-center volr:gap-3 volr:p-3 volr:rounded-lg volr:bg-slate-50 volr:mb-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:w-8 volr:h-8 volr:rounded-full volr:bg-slate-200 volr:flex volr:items-center volr:justify-center volr:overflow-hidden", children: selectedToken.iconUrl ? /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: selectedToken.iconUrl,
+            alt: selectedToken.symbol,
+            className: "volr:w-full volr:h-full volr:object-cover"
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "volr:text-xs volr:font-medium volr:text-slate-500", children: selectedToken.symbol.slice(0, 2) }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr:font-medium volr:text-slate-900", children: selectedToken.symbol }),
+          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "volr:text-xs volr:text-slate-400", children: [
+            t("account.withdraw.available"),
+            ": ",
+            selectedToken.balance
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:mb-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "volr:block volr:text-sm volr:text-slate-600 volr:mb-2", children: t("account.withdraw.toAddress") }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Input,
+          {
+            type: "text",
+            placeholder: "0x...",
+            value: toAddress,
+            onChange: (e) => {
+              setToAddress(e.target.value);
+              setUseConnectedWallet(false);
+            }
+          }
+        ),
+        connectedAddress && !useConnectedWallet && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: handleUseConnectedWallet,
+            className: "volr:mt-2 volr:text-xs volr:text-slate-500 hover:volr:text-slate-700 volr:underline",
+            children: t("account.withdraw.useConnectedWallet")
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:mb-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("label", { className: "volr:block volr:text-sm volr:text-slate-600 volr:mb-2", children: t("account.withdraw.amount") }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:relative", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Input,
+            {
+              type: "text",
+              inputMode: "decimal",
+              placeholder: "0.00",
+              value: amount,
+              onChange: (e) => setAmount(e.target.value)
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => setAmount(selectedToken.balance.replace(/,/g, "")),
+              className: "volr:absolute volr:right-3 volr:top-1/2 volr:-translate-y-1/2 volr:text-xs volr:text-slate-500 hover:volr:text-slate-700 volr:font-medium",
+              children: "MAX"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Button,
+        {
+          onClick: handleConfirm,
+          disabled: !isAddressValid || !isAmountValid,
+          fullWidth: true,
+          children: t("account.withdraw.confirm")
+        }
+      )
+    ] });
+  }
+  if (step === "confirm" && selectedToken) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:py-8 volr:text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:animate-spin volr:w-8 volr:h-8 volr:border-2 volr:border-slate-200 volr:border-t-slate-600 volr:rounded-full volr:mx-auto volr:mb-4" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr:text-slate-600", children: t("account.withdraw.processing") })
+    ] });
+  }
+  if (step === "result") {
+    const isSuccess = result && !error;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:py-8 volr:text-center", children: [
+      isSuccess ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:w-12 volr:h-12 volr:rounded-full volr:bg-green-100 volr:flex volr:items-center volr:justify-center volr:mx-auto volr:mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "svg",
+          {
+            className: "volr:w-6 volr:h-6 volr:text-green-600",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            stroke: "currentColor",
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "path",
+              {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 2,
+                d: "M5 13l4 4L19 7"
+              }
+            )
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-lg volr:font-semibold volr:text-slate-900 volr:mb-2", children: t("account.withdraw.success") }),
+        /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "volr:text-sm volr:text-slate-500 volr:mb-6", children: [
+          amount,
+          " ",
+          selectedToken?.symbol,
+          " ",
+          t("account.withdraw.sent")
+        ] })
+      ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:w-12 volr:h-12 volr:rounded-full volr:bg-red-100 volr:flex volr:items-center volr:justify-center volr:mx-auto volr:mb-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "svg",
+          {
+            className: "volr:w-6 volr:h-6 volr:text-red-600",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            stroke: "currentColor",
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              "path",
+              {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 2,
+                d: "M6 18L18 6M6 6l12 12"
+              }
+            )
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-lg volr:font-semibold volr:text-slate-900 volr:mb-2", children: t("account.withdraw.failed") }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr:text-red-500 volr:mb-6", children: error?.message || t("account.withdraw.unknownError") })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "secondary", onClick: isSuccess ? onSuccess : handleReset, fullWidth: true, children: isSuccess ? t("common.done") : t("common.tryAgain") })
+    ] });
+  }
+  return null;
+}
+function PaymentRow({ payment, onClick }) {
+  const { t } = useI18n();
+  const date = new Date(payment.createdAt);
+  const formattedDate = date.toLocaleDateString(void 0, {
+    month: "short",
+    day: "numeric",
+    year: "numeric"
+  });
+  const statusColors = {
+    CONFIRMED: "volr:bg-green-100 volr:text-green-700",
+    PENDING: "volr:bg-yellow-100 volr:text-yellow-700",
+    PROCESSING: "volr:bg-blue-100 volr:text-blue-700",
+    FAILED: "volr:bg-red-100 volr:text-red-700",
+    CANCELLED: "volr:bg-slate-100 volr:text-slate-500",
+    EXPIRED: "volr:bg-slate-100 volr:text-slate-500"
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      onClick,
+      className: "volr:w-full volr:flex volr:items-center volr:justify-between volr:py-3 volr:border-b volr:border-slate-100 hover:volr:bg-slate-50 volr:transition-colors volr:text-left",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex-1 volr:min-w-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex volr:items-center volr:gap-2 volr:mb-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr:font-medium volr:text-slate-900 volr:truncate", children: payment.itemName || t("account.payments.payment") }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                className: `volr:px-1.5 volr:py-0.5 volr:text-xs volr:font-medium volr:rounded ${statusColors[payment.status] || "volr:bg-slate-100 volr:text-slate-500"}`,
+                children: payment.status
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-xs volr:text-slate-400", children: formattedDate })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex volr:items-center volr:gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:text-right", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "volr:text-sm volr:font-medium volr:text-slate-900", children: [
+              payment.amount,
+              " ",
+              payment.token.symbol
+            ] }),
+            payment.totalUsd && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "volr:text-xs volr:text-slate-400", children: [
+              "$",
+              parseFloat(payment.totalUsd).toFixed(2)
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(ChevronRightIcon, { className: "volr:w-4 volr:h-4 volr:text-slate-300" })
+        ] })
+      ]
+    }
+  );
+}
+function PaymentHistoryView({ onSelectPayment }) {
+  const { t } = useI18n();
+  const { getPaymentHistory, isLoading: isApiLoading } = react.useVolrPaymentApi();
+  const [payments, setPayments] = React13.useState([]);
+  const [isLoading, setIsLoading] = React13.useState(true);
+  const [error, setError] = React13.useState(null);
+  React13.useEffect(() => {
+    setIsLoading(true);
+    setError(null);
+    getPaymentHistory({ take: 20 }).then((result) => {
+      setPayments(result.payments);
+    }).catch((err) => {
+      console.error("[PaymentHistoryView] Failed to fetch payments:", err);
+      setError(t("account.payments.fetchError"));
+    }).finally(() => {
+      setIsLoading(false);
+    });
+  }, [getPaymentHistory, t]);
+  if (isLoading || isApiLoading) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:py-8", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:animate-pulse volr:space-y-4", children: [1, 2, 3].map((i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex volr:items-center volr:justify-between volr:py-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:h-4 volr:w-32 volr:bg-slate-200 volr:rounded volr:mb-2" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:h-3 volr:w-20 volr:bg-slate-100 volr:rounded" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:h-4 volr:w-16 volr:bg-slate-200 volr:rounded" })
+    ] }, i)) }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:py-12 volr:text-center", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr:text-red-500", children: error }) });
+  }
+  if (payments.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:py-12 volr:text-center", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr:text-slate-400", children: t("account.payments.noPayments") }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "volr:text-lg volr:font-semibold volr:text-slate-900 volr:mb-4", children: t("account.menu.payments") }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { children: payments.map((payment) => /* @__PURE__ */ jsxRuntime.jsx(
+      PaymentRow,
+      {
+        payment,
+        onClick: () => onSelectPayment(payment)
+      },
+      payment.id
+    )) })
+  ] });
+}
+function DetailRow({ label, value, copyable, mono }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex volr:items-start volr:justify-between volr:py-2 volr:border-b volr:border-slate-100 last:volr:border-b-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "volr:text-sm volr:text-slate-500", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex volr:items-center volr:gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: `volr:text-sm volr:text-slate-900 volr:text-right ${mono ? "volr:font-mono" : ""}`,
+          children: value
+        }
+      ),
+      copyable && /* @__PURE__ */ jsxRuntime.jsx(CopyButton, { text: value, className: "volr:shrink-0" })
+    ] })
+  ] });
+}
+function PaymentDetailView({ payment }) {
+  const { t } = useI18n();
+  const createdDate = new Date(payment.createdAt);
+  const formattedCreatedAt = createdDate.toLocaleString(void 0, {
+    year: "numeric",
+    month: "short",
+    day: "numeric",
+    hour: "2-digit",
+    minute: "2-digit"
+  });
+  const confirmedDate = payment.confirmedAt ? new Date(payment.confirmedAt) : null;
+  const formattedConfirmedAt = confirmedDate ? confirmedDate.toLocaleString(void 0, {
+    year: "numeric",
+    month: "short",
+    day: "numeric",
+    hour: "2-digit",
+    minute: "2-digit"
+  }) : null;
+  const statusColors = {
+    CONFIRMED: "volr:bg-green-100 volr:text-green-700",
+    PENDING: "volr:bg-yellow-100 volr:text-yellow-700",
+    PROCESSING: "volr:bg-blue-100 volr:text-blue-700",
+    FAILED: "volr:bg-red-100 volr:text-red-700",
+    CANCELLED: "volr:bg-slate-100 volr:text-slate-500",
+    EXPIRED: "volr:bg-slate-100 volr:text-slate-500"
+  };
+  const truncateHash = (hash) => {
+    if (hash.length <= 16) return hash;
+    return `${hash.slice(0, 8)}...${hash.slice(-6)}`;
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:mb-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex volr:items-center volr:gap-2 volr:mb-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "volr:text-lg volr:font-semibold volr:text-slate-900", children: payment.itemName || t("account.payments.payment") }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: `volr:px-2 volr:py-0.5 volr:text-xs volr:font-medium volr:rounded ${statusColors[payment.status] || "volr:bg-slate-100 volr:text-slate-500"}`,
+            children: payment.status
+          }
+        )
+      ] }),
+      payment.itemDescription && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr:text-slate-500", children: payment.itemDescription })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:py-4 volr:mb-4 volr:border-y volr:border-slate-100", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "volr:text-2xl volr:font-semibold volr:text-slate-900", children: [
+        payment.amount,
+        " ",
+        payment.token.symbol
+      ] }),
+      payment.totalUsd && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "volr:text-sm volr:text-slate-500", children: [
+        "\u2248 $",
+        parseFloat(payment.totalUsd).toFixed(2),
+        " USD"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:space-y-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(DetailRow, { label: t("account.payments.createdAt"), value: formattedCreatedAt }),
+      formattedConfirmedAt && /* @__PURE__ */ jsxRuntime.jsx(DetailRow, { label: t("account.payments.confirmedAt"), value: formattedConfirmedAt }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        DetailRow,
+        {
+          label: t("account.payments.token"),
+          value: `${payment.token.symbol} (Chain ${payment.token.chainId})`
+        }
+      ),
+      payment.txHash && /* @__PURE__ */ jsxRuntime.jsx(
+        DetailRow,
+        {
+          label: t("account.payments.txHash"),
+          value: truncateHash(payment.txHash),
+          copyable: true,
+          mono: true
+        }
+      ),
+      payment.referenceId && /* @__PURE__ */ jsxRuntime.jsx(
+        DetailRow,
+        {
+          label: t("account.payments.referenceId"),
+          value: payment.referenceId,
+          copyable: true
+        }
+      )
+    ] }),
+    payment.itemImage && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:mt-6", children: /* @__PURE__ */ jsxRuntime.jsx(
+      "img",
+      {
+        src: payment.itemImage,
+        alt: payment.itemName || "Item",
+        className: "volr:w-full volr:h-40 volr:object-cover volr:rounded-lg"
+      }
+    ) })
+  ] });
+}
+function InfoRow({ label, value, copyable, mono }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:py-3 volr:border-b volr:border-slate-100 last:volr:border-b-0", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-xs volr:text-slate-400 volr:mb-1", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex volr:items-center volr:justify-between volr:gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "p",
+        {
+          className: `volr:text-sm volr:text-slate-900 volr:break-all ${mono ? "volr:font-mono" : ""}`,
+          children: value
+        }
+      ),
+      copyable && /* @__PURE__ */ jsxRuntime.jsx(CopyButton, { text: value, className: "volr:shrink-0" })
+    ] })
+  ] });
+}
+function AccountInfoView({ user }) {
+  const { t } = useI18n();
+  const getLoginMethod = () => {
+    if (user.authWallet) {
+      return t("account.info.loginMethod.wallet");
+    }
+    if (user.email?.includes("@google.")) {
+      return t("account.info.loginMethod.google");
+    }
+    if (user.email?.includes("@twitter.") || user.email?.includes("@x.")) {
+      return t("account.info.loginMethod.twitter");
+    }
+    if (user.email?.includes("@wallet.")) {
+      return t("account.info.loginMethod.wallet");
+    }
+    return t("account.info.loginMethod.email");
+  };
+  const formatAddress = (address) => {
+    if (address.length <= 16) return address;
+    return `${address.slice(0, 6)}...${address.slice(-4)}`;
+  };
+  const externalWallet = user.authWallet ? user.authWallet.split(":")[1] || user.authWallet : null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "volr:text-lg volr:font-semibold volr:text-slate-900 volr:mb-4", children: t("account.menu.account") }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(InfoRow, { label: t("account.info.loginMethod.label"), value: getLoginMethod() }),
+      user.email && !user.email.includes("@wallet.") && /* @__PURE__ */ jsxRuntime.jsx(InfoRow, { label: t("account.email"), value: user.email }),
+      user.evmAddress && /* @__PURE__ */ jsxRuntime.jsx(
+        InfoRow,
+        {
+          label: t("account.walletAddress"),
+          value: formatAddress(user.evmAddress),
+          copyable: true,
+          mono: true
+        }
+      ),
+      externalWallet && /* @__PURE__ */ jsxRuntime.jsx(
+        InfoRow,
+        {
+          label: t("account.info.connectedWallet"),
+          value: formatAddress(externalWallet),
+          copyable: true,
+          mono: true
+        }
+      ),
+      user.signerType && /* @__PURE__ */ jsxRuntime.jsx(
+        InfoRow,
+        {
+          label: t("account.info.signerType"),
+          value: user.signerType === "passkey" ? "Passkey" : user.signerType
+        }
+      )
+    ] })
+  ] });
+}
+function AccountModal({ isOpen, onClose, onError }) {
+  const { user, logout } = react.useVolrContext();
+  const { balances, totalUsd, isLoading, paymentEnabled, refresh } = react.useUserBalances();
+  const [currentView, setCurrentView] = React13.useState("main");
+  const [selectedPayment, setSelectedPayment] = React13.useState(null);
+  const [isLoggingOut, setIsLoggingOut] = React13.useState(false);
+  const handleOpenChange = React13.useCallback((open) => {
+    if (!open) {
+      onClose();
+      setTimeout(() => {
+        setCurrentView("main");
+        setSelectedPayment(null);
+      }, 200);
+    }
+  }, [onClose]);
+  if (!user) {
+    return /* @__PURE__ */ jsxRuntime.jsx(SigninModal, { isOpen, onClose, onError });
+  }
+  if (!user.keyStorageType) {
+    const handlePasskeyComplete = () => {
+      onClose();
+    };
+    const handlePasskeyError = (error) => {
+      if (onError) onError(error);
+    };
+    const handleLogoutFromPasskey = async () => {
+      try {
+        await logout();
+        onClose();
+      } catch (error) {
+        if (onError) {
+          onError(error instanceof Error ? error : new Error("Logout failed"));
+        }
+      }
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(Modal, { open: isOpen, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxRuntime.jsx(
+      PasskeyEnrollView,
+      {
+        wrapInModal: false,
+        onComplete: handlePasskeyComplete,
+        onError: handlePasskeyError,
+        onLogout: handleLogoutFromPasskey,
+        onClose
+      }
+    ) });
+  }
+  const handleLogout = async () => {
+    setIsLoggingOut(true);
+    try {
+      await logout();
+      onClose();
+    } catch (error) {
+      if (onError) {
+        onError(error instanceof Error ? error : new Error("Logout failed"));
+      }
+    } finally {
+      setIsLoggingOut(false);
+    }
+  };
+  const handleNavigate = (view) => {
+    setCurrentView(view);
+  };
+  const handleBack = () => {
+    if (selectedPayment) {
+      setSelectedPayment(null);
+      setCurrentView("payments");
+    } else {
+      setCurrentView("main");
+    }
+  };
+  const handleSelectPayment = (payment) => {
+    setSelectedPayment(payment);
+  };
+  const handleWithdrawSuccess = () => {
+    refresh();
+    setCurrentView("main");
+  };
+  const showBack = currentView !== "main" || selectedPayment !== null;
+  const renderContent = () => {
+    if (selectedPayment) {
+      return /* @__PURE__ */ jsxRuntime.jsx(PaymentDetailView, { payment: selectedPayment });
+    }
+    switch (currentView) {
+      case "main":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          AccountMainView,
+          {
+            totalUsd,
+            balances,
+            isLoading,
+            paymentEnabled,
+            onNavigate: handleNavigate,
+            onLogout: handleLogout,
+            isLoggingOut
+          }
+        );
+      case "assets":
+        return /* @__PURE__ */ jsxRuntime.jsx(BalanceDetailView, { balances, isLoading });
+      case "withdraw":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          WithdrawView,
+          {
+            balances,
+            connectedWallet: user.authWallet,
+            onSuccess: handleWithdrawSuccess
+          }
+        );
+      case "payments":
+        return /* @__PURE__ */ jsxRuntime.jsx(PaymentHistoryView, { onSelectPayment: handleSelectPayment });
+      case "account":
+        return /* @__PURE__ */ jsxRuntime.jsx(AccountInfoView, { user });
+      default:
+        return null;
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(Modal, { open: isOpen, onOpenChange: handleOpenChange, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ModalHeader,
+      {
+        back: showBack,
+        onBack: showBack ? handleBack : void 0,
+        onClose
+      }
+    ),
+    renderContent()
+  ] });
+}
+function AssetSelectView({
+  assets,
+  onSelect
+}) {
+  const { t } = useI18n();
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-xl volr:font-semibold volr:mb-1", children: t("deposit.selectTitle") }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr:mb-4 volr-text-secondary", children: "Supported token" }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:space-y-3", children: assets.map((a, idx) => {
+      const isNative = a.token === "native";
+      const tokenSymbol = isNative ? "ETH" : a.token.symbol;
+      const tokenName = isNative ? "Ethereum" : a.token.symbol;
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          className: cn(
+            "volr:w-full volr:p-4 volr:rounded-xl volr:border-2",
+            "volr:text-left volr:transition-all",
+            "volr:flex volr:items-center volr:gap-4",
+            "volr-border volr-hover"
+          ),
+          onClick: () => onSelect(idx),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:shrink-0", children: !isNative && a.token.iconUrl ? /* @__PURE__ */ jsxRuntime.jsx(
+              "img",
+              {
+                alt: a.token.symbol,
+                src: a.token.iconUrl,
+                className: "volr:w-10 volr:h-10 volr:rounded-full volr:border volr-border"
+              }
+            ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:w-10 volr:h-10 volr:rounded-full volr:flex volr:items-center volr:justify-center volr:text-white volr:font-bold volr:text-sm volr-bg-tertiary", children: tokenSymbol.slice(0, 2) }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex-1 volr:min-w-0", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex volr:items-center volr:gap-2 volr:mb-1", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "volr:text-base volr:font-semibold", children: tokenSymbol }),
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "volr:text-xs volr:px-2 volr:py-0.5 volr:rounded-full volr:font-medium volr-bg-secondary volr-text-secondary", children: [
+                  "Chain ",
+                  a.chainId
                 ] })
               ] }),
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:text-sm volr-text-secondary", children: tokenName }),
@@ -2771,42 +3771,419 @@ function AssetSelectView({
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:shrink-0 volr-text-muted", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "9 18 15 12 9 6" }) }) })
           ]
         },
-        `${a.chainId}-${idx}`
-      );
-    }) })
+        `${a.chainId}-${idx}`
+      );
+    }) })
+  ] });
+}
+var TextLinkButton = React13__default.default.forwardRef(({ showArrow = false, className, children, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      ref,
+      type: "button",
+      className: cn(
+        "volr:underline volr:transition-colors volr-text-secondary",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        showArrow && " \u2192"
+      ]
+    }
+  );
+});
+TextLinkButton.displayName = "TextLinkButton";
+var OtherTokenModal = ({
+  open,
+  onOpenChange
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(Modal, { open, onOpenChange, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ModalHeader, { onClose: () => onOpenChange(false) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-lg volr:font-semibold volr:mb-2", children: "Coming Soon" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr-text-secondary", children: "Swap and bridge recommendations will be available here soon." })
+    ] })
+  ] });
+};
+
+// ../node_modules/viem/_esm/errors/unit.js
+init_base();
+var InvalidDecimalNumberError = class extends BaseError {
+  constructor({ value }) {
+    super(`Number \`${value}\` is not a valid decimal number.`, {
+      name: "InvalidDecimalNumberError"
+    });
+  }
+};
+
+// ../node_modules/viem/_esm/utils/unit/parseUnits.js
+function parseUnits(value, decimals) {
+  if (!/^(-?)([0-9]*)\.?([0-9]*)$/.test(value))
+    throw new InvalidDecimalNumberError({ value });
+  let [integer, fraction = "0"] = value.split(".");
+  const negative = integer.startsWith("-");
+  if (negative)
+    integer = integer.slice(1);
+  fraction = fraction.replace(/(0+)$/, "");
+  if (decimals === 0) {
+    if (Math.round(Number(`.${fraction}`)) === 1)
+      integer = `${BigInt(integer) + 1n}`;
+    fraction = "";
+  } else if (fraction.length > decimals) {
+    const [left, unit, right] = [
+      fraction.slice(0, decimals - 1),
+      fraction.slice(decimals - 1, decimals),
+      fraction.slice(decimals)
+    ];
+    const rounded = Math.round(Number(`${unit}.${right}`));
+    if (rounded > 9)
+      fraction = `${BigInt(left) + BigInt(1)}0`.padStart(left.length + 1, "0");
+    else
+      fraction = `${left}${rounded}`;
+    if (fraction.length > decimals) {
+      fraction = fraction.slice(1);
+      integer = `${BigInt(integer) + 1n}`;
+    }
+    fraction = fraction.slice(0, decimals);
+  } else {
+    fraction = fraction.padEnd(decimals, "0");
+  }
+  return BigInt(`${negative ? "-" : ""}${integer}${fraction}`);
+}
+
+// ../node_modules/viem/_esm/index.js
+init_abis();
+init_formatUnits();
+var DefaultWalletIcon2 = () => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    className: "volr:w-6 volr:h-6",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "rect",
+        {
+          x: "2",
+          y: "6",
+          width: "20",
+          height: "14",
+          rx: "2",
+          stroke: "currentColor",
+          strokeWidth: "1.5"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M17 12.5C17 13.3284 16.3284 14 15.5 14C14.6716 14 14 13.3284 14 12.5C14 11.6716 14.6716 11 15.5 11C16.3284 11 17 11.6716 17 12.5Z",
+          fill: "currentColor"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "path",
+        {
+          d: "M6 6V5C6 3.89543 6.89543 3 8 3H16C17.1046 3 18 3.89543 18 5V6",
+          stroke: "currentColor",
+          strokeWidth: "1.5"
+        }
+      )
+    ]
+  }
+);
+function WalletTransferView({
+  chainId,
+  asset,
+  destinationAddress,
+  onBack,
+  onSuccess
+}) {
+  const { t } = useI18n();
+  const { config } = react.useVolrContext();
+  const { client } = react.useInternalAuth();
+  const { isDetecting, getWalletsForDisplay, hasWallet } = react.useEIP6963();
+  const [viewState, setViewState] = React13.useState("select-wallet");
+  const [selectedWallet, setSelectedWallet] = React13.useState(null);
+  const [connectedAddress, setConnectedAddress] = React13.useState(null);
+  const [balance, setBalance] = React13.useState(null);
+  const [amount, setAmount] = React13.useState("");
+  const [isConnecting, setIsConnecting] = React13.useState(false);
+  const [isTransferring, setIsTransferring] = React13.useState(false);
+  const [error, setError] = React13.useState(null);
+  const [chainName, setChainName] = React13.useState(null);
+  const [currentChainId, setCurrentChainId] = React13.useState(null);
+  const tokenSymbol = asset === "native" ? "ETH" : asset.symbol;
+  const decimals = asset === "native" ? 18 : asset.decimals;
+  const getNetworkInfo = React13.useCallback(
+    react.createGetNetworkInfo({ client, rpcOverrides: config.rpcOverrides }),
+    [client, config.rpcOverrides]
+  );
+  React13.useEffect(() => {
+    let cancelled = false;
+    const loadChainName = async () => {
+      try {
+        const info = await getNetworkInfo(chainId, false);
+        if (!cancelled) setChainName(info.name);
+      } catch {
+        if (!cancelled) setChainName(`Chain ${chainId}`);
+      }
+    };
+    loadChainName();
+    return () => {
+      cancelled = true;
+    };
+  }, [getNetworkInfo, chainId]);
+  const connectWallet = React13.useCallback(async (wallet) => {
+    setIsConnecting(true);
+    setError(null);
+    try {
+      const provider = wallet.provider;
+      const accounts = await provider.request({ method: "eth_requestAccounts" });
+      if (!accounts || accounts.length === 0) {
+        throw new Error("No accounts found");
+      }
+      const address = accounts[0];
+      setConnectedAddress(address);
+      setSelectedWallet(wallet);
+      const chainIdHex = await provider.request({ method: "eth_chainId" });
+      const currentChain = parseInt(chainIdHex, 16);
+      setCurrentChainId(currentChain);
+      await fetchBalance(provider, address, currentChain);
+      setViewState("transfer");
+    } catch (err) {
+      console.error("Failed to connect wallet:", err);
+      setError(err instanceof Error ? err.message : "Connection failed");
+    } finally {
+      setIsConnecting(false);
+    }
+  }, [chainId, asset]);
+  const fetchBalance = React13.useCallback(async (provider, address, currentChain) => {
+    try {
+      if (currentChain !== chainId) {
+        setBalance(null);
+        return;
+      }
+      if (asset === "native") {
+        const balanceHex = await provider.request({
+          method: "eth_getBalance",
+          params: [address, "latest"]
+        });
+        setBalance(BigInt(balanceHex));
+      } else {
+        const data = `0x70a08231000000000000000000000000${address.slice(2)}`;
+        const result = await provider.request({
+          method: "eth_call",
+          params: [{ to: asset.address, data }, "latest"]
+        });
+        setBalance(BigInt(result));
+      }
+    } catch (err) {
+      console.error("Failed to fetch balance:", err);
+      setBalance(BigInt(0));
+    }
+  }, [chainId, asset]);
+  const switchNetwork = React13.useCallback(async () => {
+    if (!selectedWallet?.provider) return;
+    try {
+      await selectedWallet.provider.request({
+        method: "wallet_switchEthereumChain",
+        params: [{ chainId: `0x${chainId.toString(16)}` }]
+      });
+      const chainIdHex = await selectedWallet.provider.request({ method: "eth_chainId" });
+      const currentChain = parseInt(chainIdHex, 16);
+      setCurrentChainId(currentChain);
+      if (connectedAddress) {
+        await fetchBalance(selectedWallet.provider, connectedAddress, currentChain);
+      }
+    } catch (err) {
+      console.error("Failed to switch network:", err);
+      setError(err instanceof Error ? err.message : "Failed to switch network");
+    }
+  }, [selectedWallet, chainId, connectedAddress, fetchBalance]);
+  const executeTransfer = React13.useCallback(async () => {
+    if (!selectedWallet?.provider || !connectedAddress || !amount) return;
+    setIsTransferring(true);
+    setError(null);
+    try {
+      const amountWei = parseUnits(amount, decimals);
+      if (balance !== null && amountWei > balance) {
+        setError(t("deposit.walletTransfer.insufficientBalance"));
+        setIsTransferring(false);
+        return;
+      }
+      let txHash;
+      if (asset === "native") {
+        txHash = await selectedWallet.provider.request({
+          method: "eth_sendTransaction",
+          params: [{
+            from: connectedAddress,
+            to: destinationAddress,
+            value: `0x${amountWei.toString(16)}`
+          }]
+        });
+      } else {
+        const paddedTo = destinationAddress.slice(2).padStart(64, "0");
+        const paddedAmount = amountWei.toString(16).padStart(64, "0");
+        const data = `0xa9059cbb${paddedTo}${paddedAmount}`;
+        txHash = await selectedWallet.provider.request({
+          method: "eth_sendTransaction",
+          params: [{
+            from: connectedAddress,
+            to: asset.address,
+            data
+          }]
+        });
+      }
+      console.log("Transfer tx hash:", txHash);
+      onSuccess?.();
+    } catch (err) {
+      console.error("Transfer failed:", err);
+      setError(err instanceof Error ? err.message : "Transfer failed");
+    } finally {
+      setIsTransferring(false);
+    }
+  }, [selectedWallet, connectedAddress, amount, decimals, balance, asset, destinationAddress, onSuccess, t]);
+  const setMaxAmount = React13.useCallback(() => {
+    if (balance !== null) {
+      const formatted = formatUnits(balance, decimals);
+      setAmount(formatted);
+    }
+  }, [balance, decimals]);
+  const wallets = getWalletsForDisplay();
+  const isWrongNetwork = currentChainId !== null && currentChainId !== chainId;
+  const formattedBalance = balance !== null ? formatUnits(balance, decimals) : null;
+  if (viewState === "select-wallet") {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:mb-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-xl volr:font-semibold volr:mb-1", children: t("deposit.walletTransfer.title") }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr:text-slate-500", children: t("deposit.walletTransfer.selectWallet") })
+      ] }),
+      isDetecting && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:text-center volr:py-8", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:animate-spin volr:w-6 volr:h-6 volr:border-2 volr:border-slate-300 volr:border-t-slate-600 volr:rounded-full volr:mx-auto" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr:text-slate-500 volr:mt-3", children: t("common.loading") })
+      ] }),
+      !isDetecting && !hasWallet && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:text-center volr:py-8", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr:text-slate-500", children: t("deposit.walletTransfer.noWallets") }) }),
+      !isDetecting && wallets.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:space-y-2", children: wallets.map((wallet) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => connectWallet(wallet),
+          disabled: isConnecting,
+          className: "volr:w-full volr:flex volr:items-center volr:gap-3 volr:p-3 volr:border volr:border-slate-200 volr:rounded-xl volr:hover:bg-slate-50 volr:transition-colors volr:disabled:opacity-50",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:w-10 volr:h-10 volr:rounded-lg volr:bg-slate-100 volr:flex volr:items-center volr:justify-center volr:overflow-hidden volr:flex-shrink-0", children: wallet.icon ? /* @__PURE__ */ jsxRuntime.jsx(
+              "img",
+              {
+                src: wallet.icon,
+                alt: wallet.name,
+                className: "volr:w-7 volr:h-7"
+              }
+            ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:text-slate-400", children: /* @__PURE__ */ jsxRuntime.jsx(DefaultWalletIcon2, {}) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "volr:flex-1 volr:text-left volr:font-medium volr:text-slate-900", children: wallet.name }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "svg",
+              {
+                className: "volr:w-5 volr:h-5 volr:text-slate-400",
+                fill: "none",
+                viewBox: "0 0 24 24",
+                stroke: "currentColor",
+                children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" })
+              }
+            )
+          ]
+        },
+        wallet.id
+      )) }),
+      error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:mt-4 volr:p-3 volr:bg-red-50 volr:border volr:border-red-200 volr:rounded-lg", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr:text-red-600", children: error }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:mt-6 volr:pt-4 volr:border-t volr:border-slate-200", children: /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "ghost", onClick: onBack, className: "volr:w-full", children: t("common.back") }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:mb-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-xl volr:font-semibold volr:mb-1", children: t("deposit.walletTransfer.title") }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex volr:items-center volr:gap-2", children: [
+        selectedWallet?.icon && /* @__PURE__ */ jsxRuntime.jsx("img", { src: selectedWallet.icon, alt: "", className: "volr:w-5 volr:h-5 volr:rounded" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "volr:text-sm volr:text-slate-500", children: [
+          connectedAddress?.slice(0, 6),
+          "...",
+          connectedAddress?.slice(-4)
+        ] })
+      ] })
+    ] }),
+    isWrongNetwork && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:mb-4 volr:p-3 volr:bg-amber-50 volr:border volr:border-amber-200 volr:rounded-lg", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr:text-amber-700 volr:mb-2", children: t("deposit.walletTransfer.wrongNetwork", { network: chainName || `Chain ${chainId}` }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Button,
+        {
+          variant: "secondary",
+          size: "sm",
+          onClick: switchNetwork,
+          className: "volr:w-full",
+          children: t("deposit.walletTransfer.switchNetwork")
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:mb-4 volr:p-4 volr:bg-slate-50 volr:rounded-xl volr:border volr:border-slate-200", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex volr:items-center volr:justify-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex volr:items-center volr:gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "volr:text-base volr:font-semibold", children: tokenSymbol }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "volr:text-xs volr:px-2 volr:py-0.5 volr:rounded-full volr:bg-slate-200 volr:text-slate-600", children: chainName || `Chain ${chainId}` })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:text-right", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-xs volr:text-slate-500", children: t("deposit.walletTransfer.balance") }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr:font-mono volr:font-medium", children: isWrongNetwork ? "-" : formattedBalance ? `${Number(formattedBalance).toFixed(4)}` : "..." })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:mb-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("label", { className: "volr:block volr:text-sm volr:font-medium volr:text-slate-700 volr:mb-2", children: t("deposit.walletTransfer.amount") }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:relative", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "text",
+            inputMode: "decimal",
+            value: amount,
+            onChange: (e) => setAmount(e.target.value),
+            placeholder: t("deposit.walletTransfer.amountPlaceholder"),
+            disabled: isWrongNetwork,
+            className: "volr:w-full volr:px-4 volr:py-3 volr:pr-16 volr:border volr:border-slate-300 volr:rounded-xl volr:text-base volr:font-mono volr:focus:outline-none volr:focus:ring-2 volr:focus:ring-slate-300 volr:disabled:bg-slate-100 volr:disabled:text-slate-400"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: setMaxAmount,
+            disabled: isWrongNetwork || balance === null,
+            className: "volr:absolute volr:right-3 volr:top-1/2 volr:-translate-y-1/2 volr:px-2 volr:py-1 volr:text-xs volr:font-semibold volr:text-slate-600 volr:bg-slate-100 volr:rounded volr:hover:bg-slate-200 volr:disabled:opacity-50",
+            children: t("deposit.walletTransfer.max")
+          }
+        )
+      ] })
+    ] }),
+    error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:mb-4 volr:p-3 volr:bg-red-50 volr:border volr:border-red-200 volr:rounded-lg", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr:text-red-600", children: error }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Button,
+      {
+        onClick: executeTransfer,
+        disabled: isTransferring || !amount || isWrongNetwork,
+        className: "volr:w-full",
+        children: isTransferring ? t("deposit.walletTransfer.transferring") : t("deposit.walletTransfer.transfer")
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:mt-3", children: /* @__PURE__ */ jsxRuntime.jsx(
+      Button,
+      {
+        variant: "ghost",
+        onClick: () => setViewState("select-wallet"),
+        className: "volr:w-full",
+        children: t("common.back")
+      }
+    ) })
   ] });
 }
-var TextLinkButton = React12__default.default.forwardRef(({ showArrow = false, className, children, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "button",
-    {
-      ref,
-      type: "button",
-      className: cn(
-        "volr:underline volr:transition-colors volr-text-secondary",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        showArrow && " \u2192"
-      ]
-    }
-  );
-});
-TextLinkButton.displayName = "TextLinkButton";
-var OtherTokenModal = ({
-  open,
-  onOpenChange
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(Modal, { open, onOpenChange, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ModalHeader, { onClose: () => onOpenChange(false) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:text-center", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-lg volr:font-semibold volr:mb-2", children: "Coming Soon" }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr-text-secondary", children: "Swap and bridge recommendations will be available here soon." })
-    ] })
-  ] });
-};
 var DepositQRStatusOverlay = ({
   status
 }) => {
@@ -3035,7 +4412,7 @@ var DepositCompletedToast = ({
   symbol
 }) => {
   const { t } = useI18n();
-  const [expanded, setExpanded] = React12.useState(false);
+  const [expanded, setExpanded] = React13.useState(false);
   const formatAmount = (amount) => {
     const divisor = BigInt(10 ** decimals);
     const whole = amount / divisor;
@@ -3045,112 +4422,129 @@ var DepositCompletedToast = ({
     return trimmedFraction ? `${whole}.${trimmedFraction}` : `${whole}`;
   };
   const formattedDelta = formatAmount(delta);
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: cn(
-        // Position: fixed to modal edges with negative margin to escape parent padding
-        "volr:absolute volr:bottom-0 volr:z-50",
-        "volr:-left-4 volr:-right-4",
-        // Appearance: background with clear separation
-        "volr:rounded-t-2xl volr-surface",
-        // Border: top border for clear visual separation
-        "volr:border-t-2 volr-border-strong",
-        // Shadow: strong upward shadow for depth
-        "volr:shadow-[0_-8px_30px_rgba(0,0,0,0.2)]",
-        // Animation
-        "volr:transition-all volr:duration-300 volr:ease-out",
-        expanded ? "volr:max-h-96" : "volr:max-h-36"
-      ),
-      style: {
-        animation: "volrSlideUp 0.3s ease-out"
-      },
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:flex volr:justify-center volr:pt-3 volr:pb-2", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:w-10 volr:h-1 volr:rounded-full volr-bg-tertiary" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:px-4 volr:pb-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex volr:items-start volr:gap-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:shrink-0 volr:w-10 volr:h-10 volr:rounded-full volr:bg-linear-to-br volr:from-emerald-500 volr:to-teal-500 volr:flex volr:items-center volr:justify-center volr:shadow-md", children: /* @__PURE__ */ jsxRuntime.jsx(
-            "svg",
-            {
-              width: "20",
-              height: "20",
-              viewBox: "0 0 24 24",
-              fill: "none",
-              stroke: "white",
-              strokeWidth: "2.5",
-              strokeLinecap: "round",
-              strokeLinejoin: "round",
-              children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "20 6 9 17 4 12" })
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex-1 volr:min-w-0", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex volr:items-start volr:justify-between volr:gap-2 volr:mb-1", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr:font-semibold", children: t("deposit.completed") }),
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "volr:absolute volr:inset-0 volr:bg-black/40 volr:z-40",
+        onClick: onClose,
+        style: { animation: "volrFadeIn 0.2s ease-out" }
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: cn(
+          // Position: centered at bottom with margin
+          "volr:absolute volr:bottom-3 volr:left-3 volr:right-3 volr:z-50",
+          // Appearance: floating card
+          "volr:bg-white volr:rounded-2xl",
+          // Border: full border for clear card definition
+          "volr:border volr:border-slate-200",
+          // Shadow: strong shadow for floating effect
+          "volr:shadow-2xl",
+          // Animation
+          "volr:transition-all volr:duration-300 volr:ease-out"
+        ),
+        style: {
+          animation: "volrSlideUp 0.3s ease-out"
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:h-1 volr:bg-gradient-to-r volr:from-emerald-400 volr:to-teal-500 volr:rounded-t-2xl" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:p-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex volr:items-start volr:gap-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:shrink-0 volr:w-10 volr:h-10 volr:rounded-full volr:bg-gradient-to-br volr:from-emerald-500 volr:to-teal-500 volr:flex volr:items-center volr:justify-center volr:shadow-md", children: /* @__PURE__ */ jsxRuntime.jsx(
+              "svg",
+              {
+                width: "20",
+                height: "20",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "white",
+                strokeWidth: "2.5",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "20 6 9 17 4 12" })
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex-1 volr:min-w-0", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex volr:items-start volr:justify-between volr:gap-2 volr:mb-1", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr:font-semibold volr:text-slate-900", children: t("deposit.completed") }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    onClick: onClose,
+                    className: "volr:shrink-0 volr:w-6 volr:h-6 volr:flex volr:items-center volr:justify-center volr:rounded-full volr:transition-colors volr:bg-slate-100 volr:text-slate-500 volr:hover:bg-slate-200",
+                    "aria-label": "Close",
+                    children: /* @__PURE__ */ jsxRuntime.jsxs(
+                      "svg",
+                      {
+                        width: "14",
+                        height: "14",
+                        viewBox: "0 0 24 24",
+                        fill: "none",
+                        stroke: "currentColor",
+                        strokeWidth: "2.5",
+                        children: [
+                          /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+                          /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+                        ]
+                      }
+                    )
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr:font-medium volr:text-slate-700 volr:mb-3", children: t("deposit.completedAmount", { amount: formattedDelta, symbol }) }),
+              expanded && /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  className: "volr:space-y-2 volr:mb-3 volr:p-3 volr:rounded-lg volr:bg-slate-50 volr:border volr:border-slate-200",
+                  style: { animation: "volrFadeIn 0.2s ease-out" },
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex volr:justify-between volr:text-xs", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "volr:text-slate-500", children: t("deposit.amount") }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "volr:font-mono volr:text-emerald-600 volr:font-semibold", children: [
+                        "+",
+                        formattedDelta,
+                        " ",
+                        symbol
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex volr:justify-between volr:text-xs", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "volr:text-slate-500", children: t("deposit.previousBalance") }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "volr:font-mono volr:text-slate-500", children: [
+                        formatAmount(previousBalance),
+                        " ",
+                        symbol
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex volr:justify-between volr:text-xs volr:pt-2 volr:border-t volr:border-slate-200", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "volr:text-slate-500", children: t("deposit.newBalance") }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "volr:font-mono volr:font-semibold volr:text-slate-900", children: [
+                        formatAmount(newBalance),
+                        " ",
+                        symbol
+                      ] })
+                    ] })
+                  ]
+                }
+              ),
               /* @__PURE__ */ jsxRuntime.jsx(
                 "button",
                 {
-                  onClick: onClose,
-                  className: "volr:shrink-0 volr:w-6 volr:h-6 volr:flex volr:items-center volr:justify-center volr:rounded-full volr:transition-colors volr-bg-secondary volr-text-secondary volr-hover",
-                  "aria-label": "Close",
-                  children: /* @__PURE__ */ jsxRuntime.jsxs(
-                    "svg",
-                    {
-                      width: "14",
-                      height: "14",
-                      viewBox: "0 0 24 24",
-                      fill: "none",
-                      stroke: "currentColor",
-                      strokeWidth: "2.5",
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-                        /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
-                      ]
-                    }
-                  )
+                  onClick: () => setExpanded(!expanded),
+                  className: "volr:w-full volr:py-2.5 volr:text-xs volr:font-medium volr:rounded-lg volr:transition-colors volr:bg-slate-100 volr:text-slate-600 volr:border volr:border-slate-200 volr:hover:bg-slate-200",
+                  children: expanded ? t("deposit.seeLess") : t("deposit.seeMore")
                 }
               )
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr:font-medium volr:mb-3", children: t("deposit.completedAmount", { amount: formattedDelta, symbol }) }),
-            expanded && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:space-y-2 volr:mb-3 volr:p-3 volr:rounded-lg volr:border volr:animate-[volrFadeIn_0.2s_ease-out] volr-bg-secondary volr-border", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex volr:justify-between volr:text-xs", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "volr-text-secondary", children: t("deposit.amount") }),
-                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "volr:font-mono volr:text-emerald-600 volr:font-semibold", children: [
-                  "+",
-                  formattedDelta,
-                  " ",
-                  symbol
-                ] })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex volr:justify-between volr:text-xs", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "volr-text-secondary", children: t("deposit.previousBalance") }),
-                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "volr:font-mono volr-text-secondary", children: [
-                  formatAmount(previousBalance),
-                  " ",
-                  symbol
-                ] })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex volr:justify-between volr:text-xs volr:pt-2 volr:border-t volr-border", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "volr-text-secondary", children: t("deposit.newBalance") }),
-                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "volr:font-mono volr:font-semibold", children: [
-                  formatAmount(newBalance),
-                  " ",
-                  symbol
-                ] })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                onClick: () => setExpanded(!expanded),
-                className: "volr:w-full volr:py-2.5 volr:text-xs volr:font-medium volr:rounded-lg volr:transition-colors volr:border volr-bg-secondary volr-text-secondary volr-border volr-hover",
-                children: expanded ? t("deposit.seeLess") : t("deposit.seeMore")
-              }
-            )
-          ] })
-        ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("style", { children: `
+            ] })
+          ] }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("style", { children: `
         @keyframes volrSlideUp {
           from {
-            transform: translateY(100%);
+            transform: translateY(20px);
             opacity: 0;
           }
           to {
@@ -3167,9 +4561,7 @@ var DepositCompletedToast = ({
           }
         }
       ` })
-      ]
-    }
-  );
+  ] });
 };
 var DepositSkeleton = () => {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:animate-pulse", children: [
@@ -3190,10 +4582,11 @@ function DepositQRView(props) {
   const { t } = useI18n();
   const { config } = react.useVolrContext();
   const { client } = react.useInternalAuth();
-  const [chainName, setChainName] = React12.useState(null);
-  const [showOtherTokenModal, setShowOtherTokenModal] = React12.useState(false);
-  const [showToast, setShowToast] = React12.useState(false);
-  const [toastData, setToastData] = React12.useState(null);
+  const [chainName, setChainName] = React13.useState(null);
+  const [showOtherTokenModal, setShowOtherTokenModal] = React13.useState(false);
+  const [showToast, setShowToast] = React13.useState(false);
+  const [toastData, setToastData] = React13.useState(null);
+  const [viewMode, setViewMode] = React13.useState("qr");
   const eip681 = `ethereum:${props.address}`;
   const status = react.useDepositListener({
     chainId: props.chainId,
@@ -3206,7 +4599,7 @@ function DepositQRView(props) {
     },
     address: props.address
   });
-  React12.useEffect(() => {
+  React13.useEffect(() => {
     if (status.state === "detected") {
       setToastData({
         previousBalance: status.previousBalance,
@@ -3216,11 +4609,11 @@ function DepositQRView(props) {
       setShowToast(true);
     }
   }, [status]);
-  const getNetworkInfo = React12.useCallback(
+  const getNetworkInfo = React13.useCallback(
     react.createGetNetworkInfo({ client, rpcOverrides: config.rpcOverrides }),
     [client, config.rpcOverrides]
   );
-  React12.useEffect(() => {
+  React13.useEffect(() => {
     let cancelled = false;
     const loadChainName = async () => {
       try {
@@ -3242,6 +4635,36 @@ function DepositQRView(props) {
   const tokenSymbol = props.asset === "native" ? "ETH" : props.asset.symbol;
   const displayChainName = chainName || `Chain ${props.chainId}`;
   const decimals = props.asset === "native" ? 18 : props.asset.decimals;
+  if (viewMode === "wallet-transfer") {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:relative", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        WalletTransferView,
+        {
+          chainId: props.chainId,
+          asset: props.asset,
+          destinationAddress: props.address,
+          onBack: () => setViewMode("qr"),
+          onSuccess: () => {
+            setViewMode("qr");
+          }
+        }
+      ),
+      showToast && toastData && /* @__PURE__ */ jsxRuntime.jsx(
+        DepositCompletedToast,
+        {
+          onClose: () => {
+            setShowToast(false);
+            setToastData(null);
+          },
+          previousBalance: toastData.previousBalance,
+          newBalance: toastData.newBalance,
+          delta: toastData.delta,
+          decimals,
+          symbol: tokenSymbol
+        }
+      )
+    ] });
+  }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:relative", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:mb-4", children: [
       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-xl volr:font-semibold volr:mb-2", children: t("deposit.qrTitle") }),
@@ -3287,7 +4710,33 @@ function DepositQRView(props) {
       ] }) }) }),
       status.state === "error" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:text-xs volr:text-center volr:mb-4 volr-error", children: status.message })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:text-center volr:pt-3 volr:border-t volr-border", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "volr:text-xs volr-text-secondary", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:mt-4", children: /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => setViewMode("wallet-transfer"),
+        className: "volr:w-full volr:flex volr:items-center volr:justify-center volr:gap-2 volr:py-3 volr:px-4 volr:border volr:border-slate-200 volr:rounded-xl volr:text-sm volr:font-medium volr:text-slate-700 volr:bg-white volr:hover:bg-slate-50 volr:transition-colors",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "svg",
+            {
+              className: "volr:w-5 volr:h-5",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "1.5",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "2", y: "6", width: "20", height: "14", rx: "2" }),
+                /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M17 12.5C17 13.3284 16.3284 14 15.5 14C14.6716 14 14 13.3284 14 12.5C14 11.6716 14.6716 11 15.5 11C16.3284 11 17 11.6716 17 12.5Z", fill: "currentColor" }),
+                /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 6V5C6 3.89543 6.89543 3 8 3H16C17.1046 3 18 3.89543 18 5V6" })
+              ]
+            }
+          ),
+          t("deposit.useWallet")
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:text-center volr:pt-3 volr:mt-3 volr:border-t volr-border", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "volr:text-xs volr-text-secondary", children: [
       t("deposit.noToken"),
       " ",
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -3334,19 +4783,40 @@ function DepositModalBody({
   if (error) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:relative", children: [
       /* @__PURE__ */ jsxRuntime.jsx(DepositSkeleton, {}),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:absolute volr:inset-0 volr:flex volr:items-center volr:justify-center volr-surface", style: { opacity: 0.9 }, children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr:text-center volr:px-4 volr-error", children: error }) })
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "volr:absolute volr:inset-0 volr:flex volr:items-center volr:justify-center volr-surface",
+          style: { opacity: 0.9 },
+          children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr:text-center volr:px-4 volr-error", children: error })
+        }
+      )
     ] });
   }
   if (depositAssets.length === 0) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:relative", children: [
       /* @__PURE__ */ jsxRuntime.jsx(DepositSkeleton, {}),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:absolute volr:inset-0 volr:flex volr:items-center volr:justify-center volr-surface", style: { opacity: 0.9 }, children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr:text-center volr:px-4 volr-text-secondary", children: "No payment token configured. Please contact the app developer." }) })
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "volr:absolute volr:inset-0 volr:flex volr:items-center volr:justify-center volr-surface",
+          style: { opacity: 0.9 },
+          children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr:text-center volr:px-4 volr-text-secondary", children: "No payment token configured. Please contact the app developer." })
+        }
+      )
     ] });
   }
   if (!evmAddress) {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:relative", children: [
       /* @__PURE__ */ jsxRuntime.jsx(DepositSkeleton, {}),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:absolute volr:inset-0 volr:flex volr:items-center volr:justify-center volr-surface", style: { opacity: 0.9 }, children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr:text-center volr:px-4 volr-text-secondary", children: "Wallet address is not ready. Please finish wallet setup first." }) })
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "volr:absolute volr:inset-0 volr:flex volr:items-center volr:justify-center volr-surface",
+          style: { opacity: 0.9 },
+          children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr:text-center volr:px-4 volr-text-secondary", children: "Wallet address is not ready. Please finish wallet setup first." })
+        }
+      )
     ] });
   }
   if (depositAssets.length === 1) {
@@ -3387,11 +4857,11 @@ var DepositModal = ({
 }) => {
   const { user } = react.useVolrContext();
   const { client } = react.useInternalAuth();
-  const [depositAssets, setDepositAssets] = React12.useState([]);
-  const [isLoading, setIsLoading] = React12.useState(true);
-  const [error, setError] = React12.useState(null);
-  const [selectedIdx, setSelectedIdx] = React12.useState(-1);
-  React12.useEffect(() => {
+  const [depositAssets, setDepositAssets] = React13.useState([]);
+  const [isLoading, setIsLoading] = React13.useState(true);
+  const [error, setError] = React13.useState(null);
+  const [selectedIdx, setSelectedIdx] = React13.useState(-1);
+  React13.useEffect(() => {
     if (!open) return;
     setIsLoading(true);
     setError(null);
@@ -3418,12 +4888,12 @@ var DepositModal = ({
     if (depositAssets.length === 1) return 0;
     return -1;
   };
-  React12.useEffect(() => {
+  React13.useEffect(() => {
     if (open && !isLoading && depositAssets.length > 0) {
       setSelectedIdx(getInitialIndex());
     }
   }, [open, isLoading, depositAssets.length, asset]);
-  React12.useEffect(() => {
+  React13.useEffect(() => {
     if (!open) {
       setSelectedIdx(-1);
     }
@@ -3452,11 +4922,6 @@ var DepositModal = ({
     )
   ] });
 };
-
-// ../node_modules/viem/_esm/index.js
-init_abis();
-
-// src/hooks/usePaymentModalState.ts
 var initialState = {
   step: "info",
   processingStep: "signing",
@@ -3571,7 +5036,7 @@ function usePaymentModalState(open, onOpenChange) {
   const { evm } = react.useVolr();
   const { paymentOptions } = useVolrModal();
   const { createPayment, updatePaymentToProcessing, pollPaymentStatus, failPendingPayment } = react.useVolrPaymentApi();
-  const [state, dispatch] = React12.useReducer(paymentModalReducer, initialState);
+  const [state, dispatch] = React13.useReducer(paymentModalReducer, initialState);
   const tokensWithBalances = state.tokens.map((token) => {
     const balanceData = state.tokenBalances.get(token.id);
     return {
@@ -3583,7 +5048,7 @@ function usePaymentModalState(open, onOpenChange) {
   });
   const selectedToken = state.selectedTokenId ? tokensWithBalances.find((t) => t.id === state.selectedTokenId) ?? null : null;
   const isBalanceLoading = tokensWithBalances.some((t) => t.isBalanceLoading);
-  const fetchTokenBalance = React12.useCallback(
+  const fetchTokenBalance = React13.useCallback(
     async (token) => {
       if (!user?.evmAddress) {
         dispatch({
@@ -3631,20 +5096,20 @@ function usePaymentModalState(open, onOpenChange) {
     },
     [user, evm]
   );
-  const fetchAllBalances = React12.useCallback(
+  const fetchAllBalances = React13.useCallback(
     async (tokens) => {
       await Promise.all(tokens.map((token) => fetchTokenBalance(token)));
     },
     [fetchTokenBalance]
   );
-  const fetchBranding = React12.useCallback(async () => {
+  const fetchBranding = React13.useCallback(async () => {
     try {
       const response = await client.get("/auth/branding");
       dispatch({ type: "SET_LOGO_URL", logoUrl: response.logoUrl });
     } catch {
     }
   }, [client]);
-  const fetchPaymentConfig = React12.useCallback(async () => {
+  const fetchPaymentConfig = React13.useCallback(async () => {
     dispatch({ type: "SET_CONFIG_LOADING", loading: true });
     try {
       const response = await client.get("/payments/config");
@@ -3661,7 +5126,7 @@ function usePaymentModalState(open, onOpenChange) {
       dispatch({ type: "SET_CONFIG_LOADING", loading: false });
     }
   }, [client, fetchAllBalances]);
-  const selectBestToken = React12.useCallback(() => {
+  const selectBestToken = React13.useCallback(() => {
     if (state.tokens.length === 0) return;
     if (state.selectedTokenId) return;
     let bestTokenId = state.tokens[0].id;
@@ -3675,7 +5140,7 @@ function usePaymentModalState(open, onOpenChange) {
     }
     dispatch({ type: "SELECT_TOKEN", tokenId: bestTokenId });
   }, [state.tokens, state.tokenBalances, state.selectedTokenId]);
-  React12.useEffect(() => {
+  React13.useEffect(() => {
     if (open && paymentOptions?.options) {
       if (state.step === "processing" || state.step === "result") {
         return;
@@ -3687,15 +5152,15 @@ function usePaymentModalState(open, onOpenChange) {
       dispatch({ type: "RESET" });
     }
   }, [open, paymentOptions?.options?.amount]);
-  React12.useEffect(() => {
+  React13.useEffect(() => {
     if (!isBalanceLoading && state.tokens.length > 0 && !state.selectedTokenId) {
       selectBestToken();
     }
   }, [isBalanceLoading, state.tokens.length, state.selectedTokenId, selectBestToken]);
-  const handleSelectToken = React12.useCallback((tokenId) => {
+  const handleSelectToken = React13.useCallback((tokenId) => {
     dispatch({ type: "SELECT_TOKEN", tokenId });
   }, []);
-  const handlePay = React12.useCallback(async () => {
+  const handlePay = React13.useCallback(async () => {
     const { payOptions, receiverAddress, selectedTokenId } = state;
     if (!payOptions || !user?.evmAddress || !paymentOptions || !receiverAddress || !selectedTokenId) {
       return;
@@ -3782,10 +5247,10 @@ function usePaymentModalState(open, onOpenChange) {
     pollPaymentStatus,
     failPendingPayment
   ]);
-  const handleDeposit = React12.useCallback(() => {
+  const handleDeposit = React13.useCallback(() => {
     dispatch({ type: "SHOW_DEPOSIT" });
   }, []);
-  const handleDepositClose = React12.useCallback(
+  const handleDepositClose = React13.useCallback(
     (depositOpen) => {
       if (!depositOpen) {
         dispatch({ type: "HIDE_DEPOSIT" });
@@ -3796,19 +5261,19 @@ function usePaymentModalState(open, onOpenChange) {
     },
     [state.tokens, fetchAllBalances]
   );
-  const handleDone = React12.useCallback(() => {
+  const handleDone = React13.useCallback(() => {
     if (state.createdPayment?.status === "CONFIRMED") {
       paymentOptions?.onComplete?.(state.createdPayment);
     }
     onOpenChange(false);
   }, [state.createdPayment, paymentOptions, onOpenChange]);
-  const handleRetry = React12.useCallback(() => {
+  const handleRetry = React13.useCallback(() => {
     dispatch({ type: "RETRY" });
     if (state.tokens.length > 0) {
       fetchAllBalances(state.tokens);
     }
   }, [state.tokens, fetchAllBalances]);
-  const handleClose = React12.useCallback(() => {
+  const handleClose = React13.useCallback(() => {
     if (state.step === "processing") {
       return;
     }
@@ -3817,7 +5282,7 @@ function usePaymentModalState(open, onOpenChange) {
     }
     onOpenChange(false);
   }, [state.step, paymentOptions, onOpenChange]);
-  const handleReport = React12.useCallback(async () => {
+  const handleReport = React13.useCallback(async () => {
     const { createdPayment, error, step, txHash, selectedTokenId } = state;
     const tokenInfo = state.tokens.find((t) => t.id === selectedTokenId);
     if (!createdPayment || !error) return;
@@ -3972,10 +5437,10 @@ var TokenSelector = ({
   onSelect,
   disabled = false
 }) => {
-  const [isOpen, setIsOpen] = React12.useState(false);
-  const dropdownRef = React12.useRef(null);
+  const [isOpen, setIsOpen] = React13.useState(false);
+  const dropdownRef = React13.useRef(null);
   const selectedToken = tokens.find((t) => t.id === selectedTokenId);
-  React12.useEffect(() => {
+  React13.useEffect(() => {
     const handleClickOutside = (event) => {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
         setIsOpen(false);
@@ -4481,19 +5946,19 @@ var PaymentModal = ({
     )
   ] });
 };
-var SignRequestContext = React12.createContext(null);
+var SignRequestContext = React13.createContext(null);
 function SignRequestProvider({ children }) {
-  const [pendingRequest, setPendingRequest] = React12.useState(null);
-  const resolveRef = React12.useRef(null);
-  const rejectRef = React12.useRef(null);
-  const requestSign = React12.useCallback((request) => {
+  const [pendingRequest, setPendingRequest] = React13.useState(null);
+  const resolveRef = React13.useRef(null);
+  const rejectRef = React13.useRef(null);
+  const requestSign = React13.useCallback((request) => {
     return new Promise((resolve, reject2) => {
       setPendingRequest(request);
       resolveRef.current = resolve;
       rejectRef.current = reject2;
     });
   }, []);
-  const approve = React12.useCallback(() => {
+  const approve = React13.useCallback(() => {
     if (resolveRef.current) {
       resolveRef.current();
       resolveRef.current = null;
@@ -4501,7 +5966,7 @@ function SignRequestProvider({ children }) {
     }
     setPendingRequest(null);
   }, []);
-  const reject = React12.useCallback(() => {
+  const reject = React13.useCallback(() => {
     if (rejectRef.current) {
       rejectRef.current(new Error("Sign request cancelled by user"));
       resolveRef.current = null;
@@ -4523,7 +5988,7 @@ function SignRequestProvider({ children }) {
   );
 }
 function useSignRequest() {
-  const context = React12.useContext(SignRequestContext);
+  const context = React13.useContext(SignRequestContext);
   if (!context) {
     throw new Error("useSignRequest must be used within SignRequestProvider");
   }
@@ -4532,7 +5997,7 @@ function useSignRequest() {
   };
 }
 function useSignRequestInternal() {
-  const context = React12.useContext(SignRequestContext);
+  const context = React13.useContext(SignRequestContext);
   if (!context) {
     throw new Error("useSignRequestInternal must be used within SignRequestProvider");
   }
@@ -4567,7 +6032,7 @@ function MessageSignView({ message }) {
   ] });
 }
 function TypedDataSignView({ typedData }) {
-  const [showRawData, setShowRawData] = React12.useState(false);
+  const [showRawData, setShowRawData] = React13.useState(false);
   const { domain, message } = typedData;
   const appName = domain.name;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:space-y-4", children: [
@@ -4713,16 +6178,16 @@ function SignRequestModal({ open, onOpenChange }) {
     }
   );
 }
-var VolrUIContext = React12__default.default.createContext(null);
+var VolrUIContext = React13__default.default.createContext(null);
 var useVolrUI = () => {
-  const context = React12.useContext(VolrUIContext);
+  const context = React13.useContext(VolrUIContext);
   if (!context) {
     throw new Error("useVolrUI must be used within VolrUIProvider");
   }
   return context;
 };
 var useVolrUIOptional = () => {
-  return React12.useContext(VolrUIContext);
+  return React13.useContext(VolrUIContext);
 };
 function OnboardingFlow({
   keyStorageType,
@@ -4778,10 +6243,10 @@ var VolrUIProvider = ({
   const providerPolicy = config.providerPolicy ?? {
     enforceOnFirstLogin: true
   };
-  const [keyStorageTypeError, setKeyStorageTypeError] = React12.useState(
+  const [keyStorageTypeError, setKeyStorageTypeError] = React13.useState(
     null
   );
-  React12.useEffect(() => {
+  React13.useEffect(() => {
     if (providerPolicy.enforceOnFirstLogin !== false && !keyStorageType) {
       const errorMessage = "keyStorageType must be specified in VolrUIProvider props. Please set keyStorageType prop in VolrUIProvider.";
       console.error(errorMessage);
@@ -4825,7 +6290,7 @@ function VolrUIProviderInner({
   providerPolicy,
   children
 }) {
-  const [showOnboarding, setShowOnboarding] = React12.useState(false);
+  const [showOnboarding, setShowOnboarding] = React13.useState(false);
   const { requestSign } = useSignRequest();
   const configWithSignRequest = {
     ...config,
@@ -4888,9 +6353,9 @@ function VolrUIProviderInner({
 }
 function AccountModalPortal() {
   const { isOpen, mode, close } = useVolrModal();
-  const [portalRoot, setPortalRoot] = React12.useState(null);
-  const [error, setError] = React12.useState(null);
-  React12.useEffect(() => {
+  const [portalRoot, setPortalRoot] = React13.useState(null);
+  const [error, setError] = React13.useState(null);
+  React13.useEffect(() => {
     if (typeof window === "undefined") return;
     let root = document.getElementById("volr-modal-root");
     if (!root) {
@@ -4949,9 +6414,9 @@ function AccountModalPortal() {
 function DepositModalPortal() {
   const { isOpen, mode, asset, close } = useVolrModal();
   const { user } = react.useVolrContext();
-  const [portalRoot, setPortalRoot] = React12.useState(null);
-  const [showLogin, setShowLogin] = React12.useState(false);
-  React12.useEffect(() => {
+  const [portalRoot, setPortalRoot] = React13.useState(null);
+  const [showLogin, setShowLogin] = React13.useState(false);
+  React13.useEffect(() => {
     if (typeof window === "undefined") return;
     let root = document.getElementById("volr-modal-root");
     if (!root) {
@@ -4966,7 +6431,7 @@ function DepositModalPortal() {
       }
     };
   }, []);
-  React12.useEffect(() => {
+  React13.useEffect(() => {
     if (isOpen && mode === "deposit" && !user) {
       setShowLogin(true);
     } else {
@@ -5000,8 +6465,8 @@ function DepositModalPortal() {
 }
 function PaymentModalPortal() {
   const { isOpen, mode, close } = useVolrModal();
-  const [portalRoot, setPortalRoot] = React12.useState(null);
-  React12.useEffect(() => {
+  const [portalRoot, setPortalRoot] = React13.useState(null);
+  React13.useEffect(() => {
     if (typeof window === "undefined") return;
     let root = document.getElementById("volr-modal-root");
     if (!root) {
@@ -5030,8 +6495,8 @@ function PaymentModalPortal() {
 }
 function SignRequestModalPortal() {
   const { pendingRequest } = useSignRequestInternal();
-  const [portalRoot, setPortalRoot] = React12.useState(null);
-  React12.useEffect(() => {
+  const [portalRoot, setPortalRoot] = React13.useState(null);
+  React13.useEffect(() => {
     if (typeof window === "undefined") return;
     let root = document.getElementById("volr-modal-root");
     if (!root) {
@@ -5062,8 +6527,8 @@ function SignRequestModalPortal() {
 function OAuthCallbackHandler({
   onShowOnboarding
 }) {
-  const [hasCode, setHasCode] = React12.useState(false);
-  React12.useEffect(() => {
+  const [hasCode, setHasCode] = React13.useState(false);
+  React13.useEffect(() => {
     if (typeof window === "undefined") return;
     const params = new URLSearchParams(window.location.search);
     const code = params.get("code");
@@ -5106,13 +6571,13 @@ function OnboardingChecker({
 }) {
   const { user, provider, isLoading } = react.useVolrContext();
   const { isOpen: isModalOpen } = useVolrModal();
-  const modalWasOpened = React12__default.default.useRef(false);
-  React12.useEffect(() => {
+  const modalWasOpened = React13__default.default.useRef(false);
+  React13.useEffect(() => {
     if (isModalOpen) {
       modalWasOpened.current = true;
     }
   }, [isModalOpen]);
-  React12.useEffect(() => {
+  React13.useEffect(() => {
     if (isLoading) {
       return;
     }
@@ -5155,7 +6620,7 @@ function OnboardingChecker({
 }
 function useSwitchNetwork() {
   const { client } = react.useInternalAuth();
-  return React12.useCallback(
+  return React13.useCallback(
     async (chainId) => {
       if (typeof window === "undefined" || !window.ethereum) {
         throw new Error("No wallet found");
@@ -5219,8 +6684,8 @@ var paymentPromiseResolver = null;
 function useVolrPay() {
   const { open: openModal, close: closeModal } = useVolrModal();
   const { checkPayment, getPaymentHistory } = react.useVolrPaymentApi();
-  const isInProgressRef = React12.useRef(false);
-  const pay = React12.useCallback(
+  const isInProgressRef = React13.useRef(false);
+  const pay = React13.useCallback(
     (options) => {
       isInProgressRef.current = true;
       const waitPromise = new Promise((resolve, reject) => {