@volr/react-ui 0.1.72 → 0.1.74

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 +274 -192
  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 +275 -194
  6. package/dist/index.js.map +1 -1
  7. package/package.json +3 -3
package/dist/index.cjs CHANGED
@@ -341,9 +341,32 @@ function useMediaQuery(query) {
341
341
  }
342
342
 
343
343
  // src/generated/volr-sdk-css.ts
344
- 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}}';
345
- function ShadowPortal({ children }) {
344
+ 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}}';
345
+ function useResolvedTheme(theme = "light") {
346
+ const [resolvedTheme, setResolvedTheme] = React10.useState(() => {
347
+ if (theme !== "system") return theme;
348
+ if (typeof window === "undefined") return "light";
349
+ return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
350
+ });
351
+ React10.useEffect(() => {
352
+ if (theme !== "system") {
353
+ setResolvedTheme(theme);
354
+ return;
355
+ }
356
+ const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
357
+ const handleChange = (e) => {
358
+ setResolvedTheme(e.matches ? "dark" : "light");
359
+ };
360
+ setResolvedTheme(mediaQuery.matches ? "dark" : "light");
361
+ mediaQuery.addEventListener("change", handleChange);
362
+ return () => mediaQuery.removeEventListener("change", handleChange);
363
+ }, [theme]);
364
+ return resolvedTheme;
365
+ }
366
+ function ShadowPortal({ children, theme = "light" }) {
346
367
  const [mountNode, setMountNode] = React10.useState(null);
368
+ const hostRef = React10.useRef(null);
369
+ const resolvedTheme = useResolvedTheme(theme);
347
370
  React10.useEffect(() => {
348
371
  const host = document.createElement("div");
349
372
  host.id = "volr-shadow-portal";
@@ -354,6 +377,7 @@ function ShadowPortal({ children }) {
354
377
  host.style.height = "0";
355
378
  host.style.zIndex = "9999";
356
379
  document.body.appendChild(host);
380
+ hostRef.current = host;
357
381
  const shadowRoot = host.attachShadow({ mode: "open" });
358
382
  const styleEl = document.createElement("style");
359
383
  styleEl.textContent = VOLR_SDK_CSS;
@@ -364,8 +388,14 @@ function ShadowPortal({ children }) {
364
388
  setMountNode(container);
365
389
  return () => {
366
390
  document.body.removeChild(host);
391
+ hostRef.current = null;
367
392
  };
368
393
  }, []);
394
+ React10.useEffect(() => {
395
+ if (hostRef.current) {
396
+ hostRef.current.setAttribute("data-theme", resolvedTheme);
397
+ }
398
+ }, [resolvedTheme]);
369
399
  if (!mountNode) return null;
370
400
  return reactDom.createPortal(children, mountNode);
371
401
  }
@@ -441,6 +471,8 @@ var Modal = ({
441
471
  const variant = explicitVariant ?? (isMobile ? "bottom-sheet" : "centered");
442
472
  const dialogRef = React10.useRef(null);
443
473
  const dialogId = React10.useId();
474
+ const uiContext = useVolrUIOptional();
475
+ const theme = uiContext?.theme ?? "light";
444
476
  useFocusTrap(open, dialogRef);
445
477
  React10.useEffect(() => {
446
478
  const handleEscape = (e) => {
@@ -459,7 +491,7 @@ var Modal = ({
459
491
  }, [open, onOpenChange, onEscapeKeyDown]);
460
492
  if (!open) return null;
461
493
  const isBottomSheet = variant === "bottom-sheet";
462
- return /* @__PURE__ */ jsxRuntime.jsxs(ShadowPortal, { children: [
494
+ return /* @__PURE__ */ jsxRuntime.jsxs(ShadowPortal, { theme, children: [
463
495
  /* @__PURE__ */ jsxRuntime.jsx(
464
496
  "div",
465
497
  {
@@ -491,7 +523,7 @@ var Modal = ({
491
523
  "aria-label": ariaLabel,
492
524
  tabIndex: -1,
493
525
  className: cn(
494
- "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",
526
+ "volr:border volr:shadow-xl volr:overflow-y-auto volr:relative volr:w-full volr:pointer-events-auto volr-surface volr-border-strong",
495
527
  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]",
496
528
  className,
497
529
  contentClassName
@@ -504,6 +536,74 @@ var Modal = ({
504
536
  )
505
537
  ] });
506
538
  };
539
+ function ErrorIcon({ className, size = 16 }) {
540
+ return /* @__PURE__ */ jsxRuntime.jsx(
541
+ "svg",
542
+ {
543
+ width: size,
544
+ height: size,
545
+ viewBox: "0 0 24 24",
546
+ fill: "currentColor",
547
+ className,
548
+ children: /* @__PURE__ */ jsxRuntime.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" })
549
+ }
550
+ );
551
+ }
552
+ function CloseIcon({ className, size = 20 }) {
553
+ return /* @__PURE__ */ jsxRuntime.jsxs(
554
+ "svg",
555
+ {
556
+ width: size,
557
+ height: size,
558
+ viewBox: "0 0 24 24",
559
+ fill: "none",
560
+ stroke: "currentColor",
561
+ strokeWidth: "2",
562
+ strokeLinecap: "round",
563
+ strokeLinejoin: "round",
564
+ className,
565
+ children: [
566
+ /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
567
+ /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
568
+ ]
569
+ }
570
+ );
571
+ }
572
+ function BackIcon({ className, size = 20 }) {
573
+ return /* @__PURE__ */ jsxRuntime.jsx(
574
+ "svg",
575
+ {
576
+ width: size,
577
+ height: size,
578
+ viewBox: "0 0 24 24",
579
+ fill: "none",
580
+ stroke: "currentColor",
581
+ strokeWidth: "2",
582
+ className,
583
+ children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19 12H5M12 19l-7-7 7-7" })
584
+ }
585
+ );
586
+ }
587
+ function EmailIcon({ className, size = 20 }) {
588
+ return /* @__PURE__ */ jsxRuntime.jsxs(
589
+ "svg",
590
+ {
591
+ width: size,
592
+ height: size,
593
+ viewBox: "0 0 24 24",
594
+ fill: "none",
595
+ stroke: "currentColor",
596
+ strokeWidth: "1.8",
597
+ strokeLinecap: "round",
598
+ strokeLinejoin: "round",
599
+ className,
600
+ children: [
601
+ /* @__PURE__ */ jsxRuntime.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" }),
602
+ /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "3", y: "6", width: "18", height: "12", rx: "2.2" })
603
+ ]
604
+ }
605
+ );
606
+ }
507
607
  var ModalHeader = ({
508
608
  className,
509
609
  back = false,
@@ -527,21 +627,10 @@ var ModalHeader = ({
527
627
  "button",
528
628
  {
529
629
  onClick: onBack,
530
- 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",
630
+ 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",
531
631
  type: "button",
532
632
  children: [
533
- /* @__PURE__ */ jsxRuntime.jsx(
534
- "svg",
535
- {
536
- width: "20",
537
- height: "20",
538
- viewBox: "0 0 24 24",
539
- fill: "none",
540
- stroke: "currentColor",
541
- strokeWidth: "2",
542
- children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19 12H5M12 19l-7-7 7-7" })
543
- }
544
- ),
633
+ /* @__PURE__ */ jsxRuntime.jsx(BackIcon, {}),
545
634
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "volr:text-sm volr:font-medium", children: t("common.back") })
546
635
  ]
547
636
  }
@@ -553,26 +642,9 @@ var ModalHeader = ({
553
642
  {
554
643
  type: "button",
555
644
  onClick: onClose,
556
- className: "volr:p-1 volr:rounded-lg volr:text-slate-400 hover:volr:text-slate-600 hover:volr:bg-slate-100 volr:transition-colors",
645
+ className: "volr:p-1 volr:rounded-lg volr:transition-colors volr-text-muted volr-hover",
557
646
  "aria-label": "Close",
558
- children: /* @__PURE__ */ jsxRuntime.jsxs(
559
- "svg",
560
- {
561
- width: "20",
562
- height: "20",
563
- viewBox: "0 0 24 24",
564
- fill: "none",
565
- xmlns: "http://www.w3.org/2000/svg",
566
- stroke: "currentColor",
567
- strokeWidth: "2",
568
- strokeLinecap: "round",
569
- strokeLinejoin: "round",
570
- children: [
571
- /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
572
- /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
573
- ]
574
- }
575
- )
647
+ children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, {})
576
648
  }
577
649
  )
578
650
  ]
@@ -608,19 +680,19 @@ function WalletConnectedView({ user, onClose, showHeader = true }) {
608
680
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
609
681
  showHeader && onClose && /* @__PURE__ */ jsxRuntime.jsx(ModalHeader, { onClose }),
610
682
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "", children: [
611
- /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-xl volr:font-semibold volr:text-slate-900 volr:mb-5", children: "Wallet Connected" }),
612
- user.evmAddress ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:bg-slate-50 volr:rounded-lg volr:p-5 volr:mb-6 volr:text-left", children: [
683
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-xl volr:font-semibold volr:mb-5", children: "Wallet Connected" }),
684
+ user.evmAddress ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:rounded-lg volr:p-5 volr:mb-6 volr:text-left volr-bg-secondary", children: [
613
685
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:mb-3", children: [
614
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:text-xs volr:text-slate-500 volr:mb-1 volr:font-medium", children: "Wallet Address" }),
615
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:text-sm volr:text-slate-900 volr:font-mono volr:break-all", children: user.evmAddress })
686
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:text-xs volr:mb-1 volr:font-medium volr-text-secondary", children: "Wallet Address" }),
687
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:text-sm volr:font-mono volr:break-all", children: user.evmAddress })
616
688
  ] }),
617
689
  /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
618
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:text-xs volr:text-slate-500 volr:mb-1 volr:font-medium", children: "Key Storage Type" }),
619
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:text-sm volr:text-slate-900 volr:capitalize", children: user.keyStorageType })
690
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:text-xs volr:mb-1 volr:font-medium volr-text-secondary", children: "Key Storage Type" }),
691
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:text-sm volr:capitalize", children: user.keyStorageType })
620
692
  ] })
621
- ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:bg-slate-50 volr:rounded-lg volr:p-5 volr:mb-6 volr:text-left", children: [
622
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:text-sm volr:text-slate-500 volr:mb-2", children: "Passkey is set up" }),
623
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:text-xs volr:text-slate-400", children: "Wallet address will be available after provider is restored." })
693
+ ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:rounded-lg volr:p-5 volr:mb-6 volr:text-left volr-bg-secondary", children: [
694
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:text-sm volr:mb-2 volr-text-secondary", children: "Passkey is set up" }),
695
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:text-xs volr-text-muted", children: "Wallet address will be available after provider is restored." })
624
696
  ] })
625
697
  ] })
626
698
  ] });
