@aurodesignsystem-dev/auro-formkit 0.0.0-pr1547.0 → 0.0.0-pr1548.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (55) hide show
  1. package/components/checkbox/demo/accessibility.md +1 -1
  2. package/components/checkbox/demo/customize.min.js +1 -1
  3. package/components/checkbox/demo/getting-started.min.js +1 -1
  4. package/components/checkbox/demo/index.min.js +1 -1
  5. package/components/checkbox/dist/index.js +1 -1
  6. package/components/checkbox/dist/registered.js +1 -1
  7. package/components/combobox/demo/accessibility.md +1 -1
  8. package/components/combobox/demo/customize.md +1 -1
  9. package/components/combobox/demo/customize.min.js +276 -33
  10. package/components/combobox/demo/getting-started.min.js +276 -33
  11. package/components/combobox/demo/index.min.js +276 -33
  12. package/components/combobox/demo/keyboard-behavior.md +1 -1
  13. package/components/combobox/dist/auro-combobox.d.ts +1 -0
  14. package/components/combobox/dist/index.js +276 -33
  15. package/components/combobox/dist/registered.js +276 -33
  16. package/components/counter/demo/customize.min.js +2 -2
  17. package/components/counter/demo/index.min.js +2 -2
  18. package/components/counter/dist/index.js +2 -2
  19. package/components/counter/dist/registered.js +2 -2
  20. package/components/datepicker/demo/accessibility.md +1 -1
  21. package/components/datepicker/demo/customize.md +30 -1
  22. package/components/datepicker/demo/customize.min.js +18 -12
  23. package/components/datepicker/demo/index.min.js +18 -12
  24. package/components/datepicker/dist/index.js +18 -12
  25. package/components/datepicker/dist/registered.js +18 -12
  26. package/components/dropdown/demo/customize.min.js +1 -1
  27. package/components/dropdown/demo/getting-started.min.js +1 -1
  28. package/components/dropdown/demo/index.min.js +1 -1
  29. package/components/dropdown/dist/index.js +1 -1
  30. package/components/dropdown/dist/registered.js +1 -1
  31. package/components/form/demo/customize.min.js +355 -106
  32. package/components/form/demo/getting-started.min.js +355 -106
  33. package/components/form/demo/index.min.js +355 -106
  34. package/components/form/demo/registerDemoDeps.min.js +355 -106
  35. package/components/input/demo/accessibility.md +1 -1
  36. package/components/input/demo/customize.min.js +1 -1
  37. package/components/input/demo/getting-started.min.js +1 -1
  38. package/components/input/demo/index.min.js +1 -1
  39. package/components/input/dist/index.js +1 -1
  40. package/components/input/dist/registered.js +1 -1
  41. package/components/radio/demo/accessibility.md +1 -1
  42. package/components/radio/demo/customize.min.js +1 -1
  43. package/components/radio/demo/getting-started.min.js +1 -1
  44. package/components/radio/demo/index.min.js +1 -1
  45. package/components/radio/dist/index.js +1 -1
  46. package/components/radio/dist/registered.js +1 -1
  47. package/components/select/demo/accessibility.md +1 -1
  48. package/components/select/demo/customize.md +1 -1
  49. package/components/select/demo/customize.min.js +2 -2
  50. package/components/select/demo/getting-started.min.js +2 -2
  51. package/components/select/demo/index.min.js +2 -2
  52. package/components/select/dist/index.js +2 -2
  53. package/components/select/dist/registered.js +2 -2
  54. package/custom-elements.json +551 -551
  55. package/package.json +1 -1
@@ -12338,7 +12338,7 @@ let AuroHelpText$8 = class AuroHelpText extends i$2 {
12338
12338
  }
12339
12339
  };
12340
12340
 
12341
- var formkitVersion$8 = '202607091532';
12341
+ var formkitVersion$8 = '202607091805';
12342
12342
 
12343
12343
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
12344
12344
  // See LICENSE in the project root for license information.
@@ -26735,7 +26735,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$2 {
26735
26735
  }
26736
26736
  };
26737
26737
 
26738
- var formkitVersion$2$1 = '202607091532';
26738
+ var formkitVersion$2$1 = '202607091805';
26739
26739
 
