@alviere/ui 0.15.1 → 0.15.3

package/dist/index.js

@@ -10,7 +10,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
 var _a, _commit_callbacks, _discard_callbacks, _pending, _blocking_pending, _deferred, _dirty_effects, _maybe_dirty_effects, _Batch_instances, traverse_effect_tree_fn, defer_effects_fn, clear_marked_fn, resolve_fn, commit_fn, _pending2, _anchor, _hydrate_open, _props, _children, _effect, _main_effect, _pending_effect, _failed_effect, _offscreen_fragment, _pending_anchor, _local_pending_count, _pending_count, _is_creating_fallback, _effect_pending, _effect_pending_subscriber, _Boundary_instances, hydrate_resolved_content_fn, hydrate_pending_content_fn, get_anchor_fn, run_fn, show_pending_snippet_fn, update_pending_count_fn, _batches, _onscreen, _offscreen, _outroing, _transition, _commit, _discard, _events, _instance;
-import { AlviereCore, AlcoreApiError, AlcoreErrorCodes, isCriticalError } from "@alviere/core";
+import { AlviereCore, AlcoreApiError, AlcoreErrorCodes, isCriticalError, getJWTRefreshTime } from "@alviere/core";
 import { onMount, createEventDispatcher, untrack as untrack$1 } from "svelte";
 const PUBLIC_VERSION = "5";
 if (typeof window !== "undefined") {
@@ -5786,12 +5786,12 @@ function createEnhancedBaseInputMixin(config) {
   let internalValidationState = /* @__PURE__ */ state("neutral");
   let internalErrorMessage = /* @__PURE__ */ state("");
   const effectiveValidationState = /* @__PURE__ */ user_derived(() => () => {
-    if (!get$1(hasInteracted)) {
-      return "neutral";
-    }
     if (config.validationState && config.validationState !== "neutral") {
       return config.validationState;
     }
+    if (!get$1(hasInteracted)) {
+      return "neutral";
+    }
     return get$1(internalValidationState);
   });
   const effectiveErrorMessage = /* @__PURE__ */ user_derived(() => () => {
@@ -5838,11 +5838,11 @@ function createEnhancedBaseInputMixin(config) {
   }
   function handleInput(event2) {
     set(hasInteracted, true);
-    if (get$1(hasInteracted)) {
-      const validation = validateValue(config.value);
-      set(internalValidationState, validation.isValid ? "valid" : "invalid", true);
-      set(internalErrorMessage, validation.error || "", true);
-    }
+    const target = event2.target;
+    const liveValue = target.type === "checkbox" ? target.checked : target.value;
+    const validation = validateValue(liveValue);
+    set(internalValidationState, validation.isValid ? "valid" : "invalid", true);
+    set(internalErrorMessage, validation.error || "", true);
     if (config.onInput) {
       config.onInput(event2);
     }
@@ -7975,11 +7975,11 @@ var root_1$h = /* @__PURE__ */ from_html(`<label class="alviere-text-input__labe
 var root_2$c = /* @__PURE__ */ from_html(`<textarea class="alviere-text-input__textarea svelte-1auzwdn" spellcheck="true"></textarea>`);
 var root_3$c = /* @__PURE__ */ from_html(`<input class="alviere-text-input__input svelte-1auzwdn" spellcheck="true"/>`);
 var root_5$7 = /* @__PURE__ */ from_html(`<button type="button" class="alviere-text-input__action-button svelte-1auzwdn"><span class="alviere-text-input__action-icon svelte-1auzwdn">?</span></button>`);
-var root_7$3 = /* @__PURE__ */ from_svg(`<svg height="1.5em" width="1.5em" viewBox="0 0 24 24" class="IconStyle_currentColor__sdo2n67" style="font-size: 1em;"><path d="m2.707 1.293 7.17 7.17.002.002 1.504 1.504 7.21 7.21-.001-.001 4.115 4.115-1.414 1.414-4.297-4.296C15.485 19.434 13.82 20 12 20c-2.959 0-5.461-1.46-7.51-3.85a16.59 16.59 0 0 1-1.796-2.56 12.546 12.546 0 0 1-.613-1.197L1.91 12l.17-.395c.11-.252.315-.668.618-1.195.5-.872 1.1-1.743 1.803-2.56.3-.349.614-.68.94-.993l-4.15-4.149zM6.856 8.27l-.256.252c-.199.2-.393.411-.581.63a14.7 14.7 0 0 0-1.843 2.718l-.069.13.145.275.179.322c.439.768.966 1.538 1.578 2.252C7.711 16.835 9.71 18 12 18c1.222 0 2.358-.334 3.426-.962l.123-.076-1.517-1.516A4 4 0 0 1 8.553 9.97zM12 4c2.959 0 5.461 1.46 7.51 3.849a16.59 16.59 0 0 1 1.796 2.56l.208.375c.126.234.228.437.306.603l.1.219.169.395-.17.395a12.7 12.7 0 0 1-.548 1.073c-.37.655-.8 1.318-1.292 1.963l-.302.385-1.553-1.26a14.947 14.947 0 0 0 1.404-2.07l.16-.289.104-.201-.144-.273-.178-.322a14.613 14.613 0 0 0-1.58-2.252C16.289 7.165 14.291 6 12.001 6c-.478 0-.942.05-1.395.151l-.337.085-.537-1.927A8.409 8.409 0 0 1 12 4zm-1.933 7.482-.036.166a2 2 0 0 0 2.321 2.321l.164-.038z" fill="currentcolor" fill-rule="evenodd"></path></svg>`);
-var root_8$3 = /* @__PURE__ */ from_svg(`<svg height="1.5em" width="1.5em" viewBox="0 0 24 24" class="IconStyle_currentColor__sdo2n67" style="font-size: 1em;"><path d="M12 4c4.278 0 7.61 2.667 10 8-2.39 5.333-5.722 8-10 8s-7.61-2.667-10-8c2.39-5.333 5.722-8 10-8zm0 2c-4.41 0-6.707 4.479-7.699 5.999C5.295 13.518 7.604 18 12 18c4.41 0 6.707-4.479 7.699-5.999C18.705 10.482 16.396 6 12 6zm0 2c2.176 0 3.945 1.794 3.945 4s-1.77 4-3.945 4c-2.176 0-3.945-1.794-3.945-4S9.825 8 12 8zm0 2c-1.088 0-1.973.897-1.973 2s.885 2 1.973 2 1.973-.897 1.973-2-.885-2-1.973-2z" fill="currentcolor" fill-rule="evenodd"></path></svg>`);
-var root_6$5 = /* @__PURE__ */ from_html(`<button type="button" class="alviere-text-input__reveal-button svelte-1auzwdn"><!></button>`);
+var root_7$2 = /* @__PURE__ */ from_svg(`<svg height="1.5em" width="1.5em" viewBox="0 0 24 24" class="IconStyle_currentColor__sdo2n67" style="font-size: 1em;"><path d="m2.707 1.293 7.17 7.17.002.002 1.504 1.504 7.21 7.21-.001-.001 4.115 4.115-1.414 1.414-4.297-4.296C15.485 19.434 13.82 20 12 20c-2.959 0-5.461-1.46-7.51-3.85a16.59 16.59 0 0 1-1.796-2.56 12.546 12.546 0 0 1-.613-1.197L1.91 12l.17-.395c.11-.252.315-.668.618-1.195.5-.872 1.1-1.743 1.803-2.56.3-.349.614-.68.94-.993l-4.15-4.149zM6.856 8.27l-.256.252c-.199.2-.393.411-.581.63a14.7 14.7 0 0 0-1.843 2.718l-.069.13.145.275.179.322c.439.768.966 1.538 1.578 2.252C7.711 16.835 9.71 18 12 18c1.222 0 2.358-.334 3.426-.962l.123-.076-1.517-1.516A4 4 0 0 1 8.553 9.97zM12 4c2.959 0 5.461 1.46 7.51 3.849a16.59 16.59 0 0 1 1.796 2.56l.208.375c.126.234.228.437.306.603l.1.219.169.395-.17.395a12.7 12.7 0 0 1-.548 1.073c-.37.655-.8 1.318-1.292 1.963l-.302.385-1.553-1.26a14.947 14.947 0 0 0 1.404-2.07l.16-.289.104-.201-.144-.273-.178-.322a14.613 14.613 0 0 0-1.58-2.252C16.289 7.165 14.291 6 12.001 6c-.478 0-.942.05-1.395.151l-.337.085-.537-1.927A8.409 8.409 0 0 1 12 4zm-1.933 7.482-.036.166a2 2 0 0 0 2.321 2.321l.164-.038z" fill="currentcolor" fill-rule="evenodd"></path></svg>`);
+var root_8$4 = /* @__PURE__ */ from_svg(`<svg height="1.5em" width="1.5em" viewBox="0 0 24 24" class="IconStyle_currentColor__sdo2n67" style="font-size: 1em;"><path d="M12 4c4.278 0 7.61 2.667 10 8-2.39 5.333-5.722 8-10 8s-7.61-2.667-10-8c2.39-5.333 5.722-8 10-8zm0 2c-4.41 0-6.707 4.479-7.699 5.999C5.295 13.518 7.604 18 12 18c4.41 0 6.707-4.479 7.699-5.999C18.705 10.482 16.396 6 12 6zm0 2c2.176 0 3.945 1.794 3.945 4s-1.77 4-3.945 4c-2.176 0-3.945-1.794-3.945-4S9.825 8 12 8zm0 2c-1.088 0-1.973.897-1.973 2s.885 2 1.973 2 1.973-.897 1.973-2-.885-2-1.973-2z" fill="currentcolor" fill-rule="evenodd"></path></svg>`);
+var root_6$6 = /* @__PURE__ */ from_html(`<button type="button" class="alviere-text-input__reveal-button svelte-1auzwdn"><!></button>`);
 var root_4$b = /* @__PURE__ */ from_html(`<div class="alviere-text-input__actions svelte-1auzwdn"><!> <!></div>`);
-var root_9$4 = /* @__PURE__ */ from_html(`<div class="alviere-text-input__character-count svelte-1auzwdn"> </div>`);
+var root_9$3 = /* @__PURE__ */ from_html(`<div class="alviere-text-input__character-count svelte-1auzwdn"> </div>`);
 var root_10$2 = /* @__PURE__ */ from_html(`<div class="alviere-text-input__required svelte-1auzwdn">Required</div>`);
 var root_11$3 = /* @__PURE__ */ from_html(`<div class="alviere-text-input__help svelte-1auzwdn"><!> </div>`);
 var root_12$4 = /* @__PURE__ */ from_html(`<div class="alviere-text-input__error svelte-1auzwdn" role="alert"><svg height="1rem" width="1rem" viewBox="0 0 24 24" class="IconStyle_currentColor__sdo2n67" style="font-size: 1em;"><g fill="none"><path d="M2 12c0 5.523 4.477 10 10 10s10-4.477 10-10S17.523 2 12 2 2 6.477 2 12zm5.293-3.293 1.414-1.414 8 8-1.414 1.414z" fill="currentcolor"></path></g></svg> </div>`);
@@ -8615,7 +8615,7 @@ function TextInput($$anchor, $$props) {
       var node_4 = sibling(node_3, 2);
       {
         var consequent_4 = ($$anchor3) => {
-          var button_1 = root_6$5();
+          var button_1 = root_6$6();
           button_1.__click = (e) => {
             e.stopPropagation();
             set(reveal, !get$1(reveal));
@@ -8623,11 +8623,11 @@ function TextInput($$anchor, $$props) {
           var node_5 = child(button_1);
           {
             var consequent_3 = ($$anchor4) => {
-              var svg = root_7$3();
+              var svg = root_7$2();
               append($$anchor4, svg);
             };
             var alternate_1 = ($$anchor4) => {
-              var svg_1 = root_8$3();
+              var svg_1 = root_8$4();
               append($$anchor4, svg_1);
             };
             if_block(node_5, ($$render) => {
@@ -8652,7 +8652,7 @@ function TextInput($$anchor, $$props) {
   var node_6 = sibling(node_2, 2);
   {
     var consequent_6 = ($$anchor2) => {
-      var div_3 = root_9$4();
+      var div_3 = root_9$3();
       var text_1 = child(div_3);
       reset(div_3);
       template_effect(() => set_text(text_1, `${get$1(characterCount) ?? ""}/${maxlength() ?? ""}`));
@@ -9579,7 +9579,7 @@ var root_2$a = /* @__PURE__ */ from_html(`<span class="alviere-phone-input__char
 var root_3$b = /* @__PURE__ */ from_html(`<div class="alviere-phone-input__required svelte-15yozux">Required</div>`);
 var root_4$a = /* @__PURE__ */ from_html(`<div class="alviere-phone-input__help svelte-15yozux"><!> </div>`);
 var root_5$6 = /* @__PURE__ */ from_html(`<div class="alviere-phone-input__error svelte-15yozux" role="alert"><svg height="1rem" width="1rem" viewBox="0 0 24 24" class="IconStyle_currentColor__sdo2n67" style="font-size: 1em;"><g fill="none"><path d="M2 12c0 5.523 4.477 10 10 10s10-4.477 10-10S17.523 2 12 2 2 6.477 2 12zm5.293-3.293 1.414-1.414 8 8-1.414 1.414z" fill="currentcolor"></path></g></svg> </div>`);
-var root_6$4 = /* @__PURE__ */ from_html(`<div class="alviere-phone-input__warning svelte-15yozux" role="status"><!> </div>`);
+var root_6$5 = /* @__PURE__ */ from_html(`<div class="alviere-phone-input__warning svelte-15yozux" role="status"><!> </div>`);
 var root$e = /* @__PURE__ */ from_html(`<div><div><!> <input type="tel"/> <!> <!></div> <div class="alviere-phone-input__validation-messages svelte-15yozux"><!> <!> <!></div></div>`);
 const $$css$i = {
   hash: "svelte-15yozux",
@@ -10028,7 +10028,7 @@ function PhoneInput($$anchor, $$props) {
   var node_6 = sibling(node_5, 2);
   {
     var consequent_5 = ($$anchor2) => {
-      var div_6 = root_6$4();
+      var div_6 = root_6$5();
       var node_7 = child(div_6);
       html(node_7, () => infoIcon.outerHTML);
       var text_4 = sibling(node_7);
@@ -11812,21 +11812,21 @@ customElements.define("alviere-ein-input", create_custom_element(
 var root_1$b = /* @__PURE__ */ from_html(`<label class="alviere-search-select__label svelte-roni7d"> </label>`);
 var root_2$6 = /* @__PURE__ */ from_html(`<div class="alviere-search-select__display-value svelte-roni7d"> </div>`);
 var root_3$7 = /* @__PURE__ */ from_html(`<button type="button" class="alviere-search-select__clear-button svelte-roni7d" aria-label="Clear selection"><!></button>`);
-var root_5$5 = /* @__PURE__ */ from_html(`<div class="alviere-search-select__loading-message svelte-roni7d"> </div>`);
-var root_7$2 = /* @__PURE__ */ from_html(`<div class="alviere-search-select__no-options-message svelte-roni7d"> </div>`);
-var root_9$3 = /* @__PURE__ */ from_html(`<div role="option" tabindex="0"> </div>`);
-var root_4$6 = /* @__PURE__ */ from_html(`<div id="search-select-dropdown" class="alviere-search-select__dropdown svelte-roni7d" role="listbox"><div class="alviere-search-select__options-list svelte-roni7d"><!></div></div>`);
-var root_10$1 = /* @__PURE__ */ from_html(`<div class="alviere-search-select__required svelte-roni7d">Required</div>`);
+var root_4$6 = /* @__PURE__ */ from_html(`<div class="alviere-search-select__required svelte-roni7d">Required</div>`);
+var root_6$4 = /* @__PURE__ */ from_html(`<div class="alviere-search-select__loading-message svelte-roni7d"> </div>`);
+var root_8$3 = /* @__PURE__ */ from_html(`<div class="alviere-search-select__no-options-message svelte-roni7d"> </div>`);
+var root_10$1 = /* @__PURE__ */ from_html(`<div role="option" tabindex="0"> </div>`);
+var root_5$5 = /* @__PURE__ */ from_html(`<div id="search-select-dropdown" class="alviere-search-select__dropdown svelte-roni7d" role="listbox"><div class="alviere-search-select__options-list svelte-roni7d"><!></div></div>`);
 var root_11$2 = /* @__PURE__ */ from_html(`<div class="alviere-search-select__help svelte-roni7d"> </div>`);
 var root_12$3 = /* @__PURE__ */ from_html(`<div class="alviere-search-select__error svelte-roni7d" role="alert"><svg height="1rem" width="1rem" viewBox="0 0 24 24" class="IconStyle_currentColor__sdo2n67" style="font-size: 1em;"><g fill="none"><path d="M2 12c0 5.523 4.477 10 10 10s10-4.477 10-10S17.523 2 12 2 2 6.477 2 12zm5.293-3.293 1.414-1.414 8 8-1.414 1.414z" fill="currentcolor"></path></g></svg> </div>`);
 var root_13$2 = /* @__PURE__ */ from_html(`<div class="alviere-search-select__warning svelte-roni7d" role="status"><!> </div>`);
-var root$a = /* @__PURE__ */ from_html(`<div><div class="alviere-search-select__container svelte-roni7d"><div><!> <input type="text" class="alviere-search-select__input svelte-roni7d" autocomplete="off" role="combobox" aria-haspopup="listbox" aria-controls="search-select-dropdown"/> <!> <div class="alviere-search-select__actions svelte-roni7d"><!> <button type="button" tabindex="-1" aria-hidden="true"><!></button></div></div> <!></div> <div class="alviere-search-select__validation-messages svelte-roni7d"><!> <!> <!> <!></div></div>`);
+var root$a = /* @__PURE__ */ from_html(`<div><div class="alviere-search-select__container svelte-roni7d"><div><!> <input type="text" class="alviere-search-select__input svelte-roni7d" role="combobox" aria-haspopup="listbox" aria-controls="search-select-dropdown"/> <!> <div class="alviere-search-select__actions svelte-roni7d"><!> <button type="button" tabindex="-1" aria-hidden="true"><!></button></div> <!></div> <!></div> <div class="alviere-search-select__validation-messages svelte-roni7d"><!> <!> <!></div></div>`);
 const $$css$e = {
   hash: "svelte-roni7d",
   code: `:root {--alv-color-primary: #227e9e;--alv-color-primary-hover: #1b6680;--alv-color-primary-active: #145164;--alv-color-primary-light: #e8f4f8;--alv-color-primary-light-hover: #d1e8f0;--alv-color-on-primary: #ffffff;--alv-color-success: #436b1d;--alv-color-success-light: #d4edda;--alv-color-success-border: #c3e6cb;--alv-color-success-text: #155724;--alv-color-on-success: #ffffff;--alv-color-success-rgb: 67, 107, 29;--alv-color-error: #b3311f;--alv-color-error-light: #f8d7da;--alv-color-error-border: #f5c6cb;--alv-color-error-text: #721c24;--alv-color-on-error: #ffffff;--alv-color-error-rgb: 179, 49, 31;--alv-color-warning: #ffc107;--alv-color-warning-light: #fff3cd;--alv-color-warning-border: #ffeaa7;--alv-color-warning-text: #856404;--alv-color-on-warning: #000000;--alv-color-info: #175db8;--alv-color-info-light: #d1ecf1;--alv-color-info-border: #bee5eb;--alv-color-info-text: #0c5460;--alv-color-on-info: #ffffff;--alv-color-gray-50: #fafafa;--alv-color-gray-100: #f4f4f5;--alv-color-gray-200: #e4e4e7;--alv-color-gray-300: #d4d4d8;--alv-color-gray-400: #a1a1aa;--alv-color-gray-500: #71717a;--alv-color-gray-600: #52525b;--alv-color-gray-700: #3f3f46;--alv-color-gray-800: #27272a;--alv-color-gray-900: #18181b;--alv-color-surface: #ffffff;--alv-color-surface-secondary: #f9fafb;--alv-color-surface-tertiary: #f4f4f5;--alv-color-surface-elevated: #ffffff;--alv-color-text-primary: #18181b;--alv-color-text-secondary: #52525b;--alv-color-text-tertiary: #71717a;--alv-color-text-disabled: #a1a1aa;--alv-color-text-on-primary: #ffffff;--alv-color-text-on-surface: #18181b;--alv-color-border: #e4e4e7;--alv-color-border-hover: #d4d4d8;--alv-color-border-focus: #227e9e;--alv-color-border-error: #b3311f;--alv-color-border-success: #436b1d;--alv-color-background: #ffffff;--alv-color-background-disabled: #f4f4f5;--alv-color-background-hover: #f9fafb;--alv-color-background-active: #f4f4f5;}:root {--alv-font-family-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;--alv-font-family-grotesque: 'Darker Grotesque', sans-serif;--alv-font-family-mono: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;--alv-font-size-3xs: 0.625rem;--alv-font-size-2xs: 0.75rem;--alv-font-size-xs: 1rem;--alv-font-size-sm: 1.125rem;--alv-font-size-base: 1.25rem;--alv-font-size-lg: 1.5rem;--alv-font-size-xl: 1.75rem;--alv-font-weight-light: 300;--alv-font-weight-normal: 400;--alv-font-weight-medium: 500;--alv-font-weight-semibold: 600;--alv-font-weight-bold: 700;--alv-line-height-tight: 1.25;--alv-line-height-normal: 1.5;--alv-line-height-relaxed: 1.75;}:root {--alv-spacing-xs: 0.25rem;--alv-spacing-sm: 0.5rem;--alv-spacing-md: 1rem;--alv-spacing-lg: 1.5rem;--alv-spacing-xl: 2rem;--alv-spacing-2xl: 3rem;--alv-spacing-3xl: 4rem;}:root {--alv-border-radius-none: 0;--alv-border-radius-sm: 0.125rem;--alv-border-radius: 0.25rem;--alv-border-radius-md: 0.375rem;--alv-border-radius-lg: 0.5rem;--alv-border-radius-xl: 0.75rem;--alv-border-radius-2xl: 1rem;--alv-border-radius-full: 9999px;}:root {--alv-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--alv-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);--alv-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--alv-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--alv-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--alv-shadow-none: none;}:root {--alv-transition-fast: 150ms ease-in-out;--alv-transition-normal: 250ms ease-in-out;--alv-transition-slow: 350ms ease-in-out;--alv-transition-none: none;}:root {--alv-input-height-sm: 2.5rem;--alv-input-height: 3.25rem;--alv-input-height-lg: 3.75rem;--alv-input-padding-x: 0.75rem;--alv-input-padding-y: 0.5rem;--alv-input-border-color: var(--alv-color-border);--alv-input-border-hover: var(--alv-color-border-hover);--alv-input-border-focus: var(--alv-color-border-focus);--alv-input-bg: var(--alv-color-background);--alv-input-bg-disabled: var(--alv-color-background-disabled);}:root {--alv-z-dropdown: 1000;--alv-z-sticky: 1020;--alv-z-fixed: 1030;--alv-z-modal-backdrop: 1040;--alv-z-modal: 1050;--alv-z-popover: 1060;--alv-z-tooltip: 1070;}:root {--alv-button-primary-bg: var(--alv-color-primary);--alv-button-primary-bg-hover: var(--alv-color-primary-hover);--alv-button-primary-bg-active: var(--alv-color-primary-active);--alv-button-primary-text: var(--alv-color-on-primary);--alv-button-primary-border: var(--alv-color-primary);--alv-button-secondary-bg: transparent;--alv-button-secondary-bg-hover: var(--alv-color-primary-light);--alv-button-secondary-bg-active: var(--alv-color-primary-light-hover);--alv-button-secondary-text: var(--alv-color-primary);--alv-button-secondary-border: var(--alv-color-primary);--alv-button-tertiary-bg: transparent;--alv-button-tertiary-bg-hover: var(--alv-color-gray-100);--alv-button-tertiary-bg-active: var(--alv-color-gray-200);--alv-button-tertiary-text: var(--alv-color-text-primary);--alv-button-tertiary-border: transparent;--alv-button-link-bg: transparent;--alv-button-link-bg-hover: transparent;--alv-button-link-bg-active: transparent;--alv-button-link-text: var(--alv-color-primary);--alv-button-link-text-hover: var(--alv-color-primary-hover);--alv-button-link-border: transparent;}:root {--alv-spinner-color: var(--alv-color-text-primary);--alv-spinner-size-sm: 1rem;--alv-spinner-size-md: 1.5rem;--alv-spinner-size-lg: 4rem;--alv-spinner-stroke-width: 2px;}:root {--alv-timeline-color: var(--alv-color-gray-600);--alv-timeline-completed-color: var(--alv-color-success);--alv-timeline-error-color: var(--alv-color-error);--alv-timeline-pending-color: var(--alv-color-gray-400);--alv-timeline-step-size-sm: 1.25rem;--alv-timeline-step-size-md: 2rem;--alv-timeline-step-size-lg: 2.5rem;--alv-timeline-connector-width: 3px;--alv-timeline-font-size: var(--alv-font-size-base);}:root {--alv-badge-primary-bg: var(--alv-color-primary);--alv-badge-primary-text: var(--alv-color-on-primary);--alv-badge-secondary-bg: var(--alv-color-gray-200);--alv-badge-secondary-text: var(--alv-color-text-primary);--alv-badge-success-bg: var(--alv-color-success);--alv-badge-success-text: var(--alv-color-on-success);--alv-badge-error-bg: var(--alv-color-error);--alv-badge-error-text: var(--alv-color-on-error);--alv-badge-warning-bg: var(--alv-color-warning);--alv-badge-warning-text: var(--alv-color-on-warning);--alv-badge-info-bg: var(--alv-color-info);--alv-badge-info-text: var(--alv-color-on-info);}:root {--alv-list-bg: var(--alv-color-surface);--alv-list-border: var(--alv-color-border);--alv-list-item-bg: transparent;--alv-list-item-bg-hover: var(--alv-color-background-hover);--alv-list-item-bg-active: var(--alv-color-background-active);--alv-list-item-text: var(--alv-color-text-primary);--alv-list-item-text-secondary: var(--alv-color-text-secondary);}:root {--alv-radio-border: var(--alv-color-border);--alv-radio-border-hover: var(--alv-color-border-hover);--alv-radio-border-focus: var(--alv-color-border-focus);--alv-radio-bg: var(--alv-color-background);--alv-radio-checked-bg: var(--alv-color-primary);--alv-radio-checked-border: var(--alv-color-primary);--alv-radio-text: var(--alv-color-text-primary);--alv-radio-text-disabled: var(--alv-color-text-disabled);}.alviere-search-select.svelte-roni7d {position:relative;width:100%;}.alviere-search-select__label.svelte-roni7d {position:absolute;max-width:calc(100% - 1.5rem);inset-inline-start:0.75rem;top:calc(50% + 1px);transform:translateY(-50%);transition:all 250ms ease-in-out;transition-delay:0.1s;display:block;font-size:1rem;font-weight:500;color:#3f3f46;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.alviere-search-select__required.svelte-roni7d {font-size:0.75rem;color:#3f3f46;text-align:end;position:absolute;right:1rem;top:calc(50% + 1px);transform:translateY(-50%);pointer-events:none;}.alviere-search-select__error.svelte-roni7d {display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:#b3311f;line-height:1.25;}.alviere-search-select__warning.svelte-roni7d {display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:#856404;line-height:1.25;}.alviere-search-select__warning.svelte-roni7d svg {width:1rem;height:1rem;}.alviere-search-select__wrapper.svelte-roni7d {position:relative;display:flex;align-items:center;background:#ffffff;border:1px solid #52525b;border-radius:0.25rem;transition:border-color 150ms ease-in-out, box-shadow 150ms ease-in-out;}.alviere-search-select__wrapper--focused.svelte-roni7d {border-color:#227e9e;box-shadow:0 0 0 1px #227e9e inset;}
 .alviere-search-select__wrapper--focused.svelte-roni7d:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-search-select__label:where(.svelte-roni7d) {transform:translateY(calc(-50% - 0.75rem));font-size:0.75rem;}
 .alviere-search-select__wrapper--focused.svelte-roni7d:not([class*="--disabled"]):not([class*="--readonly"]) .alviere-search-select__input:where(.svelte-roni7d)::placeholder {opacity:1;}
-.alviere-search-select__wrapper--dirty.svelte-roni7d .alviere-search-select__label:where(.svelte-roni7d) {transform:translateY(calc(-50% - 0.75rem));font-size:0.75rem;}.alviere-search-select__wrapper--disabled.svelte-roni7d {background:#f4f4f5;cursor:not-allowed;}.alviere-search-select__wrapper--readonly.svelte-roni7d {background:#f4f4f5;opacity:0.6;pointer-events:none;cursor:default;}.alviere-search-select__wrapper--valid.svelte-roni7d {border-color:#436b1d;}.alviere-search-select__wrapper--invalid.svelte-roni7d {border-color:#b3311f;}.alviere-search-select__wrapper--warning.svelte-roni7d {border-color:#ffc107;}.alviere-search-select__input.svelte-roni7d {flex:1;width:100%;height:100%;min-height:2.25rem;padding:1rem 0.75rem 0;border:none;background:transparent;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;font-size:1.25rem;line-height:1.5rem;color:#18181b;outline:none;}.alviere-search-select__input.svelte-roni7d::placeholder {color:#71717a;opacity:0;transition:opacity 150ms ease-in-out;transition-delay:0.15s;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;}.alviere-search-select__input.svelte-roni7d:disabled {cursor:not-allowed;color:#52525b;}.alviere-search-select__input.svelte-roni7d:read-only {cursor:default;color:#3f3f46;}.alviere-search-select__validation-messages.svelte-roni7d {min-height:1.40625rem;display:flex;justify-content:space-between;align-items:center;padding-top:0.25rem;}.alviere-search-select--sm.svelte-roni7d .alviere-search-select__wrapper:where(.svelte-roni7d) {min-height:2.5rem;}.alviere-search-select--sm.svelte-roni7d .alviere-search-select__input:where(.svelte-roni7d) {font-size:1.125rem;padding:0.25rem 0.75rem;}.alviere-search-select--sm.svelte-roni7d .alviere-search-select__label:where(.svelte-roni7d) {font-size:1rem;}.alviere-search-select--md.svelte-roni7d .alviere-search-select__wrapper:where(.svelte-roni7d) {min-height:3.25rem;}.alviere-search-select--md.svelte-roni7d .alviere-search-select__input:where(.svelte-roni7d) {font-size:1rem;}.alviere-search-select--lg.svelte-roni7d .alviere-search-select__wrapper:where(.svelte-roni7d) {min-height:3.75rem;}.alviere-search-select--lg.svelte-roni7d .alviere-search-select__input:where(.svelte-roni7d) {font-size:1.5rem;padding:0.875rem 0.75rem;}.alviere-search-select--lg.svelte-roni7d .alviere-search-select__label:where(.svelte-roni7d) {font-size:1.25rem;}.alviere-search-select.svelte-roni7d:focus-within .alviere-search-select__wrapper:where(.svelte-roni7d):not(--disabled):not(--readonly) {border-color:#227e9e;box-shadow:0 0 0 1px #227e9e inset;}.alviere-search-select__container.svelte-roni7d {position:relative;}.alviere-search-select__wrapper.svelte-roni7d {position:relative;display:flex;align-items:center;}.alviere-search-select__wrapper.svelte-roni7d:hover:not(.alviere-search-select__wrapper--disabled):not(.alviere-search-select__wrapper--readonly) {border-color:#3f3f46;}.alviere-search-select__wrapper--focused.svelte-roni7d {border-color:#227e9e;box-shadow:0 0 0 2px rgba(34, 126, 158, 0.15);}.alviere-search-select__wrapper--disabled.svelte-roni7d {cursor:not-allowed;opacity:0.7;}.alviere-search-select__wrapper--disabled.alviere-search-select__wrapper--valid.svelte-roni7d {border-color:#52525b;}.alviere-search-select__input.svelte-roni7d {flex:1;width:100%;height:100%;min-height:2.25rem;padding:1rem 0.75rem 0;border:none;background:transparent;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;font-size:1.25rem;line-height:1.5rem;color:#18181b;outline:none;}.alviere-search-select__input.svelte-roni7d::placeholder {color:#71717a;opacity:0;transition:opacity 150ms ease-in-out;transition-delay:0.15s;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;}.alviere-search-select__input.svelte-roni7d:disabled {cursor:not-allowed;color:#52525b;}.alviere-search-select__input.svelte-roni7d:read-only {cursor:default;color:#3f3f46;}.alviere-search-select__input.svelte-roni7d {flex:1;border:none;outline:none;background:transparent;margin:0;width:100%;height:100%;}.alviere-search-select__input.svelte-roni7d::placeholder {color:#71717a;opacity:0;transition:opacity 0.2s ease;}.alviere-search-select__input.svelte-roni7d:focus::placeholder {opacity:1;}.alviere-search-select__input.svelte-roni7d:disabled {cursor:not-allowed;color:#52525b;}.alviere-search-select__display-value.svelte-roni7d {position:absolute;left:0.75rem;right:3rem;padding-top:1rem;top:50%;transform:translateY(-50%);color:#18181b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;z-index:1;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;}.alviere-search-select__actions.svelte-roni7d {position:absolute;right:0.75rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:0.25rem;z-index:2;}.alviere-search-select__clear-button.svelte-roni7d {display:flex;align-items:center;justify-content:center;padding:0.25rem 0.5rem;margin-right:1.5rem;background:#e4e4e7;border-radius:0.125rem;font-size:1rem;font-weight:500;color:#3f3f46;min-width:24px;min-height:24px;padding:0;border-radius:50%;cursor:pointer;transition:all 150ms ease-in-out;margin-right:0.5rem;appearance:none;border:none;}.alviere-search-select__clear-button.svelte-roni7d svg {width:0.75rem;height:0.75rem;}.alviere-search-select__clear-button.svelte-roni7d:hover {background-color:#d4d4d8;color:#27272a;}.alviere-search-select__clear-button.svelte-roni7d:focus {outline:none;box-shadow:0 0 0 2px rgba(34, 126, 158, 0.25);}.alviere-search-select__dropdown-arrow.svelte-roni7d {color:#71717a;font-size:1rem;transition:transform 150ms ease-in-out;display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;}.alviere-search-select__dropdown-arrow.svelte-roni7d:disabled {cursor:not-allowed;}.alviere-search-select__dropdown-arrow.open.svelte-roni7d {transform:rotate(180deg);}.alviere-search-select__dropdown.svelte-roni7d {position:absolute;top:100%;left:0;right:0;z-index:1000;background-color:#ffffff;border:1px solid #52525b;border-top:none;border-radius:0 0 0.25rem 0.25rem;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);overflow:hidden;
+.alviere-search-select__wrapper--dirty.svelte-roni7d .alviere-search-select__label:where(.svelte-roni7d) {transform:translateY(calc(-50% - 0.75rem));font-size:0.75rem;}.alviere-search-select__wrapper--disabled.svelte-roni7d {background:#f4f4f5;cursor:not-allowed;}.alviere-search-select__wrapper--readonly.svelte-roni7d {background:#f4f4f5;opacity:0.6;pointer-events:none;cursor:default;}.alviere-search-select__wrapper--valid.svelte-roni7d {border-color:#436b1d;}.alviere-search-select__wrapper--invalid.svelte-roni7d {border-color:#b3311f;}.alviere-search-select__wrapper--warning.svelte-roni7d {border-color:#ffc107;}.alviere-search-select__input.svelte-roni7d {flex:1;width:100%;height:100%;min-height:2.25rem;padding:1rem 0.75rem 0;border:none;background:transparent;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;font-size:1.25rem;line-height:1.5rem;color:#18181b;outline:none;}.alviere-search-select__input.svelte-roni7d::placeholder {color:#71717a;opacity:0;transition:opacity 150ms ease-in-out;transition-delay:0.15s;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;}.alviere-search-select__input.svelte-roni7d:disabled {cursor:not-allowed;color:#52525b;}.alviere-search-select__input.svelte-roni7d:read-only {cursor:default;color:#3f3f46;}.alviere-search-select__validation-messages.svelte-roni7d {min-height:1.40625rem;display:flex;justify-content:space-between;align-items:center;padding-top:0.25rem;}.alviere-search-select--sm.svelte-roni7d .alviere-search-select__wrapper:where(.svelte-roni7d) {min-height:2.5rem;}.alviere-search-select--sm.svelte-roni7d .alviere-search-select__input:where(.svelte-roni7d) {font-size:1.125rem;padding:0.25rem 0.75rem;}.alviere-search-select--sm.svelte-roni7d .alviere-search-select__label:where(.svelte-roni7d) {font-size:1rem;}.alviere-search-select--md.svelte-roni7d .alviere-search-select__wrapper:where(.svelte-roni7d) {min-height:3.25rem;}.alviere-search-select--md.svelte-roni7d .alviere-search-select__input:where(.svelte-roni7d) {font-size:1rem;}.alviere-search-select--lg.svelte-roni7d .alviere-search-select__wrapper:where(.svelte-roni7d) {min-height:3.75rem;}.alviere-search-select--lg.svelte-roni7d .alviere-search-select__input:where(.svelte-roni7d) {font-size:1.5rem;padding:0.875rem 0.75rem;}.alviere-search-select--lg.svelte-roni7d .alviere-search-select__label:where(.svelte-roni7d) {font-size:1.25rem;}.alviere-search-select.svelte-roni7d:focus-within .alviere-search-select__wrapper:where(.svelte-roni7d):not(--disabled):not(--readonly) {border-color:#227e9e;box-shadow:0 0 0 1px #227e9e inset;}.alviere-search-select__container.svelte-roni7d {position:relative;}.alviere-search-select__wrapper.svelte-roni7d {position:relative;display:flex;align-items:center;}.alviere-search-select__wrapper.svelte-roni7d:hover:not(.alviere-search-select__wrapper--disabled):not(.alviere-search-select__wrapper--readonly) {border-color:#3f3f46;}.alviere-search-select__wrapper--focused.svelte-roni7d {border-color:#227e9e;box-shadow:0 0 0 2px rgba(34, 126, 158, 0.15);}.alviere-search-select__wrapper--disabled.svelte-roni7d {cursor:not-allowed;opacity:0.7;}.alviere-search-select__wrapper--disabled.alviere-search-select__wrapper--valid.svelte-roni7d {border-color:#52525b;}.alviere-search-select__input.svelte-roni7d {flex:1;width:100%;height:100%;min-height:2.25rem;padding:1rem 0.75rem 0;border:none;background:transparent;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;font-size:1.25rem;line-height:1.5rem;color:#18181b;outline:none;}.alviere-search-select__input.svelte-roni7d::placeholder {color:#71717a;opacity:0;transition:opacity 150ms ease-in-out;transition-delay:0.15s;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;}.alviere-search-select__input.svelte-roni7d:disabled {cursor:not-allowed;color:#52525b;}.alviere-search-select__input.svelte-roni7d:read-only {cursor:default;color:#3f3f46;}.alviere-search-select__input.svelte-roni7d {flex:1;border:none;outline:none;background:transparent;margin:0;width:100%;height:100%;}.alviere-search-select__input.svelte-roni7d::placeholder {color:#71717a;opacity:0;transition:opacity 0.2s ease;}.alviere-search-select__input.svelte-roni7d:focus::placeholder {opacity:1;}.alviere-search-select__input.svelte-roni7d:disabled {cursor:not-allowed;color:#52525b;}.alviere-search-select__display-value.svelte-roni7d {position:absolute;left:0.75rem;right:3rem;padding-top:1rem;top:50%;transform:translateY(-50%);color:#18181b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;z-index:1;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;}.alviere-search-select__actions.svelte-roni7d {position:absolute;right:0.75rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:0.25rem;z-index:2;}.alviere-search-select__required.svelte-roni7d {right:2.5rem;}.alviere-search-select__clear-button.svelte-roni7d {display:flex;align-items:center;justify-content:center;padding:0.25rem 0.5rem;margin-right:1.5rem;background:#e4e4e7;border-radius:0.125rem;font-size:1rem;font-weight:500;color:#3f3f46;min-width:24px;min-height:24px;padding:0;border-radius:50%;cursor:pointer;transition:all 150ms ease-in-out;margin-right:0.5rem;appearance:none;border:none;}.alviere-search-select__clear-button.svelte-roni7d svg {width:0.75rem;height:0.75rem;}.alviere-search-select__clear-button.svelte-roni7d:hover {background-color:#d4d4d8;color:#27272a;}.alviere-search-select__clear-button.svelte-roni7d:focus {outline:none;box-shadow:0 0 0 2px rgba(34, 126, 158, 0.25);}.alviere-search-select__dropdown-arrow.svelte-roni7d {color:#71717a;font-size:1rem;transition:transform 150ms ease-in-out;display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;}.alviere-search-select__dropdown-arrow.svelte-roni7d:disabled {cursor:not-allowed;}.alviere-search-select__dropdown-arrow.open.svelte-roni7d {transform:rotate(180deg);}.alviere-search-select__dropdown.svelte-roni7d {position:absolute;top:100%;left:0;right:0;z-index:1000;background-color:#ffffff;border:1px solid #52525b;border-top:none;border-radius:0 0 0.25rem 0.25rem;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);overflow:hidden;
   animation: svelte-roni7d-dropdownFadeIn 150ms ease-in-out ease;}.alviere-search-select__options-list.svelte-roni7d {max-height:12.5rem;overflow-y:auto;}.alviere-search-select__option-item.svelte-roni7d {padding:0.5rem 1rem;cursor:pointer;transition:background-color 150ms ease-in-out;border-bottom:1px solid #f4f4f5;}.alviere-search-select__option-item.svelte-roni7d:hover {background-color:#fafafa;}.alviere-search-select__option-item.selected.svelte-roni7d {background-color:rgba(34, 126, 158, 0.1);color:#227e9e;font-weight:500;}.alviere-search-select__option-item.highlighted.svelte-roni7d {background-color:rgba(34, 126, 158, 0.1);}.alviere-search-select__option-item.svelte-roni7d:last-child {border-bottom:none;}.alviere-search-select__loading-message.svelte-roni7d, .alviere-search-select__no-options-message.svelte-roni7d {padding:1.5rem 1rem;text-align:center;color:#71717a;font-style:italic;}.alviere-search-select__help.svelte-roni7d {margin-top:0.25rem;font-size:0.75rem;color:#71717a;line-height:1.25;display:flex;align-items:flex-start;gap:0.25rem;}.alviere-search-select__help.svelte-roni7d svg {width:1rem;height:1rem;}.alviere-search-select__error.svelte-roni7d {display:flex;align-items:center;gap:0.25rem;font-size:0.75rem;color:#b3311f;line-height:1.25;}
 
 @keyframes svelte-roni7d-dropdownFadeIn {
@@ -11845,7 +11845,7 @@ const $$css$e = {
 function SearchSelect($$anchor, $$props) {
   push($$props, true);
   append_styles$1($$anchor, $$css$e);
-  let value = prop($$props, "value", 15, ""), options = prop($$props, "options", 31, () => proxy([])), placeholder = prop($$props, "placeholder", 15, "Search..."), disabled = prop($$props, "disabled", 15, false), required = prop($$props, "required", 15, false), readonly = prop($$props, "readonly", 15, false), size = prop($$props, "size", 15, "md"), id = prop($$props, "id", 15, ""), name = prop($$props, "name", 15, ""), validationState = prop($$props, "validationState", 15, "neutral"), errorMessage = prop($$props, "errorMessage", 15, ""), helpText = prop($$props, "helpText", 15, ""), label = prop($$props, "label", 15, ""), searchPlaceholder = prop($$props, "searchPlaceholder", 15, ""), noOptionsMessage = prop($$props, "noOptionsMessage", 15, "No options found"), loadingMessage = prop($$props, "loadingMessage", 15, "Loading..."), isLoading = prop($$props, "isLoading", 15, false), maxHeight = prop($$props, "maxHeight", 15, "300px"), validationSchema = prop($$props, "validationSchema", 31, () => proxy({})), onchange = prop($$props, "onchange", 15), onfocus = prop($$props, "onfocus", 15), onblur = prop($$props, "onblur", 15);
+  let value = prop($$props, "value", 15, ""), options = prop($$props, "options", 31, () => proxy([])), placeholder = prop($$props, "placeholder", 15, "Search..."), disabled = prop($$props, "disabled", 15, false), required = prop($$props, "required", 15, false), readonly = prop($$props, "readonly", 15, false), size = prop($$props, "size", 15, "md"), id = prop($$props, "id", 15, ""), name = prop($$props, "name", 15, ""), validationState = prop($$props, "validationState", 15, "neutral"), errorMessage = prop($$props, "errorMessage", 15, ""), helpText = prop($$props, "helpText", 15, ""), label = prop($$props, "label", 15, ""), searchPlaceholder = prop($$props, "searchPlaceholder", 15, ""), noOptionsMessage = prop($$props, "noOptionsMessage", 15, "No options found"), loadingMessage = prop($$props, "loadingMessage", 15, "Loading..."), isLoading = prop($$props, "isLoading", 15, false), maxHeight = prop($$props, "maxHeight", 15, "300px"), validationSchema = prop($$props, "validationSchema", 31, () => proxy({})), onchange = prop($$props, "onchange", 15), onfocus = prop($$props, "onfocus", 15), onblur = prop($$props, "onblur", 15), autocomplete = prop($$props, "autocomplete", 15, "off");
   const dispatch = createEventDispatcher();
   const ChevronDownIcon = createElement(ChevronDown);
   const CrossIcon = createElement(X);
@@ -11889,6 +11889,7 @@ function SearchSelect($$anchor, $$props) {
   let isOpen = /* @__PURE__ */ state(false);
   let searchTerm = /* @__PURE__ */ state("");
   let selectedIndex = /* @__PURE__ */ state(-1);
+  let pendingFocusTimer = null;
   let eventDispatcher = /* @__PURE__ */ user_derived(() => useEventDispatcher(get$1(containerElement)));
   function createEventDetail() {
     const selectedOption = options().find((option) => option.value === value());
@@ -11918,8 +11919,9 @@ function SearchSelect($$anchor, $$props) {
     if (disabled() || readonly()) return;
     set(isOpen, true);
     set(selectedIndex, -1);
-    setTimeout(
+    pendingFocusTimer = setTimeout(
       () => {
+        pendingFocusTimer = null;
         get$1(searchInputElement) === null || get$1(searchInputElement) === void 0 ? void 0 : get$1(searchInputElement).focus();
       },
       0
@@ -11928,6 +11930,10 @@ function SearchSelect($$anchor, $$props) {
   }
   function closeDropdown() {
     uiLogger.info("SearchSelect: closeDropdown", disabled(), readonly());
+    if (pendingFocusTimer !== null) {
+      clearTimeout(pendingFocusTimer);
+      pendingFocusTimer = null;
+    }
     set(isOpen, false);
     set(searchTerm, "");
     set(selectedIndex, -1);
@@ -11986,6 +11992,15 @@ function SearchSelect($$anchor, $$props) {
     set(selectedIndex, -1);
     get$1(eventDispatcher).dispatch(ComponentEvents.SEARCH_SELECT_INPUT, createEventDetail());
   }
+  function handleNativeChange(event2) {
+    const target = event2.target;
+    const inputValue = target.value.trim();
+    if (!inputValue) return;
+    const match = options().find((option) => option.label.toLowerCase() === inputValue.toLowerCase());
+    if (match) {
+      selectOption(match);
+    }
+  }
   function handleInputFocus(event2) {
     baseInput.handlers.handleFocus(event2);
     openDropdown();
@@ -12312,6 +12327,13 @@ function SearchSelect($$anchor, $$props) {
     set onblur($$value) {
       onblur($$value);
       flushSync();
+    },
+    get autocomplete() {
+      return autocomplete();
+    },
+    set autocomplete($$value = "off") {
+      autocomplete($$value);
+      flushSync();
     }
   };
   var div = root$a();
@@ -12337,6 +12359,7 @@ function SearchSelect($$anchor, $$props) {
   var input = sibling(node, 2);
   remove_input_defaults(input);
   input.__input = handleSearchInput;
+  input.__change = handleNativeChange;
   input.__keydown = handleKeydown;
   bind_this(input, ($$value) => set(searchInputElement, $$value), () => get$1(searchInputElement));
   var node_1 = sibling(input, 2);
@@ -12384,66 +12407,76 @@ function SearchSelect($$anchor, $$props) {
   html(node_4, () => ChevronDownIcon.outerHTML);
   reset(button_1);
   reset(div_4);
-  reset(div_2);
-  var node_5 = sibling(div_2, 2);
+  var node_5 = sibling(div_4, 2);
   {
-    var consequent_5 = ($$anchor2) => {
+    var consequent_3 = ($$anchor2) => {
       var div_5 = root_4$6();
-      var div_6 = child(div_5);
-      var node_6 = child(div_6);
+      append($$anchor2, div_5);
+    };
+    if_block(node_5, ($$render) => {
+      if (required() && baseInput.state.validationState === "neutral" && !value()) $$render(consequent_3);
+    });
+  }
+  reset(div_2);
+  var node_6 = sibling(div_2, 2);
+  {
+    var consequent_6 = ($$anchor2) => {
+      var div_6 = root_5$5();
+      var div_7 = child(div_6);
+      var node_7 = child(div_7);
       {
-        var consequent_3 = ($$anchor3) => {
-          var div_7 = root_5$5();
-          var text_2 = child(div_7, true);
-          reset(div_7);
+        var consequent_4 = ($$anchor3) => {
+          var div_8 = root_6$4();
+          var text_2 = child(div_8, true);
+          reset(div_8);
           template_effect(() => set_text(text_2, loadingMessage()));
-          append($$anchor3, div_7);
+          append($$anchor3, div_8);
         };
         var alternate_1 = ($$anchor3) => {
           var fragment = comment();
-          var node_7 = first_child(fragment);
+          var node_8 = first_child(fragment);
           {
-            var consequent_4 = ($$anchor4) => {
-              var div_8 = root_7$2();
-              var text_3 = child(div_8, true);
-              reset(div_8);
+            var consequent_5 = ($$anchor4) => {
+              var div_9 = root_8$3();
+              var text_3 = child(div_9, true);
+              reset(div_9);
               template_effect(() => set_text(text_3, noOptionsMessage()));
-              append($$anchor4, div_8);
+              append($$anchor4, div_9);
             };
             var alternate = ($$anchor4) => {
               var fragment_1 = comment();
-              var node_8 = first_child(fragment_1);
-              each(node_8, 17, () => get$1(filteredOptions)(), index, ($$anchor5, option, index2) => {
-                var div_9 = root_9$3();
+              var node_9 = first_child(fragment_1);
+              each(node_9, 17, () => get$1(filteredOptions)(), index, ($$anchor5, option, index2) => {
+                var div_10 = root_10$1();
                 let classes_2;
-                div_9.__pointerdown = (e) => e.preventDefault();
-                div_9.__click = () => selectOption(get$1(option));
-                div_9.__keydown = (e) => {
+                div_10.__pointerdown = (e) => e.preventDefault();
+                div_10.__click = () => selectOption(get$1(option));
+                div_10.__keydown = (e) => {
                   if (e.key === "Enter" || e.key === " ") {
                     e.preventDefault();
                     selectOption(get$1(option));
                   }
                 };
-                var text_4 = child(div_9, true);
-                reset(div_9);
+                var text_4 = child(div_10, true);
+                reset(div_10);
                 template_effect(() => {
-                  classes_2 = set_class(div_9, 1, "alviere-search-select__option-item svelte-roni7d", null, classes_2, {
+                  classes_2 = set_class(div_10, 1, "alviere-search-select__option-item svelte-roni7d", null, classes_2, {
                     selected: get$1(option).value === value(),
                     highlighted: index2 === get$1(selectedIndex)
                   });
-                  set_attribute(div_9, "aria-selected", get$1(option).value === value());
-                  set_attribute(div_9, "aria-label", get$1(option).label);
+                  set_attribute(div_10, "aria-selected", get$1(option).value === value());
+                  set_attribute(div_10, "aria-label", get$1(option).label);
                   set_text(text_4, get$1(option).label);
                 });
-                event$1("mouseenter", div_9, () => set(selectedIndex, index2, true));
-                append($$anchor5, div_9);
+                event$1("mouseenter", div_10, () => set(selectedIndex, index2, true));
+                append($$anchor5, div_10);
               });
               append($$anchor4, fragment_1);
             };
             if_block(
-              node_7,
+              node_8,
               ($$render) => {
-                if (get$1(filteredOptions)().length === 0) $$render(consequent_4);
+                if (get$1(filteredOptions)().length === 0) $$render(consequent_5);
                 else $$render(alternate, false);
               },
               true
@@ -12451,34 +12484,24 @@ function SearchSelect($$anchor, $$props) {
           }
           append($$anchor3, fragment);
         };
-        if_block(node_6, ($$render) => {
-          if (isLoading()) $$render(consequent_3);
+        if_block(node_7, ($$render) => {
+          if (isLoading()) $$render(consequent_4);
           else $$render(alternate_1, false);
         });
       }
+      reset(div_7);
+      bind_this(div_7, ($$value) => set(optionsListElement, $$value), () => get$1(optionsListElement));
       reset(div_6);
-      bind_this(div_6, ($$value) => set(optionsListElement, $$value), () => get$1(optionsListElement));
-      reset(div_5);
-      template_effect(() => set_style(div_5, `max-height: ${maxHeight() ?? ""}`));
-      append($$anchor2, div_5);
+      template_effect(() => set_style(div_6, `max-height: ${maxHeight() ?? ""}`));
+      append($$anchor2, div_6);
     };
-    if_block(node_5, ($$render) => {
-      if (get$1(isOpen)) $$render(consequent_5);
+    if_block(node_6, ($$render) => {
+      if (get$1(isOpen)) $$render(consequent_6);
     });
   }
   reset(div_1);
-  var div_10 = sibling(div_1, 2);
-  var node_9 = child(div_10);
-  {
-    var consequent_6 = ($$anchor2) => {
-      var div_11 = root_10$1();
-      append($$anchor2, div_11);
-    };
-    if_block(node_9, ($$render) => {
-      if (required() && baseInput.state.validationState === "neutral") $$render(consequent_6);
-    });
-  }
-  var node_10 = sibling(node_9, 2);
+  var div_11 = sibling(div_1, 2);
+  var node_10 = child(div_11);
   {
     var consequent_7 = ($$anchor2) => {
       var div_12 = root_11$2();
@@ -12525,7 +12548,7 @@ function SearchSelect($$anchor, $$props) {
       if (baseInput.state.validationState === "warning") $$render(consequent_9);
     });
   }
-  reset(div_10);
+  reset(div_11);
   reset(div);
   bind_this(div, ($$value) => set(containerElement, $$value), () => get$1(containerElement));
   template_effect(
@@ -12537,6 +12560,7 @@ function SearchSelect($$anchor, $$props) {
       set_attribute(input, "name", name());
       input.disabled = disabled();
       input.readOnly = readonly();
+      set_attribute(input, "autocomplete", autocomplete());
       set_attribute(input, "aria-expanded", get$1(isOpen));
       classes_1 = set_class(button_1, 1, "alviere-search-select__dropdown-arrow svelte-roni7d", null, classes_1, { open: get$1(isOpen) });
       button_1.disabled = disabled() || readonly();
@@ -12559,7 +12583,7 @@ function SearchSelect($$anchor, $$props) {
   append($$anchor, div);
   return pop($$exports);
 }
-delegate(["input", "keydown", "click", "pointerdown"]);
+delegate(["input", "change", "keydown", "click", "pointerdown"]);
 customElements.define("alviere-search-select", create_custom_element(
   SearchSelect,
   {
@@ -12584,7 +12608,8 @@ customElements.define("alviere-search-select", create_custom_element(
     validationSchema: {},
     onchange: {},
     onfocus: {},
-    onblur: {}
+    onblur: {},
+    autocomplete: {}
   },
   [],
   [
@@ -12680,7 +12705,12 @@ function Callout($$anchor, $$props) {
 }
 customElements.define("alviere-callout", create_custom_element(Callout, { message: {}, variant: {}, role: {}, ariaLive: {} }, [], [], true));
 const createFlowCoreStore = () => {
-  const { subscribe, set: set2, update: update2 } = writable({ core: null, isInitialized: false, config: null });
+  const { subscribe, set: set2, update: update2 } = writable({
+    core: null,
+    isInitialized: false,
+    config: null,
+    jwtManager: null
+  });
   return {
     subscribe,
     set: set2,
@@ -12729,11 +12759,22 @@ const createFlowCoreStore = () => {
         return { ...state2, config: { ...state2.config, jwt: newJwt } };
       });
     },
+    /**
+     * Register the JwtManager so child components can call attemptReAuth()
+     */
+    setJwtManager: (manager2) => {
+      update2((state2) => ({ ...state2, jwtManager: manager2 }));
+    },
     /**
      * Reset the store (cleanup)
      */
     reset: () => {
-      set2({ core: null, isInitialized: false, config: null });
+      set2({
+        core: null,
+        isInitialized: false,
+        config: null,
+        jwtManager: null
+      });
     },
     /**
      * Get the current core instance (for non-reactive access)
@@ -12923,8 +12964,17 @@ function createBaseFormMixin(options) {
   const isValid = /* @__PURE__ */ user_derived(() => () => {
     return get$1(allFieldsValid)() && !get$1(hasErrors)();
   });
+  const allRequiredFieldsFilled = /* @__PURE__ */ user_derived(() => () => {
+    const schemas = resolveFieldSchemas();
+    return Object.keys(schemas).every((name) => {
+      var _a2;
+      if (!((_a2 = schemas[name]) == null ? void 0 : _a2.required)) return true;
+      const val = get$1(formData)[name];
+      return val !== void 0 && val !== null && val !== "" && val !== false;
+    });
+  });
   const canSubmit = /* @__PURE__ */ user_derived(() => () => {
-    return !get$1(isLoading) && !get$1(isSubmitting) && !disabled && !readonly && get$1(isValid)();
+    return !get$1(isLoading) && !get$1(isSubmitting) && !disabled && !readonly && get$1(isValid)() && get$1(allRequiredFieldsFilled)();
   });
   const submitProgress = /* @__PURE__ */ user_derived(() => () => {
     if (get$1(totalSubmissions) === 0) return 0;
@@ -12936,7 +12986,26 @@ function createBaseFormMixin(options) {
     const validFields = Object.values(get$1(fields)).filter((field) => field.isValid).length;
     return validFields / totalFields * 100;
   });
+  function markAllFieldsAsInteracted() {
+    const schemas = resolveFieldSchemas();
+    for (const name of Object.keys(schemas)) {
+      if (!get$1(fields)[name]) {
+        get$1(fields)[name] = {
+          name,
+          value: get$1(formData)[name],
+          isValid: true,
+          errorMessage: "",
+          hasInteracted: true,
+          validationSchema: schemas[name]
+        };
+      } else {
+        get$1(fields)[name].hasInteracted = true;
+      }
+    }
+  }
   async function submit() {
+    markAllFieldsAsInteracted();
+    validateAllFields();
     if (!get$1(canSubmit)()) {
       uiLogger.warn(`[${formName}] Cannot submit: form validation failed or is disabled`);
       return;
@@ -13145,6 +13214,11 @@ function createBaseFormMixin(options) {
     }
     validateField(name);
   }
+  function getFieldDisplayState(name) {
+    var _a2;
+    if (get$1(validationErrors)[name] && ((_a2 = get$1(fields)[name]) == null ? void 0 : _a2.hasInteracted)) return "invalid";
+    return "neutral";
+  }
   const eventDispatcher = /* @__PURE__ */ user_derived(() => useEventDispatcher(get$1(formElement)));
   return {
     state: {
@@ -13210,6 +13284,9 @@ function createBaseFormMixin(options) {
       get hasErrors() {
         return get$1(hasErrors)();
       },
+      get allRequiredFieldsFilled() {
+        return get$1(allRequiredFieldsFilled)();
+      },
       get canSubmit() {
         return get$1(canSubmit)();
       },
@@ -13229,6 +13306,7 @@ function createBaseFormMixin(options) {
       clearFieldError,
       validateField,
       validateAllFields,
+      markAllFieldsAsInteracted,
       clearAllErrors,
       setFormData,
       getFormData,
@@ -13243,7 +13321,8 @@ function createBaseFormMixin(options) {
       handleSubmit,
       handleReset,
       handleFieldChange,
-      handleFieldBlur
+      handleFieldBlur,
+      getFieldDisplayState
     },
     get eventDispatcher() {
       return get$1(eventDispatcher);
@@ -13386,9 +13465,9 @@ function createAccountStatusGuard(config) {
     notifyBarrier
   };
 }
-const INDIVIDUAL_PAYER = { "profileId": "INDIVIDUAL_PAYER", "config": { "labels": { "finalText": "Payment in process" } }, "steps": [{ "type": "CREATE_CONSUMER_ACCOUNT", "fields": { "first_name": { "required": "First Name is required", "alphabetic": true }, "last_name": { "required": "Last Name is required", "alphabetic": true }, "email_address": { "required": "Email Address is required", "email": true } }, "fieldMeta": { "first_name": { "label": "First Name" }, "last_name": { "label": "Last Name" }, "email_address": { "label": "Email Address" }, "line_1": { "label": "Address Line 1" }, "line_2": { "label": "Address Line 2" }, "city": { "label": "City" }, "state": { "label": "State/Province" }, "postal_code": { "label": "Postal Code" }, "country": { "label": "Country" } }, "config": { "groups": { "information": "consumer_information" }, "layout": [{ "label": "Personal Information", "group": "consumer_information", "rows": [{ "fields": ["first_name", "last_name"] }, { "fields": ["email_address"] }] }], "statusPolicy": { "allowedStatusesForNextStep": ["ACTIVE"], "polling": { "enabled": true, "intervalMs": 2e3, "maxRetries": 5, "terminalStatuses": ["FAILED", "REJECTED"], "onTerminal": "error" } } } }, { "type": "ADD_BANK_ACCOUNT", "fields": { "ach_routing_number": {}, "ach_account_number": {}, "ach_account_type": {} }, "fieldMeta": { "ach_routing_number": { "label": "Routing Number", "helpText": "You can find your routing number on your check or bank statement." }, "ach_account_number": { "label": "Account Number" }, "ach_account_type": { "label": "Account Type" } }, "config": { "requireRoutingAndAccountConfirmation": true, "metadata": { "payee_uuid": "{{businessUuid}}" }, "labels": { "prenoteInfoLabel": false, "prenotePendingInfoLabel": "Bank account validation and payment is expected to be completed within 5–7 business days." } } }, { "type": "CHECKOUT_CONFIRM", "config": { "labels": { "paymentTimingInfoLabel": "Payment is expected to be completed within 3–5 business days.", "paymentTimingPendingInfoLabel": "Bank account validation and payment is expected to be completed within 5–7 business days." }, "amountEditable": false, "legalTexts": { "required": true, "documents": [{ "type": "ACH_AUTHORIZATION_INDIVIDUAL_PAYER" }] } } }] };
-const BUSINESS_PAYER = { "profileId": "BUSINESS_PAYER", "config": { "labels": { "finalText": "Payment in process" } }, "steps": [{ "type": "CREATE_BUSINESS_ACCOUNT", "fields": { "business_name": { "required": "Business Name is required", "alphabetic": true }, "business_type": { "required": "Business Type is required" }, "country_of_incorporation": { "required": "Country of Incorporation is required" }, "state_of_incorporation": { "required": "State of Incorporation is required" }, "ein": {} }, "fieldMeta": { "business_name": { "label": "Business Name" }, "business_type": { "label": "Business Type" }, "country_of_incorporation": { "label": "Country of Incorporation" }, "state_of_incorporation": { "label": "State of Incorporation" }, "ein": { "label": "EIN" }, "email_address": { "label": "Email Address" }, "line_1": { "label": "Address Line 1" }, "line_2": { "label": "Address Line 2" }, "city": { "label": "City" }, "state": { "label": "State/Province" }, "postal_code": { "label": "Postal Code" }, "country": { "label": "Country" } }, "config": { "groups": { "information": "business_information" }, "layout": [{ "label": "Business Information", "group": "business_information", "rows": [{ "fields": ["business_name", "business_type"] }, { "fields": ["country_of_incorporation", "state_of_incorporation"] }, { "fields": ["ein"] }] }], "statusPolicy": { "allowedStatusesForNextStep": ["ACTIVE"], "polling": { "enabled": true, "intervalMs": 3e3, "maxRetries": 5, "terminalStatuses": ["FAILED", "REJECTED"], "onTerminal": "error" } } } }, { "type": "ADD_BANK_ACCOUNT", "fields": { "ach_routing_number": {}, "ach_account_number": {}, "ach_account_type": {} }, "fieldMeta": { "ach_routing_number": { "label": "Routing Number", "helpText": "You can find your routing number on your check or bank statement." }, "ach_account_number": { "label": "Account Number" }, "ach_account_type": { "label": "Account Type" } }, "config": { "requireRoutingAndAccountConfirmation": true, "metadata": { "payee_uuid": "{{businessUuid}}" }, "labels": { "prenoteInfoLabel": "New bank accounts go through prenote verification. It can take up to 3-5 business days for the account to become ACTIVE and for payments to finish processing.", "prenotePendingInfoLabel": "This bank account is still in prenote verification (PENDING). It can take up to 3-5 business days before it becomes ACTIVE and payments are processed." } } }, { "type": "CHECKOUT_CONFIRM", "config": { "labels": { "paymentTimingInfoLabel": "If this is a newly added bank account, prenote verification can take up to 3-5 business days before the account becomes ACTIVE and the payment is fully processed.", "paymentTimingPendingInfoLabel": "This bank account is still in prenote verification (PENDING). It can take up to 3-5 business days before the account becomes ACTIVE and payment processing completes." }, "amountEditable": false, "legalTexts": { "required": true, "documents": [{ "type": "ACH_AUTHORIZATION_BUSINESS_PAYER" }] } } }] };
-const PAYEE = { "profileId": "PAYEE", "config": { "labels": { "finalText": "Process complete" } }, "steps": [{ "type": "CREATE_BUSINESS_ACCOUNT", "fields": { "business_type": { "required": "Business Type is required" }, "business_name": { "required": "Business Name is required" }, "country_of_incorporation": { "required": "Country of Incorporation is required" }, "state_of_incorporation": { "required": "State of Incorporation is required" }, "nature_of_business": { "required": "Nature of Business is required", "numeric": "Nature of Business must only contain numbers", "minValue": { "value": 11, "message": "Nature of Business must be between 11 and 999999" }, "maxValue": { "value": 999999, "message": "Nature of Business must be between 11 and 999999" } }, "ein": { "required": "EIN is required", "numeric": "EIN must only contain numbers" }, "email_address": { "email": true }, "phone_number": { "required": "Phone Number is required", "phone": true }, "website": { "url": true }, "line_1": { "required": "Address Line 1 is required", "pattern": { "regex": "^.{2,40}$", "message": "Address Line 1 must be between 2 and 40 characters" } }, "line_2": { "pattern": { "regex": "^.{1,30}$", "message": "Address Line 2 must be between 1 and 30 characters" } }, "city": { "required": "City is required" }, "state": { "required": "State is required" }, "postal_code": { "required": "Postal Code is required", "pattern": { "regex": "^.{5,9}$", "message": "Postal Code must be between 5 and 9 characters" } } }, "fieldMeta": { "business_name": { "label": "Business Name" }, "business_type": { "label": "Business Type" }, "country_of_incorporation": { "label": "Country of Incorporation" }, "state_of_incorporation": { "label": "State of Incorporation" }, "nature_of_business": { "label": "Nature of Business (NAICS)" }, "ein": { "label": "EIN" }, "email_address": { "label": "Email Address" }, "phone_number": { "label": "Phone Number" }, "website": { "label": "Website" }, "line_1": { "label": "Address Line 1" }, "line_2": { "label": "Address Line 2" }, "city": { "label": "City" }, "state": { "label": "State" }, "postal_code": { "label": "Postal Code" } }, "config": { "labels": { "createAccountLabel": "Create Account", "creatingAccountLabel": "Creating Account...", "updateAccountLabel": "Update Account", "updatingAccountLabel": "Updating Account..." }, "groups": { "information": "business_information", "primary_address": "primary_address" }, "layout": [{ "label": "Business Information", "group": "business_information", "rows": [{ "fields": ["business_name", "business_type"] }, { "fields": ["country_of_incorporation", "state_of_incorporation"] }, { "fields": ["nature_of_business", "ein"] }, { "fields": ["email_address", "phone_number"] }, { "fields": ["website"] }] }, { "label": "Address", "group": "primary_address", "rows": [{ "fields": ["line_1"] }, { "fields": ["line_2"] }, { "fields": ["city", "state"] }, { "fields": ["postal_code"] }] }], "statusPolicy": { "allowedStatusesForNextStep": ["ACTIVE", "CREATED"], "barrierStatuses": ["MANUAL_REVIEW"], "barrierTitle": "Review in progress", "barrierMessage": "Your account is currently under review. <br />You will be able to continue once the review is complete.", "polling": { "enabled": true, "intervalMs": 3e3, "maxRetries": 5, "terminalStatuses": ["FAILED", "REJECTED"], "onTerminal": "error" } } } }, { "type": "START_ONBOARDING", "config": { "legalTexts": { "required": true, "documents": [{ "type": "TERMS_AND_CONDITIONS" }, { "type": "PRIVACY_POLICY" }] }, "statusPolicy": { "allowedStatusesForNextStep": ["ACTIVE"], "barrierStatuses": ["MANUAL_REVIEW"], "barrierTitle": "Manual review in progress", "barrierMessage": "Your account is currently under review. <br />You will be able to continue once the review is complete.", "polling": { "enabled": true, "intervalMs": 3e3, "maxRetries": 5, "terminalStatuses": ["FAILED", "REJECTED"], "onTerminal": "error" } } } }, { "type": "ADD_BANK_ACCOUNT", "fields": { "ach_routing_number": {}, "ach_account_number": {} }, "fieldMeta": { "ach_routing_number": { "label": "Routing Number", "helpText": "You can find your routing number on your check or bank statement." }, "ach_account_number": { "label": "Account Number" } }, "config": { "labels": { "finalizeButton": "Finalize Onboarding", "prenotePendingInfoLabel": "Bank account validation and payment is expected to be completed within 5–7 business days." }, "requireRoutingAndAccountConfirmation": true } }] };
+const INDIVIDUAL_PAYER = { "profileId": "INDIVIDUAL_PAYER", "config": { "maxReAuths": 3, "labels": { "finalText": "Payment in process" } }, "steps": [{ "type": "CREATE_CONSUMER_ACCOUNT", "fields": { "first_name": { "required": "First Name is required", "alphabetic": true }, "last_name": { "required": "Last Name is required", "alphabetic": true }, "email_address": { "required": "Email Address is required", "email": true } }, "fieldMeta": { "first_name": { "label": "First Name" }, "last_name": { "label": "Last Name" }, "email_address": { "label": "Email Address" }, "line_1": { "label": "Address Line 1" }, "line_2": { "label": "Address Line 2" }, "city": { "label": "City" }, "state": { "label": "State/Province" }, "postal_code": { "label": "Postal Code" }, "country": { "label": "Country" } }, "config": { "groups": { "information": "consumer_information" }, "layout": [{ "label": "Personal Information", "group": "consumer_information", "rows": [{ "fields": ["first_name", "last_name"] }, { "fields": ["email_address"] }] }], "statusPolicy": { "allowedStatusesForNextStep": ["ACTIVE"], "polling": { "enabled": true, "intervalMs": 2e3, "maxRetries": 5, "terminalStatuses": ["FAILED", "REJECTED"], "onTerminal": "error" } } } }, { "type": "ADD_BANK_ACCOUNT", "fields": { "ach_routing_number": {}, "ach_account_number": {}, "ach_account_type": {} }, "fieldMeta": { "ach_routing_number": { "label": "Routing Number", "helpText": "You can find your routing number on your check or bank statement." }, "ach_account_number": { "label": "Account Number" }, "ach_account_type": { "label": "Account Type" } }, "config": { "requireRoutingAndAccountConfirmation": true, "metadata": { "payee_uuid": "{{businessUuid}}" }, "labels": { "prenoteInfoLabel": false, "prenotePendingInfoLabel": "Bank account validation and payment is expected to be completed within 5–7 business days." } } }, { "type": "CHECKOUT_CONFIRM", "config": { "labels": { "paymentTimingInfoLabel": "Payment is expected to be completed within 3–5 business days.", "paymentTimingPendingInfoLabel": "Bank account validation and payment is expected to be completed within 5–7 business days." }, "amountEditable": false, "legalTexts": { "required": true, "documents": [{ "type": "ACH_AUTHORIZATION_INDIVIDUAL_PAYER" }] } } }] };
+const BUSINESS_PAYER = { "profileId": "BUSINESS_PAYER", "config": { "maxReAuths": 3, "labels": { "finalText": "Payment in process" } }, "steps": [{ "type": "CREATE_BUSINESS_ACCOUNT", "fields": { "business_name": { "required": "Business Name is required", "alphabetic": true }, "business_type": { "required": "Business Type is required" }, "country_of_incorporation": { "required": "Country of Incorporation is required" }, "state_of_incorporation": { "required": "State of Incorporation is required" }, "ein": {} }, "fieldMeta": { "business_name": { "label": "Business Name" }, "business_type": { "label": "Business Type" }, "country_of_incorporation": { "label": "Country of Incorporation" }, "state_of_incorporation": { "label": "State of Incorporation" }, "ein": { "label": "EIN" }, "email_address": { "label": "Email Address" }, "line_1": { "label": "Address Line 1" }, "line_2": { "label": "Address Line 2" }, "city": { "label": "City" }, "state": { "label": "State/Province" }, "postal_code": { "label": "Postal Code" }, "country": { "label": "Country" } }, "config": { "groups": { "information": "business_information" }, "layout": [{ "label": "Business Information", "group": "business_information", "rows": [{ "fields": ["business_name", "business_type"] }, { "fields": ["country_of_incorporation", "state_of_incorporation"] }, { "fields": ["ein"] }] }], "statusPolicy": { "allowedStatusesForNextStep": ["ACTIVE"], "polling": { "enabled": true, "intervalMs": 3e3, "maxRetries": 5, "terminalStatuses": ["FAILED", "REJECTED"], "onTerminal": "error" } } } }, { "type": "ADD_BANK_ACCOUNT", "fields": { "ach_routing_number": {}, "ach_account_number": {}, "ach_account_type": {} }, "fieldMeta": { "ach_routing_number": { "label": "Routing Number", "helpText": "You can find your routing number on your check or bank statement." }, "ach_account_number": { "label": "Account Number" }, "ach_account_type": { "label": "Account Type" } }, "config": { "requireRoutingAndAccountConfirmation": true, "metadata": { "payee_uuid": "{{businessUuid}}" }, "labels": { "prenoteInfoLabel": "New bank accounts go through prenote verification. It can take up to 3-5 business days for the account to become ACTIVE and for payments to finish processing.", "prenotePendingInfoLabel": "This bank account is still in prenote verification (PENDING). It can take up to 3-5 business days before it becomes ACTIVE and payments are processed." } } }, { "type": "CHECKOUT_CONFIRM", "config": { "labels": { "paymentTimingInfoLabel": "If this is a newly added bank account, prenote verification can take up to 3-5 business days before the account becomes ACTIVE and the payment is fully processed.", "paymentTimingPendingInfoLabel": "This bank account is still in prenote verification (PENDING). It can take up to 3-5 business days before the account becomes ACTIVE and payment processing completes." }, "amountEditable": false, "legalTexts": { "required": true, "documents": [{ "type": "ACH_AUTHORIZATION_BUSINESS_PAYER" }] } } }] };
+const PAYEE = { "profileId": "PAYEE", "config": { "maxReAuths": 3, "labels": { "finalText": "Process complete" } }, "steps": [{ "type": "CREATE_BUSINESS_ACCOUNT", "fields": { "business_type": { "required": "Business Type is required" }, "business_name": { "required": "Business Name is required" }, "country_of_incorporation": { "required": "Country of Incorporation is required" }, "state_of_incorporation": { "required": "State of Incorporation is required" }, "nature_of_business": { "required": "Nature of Business is required", "numeric": "Nature of Business must only contain numbers", "minValue": { "value": 11, "message": "Nature of Business must be between 11 and 999999" }, "maxValue": { "value": 999999, "message": "Nature of Business must be between 11 and 999999" } }, "ein": { "required": "EIN is required", "numeric": "EIN must only contain numbers" }, "email_address": { "email": true }, "phone_number": { "required": "Phone Number is required", "phone": true }, "website": { "url": true }, "line_1": { "required": "Address Line 1 is required", "pattern": { "regex": "^.{2,40}$", "message": "Address Line 1 must be between 2 and 40 characters" } }, "line_2": { "pattern": { "regex": "^.{1,30}$", "message": "Address Line 2 must be between 1 and 30 characters" } }, "city": { "required": "City is required" }, "state": { "required": "State is required" }, "postal_code": { "required": "Postal Code is required", "pattern": { "regex": "^.{5,9}$", "message": "Postal Code must be between 5 and 9 characters" } } }, "fieldMeta": { "business_name": { "label": "Business Name" }, "business_type": { "label": "Business Type" }, "country_of_incorporation": { "label": "Country of Incorporation" }, "state_of_incorporation": { "label": "State of Incorporation" }, "nature_of_business": { "label": "Nature of Business (NAICS)" }, "ein": { "label": "EIN" }, "email_address": { "label": "Email Address" }, "phone_number": { "label": "Phone Number" }, "website": { "label": "Website" }, "line_1": { "label": "Address Line 1" }, "line_2": { "label": "Address Line 2" }, "city": { "label": "City" }, "state": { "label": "State" }, "postal_code": { "label": "Postal Code" } }, "config": { "labels": { "createAccountLabel": "Create Account", "creatingAccountLabel": "Creating Account...", "updateAccountLabel": "Update Account", "updatingAccountLabel": "Updating Account..." }, "groups": { "information": "business_information", "primary_address": "primary_address" }, "layout": [{ "label": "Business Information", "group": "business_information", "rows": [{ "fields": ["business_name", "business_type"] }, { "fields": ["country_of_incorporation", "state_of_incorporation"] }, { "fields": ["nature_of_business", "ein"] }, { "fields": ["email_address", "phone_number"] }, { "fields": ["website"] }] }, { "label": "Address", "group": "primary_address", "rows": [{ "fields": ["line_1"] }, { "fields": ["line_2"] }, { "fields": ["city", "state"] }, { "fields": ["postal_code"] }] }], "statusPolicy": { "allowedStatusesForNextStep": ["ACTIVE", "CREATED"], "barrierStatuses": ["MANUAL_REVIEW"], "barrierTitle": "Review in progress", "barrierMessage": "Your account is currently under review. <br />You will be able to continue once the review is complete.", "polling": { "enabled": true, "intervalMs": 3e3, "maxRetries": 5, "terminalStatuses": ["FAILED", "REJECTED"], "onTerminal": "error" } } } }, { "type": "START_ONBOARDING", "config": { "legalTexts": { "required": true, "documents": [{ "type": "TERMS_AND_CONDITIONS" }, { "type": "PRIVACY_POLICY" }] }, "statusPolicy": { "allowedStatusesForNextStep": ["ACTIVE"], "barrierStatuses": ["MANUAL_REVIEW"], "barrierTitle": "Manual review in progress", "barrierMessage": "Your account is currently under review. <br />You will be able to continue once the review is complete.", "polling": { "enabled": true, "intervalMs": 3e3, "maxRetries": 5, "terminalStatuses": ["FAILED", "REJECTED"], "onTerminal": "error" } } } }, { "type": "ADD_BANK_ACCOUNT", "fields": { "ach_routing_number": {}, "ach_account_number": {} }, "fieldMeta": { "ach_routing_number": { "label": "Routing Number", "helpText": "You can find your routing number on your check or bank statement." }, "ach_account_number": { "label": "Account Number" } }, "config": { "labels": { "finalizeButton": "Finalize Onboarding", "prenotePendingInfoLabel": "Bank account validation and payment is expected to be completed within 5–7 business days." }, "requireRoutingAndAccountConfirmation": true } }] };
 const recipesJson = {
   INDIVIDUAL_PAYER,
   BUSINESS_PAYER,
@@ -13631,21 +13710,21 @@ const accountConfigs = {
     },
     fieldRenderRegistry: {
       business_type: { component: "select", options: businessTypeOptions },
-      business_name: { component: "text" },
+      business_name: { component: "text", autocomplete: "organization" },
       country_of_incorporation: { component: "select", options: countryOptions },
       state_of_incorporation: { component: "select", options: usStates },
       nature_of_business: { component: "text" },
       ein: { component: "ein" },
-      email_address: { component: "text", email: true },
-      phone_number: { component: "phone" },
-      website: { component: "text" },
+      email_address: { component: "text", email: true, autocomplete: "email" },
+      phone_number: { component: "phone", autocomplete: "tel" },
+      website: { component: "text", autocomplete: "url" },
       incorporation_date: { component: "dob" },
-      line_1: { component: "text" },
-      line_2: { component: "text" },
-      city: { component: "text" },
-      state: { component: "select", options: usStates },
-      postal_code: { component: "text" },
-      country: { component: "select", options: countryOptions }
+      line_1: { component: "text", autocomplete: "address-line1" },
+      line_2: { component: "text", autocomplete: "address-line2" },
+      city: { component: "text", autocomplete: "address-level2" },
+      state: { component: "select", options: usStates, autocomplete: "address-level1" },
+      postal_code: { component: "text", autocomplete: "postal-code" },
+      country: { component: "select", options: countryOptions, autocomplete: "country-name" }
     }
   },
   consumer: {
@@ -13686,19 +13765,19 @@ const accountConfigs = {
       country: "Enter country"
     },
     fieldRenderRegistry: {
-      first_name: { component: "text" },
-      last_name: { component: "text" },
-      email_address: { component: "text", inputType: "email" },
-      phone_number: { component: "phone" },
+      first_name: { component: "text", autocomplete: "given-name" },
+      last_name: { component: "text", autocomplete: "family-name" },
+      email_address: { component: "text", inputType: "email", autocomplete: "email" },
+      phone_number: { component: "phone", autocomplete: "tel" },
       date_of_birth: { component: "dob" },
       ssn: { component: "text" },
       occupation: { component: "select", options: professionOptions },
-      line_1: { component: "text" },
-      line_2: { component: "text" },
-      city: { component: "text" },
-      state: { component: "select", options: usStates },
-      postal_code: { component: "text" },
-      country: { component: "select", options: countryOptions }
+      line_1: { component: "text", autocomplete: "address-line1" },
+      line_2: { component: "text", autocomplete: "address-line2" },
+      city: { component: "text", autocomplete: "address-level2" },
+      state: { component: "select", options: usStates, autocomplete: "address-level1" },
+      postal_code: { component: "text", autocomplete: "postal-code" },
+      country: { component: "select", options: countryOptions, autocomplete: "country-name" }
     }
   }
 };
@@ -14133,6 +14212,7 @@ function CreateAccount($$anchor, $$props) {
         component: renderer.component,
         options: renderer.options,
         inputType: renderer.inputType,
+        autocomplete: renderer.autocomplete,
         label,
         placeholder,
         required,
@@ -14799,9 +14879,8 @@ function CreateAccount($$anchor, $$props) {
   }
   const getFieldValidationState = (fieldKey) => {
     if (!fieldKey) return "neutral";
-    if (baseForm.state.validationErrors[fieldKey]) return "invalid";
     if (get$1(alertFields)[fieldKey]) return "warning";
-    return "neutral";
+    return baseForm.handlers.getFieldDisplayState(fieldKey);
   };
   const getFieldValidationMessage = (fieldKey) => {
     if (!fieldKey) return "";
@@ -15356,9 +15435,13 @@ function CreateAccount($$anchor, $$props) {
                       });
                       let $7 = /* @__PURE__ */ user_derived(() => {
                         var _a3;
-                        return getFieldValidationState((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.key);
+                        return ((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.autocomplete) || "";
                       });
                       let $8 = /* @__PURE__ */ user_derived(() => {
+                        var _a3;
+                        return getFieldValidationState((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.key);
+                      });
+                      let $9 = /* @__PURE__ */ user_derived(() => {
                         var _a3;
                         return getFieldValidationMessage((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.key);
                       });
@@ -15384,6 +15467,9 @@ function CreateAccount($$anchor, $$props) {
                         get type() {
                           return get$1($6);
                         },
+                        get autocomplete() {
+                          return get$1($7);
+                        },
                         oninput: (e) => {
                           var _a3;
                           return handleFieldChangeWithDebug((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.key, e.target.value);
@@ -15393,10 +15479,10 @@ function CreateAccount($$anchor, $$props) {
                           return baseForm.handlers.handleFieldBlur((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.key);
                         },
                         get validationState() {
-                          return get$1($7);
+                          return get$1($8);
                         },
                         get errorMessage() {
-                          return get$1($8);
+                          return get$1($9);
                         }
                       });
                     }
@@ -15425,17 +15511,25 @@ function CreateAccount($$anchor, $$props) {
                           });
                           let $4 = /* @__PURE__ */ user_derived(() => {
                             var _a3;
-                            return isFieldReadOnly((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.key);
+                            return (_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.required;
                           });
                           let $5 = /* @__PURE__ */ user_derived(() => {
                             var _a3;
-                            return getFieldValidationState((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.key);
+                            return isFieldReadOnly((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.key);
                           });
                           let $6 = /* @__PURE__ */ user_derived(() => {
                             var _a3;
-                            return getFieldValidationMessage((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.key);
+                            return ((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.autocomplete) || "off";
                           });
                           let $7 = /* @__PURE__ */ user_derived(() => {
+                            var _a3;
+                            return getFieldValidationState((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.key);
+                          });
+                          let $8 = /* @__PURE__ */ user_derived(() => {
+                            var _a3;
+                            return getFieldValidationMessage((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.key);
+                          });
+                          let $9 = /* @__PURE__ */ user_derived(() => {
                             var _a3;
                             return (_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.helpText;
                           });
@@ -15452,9 +15546,15 @@ function CreateAccount($$anchor, $$props) {
                             get placeholder() {
                               return get$1($3);
                             },
-                            get readonly() {
+                            get required() {
                               return get$1($4);
                             },
+                            get readonly() {
+                              return get$1($5);
+                            },
+                            get autocomplete() {
+                              return get$1($6);
+                            },
                             onchange: (e) => {
                               var _a3;
                               return handleFieldChangeWithDebug((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.key, e.detail.value);
@@ -15464,13 +15564,13 @@ function CreateAccount($$anchor, $$props) {
                               return baseForm.handlers.handleFieldBlur((_a3 = getField(get$1(fieldKey))) == null ? void 0 : _a3.key);
                             },
                             get validationState() {
-                              return get$1($5);
+                              return get$1($7);
                             },
                             get errorMessage() {
-                              return get$1($6);
+                              return get$1($8);
                             },
                             get helpText() {
-                              return get$1($7);
+                              return get$1($9);
                             }
                           });
                         }
@@ -15984,6 +16084,34 @@ customElements.define("alviere-create-consumer-account", create_custom_element(
   [],
   true
 ));
+function getErrorCode(error) {
+  var _a2, _b, _c, _d, _e, _f, _g, _h;
+  if (!error || typeof error !== "object") return void 0;
+  const parsed = error;
+  const parsedMessageCode = typeof parsed.message === "string" ? (_a2 = parsed.message.match(/Alcore API Error\s+(\d+)/)) == null ? void 0 : _a2[1] : void 0;
+  return parsed.errorCode || parsed.error_code || parsed.code || ((_b = parsed.cause) == null ? void 0 : _b.errorCode) || ((_c = parsed.cause) == null ? void 0 : _c.error_code) || ((_d = parsed.cause) == null ? void 0 : _d.code) || ((_f = (_e = parsed.response) == null ? void 0 : _e.data) == null ? void 0 : _f.errorCode) || ((_h = (_g = parsed.response) == null ? void 0 : _g.data) == null ? void 0 : _h.error_code) || parsedMessageCode || void 0;
+}
+async function classifyApiError(error, jwtManager) {
+  const errorCode = getErrorCode(error);
+  if (errorCode === AlcoreErrorCodes.INVALID_JWT) {
+    if (jwtManager == null ? void 0 : jwtManager.canReAuth()) {
+      const success = await jwtManager.attemptReAuth();
+      if (success) return { kind: "reauth-success" };
+    }
+    return { kind: "critical", error, errorCode };
+  }
+  if (errorCode && isCriticalError(errorCode)) {
+    return { kind: "critical", error, errorCode };
+  }
+  return { kind: "non-critical", errorCode };
+}
+function toAlcoreApiError(error, errorCode) {
+  if (error instanceof AlcoreApiError) return error;
+  return new AlcoreApiError(
+    errorCode || "000000",
+    error instanceof Error ? error.message : "An unexpected error occurred"
+  );
+}
 const bankInfoCache = /* @__PURE__ */ new Map();
 async function lookupRoutingNumber(routingNumber, alviereCore) {
   const cleanRouting = routingNumber.replace(/[-\s]/g, "");
@@ -16073,6 +16201,7 @@ function AddBankAccount($$anchor, $$props) {
   push($$props, true);
   append_styles$1($$anchor, $$css$b);
   const $flowRecipeStore = () => store_get(flowRecipeStore, "$flowRecipeStore", $$stores);
+  const $flowCoreStore = () => store_get(flowCoreStore, "$flowCoreStore", $$stores);
   const [$$stores, $$cleanup] = setup_stores();
   var _a2;
   var _b;
@@ -16340,10 +16469,17 @@ function AddBankAccount($$anchor, $$props) {
         if (baseForm.state.validationErrors.ach_routing_number === invalidRoutingNumberMessage) {
           baseForm.actions.clearFieldError("ach_routing_number");
         }
-      }).catch((error) => {
+      }).catch(async (error) => {
         set(bankInfo, null);
-        baseForm.actions.setFieldError("ach_routing_number", invalidRoutingNumberMessage);
-        uiLogger.warn("Failed to lookup bank info:", error);
+        const result = await classifyApiError(error, $flowCoreStore().jwtManager);
+        if (result.kind === "reauth-success") {
+          baseForm.actions.clearFieldError("ach_routing_number");
+        } else if (result.kind === "critical") {
+          dispatchCriticalError(result.error, result.errorCode);
+        } else {
+          baseForm.actions.setFieldError("ach_routing_number", invalidRoutingNumberMessage);
+          uiLogger.warn("Failed to lookup bank info:", error);
+        }
       }).finally(() => {
         set(isLoadingBankInfo, false);
       });
@@ -16433,12 +16569,14 @@ function AddBankAccount($$anchor, $$props) {
       set(isSubmitting, false);
     }
   }
-  function getErrorCode(error) {
-    var _a3, _b2, _c2, _d, _e, _f, _g, _h;
-    if (!error || typeof error !== "object") return void 0;
-    const parsed = error;
-    const parsedMessageCode = typeof parsed.message === "string" ? (_a3 = parsed.message.match(/Alcore API Error\s+(\d+)/)) === null || _a3 === void 0 ? void 0 : _a3[1] : void 0;
-    return parsed.errorCode || parsed.error_code || parsed.code || ((_b2 = parsed.cause) === null || _b2 === void 0 ? void 0 : _b2.errorCode) || ((_c2 = parsed.cause) === null || _c2 === void 0 ? void 0 : _c2.error_code) || ((_d = parsed.cause) === null || _d === void 0 ? void 0 : _d.code) || ((_f = (_e = parsed.response) === null || _e === void 0 ? void 0 : _e.data) === null || _f === void 0 ? void 0 : _f.errorCode) || ((_h = (_g = parsed.response) === null || _g === void 0 ? void 0 : _g.data) === null || _h === void 0 ? void 0 : _h.error_code) || parsedMessageCode || void 0;
+  function dispatchCriticalError(error, errorCode) {
+    if (get$1(hostElement)) {
+      get$1(hostElement).dispatchEvent(new CustomEvent(ComponentEvents.FORM_ERROR, {
+        detail: { error: toAlcoreApiError(error, errorCode), stepType },
+        bubbles: true,
+        composed: true
+      }));
+    }
   }
   function getAddBankAccountErrorMessage(errorCode) {
     if (errorCode === "340029") {
@@ -16461,6 +16599,15 @@ function AddBankAccount($$anchor, $$props) {
   async function handleAddBankAccount(event2) {
     var _a3, _b2;
     event2.preventDefault();
+    if (get$1(isLoadingBankInfo)) {
+      return;
+    }
+    baseForm.actions.markAllFieldsAsInteracted();
+    baseForm.actions.validateAllFields();
+    const routingOnSubmit = baseForm.state.formData.ach_details.routing_number;
+    if (baseForm.state.alviereCore && (routingOnSubmit === null || routingOnSubmit === void 0 ? void 0 : routingOnSubmit.length) === 9 && !get$1(isLoadingBankInfo) && get$1(bankInfo) === null) {
+      baseForm.actions.setFieldError("ach_routing_number", getFieldErrorMessage("ach_routing_number", "pattern", INVALID_ROUTING_NUMBER_MESSAGE));
+    }
     if (!baseForm.computed.canSubmit) {
       uiLogger.debug("Cannot submit: form validation failed");
       return;
@@ -16540,8 +16687,14 @@ function AddBankAccount($$anchor, $$props) {
       set(showAddForm, false);
     } catch (error) {
       uiLogger.error("❌ Error adding bank account:", error);
-      const errorCode = getErrorCode(error);
-      set(formError, getAddBankAccountErrorMessage(errorCode), true);
+      const result = await classifyApiError(error, $flowCoreStore().jwtManager);
+      if (result.kind === "reauth-success") {
+        set(formError, "Your session has been refreshed. Please try again.");
+      } else if (result.kind === "critical") {
+        dispatchCriticalError(result.error, result.errorCode);
+      } else {
+        set(formError, getAddBankAccountErrorMessage(result.errorCode), true);
+      }
     } finally {
       set(isSubmitting, false);
     }
@@ -17125,7 +17278,7 @@ function AddBankAccount($$anchor, $$props) {
               {
                 let $0 = /* @__PURE__ */ user_derived(() => getFieldLabel("ach_account_type"));
                 let $1 = /* @__PURE__ */ user_derived(() => getFieldPlaceholder("ach_account_type"));
-                let $2 = /* @__PURE__ */ user_derived(() => baseForm.state.validationErrors.ach_account_type ? "invalid" : "neutral");
+                let $2 = /* @__PURE__ */ user_derived(() => baseForm.handlers.getFieldDisplayState("ach_account_type"));
                 let $3 = /* @__PURE__ */ user_derived(() => baseForm.state.validationErrors.ach_account_type || "");
                 let $4 = /* @__PURE__ */ user_derived(() => getFieldHelpText("ach_account_type"));
                 SearchSelect(node_17, {
@@ -17147,6 +17300,7 @@ function AddBankAccount($$anchor, $$props) {
                     baseForm.state.formData.ach_details.type = newValue;
                     baseForm.handlers.handleFieldChange("ach_account_type", newValue);
                   },
+                  onblur: () => baseForm.handlers.handleFieldBlur("ach_account_type"),
                   get validationSchema() {
                     return get$1(fieldSchemas).ach_account_type;
                   },
@@ -17178,7 +17332,7 @@ function AddBankAccount($$anchor, $$props) {
                 let $0 = /* @__PURE__ */ user_derived(() => getFieldLabel("ach_routing_number"));
                 let $1 = /* @__PURE__ */ user_derived(() => getFieldPlaceholder("ach_routing_number"));
                 let $2 = /* @__PURE__ */ user_derived(() => getFieldHelpText("ach_routing_number"));
-                let $3 = /* @__PURE__ */ user_derived(() => baseForm.state.validationErrors.ach_routing_number ? "invalid" : "neutral");
+                let $3 = /* @__PURE__ */ user_derived(() => baseForm.handlers.getFieldDisplayState("ach_routing_number"));
                 let $4 = /* @__PURE__ */ user_derived(() => baseForm.state.validationErrors.ach_routing_number || "");
                 let $5 = /* @__PURE__ */ user_derived(() => getLabel("routingHelpAriaLabel", "Where to find your routing number"));
                 TextInput(node_19, {
@@ -17221,6 +17375,13 @@ function AddBankAccount($$anchor, $$props) {
                     if (get$1(requireRoutingAndAccountConfirmation) && baseForm.state.formData.confirm_routing_number) {
                       validateRoutingConfirmation();
                     }
+                  },
+                  onblur: () => {
+                    baseForm.handlers.handleFieldBlur("ach_routing_number");
+                    const routing = baseForm.state.formData.ach_details.routing_number;
+                    if (baseForm.state.alviereCore && (routing == null ? void 0 : routing.length) === 9 && !get$1(isLoadingBankInfo) && get$1(bankInfo) === null) {
+                      baseForm.actions.setFieldError("ach_routing_number", getFieldErrorMessage("ach_routing_number", "pattern", INVALID_ROUTING_NUMBER_MESSAGE));
+                    }
                   }
                 });
               }
@@ -17231,7 +17392,7 @@ function AddBankAccount($$anchor, $$props) {
                     let $0 = /* @__PURE__ */ user_derived(() => getFieldLabel("confirm_routing_number"));
                     let $1 = /* @__PURE__ */ user_derived(() => getFieldPlaceholder("confirm_routing_number"));
                     let $2 = /* @__PURE__ */ user_derived(() => getFieldHelpText("confirm_routing_number"));
-                    let $3 = /* @__PURE__ */ user_derived(() => baseForm.state.validationErrors.confirm_routing_number ? "invalid" : "neutral");
+                    let $3 = /* @__PURE__ */ user_derived(() => baseForm.handlers.getFieldDisplayState("confirm_routing_number"));
                     let $4 = /* @__PURE__ */ user_derived(() => baseForm.state.validationErrors.confirm_routing_number || "");
                     TextInput($$anchor5, {
                       get value() {
@@ -17266,6 +17427,10 @@ function AddBankAccount($$anchor, $$props) {
                           validateRoutingConfirmation();
                         }
                       },
+                      onblur: () => {
+                        baseForm.handlers.handleFieldBlur("confirm_routing_number");
+                        validateRoutingConfirmation();
+                      },
                       blockPaste: true
                     });
                   }
@@ -17290,7 +17455,7 @@ function AddBankAccount($$anchor, $$props) {
                 let $0 = /* @__PURE__ */ user_derived(() => getFieldLabel("ach_account_number"));
                 let $1 = /* @__PURE__ */ user_derived(() => getFieldPlaceholder("ach_account_number"));
                 let $2 = /* @__PURE__ */ user_derived(() => getFieldHelpText("ach_account_number"));
-                let $3 = /* @__PURE__ */ user_derived(() => baseForm.state.validationErrors.ach_account_number ? "invalid" : "neutral");
+                let $3 = /* @__PURE__ */ user_derived(() => baseForm.handlers.getFieldDisplayState("ach_account_number"));
                 let $4 = /* @__PURE__ */ user_derived(() => baseForm.state.validationErrors.ach_account_number || "");
                 let $5 = /* @__PURE__ */ user_derived(() => getLabel("accountHelpAriaLabel", "Where to find your account number"));
                 TextInput(node_22, {
@@ -17334,7 +17499,8 @@ function AddBankAccount($$anchor, $$props) {
                     if (get$1(requireRoutingAndAccountConfirmation) && baseForm.state.formData.confirm_account_number) {
                       validateAccountConfirmation();
                     }
-                  }
+                  },
+                  onblur: () => baseForm.handlers.handleFieldBlur("ach_account_number")
                 });
               }
               var node_23 = sibling(node_22, 2);
@@ -17344,7 +17510,7 @@ function AddBankAccount($$anchor, $$props) {
                     let $0 = /* @__PURE__ */ user_derived(() => getFieldLabel("confirm_account_number"));
                     let $1 = /* @__PURE__ */ user_derived(() => getFieldPlaceholder("confirm_account_number"));
                     let $2 = /* @__PURE__ */ user_derived(() => getFieldHelpText("confirm_account_number"));
-                    let $3 = /* @__PURE__ */ user_derived(() => baseForm.state.validationErrors.confirm_account_number ? "invalid" : "neutral");
+                    let $3 = /* @__PURE__ */ user_derived(() => baseForm.handlers.getFieldDisplayState("confirm_account_number"));
                     let $4 = /* @__PURE__ */ user_derived(() => baseForm.state.validationErrors.confirm_account_number || "");
                     TextInput($$anchor5, {
                       get value() {
@@ -17380,6 +17546,10 @@ function AddBankAccount($$anchor, $$props) {
                           validateAccountConfirmation();
                         }
                       },
+                      onblur: () => {
+                        baseForm.handlers.handleFieldBlur("confirm_account_number");
+                        validateAccountConfirmation();
+                      },
                       blockPaste: true
                     });
                   }
@@ -17810,6 +17980,7 @@ function CheckoutConfirm($$anchor, $$props) {
   });
   const canPay = /* @__PURE__ */ user_derived(() => () => !legalTextsResolver.requiresLegalTexts || get$1(legalTextsAccepted));
   async function handlePay() {
+    if (!get$1(canPay)() || get$1(isSending)) return;
     set(isSending, true);
     await new Promise((resolve) => setTimeout(resolve, 500));
     set(isSending, false);
@@ -19519,13 +19690,20 @@ delegate(["click"]);
 create_custom_element(FormErrorBoundary, { onError: {}, allowRetry: {}, children: {} }, [], ["handleError", "reset"], true);
 function createJwtFlowManager(options) {
   const { getJwt, getCore, getDebug, onJwtUpdate } = options;
+  const getMaxReAuths = () => {
+    var _a2;
+    return ((_a2 = options.getMaxReAuths) == null ? void 0 : _a2.call(options)) ?? 3;
+  };
   let effectiveJwt = /* @__PURE__ */ state(proxy(getJwt()));
   let pendingJwt = /* @__PURE__ */ state(null);
   let stepJwtSnapshot = /* @__PURE__ */ state(proxy(getJwt()));
+  let reAuthCount = 0;
+  let refreshTimer = null;
   user_effect(() => {
     const currentJwt = getJwt();
     if (currentJwt) {
       set(effectiveJwt, currentJwt, true);
+      scheduleRefresh(currentJwt);
     }
   });
   user_effect(() => {
@@ -19536,7 +19714,7 @@ function createJwtFlowManager(options) {
       set(pendingJwt, null);
       const debug = getDebug();
       if (debug) {
-        uiLogger.info("✅ JWT downgrade successful - updated flow JWT");
+        uiLogger.info("✅ JWT update successful - updated flow JWT");
         uiLogger.info("🔐 Old JWT (first 50 chars):", oldJwt == null ? void 0 : oldJwt.substring(0, 50));
         uiLogger.info("🔐 New JWT (first 50 chars):", (_a2 = get$1(effectiveJwt)) == null ? void 0 : _a2.substring(0, 50));
         uiLogger.info("🔐 New JWT will be used in all subsequent steps");
@@ -19544,11 +19722,72 @@ function createJwtFlowManager(options) {
       onJwtUpdate == null ? void 0 : onJwtUpdate(get$1(effectiveJwt));
     }
   });
+  function scheduleRefresh(jwt) {
+    if (refreshTimer !== null) {
+      clearTimeout(refreshTimer);
+      refreshTimer = null;
+    }
+    const refreshAtMs = getJWTRefreshTime(jwt);
+    if (!refreshAtMs) return;
+    const delay = refreshAtMs - Date.now();
+    if (delay <= 0) {
+      getDebug() && uiLogger.warn("⏰ JWT refresh time already passed — triggering immediately");
+      attemptReAuth().then((success) => {
+        var _a2;
+        if (!success) (_a2 = options.onReAuthExhausted) == null ? void 0 : _a2.call(options);
+      });
+      return;
+    }
+    getDebug() && uiLogger.info(`⏰ JWT refresh scheduled in ${Math.round(delay / 1e3)}s (at ${new Date(refreshAtMs).toISOString()})`);
+    refreshTimer = setTimeout(
+      async () => {
+        var _a2;
+        refreshTimer = null;
+        getDebug() && uiLogger.info("⏰ JWT refresh timer fired — attempting re-auth");
+        const success = await attemptReAuth();
+        if (!success) {
+          (_a2 = options.onReAuthExhausted) == null ? void 0 : _a2.call(options);
+        }
+      },
+      delay
+    );
+  }
+  async function attemptReAuth() {
+    const maxReAuths = getMaxReAuths();
+    if (reAuthCount >= maxReAuths) {
+      getDebug() && uiLogger.warn(`🔐 Re-auth limit reached (${reAuthCount}/${maxReAuths}) — cannot re-authenticate`);
+      return false;
+    }
+    const core = getCore();
+    if (!core) {
+      getDebug() && uiLogger.warn("⚠️ Cannot re-auth — AlviereCore not initialized");
+      return false;
+    }
+    try {
+      const accountUuid = core.getAccountUuid();
+      if (!accountUuid) {
+        getDebug() && uiLogger.warn("⚠️ Cannot re-auth — account UUID not available in JWT");
+        return false;
+      }
+      getDebug() && uiLogger.info(`🔐 Attempting re-auth (${reAuthCount + 1}/${maxReAuths}) for account: ${accountUuid}`);
+      const newJwt = await core.generateScopedToken(accountUuid, false);
+      reAuthCount++;
+      getDebug() && uiLogger.info(`✅ Re-auth successful (${reAuthCount}/${maxReAuths})`);
+      set(pendingJwt, newJwt, true);
+      await new Promise((resolve) => setTimeout(resolve, 0));
+      scheduleRefresh(newJwt);
+      return true;
+    } catch (error) {
+      uiLogger.warn("⚠️ Re-auth attempt failed:", error);
+      return false;
+    }
+  }
   return {
     getJwtForStep: () => get$1(stepJwtSnapshot),
     getEffectiveJwt: () => get$1(effectiveJwt),
     updateJwt: (newJwt) => {
       set(effectiveJwt, newJwt, true);
+      scheduleRefresh(newJwt);
     },
     downgradeJwt: async (accountUuid) => {
       const core = getCore();
@@ -19572,12 +19811,22 @@ function createJwtFlowManager(options) {
         set(pendingJwt, newJwt, true);
         debug && uiLogger.info("🔐 Pending JWT set (first 50 chars):", newJwt == null ? void 0 : newJwt.substring(0, 50));
         await new Promise((resolve) => setTimeout(resolve, 0));
+        scheduleRefresh(newJwt);
       } catch (error) {
         uiLogger.warn("⚠️ Failed to perform JWT downgrade:", error);
       }
     },
     updateStepSnapshot: () => {
       set(stepJwtSnapshot, untrack$1(() => get$1(effectiveJwt)), true);
+    },
+    canReAuth: () => reAuthCount < getMaxReAuths(),
+    attemptReAuth,
+    cancelRefreshTimer: () => {
+      if (refreshTimer !== null) {
+        clearTimeout(refreshTimer);
+        refreshTimer = null;
+        getDebug() && uiLogger.info("⏰ JWT refresh timer cancelled");
+      }
     }
   };
 }
@@ -20060,8 +20309,27 @@ function MultiStepFlow($$anchor, $$props) {
     onJwtUpdate: (newJwt) => {
       flowCoreStore.updateJwt(newJwt);
       jwt(newJwt);
+    },
+    // maxReAuths is read reactively from the resolved recipe config (or FlowConfig prop)
+    getMaxReAuths: () => {
+      var _a3, _b2, _c;
+      return (_c = (_a3 = config() === null || config() === void 0 ? void 0 : config().maxReAuths) !== null && _a3 !== void 0 ? _a3 : (_b2 = get$1(profileRecipe) === null || get$1(profileRecipe) === void 0 ? void 0 : get$1(profileRecipe).config) === null || _b2 === void 0 ? void 0 : _b2.maxReAuths) !== null && _c !== void 0 ? _c : 3;
+    },
+    onReAuthExhausted: () => {
+      debug() && uiLogger.warn("🔐 Re-auth exhausted — halting flow with critical error");
+      set(flowBarrier, null);
+      set(
+        flowError,
+        {
+          message: get$1(criticalErrorMessage),
+          errorCode: "100305",
+          description: "Authentication session expired and could not be renewed."
+        },
+        true
+      );
     }
   });
+  flowCoreStore.setJwtManager(jwtManager);
   const flowManager = createFlowStateManager(() => config());
   const eventDispatcher = createFlowEventDispatcher({
     getFlowElement: () => get$1(
@@ -20270,6 +20538,7 @@ function MultiStepFlow($$anchor, $$props) {
     }
     return () => {
       debug() && uiLogger.info("🧹 Cleaning up flow - resetting AlviereCore store");
+      jwtManager.cancelRefreshTimer();
       resetFlowCore();
       resetFlowRecipe();
     };