@@ -847,9 +919,9 @@ var sizeMap = {
847
919
  };
848
920
  var variantMap = {
849
921
  primary: { backgroundColor: void 0, color: "#fff", border: "none" },
850
- secondary: { backgroundColor: "#f1f5f9", color: "#0f172a", border: "none" },
851
- ghost: { backgroundColor: "transparent", color: "#475569", border: "none" },
852
- outline: { backgroundColor: "transparent", color: "#475569", border: "1px solid #e2e8f0" }
922
+ secondary: { backgroundColor: "var(--volr-bg-tertiary)", color: "var(--volr-text)", border: "none" },
923
+ ghost: { backgroundColor: "transparent", color: "var(--volr-text-secondary)", border: "none" },
924
+ outline: { backgroundColor: "transparent", color: "var(--volr-text-secondary)", border: "1px solid var(--volr-border)" }
853
925
  };
854
926
  var Button = React10__default.default.forwardRef(
855
927
  ({ variant = "primary", size = "md", fullWidth, className, style, disabled, children, ...props }, ref) => {
@@ -900,9 +972,9 @@ function PasskeyEnrollForm({
900
972
  }) {
901
973
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
902
974
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:my-8 volr:flex volr:justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(BiometricIcon, { type: biometricType, size: 60 }) }),
903
- /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-base volr:text-slate-600 volr:mb-8 volr:text-center", children: biometricMessage }),
904
- errorMessage && /* @__PURE__ */ jsxRuntime.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: [
905
- /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", className: "volr:flex-shrink-0 volr:mt-0.5", children: /* @__PURE__ */ jsxRuntime.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" }) }),
975
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-base volr:mb-8 volr:text-center volr-text-secondary", children: biometricMessage }),
976
+ errorMessage && /* @__PURE__ */ jsxRuntime.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: [
977
+ /* @__PURE__ */ jsxRuntime.jsx(ErrorIcon, { className: "volr:shrink-0 volr:mt-0.5" }),
906
978
  /* @__PURE__ */ jsxRuntime.jsx("span", { children: errorMessage })
907
979
  ] }),