26740
26740
  let l$1$2 = class l{generateElementName(t,e){let o=t;return o+="-",o+=e.replace(/[.]/g,"_"),o}generateTag(o,s,a){const r=this.generateElementName(o,s),i=i$5`${s$5(r)}`;return customElements.get(r)||customElements.define(r,class extends a{}),i}};let d$1$2 = class d{registerComponent(t,e){customElements.get(t)||customElements.define(t,class extends e{});}closestElement(t,e=this,o=(e,s=e&&e.closest(t))=>e&&e!==document&&e!==window?s||o(e.getRootNode().host):null){return o(e)}handleComponentTagRename(t,e){const o=e.toLowerCase();t.tagName.toLowerCase()!==o&&t.setAttribute(o,true);}elementMatch(t,e){const o=e.toLowerCase();return t.tagName.toLowerCase()===o||t.hasAttribute(o)}getSlotText(t,e){const o=t.shadowRoot?.querySelector(`slot[name="${e}"]`),s=(o?.assignedNodes({flatten:true})||[]).map(t=>t.textContent?.trim()).join(" ").trim();return s||null}};let h$1$2 = class h{registerComponent(t,e){customElements.get(t)||customElements.define(t,class extends e{});}closestElement(t,e=this,o=(e,s=e&&e.closest(t))=>e&&e!==document&&e!==window?s||o(e.getRootNode().host):null){return o(e)}handleComponentTagRename(t,e){const o=e.toLowerCase();t.tagName.toLowerCase()!==o&&t.setAttribute(o,true);}elementMatch(t,e){const o=e.toLowerCase();return t.tagName.toLowerCase()===o||t.hasAttribute(o)}};var c$1$3=i$4`:host{color:var(--ds-auro-loader-color)}:host>span{background-color:var(--ds-auro-loader-background-color);border-color:var(--ds-auro-loader-border-color)}:host([onlight]),:host([appearance=brand]){--ds-auro-loader-color: var(--ds-basic-color-brand-primary, #01426a)}:host([ondark]),:host([appearance=inverse]){--ds-auro-loader-color: var(--ds-basic-color-texticon-inverse, #ffffff)}:host([orbit])>span{--ds-auro-loader-background-color: transparent}:host([orbit])>span:nth-child(1){--ds-auro-loader-border-color: currentcolor;opacity:.25}:host([orbit])>span:nth-child(2){--ds-auro-loader-border-color: currentcolor;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}
26741
26741
  `,u$4$2=i$4`.body-default{font-size:var(--wcss-body-default-font-size, 1rem);line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-lg{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, .875rem);line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs{font-size:var(--wcss-body-xs-font-size, .75rem);line-height:var(--wcss-body-xs-line-height, 1rem)}.body-2xs{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--wcss-body-2xs-font-size, .625rem);font-weight:var(--wcss-body-weight, 450);letter-spacing:var(--wcss-body-letter-spacing, 0);line-height:var(--wcss-body-2xs-line-height, .875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 450);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 450);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, .05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, .05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, .05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, .05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, .05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, .1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(.875rem, 1.1666666667vw, .875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, .1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}:focus:not(:focus-visible){outline:3px solid transparent}:host,:host>span{position:relative}:host{width:2rem;height:2rem;display:inline-block;font-size:0}:host>span{position:absolute;display:inline-block;float:none;top:0;left:0;width:2rem;height:2rem;border-radius:100%;border-style:solid;border-width:0;box-sizing:border-box}:host([xs]),:host([xs])>span{width:1.2rem;height:1.2rem}:host([sm]),:host([sm])>span{width:3rem;height:3rem}:host([md]),:host([md])>span{width:5rem;height:5rem}:host([lg]),:host([lg])>span{width:8rem;height:8rem}:host{--margin: .375rem;--margin-xs: .2rem;--margin-sm: .5rem;--margin-md: .75rem;--margin-lg: 1rem}:host([pulse]),:host([pulse])>span{position:relative}:host([pulse]){width:calc(3rem + var(--margin) * 6);height:calc(1rem + var(--margin) * 2)}:host([pulse])>span{width:1rem;height:1rem;margin:var(--margin);animation:pulse 1.5s ease infinite}:host([pulse][xs]){width:calc(1.95rem + var(--margin-xs) * 6);height:calc(.65rem + var(--margin-xs) * 2)}:host([pulse][xs])>span{margin:var(--margin-xs);width:.65rem;height:.65rem}:host([pulse][sm]){width:calc(6rem + var(--margin-sm) * 6);height:calc(2rem + var(--margin-sm) * 2)}:host([pulse][sm])>span{margin:var(--margin-sm);width:2rem;height:2rem}:host([pulse][md]){width:calc(9rem + var(--margin-md) * 6);height:calc(3rem + var(--margin-md) * 2)}:host([pulse][md])>span{margin:var(--margin-md);width:3rem;height:3rem}:host([pulse][lg]){width:calc(15rem + var(--margin-lg) * 6);height:calc(5rem + var(--margin-lg) * 2)}:host([pulse][lg])>span{margin:var(--margin-lg);width:5rem;height:5rem}:host([pulse])>span:nth-child(1){animation-delay:-.4s}:host([pulse])>span:nth-child(2){animation-delay:-.2s}:host([pulse])>span:nth-child(3){animation-delay:0ms}@keyframes pulse{0%,to{opacity:.1;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}:host([orbit]),:host([orbit])>span{opacity:1}:host([orbit])>span{border-width:5px}:host([orbit])>span:nth-child(2){animation:orbit 2s linear infinite}:host([orbit][sm])>span{border-width:8px}:host([orbit][md])>span{border-width:13px}:host([orbit][lg])>span{border-width:21px}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:host([ringworm])>svg{animation:rotate 2s linear infinite;height:100%;width:100%;stroke:currentcolor;stroke-width:8}:host([ringworm]) .path{stroke-dashoffset:0;animation:ringworm 1.5s ease-in-out infinite;stroke-linecap:round}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes ringworm{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}:host([laser]){position:static;width:100%;display:block;height:0;overflow:hidden;font-size:unset}:host([laser])>span{position:fixed;width:100%;height:.25rem;border-radius:0;z-index:100}:host([laser])>span:nth-child(1){border-color:currentcolor;opacity:.25}:host([laser])>span:nth-child(2){border-color:currentcolor;animation:laser 2s linear infinite;opacity:1;width:50%}:host([laser][sm])>span:nth-child(2){width:20%}:host([laser][md])>span:nth-child(2){width:30%}:host([laser][lg])>span:nth-child(2){width:50%;animation-duration:1.5s}:host([laser][xl])>span:nth-child(2){width:80%;animation-duration:1.5s}@keyframes laser{0%{left:-100%}to{left:110%}}:host>.no-animation{display:none}@media (prefers-reduced-motion: reduce){:host{display:flex;align-items:center;justify-content:center}:host>span{opacity:1}:host>.loader{display:none}:host>svg{display:none}:host>.no-animation{display:block}}
@@ -31506,7 +31506,7 @@ let AuroFloatingUI$3 = class AuroFloatingUI {
31506
31506
  };
31507
31507
 
31508
31508
  // Selectors for focusable elements
31509
- const FOCUSABLE_SELECTORS$3 = [
31509
+ const FOCUSABLE_SELECTORS$4 = [
31510
31510
  "a[href]",
31511
31511
  "button:not([disabled])",
31512
31512
  "textarea:not([disabled])",
@@ -31520,7 +31520,7 @@ const FOCUSABLE_SELECTORS$3 = [
31520
31520
  ];
31521
31521
 
31522
31522
  // List of custom components that are known to be focusable
31523
- const FOCUSABLE_COMPONENTS$3 = [
31523
+ const FOCUSABLE_COMPONENTS$4 = [
31524
31524
  "auro-checkbox",
31525
31525
  "auro-radio",
31526
31526
  "auro-dropdown",
@@ -31542,12 +31542,12 @@ const FOCUSABLE_COMPONENTS$3 = [
31542
31542
  * @param {HTMLElement} element The element to check for focusability.
31543
31543
  * @returns {boolean} True if the element is a focusable custom component, false otherwise.
31544
31544
  */
31545
- function isFocusableComponent$3(element) {
31545
+ function isFocusableComponent$4(element) {
31546
31546
  const componentName = element.tagName.toLowerCase();
31547
31547
 
31548
31548
  // Guard Clause: Element is a focusable component
31549
31549
  if (
31550
- !FOCUSABLE_COMPONENTS$3.some(
31550
+ !FOCUSABLE_COMPONENTS$4.some(
31551
31551
  (name) => element.hasAttribute(name) || componentName === name,
31552
31552
  )
31553
31553
  )
@@ -31571,7 +31571,7 @@ function isFocusableComponent$3(element) {
31571
31571
  * @param {HTMLElement} element The element whose tabindex to read.
31572
31572
  * @returns {?number} The numeric tabindex or null if missing/invalid.
31573
31573
  */
31574
- function getNumericTabIndex$3(element) {
31574
+ function getNumericTabIndex$4(element) {
31575
31575
  const raw = element.getAttribute("tabindex");
31576
31576
  if (raw == null) return null;
31577
31577
 
@@ -31587,7 +31587,7 @@ function getNumericTabIndex$3(element) {
31587
31587
  * @param {HTMLElement} container The container to search within
31588
31588
  * @returns {Array<HTMLElement>} An array of focusable elements within the container.
31589
31589
  */
31590
- function getFocusableElements$3(container) {
31590
+ function getFocusableElements$4(container) {
31591
31591
  // Get elements in DOM order by walking the tree
31592
31592
  const orderedFocusableElements = [];
31593
31593
 
@@ -31596,7 +31596,7 @@ function getFocusableElements$3(container) {
31596
31596
  // Check if current element is focusable
31597
31597
  if (root.nodeType === Node.ELEMENT_NODE) {
31598
31598
  // Check if this is a custom component that is focusable
31599
- const isComponentFocusable = isFocusableComponent$3(root);
31599
+ const isComponentFocusable = isFocusableComponent$4(root);
31600
31600
 
31601
31601
  if (isComponentFocusable) {
31602
31602
  // Add the component itself as a focusable element and don't traverse its shadow DOM
@@ -31605,7 +31605,7 @@ function getFocusableElements$3(container) {
31605
31605
  }
31606
31606
 
31607
31607
  // Check if the element itself matches any selector
31608
- for (const selector of FOCUSABLE_SELECTORS$3) {
31608
+ for (const selector of FOCUSABLE_SELECTORS$4) {
31609
31609
  if (root.matches?.(selector)) {
31610
31610
  orderedFocusableElements.push(root);
31611
31611
  break; // Once we know it's focusable, no need to check other selectors
@@ -31659,20 +31659,20 @@ function getFocusableElements$3(container) {
31659
31659
 
31660
31660
  // First extract elements with valid positive tabindex
31661
31661
  const elementsWithTabindex = uniqueElements.filter((el) => {
31662
- const tabindex = getNumericTabIndex$3(el);
31662
+ const tabindex = getNumericTabIndex$4(el);
31663
31663
  return tabindex !== null && tabindex > 0;
31664
31664
  });
31665
31665
 
31666
31666
  // Sort these elements by their tabindex value
31667
31667
  elementsWithTabindex.sort((a, b) => {
31668
- const aIndex = getNumericTabIndex$3(a) ?? 0;
31669
- const bIndex = getNumericTabIndex$3(b) ?? 0;
31668
+ const aIndex = getNumericTabIndex$4(a) ?? 0;
31669
+ const bIndex = getNumericTabIndex$4(b) ?? 0;
31670
31670
  return aIndex - bIndex;
31671
31671
  });
31672
31672
 
31673
31673
  // Elements without tabindex (preserving their original order)
31674
31674
  const elementsWithoutTabindex = uniqueElements.filter((el) => {
31675
- const tabindex = getNumericTabIndex$3(el);
31675
+ const tabindex = getNumericTabIndex$4(el);
31676
31676
 
31677
31677
  // Elements without tabindex or with tabindex of 0 stay in DOM order
31678
31678
  return tabindex === null || tabindex === 0;
@@ -31843,7 +31843,7 @@ let FocusTrap$3 = class FocusTrap {
31843
31843
  */
31844
31844
  _getFocusableElements() {
31845
31845
  // Use the imported utility function to get focusable elements
31846
- const elements = getFocusableElements$3(this.container);
31846
+ const elements = getFocusableElements$4(this.container);
31847
31847
 
31848
31848
  // Return the elements found
31849
31849
  return elements;
@@ -32628,7 +32628,7 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$2 {
32628
32628
  }
32629
32629
  };
32630
32630
 
32631
- var formkitVersion$1$3 = '202607091532';
32631
+ var formkitVersion$1$3 = '202607091805';
32632
32632
 
32633
32633
  let AuroElement$2$2 = class AuroElement extends i$2 {
32634
32634
  static get properties() {
@@ -32919,7 +32919,7 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
32919
32919
  */
32920
32920
  focus() {
32921
32921
  if (this.isPopoverVisible && this.bibContent) {
32922
- const focusables = getFocusableElements$3(this.bibContent);
32922
+ const focusables = getFocusableElements$4(this.bibContent);
32923
32923
  if (focusables.length > 0) {
32924
32924
  focusables[0].focus();
32925
32925
  }
@@ -33537,7 +33537,7 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
33537
33537
  }
33538
33538
 
33539
33539
  // Collect focusable elements from the bib content.
33540
- const focusables = getFocusableElements$3(this.bibContent);
33540
+ const focusables = getFocusableElements$4(this.bibContent);
33541
33541
 
33542
33542
  // Fallback: try from slotted content directly
33543
33543
  if (!focusables.length) {
@@ -33546,7 +33546,7 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
33546
33546
 
33547
33547
  for (const node of assignedNodes) {
33548
33548
  if (node.nodeType === Node.ELEMENT_NODE) {
33549
- focusables.push(...getFocusableElements$3(node));
33549
+ focusables.push(...getFocusableElements$4(node));
33550
33550
  }
33551
33551
  }
33552
33552
  }
@@ -33606,7 +33606,7 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
33606
33606
 
33607
33607
  // Move initial focus into the bib content, matching FocusTrap behavior
33608
33608
  requestAnimationFrame(() => {
33609
- const focusables = getFocusableElements$3(this.bibContent);
33609
+ const focusables = getFocusableElements$4(this.bibContent);
33610
33610
  if (focusables.length) {
33611
33611
  focusables[0].focus();
33612
33612
  }
@@ -33836,7 +33836,7 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
33836
33836
  if (triggerContentNodes) {
33837
33837
 
33838
33838
  // See if any of them are focusable elements
33839
- this.triggerContentFocusable = triggerContentNodes.some((node) => getFocusableElements$3(node).length > 0);
33839
+ this.triggerContentFocusable = triggerContentNodes.some((node) => getFocusableElements$4(node).length > 0);
33840
33840
 
33841
33841
  // If any of them are focusable elements
33842
33842
  if (this.triggerContentFocusable) {
@@ -46246,7 +46246,7 @@ let AuroHelpText$1$3 = class AuroHelpText extends i$2 {
46246
46246
  }
46247
46247
  };
46248
46248
 
46249
- var formkitVersion$7 = '202607091532';
46249
+ var formkitVersion$7 = '202607091805';
46250
46250
 
46251
46251
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
46252
46252
  // See LICENSE in the project root for license information.
@@ -48792,11 +48792,14 @@ class AuroDatePicker extends AuroElement$5 {
48792
48792
  // what centralDate renders, causing all cells to have tabindex="-1".
48793
48793
  this.calendar.activeCellDate = null;
48794
48794
 
48795
- // Show the month containing the selected date (or today) instead of
48796
- // whichever month the user last navigated to. Route through
48797
- // updateCentralDate so centralDate stays first-of-month.
48798
- // Respect consumer-provided centralDate/calendarStartDate if no value is set.
48799
- if (this.valueObject) {
48795
+ // On open, reset the visible month to a predictable source rather than
48796
+ // whichever month the user last navigated to. Route through updateCentralDate
48797
+ // so centralDate stays first-of-month.
48798
+ // Priority: calendarFocusDate (when valid) -> value (when set) -> today (when neither is set).
48799
+ // Respect consumer-provided centralDate/calendarStartDate/minDate when neither calendarFocusDate nor value is set.
48800
+ if (this.calendarFocusDate && dateFormatter$1.isValidDate(this.calendarFocusDate)) {
48801
+ this.calendarRenderUtil.updateCentralDate(this, this.calendarFocusDateObject);
48802
+ } else if (this.valueObject) {
48800
48803
  this.calendarRenderUtil.updateCentralDate(this, this.value);
48801
48804
  } else if (!this.centralDate && !this.calendarStartDate && !this.minDate) {
48802
48805
  this.calendarRenderUtil.updateCentralDate(this, new Date());
@@ -49337,10 +49340,6 @@ class AuroDatePicker extends AuroElement$5 {
49337
49340
  }
49338
49341
  }
49339
49342
 
49340
- if (changedProperties.has('calendarFocusDate')) {
49341
- this.handleFocusDateChange();
49342
- }
49343
-
49344
49343
  if (changedProperties.has('calendarStartDate')) {
49345
49344
  this.calendar.setAttribute('calendarStartDate', this.calendarStartDate || '');
49346
49345
  }
@@ -49463,6 +49462,13 @@ class AuroDatePicker extends AuroElement$5 {
49463
49462
  this.setHasValue();
49464
49463
  }
49465
49464
 
49465
+ // Run focus-date handling AFTER value/valueEnd so that when a consumer sets
49466
+ // calendarFocusDate together with value, the focus date wins for the visible
49467
+ // month instead of being overwritten by the value branch's updateCentralDate.
49468
+ if (changedProperties.has('calendarFocusDate')) {
49469
+ this.handleFocusDateChange();
49470
+ }
49471
+
49466
49472
  if (changedProperties.has('error')) {
49467
49473
  // Error attribute is passed down to the last input in the list to control the error state
49468
49474
  // This is done to prevent error icon from displaying on both inputs in range support
@@ -51162,7 +51168,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$2 {
51162
51168
  }
51163
51169
  };
51164
51170
 
51165
- var formkitVersion$1$2 = '202607091532';
51171
+ var formkitVersion$1$2 = '202607091805';
51166
51172
 
51167
51173
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
51168
51174
  // See LICENSE in the project root for license information.
@@ -54368,7 +54374,7 @@ let AuroFloatingUI$2 = class AuroFloatingUI {
54368
54374
  };
54369
54375
 
54370
54376
  // Selectors for focusable elements
54371
- const FOCUSABLE_SELECTORS$2 = [
54377
+ const FOCUSABLE_SELECTORS$3 = [
54372
54378
  "a[href]",
54373
54379
  "button:not([disabled])",
54374
54380
  "textarea:not([disabled])",
@@ -54382,7 +54388,7 @@ const FOCUSABLE_SELECTORS$2 = [
54382
54388
  ];
54383
54389
 
54384
54390
  // List of custom components that are known to be focusable
54385
- const FOCUSABLE_COMPONENTS$2 = [
54391
+ const FOCUSABLE_COMPONENTS$3 = [
54386
54392
  "auro-checkbox",
54387
54393
  "auro-radio",
54388
54394
  "auro-dropdown",
@@ -54404,12 +54410,12 @@ const FOCUSABLE_COMPONENTS$2 = [
54404
54410
  * @param {HTMLElement} element The element to check for focusability.
54405
54411
  * @returns {boolean} True if the element is a focusable custom component, false otherwise.
54406
54412
  */
54407
- function isFocusableComponent$2(element) {
54413
+ function isFocusableComponent$3(element) {
54408
54414
  const componentName = element.tagName.toLowerCase();
54409
54415
 
54410
54416
  // Guard Clause: Element is a focusable component
54411
54417
  if (
54412
- !FOCUSABLE_COMPONENTS$2.some(
54418
+ !FOCUSABLE_COMPONENTS$3.some(
54413
54419
  (name) => element.hasAttribute(name) || componentName === name,
54414
54420
  )
54415
54421
  )
@@ -54433,7 +54439,7 @@ function isFocusableComponent$2(element) {
54433
54439
  * @param {HTMLElement} element The element whose tabindex to read.
54434
54440
  * @returns {?number} The numeric tabindex or null if missing/invalid.
54435
54441
  */
54436
- function getNumericTabIndex$2(element) {
54442
+ function getNumericTabIndex$3(element) {
54437
54443
  const raw = element.getAttribute("tabindex");
54438
54444
  if (raw == null) return null;
54439
54445
 
@@ -54449,7 +54455,7 @@ function getNumericTabIndex$2(element) {
54449
54455
  * @param {HTMLElement} container The container to search within
54450
54456
  * @returns {Array<HTMLElement>} An array of focusable elements within the container.
54451
54457
  */
54452
- function getFocusableElements$2(container) {
54458
+ function getFocusableElements$3(container) {
54453
54459
  // Get elements in DOM order by walking the tree
54454
54460
  const orderedFocusableElements = [];
54455
54461
 
@@ -54458,7 +54464,7 @@ function getFocusableElements$2(container) {
54458
54464
  // Check if current element is focusable
54459
54465
  if (root.nodeType === Node.ELEMENT_NODE) {
54460
54466
  // Check if this is a custom component that is focusable
54461
- const isComponentFocusable = isFocusableComponent$2(root);
54467
+ const isComponentFocusable = isFocusableComponent$3(root);
54462
54468
 
54463
54469
  if (isComponentFocusable) {
54464
54470
  // Add the component itself as a focusable element and don't traverse its shadow DOM
@@ -54467,7 +54473,7 @@ function getFocusableElements$2(container) {
54467
54473
  }
54468
54474
 
54469
54475
  // Check if the element itself matches any selector
54470
- for (const selector of FOCUSABLE_SELECTORS$2) {
54476
+ for (const selector of FOCUSABLE_SELECTORS$3) {
54471
54477
  if (root.matches?.(selector)) {
54472
54478
  orderedFocusableElements.push(root);
54473
54479
  break; // Once we know it's focusable, no need to check other selectors
@@ -54521,20 +54527,20 @@ function getFocusableElements$2(container) {
54521
54527
 
54522
54528
  // First extract elements with valid positive tabindex
54523
54529
  const elementsWithTabindex = uniqueElements.filter((el) => {
54524
- const tabindex = getNumericTabIndex$2(el);
54530
+ const tabindex = getNumericTabIndex$3(el);
54525
54531
  return tabindex !== null && tabindex > 0;
54526
54532
  });
54527
54533
 
54528
54534
  // Sort these elements by their tabindex value
54529
54535
  elementsWithTabindex.sort((a, b) => {
54530
- const aIndex = getNumericTabIndex$2(a) ?? 0;
54531
- const bIndex = getNumericTabIndex$2(b) ?? 0;
54536
+ const aIndex = getNumericTabIndex$3(a) ?? 0;
54537
+ const bIndex = getNumericTabIndex$3(b) ?? 0;
54532
54538
  return aIndex - bIndex;
54533
54539
  });
54534
54540
 
54535
54541
  // Elements without tabindex (preserving their original order)
54536
54542
  const elementsWithoutTabindex = uniqueElements.filter((el) => {
54537
- const tabindex = getNumericTabIndex$2(el);
54543
+ const tabindex = getNumericTabIndex$3(el);
54538
54544
 
54539
54545
  // Elements without tabindex or with tabindex of 0 stay in DOM order
54540
54546
  return tabindex === null || tabindex === 0;
@@ -54705,7 +54711,7 @@ let FocusTrap$2 = class FocusTrap {
54705
54711
  */
54706
54712
  _getFocusableElements() {
54707
54713
  // Use the imported utility function to get focusable elements
54708
- const elements = getFocusableElements$2(this.container);
54714
+ const elements = getFocusableElements$3(this.container);
54709
54715
 
54710
54716
  // Return the elements found
54711
54717
  return elements;
@@ -55490,7 +55496,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$2 {
55490
55496
  }
55491
55497
  };
55492
55498
 
55493
- var formkitVersion$6 = '202607091532';
55499
+ var formkitVersion$6 = '202607091805';
55494
55500
 
55495
55501
  let AuroElement$1$2 = class AuroElement extends i$2 {
55496
55502
  static get properties() {
@@ -55781,7 +55787,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
55781
55787
  */
55782
55788
  focus() {
55783
55789
  if (this.isPopoverVisible && this.bibContent) {
55784
- const focusables = getFocusableElements$2(this.bibContent);
55790
+ const focusables = getFocusableElements$3(this.bibContent);
55785
55791
  if (focusables.length > 0) {
55786
55792
  focusables[0].focus();
55787
55793
  }
@@ -56399,7 +56405,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
56399
56405
  }
56400
56406
 
56401
56407
  // Collect focusable elements from the bib content.
56402
- const focusables = getFocusableElements$2(this.bibContent);
56408
+ const focusables = getFocusableElements$3(this.bibContent);
56403
56409
 
56404
56410
  // Fallback: try from slotted content directly
56405
56411
  if (!focusables.length) {
@@ -56408,7 +56414,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
56408
56414
 
56409
56415
  for (const node of assignedNodes) {
56410
56416
  if (node.nodeType === Node.ELEMENT_NODE) {
56411
- focusables.push(...getFocusableElements$2(node));
56417
+ focusables.push(...getFocusableElements$3(node));
56412
56418
  }
56413
56419
  }
56414
56420
  }
@@ -56468,7 +56474,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
56468
56474
 
56469
56475
  // Move initial focus into the bib content, matching FocusTrap behavior
56470
56476
  requestAnimationFrame(() => {
56471
- const focusables = getFocusableElements$2(this.bibContent);
56477
+ const focusables = getFocusableElements$3(this.bibContent);
56472
56478
  if (focusables.length) {
56473
56479
  focusables[0].focus();
56474
56480
  }
@@ -56698,7 +56704,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
56698
56704
  if (triggerContentNodes) {
56699
56705
 
56700
56706
  // See if any of them are focusable elements
56701
- this.triggerContentFocusable = triggerContentNodes.some((node) => getFocusableElements$2(node).length > 0);
56707
+ this.triggerContentFocusable = triggerContentNodes.some((node) => getFocusableElements$3(node).length > 0);
56702
56708
 
56703
56709
  // If any of them are focusable elements
56704
56710
  if (this.triggerContentFocusable) {
@@ -59470,7 +59476,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$2 {
59470
59476
  }
59471
59477
  };
59472
59478
 
59473
- var formkitVersion$5 = '202607091532';
59479
+ var formkitVersion$5 = '202607091805';
59474
59480
 
59475
59481
  // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
59476
59482
  // See LICENSE in the project root for license information.
@@ -61235,7 +61241,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$2 {
61235
61241
  }
61236
61242
  };
61237
61243
 
61238
- var formkitVersion$4 = '202607091532';
61244
+ var formkitVersion$4 = '202607091805';
61239
61245
 
61240
61246
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
61241
61247
  // See LICENSE in the project root for license information.
@@ -62426,6 +62432,188 @@ function navigateArrow$1(component, direction, options = {}) {
62426
62432
  }
62427
62433
  }
62428
62434
 
62435
+ // Selectors for focusable elements
62436
+ const FOCUSABLE_SELECTORS$1 = [
62437
+ "a[href]",
62438
+ "button:not([disabled])",
62439
+ "textarea:not([disabled])",
62440
+ "input:not([disabled])",
62441
+ "select:not([disabled])",
62442
+ '[role="tab"]:not([disabled])',
62443
+ '[role="link"]:not([disabled])',
62444
+ '[role="button"]:not([disabled])',
62445
+ '[tabindex]:not([tabindex="-1"])',
62446
+ '[contenteditable]:not([contenteditable="false"])',
62447
+ ];
62448
+
62449
+ // List of custom components that are known to be focusable
62450
+ const FOCUSABLE_COMPONENTS$1 = [
62451
+ "auro-checkbox",
62452
+ "auro-radio",
62453
+ "auro-dropdown",
62454
+ "auro-button",
62455
+ "auro-combobox",
62456
+ "auro-input",
62457
+ "auro-counter",
62458
+ // 'auro-menu', // Auro menu is not focusable by default, it uses a different interaction model
62459
+ "auro-select",
62460
+ "auro-datepicker",
62461
+ "auro-hyperlink",
62462
+ "auro-accordion",
62463
+ ];
62464
+
62465
+ /**
62466
+ * Determines if a given element is a custom focusable component.
62467
+ * Returns true if the element matches a known focusable component and is not disabled.
62468
+ *
62469
+ * @param {HTMLElement} element The element to check for focusability.
62470
+ * @returns {boolean} True if the element is a focusable custom component, false otherwise.
62471
+ */
62472
+ function isFocusableComponent$1(element) {
62473
+ const componentName = element.tagName.toLowerCase();
62474
+
62475
+ // Guard Clause: Element is a focusable component
62476
+ if (
62477
+ !FOCUSABLE_COMPONENTS$1.some(
62478
+ (name) => element.hasAttribute(name) || componentName === name,
62479
+ )
62480
+ )
62481
+ return false;
62482
+
62483
+ // Guard Clause: Element is not disabled
62484
+ if (element.hasAttribute("disabled")) return false;
62485
+
62486
+ // Guard Clause: The element is a hyperlink and has no href attribute
62487
+ if (componentName.match("hyperlink") && !element.hasAttribute("href"))
62488
+ return false;
62489
+
62490
+ // If all guard clauses pass, the element is a focusable component
62491
+ return true;
62492
+ }
62493
+
62494
+ /**
62495
+ * Safely get a numeric tabindex for an element.
62496
+ * Returns a number if the tabindex is a valid integer, otherwise null.
62497
+ *
62498
+ * @param {HTMLElement} element The element whose tabindex to read.
62499
+ * @returns {?number} The numeric tabindex or null if missing/invalid.
62500
+ */
62501
+ function getNumericTabIndex$1(element) {
62502
+ const raw = element.getAttribute("tabindex");
62503
+ if (raw == null) return null;
62504
+
62505
+ const value = Number.parseInt(raw, 10);
62506
+ return Number.isNaN(value) ? null : value;
62507
+ }
62508
+
62509
+ /**
62510
+ * Retrieves all focusable elements within the container in DOM order, including those in shadow DOM and slots.
62511
+ * Returns a unique, ordered array of elements that can receive focus.
62512
+ * Also sorts elements with tabindex first, preserving their order.
62513
+ *
62514
+ * @param {HTMLElement} container The container to search within
62515
+ * @returns {Array<HTMLElement>} An array of focusable elements within the container.
62516
+ */
62517
+ function getFocusableElements$1(container) {
62518
+ // Get elements in DOM order by walking the tree
62519
+ const orderedFocusableElements = [];
62520
+
62521
+ // Define a recursive function to collect focusable elements in DOM order
62522
+ const collectFocusableElements = (root) => {
62523
+ // Check if current element is focusable
62524
+ if (root.nodeType === Node.ELEMENT_NODE) {
62525
+ // Check if this is a custom component that is focusable
62526
+ const isComponentFocusable = isFocusableComponent$1(root);
62527
+
62528
+ if (isComponentFocusable) {
62529
+ // Add the component itself as a focusable element and don't traverse its shadow DOM
62530
+ orderedFocusableElements.push(root);
62531
+ return; // Skip traversing inside this component
62532
+ }
62533
+
62534
+ // Check if the element itself matches any selector
62535
+ for (const selector of FOCUSABLE_SELECTORS$1) {
62536
+ if (root.matches?.(selector)) {
62537
+ orderedFocusableElements.push(root);
62538
+ break; // Once we know it's focusable, no need to check other selectors
62539
+ }
62540
+ }
62541
+
62542
+ // Process shadow DOM only for non-Auro components
62543
+ if (root.shadowRoot) {
62544
+ // Process shadow DOM children in order
62545
+ if (root.shadowRoot.children) {
62546
+ Array.from(root.shadowRoot.children).forEach((child) => {
62547
+ collectFocusableElements(child);
62548
+ });
62549
+ }
62550
+ }
62551
+
62552
+ // Process slots and their assigned nodes in order
62553
+ if (root.tagName === "SLOT") {
62554
+ const assignedNodes = root.assignedNodes({ flatten: true });
62555
+ for (const node of assignedNodes) {
62556
+ collectFocusableElements(node);
62557
+ }
62558
+ } else {
62559
+ // Process light DOM children in order
62560
+ if (root.children) {
62561
+ Array.from(root.children).forEach((child) => {
62562
+ collectFocusableElements(child);
62563
+ });
62564
+ }
62565
+ }
62566
+ }
62567
+ };
62568
+
62569
+ // Start the traversal from the container
62570
+ collectFocusableElements(container);
62571
+
62572
+ // Remove duplicates that might have been collected through different paths
62573
+ // while preserving order
62574
+ const uniqueElements = [];
62575
+ const seen = new Set();
62576
+
62577
+ for (const element of orderedFocusableElements) {
62578
+ if (!seen.has(element)) {
62579
+ seen.add(element);
62580
+ uniqueElements.push(element);
62581
+ }
62582
+ }
62583
+
62584
+ // Move tab-indexed elements to the front while preserving their order
62585
+ // This ensures that elements with tabindex are prioritized in the focus order
62586
+
62587
+ // First extract elements with valid positive tabindex
62588
+ const elementsWithTabindex = uniqueElements.filter((el) => {
62589
+ const tabindex = getNumericTabIndex$1(el);
62590
+ return tabindex !== null && tabindex > 0;
62591
+ });
62592
+
62593
+ // Sort these elements by their tabindex value
62594
+ elementsWithTabindex.sort((a, b) => {
62595
+ const aIndex = getNumericTabIndex$1(a) ?? 0;
62596
+ const bIndex = getNumericTabIndex$1(b) ?? 0;
62597
+ return aIndex - bIndex;
62598
+ });
62599
+
62600
+ // Elements without tabindex (preserving their original order)
62601
+ const elementsWithoutTabindex = uniqueElements.filter((el) => {
62602
+ const tabindex = getNumericTabIndex$1(el);
62603
+
62604
+ // Elements without tabindex or with tabindex of 0 stay in DOM order
62605
+ return tabindex === null || tabindex === 0;
62606
+ });
62607
+
62608
+ // Combine both arrays with tabindex elements first
62609
+ const tabIndexedUniqueElements = [
62610
+ ...elementsWithTabindex,
62611
+ ...elementsWithoutTabindex,
62612
+ ];
62613
+
62614
+ return tabIndexedUniqueElements;
62615
+ }
62616
+
62429
62617
  /* eslint-disable no-underscore-dangle */
62430
62618
 
62431
62619
  /**
@@ -62471,6 +62659,82 @@ function reconcileMenuIndex(menu) {
62471
62659
  }
62472
62660
  }
62473
62661
 
62662
+ /**
62663
+ * Commit the highlighted option and close the bib.
62664
+ * @param {Element} component - The auro-combobox host element.
62665
+ */
62666
+ function selectAndClose(component) {
62667
+ reconcileMenuIndex(component.menu);
62668
+ component.menu.makeSelection();
62669
+ component.hideBib();
62670
+ }
62671
+
62672
+ /**
62673
+ * Whether `el` is currently visible enough to receive focus. Prefers the
62674
+ * browser's `checkVisibility()` (Chrome/Safari; Firefox behind a flag until
62675
+ * recently); otherwise combines a display/visibility check with an
62676
+ * ancestor-hidden probe that keeps position:fixed elements visible.
62677
+ * @param {Element} el - The element to test.
62678
+ * @returns {boolean}
62679
+ */
62680
+ function isVisibleForFocus(el) {
62681
+ if (typeof el.checkVisibility === 'function') {
62682
+ return el.checkVisibility();
62683
+ }
62684
+ const style = el.ownerDocument.defaultView.getComputedStyle(el);
62685
+ if (style.display === 'none' || style.visibility === 'hidden') {
62686
+ return false;
62687
+ }
62688
+ return el.offsetParent !== null || style.position === 'fixed';
62689
+ }
62690
+
62691
+ /**
62692
+ * Return the tab stop that comes before `component` in page tab order,
62693
+ * skipping any hidden entries the walker doesn't filter itself.
62694
+ * @param {Element} component - The auro-combobox host element.
62695
+ * @returns {Element|null}
62696
+ */
62697
+ function getPreviousTabStop(component) {
62698
+ const tabStops = getFocusableElements$1(component.ownerDocument.body);
62699
+ const componentIndex = tabStops.indexOf(component);
62700
+ for (let index = componentIndex - 1; index >= 0; index -= 1) {
62701
+ if (isVisibleForFocus(tabStops[index])) {
62702
+ return tabStops[index];
62703
+ }
62704
+ }
62705
+ return null;
62706
+ }
62707
+
62708
+ /**
62709
+ * Commit the highlighted option, close the bib, and move focus to the tab
62710
+ * stop before the combobox — the Shift+Tab exit path (AB#1592239).
62711
+ * Returns true when this function moved focus and the caller should
62712
+ * preventDefault; false when no previous tab stop was found and the browser's
62713
+ * native traversal should run.
62714
+ * @param {Element} component - The auro-combobox host element.
62715
+ * @returns {boolean}
62716
+ */
62717
+ function selectAndExitBackward(component) {
62718
+ const previousTabStop = getPreviousTabStop(component);
62719
+
62720
+ // Opts this selection out of setClearBtnFocus so the focus move below
62721
+ // isn't clobbered. Consumed by auro-combobox's selection listener; also
62722
+ // cleared via microtask in case makeSelection is a no-op and the listener
62723
+ // never fires (microtasks run before the next user event, so this can't
62724
+ // leak into an unrelated selection).
62725
+ component._suppressClearBtnFocusOnSelection = true;
62726
+ selectAndClose(component);
62727
+ queueMicrotask(() => {
62728
+ component._suppressClearBtnFocusOnSelection = false;
62729
+ });
62730
+
62731
+ if (!previousTabStop) {
62732
+ return false;
62733
+ }
62734
+ doubleRaf$1(() => previousTabStop.focus());
62735
+ return true;
62736
+ }
62737
+
62474
62738
  const comboboxKeyboardStrategy = {
62475
62739
  ArrowDown(component, evt, ctx) {
62476
62740
  // If the clear button has focus, let the browser handle ArrowDown normally.
@@ -62569,36 +62833,18 @@ const comboboxKeyboardStrategy = {
62569
62833
  },
62570
62834
 
62571
62835
  Tab(component, evt, ctx) {
62572
- // Runs for both Tab and Shift+Tab.
62573
- //
62574
- // Current behavior:
62575
- // Tab — select the active option, close the bib, and (in fullscreen
62576
- // modal mode only) explicitly move focus to the trigger's
62577
- // clear button. In desktop popover mode the browser's native
62578
- // tab traversal takes focus forward from the input.
62579
- // Shift+Tab — select the active option and close the bib. Focus then
62580
- // lands on the trigger's clear button as a byproduct of the
62581
- // shadow-DOM tab order, so keyboard users must press
62582
- // Shift+Tab three times to exit the component (clear button
62583
- // → input → previous element on the page).
62584
- //
62585
- // Intended behavior for Shift+Tab (per team decision, tracked in
62586
- // AB#1590650): a single Shift+Tab should select the active option, close
62587
- // the bib, and move focus directly to the previous focusable element on
62588
- // the page — symmetric with Tab.
62589
62836
  if (ctx.isExpanded && !isClearBtnFocused(ctx)) {
62590
- // When the clear button is focused, Tab events do not bubble out of
62591
- // its shadow DOM, so this handler only fires when the clear button
62592
- // is NOT focused. In that case, select the active option and close.
62593
- reconcileMenuIndex(component.menu);
62594
- component.menu.makeSelection();
62595
- component.hideBib();
62837
+ if (evt.shiftKey) {
62838
+ if (selectAndExitBackward(component)) {
62839
+ evt.preventDefault();
62840
+ }
62841
+ return;
62842
+ }
62843
+
62844
+ selectAndClose(component);
62596
62845
 
62597
- // In fullscreen modal mode, closing the dialog does not
62598
- // automatically restores focus to the input. In the tab case,
62599
- // Explicitly move focus to the trigger's clear button so the
62600
- // user can continues tabbing through the page normally.
62601
- if (ctx.isModal && !evt.shiftKey) {
62846
+ if (ctx.isModal) {
62847
+ // Fullscreen close does not automatically restore focus to the input.
62602
62848
  component.setClearBtnFocus();
62603
62849
  }
62604
62850
  }
@@ -65351,7 +65597,7 @@ let AuroFloatingUI$1 = class AuroFloatingUI {
65351
65597
  };
65352
65598
 
65353
65599
  // Selectors for focusable elements
65354
- const FOCUSABLE_SELECTORS$1 = [
65600
+ const FOCUSABLE_SELECTORS$2 = [
65355
65601
  "a[href]",
65356
65602
  "button:not([disabled])",
65357
65603
  "textarea:not([disabled])",
@@ -65365,7 +65611,7 @@ const FOCUSABLE_SELECTORS$1 = [
65365
65611
  ];
65366
65612
 
65367
65613
  // List of custom components that are known to be focusable
65368
- const FOCUSABLE_COMPONENTS$1 = [
65614
+ const FOCUSABLE_COMPONENTS$2 = [
65369
65615
  "auro-checkbox",
65370
65616
  "auro-radio",
65371
65617
  "auro-dropdown",
@@ -65387,12 +65633,12 @@ const FOCUSABLE_COMPONENTS$1 = [
65387
65633
  * @param {HTMLElement} element The element to check for focusability.
65388
65634
  * @returns {boolean} True if the element is a focusable custom component, false otherwise.
65389
65635
  */
65390
- function isFocusableComponent$1(element) {
65636
+ function isFocusableComponent$2(element) {
65391
65637
  const componentName = element.tagName.toLowerCase();
65392
65638
 
65393
65639
  // Guard Clause: Element is a focusable component
65394
65640
  if (
65395
- !FOCUSABLE_COMPONENTS$1.some(
65641
+ !FOCUSABLE_COMPONENTS$2.some(
65396
65642
  (name) => element.hasAttribute(name) || componentName === name,
65397
65643
  )
65398
65644
  )
@@ -65416,7 +65662,7 @@ function isFocusableComponent$1(element) {
65416
65662
  * @param {HTMLElement} element The element whose tabindex to read.
65417
65663
  * @returns {?number} The numeric tabindex or null if missing/invalid.
65418
65664
  */
65419
- function getNumericTabIndex$1(element) {
65665
+ function getNumericTabIndex$2(element) {
65420
65666
  const raw = element.getAttribute("tabindex");
65421
65667
  if (raw == null) return null;
65422
65668
 
@@ -65432,7 +65678,7 @@ function getNumericTabIndex$1(element) {
65432
65678
  * @param {HTMLElement} container The container to search within
65433
65679
  * @returns {Array<HTMLElement>} An array of focusable elements within the container.
65434
65680
  */
65435
- function getFocusableElements$1(container) {
65681
+ function getFocusableElements$2(container) {
65436
65682
  // Get elements in DOM order by walking the tree
65437
65683
  const orderedFocusableElements = [];
65438
65684
 
@@ -65441,7 +65687,7 @@ function getFocusableElements$1(container) {
65441
65687
  // Check if current element is focusable
65442
65688
  if (root.nodeType === Node.ELEMENT_NODE) {
65443
65689
  // Check if this is a custom component that is focusable
65444
- const isComponentFocusable = isFocusableComponent$1(root);
65690
+ const isComponentFocusable = isFocusableComponent$2(root);
65445
65691
 
65446
65692
  if (isComponentFocusable) {
65447
65693
  // Add the component itself as a focusable element and don't traverse its shadow DOM
@@ -65450,7 +65696,7 @@ function getFocusableElements$1(container) {
65450
65696
  }
65451
65697
 
65452
65698
  // Check if the element itself matches any selector
65453
- for (const selector of FOCUSABLE_SELECTORS$1) {
65699
+ for (const selector of FOCUSABLE_SELECTORS$2) {
65454
65700
  if (root.matches?.(selector)) {
65455
65701
  orderedFocusableElements.push(root);
65456
65702
  break; // Once we know it's focusable, no need to check other selectors
@@ -65504,20 +65750,20 @@ function getFocusableElements$1(container) {
65504
65750
 
65505
65751
  // First extract elements with valid positive tabindex
65506
65752
  const elementsWithTabindex = uniqueElements.filter((el) => {
65507
- const tabindex = getNumericTabIndex$1(el);
65753
+ const tabindex = getNumericTabIndex$2(el);
65508
65754
  return tabindex !== null && tabindex > 0;
65509
65755
  });
65510
65756
 
65511
65757
  // Sort these elements by their tabindex value
65512
65758
  elementsWithTabindex.sort((a, b) => {
65513
- const aIndex = getNumericTabIndex$1(a) ?? 0;
65514
- const bIndex = getNumericTabIndex$1(b) ?? 0;
65759
+ const aIndex = getNumericTabIndex$2(a) ?? 0;
65760
+ const bIndex = getNumericTabIndex$2(b) ?? 0;
65515
65761
  return aIndex - bIndex;
65516
65762
  });
65517
65763
 
65518
65764
  // Elements without tabindex (preserving their original order)
65519
65765
  const elementsWithoutTabindex = uniqueElements.filter((el) => {
65520
- const tabindex = getNumericTabIndex$1(el);
65766
+ const tabindex = getNumericTabIndex$2(el);
65521
65767
 
65522
65768
  // Elements without tabindex or with tabindex of 0 stay in DOM order
65523
65769
  return tabindex === null || tabindex === 0;
@@ -65688,7 +65934,7 @@ let FocusTrap$1 = class FocusTrap {
65688
65934
  */
65689
65935
  _getFocusableElements() {
65690
65936
  // Use the imported utility function to get focusable elements
65691
- const elements = getFocusableElements$1(this.container);
65937
+ const elements = getFocusableElements$2(this.container);
65692
65938
 
65693
65939
  // Return the elements found
65694
65940
  return elements;
@@ -66473,7 +66719,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$2 {
66473
66719
  }
66474
66720
  };
66475
66721
 
66476
- var formkitVersion$2 = '202607091532';
66722
+ var formkitVersion$2 = '202607091805';
66477
66723
 
66478
66724
  let AuroElement$2$1 = class AuroElement extends i$2 {
66479
66725
  static get properties() {
@@ -66764,7 +67010,7 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
66764
67010
  */
66765
67011
  focus() {
66766
67012
  if (this.isPopoverVisible && this.bibContent) {
66767
- const focusables = getFocusableElements$1(this.bibContent);
67013
+ const focusables = getFocusableElements$2(this.bibContent);
66768
67014
  if (focusables.length > 0) {
66769
67015
  focusables[0].focus();
66770
67016
  }
@@ -67382,7 +67628,7 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
67382
67628
  }
67383
67629
 
67384
67630
  // Collect focusable elements from the bib content.
67385
- const focusables = getFocusableElements$1(this.bibContent);
67631
+ const focusables = getFocusableElements$2(this.bibContent);
67386
67632
 
67387
67633
  // Fallback: try from slotted content directly
67388
67634
  if (!focusables.length) {
@@ -67391,7 +67637,7 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
67391
67637
 
67392
67638
  for (const node of assignedNodes) {
67393
67639
  if (node.nodeType === Node.ELEMENT_NODE) {
67394
- focusables.push(...getFocusableElements$1(node));
67640
+ focusables.push(...getFocusableElements$2(node));
67395
67641
  }
67396
67642
  }
67397
67643
  }
@@ -67451,7 +67697,7 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
67451
67697
 
67452
67698
  // Move initial focus into the bib content, matching FocusTrap behavior
67453
67699
  requestAnimationFrame(() => {
67454
- const focusables = getFocusableElements$1(this.bibContent);
67700
+ const focusables = getFocusableElements$2(this.bibContent);
67455
67701
  if (focusables.length) {
67456
67702
  focusables[0].focus();
67457
67703
  }
@@ -67681,7 +67927,7 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
67681
67927
  if (triggerContentNodes) {
67682
67928
 
67683
67929
  // See if any of them are focusable elements
67684
- this.triggerContentFocusable = triggerContentNodes.some((node) => getFocusableElements$1(node).length > 0);
67930
+ this.triggerContentFocusable = triggerContentNodes.some((node) => getFocusableElements$2(node).length > 0);
67685
67931
 
67686
67932
  // If any of them are focusable elements
67687
67933
  if (this.triggerContentFocusable) {
@@ -80091,7 +80337,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$2 {
80091
80337
  }
80092
80338
  };
80093
80339
 
80094
- var formkitVersion$1$1 = '202607091532';
80340
+ var formkitVersion$1$1 = '202607091805';
80095
80341
 
80096
80342
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
80097
80343
  // See LICENSE in the project root for license information.
@@ -81212,7 +81458,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$2 {
81212
81458
  }
81213
81459
  };
81214
81460
 
81215
- var formkitVersion$3 = '202607091532';
81461
+ var formkitVersion$3 = '202607091805';
81216
81462
 
81217
81463
  var styleCss$1$3 = i$4`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}:host{display:block;text-align:left}:host [auro-dropdown]{--ds-auro-dropdown-trigger-background-color: transparent}:host #inputInBib::part(wrapper){box-shadow:none}:host #inputInBib::part(accent-left){display:none}:host([layout*=classic]) [auro-input]{width:100%}:host([layout*=classic]) [auro-input]::part(helpText){display:none}:host([layout*=classic]) #slotHolder{display:none}`;
