@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
@@ -13379,7 +13379,7 @@ let AuroHelpText$8 = class AuroHelpText extends i$3 {
13379
13379
  }
13380
13380
  };
13381
13381
 
13382
- var formkitVersion$8 = '202607091532';
13382
+ var formkitVersion$8 = '202607091805';
13383
13383
 
13384
13384
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
13385
13385
  // See LICENSE in the project root for license information.
@@ -27776,7 +27776,7 @@ let AuroBibtemplate$3 = class AuroBibtemplate extends i$3 {
27776
27776
  }
27777
27777
  };
27778
27778
 
27779
- var formkitVersion$2$1 = '202607091532';
27779
+ var formkitVersion$2$1 = '202607091805';
27780
27780
 
27781
27781
  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$2`${s$3(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$6`: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}
27782
27782
  `,u$4$2=i$6`.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}}
@@ -32547,7 +32547,7 @@ let AuroFloatingUI$3 = class AuroFloatingUI {
32547
32547
  };
32548
32548
 
32549
32549
  // Selectors for focusable elements
32550
- const FOCUSABLE_SELECTORS$3 = [
32550
+ const FOCUSABLE_SELECTORS$4 = [
32551
32551
  "a[href]",
32552
32552
  "button:not([disabled])",
32553
32553
  "textarea:not([disabled])",
@@ -32561,7 +32561,7 @@ const FOCUSABLE_SELECTORS$3 = [
32561
32561
  ];
32562
32562
 
32563
32563
  // List of custom components that are known to be focusable
32564
- const FOCUSABLE_COMPONENTS$3 = [
32564
+ const FOCUSABLE_COMPONENTS$4 = [
32565
32565
  "auro-checkbox",
32566
32566
  "auro-radio",
32567
32567
  "auro-dropdown",
@@ -32583,12 +32583,12 @@ const FOCUSABLE_COMPONENTS$3 = [
32583
32583
  * @param {HTMLElement} element The element to check for focusability.
32584
32584
  * @returns {boolean} True if the element is a focusable custom component, false otherwise.
32585
32585
  */
32586
- function isFocusableComponent$3(element) {
32586
+ function isFocusableComponent$4(element) {
32587
32587
  const componentName = element.tagName.toLowerCase();
32588
32588
 
32589
32589
  // Guard Clause: Element is a focusable component
32590
32590
  if (
32591
- !FOCUSABLE_COMPONENTS$3.some(
32591
+ !FOCUSABLE_COMPONENTS$4.some(
32592
32592
  (name) => element.hasAttribute(name) || componentName === name,
32593
32593
  )
32594
32594
  )
@@ -32612,7 +32612,7 @@ function isFocusableComponent$3(element) {
32612
32612
  * @param {HTMLElement} element The element whose tabindex to read.
32613
32613
  * @returns {?number} The numeric tabindex or null if missing/invalid.
32614
32614
  */
32615
- function getNumericTabIndex$3(element) {
32615
+ function getNumericTabIndex$4(element) {
32616
32616
  const raw = element.getAttribute("tabindex");
32617
32617
  if (raw == null) return null;
32618
32618
 
@@ -32628,7 +32628,7 @@ function getNumericTabIndex$3(element) {
32628
32628
  * @param {HTMLElement} container The container to search within
32629
32629
  * @returns {Array<HTMLElement>} An array of focusable elements within the container.
32630
32630
  */
32631
- function getFocusableElements$3(container) {
32631
+ function getFocusableElements$4(container) {
32632
32632
  // Get elements in DOM order by walking the tree
32633
32633
  const orderedFocusableElements = [];
32634
32634
 
@@ -32637,7 +32637,7 @@ function getFocusableElements$3(container) {
32637
32637
  // Check if current element is focusable
32638
32638
  if (root.nodeType === Node.ELEMENT_NODE) {
32639
32639
  // Check if this is a custom component that is focusable
32640
- const isComponentFocusable = isFocusableComponent$3(root);
32640
+ const isComponentFocusable = isFocusableComponent$4(root);
32641
32641
 
32642
32642
  if (isComponentFocusable) {
32643
32643
  // Add the component itself as a focusable element and don't traverse its shadow DOM
@@ -32646,7 +32646,7 @@ function getFocusableElements$3(container) {
32646
32646
  }
32647
32647
 
32648
32648
  // Check if the element itself matches any selector
32649
- for (const selector of FOCUSABLE_SELECTORS$3) {
32649
+ for (const selector of FOCUSABLE_SELECTORS$4) {
32650
32650
  if (root.matches?.(selector)) {
32651
32651
  orderedFocusableElements.push(root);
32652
32652
  break; // Once we know it's focusable, no need to check other selectors
@@ -32700,20 +32700,20 @@ function getFocusableElements$3(container) {
32700
32700
 
32701
32701
  // First extract elements with valid positive tabindex
32702
32702
  const elementsWithTabindex = uniqueElements.filter((el) => {
32703
- const tabindex = getNumericTabIndex$3(el);
32703
+ const tabindex = getNumericTabIndex$4(el);
32704
32704
  return tabindex !== null && tabindex > 0;
32705
32705
  });
32706
32706
 
32707
32707
  // Sort these elements by their tabindex value
32708
32708
  elementsWithTabindex.sort((a, b) => {
32709
- const aIndex = getNumericTabIndex$3(a) ?? 0;
32710
- const bIndex = getNumericTabIndex$3(b) ?? 0;
32709
+ const aIndex = getNumericTabIndex$4(a) ?? 0;
32710
+ const bIndex = getNumericTabIndex$4(b) ?? 0;
32711
32711
  return aIndex - bIndex;
32712
32712
  });
32713
32713
 
32714
32714
  // Elements without tabindex (preserving their original order)
32715
32715
  const elementsWithoutTabindex = uniqueElements.filter((el) => {
32716
- const tabindex = getNumericTabIndex$3(el);
32716
+ const tabindex = getNumericTabIndex$4(el);
32717
32717
 
32718
32718
  // Elements without tabindex or with tabindex of 0 stay in DOM order
32719
32719
  return tabindex === null || tabindex === 0;
@@ -32884,7 +32884,7 @@ let FocusTrap$3 = class FocusTrap {
32884
32884
  */
32885
32885
  _getFocusableElements() {
32886
32886
  // Use the imported utility function to get focusable elements
32887
- const elements = getFocusableElements$3(this.container);
32887
+ const elements = getFocusableElements$4(this.container);
32888
32888
 
32889
32889
  // Return the elements found
32890
32890
  return elements;
@@ -33669,7 +33669,7 @@ let AuroHelpText$2$1 = class AuroHelpText extends i$3 {
33669
33669
  }
33670
33670
  };
33671
33671
 
33672
- var formkitVersion$1$3 = '202607091532';
33672
+ var formkitVersion$1$3 = '202607091805';
33673
33673
 
33674
33674
  let AuroElement$2$2 = class AuroElement extends i$3 {
33675
33675
  static get properties() {
@@ -33960,7 +33960,7 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
33960
33960
  */
33961
33961
  focus() {
33962
33962
  if (this.isPopoverVisible && this.bibContent) {
33963
- const focusables = getFocusableElements$3(this.bibContent);
33963
+ const focusables = getFocusableElements$4(this.bibContent);
33964
33964
  if (focusables.length > 0) {
33965
33965
  focusables[0].focus();
33966
33966
  }
@@ -34578,7 +34578,7 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
34578
34578
  }
34579
34579
 
34580
34580
  // Collect focusable elements from the bib content.
34581
- const focusables = getFocusableElements$3(this.bibContent);
34581
+ const focusables = getFocusableElements$4(this.bibContent);
34582
34582
 
34583
34583
  // Fallback: try from slotted content directly
34584
34584
  if (!focusables.length) {
@@ -34587,7 +34587,7 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
34587
34587
 
34588
34588
  for (const node of assignedNodes) {
34589
34589
  if (node.nodeType === Node.ELEMENT_NODE) {
34590
- focusables.push(...getFocusableElements$3(node));
34590
+ focusables.push(...getFocusableElements$4(node));
34591
34591
  }
34592
34592
  }
34593
34593
  }
@@ -34647,7 +34647,7 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
34647
34647
 
34648
34648
  // Move initial focus into the bib content, matching FocusTrap behavior
34649
34649
  requestAnimationFrame(() => {
34650
- const focusables = getFocusableElements$3(this.bibContent);
34650
+ const focusables = getFocusableElements$4(this.bibContent);
34651
34651
  if (focusables.length) {
34652
34652
  focusables[0].focus();
34653
34653
  }
@@ -34877,7 +34877,7 @@ let AuroDropdown$3 = class AuroDropdown extends AuroElement$2$2 {
34877
34877
  if (triggerContentNodes) {
34878
34878
 
34879
34879
  // See if any of them are focusable elements
34880
- this.triggerContentFocusable = triggerContentNodes.some((node) => getFocusableElements$3(node).length > 0);
34880
+ this.triggerContentFocusable = triggerContentNodes.some((node) => getFocusableElements$4(node).length > 0);
34881
34881
 
34882
34882
  // If any of them are focusable elements
34883
34883
  if (this.triggerContentFocusable) {
@@ -47287,7 +47287,7 @@ let AuroHelpText$1$3 = class AuroHelpText extends i$3 {
47287
47287
  }
47288
47288
  };
47289
47289
 
47290
- var formkitVersion$7 = '202607091532';
47290
+ var formkitVersion$7 = '202607091805';
47291
47291
 
47292
47292
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
47293
47293
  // See LICENSE in the project root for license information.
@@ -49833,11 +49833,14 @@ class AuroDatePicker extends AuroElement$5 {
49833
49833
  // what centralDate renders, causing all cells to have tabindex="-1".
49834
49834
  this.calendar.activeCellDate = null;
49835
49835
 
49836
- // Show the month containing the selected date (or today) instead of
49837
- // whichever month the user last navigated to. Route through
49838
- // updateCentralDate so centralDate stays first-of-month.
49839
- // Respect consumer-provided centralDate/calendarStartDate if no value is set.
49840
- if (this.valueObject) {
49836
+ // On open, reset the visible month to a predictable source rather than
49837
+ // whichever month the user last navigated to. Route through updateCentralDate
49838
+ // so centralDate stays first-of-month.
49839
+ // Priority: calendarFocusDate (when valid) -> value (when set) -> today (when neither is set).
49840
+ // Respect consumer-provided centralDate/calendarStartDate/minDate when neither calendarFocusDate nor value is set.
49841
+ if (this.calendarFocusDate && dateFormatter$1.isValidDate(this.calendarFocusDate)) {
49842
+ this.calendarRenderUtil.updateCentralDate(this, this.calendarFocusDateObject);
49843
+ } else if (this.valueObject) {
49841
49844
  this.calendarRenderUtil.updateCentralDate(this, this.value);
49842
49845
  } else if (!this.centralDate && !this.calendarStartDate && !this.minDate) {
49843
49846
  this.calendarRenderUtil.updateCentralDate(this, new Date());
@@ -50378,10 +50381,6 @@ class AuroDatePicker extends AuroElement$5 {
50378
50381
  }
50379
50382
  }
50380
50383
 
50381
- if (changedProperties.has('calendarFocusDate')) {
50382
- this.handleFocusDateChange();
50383
- }
50384
-
50385
50384
  if (changedProperties.has('calendarStartDate')) {
50386
50385
  this.calendar.setAttribute('calendarStartDate', this.calendarStartDate || '');
50387
50386
  }
@@ -50504,6 +50503,13 @@ class AuroDatePicker extends AuroElement$5 {
50504
50503
  this.setHasValue();
50505
50504
  }
50506
50505
 
50506
+ // Run focus-date handling AFTER value/valueEnd so that when a consumer sets
50507
+ // calendarFocusDate together with value, the focus date wins for the visible
50508
+ // month instead of being overwritten by the value branch's updateCentralDate.
50509
+ if (changedProperties.has('calendarFocusDate')) {
50510
+ this.handleFocusDateChange();
50511
+ }
50512
+
50507
50513
  if (changedProperties.has('error')) {
50508
50514
  // Error attribute is passed down to the last input in the list to control the error state
50509
50515
  // This is done to prevent error icon from displaying on both inputs in range support
@@ -52203,7 +52209,7 @@ let AuroHelpText$1$2 = class AuroHelpText extends i$3 {
52203
52209
  }
52204
52210
  };
52205
52211
 
52206
- var formkitVersion$1$2 = '202607091532';
52212
+ var formkitVersion$1$2 = '202607091805';
52207
52213
 
52208
52214
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
52209
52215
  // See LICENSE in the project root for license information.
@@ -55409,7 +55415,7 @@ let AuroFloatingUI$2 = class AuroFloatingUI {
55409
55415
  };
55410
55416
 
55411
55417
  // Selectors for focusable elements
55412
- const FOCUSABLE_SELECTORS$2 = [
55418
+ const FOCUSABLE_SELECTORS$3 = [
55413
55419
  "a[href]",
55414
55420
  "button:not([disabled])",
55415
55421
  "textarea:not([disabled])",
@@ -55423,7 +55429,7 @@ const FOCUSABLE_SELECTORS$2 = [
55423
55429
  ];
55424
55430
 
55425
55431
  // List of custom components that are known to be focusable
55426
- const FOCUSABLE_COMPONENTS$2 = [
55432
+ const FOCUSABLE_COMPONENTS$3 = [
55427
55433
  "auro-checkbox",
55428
55434
  "auro-radio",
55429
55435
  "auro-dropdown",
@@ -55445,12 +55451,12 @@ const FOCUSABLE_COMPONENTS$2 = [
55445
55451
  * @param {HTMLElement} element The element to check for focusability.
55446
55452
  * @returns {boolean} True if the element is a focusable custom component, false otherwise.
55447
55453
  */
55448
- function isFocusableComponent$2(element) {
55454
+ function isFocusableComponent$3(element) {
55449
55455
  const componentName = element.tagName.toLowerCase();
55450
55456
 
55451
55457
  // Guard Clause: Element is a focusable component
55452
55458
  if (
55453
- !FOCUSABLE_COMPONENTS$2.some(
55459
+ !FOCUSABLE_COMPONENTS$3.some(
55454
55460
  (name) => element.hasAttribute(name) || componentName === name,
55455
55461
  )
55456
55462
  )
@@ -55474,7 +55480,7 @@ function isFocusableComponent$2(element) {
55474
55480
  * @param {HTMLElement} element The element whose tabindex to read.
55475
55481
  * @returns {?number} The numeric tabindex or null if missing/invalid.
55476
55482
  */
55477
- function getNumericTabIndex$2(element) {
55483
+ function getNumericTabIndex$3(element) {
55478
55484
  const raw = element.getAttribute("tabindex");
55479
55485
  if (raw == null) return null;
55480
55486
 
@@ -55490,7 +55496,7 @@ function getNumericTabIndex$2(element) {
55490
55496
  * @param {HTMLElement} container The container to search within
55491
55497
  * @returns {Array<HTMLElement>} An array of focusable elements within the container.
55492
55498
  */
55493
- function getFocusableElements$2(container) {
55499
+ function getFocusableElements$3(container) {
55494
55500
  // Get elements in DOM order by walking the tree
55495
55501
  const orderedFocusableElements = [];
55496
55502
 
@@ -55499,7 +55505,7 @@ function getFocusableElements$2(container) {
55499
55505
  // Check if current element is focusable
55500
55506
  if (root.nodeType === Node.ELEMENT_NODE) {
55501
55507
  // Check if this is a custom component that is focusable
55502
- const isComponentFocusable = isFocusableComponent$2(root);
55508
+ const isComponentFocusable = isFocusableComponent$3(root);
55503
55509
 
55504
55510
  if (isComponentFocusable) {
55505
55511
  // Add the component itself as a focusable element and don't traverse its shadow DOM
@@ -55508,7 +55514,7 @@ function getFocusableElements$2(container) {
55508
55514
  }
55509
55515
 
55510
55516
  // Check if the element itself matches any selector
55511
- for (const selector of FOCUSABLE_SELECTORS$2) {
55517
+ for (const selector of FOCUSABLE_SELECTORS$3) {
55512
55518
  if (root.matches?.(selector)) {
55513
55519
  orderedFocusableElements.push(root);
55514
55520
  break; // Once we know it's focusable, no need to check other selectors
@@ -55562,20 +55568,20 @@ function getFocusableElements$2(container) {
55562
55568
 
55563
55569
  // First extract elements with valid positive tabindex
55564
55570
  const elementsWithTabindex = uniqueElements.filter((el) => {
55565
- const tabindex = getNumericTabIndex$2(el);
55571
+ const tabindex = getNumericTabIndex$3(el);
55566
55572
  return tabindex !== null && tabindex > 0;
55567
55573
  });
55568
55574
 
55569
55575
  // Sort these elements by their tabindex value
55570
55576
  elementsWithTabindex.sort((a, b) => {
55571
- const aIndex = getNumericTabIndex$2(a) ?? 0;
55572
- const bIndex = getNumericTabIndex$2(b) ?? 0;
55577
+ const aIndex = getNumericTabIndex$3(a) ?? 0;
55578
+ const bIndex = getNumericTabIndex$3(b) ?? 0;
55573
55579
  return aIndex - bIndex;
55574
55580
  });
55575
55581
 
55576
55582
  // Elements without tabindex (preserving their original order)
55577
55583
  const elementsWithoutTabindex = uniqueElements.filter((el) => {
55578
- const tabindex = getNumericTabIndex$2(el);
55584
+ const tabindex = getNumericTabIndex$3(el);
55579
55585
 
55580
55586
  // Elements without tabindex or with tabindex of 0 stay in DOM order
55581
55587
  return tabindex === null || tabindex === 0;
@@ -55746,7 +55752,7 @@ let FocusTrap$2 = class FocusTrap {
55746
55752
  */
55747
55753
  _getFocusableElements() {
55748
55754
  // Use the imported utility function to get focusable elements
55749
- const elements = getFocusableElements$2(this.container);
55755
+ const elements = getFocusableElements$3(this.container);
55750
55756
 
55751
55757
  // Return the elements found
55752
55758
  return elements;
@@ -56531,7 +56537,7 @@ let AuroHelpText$6 = class AuroHelpText extends i$3 {
56531
56537
  }
56532
56538
  };
56533
56539
 
56534
- var formkitVersion$6 = '202607091532';
56540
+ var formkitVersion$6 = '202607091805';
56535
56541
 
56536
56542
  let AuroElement$1$2 = class AuroElement extends i$3 {
56537
56543
  static get properties() {
@@ -56822,7 +56828,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
56822
56828
  */
56823
56829
  focus() {
56824
56830
  if (this.isPopoverVisible && this.bibContent) {
56825
- const focusables = getFocusableElements$2(this.bibContent);
56831
+ const focusables = getFocusableElements$3(this.bibContent);
56826
56832
  if (focusables.length > 0) {
56827
56833
  focusables[0].focus();
56828
56834
  }
@@ -57440,7 +57446,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
57440
57446
  }
57441
57447
 
57442
57448
  // Collect focusable elements from the bib content.
57443
- const focusables = getFocusableElements$2(this.bibContent);
57449
+ const focusables = getFocusableElements$3(this.bibContent);
57444
57450
 
57445
57451
  // Fallback: try from slotted content directly
57446
57452
  if (!focusables.length) {
@@ -57449,7 +57455,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
57449
57455
 
57450
57456
  for (const node of assignedNodes) {
57451
57457
  if (node.nodeType === Node.ELEMENT_NODE) {
57452
- focusables.push(...getFocusableElements$2(node));
57458
+ focusables.push(...getFocusableElements$3(node));
57453
57459
  }
57454
57460
  }
57455
57461
  }
@@ -57509,7 +57515,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
57509
57515
 
57510
57516
  // Move initial focus into the bib content, matching FocusTrap behavior
57511
57517
  requestAnimationFrame(() => {
57512
- const focusables = getFocusableElements$2(this.bibContent);
57518
+ const focusables = getFocusableElements$3(this.bibContent);
57513
57519
  if (focusables.length) {
57514
57520
  focusables[0].focus();
57515
57521
  }
@@ -57739,7 +57745,7 @@ let AuroDropdown$2 = class AuroDropdown extends AuroElement$1$2 {
57739
57745
  if (triggerContentNodes) {
57740
57746
 
57741
57747
  // See if any of them are focusable elements
57742
- this.triggerContentFocusable = triggerContentNodes.some((node) => getFocusableElements$2(node).length > 0);
57748
+ this.triggerContentFocusable = triggerContentNodes.some((node) => getFocusableElements$3(node).length > 0);
57743
57749
 
57744
57750
  // If any of them are focusable elements
57745
57751
  if (this.triggerContentFocusable) {
@@ -60511,7 +60517,7 @@ let AuroHelpText$5 = class AuroHelpText extends i$3 {
60511
60517
  }
60512
60518
  };
60513
60519
 
60514
- var formkitVersion$5 = '202607091532';
60520
+ var formkitVersion$5 = '202607091805';
60515
60521
 
60516
60522
  // Copyright (c) Alaska Air. All right reserved. Licensed under the Apache-2.0 license
60517
60523
  // See LICENSE in the project root for license information.
@@ -62276,7 +62282,7 @@ let AuroHelpText$4 = class AuroHelpText extends i$3 {
62276
62282
  }
62277
62283
  };
62278
62284
 
62279
- var formkitVersion$4 = '202607091532';
62285
+ var formkitVersion$4 = '202607091805';
62280
62286
 
62281
62287
  // Copyright (c) 2026 Alaska Airlines. All rights reserved. Licensed under the Apache-2.0 license
62282
62288
  // See LICENSE in the project root for license information.
@@ -63467,6 +63473,188 @@ function navigateArrow$1(component, direction, options = {}) {
63467
63473
  }
63468
63474
  }
63469
63475
 
63476
+ // Selectors for focusable elements
63477
+ const FOCUSABLE_SELECTORS$1 = [
63478
+ "a[href]",
63479
+ "button:not([disabled])",
63480
+ "textarea:not([disabled])",
63481
+ "input:not([disabled])",
63482
+ "select:not([disabled])",
63483
+ '[role="tab"]:not([disabled])',
63484
+ '[role="link"]:not([disabled])',
63485
+ '[role="button"]:not([disabled])',
63486
+ '[tabindex]:not([tabindex="-1"])',
63487
+ '[contenteditable]:not([contenteditable="false"])',
63488
+ ];
63489
+
63490
+ // List of custom components that are known to be focusable
63491
+ const FOCUSABLE_COMPONENTS$1 = [
63492
+ "auro-checkbox",
63493
+ "auro-radio",
63494
+ "auro-dropdown",
63495
+ "auro-button",
63496
+ "auro-combobox",
63497
+ "auro-input",
63498
+ "auro-counter",
63499
+ // 'auro-menu', // Auro menu is not focusable by default, it uses a different interaction model
63500
+ "auro-select",
63501
+ "auro-datepicker",
63502
+ "auro-hyperlink",
63503
+ "auro-accordion",
63504
+ ];
63505
+
63506
+ /**
63507
+ * Determines if a given element is a custom focusable component.
63508
+ * Returns true if the element matches a known focusable component and is not disabled.
63509
+ *
63510
+ * @param {HTMLElement} element The element to check for focusability.
63511
+ * @returns {boolean} True if the element is a focusable custom component, false otherwise.
63512
+ */
63513
+ function isFocusableComponent$1(element) {
63514
+ const componentName = element.tagName.toLowerCase();
63515
+
63516
+ // Guard Clause: Element is a focusable component
63517
+ if (
63518
+ !FOCUSABLE_COMPONENTS$1.some(
63519
+ (name) => element.hasAttribute(name) || componentName === name,
63520
+ )
63521
+ )
63522
+ return false;
63523
+
63524
+ // Guard Clause: Element is not disabled
63525
+ if (element.hasAttribute("disabled")) return false;
63526
+
63527
+ // Guard Clause: The element is a hyperlink and has no href attribute
63528
+ if (componentName.match("hyperlink") && !element.hasAttribute("href"))
63529
+ return false;
63530
+
63531
+ // If all guard clauses pass, the element is a focusable component
63532
+ return true;
63533
+ }
63534
+
63535
+ /**
63536
+ * Safely get a numeric tabindex for an element.
63537
+ * Returns a number if the tabindex is a valid integer, otherwise null.
63538
+ *
63539
+ * @param {HTMLElement} element The element whose tabindex to read.
63540
+ * @returns {?number} The numeric tabindex or null if missing/invalid.
63541
+ */
63542
+ function getNumericTabIndex$1(element) {
63543
+ const raw = element.getAttribute("tabindex");
63544
+ if (raw == null) return null;
63545
+
63546
+ const value = Number.parseInt(raw, 10);
63547
+ return Number.isNaN(value) ? null : value;
63548
+ }
63549
+
63550
+ /**
63551
+ * Retrieves all focusable elements within the container in DOM order, including those in shadow DOM and slots.
63552
+ * Returns a unique, ordered array of elements that can receive focus.
63553
+ * Also sorts elements with tabindex first, preserving their order.
63554
+ *
63555
+ * @param {HTMLElement} container The container to search within
63556
+ * @returns {Array<HTMLElement>} An array of focusable elements within the container.
63557
+ */
63558
+ function getFocusableElements$1(container) {
63559
+ // Get elements in DOM order by walking the tree
63560
+ const orderedFocusableElements = [];
63561
+
63562
+ // Define a recursive function to collect focusable elements in DOM order
63563
+ const collectFocusableElements = (root) => {
63564
+ // Check if current element is focusable
63565
+ if (root.nodeType === Node.ELEMENT_NODE) {
63566
+ // Check if this is a custom component that is focusable
63567
+ const isComponentFocusable = isFocusableComponent$1(root);
63568
+
63569
+ if (isComponentFocusable) {
63570
+ // Add the component itself as a focusable element and don't traverse its shadow DOM
63571
+ orderedFocusableElements.push(root);
63572
+ return; // Skip traversing inside this component
63573
+ }
63574
+
63575
+ // Check if the element itself matches any selector
63576
+ for (const selector of FOCUSABLE_SELECTORS$1) {
63577
+ if (root.matches?.(selector)) {
63578
+ orderedFocusableElements.push(root);
63579
+ break; // Once we know it's focusable, no need to check other selectors
63580
+ }
63581
+ }
63582
+
63583
+ // Process shadow DOM only for non-Auro components
63584
+ if (root.shadowRoot) {
63585
+ // Process shadow DOM children in order
63586
+ if (root.shadowRoot.children) {
63587
+ Array.from(root.shadowRoot.children).forEach((child) => {
63588
+ collectFocusableElements(child);
63589
+ });
63590
+ }
63591
+ }
63592
+
63593
+ // Process slots and their assigned nodes in order
63594
+ if (root.tagName === "SLOT") {
63595
+ const assignedNodes = root.assignedNodes({ flatten: true });
63596
+ for (const node of assignedNodes) {
63597
+ collectFocusableElements(node);
63598
+ }
63599
+ } else {
63600
+ // Process light DOM children in order
63601
+ if (root.children) {
63602
+ Array.from(root.children).forEach((child) => {
63603
+ collectFocusableElements(child);
63604
+ });
63605
+ }
63606
+ }
63607
+ }
63608
+ };
63609
+
63610
+ // Start the traversal from the container
63611
+ collectFocusableElements(container);
63612
+
63613
+ // Remove duplicates that might have been collected through different paths
63614
+ // while preserving order
63615
+ const uniqueElements = [];
63616
+ const seen = new Set();
63617
+
63618
+ for (const element of orderedFocusableElements) {
63619
+ if (!seen.has(element)) {
63620
+ seen.add(element);
63621
+ uniqueElements.push(element);
63622
+ }
63623
+ }
63624
+
63625
+ // Move tab-indexed elements to the front while preserving their order
63626
+ // This ensures that elements with tabindex are prioritized in the focus order
63627
+
63628
+ // First extract elements with valid positive tabindex
63629
+ const elementsWithTabindex = uniqueElements.filter((el) => {
63630
+ const tabindex = getNumericTabIndex$1(el);
63631
+ return tabindex !== null && tabindex > 0;
63632
+ });
63633
+
63634
+ // Sort these elements by their tabindex value
63635
+ elementsWithTabindex.sort((a, b) => {
63636
+ const aIndex = getNumericTabIndex$1(a) ?? 0;
63637
+ const bIndex = getNumericTabIndex$1(b) ?? 0;
63638
+ return aIndex - bIndex;
63639
+ });
63640
+
63641
+ // Elements without tabindex (preserving their original order)
63642
+ const elementsWithoutTabindex = uniqueElements.filter((el) => {
63643
+ const tabindex = getNumericTabIndex$1(el);
63644
+
63645
+ // Elements without tabindex or with tabindex of 0 stay in DOM order
63646
+ return tabindex === null || tabindex === 0;
63647
+ });
63648
+
63649
+ // Combine both arrays with tabindex elements first
63650
+ const tabIndexedUniqueElements = [
63651
+ ...elementsWithTabindex,
63652
+ ...elementsWithoutTabindex,
63653
+ ];
63654
+
63655
+ return tabIndexedUniqueElements;
63656
+ }
63657
+
63470
63658
  /* eslint-disable no-underscore-dangle */
63471
63659
 
63472
63660
  /**
@@ -63512,6 +63700,82 @@ function reconcileMenuIndex(menu) {
63512
63700
  }
63513
63701
  }
63514
63702
 
63703
+ /**
63704
+ * Commit the highlighted option and close the bib.
63705
+ * @param {Element} component - The auro-combobox host element.
63706
+ */
63707
+ function selectAndClose(component) {
63708
+ reconcileMenuIndex(component.menu);
63709
+ component.menu.makeSelection();
63710
+ component.hideBib();
63711
+ }
63712
+
63713
+ /**
63714
+ * Whether `el` is currently visible enough to receive focus. Prefers the
63715
+ * browser's `checkVisibility()` (Chrome/Safari; Firefox behind a flag until
63716
+ * recently); otherwise combines a display/visibility check with an
63717
+ * ancestor-hidden probe that keeps position:fixed elements visible.
63718
+ * @param {Element} el - The element to test.
63719
+ * @returns {boolean}
63720
+ */
63721
+ function isVisibleForFocus(el) {
63722
+ if (typeof el.checkVisibility === 'function') {
63723
+ return el.checkVisibility();
63724
+ }
63725
+ const style = el.ownerDocument.defaultView.getComputedStyle(el);
63726
+ if (style.display === 'none' || style.visibility === 'hidden') {
63727
+ return false;
63728
+ }
63729
+ return el.offsetParent !== null || style.position === 'fixed';
63730
+ }
63731
+
63732
+ /**
63733
+ * Return the tab stop that comes before `component` in page tab order,
63734
+ * skipping any hidden entries the walker doesn't filter itself.
63735
+ * @param {Element} component - The auro-combobox host element.
63736
+ * @returns {Element|null}
63737
+ */
63738
+ function getPreviousTabStop(component) {
63739
+ const tabStops = getFocusableElements$1(component.ownerDocument.body);
63740
+ const componentIndex = tabStops.indexOf(component);
63741
+ for (let index = componentIndex - 1; index >= 0; index -= 1) {
63742
+ if (isVisibleForFocus(tabStops[index])) {
63743
+ return tabStops[index];
63744
+ }
63745
+ }
63746
+ return null;
63747
+ }
63748
+
63749
+ /**
63750
+ * Commit the highlighted option, close the bib, and move focus to the tab
63751
+ * stop before the combobox — the Shift+Tab exit path (AB#1592239).
63752
+ * Returns true when this function moved focus and the caller should
63753
+ * preventDefault; false when no previous tab stop was found and the browser's
63754
+ * native traversal should run.
63755
+ * @param {Element} component - The auro-combobox host element.
63756
+ * @returns {boolean}
63757
+ */
63758
+ function selectAndExitBackward(component) {
63759
+ const previousTabStop = getPreviousTabStop(component);
63760
+
63761
+ // Opts this selection out of setClearBtnFocus so the focus move below
63762
+ // isn't clobbered. Consumed by auro-combobox's selection listener; also
63763
+ // cleared via microtask in case makeSelection is a no-op and the listener
63764
+ // never fires (microtasks run before the next user event, so this can't
63765
+ // leak into an unrelated selection).
63766
+ component._suppressClearBtnFocusOnSelection = true;
63767
+ selectAndClose(component);
63768
+ queueMicrotask(() => {
63769
+ component._suppressClearBtnFocusOnSelection = false;
63770
+ });
63771
+
63772
+ if (!previousTabStop) {
63773
+ return false;
63774
+ }
63775
+ doubleRaf$1(() => previousTabStop.focus());
63776
+ return true;
63777
+ }
63778
+
63515
63779
  const comboboxKeyboardStrategy = {
63516
63780
  ArrowDown(component, evt, ctx) {
63517
63781
  // If the clear button has focus, let the browser handle ArrowDown normally.
@@ -63610,36 +63874,18 @@ const comboboxKeyboardStrategy = {
63610
63874
  },
63611
63875
 
63612
63876
  Tab(component, evt, ctx) {
63613
- // Runs for both Tab and Shift+Tab.
63614
- //
63615
- // Current behavior:
63616
- // Tab — select the active option, close the bib, and (in fullscreen
63617
- // modal mode only) explicitly move focus to the trigger's
63618
- // clear button. In desktop popover mode the browser's native
63619
- // tab traversal takes focus forward from the input.
63620
- // Shift+Tab — select the active option and close the bib. Focus then
63621
- // lands on the trigger's clear button as a byproduct of the
63622
- // shadow-DOM tab order, so keyboard users must press
63623
- // Shift+Tab three times to exit the component (clear button
63624
- // → input → previous element on the page).
63625
- //
63626
- // Intended behavior for Shift+Tab (per team decision, tracked in
63627
- // AB#1590650): a single Shift+Tab should select the active option, close
63628
- // the bib, and move focus directly to the previous focusable element on
63629
- // the page — symmetric with Tab.
63630
63877
  if (ctx.isExpanded && !isClearBtnFocused(ctx)) {
63631
- // When the clear button is focused, Tab events do not bubble out of
63632
- // its shadow DOM, so this handler only fires when the clear button
63633
- // is NOT focused. In that case, select the active option and close.
63634
- reconcileMenuIndex(component.menu);
63635
- component.menu.makeSelection();
63636
- component.hideBib();
63878
+ if (evt.shiftKey) {
63879
+ if (selectAndExitBackward(component)) {
63880
+ evt.preventDefault();
63881
+ }
63882
+ return;
63883
+ }
63884
+
63885
+ selectAndClose(component);
63637
63886
 
63638
- // In fullscreen modal mode, closing the dialog does not
63639
- // automatically restores focus to the input. In the tab case,
63640
- // Explicitly move focus to the trigger's clear button so the
63641
- // user can continues tabbing through the page normally.
63642
- if (ctx.isModal && !evt.shiftKey) {
63887
+ if (ctx.isModal) {
63888
+ // Fullscreen close does not automatically restore focus to the input.
63643
63889
  component.setClearBtnFocus();
63644
63890
  }
63645
63891
  }
@@ -66392,7 +66638,7 @@ let AuroFloatingUI$1 = class AuroFloatingUI {
66392
66638
  };
66393
66639
 
66394
66640
  // Selectors for focusable elements
66395
- const FOCUSABLE_SELECTORS$1 = [
66641
+ const FOCUSABLE_SELECTORS$2 = [
66396
66642
  "a[href]",
66397
66643
  "button:not([disabled])",
66398
66644
  "textarea:not([disabled])",
@@ -66406,7 +66652,7 @@ const FOCUSABLE_SELECTORS$1 = [
66406
66652
  ];
66407
66653
 
66408
66654
  // List of custom components that are known to be focusable
66409
- const FOCUSABLE_COMPONENTS$1 = [
66655
+ const FOCUSABLE_COMPONENTS$2 = [
66410
66656
  "auro-checkbox",
66411
66657
  "auro-radio",
66412
66658
  "auro-dropdown",
@@ -66428,12 +66674,12 @@ const FOCUSABLE_COMPONENTS$1 = [
66428
66674
  * @param {HTMLElement} element The element to check for focusability.
66429
66675
  * @returns {boolean} True if the element is a focusable custom component, false otherwise.
66430
66676
  */
66431
- function isFocusableComponent$1(element) {
66677
+ function isFocusableComponent$2(element) {
66432
66678
  const componentName = element.tagName.toLowerCase();
66433
66679
 
66434
66680
  // Guard Clause: Element is a focusable component
66435
66681
  if (
66436
- !FOCUSABLE_COMPONENTS$1.some(
66682
+ !FOCUSABLE_COMPONENTS$2.some(
66437
66683
  (name) => element.hasAttribute(name) || componentName === name,
66438
66684
  )
66439
66685
  )
@@ -66457,7 +66703,7 @@ function isFocusableComponent$1(element) {
66457
66703
  * @param {HTMLElement} element The element whose tabindex to read.
66458
66704
  * @returns {?number} The numeric tabindex or null if missing/invalid.
66459
66705
  */
66460
- function getNumericTabIndex$1(element) {
66706
+ function getNumericTabIndex$2(element) {
66461
66707
  const raw = element.getAttribute("tabindex");
66462
66708
  if (raw == null) return null;
66463
66709
 
@@ -66473,7 +66719,7 @@ function getNumericTabIndex$1(element) {
66473
66719
  * @param {HTMLElement} container The container to search within
66474
66720
  * @returns {Array<HTMLElement>} An array of focusable elements within the container.
66475
66721
  */
66476
- function getFocusableElements$1(container) {
66722
+ function getFocusableElements$2(container) {
66477
66723
  // Get elements in DOM order by walking the tree
66478
66724
  const orderedFocusableElements = [];
66479
66725
 
@@ -66482,7 +66728,7 @@ function getFocusableElements$1(container) {
66482
66728
  // Check if current element is focusable
66483
66729
  if (root.nodeType === Node.ELEMENT_NODE) {
66484
66730
  // Check if this is a custom component that is focusable
66485
- const isComponentFocusable = isFocusableComponent$1(root);
66731
+ const isComponentFocusable = isFocusableComponent$2(root);
66486
66732
 
66487
66733
  if (isComponentFocusable) {
66488
66734
  // Add the component itself as a focusable element and don't traverse its shadow DOM
@@ -66491,7 +66737,7 @@ function getFocusableElements$1(container) {
66491
66737
  }
66492
66738
 
66493
66739
  // Check if the element itself matches any selector
66494
- for (const selector of FOCUSABLE_SELECTORS$1) {
66740
+ for (const selector of FOCUSABLE_SELECTORS$2) {
66495
66741
  if (root.matches?.(selector)) {
66496
66742
  orderedFocusableElements.push(root);
66497
66743
  break; // Once we know it's focusable, no need to check other selectors
@@ -66545,20 +66791,20 @@ function getFocusableElements$1(container) {
66545
66791
 
66546
66792
  // First extract elements with valid positive tabindex
66547
66793
  const elementsWithTabindex = uniqueElements.filter((el) => {
66548
- const tabindex = getNumericTabIndex$1(el);
66794
+ const tabindex = getNumericTabIndex$2(el);
66549
66795
  return tabindex !== null && tabindex > 0;
66550
66796
  });
66551
66797
 
66552
66798
  // Sort these elements by their tabindex value
66553
66799
  elementsWithTabindex.sort((a, b) => {
66554
- const aIndex = getNumericTabIndex$1(a) ?? 0;
66555
- const bIndex = getNumericTabIndex$1(b) ?? 0;
66800
+ const aIndex = getNumericTabIndex$2(a) ?? 0;
66801
+ const bIndex = getNumericTabIndex$2(b) ?? 0;
66556
66802
  return aIndex - bIndex;
66557
66803
  });
66558
66804
 
66559
66805
  // Elements without tabindex (preserving their original order)
66560
66806
  const elementsWithoutTabindex = uniqueElements.filter((el) => {
66561
- const tabindex = getNumericTabIndex$1(el);
66807
+ const tabindex = getNumericTabIndex$2(el);
66562
66808
 
66563
66809
  // Elements without tabindex or with tabindex of 0 stay in DOM order
66564
66810
  return tabindex === null || tabindex === 0;
@@ -66729,7 +66975,7 @@ let FocusTrap$1 = class FocusTrap {
66729
66975
  */
66730
66976
  _getFocusableElements() {
66731
66977
  // Use the imported utility function to get focusable elements
66732
- const elements = getFocusableElements$1(this.container);
66978
+ const elements = getFocusableElements$2(this.container);
66733
66979
 
66734
66980
  // Return the elements found
66735
66981
  return elements;
@@ -67514,7 +67760,7 @@ let AuroHelpText$2 = class AuroHelpText extends i$3 {
67514
67760
  }
67515
67761
  };
67516
67762
 
67517
- var formkitVersion$2 = '202607091532';
67763
+ var formkitVersion$2 = '202607091805';
67518
67764
 
67519
67765
  let AuroElement$2$1 = class AuroElement extends i$3 {
67520
67766
  static get properties() {
@@ -67805,7 +68051,7 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
67805
68051
  */
67806
68052
  focus() {
67807
68053
  if (this.isPopoverVisible && this.bibContent) {
67808
- const focusables = getFocusableElements$1(this.bibContent);
68054
+ const focusables = getFocusableElements$2(this.bibContent);
67809
68055
  if (focusables.length > 0) {
67810
68056
  focusables[0].focus();
67811
68057
  }
@@ -68423,7 +68669,7 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
68423
68669
  }
68424
68670
 
68425
68671
  // Collect focusable elements from the bib content.
68426
- const focusables = getFocusableElements$1(this.bibContent);
68672
+ const focusables = getFocusableElements$2(this.bibContent);
68427
68673
 
68428
68674
  // Fallback: try from slotted content directly
68429
68675
  if (!focusables.length) {
@@ -68432,7 +68678,7 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
68432
68678
 
68433
68679
  for (const node of assignedNodes) {
68434
68680
  if (node.nodeType === Node.ELEMENT_NODE) {
68435
- focusables.push(...getFocusableElements$1(node));
68681
+ focusables.push(...getFocusableElements$2(node));
68436
68682
  }
68437
68683
  }
68438
68684
  }
@@ -68492,7 +68738,7 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
68492
68738
 
68493
68739
  // Move initial focus into the bib content, matching FocusTrap behavior
68494
68740
  requestAnimationFrame(() => {
68495
- const focusables = getFocusableElements$1(this.bibContent);
68741
+ const focusables = getFocusableElements$2(this.bibContent);
68496
68742
  if (focusables.length) {
68497
68743
  focusables[0].focus();
68498
68744
  }
@@ -68722,7 +68968,7 @@ let AuroDropdown$1 = class AuroDropdown extends AuroElement$2$1 {
68722
68968
  if (triggerContentNodes) {
68723
68969
 
68724
68970
  // See if any of them are focusable elements
68725
- this.triggerContentFocusable = triggerContentNodes.some((node) => getFocusableElements$1(node).length > 0);
68971
+ this.triggerContentFocusable = triggerContentNodes.some((node) => getFocusableElements$2(node).length > 0);
68726
68972
 
68727
68973
  // If any of them are focusable elements
68728
68974
  if (this.triggerContentFocusable) {
@@ -81132,7 +81378,7 @@ let AuroHelpText$1$1 = class AuroHelpText extends i$3 {
81132
81378
  }
81133
81379
  };
81134
81380
 
81135
- var formkitVersion$1$1 = '202607091532';
81381
+ var formkitVersion$1$1 = '202607091805';
81136
81382
 
81137
81383
  // Copyright (c) 2025 Alaska Airlines. All right reserved. Licensed under the Apache-2.0 license
81138
81384
  // See LICENSE in the project root for license information.
@@ -82253,7 +82499,7 @@ let AuroBibtemplate$1 = class AuroBibtemplate extends i$3 {
82253
82499
  }
82254
82500
  };
82255
82501
 
82256
- var formkitVersion$3 = '202607091532';
82502
+ var formkitVersion$3 = '202607091805';
82257
82503
 
82258
82504
  var styleCss$1$3 = i$6`.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}`;
82259
82505
 
@@ -83785,8 +84031,11 @@ class AuroCombobox extends AuroElement$3 {
83785
84031
  // do not close while typing in suggestion mode with no value selected, to allow freeform input
83786
84032
  this.hideBib();
83787
84033
 
83788
- // Move focus to the clear button when the user makes a selection.
83789
- if (!isEcho && this.menu.value !== undefined) {
84034
+ // Move focus to the clear button when the user makes a selection,
84035
+ // unless the Shift+Tab handler opted this selection out.
84036
+ if (this._suppressClearBtnFocusOnSelection) {
84037
+ this._suppressClearBtnFocusOnSelection = false;
84038
+ } else if (!isEcho && this.menu.value !== undefined) {
83790
84039
  this.setClearBtnFocus();
83791
84040
  }
83792
84041
 
@@ -91231,7 +91480,7 @@ let AuroHelpText$1 = class AuroHelpText extends i$3 {
91231
91480
  }
91232
91481
  };
91233
91482
 
91234
- var formkitVersion$1 = '202607091532';
91483
+ var formkitVersion$1 = '202607091805';
91235
91484
 
91236
91485
  class AuroElement extends i$3 {
91237
91486
  static get properties() {
@@ -93270,7 +93519,7 @@ class AuroHelpText extends i$3 {
93270
93519
  }
93271
93520
  }
93272
93521
 
93273
- var formkitVersion = '202607091532';
93522
+ var formkitVersion = '202607091805';
93274
93523
 
93275
93524
  var styleCss = i$6`.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}`;
93276
93525