908
980
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex volr:flex-col volr:gap-3", children: [
@@ -924,8 +996,8 @@ function PasskeyEnrollLoading({
924
996
  }) {
925
997
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
926
998
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:mb-8 volr:flex volr:justify-center volr:items-center volr:min-h-[120px]", children: /* @__PURE__ */ jsxRuntime.jsx(BiometricIcon, { type: biometricType, size: 60, animate: isEnrolling }) }),
927
- /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-base volr:text-slate-500 volr:mb-4", children: stepMessage }),
928
- isEnrolling && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:w-full volr:mb-6", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:w-full volr:h-2 volr:bg-slate-100 volr:rounded-full volr:overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx(
999
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-base volr:mb-4 volr-text-secondary", children: stepMessage }),
1000
+ isEnrolling && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:w-full volr:mb-6", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:w-full volr:h-2 volr:rounded-full volr:overflow-hidden volr-bg-tertiary", children: /* @__PURE__ */ jsxRuntime.jsx(
929
1001
  "div",
930
1002
  {
931
1003
  className: "volr:h-full volr:rounded-full volr:transition-all volr:duration-500 volr:ease-out",
@@ -1119,7 +1191,7 @@ function PasskeyEnrollView({
1119
1191
  ) });
1120
1192
  }
1121
1193
  const content = /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
1122
- /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-xl volr:font-semibold volr:text-slate-900 volr:mb-5", children: t("passkey.start") }),
1194
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-xl volr:font-semibold volr:mb-5", children: t("passkey.start") }),
1123
1195
  !hasStarted ? /* @__PURE__ */ jsxRuntime.jsx(
1124
1196
  PasskeyEnrollForm,
1125
1197
  {
@@ -1252,7 +1324,7 @@ var CopyButton = ({ text, className, onCopy }) => {
1252
1324
  {
1253
1325
  onClick: handleCopy,
1254
1326
  className: cn(
1255
- "volr:p-2 volr:rounded-lg volr:text-slate-400 hover:volr:text-slate-700 hover:volr:bg-white volr:transition-all",
1327
+ "volr:p-2 volr:rounded-lg volr:transition-all volr-text-muted volr-hover",
1256
1328
  className
1257
1329
  ),
1258
1330
  "aria-label": "Copy",
@@ -1282,10 +1354,10 @@ function OptionButton({
1282
1354
  ),
1283
1355
  ...rest,
1284
1356
  children: [
1285
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "volr:flex volr:h-8 volr:w-8 volr:items-center volr:justify-center volr:text-slate-700", children: icon }),
1357
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "volr:flex volr:h-8 volr:w-8 volr:items-center volr:justify-center", children: icon }),
1286
1358
  /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "volr:flex volr:min-w-0 volr:flex-col", children: [
1287
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "volr:truncate volr:text-left volr:text-sm volr:font-medium volr:text-slate-900", children: title }),
1288
- description ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "volr:truncate volr:text-left volr:text-xs volr:text-slate-500", children: description }) : null
1359
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "volr:truncate volr:text-left volr:text-sm volr:font-medium", children: title }),
1360
+ description ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "volr:truncate volr:text-left volr:text-xs volr-text-secondary", children: description }) : null
1289
1361
  ] })
1290
1362
  ]
1291
1363
  }
@@ -1404,13 +1476,13 @@ function WalletOption({ onClick }) {
1404
1476
  OptionButton,
1405
1477
  {
1406
1478
  onClick,
1407
- icon: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "volr:text-slate-700", children: /* @__PURE__ */ jsxRuntime.jsx(WalletIcon, {}) }),
1479
+ icon: /* @__PURE__ */ jsxRuntime.jsx(WalletIcon, {}),
1408
1480
  title: t("login.wallet.label")
1409
1481
  }
1410
1482
  );
1411
1483
  }
1412
1484
  function PoweredBy() {
1413
- return /* @__PURE__ */ jsxRuntime.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: [
1485
+ return /* @__PURE__ */ jsxRuntime.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: [
1414
1486
  /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Powered by" }),
1415
1487
  /* @__PURE__ */ jsxRuntime.jsx(
1416
1488
  "svg",
@@ -1418,54 +1490,20 @@ function PoweredBy() {
1418
1490
  viewBox: "0 0 943 289",
1419
1491
  fill: "none",
1420
1492
  xmlns: "http://www.w3.org/2000/svg",
1421
- className: "volr:inline-block",
1422
- style: { height: "0.8em", width: "auto", verticalAlign: "baseline" },
1493
+ className: "volr:inline-block volr:h-[0.8em] volr:w-auto volr:align-baseline volr-text-secondary",
1494
+ style: { fill: "currentColor" },
1423
1495
  "aria-label": "Volr",
1424
1496
  children: /* @__PURE__ */ jsxRuntime.jsx(
1425
1497
  "path",
1426
1498
  {
1427
1499
  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",
1428
- className: "volr:fill-slate-500"
1500
+ fill: "currentColor"
1429
1501
  }
1430
1502
  )
1431
1503
  }
1432
1504
  )
1433
1505
  ] });
1434
1506
  }
1435
- var EmailIcon = () => /* @__PURE__ */ jsxRuntime.jsxs(
1436
- "svg",
1437
- {
1438
- width: "20",
1439
- height: "20",
1440
- viewBox: "0 0 24 24",
1441
- fill: "none",
1442
- xmlns: "http://www.w3.org/2000/svg",
1443
- children: [
1444
- /* @__PURE__ */ jsxRuntime.jsx(
1445
- "path",
1446
- {
1447
- 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",
1448
- stroke: "currentColor",
1449
- strokeWidth: "1.8",
1450
- strokeLinecap: "round",
1451
- strokeLinejoin: "round"
1452
- }
1453
- ),
1454
- /* @__PURE__ */ jsxRuntime.jsx(
1455
- "rect",
1456
- {
1457
- x: "3",
1458
- y: "6",
1459
- width: "18",
1460
- height: "12",
1461
- rx: "2.2",
1462
- stroke: "currentColor",
1463
- strokeWidth: "1.8"
1464
- }
1465
- )
1466
- ]
1467
- }
1468
- );
1469
1507
  function EmailInlineInput({ onSubmit, accentColor }) {
1470
1508
  const { t } = useI18n();
1471
1509
  const [email, setEmail] = React10.useState("");
@@ -1484,15 +1522,8 @@ function EmailInlineInput({ onSubmit, accentColor }) {
1484
1522
  }
1485
1523
  };
1486
1524
  return /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit, children: [
1487
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:relative", children: [
1488
- /* @__PURE__ */ jsxRuntime.jsx(
1489
- "div",
1490
- {
1491
- className: "volr:absolute volr:left-3 volr:pointer-events-none volr:text-slate-400",
1492
- style: { top: "50%", transform: "translateY(-50%)" },
1493
- children: /* @__PURE__ */ jsxRuntime.jsx(EmailIcon, {})
1494
- }
1495
- ),
1525
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:relative volr:flex volr:items-center", children: [
1526
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:absolute volr:left-3 volr:pointer-events-none volr-text-muted", children: /* @__PURE__ */ jsxRuntime.jsx(EmailIcon, {}) }),
1496
1527
  /* @__PURE__ */ jsxRuntime.jsx(
1497
1528
  "input",
1498
1529
  {
@@ -1505,7 +1536,7 @@ function EmailInlineInput({ onSubmit, accentColor }) {
1505
1536
  }
1506
1537
  )
1507
1538
  ] }),