81218
81464
 
@@ -82744,8 +82990,11 @@ class AuroCombobox extends AuroElement$3 {
82744
82990
  // do not close while typing in suggestion mode with no value selected, to allow freeform input
82745
82991
  this.hideBib();
82746
82992
 
82747
- // Move focus to the clear button when the user makes a selection.
82748
- if (!isEcho && this.menu.value !== undefined) {
82993
+ // Move focus to the clear button when the user makes a selection,
82994
+ // unless the Shift+Tab handler opted this selection out.
82995
+ if (this._suppressClearBtnFocusOnSelection) {
82996
+ this._suppressClearBtnFocusOnSelection = false;
82997
+ } else if (!isEcho && this.menu.value !== undefined) {
82749
82998
  this.setClearBtnFocus();
82750
82999
  }
82751
83000
 
@@ -90190,7 +90439,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$2 {
90190
90439
  }
90191
90440
  };
90192
90441
 
90193
- var formkitVersion$1 = '202607091532';
90442
+ var formkitVersion$1 = '202607091805';
90194
90443
 
90195
90444
  class AuroElement extends i$2 {
90196
90445
  static get properties() {
@@ -92229,7 +92478,7 @@ class AuroHelpText extends i$2 {
92229
92478
  }
92230
92479
  }
92231
92480
 
92232
- var formkitVersion = '202607091532';
92481
+ var formkitVersion = '202607091805';
92233
92482
 
92234
92483
  var styleCss = i$4`.util_displayInline{display:inline}.util_displayInlineBlock{display:inline-block}.util_displayBlock{display:block}.util_displayFlex{display:flex}.util_displayHidden{display:none}.util_displayHiddenVisually{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);width:1px;height:1px;padding:0;border:0}.body-default{font-size:var(--wcss-body-default-font-size, 1rem);font-weight:var(--wcss-body-default-weight, );line-height:var(--wcss-body-default-line-height, 1.5rem)}.body-default,.body-default-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-default-emphasized{font-size:var(--wcss-body-default-emphasized-font-size, 1rem);font-weight:var(--wcss-body-default-emphasized-weight, );line-height:var(--wcss-body-default-emphasized-line-height, 1.5rem)}.body-lg{font-size:var(--wcss-body-lg-font-size, 1.125rem);font-weight:var(--wcss-body-lg-weight, );line-height:var(--wcss-body-lg-line-height, 1.625rem)}.body-lg,.body-lg-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-lg-emphasized{font-size:var(--wcss-body-lg-emphasized-font-size, 1.125rem);font-weight:var(--wcss-body-lg-emphasized-weight, );line-height:var(--wcss-body-lg-emphasized-line-height, 1.625rem)}.body-sm{font-size:var(--wcss-body-sm-font-size, 0.875rem);font-weight:var(--wcss-body-sm-weight, );line-height:var(--wcss-body-sm-line-height, 1.25rem)}.body-sm,.body-sm-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-sm-emphasized{font-size:var(--wcss-body-sm-emphasized-font-size, 0.875rem);font-weight:var(--wcss-body-sm-emphasized-weight, );line-height:var(--wcss-body-sm-emphasized-line-height, 1.25rem)}.body-xs{font-size:var(--wcss-body-xs-font-size, 0.75rem);font-weight:var(--wcss-body-xs-weight, );line-height:var(--wcss-body-xs-line-height, 1rem)}.body-xs,.body-xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-xs-emphasized{font-size:var(--wcss-body-xs-emphasized-font-size, 0.75rem);font-weight:var(--wcss-body-xs-emphasized-weight, );line-height:var(--wcss-body-xs-emphasized-line-height, 1rem)}.body-2xs{font-size:var(--wcss-body-2xs-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-weight, );line-height:var(--wcss-body-2xs-line-height, 0.875rem)}.body-2xs,.body-2xs-emphasized{font-family:var(--wcss-body-family, "AS Circular"),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;letter-spacing:var(--wcss-body-letter-spacing, 0)}.body-2xs-emphasized{font-size:var(--wcss-body-2xs-emphasized-font-size, 0.625rem);font-weight:var(--wcss-body-2xs-emphasized-weight, );line-height:var(--wcss-body-2xs-emphasized-line-height, 0.875rem)}.display-2xl{font-family:var(--wcss-display-2xl-family, "AS Circular"),var(--wcss-display-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-2xl-font-size, clamp(3.5rem, 6vw, 5.375rem));font-weight:var(--wcss-display-2xl-weight, 300);letter-spacing:var(--wcss-display-2xl-letter-spacing, 0);line-height:var(--wcss-display-2xl-line-height, 1.3)}.display-xl{font-family:var(--wcss-display-xl-family, "AS Circular"),var(--wcss-display-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xl-font-size, clamp(3rem, 5.3333333333vw, 4.5rem));font-weight:var(--wcss-display-xl-weight, 300);letter-spacing:var(--wcss-display-xl-letter-spacing, 0);line-height:var(--wcss-display-xl-line-height, 1.3)}.display-lg{font-family:var(--wcss-display-lg-family, "AS Circular"),var(--wcss-display-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-lg-font-size, clamp(2.75rem, 4.6666666667vw, 4rem));font-weight:var(--wcss-display-lg-weight, 300);letter-spacing:var(--wcss-display-lg-letter-spacing, 0);line-height:var(--wcss-display-lg-line-height, 1.3)}.display-md{font-family:var(--wcss-display-md-family, "AS Circular"),var(--wcss-display-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-md-font-size, clamp(2.5rem, 4vw, 3.5rem));font-weight:var(--wcss-display-md-weight, 300);letter-spacing:var(--wcss-display-md-letter-spacing, 0);line-height:var(--wcss-display-md-line-height, 1.3)}.display-sm{font-family:var(--wcss-display-sm-family, "AS Circular"),var(--wcss-display-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-sm-font-size, clamp(2rem, 3.6666666667vw, 3rem));font-weight:var(--wcss-display-sm-weight, 300);letter-spacing:var(--wcss-display-sm-letter-spacing, 0);line-height:var(--wcss-display-sm-line-height, 1.3)}.display-xs{font-family:var(--wcss-display-xs-family, "AS Circular"),var(--wcss-display-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-display-xs-font-size, clamp(1.75rem, 3vw, 2.375rem));font-weight:var(--wcss-display-xs-weight, 300);letter-spacing:var(--wcss-display-xs-letter-spacing, 0);line-height:var(--wcss-display-xs-line-height, 1.3)}.heading-xl{font-family:var(--wcss-heading-xl-family, "AS Circular"),var(--wcss-heading-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xl-font-size, clamp(2rem, 3vw, 2.5rem));font-weight:var(--wcss-heading-xl-weight, 300);letter-spacing:var(--wcss-heading-xl-letter-spacing, 0);line-height:var(--wcss-heading-xl-line-height, 1.3)}.heading-lg{font-family:var(--wcss-heading-lg-family, "AS Circular"),var(--wcss-heading-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-lg-font-size, clamp(1.75rem, 2.6666666667vw, 2.25rem));font-weight:var(--wcss-heading-lg-weight, 300);letter-spacing:var(--wcss-heading-lg-letter-spacing, 0);line-height:var(--wcss-heading-lg-line-height, 1.3)}.heading-md{font-family:var(--wcss-heading-md-family, "AS Circular"),var(--wcss-heading-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-md-font-size, clamp(1.625rem, 2.3333333333vw, 1.75rem));font-weight:var(--wcss-heading-md-weight, 300);letter-spacing:var(--wcss-heading-md-letter-spacing, 0);line-height:var(--wcss-heading-md-line-height, 1.3)}.heading-sm{font-family:var(--wcss-heading-sm-family, "AS Circular"),var(--wcss-heading-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-sm-font-size, clamp(1.375rem, 2vw, 1.5rem));font-weight:var(--wcss-heading-sm-weight, 300);letter-spacing:var(--wcss-heading-sm-letter-spacing, 0);line-height:var(--wcss-heading-sm-line-height, 1.3)}.heading-xs{font-family:var(--wcss-heading-xs-family, "AS Circular"),var(--wcss-heading-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-xs-font-size, clamp(1.25rem, 1.6666666667vw, 1.25rem));font-weight:var(--wcss-heading-xs-weight, 300);letter-spacing:var(--wcss-heading-xs-letter-spacing, 0);line-height:var(--wcss-heading-xs-line-height, 1.3)}.heading-2xs{font-family:var(--wcss-heading-2xs-family, "AS Circular"),var(--wcss-heading-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-heading-2xs-font-size, clamp(1.125rem, 1.5vw, 1.125rem));font-weight:var(--wcss-heading-2xs-weight, 300);letter-spacing:var(--wcss-heading-2xs-letter-spacing, 0);line-height:var(--wcss-heading-2xs-line-height, 1.3)}.accent-2xl{font-family:var(--wcss-accent-2xl-family, "Good OT"),var(--wcss-accent-2xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xl-font-size, clamp(2rem, 3.1666666667vw, 2.375rem));font-weight:var(--wcss-accent-2xl-weight, 450);letter-spacing:var(--wcss-accent-2xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-2xl-line-height, 1)}.accent-2xl,.accent-xl{text-transform:uppercase}.accent-xl{font-family:var(--wcss-accent-xl-family, "Good OT"),var(--wcss-accent-xl-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xl-font-size, clamp(1.625rem, 2.3333333333vw, 2rem));font-weight:var(--wcss-accent-xl-weight, 450);letter-spacing:var(--wcss-accent-xl-letter-spacing, 0.05em);line-height:var(--wcss-accent-xl-line-height, 1.3)}.accent-lg{font-family:var(--wcss-accent-lg-family, "Good OT"),var(--wcss-accent-lg-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-lg-font-size, clamp(1.5rem, 2.1666666667vw, 1.75rem));font-weight:var(--wcss-accent-lg-weight, 450);letter-spacing:var(--wcss-accent-lg-letter-spacing, 0.05em);line-height:var(--wcss-accent-lg-line-height, 1.3)}.accent-lg,.accent-md{text-transform:uppercase}.accent-md{font-family:var(--wcss-accent-md-family, "Good OT"),var(--wcss-accent-md-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-md-font-size, clamp(1.375rem, 1.8333333333vw, 1.5rem));font-weight:var(--wcss-accent-md-weight, 500);letter-spacing:var(--wcss-accent-md-letter-spacing, 0.05em);line-height:var(--wcss-accent-md-line-height, 1.3)}.accent-sm{font-family:var(--wcss-accent-sm-family, "Good OT"),var(--wcss-accent-sm-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-sm-font-size, clamp(1.125rem, 1.5vw, 1.25rem));font-weight:var(--wcss-accent-sm-weight, 500);letter-spacing:var(--wcss-accent-sm-letter-spacing, 0.05em);line-height:var(--wcss-accent-sm-line-height, 1.3)}.accent-sm,.accent-xs{text-transform:uppercase}.accent-xs{font-family:var(--wcss-accent-xs-family, "Good OT"),var(--wcss-accent-xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-xs-font-size, clamp(1rem, 1.3333333333vw, 1rem));font-weight:var(--wcss-accent-xs-weight, 500);letter-spacing:var(--wcss-accent-xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-xs-line-height, 1.3)}.accent-2xs{font-family:var(--wcss-accent-2xs-family, "Good OT"),var(--wcss-accent-2xs-family-fallback, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);font-size:var(--wcss-accent-2xs-font-size, clamp(0.875rem, 1.1666666667vw, 0.875rem));font-weight:var(--wcss-accent-2xs-weight, 450);letter-spacing:var(--wcss-accent-2xs-letter-spacing, 0.1em);line-height:var(--wcss-accent-2xs-line-height, 1.3);text-transform:uppercase}[auro-dropdown]{--ds-auro-dropdown-trigger-border-color: var(--ds-auro-select-border-color);--ds-auro-dropdown-trigger-background-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-container-color: var(--ds-auro-select-background-color);--ds-auro-dropdown-trigger-outline-color: var(--ds-auro-select-outline-color)}:host{display:inline-block;text-align:left;vertical-align:top}:host([layout*=emphasized]) [auro-dropdown],:host([layout*=snowflake]) [auro-dropdown]{--ds-auro-select-border-color: transparent}:host([layout*=emphasized]) .mainContent,:host([layout*=snowflake]) .mainContent{text-align:center}.mainContent{position:relative;display:flex;overflow:hidden;flex:1;flex-direction:column;align-items:center;justify-content:center}.valueContainer [slot=displayValue]{display:none}.accents{display:flex;flex-direction:row;align-items:center;justify-content:center}::slotted([slot=typeIcon]){margin-right:var(--ds-size-100, 0.5rem)}.displayValue{display:block}.displayValue:not(.force){display:none}.displayValue:not(.force).hasContent:is(.withValue):not(.hasFocus){display:block}.triggerContent{display:flex;width:100%;align-items:center;justify-content:center}:host([layout*=emphasized]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-300, 1.5rem)}:host([layout*=snowflake]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem) 0 var(--ds-size-200, 1rem)}:host([layout*=snowflake]) label{padding-block:var(--ds-size-25, 0.125rem)}:host([layout*=classic]) .triggerContent{padding:0 var(--ds-size-100, 0.5rem)}:host([layout*=classic]) .mainContent{align-items:start}:host([layout*=classic]) label{overflow:hidden;cursor:text;text-overflow:ellipsis;white-space:nowrap}:host([layout*=classic]) .value{height:auto}label{color:var(--ds-auro-select-label-text-color)}:host(:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-select-outline-color: var(--ds-basic-color-status-error, #e31f26);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-default, #2a2a2a)}:host([ondark]:is([validity]:not([validity=valid]))) [auro-dropdown],:host([appearance=inverse]:is([validity]:not([validity=valid]))) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-select-outline-color: var(--ds-advanced-color-state-error-inverse, #f9a4a8);--ds-auro-dropdown-helptext-text-color: var(--ds-basic-color-texticon-inverse, #ffffff)}#slotHolder{display:none}:host([fluid]){width:100%}:host([disabled]){pointer-events:none;user-select:none}:host([disabled]:not([ondark])) [auro-dropdown],:host([disabled]:not([appearance=inverse])) [auro-dropdown]{--ds-auro-select-border-color: var(--ds-basic-color-border-subtle, #dddddd)}:host(:not([layout*=classic])[disabled][ondark]) [auro-dropdown],:host(:not([layout*=classic])[disabled][appearance=inverse]) [auro-dropdown]{--ds-auro-select-border-color: transparent}`;
92235
92484