@volr/react-ui 0.1.71 → 0.1.73

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.cjs +273 -191
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +25 -2
  4. package/dist/index.d.ts +25 -2
  5. package/dist/index.js +274 -193
  6. package/dist/index.js.map +1 -1
  7. package/package.json +3 -3
package/dist/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import React10, { createContext, useContext, useState, useMemo, useEffect, useCallback, useRef, useId } from 'react';
2
2
  import { createPortal } from 'react-dom';
3
- import { useVolrContext, useInternalAuth, usePasskeyEnrollment, useMpcConnection, VolrProvider, useVolrLogin, useDepositListener, createGetNetworkInfo } from '@volr/react';
3
+ import { useVolrContext, useInternalAuth, usePasskeyEnrollment, useMpcConnection, VolrProvider, useVolrAuthCallback, useVolrLogin, useDepositListener, createGetNetworkInfo } from '@volr/react';
4
4
  export { VolrProvider, useDepositListener, usePasskeyEnrollment, useVolr, useVolrLogin } from '@volr/react';
5
5
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
6
6
  import { clsx } from 'clsx';
@@ -336,9 +336,32 @@ function useMediaQuery(query) {
336
336
  }
337
337
 
338
338
  // src/generated/volr-sdk-css.ts
339
- 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-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-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-rose-50:oklch(96.9% .015 12.422);--volr-color-rose-200:oklch(89.2% .058 10.001);--volr-color-rose-700:oklch(51.4% .222 16.935);--volr-color-rose-800:oklch(45.5% .188 13.697);--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-leading-relaxed:1.625;--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-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)}*,:before,:after{box-sizing:border-box}*{font-family:var(--volr-font-family)}button,input,select,textarea{color:inherit;background-color:#0000}button{cursor:pointer;background-color:#0000}input::placeholder{color:#94a3b8}h1,h2,h3{color:#0f172a;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);border-width:1px;border-color:var(--volr-color-slate-300);background-color:var(--volr-color-white);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);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-color-slate-400);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{color:#475569;background-color:#f1f5f9}.volr-dialog-close:focus-visible{outline:none;box-shadow:0 0 0 2px #94a3b8b3}.volr-dialog-close-icon{height:calc(var(--volr-spacing)*4);width:calc(var(--volr-spacing)*4)}.volr-email-input{width:100%;color:inherit;background-color:#fff;border:1px solid #cbd5e1;border-radius:.5rem;outline:none;padding:.75rem .75rem .75rem 2.75rem;font-size:1rem;line-height:1.5}.volr-email-input::placeholder{color:#94a3b8}.volr-email-input:focus{border-color:#cbd5e1;box-shadow:0 0 0 2px #94a3b8b3}.volr-option-button{cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;align-items:center;gap:.75rem;width:100%;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:#f8fafc;border-color:#e2e8f0}.volr-option-button:focus-visible{outline:none;box-shadow:0 0 0 2px #94a3b8b3}}@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\\:my-8{margin-block:calc(var(--volr-spacing)*8)}.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\\: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-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-14{height:calc(var(--volr-spacing)*14)}.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-\\[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-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\\:w-1\\.5{width:calc(var(--volr-spacing)*1.5)}.volr\\:w-2{width:calc(var(--volr-spacing)*2)}.volr\\:w-6{width:calc(var(--volr-spacing)*6)}.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-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-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{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\\:animate-\\[volrFadeIn_0\\.2s_ease-out\\]{animation:.2s ease-out volrFadeIn}.volr\\:animate-pulse{animation:var(--volr-animate-pulse)}.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-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)))}.volr\\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.volr\\:overflow-hidden{overflow:hidden}.volr\\:overflow-visible{overflow:visible}.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-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-red-200{border-color:var(--volr-color-red-200)}.volr\\:border-rose-200{border-color:var(--volr-color-rose-200)}.volr\\:border-slate-100{border-color:var(--volr-color-slate-100)}.volr\\:border-slate-200,.volr\\:border-slate-200\\/50{border-color:var(--volr-color-slate-200)}@supports (color:color-mix(in lab, red, red)){.volr\\:border-slate-200\\/50{border-color:color-mix(in oklab,var(--volr-color-slate-200)50%,transparent)}}.volr\\:border-slate-300{border-color:var(--volr-color-slate-300)}.volr\\:border-white{border-color:var(--volr-color-white)}.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-red-50{background-color:var(--volr-color-red-50)}.volr\\:bg-rose-50{background-color:var(--volr-color-rose-50)}.volr\\:bg-slate-50,.volr\\:bg-slate-50\\/50{background-color:var(--volr-color-slate-50)}@supports (color:color-mix(in lab, red, red)){.volr\\:bg-slate-50\\/50{background-color:color-mix(in oklab,var(--volr-color-slate-50)50%,transparent)}}.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-300{background-color:var(--volr-color-slate-300)}.volr\\:bg-slate-500{background-color:var(--volr-color-slate-500)}.volr\\:bg-slate-700{background-color:var(--volr-color-slate-700)}.volr\\:bg-teal-400{background-color:var(--volr-color-teal-400)}.volr\\:bg-white,.volr\\:bg-white\\/90{background-color:var(--volr-color-white)}@supports (color:color-mix(in lab, red, red)){.volr\\:bg-white\\/90{background-color:color-mix(in oklab,var(--volr-color-white)90%,transparent)}}.volr\\:bg-gradient-to-br{--volr-tw-gradient-position:to bottom 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\\: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\\:fill-slate-500{fill:var(--volr-color-slate-500)}.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-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\\.5{padding-block:calc(var(--volr-spacing)*2.5)}.volr\\:py-3{padding-block:calc(var(--volr-spacing)*3)}.volr\\:py-6{padding-block:calc(var(--volr-spacing)*6)}.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\\:pb-2{padding-bottom:calc(var(--volr-spacing)*2)}.volr\\:pb-4{padding-bottom:calc(var(--volr-spacing)*4)}.volr\\:text-center{text-align:center}.volr\\:text-left{text-align:left}.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\\: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-rose-700{color:var(--volr-color-rose-700)}.volr\\:text-rose-800{color:var(--volr-color-rose-800)}.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\\:underline{text-decoration-line:underline}.volr\\:opacity-0{opacity:0}.volr\\:opacity-30{opacity:.3}.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\\: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-200:hover{border-color:var(--volr-color-slate-200)}.volr\\:hover\\:bg-slate-50:hover{background-color:var(--volr-color-slate-50)}}.volr\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.volr\\:disabled\\:bg-slate-50:disabled{background-color:var(--volr-color-slate-50)}.volr-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}}@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-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 pulse{50%{opacity:.5}}';
340
- function ShadowPortal({ children }) {
339
+ 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-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-700:oklch(50.5% .213 27.518);--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-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-leading-relaxed:1.625;--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:#a1a1a6;--volr-text-muted:#6e6e73;--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\\:my-8{margin-block:calc(var(--volr-spacing)*8)}.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\\: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-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-14{height:calc(var(--volr-spacing)*14)}.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-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\\:w-1\\.5{width:calc(var(--volr-spacing)*1.5)}.volr\\:w-2{width:calc(var(--volr-spacing)*2)}.volr\\:w-6{width:calc(var(--volr-spacing)*6)}.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-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\\: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\\: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\\: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-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)))}.volr\\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.volr\\:overflow-hidden{overflow:hidden}.volr\\:overflow-visible{overflow:visible}.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-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-red-200{border-color:var(--volr-color-red-200)}.volr\\:border-white{border-color:var(--volr-color-white)}.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-red-50{background-color:var(--volr-color-red-50)}.volr\\:bg-teal-400{background-color:var(--volr-color-teal-400)}.volr\\:bg-gradient-to-br{--volr-tw-gradient-position:to bottom 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\\: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\\: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-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\\.5{padding-block:calc(var(--volr-spacing)*2.5)}.volr\\:py-3{padding-block:calc(var(--volr-spacing)*3)}.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\\: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\\: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-700{color:var(--volr-color-red-700)}.volr\\:text-white{color:var(--volr-color-white)}.volr\\:capitalize{text-transform:capitalize}.volr\\:underline{text-decoration-line:underline}.volr\\:opacity-0{opacity:0}.volr\\:opacity-30{opacity:.3}.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\\: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}.volr\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.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-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}}';
340
+ function useResolvedTheme(theme = "light") {
341
+ const [resolvedTheme, setResolvedTheme] = useState(() => {
342
+ if (theme !== "system") return theme;
343
+ if (typeof window === "undefined") return "light";
344
+ return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
345
+ });
346
+ useEffect(() => {
347
+ if (theme !== "system") {
348
+ setResolvedTheme(theme);
349
+ return;
350
+ }
351
+ const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
352
+ const handleChange = (e) => {
353
+ setResolvedTheme(e.matches ? "dark" : "light");
354
+ };
355
+ setResolvedTheme(mediaQuery.matches ? "dark" : "light");
356
+ mediaQuery.addEventListener("change", handleChange);
357
+ return () => mediaQuery.removeEventListener("change", handleChange);
358
+ }, [theme]);
359
+ return resolvedTheme;
360
+ }
361
+ function ShadowPortal({ children, theme = "light" }) {
341
362
  const [mountNode, setMountNode] = useState(null);
363
+ const hostRef = useRef(null);
364
+ const resolvedTheme = useResolvedTheme(theme);
342
365
  useEffect(() => {
343
366
  const host = document.createElement("div");
344
367
  host.id = "volr-shadow-portal";
@@ -349,6 +372,7 @@ function ShadowPortal({ children }) {
349
372
  host.style.height = "0";
350
373
  host.style.zIndex = "9999";
351
374
  document.body.appendChild(host);
375
+ hostRef.current = host;
352
376
  const shadowRoot = host.attachShadow({ mode: "open" });
353
377
  const styleEl = document.createElement("style");
354
378
  styleEl.textContent = VOLR_SDK_CSS;
@@ -359,8 +383,14 @@ function ShadowPortal({ children }) {
359
383
  setMountNode(container);
360
384
  return () => {
361
385
  document.body.removeChild(host);
386
+ hostRef.current = null;
362
387
  };
363
388
  }, []);
389
+ useEffect(() => {
390
+ if (hostRef.current) {
391
+ hostRef.current.setAttribute("data-theme", resolvedTheme);
392
+ }
393
+ }, [resolvedTheme]);
364
394
  if (!mountNode) return null;
365
395
  return createPortal(children, mountNode);
366
396
  }
@@ -436,6 +466,8 @@ var Modal = ({
436
466
  const variant = explicitVariant ?? (isMobile ? "bottom-sheet" : "centered");
437
467
  const dialogRef = useRef(null);
438
468
  const dialogId = useId();
469
+ const uiContext = useVolrUIOptional();
470
+ const theme = uiContext?.theme ?? "light";
439
471
  useFocusTrap(open, dialogRef);
440
472
  useEffect(() => {
441
473
  const handleEscape = (e) => {
@@ -454,7 +486,7 @@ var Modal = ({
454
486
  }, [open, onOpenChange, onEscapeKeyDown]);
455
487
  if (!open) return null;
456
488
  const isBottomSheet = variant === "bottom-sheet";
457
- return /* @__PURE__ */ jsxs(ShadowPortal, { children: [
489
+ return /* @__PURE__ */ jsxs(ShadowPortal, { theme, children: [
458
490
  /* @__PURE__ */ jsx(
459
491
  "div",
460
492
  {
@@ -486,7 +518,7 @@ var Modal = ({
486
518
  "aria-label": ariaLabel,
487
519
  tabIndex: -1,
488
520
  className: cn(
489
- "volr:bg-white volr:border volr:border-slate-300 volr:shadow-xl volr:overflow-y-auto volr:relative volr:w-full volr:pointer-events-auto",
521
+ "volr:border volr:shadow-xl volr:overflow-y-auto volr:relative volr:w-full volr:pointer-events-auto volr-surface volr-border-strong",
490
522
  isBottomSheet ? "volr:max-w-full volr:max-h-[85vh] volr:rounded-t-3xl volr:px-4 volr:py-6 volr:shadow-2xl" : "volr:rounded-2xl volr:p-5 volr:max-w-md volr:w-full volr:max-h-[90vh]",
491
523
  className,
492
524
  contentClassName
@@ -499,6 +531,74 @@ var Modal = ({
499
531
  )
500
532
  ] });
501
533
  };
534
+ function ErrorIcon({ className, size = 16 }) {
535
+ return /* @__PURE__ */ jsx(
536
+ "svg",
537
+ {
538
+ width: size,
539
+ height: size,
540
+ viewBox: "0 0 24 24",
541
+ fill: "currentColor",
542
+ className,
543
+ children: /* @__PURE__ */ jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z" })
544
+ }
545
+ );
546
+ }
547
+ function CloseIcon({ className, size = 20 }) {
548
+ return /* @__PURE__ */ jsxs(
549
+ "svg",
550
+ {
551
+ width: size,
552
+ height: size,
553
+ viewBox: "0 0 24 24",
554
+ fill: "none",
555
+ stroke: "currentColor",
556
+ strokeWidth: "2",
557
+ strokeLinecap: "round",
558
+ strokeLinejoin: "round",
559
+ className,
560
+ children: [
561
+ /* @__PURE__ */ jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
562
+ /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
563
+ ]
564
+ }
565
+ );
566
+ }
567
+ function BackIcon({ className, size = 20 }) {
568
+ return /* @__PURE__ */ jsx(
569
+ "svg",
570
+ {
571
+ width: size,
572
+ height: size,
573
+ viewBox: "0 0 24 24",
574
+ fill: "none",
575
+ stroke: "currentColor",
576
+ strokeWidth: "2",
577
+ className,
578
+ children: /* @__PURE__ */ jsx("path", { d: "M19 12H5M12 19l-7-7 7-7" })
579
+ }
580
+ );
581
+ }
582
+ function EmailIcon({ className, size = 20 }) {
583
+ return /* @__PURE__ */ jsxs(
584
+ "svg",
585
+ {
586
+ width: size,
587
+ height: size,
588
+ viewBox: "0 0 24 24",
589
+ fill: "none",
590
+ stroke: "currentColor",
591
+ strokeWidth: "1.8",
592
+ strokeLinecap: "round",
593
+ strokeLinejoin: "round",
594
+ className,
595
+ children: [
596
+ /* @__PURE__ */ jsx("path", { d: "M3 8L10.89 13.26C11.2187 13.4793 11.6049 13.5963 12 13.5963C12.3951 13.5963 12.7813 13.4793 13.11 13.26L21 8" }),
597
+ /* @__PURE__ */ jsx("rect", { x: "3", y: "6", width: "18", height: "12", rx: "2.2" })
598
+ ]
599
+ }
600
+ );
601
+ }
502
602
  var ModalHeader = ({
503
603
  className,
504
604
  back = false,
@@ -522,21 +622,10 @@ var ModalHeader = ({
522
622
  "button",
523
623
  {
524
624
  onClick: onBack,
525
- className: "volr:p-2 volr:-ml-2 volr:rounded-lg volr:text-slate-500 hover:volr:text-slate-700 hover:volr:bg-slate-100 volr:transition-colors volr:flex volr:items-center volr:gap-1",
625
+ className: "volr:p-2 volr:-ml-2 volr:rounded-lg volr:transition-colors volr:flex volr:items-center volr:gap-1 volr-text-secondary volr-hover",
526
626
  type: "button",
527
627
  children: [
528
- /* @__PURE__ */ jsx(
529
- "svg",
530
- {
531
- width: "20",
532
- height: "20",
533
- viewBox: "0 0 24 24",
534
- fill: "none",
535
- stroke: "currentColor",
536
- strokeWidth: "2",
537
- children: /* @__PURE__ */ jsx("path", { d: "M19 12H5M12 19l-7-7 7-7" })
538
- }
539
- ),
628
+ /* @__PURE__ */ jsx(BackIcon, {}),
540
629
  /* @__PURE__ */ jsx("span", { className: "volr:text-sm volr:font-medium", children: t("common.back") })
541
630
  ]
542
631
  }
@@ -548,26 +637,9 @@ var ModalHeader = ({
548
637
  {
549
638
  type: "button",
550
639
  onClick: onClose,
551
- className: "volr:p-1 volr:rounded-lg volr:text-slate-400 hover:volr:text-slate-600 hover:volr:bg-slate-100 volr:transition-colors",
640
+ className: "volr:p-1 volr:rounded-lg volr:transition-colors volr-text-muted volr-hover",
552
641
  "aria-label": "Close",
553
- children: /* @__PURE__ */ jsxs(
554
- "svg",
555
- {
556
- width: "20",
557
- height: "20",
558
- viewBox: "0 0 24 24",
559
- fill: "none",
560
- xmlns: "http://www.w3.org/2000/svg",
561
- stroke: "currentColor",
562
- strokeWidth: "2",
563
- strokeLinecap: "round",
564
- strokeLinejoin: "round",
565
- children: [
566
- /* @__PURE__ */ jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
567
- /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
568
- ]
569
- }
570
- )
642
+ children: /* @__PURE__ */ jsx(CloseIcon, {})
571
643
  }
572
644
  )
573
645
  ]
@@ -603,19 +675,19 @@ function WalletConnectedView({ user, onClose, showHeader = true }) {
603
675
  return /* @__PURE__ */ jsxs("div", { children: [
604
676
  showHeader && onClose && /* @__PURE__ */ jsx(ModalHeader, { onClose }),
605
677
  /* @__PURE__ */ jsxs("div", { className: "", children: [
606
- /* @__PURE__ */ jsx("p", { className: "volr:text-xl volr:font-semibold volr:text-slate-900 volr:mb-5", children: "Wallet Connected" }),
607
- user.evmAddress ? /* @__PURE__ */ jsxs("div", { className: "volr:bg-slate-50 volr:rounded-lg volr:p-5 volr:mb-6 volr:text-left", children: [
678
+ /* @__PURE__ */ jsx("p", { className: "volr:text-xl volr:font-semibold volr:mb-5", children: "Wallet Connected" }),
679
+ user.evmAddress ? /* @__PURE__ */ jsxs("div", { className: "volr:rounded-lg volr:p-5 volr:mb-6 volr:text-left volr-bg-secondary", children: [
608
680
  /* @__PURE__ */ jsxs("div", { className: "volr:mb-3", children: [
609
- /* @__PURE__ */ jsx("div", { className: "volr:text-xs volr:text-slate-500 volr:mb-1 volr:font-medium", children: "Wallet Address" }),
610
- /* @__PURE__ */ jsx("div", { className: "volr:text-sm volr:text-slate-900 volr:font-mono volr:break-all", children: user.evmAddress })
681
+ /* @__PURE__ */ jsx("div", { className: "volr:text-xs volr:mb-1 volr:font-medium volr-text-secondary", children: "Wallet Address" }),
682
+ /* @__PURE__ */ jsx("div", { className: "volr:text-sm volr:font-mono volr:break-all", children: user.evmAddress })
611
683
  ] }),
612
684
  /* @__PURE__ */ jsxs("div", { children: [
613
- /* @__PURE__ */ jsx("div", { className: "volr:text-xs volr:text-slate-500 volr:mb-1 volr:font-medium", children: "Key Storage Type" }),
614
- /* @__PURE__ */ jsx("div", { className: "volr:text-sm volr:text-slate-900 volr:capitalize", children: user.keyStorageType })
685
+ /* @__PURE__ */ jsx("div", { className: "volr:text-xs volr:mb-1 volr:font-medium volr-text-secondary", children: "Key Storage Type" }),
686
+ /* @__PURE__ */ jsx("div", { className: "volr:text-sm volr:capitalize", children: user.keyStorageType })
615
687
  ] })
616
- ] }) : /* @__PURE__ */ jsxs("div", { className: "volr:bg-slate-50 volr:rounded-lg volr:p-5 volr:mb-6 volr:text-left", children: [
617
- /* @__PURE__ */ jsx("div", { className: "volr:text-sm volr:text-slate-500 volr:mb-2", children: "Passkey is set up" }),
618
- /* @__PURE__ */ jsx("div", { className: "volr:text-xs volr:text-slate-400", children: "Wallet address will be available after provider is restored." })
688
+ ] }) : /* @__PURE__ */ jsxs("div", { className: "volr:rounded-lg volr:p-5 volr:mb-6 volr:text-left volr-bg-secondary", children: [
689
+ /* @__PURE__ */ jsx("div", { className: "volr:text-sm volr:mb-2 volr-text-secondary", children: "Passkey is set up" }),
690
+ /* @__PURE__ */ jsx("div", { className: "volr:text-xs volr-text-muted", children: "Wallet address will be available after provider is restored." })
619
691
  ] })
620
692
  ] })
621
693
  ] });
@@ -842,9 +914,9 @@ var sizeMap = {
842
914
  };
843
915
  var variantMap = {
844
916
  primary: { backgroundColor: void 0, color: "#fff", border: "none" },
845
- secondary: { backgroundColor: "#f1f5f9", color: "#0f172a", border: "none" },
846
- ghost: { backgroundColor: "transparent", color: "#475569", border: "none" },
847
- outline: { backgroundColor: "transparent", color: "#475569", border: "1px solid #e2e8f0" }
917
+ secondary: { backgroundColor: "var(--volr-bg-tertiary)", color: "var(--volr-text)", border: "none" },
918
+ ghost: { backgroundColor: "transparent", color: "var(--volr-text-secondary)", border: "none" },
919
+ outline: { backgroundColor: "transparent", color: "var(--volr-text-secondary)", border: "1px solid var(--volr-border)" }
848
920
  };
849
921
  var Button = React10.forwardRef(
850
922
  ({ variant = "primary", size = "md", fullWidth, className, style, disabled, children, ...props }, ref) => {
@@ -895,9 +967,9 @@ function PasskeyEnrollForm({
895
967
  }) {
896
968
  return /* @__PURE__ */ jsxs(Fragment, { children: [
897
969
  /* @__PURE__ */ jsx("div", { className: "volr:my-8 volr:flex volr:justify-center", children: /* @__PURE__ */ jsx(BiometricIcon, { type: biometricType, size: 60 }) }),
898
- /* @__PURE__ */ jsx("p", { className: "volr:text-base volr:text-slate-600 volr:mb-8 volr:text-center", children: biometricMessage }),
899
- errorMessage && /* @__PURE__ */ jsxs("div", { className: "volr:mb-6 volr:p-3 volr:rounded-lg volr:bg-rose-50 volr:border volr:border-rose-200 volr:text-rose-700 volr:text-sm volr:flex volr:items-start volr:gap-2 volr:text-left", children: [
900
- /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", className: "volr:flex-shrink-0 volr:mt-0.5", children: /* @__PURE__ */ jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z" }) }),
970
+ /* @__PURE__ */ jsx("p", { className: "volr:text-base volr:mb-8 volr:text-center volr-text-secondary", children: biometricMessage }),
971
+ errorMessage && /* @__PURE__ */ jsxs("div", { className: "volr:mb-6 volr:p-3 volr:rounded-lg volr:border volr:text-sm volr:flex volr:items-start volr:gap-2 volr:text-left volr-error", children: [
972
+ /* @__PURE__ */ jsx(ErrorIcon, { className: "volr:shrink-0 volr:mt-0.5" }),
901
973
  /* @__PURE__ */ jsx("span", { children: errorMessage })
902
974
  ] }),
903
975
  /* @__PURE__ */ jsxs("div", { className: "volr:flex volr:flex-col volr:gap-3", children: [
@@ -919,8 +991,8 @@ function PasskeyEnrollLoading({
919
991
  }) {
920
992
  return /* @__PURE__ */ jsxs(Fragment, { children: [
921
993
  /* @__PURE__ */ jsx("div", { className: "volr:mb-8 volr:flex volr:justify-center volr:items-center volr:min-h-[120px]", children: /* @__PURE__ */ jsx(BiometricIcon, { type: biometricType, size: 60, animate: isEnrolling }) }),
922
- /* @__PURE__ */ jsx("p", { className: "volr:text-base volr:text-slate-500 volr:mb-4", children: stepMessage }),
923
- isEnrolling && /* @__PURE__ */ jsx("div", { className: "volr:w-full volr:mb-6", children: /* @__PURE__ */ jsx("div", { className: "volr:w-full volr:h-2 volr:bg-slate-100 volr:rounded-full volr:overflow-hidden", children: /* @__PURE__ */ jsx(
994
+ /* @__PURE__ */ jsx("p", { className: "volr:text-base volr:mb-4 volr-text-secondary", children: stepMessage }),
995
+ isEnrolling && /* @__PURE__ */ jsx("div", { className: "volr:w-full volr:mb-6", children: /* @__PURE__ */ jsx("div", { className: "volr:w-full volr:h-2 volr:rounded-full volr:overflow-hidden volr-bg-tertiary", children: /* @__PURE__ */ jsx(
924
996
  "div",
925
997
  {
926
998
  className: "volr:h-full volr:rounded-full volr:transition-all volr:duration-500 volr:ease-out",
@@ -1114,7 +1186,7 @@ function PasskeyEnrollView({
1114
1186
  ) });
1115
1187
  }
1116
1188
  const content = /* @__PURE__ */ jsxs("div", { children: [
1117
- /* @__PURE__ */ jsx("p", { className: "volr:text-xl volr:font-semibold volr:text-slate-900 volr:mb-5", children: t("passkey.start") }),
1189
+ /* @__PURE__ */ jsx("p", { className: "volr:text-xl volr:font-semibold volr:mb-5", children: t("passkey.start") }),
1118
1190
  !hasStarted ? /* @__PURE__ */ jsx(
1119
1191
  PasskeyEnrollForm,
1120
1192
  {
@@ -1247,7 +1319,7 @@ var CopyButton = ({ text, className, onCopy }) => {
1247
1319
  {
1248
1320
  onClick: handleCopy,
1249
1321
  className: cn(
1250
- "volr:p-2 volr:rounded-lg volr:text-slate-400 hover:volr:text-slate-700 hover:volr:bg-white volr:transition-all",
1322
+ "volr:p-2 volr:rounded-lg volr:transition-all volr-text-muted volr-hover",
1251
1323
  className
1252
1324
  ),
1253
1325
  "aria-label": "Copy",
@@ -1277,10 +1349,10 @@ function OptionButton({
1277
1349
  ),
1278
1350
  ...rest,
1279
1351
  children: [
1280
- /* @__PURE__ */ jsx("span", { className: "volr:flex volr:h-8 volr:w-8 volr:items-center volr:justify-center volr:text-slate-700", children: icon }),
1352
+ /* @__PURE__ */ jsx("span", { className: "volr:flex volr:h-8 volr:w-8 volr:items-center volr:justify-center", children: icon }),
1281
1353
  /* @__PURE__ */ jsxs("span", { className: "volr:flex volr:min-w-0 volr:flex-col", children: [
1282
- /* @__PURE__ */ jsx("span", { className: "volr:truncate volr:text-left volr:text-sm volr:font-medium volr:text-slate-900", children: title }),
1283
- description ? /* @__PURE__ */ jsx("span", { className: "volr:truncate volr:text-left volr:text-xs volr:text-slate-500", children: description }) : null
1354
+ /* @__PURE__ */ jsx("span", { className: "volr:truncate volr:text-left volr:text-sm volr:font-medium", children: title }),
1355
+ description ? /* @__PURE__ */ jsx("span", { className: "volr:truncate volr:text-left volr:text-xs volr-text-secondary", children: description }) : null
1284
1356
  ] })
1285
1357
  ]
1286
1358
  }
@@ -1399,13 +1471,13 @@ function WalletOption({ onClick }) {
1399
1471
  OptionButton,
1400
1472
  {
1401
1473
  onClick,
1402
- icon: /* @__PURE__ */ jsx("span", { className: "volr:text-slate-700", children: /* @__PURE__ */ jsx(WalletIcon, {}) }),
1474
+ icon: /* @__PURE__ */ jsx(WalletIcon, {}),
1403
1475
  title: t("login.wallet.label")
1404
1476
  }
1405
1477
  );
1406
1478
  }
1407
1479
  function PoweredBy() {
1408
- return /* @__PURE__ */ jsxs("div", { className: "volr:mt-8 volr:text-xs volr:text-slate-400 volr:text-center volr:flex volr:items-baseline volr:justify-center volr:gap-1", children: [
1480
+ return /* @__PURE__ */ jsxs("div", { className: "volr:mt-8 volr:text-xs volr:text-center volr:flex volr:items-baseline volr:justify-center volr:gap-1 volr-text-muted", children: [
1409
1481
  /* @__PURE__ */ jsx("span", { children: "Powered by" }),
1410
1482
  /* @__PURE__ */ jsx(
1411
1483
  "svg",
@@ -1413,54 +1485,20 @@ function PoweredBy() {
1413
1485
  viewBox: "0 0 943 289",
1414
1486
  fill: "none",
1415
1487
  xmlns: "http://www.w3.org/2000/svg",
1416
- className: "volr:inline-block",
1417
- style: { height: "0.8em", width: "auto", verticalAlign: "baseline" },
1488
+ className: "volr:inline-block volr:h-[0.8em] volr:w-auto volr:align-baseline volr-text-secondary",
1489
+ style: { fill: "currentColor" },
1418
1490
  "aria-label": "Volr",
1419
1491
  children: /* @__PURE__ */ jsx(
1420
1492
  "path",
1421
1493
  {
1422
1494
  d: "M138.4 284L-0.00019535 0H87.1998L184.4 208L281.2 0H363.6L225.2 284H138.4ZM471.931 288.8C453.531 288.8 435.931 286.533 419.131 282C402.331 277.2 387.264 270.267 373.931 261.2C360.864 252.133 350.464 240.933 342.731 227.6C335.264 214.267 331.531 198.8 331.531 181.2C331.531 157.733 337.664 138 349.931 122C362.464 106 379.398 94 400.731 86C422.064 77.7333 445.798 73.6 471.931 73.6C498.064 73.6 521.664 77.7333 542.731 86C564.064 94 580.864 106 593.131 122C605.664 138 611.931 157.733 611.931 181.2C611.931 198.8 608.064 214.267 600.331 227.6C592.864 240.933 582.464 252.133 569.131 261.2C556.064 270.267 541.131 277.2 524.331 282C507.531 286.533 490.064 288.8 471.931 288.8ZM471.931 236C490.598 236 505.531 231.2 516.731 221.6C528.198 211.733 533.931 198.933 533.931 183.2V179.2C533.931 163.2 528.198 150.4 516.731 140.8C505.531 131.2 490.598 126.4 471.931 126.4C453.264 126.4 438.198 131.2 426.731 140.8C415.264 150.4 409.531 163.2 409.531 179.2V183.2C409.531 198.933 415.264 211.733 426.731 221.6C438.198 231.2 453.264 236 471.931 236ZM643.865 284V0H721.465V284H643.865ZM763.006 284V78.4H839.406V106.8C848.739 95.3333 860.473 86.9333 874.606 81.6C888.739 76.2667 903.406 73.6 918.606 73.6C921.539 73.6 925.006 73.7333 929.006 74C933.006 74.2667 937.406 74.8 942.206 75.6V135.2C935.006 134.4 926.873 133.733 917.806 133.2C909.006 132.667 900.073 132.8 891.006 133.6C881.939 134.4 873.539 136.4 865.806 139.6C858.339 142.533 852.206 147.333 847.406 154C842.873 160.667 840.606 169.733 840.606 181.2V284H763.006Z",
1423
- className: "volr:fill-slate-500"
1495
+ fill: "currentColor"
1424
1496
  }
1425
1497
  )
1426
1498
  }
1427
1499
  )
1428
1500
  ] });
1429
1501
  }
1430
- var EmailIcon = () => /* @__PURE__ */ jsxs(
1431
- "svg",
1432
- {
1433
- width: "20",
1434
- height: "20",
1435
- viewBox: "0 0 24 24",
1436
- fill: "none",
1437
- xmlns: "http://www.w3.org/2000/svg",
1438
- children: [
1439
- /* @__PURE__ */ jsx(
1440
- "path",
1441
- {
1442
- d: "M3 8L10.89 13.26C11.2187 13.4793 11.6049 13.5963 12 13.5963C12.3951 13.5963 12.7813 13.4793 13.11 13.26L21 8",
1443
- stroke: "currentColor",
1444
- strokeWidth: "1.8",
1445
- strokeLinecap: "round",
1446
- strokeLinejoin: "round"
1447
- }
1448
- ),
1449
- /* @__PURE__ */ jsx(
1450
- "rect",
1451
- {
1452
- x: "3",
1453
- y: "6",
1454
- width: "18",
1455
- height: "12",
1456
- rx: "2.2",
1457
- stroke: "currentColor",
1458
- strokeWidth: "1.8"
1459
- }
1460
- )
1461
- ]
1462
- }
1463
- );
1464
1502
  function EmailInlineInput({ onSubmit, accentColor }) {
1465
1503
  const { t } = useI18n();
1466
1504
  const [email, setEmail] = useState("");
@@ -1480,14 +1518,7 @@ function EmailInlineInput({ onSubmit, accentColor }) {
1480
1518
  };
1481
1519
  return /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, children: [
1482
1520
  /* @__PURE__ */ jsxs("div", { className: "volr:relative", children: [
1483
- /* @__PURE__ */ jsx(
1484
- "div",
1485
- {
1486
- className: "volr:absolute volr:left-3 volr:pointer-events-none volr:text-slate-400",
1487
- style: { top: "50%", transform: "translateY(-50%)" },
1488
- children: /* @__PURE__ */ jsx(EmailIcon, {})
1489
- }
1490
- ),
1521
+ /* @__PURE__ */ 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: /* @__PURE__ */ jsx(EmailIcon, {}) }),
1491
1522
  /* @__PURE__ */ jsx(
1492
1523
  "input",
1493
1524
  {
@@ -1500,7 +1531,7 @@ function EmailInlineInput({ onSubmit, accentColor }) {
1500
1531
  }
1501
1532
  )
1502
1533
  ] }),
1503
- error && /* @__PURE__ */ jsx("div", { className: "volr:mt-2 volr:rounded-lg volr:border volr:bg-rose-50 volr:border-rose-200 volr:text-rose-800 volr:text-sm volr:p-3", children: error }),
1534
+ error && /* @__PURE__ */ jsx("div", { className: "volr:mt-2 volr:rounded-lg volr:border volr:text-sm volr:p-3 volr-error", children: error }),
1504
1535
  /* @__PURE__ */ jsx(
1505
1536
  Button,
1506
1537
  {
@@ -1516,9 +1547,9 @@ function EmailInlineInput({ onSubmit, accentColor }) {
1516
1547
  }
1517
1548
  function Divider({ text = "\uB610\uB294" }) {
1518
1549
  return /* @__PURE__ */ jsxs("div", { className: "volr:flex volr:items-center volr:gap-3 volr:my-6", children: [
1519
- /* @__PURE__ */ jsx("div", { className: "volr:flex-1 volr:h-px volr:bg-slate-200" }),
1520
- /* @__PURE__ */ jsx("span", { className: "volr:text-sm volr:text-slate-400", children: text }),
1521
- /* @__PURE__ */ jsx("div", { className: "volr:flex-1 volr:h-px volr:bg-slate-200" })
1550
+ /* @__PURE__ */ jsx("div", { className: "volr:flex-1 volr:h-px volr-divider-line" }),
1551
+ /* @__PURE__ */ jsx("span", { className: "volr:text-sm volr-text-muted", children: text }),
1552
+ /* @__PURE__ */ jsx("div", { className: "volr:flex-1 volr:h-px volr-divider-line" })
1522
1553
  ] });
1523
1554
  }
1524
1555
  function BrandingPanel({ config }) {
@@ -1556,7 +1587,7 @@ function SigninSelectScreen({
1556
1587
  className: `volr:flex volr:flex-col volr:gap-4 ${showBrandingColumn ? "volr:p-4" : ""}`,
1557
1588
  children: [
1558
1589
  /* @__PURE__ */ jsx(ModalHeader, { onClose }),
1559
- /* @__PURE__ */ jsx("p", { className: "volr:text-2xl volr:font-semibold volr:text-slate-900 volr:mb-5", children: t("login.title") }),
1590
+ /* @__PURE__ */ jsx("p", { className: "volr:text-2xl volr:font-semibold volr:mb-5", children: t("login.title") }),
1560
1591
  isEmailEnabled && /* @__PURE__ */ jsx(
1561
1592
  EmailInlineInput,
1562
1593
  {
@@ -1656,8 +1687,8 @@ function CodeInputScreen({ email, onSubmit, onResend }) {
1656
1687
  }
1657
1688
  };
1658
1689
  return /* @__PURE__ */ jsxs("div", { children: [
1659
- /* @__PURE__ */ jsx("p", { className: "volr:text-2xl volr:font-semibold volr:text-slate-900 volr:mb-3", children: t("login.email.verifyTitle") }),
1660
- /* @__PURE__ */ jsx("p", { className: "volr:text-sm volr:text-slate-500 volr:mb-8", children: t("login.email.verifyDescription", { email }) }),
1690
+ /* @__PURE__ */ jsx("p", { className: "volr:text-2xl volr:font-semibold volr:mb-3", children: t("login.email.verifyTitle") }),
1691
+ /* @__PURE__ */ jsx("p", { className: "volr:text-sm volr:mb-8 volr-text-secondary", children: t("login.email.verifyDescription", { email }) }),
1661
1692
  /* @__PURE__ */ jsx("div", { className: "volr:flex volr:gap-3 volr:mb-6 volr:justify-center", children: digits.map((digit, index) => /* @__PURE__ */ jsx(
1662
1693
  "input",
1663
1694
  {
@@ -1670,10 +1701,10 @@ function CodeInputScreen({ email, onSubmit, onResend }) {
1670
1701
  onKeyDown: (e) => handleKeyDown(index, e),
1671
1702
  onPaste: index === 0 ? handlePaste : void 0,
1672
1703
  disabled: isLoading,
1673
- className: "volr:w-12 volr:h-14 volr:text-center volr:text-2xl volr:font-semibold volr:outline-none volr:transition-all volr:rounded-lg volr:disabled:bg-slate-50 volr:disabled:cursor-not-allowed",
1704
+ className: "volr:w-12 volr:h-14 volr:text-center volr:text-2xl volr:font-semibold volr:outline-none volr:transition-all volr:rounded-lg volr:disabled:cursor-not-allowed",
1674
1705
  style: {
1675
- border: `2px solid ${digit ? accentColor : "#cbd5e1"}`,
1676
- backgroundColor: isLoading ? void 0 : "#fff"
1706
+ border: `2px solid ${digit ? accentColor : "var(--volr-border-strong)"}`,
1707
+ backgroundColor: isLoading ? "var(--volr-bg-secondary)" : "var(--volr-bg)"
1677
1708
  },
1678
1709
  onFocus: (e) => {
1679
1710
  e.target.style.borderColor = accentColor;
@@ -1681,15 +1712,15 @@ function CodeInputScreen({ email, onSubmit, onResend }) {
1681
1712
  },
1682
1713
  onBlur: (e) => {
1683
1714
  if (!digit) {
1684
- e.target.style.borderColor = "#cbd5e1";
1715
+ e.target.style.borderColor = "var(--volr-border-strong)";
1685
1716
  }
1686
1717
  e.target.style.boxShadow = "none";
1687
1718
  }
1688
1719
  },
1689
1720
  index
1690
1721
  )) }),
1691
- error && /* @__PURE__ */ jsxs("div", { className: "volr:mb-6 volr:p-3 volr:rounded-lg volr:bg-rose-50 volr:border volr:border-rose-200 volr:text-rose-700 volr:text-sm volr:flex volr:items-start volr:gap-2", children: [
1692
- /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", className: "volr:flex-shrink-0 volr:mt-0.5", children: /* @__PURE__ */ jsx("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z" }) }),
1722
+ error && /* @__PURE__ */ jsxs("div", { className: "volr:mb-6 volr:p-3 volr:rounded-lg volr:border volr:text-sm volr:flex volr:items-start volr:gap-2 volr-error", children: [
1723
+ /* @__PURE__ */ jsx(ErrorIcon, { className: "volr:shrink-0 volr:mt-0.5" }),
1693
1724
  /* @__PURE__ */ jsx("span", { children: error })
1694
1725
  ] }),
1695
1726
  /* @__PURE__ */ jsx(
@@ -2139,11 +2170,11 @@ Issued At: ${issuedAt}`;
2139
2170
  ]
2140
2171
  }
2141
2172
  ),
2142
- /* @__PURE__ */ jsx("p", { className: "volr:text-2xl volr:font-semibold volr:text-slate-900 volr:mb-5", children: t("login.wallet.title") }),
2143
- account && /* @__PURE__ */ jsxs("div", { className: "volr:p-3 volr:bg-slate-100 volr:rounded-lg volr:mb-6 volr:flex volr:items-center volr:justify-between", children: [
2173
+ /* @__PURE__ */ jsx("p", { className: "volr:text-2xl volr:font-semibold volr:mb-5", children: t("login.wallet.title") }),
2174
+ account && /* @__PURE__ */ jsxs("div", { className: "volr:p-3 volr:rounded-lg volr:mb-6 volr:flex volr:items-center volr:justify-between volr-bg-secondary", children: [
2144
2175
  /* @__PURE__ */ jsxs("div", { children: [
2145
- /* @__PURE__ */ jsx("div", { className: "volr:text-xs volr:text-slate-500 volr:mb-1", children: t("login.wallet.connected") }),
2146
- /* @__PURE__ */ jsxs("div", { className: "volr:text-sm volr:font-medium volr:text-slate-900 volr:font-mono", children: [
2176
+ /* @__PURE__ */ jsx("div", { className: "volr:text-xs volr:mb-1 volr-text-secondary", children: t("login.wallet.connected") }),
2177
+ /* @__PURE__ */ jsxs("div", { className: "volr:text-sm volr:font-medium volr:font-mono", children: [
2147
2178
  account.slice(0, 6),
2148
2179
  "...",
2149
2180
  account.slice(-4)
@@ -2151,7 +2182,7 @@ Issued At: ${issuedAt}`;
2151
2182
  ] }),
2152
2183
  /* @__PURE__ */ jsx(CopyButton, { text: account })
2153
2184
  ] }),
2154
- error && /* @__PURE__ */ jsx("div", { className: "volr:mb-4 volr:p-3 volr:bg-red-50 volr:border volr:border-red-200 volr:rounded-lg volr:text-red-700 volr:text-sm", children: error }),
2185
+ error && /* @__PURE__ */ jsx("div", { className: "volr:mb-4 volr:p-3 volr:border volr:rounded-lg volr:text-sm volr-error", children: error }),
2155
2186
  step === "connect" ? /* @__PURE__ */ jsx(
2156
2187
  Button,
2157
2188
  {
@@ -2405,24 +2436,24 @@ function AccountModal({ isOpen, onClose, onError }) {
2405
2436
  return /* @__PURE__ */ jsxs(Modal, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: [
2406
2437
  /* @__PURE__ */ jsx(ModalHeader, { onClose }),
2407
2438
  /* @__PURE__ */ jsxs("div", { children: [
2408
- /* @__PURE__ */ jsx("p", { className: "volr:text-xl volr:font-semibold volr:text-slate-900 volr:mb-4", children: t("account.title") }),
2409
- /* @__PURE__ */ jsxs("div", { className: "volr:bg-slate-50 volr:rounded-xl volr:p-4 volr:mb-4", children: [
2439
+ /* @__PURE__ */ jsx("p", { className: "volr:text-xl volr:font-semibold volr:mb-4", children: t("account.title") }),
2440
+ /* @__PURE__ */ jsxs("div", { className: "volr:rounded-xl volr:p-4 volr:mb-4 volr-bg-secondary", children: [
2410
2441
  user.evmAddress && /* @__PURE__ */ jsxs("div", { className: "volr:flex volr:items-center volr:justify-between volr:gap-3", children: [
2411
2442
  /* @__PURE__ */ jsxs("div", { className: "volr:flex-1 volr:min-w-0", children: [
2412
- /* @__PURE__ */ jsx("p", { className: "volr:text-xs volr:text-slate-500 volr:mb-1", children: t("account.walletAddress") }),
2413
- /* @__PURE__ */ jsx("p", { className: "volr:font-mono volr:text-sm volr:font-medium volr:text-slate-900", children: displayAddress })
2443
+ /* @__PURE__ */ jsx("p", { className: "volr:text-xs volr:mb-1 volr-text-secondary", children: t("account.walletAddress") }),
2444
+ /* @__PURE__ */ jsx("p", { className: "volr:font-mono volr:text-sm volr:font-medium", children: displayAddress })
2414
2445
  ] }),
2415
2446
  /* @__PURE__ */ jsx(
2416
2447
  CopyButton,
2417
2448
  {
2418
2449
  text: user.evmAddress,
2419
- className: "volr:flex-shrink-0"
2450
+ className: "volr:shrink-0"
2420
2451
  }
2421
2452
  )
2422
2453
  ] }),
2423
- user.email && !user.email.includes("@wallet.") && /* @__PURE__ */ jsxs("div", { className: "volr:mt-4 volr:pt-4 volr:border-t volr:border-slate-200", children: [
2424
- /* @__PURE__ */ jsx("p", { className: "volr:text-xs volr:text-slate-500 volr:mb-1", children: t("account.email") }),
2425
- /* @__PURE__ */ jsx("p", { className: "volr:text-sm volr:font-medium volr:text-slate-900", children: user.email })
2454
+ user.email && !user.email.includes("@wallet.") && /* @__PURE__ */ jsxs("div", { className: "volr:mt-4 volr:pt-4 volr:border-t volr-border", children: [
2455
+ /* @__PURE__ */ jsx("p", { className: "volr:text-xs volr:mb-1 volr-text-secondary", children: t("account.email") }),
2456
+ /* @__PURE__ */ jsx("p", { className: "volr:text-sm volr:font-medium", children: user.email })
2426
2457
  ] })
2427
2458
  ] }),
2428
2459
  /* @__PURE__ */ jsx(
@@ -2444,8 +2475,8 @@ function AssetSelectView({
2444
2475
  }) {
2445
2476
  const { t } = useI18n();
2446
2477
  return /* @__PURE__ */ jsxs("div", { children: [
2447
- /* @__PURE__ */ jsx("p", { className: "volr:text-xl volr:font-semibold volr:text-slate-900 volr:mb-1", children: t("deposit.selectTitle") }),
2448
- /* @__PURE__ */ jsx("p", { className: "volr:text-sm volr:text-slate-500 volr:mb-4", children: "Supported token" }),
2478
+ /* @__PURE__ */ jsx("p", { className: "volr:text-xl volr:font-semibold volr:mb-1", children: t("deposit.selectTitle") }),
2479
+ /* @__PURE__ */ jsx("p", { className: "volr:text-sm volr:mb-4 volr-text-secondary", children: "Supported token" }),
2449
2480
  /* @__PURE__ */ jsx("div", { className: "volr:space-y-3", children: assets.map((a, idx) => {
2450
2481
  const isNative = a.token === "native";
2451
2482
  const tokenSymbol = isNative ? "ETH" : a.token.symbol;
@@ -2454,33 +2485,33 @@ function AssetSelectView({
2454
2485
  "button",
2455
2486
  {
2456
2487
  className: cn(
2457
- "volr:w-full volr:p-4 volr:rounded-xl volr:border-2 volr:border-slate-200",
2488
+ "volr:w-full volr:p-4 volr:rounded-xl volr:border-2",
2458
2489
  "volr:text-left volr:transition-all",
2459
- "hover:volr:border-slate-300 hover:volr:bg-slate-50 hover:volr:shadow-sm",
2460
- "volr:flex volr:items-center volr:gap-4"
2490
+ "volr:flex volr:items-center volr:gap-4",
2491
+ "volr-border volr-hover"
2461
2492
  ),
2462
2493
  onClick: () => onSelect(idx),
2463
2494
  children: [
2464
- /* @__PURE__ */ jsx("div", { className: "volr:flex-shrink-0", children: !isNative && a.token.iconUrl ? /* @__PURE__ */ jsx(
2495
+ /* @__PURE__ */ jsx("div", { className: "volr:shrink-0", children: !isNative && a.token.iconUrl ? /* @__PURE__ */ jsx(
2465
2496
  "img",
2466
2497
  {
2467
2498
  alt: a.token.symbol,
2468
2499
  src: a.token.iconUrl,
2469
- className: "volr:w-10 volr:h-10 volr:rounded-full volr:border volr:border-slate-200"
2500
+ className: "volr:w-10 volr:h-10 volr:rounded-full volr:border volr-border"
2470
2501
  }
2471
- ) : /* @__PURE__ */ jsx("div", { className: "volr:w-10 volr:h-10 volr:rounded-full volr:bg-slate-700 volr:flex volr:items-center volr:justify-center volr:text-white volr:font-bold volr:text-sm", children: tokenSymbol.slice(0, 2) }) }),
2502
+ ) : /* @__PURE__ */ 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) }) }),
2472
2503
  /* @__PURE__ */ jsxs("div", { className: "volr:flex-1 volr:min-w-0", children: [
2473
2504
  /* @__PURE__ */ jsxs("div", { className: "volr:flex volr:items-center volr:gap-2 volr:mb-1", children: [
2474
- /* @__PURE__ */ jsx("span", { className: "volr:text-base volr:font-semibold volr:text-slate-900", children: tokenSymbol }),
2475
- /* @__PURE__ */ jsxs("span", { className: "volr:text-xs volr:px-2 volr:py-0.5 volr:rounded-full volr:bg-slate-100 volr:text-slate-600 volr:font-medium", children: [
2505
+ /* @__PURE__ */ jsx("span", { className: "volr:text-base volr:font-semibold", children: tokenSymbol }),
2506
+ /* @__PURE__ */ 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: [
2476
2507
  "Chain ",
2477
2508
  a.chainId
2478
2509
  ] })
2479
2510
  ] }),
2480
- /* @__PURE__ */ jsx("div", { className: "volr:text-sm volr:text-slate-500", children: tokenName }),
2481
- !isNative && /* @__PURE__ */ jsx("div", { className: "volr:text-xs volr:text-slate-400 volr:font-mono volr:truncate volr:mt-1", children: a.token.address })
2511
+ /* @__PURE__ */ jsx("div", { className: "volr:text-sm volr-text-secondary", children: tokenName }),
2512
+ !isNative && /* @__PURE__ */ jsx("div", { className: "volr:text-xs volr:font-mono volr:truncate volr:mt-1 volr-text-muted", children: a.token.address })
2482
2513
  ] }),
2483
- /* @__PURE__ */ jsx("div", { className: "volr:flex-shrink-0 volr:text-slate-400", children: /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx("polyline", { points: "9 18 15 12 9 6" }) }) })
2514
+ /* @__PURE__ */ jsx("div", { className: "volr:shrink-0 volr-text-muted", children: /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsx("polyline", { points: "9 18 15 12 9 6" }) }) })
2484
2515
  ]
2485
2516
  },
2486
2517
  `${a.chainId}-${idx}`
@@ -2495,7 +2526,7 @@ var TextLinkButton = React10.forwardRef(({ showArrow = false, className, childre
2495
2526
  ref,
2496
2527
  type: "button",
2497
2528
  className: cn(
2498
- "volr:text-slate-600 hover:volr:text-slate-900 volr:underline volr:transition-colors",
2529
+ "volr:underline volr:transition-colors volr-text-secondary",
2499
2530
  className
2500
2531
  ),
2501
2532
  ...props,
@@ -2514,8 +2545,8 @@ var OtherTokenModal = ({
2514
2545
  return /* @__PURE__ */ jsxs(Modal, { open, onOpenChange, children: [
2515
2546
  /* @__PURE__ */ jsx(ModalHeader, { onClose: () => onOpenChange(false) }),
2516
2547
  /* @__PURE__ */ jsxs("div", { className: "volr:text-center", children: [
2517
- /* @__PURE__ */ jsx("p", { className: "volr:text-lg volr:font-semibold volr:text-slate-900 volr:mb-2", children: "Coming Soon" }),
2518
- /* @__PURE__ */ jsx("p", { className: "volr:text-sm volr:text-slate-600", children: "Swap and bridge recommendations will be available here soon." })
2548
+ /* @__PURE__ */ jsx("p", { className: "volr:text-lg volr:font-semibold volr:mb-2", children: "Coming Soon" }),
2549
+ /* @__PURE__ */ jsx("p", { className: "volr:text-sm volr-text-secondary", children: "Swap and bridge recommendations will be available here soon." })
2519
2550
  ] })
2520
2551
  ] });
2521
2552
  };
@@ -2764,10 +2795,10 @@ var DepositCompletedToast = ({
2764
2795
  // Position: fixed to modal edges with negative margin to escape parent padding
2765
2796
  "volr:absolute volr:bottom-0 volr:z-50",
2766
2797
  "volr:-left-4 volr:-right-4",
2767
- // Appearance: white background with clear separation
2768
- "volr:bg-white volr:rounded-t-2xl",
2798
+ // Appearance: background with clear separation
2799
+ "volr:rounded-t-2xl volr-surface",
2769
2800
  // Border: top border for clear visual separation
2770
- "volr:border-t-2 volr:border-slate-200",
2801
+ "volr:border-t-2 volr-border-strong",
2771
2802
  // Shadow: strong upward shadow for depth
2772
2803
  "volr:shadow-[0_-8px_30px_rgba(0,0,0,0.2)]",
2773
2804
  // Animation
@@ -2778,9 +2809,9 @@ var DepositCompletedToast = ({
2778
2809
  animation: "volrSlideUp 0.3s ease-out"
2779
2810
  },
2780
2811
  children: [
2781
- /* @__PURE__ */ jsx("div", { className: "volr:flex volr:justify-center volr:pt-3 volr:pb-2", children: /* @__PURE__ */ jsx("div", { className: "volr:w-10 volr:h-1 volr:rounded-full volr:bg-slate-300" }) }),
2812
+ /* @__PURE__ */ jsx("div", { className: "volr:flex volr:justify-center volr:pt-3 volr:pb-2", children: /* @__PURE__ */ jsx("div", { className: "volr:w-10 volr:h-1 volr:rounded-full volr-bg-tertiary" }) }),
2782
2813
  /* @__PURE__ */ jsx("div", { className: "volr:px-4 volr:pb-4", children: /* @__PURE__ */ jsxs("div", { className: "volr:flex volr:items-start volr:gap-3", children: [
2783
- /* @__PURE__ */ jsx("div", { className: "volr:flex-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__ */ jsx(
2814
+ /* @__PURE__ */ 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__ */ jsx(
2784
2815
  "svg",
2785
2816
  {
2786
2817
  width: "20",
@@ -2796,12 +2827,12 @@ var DepositCompletedToast = ({
2796
2827
  ) }),
2797
2828
  /* @__PURE__ */ jsxs("div", { className: "volr:flex-1 volr:min-w-0", children: [
2798
2829
  /* @__PURE__ */ jsxs("div", { className: "volr:flex volr:items-start volr:justify-between volr:gap-2 volr:mb-1", children: [
2799
- /* @__PURE__ */ jsx("p", { className: "volr:text-sm volr:font-semibold volr:text-slate-900", children: t("deposit.completed") }),
2830
+ /* @__PURE__ */ jsx("p", { className: "volr:text-sm volr:font-semibold", children: t("deposit.completed") }),
2800
2831
  /* @__PURE__ */ jsx(
2801
2832
  "button",
2802
2833
  {
2803
2834
  onClick: onClose,
2804
- className: "volr:flex-shrink-0 volr:w-6 volr:h-6 volr:flex volr:items-center volr:justify-center volr:rounded-full volr:bg-slate-100 volr:text-slate-500 hover:volr:bg-slate-200 hover:volr:text-slate-700 volr:transition-colors",
2835
+ 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",
2805
2836
  "aria-label": "Close",
2806
2837
  children: /* @__PURE__ */ jsxs(
2807
2838
  "svg",
@@ -2821,10 +2852,10 @@ var DepositCompletedToast = ({
2821
2852
  }
2822
2853
  )
2823
2854
  ] }),
2824
- /* @__PURE__ */ jsx("p", { className: "volr:text-sm volr:text-slate-700 volr:font-medium volr:mb-3", children: t("deposit.completedAmount", { amount: formattedDelta, symbol }) }),
2825
- expanded && /* @__PURE__ */ jsxs("div", { className: "volr:space-y-2 volr:mb-3 volr:p-3 volr:bg-slate-50 volr:rounded-lg volr:border volr:border-slate-100 volr:animate-[volrFadeIn_0.2s_ease-out]", children: [
2855
+ /* @__PURE__ */ jsx("p", { className: "volr:text-sm volr:font-medium volr:mb-3", children: t("deposit.completedAmount", { amount: formattedDelta, symbol }) }),
2856
+ expanded && /* @__PURE__ */ 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: [
2826
2857
  /* @__PURE__ */ jsxs("div", { className: "volr:flex volr:justify-between volr:text-xs", children: [
2827
- /* @__PURE__ */ jsx("span", { className: "volr:text-slate-500", children: t("deposit.amount") }),
2858
+ /* @__PURE__ */ jsx("span", { className: "volr-text-secondary", children: t("deposit.amount") }),
2828
2859
  /* @__PURE__ */ jsxs("span", { className: "volr:font-mono volr:text-emerald-600 volr:font-semibold", children: [
2829
2860
  "+",
2830
2861
  formattedDelta,
@@ -2833,16 +2864,16 @@ var DepositCompletedToast = ({
2833
2864
  ] })
2834
2865
  ] }),
2835
2866
  /* @__PURE__ */ jsxs("div", { className: "volr:flex volr:justify-between volr:text-xs", children: [
2836
- /* @__PURE__ */ jsx("span", { className: "volr:text-slate-500", children: t("deposit.previousBalance") }),
2837
- /* @__PURE__ */ jsxs("span", { className: "volr:font-mono volr:text-slate-600", children: [
2867
+ /* @__PURE__ */ jsx("span", { className: "volr-text-secondary", children: t("deposit.previousBalance") }),
2868
+ /* @__PURE__ */ jsxs("span", { className: "volr:font-mono volr-text-secondary", children: [
2838
2869
  formatAmount(previousBalance),
2839
2870
  " ",
2840
2871
  symbol
2841
2872
  ] })
2842
2873
  ] }),
2843
- /* @__PURE__ */ jsxs("div", { className: "volr:flex volr:justify-between volr:text-xs volr:pt-2 volr:border-t volr:border-slate-200", children: [
2844
- /* @__PURE__ */ jsx("span", { className: "volr:text-slate-500", children: t("deposit.newBalance") }),
2845
- /* @__PURE__ */ jsxs("span", { className: "volr:font-mono volr:text-slate-900 volr:font-semibold", children: [
2874
+ /* @__PURE__ */ jsxs("div", { className: "volr:flex volr:justify-between volr:text-xs volr:pt-2 volr:border-t volr-border", children: [
2875
+ /* @__PURE__ */ jsx("span", { className: "volr-text-secondary", children: t("deposit.newBalance") }),
2876
+ /* @__PURE__ */ jsxs("span", { className: "volr:font-mono volr:font-semibold", children: [
2846
2877
  formatAmount(newBalance),
2847
2878
  " ",
2848
2879
  symbol
@@ -2853,7 +2884,7 @@ var DepositCompletedToast = ({
2853
2884
  "button",
2854
2885
  {
2855
2886
  onClick: () => setExpanded(!expanded),
2856
- className: "volr:w-full volr:py-2.5 volr:text-xs volr:font-medium volr:text-slate-600 hover:volr:text-slate-900 volr:bg-slate-100 hover:volr:bg-slate-200 volr:rounded-lg volr:transition-colors volr:border volr:border-slate-200",
2887
+ 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",
2857
2888
  children: expanded ? t("deposit.seeLess") : t("deposit.seeMore")
2858
2889
  }
2859
2890
  )
@@ -2886,16 +2917,16 @@ var DepositCompletedToast = ({
2886
2917
  var DepositSkeleton = () => {
2887
2918
  return /* @__PURE__ */ jsxs("div", { className: "volr:animate-pulse", children: [
2888
2919
  /* @__PURE__ */ jsxs("div", { className: "volr:mb-4", children: [
2889
- /* @__PURE__ */ jsx("div", { className: "volr:h-7 volr:w-24 volr:bg-slate-200 volr:rounded volr:mb-2" }),
2890
- /* @__PURE__ */ jsx("div", { className: "volr:h-8 volr:w-36 volr:bg-slate-100 volr:rounded-lg" })
2920
+ /* @__PURE__ */ jsx("div", { className: "volr:h-7 volr:w-24 volr:rounded volr:mb-2 volr-bg-tertiary" }),
2921
+ /* @__PURE__ */ jsx("div", { className: "volr:h-8 volr:w-36 volr:rounded-lg volr-bg-secondary" })
2891
2922
  ] }),
2892
- /* @__PURE__ */ jsx("div", { className: "volr:flex volr:justify-center volr:mb-3", children: /* @__PURE__ */ jsx("div", { className: "volr:rounded-xl volr:bg-slate-100 volr:p-3 volr:border volr:border-slate-200/50", children: /* @__PURE__ */ jsx("div", { className: "volr:w-[200px] volr:h-[200px] volr:bg-slate-200 volr:rounded-lg" }) }) }),
2923
+ /* @__PURE__ */ jsx("div", { className: "volr:flex volr:justify-center volr:mb-3", children: /* @__PURE__ */ jsx("div", { className: "volr:rounded-xl volr:p-3 volr:border volr-bg-secondary volr-border", children: /* @__PURE__ */ jsx("div", { className: "volr:w-[200px] volr:h-[200px] volr:rounded-lg volr-bg-tertiary" }) }) }),
2893
2924
  /* @__PURE__ */ jsxs("div", { className: "volr:flex volr:items-center volr:justify-center volr:gap-2 volr:mb-3", children: [
2894
- /* @__PURE__ */ jsx("div", { className: "volr:w-1.5 volr:h-1.5 volr:bg-slate-300 volr:rounded-full" }),
2895
- /* @__PURE__ */ jsx("div", { className: "volr:h-3 volr:w-32 volr:bg-slate-200 volr:rounded" })
2925
+ /* @__PURE__ */ jsx("div", { className: "volr:w-1.5 volr:h-1.5 volr:rounded-full volr-bg-tertiary" }),
2926
+ /* @__PURE__ */ jsx("div", { className: "volr:h-3 volr:w-32 volr:rounded volr-bg-tertiary" })
2896
2927
  ] }),
2897
- /* @__PURE__ */ jsx("div", { className: "volr:space-y-3", children: /* @__PURE__ */ jsx("div", { className: "volr:bg-slate-50/50 volr:border volr:border-slate-200/50 volr:rounded-lg volr:p-3", children: /* @__PURE__ */ jsx("div", { className: "volr:flex volr:items-center volr:justify-center", children: /* @__PURE__ */ jsx("div", { className: "volr:h-4 volr:w-48 volr:bg-slate-200 volr:rounded" }) }) }) }),
2898
- /* @__PURE__ */ jsx("div", { className: "volr:text-center volr:pt-3 volr:border-t volr:border-slate-100 volr:mt-3", children: /* @__PURE__ */ jsx("div", { className: "volr:h-3 volr:w-44 volr:bg-slate-100 volr:rounded volr:mx-auto" }) })
2928
+ /* @__PURE__ */ jsx("div", { className: "volr:space-y-3", children: /* @__PURE__ */ jsx("div", { className: "volr:border volr:rounded-lg volr:p-3 volr-bg-secondary volr-border", children: /* @__PURE__ */ jsx("div", { className: "volr:flex volr:items-center volr:justify-center", children: /* @__PURE__ */ jsx("div", { className: "volr:h-4 volr:w-48 volr:rounded volr-bg-tertiary" }) }) }) }),
2929
+ /* @__PURE__ */ jsx("div", { className: "volr:text-center volr:pt-3 volr:border-t volr:mt-3 volr-border", children: /* @__PURE__ */ jsx("div", { className: "volr:h-3 volr:w-44 volr:rounded volr:mx-auto volr-bg-secondary" }) })
2899
2930
  ] });
2900
2931
  };
2901
2932
  function DepositQRView(props) {
@@ -2956,15 +2987,15 @@ function DepositQRView(props) {
2956
2987
  const decimals = props.asset === "native" ? 18 : props.asset.decimals;
2957
2988
  return /* @__PURE__ */ jsxs("div", { className: "volr:relative", children: [
2958
2989
  /* @__PURE__ */ jsxs("div", { className: "volr:mb-4", children: [
2959
- /* @__PURE__ */ jsx("p", { className: "volr:text-xl volr:font-semibold volr:text-slate-900 volr:mb-2", children: t("deposit.qrTitle") }),
2960
- /* @__PURE__ */ jsxs("div", { className: "volr:inline-flex volr:items-center volr:gap-2 volr:px-3 volr:py-1.5 volr:rounded-lg volr:bg-slate-100", children: [
2961
- /* @__PURE__ */ jsx("span", { className: "volr:text-sm volr:font-medium volr:text-slate-700", children: tokenSymbol }),
2962
- /* @__PURE__ */ jsx("span", { className: "volr:text-slate-400", children: "\u2022" }),
2963
- /* @__PURE__ */ jsx("span", { className: "volr:text-sm volr:text-slate-500", children: displayChainName })
2990
+ /* @__PURE__ */ jsx("p", { className: "volr:text-xl volr:font-semibold volr:mb-2", children: t("deposit.qrTitle") }),
2991
+ /* @__PURE__ */ jsxs("div", { className: "volr:inline-flex volr:items-center volr:gap-2 volr:px-3 volr:py-1.5 volr:rounded-lg volr-bg-secondary", children: [
2992
+ /* @__PURE__ */ jsx("span", { className: "volr:text-sm volr:font-medium", children: tokenSymbol }),
2993
+ /* @__PURE__ */ jsx("span", { className: "volr-text-muted", children: "\u2022" }),
2994
+ /* @__PURE__ */ jsx("span", { className: "volr:text-sm volr-text-secondary", children: displayChainName })
2964
2995
  ] })
2965
2996
  ] }),
2966
2997
  /* @__PURE__ */ jsx("div", { className: "volr:flex volr:justify-center volr:mb-3", children: /* @__PURE__ */ jsxs("div", { className: "volr:relative", children: [
2967
- /* @__PURE__ */ jsx("div", { className: "volr:relative volr:rounded-xl volr:bg-white volr:p-3 volr:shadow-sm volr:border volr:border-slate-200/50 volr:z-10", children: /* @__PURE__ */ jsx(
2998
+ /* @__PURE__ */ jsx("div", { className: "volr:relative volr:rounded-xl volr:p-3 volr:shadow-sm volr:border volr:z-10 volr-surface volr-border", children: /* @__PURE__ */ jsx(
2968
2999
  "img",
2969
3000
  {
2970
3001
  alt: "Deposit QR",
@@ -2979,27 +3010,27 @@ function DepositQRView(props) {
2979
3010
  /* @__PURE__ */ jsx(DepositQRStatusOverlay, { status: status.state })
2980
3011
  ] }) }),
2981
3012
  (status.state === "listening" || status.state === "idle") && /* @__PURE__ */ jsxs("div", { className: "volr:flex volr:items-center volr:justify-center volr:gap-2 volr:mb-3", children: [
2982
- /* @__PURE__ */ jsx("div", { className: "volr:w-1.5 volr:h-1.5 volr:bg-slate-500 volr:rounded-full volr:animate-pulse" }),
2983
- /* @__PURE__ */ jsx("span", { className: "volr:text-xs volr:text-slate-500", children: t("deposit.listening") })
3013
+ /* @__PURE__ */ jsx("div", { className: "volr:w-1.5 volr:h-1.5 volr:rounded-full volr:animate-pulse volr-text-secondary", style: { backgroundColor: "currentColor" } }),
3014
+ /* @__PURE__ */ jsx("span", { className: "volr:text-xs volr-text-secondary", children: t("deposit.listening") })
2984
3015
  ] }),
2985
- status.state === "error" && /* @__PURE__ */ jsxs("div", { className: "volr:text-xs volr:text-red-500 volr:text-center volr:mb-3", children: [
3016
+ status.state === "error" && /* @__PURE__ */ jsxs("div", { className: "volr:text-xs volr:text-center volr:mb-3 volr-error", children: [
2986
3017
  "Error: ",
2987
3018
  status.message
2988
3019
  ] }),
2989
3020
  /* @__PURE__ */ jsxs("div", { className: "volr:space-y-3", children: [
2990
- /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("div", { className: "volr:relative volr:bg-slate-50/50 volr:border volr:border-slate-200/50 volr:rounded-lg volr:p-3 volr:hover:bg-slate-50 volr:hover:border-slate-200 volr:transition-all", children: /* @__PURE__ */ jsxs("div", { className: "volr:flex volr:items-center volr:justify-between volr:gap-3", children: [
2991
- /* @__PURE__ */ jsx("p", { className: "volr:font-mono volr:text-xs volr:font-medium volr:text-slate-700 volr:flex-1 volr:text-center", children: `${props.address.slice(0, 10)}...${props.address.slice(-8)}` }),
3021
+ /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("div", { className: "volr:relative volr:border volr:rounded-lg volr:p-3 volr:transition-all volr-bg-secondary volr-border volr-hover", children: /* @__PURE__ */ jsxs("div", { className: "volr:flex volr:items-center volr:justify-between volr:gap-3", children: [
3022
+ /* @__PURE__ */ jsx("p", { className: "volr:font-mono volr:text-xs volr:font-medium volr:flex-1 volr:text-center", children: `${props.address.slice(0, 10)}...${props.address.slice(-8)}` }),
2992
3023
  /* @__PURE__ */ jsx(
2993
3024
  CopyButton,
2994
3025
  {
2995
3026
  text: props.address,
2996
- className: "volr:flex-shrink-0 volr:absolute volr:right-2"
3027
+ className: "volr:shrink-0 volr:absolute volr:right-2"
2997
3028
  }
2998
3029
  )
2999
3030
  ] }) }) }),
3000
- status.state === "error" && /* @__PURE__ */ jsx("div", { className: "volr:text-xs volr:text-red-500 volr:text-center volr:mb-4", children: status.message })
3031
+ status.state === "error" && /* @__PURE__ */ jsx("div", { className: "volr:text-xs volr:text-center volr:mb-4 volr-error", children: status.message })
3001
3032
  ] }),
3002
- /* @__PURE__ */ jsx("div", { className: "volr:text-center volr:pt-3 volr:border-t volr:border-slate-100", children: /* @__PURE__ */ jsxs("span", { className: "volr:text-xs volr:text-slate-500", children: [
3033
+ /* @__PURE__ */ jsx("div", { className: "volr:text-center volr:pt-3 volr:border-t volr-border", children: /* @__PURE__ */ jsxs("span", { className: "volr:text-xs volr-text-secondary", children: [
3003
3034
  t("deposit.noToken"),
3004
3035
  " ",
3005
3036
  /* @__PURE__ */ jsx(
@@ -3046,19 +3077,19 @@ function DepositModalBody({
3046
3077
  if (error) {
3047
3078
  return /* @__PURE__ */ jsxs("div", { className: "volr:relative", children: [
3048
3079
  /* @__PURE__ */ jsx(DepositSkeleton, {}),
3049
- /* @__PURE__ */ jsx("div", { className: "volr:absolute volr:inset-0 volr:bg-white/90 volr:flex volr:items-center volr:justify-center", children: /* @__PURE__ */ jsx("p", { className: "volr:text-sm volr:text-red-600 volr:text-center volr:px-4", children: error }) })
3080
+ /* @__PURE__ */ jsx("div", { className: "volr:absolute volr:inset-0 volr:flex volr:items-center volr:justify-center volr-surface", style: { opacity: 0.9 }, children: /* @__PURE__ */ jsx("p", { className: "volr:text-sm volr:text-center volr:px-4 volr-error", children: error }) })
3050
3081
  ] });
3051
3082
  }
3052
3083
  if (depositAssets.length === 0) {
3053
3084
  return /* @__PURE__ */ jsxs("div", { className: "volr:relative", children: [
3054
3085
  /* @__PURE__ */ jsx(DepositSkeleton, {}),
3055
- /* @__PURE__ */ jsx("div", { className: "volr:absolute volr:inset-0 volr:bg-white/90 volr:flex volr:items-center volr:justify-center", children: /* @__PURE__ */ jsx("p", { className: "volr:text-sm volr:text-slate-600 volr:text-center volr:px-4", children: "No payment token configured. Please contact the app developer." }) })
3086
+ /* @__PURE__ */ jsx("div", { className: "volr:absolute volr:inset-0 volr:flex volr:items-center volr:justify-center volr-surface", style: { opacity: 0.9 }, children: /* @__PURE__ */ 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." }) })
3056
3087
  ] });
3057
3088
  }
3058
3089
  if (!evmAddress) {
3059
3090
  return /* @__PURE__ */ jsxs("div", { className: "volr:relative", children: [
3060
3091
  /* @__PURE__ */ jsx(DepositSkeleton, {}),
3061
- /* @__PURE__ */ jsx("div", { className: "volr:absolute volr:inset-0 volr:bg-white/90 volr:flex volr:items-center volr:justify-center", children: /* @__PURE__ */ jsx("p", { className: "volr:text-sm volr:text-slate-600 volr:text-center volr:px-4", children: "Wallet address is not ready. Please finish wallet setup first." }) })
3092
+ /* @__PURE__ */ jsx("div", { className: "volr:absolute volr:inset-0 volr:flex volr:items-center volr:justify-center volr-surface", style: { opacity: 0.9 }, children: /* @__PURE__ */ 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." }) })
3062
3093
  ] });
3063
3094
  }
3064
3095
  if (depositAssets.length === 1) {
@@ -3172,6 +3203,9 @@ var useVolrUI = () => {
3172
3203
  }
3173
3204
  return context;
3174
3205
  };
3206
+ var useVolrUIOptional = () => {
3207
+ return useContext(VolrUIContext);
3208
+ };
3175
3209
  function OnboardingFlow({
3176
3210
  keyStorageType,
3177
3211
  onComplete
@@ -3217,8 +3251,9 @@ var VolrUIProvider = ({
3217
3251
  const {
3218
3252
  appName,
3219
3253
  accentColor = "#303030",
3254
+ theme = "light",
3220
3255
  enabledLoginMethods = ["email", "social", "siwe"],
3221
- socialProviders = ["google", "twitter", "apple"],
3256
+ socialProviders = ["google", "twitter"],
3222
3257
  branding,
3223
3258
  keyStorageType = "passkey"
3224
3259
  } = config;
@@ -3240,9 +3275,9 @@ var VolrUIProvider = ({
3240
3275
  }, [keyStorageType, providerPolicy.enforceOnFirstLogin]);
3241
3276
  if (keyStorageTypeError) {
3242
3277
  return /* @__PURE__ */ jsx(Modal, { open: true, onOpenChange: () => {
3243
- }, children: /* @__PURE__ */ jsxs("div", { className: "max-w-md mx-auto", children: [
3244
- /* @__PURE__ */ jsx("p", { className: "volr:text-lg volr:font-semibold volr:text-red-600 volr:mb-5", children: "Configuration Error" }),
3245
- /* @__PURE__ */ jsx("div", { className: "text-sm text-gray-700 mb-6 leading-relaxed", children: keyStorageTypeError })
3278
+ }, children: /* @__PURE__ */ jsxs("div", { className: "volr:max-w-md volr:mx-auto", children: [
3279
+ /* @__PURE__ */ jsx("p", { className: "volr:text-lg volr:font-semibold volr:mb-5 volr-error", children: "Configuration Error" }),
3280
+ /* @__PURE__ */ jsx("div", { className: "volr:text-sm volr:mb-6 volr:leading-relaxed volr-text-secondary", children: keyStorageTypeError })
3246
3281
  ] }) });
3247
3282
  }
3248
3283
  return /* @__PURE__ */ jsx(VolrProvider, { config, children: /* @__PURE__ */ jsx(I18nProvider, { children: /* @__PURE__ */ jsx(
@@ -3251,12 +3286,19 @@ var VolrUIProvider = ({
3251
3286
  value: {
3252
3287
  accentColor,
3253
3288
  appName,
3289
+ theme,
3254
3290
  enabledLoginMethods,
3255
3291
  socialProviders,
3256
3292
  branding,
3257
3293
  keyStorageType
3258
3294
  },
3259
3295
  children: /* @__PURE__ */ jsxs(VolrModalProvider, { children: [
3296
+ /* @__PURE__ */ jsx(
3297
+ OAuthCallbackHandler,
3298
+ {
3299
+ onShowOnboarding: () => setShowOnboarding(true)
3300
+ }
3301
+ ),
3260
3302
  /* @__PURE__ */ jsx(
3261
3303
  OnboardingChecker,
3262
3304
  {
@@ -3403,6 +3445,45 @@ function DepositModalPortal() {
3403
3445
  portalRoot
3404
3446
  );
3405
3447
  }
3448
+ function OAuthCallbackHandler({
3449
+ onShowOnboarding
3450
+ }) {
3451
+ const [hasCode, setHasCode] = useState(false);
3452
+ useEffect(() => {
3453
+ if (typeof window === "undefined") return;
3454
+ const params = new URLSearchParams(window.location.search);
3455
+ const code = params.get("code");
3456
+ if (code?.startsWith("volr_auth_")) {
3457
+ setHasCode(true);
3458
+ }
3459
+ }, []);
3460
+ const { isLoading, error } = useVolrAuthCallback({
3461
+ onSuccess: (resultUser) => {
3462
+ console.log("[OAuthCallbackHandler] Login successful:", resultUser.email);
3463
+ if (!resultUser.keyStorageType) {
3464
+ onShowOnboarding();
3465
+ }
3466
+ },
3467
+ onError: (err) => {
3468
+ console.error("[OAuthCallbackHandler] Login failed:", err);
3469
+ }
3470
+ });
3471
+ if (!hasCode) return null;
3472
+ if (isLoading) {
3473
+ return /* @__PURE__ */ jsx(Modal, { open: true, onOpenChange: () => {
3474
+ }, children: /* @__PURE__ */ jsxs("div", { className: "volr:max-w-md volr:mx-auto volr:text-center volr:py-8", children: [
3475
+ /* @__PURE__ */ jsx("div", { className: "volr:animate-spin volr:w-8 volr:h-8 volr:border-2 volr-border-strong volr:rounded-full volr:mx-auto volr:mb-4", style: { borderTopColor: "var(--volr-text)" } }),
3476
+ /* @__PURE__ */ jsx("p", { className: "volr-text-secondary", children: "Completing login..." })
3477
+ ] }) });
3478
+ }
3479
+ if (error) {
3480
+ return /* @__PURE__ */ jsx(Modal, { open: true, onOpenChange: () => setHasCode(false), children: /* @__PURE__ */ jsxs("div", { className: "volr:max-w-md volr:mx-auto volr:text-center volr:py-8", children: [
3481
+ /* @__PURE__ */ jsx("p", { className: "volr:font-medium volr:mb-2 volr-error", children: "Login Failed" }),
3482
+ /* @__PURE__ */ jsx("p", { className: "volr:text-sm volr-text-secondary", children: error })
3483
+ ] }) });
3484
+ }
3485
+ return null;
3486
+ }
3406
3487
  function OnboardingChecker({
3407
3488
  keyStorageType,
3408
3489
  enforceSelection,
@@ -3526,6 +3607,6 @@ async function getCurrentChainId() {
3526
3607
  (*! noble-hashes - MIT License (c) 2022 Paul Miller (paulmillr.com) *)
3527
3608
  */
3528
3609
 
3529
- export { I18nContext, I18nProvider, MpcConnectView, PasskeyEnrollView, VolrUIProvider, getCurrentChainId, useI18n, useSwitchNetwork, useTranslation, useVolrModal, useVolrUI };
3610
+ export { I18nContext, I18nProvider, MpcConnectView, PasskeyEnrollView, VolrUIProvider, getCurrentChainId, useI18n, useSwitchNetwork, useTranslation, useVolrModal, useVolrUI, useVolrUIOptional };
3530
3611
  //# sourceMappingURL=index.js.map
3531
3612
  //# sourceMappingURL=index.js.map