1508
- error && /* @__PURE__ */ jsxRuntime.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 }),
1539
+ error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:mt-2 volr:rounded-lg volr:border volr:text-sm volr:p-3 volr-error", children: error }),
1509
1540
  /* @__PURE__ */ jsxRuntime.jsx(
1510
1541
  Button,
1511
1542
  {
@@ -1521,9 +1552,9 @@ function EmailInlineInput({ onSubmit, accentColor }) {
1521
1552
  }
1522
1553
  function Divider({ text = "\uB610\uB294" }) {
1523
1554
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex volr:items-center volr:gap-3 volr:my-6", children: [
1524
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:flex-1 volr:h-px volr:bg-slate-200" }),
1525
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "volr:text-sm volr:text-slate-400", children: text }),
1526
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:flex-1 volr:h-px volr:bg-slate-200" })
1555
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:flex-1 volr:h-px volr-divider-line" }),
1556
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "volr:text-sm volr-text-muted", children: text }),
1557
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:flex-1 volr:h-px volr-divider-line" })
1527
1558
  ] });
1528
1559
  }
1529
1560
  function BrandingPanel({ config }) {
@@ -1561,7 +1592,7 @@ function SigninSelectScreen({
1561
1592
  className: `volr:flex volr:flex-col volr:gap-4 ${showBrandingColumn ? "volr:p-4" : ""}`,
1562
1593
  children: [
1563
1594
  /* @__PURE__ */ jsxRuntime.jsx(ModalHeader, { onClose }),
1564
- /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-2xl volr:font-semibold volr:text-slate-900 volr:mb-5", children: t("login.title") }),
1595
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-2xl volr:font-semibold volr:mb-5", children: t("login.title") }),
1565
1596
  isEmailEnabled && /* @__PURE__ */ jsxRuntime.jsx(
1566
1597
  EmailInlineInput,
1567
1598
  {
@@ -1661,8 +1692,8 @@ function CodeInputScreen({ email, onSubmit, onResend }) {
1661
1692
  }
1662
1693
  };
1663
1694
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
1664
- /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-2xl volr:font-semibold volr:text-slate-900 volr:mb-3", children: t("login.email.verifyTitle") }),
1665
- /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr:text-slate-500 volr:mb-8", children: t("login.email.verifyDescription", { email }) }),
1695
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-2xl volr:font-semibold volr:mb-3", children: t("login.email.verifyTitle") }),
1696
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr:mb-8 volr-text-secondary", children: t("login.email.verifyDescription", { email }) }),
1666
1697
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:flex volr:gap-3 volr:mb-6 volr:justify-center", children: digits.map((digit, index) => /* @__PURE__ */ jsxRuntime.jsx(
1667
1698
  "input",
1668
1699
  {
@@ -1675,10 +1706,10 @@ function CodeInputScreen({ email, onSubmit, onResend }) {
1675
1706
  onKeyDown: (e) => handleKeyDown(index, e),
1676
1707
  onPaste: index === 0 ? handlePaste : void 0,
1677
1708
  disabled: isLoading,
1678
- 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",
1709
+ 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",
1679
1710
  style: {
1680
- border: `2px solid ${digit ? accentColor : "#cbd5e1"}`,
1681
- backgroundColor: isLoading ? void 0 : "#fff"
1711
+ border: `2px solid ${digit ? accentColor : "var(--volr-border-strong)"}`,
1712
+ backgroundColor: isLoading ? "var(--volr-bg-secondary)" : "var(--volr-bg)"
1682
1713
  },
1683
1714
  onFocus: (e) => {
1684
1715
  e.target.style.borderColor = accentColor;
@@ -1686,15 +1717,15 @@ function CodeInputScreen({ email, onSubmit, onResend }) {
1686
1717
  },
1687
1718
  onBlur: (e) => {
1688
1719
  if (!digit) {
1689
- e.target.style.borderColor = "#cbd5e1";
1720
+ e.target.style.borderColor = "var(--volr-border-strong)";
1690
1721
  }
1691
1722
  e.target.style.boxShadow = "none";
1692
1723
  }
1693
1724
  },
1694
1725
  index
1695
1726
  )) }),
1696
- error && /* @__PURE__ */ jsxRuntime.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: [
1697
- /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", className: "volr:flex-shrink-0 volr:mt-0.5", children: /* @__PURE__ */ jsxRuntime.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" }) }),
1727
+ error && /* @__PURE__ */ jsxRuntime.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: [
1728
+ /* @__PURE__ */ jsxRuntime.jsx(ErrorIcon, { className: "volr:shrink-0 volr:mt-0.5" }),
1698
1729
  /* @__PURE__ */ jsxRuntime.jsx("span", { children: error })
1699
1730
  ] }),
1700
1731
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -2144,11 +2175,11 @@ Issued At: ${issuedAt}`;
2144
2175
  ]
2145
2176
  }
2146
2177
  ),
2147
- /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-2xl volr:font-semibold volr:text-slate-900 volr:mb-5", children: t("login.wallet.title") }),
2148
- account && /* @__PURE__ */ jsxRuntime.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: [
2178
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-2xl volr:font-semibold volr:mb-5", children: t("login.wallet.title") }),
2179
+ account && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:p-3 volr:rounded-lg volr:mb-6 volr:flex volr:items-center volr:justify-between volr-bg-secondary", children: [
2149
2180
  /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
2150
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:text-xs volr:text-slate-500 volr:mb-1", children: t("login.wallet.connected") }),
2151
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:text-sm volr:font-medium volr:text-slate-900 volr:font-mono", children: [
2181
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:text-xs volr:mb-1 volr-text-secondary", children: t("login.wallet.connected") }),
2182
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:text-sm volr:font-medium volr:font-mono", children: [
2152
2183
  account.slice(0, 6),
2153
2184
  "...",
2154
2185
  account.slice(-4)
@@ -2156,7 +2187,7 @@ Issued At: ${issuedAt}`;
2156
2187
  ] }),
2157
2188
  /* @__PURE__ */ jsxRuntime.jsx(CopyButton, { text: account })
2158
2189
  ] }),
2159
- error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:mb-4 volr:p-3 volr:bg-red-50 volr:border volr:border-red-200 volr:rounded-lg volr:text-red-700 volr:text-sm", children: error }),
2190
+ error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:mb-4 volr:p-3 volr:border volr:rounded-lg volr:text-sm volr-error", children: error }),
2160
2191
  step === "connect" ? /* @__PURE__ */ jsxRuntime.jsx(
2161
2192
  Button,
2162
2193
  {
@@ -2410,24 +2441,24 @@ function AccountModal({ isOpen, onClose, onError }) {
2410
2441
  return /* @__PURE__ */ jsxRuntime.jsxs(Modal, { open: isOpen, onOpenChange: (open) => !open && onClose(), children: [
2411
2442
  /* @__PURE__ */ jsxRuntime.jsx(ModalHeader, { onClose }),
2412
2443
  /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
2413
- /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-xl volr:font-semibold volr:text-slate-900 volr:mb-4", children: t("account.title") }),
2414
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:bg-slate-50 volr:rounded-xl volr:p-4 volr:mb-4", children: [
2444
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-xl volr:font-semibold volr:mb-4", children: t("account.title") }),
2445
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:rounded-xl volr:p-4 volr:mb-4 volr-bg-secondary", children: [
2415
2446
  user.evmAddress && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex volr:items-center volr:justify-between volr:gap-3", children: [
2416
2447
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex-1 volr:min-w-0", children: [
2417
- /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-xs volr:text-slate-500 volr:mb-1", children: t("account.walletAddress") }),
2418
- /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:font-mono volr:text-sm volr:font-medium volr:text-slate-900", children: displayAddress })
2448
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-xs volr:mb-1 volr-text-secondary", children: t("account.walletAddress") }),
2449
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:font-mono volr:text-sm volr:font-medium", children: displayAddress })
2419
2450
  ] }),
2420
2451
  /* @__PURE__ */ jsxRuntime.jsx(
2421
2452
  CopyButton,
2422
2453
  {
2423
2454
  text: user.evmAddress,
2424
- className: "volr:flex-shrink-0"
2455
+ className: "volr:shrink-0"
2425
2456
  }
2426
2457
  )
2427
2458
  ] }),
2428
- user.email && !user.email.includes("@wallet.") && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:mt-4 volr:pt-4 volr:border-t volr:border-slate-200", children: [
2429
- /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-xs volr:text-slate-500 volr:mb-1", children: t("account.email") }),
2430
- /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr:font-medium volr:text-slate-900", children: user.email })
2459
+ user.email && !user.email.includes("@wallet.") && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:mt-4 volr:pt-4 volr:border-t volr-border", children: [
2460
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-xs volr:mb-1 volr-text-secondary", children: t("account.email") }),
2461
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr:font-medium", children: user.email })
2431
2462
  ] })
2432
2463
  ] }),
2433
2464
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -2449,8 +2480,8 @@ function AssetSelectView({
2449
2480
  }) {
2450
2481
  const { t } = useI18n();
2451
2482
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
2452
- /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-xl volr:font-semibold volr:text-slate-900 volr:mb-1", children: t("deposit.selectTitle") }),
2453
- /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr:text-slate-500 volr:mb-4", children: "Supported token" }),
2483
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-xl volr:font-semibold volr:mb-1", children: t("deposit.selectTitle") }),
2484
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr:mb-4 volr-text-secondary", children: "Supported token" }),
2454
2485
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:space-y-3", children: assets.map((a, idx) => {
2455
2486
  const isNative = a.token === "native";
2456
2487
  const tokenSymbol = isNative ? "ETH" : a.token.symbol;
@@ -2459,33 +2490,33 @@ function AssetSelectView({
2459
2490
  "button",
2460
2491
  {
2461
2492
  className: cn(
2462
- "volr:w-full volr:p-4 volr:rounded-xl volr:border-2 volr:border-slate-200",
2493
+ "volr:w-full volr:p-4 volr:rounded-xl volr:border-2",
2463
2494
  "volr:text-left volr:transition-all",
2464
- "hover:volr:border-slate-300 hover:volr:bg-slate-50 hover:volr:shadow-sm",
2465
- "volr:flex volr:items-center volr:gap-4"
2495
+ "volr:flex volr:items-center volr:gap-4",
2496
+ "volr-border volr-hover"
2466
2497
  ),
2467
2498
  onClick: () => onSelect(idx),
2468
2499
  children: [
2469
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:flex-shrink-0", children: !isNative && a.token.iconUrl ? /* @__PURE__ */ jsxRuntime.jsx(
2500
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:shrink-0", children: !isNative && a.token.iconUrl ? /* @__PURE__ */ jsxRuntime.jsx(
2470
2501
  "img",
2471
2502
  {
2472
2503
  alt: a.token.symbol,
2473
2504
  src: a.token.iconUrl,
2474
- className: "volr:w-10 volr:h-10 volr:rounded-full volr:border volr:border-slate-200"
2505
+ className: "volr:w-10 volr:h-10 volr:rounded-full volr:border volr-border"
2475
2506
  }
2476
- ) : /* @__PURE__ */ jsxRuntime.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) }) }),
2507
+ ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:w-10 volr:h-10 volr:rounded-full volr:flex volr:items-center volr:justify-center volr:text-white volr:font-bold volr:text-sm volr-bg-tertiary", children: tokenSymbol.slice(0, 2) }) }),
2477
2508
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex-1 volr:min-w-0", children: [
2478
2509
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex volr:items-center volr:gap-2 volr:mb-1", children: [
2479
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "volr:text-base volr:font-semibold volr:text-slate-900", children: tokenSymbol }),
2480
- /* @__PURE__ */ jsxRuntime.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: [
2510
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "volr:text-base volr:font-semibold", children: tokenSymbol }),
2511
+ /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "volr:text-xs volr:px-2 volr:py-0.5 volr:rounded-full volr:font-medium volr-bg-secondary volr-text-secondary", children: [
2481
2512
  "Chain ",
2482
2513
  a.chainId
2483
2514
  ] })
2484
2515
  ] }),
2485
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:text-sm volr:text-slate-500", children: tokenName }),
2486
- !isNative && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:text-xs volr:text-slate-400 volr:font-mono volr:truncate volr:mt-1", children: a.token.address })
2516
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:text-sm volr-text-secondary", children: tokenName }),
2517
+ !isNative && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:text-xs volr:font-mono volr:truncate volr:mt-1 volr-text-muted", children: a.token.address })
2487
2518
  ] }),
2488
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:flex-shrink-0 volr:text-slate-400", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "9 18 15 12 9 6" }) }) })
2519
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:shrink-0 volr-text-muted", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "9 18 15 12 9 6" }) }) })
2489
2520
  ]
2490
2521
  },
2491
2522
  `${a.chainId}-${idx}`
@@ -2500,7 +2531,7 @@ var TextLinkButton = React10__default.default.forwardRef(({ showArrow = false, c
2500
2531
  ref,
2501
2532
  type: "button",
2502
2533
  className: cn(
2503
- "volr:text-slate-600 hover:volr:text-slate-900 volr:underline volr:transition-colors",
2534
+ "volr:underline volr:transition-colors volr-text-secondary",
2504
2535
  className
2505
2536
  ),
2506
2537
  ...props,
@@ -2519,8 +2550,8 @@ var OtherTokenModal = ({
2519
2550
  return /* @__PURE__ */ jsxRuntime.jsxs(Modal, { open, onOpenChange, children: [
2520
2551
  /* @__PURE__ */ jsxRuntime.jsx(ModalHeader, { onClose: () => onOpenChange(false) }),
2521
2552
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:text-center", children: [
2522
- /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-lg volr:font-semibold volr:text-slate-900 volr:mb-2", children: "Coming Soon" }),
2523
- /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr:text-slate-600", children: "Swap and bridge recommendations will be available here soon." })
2553
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-lg volr:font-semibold volr:mb-2", children: "Coming Soon" }),
2554
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr-text-secondary", children: "Swap and bridge recommendations will be available here soon." })
2524
2555
  ] })
2525
2556
  ] });
2526
2557
  };
@@ -2769,10 +2800,10 @@ var DepositCompletedToast = ({
2769
2800
  // Position: fixed to modal edges with negative margin to escape parent padding
2770
2801
  "volr:absolute volr:bottom-0 volr:z-50",
2771
2802
  "volr:-left-4 volr:-right-4",
2772
- // Appearance: white background with clear separation
2773
- "volr:bg-white volr:rounded-t-2xl",
2803
+ // Appearance: background with clear separation
2804
+ "volr:rounded-t-2xl volr-surface",
2774
2805
  // Border: top border for clear visual separation
2775
- "volr:border-t-2 volr:border-slate-200",
2806
+ "volr:border-t-2 volr-border-strong",
2776
2807
  // Shadow: strong upward shadow for depth
2777
2808
  "volr:shadow-[0_-8px_30px_rgba(0,0,0,0.2)]",
2778
2809
  // Animation
@@ -2783,9 +2814,9 @@ var DepositCompletedToast = ({
2783
2814
  animation: "volrSlideUp 0.3s ease-out"
2784
2815
  },
2785
2816
  children: [
2786
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:flex volr:justify-center volr:pt-3 volr:pb-2", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:w-10 volr:h-1 volr:rounded-full volr:bg-slate-300" }) }),
2817
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:flex volr:justify-center volr:pt-3 volr:pb-2", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:w-10 volr:h-1 volr:rounded-full volr-bg-tertiary" }) }),
2787
2818
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:px-4 volr:pb-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex volr:items-start volr:gap-3", children: [
2788
- /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
2819
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:shrink-0 volr:w-10 volr:h-10 volr:rounded-full volr:bg-gradient-to-br volr:from-emerald-500 volr:to-teal-500 volr:flex volr:items-center volr:justify-center volr:shadow-md", children: /* @__PURE__ */ jsxRuntime.jsx(
2789
2820
  "svg",
2790
2821
  {
2791
2822
  width: "20",
@@ -2801,12 +2832,12 @@ var DepositCompletedToast = ({
2801
2832
  ) }),
2802
2833
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex-1 volr:min-w-0", children: [
2803
2834
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex volr:items-start volr:justify-between volr:gap-2 volr:mb-1", children: [
2804
- /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr:font-semibold volr:text-slate-900", children: t("deposit.completed") }),
2835
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr:font-semibold", children: t("deposit.completed") }),
2805
2836
  /* @__PURE__ */ jsxRuntime.jsx(
2806
2837
  "button",
2807
2838
  {
2808
2839
  onClick: onClose,
2809
- 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",
2840
+ 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",
2810
2841
  "aria-label": "Close",
2811
2842
  children: /* @__PURE__ */ jsxRuntime.jsxs(
2812
2843
  "svg",
@@ -2826,10 +2857,10 @@ var DepositCompletedToast = ({
2826
2857
  }
2827
2858
  )
2828
2859
  ] }),
2829
- /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr:text-slate-700 volr:font-medium volr:mb-3", children: t("deposit.completedAmount", { amount: formattedDelta, symbol }) }),
2830
- expanded && /* @__PURE__ */ jsxRuntime.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: [
2860
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr:font-medium volr:mb-3", children: t("deposit.completedAmount", { amount: formattedDelta, symbol }) }),
2861
+ expanded && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:space-y-2 volr:mb-3 volr:p-3 volr:rounded-lg volr:border volr:animate-[volrFadeIn_0.2s_ease-out] volr-bg-secondary volr-border", children: [
2831
2862
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex volr:justify-between volr:text-xs", children: [
2832
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "volr:text-slate-500", children: t("deposit.amount") }),
2863
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "volr-text-secondary", children: t("deposit.amount") }),
2833
2864
  /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "volr:font-mono volr:text-emerald-600 volr:font-semibold", children: [
2834
2865
  "+",
2835
2866
  formattedDelta,
@@ -2838,16 +2869,16 @@ var DepositCompletedToast = ({
2838
2869
  ] })
2839
2870
  ] }),
2840
2871
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex volr:justify-between volr:text-xs", children: [
2841
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "volr:text-slate-500", children: t("deposit.previousBalance") }),
2842
- /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "volr:font-mono volr:text-slate-600", children: [
2872
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "volr-text-secondary", children: t("deposit.previousBalance") }),
2873
+ /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "volr:font-mono volr-text-secondary", children: [
2843
2874
  formatAmount(previousBalance),
2844
2875
  " ",
2845
2876
  symbol
2846
2877
  ] })
2847
2878
  ] }),
2848
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex volr:justify-between volr:text-xs volr:pt-2 volr:border-t volr:border-slate-200", children: [
2849
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "volr:text-slate-500", children: t("deposit.newBalance") }),
2850
- /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "volr:font-mono volr:text-slate-900 volr:font-semibold", children: [
2879
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex volr:justify-between volr:text-xs volr:pt-2 volr:border-t volr-border", children: [
2880
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "volr-text-secondary", children: t("deposit.newBalance") }),
2881
+ /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "volr:font-mono volr:font-semibold", children: [
2851
2882
  formatAmount(newBalance),
2852
2883
  " ",
2853
2884
  symbol
@@ -2858,7 +2889,7 @@ var DepositCompletedToast = ({
2858
2889
  "button",
2859
2890
  {
2860
2891
  onClick: () => setExpanded(!expanded),
2861
- 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",
2892
+ 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",
2862
2893
  children: expanded ? t("deposit.seeLess") : t("deposit.seeMore")
2863
2894
  }
2864
2895
  )
@@ -2891,16 +2922,16 @@ var DepositCompletedToast = ({
2891
2922
  var DepositSkeleton = () => {
2892
2923
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:animate-pulse", children: [
2893
2924
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:mb-4", children: [
2894
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:h-7 volr:w-24 volr:bg-slate-200 volr:rounded volr:mb-2" }),
2895
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:h-8 volr:w-36 volr:bg-slate-100 volr:rounded-lg" })
2925
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:h-7 volr:w-24 volr:rounded volr:mb-2 volr-bg-tertiary" }),
2926
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:h-8 volr:w-36 volr:rounded-lg volr-bg-secondary" })
2896
2927
  ] }),
2897
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:flex volr:justify-center volr:mb-3", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:rounded-xl volr:bg-slate-100 volr:p-3 volr:border volr:border-slate-200/50", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:w-[200px] volr:h-[200px] volr:bg-slate-200 volr:rounded-lg" }) }) }),
2928
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:flex volr:justify-center volr:mb-3", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:rounded-xl volr:p-3 volr:border volr-bg-secondary volr-border", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:w-[200px] volr:h-[200px] volr:rounded-lg volr-bg-tertiary" }) }) }),
2898
2929
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex volr:items-center volr:justify-center volr:gap-2 volr:mb-3", children: [
2899
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:w-1.5 volr:h-1.5 volr:bg-slate-300 volr:rounded-full" }),
2900
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:h-3 volr:w-32 volr:bg-slate-200 volr:rounded" })
2930
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:w-1.5 volr:h-1.5 volr:rounded-full volr-bg-tertiary" }),
2931
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:h-3 volr:w-32 volr:rounded volr-bg-tertiary" })
2901
2932
  ] }),
2902
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:space-y-3", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:bg-slate-50/50 volr:border volr:border-slate-200/50 volr:rounded-lg volr:p-3", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:flex volr:items-center volr:justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:h-4 volr:w-48 volr:bg-slate-200 volr:rounded" }) }) }) }),
2903
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:text-center volr:pt-3 volr:border-t volr:border-slate-100 volr:mt-3", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:h-3 volr:w-44 volr:bg-slate-100 volr:rounded volr:mx-auto" }) })
2933
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:space-y-3", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:border volr:rounded-lg volr:p-3 volr-bg-secondary volr-border", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:flex volr:items-center volr:justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:h-4 volr:w-48 volr:rounded volr-bg-tertiary" }) }) }) }),
2934
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:text-center volr:pt-3 volr:border-t volr:mt-3 volr-border", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:h-3 volr:w-44 volr:rounded volr:mx-auto volr-bg-secondary" }) })
2904
2935
  ] });
2905
2936
  };
2906
2937
  function DepositQRView(props) {
@@ -2961,15 +2992,15 @@ function DepositQRView(props) {
2961
2992
  const decimals = props.asset === "native" ? 18 : props.asset.decimals;
2962
2993
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:relative", children: [
2963
2994
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:mb-4", children: [
2964
- /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-xl volr:font-semibold volr:text-slate-900 volr:mb-2", children: t("deposit.qrTitle") }),
2965
- /* @__PURE__ */ jsxRuntime.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: [
2966
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "volr:text-sm volr:font-medium volr:text-slate-700", children: tokenSymbol }),
2967
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "volr:text-slate-400", children: "\u2022" }),
2968
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "volr:text-sm volr:text-slate-500", children: displayChainName })
2995
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-xl volr:font-semibold volr:mb-2", children: t("deposit.qrTitle") }),
2996
+ /* @__PURE__ */ jsxRuntime.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: [
2997
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "volr:text-sm volr:font-medium", children: tokenSymbol }),
2998
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "volr-text-muted", children: "\u2022" }),
2999
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "volr:text-sm volr-text-secondary", children: displayChainName })
2969
3000
  ] })
2970
3001
  ] }),
2971
3002
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:flex volr:justify-center volr:mb-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:relative", children: [
2972
- /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
3003
+ /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
2973
3004
  "img",
2974
3005
  {
2975
3006
  alt: "Deposit QR",
@@ -2984,27 +3015,27 @@ function DepositQRView(props) {
2984
3015
  /* @__PURE__ */ jsxRuntime.jsx(DepositQRStatusOverlay, { status: status.state })
2985
3016
  ] }) }),
2986
3017
  (status.state === "listening" || status.state === "idle") && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:flex volr:items-center volr:justify-center volr:gap-2 volr:mb-3", children: [
2987
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:w-1.5 volr:h-1.5 volr:bg-slate-500 volr:rounded-full volr:animate-pulse" }),
2988
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "volr:text-xs volr:text-slate-500", children: t("deposit.listening") })
3018
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:w-1.5 volr:h-1.5 volr:rounded-full volr:animate-pulse volr-text-secondary", style: { backgroundColor: "currentColor" } }),
3019
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "volr:text-xs volr-text-secondary", children: t("deposit.listening") })
2989
3020
  ] }),
2990
- status.state === "error" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:text-xs volr:text-red-500 volr:text-center volr:mb-3", children: [
3021
+ status.state === "error" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:text-xs volr:text-center volr:mb-3 volr-error", children: [
2991
3022
  "Error: ",
2992
3023
  status.message
2993
3024
  ] }),
2994
3025
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:space-y-3", children: [
2995
- /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "volr:flex volr:items-center volr:justify-between volr:gap-3", children: [
2996
- /* @__PURE__ */ jsxRuntime.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)}` }),
3026
+ /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "volr:flex volr:items-center volr:justify-between volr:gap-3", children: [
3027
+ /* @__PURE__ */ jsxRuntime.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)}` }),
2997
3028
  /* @__PURE__ */ jsxRuntime.jsx(
2998
3029
  CopyButton,
2999
3030
  {
3000
3031
  text: props.address,
3001
- className: "volr:flex-shrink-0 volr:absolute volr:right-2"
3032
+ className: "volr:shrink-0 volr:absolute volr:right-2"
3002
3033
  }
3003
3034
  )
3004
3035
  ] }) }) }),
3005
- status.state === "error" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:text-xs volr:text-red-500 volr:text-center volr:mb-4", children: status.message })
3036
+ status.state === "error" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:text-xs volr:text-center volr:mb-4 volr-error", children: status.message })
3006
3037
  ] }),
3007
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:text-center volr:pt-3 volr:border-t volr:border-slate-100", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "volr:text-xs volr:text-slate-500", children: [
3038
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:text-center volr:pt-3 volr:border-t volr-border", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "volr:text-xs volr-text-secondary", children: [
3008
3039
  t("deposit.noToken"),
3009
3040
  " ",
3010
3041
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -3051,19 +3082,19 @@ function DepositModalBody({
3051
3082
  if (error) {
3052
3083
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:relative", children: [
3053
3084
  /* @__PURE__ */ jsxRuntime.jsx(DepositSkeleton, {}),
3054
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:absolute volr:inset-0 volr:bg-white/90 volr:flex volr:items-center volr:justify-center", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr:text-red-600 volr:text-center volr:px-4", children: error }) })
3085
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:absolute volr:inset-0 volr:flex volr:items-center volr:justify-center volr-surface", style: { opacity: 0.9 }, children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr:text-center volr:px-4 volr-error", children: error }) })
3055
3086
  ] });
3056
3087
  }
3057
3088
  if (depositAssets.length === 0) {
3058
3089
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:relative", children: [
3059
3090
  /* @__PURE__ */ jsxRuntime.jsx(DepositSkeleton, {}),
3060
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:absolute volr:inset-0 volr:bg-white/90 volr:flex volr:items-center volr:justify-center", children: /* @__PURE__ */ jsxRuntime.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." }) })
3091
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:absolute volr:inset-0 volr:flex volr:items-center volr:justify-center volr-surface", style: { opacity: 0.9 }, children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr:text-center volr:px-4 volr-text-secondary", children: "No payment token configured. Please contact the app developer." }) })
3061
3092
  ] });
3062
3093
  }
3063
3094
  if (!evmAddress) {
3064
3095
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:relative", children: [
3065
3096
  /* @__PURE__ */ jsxRuntime.jsx(DepositSkeleton, {}),
3066
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:absolute volr:inset-0 volr:bg-white/90 volr:flex volr:items-center volr:justify-center", children: /* @__PURE__ */ jsxRuntime.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." }) })
3097
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:absolute volr:inset-0 volr:flex volr:items-center volr:justify-center volr-surface", style: { opacity: 0.9 }, children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr:text-center volr:px-4 volr-text-secondary", children: "Wallet address is not ready. Please finish wallet setup first." }) })
3067
3098
  ] });
3068
3099
  }
3069
3100
  if (depositAssets.length === 1) {
@@ -3177,6 +3208,9 @@ var useVolrUI = () => {
3177
3208
  }
3178
3209
  return context;
3179
3210
  };
3211
+ var useVolrUIOptional = () => {
3212
+ return React10.useContext(VolrUIContext);
3213
+ };
3180
3214
  function OnboardingFlow({
3181
3215
  keyStorageType,
3182
3216
  onComplete
@@ -3222,8 +3256,9 @@ var VolrUIProvider = ({
3222
3256
  const {
3223
3257
  appName,
3224
3258
  accentColor = "#303030",
3259
+ theme = "light",
3225
3260
  enabledLoginMethods = ["email", "social", "siwe"],
3226
- socialProviders = ["google", "twitter", "apple"],
3261
+ socialProviders = ["google", "twitter"],
3227
3262
  branding,
3228
3263
  keyStorageType = "passkey"
3229
3264
  } = config;
@@ -3245,9 +3280,9 @@ var VolrUIProvider = ({
3245
3280
  }, [keyStorageType, providerPolicy.enforceOnFirstLogin]);
3246
3281
  if (keyStorageTypeError) {
3247
3282
  return /* @__PURE__ */ jsxRuntime.jsx(Modal, { open: true, onOpenChange: () => {
3248
- }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-md mx-auto", children: [
3249
- /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-lg volr:font-semibold volr:text-red-600 volr:mb-5", children: "Configuration Error" }),
3250
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-gray-700 mb-6 leading-relaxed", children: keyStorageTypeError })
3283
+ }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:max-w-md volr:mx-auto", children: [
3284
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-lg volr:font-semibold volr:mb-5 volr-error", children: "Configuration Error" }),
3285
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "volr:text-sm volr:mb-6 volr:leading-relaxed volr-text-secondary", children: keyStorageTypeError })
3251
3286
  ] }) });
3252
3287
  }
3253
3288
  return /* @__PURE__ */ jsxRuntime.jsx(react.VolrProvider, { config, children: /* @__PURE__ */ jsxRuntime.jsx(I18nProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -3256,12 +3291,19 @@ var VolrUIProvider = ({
3256
3291
  value: {
3257
3292
  accentColor,
3258
3293
  appName,
3294
+ theme,
3259
3295
  enabledLoginMethods,
3260
3296
  socialProviders,
3261
3297
  branding,
3262
3298
  keyStorageType
3263
3299
  },
3264
3300
  children: /* @__PURE__ */ jsxRuntime.jsxs(VolrModalProvider, { children: [
3301
+ /* @__PURE__ */ jsxRuntime.jsx(
3302
+ OAuthCallbackHandler,
3303
+ {
3304
+ onShowOnboarding: () => setShowOnboarding(true)
3305
+ }
3306
+ ),
3265
3307
  /* @__PURE__ */ jsxRuntime.jsx(
3266
3308
  OnboardingChecker,
3267
3309
  {
@@ -3408,6 +3450,45 @@ function DepositModalPortal() {
3408
3450
  portalRoot
3409
3451
  );
3410
3452
  }
3453
+ function OAuthCallbackHandler({
3454
+ onShowOnboarding
3455
+ }) {
3456
+ const [hasCode, setHasCode] = React10.useState(false);
3457
+ React10.useEffect(() => {
3458
+ if (typeof window === "undefined") return;
3459
+ const params = new URLSearchParams(window.location.search);
3460
+ const code = params.get("code");
3461
+ if (code?.startsWith("volr_auth_")) {
3462
+ setHasCode(true);
3463
+ }
3464
+ }, []);
3465
+ const { isLoading, error } = react.useVolrAuthCallback({
3466
+ onSuccess: (resultUser) => {
3467
+ console.log("[OAuthCallbackHandler] Login successful:", resultUser.email);
3468
+ if (!resultUser.keyStorageType) {
3469
+ onShowOnboarding();
3470
+ }
3471
+ },
3472
+ onError: (err) => {
3473
+ console.error("[OAuthCallbackHandler] Login failed:", err);
3474
+ }
3475
+ });
3476
+ if (!hasCode) return null;
3477
+ if (isLoading) {
3478
+ return /* @__PURE__ */ jsxRuntime.jsx(Modal, { open: true, onOpenChange: () => {
3479
+ }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:max-w-md volr:mx-auto volr:text-center volr:py-8", children: [
3480
+ /* @__PURE__ */ jsxRuntime.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)" } }),
3481
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr-text-secondary", children: "Completing login..." })
3482
+ ] }) });
3483
+ }
3484
+ if (error) {
3485
+ return /* @__PURE__ */ jsxRuntime.jsx(Modal, { open: true, onOpenChange: () => setHasCode(false), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "volr:max-w-md volr:mx-auto volr:text-center volr:py-8", children: [
3486
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:font-medium volr:mb-2 volr-error", children: "Login Failed" }),
3487
+ /* @__PURE__ */ jsxRuntime.jsx("p", { className: "volr:text-sm volr-text-secondary", children: error })
3488
+ ] }) });
3489
+ }
3490
+ return null;
3491
+ }
3411
3492
  function OnboardingChecker({
3412
3493
  keyStorageType,
3413
3494
  enforceSelection,
@@ -3562,5 +3643,6 @@ exports.useSwitchNetwork = useSwitchNetwork;
3562
3643
  exports.useTranslation = useTranslation;
3563
3644
  exports.useVolrModal = useVolrModal;
3564
3645
  exports.useVolrUI = useVolrUI;
3646
+ exports.useVolrUIOptional = useVolrUIOptional;
3565
3647
  //# sourceMappingURL=index.cjs.map
3566
3648
  //# sourceMappingURL=index.cjs.map